tabexseriescomponents 0.0.126 → 0.0.128

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +90 -37
  2. package/dist/index.esm.js +90 -37
  3. package/dist/index.umd.js +90 -37
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -413,7 +413,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
413
413
  nofavoriteproducts: 'لا توجد منتجات مفضلة',
414
414
  // Notifications
415
415
  loggedoutsuccess: 'تم تسجيل الخروج',
416
- addedtocartsuccess: 'تم إضافة المنتج لعربة التسوق',
416
+ addedtocartsuccess: 'تم تعديل عربة التسوق',
417
417
  promocodeapplied: 'تم تطبيق كود الخصم',
418
418
  promocoderemoved: 'تم حذف كود الخصم',
419
419
  countryandstateupdatedsuccess: 'تم تحديث البلد و المدينة',
@@ -1137,7 +1137,7 @@ var Product_itemtype = function Product_itemtype(props) {
1137
1137
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1138
1138
  className: 'row m-0 w-100'
1139
1139
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1140
- className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 mb-md-3 pl-1 pr-1"
1140
+ className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
1141
1141
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1142
1142
  className: "col-lg-12 p-0 ",
1143
1143
  style: {
@@ -1150,7 +1150,7 @@ var Product_itemtype = function Product_itemtype(props) {
1150
1150
  showNav: false,
1151
1151
  showPlayButton: false
1152
1152
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
1153
- className: langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-3 pr-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-3'
1153
+ className: langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-3 pr-0 p-md-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-3 p-md-0'
1154
1154
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1155
1155
  className: "row m-0 w-100"
1156
1156
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1161,6 +1161,9 @@ var Product_itemtype = function Product_itemtype(props) {
1161
1161
  className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ',
1162
1162
  onClick: function onClick() {
1163
1163
  routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
1164
+ },
1165
+ style: {
1166
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1164
1167
  }
1165
1168
  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), srcfromprops == 'templatdraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
1166
1169
  className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
@@ -1331,7 +1334,7 @@ var Product_itemtype = function Product_itemtype(props) {
1331
1334
  } else {
1332
1335
  isoptionvaluedenabled = 0;
1333
1336
  }
1334
- if (item.optionname == 'color') {
1337
+ if (item.optionname == 'color' || item.optionname == 'Color') {
1335
1338
  return /*#__PURE__*/React__default["default"].createElement("div", {
1336
1339
  className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
1337
1340
  onClick: function onClick() {
@@ -1354,8 +1357,11 @@ var Product_itemtype = function Product_itemtype(props) {
1354
1357
  }
1355
1358
  },
1356
1359
  style: {
1357
- backgroundColor: isoptionvaluedenabled == 1 ? '' : 'grey',
1358
- cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed'
1360
+ cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
1361
+ backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1362
+ minWidth: sectionproperties.variantcontainer_minwidth + 'px',
1363
+ height: sectionproperties.variantcontainer_height + 'px',
1364
+ borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
1359
1365
  }
1360
1366
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1361
1367
  className: 'font-12 wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
@@ -2230,7 +2236,7 @@ var Service_itemtype = function Service_itemtype(props) {
2230
2236
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2231
2237
  className: 'row m-0 w-100'
2232
2238
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2233
- "class": "col-lg-5 col-md-12 col-sm-12 mb-md-3 pl-1 pr-1"
2239
+ "class": "col-lg-5 col-md-12 col-sm-12 mb-md-3 pl-1 pr-1 mb-md-5 pb-md-4"
2234
2240
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2235
2241
  "class": "col-lg-12 p-0 ",
2236
2242
  style: {
@@ -2243,7 +2249,7 @@ var Service_itemtype = function Service_itemtype(props) {
2243
2249
  showNav: false,
2244
2250
  showPlayButton: false
2245
2251
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
2246
- "class": langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-2 pr-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-2'
2252
+ "class": langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-2 pr-0 p-md-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-2 p-md-0'
2247
2253
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2248
2254
  "class": "row m-0 w-100"
2249
2255
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -7611,7 +7617,10 @@ var CartSlider = function CartSlider(props) {
7611
7617
  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("div", {
7612
7618
  className: "row m-0 w-100 "
7613
7619
  }, AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
7614
- className: "col-lg-12 d-flex justify-content-center "
7620
+ className: "col-lg-12 allcentered",
7621
+ style: {
7622
+ height: '40vh'
7623
+ }
7615
7624
  }, /*#__PURE__*/React__default["default"].createElement("div", {
7616
7625
  style: {
7617
7626
  backgroundColor: 'white',
@@ -7622,15 +7631,14 @@ var CartSlider = function CartSlider(props) {
7622
7631
  right: 0,
7623
7632
  top: 0,
7624
7633
  opacity: 0.5
7625
- }
7626
- }, /*#__PURE__*/React__default["default"].createElement("div", {
7627
- className: "m-auto mx-auto"
7634
+ },
7635
+ "class": "allcentered"
7628
7636
  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
7629
- color: "black",
7637
+ color: "#ccc",
7630
7638
  width: "40px",
7631
7639
  height: "40px",
7632
7640
  duration: "1s"
7633
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
7641
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
7634
7642
  className: "col-lg-12 pt-4"
7635
7643
  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.customercart) != null && /*#__PURE__*/React__default["default"].createElement("div", {
7636
7644
  className: "row m-0 w-100"
@@ -10246,28 +10254,26 @@ var Headerresponsive = function Headerresponsive(props) {
10246
10254
  className: langdetect == 'en' ? 'col-md-2 allcentered pl-1 pr-1 pt-1 resposiveheader_languagedropdown' : 'col-md-2 allcentered pl-1 pr-1 pt-1'
10247
10255
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("div", {
10248
10256
  className: 'allcentered m-0 cursor-pointer'
10249
- }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
10250
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10251
- }, /*#__PURE__*/React__default["default"].createElement("img", {
10252
- src: egyptflag,
10257
+ }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
10258
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
10253
10259
  style: {
10254
- maxWidth: '2vh',
10255
- maxHeight: '2vh'
10260
+ direction: 'rtl'
10256
10261
  }
10257
- }), /*#__PURE__*/React__default["default"].createElement("i", {
10258
- className: "h-100 allcentered ml-2"
10262
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10263
+ "class": "m-0 p-0 font-weight-500"
10264
+ }, "\u0639"), /*#__PURE__*/React__default["default"].createElement("i", {
10265
+ className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
10259
10266
  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
10260
10267
  size: 20
10261
- }))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
10262
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10263
- }, /*#__PURE__*/React__default["default"].createElement("img", {
10264
- src: usflag,
10268
+ }))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
10269
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
10265
10270
  style: {
10266
- maxWidth: '2vh',
10267
- maxHeight: '2vh'
10271
+ direction: 'ltr'
10268
10272
  }
10269
- }), /*#__PURE__*/React__default["default"].createElement("i", {
10270
- className: "h-100 allcentered mr-2"
10273
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10274
+ "class": "m-0 p-0 font-weight-500 mr-1"
10275
+ }, "En"), /*#__PURE__*/React__default["default"].createElement("i", {
10276
+ className: "h-100 allcentered"
10271
10277
  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
10272
10278
  size: 20
10273
10279
  }))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
@@ -15983,7 +15989,7 @@ styleInject(css_248z$s);
15983
15989
  function ownKeys$1n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
15984
15990
  function _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
15985
15991
  var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
15986
- var _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i14, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _logoarrayofobjects$3, _logoarrayofobjects$4;
15992
+ var _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i14, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _logoarrayofobjects$3, _logoarrayofobjects$4;
15987
15993
  var _useState = React.useState(''),
15988
15994
  _useState2 = _slicedToArray__default["default"](_useState, 2),
15989
15995
  sectionproperties = _useState2[0],
@@ -16664,7 +16670,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
16664
16670
  top: sectionproperties.cartbadgetop + 'px',
16665
16671
  right: sectionproperties.cartbadgeright + 'px'
16666
16672
  }
16667
- }, fetchcustomercartQueryContext.data.data.customercart != null ? fetchcustomercartQueryContext.data.data.customercart.cartitems.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
16673
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.cartitems) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
16668
16674
  size: sectionproperties.cartBtn_iconFontSize
16669
16675
  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
16670
16676
  size: sectionproperties.cartBtn_iconFontSize
@@ -22447,12 +22453,12 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22447
22453
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
22448
22454
  "class": " d-flex w-100 align-items-center dropdown-toggle_w100 "
22449
22455
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22450
- "class": "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 pr-2 ',
22456
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 ' : "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pr-2 ',
22451
22457
  style: {
22452
22458
  display: 'flex'
22453
22459
  }
22454
22460
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22455
- "class": langdetect == 'en' ? ' m-0 p-0 col-lg-10 d-flex justify-content-start' : ' m-0 p-0 col-lg-10 '
22461
+ "class": 'col-lg-10 d-flex justify-content-start m-0 p-0'
22456
22462
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React__default["default"].createElement("div", {
22457
22463
  "class": "col-lg-2 p-0 h-100 d-flex align-items-center justify-content-end"
22458
22464
  }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -38146,6 +38152,12 @@ var Card23 = function Card23(props) {
38146
38152
  right: 10,
38147
38153
  transform: "translateX(0px)"
38148
38154
  }
38155
+ }),
38156
+ iconsContainer2: glamor.css({
38157
+ opacity: 1,
38158
+ transition: 'all, 0.4s',
38159
+ right: 10,
38160
+ transform: "translateX(0px)"
38149
38161
  })
38150
38162
  };
38151
38163
  var plainString = function plainString(html) {
@@ -38205,7 +38217,42 @@ var Card23 = function Card23(props) {
38205
38217
  fontSize: '12px'
38206
38218
  }
38207
38219
  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
38208
- "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer '
38220
+ "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none '
38221
+ }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
38222
+ "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
38223
+ onClick: function onClick() {
38224
+ addtofavoritescontext(item.productid);
38225
+ }
38226
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
38227
+ "class": "h-100 d-flex align-items-center justify-content-center icon"
38228
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
38229
+ size: sectionproperties.favBtnIconfontsize,
38230
+ style: {
38231
+ color: sectionproperties.activefaviconcolor
38232
+ }
38233
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
38234
+ size: sectionproperties.favBtnIconfontsize,
38235
+ style: {
38236
+ color: sectionproperties.activefaviconcolor
38237
+ }
38238
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
38239
+ "class": "h-100 d-flex align-items-center justify-content-center"
38240
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
38241
+ size: sectionproperties.favBtnIconfontsize
38242
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
38243
+ size: sectionproperties.favBtnIconfontsize
38244
+ }))), /*#__PURE__*/React__default["default"].createElement("button", {
38245
+ "class": " ".concat(cardsstyles2.showmodal),
38246
+ onClick: function onClick(e) {
38247
+ e.stopPropagation();
38248
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
38249
+ }
38250
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
38251
+ "class": "h-100 d-flex align-items-center justify-content-center"
38252
+ }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
38253
+ size: sectionproperties.generalbtn_fontsize
38254
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
38255
+ "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex '
38209
38256
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
38210
38257
  "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
38211
38258
  onClick: function onClick() {
@@ -38260,7 +38307,10 @@ var Card23 = function Card23(props) {
38260
38307
  onClick: function onClick() {
38261
38308
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
38262
38309
  },
38263
- "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 '
38310
+ "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
38311
+ style: {
38312
+ textAlign: langdetect == 'en' ? 'left' : 'right'
38313
+ }
38264
38314
  }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
38265
38315
  "class": "row m-0 w-100 align-items-center mt-1 mb-1"
38266
38316
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
@@ -39238,7 +39288,10 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
39238
39288
  textTransform: sectionproperties.generaltext_textTransform,
39239
39289
  fontWeight: sectionproperties.generaltext_fontWeight,
39240
39290
  opacity: 1,
39241
- transitionDelay: '0.3s'
39291
+ transitionDelay: '0.3s',
39292
+ ':hover': {
39293
+ color: sectionproperties.text_secondarycolor
39294
+ }
39242
39295
  }),
39243
39296
  categorydescription: glamor.css({
39244
39297
  fontSize: sectionproperties.prodCatFontSize + 'px',
package/dist/index.esm.js CHANGED
@@ -370,7 +370,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
370
370
  nofavoriteproducts: 'لا توجد منتجات مفضلة',
371
371
  // Notifications
372
372
  loggedoutsuccess: 'تم تسجيل الخروج',
373
- addedtocartsuccess: 'تم إضافة المنتج لعربة التسوق',
373
+ addedtocartsuccess: 'تم تعديل عربة التسوق',
374
374
  promocodeapplied: 'تم تطبيق كود الخصم',
375
375
  promocoderemoved: 'تم حذف كود الخصم',
376
376
  countryandstateupdatedsuccess: 'تم تحديث البلد و المدينة',
@@ -1094,7 +1094,7 @@ var Product_itemtype = function Product_itemtype(props) {
1094
1094
  }, /*#__PURE__*/React.createElement("div", {
1095
1095
  className: 'row m-0 w-100'
1096
1096
  }, /*#__PURE__*/React.createElement("div", {
1097
- className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 mb-md-3 pl-1 pr-1"
1097
+ className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
1098
1098
  }, /*#__PURE__*/React.createElement("div", {
1099
1099
  className: "col-lg-12 p-0 ",
1100
1100
  style: {
@@ -1107,7 +1107,7 @@ var Product_itemtype = function Product_itemtype(props) {
1107
1107
  showNav: false,
1108
1108
  showPlayButton: false
1109
1109
  }))), /*#__PURE__*/React.createElement("div", {
1110
- className: langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-3 pr-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-3'
1110
+ className: langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-3 pr-0 p-md-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-3 p-md-0'
1111
1111
  }, /*#__PURE__*/React.createElement("div", {
1112
1112
  className: "row m-0 w-100"
1113
1113
  }, /*#__PURE__*/React.createElement("div", {
@@ -1118,6 +1118,9 @@ var Product_itemtype = function Product_itemtype(props) {
1118
1118
  className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ',
1119
1119
  onClick: function onClick() {
1120
1120
  routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
1121
+ },
1122
+ style: {
1123
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1121
1124
  }
1122
1125
  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), srcfromprops == 'templatdraftrouter' && /*#__PURE__*/React.createElement("div", {
1123
1126
  className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
@@ -1288,7 +1291,7 @@ var Product_itemtype = function Product_itemtype(props) {
1288
1291
  } else {
1289
1292
  isoptionvaluedenabled = 0;
1290
1293
  }
1291
- if (item.optionname == 'color') {
1294
+ if (item.optionname == 'color' || item.optionname == 'Color') {
1292
1295
  return /*#__PURE__*/React.createElement("div", {
1293
1296
  className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
1294
1297
  onClick: function onClick() {
@@ -1311,8 +1314,11 @@ var Product_itemtype = function Product_itemtype(props) {
1311
1314
  }
1312
1315
  },
1313
1316
  style: {
1314
- backgroundColor: isoptionvaluedenabled == 1 ? '' : 'grey',
1315
- cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed'
1317
+ cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
1318
+ backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1319
+ minWidth: sectionproperties.variantcontainer_minwidth + 'px',
1320
+ height: sectionproperties.variantcontainer_height + 'px',
1321
+ borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
1316
1322
  }
1317
1323
  }, /*#__PURE__*/React.createElement("p", {
1318
1324
  className: 'font-12 wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
@@ -2187,7 +2193,7 @@ var Service_itemtype = function Service_itemtype(props) {
2187
2193
  }, /*#__PURE__*/React.createElement("div", {
2188
2194
  className: 'row m-0 w-100'
2189
2195
  }, /*#__PURE__*/React.createElement("div", {
2190
- "class": "col-lg-5 col-md-12 col-sm-12 mb-md-3 pl-1 pr-1"
2196
+ "class": "col-lg-5 col-md-12 col-sm-12 mb-md-3 pl-1 pr-1 mb-md-5 pb-md-4"
2191
2197
  }, /*#__PURE__*/React.createElement("div", {
2192
2198
  "class": "col-lg-12 p-0 ",
2193
2199
  style: {
@@ -2200,7 +2206,7 @@ var Service_itemtype = function Service_itemtype(props) {
2200
2206
  showNav: false,
2201
2207
  showPlayButton: false
2202
2208
  }))), /*#__PURE__*/React.createElement("div", {
2203
- "class": langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-2 pr-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-2'
2209
+ "class": langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-2 pr-0 p-md-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-2 p-md-0'
2204
2210
  }, /*#__PURE__*/React.createElement("div", {
2205
2211
  "class": "row m-0 w-100"
2206
2212
  }, /*#__PURE__*/React.createElement("div", {
@@ -7568,7 +7574,10 @@ var CartSlider = function CartSlider(props) {
7568
7574
  }, /*#__PURE__*/React.createElement(IoMdClose, null))), /*#__PURE__*/React.createElement("div", {
7569
7575
  className: "row m-0 w-100 "
7570
7576
  }, AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
7571
- className: "col-lg-12 d-flex justify-content-center "
7577
+ className: "col-lg-12 allcentered",
7578
+ style: {
7579
+ height: '40vh'
7580
+ }
7572
7581
  }, /*#__PURE__*/React.createElement("div", {
7573
7582
  style: {
7574
7583
  backgroundColor: 'white',
@@ -7579,15 +7588,14 @@ var CartSlider = function CartSlider(props) {
7579
7588
  right: 0,
7580
7589
  top: 0,
7581
7590
  opacity: 0.5
7582
- }
7583
- }, /*#__PURE__*/React.createElement("div", {
7584
- className: "m-auto mx-auto"
7591
+ },
7592
+ "class": "allcentered"
7585
7593
  }, /*#__PURE__*/React.createElement(CircularProgress, {
7586
- color: "black",
7594
+ color: "#ccc",
7587
7595
  width: "40px",
7588
7596
  height: "40px",
7589
7597
  duration: "1s"
7590
- })))), /*#__PURE__*/React.createElement("div", {
7598
+ }))), /*#__PURE__*/React.createElement("div", {
7591
7599
  className: "col-lg-12 pt-4"
7592
7600
  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.customercart) != null && /*#__PURE__*/React.createElement("div", {
7593
7601
  className: "row m-0 w-100"
@@ -10203,28 +10211,26 @@ var Headerresponsive = function Headerresponsive(props) {
10203
10211
  className: langdetect == 'en' ? 'col-md-2 allcentered pl-1 pr-1 pt-1 resposiveheader_languagedropdown' : 'col-md-2 allcentered pl-1 pr-1 pt-1'
10204
10212
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("div", {
10205
10213
  className: 'allcentered m-0 cursor-pointer'
10206
- }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
10207
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10208
- }, /*#__PURE__*/React.createElement("img", {
10209
- src: egyptflag,
10214
+ }, langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
10215
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
10210
10216
  style: {
10211
- maxWidth: '2vh',
10212
- maxHeight: '2vh'
10217
+ direction: 'rtl'
10213
10218
  }
10214
- }), /*#__PURE__*/React.createElement("i", {
10215
- className: "h-100 allcentered ml-2"
10219
+ }, /*#__PURE__*/React.createElement("p", {
10220
+ "class": "m-0 p-0 font-weight-500"
10221
+ }, "\u0639"), /*#__PURE__*/React.createElement("i", {
10222
+ className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
10216
10223
  }, /*#__PURE__*/React.createElement(BiChevronDown, {
10217
10224
  size: 20
10218
- }))), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
10219
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10220
- }, /*#__PURE__*/React.createElement("img", {
10221
- src: usflag,
10225
+ }))), langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
10226
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
10222
10227
  style: {
10223
- maxWidth: '2vh',
10224
- maxHeight: '2vh'
10228
+ direction: 'ltr'
10225
10229
  }
10226
- }), /*#__PURE__*/React.createElement("i", {
10227
- className: "h-100 allcentered mr-2"
10230
+ }, /*#__PURE__*/React.createElement("p", {
10231
+ "class": "m-0 p-0 font-weight-500 mr-1"
10232
+ }, "En"), /*#__PURE__*/React.createElement("i", {
10233
+ className: "h-100 allcentered"
10228
10234
  }, /*#__PURE__*/React.createElement(BiChevronDown, {
10229
10235
  size: 20
10230
10236
  }))))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
@@ -15940,7 +15946,7 @@ styleInject(css_248z$s);
15940
15946
  function ownKeys$1n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
15941
15947
  function _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
15942
15948
  var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
15943
- var _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i14, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _logoarrayofobjects$3, _logoarrayofobjects$4;
15949
+ var _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i14, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _logoarrayofobjects$3, _logoarrayofobjects$4;
15944
15950
  var _useState = useState(''),
15945
15951
  _useState2 = _slicedToArray(_useState, 2),
15946
15952
  sectionproperties = _useState2[0],
@@ -16621,7 +16627,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
16621
16627
  top: sectionproperties.cartbadgetop + 'px',
16622
16628
  right: sectionproperties.cartbadgeright + 'px'
16623
16629
  }
16624
- }, fetchcustomercartQueryContext.data.data.customercart != null ? fetchcustomercartQueryContext.data.data.customercart.cartitems.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
16630
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.cartitems) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
16625
16631
  size: sectionproperties.cartBtn_iconFontSize
16626
16632
  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
16627
16633
  size: sectionproperties.cartBtn_iconFontSize
@@ -22404,12 +22410,12 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22404
22410
  }, /*#__PURE__*/React.createElement(Dropdown.Toggle, {
22405
22411
  "class": " d-flex w-100 align-items-center dropdown-toggle_w100 "
22406
22412
  }, /*#__PURE__*/React.createElement("div", {
22407
- "class": "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 pr-2 ',
22413
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 ' : "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pr-2 ',
22408
22414
  style: {
22409
22415
  display: 'flex'
22410
22416
  }
22411
22417
  }, /*#__PURE__*/React.createElement("div", {
22412
- "class": langdetect == 'en' ? ' m-0 p-0 col-lg-10 d-flex justify-content-start' : ' m-0 p-0 col-lg-10 '
22418
+ "class": 'col-lg-10 d-flex justify-content-start m-0 p-0'
22413
22419
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React.createElement("div", {
22414
22420
  "class": "col-lg-2 p-0 h-100 d-flex align-items-center justify-content-end"
22415
22421
  }, /*#__PURE__*/React.createElement("i", {
@@ -38103,6 +38109,12 @@ var Card23 = function Card23(props) {
38103
38109
  right: 10,
38104
38110
  transform: "translateX(0px)"
38105
38111
  }
38112
+ }),
38113
+ iconsContainer2: css({
38114
+ opacity: 1,
38115
+ transition: 'all, 0.4s',
38116
+ right: 10,
38117
+ transform: "translateX(0px)"
38106
38118
  })
38107
38119
  };
38108
38120
  var plainString = function plainString(html) {
@@ -38162,7 +38174,42 @@ var Card23 = function Card23(props) {
38162
38174
  fontSize: '12px'
38163
38175
  }
38164
38176
  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React.createElement("div", {
38165
- "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer '
38177
+ "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none '
38178
+ }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
38179
+ "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
38180
+ onClick: function onClick() {
38181
+ addtofavoritescontext(item.productid);
38182
+ }
38183
+ }, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
38184
+ "class": "h-100 d-flex align-items-center justify-content-center icon"
38185
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar, {
38186
+ size: sectionproperties.favBtnIconfontsize,
38187
+ style: {
38188
+ color: sectionproperties.activefaviconcolor
38189
+ }
38190
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart, {
38191
+ size: sectionproperties.favBtnIconfontsize,
38192
+ style: {
38193
+ color: sectionproperties.activefaviconcolor
38194
+ }
38195
+ })), !item.IsFavExists && /*#__PURE__*/React.createElement("i", {
38196
+ "class": "h-100 d-flex align-items-center justify-content-center"
38197
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
38198
+ size: sectionproperties.favBtnIconfontsize
38199
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
38200
+ size: sectionproperties.favBtnIconfontsize
38201
+ }))), /*#__PURE__*/React.createElement("button", {
38202
+ "class": " ".concat(cardsstyles2.showmodal),
38203
+ onClick: function onClick(e) {
38204
+ e.stopPropagation();
38205
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
38206
+ }
38207
+ }, /*#__PURE__*/React.createElement("i", {
38208
+ "class": "h-100 d-flex align-items-center justify-content-center"
38209
+ }, /*#__PURE__*/React.createElement(BsEye, {
38210
+ size: sectionproperties.generalbtn_fontsize
38211
+ })))), /*#__PURE__*/React.createElement("div", {
38212
+ "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex '
38166
38213
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
38167
38214
  "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
38168
38215
  onClick: function onClick() {
@@ -38217,7 +38264,10 @@ var Card23 = function Card23(props) {
38217
38264
  onClick: function onClick() {
38218
38265
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
38219
38266
  },
38220
- "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 '
38267
+ "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
38268
+ style: {
38269
+ textAlign: langdetect == 'en' ? 'left' : 'right'
38270
+ }
38221
38271
  }, item.name))), /*#__PURE__*/React.createElement("div", {
38222
38272
  "class": "row m-0 w-100 align-items-center mt-1 mb-1"
38223
38273
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
@@ -39195,7 +39245,10 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
39195
39245
  textTransform: sectionproperties.generaltext_textTransform,
39196
39246
  fontWeight: sectionproperties.generaltext_fontWeight,
39197
39247
  opacity: 1,
39198
- transitionDelay: '0.3s'
39248
+ transitionDelay: '0.3s',
39249
+ ':hover': {
39250
+ color: sectionproperties.text_secondarycolor
39251
+ }
39199
39252
  }),
39200
39253
  categorydescription: css({
39201
39254
  fontSize: sectionproperties.prodCatFontSize + 'px',
package/dist/index.umd.js CHANGED
@@ -282,7 +282,7 @@
282
282
  nofavoriteproducts: 'لا توجد منتجات مفضلة',
283
283
  // Notifications
284
284
  loggedoutsuccess: 'تم تسجيل الخروج',
285
- addedtocartsuccess: 'تم إضافة المنتج لعربة التسوق',
285
+ addedtocartsuccess: 'تم تعديل عربة التسوق',
286
286
  promocodeapplied: 'تم تطبيق كود الخصم',
287
287
  promocoderemoved: 'تم حذف كود الخصم',
288
288
  countryandstateupdatedsuccess: 'تم تحديث البلد و المدينة',
@@ -1006,7 +1006,7 @@
1006
1006
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1007
1007
  className: 'row m-0 w-100'
1008
1008
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1009
- className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 mb-md-3 pl-1 pr-1"
1009
+ className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
1010
1010
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1011
1011
  className: "col-lg-12 p-0 ",
1012
1012
  style: {
@@ -1019,7 +1019,7 @@
1019
1019
  showNav: false,
1020
1020
  showPlayButton: false
1021
1021
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
1022
- className: langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-3 pr-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-3'
1022
+ className: langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-3 pr-0 p-md-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-3 p-md-0'
1023
1023
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1024
1024
  className: "row m-0 w-100"
1025
1025
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1030,6 +1030,9 @@
1030
1030
  className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ',
1031
1031
  onClick: function onClick() {
1032
1032
  routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
1033
+ },
1034
+ style: {
1035
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1033
1036
  }
1034
1037
  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), srcfromprops == 'templatdraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
1035
1038
  className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
@@ -1200,7 +1203,7 @@
1200
1203
  } else {
1201
1204
  isoptionvaluedenabled = 0;
1202
1205
  }
1203
- if (item.optionname == 'color') {
1206
+ if (item.optionname == 'color' || item.optionname == 'Color') {
1204
1207
  return /*#__PURE__*/React__default["default"].createElement("div", {
1205
1208
  className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
1206
1209
  onClick: function onClick() {
@@ -1223,8 +1226,11 @@
1223
1226
  }
1224
1227
  },
1225
1228
  style: {
1226
- backgroundColor: isoptionvaluedenabled == 1 ? '' : 'grey',
1227
- cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed'
1229
+ cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
1230
+ backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1231
+ minWidth: sectionproperties.variantcontainer_minwidth + 'px',
1232
+ height: sectionproperties.variantcontainer_height + 'px',
1233
+ borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
1228
1234
  }
1229
1235
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1230
1236
  className: 'font-12 wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
@@ -2099,7 +2105,7 @@
2099
2105
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2100
2106
  className: 'row m-0 w-100'
2101
2107
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2102
- "class": "col-lg-5 col-md-12 col-sm-12 mb-md-3 pl-1 pr-1"
2108
+ "class": "col-lg-5 col-md-12 col-sm-12 mb-md-3 pl-1 pr-1 mb-md-5 pb-md-4"
2103
2109
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2104
2110
  "class": "col-lg-12 p-0 ",
2105
2111
  style: {
@@ -2112,7 +2118,7 @@
2112
2118
  showNav: false,
2113
2119
  showPlayButton: false
2114
2120
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
2115
- "class": langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-2 pr-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-2'
2121
+ "class": langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-2 pr-0 p-md-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-2 p-md-0'
2116
2122
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2117
2123
  "class": "row m-0 w-100"
2118
2124
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -7480,7 +7486,10 @@
7480
7486
  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("div", {
7481
7487
  className: "row m-0 w-100 "
7482
7488
  }, AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
7483
- className: "col-lg-12 d-flex justify-content-center "
7489
+ className: "col-lg-12 allcentered",
7490
+ style: {
7491
+ height: '40vh'
7492
+ }
7484
7493
  }, /*#__PURE__*/React__default["default"].createElement("div", {
7485
7494
  style: {
7486
7495
  backgroundColor: 'white',
@@ -7491,15 +7500,14 @@
7491
7500
  right: 0,
7492
7501
  top: 0,
7493
7502
  opacity: 0.5
7494
- }
7495
- }, /*#__PURE__*/React__default["default"].createElement("div", {
7496
- className: "m-auto mx-auto"
7503
+ },
7504
+ "class": "allcentered"
7497
7505
  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
7498
- color: "black",
7506
+ color: "#ccc",
7499
7507
  width: "40px",
7500
7508
  height: "40px",
7501
7509
  duration: "1s"
7502
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
7510
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
7503
7511
  className: "col-lg-12 pt-4"
7504
7512
  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.customercart) != null && /*#__PURE__*/React__default["default"].createElement("div", {
7505
7513
  className: "row m-0 w-100"
@@ -10115,28 +10123,26 @@
10115
10123
  className: langdetect == 'en' ? 'col-md-2 allcentered pl-1 pr-1 pt-1 resposiveheader_languagedropdown' : 'col-md-2 allcentered pl-1 pr-1 pt-1'
10116
10124
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("div", {
10117
10125
  className: 'allcentered m-0 cursor-pointer'
10118
- }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
10119
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10120
- }, /*#__PURE__*/React__default["default"].createElement("img", {
10121
- src: egyptflag,
10126
+ }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
10127
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
10122
10128
  style: {
10123
- maxWidth: '2vh',
10124
- maxHeight: '2vh'
10129
+ direction: 'rtl'
10125
10130
  }
10126
- }), /*#__PURE__*/React__default["default"].createElement("i", {
10127
- className: "h-100 allcentered ml-2"
10131
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10132
+ "class": "m-0 p-0 font-weight-500"
10133
+ }, "\u0639"), /*#__PURE__*/React__default["default"].createElement("i", {
10134
+ className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
10128
10135
  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
10129
10136
  size: 20
10130
- }))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
10131
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10132
- }, /*#__PURE__*/React__default["default"].createElement("img", {
10133
- src: usflag,
10137
+ }))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
10138
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
10134
10139
  style: {
10135
- maxWidth: '2vh',
10136
- maxHeight: '2vh'
10140
+ direction: 'ltr'
10137
10141
  }
10138
- }), /*#__PURE__*/React__default["default"].createElement("i", {
10139
- className: "h-100 allcentered mr-2"
10142
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10143
+ "class": "m-0 p-0 font-weight-500 mr-1"
10144
+ }, "En"), /*#__PURE__*/React__default["default"].createElement("i", {
10145
+ className: "h-100 allcentered"
10140
10146
  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
10141
10147
  size: 20
10142
10148
  }))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
@@ -15852,7 +15858,7 @@
15852
15858
  function ownKeys$1n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
15853
15859
  function _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
15854
15860
  var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
15855
- var _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i14, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _logoarrayofobjects$3, _logoarrayofobjects$4;
15861
+ var _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i14, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _logoarrayofobjects$3, _logoarrayofobjects$4;
15856
15862
  var _useState = React.useState(''),
15857
15863
  _useState2 = _slicedToArray__default["default"](_useState, 2),
15858
15864
  sectionproperties = _useState2[0],
@@ -16533,7 +16539,7 @@
16533
16539
  top: sectionproperties.cartbadgetop + 'px',
16534
16540
  right: sectionproperties.cartbadgeright + 'px'
16535
16541
  }
16536
- }, fetchcustomercartQueryContext.data.data.customercart != null ? fetchcustomercartQueryContext.data.data.customercart.cartitems.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
16542
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.cartitems) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
16537
16543
  size: sectionproperties.cartBtn_iconFontSize
16538
16544
  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
16539
16545
  size: sectionproperties.cartBtn_iconFontSize
@@ -22316,12 +22322,12 @@
22316
22322
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
22317
22323
  "class": " d-flex w-100 align-items-center dropdown-toggle_w100 "
22318
22324
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22319
- "class": "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 pr-2 ',
22325
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 ' : "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pr-2 ',
22320
22326
  style: {
22321
22327
  display: 'flex'
22322
22328
  }
22323
22329
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22324
- "class": langdetect == 'en' ? ' m-0 p-0 col-lg-10 d-flex justify-content-start' : ' m-0 p-0 col-lg-10 '
22330
+ "class": 'col-lg-10 d-flex justify-content-start m-0 p-0'
22325
22331
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React__default["default"].createElement("div", {
22326
22332
  "class": "col-lg-2 p-0 h-100 d-flex align-items-center justify-content-end"
22327
22333
  }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -38015,6 +38021,12 @@
38015
38021
  right: 10,
38016
38022
  transform: "translateX(0px)"
38017
38023
  }
38024
+ }),
38025
+ iconsContainer2: glamor.css({
38026
+ opacity: 1,
38027
+ transition: 'all, 0.4s',
38028
+ right: 10,
38029
+ transform: "translateX(0px)"
38018
38030
  })
38019
38031
  };
38020
38032
  var plainString = function plainString(html) {
@@ -38074,7 +38086,42 @@
38074
38086
  fontSize: '12px'
38075
38087
  }
38076
38088
  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
38077
- "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer '
38089
+ "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none '
38090
+ }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
38091
+ "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
38092
+ onClick: function onClick() {
38093
+ addtofavoritescontext(item.productid);
38094
+ }
38095
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
38096
+ "class": "h-100 d-flex align-items-center justify-content-center icon"
38097
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
38098
+ size: sectionproperties.favBtnIconfontsize,
38099
+ style: {
38100
+ color: sectionproperties.activefaviconcolor
38101
+ }
38102
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
38103
+ size: sectionproperties.favBtnIconfontsize,
38104
+ style: {
38105
+ color: sectionproperties.activefaviconcolor
38106
+ }
38107
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
38108
+ "class": "h-100 d-flex align-items-center justify-content-center"
38109
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
38110
+ size: sectionproperties.favBtnIconfontsize
38111
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
38112
+ size: sectionproperties.favBtnIconfontsize
38113
+ }))), /*#__PURE__*/React__default["default"].createElement("button", {
38114
+ "class": " ".concat(cardsstyles2.showmodal),
38115
+ onClick: function onClick(e) {
38116
+ e.stopPropagation();
38117
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
38118
+ }
38119
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
38120
+ "class": "h-100 d-flex align-items-center justify-content-center"
38121
+ }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
38122
+ size: sectionproperties.generalbtn_fontsize
38123
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
38124
+ "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex '
38078
38125
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
38079
38126
  "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
38080
38127
  onClick: function onClick() {
@@ -38129,7 +38176,10 @@
38129
38176
  onClick: function onClick() {
38130
38177
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
38131
38178
  },
38132
- "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 '
38179
+ "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
38180
+ style: {
38181
+ textAlign: langdetect == 'en' ? 'left' : 'right'
38182
+ }
38133
38183
  }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
38134
38184
  "class": "row m-0 w-100 align-items-center mt-1 mb-1"
38135
38185
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
@@ -39107,7 +39157,10 @@
39107
39157
  textTransform: sectionproperties.generaltext_textTransform,
39108
39158
  fontWeight: sectionproperties.generaltext_fontWeight,
39109
39159
  opacity: 1,
39110
- transitionDelay: '0.3s'
39160
+ transitionDelay: '0.3s',
39161
+ ':hover': {
39162
+ color: sectionproperties.text_secondarycolor
39163
+ }
39111
39164
  }),
39112
39165
  categorydescription: glamor.css({
39113
39166
  fontSize: sectionproperties.prodCatFontSize + 'px',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.126",
3
+ "version": "0.0.128",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {