tabexseriescomponents 0.0.4 → 0.0.7

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 +16 -25
  2. package/dist/index.esm.js +124 -133
  3. package/dist/index.umd.js +16 -25
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
3
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
4
- var React$1 = require('react');
4
+ var React = require('react');
5
5
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
6
6
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
7
- var reactRouterDom = require('react-router-dom');
7
+ require('react-router-dom');
8
8
  var glamor = require('glamor');
9
9
  var Dropdown = require('react-bootstrap/Dropdown');
10
10
  var ai = require('react-icons/ai');
@@ -19,7 +19,7 @@ var hi = require('react-icons/hi');
19
19
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
20
 
21
21
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
22
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
23
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
24
24
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
25
25
  var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
@@ -30,12 +30,12 @@ var css = ".buttonComponent {\n\tborder-radius: 3px;\n\tpadding: 0.3rem 0.5rem;\
30
30
  n(css,{});
31
31
 
32
32
  var AwesomeButton = function AwesomeButton(props) {
33
- var _useState = React$1.useState(null),
33
+ var _useState = React.useState(null),
34
34
  _useState2 = _slicedToArray__default["default"](_useState, 2),
35
35
  color = _useState2[0],
36
36
  setColor = _useState2[1];
37
37
 
38
- React$1.useEffect(function () {
38
+ React.useEffect(function () {
39
39
  if (props.variant) {
40
40
  if (props.variant === 'primary') {
41
41
  setColor('#0077ff');
@@ -89,17 +89,17 @@ var Header8 = function Header8(props) {
89
89
  var StaticPagesLinksContext = props.actions.StaticPagesLinkxwsContext;
90
90
  var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
91
91
 
92
- var _useState = React$1.useState(''),
92
+ var _useState = React.useState(''),
93
93
  _useState2 = _slicedToArray__default["default"](_useState, 2),
94
94
  sectionproperties = _useState2[0],
95
95
  setsectionproperties = _useState2[1];
96
96
 
97
- var _useState3 = React$1.useState(false),
97
+ var _useState3 = React.useState(false),
98
98
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
99
99
  dropdownselect = _useState4[0],
100
100
  setdropdownselect = _useState4[1];
101
101
 
102
- React$1.useEffect(function () {
102
+ React.useEffect(function () {
103
103
  var _StatePagePropertiesC, _StatePagePropertiesC2;
104
104
 
105
105
  var secpropobj = {};
@@ -378,12 +378,12 @@ var Header8 = function Header8(props) {
378
378
  return totalprice;
379
379
  };
380
380
 
381
- var _useState5 = React$1.useState([]),
381
+ var _useState5 = React.useState([]),
382
382
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
383
383
  logoarrayofobjects = _useState6[0],
384
384
  setlogoarrayofobjects = _useState6[1];
385
385
 
386
- React$1.useEffect(function () {
386
+ React.useEffect(function () {
387
387
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
388
388
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
389
389
 
@@ -453,6 +453,8 @@ var Header8 = function Header8(props) {
453
453
  routingcountext('home');
454
454
  }
455
455
  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
456
+ urlEndpoint: 'https://ik.imagekit.io/kcrbhhnh0',
457
+ publicKey: "public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=",
456
458
  path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
457
459
  style: {
458
460
  maxWidth: '100%',
@@ -821,7 +823,7 @@ var Header8 = function Header8(props) {
821
823
  }
822
824
 
823
825
  if (item.isnavigation == 1 && item.isactive == 1) {
824
- return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
826
+ return /*#__PURE__*/React__default["default"].createElement("div", {
825
827
  to: item.navigationroute
826
828
  }, /*#__PURE__*/React__default["default"].createElement("li", {
827
829
  className: "".concat(activeclass),
@@ -838,23 +840,12 @@ var Header8 = function Header8(props) {
838
840
  }))));
839
841
  };
840
842
 
841
- var App = function App() {
843
+ var returnLibrary = function returnLibrary() {
842
844
  return {
843
845
  AwesomeButton: AwesomeButton,
844
- Header8: Header8
845
- }; // </>
846
- // you can add here other components that you want to export
847
- };
848
-
849
- var App$1 = App();
846
+ Header8: Header8 // you can add here other components that you want to export
850
847
 
851
- var returnLibrary = function returnLibrary() {
852
- return /*#__PURE__*/React.createElement(imagekitioReact.IKContext, {
853
- publicKey: "public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=",
854
- urlEndpoint: "https://ik.imagekit.io/kcrbhhnh0",
855
- transformationPosition: "path" // authenticationEndpoint="http://www.tab.com/auth"
856
-
857
- }, /*#__PURE__*/React.createElement(App$1, null));
848
+ };
858
849
  };
859
850
 
860
851
  var index = returnLibrary();
package/dist/index.esm.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
2
- import React$1, { useState, useEffect } from 'react';
2
+ import React, { useState, useEffect } from 'react';
3
3
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
4
4
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
5
- import { Link } from 'react-router-dom';
5
+ import 'react-router-dom';
6
6
  import { css as css$1 } from 'glamor';
7
7
  import Dropdown from 'react-bootstrap/Dropdown';
8
8
  import { AiOutlineLogin, AiOutlineUserAdd, AiOutlineHeart, AiFillStar } from 'react-icons/ai';
@@ -10,7 +10,7 @@ import { CgShoppingBag } from 'react-icons/cg';
10
10
  import { BiUser, BiLogOutCircle } from 'react-icons/bi';
11
11
  import { FiShoppingBag, FiShoppingCart } from 'react-icons/fi';
12
12
  import { MdOutlineShoppingCart, MdOutlinePolicy } from 'react-icons/md';
13
- import { IKImage, IKContext } from 'imagekitio-react';
13
+ import { IKImage } from 'imagekitio-react';
14
14
  import { BsTelephone, BsSearch, BsBag, BsHandbag } from 'react-icons/bs';
15
15
  import { HiMenuAlt4 } from 'react-icons/hi';
16
16
 
@@ -39,7 +39,7 @@ var AwesomeButton = function AwesomeButton(props) {
39
39
  }
40
40
  });
41
41
  var children = props.children;
42
- return /*#__PURE__*/React$1.createElement("button", {
42
+ return /*#__PURE__*/React.createElement("button", {
43
43
  className: "buttonComponent",
44
44
  style: {
45
45
  backgroundColor: color
@@ -382,13 +382,13 @@ var Header8 = function Header8(props) {
382
382
  }
383
383
  }
384
384
  }, [templateproperties_context]);
385
- return /*#__PURE__*/React$1.createElement("div", {
385
+ return /*#__PURE__*/React.createElement("div", {
386
386
  className: "row w-100 ml-0 mr-0 d-flex justify-content-center",
387
387
  style: {
388
388
  marginTop: sectionproperties.header_marginTop + 'px',
389
389
  marginBottom: sectionproperties.header_marginBottom + 'px'
390
390
  }
391
- }, fetchAuthorizationQueryContext.isSuccess && /*#__PURE__*/React$1.createElement(React$1.Fragment, null, sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("a", {
391
+ }, fetchAuthorizationQueryContext.isSuccess && /*#__PURE__*/React.createElement(React.Fragment, null, sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
392
392
  href: 'tel:' + fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile,
393
393
  target: '_self',
394
394
  style: {
@@ -398,15 +398,15 @@ var Header8 = function Header8(props) {
398
398
  zIndex: 999999,
399
399
  transition: 'all 0.3s ease-out'
400
400
  }
401
- }, /*#__PURE__*/React$1.createElement("i", {
401
+ }, /*#__PURE__*/React.createElement("i", {
402
402
  className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
403
- }, /*#__PURE__*/React$1.createElement(BsTelephone, {
403
+ }, /*#__PURE__*/React.createElement(BsTelephone, {
404
404
  size: 30,
405
405
  color: sectionproperties.uppersection_iconcolor,
406
406
  style: {
407
407
  transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
408
408
  }
409
- }))), /*#__PURE__*/React$1.createElement("a", {
409
+ }))), /*#__PURE__*/React.createElement("a", {
410
410
  href: 'https://api.whatsapp.com/send?phone=' + fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile,
411
411
  target: '_blank',
412
412
  style: {
@@ -416,25 +416,25 @@ var Header8 = function Header8(props) {
416
416
  zIndex: 999999,
417
417
  transition: 'all 0.3s ease-out'
418
418
  }
419
- }, /*#__PURE__*/React$1.createElement("img", {
419
+ }, /*#__PURE__*/React.createElement("img", {
420
420
  // src={whatsappicon}
421
421
  style: {
422
422
  width: '40px',
423
423
  height: '40px',
424
424
  cursor: 'pointer'
425
425
  }
426
- }))), /*#__PURE__*/React$1.createElement("div", {
426
+ }))), /*#__PURE__*/React.createElement("div", {
427
427
  className: "".concat(header_cssstyles.headercontainer) + ' row ml-0 mr-0 d-flex d-md-none align-items-center ',
428
428
  style: {
429
429
  position: sectionproperties.headerstyles_position == 'absolute' ? 'absolute' : 'relative'
430
430
  }
431
- }, /*#__PURE__*/React$1.createElement("div", {
431
+ }, /*#__PURE__*/React.createElement("div", {
432
432
  className: header_cssstyles.upperheadersection + ' col-lg-12 '
433
- }, /*#__PURE__*/React$1.createElement("div", {
433
+ }, /*#__PURE__*/React.createElement("div", {
434
434
  className: "row w-100 m-0 align-items-center "
435
- }, /*#__PURE__*/React$1.createElement("div", {
435
+ }, /*#__PURE__*/React.createElement("div", {
436
436
  className: "col-lg-2 p-0"
437
- }, /*#__PURE__*/React$1.createElement("div", {
437
+ }, /*#__PURE__*/React.createElement("div", {
438
438
  className: "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
439
439
  style: {
440
440
  cursor: 'pointer'
@@ -442,44 +442,46 @@ var Header8 = function Header8(props) {
442
442
  onClick: function onClick() {
443
443
  routingcountext('home');
444
444
  }
445
- }, /*#__PURE__*/React$1.createElement(IKImage, {
445
+ }, /*#__PURE__*/React.createElement(IKImage, {
446
+ urlEndpoint: 'https://ik.imagekit.io/kcrbhhnh0',
447
+ publicKey: "public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=",
446
448
  path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
447
449
  style: {
448
450
  maxWidth: '100%',
449
451
  maxHeight: '100%'
450
452
  }
451
- }))), /*#__PURE__*/React$1.createElement("div", {
453
+ }))), /*#__PURE__*/React.createElement("div", {
452
454
  className: "col-lg-4 p-0"
453
- }, /*#__PURE__*/React$1.createElement("div", {
455
+ }, /*#__PURE__*/React.createElement("div", {
454
456
  className: header_cssstyles.searchbarcont,
455
457
  style: {
456
458
  position: 'relative'
457
459
  }
458
- }, /*#__PURE__*/React$1.createElement("input", {
460
+ }, /*#__PURE__*/React.createElement("input", {
459
461
  type: "text",
460
462
  placeholder: lang.searchproducts,
461
463
  className: "".concat(header_cssstyles.searchbarcont_input),
462
464
  onChange: function onChange(event) {
463
465
  setSearchHeaderInputContext(event.target.value);
464
466
  }
465
- }), /*#__PURE__*/React$1.createElement("button", {
467
+ }), /*#__PURE__*/React.createElement("button", {
466
468
  className: " ".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center '
467
- }, /*#__PURE__*/React$1.createElement(BsSearch, {
469
+ }, /*#__PURE__*/React.createElement(BsSearch, {
468
470
  color: sectionproperties.searchbaricon_color,
469
471
  size: sectionproperties.searchbaricon_fontsize
470
- })))), fetchAuthorizationQueryContext.isSuccess && /*#__PURE__*/React$1.createElement("div", {
472
+ })))), fetchAuthorizationQueryContext.isSuccess && /*#__PURE__*/React.createElement("div", {
471
473
  className: "col-lg-3 d-flex flex-column align-items-center justfiy-content-center"
472
- }, sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React$1.createElement("div", {
474
+ }, sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React.createElement("div", {
473
475
  className: "row m-0 w-100 d-flex align-items-center justify-content-center"
474
- }, /*#__PURE__*/React$1.createElement("i", {
476
+ }, /*#__PURE__*/React.createElement("i", {
475
477
  className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
476
- }, /*#__PURE__*/React$1.createElement(BsTelephone, {
478
+ }, /*#__PURE__*/React.createElement(BsTelephone, {
477
479
  size: 30,
478
480
  color: sectionproperties.uppersection_iconcolor,
479
481
  style: {
480
482
  transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
481
483
  }
482
- })), /*#__PURE__*/React$1.createElement("div", {
484
+ })), /*#__PURE__*/React.createElement("div", {
483
485
  className: "d-flex align-items-center flex-column",
484
486
  onClick: function onClick() {
485
487
  window.open('https://api.whatsapp.com/send?phone=' + fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile, '_blank');
@@ -487,7 +489,7 @@ var Header8 = function Header8(props) {
487
489
  style: {
488
490
  cursor: 'pointer'
489
491
  }
490
- }, /*#__PURE__*/React$1.createElement("p", {
492
+ }, /*#__PURE__*/React.createElement("p", {
491
493
  className: "m-0",
492
494
  style: {
493
495
  color: sectionproperties.uppersection_infocolor,
@@ -495,7 +497,7 @@ var Header8 = function Header8(props) {
495
497
  fontWeight: sectionproperties.uppersection_infofontweight,
496
498
  letterSpacing: '2px'
497
499
  }
498
- }, fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile), /*#__PURE__*/React$1.createElement("p", {
500
+ }, fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile), /*#__PURE__*/React.createElement("p", {
499
501
  className: "mb-0 w-100",
500
502
  style: {
501
503
  textAlign: langdetect == 'en' ? 'right' : 'left',
@@ -506,43 +508,43 @@ var Header8 = function Header8(props) {
506
508
  fontWeight: sectionproperties.uppersection_titlefontweight,
507
509
  textTransform: sectionproperties.uppersection_titletextransform
508
510
  }
509
- }, lang.support247)))), /*#__PURE__*/React$1.createElement("div", {
511
+ }, lang.support247)))), /*#__PURE__*/React.createElement("div", {
510
512
  className: langdetect == 'en' ? 'col-lg-3 d-flex align-items-center p-0 pl-0' : 'col-lg-3 d-flex align-items-center p-0 pr-0'
511
- }, /*#__PURE__*/React$1.createElement("div", {
513
+ }, /*#__PURE__*/React.createElement("div", {
512
514
  className: 'row w-100 m-0 align-items-center justify-content-between ',
513
515
  style: {
514
516
  paddingLeft: langdetect == 'en' ? fetchAuthorizationQueryContext.data.data.loggedin == true ? '.3rem' : '3rem' : 0,
515
517
  paddingRight: langdetect == 'en' ? 0 : fetchAuthorizationQueryContext.data.data.loggedin == true ? '1rem' : '3rem'
516
518
  }
517
- }, /*#__PURE__*/React$1.createElement(Dropdown, null, /*#__PURE__*/React$1.createElement(Dropdown.Toggle, null, !fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React$1.createElement("div", {
519
+ }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React.createElement("div", {
518
520
  className: header_cssstyles.user_btnContainer + ' d-flex align-items-center justify-content-end p-0 cursor-pointer pt-1 '
519
- }, /*#__PURE__*/React$1.createElement("div", {
521
+ }, /*#__PURE__*/React.createElement("div", {
520
522
  className: header_cssstyles.user_btn + ' user_btnbg allcentered p-0 '
521
- }, /*#__PURE__*/React$1.createElement(BiUser, {
523
+ }, /*#__PURE__*/React.createElement(BiUser, {
522
524
  size: sectionproperties.userBtniconfontsize
523
- })), /*#__PURE__*/React$1.createElement("p", {
525
+ })), /*#__PURE__*/React.createElement("p", {
524
526
  className: header_cssstyles.loggedinusername + ' user_btn mb-0 p-0 ',
525
527
  style: {
526
528
  marginLeft: langdetect == 'en' ? '3px' : 0,
527
529
  marginRight: langdetect == 'en' ? 0 : '3px'
528
530
  }
529
- }, lang.login)), fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React$1.createElement("div", {
531
+ }, lang.login)), fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React.createElement("div", {
530
532
  className: header_cssstyles.loggedinuserbtnContainer + ' allcentered ',
531
533
  sytle: {
532
534
  position: 'relative'
533
535
  }
534
- }, /*#__PURE__*/React$1.createElement("div", {
536
+ }, /*#__PURE__*/React.createElement("div", {
535
537
  className: header_cssstyles.loggedinuserbtn + ' loggedinuserbtn loggedinuserbtnbg ml-2 mr-2 '
536
- }, /*#__PURE__*/React$1.createElement("i", {
538
+ }, /*#__PURE__*/React.createElement("i", {
537
539
  className: ' h-100 allcentered '
538
- }, /*#__PURE__*/React$1.createElement(BiUser, {
540
+ }, /*#__PURE__*/React.createElement(BiUser, {
539
541
  size: sectionproperties.loggedinusericonfontsize
540
- }))), /*#__PURE__*/React$1.createElement("div", {
542
+ }))), /*#__PURE__*/React.createElement("div", {
541
543
  className: "m-0 p-0",
542
544
  style: {
543
545
  textAlign: langdetect == 'en' ? 'left' : 'right'
544
546
  }
545
- }, /*#__PURE__*/React$1.createElement("p", {
547
+ }, /*#__PURE__*/React.createElement("p", {
546
548
  className: "m-0 p-0",
547
549
  style: {
548
550
  color: sectionproperties.greetingtextcolor,
@@ -550,49 +552,49 @@ var Header8 = function Header8(props) {
550
552
  lineHeight: sectionproperties.greetingtextfontsize + 'px',
551
553
  fontWeight: 400
552
554
  }
553
- }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React$1.createElement("p", {
555
+ }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React.createElement("p", {
554
556
  className: header_cssstyles.loggedinusername + ' loggedinuserbtn text-overflow m-0 p-0 ',
555
557
  style: {
556
558
  maxWidth: '100px'
557
559
  }
558
- }, fetchAuthorizationQueryContext.data.data.customerinfo.name)))), !fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React$1.createElement(Dropdown.Menu, null, /*#__PURE__*/React$1.createElement(Dropdown.Item, {
560
+ }, fetchAuthorizationQueryContext.data.data.customerinfo.name)))), !fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
559
561
  onClick: function onClick() {
560
562
  routingcountext(StaticPagesLinksContext.Login);
561
563
  }
562
- }, /*#__PURE__*/React$1.createElement("div", {
564
+ }, /*#__PURE__*/React.createElement("div", {
563
565
  className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
564
- }, /*#__PURE__*/React$1.createElement("p", {
566
+ }, /*#__PURE__*/React.createElement("p", {
565
567
  className: "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
566
- }, /*#__PURE__*/React$1.createElement(AiOutlineLogin, null), /*#__PURE__*/React$1.createElement("span", {
568
+ }, /*#__PURE__*/React.createElement(AiOutlineLogin, null), /*#__PURE__*/React.createElement("span", {
567
569
  className: "ml-2 mr-2"
568
- }, lang.login)))), /*#__PURE__*/React$1.createElement(Dropdown.Divider, {
570
+ }, lang.login)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
569
571
  style: {
570
572
  marginBottom: 0,
571
573
  marginTop: 0
572
574
  }
573
- }), /*#__PURE__*/React$1.createElement(Dropdown.Item, {
575
+ }), /*#__PURE__*/React.createElement(Dropdown.Item, {
574
576
  onClick: function onClick() {
575
577
  routingcountext(StaticPagesLinksContext.Signup);
576
578
  }
577
- }, /*#__PURE__*/React$1.createElement("div", {
579
+ }, /*#__PURE__*/React.createElement("div", {
578
580
  className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
579
- }, /*#__PURE__*/React$1.createElement("p", {
581
+ }, /*#__PURE__*/React.createElement("p", {
580
582
  className: "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
581
- }, /*#__PURE__*/React$1.createElement(AiOutlineUserAdd, null), /*#__PURE__*/React$1.createElement("span", {
583
+ }, /*#__PURE__*/React.createElement(AiOutlineUserAdd, null), /*#__PURE__*/React.createElement("span", {
582
584
  className: "ml-2 mr-2"
583
- }, lang.signup))))), fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React$1.createElement(Dropdown.Menu, {
585
+ }, lang.signup))))), fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
584
586
  style: {
585
587
  minWidth: '200px'
586
588
  }
587
- }, /*#__PURE__*/React$1.createElement(Dropdown.Item, null, /*#__PURE__*/React$1.createElement("div", {
589
+ }, /*#__PURE__*/React.createElement(Dropdown.Item, null, /*#__PURE__*/React.createElement("div", {
588
590
  className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
589
- }, /*#__PURE__*/React$1.createElement("span", {
591
+ }, /*#__PURE__*/React.createElement("span", {
590
592
  style: {
591
593
  color: sectionproperties.greetingtextcolor,
592
594
  fontSize: sectionproperties.dropdown_fontsize + 'px',
593
595
  fontWeight: 400
594
596
  }
595
- }, lang.hello, ","), /*#__PURE__*/React$1.createElement("p", {
597
+ }, lang.hello, ","), /*#__PURE__*/React.createElement("p", {
596
598
  className: "".concat(header_cssstyles.dropdownitem) + ' font-weight-600 ml-1 mr-1 text-overflow text-capitalize dropdownitem m-0 p-0 ',
597
599
  style: {
598
600
  maxWidth: '120px'
@@ -600,69 +602,69 @@ var Header8 = function Header8(props) {
600
602
  onClick: function onClick() {
601
603
  routingcountext(StaticPagesLinksContext.accountinfo);
602
604
  }
603
- }, fetchAuthorizationQueryContext.data.data.customerinfo.name))), /*#__PURE__*/React$1.createElement(Dropdown.Divider, {
605
+ }, fetchAuthorizationQueryContext.data.data.customerinfo.name))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
604
606
  style: {
605
607
  marginBottom: 0,
606
608
  marginTop: 0
607
609
  }
608
- }), /*#__PURE__*/React$1.createElement(Dropdown.Item, {
610
+ }), /*#__PURE__*/React.createElement(Dropdown.Item, {
609
611
  onClick: function onClick() {
610
612
  routingcountext(StaticPagesLinksContext.Ordershistory);
611
613
  }
612
- }, /*#__PURE__*/React$1.createElement("div", {
614
+ }, /*#__PURE__*/React.createElement("div", {
613
615
  className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
614
- }, /*#__PURE__*/React$1.createElement("p", {
616
+ }, /*#__PURE__*/React.createElement("p", {
615
617
  className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
616
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React$1.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React$1.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React$1.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React$1.createElement(BsHandbag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React$1.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React$1.createElement(MdOutlineShoppingCart, null), /*#__PURE__*/React$1.createElement("span", {
618
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(BsHandbag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdOutlineShoppingCart, null), /*#__PURE__*/React.createElement("span", {
617
619
  className: "ml-2 mr-2"
618
- }, lang.orderhistory)))), /*#__PURE__*/React$1.createElement(Dropdown.Divider, {
620
+ }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
619
621
  style: {
620
622
  marginBottom: 0,
621
623
  marginTop: 0
622
624
  }
623
- }), /*#__PURE__*/React$1.createElement(Dropdown.Item, {
625
+ }), /*#__PURE__*/React.createElement(Dropdown.Item, {
624
626
  onClick: function onClick() {
625
627
  routingcountext(StaticPagesLinksContext.Wishlist);
626
628
  }
627
- }, /*#__PURE__*/React$1.createElement("div", {
629
+ }, /*#__PURE__*/React.createElement("div", {
628
630
  className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
629
- }, /*#__PURE__*/React$1.createElement("p", {
631
+ }, /*#__PURE__*/React.createElement("p", {
630
632
  className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
631
- }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React$1.createElement(AiOutlineHeart, null), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React$1.createElement(AiFillStar, null), /*#__PURE__*/React$1.createElement("span", {
633
+ }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(AiOutlineHeart, null), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar, null), /*#__PURE__*/React.createElement("span", {
632
634
  className: "ml-2 mr-2"
633
- }, lang.wishlist)))), /*#__PURE__*/React$1.createElement(Dropdown.Divider, {
635
+ }, lang.wishlist)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
634
636
  style: {
635
637
  marginBottom: 0,
636
638
  marginTop: 0
637
639
  }
638
- }), /*#__PURE__*/React$1.createElement(Dropdown.Item, {
640
+ }), /*#__PURE__*/React.createElement(Dropdown.Item, {
639
641
  onClick: function onClick() {
640
642
  routingcountext(StaticPagesLinksContext.Policies);
641
643
  }
642
- }, /*#__PURE__*/React$1.createElement("div", {
644
+ }, /*#__PURE__*/React.createElement("div", {
643
645
  className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
644
- }, /*#__PURE__*/React$1.createElement("p", {
646
+ }, /*#__PURE__*/React.createElement("p", {
645
647
  className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
646
- }, /*#__PURE__*/React$1.createElement(MdOutlinePolicy, null), /*#__PURE__*/React$1.createElement("span", {
648
+ }, /*#__PURE__*/React.createElement(MdOutlinePolicy, null), /*#__PURE__*/React.createElement("span", {
647
649
  className: "ml-2 mr-2"
648
- }, lang.policies)))), /*#__PURE__*/React$1.createElement(Dropdown.Divider, {
650
+ }, lang.policies)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
649
651
  style: {
650
652
  marginBottom: 0,
651
653
  marginTop: 0
652
654
  }
653
- }), /*#__PURE__*/React$1.createElement(Dropdown.Item, {
655
+ }), /*#__PURE__*/React.createElement(Dropdown.Item, {
654
656
  onClick: function onClick() {
655
657
  LogoutMutationContext.mutate();
656
658
  }
657
- }, /*#__PURE__*/React$1.createElement("div", {
659
+ }, /*#__PURE__*/React.createElement("div", {
658
660
  className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
659
- }, /*#__PURE__*/React$1.createElement("p", {
661
+ }, /*#__PURE__*/React.createElement("p", {
660
662
  className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
661
- }, /*#__PURE__*/React$1.createElement(BiLogOutCircle, null), /*#__PURE__*/React$1.createElement("span", {
663
+ }, /*#__PURE__*/React.createElement(BiLogOutCircle, null), /*#__PURE__*/React.createElement("span", {
662
664
  className: "ml-2 mr-2"
663
- }, lang.logout)))))), /*#__PURE__*/React$1.createElement("div", {
665
+ }, lang.logout)))))), /*#__PURE__*/React.createElement("div", {
664
666
  className: "d-flex flex-row p-0 align-items-center"
665
- }, /*#__PURE__*/React$1.createElement("div", {
667
+ }, /*#__PURE__*/React.createElement("div", {
666
668
  style: {
667
669
  position: 'relative'
668
670
  },
@@ -670,23 +672,23 @@ var Header8 = function Header8(props) {
670
672
  onClick: function onClick() {
671
673
  routingcountext(StaticPagesLinksContext.Wishlist);
672
674
  }
673
- }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React$1.createElement(AiOutlineHeart, {
675
+ }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(AiOutlineHeart, {
674
676
  className: "".concat(header_cssstyles.wishlist_btn),
675
677
  size: sectionproperties.favBtnIconfontsize,
676
678
  style: {
677
679
  position: 'relative'
678
680
  }
679
- }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React$1.createElement(AiFillStar, {
681
+ }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar, {
680
682
  className: "".concat(header_cssstyles.wishlist_btn),
681
683
  size: sectionproperties.favBtnIconfontsize,
682
684
  style: {
683
685
  position: 'relative'
684
686
  }
685
- }), /*#__PURE__*/React$1.createElement("div", {
687
+ }), /*#__PURE__*/React.createElement("div", {
686
688
  className: "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.wishlistbadge)
687
- }, /*#__PURE__*/React$1.createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), /*#__PURE__*/React$1.createElement("div", {
689
+ }, /*#__PURE__*/React.createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), /*#__PURE__*/React.createElement("div", {
688
690
  className: " d-flex flex-row justify-content-end align-items-center"
689
- }, /*#__PURE__*/React$1.createElement("div", {
691
+ }, /*#__PURE__*/React.createElement("div", {
690
692
  className: "row w-100 m-0 align-items-center d-flex flex-row justify-content-end",
691
693
  style: {
692
694
  position: 'relative'
@@ -694,30 +696,30 @@ var Header8 = function Header8(props) {
694
696
  onClick: function onClick() {
695
697
  setsidecartnavshowcontext(true);
696
698
  }
697
- }, /*#__PURE__*/React$1.createElement("div", {
699
+ }, /*#__PURE__*/React.createElement("div", {
698
700
  style: {
699
701
  position: 'relative'
700
702
  },
701
703
  className: "".concat(header_cssstyles.cart_btn) + ' cursor-pointer d-flex align-items-center justify-content-center '
702
- }, /*#__PURE__*/React$1.createElement("div", {
704
+ }, /*#__PURE__*/React.createElement("div", {
703
705
  className: "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
704
- }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React$1.createElement(FiShoppingBag, {
706
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
705
707
  size: sectionproperties.cartBtn_iconFontSize
706
- }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React$1.createElement(CgShoppingBag, {
708
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
707
709
  size: sectionproperties.cartBtn_iconFontSize
708
- }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React$1.createElement(BsBag, {
710
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
709
711
  size: sectionproperties.cartBtn_iconFontSize
710
- }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React$1.createElement(BsHandbag, {
712
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(BsHandbag, {
711
713
  size: sectionproperties.cartBtn_iconFontSize
712
- }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React$1.createElement(FiShoppingCart, {
714
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
713
715
  size: sectionproperties.cartBtn_iconFontSize
714
- }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React$1.createElement(MdOutlineShoppingCart, {
716
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdOutlineShoppingCart, {
715
717
  size: sectionproperties.cartBtn_iconFontSize
716
- })), /*#__PURE__*/React$1.createElement("div", {
718
+ })), /*#__PURE__*/React.createElement("div", {
717
719
  className: langdetect == 'en' ? 'ml-2' : 'mr-2'
718
- }, /*#__PURE__*/React$1.createElement("div", {
720
+ }, /*#__PURE__*/React.createElement("div", {
719
721
  className: "row m-0 w-100 d-flex align-items-center flex-column justify-content-start"
720
- }, /*#__PURE__*/React$1.createElement("p", {
722
+ }, /*#__PURE__*/React.createElement("p", {
721
723
  className: "m-0 p-0 w-100",
722
724
  style: {
723
725
  textAlign: langdetect == 'en' ? 'left' : 'right',
@@ -728,7 +730,7 @@ var Header8 = function Header8(props) {
728
730
  textTransform: sectionproperties.cartBtnTexttransform,
729
731
  cursor: 'pointer'
730
732
  }
731
- }, lang.cart), /*#__PURE__*/React$1.createElement("p", {
733
+ }, lang.cart), /*#__PURE__*/React.createElement("p", {
732
734
  className: "m-0 text-left",
733
735
  style: {
734
736
  color: sectionproperties.card_secondarycolor,
@@ -736,7 +738,7 @@ var Header8 = function Header8(props) {
736
738
  fontWeight: sectionproperties.secondaryfontweight,
737
739
  cursor: 'pointer'
738
740
  }
739
- }, langdetect == 'en' ? 'EGP' : '', " ", subtotalcart(), " ", langdetect == 'en' ? '' : 'ج.م'))))), /*#__PURE__*/React$1.createElement("div", {
741
+ }, langdetect == 'en' ? 'EGP' : '', " ", subtotalcart(), " ", langdetect == 'en' ? '' : 'ج.م'))))), /*#__PURE__*/React.createElement("div", {
740
742
  className: "d-flex flex-row justify-content-end align-items-center",
741
743
  onClick: function onClick() {
742
744
  if (langdetect == 'en') {
@@ -745,63 +747,63 @@ var Header8 = function Header8(props) {
745
747
  setlang('en');
746
748
  }
747
749
  }
748
- }, langdetect == 'en' && /*#__PURE__*/React$1.createElement("div", {
750
+ }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
749
751
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
750
- }), langdetect == 'ar' && /*#__PURE__*/React$1.createElement("div", {
752
+ }), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
751
753
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
752
- })))))), /*#__PURE__*/React$1.createElement("div", {
754
+ })))))), /*#__PURE__*/React.createElement("div", {
753
755
  className: "col-lg-12 p-0 d-flex justify-content-center",
754
756
  style: {
755
757
  background: sectionproperties.vl_bg
756
758
  }
757
- }, /*#__PURE__*/React$1.createElement("div", {
759
+ }, /*#__PURE__*/React.createElement("div", {
758
760
  className: "".concat(header_cssstyles.divider) + ' '
759
- })), /*#__PURE__*/React$1.createElement("div", {
761
+ })), /*#__PURE__*/React.createElement("div", {
760
762
  className: "".concat(header_cssstyles.lowerheadercontainer) + ' row w-100 m-0 align-items-center '
761
- }, /*#__PURE__*/React$1.createElement("div", {
763
+ }, /*#__PURE__*/React.createElement("div", {
762
764
  className: ' col-lg-2 d-flex align-items-center ',
763
765
  style: {},
764
766
  onClick: function onClick() {
765
767
  setdropdownselect(!dropdownselect);
766
768
  }
767
- }, /*#__PURE__*/React$1.createElement("div", {
769
+ }, /*#__PURE__*/React.createElement("div", {
768
770
  className: "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown transformedDropdown d-flex align-items-center justify-content-center '
769
- }, /*#__PURE__*/React$1.createElement(Dropdown, {
771
+ }, /*#__PURE__*/React.createElement(Dropdown, {
770
772
  className: "d-flex align-items-center justify-content-center"
771
- }, /*#__PURE__*/React$1.createElement(Dropdown.Toggle, {
773
+ }, /*#__PURE__*/React.createElement(Dropdown.Toggle, {
772
774
  className: "d-flex align-items-center justify-content-center"
773
- }, /*#__PURE__*/React$1.createElement("div", {
775
+ }, /*#__PURE__*/React.createElement("div", {
774
776
  className: "".concat(header_cssstyles.btntextcontainer) + ' row w-100 m-0 align-items-center ',
775
777
  style: {
776
778
  paddingTop: '7px'
777
779
  }
778
- }, /*#__PURE__*/React$1.createElement("i", {
780
+ }, /*#__PURE__*/React.createElement("i", {
779
781
  className: "h-100 d-flex align-items-center justify-content-center"
780
- }, /*#__PURE__*/React$1.createElement(HiMenuAlt4, {
782
+ }, /*#__PURE__*/React.createElement(HiMenuAlt4, {
781
783
  size: 25,
782
784
  color: "white"
783
- })), /*#__PURE__*/React$1.createElement("p", {
785
+ })), /*#__PURE__*/React.createElement("p", {
784
786
  className: langdetect == 'en' ? ' m-0 p-0 ml-2' : ' m-0 p-0 mr-2 '
785
- }, lang.shopbycategory))), fetchAuthorizationQueryContext.isSuccess && /*#__PURE__*/React$1.createElement(Dropdown.Menu, {
787
+ }, lang.shopbycategory))), fetchAuthorizationQueryContext.isSuccess && /*#__PURE__*/React.createElement(Dropdown.Menu, {
786
788
  style: {
787
789
  minWidth: '250px',
788
790
  marginLeft: '-20px'
789
791
  }
790
792
  }, fetchAuthorizationQueryContext.data.data.instinfo.instcollections.map(function (item, index) {
791
- return /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Dropdown.Item, {
793
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown.Item, {
792
794
  onClick: function onClick() {
793
795
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
794
796
  }
795
- }, /*#__PURE__*/React$1.createElement("div", {
797
+ }, /*#__PURE__*/React.createElement("div", {
796
798
  className: "".concat(header_cssstyles.dropdownitemcontainer) + ' row m-0 w-100 '
797
- }, /*#__PURE__*/React$1.createElement("div", {
799
+ }, /*#__PURE__*/React.createElement("div", {
798
800
  className: ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center '
799
- }, /*#__PURE__*/React$1.createElement("p", {
801
+ }, /*#__PURE__*/React.createElement("p", {
800
802
  className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
801
- }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != fetchAuthorizationQueryContext.data.data.instinfo.instcollections.length - 1 && /*#__PURE__*/React$1.createElement(Dropdown.Divider, null));
802
- }))))), /*#__PURE__*/React$1.createElement("div", {
803
+ }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != fetchAuthorizationQueryContext.data.data.instinfo.instcollections.length - 1 && /*#__PURE__*/React.createElement(Dropdown.Divider, null));
804
+ }))))), /*#__PURE__*/React.createElement("div", {
803
805
  className: "col-lg-10 d-flex flex-row align-items-center justify-content-start"
804
- }, /*#__PURE__*/React$1.createElement("ul", {
806
+ }, /*#__PURE__*/React.createElement("ul", {
805
807
  className: ' mb-0 pb-0 mt-0 d-flex flex-row justify-content-start '
806
808
  }, templatepropcontext.pagesnprop.map(function (item, index) {
807
809
  var activeclass = '';
@@ -811,40 +813,29 @@ var Header8 = function Header8(props) {
811
813
  }
812
814
 
813
815
  if (item.isnavigation == 1 && item.isactive == 1) {
814
- return /*#__PURE__*/React$1.createElement(Link, {
816
+ return /*#__PURE__*/React.createElement("div", {
815
817
  to: item.navigationroute
816
- }, /*#__PURE__*/React$1.createElement("li", {
818
+ }, /*#__PURE__*/React.createElement("li", {
817
819
  className: "".concat(activeclass),
818
820
  style: {
819
821
  marginRight: langdetect == 'en' ? '25px' : 0,
820
822
  marginLeft: langdetect == 'en' ? 0 : '25px'
821
823
  }
822
- }, /*#__PURE__*/React$1.createElement("div", {
824
+ }, /*#__PURE__*/React.createElement("div", {
823
825
  className: "".concat(header_cssstyles.navbar_item_text)
824
826
  }, " ", langdetect == 'en' ? item.pagename : item.pagename_ar)));
825
827
  }
826
- })))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React$1.createElement("div", {
828
+ })))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement("div", {
827
829
  className: "col-lg-12 p-0"
828
830
  }))));
829
831
  };
830
832
 
831
- var App = function App() {
833
+ var returnLibrary = function returnLibrary() {
832
834
  return {
833
835
  AwesomeButton: AwesomeButton,
834
- Header8: Header8
835
- }; // </>
836
- // you can add here other components that you want to export
837
- };
838
-
839
- var App$1 = App();
836
+ Header8: Header8 // you can add here other components that you want to export
840
837
 
841
- var returnLibrary = function returnLibrary() {
842
- return /*#__PURE__*/React.createElement(IKContext, {
843
- publicKey: "public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=",
844
- urlEndpoint: "https://ik.imagekit.io/kcrbhhnh0",
845
- transformationPosition: "path" // authenticationEndpoint="http://www.tab.com/auth"
846
-
847
- }, /*#__PURE__*/React.createElement(App$1, null));
838
+ };
848
839
  };
849
840
 
850
841
  var index = returnLibrary();
package/dist/index.umd.js CHANGED
@@ -1,13 +1,13 @@
1
1
  (function (global, factory) {
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/defineProperty'), require('react-router-dom'), require('glamor'), require('react-bootstrap/Dropdown'), require('react-icons/ai'), require('react-icons/cg'), require('react-icons/bi'), require('react-icons/fi'), require('react-icons/md'), require('imagekitio-react'), require('react-icons/bs'), require('react-icons/hi')) :
3
3
  typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/defineProperty', 'react-router-dom', 'glamor', 'react-bootstrap/Dropdown', 'react-icons/ai', 'react-icons/cg', 'react-icons/bi', 'react-icons/fi', 'react-icons/md', 'imagekitio-react', 'react-icons/bs', 'react-icons/hi'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global["react-awesome-buttons"] = factory(global._slicedToArray, global.React$1, global._toConsumableArray, global._defineProperty, global.reactRouterDom, global.glamor, global.Dropdown, global.ai, global.cg, global.bi, global.fi, global.md, global.imagekitioReact, global.bs, global.hi));
5
- })(this, (function (_slicedToArray, React$1, _toConsumableArray, _defineProperty, reactRouterDom, glamor, Dropdown, ai, cg, bi, fi, md, imagekitioReact, bs, hi) { 'use strict';
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global["react-awesome-buttons"] = factory(global._slicedToArray, global.React, global._toConsumableArray, global._defineProperty, null, global.glamor, global.Dropdown, global.ai, global.cg, global.bi, global.fi, global.md, global.imagekitioReact, global.bs, global.hi));
5
+ })(this, (function (_slicedToArray, React, _toConsumableArray, _defineProperty, reactRouterDom, glamor, Dropdown, ai, cg, bi, fi, md, imagekitioReact, bs, hi) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
9
9
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
10
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
10
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
11
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
12
12
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
13
13
  var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
@@ -18,12 +18,12 @@
18
18
  n(css,{});
19
19
 
20
20
  var AwesomeButton = function AwesomeButton(props) {
21
- var _useState = React$1.useState(null),
21
+ var _useState = React.useState(null),
22
22
  _useState2 = _slicedToArray__default["default"](_useState, 2),
23
23
  color = _useState2[0],
24
24
  setColor = _useState2[1];
25
25
 
26
- React$1.useEffect(function () {
26
+ React.useEffect(function () {
27
27
  if (props.variant) {
28
28
  if (props.variant === 'primary') {
29
29
  setColor('#0077ff');
@@ -77,17 +77,17 @@
77
77
  var StaticPagesLinksContext = props.actions.StaticPagesLinkxwsContext;
78
78
  var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
79
79
 
80
- var _useState = React$1.useState(''),
80
+ var _useState = React.useState(''),
81
81
  _useState2 = _slicedToArray__default["default"](_useState, 2),
82
82
  sectionproperties = _useState2[0],
83
83
  setsectionproperties = _useState2[1];
84
84
 
85
- var _useState3 = React$1.useState(false),
85
+ var _useState3 = React.useState(false),
86
86
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
87
87
  dropdownselect = _useState4[0],
88
88
  setdropdownselect = _useState4[1];
89
89
 
90
- React$1.useEffect(function () {
90
+ React.useEffect(function () {
91
91
  var _StatePagePropertiesC, _StatePagePropertiesC2;
92
92
 
93
93
  var secpropobj = {};
@@ -366,12 +366,12 @@
366
366
  return totalprice;
367
367
  };
368
368
 
369
- var _useState5 = React$1.useState([]),
369
+ var _useState5 = React.useState([]),
370
370
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
371
371
  logoarrayofobjects = _useState6[0],
372
372
  setlogoarrayofobjects = _useState6[1];
373
373
 
374
- React$1.useEffect(function () {
374
+ React.useEffect(function () {
375
375
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
376
376
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
377
377
 
@@ -441,6 +441,8 @@
441
441
  routingcountext('home');
442
442
  }
443
443
  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
444
+ urlEndpoint: 'https://ik.imagekit.io/kcrbhhnh0',
445
+ publicKey: "public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=",
444
446
  path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
445
447
  style: {
446
448
  maxWidth: '100%',
@@ -809,7 +811,7 @@
809
811
  }
810
812
 
811
813
  if (item.isnavigation == 1 && item.isactive == 1) {
812
- return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
814
+ return /*#__PURE__*/React__default["default"].createElement("div", {
813
815
  to: item.navigationroute
814
816
  }, /*#__PURE__*/React__default["default"].createElement("li", {
815
817
  className: "".concat(activeclass),
@@ -826,23 +828,12 @@
826
828
  }))));
827
829
  };
828
830
 
829
- var App = function App() {
831
+ var returnLibrary = function returnLibrary() {
830
832
  return {
831
833
  AwesomeButton: AwesomeButton,
832
- Header8: Header8
833
- }; // </>
834
- // you can add here other components that you want to export
835
- };
836
-
837
- var App$1 = App();
834
+ Header8: Header8 // you can add here other components that you want to export
838
835
 
839
- var returnLibrary = function returnLibrary() {
840
- return /*#__PURE__*/React.createElement(imagekitioReact.IKContext, {
841
- publicKey: "public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=",
842
- urlEndpoint: "https://ik.imagekit.io/kcrbhhnh0",
843
- transformationPosition: "path" // authenticationEndpoint="http://www.tab.com/auth"
844
-
845
- }, /*#__PURE__*/React.createElement(App$1, null));
836
+ };
846
837
  };
847
838
 
848
839
  var index = returnLibrary();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.4",
3
+ "version": "0.0.7",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {