@pelcro/react-pelcro-js 4.0.0-alpha.34 → 4.0.0-alpha.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -32397,254 +32397,14 @@ var _path$f;
32397
32397
 
32398
32398
  function _extends$f() { _extends$f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
32399
32399
 
32400
- function SvgUser(props) {
32401
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
32402
- xmlns: "http://www.w3.org/2000/svg",
32403
- fill: "none",
32404
- viewBox: "0 0 24 24",
32405
- stroke: "currentColor"
32406
- }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
32407
- strokeLinecap: "round",
32408
- strokeLinejoin: "round",
32409
- strokeWidth: 2,
32410
- d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zm-4 7a7 7 0 00-7 7h14a7 7 0 00-7-7z"
32411
- })));
32412
- }
32413
-
32414
- var _path$e;
32415
-
32416
- function _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
32417
-
32418
- function SvgNewsletter(props) {
32419
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
32420
- xmlns: "http://www.w3.org/2000/svg",
32421
- className: "plc-h-5 plc-w-5",
32422
- fill: "none",
32423
- viewBox: "0 0 24 24",
32424
- stroke: "currentColor"
32425
- }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
32426
- strokeLinecap: "round",
32427
- strokeLinejoin: "round",
32428
- strokeWidth: 2,
32429
- d: "M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"
32430
- })));
32431
- }
32432
-
32433
- var _path$d;
32434
-
32435
- function _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
32436
-
32437
- function SvgRefresh(props) {
32438
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
32439
- className: "plc-w-4 plc-h-4 plc-mr-1",
32440
- xmlns: "http://www.w3.org/2000/svg",
32441
- fill: "none",
32442
- viewBox: "0 0 24 24",
32443
- stroke: "currentColor"
32444
- }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
32445
- strokeLinecap: "round",
32446
- strokeLinejoin: "round",
32447
- strokeWidth: 2,
32448
- d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
32449
- })));
32450
- }
32451
-
32452
- var _path$c;
32453
-
32454
- function _extends$c() { _extends$c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
32455
-
32456
- function SvgDocument(props) {
32457
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
32458
- xmlns: "http://www.w3.org/2000/svg",
32459
- className: "plc-h-6 plc-w-6 plc-mr-2",
32460
- fill: "none",
32461
- viewBox: "0 0 24 24",
32462
- stroke: "currentColor"
32463
- }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
32464
- strokeLinecap: "round",
32465
- strokeLinejoin: "round",
32466
- strokeWidth: 2,
32467
- d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
32468
- })));
32469
- }
32470
-
32471
- var _path$b;
32472
-
32473
- function _extends$b() { _extends$b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
32474
-
32475
- function SvgPaymentCard(props) {
32476
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
32477
- className: "plc-w-6 plc-h-6 plc-mr-2",
32478
- xmlns: "http://www.w3.org/2000/svg",
32479
- fill: "none",
32480
- viewBox: "0 0 24 24",
32481
- stroke: "currentColor"
32482
- }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
32483
- strokeLinecap: "round",
32484
- strokeLinejoin: "round",
32485
- strokeWidth: 2,
32486
- d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"
32487
- })));
32488
- }
32489
-
32490
- var _path$a, _path2;
32491
-
32492
- function _extends$a() { _extends$a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
32493
-
32494
- function SvgLocationPin(props) {
32495
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
32496
- className: "plc-w-6 plc-h-6 plc-mr-2",
32497
- xmlns: "http://www.w3.org/2000/svg",
32498
- fill: "none",
32499
- viewBox: "0 0 24 24",
32500
- stroke: "currentColor"
32501
- }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
32502
- strokeLinecap: "round",
32503
- strokeLinejoin: "round",
32504
- strokeWidth: 2,
32505
- d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
32506
- })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
32507
- strokeLinecap: "round",
32508
- strokeLinejoin: "round",
32509
- strokeWidth: 2,
32510
- d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z"
32511
- })));
32512
- }
32513
-
32514
- var _path$9;
32515
-
32516
- function _extends$9() { _extends$9 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
32517
-
32518
- function SvgShopping(props) {
32519
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
32520
- className: "plc-w-6 plc-h-6 plc-mr-2",
32521
- xmlns: "http://www.w3.org/2000/svg",
32522
- fill: "none",
32523
- viewBox: "0 0 24 24",
32524
- stroke: "currentColor"
32525
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
32526
- strokeLinecap: "round",
32527
- strokeLinejoin: "round",
32528
- strokeWidth: 2,
32529
- d: "M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"
32530
- })));
32531
- }
32532
-
32533
- var _path$8;
32534
-
32535
- function _extends$8() { _extends$8 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
32536
-
32537
- function SvgBookmark(props) {
32538
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
32539
- className: "plc-w-6 plc-h-6 plc-mr-2",
32540
- xmlns: "http://www.w3.org/2000/svg",
32541
- fill: "none",
32542
- viewBox: "0 0 24 24",
32543
- stroke: "currentColor"
32544
- }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
32545
- strokeLinecap: "round",
32546
- strokeLinejoin: "round",
32547
- strokeWidth: 2,
32548
- d: "M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"
32549
- })));
32550
- }
32551
-
32552
- var _path$7;
32553
-
32554
- function _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
32555
-
32556
- function SvgPlus(props) {
32557
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
32558
- className: "plc-w-5 plc-h-5",
32559
- xmlns: "http://www.w3.org/2000/svg",
32560
- fill: "none",
32561
- viewBox: "0 0 24 24",
32562
- stroke: "currentColor"
32563
- }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
32564
- strokeLinecap: "round",
32565
- strokeLinejoin: "round",
32566
- strokeWidth: 2,
32567
- d: "M12 6v6m0 0v6m0-6h6m-6 0H6"
32568
- })));
32569
- }
32570
-
32571
- var _path$6;
32572
-
32573
- function _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
32574
-
32575
- function SvgKey(props) {
32576
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
32577
- xmlns: "http://www.w3.org/2000/svg",
32578
- viewBox: "0 0 20 20",
32579
- fill: "currentColor"
32580
- }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
32581
- fillRule: "evenodd",
32582
- d: "M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z",
32583
- clipRule: "evenodd"
32584
- })));
32585
- }
32586
-
32587
- var _path$5;
32588
-
32589
- function _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
32590
-
32591
- function SvgDonate(props) {
32592
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
32593
- width: 24,
32594
- height: 24,
32595
- fill: "currentColor",
32596
- xmlns: "http://www.w3.org/2000/svg"
32597
- }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
32598
- d: "M4 21h9.62a3.995 3.995 0 003.037-1.397l5.102-5.952a1 1 0 00-.442-1.6l-1.968-.656a3.043 3.043 0 00-2.823.503l-3.185 2.547-.617-1.235A3.98 3.98 0 009.146 11H4c-1.103 0-2 .897-2 2v6c0 1.103.897 2 2 2zm0-8h5.146c.763 0 1.448.423 1.789 1.105l.447.895H7v2h6.014a.996.996 0 00.442-.11l.003-.001.004-.002h.003l.002-.001h.004l.001-.001c.009.003.003-.001.003-.001.01 0 .002-.001.002-.001h.001l.002-.001.003-.001.002-.001.002-.001.003-.001.002-.001c.003 0 .001-.001.002-.001l.003-.002.002-.001.002-.001.003-.001.002-.001h.001l.002-.001h.001l.002-.001.002-.001c.009-.001.003-.001.003-.001l.002-.001a.915.915 0 00.11-.078l4.146-3.317c.262-.208.623-.273.94-.167l.557.186-4.133 4.823a2.029 2.029 0 01-1.52.688H4v-6zM16 2h-.017c-.163.002-1.006.039-1.983.705-.951-.648-1.774-.7-1.968-.704L12.002 2h-.004c-.801 0-1.555.313-2.119.878C9.313 3.445 9 4.198 9 5s.313 1.555.861 2.104l3.414 3.586a1.006 1.006 0 001.45-.001l3.396-3.568C18.688 6.555 19 5.802 19 5s-.313-1.555-.878-2.121A2.978 2.978 0 0016.002 2H16zm1 3c0 .267-.104.518-.311.725L14 8.55l-2.707-2.843C11.104 5.518 11 5.267 11 5s.104-.518.294-.708A.977.977 0 0111.979 4c.025.001.502.032 1.067.485.081.065.163.139.247.222l.707.707.707-.707c.084-.083.166-.157.247-.222.529-.425.976-.478 1.052-.484a.987.987 0 01.701.292c.189.189.293.44.293.707z"
32599
- })));
32600
- }
32601
-
32602
- var _path$4;
32603
-
32604
- function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
32605
-
32606
- function SvgMemberships(props) {
32607
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
32608
- xmlns: "http://www.w3.org/2000/svg",
32609
- fill: "none",
32610
- strokeWidth: 1.5,
32611
- stroke: "currentColor",
32612
- width: 24,
32613
- height: 24
32614
- }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
32615
- strokeLinecap: "round",
32616
- strokeLinejoin: "round",
32617
- d: "M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5zm6-10.125a1.875 1.875 0 11-3.75 0 1.875 1.875 0 013.75 0zm1.294 6.336a6.721 6.721 0 01-3.17.789 6.721 6.721 0 01-3.168-.789 3.376 3.376 0 016.338 0z"
32618
- })));
32619
- }
32620
-
32621
- var _path$3;
32622
-
32623
- function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
32624
-
32625
- function SvgQrcode(props) {
32626
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
32627
- xmlns: "http://www.w3.org/2000/svg",
32628
- width: 682.667,
32629
- height: 682.667,
32630
- viewBox: "0 0 512 512"
32631
- }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
32632
- d: "M93.5 62.4c-15.7 3.9-28 16.6-31.4 32.4-.7 3.3-1.1 17.2-1.1 36.4 0 29.1.1 31.4 2 35.3 5.3 11 21.2 11.1 26.4.1 1.4-2.9 1.6-7.9 1.6-34.6 0-34.4.1-35.3 6.3-39 3-1.9 5.2-2 34.5-2 26.9 0 31.9-.2 34.8-1.6 11-5.2 10.9-21.1-.1-26.4-3.9-1.9-6.1-2-36.1-1.9-21.8 0-33.5.5-36.9 1.3zM345.4 63c-10.9 5.4-10.9 21.2 0 26.4 2.9 1.4 7.9 1.6 34.8 1.6 29.3 0 31.5.1 34.5 2 6.2 3.7 6.3 4.6 6.3 39 0 26.7.2 31.7 1.6 34.6 5.2 11 21.1 10.9 26.4-.1 1.9-3.9 2-6.2 2-35.3 0-19.2-.4-33.1-1.1-36.4-3.5-16.2-16.5-29.2-32.7-32.7-3.3-.7-17.2-1.1-36.5-1.1-29.3 0-31.5.1-35.3 2zM146 128.9c-6.9 2.1-12.1 6.5-15.6 13.1-1.8 3.2-1.9 6.3-1.9 38.5 0 34.2 0 35.1 2.2 39.1 2.8 5.3 9.1 10.7 14.2 12.2 2.5.8 14.4 1.2 35.8 1.2 36.3 0 38.3-.3 45.2-7.2 6.8-6.9 7.1-8.9 7.1-45.1 0-22.2-.4-33.2-1.2-36.1-1.8-6-10-13.9-16-15.4-5.3-1.3-65.5-1.6-69.8-.3zm57 51.6V203h-45v-45h45v22.5zM297 128.9c-8 2.5-14.9 9.2-16.9 16.4-.9 2.9-1.1 14.3-.9 37.7.3 37.2.2 36.2 7.4 43.3 6.6 6.4 8.8 6.7 45 6.7 35.6 0 38-.3 44.2-6.3 1.9-1.8 4.3-5 5.5-7.2 2.1-3.9 2.2-5 2.2-39s-.1-35.1-2.2-39c-2.5-4.7-6.4-8.5-11.3-11.1-3.2-1.7-6.4-1.9-37-2.1-18.4-.1-34.6.2-36 .6zm57 51.6V203h-45v-45h45v22.5zM144.1 280.3c-4.8 1.8-10.8 7.2-13.4 12-2.2 4.1-2.2 4.9-2.2 39.2 0 34 .1 35.1 2.2 39 2.5 4.7 6.4 8.5 11.3 11.1 3.2 1.7 6.6 1.9 35.5 2.2 38.9.4 40.7.2 48-7.2 3.2-3.2 5.5-6.6 6.3-9.2.8-2.9 1.2-13.9 1.2-36.1 0-35.8-.4-38.3-6.6-44.7-7-7.2-6-7.1-44.4-7.3-25.4-.1-35.4.1-37.9 1zm58.9 51.2V354h-45v-45h45v22.5zM294.8 280.4c-6.8 2.4-12.9 8.9-14.8 15.7-1.5 5-1.3 66.2.2 71 1.5 5.1 6.9 11.4 12.2 14.2 4 2.2 4.9 2.2 39.1 2.2 32.2 0 35.3-.1 38.5-1.9 4.9-2.6 8.8-6.4 11.3-11.1 2.1-3.9 2.2-5 2.2-39s-.1-35.1-2.2-39c-3-5.6-8-10.1-13.2-12-5.9-2-67.5-2.2-73.3-.1zm59.2 51.1V354h-45v-45h45v22.5zM68.7 339.2c-2.2 1.3-4.5 3.8-5.7 6.3-1.9 3.9-2 6.2-2 35.3 0 19.2.4 33.1 1.1 36.4 3.4 16.1 16.6 29.3 32.7 32.7 3.3.7 17.2 1.1 36.4 1.1 29.1 0 31.4-.1 35.3-2 11-5.3 11.1-21.2.1-26.4-2.9-1.4-7.9-1.6-34.6-1.6-34.4 0-35.3-.1-39-6.3-1.9-3-2-5.2-2-34.5 0-26.9-.2-31.9-1.6-34.8-3.6-7.5-13.5-10.5-20.7-6.2zM429.2 338.7c-1.8.9-4.3 3-5.5 4.7-2.1 3-2.2 4-2.7 36.1-.5 35.8-.6 36.1-6.3 39.5-3 1.9-5.3 2-34.5 2-34.5 0-36.1.2-40.2 6-5.4 7.5-2.8 18 5.5 22 3.9 1.9 6.2 2 35.3 2 19.2 0 33.1-.4 36.4-1.1 16.2-3.5 29.2-16.5 32.7-32.7.7-3.3 1.1-17.2 1.1-36.4 0-29.1-.1-31.4-2-35.3-3.6-7.4-12.5-10.4-19.8-6.8z"
32633
- })));
32634
- }
32635
-
32636
- var _path$2;
32637
-
32638
- function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
32639
-
32640
32400
  function SvgChevronRight(props) {
32641
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
32401
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
32642
32402
  className: "plc-w-6 plc-h-6",
32643
32403
  xmlns: "http://www.w3.org/2000/svg",
32644
32404
  fill: "none",
32645
32405
  viewBox: "0 0 24 24",
32646
32406
  stroke: "currentColor"
32647
- }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
32407
+ }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
32648
32408
  strokeLinecap: "round",
32649
32409
  strokeLinejoin: "round",
32650
32410
  strokeWidth: 2,
@@ -32773,23 +32533,61 @@ const SavedItems = ({
32773
32533
  });
32774
32534
  };
32775
32535
 
32776
- var _path$1;
32536
+ var _path$e;
32777
32537
 
32778
- function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
32538
+ function _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
32779
32539
 
32780
- function SvgCalendar(props) {
32781
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
32540
+ function SvgRefresh(props) {
32541
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
32542
+ className: "plc-w-4 plc-h-4 plc-mr-1",
32782
32543
  xmlns: "http://www.w3.org/2000/svg",
32783
- className: "plc-h-4 plc-w-4 plc-mr-1",
32784
- viewBox: "0 0 20 20",
32785
- fill: "currentColor"
32786
- }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
32787
- fillRule: "evenodd",
32544
+ fill: "none",
32545
+ viewBox: "0 0 24 24",
32546
+ stroke: "currentColor"
32547
+ }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
32548
+ strokeLinecap: "round",
32549
+ strokeLinejoin: "round",
32550
+ strokeWidth: 2,
32551
+ d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
32552
+ })));
32553
+ }
32554
+
32555
+ var _path$d;
32556
+
32557
+ function _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
32558
+
32559
+ function SvgCalendar(props) {
32560
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
32561
+ xmlns: "http://www.w3.org/2000/svg",
32562
+ className: "plc-h-4 plc-w-4 plc-mr-1",
32563
+ viewBox: "0 0 20 20",
32564
+ fill: "currentColor"
32565
+ }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
32566
+ fillRule: "evenodd",
32788
32567
  d: "M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z",
32789
32568
  clipRule: "evenodd"
32790
32569
  })));
32791
32570
  }
32792
32571
 
32572
+ var _path$c;
32573
+
32574
+ function _extends$c() { _extends$c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
32575
+
32576
+ function SvgPlus(props) {
32577
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
32578
+ className: "plc-w-5 plc-h-5",
32579
+ xmlns: "http://www.w3.org/2000/svg",
32580
+ fill: "none",
32581
+ viewBox: "0 0 24 24",
32582
+ stroke: "currentColor"
32583
+ }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
32584
+ strokeLinecap: "round",
32585
+ strokeLinejoin: "round",
32586
+ strokeWidth: 2,
32587
+ d: "M12 6v6m0 0v6m0-6h6m-6 0H6"
32588
+ })));
32589
+ }
32590
+
32793
32591
  const AddNew = ({
32794
32592
  title,
32795
32593
  onClick
@@ -33448,6 +33246,25 @@ function formatStartDate(date) {
33448
33246
  return new Intl.DateTimeFormat("en-CA").format(startDate);
33449
33247
  }
33450
33248
 
33249
+ var _path$b;
33250
+
33251
+ function _extends$b() { _extends$b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
33252
+
33253
+ function SvgDocument(props) {
33254
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
33255
+ xmlns: "http://www.w3.org/2000/svg",
33256
+ className: "plc-h-6 plc-w-6 plc-mr-2",
33257
+ fill: "none",
33258
+ viewBox: "0 0 24 24",
33259
+ stroke: "currentColor"
33260
+ }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
33261
+ strokeLinecap: "round",
33262
+ strokeLinejoin: "round",
33263
+ strokeWidth: 2,
33264
+ d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
33265
+ })));
33266
+ }
33267
+
33451
33268
  const InvoicesMenu = props => {
33452
33269
  const {
33453
33270
  t
@@ -33929,6 +33746,22 @@ const AddressesItems = props => {
33929
33746
  })));
33930
33747
  };
33931
33748
 
33749
+ const SUB_MENUS = {
33750
+ PROFILE: "profile",
33751
+ QRCODE: "qr-code",
33752
+ PASSWORDCHANGE: "passwordChange",
33753
+ SUBSCRIPTIONS: "subscriptions",
33754
+ DONATIONS: "donations",
33755
+ MEMBERSHIPS: "memberships",
33756
+ NEWSLETTERS: "Newsletters",
33757
+ PAYMENT_CARDS: "payment-cards",
33758
+ ADDRESSES: "addresses",
33759
+ GIFTS: "gifts",
33760
+ ORDERS: "orders",
33761
+ INVOICES: "invoices",
33762
+ LOGOUT: "logout",
33763
+ SAVED_ITEMS: "saved-items"
33764
+ };
33932
33765
  const getPaymentCardIcon = name => {
33933
33766
  var _icons$name$toLowerCa;
33934
33767
 
@@ -35635,24 +35468,8 @@ const PasswordChangeMenu = () => {
35635
35468
  }, /*#__PURE__*/React__default['default'].createElement(PasswordChangeView, null));
35636
35469
  };
35637
35470
 
35638
- const SUB_MENUS = {
35639
- PROFILE: "profile",
35640
- QRCODE: "qr-code",
35641
- PASSWORDCHANGE: "passwordChange",
35642
- SUBSCRIPTIONS: "subscriptions",
35643
- DONATIONS: "donations",
35644
- MEMBERSHIPS: "memberships",
35645
- NEWSLETTERS: "Newsletters",
35646
- PAYMENT_CARDS: "payment-cards",
35647
- ADDRESSES: "addresses",
35648
- GIFTS: "gifts",
35649
- ORDERS: "orders",
35650
- INVOICES: "invoices",
35651
- LOGOUT: "logout",
35652
- SAVED_ITEMS: "saved-items"
35653
- };
35654
35471
  const DashboardContent = props => {
35655
- var _window$Pelcro$user$r, _window$Pelcro, _window$Pelcro$uiSett;
35472
+ var _window$Pelcro$user$r, _window$Pelcro, _window$Pelcro$uiSett, _props$children;
35656
35473
 
35657
35474
  const {
35658
35475
  state: {
@@ -35878,115 +35695,11 @@ const DashboardContent = props => {
35878
35695
  className: "plc-fill-current"
35879
35696
  }))))), /*#__PURE__*/React__default['default'].createElement("section", {
35880
35697
  className: "plc-mt-6 plc-shadow-sm"
35881
- }, /*#__PURE__*/React__default['default'].createElement("header", {
35882
- className: "plc-pl-4 plc-mb-2 sm:plc-pl-8"
35883
- }, /*#__PURE__*/React__default['default'].createElement("p", {
35884
- className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
35885
- }, t("labels.mySettings"))), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35886
- name: SUB_MENUS.PROFILE,
35887
- icon: /*#__PURE__*/React__default['default'].createElement(SvgUser, {
35888
- className: "plc-w-6 plc-h-6 plc-mr-2"
35889
- }),
35890
- title: t("labels.profile"),
35891
- setActiveDashboardLink: setActiveDashboardLink,
35892
- activeDashboardLink: activeDashboardLink
35893
- }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35894
- name: SUB_MENUS.QRCODE,
35895
- icon: /*#__PURE__*/React__default['default'].createElement(SvgQrcode, {
35896
- className: "plc-w-6 plc-h-6 plc-mr-2"
35897
- }),
35898
- title: "My QR code",
35899
- setActiveDashboardLink: setActiveDashboardLink,
35900
- activeDashboardLink: activeDashboardLink
35901
- }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35902
- name: SUB_MENUS.PASSWORDCHANGE,
35903
- icon: /*#__PURE__*/React__default['default'].createElement(SvgKey, {
35904
- className: "plc-w-6 plc-h-6 plc-mr-2"
35905
- }),
35906
- title: t("labels.changePassword"),
35907
- setActiveDashboardLink: setActiveDashboardLink,
35908
- activeDashboardLink: activeDashboardLink
35909
- }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35910
- name: SUB_MENUS.SAVED_ITEMS,
35911
- icon: /*#__PURE__*/React__default['default'].createElement(SvgBookmark, null),
35912
- title: t("labels.savedItems.label"),
35913
- setActiveDashboardLink: setActiveDashboardLink,
35914
- activeDashboardLink: activeDashboardLink
35915
- }), /*#__PURE__*/React__default['default'].createElement("header", {
35916
- className: "plc-pl-4 plc-mb-2 sm:plc-pl-8"
35917
- }, /*#__PURE__*/React__default['default'].createElement("p", {
35918
- className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
35919
- }, t("labels.accountSettings"))), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35920
- name: SUB_MENUS.PAYMENT_CARDS,
35921
- icon: /*#__PURE__*/React__default['default'].createElement(SvgPaymentCard, null),
35922
- title: t("labels.paymentSource"),
35923
- setActiveDashboardLink: setActiveDashboardLink,
35924
- activeDashboardLink: activeDashboardLink
35925
- }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35926
- name: SUB_MENUS.ADDRESSES,
35927
- icon: /*#__PURE__*/React__default['default'].createElement(SvgLocationPin, null),
35928
- title: t("labels.addresses"),
35929
- setActiveDashboardLink: setActiveDashboardLink,
35930
- activeDashboardLink: activeDashboardLink
35931
- }), /*#__PURE__*/React__default['default'].createElement("header", {
35932
- className: "plc-pl-4 plc-my-2 sm:plc-pl-8"
35933
- }, /*#__PURE__*/React__default['default'].createElement("p", {
35934
- className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
35935
- }, t("labels.purchases"))), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35936
- name: SUB_MENUS.SUBSCRIPTIONS,
35937
- icon: /*#__PURE__*/React__default['default'].createElement(SvgSubscription, {
35938
- className: "plc-w-10 plc-h-10 plc-pt-2 plc-pr-1 plc--ml-2"
35939
- }),
35940
- title: t("labels.subscriptions"),
35941
- setActiveDashboardLink: setActiveDashboardLink,
35942
- activeDashboardLink: activeDashboardLink
35943
- }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35944
- show: showNewsletters(),
35945
- name: SUB_MENUS.NEWSLETTERS,
35946
- icon: /*#__PURE__*/React__default['default'].createElement(SvgNewsletter, {
35947
- className: "plc-transform plc--translate-x-1 plc-scale-105 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
35948
- }),
35949
- title: t("labels.Newsletters"),
35950
- setActiveDashboardLink: setActiveDashboardLink,
35951
- activeDashboardLink: activeDashboardLink
35952
- }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35953
- show: hasActiveMemberships(),
35954
- name: SUB_MENUS.MEMBERSHIPS,
35955
- icon: /*#__PURE__*/React__default['default'].createElement(SvgMemberships, {
35956
- className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
35957
- }),
35958
- title: t("labels.memberships"),
35959
- setActiveDashboardLink: setActiveDashboardLink,
35960
- activeDashboardLink: activeDashboardLink
35961
- }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35962
- show: hasDonationSubs(),
35963
- name: SUB_MENUS.DONATIONS,
35964
- icon: /*#__PURE__*/React__default['default'].createElement(SvgDonate, {
35965
- className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
35966
- }),
35967
- title: t("labels.donations"),
35968
- setActiveDashboardLink: setActiveDashboardLink,
35969
- activeDashboardLink: activeDashboardLink
35970
- }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35971
- name: SUB_MENUS.GIFTS,
35972
- icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, null),
35973
- title: t("labels.gifts"),
35974
- setActiveDashboardLink: setActiveDashboardLink,
35975
- activeDashboardLink: activeDashboardLink
35976
- }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35977
- show: window.Pelcro.site.read().ecommerce_enabled,
35978
- name: SUB_MENUS.ORDERS,
35979
- icon: /*#__PURE__*/React__default['default'].createElement(SvgShopping, null),
35980
- title: t("labels.orders.label"),
35981
- setActiveDashboardLink: setActiveDashboardLink,
35982
- activeDashboardLink: activeDashboardLink
35983
- }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35984
- show: hasInvoices(),
35985
- name: SUB_MENUS.INVOICES,
35986
- icon: /*#__PURE__*/React__default['default'].createElement(SvgDocument, null),
35987
- title: t("labels.invoices"),
35988
- setActiveDashboardLink: setActiveDashboardLink,
35989
- activeDashboardLink: activeDashboardLink
35698
+ }, props !== null && props !== void 0 && (_props$children = props.children) !== null && _props$children !== void 0 && _props$children.length ? props === null || props === void 0 ? void 0 : props.children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
35699
+ store: store$4,
35700
+ key: i
35701
+ })) : /*#__PURE__*/React__default['default'].cloneElement(props === null || props === void 0 ? void 0 : props.children, {
35702
+ store: store$4
35990
35703
  })), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35991
35704
  name: SUB_MENUS.LOGOUT,
35992
35705
  icon: /*#__PURE__*/React__default['default'].createElement(SvgExit, null),
@@ -36021,27 +35734,649 @@ const DashboardContent = props => {
36021
35734
  }))));
36022
35735
  };
36023
35736
 
36024
- /**
36025
- *
36026
- */
35737
+ const DashboardHeading = ({
35738
+ title
35739
+ }) => {
35740
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, title && /*#__PURE__*/React__default['default'].createElement("header", {
35741
+ className: "plc-pl-4 plc-my-2 sm:plc-pl-8"
35742
+ }, /*#__PURE__*/React__default['default'].createElement("p", {
35743
+ className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
35744
+ }, title)));
35745
+ };
36027
35746
 
36028
- function Dashboard(props) {
36029
- React__default['default'].useEffect(() => {
36030
- var _props$onDisplay;
35747
+ var _path$a;
36031
35748
 
36032
- (_props$onDisplay = props.onDisplay) === null || _props$onDisplay === void 0 ? void 0 : _props$onDisplay.call(props);
36033
- }, []);
35749
+ function _extends$a() { _extends$a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
35750
+
35751
+ function SvgUser(props) {
35752
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
35753
+ xmlns: "http://www.w3.org/2000/svg",
35754
+ fill: "none",
35755
+ viewBox: "0 0 24 24",
35756
+ stroke: "currentColor"
35757
+ }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
35758
+ strokeLinecap: "round",
35759
+ strokeLinejoin: "round",
35760
+ strokeWidth: 2,
35761
+ d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zm-4 7a7 7 0 00-7 7h14a7 7 0 00-7-7z"
35762
+ })));
35763
+ }
35764
+
35765
+ const DashboardProfile = ({
35766
+ title,
35767
+ icon,
35768
+ store
35769
+ }) => {
36034
35770
  const {
36035
- resetView
36036
- } = usePelcro();
36037
- return /*#__PURE__*/React__default['default'].createElement(DashboardContainer, props, /*#__PURE__*/React__default['default'].createElement(DashboardContent, Object.assign({
36038
- onClose: () => {
36039
- var _props$onClose;
35771
+ state: {
35772
+ activeDashboardLink
35773
+ },
35774
+ dispatch
35775
+ } = React.useContext(store);
35776
+ const {
35777
+ t
35778
+ } = useTranslation("dashboard");
36040
35779
 
36041
- (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
36042
- resetView();
36043
- }
36044
- }, props)));
35780
+ const setActiveDashboardLink = submenuName => {
35781
+ dispatch({
35782
+ type: SET_ACTIVE_DASHBOARD_LINK,
35783
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
35784
+ });
35785
+ };
35786
+
35787
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35788
+ name: SUB_MENUS.PROFILE,
35789
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgUser, {
35790
+ className: "plc-w-6 plc-h-6 plc-mr-2"
35791
+ }),
35792
+ title: title !== null && title !== void 0 ? title : t("labels.profile"),
35793
+ setActiveDashboardLink: setActiveDashboardLink,
35794
+ activeDashboardLink: activeDashboardLink
35795
+ });
35796
+ };
35797
+
35798
+ var _path$9;
35799
+
35800
+ function _extends$9() { _extends$9 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
35801
+
35802
+ function SvgQrcode(props) {
35803
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
35804
+ xmlns: "http://www.w3.org/2000/svg",
35805
+ width: 682.667,
35806
+ height: 682.667,
35807
+ viewBox: "0 0 512 512"
35808
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
35809
+ d: "M93.5 62.4c-15.7 3.9-28 16.6-31.4 32.4-.7 3.3-1.1 17.2-1.1 36.4 0 29.1.1 31.4 2 35.3 5.3 11 21.2 11.1 26.4.1 1.4-2.9 1.6-7.9 1.6-34.6 0-34.4.1-35.3 6.3-39 3-1.9 5.2-2 34.5-2 26.9 0 31.9-.2 34.8-1.6 11-5.2 10.9-21.1-.1-26.4-3.9-1.9-6.1-2-36.1-1.9-21.8 0-33.5.5-36.9 1.3zM345.4 63c-10.9 5.4-10.9 21.2 0 26.4 2.9 1.4 7.9 1.6 34.8 1.6 29.3 0 31.5.1 34.5 2 6.2 3.7 6.3 4.6 6.3 39 0 26.7.2 31.7 1.6 34.6 5.2 11 21.1 10.9 26.4-.1 1.9-3.9 2-6.2 2-35.3 0-19.2-.4-33.1-1.1-36.4-3.5-16.2-16.5-29.2-32.7-32.7-3.3-.7-17.2-1.1-36.5-1.1-29.3 0-31.5.1-35.3 2zM146 128.9c-6.9 2.1-12.1 6.5-15.6 13.1-1.8 3.2-1.9 6.3-1.9 38.5 0 34.2 0 35.1 2.2 39.1 2.8 5.3 9.1 10.7 14.2 12.2 2.5.8 14.4 1.2 35.8 1.2 36.3 0 38.3-.3 45.2-7.2 6.8-6.9 7.1-8.9 7.1-45.1 0-22.2-.4-33.2-1.2-36.1-1.8-6-10-13.9-16-15.4-5.3-1.3-65.5-1.6-69.8-.3zm57 51.6V203h-45v-45h45v22.5zM297 128.9c-8 2.5-14.9 9.2-16.9 16.4-.9 2.9-1.1 14.3-.9 37.7.3 37.2.2 36.2 7.4 43.3 6.6 6.4 8.8 6.7 45 6.7 35.6 0 38-.3 44.2-6.3 1.9-1.8 4.3-5 5.5-7.2 2.1-3.9 2.2-5 2.2-39s-.1-35.1-2.2-39c-2.5-4.7-6.4-8.5-11.3-11.1-3.2-1.7-6.4-1.9-37-2.1-18.4-.1-34.6.2-36 .6zm57 51.6V203h-45v-45h45v22.5zM144.1 280.3c-4.8 1.8-10.8 7.2-13.4 12-2.2 4.1-2.2 4.9-2.2 39.2 0 34 .1 35.1 2.2 39 2.5 4.7 6.4 8.5 11.3 11.1 3.2 1.7 6.6 1.9 35.5 2.2 38.9.4 40.7.2 48-7.2 3.2-3.2 5.5-6.6 6.3-9.2.8-2.9 1.2-13.9 1.2-36.1 0-35.8-.4-38.3-6.6-44.7-7-7.2-6-7.1-44.4-7.3-25.4-.1-35.4.1-37.9 1zm58.9 51.2V354h-45v-45h45v22.5zM294.8 280.4c-6.8 2.4-12.9 8.9-14.8 15.7-1.5 5-1.3 66.2.2 71 1.5 5.1 6.9 11.4 12.2 14.2 4 2.2 4.9 2.2 39.1 2.2 32.2 0 35.3-.1 38.5-1.9 4.9-2.6 8.8-6.4 11.3-11.1 2.1-3.9 2.2-5 2.2-39s-.1-35.1-2.2-39c-3-5.6-8-10.1-13.2-12-5.9-2-67.5-2.2-73.3-.1zm59.2 51.1V354h-45v-45h45v22.5zM68.7 339.2c-2.2 1.3-4.5 3.8-5.7 6.3-1.9 3.9-2 6.2-2 35.3 0 19.2.4 33.1 1.1 36.4 3.4 16.1 16.6 29.3 32.7 32.7 3.3.7 17.2 1.1 36.4 1.1 29.1 0 31.4-.1 35.3-2 11-5.3 11.1-21.2.1-26.4-2.9-1.4-7.9-1.6-34.6-1.6-34.4 0-35.3-.1-39-6.3-1.9-3-2-5.2-2-34.5 0-26.9-.2-31.9-1.6-34.8-3.6-7.5-13.5-10.5-20.7-6.2zM429.2 338.7c-1.8.9-4.3 3-5.5 4.7-2.1 3-2.2 4-2.7 36.1-.5 35.8-.6 36.1-6.3 39.5-3 1.9-5.3 2-34.5 2-34.5 0-36.1.2-40.2 6-5.4 7.5-2.8 18 5.5 22 3.9 1.9 6.2 2 35.3 2 19.2 0 33.1-.4 36.4-1.1 16.2-3.5 29.2-16.5 32.7-32.7.7-3.3 1.1-17.2 1.1-36.4 0-29.1-.1-31.4-2-35.3-3.6-7.4-12.5-10.4-19.8-6.8z"
35810
+ })));
35811
+ }
35812
+
35813
+ const DashboardQRCode = ({
35814
+ title,
35815
+ icon,
35816
+ store
35817
+ }) => {
35818
+ const {
35819
+ state: {
35820
+ activeDashboardLink
35821
+ },
35822
+ dispatch
35823
+ } = React.useContext(store);
35824
+ useTranslation("dashboard");
35825
+
35826
+ const setActiveDashboardLink = submenuName => {
35827
+ dispatch({
35828
+ type: SET_ACTIVE_DASHBOARD_LINK,
35829
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
35830
+ });
35831
+ };
35832
+
35833
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35834
+ name: SUB_MENUS.QRCODE,
35835
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgQrcode, {
35836
+ className: "plc-w-6 plc-h-6 plc-mr-2"
35837
+ }),
35838
+ title: title !== null && title !== void 0 ? title : "My QR code",
35839
+ setActiveDashboardLink: setActiveDashboardLink,
35840
+ activeDashboardLink: activeDashboardLink
35841
+ });
35842
+ };
35843
+
35844
+ var _path$8;
35845
+
35846
+ function _extends$8() { _extends$8 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
35847
+
35848
+ function SvgKey(props) {
35849
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
35850
+ xmlns: "http://www.w3.org/2000/svg",
35851
+ viewBox: "0 0 20 20",
35852
+ fill: "currentColor"
35853
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
35854
+ fillRule: "evenodd",
35855
+ d: "M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z",
35856
+ clipRule: "evenodd"
35857
+ })));
35858
+ }
35859
+
35860
+ const DashboardPasswordChange = ({
35861
+ title,
35862
+ icon,
35863
+ store
35864
+ }) => {
35865
+ const {
35866
+ state: {
35867
+ activeDashboardLink
35868
+ },
35869
+ dispatch
35870
+ } = React.useContext(store);
35871
+ const {
35872
+ t
35873
+ } = useTranslation("dashboard");
35874
+
35875
+ const setActiveDashboardLink = submenuName => {
35876
+ dispatch({
35877
+ type: SET_ACTIVE_DASHBOARD_LINK,
35878
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
35879
+ });
35880
+ };
35881
+
35882
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35883
+ name: SUB_MENUS.PASSWORDCHANGE,
35884
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgKey, {
35885
+ className: "plc-w-6 plc-h-6 plc-mr-2"
35886
+ }),
35887
+ title: title !== null && title !== void 0 ? title : t("labels.changePassword"),
35888
+ setActiveDashboardLink: setActiveDashboardLink,
35889
+ activeDashboardLink: activeDashboardLink
35890
+ });
35891
+ };
35892
+
35893
+ var _path$7;
35894
+
35895
+ function _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
35896
+
35897
+ function SvgBookmark(props) {
35898
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
35899
+ className: "plc-w-6 plc-h-6 plc-mr-2",
35900
+ xmlns: "http://www.w3.org/2000/svg",
35901
+ fill: "none",
35902
+ viewBox: "0 0 24 24",
35903
+ stroke: "currentColor"
35904
+ }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
35905
+ strokeLinecap: "round",
35906
+ strokeLinejoin: "round",
35907
+ strokeWidth: 2,
35908
+ d: "M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"
35909
+ })));
35910
+ }
35911
+
35912
+ const DashboardSavedItems = ({
35913
+ title,
35914
+ icon,
35915
+ store
35916
+ }) => {
35917
+ const {
35918
+ state: {
35919
+ activeDashboardLink
35920
+ },
35921
+ dispatch
35922
+ } = React.useContext(store);
35923
+ const {
35924
+ t
35925
+ } = useTranslation("dashboard");
35926
+
35927
+ const setActiveDashboardLink = submenuName => {
35928
+ dispatch({
35929
+ type: SET_ACTIVE_DASHBOARD_LINK,
35930
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
35931
+ });
35932
+ };
35933
+
35934
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35935
+ name: SUB_MENUS.SAVED_ITEMS,
35936
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgBookmark, null),
35937
+ title: title !== null && title !== void 0 ? title : t("labels.savedItems.label"),
35938
+ setActiveDashboardLink: setActiveDashboardLink,
35939
+ activeDashboardLink: activeDashboardLink
35940
+ });
35941
+ };
35942
+
35943
+ var _path$6;
35944
+
35945
+ function _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
35946
+
35947
+ function SvgPaymentCard(props) {
35948
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
35949
+ className: "plc-w-6 plc-h-6 plc-mr-2",
35950
+ xmlns: "http://www.w3.org/2000/svg",
35951
+ fill: "none",
35952
+ viewBox: "0 0 24 24",
35953
+ stroke: "currentColor"
35954
+ }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
35955
+ strokeLinecap: "round",
35956
+ strokeLinejoin: "round",
35957
+ strokeWidth: 2,
35958
+ d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"
35959
+ })));
35960
+ }
35961
+
35962
+ const DashboardPaymentCards = ({
35963
+ title,
35964
+ icon,
35965
+ store
35966
+ }) => {
35967
+ const {
35968
+ state: {
35969
+ activeDashboardLink
35970
+ },
35971
+ dispatch
35972
+ } = React.useContext(store);
35973
+ const {
35974
+ t
35975
+ } = useTranslation("dashboard");
35976
+
35977
+ const setActiveDashboardLink = submenuName => {
35978
+ dispatch({
35979
+ type: SET_ACTIVE_DASHBOARD_LINK,
35980
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
35981
+ });
35982
+ };
35983
+
35984
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
35985
+ name: SUB_MENUS.PAYMENT_CARDS,
35986
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgPaymentCard, null),
35987
+ title: title !== null && title !== void 0 ? title : t("labels.paymentSource"),
35988
+ setActiveDashboardLink: setActiveDashboardLink,
35989
+ activeDashboardLink: activeDashboardLink
35990
+ });
35991
+ };
35992
+
35993
+ var _path$5, _path2;
35994
+
35995
+ function _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
35996
+
35997
+ function SvgLocationPin(props) {
35998
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
35999
+ className: "plc-w-6 plc-h-6 plc-mr-2",
36000
+ xmlns: "http://www.w3.org/2000/svg",
36001
+ fill: "none",
36002
+ viewBox: "0 0 24 24",
36003
+ stroke: "currentColor"
36004
+ }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
36005
+ strokeLinecap: "round",
36006
+ strokeLinejoin: "round",
36007
+ strokeWidth: 2,
36008
+ d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
36009
+ })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
36010
+ strokeLinecap: "round",
36011
+ strokeLinejoin: "round",
36012
+ strokeWidth: 2,
36013
+ d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z"
36014
+ })));
36015
+ }
36016
+
36017
+ const DashboardAddresses = ({
36018
+ title,
36019
+ icon,
36020
+ store
36021
+ }) => {
36022
+ const {
36023
+ state: {
36024
+ activeDashboardLink
36025
+ },
36026
+ dispatch
36027
+ } = React.useContext(store);
36028
+ const {
36029
+ t
36030
+ } = useTranslation("dashboard");
36031
+
36032
+ const setActiveDashboardLink = submenuName => {
36033
+ dispatch({
36034
+ type: SET_ACTIVE_DASHBOARD_LINK,
36035
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
36036
+ });
36037
+ };
36038
+
36039
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
36040
+ name: SUB_MENUS.ADDRESSES,
36041
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgLocationPin, null),
36042
+ title: title !== null && title !== void 0 ? title : t("labels.addresses"),
36043
+ setActiveDashboardLink: setActiveDashboardLink,
36044
+ activeDashboardLink: activeDashboardLink
36045
+ });
36046
+ };
36047
+
36048
+ const DashboardSubscriptions = ({
36049
+ title,
36050
+ icon,
36051
+ store
36052
+ }) => {
36053
+ const {
36054
+ state: {
36055
+ activeDashboardLink
36056
+ },
36057
+ dispatch
36058
+ } = React.useContext(store);
36059
+ const {
36060
+ t
36061
+ } = useTranslation("dashboard");
36062
+
36063
+ const setActiveDashboardLink = submenuName => {
36064
+ dispatch({
36065
+ type: SET_ACTIVE_DASHBOARD_LINK,
36066
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
36067
+ });
36068
+ };
36069
+
36070
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
36071
+ name: SUB_MENUS.SUBSCRIPTIONS,
36072
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgSubscription, {
36073
+ className: "plc-w-10 plc-h-10 plc-pt-2 plc-pr-1 plc--ml-2"
36074
+ }),
36075
+ title: title !== null && title !== void 0 ? title : t("labels.subscriptions"),
36076
+ setActiveDashboardLink: setActiveDashboardLink,
36077
+ activeDashboardLink: activeDashboardLink
36078
+ });
36079
+ };
36080
+
36081
+ var _path$4;
36082
+
36083
+ function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
36084
+
36085
+ function SvgNewsletter(props) {
36086
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
36087
+ xmlns: "http://www.w3.org/2000/svg",
36088
+ className: "plc-h-5 plc-w-5",
36089
+ fill: "none",
36090
+ viewBox: "0 0 24 24",
36091
+ stroke: "currentColor"
36092
+ }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
36093
+ strokeLinecap: "round",
36094
+ strokeLinejoin: "round",
36095
+ strokeWidth: 2,
36096
+ d: "M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"
36097
+ })));
36098
+ }
36099
+
36100
+ const DashboardNewsletters = ({
36101
+ title,
36102
+ icon,
36103
+ store
36104
+ }) => {
36105
+ const {
36106
+ state: {
36107
+ activeDashboardLink
36108
+ },
36109
+ dispatch
36110
+ } = React.useContext(store);
36111
+ const {
36112
+ t
36113
+ } = useTranslation("dashboard");
36114
+
36115
+ const setActiveDashboardLink = submenuName => {
36116
+ dispatch({
36117
+ type: SET_ACTIVE_DASHBOARD_LINK,
36118
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
36119
+ });
36120
+ };
36121
+
36122
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
36123
+ show: showNewsletters(),
36124
+ name: SUB_MENUS.NEWSLETTERS,
36125
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgNewsletter, {
36126
+ className: "plc-transform plc--translate-x-1 plc-scale-105 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
36127
+ }),
36128
+ title: title !== null && title !== void 0 ? title : t("labels.Newsletters"),
36129
+ setActiveDashboardLink: setActiveDashboardLink,
36130
+ activeDashboardLink: activeDashboardLink
36131
+ });
36132
+ };
36133
+
36134
+ var _path$3;
36135
+
36136
+ function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
36137
+
36138
+ function SvgMemberships(props) {
36139
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
36140
+ xmlns: "http://www.w3.org/2000/svg",
36141
+ fill: "none",
36142
+ strokeWidth: 1.5,
36143
+ stroke: "currentColor",
36144
+ width: 24,
36145
+ height: 24
36146
+ }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
36147
+ strokeLinecap: "round",
36148
+ strokeLinejoin: "round",
36149
+ d: "M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5zm6-10.125a1.875 1.875 0 11-3.75 0 1.875 1.875 0 013.75 0zm1.294 6.336a6.721 6.721 0 01-3.17.789 6.721 6.721 0 01-3.168-.789 3.376 3.376 0 016.338 0z"
36150
+ })));
36151
+ }
36152
+
36153
+ const DashboardMemberships = ({
36154
+ title,
36155
+ icon,
36156
+ store
36157
+ }) => {
36158
+ const {
36159
+ state: {
36160
+ activeDashboardLink
36161
+ },
36162
+ dispatch
36163
+ } = React.useContext(store);
36164
+ const {
36165
+ t
36166
+ } = useTranslation("dashboard");
36167
+
36168
+ const setActiveDashboardLink = submenuName => {
36169
+ dispatch({
36170
+ type: SET_ACTIVE_DASHBOARD_LINK,
36171
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
36172
+ });
36173
+ };
36174
+
36175
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
36176
+ show: hasActiveMemberships(),
36177
+ name: SUB_MENUS.MEMBERSHIPS,
36178
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgMemberships, {
36179
+ className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
36180
+ }),
36181
+ title: title !== null && title !== void 0 ? title : t("labels.memberships"),
36182
+ setActiveDashboardLink: setActiveDashboardLink,
36183
+ activeDashboardLink: activeDashboardLink
36184
+ });
36185
+ };
36186
+
36187
+ var _path$2;
36188
+
36189
+ function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
36190
+
36191
+ function SvgDonate(props) {
36192
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
36193
+ width: 24,
36194
+ height: 24,
36195
+ fill: "currentColor",
36196
+ xmlns: "http://www.w3.org/2000/svg"
36197
+ }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
36198
+ d: "M4 21h9.62a3.995 3.995 0 003.037-1.397l5.102-5.952a1 1 0 00-.442-1.6l-1.968-.656a3.043 3.043 0 00-2.823.503l-3.185 2.547-.617-1.235A3.98 3.98 0 009.146 11H4c-1.103 0-2 .897-2 2v6c0 1.103.897 2 2 2zm0-8h5.146c.763 0 1.448.423 1.789 1.105l.447.895H7v2h6.014a.996.996 0 00.442-.11l.003-.001.004-.002h.003l.002-.001h.004l.001-.001c.009.003.003-.001.003-.001.01 0 .002-.001.002-.001h.001l.002-.001.003-.001.002-.001.002-.001.003-.001.002-.001c.003 0 .001-.001.002-.001l.003-.002.002-.001.002-.001.003-.001.002-.001h.001l.002-.001h.001l.002-.001.002-.001c.009-.001.003-.001.003-.001l.002-.001a.915.915 0 00.11-.078l4.146-3.317c.262-.208.623-.273.94-.167l.557.186-4.133 4.823a2.029 2.029 0 01-1.52.688H4v-6zM16 2h-.017c-.163.002-1.006.039-1.983.705-.951-.648-1.774-.7-1.968-.704L12.002 2h-.004c-.801 0-1.555.313-2.119.878C9.313 3.445 9 4.198 9 5s.313 1.555.861 2.104l3.414 3.586a1.006 1.006 0 001.45-.001l3.396-3.568C18.688 6.555 19 5.802 19 5s-.313-1.555-.878-2.121A2.978 2.978 0 0016.002 2H16zm1 3c0 .267-.104.518-.311.725L14 8.55l-2.707-2.843C11.104 5.518 11 5.267 11 5s.104-.518.294-.708A.977.977 0 0111.979 4c.025.001.502.032 1.067.485.081.065.163.139.247.222l.707.707.707-.707c.084-.083.166-.157.247-.222.529-.425.976-.478 1.052-.484a.987.987 0 01.701.292c.189.189.293.44.293.707z"
36199
+ })));
36200
+ }
36201
+
36202
+ const DashboardDonations = ({
36203
+ title,
36204
+ icon,
36205
+ store
36206
+ }) => {
36207
+ const {
36208
+ state: {
36209
+ activeDashboardLink
36210
+ },
36211
+ dispatch
36212
+ } = React.useContext(store);
36213
+ const {
36214
+ t
36215
+ } = useTranslation("dashboard");
36216
+
36217
+ const setActiveDashboardLink = submenuName => {
36218
+ dispatch({
36219
+ type: SET_ACTIVE_DASHBOARD_LINK,
36220
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
36221
+ });
36222
+ };
36223
+
36224
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
36225
+ show: hasDonationSubs(),
36226
+ name: SUB_MENUS.DONATIONS,
36227
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgDonate, {
36228
+ className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
36229
+ }),
36230
+ title: title !== null && title !== void 0 ? title : t("labels.donations"),
36231
+ setActiveDashboardLink: setActiveDashboardLink,
36232
+ activeDashboardLink: activeDashboardLink
36233
+ });
36234
+ };
36235
+
36236
+ const DashboardGifts = ({
36237
+ title,
36238
+ icon,
36239
+ store
36240
+ }) => {
36241
+ const {
36242
+ state: {
36243
+ activeDashboardLink
36244
+ },
36245
+ dispatch
36246
+ } = React.useContext(store);
36247
+ const {
36248
+ t
36249
+ } = useTranslation("dashboard");
36250
+
36251
+ const setActiveDashboardLink = submenuName => {
36252
+ dispatch({
36253
+ type: SET_ACTIVE_DASHBOARD_LINK,
36254
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
36255
+ });
36256
+ };
36257
+
36258
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
36259
+ name: SUB_MENUS.GIFTS,
36260
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgGift, null),
36261
+ title: title !== null && title !== void 0 ? title : t("labels.gifts"),
36262
+ setActiveDashboardLink: setActiveDashboardLink,
36263
+ activeDashboardLink: activeDashboardLink
36264
+ });
36265
+ };
36266
+
36267
+ var _path$1;
36268
+
36269
+ function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
36270
+
36271
+ function SvgShopping(props) {
36272
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
36273
+ className: "plc-w-6 plc-h-6 plc-mr-2",
36274
+ xmlns: "http://www.w3.org/2000/svg",
36275
+ fill: "none",
36276
+ viewBox: "0 0 24 24",
36277
+ stroke: "currentColor"
36278
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
36279
+ strokeLinecap: "round",
36280
+ strokeLinejoin: "round",
36281
+ strokeWidth: 2,
36282
+ d: "M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"
36283
+ })));
36284
+ }
36285
+
36286
+ const DashboardOrders = ({
36287
+ title,
36288
+ icon,
36289
+ store
36290
+ }) => {
36291
+ const {
36292
+ state: {
36293
+ activeDashboardLink
36294
+ },
36295
+ dispatch
36296
+ } = React.useContext(store);
36297
+ const {
36298
+ t
36299
+ } = useTranslation("dashboard");
36300
+
36301
+ const setActiveDashboardLink = submenuName => {
36302
+ dispatch({
36303
+ type: SET_ACTIVE_DASHBOARD_LINK,
36304
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
36305
+ });
36306
+ };
36307
+
36308
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
36309
+ show: window.Pelcro.site.read().ecommerce_enabled,
36310
+ name: SUB_MENUS.ORDERS,
36311
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgShopping, null),
36312
+ title: title !== null && title !== void 0 ? title : t("labels.orders.label"),
36313
+ setActiveDashboardLink: setActiveDashboardLink,
36314
+ activeDashboardLink: activeDashboardLink
36315
+ });
36316
+ };
36317
+
36318
+ const DashboardInvoices = ({
36319
+ title,
36320
+ icon,
36321
+ store
36322
+ }) => {
36323
+ const {
36324
+ state: {
36325
+ activeDashboardLink
36326
+ },
36327
+ dispatch
36328
+ } = React.useContext(store);
36329
+ const {
36330
+ t
36331
+ } = useTranslation("dashboard");
36332
+
36333
+ const setActiveDashboardLink = submenuName => {
36334
+ dispatch({
36335
+ type: SET_ACTIVE_DASHBOARD_LINK,
36336
+ payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
36337
+ });
36338
+ };
36339
+
36340
+ return /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
36341
+ show: hasInvoices(),
36342
+ name: SUB_MENUS.INVOICES,
36343
+ icon: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React__default['default'].createElement(SvgDocument, null),
36344
+ title: title !== null && title !== void 0 ? title : t("labels.invoices"),
36345
+ setActiveDashboardLink: setActiveDashboardLink,
36346
+ activeDashboardLink: activeDashboardLink
36347
+ });
36348
+ };
36349
+
36350
+ /**
36351
+ *
36352
+ */
36353
+
36354
+ function Dashboard(props) {
36355
+ React__default['default'].useEffect(() => {
36356
+ var _props$onDisplay;
36357
+
36358
+ (_props$onDisplay = props.onDisplay) === null || _props$onDisplay === void 0 ? void 0 : _props$onDisplay.call(props);
36359
+ }, []);
36360
+ const {
36361
+ resetView
36362
+ } = usePelcro();
36363
+ const {
36364
+ t
36365
+ } = useTranslation("dashboard");
36366
+ return /*#__PURE__*/React__default['default'].createElement(DashboardContainer, props, /*#__PURE__*/React__default['default'].createElement(DashboardContent, Object.assign({
36367
+ onClose: () => {
36368
+ var _props$onClose;
36369
+
36370
+ (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
36371
+ resetView();
36372
+ }
36373
+ }, props), /*#__PURE__*/React__default['default'].createElement(DashboardHeading, {
36374
+ title: t("labels.mySettings")
36375
+ }), /*#__PURE__*/React__default['default'].createElement(DashboardProfile, null), /*#__PURE__*/React__default['default'].createElement(DashboardQRCode, null), /*#__PURE__*/React__default['default'].createElement(DashboardPasswordChange, null), /*#__PURE__*/React__default['default'].createElement(DashboardSavedItems, null), /*#__PURE__*/React__default['default'].createElement(DashboardHeading, {
36376
+ title: t("labels.accountSettings")
36377
+ }), /*#__PURE__*/React__default['default'].createElement(DashboardPaymentCards, null), /*#__PURE__*/React__default['default'].createElement(DashboardAddresses, null), /*#__PURE__*/React__default['default'].createElement(DashboardHeading, {
36378
+ title: t("labels.purchases")
36379
+ }), /*#__PURE__*/React__default['default'].createElement(DashboardSubscriptions, null), /*#__PURE__*/React__default['default'].createElement(DashboardNewsletters, null), /*#__PURE__*/React__default['default'].createElement(DashboardMemberships, null), /*#__PURE__*/React__default['default'].createElement(DashboardDonations, null), /*#__PURE__*/React__default['default'].createElement(DashboardGifts, null), /*#__PURE__*/React__default['default'].createElement(DashboardOrders, null), /*#__PURE__*/React__default['default'].createElement(DashboardInvoices, null)));
36045
36380
  }
36046
36381
  Dashboard.viewId = "dashboard";
36047
36382
 
@@ -38534,7 +38869,6 @@ exports.AddressUpdateStateSelect = AddressUpdateStateSelect;
38534
38869
  exports.AddressUpdateSubmit = AddressUpdateSubmit;
38535
38870
  exports.AddressUpdateTextInput = AddressUpdateTextInput;
38536
38871
  exports.AddressUpdateView = AddressUpdateView;
38537
- exports.AddressesMenu = AddressesMenu;
38538
38872
  exports.Alert = AlertWithContext;
38539
38873
  exports.AlertElement = Alert;
38540
38874
  exports.ApplyCouponButton = ApplyCouponButton;
@@ -38555,13 +38889,26 @@ exports.ConfirmPassword = ConfirmPassword;
38555
38889
  exports.CouponCode = CouponCode;
38556
38890
  exports.CouponCodeField = CouponCodeField;
38557
38891
  exports.Dashboard = Dashboard;
38892
+ exports.DashboardAddresses = DashboardAddresses;
38558
38893
  exports.DashboardContainer = DashboardContainer;
38559
38894
  exports.DashboardContent = DashboardContent;
38895
+ exports.DashboardDonations = DashboardDonations;
38896
+ exports.DashboardGifts = DashboardGifts;
38897
+ exports.DashboardHeading = DashboardHeading;
38898
+ exports.DashboardInvoices = DashboardInvoices;
38560
38899
  exports.DashboardLink = DashboardLink;
38900
+ exports.DashboardMemberships = DashboardMemberships;
38901
+ exports.DashboardNewsletters = DashboardNewsletters;
38561
38902
  exports.DashboardOpenButton = DashboardOpenButton;
38903
+ exports.DashboardOrders = DashboardOrders;
38904
+ exports.DashboardPasswordChange = DashboardPasswordChange;
38905
+ exports.DashboardPaymentCards = DashboardPaymentCards;
38906
+ exports.DashboardProfile = DashboardProfile;
38907
+ exports.DashboardQRCode = DashboardQRCode;
38908
+ exports.DashboardSavedItems = DashboardSavedItems;
38909
+ exports.DashboardSubscriptions = DashboardSubscriptions;
38562
38910
  exports.DatePicker = DatePicker;
38563
38911
  exports.DiscountedPrice = DiscountedPrice;
38564
- exports.DonationsMenu = DonationsMenu;
38565
38912
  exports.Email = Email;
38566
38913
  exports.EmailVerifyContainer = EmailVerifyContainer;
38567
38914
  exports.EmailVerifyModal = EmailVerifyModal;
@@ -38582,7 +38929,6 @@ exports.GiftRedeemContainer = GiftRedeemContainer;
38582
38929
  exports.GiftRedeemModal = GiftRedeemModal;
38583
38930
  exports.GiftRedeemSubmitButton = GiftRedeemSubmitButton;
38584
38931
  exports.GiftRedeemView = GiftRedeemView;
38585
- exports.GiftsMenu = GiftsMenu;
38586
38932
  exports.GoogleLoginButton = GoogleLoginButton;
38587
38933
  exports.Input = Input;
38588
38934
  exports.InvoiceDetailsContainer = InvoiceDetailsContainer;
@@ -38593,7 +38939,6 @@ exports.InvoiceDetailsView = InvoiceDetailsView;
38593
38939
  exports.InvoicePaymentContainer = InvoicePaymentContainer;
38594
38940
  exports.InvoicePaymentModal = InvoicePaymentModal;
38595
38941
  exports.InvoicePaymentView = InvoicePaymentView;
38596
- exports.InvoicesMenu = InvoicesMenu;
38597
38942
  exports.Link = Link;
38598
38943
  exports.LoginButton = LoginButton;
38599
38944
  exports.LoginContainer = LoginContainer;
@@ -38604,7 +38949,6 @@ exports.LoginRequestLoginToken = LoginRequestLoginToken;
38604
38949
  exports.LoginUsername = LoginUsername;
38605
38950
  exports.LoginView = LoginView;
38606
38951
  exports.Logout = Logout;
38607
- exports.MembershipsMenu = MembershipsMenu;
38608
38952
  exports.MeterModal = MeterModal;
38609
38953
  exports.MeterView = MeterView;
38610
38954
  exports.Modal = Modal;
@@ -38617,20 +38961,17 @@ exports.NewsletterUpdateContainer = NewsletterUpdateContainer;
38617
38961
  exports.NewsletterUpdateList = NewsletterUpdateList;
38618
38962
  exports.NewsletterUpdateModal = NewsletterUpdateModal;
38619
38963
  exports.NewsletterUpdateView = NewsletterUpdateView;
38620
- exports.NewslettersMenu = NewslettersMenu;
38621
38964
  exports.Notification = Notification;
38622
38965
  exports.OrderConfirmModal = OrderConfirmModal;
38623
38966
  exports.OrderCreateContainer = OrderCreateContainer;
38624
38967
  exports.OrderCreateModal = OrderCreateModal;
38625
38968
  exports.OrderCreateSubmitButton = OrderCreateSubmitButton;
38626
38969
  exports.OrderCreateView = OrderCreateView;
38627
- exports.OrderItems = OrderItems;
38628
38970
  exports.Password = Password;
38629
38971
  exports.PasswordChangeButton = PasswordChangeButton;
38630
38972
  exports.PasswordChangeConfirmNewPassword = PasswordChangeConfirmNewPassword;
38631
38973
  exports.PasswordChangeContainer = PasswordChangeContainer;
38632
38974
  exports.PasswordChangeCurrentPassword = PasswordChangeCurrentPassword;
38633
- exports.PasswordChangeMenu = PasswordChangeMenu;
38634
38975
  exports.PasswordChangeModal = PasswordChangeModal;
38635
38976
  exports.PasswordChangeNewPassword = PasswordChangeNewPassword;
38636
38977
  exports.PasswordChangeView = PasswordChangeView;
@@ -38651,7 +38992,6 @@ exports.PasswordlessRequestEmail = PasswordlessRequestEmail;
38651
38992
  exports.PasswordlessRequestModal = PasswordlessRequestModal;
38652
38993
  exports.PasswordlessRequestView = PasswordlessRequestView;
38653
38994
  exports.PasswordlessRequestViewButton = PasswordlessRequestViewButton;
38654
- exports.PaymentCardsMenu = PaymentCardsMenu;
38655
38995
  exports.PaymentCreateContainer = PaymentCreateContainer;
38656
38996
  exports.PaymentCreateView = PaymentCreateView;
38657
38997
  exports.PaymentMethodContainer = PaymentMethodContainer;
@@ -38672,7 +39012,6 @@ exports.PelcroCardExpiry = PelcroCardExpiry;
38672
39012
  exports.PelcroCardNumber = PelcroCardNumber;
38673
39013
  exports.PelcroModalController = PelcroModalController;
38674
39014
  exports.PelcroPaymentRequestButton = PelcroPaymentRequestButton;
38675
- exports.ProfileMenu = ProfileMenu;
38676
39015
  exports.ProfilePicChangeButton = ProfilePicChangeButton;
38677
39016
  exports.ProfilePicChangeContainer = ProfilePicChangeContainer;
38678
39017
  exports.ProfilePicChangeCropper = ProfilePicChangeCropper;
@@ -38681,7 +39020,6 @@ exports.ProfilePicChangeRemoveButton = ProfilePicChangeRemoveButton;
38681
39020
  exports.ProfilePicChangeSelectButton = ProfilePicChangeSelectButton;
38682
39021
  exports.ProfilePicChangeView = ProfilePicChangeView;
38683
39022
  exports.ProfilePicChangeZoom = ProfilePicChangeZoom;
38684
- exports.QRCodeMenu = QRCodeMenu;
38685
39023
  exports.QrCodeModal = QrCodeModal;
38686
39024
  exports.QrCodeView = QrCodeView;
38687
39025
  exports.Radio = Radio;
@@ -38695,7 +39033,6 @@ exports.RegisterLastName = RegisterLastName;
38695
39033
  exports.RegisterModal = RegisterModal;
38696
39034
  exports.RegisterPassword = RegisterPassword;
38697
39035
  exports.RegisterView = RegisterView;
38698
- exports.SavedItems = SavedItems;
38699
39036
  exports.Select = Select;
38700
39037
  exports.SelectModal = SelectModalWithHook;
38701
39038
  exports.SelectedPaymentMethod = SelectedPaymentMethod;
@@ -38720,7 +39057,6 @@ exports.SubscriptionRenewView = SubscriptionRenewView;
38720
39057
  exports.SubscriptionSuspendContainer = SubscriptionSuspendContainer;
38721
39058
  exports.SubscriptionSuspendModal = SubscriptionSuspendModal;
38722
39059
  exports.SubscriptionSuspendView = SubscriptionSuspendView;
38723
- exports.SubscriptionsItems = SubscriptionsItems;
38724
39060
  exports.TaxAmount = TaxAmount;
38725
39061
  exports.TextArea = TextArea;
38726
39062
  exports.Tooltip = Tooltip;