@kesha-antonov/react-native-chat 5.0.1 → 6.0.1

package/lib/components/RecordButton/styles.js

@@ -0,0 +1,161 @@
+import { StyleSheet } from 'react-native';
+import { LOCK_OFFSET, LOCK_WIDTH, ONCE_GAP, ONCE_SIZE } from './constants';
+export const createStyles = theme => StyleSheet.create({
+  container: {
+    // Matches Send's wrapper so the mic and the send button share a baseline -
+    // otherwise the control jumps 4pt the moment the first character is typed.
+    minHeight: theme.composer.minHeight,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  button: {
+    width: theme.sendButton.size,
+    height: theme.sendButton.size,
+    borderRadius: theme.radii.sendButton,
+    backgroundColor: theme.colors.accent,
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 2
+  },
+  modeIcon: {
+    position: 'absolute',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  lockPill: {
+    position: 'absolute',
+    left: '50%',
+    top: '50%',
+    marginLeft: -LOCK_WIDTH / 2,
+    marginTop: -LOCK_OFFSET,
+    width: LOCK_WIDTH,
+    borderRadius: LOCK_WIDTH / 2,
+    backgroundColor: theme.colors.inputBackground,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.colors.inputFieldBorder,
+    alignItems: 'center',
+    overflow: 'hidden',
+    zIndex: 4
+  },
+  // The top 36pt of the pill: the padlock, later the pause bars.
+  lockSlot: {
+    width: LOCK_WIDTH,
+    height: LOCK_WIDTH,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  lockSlotOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  resumeButton: {
+    position: 'absolute',
+    bottom: theme.sendButton.size + 12,
+    width: 34,
+    height: 34,
+    borderRadius: 17,
+    backgroundColor: theme.colors.inputBackground,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.colors.inputFieldBorder,
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 3
+  },
+  lockColor: {
+    color: theme.colors.placeholder
+  },
+  onceButton: {
+    position: 'absolute',
+    width: ONCE_SIZE,
+    height: ONCE_SIZE,
+    borderRadius: ONCE_SIZE / 2,
+    backgroundColor: theme.colors.inputBackground,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.colors.inputFieldBorder,
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 4
+  },
+  // Above the lock pill, which is 36 tall once locked.
+  onceLocked: {
+    top: '50%',
+    marginTop: -LOCK_OFFSET - ONCE_GAP - ONCE_SIZE
+  },
+  // Previewing, above the resume button.
+  oncePreview: {
+    bottom: theme.sendButton.size + 12 + 34 + ONCE_GAP
+  },
+  onceBadge: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    borderWidth: 1.5,
+    borderColor: theme.colors.placeholder,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  onceBadgeOn: {
+    borderColor: theme.colors.accent,
+    backgroundColor: theme.colors.accent
+  },
+  onceText: {
+    color: theme.colors.placeholder,
+    fontSize: 11,
+    fontWeight: '700',
+    lineHeight: 13
+  },
+  onceTextOn: {
+    color: '#fff'
+  },
+  tooltip: {
+    position: 'absolute',
+    right: 0,
+    maxWidth: 240,
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    borderRadius: 8,
+    backgroundColor: 'rgba(0, 0, 0, 0.75)',
+    zIndex: 5
+  },
+  // Beside the lock, pointing at it.
+  lockTooltip: {
+    top: '50%',
+    marginTop: -LOCK_OFFSET + 6,
+    right: 44,
+    width: 160
+  },
+  pauseTooltip: {
+    top: '50%',
+    marginTop: -LOCK_OFFSET,
+    right: 44,
+    width: 160
+  },
+  onceTooltip: {
+    top: '50%',
+    marginTop: -LOCK_OFFSET - ONCE_GAP - ONCE_SIZE,
+    right: 44,
+    width: 180
+  },
+  onceTooltipPreview: {
+    bottom: theme.sendButton.size + 12 + 34 + ONCE_GAP,
+    right: 44,
+    width: 180
+  },
+  tooltipBold: {
+    fontWeight: '700'
+  },
+  hintTooltip: {
+    bottom: theme.sendButton.size + 10,
+    width: 240
+  },
+  tooltipText: {
+    color: '#fff',
+    fontSize: 13
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/components/RecordButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["StyleSheet","LOCK_OFFSET","LOCK_WIDTH","ONCE_GAP","ONCE_SIZE","createStyles","theme","create","container","minHeight","composer","justifyContent","alignItems","button","width","sendButton","size","height","borderRadius","radii","backgroundColor","colors","accent","zIndex","modeIcon","position","lockPill","left","top","marginLeft","marginTop","inputBackground","borderWidth","hairlineWidth","borderColor","inputFieldBorder","overflow","lockSlot","lockSlotOverlay","right","bottom","resumeButton","lockColor","color","placeholder","onceButton","onceLocked","oncePreview","onceBadge","onceBadgeOn","onceText","fontSize","fontWeight","lineHeight","onceTextOn","tooltip","maxWidth","paddingHorizontal","paddingVertical","lockTooltip","pauseTooltip","onceTooltip","onceTooltipPreview","tooltipBold","hintTooltip","tooltipText"],"sources":["../../../src/components/RecordButton/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native'\n\nimport { ChatTheme } from '../../Theme'\nimport { LOCK_OFFSET, LOCK_WIDTH, ONCE_GAP, ONCE_SIZE } from './constants'\n\nexport const createStyles = (theme: ChatTheme) => StyleSheet.create({\n  container: {\n    // Matches Send's wrapper so the mic and the send button share a baseline -\n    // otherwise the control jumps 4pt the moment the first character is typed.\n    minHeight: theme.composer.minHeight,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  button: {\n    width: theme.sendButton.size,\n    height: theme.sendButton.size,\n    borderRadius: theme.radii.sendButton,\n    backgroundColor: theme.colors.accent,\n    alignItems: 'center',\n    justifyContent: 'center',\n    zIndex: 2,\n  },\n  modeIcon: {\n    position: 'absolute',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  lockPill: {\n    position: 'absolute',\n    left: '50%',\n    top: '50%',\n    marginLeft: -LOCK_WIDTH / 2,\n    marginTop: -LOCK_OFFSET,\n    width: LOCK_WIDTH,\n    borderRadius: LOCK_WIDTH / 2,\n    backgroundColor: theme.colors.inputBackground,\n    borderWidth: StyleSheet.hairlineWidth,\n    borderColor: theme.colors.inputFieldBorder,\n    alignItems: 'center',\n    overflow: 'hidden',\n    zIndex: 4,\n  },\n  // The top 36pt of the pill: the padlock, later the pause bars.\n  lockSlot: {\n    width: LOCK_WIDTH,\n    height: LOCK_WIDTH,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  lockSlotOverlay: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  resumeButton: {\n    position: 'absolute',\n    bottom: theme.sendButton.size + 12,\n    width: 34,\n    height: 34,\n    borderRadius: 17,\n    backgroundColor: theme.colors.inputBackground,\n    borderWidth: StyleSheet.hairlineWidth,\n    borderColor: theme.colors.inputFieldBorder,\n    alignItems: 'center',\n    justifyContent: 'center',\n    zIndex: 3,\n  },\n  lockColor: {\n    color: theme.colors.placeholder,\n  },\n  onceButton: {\n    position: 'absolute',\n    width: ONCE_SIZE,\n    height: ONCE_SIZE,\n    borderRadius: ONCE_SIZE / 2,\n    backgroundColor: theme.colors.inputBackground,\n    borderWidth: StyleSheet.hairlineWidth,\n    borderColor: theme.colors.inputFieldBorder,\n    alignItems: 'center',\n    justifyContent: 'center',\n    zIndex: 4,\n  },\n  // Above the lock pill, which is 36 tall once locked.\n  onceLocked: {\n    top: '50%',\n    marginTop: -LOCK_OFFSET - ONCE_GAP - ONCE_SIZE,\n  },\n  // Previewing, above the resume button.\n  oncePreview: {\n    bottom: theme.sendButton.size + 12 + 34 + ONCE_GAP,\n  },\n  onceBadge: {\n    width: 20,\n    height: 20,\n    borderRadius: 10,\n    borderWidth: 1.5,\n    borderColor: theme.colors.placeholder,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  onceBadgeOn: {\n    borderColor: theme.colors.accent,\n    backgroundColor: theme.colors.accent,\n  },\n  onceText: {\n    color: theme.colors.placeholder,\n    fontSize: 11,\n    fontWeight: '700',\n    lineHeight: 13,\n  },\n  onceTextOn: {\n    color: '#fff',\n  },\n  tooltip: {\n    position: 'absolute',\n    right: 0,\n    maxWidth: 240,\n    paddingHorizontal: 10,\n    paddingVertical: 6,\n    borderRadius: 8,\n    backgroundColor: 'rgba(0, 0, 0, 0.75)',\n    zIndex: 5,\n  },\n  // Beside the lock, pointing at it.\n  lockTooltip: {\n    top: '50%',\n    marginTop: -LOCK_OFFSET + 6,\n    right: 44,\n    width: 160,\n  },\n  pauseTooltip: {\n    top: '50%',\n    marginTop: -LOCK_OFFSET,\n    right: 44,\n    width: 160,\n  },\n  onceTooltip: {\n    top: '50%',\n    marginTop: -LOCK_OFFSET - ONCE_GAP - ONCE_SIZE,\n    right: 44,\n    width: 180,\n  },\n  onceTooltipPreview: {\n    bottom: theme.sendButton.size + 12 + 34 + ONCE_GAP,\n    right: 44,\n    width: 180,\n  },\n  tooltipBold: {\n    fontWeight: '700',\n  },\n  hintTooltip: {\n    bottom: theme.sendButton.size + 10,\n    width: 240,\n  },\n  tooltipText: {\n    color: '#fff',\n    fontSize: 13,\n  },\n})\n\nexport type RecordButtonStyles = ReturnType<typeof createStyles>\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAGzC,SAASC,WAAW,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,aAAa;AAE1E,OAAO,MAAMC,YAAY,GAAIC,KAAgB,IAAKN,UAAU,CAACO,MAAM,CAAC;EAClEC,SAAS,EAAE;IACT;IACA;IACAC,SAAS,EAAEH,KAAK,CAACI,QAAQ,CAACD,SAAS;IACnCE,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,MAAM,EAAE;IACNC,KAAK,EAAER,KAAK,CAACS,UAAU,CAACC,IAAI;IAC5BC,MAAM,EAAEX,KAAK,CAACS,UAAU,CAACC,IAAI;IAC7BE,YAAY,EAAEZ,KAAK,CAACa,KAAK,CAACJ,UAAU;IACpCK,eAAe,EAAEd,KAAK,CAACe,MAAM,CAACC,MAAM;IACpCV,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE,QAAQ;IACxBY,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRC,QAAQ,EAAE,UAAU;IACpBb,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE;EAClB,CAAC;EACDe,QAAQ,EAAE;IACRD,QAAQ,EAAE,UAAU;IACpBE,IAAI,EAAE,KAAK;IACXC,GAAG,EAAE,KAAK;IACVC,UAAU,EAAE,CAAC3B,UAAU,GAAG,CAAC;IAC3B4B,SAAS,EAAE,CAAC7B,WAAW;IACvBa,KAAK,EAAEZ,UAAU;IACjBgB,YAAY,EAAEhB,UAAU,GAAG,CAAC;IAC5BkB,eAAe,EAAEd,KAAK,CAACe,MAAM,CAACU,eAAe;IAC7CC,WAAW,EAAEhC,UAAU,CAACiC,aAAa;IACrCC,WAAW,EAAE5B,KAAK,CAACe,MAAM,CAACc,gBAAgB;IAC1CvB,UAAU,EAAE,QAAQ;IACpBwB,QAAQ,EAAE,QAAQ;IAClBb,MAAM,EAAE;EACV,CAAC;EACD;EACAc,QAAQ,EAAE;IACRvB,KAAK,EAAEZ,UAAU;IACjBe,MAAM,EAAEf,UAAU;IAClBU,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE;EAClB,CAAC;EACD2B,eAAe,EAAE;IACfb,QAAQ,EAAE,UAAU;IACpBG,GAAG,EAAE,CAAC;IACND,IAAI,EAAE,CAAC;IACPY,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACT5B,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE;EAClB,CAAC;EACD8B,YAAY,EAAE;IACZhB,QAAQ,EAAE,UAAU;IACpBe,MAAM,EAAElC,KAAK,CAACS,UAAU,CAACC,IAAI,GAAG,EAAE;IAClCF,KAAK,EAAE,EAAE;IACTG,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBE,eAAe,EAAEd,KAAK,CAACe,MAAM,CAACU,eAAe;IAC7CC,WAAW,EAAEhC,UAAU,CAACiC,aAAa;IACrCC,WAAW,EAAE5B,KAAK,CAACe,MAAM,CAACc,gBAAgB;IAC1CvB,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE,QAAQ;IACxBY,MAAM,EAAE;EACV,CAAC;EACDmB,SAAS,EAAE;IACTC,KAAK,EAAErC,KAAK,CAACe,MAAM,CAACuB;EACtB,CAAC;EACDC,UAAU,EAAE;IACVpB,QAAQ,EAAE,UAAU;IACpBX,KAAK,EAAEV,SAAS;IAChBa,MAAM,EAAEb,SAAS;IACjBc,YAAY,EAAEd,SAAS,GAAG,CAAC;IAC3BgB,eAAe,EAAEd,KAAK,CAACe,MAAM,CAACU,eAAe;IAC7CC,WAAW,EAAEhC,UAAU,CAACiC,aAAa;IACrCC,WAAW,EAAE5B,KAAK,CAACe,MAAM,CAACc,gBAAgB;IAC1CvB,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE,QAAQ;IACxBY,MAAM,EAAE;EACV,CAAC;EACD;EACAuB,UAAU,EAAE;IACVlB,GAAG,EAAE,KAAK;IACVE,SAAS,EAAE,CAAC7B,WAAW,GAAGE,QAAQ,GAAGC;EACvC,CAAC;EACD;EACA2C,WAAW,EAAE;IACXP,MAAM,EAAElC,KAAK,CAACS,UAAU,CAACC,IAAI,GAAG,EAAE,GAAG,EAAE,GAAGb;EAC5C,CAAC;EACD6C,SAAS,EAAE;IACTlC,KAAK,EAAE,EAAE;IACTG,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBc,WAAW,EAAE,GAAG;IAChBE,WAAW,EAAE5B,KAAK,CAACe,MAAM,CAACuB,WAAW;IACrChC,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE;EAClB,CAAC;EACDsC,WAAW,EAAE;IACXf,WAAW,EAAE5B,KAAK,CAACe,MAAM,CAACC,MAAM;IAChCF,eAAe,EAAEd,KAAK,CAACe,MAAM,CAACC;EAChC,CAAC;EACD4B,QAAQ,EAAE;IACRP,KAAK,EAAErC,KAAK,CAACe,MAAM,CAACuB,WAAW;IAC/BO,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd,CAAC;EACDC,UAAU,EAAE;IACVX,KAAK,EAAE;EACT,CAAC;EACDY,OAAO,EAAE;IACP9B,QAAQ,EAAE,UAAU;IACpBc,KAAK,EAAE,CAAC;IACRiB,QAAQ,EAAE,GAAG;IACbC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBxC,YAAY,EAAE,CAAC;IACfE,eAAe,EAAE,qBAAqB;IACtCG,MAAM,EAAE;EACV,CAAC;EACD;EACAoC,WAAW,EAAE;IACX/B,GAAG,EAAE,KAAK;IACVE,SAAS,EAAE,CAAC7B,WAAW,GAAG,CAAC;IAC3BsC,KAAK,EAAE,EAAE;IACTzB,KAAK,EAAE;EACT,CAAC;EACD8C,YAAY,EAAE;IACZhC,GAAG,EAAE,KAAK;IACVE,SAAS,EAAE,CAAC7B,WAAW;IACvBsC,KAAK,EAAE,EAAE;IACTzB,KAAK,EAAE;EACT,CAAC;EACD+C,WAAW,EAAE;IACXjC,GAAG,EAAE,KAAK;IACVE,SAAS,EAAE,CAAC7B,WAAW,GAAGE,QAAQ,GAAGC,SAAS;IAC9CmC,KAAK,EAAE,EAAE;IACTzB,KAAK,EAAE;EACT,CAAC;EACDgD,kBAAkB,EAAE;IAClBtB,MAAM,EAAElC,KAAK,CAACS,UAAU,CAACC,IAAI,GAAG,EAAE,GAAG,EAAE,GAAGb,QAAQ;IAClDoC,KAAK,EAAE,EAAE;IACTzB,KAAK,EAAE;EACT,CAAC;EACDiD,WAAW,EAAE;IACXX,UAAU,EAAE;EACd,CAAC;EACDY,WAAW,EAAE;IACXxB,MAAM,EAAElC,KAAK,CAACS,UAAU,CAACC,IAAI,GAAG,EAAE;IAClCF,KAAK,EAAE;EACT,CAAC;EACDmD,WAAW,EAAE;IACXtB,KAAK,EAAE,MAAM;IACbQ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/RecordButton/types.d.ts

@@ -0,0 +1,63 @@
+import { SharedValue } from 'react-native-reanimated';
+import { Store } from '../../store';
+/** Where a take is: what the button shows and which gestures it accepts. */
+export type RecordButtonPhase = 'idle' | 'recording' | 'locked' | 'preview';
+/** How a take left the button: drives the circle's exit and the bar's. */
+export type RecordExitReason = 'send' | 'cancel' | 'preview';
+/**
+ * How the take in progress ended, as far as the button saw it; anything else
+ * (the bar's CANCEL, a time limit) leaves it null.
+ */
+export type TakeExitReason = 'send' | 'cancel' | 'gesture' | 'preview' | null;
+export interface RecordButtonProps {
+    mode: 'voice' | 'video';
+    phase: RecordButtonPhase;
+    /** Microphone loudness, 0..1, for the circle and its blobs; read without a render. */
+    levelStore?: Store<number>;
+    /**
+     * Video only: the camera has actually started recording. The blobs wait for
+     * it.
+     */
+    isCapturing?: boolean;
+    /**
+     * A quick tap. Set when the button switches between voice and video: the
+     * press then has to be held for 150ms before it records.
+     */
+    onTap?: () => void;
+    /** The hold became a take. */
+    onStart: () => void;
+    /** Finger lifted, or slid all the way to cancel; `cancelled` says which. */
+    onFinish: (cancelled: boolean) => void;
+    /** Slid up past the lock distance. */
+    onLock: () => void;
+    /** Locked: the pause button above the send button. Hidden when omitted. */
+    onPause?: () => void;
+    /** Previewing: the button in the pause button's place that records on. Hidden when omitted. */
+    onResume?: () => void;
+    /** Tooltip by the pause button for the first few locked takes. */
+    pauseHint?: string | null;
+    /** Locked or previewing: the send button. */
+    onSend: () => void;
+    /** Live slide-to-cancel progress, 1 at rest down to 0 at the cancel point. */
+    onSlideProgress?: (progress: number) => void;
+    /** The same progress on the UI thread, for the bar's "slide to cancel". */
+    slideProgressValue?: SharedValue<number>;
+    /** The button ended a take this way, just before `onFinish` / `onSend` / `onPause`. */
+    onExit?: (reason: RecordExitReason) => void;
+    /** A tooltip to show above the button, e.g. after a mode switch. */
+    hint?: string | null;
+    /**
+     * Without `onTap` a take starts on touch-down, so a tap is a take released
+     * within 100ms. Called then, after `onFinish`, to show the hold hint.
+     */
+    onQuickRelease?: () => void;
+    /**
+     * Locked or previewing: the view-once toggle above the pause button. Hidden when omitted.
+     */
+    onToggleViewOnce?: () => void;
+    /** The take goes out as view-once; the toggle is drawn on. */
+    isViewOnce?: boolean;
+}
+/** The callers' callbacks the gesture and the controls read through a ref. */
+export type RecordCallbacks = Pick<RecordButtonProps, 'onStart' | 'onFinish' | 'onLock' | 'onSlideProgress' | 'onQuickRelease' | 'onExit'>;
+//# sourceMappingURL=types.d.ts.map

package/lib/components/RecordButton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/RecordButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,4EAA4E;AAC5E,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE3E,0EAA0E;AAC1E,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE5D;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI,CAAA;AAE7E,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,GAAG,OAAO,CAAA;IACvB,KAAK,EAAE,iBAAiB,CAAA;IACxB,sFAAsF;IACtF,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,8BAA8B;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,4EAA4E;IAC5E,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,sCAAsC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,6CAA6C;IAC7C,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACxC,uFAAuF;IACvF,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,8EAA8E;AAC9E,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,QAAQ,CAAC,CAAA"}

package/lib/components/RecordButton/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/RecordButton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/RecordButton/types.ts"],"sourcesContent":["import { SharedValue } from 'react-native-reanimated'\n\nimport { Store } from '../../store'\n\n/** Where a take is: what the button shows and which gestures it accepts. */\nexport type RecordButtonPhase = 'idle' | 'recording' | 'locked' | 'preview'\n\n/** How a take left the button: drives the circle's exit and the bar's. */\nexport type RecordExitReason = 'send' | 'cancel' | 'preview'\n\n/**\n * How the take in progress ended, as far as the button saw it; anything else\n * (the bar's CANCEL, a time limit) leaves it null.\n */\nexport type TakeExitReason = 'send' | 'cancel' | 'gesture' | 'preview' | null\n\nexport interface RecordButtonProps {\n  mode: 'voice' | 'video'\n  phase: RecordButtonPhase\n  /** Microphone loudness, 0..1, for the circle and its blobs; read without a render. */\n  levelStore?: Store<number>\n  /**\n   * Video only: the camera has actually started recording. The blobs wait for\n   * it.\n   */\n  isCapturing?: boolean\n  /**\n   * A quick tap. Set when the button switches between voice and video: the\n   * press then has to be held for 150ms before it records.\n   */\n  onTap?: () => void\n  /** The hold became a take. */\n  onStart: () => void\n  /** Finger lifted, or slid all the way to cancel; `cancelled` says which. */\n  onFinish: (cancelled: boolean) => void\n  /** Slid up past the lock distance. */\n  onLock: () => void\n  /** Locked: the pause button above the send button. Hidden when omitted. */\n  onPause?: () => void\n  /** Previewing: the button in the pause button's place that records on. Hidden when omitted. */\n  onResume?: () => void\n  /** Tooltip by the pause button for the first few locked takes. */\n  pauseHint?: string | null\n  /** Locked or previewing: the send button. */\n  onSend: () => void\n  /** Live slide-to-cancel progress, 1 at rest down to 0 at the cancel point. */\n  onSlideProgress?: (progress: number) => void\n  /** The same progress on the UI thread, for the bar's \"slide to cancel\". */\n  slideProgressValue?: SharedValue<number>\n  /** The button ended a take this way, just before `onFinish` / `onSend` / `onPause`. */\n  onExit?: (reason: RecordExitReason) => void\n  /** A tooltip to show above the button, e.g. after a mode switch. */\n  hint?: string | null\n  /**\n   * Without `onTap` a take starts on touch-down, so a tap is a take released\n   * within 100ms. Called then, after `onFinish`, to show the hold hint.\n   */\n  onQuickRelease?: () => void\n  /**\n   * Locked or previewing: the view-once toggle above the pause button. Hidden when omitted.\n   */\n  onToggleViewOnce?: () => void\n  /** The take goes out as view-once; the toggle is drawn on. */\n  isViewOnce?: boolean\n}\n\n/** The callers' callbacks the gesture and the controls read through a ref. */\nexport type RecordCallbacks = Pick<RecordButtonProps, 'onStart' | 'onFinish' | 'onLock' | 'onSlideProgress' | 'onQuickRelease' | 'onExit'>\n"],"mappings":"","ignoreList":[]}

package/lib/components/RecordButton/useRecordGesture.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { SharedValue } from 'react-native-reanimated';
+import { RecordCallbacks, TakeExitReason } from './types';
+interface RecordGestureOptions {
+    onTap?: () => void;
+    isVoice: boolean;
+    cancelSign: number;
+    slideDistance: number;
+    lockDistance: number;
+    slideProgress: SharedValue<number>;
+    slideProgressValue?: SharedValue<number>;
+    fingerUp: SharedValue<number>;
+    lockedSV: SharedValue<number>;
+    isTakeSV: SharedValue<number>;
+    lockHide: SharedValue<number>;
+    lockHideTarget: SharedValue<number>;
+    lastReported: SharedValue<number>;
+    callbacksRef: React.RefObject<RecordCallbacks>;
+    exitReasonRef: React.RefObject<TakeExitReason>;
+    setIsLockHintVisible: (isVisible: boolean) => void;
+}
+/**
+ * The hold: a pan that becomes a take, slides to cancel and up to lock, raced
+ * against a tap that switches modes when the button has two.
+ */
+export declare function useRecordGesture({ onTap, isVoice, cancelSign, slideDistance, lockDistance, slideProgress, slideProgressValue, fingerUp, lockedSV, isTakeSV, lockHide, lockHideTarget, lastReported, callbacksRef, exitReasonRef, setIsLockHintVisible, }: RecordGestureOptions): import("react-native-gesture-handler").ComposedGesture | import("react-native-gesture-handler").PanGesture;
+export {};
+//# sourceMappingURL=useRecordGesture.d.ts.map

package/lib/components/RecordButton/useRecordGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordGesture.d.ts","sourceRoot":"","sources":["../../../src/components/RecordButton/useRecordGesture.ts"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,WAAW,EAAuB,MAAM,yBAAyB,CAAA;AAW1E,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEzD,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAClC,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACxC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7B,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACnC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACjC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;IAC9C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9C,oBAAoB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACnD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAE,EAChC,KAAK,EACL,OAAO,EACP,UAAU,EACV,aAAa,EACb,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,oBAAoB,GACrB,EAAE,oBAAoB,8GA4HtB"}

package/lib/components/RecordButton/useRecordGesture.js

@@ -0,0 +1,263 @@
+import { c as _c } from "react/compiler-runtime";
+import { useLayoutEffect, useRef } from 'react';
+import { useCompetingGestures, usePanGesture, useTapGesture } from 'react-native-gesture-handler';
+import { runOnJS, withTiming } from 'react-native-reanimated';
+import { recordingHaptic, retireLockHint } from '../recordingFeedback';
+import { expectSendFlight } from '../sendFlight';
+import { HOLD_DELAY_MS, LOCK_BLOCK_PROGRESS, LOCK_HINT_HIDE_PROGRESS, QUICK_RELEASE_MS, RELEASE_CANCEL_PROGRESS } from './constants';
+/**
+ * The hold: a pan that becomes a take, slides to cancel and up to lock, raced
+ * against a tap that switches modes when the button has two.
+ */
+export function useRecordGesture(t0) {
+  const $ = _c(48);
+  const {
+    onTap,
+    isVoice,
+    cancelSign,
+    slideDistance,
+    lockDistance,
+    slideProgress,
+    slideProgressValue,
+    fingerUp,
+    lockedSV,
+    isTakeSV,
+    lockHide,
+    lockHideTarget,
+    lastReported,
+    callbacksRef,
+    exitReasonRef,
+    setIsLockHintVisible
+  } = t0;
+  const startedAtRef = useRef(0);
+  let t1;
+  if ($[0] !== callbacksRef || $[1] !== isVoice) {
+    t1 = () => {
+      startedAtRef.current = Date.now();
+      if (isVoice) {
+        recordingHaptic();
+      }
+      callbacksRef.current.onStart();
+    };
+    $[0] = callbacksRef;
+    $[1] = isVoice;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const jsStart = t1;
+  let t2;
+  if ($[3] !== callbacksRef || $[4] !== exitReasonRef || $[5] !== isVoice) {
+    t2 = (cancelled, isGesture) => {
+      exitReasonRef.current = isGesture ? "gesture" : cancelled ? "cancel" : "send";
+      if (isVoice && !cancelled) {
+        expectSendFlight("voice");
+      }
+      callbacksRef.current.onExit?.(cancelled ? "cancel" : "send");
+      if (isVoice) {
+        recordingHaptic();
+      }
+      callbacksRef.current.onFinish(cancelled);
+      if (!cancelled && Date.now() - startedAtRef.current < QUICK_RELEASE_MS) {
+        callbacksRef.current.onQuickRelease?.();
+      }
+    };
+    $[3] = callbacksRef;
+    $[4] = exitReasonRef;
+    $[5] = isVoice;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const jsFinish = t2;
+  let t3;
+  if ($[7] !== callbacksRef || $[8] !== setIsLockHintVisible) {
+    t3 = () => {
+      recordingHaptic();
+      retireLockHint();
+      setIsLockHintVisible(false);
+      callbacksRef.current.onLock();
+    };
+    $[7] = callbacksRef;
+    $[8] = setIsLockHintVisible;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const jsLock = t3;
+  let t4;
+  if ($[10] !== callbacksRef || $[11] !== setIsLockHintVisible) {
+    t4 = progress => {
+      callbacksRef.current.onSlideProgress?.(progress);
+      if (progress < LOCK_HINT_HIDE_PROGRESS) {
+        setIsLockHintVisible(false);
+      }
+    };
+    $[10] = callbacksRef;
+    $[11] = setIsLockHintVisible;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const jsSlideProgress = t4;
+  const t5 = onTap ? HOLD_DELAY_MS : 0;
+  let t6;
+  if ($[13] !== isTakeSV || $[14] !== jsStart) {
+    t6 = () => {
+      isTakeSV.set(1);
+      runOnJS(jsStart)();
+    };
+    $[13] = isTakeSV;
+    $[14] = jsStart;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] !== cancelSign || $[17] !== fingerUp || $[18] !== isTakeSV || $[19] !== jsFinish || $[20] !== jsLock || $[21] !== jsSlideProgress || $[22] !== lastReported || $[23] !== lockDistance || $[24] !== lockHide || $[25] !== lockHideTarget || $[26] !== lockedSV || $[27] !== slideDistance || $[28] !== slideProgress || $[29] !== slideProgressValue) {
+    t7 = event => {
+      if (isTakeSV.value === 0 || lockedSV.value > 0) {
+        return;
+      }
+      const dx = cancelSign === -1 ? Math.max(-slideDistance, Math.min(0, event.translationX)) : Math.min(slideDistance, Math.max(0, event.translationX));
+      const progress_0 = 1 - Math.abs(dx) / slideDistance;
+      const up = Math.max(0, Math.min(lockDistance, -event.translationY));
+      slideProgress.set(progress_0);
+      if (slideProgressValue) {
+        slideProgressValue.set(progress_0);
+      }
+      if (Math.abs(progress_0 - lastReported.value) > 0.01 || progress_0 === 0) {
+        lastReported.set(progress_0);
+        runOnJS(jsSlideProgress)(progress_0);
+      }
+      if (progress_0 <= 0) {
+        isTakeSV.set(0);
+        runOnJS(jsFinish)(true, true);
+        return;
+      }
+      const isBlocked = progress_0 < LOCK_BLOCK_PROGRESS ? 1 : 0;
+      if (isBlocked !== lockHideTarget.value) {
+        lockHideTarget.set(isBlocked);
+        lockHide.set(withTiming(isBlocked, {
+          duration: 140
+        }));
+      }
+      fingerUp.set(isBlocked ? 0 : up);
+      if (!isBlocked && up >= lockDistance) {
+        lockedSV.set(1);
+        isTakeSV.set(0);
+        runOnJS(jsLock)();
+      }
+    };
+    $[16] = cancelSign;
+    $[17] = fingerUp;
+    $[18] = isTakeSV;
+    $[19] = jsFinish;
+    $[20] = jsLock;
+    $[21] = jsSlideProgress;
+    $[22] = lastReported;
+    $[23] = lockDistance;
+    $[24] = lockHide;
+    $[25] = lockHideTarget;
+    $[26] = lockedSV;
+    $[27] = slideDistance;
+    $[28] = slideProgress;
+    $[29] = slideProgressValue;
+    $[30] = t7;
+  } else {
+    t7 = $[30];
+  }
+  let t8;
+  if ($[31] !== isTakeSV || $[32] !== jsFinish || $[33] !== jsLock || $[34] !== lockedSV || $[35] !== slideProgress) {
+    t8 = event_0 => {
+      if (isTakeSV.value === 0) {
+        return;
+      }
+      isTakeSV.set(0);
+      if (event_0.canceled) {
+        if (slideProgress.value < LOCK_BLOCK_PROGRESS) {
+          runOnJS(jsFinish)(true, false);
+        } else {
+          lockedSV.set(1);
+          runOnJS(jsLock)();
+        }
+        return;
+      }
+      runOnJS(jsFinish)(slideProgress.value < RELEASE_CANCEL_PROGRESS, false);
+    };
+    $[31] = isTakeSV;
+    $[32] = jsFinish;
+    $[33] = jsLock;
+    $[34] = lockedSV;
+    $[35] = slideProgress;
+    $[36] = t8;
+  } else {
+    t8 = $[36];
+  }
+  let t9;
+  if ($[37] !== t5 || $[38] !== t6 || $[39] !== t7 || $[40] !== t8) {
+    t9 = {
+      activateAfterLongPress: t5,
+      onActivate: t6,
+      onUpdate: t7,
+      onFinalize: t8
+    };
+    $[37] = t5;
+    $[38] = t6;
+    $[39] = t7;
+    $[40] = t8;
+    $[41] = t9;
+  } else {
+    t9 = $[41];
+  }
+  const panGesture = usePanGesture(t9);
+  const tapRef = useRef(onTap);
+  let t10;
+  if ($[42] !== onTap) {
+    t10 = () => {
+      tapRef.current = onTap;
+    };
+    $[42] = onTap;
+    $[43] = t10;
+  } else {
+    t10 = $[43];
+  }
+  useLayoutEffect(t10);
+  let t11;
+  if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = () => {
+      recordingHaptic();
+      tapRef.current?.();
+    };
+    $[44] = t11;
+  } else {
+    t11 = $[44];
+  }
+  const jsTap = t11;
+  const hasTap = !!onTap;
+  let t12;
+  if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = () => {
+      runOnJS(jsTap)();
+    };
+    $[45] = t12;
+  } else {
+    t12 = $[45];
+  }
+  let t13;
+  if ($[46] !== hasTap) {
+    t13 = {
+      enabled: hasTap,
+      maxDuration: HOLD_DELAY_MS,
+      onDeactivate: t12
+    };
+    $[46] = hasTap;
+    $[47] = t13;
+  } else {
+    t13 = $[47];
+  }
+  const tapGesture = useTapGesture(t13);
+  const raceGesture = useCompetingGestures(tapGesture, panGesture);
+  return hasTap ? raceGesture : panGesture;
+}
+//# sourceMappingURL=useRecordGesture.js.map

package/lib/components/RecordButton/useRecordGesture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordGesture.js","names":["useLayoutEffect","useRef","useCompetingGestures","usePanGesture","useTapGesture","runOnJS","withTiming","recordingHaptic","retireLockHint","expectSendFlight","HOLD_DELAY_MS","LOCK_BLOCK_PROGRESS","LOCK_HINT_HIDE_PROGRESS","QUICK_RELEASE_MS","RELEASE_CANCEL_PROGRESS","useRecordGesture","t0","$","_c","onTap","isVoice","cancelSign","slideDistance","lockDistance","slideProgress","slideProgressValue","fingerUp","lockedSV","isTakeSV","lockHide","lockHideTarget","lastReported","callbacksRef","exitReasonRef","setIsLockHintVisible","startedAtRef","t1","current","Date","now","onStart","jsStart","t2","cancelled","isGesture","onExit","onFinish","onQuickRelease","jsFinish","t3","onLock","jsLock","t4","progress","onSlideProgress","jsSlideProgress","t5","t6","set","t7","event","value","dx","Math","max","min","translationX","progress_0","abs","up","translationY","isBlocked","duration","t8","event_0","canceled","t9","activateAfterLongPress","onActivate","onUpdate","onFinalize","panGesture","tapRef","t10","t11","Symbol","for","jsTap","hasTap","t12","t13","enabled","maxDuration","onDeactivate","tapGesture","raceGesture"],"sources":["../../../src/components/RecordButton/useRecordGesture.ts"],"sourcesContent":["import React, { useLayoutEffect, useRef } from 'react'\nimport { useCompetingGestures, usePanGesture, useTapGesture } from 'react-native-gesture-handler'\nimport { SharedValue, runOnJS, withTiming } from 'react-native-reanimated'\n\nimport { recordingHaptic, retireLockHint } from '../recordingFeedback'\nimport { expectSendFlight } from '../sendFlight'\nimport {\n  HOLD_DELAY_MS,\n  LOCK_BLOCK_PROGRESS,\n  LOCK_HINT_HIDE_PROGRESS,\n  QUICK_RELEASE_MS,\n  RELEASE_CANCEL_PROGRESS,\n} from './constants'\nimport { RecordCallbacks, TakeExitReason } from './types'\n\ninterface RecordGestureOptions {\n  onTap?: () => void\n  isVoice: boolean\n  cancelSign: number\n  slideDistance: number\n  lockDistance: number\n  slideProgress: SharedValue<number>\n  slideProgressValue?: SharedValue<number>\n  fingerUp: SharedValue<number>\n  lockedSV: SharedValue<number>\n  isTakeSV: SharedValue<number>\n  lockHide: SharedValue<number>\n  lockHideTarget: SharedValue<number>\n  lastReported: SharedValue<number>\n  callbacksRef: React.RefObject<RecordCallbacks>\n  exitReasonRef: React.RefObject<TakeExitReason>\n  setIsLockHintVisible: (isVisible: boolean) => void\n}\n\n/**\n * The hold: a pan that becomes a take, slides to cancel and up to lock, raced\n * against a tap that switches modes when the button has two.\n */\nexport function useRecordGesture ({\n  onTap,\n  isVoice,\n  cancelSign,\n  slideDistance,\n  lockDistance,\n  slideProgress,\n  slideProgressValue,\n  fingerUp,\n  lockedSV,\n  isTakeSV,\n  lockHide,\n  lockHideTarget,\n  lastReported,\n  callbacksRef,\n  exitReasonRef,\n  setIsLockHintVisible,\n}: RecordGestureOptions) {\n  const startedAtRef = useRef(0)\n\n  // A tick when the voice recorder starts and stops; a round take ticks\n  // when its camera actually starts recording, which the session handles.\n  const jsStart = () => {\n    startedAtRef.current = Date.now()\n    if (isVoice)\n      recordingHaptic()\n    callbacksRef.current.onStart()\n  }\n  const jsFinish = (cancelled: boolean, isGesture: boolean) => {\n    exitReasonRef.current = isGesture ? 'gesture' : cancelled ? 'cancel' : 'send'\n    // Before `onFinish`, which is what adds the message the circle flies to.\n    if (isVoice && !cancelled)\n      expectSendFlight('voice')\n    callbacksRef.current.onExit?.(cancelled ? 'cancel' : 'send')\n    if (isVoice)\n      recordingHaptic()\n    callbacksRef.current.onFinish(cancelled)\n    if (!cancelled && Date.now() - startedAtRef.current < QUICK_RELEASE_MS)\n      callbacksRef.current.onQuickRelease?.()\n  }\n  const jsLock = () => {\n    recordingHaptic()\n    retireLockHint()\n    setIsLockHintVisible(false)\n    callbacksRef.current.onLock()\n  }\n  const jsSlideProgress = (progress: number) => {\n    callbacksRef.current.onSlideProgress?.(progress)\n    if (progress < LOCK_HINT_HIDE_PROGRESS)\n      setIsLockHintVisible(false)\n  }\n\n  const panGesture = usePanGesture({\n    activateAfterLongPress: onTap ? HOLD_DELAY_MS : 0,\n    onActivate: () => {\n      isTakeSV.set(1)\n      runOnJS(jsStart)()\n    },\n    onUpdate: event => {\n      if (isTakeSV.value === 0 || lockedSV.value > 0)\n        return\n\n      const dx = cancelSign === -1\n        ? Math.max(-slideDistance, Math.min(0, event.translationX))\n        : Math.min(slideDistance, Math.max(0, event.translationX))\n      const progress = 1 - Math.abs(dx) / slideDistance\n      const up = Math.max(0, Math.min(lockDistance, -event.translationY))\n\n      // The circle tracks every frame; JS only hears about real changes.\n      slideProgress.set(progress)\n      if (slideProgressValue)\n        slideProgressValue.set(progress)\n      if (Math.abs(progress - lastReported.value) > 0.01 || progress === 0) {\n        lastReported.set(progress)\n        runOnJS(jsSlideProgress)(progress)\n      }\n\n      // All the way across: cancel now, before the finger lifts.\n      if (progress <= 0) {\n        isTakeSV.set(0)\n        runOnJS(jsFinish)(true, true)\n        return\n      }\n\n      // Lock and cancel exclude each other: no lock once the slide is past 30%.\n      const isBlocked = progress < LOCK_BLOCK_PROGRESS ? 1 : 0\n      if (isBlocked !== lockHideTarget.value) {\n        lockHideTarget.set(isBlocked)\n        lockHide.set(withTiming(isBlocked, { duration: 140 }))\n      }\n      fingerUp.set(isBlocked ? 0 : up)\n\n      if (!isBlocked && up >= lockDistance) {\n        lockedSV.set(1)\n        isTakeSV.set(0)\n        runOnJS(jsLock)()\n      }\n    },\n    onFinalize: event => {\n      if (isTakeSV.value === 0)\n        return\n\n      isTakeSV.set(0)\n\n      // Interrupted by the system rather than released: lock the\n      // take unless the cancel slide was already well under way.\n      if (event.canceled) {\n        if (slideProgress.value < LOCK_BLOCK_PROGRESS) {\n          runOnJS(jsFinish)(true, false)\n        } else {\n          lockedSV.set(1)\n          runOnJS(jsLock)()\n        }\n        return\n      }\n\n      runOnJS(jsFinish)(slideProgress.value < RELEASE_CANCEL_PROGRESS, false)\n    },\n  })\n\n  const tapRef = useRef(onTap)\n  useLayoutEffect(() => {\n    tapRef.current = onTap\n  })\n  const jsTap = () => {\n    recordingHaptic()\n    tapRef.current?.()\n  }\n\n  // A tap switches voice <-> video; the hold records. Race so whichever\n  // recognizes first wins. With a single mode the press records at once.\n  const hasTap = !!onTap\n  const tapGesture = useTapGesture({\n    enabled: hasTap,\n    maxDuration: HOLD_DELAY_MS,\n    onDeactivate: () => {\n      runOnJS(jsTap)()\n    },\n  })\n  const raceGesture = useCompetingGestures(tapGesture, panGesture)\n  return hasTap ? raceGesture : panGesture\n}\n"],"mappings":";AAAA,SAAgBA,eAAe,EAAEC,MAAM,QAAQ,OAAO;AACtD,SAASC,oBAAoB,EAAEC,aAAa,EAAEC,aAAa,QAAQ,8BAA8B;AACjG,SAAsBC,OAAO,EAAEC,UAAU,QAAQ,yBAAyB;AAE1E,SAASC,eAAe,EAAEC,cAAc,QAAQ,sBAAsB;AACtE,SAASC,gBAAgB,QAAQ,eAAe;AAChD,SACEC,aAAa,EACbC,mBAAmB,EACnBC,uBAAuB,EACvBC,gBAAgB,EAChBC,uBAAuB,QAClB,aAAa;AAsBpB;AACA;AACA;AACA;AACA,OAAO,SAAAC,iBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAA2B;IAAAC,KAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,aAAA;IAAAC,YAAA;IAAAC,aAAA;IAAAC,kBAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,YAAA;IAAAC,YAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAlB,EAiBX;EACrB,MAAAmB,YAAA,GAAqBlC,MAAM,CAAC,CAAC,CAAC;EAAA,IAAAmC,EAAA;EAAA,IAAAnB,CAAA,QAAAe,YAAA,IAAAf,CAAA,QAAAG,OAAA;IAIdgB,EAAA,GAAAA,CAAA;MACdD,YAAY,CAAAE,OAAA,GAAWC,IAAI,CAAAC,GAAI,CAAC,CAAZ;MACpB,IAAInB,OAAO;QACTb,eAAe,CAAC,CAAC;MAAA;MACnByB,YAAY,CAAAK,OAAQ,CAAAG,OAAQ,CAAC,CAAC;IAAA,CAC/B;IAAAvB,CAAA,MAAAe,YAAA;IAAAf,CAAA,MAAAG,OAAA;IAAAH,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EALD,MAAAwB,OAAA,GAAgBL,EAKf;EAAA,IAAAM,EAAA;EAAA,IAAAzB,CAAA,QAAAe,YAAA,IAAAf,CAAA,QAAAgB,aAAA,IAAAhB,CAAA,QAAAG,OAAA;IACgBsB,EAAA,GAAAA,CAAAC,SAAA,EAAAC,SAAA;MACfX,aAAa,CAAAI,OAAA,GAAWO,SAAS,GAAT,SAAqD,GAA7BD,SAAS,GAAT,QAA6B,GAA7B,MAA3B;MAErB,IAAIvB,OAAqB,IAArB,CAAYuB,SAAS;QACvBlC,gBAAgB,CAAC,OAAO,CAAC;MAAA;MAC3BuB,YAAY,CAAAK,OAAQ,CAAAQ,MAAwC,GAA9BF,SAAS,GAAT,QAA6B,GAA7B,MAA6B,CAAC;MAC5D,IAAIvB,OAAO;QACTb,eAAe,CAAC,CAAC;MAAA;MACnByB,YAAY,CAAAK,OAAQ,CAAAS,QAAS,CAACH,SAAS,CAAC;MACxC,IAAI,CAACA,SAAiE,IAApDL,IAAI,CAAAC,GAAI,CAAC,CAAC,GAAGJ,YAAY,CAAAE,OAAQ,GAAGxB,gBAAgB;QACpEmB,YAAY,CAAAK,OAAQ,CAAAU,cAAmB,GAAD,CAAC;MAAA;IAAA,CAC1C;IAAA9B,CAAA,MAAAe,YAAA;IAAAf,CAAA,MAAAgB,aAAA;IAAAhB,CAAA,MAAAG,OAAA;IAAAH,CAAA,MAAAyB,EAAA;EAAA;IAAAA,EAAA,GAAAzB,CAAA;EAAA;EAXD,MAAA+B,QAAA,GAAiBN,EAWhB;EAAA,IAAAO,EAAA;EAAA,IAAAhC,CAAA,QAAAe,YAAA,IAAAf,CAAA,QAAAiB,oBAAA;IACce,EAAA,GAAAA,CAAA;MACb1C,eAAe,CAAC,CAAC;MACjBC,cAAc,CAAC,CAAC;MAChB0B,oBAAoB,CAAC,KAAK,CAAC;MAC3BF,YAAY,CAAAK,OAAQ,CAAAa,MAAO,CAAC,CAAC;IAAA,CAC9B;IAAAjC,CAAA,MAAAe,YAAA;IAAAf,CAAA,MAAAiB,oBAAA;IAAAjB,CAAA,MAAAgC,EAAA;EAAA;IAAAA,EAAA,GAAAhC,CAAA;EAAA;EALD,MAAAkC,MAAA,GAAeF,EAKd;EAAA,IAAAG,EAAA;EAAA,IAAAnC,CAAA,SAAAe,YAAA,IAAAf,CAAA,SAAAiB,oBAAA;IACuBkB,EAAA,GAAAC,QAAA;MACtBrB,YAAY,CAAAK,OAAQ,CAAAiB,eAA4B,GAATD,QAAQ,CAAC;MAChD,IAAIA,QAAQ,GAAGzC,uBAAuB;QACpCsB,oBAAoB,CAAC,KAAK,CAAC;MAAA;IAAA,CAC9B;IAAAjB,CAAA,OAAAe,YAAA;IAAAf,CAAA,OAAAiB,oBAAA;IAAAjB,CAAA,OAAAmC,EAAA;EAAA;IAAAA,EAAA,GAAAnC,CAAA;EAAA;EAJD,MAAAsC,eAAA,GAAwBH,EAIvB;EAGyB,MAAAI,EAAA,GAAArC,KAAK,GAALT,aAAyB,GAAzB,CAAyB;EAAA,IAAA+C,EAAA;EAAA,IAAAxC,CAAA,SAAAW,QAAA,IAAAX,CAAA,SAAAwB,OAAA;IACrCgB,EAAA,GAAAA,CAAA;MACV7B,QAAQ,CAAA8B,GAAI,CAAC,CAAC,CAAC;MACfrD,OAAO,CAACoC,OAAO,CAAC,CAAC,CAAC;IAAA,CACnB;IAAAxB,CAAA,OAAAW,QAAA;IAAAX,CAAA,OAAAwB,OAAA;IAAAxB,CAAA,OAAAwC,EAAA;EAAA;IAAAA,EAAA,GAAAxC,CAAA;EAAA;EAAA,IAAA0C,EAAA;EAAA,IAAA1C,CAAA,SAAAI,UAAA,IAAAJ,CAAA,SAAAS,QAAA,IAAAT,CAAA,SAAAW,QAAA,IAAAX,CAAA,SAAA+B,QAAA,IAAA/B,CAAA,SAAAkC,MAAA,IAAAlC,CAAA,SAAAsC,eAAA,IAAAtC,CAAA,SAAAc,YAAA,IAAAd,CAAA,SAAAM,YAAA,IAAAN,CAAA,SAAAY,QAAA,IAAAZ,CAAA,SAAAa,cAAA,IAAAb,CAAA,SAAAU,QAAA,IAAAV,CAAA,SAAAK,aAAA,IAAAL,CAAA,SAAAO,aAAA,IAAAP,CAAA,SAAAQ,kBAAA;IACSkC,EAAA,GAAAC,KAAA;MACR,IAAIhC,QAAQ,CAAAiC,KAAM,KAAK,CAAuB,IAAlBlC,QAAQ,CAAAkC,KAAM,GAAG,CAAC;QAAA;MAAA;MAG9C,MAAAC,EAAA,GAAWzC,UAAU,KAAK,EAEkC,GADxD0C,IAAI,CAAAC,GAAI,CAAC,CAAC1C,aAAa,EAAEyC,IAAI,CAAAE,GAAI,CAAC,CAAC,EAAEL,KAAK,CAAAM,YAAa,CACA,CAAC,GAAxDH,IAAI,CAAAE,GAAI,CAAC3C,aAAa,EAAEyC,IAAI,CAAAC,GAAI,CAAC,CAAC,EAAEJ,KAAK,CAAAM,YAAa,CAAC,CAAC;MAC5D,MAAAC,UAAA,GAAiB,CAAC,GAAGJ,IAAI,CAAAK,GAAI,CAACN,EAAE,CAAC,GAAGxC,aAAa;MACjD,MAAA+C,EAAA,GAAWN,IAAI,CAAAC,GAAI,CAAC,CAAC,EAAED,IAAI,CAAAE,GAAI,CAAC1C,YAAY,EAAE,CAACqC,KAAK,CAAAU,YAAa,CAAC,CAAC;MAGnE9C,aAAa,CAAAkC,GAAI,CAACL,UAAQ,CAAC;MAC3B,IAAI5B,kBAAkB;QACpBA,kBAAkB,CAAAiC,GAAI,CAACL,UAAQ,CAAC;MAAA;MAClC,IAAIU,IAAI,CAAAK,GAAI,CAACf,UAAQ,GAAGtB,YAAY,CAAA8B,KAAM,CAAC,GAAG,IAAsB,IAAdR,UAAQ,KAAK,CAAC;QAClEtB,YAAY,CAAA2B,GAAI,CAACL,UAAQ,CAAC;QAC1BhD,OAAO,CAACkD,eAAe,CAAC,CAACF,UAAQ,CAAC;MAAA;MAIpC,IAAIA,UAAQ,IAAI,CAAC;QACfzB,QAAQ,CAAA8B,GAAI,CAAC,CAAC,CAAC;QACfrD,OAAO,CAAC2C,QAAQ,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC;QAAA;MAAA;MAK/B,MAAAuB,SAAA,GAAkBlB,UAAQ,GAAG1C,mBAA2B,GAAtC,CAAsC,GAAtC,CAAsC;MACxD,IAAI4D,SAAS,KAAKzC,cAAc,CAAA+B,KAAM;QACpC/B,cAAc,CAAA4B,GAAI,CAACa,SAAS,CAAC;QAC7B1C,QAAQ,CAAA6B,GAAI,CAACpD,UAAU,CAACiE,SAAS,EAAE;UAAAC,QAAA,EAAY;QAAI,CAAC,CAAC,CAAC;MAAA;MAExD9C,QAAQ,CAAAgC,GAAI,CAACa,SAAS,GAAT,CAAkB,GAAlBF,EAAkB,CAAC;MAEhC,IAAI,CAACE,SAA+B,IAAlBF,EAAE,IAAI9C,YAAY;QAClCI,QAAQ,CAAA+B,GAAI,CAAC,CAAC,CAAC;QACf9B,QAAQ,CAAA8B,GAAI,CAAC,CAAC,CAAC;QACfrD,OAAO,CAAC8C,MAAM,CAAC,CAAC,CAAC;MAAA;IAClB,CACF;IAAAlC,CAAA,OAAAI,UAAA;IAAAJ,CAAA,OAAAS,QAAA;IAAAT,CAAA,OAAAW,QAAA;IAAAX,CAAA,OAAA+B,QAAA;IAAA/B,CAAA,OAAAkC,MAAA;IAAAlC,CAAA,OAAAsC,eAAA;IAAAtC,CAAA,OAAAc,YAAA;IAAAd,CAAA,OAAAM,YAAA;IAAAN,CAAA,OAAAY,QAAA;IAAAZ,CAAA,OAAAa,cAAA;IAAAb,CAAA,OAAAU,QAAA;IAAAV,CAAA,OAAAK,aAAA;IAAAL,CAAA,OAAAO,aAAA;IAAAP,CAAA,OAAAQ,kBAAA;IAAAR,CAAA,OAAA0C,EAAA;EAAA;IAAAA,EAAA,GAAA1C,CAAA;EAAA;EAAA,IAAAwD,EAAA;EAAA,IAAAxD,CAAA,SAAAW,QAAA,IAAAX,CAAA,SAAA+B,QAAA,IAAA/B,CAAA,SAAAkC,MAAA,IAAAlC,CAAA,SAAAU,QAAA,IAAAV,CAAA,SAAAO,aAAA;IACWiD,EAAA,GAAAC,OAAA;MACV,IAAI9C,QAAQ,CAAAiC,KAAM,KAAK,CAAC;QAAA;MAAA;MAGxBjC,QAAQ,CAAA8B,GAAI,CAAC,CAAC,CAAC;MAIf,IAAIE,OAAK,CAAAe,QAAS;QAChB,IAAInD,aAAa,CAAAqC,KAAM,GAAGlD,mBAAmB;UAC3CN,OAAO,CAAC2C,QAAQ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC;QAAA;UAE9BrB,QAAQ,CAAA+B,GAAI,CAAC,CAAC,CAAC;UACfrD,OAAO,CAAC8C,MAAM,CAAC,CAAC,CAAC;QAAA;QAClB;MAAA;MAIH9C,OAAO,CAAC2C,QAAQ,CAAC,CAACxB,aAAa,CAAAqC,KAAM,GAAG/C,uBAAuB,EAAE,KAAK,CAAC;IAAA,CACxE;IAAAG,CAAA,OAAAW,QAAA;IAAAX,CAAA,OAAA+B,QAAA;IAAA/B,CAAA,OAAAkC,MAAA;IAAAlC,CAAA,OAAAU,QAAA;IAAAV,CAAA,OAAAO,aAAA;IAAAP,CAAA,OAAAwD,EAAA;EAAA;IAAAA,EAAA,GAAAxD,CAAA;EAAA;EAAA,IAAA2D,EAAA;EAAA,IAAA3D,CAAA,SAAAuC,EAAA,IAAAvC,CAAA,SAAAwC,EAAA,IAAAxC,CAAA,SAAA0C,EAAA,IAAA1C,CAAA,SAAAwD,EAAA;IAjE8BG,EAAA;MAAAC,sBAAA,EACPrB,EAAyB;MAAAsB,UAAA,EACrCrB,EAGX;MAAAsB,QAAA,EACSpB,EAuCT;MAAAqB,UAAA,EACWP;IAoBd,CAAC;IAAAxD,CAAA,OAAAuC,EAAA;IAAAvC,CAAA,OAAAwC,EAAA;IAAAxC,CAAA,OAAA0C,EAAA;IAAA1C,CAAA,OAAAwD,EAAA;IAAAxD,CAAA,OAAA2D,EAAA;EAAA;IAAAA,EAAA,GAAA3D,CAAA;EAAA;EAlED,MAAAgE,UAAA,GAAmB9E,aAAa,CAACyE,EAkEhC,CAAC;EAEF,MAAAM,MAAA,GAAejF,MAAM,CAACkB,KAAK,CAAC;EAAA,IAAAgE,GAAA;EAAA,IAAAlE,CAAA,SAAAE,KAAA;IACZgE,GAAA,GAAAA,CAAA;MACdD,MAAM,CAAA7C,OAAA,GAAWlB,KAAH;IAAA,CACf;IAAAF,CAAA,OAAAE,KAAA;IAAAF,CAAA,OAAAkE,GAAA;EAAA;IAAAA,GAAA,GAAAlE,CAAA;EAAA;EAFDjB,eAAe,CAACmF,GAEf,CAAC;EAAA,IAAAC,GAAA;EAAA,IAAAnE,CAAA,SAAAoE,MAAA,CAAAC,GAAA;IACYF,GAAA,GAAAA,CAAA;MACZ7E,eAAe,CAAC,CAAC;MACjB2E,MAAM,CAAA7C,OAAY,GAAD,CAAC;IAAA,CACnB;IAAApB,CAAA,OAAAmE,GAAA;EAAA;IAAAA,GAAA,GAAAnE,CAAA;EAAA;EAHD,MAAAsE,KAAA,GAAcH,GAGb;EAID,MAAAI,MAAA,GAAe,CAAC,CAACrE,KAAK;EAAA,IAAAsE,GAAA;EAAA,IAAAxE,CAAA,SAAAoE,MAAA,CAAAC,GAAA;IAING,GAAA,GAAAA,CAAA;MACZpF,OAAO,CAACkF,KAAK,CAAC,CAAC,CAAC;IAAA,CACjB;IAAAtE,CAAA,OAAAwE,GAAA;EAAA;IAAAA,GAAA,GAAAxE,CAAA;EAAA;EAAA,IAAAyE,GAAA;EAAA,IAAAzE,CAAA,SAAAuE,MAAA;IAL8BE,GAAA;MAAAC,OAAA,EACtBH,MAAM;MAAAI,WAAA,EACFlF,aAAa;MAAAmF,YAAA,EACZJ;IAGhB,CAAC;IAAAxE,CAAA,OAAAuE,MAAA;IAAAvE,CAAA,OAAAyE,GAAA;EAAA;IAAAA,GAAA,GAAAzE,CAAA;EAAA;EAND,MAAA6E,UAAA,GAAmB1F,aAAa,CAACsF,GAMhC,CAAC;EACF,MAAAK,WAAA,GAAoB7F,oBAAoB,CAAC4F,UAAU,EAAEb,UAAU,CAAC;EAAA,OACzDO,MAAM,GAANO,WAAiC,GAAjCd,UAAiC;AAAA","ignoreList":[]}

package/lib/components/RecordButton/useRecordHints.d.ts

@@ -0,0 +1,27 @@
+import { SharedValue } from 'react-native-reanimated';
+import { RecordButtonPhase } from './types';
+interface RecordHintsOptions {
+    phase: RecordButtonPhase;
+    isVideo: boolean;
+    pauseHint?: string | null;
+    onPause?: () => void;
+    onToggleViewOnce?: () => void;
+    isViewOnce: boolean;
+    /** The slide progress JS last heard, to skip the lock hint mid-slide. */
+    lastReported: SharedValue<number>;
+}
+/**
+ * The button's tooltips: "Slide up to lock", "Pause to trim or replay" and the
+ * view-once hint, each shown for the first few takes and on its own timer.
+ */
+export declare function useRecordHints({ phase, isVideo, pauseHint, onPause, onToggleViewOnce, isViewOnce, lastReported, }: RecordHintsOptions): {
+    isLockHintVisible: boolean;
+    setIsLockHintVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isPauseHintVisible: boolean;
+    setIsPauseHintVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    hasOnce: boolean;
+    onceHint: string | null;
+    toggleOnce: () => void;
+};
+export {};
+//# sourceMappingURL=useRecordHints.d.ts.map

package/lib/components/RecordButton/useRecordHints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordHints.d.ts","sourceRoot":"","sources":["../../../src/components/RecordButton/useRecordHints.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAiBrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAI3C,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,UAAU,EAAE,OAAO,CAAA;IACnB,yEAAyE;IACzE,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAClC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAE,EAC9B,KAAK,EACL,OAAO,EACP,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,YAAY,GACb,EAAE,kBAAkB;;;;;;;;EA+FpB"}