@adminide-stack/yantra-mobile 12.0.69-alpha.8 → 12.0.69

package/lib/features/design/DesignEditorExperience.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignEditorExperience.js","sources":["../../../src/features/design/DesignEditorExperience.tsx"],"sourcesContent":["/**\n * The design editor - native studio modeled on the IMG.LY CE.SDK starter\n * kits (design editor / t-shirt designer / postcard editor), built from RN\n * primitives so the whole editor ships OTA inside a federated surface.\n *\n * Structure mirrors the kits: navigation bar (close / pages / export), the\n * page canvas with selection handles, an inspector row for the selected\n * layer, and a bottom dock (Add / Style / Page / Layers). T-shirt pages draw\n * the printable-area outline; the postcard back draws divider + address\n * guides. Guides are chrome - never part of the export.\n *\n * Layer editing is deliberately export-faithful: only what\n * exportDesign.ts can flatten (solid shapes, images, text; move / resize /\n * opacity / z-order) exists here.\n */\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { PanResponder, Pressable, ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Image } from 'expo-image';\nimport { KeyboardAwareScreen, KeyboardLiftSpacer } from '../../components/KeyboardComposerDock';\nimport { dismissKeyboard } from '../../utils/keyboardController';\nimport { resizeFrame } from '../canvas/canvasCore';\nimport {\n    addLayer,\n    bringLayerToFront,\n    DESIGN_SWATCHES,\n    duplicateLayer,\n    layerPaintOrder,\n    newImageLayer,\n    newShapeLayer,\n    newTextLayer,\n    nextZ,\n    removeLayer,\n    replaceLayer,\n    sendLayerToBack,\n    TSHIRT_COLORS,\n    TSHIRT_PRINT_AREA,\n    type DesignLayer,\n    type DesignPage,\n    type PersistedDesignDoc,\n    type TextLayer,\n} from './designCore';\n\nexport interface DesignEditorProps {\n    doc: PersistedDesignDoc;\n    onChange: (doc: PersistedDesignDoc) => void;\n    onClose: () => void;\n    /** Export tap - the owner renders and presents results. */\n    onExport: (doc: PersistedDesignDoc) => void;\n    /** Device photo library (host seam; absent on binaries that predate it). */\n    onPickLocalMedia?: () => Promise<Array<{ type: string; src: string }>>;\n    /** Image URLs from the user's canvas boards - the OTA-safe image source. */\n    canvasImages?: string[];\n}\n\ntype DockTab = 'add' | 'style' | 'page' | 'layers';\n\nexport function DesignEditorExperience({\n    doc,\n    onChange,\n    onClose,\n    onExport,\n    onPickLocalMedia,\n    canvasImages = [],\n}: DesignEditorProps) {\n    const [pageIndex, setPageIndex] = useState(0);\n    const [selectedId, setSelectedId] = useState<string | null>(null);\n    const [dock, setDock] = useState<DockTab>('add');\n    const [imagePicker, setImagePicker] = useState(false);\n    const [canvasSize, setCanvasSize] = useState({ width: 0, height: 0 });\n\n    const page = doc.pages[Math.min(pageIndex, doc.pages.length - 1)];\n    const selected = page.layers.find((l) => l.id === selectedId) ?? null;\n\n    const setPage = useCallback(\n        (next: DesignPage) => {\n            onChange({ ...doc, pages: doc.pages.map((p) => (p.id === next.id ? next : p)) });\n        },\n        [doc, onChange],\n    );\n\n    const updateLayer = useCallback((layer: DesignLayer) => setPage(replaceLayer(page, layer)), [page, setPage]);\n\n    // Fit the page inside the available canvas area with a margin.\n    const scale = useMemo(() => {\n        if (!canvasSize.width || !canvasSize.height) return 0;\n        return Math.min((canvasSize.width - 32) / page.width, (canvasSize.height - 32) / page.height);\n    }, [canvasSize, page.width, page.height]);\n\n    const addAndSelect = useCallback(\n        (layer: DesignLayer) => {\n            setPage(addLayer(page, layer));\n            setSelectedId(layer.id);\n            setDock('style');\n        },\n        [page, setPage],\n    );\n\n    const handleAddImage = useCallback(async () => {\n        if (onPickLocalMedia) {\n            try {\n                const picked = await onPickLocalMedia();\n                const image = picked.find((p) => p.type === 'image');\n                if (image) addAndSelect(newImageLayer(image.src, nextZ(page)));\n                return;\n            } catch {\n                // fall through to the canvas picker\n            }\n        }\n        setImagePicker(true);\n    }, [onPickLocalMedia, addAndSelect, page]);\n\n    return (\n        <KeyboardAwareScreen style={styles.root} testID=\"design-editor\">\n            {/* Navigation bar */}\n            <View style={styles.header}>\n                <Pressable\n                    onPress={() => {\n                        dismissKeyboard();\n                        onClose();\n                    }}\n                    hitSlop={10}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Close editor\"\n                >\n                    <MaterialCommunityIcons name=\"close\" size={22} color=\"#F7F7FA\" />\n                </Pressable>\n                {doc.pages.length > 1 ? (\n                    <View style={styles.pageChips}>\n                        {doc.pages.map((p, i) => (\n                            <Pressable\n                                key={p.id}\n                                onPress={() => {\n                                    setPageIndex(i);\n                                    setSelectedId(null);\n                                }}\n                                style={[styles.pageChip, i === pageIndex && styles.pageChipActive]}\n                            >\n                                <Text style={[styles.pageChipLabel, i === pageIndex && styles.pageChipLabelActive]}>\n                                    {p.name}\n                                </Text>\n                            </Pressable>\n                        ))}\n                    </View>\n                ) : (\n                    <Text style={styles.headerTitle}>{doc.title || 'Design'}</Text>\n                )}\n                <Pressable\n                    onPress={() => onExport(doc)}\n                    hitSlop={10}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Export design\"\n                >\n                    <View style={styles.exportButton}>\n                        <MaterialCommunityIcons name=\"check\" size={20} color=\"#0f172a\" />\n                    </View>\n                </Pressable>\n            </View>\n\n            {/* Page canvas */}\n            <View\n                style={styles.canvasArea}\n                onLayout={(e) => setCanvasSize(e.nativeEvent.layout)}\n                onTouchStart={dismissKeyboard}\n            >\n                {scale > 0 ? (\n                    <Pressable\n                        style={[\n                            styles.page,\n                            {\n                                width: page.width * scale,\n                                height: page.height * scale,\n                                backgroundColor: page.background,\n                            },\n                        ]}\n                        onPress={() => setSelectedId(null)}\n                    >\n                        <PageChrome doc={doc} page={page} pageIndex={pageIndex} scale={scale} />\n                        {layerPaintOrder(page.layers).map((layer) => (\n                            <LayerView\n                                key={layer.id}\n                                layer={layer}\n                                scale={scale}\n                                selected={layer.id === selectedId}\n                                onSelect={() => setSelectedId(layer.id)}\n                                onCommit={updateLayer}\n                            />\n                        ))}\n                    </Pressable>\n                ) : null}\n            </View>\n\n            {/* Inspector row for the selection */}\n            {selected ? (\n                <View style={styles.inspector}>\n                    <IconButton name=\"flip-to-front\" onPress={() => setPage(bringLayerToFront(page, selected.id))} />\n                    <IconButton name=\"flip-to-back\" onPress={() => setPage(sendLayerToBack(page, selected.id))} />\n                    <IconButton name=\"content-copy\" onPress={() => setPage(duplicateLayer(page, selected.id))} />\n                    <View style={styles.inspectorSpacer} />\n                    <Text style={styles.inspectorLabel}>Opacity</Text>\n                    <IconButton\n                        name=\"minus\"\n                        onPress={() =>\n                            updateLayer({ ...selected, opacity: Math.max(0.1, +(selected.opacity - 0.1).toFixed(2)) })\n                        }\n                    />\n                    <Text style={styles.inspectorValue}>{Math.round(selected.opacity * 100)}%</Text>\n                    <IconButton\n                        name=\"plus\"\n                        onPress={() =>\n                            updateLayer({ ...selected, opacity: Math.min(1, +(selected.opacity + 0.1).toFixed(2)) })\n                        }\n                    />\n                    <View style={styles.inspectorSpacer} />\n                    <IconButton\n                        name=\"trash-can-outline\"\n                        color=\"#F87171\"\n                        onPress={() => {\n                            setPage(removeLayer(page, selected.id));\n                            setSelectedId(null);\n                        }}\n                    />\n                </View>\n            ) : null}\n\n            {/* Dock panels */}\n            <View style={styles.dockPanel}>\n                {dock === 'add' ? (\n                    <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.addRow}>\n                        <AddButton\n                            icon=\"format-text\"\n                            label=\"Text\"\n                            onPress={() => addAndSelect(newTextLayer('Tap to edit', nextZ(page)))}\n                        />\n                        <AddButton\n                            icon=\"square-rounded-outline\"\n                            label=\"Rectangle\"\n                            onPress={() => addAndSelect(newShapeLayer('rect', nextZ(page)))}\n                        />\n                        <AddButton\n                            icon=\"minus\"\n                            label=\"Line\"\n                            onPress={() => addAndSelect(newShapeLayer('line', nextZ(page)))}\n                        />\n                        <AddButton icon=\"image-outline\" label=\"Image\" onPress={() => void handleAddImage()} />\n                    </ScrollView>\n                ) : null}\n                {dock === 'style' && selected?.type === 'text' ? (\n                    <TextStylePanel layer={selected} onChange={updateLayer} />\n                ) : null}\n                {dock === 'style' && selected?.type === 'shape' ? (\n                    <SwatchRow value={selected.fill} onPick={(fill) => updateLayer({ ...selected, fill })} />\n                ) : null}\n                {dock === 'style' && selected?.type === 'image' ? (\n                    <Text style={styles.panelHint}>Drag to move · corner handle resizes</Text>\n                ) : null}\n                {dock === 'style' && !selected ? (\n                    <Text style={styles.panelHint}>Select a layer to style it</Text>\n                ) : null}\n                {dock === 'page' ? (\n                    <View>\n                        <Text style={styles.panelLabel}>\n                            {doc.kind === 'tshirt' ? 'Shirt colour' : 'Page background'}\n                        </Text>\n                        <SwatchRow\n                            swatches={doc.kind === 'tshirt' ? TSHIRT_COLORS : DESIGN_SWATCHES}\n                            value={page.background}\n                            onPick={(background) => setPage({ ...page, background })}\n                        />\n                    </View>\n                ) : null}\n                {dock === 'layers' ? (\n                    <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.addRow}>\n                        {layerPaintOrder(page.layers)\n                            .slice()\n                            .reverse()\n                            .map((layer) => (\n                                <Pressable\n                                    key={layer.id}\n                                    onPress={() => setSelectedId(layer.id)}\n                                    style={[styles.layerChip, layer.id === selectedId && styles.layerChipActive]}\n                                >\n                                    <MaterialCommunityIcons\n                                        name={\n                                            layer.type === 'text'\n                                                ? 'format-text'\n                                                : layer.type === 'image'\n                                                  ? 'image-outline'\n                                                  : 'square-rounded-outline'\n                                        }\n                                        size={14}\n                                        color={layer.id === selectedId ? '#0f172a' : '#CBD5E1'}\n                                    />\n                                    <Text\n                                        style={[\n                                            styles.layerChipLabel,\n                                            layer.id === selectedId && styles.layerChipLabelActive,\n                                        ]}\n                                        numberOfLines={1}\n                                    >\n                                        {layer.type === 'text' ? layer.text.slice(0, 14) || 'Text' : layer.type}\n                                    </Text>\n                                </Pressable>\n                            ))}\n                        {page.layers.length === 0 ? <Text style={styles.panelHint}>No layers yet</Text> : null}\n                    </ScrollView>\n                ) : null}\n            </View>\n\n            {/* Dock tabs */}\n            <View style={styles.dock}>\n                {(\n                    [\n                        ['add', 'plus-box-outline', 'Add'],\n                        ['style', 'palette-outline', 'Style'],\n                        ['page', 'file-outline', 'Page'],\n                        ['layers', 'layers-outline', 'Layers'],\n                    ] as const\n                ).map(([tab, icon, label]) => (\n                    <Pressable key={tab} onPress={() => setDock(tab)} style={styles.dockTab} accessibilityRole=\"tab\">\n                        <MaterialCommunityIcons name={icon} size={22} color={dock === tab ? '#A5B4FC' : '#94A3B8'} />\n                        <Text style={[styles.dockLabel, dock === tab && styles.dockLabelActive]}>{label}</Text>\n                    </Pressable>\n                ))}\n            </View>\n\n            {/* OTA-safe image source: images already on the user's canvases */}\n            {imagePicker ? (\n                <View style={styles.pickerOverlay}>\n                    <View style={styles.pickerCard}>\n                        <Text style={styles.pickerTitle}>Add an image</Text>\n                        <Text style={styles.panelHint}>\n                            {canvasImages.length\n                                ? 'From your canvases:'\n                                : onPickLocalMedia\n                                  ? 'No images on your canvases yet.'\n                                  : 'Photo library needs an app update - images from your canvases work now.'}\n                        </Text>\n                        <ScrollView\n                            horizontal\n                            showsHorizontalScrollIndicator={false}\n                            contentContainerStyle={styles.pickerRow}\n                        >\n                            {canvasImages.map((src) => (\n                                <Pressable\n                                    key={src}\n                                    onPress={() => {\n                                        setImagePicker(false);\n                                        addAndSelect(newImageLayer(src, nextZ(page)));\n                                    }}\n                                >\n                                    <Image source={{ uri: src }} style={styles.pickerThumb} contentFit=\"cover\" />\n                                </Pressable>\n                            ))}\n                        </ScrollView>\n                        <Pressable onPress={() => setImagePicker(false)} style={styles.pickerDismiss}>\n                            <Text style={styles.pickerDismissLabel}>Cancel</Text>\n                        </Pressable>\n                    </View>\n                </View>\n            ) : null}\n            <KeyboardLiftSpacer />\n        </KeyboardAwareScreen>\n    );\n}\n\n/** Non-exported guides: t-shirt outline + print area, postcard back layout. */\nfunction PageChrome({\n    doc,\n    page,\n    pageIndex,\n    scale,\n}: {\n    doc: PersistedDesignDoc;\n    page: DesignPage;\n    pageIndex: number;\n    scale: number;\n}) {\n    if (doc.kind === 'tshirt') {\n        const area = TSHIRT_PRINT_AREA;\n        return (\n            <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n                {/* Neck + shoulders hint */}\n                <View\n                    style={[\n                        styles.tshirtNeck,\n                        {\n                            left: page.width * scale * 0.38,\n                            width: page.width * scale * 0.24,\n                            height: page.height * scale * 0.055,\n                            borderRadius: page.width * scale * 0.12,\n                        },\n                    ]}\n                />\n                <View\n                    style={[\n                        styles.printArea,\n                        {\n                            left: page.width * area.x * scale,\n                            top: page.height * area.y * scale,\n                            width: page.width * area.width * scale,\n                            height: page.height * area.height * scale,\n                        },\n                    ]}\n                />\n                <Text style={[styles.chromeHint, { top: page.height * (area.y + area.height) * scale + 6 }]}>\n                    Print area\n                </Text>\n            </View>\n        );\n    }\n    if (doc.kind === 'postcard' && pageIndex === 1) {\n        const w = page.width * scale;\n        const h = page.height * scale;\n        return (\n            <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n                <View style={[styles.postDivider, { left: w * 0.55, top: h * 0.12, height: h * 0.76 }]} />\n                {[0.3, 0.45, 0.6].map((frac) => (\n                    <View\n                        key={frac}\n                        style={[styles.postAddressLine, { left: w * 0.62, right: w * 0.06, top: h * frac }]}\n                    />\n                ))}\n                <View\n                    style={[styles.postStamp, { right: w * 0.06, top: h * 0.08, width: w * 0.1, height: w * 0.12 }]}\n                />\n            </View>\n        );\n    }\n    return null;\n}\n\n/** One layer: absolute-positioned, draggable when selected, BR resize handle. */\nfunction LayerView({\n    layer,\n    scale,\n    selected,\n    onSelect,\n    onCommit,\n}: {\n    layer: DesignLayer;\n    scale: number;\n    selected: boolean;\n    onSelect: () => void;\n    onCommit: (layer: DesignLayer) => void;\n}) {\n    // Live frame during a gesture (page units); null = at rest.\n    const [live, setLive] = useState<{ x: number; y: number; width: number; height: number } | null>(null);\n    const gestureBase = useRef({ x: 0, y: 0, width: 0, height: 0 });\n    const liveRef = useRef<typeof live>(null);\n    const setLiveBoth = (f: typeof live) => {\n        liveRef.current = f;\n        setLive(f);\n    };\n\n    // PanResponders are created ONCE; their closures read the current\n    // layer/scale/commit through refs, refreshed every render - a recreated\n    // responder mid-gesture drops the gesture, a stale closure drops edits.\n    const current = useRef({ layer, scale, onSelect, onCommit });\n    current.current = { layer, scale, onSelect, onCommit };\n\n    const commitLive = () => {\n        if (liveRef.current) current.current.onCommit({ ...current.current.layer, ...liveRef.current });\n        setLiveBoth(null);\n    };\n    const grabFrame = () => {\n        const l = current.current.layer;\n        gestureBase.current = { x: l.x, y: l.y, width: l.width, height: l.height };\n    };\n\n    const drag = useRef(\n        PanResponder.create({\n            onStartShouldSetPanResponder: () => true,\n            onMoveShouldSetPanResponder: (_e, g) => Math.abs(g.dx) + Math.abs(g.dy) > 4,\n            onPanResponderGrant: () => {\n                current.current.onSelect();\n                grabFrame();\n            },\n            onPanResponderMove: (_e, g) => {\n                const b = gestureBase.current;\n                const s = current.current.scale;\n                setLiveBoth({ ...b, x: b.x + g.dx / s, y: b.y + g.dy / s });\n            },\n            onPanResponderRelease: commitLive,\n            onPanResponderTerminate: () => setLiveBoth(null),\n        }),\n    );\n    const resize = useRef(\n        PanResponder.create({\n            onStartShouldSetPanResponder: () => true,\n            onPanResponderGrant: grabFrame,\n            onPanResponderMove: (_e, g) => {\n                const s = current.current.scale;\n                setLiveBoth(resizeFrame(gestureBase.current, 'br', g.dx / s, g.dy / s));\n            },\n            onPanResponderRelease: commitLive,\n            onPanResponderTerminate: () => setLiveBoth(null),\n        }),\n    );\n    const frame = live ?? layer;\n\n    const box = {\n        left: frame.x * scale,\n        top: frame.y * scale,\n        width: frame.width * scale,\n        height: frame.height * scale,\n        opacity: layer.opacity,\n    } as const;\n\n    return (\n        <View style={[styles.layer, box]} {...(selected ? drag.current.panHandlers : {})}>\n            {layer.type === 'image' ? (\n                <Image source={{ uri: layer.src }} style={StyleSheet.absoluteFill} contentFit=\"fill\" />\n            ) : layer.type === 'shape' ? (\n                <View\n                    style={[\n                        StyleSheet.absoluteFill,\n                        { backgroundColor: layer.fill, borderRadius: layer.cornerRadius * scale },\n                    ]}\n                />\n            ) : (\n                <Text\n                    style={{\n                        fontSize: layer.fontSize * scale,\n                        color: layer.color,\n                        fontWeight: layer.bold ? '700' : '400',\n                        textAlign: layer.align,\n                        width: '100%',\n                    }}\n                    numberOfLines={0}\n                >\n                    {layer.text}\n                </Text>\n            )}\n            {!selected ? (\n                <Pressable style={StyleSheet.absoluteFill} onPress={onSelect} />\n            ) : (\n                <>\n                    <View pointerEvents=\"none\" style={styles.selection} />\n                    <View style={styles.handle} {...resize.current.panHandlers}>\n                        <MaterialCommunityIcons name=\"arrow-expand\" size={10} color=\"#0f172a\" />\n                    </View>\n                </>\n            )}\n        </View>\n    );\n}\n\nfunction TextStylePanel({ layer, onChange }: { layer: TextLayer; onChange: (l: TextLayer) => void }) {\n    return (\n        <View>\n            <TextInput\n                style={styles.textInput}\n                value={layer.text}\n                onChangeText={(text) => onChange({ ...layer, text })}\n                placeholder=\"Your text\"\n                placeholderTextColor=\"#64748B\"\n                multiline\n            />\n            <View style={styles.textControls}>\n                <IconButton\n                    name=\"format-font-size-decrease\"\n                    onPress={() => onChange({ ...layer, fontSize: Math.max(16, layer.fontSize - 8) })}\n                />\n                <Text style={styles.inspectorValue}>{layer.fontSize}</Text>\n                <IconButton\n                    name=\"format-font-size-increase\"\n                    onPress={() => onChange({ ...layer, fontSize: Math.min(400, layer.fontSize + 8) })}\n                />\n                <IconButton\n                    name=\"format-bold\"\n                    color={layer.bold ? '#A5B4FC' : '#CBD5E1'}\n                    onPress={() => onChange({ ...layer, bold: !layer.bold })}\n                />\n                {(['left', 'center', 'right'] as const).map((align) => (\n                    <IconButton\n                        key={align}\n                        name={`format-align-${align}` as 'format-align-left'}\n                        color={layer.align === align ? '#A5B4FC' : '#CBD5E1'}\n                        onPress={() => onChange({ ...layer, align })}\n                    />\n                ))}\n            </View>\n            <SwatchRow value={layer.color} onPick={(color) => onChange({ ...layer, color })} />\n        </View>\n    );\n}\n\nfunction SwatchRow({\n    swatches = DESIGN_SWATCHES,\n    value,\n    onPick,\n}: {\n    swatches?: readonly string[];\n    value: string;\n    onPick: (color: string) => void;\n}) {\n    return (\n        <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.swatchRow}>\n            {swatches.map((color) => (\n                <Pressable\n                    key={color}\n                    onPress={() => onPick(color)}\n                    style={[styles.swatch, { backgroundColor: color }, value === color && styles.swatchActive]}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel={`Colour ${color}`}\n                />\n            ))}\n        </ScrollView>\n    );\n}\n\nfunction AddButton({ icon, label, onPress }: { icon: string; label: string; onPress: () => void }) {\n    return (\n        <Pressable onPress={onPress} style={styles.addButton} accessibilityRole=\"button\">\n            <MaterialCommunityIcons name={icon as 'plus'} size={22} color=\"#E2E8F0\" />\n            <Text style={styles.addButtonLabel}>{label}</Text>\n        </Pressable>\n    );\n}\n\nfunction IconButton({ name, color = '#CBD5E1', onPress }: { name: string; color?: string; onPress: () => void }) {\n    return (\n        <Pressable onPress={onPress} hitSlop={8} style={styles.iconButton} accessibilityRole=\"button\">\n            <MaterialCommunityIcons name={name as 'plus'} size={18} color={color} />\n        </Pressable>\n    );\n}\n\nconst styles = StyleSheet.create({\n    root: { flex: 1, backgroundColor: '#0B0B0F' },\n    header: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: 16,\n        paddingVertical: 12,\n    },\n    headerTitle: { fontSize: 16, fontWeight: '600', color: '#F7F7FA' },\n    exportButton: {\n        width: 32,\n        height: 32,\n        borderRadius: 16,\n        backgroundColor: '#F7F7FA',\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    pageChips: { flexDirection: 'row', gap: 6 },\n    pageChip: { paddingHorizontal: 14, paddingVertical: 6, borderRadius: 16, backgroundColor: '#1E1E24' },\n    pageChipActive: { backgroundColor: '#A5B4FC' },\n    pageChipLabel: { fontSize: 13, fontWeight: '600', color: '#CBD5E1' },\n    pageChipLabelActive: { color: '#0f172a' },\n    canvasArea: { flex: 1, alignItems: 'center', justifyContent: 'center' },\n    page: { borderRadius: 4, overflow: 'hidden' },\n    layer: { position: 'absolute' },\n    selection: {\n        ...StyleSheet.absoluteFillObject,\n        borderWidth: 1.5,\n        borderColor: '#A5B4FC',\n        borderRadius: 2,\n    },\n    handle: {\n        position: 'absolute',\n        right: -12,\n        bottom: -12,\n        width: 24,\n        height: 24,\n        borderRadius: 12,\n        backgroundColor: '#A5B4FC',\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    printArea: {\n        position: 'absolute',\n        borderWidth: 1.5,\n        borderStyle: 'dashed',\n        borderColor: 'rgba(148,163,184,0.9)',\n        borderRadius: 6,\n    },\n    tshirtNeck: {\n        position: 'absolute',\n        top: 0,\n        borderBottomWidth: 2,\n        borderColor: 'rgba(148,163,184,0.6)',\n    },\n    chromeHint: {\n        position: 'absolute',\n        alignSelf: 'center',\n        fontSize: 10,\n        fontWeight: '600',\n        letterSpacing: 0.6,\n        textTransform: 'uppercase',\n        color: 'rgba(148,163,184,0.9)',\n    },\n    postDivider: { position: 'absolute', width: 1.5, backgroundColor: 'rgba(15,23,42,0.25)' },\n    postAddressLine: { position: 'absolute', height: 1.5, backgroundColor: 'rgba(15,23,42,0.18)' },\n    postStamp: {\n        position: 'absolute',\n        borderWidth: 1.5,\n        borderStyle: 'dashed',\n        borderColor: 'rgba(15,23,42,0.25)',\n        borderRadius: 4,\n    },\n    inspector: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 4,\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        backgroundColor: '#141419',\n        borderTopWidth: StyleSheet.hairlineWidth,\n        borderTopColor: '#26262E',\n    },\n    inspectorSpacer: { flex: 1 },\n    inspectorLabel: { fontSize: 12, color: '#94A3B8' },\n    inspectorValue: { fontSize: 13, fontWeight: '600', color: '#E2E8F0', minWidth: 40, textAlign: 'center' },\n    iconButton: { padding: 6 },\n    dockPanel: {\n        minHeight: 64,\n        paddingHorizontal: 14,\n        paddingVertical: 10,\n        backgroundColor: '#111116',\n        borderTopWidth: StyleSheet.hairlineWidth,\n        borderTopColor: '#26262E',\n    },\n    addRow: { flexDirection: 'row', alignItems: 'center', gap: 12 },\n    addButton: { alignItems: 'center', gap: 4, paddingHorizontal: 10, paddingVertical: 6 },\n    addButtonLabel: { fontSize: 11, color: '#CBD5E1' },\n    panelHint: { fontSize: 12, color: '#64748B', paddingVertical: 8 },\n    panelLabel: { fontSize: 12, fontWeight: '600', color: '#94A3B8', marginBottom: 8 },\n    swatchRow: { flexDirection: 'row', gap: 10, paddingVertical: 6 },\n    swatch: { width: 30, height: 30, borderRadius: 15, borderWidth: 1, borderColor: 'rgba(148,163,184,0.4)' },\n    swatchActive: { borderWidth: 2.5, borderColor: '#A5B4FC' },\n    textInput: {\n        backgroundColor: '#1E1E24',\n        borderRadius: 10,\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        color: '#F7F7FA',\n        fontSize: 14,\n        maxHeight: 80,\n    },\n    textControls: { flexDirection: 'row', alignItems: 'center', gap: 2, marginTop: 8 },\n    layerChip: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 6,\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        borderRadius: 16,\n        backgroundColor: '#1E1E24',\n    },\n    layerChipActive: { backgroundColor: '#A5B4FC' },\n    layerChipLabel: { fontSize: 12, color: '#CBD5E1', maxWidth: 110 },\n    layerChipLabelActive: { color: '#0f172a', fontWeight: '600' },\n    dock: {\n        flexDirection: 'row',\n        justifyContent: 'space-around',\n        paddingVertical: 10,\n        backgroundColor: '#0B0B0F',\n        borderTopWidth: StyleSheet.hairlineWidth,\n        borderTopColor: '#26262E',\n    },\n    dockTab: { alignItems: 'center', gap: 2, minWidth: 64 },\n    dockLabel: { fontSize: 11, color: '#94A3B8' },\n    dockLabelActive: { color: '#A5B4FC', fontWeight: '600' },\n    pickerOverlay: {\n        ...StyleSheet.absoluteFillObject,\n        backgroundColor: 'rgba(0,0,0,0.65)',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: 24,\n    },\n    pickerCard: {\n        width: '100%',\n        maxWidth: 360,\n        backgroundColor: '#17171C',\n        borderRadius: 16,\n        padding: 18,\n        gap: 8,\n    },\n    pickerTitle: { fontSize: 16, fontWeight: '600', color: '#F7F7FA' },\n    pickerRow: { flexDirection: 'row', gap: 10, paddingVertical: 8 },\n    pickerThumb: { width: 84, height: 84, borderRadius: 10, backgroundColor: '#26262E' },\n    pickerDismiss: { alignSelf: 'flex-end', paddingHorizontal: 14, paddingVertical: 8 },\n    pickerDismissLabel: { fontSize: 13, fontWeight: '600', color: '#A5B4FC' },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/design/DesignExperience.js

@@ -0,0 +1,444 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState,useRef,useEffect,useCallback}from'react';import {StyleSheet,View,Text,Pressable,ActivityIndicator,Linking,Share,ScrollView}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Image}from'expo-image';import {friendlyMediaError}from'../canvas/videoEditor/mediaActions.js';import {createRemoteRunAction,createRemoteUploadMedia}from'../canvas/videoEditor/remoteMediaClient.js';import {frameForUpload,newBoardId,buildBoardState}from'../canvas/canvasCore.js';import {fetchMyCanvasBoards,pushCanvasBoard,newBoardChannelId}from'../canvas/surfaceIndex.js';import {newDesignDoc,newDesignChannelId,designSignature,buildDesignState,parseDesignDoc}from'./designCore.js';import {fetchMyDesigns,pushDesignDoc,defaultTitle}from'./designIndex.js';import {deriveBlankPixelUrl,renderDesignDoc}from'./exportDesign.js';import {DesignEditorExperience}from'./DesignEditorExperience.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 SAVE_DEBOUNCE_MS = 2200;
+function DesignExperience({
+  token,
+  indexUrl,
+  entry,
+  onClose,
+  onPickLocalMedia,
+  uploadMedia,
+  runMediaAction,
+  testID
+}) {
+  const effectiveRunAction = useMemo(() => runMediaAction != null ? runMediaAction : token && indexUrl ? createRemoteRunAction(token, indexUrl) : void 0, [runMediaAction, token, indexUrl]);
+  const effectiveUploadMedia = useMemo(() => uploadMedia != null ? uploadMedia : token && indexUrl ? createRemoteUploadMedia(token, indexUrl) : void 0, [uploadMedia, token, indexUrl]);
+  const [designs, setDesigns] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [open, setOpen] = useState(() => entry && "kind" in entry ? {
+    channelId: newDesignChannelId(),
+    doc: newDesignDoc(entry.kind)
+  } : null);
+  const [canvasImages, setCanvasImages] = useState([]);
+  const [exporting, setExporting] = useState(null);
+  const [results, setResults] = useState(null);
+  const lastSavedRef = useRef({});
+  useEffect(() => {
+    if (!token || !indexUrl) {
+      setLoading(false);
+      return void 0;
+    }
+    const controller = new AbortController();
+    let cancelled = false;
+    setLoading(true);
+    void fetchMyDesigns({
+      url: indexUrl,
+      token,
+      signal: controller.signal
+    }).then((result) => {
+      if (cancelled) return;
+      setDesigns(result.designs);
+      setError(result.error);
+      setLoading(false);
+      if (entry && "channelId" in entry) {
+        const match = result.designs.find((d) => d.channelId === entry.channelId);
+        if (match) setOpen({
+          channelId: match.channelId,
+          doc: match.doc
+        });
+      }
+    });
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [token, indexUrl]);
+  useEffect(() => {
+    if (!token || !indexUrl || !open) return void 0;
+    const controller = new AbortController();
+    void fetchMyCanvasBoards({
+      url: indexUrl,
+      token,
+      signal: controller.signal
+    }).then((result) => {
+      const urls = [];
+      for (const board of result.boards) {
+        for (const item of board.board.items) {
+          if (item.type === "image" && /^https?:/i.test(item.src)) urls.push(item.src);
+        }
+      }
+      setCanvasImages([...new Set(urls)].slice(0, 24));
+    });
+    return () => controller.abort();
+  }, [token, indexUrl, open == null ? void 0 : open.channelId]);
+  useEffect(() => {
+    if (!open || !token || !indexUrl) return void 0;
+    const sig = designSignature(open.doc);
+    if (lastSavedRef.current[open.channelId] === sig) return void 0;
+    const timer = setTimeout(() => {
+      const state = buildDesignState(open.doc);
+      void pushDesignDoc({
+        url: indexUrl,
+        token,
+        channelId: open.channelId,
+        doc: state
+      }).then((ok) => {
+        if (ok) lastSavedRef.current[open.channelId] = sig;
+      });
+    }, SAVE_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [open, token, indexUrl]);
+  const closeEditor = useCallback(() => {
+    setOpen(null);
+    setResults(null);
+    if (entry) onClose == null ? void 0 : onClose();
+    else if (token && indexUrl) {
+      void fetchMyDesigns({
+        url: indexUrl,
+        token
+      }).then((r) => setDesigns(r.designs));
+    }
+  }, [entry, onClose, token, indexUrl]);
+  const exportBusyRef = useRef(false);
+  const handleExport = useCallback((doc) => {
+    const runAction = effectiveRunAction;
+    const blankUrl = deriveBlankPixelUrl(indexUrl);
+    if (!runAction || !blankUrl) {
+      setExporting({
+        stage: "",
+        error: "Export needs a signed-in session."
+      });
+      return;
+    }
+    if (exportBusyRef.current) return;
+    exportBusyRef.current = true;
+    setExporting({
+      stage: "Starting render"
+    });
+    void renderDesignDoc(doc.pages, {
+      runAction,
+      blankUrl,
+      uploadMedia: effectiveUploadMedia,
+      onProgress: (p) => setExporting(p)
+    }).then((urls) => {
+      setExporting(null);
+      setResults({
+        pages: urls.map((url, i) => {
+          var _a, _b;
+          return {
+            name: (_b = (_a = doc.pages[i]) == null ? void 0 : _a.name) != null ? _b : `Page ${i + 1}`,
+            url
+          };
+        }),
+        savedToCanvas: false
+      });
+    }).catch((err) => {
+      setExporting({
+        stage: "",
+        error: friendlyMediaError(err, "design export")
+      });
+    }).finally(() => {
+      exportBusyRef.current = false;
+    });
+  }, [effectiveRunAction, effectiveUploadMedia, indexUrl]);
+  const saveResultsToCanvas = useCallback(async () => {
+    if (!results || !token || !indexUrl || !open) return;
+    const items = results.pages.map((p, i) => __spreadProps(__spreadValues({
+      id: newBoardId(),
+      type: "image",
+      src: p.url,
+      generatedAssetName: `${open.doc.title || defaultTitle(open.doc)} - ${p.name}`,
+      zIndex: i + 1
+    }, frameForUpload("image")), {
+      x: 100 + i * 560
+    }));
+    const state = buildBoardState(items, 1, open.doc.title || defaultTitle(open.doc));
+    const ok = await pushCanvasBoard({
+      url: indexUrl,
+      token,
+      channelId: newBoardChannelId(),
+      state
+    });
+    setResults((prev) => prev ? __spreadProps(__spreadValues({}, prev), {
+      savedToCanvas: ok
+    }) : prev);
+  }, [results, token, indexUrl, open]);
+  if (open) {
+    return /* @__PURE__ */ jsxs(View, { style: styles.fill, testID, children: [
+      /* @__PURE__ */ jsx(DesignEditorExperience, { doc: open.doc, onChange: (doc) => setOpen({
+        channelId: open.channelId,
+        doc
+      }), onClose: closeEditor, onExport: handleExport, onPickLocalMedia, canvasImages }),
+      exporting ? /* @__PURE__ */ jsx(View, { style: styles.overlay, children: /* @__PURE__ */ jsx(View, { style: styles.overlayCard, children: exporting.error ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.overlayError, children: "Export failed" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.overlayStage, numberOfLines: 4, children: exporting.error }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => setExporting(null), style: styles.overlayDismiss, children: /* @__PURE__ */ jsx(Text, { style: styles.overlayDismissLabel, children: "Dismiss" }) })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(ActivityIndicator, { color: "#F7F7FA" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.overlayStage, children: exporting.stage })
+      ] }) }) }) : null,
+      results ? /* @__PURE__ */ jsx(View, { style: styles.overlay, children: /* @__PURE__ */ jsxs(View, { style: styles.overlayCard, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.overlayTitle, children: "Design exported" }),
+        results.pages.map((p) => /* @__PURE__ */ jsxs(View, { style: styles.resultRow, children: [
+          /* @__PURE__ */ jsx(Image, { source: {
+            uri: p.url
+          }, style: styles.resultThumb, contentFit: "cover" }),
+          /* @__PURE__ */ jsx(Text, { style: styles.resultName, children: p.name }),
+          /* @__PURE__ */ jsx(Pressable, { onPress: () => void Linking.openURL(p.url), hitSlop: 8, children: /* @__PURE__ */ jsx(Text, { style: styles.resultAction, children: "Open" }) }),
+          /* @__PURE__ */ jsx(Pressable, { onPress: () => void Share.share({
+            url: p.url,
+            message: p.url
+          }), hitSlop: 8, children: /* @__PURE__ */ jsx(Text, { style: styles.resultAction, children: "Share" }) })
+        ] }, p.url)),
+        /* @__PURE__ */ jsxs(Pressable, { onPress: () => void saveResultsToCanvas(), style: [styles.overlayCta, results.savedToCanvas && styles.overlayCtaDone], disabled: results.savedToCanvas, children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: results.savedToCanvas ? "check" : "view-dashboard-outline", size: 15, color: "#0f172a" }),
+          /* @__PURE__ */ jsx(Text, { style: styles.overlayCtaLabel, children: results.savedToCanvas ? "Saved to canvas" : "Save to canvas" })
+        ] }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => setResults(null), style: styles.overlayDismiss, children: /* @__PURE__ */ jsx(Text, { style: styles.overlayDismissLabel, children: "Done" }) })
+      ] }) }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(ScrollView, { style: styles.home, contentContainerStyle: styles.homeContent, testID, children: [
+    /* @__PURE__ */ jsx(Text, { style: styles.homeTitle, children: "Design studio" }),
+    /* @__PURE__ */ jsxs(View, { style: styles.templateRow, children: [
+      /* @__PURE__ */ jsx(TemplateCard, { icon: "shape-square-plus", label: "Design", hint: "1080 \xD7 1080", onPress: () => setOpen({
+        channelId: newDesignChannelId(),
+        doc: newDesignDoc("design")
+      }) }),
+      /* @__PURE__ */ jsx(TemplateCard, { icon: "tshirt-crew-outline", label: "T-shirt", hint: "Front & back", onPress: () => setOpen({
+        channelId: newDesignChannelId(),
+        doc: newDesignDoc("tshirt")
+      }) }),
+      /* @__PURE__ */ jsx(TemplateCard, { icon: "email-outline", label: "Postcard", hint: "Front & back", onPress: () => setOpen({
+        channelId: newDesignChannelId(),
+        doc: newDesignDoc("postcard")
+      }) }),
+      /* @__PURE__ */ jsx(TemplateCard, { icon: "view-carousel-outline", label: "Carousel", hint: "3 slides", onPress: () => setOpen({
+        channelId: newDesignChannelId(),
+        doc: newDesignDoc("carousel")
+      }) })
+    ] }),
+    loading ? /* @__PURE__ */ jsx(ActivityIndicator, { style: styles.homeSpinner }) : error ? /* @__PURE__ */ jsx(Text, { style: styles.homeError, children: error }) : designs.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.homeSection, children: "Your designs" }),
+      designs.map((d) => /* @__PURE__ */ jsxs(Pressable, { style: styles.designRow, onPress: () => {
+        var _a;
+        const doc = (_a = parseDesignDoc(d.doc)) != null ? _a : d.doc;
+        setOpen({
+          channelId: d.channelId,
+          doc
+        });
+      }, children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: d.doc.kind === "tshirt" ? "tshirt-crew-outline" : d.doc.kind === "postcard" ? "email-outline" : d.doc.kind === "carousel" ? "view-carousel-outline" : "shape-square-plus", size: 20, color: "#475569" }),
+        /* @__PURE__ */ jsxs(View, { style: styles.designMeta, children: [
+          /* @__PURE__ */ jsx(Text, { style: styles.designTitle, children: d.title || defaultTitle(d.doc) }),
+          /* @__PURE__ */ jsxs(Text, { style: styles.designSub, children: [
+            d.doc.pages.length,
+            " page",
+            d.doc.pages.length === 1 ? "" : "s",
+            " \xB7",
+            " ",
+            d.doc.pages.reduce((n, p) => n + p.layers.length, 0),
+            " layers"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-right", size: 20, color: "#94a3b8" })
+      ] }, d.channelId))
+    ] }) : /* @__PURE__ */ jsx(Text, { style: styles.homeHint, children: "Pick a template to start - designs save automatically." })
+  ] });
+}
+function TemplateCard({
+  icon,
+  label,
+  hint,
+  onPress
+}) {
+  return /* @__PURE__ */ jsxs(Pressable, { onPress, style: styles.templateCard, accessibilityRole: "button", children: [
+    /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 26, color: "#0f172a" }),
+    /* @__PURE__ */ jsx(Text, { style: styles.templateLabel, children: label }),
+    /* @__PURE__ */ jsx(Text, { style: styles.templateHint, children: hint })
+  ] });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  overlay: __spreadProps(__spreadValues({}, StyleSheet.absoluteFillObject), {
+    backgroundColor: "rgba(0,0,0,0.65)",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 28
+  }),
+  overlayCard: {
+    width: "100%",
+    maxWidth: 360,
+    alignItems: "center",
+    gap: 10,
+    backgroundColor: "#17171C",
+    borderRadius: 16,
+    paddingVertical: 20,
+    paddingHorizontal: 20
+  },
+  overlayTitle: {
+    fontSize: 16,
+    fontWeight: "600",
+    color: "#F7F7FA"
+  },
+  overlayStage: {
+    fontSize: 13,
+    color: "#CBD5E1",
+    textAlign: "center"
+  },
+  overlayError: {
+    fontSize: 15,
+    fontWeight: "600",
+    color: "#F87171"
+  },
+  overlayDismiss: {
+    marginTop: 4,
+    paddingHorizontal: 14,
+    paddingVertical: 8
+  },
+  overlayDismissLabel: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#A5B4FC"
+  },
+  overlayCta: {
+    marginTop: 6,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    backgroundColor: "#A5B4FC",
+    borderRadius: 16,
+    paddingHorizontal: 16,
+    paddingVertical: 9
+  },
+  overlayCtaDone: {
+    backgroundColor: "#86EFAC"
+  },
+  overlayCtaLabel: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#0f172a"
+  },
+  resultRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    alignSelf: "stretch"
+  },
+  resultThumb: {
+    width: 44,
+    height: 44,
+    borderRadius: 8,
+    backgroundColor: "#26262E"
+  },
+  resultName: {
+    flex: 1,
+    fontSize: 13,
+    color: "#E2E8F0"
+  },
+  resultAction: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#A5B4FC",
+    paddingHorizontal: 6
+  },
+  home: {
+    flex: 1,
+    backgroundColor: "#eef1f4"
+  },
+  homeContent: {
+    padding: 20,
+    gap: 12
+  },
+  homeTitle: {
+    fontSize: 20,
+    fontWeight: "600",
+    color: "#0f172a"
+  },
+  templateRow: {
+    flexDirection: "row",
+    gap: 12
+  },
+  templateCard: {
+    flex: 1,
+    alignItems: "center",
+    gap: 4,
+    backgroundColor: "#ffffff",
+    borderRadius: 14,
+    borderWidth: 1,
+    borderColor: "rgba(15,23,42,0.08)",
+    paddingVertical: 18
+  },
+  templateLabel: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: "#0f172a"
+  },
+  templateHint: {
+    fontSize: 11,
+    color: "#94a3b8"
+  },
+  homeSection: {
+    marginTop: 8,
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#475569"
+  },
+  homeSpinner: {
+    marginTop: 24
+  },
+  homeError: {
+    marginTop: 16,
+    fontSize: 13,
+    color: "#b91c1c"
+  },
+  homeHint: {
+    marginTop: 12,
+    fontSize: 13,
+    color: "#64748b"
+  },
+  designRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    backgroundColor: "#ffffff",
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: "rgba(15,23,42,0.08)",
+    paddingHorizontal: 14,
+    paddingVertical: 12
+  },
+  designMeta: {
+    flex: 1
+  },
+  designTitle: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: "#0f172a"
+  },
+  designSub: {
+    marginTop: 2,
+    fontSize: 11,
+    color: "#94a3b8"
+  }
+});export{DesignExperience};//# sourceMappingURL=DesignExperience.js.map