tabexseriescomponents 0.0.207 → 0.0.209

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 +521 -344
  2. package/dist/index.esm.js +521 -344
  3. package/dist/index.umd.js +522 -345
  4. package/package.json +5 -1
package/dist/index.esm.js CHANGED
@@ -32,15 +32,16 @@ import { AiFillStar } from '@react-icons/all-files/ai/AiFillStar';
32
32
  import { AiOutlineStar } from '@react-icons/all-files/ai/AiOutlineStar';
33
33
  import { RiSecurePaymentLine } from '@react-icons/all-files/ri/RiSecurePaymentLine';
34
34
  import { HiOutlinePhone } from '@react-icons/all-files/hi/HiOutlinePhone';
35
- import { AiOutlineSecurityScan } from '@react-icons/all-files/ai/AiOutlineSecurityScan';
36
- import { FiMapPin } from '@react-icons/all-files/fi/FiMapPin';
35
+ import { AiOutlineMail } from '@react-icons/all-files/ai/AiOutlineMail';
37
36
  import { FaShippingFast } from '@react-icons/all-files/fa/FaShippingFast';
38
37
  import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, WhatsappShareButton, WhatsappIcon } from 'react-share';
38
+ import { Box, Tabs, Tab } from '@mui/material';
39
39
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
40
40
  import { AiOutlineClockCircle } from '@react-icons/all-files/ai/AiOutlineClockCircle';
41
41
  import { AiOutlinePlus } from '@react-icons/all-files/ai/AiOutlinePlus';
42
42
  import { AiOutlineCheck } from '@react-icons/all-files/ai/AiOutlineCheck';
43
43
  import { ScrollMenu } from 'react-horizontal-scrolling-menu';
44
+ import { AiOutlineSecurityScan } from '@react-icons/all-files/ai/AiOutlineSecurityScan';
44
45
  import { FaStar } from '@react-icons/all-files/fa/FaStar';
45
46
  import { IoLocationSharp } from '@react-icons/all-files/io5/IoLocationSharp';
46
47
  import { HiOutlineChevronRight } from '@react-icons/all-files/hi/HiOutlineChevronRight';
@@ -91,7 +92,6 @@ import { RiHandbagLine } from '@react-icons/all-files/ri/RiHandbagLine';
91
92
  import { BiSearch } from '@react-icons/all-files/bi/BiSearch';
92
93
  import { FiUser } from '@react-icons/all-files/fi/FiUser';
93
94
  import { AiOutlineHeart } from '@react-icons/all-files/ai/AiOutlineHeart';
94
- import { AiOutlineMail } from '@react-icons/all-files/ai/AiOutlineMail';
95
95
  import { FiPhone } from '@react-icons/all-files/fi/FiPhone';
96
96
  import { HiMenuAlt4 } from '@react-icons/all-files/hi/HiMenuAlt4';
97
97
  import { FiSearch } from '@react-icons/all-files/fi/FiSearch';
@@ -1009,10 +1009,21 @@ styleInject(css_248z$L);
1009
1009
  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}";
1010
1010
  styleInject(css_248z$K);
1011
1011
 
1012
+ var IKurlEndpoint = 'https://ik.imagekit.io/kcrbhhnh0';
1013
+ var IKpublicKey = 'public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=';
1014
+ var serverbaselink$1 = 'https://tabex-co.com';
1015
+
1012
1016
  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; }
1013
1017
  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(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; }
1014
1018
  var Product_itemtype = function Product_itemtype(props) {
1015
- 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;
1019
+ 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;
1020
+ var _useState = useState(0),
1021
+ _useState2 = _slicedToArray(_useState, 2),
1022
+ tabIndex = _useState2[0],
1023
+ setTabIndex = _useState2[1];
1024
+ var handleTabChange = function handleTabChange(event, newTabIndex) {
1025
+ setTabIndex(newTabIndex);
1026
+ };
1016
1027
  var lang = props.actions.lang;
1017
1028
  var langdetect = props.actions.langdetect;
1018
1029
  var srcfromprops = props.actions.srcfromprops;
@@ -1034,26 +1045,26 @@ var Product_itemtype = function Product_itemtype(props) {
1034
1045
  var NotificationManager = props.actions.NotificationManager;
1035
1046
  var relatedproducts = props.actions.relatedproducts;
1036
1047
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
1037
- var _useState = useState(false),
1038
- _useState2 = _slicedToArray(_useState, 2),
1039
- showMore = _useState2[0],
1040
- setShowMore = _useState2[1];
1041
- var _useState3 = useState(''),
1048
+ var _useState3 = useState(false),
1042
1049
  _useState4 = _slicedToArray(_useState3, 2),
1043
- shareUrl = _useState4[0],
1044
- setshareUrl = _useState4[1];
1050
+ showMore = _useState4[0],
1051
+ setShowMore = _useState4[1];
1045
1052
  var _useState5 = useState(''),
1046
1053
  _useState6 = _slicedToArray(_useState5, 2),
1047
- title = _useState6[0],
1048
- settitle = _useState6[1];
1049
- var _useState7 = useState(props.pageindexprops),
1050
- _useState8 = _slicedToArray(_useState7, 2);
1051
- _useState8[0];
1052
- _useState8[1];
1053
- var _useState9 = useState(fetchProductInfoQueryContext.data.data.productinfo),
1054
+ shareUrl = _useState6[0],
1055
+ setshareUrl = _useState6[1];
1056
+ var _useState7 = useState(''),
1057
+ _useState8 = _slicedToArray(_useState7, 2),
1058
+ title = _useState8[0],
1059
+ settitle = _useState8[1];
1060
+ var _useState9 = useState(props.pageindexprops),
1054
1061
  _useState10 = _slicedToArray(_useState9, 2);
1055
1062
  _useState10[0];
1056
- var setitem = _useState10[1];
1063
+ _useState10[1];
1064
+ var _useState11 = useState(fetchProductInfoQueryContext.data.data.productinfo),
1065
+ _useState12 = _slicedToArray(_useState11, 2);
1066
+ _useState12[0];
1067
+ var setitem = _useState12[1];
1057
1068
  useEffect(function () {
1058
1069
  var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
1059
1070
  if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -1081,18 +1092,24 @@ var Product_itemtype = function Product_itemtype(props) {
1081
1092
  return titlelang;
1082
1093
  }
1083
1094
  return /*#__PURE__*/React.createElement("div", {
1084
- className: 'row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0',
1095
+ 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 ',
1085
1096
  style: {
1086
1097
  paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
1087
1098
  paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
1088
1099
  }
1089
1100
  }, /*#__PURE__*/React.createElement("div", {
1090
- className: "col-lg-9 pl-2 pr-2 mb-md-3"
1101
+ "class": "col-lg-12 p-0"
1102
+ }, /*#__PURE__*/React.createElement("div", {
1103
+ "class": ' row m-0 w-100 '
1104
+ }, /*#__PURE__*/React.createElement("div", {
1105
+ "class": ' col-lg-12 p-0 '
1091
1106
  }, /*#__PURE__*/React.createElement("div", {
1092
- className: "".concat(productinfo_cssstyles.cardcontainer),
1107
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
1093
1108
  style: {
1094
1109
  minHeight: '70vh'
1095
1110
  }
1111
+ }, /*#__PURE__*/React.createElement("div", {
1112
+ 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'
1096
1113
  }, /*#__PURE__*/React.createElement("div", {
1097
1114
  className: 'row m-0 w-100'
1098
1115
  }, /*#__PURE__*/React.createElement("div", {
@@ -1105,59 +1122,16 @@ var Product_itemtype = function Product_itemtype(props) {
1105
1122
  }
1106
1123
  }, productimagesarray.length != 0 && /*#__PURE__*/React.createElement(ImageGallery, {
1107
1124
  items: productimagesarray,
1108
- thumbnailPosition: "bottom",
1125
+ thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
1109
1126
  showNav: false,
1110
1127
  showPlayButton: false,
1111
1128
  showFullscreenButton: true
1112
- })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React.createElement("div", {
1113
- "class": "col-lg-12 mt-5 mt-md-4"
1114
- }, /*#__PURE__*/React.createElement("div", {
1115
- "class": "row m-0 w-100"
1116
- }, /*#__PURE__*/React.createElement("div", {
1117
- "class": "col-lg-12 d-flex justify-content-center"
1118
- }, /*#__PURE__*/React.createElement("p", {
1119
- "class": "m-0 p-0",
1120
- style: {
1121
- fontWeight: sectionproperties.sharebtn_FontWeight,
1122
- color: sectionproperties.sharebtn_color,
1123
- fontSize: sectionproperties.sharebtn_fontSize + 'px'
1124
- }
1125
- }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr)), /*#__PURE__*/React.createElement("div", {
1126
- className: "Demo__container row m-0 w-100 allcentered mt-2"
1127
- }, /*#__PURE__*/React.createElement("div", {
1128
- className: "Demo__some-network ml-2 mr-2"
1129
- }, /*#__PURE__*/React.createElement(FacebookShareButton, {
1130
- url: shareUrl,
1131
- quote: title,
1132
- className: "Demo__some-network__share-button"
1133
- }, /*#__PURE__*/React.createElement(FacebookIcon, {
1134
- size: 40,
1135
- round: true
1136
- }))), /*#__PURE__*/React.createElement("div", {
1137
- className: "Demo__some-network ml-2 mr-2"
1138
- }, /*#__PURE__*/React.createElement(TwitterShareButton, {
1139
- url: shareUrl,
1140
- title: title,
1141
- className: "Demo__some-network__share-button"
1142
- }, /*#__PURE__*/React.createElement(TwitterIcon, {
1143
- size: 40,
1144
- round: true
1145
1129
  }))), /*#__PURE__*/React.createElement("div", {
1146
- className: "Demo__some-network ml-2 mr-2"
1147
- }, /*#__PURE__*/React.createElement(WhatsappShareButton, {
1148
- url: shareUrl,
1149
- title: title,
1150
- separator: ":: ",
1151
- className: "Demo__some-network__share-button"
1152
- }, /*#__PURE__*/React.createElement(WhatsappIcon, {
1153
- size: 40,
1154
- round: true
1155
- }))))))), /*#__PURE__*/React.createElement("div", {
1156
- 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'
1130
+ 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'
1157
1131
  }, /*#__PURE__*/React.createElement("div", {
1158
1132
  className: "row m-0 w-100"
1159
1133
  }, srcfromprops != 'templatdraftrouter' && /*#__PURE__*/React.createElement("div", {
1160
- className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
1134
+ className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-1 d-flex justify-content-start align-items-center"
1161
1135
  }, /*#__PURE__*/React.createElement("p", {
1162
1136
  className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ',
1163
1137
  onClick: function onClick() {
@@ -1170,38 +1144,31 @@ var Product_itemtype = function Product_itemtype(props) {
1170
1144
  className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
1171
1145
  }, /*#__PURE__*/React.createElement("p", {
1172
1146
  className: "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start '
1173
- }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), /*#__PURE__*/React.createElement("div", {
1174
- className: "col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end p-0"
1175
- }, /*#__PURE__*/React.createElement("div", {
1176
- className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center ',
1177
- onClick: function onClick() {
1178
- addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
1179
- },
1180
- style: {
1181
- background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
1182
- }
1183
- }, /*#__PURE__*/React.createElement("i", {
1184
- className: "h-100 d-flex align-items-center justify-content-center"
1185
- }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
1186
- className: "h-100 d-flex align-items-center justify-content-center"
1187
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar, {
1188
- size: sectionproperties.favBtnIconfontsize,
1147
+ }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
1148
+ "class": "col-lg-12 p-0 mb-3 d-flex justify-content-start"
1149
+ }, /*#__PURE__*/React.createElement("p", {
1150
+ "class": "m-0 p-0 d-flex justify-content-start"
1151
+ }, /*#__PURE__*/React.createElement("span", {
1189
1152
  style: {
1190
- color: sectionproperties.activefaviconcolor
1153
+ color: sectionproperties.skuColor,
1154
+ fontWeight: sectionproperties.skuFontWeight,
1155
+ fontSize: sectionproperties.skuFontSize + 'px',
1156
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1191
1157
  }
1192
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart, {
1193
- size: sectionproperties.favBtnIconfontsize,
1158
+ }, langdetect == 'en' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React.createElement("span", {
1159
+ "class": "ml-1 mr-1",
1194
1160
  style: {
1195
- color: sectionproperties.activefaviconcolor
1161
+ color: '#7e859b',
1162
+ fontWeight: sectionproperties.skuSecondaryFontWeight,
1163
+ fontSize: sectionproperties.skuFontSize + 'px',
1164
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1196
1165
  }
1197
- })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
1198
- className: "h-100 d-flex align-items-center justify-content-center"
1199
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
1200
- size: sectionproperties.favBtnIconfontsize
1201
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
1202
- size: sectionproperties.favBtnIconfontsize
1203
- }))))), sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React.createElement("div", {
1204
- "class": "col-lg-12 p-0 mb-3 d-flex justify-content-start"
1166
+ }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React.createElement("div", {
1167
+ "class": "col-lg-12 p-0 mb-3 d-flex justift-content-start"
1168
+ }, /*#__PURE__*/React.createElement("div", {
1169
+ "class": "row m-0 w-100"
1170
+ }, /*#__PURE__*/React.createElement("div", {
1171
+ "class": "col-lg-12 p-0 d-flex justift-content-start"
1205
1172
  }, /*#__PURE__*/React.createElement("p", {
1206
1173
  "class": "m-0 p-0"
1207
1174
  }, /*#__PURE__*/React.createElement("span", {
@@ -1223,63 +1190,41 @@ var Product_itemtype = function Product_itemtype(props) {
1223
1190
  fontWeight: sectionproperties.defaultSalePriceFontWeight,
1224
1191
  color: sectionproperties.defaultSalePriceColor
1225
1192
  }
1226
- }, 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.createElement("div", {
1227
- className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
1228
- }, /*#__PURE__*/React.createElement("div", {
1229
- className: "row m-0 w-100 d-flex"
1230
- }, /*#__PURE__*/React.createElement("div", {
1231
- "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
1193
+ }, 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.createElement("div", {
1194
+ "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
1232
1195
  }, /*#__PURE__*/React.createElement("p", {
1233
- className: "m-0 p-0",
1196
+ "class": "m-0 p-0 d-flex align-items-center justift-content-start"
1197
+ }, /*#__PURE__*/React.createElement("span", {
1234
1198
  style: {
1235
- fontSize: sectionproperties.prodCatFontSize + 'px',
1236
- fontWeight: sectionproperties.prodCatFontWeight,
1237
- color: sectionproperties.prodCatColor
1199
+ fontSize: sectionproperties.counterTitleFontSize + 'px',
1200
+ color: sectionproperties.counterTitleColor,
1201
+ fontWeight: sectionproperties.counterTitleFontWeight
1238
1202
  }
1239
- }, lang.description, ":")), /*#__PURE__*/React.createElement("div", {
1240
- "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
1241
- }, /*#__PURE__*/React.createElement("p", {
1242
- className: 'text-black text-capitalize m-0 p-0 wordbreak',
1203
+ }, langdetect == 'en' ? sectionproperties.countertitleen : sectionproperties.countertitlear), /*#__PURE__*/React.createElement("span", {
1204
+ "class": "ml-1 mr-1",
1243
1205
  style: {
1244
- textAlign: langdetect == 'en' ? 'left' : 'right'
1245
- },
1246
- dangerouslySetInnerHTML: {
1247
- __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)
1248
- }
1249
- }), (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.createElement("p", {
1250
- "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
1251
- onClick: function onClick() {
1252
- return setShowMore(!showMore);
1206
+ fontSize: sectionproperties.counterValueFontSize + 'px',
1207
+ color: sectionproperties.counterValueColor,
1208
+ fontWeight: sectionproperties.counterValueFontWeight
1253
1209
  }
1254
- }, 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.createElement("div", {
1255
- className: "col-lg-12 p-0 mb-5 d-flex justify-content-center"
1256
- }, /*#__PURE__*/React.createElement("div", {
1257
- className: "row m-0 w-100 d-flex"
1258
- }, /*#__PURE__*/React.createElement("div", {
1259
- "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
1260
- }, /*#__PURE__*/React.createElement("p", {
1261
- className: "m-0 p-0 text-light font-15",
1210
+ }, 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.createElement("div", {
1262
1211
  style: {
1263
- fontSize: sectionproperties.prodCatFontSize + 'px',
1264
- fontWeight: sectionproperties.prodCatFontWeight,
1265
- color: sectionproperties.prodCatColor
1266
- }
1267
- }, lang.description, ":")), /*#__PURE__*/React.createElement("div", {
1268
- "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
1212
+ background: sectionproperties.pillbgcolor,
1213
+ width: 'fit-content',
1214
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
1215
+ border: sectionproperties.pillBorderWidth + 'px solid ' + sectionproperties.pillBorderColor,
1216
+ direction: 'ltr'
1217
+ },
1218
+ "class": "ml-2 mr-2"
1269
1219
  }, /*#__PURE__*/React.createElement("p", {
1270
- className: 'text-black text-capitalize m-0 p-0 wordbreak',
1220
+ "class": "m-0 pl-2 pr-2 py-0",
1271
1221
  style: {
1272
- textAlign: langdetect == 'en' ? 'left' : 'right'
1273
- },
1274
- dangerouslySetInnerHTML: {
1275
- __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)
1276
- }
1277
- }), (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.createElement("p", {
1278
- "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
1279
- onClick: function onClick() {
1280
- return setShowMore(!showMore);
1222
+ color: sectionproperties.pillcolor,
1223
+ fontWeight: sectionproperties.pillfontWeight,
1224
+ fontSize: '13px',
1225
+ lineHeight: '25px'
1281
1226
  }
1282
- }, 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.createElement("div", {
1227
+ }, '-' + 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.createElement("div", {
1283
1228
  className: "row m-0 w-100 d-flex align-items-start"
1284
1229
  }, 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) {
1285
1230
  return /*#__PURE__*/React.createElement("div", {
@@ -1336,7 +1281,7 @@ var Product_itemtype = function Product_itemtype(props) {
1336
1281
  }
1337
1282
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1338
1283
  })));
1339
- })), (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.createElement("div", {
1284
+ })), (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.createElement("div", {
1340
1285
  className: "row m-0 w-100 d-flex align-items-start"
1341
1286
  }, 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) {
1342
1287
  return /*#__PURE__*/React.createElement("div", {
@@ -1354,7 +1299,10 @@ var Product_itemtype = function Product_itemtype(props) {
1354
1299
  fontSize: sectionproperties.varianttitle_fontSize + 'px'
1355
1300
  }
1356
1301
  }, lang.select, " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":")), /*#__PURE__*/React.createElement("div", {
1357
- className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-3 pb-3"
1302
+ className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-3 pb-3",
1303
+ style: {
1304
+ paddingTop: sectionproperties.showRemovebutton == 'Show' ? '1rem' : 0
1305
+ }
1358
1306
  }, item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
1359
1307
  var isoptionvalueselected = 0;
1360
1308
  if (optionvaluesitem.isselected == 1) {
@@ -1398,7 +1346,7 @@ var Product_itemtype = function Product_itemtype(props) {
1398
1346
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
1399
1347
  position: 'relative'
1400
1348
  }
1401
- }, isoptionvalueselected == 1 && /*#__PURE__*/React.createElement("p", {
1349
+ }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React.createElement("p", {
1402
1350
  "class": "m-0 p-0 bg-danger bgdanger-hover",
1403
1351
  style: {
1404
1352
  position: 'absolute',
@@ -1432,7 +1380,7 @@ var Product_itemtype = function Product_itemtype(props) {
1432
1380
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
1433
1381
  position: 'relative'
1434
1382
  }
1435
- }, isoptionvalueselected == 1 && /*#__PURE__*/React.createElement("p", {
1383
+ }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React.createElement("p", {
1436
1384
  "class": "m-0 p-0 bg-danger bgdanger-hover",
1437
1385
  style: {
1438
1386
  position: 'absolute',
@@ -1453,31 +1401,7 @@ var Product_itemtype = function Product_itemtype(props) {
1453
1401
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1454
1402
  }
1455
1403
  }))));
1456
- })), sectionproperties.show_availability == 'Show' && /*#__PURE__*/React.createElement("div", {
1457
- className: "col-lg-12 p-0 mb-3 mt-2"
1458
- }, /*#__PURE__*/React.createElement("div", {
1459
- style: {
1460
- width: sectionproperties.availability_width + 'px',
1461
- height: sectionproperties.availability_height + 'px',
1462
- background: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availablebgcolor : sectionproperties.availability_limitedbgcolor,
1463
- borderRadius: sectionproperties.availability_borderrradius + 'px',
1464
- border: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_borderwidtth + 'px solid ' + sectionproperties.availability_availabletextcolor : sectionproperties.availability_borderwidtth + 'px solid ' + sectionproperties.availability_limitedtextcolor
1465
- },
1466
- className: "d-flex justify-content-start align-items-center pl-3 pr-3"
1467
- }, /*#__PURE__*/React.createElement("p", {
1468
- className: "m-0 p-0 font-weight-500 wordbreak",
1469
- style: {
1470
- color: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availabletextcolor : sectionproperties.availability_limitedtextcolor,
1471
- fontSize: sectionproperties.availability_fontsize + 'px'
1472
- }
1473
- }, /*#__PURE__*/React.createElement("span", {
1474
- style: {
1475
- color: sectionproperties.availability_textcolor
1476
- },
1477
- className: "font-weight-600"
1478
- }, lang.availability, ":"), /*#__PURE__*/React.createElement("span", {
1479
- className: "ml-1 mr-1"
1480
- }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
1404
+ })), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
1481
1405
  className: "col-lg-12 p-0 mb-3"
1482
1406
  }, /*#__PURE__*/React.createElement("hr", {
1483
1407
  className: "mb-0 mt-2"
@@ -1499,7 +1423,7 @@ var Product_itemtype = function Product_itemtype(props) {
1499
1423
  fontWeight: sectionproperties.generaltext_fontWeight
1500
1424
  }
1501
1425
  }, lang.quantity, ":")), sectionproperties.quantitybtn_show == 'Show' && /*#__PURE__*/React.createElement("button", {
1502
- className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ',
1426
+ className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
1503
1427
  style: {
1504
1428
  height: sectionproperties.quantitybtn_height + 'px',
1505
1429
  width: sectionproperties.quantitybtn_width + 'px',
@@ -1529,7 +1453,7 @@ var Product_itemtype = function Product_itemtype(props) {
1529
1453
  }, /*#__PURE__*/React.createElement("i", {
1530
1454
  className: "fa fa-chevron-up font-12"
1531
1455
  }))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
1532
- 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 ',
1456
+ className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
1533
1457
  onClick: function onClick() {
1534
1458
  if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
1535
1459
  addtocartfunc();
@@ -1566,7 +1490,35 @@ var Product_itemtype = function Product_itemtype(props) {
1566
1490
  width: "20px",
1567
1491
  height: "20px",
1568
1492
  duration: "1s"
1569
- }))))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
1493
+ }))), /*#__PURE__*/React.createElement("div", {
1494
+ className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 ',
1495
+ onClick: function onClick() {
1496
+ addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
1497
+ },
1498
+ style: {
1499
+ background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
1500
+ }
1501
+ }, /*#__PURE__*/React.createElement("i", {
1502
+ className: "h-100 d-flex align-items-center justify-content-center"
1503
+ }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
1504
+ className: "h-100 d-flex align-items-center justify-content-center"
1505
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar, {
1506
+ size: sectionproperties.favBtnIconfontsize,
1507
+ style: {
1508
+ color: sectionproperties.activefaviconcolor
1509
+ }
1510
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart, {
1511
+ size: sectionproperties.favBtnIconfontsize,
1512
+ style: {
1513
+ color: sectionproperties.activefaviconcolor
1514
+ }
1515
+ })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
1516
+ className: "h-100 d-flex align-items-center justify-content-center"
1517
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
1518
+ size: sectionproperties.favBtnIconfontsize
1519
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
1520
+ size: sectionproperties.favBtnIconfontsize
1521
+ })))))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
1570
1522
  className: "col-lg-12 p-0 mb-3"
1571
1523
  }, /*#__PURE__*/React.createElement("div", {
1572
1524
  className: "row m-0 w-100 d-flex flex-row"
@@ -1587,197 +1539,383 @@ var Product_itemtype = function Product_itemtype(props) {
1587
1539
  fontWeight: sectionproperties.prodPriceFontWeight,
1588
1540
  color: sectionproperties.prodPriceColor
1589
1541
  }
1590
- }, (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.createElement("span", {
1542
+ }, (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.createElement("span", {
1591
1543
  "class": "m-0 p-0"
1592
- }, 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.createElement("p", {
1544
+ }, 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.createElement("p", {
1593
1545
  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 '
1594
- }, 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.createElement("span", {
1595
- 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 '
1596
- }, 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.createElement("p", {
1546
+ }, 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.createElement("span", {
1547
+ 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 '
1548
+ }, 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.createElement("p", {
1597
1549
  className: 'm-0 p-0 linethrough wordbreak',
1598
1550
  style: {
1599
1551
  color: sectionproperties.prodsalePriceColor,
1600
1552
  fontSize: sectionproperties.prodsalepriceFontSize + 'px',
1601
1553
  fontWeight: sectionproperties.prodsalePriceFontWeight
1602
1554
  }
1603
- }, (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.createElement(React.Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React.createElement("span", {
1555
+ }, (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.createElement(React.Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React.createElement("span", {
1604
1556
  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 '
1605
1557
  }, /*#__PURE__*/React.createElement("span", {
1606
- className: "ml-2 mr-2"
1607
- }, "-"), 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.createElement(React.Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React.createElement("span", {
1558
+ className: "ml-2 mr-2",
1559
+ style: {
1560
+ textDecoration: 'none'
1561
+ }
1562
+ }, "-"), 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.createElement(React.Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React.createElement("span", {
1608
1563
  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 '
1609
1564
  }, /*#__PURE__*/React.createElement("span", {
1610
1565
  className: "ml-2 mr-2"
1611
- }, "-"), " ", 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.createElement(React.Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 && /*#__PURE__*/React.createElement("span", {
1566
+ }, "-"), " ", 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.createElement(React.Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 && /*#__PURE__*/React.createElement("span", {
1612
1567
  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 '
1613
1568
  }, /*#__PURE__*/React.createElement("span", {
1614
1569
  className: "ml-2 mr-2"
1615
- }, "-"), 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.createElement("div", {
1616
- className: "col-lg-12 p-0 mb-3"
1570
+ }, "-"), 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.createElement("div", {
1571
+ className: "col-lg-12 p-0 mb-3 mt-2"
1572
+ }, /*#__PURE__*/React.createElement("div", {
1573
+ style: {
1574
+ width: sectionproperties.availability_width + 'px',
1575
+ height: sectionproperties.availability_height + 'px',
1576
+ background: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availablebgcolor : sectionproperties.availability_limitedbgcolor,
1577
+ borderRadius: sectionproperties.availability_borderrradius + 'px',
1578
+ border: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_borderwidtth + 'px solid ' + sectionproperties.availability_availabletextcolor : sectionproperties.availability_borderwidtth + 'px solid ' + sectionproperties.availability_limitedtextcolor,
1579
+ justifyContent: sectionproperties.availabilitytextalignment == 'Centered' ? 'center' : 'start'
1580
+ },
1581
+ className: "d-flex align-items-center pl-3 pr-3"
1582
+ }, /*#__PURE__*/React.createElement("p", {
1583
+ className: "m-0 p-0 font-weight-500 wordbreak",
1584
+ style: {
1585
+ color: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availabletextcolor : sectionproperties.availability_limitedtextcolor,
1586
+ fontSize: sectionproperties.availability_fontsize + 'px',
1587
+ textAlign: sectionproperties.availabilitytextalignment == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
1588
+ }
1589
+ }, /*#__PURE__*/React.createElement("span", {
1590
+ style: {
1591
+ color: sectionproperties.availability_textcolor
1592
+ },
1593
+ className: "font-weight-600"
1594
+ }, lang.availability, ":"), /*#__PURE__*/React.createElement("span", {
1595
+ className: "ml-1 mr-1"
1596
+ }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React.createElement("div", {
1597
+ "class": "col-lg-12 p-0"
1617
1598
  }, /*#__PURE__*/React.createElement("hr", {
1618
- className: "mb-0 mt-2"
1619
- })), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
1620
- className: "row m-0 w-100 d-flex align-items-center mb-3"
1599
+ "class": "mb-3 mt-3",
1600
+ style: {
1601
+ borderColor: '#eee'
1602
+ }
1603
+ })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React.createElement("div", {
1604
+ "class": "col-lg-12 mt-2 p-0"
1621
1605
  }, /*#__PURE__*/React.createElement("div", {
1606
+ "class": "row m-0 w-100"
1607
+ }, /*#__PURE__*/React.createElement("div", {
1608
+ "class": "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0"
1609
+ }, /*#__PURE__*/React.createElement("p", {
1610
+ "class": "m-0 p-0",
1622
1611
  style: {
1623
- width: sectionproperties.iconcontainerwidth + 'px',
1624
- height: sectionproperties.iconcontainerheight + 'px',
1625
- borderRadius: sectionproperties.iconcontainerborderbl + 'px',
1626
- background: sectionproperties.iconcontainerbg
1612
+ fontWeight: sectionproperties.sharebtn_FontWeight,
1613
+ color: sectionproperties.sharebtn_color,
1614
+ fontSize: sectionproperties.sharebtn_fontSize + 'px'
1615
+ }
1616
+ }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React.createElement("div", {
1617
+ className: "Demo__container w-100 m-0 allcentered mt-3"
1618
+ }, /*#__PURE__*/React.createElement("div", {
1619
+ className: "Demo__some-network ml-2 mr-2"
1620
+ }, /*#__PURE__*/React.createElement(FacebookShareButton, {
1621
+ url: shareUrl,
1622
+ quote: title,
1623
+ className: "Demo__some-network__share-button"
1624
+ }, /*#__PURE__*/React.createElement(FacebookIcon, {
1625
+ size: 40,
1626
+ round: true
1627
+ }))), /*#__PURE__*/React.createElement("div", {
1628
+ className: "Demo__some-network ml-2 mr-2"
1629
+ }, /*#__PURE__*/React.createElement(TwitterShareButton, {
1630
+ url: shareUrl,
1631
+ title: title,
1632
+ className: "Demo__some-network__share-button"
1633
+ }, /*#__PURE__*/React.createElement(TwitterIcon, {
1634
+ size: 40,
1635
+ round: true
1636
+ }))), /*#__PURE__*/React.createElement("div", {
1637
+ className: "Demo__some-network ml-2 mr-2"
1638
+ }, /*#__PURE__*/React.createElement(WhatsappShareButton, {
1639
+ url: shareUrl,
1640
+ title: title,
1641
+ separator: ":: ",
1642
+ className: "Demo__some-network__share-button"
1643
+ }, /*#__PURE__*/React.createElement(WhatsappIcon, {
1644
+ size: 40,
1645
+ round: true
1646
+ }))))))))))), /*#__PURE__*/React.createElement("div", {
1647
+ 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',
1648
+ style: {
1649
+ borderLeft: langdetect == 'en' ? '1px solid #eee' : 0,
1650
+ borderRight: langdetect == 'ar' ? '1px solid #eee' : 0
1651
+ }
1652
+ }, /*#__PURE__*/React.createElement("div", {
1653
+ "class": "row m-0 w-100",
1654
+ style: {
1655
+ paddingLeft: langdetect == 'en' ? '.5em' : 0,
1656
+ paddingRight: langdetect == 'ar' ? '.5rem' : 0
1627
1657
  }
1658
+ }, sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
1659
+ className: "col-lg-12 p-0 w-100 d-flex align-items-center"
1660
+ }, /*#__PURE__*/React.createElement("div", {
1661
+ "class": productinfo_cssstyles.iconContainer
1628
1662
  }, /*#__PURE__*/React.createElement("i", {
1629
1663
  className: "h-100 d-flex align-items-center justify-content-center"
1630
- }, /*#__PURE__*/React.createElement(RiSecurePaymentLine, {
1631
- size: 20,
1664
+ }, /*#__PURE__*/React.createElement(FaShippingFast, {
1665
+ size: 20
1666
+ }))), /*#__PURE__*/React.createElement("div", {
1667
+ className: "col-lg-9 col-md-9 col-sm-9 d-flex justofy-content-start flex-column"
1668
+ }, /*#__PURE__*/React.createElement("p", {
1669
+ className: productinfo_cssstyles.storeInfo + ' m-0 p-0 wordbreak ',
1632
1670
  style: {
1633
- color: sectionproperties.iconcontainercolor
1671
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1672
+ }
1673
+ }, langdetect == 'en' ? sectionproperties.otherinfotitle1en : sectionproperties.otherinfotitle1ar), /*#__PURE__*/React.createElement("p", {
1674
+ className: productinfo_cssstyles.storeInfoContent + ' m-0 p-0 wordbreak ',
1675
+ style: {
1676
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1677
+ }
1678
+ }, langdetect == 'en' ? sectionproperties.otherinfodesc1en : sectionproperties.otherinfodesc1ar))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
1679
+ "class": "col-lg-12 p-0"
1680
+ }, /*#__PURE__*/React.createElement("hr", {
1681
+ "class": "mb-3 mt-3",
1682
+ style: {
1683
+ borderColor: '#eee'
1634
1684
  }
1685
+ })), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
1686
+ className: "col-lg-12 p-0 d-flex align-items-center"
1687
+ }, /*#__PURE__*/React.createElement("div", {
1688
+ "class": productinfo_cssstyles.iconContainer
1689
+ }, /*#__PURE__*/React.createElement("i", {
1690
+ className: "h-100 d-flex align-items-center justify-content-center"
1691
+ }, /*#__PURE__*/React.createElement(RiSecurePaymentLine, {
1692
+ size: 20
1635
1693
  }))), /*#__PURE__*/React.createElement("div", {
1636
- className: "col-lg-9 col-md-9 col-sm-9 d-flex justofy-content-start"
1694
+ className: "col-lg-9 col-md-9 col-sm-9 d-flex justofy-content-start flex-column"
1637
1695
  }, /*#__PURE__*/React.createElement("p", {
1638
- className: "m-0 p-0 wordbreak",
1696
+ className: productinfo_cssstyles.storeInfo + ' m-0 p-0 wordbreak ',
1639
1697
  style: {
1640
- fontSize: sectionproperties.icontextfontsize + 'px',
1641
- color: sectionproperties.icontextcolor,
1642
- fontWeight: sectionproperties.icontextfontweight
1698
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1643
1699
  }
1644
- }, lang.securepayment))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
1645
- className: "row m-0 w-100 d-flex align-items-center mb-3"
1646
- }, /*#__PURE__*/React.createElement("div", {
1700
+ }, langdetect == 'en' ? sectionproperties.otherinfotitle2en : sectionproperties.otherinfotitle2ar), /*#__PURE__*/React.createElement("p", {
1701
+ className: productinfo_cssstyles.storeInfoContent + ' m-0 p-0 wordbreak ',
1647
1702
  style: {
1648
- width: sectionproperties.iconcontainerwidth + 'px',
1649
- height: sectionproperties.iconcontainerheight + 'px',
1650
- borderRadius: sectionproperties.iconcontainerborderbl + 'px',
1651
- background: sectionproperties.iconcontainerbg
1703
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1704
+ }
1705
+ }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
1706
+ "class": "col-lg-12 p-0"
1707
+ }, /*#__PURE__*/React.createElement("hr", {
1708
+ "class": "mb-3 mt-3",
1709
+ style: {
1710
+ borderColor: '#eee'
1711
+ }
1712
+ })), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
1713
+ className: productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
1714
+ onClick: function onClick() {
1715
+ window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_blank');
1652
1716
  }
1717
+ }, /*#__PURE__*/React.createElement("div", {
1718
+ "class": productinfo_cssstyles.iconContainer + ' iconContainer '
1653
1719
  }, /*#__PURE__*/React.createElement("i", {
1654
1720
  className: "h-100 d-flex align-items-center justify-content-center"
1655
- }, /*#__PURE__*/React.createElement(FaShippingFast, {
1656
- size: 20,
1721
+ }, /*#__PURE__*/React.createElement(HiOutlinePhone, {
1722
+ size: 20
1723
+ }))), /*#__PURE__*/React.createElement("div", {
1724
+ className: "col-lg-9 col-md-9 col-sm-9 d-flex justofy-content-start flex-column"
1725
+ }, /*#__PURE__*/React.createElement("p", {
1726
+ className: productinfo_cssstyles.storeInfo + ' m-0 p-0 wordbreak ',
1657
1727
  style: {
1658
- color: sectionproperties.iconcontainercolor
1728
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1729
+ }
1730
+ }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar), /*#__PURE__*/React.createElement("p", {
1731
+ className: productinfo_cssstyles.storeInfoContent + ' storeInfoContent m-0 p-0 wordbreak ',
1732
+ style: {
1733
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1734
+ }
1735
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
1736
+ "class": "col-lg-12 p-0"
1737
+ }, /*#__PURE__*/React.createElement("hr", {
1738
+ "class": "mb-3 mt-3",
1739
+ style: {
1740
+ borderColor: '#eee'
1659
1741
  }
1742
+ })), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React.createElement("div", {
1743
+ className: productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
1744
+ onClick: function onClick() {
1745
+ var _authdetailsContext$i, _authdetailsContext$i2;
1746
+ 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');
1747
+ }
1748
+ }, /*#__PURE__*/React.createElement("div", {
1749
+ "class": productinfo_cssstyles.iconContainer + ' iconContainer '
1750
+ }, /*#__PURE__*/React.createElement("i", {
1751
+ className: "h-100 d-flex align-items-center justify-content-center"
1752
+ }, /*#__PURE__*/React.createElement(AiOutlineMail, {
1753
+ size: 20
1660
1754
  }))), /*#__PURE__*/React.createElement("div", {
1661
- className: "col-lg-9 col-md-9 col-sm-9 d-flex justofy-content-start"
1755
+ className: "col-lg-9 col-md-9 col-sm-9 d-flex justofy-content-start flex-column"
1662
1756
  }, /*#__PURE__*/React.createElement("p", {
1663
- className: "m-0 p-0 wordbreak",
1757
+ className: productinfo_cssstyles.storeInfo + ' m-0 p-0 wordbreak ',
1664
1758
  style: {
1665
- fontSize: sectionproperties.icontextfontsize + 'px',
1666
- color: sectionproperties.icontextcolor,
1667
- fontWeight: sectionproperties.icontextfontweight
1759
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1760
+ }
1761
+ }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar), /*#__PURE__*/React.createElement("p", {
1762
+ className: productinfo_cssstyles.storeInfoContent + ' storeInfoContent m-0 p-0 wordbreak ',
1763
+ style: {
1764
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1668
1765
  }
1669
- }, lang.trustedshipping)))))))), /*#__PURE__*/React.createElement("div", {
1670
- className: "col-lg-3 pl-2 pr-2"
1671
- }, (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) && /*#__PURE__*/React.createElement("div", {
1672
- className: "".concat(productinfo_cssstyles.cardcontainer) + ' mb-3 '
1766
+ }, 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.createElement("div", {
1767
+ "class": "col-lg-12 p-0"
1673
1768
  }, /*#__PURE__*/React.createElement("div", {
1674
- className: "row m-0 w-100"
1675
- }, /*#__PURE__*/React.createElement("i", {
1676
- className: "h-100 d-flex align-items-center justify-content-center mt-1"
1677
- }, /*#__PURE__*/React.createElement(FiMapPin, {
1678
- size: 20,
1769
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
1679
1770
  style: {
1680
- color: sectionproperties.storeinfoiconcolor
1771
+ paddingLeft: sectionproperties.tabspaddinghorizontal + 'px',
1772
+ paddingRight: sectionproperties.tabspaddinghorizontal + 'px',
1773
+ marginBottom: sectionproperties.tabsmb + 'px',
1774
+ paddingTop: sectionproperties.tabsPt + 'px',
1775
+ paddingBottom: sectionproperties.tabsPb + 'px'
1681
1776
  }
1682
- })), /*#__PURE__*/React.createElement("div", {
1683
- className: "col-lg-10 col-md-10 col-sm-10 d-flex justify-content-start flex-column"
1777
+ }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Tabs, {
1778
+ value: tabIndex,
1779
+ onChange: handleTabChange,
1780
+ scrollButtons: "auto",
1781
+ TabIndicatorProps: {
1782
+ style: {
1783
+ background: sectionproperties.activetabbordercolor,
1784
+ width: sectionproperties.productInformationType == 'Product/Service Information' ? sectionproperties.showfirstpolicy == 'Hide' ? '50%' : sectionproperties.showsecondpolicy == 'Hide' ? '50%' : '33.3%' : '33.3%',
1785
+ right: sectionproperties.productInformationType == 'Product/Service Information' ? sectionproperties.showfirstpolicy == 'Hide' ? 0 : sectionproperties.showsecondpolicy == 'Hide' ? 0 : '' : '',
1786
+ margin: sectionproperties.productInformationType == 'Product/Service Information' ? sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '' : ''
1787
+ }
1788
+ },
1789
+ sx: {
1790
+ '& button': {
1791
+ color: sectionproperties.tabtextcolor,
1792
+ fontWeight: sectionproperties.tabtextfontweight,
1793
+ background: sectionproperties.tabcontainerbgcolor,
1794
+ textTransform: sectionproperties.tabtexttexttransform,
1795
+ borderRadius: sectionproperties.tabcontainerborderradius + 'px',
1796
+ fontFamily: 'Poppins',
1797
+ transition: '.3s'
1798
+ },
1799
+ '& button:hover': {
1800
+ color: sectionproperties.tabscoloronhover,
1801
+ fontFamily: 'Poppins',
1802
+ transition: '.3s'
1803
+ },
1804
+ '& button.Mui-selected': {
1805
+ color: sectionproperties.tabtextactivecolor,
1806
+ background: sectionproperties.activetabbgcolor,
1807
+ fontFamily: 'Poppins',
1808
+ transition: '.3s'
1809
+ }
1810
+ },
1811
+ variant: 'fullWidth'
1812
+ }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement(Tab, {
1813
+ label: langdetect == 'en' ? sectionproperties.tabsdescEn : sectionproperties.tabsdescAr
1814
+ }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React.createElement(Tab, {
1815
+ 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
1816
+ }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showsecondpolicy == 'Show' && /*#__PURE__*/React.createElement(Tab, {
1817
+ 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
1818
+ }))), tabIndex === 0 && /*#__PURE__*/React.createElement(Box, {
1819
+ "class": "w-100"
1684
1820
  }, /*#__PURE__*/React.createElement("div", {
1685
- className: "row m-0 w-100"
1821
+ "class": "col-lg-12 p-0 w-100 mt-3 mb-4"
1686
1822
  }, /*#__PURE__*/React.createElement("div", {
1687
- className: "col-lg-12 p-0 d-flex justify-content-start"
1688
- }, /*#__PURE__*/React.createElement("p", {
1689
- className: productinfo_cssstyles.storeInfo + ' m-0 p-0 wordbreak '
1690
- }, lang.deliverto)), /*#__PURE__*/React.createElement("div", {
1691
- className: "col-lg-12 p-0 d-flex justify-content-start"
1692
- }, (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) && /*#__PURE__*/React.createElement("p", {
1693
- className: productinfo_cssstyles.storeInfoContent + ' m-0 p-0 wordbreak '
1694
- }, 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.createElement("div", {
1695
- className: "".concat(productinfo_cssstyles.cardcontainer) + ' mb-3 '
1823
+ "class": "row m-0 w-100"
1824
+ }, 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.createElement("div", {
1825
+ className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
1696
1826
  }, /*#__PURE__*/React.createElement("div", {
1697
- className: "row m-0 w-100"
1827
+ className: "row m-0 w-100 d-flex"
1698
1828
  }, /*#__PURE__*/React.createElement("div", {
1699
- className: "col-lg-12 pl-1 pr-1 d-flex align-items-center"
1700
- }, /*#__PURE__*/React.createElement("i", {
1701
- className: "h-100 d-flex align-items-center justify-content-center"
1702
- }, /*#__PURE__*/React.createElement(FaShippingFast, {
1703
- size: 18,
1829
+ "class": "col-lg-12 p-0 d-flex justify-content-start"
1830
+ }, /*#__PURE__*/React.createElement("p", {
1831
+ className: 'text-black text-capitalize m-0 p-0 wordbreak',
1704
1832
  style: {
1705
- color: sectionproperties.footerinfotext_color
1833
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1834
+ },
1835
+ dangerouslySetInnerHTML: {
1836
+ __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)
1706
1837
  }
1707
- })), /*#__PURE__*/React.createElement("p", {
1708
- className: productinfo_cssstyles.storeInfo + ' m-0 p-0 ml-2 mr-2 wordbreak cursor-pointer '
1709
- }, 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.createElement("div", {
1710
- className: "col-lg-12 pl-1 pr-1"
1711
- }, /*#__PURE__*/React.createElement("hr", {
1712
- className: "mt-2 mb-2"
1713
1838
  })), /*#__PURE__*/React.createElement("div", {
1714
- className: "col-lg-12 pl-1 pr-1 d-flex justify-content-start"
1839
+ "class": "col-lg-12 allcentered"
1840
+ }, (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.createElement("p", {
1841
+ "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
1842
+ onClick: function onClick() {
1843
+ return setShowMore(!showMore);
1844
+ }
1845
+ }, 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.createElement("div", {
1846
+ className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
1847
+ }, /*#__PURE__*/React.createElement("div", {
1848
+ className: "row m-0 w-100 d-flex"
1849
+ }, /*#__PURE__*/React.createElement("div", {
1850
+ "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
1715
1851
  }, /*#__PURE__*/React.createElement("p", {
1716
- className: productinfo_cssstyles.storeInfoContent + ' m-0 p-0 wordbreak ',
1852
+ className: 'text-black text-capitalize m-0 p-0 wordbreak',
1717
1853
  style: {
1718
- lineClamp: 10,
1719
- WebkitLineClamp: 10,
1720
1854
  textAlign: langdetect == 'en' ? 'left' : 'right'
1721
1855
  },
1722
1856
  dangerouslySetInnerHTML: {
1723
- __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
1857
+ __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)
1724
1858
  }
1725
- })))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showPolicy == 'Show' && /*#__PURE__*/React.createElement("div", {
1726
- className: "".concat(productinfo_cssstyles.cardcontainer) + ' mb-3 '
1727
- }, /*#__PURE__*/React.createElement("div", {
1728
- className: "row m-0 w-100"
1859
+ })), /*#__PURE__*/React.createElement("div", {
1860
+ "class": "col-lg-12 allcentered"
1861
+ }, (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.createElement("p", {
1862
+ "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
1863
+ onClick: function onClick() {
1864
+ return setShowMore(!showMore);
1865
+ }
1866
+ }, 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.createElement("div", {
1867
+ "class": "col-lg-12 p-0"
1729
1868
  }, /*#__PURE__*/React.createElement("div", {
1730
- className: "col-lg-12 pl-1 pr-1 d-flex align-items-center"
1731
- }, /*#__PURE__*/React.createElement("i", {
1732
- className: "h-100 d-flex align-items-center justify-content-center"
1733
- }, /*#__PURE__*/React.createElement(AiOutlineSecurityScan, {
1734
- size: 18,
1869
+ "class": "row m-0 w-100 allcentered pl-md-3 pr-md-3",
1735
1870
  style: {
1736
- color: sectionproperties.footerinfotext_color
1871
+ paddingLeft: sectionproperties.galleryPaddingHorizontal + 'px',
1872
+ paddingRight: sectionproperties.galleryPaddingHorizontal + 'px'
1737
1873
  }
1738
- })), /*#__PURE__*/React.createElement("p", {
1739
- className: productinfo_cssstyles.storeInfo + ' m-0 p-0 ml-2 mr-2 wordbreak '
1740
- }, 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.createElement("div", {
1741
- className: "col-lg-12 pl-1 pr-1"
1742
- }, /*#__PURE__*/React.createElement("hr", {
1743
- className: "mt-2 mb-2"
1744
- })), /*#__PURE__*/React.createElement("div", {
1745
- className: "col-lg-12 pl-1 pr-1 d-flex justify-content-start"
1874
+ }, 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) {
1875
+ if (index <= 6) {
1876
+ return /*#__PURE__*/React.createElement("div", {
1877
+ "class": ' col-md-4 col-sm-12 mb-3 col-lg-' + sectionproperties.galleryNoOfCols,
1878
+ style: {
1879
+ height: sectionproperties.galleryHeight + 'px'
1880
+ }
1881
+ }, /*#__PURE__*/React.createElement(IKImage, {
1882
+ urlEndpoint: IKurlEndpoint,
1883
+ publicKey: IKpublicKey,
1884
+ path: '/tr:w-' + sectionproperties.galleryWidthDimension + ',h-' + sectionproperties.galleryHeightDimension + '/' + item.path,
1885
+ style: {
1886
+ width: '100%',
1887
+ height: '100%',
1888
+ objectFit: 'contain'
1889
+ },
1890
+ loading: "lazy"
1891
+ }));
1892
+ }
1893
+ })))))), tabIndex === 1 && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
1894
+ "class": "col-lg-12 p-0 w-100 mt-3 mb-4"
1746
1895
  }, /*#__PURE__*/React.createElement("p", {
1747
- className: productinfo_cssstyles.storeInfoContent + ' m-0 p-0 wordbreak ',
1896
+ className: ' m-0 p-0 wordbreak ',
1748
1897
  style: {
1749
1898
  lineClamp: 10,
1750
1899
  WebkitLineClamp: 10,
1751
1900
  textAlign: langdetect == 'en' ? 'left' : 'right'
1752
1901
  },
1753
1902
  dangerouslySetInnerHTML: {
1754
- __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
1903
+ __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
1755
1904
  }
1756
- })))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
1757
- className: "".concat(productinfo_cssstyles.cardcontainer) + ' mb-3 '
1758
- }, /*#__PURE__*/React.createElement("div", {
1759
- className: "row m-0 w-100"
1760
- }, /*#__PURE__*/React.createElement("i", {
1761
- className: "h-100 d-flex align-items-center justify-content-center text-light mt-1"
1762
- }, /*#__PURE__*/React.createElement(HiOutlinePhone, {
1763
- size: 20,
1905
+ }))), tabIndex === 2 && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
1906
+ "class": "col-lg-12 p-0 w-100 mt-3 mb-4"
1907
+ }, /*#__PURE__*/React.createElement("p", {
1908
+ className: ' m-0 p-0 wordbreak ',
1764
1909
  style: {
1765
- color: sectionproperties.storeinfoiconcolor
1910
+ lineClamp: 10,
1911
+ WebkitLineClamp: 10,
1912
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1913
+ },
1914
+ dangerouslySetInnerHTML: {
1915
+ __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
1766
1916
  }
1767
- })), /*#__PURE__*/React.createElement("div", {
1768
- className: "col-lg-10 col-md-10 col-sm-10 d-flex justify-content-start"
1769
- }, /*#__PURE__*/React.createElement("div", {
1770
- className: "row m-0 w-100"
1771
- }, /*#__PURE__*/React.createElement("div", {
1772
- className: "col-lg-12 p-0 d-flex justify-content-start"
1773
- }, /*#__PURE__*/React.createElement("p", {
1774
- className: productinfo_cssstyles.storeInfo + ' m-0 p-0 wordbreak '
1775
- }, lang.callus)), /*#__PURE__*/React.createElement("div", {
1776
- className: "col-lg-12 p-0 d-flex justify-content-start"
1777
- }, /*#__PURE__*/React.createElement("p", {
1778
- className: productinfo_cssstyles.storeInfoContent + ' m-0 p-0 wordbreak '
1779
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber))))))), /*#__PURE__*/React.createElement("div", {
1780
- "class": "col-lg-12"
1917
+ }))))))), /*#__PURE__*/React.createElement("div", {
1918
+ "class": "col-lg-12 p-0"
1781
1919
  }, relatedproducts()));
1782
1920
  };
1783
1921
 
@@ -2517,10 +2655,6 @@ var Service_itemtype = function Service_itemtype(props) {
2517
2655
  }, relatedproducts()));
2518
2656
  };
2519
2657
 
2520
- var IKurlEndpoint = 'https://ik.imagekit.io/kcrbhhnh0';
2521
- var IKpublicKey = 'public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=';
2522
- var serverbaselink$1 = 'https://tabex-co.com';
2523
-
2524
2658
  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; }
2525
2659
  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(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; }
2526
2660
  var Productinfo = function Productinfo(props) {
@@ -2659,7 +2793,14 @@ var Productinfo = function Productinfo(props) {
2659
2793
  var productimagesarrayobj = {
2660
2794
  thumbnail: serverbaselink + arrayItem.path,
2661
2795
  original: serverbaselink + arrayItem.path
2796
+ // description:
2797
+ // // { dangerouslySetInnerHTML={{
2798
+ // // __html:
2799
+ // // fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en,
2800
+ // // }}}
2801
+ // langdetect == 'en' ? fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en : fetchProductInfoQueryContext?.data?.data?.productinfo?.description_ar,
2662
2802
  };
2803
+
2663
2804
  tempproductimagesarray.push(productimagesarrayobj);
2664
2805
  });
2665
2806
  }
@@ -2858,7 +2999,7 @@ var Productinfo = function Productinfo(props) {
2858
2999
  var relatedproducts = function relatedproducts() {
2859
3000
  if (Relatedproducts.length != 0) {
2860
3001
  return /*#__PURE__*/React.createElement("div", {
2861
- className: "w-100 row m-0 d-flex justify-content-start mt-3",
3002
+ 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",
2862
3003
  style: {
2863
3004
  background: sectionproperties.relatedproductsbg,
2864
3005
  paddingTop: sectionproperties.relatedproductspaddingTop + 'px',
@@ -2869,22 +3010,35 @@ var Productinfo = function Productinfo(props) {
2869
3010
  borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
2870
3011
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
2871
3012
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
2872
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
3013
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
3014
+ marginBottom: sectionproperties.relatedProductsMb + 'px'
2873
3015
  }
2874
3016
  }, Relatedproducts.length != 0 && /*#__PURE__*/React.createElement("div", {
2875
3017
  className: "col-lg-12 p-0"
2876
3018
  }, /*#__PURE__*/React.createElement("div", {
2877
3019
  className: "row m-0 w-100"
2878
3020
  }, /*#__PURE__*/React.createElement("div", {
2879
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 mb-3"
3021
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 flex-column",
3022
+ style: {
3023
+ justifyContent: sectionproperties.relatedtitleposition == 'Centered' ? 'center' : 'start',
3024
+ marginBottom: sectionproperties.relatedtitlemb + 'px'
3025
+ }
2880
3026
  }, /*#__PURE__*/React.createElement("p", {
2881
- className: ' m-0 p-0 ',
3027
+ className: ' m-0 p-0 wordbreak ',
2882
3028
  style: {
2883
3029
  fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
2884
3030
  color: sectionproperties.relatedproductstitlecolor,
2885
- fontWeight: sectionproperties.relatedproductstitlefontweight
3031
+ fontWeight: sectionproperties.relatedproductstitlefontweight,
3032
+ textAlign: sectionproperties.relatedtitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
2886
3033
  }
2887
- }, langdetect == 'en' ? sectionproperties.relatedproducttitleEn : sectionproperties.relatedproducttitleAr)), /*#__PURE__*/React.createElement("div", {
3034
+ }, langdetect == 'en' ? sectionproperties.relatedproducttitleEn : sectionproperties.relatedproducttitleAr), /*#__PURE__*/React.createElement("div", {
3035
+ style: {
3036
+ width: sectionproperties.relatedproducttitle_lineafterwidth + 'px',
3037
+ height: 2,
3038
+ background: sectionproperties.relatedproducttitlelinebgcolor,
3039
+ borderRadius: 5
3040
+ }
3041
+ })), /*#__PURE__*/React.createElement("div", {
2888
3042
  className: "col-lg-12"
2889
3043
  }, /*#__PURE__*/React.createElement(ScrollMenu, {
2890
3044
  transitionBehavior: 'auto',
@@ -2904,15 +3058,15 @@ var Productinfo = function Productinfo(props) {
2904
3058
  }
2905
3059
  }
2906
3060
  }, /*#__PURE__*/React.createElement("div", {
2907
- className: "row w-100 m-0 cursor-pointer"
3061
+ className: productinfo_cssstyles.relatedproductcardcont + ' row w-100 m-0 cursor-pointer '
2908
3062
  }, /*#__PURE__*/React.createElement("div", {
2909
- "class": "".concat(productinfo_cssstyles.productcard) + ' cursor-pointer w-100 '
3063
+ "class": ' cursor-pointer w-100 '
2910
3064
  }, /*#__PURE__*/React.createElement("div", {
2911
- "class": "".concat(productinfo_cssstyles.imagecont) + ' w-100 p-0 mb-2 '
3065
+ "class": "".concat(productinfo_cssstyles.relatedProductImageCont) + ' w-100 p-0 mb-2 '
2912
3066
  }, /*#__PURE__*/React.createElement(IKImage, {
2913
3067
  urlEndpoint: IKurlEndpoint,
2914
3068
  publicKey: IKpublicKey,
2915
- path: item.productinfo.productmainimage,
3069
+ path: '/tr:w-' + sectionproperties.relatedProductDimWidth + ',h-' + sectionproperties.galleryHeightDimension + '/' + item.productinfo.productmainimage,
2916
3070
  loading: "lazy",
2917
3071
  style: {
2918
3072
  width: '100%',
@@ -2924,7 +3078,7 @@ var Productinfo = function Productinfo(props) {
2924
3078
  }, /*#__PURE__*/React.createElement("div", {
2925
3079
  "class": "col-lg-12 p-0"
2926
3080
  }, /*#__PURE__*/React.createElement("p", {
2927
- "class": "".concat(productinfo_cssstyles.relatedproductNameStyles) + ' wordbreak wordbreak1 text-center m-0 '
3081
+ "class": "".concat(productinfo_cssstyles.relatedproductNameStyles) + ' relatedproductNameStyles wordbreak wordbreak1 text-center m-0 '
2928
3082
  }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React.createElement("div", {
2929
3083
  style: {
2930
3084
  flexDirection: 'column'
@@ -3017,20 +3171,18 @@ var Productinfo = function Productinfo(props) {
3017
3171
  background: sectionproperties.remove_quantitybtn_bgcoloronhover
3018
3172
  }
3019
3173
  }),
3020
- imagecont: css({
3021
- height: '250px',
3022
- border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
3023
- backgroundColor: sectionproperties.prodimage_bgcolor,
3024
- borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
3025
- borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
3026
- borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
3027
- borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
3174
+ relatedproductcardcont: css({
3175
+ ':hover .relatedproductNameStyles': {
3176
+ color: sectionproperties.relatedprodNameColoronhover
3177
+ }
3178
+ }),
3179
+ relatedProductImageCont: css({
3180
+ height: sectionproperties.relatedProductImageHeight + 'px',
3181
+ border: sectionproperties.relatedProductImageBorderWidth + 'px solid ' + sectionproperties.relatedProductImageBorderColor,
3182
+ borderRadius: sectionproperties.relatedProductImageBr + 'px',
3028
3183
  display: 'flex',
3029
3184
  alignItems: 'center',
3030
3185
  justifyContent: 'center',
3031
- backgroundRepeat: 'no-repeat',
3032
- backgroundSize: 'cover',
3033
- backgroundPosition: 'center',
3034
3186
  position: 'relative'
3035
3187
  }),
3036
3188
  relatedproductNameStyles: css({
@@ -3054,11 +3206,12 @@ var Productinfo = function Productinfo(props) {
3054
3206
  borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
3055
3207
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
3056
3208
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
3057
- paddingRight: sectionproperties.paddingRight + 'px',
3058
- paddingLeft: sectionproperties.paddingLeft + 'px',
3209
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
3210
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
3059
3211
  paddingTop: sectionproperties.paddingTop + 'px',
3060
3212
  paddingBottom: sectionproperties.paddingBottom + 'px',
3061
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
3213
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
3214
+ marginBottom: sectionproperties.marginBottom + 'px'
3062
3215
  }),
3063
3216
  wishlist_btn: css({
3064
3217
  width: sectionproperties.favBtnWidth + 'px',
@@ -3069,15 +3222,14 @@ var Productinfo = function Productinfo(props) {
3069
3222
  fontSize: sectionproperties.favBtnTextfontsize + 'px',
3070
3223
  textTransform: sectionproperties.favBtnTexttransform,
3071
3224
  fontWeight: sectionproperties.favBtnTextfontweight,
3072
- transition: '.3s',
3073
3225
  boxShadow: sectionproperties.favbtn_showshadow == 'Show' ? '0 0 10px ' + sectionproperties.favbtn_shadowcolor : '',
3074
3226
  border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
3075
- opacity: sectionproperties.favbtn_opacity,
3076
3227
  cursor: 'pointer',
3228
+ transition: '.3s',
3077
3229
  ':hover': {
3078
3230
  background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
3079
3231
  color: sectionproperties.favBtnTextcoloronhover,
3080
- opacity: sectionproperties.favbtn_opacityonhover
3232
+ borderColor: sectionproperties.favBtnTextcoloronhover
3081
3233
  }
3082
3234
  }),
3083
3235
  productname: css({
@@ -3097,21 +3249,36 @@ var Productinfo = function Productinfo(props) {
3097
3249
  fontSize: sectionproperties.footerinfotext_fontsize + 'px',
3098
3250
  textTransform: sectionproperties.footerinfotext_textTransform,
3099
3251
  fontWeight: sectionproperties.footerinfotext_fontweight,
3100
- transition: '.3s',
3101
- ':hover': {
3102
- color: sectionproperties.footerinfotext_coloronhover
3103
- }
3252
+ transition: '.3s'
3104
3253
  }),
3105
3254
  storeInfoContent: css({
3106
3255
  color: sectionproperties.footerinfotext_secondarycolor,
3107
- fontSize: sectionproperties.footerinfotext_secondaryfontsize + 'px'
3256
+ fontSize: sectionproperties.footerinfotext_secondaryfontsize + 'px',
3257
+ fontWeight: sectionproperties.footerinfotext_secondaryfontweight
3258
+ }),
3259
+ iconContainer: css({
3260
+ width: sectionproperties.iconcontainerwidth + 'px',
3261
+ height: sectionproperties.iconcontainerheight + 'px',
3262
+ borderRadius: sectionproperties.iconcontainerborderbl + 'px',
3263
+ background: sectionproperties.iconcontainerbg,
3264
+ color: sectionproperties.iconcontainercolor
3265
+ }),
3266
+ storeinfocontainer: css({
3267
+ ':hover .storeInfoContent': {
3268
+ transition: '.3s',
3269
+ color: sectionproperties.footerinfotext_coloronhover
3270
+ },
3271
+ ':hover .iconContainer': {
3272
+ transition: '.3s',
3273
+ color: sectionproperties.iconcontainercoloronhover,
3274
+ backgroundColor: sectionproperties.iconcontainerbgonhover
3275
+ }
3108
3276
  })
3109
3277
  };
3110
3278
  return /*#__PURE__*/React.createElement("div", {
3111
3279
  className: 'row w-100 ml-0 mr-0',
3112
3280
  style: {
3113
- marginTop: sectionproperties.marginTop + 'px',
3114
- marginBottom: sectionproperties.marginBottom + 'px'
3281
+ marginTop: sectionproperties.marginTop + 'px'
3115
3282
  }
3116
3283
  }, fetchProductInfoQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
3117
3284
  className: 'row ml-0 mr-0 w-100 allcentered',
@@ -6788,7 +6955,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
6788
6955
  className: "col-lg-6 col-md-12 col-sm-12 mb-4 p-sm-0"
6789
6956
  }, item.inputtype != 'checkbox' && /*#__PURE__*/React.createElement("label", {
6790
6957
  className: formstyles.input_label_name + ' m-0 d-flex align-items-start '
6791
- }, langdetect == 'en' ? item.inputname_en : item.inputname_ar, " ", item.optional == 1 ? '*' : ''), /*#__PURE__*/React.createElement("div", {
6958
+ }, langdetect == 'en' ? item.inputname_en : item.inputname_ar, " ", /*#__PURE__*/React.createElement("span", {
6959
+ "class": "text-danger ml-1 mr-1"
6960
+ }, item.optional == 1 ? '*' : '')), /*#__PURE__*/React.createElement("div", {
6792
6961
  className: loginstyles.wrap_input100
6793
6962
  }, item.inputtype == 'input' && /*#__PURE__*/React.createElement("input", {
6794
6963
  className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
@@ -6825,8 +6994,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
6825
6994
  })), /*#__PURE__*/React.createElement("p", {
6826
6995
  className: formstyles.input_label_name + ' ml-2 mb-0 cursor-pointer wordbreak mr-2',
6827
6996
  style: {}
6828
- }, langdetect == 'en' ? item.inputname_en : item.inputname_ar, " ", item.optional == 1 ? '' : '*')), item.inputtype == 'selectbox' && /*#__PURE__*/React.createElement("select", {
6829
- className: loginstyles.wrap_input100,
6997
+ }, langdetect == 'en' ? item.inputname_en : item.inputname_ar, " ", /*#__PURE__*/React.createElement("span", {
6998
+ "class": "text-danger ml-1 mr-1"
6999
+ }, item.optional == 1 ? '' : '*'))), item.inputtype == 'selectbox' && /*#__PURE__*/React.createElement("select", {
7000
+ className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
6830
7001
  value: item.customersignupvalue,
6831
7002
  textplaceholder: "",
6832
7003
  onChange: function onChange(event) {
@@ -37523,7 +37694,7 @@ var Slideshowslide = function Slideshowslide(props) {
37523
37694
  "class": "m-0"
37524
37695
  })));
37525
37696
  })), 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.createElement("div", {
37526
- "class": "cat_dropdown-menu cat_dropdown",
37697
+ "class": langdetect == 'en' ? 'cat_dropdown-menu cat_dropdown cat_dropdownen' : 'cat_dropdown-menu cat_dropdown cat_dropdownar',
37527
37698
  style: {
37528
37699
  minHeight: sectionproperties.height + 'vh'
37529
37700
  }
@@ -37537,6 +37708,9 @@ var Slideshowslide = function Slideshowslide(props) {
37537
37708
  "class": slideshow_styles.parentcollection + ' m-0 p-0 mb-3 cursor-pointer wordbreak wordbreak2 ',
37538
37709
  onClick: function onClick() {
37539
37710
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
37711
+ },
37712
+ style: {
37713
+ textAlign: langdetect == 'en' ? 'left' : 'right'
37540
37714
  }
37541
37715
  }, 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) {
37542
37716
  return /*#__PURE__*/React.createElement("div", {
@@ -37545,6 +37719,9 @@ var Slideshowslide = function Slideshowslide(props) {
37545
37719
  "class": slideshow_styles.collectionName + ' cursor-pointer wordbreak wordbreak2 ',
37546
37720
  onClick: function onClick() {
37547
37721
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
37722
+ },
37723
+ style: {
37724
+ textAlign: langdetect == 'en' ? 'left' : 'right'
37548
37725
  }
37549
37726
  }, langdetect == 'en' ? item.title_en : item.title_ar));
37550
37727
  }));
@@ -37554,7 +37731,7 @@ var Slideshowslide = function Slideshowslide(props) {
37554
37731
  height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
37555
37732
  }
37556
37733
  }, /*#__PURE__*/React.createElement("div", {
37557
- "class": sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2',
37734
+ "class": sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2 w-sm-100',
37558
37735
  style: {
37559
37736
  position: 'relative',
37560
37737
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',