@funnelsgrove/payments 0.1.22 → 0.1.24

package/dist/components/ManageSubscriptionScreen.js

@@ -238,18 +238,27 @@ const manageSubscriptionStyles = `
 .manage-subscription {
   position: absolute;
   inset: 0;
+  max-width: 100%;
   overflow-y: auto;
   box-sizing: border-box;
-  max-width: 100%;
   background: color-mix(in srgb, var(--color-primary, #4db53f) 8%, var(--color-surface, #fff) 92%);
   color: var(--color-text, #262729);
   font-family: var(--font-family-base, Inter, sans-serif);
 }
 
-.manage-subscription-inner {
-  box-sizing: border-box;
+.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%;
   padding: 22px 12px 32px;
 }
@@ -273,8 +282,6 @@ const manageSubscriptionStyles = `
 }
 
 .manage-subscription-section {
-  min-width: 0;
-  max-width: 100%;
   margin-top: 22px;
 }
 
@@ -301,18 +308,15 @@ const manageSubscriptionStyles = `
   display: grid;
   gap: 8px;
   list-style: none;
-  min-width: 0;
-  max-width: 100%;
 }
 
 .manage-subscription-row {
   width: 100%;
-  min-width: 0;
-  max-width: 100%;
   min-height: 118px;
   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;
@@ -346,8 +350,6 @@ const manageSubscriptionStyles = `
 
 .manage-subscription-row-heading {
   width: 100%;
-  min-width: 0;
-  max-width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -382,10 +384,8 @@ const manageSubscriptionStyles = `
 
 .manage-subscription-row-meta {
   width: 100%;
-  min-width: 0;
-  max-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;
@@ -403,8 +403,6 @@ const manageSubscriptionStyles = `
 }
 
 .manage-subscription-support {
-  min-width: 0;
-  max-width: 100%;
   margin: 30px 0 0;
   color: var(--color-text, #262729);
   font-size: 15px;
@@ -477,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;
@@ -508,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/components/shared/SharedStripeCheckoutDialog.d.ts

@@ -21,7 +21,7 @@ export type SharedStripeCheckoutDialogProps = {
     onCustomerEmailChange?: (value: string) => void;
     onCustomerEmailCommit?: (email: string) => Promise<string | null | void>;
     onError?: (message: string | null) => void;
-    onSuccess?: () => void;
+    onSuccess?: () => void | Promise<void>;
     paymentMethodLabels?: readonly string[];
     poweredByLabel: string;
     processingLabel: string;

package/dist/components/shared/SharedStripeCheckoutDialog.js

@@ -210,7 +210,7 @@ function SharedStripeCheckoutForm({ amountCents, clientSecret, closeAriaLabel, c
             }
             if (typeof window !== 'undefined' &&
                 isSuccessfulIntentStatus((_a = result.paymentIntent) === null || _a === void 0 ? void 0 : _a.status)) {
-                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+                await (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess());
                 window.location.assign(returnUrl);
                 return;
             }

package/dist/components/shared/SharedStripeCheckoutV2Dialog.d.ts

@@ -22,7 +22,7 @@ export type SharedStripeCheckoutV2DialogProps = {
     onCustomerEmailCommit?: (email: string) => Promise<string | null | void>;
     onError?: (message: string | null) => void;
     onInactiveCheckoutSession?: () => void;
-    onSuccess?: () => void;
+    onSuccess?: () => void | Promise<void>;
     paymentMethodLabels?: readonly string[];
     paypalButtonLabel: string;
     paypalLabel: string;

package/dist/components/shared/SharedStripeCheckoutV2Dialog.js

@@ -228,7 +228,7 @@ function SharedStripeCheckoutV2Form({ amountCents, buttonColor, cardSubmitLabel,
                 return;
             }
             if (typeof window !== 'undefined') {
-                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+                await (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess());
                 window.location.assign(returnUrl);
                 return;
             }

package/dist/components/shared/StripeCheckoutExpressCheckoutButton.d.ts

@@ -15,6 +15,6 @@ export type StripeCheckoutExpressCheckoutButtonProps = {
     onServerUpdate?: () => Promise<boolean>;
     onAvailabilityChange?: (available: boolean) => void;
     onError?: (message: string | null) => void;
-    onSuccess?: () => void;
+    onSuccess?: () => void | Promise<void>;
 };
 export declare function StripeCheckoutExpressCheckoutButton({ beforeConfirm, returnUrl, customerEmail, className, options, availabilityPaymentMethods, initialAvailable, keepInitialAvailableOnReady, serverUpdateKey, onServerUpdate, onAvailabilityChange, onError, onSuccess, }: StripeCheckoutExpressCheckoutButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/StripeCheckoutExpressCheckoutButton.js

@@ -135,7 +135,7 @@ export function StripeCheckoutExpressCheckoutButton({ beforeConfirm, returnUrl,
         }
         onError === null || onError === void 0 ? void 0 : onError(null);
         if (typeof window !== 'undefined') {
-            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+            await (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess());
             window.location.assign(returnUrl);
         }
     };

package/dist/components/shared/StripeExpressCheckoutButton.d.ts

@@ -13,6 +13,6 @@ export type StripeExpressCheckoutButtonProps = {
     keepInitialAvailableOnReady?: boolean;
     onAvailabilityChange?: (available: boolean) => void;
     onError?: (message: string | null) => void;
-    onSuccess?: () => void;
+    onSuccess?: () => void | Promise<void>;
 };
 export declare function StripeExpressCheckoutButton({ amountCents, beforeConfirm, summaryLabel, returnUrl, customerEmail, customerName, className, options, availabilityPaymentMethods, initialAvailable, keepInitialAvailableOnReady, onAvailabilityChange, onError, onSuccess, }: StripeExpressCheckoutButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/StripeExpressCheckoutButton.js

@@ -129,7 +129,7 @@ export function StripeExpressCheckoutButton({ amountCents, beforeConfirm, summar
         onError === null || onError === void 0 ? void 0 : onError(null);
         if (typeof window !== 'undefined' &&
             isSuccessfulIntentStatus((_a = result.paymentIntent) === null || _a === void 0 ? void 0 : _a.status)) {
-            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+            await (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess());
             window.location.assign(returnUrl);
         }
     };

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

@@ -18,7 +18,7 @@ export type WalletSubscriptionCheckoutSlotProps = {
     expressCheckoutAllowed?: boolean;
     onAvailabilityChange?: (available: boolean) => void;
     onError?: (message: string | null) => void;
-    onSuccess?: () => void;
+    onSuccess?: () => void | Promise<void>;
     onUnavailableClick?: () => Promise<void> | void;
     options?: Partial<StripeCheckoutExpressCheckoutElementOptions>;
     placeholderLabel: string;

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.22",
+  "version": "0.1.24",
   "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",