@planningcenter/chat-react-native 3.13.2-rc.2 → 3.14.0-rc.0

package/build/utils/native_adapters/haptic.d.ts

@@ -0,0 +1,23 @@
+interface Haptic {
+    impactLight: () => void;
+    impactMedium: () => void;
+    impactHeavy: () => void;
+    rigid: () => void;
+    soft: () => void;
+    notificationSuccess: () => void;
+    notificationWarning: () => void;
+    notificationError: () => void;
+}
+export declare class HapticAdapter {
+    impactLight: () => void;
+    impactMedium: () => void;
+    impactHeavy: () => void;
+    rigid: () => void;
+    soft: () => void;
+    notificationSuccess: () => void;
+    notificationWarning: () => void;
+    notificationError: () => void;
+    constructor(methods?: Haptic);
+}
+export {};
+//# sourceMappingURL=haptic.d.ts.map

package/build/utils/native_adapters/haptic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"haptic.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/haptic.ts"],"names":[],"mappings":"AAEA,UAAU,MAAM;IACd,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,iBAAiB,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,qBAAa,aAAa;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,iBAAiB,EAAE,MAAM,IAAI,CAAA;gBAEjB,OAAO,CAAC,EAAE,MAAM;CAU7B"}

package/build/utils/native_adapters/haptic.js

@@ -0,0 +1,22 @@
+import { noop } from 'lodash';
+export class HapticAdapter {
+    impactLight;
+    impactMedium;
+    impactHeavy;
+    rigid;
+    soft;
+    notificationSuccess;
+    notificationWarning;
+    notificationError;
+    constructor(methods) {
+        this.impactLight = methods?.impactLight ?? noop;
+        this.impactMedium = methods?.impactMedium ?? noop;
+        this.impactHeavy = methods?.impactHeavy ?? noop;
+        this.rigid = methods?.rigid ?? noop;
+        this.soft = methods?.soft ?? noop;
+        this.notificationSuccess = methods?.notificationSuccess ?? noop;
+        this.notificationWarning = methods?.notificationWarning ?? noop;
+        this.notificationError = methods?.notificationError ?? noop;
+    }
+}
+//# sourceMappingURL=haptic.js.map

package/build/utils/native_adapters/haptic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"haptic.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/haptic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAa7B,MAAM,OAAO,aAAa;IACxB,WAAW,CAAY;IACvB,YAAY,CAAY;IACxB,WAAW,CAAY;IACvB,KAAK,CAAY;IACjB,IAAI,CAAY;IAChB,mBAAmB,CAAY;IAC/B,mBAAmB,CAAY;IAC/B,iBAAiB,CAAY;IAE7B,YAAY,OAAgB;QAC1B,IAAI,CAAC,WAAW,GAAG,OAAO,EAAE,WAAW,IAAI,IAAI,CAAA;QAC/C,IAAI,CAAC,YAAY,GAAG,OAAO,EAAE,YAAY,IAAI,IAAI,CAAA;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,EAAE,WAAW,IAAI,IAAI,CAAA;QAC/C,IAAI,CAAC,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,IAAI,CAAA;QACnC,IAAI,CAAC,IAAI,GAAG,OAAO,EAAE,IAAI,IAAI,IAAI,CAAA;QACjC,IAAI,CAAC,mBAAmB,GAAG,OAAO,EAAE,mBAAmB,IAAI,IAAI,CAAA;QAC/D,IAAI,CAAC,mBAAmB,GAAG,OAAO,EAAE,mBAAmB,IAAI,IAAI,CAAA;QAC/D,IAAI,CAAC,iBAAiB,GAAG,OAAO,EAAE,iBAAiB,IAAI,IAAI,CAAA;IAC7D,CAAC;CACF","sourcesContent":["import { noop } from 'lodash'\n\ninterface Haptic {\n  impactLight: () => void\n  impactMedium: () => void\n  impactHeavy: () => void\n  rigid: () => void\n  soft: () => void\n  notificationSuccess: () => void\n  notificationWarning: () => void\n  notificationError: () => void\n}\n\nexport class HapticAdapter {\n  impactLight: () => void\n  impactMedium: () => void\n  impactHeavy: () => void\n  rigid: () => void\n  soft: () => void\n  notificationSuccess: () => void\n  notificationWarning: () => void\n  notificationError: () => void\n\n  constructor(methods?: Haptic) {\n    this.impactLight = methods?.impactLight ?? noop\n    this.impactMedium = methods?.impactMedium ?? noop\n    this.impactHeavy = methods?.impactHeavy ?? noop\n    this.rigid = methods?.rigid ?? noop\n    this.soft = methods?.soft ?? noop\n    this.notificationSuccess = methods?.notificationSuccess ?? noop\n    this.notificationWarning = methods?.notificationWarning ?? noop\n    this.notificationError = methods?.notificationError ?? noop\n  }\n}\n"]}

package/build/utils/native_adapters/index.d.ts

@@ -5,4 +5,5 @@ export * from './image_picker';
 export * from './linking';
 export * from './log';
 export * from './video';
+export * from './haptic';
 //# sourceMappingURL=index.d.ts.map

package/build/utils/native_adapters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA"}

package/build/utils/native_adapters/index.js

@@ -5,4 +5,5 @@ export * from './image_picker';
 export * from './linking';
 export * from './log';
 export * from './video';
+export * from './haptic';
 //# sourceMappingURL=index.js.map

package/build/utils/native_adapters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA","sourcesContent":["export * from './audio'\nexport * from './clipboard'\nexport * from './configuration'\nexport * from './image_picker'\nexport * from './linking'\nexport * from './log'\nexport * from './video'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA","sourcesContent":["export * from './audio'\nexport * from './clipboard'\nexport * from './configuration'\nexport * from './image_picker'\nexport * from './linking'\nexport * from './log'\nexport * from './video'\nexport * from './haptic'\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.13.2-rc.2",
+  "version": "3.14.0-rc.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -55,5 +55,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "<5.6.0"
   },
-  "gitHead": "040731f1e9421a7452a06a499dabb68af8e73f7b"
+  "gitHead": "7581413aff42fdbe77cb4c646ab7bc38fafbb4fe"
 }

package/src/__tests__/utils/native_adapters/configuration.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { Linking as RNLinking } from 'react-native'
-import { ChatAdapters, Linking } from '../../../utils/native_adapters/configuration'
+import { ChatAdapters, Linking, Haptic } from '../../../utils/native_adapters/configuration'
 import {
   AudioAdapter,
   Clipboard,
@@ -10,6 +10,7 @@ import {
   VideoAdapter,
 } from '../../../utils/native_adapters'
 import { VideoPlayerHandle, VideoPlayerProps } from '../../../utils/native_adapters/video'
+import { HapticAdapter } from '../../../utils/native_adapters/haptic'
 
 describe('ChatAdapters', () => {
   const getStringAsync = jest.fn(async () => '')
@@ -36,6 +37,16 @@ describe('ChatAdapters', () => {
     openCameraAsync: async () => ({ canceled: true, assets: null }),
     openImageLibraryAsync: async () => ({ canceled: true, assets: null }),
   })
+  const haptic = new HapticAdapter({
+    impactLight: jest.fn(),
+    impactMedium: jest.fn(),
+    impactHeavy: jest.fn(),
+    rigid: jest.fn(),
+    soft: jest.fn(),
+    notificationSuccess: jest.fn(),
+    notificationWarning: jest.fn(),
+    notificationError: jest.fn(),
+  })
 
   it('should be defined', () => {
     expect(ChatAdapters).toBeDefined()
@@ -47,6 +58,7 @@ describe('ChatAdapters', () => {
       audio,
       video,
       imagePicker,
+      haptic,
     })
 
     expect(Clipboard).toEqual(clipboard)
@@ -91,4 +103,37 @@ describe('ChatAdapters', () => {
       linking.canOpenURL('https://www.google.com')
     })
   })
+
+  describe('haptic adapter', () => {
+    it('should configure the haptic adapter', () => {
+      ChatAdapters.configure({
+        clipboard,
+        audio,
+        video,
+        imagePicker,
+        haptic,
+      })
+
+      expect(Haptic).toEqual(haptic)
+    })
+
+    it('should be configured with defaults', () => {
+      ChatAdapters.configure({
+        clipboard,
+        audio,
+        video,
+        imagePicker,
+      })
+
+      expect(Haptic).toBeDefined()
+      expect(Haptic.impactLight).toBeDefined()
+      expect(Haptic.impactMedium).toBeDefined()
+      expect(Haptic.impactHeavy).toBeDefined()
+      expect(Haptic.rigid).toBeDefined()
+      expect(Haptic.soft).toBeDefined()
+      expect(Haptic.notificationSuccess).toBeDefined()
+      expect(Haptic.notificationWarning).toBeDefined()
+      expect(Haptic.notificationError).toBeDefined()
+    })
+  })
 })

package/src/index.tsx

@@ -3,7 +3,7 @@ export { ApiProvider, chatQueryClient, useFocusManager } from './contexts/api_pr
 export * from './contexts/chat_context'
 export * from './navigation'
 export { ScreenLayout } from './navigation/screenLayout'
-export { DesignSystemScreen } from './screens'
+export * from './screens'
 export * from './types'
 export { platformFontWeightBold, Session, TemporaryDefaultColorsType, Uri } from './utils'
 export * from './utils/client'

package/src/screens/conversation_new/components/services_form.tsx

@@ -168,15 +168,20 @@ function FormContent({
           </TextButton>
         </View>
         <View style={styles.toSectionRow}>
-          {selectedTeams.map(team => (
-            <View key={team.value.teamId} style={styles.badgeRow}>
-              <Badge
-                iconNameRight="general.x"
-                label={team.name}
-                onPress={() => removeSelection(team.value.teamId)}
-              />
-            </View>
-          ))}
+          {selectedTeams.map(team => {
+            const serviceTypeAcronyms = team.serviceTypeAcronyms.join(', ')
+            const label = `${team.teamName} | ${serviceTypeAcronyms}`
+
+            return (
+              <View key={team.value.teamId} style={styles.badgeRow}>
+                <Badge
+                  iconNameRight="general.x"
+                  label={label}
+                  onPress={() => removeSelection(team.value.teamId)}
+                />
+              </View>
+            )
+          })}
         </View>
       </View>
       <Divider />

package/src/screens/conversations/components/chat_group_badge.tsx

@@ -4,12 +4,12 @@ import { StyleSheet, View } from 'react-native'
 import { Badge } from '../../../components'
 import { useApiGet } from '../../../hooks/use_api'
 import { GroupResource } from '../../../types/resources/group_resource'
-import { ConversationScreenProps } from '../conversations_screen'
+import { ConversationsScreenProps } from '../conversations_screen'
 
 export const ChatGroupBadge = ({ rowPaddingHorizontal }: { rowPaddingHorizontal: number }) => {
   const styles = useStyles({ rowPaddingHorizontal })
   const navigation = useNavigation()
-  const route = useRoute<RouteProp<ConversationScreenProps['route']>>()
+  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()
   const { chat_group_graph_id } = route.params || {}
   const { data: group } = useApiGet<GroupResource>({
     url: `/me/groups/${chat_group_graph_id}`,

package/src/screens/conversations/components/list_header_component.tsx

@@ -5,7 +5,7 @@ import { Heading, TextButton, ToggleButton } from '../../../components'
 import { useCurrentPersonCache, useTheme } from '../../../hooks'
 import { useMarkAllRead } from '../../../hooks/use_conversations_actions'
 import { useCanDisplayGroups } from '../../../hooks/use_groups'
-import { ConversationScreenProps } from '../conversations_screen'
+import { ConversationsScreenProps } from '../conversations_screen'
 import { ChatGroupBadge } from './chat_group_badge'
 
 const ROW_PADDING_HORIZONTAL = 16
@@ -22,7 +22,7 @@ export const ListHeaderComponent = () => {
   const navigation = useNavigation()
   const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' })
   const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' })
-  const route = useRoute<RouteProp<ConversationScreenProps['route']>>()
+  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()
   const { chat_group_graph_id, group_source_app_name = '' } = route.params || {}
   const currentPersonCache = useCurrentPersonCache()
   const { markAllRead, isPending } = useMarkAllRead()

package/src/screens/conversations/conversations_screen.tsx

@@ -11,13 +11,13 @@ import { ListHeaderComponent } from './components/list_header_component'
 import { AppName } from '../../types/resources/app_name'
 import { ConversationsJoltEvents } from './components/conversations_jolt_events'
 
-export type ConversationScreenProps = StaticScreenProps<{
+export type ConversationsScreenProps = StaticScreenProps<{
   title?: string
   chat_group_graph_id?: GraphId
   group_source_app_name?: AppName
 }>
 
-export function ConversationsScreen({ route }: ConversationScreenProps) {
+export function ConversationsScreen({ route }: ConversationsScreenProps) {
   const navigation = useNavigation()
   const canCreateConversations = useCanCreateConversations()
   const styles = useStyles()

package/src/screens/design_system_screen.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { Alert, Pressable, ScrollView, StyleSheet, View } from 'react-native'
 import type { ViewStyle } from 'react-native'
-import { useTheme } from '../hooks'
+import { useInteractionGhostBackgroundColor, useTheme } from '../hooks'
 import {
   Avatar,
   AvatarGroup,
@@ -27,6 +27,7 @@ import {
   MAX_FONT_SIZE_MULTIPLIER,
   platformPressedOpacityStyle,
   platformFontWeightMedium,
+  Haptic,
 } from '../utils'
 import BannerPrimitive from '../components/primitive/banner_primitive'
 import { VideoAttachmentPreview } from '../components/display/video_attachment_preview'
@@ -89,6 +90,7 @@ export function DesignSystemScreen() {
       <IndicatorsSection />
       <HeadingTextSection />
       <PressablesSection />
+      <HapticsSection />
       <ImageIconsSection />
       <FormControlsSection />
       <StatusComponentsSection />
@@ -678,6 +680,37 @@ function PressablesSection({ isLast }: SectionProps) {
     </CollapsableSection>
   )
 }
+function HapticsSection({ isLast }: SectionProps) {
+  return (
+    <CollapsableSection title="Haptics" isLast={isLast}>
+      <TextGroup>
+        <Text>
+          Haptics help communicate changes and interactions in the UI by making them feel physical
+          and "weighty". They are a progressive enhancement and shouldn't replace visual feedback.
+        </Text>
+      </TextGroup>
+      <Group title="Impact" description="Communicates that a user interaction is occurring.">
+        <Row>
+          <HapticButton title="Impact Light" onPress={() => Haptic.impactLight()} />
+          <HapticButton title="Impact Medium" onPress={() => Haptic.impactMedium()} />
+          <HapticButton title="Impact Heavy" onPress={() => Haptic.impactHeavy()} />
+          <HapticButton title="Rigid" onPress={() => Haptic.rigid()} />
+          <HapticButton title="Soft" onPress={() => Haptic.soft()} />
+        </Row>
+      </Group>
+      <Group
+        title="Notification"
+        description="Communicates the result of a user or application action."
+      >
+        <Row>
+          <HapticButton title="Notification Success" onPress={() => Haptic.notificationSuccess()} />
+          <HapticButton title="Notification Warning" onPress={() => Haptic.notificationWarning()} />
+          <HapticButton title="Notification Error" onPress={() => Haptic.notificationError()} />
+        </Row>
+      </Group>
+    </CollapsableSection>
+  )
+}
 
 function ImageIconsSection({ isLast }: SectionProps) {
   const styles = useStyles()
@@ -1143,14 +1176,46 @@ function TextListItem({ label, children }: TextListItemProps) {
   )
 }
 
+function HapticButton({ title, onPress }: { title: string; onPress: () => void }) {
+  const styles = useStyles()
+
+  return (
+    <Pressable
+      onPress={onPress}
+      style={({ pressed }) => ({
+        ...styles.hapticButton,
+        ...{ opacity: pressed ? 0.5 : 1 },
+      })}
+    >
+      <Text style={styles.hapticButtonText}>{title}</Text>
+    </Pressable>
+  )
+}
+
 // =================================
 // ====== Styles ===================
 // =================================
 
 const useStyles = () => {
   const { colors } = useTheme()
+  const interactionGhostBackgroundColor = useInteractionGhostBackgroundColor()
 
   return StyleSheet.create({
+    hapticButton: {
+      flexGrow: 1,
+      height: 100,
+      padding: 16,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: interactionGhostBackgroundColor,
+      borderWidth: 1,
+      borderColor: colors.interaction,
+      borderRadius: 8,
+    },
+    hapticButtonText: {
+      textAlign: 'center',
+      color: colors.interaction,
+    },
     scrollView: {
       flex: 1,
       backgroundColor: colors.fillColorNeutral100Inverted,

package/src/screens/index.ts

@@ -1 +1,19 @@
 export * from './design_system_screen'
+export * from './conversation_details_screen'
+export * from './conversation_screen'
+export * from './conversation_new/conversation_new_screen'
+export * from './conversation_filter_recipients/conversation_filter_recipients_screen'
+export * from './conversation_select_recipients/conversation_select_recipients_screen'
+export * from './message_actions_screen'
+export * from './send_giphy_screen'
+export * from './not_found'
+export * from './reactions_screen'
+export * from './team_conversation_screen'
+export * from './bug_report_screen'
+export * from './conversation/message_read_receipts_screen'
+export * from './conversation_filters_screen'
+export * from './conversation_filters/screen_props'
+export * from './conversation_select_recipients/conversation_select_group_recipients_screen'
+export * from './conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen'
+export * from './attachment_actions/attachment_actions_screen'
+export * from './conversations/conversations_screen'

package/src/utils/date.ts

@@ -1,4 +1,4 @@
-import { date as formatDate, time as formatTime } from '@planningcenter/datetime-fmt'
+import { date as formatDate } from '@planningcenter/datetime-fmt'
 import moment from 'moment-timezone'
 
 export type DateProps = string | number | Date
@@ -11,7 +11,7 @@ export function formatDatePreview(date?: DateProps) {
   const isThisWeek = now.isSame(date, 'week')
   const isThisYear = now.isSame(date, 'year')
 
-  if (isToday) return moment(date).format('h:mm a')
+  if (isToday) return moment(date).format('h:mma')
   if (isThisWeek) return formatDate(date, { style: 'relative-short' })
   if (isThisYear) return formatDate(date, { style: 'abbreviated' })
 
@@ -58,6 +58,6 @@ export function relativeTime(date: DateProps): string {
   if (duration.asDays() < 1) {
     return then.fromNow()
   } else {
-    return formatTime(date)
+    return moment(date).format('h:mma')
   }
 }

package/src/utils/native_adapters/configuration.ts

@@ -5,6 +5,7 @@ import { ImagePickerAdapter } from './image_picker'
 import { VideoAdapter } from './video'
 import { Linking as RNLinking } from 'react-native'
 import { LinkingAdapter } from './linking'
+import { HapticAdapter } from './haptic'
 
 type ChatConfigurations = {
   clipboard: ClipboardAdapter
@@ -13,6 +14,7 @@ type ChatConfigurations = {
   imagePicker: ImagePickerAdapter
   log?: LogAdapter
   linking?: LinkingAdapter
+  haptic?: HapticAdapter
 }
 
 export class ChatAdapters {
@@ -23,6 +25,7 @@ export class ChatAdapters {
     ImagePicker = configurations.imagePicker
     Log = configurations.log || new LogAdapter()
     Linking = configurations.linking || new LinkingAdapter(RNLinking)
+    Haptic = configurations.haptic || new HapticAdapter()
   }
 }
 
@@ -69,3 +72,5 @@ export let ImagePicker: ImagePickerAdapter = new ImagePickerAdapter({
 export let Log: LogAdapter = new LogAdapter()
 
 export let Linking: LinkingAdapter = new LinkingAdapter(RNLinking)
+
+export let Haptic: HapticAdapter = new HapticAdapter()

package/src/utils/native_adapters/haptic.ts

@@ -0,0 +1,34 @@
+import { noop } from 'lodash'
+
+interface Haptic {
+  impactLight: () => void
+  impactMedium: () => void
+  impactHeavy: () => void
+  rigid: () => void
+  soft: () => void
+  notificationSuccess: () => void
+  notificationWarning: () => void
+  notificationError: () => void
+}
+
+export class HapticAdapter {
+  impactLight: () => void
+  impactMedium: () => void
+  impactHeavy: () => void
+  rigid: () => void
+  soft: () => void
+  notificationSuccess: () => void
+  notificationWarning: () => void
+  notificationError: () => void
+
+  constructor(methods?: Haptic) {
+    this.impactLight = methods?.impactLight ?? noop
+    this.impactMedium = methods?.impactMedium ?? noop
+    this.impactHeavy = methods?.impactHeavy ?? noop
+    this.rigid = methods?.rigid ?? noop
+    this.soft = methods?.soft ?? noop
+    this.notificationSuccess = methods?.notificationSuccess ?? noop
+    this.notificationWarning = methods?.notificationWarning ?? noop
+    this.notificationError = methods?.notificationError ?? noop
+  }
+}

package/src/utils/native_adapters/index.ts

@@ -5,3 +5,4 @@ export * from './image_picker'
 export * from './linking'
 export * from './log'
 export * from './video'
+export * from './haptic'