@srimandir/kundli-generator 7.5.11 → 7.5.13

package/dist/analytics.d.ts

@@ -59,6 +59,32 @@ export declare const KUNDLI_ANALYTICS_EVENT_NAMES: {
     readonly kundli_plan_proceed_clicked: "kundli_plan_proceed_clicked";
     /** Plan sheet closed without proceeding */
     readonly kundli_plan_page_closed: "kundli_plan_page_closed";
+    /** "Select consultation slot" CTA clicked on the astrologer guidance plan card */
+    readonly kundli_plan_select_consultation_slot_clicked: "kundli_plan_select_consultation_slot_clicked";
+    /** Plan selection screen loads (full-screen consultation scheduling flow) */
+    readonly kundli_plan_screen_viewed: "kundli_plan_screen_viewed";
+    /** Slot selection screen loads */
+    readonly kundli_slot_screen_viewed: "kundli_slot_screen_viewed";
+    /** User picks a date */
+    readonly kundli_slot_date_selected: "kundli_slot_date_selected";
+    /** User switches Morning/Afternoon/Evening */
+    readonly kundli_day_part_selected: "kundli_day_part_selected";
+    /** User picks a guidance topic chip */
+    readonly kundli_guidance_topic_selected: "kundli_guidance_topic_selected";
+    /** User taps a time slot */
+    readonly kundli_slot_selected: "kundli_slot_selected";
+    /** User taps confirm slot / proceeds to reserve ("Proceed to payment" in the slot modal) */
+    readonly kundli_slot_reservation_requested: "kundli_slot_reservation_requested";
+    /** Payment screen loads with an active hold (tracked by host app's payment page) */
+    readonly kundli_payment_screen_viewed: "kundli_payment_screen_viewed";
+    /** User selects a payment method (tracked by host app's payment page) */
+    readonly kundli_payment_method_selected: "kundli_payment_method_selected";
+    /** User confirms payment / gateway opens (tracked by host app's payment page) */
+    readonly kundli_payment_initiated: "kundli_payment_initiated";
+    /** Success + confirmation screen shown (tracked by host app's confirmation page) */
+    readonly kundli_booking_confirmation_viewed: "kundli_booking_confirmation_viewed";
+    /** User routed back to re-select after losing their slot (expired/failed/taken) */
+    readonly kundli_slot_lost_fallback_shown: "kundli_slot_lost_fallback_shown";
     /** Legacy / alias: when landing page is viewed */
     readonly kundli_page_view: "kundli_page_view";
     /** Legacy / alias: when L1 form page is viewed (same as l1_page_opened) */
@@ -127,6 +153,9 @@ export interface KundliAnalytics {
     trackPlanSelected?(params: {
         planId: string;
         planName: string;
+        price?: string;
+        includes_consultation?: boolean;
+        cta_label?: string;
     }): void;
     /** Updated: includes question-related fields for the 3-SKU experiment. */
     trackPlanProceedClicked?(params: {
@@ -137,8 +166,82 @@ export interface KundliAnalytics {
         question_asked?: boolean;
         question_text?: string;
         question_source?: 'chip' | 'custom' | 'chip_edited';
+        cta_type?: 'proceed' | 'confirm_consultation_slot';
+        next_step?: 'payment' | 'slot_selection';
     }): void;
     trackPlanPageClosed?(): void;
+    /** Fires when the astrologer guidance plan's "Select consultation slot" CTA is clicked. */
+    trackSelectConsultationSlotClicked?(params: {
+        planId: string;
+        planName: string;
+    }): void;
+    /** Fires when the (full-screen) plan selection screen loads. */
+    trackPlanScreenViewed?(params: {
+        plans_shown: string[];
+        default_selected_plan: string;
+    }): void;
+    /** Fires when the consultation slot selection screen (full-screen modal) loads. */
+    trackSlotScreenViewed?(params: {
+        astrologers_shown: string[];
+        dates_available_count: number;
+    }): void;
+    /** Fires when the user picks a date tab. */
+    trackSlotDateSelected?(params: {
+        date: string;
+        day_part_default: string;
+    }): void;
+    /** Fires when the user switches Morning/Afternoon/Evening. */
+    trackDayPartSelected?(params: {
+        day_part: string;
+        slots_available_count: number;
+    }): void;
+    /** Fires when the user picks a guidance topic chip. */
+    trackGuidanceTopicSelected?(params: {
+        topic: string;
+    }): void;
+    /** Fires when the user taps a time slot. */
+    trackSlotSelected?(params: {
+        astrologer_id?: string;
+        date: string;
+        time: string;
+        day_part: string;
+        topic: string | null;
+    }): void;
+    /** Fires when the user taps the slot modal's "Proceed to payment" (confirm slot) CTA. */
+    trackSlotReservationRequested?(params: {
+        astrologer_id?: string;
+        slot_datetime: string;
+    }): void;
+    /** Fires when the payment screen loads with an active hold. Tracked by the host app. */
+    trackPaymentScreenViewed?(params: {
+        reservation_id: string;
+        amount: number;
+        currency: string;
+        seconds_remaining: number;
+    }): void;
+    /** Fires when the user selects a payment method. Tracked by the host app. */
+    trackPaymentMethodSelected?(params: {
+        method: string;
+        provider?: string;
+    }): void;
+    /** Fires when the user confirms payment / gateway opens. Tracked by the host app. */
+    trackPaymentInitiated?(params: {
+        reservation_id: string;
+        amount: number;
+        currency: string;
+        method: string;
+    }): void;
+    /** Fires when the booking confirmation screen is shown. Tracked by the host app. */
+    trackBookingConfirmationViewed?(params: {
+        booking_id: string;
+        slot_datetime: string;
+        astrologer_id?: string;
+        topic: string;
+    }): void;
+    /** Fires when the user is routed back to re-select after losing their slot. Tracked by the host app. */
+    trackSlotLostFallbackShown?(params: {
+        reason: 'expired' | 'payment_failed' | 'slot_taken';
+    }): void;
     /** Fires once when the SKU comparison table enters the viewport (≥50% visible). */
     trackComparisonTableImpression?(): void;
     /** Fires the first time per card-expansion the user focuses the question textbox. */

package/dist/components/KundliPage/KundliContext.d.ts

@@ -2,6 +2,7 @@ import { SupportedLocale } from '../../i18n/translations';
 import { KundliFormValues } from '../KundliForm';
 import { KundliAnalytics } from '../../analytics';
 import { KundliImageComponent } from '../../types/image';
+import { FetchConsultationSlots } from '../KundliPlanBottomSheet';
 import { AtlasSearchLocalities } from '../KundliForm/sections/UserInfoFormSection/useGooglePlacesAutocomplete';
 export type KundliView = "landing" | "form";
 export interface KundliContextConfig {
@@ -24,6 +25,20 @@ export interface KundliContextConfig {
     atlasSearchLocalities?: AtlasSearchLocalities;
     /** When true (default), birth place autocomplete uses Google Places. When false, uses Atlas via `atlasSearchLocalities`. */
     googleMapsAutocompleteEnabled?: boolean;
+    /**
+     * Feature flag (experiment-controlled). When true, the Kundli plan selection sheet
+     * (`KundliPlanBottomSheet`) renders full-screen with the left-aligned header style,
+     * and selecting the astrologer-consultation plan opens the full-screen
+     * `ConsultationSlotModal` (date/time/topic picker) before proceeding to payment.
+     * When false (default), behavior is unchanged: bottom sheet, centered header,
+     * astrologer-consultation plan proceeds straight to payment.
+     */
+    enableConsultationScheduling?: boolean;
+    /**
+     * Fetches real consultation slot availability from the host app (no API/endpoint
+     * knowledge lives in this package). Called by `ConsultationSlotModal` when it opens.
+     */
+    fetchConsultationSlots?: FetchConsultationSlots;
     logoUrl?: string;
     reportImageUrl?: string;
     /** When true, LCP report image can be loaded with priority (e.g. next/image priority). */

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

@@ -53,6 +53,18 @@ export interface KundliPageProps {
     googleMapsAutocompleteEnabled?: boolean;
     /** Enables 3-SKU experiment flow when used with v1 variant. */
     enableThreeSkuFlow?: boolean;
+    /**
+     * Experiment-controlled feature flag (v1 variant only). When true, the Kundli plan
+     * sheet renders full-screen and the astrologer-consultation plan opens a full-screen
+     * scheduling modal before payment. When false (default), behavior is unchanged.
+     */
+    enableConsultationScheduling?: boolean;
+    /**
+     * Fetches real consultation slot availability from the host app (no API/endpoint
+     * knowledge lives in this package). Passed through to `KundliContext` and used by
+     * `ConsultationSlotModal` when it opens.
+     */
+    fetchConsultationSlots?: import('../KundliPlanBottomSheet').FetchConsultationSlots;
     /** URL for the "200+ page Kundli Report" sample link in 3-SKU table. */
     kundliReportSampleHref?: string;
     /** URL for the "1 Question" sample link in 3-SKU table. */

package/dist/components/KundliPage/KundliPageV1.d.ts

@@ -57,6 +57,19 @@ export interface KundliPageProps {
     googleMapsAutocompleteEnabled?: boolean;
     /** Enables 3-SKU experiment flow inside existing v1 page. */
     enableThreeSkuFlow?: boolean;
+    /**
+     * Experiment-controlled feature flag. When true, the Kundli plan sheet renders
+     * full-screen (matching header style) and the astrologer-consultation plan opens
+     * a full-screen date/time/topic scheduling modal before payment. When false
+     * (default), existing behavior is unchanged (bottom sheet, direct to payment).
+     */
+    enableConsultationScheduling?: boolean;
+    /**
+     * Fetches real consultation slot availability from the host app. Passed through
+     * to `KundliContext` and used by `ConsultationSlotModal` when it opens. No
+     * endpoint/URL knowledge lives in this package — the host app owns the API call.
+     */
+    fetchConsultationSlots?: import('../KundliPlanBottomSheet').FetchConsultationSlots;
     /** URL for the "200+ page Kundli Report" sample link in the 3-SKU table. */
     kundliReportSampleHref?: string;
     /** URL for the "1 Question" sample link in the 3-SKU table. */

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

@@ -0,0 +1,11 @@
+import { KundliPlanAstrologer, ConsultationSlotSelection } from './types';
+import { KundliAnalytics } from '../../analytics';
+export interface ConsultationSlotModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onProceed: (selection: ConsultationSlotSelection) => void;
+    astrologers: KundliPlanAstrologer[];
+    t?: (key: string, options?: any) => string;
+    analytics?: KundliAnalytics;
+}
+export declare const ConsultationSlotModal: React.FC<ConsultationSlotModalProps>;

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

@@ -1,14 +1,24 @@
-import { KundliPlan } from './types';
+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) => 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.
@@ -17,9 +27,10 @@ export interface KundliPlanBottomSheetProps {
  * Shown exclusively for the `v1` variant — the context gates this.
  */
 export declare const KundliPlanBottomSheet: React.FC<KundliPlanBottomSheetProps>;
-export type { KundliPlan } from './types';
+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';

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

@@ -6,3 +6,9 @@ export declare const ChevronLeftIcon: React.FC;
 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;

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

@@ -0,0 +1,16 @@
+import { ConsultationSlotDate, ConsultationSlotPeriod } from './types';
+/** Formats an ISO datetime (e.g. "2026-08-03T09:00:00+05:30") into a short label like "9:00 AM". */
+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;
+}[];

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

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

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

@@ -19,3 +19,45 @@ export interface KundliPlan {
     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[];
+}
+/** Callback provided by the host app to fetch real consultation slot availability. */
+export type FetchConsultationSlots = () => Promise<ConsultationSlotsPreselectData>;
+/** 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;
+}

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

@@ -1,4 +1,5 @@
 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.
@@ -32,13 +33,18 @@ export interface ThreeSkuAnalytics {
         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) => 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;

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

@@ -6,6 +6,7 @@ export declare const THREE_SKU_STRINGS: {
     readonly en: {
         readonly planSheetTitle: "Choose your Kundli Plan";
         readonly planProceedToPayment: "Proceed to Payment";
+        readonly planSelectConsultationSlot: "Select consultation slot →";
         readonly planAstrologerHeading: "Top astrologers who will consult you";
         readonly planMostPopular: "Most popular";
         readonly planNew: "New";
@@ -35,10 +36,22 @@ export declare const THREE_SKU_STRINGS: {
         readonly planQuestionChip3: "Are there any doshas which is affecting me?";
         readonly planQuestionChip4: "Is my current job right for me?";
         readonly planAstrologerExp: "{{years}} Years of experience";
+        readonly planConsultationSlotTitle: "Select consultation slot";
+        readonly planConsultationTrustLabel: "3,750+ people have booked consultation";
+        readonly planSelectSlotHeading: "Select consultation slot";
+        readonly planGuidanceHeading: "What would you like guidance on?";
+        readonly planPeriodMorning: "Morning";
+        readonly planPeriodAfternoon: "Afternoon";
+        readonly planPeriodEvening: "Evening";
+        readonly planTopicCareerWork: "Career & work";
+        readonly planTopicHealthWellbeing: "Health & wellbeing";
+        readonly planTopicLoveMarriage: "Love & marriage";
+        readonly planTopicMoneyFinance: "Money & finance";
     };
     readonly hi: {
         readonly planSheetTitle: "अपनी कुंडली प्लान चुनें";
         readonly planProceedToPayment: "पेमेंट करें";
+        readonly planSelectConsultationSlot: "परामर्श स्लॉट चुनें →";
         readonly planAstrologerHeading: "हम आपके लिए नीचे दिए गए टॉप ज्योतिषियों में से एक को चुनेंगे";
         readonly planMostPopular: "सबसे लोकप्रिय";
         readonly planNew: "नया";
@@ -68,6 +81,17 @@ export declare const THREE_SKU_STRINGS: {
         readonly planQuestionChip3: "क्या कोई दोष है जो मुझे प्रभावित कर रहा है?";
         readonly planQuestionChip4: "क्या मेरी मौजूदा नौकरी मेरे लिए सही है?";
         readonly planAstrologerExp: "साल का अनुभव";
+        readonly planConsultationSlotTitle: "परामर्श स्लॉट चुनें";
+        readonly planConsultationTrustLabel: "3,750+ लोगों ने परामर्श बुक किया है";
+        readonly planSelectSlotHeading: "परामर्श स्लॉट चुनें";
+        readonly planGuidanceHeading: "आप किस बारे में सलाह चाहते हैं?";
+        readonly planPeriodMorning: "सुबह";
+        readonly planPeriodAfternoon: "दोपहर";
+        readonly planPeriodEvening: "शाम";
+        readonly planTopicCareerWork: "करियर और काम";
+        readonly planTopicHealthWellbeing: "सेहत और खुशहाली";
+        readonly planTopicLoveMarriage: "प्यार और शादी";
+        readonly planTopicMoneyFinance: "पैसा और वित्त";
     };
 };
 export type ThreeSkuLocale = keyof typeof THREE_SKU_STRINGS;