@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 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 = "_gallery_nv2a9_1";
9302
- const track$2 = "_track_nv2a9_8";
9303
- const slide$1 = "_slide_nv2a9_32";
9304
- const image$4 = "_image_nv2a9_39";
9305
- const placeholder$1 = "_placeholder_nv2a9_43";
9306
- const dots$2 = "_dots_nv2a9_49";
9307
- const dot$2 = "_dot_nv2a9_49";
9308
- const dotActive$2 = "_dotActive_nv2a9_88";
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 = "_pcp_6gy3c_6";
10536
- const blocks = "_blocks_6gy3c_25";
10537
- const featured = "_featured_6gy3c_38";
10538
- const gridBlock = "_gridBlock_6gy3c_39";
10539
- const blockTitle = "_blockTitle_6gy3c_46";
10540
- const grid = "_grid_6gy3c_39";
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
- //# sourceMappingURL=index.mjs.map
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 = "_gallery_nv2a9_1";
9302
- const track$2 = "_track_nv2a9_8";
9303
- const slide$1 = "_slide_nv2a9_32";
9304
- const image$4 = "_image_nv2a9_39";
9305
- const placeholder$1 = "_placeholder_nv2a9_43";
9306
- const dots$2 = "_dots_nv2a9_49";
9307
- const dot$2 = "_dot_nv2a9_49";
9308
- const dotActive$2 = "_dotActive_nv2a9_88";
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 = "_pcp_6gy3c_6";
10536
- const blocks = "_blocks_6gy3c_25";
10537
- const featured = "_featured_6gy3c_38";
10538
- const gridBlock = "_gridBlock_6gy3c_39";
10539
- const blockTitle = "_blockTitle_6gy3c_46";
10540
- const grid = "_grid_6gy3c_39";
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
- //# sourceMappingURL=storefront.mjs.map
11576
+
@@ -2429,13 +2429,10 @@
2429
2429
  flex-direction: column;
2430
2430
  gap: var(--space-20);
2431
2431
  }
2432
- ._gallery_nv2a9_1 {
2432
+ ._gallery_16d26_1 {
2433
2433
  position: relative;
2434
- display: flex;
2435
- flex-direction: column;
2436
- gap: var(--space-12);
2437
2434
  }
2438
- ._track_nv2a9_8 {
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
- ._track_nv2a9_8::-webkit-scrollbar {
2444
+ ._track_16d26_5::-webkit-scrollbar {
2448
2445
  display: none;
2449
2446
  }
2450
- ._slide_nv2a9_32 {
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
- ._image_nv2a9_39 {
2453
+ ._image_16d26_36 {
2457
2454
  object-fit: cover;
2458
2455
  }
2459
- ._placeholder_nv2a9_43 {
2456
+ ._placeholder_16d26_40 {
2460
2457
  width: 100%;
2461
2458
  aspect-ratio: 375 / 475;
2462
2459
  background: var(--color-surface-soft);
2463
2460
  }
2464
- ._dots_nv2a9_49 {
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
- ._dot_nv2a9_49 {
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: var(--color-border-default);
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
- ._dot_nv2a9_49::after {
2481
+ ._dot_16d26_58::after {
2480
2482
  content: "";
2481
2483
  position: absolute;
2482
2484
  inset: -18px -3px;
2483
2485
  }
2484
- ._dotActive_nv2a9_88 {
2485
- background: var(--color-surface-max);
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
- ._pcp_6gy3c_6 {
3386
+ ._pcp_yu17f_6 {
3385
3387
  display: flex;
3386
3388
  flex-direction: column;
3387
3389
  }
3388
- ._blocks_6gy3c_25 {
3390
+ ._blocks_yu17f_25 {
3389
3391
  position: relative;
3390
3392
  display: flex;
3391
3393
  flex-direction: column;
3392
3394
  }
3393
- ._featured_6gy3c_38,
3394
- ._gridBlock_6gy3c_39 {
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
- ._blockTitle_6gy3c_46 {
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
- ._grid_6gy3c_39 {
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-24);
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
- ._gallery_nv2a9_1 {
2432
+ ._gallery_16d26_1 {
2433
2433
  position: relative;
2434
- display: flex;
2435
- flex-direction: column;
2436
- gap: var(--space-12);
2437
2434
  }
2438
- ._track_nv2a9_8 {
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
- ._track_nv2a9_8::-webkit-scrollbar {
2444
+ ._track_16d26_5::-webkit-scrollbar {
2448
2445
  display: none;
2449
2446
  }
2450
- ._slide_nv2a9_32 {
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
- ._image_nv2a9_39 {
2453
+ ._image_16d26_36 {
2457
2454
  object-fit: cover;
2458
2455
  }
2459
- ._placeholder_nv2a9_43 {
2456
+ ._placeholder_16d26_40 {
2460
2457
  width: 100%;
2461
2458
  aspect-ratio: 375 / 475;
2462
2459
  background: var(--color-surface-soft);
2463
2460
  }
2464
- ._dots_nv2a9_49 {
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
- ._dot_nv2a9_49 {
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: var(--color-border-default);
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
- ._dot_nv2a9_49::after {
2481
+ ._dot_16d26_58::after {
2480
2482
  content: "";
2481
2483
  position: absolute;
2482
2484
  inset: -18px -3px;
2483
2485
  }
2484
- ._dotActive_nv2a9_88 {
2485
- background: var(--color-surface-max);
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
- ._pcp_6gy3c_6 {
3386
+ ._pcp_yu17f_6 {
3385
3387
  display: flex;
3386
3388
  flex-direction: column;
3387
3389
  }
3388
- ._blocks_6gy3c_25 {
3390
+ ._blocks_yu17f_25 {
3389
3391
  position: relative;
3390
3392
  display: flex;
3391
3393
  flex-direction: column;
3392
3394
  }
3393
- ._featured_6gy3c_38,
3394
- ._gridBlock_6gy3c_39 {
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
- ._blockTitle_6gy3c_46 {
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
- ._grid_6gy3c_39 {
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-24);
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.27",
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
- "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
  }