@schematichq/schematic-components 0.4.9 → 0.4.10

package/dist/schematic-components.cjs.js

@@ -12824,7 +12824,7 @@ var EmbedProvider = ({
   (0, import_react11.useEffect)(() => {
     if (accessToken) {
       const { headers = {} } = apiConfig ?? {};
-      headers["X-Schematic-Components-Version"] = "0.4.9";
+      headers["X-Schematic-Components-Version"] = "0.4.10";
       headers["X-Schematic-Session-ID"] = sessionIdRef.current;
       const config = new Configuration({
         ...apiConfig,
@@ -18231,13 +18231,11 @@ function resolveDesignProps2(props) {
     }
   };
 }
-function formatInvoices(invoices) {
-  return (invoices || []).filter(
-    ({ url, amountDue, amountPaid }) => url && (amountDue === 0 || amountPaid > 0)
-  ).sort((a2, b2) => a2.dueDate && b2.dueDate ? +b2.dueDate - +a2.dueDate : 1).map(({ amountDue, dueDate, url, currency }) => ({
-    ...dueDate && { date: toPrettyDate(dueDate) },
+function formatInvoices(invoices = []) {
+  return invoices.filter(({ amountDue, amountPaid }) => amountDue === 0 || amountPaid > 0).sort((a2, b2) => a2.dueDate && b2.dueDate ? +b2.dueDate - +a2.dueDate : 1).map(({ amountDue, dueDate, url, currency }) => ({
     amount: formatCurrency(amountDue, currency),
-    url
+    ...dueDate && { date: toPrettyDate(dueDate) },
+    ...url && { url }
   }));
 }
 var InvoiceDate = ({ date, fontStyle, url }) => {
@@ -19468,7 +19466,7 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
               $display: "grid",
               $gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
               $gap: "1rem",
-              children: plans.map((plan, index) => {
+              children: plans.map((plan, index, self2) => {
                 const isActivePlan = plan.current && data.company?.plan?.planPeriod === selectedPeriod;
                 const count = entitlementCounts[plan.id];
                 let isExpanded = false;
@@ -19574,6 +19572,18 @@ var PricingTable = (0, import_react37.forwardRef)(({ children, className, ...res
                           $padding: `${0.75 * cardPadding}rem ${cardPadding}rem 0`,
                           children: [
                             props.plans.showEntitlements && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Flex, { $flexDirection: "column", $gap: "1rem", $flexGrow: "1", children: [
+                              props.plans.showInclusionText && index > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Box, { $marginBottom: "1.5rem", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                                Text,
+                                {
+                                  $font: theme.typography.text.fontFamily,
+                                  $size: theme.typography.text.fontSize,
+                                  $weight: theme.typography.text.fontWeight,
+                                  $color: theme.typography.text.color,
+                                  children: t2("Everything in", {
+                                    plan: self2[index - 1].name
+                                  })
+                                }
+                              ) }),
                               plan.entitlements.reduce((acc, entitlement) => {
                                 let price;
                                 let currency;

package/dist/schematic-components.d.ts

@@ -3145,11 +3145,11 @@ declare interface InvoiceResponseData {
 }
 
 export declare const Invoices: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_2> & {
-data?: ListInvoicesResponse["data"];
+data?: InvoiceResponseData[];
 } & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement | null>>;
 
 export declare type InvoicesProps = DesignProps_2 & {
-    data?: ListInvoicesResponse["data"];
+    data?: InvoiceResponseData[];
 };
 
 declare type Json = any;

package/dist/schematic-components.esm.js

@@ -12776,7 +12776,7 @@ var EmbedProvider = ({
   useEffect2(() => {
     if (accessToken) {
       const { headers = {} } = apiConfig ?? {};
-      headers["X-Schematic-Components-Version"] = "0.4.9";
+      headers["X-Schematic-Components-Version"] = "0.4.10";
       headers["X-Schematic-Session-ID"] = sessionIdRef.current;
       const config = new Configuration({
         ...apiConfig,
@@ -18197,13 +18197,11 @@ function resolveDesignProps2(props) {
     }
   };
 }
-function formatInvoices(invoices) {
-  return (invoices || []).filter(
-    ({ url, amountDue, amountPaid }) => url && (amountDue === 0 || amountPaid > 0)
-  ).sort((a2, b2) => a2.dueDate && b2.dueDate ? +b2.dueDate - +a2.dueDate : 1).map(({ amountDue, dueDate, url, currency }) => ({
-    ...dueDate && { date: toPrettyDate(dueDate) },
+function formatInvoices(invoices = []) {
+  return invoices.filter(({ amountDue, amountPaid }) => amountDue === 0 || amountPaid > 0).sort((a2, b2) => a2.dueDate && b2.dueDate ? +b2.dueDate - +a2.dueDate : 1).map(({ amountDue, dueDate, url, currency }) => ({
     amount: formatCurrency(amountDue, currency),
-    url
+    ...dueDate && { date: toPrettyDate(dueDate) },
+    ...url && { url }
   }));
 }
 var InvoiceDate = ({ date, fontStyle, url }) => {
@@ -19441,7 +19439,7 @@ var PricingTable = forwardRef12(({ children, className, ...rest }, ref) => {
               $display: "grid",
               $gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
               $gap: "1rem",
-              children: plans.map((plan, index) => {
+              children: plans.map((plan, index, self2) => {
                 const isActivePlan = plan.current && data.company?.plan?.planPeriod === selectedPeriod;
                 const count = entitlementCounts[plan.id];
                 let isExpanded = false;
@@ -19547,6 +19545,18 @@ var PricingTable = forwardRef12(({ children, className, ...rest }, ref) => {
                           $padding: `${0.75 * cardPadding}rem ${cardPadding}rem 0`,
                           children: [
                             props.plans.showEntitlements && /* @__PURE__ */ jsxs26(Flex, { $flexDirection: "column", $gap: "1rem", $flexGrow: "1", children: [
+                              props.plans.showInclusionText && index > 0 && /* @__PURE__ */ jsx32(Box, { $marginBottom: "1.5rem", children: /* @__PURE__ */ jsx32(
+                                Text,
+                                {
+                                  $font: theme.typography.text.fontFamily,
+                                  $size: theme.typography.text.fontSize,
+                                  $weight: theme.typography.text.fontWeight,
+                                  $color: theme.typography.text.color,
+                                  children: t2("Everything in", {
+                                    plan: self2[index - 1].name
+                                  })
+                                }
+                              ) }),
                               plan.entitlements.reduce((acc, entitlement) => {
                                 let price;
                                 let currency;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematichq/schematic-components",
-  "version": "0.4.9",
+  "version": "0.4.10",
   "main": "dist/schematic-components.cjs.js",
   "module": "dist/schematic-components.esm.js",
   "types": "dist/schematic-components.d.ts",
@@ -30,7 +30,7 @@
     "tsc": "npx tsc"
   },
   "dependencies": {
-    "@stripe/stripe-js": "^5.8.0",
+    "@stripe/stripe-js": "^5.9.2",
     "classnames": "^2.5.1",
     "i18next": "^24.2.2",
     "lodash": "^4.17.21",