tabexseriescomponents 0.2.1312 → 0.2.1314

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 +157 -39
  2. package/dist/index.esm.js +157 -39
  3. package/dist/index.umd.js +157 -39
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -28137,20 +28137,20 @@ var headerstyles$g = {"header_container":"modernheader-module_header_container__
28137
28137
  styleInject(css_248z$C);
28138
28138
 
28139
28139
  var Searchlist$1 = function Searchlist(props) {
28140
- props.actions.lang;
28140
+ var lang = props.actions.lang;
28141
28141
  var langdetect = props.actions.langdetect;
28142
- props.actions.routingcountext;
28143
- props.actions.StaticPagesLinksContext;
28142
+ var routingcountext = props.actions.routingcountext;
28143
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
28144
28144
  var SearchHeaderInputContext = props.actions.SearchHeaderInputContext;
28145
- props.actions.SearchHeaderMutationContext;
28146
- props.actions.ikimagecredcontext;
28147
- props.actions.authdetailsContext;
28145
+ var SearchHeaderMutationContext = props.actions.SearchHeaderMutationContext;
28146
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
28147
+ var authdetailsContext = props.actions.authdetailsContext;
28148
28148
  var _useState = React.useState(''),
28149
28149
  _useState2 = _slicedToArray__default["default"](_useState, 2),
28150
28150
  sectionproperties = _useState2[0],
28151
28151
  setsectionproperties = _useState2[1];
28152
- props.actions.setSearchHeaderInputContext;
28153
- props.actions.setsearchbarCanvasContext;
28152
+ var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
28153
+ var setsearchbarCanvasContext = props.actions.setsearchbarCanvasContext;
28154
28154
  var _useState3 = React.useState(props.srcfromprops == 'cardssection' ? props.searchinputprops : SearchHeaderInputContext),
28155
28155
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
28156
28156
  searchinput = _useState4[0],
@@ -28168,7 +28168,7 @@ var Searchlist$1 = function Searchlist(props) {
28168
28168
  setsearchinput(props.searchinputprops);
28169
28169
  }
28170
28170
  }, [props.searchinputprops]);
28171
- ({
28171
+ var searchlist_styles = {
28172
28172
  searchcont: glamor.css({
28173
28173
  color: sectionproperties.searchlist_prodNameColor,
28174
28174
  ':hover': {
@@ -28226,13 +28226,151 @@ var Searchlist$1 = function Searchlist(props) {
28226
28226
  // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
28227
28227
  // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
28228
28228
  })
28229
- });
28229
+ };
28230
28230
  return /*#__PURE__*/React__default["default"].createElement("div", {
28231
28231
  className: "col-lg-12 p-0 m-0 w-100 allcentered",
28232
28232
  style: {
28233
28233
  zIndex: 1000
28234
28234
  }
28235
- }, /*#__PURE__*/React__default["default"].createElement("p", null, "sadasdasd"), sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React__default["default"].createElement("p", null, "sadasdasd121212"));
28235
+ }, sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
28236
+ className: props.srcfromprops == 'header' ? "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex d-md-none justify-content-center p-1 ' : "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex justify-content-center p-1 ',
28237
+ style: {
28238
+ zIndex: 1000,
28239
+ width: props.srcfromprops == 'header' ? '300px' : props.srcfromprops == 'headerfullwidth' ? '100%' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100%' : props.srcfromprops == 'headerfullwidth-200' ? '270px' : props.srcfromprops == 'respheader' ? '100%' : props.srcfromprops == 'header-400' ? '400px' : props.srcfromprops == 'header-250' ? '250px' : props.srcfromprops == 'header-300' ? '300px' : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? '90%' : props.srcfromprops == 'ElegantHeader' ? '90%' : '100%',
28240
+ top: props.headernameprops == 'categoryfeaturingheader' || props.headernameprops == 'Header_threesectionslogocentered' ? 20 : props.srcfromprops == 'respheader' ? 10 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? 50 : props.srcfromprops == 'ElegantHeader' ? 50 : 10,
28241
+ left: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? '' : 0 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? langdetect == 'en' ? '5%' : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'en' ? '5%' : '' : '',
28242
+ right: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? 0 : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'ar' ? '5%' : '' : props.srcfromprops == 'Elegant' ? langdetect == 'ar' ? '5%' : '' : '',
28243
+ margin: props.srcfromprops == 'respheader' ? 'auto' : ''
28244
+ }
28245
+ }, SearchHeaderMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
28246
+ "class": "row m-0 w-100 d-flex align-items-center justify-content-center h-100 mt-auto mb-auto"
28247
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28248
+ "class": "col-lg-12 d-flex align-items-center justify-content-center flex-column h-100"
28249
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.Messaging, {
28250
+ color: "#ccc",
28251
+ width: "10px",
28252
+ height: "10px",
28253
+ duration: "1s"
28254
+ }))), !SearchHeaderMutationContext.isLoading && SearchHeaderMutationContext.isSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
28255
+ "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? ' row m-0 w-100 d-flex justify-content-center ' : "".concat(searchlist_styles.searchlist_innercontainer) + ' subscrollbar row m-0 w-100 d-flex justify-content-center ',
28256
+ style: {
28257
+ overflowX: 'hidden',
28258
+ paddingBottom: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '50px' : '0.25rem'
28259
+ }
28260
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28261
+ "class": "col-lg-12 m-0 w-100 p-0"
28262
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28263
+ "class": "row m-0 w-100"
28264
+ }, SearchHeaderMutationContext.data.data.products.map(function (item, index) {
28265
+ return /*#__PURE__*/React__default["default"].createElement("div", {
28266
+ "class": sectionproperties.searchliststyle == 'Vertical' ? 'col-lg-12 m-0 w-100 p-1 pt-0 pb-0' : 'col-lg-12 m-0 w-100 p-1 pt-0 pb-0 d-none d-md-flex',
28267
+ style: {
28268
+ zIndex: 1000
28269
+ },
28270
+ onClick: function onClick() {
28271
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
28272
+ setSearchHeaderInputContext('');
28273
+ setsearchinput('');
28274
+ setsearchbarCanvasContext(false);
28275
+ }
28276
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28277
+ "class": "".concat(searchlist_styles.searchcont) + ' col-lg-12 col-md-12 d-flex p-0 cursor-pointer '
28278
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28279
+ "class": searchlist_styles.imagecont
28280
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
28281
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
28282
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
28283
+ path: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
28284
+ loading: "lazy",
28285
+ style: {
28286
+ height: '100%',
28287
+ width: '100%',
28288
+ objectFit: 'contain',
28289
+ borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
28290
+ }
28291
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
28292
+ "class": props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? searchlist_styles.productnamecont + ' col-lg-11 col-md-11 col-sm-9 d-flex ' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? searchlist_styles.productnamecont + ' col-lg-9 col-md-10 col-sm-9 d-flex ' : searchlist_styles.productnamecont + ' col-lg-10 col-md-11 col-sm-9 d-flex ',
28293
+ style: {
28294
+ alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
28295
+ }
28296
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28297
+ "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'row m-0 w-100 d-flex' : 'row m-0 w-100 d-flex',
28298
+ style: {
28299
+ alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
28300
+ }
28301
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28302
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-start"
28303
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28304
+ "class": "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 '
28305
+ }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28306
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center",
28307
+ style: {
28308
+ marginTop: sectionproperties.pricingmargintop != undefined ? sectionproperties.pricingmargintop + 'px' : '-0.25rem',
28309
+ display: 'row'
28310
+ }
28311
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28312
+ "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
28313
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
28314
+ "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? "".concat(searchlist_styles.productSalePricestyles) + ' linethrough mb-0 ml-2 mr-2' : "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
28315
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), index != SearchHeaderMutationContext.data.data.products.length - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
28316
+ className: "col-lg-12 col-md-12 p-0"
28317
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
28318
+ className: "mt-2 mb-1"
28319
+ })));
28320
+ }), sectionproperties.searchliststyle == 'Cards' && SearchHeaderMutationContext.data.data.products.map(function (item, index) {
28321
+ return /*#__PURE__*/React__default["default"].createElement("div", {
28322
+ "class": (props === null || props === void 0 ? void 0 : props.numofcardsprops) != undefined ? ' m-0 w-100 mb-3 d-flex d-md-none col-lg-' + (props === null || props === void 0 ? void 0 : props.numofcardsprops) : 'col-lg-4 m-0 w-100 mb-3 d-flex d-md-none',
28323
+ style: {
28324
+ zIndex: 1000
28325
+ },
28326
+ onClick: function onClick() {
28327
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
28328
+ setSearchHeaderInputContext('');
28329
+ setsearchinput('');
28330
+ setsearchbarCanvasContext(false);
28331
+ }
28332
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28333
+ "class": "".concat(searchlist_styles.searchcont) + ' row m-0 w-100 cursor-pointer '
28334
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28335
+ "class": ' col-lg-12 col-md-12 d-flex p-0 '
28336
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28337
+ "class": searchlist_styles.imagecont + ' w-100 ',
28338
+ style: {
28339
+ borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
28340
+ }
28341
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
28342
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
28343
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
28344
+ path: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
28345
+ loading: "lazy",
28346
+ style: {
28347
+ height: sectionproperties.searchlist_prodimage_width + '%',
28348
+ width: sectionproperties.searchlist_prodimage_width + '%',
28349
+ objectFit: 'contain'
28350
+ }
28351
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
28352
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
28353
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28354
+ "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 ',
28355
+ style: {
28356
+ textAlign: 'center'
28357
+ }
28358
+ }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28359
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered mt-2"
28360
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28361
+ "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
28362
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
28363
+ "class": "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
28364
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))));
28365
+ })), SearchHeaderMutationContext.data.data.products.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
28366
+ className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100"
28367
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28368
+ className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100"
28369
+ }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
28370
+ size: 25
28371
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
28372
+ className: "font-13 font-weight-500"
28373
+ }, lang.nosearchresults)))))));
28236
28374
  };
28237
28375
 
28238
28376
  function ownKeys$2d(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; }
@@ -37250,7 +37388,7 @@ var SubheaderDropdown = function SubheaderDropdown(props) {
37250
37388
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37251
37389
  className: ' row m-0 w-100 px-5 '
37252
37390
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37253
- className: "col-12 d-flex justify-content-start align-items-center p-0",
37391
+ className: "col-12 d-flex justify-content-start align-items-center p-0 cursor-pointer",
37254
37392
  onClick: function onClick() {
37255
37393
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
37256
37394
  props.setmenuactive(false);
@@ -37343,7 +37481,7 @@ var SubheaderDropdown = function SubheaderDropdown(props) {
37343
37481
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37344
37482
  className: ' row m-0 w-100 px-5 '
37345
37483
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37346
- className: "col-12 d-flex justify-content-start align-items-center p-0",
37484
+ className: "col-12 d-flex justify-content-start align-items-center p-0 cursor-pointer",
37347
37485
  onClick: function onClick() {
37348
37486
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
37349
37487
  }
@@ -37363,27 +37501,7 @@ var SubheaderDropdown = function SubheaderDropdown(props) {
37363
37501
  }
37364
37502
  })), /*#__PURE__*/React__default["default"].createElement("p", {
37365
37503
  className: "".concat(header_cssstyles.closeslidercoll) + ' colltext mb-0 p-0 mx-3 '
37366
- }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))))
37367
- // <div class="col-lg-12 p-0">
37368
- // <div className={' row m-0 p-0 mb-2 '}>
37369
- // <div className={' row m-0 w-100 px-5 '}>
37370
- // <div
37371
- // className="col-10 p-0 text-start"
37372
- // onClick={() => {
37373
- // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
37374
- // }}
37375
- // >
37376
- // <p className={`${header_cssstyles.navbar_item_text_responsive}` + ' mb-0 p-0 '}>
37377
- // {langdetect == 'en' ? collitem.title_en : collitem.title_ar}
37378
- // </p>
37379
- // </div>
37380
- // </div>
37381
- // <div className="col-lg-12 p-0">
37382
- // <hr className="mt-4 mb-4" style={{ borderColor: sectionproperties.resp_header_separatorbg }} />
37383
- // </div>
37384
- // </div>
37385
- // </div>
37386
- ;
37504
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))));
37387
37505
  }
37388
37506
  })))));
37389
37507
  }
@@ -37398,7 +37516,7 @@ var SubheaderDropdown = function SubheaderDropdown(props) {
37398
37516
  return /*#__PURE__*/React__default["default"].createElement("div", {
37399
37517
  className: header_cssstyles.collcontainer + ' row m-0 p-0 mb-4 px-4 '
37400
37518
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37401
- className: "col-12 d-flex justify-content-start align-items-center p-0",
37519
+ className: "col-12 d-flex justify-content-start align-items-center p-0 cursor-pointer",
37402
37520
  onClick: function onClick() {
37403
37521
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
37404
37522
  props.setmenuactive(false);
@@ -74855,7 +74973,7 @@ var Searchcomponent = function Searchcomponent(props) {
74855
74973
  var langdetect = props.actions.langdetect;
74856
74974
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
74857
74975
  var actions = props.actions;
74858
- var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
74976
+ props.actions.setSearchHeaderInputContext;
74859
74977
  React.useEffect(function () {
74860
74978
  var secpropobj = {};
74861
74979
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -74910,9 +75028,9 @@ var Searchcomponent = function Searchcomponent(props) {
74910
75028
  type: "text",
74911
75029
  placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
74912
75030
  onChange: function onChange(event) {
74913
- var text = SearchHeaderInputContext;
74914
- text = event.target.value;
74915
- setSearchHeaderInputContext(_objectSpread$15({}, text));
75031
+ // var text = SearchHeaderInputContext;
75032
+ // text = event.target.value;
75033
+ // setSearchHeaderInputContext({ ...text });
74916
75034
  },
74917
75035
  style: {
74918
75036
  background: 'transparent',
package/dist/index.esm.js CHANGED
@@ -28086,20 +28086,20 @@ var headerstyles$g = {"header_container":"modernheader-module_header_container__
28086
28086
  styleInject(css_248z$C);
28087
28087
 
28088
28088
  var Searchlist$1 = function Searchlist(props) {
28089
- props.actions.lang;
28089
+ var lang = props.actions.lang;
28090
28090
  var langdetect = props.actions.langdetect;
28091
- props.actions.routingcountext;
28092
- props.actions.StaticPagesLinksContext;
28091
+ var routingcountext = props.actions.routingcountext;
28092
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
28093
28093
  var SearchHeaderInputContext = props.actions.SearchHeaderInputContext;
28094
- props.actions.SearchHeaderMutationContext;
28095
- props.actions.ikimagecredcontext;
28096
- props.actions.authdetailsContext;
28094
+ var SearchHeaderMutationContext = props.actions.SearchHeaderMutationContext;
28095
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
28096
+ var authdetailsContext = props.actions.authdetailsContext;
28097
28097
  var _useState = useState(''),
28098
28098
  _useState2 = _slicedToArray(_useState, 2),
28099
28099
  sectionproperties = _useState2[0],
28100
28100
  setsectionproperties = _useState2[1];
28101
- props.actions.setSearchHeaderInputContext;
28102
- props.actions.setsearchbarCanvasContext;
28101
+ var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
28102
+ var setsearchbarCanvasContext = props.actions.setsearchbarCanvasContext;
28103
28103
  var _useState3 = useState(props.srcfromprops == 'cardssection' ? props.searchinputprops : SearchHeaderInputContext),
28104
28104
  _useState4 = _slicedToArray(_useState3, 2),
28105
28105
  searchinput = _useState4[0],
@@ -28117,7 +28117,7 @@ var Searchlist$1 = function Searchlist(props) {
28117
28117
  setsearchinput(props.searchinputprops);
28118
28118
  }
28119
28119
  }, [props.searchinputprops]);
28120
- ({
28120
+ var searchlist_styles = {
28121
28121
  searchcont: css({
28122
28122
  color: sectionproperties.searchlist_prodNameColor,
28123
28123
  ':hover': {
@@ -28175,13 +28175,151 @@ var Searchlist$1 = function Searchlist(props) {
28175
28175
  // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
28176
28176
  // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
28177
28177
  })
28178
- });
28178
+ };
28179
28179
  return /*#__PURE__*/React.createElement("div", {
28180
28180
  className: "col-lg-12 p-0 m-0 w-100 allcentered",
28181
28181
  style: {
28182
28182
  zIndex: 1000
28183
28183
  }
28184
- }, /*#__PURE__*/React.createElement("p", null, "sadasdasd"), sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React.createElement("p", null, "sadasdasd121212"));
28184
+ }, sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React.createElement("div", {
28185
+ className: props.srcfromprops == 'header' ? "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex d-md-none justify-content-center p-1 ' : "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex justify-content-center p-1 ',
28186
+ style: {
28187
+ zIndex: 1000,
28188
+ width: props.srcfromprops == 'header' ? '300px' : props.srcfromprops == 'headerfullwidth' ? '100%' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100%' : props.srcfromprops == 'headerfullwidth-200' ? '270px' : props.srcfromprops == 'respheader' ? '100%' : props.srcfromprops == 'header-400' ? '400px' : props.srcfromprops == 'header-250' ? '250px' : props.srcfromprops == 'header-300' ? '300px' : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? '90%' : props.srcfromprops == 'ElegantHeader' ? '90%' : '100%',
28189
+ top: props.headernameprops == 'categoryfeaturingheader' || props.headernameprops == 'Header_threesectionslogocentered' ? 20 : props.srcfromprops == 'respheader' ? 10 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? 50 : props.srcfromprops == 'ElegantHeader' ? 50 : 10,
28190
+ left: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? '' : 0 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? langdetect == 'en' ? '5%' : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'en' ? '5%' : '' : '',
28191
+ right: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? 0 : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'ar' ? '5%' : '' : props.srcfromprops == 'Elegant' ? langdetect == 'ar' ? '5%' : '' : '',
28192
+ margin: props.srcfromprops == 'respheader' ? 'auto' : ''
28193
+ }
28194
+ }, SearchHeaderMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
28195
+ "class": "row m-0 w-100 d-flex align-items-center justify-content-center h-100 mt-auto mb-auto"
28196
+ }, /*#__PURE__*/React.createElement("div", {
28197
+ "class": "col-lg-12 d-flex align-items-center justify-content-center flex-column h-100"
28198
+ }, /*#__PURE__*/React.createElement(Messaging, {
28199
+ color: "#ccc",
28200
+ width: "10px",
28201
+ height: "10px",
28202
+ duration: "1s"
28203
+ }))), !SearchHeaderMutationContext.isLoading && SearchHeaderMutationContext.isSuccess && /*#__PURE__*/React.createElement("div", {
28204
+ "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? ' row m-0 w-100 d-flex justify-content-center ' : "".concat(searchlist_styles.searchlist_innercontainer) + ' subscrollbar row m-0 w-100 d-flex justify-content-center ',
28205
+ style: {
28206
+ overflowX: 'hidden',
28207
+ paddingBottom: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '50px' : '0.25rem'
28208
+ }
28209
+ }, /*#__PURE__*/React.createElement("div", {
28210
+ "class": "col-lg-12 m-0 w-100 p-0"
28211
+ }, /*#__PURE__*/React.createElement("div", {
28212
+ "class": "row m-0 w-100"
28213
+ }, SearchHeaderMutationContext.data.data.products.map(function (item, index) {
28214
+ return /*#__PURE__*/React.createElement("div", {
28215
+ "class": sectionproperties.searchliststyle == 'Vertical' ? 'col-lg-12 m-0 w-100 p-1 pt-0 pb-0' : 'col-lg-12 m-0 w-100 p-1 pt-0 pb-0 d-none d-md-flex',
28216
+ style: {
28217
+ zIndex: 1000
28218
+ },
28219
+ onClick: function onClick() {
28220
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
28221
+ setSearchHeaderInputContext('');
28222
+ setsearchinput('');
28223
+ setsearchbarCanvasContext(false);
28224
+ }
28225
+ }, /*#__PURE__*/React.createElement("div", {
28226
+ "class": "".concat(searchlist_styles.searchcont) + ' col-lg-12 col-md-12 d-flex p-0 cursor-pointer '
28227
+ }, /*#__PURE__*/React.createElement("div", {
28228
+ "class": searchlist_styles.imagecont
28229
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
28230
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
28231
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
28232
+ path: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
28233
+ loading: "lazy",
28234
+ style: {
28235
+ height: '100%',
28236
+ width: '100%',
28237
+ objectFit: 'contain',
28238
+ borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
28239
+ }
28240
+ })), /*#__PURE__*/React.createElement("div", {
28241
+ "class": props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? searchlist_styles.productnamecont + ' col-lg-11 col-md-11 col-sm-9 d-flex ' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? searchlist_styles.productnamecont + ' col-lg-9 col-md-10 col-sm-9 d-flex ' : searchlist_styles.productnamecont + ' col-lg-10 col-md-11 col-sm-9 d-flex ',
28242
+ style: {
28243
+ alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
28244
+ }
28245
+ }, /*#__PURE__*/React.createElement("div", {
28246
+ "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'row m-0 w-100 d-flex' : 'row m-0 w-100 d-flex',
28247
+ style: {
28248
+ alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
28249
+ }
28250
+ }, /*#__PURE__*/React.createElement("div", {
28251
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-start"
28252
+ }, /*#__PURE__*/React.createElement("p", {
28253
+ "class": "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 '
28254
+ }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React.createElement("div", {
28255
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center",
28256
+ style: {
28257
+ marginTop: sectionproperties.pricingmargintop != undefined ? sectionproperties.pricingmargintop + 'px' : '-0.25rem',
28258
+ display: 'row'
28259
+ }
28260
+ }, /*#__PURE__*/React.createElement("p", {
28261
+ "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
28262
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
28263
+ "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? "".concat(searchlist_styles.productSalePricestyles) + ' linethrough mb-0 ml-2 mr-2' : "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
28264
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), index != SearchHeaderMutationContext.data.data.products.length - 1 && /*#__PURE__*/React.createElement("div", {
28265
+ className: "col-lg-12 col-md-12 p-0"
28266
+ }, /*#__PURE__*/React.createElement("hr", {
28267
+ className: "mt-2 mb-1"
28268
+ })));
28269
+ }), sectionproperties.searchliststyle == 'Cards' && SearchHeaderMutationContext.data.data.products.map(function (item, index) {
28270
+ return /*#__PURE__*/React.createElement("div", {
28271
+ "class": (props === null || props === void 0 ? void 0 : props.numofcardsprops) != undefined ? ' m-0 w-100 mb-3 d-flex d-md-none col-lg-' + (props === null || props === void 0 ? void 0 : props.numofcardsprops) : 'col-lg-4 m-0 w-100 mb-3 d-flex d-md-none',
28272
+ style: {
28273
+ zIndex: 1000
28274
+ },
28275
+ onClick: function onClick() {
28276
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
28277
+ setSearchHeaderInputContext('');
28278
+ setsearchinput('');
28279
+ setsearchbarCanvasContext(false);
28280
+ }
28281
+ }, /*#__PURE__*/React.createElement("div", {
28282
+ "class": "".concat(searchlist_styles.searchcont) + ' row m-0 w-100 cursor-pointer '
28283
+ }, /*#__PURE__*/React.createElement("div", {
28284
+ "class": ' col-lg-12 col-md-12 d-flex p-0 '
28285
+ }, /*#__PURE__*/React.createElement("div", {
28286
+ "class": searchlist_styles.imagecont + ' w-100 ',
28287
+ style: {
28288
+ borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
28289
+ }
28290
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
28291
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
28292
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
28293
+ path: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
28294
+ loading: "lazy",
28295
+ style: {
28296
+ height: sectionproperties.searchlist_prodimage_width + '%',
28297
+ width: sectionproperties.searchlist_prodimage_width + '%',
28298
+ objectFit: 'contain'
28299
+ }
28300
+ }))), /*#__PURE__*/React.createElement("div", {
28301
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
28302
+ }, /*#__PURE__*/React.createElement("p", {
28303
+ "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 ',
28304
+ style: {
28305
+ textAlign: 'center'
28306
+ }
28307
+ }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React.createElement("div", {
28308
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered mt-2"
28309
+ }, /*#__PURE__*/React.createElement("p", {
28310
+ "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
28311
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
28312
+ "class": "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
28313
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))));
28314
+ })), SearchHeaderMutationContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
28315
+ className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100"
28316
+ }, /*#__PURE__*/React.createElement("div", {
28317
+ className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100"
28318
+ }, /*#__PURE__*/React.createElement(FiLayers, {
28319
+ size: 25
28320
+ }), /*#__PURE__*/React.createElement("p", {
28321
+ className: "font-13 font-weight-500"
28322
+ }, lang.nosearchresults)))))));
28185
28323
  };
28186
28324
 
28187
28325
  function ownKeys$2d(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; }
@@ -37199,7 +37337,7 @@ var SubheaderDropdown = function SubheaderDropdown(props) {
37199
37337
  }, /*#__PURE__*/React.createElement("div", {
37200
37338
  className: ' row m-0 w-100 px-5 '
37201
37339
  }, /*#__PURE__*/React.createElement("div", {
37202
- className: "col-12 d-flex justify-content-start align-items-center p-0",
37340
+ className: "col-12 d-flex justify-content-start align-items-center p-0 cursor-pointer",
37203
37341
  onClick: function onClick() {
37204
37342
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
37205
37343
  props.setmenuactive(false);
@@ -37292,7 +37430,7 @@ var SubheaderDropdown = function SubheaderDropdown(props) {
37292
37430
  }, /*#__PURE__*/React.createElement("div", {
37293
37431
  className: ' row m-0 w-100 px-5 '
37294
37432
  }, /*#__PURE__*/React.createElement("div", {
37295
- className: "col-12 d-flex justify-content-start align-items-center p-0",
37433
+ className: "col-12 d-flex justify-content-start align-items-center p-0 cursor-pointer",
37296
37434
  onClick: function onClick() {
37297
37435
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
37298
37436
  }
@@ -37312,27 +37450,7 @@ var SubheaderDropdown = function SubheaderDropdown(props) {
37312
37450
  }
37313
37451
  })), /*#__PURE__*/React.createElement("p", {
37314
37452
  className: "".concat(header_cssstyles.closeslidercoll) + ' colltext mb-0 p-0 mx-3 '
37315
- }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))))
37316
- // <div class="col-lg-12 p-0">
37317
- // <div className={' row m-0 p-0 mb-2 '}>
37318
- // <div className={' row m-0 w-100 px-5 '}>
37319
- // <div
37320
- // className="col-10 p-0 text-start"
37321
- // onClick={() => {
37322
- // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
37323
- // }}
37324
- // >
37325
- // <p className={`${header_cssstyles.navbar_item_text_responsive}` + ' mb-0 p-0 '}>
37326
- // {langdetect == 'en' ? collitem.title_en : collitem.title_ar}
37327
- // </p>
37328
- // </div>
37329
- // </div>
37330
- // <div className="col-lg-12 p-0">
37331
- // <hr className="mt-4 mb-4" style={{ borderColor: sectionproperties.resp_header_separatorbg }} />
37332
- // </div>
37333
- // </div>
37334
- // </div>
37335
- ;
37453
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))));
37336
37454
  }
37337
37455
  })))));
37338
37456
  }
@@ -37347,7 +37465,7 @@ var SubheaderDropdown = function SubheaderDropdown(props) {
37347
37465
  return /*#__PURE__*/React.createElement("div", {
37348
37466
  className: header_cssstyles.collcontainer + ' row m-0 p-0 mb-4 px-4 '
37349
37467
  }, /*#__PURE__*/React.createElement("div", {
37350
- className: "col-12 d-flex justify-content-start align-items-center p-0",
37468
+ className: "col-12 d-flex justify-content-start align-items-center p-0 cursor-pointer",
37351
37469
  onClick: function onClick() {
37352
37470
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
37353
37471
  props.setmenuactive(false);
@@ -74804,7 +74922,7 @@ var Searchcomponent = function Searchcomponent(props) {
74804
74922
  var langdetect = props.actions.langdetect;
74805
74923
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
74806
74924
  var actions = props.actions;
74807
- var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
74925
+ props.actions.setSearchHeaderInputContext;
74808
74926
  useEffect(function () {
74809
74927
  var secpropobj = {};
74810
74928
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -74859,9 +74977,9 @@ var Searchcomponent = function Searchcomponent(props) {
74859
74977
  type: "text",
74860
74978
  placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
74861
74979
  onChange: function onChange(event) {
74862
- var text = SearchHeaderInputContext;
74863
- text = event.target.value;
74864
- setSearchHeaderInputContext(_objectSpread$15({}, text));
74980
+ // var text = SearchHeaderInputContext;
74981
+ // text = event.target.value;
74982
+ // setSearchHeaderInputContext({ ...text });
74865
74983
  },
74866
74984
  style: {
74867
74985
  background: 'transparent',
package/dist/index.umd.js CHANGED
@@ -27942,20 +27942,20 @@
27942
27942
  styleInject(css_248z$C);
27943
27943
 
27944
27944
  var Searchlist$1 = function Searchlist(props) {
27945
- props.actions.lang;
27945
+ var lang = props.actions.lang;
27946
27946
  var langdetect = props.actions.langdetect;
27947
- props.actions.routingcountext;
27948
- props.actions.StaticPagesLinksContext;
27947
+ var routingcountext = props.actions.routingcountext;
27948
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27949
27949
  var SearchHeaderInputContext = props.actions.SearchHeaderInputContext;
27950
- props.actions.SearchHeaderMutationContext;
27951
- props.actions.ikimagecredcontext;
27952
- props.actions.authdetailsContext;
27950
+ var SearchHeaderMutationContext = props.actions.SearchHeaderMutationContext;
27951
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
27952
+ var authdetailsContext = props.actions.authdetailsContext;
27953
27953
  var _useState = React.useState(''),
27954
27954
  _useState2 = _slicedToArray__default["default"](_useState, 2),
27955
27955
  sectionproperties = _useState2[0],
27956
27956
  setsectionproperties = _useState2[1];
27957
- props.actions.setSearchHeaderInputContext;
27958
- props.actions.setsearchbarCanvasContext;
27957
+ var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
27958
+ var setsearchbarCanvasContext = props.actions.setsearchbarCanvasContext;
27959
27959
  var _useState3 = React.useState(props.srcfromprops == 'cardssection' ? props.searchinputprops : SearchHeaderInputContext),
27960
27960
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
27961
27961
  searchinput = _useState4[0],
@@ -27973,7 +27973,7 @@
27973
27973
  setsearchinput(props.searchinputprops);
27974
27974
  }
27975
27975
  }, [props.searchinputprops]);
27976
- ({
27976
+ var searchlist_styles = {
27977
27977
  searchcont: glamor.css({
27978
27978
  color: sectionproperties.searchlist_prodNameColor,
27979
27979
  ':hover': {
@@ -28031,13 +28031,151 @@
28031
28031
  // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
28032
28032
  // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
28033
28033
  })
28034
- });
28034
+ };
28035
28035
  return /*#__PURE__*/React__default["default"].createElement("div", {
28036
28036
  className: "col-lg-12 p-0 m-0 w-100 allcentered",
28037
28037
  style: {
28038
28038
  zIndex: 1000
28039
28039
  }
28040
- }, /*#__PURE__*/React__default["default"].createElement("p", null, "sadasdasd"), sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React__default["default"].createElement("p", null, "sadasdasd121212"));
28040
+ }, sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
28041
+ className: props.srcfromprops == 'header' ? "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex d-md-none justify-content-center p-1 ' : "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex justify-content-center p-1 ',
28042
+ style: {
28043
+ zIndex: 1000,
28044
+ width: props.srcfromprops == 'header' ? '300px' : props.srcfromprops == 'headerfullwidth' ? '100%' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100%' : props.srcfromprops == 'headerfullwidth-200' ? '270px' : props.srcfromprops == 'respheader' ? '100%' : props.srcfromprops == 'header-400' ? '400px' : props.srcfromprops == 'header-250' ? '250px' : props.srcfromprops == 'header-300' ? '300px' : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? '90%' : props.srcfromprops == 'ElegantHeader' ? '90%' : '100%',
28045
+ top: props.headernameprops == 'categoryfeaturingheader' || props.headernameprops == 'Header_threesectionslogocentered' ? 20 : props.srcfromprops == 'respheader' ? 10 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? 50 : props.srcfromprops == 'ElegantHeader' ? 50 : 10,
28046
+ left: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? '' : 0 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? langdetect == 'en' ? '5%' : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'en' ? '5%' : '' : '',
28047
+ right: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? 0 : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'ar' ? '5%' : '' : props.srcfromprops == 'Elegant' ? langdetect == 'ar' ? '5%' : '' : '',
28048
+ margin: props.srcfromprops == 'respheader' ? 'auto' : ''
28049
+ }
28050
+ }, SearchHeaderMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
28051
+ "class": "row m-0 w-100 d-flex align-items-center justify-content-center h-100 mt-auto mb-auto"
28052
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28053
+ "class": "col-lg-12 d-flex align-items-center justify-content-center flex-column h-100"
28054
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.Messaging, {
28055
+ color: "#ccc",
28056
+ width: "10px",
28057
+ height: "10px",
28058
+ duration: "1s"
28059
+ }))), !SearchHeaderMutationContext.isLoading && SearchHeaderMutationContext.isSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
28060
+ "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? ' row m-0 w-100 d-flex justify-content-center ' : "".concat(searchlist_styles.searchlist_innercontainer) + ' subscrollbar row m-0 w-100 d-flex justify-content-center ',
28061
+ style: {
28062
+ overflowX: 'hidden',
28063
+ paddingBottom: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '50px' : '0.25rem'
28064
+ }
28065
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28066
+ "class": "col-lg-12 m-0 w-100 p-0"
28067
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28068
+ "class": "row m-0 w-100"
28069
+ }, SearchHeaderMutationContext.data.data.products.map(function (item, index) {
28070
+ return /*#__PURE__*/React__default["default"].createElement("div", {
28071
+ "class": sectionproperties.searchliststyle == 'Vertical' ? 'col-lg-12 m-0 w-100 p-1 pt-0 pb-0' : 'col-lg-12 m-0 w-100 p-1 pt-0 pb-0 d-none d-md-flex',
28072
+ style: {
28073
+ zIndex: 1000
28074
+ },
28075
+ onClick: function onClick() {
28076
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
28077
+ setSearchHeaderInputContext('');
28078
+ setsearchinput('');
28079
+ setsearchbarCanvasContext(false);
28080
+ }
28081
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28082
+ "class": "".concat(searchlist_styles.searchcont) + ' col-lg-12 col-md-12 d-flex p-0 cursor-pointer '
28083
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28084
+ "class": searchlist_styles.imagecont
28085
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
28086
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
28087
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
28088
+ path: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
28089
+ loading: "lazy",
28090
+ style: {
28091
+ height: '100%',
28092
+ width: '100%',
28093
+ objectFit: 'contain',
28094
+ borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
28095
+ }
28096
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
28097
+ "class": props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? searchlist_styles.productnamecont + ' col-lg-11 col-md-11 col-sm-9 d-flex ' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? searchlist_styles.productnamecont + ' col-lg-9 col-md-10 col-sm-9 d-flex ' : searchlist_styles.productnamecont + ' col-lg-10 col-md-11 col-sm-9 d-flex ',
28098
+ style: {
28099
+ alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
28100
+ }
28101
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28102
+ "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'row m-0 w-100 d-flex' : 'row m-0 w-100 d-flex',
28103
+ style: {
28104
+ alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
28105
+ }
28106
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28107
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-start"
28108
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28109
+ "class": "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 '
28110
+ }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28111
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center",
28112
+ style: {
28113
+ marginTop: sectionproperties.pricingmargintop != undefined ? sectionproperties.pricingmargintop + 'px' : '-0.25rem',
28114
+ display: 'row'
28115
+ }
28116
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28117
+ "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
28118
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
28119
+ "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? "".concat(searchlist_styles.productSalePricestyles) + ' linethrough mb-0 ml-2 mr-2' : "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
28120
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), index != SearchHeaderMutationContext.data.data.products.length - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
28121
+ className: "col-lg-12 col-md-12 p-0"
28122
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
28123
+ className: "mt-2 mb-1"
28124
+ })));
28125
+ }), sectionproperties.searchliststyle == 'Cards' && SearchHeaderMutationContext.data.data.products.map(function (item, index) {
28126
+ return /*#__PURE__*/React__default["default"].createElement("div", {
28127
+ "class": (props === null || props === void 0 ? void 0 : props.numofcardsprops) != undefined ? ' m-0 w-100 mb-3 d-flex d-md-none col-lg-' + (props === null || props === void 0 ? void 0 : props.numofcardsprops) : 'col-lg-4 m-0 w-100 mb-3 d-flex d-md-none',
28128
+ style: {
28129
+ zIndex: 1000
28130
+ },
28131
+ onClick: function onClick() {
28132
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
28133
+ setSearchHeaderInputContext('');
28134
+ setsearchinput('');
28135
+ setsearchbarCanvasContext(false);
28136
+ }
28137
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28138
+ "class": "".concat(searchlist_styles.searchcont) + ' row m-0 w-100 cursor-pointer '
28139
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28140
+ "class": ' col-lg-12 col-md-12 d-flex p-0 '
28141
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28142
+ "class": searchlist_styles.imagecont + ' w-100 ',
28143
+ style: {
28144
+ borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
28145
+ }
28146
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
28147
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
28148
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
28149
+ path: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
28150
+ loading: "lazy",
28151
+ style: {
28152
+ height: sectionproperties.searchlist_prodimage_width + '%',
28153
+ width: sectionproperties.searchlist_prodimage_width + '%',
28154
+ objectFit: 'contain'
28155
+ }
28156
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
28157
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
28158
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28159
+ "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 ',
28160
+ style: {
28161
+ textAlign: 'center'
28162
+ }
28163
+ }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28164
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered mt-2"
28165
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28166
+ "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
28167
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
28168
+ "class": "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
28169
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))));
28170
+ })), SearchHeaderMutationContext.data.data.products.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
28171
+ className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100"
28172
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28173
+ className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100"
28174
+ }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
28175
+ size: 25
28176
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
28177
+ className: "font-13 font-weight-500"
28178
+ }, lang.nosearchresults)))))));
28041
28179
  };
28042
28180
 
28043
28181
  function ownKeys$2d(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; }
@@ -37055,7 +37193,7 @@
37055
37193
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37056
37194
  className: ' row m-0 w-100 px-5 '
37057
37195
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37058
- className: "col-12 d-flex justify-content-start align-items-center p-0",
37196
+ className: "col-12 d-flex justify-content-start align-items-center p-0 cursor-pointer",
37059
37197
  onClick: function onClick() {
37060
37198
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
37061
37199
  props.setmenuactive(false);
@@ -37148,7 +37286,7 @@
37148
37286
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37149
37287
  className: ' row m-0 w-100 px-5 '
37150
37288
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37151
- className: "col-12 d-flex justify-content-start align-items-center p-0",
37289
+ className: "col-12 d-flex justify-content-start align-items-center p-0 cursor-pointer",
37152
37290
  onClick: function onClick() {
37153
37291
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
37154
37292
  }
@@ -37168,27 +37306,7 @@
37168
37306
  }
37169
37307
  })), /*#__PURE__*/React__default["default"].createElement("p", {
37170
37308
  className: "".concat(header_cssstyles.closeslidercoll) + ' colltext mb-0 p-0 mx-3 '
37171
- }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))))
37172
- // <div class="col-lg-12 p-0">
37173
- // <div className={' row m-0 p-0 mb-2 '}>
37174
- // <div className={' row m-0 w-100 px-5 '}>
37175
- // <div
37176
- // className="col-10 p-0 text-start"
37177
- // onClick={() => {
37178
- // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
37179
- // }}
37180
- // >
37181
- // <p className={`${header_cssstyles.navbar_item_text_responsive}` + ' mb-0 p-0 '}>
37182
- // {langdetect == 'en' ? collitem.title_en : collitem.title_ar}
37183
- // </p>
37184
- // </div>
37185
- // </div>
37186
- // <div className="col-lg-12 p-0">
37187
- // <hr className="mt-4 mb-4" style={{ borderColor: sectionproperties.resp_header_separatorbg }} />
37188
- // </div>
37189
- // </div>
37190
- // </div>
37191
- ;
37309
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))));
37192
37310
  }
37193
37311
  })))));
37194
37312
  }
@@ -37203,7 +37321,7 @@
37203
37321
  return /*#__PURE__*/React__default["default"].createElement("div", {
37204
37322
  className: header_cssstyles.collcontainer + ' row m-0 p-0 mb-4 px-4 '
37205
37323
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37206
- className: "col-12 d-flex justify-content-start align-items-center p-0",
37324
+ className: "col-12 d-flex justify-content-start align-items-center p-0 cursor-pointer",
37207
37325
  onClick: function onClick() {
37208
37326
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
37209
37327
  props.setmenuactive(false);
@@ -74660,7 +74778,7 @@
74660
74778
  var langdetect = props.actions.langdetect;
74661
74779
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
74662
74780
  var actions = props.actions;
74663
- var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
74781
+ props.actions.setSearchHeaderInputContext;
74664
74782
  React.useEffect(function () {
74665
74783
  var secpropobj = {};
74666
74784
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -74715,9 +74833,9 @@
74715
74833
  type: "text",
74716
74834
  placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
74717
74835
  onChange: function onChange(event) {
74718
- var text = SearchHeaderInputContext;
74719
- text = event.target.value;
74720
- setSearchHeaderInputContext(_objectSpread$15({}, text));
74836
+ // var text = SearchHeaderInputContext;
74837
+ // text = event.target.value;
74838
+ // setSearchHeaderInputContext({ ...text });
74721
74839
  },
74722
74840
  style: {
74723
74841
  background: 'transparent',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.2.1312",
3
+ "version": "0.2.1314",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",