tabexseriescomponents 0.0.433 → 0.0.434

package/dist/index.esm.js

@@ -30,6 +30,11 @@ import { FiShoppingBag } from '@react-icons/all-files/fi/FiShoppingBag';
 import { FiShoppingCart } from '@react-icons/all-files/fi/FiShoppingCart';
 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 { 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';
 import { FiMinus } from '@react-icons/all-files/fi/FiMinus';
 import { FiPlus } from '@react-icons/all-files/fi/FiPlus';
@@ -70,7 +75,6 @@ import '@react-icons/all-files/ri/RiArrowUpSLine';
 import '@react-icons/all-files/ri/RiArrowDownSLine';
 import { IoIosArrowRoundForward } from '@react-icons/all-files/io/IoIosArrowRoundForward';
 import { IoIosArrowRoundBack } from '@react-icons/all-files/io/IoIosArrowRoundBack';
-import { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemState, AccordionItemPanel } from 'react-accessible-accordion';
 import { FiChevronUp } from '@react-icons/all-files/fi/FiChevronUp';
 import { FiChevronDown } from '@react-icons/all-files/fi/FiChevronDown';
 import { HiOutlinePlus } from '@react-icons/all-files/hi/HiOutlinePlus';
@@ -137,8 +141,6 @@ import { FaLinkedinIn } from '@react-icons/all-files/fa/FaLinkedinIn';
 import { RiRoadMapLine } from '@react-icons/all-files/ri/RiRoadMapLine';
 import { HiOutlineClock } from '@react-icons/all-files/hi/HiOutlineClock';
 import { AiOutlineLinkedin } from '@react-icons/all-files/ai/AiOutlineLinkedin';
-import { FaPlus } from '@react-icons/all-files/fa/FaPlus';
-import { FaMinus } from '@react-icons/all-files/fa/FaMinus';
 import { FaArrowAltCircleRight } from '@react-icons/all-files/fa/FaArrowAltCircleRight';
 import { FaArrowAltCircleLeft } from '@react-icons/all-files/fa/FaArrowAltCircleLeft';
 import Select$5 from 'react-select';
@@ -2150,7 +2152,7 @@ var DescriptionContent = function DescriptionContent(props) {
     setShowMore = _useState2[1];
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   return /*#__PURE__*/React.createElement("div", {
-    "class": props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
+    "class": props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
@@ -2163,13 +2165,13 @@ var DescriptionContent = function DescriptionContent(props) {
       fontWeight: sectionproperties.prodCatFontWeight
     }
   }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.description_en) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.description_en) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
+    className: props.srcfromprops == 'collap' ? 'col-lg-12 p-0 d-flex justify-content-center' : 'col-lg-12 p-0 mb-4 d-flex justify-content-center'
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
   }, /*#__PURE__*/React.createElement("p", {
-    className: 'text-black m-0 p-0 wordbreak',
+    className: 'm-0 p-0 wordbreak',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     },
@@ -2237,11 +2239,11 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2t(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$2t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40;
+  var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
-  props.actions.returnpolicyobj;
+  var returnpolicyobj = props.actions.returnpolicyobj;
   var productinfo_cssstyles = props.actions.productinfo_cssstyles;
   var addtocartfunc = props.actions.addtocartfunc;
   props.actions.selectproductoptionvalue;
@@ -2506,7 +2508,17 @@ var Product_itemtype = function Product_itemtype(props) {
     // }
   }, /*#__PURE__*/React.createElement("div", {
     className: sectionproperties.evencols == 'Yes' ? 'row m-0 w-100 mt-md-5' : 'row m-0 w-100'
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center mb-1 mt-3'
+  }, /*#__PURE__*/React.createElement("p", {
+    className: ' m-0 p-0 wordbreak d-flex justify-content-start ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: 400,
+      color: sectionproperties.measurementunitcolor,
+      fontSize: sectionproperties.measurementunitcolor + 'px'
+    }
+  }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), /*#__PURE__*/React.createElement("div", {
     className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
   }, /*#__PURE__*/React.createElement("p", {
     className: props.srcfromprops != 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
@@ -2592,7 +2604,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.favBtnIconfontsize
   }))))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.skuposition == 'Top' && /*#__PURE__*/React.createElement("div", {
     "class": 'col-lg-12 p-0 my-3 d-flex justify-content-start'
-  }, ProductsSKUContainer()), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.short_description_en) != null && /*#__PURE__*/React.createElement("div", {
+  }, ProductsSKUContainer()), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.short_description_en) != null && sectionproperties.descriptionstyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
@@ -2604,7 +2616,7 @@ var Product_itemtype = function Product_itemtype(props) {
     dangerouslySetInnerHTML: {
       __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.short_description_en
     }
-  }))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.short_description_ar) != null && /*#__PURE__*/React.createElement("div", {
+  }))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.short_description_ar) != null && sectionproperties.descriptionstyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
@@ -2616,7 +2628,7 @@ var Product_itemtype = function Product_itemtype(props) {
     dangerouslySetInnerHTML: {
       __html: 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.short_description_ar
     }
-  }))), sectionproperties.descriptionposition == 'Top' && /*#__PURE__*/React.createElement("div", {
+  }))), sectionproperties.descriptionposition == 'Top' && sectionproperties.descriptionstyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
@@ -2754,7 +2766,7 @@ var Product_itemtype = function Product_itemtype(props) {
       marginTop: sectionproperties.ctabuttnnsmarginvertical + 'px',
       marginBottom: sectionproperties.ctabuttnnsmarginvertical + 'px'
     }
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.isproducthasquantitychange) == 1 && sectionproperties.quantitybtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
   }, /*#__PURE__*/React.createElement("p", {
     className: "m-0 p-0",
@@ -3019,7 +3031,219 @@ var Product_itemtype = function Product_itemtype(props) {
     width: "20px",
     height: "20px",
     duration: "1s"
-  }))))))), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer36 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer36 === void 0 || (_fetchProductInfoQuer36 = _fetchProductInfoQuer36.data) === null || _fetchProductInfoQuer36 === void 0 || (_fetchProductInfoQuer36 = _fetchProductInfoQuer36.productinfo) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : _fetchProductInfoQuer36.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }))))))), 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'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer36 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer36 === void 0 || (_fetchProductInfoQuer36 = _fetchProductInfoQuer36.data) === null || _fetchProductInfoQuer36 === void 0 || (_fetchProductInfoQuer36 = _fetchProductInfoQuer36.productinfo) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : _fetchProductInfoQuer36.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 || (_fetchProductInfoQuer37 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer37 === void 0 || (_fetchProductInfoQuer37 = _fetchProductInfoQuer37.productinfo) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : _fetchProductInfoQuer37.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"
+  }, /*#__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)), /*#__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
+    }
+  })), /*#__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.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer38 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer38 === void 0 || (_fetchProductInfoQuer38 = _fetchProductInfoQuer38.data) === null || _fetchProductInfoQuer38 === void 0 || (_fetchProductInfoQuer38 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : _fetchProductInfoQuer38.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex flex-row"
@@ -3042,7 +3266,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right ' : ' d-flex align-items-center justify-content-end wordbreak text-left '
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 || (_fetchProductInfoQuer37 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer37 === void 0 || (_fetchProductInfoQuer37 = _fetchProductInfoQuer37.productinfo) === null || _fetchProductInfoQuer37 === void 0 || (_fetchProductInfoQuer37 = _fetchProductInfoQuer37.variants[variantindexcompleted]) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : _fetchProductInfoQuer37.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer38 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer38 === void 0 || (_fetchProductInfoQuer38 = _fetchProductInfoQuer38.data) === null || _fetchProductInfoQuer38 === void 0 || (_fetchProductInfoQuer38 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer38 === void 0 || (_fetchProductInfoQuer38 = _fetchProductInfoQuer38.variants[variantindexcompleted]) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : _fetchProductInfoQuer38.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("p", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer39 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer39 === void 0 || (_fetchProductInfoQuer39 = _fetchProductInfoQuer39.data) === null || _fetchProductInfoQuer39 === void 0 || (_fetchProductInfoQuer39 = _fetchProductInfoQuer39.productinfo) === null || _fetchProductInfoQuer39 === void 0 || (_fetchProductInfoQuer39 = _fetchProductInfoQuer39.variants[variantindexcompleted]) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 || (_fetchProductInfoQuer40 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer40 === void 0 || (_fetchProductInfoQuer40 = _fetchProductInfoQuer40.productinfo) === null || _fetchProductInfoQuer40 === void 0 || (_fetchProductInfoQuer40 = _fetchProductInfoQuer40.variants[variantindexcompleted]) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : _fetchProductInfoQuer40.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("p", {
     className: 'm-0 p-0 linethrough wordbreak',
     style: {
       color: sectionproperties.prodsalePriceColor,
@@ -3056,14 +3280,14 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       textDecoration: 'none'
     }
-  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer39 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer39 === void 0 || (_fetchProductInfoQuer39 = _fetchProductInfoQuer39.data) === null || _fetchProductInfoQuer39 === void 0 || (_fetchProductInfoQuer39 = _fetchProductInfoQuer39.productinfo) === null || _fetchProductInfoQuer39 === void 0 || (_fetchProductInfoQuer39 = _fetchProductInfoQuer39.variants[variantindexcompleted]) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
+  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer41 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer41 === void 0 || (_fetchProductInfoQuer41 = _fetchProductInfoQuer41.data) === null || _fetchProductInfoQuer41 === void 0 || (_fetchProductInfoQuer41 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer41 === void 0 || (_fetchProductInfoQuer41 = _fetchProductInfoQuer41.variants[variantindexcompleted]) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : _fetchProductInfoQuer41.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
   }, /*#__PURE__*/React.createElement("span", {
     className: "ml-2 mr-2",
     style: {
       textDecoration: 'none'
     }
-  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 || (_fetchProductInfoQuer40 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer40 === void 0 || (_fetchProductInfoQuer40 = _fetchProductInfoQuer40.productinfo) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : _fetchProductInfoQuer40.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
+  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer42 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer42 === void 0 || (_fetchProductInfoQuer42 = _fetchProductInfoQuer42.data) === null || _fetchProductInfoQuer42 === void 0 || (_fetchProductInfoQuer42 = _fetchProductInfoQuer42.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-3 mt-2"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -45075,8 +45299,9 @@ var Newsletterfooter = function Newsletterfooter(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-none d-md-flex editor-accordion"
   }, /*#__PURE__*/React.createElement(Accordion, {
+    "class": "w-100",
     allowMultipleExpanded: true,
-    "class": "w-100"
+    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", {
@@ -45107,6 +45332,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
     "class": "row m-0 w-100 d-none d-md-flex editor-accordion"
   }, /*#__PURE__*/React.createElement(Accordion, {
     allowMultipleExpanded: true,
+    allowZeroExpanded: true,
     "class": "w-100"
   }, /*#__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"
@@ -45629,7 +45855,9 @@ var Newsletterincenter = function Newsletterincenter(props) {
   }, /*#__PURE__*/React.createElement("hr", null)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 d-none d-md-flex"
   }, /*#__PURE__*/React.createElement(Accordion, {
-    "class": "w-100"
+    "class": "w-100",
+    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", {
@@ -45657,7 +45885,9 @@ var Newsletterincenter = function Newsletterincenter(props) {
   }, /*#__PURE__*/React.createElement("hr", null)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 d-none d-md-flex"
   }, /*#__PURE__*/React.createElement(Accordion, {
-    "class": "w-100"
+    "class": "w-100",
+    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", {
@@ -71051,6 +71281,82 @@ var Simpleproductcard = function Simpleproductcard(props) {
       fontWeight: sectionproperties.prodCatFontWeight
     })
   };
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    secondimage = _useState6[0],
+    setsecondimage = _useState6[1];
+  useEffect(function () {
+    var _props$cardinfoitempr;
+    setitem(props.cardinfoitemprops);
+    if ((props === null || props === void 0 || (_props$cardinfoitempr = props.cardinfoitemprops) === null || _props$cardinfoitempr === void 0 || (_props$cardinfoitempr = _props$cardinfoitempr.productimages) === null || _props$cardinfoitempr === void 0 ? void 0 : _props$cardinfoitempr.length) == 1) {
+      var _props$cardinfoitempr2;
+      setsecondimage(props === null || props === void 0 || (_props$cardinfoitempr2 = props.cardinfoitemprops) === null || _props$cardinfoitempr2 === void 0 ? void 0 : _props$cardinfoitempr2.image);
+    } else {
+      var _props$cardinfoitempr3, _props$cardinfoitempr4;
+      if ((props === null || props === void 0 ? void 0 : props.cardinfoitemprops) != undefined && (props === null || props === void 0 || (_props$cardinfoitempr3 = props.cardinfoitemprops) === null || _props$cardinfoitempr3 === void 0 ? void 0 : _props$cardinfoitempr3.productimages) != undefined && Array.isArray(props === null || props === void 0 || (_props$cardinfoitempr4 = props.cardinfoitemprops) === null || _props$cardinfoitempr4 === void 0 ? void 0 : _props$cardinfoitempr4.productimages)) {
+        var _props$cardinfoitempr5, _props$cardinfoitempr6, _props$cardinfoitempr7;
+        if ((props === null || props === void 0 || (_props$cardinfoitempr5 = props.cardinfoitemprops) === null || _props$cardinfoitempr5 === void 0 ? void 0 : _props$cardinfoitempr5.productimages[0]) != undefined && (props === null || props === void 0 || (_props$cardinfoitempr6 = props.cardinfoitemprops) === null || _props$cardinfoitempr6 === void 0 || (_props$cardinfoitempr6 = _props$cardinfoitempr6.productimages[0]) === null || _props$cardinfoitempr6 === void 0 ? void 0 : _props$cardinfoitempr6.path) == (props === null || props === void 0 || (_props$cardinfoitempr7 = props.cardinfoitemprops) === null || _props$cardinfoitempr7 === void 0 ? void 0 : _props$cardinfoitempr7.image)) {
+          var _props$cardinfoitempr8;
+          if ((props === null || props === void 0 || (_props$cardinfoitempr8 = props.cardinfoitemprops) === null || _props$cardinfoitempr8 === void 0 || (_props$cardinfoitempr8 = _props$cardinfoitempr8.productimages[1]) === null || _props$cardinfoitempr8 === void 0 ? void 0 : _props$cardinfoitempr8.length) != 0) {
+            var _props$cardinfoitempr9;
+            setsecondimage(props === null || props === void 0 || (_props$cardinfoitempr9 = props.cardinfoitemprops) === null || _props$cardinfoitempr9 === void 0 || (_props$cardinfoitempr9 = _props$cardinfoitempr9.productimages[1]) === null || _props$cardinfoitempr9 === void 0 ? void 0 : _props$cardinfoitempr9.path);
+          } else {
+            var _props$cardinfoitempr10;
+            setsecondimage(props === null || props === void 0 || (_props$cardinfoitempr10 = props.cardinfoitemprops) === null || _props$cardinfoitempr10 === void 0 ? void 0 : _props$cardinfoitempr10.image);
+          }
+        } else {
+          var _props$cardinfoitempr11;
+          setsecondimage(props === null || props === void 0 || (_props$cardinfoitempr11 = props.cardinfoitemprops) === null || _props$cardinfoitempr11 === void 0 || (_props$cardinfoitempr11 = _props$cardinfoitempr11.productimages[0]) === null || _props$cardinfoitempr11 === void 0 ? void 0 : _props$cardinfoitempr11.path);
+        }
+      }
+    }
+  }, [props.cardinfoitemprops]);
+  var Image = function Image(type) {
+    var transition = false;
+    if (sectionproperties.hideshowcardtransition == 'Show' && type != 'responsive') {
+      transition = true;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "w-100 cursor-pointer",
+      style: {
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      "class": transition ? cardstyles$7.intialimage : '',
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+      loading: "lazy",
+      style: {
+        width: sectionproperties.imageInnerWidth_Height + '%',
+        height: sectionproperties.imageInnerWidth_Height + '%',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
+      },
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      }
+    }), transition && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      "class": cardstyles$7.secondaryimage,
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + secondimage,
+      loading: "lazy",
+      style: {
+        width: sectionproperties.imageInnerWidth_Height + '%',
+        height: sectionproperties.imageInnerWidth_Height + '%',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
+      },
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+
+        // setShowProductInfoModalContext(true);
+        // setProductIdProdutInfoModalContext(item.productid);
+      }
+    }));
+  };
+
   return /*#__PURE__*/React.createElement("div", {
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
     style: {
@@ -71166,31 +71472,16 @@ var Simpleproductcard = function Simpleproductcard(props) {
       direction: 'ltr'
     }
   }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React.createElement("div", {
-    onClick: function onClick() {
-      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'Product Information') {
-        // setShowProductInfoModalContext(true);
-        // setProductIdProdutInfoModalContext(item.productid);
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-      } else {
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-      }
-    },
-    "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 d-flex align-items-center justify-content-center ',
+    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
     style: {
-      zIndex: 1,
       marginBottom: sectionproperties.image_mb + 'px'
     }
-  }, item.image != '' && /*#__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: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
-    loading: "lazy",
+  }, Image('normal')), /*#__PURE__*/React.createElement("div", {
+    "class": card_cssstyles.productcardimagecont + ' d-none d-md-flex ',
     style: {
-      width: sectionproperties.imageInnerWidth_Height + '%',
-      height: sectionproperties.imageInnerWidth_Height + '%',
-      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
+      marginBottom: sectionproperties.image_mb + 'px'
     }
-  })), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
+  }, Image('responsive')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"