tabexseriescomponents 0.0.718 → 0.0.719

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 +401 -1
  2. package/dist/index.esm.js +401 -1
  3. package/dist/index.umd.js +401 -1
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -22768,7 +22768,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
22768
22768
  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; }
22769
22769
  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__default["default"](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; }
22770
22770
  var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
22771
- 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;
22771
+ 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;
22772
22772
  var actions = props.actions;
22773
22773
  var LogoutMutationContext = props.actions.LogoutMutationContext;
22774
22774
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -24287,6 +24287,406 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
24287
24287
  }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
24288
24288
  size: '20',
24289
24289
  color: '#62564b'
24290
+ }))))), sectionproperties.length != 0 && sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
24291
+ show: openmenuCanvas,
24292
+ onHide: function onHide() {
24293
+ setopenmenuCanvas(false);
24294
+ },
24295
+ placement: langdetect == 'en' ? 'start' : 'end',
24296
+ scroll: true,
24297
+ style: {
24298
+ width: '90%',
24299
+ backgroundColor: 'white'
24300
+ },
24301
+ backdrop: true
24302
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
24303
+ "class": "allcentered",
24304
+ style: {
24305
+ position: 'absolute',
24306
+ right: -34,
24307
+ top: 5,
24308
+ width: 30,
24309
+ height: 30,
24310
+ background: '#000'
24311
+ },
24312
+ onClick: function onClick() {
24313
+ setopenmenuCanvas(false);
24314
+ }
24315
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
24316
+ color: '#fff',
24317
+ size: 16
24318
+ })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
24319
+ "class": "allcentered",
24320
+ style: {
24321
+ position: 'absolute',
24322
+ left: -34,
24323
+ top: 5,
24324
+ width: 30,
24325
+ height: 30,
24326
+ background: '#000'
24327
+ },
24328
+ onClick: function onClick() {
24329
+ setopenCnvas(false);
24330
+ }
24331
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
24332
+ color: '#fff',
24333
+ size: 16
24334
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
24335
+ className: "row m-0 w-100 mb-5",
24336
+ style: {
24337
+ borderBottom: '1px solid #eee'
24338
+ }
24339
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24340
+ // className={'col-12 allcentered py-3'}
24341
+ className: sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' ? 'col-12 allcentered py-3' : 'col-6 allcentered py-3',
24342
+ onClick: function onClick() {
24343
+ setactiveTab('menu');
24344
+ },
24345
+ style: {
24346
+ background: activeTab == 'menu' ? 'white' : '#eee'
24347
+ }
24348
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24349
+ className: "m-0 p-0",
24350
+ style: {
24351
+ textTransform: 'uppercase',
24352
+ fontWeight: 500,
24353
+ fontSize: '15px',
24354
+ transition: '.3s',
24355
+ color: sectionproperties.header_fontColorresponsive
24356
+ }
24357
+ }, langdetect == 'en' ? 'MENU' : 'القائمة')), sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
24358
+ className: 'col-6 allcentered py-3',
24359
+ onClick: function onClick() {
24360
+ setactiveTab('categories');
24361
+ },
24362
+ style: {
24363
+ background: activeTab == 'categories' ? 'white' : '#eee'
24364
+ }
24365
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24366
+ className: "m-0 p-0",
24367
+ style: {
24368
+ textTransform: 'uppercase',
24369
+ fontWeight: 500,
24370
+ fontSize: '15px',
24371
+ transition: '.3s',
24372
+ color: sectionproperties.header_fontColorresponsive
24373
+ }
24374
+ }, langdetect == 'en' ? sectionproperties.titlerespen : sectionproperties.titlerespar))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
24375
+ style: {
24376
+ minHeight: '80vh'
24377
+ }
24378
+ }, activeTab == 'menu' && /*#__PURE__*/React__default["default"].createElement("div", {
24379
+ className: ' row m-0 w-100 anim '
24380
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24381
+ className: "col-lg-12 p-0"
24382
+ }, /*#__PURE__*/React__default["default"].createElement("ul", {
24383
+ className: ' d-flex justify-content-center flex-column p-0 '
24384
+ }, templatepropcontext.pagesnprop.map(function (item, index) {
24385
+ if (item.isnavigation == 1 && item.isactive == 1) {
24386
+ return /*#__PURE__*/React__default["default"].createElement("div", {
24387
+ className: "row m-0 w-100"
24388
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24389
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
24390
+ style: {
24391
+ paddingTop: index == 0 ? 5 : 0
24392
+ }
24393
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24394
+ onClick: function onClick() {
24395
+ routingcountext(item.navigationroute, false, '');
24396
+ setopenCnvas(false);
24397
+ }
24398
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24399
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24400
+ }, langdetect == 'en' ? item.pagename : item.pagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
24401
+ className: "col-lg-12 p-0"
24402
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24403
+ className: "mt-4 mb-4",
24404
+ style: {
24405
+ borderColor: sectionproperties.resp_header_separatorbg
24406
+ }
24407
+ })));
24408
+ }
24409
+ }), sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
24410
+ className: ' row m-0 w-100 '
24411
+ }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion()), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24412
+ className: "row m-0 w-100"
24413
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24414
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
24415
+ onClick: function onClick() {
24416
+ routingcountext(StaticPagesLinksContext.Ordershistory);
24417
+ setopenCnvas(false);
24418
+ }
24419
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24420
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
24421
+ }, lang.orderhistory)), /*#__PURE__*/React__default["default"].createElement("div", {
24422
+ className: "col-lg-12 p-0"
24423
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24424
+ className: "mt-4 mb-4",
24425
+ style: {
24426
+ borderColor: sectionproperties.resp_header_separatorbg
24427
+ }
24428
+ }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24429
+ className: "row m-0 w-100"
24430
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24431
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
24432
+ onClick: function onClick() {
24433
+ routingcountext(StaticPagesLinksContext.Wishlist);
24434
+ setopenCnvas(false);
24435
+ }
24436
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24437
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
24438
+ }, lang.wishlist)), /*#__PURE__*/React__default["default"].createElement("div", {
24439
+ className: "col-lg-12 p-0"
24440
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24441
+ className: "mt-4 mb-4",
24442
+ style: {
24443
+ borderColor: sectionproperties.resp_header_separatorbg
24444
+ }
24445
+ }))), templateproperties_context.separatepolicies == 'No' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
24446
+ className: "row m-0 w-100"
24447
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24448
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
24449
+ onClick: function onClick() {
24450
+ routingcountext(StaticPagesLinksContext.Policies);
24451
+ setmenuactive(false);
24452
+ }
24453
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24454
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
24455
+ }, lang.policies)), /*#__PURE__*/React__default["default"].createElement("div", {
24456
+ className: "col-lg-12 p-0"
24457
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24458
+ className: "mt-4 mb-4",
24459
+ style: {
24460
+ borderColor: sectionproperties.resp_header_separatorbg
24461
+ }
24462
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
24463
+ className: "row m-0 w-100"
24464
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24465
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24466
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24467
+ onClick: function onClick() {
24468
+ routingcountext(StaticPagesLinksContext.PrivacyPolicy);
24469
+ setmenuactive(false);
24470
+ }
24471
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24472
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24473
+ }, 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__default["default"].createElement("div", {
24474
+ className: "col-lg-12 p-0"
24475
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24476
+ className: "mt-3 mb-3",
24477
+ style: {
24478
+ borderColor: sectionproperties.resp_header_separatorbg
24479
+ }
24480
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
24481
+ className: "row m-0 w-100"
24482
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24483
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24484
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24485
+ onClick: function onClick() {
24486
+ routingcountext(StaticPagesLinksContext.ShippingPolicy);
24487
+ setmenuactive(false);
24488
+ }
24489
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24490
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24491
+ }, 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__default["default"].createElement("div", {
24492
+ className: "col-lg-12 p-0"
24493
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24494
+ className: "mt-3 mb-3",
24495
+ style: {
24496
+ borderColor: sectionproperties.resp_header_separatorbg
24497
+ }
24498
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
24499
+ className: "row m-0 w-100"
24500
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24501
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24502
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24503
+ onClick: function onClick() {
24504
+ routingcountext(StaticPagesLinksContext.RefundPolicy);
24505
+ setmenuactive(false);
24506
+ }
24507
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24508
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24509
+ }, 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__default["default"].createElement("div", {
24510
+ className: "col-lg-12 p-0"
24511
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24512
+ className: "mt-3 mb-3",
24513
+ style: {
24514
+ borderColor: sectionproperties.resp_header_separatorbg
24515
+ }
24516
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
24517
+ className: "row m-0 w-100"
24518
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24519
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24520
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24521
+ onClick: function onClick() {
24522
+ routingcountext(StaticPagesLinksContext.TermsConditions);
24523
+ setmenuactive(false);
24524
+ }
24525
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24526
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24527
+ }, 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__default["default"].createElement("div", {
24528
+ className: "col-lg-12 p-0"
24529
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24530
+ className: "mt-3 mb-3",
24531
+ style: {
24532
+ borderColor: sectionproperties.resp_header_separatorbg
24533
+ }
24534
+ }))), authdetailsContext.loggedin == true && templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24535
+ className: "row m-0 w-100"
24536
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24537
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24538
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24539
+ onClick: function onClick() {
24540
+ routingcountext(StaticPagesLinksContext.Ordershistory);
24541
+ setmenuactive(false);
24542
+ }
24543
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24544
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24545
+ }, langdetect == 'en' ? templateproperties_context.previousorders_titleen : templateproperties_context.previousorders_titlear))), /*#__PURE__*/React__default["default"].createElement("div", {
24546
+ className: "col-lg-12 p-0"
24547
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24548
+ className: "mt-3 mb-3",
24549
+ style: {
24550
+ borderColor: sectionproperties.resp_header_separatorbg
24551
+ }
24552
+ }))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24553
+ className: "row m-0 w-100 pl-3 pr-3"
24554
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24555
+ "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start mb-2 ',
24556
+ style: {}
24557
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24558
+ "class": "".concat(header_cssstyles.navbar_item_text_responsive) + ' m-0 p-0 ',
24559
+ style: {
24560
+ cursor: 'default'
24561
+ }
24562
+ }, langdetect == 'en' ? 'Language' : 'اللغة')), /*#__PURE__*/React__default["default"].createElement("div", {
24563
+ "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start my-1"
24564
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24565
+ "class": "row m-0 w-100",
24566
+ style: {
24567
+ background: sectionproperties.langcontainerbgresp,
24568
+ borderRadius: 5
24569
+ }
24570
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24571
+ "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
24572
+ onClick: function onClick() {
24573
+ setlang('en');
24574
+ setmenuactive(false);
24575
+ }
24576
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24577
+ "class": "m-0 p-0 w-100 allcentered py-3",
24578
+ style: {
24579
+ background: langdetect == 'en' ? sectionproperties.langcontainerbgresp_active : 'transparent',
24580
+ borderRadius: 5,
24581
+ fontSize: 15,
24582
+ color: sectionproperties.language_container_color_resp
24583
+ }
24584
+ }, "English")), /*#__PURE__*/React__default["default"].createElement("div", {
24585
+ "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
24586
+ onClick: function onClick() {
24587
+ setlang('ar');
24588
+ setmenuactive(false);
24589
+ }
24590
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24591
+ "class": "m-0 p-0 w-100 allcentered py-3",
24592
+ style: {
24593
+ borderRadius: 5,
24594
+ background: langdetect == 'ar' ? sectionproperties.langcontainerbgresp_active : 'transparent',
24595
+ fontSize: 15,
24596
+ color: sectionproperties.language_container_color_resp
24597
+ }
24598
+ }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629"))))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24599
+ className: "row m-0 w-100 pl-3 pr-3 mt-5"
24600
+ }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
24601
+ "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
24602
+ onClick: function onClick() {
24603
+ routingcountext(StaticPagesLinksContext.Login);
24604
+ setmenuactive(false);
24605
+ }
24606
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
24607
+ "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
24608
+ }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, null)), /*#__PURE__*/React__default["default"].createElement("span", {
24609
+ "class": "userbtn_resp mx-2"
24610
+ }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
24611
+ "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
24612
+ onClick: function onClick() {
24613
+ routingcountext(StaticPagesLinksContext.accountinfo);
24614
+ setmenuactive(false);
24615
+ }
24616
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
24617
+ "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
24618
+ }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, null)), /*#__PURE__*/React__default["default"].createElement("span", {
24619
+ "class": header_cssstyles.loggedintext + ' text-start text-overflow d-block loggedintext mx-2 '
24620
+ }, authdetailsContext.customerinfo.name))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
24621
+ className: "row m-0 w-100"
24622
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
24623
+ "class": ' d-flex align-items-center justify-content-center p-0 m-0 ',
24624
+ onClick: function onClick() {
24625
+ LogoutMutationContext.mutate();
24626
+ setmenuactive(false);
24627
+ },
24628
+ style: {
24629
+ width: '90%',
24630
+ height: 40,
24631
+ background: 'white',
24632
+ color: '#000',
24633
+ fontSize: 16
24634
+ }
24635
+ }, lang.logout))))), activeTab == 'categories' && sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
24636
+ className: ' row m-0 w-100 accordionContainer anim'
24637
+ }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion())), /*#__PURE__*/React__default["default"].createElement("div", {
24638
+ className: "col-lg-12 p-0 d-flex flex-row allcentered p-3",
24639
+ style: {
24640
+ background: '#eee'
24641
+ }
24642
+ }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
24643
+ "class": ' d-flex align-items-center justify-content-center mx-2 ',
24644
+ onClick: function onClick() {
24645
+ var _authdetailsContext$i19;
24646
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.facebooklink) != null) {
24647
+ var _authdetailsContext$i20;
24648
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.facebooklink, '_blank');
24649
+ }
24650
+ }
24651
+ }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
24652
+ size: '20',
24653
+ color: '#62564b'
24654
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
24655
+ "class": ' d-flex align-items-center justify-content-center mx-2 ',
24656
+ onClick: function onClick() {
24657
+ var _authdetailsContext$i22;
24658
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.instagramlink) != null) {
24659
+ var _authdetailsContext$i23;
24660
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.instagramlink, '_blank');
24661
+ }
24662
+ }
24663
+ }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
24664
+ size: '22',
24665
+ color: '#62564b'
24666
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
24667
+ "class": ' d-flex align-items-center justify-content-center mx-2 ',
24668
+ onClick: function onClick() {
24669
+ var _authdetailsContext$i25;
24670
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.instagramlink) != null) {
24671
+ var _authdetailsContext$i26;
24672
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.tiktoklink, '_blank');
24673
+ }
24674
+ }
24675
+ }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
24676
+ size: '20',
24677
+ color: '#62564b'
24678
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
24679
+ "class": ' d-flex align-items-center justify-content-center mx-2 ',
24680
+ onClick: function onClick() {
24681
+ var _authdetailsContext$i28;
24682
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.instagramlink) != null) {
24683
+ var _authdetailsContext$i29;
24684
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.youtubelink, '_blank');
24685
+ }
24686
+ }
24687
+ }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
24688
+ size: '20',
24689
+ color: '#62564b'
24290
24690
  })))))));
24291
24691
  };
24292
24692
 
package/dist/index.esm.js CHANGED
@@ -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
 
package/dist/index.umd.js CHANGED
@@ -22593,7 +22593,7 @@
22593
22593
  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; }
22594
22594
  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__default["default"](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; }
22595
22595
  var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
22596
- 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;
22596
+ 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;
22597
22597
  var actions = props.actions;
22598
22598
  var LogoutMutationContext = props.actions.LogoutMutationContext;
22599
22599
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -24112,6 +24112,406 @@
24112
24112
  }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
24113
24113
  size: '20',
24114
24114
  color: '#62564b'
24115
+ }))))), sectionproperties.length != 0 && sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
24116
+ show: openmenuCanvas,
24117
+ onHide: function onHide() {
24118
+ setopenmenuCanvas(false);
24119
+ },
24120
+ placement: langdetect == 'en' ? 'start' : 'end',
24121
+ scroll: true,
24122
+ style: {
24123
+ width: '90%',
24124
+ backgroundColor: 'white'
24125
+ },
24126
+ backdrop: true
24127
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
24128
+ "class": "allcentered",
24129
+ style: {
24130
+ position: 'absolute',
24131
+ right: -34,
24132
+ top: 5,
24133
+ width: 30,
24134
+ height: 30,
24135
+ background: '#000'
24136
+ },
24137
+ onClick: function onClick() {
24138
+ setopenmenuCanvas(false);
24139
+ }
24140
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
24141
+ color: '#fff',
24142
+ size: 16
24143
+ })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
24144
+ "class": "allcentered",
24145
+ style: {
24146
+ position: 'absolute',
24147
+ left: -34,
24148
+ top: 5,
24149
+ width: 30,
24150
+ height: 30,
24151
+ background: '#000'
24152
+ },
24153
+ onClick: function onClick() {
24154
+ setopenCnvas(false);
24155
+ }
24156
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
24157
+ color: '#fff',
24158
+ size: 16
24159
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
24160
+ className: "row m-0 w-100 mb-5",
24161
+ style: {
24162
+ borderBottom: '1px solid #eee'
24163
+ }
24164
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24165
+ // className={'col-12 allcentered py-3'}
24166
+ className: sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' ? 'col-12 allcentered py-3' : 'col-6 allcentered py-3',
24167
+ onClick: function onClick() {
24168
+ setactiveTab('menu');
24169
+ },
24170
+ style: {
24171
+ background: activeTab == 'menu' ? 'white' : '#eee'
24172
+ }
24173
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24174
+ className: "m-0 p-0",
24175
+ style: {
24176
+ textTransform: 'uppercase',
24177
+ fontWeight: 500,
24178
+ fontSize: '15px',
24179
+ transition: '.3s',
24180
+ color: sectionproperties.header_fontColorresponsive
24181
+ }
24182
+ }, langdetect == 'en' ? 'MENU' : 'القائمة')), sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
24183
+ className: 'col-6 allcentered py-3',
24184
+ onClick: function onClick() {
24185
+ setactiveTab('categories');
24186
+ },
24187
+ style: {
24188
+ background: activeTab == 'categories' ? 'white' : '#eee'
24189
+ }
24190
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24191
+ className: "m-0 p-0",
24192
+ style: {
24193
+ textTransform: 'uppercase',
24194
+ fontWeight: 500,
24195
+ fontSize: '15px',
24196
+ transition: '.3s',
24197
+ color: sectionproperties.header_fontColorresponsive
24198
+ }
24199
+ }, langdetect == 'en' ? sectionproperties.titlerespen : sectionproperties.titlerespar))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
24200
+ style: {
24201
+ minHeight: '80vh'
24202
+ }
24203
+ }, activeTab == 'menu' && /*#__PURE__*/React__default["default"].createElement("div", {
24204
+ className: ' row m-0 w-100 anim '
24205
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24206
+ className: "col-lg-12 p-0"
24207
+ }, /*#__PURE__*/React__default["default"].createElement("ul", {
24208
+ className: ' d-flex justify-content-center flex-column p-0 '
24209
+ }, templatepropcontext.pagesnprop.map(function (item, index) {
24210
+ if (item.isnavigation == 1 && item.isactive == 1) {
24211
+ return /*#__PURE__*/React__default["default"].createElement("div", {
24212
+ className: "row m-0 w-100"
24213
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24214
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
24215
+ style: {
24216
+ paddingTop: index == 0 ? 5 : 0
24217
+ }
24218
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24219
+ onClick: function onClick() {
24220
+ routingcountext(item.navigationroute, false, '');
24221
+ setopenCnvas(false);
24222
+ }
24223
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24224
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24225
+ }, langdetect == 'en' ? item.pagename : item.pagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
24226
+ className: "col-lg-12 p-0"
24227
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24228
+ className: "mt-4 mb-4",
24229
+ style: {
24230
+ borderColor: sectionproperties.resp_header_separatorbg
24231
+ }
24232
+ })));
24233
+ }
24234
+ }), sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
24235
+ className: ' row m-0 w-100 '
24236
+ }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion()), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24237
+ className: "row m-0 w-100"
24238
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24239
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
24240
+ onClick: function onClick() {
24241
+ routingcountext(StaticPagesLinksContext.Ordershistory);
24242
+ setopenCnvas(false);
24243
+ }
24244
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24245
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
24246
+ }, lang.orderhistory)), /*#__PURE__*/React__default["default"].createElement("div", {
24247
+ className: "col-lg-12 p-0"
24248
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24249
+ className: "mt-4 mb-4",
24250
+ style: {
24251
+ borderColor: sectionproperties.resp_header_separatorbg
24252
+ }
24253
+ }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24254
+ className: "row m-0 w-100"
24255
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24256
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
24257
+ onClick: function onClick() {
24258
+ routingcountext(StaticPagesLinksContext.Wishlist);
24259
+ setopenCnvas(false);
24260
+ }
24261
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24262
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
24263
+ }, lang.wishlist)), /*#__PURE__*/React__default["default"].createElement("div", {
24264
+ className: "col-lg-12 p-0"
24265
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24266
+ className: "mt-4 mb-4",
24267
+ style: {
24268
+ borderColor: sectionproperties.resp_header_separatorbg
24269
+ }
24270
+ }))), templateproperties_context.separatepolicies == 'No' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
24271
+ className: "row m-0 w-100"
24272
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24273
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
24274
+ onClick: function onClick() {
24275
+ routingcountext(StaticPagesLinksContext.Policies);
24276
+ setmenuactive(false);
24277
+ }
24278
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24279
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
24280
+ }, lang.policies)), /*#__PURE__*/React__default["default"].createElement("div", {
24281
+ className: "col-lg-12 p-0"
24282
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24283
+ className: "mt-4 mb-4",
24284
+ style: {
24285
+ borderColor: sectionproperties.resp_header_separatorbg
24286
+ }
24287
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
24288
+ className: "row m-0 w-100"
24289
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24290
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24291
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24292
+ onClick: function onClick() {
24293
+ routingcountext(StaticPagesLinksContext.PrivacyPolicy);
24294
+ setmenuactive(false);
24295
+ }
24296
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24297
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24298
+ }, 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__default["default"].createElement("div", {
24299
+ className: "col-lg-12 p-0"
24300
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24301
+ className: "mt-3 mb-3",
24302
+ style: {
24303
+ borderColor: sectionproperties.resp_header_separatorbg
24304
+ }
24305
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
24306
+ className: "row m-0 w-100"
24307
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24308
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24309
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24310
+ onClick: function onClick() {
24311
+ routingcountext(StaticPagesLinksContext.ShippingPolicy);
24312
+ setmenuactive(false);
24313
+ }
24314
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24315
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24316
+ }, 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__default["default"].createElement("div", {
24317
+ className: "col-lg-12 p-0"
24318
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24319
+ className: "mt-3 mb-3",
24320
+ style: {
24321
+ borderColor: sectionproperties.resp_header_separatorbg
24322
+ }
24323
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
24324
+ className: "row m-0 w-100"
24325
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24326
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24327
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24328
+ onClick: function onClick() {
24329
+ routingcountext(StaticPagesLinksContext.RefundPolicy);
24330
+ setmenuactive(false);
24331
+ }
24332
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24333
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24334
+ }, 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__default["default"].createElement("div", {
24335
+ className: "col-lg-12 p-0"
24336
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24337
+ className: "mt-3 mb-3",
24338
+ style: {
24339
+ borderColor: sectionproperties.resp_header_separatorbg
24340
+ }
24341
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
24342
+ className: "row m-0 w-100"
24343
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24344
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24345
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24346
+ onClick: function onClick() {
24347
+ routingcountext(StaticPagesLinksContext.TermsConditions);
24348
+ setmenuactive(false);
24349
+ }
24350
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24351
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24352
+ }, 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__default["default"].createElement("div", {
24353
+ className: "col-lg-12 p-0"
24354
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24355
+ className: "mt-3 mb-3",
24356
+ style: {
24357
+ borderColor: sectionproperties.resp_header_separatorbg
24358
+ }
24359
+ }))), authdetailsContext.loggedin == true && templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24360
+ className: "row m-0 w-100"
24361
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24362
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
24363
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24364
+ onClick: function onClick() {
24365
+ routingcountext(StaticPagesLinksContext.Ordershistory);
24366
+ setmenuactive(false);
24367
+ }
24368
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24369
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
24370
+ }, langdetect == 'en' ? templateproperties_context.previousorders_titleen : templateproperties_context.previousorders_titlear))), /*#__PURE__*/React__default["default"].createElement("div", {
24371
+ className: "col-lg-12 p-0"
24372
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
24373
+ className: "mt-3 mb-3",
24374
+ style: {
24375
+ borderColor: sectionproperties.resp_header_separatorbg
24376
+ }
24377
+ }))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24378
+ className: "row m-0 w-100 pl-3 pr-3"
24379
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24380
+ "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start mb-2 ',
24381
+ style: {}
24382
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24383
+ "class": "".concat(header_cssstyles.navbar_item_text_responsive) + ' m-0 p-0 ',
24384
+ style: {
24385
+ cursor: 'default'
24386
+ }
24387
+ }, langdetect == 'en' ? 'Language' : 'اللغة')), /*#__PURE__*/React__default["default"].createElement("div", {
24388
+ "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start my-1"
24389
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24390
+ "class": "row m-0 w-100",
24391
+ style: {
24392
+ background: sectionproperties.langcontainerbgresp,
24393
+ borderRadius: 5
24394
+ }
24395
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
24396
+ "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
24397
+ onClick: function onClick() {
24398
+ setlang('en');
24399
+ setmenuactive(false);
24400
+ }
24401
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24402
+ "class": "m-0 p-0 w-100 allcentered py-3",
24403
+ style: {
24404
+ background: langdetect == 'en' ? sectionproperties.langcontainerbgresp_active : 'transparent',
24405
+ borderRadius: 5,
24406
+ fontSize: 15,
24407
+ color: sectionproperties.language_container_color_resp
24408
+ }
24409
+ }, "English")), /*#__PURE__*/React__default["default"].createElement("div", {
24410
+ "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
24411
+ onClick: function onClick() {
24412
+ setlang('ar');
24413
+ setmenuactive(false);
24414
+ }
24415
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
24416
+ "class": "m-0 p-0 w-100 allcentered py-3",
24417
+ style: {
24418
+ borderRadius: 5,
24419
+ background: langdetect == 'ar' ? sectionproperties.langcontainerbgresp_active : 'transparent',
24420
+ fontSize: 15,
24421
+ color: sectionproperties.language_container_color_resp
24422
+ }
24423
+ }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629"))))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24424
+ className: "row m-0 w-100 pl-3 pr-3 mt-5"
24425
+ }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
24426
+ "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
24427
+ onClick: function onClick() {
24428
+ routingcountext(StaticPagesLinksContext.Login);
24429
+ setmenuactive(false);
24430
+ }
24431
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
24432
+ "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
24433
+ }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, null)), /*#__PURE__*/React__default["default"].createElement("span", {
24434
+ "class": "userbtn_resp mx-2"
24435
+ }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
24436
+ "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
24437
+ onClick: function onClick() {
24438
+ routingcountext(StaticPagesLinksContext.accountinfo);
24439
+ setmenuactive(false);
24440
+ }
24441
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
24442
+ "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
24443
+ }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, null)), /*#__PURE__*/React__default["default"].createElement("span", {
24444
+ "class": header_cssstyles.loggedintext + ' text-start text-overflow d-block loggedintext mx-2 '
24445
+ }, authdetailsContext.customerinfo.name))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
24446
+ className: "row m-0 w-100"
24447
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
24448
+ "class": ' d-flex align-items-center justify-content-center p-0 m-0 ',
24449
+ onClick: function onClick() {
24450
+ LogoutMutationContext.mutate();
24451
+ setmenuactive(false);
24452
+ },
24453
+ style: {
24454
+ width: '90%',
24455
+ height: 40,
24456
+ background: 'white',
24457
+ color: '#000',
24458
+ fontSize: 16
24459
+ }
24460
+ }, lang.logout))))), activeTab == 'categories' && sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
24461
+ className: ' row m-0 w-100 accordionContainer anim'
24462
+ }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion())), /*#__PURE__*/React__default["default"].createElement("div", {
24463
+ className: "col-lg-12 p-0 d-flex flex-row allcentered p-3",
24464
+ style: {
24465
+ background: '#eee'
24466
+ }
24467
+ }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
24468
+ "class": ' d-flex align-items-center justify-content-center mx-2 ',
24469
+ onClick: function onClick() {
24470
+ var _authdetailsContext$i19;
24471
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.facebooklink) != null) {
24472
+ var _authdetailsContext$i20;
24473
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.facebooklink, '_blank');
24474
+ }
24475
+ }
24476
+ }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
24477
+ size: '20',
24478
+ color: '#62564b'
24479
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
24480
+ "class": ' d-flex align-items-center justify-content-center mx-2 ',
24481
+ onClick: function onClick() {
24482
+ var _authdetailsContext$i22;
24483
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.instagramlink) != null) {
24484
+ var _authdetailsContext$i23;
24485
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.instagramlink, '_blank');
24486
+ }
24487
+ }
24488
+ }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
24489
+ size: '22',
24490
+ color: '#62564b'
24491
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
24492
+ "class": ' d-flex align-items-center justify-content-center mx-2 ',
24493
+ onClick: function onClick() {
24494
+ var _authdetailsContext$i25;
24495
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.instagramlink) != null) {
24496
+ var _authdetailsContext$i26;
24497
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.tiktoklink, '_blank');
24498
+ }
24499
+ }
24500
+ }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
24501
+ size: '20',
24502
+ color: '#62564b'
24503
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
24504
+ "class": ' d-flex align-items-center justify-content-center mx-2 ',
24505
+ onClick: function onClick() {
24506
+ var _authdetailsContext$i28;
24507
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.instagramlink) != null) {
24508
+ var _authdetailsContext$i29;
24509
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.youtubelink, '_blank');
24510
+ }
24511
+ }
24512
+ }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
24513
+ size: '20',
24514
+ color: '#62564b'
24115
24515
  })))))));
24116
24516
  };
24117
24517
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.718",
3
+ "version": "0.0.719",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {