tabexseriescomponents 0.2.757 → 0.2.759

package/dist/index.esm.js

@@ -2771,7 +2771,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 '
   }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
+    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-1025-1 ',
     style: {
       minHeight: sectionproperties.height + 'vh'
     }
@@ -2837,7 +2837,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: 'row m-0 w-100'
   }, sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
-    className: sectionproperties.evencols == 'Yes' ? productinfo_cssstyles.evencols + ' col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-5 pl-1 pr-1 evencols ' : 'col-xl-5 col-lg-5 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
+    className: sectionproperties.evencols == 'Yes' ? productinfo_cssstyles.evencols + ' col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-2 pl-1 pr-1 evencols ' : 'col-xl-5 col-lg-5 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
   }, /*#__PURE__*/React.createElement("div", {
     className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? ' col-lg-12 p-0 maximize ' : 'col-lg-12 p-0',
     style: {
@@ -11601,13 +11601,13 @@ var Checkout = function Checkout(props) {
         className: "col-lg-12 p-0 d-flex justify-content-end"
       }, /*#__PURE__*/React.createElement("p", {
         className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
-      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', sectionproperties.removedecimals == 'Without Decimals' ? parseFloat(Number(item.finalprice).toFixed(2)) : sectionproperties.removedecimals == 'Without Decimals and Separated With Comma' ? Math.floor(item.finalprice).toLocaleString() : parseFloat(item.finalprice).toFixed(2), ' ', " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), item.productinfo.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', sectionproperties.removedecimals == 'Without Decimals' ? parseFloat(Number(item.finalprice).toFixed(2)) : sectionproperties.removedecimals == 'Without Decimals and Separated With Comma' ? Math.floor(item.finalprice).toLocaleString() : parseFloat(item.finalprice).toFixed(2), ' ', " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), item.productinfo.hassale == 1 && /*#__PURE__*/React.createElement("div", {
         className: "row m-0 w-100 d-flex flex-column justify-content-end"
       }, /*#__PURE__*/React.createElement("div", {
         className: "col-lg-12 p-0 d-flex justify-content-end"
       }, /*#__PURE__*/React.createElement("p", {
         className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
-      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', sectionproperties.removedecimals == 'Without Decimals' ? parseFloat(Number(item.finalprice).toFixed(2)) : sectionproperties.removedecimals == 'Without Decimals and Separated With Comma' ? Math.floor(item.finalprice).toLocaleString() : parseFloat(item.finalprice).toFixed(2), ' ', " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("div", {
+      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', sectionproperties.removedecimals == 'Without Decimals' ? parseFloat(Number(item.finalprice).toFixed(2)) : sectionproperties.removedecimals == 'Without Decimals and Separated With Comma' ? Math.floor(item.finalprice).toLocaleString() : parseFloat(item.finalprice).toFixed(2), ' ', " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("div", {
         className: "col-lg-12 p-0 d-flex justify-content-end"
       }, /*#__PURE__*/React.createElement("p", {
         className: langdetect == 'en' ? "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak text-left '
@@ -16075,32 +16075,44 @@ var Categoriesdropdown = function Categoriesdropdown(props) {
 function ownKeys$2h(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$2h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OrderSuccess = function OrderSuccess(props) {
-  var _props$actions2;
-  props.actions.lang;
+  var _props$actions2, _logoarrayofobjects$, _logoarrayofobjects$2, _lastOrderinfoObj$dat, _lastOrderinfoObj$dat2, _lastOrderinfoObj$dat3, _lastOrderinfoObj$dat4, _lastOrderinfoObj$dat5, _lastOrderinfoObj$dat6, _lastOrderinfoObj$dat7, _lastOrderinfoObj$dat8, _lastOrderinfoObj$dat11, _lastOrderinfoObj$dat12, _lastOrderinfoObj$dat13, _lastOrderinfoObj$dat14, _lastOrderinfoObj$dat15, _lastOrderinfoObj$dat16, _lastOrderinfoObj$dat17, _lastOrderinfoObj$dat18, _lastOrderinfoObj$dat19;
+  var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var templatepropcontext = props.actions.templatepropcontext;
   var uselocation = props.actions.uselocation;
-  props.actions.ikimagecredcontext;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
   var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
-  var _useState = useState(false),
+  props.actions.fetchorderhistoryQueryContext;
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
-    IsOrderSuccess = _useState2[0],
-    setIsOrderSuccess = _useState2[1];
-  var _useState3 = useState(''),
+    lastOrderinfoObj = _useState2[0],
+    setlastOrderinfoObj = _useState2[1];
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    ReasonFail = _useState4[0],
-    setReasonFail = _useState4[1];
+    IsOrderSuccess = _useState4[0],
+    setIsOrderSuccess = _useState4[1];
   var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
-    sectionproperties = _useState6[0],
-    setsectionproperties = _useState6[1];
+    ReasonFail = _useState6[0],
+    setReasonFail = _useState6[1];
   var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2);
-    _useState8[0];
-    var setCurrentPageId = _useState8[1];
+    _useState8 = _slicedToArray(_useState7, 2),
+    sectionproperties = _useState8[0],
+    setsectionproperties = _useState8[1];
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2);
+    _useState10[0];
+    var setCurrentPageId = _useState10[1];
   var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    logoarrayofobjects = _useState12[0],
+    setlogoarrayofobjects = _useState12[1];
+  var templateproperties_context = props.actions.templateproperties_context;
+
   // useEffect(() => {
   //     const query = new URLSearchParams(uselocation.search);
   //     var issuccess = query.get('status');
@@ -16154,6 +16166,40 @@ var OrderSuccess = function OrderSuccess(props) {
     });
     setsectionproperties(_objectSpread$2h({}, secpropobj));
   }, [props === null || props === void 0 || (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
+  useEffect(function () {
+    var query = new URLSearchParams(uselocation.search);
+    var order_id = query.get('order_id');
+    if (order_id != undefined && order_id != null && order_id.length != 0) {
+      GeneralAPIMutationContext.mutate({
+        endpointurl: '/p_fetchorderinformation',
+        orderid: order_id,
+        mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
+          var _data$data;
+          var templastorderobj = _objectSpread$2h({}, lastOrderinfoObj);
+          if ((data === null || data === void 0 || (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.data) != null) {
+            templastorderobj = data.data;
+          } else {
+            templastorderobj = {
+              status: false
+            };
+          }
+          setlastOrderinfoObj(_objectSpread$2h({}, templastorderobj));
+        }
+      });
+    } else {
+      setlastOrderinfoObj({
+        status: false
+      });
+    }
+  }, []);
+  useEffect(function () {
+    if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
+      var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
+      if (Array.isArray(logoarrayofobjectsparsed)) {
+        setlogoarrayofobjects(_toConsumableArray(logoarrayofobjectsparsed));
+      }
+    }
+  }, [templateproperties_context]);
   var authdetailsContext = props.actions.authdetailsContext;
   var ordersuccessstyle = {
     ordersuccessbtn: css({
@@ -16176,13 +16222,13 @@ var OrderSuccess = function OrderSuccess(props) {
       }
     }),
     containerstyle: css({
-      paddingLeft: sectionproperties.paddingLeft + 'px',
-      paddingRight: sectionproperties.paddingRight + 'px',
-      paddingTop: sectionproperties.marginTop + 'px',
-      paddingBottom: sectionproperties.marginBottom + 'px',
+      paddingLeft: sectionproperties.cardstyletype != 'Style 2' ? sectionproperties.paddingLeft + 'px' : 0,
+      paddingRight: sectionproperties.cardstyletype != 'Style 2' ? sectionproperties.paddingRight + 'px' : 0,
+      paddingTop: sectionproperties.cardstyletype != 'Style 2' ? sectionproperties.marginTop + 'px' : 0,
+      paddingBottom: sectionproperties.cardstyletype != 'Style 2' ? sectionproperties.marginBottom + 'px' : 0,
       background: sectionproperties.outerbgcolor,
       '@media (max-width: 800px)': {
-        paddingTop: sectionproperties.marginTopResp + 'px'
+        paddingTop: sectionproperties.cardstyletype != 'Style 2' ? sectionproperties.marginTopResp + 'px' : 0
       }
     })
   };
@@ -16190,12 +16236,235 @@ var OrderSuccess = function OrderSuccess(props) {
     className: ordersuccessstyle.containerstyle + ' row ml-0 mr-0 w-100 justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2 ',
     style: {}
   }, IsOrderSuccess && /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 allcentered flex-column d-none mt-4 mb-4 ",
+    // className="col-lg-12 allcentered flex-column d-none "
+    className: sectionproperties.cardstyletype != 'Style 2' ? 'col-lg-12 allcentered flex-column d-none mt-4 mb-4 ' : 'col-lg-12 allcentered flex-column',
     style: {
-      minHeight: '50vh',
+      minHeight: sectionproperties.cardstyletype != 'Style 2' ? '50vh' : '',
       background: sectionproperties.backgroundColor,
-      borderRadius: '10px'
+      borderRadius: sectionproperties.cardstyletype != 'Style 2' ? '10px' : 0,
+      color: '#000'
+    }
+  }, lastOrderinfoObj != null && lastOrderinfoObj.status && sectionproperties.cardstyletype != 'Style 2' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 px-5 py-5 px-1025-1 px-md-0",
+    style: {
+      paddingLeft: 200,
+      paddingRight: 200
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-start mb-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": ' text-start',
+    style: {
+      width: '15%'
+    }
+  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
+    style: {
+      maxWidth: '100%',
+      maxHeight: '100%'
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-6 col-md-12 text-start border-md-none",
+    style: {
+      borderRight: langdetect == 'en' ? '1px solid #ccc' : '',
+      borderLeft: langdetect == 'ar' ? '1px solid #ccc' : ''
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-start mb-1 font-weight-500",
+    style: {
+      fontSize: 15
+    }
+  }, "Order #", lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat === void 0 || (_lastOrderinfoObj$dat = _lastOrderinfoObj$dat.orderinfo) === null || _lastOrderinfoObj$dat === void 0 ? void 0 : _lastOrderinfoObj$dat.orderid), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-start mb-4 font-weight-500"
+  }, langdetect == 'en' ? 'Thank you,' : 'شكرا،', " ", lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat2 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat2 === void 0 || (_lastOrderinfoObj$dat2 = _lastOrderinfoObj$dat2.orderinfo) === null || _lastOrderinfoObj$dat2 === void 0 ? void 0 : _lastOrderinfoObj$dat2.customername), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-start font-weight-500"
+  }, langdetect == 'en' ? 'Your order has been placed.' : 'الطلب تم بنجاح'), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-start font-weight-500"
+  }, langdetect == 'en' ? 'You’ll receive a confirmation email with your order details shortly.' : 'ستتلقى رسالة تأكيد عبر البريد الإلكتروني تحتوي على تفاصيل طلبك قريبًا.'), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mt-4",
+    style: {
+      border: '1px solid #ccc',
+      borderRadius: 10
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 px-3 py-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 text-start mb-3"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0",
+    style: {
+      fontSize: 16,
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? 'Order details' : 'تفاصيل الطلب')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-6 col-md-12"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0",
+    style: {
+      fontSize: 15,
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? 'Contact Information' : 'بياتات العميل')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-start"
+  }, /*#__PURE__*/React.createElement("p", null, lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat3 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat3 === void 0 || (_lastOrderinfoObj$dat3 = _lastOrderinfoObj$dat3.orderinfo) === null || _lastOrderinfoObj$dat3 === void 0 ? void 0 : _lastOrderinfoObj$dat3.customeremail)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-start"
+  }, /*#__PURE__*/React.createElement("p", null, lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat4 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat4 === void 0 || (_lastOrderinfoObj$dat4 = _lastOrderinfoObj$dat4.orderinfo) === null || _lastOrderinfoObj$dat4 === void 0 ? void 0 : _lastOrderinfoObj$dat4.customerphonenumber)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontSize: 15,
+      fontWeight: 600
+    },
+    "class": "m-0"
+  }, langdetect == 'en' ? 'Shipping address' : 'عنوان الشحن')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-start"
+  }, /*#__PURE__*/React.createElement("p", null, lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat5 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat5 === void 0 || (_lastOrderinfoObj$dat5 = _lastOrderinfoObj$dat5.orderinfo) === null || _lastOrderinfoObj$dat5 === void 0 ? void 0 : _lastOrderinfoObj$dat5.address)))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-6 col-md-12"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontSize: 15,
+      fontWeight: 600
+    },
+    "class": "m-0"
+  }, langdetect == 'en' ? 'Payment method' : 'طريقة الدفع')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-start"
+  }, /*#__PURE__*/React.createElement("p", null, (lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat6 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat6 === void 0 || (_lastOrderinfoObj$dat6 = _lastOrderinfoObj$dat6.orderinfo) === null || _lastOrderinfoObj$dat6 === void 0 ? void 0 : _lastOrderinfoObj$dat6.paymentmethod) == 'cod' ? langdetect == 'en' ? 'Cash on delivery' : 'الدفع عند الاستلام' : lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat7 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat7 === void 0 || (_lastOrderinfoObj$dat7 = _lastOrderinfoObj$dat7.orderinfo) === null || _lastOrderinfoObj$dat7 === void 0 ? void 0 : _lastOrderinfoObj$dat7.paymentmethod))))))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-6 col-md-12 p-md-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 mb-auto mt-md-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 text-start mb-3"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: 20,
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? 'Items Ordered' : 'المنتجات')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100",
+    style: {
+      maxHeight: '40vh',
+      overflowY: 'scroll'
+    }
+  }, lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat8 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat8 === void 0 ? void 0 : _lastOrderinfoObj$dat8.orderitems.map(function (item, index) {
+    var _lastOrderinfoObj$dat9, _lastOrderinfoObj$dat10;
+    var variantoptions = [];
+    if (item.isvariant == 1) {
+      var decodevariantoptions = JSON.parse(item.variantoptions);
+      variantoptions = decodevariantoptions;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100 d-flex",
+      style: {
+        fontSize: 15
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-8 d-flex"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 text-start"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: ' m-0 p-0 ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? item.productname_en : item.productname_ar)), (item === null || item === void 0 ? void 0 : item.isvariant) == 1 && /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 p-0 d-flex justify-content-start"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, variantoptions.map(function (variantitem, variantindex) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 font-13 '
+      }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem === null || variantitem === void 0 ? void 0 : variantitem.optionvalue));
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 p-0 d-flex justify-content-start"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "m-0 p-0 font-weight-500"
+    }, lang.qty, ": ", item.quantity)))), /*#__PURE__*/React.createElement("div", {
+      className: "col-4 d-flex text-end"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0 font-weight-500 mb-auto"
+    }, langdetect == 'en' ? lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat9 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat9 === void 0 || (_lastOrderinfoObj$dat9 = _lastOrderinfoObj$dat9.orderinfo) === null || _lastOrderinfoObj$dat9 === void 0 ? void 0 : _lastOrderinfoObj$dat9.currencyname_en : '', " ", item.finalprice, ' ', langdetect == 'ar' ? lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat10 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat10 === void 0 || (_lastOrderinfoObj$dat10 = _lastOrderinfoObj$dat10.orderinfo) === null || _lastOrderinfoObj$dat10 === void 0 ? void 0 : _lastOrderinfoObj$dat10.currencyname_ar : '')), /*#__PURE__*/React.createElement("div", {
+      "class": "col-12 my-2"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '100%',
+        height: 1,
+        background: '#eee'
+      }
+    }))));
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mt-5",
+    style: {
+      fontSize: 16
     }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 font-weight-600"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-6 text-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0"
+  }, langdetect == 'en' ? 'Sub total' : 'الاجمالي')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-6 text-end"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0 font-weight-500"
+  }, langdetect == 'en' ? lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat11 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat11 === void 0 || (_lastOrderinfoObj$dat11 = _lastOrderinfoObj$dat11.orderinfo) === null || _lastOrderinfoObj$dat11 === void 0 ? void 0 : _lastOrderinfoObj$dat11.currencyname_en : '', " ", lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat12 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat12 === void 0 ? void 0 : _lastOrderinfoObj$dat12.totalitemsprice, ' ', langdetect == 'ar' ? lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat13 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat13 === void 0 || (_lastOrderinfoObj$dat13 = _lastOrderinfoObj$dat13.orderinfo) === null || _lastOrderinfoObj$dat13 === void 0 ? void 0 : _lastOrderinfoObj$dat13.currencyname_ar : '')))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mt-1",
+    style: {
+      fontSize: 16
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 font-weight-600"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-6 text-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0"
+  }, langdetect == 'en' ? 'Shipping' : 'الشحن')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-6 text-end"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0 font-weight-500"
+  }, langdetect == 'en' ? lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat14 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat14 === void 0 || (_lastOrderinfoObj$dat14 = _lastOrderinfoObj$dat14.orderinfo) === null || _lastOrderinfoObj$dat14 === void 0 ? void 0 : _lastOrderinfoObj$dat14.currencyname_en : '', " ", lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat15 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat15 === void 0 ? void 0 : _lastOrderinfoObj$dat15.ordershippingfees, ' ', langdetect == 'ar' ? lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat16 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat16 === void 0 || (_lastOrderinfoObj$dat16 = _lastOrderinfoObj$dat16.orderinfo) === null || _lastOrderinfoObj$dat16 === void 0 ? void 0 : _lastOrderinfoObj$dat16.currencyname_ar : '')))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 my-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 1,
+      background: '#eee'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mt-1",
+    style: {
+      fontSize: 16
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 font-weight-600"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-6 text-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0"
+  }, langdetect == 'en' ? 'Total' : 'الاجمالي')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-6 text-end"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0 font-weight-500"
+  }, langdetect == 'en' ? lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat17 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat17 === void 0 || (_lastOrderinfoObj$dat17 = _lastOrderinfoObj$dat17.orderinfo) === null || _lastOrderinfoObj$dat17 === void 0 ? void 0 : _lastOrderinfoObj$dat17.currencyname_en : '', " ", lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat18 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat18 === void 0 ? void 0 : _lastOrderinfoObj$dat18.totalorderfees, ' ', langdetect == 'ar' ? lastOrderinfoObj === null || lastOrderinfoObj === void 0 || (_lastOrderinfoObj$dat19 = lastOrderinfoObj.data) === null || _lastOrderinfoObj$dat19 === void 0 || (_lastOrderinfoObj$dat19 = _lastOrderinfoObj$dat19.orderinfo) === null || _lastOrderinfoObj$dat19 === void 0 ? void 0 : _lastOrderinfoObj$dat19.currencyname_ar : ''))))))), sectionproperties.cardstyletype != 'Style 2' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 allcentered flex-column "
   }, /*#__PURE__*/React.createElement(IoBagCheckOutline, {
     size: sectionproperties.icontextfontsize,
     color: sectionproperties.iconcontainercolor,
@@ -16215,7 +16484,7 @@ var OrderSuccess = function OrderSuccess(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), !IsOrderSuccess && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), !IsOrderSuccess && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 allcentered flex-column mt-4 mb-4 ",
     style: {
       minHeight: '50vh',
@@ -31996,13 +32265,17 @@ var FloatingIcons = function FloatingIcons(props) {
         background: sectionproperties.floatingwhatappiconbgcoloronhover
       }
     }),
+    waicon: css({
+      color: sectionproperties.floatingwhatsappiconcolor,
+      ':hover': {
+        color: sectionproperties.floatingwhatsappiconcoloronhover
+      }
+    }),
     fbfloatingicon: css({
       position: 'fixed',
       zIndex: 999999,
       transition: 'all 0.3s ease-out',
       bottom: sectionproperties.floatingfbfrombottom + 'px',
-      right: langdetect == 'en' ? sectionproperties.floatingfbfromright + 'px' : '',
-      left: langdetect == 'en' ? sectionproperties.floatingfbfromright + 'px' : '',
       width: sectionproperties.floatingfbiconwidth + 'px',
       height: sectionproperties.floatingfbiconheight + 'px',
       background: sectionproperties.floatingfbiconbgcolor,
@@ -32014,13 +32287,17 @@ var FloatingIcons = function FloatingIcons(props) {
         background: sectionproperties.floatingwhatappiconbgcoloronhover
       }
     }),
+    fbfloatingiconen: css({
+      right: sectionproperties.floatingfbfromright + 'px'
+    }),
+    fbfloatingiconar: css({
+      left: sectionproperties.floatingfbfromright + 'px'
+    }),
     instagramfloatingicon: css({
       position: 'fixed',
       zIndex: 999999,
       transition: 'all 0.3s ease-out',
       bottom: sectionproperties.floatinginstagramfrombottom + 'px',
-      right: langdetect == 'en' ? sectionproperties.floatinginstagramfromright + 'px' : '',
-      left: langdetect == 'en' ? sectionproperties.floatinginstagramfromright + 'px' : '',
       width: sectionproperties.floatinginstagramiconwidth + 'px',
       height: sectionproperties.floatinginstagramiconheight + 'px',
       background: sectionproperties.floatinginstagramiconbgcolor,
@@ -32031,13 +32308,17 @@ var FloatingIcons = function FloatingIcons(props) {
         background: sectionproperties.floatinginstagramiconbgcoloronhover
       }
     }),
+    instagramfloatingiconen: css({
+      right: sectionproperties.floatinginstagramfromright + 'px'
+    }),
+    instagramfloatingiconar: css({
+      left: sectionproperties.floatinginstagramfromright + 'px'
+    }),
     tiktokfloatingicon: css({
       position: 'fixed',
       zIndex: 999999,
       transition: 'all 0.3s ease-out',
       bottom: sectionproperties.tiktokfloatingiconfrombottom + 'px',
-      right: langdetect == 'en' ? sectionproperties.tiktokfloatingiconfromright + 'px' : '',
-      left: langdetect == 'en' ? sectionproperties.tiktokfloatingiconfromright + 'px' : '',
       width: sectionproperties.tiktokfloatingiconiconwidth + 'px',
       height: sectionproperties.tiktokfloatingiconheight + 'px',
       background: sectionproperties.tiktokfloatingiconbgcolor,
@@ -32048,11 +32329,15 @@ var FloatingIcons = function FloatingIcons(props) {
         background: sectionproperties.tiktokfloatingiconbgcoloronhover
       }
     }),
+    tiktokfloatingiconen: css({
+      right: sectionproperties.tiktokfloatingiconfromright + 'px'
+    }),
+    tiktokfloatingiconar: css({
+      left: sectionproperties.tiktokfloatingiconfromright + 'px'
+    }),
     floatingbtn: css({
       position: 'fixed',
       bottom: sectionproperties.floatingbtnfrombottom + 'px',
-      right: langdetect == 'en' ? sectionproperties.floatingbtnfromright + 'px' : '',
-      left: langdetect == 'ar' ? sectionproperties.floatingbtnfromright + 'px' : '',
       zIndex: 999999,
       transition: 'all 0.3s ease-out',
       width: sectionproperties.floatingbtnwidth + 'px',
@@ -32070,6 +32355,18 @@ var FloatingIcons = function FloatingIcons(props) {
       // '@media (max-width: 800px)': {
       //     width: '50%',
       // },
+    }),
+    floatingbtnen: css({
+      right: sectionproperties.floatingbtnfromright + 'px'
+    }),
+    floatingbtnar: css({
+      left: sectionproperties.floatingbtnfromright + 'px'
+    }),
+    callbtnen: css({
+      right: sectionproperties.callppositionfromright + 'px'
+    }),
+    callbtnar: css({
+      left: sectionproperties.callppositionfromright + 'px'
     })
   };
   var whatsappUrl = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessageen);
@@ -32079,18 +32376,20 @@ var FloatingIcons = function FloatingIcons(props) {
     style: {
       position: 'relative'
     }
-  }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React.createElement("a", {
+  }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": header_cssstyles.floatingwaicon + ' allcentered px-2 py-1 cursor-pointer '
+  }, /*#__PURE__*/React.createElement("a", {
     href: langdetect == 'en' ? whatsappUrl : whatsappUrl_ar,
     target: "_blank",
     rel: "noopener noreferrer",
     style: {},
-    "class": header_cssstyles.floatingwaicon + ' allcentered px-2 py-1 cursor-pointer '
+    "class": header_cssstyles.waicon + ' allcentered px-2 py-1 cursor-pointer '
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
     size: sectionproperties.floatingwhatsappiconiconfontsize
   }), sectionproperties.floatingwhatsappiconfontsize != 0 && /*#__PURE__*/React.createElement("span", {
     "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
-  }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar)), sectionproperties.showfloatingfbbtn == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.fbfloatingicon) + ' allcentered cursor-pointer ',
+  }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar))), sectionproperties.showfloatingfbbtn == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": langdetect == 'en' ? "".concat(header_cssstyles.fbfloatingicon, " ").concat(header_cssstyles.fbfloatingiconen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.fbfloatingicon, " ").concat(header_cssstyles.fbfloatingiconar) + ' allcentered cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i3;
       if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
@@ -32101,7 +32400,7 @@ var FloatingIcons = function FloatingIcons(props) {
   }, /*#__PURE__*/React.createElement(FaFacebook, {
     size: sectionproperties.floatingfbiconiconsize
   })), sectionproperties.instagramfloatingbtnshow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.instagramfloatingicon) + ' allcentered cursor-pointer ',
+    "class": langdetect == 'en' ? "".concat(header_cssstyles.instagramfloatingicon, " ").concat(header_cssstyles.instagramfloatingiconen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.instagramfloatingicon, " ").concat(header_cssstyles.instagramfloatingiconar) + ' allcentered cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i5;
       if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
@@ -32112,7 +32411,7 @@ var FloatingIcons = function FloatingIcons(props) {
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
     size: sectionproperties.floatinginstagramiconiconsize
   })), sectionproperties.tiktonfloatingbtnshow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.tiktokfloatingicon) + ' allcentered cursor-pointer ',
+    "class": langdetect == 'en' ? "".concat(header_cssstyles.tiktokfloatingicon, " ").concat(header_cssstyles.tiktokfloatingiconen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.tiktokfloatingicon, " ").concat(header_cssstyles.tiktokfloatingiconar) + ' allcentered cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i7;
       if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null) {
@@ -32123,7 +32422,7 @@ var FloatingIcons = function FloatingIcons(props) {
   }, /*#__PURE__*/React.createElement(IoLogoTiktok, {
     size: sectionproperties.tiktokfloatingiconiconfontsize
   })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": header_cssstyles.floatingbtn + ' allcentered cursor-pointer ',
+    "class": langdetect == 'en' ? "".concat(header_cssstyles.floatingbtn, " ").concat(header_cssstyles.floatingbtnen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.floatingbtn, " ").concat(header_cssstyles.floatingbtnar) + ' allcentered cursor-pointer ',
     style: {},
     onClick: function onClick() {
       routingcountext(sectionproperties.floatingbtnlink, false, '');
@@ -32161,10 +32460,10 @@ var FloatingIcons = function FloatingIcons(props) {
     style: {
       position: 'fixed',
       bottom: sectionproperties.callppositionfrombottom + 'px',
-      right: sectionproperties.callppositionfromright + 'px',
       zIndex: 999999,
       transition: 'all 0.3s ease-out'
-    }
+    },
+    "class": langdetect == 'en' ? "".concat(header_cssstyles.callbtn, " ").concat(header_cssstyles.callbtnen) : "".concat(header_cssstyles.callbtn, " ").concat(header_cssstyles.callbtnar)
   }, /*#__PURE__*/React.createElement("i", {
     "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
   }, /*#__PURE__*/React.createElement(FiPhone, {
@@ -68151,7 +68450,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))));
   })), sectionproperties.view_as_slider_vertical == 'Vertical' && /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100"
+    "class": "row m-0 w-100 d-flex justify-content-center"
   }, sectionproperties.flippingcards == 'No' && cardsarray.map(function (cardinfoitem, cardinfoindex) {
     var _authdetailsContext$i3, _authdetailsContext$i4;
     return /*#__PURE__*/React.createElement("div", {