@nok-integration/storefront-react 0.19.27 → 0.19.28
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.mjs +30 -15
- package/dist/standalone/storefront.mjs +30 -15
- package/dist/standalone/styles.css +24 -22
- package/dist/styles.css +24 -22
- package/package.json +9 -28
package/dist/index.mjs
CHANGED
|
@@ -7094,6 +7094,21 @@ function ReturnItemsView({ order, onSubmit, busy = false }) {
|
|
|
7094
7094
|
}));
|
|
7095
7095
|
if (items2.length > 0) onSubmit(items2);
|
|
7096
7096
|
}
|
|
7097
|
+
if (returnable.length === 0) {
|
|
7098
|
+
return jsx("div", {
|
|
7099
|
+
className: styles$B.page,
|
|
7100
|
+
children: jsxs("div", {
|
|
7101
|
+
className: styles$B.titles,
|
|
7102
|
+
children: [jsx("h1", {
|
|
7103
|
+
className: styles$B.title,
|
|
7104
|
+
children: "Nothing left to return"
|
|
7105
|
+
}), jsx("p", {
|
|
7106
|
+
className: styles$B.subtitle,
|
|
7107
|
+
children: "Every item on this order has already been returned or cancelled."
|
|
7108
|
+
})]
|
|
7109
|
+
})
|
|
7110
|
+
});
|
|
7111
|
+
}
|
|
7097
7112
|
return jsxs("div", {
|
|
7098
7113
|
className: styles$B.page,
|
|
7099
7114
|
children: [jsxs("div", {
|
|
@@ -9298,14 +9313,14 @@ function CartSheetProvider({ children }) {
|
|
|
9298
9313
|
})]
|
|
9299
9314
|
});
|
|
9300
9315
|
}
|
|
9301
|
-
const gallery = "
|
|
9302
|
-
const track$2 = "
|
|
9303
|
-
const slide$1 = "
|
|
9304
|
-
const image$4 = "
|
|
9305
|
-
const placeholder$1 = "
|
|
9306
|
-
const dots$2 = "
|
|
9307
|
-
const dot$2 = "
|
|
9308
|
-
const dotActive$2 = "
|
|
9316
|
+
const gallery = "_gallery_16d26_1";
|
|
9317
|
+
const track$2 = "_track_16d26_5";
|
|
9318
|
+
const slide$1 = "_slide_16d26_29";
|
|
9319
|
+
const image$4 = "_image_16d26_36";
|
|
9320
|
+
const placeholder$1 = "_placeholder_16d26_40";
|
|
9321
|
+
const dots$2 = "_dots_16d26_58";
|
|
9322
|
+
const dot$2 = "_dot_16d26_58";
|
|
9323
|
+
const dotActive$2 = "_dotActive_16d26_109";
|
|
9309
9324
|
const styles$i = {
|
|
9310
9325
|
gallery,
|
|
9311
9326
|
track: track$2,
|
|
@@ -10532,12 +10547,12 @@ function ExploreList({ title: title2, links }) {
|
|
|
10532
10547
|
})]
|
|
10533
10548
|
});
|
|
10534
10549
|
}
|
|
10535
|
-
const pcp = "
|
|
10536
|
-
const blocks = "
|
|
10537
|
-
const featured = "
|
|
10538
|
-
const gridBlock = "
|
|
10539
|
-
const blockTitle = "
|
|
10540
|
-
const grid = "
|
|
10550
|
+
const pcp = "_pcp_yu17f_6";
|
|
10551
|
+
const blocks = "_blocks_yu17f_25";
|
|
10552
|
+
const featured = "_featured_yu17f_38";
|
|
10553
|
+
const gridBlock = "_gridBlock_yu17f_39";
|
|
10554
|
+
const blockTitle = "_blockTitle_yu17f_46";
|
|
10555
|
+
const grid = "_grid_yu17f_39";
|
|
10541
10556
|
const styles$3 = {
|
|
10542
10557
|
pcp,
|
|
10543
10558
|
blocks,
|
|
@@ -11558,4 +11573,4 @@ export {
|
|
|
11558
11573
|
useToast,
|
|
11559
11574
|
variantLabel
|
|
11560
11575
|
};
|
|
11561
|
-
|
|
11576
|
+
|
|
@@ -7094,6 +7094,21 @@ function ReturnItemsView({ order, onSubmit, busy = false }) {
|
|
|
7094
7094
|
}));
|
|
7095
7095
|
if (items2.length > 0) onSubmit(items2);
|
|
7096
7096
|
}
|
|
7097
|
+
if (returnable.length === 0) {
|
|
7098
|
+
return jsx("div", {
|
|
7099
|
+
className: styles$B.page,
|
|
7100
|
+
children: jsxs("div", {
|
|
7101
|
+
className: styles$B.titles,
|
|
7102
|
+
children: [jsx("h1", {
|
|
7103
|
+
className: styles$B.title,
|
|
7104
|
+
children: "Nothing left to return"
|
|
7105
|
+
}), jsx("p", {
|
|
7106
|
+
className: styles$B.subtitle,
|
|
7107
|
+
children: "Every item on this order has already been returned or cancelled."
|
|
7108
|
+
})]
|
|
7109
|
+
})
|
|
7110
|
+
});
|
|
7111
|
+
}
|
|
7097
7112
|
return jsxs("div", {
|
|
7098
7113
|
className: styles$B.page,
|
|
7099
7114
|
children: [jsxs("div", {
|
|
@@ -9298,14 +9313,14 @@ function CartSheetProvider({ children }) {
|
|
|
9298
9313
|
})]
|
|
9299
9314
|
});
|
|
9300
9315
|
}
|
|
9301
|
-
const gallery = "
|
|
9302
|
-
const track$2 = "
|
|
9303
|
-
const slide$1 = "
|
|
9304
|
-
const image$4 = "
|
|
9305
|
-
const placeholder$1 = "
|
|
9306
|
-
const dots$2 = "
|
|
9307
|
-
const dot$2 = "
|
|
9308
|
-
const dotActive$2 = "
|
|
9316
|
+
const gallery = "_gallery_16d26_1";
|
|
9317
|
+
const track$2 = "_track_16d26_5";
|
|
9318
|
+
const slide$1 = "_slide_16d26_29";
|
|
9319
|
+
const image$4 = "_image_16d26_36";
|
|
9320
|
+
const placeholder$1 = "_placeholder_16d26_40";
|
|
9321
|
+
const dots$2 = "_dots_16d26_58";
|
|
9322
|
+
const dot$2 = "_dot_16d26_58";
|
|
9323
|
+
const dotActive$2 = "_dotActive_16d26_109";
|
|
9309
9324
|
const styles$i = {
|
|
9310
9325
|
gallery,
|
|
9311
9326
|
track: track$2,
|
|
@@ -10532,12 +10547,12 @@ function ExploreList({ title: title2, links }) {
|
|
|
10532
10547
|
})]
|
|
10533
10548
|
});
|
|
10534
10549
|
}
|
|
10535
|
-
const pcp = "
|
|
10536
|
-
const blocks = "
|
|
10537
|
-
const featured = "
|
|
10538
|
-
const gridBlock = "
|
|
10539
|
-
const blockTitle = "
|
|
10540
|
-
const grid = "
|
|
10550
|
+
const pcp = "_pcp_yu17f_6";
|
|
10551
|
+
const blocks = "_blocks_yu17f_25";
|
|
10552
|
+
const featured = "_featured_yu17f_38";
|
|
10553
|
+
const gridBlock = "_gridBlock_yu17f_39";
|
|
10554
|
+
const blockTitle = "_blockTitle_yu17f_46";
|
|
10555
|
+
const grid = "_grid_yu17f_39";
|
|
10541
10556
|
const styles$3 = {
|
|
10542
10557
|
pcp,
|
|
10543
10558
|
blocks,
|
|
@@ -11558,4 +11573,4 @@ export {
|
|
|
11558
11573
|
useToast,
|
|
11559
11574
|
variantLabel
|
|
11560
11575
|
};
|
|
11561
|
-
|
|
11576
|
+
|
|
@@ -2429,13 +2429,10 @@
|
|
|
2429
2429
|
flex-direction: column;
|
|
2430
2430
|
gap: var(--space-20);
|
|
2431
2431
|
}
|
|
2432
|
-
.
|
|
2432
|
+
._gallery_16d26_1 {
|
|
2433
2433
|
position: relative;
|
|
2434
|
-
display: flex;
|
|
2435
|
-
flex-direction: column;
|
|
2436
|
-
gap: var(--space-12);
|
|
2437
2434
|
}
|
|
2438
|
-
.
|
|
2435
|
+
._track_16d26_5 {
|
|
2439
2436
|
display: flex;
|
|
2440
2437
|
overflow-x: auto;
|
|
2441
2438
|
scroll-snap-type: x mandatory;
|
|
@@ -2444,45 +2441,50 @@
|
|
|
2444
2441
|
background: var(--color-surface-soft);
|
|
2445
2442
|
scrollbar-width: none;
|
|
2446
2443
|
}
|
|
2447
|
-
.
|
|
2444
|
+
._track_16d26_5::-webkit-scrollbar {
|
|
2448
2445
|
display: none;
|
|
2449
2446
|
}
|
|
2450
|
-
.
|
|
2447
|
+
._slide_16d26_29 {
|
|
2451
2448
|
position: relative;
|
|
2452
2449
|
flex: 0 0 100%;
|
|
2453
2450
|
scroll-snap-align: center;
|
|
2454
2451
|
aspect-ratio: 375 / 475;
|
|
2455
2452
|
}
|
|
2456
|
-
.
|
|
2453
|
+
._image_16d26_36 {
|
|
2457
2454
|
object-fit: cover;
|
|
2458
2455
|
}
|
|
2459
|
-
.
|
|
2456
|
+
._placeholder_16d26_40 {
|
|
2460
2457
|
width: 100%;
|
|
2461
2458
|
aspect-ratio: 375 / 475;
|
|
2462
2459
|
background: var(--color-surface-soft);
|
|
2463
2460
|
}
|
|
2464
|
-
.
|
|
2461
|
+
._dots_16d26_58 {
|
|
2462
|
+
position: absolute;
|
|
2463
|
+
right: 0;
|
|
2464
|
+
bottom: 16px;
|
|
2465
|
+
left: 0;
|
|
2465
2466
|
display: flex;
|
|
2466
2467
|
justify-content: center;
|
|
2467
2468
|
gap: var(--space-6);
|
|
2468
2469
|
}
|
|
2469
|
-
.
|
|
2470
|
+
._dot_16d26_58 {
|
|
2470
2471
|
width: 8px;
|
|
2471
2472
|
height: 8px;
|
|
2472
2473
|
padding: 0;
|
|
2473
2474
|
border: none;
|
|
2474
2475
|
border-radius: var(--radius-full);
|
|
2475
|
-
background:
|
|
2476
|
+
background: rgba(255, 255, 255, 0.5);
|
|
2477
|
+
filter: drop-shadow(0 1px 2px rgba(8, 14, 18, 0.45));
|
|
2476
2478
|
cursor: pointer;
|
|
2477
2479
|
position: relative;
|
|
2478
2480
|
}
|
|
2479
|
-
.
|
|
2481
|
+
._dot_16d26_58::after {
|
|
2480
2482
|
content: "";
|
|
2481
2483
|
position: absolute;
|
|
2482
2484
|
inset: -18px -3px;
|
|
2483
2485
|
}
|
|
2484
|
-
.
|
|
2485
|
-
background:
|
|
2486
|
+
._dotActive_16d26_109 {
|
|
2487
|
+
background: #ffffff;
|
|
2486
2488
|
}
|
|
2487
2489
|
._scrim_ddqa4_8 {
|
|
2488
2490
|
position: fixed;
|
|
@@ -3381,37 +3383,37 @@
|
|
|
3381
3383
|
flex-shrink: 0;
|
|
3382
3384
|
color: var(--color-text-default);
|
|
3383
3385
|
}
|
|
3384
|
-
.
|
|
3386
|
+
._pcp_yu17f_6 {
|
|
3385
3387
|
display: flex;
|
|
3386
3388
|
flex-direction: column;
|
|
3387
3389
|
}
|
|
3388
|
-
.
|
|
3390
|
+
._blocks_yu17f_25 {
|
|
3389
3391
|
position: relative;
|
|
3390
3392
|
display: flex;
|
|
3391
3393
|
flex-direction: column;
|
|
3392
3394
|
}
|
|
3393
|
-
.
|
|
3394
|
-
.
|
|
3395
|
+
._featured_yu17f_38,
|
|
3396
|
+
._gridBlock_yu17f_39 {
|
|
3395
3397
|
display: flex;
|
|
3396
3398
|
flex-direction: column;
|
|
3397
3399
|
gap: var(--space-12);
|
|
3398
3400
|
padding: var(--space-24) 0;
|
|
3399
3401
|
}
|
|
3400
|
-
.
|
|
3402
|
+
._blockTitle_yu17f_46 {
|
|
3401
3403
|
padding: 0 var(--space-16);
|
|
3402
3404
|
font-size: var(--type-heading-md-size);
|
|
3403
3405
|
line-height: 1.38;
|
|
3404
3406
|
font-weight: var(--font-weight-bold);
|
|
3405
3407
|
color: var(--color-text-default);
|
|
3406
3408
|
}
|
|
3407
|
-
.
|
|
3409
|
+
._grid_yu17f_39 {
|
|
3408
3410
|
list-style: none;
|
|
3409
3411
|
margin: 0;
|
|
3410
3412
|
padding: 0 var(--space-16);
|
|
3411
3413
|
display: grid;
|
|
3412
3414
|
grid-template-columns: repeat(2, 1fr);
|
|
3413
3415
|
column-gap: var(--space-12);
|
|
3414
|
-
row-gap: var(--space-
|
|
3416
|
+
row-gap: var(--space-12);
|
|
3415
3417
|
}
|
|
3416
3418
|
._showcase_1qnt2_44 {
|
|
3417
3419
|
background: #080e12;
|
package/dist/styles.css
CHANGED
|
@@ -2429,13 +2429,10 @@
|
|
|
2429
2429
|
flex-direction: column;
|
|
2430
2430
|
gap: var(--space-20);
|
|
2431
2431
|
}
|
|
2432
|
-
.
|
|
2432
|
+
._gallery_16d26_1 {
|
|
2433
2433
|
position: relative;
|
|
2434
|
-
display: flex;
|
|
2435
|
-
flex-direction: column;
|
|
2436
|
-
gap: var(--space-12);
|
|
2437
2434
|
}
|
|
2438
|
-
.
|
|
2435
|
+
._track_16d26_5 {
|
|
2439
2436
|
display: flex;
|
|
2440
2437
|
overflow-x: auto;
|
|
2441
2438
|
scroll-snap-type: x mandatory;
|
|
@@ -2444,45 +2441,50 @@
|
|
|
2444
2441
|
background: var(--color-surface-soft);
|
|
2445
2442
|
scrollbar-width: none;
|
|
2446
2443
|
}
|
|
2447
|
-
.
|
|
2444
|
+
._track_16d26_5::-webkit-scrollbar {
|
|
2448
2445
|
display: none;
|
|
2449
2446
|
}
|
|
2450
|
-
.
|
|
2447
|
+
._slide_16d26_29 {
|
|
2451
2448
|
position: relative;
|
|
2452
2449
|
flex: 0 0 100%;
|
|
2453
2450
|
scroll-snap-align: center;
|
|
2454
2451
|
aspect-ratio: 375 / 475;
|
|
2455
2452
|
}
|
|
2456
|
-
.
|
|
2453
|
+
._image_16d26_36 {
|
|
2457
2454
|
object-fit: cover;
|
|
2458
2455
|
}
|
|
2459
|
-
.
|
|
2456
|
+
._placeholder_16d26_40 {
|
|
2460
2457
|
width: 100%;
|
|
2461
2458
|
aspect-ratio: 375 / 475;
|
|
2462
2459
|
background: var(--color-surface-soft);
|
|
2463
2460
|
}
|
|
2464
|
-
.
|
|
2461
|
+
._dots_16d26_58 {
|
|
2462
|
+
position: absolute;
|
|
2463
|
+
right: 0;
|
|
2464
|
+
bottom: 16px;
|
|
2465
|
+
left: 0;
|
|
2465
2466
|
display: flex;
|
|
2466
2467
|
justify-content: center;
|
|
2467
2468
|
gap: var(--space-6);
|
|
2468
2469
|
}
|
|
2469
|
-
.
|
|
2470
|
+
._dot_16d26_58 {
|
|
2470
2471
|
width: 8px;
|
|
2471
2472
|
height: 8px;
|
|
2472
2473
|
padding: 0;
|
|
2473
2474
|
border: none;
|
|
2474
2475
|
border-radius: var(--radius-full);
|
|
2475
|
-
background:
|
|
2476
|
+
background: rgba(255, 255, 255, 0.5);
|
|
2477
|
+
filter: drop-shadow(0 1px 2px rgba(8, 14, 18, 0.45));
|
|
2476
2478
|
cursor: pointer;
|
|
2477
2479
|
position: relative;
|
|
2478
2480
|
}
|
|
2479
|
-
.
|
|
2481
|
+
._dot_16d26_58::after {
|
|
2480
2482
|
content: "";
|
|
2481
2483
|
position: absolute;
|
|
2482
2484
|
inset: -18px -3px;
|
|
2483
2485
|
}
|
|
2484
|
-
.
|
|
2485
|
-
background:
|
|
2486
|
+
._dotActive_16d26_109 {
|
|
2487
|
+
background: #ffffff;
|
|
2486
2488
|
}
|
|
2487
2489
|
._scrim_ddqa4_8 {
|
|
2488
2490
|
position: fixed;
|
|
@@ -3381,37 +3383,37 @@
|
|
|
3381
3383
|
flex-shrink: 0;
|
|
3382
3384
|
color: var(--color-text-default);
|
|
3383
3385
|
}
|
|
3384
|
-
.
|
|
3386
|
+
._pcp_yu17f_6 {
|
|
3385
3387
|
display: flex;
|
|
3386
3388
|
flex-direction: column;
|
|
3387
3389
|
}
|
|
3388
|
-
.
|
|
3390
|
+
._blocks_yu17f_25 {
|
|
3389
3391
|
position: relative;
|
|
3390
3392
|
display: flex;
|
|
3391
3393
|
flex-direction: column;
|
|
3392
3394
|
}
|
|
3393
|
-
.
|
|
3394
|
-
.
|
|
3395
|
+
._featured_yu17f_38,
|
|
3396
|
+
._gridBlock_yu17f_39 {
|
|
3395
3397
|
display: flex;
|
|
3396
3398
|
flex-direction: column;
|
|
3397
3399
|
gap: var(--space-12);
|
|
3398
3400
|
padding: var(--space-24) 0;
|
|
3399
3401
|
}
|
|
3400
|
-
.
|
|
3402
|
+
._blockTitle_yu17f_46 {
|
|
3401
3403
|
padding: 0 var(--space-16);
|
|
3402
3404
|
font-size: var(--type-heading-md-size);
|
|
3403
3405
|
line-height: 1.38;
|
|
3404
3406
|
font-weight: var(--font-weight-bold);
|
|
3405
3407
|
color: var(--color-text-default);
|
|
3406
3408
|
}
|
|
3407
|
-
.
|
|
3409
|
+
._grid_yu17f_39 {
|
|
3408
3410
|
list-style: none;
|
|
3409
3411
|
margin: 0;
|
|
3410
3412
|
padding: 0 var(--space-16);
|
|
3411
3413
|
display: grid;
|
|
3412
3414
|
grid-template-columns: repeat(2, 1fr);
|
|
3413
3415
|
column-gap: var(--space-12);
|
|
3414
|
-
row-gap: var(--space-
|
|
3416
|
+
row-gap: var(--space-12);
|
|
3415
3417
|
}
|
|
3416
3418
|
._showcase_1qnt2_44 {
|
|
3417
3419
|
background: #080e12;
|
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.28",
|
|
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
|
}
|