tabexseriescomponents 0.0.573 → 0.0.574

package/dist/index.cjs.js

@@ -2295,7 +2295,7 @@ var ProductExtraFields = function ProductExtraFields(props) {
 };
 
 var DescriptionContent = function DescriptionContent(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -2306,7 +2306,7 @@ var DescriptionContent = function DescriptionContent(props) {
     setShowMore = _useState2[1];
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
+    "class": props.srcfromprops == 'Articles' ? 'mt-3 px-3 mb-4' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.gallerystyle == 'Style 2' && props.srcfromprops != 'collap' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2324,7 +2324,7 @@ var DescriptionContent = function DescriptionContent(props) {
     className: "row m-0 w-100 d-flex"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
+  }, props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
     className: 'm-0 p-0 wordbreak',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right',
@@ -2333,35 +2333,52 @@ var DescriptionContent = function DescriptionContent(props) {
     dangerouslySetInnerHTML: {
       __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.description_en.slice(0, 1000)
     }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), props.srcfromprops == 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'm-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      color: '#000000'
+    },
+    dangerouslySetInnerHTML: {
+      __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.description_en
+    }
+  })), props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 allcentered"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.description_en.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.description_en.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
     onClick: function onClick() {
       return setShowMore(!showMore);
     }
-  }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
+  }, props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
     className: 'text-black m-0 p-0 wordbreak',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     },
     dangerouslySetInnerHTML: {
-      __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.description_ar.slice(0, 1000)
+      __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.description_ar.slice(0, 1000)
     }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), props.srcfromprops == 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'text-black m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.description_ar
+    }
+  })), props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 allcentered"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.description_ar.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.description_ar.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
     onClick: function onClick() {
       return setShowMore(!showMore);
     }
-  }, showMore ? lang.showless : lang.showmore)))), props.srcfromprops != 'collap' && sectionproperties.showGallery == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productimages) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, showMore ? lang.showless : lang.showmore)))), props.srcfromprops != 'collap' && sectionproperties.showGallery == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productimages) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 allcentered pl-md-3 pr-md-3",
@@ -2369,7 +2386,7 @@ var DescriptionContent = function DescriptionContent(props) {
       paddingLeft: sectionproperties.galleryPaddingHorizontal + 'px',
       paddingRight: sectionproperties.galleryPaddingHorizontal + 'px'
     }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productimages) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.map(function (item, index) {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productimages) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.map(function (item, index) {
     if (index <= 6) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' col-md-4 col-sm-12 mb-3 col-lg-' + sectionproperties.galleryNoOfCols,
@@ -5143,6 +5160,177 @@ var Service_itemtype = function Service_itemtype(props) {
   }, StoreInfoprops()))));
 };
 
+var Article_itemtype = function Article_itemtype(props) {
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6;
+  props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  var srcfromprops = props.actions.srcfromprops;
+  props.actions.returnpolicyobj;
+  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
+  props.actions.addtocartfunc;
+  props.actions.selectproductoptionvalue;
+  props.actions.clearchoosenvaluesbutkeepcurrentvalue;
+  props.actions.productimagesarray;
+  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
+  var sectionproperties = props.actions.sectionproperties;
+  props.actions.addtocardpayloadobj;
+  props.actions.setaddtocardpayloadobj;
+  var routingcountext = props.actions.routingcountext;
+  props.actions.AddtoCartMutationContext;
+  var authdetailsContext = props.actions.authdetailsContext;
+  props.actions.variantsku;
+  props.actions.addtofavoritescontext;
+  props.actions.variantindexcompleted;
+  props.actions.ProductInfoObj;
+  props.actions.NotificationManager;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  props.actions.getprice_discountpriceprops;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var currentshowingimageindex_pro = props.actions.currentshowingimageindex;
+  props.actions.StoreInfoprops;
+  var _useState = React.useState(currentshowingimageindex_pro),
+    _useState2 = _slicedToArray__default["default"](_useState, 2);
+    _useState2[0];
+    _useState2[1];
+  // const DescriptionContent = props.actions.DescriptionContent;
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2);
+    _useState4[0];
+    var setshareUrl = _useState4[1];
+  var _useState5 = React.useState(''),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2);
+    _useState6[0];
+    var settitle = _useState6[1];
+  var _useState7 = React.useState(fetchProductInfoQueryContext.data.data.productinfo),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2);
+    _useState8[0];
+    var setitem = _useState8[1];
+  React.useEffect(function () {
+    var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
+    if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
+      itemobj.titlelang = 'en';
+    } else {
+      itemobj.titlelang = 'ar';
+    }
+    if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.description_en)) {
+      itemobj.decriptionlang = 'en';
+    } else {
+      itemobj.decriptionlang = 'ar';
+    }
+    setitem(itemobj);
+    settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
+    setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
+  }, [props.itemprops]);
+  function stringIsEnglish(str) {
+    var titlelang = 'English';
+    var arabic = /[\u0600-\u06FF]/;
+    if (!arabic.test(str)) {
+      titlelang = true;
+    } else {
+      titlelang = false;
+    }
+    return titlelang;
+  }
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: sectionproperties.card_marginLeft != 0 ? ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0 ' : ' row m-0 w-100 p-sm-0 ',
+    style: {
+      paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
+      paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' col-lg-12 p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
+    style: {
+      minHeight: sectionproperties.height + 'vh'
+      // paddingLeft: srcfromprops == 'templatedraftrouter' ? 0 : langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      // paddingRight: srcfromprops == 'templatedraftrouter' ? 0 : langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "w-100 scrollhorizontalwithscrollbar "
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productimages) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.productimages.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": ' scrollhorizontalcard mx-2 ',
+      style: {
+        height: sectionproperties.image_height + 'px',
+        width: sectionproperties.image_width + 'px'
+      }
+    }, /*#__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-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.path,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'contain'
+      },
+      loading: "lazy"
+    }));
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row mx-0 w-100",
+    style: {
+      marginTop: '3rem'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'col-lg-12 px-3 px-md-2'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'row m-0 w-100'
+  }, sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center mb-1 mt-3'
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: ' m-0 p-0 wordbreak d-flex justify-content-start ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: 400,
+      color: sectionproperties.measurementunitcolor,
+      fontSize: sectionproperties.measurementunitcolor + 'px'
+    }
+  }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: props.srcfromprops != 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
+    onClick: function onClick() {
+      if (props.srcfromprops != 'templatedraftrouter') {
+        routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
+      }
+    },
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.short_description_en) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'text-black m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.short_description_en
+    }
+  }))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.short_description_ar) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'text-black m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.short_description_ar
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
+    actions: props.actions,
+    srcfromprops: 'Articles'
+  })))))))));
+};
+
 function ownKeys$2s(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$2s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AddReview = function AddReview(props) {
@@ -5655,7 +5843,7 @@ var ProductReviews = function ProductReviews(props) {
 function ownKeys$2q(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$2q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Productinfo = function Productinfo(props) {
-  var _css, _ref, _ref2, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
+  var _css, _ref, _ref2, _ref3, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
   var _useState = React.useState({}),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     ProductInfoObj = _useState2[0],
@@ -7071,7 +7259,7 @@ var Productinfo = function Productinfo(props) {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
       paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
     }
-  }, fetchProductInfoQueryContext.data.data.productinfo.item_type != 'service' && /*#__PURE__*/React__default["default"].createElement(Product_itemtype, {
+  }, fetchProductInfoQueryContext.data.data.productinfo.item_type == 'product' && /*#__PURE__*/React__default["default"].createElement(Product_itemtype, {
     actions: (_ref = {
       setisoutofstock: setisoutofstock,
       isoutofstock: isoutofstock,
@@ -7080,8 +7268,17 @@ var Productinfo = function Productinfo(props) {
       lang: lang,
       srcfromprops: props.srcfromprops
     }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier), _ref)
-  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
+  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'Article' && /*#__PURE__*/React__default["default"].createElement(Article_itemtype, {
     actions: (_ref2 = {
+      setisoutofstock: setisoutofstock,
+      isoutofstock: isoutofstock,
+      returnpolicyobj: returnpolicyobj,
+      langdetect: langdetect,
+      lang: lang,
+      srcfromprops: props.srcfromprops
+    }, _defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref2, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref2, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref2, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref2, "routingcountext", routingcountext), _defineProperty__default["default"](_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref2, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref2, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref2, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref2, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref2, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref2, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref2, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref2, "variantindex", variantindex), _defineProperty__default["default"](_ref2, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref2, "variantsku", variantsku), _defineProperty__default["default"](_ref2, "variantvalueidentifier", variantvalueidentifier), _ref2)
+  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
+    actions: (_ref3 = {
       variantsku: variantsku,
       setisoutofstock: setisoutofstock,
       isoutofstock: isoutofstock,
@@ -7089,7 +7286,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref2, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref2, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref2, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref2, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref2, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref2, "routingcountext", routingcountext), _defineProperty__default["default"](_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref2, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref2, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref2, "getQuantityCondition", getQuantityCondition), _defineProperty__default["default"](_ref2, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref2, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref2, "ikimagecredcontext", ikimagecredcontext), _ref2)
+    }, _defineProperty__default["default"](_ref3, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref3, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref3, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref3, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref3, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref3, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref3, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref3, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref3, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref3, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref3, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref3, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref3, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref3, "routingcountext", routingcountext), _defineProperty__default["default"](_ref3, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref3, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref3, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref3, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref3, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref3, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref3, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref3, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref3, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref3, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref3, "getQuantityCondition", getQuantityCondition), _defineProperty__default["default"](_ref3, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref3, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref3, "ikimagecredcontext", ikimagecredcontext), _ref3)
   }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {

package/dist/index.esm.js

@@ -2246,7 +2246,7 @@ var ProductExtraFields = function ProductExtraFields(props) {
 };
 
 var DescriptionContent = function DescriptionContent(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -2257,7 +2257,7 @@ var DescriptionContent = function DescriptionContent(props) {
     setShowMore = _useState2[1];
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   return /*#__PURE__*/React.createElement("div", {
-    "class": props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
+    "class": props.srcfromprops == 'Articles' ? 'mt-3 px-3 mb-4' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.gallerystyle == 'Style 2' && props.srcfromprops != 'collap' && /*#__PURE__*/React.createElement("div", {
@@ -2275,7 +2275,7 @@ var DescriptionContent = function DescriptionContent(props) {
     className: "row m-0 w-100 d-flex"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
-  }, /*#__PURE__*/React.createElement("p", {
+  }, props.srcfromprops != 'Articles' && /*#__PURE__*/React.createElement("p", {
     className: 'm-0 p-0 wordbreak',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right',
@@ -2284,35 +2284,52 @@ var DescriptionContent = function DescriptionContent(props) {
     dangerouslySetInnerHTML: {
       __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.description_en.slice(0, 1000)
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  }), props.srcfromprops == 'Articles' && /*#__PURE__*/React.createElement("p", {
+    className: 'm-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      color: '#000000'
+    },
+    dangerouslySetInnerHTML: {
+      __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.description_en
+    }
+  })), props.srcfromprops != 'Articles' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 allcentered"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.description_en.length) > 1000 && /*#__PURE__*/React.createElement("p", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.description_en.length) > 1000 && /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
     onClick: function onClick() {
       return setShowMore(!showMore);
     }
-  }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
-  }, /*#__PURE__*/React.createElement("p", {
+  }, props.srcfromprops != 'Articles' && /*#__PURE__*/React.createElement("p", {
     className: 'text-black m-0 p-0 wordbreak',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     },
     dangerouslySetInnerHTML: {
-      __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.description_ar.slice(0, 1000)
+      __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.description_ar.slice(0, 1000)
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  }), props.srcfromprops == 'Articles' && /*#__PURE__*/React.createElement("p", {
+    className: 'text-black m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.description_ar
+    }
+  })), props.srcfromprops != 'Articles' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 allcentered"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.description_ar.length) > 1000 && /*#__PURE__*/React.createElement("p", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.description_ar.length) > 1000 && /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
     onClick: function onClick() {
       return setShowMore(!showMore);
     }
-  }, showMore ? lang.showless : lang.showmore)))), props.srcfromprops != 'collap' && sectionproperties.showGallery == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productimages) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.length) != 0 && /*#__PURE__*/React.createElement("div", {
+  }, showMore ? lang.showless : lang.showmore)))), props.srcfromprops != 'collap' && sectionproperties.showGallery == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productimages) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.length) != 0 && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 allcentered pl-md-3 pr-md-3",
@@ -2320,7 +2337,7 @@ var DescriptionContent = function DescriptionContent(props) {
       paddingLeft: sectionproperties.galleryPaddingHorizontal + 'px',
       paddingRight: sectionproperties.galleryPaddingHorizontal + 'px'
     }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productimages) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.map(function (item, index) {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productimages) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.map(function (item, index) {
     if (index <= 6) {
       return /*#__PURE__*/React.createElement("div", {
         "class": ' col-md-4 col-sm-12 mb-3 col-lg-' + sectionproperties.galleryNoOfCols,
@@ -5094,6 +5111,177 @@ var Service_itemtype = function Service_itemtype(props) {
   }, StoreInfoprops()))));
 };
 
+var Article_itemtype = function Article_itemtype(props) {
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6;
+  props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  var srcfromprops = props.actions.srcfromprops;
+  props.actions.returnpolicyobj;
+  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
+  props.actions.addtocartfunc;
+  props.actions.selectproductoptionvalue;
+  props.actions.clearchoosenvaluesbutkeepcurrentvalue;
+  props.actions.productimagesarray;
+  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
+  var sectionproperties = props.actions.sectionproperties;
+  props.actions.addtocardpayloadobj;
+  props.actions.setaddtocardpayloadobj;
+  var routingcountext = props.actions.routingcountext;
+  props.actions.AddtoCartMutationContext;
+  var authdetailsContext = props.actions.authdetailsContext;
+  props.actions.variantsku;
+  props.actions.addtofavoritescontext;
+  props.actions.variantindexcompleted;
+  props.actions.ProductInfoObj;
+  props.actions.NotificationManager;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  props.actions.getprice_discountpriceprops;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var currentshowingimageindex_pro = props.actions.currentshowingimageindex;
+  props.actions.StoreInfoprops;
+  var _useState = useState(currentshowingimageindex_pro),
+    _useState2 = _slicedToArray(_useState, 2);
+    _useState2[0];
+    _useState2[1];
+  // const DescriptionContent = props.actions.DescriptionContent;
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2);
+    _useState4[0];
+    var setshareUrl = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2);
+    _useState6[0];
+    var settitle = _useState6[1];
+  var _useState7 = useState(fetchProductInfoQueryContext.data.data.productinfo),
+    _useState8 = _slicedToArray(_useState7, 2);
+    _useState8[0];
+    var setitem = _useState8[1];
+  useEffect(function () {
+    var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
+    if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
+      itemobj.titlelang = 'en';
+    } else {
+      itemobj.titlelang = 'ar';
+    }
+    if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.description_en)) {
+      itemobj.decriptionlang = 'en';
+    } else {
+      itemobj.decriptionlang = 'ar';
+    }
+    setitem(itemobj);
+    settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
+    setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
+  }, [props.itemprops]);
+  function stringIsEnglish(str) {
+    var titlelang = 'English';
+    var arabic = /[\u0600-\u06FF]/;
+    if (!arabic.test(str)) {
+      titlelang = true;
+    } else {
+      titlelang = false;
+    }
+    return titlelang;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: sectionproperties.card_marginLeft != 0 ? ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0 ' : ' row m-0 w-100 p-sm-0 ',
+    style: {
+      paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
+      paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": ' col-lg-12 p-0 '
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
+    style: {
+      minHeight: sectionproperties.height + 'vh'
+      // paddingLeft: srcfromprops == 'templatedraftrouter' ? 0 : langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      // paddingRight: srcfromprops == 'templatedraftrouter' ? 0 : langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "w-100 scrollhorizontalwithscrollbar "
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productimages) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.productimages.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": ' scrollhorizontalcard mx-2 ',
+      style: {
+        height: sectionproperties.image_height + 'px',
+        width: sectionproperties.image_width + 'px'
+      }
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.path,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'contain'
+      },
+      loading: "lazy"
+    }));
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row mx-0 w-100",
+    style: {
+      marginTop: '3rem'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'col-lg-12 px-3 px-md-2'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'row m-0 w-100'
+  }, sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center mb-1 mt-3'
+  }, /*#__PURE__*/React.createElement("p", {
+    className: ' m-0 p-0 wordbreak d-flex justify-content-start ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: 400,
+      color: sectionproperties.measurementunitcolor,
+      fontSize: sectionproperties.measurementunitcolor + 'px'
+    }
+  }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), /*#__PURE__*/React.createElement("div", {
+    className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
+  }, /*#__PURE__*/React.createElement("p", {
+    className: props.srcfromprops != 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
+    onClick: function onClick() {
+      if (props.srcfromprops != 'templatedraftrouter') {
+        routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
+      }
+    },
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.short_description_en) != null && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: 'text-black m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.short_description_en
+    }
+  }))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.short_description_ar) != null && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: 'text-black m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.short_description_ar
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement(DescriptionContent, {
+    actions: props.actions,
+    srcfromprops: 'Articles'
+  })))))))));
+};
+
 function ownKeys$2s(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$2s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AddReview = function AddReview(props) {
@@ -5606,7 +5794,7 @@ var ProductReviews = function ProductReviews(props) {
 function ownKeys$2q(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$2q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Productinfo = function Productinfo(props) {
-  var _css, _ref, _ref2, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
+  var _css, _ref, _ref2, _ref3, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     ProductInfoObj = _useState2[0],
@@ -7022,7 +7210,7 @@ var Productinfo = function Productinfo(props) {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
       paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
     }
-  }, fetchProductInfoQueryContext.data.data.productinfo.item_type != 'service' && /*#__PURE__*/React.createElement(Product_itemtype, {
+  }, fetchProductInfoQueryContext.data.data.productinfo.item_type == 'product' && /*#__PURE__*/React.createElement(Product_itemtype, {
     actions: (_ref = {
       setisoutofstock: setisoutofstock,
       isoutofstock: isoutofstock,
@@ -7031,8 +7219,17 @@ var Productinfo = function Productinfo(props) {
       lang: lang,
       srcfromprops: props.srcfromprops
     }, _defineProperty(_ref, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref, "addtocartfunc", addtocartfunc), _defineProperty(_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref, "productimagesarray", productimagesarray), _defineProperty(_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref, "sectionproperties", sectionproperties), _defineProperty(_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref, "routingcountext", routingcountext), _defineProperty(_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref, "authdetailsContext", authdetailsContext), _defineProperty(_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref, "NotificationManager", NotificationManager), _defineProperty(_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref, "relatedproducts", relatedproducts), _defineProperty(_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref, "StoreInfoprops", StoreInfo), _defineProperty(_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref, "templatepropcontext", templatepropcontext), _defineProperty(_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty(_ref, "variantindex", variantindex), _defineProperty(_ref, "setvariantindex", setvariantindex), _defineProperty(_ref, "variantsku", variantsku), _defineProperty(_ref, "variantvalueidentifier", variantvalueidentifier), _ref)
-  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React.createElement(Service_itemtype, {
+  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'Article' && /*#__PURE__*/React.createElement(Article_itemtype, {
     actions: (_ref2 = {
+      setisoutofstock: setisoutofstock,
+      isoutofstock: isoutofstock,
+      returnpolicyobj: returnpolicyobj,
+      langdetect: langdetect,
+      lang: lang,
+      srcfromprops: props.srcfromprops
+    }, _defineProperty(_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref2, "addtocartfunc", addtocartfunc), _defineProperty(_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref2, "productimagesarray", productimagesarray), _defineProperty(_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref2, "sectionproperties", sectionproperties), _defineProperty(_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref2, "routingcountext", routingcountext), _defineProperty(_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref2, "authdetailsContext", authdetailsContext), _defineProperty(_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref2, "NotificationManager", NotificationManager), _defineProperty(_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref2, "relatedproducts", relatedproducts), _defineProperty(_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref2, "StoreInfoprops", StoreInfo), _defineProperty(_ref2, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref2, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref2, "templatepropcontext", templatepropcontext), _defineProperty(_ref2, "ikimagecredcontext", ikimagecredcontext), _defineProperty(_ref2, "variantindex", variantindex), _defineProperty(_ref2, "setvariantindex", setvariantindex), _defineProperty(_ref2, "variantsku", variantsku), _defineProperty(_ref2, "variantvalueidentifier", variantvalueidentifier), _ref2)
+  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React.createElement(Service_itemtype, {
+    actions: (_ref3 = {
       variantsku: variantsku,
       setisoutofstock: setisoutofstock,
       isoutofstock: isoutofstock,
@@ -7040,7 +7237,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _defineProperty(_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref2, "addtocartfunc", addtocartfunc), _defineProperty(_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref2, "productimagesarray", productimagesarray), _defineProperty(_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref2, "sectionproperties", sectionproperties), _defineProperty(_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref2, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref2, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref2, "routingcountext", routingcountext), _defineProperty(_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref2, "authdetailsContext", authdetailsContext), _defineProperty(_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref2, "NotificationManager", NotificationManager), _defineProperty(_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref2, "relatedproducts", relatedproducts), _defineProperty(_ref2, "getQuantityCondition", getQuantityCondition), _defineProperty(_ref2, "StoreInfoprops", StoreInfo), _defineProperty(_ref2, "templatepropcontext", templatepropcontext), _defineProperty(_ref2, "ikimagecredcontext", ikimagecredcontext), _ref2)
+    }, _defineProperty(_ref3, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref3, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref3, "addtocartfunc", addtocartfunc), _defineProperty(_ref3, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref3, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref3, "productimagesarray", productimagesarray), _defineProperty(_ref3, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref3, "sectionproperties", sectionproperties), _defineProperty(_ref3, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref3, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref3, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref3, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref3, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref3, "routingcountext", routingcountext), _defineProperty(_ref3, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref3, "authdetailsContext", authdetailsContext), _defineProperty(_ref3, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref3, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref3, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref3, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref3, "NotificationManager", NotificationManager), _defineProperty(_ref3, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref3, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref3, "relatedproducts", relatedproducts), _defineProperty(_ref3, "getQuantityCondition", getQuantityCondition), _defineProperty(_ref3, "StoreInfoprops", StoreInfo), _defineProperty(_ref3, "templatepropcontext", templatepropcontext), _defineProperty(_ref3, "ikimagecredcontext", ikimagecredcontext), _ref3)
   }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {

package/dist/index.umd.js

@@ -2119,7 +2119,7 @@
     };
 
     var DescriptionContent = function DescriptionContent(props) {
-      var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
+      var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
       var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -2130,7 +2130,7 @@
         setShowMore = _useState2[1];
       var ikimagecredcontext = props.actions.ikimagecredcontext;
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
+        "class": props.srcfromprops == 'Articles' ? 'mt-3 px-3 mb-4' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
       }, sectionproperties.gallerystyle == 'Style 2' && props.srcfromprops != 'collap' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2148,7 +2148,7 @@
         className: "row m-0 w-100 d-flex"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-flex justify-content-start"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
+      }, props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
         className: 'm-0 p-0 wordbreak',
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right',
@@ -2157,35 +2157,52 @@
         dangerouslySetInnerHTML: {
           __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.description_en.slice(0, 1000)
         }
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
+      }), props.srcfromprops == 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
+        className: 'm-0 p-0 wordbreak',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right',
+          color: '#000000'
+        },
+        dangerouslySetInnerHTML: {
+          __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.description_en
+        }
+      })), props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 allcentered"
-      }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.description_en.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
+      }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.description_en.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
         onClick: function onClick() {
           return setShowMore(!showMore);
         }
-      }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 d-flex"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
+      }, props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
         className: 'text-black m-0 p-0 wordbreak',
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         },
         dangerouslySetInnerHTML: {
-          __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.description_ar.slice(0, 1000)
+          __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.description_ar.slice(0, 1000)
         }
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
+      }), props.srcfromprops == 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
+        className: 'text-black m-0 p-0 wordbreak',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        },
+        dangerouslySetInnerHTML: {
+          __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.description_ar
+        }
+      })), props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 allcentered"
-      }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.description_ar.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
+      }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.description_ar.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
         onClick: function onClick() {
           return setShowMore(!showMore);
         }
-      }, showMore ? lang.showless : lang.showmore)))), props.srcfromprops != 'collap' && sectionproperties.showGallery == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productimages) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, showMore ? lang.showless : lang.showmore)))), props.srcfromprops != 'collap' && sectionproperties.showGallery == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productimages) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 allcentered pl-md-3 pr-md-3",
@@ -2193,7 +2210,7 @@
           paddingLeft: sectionproperties.galleryPaddingHorizontal + 'px',
           paddingRight: sectionproperties.galleryPaddingHorizontal + 'px'
         }
-      }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productimages) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.map(function (item, index) {
+      }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productimages) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.map(function (item, index) {
         if (index <= 6) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
             "class": ' col-md-4 col-sm-12 mb-3 col-lg-' + sectionproperties.galleryNoOfCols,
@@ -4967,6 +4984,177 @@
       }, StoreInfoprops()))));
     };
 
+    var Article_itemtype = function Article_itemtype(props) {
+      var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6;
+      props.actions.lang;
+      var langdetect = props.actions.langdetect;
+      var srcfromprops = props.actions.srcfromprops;
+      props.actions.returnpolicyobj;
+      var productinfo_cssstyles = props.actions.productinfo_cssstyles;
+      props.actions.addtocartfunc;
+      props.actions.selectproductoptionvalue;
+      props.actions.clearchoosenvaluesbutkeepcurrentvalue;
+      props.actions.productimagesarray;
+      var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
+      var sectionproperties = props.actions.sectionproperties;
+      props.actions.addtocardpayloadobj;
+      props.actions.setaddtocardpayloadobj;
+      var routingcountext = props.actions.routingcountext;
+      props.actions.AddtoCartMutationContext;
+      var authdetailsContext = props.actions.authdetailsContext;
+      props.actions.variantsku;
+      props.actions.addtofavoritescontext;
+      props.actions.variantindexcompleted;
+      props.actions.ProductInfoObj;
+      props.actions.NotificationManager;
+      var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+      props.actions.getprice_discountpriceprops;
+      var ikimagecredcontext = props.actions.ikimagecredcontext;
+      var currentshowingimageindex_pro = props.actions.currentshowingimageindex;
+      props.actions.StoreInfoprops;
+      var _useState = React.useState(currentshowingimageindex_pro),
+        _useState2 = _slicedToArray__default["default"](_useState, 2);
+        _useState2[0];
+        _useState2[1];
+      // const DescriptionContent = props.actions.DescriptionContent;
+      var _useState3 = React.useState(''),
+        _useState4 = _slicedToArray__default["default"](_useState3, 2);
+        _useState4[0];
+        var setshareUrl = _useState4[1];
+      var _useState5 = React.useState(''),
+        _useState6 = _slicedToArray__default["default"](_useState5, 2);
+        _useState6[0];
+        var settitle = _useState6[1];
+      var _useState7 = React.useState(fetchProductInfoQueryContext.data.data.productinfo),
+        _useState8 = _slicedToArray__default["default"](_useState7, 2);
+        _useState8[0];
+        var setitem = _useState8[1];
+      React.useEffect(function () {
+        var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
+        if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
+          itemobj.titlelang = 'en';
+        } else {
+          itemobj.titlelang = 'ar';
+        }
+        if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.description_en)) {
+          itemobj.decriptionlang = 'en';
+        } else {
+          itemobj.decriptionlang = 'ar';
+        }
+        setitem(itemobj);
+        settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
+        setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
+      }, [props.itemprops]);
+      function stringIsEnglish(str) {
+        var titlelang = 'English';
+        var arabic = /[\u0600-\u06FF]/;
+        if (!arabic.test(str)) {
+          titlelang = true;
+        } else {
+          titlelang = false;
+        }
+        return titlelang;
+      }
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: sectionproperties.card_marginLeft != 0 ? ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0 ' : ' row m-0 w-100 p-sm-0 ',
+        style: {
+          paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
+          paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' col-lg-12 p-0 '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
+        style: {
+          minHeight: sectionproperties.height + 'vh'
+          // paddingLeft: srcfromprops == 'templatedraftrouter' ? 0 : langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+          // paddingRight: srcfromprops == 'templatedraftrouter' ? 0 : langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "w-100 scrollhorizontalwithscrollbar "
+      }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productimages) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.productimages.map(function (item, index) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": ' scrollhorizontalcard mx-2 ',
+          style: {
+            height: sectionproperties.image_height + 'px',
+            width: sectionproperties.image_width + 'px'
+          }
+        }, /*#__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-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.path,
+          style: {
+            width: '100%',
+            height: '100%',
+            objectFit: 'contain'
+          },
+          loading: "lazy"
+        }));
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row mx-0 w-100",
+        style: {
+          marginTop: '3rem'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'col-lg-12 px-3 px-md-2'
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'row m-0 w-100'
+      }, sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center mb-1 mt-3'
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: ' m-0 p-0 wordbreak d-flex justify-content-start ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right',
+          fontWeight: 400,
+          color: sectionproperties.measurementunitcolor,
+          fontSize: sectionproperties.measurementunitcolor + 'px'
+        }
+      }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: props.srcfromprops != 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
+        onClick: function onClick() {
+          if (props.srcfromprops != 'templatedraftrouter') {
+            routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
+          }
+        },
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.short_description_en) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 d-flex justify-content-start"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: 'text-black m-0 p-0 wordbreak',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        },
+        dangerouslySetInnerHTML: {
+          __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.short_description_en
+        }
+      }))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.short_description_ar) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 d-flex justify-content-start"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: 'text-black m-0 p-0 wordbreak',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        },
+        dangerouslySetInnerHTML: {
+          __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.short_description_ar
+        }
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
+        actions: props.actions,
+        srcfromprops: 'Articles'
+      })))))))));
+    };
+
     function ownKeys$2s(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$2s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var AddReview = function AddReview(props) {
@@ -5479,7 +5667,7 @@
     function ownKeys$2q(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$2q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Productinfo = function Productinfo(props) {
-      var _css, _ref, _ref2, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
+      var _css, _ref, _ref2, _ref3, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
       var _useState = React.useState({}),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         ProductInfoObj = _useState2[0],
@@ -6895,7 +7083,7 @@
           paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
           paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
         }
-      }, fetchProductInfoQueryContext.data.data.productinfo.item_type != 'service' && /*#__PURE__*/React__default["default"].createElement(Product_itemtype, {
+      }, fetchProductInfoQueryContext.data.data.productinfo.item_type == 'product' && /*#__PURE__*/React__default["default"].createElement(Product_itemtype, {
         actions: (_ref = {
           setisoutofstock: setisoutofstock,
           isoutofstock: isoutofstock,
@@ -6904,8 +7092,17 @@
           lang: lang,
           srcfromprops: props.srcfromprops
         }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier), _ref)
-      }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
+      }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'Article' && /*#__PURE__*/React__default["default"].createElement(Article_itemtype, {
         actions: (_ref2 = {
+          setisoutofstock: setisoutofstock,
+          isoutofstock: isoutofstock,
+          returnpolicyobj: returnpolicyobj,
+          langdetect: langdetect,
+          lang: lang,
+          srcfromprops: props.srcfromprops
+        }, _defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref2, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref2, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref2, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref2, "routingcountext", routingcountext), _defineProperty__default["default"](_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref2, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref2, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref2, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref2, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref2, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref2, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref2, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref2, "variantindex", variantindex), _defineProperty__default["default"](_ref2, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref2, "variantsku", variantsku), _defineProperty__default["default"](_ref2, "variantvalueidentifier", variantvalueidentifier), _ref2)
+      }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
+        actions: (_ref3 = {
           variantsku: variantsku,
           setisoutofstock: setisoutofstock,
           isoutofstock: isoutofstock,
@@ -6913,7 +7110,7 @@
           langdetect: langdetect,
           lang: lang,
           srcfromprops: props.srcfromprops
-        }, _defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref2, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref2, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref2, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref2, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref2, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref2, "routingcountext", routingcountext), _defineProperty__default["default"](_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref2, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref2, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref2, "getQuantityCondition", getQuantityCondition), _defineProperty__default["default"](_ref2, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref2, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref2, "ikimagecredcontext", ikimagecredcontext), _ref2)
+        }, _defineProperty__default["default"](_ref3, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref3, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref3, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref3, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref3, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref3, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref3, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref3, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref3, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref3, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref3, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref3, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref3, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref3, "routingcountext", routingcountext), _defineProperty__default["default"](_ref3, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref3, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref3, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref3, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref3, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref3, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref3, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref3, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref3, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref3, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref3, "getQuantityCondition", getQuantityCondition), _defineProperty__default["default"](_ref3, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref3, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref3, "ikimagecredcontext", ikimagecredcontext), _ref3)
       }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
         style: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.573",
+    "version": "0.0.574",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {