tabexseriescomponents 0.0.81 → 0.0.86
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.
- package/dist/index.cjs.js +50 -75
- package/dist/index.esm.js +50 -75
- package/dist/index.umd.js +50 -75
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -3505,12 +3505,6 @@ var Wishlist = function Wishlist(props) {
|
|
|
3505
3505
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3506
3506
|
className: "".concat(wishlist_cssstyles.productNameStyles) + ' wordbreak text-center m-0 p-0 d-flex align-items-center justify-content-center '
|
|
3507
3507
|
}, item.name_en)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3508
|
-
className: "col-lg-12 d-flex align-items-center justify-content-center mb-2"
|
|
3509
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3510
|
-
className: "".concat(wishlist_cssstyles.productPricestyles) + ' m-0 p-0 wordbreak '
|
|
3511
|
-
}, item.defaultsaleprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م'), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3512
|
-
className: "".concat(wishlist_cssstyles.productsalePricestyles) + ' linethrough m-0 p-0 mr-2 ml-2 wordbreak '
|
|
3513
|
-
}, item.defaultprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3514
3508
|
className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
|
|
3515
3509
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
3516
3510
|
className: " ".concat(wishlist_cssstyles.cart_btn),
|
|
@@ -3559,11 +3553,6 @@ var Wishlist = function Wishlist(props) {
|
|
|
3559
3553
|
}, /*#__PURE__*/React__default["default"].createElement("th", {
|
|
3560
3554
|
className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
|
|
3561
3555
|
}, lang.productname, ' '), /*#__PURE__*/React__default["default"].createElement("th", {
|
|
3562
|
-
className: "text-center font-weight-500 font-14 text-light",
|
|
3563
|
-
style: {
|
|
3564
|
-
minWidth: '200px'
|
|
3565
|
-
}
|
|
3566
|
-
}, lang.price), /*#__PURE__*/React__default["default"].createElement("th", {
|
|
3567
3556
|
className: "text-center font-weight-500 font-14 text-light",
|
|
3568
3557
|
style: {
|
|
3569
3558
|
minWidth: '100px'
|
|
@@ -3594,20 +3583,6 @@ var Wishlist = function Wishlist(props) {
|
|
|
3594
3583
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3595
3584
|
className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex justify-content-start mb-auto '
|
|
3596
3585
|
}, item.name_en)))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
3597
|
-
style: {
|
|
3598
|
-
minWidth: '200px'
|
|
3599
|
-
}
|
|
3600
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3601
|
-
className: "row m-0 w-100 d-flex flex-column justify-content-center"
|
|
3602
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3603
|
-
className: "col-lg-12 p-0 d-flex justify-content-center"
|
|
3604
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3605
|
-
className: "".concat(wishlist_cssstyles.productPricestyles) + ' m-0 p-0 wordbreak d-flex align-items-center justify-content-center '
|
|
3606
|
-
}, langdetect == 'en' ? 'EGP' : '', " ", item.defaultsaleprice, langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3607
|
-
className: "col-lg-12 p-0 d-flex justify-content-center"
|
|
3608
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3609
|
-
className: "".concat(wishlist_cssstyles.productsalePricestyles) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-center '
|
|
3610
|
-
}, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
3611
3586
|
className: "text-center",
|
|
3612
3587
|
style: {
|
|
3613
3588
|
minWidth: '100px'
|
|
@@ -3689,6 +3664,7 @@ var Viewcart = function Viewcart(props) {
|
|
|
3689
3664
|
props.actions.pageindexcontext;
|
|
3690
3665
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
3691
3666
|
props.actions.TabexSectionsComponentsContext;
|
|
3667
|
+
var templatepropcontext = props.actions.templatepropcontext;
|
|
3692
3668
|
var actions = props.actions;
|
|
3693
3669
|
|
|
3694
3670
|
var _useState = React.useState(''),
|
|
@@ -3713,15 +3689,11 @@ var Viewcart = function Viewcart(props) {
|
|
|
3713
3689
|
}
|
|
3714
3690
|
}, [StatePagePropertiesContext]);
|
|
3715
3691
|
React.useEffect(function () {
|
|
3716
|
-
var _templatepropcontext
|
|
3692
|
+
var _templatepropcontext$;
|
|
3717
3693
|
|
|
3718
|
-
|
|
3694
|
+
templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
|
|
3719
3695
|
return x.staticpageid == '6218bccb84d2b';
|
|
3720
3696
|
});
|
|
3721
|
-
|
|
3722
|
-
if (cartindex >= 0) {
|
|
3723
|
-
setCurrentPageId(cartindex);
|
|
3724
|
-
}
|
|
3725
3697
|
}, []);
|
|
3726
3698
|
React.useEffect(function () {
|
|
3727
3699
|
if (sectionproperties.length != 0) {
|
|
@@ -6346,7 +6318,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
|
|
|
6346
6318
|
}
|
|
6347
6319
|
|
|
6348
6320
|
temppayloadobj.addedsourcetype = 'Webapp';
|
|
6349
|
-
temppayloadobj.instapikey = instapikey
|
|
6321
|
+
temppayloadobj.instapikey = instapikey;
|
|
6350
6322
|
CustomerSignUpMutationContext.mutate(temppayloadobj);
|
|
6351
6323
|
} else {
|
|
6352
6324
|
NotificationManager.warning('', lang.completerequiredfields);
|
|
@@ -7743,22 +7715,22 @@ function _objectSpread$1l(target) { for (var i = 1; i < arguments.length; i++) {
|
|
|
7743
7715
|
var OrderSuccess = function OrderSuccess(props) {
|
|
7744
7716
|
var _props$actions2;
|
|
7745
7717
|
|
|
7746
|
-
// let location = useLocation();
|
|
7747
7718
|
var lang = props.actions.lang;
|
|
7748
7719
|
var langdetect = props.actions.langdetect;
|
|
7749
7720
|
var routingcountext = props.actions.routingcountext;
|
|
7750
7721
|
var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
|
|
7751
7722
|
var templatepropcontext = props.actions.templatepropcontext;
|
|
7723
|
+
var uselocation = props.actions.uselocation;
|
|
7752
7724
|
|
|
7753
7725
|
var _useState = React.useState(false),
|
|
7754
7726
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
7755
|
-
IsOrderSuccess = _useState2[0]
|
|
7756
|
-
_useState2[1];
|
|
7727
|
+
IsOrderSuccess = _useState2[0],
|
|
7728
|
+
setIsOrderSuccess = _useState2[1];
|
|
7757
7729
|
|
|
7758
7730
|
var _useState3 = React.useState(''),
|
|
7759
7731
|
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
7760
|
-
ReasonFail = _useState4[0]
|
|
7761
|
-
_useState4[1];
|
|
7732
|
+
ReasonFail = _useState4[0],
|
|
7733
|
+
setReasonFail = _useState4[1];
|
|
7762
7734
|
|
|
7763
7735
|
var _useState5 = React.useState(''),
|
|
7764
7736
|
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
@@ -7768,18 +7740,19 @@ var OrderSuccess = function OrderSuccess(props) {
|
|
|
7768
7740
|
var _useState7 = React.useState(''),
|
|
7769
7741
|
_useState8 = _slicedToArray__default["default"](_useState7, 2);
|
|
7770
7742
|
_useState8[0];
|
|
7771
|
-
var setCurrentPageId = _useState8[1];
|
|
7772
|
-
// const query = new URLSearchParams(location.search);
|
|
7773
|
-
// var issuccess = query.get('status');
|
|
7774
|
-
// if (issuccess == true || issuccess == 1 || issuccess == 'true') {
|
|
7775
|
-
// setIsOrderSuccess(true);
|
|
7776
|
-
// } else {
|
|
7777
|
-
// setIsOrderSuccess(false);
|
|
7778
|
-
// setReasonFail(query.get('reason'));
|
|
7779
|
-
// }
|
|
7780
|
-
// }, []);
|
|
7743
|
+
var setCurrentPageId = _useState8[1];
|
|
7781
7744
|
|
|
7745
|
+
React.useEffect(function () {
|
|
7746
|
+
var query = new URLSearchParams(uselocation.search);
|
|
7747
|
+
var issuccess = query.get('status');
|
|
7782
7748
|
|
|
7749
|
+
if (issuccess == true || issuccess == 1 || issuccess == 'true') {
|
|
7750
|
+
setIsOrderSuccess(true);
|
|
7751
|
+
} else {
|
|
7752
|
+
setIsOrderSuccess(false);
|
|
7753
|
+
setReasonFail(query.get('reason'));
|
|
7754
|
+
}
|
|
7755
|
+
}, []);
|
|
7783
7756
|
React.useEffect(function () {
|
|
7784
7757
|
var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
|
|
7785
7758
|
return x.staticpageid == '62af2f545cebb';
|
|
@@ -7885,8 +7858,8 @@ var OrderSuccess = function OrderSuccess(props) {
|
|
|
7885
7858
|
}, ReasonFail)));
|
|
7886
7859
|
};
|
|
7887
7860
|
|
|
7888
|
-
var css_248z$w = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index:
|
|
7889
|
-
var filterstyles
|
|
7861
|
+
var css_248z$w = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
|
|
7862
|
+
var filterstyles = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
|
|
7890
7863
|
styleInject(css_248z$w);
|
|
7891
7864
|
|
|
7892
7865
|
function ownKeys$1k(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; }
|
|
@@ -8108,16 +8081,17 @@ var Filter = function Filter(props) {
|
|
|
8108
8081
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8109
8082
|
className: "col-lg-12 p-0 w-100 filter",
|
|
8110
8083
|
style: {
|
|
8111
|
-
marginTop: sectionproperties.filtersection_mt + 'px'
|
|
8084
|
+
marginTop: sectionproperties.filtersection_mt + 'px',
|
|
8085
|
+
zIndex: 10000
|
|
8112
8086
|
}
|
|
8113
8087
|
}, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8114
|
-
className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles
|
|
8088
|
+
className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles.outercontainer) + ' row m-0 w-100 '
|
|
8115
8089
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8116
|
-
className: "".concat(filterstyles
|
|
8090
|
+
className: "".concat(filterstyles.card) + ' col-lg-2 w-100 '
|
|
8117
8091
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8118
|
-
className: "".concat(filterstyles
|
|
8092
|
+
className: "".concat(filterstyles.horizontalfilter_card) + ' w-100 d-flex align-items-center '
|
|
8119
8093
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8120
|
-
className: "".concat(filterstyles
|
|
8094
|
+
className: "".concat(filterstyles.timeline) + ' w-100'
|
|
8121
8095
|
}, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
|
|
8122
8096
|
className: "d-flex align-items-center w-100 bg-transparent"
|
|
8123
8097
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -8130,26 +8104,26 @@ var Filter = function Filter(props) {
|
|
|
8130
8104
|
className: "fa fa-chevron-down ml-auto"
|
|
8131
8105
|
}))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, instcollections.map(function (item, index) {
|
|
8132
8106
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8133
|
-
className: "".concat(filterstyles
|
|
8107
|
+
className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, " ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', " ") + ' d-flex align-items-start pb-3 ',
|
|
8134
8108
|
onClick: function onClick() {
|
|
8135
8109
|
setCollectionFilterFunc(item.collectionid); // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8136
8110
|
}
|
|
8137
8111
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8138
|
-
className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8112
|
+
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 '
|
|
8139
8113
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
8140
8114
|
className: "h-100 d-flex align-items-center"
|
|
8141
8115
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8142
8116
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8143
8117
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
8144
|
-
className: "".concat(filterstyles
|
|
8118
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
|
|
8145
8119
|
}, langdetect == 'en' ? item.title_en : item.title_ar)));
|
|
8146
8120
|
})))))), instfilters.map(function (item, index) {
|
|
8147
8121
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8148
|
-
className: "".concat(filterstyles
|
|
8122
|
+
className: "".concat(filterstyles.card) + ' col-lg-2 w-100 '
|
|
8149
8123
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8150
|
-
className: "".concat(filterstyles
|
|
8124
|
+
className: "".concat(filterstyles.horizontalfilter_card) + ' w-100 d-flex align-items-center '
|
|
8151
8125
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8152
|
-
className: "".concat(filterstyles
|
|
8126
|
+
className: "".concat(filterstyles.timeline) + ' w-100'
|
|
8153
8127
|
}, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
|
|
8154
8128
|
className: "d-flex align-items-center w-100 bg-transparent"
|
|
8155
8129
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -8162,26 +8136,27 @@ var Filter = function Filter(props) {
|
|
|
8162
8136
|
className: "fa fa-chevron-down ml-auto"
|
|
8163
8137
|
}))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, item.productvaluesfilter.map(function (valueitem, valueindex) {
|
|
8164
8138
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8165
|
-
className: "".concat(filterstyles
|
|
8139
|
+
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 ") + ' d-flex align-items-start pb-3 ',
|
|
8166
8140
|
onClick: function onClick() {
|
|
8167
8141
|
setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8168
8142
|
}
|
|
8169
8143
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8170
|
-
className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8144
|
+
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 '
|
|
8171
8145
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
8172
8146
|
className: "h-100 d-flex align-items-center"
|
|
8173
8147
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8174
8148
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8175
8149
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
8176
|
-
className: "".concat(filterstyles
|
|
8150
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
|
|
8177
8151
|
}, valueitem.valuename)));
|
|
8178
8152
|
}))))));
|
|
8179
8153
|
})), sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8180
|
-
className: "".concat(filterstyles
|
|
8154
|
+
className: "".concat(filterstyles.filterslider_container),
|
|
8181
8155
|
id: "filterslider",
|
|
8182
8156
|
style: {
|
|
8183
8157
|
background: sectionproperties.filter_backgroundcolor,
|
|
8184
|
-
borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
|
|
8158
|
+
borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
|
|
8159
|
+
zIndex: 9999
|
|
8185
8160
|
}
|
|
8186
8161
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8187
8162
|
className: "row m-0 w-100 pt-2 pb-3"
|
|
@@ -8198,10 +8173,10 @@ var Filter = function Filter(props) {
|
|
|
8198
8173
|
}, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8199
8174
|
className: "col-lg-3 col-md-3 col-sm-3 d-flex align-items-center justify-content-end p-0"
|
|
8200
8175
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8201
|
-
className: "".concat(filterstyles
|
|
8176
|
+
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 ',
|
|
8202
8177
|
onClick: function onClick() {
|
|
8203
8178
|
var element = document.getElementById('filterslider');
|
|
8204
|
-
element.classList.remove(filterstyles
|
|
8179
|
+
element.classList.remove(filterstyles.filterslider_container_opened);
|
|
8205
8180
|
}
|
|
8206
8181
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
8207
8182
|
className: "h-100 d-flex align-items-center justify-content-center"
|
|
@@ -8247,21 +8222,21 @@ var Filter = function Filter(props) {
|
|
|
8247
8222
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8248
8223
|
className: 'col-lg-12'
|
|
8249
8224
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8250
|
-
className: langdetect == 'en' ? "".concat(filterstyles
|
|
8225
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
8251
8226
|
}, instcollections.map(function (item, index) {
|
|
8252
8227
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8253
|
-
className: "".concat(filterstyles
|
|
8228
|
+
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 ',
|
|
8254
8229
|
onClick: function onClick() {
|
|
8255
8230
|
setCollectionFilterFunc(item.collectionid);
|
|
8256
8231
|
}
|
|
8257
8232
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8258
|
-
className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8233
|
+
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 '
|
|
8259
8234
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
8260
8235
|
className: "h-100 d-flex align-items-center"
|
|
8261
8236
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8262
8237
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8263
8238
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
8264
|
-
className: "".concat(filterstyles
|
|
8239
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
8265
8240
|
style: {
|
|
8266
8241
|
color: item.isfilterselected ? sectionproperties.activecat_color : ''
|
|
8267
8242
|
}
|
|
@@ -8300,21 +8275,21 @@ var Filter = function Filter(props) {
|
|
|
8300
8275
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8301
8276
|
className: 'col-lg-12'
|
|
8302
8277
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8303
|
-
className: langdetect == 'en' ? "".concat(filterstyles
|
|
8278
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
8304
8279
|
}, item.productvaluesfilter.map(function (valueitem, valueindex) {
|
|
8305
8280
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8306
|
-
className: "".concat(filterstyles
|
|
8281
|
+
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 ',
|
|
8307
8282
|
onClick: function onClick() {
|
|
8308
8283
|
setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8309
8284
|
}
|
|
8310
8285
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8311
|
-
className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8286
|
+
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 '
|
|
8312
8287
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
8313
8288
|
className: "h-100 d-flex align-items-center"
|
|
8314
8289
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8315
8290
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8316
8291
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
8317
|
-
className: "".concat(filterstyles
|
|
8292
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
8318
8293
|
style: {
|
|
8319
8294
|
color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
|
|
8320
8295
|
}
|
package/dist/index.esm.js
CHANGED
|
@@ -3462,12 +3462,6 @@ var Wishlist = function Wishlist(props) {
|
|
|
3462
3462
|
}, /*#__PURE__*/React.createElement("p", {
|
|
3463
3463
|
className: "".concat(wishlist_cssstyles.productNameStyles) + ' wordbreak text-center m-0 p-0 d-flex align-items-center justify-content-center '
|
|
3464
3464
|
}, item.name_en)), /*#__PURE__*/React.createElement("div", {
|
|
3465
|
-
className: "col-lg-12 d-flex align-items-center justify-content-center mb-2"
|
|
3466
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
3467
|
-
className: "".concat(wishlist_cssstyles.productPricestyles) + ' m-0 p-0 wordbreak '
|
|
3468
|
-
}, item.defaultsaleprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م'), /*#__PURE__*/React.createElement("p", {
|
|
3469
|
-
className: "".concat(wishlist_cssstyles.productsalePricestyles) + ' linethrough m-0 p-0 mr-2 ml-2 wordbreak '
|
|
3470
|
-
}, item.defaultprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م')), /*#__PURE__*/React.createElement("div", {
|
|
3471
3465
|
className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
|
|
3472
3466
|
}, /*#__PURE__*/React.createElement("button", {
|
|
3473
3467
|
className: " ".concat(wishlist_cssstyles.cart_btn),
|
|
@@ -3516,11 +3510,6 @@ var Wishlist = function Wishlist(props) {
|
|
|
3516
3510
|
}, /*#__PURE__*/React.createElement("th", {
|
|
3517
3511
|
className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
|
|
3518
3512
|
}, lang.productname, ' '), /*#__PURE__*/React.createElement("th", {
|
|
3519
|
-
className: "text-center font-weight-500 font-14 text-light",
|
|
3520
|
-
style: {
|
|
3521
|
-
minWidth: '200px'
|
|
3522
|
-
}
|
|
3523
|
-
}, lang.price), /*#__PURE__*/React.createElement("th", {
|
|
3524
3513
|
className: "text-center font-weight-500 font-14 text-light",
|
|
3525
3514
|
style: {
|
|
3526
3515
|
minWidth: '100px'
|
|
@@ -3551,20 +3540,6 @@ var Wishlist = function Wishlist(props) {
|
|
|
3551
3540
|
}, /*#__PURE__*/React.createElement("p", {
|
|
3552
3541
|
className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex justify-content-start mb-auto '
|
|
3553
3542
|
}, item.name_en)))), /*#__PURE__*/React.createElement("td", {
|
|
3554
|
-
style: {
|
|
3555
|
-
minWidth: '200px'
|
|
3556
|
-
}
|
|
3557
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3558
|
-
className: "row m-0 w-100 d-flex flex-column justify-content-center"
|
|
3559
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3560
|
-
className: "col-lg-12 p-0 d-flex justify-content-center"
|
|
3561
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
3562
|
-
className: "".concat(wishlist_cssstyles.productPricestyles) + ' m-0 p-0 wordbreak d-flex align-items-center justify-content-center '
|
|
3563
|
-
}, langdetect == 'en' ? 'EGP' : '', " ", item.defaultsaleprice, langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React.createElement("div", {
|
|
3564
|
-
className: "col-lg-12 p-0 d-flex justify-content-center"
|
|
3565
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
3566
|
-
className: "".concat(wishlist_cssstyles.productsalePricestyles) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-center '
|
|
3567
|
-
}, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))), /*#__PURE__*/React.createElement("td", {
|
|
3568
3543
|
className: "text-center",
|
|
3569
3544
|
style: {
|
|
3570
3545
|
minWidth: '100px'
|
|
@@ -3646,6 +3621,7 @@ var Viewcart = function Viewcart(props) {
|
|
|
3646
3621
|
props.actions.pageindexcontext;
|
|
3647
3622
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
3648
3623
|
props.actions.TabexSectionsComponentsContext;
|
|
3624
|
+
var templatepropcontext = props.actions.templatepropcontext;
|
|
3649
3625
|
var actions = props.actions;
|
|
3650
3626
|
|
|
3651
3627
|
var _useState = useState(''),
|
|
@@ -3670,15 +3646,11 @@ var Viewcart = function Viewcart(props) {
|
|
|
3670
3646
|
}
|
|
3671
3647
|
}, [StatePagePropertiesContext]);
|
|
3672
3648
|
useEffect(function () {
|
|
3673
|
-
var _templatepropcontext
|
|
3649
|
+
var _templatepropcontext$;
|
|
3674
3650
|
|
|
3675
|
-
|
|
3651
|
+
templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
|
|
3676
3652
|
return x.staticpageid == '6218bccb84d2b';
|
|
3677
3653
|
});
|
|
3678
|
-
|
|
3679
|
-
if (cartindex >= 0) {
|
|
3680
|
-
setCurrentPageId(cartindex);
|
|
3681
|
-
}
|
|
3682
3654
|
}, []);
|
|
3683
3655
|
useEffect(function () {
|
|
3684
3656
|
if (sectionproperties.length != 0) {
|
|
@@ -6303,7 +6275,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
|
|
|
6303
6275
|
}
|
|
6304
6276
|
|
|
6305
6277
|
temppayloadobj.addedsourcetype = 'Webapp';
|
|
6306
|
-
temppayloadobj.instapikey = instapikey
|
|
6278
|
+
temppayloadobj.instapikey = instapikey;
|
|
6307
6279
|
CustomerSignUpMutationContext.mutate(temppayloadobj);
|
|
6308
6280
|
} else {
|
|
6309
6281
|
NotificationManager.warning('', lang.completerequiredfields);
|
|
@@ -7700,22 +7672,22 @@ function _objectSpread$1l(target) { for (var i = 1; i < arguments.length; i++) {
|
|
|
7700
7672
|
var OrderSuccess = function OrderSuccess(props) {
|
|
7701
7673
|
var _props$actions2;
|
|
7702
7674
|
|
|
7703
|
-
// let location = useLocation();
|
|
7704
7675
|
var lang = props.actions.lang;
|
|
7705
7676
|
var langdetect = props.actions.langdetect;
|
|
7706
7677
|
var routingcountext = props.actions.routingcountext;
|
|
7707
7678
|
var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
|
|
7708
7679
|
var templatepropcontext = props.actions.templatepropcontext;
|
|
7680
|
+
var uselocation = props.actions.uselocation;
|
|
7709
7681
|
|
|
7710
7682
|
var _useState = useState(false),
|
|
7711
7683
|
_useState2 = _slicedToArray(_useState, 2),
|
|
7712
|
-
IsOrderSuccess = _useState2[0]
|
|
7713
|
-
_useState2[1];
|
|
7684
|
+
IsOrderSuccess = _useState2[0],
|
|
7685
|
+
setIsOrderSuccess = _useState2[1];
|
|
7714
7686
|
|
|
7715
7687
|
var _useState3 = useState(''),
|
|
7716
7688
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
7717
|
-
ReasonFail = _useState4[0]
|
|
7718
|
-
_useState4[1];
|
|
7689
|
+
ReasonFail = _useState4[0],
|
|
7690
|
+
setReasonFail = _useState4[1];
|
|
7719
7691
|
|
|
7720
7692
|
var _useState5 = useState(''),
|
|
7721
7693
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
@@ -7725,18 +7697,19 @@ var OrderSuccess = function OrderSuccess(props) {
|
|
|
7725
7697
|
var _useState7 = useState(''),
|
|
7726
7698
|
_useState8 = _slicedToArray(_useState7, 2);
|
|
7727
7699
|
_useState8[0];
|
|
7728
|
-
var setCurrentPageId = _useState8[1];
|
|
7729
|
-
// const query = new URLSearchParams(location.search);
|
|
7730
|
-
// var issuccess = query.get('status');
|
|
7731
|
-
// if (issuccess == true || issuccess == 1 || issuccess == 'true') {
|
|
7732
|
-
// setIsOrderSuccess(true);
|
|
7733
|
-
// } else {
|
|
7734
|
-
// setIsOrderSuccess(false);
|
|
7735
|
-
// setReasonFail(query.get('reason'));
|
|
7736
|
-
// }
|
|
7737
|
-
// }, []);
|
|
7700
|
+
var setCurrentPageId = _useState8[1];
|
|
7738
7701
|
|
|
7702
|
+
useEffect(function () {
|
|
7703
|
+
var query = new URLSearchParams(uselocation.search);
|
|
7704
|
+
var issuccess = query.get('status');
|
|
7739
7705
|
|
|
7706
|
+
if (issuccess == true || issuccess == 1 || issuccess == 'true') {
|
|
7707
|
+
setIsOrderSuccess(true);
|
|
7708
|
+
} else {
|
|
7709
|
+
setIsOrderSuccess(false);
|
|
7710
|
+
setReasonFail(query.get('reason'));
|
|
7711
|
+
}
|
|
7712
|
+
}, []);
|
|
7740
7713
|
useEffect(function () {
|
|
7741
7714
|
var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
|
|
7742
7715
|
return x.staticpageid == '62af2f545cebb';
|
|
@@ -7842,8 +7815,8 @@ var OrderSuccess = function OrderSuccess(props) {
|
|
|
7842
7815
|
}, ReasonFail)));
|
|
7843
7816
|
};
|
|
7844
7817
|
|
|
7845
|
-
var css_248z$w = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index:
|
|
7846
|
-
var filterstyles
|
|
7818
|
+
var css_248z$w = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
|
|
7819
|
+
var filterstyles = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
|
|
7847
7820
|
styleInject(css_248z$w);
|
|
7848
7821
|
|
|
7849
7822
|
function ownKeys$1k(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; }
|
|
@@ -8065,16 +8038,17 @@ var Filter = function Filter(props) {
|
|
|
8065
8038
|
return /*#__PURE__*/React.createElement("div", {
|
|
8066
8039
|
className: "col-lg-12 p-0 w-100 filter",
|
|
8067
8040
|
style: {
|
|
8068
|
-
marginTop: sectionproperties.filtersection_mt + 'px'
|
|
8041
|
+
marginTop: sectionproperties.filtersection_mt + 'px',
|
|
8042
|
+
zIndex: 10000
|
|
8069
8043
|
}
|
|
8070
8044
|
}, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React.createElement("div", {
|
|
8071
|
-
className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles
|
|
8045
|
+
className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles.outercontainer) + ' row m-0 w-100 '
|
|
8072
8046
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8073
|
-
className: "".concat(filterstyles
|
|
8047
|
+
className: "".concat(filterstyles.card) + ' col-lg-2 w-100 '
|
|
8074
8048
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8075
|
-
className: "".concat(filterstyles
|
|
8049
|
+
className: "".concat(filterstyles.horizontalfilter_card) + ' w-100 d-flex align-items-center '
|
|
8076
8050
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8077
|
-
className: "".concat(filterstyles
|
|
8051
|
+
className: "".concat(filterstyles.timeline) + ' w-100'
|
|
8078
8052
|
}, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, {
|
|
8079
8053
|
className: "d-flex align-items-center w-100 bg-transparent"
|
|
8080
8054
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -8087,26 +8061,26 @@ var Filter = function Filter(props) {
|
|
|
8087
8061
|
className: "fa fa-chevron-down ml-auto"
|
|
8088
8062
|
}))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, instcollections.map(function (item, index) {
|
|
8089
8063
|
return /*#__PURE__*/React.createElement("div", {
|
|
8090
|
-
className: "".concat(filterstyles
|
|
8064
|
+
className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, " ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', " ") + ' d-flex align-items-start pb-3 ',
|
|
8091
8065
|
onClick: function onClick() {
|
|
8092
8066
|
setCollectionFilterFunc(item.collectionid); // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8093
8067
|
}
|
|
8094
8068
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
8095
|
-
className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8069
|
+
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 '
|
|
8096
8070
|
}, /*#__PURE__*/React.createElement("i", {
|
|
8097
8071
|
className: "h-100 d-flex align-items-center"
|
|
8098
8072
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
8099
8073
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8100
8074
|
}, /*#__PURE__*/React.createElement("p", {
|
|
8101
|
-
className: "".concat(filterstyles
|
|
8075
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
|
|
8102
8076
|
}, langdetect == 'en' ? item.title_en : item.title_ar)));
|
|
8103
8077
|
})))))), instfilters.map(function (item, index) {
|
|
8104
8078
|
return /*#__PURE__*/React.createElement("div", {
|
|
8105
|
-
className: "".concat(filterstyles
|
|
8079
|
+
className: "".concat(filterstyles.card) + ' col-lg-2 w-100 '
|
|
8106
8080
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8107
|
-
className: "".concat(filterstyles
|
|
8081
|
+
className: "".concat(filterstyles.horizontalfilter_card) + ' w-100 d-flex align-items-center '
|
|
8108
8082
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8109
|
-
className: "".concat(filterstyles
|
|
8083
|
+
className: "".concat(filterstyles.timeline) + ' w-100'
|
|
8110
8084
|
}, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, {
|
|
8111
8085
|
className: "d-flex align-items-center w-100 bg-transparent"
|
|
8112
8086
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -8119,26 +8093,27 @@ var Filter = function Filter(props) {
|
|
|
8119
8093
|
className: "fa fa-chevron-down ml-auto"
|
|
8120
8094
|
}))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, item.productvaluesfilter.map(function (valueitem, valueindex) {
|
|
8121
8095
|
return /*#__PURE__*/React.createElement("div", {
|
|
8122
|
-
className: "".concat(filterstyles
|
|
8096
|
+
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 ") + ' d-flex align-items-start pb-3 ',
|
|
8123
8097
|
onClick: function onClick() {
|
|
8124
8098
|
setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8125
8099
|
}
|
|
8126
8100
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
8127
|
-
className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8101
|
+
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 '
|
|
8128
8102
|
}, /*#__PURE__*/React.createElement("i", {
|
|
8129
8103
|
className: "h-100 d-flex align-items-center"
|
|
8130
8104
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
8131
8105
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8132
8106
|
}, /*#__PURE__*/React.createElement("p", {
|
|
8133
|
-
className: "".concat(filterstyles
|
|
8107
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
|
|
8134
8108
|
}, valueitem.valuename)));
|
|
8135
8109
|
}))))));
|
|
8136
8110
|
})), sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React.createElement("div", {
|
|
8137
|
-
className: "".concat(filterstyles
|
|
8111
|
+
className: "".concat(filterstyles.filterslider_container),
|
|
8138
8112
|
id: "filterslider",
|
|
8139
8113
|
style: {
|
|
8140
8114
|
background: sectionproperties.filter_backgroundcolor,
|
|
8141
|
-
borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
|
|
8115
|
+
borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
|
|
8116
|
+
zIndex: 9999
|
|
8142
8117
|
}
|
|
8143
8118
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8144
8119
|
className: "row m-0 w-100 pt-2 pb-3"
|
|
@@ -8155,10 +8130,10 @@ var Filter = function Filter(props) {
|
|
|
8155
8130
|
}, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React.createElement("div", {
|
|
8156
8131
|
className: "col-lg-3 col-md-3 col-sm-3 d-flex align-items-center justify-content-end p-0"
|
|
8157
8132
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8158
|
-
className: "".concat(filterstyles
|
|
8133
|
+
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 ',
|
|
8159
8134
|
onClick: function onClick() {
|
|
8160
8135
|
var element = document.getElementById('filterslider');
|
|
8161
|
-
element.classList.remove(filterstyles
|
|
8136
|
+
element.classList.remove(filterstyles.filterslider_container_opened);
|
|
8162
8137
|
}
|
|
8163
8138
|
}, /*#__PURE__*/React.createElement("i", {
|
|
8164
8139
|
className: "h-100 d-flex align-items-center justify-content-center"
|
|
@@ -8204,21 +8179,21 @@ var Filter = function Filter(props) {
|
|
|
8204
8179
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8205
8180
|
className: 'col-lg-12'
|
|
8206
8181
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8207
|
-
className: langdetect == 'en' ? "".concat(filterstyles
|
|
8182
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
8208
8183
|
}, instcollections.map(function (item, index) {
|
|
8209
8184
|
return /*#__PURE__*/React.createElement("div", {
|
|
8210
|
-
className: "".concat(filterstyles
|
|
8185
|
+
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 ',
|
|
8211
8186
|
onClick: function onClick() {
|
|
8212
8187
|
setCollectionFilterFunc(item.collectionid);
|
|
8213
8188
|
}
|
|
8214
8189
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8215
|
-
className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8190
|
+
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 '
|
|
8216
8191
|
}, /*#__PURE__*/React.createElement("i", {
|
|
8217
8192
|
className: "h-100 d-flex align-items-center"
|
|
8218
8193
|
})), /*#__PURE__*/React.createElement("div", {
|
|
8219
8194
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8220
8195
|
}, /*#__PURE__*/React.createElement("p", {
|
|
8221
|
-
className: "".concat(filterstyles
|
|
8196
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
8222
8197
|
style: {
|
|
8223
8198
|
color: item.isfilterselected ? sectionproperties.activecat_color : ''
|
|
8224
8199
|
}
|
|
@@ -8257,21 +8232,21 @@ var Filter = function Filter(props) {
|
|
|
8257
8232
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8258
8233
|
className: 'col-lg-12'
|
|
8259
8234
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8260
|
-
className: langdetect == 'en' ? "".concat(filterstyles
|
|
8235
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
8261
8236
|
}, item.productvaluesfilter.map(function (valueitem, valueindex) {
|
|
8262
8237
|
return /*#__PURE__*/React.createElement("div", {
|
|
8263
|
-
className: "".concat(filterstyles
|
|
8238
|
+
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 ',
|
|
8264
8239
|
onClick: function onClick() {
|
|
8265
8240
|
setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8266
8241
|
}
|
|
8267
8242
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
8268
|
-
className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8243
|
+
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 '
|
|
8269
8244
|
}, /*#__PURE__*/React.createElement("i", {
|
|
8270
8245
|
className: "h-100 d-flex align-items-center"
|
|
8271
8246
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
8272
8247
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8273
8248
|
}, /*#__PURE__*/React.createElement("p", {
|
|
8274
|
-
className: "".concat(filterstyles
|
|
8249
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
8275
8250
|
style: {
|
|
8276
8251
|
color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
|
|
8277
8252
|
}
|
package/dist/index.umd.js
CHANGED
|
@@ -3445,12 +3445,6 @@
|
|
|
3445
3445
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3446
3446
|
className: "".concat(wishlist_cssstyles.productNameStyles) + ' wordbreak text-center m-0 p-0 d-flex align-items-center justify-content-center '
|
|
3447
3447
|
}, item.name_en)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3448
|
-
className: "col-lg-12 d-flex align-items-center justify-content-center mb-2"
|
|
3449
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3450
|
-
className: "".concat(wishlist_cssstyles.productPricestyles) + ' m-0 p-0 wordbreak '
|
|
3451
|
-
}, item.defaultsaleprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م'), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3452
|
-
className: "".concat(wishlist_cssstyles.productsalePricestyles) + ' linethrough m-0 p-0 mr-2 ml-2 wordbreak '
|
|
3453
|
-
}, item.defaultprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3454
3448
|
className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
|
|
3455
3449
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
3456
3450
|
className: " ".concat(wishlist_cssstyles.cart_btn),
|
|
@@ -3499,11 +3493,6 @@
|
|
|
3499
3493
|
}, /*#__PURE__*/React__default["default"].createElement("th", {
|
|
3500
3494
|
className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
|
|
3501
3495
|
}, lang.productname, ' '), /*#__PURE__*/React__default["default"].createElement("th", {
|
|
3502
|
-
className: "text-center font-weight-500 font-14 text-light",
|
|
3503
|
-
style: {
|
|
3504
|
-
minWidth: '200px'
|
|
3505
|
-
}
|
|
3506
|
-
}, lang.price), /*#__PURE__*/React__default["default"].createElement("th", {
|
|
3507
3496
|
className: "text-center font-weight-500 font-14 text-light",
|
|
3508
3497
|
style: {
|
|
3509
3498
|
minWidth: '100px'
|
|
@@ -3534,20 +3523,6 @@
|
|
|
3534
3523
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3535
3524
|
className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex justify-content-start mb-auto '
|
|
3536
3525
|
}, item.name_en)))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
3537
|
-
style: {
|
|
3538
|
-
minWidth: '200px'
|
|
3539
|
-
}
|
|
3540
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3541
|
-
className: "row m-0 w-100 d-flex flex-column justify-content-center"
|
|
3542
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3543
|
-
className: "col-lg-12 p-0 d-flex justify-content-center"
|
|
3544
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3545
|
-
className: "".concat(wishlist_cssstyles.productPricestyles) + ' m-0 p-0 wordbreak d-flex align-items-center justify-content-center '
|
|
3546
|
-
}, langdetect == 'en' ? 'EGP' : '', " ", item.defaultsaleprice, langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3547
|
-
className: "col-lg-12 p-0 d-flex justify-content-center"
|
|
3548
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3549
|
-
className: "".concat(wishlist_cssstyles.productsalePricestyles) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-center '
|
|
3550
|
-
}, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
3551
3526
|
className: "text-center",
|
|
3552
3527
|
style: {
|
|
3553
3528
|
minWidth: '100px'
|
|
@@ -3629,6 +3604,7 @@
|
|
|
3629
3604
|
props.actions.pageindexcontext;
|
|
3630
3605
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
3631
3606
|
props.actions.TabexSectionsComponentsContext;
|
|
3607
|
+
var templatepropcontext = props.actions.templatepropcontext;
|
|
3632
3608
|
var actions = props.actions;
|
|
3633
3609
|
|
|
3634
3610
|
var _useState = React.useState(''),
|
|
@@ -3653,15 +3629,11 @@
|
|
|
3653
3629
|
}
|
|
3654
3630
|
}, [StatePagePropertiesContext]);
|
|
3655
3631
|
React.useEffect(function () {
|
|
3656
|
-
var _templatepropcontext
|
|
3632
|
+
var _templatepropcontext$;
|
|
3657
3633
|
|
|
3658
|
-
|
|
3634
|
+
templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
|
|
3659
3635
|
return x.staticpageid == '6218bccb84d2b';
|
|
3660
3636
|
});
|
|
3661
|
-
|
|
3662
|
-
if (cartindex >= 0) {
|
|
3663
|
-
setCurrentPageId(cartindex);
|
|
3664
|
-
}
|
|
3665
3637
|
}, []);
|
|
3666
3638
|
React.useEffect(function () {
|
|
3667
3639
|
if (sectionproperties.length != 0) {
|
|
@@ -6286,7 +6258,7 @@
|
|
|
6286
6258
|
}
|
|
6287
6259
|
|
|
6288
6260
|
temppayloadobj.addedsourcetype = 'Webapp';
|
|
6289
|
-
temppayloadobj.instapikey = instapikey
|
|
6261
|
+
temppayloadobj.instapikey = instapikey;
|
|
6290
6262
|
CustomerSignUpMutationContext.mutate(temppayloadobj);
|
|
6291
6263
|
} else {
|
|
6292
6264
|
NotificationManager.warning('', lang.completerequiredfields);
|
|
@@ -7683,22 +7655,22 @@
|
|
|
7683
7655
|
var OrderSuccess = function OrderSuccess(props) {
|
|
7684
7656
|
var _props$actions2;
|
|
7685
7657
|
|
|
7686
|
-
// let location = useLocation();
|
|
7687
7658
|
var lang = props.actions.lang;
|
|
7688
7659
|
var langdetect = props.actions.langdetect;
|
|
7689
7660
|
var routingcountext = props.actions.routingcountext;
|
|
7690
7661
|
var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
|
|
7691
7662
|
var templatepropcontext = props.actions.templatepropcontext;
|
|
7663
|
+
var uselocation = props.actions.uselocation;
|
|
7692
7664
|
|
|
7693
7665
|
var _useState = React.useState(false),
|
|
7694
7666
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
7695
|
-
IsOrderSuccess = _useState2[0]
|
|
7696
|
-
_useState2[1];
|
|
7667
|
+
IsOrderSuccess = _useState2[0],
|
|
7668
|
+
setIsOrderSuccess = _useState2[1];
|
|
7697
7669
|
|
|
7698
7670
|
var _useState3 = React.useState(''),
|
|
7699
7671
|
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
7700
|
-
ReasonFail = _useState4[0]
|
|
7701
|
-
_useState4[1];
|
|
7672
|
+
ReasonFail = _useState4[0],
|
|
7673
|
+
setReasonFail = _useState4[1];
|
|
7702
7674
|
|
|
7703
7675
|
var _useState5 = React.useState(''),
|
|
7704
7676
|
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
@@ -7708,18 +7680,19 @@
|
|
|
7708
7680
|
var _useState7 = React.useState(''),
|
|
7709
7681
|
_useState8 = _slicedToArray__default["default"](_useState7, 2);
|
|
7710
7682
|
_useState8[0];
|
|
7711
|
-
var setCurrentPageId = _useState8[1];
|
|
7712
|
-
// const query = new URLSearchParams(location.search);
|
|
7713
|
-
// var issuccess = query.get('status');
|
|
7714
|
-
// if (issuccess == true || issuccess == 1 || issuccess == 'true') {
|
|
7715
|
-
// setIsOrderSuccess(true);
|
|
7716
|
-
// } else {
|
|
7717
|
-
// setIsOrderSuccess(false);
|
|
7718
|
-
// setReasonFail(query.get('reason'));
|
|
7719
|
-
// }
|
|
7720
|
-
// }, []);
|
|
7683
|
+
var setCurrentPageId = _useState8[1];
|
|
7721
7684
|
|
|
7685
|
+
React.useEffect(function () {
|
|
7686
|
+
var query = new URLSearchParams(uselocation.search);
|
|
7687
|
+
var issuccess = query.get('status');
|
|
7722
7688
|
|
|
7689
|
+
if (issuccess == true || issuccess == 1 || issuccess == 'true') {
|
|
7690
|
+
setIsOrderSuccess(true);
|
|
7691
|
+
} else {
|
|
7692
|
+
setIsOrderSuccess(false);
|
|
7693
|
+
setReasonFail(query.get('reason'));
|
|
7694
|
+
}
|
|
7695
|
+
}, []);
|
|
7723
7696
|
React.useEffect(function () {
|
|
7724
7697
|
var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
|
|
7725
7698
|
return x.staticpageid == '62af2f545cebb';
|
|
@@ -7825,8 +7798,8 @@
|
|
|
7825
7798
|
}, ReasonFail)));
|
|
7826
7799
|
};
|
|
7827
7800
|
|
|
7828
|
-
var css_248z$w = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index:
|
|
7829
|
-
var filterstyles
|
|
7801
|
+
var css_248z$w = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
|
|
7802
|
+
var filterstyles = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
|
|
7830
7803
|
styleInject(css_248z$w);
|
|
7831
7804
|
|
|
7832
7805
|
function ownKeys$1k(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; }
|
|
@@ -8048,16 +8021,17 @@
|
|
|
8048
8021
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8049
8022
|
className: "col-lg-12 p-0 w-100 filter",
|
|
8050
8023
|
style: {
|
|
8051
|
-
marginTop: sectionproperties.filtersection_mt + 'px'
|
|
8024
|
+
marginTop: sectionproperties.filtersection_mt + 'px',
|
|
8025
|
+
zIndex: 10000
|
|
8052
8026
|
}
|
|
8053
8027
|
}, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8054
|
-
className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles
|
|
8028
|
+
className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles.outercontainer) + ' row m-0 w-100 '
|
|
8055
8029
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8056
|
-
className: "".concat(filterstyles
|
|
8030
|
+
className: "".concat(filterstyles.card) + ' col-lg-2 w-100 '
|
|
8057
8031
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8058
|
-
className: "".concat(filterstyles
|
|
8032
|
+
className: "".concat(filterstyles.horizontalfilter_card) + ' w-100 d-flex align-items-center '
|
|
8059
8033
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8060
|
-
className: "".concat(filterstyles
|
|
8034
|
+
className: "".concat(filterstyles.timeline) + ' w-100'
|
|
8061
8035
|
}, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
|
|
8062
8036
|
className: "d-flex align-items-center w-100 bg-transparent"
|
|
8063
8037
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -8070,26 +8044,26 @@
|
|
|
8070
8044
|
className: "fa fa-chevron-down ml-auto"
|
|
8071
8045
|
}))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, instcollections.map(function (item, index) {
|
|
8072
8046
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8073
|
-
className: "".concat(filterstyles
|
|
8047
|
+
className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, " ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', " ") + ' d-flex align-items-start pb-3 ',
|
|
8074
8048
|
onClick: function onClick() {
|
|
8075
8049
|
setCollectionFilterFunc(item.collectionid); // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8076
8050
|
}
|
|
8077
8051
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8078
|
-
className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8052
|
+
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 '
|
|
8079
8053
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
8080
8054
|
className: "h-100 d-flex align-items-center"
|
|
8081
8055
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8082
8056
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8083
8057
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
8084
|
-
className: "".concat(filterstyles
|
|
8058
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
|
|
8085
8059
|
}, langdetect == 'en' ? item.title_en : item.title_ar)));
|
|
8086
8060
|
})))))), instfilters.map(function (item, index) {
|
|
8087
8061
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8088
|
-
className: "".concat(filterstyles
|
|
8062
|
+
className: "".concat(filterstyles.card) + ' col-lg-2 w-100 '
|
|
8089
8063
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8090
|
-
className: "".concat(filterstyles
|
|
8064
|
+
className: "".concat(filterstyles.horizontalfilter_card) + ' w-100 d-flex align-items-center '
|
|
8091
8065
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8092
|
-
className: "".concat(filterstyles
|
|
8066
|
+
className: "".concat(filterstyles.timeline) + ' w-100'
|
|
8093
8067
|
}, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
|
|
8094
8068
|
className: "d-flex align-items-center w-100 bg-transparent"
|
|
8095
8069
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -8102,26 +8076,27 @@
|
|
|
8102
8076
|
className: "fa fa-chevron-down ml-auto"
|
|
8103
8077
|
}))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, item.productvaluesfilter.map(function (valueitem, valueindex) {
|
|
8104
8078
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8105
|
-
className: "".concat(filterstyles
|
|
8079
|
+
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 ") + ' d-flex align-items-start pb-3 ',
|
|
8106
8080
|
onClick: function onClick() {
|
|
8107
8081
|
setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8108
8082
|
}
|
|
8109
8083
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8110
|
-
className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8084
|
+
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 '
|
|
8111
8085
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
8112
8086
|
className: "h-100 d-flex align-items-center"
|
|
8113
8087
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8114
8088
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8115
8089
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
8116
|
-
className: "".concat(filterstyles
|
|
8090
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
|
|
8117
8091
|
}, valueitem.valuename)));
|
|
8118
8092
|
}))))));
|
|
8119
8093
|
})), sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8120
|
-
className: "".concat(filterstyles
|
|
8094
|
+
className: "".concat(filterstyles.filterslider_container),
|
|
8121
8095
|
id: "filterslider",
|
|
8122
8096
|
style: {
|
|
8123
8097
|
background: sectionproperties.filter_backgroundcolor,
|
|
8124
|
-
borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
|
|
8098
|
+
borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
|
|
8099
|
+
zIndex: 9999
|
|
8125
8100
|
}
|
|
8126
8101
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8127
8102
|
className: "row m-0 w-100 pt-2 pb-3"
|
|
@@ -8138,10 +8113,10 @@
|
|
|
8138
8113
|
}, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8139
8114
|
className: "col-lg-3 col-md-3 col-sm-3 d-flex align-items-center justify-content-end p-0"
|
|
8140
8115
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8141
|
-
className: "".concat(filterstyles
|
|
8116
|
+
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 ',
|
|
8142
8117
|
onClick: function onClick() {
|
|
8143
8118
|
var element = document.getElementById('filterslider');
|
|
8144
|
-
element.classList.remove(filterstyles
|
|
8119
|
+
element.classList.remove(filterstyles.filterslider_container_opened);
|
|
8145
8120
|
}
|
|
8146
8121
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
8147
8122
|
className: "h-100 d-flex align-items-center justify-content-center"
|
|
@@ -8187,21 +8162,21 @@
|
|
|
8187
8162
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8188
8163
|
className: 'col-lg-12'
|
|
8189
8164
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8190
|
-
className: langdetect == 'en' ? "".concat(filterstyles
|
|
8165
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
8191
8166
|
}, instcollections.map(function (item, index) {
|
|
8192
8167
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8193
|
-
className: "".concat(filterstyles
|
|
8168
|
+
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 ',
|
|
8194
8169
|
onClick: function onClick() {
|
|
8195
8170
|
setCollectionFilterFunc(item.collectionid);
|
|
8196
8171
|
}
|
|
8197
8172
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8198
|
-
className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8173
|
+
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 '
|
|
8199
8174
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
8200
8175
|
className: "h-100 d-flex align-items-center"
|
|
8201
8176
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8202
8177
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8203
8178
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
8204
|
-
className: "".concat(filterstyles
|
|
8179
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
8205
8180
|
style: {
|
|
8206
8181
|
color: item.isfilterselected ? sectionproperties.activecat_color : ''
|
|
8207
8182
|
}
|
|
@@ -8240,21 +8215,21 @@
|
|
|
8240
8215
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8241
8216
|
className: 'col-lg-12'
|
|
8242
8217
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8243
|
-
className: langdetect == 'en' ? "".concat(filterstyles
|
|
8218
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
8244
8219
|
}, item.productvaluesfilter.map(function (valueitem, valueindex) {
|
|
8245
8220
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8246
|
-
className: "".concat(filterstyles
|
|
8221
|
+
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 ',
|
|
8247
8222
|
onClick: function onClick() {
|
|
8248
8223
|
setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8249
8224
|
}
|
|
8250
8225
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8251
|
-
className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8226
|
+
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 '
|
|
8252
8227
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
8253
8228
|
className: "h-100 d-flex align-items-center"
|
|
8254
8229
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8255
8230
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8256
8231
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
8257
|
-
className: "".concat(filterstyles
|
|
8232
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
8258
8233
|
style: {
|
|
8259
8234
|
color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
|
|
8260
8235
|
}
|