@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 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 only drawn when there is a label.** The frame promises the PDF by email
5366
- * as well, and that promise is the one that survives a link this screen cannot produce
5367
- * so when `label_url` is absent the email line still tells the fan where to look, and no
5368
- * button is offered that would 404.
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
- /** Tester-quote carousel — swipeable cards with dot pagination. */
5424
- export declare function ReviewCarousel({ quotes, disclaimer }: ReviewCarouselProps): JSX.Element;
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 = "_section_kdf3c_1";
10453
- const track = "_track_kdf3c_8";
10454
- const card = "_card_kdf3c_38";
10455
- const quote = "_quote_kdf3c_50";
10456
- const author = "_author_kdf3c_58";
10457
- const dots = "_dots_kdf3c_69";
10458
- const dot = "_dot_kdf3c_69";
10459
- const dotActive = "_dotActive_kdf3c_85";
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, disclaimer: disclaimer2 }) {
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
- //# sourceMappingURL=index.mjs.map
11604
+
@@ -10449,15 +10449,14 @@ function LifestyleImage({ images, videos }) {
10449
10449
  })
10450
10450
  });
10451
10451
  }
10452
- const section$2 = "_section_kdf3c_1";
10453
- const track = "_track_kdf3c_8";
10454
- const card = "_card_kdf3c_38";
10455
- const quote = "_quote_kdf3c_50";
10456
- const author = "_author_kdf3c_58";
10457
- const dots = "_dots_kdf3c_69";
10458
- const dot = "_dot_kdf3c_69";
10459
- const dotActive = "_dotActive_kdf3c_85";
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, disclaimer: disclaimer2 }) {
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
- //# sourceMappingURL=storefront.mjs.map
11604
+
@@ -3294,13 +3294,13 @@
3294
3294
  ._dotActive_79nr3_76 {
3295
3295
  background: #f9fafa;
3296
3296
  }
3297
- ._section_kdf3c_1 {
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
- ._track_kdf3c_8 {
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
- ._track_kdf3c_8::-webkit-scrollbar {
3315
+ ._track_qsxtq_8::-webkit-scrollbar {
3316
3316
  display: none;
3317
3317
  }
3318
- ._card_kdf3c_38 {
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
- ._quote_kdf3c_50 {
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
- ._author_kdf3c_58 {
3336
+ ._author_qsxtq_58 {
3337
3337
  margin: 0;
3338
3338
  font-size: var(--type-trimmed-sm-size);
3339
3339
  color: #3d4549;
3340
3340
  }
3341
- ._dots_kdf3c_69 {
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
- ._dot_kdf3c_69 {
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
- ._dotActive_kdf3c_85 {
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
- ._section_kdf3c_1 {
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
- ._track_kdf3c_8 {
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
- ._track_kdf3c_8::-webkit-scrollbar {
3315
+ ._track_qsxtq_8::-webkit-scrollbar {
3316
3316
  display: none;
3317
3317
  }
3318
- ._card_kdf3c_38 {
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
- ._quote_kdf3c_50 {
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
- ._author_kdf3c_58 {
3336
+ ._author_qsxtq_58 {
3337
3337
  margin: 0;
3338
3338
  font-size: var(--type-trimmed-sm-size);
3339
3339
  color: #3d4549;
3340
3340
  }
3341
- ._dots_kdf3c_69 {
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
- ._dot_kdf3c_69 {
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
- ._dotActive_kdf3c_85 {
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.33",
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
- "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
  }