@funnelsgrove/payments 0.1.21 → 0.1.23

package/dist/components/ManageSubscriptionScreen.js

@@ -231,9 +231,14 @@ function SubscriptionSection({ title, subscriptions, plans, onSelect, descriptio
                                             : resolveBillingDateLabel(subscription, { past }) }), _jsxs("span", { children: ["Created at: ", resolveCreatedDate(subscription)] })] })] }) }, subscription.id))) })] }));
 }
 const manageSubscriptionStyles = `
+.funnel-shell[data-preview-frame='true'] {
+  min-width: 0;
+}
+
 .manage-subscription {
   position: absolute;
   inset: 0;
+  max-width: 100%;
   overflow-y: auto;
   box-sizing: border-box;
   background: color-mix(in srgb, var(--color-primary, #4db53f) 8%, var(--color-surface, #fff) 92%);
@@ -241,6 +246,17 @@ const manageSubscriptionStyles = `
   font-family: var(--font-family-base, Inter, sans-serif);
 }
 
+.manage-subscription-inner,
+.manage-subscription-section,
+.manage-subscription-list,
+.manage-subscription-row,
+.manage-subscription-row-heading,
+.manage-subscription-row-meta,
+.manage-subscription-support {
+  min-width: 0;
+  max-width: 100%;
+}
+
 .manage-subscription-inner {
   box-sizing: border-box;
   min-height: 100%;
@@ -300,6 +316,7 @@ const manageSubscriptionStyles = `
   border: 0;
   border-left: 4px solid var(--color-primary, #4db53f);
   border-radius: 6px;
+  box-sizing: border-box;
   background: var(--color-surface, #fff);
   color: var(--color-text, #262729);
   display: grid;
@@ -343,9 +360,11 @@ const manageSubscriptionStyles = `
   font-size: 15px;
   line-height: 1.25;
   font-weight: 800;
+  overflow-wrap: anywhere;
 }
 
 .manage-subscription-row-status {
+  flex-shrink: 0;
   border-radius: 999px;
   background: color-mix(in srgb, var(--color-warning, #f28100) 16%, var(--color-surface, #fff) 84%);
   color: var(--color-warning, #f28100);
@@ -360,12 +379,13 @@ const manageSubscriptionStyles = `
   font-size: 13px;
   line-height: 1.2;
   font-weight: 800;
+  overflow-wrap: anywhere;
 }
 
 .manage-subscription-row-meta {
   width: 100%;
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
   gap: 8px;
   color: color-mix(in srgb, var(--color-text, #262729) 68%, transparent);
   font-size: 11px;
@@ -373,6 +393,10 @@ const manageSubscriptionStyles = `
   line-height: 1.3;
 }
 
+.manage-subscription-row-meta span {
+  overflow-wrap: anywhere;
+}
+
 .manage-subscription-row-meta .is-active-until {
   color: var(--color-text, #262729);
   font-weight: 800;
@@ -384,12 +408,14 @@ const manageSubscriptionStyles = `
   font-size: 15px;
   line-height: 1.35;
   text-align: center;
+  overflow-wrap: anywhere;
 }
 
 .manage-subscription-support a {
   color: var(--color-secondary, var(--color-primary, #4db53f));
   text-decoration: underline;
   text-underline-offset: 3px;
+  overflow-wrap: anywhere;
 }
 
 .manage-subscription-muted,
@@ -449,6 +475,7 @@ const manageSubscriptionStyles = `
   min-height: 68px;
   border: 0;
   border-radius: 10px;
+  box-sizing: border-box;
   background: var(--color-surface, #fff);
   color: var(--color-text, #262729);
   display: grid;
@@ -480,6 +507,7 @@ const manageSubscriptionStyles = `
   min-height: 56px;
   border: 0;
   border-radius: 5px;
+  box-sizing: border-box;
   background: var(--color-primary, #4db53f);
   color: var(--color-primary-text, #fff);
   font-size: 19px;

package/dist/providers/stripe/useStripeSubscriptionCheckoutSession.d.ts

@@ -4,6 +4,7 @@ import { type CheckoutPreparationLoading } from '../paymentProvider.types.js';
 import type { PaywallDisplayPlan } from '../../services/paywallOffer.service.js';
 import { type PaywallPlan, type StripeRuntimeConfigOverrides } from '../../services/stripe.service.js';
 export type StripeSubscriptionCheckoutSessionInput = {
+    analyticsMetadata?: Record<string, unknown> | null;
     checkoutMode: RuntimeMode;
     couponId?: string | null;
     customerEmail?: string | null;
@@ -35,4 +36,4 @@ export type StripeSubscriptionCheckoutSession = {
     updateCheckoutSessionPlan: () => Promise<boolean>;
 };
 export declare function isInactiveCheckoutSessionError(message?: string | null): boolean;
-export declare function useStripeSubscriptionCheckoutSession({ checkoutMode, couponId, customerEmail, displayPlan, enabled, onError, plan, returnUrl, runtimeConfig, userId, }: StripeSubscriptionCheckoutSessionInput): StripeSubscriptionCheckoutSession;
+export declare function useStripeSubscriptionCheckoutSession({ checkoutMode, analyticsMetadata, couponId, customerEmail, displayPlan, enabled, onError, plan, returnUrl, runtimeConfig, userId, }: StripeSubscriptionCheckoutSessionInput): StripeSubscriptionCheckoutSession;

package/dist/providers/stripe/useStripeSubscriptionCheckoutSession.js

@@ -13,7 +13,7 @@ export function isInactiveCheckoutSessionError(message) {
     var _a;
     return /\bcheckout session\b.*\bno longer active\b/i.test((_a = message === null || message === void 0 ? void 0 : message.trim()) !== null && _a !== void 0 ? _a : '');
 }
-export function useStripeSubscriptionCheckoutSession({ checkoutMode, couponId, customerEmail, displayPlan, enabled = true, onError, plan, returnUrl, runtimeConfig, userId, }) {
+export function useStripeSubscriptionCheckoutSession({ checkoutMode, analyticsMetadata, couponId, customerEmail, displayPlan, enabled = true, onError, plan, returnUrl, runtimeConfig, userId, }) {
     var _a, _b, _c, _d, _e;
     const [clientSecret, setClientSecret] = useState(null);
     const [clientSecretIntentKey, setClientSecretIntentKey] = useState(null);
@@ -30,6 +30,7 @@ export function useStripeSubscriptionCheckoutSession({ checkoutMode, couponId, c
         normalizeRuntimeConfigValue(runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.funnelVersionId),
         normalizeRuntimeConfigValue(runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.funnelSdkPublishableKey),
     ].join('|');
+    const analyticsMetadataSignature = JSON.stringify(analyticsMetadata !== null && analyticsMetadata !== void 0 ? analyticsMetadata : {});
     const configured = enabled &&
         (isStripeConfigured(checkoutMode) ||
             Boolean(normalizeRuntimeConfigValue(runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.funnelSdkPublishableKey)));
@@ -37,6 +38,7 @@ export function useStripeSubscriptionCheckoutSession({ checkoutMode, couponId, c
         'stripe',
         checkoutMode,
         runtimeConfigSignature,
+        analyticsMetadataSignature,
         (couponId === null || couponId === void 0 ? void 0 : couponId.trim()) || '',
         returnUrl.trim(),
     ].join('|');
@@ -106,6 +108,7 @@ export function useStripeSubscriptionCheckoutSession({ checkoutMode, couponId, c
             try {
                 const response = await createStripeSubscriptionCheckout({
                     plan,
+                    analyticsMetadata,
                     couponId,
                     customerEmail,
                     returnUrl,
@@ -149,6 +152,7 @@ export function useStripeSubscriptionCheckoutSession({ checkoutMode, couponId, c
         return subscriptionRequest;
     }, [
         activeClientSecret,
+        analyticsMetadata,
         checkoutMode,
         clearActiveCheckoutSession,
         configured,
@@ -203,6 +207,7 @@ export function useStripeSubscriptionCheckoutSession({ checkoutMode, couponId, c
             await updateStripeSubscriptionCheckoutPlan({
                 checkoutSessionId: activeCheckoutSessionId,
                 plan,
+                analyticsMetadata,
                 couponId,
                 customerEmail,
                 user_id: userId,
@@ -219,6 +224,7 @@ export function useStripeSubscriptionCheckoutSession({ checkoutMode, couponId, c
     }, [
         activeCheckoutSessionId,
         activePlanKey,
+        analyticsMetadata,
         checkoutMode,
         configured,
         couponId,

package/dist/services/stripe.service.d.ts

@@ -54,6 +54,7 @@ type CreatePaymentIntentInput = {
     planId: string;
     amountCents: number;
     couponId?: string | null;
+    analyticsMetadata?: Record<string, unknown> | null;
     user_id?: string | null;
     environment?: RuntimeMode;
     runtimeConfig?: StripeRuntimeConfigOverrides;
@@ -67,6 +68,7 @@ export declare function createStripePaymentIntent(input: CreatePaymentIntentInpu
 type CreateSubscriptionCheckoutInput = {
     plan: CheckoutSessionPlanInput;
     couponId?: string | null;
+    analyticsMetadata?: Record<string, unknown> | null;
     customerEmail?: string | null;
     returnUrl: string;
     user_id?: string | null;
@@ -84,6 +86,7 @@ type UpdateSubscriptionCheckoutPlanInput = {
     checkoutSessionId: string;
     plan: CheckoutSessionPlanInput;
     couponId?: string | null;
+    analyticsMetadata?: Record<string, unknown> | null;
     customerEmail?: string | null;
     user_id?: string | null;
     environment?: RuntimeMode;
@@ -100,6 +103,7 @@ type CreateCheckoutSessionInput = {
     successUrl: string;
     cancelUrl: string;
     couponId?: string | null;
+    analyticsMetadata?: Record<string, unknown> | null;
     customerEmail?: string | null;
     user_id?: string | null;
     environment?: RuntimeMode;

package/dist/services/stripe.service.js

@@ -527,6 +527,13 @@ export const resolveCheckoutPlanRecurringConfig = (plan) => {
         inferCheckoutPlanRecurringFromText(plan.id) ||
         inferCheckoutPlanRecurringFromText(plan.description));
 };
+const normalizeAnalyticsMetadata = (metadata) => {
+    if (!metadata || !isRecord(metadata)) {
+        return undefined;
+    }
+    const normalized = Object.fromEntries(Object.entries(metadata).filter(([, value]) => value !== undefined && value !== null && value !== ''));
+    return Object.keys(normalized).length > 0 ? normalized : undefined;
+};
 export async function createStripePaymentIntent(input) {
     var _a, _b;
     const runtimeConfig = resolveStripeRuntimeConfig(input.runtimeConfig);
@@ -542,6 +549,7 @@ export async function createStripePaymentIntent(input) {
             planId: input.planId,
             amountCents: input.amountCents,
             couponId: ((_a = input.couponId) === null || _a === void 0 ? void 0 : _a.trim()) || undefined,
+            analyticsMetadata: normalizeAnalyticsMetadata(input.analyticsMetadata),
             user_id: ((_b = input.user_id) === null || _b === void 0 ? void 0 : _b.trim()) || undefined,
             environment: input.environment || undefined,
         }),
@@ -576,6 +584,7 @@ export async function createStripeSubscriptionCheckout(input) {
             billingInterval: recurring.interval,
             billingIntervalCount: recurring.intervalCount,
             couponId: ((_c = input.couponId) === null || _c === void 0 ? void 0 : _c.trim()) || undefined,
+            analyticsMetadata: normalizeAnalyticsMetadata(input.analyticsMetadata),
             customerEmail: ((_d = input.customerEmail) === null || _d === void 0 ? void 0 : _d.trim()) || undefined,
             returnUrl: input.returnUrl,
             user_id: ((_e = input.user_id) === null || _e === void 0 ? void 0 : _e.trim()) || undefined,
@@ -613,6 +622,7 @@ export async function updateStripeSubscriptionCheckoutPlan(input) {
             billingInterval: recurring.interval,
             billingIntervalCount: recurring.intervalCount,
             couponId: ((_c = input.couponId) === null || _c === void 0 ? void 0 : _c.trim()) || undefined,
+            analyticsMetadata: normalizeAnalyticsMetadata(input.analyticsMetadata),
             customerEmail: ((_d = input.customerEmail) === null || _d === void 0 ? void 0 : _d.trim()) || undefined,
             user_id: ((_e = input.user_id) === null || _e === void 0 ? void 0 : _e.trim()) || undefined,
             environment: input.environment || undefined,
@@ -648,6 +658,7 @@ export async function createStripeCheckoutSession(input) {
             billingInterval: recurring.interval,
             billingIntervalCount: recurring.intervalCount,
             couponId: ((_c = input.couponId) === null || _c === void 0 ? void 0 : _c.trim()) || undefined,
+            analyticsMetadata: normalizeAnalyticsMetadata(input.analyticsMetadata),
             successUrl: input.successUrl,
             cancelUrl: input.cancelUrl,
             customerEmail: ((_d = input.customerEmail) === null || _d === void 0 ? void 0 : _d.trim()) || undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/payments",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "type": "module",
   "private": false,
   "main": "./dist/index.js",
@@ -26,7 +26,7 @@
     "test:run": "vitest run --passWithNoTests"
   },
   "dependencies": {
-    "@funnelsgrove/runtime": "0.1.6",
+    "@funnelsgrove/runtime": "0.1.14",
     "@stripe/react-stripe-js": "^5.6.0",
     "@stripe/stripe-js": "^8.7.0",
     "react": "19.2.3",