tabexseriescomponents 0.0.718 → 0.0.720

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.esm.js CHANGED
@@ -18271,14 +18271,14 @@ var CardsSection = function CardsSection(props) {
18271
18271
  if (sectionproperties.removedecimals == 'Without Decimals') {
18272
18272
  cardobj.defaultprice = parseFloat(Number(arrayItem.productinfo.defaultprice).toFixed(2));
18273
18273
  } else if (sectionproperties.removedecimals == 'Without Decimals and Separated With Comma') {
18274
- cardobj.defaultprice = Math.floor(arrayItem.productinfo.defaultprice).toLocaleString;
18274
+ cardobj.defaultprice = Math.floor(arrayItem.productinfo.defaultprice).toLocaleString();
18275
18275
  } else {
18276
18276
  cardobj.defaultprice = arrayItem.productinfo.defaultprice;
18277
18277
  }
18278
18278
  if (sectionproperties.removedecimals == 'Without Decimals') {
18279
18279
  cardobj.defaultsaleprice = parseFloat(Number(arrayItem.productinfo.defaultsaleprice).toFixed(2));
18280
18280
  } else if (sectionproperties.removedecimals == 'Without Decimals and Separated With Comma') {
18281
- cardobj.defaultsaleprice = Math.floor(arrayItem.productinfo.defaultsaleprice).toLocaleString;
18281
+ cardobj.defaultsaleprice = Math.floor(arrayItem.productinfo.defaultsaleprice).toLocaleString();
18282
18282
  } else {
18283
18283
  cardobj.defaultsaleprice = arrayItem.productinfo.defaultsaleprice;
18284
18284
  }
@@ -22720,7 +22720,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
22720
22720
  function ownKeys$1Z(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; }
22721
22721
  function _objectSpread$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22722
22722
  var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
22723
- var _authdetailsContext$i3, _authdetailsContext$i4, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15;
22723
+ var _authdetailsContext$i3, _authdetailsContext$i4, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15, _returnpolicyobj17, _returnpolicyobj18, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _returnpolicyobj23, _returnpolicyobj24, _authdetailsContext$i18, _authdetailsContext$i21, _authdetailsContext$i24, _authdetailsContext$i27;
22724
22724
  var actions = props.actions;
22725
22725
  var LogoutMutationContext = props.actions.LogoutMutationContext;
22726
22726
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -24239,6 +24239,406 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
24239
24239
  }, /*#__PURE__*/React.createElement(AiFillYoutube, {
24240
24240
  size: '20',
24241
24241
  color: '#62564b'
24242
+ }))))), sectionproperties.length != 0 && sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' && /*#__PURE__*/React.createElement(Offcanvas, {
24243
+ show: openmenuCanvas,
24244
+ onHide: function onHide() {
24245
+ setopenmenuCanvas(false);
24246
+ },
24247
+ placement: langdetect == 'en' ? 'start' : 'end',
24248
+ scroll: true,
24249
+ style: {
24250
+ width: '90%',
24251
+ backgroundColor: 'white'
24252
+ },
24253
+ backdrop: true
24254
+ }, /*#__PURE__*/React.createElement(Offcanvas.Header, null, /*#__PURE__*/React.createElement(Offcanvas.Title, null, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
24255
+ "class": "allcentered",
24256
+ style: {
24257
+ position: 'absolute',
24258
+ right: -34,
24259
+ top: 5,
24260
+ width: 30,
24261
+ height: 30,
24262
+ background: '#000'
24263
+ },
24264
+ onClick: function onClick() {
24265
+ setopenmenuCanvas(false);
24266
+ }
24267
+ }, /*#__PURE__*/React.createElement(IoMdClose, {
24268
+ color: '#fff',
24269
+ size: 16
24270
+ })), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
24271
+ "class": "allcentered",
24272
+ style: {
24273
+ position: 'absolute',
24274
+ left: -34,
24275
+ top: 5,
24276
+ width: 30,
24277
+ height: 30,
24278
+ background: '#000'
24279
+ },
24280
+ onClick: function onClick() {
24281
+ setopenCnvas(false);
24282
+ }
24283
+ }, /*#__PURE__*/React.createElement(IoMdClose, {
24284
+ color: '#fff',
24285
+ size: 16
24286
+ })), /*#__PURE__*/React.createElement("div", {
24287
+ className: "row m-0 w-100 mb-5",
24288
+ style: {
24289
+ borderBottom: '1px solid #eee'
24290
+ }
24291
+ }, /*#__PURE__*/React.createElement("div", {
24292
+ // className={'col-12 allcentered py-3'}
24293
+ className: sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' ? 'col-12 allcentered py-3' : 'col-6 allcentered py-3',
24294
+ onClick: function onClick() {
24295
+ setactiveTab('menu');
24296
+ },
24297
+ style: {
24298
+ background: activeTab == 'menu' ? 'white' : '#eee'
24299
+ }
24300
+ }, /*#__PURE__*/React.createElement("p", {
24301
+ className: "m-0 p-0",
24302
+ style: {
24303
+ textTransform: 'uppercase',
24304
+ fontWeight: 500,
24305
+ fontSize: '15px',
24306
+ transition: '.3s',
24307
+ color: sectionproperties.header_fontColorresponsive
24308
+ }
24309
+ }, langdetect == 'en' ? 'MENU' : 'القائمة')), sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React.createElement("div", {
24310
+ className: 'col-6 allcentered py-3',
24311
+ onClick: function onClick() {
24312
+ setactiveTab('categories');
24313
+ },
24314
+ style: {
24315
+ background: activeTab == 'categories' ? 'white' : '#eee'
24316
+ }
24317
+ }, /*#__PURE__*/React.createElement("p", {
24318
+ className: "m-0 p-0",
24319
+ style: {
24320
+ textTransform: 'uppercase',
24321
+ fontWeight: 500,
24322
+ fontSize: '15px',
24323
+ transition: '.3s',
24324
+ color: sectionproperties.header_fontColorresponsive
24325
+ }
24326
+ }, langdetect == 'en' ? sectionproperties.titlerespen : sectionproperties.titlerespar))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, /*#__PURE__*/React.createElement("div", {
24327
+ style: {
24328
+ minHeight: '80vh'
24329
+ }
24330
+ }, activeTab == 'menu' && /*#__PURE__*/React.createElement("div", {
24331
+ className: ' row m-0 w-100 anim '
24332
+ }, /*#__PURE__*/React.createElement("div", {
24333
+ className: "col-lg-12 p-0"
24334
+ }, /*#__PURE__*/React.createElement("ul", {
24335
+ className: ' d-flex justify-content-center flex-column p-0 '
24336
+ }, templatepropcontext.pagesnprop.map(function (item, index) {
24337
+ if (item.isnavigation == 1 && item.isactive == 1) {
24338
+ return /*#__PURE__*/React.createElement("div", {
24339
+ className: "row m-0 w-100"
24340
+ }, /*#__PURE__*/React.createElement("div", {
24341
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
24342
+ style: {
24343
+ paddingTop: index == 0 ? 5 : 0
24344
+ }
24345
+ }, /*#__PURE__*/React.createElement("div", {
24346
+ onClick: function onClick() {
24347
+ routingcountext(item.navigationroute, false, '');
24348
+ setopenCnvas(false);
24349
+ }
24350
+ }, /*#__PURE__*/React.createElement("p", {
24351
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24352
+ }, langdetect == 'en' ? item.pagename : item.pagename_ar))), /*#__PURE__*/React.createElement("div", {
24353
+ className: "col-lg-12 p-0"
24354
+ }, /*#__PURE__*/React.createElement("hr", {
24355
+ className: "mt-4 mb-4",
24356
+ style: {
24357
+ borderColor: sectionproperties.resp_header_separatorbg
24358
+ }
24359
+ })));
24360
+ }
24361
+ }), sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React.createElement("div", {
24362
+ className: ' row m-0 w-100 '
24363
+ }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion()), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
24364
+ className: "row m-0 w-100"
24365
+ }, /*#__PURE__*/React.createElement("div", {
24366
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
24367
+ onClick: function onClick() {
24368
+ routingcountext(StaticPagesLinksContext.Ordershistory);
24369
+ setopenCnvas(false);
24370
+ }
24371
+ }, /*#__PURE__*/React.createElement("p", {
24372
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
24373
+ }, lang.orderhistory)), /*#__PURE__*/React.createElement("div", {
24374
+ className: "col-lg-12 p-0"
24375
+ }, /*#__PURE__*/React.createElement("hr", {
24376
+ className: "mt-4 mb-4",
24377
+ style: {
24378
+ borderColor: sectionproperties.resp_header_separatorbg
24379
+ }
24380
+ }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React.createElement("div", {
24381
+ className: "row m-0 w-100"
24382
+ }, /*#__PURE__*/React.createElement("div", {
24383
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
24384
+ onClick: function onClick() {
24385
+ routingcountext(StaticPagesLinksContext.Wishlist);
24386
+ setopenCnvas(false);
24387
+ }
24388
+ }, /*#__PURE__*/React.createElement("p", {
24389
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
24390
+ }, lang.wishlist)), /*#__PURE__*/React.createElement("div", {
24391
+ className: "col-lg-12 p-0"
24392
+ }, /*#__PURE__*/React.createElement("hr", {
24393
+ className: "mt-4 mb-4",
24394
+ style: {
24395
+ borderColor: sectionproperties.resp_header_separatorbg
24396
+ }
24397
+ }))), templateproperties_context.separatepolicies == 'No' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
24398
+ className: "row m-0 w-100"
24399
+ }, /*#__PURE__*/React.createElement("div", {
24400
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
24401
+ onClick: function onClick() {
24402
+ routingcountext(StaticPagesLinksContext.Policies);
24403
+ setmenuactive(false);
24404
+ }
24405
+ }, /*#__PURE__*/React.createElement("p", {
24406
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
24407
+ }, lang.policies)), /*#__PURE__*/React.createElement("div", {
24408
+ className: "col-lg-12 p-0"
24409
+ }, /*#__PURE__*/React.createElement("hr", {
24410
+ className: "mt-4 mb-4",
24411
+ style: {
24412
+ borderColor: sectionproperties.resp_header_separatorbg
24413
+ }
24414
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
24415
+ className: "row m-0 w-100"
24416
+ }, /*#__PURE__*/React.createElement("div", {
24417
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24418
+ }, /*#__PURE__*/React.createElement("div", {
24419
+ onClick: function onClick() {
24420
+ routingcountext(StaticPagesLinksContext.PrivacyPolicy);
24421
+ setmenuactive(false);
24422
+ }
24423
+ }, /*#__PURE__*/React.createElement("p", {
24424
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24425
+ }, langdetect == 'en' ? (_returnpolicyobj17 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj17 === void 0 ? void 0 : _returnpolicyobj17.policypagename_en : (_returnpolicyobj18 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj18 === void 0 ? void 0 : _returnpolicyobj18.policypagename_ar))), /*#__PURE__*/React.createElement("div", {
24426
+ className: "col-lg-12 p-0"
24427
+ }, /*#__PURE__*/React.createElement("hr", {
24428
+ className: "mt-3 mb-3",
24429
+ style: {
24430
+ borderColor: sectionproperties.resp_header_separatorbg
24431
+ }
24432
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
24433
+ className: "row m-0 w-100"
24434
+ }, /*#__PURE__*/React.createElement("div", {
24435
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24436
+ }, /*#__PURE__*/React.createElement("div", {
24437
+ onClick: function onClick() {
24438
+ routingcountext(StaticPagesLinksContext.ShippingPolicy);
24439
+ setmenuactive(false);
24440
+ }
24441
+ }, /*#__PURE__*/React.createElement("p", {
24442
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24443
+ }, langdetect == 'en' ? (_returnpolicyobj19 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj19 === void 0 ? void 0 : _returnpolicyobj19.policypagename_en : (_returnpolicyobj20 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj20 === void 0 ? void 0 : _returnpolicyobj20.policypagename_ar))), /*#__PURE__*/React.createElement("div", {
24444
+ className: "col-lg-12 p-0"
24445
+ }, /*#__PURE__*/React.createElement("hr", {
24446
+ className: "mt-3 mb-3",
24447
+ style: {
24448
+ borderColor: sectionproperties.resp_header_separatorbg
24449
+ }
24450
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
24451
+ className: "row m-0 w-100"
24452
+ }, /*#__PURE__*/React.createElement("div", {
24453
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24454
+ }, /*#__PURE__*/React.createElement("div", {
24455
+ onClick: function onClick() {
24456
+ routingcountext(StaticPagesLinksContext.RefundPolicy);
24457
+ setmenuactive(false);
24458
+ }
24459
+ }, /*#__PURE__*/React.createElement("p", {
24460
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24461
+ }, langdetect == 'en' ? (_returnpolicyobj21 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj21 === void 0 ? void 0 : _returnpolicyobj21.policypagename_en : (_returnpolicyobj22 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj22 === void 0 ? void 0 : _returnpolicyobj22.policypagename_ar))), /*#__PURE__*/React.createElement("div", {
24462
+ className: "col-lg-12 p-0"
24463
+ }, /*#__PURE__*/React.createElement("hr", {
24464
+ className: "mt-3 mb-3",
24465
+ style: {
24466
+ borderColor: sectionproperties.resp_header_separatorbg
24467
+ }
24468
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
24469
+ className: "row m-0 w-100"
24470
+ }, /*#__PURE__*/React.createElement("div", {
24471
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24472
+ }, /*#__PURE__*/React.createElement("div", {
24473
+ onClick: function onClick() {
24474
+ routingcountext(StaticPagesLinksContext.TermsConditions);
24475
+ setmenuactive(false);
24476
+ }
24477
+ }, /*#__PURE__*/React.createElement("p", {
24478
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24479
+ }, langdetect == 'en' ? (_returnpolicyobj23 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj23 === void 0 ? void 0 : _returnpolicyobj23.policypagename_en : (_returnpolicyobj24 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj24 === void 0 ? void 0 : _returnpolicyobj24.policypagename_ar))), /*#__PURE__*/React.createElement("div", {
24480
+ className: "col-lg-12 p-0"
24481
+ }, /*#__PURE__*/React.createElement("hr", {
24482
+ className: "mt-3 mb-3",
24483
+ style: {
24484
+ borderColor: sectionproperties.resp_header_separatorbg
24485
+ }
24486
+ }))), authdetailsContext.loggedin == true && templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React.createElement("div", {
24487
+ className: "row m-0 w-100"
24488
+ }, /*#__PURE__*/React.createElement("div", {
24489
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24490
+ }, /*#__PURE__*/React.createElement("div", {
24491
+ onClick: function onClick() {
24492
+ routingcountext(StaticPagesLinksContext.Ordershistory);
24493
+ setmenuactive(false);
24494
+ }
24495
+ }, /*#__PURE__*/React.createElement("p", {
24496
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24497
+ }, langdetect == 'en' ? templateproperties_context.previousorders_titleen : templateproperties_context.previousorders_titlear))), /*#__PURE__*/React.createElement("div", {
24498
+ className: "col-lg-12 p-0"
24499
+ }, /*#__PURE__*/React.createElement("hr", {
24500
+ className: "mt-3 mb-3",
24501
+ style: {
24502
+ borderColor: sectionproperties.resp_header_separatorbg
24503
+ }
24504
+ }))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
24505
+ className: "row m-0 w-100 pl-3 pr-3"
24506
+ }, /*#__PURE__*/React.createElement("div", {
24507
+ "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start mb-2 ',
24508
+ style: {}
24509
+ }, /*#__PURE__*/React.createElement("p", {
24510
+ "class": "".concat(header_cssstyles.navbar_item_text_responsive) + ' m-0 p-0 ',
24511
+ style: {
24512
+ cursor: 'default'
24513
+ }
24514
+ }, langdetect == 'en' ? 'Language' : 'اللغة')), /*#__PURE__*/React.createElement("div", {
24515
+ "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start my-1"
24516
+ }, /*#__PURE__*/React.createElement("div", {
24517
+ "class": "row m-0 w-100",
24518
+ style: {
24519
+ background: sectionproperties.langcontainerbgresp,
24520
+ borderRadius: 5
24521
+ }
24522
+ }, /*#__PURE__*/React.createElement("div", {
24523
+ "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
24524
+ onClick: function onClick() {
24525
+ setlang('en');
24526
+ setmenuactive(false);
24527
+ }
24528
+ }, /*#__PURE__*/React.createElement("p", {
24529
+ "class": "m-0 p-0 w-100 allcentered py-3",
24530
+ style: {
24531
+ background: langdetect == 'en' ? sectionproperties.langcontainerbgresp_active : 'transparent',
24532
+ borderRadius: 5,
24533
+ fontSize: 15,
24534
+ color: sectionproperties.language_container_color_resp
24535
+ }
24536
+ }, "English")), /*#__PURE__*/React.createElement("div", {
24537
+ "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
24538
+ onClick: function onClick() {
24539
+ setlang('ar');
24540
+ setmenuactive(false);
24541
+ }
24542
+ }, /*#__PURE__*/React.createElement("p", {
24543
+ "class": "m-0 p-0 w-100 allcentered py-3",
24544
+ style: {
24545
+ borderRadius: 5,
24546
+ background: langdetect == 'ar' ? sectionproperties.langcontainerbgresp_active : 'transparent',
24547
+ fontSize: 15,
24548
+ color: sectionproperties.language_container_color_resp
24549
+ }
24550
+ }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629"))))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
24551
+ className: "row m-0 w-100 pl-3 pr-3 mt-5"
24552
+ }, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("button", {
24553
+ "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
24554
+ onClick: function onClick() {
24555
+ routingcountext(StaticPagesLinksContext.Login);
24556
+ setmenuactive(false);
24557
+ }
24558
+ }, /*#__PURE__*/React.createElement("i", {
24559
+ "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
24560
+ }, /*#__PURE__*/React.createElement(BiUser, null)), /*#__PURE__*/React.createElement("span", {
24561
+ "class": "userbtn_resp mx-2"
24562
+ }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("button", {
24563
+ "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
24564
+ onClick: function onClick() {
24565
+ routingcountext(StaticPagesLinksContext.accountinfo);
24566
+ setmenuactive(false);
24567
+ }
24568
+ }, /*#__PURE__*/React.createElement("i", {
24569
+ "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
24570
+ }, /*#__PURE__*/React.createElement(BiUser, null)), /*#__PURE__*/React.createElement("span", {
24571
+ "class": header_cssstyles.loggedintext + ' text-start text-overflow d-block loggedintext mx-2 '
24572
+ }, authdetailsContext.customerinfo.name))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
24573
+ className: "row m-0 w-100"
24574
+ }, /*#__PURE__*/React.createElement("button", {
24575
+ "class": ' d-flex align-items-center justify-content-center p-0 m-0 ',
24576
+ onClick: function onClick() {
24577
+ LogoutMutationContext.mutate();
24578
+ setmenuactive(false);
24579
+ },
24580
+ style: {
24581
+ width: '90%',
24582
+ height: 40,
24583
+ background: 'white',
24584
+ color: '#000',
24585
+ fontSize: 16
24586
+ }
24587
+ }, lang.logout))))), activeTab == 'categories' && sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React.createElement("div", {
24588
+ className: ' row m-0 w-100 accordionContainer anim'
24589
+ }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion())), /*#__PURE__*/React.createElement("div", {
24590
+ className: "col-lg-12 p-0 d-flex flex-row allcentered p-3",
24591
+ style: {
24592
+ background: '#eee'
24593
+ }
24594
+ }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.facebooklink) != null && /*#__PURE__*/React.createElement("div", {
24595
+ "class": ' d-flex align-items-center justify-content-center mx-2 ',
24596
+ onClick: function onClick() {
24597
+ var _authdetailsContext$i19;
24598
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.facebooklink) != null) {
24599
+ var _authdetailsContext$i20;
24600
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.facebooklink, '_blank');
24601
+ }
24602
+ }
24603
+ }, /*#__PURE__*/React.createElement(FaFacebookF, {
24604
+ size: '20',
24605
+ color: '#62564b'
24606
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink) != null && /*#__PURE__*/React.createElement("div", {
24607
+ "class": ' d-flex align-items-center justify-content-center mx-2 ',
24608
+ onClick: function onClick() {
24609
+ var _authdetailsContext$i22;
24610
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.instagramlink) != null) {
24611
+ var _authdetailsContext$i23;
24612
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.instagramlink, '_blank');
24613
+ }
24614
+ }
24615
+ }, /*#__PURE__*/React.createElement(AiFillInstagram, {
24616
+ size: '22',
24617
+ color: '#62564b'
24618
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.tiktoklink) != null && /*#__PURE__*/React.createElement("div", {
24619
+ "class": ' d-flex align-items-center justify-content-center mx-2 ',
24620
+ onClick: function onClick() {
24621
+ var _authdetailsContext$i25;
24622
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.instagramlink) != null) {
24623
+ var _authdetailsContext$i26;
24624
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.tiktoklink, '_blank');
24625
+ }
24626
+ }
24627
+ }, /*#__PURE__*/React.createElement(IoLogoTiktok, {
24628
+ size: '20',
24629
+ color: '#62564b'
24630
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.youtubelink) != null && /*#__PURE__*/React.createElement("div", {
24631
+ "class": ' d-flex align-items-center justify-content-center mx-2 ',
24632
+ onClick: function onClick() {
24633
+ var _authdetailsContext$i28;
24634
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.instagramlink) != null) {
24635
+ var _authdetailsContext$i29;
24636
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.youtubelink, '_blank');
24637
+ }
24638
+ }
24639
+ }, /*#__PURE__*/React.createElement(AiFillYoutube, {
24640
+ size: '20',
24641
+ color: '#62564b'
24242
24642
  })))))));
24243
24643
  };
24244
24644