@srimandir/make-your-own-ritual 0.1.10 → 0.2.1

package/dist/components/MandapArrangementCard/MandapArrangementCard.d.ts

@@ -0,0 +1,22 @@
+export interface MandapArrangementCardProps {
+    imageUrl: string;
+    imageAlt: string;
+    title: string;
+    description: string;
+    /** Strikethrough original price, e.g. "₹851" */
+    originalPrice?: string;
+    /** e.g. "₹651" */
+    price: string;
+    isAdded: boolean;
+    onCtaClick?: () => void;
+    /** Grays out and disables the add/remove CTA, e.g. once mandatory */
+    disabled?: boolean;
+}
+/**
+ * MYOR's own clone of ritual-recommendations' `MandapArrangementCard` —
+ * kept separate rather than modifying the shared one so ritual-recommendations'
+ * own outcome page is untouched. Only real difference: `disabled` renders a
+ * genuinely grey CTA (mandap is always mandatory once shown in MYOR) instead
+ * of the `secondary` variant's faded-green look.
+ */
+export declare function MandapArrangementCard({ imageUrl, imageAlt, title, description, originalPrice, price, isAdded, onCtaClick, disabled, }: MandapArrangementCardProps): import("react").JSX.Element;

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

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

package/dist/components/MyorOutcome/MyorOutcome.d.ts

@@ -0,0 +1,41 @@
+import { RitualRecommendationData, MandapArrangementData, PackageSelectSheetProps, DevoteeReviewData, DevoteeReviewMedia } from '../../../../pitru-paksh-ritual-recommendation/dist/pitru-paksh-ritual-recommendation.js';
+/**
+ * `RitualRecommendationData` plus MYOR's own per-ritual "Learn more" reviews
+ * (fetched on demand per temple, unlike ritual-recommendations' one fixed
+ * list for every ritual) — a local extension instead of widening the shared
+ * type, so ritual-recommendations' own type is untouched.
+ */
+export type MyorOutcomeRitualData = RitualRecommendationData & {
+    devoteesReviews?: DevoteeReviewData[];
+    learnMoreLabel?: string;
+};
+export interface MyorOutcomeProps {
+    ritualCount: number;
+    rituals: MyorOutcomeRitualData[];
+    mandapArrangement?: MandapArrangementData;
+    /** Video/screenshot reviews shown in a carousel above the text reviews, in every ritual's detail sheet */
+    reviewMedia?: DevoteeReviewMedia[];
+    onDevoteesReviewsSeeMoreClick?: () => void;
+    totalPrice: string;
+    onPriceInfoClick?: () => void;
+    onProceedClick?: (id: string) => void;
+    /** Skips the "who is performing the puja" package sheet — the sticky CTA's Proceed proceeds straight through with `packageSelectOptions[0]`, e.g. for a chadava/seva-only selection that has nothing to pick a performer package for. */
+    skipPackageSelect?: boolean;
+    /** Floating back button over the hero banner — omit to hide it, e.g. for a flow with no previous page to return to. */
+    onBack?: () => void;
+    backButtonAriaLabel?: string;
+}
+/**
+ * MYOR's own outcome page — a clone of ritual-recommendations' `Outcome`
+ * (kept separate rather than modifying the shared one, which
+ * ritual-recommendations' live results page also depends on) with MYOR's
+ * own additions baked in directly instead of as opt-in props:
+ * - Always renders `MyorRitualCard`, never the default ritual card.
+ * - Unadding a ritual that has ancestors on it always opens the
+ *   ancestor-edit sheet instead of removing it immediately — the actual
+ *   removal happens once every ancestor's toggled off there (see
+ *   `AncestorEditModal`'s `onToggle`).
+ * - A ritual's own `devoteesReviews` (per-temple, fetched on demand) takes
+ *   precedence over showing nothing.
+ */
+export declare function MyorOutcome({ ritualCount, rituals, mandapArrangement, reviewMedia, onDevoteesReviewsSeeMoreClick, totalPrice, onPriceInfoClick, onProceedClick, skipPackageSelect, onBack, backButtonAriaLabel, packageSelectOptions, }: MyorOutcomeProps & PackageSelectSheetProps): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { MyorOutcome } from './MyorOutcome';
+export type { MyorOutcomeProps, MyorOutcomeRitualData } from './MyorOutcome';

package/dist/components/MyorRitualCard/MyorRitualCard.d.ts

@@ -0,0 +1,14 @@
+import { RitualRecommendationData } from '../../../../pitru-paksh-ritual-recommendation/dist/pitru-paksh-ritual-recommendation.js';
+export type MyorRitualCardProps = RitualRecommendationData & {
+    learnMoreLabel?: string;
+};
+/**
+ * MYOR's own outcome-page ritual card — visually distinct from
+ * `RitualRecommendationCard`/`L2Card` (side-by-side thumbnail + text instead
+ * of a full-width banner image, always-expanded with no collapse chevron,
+ * and a full-bleed flat stats bar placed after the date/location rows
+ * instead of overlapping the image) per the MYOR L2 Figma spec. Kept as a
+ * separate component rather than reworking `L2Card`, so
+ * ritual-recommendations' own card is untouched.
+ */
+export declare function MyorRitualCard({ index, ancestorsLabel, onEditClick, imageUrl, imageAlt, ratingLabel, bookedLabel, title, description, learnMoreLabel, onLearnMoreClick, learnMoreHref, dateLabel, locationLabel, price, isAdded, onCtaClick, onPriceInfoClick, }: MyorRitualCardProps): import("react").JSX.Element;

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

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

package/dist/components/MyorServiceOfferCard/MyorServiceOfferCard.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface MyorServiceOfferCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Illustration/photo shown top-right, e.g. the ritual/service photo. */
+    image: string;
+    imageAlt?: string;
+    /** Service name, e.g. "Offer tarpan donation for the peace of your ancestors". */
+    title: React.ReactNode;
+    /** Helper copy under the title, typically ending in a read-more affordance. */
+    description?: React.ReactNode;
+    /** Current price, e.g. "₹199". */
+    price: React.ReactNode;
+    /** Original price shown struck-through before `price`, e.g. "₹250". */
+    originalPrice?: React.ReactNode;
+    /** Flush corner banner rendered above the content. */
+    tag?: React.ReactNode;
+    tagClassName?: string;
+    /** Control anchored over the bottom edge of the image. */
+    action?: React.ReactNode;
+}
+/** Add-on card used on MYOR booking review screens. */
+export declare const MyorServiceOfferCard: React.FC<MyorServiceOfferCardProps>;

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

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

package/dist/components/PujaDetailsSheet/PujaDetailsSheet.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface PujaDetailsSheetProps {
+    isOpen: boolean;
+    onClose: () => void;
+    closeButtonAriaLabel?: string;
+    dragHandleAriaLabel?: string;
+    /** Pinned below the scrollable content, e.g. a CTA button */
+    footer?: ReactNode;
+    children: ReactNode;
+}
+/**
+ * MYOR's own clone of ritual-recommendations' `PujaDetailsSheet` — kept
+ * separate rather than modifying the shared one so ritual-recommendations'
+ * own sheet is untouched. Only real difference: `overflow-x-hidden` on the
+ * scrollable body (see below).
+ */
+export declare function PujaDetailsSheet({ isOpen, onClose, closeButtonAriaLabel, dragHandleAriaLabel, footer, children, }: PujaDetailsSheetProps): import("react").JSX.Element | null;

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

@@ -0,0 +1,4 @@
+export { PujaDetailsSheet } from './PujaDetailsSheet';
+export type { PujaDetailsSheetProps } from './PujaDetailsSheet';
+export { PujaDetailsCarouselHeader, PujaBenefitsSection, TempleSignificanceSection, DevoteesReviews, } from '../../../../pitru-paksh-ritual-recommendation/dist/pitru-paksh-ritual-recommendation.js';
+export type { PujaDetailsCarouselHeaderProps, PujaBenefitsSectionProps, PujaBenefitData, TempleSignificanceSectionProps, DevoteesReviewsProps, DevoteeReviewData, DevoteeReviewMedia, } from '../../../../pitru-paksh-ritual-recommendation/dist/pitru-paksh-ritual-recommendation.js';

package/dist/index.d.ts

@@ -13,3 +13,13 @@ export { LandingPage } from './components/LandingPage';
 export type { LandingPageProps } from './components/LandingPage';
 export { ChadhavaSevaBottomSheet } from './components/ChadhavaSevaBottomSheet';
 export type { ChadhavaSevaBottomSheetProps } from './components/ChadhavaSevaBottomSheet';
+export { MyorRitualCard } from './components/MyorRitualCard';
+export type { MyorRitualCardProps } from './components/MyorRitualCard';
+export { MyorServiceOfferCard } from './components/MyorServiceOfferCard';
+export type { MyorServiceOfferCardProps } from './components/MyorServiceOfferCard';
+export { MandapArrangementCard } from './components/MandapArrangementCard';
+export type { MandapArrangementCardProps } from './components/MandapArrangementCard';
+export { MyorOutcome } from './components/MyorOutcome';
+export type { MyorOutcomeProps, MyorOutcomeRitualData } from './components/MyorOutcome';
+export { PujaDetailsSheet, PujaDetailsCarouselHeader, PujaBenefitsSection, TempleSignificanceSection, DevoteesReviews, } from './components/PujaDetailsSheet';
+export type { PujaDetailsSheetProps, PujaDetailsCarouselHeaderProps, PujaBenefitsSectionProps, PujaBenefitData, TempleSignificanceSectionProps, DevoteesReviewsProps, DevoteeReviewData, DevoteeReviewMedia, } from './components/PujaDetailsSheet';