@nok-integration/storefront-react 0.19.33 → 0.19.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.d.ts +18 -11
- package/dist/index.mjs +12 -18
- package/dist/standalone/storefront.mjs +12 -18
- package/dist/standalone/styles.css +9 -15
- package/dist/styles.css +9 -15
- 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 and never populated; see the note above. */
|
|
1571
1572
|
disclaimer: z.ZodOptional<z.ZodString>;
|
|
1572
1573
|
}, "strip", z.ZodTypeAny, {
|
|
1573
1574
|
kind: "review";
|
|
@@ -5362,10 +5363,14 @@ export declare interface ReturnItemsViewProps {
|
|
|
5362
5363
|
* scripted download because the sheet a fan sees this in may be a webview, and a
|
|
5363
5364
|
* script-driven save is exactly what a webview blocks.
|
|
5364
5365
|
*
|
|
5365
|
-
* **The button is
|
|
5366
|
-
*
|
|
5367
|
-
*
|
|
5368
|
-
*
|
|
5366
|
+
* **The button is always drawn, exactly as the frame draws it**, and so is the line above
|
|
5367
|
+
* it that promises one. The engine publishes a `label_url` for every return, so the two
|
|
5368
|
+
* halves cannot disagree — a screen saying "tap the button below" over no button is the
|
|
5369
|
+
* failure this arrangement rules out.
|
|
5370
|
+
*
|
|
5371
|
+
* The document itself is produced by the OMS against the return, so a download attempted
|
|
5372
|
+
* in the moments before the OMS holds it can fail. That is a bounded, visible failure
|
|
5373
|
+
* rather than a screen that contradicts itself.
|
|
5369
5374
|
*
|
|
5370
5375
|
* **The items come first, above the heading**, which is where the frame puts them and
|
|
5371
5376
|
* where they were missing. Two screens of instructions with nothing naming the garment is
|
|
@@ -5420,16 +5425,18 @@ declare interface Review {
|
|
|
5420
5425
|
author: string;
|
|
5421
5426
|
}
|
|
5422
5427
|
|
|
5423
|
-
/**
|
|
5424
|
-
|
|
5428
|
+
/**
|
|
5429
|
+
* Tester-quote carousel — swipeable cards with dot pagination.
|
|
5430
|
+
*
|
|
5431
|
+
* These are tester quotes, not customer reviews: no stars and no ratings, and the `author`
|
|
5432
|
+
* under each quote is what says whose words they are — a team and a city, never a person.
|
|
5433
|
+
* A quote must therefore never arrive without one. The block draws no disclaimer line, in
|
|
5434
|
+
* line with the frame.
|
|
5435
|
+
*/
|
|
5436
|
+
export declare function ReviewCarousel({ quotes }: ReviewCarouselProps): JSX.Element;
|
|
5425
5437
|
|
|
5426
5438
|
declare interface ReviewCarouselProps {
|
|
5427
5439
|
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
5440
|
}
|
|
5434
5441
|
|
|
5435
5442
|
/**
|
package/dist/index.mjs
CHANGED
|
@@ -10449,15 +10449,14 @@ function LifestyleImage({ images, videos }) {
|
|
|
10449
10449
|
})
|
|
10450
10450
|
});
|
|
10451
10451
|
}
|
|
10452
|
-
const section$2 = "
|
|
10453
|
-
const track = "
|
|
10454
|
-
const card = "
|
|
10455
|
-
const quote = "
|
|
10456
|
-
const author = "
|
|
10457
|
-
const dots = "
|
|
10458
|
-
const dot = "
|
|
10459
|
-
const dotActive = "
|
|
10460
|
-
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";
|
|
10461
10460
|
const styles$6 = {
|
|
10462
10461
|
section: section$2,
|
|
10463
10462
|
track,
|
|
@@ -10466,10 +10465,9 @@ const styles$6 = {
|
|
|
10466
10465
|
author,
|
|
10467
10466
|
dots,
|
|
10468
10467
|
dot,
|
|
10469
|
-
dotActive
|
|
10470
|
-
disclaimer
|
|
10468
|
+
dotActive
|
|
10471
10469
|
};
|
|
10472
|
-
function ReviewCarousel({ quotes
|
|
10470
|
+
function ReviewCarousel({ quotes }) {
|
|
10473
10471
|
const t = useT();
|
|
10474
10472
|
const trackRef = useRef(null);
|
|
10475
10473
|
const [active, setActive] = useState(0);
|
|
@@ -10504,9 +10502,6 @@ function ReviewCarousel({ quotes, disclaimer: disclaimer2 }) {
|
|
|
10504
10502
|
children: quotes.map((_, i) => jsx("span", {
|
|
10505
10503
|
className: [styles$6.dot, i === active ? styles$6.dotActive : ""].join(" ")
|
|
10506
10504
|
}, i))
|
|
10507
|
-
}), disclaimer2 && jsx("p", {
|
|
10508
|
-
className: styles$6.disclaimer,
|
|
10509
|
-
children: disclaimer2
|
|
10510
10505
|
})]
|
|
10511
10506
|
});
|
|
10512
10507
|
}
|
|
@@ -10646,8 +10641,7 @@ function Block({ block }) {
|
|
|
10646
10641
|
});
|
|
10647
10642
|
case "review":
|
|
10648
10643
|
return jsx(ReviewCarousel, {
|
|
10649
|
-
quotes: block.quotes
|
|
10650
|
-
disclaimer: block.disclaimer
|
|
10644
|
+
quotes: block.quotes
|
|
10651
10645
|
});
|
|
10652
10646
|
case "why_us":
|
|
10653
10647
|
return jsx(WhyUs, {
|
|
@@ -11607,4 +11601,4 @@ export {
|
|
|
11607
11601
|
useToast,
|
|
11608
11602
|
variantLabel
|
|
11609
11603
|
};
|
|
11610
|
-
|
|
11604
|
+
|
|
@@ -10449,15 +10449,14 @@ function LifestyleImage({ images, videos }) {
|
|
|
10449
10449
|
})
|
|
10450
10450
|
});
|
|
10451
10451
|
}
|
|
10452
|
-
const section$2 = "
|
|
10453
|
-
const track = "
|
|
10454
|
-
const card = "
|
|
10455
|
-
const quote = "
|
|
10456
|
-
const author = "
|
|
10457
|
-
const dots = "
|
|
10458
|
-
const dot = "
|
|
10459
|
-
const dotActive = "
|
|
10460
|
-
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";
|
|
10461
10460
|
const styles$6 = {
|
|
10462
10461
|
section: section$2,
|
|
10463
10462
|
track,
|
|
@@ -10466,10 +10465,9 @@ const styles$6 = {
|
|
|
10466
10465
|
author,
|
|
10467
10466
|
dots,
|
|
10468
10467
|
dot,
|
|
10469
|
-
dotActive
|
|
10470
|
-
disclaimer
|
|
10468
|
+
dotActive
|
|
10471
10469
|
};
|
|
10472
|
-
function ReviewCarousel({ quotes
|
|
10470
|
+
function ReviewCarousel({ quotes }) {
|
|
10473
10471
|
const t = useT();
|
|
10474
10472
|
const trackRef = useRef(null);
|
|
10475
10473
|
const [active, setActive] = useState(0);
|
|
@@ -10504,9 +10502,6 @@ function ReviewCarousel({ quotes, disclaimer: disclaimer2 }) {
|
|
|
10504
10502
|
children: quotes.map((_, i) => jsx("span", {
|
|
10505
10503
|
className: [styles$6.dot, i === active ? styles$6.dotActive : ""].join(" ")
|
|
10506
10504
|
}, i))
|
|
10507
|
-
}), disclaimer2 && jsx("p", {
|
|
10508
|
-
className: styles$6.disclaimer,
|
|
10509
|
-
children: disclaimer2
|
|
10510
10505
|
})]
|
|
10511
10506
|
});
|
|
10512
10507
|
}
|
|
@@ -10646,8 +10641,7 @@ function Block({ block }) {
|
|
|
10646
10641
|
});
|
|
10647
10642
|
case "review":
|
|
10648
10643
|
return jsx(ReviewCarousel, {
|
|
10649
|
-
quotes: block.quotes
|
|
10650
|
-
disclaimer: block.disclaimer
|
|
10644
|
+
quotes: block.quotes
|
|
10651
10645
|
});
|
|
10652
10646
|
case "why_us":
|
|
10653
10647
|
return jsx(WhyUs, {
|
|
@@ -11607,4 +11601,4 @@ export {
|
|
|
11607
11601
|
useToast,
|
|
11608
11602
|
variantLabel
|
|
11609
11603
|
};
|
|
11610
|
-
|
|
11604
|
+
|
|
@@ -3294,13 +3294,13 @@
|
|
|
3294
3294
|
._dotActive_79nr3_76 {
|
|
3295
3295
|
background: #f9fafa;
|
|
3296
3296
|
}
|
|
3297
|
-
.
|
|
3297
|
+
._section_qsxtq_1 {
|
|
3298
3298
|
display: flex;
|
|
3299
3299
|
flex-direction: column;
|
|
3300
3300
|
gap: var(--space-12);
|
|
3301
3301
|
padding: var(--space-24) 0 var(--space-16);
|
|
3302
3302
|
}
|
|
3303
|
-
.
|
|
3303
|
+
._track_qsxtq_8 {
|
|
3304
3304
|
display: flex;
|
|
3305
3305
|
gap: var(--space-12);
|
|
3306
3306
|
list-style: none;
|
|
@@ -3312,10 +3312,10 @@
|
|
|
3312
3312
|
-webkit-overflow-scrolling: touch;
|
|
3313
3313
|
scrollbar-width: none;
|
|
3314
3314
|
}
|
|
3315
|
-
.
|
|
3315
|
+
._track_qsxtq_8::-webkit-scrollbar {
|
|
3316
3316
|
display: none;
|
|
3317
3317
|
}
|
|
3318
|
-
.
|
|
3318
|
+
._card_qsxtq_38 {
|
|
3319
3319
|
flex: 0 0 323px;
|
|
3320
3320
|
max-width: calc(100% - var(--space-20));
|
|
3321
3321
|
scroll-snap-align: start;
|
|
@@ -3326,19 +3326,19 @@
|
|
|
3326
3326
|
border-radius: var(--radius-8);
|
|
3327
3327
|
background: #f9fafa;
|
|
3328
3328
|
}
|
|
3329
|
-
.
|
|
3329
|
+
._quote_qsxtq_50 {
|
|
3330
3330
|
margin: 0;
|
|
3331
3331
|
font-size: var(--type-heading-lg-size);
|
|
3332
3332
|
line-height: 1.2;
|
|
3333
3333
|
font-weight: var(--font-weight-bold);
|
|
3334
3334
|
color: #0c161c;
|
|
3335
3335
|
}
|
|
3336
|
-
.
|
|
3336
|
+
._author_qsxtq_58 {
|
|
3337
3337
|
margin: 0;
|
|
3338
3338
|
font-size: var(--type-trimmed-sm-size);
|
|
3339
3339
|
color: #3d4549;
|
|
3340
3340
|
}
|
|
3341
|
-
.
|
|
3341
|
+
._dots_qsxtq_69 {
|
|
3342
3342
|
display: flex;
|
|
3343
3343
|
align-items: center;
|
|
3344
3344
|
justify-content: center;
|
|
@@ -3346,21 +3346,15 @@
|
|
|
3346
3346
|
margin-top: calc(-1 * var(--space-12));
|
|
3347
3347
|
gap: var(--space-8);
|
|
3348
3348
|
}
|
|
3349
|
-
.
|
|
3349
|
+
._dot_qsxtq_69 {
|
|
3350
3350
|
width: 8px;
|
|
3351
3351
|
height: 8px;
|
|
3352
3352
|
border-radius: var(--radius-full);
|
|
3353
3353
|
background: #9ea2a4;
|
|
3354
3354
|
}
|
|
3355
|
-
.
|
|
3355
|
+
._dotActive_qsxtq_85 {
|
|
3356
3356
|
background: #f9fafa;
|
|
3357
3357
|
}
|
|
3358
|
-
._disclaimer_kdf3c_91 {
|
|
3359
|
-
margin: 0;
|
|
3360
|
-
padding: 0 var(--space-16);
|
|
3361
|
-
font-size: var(--type-trimmed-xs-size);
|
|
3362
|
-
color: var(--color-text-subtle);
|
|
3363
|
-
}
|
|
3364
3358
|
._section_1tevp_1 {
|
|
3365
3359
|
display: flex;
|
|
3366
3360
|
flex-direction: column;
|
package/dist/styles.css
CHANGED
|
@@ -3294,13 +3294,13 @@
|
|
|
3294
3294
|
._dotActive_79nr3_76 {
|
|
3295
3295
|
background: #f9fafa;
|
|
3296
3296
|
}
|
|
3297
|
-
.
|
|
3297
|
+
._section_qsxtq_1 {
|
|
3298
3298
|
display: flex;
|
|
3299
3299
|
flex-direction: column;
|
|
3300
3300
|
gap: var(--space-12);
|
|
3301
3301
|
padding: var(--space-24) 0 var(--space-16);
|
|
3302
3302
|
}
|
|
3303
|
-
.
|
|
3303
|
+
._track_qsxtq_8 {
|
|
3304
3304
|
display: flex;
|
|
3305
3305
|
gap: var(--space-12);
|
|
3306
3306
|
list-style: none;
|
|
@@ -3312,10 +3312,10 @@
|
|
|
3312
3312
|
-webkit-overflow-scrolling: touch;
|
|
3313
3313
|
scrollbar-width: none;
|
|
3314
3314
|
}
|
|
3315
|
-
.
|
|
3315
|
+
._track_qsxtq_8::-webkit-scrollbar {
|
|
3316
3316
|
display: none;
|
|
3317
3317
|
}
|
|
3318
|
-
.
|
|
3318
|
+
._card_qsxtq_38 {
|
|
3319
3319
|
flex: 0 0 323px;
|
|
3320
3320
|
max-width: calc(100% - var(--space-20));
|
|
3321
3321
|
scroll-snap-align: start;
|
|
@@ -3326,19 +3326,19 @@
|
|
|
3326
3326
|
border-radius: var(--radius-8);
|
|
3327
3327
|
background: #f9fafa;
|
|
3328
3328
|
}
|
|
3329
|
-
.
|
|
3329
|
+
._quote_qsxtq_50 {
|
|
3330
3330
|
margin: 0;
|
|
3331
3331
|
font-size: var(--type-heading-lg-size);
|
|
3332
3332
|
line-height: 1.2;
|
|
3333
3333
|
font-weight: var(--font-weight-bold);
|
|
3334
3334
|
color: #0c161c;
|
|
3335
3335
|
}
|
|
3336
|
-
.
|
|
3336
|
+
._author_qsxtq_58 {
|
|
3337
3337
|
margin: 0;
|
|
3338
3338
|
font-size: var(--type-trimmed-sm-size);
|
|
3339
3339
|
color: #3d4549;
|
|
3340
3340
|
}
|
|
3341
|
-
.
|
|
3341
|
+
._dots_qsxtq_69 {
|
|
3342
3342
|
display: flex;
|
|
3343
3343
|
align-items: center;
|
|
3344
3344
|
justify-content: center;
|
|
@@ -3346,21 +3346,15 @@
|
|
|
3346
3346
|
margin-top: calc(-1 * var(--space-12));
|
|
3347
3347
|
gap: var(--space-8);
|
|
3348
3348
|
}
|
|
3349
|
-
.
|
|
3349
|
+
._dot_qsxtq_69 {
|
|
3350
3350
|
width: 8px;
|
|
3351
3351
|
height: 8px;
|
|
3352
3352
|
border-radius: var(--radius-full);
|
|
3353
3353
|
background: #9ea2a4;
|
|
3354
3354
|
}
|
|
3355
|
-
.
|
|
3355
|
+
._dotActive_qsxtq_85 {
|
|
3356
3356
|
background: #f9fafa;
|
|
3357
3357
|
}
|
|
3358
|
-
._disclaimer_kdf3c_91 {
|
|
3359
|
-
margin: 0;
|
|
3360
|
-
padding: 0 var(--space-16);
|
|
3361
|
-
font-size: var(--type-trimmed-xs-size);
|
|
3362
|
-
color: var(--color-text-subtle);
|
|
3363
|
-
}
|
|
3364
3358
|
._section_1tevp_1 {
|
|
3365
3359
|
display: flex;
|
|
3366
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.35",
|
|
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
|
}
|