@appstorys/react-web 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +89 -1
  2. package/dist/index.d.ts +89 -1
  3. package/dist/index.js +33 -18
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +33 -18
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -92,8 +92,13 @@ interface AppStorysStore {
92
92
  variantMappings: Record<string, string>;
93
93
  personalizationData: Record<string, string>;
94
94
  screenCaptureEnabled?: boolean;
95
+ /** @deprecated use `usersUrl` */
95
96
  baseUrl?: string;
97
+ usersUrl?: string;
96
98
  trackingUrl?: string;
99
+ campaignsUrl?: string;
100
+ mediaUrl?: string;
101
+ backendUrl?: string;
97
102
  }
98
103
  interface StorySlideCtaContainer {
99
104
  alignment?: string;
@@ -156,6 +161,7 @@ interface StoryGroupStyling {
156
161
  size?: number;
157
162
  };
158
163
  ringWidth?: number;
164
+ ringAndImageSpace?: number;
159
165
  share?: {
160
166
  color?: {
161
167
  cross?: string;
@@ -253,6 +259,7 @@ interface TooltipStyling {
253
259
  right?: number;
254
260
  top?: number;
255
261
  };
262
+ width?: number;
256
263
  /** When both width and height are set, the tooltip is treated as an
257
264
  * image tooltip: the container is sized to this exact (viewport-clamped)
258
265
  * box and the image is cropped to fill it edge-to-edge, matching RN's
@@ -458,6 +465,12 @@ interface SurveyCampaignDetails {
458
465
  imageStyle?: {
459
466
  height?: number;
460
467
  width?: number;
468
+ margin?: {
469
+ bottom?: number;
470
+ left?: number;
471
+ right?: number;
472
+ top?: number;
473
+ };
461
474
  };
462
475
  subtitle?: {
463
476
  textStyle?: SurveyTextStyle;
@@ -569,7 +582,35 @@ interface CsatCampaignDetails {
569
582
  };
570
583
  };
571
584
  rating?: {
572
- emoji?: string[] | Record<string, string> | string | null;
585
+ /** Horizontal alignment of the rating row: 'left' | 'center' | 'right' */
586
+ alignment?: string;
587
+ /** Corner radius applied to all rating item containers */
588
+ cornerRadius?: {
589
+ topLeft?: number;
590
+ topRight?: number;
591
+ bottomLeft?: number;
592
+ bottomRight?: number;
593
+ };
594
+ /** Arbitrary display-text label (reserved, not yet rendered) */
595
+ displayText?: string;
596
+ /** Emoji options — backend sends object form { selected, unselected, values } */
597
+ emoji?: string[] | string | null | {
598
+ selected?: {
599
+ stylingContainer?: {
600
+ border?: string;
601
+ borderWidth?: number;
602
+ fill?: string;
603
+ };
604
+ };
605
+ unselected?: {
606
+ stylingContainer?: {
607
+ border?: string;
608
+ borderWidth?: number;
609
+ fill?: string;
610
+ };
611
+ };
612
+ values?: string[];
613
+ };
573
614
  highRatingSubtitle?: string;
574
615
  highRatingTitle?: string;
575
616
  lowRatingSubtitle?: string;
@@ -577,8 +618,43 @@ interface CsatCampaignDetails {
577
618
  number?: number | {
578
619
  min?: number;
579
620
  max?: number;
621
+ high?: {
622
+ stylingContainer?: {
623
+ fill?: string;
624
+ background?: string;
625
+ border?: string;
626
+ borderWidth?: number;
627
+ };
628
+ };
629
+ low?: {
630
+ stylingContainer?: {
631
+ fill?: string;
632
+ background?: string;
633
+ border?: string;
634
+ borderWidth?: number;
635
+ };
636
+ };
637
+ unselected?: {
638
+ stylingContainer?: {
639
+ fill?: string;
640
+ background?: string;
641
+ border?: string;
642
+ borderWidth?: number;
643
+ };
644
+ stylingNumber?: {
645
+ text?: string;
646
+ textSize?: number;
647
+ };
648
+ };
649
+ /** Text styling applied to the number label when the button is selected */
650
+ stylingNumber?: {
651
+ text?: string;
652
+ textSize?: number;
653
+ };
580
654
  } | null;
581
655
  ratingType?: string;
656
+ /** Gap (px) between rating items for star and emoji types */
657
+ spacing?: number;
582
658
  star?: {
583
659
  high?: {
584
660
  stylingContainer?: {
@@ -625,6 +701,8 @@ interface CsatCampaignDetails {
625
701
  };
626
702
  imageStyle?: {
627
703
  height?: number;
704
+ /** Margin around the thank-you image */
705
+ margin?: CsatSpacing;
628
706
  width?: number;
629
707
  };
630
708
  subtitle?: {
@@ -760,8 +838,18 @@ interface InitializationOptions {
760
838
  appId: string;
761
839
  accountId: string;
762
840
  userId?: string;
841
+ /** @deprecated use `usersUrl` */
763
842
  baseUrl?: string;
843
+ /** Override the users host (default https://users.appstorys.co). */
844
+ usersUrl?: string;
845
+ /** Override the tracking host (default https://tracking.appstorys.co). */
764
846
  trackingUrl?: string;
847
+ /** Override the campaigns CDN host. */
848
+ campaignsUrl?: string;
849
+ /** Override the media bucket host. */
850
+ mediaUrl?: string;
851
+ /** Override the backend/appinfo host (default https://backend.appstorys.co). */
852
+ backendUrl?: string;
765
853
  navigateToScreen?: (screen: string) => void;
766
854
  }
767
855
 
package/dist/index.d.ts CHANGED
@@ -92,8 +92,13 @@ interface AppStorysStore {
92
92
  variantMappings: Record<string, string>;
93
93
  personalizationData: Record<string, string>;
94
94
  screenCaptureEnabled?: boolean;
95
+ /** @deprecated use `usersUrl` */
95
96
  baseUrl?: string;
97
+ usersUrl?: string;
96
98
  trackingUrl?: string;
99
+ campaignsUrl?: string;
100
+ mediaUrl?: string;
101
+ backendUrl?: string;
97
102
  }
98
103
  interface StorySlideCtaContainer {
99
104
  alignment?: string;
@@ -156,6 +161,7 @@ interface StoryGroupStyling {
156
161
  size?: number;
157
162
  };
158
163
  ringWidth?: number;
164
+ ringAndImageSpace?: number;
159
165
  share?: {
160
166
  color?: {
161
167
  cross?: string;
@@ -253,6 +259,7 @@ interface TooltipStyling {
253
259
  right?: number;
254
260
  top?: number;
255
261
  };
262
+ width?: number;
256
263
  /** When both width and height are set, the tooltip is treated as an
257
264
  * image tooltip: the container is sized to this exact (viewport-clamped)
258
265
  * box and the image is cropped to fill it edge-to-edge, matching RN's
@@ -458,6 +465,12 @@ interface SurveyCampaignDetails {
458
465
  imageStyle?: {
459
466
  height?: number;
460
467
  width?: number;
468
+ margin?: {
469
+ bottom?: number;
470
+ left?: number;
471
+ right?: number;
472
+ top?: number;
473
+ };
461
474
  };
462
475
  subtitle?: {
463
476
  textStyle?: SurveyTextStyle;
@@ -569,7 +582,35 @@ interface CsatCampaignDetails {
569
582
  };
570
583
  };
571
584
  rating?: {
572
- emoji?: string[] | Record<string, string> | string | null;
585
+ /** Horizontal alignment of the rating row: 'left' | 'center' | 'right' */
586
+ alignment?: string;
587
+ /** Corner radius applied to all rating item containers */
588
+ cornerRadius?: {
589
+ topLeft?: number;
590
+ topRight?: number;
591
+ bottomLeft?: number;
592
+ bottomRight?: number;
593
+ };
594
+ /** Arbitrary display-text label (reserved, not yet rendered) */
595
+ displayText?: string;
596
+ /** Emoji options — backend sends object form { selected, unselected, values } */
597
+ emoji?: string[] | string | null | {
598
+ selected?: {
599
+ stylingContainer?: {
600
+ border?: string;
601
+ borderWidth?: number;
602
+ fill?: string;
603
+ };
604
+ };
605
+ unselected?: {
606
+ stylingContainer?: {
607
+ border?: string;
608
+ borderWidth?: number;
609
+ fill?: string;
610
+ };
611
+ };
612
+ values?: string[];
613
+ };
573
614
  highRatingSubtitle?: string;
574
615
  highRatingTitle?: string;
575
616
  lowRatingSubtitle?: string;
@@ -577,8 +618,43 @@ interface CsatCampaignDetails {
577
618
  number?: number | {
578
619
  min?: number;
579
620
  max?: number;
621
+ high?: {
622
+ stylingContainer?: {
623
+ fill?: string;
624
+ background?: string;
625
+ border?: string;
626
+ borderWidth?: number;
627
+ };
628
+ };
629
+ low?: {
630
+ stylingContainer?: {
631
+ fill?: string;
632
+ background?: string;
633
+ border?: string;
634
+ borderWidth?: number;
635
+ };
636
+ };
637
+ unselected?: {
638
+ stylingContainer?: {
639
+ fill?: string;
640
+ background?: string;
641
+ border?: string;
642
+ borderWidth?: number;
643
+ };
644
+ stylingNumber?: {
645
+ text?: string;
646
+ textSize?: number;
647
+ };
648
+ };
649
+ /** Text styling applied to the number label when the button is selected */
650
+ stylingNumber?: {
651
+ text?: string;
652
+ textSize?: number;
653
+ };
580
654
  } | null;
581
655
  ratingType?: string;
656
+ /** Gap (px) between rating items for star and emoji types */
657
+ spacing?: number;
582
658
  star?: {
583
659
  high?: {
584
660
  stylingContainer?: {
@@ -625,6 +701,8 @@ interface CsatCampaignDetails {
625
701
  };
626
702
  imageStyle?: {
627
703
  height?: number;
704
+ /** Margin around the thank-you image */
705
+ margin?: CsatSpacing;
628
706
  width?: number;
629
707
  };
630
708
  subtitle?: {
@@ -760,8 +838,18 @@ interface InitializationOptions {
760
838
  appId: string;
761
839
  accountId: string;
762
840
  userId?: string;
841
+ /** @deprecated use `usersUrl` */
763
842
  baseUrl?: string;
843
+ /** Override the users host (default https://users.appstorys.co). */
844
+ usersUrl?: string;
845
+ /** Override the tracking host (default https://tracking.appstorys.co). */
764
846
  trackingUrl?: string;
847
+ /** Override the campaigns CDN host. */
848
+ campaignsUrl?: string;
849
+ /** Override the media bucket host. */
850
+ mediaUrl?: string;
851
+ /** Override the backend/appinfo host (default https://backend.appstorys.co). */
852
+ backendUrl?: string;
765
853
  navigateToScreen?: (screen: string) => void;
766
854
  }
767
855