tabexseriescomponents 0.2.1364 → 0.2.1366

package/dist/index.esm.js

@@ -94,6 +94,8 @@ import { IoBagRemoveOutline } from '@react-icons/all-files/io5/IoBagRemoveOutlin
 import { useInView } from 'react-intersection-observer';
 import { FiFilter } from '@react-icons/all-files/fi/FiFilter';
 import { FiSliders } from '@react-icons/all-files/fi/FiSliders';
+import { BsGridFill } from '@react-icons/all-files/bs/BsGridFill';
+import { FaBars } from '@react-icons/all-files/fa/FaBars';
 import { FiChevronLeft } from '@react-icons/all-files/fi/FiChevronLeft';
 import { FiChevronRight } from '@react-icons/all-files/fi/FiChevronRight';
 import { HiOutlineArrowRight } from '@react-icons/all-files/hi/HiOutlineArrowRight';
@@ -26129,22 +26131,26 @@ var CardsSection = function CardsSection(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     sectionitem = _useState8[0],
     setsectionitem = _useState8[1];
-  var _useState9 = useState({
+  var _useState9 = useState('multi'),
+    _useState0 = _slicedToArray(_useState9, 2),
+    cardsinglerow = _useState0[0],
+    setcardsinglerow = _useState0[1];
+  var _useState1 = useState({
       productfetchingtype: 'Random',
       collectionid: '',
       grouptype: ''
     }),
-    _useState0 = _slicedToArray(_useState9, 2),
-    ProductsFetchingTypeSectionObj = _useState0[0],
-    setProductsFetchingTypeSectionObj = _useState0[1];
-  var _useState1 = useState([]),
     _useState10 = _slicedToArray(_useState1, 2),
-    maincontainerarrayofobjs = _useState10[0],
-    setmaincontainerarrayofobjs = _useState10[1];
-  var _useState11 = useState(12),
+    ProductsFetchingTypeSectionObj = _useState10[0],
+    setProductsFetchingTypeSectionObj = _useState10[1];
+  var _useState11 = useState([]),
     _useState12 = _slicedToArray(_useState11, 2),
-    perpageItems = _useState12[0],
-    setperpageItems = _useState12[1];
+    maincontainerarrayofobjs = _useState12[0],
+    setmaincontainerarrayofobjs = _useState12[1];
+  var _useState13 = useState(12),
+    _useState14 = _slicedToArray(_useState13, 2),
+    perpageItems = _useState14[0],
+    setperpageItems = _useState14[1];
   var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   var authdetailsContext = props.actions.authdetailsContext;
   props.actions.FetchVendors_byproductsQuery;
@@ -27310,7 +27316,32 @@ var CardsSection = function CardsSection(props) {
         marginTop: sectionproperties.showbadge == 'Show' ? sectionproperties.sectionTitleMarginTop + 'px' : 0,
         marginBottom: sectionproperties.sectiontitledirection == 'Vertical' ? sectionproperties.sectionTitleMarginBottom + 'px' : 0
       }
-    }, SectionTitle()), sectionproperties.sectiontitleshow == 'Show' && sectionproperties.filterType != 'Title & Sort By Only' && /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": authdetailsContext.instinfo.instid == '6a0e0bcb82d2d' && sectionproperties.sectionTitleContent == 'ALL PRODUCTS' ? 'col-9 p-0 text-start' : 'col-12 p-0 text-start'
+    }, SectionTitle()), authdetailsContext.instinfo.instid == '6a0e0bcb82d2d' && sectionproperties.sectionTitleContent == 'ALL PRODUCTS' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-3 p-0 text-end"
+    }, /*#__PURE__*/React.createElement(BsGridFill, {
+      color: sectionproperties.sectionTitleColor,
+      "class": "mx-2 cursor-pointer",
+      onClick: function onClick() {
+        setcardsinglerow('multi');
+        // alert(cardsinglerow);
+      },
+      style: {
+        opacity: cardsinglerow == 'multi' ? 1 : 0.3
+      }
+    }), /*#__PURE__*/React.createElement(FaBars, {
+      color: sectionproperties.sectionTitleColor,
+      "class": "mx-2 cursor-pointer",
+      onClick: function onClick() {
+        setcardsinglerow('single');
+      },
+      style: {
+        opacity: cardsinglerow == 'single' ? 1 : 0.3
+      }
+    })))), sectionproperties.sectiontitleshow == 'Show' && sectionproperties.filterType != 'Title & Sort By Only' && /*#__PURE__*/React.createElement("div", {
       "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 d-none d-md-flex align-items-center ',
       style: {
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
@@ -27388,8 +27419,51 @@ var CardsSection = function CardsSection(props) {
         marginTop: sectionproperties.sectiontitleposition == 'Centered' ? sectionproperties.viewmoremt + 'px' : 0
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto '
-    }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React.createElement("button", {
+      "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto flex-row ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto flex-row '
+    }, authdetailsContext.instinfo.instid == '6a0e0bcb82d2d' && sectionproperties.sectionTitleContent == 'ALL PRODUCTS' && /*#__PURE__*/React.createElement("div", {
+      "class": "p-0  d-none d-md-flex justify-content-end align-items-center"
+    }, /*#__PURE__*/React.createElement(BsGridFill, {
+      color: sectionproperties.sectionTitleColor,
+      "class": "mx-2 cursor-pointer",
+      size: 18,
+      onClick: function onClick() {
+        setcardsinglerow('multi');
+        // alert(cardsinglerow);
+      },
+      style: {
+        opacity: cardsinglerow == 'multi' ? 1 : 0.3
+      }
+    }), /*#__PURE__*/React.createElement(FaBars, {
+      color: sectionproperties.sectionTitleColor,
+      "class": "mx-2 cursor-pointer",
+      size: 18,
+      onClick: function onClick() {
+        setcardsinglerow('single');
+      },
+      style: {
+        opacity: cardsinglerow == 'single' ? 1 : 0.3
+      }
+    }), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 1' && authdetailsContext.instinfo.instid != '6790ae890234e' && window.location.pathname != '/Portfolio' && /*#__PURE__*/React.createElement("button", {
+      "class": '  d-none d-md-flex justify-content-end ',
+      onClick: function onClick() {
+        setopenFilterSlider(true);
+        // var element = document.getElementById('filterslider');
+        // element.classList.add(filterstyles.filterslider_container_opened);
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "".concat(section_cssstyles.filterbtn) + ' allcentered '
+    }, sectionproperties.filterbtnfontsize != 0 && /*#__PURE__*/React.createElement("span", {
+      "class": "allcentered",
+      style: {
+        fontSize: sectionproperties.filterbtnfontsize + 'px'
+      }
+    }, langdetect == 'en' ? sectionproperties.filterbtntexten : sectionproperties.filterbtntextar), sectionproperties.filterbtniconfontsize != 0 && /*#__PURE__*/React.createElement("i", {
+      "class": "h-100 d-flex align-items-center justify-content-center"
+    }, /*#__PURE__*/React.createElement(FiFilter, {
+      style: {
+        fontSize: sectionproperties.filterbtniconfontsize
+      }
+    }))))), sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React.createElement("button", {
       "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ',
       onClick: function onClick() {
         if (fetchingtype == 'products') {
@@ -27431,7 +27505,7 @@ var CardsSection = function CardsSection(props) {
     }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
       size: sectionproperties.viewmoreiconfontsizeresp,
       color: sectionproperties.viewmorebtn_Textcolor
-    })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 1' && authdetailsContext.instinfo.instid != '6790ae890234e' && window.location.pathname != '/Portfolio' && /*#__PURE__*/React.createElement("button", {
+    })))), authdetailsContext.instinfo.instid != '6a0e0bcb82d2d' && sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 1' && authdetailsContext.instinfo.instid != '6790ae890234e' && window.location.pathname != '/Portfolio' && /*#__PURE__*/React.createElement("button", {
       "class": sectionproperties.filterdirection == 'Horizontal' || sectionproperties.filterdirection == 'Collections Vertical' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
       onClick: function onClick() {
         setopenFilterSlider(true);
@@ -27816,7 +27890,7 @@ var CardsSection = function CardsSection(props) {
             } else {
               if (sectionproperties.overallnumberofcards == 0) {
                 return /*#__PURE__*/React.createElement("div", {
-                  "class": bootstapclass
+                  "class": cardsinglerow == 'single' ? 'col-12 p-0 d-flex justify-content-center p-0 ' : bootstapclass
                 }, /*#__PURE__*/React.createElement(Sectioncomp, {
                   sectiontypeprops: 'horizontal',
                   sectiontypeprops2: 'vertical',
@@ -27828,7 +27902,8 @@ var CardsSection = function CardsSection(props) {
                   actions: actions,
                   fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
                   numberOfColsvertical: sectionproperties.numberOfColsvertical,
-                  AddtoCartMutationContext: AddtoCartMutationContext
+                  AddtoCartMutationContext: AddtoCartMutationContext,
+                  cardsinglerow: cardsinglerow
                 }));
               } else if (sectionproperties.overallnumberofcards != 0) {
                 if (cardinfoindex < sectionproperties.overallnumberofcards) {
@@ -51909,7 +51984,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
   }, /*#__PURE__*/React.createElement("p", {
     "class": ' allcenetered m-0 p-0 '
-  }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
     }
@@ -97324,7 +97399,7 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
 function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Simpleproductcard = function Simpleproductcard(props) {
-  var _item$producttags, _authdetailsContext$i3, _item$producttags$, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0, _item$producttags2, _authdetailsContext$i1, _item$producttags$2, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12;
+  var _item$producttags, _authdetailsContext$i3, _item$producttags$, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0, _item$producttags2, _authdetailsContext$i1, _item$producttags$2, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _item$producttags3, _authdetailsContext$i14, _item$producttags$3, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -97373,6 +97448,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     _useState16 = _slicedToArray(_useState15, 2);
     _useState16[0];
     _useState16[1];
+  var cardsinglerow = props.cardsinglerow;
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
     divContainer.innerHTML = html;
@@ -97941,7 +98017,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
         handleClick();
       }
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, cardsinglerow != 'single' && /*#__PURE__*/React.createElement("div", {
     "class": authdetailsContext.instinfo.instid == '6978ef34b2564' && sectionproperties.shownameonhover == 'Yes' ? card_cssstyles.cardconttt + ' cursor-pointer w-100 h-100 ' : card_cssstyles.cardconttt + ' cursor-pointer w-100 ',
     style: {}
   }, sectionproperties.image_show == 'show' && /*#__PURE__*/React.createElement("div", {
@@ -98538,7 +98614,402 @@ var Simpleproductcard = function Simpleproductcard(props) {
       }
     }),
     activeColor: "#ffd700"
-  }))))));
+  }))))), cardsinglerow == 'single' && /*#__PURE__*/React.createElement("div", {
+    "class": card_cssstyles.cardconttt + ' cursor-pointer w-100 p-2',
+    style: {}
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, sectionproperties.image_show == 'show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3 col-md-4 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": card_cssstyles.icontainer + ' w-100 ',
+    style: {
+      position: 'relative'
+    }
+  }, (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "allcentered",
+    style: {
+      zIndex: 2,
+      position: 'absolute',
+      top: sectionproperties.badgeposition == 'Top' ? sectionproperties.badge_top + 'px' : '',
+      bottom: sectionproperties.badgeposition == 'Bottom' ? sectionproperties.badge_top + 'px' : '',
+      left: sectionproperties.badge_right + 'px',
+      // right: langdetect == 'en' ? '' : sectionproperties.badge_right + 'px',
+      width: sectionproperties.badge_width == 0 ? '90%' : sectionproperties.badge_width + 'px',
+      height: sectionproperties.badge_height + 'px',
+      background: sectionproperties.badge_bgcolor,
+      borderRadius: sectionproperties.badge_borderradius + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      color: sectionproperties.badge_color,
+      fontSize: sectionproperties.badge_fontsize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && has_sale == 1 && sectionproperties.counterposition == 'Top' && /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: sectionproperties.pillpositionfromtop + 'px',
+      left: sectionproperties.pillpositionfromright + 'px',
+      // right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
+      zIndex: 3
+    }
+  }, PillContainer()), /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$8.imagecontainer) + ' d-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex ',
+    onClick: function onClick(e) {
+      var _sectionproperties$se2;
+      if (((_sectionproperties$se2 = sectionproperties.sectionproperties) === null || _sectionproperties$se2 === void 0 ? void 0 : _sectionproperties$se2.onClickRoute) == 'None') ; else {
+        e.stopPropagation();
+        var productidtobesend = null;
+        if (sectionproperties.urlwithproductname == 'Yes') {
+          productidtobesend = item.productendpointurl;
+        } else {
+          productidtobesend = item.productid;
+        }
+        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+      }
+    },
+    style: {
+      borderRadius: sectionproperties.image_bordertopleftradius + 'px'
+    }
+  }, Image('normal')))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-9 col-md-8"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.productnamecentered == 'Centered' ? card_cssstyles.innersection + ' row m-0 w-100 allcentered ' : card_cssstyles.innersection + ' row m-0 w-100 ',
+    style: {}
+  }, sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 mb-2 ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+      fontSize: sectionproperties.measurementunitfontsize + 'px',
+      color: sectionproperties.measurementunitcolor
+    }
+  }, item.measurmentunit), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 pl-0 pr-0",
+    style: {
+      minHeight: sectionproperties.wordbreak == '1' ? 'auto' : '6vh',
+      background: sectionproperties.prodNameBackgroundColor,
+      borderRadius: '15px',
+      paddingTop: sectionproperties.productnamepaddingvertical + 'px',
+      paddingBottom: sectionproperties.productnamepaddingvertical + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    onClick: function onClick() {
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'None') ; else {
+        var productidtobesend = null;
+        if (sectionproperties.urlwithproductname == 'Yes') {
+          productidtobesend = item.productendpointurl;
+        } else {
+          productidtobesend = item.productid;
+        }
+        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+      }
+    },
+    "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak1 font-md-13 m-0 pname ' : "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 pname ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }
+  }, item.name)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags3 = item.producttags) === null || _item$producttags3 === void 0 ? void 0 : _item$producttags3.length) != 0 && sectionproperties.showtag == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React.createElement("div", {
+    "class": "allcentered",
+    style: {
+      width: '100%',
+      left: 0,
+      right: 0,
+      zIndex: 100
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "px-3 py-1",
+    style: {
+      width: 'fit-content',
+      background: sectionproperties.tagbackgroundcolor,
+      borderRadius: sectionproperties.tagborderradius + 'px',
+      color: sectionproperties.tagcolor,
+      fontSize: 12
+    }
+  }, item === null || item === void 0 || (_item$producttags$3 = item.producttags[0]) === null || _item$producttags$3 === void 0 || (_item$producttags$3 = _item$producttags$3.taginfo) === null || _item$producttags$3 === void 0 ? void 0 : _item$producttags$3.tagname)), sectionproperties.showSKU == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 pl-0 pr-0",
+    style: {}
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.sku) + '  wordbreak wordbreak1 font-md-13 m-0 ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'SKU: ' : 'كود: ', item.sku)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0   mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: item.shortdescription
+    }
+  }), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'Yes' && /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12  p-0 mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak p-0 mt-1 ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }
+  }, plainString(item.shortdescription)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flexDirection: 'column',
+      display: sectionproperties.prodPriceShow == 'Hide' && sectionproperties.showprofitcontainer == 'Hide' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.prodsalePriceshow == 'Hide' ? 'none' : 'flex'
+    },
+    "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 mt-1 "
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 "
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": " d-flex flex-row col-lg-12 mx-0 p-0 align-items-center ",
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
+      marginTop: sectionproperties.productpricemarginTop + 'px',
+      marginBottom: sectionproperties.productpricemarginBottom + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.priceDirection == 'Horizontal Direction' ? ' d-flex align-items-center p-0 mb-0 flex-row ' : ' d-flex align-items-center p-0 mb-0 flex-column ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+      minHeight: sectionproperties.priceDirection == 'Horizontal Direction' ? '' : '6.5vh'
+    }
+  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.priceDirection == 'Horizontal Direction' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 '
+  }, langdetect == 'en' ? item.currencyname : '', " ", has_sale == 1 ? sale_price : price, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && has_sale == 1 && /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.priceDirection == 'Horizontal' ? ' d-flex align-items-center p-0 mb-0 ' : ' d-flex align-items-center p-0 mb-0'
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
+  }, langdetect == 'en' ? item.currencyname : '', " ", price, " ", langdetect == 'en' ? '' : item.currencyname)), sectionproperties.showpill == 'Show' && has_sale == 1 && sectionproperties.counterposition == 'Besides Sale Price' && /*#__PURE__*/React.createElement("div", {
+    style: {}
+  }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 d-flex flex-row align-items-center mb-2",
+    style: {
+      visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      width: 8,
+      height: 8,
+      borderRadius: 100,
+      background: 'green'
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": 'm-0 mx-2 p-0',
+    style: {
+      color: 'green',
+      fontSize: 13,
+      fontWeight: 400
+    }
+  }, langdetect == 'en' ? 'In Stock' : 'متوفر')), sectionproperties.showvariantscont == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0"
+  }, /*#__PURE__*/React.createElement(Variants_J_Cards, {
+    actions: {
+      sectionproperties: sectionproperties,
+      item: item,
+      cardonclickfunctionContext: cardonclickfunctionContext,
+      fetchingtypeprops: props.fetchingtypeprops
+    },
+    foundMatchedVariantFunc: function foundMatchedVariantFunc(variantCompletedObj) {
+      // alert(JSON.stringify(variantCompletedObj));
+      // console.log(variantCompletedObj);
+      setvariantObj(variantCompletedObj);
+      var variant_price = 0;
+      var variant_saleprice = 0;
+      var variant_hassale = 0;
+      var is_found = false;
+      if (variantCompletedObj != null && variantCompletedObj != undefined) {
+        var _variantCompletedObj$1;
+        if (variantCompletedObj.variant_prices != undefined && variantCompletedObj != null && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$1 = variantCompletedObj.variant_prices) === null || _variantCompletedObj$1 === void 0 ? void 0 : _variantCompletedObj$1.length) != 0) {
+          var _variantCompletedObj$10, _variantCompletedObj$11, _variantCompletedObj$13, _variantCompletedObj$14, _variantCompletedObj$16, _variantCompletedObj$17;
+          if ((variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$10 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$10 === void 0 ? void 0 : _variantCompletedObj$10.price) != undefined && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$11 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$11 === void 0 ? void 0 : _variantCompletedObj$11.price) != null) {
+            var _variantCompletedObj$12;
+            variant_price = variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$12 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$12 === void 0 ? void 0 : _variantCompletedObj$12.price;
+            is_found = true;
+          }
+          if ((variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$13 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$13 === void 0 ? void 0 : _variantCompletedObj$13.price) != undefined && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$14 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$14 === void 0 ? void 0 : _variantCompletedObj$14.price) != null) {
+            var _variantCompletedObj$15;
+            variant_saleprice = variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$15 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$15 === void 0 ? void 0 : _variantCompletedObj$15.saleprice;
+          }
+          if ((variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$16 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$16 === void 0 ? void 0 : _variantCompletedObj$16.price) != undefined && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$17 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$17 === void 0 ? void 0 : _variantCompletedObj$17.price) != null) {
+            var _variantCompletedObj$18;
+            variant_hassale = variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$18 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$18 === void 0 ? void 0 : _variantCompletedObj$18.hassale;
+          }
+        }
+      }
+      if (is_found) {
+        setprice(variant_price);
+        setsale_price(variant_saleprice);
+        sethas_sale(variant_hassale);
+      }
+    },
+    foundImageColorMatchingFunc: function foundImageColorMatchingFunc(variantIMAGECompletedObj) {
+      setVariant_Color_ImageObj(variantIMAGECompletedObj);
+    }
+  })), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0",
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": card_cssstyles.profitcontainer + ' d-flex align-items-center flex-sm-column px-2',
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": ' m-0 p-0 d-flex align-items-center ',
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: sectionproperties.profitcontainerfontweight
+    }
+  }, langdetect == 'en' ? sectionproperties.profitcontainercontenten : sectionproperties.profitcontainercontentar, ":", ' '), /*#__PURE__*/React.createElement("span", {
+    "class": "mx-1",
+    style: {
+      fontWeight: sectionproperties.profitcontainersecondaryfontweight
+    }
+  }, langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(has_sale == 1 ? sale_price : price) * (item.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : item.currencyname)))), sectionproperties.quantityshow == 'Show' && item.currentquantity > 0 && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center",
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: sectionproperties.quantityfontsize,
+      color: sectionproperties.quantitycolor,
+      fontWeight: sectionproperties.quantityfontweight
+    }
+  }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mx-auto mb-2 w-md-70 ',
+    style: {
+      direction: 'ltr'
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
+    onClick: function onClick() {
+      var tempitem = _objectSpread$6({}, item);
+      tempitem.quantity = parseInt(tempitem.quantity);
+      tempitem.quantity = tempitem.quantity - 1;
+      if (tempitem.quantity <= 0) {
+        tempitem.quantity = 0;
+      }
+      setitem(_objectSpread$6({}, tempitem));
+      // addtocartfuncquantity('add', tempitem.quantity);
+    },
+    disabled: AddtoCartMutationContext.isLoading == true ? true : false
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 allcentered minusbtn"
+  }, /*#__PURE__*/React.createElement(FiMinus, null))), /*#__PURE__*/React.createElement("span", {
+    "class": ' d-flex align-items-center justify-content-center ',
+    style: {
+      fontSize: 14,
+      fontWeight: 500,
+      color: sectionproperties.cartBtnbgColor,
+      flex: 1
+    }
+  }, addtocartbuttonrenderquantity()), /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
+    onClick: function onClick() {
+      var tempitem = _objectSpread$6({}, item);
+      tempitem.quantity = parseInt(tempitem.quantity);
+      tempitem.quantity = tempitem.quantity + 1;
+      if (tempitem.quantity <= 0) {
+        tempitem.quantity = 0;
+      }
+      setitem(_objectSpread$6({}, tempitem));
+      // addtocartfuncquantity('add', tempitem.quantity);
+    },
+    disabled: AddtoCartMutationContext.isLoading == true ? true : false
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 allcentered addbtn"
+  }, /*#__PURE__*/React.createElement(FiPlus, null))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) == '69eddfb81f141' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 d-flex flex-row align-items-center",
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
+      visibility: item.quantavailtype == 'nolimit' ? 'visible' : item.currentquantity > 1 ? 'visible' : 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      width: 8,
+      height: 8,
+      borderRadius: 100,
+      background: 'green'
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": 'm-0 mx-2 p-0',
+    style: {
+      color: 'green',
+      fontSize: 13,
+      fontWeight: 400
+    }
+  }, langdetect == 'en' ? 'In Stock' : 'متوفر')), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center",
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center mt-1 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i18;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '68527dfef348b') {
+        // alert(item.path);
+        window.open((ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + item.image, '_blank');
+      } else if (sectionproperties.showvariantscont == 'Show') {
+        addtocartfunc();
+      } else {
+        var productidtobesend = null;
+        if (sectionproperties.urlwithproductname == 'Yes') {
+          productidtobesend = item.productendpointurl;
+        } else {
+          productidtobesend = item.productid;
+        }
+        if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 0) {
+          if (item.extrafieldsarray.length == 0) {
+            addtocartfunc();
+          } else {
+            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+          }
+        } else if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 1) {
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+        } else {
+          var productidtobesend = null;
+          if (sectionproperties.urlwithproductname == 'Yes') {
+            productidtobesend = item.productendpointurl;
+          } else {
+            productidtobesend = item.productid;
+          }
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+        }
+      }
+    }
+  }, addtocartbuttonrender())))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex align-items-center p-0",
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement(ReactStars, {
+    count: 5,
+    value: item.productoverallrate,
+    edit: false,
+    size: 16,
+    emptyIcon: /*#__PURE__*/React.createElement("i", {
+      className: "far fa-star",
+      style: {
+        color: '#cccccc'
+      }
+    }),
+    halfIcon: /*#__PURE__*/React.createElement("i", {
+      className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+    }),
+    filledIcon: /*#__PURE__*/React.createElement("i", {
+      className: "fa fa-star",
+      style: {
+        color: '#FAB400'
+      }
+    }),
+    activeColor: "#ffd700"
+  })))))));
 };
 
 function ownKeys$5(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; }