tabexseriescomponents 0.0.410 → 0.0.412

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +176 -32
  2. package/dist/index.esm.js +176 -32
  3. package/dist/index.umd.js +176 -32
  4. 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 ? 'red' : ''
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.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.collectionlogo,
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) {
@@ -15823,6 +15828,23 @@ var CardsSection = function CardsSection(props) {
15823
15828
  "class": section_cssstyles.line_right
15824
15829
  }));
15825
15830
  };
15831
+ var isCardsectionloading = function isCardsectionloading() {
15832
+ var isloading = false;
15833
+ if (fetchingtype == 'products') {
15834
+ if (fetchProductsQuery !== null && fetchProductsQuery !== void 0 && fetchProductsQuery.isFetching) {
15835
+ isloading = true;
15836
+ }
15837
+ } else if (fetchingtype == 'vendors') {
15838
+ if (FetchVendorsQuery !== null && FetchVendorsQuery !== void 0 && FetchVendorsQuery.isFetching) {
15839
+ isloading = true;
15840
+ }
15841
+ } else {
15842
+ if ((fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.isFetching) == true || (fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 ? void 0 : fetchcollectionsQueryContext.isFetching) == true) {
15843
+ isloading = true;
15844
+ }
15845
+ }
15846
+ return isloading;
15847
+ };
15826
15848
  var cardsrender = function cardsrender() {
15827
15849
  return /*#__PURE__*/React__default["default"].createElement("div", {
15828
15850
  "class": sectionproperties.showFilter == 'show' && sectionproperties.filterdirection == 'Vertical' ? sectionproperties.numofcols == '2' ? 'col-lg-10 col-md-12 col-sm-12 p-sm-0' : 'col-lg-9 col-md-12 col-sm-12 p-sm-0' : 'row m-0 w-100 p-sm-0'
@@ -15983,7 +16005,7 @@ var CardsSection = function CardsSection(props) {
15983
16005
  size: sectionproperties.viewmoreiconfontsizeresp,
15984
16006
  color: sectionproperties.viewmorebtn_Textcolor
15985
16007
  })))), 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 ',
16008
+ "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
16009
  onClick: function onClick() {
15988
16010
  setopenFilterSlider(true);
15989
16011
  // var element = document.getElementById('filterslider');
@@ -16014,7 +16036,17 @@ var CardsSection = function CardsSection(props) {
16014
16036
  actions: actions,
16015
16037
  openFilterSlider: openFilterSlider,
16016
16038
  setopenFilterSlider: setopenFilterSlider
16017
- }))), !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
16039
+ }))), isCardsectionloading() && /*#__PURE__*/React__default["default"].createElement("div", {
16040
+ "class": "col-lg-12 allcentered",
16041
+ style: {
16042
+ height: 100
16043
+ }
16044
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
16045
+ color: '#eeeeee',
16046
+ width: "30px",
16047
+ height: "30px",
16048
+ duration: "1s"
16049
+ })), !isCardsectionloading && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
16018
16050
  className: "row m-0 w-100 d-flex align-items-center",
16019
16051
  style: {
16020
16052
  height: '30vh'
@@ -18026,7 +18058,7 @@ var Subheader = function Subheader(props) {
18026
18058
  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
18059
  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
18060
  var Headerresponsive = function Headerresponsive(props) {
18029
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery, _authdetailsContext$i9;
18061
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery2, _authdetailsContext$i9;
18030
18062
  var actions = props.actions;
18031
18063
  var LogoutMutationContext = props.actions.LogoutMutationContext;
18032
18064
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -18053,23 +18085,27 @@ var Headerresponsive = function Headerresponsive(props) {
18053
18085
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
18054
18086
  Choosenindex = _useState4[0],
18055
18087
  setChoosenindex = _useState4[1];
18088
+ var _useState5 = React.useState([]),
18089
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
18090
+ pcollarray = _useState6[0],
18091
+ setpcollarray = _useState6[1];
18056
18092
  React.useEffect(function () {
18057
18093
  if (props.sectionpropertiesprops != undefined) {
18058
18094
  setsectionproperties(_objectSpread$1Y({}, props.sectionpropertiesprops));
18059
18095
  }
18060
18096
  }, [props.sectionpropertiesprops]);
18061
- var _useState5 = React.useState([]),
18062
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
18063
- logoarrayofobjects = _useState6[0],
18064
- setlogoarrayofobjects = _useState6[1];
18065
- var _useState7 = React.useState(false),
18097
+ var _useState7 = React.useState([]),
18066
18098
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
18067
- openCnvas = _useState8[0],
18068
- setopenCnvas = _useState8[1];
18069
- var _useState9 = React.useState(''),
18099
+ logoarrayofobjects = _useState8[0],
18100
+ setlogoarrayofobjects = _useState8[1];
18101
+ var _useState9 = React.useState(false),
18070
18102
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
18071
- activeTab = _useState10[0],
18072
- setactiveTab = _useState10[1];
18103
+ openCnvas = _useState10[0],
18104
+ setopenCnvas = _useState10[1];
18105
+ var _useState11 = React.useState(''),
18106
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
18107
+ activeTab = _useState12[0],
18108
+ setactiveTab = _useState12[1];
18073
18109
  React.useEffect(function () {
18074
18110
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
18075
18111
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -18078,6 +18114,20 @@ var Headerresponsive = function Headerresponsive(props) {
18078
18114
  }
18079
18115
  }
18080
18116
  }, [templateproperties_context]);
18117
+ React.useEffect(function () {
18118
+ if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
18119
+ var _fetchCategoriesQuery;
18120
+ var temppcollarray = _toConsumableArray__default["default"](pcollarray);
18121
+ fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
18122
+ arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
18123
+ if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
18124
+ temppcollarray.push(item);
18125
+ }
18126
+ });
18127
+ });
18128
+ setpcollarray(_toConsumableArray__default["default"](temppcollarray));
18129
+ }
18130
+ }, [fetchCategoriesQueryContext.isSuccess]);
18081
18131
  var header_cssstyles = {
18082
18132
  header_logo: glamor.css({
18083
18133
  width: sectionproperties.logo_width + 'px',
@@ -19050,9 +19100,9 @@ var Headerresponsive = function Headerresponsive(props) {
19050
19100
  }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
19051
19101
  allowMultipleExpanded: true,
19052
19102
  allowZeroExpanded: true
19053
- }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories.map(function (item, index) {
19103
+ }, 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
19104
  if (item.isshowntocustomers == 1) {
19055
- var _fetchCategoriesQuery2, _fetchCategoriesQuery3;
19105
+ var _fetchCategoriesQuery3, _fetchCategoriesQuery4;
19056
19106
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
19057
19107
  uuid: index
19058
19108
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
@@ -19106,7 +19156,7 @@ var Headerresponsive = function Headerresponsive(props) {
19106
19156
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
19107
19157
  allowMultipleExpanded: true,
19108
19158
  allowZeroExpanded: true
19109
- }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.categories[Choosenindex]) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.parentcolletions) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.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 ? void 0 : _fetchCategoriesQuery3.parentcolletions.map(function (pitem, pindex) {
19159
+ }, 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
19160
  if (pitem.isshowntocustomers == 1) {
19111
19161
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
19112
19162
  uuid: pindex
@@ -19200,6 +19250,81 @@ var Headerresponsive = function Headerresponsive(props) {
19200
19250
  }
19201
19251
  })));
19202
19252
  }
19253
+ })), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
19254
+ allowMultipleExpanded: true,
19255
+ allowZeroExpanded: true
19256
+ }, pcollarray.map(function (item, index) {
19257
+ if (item.isshowntocustomers == 1) {
19258
+ var _item$collections;
19259
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
19260
+ uuid: index
19261
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
19262
+ onClick: function onClick() {
19263
+ setChoosenindex(index);
19264
+ }
19265
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
19266
+ className: ' row m-0 p-0 mb-2 '
19267
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19268
+ className: ' row m-0 w-100 px-3 '
19269
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19270
+ className: "col-10 p-0 text-start"
19271
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
19272
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
19273
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
19274
+ className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
19275
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
19276
+ if (state.expanded == true) {
19277
+ return /*#__PURE__*/React__default["default"].createElement("i", {
19278
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
19279
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
19280
+ style: {
19281
+ color: '#000',
19282
+ fontSize: 15
19283
+ }
19284
+ }));
19285
+ } else {
19286
+ return /*#__PURE__*/React__default["default"].createElement("i", {
19287
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
19288
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
19289
+ style: {
19290
+ color: '#000',
19291
+ fontSize: 15
19292
+ }
19293
+ }));
19294
+ }
19295
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
19296
+ className: "col-lg-12 p-0"
19297
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
19298
+ className: "mt-4 mb-4",
19299
+ style: {
19300
+ borderColor: sectionproperties.resp_header_separatorbg
19301
+ }
19302
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
19303
+ className: "p-0"
19304
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19305
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
19306
+ }, (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
19307
+ if (collitem.isshowntocustomers == 1) {
19308
+ return /*#__PURE__*/React__default["default"].createElement("div", {
19309
+ className: ' row m-0 p-0 mb-2 w-100 '
19310
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19311
+ className: "col-12 text-start px-4",
19312
+ onClick: function onClick() {
19313
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
19314
+ }
19315
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
19316
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
19317
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
19318
+ className: "col-lg-12 p-0"
19319
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
19320
+ className: "mt-4 mb-4",
19321
+ style: {
19322
+ borderColor: sectionproperties.resp_header_separatorbg
19323
+ }
19324
+ })));
19325
+ }
19326
+ }))));
19327
+ }
19203
19328
  })))))));
19204
19329
  };
19205
19330
 
@@ -26329,7 +26454,13 @@ var Simpleheader = function Simpleheader(props) {
26329
26454
  marginTop: sectionproperties.header_marginTop + 'px',
26330
26455
  marginBottom: sectionproperties.header_marginBottom + 'px'
26331
26456
  }
26332
- }, /*#__PURE__*/React__default["default"].createElement("div", {
26457
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26458
+ "class": "col-lg-12 p-0"
26459
+ }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
26460
+ sectionpropertiesprops: sectionproperties,
26461
+ templateproperties_contextprops: templateproperties_context,
26462
+ actions: actions
26463
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
26333
26464
  "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
26334
26465
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26335
26466
  "class": "row m-0 w-100 "
@@ -26403,8 +26534,8 @@ var Simpleheader = function Simpleheader(props) {
26403
26534
  actions: actions,
26404
26535
  subheaderpropertiesprops: {
26405
26536
  subheaderpositionprops: 'in nav',
26406
- paddingLeftprops: '25px',
26407
- paddingRightprops: '25px',
26537
+ paddingLeftprops: '10px',
26538
+ paddingRightprops: '10px',
26408
26539
  subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
26409
26540
  }
26410
26541
  })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -26685,6 +26816,9 @@ var Simpleheader = function Simpleheader(props) {
26685
26816
  })))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
26686
26817
  sectionpropertiesprops: sectionproperties,
26687
26818
  actions: actions
26819
+ }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
26820
+ sectionpropertiesprops: sectionproperties,
26821
+ actions: actions
26688
26822
  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
26689
26823
  sectionpropertiesprops: sectionproperties,
26690
26824
  actions: actions
@@ -61753,15 +61887,17 @@ var Card23 = function Card23(props) {
61753
61887
  }, /*#__PURE__*/React__default["default"].createElement("div", {
61754
61888
  "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
61889
  style: {
61756
- height: sectionproperties.image_height + 'px'
61890
+ height: sectionproperties.image_height + 'px',
61891
+ marginBottom: sectionproperties.image_mb + 'px'
61757
61892
  }
61758
61893
  }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
61759
61894
  "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
61760
61895
  style: {
61761
- height: sectionproperties.height_responsive + 'px'
61896
+ height: sectionproperties.height_responsive + 'px',
61897
+ marginBottom: sectionproperties.image_mb + 'px'
61762
61898
  }
61763
61899
  }, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
61764
- "class": 'row m-0 w-100 pl-sm-2 pr-sm-2',
61900
+ "class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
61765
61901
  style: {
61766
61902
  paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
61767
61903
  paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -61811,11 +61947,13 @@ var Card23 = function Card23(props) {
61811
61947
  })), /*#__PURE__*/React__default["default"].createElement("div", {
61812
61948
  "class": "col-lg-12 p-0"
61813
61949
  }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
61814
- "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 m-0 ',
61950
+ "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 ',
61815
61951
  style: {
61816
- textAlign: langdetect == 'en' ? 'left' : 'right'
61952
+ // textAlign: langdetect == 'en' ? 'left' : 'right',
61953
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
61954
+ marginBottom: sectionproperties.descriptionMarginBottom + 'px'
61817
61955
  }
61818
- }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
61956
+ }, plainString(item.shortdescription)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
61819
61957
  "class": "col-lg-12 p-0 ",
61820
61958
  style: {
61821
61959
  minHeight: '6vh'
@@ -61824,15 +61962,21 @@ var Card23 = function Card23(props) {
61824
61962
  onClick: function onClick() {
61825
61963
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
61826
61964
  },
61827
- "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
61965
+ "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
61966
  style: {
61829
- textAlign: langdetect == 'en' ? 'left' : 'right'
61967
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
61830
61968
  }
61831
61969
  }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
61832
- "class": "row m-0 w-100 align-items-center mt-1 mb-1"
61970
+ "class": "row m-0 w-100 align-items-center mt-1 mb-1",
61971
+ style: {
61972
+ flexDirection: sectionproperties.productnamecentered == 'Centered' ? 'column' : 'row'
61973
+ }
61833
61974
  }, 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
- }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
61975
+ "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 ',
61976
+ style: {
61977
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : ''
61978
+ }
61979
+ }, 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
61980
  "class": "".concat(cardsstyles2.productSalePricestyles)
61837
61981
  }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
61838
61982
  "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 ? 'red' : ''
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.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.collectionlogo,
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) {
@@ -15774,6 +15779,23 @@ var CardsSection = function CardsSection(props) {
15774
15779
  "class": section_cssstyles.line_right
15775
15780
  }));
15776
15781
  };
15782
+ var isCardsectionloading = function isCardsectionloading() {
15783
+ var isloading = false;
15784
+ if (fetchingtype == 'products') {
15785
+ if (fetchProductsQuery !== null && fetchProductsQuery !== void 0 && fetchProductsQuery.isFetching) {
15786
+ isloading = true;
15787
+ }
15788
+ } else if (fetchingtype == 'vendors') {
15789
+ if (FetchVendorsQuery !== null && FetchVendorsQuery !== void 0 && FetchVendorsQuery.isFetching) {
15790
+ isloading = true;
15791
+ }
15792
+ } else {
15793
+ if ((fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.isFetching) == true || (fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 ? void 0 : fetchcollectionsQueryContext.isFetching) == true) {
15794
+ isloading = true;
15795
+ }
15796
+ }
15797
+ return isloading;
15798
+ };
15777
15799
  var cardsrender = function cardsrender() {
15778
15800
  return /*#__PURE__*/React.createElement("div", {
15779
15801
  "class": sectionproperties.showFilter == 'show' && sectionproperties.filterdirection == 'Vertical' ? sectionproperties.numofcols == '2' ? 'col-lg-10 col-md-12 col-sm-12 p-sm-0' : 'col-lg-9 col-md-12 col-sm-12 p-sm-0' : 'row m-0 w-100 p-sm-0'
@@ -15934,7 +15956,7 @@ var CardsSection = function CardsSection(props) {
15934
15956
  size: sectionproperties.viewmoreiconfontsizeresp,
15935
15957
  color: sectionproperties.viewmorebtn_Textcolor
15936
15958
  })))), 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 ',
15959
+ "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
15960
  onClick: function onClick() {
15939
15961
  setopenFilterSlider(true);
15940
15962
  // var element = document.getElementById('filterslider');
@@ -15965,7 +15987,17 @@ var CardsSection = function CardsSection(props) {
15965
15987
  actions: actions,
15966
15988
  openFilterSlider: openFilterSlider,
15967
15989
  setopenFilterSlider: setopenFilterSlider
15968
- }))), !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React.createElement("div", {
15990
+ }))), isCardsectionloading() && /*#__PURE__*/React.createElement("div", {
15991
+ "class": "col-lg-12 allcentered",
15992
+ style: {
15993
+ height: 100
15994
+ }
15995
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
15996
+ color: '#eeeeee',
15997
+ width: "30px",
15998
+ height: "30px",
15999
+ duration: "1s"
16000
+ })), !isCardsectionloading && cardsarray.length == 0 && /*#__PURE__*/React.createElement("div", {
15969
16001
  className: "row m-0 w-100 d-flex align-items-center",
15970
16002
  style: {
15971
16003
  height: '30vh'
@@ -17977,7 +18009,7 @@ var Subheader = function Subheader(props) {
17977
18009
  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
18010
  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
18011
  var Headerresponsive = function Headerresponsive(props) {
17980
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery, _authdetailsContext$i9;
18012
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery2, _authdetailsContext$i9;
17981
18013
  var actions = props.actions;
17982
18014
  var LogoutMutationContext = props.actions.LogoutMutationContext;
17983
18015
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -18004,23 +18036,27 @@ var Headerresponsive = function Headerresponsive(props) {
18004
18036
  _useState4 = _slicedToArray(_useState3, 2),
18005
18037
  Choosenindex = _useState4[0],
18006
18038
  setChoosenindex = _useState4[1];
18039
+ var _useState5 = useState([]),
18040
+ _useState6 = _slicedToArray(_useState5, 2),
18041
+ pcollarray = _useState6[0],
18042
+ setpcollarray = _useState6[1];
18007
18043
  useEffect(function () {
18008
18044
  if (props.sectionpropertiesprops != undefined) {
18009
18045
  setsectionproperties(_objectSpread$1Y({}, props.sectionpropertiesprops));
18010
18046
  }
18011
18047
  }, [props.sectionpropertiesprops]);
18012
- var _useState5 = useState([]),
18013
- _useState6 = _slicedToArray(_useState5, 2),
18014
- logoarrayofobjects = _useState6[0],
18015
- setlogoarrayofobjects = _useState6[1];
18016
- var _useState7 = useState(false),
18048
+ var _useState7 = useState([]),
18017
18049
  _useState8 = _slicedToArray(_useState7, 2),
18018
- openCnvas = _useState8[0],
18019
- setopenCnvas = _useState8[1];
18020
- var _useState9 = useState(''),
18050
+ logoarrayofobjects = _useState8[0],
18051
+ setlogoarrayofobjects = _useState8[1];
18052
+ var _useState9 = useState(false),
18021
18053
  _useState10 = _slicedToArray(_useState9, 2),
18022
- activeTab = _useState10[0],
18023
- setactiveTab = _useState10[1];
18054
+ openCnvas = _useState10[0],
18055
+ setopenCnvas = _useState10[1];
18056
+ var _useState11 = useState(''),
18057
+ _useState12 = _slicedToArray(_useState11, 2),
18058
+ activeTab = _useState12[0],
18059
+ setactiveTab = _useState12[1];
18024
18060
  useEffect(function () {
18025
18061
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
18026
18062
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -18029,6 +18065,20 @@ var Headerresponsive = function Headerresponsive(props) {
18029
18065
  }
18030
18066
  }
18031
18067
  }, [templateproperties_context]);
18068
+ useEffect(function () {
18069
+ if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
18070
+ var _fetchCategoriesQuery;
18071
+ var temppcollarray = _toConsumableArray(pcollarray);
18072
+ fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
18073
+ arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
18074
+ if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
18075
+ temppcollarray.push(item);
18076
+ }
18077
+ });
18078
+ });
18079
+ setpcollarray(_toConsumableArray(temppcollarray));
18080
+ }
18081
+ }, [fetchCategoriesQueryContext.isSuccess]);
18032
18082
  var header_cssstyles = {
18033
18083
  header_logo: css({
18034
18084
  width: sectionproperties.logo_width + 'px',
@@ -19001,9 +19051,9 @@ var Headerresponsive = function Headerresponsive(props) {
19001
19051
  }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React.createElement(Accordion, {
19002
19052
  allowMultipleExpanded: true,
19003
19053
  allowZeroExpanded: true
19004
- }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories.map(function (item, index) {
19054
+ }, 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
19055
  if (item.isshowntocustomers == 1) {
19006
- var _fetchCategoriesQuery2, _fetchCategoriesQuery3;
19056
+ var _fetchCategoriesQuery3, _fetchCategoriesQuery4;
19007
19057
  return /*#__PURE__*/React.createElement(AccordionItem, {
19008
19058
  uuid: index
19009
19059
  }, /*#__PURE__*/React.createElement(AccordionItemHeading, {
@@ -19057,7 +19107,7 @@ var Headerresponsive = function Headerresponsive(props) {
19057
19107
  }, /*#__PURE__*/React.createElement(Accordion, {
19058
19108
  allowMultipleExpanded: true,
19059
19109
  allowZeroExpanded: true
19060
- }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.categories[Choosenindex]) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.parentcolletions) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.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 ? void 0 : _fetchCategoriesQuery3.parentcolletions.map(function (pitem, pindex) {
19110
+ }, 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
19111
  if (pitem.isshowntocustomers == 1) {
19062
19112
  return /*#__PURE__*/React.createElement(AccordionItem, {
19063
19113
  uuid: pindex
@@ -19151,6 +19201,81 @@ var Headerresponsive = function Headerresponsive(props) {
19151
19201
  }
19152
19202
  })));
19153
19203
  }
19204
+ })), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React.createElement(Accordion, {
19205
+ allowMultipleExpanded: true,
19206
+ allowZeroExpanded: true
19207
+ }, pcollarray.map(function (item, index) {
19208
+ if (item.isshowntocustomers == 1) {
19209
+ var _item$collections;
19210
+ return /*#__PURE__*/React.createElement(AccordionItem, {
19211
+ uuid: index
19212
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, {
19213
+ onClick: function onClick() {
19214
+ setChoosenindex(index);
19215
+ }
19216
+ }, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
19217
+ className: ' row m-0 p-0 mb-2 '
19218
+ }, /*#__PURE__*/React.createElement("div", {
19219
+ className: ' row m-0 w-100 px-3 '
19220
+ }, /*#__PURE__*/React.createElement("div", {
19221
+ className: "col-10 p-0 text-start"
19222
+ }, /*#__PURE__*/React.createElement("p", {
19223
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
19224
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React.createElement("div", {
19225
+ className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
19226
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
19227
+ if (state.expanded == true) {
19228
+ return /*#__PURE__*/React.createElement("i", {
19229
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
19230
+ }, /*#__PURE__*/React.createElement(FiChevronDown, {
19231
+ style: {
19232
+ color: '#000',
19233
+ fontSize: 15
19234
+ }
19235
+ }));
19236
+ } else {
19237
+ return /*#__PURE__*/React.createElement("i", {
19238
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
19239
+ }, /*#__PURE__*/React.createElement(FiChevronUp, {
19240
+ style: {
19241
+ color: '#000',
19242
+ fontSize: 15
19243
+ }
19244
+ }));
19245
+ }
19246
+ }))), /*#__PURE__*/React.createElement("div", {
19247
+ className: "col-lg-12 p-0"
19248
+ }, /*#__PURE__*/React.createElement("hr", {
19249
+ className: "mt-4 mb-4",
19250
+ style: {
19251
+ borderColor: sectionproperties.resp_header_separatorbg
19252
+ }
19253
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
19254
+ className: "p-0"
19255
+ }, /*#__PURE__*/React.createElement("div", {
19256
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
19257
+ }, (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
19258
+ if (collitem.isshowntocustomers == 1) {
19259
+ return /*#__PURE__*/React.createElement("div", {
19260
+ className: ' row m-0 p-0 mb-2 w-100 '
19261
+ }, /*#__PURE__*/React.createElement("div", {
19262
+ className: "col-12 text-start px-4",
19263
+ onClick: function onClick() {
19264
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
19265
+ }
19266
+ }, /*#__PURE__*/React.createElement("p", {
19267
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
19268
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)), /*#__PURE__*/React.createElement("div", {
19269
+ className: "col-lg-12 p-0"
19270
+ }, /*#__PURE__*/React.createElement("hr", {
19271
+ className: "mt-4 mb-4",
19272
+ style: {
19273
+ borderColor: sectionproperties.resp_header_separatorbg
19274
+ }
19275
+ })));
19276
+ }
19277
+ }))));
19278
+ }
19154
19279
  })))))));
19155
19280
  };
19156
19281
 
@@ -26280,7 +26405,13 @@ var Simpleheader = function Simpleheader(props) {
26280
26405
  marginTop: sectionproperties.header_marginTop + 'px',
26281
26406
  marginBottom: sectionproperties.header_marginBottom + 'px'
26282
26407
  }
26283
- }, /*#__PURE__*/React.createElement("div", {
26408
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
26409
+ "class": "col-lg-12 p-0"
26410
+ }, /*#__PURE__*/React.createElement(MarqueeHeader, {
26411
+ sectionpropertiesprops: sectionproperties,
26412
+ templateproperties_contextprops: templateproperties_context,
26413
+ actions: actions
26414
+ })), /*#__PURE__*/React.createElement("div", {
26284
26415
  "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
26285
26416
  }, /*#__PURE__*/React.createElement("div", {
26286
26417
  "class": "row m-0 w-100 "
@@ -26354,8 +26485,8 @@ var Simpleheader = function Simpleheader(props) {
26354
26485
  actions: actions,
26355
26486
  subheaderpropertiesprops: {
26356
26487
  subheaderpositionprops: 'in nav',
26357
- paddingLeftprops: '25px',
26358
- paddingRightprops: '25px',
26488
+ paddingLeftprops: '10px',
26489
+ paddingRightprops: '10px',
26359
26490
  subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
26360
26491
  }
26361
26492
  })), /*#__PURE__*/React.createElement("div", {
@@ -26636,6 +26767,9 @@ var Simpleheader = function Simpleheader(props) {
26636
26767
  })))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React.createElement(Headerresponsive, {
26637
26768
  sectionpropertiesprops: sectionproperties,
26638
26769
  actions: actions
26770
+ }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React.createElement(Headerresponsive, {
26771
+ sectionpropertiesprops: sectionproperties,
26772
+ actions: actions
26639
26773
  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
26640
26774
  sectionpropertiesprops: sectionproperties,
26641
26775
  actions: actions
@@ -61704,15 +61838,17 @@ var Card23 = function Card23(props) {
61704
61838
  }, /*#__PURE__*/React.createElement("div", {
61705
61839
  "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
61840
  style: {
61707
- height: sectionproperties.image_height + 'px'
61841
+ height: sectionproperties.image_height + 'px',
61842
+ marginBottom: sectionproperties.image_mb + 'px'
61708
61843
  }
61709
61844
  }, Image('normal')), /*#__PURE__*/React.createElement("div", {
61710
61845
  "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
61711
61846
  style: {
61712
- height: sectionproperties.height_responsive + 'px'
61847
+ height: sectionproperties.height_responsive + 'px',
61848
+ marginBottom: sectionproperties.image_mb + 'px'
61713
61849
  }
61714
61850
  }, Image('responsive')), /*#__PURE__*/React.createElement("div", {
61715
- "class": 'row m-0 w-100 pl-sm-2 pr-sm-2',
61851
+ "class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
61716
61852
  style: {
61717
61853
  paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
61718
61854
  paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -61762,11 +61898,13 @@ var Card23 = function Card23(props) {
61762
61898
  })), /*#__PURE__*/React.createElement("div", {
61763
61899
  "class": "col-lg-12 p-0"
61764
61900
  }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("p", {
61765
- "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 m-0 ',
61901
+ "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 ',
61766
61902
  style: {
61767
- textAlign: langdetect == 'en' ? 'left' : 'right'
61903
+ // textAlign: langdetect == 'en' ? 'left' : 'right',
61904
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
61905
+ marginBottom: sectionproperties.descriptionMarginBottom + 'px'
61768
61906
  }
61769
- }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
61907
+ }, plainString(item.shortdescription)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
61770
61908
  "class": "col-lg-12 p-0 ",
61771
61909
  style: {
61772
61910
  minHeight: '6vh'
@@ -61775,15 +61913,21 @@ var Card23 = function Card23(props) {
61775
61913
  onClick: function onClick() {
61776
61914
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
61777
61915
  },
61778
- "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
61916
+ "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
61917
  style: {
61780
- textAlign: langdetect == 'en' ? 'left' : 'right'
61918
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
61781
61919
  }
61782
61920
  }, item.name))), /*#__PURE__*/React.createElement("div", {
61783
- "class": "row m-0 w-100 align-items-center mt-1 mb-1"
61921
+ "class": "row m-0 w-100 align-items-center mt-1 mb-1",
61922
+ style: {
61923
+ flexDirection: sectionproperties.productnamecentered == 'Centered' ? 'column' : 'row'
61924
+ }
61784
61925
  }, 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
- }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("span", {
61926
+ "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 ',
61927
+ style: {
61928
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : ''
61929
+ }
61930
+ }, 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
61931
  "class": "".concat(cardsstyles2.productSalePricestyles)
61788
61932
  }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
61789
61933
  "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 ? 'red' : ''
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.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.collectionlogo,
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) {
@@ -15655,6 +15660,23 @@
15655
15660
  "class": section_cssstyles.line_right
15656
15661
  }));
15657
15662
  };
15663
+ var isCardsectionloading = function isCardsectionloading() {
15664
+ var isloading = false;
15665
+ if (fetchingtype == 'products') {
15666
+ if (fetchProductsQuery !== null && fetchProductsQuery !== void 0 && fetchProductsQuery.isFetching) {
15667
+ isloading = true;
15668
+ }
15669
+ } else if (fetchingtype == 'vendors') {
15670
+ if (FetchVendorsQuery !== null && FetchVendorsQuery !== void 0 && FetchVendorsQuery.isFetching) {
15671
+ isloading = true;
15672
+ }
15673
+ } else {
15674
+ if ((fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.isFetching) == true || (fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 ? void 0 : fetchcollectionsQueryContext.isFetching) == true) {
15675
+ isloading = true;
15676
+ }
15677
+ }
15678
+ return isloading;
15679
+ };
15658
15680
  var cardsrender = function cardsrender() {
15659
15681
  return /*#__PURE__*/React__default["default"].createElement("div", {
15660
15682
  "class": sectionproperties.showFilter == 'show' && sectionproperties.filterdirection == 'Vertical' ? sectionproperties.numofcols == '2' ? 'col-lg-10 col-md-12 col-sm-12 p-sm-0' : 'col-lg-9 col-md-12 col-sm-12 p-sm-0' : 'row m-0 w-100 p-sm-0'
@@ -15815,7 +15837,7 @@
15815
15837
  size: sectionproperties.viewmoreiconfontsizeresp,
15816
15838
  color: sectionproperties.viewmorebtn_Textcolor
15817
15839
  })))), 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 ',
15840
+ "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
15841
  onClick: function onClick() {
15820
15842
  setopenFilterSlider(true);
15821
15843
  // var element = document.getElementById('filterslider');
@@ -15846,7 +15868,17 @@
15846
15868
  actions: actions,
15847
15869
  openFilterSlider: openFilterSlider,
15848
15870
  setopenFilterSlider: setopenFilterSlider
15849
- }))), !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
15871
+ }))), isCardsectionloading() && /*#__PURE__*/React__default["default"].createElement("div", {
15872
+ "class": "col-lg-12 allcentered",
15873
+ style: {
15874
+ height: 100
15875
+ }
15876
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
15877
+ color: '#eeeeee',
15878
+ width: "30px",
15879
+ height: "30px",
15880
+ duration: "1s"
15881
+ })), !isCardsectionloading && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
15850
15882
  className: "row m-0 w-100 d-flex align-items-center",
15851
15883
  style: {
15852
15884
  height: '30vh'
@@ -17858,7 +17890,7 @@
17858
17890
  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
17891
  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
17892
  var Headerresponsive = function Headerresponsive(props) {
17861
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery, _authdetailsContext$i9;
17893
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery2, _authdetailsContext$i9;
17862
17894
  var actions = props.actions;
17863
17895
  var LogoutMutationContext = props.actions.LogoutMutationContext;
17864
17896
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -17885,23 +17917,27 @@
17885
17917
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
17886
17918
  Choosenindex = _useState4[0],
17887
17919
  setChoosenindex = _useState4[1];
17920
+ var _useState5 = React.useState([]),
17921
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
17922
+ pcollarray = _useState6[0],
17923
+ setpcollarray = _useState6[1];
17888
17924
  React.useEffect(function () {
17889
17925
  if (props.sectionpropertiesprops != undefined) {
17890
17926
  setsectionproperties(_objectSpread$1Y({}, props.sectionpropertiesprops));
17891
17927
  }
17892
17928
  }, [props.sectionpropertiesprops]);
17893
- var _useState5 = React.useState([]),
17894
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
17895
- logoarrayofobjects = _useState6[0],
17896
- setlogoarrayofobjects = _useState6[1];
17897
- var _useState7 = React.useState(false),
17929
+ var _useState7 = React.useState([]),
17898
17930
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
17899
- openCnvas = _useState8[0],
17900
- setopenCnvas = _useState8[1];
17901
- var _useState9 = React.useState(''),
17931
+ logoarrayofobjects = _useState8[0],
17932
+ setlogoarrayofobjects = _useState8[1];
17933
+ var _useState9 = React.useState(false),
17902
17934
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
17903
- activeTab = _useState10[0],
17904
- setactiveTab = _useState10[1];
17935
+ openCnvas = _useState10[0],
17936
+ setopenCnvas = _useState10[1];
17937
+ var _useState11 = React.useState(''),
17938
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
17939
+ activeTab = _useState12[0],
17940
+ setactiveTab = _useState12[1];
17905
17941
  React.useEffect(function () {
17906
17942
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
17907
17943
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -17910,6 +17946,20 @@
17910
17946
  }
17911
17947
  }
17912
17948
  }, [templateproperties_context]);
17949
+ React.useEffect(function () {
17950
+ if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
17951
+ var _fetchCategoriesQuery;
17952
+ var temppcollarray = _toConsumableArray__default["default"](pcollarray);
17953
+ fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
17954
+ arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
17955
+ if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
17956
+ temppcollarray.push(item);
17957
+ }
17958
+ });
17959
+ });
17960
+ setpcollarray(_toConsumableArray__default["default"](temppcollarray));
17961
+ }
17962
+ }, [fetchCategoriesQueryContext.isSuccess]);
17913
17963
  var header_cssstyles = {
17914
17964
  header_logo: glamor.css({
17915
17965
  width: sectionproperties.logo_width + 'px',
@@ -18882,9 +18932,9 @@
18882
18932
  }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
18883
18933
  allowMultipleExpanded: true,
18884
18934
  allowZeroExpanded: true
18885
- }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories.map(function (item, index) {
18935
+ }, 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
18936
  if (item.isshowntocustomers == 1) {
18887
- var _fetchCategoriesQuery2, _fetchCategoriesQuery3;
18937
+ var _fetchCategoriesQuery3, _fetchCategoriesQuery4;
18888
18938
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
18889
18939
  uuid: index
18890
18940
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
@@ -18938,7 +18988,7 @@
18938
18988
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
18939
18989
  allowMultipleExpanded: true,
18940
18990
  allowZeroExpanded: true
18941
- }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.categories[Choosenindex]) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.parentcolletions) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.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 ? void 0 : _fetchCategoriesQuery3.parentcolletions.map(function (pitem, pindex) {
18991
+ }, 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
18992
  if (pitem.isshowntocustomers == 1) {
18943
18993
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
18944
18994
  uuid: pindex
@@ -19032,6 +19082,81 @@
19032
19082
  }
19033
19083
  })));
19034
19084
  }
19085
+ })), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
19086
+ allowMultipleExpanded: true,
19087
+ allowZeroExpanded: true
19088
+ }, pcollarray.map(function (item, index) {
19089
+ if (item.isshowntocustomers == 1) {
19090
+ var _item$collections;
19091
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
19092
+ uuid: index
19093
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
19094
+ onClick: function onClick() {
19095
+ setChoosenindex(index);
19096
+ }
19097
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
19098
+ className: ' row m-0 p-0 mb-2 '
19099
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19100
+ className: ' row m-0 w-100 px-3 '
19101
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19102
+ className: "col-10 p-0 text-start"
19103
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
19104
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
19105
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
19106
+ className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
19107
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
19108
+ if (state.expanded == true) {
19109
+ return /*#__PURE__*/React__default["default"].createElement("i", {
19110
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
19111
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
19112
+ style: {
19113
+ color: '#000',
19114
+ fontSize: 15
19115
+ }
19116
+ }));
19117
+ } else {
19118
+ return /*#__PURE__*/React__default["default"].createElement("i", {
19119
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
19120
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
19121
+ style: {
19122
+ color: '#000',
19123
+ fontSize: 15
19124
+ }
19125
+ }));
19126
+ }
19127
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
19128
+ className: "col-lg-12 p-0"
19129
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
19130
+ className: "mt-4 mb-4",
19131
+ style: {
19132
+ borderColor: sectionproperties.resp_header_separatorbg
19133
+ }
19134
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
19135
+ className: "p-0"
19136
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19137
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
19138
+ }, (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
19139
+ if (collitem.isshowntocustomers == 1) {
19140
+ return /*#__PURE__*/React__default["default"].createElement("div", {
19141
+ className: ' row m-0 p-0 mb-2 w-100 '
19142
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19143
+ className: "col-12 text-start px-4",
19144
+ onClick: function onClick() {
19145
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
19146
+ }
19147
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
19148
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
19149
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
19150
+ className: "col-lg-12 p-0"
19151
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
19152
+ className: "mt-4 mb-4",
19153
+ style: {
19154
+ borderColor: sectionproperties.resp_header_separatorbg
19155
+ }
19156
+ })));
19157
+ }
19158
+ }))));
19159
+ }
19035
19160
  })))))));
19036
19161
  };
19037
19162
 
@@ -26161,7 +26286,13 @@
26161
26286
  marginTop: sectionproperties.header_marginTop + 'px',
26162
26287
  marginBottom: sectionproperties.header_marginBottom + 'px'
26163
26288
  }
26164
- }, /*#__PURE__*/React__default["default"].createElement("div", {
26289
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26290
+ "class": "col-lg-12 p-0"
26291
+ }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
26292
+ sectionpropertiesprops: sectionproperties,
26293
+ templateproperties_contextprops: templateproperties_context,
26294
+ actions: actions
26295
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
26165
26296
  "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
26166
26297
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26167
26298
  "class": "row m-0 w-100 "
@@ -26235,8 +26366,8 @@
26235
26366
  actions: actions,
26236
26367
  subheaderpropertiesprops: {
26237
26368
  subheaderpositionprops: 'in nav',
26238
- paddingLeftprops: '25px',
26239
- paddingRightprops: '25px',
26369
+ paddingLeftprops: '10px',
26370
+ paddingRightprops: '10px',
26240
26371
  subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
26241
26372
  }
26242
26373
  })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -26517,6 +26648,9 @@
26517
26648
  })))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
26518
26649
  sectionpropertiesprops: sectionproperties,
26519
26650
  actions: actions
26651
+ }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
26652
+ sectionpropertiesprops: sectionproperties,
26653
+ actions: actions
26520
26654
  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
26521
26655
  sectionpropertiesprops: sectionproperties,
26522
26656
  actions: actions
@@ -61585,15 +61719,17 @@
61585
61719
  }, /*#__PURE__*/React__default["default"].createElement("div", {
61586
61720
  "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
61721
  style: {
61588
- height: sectionproperties.image_height + 'px'
61722
+ height: sectionproperties.image_height + 'px',
61723
+ marginBottom: sectionproperties.image_mb + 'px'
61589
61724
  }
61590
61725
  }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
61591
61726
  "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
61592
61727
  style: {
61593
- height: sectionproperties.height_responsive + 'px'
61728
+ height: sectionproperties.height_responsive + 'px',
61729
+ marginBottom: sectionproperties.image_mb + 'px'
61594
61730
  }
61595
61731
  }, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
61596
- "class": 'row m-0 w-100 pl-sm-2 pr-sm-2',
61732
+ "class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
61597
61733
  style: {
61598
61734
  paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
61599
61735
  paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -61643,11 +61779,13 @@
61643
61779
  })), /*#__PURE__*/React__default["default"].createElement("div", {
61644
61780
  "class": "col-lg-12 p-0"
61645
61781
  }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
61646
- "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 m-0 ',
61782
+ "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 ',
61647
61783
  style: {
61648
- textAlign: langdetect == 'en' ? 'left' : 'right'
61784
+ // textAlign: langdetect == 'en' ? 'left' : 'right',
61785
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
61786
+ marginBottom: sectionproperties.descriptionMarginBottom + 'px'
61649
61787
  }
61650
- }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
61788
+ }, plainString(item.shortdescription)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
61651
61789
  "class": "col-lg-12 p-0 ",
61652
61790
  style: {
61653
61791
  minHeight: '6vh'
@@ -61656,15 +61794,21 @@
61656
61794
  onClick: function onClick() {
61657
61795
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
61658
61796
  },
61659
- "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
61797
+ "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
61798
  style: {
61661
- textAlign: langdetect == 'en' ? 'left' : 'right'
61799
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
61662
61800
  }
61663
61801
  }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
61664
- "class": "row m-0 w-100 align-items-center mt-1 mb-1"
61802
+ "class": "row m-0 w-100 align-items-center mt-1 mb-1",
61803
+ style: {
61804
+ flexDirection: sectionproperties.productnamecentered == 'Centered' ? 'column' : 'row'
61805
+ }
61665
61806
  }, 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
- }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
61807
+ "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 ',
61808
+ style: {
61809
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : ''
61810
+ }
61811
+ }, 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
61812
  "class": "".concat(cardsstyles2.productSalePricestyles)
61669
61813
  }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
61670
61814
  "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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.410",
3
+ "version": "0.0.412",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {