tabexseriescomponents 0.0.441 → 0.0.442

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 (8) hide show
  1. package/dist/index.cjs.js +50 -65
  2. package/dist/index.esm.js +50 -65
  3. package/dist/index.umd.js +50 -65
  4. package/package.json +1 -1
  5. package/src22-1/TabexComponents/Headers/CategoryFeaturingHeader/CategoryFeaturingHeader.jsx +1 -4
  6. package/src22-1/TabexComponents/Headers/HeaderRestaurant/HeaderRestaurant.jsx +1 -4
  7. package/src22-1/TabexComponents/Headers/Header_threesectionslogocentered/Header_threesectionslogocentered.jsx +1 -4
  8. package/src22-1/TabexComponents/Headers/HeaderwithContactinfo/HeaderwithContactinfo.jsx +1 -4
package/dist/index.cjs.js CHANGED
@@ -1435,6 +1435,7 @@ var Variantoptions = function Variantoptions(props) {
1435
1435
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
1436
1436
  var lang = props.actions.lang;
1437
1437
  var langdetect = props.actions.langdetect;
1438
+ var variantvalueidentifier = props.actions.variantvalueidentifier;
1438
1439
  var selectproductoptionvalue = props.actions.selectproductoptionvalue;
1439
1440
  var clearchoosenvaluesbutkeepcurrentvalue = props.actions.clearchoosenvaluesbutkeepcurrentvalue;
1440
1441
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -1444,7 +1445,7 @@ var Variantoptions = function Variantoptions(props) {
1444
1445
  var _useState = React.useState(''),
1445
1446
  _useState2 = _slicedToArray__default["default"](_useState, 2);
1446
1447
  _useState2[0];
1447
- var setcolorvalue = _useState2[1];
1448
+ _useState2[1];
1448
1449
  var formstyles = {
1449
1450
  input_label_name: glamor.css({
1450
1451
  color: sectionproperties.form_labelcolor,
@@ -1509,7 +1510,11 @@ var Variantoptions = function Variantoptions(props) {
1509
1510
  textTransform: sectionproperties.varianttitle_texttransform,
1510
1511
  fontSize: sectionproperties.varianttitle_fontSize + 'px'
1511
1512
  }
1512
- }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
1513
+ }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ', item.optionname == 'color' || item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("span", {
1514
+ style: {
1515
+ color: '#62554a'
1516
+ }
1517
+ }, variantvalueidentifier))), /*#__PURE__*/React__default["default"].createElement("div", {
1513
1518
  className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-1",
1514
1519
  style: {
1515
1520
  paddingTop: sectionproperties.showRemovebutton == 'Show' ? '1rem' : 0
@@ -1531,16 +1536,11 @@ var Variantoptions = function Variantoptions(props) {
1531
1536
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
1532
1537
  className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
1533
1538
  onClick: function onClick() {
1539
+ // here
1534
1540
  if (optionvaluesitem.isenabled == 1) {
1535
1541
  selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
1536
- if (optionvaluesitem.valuename == '#000000') {
1537
- setcolorvalue('Black');
1538
- } else if (optionvaluesitem.valuename == '#c9b0a1') {
1539
- setcolorvalue('Beige');
1540
- }
1541
1542
  } else {
1542
1543
  clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
1543
- setcolorvalue('');
1544
1544
  }
1545
1545
  },
1546
1546
  style: {
@@ -2939,7 +2939,7 @@ var Product_itemtype = function Product_itemtype(props) {
2939
2939
  })), langdetect == '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_en : 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.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
2940
2940
  className: ' d-flex align-items-center justify-content-center '
2941
2941
  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
2942
- color: "white",
2942
+ color: sectionproperties.cartBtnTextcolor,
2943
2943
  width: "20px",
2944
2944
  height: "20px",
2945
2945
  duration: "1s"
@@ -3028,7 +3028,7 @@ var Product_itemtype = function Product_itemtype(props) {
3028
3028
  })), langdetect == 'en' ? 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 ? void 0 : _fetchProductInfoQuer33.productactionbuttontext_en : 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.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
3029
3029
  className: ' d-flex align-items-center justify-content-center '
3030
3030
  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3031
- color: "white",
3031
+ color: sectionproperties.cartBtnTextcolor,
3032
3032
  width: "20px",
3033
3033
  height: "20px",
3034
3034
  duration: "1s"
@@ -3079,7 +3079,7 @@ var Product_itemtype = function Product_itemtype(props) {
3079
3079
  }, langdetect == 'en' ? 'Buy Now' : 'إشترى الان'), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
3080
3080
  className: ' d-flex align-items-center justify-content-center '
3081
3081
  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3082
- color: "white",
3082
+ color: sectionproperties.cartBtnTextcolor,
3083
3083
  width: "20px",
3084
3084
  height: "20px",
3085
3085
  duration: "1s"
@@ -5268,6 +5268,10 @@ var Productinfo = function Productinfo(props) {
5268
5268
  _useState42 = _slicedToArray__default["default"](_useState41, 2),
5269
5269
  productVideos = _useState42[0],
5270
5270
  setproductVideos = _useState42[1];
5271
+ var _useState43 = React.useState([]),
5272
+ _useState44 = _slicedToArray__default["default"](_useState43, 2),
5273
+ variantvalueidentifier = _useState44[0],
5274
+ setvariantvalueidentifier = _useState44[1];
5271
5275
  var handleTabChange = function handleTabChange(event, newTabIndex) {
5272
5276
  setTabIndex(newTabIndex);
5273
5277
  };
@@ -5421,6 +5425,10 @@ var Productinfo = function Productinfo(props) {
5421
5425
  } else {
5422
5426
  productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex].isselected = 1;
5423
5427
  }
5428
+ if (productarr.data.productinfo.productoptions[optionindex].optionname == 'Color' || productarr.data.productinfo.productoptions[optionindex].optionname == 'Colour') {
5429
+ var _productarr$data$prod;
5430
+ setvariantvalueidentifier((_productarr$data$prod = productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex]) === null || _productarr$data$prod === void 0 ? void 0 : _productarr$data$prod.value_identifier);
5431
+ }
5424
5432
  productarr.data.productinfo.productoptions[optionindex].optionvalues.forEach(function (arrayItem, arrayindex) {
5425
5433
  if (optionvaluesindex != arrayindex) {
5426
5434
  arrayItem.isselected = 0;
@@ -5558,7 +5566,6 @@ var Productinfo = function Productinfo(props) {
5558
5566
  setisoutofstock(false);
5559
5567
  }
5560
5568
  setvariantsku(variantobj === null || variantobj === void 0 ? void 0 : variantobj.sku);
5561
- // alert(variantsku);
5562
5569
  setcurrentshowingimageindex(variantimageindex);
5563
5570
  setaddtocardpayloadobj(_objectSpread$2p({}, tempaddtocardpayloadobj));
5564
5571
  setvariantindexcompleted(ProductVariantIndex);
@@ -6499,7 +6506,7 @@ var Productinfo = function Productinfo(props) {
6499
6506
  langdetect: langdetect,
6500
6507
  lang: lang,
6501
6508
  srcfromprops: props.srcfromprops
6502
- }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _ref)
6509
+ }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier), _ref)
6503
6510
  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
6504
6511
  actions: (_ref2 = {
6505
6512
  variantsku: variantsku,
@@ -19304,7 +19311,7 @@ var Subheader = function Subheader(props) {
19304
19311
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
19305
19312
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
19306
19313
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
19307
- path: '/tr:w-500,h-500/' + currentimagecollection,
19314
+ path: '/tr:w-' + sectionproperties.subheadercollimagetr + ',h-' + sectionproperties.subheadercollimageth + '/' + currentimagecollection,
19308
19315
  style: {
19309
19316
  width: '100%',
19310
19317
  height: '100%',
@@ -23668,10 +23675,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
23668
23675
  }),
23669
23676
  lowerHeaderContainer: glamor.css({
23670
23677
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
23671
- borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
23672
- borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
23673
- borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
23674
- borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
23678
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
23675
23679
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
23676
23680
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
23677
23681
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -26812,10 +26816,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
26812
26816
  }),
26813
26817
  header_innercontainer: glamor.css({
26814
26818
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
26815
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
26816
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
26817
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
26818
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
26819
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
26819
26820
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
26820
26821
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
26821
26822
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -27507,6 +27508,7 @@ var Simpleheader = function Simpleheader(props) {
27507
27508
  var lang = props.actions.lang;
27508
27509
  var langdetect = props.actions.langdetect;
27509
27510
  var setlang = props.actions.setlang;
27511
+ props.actions.scrollcontext;
27510
27512
  var templatepropcontext = props.actions.templatepropcontext;
27511
27513
  var authdetailsContext = props.actions.authdetailsContext;
27512
27514
  var templateproperties_context = props.actions.templateproperties_context;
@@ -27630,9 +27632,6 @@ var Simpleheader = function Simpleheader(props) {
27630
27632
  borderColor: sectionproperties.userbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.userBtnTextcoloronhover : sectionproperties.userBtnbgColoronhover
27631
27633
  }
27632
27634
  }),
27633
- // user_btn2:css({
27634
- // color:sec
27635
- // })
27636
27635
  header_logo: glamor.css({
27637
27636
  width: templateproperties_context.logo_width + 'px',
27638
27637
  height: templateproperties_context.logo_height + 'px'
@@ -27743,6 +27742,24 @@ var Simpleheader = function Simpleheader(props) {
27743
27742
  color: sectionproperties.closeSlider_colorOnHover,
27744
27743
  borderColor: sectionproperties.closeSlider_colorOnHover
27745
27744
  }
27745
+ })), _defineProperty__default["default"](_header_cssstyles, "headerinnercontainer", glamor.css({
27746
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
27747
+ paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
27748
+ paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
27749
+ paddingTop: sectionproperties.header_paddingTop + 'px',
27750
+ paddingBottom: sectionproperties.header_paddingBottom + 'px',
27751
+ backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor
27752
+ // ':hover': {
27753
+ // backgroundColor: sectionproperties.header_backgroundColor,
27754
+ // transition: '.3s ease-in-out',
27755
+ // },
27756
+ })), _defineProperty__default["default"](_header_cssstyles, "headerinnercontainerscrolled", glamor.css({
27757
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
27758
+ paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
27759
+ paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
27760
+ paddingTop: sectionproperties.header_paddingTop + 'px',
27761
+ paddingBottom: sectionproperties.header_paddingBottom + 'px',
27762
+ backgroundColor: sectionproperties.header_backgroundColor
27746
27763
  })), _header_cssstyles);
27747
27764
  return /*#__PURE__*/React__default["default"].createElement("div", {
27748
27765
  "class": "row m-0 w-100 d-flex align-items-center justify-content-center ",
@@ -27768,18 +27785,7 @@ var Simpleheader = function Simpleheader(props) {
27768
27785
  })), /*#__PURE__*/React__default["default"].createElement("div", {
27769
27786
  "class": "col-lg-12 p-0"
27770
27787
  }, /*#__PURE__*/React__default["default"].createElement("div", {
27771
- "class": "row m-0 w-100",
27772
- style: {
27773
- backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
27774
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
27775
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
27776
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
27777
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
27778
- paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
27779
- paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
27780
- paddingTop: sectionproperties.header_paddingTop + 'px',
27781
- paddingBottom: sectionproperties.header_paddingBottom + 'px'
27782
- }
27788
+ "class": header_cssstyles.headerinnercontainer + ' row m-0 w-100 '
27783
27789
  }, /*#__PURE__*/React__default["default"].createElement("div", {
27784
27790
  "class": "col-lg-12 p-0"
27785
27791
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30038,10 +30044,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
30038
30044
  position: sectionproperties.headerstyles_position,
30039
30045
  zIndex: 11000,
30040
30046
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
30041
- borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
30042
- borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
30043
- borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
30044
- borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
30047
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
30045
30048
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
30046
30049
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
30047
30050
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -30697,10 +30700,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
30697
30700
  }),
30698
30701
  lowerHeaderContainer: glamor.css({
30699
30702
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
30700
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
30701
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
30702
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
30703
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
30703
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
30704
30704
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
30705
30705
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
30706
30706
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -33669,10 +33669,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
33669
33669
  }),
33670
33670
  lowerHeaderContainer: glamor.css({
33671
33671
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
33672
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
33673
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
33674
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
33675
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
33672
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
33676
33673
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
33677
33674
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
33678
33675
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -34649,10 +34646,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
34649
34646
  }),
34650
34647
  headerMiddleContainer: glamor.css({
34651
34648
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
34652
- borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
34653
- borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
34654
- borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
34655
- borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
34649
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
34656
34650
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
34657
34651
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
34658
34652
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -37086,10 +37080,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
37086
37080
  justifyContent: 'center',
37087
37081
  width: sectionproperties.header_width + 'vw',
37088
37082
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
37089
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
37090
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
37091
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
37092
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
37083
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
37093
37084
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
37094
37085
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
37095
37086
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -71404,7 +71395,6 @@ var Simpleproductcard = function Simpleproductcard(props) {
71404
71395
  overflow: 'hidden',
71405
71396
  height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
71406
71397
  background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
71407
- // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
71408
71398
  border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
71409
71399
  borderBottom: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
71410
71400
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
@@ -71695,16 +71685,11 @@ var Simpleproductcard = function Simpleproductcard(props) {
71695
71685
  direction: 'ltr'
71696
71686
  }
71697
71687
  }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
71698
- "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
71699
- style: {
71700
- marginBottom: sectionproperties.image_mb + 'px'
71701
- }
71702
- }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
71703
- "class": card_cssstyles.productcardimagecont + ' d-none d-md-flex ',
71688
+ "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex ',
71704
71689
  style: {
71705
71690
  marginBottom: sectionproperties.image_mb + 'px'
71706
71691
  }
71707
- }, Image('responsive')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
71692
+ }, Image('normal')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
71708
71693
  "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
71709
71694
  }, /*#__PURE__*/React__default["default"].createElement("p", {
71710
71695
  "class": "m-0 p-0"
package/dist/index.esm.js CHANGED
@@ -1386,6 +1386,7 @@ var Variantoptions = function Variantoptions(props) {
1386
1386
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
1387
1387
  var lang = props.actions.lang;
1388
1388
  var langdetect = props.actions.langdetect;
1389
+ var variantvalueidentifier = props.actions.variantvalueidentifier;
1389
1390
  var selectproductoptionvalue = props.actions.selectproductoptionvalue;
1390
1391
  var clearchoosenvaluesbutkeepcurrentvalue = props.actions.clearchoosenvaluesbutkeepcurrentvalue;
1391
1392
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -1395,7 +1396,7 @@ var Variantoptions = function Variantoptions(props) {
1395
1396
  var _useState = useState(''),
1396
1397
  _useState2 = _slicedToArray(_useState, 2);
1397
1398
  _useState2[0];
1398
- var setcolorvalue = _useState2[1];
1399
+ _useState2[1];
1399
1400
  var formstyles = {
1400
1401
  input_label_name: css({
1401
1402
  color: sectionproperties.form_labelcolor,
@@ -1460,7 +1461,11 @@ var Variantoptions = function Variantoptions(props) {
1460
1461
  textTransform: sectionproperties.varianttitle_texttransform,
1461
1462
  fontSize: sectionproperties.varianttitle_fontSize + 'px'
1462
1463
  }
1463
- }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React.createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ')), /*#__PURE__*/React.createElement("div", {
1464
+ }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React.createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ', item.optionname == 'color' || item.optionname == 'Color' && /*#__PURE__*/React.createElement("span", {
1465
+ style: {
1466
+ color: '#62554a'
1467
+ }
1468
+ }, variantvalueidentifier))), /*#__PURE__*/React.createElement("div", {
1464
1469
  className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-1",
1465
1470
  style: {
1466
1471
  paddingTop: sectionproperties.showRemovebutton == 'Show' ? '1rem' : 0
@@ -1482,16 +1487,11 @@ var Variantoptions = function Variantoptions(props) {
1482
1487
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1483
1488
  className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
1484
1489
  onClick: function onClick() {
1490
+ // here
1485
1491
  if (optionvaluesitem.isenabled == 1) {
1486
1492
  selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
1487
- if (optionvaluesitem.valuename == '#000000') {
1488
- setcolorvalue('Black');
1489
- } else if (optionvaluesitem.valuename == '#c9b0a1') {
1490
- setcolorvalue('Beige');
1491
- }
1492
1493
  } else {
1493
1494
  clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
1494
- setcolorvalue('');
1495
1495
  }
1496
1496
  },
1497
1497
  style: {
@@ -2890,7 +2890,7 @@ var Product_itemtype = function Product_itemtype(props) {
2890
2890
  })), langdetect == '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_en : 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.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
2891
2891
  className: ' d-flex align-items-center justify-content-center '
2892
2892
  }, /*#__PURE__*/React.createElement(CircularProgress, {
2893
- color: "white",
2893
+ color: sectionproperties.cartBtnTextcolor,
2894
2894
  width: "20px",
2895
2895
  height: "20px",
2896
2896
  duration: "1s"
@@ -2979,7 +2979,7 @@ var Product_itemtype = function Product_itemtype(props) {
2979
2979
  })), langdetect == 'en' ? 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 ? void 0 : _fetchProductInfoQuer33.productactionbuttontext_en : 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.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
2980
2980
  className: ' d-flex align-items-center justify-content-center '
2981
2981
  }, /*#__PURE__*/React.createElement(CircularProgress, {
2982
- color: "white",
2982
+ color: sectionproperties.cartBtnTextcolor,
2983
2983
  width: "20px",
2984
2984
  height: "20px",
2985
2985
  duration: "1s"
@@ -3030,7 +3030,7 @@ var Product_itemtype = function Product_itemtype(props) {
3030
3030
  }, langdetect == 'en' ? 'Buy Now' : 'إشترى الان'), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
3031
3031
  className: ' d-flex align-items-center justify-content-center '
3032
3032
  }, /*#__PURE__*/React.createElement(CircularProgress, {
3033
- color: "white",
3033
+ color: sectionproperties.cartBtnTextcolor,
3034
3034
  width: "20px",
3035
3035
  height: "20px",
3036
3036
  duration: "1s"
@@ -5219,6 +5219,10 @@ var Productinfo = function Productinfo(props) {
5219
5219
  _useState42 = _slicedToArray(_useState41, 2),
5220
5220
  productVideos = _useState42[0],
5221
5221
  setproductVideos = _useState42[1];
5222
+ var _useState43 = useState([]),
5223
+ _useState44 = _slicedToArray(_useState43, 2),
5224
+ variantvalueidentifier = _useState44[0],
5225
+ setvariantvalueidentifier = _useState44[1];
5222
5226
  var handleTabChange = function handleTabChange(event, newTabIndex) {
5223
5227
  setTabIndex(newTabIndex);
5224
5228
  };
@@ -5372,6 +5376,10 @@ var Productinfo = function Productinfo(props) {
5372
5376
  } else {
5373
5377
  productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex].isselected = 1;
5374
5378
  }
5379
+ if (productarr.data.productinfo.productoptions[optionindex].optionname == 'Color' || productarr.data.productinfo.productoptions[optionindex].optionname == 'Colour') {
5380
+ var _productarr$data$prod;
5381
+ setvariantvalueidentifier((_productarr$data$prod = productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex]) === null || _productarr$data$prod === void 0 ? void 0 : _productarr$data$prod.value_identifier);
5382
+ }
5375
5383
  productarr.data.productinfo.productoptions[optionindex].optionvalues.forEach(function (arrayItem, arrayindex) {
5376
5384
  if (optionvaluesindex != arrayindex) {
5377
5385
  arrayItem.isselected = 0;
@@ -5509,7 +5517,6 @@ var Productinfo = function Productinfo(props) {
5509
5517
  setisoutofstock(false);
5510
5518
  }
5511
5519
  setvariantsku(variantobj === null || variantobj === void 0 ? void 0 : variantobj.sku);
5512
- // alert(variantsku);
5513
5520
  setcurrentshowingimageindex(variantimageindex);
5514
5521
  setaddtocardpayloadobj(_objectSpread$2p({}, tempaddtocardpayloadobj));
5515
5522
  setvariantindexcompleted(ProductVariantIndex);
@@ -6450,7 +6457,7 @@ var Productinfo = function Productinfo(props) {
6450
6457
  langdetect: langdetect,
6451
6458
  lang: lang,
6452
6459
  srcfromprops: props.srcfromprops
6453
- }, _defineProperty(_ref, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref, "addtocartfunc", addtocartfunc), _defineProperty(_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref, "productimagesarray", productimagesarray), _defineProperty(_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref, "sectionproperties", sectionproperties), _defineProperty(_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref, "routingcountext", routingcountext), _defineProperty(_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref, "authdetailsContext", authdetailsContext), _defineProperty(_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref, "NotificationManager", NotificationManager), _defineProperty(_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref, "relatedproducts", relatedproducts), _defineProperty(_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref, "StoreInfoprops", StoreInfo), _defineProperty(_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref, "templatepropcontext", templatepropcontext), _defineProperty(_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty(_ref, "variantindex", variantindex), _defineProperty(_ref, "setvariantindex", setvariantindex), _defineProperty(_ref, "variantsku", variantsku), _ref)
6460
+ }, _defineProperty(_ref, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref, "addtocartfunc", addtocartfunc), _defineProperty(_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref, "productimagesarray", productimagesarray), _defineProperty(_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref, "sectionproperties", sectionproperties), _defineProperty(_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref, "routingcountext", routingcountext), _defineProperty(_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref, "authdetailsContext", authdetailsContext), _defineProperty(_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref, "NotificationManager", NotificationManager), _defineProperty(_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref, "relatedproducts", relatedproducts), _defineProperty(_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref, "StoreInfoprops", StoreInfo), _defineProperty(_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref, "templatepropcontext", templatepropcontext), _defineProperty(_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty(_ref, "variantindex", variantindex), _defineProperty(_ref, "setvariantindex", setvariantindex), _defineProperty(_ref, "variantsku", variantsku), _defineProperty(_ref, "variantvalueidentifier", variantvalueidentifier), _ref)
6454
6461
  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React.createElement(Service_itemtype, {
6455
6462
  actions: (_ref2 = {
6456
6463
  variantsku: variantsku,
@@ -19255,7 +19262,7 @@ var Subheader = function Subheader(props) {
19255
19262
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
19256
19263
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
19257
19264
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
19258
- path: '/tr:w-500,h-500/' + currentimagecollection,
19265
+ path: '/tr:w-' + sectionproperties.subheadercollimagetr + ',h-' + sectionproperties.subheadercollimageth + '/' + currentimagecollection,
19259
19266
  style: {
19260
19267
  width: '100%',
19261
19268
  height: '100%',
@@ -23619,10 +23626,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
23619
23626
  }),
23620
23627
  lowerHeaderContainer: css({
23621
23628
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
23622
- borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
23623
- borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
23624
- borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
23625
- borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
23629
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
23626
23630
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
23627
23631
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
23628
23632
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -26763,10 +26767,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
26763
26767
  }),
26764
26768
  header_innercontainer: css({
26765
26769
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
26766
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
26767
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
26768
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
26769
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
26770
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
26770
26771
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
26771
26772
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
26772
26773
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -27458,6 +27459,7 @@ var Simpleheader = function Simpleheader(props) {
27458
27459
  var lang = props.actions.lang;
27459
27460
  var langdetect = props.actions.langdetect;
27460
27461
  var setlang = props.actions.setlang;
27462
+ props.actions.scrollcontext;
27461
27463
  var templatepropcontext = props.actions.templatepropcontext;
27462
27464
  var authdetailsContext = props.actions.authdetailsContext;
27463
27465
  var templateproperties_context = props.actions.templateproperties_context;
@@ -27581,9 +27583,6 @@ var Simpleheader = function Simpleheader(props) {
27581
27583
  borderColor: sectionproperties.userbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.userBtnTextcoloronhover : sectionproperties.userBtnbgColoronhover
27582
27584
  }
27583
27585
  }),
27584
- // user_btn2:css({
27585
- // color:sec
27586
- // })
27587
27586
  header_logo: css({
27588
27587
  width: templateproperties_context.logo_width + 'px',
27589
27588
  height: templateproperties_context.logo_height + 'px'
@@ -27694,6 +27693,24 @@ var Simpleheader = function Simpleheader(props) {
27694
27693
  color: sectionproperties.closeSlider_colorOnHover,
27695
27694
  borderColor: sectionproperties.closeSlider_colorOnHover
27696
27695
  }
27696
+ })), _defineProperty(_header_cssstyles, "headerinnercontainer", css({
27697
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
27698
+ paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
27699
+ paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
27700
+ paddingTop: sectionproperties.header_paddingTop + 'px',
27701
+ paddingBottom: sectionproperties.header_paddingBottom + 'px',
27702
+ backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor
27703
+ // ':hover': {
27704
+ // backgroundColor: sectionproperties.header_backgroundColor,
27705
+ // transition: '.3s ease-in-out',
27706
+ // },
27707
+ })), _defineProperty(_header_cssstyles, "headerinnercontainerscrolled", css({
27708
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
27709
+ paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
27710
+ paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
27711
+ paddingTop: sectionproperties.header_paddingTop + 'px',
27712
+ paddingBottom: sectionproperties.header_paddingBottom + 'px',
27713
+ backgroundColor: sectionproperties.header_backgroundColor
27697
27714
  })), _header_cssstyles);
27698
27715
  return /*#__PURE__*/React.createElement("div", {
27699
27716
  "class": "row m-0 w-100 d-flex align-items-center justify-content-center ",
@@ -27719,18 +27736,7 @@ var Simpleheader = function Simpleheader(props) {
27719
27736
  })), /*#__PURE__*/React.createElement("div", {
27720
27737
  "class": "col-lg-12 p-0"
27721
27738
  }, /*#__PURE__*/React.createElement("div", {
27722
- "class": "row m-0 w-100",
27723
- style: {
27724
- backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
27725
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
27726
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
27727
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
27728
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
27729
- paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
27730
- paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
27731
- paddingTop: sectionproperties.header_paddingTop + 'px',
27732
- paddingBottom: sectionproperties.header_paddingBottom + 'px'
27733
- }
27739
+ "class": header_cssstyles.headerinnercontainer + ' row m-0 w-100 '
27734
27740
  }, /*#__PURE__*/React.createElement("div", {
27735
27741
  "class": "col-lg-12 p-0"
27736
27742
  }, /*#__PURE__*/React.createElement("div", {
@@ -29989,10 +29995,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
29989
29995
  position: sectionproperties.headerstyles_position,
29990
29996
  zIndex: 11000,
29991
29997
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
29992
- borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
29993
- borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
29994
- borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
29995
- borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
29998
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
29996
29999
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
29997
30000
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
29998
30001
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -30648,10 +30651,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
30648
30651
  }),
30649
30652
  lowerHeaderContainer: css({
30650
30653
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
30651
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
30652
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
30653
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
30654
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
30654
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
30655
30655
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
30656
30656
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
30657
30657
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -33620,10 +33620,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
33620
33620
  }),
33621
33621
  lowerHeaderContainer: css({
33622
33622
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
33623
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
33624
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
33625
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
33626
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
33623
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
33627
33624
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
33628
33625
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
33629
33626
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -34600,10 +34597,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
34600
34597
  }),
34601
34598
  headerMiddleContainer: css({
34602
34599
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
34603
- borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
34604
- borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
34605
- borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
34606
- borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
34600
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
34607
34601
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
34608
34602
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
34609
34603
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -37037,10 +37031,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
37037
37031
  justifyContent: 'center',
37038
37032
  width: sectionproperties.header_width + 'vw',
37039
37033
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
37040
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
37041
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
37042
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
37043
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
37034
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
37044
37035
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
37045
37036
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
37046
37037
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -71355,7 +71346,6 @@ var Simpleproductcard = function Simpleproductcard(props) {
71355
71346
  overflow: 'hidden',
71356
71347
  height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
71357
71348
  background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
71358
- // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
71359
71349
  border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
71360
71350
  borderBottom: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
71361
71351
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
@@ -71646,16 +71636,11 @@ var Simpleproductcard = function Simpleproductcard(props) {
71646
71636
  direction: 'ltr'
71647
71637
  }
71648
71638
  }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React.createElement("div", {
71649
- "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
71650
- style: {
71651
- marginBottom: sectionproperties.image_mb + 'px'
71652
- }
71653
- }, Image('normal')), /*#__PURE__*/React.createElement("div", {
71654
- "class": card_cssstyles.productcardimagecont + ' d-none d-md-flex ',
71639
+ "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex ',
71655
71640
  style: {
71656
71641
  marginBottom: sectionproperties.image_mb + 'px'
71657
71642
  }
71658
- }, Image('responsive')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
71643
+ }, Image('normal')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
71659
71644
  "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
71660
71645
  }, /*#__PURE__*/React.createElement("p", {
71661
71646
  "class": "m-0 p-0"
package/dist/index.umd.js CHANGED
@@ -1261,6 +1261,7 @@
1261
1261
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
1262
1262
  var lang = props.actions.lang;
1263
1263
  var langdetect = props.actions.langdetect;
1264
+ var variantvalueidentifier = props.actions.variantvalueidentifier;
1264
1265
  var selectproductoptionvalue = props.actions.selectproductoptionvalue;
1265
1266
  var clearchoosenvaluesbutkeepcurrentvalue = props.actions.clearchoosenvaluesbutkeepcurrentvalue;
1266
1267
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -1270,7 +1271,7 @@
1270
1271
  var _useState = React.useState(''),
1271
1272
  _useState2 = _slicedToArray__default["default"](_useState, 2);
1272
1273
  _useState2[0];
1273
- var setcolorvalue = _useState2[1];
1274
+ _useState2[1];
1274
1275
  var formstyles = {
1275
1276
  input_label_name: glamor.css({
1276
1277
  color: sectionproperties.form_labelcolor,
@@ -1335,7 +1336,11 @@
1335
1336
  textTransform: sectionproperties.varianttitle_texttransform,
1336
1337
  fontSize: sectionproperties.varianttitle_fontSize + 'px'
1337
1338
  }
1338
- }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
1339
+ }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ', item.optionname == 'color' || item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("span", {
1340
+ style: {
1341
+ color: '#62554a'
1342
+ }
1343
+ }, variantvalueidentifier))), /*#__PURE__*/React__default["default"].createElement("div", {
1339
1344
  className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-1",
1340
1345
  style: {
1341
1346
  paddingTop: sectionproperties.showRemovebutton == 'Show' ? '1rem' : 0
@@ -1357,16 +1362,11 @@
1357
1362
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
1358
1363
  className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
1359
1364
  onClick: function onClick() {
1365
+ // here
1360
1366
  if (optionvaluesitem.isenabled == 1) {
1361
1367
  selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
1362
- if (optionvaluesitem.valuename == '#000000') {
1363
- setcolorvalue('Black');
1364
- } else if (optionvaluesitem.valuename == '#c9b0a1') {
1365
- setcolorvalue('Beige');
1366
- }
1367
1368
  } else {
1368
1369
  clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
1369
- setcolorvalue('');
1370
1370
  }
1371
1371
  },
1372
1372
  style: {
@@ -2765,7 +2765,7 @@
2765
2765
  })), langdetect == '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_en : 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.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
2766
2766
  className: ' d-flex align-items-center justify-content-center '
2767
2767
  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
2768
- color: "white",
2768
+ color: sectionproperties.cartBtnTextcolor,
2769
2769
  width: "20px",
2770
2770
  height: "20px",
2771
2771
  duration: "1s"
@@ -2854,7 +2854,7 @@
2854
2854
  })), langdetect == 'en' ? 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 ? void 0 : _fetchProductInfoQuer33.productactionbuttontext_en : 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.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
2855
2855
  className: ' d-flex align-items-center justify-content-center '
2856
2856
  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
2857
- color: "white",
2857
+ color: sectionproperties.cartBtnTextcolor,
2858
2858
  width: "20px",
2859
2859
  height: "20px",
2860
2860
  duration: "1s"
@@ -2905,7 +2905,7 @@
2905
2905
  }, langdetect == 'en' ? 'Buy Now' : 'إشترى الان'), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
2906
2906
  className: ' d-flex align-items-center justify-content-center '
2907
2907
  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
2908
- color: "white",
2908
+ color: sectionproperties.cartBtnTextcolor,
2909
2909
  width: "20px",
2910
2910
  height: "20px",
2911
2911
  duration: "1s"
@@ -5094,6 +5094,10 @@
5094
5094
  _useState42 = _slicedToArray__default["default"](_useState41, 2),
5095
5095
  productVideos = _useState42[0],
5096
5096
  setproductVideos = _useState42[1];
5097
+ var _useState43 = React.useState([]),
5098
+ _useState44 = _slicedToArray__default["default"](_useState43, 2),
5099
+ variantvalueidentifier = _useState44[0],
5100
+ setvariantvalueidentifier = _useState44[1];
5097
5101
  var handleTabChange = function handleTabChange(event, newTabIndex) {
5098
5102
  setTabIndex(newTabIndex);
5099
5103
  };
@@ -5247,6 +5251,10 @@
5247
5251
  } else {
5248
5252
  productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex].isselected = 1;
5249
5253
  }
5254
+ if (productarr.data.productinfo.productoptions[optionindex].optionname == 'Color' || productarr.data.productinfo.productoptions[optionindex].optionname == 'Colour') {
5255
+ var _productarr$data$prod;
5256
+ setvariantvalueidentifier((_productarr$data$prod = productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex]) === null || _productarr$data$prod === void 0 ? void 0 : _productarr$data$prod.value_identifier);
5257
+ }
5250
5258
  productarr.data.productinfo.productoptions[optionindex].optionvalues.forEach(function (arrayItem, arrayindex) {
5251
5259
  if (optionvaluesindex != arrayindex) {
5252
5260
  arrayItem.isselected = 0;
@@ -5384,7 +5392,6 @@
5384
5392
  setisoutofstock(false);
5385
5393
  }
5386
5394
  setvariantsku(variantobj === null || variantobj === void 0 ? void 0 : variantobj.sku);
5387
- // alert(variantsku);
5388
5395
  setcurrentshowingimageindex(variantimageindex);
5389
5396
  setaddtocardpayloadobj(_objectSpread$2p({}, tempaddtocardpayloadobj));
5390
5397
  setvariantindexcompleted(ProductVariantIndex);
@@ -6325,7 +6332,7 @@
6325
6332
  langdetect: langdetect,
6326
6333
  lang: lang,
6327
6334
  srcfromprops: props.srcfromprops
6328
- }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _ref)
6335
+ }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier), _ref)
6329
6336
  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
6330
6337
  actions: (_ref2 = {
6331
6338
  variantsku: variantsku,
@@ -19130,7 +19137,7 @@
19130
19137
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
19131
19138
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
19132
19139
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
19133
- path: '/tr:w-500,h-500/' + currentimagecollection,
19140
+ path: '/tr:w-' + sectionproperties.subheadercollimagetr + ',h-' + sectionproperties.subheadercollimageth + '/' + currentimagecollection,
19134
19141
  style: {
19135
19142
  width: '100%',
19136
19143
  height: '100%',
@@ -23494,10 +23501,7 @@
23494
23501
  }),
23495
23502
  lowerHeaderContainer: glamor.css({
23496
23503
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
23497
- borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
23498
- borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
23499
- borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
23500
- borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
23504
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
23501
23505
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
23502
23506
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
23503
23507
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -26638,10 +26642,7 @@
26638
26642
  }),
26639
26643
  header_innercontainer: glamor.css({
26640
26644
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
26641
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
26642
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
26643
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
26644
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
26645
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
26645
26646
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
26646
26647
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
26647
26648
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -27333,6 +27334,7 @@
27333
27334
  var lang = props.actions.lang;
27334
27335
  var langdetect = props.actions.langdetect;
27335
27336
  var setlang = props.actions.setlang;
27337
+ props.actions.scrollcontext;
27336
27338
  var templatepropcontext = props.actions.templatepropcontext;
27337
27339
  var authdetailsContext = props.actions.authdetailsContext;
27338
27340
  var templateproperties_context = props.actions.templateproperties_context;
@@ -27456,9 +27458,6 @@
27456
27458
  borderColor: sectionproperties.userbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.userBtnTextcoloronhover : sectionproperties.userBtnbgColoronhover
27457
27459
  }
27458
27460
  }),
27459
- // user_btn2:css({
27460
- // color:sec
27461
- // })
27462
27461
  header_logo: glamor.css({
27463
27462
  width: templateproperties_context.logo_width + 'px',
27464
27463
  height: templateproperties_context.logo_height + 'px'
@@ -27569,6 +27568,24 @@
27569
27568
  color: sectionproperties.closeSlider_colorOnHover,
27570
27569
  borderColor: sectionproperties.closeSlider_colorOnHover
27571
27570
  }
27571
+ })), _defineProperty__default["default"](_header_cssstyles, "headerinnercontainer", glamor.css({
27572
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
27573
+ paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
27574
+ paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
27575
+ paddingTop: sectionproperties.header_paddingTop + 'px',
27576
+ paddingBottom: sectionproperties.header_paddingBottom + 'px',
27577
+ backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor
27578
+ // ':hover': {
27579
+ // backgroundColor: sectionproperties.header_backgroundColor,
27580
+ // transition: '.3s ease-in-out',
27581
+ // },
27582
+ })), _defineProperty__default["default"](_header_cssstyles, "headerinnercontainerscrolled", glamor.css({
27583
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
27584
+ paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
27585
+ paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
27586
+ paddingTop: sectionproperties.header_paddingTop + 'px',
27587
+ paddingBottom: sectionproperties.header_paddingBottom + 'px',
27588
+ backgroundColor: sectionproperties.header_backgroundColor
27572
27589
  })), _header_cssstyles);
27573
27590
  return /*#__PURE__*/React__default["default"].createElement("div", {
27574
27591
  "class": "row m-0 w-100 d-flex align-items-center justify-content-center ",
@@ -27594,18 +27611,7 @@
27594
27611
  })), /*#__PURE__*/React__default["default"].createElement("div", {
27595
27612
  "class": "col-lg-12 p-0"
27596
27613
  }, /*#__PURE__*/React__default["default"].createElement("div", {
27597
- "class": "row m-0 w-100",
27598
- style: {
27599
- backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
27600
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
27601
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
27602
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
27603
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
27604
- paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
27605
- paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
27606
- paddingTop: sectionproperties.header_paddingTop + 'px',
27607
- paddingBottom: sectionproperties.header_paddingBottom + 'px'
27608
- }
27614
+ "class": header_cssstyles.headerinnercontainer + ' row m-0 w-100 '
27609
27615
  }, /*#__PURE__*/React__default["default"].createElement("div", {
27610
27616
  "class": "col-lg-12 p-0"
27611
27617
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -29864,10 +29870,7 @@
29864
29870
  position: sectionproperties.headerstyles_position,
29865
29871
  zIndex: 11000,
29866
29872
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
29867
- borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
29868
- borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
29869
- borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
29870
- borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
29873
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
29871
29874
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
29872
29875
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
29873
29876
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -30523,10 +30526,7 @@
30523
30526
  }),
30524
30527
  lowerHeaderContainer: glamor.css({
30525
30528
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
30526
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
30527
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
30528
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
30529
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
30529
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
30530
30530
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
30531
30531
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
30532
30532
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -33495,10 +33495,7 @@
33495
33495
  }),
33496
33496
  lowerHeaderContainer: glamor.css({
33497
33497
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
33498
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
33499
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
33500
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
33501
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
33498
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
33502
33499
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
33503
33500
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
33504
33501
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -34475,10 +34472,7 @@
34475
34472
  }),
34476
34473
  headerMiddleContainer: glamor.css({
34477
34474
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
34478
- borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
34479
- borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
34480
- borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
34481
- borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
34475
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
34482
34476
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
34483
34477
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
34484
34478
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -36912,10 +36906,7 @@
36912
36906
  justifyContent: 'center',
36913
36907
  width: sectionproperties.header_width + 'vw',
36914
36908
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
36915
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
36916
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
36917
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
36918
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
36909
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
36919
36910
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
36920
36911
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
36921
36912
  paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -71230,7 +71221,6 @@
71230
71221
  overflow: 'hidden',
71231
71222
  height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
71232
71223
  background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
71233
- // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
71234
71224
  border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
71235
71225
  borderBottom: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
71236
71226
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
@@ -71521,16 +71511,11 @@
71521
71511
  direction: 'ltr'
71522
71512
  }
71523
71513
  }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
71524
- "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
71525
- style: {
71526
- marginBottom: sectionproperties.image_mb + 'px'
71527
- }
71528
- }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
71529
- "class": card_cssstyles.productcardimagecont + ' d-none d-md-flex ',
71514
+ "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex ',
71530
71515
  style: {
71531
71516
  marginBottom: sectionproperties.image_mb + 'px'
71532
71517
  }
71533
- }, Image('responsive')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
71518
+ }, Image('normal')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
71534
71519
  "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
71535
71520
  }, /*#__PURE__*/React__default["default"].createElement("p", {
71536
71521
  "class": "m-0 p-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.441",
3
+ "version": "0.0.442",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {
package/src22-1/TabexComponents/Headers/CategoryFeaturingHeader/CategoryFeaturingHeader.jsx CHANGED
@@ -139,10 +139,7 @@ const CategoryFeaturingHeader = (props) => {
139
139
  }),
140
140
  lowerHeaderContainer: css({
141
141
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
142
- borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
143
- borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
144
- borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
145
- borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
142
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
146
143
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
147
144
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
148
145
  paddingTop: sectionproperties.header_paddingTop + 'px',
package/src22-1/TabexComponents/Headers/HeaderRestaurant/HeaderRestaurant.jsx CHANGED
@@ -81,10 +81,7 @@ const HeaderRestaurant = (props) => {
81
81
  position: sectionproperties.headerstyles_position,
82
82
  zIndex: 11000,
83
83
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
84
- borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
85
- borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
86
- borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
87
- borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
84
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
88
85
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
89
86
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
90
87
  paddingTop: sectionproperties.header_paddingTop + 'px',
package/src22-1/TabexComponents/Headers/Header_threesectionslogocentered/Header_threesectionslogocentered.jsx CHANGED
@@ -83,10 +83,7 @@ const Header_threesectionslogocentered = (props) => {
83
83
  }),
84
84
  header_innercontainer: css({
85
85
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
86
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
87
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
88
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
89
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
86
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
90
87
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
91
88
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
92
89
  paddingTop: sectionproperties.header_paddingTop + 'px',
package/src22-1/TabexComponents/Headers/HeaderwithContactinfo/HeaderwithContactinfo.jsx CHANGED
@@ -91,14 +91,11 @@ const HeaderwithContactinfo = (props) => {
91
91
  }),
92
92
  lowerHeaderContainer: css({
93
93
  backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
94
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
95
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
96
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
97
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
98
94
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
99
95
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
100
96
  paddingTop: sectionproperties.header_paddingTop + 'px',
101
97
  paddingBottom: sectionproperties.header_paddingBottom + 'px',
98
+ borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
102
99
  }),
103
100
  header_logo: css({
104
101
  width: templateproperties_context.logo_width + 'px',