@schematichq/schematic-components 2.22.0 → 2.22.1-rc.3

package/dist/schematic-components.browser.cjs.js

@@ -14384,7 +14384,7 @@ var reducer = (state, action) => {
 // src/context/EmbedProvider.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var getCustomHeaders = (sessionId) => ({
-  "X-Schematic-Components-Version": "2.22.0",
+  "X-Schematic-Components-Version": "2.22.1-rc.3",
   "X-Schematic-Session-ID": sessionId
 });
 var normalizeCurrencyFilter = (filter2) => {
@@ -21368,6 +21368,7 @@ var SubscriptionSidebar = (0, import_react45.forwardRef)(
     ]);
     const {
       amountOff,
+      discountAmount,
       dueNow,
       newCharges,
       percentOff,
@@ -21379,6 +21380,7 @@ var SubscriptionSidebar = (0, import_react45.forwardRef)(
     } = (0, import_react45.useMemo)(() => {
       return {
         amountOff: charges?.amountOff ?? 0,
+        discountAmount: charges?.discountAmount ?? 0,
         dueNow: charges?.dueNow ?? 0,
         newCharges: charges?.newCharges ?? 0,
         percentOff: charges?.percentOff ?? 0,
@@ -22172,7 +22174,9 @@ var SubscriptionSidebar = (0, import_react45.forwardRef)(
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Box, { $opacity: "0.625", $lineHeight: 1.15, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text, { children: t3("X% off", { percent: percentOff }) }) }),
                       /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Box, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text, { children: formatCurrency(
-                        newCharges / 100 * percentOff,
+                        // Prefer the discount Stripe applied; derive from
+                        // `percentOff` only for API responses that predate it.
+                        discountAmount > 0 ? discountAmount : newCharges / 100 * percentOff,
                         selectedPlanCurrency
                       ) }) })
                     ]

package/dist/schematic-components.browser.esm.js

@@ -14294,7 +14294,7 @@ var reducer = (state, action) => {
 // src/context/EmbedProvider.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var getCustomHeaders = (sessionId) => ({
-  "X-Schematic-Components-Version": "2.22.0",
+  "X-Schematic-Components-Version": "2.22.1-rc.3",
   "X-Schematic-Session-ID": sessionId
 });
 var normalizeCurrencyFilter = (filter2) => {
@@ -21309,6 +21309,7 @@ var SubscriptionSidebar = forwardRef7(
     ]);
     const {
       amountOff,
+      discountAmount,
       dueNow,
       newCharges,
       percentOff,
@@ -21320,6 +21321,7 @@ var SubscriptionSidebar = forwardRef7(
     } = useMemo19(() => {
       return {
         amountOff: charges?.amountOff ?? 0,
+        discountAmount: charges?.discountAmount ?? 0,
         dueNow: charges?.dueNow ?? 0,
         newCharges: charges?.newCharges ?? 0,
         percentOff: charges?.percentOff ?? 0,
@@ -22113,7 +22115,9 @@ var SubscriptionSidebar = forwardRef7(
                     children: [
                       /* @__PURE__ */ jsx41(Box, { $opacity: "0.625", $lineHeight: 1.15, children: /* @__PURE__ */ jsx41(Text, { children: t3("X% off", { percent: percentOff }) }) }),
                       /* @__PURE__ */ jsx41(Box, { children: /* @__PURE__ */ jsx41(Text, { children: formatCurrency(
-                        newCharges / 100 * percentOff,
+                        // Prefer the discount Stripe applied; derive from
+                        // `percentOff` only for API responses that predate it.
+                        discountAmount > 0 ? discountAmount : newCharges / 100 * percentOff,
                         selectedPlanCurrency
                       ) }) })
                     ]

package/dist/schematic-components.cjs.js

@@ -14741,7 +14741,7 @@ var reducer = (state, action) => {
 // src/context/EmbedProvider.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var getCustomHeaders = (sessionId) => ({
-  "X-Schematic-Components-Version": "2.22.0",
+  "X-Schematic-Components-Version": "2.22.1-rc.3",
   "X-Schematic-Session-ID": sessionId
 });
 var normalizeCurrencyFilter = (filter) => {
@@ -21744,6 +21744,7 @@ var SubscriptionSidebar = (0, import_react44.forwardRef)(
     ]);
     const {
       amountOff,
+      discountAmount,
       dueNow,
       newCharges,
       percentOff,
@@ -21755,6 +21756,7 @@ var SubscriptionSidebar = (0, import_react44.forwardRef)(
     } = (0, import_react44.useMemo)(() => {
       return {
         amountOff: charges?.amountOff ?? 0,
+        discountAmount: charges?.discountAmount ?? 0,
         dueNow: charges?.dueNow ?? 0,
         newCharges: charges?.newCharges ?? 0,
         percentOff: charges?.percentOff ?? 0,
@@ -22548,7 +22550,9 @@ var SubscriptionSidebar = (0, import_react44.forwardRef)(
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Box, { $opacity: "0.625", $lineHeight: 1.15, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text, { children: t2("X% off", { percent: percentOff }) }) }),
                       /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Box, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text, { children: formatCurrency(
-                        newCharges / 100 * percentOff,
+                        // Prefer the discount Stripe applied; derive from
+                        // `percentOff` only for API responses that predate it.
+                        discountAmount > 0 ? discountAmount : newCharges / 100 * percentOff,
                         selectedPlanCurrency
                       ) }) })
                     ]

package/dist/schematic-components.esm.js

@@ -14419,7 +14419,7 @@ var reducer = (state, action) => {
 // src/context/EmbedProvider.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var getCustomHeaders = (sessionId) => ({
-  "X-Schematic-Components-Version": "2.22.0",
+  "X-Schematic-Components-Version": "2.22.1-rc.3",
   "X-Schematic-Session-ID": sessionId
 });
 var normalizeCurrencyFilter = (filter2) => {
@@ -21434,6 +21434,7 @@ var SubscriptionSidebar = forwardRef7(
     ]);
     const {
       amountOff,
+      discountAmount,
       dueNow,
       newCharges,
       percentOff,
@@ -21445,6 +21446,7 @@ var SubscriptionSidebar = forwardRef7(
     } = useMemo19(() => {
       return {
         amountOff: charges?.amountOff ?? 0,
+        discountAmount: charges?.discountAmount ?? 0,
         dueNow: charges?.dueNow ?? 0,
         newCharges: charges?.newCharges ?? 0,
         percentOff: charges?.percentOff ?? 0,
@@ -22238,7 +22240,9 @@ var SubscriptionSidebar = forwardRef7(
                     children: [
                       /* @__PURE__ */ jsx41(Box, { $opacity: "0.625", $lineHeight: 1.15, children: /* @__PURE__ */ jsx41(Text, { children: t3("X% off", { percent: percentOff }) }) }),
                       /* @__PURE__ */ jsx41(Box, { children: /* @__PURE__ */ jsx41(Text, { children: formatCurrency(
-                        newCharges / 100 * percentOff,
+                        // Prefer the discount Stripe applied; derive from
+                        // `percentOff` only for API responses that predate it.
+                        discountAmount > 0 ? discountAmount : newCharges / 100 * percentOff,
                         selectedPlanCurrency
                       ) }) })
                     ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematichq/schematic-components",
-  "version": "2.22.0",
+  "version": "2.22.1-rc.3",
   "main": "dist/schematic-components.cjs.js",
   "module": "dist/schematic-components.esm.js",
   "types": "dist/schematic-components.d.ts",