@metrifox/react-sdk 0.0.9 → 0.0.11

package/dist/index.d.ts

@@ -1,9 +1,84 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentType } from 'react';
 
+interface PricingTableTheme {
+    card?: CardTheme;
+    button?: ButtonTheme;
+    featureList?: FeatureListTheme;
+    tabs?: TabsTheme;
+    intervalToggle?: IntervalToggleTheme;
+    currentSubscriptionCard?: CurrentSubscriptionCard;
+    freeTrialTag?: FreeTrialTheme;
+    checkoutBar?: CheckoutBarTheme;
+}
+interface CardTheme {
+    background?: string;
+    borderColor?: string;
+    descriptionColor?: string;
+    header?: CardHeaderTheme;
+    description?: CardDescriptionTheme;
+    price?: CardPriceTheme;
+}
+interface CardHeaderTheme {
+    background?: string;
+    textColor?: string;
+}
+interface CardDescriptionTheme {
+    textColor?: string;
+    textButtonColor?: string;
+}
+interface CardPriceTheme {
+    amountColor?: string;
+    primaryTextColor?: string;
+    secondaryTextColor?: string;
+    textButtonColor?: string;
+    background?: string;
+    borderColor?: string;
+}
+interface ButtonTheme {
+    background?: string;
+    textColor?: string;
+    secondaryBackground?: string;
+    secondaryTextColor?: string;
+    textButtonColor?: string;
+}
+interface FeatureListTheme {
+    textColor?: string;
+    iconColor?: string;
+}
+interface TabsTheme {
+    inactiveText?: string;
+    activeText?: string;
+    indicator?: string;
+    borderColor?: string;
+}
+interface IntervalToggleTheme {
+    background?: string;
+    activeBackground?: string;
+    activeText?: string;
+    inactiveText?: string;
+}
+interface CurrentSubscriptionCard {
+    header: CardHeaderTheme;
+    gradientColor?: string;
+}
+interface FreeTrialTheme {
+    background?: string;
+    textColor?: string;
+}
+interface CheckoutBarTheme {
+    background?: string;
+    borderColor?: string;
+    textColor?: string;
+    buttonBackground?: string;
+    buttonTextColor?: string;
+}
+
 interface MetrifoxInitConfig {
     clientKey: string;
     baseUrl?: string;
+    webAppUrl?: string;
+    pricingTableTheme?: PricingTableTheme;
 }
 declare const metrifoxInit: (config: MetrifoxInitConfig) => void;
 
@@ -299,6 +374,7 @@ interface Tier {
     min_price: number | null;
     max_price: number | null;
     flat_fee: number | null;
+    total_unit_quantity: number | null;
 }
 interface Entitlement {
     carryover_enabled: boolean;
@@ -353,5 +429,23 @@ declare const PriceCard: ({ plan, interval, featureOrderMap, isPricePage, isCust
     buttonAction?: () => void;
 }) => react_jsx_runtime.JSX.Element | null;
 
-export { CustomerPortal, PriceCard, metrifoxInit };
+declare const PricingTable: ({ checkoutUsername, productKey, plansOnly, singlePurchasesOnly, showTabHeader, }: {
+    checkoutUsername: string;
+    productKey: string;
+    plansOnly?: boolean;
+    singlePurchasesOnly?: boolean;
+    showTabHeader?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const useCheckoutUrl: () => {
+    getCheckoutUrl: ({ offeringKey, billingInterval, customerKey, }: {
+        offeringKey: string;
+        billingInterval?: string;
+        customerKey?: string;
+    }) => Promise<string>;
+    loading: boolean;
+    error: unknown;
+};
+
+export { CustomerPortal, PriceCard, PricingTable, metrifoxInit, useCheckoutUrl };
 export type { Offering as ProductOffering };