@4alldigital/foundation-ui--core 3.0.0

package/src/templates/HomeScreen/HomeScreen.types.ts

@@ -0,0 +1,23 @@
+import { Props as panelVideoProps } from '../../components/PanelVideo/PanelVideo.types';
+import { Props as panelFeatureProps } from '../../components/PanelFeature/PanelFeature.types';
+import { Props as panelCardsProps } from '../../components/PanelCards/PanelCards.types';
+import { Props as panelHerosProps } from '../../components/PanelHero/PanelHero.types';
+import { Props as panelProductProps } from '../../components/PanelProduct/PanelProduct.types';
+import { Props as panelIntroProps } from '../../components/PanelIntro/PanelIntro.types';
+import { Props as panelCustomProps } from '../../components/PanelCustom/PanelCustom.types';
+export interface Props {
+  testID?: string;
+  title?: string;
+  image?: string;
+  panelIntroProps?: panelIntroProps;
+  panelVideoProps?: panelVideoProps;
+  panelFeatureProps?: panelFeatureProps;
+  panelCardsProps?: panelCardsProps;
+  panelHerosProps?: panelHerosProps[];
+  panelSubscriptionsProps?: panelCardsProps;
+  panelTestimonialsProps?: panelCardsProps;
+  panelDataCardsProps?: panelCardsProps;
+  panelProductProps?: panelProductProps;
+  panelCustomProps?: panelCustomProps;
+  isFlush?: boolean;
+}

package/src/templates/HomeScreen/index.ts

@@ -0,0 +1 @@
+export { default } from './HomeScreen';

package/src/templates/LogoutScreen/LogoutScreen.stories.tsx

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/nextjs';
+import LogoutScreen from '.';
+
+const meta: Meta<typeof LogoutScreen> = {
+  title: 'TEMPLATES/LogoutScreen',
+  component: LogoutScreen,
+};
+
+type Story = StoryObj<typeof LogoutScreen>;
+
+export const Default: Story = {
+  parameters: {
+    layout: 'fullscreen',
+  },
+  args: {
+    // title: 'Logging out',
+  },
+};
+
+export default meta;

package/src/templates/LogoutScreen/LogoutScreen.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import Screen from '../../components/Screen';
+import DisplayHeading from '../../components/DisplayHeading';
+import Loader from '../../components/Loader';
+import Copy from '../../components/Copy';
+import { Props } from './LogoutScreen.types';
+import { useLanguage } from '../../hooks';
+
+const LogoutScreen = ({ testID, title }: Props) => {
+  const T = useLanguage();
+  return (
+    <Screen data-testid={testID || 'LogoutScreen'}>
+      <div>
+        {title && <DisplayHeading text={title} />}
+        <Copy>{T?.UI?.PLEASE_WAIT}</Copy>
+        <Loader />
+      </div>
+    </Screen>
+  );
+};
+
+LogoutScreen.displayName = 'LogoutScreen';
+
+export default LogoutScreen;
+export type { Props };

package/src/templates/LogoutScreen/LogoutScreen.types.ts

@@ -0,0 +1,4 @@
+export interface Props {
+    testID?: string;
+    title: string;
+}

package/src/templates/LogoutScreen/index.ts

@@ -0,0 +1 @@
+export { default } from './LogoutScreen';

package/src/templates/MenuScreen/MenuScreen.stories.tsx

@@ -0,0 +1,36 @@
+import type { Meta, StoryObj } from '@storybook/nextjs';
+import MenuScreen from '.';
+
+const meta: Meta<typeof MenuScreen> = {
+  title: 'TEMPLATES/MenuScreen',
+  component: MenuScreen,
+};
+
+type Story = StoryObj<typeof MenuScreen>;
+
+export const Default: Story = {
+  parameters: {
+    layout: 'fullscreen',
+  },
+  args: {
+    title: 'MenuScreen',
+    menu: [
+      {
+        title: 'Workout',
+        onPress: () => console.log('Workout'),
+      },
+      {
+        title: 'Settings',
+        onPress: () => console.log('Settings'),
+      },
+      {
+        title: 'Terms & Conditions',
+        icon: 'scale-balance',
+        onPress: () => console.log('Terms & Conditions'),
+      }
+    ],
+  },
+  render: (props) => <MenuScreen {...props} />,
+};
+
+export default meta;

package/src/templates/MenuScreen/MenuScreen.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import Screen from '../../components/Screen';
+import { Props } from './MenuScreen.types';
+import DisplayHeading from '../../components/DisplayHeading';
+import Loader from '../../components/Loader';
+import List from '../../components/List';
+import ListItem from '../../components/ListItem';
+
+const MenuScreen = ({ testID, title, image, menu, isLoading = false }: Props) => {
+  return (
+    <Screen data-testid={testID || 'MenuScreen'} image={image}>
+      {title && <DisplayHeading text={title} />}
+      {isLoading && (
+        <div className="flex flex-1 min-h-[125px] items-center justify-center">
+          <Loader />
+        </div>
+      )}
+      {menu && (
+        <List>
+          {menu.map(item => (
+            <ListItem as="div" key={item.title} icon={item.icon} onClick={item.onPress} title={item.title} />
+          ))}
+        </List>
+      )}
+    </Screen>
+  );
+};
+
+MenuScreen.displayName = 'MenuScreen';
+
+export default MenuScreen;
+export type { Props };

package/src/templates/MenuScreen/MenuScreen.types.ts

@@ -0,0 +1,11 @@
+export interface Props {
+  testID?: string;
+  title: string;
+  image?: string;
+  menu?: {
+    title: string;
+    onPress: (arg?: any) => void;
+    icon?: string;
+  }[];
+  isLoading?: boolean;
+}

package/src/templates/MenuScreen/index.ts

@@ -0,0 +1 @@
+export { default } from './MenuScreen';

package/src/templates/NotFoundScreen/NotFoundScreen.stories.tsx

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/nextjs';
+import NotFound from '.';
+
+const meta: Meta<typeof NotFound> = {
+  title: 'TEMPLATES/NotFound',
+  component: NotFound,
+};
+
+type Story = StoryObj<typeof NotFound>;
+
+export const Default: Story = {
+  parameters: {
+    layout: 'fullscreen',
+  },
+  args: {
+    // title: 'Not Found',
+  },
+};
+
+export default meta;

package/src/templates/NotFoundScreen/NotFoundScreen.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import Screen from '../../components/Screen';
+import { Copy, DisplayHeading, Heading, HEADING_TAGS, Icon, List, ListItem, ListTag } from '../../components';
+import { Props } from './NotFoundScreen.types';
+import { useLanguage } from '../../hooks';
+
+const NotFoundScreen = ({ testID, title, message }: Props) => {
+  const T = useLanguage();
+  return (
+    <Screen data-testid={testID || 'NotFound'}>
+      <DisplayHeading text={title || T?.UI?.PAGE_NOT_FOUND_OOPS} />
+      <Copy>{message || T?.UI?.PAGE_NOT_FOUND_MESSAGE_OOPS}</Copy>
+      <Heading tag={HEADING_TAGS.H5} flush>
+        <span className="flex flex-row gap-2 items-center">
+          <Icon name="mdi:lightbulb" /> {T?.UI?.WHAT_CAN_YOU_DO}
+        </span>
+      </Heading>
+      <List as={ListTag.UL}>
+        <ListItem as="li">{T?.UI?.DOUBLE_CHECK_URL}</ListItem>
+        <ListItem as="li">{T?.UI?.RETURN_TO_HOMEPAGE}</ListItem>
+        <ListItem as="li">{T?.UI?.EXPLORE_SITE}.</ListItem>
+      </List>
+      <Copy>{T?.UI?.STILL_NEED_HELP}</Copy>
+    </Screen>
+  );
+};
+
+NotFoundScreen.displayName = 'NotFoundScreen';
+
+export default NotFoundScreen;
+export type { Props };

package/src/templates/NotFoundScreen/NotFoundScreen.types.ts

@@ -0,0 +1,5 @@
+export interface Props {
+    testID?: string;
+    title?: string;
+    message?: string;
+}

package/src/templates/NotFoundScreen/index.ts

@@ -0,0 +1 @@
+export { default } from './NotFoundScreen';

package/src/templates/PasswordResetAuthScreen/PasswordResetAuthScreen.stories.tsx

@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/nextjs';
+import PasswordResetAuthScreen from '.';
+
+const meta: Meta<typeof PasswordResetAuthScreen> = {
+  title: 'TEMPLATES/PasswordResetAuthScreen',
+  component: PasswordResetAuthScreen,
+};
+
+type Story = StoryObj<typeof PasswordResetAuthScreen>;
+
+export const Default: Story = {
+  parameters: {
+    layout: 'fullscreen',
+  },
+  args: {
+    title: 'PasswordResetAuthScreen',
+    handleSubmitCallback: async (values: any) => {
+      console.log('PasswordResetAuthScreen values', values);
+      const randomIntBetweenOneAndTwenty = Math.floor(Math.random() * 20) + 1;
+      const response = await fetch(`https://jsonplaceholder.typicode.com/todos/${randomIntBetweenOneAndTwenty}`);
+      const json = await response.json();
+      console.log('PasswordResetAuthScreen json', json);
+    }
+  },
+};
+
+export default meta;

package/src/templates/PasswordResetAuthScreen/PasswordResetAuthScreen.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import Screen from '../../components/Screen';
+import { Props } from './PasswordResetAuthScreen.types';
+import DisplayHeading from '../../components/DisplayHeading';
+import ResetPasswordAuthForm from '../../forms/ResetPasswordAuthForm';
+
+const PasswordResetAuthScreen = ({ testID, title, image, handleSubmitCallback }: Props) => {
+  return (
+    <Screen data-testid={testID || "PasswordResetAuthScreen"} image={image}>
+      {title && <DisplayHeading text={title} />}
+      <ResetPasswordAuthForm handleSubmit={handleSubmitCallback} />
+    </Screen>
+  );
+};
+
+PasswordResetAuthScreen.displayName = 'PasswordResetAuthScreen';
+
+export default PasswordResetAuthScreen;
+export type { Props };
+

package/src/templates/PasswordResetAuthScreen/PasswordResetAuthScreen.types.ts

@@ -0,0 +1,6 @@
+export interface Props {
+  testID?: string;
+  title: string;
+  image?: string;
+  handleSubmitCallback: (values: any) => Promise<void>;
+}

package/src/templates/PasswordResetAuthScreen/index.ts

@@ -0,0 +1 @@
+export { default } from './PasswordResetAuthScreen';

package/src/templates/PasswordResetScreen/PasswordResetScreen.stories.tsx

@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from '@storybook/nextjs';
+import PasswordResetScreen from '.';
+
+const meta: Meta<typeof PasswordResetScreen> = {
+  title: 'TEMPLATES/PasswordResetScreen',
+  component: PasswordResetScreen,
+};
+
+type Story = StoryObj<typeof PasswordResetScreen>;
+
+export const Default: Story = {
+  parameters: {
+    layout: 'fullscreen',
+  },
+  args: {
+    title: 'Password Reset',
+    image: 'https://picsum.photos/1600/900',
+    handleSubmitCallback: (data: { password: string }) => console.log(data),
+  },
+};
+
+export default meta;

package/src/templates/PasswordResetScreen/PasswordResetScreen.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import Screen from '../../components/Screen';
+import { Props } from './PasswordResetScreen.types';
+import { ResetPasswordForm } from '../../forms';
+import DisplayHeading from '../../components/DisplayHeading';
+
+const PasswordResetScreen = ({ testID, title, image, handleSubmitCallback }: Props) => {
+  return (
+    <Screen data-testid={testID || '"PasswordReset"'} image={image}>
+      {title && <DisplayHeading text={title} />}
+      <ResetPasswordForm handleSubmit={handleSubmitCallback} />
+    </Screen>
+  );
+};
+
+PasswordResetScreen.displayName = 'PasswordResetScreen';
+
+export default PasswordResetScreen;
+export type { Props };

package/src/templates/PasswordResetScreen/PasswordResetScreen.types.ts

@@ -0,0 +1,6 @@
+export interface Props {
+  testID?: string;
+  title: string;
+  image?: string;
+  handleSubmitCallback: (data: { password: string }) => void;
+}

package/src/templates/PasswordResetScreen/index.ts

@@ -0,0 +1 @@
+export { default } from './PasswordResetScreen';

package/src/templates/ProfileScreen/ProfileScreen.stories.tsx

@@ -0,0 +1,41 @@
+import type { Meta, StoryObj } from '@storybook/nextjs';
+import ProfileScreen from '.';
+
+const meta: Meta<typeof ProfileScreen> = {
+  title: 'TEMPLATES/ProfileScreen',
+  component: ProfileScreen,
+};
+
+type Story = StoryObj<typeof ProfileScreen>;
+
+export const Default: Story = {
+  parameters: {
+    layout: 'fullscreen',
+  },
+  args: {
+    title: 'Profile Screen',
+    testID: 'account',
+    image: 'https://picsum.photos/600/400',
+    user: {
+      profile: {
+        firstName: 'Joe',
+        lastName: 'Bloggs',
+        email: 'joe.bloggs@example.com',
+        picture: 'https://picsum.photos/600/400',
+        dateOfBirth: '1980-01-01',
+      },
+      subscription: {
+        status: 'Active',
+        price: '$9.99',
+        nextBillingDate: '2024-12-31',
+        cardType: 'Visa',
+        cardNumber: '**** **** **** 1234',
+        cardExpiry: '12/24',
+      },
+    },
+    handleProfileSubmit: values => console.log('handleProfileSubmit', values),
+    profilePicUpdateCallback: async file => console.log('profilePicUpdateCallback', file),
+  },
+};
+
+export default meta;

package/src/templates/ProfileScreen/ProfileScreen.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import Screen from '../../components/Screen';
+import { Props } from './ProfileScreen.types';
+import DisplayHeading from '../../components/DisplayHeading';
+import { ProfileForm } from '../../forms';
+
+const ProfileScreen = ({
+  testID,
+  title,
+  image,
+  user,
+  handleProfileSubmit,
+  profilePicUpdateCallback,
+}: Props) => {
+  return (
+    <Screen data-testid={testID || 'ProfileScreen'} image={image}>
+      {title && <DisplayHeading text={title} />}
+      <ProfileForm
+        initialValues={user?.profile}
+        handleSubmit={handleProfileSubmit}
+        avatarUpdateCallback={profilePicUpdateCallback}
+      />
+    </Screen>
+  );
+};
+
+ProfileScreen.displayName = 'ProfileScreen';
+
+export default ProfileScreen;
+export type { Props };

package/src/templates/ProfileScreen/ProfileScreen.types.ts

@@ -0,0 +1,24 @@
+export interface Props {
+  testID?: string;
+  title: string;
+  image?: string;
+  user?: {
+    profile?: {
+      picture?: string;
+      firstName?: string;
+      lastName?: string;
+      dateOfBirth?: string;
+      email: string;
+    };
+    subscription?: {
+      status?: string;
+      price?: string;
+      nextBillingDate?: string;
+      cardType?: string;
+      cardNumber?: string;
+      cardExpiry?: string;
+    };
+  };
+  handleProfileSubmit: (values: Record<string, string>) => void;
+  profilePicUpdateCallback: (file: File) => Promise<void>;
+}

package/src/templates/ProfileScreen/index.ts

@@ -0,0 +1 @@
+export { default } from './ProfileScreen';

package/src/templates/ScheduleScreen/ScheduleScreen.stories.tsx

@@ -0,0 +1,174 @@
+import type { Meta, StoryObj } from '@storybook/nextjs';
+import ScheduleScreen from '.';
+import { formatSchedule } from '@techstuff-dev/foundation-api-utils';
+
+const meta: Meta<typeof ScheduleScreen> = {
+  title: 'TEMPLATES/ScheduleScreen',
+  component: ScheduleScreen,
+};
+
+type Story = StoryObj<typeof ScheduleScreen>;
+
+const exampleData = [
+  {
+    _index: 'elasticsearch_index_drudock_db_schedule',
+    _id: 'entity:node/773:en',
+    _score: 1.0,
+    _source: {
+      _language: 'en',
+      created: [1670150946],
+      friday_end: [1717136100],
+      friday_live: ['https://youtube.com/live/yZkbbt4hyf0'],
+      friday_start: [1717134300],
+      friday_title: ['Foam roller Core and Myofascial release'],
+      friday_video: ['https://d9r66csa6956h.cloudfront.net/2024-05/GMT20240517-065931_Recording_640x360.mp4'],
+      langcode: ['en'],
+      monday_end: [1716807600],
+      monday_live: ['https://youtube.com/live/yZkbbt4hyf0'],
+      monday_start: [1716807600],
+      monday_title: ['Bank Holiday'],
+      monday_video: ['https://d9r66csa6956h.cloudfront.net/2024-05/GMT20240513-054521_Recording_640x360.mp4'],
+      saturday_end: [1717239600],
+      saturday_live: ['https://youtube.com/live/yZkbbt4hyf0'],
+      saturday_start: [1717239600],
+      saturday_title: ['No Class'],
+      saturday_video: ['https://d9r66csa6956h.cloudfront.net/2024-05/GMT20240518-070106_Recording_640x360.mp4'],
+      thursday_end: [1717050600],
+      thursday_live: ['https://youtube.com/live/yZkbbt4hyf0'],
+      thursday_start: [1717047900],
+      thursday_title: ['3 x15min Arms / Legs / Glutes and Core'],
+      thursday_video: ['https://d9r66csa6956h.cloudfront.net/2024-05/GMT20240530-054647_Recording_640x360.mp4'],
+      tuesday_end: [1716876900],
+      tuesday_live: ['https://youtube.com/live/yZkbbt4hyf0'],
+      tuesday_start: [1716875100],
+      tuesday_title: ['Legs and abs with ball'],
+      tuesday_video: ['https://d9r66csa6956h.cloudfront.net/2024-05/GMT20240514-054609_Recording_640x360.mp4'],
+      updated: [1721047522],
+      uuid: ['816ba984-e6b9-4171-84bd-f3fa7e418f26'],
+      wednesday_end: [1716964200],
+      wednesday_live: ['https://youtube.com/live/yZkbbt4hyf0'],
+      wednesday_start: [1716961500],
+      wednesday_title: ['Barre Floor with ball'],
+      wednesday_video: ['https://d9r66csa6956h.cloudfront.net/2024-05/GMT20240529-054531_Recording_640x360.mp4'],
+    },
+  },
+];
+
+const formattedSchedule = formatSchedule(exampleData)?.[0];
+
+// October 2025 example data for calendar view
+const october2025Data = [
+  {
+    _index: 'elasticsearch_index_drudock_db_schedule',
+    _id: 'entity:node/773:en',
+    _score: 1.0,
+    _source: {
+      _language: 'en',
+      created: [1670150946],
+      // Monday Oct 13, 2025 - 11:00 AM
+      monday_end: [1760418000],
+      monday_live: ['https://youtube.com/live/yZkbbt4hyf0'],
+      monday_start: [1760414400],
+      monday_title: ['Morning Yoga Flow'],
+      monday_video: ['https://d9r66csa6956h.cloudfront.net/2024-05/GMT20240513-054521_Recording_640x360.mp4'],
+      // Tuesday Oct 14, 2025 - 6:45 AM  
+      tuesday_end: [1760488500],
+      tuesday_live: ['https://youtube.com/live/yZkbbt4hyf0'],
+      tuesday_start: [1760485500],
+      tuesday_title: ['Legs and abs with ball'],
+      tuesday_video: ['https://d9r66csa6956h.cloudfront.net/2024-05/GMT20240514-054609_Recording_640x360.mp4'],
+      // Wednesday Oct 15, 2025 - 6:45 AM
+      wednesday_end: [1760574900],
+      wednesday_live: ['https://youtube.com/live/yZkbbt4hyf0'],
+      wednesday_start: [1760571900],
+      wednesday_title: ['Barre Floor with ball'],
+      wednesday_video: ['https://d9r66csa6956h.cloudfront.net/2024-05/GMT20240529-054531_Recording_640x360.mp4'],
+      // Thursday Oct 16, 2025 - 6:45 AM
+      thursday_end: [1760661300],
+      thursday_live: ['https://youtube.com/live/yZkbbt4hyf0'],
+      thursday_start: [1760658300],
+      thursday_title: ['3 x15min Arms / Legs / Glutes and Core'],
+      thursday_video: ['https://d9r66csa6956h.cloudfront.net/2024-05/GMT20240530-054647_Recording_640x360.mp4'],
+      // Friday Oct 17, 2025 - 6:45 AM
+      friday_end: [1760747700],
+      friday_live: ['https://youtube.com/live/yZkbbt4hyf0'],
+      friday_start: [1760744700],
+      friday_title: ['Foam roller Core and Myofascial release'],
+      friday_video: ['https://d9r66csa6956h.cloudfront.net/2024-05/GMT20240517-065931_Recording_640x360.mp4'],
+      // Saturday Oct 18, 2025 - 11:00 AM
+      saturday_end: [1760851200],
+      saturday_live: ['https://youtube.com/live/yZkbbt4hyf0'],
+      saturday_start: [1760847600],
+      saturday_title: ['Weekend Recovery Session'],
+      saturday_video: ['https://d9r66csa6956h.cloudfront.net/2024-05/GMT20240518-070106_Recording_640x360.mp4'],
+      updated: [1721047522],
+      uuid: ['816ba984-e6b9-4171-84bd-f3fa7e418f26'],
+    },
+  },
+];
+
+const formattedOctober2025Schedule = formatSchedule(october2025Data)?.[0];
+
+export const Default: Story = {
+  parameters: {
+    layout: 'fullscreen',
+  },
+  args: {
+    testID: 'schedule-screen',
+    title: 'Schedule',
+    image: 'https://picsum.photos/1600/900',
+    scheduleData: {
+      raised: false,
+      scheduleItems: formattedSchedule,
+      hasAccess: true,
+    },
+  },
+};
+
+export const AccessRestricted: Story = {
+  parameters: {
+    layout: 'fullscreen',
+  },
+  args: {
+    testID: 'schedule-screen',
+    title: 'Schedule',
+    image: 'https://picsum.photos/1600/900',
+    scheduleData: {
+      raised: false,
+      scheduleItems: formattedSchedule,
+      hasAccess: false,
+    },
+  },
+};
+
+export const CalendarView: Story = {
+  parameters: {
+    layout: 'fullscreen',
+  },
+  args: {
+    testID: 'schedule-screen-calendar',
+    title: 'Schedule - Calendar View (October 2025)',
+    image: 'https://picsum.photos/1600/900',
+    scheduleData: {
+      scheduleItems: formattedOctober2025Schedule,
+      hasAccess: true,
+    },
+  },
+};
+
+export const CalendarViewRestricted: Story = {
+  parameters: {
+    layout: 'fullscreen',
+  },
+  args: {
+    testID: 'schedule-screen-calendar-restricted',
+    title: 'Schedule - Calendar View (Restricted)',
+    image: 'https://picsum.photos/1600/900',
+    scheduleData: {
+      scheduleItems: formattedOctober2025Schedule,
+      hasAccess: false,
+    },
+  },
+};
+
+export default meta;

package/src/templates/ScheduleScreen/ScheduleScreen.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import Screen from '../../components/Screen';
+import { Props } from './ScheduleScreen.types';
+import DisplayHeading from '../../components/DisplayHeading';
+import Loader from '../../components/Loader';
+import Schedule from '../../components/Schedule';
+
+const ScheduleScreen = ({ testID, title, image, scheduleData, isLoading = false }: Props) => {
+  return (
+    <Screen data-testid={testID || 'ScheduleScreen'} image={image}>
+      {title && <DisplayHeading text={title} />}
+      {!scheduleData && isLoading && (
+        <div className="flex flex-1 min-h-[125px] items-center justify-center">
+          <Loader />
+        </div>
+      )}
+      {scheduleData && (
+        <div>
+          <Schedule {...scheduleData} />
+        </div>
+      )}
+    </Screen>
+  );
+};
+
+ScheduleScreen.displayName = 'ScheduleScreen';
+
+export default ScheduleScreen;
+export type { Props };

package/src/templates/ScheduleScreen/ScheduleScreen.types.ts

@@ -0,0 +1,9 @@
+import { Props as ScheduleProps } from '../../components/Schedule/Schedule.types';
+
+export interface Props {
+  testID?: string;
+  title: string;
+  image?: string;
+  isLoading?: boolean;
+  scheduleData?: ScheduleProps;
+}

package/src/templates/ScheduleScreen/index.ts

@@ -0,0 +1 @@
+export { default } from './ScheduleScreen';