tabexseriescomponents 0.2.781 → 0.2.783

package/dist/index.cjs.js

@@ -20,6 +20,7 @@ var IoMdClose = require('@react-icons/all-files/io/IoMdClose');
 var reactBootstrap = require('react-bootstrap');
 var imagekitioReact = require('imagekitio-react');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _extends = require('@babel/runtime/helpers/extends');
 var ImageGallery = require('react-image-gallery');
 var MdAddShoppingCart = require('@react-icons/all-files/md/MdAddShoppingCart');
 var IoBagHandleOutline = require('@react-icons/all-files/io5/IoBagHandleOutline');
@@ -32,7 +33,7 @@ var FiShoppingCart = require('@react-icons/all-files/fi/FiShoppingCart');
 var AiFillStar$1 = require('@react-icons/all-files/ai/AiFillStar');
 var AiOutlineStar = require('@react-icons/all-files/ai/AiOutlineStar');
 var FaWhatsapp = require('@react-icons/all-files/fa/FaWhatsapp');
-require('@react-icons/all-files/io5/IoCall');
+var IoCall = require('@react-icons/all-files/io5/IoCall');
 var FaPlus = require('@react-icons/all-files/fa/FaPlus');
 var FaMinus = require('@react-icons/all-files/fa/FaMinus');
 var FiBox$1 = require('@react-icons/all-files/fi/FiBox');
@@ -163,7 +164,6 @@ var GoStar = require('@react-icons/all-files/go/GoStar');
 var IoIosStar = require('@react-icons/all-files/io/IoIosStar');
 var reactCountdownCircleTimer = require('react-countdown-circle-timer');
 var BackgroundSlideshow = require('react-background-slideshow');
-var _extends = require('@babel/runtime/helpers/extends');
 var HiOutlineLocationMarker = require('@react-icons/all-files/hi/HiOutlineLocationMarker');
 var FiPhoneCall = require('@react-icons/all-files/fi/FiPhoneCall');
 var FaRegEye = require('@react-icons/all-files/fa/FaRegEye');
@@ -205,6 +205,7 @@ var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
 var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
 var FacebookLogin__default = /*#__PURE__*/_interopDefaultLegacy(FacebookLogin);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var ImageGallery__default = /*#__PURE__*/_interopDefaultLegacy(ImageGallery);
 var ReactStars__default = /*#__PURE__*/_interopDefaultLegacy(ReactStars);
 var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
@@ -218,7 +219,6 @@ var PhoneInput__default = /*#__PURE__*/_interopDefaultLegacy(PhoneInput);
 var InputRange__default = /*#__PURE__*/_interopDefaultLegacy(InputRange);
 var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
 var BackgroundSlideshow__default = /*#__PURE__*/_interopDefaultLegacy(BackgroundSlideshow);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 
 // import './index.module.css'
 // import asd from './index2.module.css'
@@ -2516,7 +2516,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__default["default"](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;
@@ -2578,6 +2578,12 @@ var Product_itemtype = function Product_itemtype(props) {
     _useState14 = _slicedToArray__default["default"](_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();
@@ -2821,7 +2827,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 p-0 '
-  }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, 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__default["default"].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'
@@ -3345,7 +3351,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.remove_quantitybtn_textfontsize
   }))), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
       var _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41;
@@ -4017,7 +4023,7 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "my-3"
   })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
-  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Portfolio' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 ',
     style: {
       minHeight: sectionproperties.height + 'vh',
@@ -4144,7 +4150,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__default["default"].createElement(reactBootstrap.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__default["default"].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__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement(reactSlideshowImage.Slide, _extends__default["default"]({}, 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__default["default"].createElement("div", {
+        "class": "row m-0 w-100 h-sm-auto",
+        style: {
+          // height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
+          height: '60vh'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": 'p-0 align-items-center d-flex',
+        key: index,
+        style: _defineProperty__default["default"]({
+          direction: langdetect == 'en' ? 'ltr' : 'rtl',
+          width: '100%',
+          height: '100%'
+        }, "height", '60vh')
+      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: '/tr:w-2000,h-700/' + item.path,
+        style: {
+          objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
+          margin: 0,
+          padding: 0,
+          width: '100%',
+          height: '100%'
+        }
+      })));
+    }
+  }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 px-5 mt-3 px-md-2"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-9"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 "
+  }, sectionproperties.showmeasurementunit == 'Show' && sectionproperties.measurementunitposition == 'Above Name' && MeasurementUnitSection(), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-4"
+  }, /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
+    actions: props.actions
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-4"
+  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+    "class": "col-lg-12 col-md-12 p-0 mb-4"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true,
+    preExpanded: [0]
+  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+    uuid: 0
+  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
+  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+    if (state.expanded == true) {
+      return /*#__PURE__*/React__default["default"].createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React__default["default"].createElement(FaMinus.FaMinus, {
+        color: sectionproperties.prodCatColor,
+        size: 20
+      }));
+    } else {
+      return /*#__PURE__*/React__default["default"].createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React__default["default"].createElement(FaPlus.FaPlus, {
+        color: sectionproperties.prodCatColor,
+        size: 20
+      }));
+    }
+  }), /*#__PURE__*/React__default["default"].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__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+    className: "p-0"
+  }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
+      "class": "row m-0 w-100 text-start"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 text-start text-uppercase p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        width: '30px'
+      },
+      "class": langdetect == 'en' ? 'mr-3' : 'ml-3'
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: fitem === null || fitem === void 0 ? void 0 : fitem.feature_image_url,
+      loading: "lazy",
+      style: {
+        maxWidth: '100%',
+        maxHeight: '100%'
+      }
+    })), /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+      "class": "col-lg-12 text-start text-capitalize"
+    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+    "class": "col-lg-12 col-md-12 p-0 mb-4"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true,
+    preExpanded: [0]
+  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+    uuid: 0
+  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
+  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+    if (state.expanded == true) {
+      return /*#__PURE__*/React__default["default"].createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React__default["default"].createElement(FaMinus.FaMinus, {
+        color: sectionproperties.prodCatColor,
+        size: 20
+      }));
+    } else {
+      return /*#__PURE__*/React__default["default"].createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React__default["default"].createElement(FaPlus.FaPlus, {
+        color: sectionproperties.prodCatColor,
+        size: 20
+      }));
+    }
+  }), /*#__PURE__*/React__default["default"].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__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+    className: "p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 px-2 mt-3 d-flex flex-row",
+    style: {
+      color: '#000'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-2 col-md-12 mb-md-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '100px',
+      borderRadius: 100,
+      border: '1px solid #ccc'
+    },
+    "class": langdetect == 'en' ? 'mr-3' : 'ml-3'
+  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: 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__default["default"].createElement("div", {
+    "class": "col-lg-10 col-md-12"
+  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+    "class": "col-lg-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-12 p-0 text-end text-md-center mb-5 mb-md-4"
+  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement(IoCall.IoCall, {
+    size: 16
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
+  }, "Call Us")), /*#__PURE__*/React__default["default"].createElement("a", {
+    href: langdetect == 'en' ? whatsappUrl : whatsappUrl_ar,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    style: {
+      width: '40%'
+    },
+    "class": "mx-md-2"
+  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
+    size: 16
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
+  }, "WhatsApp")))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-12 allcentered mb-3 p-md-0"
+  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("p", {
+    "class": ' m-0 p-0 cursor-pointer '
+  }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-12 allcentered p-md-0 mb-md-5"
+  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("span", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(IoBagHandleOutline.IoBagHandleOutline, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.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__default["default"].createElement("div", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
+    color: sectionproperties.cartBtnTextcolor,
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  })))))))))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
     show: opensizeguidemodal,
     onHide: function onHide() {
       setopensizeguidemodal(false);
@@ -78607,6 +78954,7 @@ styleInject(css_248z$6);
 function ownKeys$p(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$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
+  var _authdetailsContext$i, _authdetailsContext$i2;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -78625,6 +78973,7 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
   props.setProductIdProdutInfoModalContext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var authdetailsContext = props.actions.authdetailsContext;
   var _useState5 = React.useState(props.cardinfoindexprops),
     _useState6 = _slicedToArray__default["default"](_useState5, 2);
     _useState6[0];
@@ -78758,7 +79107,33 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     style: {
       objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
     }
-  }), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("ul", {
+  }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '678d1831ef638' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: sectionproperties.generaltext_position == 'Centered' ? '100%' : '90%',
+      zIndex: 10
+    },
+    "class": "".concat(cardstyles$1.text, " ").concat(card_cssstyles.text) + ' text m-0 p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "allcentered mx-3",
+    style: {
+      marginBottom: 50,
+      width: '120px',
+      background: 'white',
+      borderRadius: 100,
+      color: '#000',
+      fontSize: 14,
+      height: 40
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": 'm-0 p-0',
+    style: {
+      fontSize: 18,
+      fontWeight: 600
+    },
+    dangerouslySetInnerHTML: {
+      __html: item.shortdescription
+    }
+  }))), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("ul", {
     style: {
       width: sectionproperties.generaltext_position == 'Centered' ? '100%' : '90%'
     },
@@ -78801,7 +79176,33 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     "class": cardstyles$1.img,
     path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
     loading: "lazy"
-  }), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("ul", {
+  }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '678d1831ef638' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: sectionproperties.generaltext_position == 'Centered' ? '100%' : '90%',
+      zIndex: 10
+    },
+    "class": "".concat(cardstyles$1.text, " ").concat(card_cssstyles.text) + ' text m-0 p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "allcentered mx-3",
+    style: {
+      marginBottom: 50,
+      width: '120px',
+      background: 'white',
+      borderRadius: 100,
+      color: '#000',
+      fontSize: 14,
+      height: 40
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": 'm-0 p-0',
+    style: {
+      fontSize: 18,
+      fontWeight: 600
+    },
+    dangerouslySetInnerHTML: {
+      __html: item.shortdescription
+    }
+  }))), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("ul", {
     style: {
       width: sectionproperties.generaltext_position == 'Centered' ? '100%' : '90%'
     },