tabexseriescomponents 0.0.410 → 0.0.411
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 +148 -31
- package/dist/index.esm.js +148 -31
- package/dist/index.umd.js +148 -31
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -14553,7 +14553,7 @@ var Filter$1 = function Filter(props) {
|
|
|
14553
14553
|
setCollectionFilterFunc(item.collectionid);
|
|
14554
14554
|
},
|
|
14555
14555
|
style: {
|
|
14556
|
-
color: item.isfilterselected == true ?
|
|
14556
|
+
color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
|
|
14557
14557
|
}
|
|
14558
14558
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14559
14559
|
"class": "col-lg-12 allcentered mb-2"
|
|
@@ -14565,7 +14565,7 @@ var Filter$1 = function Filter(props) {
|
|
|
14565
14565
|
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
14566
14566
|
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
14567
14567
|
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
14568
|
-
path: '/tr:w-' + sectionproperties.
|
|
14568
|
+
path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
|
|
14569
14569
|
style: {
|
|
14570
14570
|
width: '100%',
|
|
14571
14571
|
height: '100%',
|
|
@@ -15488,6 +15488,11 @@ var CardsSection = function CardsSection(props) {
|
|
|
15488
15488
|
} else {
|
|
15489
15489
|
cardobj.description = arrayItem.productinfo.description_ar;
|
|
15490
15490
|
}
|
|
15491
|
+
if (langdetect == 'en') {
|
|
15492
|
+
cardobj.shortdescription = arrayItem.short_description_en;
|
|
15493
|
+
} else {
|
|
15494
|
+
cardobj.shortdescription = arrayItem.short_description_ar;
|
|
15495
|
+
}
|
|
15491
15496
|
if (arrayItem.productinfo.hasvariants == 0) {
|
|
15492
15497
|
fetchcustomercartQueryContext.data.data.customercart.cartitems.forEach(function (cartitem, cartindex) {
|
|
15493
15498
|
if (cartitem.productid == arrayItem.productinfo.productid) {
|
|
@@ -15983,7 +15988,7 @@ var CardsSection = function CardsSection(props) {
|
|
|
15983
15988
|
size: sectionproperties.viewmoreiconfontsizeresp,
|
|
15984
15989
|
color: sectionproperties.viewmorebtn_Textcolor
|
|
15985
15990
|
})))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
15986
|
-
"class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
|
|
15991
|
+
"class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
|
|
15987
15992
|
onClick: function onClick() {
|
|
15988
15993
|
setopenFilterSlider(true);
|
|
15989
15994
|
// var element = document.getElementById('filterslider');
|
|
@@ -18026,7 +18031,7 @@ var Subheader = function Subheader(props) {
|
|
|
18026
18031
|
function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18027
18032
|
function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18028
18033
|
var Headerresponsive = function Headerresponsive(props) {
|
|
18029
|
-
var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5,
|
|
18034
|
+
var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery2, _authdetailsContext$i9;
|
|
18030
18035
|
var actions = props.actions;
|
|
18031
18036
|
var LogoutMutationContext = props.actions.LogoutMutationContext;
|
|
18032
18037
|
var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
|
|
@@ -18053,23 +18058,27 @@ var Headerresponsive = function Headerresponsive(props) {
|
|
|
18053
18058
|
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
18054
18059
|
Choosenindex = _useState4[0],
|
|
18055
18060
|
setChoosenindex = _useState4[1];
|
|
18061
|
+
var _useState5 = React.useState([]),
|
|
18062
|
+
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
18063
|
+
pcollarray = _useState6[0],
|
|
18064
|
+
setpcollarray = _useState6[1];
|
|
18056
18065
|
React.useEffect(function () {
|
|
18057
18066
|
if (props.sectionpropertiesprops != undefined) {
|
|
18058
18067
|
setsectionproperties(_objectSpread$1Y({}, props.sectionpropertiesprops));
|
|
18059
18068
|
}
|
|
18060
18069
|
}, [props.sectionpropertiesprops]);
|
|
18061
|
-
var
|
|
18062
|
-
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
18063
|
-
logoarrayofobjects = _useState6[0],
|
|
18064
|
-
setlogoarrayofobjects = _useState6[1];
|
|
18065
|
-
var _useState7 = React.useState(false),
|
|
18070
|
+
var _useState7 = React.useState([]),
|
|
18066
18071
|
_useState8 = _slicedToArray__default["default"](_useState7, 2),
|
|
18067
|
-
|
|
18068
|
-
|
|
18069
|
-
var _useState9 = React.useState(
|
|
18072
|
+
logoarrayofobjects = _useState8[0],
|
|
18073
|
+
setlogoarrayofobjects = _useState8[1];
|
|
18074
|
+
var _useState9 = React.useState(false),
|
|
18070
18075
|
_useState10 = _slicedToArray__default["default"](_useState9, 2),
|
|
18071
|
-
|
|
18072
|
-
|
|
18076
|
+
openCnvas = _useState10[0],
|
|
18077
|
+
setopenCnvas = _useState10[1];
|
|
18078
|
+
var _useState11 = React.useState(''),
|
|
18079
|
+
_useState12 = _slicedToArray__default["default"](_useState11, 2),
|
|
18080
|
+
activeTab = _useState12[0],
|
|
18081
|
+
setactiveTab = _useState12[1];
|
|
18073
18082
|
React.useEffect(function () {
|
|
18074
18083
|
if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
|
|
18075
18084
|
var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
|
|
@@ -18078,6 +18087,20 @@ var Headerresponsive = function Headerresponsive(props) {
|
|
|
18078
18087
|
}
|
|
18079
18088
|
}
|
|
18080
18089
|
}, [templateproperties_context]);
|
|
18090
|
+
React.useEffect(function () {
|
|
18091
|
+
if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
|
|
18092
|
+
var _fetchCategoriesQuery;
|
|
18093
|
+
var temppcollarray = _toConsumableArray__default["default"](pcollarray);
|
|
18094
|
+
fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
|
|
18095
|
+
arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
|
|
18096
|
+
if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
|
|
18097
|
+
temppcollarray.push(item);
|
|
18098
|
+
}
|
|
18099
|
+
});
|
|
18100
|
+
});
|
|
18101
|
+
setpcollarray(_toConsumableArray__default["default"](temppcollarray));
|
|
18102
|
+
}
|
|
18103
|
+
}, [fetchCategoriesQueryContext.isSuccess]);
|
|
18081
18104
|
var header_cssstyles = {
|
|
18082
18105
|
header_logo: glamor.css({
|
|
18083
18106
|
width: sectionproperties.logo_width + 'px',
|
|
@@ -19050,9 +19073,9 @@ var Headerresponsive = function Headerresponsive(props) {
|
|
|
19050
19073
|
}, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
|
|
19051
19074
|
allowMultipleExpanded: true,
|
|
19052
19075
|
allowZeroExpanded: true
|
|
19053
|
-
}, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (
|
|
19076
|
+
}, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
|
|
19054
19077
|
if (item.isshowntocustomers == 1) {
|
|
19055
|
-
var
|
|
19078
|
+
var _fetchCategoriesQuery3, _fetchCategoriesQuery4;
|
|
19056
19079
|
return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
|
|
19057
19080
|
uuid: index
|
|
19058
19081
|
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
|
|
@@ -19106,7 +19129,7 @@ var Headerresponsive = function Headerresponsive(props) {
|
|
|
19106
19129
|
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
|
|
19107
19130
|
allowMultipleExpanded: true,
|
|
19108
19131
|
allowZeroExpanded: true
|
|
19109
|
-
}, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (
|
|
19132
|
+
}, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.parentcolletions) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery4 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.categories[Choosenindex]) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.parentcolletions.map(function (pitem, pindex) {
|
|
19110
19133
|
if (pitem.isshowntocustomers == 1) {
|
|
19111
19134
|
return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
|
|
19112
19135
|
uuid: pindex
|
|
@@ -19200,6 +19223,81 @@ var Headerresponsive = function Headerresponsive(props) {
|
|
|
19200
19223
|
}
|
|
19201
19224
|
})));
|
|
19202
19225
|
}
|
|
19226
|
+
})), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
|
|
19227
|
+
allowMultipleExpanded: true,
|
|
19228
|
+
allowZeroExpanded: true
|
|
19229
|
+
}, pcollarray.map(function (item, index) {
|
|
19230
|
+
if (item.isshowntocustomers == 1) {
|
|
19231
|
+
var _item$collections;
|
|
19232
|
+
return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
|
|
19233
|
+
uuid: index
|
|
19234
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
|
|
19235
|
+
onClick: function onClick() {
|
|
19236
|
+
setChoosenindex(index);
|
|
19237
|
+
}
|
|
19238
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19239
|
+
className: ' row m-0 p-0 mb-2 '
|
|
19240
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19241
|
+
className: ' row m-0 w-100 px-3 '
|
|
19242
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19243
|
+
className: "col-10 p-0 text-start"
|
|
19244
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
19245
|
+
className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
|
|
19246
|
+
}, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19247
|
+
className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
|
|
19248
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
|
|
19249
|
+
if (state.expanded == true) {
|
|
19250
|
+
return /*#__PURE__*/React__default["default"].createElement("i", {
|
|
19251
|
+
className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
19252
|
+
}, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
|
|
19253
|
+
style: {
|
|
19254
|
+
color: '#000',
|
|
19255
|
+
fontSize: 15
|
|
19256
|
+
}
|
|
19257
|
+
}));
|
|
19258
|
+
} else {
|
|
19259
|
+
return /*#__PURE__*/React__default["default"].createElement("i", {
|
|
19260
|
+
className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
19261
|
+
}, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
|
|
19262
|
+
style: {
|
|
19263
|
+
color: '#000',
|
|
19264
|
+
fontSize: 15
|
|
19265
|
+
}
|
|
19266
|
+
}));
|
|
19267
|
+
}
|
|
19268
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19269
|
+
className: "col-lg-12 p-0"
|
|
19270
|
+
}, /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
19271
|
+
className: "mt-4 mb-4",
|
|
19272
|
+
style: {
|
|
19273
|
+
borderColor: sectionproperties.resp_header_separatorbg
|
|
19274
|
+
}
|
|
19275
|
+
}))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
|
|
19276
|
+
className: "p-0"
|
|
19277
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19278
|
+
className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
|
|
19279
|
+
}, (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
|
|
19280
|
+
if (collitem.isshowntocustomers == 1) {
|
|
19281
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19282
|
+
className: ' row m-0 p-0 mb-2 w-100 '
|
|
19283
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19284
|
+
className: "col-12 text-start px-4",
|
|
19285
|
+
onClick: function onClick() {
|
|
19286
|
+
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
|
|
19287
|
+
}
|
|
19288
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
19289
|
+
className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
|
|
19290
|
+
}, langdetect == 'en' ? collitem.title_en : collitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19291
|
+
className: "col-lg-12 p-0"
|
|
19292
|
+
}, /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
19293
|
+
className: "mt-4 mb-4",
|
|
19294
|
+
style: {
|
|
19295
|
+
borderColor: sectionproperties.resp_header_separatorbg
|
|
19296
|
+
}
|
|
19297
|
+
})));
|
|
19298
|
+
}
|
|
19299
|
+
}))));
|
|
19300
|
+
}
|
|
19203
19301
|
})))))));
|
|
19204
19302
|
};
|
|
19205
19303
|
|
|
@@ -26329,7 +26427,13 @@ var Simpleheader = function Simpleheader(props) {
|
|
|
26329
26427
|
marginTop: sectionproperties.header_marginTop + 'px',
|
|
26330
26428
|
marginBottom: sectionproperties.header_marginBottom + 'px'
|
|
26331
26429
|
}
|
|
26332
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26430
|
+
}, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26431
|
+
"class": "col-lg-12 p-0"
|
|
26432
|
+
}, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
|
|
26433
|
+
sectionpropertiesprops: sectionproperties,
|
|
26434
|
+
templateproperties_contextprops: templateproperties_context,
|
|
26435
|
+
actions: actions
|
|
26436
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26333
26437
|
"class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
|
|
26334
26438
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26335
26439
|
"class": "row m-0 w-100 "
|
|
@@ -26403,8 +26507,8 @@ var Simpleheader = function Simpleheader(props) {
|
|
|
26403
26507
|
actions: actions,
|
|
26404
26508
|
subheaderpropertiesprops: {
|
|
26405
26509
|
subheaderpositionprops: 'in nav',
|
|
26406
|
-
paddingLeftprops: '
|
|
26407
|
-
paddingRightprops: '
|
|
26510
|
+
paddingLeftprops: '10px',
|
|
26511
|
+
paddingRightprops: '10px',
|
|
26408
26512
|
subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
|
|
26409
26513
|
}
|
|
26410
26514
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -26685,6 +26789,9 @@ var Simpleheader = function Simpleheader(props) {
|
|
|
26685
26789
|
})))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
|
|
26686
26790
|
sectionpropertiesprops: sectionproperties,
|
|
26687
26791
|
actions: actions
|
|
26792
|
+
}), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
|
|
26793
|
+
sectionpropertiesprops: sectionproperties,
|
|
26794
|
+
actions: actions
|
|
26688
26795
|
}), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
|
|
26689
26796
|
sectionpropertiesprops: sectionproperties,
|
|
26690
26797
|
actions: actions
|
|
@@ -61753,15 +61860,17 @@ var Card23 = function Card23(props) {
|
|
|
61753
61860
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
61754
61861
|
"class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
|
|
61755
61862
|
style: {
|
|
61756
|
-
height: sectionproperties.image_height + 'px'
|
|
61863
|
+
height: sectionproperties.image_height + 'px',
|
|
61864
|
+
marginBottom: sectionproperties.image_mb + 'px'
|
|
61757
61865
|
}
|
|
61758
61866
|
}, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
61759
61867
|
"class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
|
|
61760
61868
|
style: {
|
|
61761
|
-
height: sectionproperties.height_responsive + 'px'
|
|
61869
|
+
height: sectionproperties.height_responsive + 'px',
|
|
61870
|
+
marginBottom: sectionproperties.image_mb + 'px'
|
|
61762
61871
|
}
|
|
61763
61872
|
}, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
61764
|
-
"class": 'row m-0 w-100 pl-sm-2 pr-sm-2',
|
|
61873
|
+
"class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
|
|
61765
61874
|
style: {
|
|
61766
61875
|
paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
|
|
61767
61876
|
paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
|
|
@@ -61811,11 +61920,13 @@ var Card23 = function Card23(props) {
|
|
|
61811
61920
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
61812
61921
|
"class": "col-lg-12 p-0"
|
|
61813
61922
|
}, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
61814
|
-
"class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0
|
|
61923
|
+
"class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 ',
|
|
61815
61924
|
style: {
|
|
61816
|
-
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
61925
|
+
// textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
61926
|
+
textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
|
|
61927
|
+
marginBottom: sectionproperties.descriptionMarginBottom + 'px'
|
|
61817
61928
|
}
|
|
61818
|
-
}, plainString(
|
|
61929
|
+
}, plainString(item.shortdescription)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
61819
61930
|
"class": "col-lg-12 p-0 ",
|
|
61820
61931
|
style: {
|
|
61821
61932
|
minHeight: '6vh'
|
|
@@ -61824,15 +61935,21 @@ var Card23 = function Card23(props) {
|
|
|
61824
61935
|
onClick: function onClick() {
|
|
61825
61936
|
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
61826
61937
|
},
|
|
61827
|
-
"class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
|
|
61938
|
+
"class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
|
|
61828
61939
|
style: {
|
|
61829
|
-
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
61940
|
+
textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
|
|
61830
61941
|
}
|
|
61831
61942
|
}, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
61832
|
-
"class": "row m-0 w-100 align-items-center mt-1 mb-1"
|
|
61943
|
+
"class": "row m-0 w-100 align-items-center mt-1 mb-1",
|
|
61944
|
+
style: {
|
|
61945
|
+
flexDirection: sectionproperties.productnamecentered == 'Centered' ? 'column' : 'row'
|
|
61946
|
+
}
|
|
61833
61947
|
}, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
61834
|
-
"class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
|
|
61835
|
-
|
|
61948
|
+
"class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right ',
|
|
61949
|
+
style: {
|
|
61950
|
+
textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : ''
|
|
61951
|
+
}
|
|
61952
|
+
}, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.productnamecentered != 'Centered' && sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
61836
61953
|
"class": "".concat(cardsstyles2.productSalePricestyles)
|
|
61837
61954
|
}, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
61838
61955
|
"class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
|
package/dist/index.esm.js
CHANGED
|
@@ -14504,7 +14504,7 @@ var Filter$1 = function Filter(props) {
|
|
|
14504
14504
|
setCollectionFilterFunc(item.collectionid);
|
|
14505
14505
|
},
|
|
14506
14506
|
style: {
|
|
14507
|
-
color: item.isfilterselected == true ?
|
|
14507
|
+
color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
|
|
14508
14508
|
}
|
|
14509
14509
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14510
14510
|
"class": "col-lg-12 allcentered mb-2"
|
|
@@ -14516,7 +14516,7 @@ var Filter$1 = function Filter(props) {
|
|
|
14516
14516
|
}, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
|
|
14517
14517
|
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
14518
14518
|
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
14519
|
-
path: '/tr:w-' + sectionproperties.
|
|
14519
|
+
path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
|
|
14520
14520
|
style: {
|
|
14521
14521
|
width: '100%',
|
|
14522
14522
|
height: '100%',
|
|
@@ -15439,6 +15439,11 @@ var CardsSection = function CardsSection(props) {
|
|
|
15439
15439
|
} else {
|
|
15440
15440
|
cardobj.description = arrayItem.productinfo.description_ar;
|
|
15441
15441
|
}
|
|
15442
|
+
if (langdetect == 'en') {
|
|
15443
|
+
cardobj.shortdescription = arrayItem.short_description_en;
|
|
15444
|
+
} else {
|
|
15445
|
+
cardobj.shortdescription = arrayItem.short_description_ar;
|
|
15446
|
+
}
|
|
15442
15447
|
if (arrayItem.productinfo.hasvariants == 0) {
|
|
15443
15448
|
fetchcustomercartQueryContext.data.data.customercart.cartitems.forEach(function (cartitem, cartindex) {
|
|
15444
15449
|
if (cartitem.productid == arrayItem.productinfo.productid) {
|
|
@@ -15934,7 +15939,7 @@ var CardsSection = function CardsSection(props) {
|
|
|
15934
15939
|
size: sectionproperties.viewmoreiconfontsizeresp,
|
|
15935
15940
|
color: sectionproperties.viewmorebtn_Textcolor
|
|
15936
15941
|
})))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React.createElement("button", {
|
|
15937
|
-
"class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
|
|
15942
|
+
"class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
|
|
15938
15943
|
onClick: function onClick() {
|
|
15939
15944
|
setopenFilterSlider(true);
|
|
15940
15945
|
// var element = document.getElementById('filterslider');
|
|
@@ -17977,7 +17982,7 @@ var Subheader = function Subheader(props) {
|
|
|
17977
17982
|
function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17978
17983
|
function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17979
17984
|
var Headerresponsive = function Headerresponsive(props) {
|
|
17980
|
-
var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5,
|
|
17985
|
+
var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery2, _authdetailsContext$i9;
|
|
17981
17986
|
var actions = props.actions;
|
|
17982
17987
|
var LogoutMutationContext = props.actions.LogoutMutationContext;
|
|
17983
17988
|
var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
|
|
@@ -18004,23 +18009,27 @@ var Headerresponsive = function Headerresponsive(props) {
|
|
|
18004
18009
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
18005
18010
|
Choosenindex = _useState4[0],
|
|
18006
18011
|
setChoosenindex = _useState4[1];
|
|
18012
|
+
var _useState5 = useState([]),
|
|
18013
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
18014
|
+
pcollarray = _useState6[0],
|
|
18015
|
+
setpcollarray = _useState6[1];
|
|
18007
18016
|
useEffect(function () {
|
|
18008
18017
|
if (props.sectionpropertiesprops != undefined) {
|
|
18009
18018
|
setsectionproperties(_objectSpread$1Y({}, props.sectionpropertiesprops));
|
|
18010
18019
|
}
|
|
18011
18020
|
}, [props.sectionpropertiesprops]);
|
|
18012
|
-
var
|
|
18013
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
18014
|
-
logoarrayofobjects = _useState6[0],
|
|
18015
|
-
setlogoarrayofobjects = _useState6[1];
|
|
18016
|
-
var _useState7 = useState(false),
|
|
18021
|
+
var _useState7 = useState([]),
|
|
18017
18022
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
18018
|
-
|
|
18019
|
-
|
|
18020
|
-
var _useState9 = useState(
|
|
18023
|
+
logoarrayofobjects = _useState8[0],
|
|
18024
|
+
setlogoarrayofobjects = _useState8[1];
|
|
18025
|
+
var _useState9 = useState(false),
|
|
18021
18026
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
18022
|
-
|
|
18023
|
-
|
|
18027
|
+
openCnvas = _useState10[0],
|
|
18028
|
+
setopenCnvas = _useState10[1];
|
|
18029
|
+
var _useState11 = useState(''),
|
|
18030
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
18031
|
+
activeTab = _useState12[0],
|
|
18032
|
+
setactiveTab = _useState12[1];
|
|
18024
18033
|
useEffect(function () {
|
|
18025
18034
|
if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
|
|
18026
18035
|
var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
|
|
@@ -18029,6 +18038,20 @@ var Headerresponsive = function Headerresponsive(props) {
|
|
|
18029
18038
|
}
|
|
18030
18039
|
}
|
|
18031
18040
|
}, [templateproperties_context]);
|
|
18041
|
+
useEffect(function () {
|
|
18042
|
+
if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
|
|
18043
|
+
var _fetchCategoriesQuery;
|
|
18044
|
+
var temppcollarray = _toConsumableArray(pcollarray);
|
|
18045
|
+
fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
|
|
18046
|
+
arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
|
|
18047
|
+
if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
|
|
18048
|
+
temppcollarray.push(item);
|
|
18049
|
+
}
|
|
18050
|
+
});
|
|
18051
|
+
});
|
|
18052
|
+
setpcollarray(_toConsumableArray(temppcollarray));
|
|
18053
|
+
}
|
|
18054
|
+
}, [fetchCategoriesQueryContext.isSuccess]);
|
|
18032
18055
|
var header_cssstyles = {
|
|
18033
18056
|
header_logo: css({
|
|
18034
18057
|
width: sectionproperties.logo_width + 'px',
|
|
@@ -19001,9 +19024,9 @@ var Headerresponsive = function Headerresponsive(props) {
|
|
|
19001
19024
|
}, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React.createElement(Accordion, {
|
|
19002
19025
|
allowMultipleExpanded: true,
|
|
19003
19026
|
allowZeroExpanded: true
|
|
19004
|
-
}, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (
|
|
19027
|
+
}, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
|
|
19005
19028
|
if (item.isshowntocustomers == 1) {
|
|
19006
|
-
var
|
|
19029
|
+
var _fetchCategoriesQuery3, _fetchCategoriesQuery4;
|
|
19007
19030
|
return /*#__PURE__*/React.createElement(AccordionItem, {
|
|
19008
19031
|
uuid: index
|
|
19009
19032
|
}, /*#__PURE__*/React.createElement(AccordionItemHeading, {
|
|
@@ -19057,7 +19080,7 @@ var Headerresponsive = function Headerresponsive(props) {
|
|
|
19057
19080
|
}, /*#__PURE__*/React.createElement(Accordion, {
|
|
19058
19081
|
allowMultipleExpanded: true,
|
|
19059
19082
|
allowZeroExpanded: true
|
|
19060
|
-
}, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (
|
|
19083
|
+
}, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.parentcolletions) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery4 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.categories[Choosenindex]) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.parentcolletions.map(function (pitem, pindex) {
|
|
19061
19084
|
if (pitem.isshowntocustomers == 1) {
|
|
19062
19085
|
return /*#__PURE__*/React.createElement(AccordionItem, {
|
|
19063
19086
|
uuid: pindex
|
|
@@ -19151,6 +19174,81 @@ var Headerresponsive = function Headerresponsive(props) {
|
|
|
19151
19174
|
}
|
|
19152
19175
|
})));
|
|
19153
19176
|
}
|
|
19177
|
+
})), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React.createElement(Accordion, {
|
|
19178
|
+
allowMultipleExpanded: true,
|
|
19179
|
+
allowZeroExpanded: true
|
|
19180
|
+
}, pcollarray.map(function (item, index) {
|
|
19181
|
+
if (item.isshowntocustomers == 1) {
|
|
19182
|
+
var _item$collections;
|
|
19183
|
+
return /*#__PURE__*/React.createElement(AccordionItem, {
|
|
19184
|
+
uuid: index
|
|
19185
|
+
}, /*#__PURE__*/React.createElement(AccordionItemHeading, {
|
|
19186
|
+
onClick: function onClick() {
|
|
19187
|
+
setChoosenindex(index);
|
|
19188
|
+
}
|
|
19189
|
+
}, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
|
|
19190
|
+
className: ' row m-0 p-0 mb-2 '
|
|
19191
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
19192
|
+
className: ' row m-0 w-100 px-3 '
|
|
19193
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
19194
|
+
className: "col-10 p-0 text-start"
|
|
19195
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
19196
|
+
className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
|
|
19197
|
+
}, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React.createElement("div", {
|
|
19198
|
+
className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
|
|
19199
|
+
}, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
|
|
19200
|
+
if (state.expanded == true) {
|
|
19201
|
+
return /*#__PURE__*/React.createElement("i", {
|
|
19202
|
+
className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
19203
|
+
}, /*#__PURE__*/React.createElement(FiChevronDown, {
|
|
19204
|
+
style: {
|
|
19205
|
+
color: '#000',
|
|
19206
|
+
fontSize: 15
|
|
19207
|
+
}
|
|
19208
|
+
}));
|
|
19209
|
+
} else {
|
|
19210
|
+
return /*#__PURE__*/React.createElement("i", {
|
|
19211
|
+
className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
19212
|
+
}, /*#__PURE__*/React.createElement(FiChevronUp, {
|
|
19213
|
+
style: {
|
|
19214
|
+
color: '#000',
|
|
19215
|
+
fontSize: 15
|
|
19216
|
+
}
|
|
19217
|
+
}));
|
|
19218
|
+
}
|
|
19219
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
19220
|
+
className: "col-lg-12 p-0"
|
|
19221
|
+
}, /*#__PURE__*/React.createElement("hr", {
|
|
19222
|
+
className: "mt-4 mb-4",
|
|
19223
|
+
style: {
|
|
19224
|
+
borderColor: sectionproperties.resp_header_separatorbg
|
|
19225
|
+
}
|
|
19226
|
+
}))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
|
|
19227
|
+
className: "p-0"
|
|
19228
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
19229
|
+
className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
|
|
19230
|
+
}, (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
|
|
19231
|
+
if (collitem.isshowntocustomers == 1) {
|
|
19232
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
19233
|
+
className: ' row m-0 p-0 mb-2 w-100 '
|
|
19234
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
19235
|
+
className: "col-12 text-start px-4",
|
|
19236
|
+
onClick: function onClick() {
|
|
19237
|
+
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
|
|
19238
|
+
}
|
|
19239
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
19240
|
+
className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
|
|
19241
|
+
}, langdetect == 'en' ? collitem.title_en : collitem.title_ar)), /*#__PURE__*/React.createElement("div", {
|
|
19242
|
+
className: "col-lg-12 p-0"
|
|
19243
|
+
}, /*#__PURE__*/React.createElement("hr", {
|
|
19244
|
+
className: "mt-4 mb-4",
|
|
19245
|
+
style: {
|
|
19246
|
+
borderColor: sectionproperties.resp_header_separatorbg
|
|
19247
|
+
}
|
|
19248
|
+
})));
|
|
19249
|
+
}
|
|
19250
|
+
}))));
|
|
19251
|
+
}
|
|
19154
19252
|
})))))));
|
|
19155
19253
|
};
|
|
19156
19254
|
|
|
@@ -26280,7 +26378,13 @@ var Simpleheader = function Simpleheader(props) {
|
|
|
26280
26378
|
marginTop: sectionproperties.header_marginTop + 'px',
|
|
26281
26379
|
marginBottom: sectionproperties.header_marginBottom + 'px'
|
|
26282
26380
|
}
|
|
26283
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
26381
|
+
}, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
26382
|
+
"class": "col-lg-12 p-0"
|
|
26383
|
+
}, /*#__PURE__*/React.createElement(MarqueeHeader, {
|
|
26384
|
+
sectionpropertiesprops: sectionproperties,
|
|
26385
|
+
templateproperties_contextprops: templateproperties_context,
|
|
26386
|
+
actions: actions
|
|
26387
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
26284
26388
|
"class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
|
|
26285
26389
|
}, /*#__PURE__*/React.createElement("div", {
|
|
26286
26390
|
"class": "row m-0 w-100 "
|
|
@@ -26354,8 +26458,8 @@ var Simpleheader = function Simpleheader(props) {
|
|
|
26354
26458
|
actions: actions,
|
|
26355
26459
|
subheaderpropertiesprops: {
|
|
26356
26460
|
subheaderpositionprops: 'in nav',
|
|
26357
|
-
paddingLeftprops: '
|
|
26358
|
-
paddingRightprops: '
|
|
26461
|
+
paddingLeftprops: '10px',
|
|
26462
|
+
paddingRightprops: '10px',
|
|
26359
26463
|
subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
|
|
26360
26464
|
}
|
|
26361
26465
|
})), /*#__PURE__*/React.createElement("div", {
|
|
@@ -26636,6 +26740,9 @@ var Simpleheader = function Simpleheader(props) {
|
|
|
26636
26740
|
})))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React.createElement(Headerresponsive, {
|
|
26637
26741
|
sectionpropertiesprops: sectionproperties,
|
|
26638
26742
|
actions: actions
|
|
26743
|
+
}), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React.createElement(Headerresponsive, {
|
|
26744
|
+
sectionpropertiesprops: sectionproperties,
|
|
26745
|
+
actions: actions
|
|
26639
26746
|
}), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
|
|
26640
26747
|
sectionpropertiesprops: sectionproperties,
|
|
26641
26748
|
actions: actions
|
|
@@ -61704,15 +61811,17 @@ var Card23 = function Card23(props) {
|
|
|
61704
61811
|
}, /*#__PURE__*/React.createElement("div", {
|
|
61705
61812
|
"class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
|
|
61706
61813
|
style: {
|
|
61707
|
-
height: sectionproperties.image_height + 'px'
|
|
61814
|
+
height: sectionproperties.image_height + 'px',
|
|
61815
|
+
marginBottom: sectionproperties.image_mb + 'px'
|
|
61708
61816
|
}
|
|
61709
61817
|
}, Image('normal')), /*#__PURE__*/React.createElement("div", {
|
|
61710
61818
|
"class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
|
|
61711
61819
|
style: {
|
|
61712
|
-
height: sectionproperties.height_responsive + 'px'
|
|
61820
|
+
height: sectionproperties.height_responsive + 'px',
|
|
61821
|
+
marginBottom: sectionproperties.image_mb + 'px'
|
|
61713
61822
|
}
|
|
61714
61823
|
}, Image('responsive')), /*#__PURE__*/React.createElement("div", {
|
|
61715
|
-
"class": 'row m-0 w-100 pl-sm-2 pr-sm-2',
|
|
61824
|
+
"class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
|
|
61716
61825
|
style: {
|
|
61717
61826
|
paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
|
|
61718
61827
|
paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
|
|
@@ -61762,11 +61871,13 @@ var Card23 = function Card23(props) {
|
|
|
61762
61871
|
})), /*#__PURE__*/React.createElement("div", {
|
|
61763
61872
|
"class": "col-lg-12 p-0"
|
|
61764
61873
|
}, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
61765
|
-
"class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0
|
|
61874
|
+
"class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 ',
|
|
61766
61875
|
style: {
|
|
61767
|
-
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
61876
|
+
// textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
61877
|
+
textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
|
|
61878
|
+
marginBottom: sectionproperties.descriptionMarginBottom + 'px'
|
|
61768
61879
|
}
|
|
61769
|
-
}, plainString(
|
|
61880
|
+
}, plainString(item.shortdescription)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
61770
61881
|
"class": "col-lg-12 p-0 ",
|
|
61771
61882
|
style: {
|
|
61772
61883
|
minHeight: '6vh'
|
|
@@ -61775,15 +61886,21 @@ var Card23 = function Card23(props) {
|
|
|
61775
61886
|
onClick: function onClick() {
|
|
61776
61887
|
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
61777
61888
|
},
|
|
61778
|
-
"class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
|
|
61889
|
+
"class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
|
|
61779
61890
|
style: {
|
|
61780
|
-
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
61891
|
+
textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
|
|
61781
61892
|
}
|
|
61782
61893
|
}, item.name))), /*#__PURE__*/React.createElement("div", {
|
|
61783
|
-
"class": "row m-0 w-100 align-items-center mt-1 mb-1"
|
|
61894
|
+
"class": "row m-0 w-100 align-items-center mt-1 mb-1",
|
|
61895
|
+
style: {
|
|
61896
|
+
flexDirection: sectionproperties.productnamecentered == 'Centered' ? 'column' : 'row'
|
|
61897
|
+
}
|
|
61784
61898
|
}, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
61785
|
-
"class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
|
|
61786
|
-
|
|
61899
|
+
"class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right ',
|
|
61900
|
+
style: {
|
|
61901
|
+
textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : ''
|
|
61902
|
+
}
|
|
61903
|
+
}, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.productnamecentered != 'Centered' && sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("span", {
|
|
61787
61904
|
"class": "".concat(cardsstyles2.productSalePricestyles)
|
|
61788
61905
|
}, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
|
|
61789
61906
|
"class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
|
package/dist/index.umd.js
CHANGED
|
@@ -14385,7 +14385,7 @@
|
|
|
14385
14385
|
setCollectionFilterFunc(item.collectionid);
|
|
14386
14386
|
},
|
|
14387
14387
|
style: {
|
|
14388
|
-
color: item.isfilterselected == true ?
|
|
14388
|
+
color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
|
|
14389
14389
|
}
|
|
14390
14390
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14391
14391
|
"class": "col-lg-12 allcentered mb-2"
|
|
@@ -14397,7 +14397,7 @@
|
|
|
14397
14397
|
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
14398
14398
|
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
14399
14399
|
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
14400
|
-
path: '/tr:w-' + sectionproperties.
|
|
14400
|
+
path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
|
|
14401
14401
|
style: {
|
|
14402
14402
|
width: '100%',
|
|
14403
14403
|
height: '100%',
|
|
@@ -15320,6 +15320,11 @@
|
|
|
15320
15320
|
} else {
|
|
15321
15321
|
cardobj.description = arrayItem.productinfo.description_ar;
|
|
15322
15322
|
}
|
|
15323
|
+
if (langdetect == 'en') {
|
|
15324
|
+
cardobj.shortdescription = arrayItem.short_description_en;
|
|
15325
|
+
} else {
|
|
15326
|
+
cardobj.shortdescription = arrayItem.short_description_ar;
|
|
15327
|
+
}
|
|
15323
15328
|
if (arrayItem.productinfo.hasvariants == 0) {
|
|
15324
15329
|
fetchcustomercartQueryContext.data.data.customercart.cartitems.forEach(function (cartitem, cartindex) {
|
|
15325
15330
|
if (cartitem.productid == arrayItem.productinfo.productid) {
|
|
@@ -15815,7 +15820,7 @@
|
|
|
15815
15820
|
size: sectionproperties.viewmoreiconfontsizeresp,
|
|
15816
15821
|
color: sectionproperties.viewmorebtn_Textcolor
|
|
15817
15822
|
})))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
15818
|
-
"class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
|
|
15823
|
+
"class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
|
|
15819
15824
|
onClick: function onClick() {
|
|
15820
15825
|
setopenFilterSlider(true);
|
|
15821
15826
|
// var element = document.getElementById('filterslider');
|
|
@@ -17858,7 +17863,7 @@
|
|
|
17858
17863
|
function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17859
17864
|
function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17860
17865
|
var Headerresponsive = function Headerresponsive(props) {
|
|
17861
|
-
var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5,
|
|
17866
|
+
var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery2, _authdetailsContext$i9;
|
|
17862
17867
|
var actions = props.actions;
|
|
17863
17868
|
var LogoutMutationContext = props.actions.LogoutMutationContext;
|
|
17864
17869
|
var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
|
|
@@ -17885,23 +17890,27 @@
|
|
|
17885
17890
|
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
17886
17891
|
Choosenindex = _useState4[0],
|
|
17887
17892
|
setChoosenindex = _useState4[1];
|
|
17893
|
+
var _useState5 = React.useState([]),
|
|
17894
|
+
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
17895
|
+
pcollarray = _useState6[0],
|
|
17896
|
+
setpcollarray = _useState6[1];
|
|
17888
17897
|
React.useEffect(function () {
|
|
17889
17898
|
if (props.sectionpropertiesprops != undefined) {
|
|
17890
17899
|
setsectionproperties(_objectSpread$1Y({}, props.sectionpropertiesprops));
|
|
17891
17900
|
}
|
|
17892
17901
|
}, [props.sectionpropertiesprops]);
|
|
17893
|
-
var
|
|
17894
|
-
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
17895
|
-
logoarrayofobjects = _useState6[0],
|
|
17896
|
-
setlogoarrayofobjects = _useState6[1];
|
|
17897
|
-
var _useState7 = React.useState(false),
|
|
17902
|
+
var _useState7 = React.useState([]),
|
|
17898
17903
|
_useState8 = _slicedToArray__default["default"](_useState7, 2),
|
|
17899
|
-
|
|
17900
|
-
|
|
17901
|
-
var _useState9 = React.useState(
|
|
17904
|
+
logoarrayofobjects = _useState8[0],
|
|
17905
|
+
setlogoarrayofobjects = _useState8[1];
|
|
17906
|
+
var _useState9 = React.useState(false),
|
|
17902
17907
|
_useState10 = _slicedToArray__default["default"](_useState9, 2),
|
|
17903
|
-
|
|
17904
|
-
|
|
17908
|
+
openCnvas = _useState10[0],
|
|
17909
|
+
setopenCnvas = _useState10[1];
|
|
17910
|
+
var _useState11 = React.useState(''),
|
|
17911
|
+
_useState12 = _slicedToArray__default["default"](_useState11, 2),
|
|
17912
|
+
activeTab = _useState12[0],
|
|
17913
|
+
setactiveTab = _useState12[1];
|
|
17905
17914
|
React.useEffect(function () {
|
|
17906
17915
|
if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
|
|
17907
17916
|
var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
|
|
@@ -17910,6 +17919,20 @@
|
|
|
17910
17919
|
}
|
|
17911
17920
|
}
|
|
17912
17921
|
}, [templateproperties_context]);
|
|
17922
|
+
React.useEffect(function () {
|
|
17923
|
+
if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
|
|
17924
|
+
var _fetchCategoriesQuery;
|
|
17925
|
+
var temppcollarray = _toConsumableArray__default["default"](pcollarray);
|
|
17926
|
+
fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
|
|
17927
|
+
arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
|
|
17928
|
+
if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
|
|
17929
|
+
temppcollarray.push(item);
|
|
17930
|
+
}
|
|
17931
|
+
});
|
|
17932
|
+
});
|
|
17933
|
+
setpcollarray(_toConsumableArray__default["default"](temppcollarray));
|
|
17934
|
+
}
|
|
17935
|
+
}, [fetchCategoriesQueryContext.isSuccess]);
|
|
17913
17936
|
var header_cssstyles = {
|
|
17914
17937
|
header_logo: glamor.css({
|
|
17915
17938
|
width: sectionproperties.logo_width + 'px',
|
|
@@ -18882,9 +18905,9 @@
|
|
|
18882
18905
|
}, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
|
|
18883
18906
|
allowMultipleExpanded: true,
|
|
18884
18907
|
allowZeroExpanded: true
|
|
18885
|
-
}, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (
|
|
18908
|
+
}, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
|
|
18886
18909
|
if (item.isshowntocustomers == 1) {
|
|
18887
|
-
var
|
|
18910
|
+
var _fetchCategoriesQuery3, _fetchCategoriesQuery4;
|
|
18888
18911
|
return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
|
|
18889
18912
|
uuid: index
|
|
18890
18913
|
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
|
|
@@ -18938,7 +18961,7 @@
|
|
|
18938
18961
|
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
|
|
18939
18962
|
allowMultipleExpanded: true,
|
|
18940
18963
|
allowZeroExpanded: true
|
|
18941
|
-
}, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (
|
|
18964
|
+
}, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.parentcolletions) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery4 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.categories[Choosenindex]) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.parentcolletions.map(function (pitem, pindex) {
|
|
18942
18965
|
if (pitem.isshowntocustomers == 1) {
|
|
18943
18966
|
return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
|
|
18944
18967
|
uuid: pindex
|
|
@@ -19032,6 +19055,81 @@
|
|
|
19032
19055
|
}
|
|
19033
19056
|
})));
|
|
19034
19057
|
}
|
|
19058
|
+
})), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
|
|
19059
|
+
allowMultipleExpanded: true,
|
|
19060
|
+
allowZeroExpanded: true
|
|
19061
|
+
}, pcollarray.map(function (item, index) {
|
|
19062
|
+
if (item.isshowntocustomers == 1) {
|
|
19063
|
+
var _item$collections;
|
|
19064
|
+
return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
|
|
19065
|
+
uuid: index
|
|
19066
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
|
|
19067
|
+
onClick: function onClick() {
|
|
19068
|
+
setChoosenindex(index);
|
|
19069
|
+
}
|
|
19070
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19071
|
+
className: ' row m-0 p-0 mb-2 '
|
|
19072
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19073
|
+
className: ' row m-0 w-100 px-3 '
|
|
19074
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19075
|
+
className: "col-10 p-0 text-start"
|
|
19076
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
19077
|
+
className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
|
|
19078
|
+
}, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19079
|
+
className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
|
|
19080
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
|
|
19081
|
+
if (state.expanded == true) {
|
|
19082
|
+
return /*#__PURE__*/React__default["default"].createElement("i", {
|
|
19083
|
+
className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
19084
|
+
}, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
|
|
19085
|
+
style: {
|
|
19086
|
+
color: '#000',
|
|
19087
|
+
fontSize: 15
|
|
19088
|
+
}
|
|
19089
|
+
}));
|
|
19090
|
+
} else {
|
|
19091
|
+
return /*#__PURE__*/React__default["default"].createElement("i", {
|
|
19092
|
+
className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
19093
|
+
}, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
|
|
19094
|
+
style: {
|
|
19095
|
+
color: '#000',
|
|
19096
|
+
fontSize: 15
|
|
19097
|
+
}
|
|
19098
|
+
}));
|
|
19099
|
+
}
|
|
19100
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19101
|
+
className: "col-lg-12 p-0"
|
|
19102
|
+
}, /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
19103
|
+
className: "mt-4 mb-4",
|
|
19104
|
+
style: {
|
|
19105
|
+
borderColor: sectionproperties.resp_header_separatorbg
|
|
19106
|
+
}
|
|
19107
|
+
}))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
|
|
19108
|
+
className: "p-0"
|
|
19109
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19110
|
+
className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
|
|
19111
|
+
}, (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
|
|
19112
|
+
if (collitem.isshowntocustomers == 1) {
|
|
19113
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19114
|
+
className: ' row m-0 p-0 mb-2 w-100 '
|
|
19115
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19116
|
+
className: "col-12 text-start px-4",
|
|
19117
|
+
onClick: function onClick() {
|
|
19118
|
+
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
|
|
19119
|
+
}
|
|
19120
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
19121
|
+
className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
|
|
19122
|
+
}, langdetect == 'en' ? collitem.title_en : collitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19123
|
+
className: "col-lg-12 p-0"
|
|
19124
|
+
}, /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
19125
|
+
className: "mt-4 mb-4",
|
|
19126
|
+
style: {
|
|
19127
|
+
borderColor: sectionproperties.resp_header_separatorbg
|
|
19128
|
+
}
|
|
19129
|
+
})));
|
|
19130
|
+
}
|
|
19131
|
+
}))));
|
|
19132
|
+
}
|
|
19035
19133
|
})))))));
|
|
19036
19134
|
};
|
|
19037
19135
|
|
|
@@ -26161,7 +26259,13 @@
|
|
|
26161
26259
|
marginTop: sectionproperties.header_marginTop + 'px',
|
|
26162
26260
|
marginBottom: sectionproperties.header_marginBottom + 'px'
|
|
26163
26261
|
}
|
|
26164
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26262
|
+
}, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26263
|
+
"class": "col-lg-12 p-0"
|
|
26264
|
+
}, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
|
|
26265
|
+
sectionpropertiesprops: sectionproperties,
|
|
26266
|
+
templateproperties_contextprops: templateproperties_context,
|
|
26267
|
+
actions: actions
|
|
26268
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26165
26269
|
"class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
|
|
26166
26270
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26167
26271
|
"class": "row m-0 w-100 "
|
|
@@ -26235,8 +26339,8 @@
|
|
|
26235
26339
|
actions: actions,
|
|
26236
26340
|
subheaderpropertiesprops: {
|
|
26237
26341
|
subheaderpositionprops: 'in nav',
|
|
26238
|
-
paddingLeftprops: '
|
|
26239
|
-
paddingRightprops: '
|
|
26342
|
+
paddingLeftprops: '10px',
|
|
26343
|
+
paddingRightprops: '10px',
|
|
26240
26344
|
subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
|
|
26241
26345
|
}
|
|
26242
26346
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -26517,6 +26621,9 @@
|
|
|
26517
26621
|
})))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
|
|
26518
26622
|
sectionpropertiesprops: sectionproperties,
|
|
26519
26623
|
actions: actions
|
|
26624
|
+
}), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
|
|
26625
|
+
sectionpropertiesprops: sectionproperties,
|
|
26626
|
+
actions: actions
|
|
26520
26627
|
}), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
|
|
26521
26628
|
sectionpropertiesprops: sectionproperties,
|
|
26522
26629
|
actions: actions
|
|
@@ -61585,15 +61692,17 @@
|
|
|
61585
61692
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
61586
61693
|
"class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
|
|
61587
61694
|
style: {
|
|
61588
|
-
height: sectionproperties.image_height + 'px'
|
|
61695
|
+
height: sectionproperties.image_height + 'px',
|
|
61696
|
+
marginBottom: sectionproperties.image_mb + 'px'
|
|
61589
61697
|
}
|
|
61590
61698
|
}, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
61591
61699
|
"class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
|
|
61592
61700
|
style: {
|
|
61593
|
-
height: sectionproperties.height_responsive + 'px'
|
|
61701
|
+
height: sectionproperties.height_responsive + 'px',
|
|
61702
|
+
marginBottom: sectionproperties.image_mb + 'px'
|
|
61594
61703
|
}
|
|
61595
61704
|
}, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
61596
|
-
"class": 'row m-0 w-100 pl-sm-2 pr-sm-2',
|
|
61705
|
+
"class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
|
|
61597
61706
|
style: {
|
|
61598
61707
|
paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
|
|
61599
61708
|
paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
|
|
@@ -61643,11 +61752,13 @@
|
|
|
61643
61752
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
61644
61753
|
"class": "col-lg-12 p-0"
|
|
61645
61754
|
}, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
61646
|
-
"class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0
|
|
61755
|
+
"class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 ',
|
|
61647
61756
|
style: {
|
|
61648
|
-
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
61757
|
+
// textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
61758
|
+
textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
|
|
61759
|
+
marginBottom: sectionproperties.descriptionMarginBottom + 'px'
|
|
61649
61760
|
}
|
|
61650
|
-
}, plainString(
|
|
61761
|
+
}, plainString(item.shortdescription)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
61651
61762
|
"class": "col-lg-12 p-0 ",
|
|
61652
61763
|
style: {
|
|
61653
61764
|
minHeight: '6vh'
|
|
@@ -61656,15 +61767,21 @@
|
|
|
61656
61767
|
onClick: function onClick() {
|
|
61657
61768
|
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
61658
61769
|
},
|
|
61659
|
-
"class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
|
|
61770
|
+
"class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
|
|
61660
61771
|
style: {
|
|
61661
|
-
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
61772
|
+
textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
|
|
61662
61773
|
}
|
|
61663
61774
|
}, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
61664
|
-
"class": "row m-0 w-100 align-items-center mt-1 mb-1"
|
|
61775
|
+
"class": "row m-0 w-100 align-items-center mt-1 mb-1",
|
|
61776
|
+
style: {
|
|
61777
|
+
flexDirection: sectionproperties.productnamecentered == 'Centered' ? 'column' : 'row'
|
|
61778
|
+
}
|
|
61665
61779
|
}, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
61666
|
-
"class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
|
|
61667
|
-
|
|
61780
|
+
"class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right ',
|
|
61781
|
+
style: {
|
|
61782
|
+
textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : ''
|
|
61783
|
+
}
|
|
61784
|
+
}, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.productnamecentered != 'Centered' && sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
61668
61785
|
"class": "".concat(cardsstyles2.productSalePricestyles)
|
|
61669
61786
|
}, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
61670
61787
|
"class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
|