tabexseriescomponents 0.0.449 → 0.0.451

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 +85 -19
  2. package/dist/index.esm.js +85 -19
  3. package/dist/index.umd.js +85 -19
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -9243,7 +9243,7 @@ var Select$3 = /*#__PURE__*/React__default["default"].lazy(function () {
9243
9243
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
9244
9244
  });
9245
9245
  var Checkout = function Checkout(props) {
9246
- var _css, _checkoutstyles, _ref, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue67, _fetchcustomercartQue69, _fetchcustomercartQue71, _fetchcustomercartQue73, _authdetailsContext$i4, _fetchcustomercartQue75, _authdetailsContext$i5, _fetchcustomercartQue77, _fetchcustomercartQue79;
9246
+ var _css, _checkoutstyles, _ref, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue67, _fetchcustomercartQue69, _fetchcustomercartQue71, _fetchcustomercartQue73, _authdetailsContext$i4, _fetchcustomercartQue75, _authdetailsContext$i5, _fetchcustomercartQue77, _authdetailsContext$i6, _fetchcustomercartQue79, _fetchcustomercartQue81;
9247
9247
  var _useState = React.useState(null),
9248
9248
  _useState2 = _slicedToArray__default["default"](_useState, 2);
9249
9249
  _useState2[0];
@@ -10514,7 +10514,28 @@ var Checkout = function Checkout(props) {
10514
10514
  d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
10515
10515
  })), /*#__PURE__*/React__default["default"].createElement("p", {
10516
10516
  className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
10517
- }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue79 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue79 === void 0 || (_fetchcustomercartQue79 = _fetchcustomercartQue79.data) === null || _fetchcustomercartQue79 === void 0 ? void 0 : _fetchcustomercartQue79.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
10517
+ }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptAmanCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
10518
+ className: "col-xl-4 col-lg-4 col-md-12 mb-3"
10519
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
10520
+ className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
10521
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
10522
+ type: "checkbox",
10523
+ className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
10524
+ checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue79 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue79 === void 0 || (_fetchcustomercartQue79 = _fetchcustomercartQue79.data) === null || _fetchcustomercartQue79 === void 0 || (_fetchcustomercartQue79 = _fetchcustomercartQue79.customercart) === null || _fetchcustomercartQue79 === void 0 ? void 0 : _fetchcustomercartQue79.paymentmethod) == 'Aman' ? true : false,
10525
+ onChange: function onChange() {
10526
+ var _fetchcustomercartQue80;
10527
+ if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue80 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue80 === void 0 || (_fetchcustomercartQue80 = _fetchcustomercartQue80.data) === null || _fetchcustomercartQue80 === void 0 || (_fetchcustomercartQue80 = _fetchcustomercartQue80.customercart) === null || _fetchcustomercartQue80 === void 0 ? void 0 : _fetchcustomercartQue80.paymentmethod) != 'Aman') {
10528
+ cartinfoupdater('paymentmethod', 'Aman');
10529
+ }
10530
+ }
10531
+ }), /*#__PURE__*/React__default["default"].createElement("svg", {
10532
+ viewBox: "0 0 21 21",
10533
+ className: checkoutstyles.svgstyles + ' h-100 '
10534
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
10535
+ d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
10536
+ })), /*#__PURE__*/React__default["default"].createElement("p", {
10537
+ className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
10538
+ }, langdetect == 'en' ? 'Aman' : 'Aman')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue81 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue81 === void 0 || (_fetchcustomercartQue81 = _fetchcustomercartQue81.data) === null || _fetchcustomercartQue81 === void 0 ? void 0 : _fetchcustomercartQue81.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
10518
10539
  className: "col-lg-12 p-0 w-100 mb-3"
10519
10540
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10520
10541
  style: {
@@ -14958,32 +14979,64 @@ var Filter$1 = function Filter(props) {
14958
14979
  "class": "thwvsf-wrapper-ul"
14959
14980
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14960
14981
  className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
14982
+ }, /*#__PURE__*/React__default["default"].createElement("ul", {
14983
+ "class": " d-flex list-none flex-row flex-wrap overflow-auto px-6 pb-5 pt-2 lg:px-0"
14961
14984
  }, item.productvaluesfilter.map(function (valueitem, valueindex) {
14962
- return /*#__PURE__*/React__default["default"].createElement("div", {
14963
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
14985
+ return /*#__PURE__*/React__default["default"].createElement("li", {
14986
+ className:
14987
+ // `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
14988
+ // ${valueitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
14989
+ // ` +
14990
+ item.optionname != 'Color' ? "".concat(filter_cssstyles.filteroptionvertical, " ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.filteroptionverticalactive, " ") : '') + ' mx-3 mb-3 cursor-pointer allcentered ' : ' mx-3 mb-3 cursor-pointer allcentered ',
14964
14991
  onClick: function onClick() {
14965
14992
  setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
14993
+ },
14994
+ style: {
14995
+ // border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
14996
+ // width: item.optionname == 'Color' ? 'auto' : '',
14997
+ // height: item.optionname == 'Color' ? 'auto' : '',
14998
+ // borderWidth: item.optionname == 'Color' ? 0 : '',
14966
14999
  }
14967
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
14968
- className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
14969
- }, /*#__PURE__*/React__default["default"].createElement("i", {
14970
- className: "h-100 d-flex align-items-center"
14971
- }))), item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
14972
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
14973
- }, /*#__PURE__*/React__default["default"].createElement("p", {
14974
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
15000
+ }, item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
15001
+ className: 'mx-3'
15002
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15003
+ "class": "row m-0 w-100"
15004
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15005
+ "class": "col-lg-12 p-0 allcentered mb-3"
15006
+ }, valueitem.isfilterselected && /*#__PURE__*/React__default["default"].createElement("div", {
15007
+ "class": "allcentered",
14975
15008
  style: {
14976
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
15009
+ width: 40,
15010
+ height: 40,
15011
+ border: '2px solid ' + valueitem.valuename,
15012
+ borderRadius: 100
14977
15013
  }
14978
- }, valueitem.value_identifier)), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
14979
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
15014
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15015
+ style: {
15016
+ width: 28,
15017
+ height: 28,
15018
+ background: valueitem.valuename,
15019
+ borderRadius: 100
15020
+ }
15021
+ })), !valueitem.isfilterselected && /*#__PURE__*/React__default["default"].createElement("div", {
15022
+ style: {
15023
+ width: 28,
15024
+ height: 28,
15025
+ background: valueitem.valuename,
15026
+ borderRadius: 100
15027
+ }
15028
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
15029
+ "class": "col-lg-12 p-0 allcentered"
14980
15030
  }, /*#__PURE__*/React__default["default"].createElement("p", {
14981
15031
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
15032
+ style: {}
15033
+ }, valueitem.value_identifier)))), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
15034
+ className: ' m-0 p-0 ',
14982
15035
  style: {
14983
15036
  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14984
15037
  }
14985
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
14986
- })))))));
15038
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar));
15039
+ }))))))));
14987
15040
  }))
14988
15041
  );
14989
15042
  };
@@ -15110,6 +15163,19 @@ var Filter$1 = function Filter(props) {
15110
15163
  filtercard: glamor.css({
15111
15164
  minWidth: sectionproperties.filtercardwidth + 'px',
15112
15165
  maxWidth: sectionproperties.filtercardwidth + 'px'
15166
+ }),
15167
+ filteroptionvertical: glamor.css({
15168
+ border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
15169
+ color: sectionproperties.timeline_text_color,
15170
+ ':hover': {
15171
+ color: sectionproperties.timeline_text_coloronhover
15172
+ }
15173
+ // filter_activebackgroundtransparent
15174
+ }),
15175
+
15176
+ filteroptionverticalactive: glamor.css({
15177
+ background: sectionproperties.btn_item_activebgcolor,
15178
+ color: sectionproperties.activecat_color
15113
15179
  })
15114
15180
  };
15115
15181
  var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -17134,7 +17200,7 @@ var CardsSection = function CardsSection(props) {
17134
17200
  size: sectionproperties.viewmoreiconfontsizeresp,
17135
17201
  color: sectionproperties.viewmorebtn_Textcolor
17136
17202
  })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React__default["default"].createElement("button", {
17137
- "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
17203
+ "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
17138
17204
  onClick: function onClick() {
17139
17205
  setopenFilterSlider(true);
17140
17206
  // var element = document.getElementById('filterslider');
@@ -17508,7 +17574,7 @@ var CardsSection = function CardsSection(props) {
17508
17574
  color: sectionproperties.sectionTitleColor
17509
17575
  }
17510
17576
  }, show_product_group_titles()['title_en'])), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17511
- "class": "col-lg-12 mb-3"
17577
+ "class": "col-lg-12 mb-5"
17512
17578
  }, /*#__PURE__*/React__default["default"].createElement("p", {
17513
17579
  "class": "m-0",
17514
17580
  style: {
package/dist/index.esm.js CHANGED
@@ -9194,7 +9194,7 @@ var Select$3 = /*#__PURE__*/React.lazy(function () {
9194
9194
  return import('react-select');
9195
9195
  });
9196
9196
  var Checkout = function Checkout(props) {
9197
- var _css, _checkoutstyles, _ref, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue67, _fetchcustomercartQue69, _fetchcustomercartQue71, _fetchcustomercartQue73, _authdetailsContext$i4, _fetchcustomercartQue75, _authdetailsContext$i5, _fetchcustomercartQue77, _fetchcustomercartQue79;
9197
+ var _css, _checkoutstyles, _ref, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue67, _fetchcustomercartQue69, _fetchcustomercartQue71, _fetchcustomercartQue73, _authdetailsContext$i4, _fetchcustomercartQue75, _authdetailsContext$i5, _fetchcustomercartQue77, _authdetailsContext$i6, _fetchcustomercartQue79, _fetchcustomercartQue81;
9198
9198
  var _useState = useState(null),
9199
9199
  _useState2 = _slicedToArray(_useState, 2);
9200
9200
  _useState2[0];
@@ -10465,7 +10465,28 @@ var Checkout = function Checkout(props) {
10465
10465
  d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
10466
10466
  })), /*#__PURE__*/React.createElement("p", {
10467
10467
  className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
10468
- }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue79 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue79 === void 0 || (_fetchcustomercartQue79 = _fetchcustomercartQue79.data) === null || _fetchcustomercartQue79 === void 0 ? void 0 : _fetchcustomercartQue79.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React.createElement("div", {
10468
+ }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptAmanCard) == 1 && /*#__PURE__*/React.createElement("div", {
10469
+ className: "col-xl-4 col-lg-4 col-md-12 mb-3"
10470
+ }, /*#__PURE__*/React.createElement("label", {
10471
+ className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
10472
+ }, /*#__PURE__*/React.createElement("input", {
10473
+ type: "checkbox",
10474
+ className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
10475
+ checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue79 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue79 === void 0 || (_fetchcustomercartQue79 = _fetchcustomercartQue79.data) === null || _fetchcustomercartQue79 === void 0 || (_fetchcustomercartQue79 = _fetchcustomercartQue79.customercart) === null || _fetchcustomercartQue79 === void 0 ? void 0 : _fetchcustomercartQue79.paymentmethod) == 'Aman' ? true : false,
10476
+ onChange: function onChange() {
10477
+ var _fetchcustomercartQue80;
10478
+ if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue80 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue80 === void 0 || (_fetchcustomercartQue80 = _fetchcustomercartQue80.data) === null || _fetchcustomercartQue80 === void 0 || (_fetchcustomercartQue80 = _fetchcustomercartQue80.customercart) === null || _fetchcustomercartQue80 === void 0 ? void 0 : _fetchcustomercartQue80.paymentmethod) != 'Aman') {
10479
+ cartinfoupdater('paymentmethod', 'Aman');
10480
+ }
10481
+ }
10482
+ }), /*#__PURE__*/React.createElement("svg", {
10483
+ viewBox: "0 0 21 21",
10484
+ className: checkoutstyles.svgstyles + ' h-100 '
10485
+ }, /*#__PURE__*/React.createElement("path", {
10486
+ d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
10487
+ })), /*#__PURE__*/React.createElement("p", {
10488
+ className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
10489
+ }, langdetect == 'en' ? 'Aman' : 'Aman')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue81 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue81 === void 0 || (_fetchcustomercartQue81 = _fetchcustomercartQue81.data) === null || _fetchcustomercartQue81 === void 0 ? void 0 : _fetchcustomercartQue81.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React.createElement("div", {
10469
10490
  className: "col-lg-12 p-0 w-100 mb-3"
10470
10491
  }, /*#__PURE__*/React.createElement("div", {
10471
10492
  style: {
@@ -14909,32 +14930,64 @@ var Filter$1 = function Filter(props) {
14909
14930
  "class": "thwvsf-wrapper-ul"
14910
14931
  }, /*#__PURE__*/React.createElement("div", {
14911
14932
  className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
14933
+ }, /*#__PURE__*/React.createElement("ul", {
14934
+ "class": " d-flex list-none flex-row flex-wrap overflow-auto px-6 pb-5 pt-2 lg:px-0"
14912
14935
  }, item.productvaluesfilter.map(function (valueitem, valueindex) {
14913
- return /*#__PURE__*/React.createElement("div", {
14914
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
14936
+ return /*#__PURE__*/React.createElement("li", {
14937
+ className:
14938
+ // `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
14939
+ // ${valueitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
14940
+ // ` +
14941
+ item.optionname != 'Color' ? "".concat(filter_cssstyles.filteroptionvertical, " ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.filteroptionverticalactive, " ") : '') + ' mx-3 mb-3 cursor-pointer allcentered ' : ' mx-3 mb-3 cursor-pointer allcentered ',
14915
14942
  onClick: function onClick() {
14916
14943
  setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
14944
+ },
14945
+ style: {
14946
+ // border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
14947
+ // width: item.optionname == 'Color' ? 'auto' : '',
14948
+ // height: item.optionname == 'Color' ? 'auto' : '',
14949
+ // borderWidth: item.optionname == 'Color' ? 0 : '',
14917
14950
  }
14918
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
14919
- className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
14920
- }, /*#__PURE__*/React.createElement("i", {
14921
- className: "h-100 d-flex align-items-center"
14922
- }))), item.optionname == 'Color' && /*#__PURE__*/React.createElement("div", {
14923
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
14924
- }, /*#__PURE__*/React.createElement("p", {
14925
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
14951
+ }, item.optionname == 'Color' && /*#__PURE__*/React.createElement("div", {
14952
+ className: 'mx-3'
14953
+ }, /*#__PURE__*/React.createElement("div", {
14954
+ "class": "row m-0 w-100"
14955
+ }, /*#__PURE__*/React.createElement("div", {
14956
+ "class": "col-lg-12 p-0 allcentered mb-3"
14957
+ }, valueitem.isfilterselected && /*#__PURE__*/React.createElement("div", {
14958
+ "class": "allcentered",
14926
14959
  style: {
14927
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14960
+ width: 40,
14961
+ height: 40,
14962
+ border: '2px solid ' + valueitem.valuename,
14963
+ borderRadius: 100
14928
14964
  }
14929
- }, valueitem.value_identifier)), item.optionname != 'Color' && /*#__PURE__*/React.createElement("div", {
14930
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
14965
+ }, /*#__PURE__*/React.createElement("div", {
14966
+ style: {
14967
+ width: 28,
14968
+ height: 28,
14969
+ background: valueitem.valuename,
14970
+ borderRadius: 100
14971
+ }
14972
+ })), !valueitem.isfilterselected && /*#__PURE__*/React.createElement("div", {
14973
+ style: {
14974
+ width: 28,
14975
+ height: 28,
14976
+ background: valueitem.valuename,
14977
+ borderRadius: 100
14978
+ }
14979
+ })), /*#__PURE__*/React.createElement("div", {
14980
+ "class": "col-lg-12 p-0 allcentered"
14931
14981
  }, /*#__PURE__*/React.createElement("p", {
14932
14982
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
14983
+ style: {}
14984
+ }, valueitem.value_identifier)))), item.optionname != 'Color' && /*#__PURE__*/React.createElement("p", {
14985
+ className: ' m-0 p-0 ',
14933
14986
  style: {
14934
14987
  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14935
14988
  }
14936
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
14937
- })))))));
14989
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar));
14990
+ }))))))));
14938
14991
  }))
14939
14992
  );
14940
14993
  };
@@ -15061,6 +15114,19 @@ var Filter$1 = function Filter(props) {
15061
15114
  filtercard: css({
15062
15115
  minWidth: sectionproperties.filtercardwidth + 'px',
15063
15116
  maxWidth: sectionproperties.filtercardwidth + 'px'
15117
+ }),
15118
+ filteroptionvertical: css({
15119
+ border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
15120
+ color: sectionproperties.timeline_text_color,
15121
+ ':hover': {
15122
+ color: sectionproperties.timeline_text_coloronhover
15123
+ }
15124
+ // filter_activebackgroundtransparent
15125
+ }),
15126
+
15127
+ filteroptionverticalactive: css({
15128
+ background: sectionproperties.btn_item_activebgcolor,
15129
+ color: sectionproperties.activecat_color
15064
15130
  })
15065
15131
  };
15066
15132
  var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -17085,7 +17151,7 @@ var CardsSection = function CardsSection(props) {
17085
17151
  size: sectionproperties.viewmoreiconfontsizeresp,
17086
17152
  color: sectionproperties.viewmorebtn_Textcolor
17087
17153
  })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React.createElement("button", {
17088
- "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
17154
+ "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
17089
17155
  onClick: function onClick() {
17090
17156
  setopenFilterSlider(true);
17091
17157
  // var element = document.getElementById('filterslider');
@@ -17459,7 +17525,7 @@ var CardsSection = function CardsSection(props) {
17459
17525
  color: sectionproperties.sectionTitleColor
17460
17526
  }
17461
17527
  }, show_product_group_titles()['title_en'])), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React.createElement("div", {
17462
- "class": "col-lg-12 mb-3"
17528
+ "class": "col-lg-12 mb-5"
17463
17529
  }, /*#__PURE__*/React.createElement("p", {
17464
17530
  "class": "m-0",
17465
17531
  style: {
package/dist/index.umd.js CHANGED
@@ -9071,7 +9071,7 @@
9071
9071
  return import('react-select');
9072
9072
  });
9073
9073
  var Checkout = function Checkout(props) {
9074
- var _css, _checkoutstyles, _ref, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue67, _fetchcustomercartQue69, _fetchcustomercartQue71, _fetchcustomercartQue73, _authdetailsContext$i4, _fetchcustomercartQue75, _authdetailsContext$i5, _fetchcustomercartQue77, _fetchcustomercartQue79;
9074
+ var _css, _checkoutstyles, _ref, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue67, _fetchcustomercartQue69, _fetchcustomercartQue71, _fetchcustomercartQue73, _authdetailsContext$i4, _fetchcustomercartQue75, _authdetailsContext$i5, _fetchcustomercartQue77, _authdetailsContext$i6, _fetchcustomercartQue79, _fetchcustomercartQue81;
9075
9075
  var _useState = React.useState(null),
9076
9076
  _useState2 = _slicedToArray__default["default"](_useState, 2);
9077
9077
  _useState2[0];
@@ -10342,7 +10342,28 @@
10342
10342
  d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
10343
10343
  })), /*#__PURE__*/React__default["default"].createElement("p", {
10344
10344
  className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
10345
- }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue79 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue79 === void 0 || (_fetchcustomercartQue79 = _fetchcustomercartQue79.data) === null || _fetchcustomercartQue79 === void 0 ? void 0 : _fetchcustomercartQue79.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
10345
+ }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptAmanCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
10346
+ className: "col-xl-4 col-lg-4 col-md-12 mb-3"
10347
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
10348
+ className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
10349
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
10350
+ type: "checkbox",
10351
+ className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
10352
+ checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue79 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue79 === void 0 || (_fetchcustomercartQue79 = _fetchcustomercartQue79.data) === null || _fetchcustomercartQue79 === void 0 || (_fetchcustomercartQue79 = _fetchcustomercartQue79.customercart) === null || _fetchcustomercartQue79 === void 0 ? void 0 : _fetchcustomercartQue79.paymentmethod) == 'Aman' ? true : false,
10353
+ onChange: function onChange() {
10354
+ var _fetchcustomercartQue80;
10355
+ if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue80 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue80 === void 0 || (_fetchcustomercartQue80 = _fetchcustomercartQue80.data) === null || _fetchcustomercartQue80 === void 0 || (_fetchcustomercartQue80 = _fetchcustomercartQue80.customercart) === null || _fetchcustomercartQue80 === void 0 ? void 0 : _fetchcustomercartQue80.paymentmethod) != 'Aman') {
10356
+ cartinfoupdater('paymentmethod', 'Aman');
10357
+ }
10358
+ }
10359
+ }), /*#__PURE__*/React__default["default"].createElement("svg", {
10360
+ viewBox: "0 0 21 21",
10361
+ className: checkoutstyles.svgstyles + ' h-100 '
10362
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
10363
+ d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
10364
+ })), /*#__PURE__*/React__default["default"].createElement("p", {
10365
+ className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
10366
+ }, langdetect == 'en' ? 'Aman' : 'Aman')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue81 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue81 === void 0 || (_fetchcustomercartQue81 = _fetchcustomercartQue81.data) === null || _fetchcustomercartQue81 === void 0 ? void 0 : _fetchcustomercartQue81.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
10346
10367
  className: "col-lg-12 p-0 w-100 mb-3"
10347
10368
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10348
10369
  style: {
@@ -14786,32 +14807,64 @@
14786
14807
  "class": "thwvsf-wrapper-ul"
14787
14808
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14788
14809
  className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
14810
+ }, /*#__PURE__*/React__default["default"].createElement("ul", {
14811
+ "class": " d-flex list-none flex-row flex-wrap overflow-auto px-6 pb-5 pt-2 lg:px-0"
14789
14812
  }, item.productvaluesfilter.map(function (valueitem, valueindex) {
14790
- return /*#__PURE__*/React__default["default"].createElement("div", {
14791
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
14813
+ return /*#__PURE__*/React__default["default"].createElement("li", {
14814
+ className:
14815
+ // `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
14816
+ // ${valueitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
14817
+ // ` +
14818
+ item.optionname != 'Color' ? "".concat(filter_cssstyles.filteroptionvertical, " ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.filteroptionverticalactive, " ") : '') + ' mx-3 mb-3 cursor-pointer allcentered ' : ' mx-3 mb-3 cursor-pointer allcentered ',
14792
14819
  onClick: function onClick() {
14793
14820
  setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
14821
+ },
14822
+ style: {
14823
+ // border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
14824
+ // width: item.optionname == 'Color' ? 'auto' : '',
14825
+ // height: item.optionname == 'Color' ? 'auto' : '',
14826
+ // borderWidth: item.optionname == 'Color' ? 0 : '',
14794
14827
  }
14795
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
14796
- className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
14797
- }, /*#__PURE__*/React__default["default"].createElement("i", {
14798
- className: "h-100 d-flex align-items-center"
14799
- }))), item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
14800
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
14801
- }, /*#__PURE__*/React__default["default"].createElement("p", {
14802
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
14828
+ }, item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
14829
+ className: 'mx-3'
14830
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14831
+ "class": "row m-0 w-100"
14832
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14833
+ "class": "col-lg-12 p-0 allcentered mb-3"
14834
+ }, valueitem.isfilterselected && /*#__PURE__*/React__default["default"].createElement("div", {
14835
+ "class": "allcentered",
14803
14836
  style: {
14804
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14837
+ width: 40,
14838
+ height: 40,
14839
+ border: '2px solid ' + valueitem.valuename,
14840
+ borderRadius: 100
14805
14841
  }
14806
- }, valueitem.value_identifier)), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
14807
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
14842
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14843
+ style: {
14844
+ width: 28,
14845
+ height: 28,
14846
+ background: valueitem.valuename,
14847
+ borderRadius: 100
14848
+ }
14849
+ })), !valueitem.isfilterselected && /*#__PURE__*/React__default["default"].createElement("div", {
14850
+ style: {
14851
+ width: 28,
14852
+ height: 28,
14853
+ background: valueitem.valuename,
14854
+ borderRadius: 100
14855
+ }
14856
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
14857
+ "class": "col-lg-12 p-0 allcentered"
14808
14858
  }, /*#__PURE__*/React__default["default"].createElement("p", {
14809
14859
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
14860
+ style: {}
14861
+ }, valueitem.value_identifier)))), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
14862
+ className: ' m-0 p-0 ',
14810
14863
  style: {
14811
14864
  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14812
14865
  }
14813
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
14814
- })))))));
14866
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar));
14867
+ }))))))));
14815
14868
  }))
14816
14869
  );
14817
14870
  };
@@ -14938,6 +14991,19 @@
14938
14991
  filtercard: glamor.css({
14939
14992
  minWidth: sectionproperties.filtercardwidth + 'px',
14940
14993
  maxWidth: sectionproperties.filtercardwidth + 'px'
14994
+ }),
14995
+ filteroptionvertical: glamor.css({
14996
+ border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
14997
+ color: sectionproperties.timeline_text_color,
14998
+ ':hover': {
14999
+ color: sectionproperties.timeline_text_coloronhover
15000
+ }
15001
+ // filter_activebackgroundtransparent
15002
+ }),
15003
+
15004
+ filteroptionverticalactive: glamor.css({
15005
+ background: sectionproperties.btn_item_activebgcolor,
15006
+ color: sectionproperties.activecat_color
14941
15007
  })
14942
15008
  };
14943
15009
  var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -16962,7 +17028,7 @@
16962
17028
  size: sectionproperties.viewmoreiconfontsizeresp,
16963
17029
  color: sectionproperties.viewmorebtn_Textcolor
16964
17030
  })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React__default["default"].createElement("button", {
16965
- "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
17031
+ "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
16966
17032
  onClick: function onClick() {
16967
17033
  setopenFilterSlider(true);
16968
17034
  // var element = document.getElementById('filterslider');
@@ -17336,7 +17402,7 @@
17336
17402
  color: sectionproperties.sectionTitleColor
17337
17403
  }
17338
17404
  }, show_product_group_titles()['title_en'])), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17339
- "class": "col-lg-12 mb-3"
17405
+ "class": "col-lg-12 mb-5"
17340
17406
  }, /*#__PURE__*/React__default["default"].createElement("p", {
17341
17407
  "class": "m-0",
17342
17408
  style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.449",
3
+ "version": "0.0.451",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {