@4alldigital/foundation-ui--gamma 1.52.0 → 1.53.0

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 (40) hide show
  1. package/dist/foundation-ui.css +1 -1
  2. package/dist/index.esm.js +2 -2
  3. package/dist/index.js +2 -2
  4. package/dist/types/lib/components/Avatar/Avatar.d.ts +1 -1
  5. package/dist/types/lib/components/Avatar/Avatar.types.d.ts +1 -0
  6. package/dist/types/lib/components/Card/constants/index.d.ts +2 -1
  7. package/dist/types/lib/components/SubscriptionManager/SubscriptionManager.d.ts +8 -0
  8. package/dist/types/lib/components/SubscriptionManager/SubscriptionManager.types.d.ts +26 -0
  9. package/dist/types/lib/components/SubscriptionManager/index.d.ts +1 -0
  10. package/dist/types/lib/components/Video/Video.d.ts +6 -4
  11. package/dist/types/lib/components/index.d.ts +1 -0
  12. package/dist/types/lib/forms/ProfileForm/ProfileForm.d.ts +1 -1
  13. package/dist/types/lib/forms/ProfileForm/ProfileForm.types.d.ts +1 -0
  14. package/dist/types/lib/forms/ResetPasswordAuthForm/ResetPasswordAuthForm.d.ts +8 -0
  15. package/dist/types/lib/forms/ResetPasswordAuthForm/ResetPasswordAuthForm.types.d.ts +3 -0
  16. package/dist/types/lib/forms/ResetPasswordAuthForm/index.d.ts +1 -0
  17. package/dist/types/lib/forms/index.d.ts +2 -0
  18. package/dist/types/lib/templates/AccountScreen/AccountScreen.d.ts +1 -1
  19. package/dist/types/lib/templates/AccountScreen/AccountScreen.types.d.ts +1 -0
  20. package/dist/types/lib/templates/ChallengeScreen/ChallengeScreen.d.ts +1 -1
  21. package/dist/types/lib/templates/ChallengeScreen/ChallengeScreen.types.d.ts +2 -0
  22. package/dist/types/lib/templates/ContentScreen/ContentScreen.d.ts +1 -1
  23. package/dist/types/lib/templates/ContentScreen/ContentScreen.types.d.ts +3 -2
  24. package/dist/types/lib/templates/NotFoundScreen/NotFoundScreen.d.ts +8 -0
  25. package/dist/types/lib/templates/NotFoundScreen/NotFoundScreen.types.d.ts +5 -0
  26. package/dist/types/lib/templates/NotFoundScreen/index.d.ts +1 -0
  27. package/dist/types/lib/templates/PasswordResetAuthScreen/PasswordResetAuthScreen.d.ts +8 -0
  28. package/dist/types/lib/templates/PasswordResetAuthScreen/PasswordResetAuthScreen.types.d.ts +6 -0
  29. package/dist/types/lib/templates/PasswordResetAuthScreen/index.d.ts +1 -0
  30. package/dist/types/lib/templates/ProfileScreen/ProfileScreen.d.ts +1 -1
  31. package/dist/types/lib/templates/ProfileScreen/ProfileScreen.types.d.ts +1 -0
  32. package/dist/types/lib/templates/SubscriptionScreen/SubscriptionScreen.d.ts +1 -1
  33. package/dist/types/lib/templates/SubscriptionScreen/SubscriptionScreen.types.d.ts +2 -0
  34. package/dist/types/lib/templates/WorkoutScreen/WorkoutScreen.d.ts +1 -1
  35. package/dist/types/lib/templates/index.d.ts +4 -0
  36. package/dist/types/lib/translations/en.d.ts +40 -1
  37. package/package.json +3 -2
  38. package/dist/types/lib/forms/SubscriptionForm/SubscriptionForm.d.ts +0 -8
  39. package/dist/types/lib/forms/SubscriptionForm/SubscriptionForm.types.d.ts +0 -6
  40. package/dist/types/lib/forms/SubscriptionForm/index.d.ts +0 -1
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './Avatar.types';
3
3
  declare const Avatar: {
4
- ({ testID, name, isEditable, initValue }: Props): React.ReactElement;
4
+ ({ testID, name, isEditable, initValue, fileUpdateCallback, }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default Avatar;
@@ -4,4 +4,5 @@ export interface Props {
4
4
  name?: string;
5
5
  isEditable?: boolean;
6
6
  initValue?: string;
7
+ fileUpdateCallback?: (file: File) => Promise<void>;
7
8
  }
@@ -1,2 +1,3 @@
1
- export declare const cardWrapperClasses = "relative rounded-lg overflow-hidden cursor-pointer hover:scale-105 shadow hover:shadow-lg bg-cardBackground text-cardText dark:bg-darkCardBackground dark:text-darkCardText hover:bg-cardText hover:text-cardBackground group";
1
+ export declare const cardWrapperClasses = "relative rounded-lg overflow-hidden shadow bg-cardBackground text-cardText dark:bg-darkCardBackground dark:text-darkCardText group";
2
+ export declare const clickableCardWrapperClasses = "relative rounded-lg overflow-hidden cursor-pointer hover:scale-105 shadow hover:shadow-lg bg-cardBackground text-cardText dark:bg-darkCardBackground dark:text-darkCardText hover:bg-cardText hover:text-cardBackground group";
2
3
  export declare const animateClasses = "transition duration-500 ease-in-out ";
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Props } from './SubscriptionManager.types';
3
+ declare const SubscriptionManager: {
4
+ ({ testID, title, children, subscription, plans, changeSubscriptionCallback, pauseSubscriptionCallback, selectedPlanCallback, contactSupportCallback, isLoading, }: Props): React.ReactElement;
5
+ displayName: string;
6
+ };
7
+ export default SubscriptionManager;
8
+ export type { Props };
@@ -0,0 +1,26 @@
1
+ export interface Props {
2
+ testID?: string;
3
+ title?: string;
4
+ description?: string;
5
+ children?: React.ReactNode;
6
+ subscription: {
7
+ id: string;
8
+ status: string;
9
+ plan: string;
10
+ price: string;
11
+ nextBillingDate: string;
12
+ endDate?: string;
13
+ };
14
+ plans: {
15
+ id: string;
16
+ name: string;
17
+ price: string;
18
+ description: string;
19
+ icon?: string;
20
+ }[];
21
+ isLoading?: boolean;
22
+ changeSubscriptionCallback: (id: string) => void;
23
+ pauseSubscriptionCallback: () => void;
24
+ contactSupportCallback: () => void;
25
+ selectedPlanCallback?: (planId: string) => void;
26
+ }
@@ -0,0 +1 @@
1
+ export { default } from './SubscriptionManager';
@@ -1,8 +1,10 @@
1
1
  import React from 'react';
2
2
  import { Props } from './Video.types';
3
- declare const Video: {
4
- ({ url, sources, onReady, onExitFullScreenCallback, className, options, isYoutube, defaultAudioTrack, rounded, aspectRatioValue, fullScreenOnly, }: Props): React.ReactElement;
5
- displayName: string;
6
- };
3
+ export interface VideoPlayerMethods {
4
+ play: () => void;
5
+ pause: () => void;
6
+ fullscreen: () => void;
7
+ }
8
+ declare const Video: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
7
9
  export default Video;
8
10
  export type { Props };
@@ -42,6 +42,7 @@ export { default as PanelVideo } from './PanelVideo';
42
42
  export { default as CardGrid } from './CardGrid';
43
43
  export { default as Screen } from './Screen';
44
44
  export { default as Accordion } from './Accordion';
45
+ export { default as SubscriptionManager } from './SubscriptionManager';
45
46
  export { default as Container } from './Container';
46
47
  export { default as ContentPageLayout } from './ContentPageLayout';
47
48
  export { default as ContentRowsLayout } from './ContentRowsLayout';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './ProfileForm.types';
3
3
  declare const ProfileForm: {
4
- ({ testID, initialValues, handleSubmit }: Props): React.ReactElement;
4
+ ({ testID, initialValues, handleSubmit, avatarUpdateCallback }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default ProfileForm;
@@ -2,4 +2,5 @@ export interface Props {
2
2
  testID?: string;
3
3
  initialValues?: Record<string, string>;
4
4
  handleSubmit: (values: Record<string, string>) => void;
5
+ avatarUpdateCallback: (file: File) => Promise<void>;
5
6
  }
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Props } from './ResetPasswordAuthForm.types';
3
+ declare const ResetPasswordAuthForm: {
4
+ ({ handleSubmit }: Props): React.ReactElement;
5
+ displayName: string;
6
+ };
7
+ export default ResetPasswordAuthForm;
8
+ export type { Props };
@@ -0,0 +1,3 @@
1
+ export interface Props {
2
+ handleSubmit: (values: any) => void;
3
+ }
@@ -0,0 +1 @@
1
+ export { default } from './ResetPasswordAuthForm';
@@ -1,10 +1,12 @@
1
1
  export { default as LoginForm } from './LoginForm';
2
2
  export { default as RegisterForm } from './RegisterForm';
3
3
  export { default as ResetPasswordForm } from './ResetPasswordForm';
4
+ export { default as ResetPasswordAuthForm } from './ResetPasswordAuthForm';
4
5
  export { default as ForgotPasswordForm } from './ForgotPasswordForm';
5
6
  export { default as ProfileForm } from './ProfileForm';
6
7
  export type { Props as LoginFormProps } from './LoginForm/LoginForm.types';
7
8
  export type { Props as RegisterFormProps } from './RegisterForm/RegisterForm.types';
8
9
  export type { Props as ResetPasswordFormProps } from './ResetPasswordForm/ResetPasswordForm.types';
10
+ export type { Props as ResetPasswordAuthFormProps } from './ResetPasswordAuthForm/ResetPasswordAuthForm.types';
9
11
  export type { Props as ForgotPasswordFormProps } from './ForgotPasswordForm/ForgotPasswordForm.types';
10
12
  export type { Props as ProfileFormProps } from './ProfileForm/ProfileForm.types';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './AccountScreen.types';
3
3
  declare const AccountScreen: {
4
- ({ testID, title, image, user, logoutCallback, menu }: Props): React.ReactElement;
4
+ ({ testID, title, image, user, logoutCallback, resetPasswordCallback, menu, }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default AccountScreen;
@@ -20,6 +20,7 @@ export interface Props {
20
20
  };
21
21
  };
22
22
  logoutCallback: () => void;
23
+ resetPasswordCallback?: () => void;
23
24
  menu: {
24
25
  title: string;
25
26
  route: string;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './ChallengeScreen.types';
3
3
  declare const ChallengeScreen: {
4
- ({ testID, title, image, created, body, days, price, puchaseLabel, hasAccess, onPressCallback, purchaseCallback, }: Props): React.ReactElement;
4
+ ({ testID, title, image, created, body, days, puchaseLabel, hasAccess, onPressCallback, purchaseCallback, isLoading, }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default ChallengeScreen;
@@ -1,6 +1,7 @@
1
1
  interface ChallengeDay {
2
2
  title: string;
3
3
  image: string;
4
+ video: string;
4
5
  id: string;
5
6
  }
6
7
  export interface Props {
@@ -15,5 +16,6 @@ export interface Props {
15
16
  price?: number;
16
17
  puchaseLabel?: string;
17
18
  purchaseCallback: () => void;
19
+ isLoading?: boolean;
18
20
  }
19
21
  export {};
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './ContentScreen.types';
3
3
  declare const ContentScreen: {
4
- ({ testID, title, image, updated, content }: Props): React.ReactElement;
4
+ ({ testID, title, image, updated, content, isLoading }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default ContentScreen;
@@ -1,7 +1,8 @@
1
1
  export interface Props {
2
2
  testID?: string;
3
- title: string;
3
+ title?: string;
4
4
  image?: string;
5
- content: string;
5
+ content?: string;
6
6
  updated?: number;
7
+ isLoading?: boolean;
7
8
  }
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Props } from './NotFoundScreen.types';
3
+ declare const NotFoundScreen: {
4
+ ({ testID, title, message }: Props): React.ReactElement;
5
+ displayName: string;
6
+ };
7
+ export default NotFoundScreen;
8
+ export type { Props };
@@ -0,0 +1,5 @@
1
+ export interface Props {
2
+ testID?: string;
3
+ title?: string;
4
+ message?: string;
5
+ }
@@ -0,0 +1 @@
1
+ export { default } from './NotFoundScreen';
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Props } from './PasswordResetAuthScreen.types';
3
+ declare const PasswordResetAuthScreen: {
4
+ ({ testID, title, image, handleSubmitCallback }: Props): React.ReactElement;
5
+ displayName: string;
6
+ };
7
+ export default PasswordResetAuthScreen;
8
+ export type { Props };
@@ -0,0 +1,6 @@
1
+ export interface Props {
2
+ testID?: string;
3
+ title: string;
4
+ image?: string;
5
+ handleSubmitCallback: (values: any) => Promise<void>;
6
+ }
@@ -0,0 +1 @@
1
+ export { default } from './PasswordResetAuthScreen';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './ProfileScreen.types';
3
3
  declare const ProfileScreen: {
4
- ({ testID, title, image, user, handleProfileSubmit }: Props): React.ReactElement;
4
+ ({ testID, title, image, user, handleProfileSubmit, profilePicUpdateCallback, }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default ProfileScreen;
@@ -20,4 +20,5 @@ export interface Props {
20
20
  };
21
21
  };
22
22
  handleProfileSubmit: (values: Record<string, string>) => void;
23
+ profilePicUpdateCallback: (file: File) => Promise<void>;
23
24
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './SubscriptionScreen.types';
3
3
  declare const SubscriptionScreen: {
4
- ({ testID, title, image, user, handleSubscriptionSubmit, subscriptionCallback, }: Props): React.ReactElement;
4
+ ({ testID, title, image, user, handleSubscriptionSubmit, subscriptionCallback, subscriptionManagerProps, }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default SubscriptionScreen;
@@ -1,3 +1,4 @@
1
+ import { Props as SubscriptionManagerProps } from '../../components/SubscriptionManager/SubscriptionManager.types';
1
2
  export interface Props {
2
3
  testID?: string;
3
4
  title: string;
@@ -22,4 +23,5 @@ export interface Props {
22
23
  };
23
24
  handleSubscriptionSubmit: (values: any) => void;
24
25
  subscriptionCallback?: () => void;
26
+ subscriptionManagerProps: SubscriptionManagerProps;
25
27
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Props } from './WorkoutScreen.types';
3
3
  declare const WorkoutScreen: {
4
- ({ testID, id, title, image, description, created, duration, level, section, uuid, video, category, type, likeCallback, completedCallback, favouriteCallback, isLiked, isCompleted, isFavourite, relatedWorkouts, isLoading, hasActiveSubscription, htmlDetails, }: Props): React.ReactElement;
4
+ ({ testID, id, title, image, description, created, duration, level, section, video, category, type, likeCallback, completedCallback, favouriteCallback, isLiked, isCompleted, isFavourite, relatedWorkouts, hasActiveSubscription, htmlDetails, }: Props): React.ReactElement;
5
5
  displayName: string;
6
6
  };
7
7
  export default WorkoutScreen;
@@ -9,7 +9,9 @@ export { default as DashboardScreen } from './DashboardScreen';
9
9
  export { default as FAQScreen } from './FAQScreen';
10
10
  export { default as HomeScreen } from './HomeScreen';
11
11
  export { default as MenuScreen } from './MenuScreen';
12
+ export { default as NotFoundScreen } from './NotFoundScreen';
12
13
  export { default as PasswordResetScreen } from './PasswordResetScreen';
14
+ export { default as PasswordResetAuthScreen } from './PasswordResetAuthScreen';
13
15
  export { default as ProfileScreen } from './ProfileScreen';
14
16
  export { default as ScheduleScreen } from './ScheduleScreen';
15
17
  export { default as SubscriptionScreen } from './SubscriptionScreen';
@@ -25,7 +27,9 @@ export type { Props as DashboardScreenProps } from './DashboardScreen/DashboardS
25
27
  export type { Props as FAQScreenProps } from './FAQScreen/FAQScreen.types';
26
28
  export type { Props as HomeScreenProps } from './HomeScreen/HomeScreen.types';
27
29
  export type { Props as MenuScreenProps } from './MenuScreen/MenuScreen.types';
30
+ export type { Props as NotFoundScreenProps } from './NotFoundScreen/NotFoundScreen.types';
28
31
  export type { Props as PasswordResetScreenProps } from './PasswordResetScreen/PasswordResetScreen.types';
32
+ export type { Props as PasswordResetAuthScreenProps } from './PasswordResetAuthScreen/PasswordResetAuthScreen.types';
29
33
  export type { Props as ProfileScreenProps } from './ProfileScreen/ProfileScreen.types';
30
34
  export type { Props as ScheduleScreenProps } from './ScheduleScreen/ScheduleScreen.types';
31
35
  export type { Props as SubscriptionScreenProps } from './SubscriptionScreen/SubscriptionScreen.types';
@@ -102,6 +102,12 @@ declare const strings: {
102
102
  PASSWORD: string;
103
103
  CONFIRM_PASSWORD: string;
104
104
  };
105
+ RESET_PASSWORD_FORM_AUTH: {
106
+ TITLE: string;
107
+ SUBMIT: string;
108
+ CURRENT_PASSWORD: string;
109
+ NEW_PASSWORD: string;
110
+ };
105
111
  PROFILE_FORM: {
106
112
  TITLE: string;
107
113
  SUBMIT: string;
@@ -466,7 +472,38 @@ declare const strings: {
466
472
  PASSWORD_RESET_SUCCESS: string;
467
473
  REGISTRATION_SUCCESS: string;
468
474
  REQUIRED_DATA_MISSING: string;
469
- PAASSWORD_EMAIL_SENT: string;
475
+ PASSWORD_EMAIL_SENT: string;
476
+ MISSING_QUERY_PARAMS: string;
477
+ CHALLENGE_ENTRY_SUCCESS: string;
478
+ RESET_PASSWORD: string;
479
+ CURRENT_SUBSCRIPTION: string;
480
+ MANAGE_SUBSCRIPTION: string;
481
+ CURRENT_PLAN: string;
482
+ NEXT_BILLING_DATE: string;
483
+ END_DATE: string;
484
+ SUBSCRIPTION_STATUS: string;
485
+ SUBSCRIPTION_PLAN: string;
486
+ SUBSCRIPTION_PRICE: string;
487
+ BILLED_MONTHLY: string;
488
+ ALL_SUBS_BILLED_MONTHLY: string;
489
+ CHANGE_PLAN: string;
490
+ PAUSE_SUBSCRIPTION: string;
491
+ CONFIRM_TO_PAUSE: string;
492
+ CONFIRM_TO_SUBMIT: string;
493
+ CONFIRM_TO_CHANGE_PLAN: string;
494
+ ARE_YOU_SURE: string;
495
+ ARE_YOU_SURE_TO_DO_THIS: string;
496
+ YES: string;
497
+ NO: string;
498
+ PAGE_NOT_FOUND: string;
499
+ PAGE_NOT_FOUND_MESSAGE: string;
500
+ PAGE_NOT_FOUND_OOPS: string;
501
+ PAGE_NOT_FOUND_MESSAGE_OOPS: string;
502
+ WHAT_CAN_YOU_DO: string;
503
+ DOUBLE_CHECK_URL: string;
504
+ RETURN_TO_HOMEPAGE: string;
505
+ EXPLORE_SITE: string;
506
+ STILL_NEED_HELP: string;
470
507
  };
471
508
  ERRORS: {
472
509
  GENERIC_ERROR: string;
@@ -489,6 +526,8 @@ declare const strings: {
489
526
  SIGN_OUT_FAILED_MESSAGE: string;
490
527
  PASSWORD_RESET_FAILED: string;
491
528
  REGISTRATION_FAILED: string;
529
+ VERIFICATION_FAILED: string;
530
+ UNKNOWN_ERROR: string;
492
531
  };
493
532
  };
494
533
  export default strings;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@4alldigital/foundation-ui--gamma",
3
- "version": "1.52.0",
3
+ "version": "1.53.0",
4
4
  "description": "Foundation UI Component library with GAMMA theme. ",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
@@ -39,7 +39,7 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "f6afa7aaac80226dc4a60455b225ee0c7ce5d787",
42
+ "gitHead": "4892e178c64bd6a34eb6013dce686892808bb165",
43
43
  "dependencies": {
44
44
  "@elastic/datemath": "^5.0.3",
45
45
  "@elastic/react-search-ui": "^1.21.5",
@@ -68,6 +68,7 @@
68
68
  "react": "^18.3.1",
69
69
  "react-burger-menu": "^3.0.9",
70
70
  "react-collapsible": "^2.10.0",
71
+ "react-confirm-alert": "^3.0.6",
71
72
  "react-content-loader": "^7.0.2",
72
73
  "react-device-detect": "^2.2.3",
73
74
  "react-dom": "^18.3.1",
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { Props } from './SubscriptionForm.types';
3
- declare const SubscriptionForm: {
4
- ({ testID, initialValues, handleSubmit, isDisabled }: Props): React.ReactElement;
5
- displayName: string;
6
- };
7
- export default SubscriptionForm;
8
- export type { Props };
@@ -1,6 +0,0 @@
1
- export interface Props {
2
- testID?: string;
3
- initialValues?: Record<string, string>;
4
- handleSubmit: (values: Record<string, string>) => void;
5
- isDisabled?: boolean;
6
- }
@@ -1 +0,0 @@
1
- export { default } from './SubscriptionForm';