tabexseriescomponents 0.0.449 → 0.0.450

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 +67 -17
  2. package/dist/index.esm.js +67 -17
  3. package/dist/index.umd.js +67 -17
  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,48 @@ 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');
14966
14993
  }
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'
14994
+ }, item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
14995
+ className: 'mx-3'
14996
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14997
+ "class": "row m-0 w-100"
14998
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14999
+ "class": "col-lg-12 p-0 allcentered"
15000
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15001
+ style: {
15002
+ width: 30,
15003
+ height: 30,
15004
+ background: valueitem.valuename,
15005
+ borderRadius: 100,
15006
+ padding: valueitem.isfilterselected ? 10 : 0,
15007
+ borderWidth: valueitem.isfilterselected ? 1 : 0,
15008
+ borderColor: valueitem.isfilterselected ? 'red' : ''
15009
+ }
15010
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
15011
+ "class": "col-lg-12 p-0 allcentered"
14973
15012
  }, /*#__PURE__*/React__default["default"].createElement("p", {
14974
15013
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
14975
15014
  style: {
14976
15015
  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14977
15016
  }
14978
- }, valueitem.value_identifier)), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
14979
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
14980
- }, /*#__PURE__*/React__default["default"].createElement("p", {
14981
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
15017
+ }, valueitem.value_identifier)))), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
15018
+ className: ' m-0 p-0 ',
14982
15019
  style: {
14983
15020
  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14984
15021
  }
14985
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
14986
- })))))));
15022
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar));
15023
+ }))))))));
14987
15024
  }))
14988
15025
  );
14989
15026
  };
@@ -15110,6 +15147,19 @@ var Filter$1 = function Filter(props) {
15110
15147
  filtercard: glamor.css({
15111
15148
  minWidth: sectionproperties.filtercardwidth + 'px',
15112
15149
  maxWidth: sectionproperties.filtercardwidth + 'px'
15150
+ }),
15151
+ filteroptionvertical: glamor.css({
15152
+ border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
15153
+ color: sectionproperties.timeline_text_color,
15154
+ ':hover': {
15155
+ color: sectionproperties.timeline_text_coloronhover
15156
+ }
15157
+ // filter_activebackgroundtransparent
15158
+ }),
15159
+
15160
+ filteroptionverticalactive: glamor.css({
15161
+ background: sectionproperties.btn_item_activebgcolor,
15162
+ color: sectionproperties.activecat_color
15113
15163
  })
15114
15164
  };
15115
15165
  var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -17508,7 +17558,7 @@ var CardsSection = function CardsSection(props) {
17508
17558
  color: sectionproperties.sectionTitleColor
17509
17559
  }
17510
17560
  }, show_product_group_titles()['title_en'])), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17511
- "class": "col-lg-12 mb-3"
17561
+ "class": "col-lg-12 mb-5"
17512
17562
  }, /*#__PURE__*/React__default["default"].createElement("p", {
17513
17563
  "class": "m-0",
17514
17564
  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,48 @@ 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');
14917
14944
  }
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'
14945
+ }, item.optionname == 'Color' && /*#__PURE__*/React.createElement("div", {
14946
+ className: 'mx-3'
14947
+ }, /*#__PURE__*/React.createElement("div", {
14948
+ "class": "row m-0 w-100"
14949
+ }, /*#__PURE__*/React.createElement("div", {
14950
+ "class": "col-lg-12 p-0 allcentered"
14951
+ }, /*#__PURE__*/React.createElement("div", {
14952
+ style: {
14953
+ width: 30,
14954
+ height: 30,
14955
+ background: valueitem.valuename,
14956
+ borderRadius: 100,
14957
+ padding: valueitem.isfilterselected ? 10 : 0,
14958
+ borderWidth: valueitem.isfilterselected ? 1 : 0,
14959
+ borderColor: valueitem.isfilterselected ? 'red' : ''
14960
+ }
14961
+ })), /*#__PURE__*/React.createElement("div", {
14962
+ "class": "col-lg-12 p-0 allcentered"
14924
14963
  }, /*#__PURE__*/React.createElement("p", {
14925
14964
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
14926
14965
  style: {
14927
14966
  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14928
14967
  }
14929
- }, valueitem.value_identifier)), item.optionname != 'Color' && /*#__PURE__*/React.createElement("div", {
14930
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
14931
- }, /*#__PURE__*/React.createElement("p", {
14932
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
14968
+ }, valueitem.value_identifier)))), item.optionname != 'Color' && /*#__PURE__*/React.createElement("p", {
14969
+ className: ' m-0 p-0 ',
14933
14970
  style: {
14934
14971
  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14935
14972
  }
14936
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
14937
- })))))));
14973
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar));
14974
+ }))))))));
14938
14975
  }))
14939
14976
  );
14940
14977
  };
@@ -15061,6 +15098,19 @@ var Filter$1 = function Filter(props) {
15061
15098
  filtercard: css({
15062
15099
  minWidth: sectionproperties.filtercardwidth + 'px',
15063
15100
  maxWidth: sectionproperties.filtercardwidth + 'px'
15101
+ }),
15102
+ filteroptionvertical: css({
15103
+ border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
15104
+ color: sectionproperties.timeline_text_color,
15105
+ ':hover': {
15106
+ color: sectionproperties.timeline_text_coloronhover
15107
+ }
15108
+ // filter_activebackgroundtransparent
15109
+ }),
15110
+
15111
+ filteroptionverticalactive: css({
15112
+ background: sectionproperties.btn_item_activebgcolor,
15113
+ color: sectionproperties.activecat_color
15064
15114
  })
15065
15115
  };
15066
15116
  var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -17459,7 +17509,7 @@ var CardsSection = function CardsSection(props) {
17459
17509
  color: sectionproperties.sectionTitleColor
17460
17510
  }
17461
17511
  }, show_product_group_titles()['title_en'])), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React.createElement("div", {
17462
- "class": "col-lg-12 mb-3"
17512
+ "class": "col-lg-12 mb-5"
17463
17513
  }, /*#__PURE__*/React.createElement("p", {
17464
17514
  "class": "m-0",
17465
17515
  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,48 @@
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');
14794
14821
  }
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'
14822
+ }, item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
14823
+ className: 'mx-3'
14824
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14825
+ "class": "row m-0 w-100"
14826
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14827
+ "class": "col-lg-12 p-0 allcentered"
14828
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14829
+ style: {
14830
+ width: 30,
14831
+ height: 30,
14832
+ background: valueitem.valuename,
14833
+ borderRadius: 100,
14834
+ padding: valueitem.isfilterselected ? 10 : 0,
14835
+ borderWidth: valueitem.isfilterselected ? 1 : 0,
14836
+ borderColor: valueitem.isfilterselected ? 'red' : ''
14837
+ }
14838
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
14839
+ "class": "col-lg-12 p-0 allcentered"
14801
14840
  }, /*#__PURE__*/React__default["default"].createElement("p", {
14802
14841
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
14803
14842
  style: {
14804
14843
  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14805
14844
  }
14806
- }, valueitem.value_identifier)), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
14807
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
14808
- }, /*#__PURE__*/React__default["default"].createElement("p", {
14809
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
14845
+ }, valueitem.value_identifier)))), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
14846
+ className: ' m-0 p-0 ',
14810
14847
  style: {
14811
14848
  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14812
14849
  }
14813
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
14814
- })))))));
14850
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar));
14851
+ }))))))));
14815
14852
  }))
14816
14853
  );
14817
14854
  };
@@ -14938,6 +14975,19 @@
14938
14975
  filtercard: glamor.css({
14939
14976
  minWidth: sectionproperties.filtercardwidth + 'px',
14940
14977
  maxWidth: sectionproperties.filtercardwidth + 'px'
14978
+ }),
14979
+ filteroptionvertical: glamor.css({
14980
+ border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
14981
+ color: sectionproperties.timeline_text_color,
14982
+ ':hover': {
14983
+ color: sectionproperties.timeline_text_coloronhover
14984
+ }
14985
+ // filter_activebackgroundtransparent
14986
+ }),
14987
+
14988
+ filteroptionverticalactive: glamor.css({
14989
+ background: sectionproperties.btn_item_activebgcolor,
14990
+ color: sectionproperties.activecat_color
14941
14991
  })
14942
14992
  };
14943
14993
  var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -17336,7 +17386,7 @@
17336
17386
  color: sectionproperties.sectionTitleColor
17337
17387
  }
17338
17388
  }, show_product_group_titles()['title_en'])), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17339
- "class": "col-lg-12 mb-3"
17389
+ "class": "col-lg-12 mb-5"
17340
17390
  }, /*#__PURE__*/React__default["default"].createElement("p", {
17341
17391
  "class": "m-0",
17342
17392
  style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.449",
3
+ "version": "0.0.450",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {