tabexseriescomponents 0.0.520 → 0.0.522

package/dist/index.esm.js

@@ -32,7 +32,7 @@ import { AiFillStar as AiFillStar$1 } from '@react-icons/all-files/ai/AiFillStar
 import { AiOutlineStar } from '@react-icons/all-files/ai/AiOutlineStar';
 import { FaPlus } from '@react-icons/all-files/fa/FaPlus';
 import { FaMinus } from '@react-icons/all-files/fa/FaMinus';
-import { FiBox } from '@react-icons/all-files/fi/FiBox';
+import { FiBox as FiBox$1 } from '@react-icons/all-files/fi/FiBox';
 import { RiArrowGoBackLine } from '@react-icons/all-files/ri/RiArrowGoBackLine';
 import { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemState, AccordionItemPanel } from 'react-accessible-accordion';
 import { FacebookShareButton, FacebookIcon, TwitterShareButton, WhatsappShareButton, WhatsappIcon, LinkedinShareButton, LinkedinIcon, TwitterIcon } from 'react-share';
@@ -3071,18 +3071,18 @@ var Product_itemtype = function Product_itemtype(props) {
     })), /*#__PURE__*/React.createElement("p", {
       "class": "m-0 p-0",
       style: {
-        color: sectionproperties.prodCatColor,
-        fontWeight: 600,
-        fontSize: 17
+        color: sectionproperties.featurecolor,
+        fontWeight: sectionproperties.featurefontweight,
+        fontSize: sectionproperties.featurefontsize
       }
     }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 text-start text-capitalize"
     }, /*#__PURE__*/React.createElement("p", {
       "class": "m-0 p-0",
       style: {
-        color: sectionproperties.prodCatColor,
-        fontWeight: 400,
-        fontSize: 15
+        color: sectionproperties.featurevaluecolor,
+        fontWeight: sectionproperties.featurevaluefontweight,
+        fontSize: sectionproperties.featurevaluefontsize
       }
     }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar)));
   })), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
@@ -3218,7 +3218,7 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "col-lg-12 p-0 mb-3 d-flex flex-row text-start align-items-center mt-3"
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 allcentered mx-2"
-  }, /*#__PURE__*/React.createElement(FiBox, {
+  }, /*#__PURE__*/React.createElement(FiBox$1, {
     size: 15,
     style: {
       color: sectionproperties.prodCatColor
@@ -4205,7 +4205,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
 };
 
 var Service_itemtype = function Service_itemtype(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11;
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -4225,9 +4225,8 @@ var Service_itemtype = function Service_itemtype(props) {
   var NotificationManager = props.actions.NotificationManager;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
-  props.actions.quantityconditionfoundobjprops;
   var currentshowingimageindex = props.actions.currentshowingimageindex;
-  props.actions.variantindexcompleted;
+  var returnpolicyobj = props.actions.returnpolicyobj;
   var StoreInfoprops = props.actions.StoreInfoprops;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -4564,7 +4563,327 @@ var Service_itemtype = function Service_itemtype(props) {
       // textAlign: langdetect == 'en' ? 'left' : 'right',
       color: sectionproperties.deliverytimecontainercolor
     }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.deliverydatetext)), /*#__PURE__*/React.createElement("div", {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.deliverydatetext)), sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 text-start p-md-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100"
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productfeatures) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.map(function (fitem, findex) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-4 col-md-12 p-0 mb-3 mt-2"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 text-start"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 text-start mb-3 text-uppercase p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '20px'
+      },
+      "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
+    }, /*#__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: fitem === null || fitem === void 0 ? void 0 : fitem.feature_image_url,
+      loading: "lazy",
+      style: {
+        maxWidth: '100%',
+        maxHeight: '100%'
+      }
+    })), /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0",
+      style: {
+        color: sectionproperties.featurecolor,
+        fontWeight: sectionproperties.featurefontweight,
+        fontSize: sectionproperties.featurefontsize
+      }
+    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar)), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 text-start text-capitalize"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0",
+      style: {
+        color: sectionproperties.featurevaluecolor,
+        fontWeight: sectionproperties.featurevaluefontweight,
+        fontSize: sectionproperties.featurevaluefontsize
+      }
+    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar))));
+  }))), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 p-md-0 mt-3"
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true
+  }, /*#__PURE__*/React.createElement(AccordionItem, null, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-2 col-md-2 col-sm-2 p-0"
+  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
+    if (state.expanded == true) {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaMinus, {
+        color: sectionproperties.prodCatColor
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaPlus, {
+        color: sectionproperties.prodCatColor
+      }));
+    }
+  }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+    className: "p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mt-3"
+  }, /*#__PURE__*/React.createElement(DescriptionContent, {
+    actions: props.actions,
+    srcfromprops: 'collap'
+  })))))), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 my-3 p-md-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": "m-0"
+  })), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showshortdescription == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 p-md-0"
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true
+  }, /*#__PURE__*/React.createElement(AccordionItem, null, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.shortdescriptiontitle_en : sectionproperties.shortdescriptiontitle_ar)), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-2 col-md-2 col-sm-2 p-0"
+  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
+    if (state.expanded == true) {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaMinus, {
+        color: sectionproperties.prodCatColor
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaPlus, {
+        color: sectionproperties.prodCatColor
+      }));
+    }
+  }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+    className: "p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mt-3"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: 'm-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      color: sectionproperties.prodCatColor
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.short_description_ar
+    }
+  })))))), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 my-3 p-md-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": "m-0"
+  })), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showshortdescription == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 p-md-0"
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true
+  }, /*#__PURE__*/React.createElement(AccordionItem, null, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 ",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.policiestitleen : sectionproperties.policiestitlear)), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-2 col-md-2 col-sm-2 p-0"
+  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
+    if (state.expanded == true) {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaMinus, {
+        color: sectionproperties.prodCatColor
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaPlus, {
+        color: sectionproperties.prodCatColor
+      }));
+    }
+  }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+    className: "p-0"
+  }, sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3 d-flex flex-row text-start align-items-center mt-3"
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 allcentered mx-2"
+  }, /*#__PURE__*/React.createElement(FiBox, {
+    size: 15,
+    style: {
+      color: sectionproperties.prodCatColor
+    }
+  })), /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 text-uppercase",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: '14px'
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar)), sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-4 px-4"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: ' m-0 p-0 wordbreak ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: '15px'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policysummary_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policysummary_ar
+    }
+  })), sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-4 px-4"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: ' m-0 p-0 wordbreak cursor-pointer ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      textDecoration: 'underline',
+      color: sectionproperties.prodCatColor
+    },
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.ShippingPolicy);
+    }
+  }, "SEE MORE")), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3 d-flex flex-row text-start align-items-center"
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 allcentered mx-2"
+  }, /*#__PURE__*/React.createElement(RiArrowGoBackLine, {
+    size: 15,
+    style: {
+      color: sectionproperties.prodCatColor
+    }
+  })), /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 text-uppercase",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: '14px'
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-4 px-4"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: ' m-0 p-0 wordbreak ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: '15px'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policysummary_en : (_returnpolicyobj8 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policysummary_ar
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-4 px-4"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: ' m-0 p-0 wordbreak cursor-pointer ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      textDecoration: 'underline',
+      color: sectionproperties.prodCatColor
+    },
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.RefundPolicy);
+    }
+  }, "SEE MORE")))))), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 my-3 p-md-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": "m-0"
+  })), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 p-md-0 mb-5"
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true,
+    preExpanded: [10]
+  }, /*#__PURE__*/React.createElement(AccordionItem, {
+    uuid: 10
+  }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.reservationtitle_en : sectionproperties.reservationtitle_ar)), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-2 col-md-2 col-sm-2 p-0"
+  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
+    if (state.expanded == true) {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaMinus, {
+        color: sectionproperties.prodCatColor
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaPlus, {
+        color: sectionproperties.prodCatColor
+      }));
+    }
+  }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+    className: "p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement(Variantoptions, {
+    actions: props.actions
+  }), /*#__PURE__*/React.createElement(Serviceinfotabs, {
+    actions: {
+      fetchProductInfoQueryContext: fetchProductInfoQueryContext,
+      sectionproperties: sectionproperties,
+      lang: lang,
+      langdetect: langdetect,
+      productinfo_cssstyles: productinfo_cssstyles,
+      AddtoCartMutationContext: AddtoCartMutationContext,
+      GeneralAPIMutationContext: GeneralAPIMutationContext,
+      addtocardpayloadobj: addtocardpayloadobj,
+      setaddtocardpayloadobj: setaddtocardpayloadobj,
+      NotificationManager: NotificationManager,
+      addtocartfunc: addtocartfunc,
+      getprice_discountpriceprops: getprice_discountpriceprops,
+      authdetailsContext: authdetailsContext,
+      routingcountext: routingcountext,
+      StaticPagesLinksContext: StaticPagesLinksContext,
+      addtofavoritescontext: addtofavoritescontext
+    }
+  })))))), sectionproperties.descriptionstyle != 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-start p-0 flex-column"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 mb-2 w-100",
@@ -4586,7 +4905,7 @@ var Service_itemtype = function Service_itemtype(props) {
       background: '#eee'
     },
     "class": langdetect == 'en' ? productinfo_cssstyles.before + ' before ' : productinfo_cssstyles.before + ' beforear '
-  })), /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.descriptionstyle != 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement(Variantoptions, {
     actions: props.actions
@@ -13088,7 +13407,7 @@ styleInject(css_248z$E);
 function ownKeys$2d(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$2d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CartSlider = function CartSlider(props) {
-  var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
+  var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var authdetailsContext = props.actions.authdetailsContext;
@@ -13106,6 +13425,7 @@ var CartSlider = function CartSlider(props) {
   var sidecartnavshowWorkplaceDesigncontext = props.actions.sidecartnavshowWorkplaceDesigncontext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var ChangeCartItemQuantityContext = props.actions.ChangeCartItemQuantityContext;
+  var clearcartfuncContext = props.actions.clearcartfuncContext;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     OpenCloseCartSlider = _useState2[0],
@@ -13378,7 +13698,15 @@ var CartSlider = function CartSlider(props) {
     style: {}
   }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar, /*#__PURE__*/React.createElement("span", {
     "class": cart_cssstyles.badge + ' mx-2 allcentered mt-sm-1 '
-  }, fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue !== void 0 && (_fetchcustomercartQue = _fetchcustomercartQue.data) !== null && _fetchcustomercartQue !== void 0 && _fetchcustomercartQue.status && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) != 0 ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))), /*#__PURE__*/React.createElement("div", {
+  }, fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue !== void 0 && (_fetchcustomercartQue = _fetchcustomercartQue.data) !== null && _fetchcustomercartQue !== void 0 && _fetchcustomercartQue.status && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) != 0 ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue4 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.data) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.cartitems) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.length) != 0 && /*#__PURE__*/React.createElement("sup", {
+    onClick: function onClick() {
+      clearcartfuncContext();
+    },
+    "class": "text-danger text-dangerhover cursor-pointer",
+    style: {
+      fontSize: 13
+    }
+  }, langdetect == 'en' ? 'Clear Cart' : 'حذف الكل'))), /*#__PURE__*/React.createElement("div", {
     className: ' col-3 d-flex align-items-center justify-content-end '
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(cart_cssstyles.close_menu_icon_cont) + ' allcentered ',
@@ -13407,7 +13735,7 @@ var CartSlider = function CartSlider(props) {
       height: 2,
       background: sectionproperties.vl_bg
     }
-  }))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue4 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.status) && /*#__PURE__*/React.createElement("div", {
+  }))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 || (_fetchcustomercartQue5 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : _fetchcustomercartQue5.status) && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 h-100 px-2"
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(cartstyles.cartslider_container, " ").concat(cart_cssstyles.cartslider_container) + ' h-100 w-100 ',
@@ -13419,7 +13747,7 @@ var CartSlider = function CartSlider(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 ",
     style: {
-      height: '85vh'
+      height: '90vh'
     }
   }, AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 allcentered",
@@ -13449,9 +13777,9 @@ var CartSlider = function CartSlider(props) {
       maxHeight: '67%',
       overflowY: 'scroll'
     }
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 || (_fetchcustomercartQue5 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : _fetchcustomercartQue5.customercart) != null && /*#__PURE__*/React.createElement("div", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue6 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue6 === void 0 || (_fetchcustomercartQue6 = _fetchcustomercartQue6.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.customercart) != null && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 h-100"
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue6 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue6 === void 0 || (_fetchcustomercartQue6 = _fetchcustomercartQue6.data) === null || _fetchcustomercartQue6 === void 0 || (_fetchcustomercartQue6 = _fetchcustomercartQue6.customercart) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.cartitems) == 0 && /*#__PURE__*/React.createElement("div", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue7 === void 0 ? void 0 : _fetchcustomercartQue7.cartitems) == 0 && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mt-5 anim pt-3"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex align-items-center justify-content-center",
@@ -13494,8 +13822,8 @@ var CartSlider = function CartSlider(props) {
     style: {
       animationDuration: '.7s'
     }
-  }, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.cartitems) === null || _fetchcustomercartQue7 === void 0 ? void 0 : _fetchcustomercartQue7.map(function (item, index) {
-    var _item$productinfo, _item$variantoptions, _fetchcustomercartQue8;
+  }, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.cartitems) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.map(function (item, index) {
+    var _item$productinfo, _item$variantoptions, _fetchcustomercartQue9;
     return /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 mb-3 p-0"
     }, /*#__PURE__*/React.createElement("div", {
@@ -13664,12 +13992,12 @@ var CartSlider = function CartSlider(props) {
       onClick: function onClick() {
         deletecartitemContext(item);
       }
-    }, lang.remove))))))), index != (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.cartitems) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.length) - 1 && /*#__PURE__*/React.createElement("div", {
+    }, lang.remove))))))), index != (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.customercart) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.cartitems) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.length) - 1 && /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 mt-3 p-0"
     }, /*#__PURE__*/React.createElement("hr", {
       className: "m-0"
     })));
-  }))))), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.customercart) != null && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue10 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.customercart) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length) != 0 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }))))), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue10 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.data) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.customercart) != null && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue11 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue11 === void 0 || (_fetchcustomercartQue11 = _fetchcustomercartQue11.data) === null || _fetchcustomercartQue11 === void 0 || (_fetchcustomercartQue11 = _fetchcustomercartQue11.customercart) === null || _fetchcustomercartQue11 === void 0 || (_fetchcustomercartQue11 = _fetchcustomercartQue11.cartitems) === null || _fetchcustomercartQue11 === void 0 ? void 0 : _fetchcustomercartQue11.length) != 0 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 mb-1 p-0 mt-auto anim mb-md-4",
     style: {
       animationDuration: '.8s'
@@ -13704,7 +14032,7 @@ var CartSlider = function CartSlider(props) {
       textTransform: sectionproperties.total_texttransform,
       color: sectionproperties.total_color
     }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue11 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue11 === void 0 || (_fetchcustomercartQue11 = _fetchcustomercartQue11.data) === null || _fetchcustomercartQue11 === void 0 || (_fetchcustomercartQue11 = _fetchcustomercartQue11.customercart) === null || _fetchcustomercartQue11 === void 0 ? void 0 : _fetchcustomercartQue11.totalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue12 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.data) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.customercart) === null || _fetchcustomercartQue12 === void 0 ? void 0 : _fetchcustomercartQue12.totalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 mt-1 d-flex align-items-center justify-content-start p-0"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0",
@@ -13713,7 +14041,7 @@ var CartSlider = function CartSlider(props) {
       fontSize: '13px',
       fontWeight: 500
     }
-  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue12 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.data) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.customercart) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.cartitems) === null || _fetchcustomercartQue12 === void 0 ? void 0 : _fetchcustomercartQue12.length) != 0 && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue13 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue13 === void 0 || (_fetchcustomercartQue13 = _fetchcustomercartQue13.data) === null || _fetchcustomercartQue13 === void 0 || (_fetchcustomercartQue13 = _fetchcustomercartQue13.customercart) === null || _fetchcustomercartQue13 === void 0 || (_fetchcustomercartQue13 = _fetchcustomercartQue13.cartitems) === null || _fetchcustomercartQue13 === void 0 ? void 0 : _fetchcustomercartQue13.length) != 0 && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mt-4 d-flex flex-column align-items-center justify-content-center"
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
     className: " ".concat(cart_cssstyles.cart_btn) + ' mb-2 d-flex align-items-center justify-content-center ',
@@ -16750,7 +17078,7 @@ var CardsSection = function CardsSection(props) {
         image: ''
       };
       if (fetchingtype == 'products') {
-        var _arrayItem$features3, _arrayItem$features4;
+        var _arrayItem$features3;
         var itemquantity = 0;
         if (langdetect == 'en') {
           cardobj.name = arrayItem.productinfo.name_en;
@@ -16788,8 +17116,8 @@ var CardsSection = function CardsSection(props) {
           var _arrayItem$features2;
           cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features2 = arrayItem.features) === null || _arrayItem$features2 === void 0 ? void 0 : _arrayItem$features2.value_ar;
         }
-        cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features3 = arrayItem.features) === null || _arrayItem$features3 === void 0 ? void 0 : _arrayItem$features3.value_ar;
-        cardobj.feature_image_url = arrayItem === null || arrayItem === void 0 || (_arrayItem$features4 = arrayItem.features) === null || _arrayItem$features4 === void 0 || (_arrayItem$features4 = _arrayItem$features4.featureinfo) === null || _arrayItem$features4 === void 0 ? void 0 : _arrayItem$features4.feature_image_url;
+        // cardobj.productfeature = arrayItem?.features?.value_ar;
+        cardobj.feature_image_url = arrayItem === null || arrayItem === void 0 || (_arrayItem$features3 = arrayItem.features) === null || _arrayItem$features3 === void 0 || (_arrayItem$features3 = _arrayItem$features3.featureinfo) === null || _arrayItem$features3 === void 0 ? void 0 : _arrayItem$features3.feature_image_url;
         cardobj.productendpointurl = arrayItem.productinfo.productendpointurl;
         cardobj.hassale = arrayItem.productinfo.hassale;
         cardobj.productid = arrayItem.productinfo.productid;