npm - @adminide-stack/yantra-mobile - Versions diffs - 12.0.125-alpha.1 → 12.0.125 - Mend

@adminide-stack/yantra-mobile 12.0.125-alpha.1 → 12.0.125

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (96) hide show

package/lib/features/canvas/PromoContextFields.js CHANGED Viewed

@@ -1,10 +1,34 @@
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState}from'react';import {StyleSheet,View,Pressable,Text,TextInput,ScrollView}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Image}from'expo-image';import {hasPromoContext,readBrandColors,PROMO_QUALITIES,PROMO_NARRATORS,PROMO_DESIGN_MODELS}from'./promoVideo.js';export{EMPTY_PROMO_CONTEXT}from'./promoVideo.js';function PromoContextFields({
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState}from'react';import {View,Text,TextInput,ScrollView,StyleSheet}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Image}from'expo-image';import {hasPromoContext,readBrandColors,PROMO_QUALITIES,PROMO_NARRATORS,PROMO_DESIGN_MODELS}from'./promoVideo.js';export{EMPTY_PROMO_CONTEXT}from'./promoVideo.js';import {useCanvasTheme,themedStyles}from'./canvasTheme.js';import {Pressable,pressedStyle,Segmented,RADIUS,SPACE,TYPE}from'./canvasUi.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const HSCROLL = {
+  flexGrow: 0
+};
+function PromoContextFields({
   value,
   onChange,
   logoUrl,
   onPickLogo,
   onClearLogo
 }) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   const [open, setOpen] = useState(() => hasPromoContext(value, logoUrl));
   const swatches = readBrandColors(value.brandColors);
   return /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
@@ -13,39 +37,45 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState}from'react';i
         /* @__PURE__ */ jsx(Image, { source: {
           uri: logoUrl
         }, style: styles.logoImg, contentFit: "contain" }),
-        onClearLogo ? /* @__PURE__ */ jsx(Pressable, { onPress: onClearLogo, style: styles.logoClear, hitSlop: 6, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 12, color: "#64748b" }) }) : null
+        onClearLogo ? /* @__PURE__ */ jsx(Pressable, { onPress: onClearLogo, style: ({
+          pressed
+        }) => [styles.logoClear, pressedStyle(pressed)], hitSlop: 10, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 12, color: "#fafafa" }) }) : null
       ] }) : null,
-      onPickLogo ? /* @__PURE__ */ jsxs(Pressable, { onPress: onPickLogo, style: styles.logoBtn, children: [
-        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "image-plus", size: 14, color: "#64748b" }),
+      onPickLogo ? /* @__PURE__ */ jsxs(Pressable, { onPress: onPickLogo, style: ({
+        pressed
+      }) => [styles.logoBtn, pressedStyle(pressed)], children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "image-plus", size: 16, color: theme.foreground }),
         /* @__PURE__ */ jsx(Text, { style: styles.logoBtnLabel, children: logoUrl ? "Replace logo" : "Add logo" })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsxs(Pressable, { onPress: () => setOpen((v) => !v), style: styles.fold, children: [
-      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: open ? "chevron-down" : "chevron-right", size: 14, color: "#64748b" }),
+    /* @__PURE__ */ jsxs(Pressable, { onPress: () => setOpen((v) => !v), style: ({
+      pressed
+    }) => [styles.fold, pressedStyle(pressed)], children: [
       /* @__PURE__ */ jsx(Text, { style: styles.foldLabel, children: "Brand context" }),
-      !open && hasPromoContext(value) ? /* @__PURE__ */ jsx(Text, { style: styles.foldHint, children: "\xB7 set" }) : null
+      !open && hasPromoContext(value) ? /* @__PURE__ */ jsx(Text, { style: styles.foldHint, children: "\xB7 set" }) : null,
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: open ? "chevron-up" : "chevron-down", size: 18, color: theme.mutedForeground })
     ] }),
     open ? /* @__PURE__ */ jsxs(View, { style: styles.fields, children: [
       /* @__PURE__ */ jsx(TextInput, { value: value.onScreenText, onChangeText: (onScreenText) => onChange({
         onScreenText
-      }), placeholder: "Words that must appear on screen \u2014 one per line", placeholderTextColor: "#94a3b8", multiline: true, style: [styles.input, styles.multiline] }),
+      }), placeholder: "Words that must appear on screen, one per line", placeholderTextColor: theme.mutedForeground, multiline: true, style: [styles.input, styles.multiline] }),
       /* @__PURE__ */ jsx(TextInput, { value: value.keyPoints, onChangeText: (keyPoints) => onChange({
         keyPoints
-      }), placeholder: "What it has to say \u2014 one point per line", placeholderTextColor: "#94a3b8", multiline: true, style: [styles.input, styles.multiline] }),
+      }), placeholder: "What it has to say, one point per line", placeholderTextColor: theme.mutedForeground, multiline: true, style: [styles.input, styles.multiline] }),
       /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
         /* @__PURE__ */ jsx(TextInput, { value: value.audience, onChangeText: (audience) => onChange({
           audience
-        }), placeholder: "Who it's for", placeholderTextColor: "#94a3b8", style: [styles.input, styles.half] }),
+        }), placeholder: "Who it's for", placeholderTextColor: theme.mutedForeground, style: [styles.input, styles.half] }),
         /* @__PURE__ */ jsx(TextInput, { value: value.tone, onChangeText: (tone) => onChange({
           tone
-        }), placeholder: "Tone", placeholderTextColor: "#94a3b8", style: [styles.input, styles.half] })
+        }), placeholder: "Tone", placeholderTextColor: theme.mutedForeground, style: [styles.input, styles.half] })
       ] }),
       /* @__PURE__ */ jsx(TextInput, { value: value.avoid, onChangeText: (avoid) => onChange({
         avoid
-      }), placeholder: "Avoid \u2014 words, claims, visuals", placeholderTextColor: "#94a3b8", style: styles.input }),
+      }), placeholder: "Avoid: words, claims, visuals", placeholderTextColor: theme.mutedForeground, style: styles.input }),
       /* @__PURE__ */ jsx(TextInput, { value: value.brandColors, onChangeText: (brandColors) => onChange({
         brandColors
-      }), placeholder: "Brand colours \u2014 #0f172a, #f8fafc", placeholderTextColor: "#94a3b8", autoCapitalize: "none", style: styles.input }),
+      }), placeholder: "Brand colours, e.g. #0f172a, #f8fafc", placeholderTextColor: theme.mutedForeground, autoCapitalize: "none", style: styles.input }),
       swatches.length > 0 ? /* @__PURE__ */ jsx(View, { style: styles.swatches, children: swatches.map((hex) => /* @__PURE__ */ jsx(View, { style: [styles.swatch, {
         backgroundColor: hex
       }] }, hex)) }) : null
@@ -62,38 +92,43 @@ function PromoProductionFields({
   designModel,
   onDesignModel
 }) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   const qualityInfo = PROMO_QUALITIES.find((q) => q.id === quality);
   return /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
     /* @__PURE__ */ jsx(Text, { style: styles.label, children: "Quality" }),
-    /* @__PURE__ */ jsx(View, { style: styles.pills, children: PROMO_QUALITIES.map((q) => /* @__PURE__ */ jsx(Pressable, { onPress: () => onQuality(q.id), style: [styles.pill, quality === q.id && styles.pillOn], accessibilityRole: "button", accessibilityState: {
-      selected: quality === q.id
-    }, children: /* @__PURE__ */ jsx(Text, { style: styles.pillLabel, children: q.name }) }, q.id)) }),
+    /* @__PURE__ */ jsx(Segmented, { options: PROMO_QUALITIES.map((q) => ({
+      id: q.id,
+      label: q.name
+    })), value: quality, onChange: onQuality, style: styles.segmented }),
     qualityInfo ? /* @__PURE__ */ jsx(Text, { style: styles.foldHint, children: qualityInfo.description }) : null,
     /* @__PURE__ */ jsx(Text, { style: styles.label, children: "Narrator" }),
-    /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.pills, children: PROMO_NARRATORS.map((n) => /* @__PURE__ */ jsx(Pressable, { onPress: () => onNarrator(n.id), style: [styles.pill, narrator === n.id && styles.pillOn], children: /* @__PURE__ */ jsx(Text, { style: styles.pillLabel, children: n.name }) }, n.id || "cast")) }),
-    /* @__PURE__ */ jsx(TextInput, { value: useCases, onChangeText: onUseCases, placeholder: "Product moments to show \u2014 one per line, in order", placeholderTextColor: "#94a3b8", multiline: true, style: [styles.input, styles.multiline] }),
+    /* @__PURE__ */ jsx(ScrollView, { style: HSCROLL, horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.pills, children: PROMO_NARRATORS.map((n) => /* @__PURE__ */ jsx(Pressable, { onPress: () => onNarrator(n.id), style: ({
+      pressed
+    }) => [styles.pill, narrator === n.id && styles.pillOn, pressedStyle(pressed)], children: /* @__PURE__ */ jsx(Text, { style: [styles.pillLabel, narrator === n.id && styles.pillLabelOn], children: n.name }) }, n.id || "cast")) }),
+    /* @__PURE__ */ jsx(TextInput, { value: useCases, onChangeText: onUseCases, placeholder: "Product moments to show, one per line, in order", placeholderTextColor: theme.mutedForeground, multiline: true, style: [styles.input, styles.multiline] }),
     onDesignModel ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Text, { style: styles.label, children: "Design model" }),
-      /* @__PURE__ */ jsx(View, { style: styles.pills, children: PROMO_DESIGN_MODELS.map((m) => /* @__PURE__ */ jsx(Pressable, { onPress: () => onDesignModel(m.id), style: [styles.pill, (designModel != null ? designModel : "") === m.id && styles.pillOn], accessibilityHint: m.description, children: /* @__PURE__ */ jsx(Text, { style: styles.pillLabel, children: m.name }) }, m.id || "default")) })
+      /* @__PURE__ */ jsx(View, { style: styles.pills, children: PROMO_DESIGN_MODELS.map((m) => /* @__PURE__ */ jsx(Pressable, { onPress: () => onDesignModel(m.id), style: ({
+        pressed
+      }) => [styles.pill, (designModel != null ? designModel : "") === m.id && styles.pillOn, pressedStyle(pressed)], accessibilityHint: m.description, children: /* @__PURE__ */ jsx(Text, { style: [styles.pillLabel, (designModel != null ? designModel : "") === m.id && styles.pillLabelOn], children: m.name }) }, m.id || "default")) })
     ] }) : null
   ] });
 }
-const styles = StyleSheet.create({
+const makeStyles = themedStyles((theme) => StyleSheet.create({
   root: {
-    gap: 8
+    gap: SPACE.sm + 2
   },
   logoRow: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 8
+    gap: SPACE.sm
   },
   logoBox: {
-    width: 40,
-    height: 40,
-    borderRadius: 8,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: "#e2e8f0",
-    backgroundColor: "#fff",
+    width: 44,
+    height: 44,
+    borderRadius: RADIUS.md,
+    backgroundColor: theme.card,
     overflow: "hidden"
   },
   logoImg: {
@@ -102,102 +137,100 @@ const styles = StyleSheet.create({
   },
   logoClear: {
     position: "absolute",
-    top: 0,
-    right: 0,
-    backgroundColor: "rgba(255,255,255,0.9)",
-    padding: 2,
-    borderBottomLeftRadius: 6
+    top: 3,
+    right: 3,
+    width: 18,
+    height: 18,
+    borderRadius: 9,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "rgba(10,10,10,0.6)"
   },
   logoBtn: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 10,
-    paddingVertical: 8,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderStyle: "dashed",
-    borderColor: "#cbd5e1"
-  },
-  logoBtnLabel: {
-    fontSize: 12,
-    color: "#64748b"
-  },
+    gap: SPACE.sm - 2,
+    minHeight: 40,
+    paddingHorizontal: SPACE.md + 2,
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.card
+  },
+  logoBtnLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.foreground
+  }),
   fold: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 4,
-    alignSelf: "flex-start"
-  },
-  foldLabel: {
-    fontSize: 11,
-    color: "#64748b",
-    fontWeight: "600"
-  },
-  foldHint: {
-    fontSize: 11,
-    color: "#94a3b8"
-  },
+    gap: SPACE.xs,
+    alignSelf: "flex-start",
+    minHeight: 36
+  },
+  foldLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.foreground
+  }),
+  foldHint: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.mutedForeground
+  }),
   fields: {
-    gap: 8
+    gap: SPACE.sm
   },
   input: {
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: "#e2e8f0",
-    borderRadius: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    fontSize: 13,
-    color: "#0f172a",
-    backgroundColor: "#fff"
+    borderRadius: RADIUS.md + 2,
+    paddingHorizontal: SPACE.md + 2,
+    paddingVertical: SPACE.md - 1,
+    fontSize: 15,
+    color: theme.foreground,
+    backgroundColor: theme.card
   },
   multiline: {
-    minHeight: 64,
+    minHeight: 76,
     textAlignVertical: "top"
   },
   row: {
     flexDirection: "row",
-    gap: 8
+    gap: SPACE.sm
   },
   half: {
     flex: 1
   },
   swatches: {
     flexDirection: "row",
-    gap: 6
-  },
-  label: {
-    fontSize: 11,
-    color: "#64748b",
-    fontWeight: "600"
+    gap: SPACE.sm - 2
+  },
+  label: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.foreground,
+    marginTop: SPACE.xs
+  }),
+  segmented: {
+    flexGrow: 0,
+    alignSelf: "flex-start"
   },
   pills: {
     flexDirection: "row",
     flexWrap: "wrap",
-    gap: 8
+    gap: SPACE.sm - 2
   },
   pill: {
-    paddingHorizontal: 10,
-    paddingVertical: 7,
-    borderRadius: 999,
-    borderWidth: 1,
-    borderColor: "#e2e8f0",
-    backgroundColor: "#ffffff"
+    minHeight: 36,
+    justifyContent: "center",
+    paddingHorizontal: SPACE.md + 2,
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.card
   },
   pillOn: {
-    backgroundColor: "#fde8d8",
-    borderColor: "#fde8d8"
+    backgroundColor: theme.foreground
   },
-  pillLabel: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: "#334155"
+  pillLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.foreground
+  }),
+  pillLabelOn: {
+    color: theme.background
   },
   swatch: {
-    width: 18,
-    height: 18,
-    borderRadius: 4,
+    width: 22,
+    height: 22,
+    borderRadius: 11,
     borderWidth: StyleSheet.hairlineWidth,
-    borderColor: "#e2e8f0"
+    borderColor: theme.borderStrong
   }
-});export{PromoContextFields,PromoProductionFields};//# sourceMappingURL=PromoContextFields.js.map
+}));export{PromoContextFields,PromoProductionFields};//# sourceMappingURL=PromoContextFields.js.map

package/lib/features/canvas/PromoContextFields.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PromoContextFields.js","sources":["../../../src/features/canvas/PromoContextFields.tsx"],"sourcesContent":["/*\n Native twin of canvas-surface PromoContextFields — brand mark + on-screen\n * wording + audience/tone, folded away until the user has a brand to pin.\n /\nimport React, { useState } from 'react';\nimport { Pressable, ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Image } from 'expo-image';\nimport {\n EMPTY_PROMO_CONTEXT,\n PROMO_DESIGN_MODELS,\n PROMO_NARRATORS,\n PROMO_QUALITIES,\n hasPromoContext,\n readBrandColors,\n type PromoContext,\n type PromoQuality,\n} from './promoVideo';\n\nexport function PromoContextFields({\n value,\n onChange,\n logoUrl,\n onPickLogo,\n onClearLogo,\n}: {\n value: PromoContext;\n onChange: (patch: Partial<PromoContext>) => void;\n logoUrl: string \| null;\n onPickLogo?: () => void;\n onClearLogo?: () => void;\n}) {\n const [open, setOpen] = useState(() => hasPromoContext(value, logoUrl));\n const swatches = readBrandColors(value.brandColors);\n\n return (\n <View style={styles.root}>\n <View style={styles.logoRow}>\n {logoUrl ? (\n <View style={styles.logoBox}>\n <Image source={{ uri: logoUrl }} style={styles.logoImg} contentFit=\"contain\" />\n {onClearLogo ? (\n <Pressable onPress={onClearLogo} style={styles.logoClear} hitSlop={6}>\n <MaterialCommunityIcons name=\"close\" size={12} color=\"#64748b\" />\n </Pressable>\n ) : null}\n </View>\n ) : null}\n {onPickLogo ? (\n <Pressable onPress={onPickLogo} style={styles.logoBtn}>\n <MaterialCommunityIcons name=\"image-plus\" size={14} color=\"#64748b\" />\n <Text style={styles.logoBtnLabel}>{logoUrl ? 'Replace logo' : 'Add logo'}</Text>\n </Pressable>\n ) : null}\n </View>\n\n <Pressable onPress={() => setOpen((v) => !v)} style={styles.fold}>\n <MaterialCommunityIcons name={open ? 'chevron-down' : 'chevron-right'} size={14} color=\"#64748b\" />\n <Text style={styles.foldLabel}>Brand context</Text>\n {!open && hasPromoContext(value) ? <Text style={styles.foldHint}>· set</Text> : null}\n </Pressable>\n\n {open ? (\n <View style={styles.fields}>\n <TextInput\n value={value.onScreenText}\n onChangeText={(onScreenText) => onChange({ onScreenText })}\n placeholder=\"Words that must appear on screen — one per line\"\n placeholderTextColor=\"#94a3b8\"\n multiline\n style={[styles.input, styles.multiline]}\n />\n <TextInput\n value={value.keyPoints}\n onChangeText={(keyPoints) => onChange({ keyPoints })}\n placeholder=\"What it has to say — one point per line\"\n placeholderTextColor=\"#94a3b8\"\n multiline\n style={[styles.input, styles.multiline]}\n />\n <View style={styles.row}>\n <TextInput\n value={value.audience}\n onChangeText={(audience) => onChange({ audience })}\n placeholder=\"Who it's for\"\n placeholderTextColor=\"#94a3b8\"\n style={[styles.input, styles.half]}\n />\n <TextInput\n value={value.tone}\n onChangeText={(tone) => onChange({ tone })}\n placeholder=\"Tone\"\n placeholderTextColor=\"#94a3b8\"\n style={[styles.input, styles.half]}\n />\n </View>\n <TextInput\n value={value.avoid}\n onChangeText={(avoid) => onChange({ avoid })}\n placeholder=\"Avoid — words, claims, visuals\"\n placeholderTextColor=\"#94a3b8\"\n style={styles.input}\n />\n <TextInput\n value={value.brandColors}\n onChangeText={(brandColors) => onChange({ brandColors })}\n placeholder=\"Brand colours — #0f172a, #f8fafc\"\n placeholderTextColor=\"#94a3b8\"\n autoCapitalize=\"none\"\n style={styles.input}\n />\n {swatches.length > 0 ? (\n <View style={styles.swatches}>\n {swatches.map((hex) => (\n <View key={hex} style={[styles.swatch, { backgroundColor: hex }]} />\n ))}\n </View>\n ) : null}\n </View>\n ) : null}\n </View>\n );\n}\n\n/\n Production choices (web promo panel): quality, narrator casting, the product\n * moments to show (all PRODUCE only), and the model that lays out a Design.\n /\nexport function PromoProductionFields({\n quality,\n onQuality,\n narrator,\n onNarrator,\n useCases,\n onUseCases,\n designModel,\n onDesignModel,\n}: {\n quality: PromoQuality;\n onQuality: (q: PromoQuality) => void;\n narrator: string;\n onNarrator: (id: string) => void;\n useCases: string;\n onUseCases: (text: string) => void;\n /* Omit both to hide the design-model row (no Design button for this preset). */\n designModel?: string;\n onDesignModel?: (id: string) => void;\n}) {\n const qualityInfo = PROMO_QUALITIES.find((q) => q.id === quality);\n return (\n <View style={styles.root}>\n <Text style={styles.label}>Quality</Text>\n <View style={styles.pills}>\n {PROMO_QUALITIES.map((q) => (\n <Pressable\n key={q.id}\n onPress={() => onQuality(q.id)}\n style={[styles.pill, quality === q.id && styles.pillOn]}\n accessibilityRole=\"button\"\n accessibilityState={{ selected: quality === q.id }}\n >\n <Text style={styles.pillLabel}>{q.name}</Text>\n </Pressable>\n ))}\n </View>\n {qualityInfo ? <Text style={styles.foldHint}>{qualityInfo.description}</Text> : null}\n <Text style={styles.label}>Narrator</Text>\n <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.pills}>\n {PROMO_NARRATORS.map((n) => (\n <Pressable\n key={n.id \|\| 'cast'}\n onPress={() => onNarrator(n.id)}\n style={[styles.pill, narrator === n.id && styles.pillOn]}\n >\n <Text style={styles.pillLabel}>{n.name}</Text>\n </Pressable>\n ))}\n </ScrollView>\n <TextInput\n value={useCases}\n onChangeText={onUseCases}\n placeholder=\"Product moments to show — one per line, in order\"\n placeholderTextColor=\"#94a3b8\"\n multiline\n style={[styles.input, styles.multiline]}\n />\n {onDesignModel ? (\n <>\n <Text style={styles.label}>Design model</Text>\n <View style={styles.pills}>\n {PROMO_DESIGN_MODELS.map((m) => (\n <Pressable\n key={m.id \|\| 'default'}\n onPress={() => onDesignModel(m.id)}\n style={[styles.pill, (designModel ?? '') === m.id && styles.pillOn]}\n accessibilityHint={m.description}\n >\n <Text style={styles.pillLabel}>{m.name}</Text>\n </Pressable>\n ))}\n </View>\n </>\n ) : null}\n </View>\n );\n}\n\nexport { EMPTY_PROMO_CONTEXT };\n\nconst styles = StyleSheet.create({\n root: { gap: 8 },\n logoRow: { flexDirection: 'row', alignItems: 'center', gap: 8 },\n logoBox: {\n width: 40,\n height: 40,\n borderRadius: 8,\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: '#e2e8f0',\n backgroundColor: '#fff',\n overflow: 'hidden',\n },\n logoImg: { width: '100%', height: '100%' },\n logoClear: {\n position: 'absolute',\n top: 0,\n right: 0,\n backgroundColor: 'rgba(255,255,255,0.9)',\n padding: 2,\n borderBottomLeftRadius: 6,\n },\n logoBtn: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 6,\n paddingHorizontal: 10,\n paddingVertical: 8,\n borderRadius: 8,\n borderWidth: 1,\n borderStyle: 'dashed',\n borderColor: '#cbd5e1',\n },\n logoBtnLabel: { fontSize: 12, color: '#64748b' },\n fold: { flexDirection: 'row', alignItems: 'center', gap: 4, alignSelf: 'flex-start' },\n foldLabel: { fontSize: 11, color: '#64748b', fontWeight: '600' },\n foldHint: { fontSize: 11, color: '#94a3b8' },\n fields: { gap: 8 },\n input: {\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: '#e2e8f0',\n borderRadius: 10,\n paddingHorizontal: 12,\n paddingVertical: 10,\n fontSize: 13,\n color: '#0f172a',\n backgroundColor: '#fff',\n },\n multiline: { minHeight: 64, textAlignVertical: 'top' },\n row: { flexDirection: 'row', gap: 8 },\n half: { flex: 1 },\n swatches: { flexDirection: 'row', gap: 6 },\n label: { fontSize: 11, color: '#64748b', fontWeight: '600' },\n pills: { flexDirection: 'row', flexWrap: 'wrap', gap: 8 },\n pill: {\n paddingHorizontal: 10,\n paddingVertical: 7,\n borderRadius: 999,\n borderWidth: 1,\n borderColor: '#e2e8f0',\n backgroundColor: '#ffffff',\n },\n pillOn: { backgroundColor: '#fde8d8', borderColor: '#fde8d8' },\n pillLabel: { fontSize: 12, fontWeight: '600', color: '#334155' },\n swatch: { width: 18, height: 18, borderRadius: 4, borderWidth: StyleSheet.hairlineWidth, borderColor: '#e2e8f0' },\n});\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"PromoContextFields.js","sources":["../../../src/features/canvas/PromoContextFields.tsx"],"sourcesContent":["/*\n Native twin of canvas-surface PromoContextFields — brand mark + on-screen\n * wording + audience/tone, folded away until the user has a brand to pin.\n /\nimport React, { useMemo, useState } from 'react';\nimport { ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Image } from 'expo-image';\nimport {\n EMPTY_PROMO_CONTEXT,\n PROMO_DESIGN_MODELS,\n PROMO_NARRATORS,\n PROMO_QUALITIES,\n hasPromoContext,\n readBrandColors,\n type PromoContext,\n type PromoQuality,\n} from './promoVideo';\nimport { useCanvasTheme, themedStyles, type CanvasPalette } from './canvasTheme';\nimport { Pressable, RADIUS, SPACE, Segmented, TYPE, pressedStyle } from './canvasUi';\n\n/* RN gives a horizontal ScrollView flexGrow 1: on a fixed-height screen a chip row swells into empty space. /\nconst HSCROLL = { flexGrow: 0 } as const;\n\nexport function PromoContextFields({\n value,\n onChange,\n logoUrl,\n onPickLogo,\n onClearLogo,\n}: {\n value: PromoContext;\n onChange: (patch: Partial<PromoContext>) => void;\n logoUrl: string \| null;\n onPickLogo?: () => void;\n onClearLogo?: () => void;\n}) {\n const theme = useCanvasTheme();\n const styles = useMemo(() => makeStyles(theme), [theme]);\n const [open, setOpen] = useState(() => hasPromoContext(value, logoUrl));\n const swatches = readBrandColors(value.brandColors);\n\n return (\n <View style={styles.root}>\n <View style={styles.logoRow}>\n {logoUrl ? (\n <View style={styles.logoBox}>\n <Image source={{ uri: logoUrl }} style={styles.logoImg} contentFit=\"contain\" />\n {onClearLogo ? (\n <Pressable\n onPress={onClearLogo}\n style={({ pressed }) => [styles.logoClear, pressedStyle(pressed)]}\n hitSlop={10}\n >\n <MaterialCommunityIcons name=\"close\" size={12} color=\"#fafafa\" />\n </Pressable>\n ) : null}\n </View>\n ) : null}\n {onPickLogo ? (\n <Pressable onPress={onPickLogo} style={({ pressed }) => [styles.logoBtn, pressedStyle(pressed)]}>\n <MaterialCommunityIcons name=\"image-plus\" size={16} color={theme.foreground} />\n <Text style={styles.logoBtnLabel}>{logoUrl ? 'Replace logo' : 'Add logo'}</Text>\n </Pressable>\n ) : null}\n </View>\n\n <Pressable onPress={() => setOpen((v) => !v)} style={({ pressed }) => [styles.fold, pressedStyle(pressed)]}>\n <Text style={styles.foldLabel}>Brand context</Text>\n {!open && hasPromoContext(value) ? <Text style={styles.foldHint}>· set</Text> : null}\n <MaterialCommunityIcons\n name={open ? 'chevron-up' : 'chevron-down'}\n size={18}\n color={theme.mutedForeground}\n />\n </Pressable>\n\n {open ? (\n <View style={styles.fields}>\n <TextInput\n value={value.onScreenText}\n onChangeText={(onScreenText) => onChange({ onScreenText })}\n placeholder=\"Words that must appear on screen, one per line\"\n placeholderTextColor={theme.mutedForeground}\n multiline\n style={[styles.input, styles.multiline]}\n />\n <TextInput\n value={value.keyPoints}\n onChangeText={(keyPoints) => onChange({ keyPoints })}\n placeholder=\"What it has to say, one point per line\"\n placeholderTextColor={theme.mutedForeground}\n multiline\n style={[styles.input, styles.multiline]}\n />\n <View style={styles.row}>\n <TextInput\n value={value.audience}\n onChangeText={(audience) => onChange({ audience })}\n placeholder=\"Who it's for\"\n placeholderTextColor={theme.mutedForeground}\n style={[styles.input, styles.half]}\n />\n <TextInput\n value={value.tone}\n onChangeText={(tone) => onChange({ tone })}\n placeholder=\"Tone\"\n placeholderTextColor={theme.mutedForeground}\n style={[styles.input, styles.half]}\n />\n </View>\n <TextInput\n value={value.avoid}\n onChangeText={(avoid) => onChange({ avoid })}\n placeholder=\"Avoid: words, claims, visuals\"\n placeholderTextColor={theme.mutedForeground}\n style={styles.input}\n />\n <TextInput\n value={value.brandColors}\n onChangeText={(brandColors) => onChange({ brandColors })}\n placeholder=\"Brand colours, e.g. #0f172a, #f8fafc\"\n placeholderTextColor={theme.mutedForeground}\n autoCapitalize=\"none\"\n style={styles.input}\n />\n {swatches.length > 0 ? (\n <View style={styles.swatches}>\n {swatches.map((hex) => (\n <View key={hex} style={[styles.swatch, { backgroundColor: hex }]} />\n ))}\n </View>\n ) : null}\n </View>\n ) : null}\n </View>\n );\n}\n\n/\n Production choices (web promo panel): quality, narrator casting, the product\n * moments to show (all PRODUCE only), and the model that lays out a Design.\n /\nexport function PromoProductionFields({\n quality,\n onQuality,\n narrator,\n onNarrator,\n useCases,\n onUseCases,\n designModel,\n onDesignModel,\n}: {\n quality: PromoQuality;\n onQuality: (q: PromoQuality) => void;\n narrator: string;\n onNarrator: (id: string) => void;\n useCases: string;\n onUseCases: (text: string) => void;\n /* Omit both to hide the design-model row (no Design button for this preset). */\n designModel?: string;\n onDesignModel?: (id: string) => void;\n}) {\n const theme = useCanvasTheme();\n const styles = useMemo(() => makeStyles(theme), [theme]);\n const qualityInfo = PROMO_QUALITIES.find((q) => q.id === quality);\n return (\n <View style={styles.root}>\n <Text style={styles.label}>Quality</Text>\n <Segmented\n options={PROMO_QUALITIES.map((q) => ({ id: q.id, label: q.name }))}\n value={quality}\n onChange={onQuality}\n style={styles.segmented}\n />\n {qualityInfo ? <Text style={styles.foldHint}>{qualityInfo.description}</Text> : null}\n <Text style={styles.label}>Narrator</Text>\n <ScrollView\n style={HSCROLL}\n horizontal\n showsHorizontalScrollIndicator={false}\n contentContainerStyle={styles.pills}\n >\n {PROMO_NARRATORS.map((n) => (\n <Pressable\n key={n.id \|\| 'cast'}\n onPress={() => onNarrator(n.id)}\n style={({ pressed }) => [\n styles.pill,\n narrator === n.id && styles.pillOn,\n pressedStyle(pressed),\n ]}\n >\n <Text style={[styles.pillLabel, narrator === n.id && styles.pillLabelOn]}>{n.name}</Text>\n </Pressable>\n ))}\n </ScrollView>\n <TextInput\n value={useCases}\n onChangeText={onUseCases}\n placeholder=\"Product moments to show, one per line, in order\"\n placeholderTextColor={theme.mutedForeground}\n multiline\n style={[styles.input, styles.multiline]}\n />\n {onDesignModel ? (\n <>\n <Text style={styles.label}>Design model</Text>\n <View style={styles.pills}>\n {PROMO_DESIGN_MODELS.map((m) => (\n <Pressable\n key={m.id \|\| 'default'}\n onPress={() => onDesignModel(m.id)}\n style={({ pressed }) => [\n styles.pill,\n (designModel ?? '') === m.id && styles.pillOn,\n pressedStyle(pressed),\n ]}\n accessibilityHint={m.description}\n >\n <Text style={[styles.pillLabel, (designModel ?? '') === m.id && styles.pillLabelOn]}>\n {m.name}\n </Text>\n </Pressable>\n ))}\n </View>\n </>\n ) : null}\n </View>\n );\n}\n\nexport { EMPTY_PROMO_CONTEXT };\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n StyleSheet.create({\n root: { gap: SPACE.sm + 2 },\n logoRow: { flexDirection: 'row', alignItems: 'center', gap: SPACE.sm },\n logoBox: {\n width: 44,\n height: 44,\n borderRadius: RADIUS.md,\n backgroundColor: theme.card,\n overflow: 'hidden',\n },\n logoImg: { width: '100%', height: '100%' },\n logoClear: {\n position: 'absolute',\n top: 3,\n right: 3,\n width: 18,\n height: 18,\n borderRadius: 9,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'rgba(10,10,10,0.6)',\n },\n logoBtn: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: SPACE.sm - 2,\n minHeight: 40,\n paddingHorizontal: SPACE.md + 2,\n borderRadius: RADIUS.pill,\n backgroundColor: theme.card,\n },\n logoBtnLabel: { ...TYPE.label, color: theme.foreground },\n fold: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: SPACE.xs,\n alignSelf: 'flex-start',\n minHeight: 36,\n },\n foldLabel: { ...TYPE.label, color: theme.foreground },\n foldHint: { ...TYPE.caption, color: theme.mutedForeground },\n fields: { gap: SPACE.sm },\n input: {\n borderRadius: RADIUS.md + 2,\n paddingHorizontal: SPACE.md + 2,\n paddingVertical: SPACE.md - 1,\n fontSize: 15,\n color: theme.foreground,\n backgroundColor: theme.card,\n },\n multiline: { minHeight: 76, textAlignVertical: 'top' },\n row: { flexDirection: 'row', gap: SPACE.sm },\n half: { flex: 1 },\n swatches: { flexDirection: 'row', gap: SPACE.sm - 2 },\n label: { ...TYPE.label, color: theme.foreground, marginTop: SPACE.xs },\n segmented: { flexGrow: 0, alignSelf: 'flex-start' },\n pills: { flexDirection: 'row', flexWrap: 'wrap', gap: SPACE.sm - 2 },\n pill: {\n minHeight: 36,\n justifyContent: 'center',\n paddingHorizontal: SPACE.md + 2,\n borderRadius: RADIUS.pill,\n backgroundColor: theme.card,\n },\n pillOn: { backgroundColor: theme.foreground },\n pillLabel: { ...TYPE.label, color: theme.foreground },\n pillLabelOn: { color: theme.background },\n swatch: {\n width: 22,\n height: 22,\n borderRadius: 11,\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: theme.borderStrong,\n },\n }),\n);\n"],"names":[],"mappings":"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"}