@srimandir/kundli-generator 10.0.2 → 10.0.4

package/dist/components/KundliPage/sections/WhatYoullFindSection/WhatYoullFindSection.d.ts

@@ -0,0 +1,7 @@
+export interface WhatYoullFindSectionProps {
+    t: (key: string) => string;
+    /** Optional image URLs per item (same order as ITEMS) */
+    imageUrls?: (string | undefined)[];
+    className?: string;
+}
+export declare const WhatYoullFindSection: React.FC<WhatYoullFindSectionProps>;

package/dist/components/KundliPage/sections/WhatYoullFindSection/index.d.ts

@@ -0,0 +1,2 @@
+export { WhatYoullFindSection } from './WhatYoullFindSection';
+export type { WhatYoullFindSectionProps } from './WhatYoullFindSection';

package/dist/components/KundliPage/sections/WhyUsSection/WhyUsSection.d.ts

@@ -0,0 +1,5 @@
+export interface WhyUsSectionProps {
+    t: (key: string) => string;
+    className?: string;
+}
+export declare const WhyUsSection: React.FC<WhyUsSectionProps>;

package/dist/components/KundliPage/sections/WhyUsSection/index.d.ts

@@ -0,0 +1,2 @@
+export { WhyUsSection } from './WhyUsSection';
+export type { WhyUsSectionProps } from './WhyUsSection';

package/dist/components/KundliPage/sections/index.d.ts

@@ -0,0 +1,13 @@
+export { KundliHeader } from './KundliHeader';
+export { HeroSection } from './HeroSection';
+export { UtmBannerSection } from './UtmBannerSection';
+export { PremiumReportOverview } from './PremiumReportOverview';
+export { UniversityCertification } from './UniversityCertification';
+export { ThreeStepsProcess } from './ThreeStepsProcess';
+export { ViewSampleReportButton } from './ViewSampleReportButton';
+export { WhatYoullFindSection } from './WhatYoullFindSection';
+export { WhyUsSection } from './WhyUsSection';
+export { FeedbackSection } from './FeedbackSection';
+export { FAQSection } from './FAQSection';
+export { ContactUsSection } from './ContactUsSection';
+export { CTAFooter, TrustBadgesRow } from './CTAFooter';

package/dist/components/KundliPlanBottomSheet/AstrologerCard.d.ts

@@ -0,0 +1,10 @@
+import { KundliPlanAstrologer } from './types';
+export interface AstrologerCardProps {
+    astrologer: KundliPlanAstrologer;
+    t?: (key: string, options?: any) => string;
+}
+/**
+ * Displays a single astrologer's avatar, name, experience and certifications.
+ * Used inside the "Kundli Report + Astrologer Guidance" plan card.
+ */
+export declare const AstrologerCard: React.FC<AstrologerCardProps>;

package/dist/components/KundliPlanBottomSheet/AstrologerDetails.d.ts

@@ -0,0 +1,19 @@
+export declare const ASTROLOGERS: readonly [{
+    readonly id: "jyoti";
+    readonly name: "planAstrologerNameJyoti";
+    readonly imageUrl: "https://srm-cdn.a4b.io/yoda/1773992823100.webp";
+    readonly experience: "planAstrologerExpJyoti";
+    readonly certifications: readonly ["planAstrologerCertCertifiedJyotish", "planAstrologerCertAccurateSolutions"];
+}, {
+    readonly id: "samiksha";
+    readonly name: "planAstrologerNameSamiksha";
+    readonly imageUrl: "https://srm-cdn.a4b.io/yoda/1773992841106.webp";
+    readonly experience: "planAstrologerExpSamiksha";
+    readonly certifications: readonly ["planAstrologerCertVedicAstrology", "planAstrologerCertResultOriented"];
+}, {
+    readonly id: "neeraj";
+    readonly name: "planAstrologerNameNeeraj";
+    readonly imageUrl: "https://srm-cdn.a4b.io/yoda/1773992858276.webp";
+    readonly experience: "planAstrologerExpNeeraj";
+    readonly certifications: readonly ["planAstrologerCertBhuCertified", "planAstrologerCertMantraRudraksha"];
+}];

package/dist/components/KundliPlanBottomSheet/ConsultationSlotFields.d.ts

@@ -0,0 +1,54 @@
+import { KundliPlanAstrologer, ConsultationSlotSelection } from './types';
+import { KundliAnalytics } from '../../analytics';
+export interface ConsultationSlotFieldsProps {
+    onProceed: (selection: ConsultationSlotSelection) => void;
+    astrologers: KundliPlanAstrologer[];
+    t?: (key: string, options?: any) => string | undefined;
+    analytics?: KundliAnalytics;
+    /**
+     * Report language the user selected in the kundli form (e.g. "hi", "te").
+     * Drives which consultation language is preselected (see
+     * `getDefaultConsultationLanguage`). Defaults to `KundliContext`'s live
+     * `formValues.language_code` when not passed explicitly — callers not
+     * connected to that context (e.g. a standalone post-payment screen) must
+     * pass it.
+     */
+    reportLanguage?: string;
+    /**
+     * True for the "Book slot again" retry flow / any post-payment booking
+     * screen (payment already succeeded) — false/omitted for the original
+     * pre-payment booking flow. Tags every analytics event fired here with
+     * `status: "pre_payment" | "post_payment"`.
+     */
+    isPostPayment?: boolean;
+    /**
+     * Whether to show the guidance-topic picker below the slot grid. Defaults
+     * to `!isPostPayment` (the original behavior: ask once, pre-payment; the
+     * retry modal reuses the topic already captured then). Pass explicitly
+     * when a caller needs the two independent — e.g. a host that collects the
+     * topic post-payment on first booking still wants it asked even though
+     * `isPostPayment` is (correctly, for analytics) `true`.
+     */
+    showGuidanceTopic?: boolean;
+    /**
+     * When true, this component renders no footer of its own (no trust row,
+     * no proceed button) — instead it reports proceed-readiness via
+     * `onStateChange`, and the host renders its own CTA (e.g. pinned to the
+     * bottom of its own page layout, since this component has no opinion on
+     * where it's embedded). Defaults to false (renders its own footer,
+     * unchanged from before).
+     */
+    hideFooter?: boolean;
+    /**
+     * Only meaningful when `hideFooter` is true. Called whenever proceed
+     * readiness changes (and once on mount) with the current `canProceed`
+     * flag and a `proceed()` function the host can wire to its own button —
+     * `proceed()` always acts on the latest selection, even if called long
+     * after the last `onStateChange` firing.
+     */
+    onStateChange?: (state: {
+        canProceed: boolean;
+        proceed: () => void;
+    }) => void;
+}
+export declare const ConsultationSlotFields: React.FC<ConsultationSlotFieldsProps>;

package/dist/components/KundliPlanBottomSheet/ConsultationSlotModal.d.ts

@@ -0,0 +1,6 @@
+import { ConsultationSlotFieldsProps } from './ConsultationSlotFields';
+export interface ConsultationSlotModalProps extends ConsultationSlotFieldsProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare const ConsultationSlotModal: React.FC<ConsultationSlotModalProps>;

package/dist/components/KundliPlanBottomSheet/KundliPlanBottomSheet.d.ts

@@ -0,0 +1,37 @@
+import { KundliPlan, ConsultationSlotSelection } from './types';
+import { KundliAnalytics } from '../../analytics';
+export interface KundliPlanBottomSheetProps {
+    isOpen: boolean;
+    onClose: () => void;
+    selectedPlan: KundliPlan | null;
+    onSelectPlan: (plan: KundliPlan) => void;
+    onProceed: (plan: KundliPlan, consultationSlot?: ConsultationSlotSelection) => void;
+    plans?: KundliPlan[];
+    t?: (key: string) => string;
+    analytics?: KundliAnalytics;
+    /**
+     * Feature flag (experiment-controlled). When true, renders full-screen with the
+     * left-aligned header style, and the astrologer-consultation plan opens the
+     * full-screen `ConsultationSlotModal` before proceeding to payment.
+     * When false/undefined (default), falls back to `KundliContext`'s
+     * `enableConsultationScheduling` config, and finally to `false` — preserving the
+     * original bottom-sheet behavior (astrologer-consultation plan proceeds straight
+     * to payment, no scheduling modal).
+     */
+    enableConsultationScheduling?: boolean;
+}
+/**
+ * Slide-up bottom sheet that lets the user choose a Kundli plan.
+ *
+ * Only rendered when `isOpen` is true (controlled by KundliContext).
+ * Shown exclusively for the `v1` variant — the context gates this.
+ */
+export declare const KundliPlanBottomSheet: React.FC<KundliPlanBottomSheetProps>;
+export type { KundliPlan, ConsultationSlotSelection } from './types';
+export { getDefaultPlans } from './planDefaults';
+export { PlanCard } from './PlanCard';
+export { PlanSheetHeader } from './PlanSheetHeader';
+export { PlanFeatureList } from './PlanFeatureList';
+export { AstrologerCard } from './AstrologerCard';
+export { ConsultationSlotModal } from './ConsultationSlotModal';
+export { ConsultationSlotFields } from './ConsultationSlotFields';

package/dist/components/KundliPlanBottomSheet/MostPopularBadge.d.ts

@@ -0,0 +1,4 @@
+export interface MostPopularBadgeProps {
+    label: string;
+}
+export declare const MostPopularBadge: React.FC<MostPopularBadgeProps>;

package/dist/components/KundliPlanBottomSheet/PlanCard.d.ts

@@ -0,0 +1,19 @@
+import { KundliPlan } from './types';
+export interface PlanCardProps {
+    plan: KundliPlan;
+    isSelected: boolean;
+    onSelect: (id: string) => void;
+    t?: (key: string, options?: any) => string;
+}
+/**
+ * Renders a single Kundli plan card.
+ *
+ * Composed of:
+ *  - Plan title + radio button
+ *  - Price row (with optional original price & savings badge)
+ *  - PlanFeatureList (included / excluded features)
+ *  - Optional: astrologer heading + list of AstrologerCard sub-components
+ *
+ * Selecting the card calls `onSelect` with the plan id.
+ */
+export declare const PlanCard: React.FC<PlanCardProps>;

package/dist/components/KundliPlanBottomSheet/PlanFeatureList.d.ts

@@ -0,0 +1,10 @@
+import { KundliPlanFeature } from './types';
+export interface PlanFeatureListProps {
+    features: KundliPlanFeature[];
+    t?: (key: string, options?: any) => string;
+}
+/**
+ * Renders an accessible list of plan features, each with a check (included)
+ * or cross (excluded) icon.
+ */
+export declare const PlanFeatureList: React.FC<PlanFeatureListProps>;

package/dist/components/KundliPlanBottomSheet/PlanIcons.d.ts

@@ -0,0 +1,18 @@
+export declare const CheckIcon: React.FC;
+export declare const CrossIcon: React.FC;
+/** Back arrow chevron */
+export declare const ChevronLeftIcon: React.FC;
+/** Down chevron, used by the consultation-language dropdown trigger */
+export declare const ChevronDownIcon: React.FC;
+/** Lightning bolt icon for "Most popular" badge */
+export declare const BoltIcon: React.FC;
+/** Trend up icon for "Most popular" badge */
+export declare const TrendUpIcon: React.FC;
+/** Sun icon for "Morning" period tab */
+export declare const MorningIcon: React.FC;
+/** Sun-cloud icon for "Afternoon" period tab */
+export declare const AfternoonIcon: React.FC;
+/** Moon icon for "Evening" period tab */
+export declare const EveningIcon: React.FC;
+/** Calendar-with-slash icon for the "No slots available" empty state */
+export declare const CalendarOffIcon: React.FC;

package/dist/components/KundliPlanBottomSheet/PlanSheetHeader.d.ts

@@ -0,0 +1,9 @@
+export interface PlanSheetHeaderProps {
+    title: string;
+    onBack: () => void;
+}
+/**
+ * Sticky header for the plan selection bottom sheet.
+ * Shows a back button on the left and a centred orange title.
+ */
+export declare const PlanSheetHeader: React.FC<PlanSheetHeaderProps>;

package/dist/components/KundliPlanBottomSheet/consultationSlotDefaults.d.ts

@@ -0,0 +1,44 @@
+import { ConsultationSlotDate, ConsultationSlotPeriod, ConsultationSlotsByLanguage } from './types';
+/**
+ * Formats an ISO datetime (e.g. "2026-08-03T09:00:00+05:30") into a short
+ * label like "9:00 AM". Reads the hour/minute directly off the string
+ * instead of going through `Date`, so the slot shows the exact wall-clock
+ * time the backend sent rather than being reinterpreted in the browser's
+ * local timezone.
+ */
+export declare const formatSlotTime: (isoDateTime: string) => string;
+/** Builds a short day-tab label ("Today" / "Tomorrow" / weekday) + day number for a "yyyy-MM-dd" date string. */
+export declare const formatSlotDayLabel: (isoDate: string, referenceDate?: Date) => ConsultationSlotDate;
+export declare const CONSULTATION_PERIOD_ORDER: ConsultationSlotPeriod[];
+/**
+ * Guidance topic chips shown before slot selection. Frontend-only, static
+ * list — never fetched from an API. `labelKey` resolves via the `t` prop
+ * (falls back to `label` when no translation is provided).
+ */
+export declare const GUIDANCE_TOPICS: {
+    id: string;
+    labelKey: string;
+    label: string;
+}[];
+/**
+ * Consultation-language dropdown options shown on the slot selection screen.
+ * Matches the report-language codes the host app's preselect API returns
+ * availability for (`ConsultationSlotsByLanguage` keys). `labelKey` resolves
+ * via the `t` prop, reusing the same keys as the kundli form's report
+ * language chips (falls back to `label` when no translation is provided).
+ */
+export declare const CONSULTATION_LANGUAGE_OPTIONS: {
+    code: string;
+    labelKey: string;
+    label: string;
+}[];
+export declare const languageHasAvailability: (language: ConsultationSlotsByLanguage[string] | undefined) => boolean;
+/**
+ * Picks which consultation language should be preselected when the slot
+ * modal opens, based on the report language the user selected in the form:
+ * try that report language's default consultation language first, then its
+ * fallback, then — if neither has availability — whichever other language
+ * does, in `CONSULTATION_LANGUAGE_OPTIONS` order. Falls back to the default
+ * language itself if nothing has availability at all.
+ */
+export declare const getDefaultConsultationLanguage: (slotsByLanguage: ConsultationSlotsByLanguage, reportLanguage: string | null | undefined, isGlobal: boolean) => string;

package/dist/components/KundliPlanBottomSheet/index.d.ts

@@ -0,0 +1,7 @@
+export { KundliPlanBottomSheet, getDefaultPlans } from './KundliPlanBottomSheet';
+export type { KundliPlanBottomSheetProps, KundliPlan, ConsultationSlotSelection } from './KundliPlanBottomSheet';
+export { ConsultationSlotModal } from './ConsultationSlotModal';
+export type { ConsultationSlotModalProps } from './ConsultationSlotModal';
+export { ConsultationSlotFields } from './ConsultationSlotFields';
+export type { ConsultationSlotFieldsProps } from './ConsultationSlotFields';
+export type { KundliPlanAstrologer, ConsultationSlot, ConsultationSlotDay, ConsultationSlotPeriod, ConsultationSlotsPreselectData, ConsultationSlotsByLanguage, FetchConsultationSlots, } from './types';

package/dist/components/KundliPlanBottomSheet/planDefaults.d.ts

@@ -0,0 +1,2 @@
+import { KundliPlan } from './types';
+export declare const getDefaultPlans: (isGlobal: boolean) => KundliPlan[];

package/dist/components/KundliPlanBottomSheet/types.d.ts

@@ -0,0 +1,67 @@
+export interface KundliPlanFeature {
+    text: string;
+    included: boolean;
+}
+export interface KundliPlanAstrologer {
+    name: string;
+    experience: string;
+    languages?: string[];
+    imageUrl?: string;
+    certifications: string[];
+}
+export interface KundliPlan {
+    id: string;
+    title: string;
+    price: string;
+    originalPrice?: string;
+    savingsLabel?: string;
+    features: KundliPlanFeature[];
+    badge?: string;
+    astrologers?: KundliPlanAstrologer[];
+}
+/** A single selectable date tab, e.g. "Tomorrow", "21" */
+export interface ConsultationSlotDate {
+    id: string;
+    dayLabel: string;
+    dayNum: string;
+}
+export type ConsultationSlotPeriod = "morning" | "afternoon" | "evening";
+/** A single bookable time slot for a given day, as returned by the host app's slots API. */
+export interface ConsultationSlot {
+    /** ISO datetime with offset, e.g. "2026-08-03T09:00:00+05:30" */
+    start: string;
+    /** ISO datetime with offset */
+    end: string;
+    period: ConsultationSlotPeriod;
+}
+/** A single day's availability, as returned by the host app's slots API. */
+export interface ConsultationSlotDay {
+    /** ISO "yyyy-MM-dd" */
+    date: string;
+    has_availability: boolean;
+    slots: ConsultationSlot[];
+}
+/** Response shape for the host app's GET consultation slots (preselect) API. */
+export interface ConsultationSlotsPreselectData {
+    start_date: string;
+    days: ConsultationSlotDay[];
+}
+/** Availability per report-language code (e.g. "en", "hi", "te", "ta", "kn", "gu", "mr"), as returned by the host app's slots API. */
+export type ConsultationSlotsByLanguage = Record<string, ConsultationSlotsPreselectData>;
+/** Callback provided by the host app to fetch real consultation slot availability for every report language at once. */
+export type FetchConsultationSlots = () => Promise<ConsultationSlotsByLanguage>;
+/** A guidance topic chip, e.g. "Career & work" */
+export interface ConsultationTopic {
+    id: string;
+    label: string;
+}
+/** Details captured once the user completes the consultation slot selection flow. */
+export interface ConsultationSlotSelection {
+    start: string;
+    end: string;
+    period: ConsultationSlotPeriod;
+    /** Guidance topic id the user picked (e.g. "career_work"). Frontend-only — never fetched from an API. */
+    topic?: string;
+    /** Report-language code the user picked in the slot modal's language dropdown (e.g. "en", "hi"). */
+    language?: string;
+}

package/dist/components/ThreeSkuPlanBottomSheet/AstrologerSection.d.ts

@@ -0,0 +1,8 @@
+import { KundliPlanAstrologer } from '../KundliPlanBottomSheet/types';
+interface AstrologerSectionProps {
+    astrologers: KundliPlanAstrologer[];
+    heading: string;
+    t: (key: string) => string;
+}
+export declare const AstrologerSection: React.FC<AstrologerSectionProps>;
+export {};

package/dist/components/ThreeSkuPlanBottomSheet/PlanFeatureList.d.ts

@@ -0,0 +1,7 @@
+import { ThreeSkuPlan } from './constants';
+interface PlanFeatureListProps {
+    plan: ThreeSkuPlan;
+    t: (key: string) => string;
+}
+export declare const PlanFeatureList: React.FC<PlanFeatureListProps>;
+export {};

package/dist/components/ThreeSkuPlanBottomSheet/PlanSelectorStrip.d.ts

@@ -0,0 +1,11 @@
+import { ThreeSkuPlan } from './constants';
+import { ThreeSkuAnalytics } from './ThreeSkuPlanBottomSheet.types';
+interface PlanSelectorStripProps {
+    plans: ThreeSkuPlan[];
+    selectedId: string;
+    t: (key: string) => string;
+    analytics?: ThreeSkuAnalytics;
+    onSelectPlan: (plan: ThreeSkuPlan) => void;
+}
+export declare const PlanSelectorStrip: React.FC<PlanSelectorStripProps>;
+export {};

package/dist/components/ThreeSkuPlanBottomSheet/ProceedButton.d.ts

@@ -0,0 +1,9 @@
+interface ProceedButtonProps {
+    canProceed: boolean;
+    label: string;
+    showDisabledHint: boolean;
+    hintText: string;
+    onClick: () => void;
+}
+export declare const ProceedButton: React.FC<ProceedButtonProps>;
+export {};

package/dist/components/ThreeSkuPlanBottomSheet/QuestionChips.d.ts

@@ -0,0 +1,7 @@
+interface QuestionChipsProps {
+    chipKeys: readonly string[];
+    t: (key: string) => string;
+    onChipClick: (key: string, idx: number) => void;
+}
+export declare const QuestionChips: React.FC<QuestionChipsProps>;
+export {};

package/dist/components/ThreeSkuPlanBottomSheet/QuestionInput.d.ts

@@ -0,0 +1,15 @@
+interface QuestionInputProps {
+    textareaRef: React.RefObject<HTMLTextAreaElement>;
+    value: string;
+    label: string;
+    placeholder: string;
+    chipKeys: readonly string[];
+    t: (key: string) => string;
+    onFocus: () => void;
+    onClick: () => void;
+    onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onChipClick: (key: string, idx: number) => void;
+    onViewSample?: () => void;
+}
+export declare const QuestionInput: React.FC<QuestionInputProps>;
+export {};

package/dist/components/ThreeSkuPlanBottomSheet/SheetHeader.d.ts

@@ -0,0 +1,6 @@
+interface SheetHeaderProps {
+    title: string;
+    onClose: () => void;
+}
+export declare const SheetHeader: React.FC<SheetHeaderProps>;
+export {};

package/dist/components/ThreeSkuPlanBottomSheet/ThreeSkuAstrologerCard.d.ts

@@ -0,0 +1,6 @@
+import { KundliPlanAstrologer } from '../KundliPlanBottomSheet/types';
+export interface ThreeSkuAstrologerCardProps {
+    astrologer: KundliPlanAstrologer;
+    t?: (key: string, options?: any) => string;
+}
+export declare const ThreeSkuAstrologerCard: React.FC<ThreeSkuAstrologerCardProps>;

package/dist/components/ThreeSkuPlanBottomSheet/ThreeSkuAstrologerProfiles.d.ts

@@ -0,0 +1,15 @@
+export declare const THREE_SKU_ASTROLOGERS: readonly [{
+    readonly id: "samiksha";
+    readonly name: "Acharya Rama Sarma";
+    readonly imageUrl: "https://srm-cdn.a4b.io/yoda/1781527417602.webp";
+    readonly experience: "21+ Years of experience";
+    readonly languages: readonly ["Hindi", "English", "Telugu"];
+    readonly certifications: readonly ["Certified Jyotish Acharya", "Guaranteed accurate solutions"];
+}, {
+    readonly id: "jyoti";
+    readonly name: "Astro Neeraj";
+    readonly imageUrl: "https://srm-cdn.a4b.io/yoda/1781527490353.webp";
+    readonly experience: "21+ Years of experience";
+    readonly languages: readonly ["Hindi", "English"];
+    readonly certifications: readonly ["21+ Years Vedic Astrology", "Result-Oriented Spiritual Guidance"];
+}];

package/dist/components/ThreeSkuPlanBottomSheet/ThreeSkuPlanBottomSheet.d.ts

@@ -0,0 +1,3 @@
+import { ThreeSkuPlanBottomSheetProps } from './ThreeSkuPlanBottomSheet.types';
+export type { ThreeSkuAnalytics, ThreeSkuPlanBottomSheetProps } from './ThreeSkuPlanBottomSheet.types';
+export declare const ThreeSkuPlanBottomSheet: React.FC<ThreeSkuPlanBottomSheetProps>;

package/dist/components/ThreeSkuPlanBottomSheet/ThreeSkuPlanBottomSheet.icons.d.ts

@@ -0,0 +1,3 @@
+export declare const IncludedFeatureIcon: () => JSX.Element;
+export declare const ExcludedFeatureIcon: () => JSX.Element;
+export declare const TrendUpIcon: () => JSX.Element;

package/dist/components/ThreeSkuPlanBottomSheet/ThreeSkuPlanBottomSheet.types.d.ts

@@ -0,0 +1,61 @@
+import { ThreeSkuLocale, ThreeSkuPlan } from './constants';
+import { ConsultationSlotSelection } from '../KundliPlanBottomSheet/types';
+/**
+ * Analytics interface for the 3-SKU experiment bottom sheet.
+ * Extends the base plan analytics with question-specific tracking methods.
+ * Intentionally defined here so this component has zero dependency on
+ * the base KundliAnalytics interface.
+ */
+export interface ThreeSkuAnalytics {
+    trackPlanPageViewed?(): void;
+    trackPlanPageClosed?(): void;
+    trackPlanSelected?(params: {
+        planId: string;
+        planName: string;
+    }): void;
+    trackPlanProceedClicked?(params: {
+        planId: string;
+        planName: string;
+        price?: string;
+        currency?: string;
+        question_asked?: boolean;
+        question_text?: string;
+        question_source?: "chip" | "custom" | "chip_edited";
+        cta_type?: "proceed" | "confirm_consultation_slot";
+        next_step?: "payment" | "slot_selection";
+    }): void;
+    trackQuestionTextboxClicked?(params: {
+        entry_method: "tap" | "keyboard_focus";
+        textbox_empty: boolean;
+    }): void;
+    trackPreSuggestedQuestionSelected?(params: {
+        question_text_loaded: string;
+        chip_index: number;
+        previous_chip_index: number | null;
+        user_had_custom_text: boolean;
+    }): void;
+    trackOneQuestionViewSampleReportClicked?(): void;
+    /** Fires when the astrologer consultation plan's "Select consultation slot" CTA is clicked. */
+    trackSelectConsultationSlotClicked?(params: {
+        planId: string;
+        planName: string;
+    }): void;
+}
+export interface ThreeSkuPlanBottomSheetProps {
+    isOpen: boolean;
+    onClose: () => void;
+    selectedPlan: ThreeSkuPlan | null;
+    onSelectPlan: (plan: ThreeSkuPlan) => void;
+    onProceed: (plan: ThreeSkuPlan, question?: string, consultationSlot?: ConsultationSlotSelection) => void;
+    plans?: ThreeSkuPlan[];
+    /** Whether the user is on the international (global) flow. Used for default plan pricing. */
+    isGlobal?: boolean;
+    /** Locale for built-in translations. Defaults to "en". Falls back to the passed `t` prop for any key not found locally. */
+    locale?: ThreeSkuLocale;
+    t?: (key: string) => string;
+    analytics?: ThreeSkuAnalytics;
+    /** URL for the "1 Question" sample answer PDF shown inside the sheet. */
+    oneQuestionSampleHref?: string;
+    /** Report language selected in the kundli form — drives the consultation slot modal's default language. */
+    reportLanguage?: string;
+}