tabexseriescomponents 0.0.206 → 0.0.208

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +524 -347
  2. package/dist/index.esm.js +524 -347
  3. package/dist/index.umd.js +525 -348
  4. package/package.json +5 -1
package/dist/index.cjs.js CHANGED
@@ -34,15 +34,16 @@ var AiFillStar = require('@react-icons/all-files/ai/AiFillStar');
34
34
  var AiOutlineStar = require('@react-icons/all-files/ai/AiOutlineStar');
35
35
  var RiSecurePaymentLine = require('@react-icons/all-files/ri/RiSecurePaymentLine');
36
36
  var HiOutlinePhone = require('@react-icons/all-files/hi/HiOutlinePhone');
37
- var AiOutlineSecurityScan = require('@react-icons/all-files/ai/AiOutlineSecurityScan');
38
- var FiMapPin = require('@react-icons/all-files/fi/FiMapPin');
37
+ var AiOutlineMail = require('@react-icons/all-files/ai/AiOutlineMail');
39
38
  var FaShippingFast = require('@react-icons/all-files/fa/FaShippingFast');
40
39
  var reactShare = require('react-share');
40
+ var material = require('@mui/material');
41
41
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
42
42
  var AiOutlineClockCircle = require('@react-icons/all-files/ai/AiOutlineClockCircle');
43
43
  var AiOutlinePlus = require('@react-icons/all-files/ai/AiOutlinePlus');
44
44
  var AiOutlineCheck = require('@react-icons/all-files/ai/AiOutlineCheck');
45
45
  var reactHorizontalScrollingMenu = require('react-horizontal-scrolling-menu');
46
+ var AiOutlineSecurityScan = require('@react-icons/all-files/ai/AiOutlineSecurityScan');
46
47
  var FaStar = require('@react-icons/all-files/fa/FaStar');
47
48
  var IoLocationSharp = require('@react-icons/all-files/io5/IoLocationSharp');
48
49
  var HiOutlineChevronRight = require('@react-icons/all-files/hi/HiOutlineChevronRight');
@@ -93,7 +94,6 @@ var RiHandbagLine = require('@react-icons/all-files/ri/RiHandbagLine');
93
94
  var BiSearch = require('@react-icons/all-files/bi/BiSearch');
94
95
  var FiUser = require('@react-icons/all-files/fi/FiUser');
95
96
  var AiOutlineHeart = require('@react-icons/all-files/ai/AiOutlineHeart');
96
- var AiOutlineMail = require('@react-icons/all-files/ai/AiOutlineMail');
97
97
  var FiPhone = require('@react-icons/all-files/fi/FiPhone');
98
98
  var HiMenuAlt4 = require('@react-icons/all-files/hi/HiMenuAlt4');
99
99
  var FiSearch = require('@react-icons/all-files/fi/FiSearch');
@@ -1053,10 +1053,21 @@ styleInject(css_248z$L);
1053
1053
  var css_248z$K = ".image-gallery_image-gallery-icon__WE2UX {\n\tcolor: #fff;\n\ttransition: all .3s ease-out;\n\tappearance: none;\n\tbackground-color: transparent;\n\tborder: 0;\n\tcursor: pointer;\n\toutline: none;\n\tposition: absolute;\n\tz-index: 4;\n display: none !important;\n\t/* filter: drop-shadow(0 2px 2px #1a1a1a); */\n}\n\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-icon__WE2UX:hover {\n\t\tcolor: var(--secondary)\n\t}\n\n\t.image-gallery_image-gallery-icon__WE2UX:hover .image-gallery_image-gallery-svg__XloJd {\n\t\ttransform: scale(1.1)\n\t}\n}\n\n.image-gallery_image-gallery-icon__WE2UX:focus {\n\toutline: 2px solid #000\n}\n\n.image-gallery_image-gallery-using-mouse__lBKAU .image-gallery_image-gallery-icon__WE2UX:focus {\n\toutline: none\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z,\n.image-gallery_image-gallery-play-button__2AS3J {\n\tbottom: 0;\n\tpadding: 20px\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\theight: 28px;\n\twidth: 28px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\n\t.image-gallery_image-gallery-play-button__2AS3J {\n\t\tpadding: 15px\n\t}\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 24px;\n\t\twidth: 24px\n\t}\n}\n\n@media(max-width: 480px) {\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\n\t.image-gallery_image-gallery-play-button__2AS3J {\n\t\tpadding: 10px\n\t}\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 16px;\n\t\twidth: 16px\n\t}\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z {\n\tright: 0\n}\n\n.image-gallery_image-gallery-play-button__2AS3J {\n\tleft: 0\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk,\n.image-gallery_image-gallery-right-nav__53hut {\n\tpadding: 50px 10px;\n\ttop: 50%;\n\ttransform: translateY(-50%)\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\theight: 120px;\n\twidth: 60px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 72px;\n\t\twidth: 36px\n\t}\n}\n\n@media(max-width: 480px) {\n\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 48px;\n\t\twidth: 24px\n\t}\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk[disabled],\n.image-gallery_image-gallery-right-nav__53hut[disabled] {\n\tcursor: disabled;\n\topacity: .6;\n\tpointer-events: none\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk {\n\tleft: 0\n}\n\n.image-gallery_image-gallery-right-nav__53hut {\n\tright: 0\n}\n\n.image-gallery_image-gallery__FfPQj {\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\t-o-user-select: none;\n\tuser-select: none;\n\t-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\tposition: relative\n}\n\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw {\n\tbackground: #000;\n\tbottom: 0;\n\theight: 100%;\n\tleft: 0;\n\tposition: fixed;\n\tright: 0;\n\ttop: 0;\n\twidth: 100%;\n\tz-index: 5\n}\n\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw .image-gallery_image-gallery-content__kMTBU {\n\ttop: 50%;\n\ttransform: translateY(-50%)\n}\n\n.image-gallery_image-gallery-content__kMTBU {\n\tposition: relative;\n\tline-height: 0;\n\ttop: 0\n}\n\n.image-gallery_image-gallery-content__kMTBU.image-gallery_fullscreen__VMCyX {\n\tbackground: #000\n}\n\n.image-gallery_image-gallery-content__kMTBU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\tmax-height: 50vh !important;\n}\n\n.image-gallery_image-gallery-content__kMTBU.image-gallery_left__K0NWU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh,\n.image-gallery_image-gallery-content__kMTBU.image-gallery_right__PlchD .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\tmax-height: 100vh\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\n\tdisplay: inline-block;\n\twidth: calc(100% - 110px)\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\n\t\twidth: calc(100% - 87px)\n\t}\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_image-gallery-rtl__jhrNg {\n\tdirection: rtl\n}\n\n.image-gallery_image-gallery-slides__cWfmF {\n\tline-height: 0;\n\toverflow: hidden;\n\tposition: relative;\n\twhite-space: nowrap;\n\ttext-align: center\n}\n\n.image-gallery_image-gallery-slide__2BfHc {\n\tleft: 0;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%\n}\n\n.image-gallery_image-gallery-slide__2BfHc.image-gallery_center__1gH-w {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\twidth: 100%;\n\tobject-fit: contain\n}\n\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\n\tbackground: rgba(0, 0, 0, .4);\n\tbottom: 70px;\n\tcolor: #fff;\n\tleft: 0;\n\tline-height: 1;\n\tpadding: 10px 20px;\n\tposition: absolute;\n\twhite-space: normal\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\n\t\tbottom: 45px;\n\t\tfont-size: .8em;\n\t\tpadding: 8px 15px\n\t}\n}\n\n.image-gallery_image-gallery-bullets__CEQBy {\n\tbottom: 20px;\n\tleft: 0;\n\tmargin: 0 auto;\n\tposition: absolute;\n\tright: 0;\n\twidth: 80%;\n\tz-index: 4\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullets-container__BXDlg {\n\tmargin: 0;\n\tpadding: 0;\n\ttext-align: center\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\tappearance: none;\n\tbackground-color: transparent;\n\tborder: 1px solid #fff;\n\tborder-radius: 50%;\n\tbox-shadow: 0 2px 2px #1a1a1a;\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tmargin: 0 5px;\n\toutline: none;\n\tpadding: 5px;\n\ttransition: all .2s ease-out\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\t\tmargin: 0 3px;\n\t\tpadding: 3px\n\t}\n}\n\n@media(max-width: 480px) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\t\tpadding: 2.7px\n\t}\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:focus {\n\ttransform: scale(1.2);\n\tbackground: #000;\n\tborder: 1px solid #000\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR {\n\ttransform: scale(1.2);\n\tborder: 1px solid #fff;\n\tbackground: #fff\n}\n\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:hover {\n\t\tbackground: #000;\n\t\tborder: 1px solid #000\n\t}\n\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR:hover {\n\t\tbackground: #000\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv- {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-horizontal__5-5qp {\n\ttouch-action: pan-y\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-vertical__-NAhb {\n\ttouch-action: pan-x\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-wrapper-rtl__Ya5gz {\n\tdirection: rtl\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\tdisplay: inline-block;\n\tvertical-align: top;\n\twidth: 100px;\n\theight: 100px !important;\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\t\twidth: 81px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn {\n\theight: 100%;\n\twidth: 100%;\n\tleft: 0;\n\tpadding: 0;\n\tposition: absolute;\n\ttop: 0\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF {\n\tdisplay: block;\n\tmargin-right: 0;\n\tpadding: 0\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\n\tmargin-left: 0;\n\tmargin-top: 2px\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\tmargin: 0 5px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\t\tmargin: 0 3px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails__1BFBn {\n\toverflow: hidden;\n\tpadding: 5px 0\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnails__1BFBn {\n\t\tpadding: 3px 0\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnails-container__Z3mr8 {\n\tcursor: pointer;\n\ttext-align: center;\n\twhite-space: nowrap\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF {\n\tdisplay: inline-block;\n\tborder: 2px solid transparent;\n\ttransition: border .3s ease-out;\n\twidth: 10vh;\n\tbackground: transparent;\n\tpadding: 0\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF {\n\t\tborder: 3px solid transparent;\n\t\twidth: 81px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\n\tmargin-left: 2px\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-inner__4F4ry {\n\tdisplay: block;\n\tposition: relative\n}\n.image-gallery_image-gallery-thumbnail__EKbDF{\n\twidth: 10vh;\n\theight: 7vh;\n\toverflow: hidden;\n}\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-image__Oi9qX {\n\twidth: 100%;\n height:100%;\n\tline-height: 0;\n object-fit: contain;\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF.image-gallery_active__B2qrR,\n.image-gallery_image-gallery-thumbnail__EKbDF:focus {\n\toutline: none;\n\tborder: 2px solid var(--light);\n}\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\n\t\toutline: none;\n\t\tborder: 2px solid var(--light)\n\t}\n}\n\n@media(hover: hover)and (pointer: fine)and (max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\n\t\tborder: 2px solid var(--primary)\n\t}\n}\n\n.image-gallery_image-gallery-thumbnail-label__4Xph8 {\n\tbox-sizing: border-box;\n\tcolor: #fff;\n\tfont-size: 1em;\n\tleft: 0;\n\tline-height: 1em;\n\tpadding: 5%;\n\tposition: absolute;\n\ttop: 50%;\n\ttext-shadow: 0 2px 2px #1a1a1a;\n\ttransform: translateY(-50%);\n\twhite-space: normal;\n\twidth: 100%\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail-label__4Xph8 {\n\t\tfont-size: .8em;\n\t\tline-height: .8em\n\t}\n}\n\n.image-gallery_image-gallery-index__DbRoC {\n\tbackground: rgba(0, 0, 0, .4);\n\tcolor: #fff;\n\tline-height: 1;\n\tpadding: 10px 20px;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\tz-index: 4\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-index__DbRoC {\n\t\tfont-size: .8em;\n\t\tpadding: 5px 10px\n\t}\n}";
1054
1054
  styleInject(css_248z$K);
1055
1055
 
1056
+ var IKurlEndpoint = 'https://ik.imagekit.io/kcrbhhnh0';
1057
+ var IKpublicKey = 'public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=';
1058
+ var serverbaselink$1 = 'https://tabex-co.com';
1059
+
1056
1060
  function ownKeys$1Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1057
1061
  function _objectSpread$1Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Z(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1058
1062
  var Product_itemtype = function Product_itemtype(props) {
1059
- var _fetchProductInfoQuer, _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, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _ProductInfoObj$data2, _ProductInfoObj$data3, _ProductInfoObj$data4, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _authdetailsContext$c, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
1063
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _ProductInfoObj$data2, _ProductInfoObj$data3, _ProductInfoObj$data4, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _authdetailsContext$i3, _authdetailsContext$i4, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
1064
+ var _useState = React.useState(0),
1065
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
1066
+ tabIndex = _useState2[0],
1067
+ setTabIndex = _useState2[1];
1068
+ var handleTabChange = function handleTabChange(event, newTabIndex) {
1069
+ setTabIndex(newTabIndex);
1070
+ };
1060
1071
  var lang = props.actions.lang;
1061
1072
  var langdetect = props.actions.langdetect;
1062
1073
  var srcfromprops = props.actions.srcfromprops;
@@ -1078,26 +1089,26 @@ var Product_itemtype = function Product_itemtype(props) {
1078
1089
  var NotificationManager = props.actions.NotificationManager;
1079
1090
  var relatedproducts = props.actions.relatedproducts;
1080
1091
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
1081
- var _useState = React.useState(false),
1082
- _useState2 = _slicedToArray__default["default"](_useState, 2),
1083
- showMore = _useState2[0],
1084
- setShowMore = _useState2[1];
1085
- var _useState3 = React.useState(''),
1092
+ var _useState3 = React.useState(false),
1086
1093
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
1087
- shareUrl = _useState4[0],
1088
- setshareUrl = _useState4[1];
1094
+ showMore = _useState4[0],
1095
+ setShowMore = _useState4[1];
1089
1096
  var _useState5 = React.useState(''),
1090
1097
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
1091
- title = _useState6[0],
1092
- settitle = _useState6[1];
1093
- var _useState7 = React.useState(props.pageindexprops),
1094
- _useState8 = _slicedToArray__default["default"](_useState7, 2);
1095
- _useState8[0];
1096
- _useState8[1];
1097
- var _useState9 = React.useState(fetchProductInfoQueryContext.data.data.productinfo),
1098
+ shareUrl = _useState6[0],
1099
+ setshareUrl = _useState6[1];
1100
+ var _useState7 = React.useState(''),
1101
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
1102
+ title = _useState8[0],
1103
+ settitle = _useState8[1];
1104
+ var _useState9 = React.useState(props.pageindexprops),
1098
1105
  _useState10 = _slicedToArray__default["default"](_useState9, 2);
1099
1106
  _useState10[0];
1100
- var setitem = _useState10[1];
1107
+ _useState10[1];
1108
+ var _useState11 = React.useState(fetchProductInfoQueryContext.data.data.productinfo),
1109
+ _useState12 = _slicedToArray__default["default"](_useState11, 2);
1110
+ _useState12[0];
1111
+ var setitem = _useState12[1];
1101
1112
  React.useEffect(function () {
1102
1113
  var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
1103
1114
  if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -1125,18 +1136,24 @@ var Product_itemtype = function Product_itemtype(props) {
1125
1136
  return titlelang;
1126
1137
  }
1127
1138
  return /*#__PURE__*/React__default["default"].createElement("div", {
1128
- className: 'row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0',
1139
+ 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 ',
1129
1140
  style: {
1130
1141
  paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
1131
1142
  paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
1132
1143
  }
1133
1144
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1134
- className: "col-lg-9 pl-2 pr-2 mb-md-3"
1145
+ "class": "col-lg-12 p-0"
1146
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1147
+ "class": ' row m-0 w-100 '
1148
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1149
+ "class": ' col-lg-12 p-0 '
1135
1150
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1136
- className: "".concat(productinfo_cssstyles.cardcontainer),
1151
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
1137
1152
  style: {
1138
1153
  minHeight: '70vh'
1139
1154
  }
1155
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1156
+ className: langdetect == 'en' ? 'col-lg-9 pl-0 mb-md-3 p-md-0' : 'col-lg-9 pr-0 mb-md-3 p-md-0'
1140
1157
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1141
1158
  className: 'row m-0 w-100'
1142
1159
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1149,59 +1166,16 @@ var Product_itemtype = function Product_itemtype(props) {
1149
1166
  }
1150
1167
  }, productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
1151
1168
  items: productimagesarray,
1152
- thumbnailPosition: "bottom",
1169
+ thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
1153
1170
  showNav: false,
1154
1171
  showPlayButton: false,
1155
1172
  showFullscreenButton: true
1156
- })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1157
- "class": "col-lg-12 mt-5 mt-md-4"
1158
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1159
- "class": "row m-0 w-100"
1160
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1161
- "class": "col-lg-12 d-flex justify-content-center"
1162
- }, /*#__PURE__*/React__default["default"].createElement("p", {
1163
- "class": "m-0 p-0",
1164
- style: {
1165
- fontWeight: sectionproperties.sharebtn_FontWeight,
1166
- color: sectionproperties.sharebtn_color,
1167
- fontSize: sectionproperties.sharebtn_fontSize + 'px'
1168
- }
1169
- }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
1170
- className: "Demo__container row m-0 w-100 allcentered mt-2"
1171
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1172
- className: "Demo__some-network ml-2 mr-2"
1173
- }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookShareButton, {
1174
- url: shareUrl,
1175
- quote: title,
1176
- className: "Demo__some-network__share-button"
1177
- }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookIcon, {
1178
- size: 40,
1179
- round: true
1180
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
1181
- className: "Demo__some-network ml-2 mr-2"
1182
- }, /*#__PURE__*/React__default["default"].createElement(reactShare.TwitterShareButton, {
1183
- url: shareUrl,
1184
- title: title,
1185
- className: "Demo__some-network__share-button"
1186
- }, /*#__PURE__*/React__default["default"].createElement(reactShare.TwitterIcon, {
1187
- size: 40,
1188
- round: true
1189
1173
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
1190
- className: "Demo__some-network ml-2 mr-2"
1191
- }, /*#__PURE__*/React__default["default"].createElement(reactShare.WhatsappShareButton, {
1192
- url: shareUrl,
1193
- title: title,
1194
- separator: ":: ",
1195
- className: "Demo__some-network__share-button"
1196
- }, /*#__PURE__*/React__default["default"].createElement(reactShare.WhatsappIcon, {
1197
- size: 40,
1198
- round: true
1199
- }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
1200
- className: langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-3 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-3 p-md-0'
1174
+ className: langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-4 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-4 p-md-0'
1201
1175
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1202
1176
  className: "row m-0 w-100"
1203
1177
  }, srcfromprops != 'templatdraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
1204
- className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
1178
+ className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-1 d-flex justify-content-start align-items-center"
1205
1179
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1206
1180
  className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ',
1207
1181
  onClick: function onClick() {
@@ -1214,38 +1188,31 @@ var Product_itemtype = function Product_itemtype(props) {
1214
1188
  className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
1215
1189
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1216
1190
  className: "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start '
1217
- }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
1218
- className: "col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end p-0"
1219
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1220
- className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center ',
1221
- onClick: function onClick() {
1222
- addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
1223
- },
1224
- style: {
1225
- background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
1226
- }
1227
- }, /*#__PURE__*/React__default["default"].createElement("i", {
1228
- className: "h-100 d-flex align-items-center justify-content-center"
1229
- }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
1230
- className: "h-100 d-flex align-items-center justify-content-center"
1231
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
1232
- size: sectionproperties.favBtnIconfontsize,
1191
+ }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1192
+ "class": "col-lg-12 p-0 mb-3 d-flex justify-content-start"
1193
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1194
+ "class": "m-0 p-0 d-flex justify-content-start"
1195
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
1233
1196
  style: {
1234
- color: sectionproperties.activefaviconcolor
1197
+ color: sectionproperties.skuColor,
1198
+ fontWeight: sectionproperties.skuFontWeight,
1199
+ fontSize: sectionproperties.skuFontSize + 'px',
1200
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1235
1201
  }
1236
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
1237
- size: sectionproperties.favBtnIconfontsize,
1202
+ }, langdetect == 'en' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React__default["default"].createElement("span", {
1203
+ "class": "ml-1 mr-1",
1238
1204
  style: {
1239
- color: sectionproperties.activefaviconcolor
1205
+ color: '#7e859b',
1206
+ fontWeight: sectionproperties.skuSecondaryFontWeight,
1207
+ fontSize: sectionproperties.skuFontSize + 'px',
1208
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1240
1209
  }
1241
- })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
1242
- className: "h-100 d-flex align-items-center justify-content-center"
1243
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
1244
- size: sectionproperties.favBtnIconfontsize
1245
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
1246
- size: sectionproperties.favBtnIconfontsize
1247
- }))))), sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1248
- "class": "col-lg-12 p-0 mb-3"
1210
+ }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1211
+ "class": "col-lg-12 p-0 mb-3 d-flex justift-content-start"
1212
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1213
+ "class": "row m-0 w-100"
1214
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1215
+ "class": "col-lg-12 p-0 d-flex justift-content-start"
1249
1216
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1250
1217
  "class": "m-0 p-0"
1251
1218
  }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -1267,63 +1234,41 @@ var Product_itemtype = function Product_itemtype(props) {
1267
1234
  fontWeight: sectionproperties.defaultSalePriceFontWeight,
1268
1235
  color: sectionproperties.defaultSalePriceColor
1269
1236
  }
1270
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.description_en) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.description_en) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1271
- className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
1272
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1273
- className: "row m-0 w-100 d-flex"
1274
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1275
- "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
1237
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && sectionproperties.showpill == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1238
+ "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
1276
1239
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1277
- className: "m-0 p-0",
1240
+ "class": "m-0 p-0 d-flex align-items-center justift-content-start"
1241
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
1278
1242
  style: {
1279
- fontSize: sectionproperties.prodCatFontSize + 'px',
1280
- fontWeight: sectionproperties.prodCatFontWeight,
1281
- color: sectionproperties.prodCatColor
1243
+ fontSize: sectionproperties.counterTitleFontSize + 'px',
1244
+ color: sectionproperties.counterTitleColor,
1245
+ fontWeight: sectionproperties.counterTitleFontWeight
1282
1246
  }
1283
- }, lang.description, ":")), /*#__PURE__*/React__default["default"].createElement("div", {
1284
- "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
1285
- }, /*#__PURE__*/React__default["default"].createElement("p", {
1286
- className: 'text-black text-capitalize m-0 p-0 wordbreak',
1247
+ }, langdetect == 'en' ? sectionproperties.countertitleen : sectionproperties.countertitlear), /*#__PURE__*/React__default["default"].createElement("span", {
1248
+ "class": "ml-1 mr-1",
1287
1249
  style: {
1288
- textAlign: langdetect == 'en' ? 'left' : 'right'
1289
- },
1290
- dangerouslySetInnerHTML: {
1291
- __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : (_fetchProductInfoQuer17 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : (_fetchProductInfoQuer20 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.description_en.slice(0, 1000)
1292
- }
1293
- }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.description_en.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
1294
- "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
1295
- onClick: function onClick() {
1296
- return setShowMore(!showMore);
1250
+ fontSize: sectionproperties.counterValueFontSize + 'px',
1251
+ color: sectionproperties.counterValueColor,
1252
+ fontWeight: sectionproperties.counterValueFontWeight
1297
1253
  }
1298
- }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : (_fetchProductInfoQuer29 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1299
- className: "col-lg-12 p-0 mb-5 d-flex justify-content-center"
1300
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1301
- className: "row m-0 w-100 d-flex"
1302
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1303
- "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
1304
- }, /*#__PURE__*/React__default["default"].createElement("p", {
1305
- className: "m-0 p-0 text-light font-15",
1254
+ }, parseFloat(fetchProductInfoQueryContext.data.data.productinfo.defaultprice - fetchProductInfoQueryContext.data.data.productinfo.defaultsaleprice), ' ', langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
1306
1255
  style: {
1307
- fontSize: sectionproperties.prodCatFontSize + 'px',
1308
- fontWeight: sectionproperties.prodCatFontWeight,
1309
- color: sectionproperties.prodCatColor
1310
- }
1311
- }, lang.description, ":")), /*#__PURE__*/React__default["default"].createElement("div", {
1312
- "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
1256
+ background: sectionproperties.pillbgcolor,
1257
+ width: 'fit-content',
1258
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
1259
+ border: sectionproperties.pillBorderWidth + 'px solid ' + sectionproperties.pillBorderColor,
1260
+ direction: 'ltr'
1261
+ },
1262
+ "class": "ml-2 mr-2"
1313
1263
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1314
- className: 'text-black text-capitalize m-0 p-0 wordbreak',
1264
+ "class": "m-0 pl-2 pr-2 py-0",
1315
1265
  style: {
1316
- textAlign: langdetect == 'en' ? 'left' : 'right'
1317
- },
1318
- dangerouslySetInnerHTML: {
1319
- __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : (_fetchProductInfoQuer32 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : (_fetchProductInfoQuer35 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : (_fetchProductInfoQuer36 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : _fetchProductInfoQuer36.description_ar.slice(0, 1000)
1320
- }
1321
- }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.description_ar.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
1322
- "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
1323
- onClick: function onClick() {
1324
- return setShowMore(!showMore);
1266
+ color: sectionproperties.pillcolor,
1267
+ fontWeight: sectionproperties.pillfontWeight,
1268
+ fontSize: '13px',
1269
+ lineHeight: '25px'
1325
1270
  }
1326
- }, showMore ? lang.showless : lang.showmore)))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : (_fetchProductInfoQuer41 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React__default["default"].createElement("div", {
1271
+ }, '-' + Math.round(10.0 * ((parseFloat(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.defaultprice) - parseFloat(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.defaultsaleprice)) / parseFloat(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : (_fetchProductInfoQuer17 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.defaultprice)) * 100) / 10.0 + '%'))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : (_fetchProductInfoQuer20 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React__default["default"].createElement("div", {
1327
1272
  className: "row m-0 w-100 d-flex align-items-start"
1328
1273
  }, ProductInfoObj === null || ProductInfoObj === void 0 ? void 0 : (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 ? void 0 : (_ProductInfoObj$data$ = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data$ === void 0 ? void 0 : (_ProductInfoObj$data$2 = _ProductInfoObj$data$.productoptions) === null || _ProductInfoObj$data$2 === void 0 ? void 0 : _ProductInfoObj$data$2.map(function (item, index) {
1329
1274
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1380,7 +1325,7 @@ var Product_itemtype = function Product_itemtype(props) {
1380
1325
  }
1381
1326
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1382
1327
  })));
1383
- })), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer43 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : (_fetchProductInfoQuer44 = _fetchProductInfoQuer43.data) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : (_fetchProductInfoQuer45 = _fetchProductInfoQuer44.productinfo) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : _fetchProductInfoQuer45.hasvariants) == 1 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1328
+ })), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.hasvariants) == 1 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1384
1329
  className: "row m-0 w-100 d-flex align-items-start"
1385
1330
  }, ProductInfoObj === null || ProductInfoObj === void 0 ? void 0 : (_ProductInfoObj$data2 = ProductInfoObj.data) === null || _ProductInfoObj$data2 === void 0 ? void 0 : (_ProductInfoObj$data3 = _ProductInfoObj$data2.productinfo) === null || _ProductInfoObj$data3 === void 0 ? void 0 : (_ProductInfoObj$data4 = _ProductInfoObj$data3.productoptions) === null || _ProductInfoObj$data4 === void 0 ? void 0 : _ProductInfoObj$data4.map(function (item, index) {
1386
1331
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1398,7 +1343,10 @@ var Product_itemtype = function Product_itemtype(props) {
1398
1343
  fontSize: sectionproperties.varianttitle_fontSize + 'px'
1399
1344
  }
1400
1345
  }, lang.select, " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":")), /*#__PURE__*/React__default["default"].createElement("div", {
1401
- className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-3 pb-3"
1346
+ className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-3 pb-3",
1347
+ style: {
1348
+ paddingTop: sectionproperties.showRemovebutton == 'Show' ? '1rem' : 0
1349
+ }
1402
1350
  }, item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
1403
1351
  var isoptionvalueselected = 0;
1404
1352
  if (optionvaluesitem.isselected == 1) {
@@ -1442,7 +1390,7 @@ var Product_itemtype = function Product_itemtype(props) {
1442
1390
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
1443
1391
  position: 'relative'
1444
1392
  }
1445
- }, isoptionvalueselected == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
1393
+ }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
1446
1394
  "class": "m-0 p-0 bg-danger bgdanger-hover",
1447
1395
  style: {
1448
1396
  position: 'absolute',
@@ -1476,7 +1424,7 @@ var Product_itemtype = function Product_itemtype(props) {
1476
1424
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
1477
1425
  position: 'relative'
1478
1426
  }
1479
- }, isoptionvalueselected == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
1427
+ }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
1480
1428
  "class": "m-0 p-0 bg-danger bgdanger-hover",
1481
1429
  style: {
1482
1430
  position: 'absolute',
@@ -1497,31 +1445,7 @@ var Product_itemtype = function Product_itemtype(props) {
1497
1445
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1498
1446
  }
1499
1447
  }))));
1500
- })), sectionproperties.show_availability == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1501
- className: "col-lg-12 p-0 mb-3 mt-2"
1502
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1503
- style: {
1504
- width: sectionproperties.availability_width + 'px',
1505
- height: sectionproperties.availability_height + 'px',
1506
- background: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availablebgcolor : sectionproperties.availability_limitedbgcolor,
1507
- borderRadius: sectionproperties.availability_borderrradius + 'px',
1508
- border: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_borderwidtth + 'px solid ' + sectionproperties.availability_availabletextcolor : sectionproperties.availability_borderwidtth + 'px solid ' + sectionproperties.availability_limitedtextcolor
1509
- },
1510
- className: "d-flex justify-content-start align-items-center pl-3 pr-3"
1511
- }, /*#__PURE__*/React__default["default"].createElement("p", {
1512
- className: "m-0 p-0 font-weight-500 wordbreak",
1513
- style: {
1514
- color: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availabletextcolor : sectionproperties.availability_limitedtextcolor,
1515
- fontSize: sectionproperties.availability_fontsize + 'px'
1516
- }
1517
- }, /*#__PURE__*/React__default["default"].createElement("span", {
1518
- style: {
1519
- color: sectionproperties.availability_textcolor
1520
- },
1521
- className: "font-weight-600"
1522
- }, lang.availability, ":"), /*#__PURE__*/React__default["default"].createElement("span", {
1523
- className: "ml-1 mr-1"
1524
- }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1448
+ })), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1525
1449
  className: "col-lg-12 p-0 mb-3"
1526
1450
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
1527
1451
  className: "mb-0 mt-2"
@@ -1543,7 +1467,7 @@ var Product_itemtype = function Product_itemtype(props) {
1543
1467
  fontWeight: sectionproperties.generaltext_fontWeight
1544
1468
  }
1545
1469
  }, lang.quantity, ":")), sectionproperties.quantitybtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
1546
- className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ',
1470
+ className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
1547
1471
  style: {
1548
1472
  height: sectionproperties.quantitybtn_height + 'px',
1549
1473
  width: sectionproperties.quantitybtn_width + 'px',
@@ -1573,7 +1497,7 @@ var Product_itemtype = function Product_itemtype(props) {
1573
1497
  }, /*#__PURE__*/React__default["default"].createElement("i", {
1574
1498
  className: "fa fa-chevron-up font-12"
1575
1499
  }))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
1576
- className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-1 mr-1 d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ',
1500
+ className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
1577
1501
  onClick: function onClick() {
1578
1502
  if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
1579
1503
  addtocartfunc();
@@ -1610,7 +1534,35 @@ var Product_itemtype = function Product_itemtype(props) {
1610
1534
  width: "20px",
1611
1535
  height: "20px",
1612
1536
  duration: "1s"
1613
- }))))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1537
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
1538
+ className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 ',
1539
+ onClick: function onClick() {
1540
+ addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
1541
+ },
1542
+ style: {
1543
+ background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
1544
+ }
1545
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1546
+ className: "h-100 d-flex align-items-center justify-content-center"
1547
+ }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
1548
+ className: "h-100 d-flex align-items-center justify-content-center"
1549
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
1550
+ size: sectionproperties.favBtnIconfontsize,
1551
+ style: {
1552
+ color: sectionproperties.activefaviconcolor
1553
+ }
1554
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
1555
+ size: sectionproperties.favBtnIconfontsize,
1556
+ style: {
1557
+ color: sectionproperties.activefaviconcolor
1558
+ }
1559
+ })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
1560
+ className: "h-100 d-flex align-items-center justify-content-center"
1561
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
1562
+ size: sectionproperties.favBtnIconfontsize
1563
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
1564
+ size: sectionproperties.favBtnIconfontsize
1565
+ })))))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1614
1566
  className: "col-lg-12 p-0 mb-3"
1615
1567
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1616
1568
  className: "row m-0 w-100 d-flex flex-row"
@@ -1631,202 +1583,388 @@ var Product_itemtype = function Product_itemtype(props) {
1631
1583
  fontWeight: sectionproperties.prodPriceFontWeight,
1632
1584
  color: sectionproperties.prodPriceColor
1633
1585
  }
1634
- }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer46 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : (_fetchProductInfoQuer47 = _fetchProductInfoQuer46.data) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.productinfo) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : _fetchProductInfoQuer48.hasvariants) == 1 && (variantindexcompleted === null || variantindexcompleted === void 0 ? void 0 : variantindexcompleted.length) == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
1586
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.hasvariants) == 1 && (variantindexcompleted === null || variantindexcompleted === void 0 ? void 0 : variantindexcompleted.length) == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
1635
1587
  "class": "m-0 p-0"
1636
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? fetchProductInfoQueryContext.data.data.productinfo.defaultprice : fetchProductInfoQueryContext.data.data.productinfo.defaultsaleprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer49 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : (_fetchProductInfoQuer50 = _fetchProductInfoQuer49.data) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : (_fetchProductInfoQuer51 = _fetchProductInfoQuer50.productinfo) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.hasvariants) == 1 && (variantindexcompleted === null || variantindexcompleted === void 0 ? void 0 : variantindexcompleted.length) != 0 && /*#__PURE__*/React__default["default"].createElement("p", {
1588
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? parseFloat(fetchProductInfoQueryContext.data.data.productinfo.defaultprice * addtocardpayloadobj.quantity) : parseFloat(fetchProductInfoQueryContext.data.data.productinfo.defaultsaleprice * addtocardpayloadobj.quantity), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : (_fetchProductInfoQuer29 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.hasvariants) == 1 && (variantindexcompleted === null || variantindexcompleted === void 0 ? void 0 : variantindexcompleted.length) != 0 && /*#__PURE__*/React__default["default"].createElement("p", {
1637
1589
  className: langdetect == 'en' ? ' m-0 p-0 d-flex align-items-center justify-content-end wordbreak text-right ' : ' m-0 p-0 d-flex align-items-center justify-content-end wordbreak text-left '
1638
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 ? fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].variantsaleprice : fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].variantprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer52 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : (_fetchProductInfoQuer53 = _fetchProductInfoQuer52.data) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : (_fetchProductInfoQuer54 = _fetchProductInfoQuer53.productinfo) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : _fetchProductInfoQuer54.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
1639
- className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
1640
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? fetchProductInfoQueryContext.data.data.productinfo.defaultprice : fetchProductInfoQueryContext.data.data.productinfo.defaultsaleprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
1590
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 ? parseFloat(fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].variantsaleprice * addtocardpayloadobj.quantity) : parseFloat(fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].variantprice * addtocardpayloadobj.quantity), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : (_fetchProductInfoQuer32 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
1591
+ className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right ' : ' d-flex align-items-center justify-content-end wordbreak text-left '
1592
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? parseFloat(fetchProductInfoQueryContext.data.data.productinfo.defaultprice * addtocardpayloadobj.quantity) : parseFloat(fetchProductInfoQueryContext.data.data.productinfo.defaultsaleprice * addtocardpayloadobj.quantity), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
1641
1593
  className: 'm-0 p-0 linethrough wordbreak',
1642
1594
  style: {
1643
1595
  color: sectionproperties.prodsalePriceColor,
1644
1596
  fontSize: sectionproperties.prodsalepriceFontSize + 'px',
1645
1597
  fontWeight: sectionproperties.prodsalePriceFontWeight
1646
1598
  }
1647
- }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer55 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : (_fetchProductInfoQuer56 = _fetchProductInfoQuer55.data) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : (_fetchProductInfoQuer57 = _fetchProductInfoQuer56.productinfo) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : _fetchProductInfoQuer57.hasvariants) == 1 && variantindexcompleted.length == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1599
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : (_fetchProductInfoQuer35 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : (_fetchProductInfoQuer36 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : _fetchProductInfoQuer36.hasvariants) == 1 && variantindexcompleted.length == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1648
1600
  className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
1649
1601
  }, /*#__PURE__*/React__default["default"].createElement("span", {
1650
- className: "ml-2 mr-2"
1651
- }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext.data.data.productinfo.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer58 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : (_fetchProductInfoQuer59 = _fetchProductInfoQuer58.data) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : (_fetchProductInfoQuer60 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1602
+ className: "ml-2 mr-2",
1603
+ style: {
1604
+ textDecoration: 'none'
1605
+ }
1606
+ }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchProductInfoQueryContext.data.data.productinfo.defaultprice * addtocardpayloadobj.quantity), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1652
1607
  className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
1653
1608
  }, /*#__PURE__*/React__default["default"].createElement("span", {
1654
1609
  className: "ml-2 mr-2"
1655
- }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.defaultprice, " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : (_fetchProductInfoQuer62 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : (_fetchProductInfoQuer63 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.hasvariants) == 1 && variantindexcompleted.length != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1610
+ }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchProductInfoQueryContext.data.data.productinfo.defaultprice * addtocardpayloadobj.quantity), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : (_fetchProductInfoQuer41 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.hasvariants) == 1 && variantindexcompleted.length != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1656
1611
  className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
1657
1612
  }, /*#__PURE__*/React__default["default"].createElement("span", {
1658
1613
  className: "ml-2 mr-2"
1659
- }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].variantprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)))))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1660
- className: "col-lg-12 p-0 mb-3"
1614
+ }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].variantprice * addtocardpayloadobj.quantity), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)))))), sectionproperties.show_availability == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1615
+ className: "col-lg-12 p-0 mb-3 mt-2"
1616
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1617
+ style: {
1618
+ width: sectionproperties.availability_width + 'px',
1619
+ height: sectionproperties.availability_height + 'px',
1620
+ background: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availablebgcolor : sectionproperties.availability_limitedbgcolor,
1621
+ borderRadius: sectionproperties.availability_borderrradius + 'px',
1622
+ border: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_borderwidtth + 'px solid ' + sectionproperties.availability_availabletextcolor : sectionproperties.availability_borderwidtth + 'px solid ' + sectionproperties.availability_limitedtextcolor,
1623
+ justifyContent: sectionproperties.availabilitytextalignment == 'Centered' ? 'center' : 'start'
1624
+ },
1625
+ className: "d-flex align-items-center pl-3 pr-3"
1626
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1627
+ className: "m-0 p-0 font-weight-500 wordbreak",
1628
+ style: {
1629
+ color: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availabletextcolor : sectionproperties.availability_limitedtextcolor,
1630
+ fontSize: sectionproperties.availability_fontsize + 'px',
1631
+ textAlign: sectionproperties.availabilitytextalignment == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
1632
+ }
1633
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
1634
+ style: {
1635
+ color: sectionproperties.availability_textcolor
1636
+ },
1637
+ className: "font-weight-600"
1638
+ }, lang.availability, ":"), /*#__PURE__*/React__default["default"].createElement("span", {
1639
+ className: "ml-1 mr-1"
1640
+ }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1641
+ "class": "col-lg-12 p-0"
1661
1642
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
1662
- className: "mb-0 mt-2"
1663
- })), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1664
- className: "row m-0 w-100 d-flex align-items-center mb-3"
1643
+ "class": "mb-3 mt-3",
1644
+ style: {
1645
+ borderColor: '#eee'
1646
+ }
1647
+ })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1648
+ "class": "col-lg-12 mt-2 p-0"
1665
1649
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1650
+ "class": "row m-0 w-100"
1651
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1652
+ "class": "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0"
1653
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1654
+ "class": "m-0 p-0",
1666
1655
  style: {
1667
- width: sectionproperties.iconcontainerwidth + 'px',
1668
- height: sectionproperties.iconcontainerheight + 'px',
1669
- borderRadius: sectionproperties.iconcontainerborderbl + 'px',
1670
- background: sectionproperties.iconcontainerbg
1656
+ fontWeight: sectionproperties.sharebtn_FontWeight,
1657
+ color: sectionproperties.sharebtn_color,
1658
+ fontSize: sectionproperties.sharebtn_fontSize + 'px'
1659
+ }
1660
+ }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React__default["default"].createElement("div", {
1661
+ className: "Demo__container w-100 m-0 allcentered mt-3"
1662
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1663
+ className: "Demo__some-network ml-2 mr-2"
1664
+ }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookShareButton, {
1665
+ url: shareUrl,
1666
+ quote: title,
1667
+ className: "Demo__some-network__share-button"
1668
+ }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookIcon, {
1669
+ size: 40,
1670
+ round: true
1671
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
1672
+ className: "Demo__some-network ml-2 mr-2"
1673
+ }, /*#__PURE__*/React__default["default"].createElement(reactShare.TwitterShareButton, {
1674
+ url: shareUrl,
1675
+ title: title,
1676
+ className: "Demo__some-network__share-button"
1677
+ }, /*#__PURE__*/React__default["default"].createElement(reactShare.TwitterIcon, {
1678
+ size: 40,
1679
+ round: true
1680
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
1681
+ className: "Demo__some-network ml-2 mr-2"
1682
+ }, /*#__PURE__*/React__default["default"].createElement(reactShare.WhatsappShareButton, {
1683
+ url: shareUrl,
1684
+ title: title,
1685
+ separator: ":: ",
1686
+ className: "Demo__some-network__share-button"
1687
+ }, /*#__PURE__*/React__default["default"].createElement(reactShare.WhatsappIcon, {
1688
+ size: 40,
1689
+ round: true
1690
+ }))))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
1691
+ className: langdetect == 'en' ? 'col-lg-3 pr-0 border-md-none p-md-0 pt-4 pl-md-0 pr-md-0' : 'col-lg-3 pl-0 border-md-none md-0 pt-4 pl-md-0 pr-md-0',
1692
+ style: {
1693
+ borderLeft: langdetect == 'en' ? '1px solid #eee' : 0,
1694
+ borderRight: langdetect == 'ar' ? '1px solid #eee' : 0
1695
+ }
1696
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1697
+ "class": "row m-0 w-100",
1698
+ style: {
1699
+ paddingLeft: langdetect == 'en' ? '.5em' : 0,
1700
+ paddingRight: langdetect == 'ar' ? '.5rem' : 0
1671
1701
  }
1702
+ }, sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1703
+ className: "col-lg-12 p-0 w-100 d-flex align-items-center"
1704
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1705
+ "class": productinfo_cssstyles.iconContainer
1672
1706
  }, /*#__PURE__*/React__default["default"].createElement("i", {
1673
1707
  className: "h-100 d-flex align-items-center justify-content-center"
1674
- }, /*#__PURE__*/React__default["default"].createElement(RiSecurePaymentLine.RiSecurePaymentLine, {
1675
- size: 20,
1708
+ }, /*#__PURE__*/React__default["default"].createElement(FaShippingFast.FaShippingFast, {
1709
+ size: 20
1710
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
1711
+ className: "col-lg-9 col-md-9 col-sm-9 d-flex justofy-content-start flex-column"
1712
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1713
+ className: productinfo_cssstyles.storeInfo + ' m-0 p-0 wordbreak ',
1676
1714
  style: {
1677
- color: sectionproperties.iconcontainercolor
1715
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1716
+ }
1717
+ }, langdetect == 'en' ? sectionproperties.otherinfotitle1en : sectionproperties.otherinfotitle1ar), /*#__PURE__*/React__default["default"].createElement("p", {
1718
+ className: productinfo_cssstyles.storeInfoContent + ' m-0 p-0 wordbreak ',
1719
+ style: {
1720
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1721
+ }
1722
+ }, langdetect == 'en' ? sectionproperties.otherinfodesc1en : sectionproperties.otherinfodesc1ar))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1723
+ "class": "col-lg-12 p-0"
1724
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
1725
+ "class": "mb-3 mt-3",
1726
+ style: {
1727
+ borderColor: '#eee'
1678
1728
  }
1729
+ })), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1730
+ className: "col-lg-12 p-0 d-flex align-items-center"
1731
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1732
+ "class": productinfo_cssstyles.iconContainer
1733
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1734
+ className: "h-100 d-flex align-items-center justify-content-center"
1735
+ }, /*#__PURE__*/React__default["default"].createElement(RiSecurePaymentLine.RiSecurePaymentLine, {
1736
+ size: 20
1679
1737
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
1680
- className: "col-lg-9 col-md-9 col-sm-9 d-flex justofy-content-start"
1738
+ className: "col-lg-9 col-md-9 col-sm-9 d-flex justofy-content-start flex-column"
1681
1739
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1682
- className: "m-0 p-0 wordbreak",
1740
+ className: productinfo_cssstyles.storeInfo + ' m-0 p-0 wordbreak ',
1683
1741
  style: {
1684
- fontSize: sectionproperties.icontextfontsize + 'px',
1685
- color: sectionproperties.icontextcolor,
1686
- fontWeight: sectionproperties.icontextfontweight
1742
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1687
1743
  }
1688
- }, lang.securepayment))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1689
- className: "row m-0 w-100 d-flex align-items-center mb-3"
1690
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1744
+ }, langdetect == 'en' ? sectionproperties.otherinfotitle2en : sectionproperties.otherinfotitle2ar), /*#__PURE__*/React__default["default"].createElement("p", {
1745
+ className: productinfo_cssstyles.storeInfoContent + ' m-0 p-0 wordbreak ',
1691
1746
  style: {
1692
- width: sectionproperties.iconcontainerwidth + 'px',
1693
- height: sectionproperties.iconcontainerheight + 'px',
1694
- borderRadius: sectionproperties.iconcontainerborderbl + 'px',
1695
- background: sectionproperties.iconcontainerbg
1747
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1748
+ }
1749
+ }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1750
+ "class": "col-lg-12 p-0"
1751
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
1752
+ "class": "mb-3 mt-3",
1753
+ style: {
1754
+ borderColor: '#eee'
1755
+ }
1756
+ })), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1757
+ className: productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
1758
+ onClick: function onClick() {
1759
+ window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_blank');
1696
1760
  }
1761
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1762
+ "class": productinfo_cssstyles.iconContainer + ' iconContainer '
1697
1763
  }, /*#__PURE__*/React__default["default"].createElement("i", {
1698
1764
  className: "h-100 d-flex align-items-center justify-content-center"
1699
- }, /*#__PURE__*/React__default["default"].createElement(FaShippingFast.FaShippingFast, {
1700
- size: 20,
1765
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePhone.HiOutlinePhone, {
1766
+ size: 20
1767
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
1768
+ className: "col-lg-9 col-md-9 col-sm-9 d-flex justofy-content-start flex-column"
1769
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1770
+ className: productinfo_cssstyles.storeInfo + ' m-0 p-0 wordbreak ',
1701
1771
  style: {
1702
- color: sectionproperties.iconcontainercolor
1772
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1773
+ }
1774
+ }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar), /*#__PURE__*/React__default["default"].createElement("p", {
1775
+ className: productinfo_cssstyles.storeInfoContent + ' storeInfoContent m-0 p-0 wordbreak ',
1776
+ style: {
1777
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1778
+ }
1779
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1780
+ "class": "col-lg-12 p-0"
1781
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
1782
+ "class": "mb-3 mt-3",
1783
+ style: {
1784
+ borderColor: '#eee'
1703
1785
  }
1786
+ })), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1787
+ className: productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
1788
+ onClick: function onClick() {
1789
+ var _authdetailsContext$i, _authdetailsContext$i2;
1790
+ window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.contactinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.email), '_self');
1791
+ }
1792
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1793
+ "class": productinfo_cssstyles.iconContainer + ' iconContainer '
1794
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1795
+ className: "h-100 d-flex align-items-center justify-content-center"
1796
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMail.AiOutlineMail, {
1797
+ size: 20
1704
1798
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
1705
- className: "col-lg-9 col-md-9 col-sm-9 d-flex justofy-content-start"
1799
+ className: "col-lg-9 col-md-9 col-sm-9 d-flex justofy-content-start flex-column"
1706
1800
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1707
- className: "m-0 p-0 wordbreak",
1801
+ className: productinfo_cssstyles.storeInfo + ' m-0 p-0 wordbreak ',
1708
1802
  style: {
1709
- fontSize: sectionproperties.icontextfontsize + 'px',
1710
- color: sectionproperties.icontextcolor,
1711
- fontWeight: sectionproperties.icontextfontweight
1803
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1804
+ }
1805
+ }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar), /*#__PURE__*/React__default["default"].createElement("p", {
1806
+ className: productinfo_cssstyles.storeInfoContent + ' storeInfoContent m-0 p-0 wordbreak ',
1807
+ style: {
1808
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1712
1809
  }
1713
- }, lang.trustedshipping)))))))), /*#__PURE__*/React__default["default"].createElement("div", {
1714
- className: "col-lg-3 pl-2 pr-2"
1715
- }, (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) && /*#__PURE__*/React__default["default"].createElement("div", {
1716
- className: "".concat(productinfo_cssstyles.cardcontainer) + ' mb-3 '
1810
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email))))))), /*#__PURE__*/React__default["default"].createElement("div", {
1811
+ "class": "col-lg-12 p-0"
1717
1812
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1718
- className: "row m-0 w-100"
1719
- }, /*#__PURE__*/React__default["default"].createElement("i", {
1720
- className: "h-100 d-flex align-items-center justify-content-center mt-1"
1721
- }, /*#__PURE__*/React__default["default"].createElement(FiMapPin.FiMapPin, {
1722
- size: 20,
1813
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
1723
1814
  style: {
1724
- color: sectionproperties.storeinfoiconcolor
1815
+ paddingLeft: sectionproperties.tabspaddinghorizontal + 'px',
1816
+ paddingRight: sectionproperties.tabspaddinghorizontal + 'px',
1817
+ marginBottom: sectionproperties.tabsmb + 'px',
1818
+ paddingTop: sectionproperties.tabsPt + 'px',
1819
+ paddingBottom: sectionproperties.tabsPb + 'px'
1725
1820
  }
1726
- })), /*#__PURE__*/React__default["default"].createElement("div", {
1727
- className: "col-lg-10 col-md-10 col-sm-10 d-flex justify-content-start flex-column"
1821
+ }, /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement(material.Tabs, {
1822
+ value: tabIndex,
1823
+ onChange: handleTabChange,
1824
+ scrollButtons: "auto",
1825
+ TabIndicatorProps: {
1826
+ style: {
1827
+ background: sectionproperties.activetabbordercolor,
1828
+ width: sectionproperties.productInformationType == 'Product/Service Information' ? sectionproperties.showfirstpolicy == 'Hide' ? '50%' : sectionproperties.showsecondpolicy == 'Hide' ? '50%' : '33.3%' : '33.3%',
1829
+ right: sectionproperties.productInformationType == 'Product/Service Information' ? sectionproperties.showfirstpolicy == 'Hide' ? 0 : sectionproperties.showsecondpolicy == 'Hide' ? 0 : '' : '',
1830
+ margin: sectionproperties.productInformationType == 'Product/Service Information' ? sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '' : ''
1831
+ }
1832
+ },
1833
+ sx: {
1834
+ '& button': {
1835
+ color: sectionproperties.tabtextcolor,
1836
+ fontWeight: sectionproperties.tabtextfontweight,
1837
+ background: sectionproperties.tabcontainerbgcolor,
1838
+ textTransform: sectionproperties.tabtexttexttransform,
1839
+ borderRadius: sectionproperties.tabcontainerborderradius + 'px',
1840
+ fontFamily: 'Poppins',
1841
+ transition: '.3s'
1842
+ },
1843
+ '& button:hover': {
1844
+ color: sectionproperties.tabscoloronhover,
1845
+ fontFamily: 'Poppins',
1846
+ transition: '.3s'
1847
+ },
1848
+ '& button.Mui-selected': {
1849
+ color: sectionproperties.tabtextactivecolor,
1850
+ background: sectionproperties.activetabbgcolor,
1851
+ fontFamily: 'Poppins',
1852
+ transition: '.3s'
1853
+ }
1854
+ },
1855
+ variant: 'fullWidth'
1856
+ }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
1857
+ label: langdetect == 'en' ? sectionproperties.tabsdescEn : sectionproperties.tabsdescAr
1858
+ }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
1859
+ label: langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar
1860
+ }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showsecondpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
1861
+ label: langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar
1862
+ }))), tabIndex === 0 && /*#__PURE__*/React__default["default"].createElement(material.Box, {
1863
+ "class": "w-100"
1728
1864
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1729
- className: "row m-0 w-100"
1865
+ "class": "col-lg-12 p-0 w-100 mt-3 mb-4"
1730
1866
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1731
- className: "col-lg-12 p-0 d-flex justify-content-start"
1732
- }, /*#__PURE__*/React__default["default"].createElement("p", {
1733
- className: productinfo_cssstyles.storeInfo + ' m-0 p-0 wordbreak '
1734
- }, lang.deliverto)), /*#__PURE__*/React__default["default"].createElement("div", {
1735
- className: "col-lg-12 p-0 d-flex justify-content-start"
1736
- }, (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) && /*#__PURE__*/React__default["default"].createElement("p", {
1737
- className: productinfo_cssstyles.storeInfoContent + ' m-0 p-0 wordbreak '
1738
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showPolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1739
- className: "".concat(productinfo_cssstyles.cardcontainer) + ' mb-3 '
1867
+ "class": "row m-0 w-100"
1868
+ }, langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer43 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : (_fetchProductInfoQuer44 = _fetchProductInfoQuer43.data) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : (_fetchProductInfoQuer45 = _fetchProductInfoQuer44.productinfo) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : _fetchProductInfoQuer45.description_en) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer46 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : (_fetchProductInfoQuer47 = _fetchProductInfoQuer46.data) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.productinfo) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : _fetchProductInfoQuer48.description_en) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1869
+ className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
1740
1870
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1741
- className: "row m-0 w-100"
1871
+ className: "row m-0 w-100 d-flex"
1742
1872
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1743
- className: "col-lg-12 pl-1 pr-1 d-flex align-items-center"
1744
- }, /*#__PURE__*/React__default["default"].createElement("i", {
1745
- className: "h-100 d-flex align-items-center justify-content-center"
1746
- }, /*#__PURE__*/React__default["default"].createElement(FaShippingFast.FaShippingFast, {
1747
- size: 18,
1873
+ "class": "col-lg-12 p-0 d-flex justify-content-start"
1874
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1875
+ className: 'text-black text-capitalize m-0 p-0 wordbreak',
1748
1876
  style: {
1749
- color: sectionproperties.footerinfotext_color
1877
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1878
+ },
1879
+ dangerouslySetInnerHTML: {
1880
+ __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer49 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : (_fetchProductInfoQuer50 = _fetchProductInfoQuer49.data) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : (_fetchProductInfoQuer51 = _fetchProductInfoQuer50.productinfo) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer52 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : (_fetchProductInfoQuer53 = _fetchProductInfoQuer52.data) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : (_fetchProductInfoQuer54 = _fetchProductInfoQuer53.productinfo) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : _fetchProductInfoQuer54.description_en.slice(0, 1000)
1750
1881
  }
1751
- })), /*#__PURE__*/React__default["default"].createElement("p", {
1752
- className: productinfo_cssstyles.storeInfo + ' m-0 p-0 ml-2 mr-2 wordbreak cursor-pointer '
1753
- }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
1754
- className: "col-lg-12 pl-1 pr-1"
1755
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
1756
- className: "mt-2 mb-2"
1757
1882
  })), /*#__PURE__*/React__default["default"].createElement("div", {
1758
- className: "col-lg-12 pl-1 pr-1 d-flex justify-content-start"
1883
+ "class": "col-lg-12 allcentered"
1884
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer55 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : (_fetchProductInfoQuer56 = _fetchProductInfoQuer55.data) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : (_fetchProductInfoQuer57 = _fetchProductInfoQuer56.productinfo) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : _fetchProductInfoQuer57.description_en.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
1885
+ "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
1886
+ onClick: function onClick() {
1887
+ return setShowMore(!showMore);
1888
+ }
1889
+ }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer58 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : (_fetchProductInfoQuer59 = _fetchProductInfoQuer58.data) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : (_fetchProductInfoQuer60 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : (_fetchProductInfoQuer62 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : (_fetchProductInfoQuer63 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1890
+ className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
1891
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1892
+ className: "row m-0 w-100 d-flex"
1893
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1894
+ "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
1759
1895
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1760
- className: productinfo_cssstyles.storeInfoContent + ' m-0 p-0 wordbreak ',
1896
+ className: 'text-black text-capitalize m-0 p-0 wordbreak',
1761
1897
  style: {
1762
- lineClamp: 10,
1763
- WebkitLineClamp: 10,
1764
1898
  textAlign: langdetect == 'en' ? 'left' : 'right'
1765
1899
  },
1766
1900
  dangerouslySetInnerHTML: {
1767
- __html: langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policycontent_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policycontent_ar
1901
+ __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : (_fetchProductInfoQuer65 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : (_fetchProductInfoQuer66 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer66 === void 0 ? void 0 : _fetchProductInfoQuer66.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer67 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer67 === void 0 ? void 0 : (_fetchProductInfoQuer68 = _fetchProductInfoQuer67.data) === null || _fetchProductInfoQuer68 === void 0 ? void 0 : (_fetchProductInfoQuer69 = _fetchProductInfoQuer68.productinfo) === null || _fetchProductInfoQuer69 === void 0 ? void 0 : _fetchProductInfoQuer69.description_ar.slice(0, 1000)
1768
1902
  }
1769
- })))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showPolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1770
- className: "".concat(productinfo_cssstyles.cardcontainer) + ' mb-3 '
1771
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1772
- className: "row m-0 w-100"
1903
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
1904
+ "class": "col-lg-12 allcentered"
1905
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer70 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer70 === void 0 ? void 0 : (_fetchProductInfoQuer71 = _fetchProductInfoQuer70.data) === null || _fetchProductInfoQuer71 === void 0 ? void 0 : (_fetchProductInfoQuer72 = _fetchProductInfoQuer71.productinfo) === null || _fetchProductInfoQuer72 === void 0 ? void 0 : _fetchProductInfoQuer72.description_ar.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
1906
+ "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
1907
+ onClick: function onClick() {
1908
+ return setShowMore(!showMore);
1909
+ }
1910
+ }, showMore ? lang.showless : lang.showmore)))), sectionproperties.showGallery == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer73 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer73 === void 0 ? void 0 : (_fetchProductInfoQuer74 = _fetchProductInfoQuer73.data) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : (_fetchProductInfoQuer75 = _fetchProductInfoQuer74.productinfo) === null || _fetchProductInfoQuer75 === void 0 ? void 0 : (_fetchProductInfoQuer76 = _fetchProductInfoQuer75.productimages) === null || _fetchProductInfoQuer76 === void 0 ? void 0 : _fetchProductInfoQuer76.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
1911
+ "class": "col-lg-12 p-0"
1773
1912
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1774
- className: "col-lg-12 pl-1 pr-1 d-flex align-items-center"
1775
- }, /*#__PURE__*/React__default["default"].createElement("i", {
1776
- className: "h-100 d-flex align-items-center justify-content-center"
1777
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineSecurityScan.AiOutlineSecurityScan, {
1778
- size: 18,
1913
+ "class": "row m-0 w-100 allcentered pl-md-3 pr-md-3",
1779
1914
  style: {
1780
- color: sectionproperties.footerinfotext_color
1915
+ paddingLeft: sectionproperties.galleryPaddingHorizontal + 'px',
1916
+ paddingRight: sectionproperties.galleryPaddingHorizontal + 'px'
1781
1917
  }
1782
- })), /*#__PURE__*/React__default["default"].createElement("p", {
1783
- className: productinfo_cssstyles.storeInfo + ' m-0 p-0 ml-2 mr-2 wordbreak '
1784
- }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
1785
- className: "col-lg-12 pl-1 pr-1"
1786
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
1787
- className: "mt-2 mb-2"
1788
- })), /*#__PURE__*/React__default["default"].createElement("div", {
1789
- className: "col-lg-12 pl-1 pr-1 d-flex justify-content-start"
1918
+ }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer77 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer77 === void 0 ? void 0 : (_fetchProductInfoQuer78 = _fetchProductInfoQuer77.data) === null || _fetchProductInfoQuer78 === void 0 ? void 0 : (_fetchProductInfoQuer79 = _fetchProductInfoQuer78.productinfo) === null || _fetchProductInfoQuer79 === void 0 ? void 0 : (_fetchProductInfoQuer80 = _fetchProductInfoQuer79.productimages) === null || _fetchProductInfoQuer80 === void 0 ? void 0 : _fetchProductInfoQuer80.map(function (item, index) {
1919
+ if (index <= 6) {
1920
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1921
+ "class": ' col-md-4 col-sm-12 mb-3 col-lg-' + sectionproperties.galleryNoOfCols,
1922
+ style: {
1923
+ height: sectionproperties.galleryHeight + 'px'
1924
+ }
1925
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
1926
+ urlEndpoint: IKurlEndpoint,
1927
+ publicKey: IKpublicKey,
1928
+ path: '/tr:w-' + sectionproperties.galleryWidthDimension + ',h-' + sectionproperties.galleryHeightDimension + '/' + item.path,
1929
+ style: {
1930
+ width: '100%',
1931
+ height: '100%',
1932
+ objectFit: 'contain'
1933
+ },
1934
+ loading: "lazy"
1935
+ }));
1936
+ }
1937
+ })))))), tabIndex === 1 && /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement("div", {
1938
+ "class": "col-lg-12 p-0 w-100 mt-3 mb-4"
1790
1939
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1791
- className: productinfo_cssstyles.storeInfoContent + ' m-0 p-0 wordbreak ',
1940
+ className: ' m-0 p-0 wordbreak ',
1792
1941
  style: {
1793
1942
  lineClamp: 10,
1794
1943
  WebkitLineClamp: 10,
1795
1944
  textAlign: langdetect == 'en' ? 'left' : 'right'
1796
1945
  },
1797
1946
  dangerouslySetInnerHTML: {
1798
- __html: langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policycontent_en : (_returnpolicyobj8 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policycontent_ar
1947
+ __html: langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policycontent_en : (_returnpolicyobj6 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policycontent_ar
1799
1948
  }
1800
- })))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1801
- className: "".concat(productinfo_cssstyles.cardcontainer) + ' mb-3 '
1802
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1803
- className: "row m-0 w-100"
1804
- }, /*#__PURE__*/React__default["default"].createElement("i", {
1805
- className: "h-100 d-flex align-items-center justify-content-center text-light mt-1"
1806
- }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePhone.HiOutlinePhone, {
1807
- size: 20,
1949
+ }))), tabIndex === 2 && /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement("div", {
1950
+ "class": "col-lg-12 p-0 w-100 mt-3 mb-4"
1951
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1952
+ className: ' m-0 p-0 wordbreak ',
1808
1953
  style: {
1809
- color: sectionproperties.storeinfoiconcolor
1954
+ lineClamp: 10,
1955
+ WebkitLineClamp: 10,
1956
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1957
+ },
1958
+ dangerouslySetInnerHTML: {
1959
+ __html: langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policycontent_en : (_returnpolicyobj8 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policycontent_ar
1810
1960
  }
1811
- })), /*#__PURE__*/React__default["default"].createElement("div", {
1812
- className: "col-lg-10 col-md-10 col-sm-10 d-flex justify-content-start"
1813
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1814
- className: "row m-0 w-100"
1815
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1816
- className: "col-lg-12 p-0 d-flex justify-content-start"
1817
- }, /*#__PURE__*/React__default["default"].createElement("p", {
1818
- className: productinfo_cssstyles.storeInfo + ' m-0 p-0 wordbreak '
1819
- }, lang.callus)), /*#__PURE__*/React__default["default"].createElement("div", {
1820
- className: "col-lg-12 p-0 d-flex justify-content-start"
1821
- }, /*#__PURE__*/React__default["default"].createElement("p", {
1822
- className: productinfo_cssstyles.storeInfoContent + ' m-0 p-0 wordbreak '
1823
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber))))))), /*#__PURE__*/React__default["default"].createElement("div", {
1824
- "class": "col-lg-12"
1961
+ }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
1962
+ "class": "col-lg-12 p-0"
1825
1963
  }, relatedproducts()));
1826
1964
  };
1827
1965
 
1828
- var css_248z$J = "/* Side Nav */\n.staticroutersidenav-module_vertical_nav_menu__pb6-m {\n margin: 0;\n padding: 0;\n position: relative;\n list-style: none;\n transition: 0.3s ease-in-out;\n border-radius: 20px;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m li.staticroutersidenav-module_sidebar_item__IZacx {\n transition: 0.3s !important;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n flex-direction: row;\n padding: 5px !important;\n position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidebar_item__IZacx::after {\n content: '';\n position: absolute;\n bottom: -3px;\n display: block;\n border-radius: 100px 0 100px 0;\n width: 0;\n height: 0;\n transition: 0.2s !important;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidenav_page_name__ZUjPo {\n transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m li .staticroutersidenav-module_sidenav_icon_cont__4JeVd {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n transition: all 0.3s;\n position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m i.staticroutersidenav-module_metismenu_icon__gAw7T {\n display: flex;\n align-items: center;\n justify-content: center;\n color: #022648;\n transition: 0.3s;\n opacity: 1;\n font-size: 16px;\n}\n/* active */\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidenav_active__twizl::after {\n content: '';\n position: absolute;\n bottom: -3px;\n /* right: -5%; */\n display: block;\n border-radius: 100px 0 100px 0;\n width: 10px;\n height: 100%;\n /* background: red !important; */\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidenav_active__twizl .staticroutersidenav-module_sidenav_page_name__ZUjPo {\n font-weight: 600;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidenav_active__twizl .staticroutersidenav-module_sidenav_icon_cont__4JeVd {\n /* background-color: rgba(249, 128, 100) !important; */\n box-shadow: none !important;\n}\n/* hover */\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidebar_item__IZacx:hover {\n cursor: pointer;\n transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidebar_item__IZacx:hover::after {\n width: 10px;\n height: 100%;\n}\n\n.staticroutersidenav-module_horizontal_nav_menu__nrYjB {\n display: flex;\n flex-direction: row;\n justify-content: center;\n}\n.staticroutersidenav-module_horizontal_nav_menu__nrYjB .staticroutersidenav-module_sidebar_item__IZacx {\n transition: 0.3s !important;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n width: 180px !important;\n}\n@media screen and (max-width: 800px) {\n .staticroutersidenav-module_horizontal_nav_menu__nrYjB {\n width: 100%;\n display: block !important;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .staticroutersidenav-module_sidebar_item__IZacx {\n width: 30% !important;\n float: none;\n display: inline-block;\n zoom: 1;\n }\n}\n@media screen and (max-width: 700px) {\n .staticroutersidenav-module_horizontal_nav_menu__nrYjB {\n width: 100%;\n display: block !important;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .staticroutersidenav-module_sidebar_item__IZacx {\n min-width: 40% !important;\n }\n}\n@media screen and (max-width: 500px) {\n .staticroutersidenav-module_horizontal_nav_menu__nrYjB {\n width: 100%;\n display: block !important;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .staticroutersidenav-module_sidebar_item__IZacx {\n max-width: 40% !important;\n }\n}\n\n.staticroutersidenav-module_sidebar_itemlastchild__3kkbu {\n margin-right: 0 !important;\n margin-left: 0 !important;\n}\n";
1829
- var staticroutersidenav$1 = {"vertical_nav_menu":"staticroutersidenav-module_vertical_nav_menu__pb6-m","sidebar_item":"staticroutersidenav-module_sidebar_item__IZacx","sidenav_page_name":"staticroutersidenav-module_sidenav_page_name__ZUjPo","sidenav_icon_cont":"staticroutersidenav-module_sidenav_icon_cont__4JeVd","metismenu_icon":"staticroutersidenav-module_metismenu_icon__gAw7T","sidenav_active":"staticroutersidenav-module_sidenav_active__twizl","horizontal_nav_menu":"staticroutersidenav-module_horizontal_nav_menu__nrYjB","sidebar_itemlastchild":"staticroutersidenav-module_sidebar_itemlastchild__3kkbu"};
1966
+ var css_248z$J = "/* Side Nav */\n.staticroutersidenav-module_vertical_nav_menu__pb6-m {\n margin: 0;\n padding: 0;\n position: relative;\n list-style: none;\n transition: 0.3s ease-in-out;\n border-radius: 20px;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m li.staticroutersidenav-module_sidebar_item__IZacx {\n transition: 0.3s !important;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n flex-direction: row;\n padding: 5px !important;\n position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidebar_item__IZacx::after {\n content: '';\n position: absolute;\n bottom: -3px;\n display: block;\n border-radius: 100px 0 100px 0;\n width: 0;\n height: 0;\n transition: 0.2s !important;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidenav_page_name__ZUjPo {\n transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m li .staticroutersidenav-module_sidenav_icon_cont__4JeVd {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n transition: all 0.3s;\n position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m i.staticroutersidenav-module_metismenu_icon__gAw7T {\n display: flex;\n align-items: center;\n justify-content: center;\n color: #022648;\n transition: 0.3s;\n opacity: 1;\n font-size: 16px;\n}\n/* active */\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidenav_active__twizl::after {\n content: '';\n position: absolute;\n bottom: -3px;\n /* right: -5%; */\n display: block;\n border-radius: 100px 0 100px 0;\n width: 10px;\n height: 100%;\n /* background: red !important; */\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidenav_active__twizl .staticroutersidenav-module_sidenav_page_name__ZUjPo {\n font-weight: 600;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidenav_active__twizl .staticroutersidenav-module_sidenav_icon_cont__4JeVd {\n /* background-color: rgba(249, 128, 100) !important; */\n box-shadow: none !important;\n}\n/* hover */\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidebar_item__IZacx:hover {\n cursor: pointer;\n transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__pb6-m .staticroutersidenav-module_sidebar_item__IZacx:hover::after {\n width: 10px;\n height: 100%;\n}\n\n.staticroutersidenav-module_horizontal_nav_menu__nrYjB {\n display: flex;\n flex-direction: row;\n justify-content: center;\n}\n.staticroutersidenav-module_horizontal_nav_menu__nrYjB .staticroutersidenav-module_sidebar_item__IZacx {\n transition: 0.3s !important;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n width: 180px !important;\n}\n@media screen and (max-width: 800px) {\n .staticroutersidenav-module_horizontal_nav_menu__nrYjB {\n width: 100%;\n display: block !important;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .staticroutersidenav-module_sidebar_item__IZacx {\n width: 30% !important;\n float: none;\n display: inline-block;\n zoom: 1;\n }\n}\n@media screen and (max-width: 700px) {\n .staticroutersidenav-module_horizontal_nav_menu__nrYjB {\n width: 100%;\n display: block !important;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .staticroutersidenav-module_sidebar_item__IZacx {\n min-width: 40% !important;\n }\n}\n@media screen and (max-width: 500px) {\n .staticroutersidenav-module_horizontal_nav_menu__nrYjB {\n width: 100%;\n display: block !important;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .staticroutersidenav-module_sidebar_item__IZacx {\n max-width: 40% !important;\n }\n}\n\n.staticroutersidenav-module_sidebar_itemlastchild__3kkbu {\n margin-right: 0 !important;\n margin-left: 0 !important;\n}\n.staticroutersidenav-module_ss__vRZAr{\n \n}";
1967
+ var staticroutersidenav$1 = {"vertical_nav_menu":"staticroutersidenav-module_vertical_nav_menu__pb6-m","sidebar_item":"staticroutersidenav-module_sidebar_item__IZacx","sidenav_page_name":"staticroutersidenav-module_sidenav_page_name__ZUjPo","sidenav_icon_cont":"staticroutersidenav-module_sidenav_icon_cont__4JeVd","metismenu_icon":"staticroutersidenav-module_metismenu_icon__gAw7T","sidenav_active":"staticroutersidenav-module_sidenav_active__twizl","horizontal_nav_menu":"staticroutersidenav-module_horizontal_nav_menu__nrYjB","sidebar_itemlastchild":"staticroutersidenav-module_sidebar_itemlastchild__3kkbu","ss":"staticroutersidenav-module_ss__vRZAr"};
1830
1968
  styleInject(css_248z$J);
1831
1969
 
1832
1970
  function ownKeys$1Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -2561,10 +2699,6 @@ var Service_itemtype = function Service_itemtype(props) {
2561
2699
  }, relatedproducts()));
2562
2700
  };
2563
2701
 
2564
- var IKurlEndpoint = 'https://ik.imagekit.io/kcrbhhnh0';
2565
- var IKpublicKey = 'public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=';
2566
- var serverbaselink$1 = 'https://tabex-co.com';
2567
-
2568
2702
  function ownKeys$1X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2569
2703
  function _objectSpread$1X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1X(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
2570
2704
  var Productinfo = function Productinfo(props) {
@@ -2703,7 +2837,14 @@ var Productinfo = function Productinfo(props) {
2703
2837
  var productimagesarrayobj = {
2704
2838
  thumbnail: serverbaselink + arrayItem.path,
2705
2839
  original: serverbaselink + arrayItem.path
2840
+ // description:
2841
+ // // { dangerouslySetInnerHTML={{
2842
+ // // __html:
2843
+ // // fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en,
2844
+ // // }}}
2845
+ // langdetect == 'en' ? fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en : fetchProductInfoQueryContext?.data?.data?.productinfo?.description_ar,
2706
2846
  };
2847
+
2707
2848
  tempproductimagesarray.push(productimagesarrayobj);
2708
2849
  });
2709
2850
  }
@@ -2902,7 +3043,7 @@ var Productinfo = function Productinfo(props) {
2902
3043
  var relatedproducts = function relatedproducts() {
2903
3044
  if (Relatedproducts.length != 0) {
2904
3045
  return /*#__PURE__*/React__default["default"].createElement("div", {
2905
- className: "w-100 row m-0 d-flex justify-content-start mt-3",
3046
+ className: "w-100 row ml-0 mr-0 d-flex justify-content-start pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
2906
3047
  style: {
2907
3048
  background: sectionproperties.relatedproductsbg,
2908
3049
  paddingTop: sectionproperties.relatedproductspaddingTop + 'px',
@@ -2913,22 +3054,35 @@ var Productinfo = function Productinfo(props) {
2913
3054
  borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
2914
3055
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
2915
3056
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
2916
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
3057
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
3058
+ marginBottom: sectionproperties.relatedProductsMb + 'px'
2917
3059
  }
2918
3060
  }, Relatedproducts.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2919
3061
  className: "col-lg-12 p-0"
2920
3062
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2921
3063
  className: "row m-0 w-100"
2922
3064
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2923
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 mb-3"
3065
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 flex-column",
3066
+ style: {
3067
+ justifyContent: sectionproperties.relatedtitleposition == 'Centered' ? 'center' : 'start',
3068
+ marginBottom: sectionproperties.relatedtitlemb + 'px'
3069
+ }
2924
3070
  }, /*#__PURE__*/React__default["default"].createElement("p", {
2925
- className: ' m-0 p-0 ',
3071
+ className: ' m-0 p-0 wordbreak ',
2926
3072
  style: {
2927
3073
  fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
2928
3074
  color: sectionproperties.relatedproductstitlecolor,
2929
- fontWeight: sectionproperties.relatedproductstitlefontweight
3075
+ fontWeight: sectionproperties.relatedproductstitlefontweight,
3076
+ textAlign: sectionproperties.relatedtitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
2930
3077
  }
2931
- }, langdetect == 'en' ? sectionproperties.relatedproducttitleEn : sectionproperties.relatedproducttitleAr)), /*#__PURE__*/React__default["default"].createElement("div", {
3078
+ }, langdetect == 'en' ? sectionproperties.relatedproducttitleEn : sectionproperties.relatedproducttitleAr), /*#__PURE__*/React__default["default"].createElement("div", {
3079
+ style: {
3080
+ width: sectionproperties.relatedproducttitle_lineafterwidth + 'px',
3081
+ height: 2,
3082
+ background: sectionproperties.relatedproducttitlelinebgcolor,
3083
+ borderRadius: 5
3084
+ }
3085
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
2932
3086
  className: "col-lg-12"
2933
3087
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
2934
3088
  transitionBehavior: 'auto',
@@ -2948,15 +3102,15 @@ var Productinfo = function Productinfo(props) {
2948
3102
  }
2949
3103
  }
2950
3104
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2951
- className: "row w-100 m-0 cursor-pointer"
3105
+ className: productinfo_cssstyles.relatedproductcardcont + ' row w-100 m-0 cursor-pointer '
2952
3106
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2953
- "class": "".concat(productinfo_cssstyles.productcard) + ' cursor-pointer w-100 '
3107
+ "class": ' cursor-pointer w-100 '
2954
3108
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2955
- "class": "".concat(productinfo_cssstyles.imagecont) + ' w-100 p-0 mb-2 '
3109
+ "class": "".concat(productinfo_cssstyles.relatedProductImageCont) + ' w-100 p-0 mb-2 '
2956
3110
  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
2957
3111
  urlEndpoint: IKurlEndpoint,
2958
3112
  publicKey: IKpublicKey,
2959
- path: item.productinfo.productmainimage,
3113
+ path: '/tr:w-' + sectionproperties.relatedProductDimWidth + ',h-' + sectionproperties.galleryHeightDimension + '/' + item.productinfo.productmainimage,
2960
3114
  loading: "lazy",
2961
3115
  style: {
2962
3116
  width: '100%',
@@ -2968,7 +3122,7 @@ var Productinfo = function Productinfo(props) {
2968
3122
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2969
3123
  "class": "col-lg-12 p-0"
2970
3124
  }, /*#__PURE__*/React__default["default"].createElement("p", {
2971
- "class": "".concat(productinfo_cssstyles.relatedproductNameStyles) + ' wordbreak wordbreak1 text-center m-0 '
3125
+ "class": "".concat(productinfo_cssstyles.relatedproductNameStyles) + ' relatedproductNameStyles wordbreak wordbreak1 text-center m-0 '
2972
3126
  }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
2973
3127
  style: {
2974
3128
  flexDirection: 'column'
@@ -3061,20 +3215,18 @@ var Productinfo = function Productinfo(props) {
3061
3215
  background: sectionproperties.remove_quantitybtn_bgcoloronhover
3062
3216
  }
3063
3217
  }),
3064
- imagecont: glamor.css({
3065
- height: '250px',
3066
- border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
3067
- backgroundColor: sectionproperties.prodimage_bgcolor,
3068
- borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
3069
- borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
3070
- borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
3071
- borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
3218
+ relatedproductcardcont: glamor.css({
3219
+ ':hover .relatedproductNameStyles': {
3220
+ color: sectionproperties.relatedprodNameColoronhover
3221
+ }
3222
+ }),
3223
+ relatedProductImageCont: glamor.css({
3224
+ height: sectionproperties.relatedProductImageHeight + 'px',
3225
+ border: sectionproperties.relatedProductImageBorderWidth + 'px solid ' + sectionproperties.relatedProductImageBorderColor,
3226
+ borderRadius: sectionproperties.relatedProductImageBr + 'px',
3072
3227
  display: 'flex',
3073
3228
  alignItems: 'center',
3074
3229
  justifyContent: 'center',
3075
- backgroundRepeat: 'no-repeat',
3076
- backgroundSize: 'cover',
3077
- backgroundPosition: 'center',
3078
3230
  position: 'relative'
3079
3231
  }),
3080
3232
  relatedproductNameStyles: glamor.css({
@@ -3098,11 +3250,12 @@ var Productinfo = function Productinfo(props) {
3098
3250
  borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
3099
3251
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
3100
3252
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
3101
- paddingRight: sectionproperties.paddingRight + 'px',
3102
- paddingLeft: sectionproperties.paddingLeft + 'px',
3253
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
3254
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
3103
3255
  paddingTop: sectionproperties.paddingTop + 'px',
3104
3256
  paddingBottom: sectionproperties.paddingBottom + 'px',
3105
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
3257
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
3258
+ marginBottom: sectionproperties.marginBottom + 'px'
3106
3259
  }),
3107
3260
  wishlist_btn: glamor.css({
3108
3261
  width: sectionproperties.favBtnWidth + 'px',
@@ -3113,15 +3266,14 @@ var Productinfo = function Productinfo(props) {
3113
3266
  fontSize: sectionproperties.favBtnTextfontsize + 'px',
3114
3267
  textTransform: sectionproperties.favBtnTexttransform,
3115
3268
  fontWeight: sectionproperties.favBtnTextfontweight,
3116
- transition: '.3s',
3117
3269
  boxShadow: sectionproperties.favbtn_showshadow == 'Show' ? '0 0 10px ' + sectionproperties.favbtn_shadowcolor : '',
3118
3270
  border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
3119
- opacity: sectionproperties.favbtn_opacity,
3120
3271
  cursor: 'pointer',
3272
+ transition: '.3s',
3121
3273
  ':hover': {
3122
3274
  background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
3123
3275
  color: sectionproperties.favBtnTextcoloronhover,
3124
- opacity: sectionproperties.favbtn_opacityonhover
3276
+ borderColor: sectionproperties.favBtnTextcoloronhover
3125
3277
  }
3126
3278
  }),
3127
3279
  productname: glamor.css({
@@ -3141,21 +3293,36 @@ var Productinfo = function Productinfo(props) {
3141
3293
  fontSize: sectionproperties.footerinfotext_fontsize + 'px',
3142
3294
  textTransform: sectionproperties.footerinfotext_textTransform,
3143
3295
  fontWeight: sectionproperties.footerinfotext_fontweight,
3144
- transition: '.3s',
3145
- ':hover': {
3146
- color: sectionproperties.footerinfotext_coloronhover
3147
- }
3296
+ transition: '.3s'
3148
3297
  }),
3149
3298
  storeInfoContent: glamor.css({
3150
3299
  color: sectionproperties.footerinfotext_secondarycolor,
3151
- fontSize: sectionproperties.footerinfotext_secondaryfontsize + 'px'
3300
+ fontSize: sectionproperties.footerinfotext_secondaryfontsize + 'px',
3301
+ fontWeight: sectionproperties.footerinfotext_secondaryfontweight
3302
+ }),
3303
+ iconContainer: glamor.css({
3304
+ width: sectionproperties.iconcontainerwidth + 'px',
3305
+ height: sectionproperties.iconcontainerheight + 'px',
3306
+ borderRadius: sectionproperties.iconcontainerborderbl + 'px',
3307
+ background: sectionproperties.iconcontainerbg,
3308
+ color: sectionproperties.iconcontainercolor
3309
+ }),
3310
+ storeinfocontainer: glamor.css({
3311
+ ':hover .storeInfoContent': {
3312
+ transition: '.3s',
3313
+ color: sectionproperties.footerinfotext_coloronhover
3314
+ },
3315
+ ':hover .iconContainer': {
3316
+ transition: '.3s',
3317
+ color: sectionproperties.iconcontainercoloronhover,
3318
+ backgroundColor: sectionproperties.iconcontainerbgonhover
3319
+ }
3152
3320
  })
3153
3321
  };
3154
3322
  return /*#__PURE__*/React__default["default"].createElement("div", {
3155
3323
  className: 'row w-100 ml-0 mr-0',
3156
3324
  style: {
3157
- marginTop: sectionproperties.marginTop + 'px',
3158
- marginBottom: sectionproperties.marginBottom + 'px'
3325
+ marginTop: sectionproperties.marginTop + 'px'
3159
3326
  }
3160
3327
  }, fetchProductInfoQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
3161
3328
  className: 'row ml-0 mr-0 w-100 allcentered',
@@ -6832,7 +6999,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
6832
6999
  className: "col-lg-6 col-md-12 col-sm-12 mb-4 p-sm-0"
6833
7000
  }, item.inputtype != 'checkbox' && /*#__PURE__*/React__default["default"].createElement("label", {
6834
7001
  className: formstyles.input_label_name + ' m-0 d-flex align-items-start '
6835
- }, langdetect == 'en' ? item.inputname_en : item.inputname_ar, " ", item.optional == 1 ? '*' : ''), /*#__PURE__*/React__default["default"].createElement("div", {
7002
+ }, langdetect == 'en' ? item.inputname_en : item.inputname_ar, " ", /*#__PURE__*/React__default["default"].createElement("span", {
7003
+ "class": "text-danger ml-1 mr-1"
7004
+ }, item.optional == 1 ? '*' : '')), /*#__PURE__*/React__default["default"].createElement("div", {
6836
7005
  className: loginstyles.wrap_input100
6837
7006
  }, item.inputtype == 'input' && /*#__PURE__*/React__default["default"].createElement("input", {
6838
7007
  className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
@@ -6869,8 +7038,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
6869
7038
  })), /*#__PURE__*/React__default["default"].createElement("p", {
6870
7039
  className: formstyles.input_label_name + ' ml-2 mb-0 cursor-pointer wordbreak mr-2',
6871
7040
  style: {}
6872
- }, langdetect == 'en' ? item.inputname_en : item.inputname_ar, " ", item.optional == 1 ? '' : '*')), item.inputtype == 'selectbox' && /*#__PURE__*/React__default["default"].createElement("select", {
6873
- className: loginstyles.wrap_input100,
7041
+ }, langdetect == 'en' ? item.inputname_en : item.inputname_ar, " ", /*#__PURE__*/React__default["default"].createElement("span", {
7042
+ "class": "text-danger ml-1 mr-1"
7043
+ }, item.optional == 1 ? '' : '*'))), item.inputtype == 'selectbox' && /*#__PURE__*/React__default["default"].createElement("select", {
7044
+ className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
6874
7045
  value: item.customersignupvalue,
6875
7046
  textplaceholder: "",
6876
7047
  onChange: function onChange(event) {
@@ -8150,7 +8321,7 @@ var CartSlider = function CartSlider(props) {
8150
8321
  // routingcountext(StaticPagesLinksContext.Login);
8151
8322
  // }
8152
8323
  }
8153
- }, lang.checkout)))))));
8324
+ }, langdetect == 'en' ? sectionproperties.checkoutButtonContenten : sectionproperties.checkoutButtonContentar)))))));
8154
8325
  };
8155
8326
 
8156
8327
  var Categoriesdropdown = function Categoriesdropdown(props) {
@@ -37567,7 +37738,7 @@ var Slideshowslide = function Slideshowslide(props) {
37567
37738
  "class": "m-0"
37568
37739
  })));
37569
37740
  })), Choosenindex.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : (_authdetailsContext$i5 = _authdetailsContext$i4.instcategories[Choosenindex]) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.parentcolletions) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
37570
- "class": "cat_dropdown-menu cat_dropdown",
37741
+ "class": langdetect == 'en' ? 'cat_dropdown-menu cat_dropdown cat_dropdownen' : 'cat_dropdown-menu cat_dropdown cat_dropdownar',
37571
37742
  style: {
37572
37743
  minHeight: sectionproperties.height + 'vh'
37573
37744
  }
@@ -37581,6 +37752,9 @@ var Slideshowslide = function Slideshowslide(props) {
37581
37752
  "class": slideshow_styles.parentcollection + ' m-0 p-0 mb-3 cursor-pointer wordbreak wordbreak2 ',
37582
37753
  onClick: function onClick() {
37583
37754
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
37755
+ },
37756
+ style: {
37757
+ textAlign: langdetect == 'en' ? 'left' : 'right'
37584
37758
  }
37585
37759
  }, langdetect == 'en' ? item.title_en : item.title_ar), item === null || item === void 0 ? void 0 : (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
37586
37760
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37589,6 +37763,9 @@ var Slideshowslide = function Slideshowslide(props) {
37589
37763
  "class": slideshow_styles.collectionName + ' cursor-pointer wordbreak wordbreak2 ',
37590
37764
  onClick: function onClick() {
37591
37765
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
37766
+ },
37767
+ style: {
37768
+ textAlign: langdetect == 'en' ? 'left' : 'right'
37592
37769
  }
37593
37770
  }, langdetect == 'en' ? item.title_en : item.title_ar));
37594
37771
  }));
@@ -37598,7 +37775,7 @@ var Slideshowslide = function Slideshowslide(props) {
37598
37775
  height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
37599
37776
  }
37600
37777
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37601
- "class": sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2',
37778
+ "class": sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2 w-sm-100',
37602
37779
  style: {
37603
37780
  position: 'relative',
37604
37781
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',