@planningcenter/chat-react-native 3.13.2-rc.3 → 3.14.0-rc.1

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

@@ -1 +1 @@
-{"version":3,"file":"configuration.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAW1C,MAAM,OAAO,YAAY;IACvB,MAAM,CAAC,SAAS,CAAC,cAAkC;QACjD,SAAS,GAAG,cAAc,CAAC,SAAS,CAAA;QACpC,KAAK,GAAG,cAAc,CAAC,KAAK,CAAA;QAC5B,KAAK,GAAG,cAAc,CAAC,KAAK,CAAA;QAC5B,WAAW,GAAG,cAAc,CAAC,WAAW,CAAA;QACxC,GAAG,GAAG,cAAc,CAAC,GAAG,IAAI,IAAI,UAAU,EAAE,CAAA;QAC5C,OAAO,GAAG,cAAc,CAAC,OAAO,IAAI,IAAI,cAAc,CAAC,SAAS,CAAC,CAAA;IACnE,CAAC;CACF;AAED,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,OAAO,CAAC,IAAI,CAAC,mEAAmE,CAAC,CAAA;AACnF,CAAC,CAAA;AAED,MAAM,CAAC,IAAI,SAAS,GAAqB,IAAI,gBAAgB,CAAC;IAC5D,cAAc,EAAE,KAAK,IAAI,EAAE;QACzB,aAAa,EAAE,CAAA;QACf,OAAO,EAAE,CAAA;IACX,CAAC;IACD,cAAc,EAAE,KAAK,EAAE,CAAS,EAAE,EAAE,CAAC,aAAa,EAAE;CACrD,CAAC,CAAA;AAEF,MAAM,CAAC,IAAI,KAAK,GAAiB,IAAI,YAAY,CAAC;IAChD,QAAQ,EAAE,CAAC,CAAS,EAAE,EAAE;QACtB,aAAa,EAAE,CAAA;QACf,OAAO,EAAS,CAAA;IAClB,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,IAAI,KAAK,GAAiB,IAAI,YAAY,CAAC;IAChD,MAAM,EAAE,MAAM,CAAC,MAAM,CACnB,GAAG,EAAE;QACH,aAAa,EAAE,CAAA;QACf,OAAO,IAAI,CAAA;IACb,CAAC,EACD,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,EAAE,CAC9C;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,IAAI,WAAW,GAAuB,IAAI,kBAAkB,CAAC;IAClE,eAAe,EAAE,KAAK,IAAI,EAAE;QAC1B,aAAa,EAAE,CAAA;QACf,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;IACzC,CAAC;IACD,qBAAqB,EAAE,KAAK,IAAI,EAAE;QAChC,aAAa,EAAE,CAAA;QACf,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;IACzC,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,IAAI,GAAG,GAAe,IAAI,UAAU,EAAE,CAAA;AAE7C,MAAM,CAAC,IAAI,OAAO,GAAmB,IAAI,cAAc,CAAC,SAAS,CAAC,CAAA","sourcesContent":["import { LogAdapter } from './log'\nimport { AudioAdapter } from './audio'\nimport { ClipboardAdapter } from './clipboard'\nimport { ImagePickerAdapter } from './image_picker'\nimport { VideoAdapter } from './video'\nimport { Linking as RNLinking } from 'react-native'\nimport { LinkingAdapter } from './linking'\n\ntype ChatConfigurations = {\n  clipboard: ClipboardAdapter\n  audio: AudioAdapter\n  video: VideoAdapter\n  imagePicker: ImagePickerAdapter\n  log?: LogAdapter\n  linking?: LinkingAdapter\n}\n\nexport class ChatAdapters {\n  static configure(configurations: ChatConfigurations) {\n    Clipboard = configurations.clipboard\n    Audio = configurations.audio\n    Video = configurations.video\n    ImagePicker = configurations.imagePicker\n    Log = configurations.log || new LogAdapter()\n    Linking = configurations.linking || new LinkingAdapter(RNLinking)\n  }\n}\n\nconst methodMissing = () => {\n  console.warn('ChatAdapters.configure() must be called before using any adapters')\n}\n\nexport let Clipboard: ClipboardAdapter = new ClipboardAdapter({\n  getStringAsync: async () => {\n    methodMissing()\n    return ''\n  },\n  setStringAsync: async (_: string) => methodMissing(),\n})\n\nexport let Audio: AudioAdapter = new AudioAdapter({\n  useAudio: (_: string) => {\n    methodMissing()\n    return {} as any\n  },\n})\n\nexport let Video: VideoAdapter = new VideoAdapter({\n  Player: Object.assign(\n    () => {\n      methodMissing()\n      return null\n    },\n    { $$typeof: Symbol.for('react.forward_ref') }\n  ),\n})\n\nexport let ImagePicker: ImagePickerAdapter = new ImagePickerAdapter({\n  openCameraAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n  openImageLibraryAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n})\n\nexport let Log: LogAdapter = new LogAdapter()\n\nexport let Linking: LinkingAdapter = new LinkingAdapter(RNLinking)\n"]}
+{"version":3,"file":"configuration.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAYxC,MAAM,OAAO,YAAY;IACvB,MAAM,CAAC,SAAS,CAAC,cAAkC;QACjD,SAAS,GAAG,cAAc,CAAC,SAAS,CAAA;QACpC,KAAK,GAAG,cAAc,CAAC,KAAK,CAAA;QAC5B,KAAK,GAAG,cAAc,CAAC,KAAK,CAAA;QAC5B,WAAW,GAAG,cAAc,CAAC,WAAW,CAAA;QACxC,GAAG,GAAG,cAAc,CAAC,GAAG,IAAI,IAAI,UAAU,EAAE,CAAA;QAC5C,OAAO,GAAG,cAAc,CAAC,OAAO,IAAI,IAAI,cAAc,CAAC,SAAS,CAAC,CAAA;QACjE,MAAM,GAAG,cAAc,CAAC,MAAM,IAAI,IAAI,aAAa,EAAE,CAAA;IACvD,CAAC;CACF;AAED,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,OAAO,CAAC,IAAI,CAAC,mEAAmE,CAAC,CAAA;AACnF,CAAC,CAAA;AAED,MAAM,CAAC,IAAI,SAAS,GAAqB,IAAI,gBAAgB,CAAC;IAC5D,cAAc,EAAE,KAAK,IAAI,EAAE;QACzB,aAAa,EAAE,CAAA;QACf,OAAO,EAAE,CAAA;IACX,CAAC;IACD,cAAc,EAAE,KAAK,EAAE,CAAS,EAAE,EAAE,CAAC,aAAa,EAAE;CACrD,CAAC,CAAA;AAEF,MAAM,CAAC,IAAI,KAAK,GAAiB,IAAI,YAAY,CAAC;IAChD,QAAQ,EAAE,CAAC,CAAS,EAAE,EAAE;QACtB,aAAa,EAAE,CAAA;QACf,OAAO,EAAS,CAAA;IAClB,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,IAAI,KAAK,GAAiB,IAAI,YAAY,CAAC;IAChD,MAAM,EAAE,MAAM,CAAC,MAAM,CACnB,GAAG,EAAE;QACH,aAAa,EAAE,CAAA;QACf,OAAO,IAAI,CAAA;IACb,CAAC,EACD,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,EAAE,CAC9C;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,IAAI,WAAW,GAAuB,IAAI,kBAAkB,CAAC;IAClE,eAAe,EAAE,KAAK,IAAI,EAAE;QAC1B,aAAa,EAAE,CAAA;QACf,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;IACzC,CAAC;IACD,qBAAqB,EAAE,KAAK,IAAI,EAAE;QAChC,aAAa,EAAE,CAAA;QACf,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;IACzC,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,IAAI,GAAG,GAAe,IAAI,UAAU,EAAE,CAAA;AAE7C,MAAM,CAAC,IAAI,OAAO,GAAmB,IAAI,cAAc,CAAC,SAAS,CAAC,CAAA;AAElE,MAAM,CAAC,IAAI,MAAM,GAAkB,IAAI,aAAa,EAAE,CAAA","sourcesContent":["import { LogAdapter } from './log'\nimport { AudioAdapter } from './audio'\nimport { ClipboardAdapter } from './clipboard'\nimport { ImagePickerAdapter } from './image_picker'\nimport { VideoAdapter } from './video'\nimport { Linking as RNLinking } from 'react-native'\nimport { LinkingAdapter } from './linking'\nimport { HapticAdapter } from './haptic'\n\ntype ChatConfigurations = {\n  clipboard: ClipboardAdapter\n  audio: AudioAdapter\n  video: VideoAdapter\n  imagePicker: ImagePickerAdapter\n  log?: LogAdapter\n  linking?: LinkingAdapter\n  haptic?: HapticAdapter\n}\n\nexport class ChatAdapters {\n  static configure(configurations: ChatConfigurations) {\n    Clipboard = configurations.clipboard\n    Audio = configurations.audio\n    Video = configurations.video\n    ImagePicker = configurations.imagePicker\n    Log = configurations.log || new LogAdapter()\n    Linking = configurations.linking || new LinkingAdapter(RNLinking)\n    Haptic = configurations.haptic || new HapticAdapter()\n  }\n}\n\nconst methodMissing = () => {\n  console.warn('ChatAdapters.configure() must be called before using any adapters')\n}\n\nexport let Clipboard: ClipboardAdapter = new ClipboardAdapter({\n  getStringAsync: async () => {\n    methodMissing()\n    return ''\n  },\n  setStringAsync: async (_: string) => methodMissing(),\n})\n\nexport let Audio: AudioAdapter = new AudioAdapter({\n  useAudio: (_: string) => {\n    methodMissing()\n    return {} as any\n  },\n})\n\nexport let Video: VideoAdapter = new VideoAdapter({\n  Player: Object.assign(\n    () => {\n      methodMissing()\n      return null\n    },\n    { $$typeof: Symbol.for('react.forward_ref') }\n  ),\n})\n\nexport let ImagePicker: ImagePickerAdapter = new ImagePickerAdapter({\n  openCameraAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n  openImageLibraryAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n})\n\nexport let Log: LogAdapter = new LogAdapter()\n\nexport let Linking: LinkingAdapter = new LinkingAdapter(RNLinking)\n\nexport let Haptic: HapticAdapter = new HapticAdapter()\n"]}

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.3",
+  "version": "3.14.0-rc.1",
   "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": "580f76cfbf66e9da665162c5af8b75fe09c07c26"
+  "gitHead": "a17321118033ef2c7ff8f69198214342f878f308"
 }

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/components/conversation/message.tsx

@@ -24,6 +24,7 @@ import Animated, {
 import { useLiveRelativeTime } from '../../hooks/use_live_relative_time'
 import { MessageReadReceipts } from './message_read_receipts'
 import { isNewMessage, useMessageCreateOrUpdate } from '../../hooks/use_message_create_or_update'
+import { Haptic } from '../../utils/native_adapters'
 
 /** Message
  * Component for display of a message within a conversation list
@@ -104,6 +105,7 @@ export function Message({
   const handleMessageLongPress = () => {
     if (!isPersisted) return
 
+    Haptic.impactLight()
     navigation.navigate('MessageActions', {
       message_id: message.id,
       conversation_id,
@@ -111,6 +113,7 @@ export function Message({
     })
   }
   const handleReactionLongPress = (reaction: ReactionCountResource) => {
+    Haptic.impactLight()
     navigation.navigate('Reactions', {
       message_id: message.id,
       conversation_id,
@@ -119,6 +122,7 @@ export function Message({
   }
 
   const handleMessageAttachmentLongPress = (attachment: DenormalizedMessageAttachmentResource) => {
+    Haptic.impactLight()
     navigation.navigate('AttachmentActions', {
       attachmentId: attachment?.id,
       attachmentContentType: attachment?.attributes.contentType,

package/src/components/conversation/message_form.tsx

@@ -26,9 +26,10 @@ import { ConversationResource, MessageResource } from '../../types'
 import { ConversationScreenProps } from '../../screens/conversation_screen'
 
 import { ChatContext } from '../../contexts/chat_context'
-import { ImagePicker, ImagePickerResult } from '../../utils/native_adapters'
+import { Haptic, ImagePicker, ImagePickerResult } from '../../utils/native_adapters'
 import { platformFontWeightMedium, platformPressedOpacityStyle } from '../../utils'
 import { useAttachmentUploader } from '../../hooks/use_attachment_uploader'
+import { useMessageDraft } from '../../hooks/use_message_draft'
 import {
   DenormalizedAttachmentResourceForCreate,
   DenormalizedMessageAttachmentResourceForCreate,
@@ -88,7 +89,11 @@ function MessageFormRoot({
   const { giphyApiKey } = useContext(ChatContext)
   const canGiphy = !!giphyApiKey && !currentlyEditingMessage
   const styles = useMessageFormStyles()
-  const [text, setText] = React.useState('')
+  const { draft, saveDraft, clearDraft } = useMessageDraft(conversation.id)
+  const [text, setText] = React.useState(() => {
+    // Initialize from draft only when not editing a message
+    return currentlyEditingMessage ? '' : draft?.text || ''
+  })
   const [usingGiphy, setUsingGiphy] = useState(false)
   const navigation = useNavigation()
   const route = useRoute() as ConversationScreenProps['route']
@@ -103,6 +108,7 @@ function MessageFormRoot({
   })
   const attachmentUploader = useAttachmentUploader({
     conversationId: conversation.id,
+    draftAttachments: currentlyEditingMessage ? undefined : draft?.attachments,
   })
   const resetAttachmentUploader = attachmentUploader.reset
 
@@ -111,10 +117,13 @@ function MessageFormRoot({
     resetMutation()
     setText('')
     setUsingGiphy(false)
+    if (!currentlyEditingMessage) {
+      clearDraft()
+    }
     navigation.setParams({
       editing_message_id: null,
     })
-  }, [resetAttachmentUploader, resetMutation, navigation])
+  }, [resetAttachmentUploader, resetMutation, navigation, currentlyEditingMessage, clearDraft])
 
   useEffect(() => {
     if (canGiphy && !usingGiphy && text.startsWith('/giphy ')) {
@@ -138,6 +147,18 @@ function MessageFormRoot({
     }
   }, [reset, navigation, route.params])
 
+  // Save draft when text or attachments change (debounced)
+  useEffect(() => {
+    // Don't save drafts when editing a message
+    if (currentlyEditingMessage) return
+
+    const timeoutId = setTimeout(() => {
+      saveDraft(text, attachmentUploader.attachments)
+    }, 500)
+
+    return () => clearTimeout(timeoutId)
+  }, [text, attachmentUploader.attachments, saveDraft, currentlyEditingMessage])
+
   const canSubmit = (() => {
     if (isPending) return false
     if (attachmentUploader?.pendingUploads) return false
@@ -173,6 +194,7 @@ function MessageFormRoot({
 
     if (canGiphy && usingGiphy) {
       TextInput.State.blurTextInput(TextInput.State.currentlyFocusedInput())
+      Haptic.impactLight()
       navigateToSendGiphyAfterKeyboardHides()
     } else {
       let attachmentsForSubmit: DenormalizedAttachmentResourceForCreate[] =

package/src/components/display/toggle_button.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { Pressable, StyleSheet } from 'react-native'
-import type { PressableProps } from 'react-native'
+import type { PressableProps, GestureResponderEvent } from 'react-native'
 import { Text } from './text'
 import {
   useTheme,
@@ -11,6 +11,7 @@ import {
 import { platformFontWeightBold, platformPressedOpacityStyle } from '../../utils'
 import { Icon, IconString } from './icon'
 import { tokens } from '../../vendor/tapestry/tokens'
+import { Haptic } from '../../utils/native_adapters/configuration'
 
 // =================================
 // ====== Component ================
@@ -53,6 +54,10 @@ export interface ToggleButtonProps extends PressableProps {
    * Pressable container styles
    */
   style?: PressableProps['style']
+  /**
+   * Specifies whether haptic feedback should be enabled.
+   */
+  hapticFeedback?: boolean
 }
 
 export function ToggleButton({
@@ -65,6 +70,8 @@ export function ToggleButton({
   minimumFontScale,
   title,
   style,
+  hapticFeedback = true,
+  onPress,
   ...props
 }: ToggleButtonProps) {
   const styles = useStyles({ active, maxFontSizeMultiplier })
@@ -74,6 +81,12 @@ export function ToggleButton({
   const baseRippleColor = active ? colors.interaction : colors.fillColorNeutral050Base
   const androidRippleColor = useCreateAndroidRippleColor({ color: baseRippleColor })
 
+  const handlePress = (event: GestureResponderEvent) => {
+    if (hapticFeedback) Haptic.impactLight()
+
+    onPress?.(event)
+  }
+
   return (
     <Pressable
       style={({ pressed }) => ({
@@ -84,6 +97,7 @@ export function ToggleButton({
       accessibilityRole="togglebutton"
       accessibilityState={{ checked: active }}
       android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}
+      onPress={handlePress}
       {...props}
     >
       {iconNameLeft && (

package/src/hooks/use_attachment_uploader.ts

@@ -18,10 +18,16 @@ const MAX_FILE_SIZE_IN_MB = 50
 const MAX_FILE_SIZE_IN_BYTES = MAX_FILE_SIZE_IN_MB * 1024 * 1024
 const MAX_NUMBER_OF_ATTACHMENTS = 10
 
-export function useAttachmentUploader({ conversationId }: { conversationId: number }) {
+export function useAttachmentUploader({
+  conversationId,
+  draftAttachments,
+}: {
+  conversationId: number
+  draftAttachments?: FileAttachment[]
+}) {
   const apiClient = useApiClient()
   const uploadApi = useUploadClient()
-  const [attachments, setAttachments] = useState<FileAttachment[]>([])
+  const [attachments, setAttachments] = useState<FileAttachment[]>(() => draftAttachments || [])
   const uploadState = useRef<FileUploadState>({})
   const [lastUploadId, setLastUploadId] = useState<string>()
   const numberOfAttachments = attachments.length
@@ -67,6 +73,7 @@ export function useAttachmentUploader({ conversationId }: { conversationId: numb
       const newAttachments: FileAttachment[] = validFiles.map(file => ({
         file,
         status: 'uploading',
+        uploadedAt: Date.now(),
       }))
 
       if (newAttachments && newAttachments.length > 0) {
@@ -111,6 +118,9 @@ export function useAttachmentUploader({ conversationId }: { conversationId: numb
     setLastUploadId(undefined)
     setAttachments(
       attachments.map(attachment => {
+        // Don't risk overwriting ids already set
+        if (attachment.id) return attachment
+
         const state = uploadState.current[attachment.file.name]
         if (state) {
           return { ...attachment, id: state.id, status: state.status }

package/src/hooks/use_message_draft.ts

@@ -0,0 +1,108 @@
+import { useCallback, useEffect, useState } from 'react'
+import { useAsyncStorage } from './use_async_storage'
+import type { FileAttachment } from '../types/resources/denormalized_attachment_resource_for_create'
+
+interface MessageDraft {
+  text: string
+  attachments: FileAttachment[]
+  lastUpdated: number
+}
+
+const DRAFT_STORAGE_KEY = 'chat_message_drafts'
+const DRAFT_EXPIRY_HOURS = 720 // 30 days
+const DRAFT_EXPIRY_MS = DRAFT_EXPIRY_HOURS * 60 * 60 * 1000
+const ATTACHMENT_EXPIRY_HOURS = 48 // 2 days
+const ATTACHMENT_EXPIRY_MS = ATTACHMENT_EXPIRY_HOURS * 60 * 60 * 1000
+
+export function useMessageDraft(conversationId: number) {
+  const conversationKey = conversationId.toString()
+  const [allDrafts, setAllDrafts] = useAsyncStorage<Record<string, MessageDraft>>(
+    DRAFT_STORAGE_KEY,
+    {}
+  )
+
+  const [draft, setDraft] = useState<MessageDraft | null>(() => {
+    const storedDraft = allDrafts[conversationKey] || null
+
+    // Filter expired attachments
+    if (storedDraft?.attachments) {
+      const now = Date.now()
+      storedDraft.attachments = storedDraft.attachments.filter(attachment => {
+        if (!attachment.uploadedAt) return false
+        return now - attachment.uploadedAt < ATTACHMENT_EXPIRY_MS
+      })
+    }
+
+    return storedDraft
+  })
+
+  // Clean up expired drafts on mount
+  useEffect(() => {
+    const now = Date.now()
+    const validDrafts: Record<string, MessageDraft> = {}
+
+    Object.entries(allDrafts).forEach(([id, draftData]) => {
+      if (draftData?.lastUpdated && now - draftData.lastUpdated < DRAFT_EXPIRY_MS) {
+        validDrafts[id] = draftData
+      }
+    })
+
+    // If we filtered out any drafts, update storage
+    if (Object.keys(validDrafts).length !== Object.keys(allDrafts).length) {
+      setAllDrafts(validDrafts)
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []) // I only want this to run on mount
+
+  const saveDraft = useCallback(
+    (text: string, attachments: FileAttachment[]) => {
+      const hasContent = text.trim().length > 0 || attachments.length > 0
+      const updatedDrafts = { ...allDrafts }
+
+      if (hasContent) {
+        // Convert attachments to serializable format (similar to web implementation)
+        const normalizedAttachments = attachments
+          .filter(att => att.id && att.status === 'success')
+          .map(att => ({
+            ...att,
+            file: {
+              uri: att.file.uri,
+              name: att.file.name,
+              type: att.file.type,
+              size: att.file.size,
+              width: att.file.width,
+              height: att.file.height,
+            },
+          }))
+
+        const newDraft: MessageDraft = {
+          text,
+          attachments: normalizedAttachments,
+          lastUpdated: Date.now(),
+        }
+
+        updatedDrafts[conversationKey] = newDraft
+        setDraft(newDraft)
+      } else {
+        delete updatedDrafts[conversationKey]
+        setDraft(null)
+      }
+
+      setAllDrafts(updatedDrafts)
+    },
+    [conversationKey, allDrafts, setAllDrafts]
+  )
+
+  const clearDraft = useCallback(() => {
+    const updatedDrafts = { ...allDrafts }
+    delete updatedDrafts[conversationKey]
+    setAllDrafts(updatedDrafts)
+    setDraft(null)
+  }, [conversationKey, allDrafts, setAllDrafts])
+
+  return {
+    draft,
+    saveDraft,
+    clearDraft,
+  }
+}

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

@@ -13,6 +13,7 @@ import { ConversationResource, MemberResource } from '../../../types'
 import { tokens } from '../../../vendor/tapestry/tokens'
 import { TeamFilterTypes } from '../../conversation_filter_recipients/types'
 import { useServicesTeams } from '../../../hooks/services/use_services_team'
+import { Haptic } from '../../../utils/native_adapters'
 
 type ServicesFormProps = {
   initialTeamIds?: number[]
@@ -153,7 +154,8 @@ function FormContent({
           <TextButton
             accessibilityLabel="Select teams"
             textStyle={styles.teamCountHeader}
-            onPress={() =>
+            onPress={() => {
+              Haptic.impactLight()
               navigation.navigate('New', {
                 screen: 'ConversationFilterRecipients',
                 params: {
@@ -162,7 +164,7 @@ function FormContent({
                   team_filter_type: teamFilterType,
                 },
               })
-            }
+            }}
           >
             {teamCountHeader}
           </TextButton>

package/src/screens/conversation_screen.tsx

@@ -149,6 +149,13 @@ export function ConversationScreen({ route }: ConversationScreenProps) {
           <MessageForm.Root
             conversation={conversation}
             currentlyEditingMessage={currentlyEditingMessage}
+            // We use a separate key so that it remounts component when switching between new
+            // and edit message. This simplifies internal state handling.
+            key={
+              currentlyEditingMessage
+                ? `edit-message-form-${currentlyEditingMessage.id}`
+                : 'new-message-form'
+            }
           >
             <MessageForm.AttachmentPicker />
             <MessageForm.Commands />

package/src/screens/conversation_select_recipients/conversation_select_recipients_screen.tsx

@@ -14,6 +14,7 @@ import { TeamRecipientRow } from './components/team_recipient_row'
 import { GroupsRecipientRow } from './components/groups_recipient_row'
 import { DefaultLoading } from '../../components/page/loading'
 import { useAppGrants } from '../../hooks'
+import { Haptic } from '../../utils/native_adapters'
 
 const MAX_VISIBLE_RECIPIENTS = 5
 
@@ -128,14 +129,15 @@ export const ConversationSelectRecipientsScreen = ({
             {hasServiceTypes && (
               <Button
                 style={styles.selectTeamsButton}
-                onPress={() =>
+                onPress={() => {
+                  Haptic.impactLight()
                   navigation.navigate('New', {
                     screen: 'ConversationFilterRecipients',
                     params: {
                       source_app_name: 'Services',
                     },
                   })
-                }
+                }}
                 title="Select teams"
                 variant="outline"
                 iconNameLeft="general.search"