tabexseriescomponents 0.50.126 → 0.50.128

package/dist/index.cjs.js

@@ -10987,10 +10987,14 @@ var Compare = function Compare(props) {
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     sectionproperties = _useState4[0],
     setsectionproperties = _useState4[1];
-  var _useState5 = React.useState([]),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    productDataList = _useState6[0],
-    setProductDataList = _useState6[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2);
+    _useState6[0];
+    var setIsCompared = _useState6[1];
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    productDataList = _useState8[0],
+    setProductDataList = _useState8[1];
   var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
   var fetchComparedProducts = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
@@ -11032,6 +11036,30 @@ var Compare = function Compare(props) {
       return _ref.apply(this, arguments);
     };
   }();
+  var removecompareproduct = function removecompareproduct(productId) {
+    // Replace this with a real ID (e.g., passed via props)
+    var key = 'comparedProducts';
+
+    // Get current list from localStorage
+    var existing = JSON.parse(localStorage.getItem(key)) || [];
+
+    // Check if the product is already in the list
+    var index = existing.indexOf(productId);
+    if (index > -1) {
+      // If exists, remove it (toggle off)
+      existing.splice(index, 1);
+      setIsCompared(false);
+    } else {
+      // If not, add it (toggle on)
+
+      existing.push(productId);
+      setIsCompared(true);
+    }
+
+    // Update localStorage
+    localStorage.setItem(key, JSON.stringify(existing));
+    window.location.reload();
+  };
   React.useEffect(function () {
     var runcomparefunc = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
@@ -11109,7 +11137,17 @@ var Compare = function Compare(props) {
     style: {
       textAlign: langdetect != 'ar' ? 'left' : 'right'
     }
-  }, lang.price)), /*#__PURE__*/React__default["default"].createElement("tbody", null, productDataList.map(function (item, index) {
+  }, lang.price), /*#__PURE__*/React__default["default"].createElement("th", {
+    className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
+    style: {
+      textAlign: langdetect != 'ar' ? 'left' : 'right'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("th", {
+    className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
+    style: {
+      textAlign: langdetect != 'ar' ? 'left' : 'right'
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("tbody", null, productDataList.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         width: '70%',
@@ -11150,7 +11188,23 @@ var Compare = function Compare(props) {
         color: '#000',
         fontSize: '14px'
       }
-    }, item.defaultprice));
+    }, item.defaultprice), /*#__PURE__*/React__default["default"].createElement("td", {
+      "class": "cursor-pointer",
+      style: {
+        color: '#000',
+        fontSize: '14px'
+      },
+      onClick: function onClick() {}
+    }, lang.addtocart), /*#__PURE__*/React__default["default"].createElement("td", {
+      "class": "cursor-pointer",
+      style: {
+        color: '#000',
+        fontSize: '14px'
+      },
+      onClick: function onClick() {
+        removecompareproduct(item.productid);
+      }
+    }, lang.remove));
   })))));
 };
 
@@ -29975,7 +30029,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '67d6bda67adf6' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 anim"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+    className: "col-lg-12 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
       setopenmenuCanvas(false);
@@ -30492,7 +30546,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '67d6bda67adf6' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 anim"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+    className: "col-lg-12 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
       setopenmenuCanvas(false);

package/dist/index.esm.js

@@ -10935,10 +10935,14 @@ var Compare = function Compare(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     sectionproperties = _useState4[0],
     setsectionproperties = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    productDataList = _useState6[0],
-    setProductDataList = _useState6[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2);
+    _useState6[0];
+    var setIsCompared = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    productDataList = _useState8[0],
+    setProductDataList = _useState8[1];
   var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
   var fetchComparedProducts = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
@@ -10980,6 +10984,30 @@ var Compare = function Compare(props) {
       return _ref.apply(this, arguments);
     };
   }();
+  var removecompareproduct = function removecompareproduct(productId) {
+    // Replace this with a real ID (e.g., passed via props)
+    var key = 'comparedProducts';
+
+    // Get current list from localStorage
+    var existing = JSON.parse(localStorage.getItem(key)) || [];
+
+    // Check if the product is already in the list
+    var index = existing.indexOf(productId);
+    if (index > -1) {
+      // If exists, remove it (toggle off)
+      existing.splice(index, 1);
+      setIsCompared(false);
+    } else {
+      // If not, add it (toggle on)
+
+      existing.push(productId);
+      setIsCompared(true);
+    }
+
+    // Update localStorage
+    localStorage.setItem(key, JSON.stringify(existing));
+    window.location.reload();
+  };
   useEffect(function () {
     var runcomparefunc = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
@@ -11057,7 +11085,17 @@ var Compare = function Compare(props) {
     style: {
       textAlign: langdetect != 'ar' ? 'left' : 'right'
     }
-  }, lang.price)), /*#__PURE__*/React.createElement("tbody", null, productDataList.map(function (item, index) {
+  }, lang.price), /*#__PURE__*/React.createElement("th", {
+    className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
+    style: {
+      textAlign: langdetect != 'ar' ? 'left' : 'right'
+    }
+  }), /*#__PURE__*/React.createElement("th", {
+    className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
+    style: {
+      textAlign: langdetect != 'ar' ? 'left' : 'right'
+    }
+  })), /*#__PURE__*/React.createElement("tbody", null, productDataList.map(function (item, index) {
     return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", {
       style: {
         width: '70%',
@@ -11098,7 +11136,23 @@ var Compare = function Compare(props) {
         color: '#000',
         fontSize: '14px'
       }
-    }, item.defaultprice));
+    }, item.defaultprice), /*#__PURE__*/React.createElement("td", {
+      "class": "cursor-pointer",
+      style: {
+        color: '#000',
+        fontSize: '14px'
+      },
+      onClick: function onClick() {}
+    }, lang.addtocart), /*#__PURE__*/React.createElement("td", {
+      "class": "cursor-pointer",
+      style: {
+        color: '#000',
+        fontSize: '14px'
+      },
+      onClick: function onClick() {
+        removecompareproduct(item.productid);
+      }
+    }, lang.remove));
   })))));
 };
 
@@ -29923,7 +29977,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '67d6bda67adf6' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 anim"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+    className: "col-lg-12 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
       setopenmenuCanvas(false);
@@ -30440,7 +30494,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '67d6bda67adf6' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 anim"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+    className: "col-lg-12 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
       setopenmenuCanvas(false);

package/dist/index.umd.js

@@ -10794,10 +10794,14 @@
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
         sectionproperties = _useState4[0],
         setsectionproperties = _useState4[1];
-      var _useState5 = React.useState([]),
-        _useState6 = _slicedToArray__default["default"](_useState5, 2),
-        productDataList = _useState6[0],
-        setProductDataList = _useState6[1];
+      var _useState5 = React.useState(false),
+        _useState6 = _slicedToArray__default["default"](_useState5, 2);
+        _useState6[0];
+        var setIsCompared = _useState6[1];
+      var _useState7 = React.useState([]),
+        _useState8 = _slicedToArray__default["default"](_useState7, 2),
+        productDataList = _useState8[0],
+        setProductDataList = _useState8[1];
       var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
       var fetchComparedProducts = /*#__PURE__*/function () {
         var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
@@ -10839,6 +10843,30 @@
           return _ref.apply(this, arguments);
         };
       }();
+      var removecompareproduct = function removecompareproduct(productId) {
+        // Replace this with a real ID (e.g., passed via props)
+        var key = 'comparedProducts';
+
+        // Get current list from localStorage
+        var existing = JSON.parse(localStorage.getItem(key)) || [];
+
+        // Check if the product is already in the list
+        var index = existing.indexOf(productId);
+        if (index > -1) {
+          // If exists, remove it (toggle off)
+          existing.splice(index, 1);
+          setIsCompared(false);
+        } else {
+          // If not, add it (toggle on)
+
+          existing.push(productId);
+          setIsCompared(true);
+        }
+
+        // Update localStorage
+        localStorage.setItem(key, JSON.stringify(existing));
+        window.location.reload();
+      };
       React.useEffect(function () {
         var runcomparefunc = /*#__PURE__*/function () {
           var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
@@ -10916,7 +10944,17 @@
         style: {
           textAlign: langdetect != 'ar' ? 'left' : 'right'
         }
-      }, lang.price)), /*#__PURE__*/React__default["default"].createElement("tbody", null, productDataList.map(function (item, index) {
+      }, lang.price), /*#__PURE__*/React__default["default"].createElement("th", {
+        className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
+        style: {
+          textAlign: langdetect != 'ar' ? 'left' : 'right'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("th", {
+        className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
+        style: {
+          textAlign: langdetect != 'ar' ? 'left' : 'right'
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("tbody", null, productDataList.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
           style: {
             width: '70%',
@@ -10957,7 +10995,23 @@
             color: '#000',
             fontSize: '14px'
           }
-        }, item.defaultprice));
+        }, item.defaultprice), /*#__PURE__*/React__default["default"].createElement("td", {
+          "class": "cursor-pointer",
+          style: {
+            color: '#000',
+            fontSize: '14px'
+          },
+          onClick: function onClick() {}
+        }, lang.addtocart), /*#__PURE__*/React__default["default"].createElement("td", {
+          "class": "cursor-pointer",
+          style: {
+            color: '#000',
+            fontSize: '14px'
+          },
+          onClick: function onClick() {
+            removecompareproduct(item.productid);
+          }
+        }, lang.remove));
       })))));
     };
 
@@ -29782,7 +29836,7 @@
       }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '67d6bda67adf6' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 anim"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+        className: "col-lg-12 d-flex justify-content-start pl-3 pr-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
           setopenmenuCanvas(false);
@@ -30299,7 +30353,7 @@
       }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '67d6bda67adf6' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 anim"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+        className: "col-lg-12 d-flex justify-content-start pl-3 pr-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
           setopenmenuCanvas(false);

package/package.json

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