@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 +10 -7
- package/dist/index.mjs +45 -34
- package/dist/standalone/storefront.mjs +45 -34
- package/dist/standalone/styles.css +37 -33
- package/dist/styles.css +37 -33
- package/package.json +9 -28
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
|
-
/**
|
|
5424
|
-
|
|
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 = "
|
|
7506
|
-
const widget = "
|
|
7507
|
-
const titleRow = "
|
|
7508
|
-
const headline$1 = "
|
|
7509
|
-
const track$5 = "
|
|
7510
|
-
const rule$1 = "
|
|
7511
|
-
const help = "
|
|
7512
|
-
const helpTitle = "
|
|
7513
|
-
const helpRows = "
|
|
7514
|
-
const
|
|
7515
|
-
const
|
|
7516
|
-
const
|
|
7517
|
-
const
|
|
7518
|
-
const
|
|
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
|
-
|
|
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
|
-
}),
|
|
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 = "
|
|
10436
|
-
const track = "
|
|
10437
|
-
const card = "
|
|
10438
|
-
const quote = "
|
|
10439
|
-
const author = "
|
|
10440
|
-
const dots = "
|
|
10441
|
-
const dot = "
|
|
10442
|
-
const dotActive = "
|
|
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
|
|
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
|
-
|
|
11604
|
+
|
|
@@ -7502,20 +7502,22 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
|
|
|
7502
7502
|
busy
|
|
7503
7503
|
});
|
|
7504
7504
|
}
|
|
7505
|
-
const page$3 = "
|
|
7506
|
-
const widget = "
|
|
7507
|
-
const titleRow = "
|
|
7508
|
-
const headline$1 = "
|
|
7509
|
-
const track$5 = "
|
|
7510
|
-
const rule$1 = "
|
|
7511
|
-
const help = "
|
|
7512
|
-
const helpTitle = "
|
|
7513
|
-
const helpRows = "
|
|
7514
|
-
const
|
|
7515
|
-
const
|
|
7516
|
-
const
|
|
7517
|
-
const
|
|
7518
|
-
const
|
|
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
|
-
|
|
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
|
-
}),
|
|
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 = "
|
|
10436
|
-
const track = "
|
|
10437
|
-
const card = "
|
|
10438
|
-
const quote = "
|
|
10439
|
-
const author = "
|
|
10440
|
-
const dots = "
|
|
10441
|
-
const dot = "
|
|
10442
|
-
const dotActive = "
|
|
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
|
|
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
|
-
|
|
11604
|
+
|
|
@@ -1397,24 +1397,24 @@
|
|
|
1397
1397
|
text-decoration: line-through;
|
|
1398
1398
|
font-variant-numeric: tabular-nums;
|
|
1399
1399
|
}
|
|
1400
|
-
.
|
|
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
|
-
.
|
|
1406
|
+
._widget_1qh0r_18 {
|
|
1407
1407
|
display: flex;
|
|
1408
1408
|
flex-direction: column;
|
|
1409
1409
|
gap: var(--space-32);
|
|
1410
1410
|
}
|
|
1411
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
1450
|
+
._help_1qh0r_109 {
|
|
1451
1451
|
display: flex;
|
|
1452
1452
|
flex-direction: column;
|
|
1453
1453
|
gap: var(--space-6);
|
|
1454
1454
|
}
|
|
1455
|
-
.
|
|
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
|
-
.
|
|
1461
|
+
._helpRows_1qh0r_122 {
|
|
1462
1462
|
display: flex;
|
|
1463
1463
|
flex-direction: column;
|
|
1464
1464
|
}
|
|
1465
|
-
.
|
|
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
|
-
.
|
|
1493
|
+
._helpRow_1qh0r_122 + ._helpRow_1qh0r_122 {
|
|
1484
1494
|
border-top: 1px solid var(--color-border-subtle);
|
|
1485
1495
|
}
|
|
1486
|
-
.
|
|
1496
|
+
._helpRow_1qh0r_122:focus-visible {
|
|
1487
1497
|
outline: none;
|
|
1488
1498
|
box-shadow: var(--focus-ring);
|
|
1489
1499
|
}
|
|
1490
|
-
.
|
|
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
|
-
.
|
|
1517
|
+
._cancel_1qh0r_197:focus-visible {
|
|
1508
1518
|
outline: none;
|
|
1509
1519
|
box-shadow: var(--focus-ring);
|
|
1510
1520
|
}
|
|
1511
|
-
.
|
|
1521
|
+
._cancelledHead_1qh0r_221 {
|
|
1512
1522
|
display: flex;
|
|
1513
1523
|
flex-direction: column;
|
|
1514
1524
|
gap: var(--space-8);
|
|
1515
1525
|
}
|
|
1516
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3315
|
+
._track_qsxtq_8::-webkit-scrollbar {
|
|
3306
3316
|
display: none;
|
|
3307
3317
|
}
|
|
3308
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3336
|
+
._author_qsxtq_58 {
|
|
3327
3337
|
margin: 0;
|
|
3328
3338
|
font-size: var(--type-trimmed-sm-size);
|
|
3329
3339
|
color: #3d4549;
|
|
3330
3340
|
}
|
|
3331
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
1406
|
+
._widget_1qh0r_18 {
|
|
1407
1407
|
display: flex;
|
|
1408
1408
|
flex-direction: column;
|
|
1409
1409
|
gap: var(--space-32);
|
|
1410
1410
|
}
|
|
1411
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
1450
|
+
._help_1qh0r_109 {
|
|
1451
1451
|
display: flex;
|
|
1452
1452
|
flex-direction: column;
|
|
1453
1453
|
gap: var(--space-6);
|
|
1454
1454
|
}
|
|
1455
|
-
.
|
|
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
|
-
.
|
|
1461
|
+
._helpRows_1qh0r_122 {
|
|
1462
1462
|
display: flex;
|
|
1463
1463
|
flex-direction: column;
|
|
1464
1464
|
}
|
|
1465
|
-
.
|
|
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
|
-
.
|
|
1493
|
+
._helpRow_1qh0r_122 + ._helpRow_1qh0r_122 {
|
|
1484
1494
|
border-top: 1px solid var(--color-border-subtle);
|
|
1485
1495
|
}
|
|
1486
|
-
.
|
|
1496
|
+
._helpRow_1qh0r_122:focus-visible {
|
|
1487
1497
|
outline: none;
|
|
1488
1498
|
box-shadow: var(--focus-ring);
|
|
1489
1499
|
}
|
|
1490
|
-
.
|
|
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
|
-
.
|
|
1517
|
+
._cancel_1qh0r_197:focus-visible {
|
|
1508
1518
|
outline: none;
|
|
1509
1519
|
box-shadow: var(--focus-ring);
|
|
1510
1520
|
}
|
|
1511
|
-
.
|
|
1521
|
+
._cancelledHead_1qh0r_221 {
|
|
1512
1522
|
display: flex;
|
|
1513
1523
|
flex-direction: column;
|
|
1514
1524
|
gap: var(--space-8);
|
|
1515
1525
|
}
|
|
1516
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3315
|
+
._track_qsxtq_8::-webkit-scrollbar {
|
|
3306
3316
|
display: none;
|
|
3307
3317
|
}
|
|
3308
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3336
|
+
._author_qsxtq_58 {
|
|
3327
3337
|
margin: 0;
|
|
3328
3338
|
font-size: var(--type-trimmed-sm-size);
|
|
3329
3339
|
color: #3d4549;
|
|
3330
3340
|
}
|
|
3331
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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.
|
|
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
|
-
"
|
|
27
|
-
"
|
|
28
|
-
|
|
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
|
}
|