@revenuecat/purchases-ui-js 2.0.2 → 2.0.3

package/dist/components/paywall/fixtures/variables.d.ts

@@ -0,0 +1,261 @@
+export declare const VARIABLES: Readonly<{
+    readonly $rc_weekly: {
+        readonly "product.price": "$2.99";
+        readonly "product.price_per_period": "$2.99/week";
+        readonly "product.price_per_period_abbreviated": "$2.99/wk";
+        readonly "product.price_per_day": "$0.43";
+        readonly "product.price_per_week": "$2.99";
+        readonly "product.price_per_month": "$11.96";
+        readonly "product.price_per_year": "$155.48";
+        readonly "product.period": "week";
+        readonly "product.period_abbreviated": "wk";
+        readonly "product.periodly": "weekly";
+        readonly "product.period_in_days": "7";
+        readonly "product.period_in_weeks": "1";
+        readonly "product.period_in_months": "0";
+        readonly "product.period_in_years": "0";
+        readonly "product.period_with_unit": "1 week";
+        readonly "product.currency_code": "USD";
+        readonly "product.currency_symbol": "$";
+        readonly "product.offer_price": "$1.99";
+        readonly "product.offer_price_per_day": "$0.07";
+        readonly "product.offer_price_per_week": "$0.50";
+        readonly "product.offer_price_per_month": "$1.99";
+        readonly "product.offer_price_per_year": "$23.88";
+        readonly "product.offer_period": "week";
+        readonly "product.offer_period_abbreviated": "wk";
+        readonly "product.offer_period_in_days": "7";
+        readonly "product.offer_period_in_weeks": "1";
+        readonly "product.offer_period_in_months": "0";
+        readonly "product.offer_period_in_years": "0";
+        readonly "product.offer_period_with_unit": "1 week";
+        readonly "product.offer_end_date": "December 31, 2024";
+        readonly "product.secondary_offer_price": "$2.99";
+        readonly "product.secondary_offer_period": "week";
+        readonly "product.secondary_offer_period_abbreviated": "wk";
+        readonly "product.relative_discount": "19%";
+        readonly "product.store_product_name": "Pro Access";
+    };
+    readonly $rc_monthly: {
+        readonly "product.price": "$9.99";
+        readonly "product.price_per_period": "$9.99/month";
+        readonly "product.price_per_period_abbreviated": "$9.99/mo";
+        readonly "product.price_per_day": "$0.33";
+        readonly "product.price_per_week": "$2.50";
+        readonly "product.price_per_month": "$9.99";
+        readonly "product.price_per_year": "$119.88";
+        readonly "product.period": "month";
+        readonly "product.period_abbreviated": "mo";
+        readonly "product.periodly": "monthly";
+        readonly "product.period_in_days": "30";
+        readonly "product.period_in_weeks": "4";
+        readonly "product.period_in_months": "1";
+        readonly "product.period_in_years": "0";
+        readonly "product.period_with_unit": "1 month";
+        readonly "product.currency_code": "USD";
+        readonly "product.currency_symbol": "$";
+        readonly "product.offer_price": "$1.99";
+        readonly "product.offer_price_per_day": "$0.07";
+        readonly "product.offer_price_per_week": "$0.50";
+        readonly "product.offer_price_per_month": "$1.99";
+        readonly "product.offer_price_per_year": "$23.88";
+        readonly "product.offer_period": "week";
+        readonly "product.offer_period_abbreviated": "wk";
+        readonly "product.offer_period_in_days": "7";
+        readonly "product.offer_period_in_weeks": "1";
+        readonly "product.offer_period_in_months": "0";
+        readonly "product.offer_period_in_years": "0";
+        readonly "product.offer_period_with_unit": "1 week";
+        readonly "product.offer_end_date": "December 31, 2024";
+        readonly "product.secondary_offer_price": "$2.99";
+        readonly "product.secondary_offer_period": "week";
+        readonly "product.secondary_offer_period_abbreviated": "wk";
+        readonly "product.relative_discount": "19%";
+        readonly "product.store_product_name": "Pro Access";
+    };
+    readonly $rc_two_month: {
+        readonly "product.price": "$17.99";
+        readonly "product.price_per_period": "$17.99/2 months";
+        readonly "product.price_per_period_abbreviated": "$17.99/2mo";
+        readonly "product.price_per_day": "$0.30";
+        readonly "product.price_per_week": "$2.25";
+        readonly "product.price_per_month": "$9.00";
+        readonly "product.price_per_year": "$107.94";
+        readonly "product.period": "2 months";
+        readonly "product.period_abbreviated": "2mo";
+        readonly "product.periodly": "2 months";
+        readonly "product.period_in_days": "60";
+        readonly "product.period_in_weeks": "8";
+        readonly "product.period_in_months": "2";
+        readonly "product.period_in_years": "0";
+        readonly "product.period_with_unit": "2 months";
+        readonly "product.currency_code": "USD";
+        readonly "product.currency_symbol": "$";
+        readonly "product.offer_price": "$1.99";
+        readonly "product.offer_price_per_day": "$0.07";
+        readonly "product.offer_price_per_week": "$0.50";
+        readonly "product.offer_price_per_month": "$1.99";
+        readonly "product.offer_price_per_year": "$23.88";
+        readonly "product.offer_period": "week";
+        readonly "product.offer_period_abbreviated": "wk";
+        readonly "product.offer_period_in_days": "7";
+        readonly "product.offer_period_in_weeks": "1";
+        readonly "product.offer_period_in_months": "0";
+        readonly "product.offer_period_in_years": "0";
+        readonly "product.offer_period_with_unit": "1 week";
+        readonly "product.offer_end_date": "December 31, 2024";
+        readonly "product.secondary_offer_price": "$2.99";
+        readonly "product.secondary_offer_period": "week";
+        readonly "product.secondary_offer_period_abbreviated": "wk";
+        readonly "product.relative_discount": "19%";
+        readonly "product.store_product_name": "Pro Access";
+    };
+    readonly $rc_three_month: {
+        readonly "product.price": "$24.99";
+        readonly "product.price_per_period": "$24.99/3 months";
+        readonly "product.price_per_period_abbreviated": "$24.99/3mo";
+        readonly "product.price_per_day": "$0.28";
+        readonly "product.price_per_week": "$1.92";
+        readonly "product.price_per_month": "$8.33";
+        readonly "product.price_per_year": "$99.96";
+        readonly "product.period": "3 months";
+        readonly "product.period_abbreviated": "3mo";
+        readonly "product.periodly": "3 months";
+        readonly "product.period_in_days": "90";
+        readonly "product.period_in_weeks": "13";
+        readonly "product.period_in_months": "3";
+        readonly "product.period_in_years": "0";
+        readonly "product.period_with_unit": "3 months";
+        readonly "product.currency_code": "USD";
+        readonly "product.currency_symbol": "$";
+        readonly "product.offer_price": "$1.99";
+        readonly "product.offer_price_per_day": "$0.07";
+        readonly "product.offer_price_per_week": "$0.50";
+        readonly "product.offer_price_per_month": "$1.99";
+        readonly "product.offer_price_per_year": "$23.88";
+        readonly "product.offer_period": "week";
+        readonly "product.offer_period_abbreviated": "wk";
+        readonly "product.offer_period_in_days": "7";
+        readonly "product.offer_period_in_weeks": "1";
+        readonly "product.offer_period_in_months": "0";
+        readonly "product.offer_period_in_years": "0";
+        readonly "product.offer_period_with_unit": "1 week";
+        readonly "product.offer_end_date": "December 31, 2024";
+        readonly "product.secondary_offer_price": "$2.99";
+        readonly "product.secondary_offer_period": "week";
+        readonly "product.secondary_offer_period_abbreviated": "wk";
+        readonly "product.relative_discount": "19%";
+        readonly "product.store_product_name": "Pro Access";
+    };
+    readonly $rc_six_month: {
+        readonly "product.price": "$39.99";
+        readonly "product.price_per_period": "$39.99/6 months";
+        readonly "product.price_per_period_abbreviated": "$39.99/6mo";
+        readonly "product.price_per_day": "$0.22";
+        readonly "product.price_per_week": "$1.54";
+        readonly "product.price_per_month": "$6.67";
+        readonly "product.price_per_year": "$79.98";
+        readonly "product.period": "6 months";
+        readonly "product.period_abbreviated": "6mo";
+        readonly "product.periodly": "6 months";
+        readonly "product.period_in_days": "180";
+        readonly "product.period_in_weeks": "13";
+        readonly "product.period_in_months": "6";
+        readonly "product.period_in_years": "0";
+        readonly "product.period_with_unit": "6 months";
+        readonly "product.currency_code": "USD";
+        readonly "product.currency_symbol": "$";
+        readonly "product.offer_price": "$1.99";
+        readonly "product.offer_price_per_day": "$0.07";
+        readonly "product.offer_price_per_week": "$0.50";
+        readonly "product.offer_price_per_month": "$1.99";
+        readonly "product.offer_price_per_year": "$23.88";
+        readonly "product.offer_period": "week";
+        readonly "product.offer_period_abbreviated": "wk";
+        readonly "product.offer_period_in_days": "7";
+        readonly "product.offer_period_in_weeks": "1";
+        readonly "product.offer_period_in_months": "0";
+        readonly "product.offer_period_in_years": "0";
+        readonly "product.offer_period_with_unit": "1 week";
+        readonly "product.offer_end_date": "December 31, 2024";
+        readonly "product.secondary_offer_price": "$2.99";
+        readonly "product.secondary_offer_period": "week";
+        readonly "product.secondary_offer_period_abbreviated": "wk";
+        readonly "product.relative_discount": "19%";
+        readonly "product.store_product_name": "Pro Access";
+    };
+    readonly $rc_annual: {
+        readonly "product.price": "$69.99";
+        readonly "product.price_per_period": "$69.99/year";
+        readonly "product.price_per_period_abbreviated": "$69.99/yr";
+        readonly "product.price_per_day": "$0.19";
+        readonly "product.price_per_week": "$1.35";
+        readonly "product.price_per_month": "$5.83";
+        readonly "product.price_per_year": "$69.99";
+        readonly "product.period": "year";
+        readonly "product.period_abbreviated": "yr";
+        readonly "product.periodly": "yearly";
+        readonly "product.period_in_days": "365";
+        readonly "product.period_in_weeks": "52";
+        readonly "product.period_in_months": "12";
+        readonly "product.period_in_years": "1";
+        readonly "product.period_with_unit": "1 year";
+        readonly "product.currency_code": "USD";
+        readonly "product.currency_symbol": "$";
+        readonly "product.offer_price": "$1.99";
+        readonly "product.offer_price_per_day": "$0.07";
+        readonly "product.offer_price_per_week": "$0.50";
+        readonly "product.offer_price_per_month": "$1.99";
+        readonly "product.offer_price_per_year": "$23.88";
+        readonly "product.offer_period": "week";
+        readonly "product.offer_period_abbreviated": "wk";
+        readonly "product.offer_period_in_days": "7";
+        readonly "product.offer_period_in_weeks": "1";
+        readonly "product.offer_period_in_months": "0";
+        readonly "product.offer_period_in_years": "0";
+        readonly "product.offer_period_with_unit": "1 week";
+        readonly "product.offer_end_date": "December 31, 2024";
+        readonly "product.secondary_offer_price": "$2.99";
+        readonly "product.secondary_offer_period": "week";
+        readonly "product.secondary_offer_period_abbreviated": "wk";
+        readonly "product.relative_discount": "19%";
+        readonly "product.store_product_name": "Pro Access";
+    };
+    readonly $rc_lifetime: {
+        readonly "product.price": "$119.99";
+        readonly "product.price_per_period": "$119.99";
+        readonly "product.price_per_period_abbreviated": "$119.99";
+        readonly "product.price_per_day": "$119.99";
+        readonly "product.price_per_week": "$119.99";
+        readonly "product.price_per_month": "$119.99";
+        readonly "product.price_per_year": "$119.99";
+        readonly "product.period": "lifetime";
+        readonly "product.period_abbreviated": "lifetime";
+        readonly "product.periodly": "lifetime";
+        readonly "product.period_in_days": "";
+        readonly "product.period_in_weeks": "";
+        readonly "product.period_in_months": "";
+        readonly "product.period_in_years": "";
+        readonly "product.period_with_unit": "lifetime";
+        readonly "product.currency_code": "USD";
+        readonly "product.currency_symbol": "$";
+        readonly "product.offer_price": "";
+        readonly "product.offer_price_per_day": "";
+        readonly "product.offer_price_per_week": "";
+        readonly "product.offer_price_per_month": "";
+        readonly "product.offer_price_per_year": "";
+        readonly "product.offer_period": "";
+        readonly "product.offer_period_abbreviated": "";
+        readonly "product.offer_period_in_days": "";
+        readonly "product.offer_period_in_weeks": "";
+        readonly "product.offer_period_in_months": "";
+        readonly "product.offer_period_in_years": "";
+        readonly "product.offer_period_with_unit": "";
+        readonly "product.offer_end_date": "";
+        readonly "product.secondary_offer_price": "";
+        readonly "product.secondary_offer_period": "";
+        readonly "product.secondary_offer_period_abbreviated": "";
+        readonly "product.relative_discount": "19%";
+        readonly "product.store_product_name": "Pro Access";
+    };
+}>;

package/dist/components/paywall/fixtures/variables.js

@@ -0,0 +1,262 @@
+import { PackageIdentifier, } from "../../../types/variables";
+export const VARIABLES = Object.freeze({
+    [PackageIdentifier.weekly]: {
+        "product.price": "$2.99",
+        "product.price_per_period": "$2.99/week",
+        "product.price_per_period_abbreviated": "$2.99/wk",
+        "product.price_per_day": "$0.43",
+        "product.price_per_week": "$2.99",
+        "product.price_per_month": "$11.96",
+        "product.price_per_year": "$155.48",
+        "product.period": "week",
+        "product.period_abbreviated": "wk",
+        "product.periodly": "weekly",
+        "product.period_in_days": "7",
+        "product.period_in_weeks": "1",
+        "product.period_in_months": "0",
+        "product.period_in_years": "0",
+        "product.period_with_unit": "1 week",
+        "product.currency_code": "USD",
+        "product.currency_symbol": "$",
+        "product.offer_price": "$1.99",
+        "product.offer_price_per_day": "$0.07",
+        "product.offer_price_per_week": "$0.50",
+        "product.offer_price_per_month": "$1.99",
+        "product.offer_price_per_year": "$23.88",
+        "product.offer_period": "week",
+        "product.offer_period_abbreviated": "wk",
+        "product.offer_period_in_days": "7",
+        "product.offer_period_in_weeks": "1",
+        "product.offer_period_in_months": "0",
+        "product.offer_period_in_years": "0",
+        "product.offer_period_with_unit": "1 week",
+        "product.offer_end_date": "December 31, 2024",
+        "product.secondary_offer_price": "$2.99",
+        "product.secondary_offer_period": "week",
+        "product.secondary_offer_period_abbreviated": "wk",
+        "product.relative_discount": "19%",
+        "product.store_product_name": "Pro Access",
+    },
+    [PackageIdentifier.monthly]: {
+        "product.price": "$9.99",
+        "product.price_per_period": "$9.99/month",
+        "product.price_per_period_abbreviated": "$9.99/mo",
+        "product.price_per_day": "$0.33",
+        "product.price_per_week": "$2.50",
+        "product.price_per_month": "$9.99",
+        "product.price_per_year": "$119.88",
+        "product.period": "month",
+        "product.period_abbreviated": "mo",
+        "product.periodly": "monthly",
+        "product.period_in_days": "30",
+        "product.period_in_weeks": "4",
+        "product.period_in_months": "1",
+        "product.period_in_years": "0",
+        "product.period_with_unit": "1 month",
+        "product.currency_code": "USD",
+        "product.currency_symbol": "$",
+        "product.offer_price": "$1.99",
+        "product.offer_price_per_day": "$0.07",
+        "product.offer_price_per_week": "$0.50",
+        "product.offer_price_per_month": "$1.99",
+        "product.offer_price_per_year": "$23.88",
+        "product.offer_period": "week",
+        "product.offer_period_abbreviated": "wk",
+        "product.offer_period_in_days": "7",
+        "product.offer_period_in_weeks": "1",
+        "product.offer_period_in_months": "0",
+        "product.offer_period_in_years": "0",
+        "product.offer_period_with_unit": "1 week",
+        "product.offer_end_date": "December 31, 2024",
+        "product.secondary_offer_price": "$2.99",
+        "product.secondary_offer_period": "week",
+        "product.secondary_offer_period_abbreviated": "wk",
+        "product.relative_discount": "19%",
+        "product.store_product_name": "Pro Access",
+    },
+    [PackageIdentifier.two_month]: {
+        "product.price": "$17.99",
+        "product.price_per_period": "$17.99/2 months",
+        "product.price_per_period_abbreviated": "$17.99/2mo",
+        "product.price_per_day": "$0.30",
+        "product.price_per_week": "$2.25",
+        "product.price_per_month": "$9.00",
+        "product.price_per_year": "$107.94",
+        "product.period": "2 months",
+        "product.period_abbreviated": "2mo",
+        "product.periodly": "2 months",
+        "product.period_in_days": "60",
+        "product.period_in_weeks": "8",
+        "product.period_in_months": "2",
+        "product.period_in_years": "0",
+        "product.period_with_unit": "2 months",
+        "product.currency_code": "USD",
+        "product.currency_symbol": "$",
+        "product.offer_price": "$1.99",
+        "product.offer_price_per_day": "$0.07",
+        "product.offer_price_per_week": "$0.50",
+        "product.offer_price_per_month": "$1.99",
+        "product.offer_price_per_year": "$23.88",
+        "product.offer_period": "week",
+        "product.offer_period_abbreviated": "wk",
+        "product.offer_period_in_days": "7",
+        "product.offer_period_in_weeks": "1",
+        "product.offer_period_in_months": "0",
+        "product.offer_period_in_years": "0",
+        "product.offer_period_with_unit": "1 week",
+        "product.offer_end_date": "December 31, 2024",
+        "product.secondary_offer_price": "$2.99",
+        "product.secondary_offer_period": "week",
+        "product.secondary_offer_period_abbreviated": "wk",
+        "product.relative_discount": "19%",
+        "product.store_product_name": "Pro Access",
+    },
+    [PackageIdentifier.three_month]: {
+        "product.price": "$24.99",
+        "product.price_per_period": "$24.99/3 months",
+        "product.price_per_period_abbreviated": "$24.99/3mo",
+        "product.price_per_day": "$0.28",
+        "product.price_per_week": "$1.92",
+        "product.price_per_month": "$8.33",
+        "product.price_per_year": "$99.96",
+        "product.period": "3 months",
+        "product.period_abbreviated": "3mo",
+        "product.periodly": "3 months",
+        "product.period_in_days": "90",
+        "product.period_in_weeks": "13",
+        "product.period_in_months": "3",
+        "product.period_in_years": "0",
+        "product.period_with_unit": "3 months",
+        "product.currency_code": "USD",
+        "product.currency_symbol": "$",
+        "product.offer_price": "$1.99",
+        "product.offer_price_per_day": "$0.07",
+        "product.offer_price_per_week": "$0.50",
+        "product.offer_price_per_month": "$1.99",
+        "product.offer_price_per_year": "$23.88",
+        "product.offer_period": "week",
+        "product.offer_period_abbreviated": "wk",
+        "product.offer_period_in_days": "7",
+        "product.offer_period_in_weeks": "1",
+        "product.offer_period_in_months": "0",
+        "product.offer_period_in_years": "0",
+        "product.offer_period_with_unit": "1 week",
+        "product.offer_end_date": "December 31, 2024",
+        "product.secondary_offer_price": "$2.99",
+        "product.secondary_offer_period": "week",
+        "product.secondary_offer_period_abbreviated": "wk",
+        "product.relative_discount": "19%",
+        "product.store_product_name": "Pro Access",
+    },
+    [PackageIdentifier.six_month]: {
+        "product.price": "$39.99",
+        "product.price_per_period": "$39.99/6 months",
+        "product.price_per_period_abbreviated": "$39.99/6mo",
+        "product.price_per_day": "$0.22",
+        "product.price_per_week": "$1.54",
+        "product.price_per_month": "$6.67",
+        "product.price_per_year": "$79.98",
+        "product.period": "6 months",
+        "product.period_abbreviated": "6mo",
+        "product.periodly": "6 months",
+        "product.period_in_days": "180",
+        "product.period_in_weeks": "13",
+        "product.period_in_months": "6",
+        "product.period_in_years": "0",
+        "product.period_with_unit": "6 months",
+        "product.currency_code": "USD",
+        "product.currency_symbol": "$",
+        "product.offer_price": "$1.99",
+        "product.offer_price_per_day": "$0.07",
+        "product.offer_price_per_week": "$0.50",
+        "product.offer_price_per_month": "$1.99",
+        "product.offer_price_per_year": "$23.88",
+        "product.offer_period": "week",
+        "product.offer_period_abbreviated": "wk",
+        "product.offer_period_in_days": "7",
+        "product.offer_period_in_weeks": "1",
+        "product.offer_period_in_months": "0",
+        "product.offer_period_in_years": "0",
+        "product.offer_period_with_unit": "1 week",
+        "product.offer_end_date": "December 31, 2024",
+        "product.secondary_offer_price": "$2.99",
+        "product.secondary_offer_period": "week",
+        "product.secondary_offer_period_abbreviated": "wk",
+        "product.relative_discount": "19%",
+        "product.store_product_name": "Pro Access",
+    },
+    [PackageIdentifier.annual]: {
+        "product.price": "$69.99",
+        "product.price_per_period": "$69.99/year",
+        "product.price_per_period_abbreviated": "$69.99/yr",
+        "product.price_per_day": "$0.19",
+        "product.price_per_week": "$1.35",
+        "product.price_per_month": "$5.83",
+        "product.price_per_year": "$69.99",
+        "product.period": "year",
+        "product.period_abbreviated": "yr",
+        "product.periodly": "yearly",
+        "product.period_in_days": "365",
+        "product.period_in_weeks": "52",
+        "product.period_in_months": "12",
+        "product.period_in_years": "1",
+        "product.period_with_unit": "1 year",
+        "product.currency_code": "USD",
+        "product.currency_symbol": "$",
+        "product.offer_price": "$1.99",
+        "product.offer_price_per_day": "$0.07",
+        "product.offer_price_per_week": "$0.50",
+        "product.offer_price_per_month": "$1.99",
+        "product.offer_price_per_year": "$23.88",
+        "product.offer_period": "week",
+        "product.offer_period_abbreviated": "wk",
+        "product.offer_period_in_days": "7",
+        "product.offer_period_in_weeks": "1",
+        "product.offer_period_in_months": "0",
+        "product.offer_period_in_years": "0",
+        "product.offer_period_with_unit": "1 week",
+        "product.offer_end_date": "December 31, 2024",
+        "product.secondary_offer_price": "$2.99",
+        "product.secondary_offer_period": "week",
+        "product.secondary_offer_period_abbreviated": "wk",
+        "product.relative_discount": "19%",
+        "product.store_product_name": "Pro Access",
+    },
+    [PackageIdentifier.lifetime]: {
+        "product.price": "$119.99",
+        "product.price_per_period": "$119.99",
+        "product.price_per_period_abbreviated": "$119.99",
+        "product.price_per_day": "$119.99",
+        "product.price_per_week": "$119.99",
+        "product.price_per_month": "$119.99",
+        "product.price_per_year": "$119.99",
+        "product.period": "lifetime",
+        "product.period_abbreviated": "lifetime",
+        "product.periodly": "lifetime",
+        "product.period_in_days": "",
+        "product.period_in_weeks": "",
+        "product.period_in_months": "",
+        "product.period_in_years": "",
+        "product.period_with_unit": "lifetime",
+        "product.currency_code": "USD",
+        "product.currency_symbol": "$",
+        "product.offer_price": "",
+        "product.offer_price_per_day": "",
+        "product.offer_price_per_week": "",
+        "product.offer_price_per_month": "",
+        "product.offer_price_per_year": "",
+        "product.offer_period": "",
+        "product.offer_period_abbreviated": "",
+        "product.offer_period_in_days": "",
+        "product.offer_period_in_weeks": "",
+        "product.offer_period_in_months": "",
+        "product.offer_period_in_years": "",
+        "product.offer_period_with_unit": "",
+        "product.offer_end_date": "",
+        "product.secondary_offer_price": "",
+        "product.secondary_offer_period": "",
+        "product.secondary_offer_period_abbreviated": "",
+        "product.relative_discount": "19%",
+        "product.store_product_name": "Pro Access",
+    },
+});

package/dist/components/purchase-button/PurchaseButton.stories.svelte

@@ -1,6 +1,8 @@
 <script module lang="ts">
   import PurchaseButton from "./PurchaseButton.svelte";
+  import { componentDecorator } from "../../stories/component-decorator";
   import { localizationDecorator } from "../../stories/localization-decorator";
+  import type { PurchaseButtonProps } from "../../types/components/purchase-button";
   import { defineMeta } from "@storybook/addon-svelte-csf";
 
   const defaultLocale = "en_US";
@@ -9,8 +11,8 @@
   const { Story } = defineMeta({
     title: "Components/PurchaseButton",
     component: PurchaseButton,
-    tags: ["autodocs"],
     decorators: [
+      componentDecorator(),
       localizationDecorator({
         defaultLocale,
         localizations: {
@@ -20,28 +22,19 @@
         },
       }),
     ],
-    argTypes: {
-      stack: {
-        control: { type: "object" },
-        description: "Stack configuration for button content",
-        table: {
-          type: {
-            summary: "object",
-            detail: "StackProps",
-          },
-        },
-      },
-    },
   });
 </script>
 
-<!-- Default button -->
 <Story
   name="Default button"
   args={{
-    id: "mjaE9fOv5z",
-    name: "Purchase_button",
+    type: "purchase_button",
+    id: "purchase-button",
+    name: "Purchase button",
     stack: {
+      type: "stack",
+      id: "pbvAUBvilP",
+      name: "Stack",
       background_color: {
         light: {
           type: "hex",
@@ -103,14 +96,12 @@
         alignment: "center",
         distribution: "center",
       },
-      id: "pbvAUBvilP",
       margin: {
         bottom: 16,
         leading: 16,
         top: 16,
         trailing: 16,
       },
-      name: "Stack",
       padding: {
         bottom: 16,
         leading: 16,
@@ -137,8 +128,6 @@
         },
       },
       spacing: 8,
-      type: "stack",
     },
-    type: "purchase_button",
-  }}
+  } satisfies PurchaseButtonProps}
 />

package/dist/components/purchase-button/PurchaseButton.svelte

@@ -1,36 +1,11 @@
 <script lang="ts">
-  import { getPurchaseButtonStyles } from "./purchase-button-utils";
   import Stack from "../stack/Stack.svelte";
-  import { ButtonDeprecated } from "../../index";
   import { getPaywallContext } from "../../stores/paywall";
   import type { PurchaseButtonProps } from "../../types/components/purchase-button";
 
-  const { stack, zStackChildStyles, ...restProps }: PurchaseButtonProps =
-    $props();
+  const { stack }: PurchaseButtonProps = $props();
 
   const { onPurchase } = getPaywallContext();
-
-  const buttonStyles = $derived(
-    getPurchaseButtonStyles({
-      stack,
-      zStackChildStyles,
-      ...restProps,
-    }),
-  );
 </script>
 
-<ButtonDeprecated
-  onclick={onPurchase}
-  class="rc-pw-purchase-button"
-  style={buttonStyles}
->
-  <Stack {...stack} />
-</ButtonDeprecated>
-
-<style>
-  .rc-pw-purchase-button {
-    position: var(--purchase-button-position, relative);
-    inset: var(--purchase-button-inset, 0);
-    transform: var(--purchase-button-transform, initial);
-  }
-</style>
+<Stack {...stack} onclick={onPurchase} />