@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/creator-studio/TrackUploadRow.js

@@ -0,0 +1,370 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated, { cancelAnimation, Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { Button } from '../button';
+import { formatFileSize } from "../file-upload/FileUpload.js";
+import { RiCheckLine } from "../icons/remix/RiCheckLine.js";
+import { RiCloseLine } from "../icons/remix/RiCloseLine.js";
+import { RiErrorWarningLine } from "../icons/remix/RiErrorWarningLine.js";
+import { RiFileMusicLine } from "../icons/remix/RiFileMusicLine.js";
+import { RiRefreshLine } from "../icons/remix/RiRefreshLine.js";
+import { useInteractiveWebCss } from "../styles/interactive-web-css.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { clampProgress, CREATOR_STUDIO_CSS, CREATOR_STUDIO_STYLE_ID, indeterminateDataSet, IS_WEB, placeholderWaveform, resolveCreatorStudioPaint, uploadBarKind } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `TrackUploadRow`: one audio file on its way into a release.
+ *
+ *   row       radius 12, padding 12 (longhands), background-secondary, 12 gap
+ *   tile      40px, radius 10: a music-file glyph on the card-inner fill;
+ *             ready → accent fill + check; failed → error tint + warning glyph
+ *   name      `body-medium` truncating, size `caption-1-regular` text-tertiary
+ *   status    queued     "Queued" text-secondary
+ *             uploading  4px bar (track / accent) + "42% · About 20 s left",
+ *                        tabular; a `progressbar` named "Uploading <file>"
+ *             processing a 40%-wide segment sweeping the track every 1.4s
+ *                        (static under reduced motion) + "Transcoding…"
+ *             ready      a placeholder waveform (bars from the file name) +
+ *                        "Ready · 3:42"
+ *             failed     the message in the error colour + a "Retry" button
+ *   remove    secondary icon button, "Remove <file>"
+ */
+
+export const TRACK_UPLOAD_LABELS = {
+  queued: 'Queued',
+  processing: 'Transcoding…',
+  ready: 'Ready',
+  failed: 'Upload failed',
+  retry: 'Retry',
+  remove: name => `Remove ${name}`,
+  progress: name => `Uploading ${name}`
+};
+const BAR_HEIGHT = 4;
+const WAVE_HEIGHT = 20;
+const WAVE_BAR = 2;
+const WAVE_GAP = 2;
+const SWEEP_MS = 1400;
+function IndeterminateBar({
+  paint,
+  testID
+}) {
+  const reducedMotion = useReducedMotion();
+  const [width, setWidth] = useState(0);
+  const x = useSharedValue(0);
+  useEffect(() => {
+    if (IS_WEB || reducedMotion || width === 0) return;
+    x.value = 0;
+    x.value = withRepeat(withTiming(1, {
+      duration: SWEEP_MS,
+      easing: Easing.inOut(Easing.ease)
+    }), -1, false);
+    return () => cancelAnimation(x);
+  }, [reducedMotion, width, x]);
+  const animated = useAnimatedStyle(() => {
+    // Native: from fully left of the track to past its right edge.
+    const segment = width * 0.4;
+    return {
+      transform: [{
+        translateX: -segment + x.value * (width + segment)
+      }]
+    };
+  }, [width, x]);
+  const onLayout = event => setWidth(event.nativeEvent.layout.width);
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    onLayout: onLayout,
+    "aria-hidden": true,
+    style: [styles.bar, {
+      backgroundColor: paint.track
+    }],
+    children: IS_WEB ? /*#__PURE__*/_jsx(View, {
+      ...indeterminateDataSet(),
+      style: [styles.segment, {
+        backgroundColor: paint.accent
+      }]
+    }) : /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.segment, {
+        backgroundColor: paint.accent
+      }, reducedMotion ? {
+        transform: [{
+          translateX: width * 0.3
+        }]
+      } : animated]
+    })
+  });
+}
+function Waveform({
+  seed,
+  color,
+  testID
+}) {
+  const [width, setWidth] = useState(0);
+  const count = Math.max(0, Math.floor((width + WAVE_GAP) / (WAVE_BAR + WAVE_GAP)));
+  const bars = useMemo(() => placeholderWaveform(seed, count), [seed, count]);
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    "aria-hidden": true,
+    onLayout: event => setWidth(Math.min(240, event.nativeEvent.layout.width)),
+    style: styles.wave,
+    children: bars.map((h, i) => /*#__PURE__*/_jsx(View, {
+      style: {
+        width: WAVE_BAR,
+        height: Math.max(3, Math.round(h * WAVE_HEIGHT)),
+        borderRadius: 1,
+        backgroundColor: color
+      }
+    }, i))
+  });
+}
+function TrackUploadRowComponent({
+  fileName,
+  size,
+  status,
+  progress,
+  remaining,
+  duration,
+  error,
+  onRetry,
+  onRemove,
+  labels: labelOverrides,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useInteractiveWebCss(CREATOR_STUDIO_STYLE_ID, CREATOR_STUDIO_CSS);
+  const paint = useMemo(() => resolveCreatorStudioPaint(theme), [theme]);
+  const labels = {
+    ...TRACK_UPLOAD_LABELS,
+    ...labelOverrides
+  };
+  const bar = uploadBarKind(status);
+  const percent = clampProgress(progress);
+  const sizeLabel = typeof size === 'number' ? formatFileSize(size) : size;
+  const tile = status === 'ready' ? /*#__PURE__*/_jsx(View, {
+    style: [styles.tile, {
+      backgroundColor: paint.accent
+    }],
+    children: /*#__PURE__*/_jsx(RiCheckLine, {
+      width: 20,
+      height: 20,
+      fill: paint.onAccent
+    })
+  }) : status === 'failed' ? /*#__PURE__*/_jsx(View, {
+    style: [styles.tile, {
+      backgroundColor: paint.errorSurface
+    }],
+    children: /*#__PURE__*/_jsx(RiErrorWarningLine, {
+      width: 20,
+      height: 20,
+      fill: paint.error
+    })
+  }) : /*#__PURE__*/_jsx(View, {
+    style: [styles.tile, {
+      backgroundColor: paint.inner
+    }],
+    children: /*#__PURE__*/_jsx(RiFileMusicLine, {
+      width: 20,
+      height: 20,
+      fill: paint.textSecondary
+    })
+  });
+  let statusLine;
+  if (status === 'uploading') {
+    statusLine = /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: [styles.tabular, {
+        color: paint.textSecondary
+      }],
+      children: remaining ? `${percent}% · ${remaining}` : `${percent}%`
+    });
+  } else if (status === 'processing') {
+    statusLine = /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: {
+        color: paint.textSecondary
+      },
+      children: labels.processing
+    });
+  } else if (status === 'ready') {
+    statusLine = /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: [styles.tabular, {
+        color: paint.textSecondary
+      }],
+      children: duration ? `${labels.ready} · ${duration}` : labels.ready
+    });
+  } else if (status === 'failed') {
+    statusLine = /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 2,
+      style: {
+        color: paint.error
+      },
+      children: error ?? labels.failed
+    });
+  } else {
+    statusLine = /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: {
+        color: paint.textSecondary
+      },
+      children: labels.queued
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    "aria-busy": status === 'uploading' || status === 'processing',
+    style: [styles.row, {
+      backgroundColor: paint.surface
+    }, style],
+    children: [tile, /*#__PURE__*/_jsxs(View, {
+      style: styles.body,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.nameRow,
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-medium",
+          numberOfLines: 1,
+          style: [styles.name, {
+            color: paint.text
+          }],
+          children: fileName
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-regular",
+          numberOfLines: 1,
+          style: [styles.tabular, styles.size, {
+            color: paint.textTertiary
+          }],
+          children: sizeLabel
+        })]
+      }), bar === 'determinate' ? /*#__PURE__*/_jsx(View, {
+        accessibilityRole: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": percent,
+        accessibilityLabel: labels.progress(fileName),
+        testID: testID ? `${testID}-progress` : undefined,
+        style: [styles.bar, {
+          backgroundColor: paint.track
+        }],
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.fill, {
+            width: `${percent}%`,
+            backgroundColor: paint.accent
+          }]
+        })
+      }) : bar === 'indeterminate' ? /*#__PURE__*/_jsx(IndeterminateBar, {
+        paint: paint,
+        testID: testID ? `${testID}-processing` : undefined
+      }) : status === 'ready' ? /*#__PURE__*/_jsx(Waveform, {
+        seed: fileName,
+        color: paint.textTertiary,
+        testID: testID ? `${testID}-waveform` : undefined
+      }) : null, /*#__PURE__*/_jsx(View, {
+        testID: testID ? `${testID}-status` : undefined,
+        "aria-live": "polite",
+        children: statusLine
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.actions,
+      children: [status === 'failed' && onRetry ? /*#__PURE__*/_jsx(Button, {
+        variant: "secondary",
+        size: "xs",
+        leadingIcon: RiRefreshLine,
+        onPress: onRetry,
+        testID: testID ? `${testID}-retry` : undefined,
+        children: labels.retry
+      }) : null, onRemove ? /*#__PURE__*/_jsx(Button, {
+        variant: "secondary",
+        size: "small",
+        iconOnly: true,
+        leadingIcon: RiCloseLine,
+        accessibilityLabel: labels.remove(fileName),
+        onPress: onRemove,
+        testID: testID ? `${testID}-remove` : undefined
+      }) : null]
+    })]
+  });
+}
+export const TrackUploadRow = /*#__PURE__*/memo(TrackUploadRowComponent);
+TrackUploadRow.displayName = 'TrackUploadRow';
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    borderRadius: 12,
+    paddingTop: 12,
+    paddingBottom: 12,
+    paddingLeft: 12,
+    paddingRight: 12,
+    minWidth: 0
+  },
+  tile: {
+    width: 40,
+    height: 40,
+    borderRadius: 10,
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0
+  },
+  body: {
+    flex: 1,
+    minWidth: 0,
+    gap: 6
+  },
+  nameRow: {
+    flexDirection: 'row',
+    alignItems: 'baseline',
+    gap: 8
+  },
+  name: {
+    flexShrink: 1,
+    minWidth: 0
+  },
+  size: {
+    flexShrink: 0
+  },
+  tabular: {
+    fontVariant: ['tabular-nums']
+  },
+  bar: {
+    width: '100%',
+    height: BAR_HEIGHT,
+    borderRadius: BAR_HEIGHT / 2,
+    overflow: 'hidden'
+  },
+  fill: {
+    height: BAR_HEIGHT,
+    borderRadius: BAR_HEIGHT / 2
+  },
+  segment: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    width: '40%',
+    borderRadius: BAR_HEIGHT / 2
+  },
+  wave: {
+    width: '100%',
+    height: WAVE_HEIGHT,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: WAVE_GAP,
+    overflow: 'hidden'
+  },
+  actions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 4,
+    flexShrink: 0
+  }
+});
+//# sourceMappingURL=TrackUploadRow.js.map

package/lib/module/creator-studio/TrackUploadRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","useState","StyleSheet","View","Animated","cancelAnimation","Easing","useAnimatedStyle","useReducedMotion","useSharedValue","withRepeat","withTiming","Button","formatFileSize","RiCheckLine","RiCloseLine","RiErrorWarningLine","RiFileMusicLine","RiRefreshLine","useInteractiveWebCss","useTheme","Text","clampProgress","CREATOR_STUDIO_CSS","CREATOR_STUDIO_STYLE_ID","indeterminateDataSet","IS_WEB","placeholderWaveform","resolveCreatorStudioPaint","uploadBarKind","jsx","_jsx","jsxs","_jsxs","TRACK_UPLOAD_LABELS","queued","processing","ready","failed","retry","remove","name","progress","BAR_HEIGHT","WAVE_HEIGHT","WAVE_BAR","WAVE_GAP","SWEEP_MS","IndeterminateBar","paint","testID","reducedMotion","width","setWidth","x","value","duration","easing","inOut","ease","animated","segment","transform","translateX","onLayout","event","nativeEvent","layout","style","styles","bar","backgroundColor","track","children","accent","Waveform","seed","color","count","Math","max","floor","bars","min","wave","map","h","i","height","round","borderRadius","TrackUploadRowComponent","fileName","size","status","remaining","error","onRetry","onRemove","labels","labelOverrides","theme","percent","sizeLabel","tile","fill","onAccent","errorSurface","inner","textSecondary","statusLine","variant","numberOfLines","tabular","row","surface","body","nameRow","text","textTertiary","accessibilityRole","accessibilityLabel","undefined","actions","leadingIcon","onPress","iconOnly","TrackUploadRow","displayName","create","flexDirection","alignItems","gap","paddingTop","paddingBottom","paddingLeft","paddingRight","minWidth","justifyContent","flexShrink","flex","fontVariant","overflow","position","top","bottom","left"],"sourceRoot":"../../../src","sources":["creator-studio/TrackUploadRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/creator-studio/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+export { AudienceOverview } from "./AudienceOverview.js";
+export { StreamsChart } from "./StreamsChart.js";
+export { TopTracksTable } from "./TopTracksTable.js";
+export { AudienceBreakdown } from "./AudienceBreakdown.js";
+export { ReleaseCard, ReleaseStatusBadge } from "./ReleaseCard.js";
+export { ReleaseTimeline } from "./ReleaseTimeline.js";
+export { TrackUploadRow } from "./TrackUploadRow.js";
+export { TrackMetadataForm } from "./TrackMetadataForm.js";
+export { ArtistChipsInput, IsrcField } from "./MetadataFields.js";
+export { CreditsEditor } from "./CreditsEditor.js";
+export { ArtworkUploader } from "./ArtworkUploader.js";
+export { PayoutSummaryCard } from "./PayoutSummaryCard.js";
+export { PitchCard } from "./PitchCard.js";
+export { artworkDimensionsError, formatIsrc, isValidIsrc, RELEASE_STATUS_LABELS, RELEASE_STATUS_TONES } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/creator-studio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AudienceOverview","StreamsChart","TopTracksTable","AudienceBreakdown","ReleaseCard","ReleaseStatusBadge","ReleaseTimeline","TrackUploadRow","TrackMetadataForm","ArtistChipsInput","IsrcField","CreditsEditor","ArtworkUploader","PayoutSummaryCard","PitchCard","artworkDimensionsError","formatIsrc","isValidIsrc","RELEASE_STATUS_LABELS","RELEASE_STATUS_TONES"],"sourceRoot":"../../../src","sources":["creator-studio/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,kBAAe;AAC/D,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,gBAAgB,EAAEC,SAAS,QAAQ,qBAAkB;AAC9D,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,SAAS,QAAQ,gBAAa;AACvC,SACEC,sBAAsB,EACtBC,UAAU,EACVC,WAAW,EACXC,qBAAqB,EACrBC,oBAAoB,QACf,aAAU","ignoreList":[]}

package/lib/module/creator-studio/shared.js

@@ -0,0 +1,273 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { ACCENT_TABLE, colorRamp, DANGER_TABLE, mixColor, resolveButtonRamps } from "../button/shared.js";
+export const IS_WEB = Platform.OS === 'web';
+
+/** Cards: `rounded-2xl`, the chart cards' radius. */
+export const CARD_RADIUS = 16;
+/** Covers inside a card. */
+export const COVER_RADIUS = 12;
+
+/** Every colour the creator studio paints outside Bloom's own primitives. Pure. */
+
+/**
+ *   surface      neutral-100            dark neutral-900
+ *   inner        card (white)           dark neutral-800 at 60% over surface
+ *   border       neutral-200            dark neutral-800
+ *   track        neutral-200            dark neutral-800
+ *   placeholder  neutral-200 / icon 400 dark neutral-800 / icon 500
+ *   accent       accent-500             dark accent-400
+ *   positive     success ramp 700       dark 400
+ *   negative     danger ramp on `negative` 600 / dark 400
+ *   error        danger ramp on `error` 600 / dark 400; surface 50 / 950 at 50%
+ */
+export function resolveCreatorStudioPaint(theme) {
+  const {
+    accent,
+    neutral: n
+  } = resolveButtonRamps(theme);
+  const dark = theme.isDark;
+  const red = colorRamp(theme.colors.error, DANGER_TABLE);
+  const rose = colorRamp(theme.colors.negative, DANGER_TABLE);
+  const green = colorRamp(theme.colors.success, ACCENT_TABLE);
+  const surface = dark ? n[900] : n[100];
+  return {
+    surface,
+    inner: dark ? mixColor(surface, n[800], 0.6) : theme.colors.card,
+    border: dark ? n[800] : n[200],
+    text: theme.colors.text,
+    textSecondary: dark ? n[400] : n[500],
+    textTertiary: dark ? n[500] : n[400],
+    track: dark ? n[800] : n[200],
+    ring: dark ? n[700] : n[300],
+    placeholder: dark ? n[800] : n[200],
+    placeholderIcon: dark ? n[500] : n[400],
+    accent: dark ? accent[400] : accent[500],
+    onAccent: theme.colors.primaryForeground,
+    positive: dark ? green[400] : green[700],
+    negative: dark ? rose[400] : rose[600],
+    error: dark ? red[400] : red[600],
+    errorSurface: dark ? mixColor(theme.colors.background, red[950], 0.5) : red[50]
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  Releases
+// ---------------------------------------------------------------------------
+
+export const RELEASE_TYPE_LABELS = {
+  single: 'Single',
+  ep: 'EP',
+  album: 'Album'
+};
+export const RELEASE_STATUS_LABELS = {
+  draft: 'Draft',
+  'in-review': 'In review',
+  scheduled: 'Scheduled',
+  live: 'Live',
+  rejected: 'Rejected',
+  takedown: 'Taken down'
+};
+
+/**
+ * The status badge's tone. Each status reads from a distinct role, so the
+ * catalog scans by colour before it is read:
+ *
+ *   draft      default   nothing is happening yet
+ *   in-review  warning   waiting on someone else
+ *   scheduled  info      settled, not yet out
+ *   live       success
+ *   rejected   error     needs the artist
+ *   takedown   error     outlined — ended, not actionable
+ */
+export const RELEASE_STATUS_TONES = {
+  draft: {
+    tone: 'default',
+    fill: 'subtle'
+  },
+  'in-review': {
+    tone: 'warning',
+    fill: 'subtle'
+  },
+  scheduled: {
+    tone: 'info',
+    fill: 'subtle'
+  },
+  live: {
+    tone: 'success',
+    fill: 'subtle'
+  },
+  rejected: {
+    tone: 'error',
+    fill: 'subtle'
+  },
+  takedown: {
+    tone: 'error',
+    fill: 'outlined'
+  }
+};
+
+/** Whether a status carries a reason worth showing on the card. */
+export function releaseStatusNeedsReason(status) {
+  return status === 'rejected' || status === 'takedown';
+}
+export const DEFAULT_CREDIT_ROLES = [{
+  value: 'songwriter',
+  label: 'Songwriter'
+}, {
+  value: 'producer',
+  label: 'Producer'
+}, {
+  value: 'composer',
+  label: 'Composer'
+}, {
+  value: 'performer',
+  label: 'Performer'
+}, {
+  value: 'lyricist',
+  label: 'Lyricist'
+}, {
+  value: 'mixing-engineer',
+  label: 'Mixing engineer'
+}, {
+  value: 'mastering-engineer',
+  label: 'Mastering engineer'
+}];
+
+// ---------------------------------------------------------------------------
+//  Uploads
+// ---------------------------------------------------------------------------
+
+/** Clamps a progress value to a whole 0–100. */
+export function clampProgress(value) {
+  if (value === undefined || !Number.isFinite(value)) return 0;
+  return Math.round(Math.min(100, Math.max(0, value)));
+}
+
+/** What a row draws for a status: a determinate bar, a running bar, or none. */
+export function uploadBarKind(status) {
+  if (status === 'uploading') return 'determinate';
+  if (status === 'processing') return 'indeterminate';
+  return 'none';
+}
+
+/**
+ * A stable pseudo-waveform for a file name: `count` bar heights in 0.2–1,
+ * the same every render (no audio is analysed — it is a placeholder).
+ */
+export function placeholderWaveform(seed, count) {
+  let h = 2166136261;
+  for (let i = 0; i < seed.length; i++) {
+    h ^= seed.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  const out = [];
+  for (let i = 0; i < count; i++) {
+    h ^= h << 13;
+    h ^= h >>> 17;
+    h ^= h << 5;
+    const r = (h >>> 0) % 1000 / 1000;
+    // A gentle envelope so it reads as a song, not noise.
+    const envelope = 0.55 + 0.45 * Math.sin(Math.PI * (i + 0.5) / count);
+    out.push(Math.max(0.2, Math.min(1, r * envelope + 0.15)));
+  }
+  return out;
+}
+
+// ---------------------------------------------------------------------------
+//  ISRC and artwork validation
+// ---------------------------------------------------------------------------
+
+/** `CC-XXX-YY-NNNNN`: country, registrant, year, designation. */
+const ISRC_RE = /^[A-Z]{2}[A-Z0-9]{3}\d{2}\d{5}$/;
+
+/** Uppercases and strips everything but letters and digits, capped at 12 characters. */
+export function normalizeIsrc(value) {
+  return value.toUpperCase().replace(/[^A-Z0-9]/g, '').slice(0, 12);
+}
+
+/** Groups a (partial) ISRC as `CC-XXX-YY-NNNNN` while typing. */
+export function formatIsrc(value) {
+  const raw = normalizeIsrc(value);
+  const parts = [raw.slice(0, 2), raw.slice(2, 5), raw.slice(5, 7), raw.slice(7, 12)].filter(Boolean);
+  return parts.join('-');
+}
+
+/** Whether a value (hyphens allowed) is a complete, well-formed ISRC. */
+export function isValidIsrc(value) {
+  return ISRC_RE.test(normalizeIsrc(value));
+}
+
+/**
+ * The "too small" message for artwork, or `null` when it is big enough and
+ * square. The app measures the image (the component never decodes one).
+ */
+export function artworkDimensionsError(width, height, minSize = 3000) {
+  if (width !== height) return `Artwork must be square — this image is ${width}×${height} px.`;
+  if (width < minSize) {
+    return `Artwork is too small (${width}×${height} px). Upload at least ${minSize}×${minSize} px.`;
+  }
+  return null;
+}
+
+/** A URL (or data/blob URI) rather than an ImageResolver id. */
+export function isImageUrl(value) {
+  return value.startsWith('http://') || value.startsWith('https://') || value.startsWith('data:') || value.startsWith('blob:') || value.startsWith('file:');
+}
+
+/** Adds a string to a list once, trimmed; returns the same list when nothing changes. */
+export function addUnique(list, value, max) {
+  const name = value.trim();
+  if (!name) return [...list];
+  if (list.some(v => v.toLowerCase() === name.toLowerCase())) return [...list];
+  if (max !== undefined && list.length >= max) return [...list];
+  return [...list, name];
+}
+
+/** Toggles a tag in a selection capped at `max`. */
+export function toggleTag(list, tag, max) {
+  if (list.includes(tag)) return list.filter(t => t !== tag);
+  if (list.length >= max) return [...list];
+  return [...list, tag];
+}
+
+// ---------------------------------------------------------------------------
+//  Web CSS: focus rings and cursors on react-native-web pressables, hung off
+//  `dataSet` hooks and adopted (CSP), never a `<style>` element.
+// ---------------------------------------------------------------------------
+
+export const CREATOR_STUDIO_STYLE_ID = 'bloom-creator-studio-web-css';
+const PRESS = '[data-bloom-studio-press]';
+export const CREATOR_STUDIO_CSS = `
+${PRESS} { outline: none; cursor: pointer; transition: background-color 150ms ease; }
+${PRESS}:focus-visible { outline: 2px solid var(--bloom-studio-ring, currentColor); outline-offset: 2px; }
+@keyframes bloom-studio-indeterminate {
+  0% { transform: translateX(-100%); }
+  100% { transform: translateX(250%); }
+}
+[data-bloom-studio-indeterminate] { animation: bloom-studio-indeterminate 1.4s ease-in-out infinite; }
+@media (prefers-reduced-motion: reduce) {
+  ${PRESS} { transition: none; }
+  [data-bloom-studio-indeterminate] { animation: none; transform: translateX(75%); }
+}
+`;
+
+/** The `dataSet` hook of a pressable that takes the studio's focus ring (web only). */
+export function pressDataSet() {
+  return IS_WEB ? {
+    dataSet: {
+      bloomStudioPress: ''
+    }
+  } : {};
+}
+
+/** The `dataSet` hook of the running segment of an indeterminate bar (web only; native animates it). */
+export function indeterminateDataSet() {
+  return IS_WEB ? {
+    dataSet: {
+      bloomStudioIndeterminate: ''
+    }
+  } : {};
+}
+//# sourceMappingURL=shared.js.map