@nok-integration/storefront-react 0.19.37 → 0.19.38

package/dist/index.mjs

@@ -6551,23 +6551,27 @@ function renderValue(key, pricing, format, t) {
   }
   return key === "discount" ? null : format(pricing[key]);
 }
-const lines$1 = "_lines_dpw0l_19";
-const line$2 = "_line_dpw0l_19";
-const thumb$2 = "_thumb_dpw0l_34";
-const image$9 = "_image_dpw0l_44";
-const placeholder$8 = "_placeholder_dpw0l_51";
-const lineBody = "_lineBody_dpw0l_56";
-const lineText = "_lineText_dpw0l_65";
-const lineTitle = "_lineTitle_dpw0l_75";
-const lineMeta = "_lineMeta_dpw0l_107";
-const detail$1 = "_detail_dpw0l_104";
-const linePrice = "_linePrice_dpw0l_128";
-const paid$3 = "_paid_dpw0l_140";
-const was$4 = "_was_dpw0l_153";
-const card$4 = "_card_dpw0l_176";
-const cardTitle = "_cardTitle_dpw0l_184";
-const cardBody = "_cardBody_dpw0l_196";
-const summaryCard = "_summaryCard_dpw0l_168";
+const lines$1 = "_lines_10z1i_19";
+const line$2 = "_line_10z1i_19";
+const thumb$2 = "_thumb_10z1i_34";
+const image$9 = "_image_10z1i_44";
+const placeholder$8 = "_placeholder_10z1i_51";
+const lineBody = "_lineBody_10z1i_56";
+const lineText = "_lineText_10z1i_65";
+const lineTitle = "_lineTitle_10z1i_75";
+const lineMeta = "_lineMeta_10z1i_107";
+const detail$1 = "_detail_10z1i_104";
+const linePrice = "_linePrice_10z1i_128";
+const paid$3 = "_paid_10z1i_140";
+const was$4 = "_was_10z1i_153";
+const card$4 = "_card_10z1i_176";
+const cardTitle = "_cardTitle_10z1i_184";
+const cardBody = "_cardBody_10z1i_196";
+const summaryCard = "_summaryCard_10z1i_168";
+const itemsHeader = "_itemsHeader_10z1i_14";
+const itemsTitle = "_itemsTitle_10z1i_239";
+const itemsCount = "_itemsCount_10z1i_250";
+const cardLines = "_cardLines_10z1i_269";
 const styles$F = {
   lines: lines$1,
   line: line$2,
@@ -6585,7 +6589,11 @@ const styles$F = {
   card: card$4,
   cardTitle,
   cardBody,
-  summaryCard
+  summaryCard,
+  itemsHeader,
+  itemsTitle,
+  itemsCount,
+  cardLines
 };
 const SUMMARY_ROWS = [{
   label: "Subtotal",
@@ -6665,6 +6673,29 @@ function OrderLines({ order }) {
     }, item2.line_ref))
   });
 }
+function OrderItemsCard({ order }) {
+  const t = useT();
+  const itemCount = order.items.reduce((n, i) => n + i.qty, 0);
+  return jsxs("section", {
+    className: styles$F.card,
+    "aria-label": t("Items"),
+    children: [jsxs("div", {
+      className: styles$F.itemsHeader,
+      children: [jsx("h2", {
+        className: styles$F.itemsTitle,
+        children: "Items"
+      }), jsx("span", {
+        className: styles$F.itemsCount,
+        children: itemCount
+      })]
+    }), jsx("ul", {
+      className: [styles$F.lines, styles$F.cardLines].join(" "),
+      children: order.items.map((item2) => jsx(OrderLine, {
+        item: item2
+      }, item2.line_ref))
+    })]
+  });
+}
 function ShippingAddressCard({ order }) {
   const t = useT();
   return jsxs("section", {
@@ -7713,7 +7744,7 @@ function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onO
         loading: reordering,
         onClick: () => void reorder(order),
         children: "Reorder"
-      }), jsx(OrderLines, {
+      }), jsx(OrderItemsCard, {
         order
       }), jsx(ShippingAddressCard, {
         order
@@ -11609,4 +11640,4 @@ export {
   useToast,
   variantLabel
 };
-
+//# sourceMappingURL=index.mjs.map

package/dist/standalone/storefront.mjs

@@ -6551,23 +6551,27 @@ function renderValue(key, pricing, format, t) {
   }
   return key === "discount" ? null : format(pricing[key]);
 }
-const lines$1 = "_lines_dpw0l_19";
-const line$2 = "_line_dpw0l_19";
-const thumb$2 = "_thumb_dpw0l_34";
-const image$9 = "_image_dpw0l_44";
-const placeholder$8 = "_placeholder_dpw0l_51";
-const lineBody = "_lineBody_dpw0l_56";
-const lineText = "_lineText_dpw0l_65";
-const lineTitle = "_lineTitle_dpw0l_75";
-const lineMeta = "_lineMeta_dpw0l_107";
-const detail$1 = "_detail_dpw0l_104";
-const linePrice = "_linePrice_dpw0l_128";
-const paid$3 = "_paid_dpw0l_140";
-const was$4 = "_was_dpw0l_153";
-const card$4 = "_card_dpw0l_176";
-const cardTitle = "_cardTitle_dpw0l_184";
-const cardBody = "_cardBody_dpw0l_196";
-const summaryCard = "_summaryCard_dpw0l_168";
+const lines$1 = "_lines_10z1i_19";
+const line$2 = "_line_10z1i_19";
+const thumb$2 = "_thumb_10z1i_34";
+const image$9 = "_image_10z1i_44";
+const placeholder$8 = "_placeholder_10z1i_51";
+const lineBody = "_lineBody_10z1i_56";
+const lineText = "_lineText_10z1i_65";
+const lineTitle = "_lineTitle_10z1i_75";
+const lineMeta = "_lineMeta_10z1i_107";
+const detail$1 = "_detail_10z1i_104";
+const linePrice = "_linePrice_10z1i_128";
+const paid$3 = "_paid_10z1i_140";
+const was$4 = "_was_10z1i_153";
+const card$4 = "_card_10z1i_176";
+const cardTitle = "_cardTitle_10z1i_184";
+const cardBody = "_cardBody_10z1i_196";
+const summaryCard = "_summaryCard_10z1i_168";
+const itemsHeader = "_itemsHeader_10z1i_14";
+const itemsTitle = "_itemsTitle_10z1i_239";
+const itemsCount = "_itemsCount_10z1i_250";
+const cardLines = "_cardLines_10z1i_269";
 const styles$F = {
   lines: lines$1,
   line: line$2,
@@ -6585,7 +6589,11 @@ const styles$F = {
   card: card$4,
   cardTitle,
   cardBody,
-  summaryCard
+  summaryCard,
+  itemsHeader,
+  itemsTitle,
+  itemsCount,
+  cardLines
 };
 const SUMMARY_ROWS = [{
   label: "Subtotal",
@@ -6665,6 +6673,29 @@ function OrderLines({ order }) {
     }, item2.line_ref))
   });
 }
+function OrderItemsCard({ order }) {
+  const t = useT();
+  const itemCount = order.items.reduce((n, i) => n + i.qty, 0);
+  return jsxs("section", {
+    className: styles$F.card,
+    "aria-label": t("Items"),
+    children: [jsxs("div", {
+      className: styles$F.itemsHeader,
+      children: [jsx("h2", {
+        className: styles$F.itemsTitle,
+        children: "Items"
+      }), jsx("span", {
+        className: styles$F.itemsCount,
+        children: itemCount
+      })]
+    }), jsx("ul", {
+      className: [styles$F.lines, styles$F.cardLines].join(" "),
+      children: order.items.map((item2) => jsx(OrderLine, {
+        item: item2
+      }, item2.line_ref))
+    })]
+  });
+}
 function ShippingAddressCard({ order }) {
   const t = useT();
   return jsxs("section", {
@@ -7713,7 +7744,7 @@ function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onO
         loading: reordering,
         onClick: () => void reorder(order),
         children: "Reorder"
-      }), jsx(OrderLines, {
+      }), jsx(OrderItemsCard, {
         order
       }), jsx(ShippingAddressCard, {
         order
@@ -11609,4 +11640,4 @@ export {
   useToast,
   variantLabel
 };
-
+//# sourceMappingURL=storefront.mjs.map

package/dist/standalone/styles.css

@@ -686,7 +686,7 @@
 ._row_1hsxt_16._discount_1hsxt_69 dd {
   color: var(--color-state-text-success);
 }
-._lines_dpw0l_19 {
+._lines_10z1i_19 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -694,12 +694,12 @@
   flex-direction: column;
   gap: var(--space-16);
 }
-._line_dpw0l_19 {
+._line_10z1i_19 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_dpw0l_34 {
+._thumb_10z1i_34 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -708,15 +708,15 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_dpw0l_44 {
+._image_10z1i_44 {
   object-fit: cover;
   object-position: top;
 }
-._placeholder_dpw0l_51 {
+._placeholder_10z1i_51 {
   width: 100%;
   height: 100%;
 }
-._lineBody_dpw0l_56 {
+._lineBody_10z1i_56 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -724,14 +724,14 @@
   flex: 1 1 0;
   min-width: 0;
 }
-._lineText_dpw0l_65 {
+._lineText_10z1i_65 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._lineTitle_dpw0l_75 {
+._lineTitle_10z1i_75 {
   margin: -6px 0;
   padding: 6px 0;
   font-size: var(--type-trimmed-sm-size);
@@ -741,7 +741,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._lineMeta_dpw0l_107 {
+._lineMeta_10z1i_107 {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
@@ -751,10 +751,10 @@
   line-height: 11px;
   color: var(--color-text-subtle);
 }
-._detail_dpw0l_104 {
+._detail_10z1i_104 {
   white-space: nowrap;
 }
-._linePrice_dpw0l_128 {
+._linePrice_10z1i_128 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -763,12 +763,12 @@
   white-space: nowrap;
   font-variant-numeric: tabular-nums;
 }
-._paid_dpw0l_140 {
+._paid_10z1i_140 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-bold);
 }
-._was_dpw0l_153 {
+._was_10z1i_153 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -778,14 +778,14 @@
   color: var(--color-text-disabled);
   text-decoration: line-through;
 }
-._card_dpw0l_176 {
+._card_10z1i_176 {
   display: flex;
   flex-direction: column;
   box-shadow: inset 0 0 0 1px var(--color-border-default);
   border-radius: var(--radius-18);
   overflow: hidden;
 }
-._cardTitle_dpw0l_184 {
+._cardTitle_10z1i_184 {
   display: flex;
   align-items: center;
   margin: 0;
@@ -796,18 +796,53 @@
   line-height: 1.38;
   font-weight: var(--font-weight-bold);
 }
-._cardBody_dpw0l_196 {
+._cardBody_10z1i_196 {
   margin: 0;
   padding: var(--space-16);
   font-size: var(--type-trimmed-sm-size);
   line-height: 1.5;
 }
-._summaryCard_dpw0l_168 {
+._summaryCard_10z1i_168 {
   background: var(--color-surface-soft);
 }
-._summaryCard_dpw0l_168 > :last-child {
+._summaryCard_10z1i_168 > :last-child {
   padding: 0 var(--space-16);
 }
+._itemsHeader_10z1i_14 {
+  display: flex;
+  align-items: center;
+  gap: var(--space-12);
+  min-height: 60px;
+  padding: 0 var(--space-16);
+  border-bottom: 1px solid var(--color-border-default);
+}
+._itemsTitle_10z1i_239 {
+  flex: 1 0 0;
+  min-width: 0;
+  margin: 0;
+  font-size: var(--type-heading-md-size);
+  line-height: 1.38;
+  font-weight: var(--font-weight-bold);
+}
+._itemsCount_10z1i_250 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 var(--space-4);
+  border-radius: var(--radius-full);
+  background: var(--color-surface-subtle);
+  font-size: var(--type-trimmed-xs-size);
+  font-weight: var(--font-weight-bold);
+  letter-spacing: 0.12px;
+  font-variant-numeric: tabular-nums;
+}
+._cardLines_10z1i_269 {
+  gap: var(--space-12);
+  padding: var(--space-12) var(--space-16);
+}
 ._header_1f3nh_7 {
   display: flex;
   align-items: flex-start;

package/dist/styles.css

@@ -686,7 +686,7 @@
 ._row_1hsxt_16._discount_1hsxt_69 dd {
   color: var(--color-state-text-success);
 }
-._lines_dpw0l_19 {
+._lines_10z1i_19 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -694,12 +694,12 @@
   flex-direction: column;
   gap: var(--space-16);
 }
-._line_dpw0l_19 {
+._line_10z1i_19 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_dpw0l_34 {
+._thumb_10z1i_34 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -708,15 +708,15 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_dpw0l_44 {
+._image_10z1i_44 {
   object-fit: cover;
   object-position: top;
 }
-._placeholder_dpw0l_51 {
+._placeholder_10z1i_51 {
   width: 100%;
   height: 100%;
 }
-._lineBody_dpw0l_56 {
+._lineBody_10z1i_56 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -724,14 +724,14 @@
   flex: 1 1 0;
   min-width: 0;
 }
-._lineText_dpw0l_65 {
+._lineText_10z1i_65 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._lineTitle_dpw0l_75 {
+._lineTitle_10z1i_75 {
   margin: -6px 0;
   padding: 6px 0;
   font-size: var(--type-trimmed-sm-size);
@@ -741,7 +741,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._lineMeta_dpw0l_107 {
+._lineMeta_10z1i_107 {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
@@ -751,10 +751,10 @@
   line-height: 11px;
   color: var(--color-text-subtle);
 }
-._detail_dpw0l_104 {
+._detail_10z1i_104 {
   white-space: nowrap;
 }
-._linePrice_dpw0l_128 {
+._linePrice_10z1i_128 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -763,12 +763,12 @@
   white-space: nowrap;
   font-variant-numeric: tabular-nums;
 }
-._paid_dpw0l_140 {
+._paid_10z1i_140 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-bold);
 }
-._was_dpw0l_153 {
+._was_10z1i_153 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -778,14 +778,14 @@
   color: var(--color-text-disabled);
   text-decoration: line-through;
 }
-._card_dpw0l_176 {
+._card_10z1i_176 {
   display: flex;
   flex-direction: column;
   box-shadow: inset 0 0 0 1px var(--color-border-default);
   border-radius: var(--radius-18);
   overflow: hidden;
 }
-._cardTitle_dpw0l_184 {
+._cardTitle_10z1i_184 {
   display: flex;
   align-items: center;
   margin: 0;
@@ -796,18 +796,53 @@
   line-height: 1.38;
   font-weight: var(--font-weight-bold);
 }
-._cardBody_dpw0l_196 {
+._cardBody_10z1i_196 {
   margin: 0;
   padding: var(--space-16);
   font-size: var(--type-trimmed-sm-size);
   line-height: 1.5;
 }
-._summaryCard_dpw0l_168 {
+._summaryCard_10z1i_168 {
   background: var(--color-surface-soft);
 }
-._summaryCard_dpw0l_168 > :last-child {
+._summaryCard_10z1i_168 > :last-child {
   padding: 0 var(--space-16);
 }
+._itemsHeader_10z1i_14 {
+  display: flex;
+  align-items: center;
+  gap: var(--space-12);
+  min-height: 60px;
+  padding: 0 var(--space-16);
+  border-bottom: 1px solid var(--color-border-default);
+}
+._itemsTitle_10z1i_239 {
+  flex: 1 0 0;
+  min-width: 0;
+  margin: 0;
+  font-size: var(--type-heading-md-size);
+  line-height: 1.38;
+  font-weight: var(--font-weight-bold);
+}
+._itemsCount_10z1i_250 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 var(--space-4);
+  border-radius: var(--radius-full);
+  background: var(--color-surface-subtle);
+  font-size: var(--type-trimmed-xs-size);
+  font-weight: var(--font-weight-bold);
+  letter-spacing: 0.12px;
+  font-variant-numeric: tabular-nums;
+}
+._cardLines_10z1i_269 {
+  gap: var(--space-12);
+  padding: var(--space-12) var(--space-16);
+}
 ._header_1f3nh_7 {
   display: flex;
   align-items: flex-start;

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@nok-integration/storefront-react",
-  "version": "0.19.37",
+  "version": "0.19.38",
   "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
   "license": "UNLICENSED",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "type": "module",
   "main": "./dist/index.mjs",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
@@ -20,18 +23,34 @@
     "dist",
     "!dist/**/*.map"
   ],
-  "sideEffects": [
-    "*.css"
-  ],
+  "scripts": {
+    "build": "pnpm build:package && pnpm build:standalone",
+    "build:package": "vite build",
+    "build:standalone": "BUILD_TARGET=standalone vite build",
+    "typecheck": "tsc --noEmit",
+    "build:partner": "PARTNER_DROP=1 pnpm build && pnpm pack"
+  },
   "peerDependencies": {
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
+  "devDependencies": {
+    "@microsoft/api-extractor": "^7.58.12",
+    "@raqmix/contracts": "^2.0.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "esbuild": "^0.28.1",
+    "terser": "^5.50.0",
+    "typescript": "^5.7.3",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^5.0.3"
+  },
+  "module": "./dist/index.mjs",
+  "sideEffects": [
+    "*.css"
+  ],
   "dependencies": {
     "zod": "^3.24.1"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
   }
 }