tabexseriescomponents 0.0.687 → 0.0.688

package/dist/index.cjs.js

@@ -2416,7 +2416,7 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2u(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$2u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2u(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58;
+  var _authdetailsContext$i, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _authdetailsContext$i2, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2607,7 +2607,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '673ca821296ee' && /*#__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'
@@ -3749,7 +3749,109 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "my-3"
   })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
-  }, ShareButtonsContainer()))))))));
+  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '673ca821296ee' && /*#__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": "col-lg-12 allcentered p-0 mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-100 h-100",
+    style: {}
+  }, /*#__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 + '/' + (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer59 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : _fetchProductInfoQuer59.productmainimage),
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    },
+    loading: "lazy"
+  }))), 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-2 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.measurementunitfontsize + '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)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 col-md-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.shortdescriptiontitle_en : sectionproperties.shortdescriptiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 mt-3"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'm-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      color: sectionproperties.prodCatColor
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer60 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.productinfo) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : _fetchProductInfoQuer61.short_description_ar
+    }
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 my-4"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer62 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productimages) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : _fetchProductInfoQuer62.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer63 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.productimages.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-4 col-sm-12"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": '  mx-2 w-100 h-100',
+      style: {}
+    }, /*#__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-500,h-500/' + item.path,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'contain'
+      },
+      loading: "lazy"
+    })));
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 my-3"
+  }, /*#__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: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.productinfo) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : _fetchProductInfoQuer64.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer65 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : _fetchProductInfoQuer65.description_ar
+    }
+  }))))));
 };
 
 function ownKeys$2t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -6614,7 +6716,8 @@ var Productinfo = function Productinfo(props) {
           borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
           borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          borderBottom: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
           marginBottom: sectionproperties.relatedProductsMb + 'px'
         }
       }, Relatedproducts.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {

package/dist/index.esm.js

@@ -2367,7 +2367,7 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2u(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$2u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58;
+  var _authdetailsContext$i, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _authdetailsContext$i2, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2558,7 +2558,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 '
-  }, /*#__PURE__*/React.createElement("div", {
+  }, Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '673ca821296ee' && /*#__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'
@@ -3700,7 +3700,109 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "my-3"
   })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
-  }, ShareButtonsContainer()))))))));
+  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '673ca821296ee' && /*#__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": "col-lg-12 allcentered p-0 mb-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "w-100 h-100",
+    style: {}
+  }, /*#__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 + '/' + (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer59 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : _fetchProductInfoQuer59.productmainimage),
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    },
+    loading: "lazy"
+  }))), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center mb-2 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.measurementunitfontsize + '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)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.shortdescriptiontitle_en : sectionproperties.shortdescriptiontitle_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 mt-3"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: 'm-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      color: sectionproperties.prodCatColor
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer60 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.productinfo) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : _fetchProductInfoQuer61.short_description_ar
+    }
+  })))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 my-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer62 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productimages) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : _fetchProductInfoQuer62.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer63 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.productimages.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-4 col-sm-12"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": '  mx-2 w-100 h-100',
+      style: {}
+    }, /*#__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-500,h-500/' + item.path,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'contain'
+      },
+      loading: "lazy"
+    })));
+  })))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 my-3"
+  }, /*#__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: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.productinfo) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : _fetchProductInfoQuer64.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer65 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : _fetchProductInfoQuer65.description_ar
+    }
+  }))))));
 };
 
 function ownKeys$2t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -6565,7 +6667,8 @@ var Productinfo = function Productinfo(props) {
           borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
           borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          borderBottom: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
           marginBottom: sectionproperties.relatedProductsMb + 'px'
         }
       }, Relatedproducts.length != 0 && /*#__PURE__*/React.createElement("div", {

package/dist/index.umd.js

@@ -2240,7 +2240,7 @@
     function ownKeys$2u(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$2u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2u(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Product_itemtype = function Product_itemtype(props) {
-      var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58;
+      var _authdetailsContext$i, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _authdetailsContext$i2, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
       var srcfromprops = props.actions.srcfromprops;
@@ -2431,7 +2431,7 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' col-lg-12 p-0 '
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '673ca821296ee' && /*#__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'
@@ -3573,7 +3573,109 @@
         "class": "my-3"
       })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 allcentered mt-2"
-      }, ShareButtonsContainer()))))))));
+      }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '673ca821296ee' && /*#__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": "col-lg-12 allcentered p-0 mb-2"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "w-100 h-100",
+        style: {}
+      }, /*#__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 + '/' + (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer59 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : _fetchProductInfoQuer59.productmainimage),
+        style: {
+          width: '100%',
+          height: '100%',
+          objectFit: 'contain'
+        },
+        loading: "lazy"
+      }))), 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-2 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.measurementunitfontsize + '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)), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 col-md-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 p-0 d-flex align-items-center justify-content-start"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right',
+          fontWeight: sectionproperties.prodCatFontWeight,
+          color: sectionproperties.prodCatColor,
+          fontSize: sectionproperties.prodCatFontSize + 'px'
+        }
+      }, langdetect == 'en' ? sectionproperties.shortdescriptiontitle_en : sectionproperties.shortdescriptiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 mt-3"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: 'm-0 p-0 wordbreak',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right',
+          color: sectionproperties.prodCatColor
+        },
+        dangerouslySetInnerHTML: {
+          __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer60 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.productinfo) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : _fetchProductInfoQuer61.short_description_ar
+        }
+      })))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 my-4"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer62 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productimages) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : _fetchProductInfoQuer62.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer63 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.productimages.map(function (item, index) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-4 col-sm-12"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": '  mx-2 w-100 h-100',
+          style: {}
+        }, /*#__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-500,h-500/' + item.path,
+          style: {
+            width: '100%',
+            height: '100%',
+            objectFit: 'contain'
+          },
+          loading: "lazy"
+        })));
+      })))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 my-3"
+      }, /*#__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: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.productinfo) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : _fetchProductInfoQuer64.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer65 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : _fetchProductInfoQuer65.description_ar
+        }
+      }))))));
     };
 
     function ownKeys$2t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -6438,7 +6540,8 @@
               borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
               borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
               borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-              border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+              borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+              borderBottom: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
               marginBottom: sectionproperties.relatedProductsMb + 'px'
             }
           }, Relatedproducts.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {

package/package.json

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