tabexseriescomponents 0.2.850 → 0.2.851

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 +178 -62
  2. package/dist/index.esm.js +178 -62
  3. package/dist/index.umd.js +178 -62
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -5488,6 +5488,9 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
5488
5488
  borderColor: sectionproperties.inputfeildbordercoloronfocus
5489
5489
  }
5490
5490
  }),
5491
+ selectedpicker: glamor.css({
5492
+ color: sectionproperties.inputfieldcolor
5493
+ }),
5491
5494
  timeSlotContainer: glamor.css({
5492
5495
  minWidth: '6vh',
5493
5496
  height: '5vh',
@@ -5729,8 +5732,12 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
5729
5732
  border: sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor
5730
5733
  }
5731
5734
  }, /*#__PURE__*/React__default["default"].createElement("div", {
5732
- "class": "w-100 px-2 h-100 allcentered"
5735
+ "class": "w-100 px-2 h-100 allcentered",
5736
+ style: {
5737
+ color: sectionproperties.inputfieldcolor
5738
+ }
5733
5739
  }, /*#__PURE__*/React__default["default"].createElement(DatePicker__default["default"], {
5740
+ className: "".concat(TabsStyles.selectedpicker),
5734
5741
  minDate: fetchProductInfoQueryContext !== null && fetchProductInfoQueryContext !== void 0 && (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) !== null && _fetchProductInfoQuer13 !== void 0 && (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) !== null && _fetchProductInfoQuer13 !== void 0 && (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) !== null && _fetchProductInfoQuer13 !== void 0 && (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.serviceinfo) !== null && _fetchProductInfoQuer13 !== void 0 && _fetchProductInfoQuer13.reservationstarts ? new Date(fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts) : null,
5735
5742
  maxDate: fetchProductInfoQueryContext !== null && fetchProductInfoQueryContext !== void 0 && (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) !== null && _fetchProductInfoQuer14 !== void 0 && (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) !== null && _fetchProductInfoQuer14 !== void 0 && (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) !== null && _fetchProductInfoQuer14 !== void 0 && (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.serviceinfo) !== null && _fetchProductInfoQuer14 !== void 0 && _fetchProductInfoQuer14.reservationends ? new Date(fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends) : null,
5736
5743
  filterDate: isAllowedDay,
@@ -5764,7 +5771,8 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
5764
5771
  });
5765
5772
  setselectedfromdate(date);
5766
5773
  }
5767
- }
5774
+ },
5775
+ placeholderText: langdetect == 'en' ? 'Choose date' : 'اختر تاريخ'
5768
5776
  }), /*#__PURE__*/React__default["default"].createElement("div", {
5769
5777
  "class": "h-100 allcentered",
5770
5778
  style: {
@@ -10055,6 +10063,7 @@ var Ordershistory = function Ordershistory(props) {
10055
10063
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
10056
10064
  className: "row m-0 w-100"
10057
10065
  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].orderitems.map(function (item, index) {
10066
+ var _authdetailsContext$i3, _authdetailsContext$i4;
10058
10067
  var variantoptions = [];
10059
10068
  if (item.isvariant == 1) {
10060
10069
  var decodevariantoptions = JSON.parse(item.variantoptions);
@@ -10141,7 +10150,10 @@ var Ordershistory = function Ordershistory(props) {
10141
10150
  textAlign: langdetect == 'en' ? 'left' : 'right'
10142
10151
  },
10143
10152
  onClick: function onClick() {
10144
- routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
10153
+ var _authdetailsContext$i2;
10154
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == '68248846ec6bc') ; else {
10155
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
10156
+ }
10145
10157
  }
10146
10158
  }, item.productname)), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
10147
10159
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
@@ -10169,7 +10181,7 @@ var Ordershistory = function Ordershistory(props) {
10169
10181
  }, /*#__PURE__*/React__default["default"].createElement("p", {
10170
10182
  className: ' m-0 p-0 font-13 fontfamilymedium wordbreak allcentered '
10171
10183
  }, variantoptionitem.optionname, ": ", variantoptionitem.optionvalue));
10172
- }))), item.product_extrafields != null && /*#__PURE__*/React__default["default"].createElement("div", {
10184
+ }))), item.product_extrafields != null && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instid) != '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement("div", {
10173
10185
  "class": "col-lg-12 p-0 d-flex align-items-center"
10174
10186
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10175
10187
  "class": "row m-0 w-100"
@@ -10190,7 +10202,32 @@ var Ordershistory = function Ordershistory(props) {
10190
10202
  fontWeight: sectionproperties.varianttext_fontweight
10191
10203
  }
10192
10204
  }, extrafielditem.value)));
10193
- })))))), /*#__PURE__*/React__default["default"].createElement("div", {
10205
+ }))), item.product_extrafields != null && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) == '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement("div", {
10206
+ "class": "col-lg-12 p-0 d-flex align-items-center"
10207
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10208
+ "class": "row m-0 w-100"
10209
+ }, /*#__PURE__*/React__default["default"].createElement("table", {
10210
+ className: 'table tablevertical'
10211
+ }, product_extrafields.map(function (extrafielditem, extrafieldindex) {
10212
+ return /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("th", {
10213
+ style: {
10214
+ textTransform: 'capitalize',
10215
+ color: '#000',
10216
+ fontWeight: 400
10217
+ }
10218
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10219
+ "class": "d-flex flex-row",
10220
+ style: {
10221
+ color: sectionproperties.featurecolor
10222
+ }
10223
+ }, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar)), /*#__PURE__*/React__default["default"].createElement("td", {
10224
+ style: {
10225
+ color: '#000',
10226
+ fontWeight: 400,
10227
+ textAlign: langdetect == 'en' ? 'left' : 'right'
10228
+ }
10229
+ }, extrafielditem.value));
10230
+ }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
10194
10231
  className: "col-lg-12 p-0"
10195
10232
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
10196
10233
  className: "mt- mb-3"
@@ -33750,7 +33787,7 @@ styleInject(css_248z$v);
33750
33787
  function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
33751
33788
  function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
33752
33789
  var Simpleheader = function Simpleheader(props) {
33753
- var _header_cssstyles, _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i6, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$i7, _authdetailsContext$c2, _authdetailsContext$i8, _authdetailsContext$i9, _logoarrayofobjects$3, _logoarrayofobjects$4;
33790
+ var _header_cssstyles, _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i6, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$c2, _authdetailsContext$i0, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11, _logoarrayofobjects$3, _logoarrayofobjects$4;
33754
33791
  var actions = props.actions;
33755
33792
  var _useState = React.useState(''),
33756
33793
  _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -34290,6 +34327,28 @@ var Simpleheader = function Simpleheader(props) {
34290
34327
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34291
34328
  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
34292
34329
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34330
+ }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instid) == '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
34331
+ onClick: function onClick() {
34332
+ routingcountext(StaticPagesLinksContext.Ordershistory);
34333
+ }
34334
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34335
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
34336
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
34337
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
34338
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
34339
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34340
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
34341
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34342
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
34343
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34344
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, {
34345
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34346
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
34347
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34348
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
34349
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34350
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
34351
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34293
34352
  }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
34294
34353
  onClick: function onClick() {
34295
34354
  routingcountext(StaticPagesLinksContext.Wishlist);
@@ -34324,7 +34383,7 @@ var Simpleheader = function Simpleheader(props) {
34324
34383
  "class": ' h-100 d-flex align-items-center '
34325
34384
  }, /*#__PURE__*/React__default["default"].createElement(HiUserCircle.HiUserCircle, {
34326
34385
  size: sectionproperties.userBtnTextfontsize
34327
- })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '67b1bb900a541' && /*#__PURE__*/React__default["default"].createElement("span", {
34386
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instid) == '67b1bb900a541' && /*#__PURE__*/React__default["default"].createElement("span", {
34328
34387
  className: "mx-2",
34329
34388
  style: {
34330
34389
  fontSize: 18
@@ -34377,6 +34436,28 @@ var Simpleheader = function Simpleheader(props) {
34377
34436
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34378
34437
  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
34379
34438
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34439
+ }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.instid) == '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.instid) == '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
34440
+ onClick: function onClick() {
34441
+ routingcountext(StaticPagesLinksContext.Ordershistory);
34442
+ }
34443
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34444
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
34445
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
34446
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
34447
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
34448
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34449
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
34450
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34451
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
34452
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34453
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, {
34454
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34455
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
34456
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34457
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
34458
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34459
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
34460
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34380
34461
  }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
34381
34462
  onClick: function onClick() {
34382
34463
  routingcountext(StaticPagesLinksContext.Wishlist);
@@ -34495,7 +34576,7 @@ var Simpleheader = function Simpleheader(props) {
34495
34576
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
34496
34577
  }, /*#__PURE__*/React__default["default"].createElement("span", {
34497
34578
  "class": "ml-2 mr-2"
34498
- }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.length) > 1 && sectionproperties.showcurrency == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34579
+ }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.instcurrencies) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.length) > 1 && sectionproperties.showcurrency == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34499
34580
  "class": ' d-flex align-items-center justify-content-end '
34500
34581
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
34501
34582
  "class": ' d-flex align-items-center justify-content-center '
@@ -34507,8 +34588,8 @@ var Simpleheader = function Simpleheader(props) {
34507
34588
  "class": header_cssstyles.currencycont + ' row m-0 w-100 d-flex align-items-center '
34508
34589
  }, /*#__PURE__*/React__default["default"].createElement("p", {
34509
34590
  "class": "m-0 p-0 ml-2 mr-2"
34510
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
34511
- var _authdetailsContext$i0;
34591
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.instcurrencies) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.map(function (item, index) {
34592
+ var _authdetailsContext$i12;
34512
34593
  return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
34513
34594
  onClick: function onClick() {
34514
34595
  setcurrencyfunccontext(item);
@@ -34524,7 +34605,7 @@ var Simpleheader = function Simpleheader(props) {
34524
34605
  style: {}
34525
34606
  }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("span", {
34526
34607
  "class": 'ml-2 mr-2'
34527
- }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 || (_authdetailsContext$i0 = _authdetailsContext$i0.instcurrencies) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
34608
+ }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.instcurrencies) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
34528
34609
  "class": "col-lg-12 p-0"
34529
34610
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
34530
34611
  "class": "m-0"
@@ -86160,59 +86241,94 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
86160
86241
  "class": ' row m-0 w-100 '
86161
86242
  }, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
86162
86243
  var _item$values5, _item$values6, _item$values7;
86163
- return /*#__PURE__*/React__default["default"].createElement("div", {
86164
- className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer p-sm-0"
86165
- }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
86166
- var isChoosedValueExists = false;
86167
- choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
86168
- if (choseitem != null) {
86169
- if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
86170
- isChoosedValueExists = true;
86244
+ return (
86245
+ /*#__PURE__*/
86246
+ // scrollhorixontalcontainer
86247
+ React__default["default"].createElement("div", {
86248
+ className: "col-lg-12 col-md-12 d-flex mb-2 allcentered p-sm-0"
86249
+ }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
86250
+ var isChoosedValueExists = false;
86251
+ choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
86252
+ if (choseitem != null) {
86253
+ if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
86254
+ isChoosedValueExists = true;
86255
+ }
86256
+ }
86257
+ });
86258
+ if (valindex <= 3) {
86259
+ if (sectionproperties.typeofvariantstobeshownincard == 'Show Colors Only') {
86260
+ var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8;
86261
+ if ((item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' || (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Colour' || (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'color' || (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'colour') {
86262
+ var _item$option_info9, _item$option_info0, _item$option_info1, _item$option_info10, _item$option_info11, _valitem$valueinfo, _item$option_info12, _valitem$valueinfo2;
86263
+ return /*#__PURE__*/React__default["default"].createElement("div", {
86264
+ style: {
86265
+ textAlign: 'center'
86266
+ },
86267
+ "class": "mx-1"
86268
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
86269
+ onClick: function onClick() {
86270
+ choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
86271
+ },
86272
+ style: {
86273
+ // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
86274
+ color: isChoosedValueExists ? '#ffffff' : '#000000',
86275
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
86276
+ padding: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? '5px' : '5px 10px',
86277
+ cursor: valitem.disabled ? 'not-allowed' : 'pointer',
86278
+ fontSize: '13px',
86279
+ width: (item === null || item === void 0 || (_item$option_info0 = item.option_info) === null || _item$option_info0 === void 0 ? void 0 : _item$option_info0.optionname) == 'Color' ? 25 : '',
86280
+ height: (item === null || item === void 0 || (_item$option_info1 = item.option_info) === null || _item$option_info1 === void 0 ? void 0 : _item$option_info1.optionname) == 'Color' ? 25 : '',
86281
+ borderRadius: (item === null || item === void 0 || (_item$option_info10 = item.option_info) === null || _item$option_info10 === void 0 ? void 0 : _item$option_info10.optionname) == 'Color' ? 100 : 5,
86282
+ background: (item === null || item === void 0 || (_item$option_info11 = item.option_info) === null || _item$option_info11 === void 0 ? void 0 : _item$option_info11.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
86283
+ fontWeight: 500
86284
+ },
86285
+ disabled: valitem.disabled
86286
+ }, (item === null || item === void 0 || (_item$option_info12 = item.option_info) === null || _item$option_info12 === void 0 ? void 0 : _item$option_info12.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
86287
+ }
86288
+ } else {
86289
+ var _item$option_info13, _item$option_info14, _item$option_info15, _item$option_info16, _item$option_info17, _valitem$valueinfo3, _item$option_info18, _valitem$valueinfo4;
86290
+ return /*#__PURE__*/React__default["default"].createElement("div", {
86291
+ style: {
86292
+ textAlign: 'center'
86293
+ },
86294
+ "class": "mx-1"
86295
+ }, item.optionname, /*#__PURE__*/React__default["default"].createElement("button", {
86296
+ onClick: function onClick() {
86297
+ choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
86298
+ },
86299
+ style: {
86300
+ // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
86301
+ color: isChoosedValueExists ? '#ffffff' : '#000000',
86302
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
86303
+ padding: (item === null || item === void 0 || (_item$option_info13 = item.option_info) === null || _item$option_info13 === void 0 ? void 0 : _item$option_info13.optionname) == 'Color' ? '5px' : '5px 10px',
86304
+ cursor: valitem.disabled ? 'not-allowed' : 'pointer',
86305
+ fontSize: '13px',
86306
+ width: (item === null || item === void 0 || (_item$option_info14 = item.option_info) === null || _item$option_info14 === void 0 ? void 0 : _item$option_info14.optionname) == 'Color' ? 25 : '',
86307
+ height: (item === null || item === void 0 || (_item$option_info15 = item.option_info) === null || _item$option_info15 === void 0 ? void 0 : _item$option_info15.optionname) == 'Color' ? 25 : '',
86308
+ borderRadius: (item === null || item === void 0 || (_item$option_info16 = item.option_info) === null || _item$option_info16 === void 0 ? void 0 : _item$option_info16.optionname) == 'Color' ? 100 : 5,
86309
+ background: (item === null || item === void 0 || (_item$option_info17 = item.option_info) === null || _item$option_info17 === void 0 ? void 0 : _item$option_info17.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo3 = valitem.valueinfo) === null || _valitem$valueinfo3 === void 0 ? void 0 : _valitem$valueinfo3.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
86310
+ fontWeight: 500
86311
+ },
86312
+ disabled: valitem.disabled
86313
+ }, (item === null || item === void 0 || (_item$option_info18 = item.option_info) === null || _item$option_info18 === void 0 ? void 0 : _item$option_info18.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo4 = valitem.valueinfo) === null || _valitem$valueinfo4 === void 0 ? void 0 : _valitem$valueinfo4.valuename) || 'Unnamed'));
86171
86314
  }
86172
86315
  }
86173
- });
86174
- if (valindex <= 3) {
86175
- var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info0, _valitem$valueinfo2;
86176
- return /*#__PURE__*/React__default["default"].createElement("div", {
86177
- style: {
86178
- textAlign: 'center'
86179
- },
86180
- "class": "mx-1"
86181
- }, /*#__PURE__*/React__default["default"].createElement("button", {
86182
- onClick: function onClick() {
86183
- choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
86184
- },
86185
- style: {
86186
- // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
86187
- color: isChoosedValueExists ? '#ffffff' : '#000000',
86188
- border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
86189
- padding: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? '5px' : '5px 10px',
86190
- cursor: valitem.disabled ? 'not-allowed' : 'pointer',
86191
- fontSize: '13px',
86192
- width: (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? 25 : '',
86193
- height: (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'Color' ? 25 : '',
86194
- borderRadius: (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'Color' ? 100 : 5,
86195
- background: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
86196
- fontWeight: 500
86197
- },
86198
- disabled: valitem.disabled
86199
- }, (item === null || item === void 0 || (_item$option_info0 = item.option_info) === null || _item$option_info0 === void 0 ? void 0 : _item$option_info0.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
86200
- }
86201
- }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React__default["default"].createElement("div", {
86202
- className: "mx-1 d-flex align-items-center justify-content-center",
86203
- style: {
86204
- width: 25,
86205
- height: 25,
86206
- borderRadius: 100,
86207
- backgroundColor: sectionproperties.activeproductcolor,
86208
- color: '#fff',
86209
- fontSize: '13px',
86210
- cursor: 'pointer'
86211
- },
86212
- onClick: function onClick() {
86213
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, props.actions.item.productid, props.actions.fetchingtypeprops, null);
86214
- }
86215
- }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4));
86316
+ }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React__default["default"].createElement("div", {
86317
+ className: "mx-1 d-flex align-items-center justify-content-center",
86318
+ style: {
86319
+ width: 25,
86320
+ height: 25,
86321
+ borderRadius: 100,
86322
+ backgroundColor: sectionproperties.activeproductcolor,
86323
+ color: '#fff',
86324
+ fontSize: '13px',
86325
+ cursor: 'pointer'
86326
+ },
86327
+ onClick: function onClick() {
86328
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, props.actions.item.productid, props.actions.fetchingtypeprops, null);
86329
+ }
86330
+ }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4))
86331
+ );
86216
86332
  })));
86217
86333
  };
86218
86334
 
package/dist/index.esm.js CHANGED
@@ -5439,6 +5439,9 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
5439
5439
  borderColor: sectionproperties.inputfeildbordercoloronfocus
5440
5440
  }
5441
5441
  }),
5442
+ selectedpicker: css({
5443
+ color: sectionproperties.inputfieldcolor
5444
+ }),
5442
5445
  timeSlotContainer: css({
5443
5446
  minWidth: '6vh',
5444
5447
  height: '5vh',
@@ -5680,8 +5683,12 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
5680
5683
  border: sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor
5681
5684
  }
5682
5685
  }, /*#__PURE__*/React.createElement("div", {
5683
- "class": "w-100 px-2 h-100 allcentered"
5686
+ "class": "w-100 px-2 h-100 allcentered",
5687
+ style: {
5688
+ color: sectionproperties.inputfieldcolor
5689
+ }
5684
5690
  }, /*#__PURE__*/React.createElement(DatePicker, {
5691
+ className: "".concat(TabsStyles.selectedpicker),
5685
5692
  minDate: fetchProductInfoQueryContext !== null && fetchProductInfoQueryContext !== void 0 && (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) !== null && _fetchProductInfoQuer13 !== void 0 && (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) !== null && _fetchProductInfoQuer13 !== void 0 && (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) !== null && _fetchProductInfoQuer13 !== void 0 && (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.serviceinfo) !== null && _fetchProductInfoQuer13 !== void 0 && _fetchProductInfoQuer13.reservationstarts ? new Date(fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts) : null,
5686
5693
  maxDate: fetchProductInfoQueryContext !== null && fetchProductInfoQueryContext !== void 0 && (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) !== null && _fetchProductInfoQuer14 !== void 0 && (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) !== null && _fetchProductInfoQuer14 !== void 0 && (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) !== null && _fetchProductInfoQuer14 !== void 0 && (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.serviceinfo) !== null && _fetchProductInfoQuer14 !== void 0 && _fetchProductInfoQuer14.reservationends ? new Date(fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends) : null,
5687
5694
  filterDate: isAllowedDay,
@@ -5715,7 +5722,8 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
5715
5722
  });
5716
5723
  setselectedfromdate(date);
5717
5724
  }
5718
- }
5725
+ },
5726
+ placeholderText: langdetect == 'en' ? 'Choose date' : 'اختر تاريخ'
5719
5727
  }), /*#__PURE__*/React.createElement("div", {
5720
5728
  "class": "h-100 allcentered",
5721
5729
  style: {
@@ -10006,6 +10014,7 @@ var Ordershistory = function Ordershistory(props) {
10006
10014
  }))), /*#__PURE__*/React.createElement("div", {
10007
10015
  className: "row m-0 w-100"
10008
10016
  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].orderitems.map(function (item, index) {
10017
+ var _authdetailsContext$i3, _authdetailsContext$i4;
10009
10018
  var variantoptions = [];
10010
10019
  if (item.isvariant == 1) {
10011
10020
  var decodevariantoptions = JSON.parse(item.variantoptions);
@@ -10092,7 +10101,10 @@ var Ordershistory = function Ordershistory(props) {
10092
10101
  textAlign: langdetect == 'en' ? 'left' : 'right'
10093
10102
  },
10094
10103
  onClick: function onClick() {
10095
- routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
10104
+ var _authdetailsContext$i2;
10105
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == '68248846ec6bc') ; else {
10106
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
10107
+ }
10096
10108
  }
10097
10109
  }, item.productname)), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("div", {
10098
10110
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
@@ -10120,7 +10132,7 @@ var Ordershistory = function Ordershistory(props) {
10120
10132
  }, /*#__PURE__*/React.createElement("p", {
10121
10133
  className: ' m-0 p-0 font-13 fontfamilymedium wordbreak allcentered '
10122
10134
  }, variantoptionitem.optionname, ": ", variantoptionitem.optionvalue));
10123
- }))), item.product_extrafields != null && /*#__PURE__*/React.createElement("div", {
10135
+ }))), item.product_extrafields != null && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instid) != '68248846ec6bc' && /*#__PURE__*/React.createElement("div", {
10124
10136
  "class": "col-lg-12 p-0 d-flex align-items-center"
10125
10137
  }, /*#__PURE__*/React.createElement("div", {
10126
10138
  "class": "row m-0 w-100"
@@ -10141,7 +10153,32 @@ var Ordershistory = function Ordershistory(props) {
10141
10153
  fontWeight: sectionproperties.varianttext_fontweight
10142
10154
  }
10143
10155
  }, extrafielditem.value)));
10144
- })))))), /*#__PURE__*/React.createElement("div", {
10156
+ }))), item.product_extrafields != null && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) == '68248846ec6bc' && /*#__PURE__*/React.createElement("div", {
10157
+ "class": "col-lg-12 p-0 d-flex align-items-center"
10158
+ }, /*#__PURE__*/React.createElement("div", {
10159
+ "class": "row m-0 w-100"
10160
+ }, /*#__PURE__*/React.createElement("table", {
10161
+ className: 'table tablevertical'
10162
+ }, product_extrafields.map(function (extrafielditem, extrafieldindex) {
10163
+ return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
10164
+ style: {
10165
+ textTransform: 'capitalize',
10166
+ color: '#000',
10167
+ fontWeight: 400
10168
+ }
10169
+ }, /*#__PURE__*/React.createElement("div", {
10170
+ "class": "d-flex flex-row",
10171
+ style: {
10172
+ color: sectionproperties.featurecolor
10173
+ }
10174
+ }, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar)), /*#__PURE__*/React.createElement("td", {
10175
+ style: {
10176
+ color: '#000',
10177
+ fontWeight: 400,
10178
+ textAlign: langdetect == 'en' ? 'left' : 'right'
10179
+ }
10180
+ }, extrafielditem.value));
10181
+ }))))))), /*#__PURE__*/React.createElement("div", {
10145
10182
  className: "col-lg-12 p-0"
10146
10183
  }, /*#__PURE__*/React.createElement("hr", {
10147
10184
  className: "mt- mb-3"
@@ -33701,7 +33738,7 @@ styleInject(css_248z$v);
33701
33738
  function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
33702
33739
  function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
33703
33740
  var Simpleheader = function Simpleheader(props) {
33704
- var _header_cssstyles, _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i6, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$i7, _authdetailsContext$c2, _authdetailsContext$i8, _authdetailsContext$i9, _logoarrayofobjects$3, _logoarrayofobjects$4;
33741
+ var _header_cssstyles, _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i6, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$c2, _authdetailsContext$i0, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11, _logoarrayofobjects$3, _logoarrayofobjects$4;
33705
33742
  var actions = props.actions;
33706
33743
  var _useState = useState(''),
33707
33744
  _useState2 = _slicedToArray(_useState, 2),
@@ -34241,6 +34278,28 @@ var Simpleheader = function Simpleheader(props) {
34241
34278
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34242
34279
  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
34243
34280
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34281
+ }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '68248846ec6bc' && /*#__PURE__*/React.createElement(Dropdown.Divider, null), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instid) == '68248846ec6bc' && /*#__PURE__*/React.createElement(Dropdown.Item, {
34282
+ onClick: function onClick() {
34283
+ routingcountext(StaticPagesLinksContext.Ordershistory);
34284
+ }
34285
+ }, /*#__PURE__*/React.createElement("div", {
34286
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
34287
+ }, /*#__PURE__*/React.createElement("p", {
34288
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
34289
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
34290
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34291
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
34292
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34293
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
34294
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34295
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, {
34296
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34297
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
34298
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34299
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
34300
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34301
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
34302
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34244
34303
  }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement(Dropdown.Divider, null), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement(Dropdown.Item, {
34245
34304
  onClick: function onClick() {
34246
34305
  routingcountext(StaticPagesLinksContext.Wishlist);
@@ -34275,7 +34334,7 @@ var Simpleheader = function Simpleheader(props) {
34275
34334
  "class": ' h-100 d-flex align-items-center '
34276
34335
  }, /*#__PURE__*/React.createElement(HiUserCircle, {
34277
34336
  size: sectionproperties.userBtnTextfontsize
34278
- })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '67b1bb900a541' && /*#__PURE__*/React.createElement("span", {
34337
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instid) == '67b1bb900a541' && /*#__PURE__*/React.createElement("span", {
34279
34338
  className: "mx-2",
34280
34339
  style: {
34281
34340
  fontSize: 18
@@ -34328,6 +34387,28 @@ var Simpleheader = function Simpleheader(props) {
34328
34387
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34329
34388
  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
34330
34389
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34390
+ }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.instid) == '68248846ec6bc' && /*#__PURE__*/React.createElement(Dropdown.Divider, null), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.instid) == '68248846ec6bc' && /*#__PURE__*/React.createElement(Dropdown.Item, {
34391
+ onClick: function onClick() {
34392
+ routingcountext(StaticPagesLinksContext.Ordershistory);
34393
+ }
34394
+ }, /*#__PURE__*/React.createElement("div", {
34395
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
34396
+ }, /*#__PURE__*/React.createElement("p", {
34397
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
34398
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
34399
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34400
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
34401
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34402
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
34403
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34404
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, {
34405
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34406
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
34407
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34408
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
34409
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34410
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
34411
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34331
34412
  }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement(Dropdown.Divider, null), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement(Dropdown.Item, {
34332
34413
  onClick: function onClick() {
34333
34414
  routingcountext(StaticPagesLinksContext.Wishlist);
@@ -34446,7 +34527,7 @@ var Simpleheader = function Simpleheader(props) {
34446
34527
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
34447
34528
  }, /*#__PURE__*/React.createElement("span", {
34448
34529
  "class": "ml-2 mr-2"
34449
- }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.length) > 1 && sectionproperties.showcurrency == 'Show' && /*#__PURE__*/React.createElement("div", {
34530
+ }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.instcurrencies) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.length) > 1 && sectionproperties.showcurrency == 'Show' && /*#__PURE__*/React.createElement("div", {
34450
34531
  "class": ' d-flex align-items-center justify-content-end '
34451
34532
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
34452
34533
  "class": ' d-flex align-items-center justify-content-center '
@@ -34458,8 +34539,8 @@ var Simpleheader = function Simpleheader(props) {
34458
34539
  "class": header_cssstyles.currencycont + ' row m-0 w-100 d-flex align-items-center '
34459
34540
  }, /*#__PURE__*/React.createElement("p", {
34460
34541
  "class": "m-0 p-0 ml-2 mr-2"
34461
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
34462
- var _authdetailsContext$i0;
34542
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.instcurrencies) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.map(function (item, index) {
34543
+ var _authdetailsContext$i12;
34463
34544
  return /*#__PURE__*/React.createElement(Dropdown.Item, {
34464
34545
  onClick: function onClick() {
34465
34546
  setcurrencyfunccontext(item);
@@ -34475,7 +34556,7 @@ var Simpleheader = function Simpleheader(props) {
34475
34556
  style: {}
34476
34557
  }, /*#__PURE__*/React.createElement(FaMoneyBillWave, null), /*#__PURE__*/React.createElement("span", {
34477
34558
  "class": 'ml-2 mr-2'
34478
- }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 || (_authdetailsContext$i0 = _authdetailsContext$i0.instcurrencies) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.length) - 1 && /*#__PURE__*/React.createElement("div", {
34559
+ }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.instcurrencies) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.length) - 1 && /*#__PURE__*/React.createElement("div", {
34479
34560
  "class": "col-lg-12 p-0"
34480
34561
  }, /*#__PURE__*/React.createElement("hr", {
34481
34562
  "class": "m-0"
@@ -86111,59 +86192,94 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
86111
86192
  "class": ' row m-0 w-100 '
86112
86193
  }, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
86113
86194
  var _item$values5, _item$values6, _item$values7;
86114
- return /*#__PURE__*/React.createElement("div", {
86115
- className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer p-sm-0"
86116
- }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
86117
- var isChoosedValueExists = false;
86118
- choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
86119
- if (choseitem != null) {
86120
- if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
86121
- isChoosedValueExists = true;
86195
+ return (
86196
+ /*#__PURE__*/
86197
+ // scrollhorixontalcontainer
86198
+ React.createElement("div", {
86199
+ className: "col-lg-12 col-md-12 d-flex mb-2 allcentered p-sm-0"
86200
+ }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
86201
+ var isChoosedValueExists = false;
86202
+ choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
86203
+ if (choseitem != null) {
86204
+ if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
86205
+ isChoosedValueExists = true;
86206
+ }
86207
+ }
86208
+ });
86209
+ if (valindex <= 3) {
86210
+ if (sectionproperties.typeofvariantstobeshownincard == 'Show Colors Only') {
86211
+ var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8;
86212
+ if ((item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' || (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Colour' || (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'color' || (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'colour') {
86213
+ var _item$option_info9, _item$option_info0, _item$option_info1, _item$option_info10, _item$option_info11, _valitem$valueinfo, _item$option_info12, _valitem$valueinfo2;
86214
+ return /*#__PURE__*/React.createElement("div", {
86215
+ style: {
86216
+ textAlign: 'center'
86217
+ },
86218
+ "class": "mx-1"
86219
+ }, /*#__PURE__*/React.createElement("button", {
86220
+ onClick: function onClick() {
86221
+ choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
86222
+ },
86223
+ style: {
86224
+ // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
86225
+ color: isChoosedValueExists ? '#ffffff' : '#000000',
86226
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
86227
+ padding: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? '5px' : '5px 10px',
86228
+ cursor: valitem.disabled ? 'not-allowed' : 'pointer',
86229
+ fontSize: '13px',
86230
+ width: (item === null || item === void 0 || (_item$option_info0 = item.option_info) === null || _item$option_info0 === void 0 ? void 0 : _item$option_info0.optionname) == 'Color' ? 25 : '',
86231
+ height: (item === null || item === void 0 || (_item$option_info1 = item.option_info) === null || _item$option_info1 === void 0 ? void 0 : _item$option_info1.optionname) == 'Color' ? 25 : '',
86232
+ borderRadius: (item === null || item === void 0 || (_item$option_info10 = item.option_info) === null || _item$option_info10 === void 0 ? void 0 : _item$option_info10.optionname) == 'Color' ? 100 : 5,
86233
+ background: (item === null || item === void 0 || (_item$option_info11 = item.option_info) === null || _item$option_info11 === void 0 ? void 0 : _item$option_info11.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
86234
+ fontWeight: 500
86235
+ },
86236
+ disabled: valitem.disabled
86237
+ }, (item === null || item === void 0 || (_item$option_info12 = item.option_info) === null || _item$option_info12 === void 0 ? void 0 : _item$option_info12.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
86238
+ }
86239
+ } else {
86240
+ var _item$option_info13, _item$option_info14, _item$option_info15, _item$option_info16, _item$option_info17, _valitem$valueinfo3, _item$option_info18, _valitem$valueinfo4;
86241
+ return /*#__PURE__*/React.createElement("div", {
86242
+ style: {
86243
+ textAlign: 'center'
86244
+ },
86245
+ "class": "mx-1"
86246
+ }, item.optionname, /*#__PURE__*/React.createElement("button", {
86247
+ onClick: function onClick() {
86248
+ choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
86249
+ },
86250
+ style: {
86251
+ // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
86252
+ color: isChoosedValueExists ? '#ffffff' : '#000000',
86253
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
86254
+ padding: (item === null || item === void 0 || (_item$option_info13 = item.option_info) === null || _item$option_info13 === void 0 ? void 0 : _item$option_info13.optionname) == 'Color' ? '5px' : '5px 10px',
86255
+ cursor: valitem.disabled ? 'not-allowed' : 'pointer',
86256
+ fontSize: '13px',
86257
+ width: (item === null || item === void 0 || (_item$option_info14 = item.option_info) === null || _item$option_info14 === void 0 ? void 0 : _item$option_info14.optionname) == 'Color' ? 25 : '',
86258
+ height: (item === null || item === void 0 || (_item$option_info15 = item.option_info) === null || _item$option_info15 === void 0 ? void 0 : _item$option_info15.optionname) == 'Color' ? 25 : '',
86259
+ borderRadius: (item === null || item === void 0 || (_item$option_info16 = item.option_info) === null || _item$option_info16 === void 0 ? void 0 : _item$option_info16.optionname) == 'Color' ? 100 : 5,
86260
+ background: (item === null || item === void 0 || (_item$option_info17 = item.option_info) === null || _item$option_info17 === void 0 ? void 0 : _item$option_info17.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo3 = valitem.valueinfo) === null || _valitem$valueinfo3 === void 0 ? void 0 : _valitem$valueinfo3.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
86261
+ fontWeight: 500
86262
+ },
86263
+ disabled: valitem.disabled
86264
+ }, (item === null || item === void 0 || (_item$option_info18 = item.option_info) === null || _item$option_info18 === void 0 ? void 0 : _item$option_info18.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo4 = valitem.valueinfo) === null || _valitem$valueinfo4 === void 0 ? void 0 : _valitem$valueinfo4.valuename) || 'Unnamed'));
86122
86265
  }
86123
86266
  }
86124
- });
86125
- if (valindex <= 3) {
86126
- var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info0, _valitem$valueinfo2;
86127
- return /*#__PURE__*/React.createElement("div", {
86128
- style: {
86129
- textAlign: 'center'
86130
- },
86131
- "class": "mx-1"
86132
- }, /*#__PURE__*/React.createElement("button", {
86133
- onClick: function onClick() {
86134
- choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
86135
- },
86136
- style: {
86137
- // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
86138
- color: isChoosedValueExists ? '#ffffff' : '#000000',
86139
- border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
86140
- padding: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? '5px' : '5px 10px',
86141
- cursor: valitem.disabled ? 'not-allowed' : 'pointer',
86142
- fontSize: '13px',
86143
- width: (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? 25 : '',
86144
- height: (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'Color' ? 25 : '',
86145
- borderRadius: (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'Color' ? 100 : 5,
86146
- background: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
86147
- fontWeight: 500
86148
- },
86149
- disabled: valitem.disabled
86150
- }, (item === null || item === void 0 || (_item$option_info0 = item.option_info) === null || _item$option_info0 === void 0 ? void 0 : _item$option_info0.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
86151
- }
86152
- }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React.createElement("div", {
86153
- className: "mx-1 d-flex align-items-center justify-content-center",
86154
- style: {
86155
- width: 25,
86156
- height: 25,
86157
- borderRadius: 100,
86158
- backgroundColor: sectionproperties.activeproductcolor,
86159
- color: '#fff',
86160
- fontSize: '13px',
86161
- cursor: 'pointer'
86162
- },
86163
- onClick: function onClick() {
86164
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, props.actions.item.productid, props.actions.fetchingtypeprops, null);
86165
- }
86166
- }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4));
86267
+ }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React.createElement("div", {
86268
+ className: "mx-1 d-flex align-items-center justify-content-center",
86269
+ style: {
86270
+ width: 25,
86271
+ height: 25,
86272
+ borderRadius: 100,
86273
+ backgroundColor: sectionproperties.activeproductcolor,
86274
+ color: '#fff',
86275
+ fontSize: '13px',
86276
+ cursor: 'pointer'
86277
+ },
86278
+ onClick: function onClick() {
86279
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, props.actions.item.productid, props.actions.fetchingtypeprops, null);
86280
+ }
86281
+ }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4))
86282
+ );
86167
86283
  })));
86168
86284
  };
86169
86285
 
package/dist/index.umd.js CHANGED
@@ -5300,6 +5300,9 @@
5300
5300
  borderColor: sectionproperties.inputfeildbordercoloronfocus
5301
5301
  }
5302
5302
  }),
5303
+ selectedpicker: glamor.css({
5304
+ color: sectionproperties.inputfieldcolor
5305
+ }),
5303
5306
  timeSlotContainer: glamor.css({
5304
5307
  minWidth: '6vh',
5305
5308
  height: '5vh',
@@ -5541,8 +5544,12 @@
5541
5544
  border: sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor
5542
5545
  }
5543
5546
  }, /*#__PURE__*/React__default["default"].createElement("div", {
5544
- "class": "w-100 px-2 h-100 allcentered"
5547
+ "class": "w-100 px-2 h-100 allcentered",
5548
+ style: {
5549
+ color: sectionproperties.inputfieldcolor
5550
+ }
5545
5551
  }, /*#__PURE__*/React__default["default"].createElement(DatePicker__default["default"], {
5552
+ className: "".concat(TabsStyles.selectedpicker),
5546
5553
  minDate: fetchProductInfoQueryContext !== null && fetchProductInfoQueryContext !== void 0 && (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) !== null && _fetchProductInfoQuer13 !== void 0 && (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) !== null && _fetchProductInfoQuer13 !== void 0 && (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) !== null && _fetchProductInfoQuer13 !== void 0 && (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.serviceinfo) !== null && _fetchProductInfoQuer13 !== void 0 && _fetchProductInfoQuer13.reservationstarts ? new Date(fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts) : null,
5547
5554
  maxDate: fetchProductInfoQueryContext !== null && fetchProductInfoQueryContext !== void 0 && (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) !== null && _fetchProductInfoQuer14 !== void 0 && (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) !== null && _fetchProductInfoQuer14 !== void 0 && (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) !== null && _fetchProductInfoQuer14 !== void 0 && (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.serviceinfo) !== null && _fetchProductInfoQuer14 !== void 0 && _fetchProductInfoQuer14.reservationends ? new Date(fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends) : null,
5548
5555
  filterDate: isAllowedDay,
@@ -5576,7 +5583,8 @@
5576
5583
  });
5577
5584
  setselectedfromdate(date);
5578
5585
  }
5579
- }
5586
+ },
5587
+ placeholderText: langdetect == 'en' ? 'Choose date' : 'اختر تاريخ'
5580
5588
  }), /*#__PURE__*/React__default["default"].createElement("div", {
5581
5589
  "class": "h-100 allcentered",
5582
5590
  style: {
@@ -9867,6 +9875,7 @@
9867
9875
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
9868
9876
  className: "row m-0 w-100"
9869
9877
  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].orderitems.map(function (item, index) {
9878
+ var _authdetailsContext$i3, _authdetailsContext$i4;
9870
9879
  var variantoptions = [];
9871
9880
  if (item.isvariant == 1) {
9872
9881
  var decodevariantoptions = JSON.parse(item.variantoptions);
@@ -9953,7 +9962,10 @@
9953
9962
  textAlign: langdetect == 'en' ? 'left' : 'right'
9954
9963
  },
9955
9964
  onClick: function onClick() {
9956
- routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
9965
+ var _authdetailsContext$i2;
9966
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == '68248846ec6bc') ; else {
9967
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
9968
+ }
9957
9969
  }
9958
9970
  }, item.productname)), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
9959
9971
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
@@ -9981,7 +9993,7 @@
9981
9993
  }, /*#__PURE__*/React__default["default"].createElement("p", {
9982
9994
  className: ' m-0 p-0 font-13 fontfamilymedium wordbreak allcentered '
9983
9995
  }, variantoptionitem.optionname, ": ", variantoptionitem.optionvalue));
9984
- }))), item.product_extrafields != null && /*#__PURE__*/React__default["default"].createElement("div", {
9996
+ }))), item.product_extrafields != null && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instid) != '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement("div", {
9985
9997
  "class": "col-lg-12 p-0 d-flex align-items-center"
9986
9998
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9987
9999
  "class": "row m-0 w-100"
@@ -10002,7 +10014,32 @@
10002
10014
  fontWeight: sectionproperties.varianttext_fontweight
10003
10015
  }
10004
10016
  }, extrafielditem.value)));
10005
- })))))), /*#__PURE__*/React__default["default"].createElement("div", {
10017
+ }))), item.product_extrafields != null && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) == '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement("div", {
10018
+ "class": "col-lg-12 p-0 d-flex align-items-center"
10019
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10020
+ "class": "row m-0 w-100"
10021
+ }, /*#__PURE__*/React__default["default"].createElement("table", {
10022
+ className: 'table tablevertical'
10023
+ }, product_extrafields.map(function (extrafielditem, extrafieldindex) {
10024
+ return /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("th", {
10025
+ style: {
10026
+ textTransform: 'capitalize',
10027
+ color: '#000',
10028
+ fontWeight: 400
10029
+ }
10030
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10031
+ "class": "d-flex flex-row",
10032
+ style: {
10033
+ color: sectionproperties.featurecolor
10034
+ }
10035
+ }, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar)), /*#__PURE__*/React__default["default"].createElement("td", {
10036
+ style: {
10037
+ color: '#000',
10038
+ fontWeight: 400,
10039
+ textAlign: langdetect == 'en' ? 'left' : 'right'
10040
+ }
10041
+ }, extrafielditem.value));
10042
+ }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
10006
10043
  className: "col-lg-12 p-0"
10007
10044
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
10008
10045
  className: "mt- mb-3"
@@ -33562,7 +33599,7 @@
33562
33599
  function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
33563
33600
  function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
33564
33601
  var Simpleheader = function Simpleheader(props) {
33565
- var _header_cssstyles, _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i6, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$i7, _authdetailsContext$c2, _authdetailsContext$i8, _authdetailsContext$i9, _logoarrayofobjects$3, _logoarrayofobjects$4;
33602
+ var _header_cssstyles, _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i6, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$c2, _authdetailsContext$i0, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11, _logoarrayofobjects$3, _logoarrayofobjects$4;
33566
33603
  var actions = props.actions;
33567
33604
  var _useState = React.useState(''),
33568
33605
  _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -34102,6 +34139,28 @@
34102
34139
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34103
34140
  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
34104
34141
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34142
+ }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instid) == '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
34143
+ onClick: function onClick() {
34144
+ routingcountext(StaticPagesLinksContext.Ordershistory);
34145
+ }
34146
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34147
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
34148
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
34149
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
34150
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
34151
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34152
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
34153
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34154
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
34155
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34156
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, {
34157
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34158
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
34159
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34160
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
34161
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34162
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
34163
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34105
34164
  }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
34106
34165
  onClick: function onClick() {
34107
34166
  routingcountext(StaticPagesLinksContext.Wishlist);
@@ -34136,7 +34195,7 @@
34136
34195
  "class": ' h-100 d-flex align-items-center '
34137
34196
  }, /*#__PURE__*/React__default["default"].createElement(HiUserCircle.HiUserCircle, {
34138
34197
  size: sectionproperties.userBtnTextfontsize
34139
- })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '67b1bb900a541' && /*#__PURE__*/React__default["default"].createElement("span", {
34198
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instid) == '67b1bb900a541' && /*#__PURE__*/React__default["default"].createElement("span", {
34140
34199
  className: "mx-2",
34141
34200
  style: {
34142
34201
  fontSize: 18
@@ -34189,6 +34248,28 @@
34189
34248
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34190
34249
  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
34191
34250
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34251
+ }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.instid) == '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.instid) == '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
34252
+ onClick: function onClick() {
34253
+ routingcountext(StaticPagesLinksContext.Ordershistory);
34254
+ }
34255
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34256
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
34257
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
34258
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
34259
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
34260
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34261
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
34262
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34263
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
34264
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34265
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, {
34266
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34267
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
34268
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34269
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
34270
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34271
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
34272
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
34192
34273
  }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
34193
34274
  onClick: function onClick() {
34194
34275
  routingcountext(StaticPagesLinksContext.Wishlist);
@@ -34307,7 +34388,7 @@
34307
34388
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
34308
34389
  }, /*#__PURE__*/React__default["default"].createElement("span", {
34309
34390
  "class": "ml-2 mr-2"
34310
- }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.length) > 1 && sectionproperties.showcurrency == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34391
+ }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.instcurrencies) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.length) > 1 && sectionproperties.showcurrency == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34311
34392
  "class": ' d-flex align-items-center justify-content-end '
34312
34393
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
34313
34394
  "class": ' d-flex align-items-center justify-content-center '
@@ -34319,8 +34400,8 @@
34319
34400
  "class": header_cssstyles.currencycont + ' row m-0 w-100 d-flex align-items-center '
34320
34401
  }, /*#__PURE__*/React__default["default"].createElement("p", {
34321
34402
  "class": "m-0 p-0 ml-2 mr-2"
34322
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
34323
- var _authdetailsContext$i0;
34403
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.instcurrencies) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.map(function (item, index) {
34404
+ var _authdetailsContext$i12;
34324
34405
  return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
34325
34406
  onClick: function onClick() {
34326
34407
  setcurrencyfunccontext(item);
@@ -34336,7 +34417,7 @@
34336
34417
  style: {}
34337
34418
  }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("span", {
34338
34419
  "class": 'ml-2 mr-2'
34339
- }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 || (_authdetailsContext$i0 = _authdetailsContext$i0.instcurrencies) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
34420
+ }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.instcurrencies) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
34340
34421
  "class": "col-lg-12 p-0"
34341
34422
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
34342
34423
  "class": "m-0"
@@ -85972,59 +86053,94 @@
85972
86053
  "class": ' row m-0 w-100 '
85973
86054
  }, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
85974
86055
  var _item$values5, _item$values6, _item$values7;
85975
- return /*#__PURE__*/React__default["default"].createElement("div", {
85976
- className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer p-sm-0"
85977
- }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
85978
- var isChoosedValueExists = false;
85979
- choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
85980
- if (choseitem != null) {
85981
- if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
85982
- isChoosedValueExists = true;
86056
+ return (
86057
+ /*#__PURE__*/
86058
+ // scrollhorixontalcontainer
86059
+ React__default["default"].createElement("div", {
86060
+ className: "col-lg-12 col-md-12 d-flex mb-2 allcentered p-sm-0"
86061
+ }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
86062
+ var isChoosedValueExists = false;
86063
+ choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
86064
+ if (choseitem != null) {
86065
+ if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
86066
+ isChoosedValueExists = true;
86067
+ }
86068
+ }
86069
+ });
86070
+ if (valindex <= 3) {
86071
+ if (sectionproperties.typeofvariantstobeshownincard == 'Show Colors Only') {
86072
+ var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8;
86073
+ if ((item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' || (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Colour' || (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'color' || (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'colour') {
86074
+ var _item$option_info9, _item$option_info0, _item$option_info1, _item$option_info10, _item$option_info11, _valitem$valueinfo, _item$option_info12, _valitem$valueinfo2;
86075
+ return /*#__PURE__*/React__default["default"].createElement("div", {
86076
+ style: {
86077
+ textAlign: 'center'
86078
+ },
86079
+ "class": "mx-1"
86080
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
86081
+ onClick: function onClick() {
86082
+ choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
86083
+ },
86084
+ style: {
86085
+ // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
86086
+ color: isChoosedValueExists ? '#ffffff' : '#000000',
86087
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
86088
+ padding: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? '5px' : '5px 10px',
86089
+ cursor: valitem.disabled ? 'not-allowed' : 'pointer',
86090
+ fontSize: '13px',
86091
+ width: (item === null || item === void 0 || (_item$option_info0 = item.option_info) === null || _item$option_info0 === void 0 ? void 0 : _item$option_info0.optionname) == 'Color' ? 25 : '',
86092
+ height: (item === null || item === void 0 || (_item$option_info1 = item.option_info) === null || _item$option_info1 === void 0 ? void 0 : _item$option_info1.optionname) == 'Color' ? 25 : '',
86093
+ borderRadius: (item === null || item === void 0 || (_item$option_info10 = item.option_info) === null || _item$option_info10 === void 0 ? void 0 : _item$option_info10.optionname) == 'Color' ? 100 : 5,
86094
+ background: (item === null || item === void 0 || (_item$option_info11 = item.option_info) === null || _item$option_info11 === void 0 ? void 0 : _item$option_info11.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
86095
+ fontWeight: 500
86096
+ },
86097
+ disabled: valitem.disabled
86098
+ }, (item === null || item === void 0 || (_item$option_info12 = item.option_info) === null || _item$option_info12 === void 0 ? void 0 : _item$option_info12.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
86099
+ }
86100
+ } else {
86101
+ var _item$option_info13, _item$option_info14, _item$option_info15, _item$option_info16, _item$option_info17, _valitem$valueinfo3, _item$option_info18, _valitem$valueinfo4;
86102
+ return /*#__PURE__*/React__default["default"].createElement("div", {
86103
+ style: {
86104
+ textAlign: 'center'
86105
+ },
86106
+ "class": "mx-1"
86107
+ }, item.optionname, /*#__PURE__*/React__default["default"].createElement("button", {
86108
+ onClick: function onClick() {
86109
+ choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
86110
+ },
86111
+ style: {
86112
+ // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
86113
+ color: isChoosedValueExists ? '#ffffff' : '#000000',
86114
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
86115
+ padding: (item === null || item === void 0 || (_item$option_info13 = item.option_info) === null || _item$option_info13 === void 0 ? void 0 : _item$option_info13.optionname) == 'Color' ? '5px' : '5px 10px',
86116
+ cursor: valitem.disabled ? 'not-allowed' : 'pointer',
86117
+ fontSize: '13px',
86118
+ width: (item === null || item === void 0 || (_item$option_info14 = item.option_info) === null || _item$option_info14 === void 0 ? void 0 : _item$option_info14.optionname) == 'Color' ? 25 : '',
86119
+ height: (item === null || item === void 0 || (_item$option_info15 = item.option_info) === null || _item$option_info15 === void 0 ? void 0 : _item$option_info15.optionname) == 'Color' ? 25 : '',
86120
+ borderRadius: (item === null || item === void 0 || (_item$option_info16 = item.option_info) === null || _item$option_info16 === void 0 ? void 0 : _item$option_info16.optionname) == 'Color' ? 100 : 5,
86121
+ background: (item === null || item === void 0 || (_item$option_info17 = item.option_info) === null || _item$option_info17 === void 0 ? void 0 : _item$option_info17.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo3 = valitem.valueinfo) === null || _valitem$valueinfo3 === void 0 ? void 0 : _valitem$valueinfo3.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
86122
+ fontWeight: 500
86123
+ },
86124
+ disabled: valitem.disabled
86125
+ }, (item === null || item === void 0 || (_item$option_info18 = item.option_info) === null || _item$option_info18 === void 0 ? void 0 : _item$option_info18.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo4 = valitem.valueinfo) === null || _valitem$valueinfo4 === void 0 ? void 0 : _valitem$valueinfo4.valuename) || 'Unnamed'));
85983
86126
  }
85984
86127
  }
85985
- });
85986
- if (valindex <= 3) {
85987
- var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info0, _valitem$valueinfo2;
85988
- return /*#__PURE__*/React__default["default"].createElement("div", {
85989
- style: {
85990
- textAlign: 'center'
85991
- },
85992
- "class": "mx-1"
85993
- }, /*#__PURE__*/React__default["default"].createElement("button", {
85994
- onClick: function onClick() {
85995
- choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
85996
- },
85997
- style: {
85998
- // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
85999
- color: isChoosedValueExists ? '#ffffff' : '#000000',
86000
- border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
86001
- padding: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? '5px' : '5px 10px',
86002
- cursor: valitem.disabled ? 'not-allowed' : 'pointer',
86003
- fontSize: '13px',
86004
- width: (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? 25 : '',
86005
- height: (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'Color' ? 25 : '',
86006
- borderRadius: (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'Color' ? 100 : 5,
86007
- background: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
86008
- fontWeight: 500
86009
- },
86010
- disabled: valitem.disabled
86011
- }, (item === null || item === void 0 || (_item$option_info0 = item.option_info) === null || _item$option_info0 === void 0 ? void 0 : _item$option_info0.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
86012
- }
86013
- }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React__default["default"].createElement("div", {
86014
- className: "mx-1 d-flex align-items-center justify-content-center",
86015
- style: {
86016
- width: 25,
86017
- height: 25,
86018
- borderRadius: 100,
86019
- backgroundColor: sectionproperties.activeproductcolor,
86020
- color: '#fff',
86021
- fontSize: '13px',
86022
- cursor: 'pointer'
86023
- },
86024
- onClick: function onClick() {
86025
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, props.actions.item.productid, props.actions.fetchingtypeprops, null);
86026
- }
86027
- }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4));
86128
+ }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React__default["default"].createElement("div", {
86129
+ className: "mx-1 d-flex align-items-center justify-content-center",
86130
+ style: {
86131
+ width: 25,
86132
+ height: 25,
86133
+ borderRadius: 100,
86134
+ backgroundColor: sectionproperties.activeproductcolor,
86135
+ color: '#fff',
86136
+ fontSize: '13px',
86137
+ cursor: 'pointer'
86138
+ },
86139
+ onClick: function onClick() {
86140
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, props.actions.item.productid, props.actions.fetchingtypeprops, null);
86141
+ }
86142
+ }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4))
86143
+ );
86028
86144
  })));
86029
86145
  };
86030
86146
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.2.850",
3
+ "version": "0.2.851",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",