sy-ui-lib 1.0.4 → 1.0.6

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

@@ -1,3 +1,4 @@
+import { ButtonProps } from '../Button';
 export interface MultiMarketButtonProps {
     eventId: string;
     onClick: (eventId: string) => void;
@@ -26,6 +27,10 @@ export interface CommonMarketHeaderProps {
     level?: 1 | 2 | 3;
     /**Controls whether the sub-header is rendered or not   */
     isSubHeader?: boolean;
+    /** controls whether the view bet button is rendered or not */
+    showBetsButton?: boolean;
+    /** buttons (CTAs) to render view button. */
+    viewBetCTA?: ButtonProps;
     /** Click handler (e.g. navigate to Match Odds) Used in: MultiMarket*/
     onClick?: (eventId: string) => void;
     /** Prop to show or hide inplay marker */

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

@@ -6,3 +6,4 @@ export default meta;
 type Story = StoryObj<typeof SnackbarProvider>;
 /** Story using Storybook controls to trigger different snackbar variants */
 export declare const ControlledSnackbar: Story;
+export declare const AllPositions: Story;

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

@@ -2,6 +2,7 @@
 export type SnackBarVariant = "default" | "action" | "dismiss";
 /** Types of snackbar message types. */
 export type SnackBarType = "info" | "success" | "error";
+export type SnackBarPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
 /** Props for the Action button (only for "action" variant) */
 export interface ActionProps {
     /** Label for the action button (only for "action" variant) */
@@ -21,6 +22,8 @@ interface SnackBarBaseProps {
     duration?: number;
     /** Type of message (info, success, error) to control the snackbar color */
     type?: SnackBarType;
+    /**  Position of the snackbar on screen" */
+    position?: SnackBarPosition;
 }
 /** Props for the default variant */
 interface DefaultSnackBarProps extends SnackBarBaseProps {

package/dist/components/SnackBar/SnackbarFetcher.d.ts

@@ -1,13 +1,16 @@
+import { SnackBarPosition } from './SnackBar.types';
 /** Options for displaying a snackbar, based on the variant type.*/
 type SnackbarOptions = {
     /** Default variant */
-    variant: "default";
+    variant?: "default";
     /** Auto-close duration (ms) */
     duration?: number;
+    position?: SnackBarPosition;
 } | {
     /** Action variant */
     variant: "action";
     duration?: number;
+    position?: SnackBarPosition;
     /** Action button config */
     actionProps: {
         actionLabel: string;
@@ -17,6 +20,7 @@ type SnackbarOptions = {
     /** Dismiss variant */
     variant: "dismiss";
     duration?: number;
+    position?: SnackBarPosition;
     /** Dismiss button config */
     dismissProps: {
         title: string;

package/dist/components/SnackBar/SnackbarProvider.d.ts

@@ -5,6 +5,11 @@ import { default as React } from 'react';
  * Global provider to display toast/snackbar notifications via a portal.
  * Mount it once at the app root (e.g., in `App.tsx`).
  *
+ * Positioning:
+ * - Snackbars can be displayed in 4 positions:
+ *   "top-left" | "top-right" | "bottom-left" | "bottom-right"
+ *   @default "bottom-right
+ *
  *  Usage:
  * 1. Add provider:
  *    <MainRouter />
@@ -12,6 +17,7 @@ import { default as React } from 'react';
  *    ```
  * 2. Trigger notifications:
  *    snackbar.success("Saved!");
+ *    snackbar.success("Saved!", { position: "top-right" });
  *    snackbar.error("Error", { variant: "dismiss" });
  *    snackbar.info("Retry?", { variant: "action", actionProps: { ... } });
  *    ```

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

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