@planningcenter/chat-react-native 3.44.1-qa-876.0 → 3.44.1-qa-staging.1

package/build/hooks/use_conversation_layout_diagnostics.js

@@ -1,99 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react';
-import { PixelRatio, Platform, useWindowDimensions } from 'react-native';
-import { Log } from '../utils';
-const BREADCRUMB_INTERVAL_MS = 500;
-const MAX_BREADCRUMB_FLUSHES = 6;
-const SUSPICIOUS_MARGIN = 1;
-// Temporary instrumentation for CHAT-476 (Android-only `Layout: -2 < 0`
-// conversation crash). Android's text layout hard-throws when a Text or
-// TextInput resolves to a non-positive content width; this attaches to
-// onLayout on suspect nodes and reports their resolved width through the
-// host error reporter, so a QA repro surfaces which node it is before the
-// native crash tears down the surface. Remove once CHAT-476 is resolved —
-// this hook and every call site are tagged CHAT-476 for that reason.
-const samplesByLabel = new Map();
-const reportedSuspiciousLabels = new Set();
-// Test-only: the maps above are module-scope so useConversationLayoutDiagnostics
-// can flush every probe's latest sample in one breadcrumb. Reset between tests.
-export const __resetLayoutDiagnosticsForTests = () => {
-    samplesByLabel.clear();
-    reportedSuspiciousLabels.clear();
-};
-/**
- * Attaches to a suspect Text/TextInput/View's onLayout and reports through
- * Log.reportError the first time its resolved width drops to at or below
- * its own horizontal inset (padding/border) — the shape that Android's
- * unclamped text-measure path can turn into a negative width. Returns
- * undefined on non-Android platforms so it's a no-op there.
- */
-export const useLayoutWidthProbe = (label, inset = 0) => {
-    const mountedAtRef = useRef(Date.now());
-    const handleLayout = useCallback((event) => {
-        const { width, height, x } = event.nativeEvent.layout;
-        const previous = samplesByLabel.get(label);
-        if (previous && previous.width === width && previous.height === height && previous.x === x) {
-            return;
-        }
-        samplesByLabel.set(label, { width, height, x });
-        const isSuspicious = width <= inset + SUSPICIOUS_MARGIN;
-        if (!isSuspicious || reportedSuspiciousLabels.has(label))
-            return;
-        reportedSuspiciousLabels.add(label);
-        Log.reportError(new Error(`CHAT-476: ${label} measured at or below its horizontal inset`), {
-            scope: 'component',
-            tags: { team: 'chat', chat476: 'near-zero-width' },
-            extra: {
-                label,
-                width,
-                height,
-                x,
-                inset,
-                msSinceMount: Date.now() - mountedAtRef.current,
-                pixelRatio: PixelRatio.get(),
-                fontScale: PixelRatio.getFontScale(),
-            },
-        });
-    }, [label, inset]);
-    if (Platform.OS !== 'android')
-        return undefined;
-    return handleLayout;
-};
-/**
- * Mount once per conversation screen. Periodically flushes every probed
- * label's latest known width as a single breadcrumb, so there's a timeline
- * leading up to the crash even if no individual probe crosses the
- * suspicious threshold. Capped at MAX_BREADCRUMB_FLUSHES per mount.
- */
-export const useConversationLayoutDiagnostics = ({ conversationId, replyRootId, }) => {
-    const { width: windowWidth } = useWindowDimensions();
-    const mountedAtRef = useRef(Date.now());
-    const flushCountRef = useRef(0);
-    useEffect(() => {
-        if (Platform.OS !== 'android')
-            return;
-        samplesByLabel.clear();
-        reportedSuspiciousLabels.clear();
-        mountedAtRef.current = Date.now();
-        flushCountRef.current = 0;
-        const interval = setInterval(() => {
-            if (flushCountRef.current >= MAX_BREADCRUMB_FLUSHES || samplesByLabel.size === 0)
-                return;
-            flushCountRef.current += 1;
-            Log.reportError(new Error('CHAT-476: layout breadcrumb'), {
-                scope: 'component',
-                tags: { team: 'chat', chat476: 'breadcrumb' },
-                extra: {
-                    conversationId,
-                    replyRootId,
-                    msSinceMount: Date.now() - mountedAtRef.current,
-                    windowWidth,
-                    pixelRatio: PixelRatio.get(),
-                    fontScale: PixelRatio.getFontScale(),
-                    samples: [...samplesByLabel.entries()].map(([label, { width, height, x }]) => `${label}|w=${width}|h=${height}|x=${x}`),
-                },
-            });
-        }, BREADCRUMB_INTERVAL_MS);
-        return () => clearInterval(interval);
-    }, [conversationId, replyRootId, windowWidth]);
-};
-//# sourceMappingURL=use_conversation_layout_diagnostics.js.map

package/build/hooks/use_conversation_layout_diagnostics.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_conversation_layout_diagnostics.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_layout_diagnostics.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\nimport { LayoutChangeEvent, PixelRatio, Platform, useWindowDimensions } from 'react-native'\nimport { Log } from '../utils'\n\nconst BREADCRUMB_INTERVAL_MS = 500\nconst MAX_BREADCRUMB_FLUSHES = 6\nconst SUSPICIOUS_MARGIN = 1\n\ntype LayoutSample = { width: number; height: number; x: number }\n\n// Temporary instrumentation for CHAT-476 (Android-only `Layout: -2 < 0`\n// conversation crash). Android's text layout hard-throws when a Text or\n// TextInput resolves to a non-positive content width; this attaches to\n// onLayout on suspect nodes and reports their resolved width through the\n// host error reporter, so a QA repro surfaces which node it is before the\n// native crash tears down the surface. Remove once CHAT-476 is resolved —\n// this hook and every call site are tagged CHAT-476 for that reason.\n\nconst samplesByLabel = new Map<string, LayoutSample>()\nconst reportedSuspiciousLabels = new Set<string>()\n\n// Test-only: the maps above are module-scope so useConversationLayoutDiagnostics\n// can flush every probe's latest sample in one breadcrumb. Reset between tests.\nexport const __resetLayoutDiagnosticsForTests = () => {\n  samplesByLabel.clear()\n  reportedSuspiciousLabels.clear()\n}\n\n/**\n * Attaches to a suspect Text/TextInput/View's onLayout and reports through\n * Log.reportError the first time its resolved width drops to at or below\n * its own horizontal inset (padding/border) — the shape that Android's\n * unclamped text-measure path can turn into a negative width. Returns\n * undefined on non-Android platforms so it's a no-op there.\n */\nexport const useLayoutWidthProbe = (label: string, inset = 0) => {\n  const mountedAtRef = useRef(Date.now())\n\n  const handleLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      const { width, height, x } = event.nativeEvent.layout\n      const previous = samplesByLabel.get(label)\n      if (previous && previous.width === width && previous.height === height && previous.x === x) {\n        return\n      }\n      samplesByLabel.set(label, { width, height, x })\n\n      const isSuspicious = width <= inset + SUSPICIOUS_MARGIN\n      if (!isSuspicious || reportedSuspiciousLabels.has(label)) return\n\n      reportedSuspiciousLabels.add(label)\n      Log.reportError(new Error(`CHAT-476: ${label} measured at or below its horizontal inset`), {\n        scope: 'component',\n        tags: { team: 'chat', chat476: 'near-zero-width' },\n        extra: {\n          label,\n          width,\n          height,\n          x,\n          inset,\n          msSinceMount: Date.now() - mountedAtRef.current,\n          pixelRatio: PixelRatio.get(),\n          fontScale: PixelRatio.getFontScale(),\n        },\n      })\n    },\n    [label, inset]\n  )\n\n  if (Platform.OS !== 'android') return undefined\n\n  return handleLayout\n}\n\n/**\n * Mount once per conversation screen. Periodically flushes every probed\n * label's latest known width as a single breadcrumb, so there's a timeline\n * leading up to the crash even if no individual probe crosses the\n * suspicious threshold. Capped at MAX_BREADCRUMB_FLUSHES per mount.\n */\nexport const useConversationLayoutDiagnostics = ({\n  conversationId,\n  replyRootId,\n}: {\n  conversationId: number\n  replyRootId?: string | null\n}) => {\n  const { width: windowWidth } = useWindowDimensions()\n  const mountedAtRef = useRef(Date.now())\n  const flushCountRef = useRef(0)\n\n  useEffect(() => {\n    if (Platform.OS !== 'android') return\n\n    samplesByLabel.clear()\n    reportedSuspiciousLabels.clear()\n    mountedAtRef.current = Date.now()\n    flushCountRef.current = 0\n\n    const interval = setInterval(() => {\n      if (flushCountRef.current >= MAX_BREADCRUMB_FLUSHES || samplesByLabel.size === 0) return\n\n      flushCountRef.current += 1\n      Log.reportError(new Error('CHAT-476: layout breadcrumb'), {\n        scope: 'component',\n        tags: { team: 'chat', chat476: 'breadcrumb' },\n        extra: {\n          conversationId,\n          replyRootId,\n          msSinceMount: Date.now() - mountedAtRef.current,\n          windowWidth,\n          pixelRatio: PixelRatio.get(),\n          fontScale: PixelRatio.getFontScale(),\n          samples: [...samplesByLabel.entries()].map(\n            ([label, { width, height, x }]) => `${label}|w=${width}|h=${height}|x=${x}`\n          ),\n        },\n      })\n    }, BREADCRUMB_INTERVAL_MS)\n\n    return () => clearInterval(interval)\n  }, [conversationId, replyRootId, windowWidth])\n}\n"]}

package/build/utils/aspect_ratio.d.ts

@@ -1,2 +0,0 @@
-export declare const safeAspectRatio: (width: number | undefined, height: number | undefined, fallback?: number) => number;
-//# sourceMappingURL=aspect_ratio.d.ts.map

package/build/utils/aspect_ratio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"aspect_ratio.d.ts","sourceRoot":"","sources":["../../src/utils/aspect_ratio.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,GAC1B,OAAO,MAAM,GAAG,SAAS,EACzB,QAAQ,MAAM,GAAG,SAAS,EAC1B,iBAAY,KACX,MAKF,CAAA"}

package/build/utils/aspect_ratio.js

@@ -1,11 +0,0 @@
-// assertKeysAreNumbers coerces unparseable attachment dimensions to 0, so a
-// raw width / height can be NaN or Infinity. Yoga ignores a NaN aspectRatio
-// and resolves Infinity by collapsing the dependent dimension to 0, so both
-// produce a silently broken box rather than an error.
-export const safeAspectRatio = (width, height, fallback = 1) => {
-    if (!width || !height)
-        return fallback;
-    const ratio = width / height;
-    return Number.isFinite(ratio) && ratio > 0 ? ratio : fallback;
-};
-//# sourceMappingURL=aspect_ratio.js.map

package/build/utils/aspect_ratio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aspect_ratio.js","sourceRoot":"","sources":["../../src/utils/aspect_ratio.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,4EAA4E;AAC5E,4EAA4E;AAC5E,sDAAsD;AACtD,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,KAAyB,EACzB,MAA0B,EAC1B,QAAQ,GAAG,CAAC,EACJ,EAAE;IACV,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM;QAAE,OAAO,QAAQ,CAAA;IAEtC,MAAM,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;IAC5B,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAA;AAC/D,CAAC,CAAA","sourcesContent":["// assertKeysAreNumbers coerces unparseable attachment dimensions to 0, so a\n// raw width / height can be NaN or Infinity. Yoga ignores a NaN aspectRatio\n// and resolves Infinity by collapsing the dependent dimension to 0, so both\n// produce a silently broken box rather than an error.\nexport const safeAspectRatio = (\n  width: number | undefined,\n  height: number | undefined,\n  fallback = 1\n): number => {\n  if (!width || !height) return fallback\n\n  const ratio = width / height\n  return Number.isFinite(ratio) && ratio > 0 ? ratio : fallback\n}\n"]}

package/src/__tests__/hooks/use_conversation_layout_diagnostics.test.tsx

@@ -1,142 +0,0 @@
-import { renderHook } from '@testing-library/react-native'
-import { LayoutChangeEvent, Platform } from 'react-native'
-import {
-  __resetLayoutDiagnosticsForTests,
-  useConversationLayoutDiagnostics,
-  useLayoutWidthProbe,
-} from '../../hooks/use_conversation_layout_diagnostics'
-import { Log } from '../../utils'
-
-const layoutEvent = ({
-  width,
-  height = 20,
-  x = 0,
-  y = 0,
-}: {
-  width: number
-  height?: number
-  x?: number
-  y?: number
-}) =>
-  ({
-    nativeEvent: { layout: { width, height, x, y } },
-  }) as LayoutChangeEvent
-
-describe('useLayoutWidthProbe', () => {
-  let reportError: jest.SpyInstance
-  let originalOS: typeof Platform.OS
-
-  beforeEach(() => {
-    reportError = jest.spyOn(Log, 'reportError').mockImplementation(() => {})
-    originalOS = Platform.OS
-    Platform.OS = 'android'
-    __resetLayoutDiagnosticsForTests()
-  })
-
-  afterEach(() => {
-    jest.restoreAllMocks()
-    Platform.OS = originalOS
-  })
-
-  test('returns undefined on non-Android platforms', () => {
-    Platform.OS = 'ios'
-    const { result } = renderHook(() => useLayoutWidthProbe('test.label', 16))
-
-    expect(result.current).toBeUndefined()
-  })
-
-  test('reports once when width drops to at or below its inset', () => {
-    const { result } = renderHook(() => useLayoutWidthProbe('badge.metaLabel', 4))
-
-    result.current?.(layoutEvent({ width: 3 }))
-
-    expect(reportError).toHaveBeenCalledWith(
-      expect.objectContaining({
-        message: expect.stringContaining(
-          'badge.metaLabel measured at or below its horizontal inset'
-        ),
-      }),
-      expect.objectContaining({
-        scope: 'component',
-        tags: expect.objectContaining({ chat476: 'near-zero-width' }),
-        extra: expect.objectContaining({ label: 'badge.metaLabel', width: 3, inset: 4 }),
-      })
-    )
-  })
-
-  test('does not report when width stays comfortably above its inset', () => {
-    const { result } = renderHook(() => useLayoutWidthProbe('badge.metaLabel', 4))
-
-    result.current?.(layoutEvent({ width: 40 }))
-
-    expect(reportError).not.toHaveBeenCalled()
-  })
-
-  test('reports the same label only once across re-renders', () => {
-    const { result } = renderHook(() => useLayoutWidthProbe('form.textInput', 16))
-
-    result.current?.(layoutEvent({ width: 16 }))
-    result.current?.(layoutEvent({ width: 16 }))
-    result.current?.(layoutEvent({ width: 17 }))
-
-    expect(reportError).toHaveBeenCalledTimes(1)
-  })
-})
-
-describe('useConversationLayoutDiagnostics', () => {
-  let reportError: jest.SpyInstance
-  let originalOS: typeof Platform.OS
-
-  beforeEach(() => {
-    jest.useFakeTimers()
-    reportError = jest.spyOn(Log, 'reportError').mockImplementation(() => {})
-    originalOS = Platform.OS
-    Platform.OS = 'android'
-    __resetLayoutDiagnosticsForTests()
-  })
-
-  afterEach(() => {
-    jest.useRealTimers()
-    jest.restoreAllMocks()
-    Platform.OS = originalOS
-  })
-
-  test('does not flush a breadcrumb when no probe has reported a sample yet', () => {
-    renderHook(() => useConversationLayoutDiagnostics({ conversationId: 1069878 }))
-
-    jest.advanceTimersByTime(2000)
-
-    expect(reportError).not.toHaveBeenCalled()
-  })
-
-  test('flushes a breadcrumb on an interval once a probe has a sample', () => {
-    const { result: probe } = renderHook(() => useLayoutWidthProbe('form.textInput', 16))
-    renderHook(() =>
-      useConversationLayoutDiagnostics({ conversationId: 1069878, replyRootId: null })
-    )
-
-    probe.current?.(layoutEvent({ width: 200 }))
-    jest.advanceTimersByTime(500)
-
-    expect(reportError).toHaveBeenCalledWith(
-      expect.objectContaining({ message: expect.stringContaining('layout breadcrumb') }),
-      expect.objectContaining({
-        tags: expect.objectContaining({ chat476: 'breadcrumb' }),
-        extra: expect.objectContaining({
-          conversationId: 1069878,
-          samples: expect.arrayContaining([expect.stringContaining('form.textInput|w=200')]),
-        }),
-      })
-    )
-  })
-
-  test('caps the number of breadcrumb flushes per mount', () => {
-    const { result: probe } = renderHook(() => useLayoutWidthProbe('form.textInput', 16))
-    renderHook(() => useConversationLayoutDiagnostics({ conversationId: 1069878 }))
-
-    probe.current?.(layoutEvent({ width: 200 }))
-    jest.advanceTimersByTime(500 * 10)
-
-    expect(reportError).toHaveBeenCalledTimes(6)
-  })
-})

package/src/hooks/use_conversation_layout_diagnostics.ts

@@ -1,123 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react'
-import { LayoutChangeEvent, PixelRatio, Platform, useWindowDimensions } from 'react-native'
-import { Log } from '../utils'
-
-const BREADCRUMB_INTERVAL_MS = 500
-const MAX_BREADCRUMB_FLUSHES = 6
-const SUSPICIOUS_MARGIN = 1
-
-type LayoutSample = { width: number; height: number; x: number }
-
-// Temporary instrumentation for CHAT-476 (Android-only `Layout: -2 < 0`
-// conversation crash). Android's text layout hard-throws when a Text or
-// TextInput resolves to a non-positive content width; this attaches to
-// onLayout on suspect nodes and reports their resolved width through the
-// host error reporter, so a QA repro surfaces which node it is before the
-// native crash tears down the surface. Remove once CHAT-476 is resolved —
-// this hook and every call site are tagged CHAT-476 for that reason.
-
-const samplesByLabel = new Map<string, LayoutSample>()
-const reportedSuspiciousLabels = new Set<string>()
-
-// Test-only: the maps above are module-scope so useConversationLayoutDiagnostics
-// can flush every probe's latest sample in one breadcrumb. Reset between tests.
-export const __resetLayoutDiagnosticsForTests = () => {
-  samplesByLabel.clear()
-  reportedSuspiciousLabels.clear()
-}
-
-/**
- * Attaches to a suspect Text/TextInput/View's onLayout and reports through
- * Log.reportError the first time its resolved width drops to at or below
- * its own horizontal inset (padding/border) — the shape that Android's
- * unclamped text-measure path can turn into a negative width. Returns
- * undefined on non-Android platforms so it's a no-op there.
- */
-export const useLayoutWidthProbe = (label: string, inset = 0) => {
-  const mountedAtRef = useRef(Date.now())
-
-  const handleLayout = useCallback(
-    (event: LayoutChangeEvent) => {
-      const { width, height, x } = event.nativeEvent.layout
-      const previous = samplesByLabel.get(label)
-      if (previous && previous.width === width && previous.height === height && previous.x === x) {
-        return
-      }
-      samplesByLabel.set(label, { width, height, x })
-
-      const isSuspicious = width <= inset + SUSPICIOUS_MARGIN
-      if (!isSuspicious || reportedSuspiciousLabels.has(label)) return
-
-      reportedSuspiciousLabels.add(label)
-      Log.reportError(new Error(`CHAT-476: ${label} measured at or below its horizontal inset`), {
-        scope: 'component',
-        tags: { team: 'chat', chat476: 'near-zero-width' },
-        extra: {
-          label,
-          width,
-          height,
-          x,
-          inset,
-          msSinceMount: Date.now() - mountedAtRef.current,
-          pixelRatio: PixelRatio.get(),
-          fontScale: PixelRatio.getFontScale(),
-        },
-      })
-    },
-    [label, inset]
-  )
-
-  if (Platform.OS !== 'android') return undefined
-
-  return handleLayout
-}
-
-/**
- * Mount once per conversation screen. Periodically flushes every probed
- * label's latest known width as a single breadcrumb, so there's a timeline
- * leading up to the crash even if no individual probe crosses the
- * suspicious threshold. Capped at MAX_BREADCRUMB_FLUSHES per mount.
- */
-export const useConversationLayoutDiagnostics = ({
-  conversationId,
-  replyRootId,
-}: {
-  conversationId: number
-  replyRootId?: string | null
-}) => {
-  const { width: windowWidth } = useWindowDimensions()
-  const mountedAtRef = useRef(Date.now())
-  const flushCountRef = useRef(0)
-
-  useEffect(() => {
-    if (Platform.OS !== 'android') return
-
-    samplesByLabel.clear()
-    reportedSuspiciousLabels.clear()
-    mountedAtRef.current = Date.now()
-    flushCountRef.current = 0
-
-    const interval = setInterval(() => {
-      if (flushCountRef.current >= MAX_BREADCRUMB_FLUSHES || samplesByLabel.size === 0) return
-
-      flushCountRef.current += 1
-      Log.reportError(new Error('CHAT-476: layout breadcrumb'), {
-        scope: 'component',
-        tags: { team: 'chat', chat476: 'breadcrumb' },
-        extra: {
-          conversationId,
-          replyRootId,
-          msSinceMount: Date.now() - mountedAtRef.current,
-          windowWidth,
-          pixelRatio: PixelRatio.get(),
-          fontScale: PixelRatio.getFontScale(),
-          samples: [...samplesByLabel.entries()].map(
-            ([label, { width, height, x }]) => `${label}|w=${width}|h=${height}|x=${x}`
-          ),
-        },
-      })
-    }, BREADCRUMB_INTERVAL_MS)
-
-    return () => clearInterval(interval)
-  }, [conversationId, replyRootId, windowWidth])
-}

package/src/utils/__tests__/aspect_ratio.test.ts

@@ -1,50 +0,0 @@
-import { safeAspectRatio } from '../aspect_ratio'
-
-describe('safeAspectRatio', () => {
-  it.each([
-    [200, 100, 2],
-    [100, 200, 0.5],
-    [100, 100, 1],
-  ])('divides width %p by height %p to get %p', (width, height, expected) => {
-    expect(safeAspectRatio(width, height)).toBe(expected)
-  })
-
-  describe('with values that would produce a non-positive or non-finite ratio', () => {
-    it.each([
-      [0, 100],
-      [100, 0],
-      [0, 0],
-      [-100, 100],
-      [100, -100],
-      [undefined, 100],
-      [100, undefined],
-      [undefined, undefined],
-      [NaN, 100],
-      [100, NaN],
-      [Infinity, 100],
-    ])('falls back to 1 for width %p, height %p', (width, height) => {
-      expect(safeAspectRatio(width, height)).toBe(1)
-    })
-  })
-
-  it('falls back to a caller-supplied value instead of the default', () => {
-    expect(safeAspectRatio(0, 100, 0.75)).toBe(0.75)
-  })
-
-  it('never returns 0, a negative number, or a non-finite number', () => {
-    const invertedFallbackCases: Array<[number | undefined, number | undefined]> = [
-      [0, 100],
-      [100, 0],
-      [-100, 100],
-      [NaN, 100],
-      [Infinity, 100],
-    ]
-
-    for (const [width, height] of invertedFallbackCases) {
-      const ratio = safeAspectRatio(width, height)
-      expect(ratio).not.toBe(0)
-      expect(Number.isFinite(ratio)).toBe(true)
-      expect(ratio).toBeGreaterThan(0)
-    }
-  })
-})

package/src/utils/aspect_ratio.ts

@@ -1,14 +0,0 @@
-// assertKeysAreNumbers coerces unparseable attachment dimensions to 0, so a
-// raw width / height can be NaN or Infinity. Yoga ignores a NaN aspectRatio
-// and resolves Infinity by collapsing the dependent dimension to 0, so both
-// produce a silently broken box rather than an error.
-export const safeAspectRatio = (
-  width: number | undefined,
-  height: number | undefined,
-  fallback = 1
-): number => {
-  if (!width || !height) return fallback
-
-  const ratio = width / height
-  return Number.isFinite(ratio) && ratio > 0 ? ratio : fallback
-}