tabexseriescomponents 0.2.1316 → 0.2.1318

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -28136,20 +28136,20 @@ var headerstyles$g = {"header_container":"modernheader-module_header_container__
28136
28136
  styleInject(css_248z$C);
28137
28137
 
28138
28138
  var Searchlist$1 = function Searchlist(props) {
28139
- props.actions.lang;
28139
+ var lang = props.actions.lang;
28140
28140
  var langdetect = props.actions.langdetect;
28141
- props.actions.routingcountext;
28142
- props.actions.StaticPagesLinksContext;
28141
+ var routingcountext = props.actions.routingcountext;
28142
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
28143
28143
  var SearchHeaderInputContext = props.actions.SearchHeaderInputContext;
28144
- props.actions.SearchHeaderMutationContext;
28145
- props.actions.ikimagecredcontext;
28146
- props.actions.authdetailsContext;
28144
+ var SearchHeaderMutationContext = props.actions.SearchHeaderMutationContext;
28145
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
28146
+ var authdetailsContext = props.actions.authdetailsContext;
28147
28147
  var _useState = React.useState(''),
28148
28148
  _useState2 = _slicedToArray__default["default"](_useState, 2),
28149
28149
  sectionproperties = _useState2[0],
28150
28150
  setsectionproperties = _useState2[1];
28151
- props.actions.setSearchHeaderInputContext;
28152
- props.actions.setsearchbarCanvasContext;
28151
+ var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
28152
+ var setsearchbarCanvasContext = props.actions.setsearchbarCanvasContext;
28153
28153
  var _useState3 = React.useState(props.srcfromprops == 'cardssection' ? props.searchinputprops : SearchHeaderInputContext),
28154
28154
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
28155
28155
  searchinput = _useState4[0],
@@ -28167,7 +28167,7 @@ var Searchlist$1 = function Searchlist(props) {
28167
28167
  setsearchinput(props.searchinputprops);
28168
28168
  }
28169
28169
  }, [props.searchinputprops]);
28170
- ({
28170
+ var searchlist_styles = {
28171
28171
  searchcont: glamor.css({
28172
28172
  color: sectionproperties.searchlist_prodNameColor,
28173
28173
  ':hover': {
@@ -28225,13 +28225,151 @@ var Searchlist$1 = function Searchlist(props) {
28225
28225
  // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
28226
28226
  // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
28227
28227
  })
28228
- });
28228
+ };
28229
28229
  return /*#__PURE__*/React__default["default"].createElement("div", {
28230
28230
  className: "col-lg-12 p-0 m-0 w-100 allcentered",
28231
28231
  style: {
28232
28232
  zIndex: 1000
28233
28233
  }
28234
- }, sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React__default["default"].createElement("p", null));
28234
+ }, sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
28235
+ 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 ',
28236
+ style: {
28237
+ zIndex: 1000,
28238
+ 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%',
28239
+ 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,
28240
+ 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%' : '' : '',
28241
+ 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%' : '' : '',
28242
+ margin: props.srcfromprops == 'respheader' ? 'auto' : ''
28243
+ }
28244
+ }, SearchHeaderMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
28245
+ "class": "row m-0 w-100 d-flex align-items-center justify-content-center h-100 mt-auto mb-auto"
28246
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28247
+ "class": "col-lg-12 d-flex align-items-center justify-content-center flex-column h-100"
28248
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.Messaging, {
28249
+ color: "#ccc",
28250
+ width: "10px",
28251
+ height: "10px",
28252
+ duration: "1s"
28253
+ }))), !SearchHeaderMutationContext.isLoading && SearchHeaderMutationContext.isSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
28254
+ "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 ',
28255
+ style: {
28256
+ overflowX: 'hidden',
28257
+ paddingBottom: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '50px' : '0.25rem'
28258
+ }
28259
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28260
+ "class": "col-lg-12 m-0 w-100 p-0"
28261
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28262
+ "class": "row m-0 w-100"
28263
+ }, SearchHeaderMutationContext.data.data.products.map(function (item, index) {
28264
+ return /*#__PURE__*/React__default["default"].createElement("div", {
28265
+ "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',
28266
+ style: {
28267
+ zIndex: 1000
28268
+ },
28269
+ onClick: function onClick() {
28270
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
28271
+ setSearchHeaderInputContext('');
28272
+ setsearchinput('');
28273
+ setsearchbarCanvasContext(false);
28274
+ }
28275
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28276
+ "class": "".concat(searchlist_styles.searchcont) + ' col-lg-12 col-md-12 d-flex p-0 cursor-pointer '
28277
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28278
+ "class": searchlist_styles.imagecont
28279
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
28280
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
28281
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
28282
+ path: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
28283
+ loading: "lazy",
28284
+ style: {
28285
+ height: '100%',
28286
+ width: '100%',
28287
+ objectFit: 'contain',
28288
+ borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
28289
+ }
28290
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
28291
+ "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 ',
28292
+ style: {
28293
+ alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
28294
+ }
28295
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28296
+ "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'row m-0 w-100 d-flex' : 'row m-0 w-100 d-flex',
28297
+ style: {
28298
+ alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
28299
+ }
28300
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28301
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-start"
28302
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28303
+ "class": "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 '
28304
+ }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28305
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center",
28306
+ style: {
28307
+ marginTop: sectionproperties.pricingmargintop != undefined ? sectionproperties.pricingmargintop + 'px' : '-0.25rem',
28308
+ display: 'row'
28309
+ }
28310
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28311
+ "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
28312
+ }, 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", {
28313
+ "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'
28314
+ }, 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", {
28315
+ className: "col-lg-12 col-md-12 p-0"
28316
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
28317
+ className: "mt-2 mb-1"
28318
+ })));
28319
+ }), sectionproperties.searchliststyle == 'Cards' && SearchHeaderMutationContext.data.data.products.map(function (item, index) {
28320
+ return /*#__PURE__*/React__default["default"].createElement("div", {
28321
+ "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',
28322
+ style: {
28323
+ zIndex: 1000
28324
+ },
28325
+ onClick: function onClick() {
28326
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
28327
+ setSearchHeaderInputContext('');
28328
+ setsearchinput('');
28329
+ setsearchbarCanvasContext(false);
28330
+ }
28331
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28332
+ "class": "".concat(searchlist_styles.searchcont) + ' row m-0 w-100 cursor-pointer '
28333
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28334
+ "class": ' col-lg-12 col-md-12 d-flex p-0 '
28335
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28336
+ "class": searchlist_styles.imagecont + ' w-100 ',
28337
+ style: {
28338
+ borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
28339
+ }
28340
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
28341
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
28342
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
28343
+ path: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
28344
+ loading: "lazy",
28345
+ style: {
28346
+ height: sectionproperties.searchlist_prodimage_width + '%',
28347
+ width: sectionproperties.searchlist_prodimage_width + '%',
28348
+ objectFit: 'contain'
28349
+ }
28350
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
28351
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
28352
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28353
+ "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 ',
28354
+ style: {
28355
+ textAlign: 'center'
28356
+ }
28357
+ }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28358
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered mt-2"
28359
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28360
+ "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
28361
+ }, 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", {
28362
+ "class": "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
28363
+ }, 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))));
28364
+ })), SearchHeaderMutationContext.data.data.products.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
28365
+ className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100"
28366
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28367
+ className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100"
28368
+ }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
28369
+ size: 25
28370
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
28371
+ className: "font-13 font-weight-500"
28372
+ }, lang.nosearchresults)))))));
28235
28373
  };
28236
28374
 
28237
28375
  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; }
package/dist/index.esm.js CHANGED
@@ -28085,20 +28085,20 @@ var headerstyles$g = {"header_container":"modernheader-module_header_container__
28085
28085
  styleInject(css_248z$C);
28086
28086
 
28087
28087
  var Searchlist$1 = function Searchlist(props) {
28088
- props.actions.lang;
28088
+ var lang = props.actions.lang;
28089
28089
  var langdetect = props.actions.langdetect;
28090
- props.actions.routingcountext;
28091
- props.actions.StaticPagesLinksContext;
28090
+ var routingcountext = props.actions.routingcountext;
28091
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
28092
28092
  var SearchHeaderInputContext = props.actions.SearchHeaderInputContext;
28093
- props.actions.SearchHeaderMutationContext;
28094
- props.actions.ikimagecredcontext;
28095
- props.actions.authdetailsContext;
28093
+ var SearchHeaderMutationContext = props.actions.SearchHeaderMutationContext;
28094
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
28095
+ var authdetailsContext = props.actions.authdetailsContext;
28096
28096
  var _useState = useState(''),
28097
28097
  _useState2 = _slicedToArray(_useState, 2),
28098
28098
  sectionproperties = _useState2[0],
28099
28099
  setsectionproperties = _useState2[1];
28100
- props.actions.setSearchHeaderInputContext;
28101
- props.actions.setsearchbarCanvasContext;
28100
+ var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
28101
+ var setsearchbarCanvasContext = props.actions.setsearchbarCanvasContext;
28102
28102
  var _useState3 = useState(props.srcfromprops == 'cardssection' ? props.searchinputprops : SearchHeaderInputContext),
28103
28103
  _useState4 = _slicedToArray(_useState3, 2),
28104
28104
  searchinput = _useState4[0],
@@ -28116,7 +28116,7 @@ var Searchlist$1 = function Searchlist(props) {
28116
28116
  setsearchinput(props.searchinputprops);
28117
28117
  }
28118
28118
  }, [props.searchinputprops]);
28119
- ({
28119
+ var searchlist_styles = {
28120
28120
  searchcont: css({
28121
28121
  color: sectionproperties.searchlist_prodNameColor,
28122
28122
  ':hover': {
@@ -28174,13 +28174,151 @@ var Searchlist$1 = function Searchlist(props) {
28174
28174
  // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
28175
28175
  // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
28176
28176
  })
28177
- });
28177
+ };
28178
28178
  return /*#__PURE__*/React.createElement("div", {
28179
28179
  className: "col-lg-12 p-0 m-0 w-100 allcentered",
28180
28180
  style: {
28181
28181
  zIndex: 1000
28182
28182
  }
28183
- }, sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React.createElement("p", null));
28183
+ }, sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React.createElement("div", {
28184
+ 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 ',
28185
+ style: {
28186
+ zIndex: 1000,
28187
+ 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%',
28188
+ 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,
28189
+ 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%' : '' : '',
28190
+ 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%' : '' : '',
28191
+ margin: props.srcfromprops == 'respheader' ? 'auto' : ''
28192
+ }
28193
+ }, SearchHeaderMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
28194
+ "class": "row m-0 w-100 d-flex align-items-center justify-content-center h-100 mt-auto mb-auto"
28195
+ }, /*#__PURE__*/React.createElement("div", {
28196
+ "class": "col-lg-12 d-flex align-items-center justify-content-center flex-column h-100"
28197
+ }, /*#__PURE__*/React.createElement(Messaging, {
28198
+ color: "#ccc",
28199
+ width: "10px",
28200
+ height: "10px",
28201
+ duration: "1s"
28202
+ }))), !SearchHeaderMutationContext.isLoading && SearchHeaderMutationContext.isSuccess && /*#__PURE__*/React.createElement("div", {
28203
+ "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 ',
28204
+ style: {
28205
+ overflowX: 'hidden',
28206
+ paddingBottom: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '50px' : '0.25rem'
28207
+ }
28208
+ }, /*#__PURE__*/React.createElement("div", {
28209
+ "class": "col-lg-12 m-0 w-100 p-0"
28210
+ }, /*#__PURE__*/React.createElement("div", {
28211
+ "class": "row m-0 w-100"
28212
+ }, SearchHeaderMutationContext.data.data.products.map(function (item, index) {
28213
+ return /*#__PURE__*/React.createElement("div", {
28214
+ "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',
28215
+ style: {
28216
+ zIndex: 1000
28217
+ },
28218
+ onClick: function onClick() {
28219
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
28220
+ setSearchHeaderInputContext('');
28221
+ setsearchinput('');
28222
+ setsearchbarCanvasContext(false);
28223
+ }
28224
+ }, /*#__PURE__*/React.createElement("div", {
28225
+ "class": "".concat(searchlist_styles.searchcont) + ' col-lg-12 col-md-12 d-flex p-0 cursor-pointer '
28226
+ }, /*#__PURE__*/React.createElement("div", {
28227
+ "class": searchlist_styles.imagecont
28228
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
28229
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
28230
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
28231
+ path: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
28232
+ loading: "lazy",
28233
+ style: {
28234
+ height: '100%',
28235
+ width: '100%',
28236
+ objectFit: 'contain',
28237
+ borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
28238
+ }
28239
+ })), /*#__PURE__*/React.createElement("div", {
28240
+ "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 ',
28241
+ style: {
28242
+ alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
28243
+ }
28244
+ }, /*#__PURE__*/React.createElement("div", {
28245
+ "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'row m-0 w-100 d-flex' : 'row m-0 w-100 d-flex',
28246
+ style: {
28247
+ alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
28248
+ }
28249
+ }, /*#__PURE__*/React.createElement("div", {
28250
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-start"
28251
+ }, /*#__PURE__*/React.createElement("p", {
28252
+ "class": "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 '
28253
+ }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React.createElement("div", {
28254
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center",
28255
+ style: {
28256
+ marginTop: sectionproperties.pricingmargintop != undefined ? sectionproperties.pricingmargintop + 'px' : '-0.25rem',
28257
+ display: 'row'
28258
+ }
28259
+ }, /*#__PURE__*/React.createElement("p", {
28260
+ "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
28261
+ }, 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", {
28262
+ "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'
28263
+ }, 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", {
28264
+ className: "col-lg-12 col-md-12 p-0"
28265
+ }, /*#__PURE__*/React.createElement("hr", {
28266
+ className: "mt-2 mb-1"
28267
+ })));
28268
+ }), sectionproperties.searchliststyle == 'Cards' && SearchHeaderMutationContext.data.data.products.map(function (item, index) {
28269
+ return /*#__PURE__*/React.createElement("div", {
28270
+ "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',
28271
+ style: {
28272
+ zIndex: 1000
28273
+ },
28274
+ onClick: function onClick() {
28275
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
28276
+ setSearchHeaderInputContext('');
28277
+ setsearchinput('');
28278
+ setsearchbarCanvasContext(false);
28279
+ }
28280
+ }, /*#__PURE__*/React.createElement("div", {
28281
+ "class": "".concat(searchlist_styles.searchcont) + ' row m-0 w-100 cursor-pointer '
28282
+ }, /*#__PURE__*/React.createElement("div", {
28283
+ "class": ' col-lg-12 col-md-12 d-flex p-0 '
28284
+ }, /*#__PURE__*/React.createElement("div", {
28285
+ "class": searchlist_styles.imagecont + ' w-100 ',
28286
+ style: {
28287
+ borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
28288
+ }
28289
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
28290
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
28291
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
28292
+ path: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
28293
+ loading: "lazy",
28294
+ style: {
28295
+ height: sectionproperties.searchlist_prodimage_width + '%',
28296
+ width: sectionproperties.searchlist_prodimage_width + '%',
28297
+ objectFit: 'contain'
28298
+ }
28299
+ }))), /*#__PURE__*/React.createElement("div", {
28300
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
28301
+ }, /*#__PURE__*/React.createElement("p", {
28302
+ "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 ',
28303
+ style: {
28304
+ textAlign: 'center'
28305
+ }
28306
+ }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React.createElement("div", {
28307
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered mt-2"
28308
+ }, /*#__PURE__*/React.createElement("p", {
28309
+ "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
28310
+ }, 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", {
28311
+ "class": "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
28312
+ }, 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))));
28313
+ })), SearchHeaderMutationContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
28314
+ className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100"
28315
+ }, /*#__PURE__*/React.createElement("div", {
28316
+ className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100"
28317
+ }, /*#__PURE__*/React.createElement(FiLayers, {
28318
+ size: 25
28319
+ }), /*#__PURE__*/React.createElement("p", {
28320
+ className: "font-13 font-weight-500"
28321
+ }, lang.nosearchresults)))))));
28184
28322
  };
28185
28323
 
28186
28324
  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; }
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
- }, sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React__default["default"].createElement("p", null));
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; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.2.1316",
3
+ "version": "0.2.1318",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",