sy-ui-lib 1.0.51 → 1.0.53

package/dist/components/UserBetSlip/UserBetSlip.component.d.ts

@@ -1,45 +1,3 @@
 import { UserBetSlipProps } from './UserBetSlip.types';
-/**
- * UserBetSlip component renders a list of user bet slips with support for
- * toggling between a compact view and a detailed view using a checkbox.
- *
- * - Compact view (default): Shows bet type, subtitle, result, and odds.
- * - Detailed view (when checkbox is enabled): Expands each bet slip to show reference, date & time, and a breakdown of odds.
- * - On mobile screens: This component is typically rendered inside a `Modal` for better UX on limited screen space.
- * - Supports i18n/localization via `titles` prop (all labels in one place).
- *
- * @param {UserBetSlipProps} props - Contains bet slip data and UI labels.
- * @returns {JSX.Element} Structured layout of bet slips.
- *
- * @example
- * const bets = [
- *  {
- *    id: "1",
- *    type: "Back",
- *    subTitle: "Tseng, Chun Hsin",
- *    result: "Winner",
- *    reference: "386560789",
- *    time: "02-07-2025 11:33",
- *    oddsDetails: [
- *      { title: "Odds", value: 13.5 },
- *      { title: "Stake", value: 10.001 },
- *      { title: "P&L", value: 125.0 },
- *    ],
- *  },
- * ];
- * @example
- * <UserBetSlip
- *   titles={{
- *     slipTitle: "Open Bets",
- *     betFor: "Bet For",
- *     betAgainst: "Bet Against",
- *     betInfo: "Bet Info",
- *     reference: "Ref:",
- *     time: "Time:",
- *     nullMessage: "No bets available at the moment.",
- *   }}
- *   bets={bets}
- * />
- */
 declare const UserBetSlip: React.FC<UserBetSlipProps>;
 export default UserBetSlip;

package/dist/components/UserBetSlip/UserBetSlip.stories.d.ts

@@ -3,7 +3,14 @@ import { default as UserBetSlip } from './UserBetSlip.component';
 declare const meta: Meta<typeof UserBetSlip>;
 /** Type alias for the story object of AdminBetSlip */
 type Story = StoryObj<typeof UserBetSlip>;
-/** Default story configuration for AdminBetSlip */
+/** Default story: header shown, accordion open by default */
 export declare const Default: Story;
+/** Accordion starts collapsed; click the header to expand */
+export declare const CollapsedByDefault: Story;
+/** Header shown but the toggle is disabled, so the slip stays open */
+export declare const NotCollapsible: Story;
+/** Empty state inside the accordion (shows the null message) */
+export declare const EmptyState: Story;
+/** Mobile: rendered inside a Modal, no header so no accordion */
 export declare const ForMobile: Story;
 export default meta;

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

@@ -45,6 +45,8 @@ export interface UserBetSlipProps {
     bets: UserBetSlipDetails[];
     /** Controls visibility of the header section. */
     showHeader?: boolean;
+    collapsible?: boolean;
+    defaultOpen?: boolean;
 }
 /** Props for OddsDetails component */
 export interface OddsDetailsProps {