@srimandir/pitru-paksh-common 2.14.0 → 2.21.0

package/dist/components/CheckoutBar/CheckoutBar.d.ts

@@ -25,6 +25,12 @@ export interface CheckoutBarProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Extra props forwarded to the underlying `Button` (variant, size, disabled, loading, ...). */
     proceedButtonProps?: Omit<ButtonProps, 'children' | 'onClick'>;
     buttonWrapperClassName?: string;
+    /**
+     * Shrinks the amount/subtitle block to its content width and grows the
+     * Proceed button to fill the rest of the row instead of the default
+     * (amount block flexes, button sized to its label). Defaults to `false`.
+     */
+    growProceedButton?: boolean;
 }
 /**
  * Sticky-friendly checkout bar shown at the bottom of a package-selection or

package/dist/components/PackageSelect/PackageSelect.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { SelectorCardProps, SelectorCardNoteProps, SelectorCardPriceBadgeProps } from '../SelectorCard';
+import { SelectorCardProps, SelectorCardPriceBadgeProps } from '../SelectorCard';
 import { TrustBadgesBarProps } from '../TrustBadgesBar';
 import { CheckoutBarProps } from '../CheckoutBar';
 import { PackageSelectLocale } from './PackageSelect.translations';
-export interface PackageSelectOption extends Omit<SelectorCardProps, 'id' | 'selected' | 'onSelect' | 'badge' | 'children'> {
+export interface PackageSelectOption extends Omit<SelectorCardProps, 'id' | 'selected' | 'onSelect' | 'badge' | 'children' | 'note'> {
     /** Unique id for this option, passed back via `onChange`. */
     id: string | number;
     /** Price label, e.g. "+₹400" or "₹0". Ignored when `badge` is set directly. */
@@ -18,11 +18,15 @@ export interface PackageSelectOption extends Omit<SelectorCardProps, 'id' | 'sel
     badge?: React.ReactNode;
     /** Extra props forwarded to the price badge (`SelectorCardPriceBadge`, or the plain muted `<span>` when `free`). */
     priceBadgeProps?: Omit<SelectorCardPriceBadgeProps, 'value'>;
-    /** Highlighted strip rendered under this option only while it's selected, e.g. "Rituals will be performed on behalf of 2 family members". Ignored when `children` is set directly. */
+    /**
+     * Explainer note shown only while this option is selected, e.g. "Rituals
+     * will be performed on behalf of 2 family members" — rendered via
+     * `SelectorCard`'s own `note` prop, as its own surface behind the card
+     * (same treatment `DeathTithi`'s "don't know the tithi" option uses),
+     * not nested inside it. Ignored when `children` is set directly.
+     */
     note?: React.ReactNode;
-    /** Extra props forwarded to the `SelectorCardNote` wrapping `note`. */
-    noteProps?: Omit<SelectorCardNoteProps, 'children'>;
-    /** Full override for the card's children slot — takes precedence over `note`/`noteProps`. */
+    /** Full override for the card's children slot — takes precedence over `note`. */
     children?: React.ReactNode;
 }
 export interface PackageSelectProps {

package/dist/components/SelectorCard/SelectorCard.d.ts

@@ -42,10 +42,10 @@ export interface SelectorCardProps extends Omit<React.ButtonHTMLAttributes<HTMLB
      */
     children?: React.ReactNode;
     /**
-     * An explainer note rendered as its own surface *behind* the card, instead of
-     * nested inside it like `children` — pulled up behind the card via negative
-     * margin so the card's higher stacking order covers the seam between them.
-     * Typically shown only while `selected` is true; that's left to the caller.
+     * An explainer note rendered flush below the card, both wrapped in a shared
+     * lavender wash surface (instead of nested inside the card's own border like
+     * `children`). Typically shown only while `selected` is true; that's left to
+     * the caller.
      */
     note?: React.ReactNode;
     /** Extra classes for the `note` surface, e.g. to change its text color. */

package/dist/components/ServiceOfferCard/ServiceOfferCard.d.ts

@@ -1,12 +1,27 @@
 import { default as React } from 'react';
+import { OutcomeLocale } from '../../outcome-i18n';
 export interface ServiceOfferCardProps 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 "...and see"/"Read more" affordance you compose yourself. */
+    /**
+     * Helper copy under the title. When it's a plain string longer than
+     * `descriptionMaxLength`, it's truncated with an inline "Read more" toggle.
+     * If `sheetPrice` is set, that toggle opens the details `ServiceOfferSheet`
+     * (like tapping the card); otherwise it expands the text inline in place,
+     * toggling to "Read less". A non-string node (or a short string) renders as-is.
+     */
     description?: React.ReactNode;
+    /** Character count above which a string `description` is truncated. Defaults to 40. */
+    descriptionMaxLength?: number;
+    /** Locale used to translate the default `readMoreLabel`/`readLessLabel` below. Defaults to 'en'. */
+    locale?: OutcomeLocale;
+    /** Label for the "Read more" toggle. Defaults to the translated "Read More" copy for `locale`. */
+    readMoreLabel?: React.ReactNode;
+    /** Label for the inline collapse toggle — only used when `sheetPrice` isn't set. Defaults to the translated "Read Less" copy for `locale`. */
+    readLessLabel?: React.ReactNode;
     /** Current price, e.g. "₹199". */
     price: React.ReactNode;
     /** Original price shown struck-through before `price`, e.g. "₹250". */
@@ -21,8 +36,28 @@ export interface ServiceOfferCardProps extends Omit<React.HTMLAttributes<HTMLDiv
     /**
      * Control anchored over the bottom edge of the image — typically a
      * `QuantityStepper`, but accepts any node so a plain CTA button works too.
+     * Also reused as-is inside the details sheet's footer when `sheetPrice` is set.
      */
     action?: React.ReactNode;
+    /**
+     * Numeric price for the tap-to-open `ServiceOfferSheet`'s "Save X%" math —
+     * the card's own `price`/`originalPrice` above are preformatted `ReactNode`
+     * (e.g. "₹199") and can't be used for that calculation. Setting this makes
+     * the whole card tappable: it opens a `ServiceOfferSheet` with the same
+     * image/tag/title/full-description/action, plus this price data. Omit to
+     * keep the card static (no tap-to-open behavior).
+     */
+    sheetPrice?: number;
+    /** Original/base price before discount, for the sheet's struck-through price + "Save X%" badge. */
+    sheetBasePrice?: number;
+    /** Prefixed to `sheetPrice`/`sheetBasePrice` in the sheet. Defaults to '₹'. */
+    sheetCurrencySymbol?: string;
+    /** Forwarded to the sheet's `showSavedBadge`. */
+    sheetShowSavedBadge?: boolean;
+    /** Forwarded to the sheet's `savedLabel`. */
+    sheetSavedLabel?: React.ReactNode;
+    /** Accessible name for the sheet dialog. */
+    sheetAriaLabel?: string;
 }
 /**
  * Add-on card used on "review your booking" screens: an image with a

package/dist/components/ServiceOfferSheet/ServiceOfferSheet.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+export interface ServiceOfferSheetProps {
+    isOpen: boolean;
+    onClose: () => void;
+    ariaLabel?: string;
+    /** Full-width illustration/photo at the top of the sheet. */
+    image: string;
+    imageAlt?: string;
+    /**
+     * Flush banner rendered under the image, e.g. "Contribute to cow service".
+     * Accepts any React node — pass an icon + label for a custom banner. Use
+     * `tagClassName` to change its color/theme.
+     */
+    tag?: React.ReactNode;
+    tagClassName?: string;
+    /** Service name, e.g. "Offer green fodder, dry fodder and 5 rotis to 11 cows for blessings". */
+    title: React.ReactNode;
+    /** Full copy under the title — this is the expanded detail view, so it's shown in full (no truncation). */
+    description?: React.ReactNode;
+    /** Final price, e.g. 199. Used both to display and to compute the amount saved. */
+    price: number;
+    /** Original/base price before discount, e.g. 250. Omit (or equal to `price`) to hide the strike-through and saved badge. */
+    basePrice?: number;
+    /** Prefixed to `price`/`basePrice` when formatting, e.g. "₹". */
+    currencySymbol?: string;
+    /**
+     * Whether to show the "Save X%" badge next to the price. Defaults to
+     * showing it whenever `basePrice` is greater than `price` — pass `false`
+     * to always hide it regardless of the computed discount.
+     */
+    showSavedBadge?: boolean;
+    /** Overrides the computed "Save X%" copy, e.g. for a translated label. */
+    savedLabel?: React.ReactNode;
+    /** Primary CTA anchored to the footer, e.g. an "Add" button or a `QuantityStepper` once added. */
+    action?: React.ReactNode;
+}
+/**
+ * Bottom-sheet detail view for a `ServiceOfferCard` item: full-width image,
+ * tag banner, title + full description (scrollable), and a footer pinned
+ * below the scroll area with the price (original price struck through, plus
+ * a computed "Save X%" badge) and the primary CTA.
+ */
+export declare const ServiceOfferSheet: React.FC<ServiceOfferSheetProps>;

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

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

package/dist/index.d.ts

@@ -51,6 +51,8 @@ export { CartReviewItem, CartReviewMandapItem, CartReviewChangeButton, CartRevie
 export type { CartReviewItemProps, CartReviewMandapItemProps, CartReviewChangeButtonProps, CartReviewAddedBadgeProps, } from './components/CartReviewItem';
 export { ServiceOfferCard } from './components/ServiceOfferCard';
 export type { ServiceOfferCardProps } from './components/ServiceOfferCard';
+export { ServiceOfferSheet } from './components/ServiceOfferSheet';
+export type { ServiceOfferSheetProps } from './components/ServiceOfferSheet';
 export { PackageSelect } from './components/PackageSelect';
 export type { PackageSelectProps, PackageSelectOption, } from './components/PackageSelect';
 export { PACKAGE_SELECT_DEFAULT_COPY, getPackageSelectDefaultCopy, } from './components/PackageSelect';