tabexseriescomponents 0.2.757 → 0.2.759

package/dist/index.umd.js

@@ -2635,7 +2635,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' col-lg-12 p-0 '
       }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].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'
         }
@@ -2701,7 +2701,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: 'row m-0 w-100'
       }, sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
         className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? ' col-lg-12 p-0 maximize ' : 'col-lg-12 p-0',
         style: {
@@ -11465,13 +11465,13 @@
             className: "col-lg-12 p-0 d-flex justify-content-end"
           }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
             className: "row m-0 w-100 d-flex flex-column justify-content-end"
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             className: "col-lg-12 p-0 d-flex justify-content-end"
           }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
             className: "col-lg-12 p-0 d-flex justify-content-end"
           }, /*#__PURE__*/React__default["default"].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 '
@@ -15939,32 +15939,44 @@
     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__default["default"](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 = React.useState(false),
+      props.actions.fetchorderhistoryQueryContext;
+      var _useState = React.useState(null),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
-        IsOrderSuccess = _useState2[0],
-        setIsOrderSuccess = _useState2[1];
-      var _useState3 = React.useState(''),
+        lastOrderinfoObj = _useState2[0],
+        setlastOrderinfoObj = _useState2[1];
+      var _useState3 = React.useState(false),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
-        ReasonFail = _useState4[0],
-        setReasonFail = _useState4[1];
+        IsOrderSuccess = _useState4[0],
+        setIsOrderSuccess = _useState4[1];
       var _useState5 = React.useState(''),
         _useState6 = _slicedToArray__default["default"](_useState5, 2),
-        sectionproperties = _useState6[0],
-        setsectionproperties = _useState6[1];
+        ReasonFail = _useState6[0],
+        setReasonFail = _useState6[1];
       var _useState7 = React.useState(''),
-        _useState8 = _slicedToArray__default["default"](_useState7, 2);
-        _useState8[0];
-        var setCurrentPageId = _useState8[1];
+        _useState8 = _slicedToArray__default["default"](_useState7, 2),
+        sectionproperties = _useState8[0],
+        setsectionproperties = _useState8[1];
+      var _useState9 = React.useState(''),
+        _useState10 = _slicedToArray__default["default"](_useState9, 2);
+        _useState10[0];
+        var setCurrentPageId = _useState10[1];
       var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+      var _useState11 = React.useState([]),
+        _useState12 = _slicedToArray__default["default"](_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');
@@ -16018,6 +16030,40 @@
         });
         setsectionproperties(_objectSpread$2h({}, secpropobj));
       }, [props === null || props === void 0 || (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
+      React.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
+          });
+        }
+      }, []);
+      React.useEffect(function () {
+        if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
+          var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
+          if (Array.isArray(logoarrayofobjectsparsed)) {
+            setlogoarrayofobjects(_toConsumableArray__default["default"](logoarrayofobjectsparsed));
+          }
+        }
+      }, [templateproperties_context]);
       var authdetailsContext = props.actions.authdetailsContext;
       var ordersuccessstyle = {
         ordersuccessbtn: glamor.css({
@@ -16040,13 +16086,13 @@
           }
         }),
         containerstyle: glamor.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
           }
         })
       };
@@ -16054,12 +16100,235 @@
         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__default["default"].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__default["default"].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__default["default"].createElement("div", {
+        "class": "col-12 p-0 text-start mb-4"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' text-start',
+        style: {
+          width: '15%'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        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__default["default"].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__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
+        "class": "col-12 p-0 text-start font-weight-500"
+      }, langdetect == 'en' ? 'Your order has been placed.' : 'الطلب تم بنجاح'), /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 mt-4",
+        style: {
+          border: '1px solid #ccc',
+          borderRadius: 10
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 px-3 py-4"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 text-start mb-3"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0",
+        style: {
+          fontSize: 16,
+          fontWeight: 600
+        }
+      }, langdetect == 'en' ? 'Order details' : 'تفاصيل الطلب')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-6 col-md-12"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 p-0 text-start mb-2"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0",
+        style: {
+          fontSize: 15,
+          fontWeight: 600
+        }
+      }, langdetect == 'en' ? 'Contact Information' : 'بياتات العميل')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 p-0 text-start"
+      }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+        "class": "col-12 p-0 text-start"
+      }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+        "class": "col-12 p-0 text-start mb-2"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        style: {
+          fontSize: 15,
+          fontWeight: 600
+        },
+        "class": "m-0"
+      }, langdetect == 'en' ? 'Shipping address' : 'عنوان الشحن')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 p-0 text-start"
+      }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+        "class": "col-6 col-md-12"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 p-0 text-start mb-2"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        style: {
+          fontSize: 15,
+          fontWeight: 600
+        },
+        "class": "m-0"
+      }, langdetect == 'en' ? 'Payment method' : 'طريقة الدفع')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 p-0 text-start"
+      }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+        "class": "col-6 col-md-12 p-md-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 mb-auto mt-md-4"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 text-start mb-3"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          fontSize: 20,
+          fontWeight: 600
+        }
+      }, langdetect == 'en' ? 'Items Ordered' : 'المنتجات')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 p-0"
+      }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+          className: "col-lg-12 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "row m-0 w-100 d-flex",
+          style: {
+            fontSize: 15
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-8 d-flex"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "row m-0 w-100"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 text-start"
+        }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+          className: "col-lg-12 p-0 d-flex justify-content-start"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100"
+        }, variantoptions.map(function (variantitem, variantindex) {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
+          }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+          className: "col-lg-12 p-0 d-flex justify-content-start"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          className: "m-0 p-0 font-weight-500"
+        }, lang.qty, ": ", item.quantity)))), /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-4 d-flex text-end"
+        }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+          "class": "col-12 my-2"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          style: {
+            width: '100%',
+            height: 1,
+            background: '#eee'
+          }
+        }))));
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 mt-5",
+        style: {
+          fontSize: 16
         }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 font-weight-600"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-6 text-start"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "m-0 p-0"
+      }, langdetect == 'en' ? 'Sub total' : 'الاجمالي')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-6 text-end"
+      }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 mt-1",
+        style: {
+          fontSize: 16
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 font-weight-600"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-6 text-start"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "m-0 p-0"
+      }, langdetect == 'en' ? 'Shipping' : 'الشحن')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-6 text-end"
+      }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 my-3"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          width: '100%',
+          height: 1,
+          background: '#eee'
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 mt-1",
+        style: {
+          fontSize: 16
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 font-weight-600"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-6 text-start"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "m-0 p-0"
+      }, langdetect == 'en' ? 'Total' : 'الاجمالي')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-6 text-end"
+      }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+        className: "col-lg-12 allcentered flex-column "
       }, /*#__PURE__*/React__default["default"].createElement(IoBagCheckOutline.IoBagCheckOutline, {
         size: sectionproperties.icontextfontsize,
         color: sectionproperties.iconcontainercolor,
@@ -16079,7 +16348,7 @@
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.Ordershistory);
         }
-      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), !IsOrderSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), !IsOrderSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 allcentered flex-column mt-4 mb-4 ",
         style: {
           minHeight: '50vh',
@@ -31860,13 +32129,17 @@
             background: sectionproperties.floatingwhatappiconbgcoloronhover
           }
         }),
+        waicon: glamor.css({
+          color: sectionproperties.floatingwhatsappiconcolor,
+          ':hover': {
+            color: sectionproperties.floatingwhatsappiconcoloronhover
+          }
+        }),
         fbfloatingicon: glamor.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,
@@ -31878,13 +32151,17 @@
             background: sectionproperties.floatingwhatappiconbgcoloronhover
           }
         }),
+        fbfloatingiconen: glamor.css({
+          right: sectionproperties.floatingfbfromright + 'px'
+        }),
+        fbfloatingiconar: glamor.css({
+          left: sectionproperties.floatingfbfromright + 'px'
+        }),
         instagramfloatingicon: glamor.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,
@@ -31895,13 +32172,17 @@
             background: sectionproperties.floatinginstagramiconbgcoloronhover
           }
         }),
+        instagramfloatingiconen: glamor.css({
+          right: sectionproperties.floatinginstagramfromright + 'px'
+        }),
+        instagramfloatingiconar: glamor.css({
+          left: sectionproperties.floatinginstagramfromright + 'px'
+        }),
         tiktokfloatingicon: glamor.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,
@@ -31912,11 +32193,15 @@
             background: sectionproperties.tiktokfloatingiconbgcoloronhover
           }
         }),
+        tiktokfloatingiconen: glamor.css({
+          right: sectionproperties.tiktokfloatingiconfromright + 'px'
+        }),
+        tiktokfloatingiconar: glamor.css({
+          left: sectionproperties.tiktokfloatingiconfromright + 'px'
+        }),
         floatingbtn: glamor.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',
@@ -31934,6 +32219,18 @@
           // '@media (max-width: 800px)': {
           //     width: '50%',
           // },
+        }),
+        floatingbtnen: glamor.css({
+          right: sectionproperties.floatingbtnfromright + 'px'
+        }),
+        floatingbtnar: glamor.css({
+          left: sectionproperties.floatingbtnfromright + 'px'
+        }),
+        callbtnen: glamor.css({
+          right: sectionproperties.callppositionfromright + 'px'
+        }),
+        callbtnar: glamor.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);
@@ -31943,18 +32240,20 @@
         style: {
           position: 'relative'
         }
-      }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+      }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": header_cssstyles.floatingwaicon + ' allcentered px-2 py-1 cursor-pointer '
+      }, /*#__PURE__*/React__default["default"].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__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
         size: sectionproperties.floatingwhatsappiconiconfontsize
       }), sectionproperties.floatingwhatsappiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("span", {
         "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
-      }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar)), sectionproperties.showfloatingfbbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(header_cssstyles.fbfloatingicon) + ' allcentered cursor-pointer ',
+      }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar))), sectionproperties.showfloatingfbbtn == 'Show' && /*#__PURE__*/React__default["default"].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) {
@@ -31965,7 +32264,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(FaFacebook.FaFacebook, {
         size: sectionproperties.floatingfbiconiconsize
       })), sectionproperties.instagramfloatingbtnshow == 'Show' && /*#__PURE__*/React__default["default"].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) {
@@ -31976,7 +32275,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
         size: sectionproperties.floatinginstagramiconiconsize
       })), sectionproperties.tiktonfloatingbtnshow == 'Show' && /*#__PURE__*/React__default["default"].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) {
@@ -31987,7 +32286,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
         size: sectionproperties.tiktokfloatingiconiconfontsize
       })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].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, '');
@@ -32025,10 +32324,10 @@
         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__default["default"].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__default["default"].createElement(FiPhone.FiPhone, {
@@ -68015,7 +68314,7 @@
           }
         }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))));
       })), sectionproperties.view_as_slider_vertical == 'Vertical' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.2.757",
+    "version": "0.2.759",
     "type": "module",
     "description": "your description",
     "main": "dist/index.cjs.js",