{"release_id":"01a1c502-4ad1-0000-ec62-adc54d3c69aa","chunk_id":"01a1c502-4be0-7103-ab0c-5be432d21c37","file":"BuRwL8yl.mjs","mappings":"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","names":["EMOTES","msg","COST","open","isPro","freeLeft","tokenBalance","packs","$.prop","$$props","sending","onclose","onsend","_t","onbuy","_id","ongopro","selected","$.state","selectedPack","canSend","useFree","$.derived","selectedLabel","t","e","$.get","$.user_effect","$.set","p","selectedPackObj","div","root_1","button","$.child","div_1","$.sibling","button_1","div_2","h2","p_1","div_3","$$anchor","button_2","root_2","svg","path","$.reset","span","classes","$.set_class","$.delegated","$.append","div_4","root_4","span_1","$.each","_","i","span_2","root_5","$.template_effect","$.set_style","span_3","$0","$.set_text","text_3","p_2","root_6","$$render","consequent","alternate","button_3","node_2","text_5","div_5","$.first_child","fragment_2","button_4","root_8","div_6","span_4","span_5","div_7","span_6","span_7","root_9","text_9","consequent_2","span_8","root_10","text_10","consequent_3","classes_1","text_7","button_5","span_9","span_10","span_11","span_12","text_13","button_6","text_14","$3","$$args","consequent_1","alternate_1","$.set_attribute","$1","$2","consequent_4"],"sources":["../../../../../../src/lib/components/arena/SuperEmoteModal.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { t } from '$lib/i18n';\n\timport { msg } from '$lib/i18n/mark';\n\t// RAT-412 — the super-emote modal. Two shapes, chosen by coverage:\n\t//  · send  → user can send (Pro weekly allowance OR ≥2 tokens): pick flavor + send\n\t//  · buy   → user can't send: token-pack picker + \"or go Pro\" + continue\n\t// Kept short enough to fit most phones without scrolling.\n\n\ttype Pack = {\n\t\tid: string;\n\t\ttokens: number;\n\t\tpriceLabel: string;\n\t\tpopular?: boolean;\n\t\twhale?: boolean;\n\t};\n\n\tconst EMOTES = [\n\t\t{\n\t\t\tt: 'fire',\n\t\t\tlabel: msg('fire'),\n\t\t\td: 'M12 23c-3.866 0-7-3.134-7-7 0-2.812 1.882-5.346 3.5-7.2.396-.454 1.1-.137 1.042.47-.112 1.155.169 2.3.77 3.28.073.12.2.083.24-.043.357-1.14.89-2.397 1.61-3.507C13.662 6.632 15.5 4.5 15.5 1c0-.345.378-.547.651-.347C18.848 2.636 21 6.07 21 9.5c0 1.907-.625 3.64-1.686 5.024.052-.142.086-.292.086-.449 0-1.37-1.008-3.075-2.4-3.075-.852 0-1.6.742-1.6 1.6 0 .47.12.865.332 1.202A6.965 6.965 0 0112 23z'\n\t\t},\n\t\t{\n\t\t\tt: 'water',\n\t\t\tlabel: msg('wet'),\n\t\t\td: 'M12 21.5c-4.418 0-8-3.358-8-7.5 0-3.944 5.475-10.575 7.058-12.414a1.25 1.25 0 011.884 0C14.525 3.425 20 10.056 20 14c0 4.142-3.582 7.5-8 7.5z'\n\t\t},\n\t\t{ t: 'crown', label: msg('king'), d: 'M2.8 14.6L1 6l5.5 4L12 3l5.5 7L23 6l-1.8 8.6H2.8zM4 19h16v2H4v-2z' },\n\t\t{\n\t\t\tt: 'skull',\n\t\t\tlabel: msg('roast'),\n\t\t\td: 'M12 2C6.477 2 2 6.477 2 12c0 3.667 1.967 6.87 4.9 8.616V22a1 1 0 001 1h8.2a1 1 0 001-1v-1.384C20.033 18.87 22 15.667 22 12c0-5.523-4.477-10-10-10zM8.5 13a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm7 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zM10 18v-2h1.5v2H10zm2.5 0v-2H14v2h-1.5z'\n\t\t}\n\t];\n\n\tconst COST = 2;\n\n\tlet {\n\t\topen = false,\n\t\tisPro = false,\n\t\tfreeLeft = 0,\n\t\ttokenBalance = 0,\n\t\tpacks = [] as Pack[],\n\t\tsending = false,\n\t\tonclose = () => {},\n\t\tonsend = (_t: string) => {},\n\t\tonbuy = (_id: string) => {},\n\t\tongopro = () => {}\n\t}: {\n\t\topen?: boolean;\n\t\tisPro?: boolean;\n\t\tfreeLeft?: number;\n\t\ttokenBalance?: number;\n\t\tpacks?: Pack[];\n\t\tsending?: boolean;\n\t\tonclose?: () => void;\n\t\tonsend?: (t: string) => void;\n\t\tonbuy?: (id: string) => void;\n\t\tongopro?: () => void;\n\t} = $props();\n\n\tlet selected = $state('fire');\n\tlet selectedPack = $state<string | null>(null);\n\n\tconst canSend = $derived(isPro ? freeLeft > 0 || tokenBalance >= COST : tokenBalance >= COST);\n\tconst useFree = $derived(isPro && freeLeft > 0);\n\tconst selectedLabel = $derived(t(EMOTES.find((e) => e.t === selected)?.label ?? selected));\n\n\t$effect(() => {\n\t\tif (packs.length && !selectedPack) {\n\t\t\tselectedPack = packs.find((p) => p.popular)?.id ?? packs[0]?.id ?? null;\n\t\t}\n\t});\n\tconst selectedPackObj = $derived(packs.find((p) => p.id === selectedPack) ?? null);\n</script>\n\n{#if open}\n\t<div\n\t\tclass=\"fixed inset-0 z-[100] flex items-end justify-center sm:items-center\"\n\t\trole=\"dialog\"\n\t\taria-modal=\"true\"\n\t\taria-label={t('super emote')}\n\t>\n\t\t<button class=\"absolute inset-0 bg-black/70 backdrop-blur-sm\" onclick={onclose} aria-label={t('Close')}\n\t\t></button>\n\n\t\t<div\n\t\t\tclass=\"relative flex max-h-[94dvh] w-full max-w-[400px] flex-col rounded-t-3xl border border-border bg-bg sm:mx-4 sm:rounded-3xl\"\n\t\t>\n\t\t\t<div class=\"flex justify-center pt-2.5 sm:hidden\">\n\t\t\t\t<div class=\"h-1 w-10 rounded-full bg-muted/20\"></div>\n\t\t\t</div>\n\t\t\t<button\n\t\t\t\tclass=\"absolute top-3 right-3 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-surface text-muted/50 transition-colors hover:text-muted\"\n\t\t\t\tonclick={onclose}\n\t\t\t\taria-label={t('Close')}\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"h-4 w-4\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2.5\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" /><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" /></svg\n\t\t\t\t>\n\t\t\t</button>\n\n\t\t\t<div class=\"overflow-y-auto px-5 pt-4 pb-4 sm:px-6\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"mx-auto mb-1.5 flex h-9 w-9 items-center justify-center rounded-xl\"\n\t\t\t\t\tstyle=\"background: rgba(255,106,26,.14);\"\n\t\t\t\t>\n\t\t\t\t\t<svg class=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"#ff8a3d\" aria-hidden=\"true\"\n\t\t\t\t\t\t><path d=\"M12 1.5l2.6 6.9L22 9.5l-5.4 5.2L18 22l-6-3.7L6 22l1.4-7.3L2 9.5l7.4-1.1z\" /></svg\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t\t<h2 class=\"text-center text-xl font-medium\">\n\t\t\t\t\t<span style=\"color:#ff8a3d\">3×</span> {t('more eyes on you')}\n\t\t\t\t</h2>\n\t\t\t\t<p class=\"mx-auto mt-1 mb-3 max-w-[290px] text-center text-[12px] leading-snug text-muted\">\n\t\t\t\t\t{t('super emotes ping them by name — impossible to ignore.')}\n\t\t\t\t</p>\n\n\t\t\t\t<div class=\"mb-3.5 grid grid-cols-4 gap-1.5\">\n\t\t\t\t\t{#each EMOTES as e (e.t)}\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonclick={() => (selected = e.t)}\n\t\t\t\t\t\t\tclass=\"flex flex-col items-center gap-0.5 rounded-xl border py-1.5 transition-colors\"\n\t\t\t\t\t\t\tclass:border-border={selected !== e.t}\n\t\t\t\t\t\t\tclass:bg-surface={selected !== e.t}\n\t\t\t\t\t\t\tstyle={selected === e.t\n\t\t\t\t\t\t\t\t? 'border-color:#ff6a1a;background:rgba(255,106,26,.10)'\n\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tclass=\"h-5 w-5\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\tstyle=\"fill:{selected === e.t ? '#ff8a3d' : 'currentColor'}\"><path d={e.d} /></svg\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"text-[11px]\" style={selected === e.t ? 'color:#ffb27a' : 'color:inherit'}\n\t\t\t\t\t\t\t\t>{t(e.label)}</span\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t{/each}\n\t\t\t\t</div>\n\n\t\t\t\t{#if canSend}\n\t\t\t\t\t{#if useFree}\n\t\t\t\t\t\t<div class=\"mb-3.5 flex items-center justify-center gap-2 text-[13px] text-muted\">\n\t\t\t\t\t\t\t<span class=\"inline-flex gap-1.5\">\n\t\t\t\t\t\t\t\t{#each Array(3) as _, i (i)}\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"h-2 w-2 rounded-full\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"background:{i < freeLeft ? '#ff8a3d' : '#3a3a42'}\"\n\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t{/each}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span>{t('{n} free left this week', { n: freeLeft })}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t{:else}\n\t\t\t\t\t\t<p class=\"mb-3.5 text-center text-[12.5px] text-muted\">\n\t\t\t\t\t\t\t{t('{cost} tokens each · you have {balance}', { cost: COST, balance: tokenBalance })}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t{/if}\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonclick={() => onsend(selected)}\n\t\t\t\t\t\tdisabled={sending}\n\t\t\t\t\t\tclass=\"w-full rounded-2xl py-3 text-[15px] font-medium text-white disabled:opacity-60\"\n\t\t\t\t\t\tstyle=\"background:#ff6a1a\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{sending\n\t\t\t\t\t\t\t? t('sending…')\n\t\t\t\t\t\t\t: useFree\n\t\t\t\t\t\t\t\t? t('send {emote}', { emote: selectedLabel })\n\t\t\t\t\t\t\t\t: t('send {emote} · {cost} tokens', { emote: selectedLabel, cost: COST })}\n\t\t\t\t\t</button>\n\t\t\t\t{:else}\n\t\t\t\t\t<div class=\"mb-3.5 grid grid-cols-2 gap-1.5\">\n\t\t\t\t\t\t{#each packs as p (p.id)}\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonclick={() => (selectedPack = p.id)}\n\t\t\t\t\t\t\t\tclass=\"rounded-xl border px-3 py-2 text-left transition-colors\"\n\t\t\t\t\t\t\t\tclass:border-border={selectedPack !== p.id}\n\t\t\t\t\t\t\t\tclass:bg-surface={selectedPack !== p.id}\n\t\t\t\t\t\t\t\tstyle={selectedPack === p.id\n\t\t\t\t\t\t\t\t\t? 'border-color:#ff6a1a;background:rgba(255,106,26,.08)'\n\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div class=\"flex items-baseline justify-between gap-1\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-[13.5px] font-medium\">{t('{n} tokens', { n: p.tokens })}</span>\n\t\t\t\t\t\t\t\t\t<span class=\"text-[13px] font-medium\">{p.priceLabel}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"mt-0.5 flex items-center gap-1.5\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-[11px] text-muted\">{t('≈{n} emotes', { n: Math.floor(p.tokens / COST) })}</span>\n\t\t\t\t\t\t\t\t\t{#if p.popular}<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"rounded-full px-1.5 text-[9px] font-medium\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"background:#f2b90c;color:#1a1205\">{t('popular')}</span\n\t\t\t\t\t\t\t\t\t\t>{/if}\n\t\t\t\t\t\t\t\t\t{#if p.whale}<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"rounded-full px-1.5 text-[9px] font-medium\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"background:#6b46d9;color:#efeaff\">{t('best')}</span\n\t\t\t\t\t\t\t\t\t\t>{/if}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t{/each}\n\t\t\t\t\t</div>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonclick={ongopro}\n\t\t\t\t\t\tclass=\"mb-3.5 flex w-full items-center gap-2.5 rounded-2xl border border-border bg-surface px-3 py-2 text-left\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-lg\"\n\t\t\t\t\t\t\tstyle=\"background:rgba(255,106,26,.14);color:#ff8a3d\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg class=\"h-4 w-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\"\n\t\t\t\t\t\t\t\t><path d=\"M13 2L3 14h7l-1 8 10-12h-7z\" /></svg\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span class=\"min-w-0\">\n\t\t\t\t\t\t\t<span class=\"block text-[12.5px] font-medium\">{t('Pro · $9.99/mo')}</span>\n\t\t\t\t\t\t\t<span class=\"block text-[11px] text-muted\">{t('3 free super emotes / week')}</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"ml-auto shrink-0 rounded-full border px-3 py-1.5 text-[12px] font-medium\"\n\t\t\t\t\t\t\tstyle=\"border-color:#5a3a1a;color:#ffb27a\">{t('select')}</span\n\t\t\t\t\t\t>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonclick={() => selectedPack && onbuy(selectedPack)}\n\t\t\t\t\t\tdisabled={sending || !selectedPackObj}\n\t\t\t\t\t\tclass=\"w-full rounded-2xl py-3 text-[15px] font-medium text-white disabled:opacity-60\"\n\t\t\t\t\t\tstyle=\"background:#ff6a1a\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{t('continue')}{selectedPackObj ? ` · ${selectedPackObj.priceLabel}` : ''}\n\t\t\t\t\t</button>\n\t\t\t\t{/if}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n{/if}\n"],"version":3}