@metrifox/react-sdk 0.0.10 → 0.0.12

package/dist/index.d.ts

@@ -1,10 +1,83 @@
-import { PricingTableTheme } from 'src/modules/pricing-table/types/interface';
 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;
@@ -301,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;
@@ -363,15 +437,15 @@ declare const PricingTable: ({ checkoutUsername, productKey, plansOnly, singlePu
     showTabHeader?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const useGetCheckoutUrl: ({ offeringKey, billingInterval, customerKey, }: {
-    offeringKey: string;
-    billingInterval?: "monthly" | "yearly";
-    customerKey?: string;
-}) => {
-    checkoutUrl: string | null;
+declare const useCheckoutUrl: () => {
+    getCheckoutUrl: ({ offeringKey, billingInterval, customerKey, }: {
+        offeringKey: string;
+        billingInterval?: string;
+        customerKey?: string;
+    }) => Promise<string>;
     loading: boolean;
     error: unknown;
 };
 
-export { CustomerPortal, PriceCard, PricingTable, metrifoxInit, useGetCheckoutUrl };
+export { CustomerPortal, PriceCard, PricingTable, metrifoxInit, useCheckoutUrl };
 export type { Offering as ProductOffering };