tabexseriescomponents 0.0.347 → 0.0.349

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 (5) hide show
  1. package/dist/index.cjs.js +642 -481
  2. package/dist/index.esm.js +643 -482
  3. package/dist/index.umd.js +645 -482
  4. package/package.json +1 -1
  5. package/srclibrary.zip +0 -0
package/dist/index.esm.js CHANGED
@@ -29,10 +29,7 @@ import { FiShoppingBag } from '@react-icons/all-files/fi/FiShoppingBag';
29
29
  import { FiShoppingCart } from '@react-icons/all-files/fi/FiShoppingCart';
30
30
  import { AiFillStar as AiFillStar$1 } from '@react-icons/all-files/ai/AiFillStar';
31
31
  import { AiOutlineStar } from '@react-icons/all-files/ai/AiOutlineStar';
32
- import { AiOutlineTwitter } from '@react-icons/all-files/ai/AiOutlineTwitter';
33
- import { FaWhatsapp } from '@react-icons/all-files/fa/FaWhatsapp';
34
- import { FaLinkedinIn } from '@react-icons/all-files/fa/FaLinkedinIn';
35
- import { FacebookShareButton, TwitterShareButton, WhatsappShareButton, LinkedinShareButton, FacebookIcon, TwitterIcon, WhatsappIcon, LinkedinIcon } from 'react-share';
32
+ import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, WhatsappShareButton, WhatsappIcon, LinkedinShareButton, LinkedinIcon } from 'react-share';
36
33
  import { FiMinus } from '@react-icons/all-files/fi/FiMinus';
37
34
  import { FiPlus } from '@react-icons/all-files/fi/FiPlus';
38
35
  import ReactStars from 'react-rating-stars-component';
@@ -91,6 +88,7 @@ import { HiOutlineArrowLeft } from '@react-icons/all-files/hi/HiOutlineArrowLeft
91
88
  import ReactPaginate from 'react-paginate';
92
89
  import { FaFacebook } from '@react-icons/all-files/fa/FaFacebook';
93
90
  import { AiFillInstagram } from '@react-icons/all-files/ai/AiFillInstagram';
91
+ import { FaWhatsapp } from '@react-icons/all-files/fa/FaWhatsapp';
94
92
  import { BiGlobe } from '@react-icons/all-files/bi/BiGlobe';
95
93
  import { MdKeyboardArrowDown } from '@react-icons/all-files/md/MdKeyboardArrowDown';
96
94
  import { FaMoneyBillWave } from '@react-icons/all-files/fa/FaMoneyBillWave';
@@ -2130,12 +2128,15 @@ var DescriptionContent = function DescriptionContent(props) {
2130
2128
  function ownKeys$2n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2131
2129
  function _objectSpread$2n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2132
2130
  var Product_itemtype = function Product_itemtype(props) {
2133
- var _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _ProductInfoObj$data, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35;
2131
+ var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _ProductInfoObj$data, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34;
2134
2132
  var lang = props.actions.lang;
2135
2133
  var langdetect = props.actions.langdetect;
2136
2134
  var srcfromprops = props.actions.srcfromprops;
2135
+ props.actions.returnpolicyobj;
2137
2136
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
2138
2137
  var addtocartfunc = props.actions.addtocartfunc;
2138
+ props.actions.selectproductoptionvalue;
2139
+ props.actions.clearchoosenvaluesbutkeepcurrentvalue;
2139
2140
  var productimagesarray = props.actions.productimagesarray;
2140
2141
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
2141
2142
  var sectionproperties = props.actions.sectionproperties;
@@ -2196,395 +2197,71 @@ var Product_itemtype = function Product_itemtype(props) {
2196
2197
  }
2197
2198
  return titlelang;
2198
2199
  }
2199
- var GalleryStyle1Section = function GalleryStyle1Section() {
2200
- return /*#__PURE__*/React.createElement("div", {
2201
- className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? ' col-lg-12 p-0 maximize ' : 'col-lg-12 p-0',
2202
- style: {
2203
- width: '100%',
2204
- height: 'auto'
2205
- }
2206
- }, productimagesarray.length == 0 && /*#__PURE__*/React.createElement("div", {
2207
- style: {
2208
- width: '100%',
2209
- height: '30vh',
2210
- background: '#eee',
2211
- borderRadius: 10
2212
- }
2213
- }, /*#__PURE__*/React.createElement("i", {
2214
- "class": "h-100 allcentered text-light"
2215
- }, /*#__PURE__*/React.createElement(FiLayers, {
2216
- size: 26
2217
- }))), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
2218
- "class": "w-100 d-block d-md-none"
2219
- }, /*#__PURE__*/React.createElement(ImageGallery, {
2220
- items: productimagesarray,
2221
- thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
2222
- showNav: false,
2223
- showPlayButton: false,
2224
- showFullscreenButton: true,
2225
- startIndex: currentshowingimageindex
2226
- })), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
2227
- "class": "w-100 d-none d-md-block"
2228
- }, /*#__PURE__*/React.createElement(ImageGallery, {
2229
- items: productimagesarray,
2230
- thumbnailPosition: 'bottom',
2231
- showNav: false,
2232
- showPlayButton: false,
2233
- showFullscreenButton: true,
2234
- startIndex: currentshowingimageindex
2235
- })));
2236
- };
2237
- var ProductNameSection = function ProductNameSection() {
2238
- return /*#__PURE__*/React.createElement("p", {
2239
- className: srcfromprops == 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
2240
- onClick: function onClick() {
2241
- if (srcfromprops == 'templatedraftrouter') {
2242
- routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
2243
- }
2244
- },
2245
- style: {
2246
- textAlign: langdetect == 'en' ? 'left' : 'right'
2247
- }
2248
- }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
2249
- };
2250
- var SKUSection = function SKUSection() {
2251
- var _fetchProductInfoQuer, _fetchProductInfoQuer2;
2252
- return /*#__PURE__*/React.createElement("div", {
2253
- "class": sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' ? 'row m-0 w-100 mt-3' : 'row m-0 w-100'
2254
- }, sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
2255
- "class": sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' ? 'col-lg-12 p-0 mb-1 d-flex justify-content-start' : sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
2256
- }, /*#__PURE__*/React.createElement("p", {
2257
- "class": "m-0 p-0 d-flex justify-content-start"
2258
- }, /*#__PURE__*/React.createElement("span", {
2259
- style: {
2260
- color: sectionproperties.skuColor,
2261
- fontWeight: sectionproperties.skuFontWeight,
2262
- fontSize: sectionproperties.skuFontSize + 'px',
2263
- textAlign: langdetect == 'en' ? 'left' : 'right'
2264
- }
2265
- }, langdetect == 'en' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React.createElement("span", {
2266
- "class": "ml-1 mr-1",
2267
- style: {
2268
- color: '#7e859b',
2269
- fontWeight: sectionproperties.skuSecondaryFontWeight,
2270
- fontSize: sectionproperties.skuFontSize + 'px',
2271
- textAlign: langdetect == 'en' ? 'left' : 'right'
2272
- }
2273
- }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2274
- "class": 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
2275
- }, /*#__PURE__*/React.createElement("p", {
2276
- "class": "m-0 p-0 d-flex justify-content-start"
2277
- }, /*#__PURE__*/React.createElement("span", {
2278
- style: {
2279
- fontSize: sectionproperties.availability_fontsize + 'px',
2280
- color: sectionproperties.availability_textcolor,
2281
- textAlign: langdetect == 'en' ? 'left' : 'right',
2282
- fontWeight: sectionproperties.skuFontWeight
2283
- }
2284
- }, lang.availability, ":"), /*#__PURE__*/React.createElement("span", {
2285
- "class": "ml-1 mr-1",
2286
- style: {
2287
- color: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availabletextcolor : sectionproperties.availability_limitedtextcolor,
2288
- fontSize: sectionproperties.availability_fontsize + 'px',
2289
- fontWeight: sectionproperties.skuSecondaryFontWeight,
2290
- textAlign: langdetect == 'en' ? 'left' : 'right'
2291
- }
2292
- }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.instock : lang.limitedquantity))));
2293
- };
2294
2200
  var ShareButtonsContainer = function ShareButtonsContainer() {
2295
2201
  return /*#__PURE__*/React.createElement("div", {
2296
2202
  "class": "row m-0 w-100"
2297
2203
  }, /*#__PURE__*/React.createElement("div", {
2298
2204
  "class": "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0"
2299
2205
  }, /*#__PURE__*/React.createElement("p", {
2300
- "class": "m-0 p-0 w-100",
2206
+ "class": "m-0 p-0",
2301
2207
  style: {
2302
2208
  fontWeight: sectionproperties.sharebtn_FontWeight,
2303
2209
  color: sectionproperties.sharebtn_color,
2304
- fontSize: sectionproperties.sharebtn_fontSize + 'px',
2305
- textAlign: sectionproperties.sharecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
2210
+ fontSize: sectionproperties.sharebtn_fontSize + 'px'
2306
2211
  }
2307
2212
  }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React.createElement("div", {
2308
- className: "Demo__container w-100 m-0 d-flex align-items-center mt-3",
2309
- style: {
2310
- justifyContent: srcfromprops != 'templatedraftrouter' ? 'start' : sectionproperties.sharecentered == 'Centered' ? 'center' : 'start'
2311
- }
2213
+ className: "Demo__container w-100 m-0 allcentered mt-3"
2312
2214
  }, /*#__PURE__*/React.createElement("div", {
2313
- className: "Demo__some-network ml-2 mr-2 allcentered"
2215
+ className: "Demo__some-network ml-2 mr-2"
2314
2216
  }, /*#__PURE__*/React.createElement(FacebookShareButton, {
2315
2217
  url: shareUrl,
2316
2218
  quote: title,
2317
- className: "Demo__some-network__share-button allcentered"
2318
- }, /*#__PURE__*/React.createElement("div", {
2319
- "class": productinfo_cssstyles.shareicon + ' allcentered ',
2320
- style: {}
2321
- }, /*#__PURE__*/React.createElement("i", {
2322
- "class": "h-100 allcentered"
2323
- }, /*#__PURE__*/React.createElement(FaFacebookF, null))))), /*#__PURE__*/React.createElement("div", {
2324
- className: "Demo__some-network ml-2 mr-2 allcentered"
2219
+ className: "Demo__some-network__share-button"
2220
+ }, /*#__PURE__*/React.createElement(FacebookIcon, {
2221
+ size: 40,
2222
+ round: true
2223
+ }))), /*#__PURE__*/React.createElement("div", {
2224
+ className: "Demo__some-network ml-2 mr-2"
2325
2225
  }, /*#__PURE__*/React.createElement(TwitterShareButton, {
2326
2226
  url: shareUrl,
2327
2227
  title: title,
2328
- className: "Demo__some-network__share-button allcentered"
2329
- }, /*#__PURE__*/React.createElement("div", {
2330
- "class": productinfo_cssstyles.shareicon + ' allcentered ',
2331
- style: {}
2332
- }, /*#__PURE__*/React.createElement("i", {
2333
- "class": "h-100 allcentered"
2334
- }, /*#__PURE__*/React.createElement(AiOutlineTwitter, {
2335
- size: 16
2336
- }))))), /*#__PURE__*/React.createElement("div", {
2228
+ className: "Demo__some-network__share-button"
2229
+ }, /*#__PURE__*/React.createElement(TwitterIcon, {
2230
+ size: 40,
2231
+ round: true
2232
+ }))), /*#__PURE__*/React.createElement("div", {
2337
2233
  className: "Demo__some-network ml-2 mr-2"
2338
2234
  }, /*#__PURE__*/React.createElement(WhatsappShareButton, {
2339
2235
  url: shareUrl,
2340
2236
  title: title,
2341
2237
  separator: ":: ",
2342
2238
  className: "Demo__some-network__share-button"
2343
- }, /*#__PURE__*/React.createElement("div", {
2344
- "class": productinfo_cssstyles.shareicon + ' allcentered ',
2345
- style: {}
2346
- }, /*#__PURE__*/React.createElement("i", {
2347
- "class": "h-100 allcentered"
2348
- }, /*#__PURE__*/React.createElement(FaWhatsapp, {
2349
- size: 16
2350
- }))))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React.createElement("div", {
2239
+ }, /*#__PURE__*/React.createElement(WhatsappIcon, {
2240
+ size: 40,
2241
+ round: true
2242
+ }))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React.createElement("div", {
2351
2243
  className: "Demo__some-network ml-2 mr-2"
2352
2244
  }, /*#__PURE__*/React.createElement(LinkedinShareButton, {
2353
2245
  url: shareUrl,
2354
2246
  title: title,
2355
2247
  separator: ":: ",
2356
2248
  className: "Demo__some-network__share-button"
2357
- }, /*#__PURE__*/React.createElement("div", {
2358
- "class": productinfo_cssstyles.shareicon + ' allcentered ',
2359
- style: {}
2360
- }, /*#__PURE__*/React.createElement("i", {
2361
- "class": "h-100 allcentered"
2362
- }, /*#__PURE__*/React.createElement(FaLinkedinIn, null))))))));
2363
- };
2364
- var Quantitybtn_Cartbtn_Favbottombtn = function Quantitybtn_Cartbtn_Favbottombtn() {
2365
- var _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
2366
- return /*#__PURE__*/React.createElement("div", {
2367
- "class": "col-lg-12 p-0"
2368
- }, /*#__PURE__*/React.createElement("div", {
2369
- "class": "row m-0 w-100 d-flex align-items-center",
2370
- style: {
2371
- justifyContent: sectionproperties.cartbtncentered == 'Centered' ? 'center' : 'start'
2372
- }
2373
- }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("button", {
2374
- className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
2375
- style: {
2376
- height: sectionproperties.quantitybtn_height + 'px',
2377
- width: sectionproperties.quantitybtn_width + 'px',
2378
- flexDirection: 'row',
2379
- direction: 'ltr'
2380
- }
2381
- }, /*#__PURE__*/React.createElement("span", {
2382
- className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
2383
- onClick: function onClick() {
2384
- var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
2385
- if (tempaddtocardpayloadobj.quantity > 0) {
2386
- tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
2387
- }
2388
- setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
2389
- }
2390
- }, /*#__PURE__*/React.createElement("i", {
2391
- className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-down' : 'h-100 allcentered',
2392
- style: {
2393
- fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px'
2394
- }
2395
- }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React.createElement(FiMinus, {
2396
- size: sectionproperties.remove_quantitybtn_textfontsize
2397
- }))), /*#__PURE__*/React.createElement("span", {
2398
- className: "".concat(productinfo_cssstyles.quantitybtn_text)
2399
- }, addtocardpayloadobj.quantity), /*#__PURE__*/React.createElement("span", {
2400
- className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
2401
- onClick: function onClick() {
2402
- var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
2403
- tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
2404
- setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
2405
- }
2406
- }, /*#__PURE__*/React.createElement("i", {
2407
- className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-up' : 'h-100 allcentered'
2408
- // className="fa fa-chevron-up"
2409
- ,
2410
- style: {
2411
- fontSize: sectionproperties.add_quantitybtn_textfontsize + 'px'
2412
- }
2413
- }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React.createElement(FiPlus, {
2414
- size: sectionproperties.add_quantitybtn_textfontsize
2415
- })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("button", {
2416
- className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
2417
- onClick: function onClick() {
2418
- if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
2419
- var _fetchProductInfoQuer6;
2420
- window.open('tel:' + ((_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.product_phonenumber), '_blank');
2421
- } else {
2422
- if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
2423
- addtocartfunc();
2424
- } else {
2425
- NotificationManager.warning('', lang.maximum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', ' + lang.minimum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
2426
- }
2427
- }
2428
- },
2429
- disabled: AddtoCartMutationContext.isLoading == true ? true : false
2430
- }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("span", {
2431
- className: ' d-flex align-items-center justify-content-center '
2432
- }, /*#__PURE__*/React.createElement("i", {
2433
- className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
2434
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
2435
- className: "",
2436
- size: sectionproperties.cartBtn_iconFontSize
2437
- }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
2438
- className: "",
2439
- size: sectionproperties.cartBtn_iconFontSize
2440
- }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
2441
- className: "",
2442
- size: sectionproperties.cartBtn_iconFontSize
2443
- }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
2444
- className: "",
2445
- size: sectionproperties.cartBtn_iconFontSize
2446
- }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
2447
- className: "",
2448
- size: sectionproperties.cartBtn_iconFontSize
2449
- }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
2450
- size: sectionproperties.cartBtn_iconFontSize
2451
- })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
2452
- className: ' d-flex align-items-center justify-content-center '
2453
- }, /*#__PURE__*/React.createElement(CircularProgress, {
2454
- color: "white",
2455
- width: "20px",
2456
- height: "20px",
2457
- duration: "1s"
2458
- }))), sectionproperties.btnposition == 'Bottom' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
2459
- className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 ',
2460
- onClick: function onClick() {
2461
- addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
2462
- },
2463
- style: {
2464
- background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
2465
- }
2466
- }, /*#__PURE__*/React.createElement("i", {
2467
- className: "h-100 d-flex align-items-center justify-content-center"
2468
- }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
2469
- className: "h-100 d-flex align-items-center justify-content-center"
2470
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
2471
- size: sectionproperties.favBtnIconfontsize,
2472
- style: {
2473
- color: sectionproperties.activefaviconcolor
2474
- }
2475
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
2476
- size: sectionproperties.favBtnIconfontsize,
2477
- style: {
2478
- color: sectionproperties.activefaviconcolor
2479
- }
2480
- })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
2481
- className: "h-100 d-flex align-items-center justify-content-center"
2482
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
2483
- size: sectionproperties.favBtnIconfontsize
2484
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
2485
- size: sectionproperties.favBtnIconfontsize
2486
- }))), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React.createElement("p", {
2487
- "class": "m-0 p-0",
2488
- style: {
2489
- fontSize: sectionproperties.favBtnTextfontsize + 'px'
2490
- }
2491
- }, langdetect == 'en' ? sectionproperties.favbtncontent_en : sectionproperties.favbtncontent_ar), fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React.createElement("p", {
2492
- "class": "m-0 p-0",
2493
- style: {
2494
- fontSize: sectionproperties.favBtnTextfontsize + 'px'
2495
- }
2496
- }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2497
- "class": "row m-0 w-100 mt-3",
2498
- style: {
2499
- overflow: 'hidden'
2500
- }
2501
- }, /*#__PURE__*/React.createElement("button", {
2502
- className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' d-flex align-items-center justify-content-center mb-sm-2 ',
2503
- style: {
2504
- width: sectionproperties.cartBtnWidth + '%'
2505
- },
2506
- onClick: function onClick() {
2507
- if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
2508
- var _fetchProductInfoQuer10;
2509
- window.open('tel:' + ((_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.product_phonenumber), '_blank');
2510
- } else {
2511
- if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
2512
- addtocartfunc();
2513
- } else {
2514
- NotificationManager.warning('', lang.maximum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', ' + lang.minimum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
2515
- }
2516
- }
2517
- },
2518
- disabled: AddtoCartMutationContext.isLoading == true ? true : false
2519
- }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("span", {
2520
- className: ' d-flex align-items-center justify-content-center '
2521
- }, /*#__PURE__*/React.createElement("i", {
2522
- className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
2523
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
2524
- className: "",
2525
- size: sectionproperties.cartBtn_iconFontSize
2526
- }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
2527
- className: "",
2528
- size: sectionproperties.cartBtn_iconFontSize
2529
- }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
2530
- className: "",
2531
- size: sectionproperties.cartBtn_iconFontSize
2532
- }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
2533
- className: "",
2534
- size: sectionproperties.cartBtn_iconFontSize
2535
- }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
2536
- className: "",
2537
- size: sectionproperties.cartBtn_iconFontSize
2538
- }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
2539
- size: sectionproperties.cartBtn_iconFontSize
2540
- })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
2541
- className: ' d-flex align-items-center justify-content-center '
2542
- }, /*#__PURE__*/React.createElement(CircularProgress, {
2543
- color: "white",
2544
- width: "20px",
2545
- height: "20px",
2546
- duration: "1s"
2547
- }))), sectionproperties.btnposition == 'Besides Cart Button' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
2548
- className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 mx-3 ',
2549
- onClick: function onClick() {
2550
- addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
2551
- },
2552
- style: {
2553
- background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
2554
- }
2555
- }, /*#__PURE__*/React.createElement("i", {
2556
- className: "h-100 d-flex align-items-center justify-content-center"
2557
- }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
2558
- className: "h-100 d-flex align-items-center justify-content-center"
2559
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
2560
- size: sectionproperties.favBtnIconfontsize,
2561
- style: {
2562
- color: sectionproperties.activefaviconcolor
2563
- }
2564
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
2565
- size: sectionproperties.favBtnIconfontsize,
2566
- style: {
2567
- color: sectionproperties.activefaviconcolor
2568
- }
2569
- })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
2570
- className: "h-100 d-flex align-items-center justify-content-center"
2571
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
2572
- size: sectionproperties.favBtnIconfontsize
2573
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
2574
- size: sectionproperties.favBtnIconfontsize
2249
+ }, /*#__PURE__*/React.createElement(LinkedinIcon, {
2250
+ size: 40,
2251
+ round: true
2575
2252
  }))))));
2576
2253
  };
2577
2254
  // {fetchProductInfoQueryContext.data.data.productinfo.hassale == 0
2578
2255
  // ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2)
2579
2256
  // : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)}
2580
2257
  useEffect(function () {
2581
- var _fetchProductInfoQuer13;
2258
+ var _fetchProductInfoQuer;
2582
2259
  var totalprice = '';
2583
2260
  if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
2584
2261
  totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
2585
2262
  } else if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
2586
2263
  totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
2587
- } else if (variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.variants[variantindexcompleted]) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.hassale) == 1) {
2264
+ } else if (variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.variants[variantindexcompleted]) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.hassale) == 1) {
2588
2265
  totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
2589
2266
  } else {
2590
2267
  totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
@@ -2600,13 +2277,13 @@ var Product_itemtype = function Product_itemtype(props) {
2600
2277
  }, /*#__PURE__*/React.createElement("div", {
2601
2278
  "class": ' col-lg-12 p-0 '
2602
2279
  }, /*#__PURE__*/React.createElement("div", {
2603
- "class": srcfromprops == 'templatedraftrouter' ? "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 px-2 px-1025-1 p-sm-0 ' : "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
2280
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
2604
2281
  style: {
2605
2282
  minHeight: sectionproperties.height + 'vh'
2606
2283
  }
2607
2284
  }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
2608
2285
  "class": "w-100 scrollhorizontalwithscrollbar"
2609
- }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productimages) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.productimages.map(function (item, index) {
2286
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productimages) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productimages.map(function (item, index) {
2610
2287
  return /*#__PURE__*/React.createElement("div", {
2611
2288
  "class": ' scrollhorizontalcard mx-2 ',
2612
2289
  style: {
@@ -2637,17 +2314,60 @@ var Product_itemtype = function Product_itemtype(props) {
2637
2314
  className: 'row m-0 w-100'
2638
2315
  }, sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
2639
2316
  className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1"
2640
- }, GalleryStyle1Section()), /*#__PURE__*/React.createElement("div", {
2317
+ }, /*#__PURE__*/React.createElement("div", {
2318
+ className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? ' col-lg-12 p-0 maximize ' : 'col-lg-12 p-0',
2319
+ style: {
2320
+ width: '100%',
2321
+ height: 'auto'
2322
+ }
2323
+ }, productimagesarray.length == 0 && /*#__PURE__*/React.createElement("div", {
2324
+ style: {
2325
+ width: '100%',
2326
+ height: '30vh',
2327
+ background: '#eee',
2328
+ borderRadius: 10
2329
+ }
2330
+ }, /*#__PURE__*/React.createElement("i", {
2331
+ "class": "h-100 allcentered text-light"
2332
+ }, /*#__PURE__*/React.createElement(FiLayers, {
2333
+ size: 26
2334
+ }))), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
2335
+ "class": "w-100 d-block d-md-none"
2336
+ }, /*#__PURE__*/React.createElement(ImageGallery, {
2337
+ items: productimagesarray,
2338
+ thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
2339
+ showNav: false,
2340
+ showPlayButton: false,
2341
+ showFullscreenButton: true,
2342
+ startIndex: currentshowingimageindex
2343
+ })), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
2344
+ "class": "w-100 d-none d-md-block"
2345
+ }, /*#__PURE__*/React.createElement(ImageGallery, {
2346
+ items: productimagesarray,
2347
+ thumbnailPosition: 'bottom',
2348
+ showNav: false,
2349
+ showPlayButton: false,
2350
+ showFullscreenButton: true,
2351
+ startIndex: currentshowingimageindex
2352
+ })))), /*#__PURE__*/React.createElement("div", {
2641
2353
  className: sectionproperties.gallerystyle == 'Style 1' ? 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' : 'col-xl-12 col-lg-12 col-md-12 col-sm-12 px-3 px-md-2'
2642
2354
  }, /*#__PURE__*/React.createElement("div", {
2643
2355
  className: "row m-0 w-100"
2644
2356
  }, /*#__PURE__*/React.createElement("div", {
2645
- className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
2646
- }, ProductNameSection()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React.createElement("div", {
2357
+ className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
2358
+ }, /*#__PURE__*/React.createElement("p", {
2359
+ className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ',
2360
+ onClick: function onClick() {
2361
+ routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
2362
+ },
2363
+ style: {
2364
+ textAlign: langdetect == 'en' ? 'left' : 'right'
2365
+ }
2366
+ }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React.createElement("div", {
2647
2367
  className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
2648
2368
  }, /*#__PURE__*/React.createElement(ReactStars, {
2649
2369
  count: 5,
2650
- value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.productoverallrate,
2370
+ value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.productoverallrate,
2651
2371
  edit: false,
2652
2372
  size: 18,
2653
2373
  emptyIcon: /*#__PURE__*/React.createElement("i", {
@@ -2668,7 +2388,7 @@ var Product_itemtype = function Product_itemtype(props) {
2668
2388
  activeColor: "#ffd700"
2669
2389
  })), /*#__PURE__*/React.createElement("div", {
2670
2390
  className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
2671
- }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2391
+ }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2672
2392
  style: {
2673
2393
  width: sectionproperties.availability_width + 'px',
2674
2394
  height: sectionproperties.availability_height + 'px',
@@ -2720,7 +2440,7 @@ var Product_itemtype = function Product_itemtype(props) {
2720
2440
  }, /*#__PURE__*/React.createElement(DescriptionContent, {
2721
2441
  actions: props.actions,
2722
2442
  srcfromprops: 'undername'
2723
- })), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React.createElement("div", {
2443
+ })), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React.createElement("div", {
2724
2444
  "class": "col-lg-12 p-0 d-flex justify-content-start mt-2 mb-2"
2725
2445
  }, /*#__PURE__*/React.createElement("p", {
2726
2446
  "class": "m-0 p-0",
@@ -2731,15 +2451,32 @@ var Product_itemtype = function Product_itemtype(props) {
2731
2451
  style: {
2732
2452
  fontWeight: 600
2733
2453
  }
2734
- }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.vendorinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.vendorname))), /*#__PURE__*/React.createElement("div", {
2735
- "class": "col-lg-12 p-0"
2736
- }, SKUSection()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.quantavailtype) == 'limit' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.hasvariants) == 0 && /*#__PURE__*/React.createElement("div", {
2454
+ }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.vendorinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.vendorname))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
2455
+ "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
2456
+ }, /*#__PURE__*/React.createElement("p", {
2457
+ "class": "m-0 p-0 d-flex justify-content-start"
2458
+ }, /*#__PURE__*/React.createElement("span", {
2459
+ style: {
2460
+ color: sectionproperties.skuColor,
2461
+ fontWeight: sectionproperties.skuFontWeight,
2462
+ fontSize: sectionproperties.skuFontSize + 'px',
2463
+ textAlign: langdetect == 'en' ? 'left' : 'right'
2464
+ }
2465
+ }, langdetect == 'en' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React.createElement("span", {
2466
+ "class": "ml-1 mr-1",
2467
+ style: {
2468
+ color: '#7e859b',
2469
+ fontWeight: sectionproperties.skuSecondaryFontWeight,
2470
+ fontSize: sectionproperties.skuFontSize + 'px',
2471
+ textAlign: langdetect == 'en' ? 'left' : 'right'
2472
+ }
2473
+ }, fetchProductInfoQueryContext.data.data.productinfo.sku))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.quantavailtype) == 'limit' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.hasvariants) == 0 && /*#__PURE__*/React.createElement("div", {
2737
2474
  "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
2738
2475
  }, /*#__PURE__*/React.createElement("div", {
2739
2476
  "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
2740
2477
  }, /*#__PURE__*/React.createElement("p", {
2741
2478
  "class": "m-0 p-0"
2742
- }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
2479
+ }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
2743
2480
  "class": "mb-4 col-lg-12 allcentered",
2744
2481
  style: {
2745
2482
  width: '100%',
@@ -2760,9 +2497,9 @@ var Product_itemtype = function Product_itemtype(props) {
2760
2497
  textAlign: langdetect == 'en' ? 'left' : 'right',
2761
2498
  color: sectionproperties.deliverytimecontainercolor
2762
2499
  }
2763
- }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React.createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.isproducttobesold) == 1 && /*#__PURE__*/React.createElement(ProductHeaderPricing, {
2500
+ }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React.createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.isproducttobesold) == 1 && /*#__PURE__*/React.createElement(ProductHeaderPricing, {
2764
2501
  actions: props.actions
2765
- }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React.createElement("div", {
2502
+ }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React.createElement("div", {
2766
2503
  className: "row m-0 w-100 d-flex align-items-start"
2767
2504
  }, ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productoptions) === null || _ProductInfoObj$data === void 0 ? void 0 : _ProductInfoObj$data.map(function (item, index) {
2768
2505
  return /*#__PURE__*/React.createElement("div", {
@@ -2826,7 +2563,9 @@ var Product_itemtype = function Product_itemtype(props) {
2826
2563
  actions: props.actions
2827
2564
  }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React.createElement(ProductExtraFields, {
2828
2565
  actions: props.actions
2829
- }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
2566
+ }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement(DescriptionContent, {
2567
+ actions: props.actions
2568
+ }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
2830
2569
  className: "col-lg-12 p-0 mb-3"
2831
2570
  }, /*#__PURE__*/React.createElement("hr", {
2832
2571
  className: "mb-0 mt-2"
@@ -2837,8 +2576,8 @@ var Product_itemtype = function Product_itemtype(props) {
2837
2576
  }
2838
2577
  }, /*#__PURE__*/React.createElement("div", {
2839
2578
  className: "row m-0 w-100 d-flex align-items-center"
2840
- }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("div", {
2841
- className: "col-lg-12 p-0 mb-2 d-flex justify-content-start"
2579
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("div", {
2580
+ className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
2842
2581
  }, /*#__PURE__*/React.createElement("p", {
2843
2582
  className: "m-0 p-0",
2844
2583
  style: {
@@ -2847,7 +2586,216 @@ var Product_itemtype = function Product_itemtype(props) {
2847
2586
  textTransform: sectionproperties.generaltext_textTransform,
2848
2587
  fontWeight: sectionproperties.generaltext_fontWeight
2849
2588
  }
2850
- }, lang.quantity, ":")), Quantitybtn_Cartbtn_Favbottombtn())), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
2589
+ }, lang.quantity, ":")), /*#__PURE__*/React.createElement("div", {
2590
+ "class": "col-lg-12 p-0"
2591
+ }, /*#__PURE__*/React.createElement("div", {
2592
+ "class": "row m-0 w-100 d-flex align-items-center",
2593
+ style: {
2594
+ justifyContent: sectionproperties.cartbtncentered == 'Centered' ? 'center' : 'start'
2595
+ }
2596
+ }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("button", {
2597
+ className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
2598
+ style: {
2599
+ height: sectionproperties.quantitybtn_height + 'px',
2600
+ width: sectionproperties.quantitybtn_width + 'px',
2601
+ flexDirection: 'row',
2602
+ direction: 'ltr'
2603
+ }
2604
+ }, /*#__PURE__*/React.createElement("span", {
2605
+ className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
2606
+ onClick: function onClick() {
2607
+ var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
2608
+ if (tempaddtocardpayloadobj.quantity > 0) {
2609
+ tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
2610
+ }
2611
+ setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
2612
+ }
2613
+ }, /*#__PURE__*/React.createElement("i", {
2614
+ className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-down' : 'h-100 allcentered',
2615
+ style: {
2616
+ fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px'
2617
+ }
2618
+ }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React.createElement(FiMinus, {
2619
+ size: sectionproperties.remove_quantitybtn_textfontsize
2620
+ }))), /*#__PURE__*/React.createElement("span", {
2621
+ className: "".concat(productinfo_cssstyles.quantitybtn_text)
2622
+ }, addtocardpayloadobj.quantity), /*#__PURE__*/React.createElement("span", {
2623
+ className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
2624
+ onClick: function onClick() {
2625
+ var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
2626
+ tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
2627
+ setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
2628
+ }
2629
+ }, /*#__PURE__*/React.createElement("i", {
2630
+ className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-up' : 'h-100 allcentered'
2631
+ // className="fa fa-chevron-up"
2632
+ ,
2633
+ style: {
2634
+ fontSize: sectionproperties.add_quantitybtn_textfontsize + 'px'
2635
+ }
2636
+ }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React.createElement(FiPlus, {
2637
+ size: sectionproperties.add_quantitybtn_textfontsize
2638
+ })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("button", {
2639
+ className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
2640
+ onClick: function onClick() {
2641
+ if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
2642
+ var _fetchProductInfoQuer23;
2643
+ window.open('tel:' + ((_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.product_phonenumber), '_blank');
2644
+ } else {
2645
+ if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
2646
+ addtocartfunc();
2647
+ } else {
2648
+ NotificationManager.warning('', lang.maximum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', ' + lang.minimum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
2649
+ }
2650
+ }
2651
+ },
2652
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
2653
+ }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("span", {
2654
+ className: ' d-flex align-items-center justify-content-center '
2655
+ }, /*#__PURE__*/React.createElement("i", {
2656
+ className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
2657
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
2658
+ className: "",
2659
+ size: sectionproperties.cartBtn_iconFontSize
2660
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
2661
+ className: "",
2662
+ size: sectionproperties.cartBtn_iconFontSize
2663
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
2664
+ className: "",
2665
+ size: sectionproperties.cartBtn_iconFontSize
2666
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
2667
+ className: "",
2668
+ size: sectionproperties.cartBtn_iconFontSize
2669
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
2670
+ className: "",
2671
+ size: sectionproperties.cartBtn_iconFontSize
2672
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
2673
+ size: sectionproperties.cartBtn_iconFontSize
2674
+ })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
2675
+ className: ' d-flex align-items-center justify-content-center '
2676
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
2677
+ color: "white",
2678
+ width: "20px",
2679
+ height: "20px",
2680
+ duration: "1s"
2681
+ }))), sectionproperties.btnposition == 'Bottom' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
2682
+ className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 ',
2683
+ onClick: function onClick() {
2684
+ addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
2685
+ },
2686
+ style: {
2687
+ background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
2688
+ }
2689
+ }, /*#__PURE__*/React.createElement("i", {
2690
+ className: "h-100 d-flex align-items-center justify-content-center"
2691
+ }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
2692
+ className: "h-100 d-flex align-items-center justify-content-center"
2693
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
2694
+ size: sectionproperties.favBtnIconfontsize,
2695
+ style: {
2696
+ color: sectionproperties.activefaviconcolor
2697
+ }
2698
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
2699
+ size: sectionproperties.favBtnIconfontsize,
2700
+ style: {
2701
+ color: sectionproperties.activefaviconcolor
2702
+ }
2703
+ })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
2704
+ className: "h-100 d-flex align-items-center justify-content-center"
2705
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
2706
+ size: sectionproperties.favBtnIconfontsize
2707
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
2708
+ size: sectionproperties.favBtnIconfontsize
2709
+ }))), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React.createElement("p", {
2710
+ "class": "m-0 p-0",
2711
+ style: {
2712
+ fontSize: sectionproperties.favBtnTextfontsize + 'px'
2713
+ }
2714
+ }, langdetect == 'en' ? sectionproperties.favbtncontent_en : sectionproperties.favbtncontent_ar), fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React.createElement("p", {
2715
+ "class": "m-0 p-0",
2716
+ style: {
2717
+ fontSize: sectionproperties.favBtnTextfontsize + 'px'
2718
+ }
2719
+ }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2720
+ "class": "row m-0 w-100 mt-3",
2721
+ style: {
2722
+ overflow: 'hidden'
2723
+ }
2724
+ }, /*#__PURE__*/React.createElement("button", {
2725
+ className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' d-flex align-items-center justify-content-center mb-sm-2 ',
2726
+ style: {
2727
+ width: sectionproperties.cartBtnWidth + '%'
2728
+ },
2729
+ onClick: function onClick() {
2730
+ if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
2731
+ var _fetchProductInfoQuer27;
2732
+ window.open('tel:' + ((_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.product_phonenumber), '_blank');
2733
+ } else {
2734
+ if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
2735
+ addtocartfunc();
2736
+ } else {
2737
+ NotificationManager.warning('', lang.maximum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', ' + lang.minimum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
2738
+ }
2739
+ }
2740
+ },
2741
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
2742
+ }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("span", {
2743
+ className: ' d-flex align-items-center justify-content-center '
2744
+ }, /*#__PURE__*/React.createElement("i", {
2745
+ className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
2746
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
2747
+ className: "",
2748
+ size: sectionproperties.cartBtn_iconFontSize
2749
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
2750
+ className: "",
2751
+ size: sectionproperties.cartBtn_iconFontSize
2752
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
2753
+ className: "",
2754
+ size: sectionproperties.cartBtn_iconFontSize
2755
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
2756
+ className: "",
2757
+ size: sectionproperties.cartBtn_iconFontSize
2758
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
2759
+ className: "",
2760
+ size: sectionproperties.cartBtn_iconFontSize
2761
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
2762
+ size: sectionproperties.cartBtn_iconFontSize
2763
+ })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
2764
+ className: ' d-flex align-items-center justify-content-center '
2765
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
2766
+ color: "white",
2767
+ width: "20px",
2768
+ height: "20px",
2769
+ duration: "1s"
2770
+ }))), sectionproperties.btnposition == 'Besides Cart Button' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
2771
+ className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 mx-3 ',
2772
+ onClick: function onClick() {
2773
+ addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
2774
+ },
2775
+ style: {
2776
+ background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
2777
+ }
2778
+ }, /*#__PURE__*/React.createElement("i", {
2779
+ className: "h-100 d-flex align-items-center justify-content-center"
2780
+ }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
2781
+ className: "h-100 d-flex align-items-center justify-content-center"
2782
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
2783
+ size: sectionproperties.favBtnIconfontsize,
2784
+ style: {
2785
+ color: sectionproperties.activefaviconcolor
2786
+ }
2787
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
2788
+ size: sectionproperties.favBtnIconfontsize,
2789
+ style: {
2790
+ color: sectionproperties.activefaviconcolor
2791
+ }
2792
+ })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
2793
+ className: "h-100 d-flex align-items-center justify-content-center"
2794
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
2795
+ size: sectionproperties.favBtnIconfontsize
2796
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
2797
+ size: sectionproperties.favBtnIconfontsize
2798
+ })))))))), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
2851
2799
  className: "col-lg-12 p-0 mb-3"
2852
2800
  }, /*#__PURE__*/React.createElement("div", {
2853
2801
  className: "row m-0 w-100 d-flex flex-row"
@@ -2870,7 +2818,7 @@ var Product_itemtype = function Product_itemtype(props) {
2870
2818
  }
2871
2819
  }, /*#__PURE__*/React.createElement("span", {
2872
2820
  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 '
2873
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.variants[variantindexcompleted]) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.variants[variantindexcompleted]) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("p", {
2821
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.variants[variantindexcompleted]) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.variants[variantindexcompleted]) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("p", {
2874
2822
  className: 'm-0 p-0 linethrough wordbreak',
2875
2823
  style: {
2876
2824
  color: sectionproperties.prodsalePriceColor,
@@ -2884,14 +2832,14 @@ var Product_itemtype = function Product_itemtype(props) {
2884
2832
  style: {
2885
2833
  textDecoration: 'none'
2886
2834
  }
2887
- }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.variants[variantindexcompleted]) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
2835
+ }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.variants[variantindexcompleted]) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
2888
2836
  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 '
2889
2837
  }, /*#__PURE__*/React.createElement("span", {
2890
2838
  className: "ml-2 mr-2",
2891
2839
  style: {
2892
2840
  textDecoration: 'none'
2893
2841
  }
2894
- }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer35 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : _fetchProductInfoQuer35.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2842
+ }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2895
2843
  className: "col-lg-12 p-0 mb-3 mt-2"
2896
2844
  }, /*#__PURE__*/React.createElement("div", {
2897
2845
  style: {
@@ -2917,7 +2865,7 @@ var Product_itemtype = function Product_itemtype(props) {
2917
2865
  className: "font-weight-600"
2918
2866
  }, lang.availability, ":"), /*#__PURE__*/React.createElement("span", {
2919
2867
  className: "ml-1 mr-1"
2920
- }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
2868
+ }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
2921
2869
  "class": "col-lg-12 p-0"
2922
2870
  }, /*#__PURE__*/React.createElement("hr", {
2923
2871
  "class": "mb-3 mt-3",
@@ -2936,6 +2884,11 @@ var Product_itemtype = function Product_itemtype(props) {
2936
2884
  paddingRight: langdetect == 'ar' ? '.5rem' : 0
2937
2885
  }
2938
2886
  }, StoreInfoprops(), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
2887
+ "class": productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 ',
2888
+ style: {}
2889
+ }, /*#__PURE__*/React.createElement("hr", {
2890
+ "class": "my-3"
2891
+ })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
2939
2892
  "class": "col-lg-12 p-0 allcentered mt-2"
2940
2893
  }, ShareButtonsContainer()))))))), sectionproperties.storeinfoposition == 'On The Right' && /*#__PURE__*/React.createElement("div", {
2941
2894
  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',
@@ -7478,9 +7431,12 @@ var Wishlist = function Wishlist(props) {
7478
7431
  }, /*#__PURE__*/React.createElement("div", {
7479
7432
  className: ' col-lg-12 table_responsive p-0 '
7480
7433
  }, /*#__PURE__*/React.createElement("table", {
7481
- className: 'table'
7434
+ className: 'table table_thbg'
7482
7435
  }, /*#__PURE__*/React.createElement("thead", {
7483
- className: ""
7436
+ className: "",
7437
+ style: {
7438
+ background: '#eee'
7439
+ }
7484
7440
  }, /*#__PURE__*/React.createElement("th", {
7485
7441
  className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
7486
7442
  }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("th", {
@@ -7578,7 +7534,7 @@ var Wishlist = function Wishlist(props) {
7578
7534
  function ownKeys$2f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7579
7535
  function _objectSpread$2f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7580
7536
  var Viewcart = function Viewcart(props) {
7581
- var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
7537
+ var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue7, _fetchcustomercartQue8;
7582
7538
  var lang = props.actions.lang;
7583
7539
  var langdetect = props.actions.langdetect;
7584
7540
  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
@@ -7818,8 +7774,10 @@ var Viewcart = function Viewcart(props) {
7818
7774
  }
7819
7775
  }),
7820
7776
  tableimagecont: css({
7821
- width: sectionproperties.prodimage_width + 'px',
7822
- height: sectionproperties.prodimage_height + 'px',
7777
+ width: '70px',
7778
+ height: sectionproperties.prodimage__borderBottomLeftRadius == 100 ? '70px' : '60px',
7779
+ border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
7780
+ backgroundColor: sectionproperties.prodimage_bgcolor,
7823
7781
  display: 'flex',
7824
7782
  alignItems: 'center',
7825
7783
  justifyContent: 'center',
@@ -7832,22 +7790,6 @@ var Viewcart = function Viewcart(props) {
7832
7790
  '@media (max-width: 800px)': {
7833
7791
  paddingTop: sectionproperties.marginTopResp + 'px'
7834
7792
  }
7835
- }),
7836
- shopbuttonstyles: css({
7837
- width: sectionproperties.generalbtn_width == 0 ? '100%' : sectionproperties.generalbtn_width + '%',
7838
- height: sectionproperties.generalbtn_height + 'px',
7839
- borderRadius: sectionproperties.generalbtnborderradius,
7840
- backgroundColor: sectionproperties.generalbtn_bgColor,
7841
- color: sectionproperties.generalbtn_textColor,
7842
- border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
7843
- fontSize: sectionproperties.generalbtn_fontsize + 'px',
7844
- fontWeight: sectionproperties.generalbtn_fontweight,
7845
- ':hover': {
7846
- transition: '.3s',
7847
- backgroundColor: sectionproperties.generalbtn_bgColoronhover,
7848
- color: sectionproperties.generalbtn_textColoronhover,
7849
- borderColor: sectionproperties.generalbtn_textColoronhover
7850
- }
7851
7793
  })
7852
7794
  };
7853
7795
  var _useState5 = useState([]),
@@ -7887,7 +7829,7 @@ var Viewcart = function Viewcart(props) {
7887
7829
  "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'h-sm-auto mb-sm-4' : '',
7888
7830
  style: {
7889
7831
  width: sectionproperties.image_width + 'vw',
7890
- height: 'auto',
7832
+ height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'vh',
7891
7833
  marginBottom: sectionproperties.image_mb + 'px',
7892
7834
  position: 'relative'
7893
7835
  }
@@ -7899,11 +7841,15 @@ var Viewcart = function Viewcart(props) {
7899
7841
  style: {
7900
7842
  height: '100%',
7901
7843
  width: '100%',
7902
- objectFit: 'contain',
7903
7844
  margin: 0,
7904
7845
  padding: 0,
7905
- borderRadius: sectionproperties.imageborderradius + 'px',
7906
- zIndex: -1
7846
+ background: sectionproperties.image_bgcolor,
7847
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
7848
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
7849
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
7850
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
7851
+ zIndex: -1,
7852
+ objectFit: sectionproperties.bgcovercontain
7907
7853
  }
7908
7854
  }), /*#__PURE__*/React.createElement(Imagekitimagecomp, {
7909
7855
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -7913,13 +7859,34 @@ var Viewcart = function Viewcart(props) {
7913
7859
  style: {
7914
7860
  height: '100%',
7915
7861
  width: '100%',
7916
- objectFit: 'contain',
7917
7862
  margin: 0,
7918
7863
  padding: 0,
7919
- borderRadius: sectionproperties.imageborderradius + 'px',
7864
+ objectFit: sectionproperties.bgcovercontainresponsive,
7865
+ background: sectionproperties.image_bgcolor,
7866
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
7867
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
7868
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
7869
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
7920
7870
  zIndex: -1
7921
7871
  }
7922
- }))), /*#__PURE__*/React.createElement("div", {
7872
+ }), /*#__PURE__*/React.createElement("div", {
7873
+ className: ' col-lg-12 p-0 w-100 d-flex align-items-center justify-content-center ',
7874
+ style: {
7875
+ position: 'absolute',
7876
+ top: 0,
7877
+ right: 0,
7878
+ bottom: 0,
7879
+ left: 0
7880
+ }
7881
+ }, /*#__PURE__*/React.createElement("p", {
7882
+ className: ' m-0 p-0 ',
7883
+ style: {
7884
+ fontSize: sectionproperties.imagetextfontsize + 'px',
7885
+ color: sectionproperties.imagetextcolor,
7886
+ textTransform: sectionproperties.imagetexttextTransform,
7887
+ fontWeight: sectionproperties.imagetextfontWeight
7888
+ }
7889
+ }, lang.mycart)))), /*#__PURE__*/React.createElement("div", {
7923
7890
  className: "col-lg-12 p-0"
7924
7891
  }, /*#__PURE__*/React.createElement("div", {
7925
7892
  className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
@@ -7931,9 +7898,9 @@ var Viewcart = function Viewcart(props) {
7931
7898
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
7932
7899
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
7933
7900
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
7934
- borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
7935
- borderColor: sectionproperties.sectioncardbordercolor,
7936
- border: sectionproperties.sectioncardborderwidth + 'px solid'
7901
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
7902
+ // borderColor: sectionproperties.sectioncardbordercolor,
7903
+ // border: sectionproperties.sectioncardborderwidth + 'px solid',
7937
7904
  }
7938
7905
  }, /*#__PURE__*/React.createElement("div", {
7939
7906
  className: 'col-lg-12 p-0'
@@ -7942,7 +7909,7 @@ var Viewcart = function Viewcart(props) {
7942
7909
  actions: actions
7943
7910
  })), /*#__PURE__*/React.createElement("div", {
7944
7911
  className: 'col-lg-12 d-flex w-100 p-0'
7945
- }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.cartitems) === null || _fetchcustomercartQue7 === void 0 ? void 0 : _fetchcustomercartQue7.length) != 0 && /*#__PURE__*/React.createElement("div", {
7912
+ }, /*#__PURE__*/React.createElement("div", {
7946
7913
  className: "row m-0 w-100"
7947
7914
  }, /*#__PURE__*/React.createElement("div", {
7948
7915
  className: langdetect == 'en' ? 'col-lg-9 pr-0' : 'col-lg-9 pl-0'
@@ -7958,7 +7925,10 @@ var Viewcart = function Viewcart(props) {
7958
7925
  }, /*#__PURE__*/React.createElement("table", {
7959
7926
  className: 'table table_thbg'
7960
7927
  }, /*#__PURE__*/React.createElement("thead", {
7961
- className: ""
7928
+ className: "",
7929
+ style: {
7930
+ background: '#eee'
7931
+ }
7962
7932
  }, /*#__PURE__*/React.createElement("th", {
7963
7933
  className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
7964
7934
  }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), /*#__PURE__*/React.createElement("th", {
@@ -7975,7 +7945,7 @@ var Viewcart = function Viewcart(props) {
7975
7945
  }
7976
7946
  }, lang.total), /*#__PURE__*/React.createElement("th", {
7977
7947
  className: "text-capitalize text-center font-weight-500 font-14 text-uppercase text-light"
7978
- }, lang.remove)), /*#__PURE__*/React.createElement("tbody", null, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.cartitems) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.map(function (item, index) {
7948
+ }, lang.remove)), /*#__PURE__*/React.createElement("tbody", null, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.cartitems) === null || _fetchcustomercartQue7 === void 0 ? void 0 : _fetchcustomercartQue7.map(function (item, index) {
7979
7949
  return /*#__PURE__*/React.createElement("tr", {
7980
7950
  className: "border-none"
7981
7951
  }, /*#__PURE__*/React.createElement("td", {
@@ -7991,7 +7961,8 @@ var Viewcart = function Viewcart(props) {
7991
7961
  style: {
7992
7962
  width: '100%',
7993
7963
  height: '100%',
7994
- objectFit: 'contain'
7964
+ objectFit: sectionproperties.prodimage__borderBottomLeftRadius == '100' ? 'cover' : 'contain',
7965
+ borderRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px'
7995
7966
  },
7996
7967
  loading: "lazy"
7997
7968
  })), /*#__PURE__*/React.createElement("div", {
@@ -8145,18 +8116,16 @@ var Viewcart = function Viewcart(props) {
8145
8116
  deletecartitemContext(item);
8146
8117
  }
8147
8118
  }, lang.remove)));
8148
- })))))), /*#__PURE__*/React.createElement("div", {
8149
- className: langdetect == 'en' ? ' col-lg-3 pr-0 px-sm-0 mb-4 ' : ' col-lg-3 pl-0 px-sm-0 mb-4'
8150
- }, Summary())), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.cartitems.length) == 0 && /*#__PURE__*/React.createElement("div", {
8151
- className: "row m-0 w-100 d-flex align-items-center justify-content-center pt-5 pb-5",
8119
+ })))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.cartitems.length) == 0 && /*#__PURE__*/React.createElement("div", {
8120
+ className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100 pt-5 pb-5",
8152
8121
  style: {
8153
- height: '60vh'
8122
+ height: '50vh'
8154
8123
  }
8155
8124
  }, /*#__PURE__*/React.createElement("div", {
8156
8125
  className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
8157
8126
  }, /*#__PURE__*/React.createElement("div", {
8158
8127
  className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column"
8159
- }, sectionproperties.noproducticontype == 'Cart' && sectionproperties.noprod_iconfontSize != 0 && /*#__PURE__*/React.createElement("img", {
8128
+ }, sectionproperties.noproducticontype == 'Cart' && /*#__PURE__*/React.createElement("img", {
8160
8129
  src: 'https://tabex-co.com/storage/StaticImages/shoppingcart.png',
8161
8130
  style: {
8162
8131
  maxWidth: '250px',
@@ -8174,12 +8143,9 @@ var Viewcart = function Viewcart(props) {
8174
8143
  color: sectionproperties.noprod_color,
8175
8144
  fontSize: sectionproperties.noprod_fontSize + 'px'
8176
8145
  }
8177
- }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar), /*#__PURE__*/React.createElement("button", {
8178
- className: "".concat(viewcart_cssstyles.shopbuttonstyles) + ' mt-4 d-flex align-items-center justify-content-center ',
8179
- onClick: function onClick() {
8180
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
8181
- }
8182
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))));
8146
+ }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)))))), /*#__PURE__*/React.createElement("div", {
8147
+ className: langdetect == 'en' ? ' col-lg-3 pr-0 px-sm-0 mb-4 ' : ' col-lg-3 pl-0 px-sm-0 mb-4'
8148
+ }, Summary()))))));
8183
8149
  };
8184
8150
 
8185
8151
  var css_248z$G = "/* Forms */\n.form-module_form_control__4-RGw {\n display: block;\n width: 100%;\n /* height: 25px; */\n /* font-size: 1rem; */\n font-weight: 500;\n /* color: #444054; */\n /* background-color: white; */\n /* border-radius: 20px; */\n /* box-shadow: 0 0 10px #e6e6e6; */\n /* height: 40px; */\n padding-left: 0;\n padding-right: 0;\n /* font-size: 14px; */\n transition: background 0s ease-out;\n padding: 0 10px;\n}\n.form-module_textarea__zG0ed{\n resize: none;\n /* background-color: #eee; */\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .form-module_form_control__4-RGw {\n transition: none;\n }\n}\n.form-module_form_control__4-RGw::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n.form-module_form_control__4-RGw::placeholder {\n color: #eac435;\n opacity: 1;\n}\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n cursor: not-allowed;\n}\ntextarea.form-module_form_control__4-RGw {\n /* min-height: 100px !important; */\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.form-module_form_control__4-RGw:focus {\n transition-duration: 0.3s;\n box-shadow: none;\n /* box-shadow: 0 0 10px #ccc; */\n}\n.form-module_form_control__4-RGw::-moz-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.form-module_form_control__4-RGw:-ms-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.form-module_form_control__4-RGw::-webkit-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n\n.form-module_form_control_border_none__TJvdZ {\n background-image: none;\n}\n.form-module_form_control__4-RGw.form-module_disabled__AtvSI,\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[disabled] {\n cursor: not-allowed;\n}\n.form-module_input_label_name__416wN {\n font-size: 16px;\n text-transform: capitalize;\n color: var(--cardheader);\n font-weight: 500;\n}\n.form-module_input_label_name-bolder__UQn0a {\n font-weight: 500;\n}\n.form-module_input_icon__X-CzC {\n position: absolute;\n bottom: 5px;\n left: 0;\n color: #d9d9d9;\n}\n/* Radio Buttons */\n.form-module_radiobtn_label__-4Hoi {\n display: flex;\n cursor: pointer;\n font-weight: 500;\n position: relative;\n overflow: hidden;\n margin-bottom: 0;\n}\n.form-module_radiobtn_label__-4Hoi input {\n position: absolute;\n left: -9999px;\n display: none;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span {\n background-color: #f0f5f5;\n color: var(--focus);\n font-weight: 500;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span:before {\n box-shadow: inset 0 0 0 0.3em #eac435;\n}\n.form-module_radiobtn_label__-4Hoi span {\n display: flex;\n align-items: center;\n text-transform: capitalize;\n padding: 0.375em 0.75em 0.375em 0.375em;\n border-radius: 99em;\n transition: 0.25s ease;\n font-weight: normal;\n color: var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi span:hover {\n background-color: #e6e6e6;\n}\n.form-module_radiobtn_label__-4Hoi span:before {\n display: flex;\n flex-shrink: 0;\n content: '';\n background-color: #fff;\n width: 1em;\n height: 1em;\n border-radius: 50%;\n margin-right: 0.375em;\n transition: 0.25s ease;\n box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi.form-module_text-grey__JdZMY span:before {\n box-shadow: inset 0 0 0 0.125em grey;\n}\n.form-module_radiobtn_label__-4Hoi input.form-module_disabled__AtvSI {\n cursor: not-allowed;\n}\n.form-module_radiobtn_label_translated__WN5Jj span:before {\n display: flex;\n flex-shrink: 0;\n content: '';\n background-color: #fff;\n width: 1em;\n height: 1em;\n border-radius: 50%;\n margin-left: 0.375em;\n margin-right: 0;\n transition: 0.25s ease;\n box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label_translated__WN5Jj input.form-module_disabled__AtvSI {\n cursor: not-allowed;\n}\n\n/* Checkbox */\n.form-module_checkbox__XPkWy {\n --border: #022648;\n --border-hover: #959ed0;\n --tick: #fff;\n position: relative;\n /* color: var(--cardheader); */\n}\n.form-module_checkbox_label__VvcKs {\n font-size: 16px;\n text-transform: capitalize;\n font-weight: 500;\n cursor: pointer;\n}\n.form-module_checkbox__XPkWy:hover {\n /* color: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input,\n.form-module_checkbox__XPkWy svg {\n width: 16px;\n height: 16px;\n display: block;\n}\n.form-module_checkbox_sub__QWYil input {\n width: 15px;\n height: 15px;\n}\n.form-module_checkbox__XPkWy input {\n -webkit-appearance: none;\n -moz-appearance: none;\n position: relative;\n outline: none;\n background: white;\n border: none;\n margin: 0;\n padding: 0;\n cursor: pointer;\n border-radius: 4px;\n transition: box-shadow 0.3s;\n box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.form-module_checkbox__XPkWy input:disabled {\n cursor: not-allowed;\n}\n.form-module_checkbox__XPkWy input:hover {\n /* --s: 2px; */\n /* --b: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input:checked {\n /* --b: var(--secondary); */\n}\n.form-module_checkbox__XPkWy svg {\n pointer-events: none;\n fill: none;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n /* stroke: var(--stroke, var(--secondary)); */\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 21px;\n transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkbox_sub__QWYil svg {\n pointer-events: none;\n fill: none;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke: var(--stroke, var(--secondary));\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 21px;\n transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkboxtranslated__zvEV- svg {\n right: 0;\n}\n.form-module_checkbox__XPkWy input:checked {\n --s: 2px;\n transition-delay: 0.4s;\n}\n.form-module_checkbox__XPkWy input:checked + svg {\n --a: 16.1 86.12;\n --o: 102.22;\n}\n.form-module_checkbox__XPkWy svg {\n stroke-dasharray: var(--a, 86.12);\n stroke-dashoffset: var(--o, 86.12);\n transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
@@ -8495,15 +8461,13 @@ var Checkout = function Checkout(props) {
8495
8461
  })), _defineProperty(_checkoutstyles, "containerstyles", css({
8496
8462
  marginTop: sectionproperties.marginTop + 'px',
8497
8463
  marginBottom: sectionproperties.marginBottom + 'px',
8498
- paddingLeft: sectionproperties.paddingLeft + 'px',
8499
- paddingRight: sectionproperties.paddingRight + 'px',
8464
+ paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
8465
+ paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
8500
8466
  paddingTop: sectionproperties.paddingTop + 'px',
8501
8467
  paddingBottom: sectionproperties.paddingBottom + 'px',
8502
8468
  background: sectionproperties.backgroundColor,
8503
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
8504
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
8505
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
8506
- borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
8469
+ borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
8470
+ minHeight: '70vh',
8507
8471
  '@media (max-width: 800px)': {
8508
8472
  marginTop: sectionproperties.marginTopResp + 'px'
8509
8473
  }
@@ -8901,13 +8865,16 @@ var Checkout = function Checkout(props) {
8901
8865
  __html: langdetect == 'en' ? sectionproperties.text1editortexten : sectionproperties.text1editortextar
8902
8866
  }
8903
8867
  })), /*#__PURE__*/React.createElement("div", {
8904
- className: "col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3",
8868
+ className: "col-lg-12 d-flex align-items-center justify-content-center mt-4 p-0 mb-2 mt-sm-3",
8905
8869
  style: {
8906
8870
  marginTop: sectionproperties.showtotalsection == 'Show' ? 0 : '0.5rem'
8907
8871
  }
8908
8872
  }, /*#__PURE__*/React.createElement("button", {
8909
8873
  className: " ".concat(checkoutstyles.checkoutbtnstyles) + ' d-flex align-items-center justify-content-center ',
8910
8874
  onClick: function onClick() {
8875
+ if (sectionproperties.showpaymentfooter == 'Hide') {
8876
+ cartinfoupdater('paymentmethod', 'cod');
8877
+ }
8911
8878
  addorderfuncrunner();
8912
8879
  // AddOrderMutationContext.mutate(payloadobj);
8913
8880
  },
@@ -8923,7 +8890,9 @@ var Checkout = function Checkout(props) {
8923
8890
  return /*#__PURE__*/React.createElement("div", {
8924
8891
  className: 'row m-0 w-100 d-flex justify-content-center p-sm-0 '
8925
8892
  }, /*#__PURE__*/React.createElement("div", {
8926
- className: checkoutstyles.containerstyles + ' col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2 '
8893
+ className: ' col-lg-12 w-100 d-flex justify-content-center p-0 '
8894
+ }, /*#__PURE__*/React.createElement("div", {
8895
+ className: checkoutstyles.containerstyles + ' w-100 d-flex justify-content-center px-md-2 '
8927
8896
  }, /*#__PURE__*/React.createElement("div", {
8928
8897
  className: 'row m-0 w-100 justify-content-center '
8929
8898
  }, /*#__PURE__*/React.createElement("div", {
@@ -9287,7 +9256,7 @@ var Checkout = function Checkout(props) {
9287
9256
  resize: 'none',
9288
9257
  boxShadow: 'none'
9289
9258
  }
9290
- }))))), /*#__PURE__*/React.createElement("div", {
9259
+ }))))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
9291
9260
  className: "col-lg-12 p-0 w-100"
9292
9261
  }, /*#__PURE__*/React.createElement("div", {
9293
9262
  "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 '
@@ -9411,7 +9380,7 @@ var Checkout = function Checkout(props) {
9411
9380
  d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
9412
9381
  })), /*#__PURE__*/React.createElement("p", {
9413
9382
  className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
9414
- }, " Mobile Wallet")))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 || (_fetchcustomercartQue75 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : _fetchcustomercartQue75.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React.createElement("div", {
9383
+ }, langdetect == 'en' ? 'Mobile Wallet' : 'المحفظة الإلكترونية')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 || (_fetchcustomercartQue75 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : _fetchcustomercartQue75.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React.createElement("div", {
9415
9384
  className: "col-lg-12 p-0 w-100 mb-3"
9416
9385
  }, /*#__PURE__*/React.createElement("div", {
9417
9386
  style: {
@@ -9513,7 +9482,7 @@ var Checkout = function Checkout(props) {
9513
9482
  }
9514
9483
  })))))), /*#__PURE__*/React.createElement("div", {
9515
9484
  className: langdetect == 'en' ? 'col-lg-4 col-md-12 pr-0' : 'col-lg-4 col-md-12 pl-0'
9516
- }, Mycart()))));
9485
+ }, Mycart())))));
9517
9486
  };
9518
9487
 
9519
9488
  function ownKeys$2d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -11984,7 +11953,7 @@ var CartSlider = function CartSlider(props) {
11984
11953
  setsidecartnavshowWorkplaceDesigncontext(false);
11985
11954
  setsidecartnavshowcontext(false);
11986
11955
  },
11987
- placement: "end",
11956
+ placement: langdetect == 'en' ? 'end' : 'start',
11988
11957
  scroll: true,
11989
11958
  style: {
11990
11959
  backgroundColor: sectionproperties.backgroundColor,
@@ -12175,25 +12144,39 @@ var CartSlider = function CartSlider(props) {
12175
12144
  "class": "col-9 p-0 d-flex justify-content-start align-items-center"
12176
12145
  }, /*#__PURE__*/React.createElement("button", {
12177
12146
  className: " ".concat(cart_cssstyles.quantitybtn) + ' px-2 d-flex align-items-center justify-content-center '
12178
- }, /*#__PURE__*/React.createElement("span", {
12147
+ }, langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
12179
12148
  className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
12180
12149
  onClick: function onClick() {
12181
12150
  ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) - 1));
12182
12151
  }
12183
12152
  }, /*#__PURE__*/React.createElement(FiMinus, {
12184
12153
  size: sectionproperties.remove_quantitybtn_textfontsize
12154
+ })), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
12155
+ className: "".concat(cart_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
12156
+ onClick: function onClick() {
12157
+ ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) + 1));
12158
+ }
12159
+ }, /*#__PURE__*/React.createElement(FiPlus, {
12160
+ size: sectionproperties.add_quantitybtn_textfontsize
12185
12161
  })), /*#__PURE__*/React.createElement("span", {
12186
12162
  className: "".concat(cart_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center ',
12187
12163
  style: {
12188
12164
  background: 'transparent'
12189
12165
  }
12190
- }, item.quantity), /*#__PURE__*/React.createElement("span", {
12166
+ }, item.quantity), langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
12191
12167
  className: "".concat(cart_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
12192
12168
  onClick: function onClick() {
12193
12169
  ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) + 1));
12194
12170
  }
12195
12171
  }, /*#__PURE__*/React.createElement(FiPlus, {
12196
12172
  size: sectionproperties.add_quantitybtn_textfontsize
12173
+ })), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
12174
+ className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
12175
+ onClick: function onClick() {
12176
+ ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) - 1));
12177
+ }
12178
+ }, /*#__PURE__*/React.createElement(FiMinus, {
12179
+ size: sectionproperties.remove_quantitybtn_textfontsize
12197
12180
  })))), /*#__PURE__*/React.createElement("div", {
12198
12181
  "class": "col-3 p-0 d-flex justify-content-end align-items-center"
12199
12182
  }, /*#__PURE__*/React.createElement("p", {
@@ -15219,7 +15202,7 @@ var CardsSection = function CardsSection(props) {
15219
15202
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
15220
15203
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto';
15221
15204
  } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
15222
- bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
15205
+ bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
15223
15206
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition') {
15224
15207
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
15225
15208
  } else if (item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard') {
@@ -16315,6 +16298,10 @@ var Searchlist$1 = function Searchlist(props) {
16315
16298
  color: sectionproperties.searchlist_prodNameColorOnHover
16316
16299
  }
16317
16300
  }),
16301
+ productnamecont: css({
16302
+ paddingLeft: langdetect == 'en' ? '0.25rem' : 0,
16303
+ paddingRight: langdetect == 'ar' ? '0.25rem' : 0
16304
+ }),
16318
16305
  productNameStyles: css({
16319
16306
  fontSize: sectionproperties.searchlist_prodNameFontSize + 'px',
16320
16307
  textTransform: sectionproperties.searchlist_prodNameTextTranform,
@@ -16422,7 +16409,7 @@ var Searchlist$1 = function Searchlist(props) {
16422
16409
  borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
16423
16410
  }
16424
16411
  })), /*#__PURE__*/React.createElement("div", {
16425
- "class": props.srcfromprops == 'StylishHeader' ? 'col-lg-11 col-md-11 col-sm-9 pl-1 pr-0 d-flex' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'col-lg-9 col-md-10 col-sm-9 pl-1 pr-0 d-flex' : 'col-lg-10 col-md-11 col-sm-9 pl-1 pr-0 d-flex',
16412
+ "class": props.srcfromprops == 'StylishHeader' ? searchlist_styles.productnamecont + ' col-lg-11 col-md-11 col-sm-9 d-flex ' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? searchlist_styles.productnamecont + ' col-lg-9 col-md-10 col-sm-9 d-flex ' : searchlist_styles.productnamecont + ' col-lg-10 col-md-11 col-sm-9 d-flex ',
16426
16413
  style: {
16427
16414
  alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
16428
16415
  }
@@ -18165,8 +18152,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18165
18152
  setmenuactive = _useState6[1];
18166
18153
  var _useState7 = useState(false),
18167
18154
  _useState8 = _slicedToArray(_useState7, 2),
18168
- openSearch = _useState8[0],
18169
- setopenSearch = _useState8[1];
18155
+ openSearch = _useState8[0];
18156
+ _useState8[1];
18170
18157
  useEffect(function () {
18171
18158
  if (props.sectionpropertiesprops != undefined) {
18172
18159
  setsectionproperties(_objectSpread$1T({}, props.sectionpropertiesprops));
@@ -18437,12 +18424,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18437
18424
  }
18438
18425
  }))), /*#__PURE__*/React.createElement("div", {
18439
18426
  className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
18440
- }, /*#__PURE__*/React.createElement("i", {
18441
- "class": "h-100 allcentered",
18442
- onClick: function onClick() {
18443
- setopenSearch(true);
18444
- }
18445
- }, /*#__PURE__*/React.createElement(IoSearchOutline, null)), sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React.createElement("i", {
18427
+ }, sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React.createElement("i", {
18446
18428
  "class": ' h-100 allcentered ',
18447
18429
  style: {
18448
18430
  color: sectionproperties.cart_BtnTextcolor_resp
@@ -18617,7 +18599,7 @@ var ElegantHeader = function ElegantHeader(props) {
18617
18599
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
18618
18600
  var lang = props.actions.lang;
18619
18601
  var langdetect = props.actions.langdetect;
18620
- props.actions.setlang;
18602
+ var setlang = props.actions.setlang;
18621
18603
  var templatepropcontext = props.actions.templatepropcontext;
18622
18604
  var authdetailsContext = props.actions.authdetailsContext;
18623
18605
  var templateproperties_context = props.actions.templateproperties_context;
@@ -18948,7 +18930,10 @@ var ElegantHeader = function ElegantHeader(props) {
18948
18930
  }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic))), /*#__PURE__*/React.createElement("div", {
18949
18931
  "class": "col-lg-4 p-0 text-end"
18950
18932
  }, langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
18951
- "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 '
18933
+ "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
18934
+ onClick: function onClick() {
18935
+ setlang('en');
18936
+ }
18952
18937
  }, /*#__PURE__*/React.createElement("img", {
18953
18938
  src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
18954
18939
  style: {
@@ -18965,7 +18950,10 @@ var ElegantHeader = function ElegantHeader(props) {
18965
18950
  }), /*#__PURE__*/React.createElement("p", {
18966
18951
  "class": "m-0 p-0"
18967
18952
  }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
18968
- "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 '
18953
+ "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
18954
+ onClick: function onClick() {
18955
+ setlang('ar');
18956
+ }
18969
18957
  }, /*#__PURE__*/React.createElement("img", {
18970
18958
  src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
18971
18959
  style: {
@@ -18984,7 +18972,7 @@ var ElegantHeader = function ElegantHeader(props) {
18984
18972
  }, "En")), /*#__PURE__*/React.createElement("div", {
18985
18973
  "class": "allcentered"
18986
18974
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
18987
- "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
18975
+ "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center pt-1 ',
18988
18976
  sytle: {
18989
18977
  position: 'relative'
18990
18978
  },
@@ -19121,7 +19109,7 @@ var ElegantHeader = function ElegantHeader(props) {
19121
19109
  top: sectionproperties.wishlistbadgetop + 'px',
19122
19110
  right: sectionproperties.wishlistbadgeright + 'px'
19123
19111
  }
19124
- }, /*#__PURE__*/React.createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
19112
+ }, /*#__PURE__*/React.createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length == 0 ? 0 : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
19125
19113
  "class": " ".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered ',
19126
19114
  onClick: function onClick() {
19127
19115
  setsidecartnavshowcontext(true);
@@ -24318,16 +24306,6 @@ var Simpleheader = function Simpleheader(props) {
24318
24306
  }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
24319
24307
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
24320
24308
  }), " ", lang.wishlist))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
24321
- onClick: function onClick() {
24322
- routingcountext(StaticPagesLinksContext.Policies);
24323
- }
24324
- }, /*#__PURE__*/React.createElement("div", {
24325
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
24326
- }, /*#__PURE__*/React.createElement("p", {
24327
- "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
24328
- }, /*#__PURE__*/React.createElement(AiOutlineSecurityScan, {
24329
- "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
24330
- }), lang.policies))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
24331
24309
  onClick: function onClick() {
24332
24310
  LogoutMutationContext.mutate();
24333
24311
  }
@@ -34422,10 +34400,14 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
34422
34400
  }, /*#__PURE__*/React.createElement("div", {
34423
34401
  "class": langdetect == 'en' ? "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 ' : "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pr-2 ',
34424
34402
  style: {
34425
- display: 'flex'
34403
+ display: 'flex',
34404
+ color: '#000'
34426
34405
  }
34427
34406
  }, /*#__PURE__*/React.createElement("div", {
34428
- "class": 'col-lg-10 d-flex justify-content-start m-0 p-0'
34407
+ "class": header_cssstyles.categorydropdownbtn + ' col-lg-10 d-flex justify-content-start m-0 p-0 ',
34408
+ style: {
34409
+ color: '#000'
34410
+ }
34429
34411
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React.createElement("div", {
34430
34412
  "class": "col-lg-2 p-0 h-100 d-flex align-items-center justify-content-end"
34431
34413
  }, /*#__PURE__*/React.createElement("i", {
@@ -42977,7 +42959,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
42977
42959
  fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
42978
42960
  }
42979
42961
  }, SectionTitle()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
42980
- "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex align-items-center justify-content-center mb-md-0' : 'col-lg-12 d-flex align-items-center justify-content-start justify-content-md-center mb-md-0',
42962
+ "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex align-items-center justify-content-center mb-md-0' : 'col-lg-12 d-flex align-items-center justify-content-start justify-content-md-center mb-md-0 p-0',
42981
42963
  style: {
42982
42964
  marginBottom: sectionproperties.descriptionMarginBottom + 'px'
42983
42965
  }
@@ -43040,7 +43022,10 @@ var ModernCardsSection = function ModernCardsSection(props) {
43040
43022
  }, /*#__PURE__*/React.createElement(ScrollMenu, {
43041
43023
  transitionBehavior: 'auto',
43042
43024
  wrapperClassName: '',
43043
- itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : '',
43025
+ itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' :
43026
+ // : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard'
43027
+ // ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard '
43028
+ item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : '',
43044
43029
  scrollContainerClassName: 'scrollmenuclasssubscrollbar'
43045
43030
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
43046
43031
  return /*#__PURE__*/React.createElement("div", {
@@ -47230,18 +47215,14 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47230
47215
  }, [sectionproperties]);
47231
47216
  var sectionstyles = {
47232
47217
  btnstyles: css({
47233
- width: sectionproperties.generalbtn_width + 'px',
47218
+ width: sectionproperties.generalbtn_width + '%',
47234
47219
  height: sectionproperties.generalbtn_height + 'px',
47235
47220
  background: sectionproperties.generalbtn_bgColor,
47236
- borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
47237
- borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
47238
- borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
47239
- borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
47221
+ borderRadius: sectionproperties.generalbtnborderradius + 'px',
47240
47222
  border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
47241
47223
  color: sectionproperties.generalbtn_textColor,
47242
47224
  fontSize: sectionproperties.generalbtn_fontsize + 'px',
47243
47225
  fontWeight: sectionproperties.generalbtn_fontweight,
47244
- textTransform: sectionproperties.generalbtn_texttransform,
47245
47226
  ':hover': {
47246
47227
  transition: '.3s',
47247
47228
  background: sectionproperties.generalbtn_bgColoronhover,
@@ -47299,6 +47280,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47299
47280
  position: 'relative',
47300
47281
  marginLeft: sectionproperties.card_marginLeft + 'px',
47301
47282
  marginRight: sectionproperties.card_marginRight + 'px',
47283
+ backgroundColor: 'white',
47302
47284
  '@media (max-width: 800px)': {
47303
47285
  height: sectionproperties.height_responsive + 'vh'
47304
47286
  }
@@ -47321,7 +47303,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47321
47303
  height: '100%',
47322
47304
  objectFit: 'cover'
47323
47305
  }
47324
- })), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
47306
+ })), sectionproperties.sectionstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
47325
47307
  "class": "row m-0 w-100 justify-content-center mt-sm-5 mb-sm-5"
47326
47308
  }, /*#__PURE__*/React.createElement("div", {
47327
47309
  "class": "col-lg-6 col-md-9 col-sm-9 p-0 mt-auto mb-auto text-align-start"
@@ -47387,7 +47369,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47387
47369
  // onClick={() => {
47388
47370
  // routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
47389
47371
  // }}
47390
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
47372
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), sectionproperties.sectionstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
47391
47373
  "class": "row m-0 w-100 allcentered",
47392
47374
  style: {
47393
47375
  zIndex: 2
@@ -47456,9 +47438,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47456
47438
  getOptionValue: function getOptionValue(option) {
47457
47439
  return option.collectionid;
47458
47440
  },
47459
- autocomplete: "new-password"
47460
- // value={fetchTabexCountriesQueryContext.data.data.countries.filter((option) => option.id == props?.payloadobj?.countryid)}
47461
- ,
47441
+ autocomplete: "new-password",
47462
47442
  onChange: function onChange(option) {
47463
47443
  var temp = payloadobj;
47464
47444
  temp.collections = [];
@@ -47470,10 +47450,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47470
47450
  placeholder: ''
47471
47451
  })), /*#__PURE__*/React.createElement("div", {
47472
47452
  "class": sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showpricerange == 'Show' && sectionproperties.showpricerange == 'Show' ? 'col-lg-8 p-0' : sectionproperties.showpricerange == 'Show' ? 'col-lg-9 p-0' : sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showpricerange == 'Hide' ? 'col-lg-8 p-0' : 'col-lg-12 p-0'
47473
- }, /*#__PURE__*/React.createElement(CustomerAddressForm
47474
- // customeraddressrequierd={customeraddressrequierd}
47475
- // payloadobj={payloadobj}
47476
- , {
47453
+ }, /*#__PURE__*/React.createElement(CustomerAddressForm, {
47477
47454
  payloadobj: payloadobj,
47478
47455
  setpayloadobj: setpayloadobj,
47479
47456
  sectionproperties: sectionproperties
@@ -47554,7 +47531,191 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47554
47531
  routingcountext(StaticPagesLinksContext.Innervendor, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
47555
47532
  }
47556
47533
  }
47557
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
47534
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), sectionproperties.sectionstyletype == 'Style 3' && /*#__PURE__*/React.createElement("div", {
47535
+ "class": "row m-0 w-100 allcentered mt-auto mb-4 px-4",
47536
+ style: {
47537
+ zIndex: 2
47538
+ }
47539
+ }, /*#__PURE__*/React.createElement("div", {
47540
+ "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
47541
+ }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
47542
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-start"
47543
+ }, /*#__PURE__*/React.createElement("div", {
47544
+ "class": "wordbreak",
47545
+ style: {
47546
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
47547
+ color: sectionproperties.sectionTitleColor,
47548
+ textTransform: sectionproperties.sectionTitleTextTransform,
47549
+ fontWeight: sectionproperties.sectionTitleFontWeight,
47550
+ textAlign: langdetect == 'en' ? 'left' : 'right',
47551
+ marginBottom: sectionproperties.prodCatShow == 'Show' ? 0 : 20
47552
+ }
47553
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
47554
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
47555
+ }, /*#__PURE__*/React.createElement("div", {
47556
+ style: {
47557
+ fontSize: sectionproperties.prodCatFontSize + 'px',
47558
+ color: sectionproperties.prodCatColor,
47559
+ textTransform: sectionproperties.prodCatTextTranform,
47560
+ fontWeight: sectionproperties.prodCatFontWeight,
47561
+ maxWidth: '500px'
47562
+ }
47563
+ }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React.createElement("div", {
47564
+ "class": 'col-lg-10 col-md-12 col-sm-12 allcentered mt-3',
47565
+ style: {
47566
+ backgroundColor: sectionproperties.reservation_bgcolor,
47567
+ borderRadius: sectionproperties.reservation_borderradius + 'px',
47568
+ paddingTop: sectionproperties.reservation_padding_top + 'px',
47569
+ paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
47570
+ paddingLeft: sectionproperties.reservation_padding_left + 'px',
47571
+ paddingRight: sectionproperties.reservation_padding_right + 'px'
47572
+ }
47573
+ }, /*#__PURE__*/React.createElement("div", {
47574
+ "class": "row m-0 w-100 allcentered"
47575
+ }, /*#__PURE__*/React.createElement("div", {
47576
+ "class": "col-lg-12 p-0"
47577
+ }, /*#__PURE__*/React.createElement("div", {
47578
+ "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
47579
+ }, /*#__PURE__*/React.createElement("div", {
47580
+ "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
47581
+ }, /*#__PURE__*/React.createElement("label", {
47582
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
47583
+ style: {
47584
+ textAlign: langdetect == 'en' ? 'left' : 'right'
47585
+ }
47586
+ }, langdetect == 'en' ? 'Brand' : 'الماركة'), /*#__PURE__*/React.createElement("div", {
47587
+ "class": 'col-lg-12 p-0'
47588
+ }, /*#__PURE__*/React.createElement(Select$5, {
47589
+ options: [{
47590
+ label: 'Tesla',
47591
+ value: 1
47592
+ }, {
47593
+ label: 'VW',
47594
+ value: 0
47595
+ }, {
47596
+ label: 'BYD',
47597
+ value: 0
47598
+ }],
47599
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
47600
+ placeholder: ''
47601
+ }))), /*#__PURE__*/React.createElement("div", {
47602
+ "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
47603
+ }, /*#__PURE__*/React.createElement("label", {
47604
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
47605
+ style: {
47606
+ textAlign: langdetect == 'en' ? 'left' : 'right'
47607
+ }
47608
+ }, langdetect == 'en' ? 'KM' : 'KM'), /*#__PURE__*/React.createElement("div", {
47609
+ "class": 'col-lg-12 p-0'
47610
+ }, /*#__PURE__*/React.createElement(Select$5, {
47611
+ options: [{
47612
+ label: '100000',
47613
+ value: 1
47614
+ }, {
47615
+ label: '50000',
47616
+ value: 0
47617
+ }, {
47618
+ label: '30000',
47619
+ value: 0
47620
+ }],
47621
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
47622
+ placeholder: ''
47623
+ }))), /*#__PURE__*/React.createElement("div", {
47624
+ "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
47625
+ }, /*#__PURE__*/React.createElement("label", {
47626
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
47627
+ style: {
47628
+ textAlign: langdetect == 'en' ? 'left' : 'right'
47629
+ }
47630
+ }, langdetect == 'en' ? 'Model Year' : 'السنة'), /*#__PURE__*/React.createElement("div", {
47631
+ "class": 'col-lg-12 p-0'
47632
+ }, /*#__PURE__*/React.createElement(Select$5, {
47633
+ options: [{
47634
+ label: '2023',
47635
+ value: 1
47636
+ }, {
47637
+ label: '2022',
47638
+ value: 0
47639
+ }, {
47640
+ label: '2021',
47641
+ value: 0
47642
+ }],
47643
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
47644
+ placeholder: ''
47645
+ }))), /*#__PURE__*/React.createElement("div", {
47646
+ className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-md-3 '
47647
+ }, /*#__PURE__*/React.createElement("label", {
47648
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
47649
+ style: {
47650
+ textAlign: langdetect == 'en' ? 'left' : 'right'
47651
+ }
47652
+ }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React.createElement("div", {
47653
+ "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
47654
+ style: {
47655
+ direction: 'ltr'
47656
+ }
47657
+ }, /*#__PURE__*/React.createElement(InputRange, {
47658
+ draggableTrack: true,
47659
+ formatLabel: function formatLabel(value) {
47660
+ return "".concat(value);
47661
+ },
47662
+ maxValue: parseInt(sectionproperties.filterpricemaxvalue),
47663
+ minValue: parseInt(sectionproperties.filterpriceminvalue),
47664
+ value: pricevalue,
47665
+ onChange: function onChange(value) {
47666
+ setpricevalue(_objectSpread$16({}, value));
47667
+ }
47668
+ }))), /*#__PURE__*/React.createElement("div", {
47669
+ "class": "col-lg-1"
47670
+ }), /*#__PURE__*/React.createElement("div", {
47671
+ "class": "col-lg-2 col-md-12 d-flex align-items-center justify-content-end"
47672
+ }, /*#__PURE__*/React.createElement("button", {
47673
+ "class": sectionstyles.btnstyles + ' allcentered ',
47674
+ onClick: function onClick() {
47675
+ var _payloadobj$countryid2, _payloadobj$stateid2, _payloadobj$cityid2, _pricevalue$min2, _pricevalue$max2;
47676
+ var tempfetchproductsfilerobjcontext = _objectSpread$16({}, fetchproductsfilerobjcontext);
47677
+ if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.countryid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$countryid2 = payloadobj.countryid) === null || _payloadobj$countryid2 === void 0 ? void 0 : _payloadobj$countryid2.length) != 0) {
47678
+ if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
47679
+ tempfetchproductsfilerobjcontext.country_ids = [payloadobj.countryid];
47680
+ } else {
47681
+ tempfetchproductsfilerobjcontext.countryid = payloadobj.countryid;
47682
+ }
47683
+ }
47684
+ if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.stateid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$stateid2 = payloadobj.stateid) === null || _payloadobj$stateid2 === void 0 ? void 0 : _payloadobj$stateid2.length) != 0) {
47685
+ if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
47686
+ tempfetchproductsfilerobjcontext.state_ids = [payloadobj.stateid];
47687
+ } else {
47688
+ tempfetchproductsfilerobjcontext.stateid = payloadobj.stateid;
47689
+ }
47690
+ }
47691
+ if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.cityid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$cityid2 = payloadobj.cityid) === null || _payloadobj$cityid2 === void 0 ? void 0 : _payloadobj$cityid2.length) != 0) {
47692
+ if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
47693
+ tempfetchproductsfilerobjcontext.city_ids = [payloadobj.cityid];
47694
+ } else {
47695
+ tempfetchproductsfilerobjcontext.cityid = payloadobj.cityid;
47696
+ }
47697
+ }
47698
+ if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.collections) != null && payloadobj.collections.length != 0) {
47699
+ tempfetchproductsfilerobjcontext.collections = payloadobj.collections;
47700
+ }
47701
+ if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.min) != null && (pricevalue === null || pricevalue === void 0 || (_pricevalue$min2 = pricevalue.min) === null || _pricevalue$min2 === void 0 ? void 0 : _pricevalue$min2.length) != 0) {
47702
+ tempfetchproductsfilerobjcontext.price_min = pricevalue.min;
47703
+ }
47704
+ if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.max) != null && (pricevalue === null || pricevalue === void 0 || (_pricevalue$max2 = pricevalue.max) === null || _pricevalue$max2 === void 0 ? void 0 : _pricevalue$max2.length) != 0) {
47705
+ if (sectionproperties.showpricerange == 'Hide') {
47706
+ tempfetchproductsfilerobjcontext.price_max = 99999999999999;
47707
+ } else {
47708
+ tempfetchproductsfilerobjcontext.price_max = pricevalue.max;
47709
+ }
47710
+ }
47711
+ if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
47712
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
47713
+ }
47714
+ if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Vendors') {
47715
+ routingcountext(StaticPagesLinksContext.Innervendor, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
47716
+ }
47717
+ }
47718
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))))));
47558
47719
  };
47559
47720
 
47560
47721
  function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -65403,7 +65564,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
65403
65564
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
65404
65565
  size: sectionproperties.cartBtn_iconFontSize
65405
65566
  })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React.createElement("div", {
65406
- "class": "col-lg-12 d-flex align-items-center",
65567
+ "class": "col-lg-12 d-flex align-items-center p-0",
65407
65568
  style: {
65408
65569
  justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
65409
65570
  }