@nok-integration/storefront-react 0.19.32 → 0.19.34

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.d.ts CHANGED
@@ -1568,6 +1568,7 @@ declare const CategoryPage: z.ZodObject<{
1568
1568
  quote: string;
1569
1569
  author: string;
1570
1570
  }>, "many">;
1571
+ /** @deprecated Retired 31 Aug 2026. Never populated; see the note above. */
1571
1572
  disclaimer: z.ZodOptional<z.ZodString>;
1572
1573
  }, "strip", z.ZodTypeAny, {
1573
1574
  kind: "review";
@@ -5420,16 +5421,18 @@ declare interface Review {
5420
5421
  author: string;
5421
5422
  }
5422
5423
 
5423
- /** Tester-quote carousel — swipeable cards with dot pagination. */
5424
- export declare function ReviewCarousel({ quotes, disclaimer }: ReviewCarouselProps): JSX.Element;
5424
+ /**
5425
+ * Tester-quote carousel swipeable cards with dot pagination.
5426
+ *
5427
+ * There is no disclaimer line. One used to sit under the dots saying these were staff
5428
+ * quotes rather than verified reviews, and it was the block's one deliberate departure
5429
+ * from the frame; DAZN asked for it removed on 31 Aug 2026. The `author` under each quote
5430
+ * is what says whose words they are, so a quote must never arrive without one.
5431
+ */
5432
+ export declare function ReviewCarousel({ quotes }: ReviewCarouselProps): JSX.Element;
5425
5433
 
5426
5434
  declare interface ReviewCarouselProps {
5427
5435
  quotes: Review[];
5428
- /**
5429
- * The line that says these are tester quotes rather than customer reviews. The design
5430
- * makes it mandatory; without it the block is unattributed social proof.
5431
- */
5432
- disclaimer?: string;
5433
5436
  }
5434
5437
 
5435
5438
  /**
package/dist/index.mjs CHANGED
@@ -7502,20 +7502,22 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
7502
7502
  busy
7503
7503
  });
7504
7504
  }
7505
- const page$3 = "_page_1v9my_8";
7506
- const widget = "_widget_1v9my_18";
7507
- const titleRow = "_titleRow_1v9my_26";
7508
- const headline$1 = "_headline_1v9my_42";
7509
- const track$5 = "_track_1v9my_74";
7510
- const rule$1 = "_rule_1v9my_99";
7511
- const help = "_help_1v9my_109";
7512
- const helpTitle = "_helpTitle_1v9my_115";
7513
- const helpRows = "_helpRows_1v9my_122";
7514
- const helpRow = "_helpRow_1v9my_122";
7515
- const cancel = "_cancel_1v9my_180";
7516
- const cancelledHead = "_cancelledHead_1v9my_204";
7517
- const cancelledTitle = "_cancelledTitle_1v9my_210";
7518
- const cancelledMeta = "_cancelledMeta_1v9my_219";
7505
+ const page$3 = "_page_1qh0r_8";
7506
+ const widget = "_widget_1qh0r_18";
7507
+ const titleRow = "_titleRow_1qh0r_26";
7508
+ const headline$1 = "_headline_1qh0r_42";
7509
+ const track$5 = "_track_1qh0r_74";
7510
+ const rule$1 = "_rule_1qh0r_99";
7511
+ const help = "_help_1qh0r_109";
7512
+ const helpTitle = "_helpTitle_1qh0r_115";
7513
+ const helpRows = "_helpRows_1qh0r_122";
7514
+ const helpRowEnd = "_helpRowEnd_1qh0r_131";
7515
+ const helpStatus = "_helpStatus_1qh0r_139";
7516
+ const helpRow = "_helpRow_1qh0r_122";
7517
+ const cancel = "_cancel_1qh0r_197";
7518
+ const cancelledHead = "_cancelledHead_1qh0r_221";
7519
+ const cancelledTitle = "_cancelledTitle_1qh0r_227";
7520
+ const cancelledMeta = "_cancelledMeta_1qh0r_236";
7519
7521
  const styles$y = {
7520
7522
  page: page$3,
7521
7523
  widget,
@@ -7526,6 +7528,8 @@ const styles$y = {
7526
7528
  help,
7527
7529
  helpTitle,
7528
7530
  helpRows,
7531
+ helpRowEnd,
7532
+ helpStatus,
7529
7533
  helpRow,
7530
7534
  cancel,
7531
7535
  cancelledHead,
@@ -7816,6 +7820,7 @@ function NeedHelp({ order, onStartReturn, onOpenReturn, onContactSupport }) {
7816
7820
  className: styles$y.helpRows,
7817
7821
  children: [returns.map((ret) => jsx(HelpRow, {
7818
7822
  label: returns.length > 1 ? `Track return ${ret.return_ref}` : "Track your return",
7823
+ status: RETURN_STATUS[ret.status] ?? ret.status.replace(/_/g, " "),
7819
7824
  onClick: () => onOpenReturn?.(ret.return_ref)
7820
7825
  }, ret.return_ref)), order.can_return && onStartReturn && jsx(HelpRow, {
7821
7826
  label: "Start a return",
@@ -7833,14 +7838,26 @@ function NeedHelp({ order, onStartReturn, onOpenReturn, onContactSupport }) {
7833
7838
  })]
7834
7839
  });
7835
7840
  }
7836
- function HelpRow({ label: label2, onClick }) {
7841
+ const RETURN_STATUS = {
7842
+ reported: "Return requested",
7843
+ package_received: "Package received",
7844
+ completed: "Return complete"
7845
+ };
7846
+ function HelpRow({ label: label2, status, onClick }) {
7847
+ const t = useT();
7837
7848
  return jsxs("button", {
7838
7849
  type: "button",
7839
7850
  className: styles$y.helpRow,
7840
7851
  onClick,
7841
7852
  children: [jsx("span", {
7842
7853
  children: label2
7843
- }), jsx(ChevronRight$1, {})]
7854
+ }), jsxs("span", {
7855
+ className: styles$y.helpRowEnd,
7856
+ children: [status && jsx("span", {
7857
+ className: styles$y.helpStatus,
7858
+ children: t(status)
7859
+ }), jsx(ChevronRight$1, {})]
7860
+ })]
7844
7861
  });
7845
7862
  }
7846
7863
  function shortRef$1(orderRef) {
@@ -10432,15 +10449,14 @@ function LifestyleImage({ images, videos }) {
10432
10449
  })
10433
10450
  });
10434
10451
  }
10435
- const section$2 = "_section_kdf3c_1";
10436
- const track = "_track_kdf3c_8";
10437
- const card = "_card_kdf3c_38";
10438
- const quote = "_quote_kdf3c_50";
10439
- const author = "_author_kdf3c_58";
10440
- const dots = "_dots_kdf3c_69";
10441
- const dot = "_dot_kdf3c_69";
10442
- const dotActive = "_dotActive_kdf3c_85";
10443
- const disclaimer = "_disclaimer_kdf3c_91";
10452
+ const section$2 = "_section_qsxtq_1";
10453
+ const track = "_track_qsxtq_8";
10454
+ const card = "_card_qsxtq_38";
10455
+ const quote = "_quote_qsxtq_50";
10456
+ const author = "_author_qsxtq_58";
10457
+ const dots = "_dots_qsxtq_69";
10458
+ const dot = "_dot_qsxtq_69";
10459
+ const dotActive = "_dotActive_qsxtq_85";
10444
10460
  const styles$6 = {
10445
10461
  section: section$2,
10446
10462
  track,
@@ -10449,10 +10465,9 @@ const styles$6 = {
10449
10465
  author,
10450
10466
  dots,
10451
10467
  dot,
10452
- dotActive,
10453
- disclaimer
10468
+ dotActive
10454
10469
  };
10455
- function ReviewCarousel({ quotes, disclaimer: disclaimer2 }) {
10470
+ function ReviewCarousel({ quotes }) {
10456
10471
  const t = useT();
10457
10472
  const trackRef = useRef(null);
10458
10473
  const [active, setActive] = useState(0);
@@ -10487,9 +10502,6 @@ function ReviewCarousel({ quotes, disclaimer: disclaimer2 }) {
10487
10502
  children: quotes.map((_, i) => jsx("span", {
10488
10503
  className: [styles$6.dot, i === active ? styles$6.dotActive : ""].join(" ")
10489
10504
  }, i))
10490
- }), disclaimer2 && jsx("p", {
10491
- className: styles$6.disclaimer,
10492
- children: disclaimer2
10493
10505
  })]
10494
10506
  });
10495
10507
  }
@@ -10629,8 +10641,7 @@ function Block({ block }) {
10629
10641
  });
10630
10642
  case "review":
10631
10643
  return jsx(ReviewCarousel, {
10632
- quotes: block.quotes,
10633
- disclaimer: block.disclaimer
10644
+ quotes: block.quotes
10634
10645
  });
10635
10646
  case "why_us":
10636
10647
  return jsx(WhyUs, {
@@ -11590,4 +11601,4 @@ export {
11590
11601
  useToast,
11591
11602
  variantLabel
11592
11603
  };
11593
- //# sourceMappingURL=index.mjs.map
11604
+
@@ -7502,20 +7502,22 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
7502
7502
  busy
7503
7503
  });
7504
7504
  }
7505
- const page$3 = "_page_1v9my_8";
7506
- const widget = "_widget_1v9my_18";
7507
- const titleRow = "_titleRow_1v9my_26";
7508
- const headline$1 = "_headline_1v9my_42";
7509
- const track$5 = "_track_1v9my_74";
7510
- const rule$1 = "_rule_1v9my_99";
7511
- const help = "_help_1v9my_109";
7512
- const helpTitle = "_helpTitle_1v9my_115";
7513
- const helpRows = "_helpRows_1v9my_122";
7514
- const helpRow = "_helpRow_1v9my_122";
7515
- const cancel = "_cancel_1v9my_180";
7516
- const cancelledHead = "_cancelledHead_1v9my_204";
7517
- const cancelledTitle = "_cancelledTitle_1v9my_210";
7518
- const cancelledMeta = "_cancelledMeta_1v9my_219";
7505
+ const page$3 = "_page_1qh0r_8";
7506
+ const widget = "_widget_1qh0r_18";
7507
+ const titleRow = "_titleRow_1qh0r_26";
7508
+ const headline$1 = "_headline_1qh0r_42";
7509
+ const track$5 = "_track_1qh0r_74";
7510
+ const rule$1 = "_rule_1qh0r_99";
7511
+ const help = "_help_1qh0r_109";
7512
+ const helpTitle = "_helpTitle_1qh0r_115";
7513
+ const helpRows = "_helpRows_1qh0r_122";
7514
+ const helpRowEnd = "_helpRowEnd_1qh0r_131";
7515
+ const helpStatus = "_helpStatus_1qh0r_139";
7516
+ const helpRow = "_helpRow_1qh0r_122";
7517
+ const cancel = "_cancel_1qh0r_197";
7518
+ const cancelledHead = "_cancelledHead_1qh0r_221";
7519
+ const cancelledTitle = "_cancelledTitle_1qh0r_227";
7520
+ const cancelledMeta = "_cancelledMeta_1qh0r_236";
7519
7521
  const styles$y = {
7520
7522
  page: page$3,
7521
7523
  widget,
@@ -7526,6 +7528,8 @@ const styles$y = {
7526
7528
  help,
7527
7529
  helpTitle,
7528
7530
  helpRows,
7531
+ helpRowEnd,
7532
+ helpStatus,
7529
7533
  helpRow,
7530
7534
  cancel,
7531
7535
  cancelledHead,
@@ -7816,6 +7820,7 @@ function NeedHelp({ order, onStartReturn, onOpenReturn, onContactSupport }) {
7816
7820
  className: styles$y.helpRows,
7817
7821
  children: [returns.map((ret) => jsx(HelpRow, {
7818
7822
  label: returns.length > 1 ? `Track return ${ret.return_ref}` : "Track your return",
7823
+ status: RETURN_STATUS[ret.status] ?? ret.status.replace(/_/g, " "),
7819
7824
  onClick: () => onOpenReturn?.(ret.return_ref)
7820
7825
  }, ret.return_ref)), order.can_return && onStartReturn && jsx(HelpRow, {
7821
7826
  label: "Start a return",
@@ -7833,14 +7838,26 @@ function NeedHelp({ order, onStartReturn, onOpenReturn, onContactSupport }) {
7833
7838
  })]
7834
7839
  });
7835
7840
  }
7836
- function HelpRow({ label: label2, onClick }) {
7841
+ const RETURN_STATUS = {
7842
+ reported: "Return requested",
7843
+ package_received: "Package received",
7844
+ completed: "Return complete"
7845
+ };
7846
+ function HelpRow({ label: label2, status, onClick }) {
7847
+ const t = useT();
7837
7848
  return jsxs("button", {
7838
7849
  type: "button",
7839
7850
  className: styles$y.helpRow,
7840
7851
  onClick,
7841
7852
  children: [jsx("span", {
7842
7853
  children: label2
7843
- }), jsx(ChevronRight$1, {})]
7854
+ }), jsxs("span", {
7855
+ className: styles$y.helpRowEnd,
7856
+ children: [status && jsx("span", {
7857
+ className: styles$y.helpStatus,
7858
+ children: t(status)
7859
+ }), jsx(ChevronRight$1, {})]
7860
+ })]
7844
7861
  });
7845
7862
  }
7846
7863
  function shortRef$1(orderRef) {
@@ -10432,15 +10449,14 @@ function LifestyleImage({ images, videos }) {
10432
10449
  })
10433
10450
  });
10434
10451
  }
10435
- const section$2 = "_section_kdf3c_1";
10436
- const track = "_track_kdf3c_8";
10437
- const card = "_card_kdf3c_38";
10438
- const quote = "_quote_kdf3c_50";
10439
- const author = "_author_kdf3c_58";
10440
- const dots = "_dots_kdf3c_69";
10441
- const dot = "_dot_kdf3c_69";
10442
- const dotActive = "_dotActive_kdf3c_85";
10443
- const disclaimer = "_disclaimer_kdf3c_91";
10452
+ const section$2 = "_section_qsxtq_1";
10453
+ const track = "_track_qsxtq_8";
10454
+ const card = "_card_qsxtq_38";
10455
+ const quote = "_quote_qsxtq_50";
10456
+ const author = "_author_qsxtq_58";
10457
+ const dots = "_dots_qsxtq_69";
10458
+ const dot = "_dot_qsxtq_69";
10459
+ const dotActive = "_dotActive_qsxtq_85";
10444
10460
  const styles$6 = {
10445
10461
  section: section$2,
10446
10462
  track,
@@ -10449,10 +10465,9 @@ const styles$6 = {
10449
10465
  author,
10450
10466
  dots,
10451
10467
  dot,
10452
- dotActive,
10453
- disclaimer
10468
+ dotActive
10454
10469
  };
10455
- function ReviewCarousel({ quotes, disclaimer: disclaimer2 }) {
10470
+ function ReviewCarousel({ quotes }) {
10456
10471
  const t = useT();
10457
10472
  const trackRef = useRef(null);
10458
10473
  const [active, setActive] = useState(0);
@@ -10487,9 +10502,6 @@ function ReviewCarousel({ quotes, disclaimer: disclaimer2 }) {
10487
10502
  children: quotes.map((_, i) => jsx("span", {
10488
10503
  className: [styles$6.dot, i === active ? styles$6.dotActive : ""].join(" ")
10489
10504
  }, i))
10490
- }), disclaimer2 && jsx("p", {
10491
- className: styles$6.disclaimer,
10492
- children: disclaimer2
10493
10505
  })]
10494
10506
  });
10495
10507
  }
@@ -10629,8 +10641,7 @@ function Block({ block }) {
10629
10641
  });
10630
10642
  case "review":
10631
10643
  return jsx(ReviewCarousel, {
10632
- quotes: block.quotes,
10633
- disclaimer: block.disclaimer
10644
+ quotes: block.quotes
10634
10645
  });
10635
10646
  case "why_us":
10636
10647
  return jsx(WhyUs, {
@@ -11590,4 +11601,4 @@ export {
11590
11601
  useToast,
11591
11602
  variantLabel
11592
11603
  };
11593
- //# sourceMappingURL=storefront.mjs.map
11604
+
@@ -1397,24 +1397,24 @@
1397
1397
  text-decoration: line-through;
1398
1398
  font-variant-numeric: tabular-nums;
1399
1399
  }
1400
- ._page_1v9my_8 {
1400
+ ._page_1qh0r_8 {
1401
1401
  display: flex;
1402
1402
  flex-direction: column;
1403
1403
  gap: var(--space-32);
1404
1404
  padding: var(--space-20) var(--space-16) var(--space-24);
1405
1405
  }
1406
- ._widget_1v9my_18 {
1406
+ ._widget_1qh0r_18 {
1407
1407
  display: flex;
1408
1408
  flex-direction: column;
1409
1409
  gap: var(--space-32);
1410
1410
  }
1411
- ._titleRow_1v9my_26 {
1411
+ ._titleRow_1qh0r_26 {
1412
1412
  display: flex;
1413
1413
  align-items: center;
1414
1414
  justify-content: space-between;
1415
1415
  gap: var(--space-12);
1416
1416
  }
1417
- ._headline_1v9my_42 {
1417
+ ._headline_1qh0r_42 {
1418
1418
  margin: -9px 0;
1419
1419
  padding: 9px 0;
1420
1420
  min-width: 0;
@@ -1425,7 +1425,7 @@
1425
1425
  text-overflow: ellipsis;
1426
1426
  white-space: nowrap;
1427
1427
  }
1428
- ._track_1v9my_74 {
1428
+ ._track_1qh0r_74 {
1429
1429
  display: inline-flex;
1430
1430
  align-items: center;
1431
1431
  gap: var(--space-6);
@@ -1436,33 +1436,43 @@
1436
1436
  color: var(--color-text-default);
1437
1437
  text-decoration: none;
1438
1438
  }
1439
- ._track_1v9my_74:focus-visible {
1439
+ ._track_1qh0r_74:focus-visible {
1440
1440
  outline: none;
1441
1441
  box-shadow: var(--focus-ring);
1442
1442
  border-radius: var(--radius-4);
1443
1443
  }
1444
- ._rule_1v9my_99 {
1444
+ ._rule_1qh0r_99 {
1445
1445
  height: 1px;
1446
1446
  margin: 0 0 -1px;
1447
1447
  border: 0;
1448
1448
  background: var(--color-border-default);
1449
1449
  }
1450
- ._help_1v9my_109 {
1450
+ ._help_1qh0r_109 {
1451
1451
  display: flex;
1452
1452
  flex-direction: column;
1453
1453
  gap: var(--space-6);
1454
1454
  }
1455
- ._helpTitle_1v9my_115 {
1455
+ ._helpTitle_1qh0r_115 {
1456
1456
  margin: 0;
1457
1457
  font-size: var(--type-heading-md-size);
1458
1458
  line-height: 1.32;
1459
1459
  font-weight: var(--font-weight-bold);
1460
1460
  }
1461
- ._helpRows_1v9my_122 {
1461
+ ._helpRows_1qh0r_122 {
1462
1462
  display: flex;
1463
1463
  flex-direction: column;
1464
1464
  }
1465
- ._helpRow_1v9my_122 {
1465
+ ._helpRowEnd_1qh0r_131 {
1466
+ display: flex;
1467
+ align-items: center;
1468
+ gap: var(--space-8);
1469
+ min-width: 0;
1470
+ }
1471
+ ._helpStatus_1qh0r_139 {
1472
+ color: var(--color-text-subtle);
1473
+ white-space: nowrap;
1474
+ }
1475
+ ._helpRow_1qh0r_122 {
1466
1476
  display: flex;
1467
1477
  align-items: center;
1468
1478
  justify-content: space-between;
@@ -1480,14 +1490,14 @@
1480
1490
  text-align: left;
1481
1491
  cursor: pointer;
1482
1492
  }
1483
- ._helpRow_1v9my_122 + ._helpRow_1v9my_122 {
1493
+ ._helpRow_1qh0r_122 + ._helpRow_1qh0r_122 {
1484
1494
  border-top: 1px solid var(--color-border-subtle);
1485
1495
  }
1486
- ._helpRow_1v9my_122:focus-visible {
1496
+ ._helpRow_1qh0r_122:focus-visible {
1487
1497
  outline: none;
1488
1498
  box-shadow: var(--focus-ring);
1489
1499
  }
1490
- ._cancel_1v9my_180 {
1500
+ ._cancel_1qh0r_197 {
1491
1501
  display: inline-flex;
1492
1502
  align-items: center;
1493
1503
  justify-content: center;
@@ -1504,23 +1514,23 @@
1504
1514
  font-weight: var(--font-weight-bold);
1505
1515
  cursor: pointer;
1506
1516
  }
1507
- ._cancel_1v9my_180:focus-visible {
1517
+ ._cancel_1qh0r_197:focus-visible {
1508
1518
  outline: none;
1509
1519
  box-shadow: var(--focus-ring);
1510
1520
  }
1511
- ._cancelledHead_1v9my_204 {
1521
+ ._cancelledHead_1qh0r_221 {
1512
1522
  display: flex;
1513
1523
  flex-direction: column;
1514
1524
  gap: var(--space-8);
1515
1525
  }
1516
- ._cancelledTitle_1v9my_210 {
1526
+ ._cancelledTitle_1qh0r_227 {
1517
1527
  margin: 0;
1518
1528
  font-size: var(--type-heading-md-size);
1519
1529
  line-height: 1.32;
1520
1530
  font-weight: var(--font-weight-bold);
1521
1531
  color: var(--color-text-default);
1522
1532
  }
1523
- ._cancelledMeta_1v9my_219 {
1533
+ ._cancelledMeta_1qh0r_236 {
1524
1534
  font-size: var(--type-trimmed-sm-size);
1525
1535
  line-height: 10px;
1526
1536
  padding: 5px 0;
@@ -3284,13 +3294,13 @@
3284
3294
  ._dotActive_79nr3_76 {
3285
3295
  background: #f9fafa;
3286
3296
  }
3287
- ._section_kdf3c_1 {
3297
+ ._section_qsxtq_1 {
3288
3298
  display: flex;
3289
3299
  flex-direction: column;
3290
3300
  gap: var(--space-12);
3291
3301
  padding: var(--space-24) 0 var(--space-16);
3292
3302
  }
3293
- ._track_kdf3c_8 {
3303
+ ._track_qsxtq_8 {
3294
3304
  display: flex;
3295
3305
  gap: var(--space-12);
3296
3306
  list-style: none;
@@ -3302,10 +3312,10 @@
3302
3312
  -webkit-overflow-scrolling: touch;
3303
3313
  scrollbar-width: none;
3304
3314
  }
3305
- ._track_kdf3c_8::-webkit-scrollbar {
3315
+ ._track_qsxtq_8::-webkit-scrollbar {
3306
3316
  display: none;
3307
3317
  }
3308
- ._card_kdf3c_38 {
3318
+ ._card_qsxtq_38 {
3309
3319
  flex: 0 0 323px;
3310
3320
  max-width: calc(100% - var(--space-20));
3311
3321
  scroll-snap-align: start;
@@ -3316,19 +3326,19 @@
3316
3326
  border-radius: var(--radius-8);
3317
3327
  background: #f9fafa;
3318
3328
  }
3319
- ._quote_kdf3c_50 {
3329
+ ._quote_qsxtq_50 {
3320
3330
  margin: 0;
3321
3331
  font-size: var(--type-heading-lg-size);
3322
3332
  line-height: 1.2;
3323
3333
  font-weight: var(--font-weight-bold);
3324
3334
  color: #0c161c;
3325
3335
  }
3326
- ._author_kdf3c_58 {
3336
+ ._author_qsxtq_58 {
3327
3337
  margin: 0;
3328
3338
  font-size: var(--type-trimmed-sm-size);
3329
3339
  color: #3d4549;
3330
3340
  }
3331
- ._dots_kdf3c_69 {
3341
+ ._dots_qsxtq_69 {
3332
3342
  display: flex;
3333
3343
  align-items: center;
3334
3344
  justify-content: center;
@@ -3336,21 +3346,15 @@
3336
3346
  margin-top: calc(-1 * var(--space-12));
3337
3347
  gap: var(--space-8);
3338
3348
  }
3339
- ._dot_kdf3c_69 {
3349
+ ._dot_qsxtq_69 {
3340
3350
  width: 8px;
3341
3351
  height: 8px;
3342
3352
  border-radius: var(--radius-full);
3343
3353
  background: #9ea2a4;
3344
3354
  }
3345
- ._dotActive_kdf3c_85 {
3355
+ ._dotActive_qsxtq_85 {
3346
3356
  background: #f9fafa;
3347
3357
  }
3348
- ._disclaimer_kdf3c_91 {
3349
- margin: 0;
3350
- padding: 0 var(--space-16);
3351
- font-size: var(--type-trimmed-xs-size);
3352
- color: var(--color-text-subtle);
3353
- }
3354
3358
  ._section_1tevp_1 {
3355
3359
  display: flex;
3356
3360
  flex-direction: column;
package/dist/styles.css CHANGED
@@ -1397,24 +1397,24 @@
1397
1397
  text-decoration: line-through;
1398
1398
  font-variant-numeric: tabular-nums;
1399
1399
  }
1400
- ._page_1v9my_8 {
1400
+ ._page_1qh0r_8 {
1401
1401
  display: flex;
1402
1402
  flex-direction: column;
1403
1403
  gap: var(--space-32);
1404
1404
  padding: var(--space-20) var(--space-16) var(--space-24);
1405
1405
  }
1406
- ._widget_1v9my_18 {
1406
+ ._widget_1qh0r_18 {
1407
1407
  display: flex;
1408
1408
  flex-direction: column;
1409
1409
  gap: var(--space-32);
1410
1410
  }
1411
- ._titleRow_1v9my_26 {
1411
+ ._titleRow_1qh0r_26 {
1412
1412
  display: flex;
1413
1413
  align-items: center;
1414
1414
  justify-content: space-between;
1415
1415
  gap: var(--space-12);
1416
1416
  }
1417
- ._headline_1v9my_42 {
1417
+ ._headline_1qh0r_42 {
1418
1418
  margin: -9px 0;
1419
1419
  padding: 9px 0;
1420
1420
  min-width: 0;
@@ -1425,7 +1425,7 @@
1425
1425
  text-overflow: ellipsis;
1426
1426
  white-space: nowrap;
1427
1427
  }
1428
- ._track_1v9my_74 {
1428
+ ._track_1qh0r_74 {
1429
1429
  display: inline-flex;
1430
1430
  align-items: center;
1431
1431
  gap: var(--space-6);
@@ -1436,33 +1436,43 @@
1436
1436
  color: var(--color-text-default);
1437
1437
  text-decoration: none;
1438
1438
  }
1439
- ._track_1v9my_74:focus-visible {
1439
+ ._track_1qh0r_74:focus-visible {
1440
1440
  outline: none;
1441
1441
  box-shadow: var(--focus-ring);
1442
1442
  border-radius: var(--radius-4);
1443
1443
  }
1444
- ._rule_1v9my_99 {
1444
+ ._rule_1qh0r_99 {
1445
1445
  height: 1px;
1446
1446
  margin: 0 0 -1px;
1447
1447
  border: 0;
1448
1448
  background: var(--color-border-default);
1449
1449
  }
1450
- ._help_1v9my_109 {
1450
+ ._help_1qh0r_109 {
1451
1451
  display: flex;
1452
1452
  flex-direction: column;
1453
1453
  gap: var(--space-6);
1454
1454
  }
1455
- ._helpTitle_1v9my_115 {
1455
+ ._helpTitle_1qh0r_115 {
1456
1456
  margin: 0;
1457
1457
  font-size: var(--type-heading-md-size);
1458
1458
  line-height: 1.32;
1459
1459
  font-weight: var(--font-weight-bold);
1460
1460
  }
1461
- ._helpRows_1v9my_122 {
1461
+ ._helpRows_1qh0r_122 {
1462
1462
  display: flex;
1463
1463
  flex-direction: column;
1464
1464
  }
1465
- ._helpRow_1v9my_122 {
1465
+ ._helpRowEnd_1qh0r_131 {
1466
+ display: flex;
1467
+ align-items: center;
1468
+ gap: var(--space-8);
1469
+ min-width: 0;
1470
+ }
1471
+ ._helpStatus_1qh0r_139 {
1472
+ color: var(--color-text-subtle);
1473
+ white-space: nowrap;
1474
+ }
1475
+ ._helpRow_1qh0r_122 {
1466
1476
  display: flex;
1467
1477
  align-items: center;
1468
1478
  justify-content: space-between;
@@ -1480,14 +1490,14 @@
1480
1490
  text-align: left;
1481
1491
  cursor: pointer;
1482
1492
  }
1483
- ._helpRow_1v9my_122 + ._helpRow_1v9my_122 {
1493
+ ._helpRow_1qh0r_122 + ._helpRow_1qh0r_122 {
1484
1494
  border-top: 1px solid var(--color-border-subtle);
1485
1495
  }
1486
- ._helpRow_1v9my_122:focus-visible {
1496
+ ._helpRow_1qh0r_122:focus-visible {
1487
1497
  outline: none;
1488
1498
  box-shadow: var(--focus-ring);
1489
1499
  }
1490
- ._cancel_1v9my_180 {
1500
+ ._cancel_1qh0r_197 {
1491
1501
  display: inline-flex;
1492
1502
  align-items: center;
1493
1503
  justify-content: center;
@@ -1504,23 +1514,23 @@
1504
1514
  font-weight: var(--font-weight-bold);
1505
1515
  cursor: pointer;
1506
1516
  }
1507
- ._cancel_1v9my_180:focus-visible {
1517
+ ._cancel_1qh0r_197:focus-visible {
1508
1518
  outline: none;
1509
1519
  box-shadow: var(--focus-ring);
1510
1520
  }
1511
- ._cancelledHead_1v9my_204 {
1521
+ ._cancelledHead_1qh0r_221 {
1512
1522
  display: flex;
1513
1523
  flex-direction: column;
1514
1524
  gap: var(--space-8);
1515
1525
  }
1516
- ._cancelledTitle_1v9my_210 {
1526
+ ._cancelledTitle_1qh0r_227 {
1517
1527
  margin: 0;
1518
1528
  font-size: var(--type-heading-md-size);
1519
1529
  line-height: 1.32;
1520
1530
  font-weight: var(--font-weight-bold);
1521
1531
  color: var(--color-text-default);
1522
1532
  }
1523
- ._cancelledMeta_1v9my_219 {
1533
+ ._cancelledMeta_1qh0r_236 {
1524
1534
  font-size: var(--type-trimmed-sm-size);
1525
1535
  line-height: 10px;
1526
1536
  padding: 5px 0;
@@ -3284,13 +3294,13 @@
3284
3294
  ._dotActive_79nr3_76 {
3285
3295
  background: #f9fafa;
3286
3296
  }
3287
- ._section_kdf3c_1 {
3297
+ ._section_qsxtq_1 {
3288
3298
  display: flex;
3289
3299
  flex-direction: column;
3290
3300
  gap: var(--space-12);
3291
3301
  padding: var(--space-24) 0 var(--space-16);
3292
3302
  }
3293
- ._track_kdf3c_8 {
3303
+ ._track_qsxtq_8 {
3294
3304
  display: flex;
3295
3305
  gap: var(--space-12);
3296
3306
  list-style: none;
@@ -3302,10 +3312,10 @@
3302
3312
  -webkit-overflow-scrolling: touch;
3303
3313
  scrollbar-width: none;
3304
3314
  }
3305
- ._track_kdf3c_8::-webkit-scrollbar {
3315
+ ._track_qsxtq_8::-webkit-scrollbar {
3306
3316
  display: none;
3307
3317
  }
3308
- ._card_kdf3c_38 {
3318
+ ._card_qsxtq_38 {
3309
3319
  flex: 0 0 323px;
3310
3320
  max-width: calc(100% - var(--space-20));
3311
3321
  scroll-snap-align: start;
@@ -3316,19 +3326,19 @@
3316
3326
  border-radius: var(--radius-8);
3317
3327
  background: #f9fafa;
3318
3328
  }
3319
- ._quote_kdf3c_50 {
3329
+ ._quote_qsxtq_50 {
3320
3330
  margin: 0;
3321
3331
  font-size: var(--type-heading-lg-size);
3322
3332
  line-height: 1.2;
3323
3333
  font-weight: var(--font-weight-bold);
3324
3334
  color: #0c161c;
3325
3335
  }
3326
- ._author_kdf3c_58 {
3336
+ ._author_qsxtq_58 {
3327
3337
  margin: 0;
3328
3338
  font-size: var(--type-trimmed-sm-size);
3329
3339
  color: #3d4549;
3330
3340
  }
3331
- ._dots_kdf3c_69 {
3341
+ ._dots_qsxtq_69 {
3332
3342
  display: flex;
3333
3343
  align-items: center;
3334
3344
  justify-content: center;
@@ -3336,21 +3346,15 @@
3336
3346
  margin-top: calc(-1 * var(--space-12));
3337
3347
  gap: var(--space-8);
3338
3348
  }
3339
- ._dot_kdf3c_69 {
3349
+ ._dot_qsxtq_69 {
3340
3350
  width: 8px;
3341
3351
  height: 8px;
3342
3352
  border-radius: var(--radius-full);
3343
3353
  background: #9ea2a4;
3344
3354
  }
3345
- ._dotActive_kdf3c_85 {
3355
+ ._dotActive_qsxtq_85 {
3346
3356
  background: #f9fafa;
3347
3357
  }
3348
- ._disclaimer_kdf3c_91 {
3349
- margin: 0;
3350
- padding: 0 var(--space-16);
3351
- font-size: var(--type-trimmed-xs-size);
3352
- color: var(--color-text-subtle);
3353
- }
3354
3358
  ._section_1tevp_1 {
3355
3359
  display: flex;
3356
3360
  flex-direction: column;
package/package.json CHANGED
@@ -1,14 +1,11 @@
1
1
  {
2
2
  "name": "@nok-integration/storefront-react",
3
- "version": "0.19.32",
3
+ "version": "0.19.34",
4
4
  "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
5
5
  "license": "UNLICENSED",
6
- "publishConfig": {
7
- "access": "public",
8
- "registry": "https://registry.npmjs.org/"
9
- },
10
6
  "type": "module",
11
7
  "main": "./dist/index.mjs",
8
+ "module": "./dist/index.mjs",
12
9
  "types": "./dist/index.d.ts",
13
10
  "exports": {
14
11
  ".": {
@@ -23,34 +20,18 @@
23
20
  "dist",
24
21
  "!dist/**/*.map"
25
22
  ],
26
- "scripts": {
27
- "build": "pnpm build:package && pnpm build:standalone",
28
- "build:package": "vite build",
29
- "build:standalone": "BUILD_TARGET=standalone vite build",
30
- "typecheck": "tsc --noEmit",
31
- "build:partner": "PARTNER_DROP=1 pnpm build && pnpm pack"
32
- },
23
+ "sideEffects": [
24
+ "*.css"
25
+ ],
33
26
  "peerDependencies": {
34
27
  "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
35
28
  "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
36
29
  },
37
- "devDependencies": {
38
- "@microsoft/api-extractor": "^7.58.12",
39
- "@raqmix/contracts": "^2.0.0",
40
- "@types/react": "^19.1.0",
41
- "@types/react-dom": "^19.1.0",
42
- "@vitejs/plugin-react": "^4.3.4",
43
- "esbuild": "^0.28.1",
44
- "terser": "^5.50.0",
45
- "typescript": "^5.7.3",
46
- "vite": "^7.0.0",
47
- "vite-plugin-dts": "^5.0.3"
48
- },
49
- "module": "./dist/index.mjs",
50
- "sideEffects": [
51
- "*.css"
52
- ],
53
30
  "dependencies": {
54
31
  "zod": "^3.24.1"
32
+ },
33
+ "publishConfig": {
34
+ "access": "public",
35
+ "registry": "https://registry.npmjs.org/"
55
36
  }
56
37
  }