[C-3408] Native Create Account Page

packages/common/src/index.ts

@@ -8,3 +8,4 @@ export * from './hooks'
 export * from './store'
 export * from './schemas'
 export * from './assets'
+export * from './messages'

packages/common/src/messages/index.ts

@@ -0,0 +1,2 @@
+export * from './sign-on/socialMediaMessages'
+export * from './sign-on/pages'

packages/common/src/messages/sign-on/pages.ts

@@ -0,0 +1,17 @@
+export const createEmailPageMessages = {
+  title: 'Sign Up For Audius',
+  emailLabel: 'Email',
+  signUp: 'Sign Up Free',
+  haveAccount: 'Already have an account?',
+  signIn: 'Sign In',
+  subHeader: {
+    // Two separate lines separated by a divider. Can't include the divider here since its different for native vs web
+    line1: 'Join the revolution in music streaming!',
+    line2: 'Discover, connect, and create on Audius.'
+  },
+  socialsDividerText: 'Or, get started with one of your socials',
+  unknownError: 'Unknown error occurred.',
+  metaMaskNotRecommended: 'Signing up with MetaMask is not recommended.',
+  signUpMetamask: 'Sign Up With MetaMask',
+  learnMore: 'Learn More'
+}

packages/common/src/schemas/index.ts

@@ -1,149 +1,2 @@
-// TODO(nkang) - convert to TS
-// @ts-nocheck
-import { pick } from 'lodash'
-
-const trackMetadataSchema = {
-  track_cid: null,
-  owner_id: null,
-  title: null,
-  duration: null,
-  length: null,
-  cover_art: null,
-  cover_art_sizes: null,
-  tags: null,
-  genre: null,
-  mood: null,
-  credits_splits: null,
-  created_at: null,
-  // TODO: CREATE DATE IS REQUIRED, BUT THIS FIELD IS NEVER USED.
-  create_date: null,
-  updated_at: null,
-  release_date: null,
-  file_type: null,
-  track_segments: [],
-  has_current_user_reposted: false,
-  followee_reposts: null,
-  followee_saves: null,
-  is_current: true,
-  is_unlisted: false,
-  is_premium: false,
-  premium_conditions: null,
-  preview_start_seconds: null,
-  audio_upload_id: null,
-  field_visibility: {
-    genre: true,
-    mood: true,
-    tags: true,
-    share: false,
-    play_count: false,
-    remixes: true
-  },
-  remix_of: null,
-  repost_count: 0,
-  save_count: 0,
-  description: null,
-  license: null,
-  isrc: null,
-  iswc: null,
-  download: null,
-  is_playlist_upload: false,
-  ai_attribution_user_id: null
-}
-
-export const newTrackMetadata = (fields, validate = false): TrackMetadata => {
-  const validFields = validate
-    ? pick(fields, Object.keys(trackMetadataSchema).concat(['track_id']))
-    : fields
-  const remixParentTrackId = fields?.remix_of?.tracks?.[0]?.parent_track_id
-  return {
-    ...trackMetadataSchema,
-    track_segments: [...trackMetadataSchema.track_segments],
-    followee_reposts: [...(trackMetadataSchema.followee_reposts || [])],
-    followee_saves: [...(trackMetadataSchema.followee_saves || [])],
-    ...validFields,
-    // Reformat remixes last so we don't carry through any extra metadata that
-    // was part of the remix_of response from backends
-    remix_of: remixParentTrackId
-      ? createRemixOfMetadata({ parentTrackId: remixParentTrackId })
-      : null
-  }
-}
-
-const collectionMetadataSchema = {
-  is_album: false,
-  is_current: true,
-  is_private: true,
-  tags: null,
-  genre: null,
-  mood: null,
-  created_at: null,
-  updated_at: null,
-  cover_art: null,
-  cover_art_sizes: null,
-  playlist_name: '',
-  playlist_owner_id: null,
-  save_count: null,
-  license: null,
-  upc: null,
-  description: null
-}
-
-export const newCollectionMetadata = (fields?: any, validate = false) => {
-  const validFields = validate
-    ? pick(
-        fields,
-        Object.keys(collectionMetadataSchema).concat(['playlist_id'])
-      )
-    : fields
-  return {
-    ...collectionMetadataSchema,
-    ...validFields
-  }
-}
-
-const userMetadataSchema = {
-  allow_ai_attribution: false,
-  wallet: '',
-  name: null,
-  handle: '',
-  profile_picture: null,
-  profile_picture_sizes: null,
-  cover_photo_sizes: null,
-  cover_photo: null,
-  bio: null,
-  location: null,
-  is_verified: false,
-  creator_node_endpoint: null,
-  updated_at: null,
-  associated_wallets: null,
-  associated_sol_wallets: null,
-  collectibles: null,
-  playlist_library: null,
-  events: null,
-  is_deactivated: false,
-  artist_pick_track_id: null
-}
-
-export const newUserMetadata = (fields?: any, validate = false): User => {
-  const validFields = validate
-    ? pick(fields, Object.keys(userMetadataSchema).concat(['user_id']))
-    : fields
-  return {
-    ...userMetadataSchema,
-    ...validFields
-  }
-}
-
-export const createRemixOfMetadata = ({
-  parentTrackId
-}: {
-  parentTrackId: number
-}) => {
-  return {
-    tracks: [
-      {
-        parent_track_id: parentTrackId
-      }
-    ]
-  }
-}
+export * from './metadata'
+export * from './sign-on/emailSchema'

packages/common/src/schemas/metadata.ts

@@ -0,0 +1,150 @@
+// TODO(nkang) - convert to TS
+// @ts-nocheck
+
+import { pick } from 'lodash'
+
+const trackMetadataSchema = {
+  track_cid: null,
+  owner_id: null,
+  title: null,
+  duration: null,
+  length: null,
+  cover_art: null,
+  cover_art_sizes: null,
+  tags: null,
+  genre: null,
+  mood: null,
+  credits_splits: null,
+  created_at: null,
+  // TODO: CREATE DATE IS REQUIRED, BUT THIS FIELD IS NEVER USED.
+  create_date: null,
+  updated_at: null,
+  release_date: null,
+  file_type: null,
+  track_segments: [],
+  has_current_user_reposted: false,
+  followee_reposts: null,
+  followee_saves: null,
+  is_current: true,
+  is_unlisted: false,
+  is_premium: false,
+  premium_conditions: null,
+  preview_start_seconds: null,
+  audio_upload_id: null,
+  field_visibility: {
+    genre: true,
+    mood: true,
+    tags: true,
+    share: false,
+    play_count: false,
+    remixes: true
+  },
+  remix_of: null,
+  repost_count: 0,
+  save_count: 0,
+  description: null,
+  license: null,
+  isrc: null,
+  iswc: null,
+  download: null,
+  is_playlist_upload: false,
+  ai_attribution_user_id: null
+}
+
+export const newTrackMetadata = (fields, validate = false): TrackMetadata => {
+  const validFields = validate
+    ? pick(fields, Object.keys(trackMetadataSchema).concat(['track_id']))
+    : fields
+  const remixParentTrackId = fields?.remix_of?.tracks?.[0]?.parent_track_id
+  return {
+    ...trackMetadataSchema,
+    track_segments: [...trackMetadataSchema.track_segments],
+    followee_reposts: [...(trackMetadataSchema.followee_reposts || [])],
+    followee_saves: [...(trackMetadataSchema.followee_saves || [])],
+    ...validFields,
+    // Reformat remixes last so we don't carry through any extra metadata that
+    // was part of the remix_of response from backends
+    remix_of: remixParentTrackId
+      ? createRemixOfMetadata({ parentTrackId: remixParentTrackId })
+      : null
+  }
+}
+
+const collectionMetadataSchema = {
+  is_album: false,
+  is_current: true,
+  is_private: true,
+  tags: null,
+  genre: null,
+  mood: null,
+  created_at: null,
+  updated_at: null,
+  cover_art: null,
+  cover_art_sizes: null,
+  playlist_name: '',
+  playlist_owner_id: null,
+  save_count: null,
+  license: null,
+  upc: null,
+  description: null
+}
+
+export const newCollectionMetadata = (fields?: any, validate = false) => {
+  const validFields = validate
+    ? pick(
+        fields,
+        Object.keys(collectionMetadataSchema).concat(['playlist_id'])
+      )
+    : fields
+  return {
+    ...collectionMetadataSchema,
+    ...validFields
+  }
+}
+
+const userMetadataSchema = {
+  allow_ai_attribution: false,
+  wallet: '',
+  name: null,
+  handle: '',
+  profile_picture: null,
+  profile_picture_sizes: null,
+  cover_photo_sizes: null,
+  cover_photo: null,
+  bio: null,
+  location: null,
+  is_verified: false,
+  creator_node_endpoint: null,
+  updated_at: null,
+  associated_wallets: null,
+  associated_sol_wallets: null,
+  collectibles: null,
+  playlist_library: null,
+  events: null,
+  is_deactivated: false,
+  artist_pick_track_id: null
+}
+
+export const newUserMetadata = (fields?: any, validate = false): User => {
+  const validFields = validate
+    ? pick(fields, Object.keys(userMetadataSchema).concat(['user_id']))
+    : fields
+  return {
+    ...userMetadataSchema,
+    ...validFields
+  }
+}
+
+export const createRemixOfMetadata = ({
+  parentTrackId
+}: {
+  parentTrackId: number
+}) => {
+  return {
+    tracks: [
+      {
+        parent_track_id: parentTrackId
+      }
+    ]
+  }
+}

packages/common/src/schemas/sign-on/emailSchema.ts

@@ -0,0 +1,25 @@
+import { z } from 'zod'
+
+import { AudiusQueryContextType } from 'audius-query'
+import { signUpFetch } from 'src/api'
+import { EMAIL_REGEX } from 'utils/email'
+
+export const emailSchemaMessages = {
+  invalidEmail: 'Please enter a valid email.',
+  emailInUse: 'Email already taken.'
+}
+
+export const emailSchema = <T extends AudiusQueryContextType>(
+  queryContext: T
+) =>
+  z.object({
+    email: z
+      .string({ required_error: emailSchemaMessages.invalidEmail })
+      .regex(EMAIL_REGEX, { message: emailSchemaMessages.invalidEmail })
+      .refine(
+        async (email) => {
+          return !(await signUpFetch.isEmailInUse({ email }, queryContext))
+        },
+        { message: emailSchemaMessages.emailInUse }
+      )
+  })

packages/common/src/utils/index.ts

@@ -36,3 +36,4 @@ export { default as dayjs } from './dayjs'
 export { Dayjs } from './dayjs'
 export * from './promiseWithTimeout'
 export * from './handleReservedStatus'
+export * from './email'

packages/mobile/src/harmony-native/components/index.ts

@@ -1 +1,2 @@
 export * from './Link'
+export * from './layout'

packages/mobile/src/harmony-native/components/layout/index.ts

@@ -0,0 +1,6 @@
+export * from './Box/Box'
+export * from './Box/types'
+export * from './Flex/Flex'
+export * from './Flex/types'
+export * from './Paper/Paper'
+export * from './Paper/types'