tabexseriescomponents 0.2.781 → 0.2.782

package/dist/index.esm.js

@@ -18,6 +18,7 @@ import { IoMdClose } from '@react-icons/all-files/io/IoMdClose';
 import { Modal, Offcanvas } from 'react-bootstrap';
 import { IKImage } from 'imagekitio-react';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _extends from '@babel/runtime/helpers/extends';
 import ImageGallery from 'react-image-gallery';
 import { MdAddShoppingCart } from '@react-icons/all-files/md/MdAddShoppingCart';
 import { IoBagHandleOutline } from '@react-icons/all-files/io5/IoBagHandleOutline';
@@ -30,11 +31,11 @@ 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 { FaWhatsapp } from '@react-icons/all-files/fa/FaWhatsapp';
-import '@react-icons/all-files/io5/IoCall';
+import { IoCall } from '@react-icons/all-files/io5/IoCall';
 import { FaPlus } from '@react-icons/all-files/fa/FaPlus';
 import { FaMinus } from '@react-icons/all-files/fa/FaMinus';
 import { FiBox as FiBox$1 } from '@react-icons/all-files/fi/FiBox';
-import { Fade, Slide, Zoom } from 'react-slideshow-image';
+import { Slide, Fade, Zoom } from 'react-slideshow-image';
 import { RiArrowGoBackLine } from '@react-icons/all-files/ri/RiArrowGoBackLine';
 import { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemState, AccordionItemPanel } from 'react-accessible-accordion';
 import { FacebookShareButton, FacebookIcon, EmailShareButton, EmailIcon, TwitterShareButton, WhatsappShareButton, WhatsappIcon, LinkedinShareButton, LinkedinIcon, TwitterIcon } from 'react-share';
@@ -161,7 +162,6 @@ import { GoStar } from '@react-icons/all-files/go/GoStar';
 import { IoIosStar } from '@react-icons/all-files/io/IoIosStar';
 import { CountdownCircleTimer } from 'react-countdown-circle-timer';
 import BackgroundSlideshow from 'react-background-slideshow';
-import _extends from '@babel/runtime/helpers/extends';
 import { HiOutlineLocationMarker } from '@react-icons/all-files/hi/HiOutlineLocationMarker';
 import { FiPhoneCall } from '@react-icons/all-files/fi/FiPhoneCall';
 import { FaRegEye } from '@react-icons/all-files/fa/FaRegEye';
@@ -2467,7 +2467,7 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2A(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$2A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _authdetailsContext$i, _authdetailsContext$i2, _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, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _authdetailsContext$i3, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _sizeguideimage$;
+  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _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, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _authdetailsContext$i4, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _authdetailsContext$i5, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _authdetailsContext$i6, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _sizeguideimage$;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2529,6 +2529,12 @@ var Product_itemtype = function Product_itemtype(props) {
     _useState14 = _slicedToArray(_useState13, 2),
     gallery = _useState14[0],
     setGallery = _useState14[1]; // Store reference to the gallery
+  var Slideshowsettings = {
+    indicators: true,
+    arrows: true,
+    pauseOnHover: false,
+    scale: 2
+  };
   var toggleFullScreen = function toggleFullScreen() {
     if (gallery) {
       gallery.toggleFullScreen();
@@ -2772,7 +2778,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 '
-  }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
+  }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) != '678d1831ef638' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-1025-1 ',
     style: {
       minHeight: sectionproperties.height + 'vh'
@@ -3296,7 +3302,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.remove_quantitybtn_textfontsize
   }))), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React.createElement("span", {
     className: "".concat(productinfo_cssstyles.quantitybtn_text)
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '66d6de1a1e04a' ? parseFloat(addtocardpayloadobj.quantity).toFixed(2) : parseInt(addtocardpayloadobj.quantity)), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React.createElement("span", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '66d6de1a1e04a' ? parseFloat(addtocardpayloadobj.quantity).toFixed(2) : parseInt(addtocardpayloadobj.quantity)), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React.createElement("span", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
       var _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41;
@@ -3968,7 +3974,7 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "my-3"
   })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
-  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Portfolio' && /*#__PURE__*/React.createElement("div", {
+  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Portfolio' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) != '678d1831ef638' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 ',
     style: {
       minHeight: sectionproperties.height + 'vh',
@@ -4095,7 +4101,348 @@ var Product_itemtype = function Product_itemtype(props) {
     dangerouslySetInnerHTML: {
       __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer71 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer71 === void 0 || (_fetchProductInfoQuer71 = _fetchProductInfoQuer71.data) === null || _fetchProductInfoQuer71 === void 0 || (_fetchProductInfoQuer71 = _fetchProductInfoQuer71.productinfo) === null || _fetchProductInfoQuer71 === void 0 ? void 0 : _fetchProductInfoQuer71.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer72 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer72 === void 0 || (_fetchProductInfoQuer72 = _fetchProductInfoQuer72.data) === null || _fetchProductInfoQuer72 === void 0 || (_fetchProductInfoQuer72 = _fetchProductInfoQuer72.productinfo) === null || _fetchProductInfoQuer72 === void 0 ? void 0 : _fetchProductInfoQuer72.description_ar
     }
-  })))))), sizeguideimage.length != 0 && /*#__PURE__*/React.createElement(Modal, {
+  }))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '678d1831ef638' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-0 ',
+    style: {
+      minHeight: '100vh'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0 d-flex justify-content-center h-sm-auto'
+    // style={{ height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto' }}
+    ,
+    style: {
+      height: '60vh'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": 'h-sm-auto',
+    style: {
+      position: 'relative',
+      width: '100vw',
+      // height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
+      height: '60vh',
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(Slide, _extends({}, Slideshowsettings, {
+    transitionDuration: 1500,
+    duration: 1500,
+    arrow: true,
+    easing: "ease"
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer73 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer73 === void 0 || (_fetchProductInfoQuer73 = _fetchProductInfoQuer73.data) === null || _fetchProductInfoQuer73 === void 0 || (_fetchProductInfoQuer73 = _fetchProductInfoQuer73.productinfo) === null || _fetchProductInfoQuer73 === void 0 || (_fetchProductInfoQuer73 = _fetchProductInfoQuer73.productimages) === null || _fetchProductInfoQuer73 === void 0 ? void 0 : _fetchProductInfoQuer73.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer74 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer74 === void 0 || (_fetchProductInfoQuer74 = _fetchProductInfoQuer74.data) === null || _fetchProductInfoQuer74 === void 0 || (_fetchProductInfoQuer74 = _fetchProductInfoQuer74.productinfo) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : _fetchProductInfoQuer74.productimages.map(function (item, index) {
+    if (item.is_size_guide != 1) {
+      return /*#__PURE__*/React.createElement("div", {
+        "class": "row m-0 w-100 h-sm-auto",
+        style: {
+          // height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
+          height: '60vh'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        "class": 'p-0 align-items-center d-flex',
+        key: index,
+        style: _defineProperty({
+          direction: langdetect == 'en' ? 'ltr' : 'rtl',
+          width: '100%',
+          height: '100%'
+        }, "height", '60vh')
+      }, /*#__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-2000,h-700/' + item.path,
+        style: {
+          objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
+          margin: 0,
+          padding: 0,
+          width: '100%',
+          height: '100%'
+        }
+      })));
+    }
+  }))))))), /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 px-5 mt-3 px-md-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-9"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 "
+  }, sectionproperties.showmeasurementunit == 'Show' && sectionproperties.measurementunitposition == 'Above Name' && MeasurementUnitSection(), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex font-sm-15 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-4"
+  }, /*#__PURE__*/React.createElement(ProductHeaderPricing, {
+    actions: props.actions
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-4"
+  }, /*#__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 || (_fetchProductInfoQuer75 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer75 === void 0 || (_fetchProductInfoQuer75 = _fetchProductInfoQuer75.data) === null || _fetchProductInfoQuer75 === void 0 || (_fetchProductInfoQuer75 = _fetchProductInfoQuer75.productinfo) === null || _fetchProductInfoQuer75 === void 0 ? void 0 : _fetchProductInfoQuer75.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer76 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer76 === void 0 || (_fetchProductInfoQuer76 = _fetchProductInfoQuer76.data) === null || _fetchProductInfoQuer76 === void 0 || (_fetchProductInfoQuer76 = _fetchProductInfoQuer76.productinfo) === null || _fetchProductInfoQuer76 === void 0 ? void 0 : _fetchProductInfoQuer76.description_ar
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 p-0 mb-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true,
+    preExpanded: [0]
+  }, /*#__PURE__*/React.createElement(AccordionItem, {
+    uuid: 0
+  }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
+  }, /*#__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,
+        size: 20
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaPlus, {
+        color: sectionproperties.prodCatColor,
+        size: 20
+      }));
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0 mx-4",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: 500,
+      // fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      // fontSize: sectionproperties.prodCatFontSize + 'px',
+      fontSize: '24px'
+    }
+  }, langdetect == 'en' ? 'Facilities' : 'Facilities')))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+    className: "p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 pl-3 pr-3 mt-3"
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer77 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.data) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.productinfo) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.productfeatures) === null || _fetchProductInfoQuer77 === void 0 ? void 0 : _fetchProductInfoQuer77.map(function (fitem, findex) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": ' col-md-12 p-0 mb-3 mt-2 col-xl-3 col-lg-4 col-md-6 col-sm-12 mb-3 d-flex align-items-center'
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 text-start"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 text-start text-uppercase p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '30px'
+      },
+      "class": langdetect == 'en' ? 'mr-3' : 'ml-3'
+    }, /*#__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: 17
+        // 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)), fitem.type != 'Checkbox' && /*#__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))));
+  }))))))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 p-0 mb-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true,
+    preExpanded: [0]
+  }, /*#__PURE__*/React.createElement(AccordionItem, {
+    uuid: 0
+  }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
+  }, /*#__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,
+        size: 20
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaPlus, {
+        color: sectionproperties.prodCatColor,
+        size: 20
+      }));
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0 mx-4",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: 500,
+      // fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      // fontSize: sectionproperties.prodCatFontSize + 'px',
+      fontSize: '24px'
+    }
+  }, langdetect == 'en' ? 'Developer' : 'Developer')))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+    className: "p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 px-2 mt-3 d-flex flex-row",
+    style: {
+      color: '#000'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 col-md-12 mb-md-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100px',
+      borderRadius: 100,
+      border: '1px solid #ccc'
+    },
+    "class": langdetect == 'en' ? 'mr-3' : 'ml-3'
+  }, /*#__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: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer78 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.data) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.productinfo) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.vendorinfo) === null || _fetchProductInfoQuer78 === void 0 ? void 0 : _fetchProductInfoQuer78.vendorlogourl,
+    loading: "lazy",
+    style: {
+      maxWidth: '100%',
+      maxHeight: '100%',
+      borderRadius: 100
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-10 col-md-12"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: 17
+    }
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer79 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.data) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.productinfo) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.vendorinfo) === null || _fetchProductInfoQuer79 === void 0 ? void 0 : _fetchProductInfoQuer79.address)))))))))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-end text-md-center mb-5 mb-md-4"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: ' mx-4 mx-md-2 d-flex align-items-center justify-content-center ',
+    onClick: function onClick() {
+      var _fetchProductInfoQuer80;
+      window.open('tel:' + ((_fetchProductInfoQuer80 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer80 === void 0 ? void 0 : _fetchProductInfoQuer80.product_phonenumber), '_blank');
+    },
+    style: {
+      width: '40%',
+      borderRadius: 7,
+      color: 'white',
+      fontSize: 15,
+      height: 43,
+      background: '#005495'
+    }
+  }, /*#__PURE__*/React.createElement(IoCall, {
+    size: 16
+  }), /*#__PURE__*/React.createElement("span", {
+    "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
+  }, "Call Us")), /*#__PURE__*/React.createElement("a", {
+    href: langdetect == 'en' ? whatsappUrl : whatsappUrl_ar,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    style: {
+      width: '40%'
+    },
+    "class": "mx-md-2"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: ' d-flex align-items-center justify-content-center ',
+    style: {
+      width: '100%',
+      borderRadius: 7,
+      color: 'white',
+      fontSize: 15,
+      height: 43,
+      background: '#4cd964'
+    }
+  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
+    size: 16
+  }), /*#__PURE__*/React.createElement("span", {
+    "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
+  }, "WhatsApp")))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 allcentered mb-3 p-md-0"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "".concat(productinfo_cssstyles.sizeguidebtn2, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
+    onClick: function onClick() {
+      setopensizeguidemodal(true);
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": ' m-0 p-0 cursor-pointer '
+  }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 allcentered p-md-0 mb-md-5"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
+    onClick: function onClick() {
+      if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
+        var _fetchProductInfoQuer81;
+        window.open('tel:' + ((_fetchProductInfoQuer81 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer81 === void 0 ? void 0 : _fetchProductInfoQuer81.product_phonenumber), '_blank');
+      } else {
+        if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
+          addtocartfunc();
+        } else {
+          NotificationManager.warning('', lang.maximum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', ' + lang.minimum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
+        }
+      }
+    },
+    disabled: AddtoCartMutationContext.isLoading == true ? true : false
+  }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("span", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.createElement("i", {
+    className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
+    size: sectionproperties.cartBtn_iconFontSize
+  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer82 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer82 === void 0 || (_fetchProductInfoQuer82 = _fetchProductInfoQuer82.data) === null || _fetchProductInfoQuer82 === void 0 || (_fetchProductInfoQuer82 = _fetchProductInfoQuer82.productinfo) === null || _fetchProductInfoQuer82 === void 0 ? void 0 : _fetchProductInfoQuer82.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer83 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer83 === void 0 || (_fetchProductInfoQuer83 = _fetchProductInfoQuer83.data) === null || _fetchProductInfoQuer83 === void 0 || (_fetchProductInfoQuer83 = _fetchProductInfoQuer83.productinfo) === null || _fetchProductInfoQuer83 === void 0 ? void 0 : _fetchProductInfoQuer83.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.createElement(CircularProgress, {
+    color: sectionproperties.cartBtnTextcolor,
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  })))))))))), sizeguideimage.length != 0 && /*#__PURE__*/React.createElement(Modal, {
     show: opensizeguidemodal,
     onHide: function onHide() {
       setopensizeguidemodal(false);