tabexseriescomponents 0.0.169 → 0.0.170

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 +275 -26
  2. package/dist/index.esm.js +275 -26
  3. package/dist/index.umd.js +275 -26
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -8638,7 +8638,7 @@ var Filter$1 = function Filter(props) {
8638
8638
  })
8639
8639
  };
8640
8640
  return /*#__PURE__*/React__default["default"].createElement("div", {
8641
- className: "col-lg-12 p-0 w-100 filter mt-md-0",
8641
+ className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
8642
8642
  style: {
8643
8643
  marginTop: sectionproperties.filtersection_mt + 'px',
8644
8644
  zIndex: 1000000
@@ -8956,7 +8956,252 @@ var Filter$1 = function Filter(props) {
8956
8956
  })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8957
8957
  className: "mt-3 mb-3"
8958
8958
  }));
8959
- }))))));
8959
+ }))))), /*#__PURE__*/React__default["default"].createElement("div", {
8960
+ className: "col-lg-12",
8961
+ style: {
8962
+ zIndex: 200000
8963
+ }
8964
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
8965
+ show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
8966
+ onHide: function onHide() {
8967
+ props.setopenFilterSlider(false);
8968
+ },
8969
+ placement: "end",
8970
+ scroll: true,
8971
+ style: {
8972
+ minWidth: '200px',
8973
+ background: sectionproperties.filter_backgroundcolor,
8974
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
8975
+ },
8976
+ backdrop: true
8977
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
8978
+ className: "row m-0 w-100 mt-2"
8979
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8980
+ className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
8981
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8982
+ className: "m-0 p-0 font-16 font-weight-600",
8983
+ style: {
8984
+ color: sectionproperties.filter_titlecolor,
8985
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
8986
+ fontWeight: sectionproperties.filter_titlefontweight,
8987
+ textTransform: sectionproperties.filter_titletextransform
8988
+ }
8989
+ }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
8990
+ className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
8991
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8992
+ className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8993
+ onClick: function onClick() {
8994
+ props.setopenFilterSlider(false);
8995
+ }
8996
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8997
+ className: "h-100 d-flex align-items-center justify-content-center"
8998
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
8999
+ size: sectionproperties.closeSlider_fontSize,
9000
+ style: {
9001
+ color: sectionproperties.closeSlider_color
9002
+ }
9003
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
9004
+ "class": "col-lg-12"
9005
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
9006
+ "class": "mt-2 mb-2"
9007
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
9008
+ className: ' pb-md-5 ',
9009
+ style: {
9010
+ background: sectionproperties.filter_backgroundcolor,
9011
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
9012
+ zIndex: 100000
9013
+ }
9014
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9015
+ className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
9016
+ }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
9017
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9018
+ allowMultipleExpanded: true,
9019
+ allowZeroExpanded: true,
9020
+ preExpanded: [0, 1, 2, 3],
9021
+ style: {
9022
+ width: '100%'
9023
+ }
9024
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
9025
+ uuid: index
9026
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
9027
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9028
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9029
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
9030
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9031
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9032
+ }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
9033
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
9034
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9035
+ if (state.expanded == true) {
9036
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9037
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9038
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9039
+ } else {
9040
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9041
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9042
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
9043
+ }
9044
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9045
+ className: "p-0"
9046
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9047
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9048
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9049
+ className: 'col-lg-12'
9050
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9051
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9052
+ }, item.filterarray.map(function (valueitem, valueindex) {
9053
+ var ischecked = false;
9054
+ if (item.payloadvalue == 'sortprice') {
9055
+ if (valueitem.value == ProductFilterObjContext.sortprice) {
9056
+ ischecked = true;
9057
+ }
9058
+ } else if (item.payloadvalue == 'sortdates') {
9059
+ if (valueitem.value == ProductFilterObjContext.sortdates) {
9060
+ ischecked = true;
9061
+ }
9062
+ }
9063
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9064
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
9065
+ onClick: function onClick() {
9066
+ // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9067
+ var tempfetchproductsfilerobjcontext = _objectSpread$1C({}, ProductFilterObjContext);
9068
+ if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
9069
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
9070
+ } else {
9071
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
9072
+ }
9073
+ setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
9074
+ }
9075
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
9076
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9077
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
9078
+ className: "h-100 d-flex align-items-center"
9079
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
9080
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9081
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9082
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9083
+ style: {
9084
+ color: ischecked ? sectionproperties.activecat_color : ''
9085
+ }
9086
+ }, valueitem.name)));
9087
+ }))))))), /*#__PURE__*/React__default["default"].createElement("hr", {
9088
+ className: "mt-3 mb-3"
9089
+ }));
9090
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
9091
+ className: "col-lg-12"
9092
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
9093
+ className: "mt-2 mb-3"
9094
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
9095
+ className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
9096
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9097
+ allowMultipleExpanded: true,
9098
+ allowZeroExpanded: true,
9099
+ preExpanded: [0, 1, 2, 3]
9100
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
9101
+ uuid: 0
9102
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
9103
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9104
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9105
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
9106
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9107
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9108
+ }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
9109
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
9110
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9111
+ if (state.expanded == true) {
9112
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9113
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9114
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9115
+ } else {
9116
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9117
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9118
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
9119
+ }
9120
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9121
+ className: "p-0"
9122
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9123
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9124
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9125
+ className: 'col-lg-12'
9126
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9127
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9128
+ }, instcollections.map(function (item, index) {
9129
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9130
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
9131
+ onClick: function onClick() {
9132
+ setCollectionFilterFunc(item.collectionid);
9133
+ }
9134
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9135
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9136
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
9137
+ className: "h-100 d-flex align-items-center"
9138
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
9139
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9140
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9141
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9142
+ style: {
9143
+ color: item.isfilterselected ? sectionproperties.activecat_color : ''
9144
+ }
9145
+ }, langdetect == 'en' ? item.title_en : item.title_ar)));
9146
+ }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
9147
+ "class": "col-lg-12"
9148
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
9149
+ className: "mt-3 mb-3"
9150
+ })), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9151
+ allowMultipleExpanded: true,
9152
+ allowZeroExpanded: true,
9153
+ preExpanded: [0, 1, 2, 3]
9154
+ }, instfilters.map(function (item, index) {
9155
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
9156
+ uuid: index
9157
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
9158
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9159
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9160
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
9161
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9162
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9163
+ }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
9164
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
9165
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9166
+ if (state.expanded == true) {
9167
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9168
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9169
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9170
+ } else {
9171
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9172
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9173
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
9174
+ }
9175
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9176
+ className: "p-0"
9177
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9178
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9179
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9180
+ className: 'col-lg-12'
9181
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9182
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9183
+ }, item.productvaluesfilter.map(function (valueitem, valueindex) {
9184
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9185
+ 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 ',
9186
+ onClick: function onClick() {
9187
+ setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9188
+ }
9189
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
9190
+ 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 '
9191
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
9192
+ className: "h-100 d-flex align-items-center"
9193
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
9194
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9195
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9196
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9197
+ style: {
9198
+ color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
9199
+ }
9200
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
9201
+ })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
9202
+ className: "mt-3 mb-3"
9203
+ }));
9204
+ })))))))));
8960
9205
  };
8961
9206
 
8962
9207
  function ownKeys$1B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -8985,31 +9230,35 @@ var CardsSection = function CardsSection(props) {
8985
9230
  var fetchingtype = props.actions.fetchingtype;
8986
9231
  props.actions.addtofavoritescontext;
8987
9232
  var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
8988
- var actions = props.actions;
8989
- var _useState = React.useState(''),
9233
+ var _useState = React.useState(false),
8990
9234
  _useState2 = _slicedToArray__default["default"](_useState, 2),
8991
- sectionproperties = _useState2[0],
8992
- setsectionproperties = _useState2[1];
8993
- var _useState3 = React.useState([]),
9235
+ openFilterSlider = _useState2[0],
9236
+ setopenFilterSlider = _useState2[1];
9237
+ var actions = props.actions;
9238
+ var _useState3 = React.useState(''),
8994
9239
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
8995
- cardsarray = _useState4[0],
8996
- setcardsarray = _useState4[1];
8997
- var _useState5 = React.useState(''),
9240
+ sectionproperties = _useState4[0],
9241
+ setsectionproperties = _useState4[1];
9242
+ var _useState5 = React.useState([]),
8998
9243
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
8999
- sectionitem = _useState6[0],
9000
- setsectionitem = _useState6[1];
9001
- var _useState7 = React.useState({
9244
+ cardsarray = _useState6[0],
9245
+ setcardsarray = _useState6[1];
9246
+ var _useState7 = React.useState(''),
9247
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
9248
+ sectionitem = _useState8[0],
9249
+ setsectionitem = _useState8[1];
9250
+ var _useState9 = React.useState({
9002
9251
  productfetchingtype: 'Random',
9003
9252
  collectionid: '',
9004
9253
  grouptype: ''
9005
9254
  }),
9006
- _useState8 = _slicedToArray__default["default"](_useState7, 2),
9007
- ProductsFetchingTypeSectionObj = _useState8[0],
9008
- setProductsFetchingTypeSectionObj = _useState8[1];
9009
- var _useState9 = React.useState([]),
9010
9255
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
9011
- maincontainerarrayofobjs = _useState10[0],
9012
- setmaincontainerarrayofobjs = _useState10[1];
9256
+ ProductsFetchingTypeSectionObj = _useState10[0],
9257
+ setProductsFetchingTypeSectionObj = _useState10[1];
9258
+ var _useState11 = React.useState([]),
9259
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
9260
+ maincontainerarrayofobjs = _useState12[0],
9261
+ setmaincontainerarrayofobjs = _useState12[1];
9013
9262
  React__default["default"].useEffect(function () {
9014
9263
  if (inView) {
9015
9264
  fetchProductsQuery.fetchNextPage();
@@ -9498,8 +9747,9 @@ var CardsSection = function CardsSection(props) {
9498
9747
  }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(FaArrowAltCircleRight.FaArrowAltCircleRight, null) : /*#__PURE__*/React__default["default"].createElement(FaArrowAltCircleLeft.FaArrowAltCircleLeft, null)))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("button", {
9499
9748
  "class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
9500
9749
  onClick: function onClick() {
9501
- var element = document.getElementById('filterslider');
9502
- element.classList.add(filterstyles.filterslider_container_opened);
9750
+ setopenFilterSlider(true);
9751
+ // var element = document.getElementById('filterslider');
9752
+ // element.classList.add(filterstyles.filterslider_container_opened);
9503
9753
  }
9504
9754
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9505
9755
  "class": "".concat(section_cssstyles.filterbtn)
@@ -9633,17 +9883,16 @@ var CardsSection = function CardsSection(props) {
9633
9883
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
9634
9884
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
9635
9885
  }
9636
- }, sectionproperties.showFilter == 'show' &&
9637
- /*#__PURE__*/
9638
- // d-md-none
9639
- React__default["default"].createElement("div", {
9886
+ }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
9640
9887
  className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex',
9641
9888
  style: {
9642
9889
  zIndex: 1000
9643
9890
  }
9644
9891
  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
9645
9892
  sectionpropertiesprops: sectionproperties,
9646
- actions: actions
9893
+ actions: actions,
9894
+ openFilterSlider: openFilterSlider,
9895
+ setopenFilterSlider: setopenFilterSlider
9647
9896
  })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
9648
9897
  };
9649
9898
 
package/dist/index.esm.js CHANGED
@@ -8595,7 +8595,7 @@ var Filter$1 = function Filter(props) {
8595
8595
  })
8596
8596
  };
8597
8597
  return /*#__PURE__*/React.createElement("div", {
8598
- className: "col-lg-12 p-0 w-100 filter mt-md-0",
8598
+ className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
8599
8599
  style: {
8600
8600
  marginTop: sectionproperties.filtersection_mt + 'px',
8601
8601
  zIndex: 1000000
@@ -8913,7 +8913,252 @@ var Filter$1 = function Filter(props) {
8913
8913
  })))))), /*#__PURE__*/React.createElement("hr", {
8914
8914
  className: "mt-3 mb-3"
8915
8915
  }));
8916
- }))))));
8916
+ }))))), /*#__PURE__*/React.createElement("div", {
8917
+ className: "col-lg-12",
8918
+ style: {
8919
+ zIndex: 200000
8920
+ }
8921
+ }, /*#__PURE__*/React.createElement(Offcanvas, {
8922
+ show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
8923
+ onHide: function onHide() {
8924
+ props.setopenFilterSlider(false);
8925
+ },
8926
+ placement: "end",
8927
+ scroll: true,
8928
+ style: {
8929
+ minWidth: '200px',
8930
+ background: sectionproperties.filter_backgroundcolor,
8931
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
8932
+ },
8933
+ backdrop: true
8934
+ }, /*#__PURE__*/React.createElement(Offcanvas.Header, null, /*#__PURE__*/React.createElement(Offcanvas.Title, null, /*#__PURE__*/React.createElement("div", {
8935
+ className: "row m-0 w-100 mt-2"
8936
+ }, /*#__PURE__*/React.createElement("div", {
8937
+ className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
8938
+ }, /*#__PURE__*/React.createElement("p", {
8939
+ className: "m-0 p-0 font-16 font-weight-600",
8940
+ style: {
8941
+ color: sectionproperties.filter_titlecolor,
8942
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
8943
+ fontWeight: sectionproperties.filter_titlefontweight,
8944
+ textTransform: sectionproperties.filter_titletextransform
8945
+ }
8946
+ }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React.createElement("div", {
8947
+ className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
8948
+ }, /*#__PURE__*/React.createElement("div", {
8949
+ className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8950
+ onClick: function onClick() {
8951
+ props.setopenFilterSlider(false);
8952
+ }
8953
+ }, /*#__PURE__*/React.createElement("i", {
8954
+ className: "h-100 d-flex align-items-center justify-content-center"
8955
+ }, /*#__PURE__*/React.createElement(IoMdClose, {
8956
+ size: sectionproperties.closeSlider_fontSize,
8957
+ style: {
8958
+ color: sectionproperties.closeSlider_color
8959
+ }
8960
+ })))), /*#__PURE__*/React.createElement("div", {
8961
+ "class": "col-lg-12"
8962
+ }, /*#__PURE__*/React.createElement("hr", {
8963
+ "class": "mt-2 mb-2"
8964
+ }))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, /*#__PURE__*/React.createElement("div", {
8965
+ className: ' pb-md-5 ',
8966
+ style: {
8967
+ background: sectionproperties.filter_backgroundcolor,
8968
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
8969
+ zIndex: 100000
8970
+ }
8971
+ }, /*#__PURE__*/React.createElement("div", {
8972
+ className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8973
+ }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8974
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, {
8975
+ allowMultipleExpanded: true,
8976
+ allowZeroExpanded: true,
8977
+ preExpanded: [0, 1, 2, 3],
8978
+ style: {
8979
+ width: '100%'
8980
+ }
8981
+ }, /*#__PURE__*/React.createElement(AccordionItem, {
8982
+ uuid: index
8983
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
8984
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8985
+ }, /*#__PURE__*/React.createElement("div", {
8986
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8987
+ }, /*#__PURE__*/React.createElement("p", {
8988
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8989
+ }, item.name)), /*#__PURE__*/React.createElement("div", {
8990
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8991
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
8992
+ if (state.expanded == true) {
8993
+ return /*#__PURE__*/React.createElement("i", {
8994
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8995
+ }, /*#__PURE__*/React.createElement(AiOutlineMinus, null));
8996
+ } else {
8997
+ return /*#__PURE__*/React.createElement("i", {
8998
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8999
+ }, /*#__PURE__*/React.createElement(HiOutlinePlus, null));
9000
+ }
9001
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
9002
+ className: "p-0"
9003
+ }, /*#__PURE__*/React.createElement("div", {
9004
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9005
+ }, /*#__PURE__*/React.createElement("div", {
9006
+ className: 'col-lg-12'
9007
+ }, /*#__PURE__*/React.createElement("div", {
9008
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9009
+ }, item.filterarray.map(function (valueitem, valueindex) {
9010
+ var ischecked = false;
9011
+ if (item.payloadvalue == 'sortprice') {
9012
+ if (valueitem.value == ProductFilterObjContext.sortprice) {
9013
+ ischecked = true;
9014
+ }
9015
+ } else if (item.payloadvalue == 'sortdates') {
9016
+ if (valueitem.value == ProductFilterObjContext.sortdates) {
9017
+ ischecked = true;
9018
+ }
9019
+ }
9020
+ return /*#__PURE__*/React.createElement("div", {
9021
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
9022
+ onClick: function onClick() {
9023
+ // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9024
+ var tempfetchproductsfilerobjcontext = _objectSpread$1C({}, ProductFilterObjContext);
9025
+ if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
9026
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
9027
+ } else {
9028
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
9029
+ }
9030
+ setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
9031
+ }
9032
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
9033
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9034
+ }, /*#__PURE__*/React.createElement("i", {
9035
+ className: "h-100 d-flex align-items-center"
9036
+ }))), /*#__PURE__*/React.createElement("div", {
9037
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9038
+ }, /*#__PURE__*/React.createElement("p", {
9039
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9040
+ style: {
9041
+ color: ischecked ? sectionproperties.activecat_color : ''
9042
+ }
9043
+ }, valueitem.name)));
9044
+ }))))))), /*#__PURE__*/React.createElement("hr", {
9045
+ className: "mt-3 mb-3"
9046
+ }));
9047
+ }), /*#__PURE__*/React.createElement("div", {
9048
+ className: "col-lg-12"
9049
+ }, /*#__PURE__*/React.createElement("hr", {
9050
+ className: "mt-2 mb-3"
9051
+ })), /*#__PURE__*/React.createElement("div", {
9052
+ className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
9053
+ }, /*#__PURE__*/React.createElement(Accordion, {
9054
+ allowMultipleExpanded: true,
9055
+ allowZeroExpanded: true,
9056
+ preExpanded: [0, 1, 2, 3]
9057
+ }, /*#__PURE__*/React.createElement(AccordionItem, {
9058
+ uuid: 0
9059
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
9060
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9061
+ }, /*#__PURE__*/React.createElement("div", {
9062
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
9063
+ }, /*#__PURE__*/React.createElement("p", {
9064
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9065
+ }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React.createElement("div", {
9066
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
9067
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
9068
+ if (state.expanded == true) {
9069
+ return /*#__PURE__*/React.createElement("i", {
9070
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9071
+ }, /*#__PURE__*/React.createElement(AiOutlineMinus, null));
9072
+ } else {
9073
+ return /*#__PURE__*/React.createElement("i", {
9074
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9075
+ }, /*#__PURE__*/React.createElement(HiOutlinePlus, null));
9076
+ }
9077
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
9078
+ className: "p-0"
9079
+ }, /*#__PURE__*/React.createElement("div", {
9080
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9081
+ }, /*#__PURE__*/React.createElement("div", {
9082
+ className: 'col-lg-12'
9083
+ }, /*#__PURE__*/React.createElement("div", {
9084
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9085
+ }, instcollections.map(function (item, index) {
9086
+ return /*#__PURE__*/React.createElement("div", {
9087
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
9088
+ onClick: function onClick() {
9089
+ setCollectionFilterFunc(item.collectionid);
9090
+ }
9091
+ }, /*#__PURE__*/React.createElement("div", {
9092
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9093
+ }, /*#__PURE__*/React.createElement("i", {
9094
+ className: "h-100 d-flex align-items-center"
9095
+ })), /*#__PURE__*/React.createElement("div", {
9096
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9097
+ }, /*#__PURE__*/React.createElement("p", {
9098
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9099
+ style: {
9100
+ color: item.isfilterselected ? sectionproperties.activecat_color : ''
9101
+ }
9102
+ }, langdetect == 'en' ? item.title_en : item.title_ar)));
9103
+ }))))))), /*#__PURE__*/React.createElement("div", {
9104
+ "class": "col-lg-12"
9105
+ }, /*#__PURE__*/React.createElement("hr", {
9106
+ className: "mt-3 mb-3"
9107
+ })), /*#__PURE__*/React.createElement(Accordion, {
9108
+ allowMultipleExpanded: true,
9109
+ allowZeroExpanded: true,
9110
+ preExpanded: [0, 1, 2, 3]
9111
+ }, instfilters.map(function (item, index) {
9112
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccordionItem, {
9113
+ uuid: index
9114
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
9115
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9116
+ }, /*#__PURE__*/React.createElement("div", {
9117
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
9118
+ }, /*#__PURE__*/React.createElement("p", {
9119
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9120
+ }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React.createElement("div", {
9121
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
9122
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
9123
+ if (state.expanded == true) {
9124
+ return /*#__PURE__*/React.createElement("i", {
9125
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9126
+ }, /*#__PURE__*/React.createElement(AiOutlineMinus, null));
9127
+ } else {
9128
+ return /*#__PURE__*/React.createElement("i", {
9129
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9130
+ }, /*#__PURE__*/React.createElement(HiOutlinePlus, null));
9131
+ }
9132
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
9133
+ className: "p-0"
9134
+ }, /*#__PURE__*/React.createElement("div", {
9135
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9136
+ }, /*#__PURE__*/React.createElement("div", {
9137
+ className: 'col-lg-12'
9138
+ }, /*#__PURE__*/React.createElement("div", {
9139
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9140
+ }, item.productvaluesfilter.map(function (valueitem, valueindex) {
9141
+ return /*#__PURE__*/React.createElement("div", {
9142
+ 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 ',
9143
+ onClick: function onClick() {
9144
+ setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9145
+ }
9146
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
9147
+ 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 '
9148
+ }, /*#__PURE__*/React.createElement("i", {
9149
+ className: "h-100 d-flex align-items-center"
9150
+ }))), /*#__PURE__*/React.createElement("div", {
9151
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9152
+ }, /*#__PURE__*/React.createElement("p", {
9153
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9154
+ style: {
9155
+ color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
9156
+ }
9157
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
9158
+ })))))), /*#__PURE__*/React.createElement("hr", {
9159
+ className: "mt-3 mb-3"
9160
+ }));
9161
+ })))))))));
8917
9162
  };
8918
9163
 
8919
9164
  function ownKeys$1B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -8942,31 +9187,35 @@ var CardsSection = function CardsSection(props) {
8942
9187
  var fetchingtype = props.actions.fetchingtype;
8943
9188
  props.actions.addtofavoritescontext;
8944
9189
  var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
8945
- var actions = props.actions;
8946
- var _useState = useState(''),
9190
+ var _useState = useState(false),
8947
9191
  _useState2 = _slicedToArray(_useState, 2),
8948
- sectionproperties = _useState2[0],
8949
- setsectionproperties = _useState2[1];
8950
- var _useState3 = useState([]),
9192
+ openFilterSlider = _useState2[0],
9193
+ setopenFilterSlider = _useState2[1];
9194
+ var actions = props.actions;
9195
+ var _useState3 = useState(''),
8951
9196
  _useState4 = _slicedToArray(_useState3, 2),
8952
- cardsarray = _useState4[0],
8953
- setcardsarray = _useState4[1];
8954
- var _useState5 = useState(''),
9197
+ sectionproperties = _useState4[0],
9198
+ setsectionproperties = _useState4[1];
9199
+ var _useState5 = useState([]),
8955
9200
  _useState6 = _slicedToArray(_useState5, 2),
8956
- sectionitem = _useState6[0],
8957
- setsectionitem = _useState6[1];
8958
- var _useState7 = useState({
9201
+ cardsarray = _useState6[0],
9202
+ setcardsarray = _useState6[1];
9203
+ var _useState7 = useState(''),
9204
+ _useState8 = _slicedToArray(_useState7, 2),
9205
+ sectionitem = _useState8[0],
9206
+ setsectionitem = _useState8[1];
9207
+ var _useState9 = useState({
8959
9208
  productfetchingtype: 'Random',
8960
9209
  collectionid: '',
8961
9210
  grouptype: ''
8962
9211
  }),
8963
- _useState8 = _slicedToArray(_useState7, 2),
8964
- ProductsFetchingTypeSectionObj = _useState8[0],
8965
- setProductsFetchingTypeSectionObj = _useState8[1];
8966
- var _useState9 = useState([]),
8967
9212
  _useState10 = _slicedToArray(_useState9, 2),
8968
- maincontainerarrayofobjs = _useState10[0],
8969
- setmaincontainerarrayofobjs = _useState10[1];
9213
+ ProductsFetchingTypeSectionObj = _useState10[0],
9214
+ setProductsFetchingTypeSectionObj = _useState10[1];
9215
+ var _useState11 = useState([]),
9216
+ _useState12 = _slicedToArray(_useState11, 2),
9217
+ maincontainerarrayofobjs = _useState12[0],
9218
+ setmaincontainerarrayofobjs = _useState12[1];
8970
9219
  React.useEffect(function () {
8971
9220
  if (inView) {
8972
9221
  fetchProductsQuery.fetchNextPage();
@@ -9455,8 +9704,9 @@ var CardsSection = function CardsSection(props) {
9455
9704
  }, langdetect == 'en' ? /*#__PURE__*/React.createElement(FaArrowAltCircleRight, null) : /*#__PURE__*/React.createElement(FaArrowAltCircleLeft, null)))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React.createElement("button", {
9456
9705
  "class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
9457
9706
  onClick: function onClick() {
9458
- var element = document.getElementById('filterslider');
9459
- element.classList.add(filterstyles.filterslider_container_opened);
9707
+ setopenFilterSlider(true);
9708
+ // var element = document.getElementById('filterslider');
9709
+ // element.classList.add(filterstyles.filterslider_container_opened);
9460
9710
  }
9461
9711
  }, /*#__PURE__*/React.createElement("div", {
9462
9712
  "class": "".concat(section_cssstyles.filterbtn)
@@ -9590,17 +9840,16 @@ var CardsSection = function CardsSection(props) {
9590
9840
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
9591
9841
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
9592
9842
  }
9593
- }, sectionproperties.showFilter == 'show' &&
9594
- /*#__PURE__*/
9595
- // d-md-none
9596
- React.createElement("div", {
9843
+ }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React.createElement("div", {
9597
9844
  className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex',
9598
9845
  style: {
9599
9846
  zIndex: 1000
9600
9847
  }
9601
9848
  }, /*#__PURE__*/React.createElement(Filter$1, {
9602
9849
  sectionpropertiesprops: sectionproperties,
9603
- actions: actions
9850
+ actions: actions,
9851
+ openFilterSlider: openFilterSlider,
9852
+ setopenFilterSlider: setopenFilterSlider
9604
9853
  })), fetchingtype == 'custom' && /*#__PURE__*/React.createElement(React.Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
9605
9854
  };
9606
9855
 
package/dist/index.umd.js CHANGED
@@ -8502,7 +8502,7 @@
8502
8502
  })
8503
8503
  };
8504
8504
  return /*#__PURE__*/React__default["default"].createElement("div", {
8505
- className: "col-lg-12 p-0 w-100 filter mt-md-0",
8505
+ className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
8506
8506
  style: {
8507
8507
  marginTop: sectionproperties.filtersection_mt + 'px',
8508
8508
  zIndex: 1000000
@@ -8820,7 +8820,252 @@
8820
8820
  })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8821
8821
  className: "mt-3 mb-3"
8822
8822
  }));
8823
- }))))));
8823
+ }))))), /*#__PURE__*/React__default["default"].createElement("div", {
8824
+ className: "col-lg-12",
8825
+ style: {
8826
+ zIndex: 200000
8827
+ }
8828
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
8829
+ show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
8830
+ onHide: function onHide() {
8831
+ props.setopenFilterSlider(false);
8832
+ },
8833
+ placement: "end",
8834
+ scroll: true,
8835
+ style: {
8836
+ minWidth: '200px',
8837
+ background: sectionproperties.filter_backgroundcolor,
8838
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
8839
+ },
8840
+ backdrop: true
8841
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
8842
+ className: "row m-0 w-100 mt-2"
8843
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8844
+ className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
8845
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8846
+ className: "m-0 p-0 font-16 font-weight-600",
8847
+ style: {
8848
+ color: sectionproperties.filter_titlecolor,
8849
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
8850
+ fontWeight: sectionproperties.filter_titlefontweight,
8851
+ textTransform: sectionproperties.filter_titletextransform
8852
+ }
8853
+ }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
8854
+ className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
8855
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8856
+ className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8857
+ onClick: function onClick() {
8858
+ props.setopenFilterSlider(false);
8859
+ }
8860
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8861
+ className: "h-100 d-flex align-items-center justify-content-center"
8862
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
8863
+ size: sectionproperties.closeSlider_fontSize,
8864
+ style: {
8865
+ color: sectionproperties.closeSlider_color
8866
+ }
8867
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
8868
+ "class": "col-lg-12"
8869
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
8870
+ "class": "mt-2 mb-2"
8871
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
8872
+ className: ' pb-md-5 ',
8873
+ style: {
8874
+ background: sectionproperties.filter_backgroundcolor,
8875
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
8876
+ zIndex: 100000
8877
+ }
8878
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8879
+ className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8880
+ }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8881
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8882
+ allowMultipleExpanded: true,
8883
+ allowZeroExpanded: true,
8884
+ preExpanded: [0, 1, 2, 3],
8885
+ style: {
8886
+ width: '100%'
8887
+ }
8888
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8889
+ uuid: index
8890
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8891
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8892
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8893
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8894
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8895
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8896
+ }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
8897
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8898
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8899
+ if (state.expanded == true) {
8900
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8901
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8902
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
8903
+ } else {
8904
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8905
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8906
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
8907
+ }
8908
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8909
+ className: "p-0"
8910
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8911
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8912
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8913
+ className: 'col-lg-12'
8914
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8915
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8916
+ }, item.filterarray.map(function (valueitem, valueindex) {
8917
+ var ischecked = false;
8918
+ if (item.payloadvalue == 'sortprice') {
8919
+ if (valueitem.value == ProductFilterObjContext.sortprice) {
8920
+ ischecked = true;
8921
+ }
8922
+ } else if (item.payloadvalue == 'sortdates') {
8923
+ if (valueitem.value == ProductFilterObjContext.sortdates) {
8924
+ ischecked = true;
8925
+ }
8926
+ }
8927
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8928
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
8929
+ onClick: function onClick() {
8930
+ // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8931
+ var tempfetchproductsfilerobjcontext = _objectSpread$1C({}, ProductFilterObjContext);
8932
+ if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
8933
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
8934
+ } else {
8935
+ tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
8936
+ }
8937
+ setProductFilterObjContext(_objectSpread$1C({}, tempfetchproductsfilerobjcontext));
8938
+ }
8939
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
8940
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8941
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8942
+ className: "h-100 d-flex align-items-center"
8943
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
8944
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8945
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8946
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8947
+ style: {
8948
+ color: ischecked ? sectionproperties.activecat_color : ''
8949
+ }
8950
+ }, valueitem.name)));
8951
+ }))))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8952
+ className: "mt-3 mb-3"
8953
+ }));
8954
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
8955
+ className: "col-lg-12"
8956
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
8957
+ className: "mt-2 mb-3"
8958
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8959
+ className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
8960
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8961
+ allowMultipleExpanded: true,
8962
+ allowZeroExpanded: true,
8963
+ preExpanded: [0, 1, 2, 3]
8964
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8965
+ uuid: 0
8966
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8967
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8968
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8969
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8970
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8971
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8972
+ }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8973
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8974
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8975
+ if (state.expanded == true) {
8976
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8977
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8978
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
8979
+ } else {
8980
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8981
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8982
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
8983
+ }
8984
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8985
+ className: "p-0"
8986
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8987
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8988
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8989
+ className: 'col-lg-12'
8990
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8991
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8992
+ }, instcollections.map(function (item, index) {
8993
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8994
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
8995
+ onClick: function onClick() {
8996
+ setCollectionFilterFunc(item.collectionid);
8997
+ }
8998
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8999
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9000
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
9001
+ className: "h-100 d-flex align-items-center"
9002
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
9003
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9004
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9005
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9006
+ style: {
9007
+ color: item.isfilterselected ? sectionproperties.activecat_color : ''
9008
+ }
9009
+ }, langdetect == 'en' ? item.title_en : item.title_ar)));
9010
+ }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
9011
+ "class": "col-lg-12"
9012
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
9013
+ className: "mt-3 mb-3"
9014
+ })), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9015
+ allowMultipleExpanded: true,
9016
+ allowZeroExpanded: true,
9017
+ preExpanded: [0, 1, 2, 3]
9018
+ }, instfilters.map(function (item, index) {
9019
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
9020
+ uuid: index
9021
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
9022
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9023
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9024
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
9025
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9026
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9027
+ }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
9028
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
9029
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9030
+ if (state.expanded == true) {
9031
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9032
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9033
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9034
+ } else {
9035
+ return /*#__PURE__*/React__default["default"].createElement("i", {
9036
+ className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9037
+ }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
9038
+ }
9039
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9040
+ className: "p-0"
9041
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9042
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9043
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9044
+ className: 'col-lg-12'
9045
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9046
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9047
+ }, item.productvaluesfilter.map(function (valueitem, valueindex) {
9048
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9049
+ 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 ',
9050
+ onClick: function onClick() {
9051
+ setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9052
+ }
9053
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
9054
+ 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 '
9055
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
9056
+ className: "h-100 d-flex align-items-center"
9057
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
9058
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9059
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9060
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9061
+ style: {
9062
+ color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
9063
+ }
9064
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
9065
+ })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
9066
+ className: "mt-3 mb-3"
9067
+ }));
9068
+ })))))))));
8824
9069
  };
8825
9070
 
8826
9071
  function ownKeys$1B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -8849,31 +9094,35 @@
8849
9094
  var fetchingtype = props.actions.fetchingtype;
8850
9095
  props.actions.addtofavoritescontext;
8851
9096
  var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
8852
- var actions = props.actions;
8853
- var _useState = React.useState(''),
9097
+ var _useState = React.useState(false),
8854
9098
  _useState2 = _slicedToArray__default["default"](_useState, 2),
8855
- sectionproperties = _useState2[0],
8856
- setsectionproperties = _useState2[1];
8857
- var _useState3 = React.useState([]),
9099
+ openFilterSlider = _useState2[0],
9100
+ setopenFilterSlider = _useState2[1];
9101
+ var actions = props.actions;
9102
+ var _useState3 = React.useState(''),
8858
9103
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
8859
- cardsarray = _useState4[0],
8860
- setcardsarray = _useState4[1];
8861
- var _useState5 = React.useState(''),
9104
+ sectionproperties = _useState4[0],
9105
+ setsectionproperties = _useState4[1];
9106
+ var _useState5 = React.useState([]),
8862
9107
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
8863
- sectionitem = _useState6[0],
8864
- setsectionitem = _useState6[1];
8865
- var _useState7 = React.useState({
9108
+ cardsarray = _useState6[0],
9109
+ setcardsarray = _useState6[1];
9110
+ var _useState7 = React.useState(''),
9111
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
9112
+ sectionitem = _useState8[0],
9113
+ setsectionitem = _useState8[1];
9114
+ var _useState9 = React.useState({
8866
9115
  productfetchingtype: 'Random',
8867
9116
  collectionid: '',
8868
9117
  grouptype: ''
8869
9118
  }),
8870
- _useState8 = _slicedToArray__default["default"](_useState7, 2),
8871
- ProductsFetchingTypeSectionObj = _useState8[0],
8872
- setProductsFetchingTypeSectionObj = _useState8[1];
8873
- var _useState9 = React.useState([]),
8874
9119
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
8875
- maincontainerarrayofobjs = _useState10[0],
8876
- setmaincontainerarrayofobjs = _useState10[1];
9120
+ ProductsFetchingTypeSectionObj = _useState10[0],
9121
+ setProductsFetchingTypeSectionObj = _useState10[1];
9122
+ var _useState11 = React.useState([]),
9123
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
9124
+ maincontainerarrayofobjs = _useState12[0],
9125
+ setmaincontainerarrayofobjs = _useState12[1];
8877
9126
  React__default["default"].useEffect(function () {
8878
9127
  if (inView) {
8879
9128
  fetchProductsQuery.fetchNextPage();
@@ -9362,8 +9611,9 @@
9362
9611
  }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(FaArrowAltCircleRight.FaArrowAltCircleRight, null) : /*#__PURE__*/React__default["default"].createElement(FaArrowAltCircleLeft.FaArrowAltCircleLeft, null)))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("button", {
9363
9612
  "class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
9364
9613
  onClick: function onClick() {
9365
- var element = document.getElementById('filterslider');
9366
- element.classList.add(filterstyles.filterslider_container_opened);
9614
+ setopenFilterSlider(true);
9615
+ // var element = document.getElementById('filterslider');
9616
+ // element.classList.add(filterstyles.filterslider_container_opened);
9367
9617
  }
9368
9618
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9369
9619
  "class": "".concat(section_cssstyles.filterbtn)
@@ -9497,17 +9747,16 @@
9497
9747
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
9498
9748
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
9499
9749
  }
9500
- }, sectionproperties.showFilter == 'show' &&
9501
- /*#__PURE__*/
9502
- // d-md-none
9503
- React__default["default"].createElement("div", {
9750
+ }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
9504
9751
  className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex',
9505
9752
  style: {
9506
9753
  zIndex: 1000
9507
9754
  }
9508
9755
  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
9509
9756
  sectionpropertiesprops: sectionproperties,
9510
- actions: actions
9757
+ actions: actions,
9758
+ openFilterSlider: openFilterSlider,
9759
+ setopenFilterSlider: setopenFilterSlider
9511
9760
  })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
9512
9761
  };
9513
9762
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.169",
3
+ "version": "0.0.170",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {