studio-engine 0.61.0 → 0.61.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 64bf6960f2f9100da2fa8a1a38bd1ca62733d348b7393ca6bc279b2a223ad11b
-  data.tar.gz: 3b33af6cd3b2ca2f48e18b05b1cea868458c793663da2a887f2afbd3c795a4b8
+  metadata.gz: '0082dfd62bcd08f1a3a540bc351c6171c27a563d85aa50d7492c1f0bb1f0271a'
+  data.tar.gz: 920156a74de7a1bbc1953a29ef01cac6b79c7d5aaad81a9f223d64d72924702d
 SHA512:
-  metadata.gz: 28ce9d9910b4f4eb3f96ea64bb27d415988065b3c6609b489ef737811eba2ad9bb818edddf5ab504c9e077c8104f1c15d979b1fdc61f4a540d0330f04697d42b
-  data.tar.gz: 0d303ef8c72f4927c78bba6ef585bd299d0af420e259c8f65273e13b1d01663d590b81b651d64f553be685a0a65af8d6766b8f8de7df0d7057ed5efd893955f8
+  metadata.gz: ff49493b81e76496c8977d2403d1b3855e8146db9f4c452a0f81707bf2aebca3c8607202d90e3c91c91c5e8e56b152b5113750b3c051dbf83c5e9340484406ea
+  data.tar.gz: 525b285e971042834e9761b78cd359b7fc24a431bdf6e06ba6a1082fd80603ae1b7f7e1f8fbb68d69d22a174da53c429a6da505b4c534066df03b76bf7d3fbc3

data/app/views/style/_modals.html.erb

@@ -390,6 +390,15 @@
         <template x-if="$store.dsModals.current().id === 'ds-onramp-hub'">
           <div><%= render "style/modals/ds_onramp_hub" %></div>
         </template>
+        <template x-if="$store.dsModals.current().id === 'ds-buy-entry-token'">
+          <div><%= render "style/modals/ds_buy_entry_token" %></div>
+        </template>
+        <template x-if="$store.dsModals.current().id === 'ds-cdp-ramp'">
+          <div><%= render "style/modals/ds_cdp_ramp" %></div>
+        </template>
+        <template x-if="$store.dsModals.current().id === 'ds-newsletter-success'">
+          <div><%= render "style/modals/ds_newsletter_success" %></div>
+        </template>
         <template x-if="$store.dsModals.current().id === 'rate-limit-general'">
           <div><%= render "style/modals/rate_limit_general" %></div>
         </template>
@@ -935,6 +944,28 @@
         </div>
       <% end %>
 
+      <%# ds-newsletter-success — the STANDALONE celebration, and its two forks. %>
+      <%= render layout: "style/modal_specimen", locals: {
+            label:     "Subscribed! (standalone)",
+            reference: %(the standalone newsletter celebration (style/modals/_ds_newsletter_success) — turf-monster's modals/_newsletter_success. Distinct from the card above, which is the leveling activity celebrating IN PLACE on the card the person was already on; this one arrives on its own — swapped in from the subscribe modal, or opened from the /account newsletter row — so it has to carry its own way forward. TWO FORKS, NEITHER VISIBLE IN THE MARKUP, which is why it is carded separately rather than folded in. THE SEEDS BAR IS FIRST-JOIN ONLY: a re-subscribe earns nothing, and the card HIDES the bar rather than showing a flat "0 seeds", which would read to the person as a bug about their own account rather than an accurate zero. THE CTA IS SERVER-DECIDED: with the username quest still open (current_user.next_quest == :username) the button nudges straight into it, otherwise it sends them to browse contests — showing only one of those hides the funnel this celebration doubles as. Both are toggles here so the cabinet can walk all four combinations; in the app the CTA fork is SERVER-rendered, precisely so the button never flashes the wrong option at someone whose quest is already done. Open with $store.dsModals.open('ds-newsletter-success', { firstJoin: true, questOpen: true })),
+            card_data: "opts: { firstJoin: true, questOpen: true }",
+            toggles:   [{ model: "opts.firstJoin", label: "First join" },
+                        { model: "opts.questOpen", label: "Quest open" }],
+            open_expr: "$store.dsModals.open('ds-newsletter-success', { firstJoin: opts.firstJoin, questOpen: opts.questOpen })",
+            glow_when: ds_glow.call("ds-newsletter-success") } do %>
+        <div class="pointer-events-none w-40 rounded-lg bg-surface border border-subtle shadow p-4 text-center space-y-2">
+          <div class="text-2xl leading-none">🌱</div>
+          <span class="block h-2 w-20 mx-auto rounded" style="background: var(--color-text); opacity: .18"></span>
+          <%# the first-join seeds bar %>
+          <span class="flex gap-1">
+            <span class="flex-1 h-2 rounded" style="background: var(--color-cta)"></span>
+            <span class="flex-1 h-2 rounded" style="background: var(--color-cta); opacity:.35"></span>
+            <span class="flex-1 h-2 rounded" style="background: var(--color-cta); opacity:.18"></span>
+          </span>
+          <span class="block h-4 w-full rounded" style="background: var(--color-cta)"></span>
+        </div>
+      <% end %>
+
       <%# THE WAY OUT. The three cards above walk a user IN; a section that only
           ever demonstrates opt-in is showing the happy half of a flow, not the
           flow. These two are the exit, and they are a PAIR — the confirm card
@@ -1304,6 +1335,42 @@
         </div>
       <% end %>
 
+      <%# ds-buy-entry-token — reached with a lineup picked and no way to pay. %>
+      <%= render layout: "style/modal_specimen", locals: {
+            label:     "Buy entry token",
+            reference: %(the entry-token purchase (style/modals/_ds_buy_entry_token) — turf-monster's modals/_buy_entry_token, built from blocks/_close_x and two blocks/_rail_row. Reached when a player has picked a lineup and has no way to pay for it, which is why the copy says the lineup is SAVED: losing their picks is the one thing they are afraid of at that moment. The ranking is a PRODUCT decision rather than a visual one — Coinflow leads and carries the "New" badge because it mints a spendable entry token directly, the shortest path from here to being in the contest, while Stripe swaps into the auth wizard's tokens picker, the older and longer path, and defers. Open with $store.dsModals.open('ds-buy-entry-token')),
+            open_expr: "$store.dsModals.open('ds-buy-entry-token')",
+            glow_when: ds_glow.call("ds-buy-entry-token"),
+            disabled: !web3_on, openable: true } do %>
+        <div class="pointer-events-none w-40 rounded-lg bg-surface border border-subtle shadow p-4 space-y-2">
+          <span class="block h-2 w-24 mx-auto rounded" style="background: var(--color-text); opacity: .18"></span>
+          <span class="flex items-center gap-1.5 rounded-md p-1.5" style="border: 2px solid var(--color-primary)">
+            <span class="block h-4 w-4 rounded" style="background: var(--color-cta)"></span>
+            <span class="block h-1.5 flex-1 rounded" style="background: var(--color-text); opacity: .3"></span>
+          </span>
+          <span class="flex items-center gap-1.5 rounded-md p-1.5 border border-subtle">
+            <span class="block h-4 w-4 rounded" style="background: var(--color-text); opacity: .25"></span>
+            <span class="block h-1.5 flex-1 rounded" style="background: var(--color-text); opacity: .18"></span>
+          </span>
+        </div>
+      <% end %>
+
+      <%# ds-cdp-ramp — ONE of thirteen states, and the card says so. %>
+      <%= render layout: "style/modal_specimen", locals: {
+            label:     "Coinbase ramp (preflight)",
+            reference: %(the Coinbase ramp's BUY PREFLIGHT (style/modals/_ds_cdp_ramp) — turf-monster's modals/_cdp_ramp. DELIBERATELY PARTIAL: that modal is a TWO-FLOW step machine (buy and cash-out) across THIRTEEN states — preflight, opening, waiting, awaiting-cdp, send, settling and the rest — and this cards exactly one of them, the buy preflight, which is the state both funding cards hand off to and therefore the only one a player reaches without already being mid-flow. The other twelve are uncarded BY DECISION (operator, 2026-08-26), which is a different thing from an oversight — a cabinet that shows one state of a thirteen-state machine without admitting it teaches a reader that the machine is simpler than it is. /tasks/port-cdp-ramp-specimen holds the full state map if that decision reverses. Open with $store.dsModals.open('ds-cdp-ramp')),
+            open_expr: "$store.dsModals.open('ds-cdp-ramp')",
+            glow_when: ds_glow.call("ds-cdp-ramp"),
+            disabled: !web3_on, openable: true } do %>
+        <div class="pointer-events-none w-40 rounded-lg bg-surface border border-subtle shadow p-4 text-center space-y-2 relative">
+          <span class="absolute top-1 right-2 text-secondary leading-none">&times;</span>
+          <span class="block h-2 w-28 mx-auto rounded" style="background: var(--color-text); opacity: .18"></span>
+          <span class="block h-1.5 w-full rounded" style="background: var(--color-text); opacity: .12"></span>
+          <span class="block h-1.5 w-24 mx-auto rounded" style="background: var(--color-text); opacity: .12"></span>
+          <span class="block h-4 w-full rounded" style="background: var(--color-cta)"></span>
+        </div>
+      <% end %>
+
       <%# Entry confirmed — the GENERIC web3 celebration (tx link + heading + drain
           CTA). seedsEarned: 0 so no seeds bar even where leveling is on: this card
           demos the clean success a web3-only app gets. The seeds variant lives in

data/app/views/style/modals/_ds_buy_entry_token.html.erb

@@ -0,0 +1,40 @@
+<%#
+  Living style guide specimen — Buy an Entry Token.
+
+  APP-SPECIFIC flow, engine chrome throughout (blocks/_close_x + two
+  blocks/_rail_row). Reached when a player has picked a lineup and has no way to
+  pay for it, which is why the copy says the lineup is SAVED: the one thing they
+  are afraid of at that moment is losing their picks.
+
+  TWO RAILS, RANKED, and the ranking is a product decision rather than a visual
+  one. Coinflow leads and carries the "New" badge because it mints a spendable
+  entry token directly — it is the shortest path from here to being in the
+  contest. Stripe still swaps into the auth wizard's tokens picker, which is the
+  older, longer path, so it defers.
+
+  Single root: the outer <div> is the host's required root.
+%>
+<div class="relative">
+  <%= render "studio/modals/blocks/close_x", modal_store: "dsModals" %>
+
+  <div class="text-center pt-1 mb-2">
+    <h3 class="text-heading font-bold text-lg leading-tight">Buy an Entry Token</h3>
+  </div>
+  <p class="text-xs text-body mb-4 text-center">
+    1 token = 1 contest entry. Your lineup is saved &mdash; pick how to pay.
+  </p>
+
+  <div class="space-y-3">
+    <%= render "studio/modals/blocks/rail_row",
+          emphasis: :primary, on_click: "$store.dsModals.close()",
+          icon_label: "CF", icon_bg: "#14B8A6",
+          title: "Coinflow · $19", subtitle: "Buy 1 entry with a card · fastest",
+          badge: "New", data: { ds_rail: "coinflow" } %>
+
+    <%= render "studio/modals/blocks/rail_row",
+          on_click: "$store.dsModals.close()",
+          icon_label: "S", icon_bg: "#635BFF",
+          title: "Card · $19", subtitle: "Buy an entry token with a card",
+          data: { ds_rail: "stripe" } %>
+  </div>
+</div>

data/app/views/style/modals/_ds_cdp_ramp.html.erb

@@ -0,0 +1,41 @@
+<%#
+  Living style guide specimen — the Coinbase ramp, BUY PREFLIGHT only.
+
+  DELIBERATELY PARTIAL, and saying so is the point. turf's modals/_cdp_ramp is a
+  TWO-FLOW step machine — buy and cash-out — across thirteen states: preflight,
+  opening, waiting, awaiting-cdp, send, settling and the rest. This cards ONE of
+  them: the buy preflight, which is the state both funding cards hand off to and
+  therefore the only one a player reaches without already being mid-flow.
+
+  The other twelve are uncarded BY DECISION (operator, 2026-08-26: minimal
+  migration is fine here). That is a different thing from an oversight, and the
+  reference blurb on this card says so, because a cabinet that shows one state of
+  a thirteen-state machine without admitting it teaches a reader that the machine
+  is simpler than it is. /tasks/port-cdp-ramp-specimen holds the full state map
+  if the decision reverses.
+
+  APP-SPECIFIC, engine chrome: blocks/_close_x plus the centred title this whole
+  funding family uses.
+
+  Single root: the outer <div> is the host's required root.
+%>
+<div class="relative">
+  <%= render "studio/modals/blocks/close_x", modal_store: "dsModals" %>
+
+  <div class="text-center pt-1 mb-3">
+    <h3 class="text-heading font-bold text-lg leading-tight">Buy USDC with Coinbase</h3>
+  </div>
+
+  <p class="text-xs text-body mb-4 text-center">
+    You&rsquo;ll finish the purchase in a Coinbase tab. We&rsquo;ll update here
+    automatically once the USDC lands in your wallet.
+  </p>
+
+  <button type="button" @click="$store.dsModals.close()"
+          class="btn btn-primary btn-lg w-full">Continue to Coinbase</button>
+
+  <button type="button" @click="$store.dsModals.close()"
+          class="block mx-auto mt-3 text-sm text-secondary hover:text-heading transition">
+    Not now
+  </button>
+</div>

data/app/views/style/modals/_ds_newsletter_success.html.erb

@@ -0,0 +1,67 @@
+<%#
+  Living style guide specimen — Subscribed!, the standalone newsletter
+  celebration.
+
+  APP-SPECIFIC, engine chrome (blocks/_card_header at :lg). Distinct from the
+  Profile Leveling "Subscribed!" beat, which is the leveling activity celebrating
+  IN PLACE on the card the person was already on. This one arrives on its own —
+  swapped in from the subscribe modal, or opened from the /account newsletter
+  row — so it has to carry its own way forward.
+
+  TWO FORKS, AND NEITHER IS VISIBLE TO A READER OF THE MARKUP. That is the whole
+  reason this card exists separately rather than being folded into the leveling
+  beat:
+
+    · THE SEEDS BAR IS FIRST-JOIN ONLY. A re-subscribe earns nothing, and the
+      card HIDES the bar rather than showing a flat "0 seeds" — which would read
+      to the person as a bug about their own account rather than as an accurate
+      zero.
+    · THE CTA IS SERVER-DECIDED. If the username quest is still open
+      (current_user.next_quest == :username) the button nudges straight into it;
+      otherwise it sends them off to browse contests. Showing only one of those
+      hides the funnel that this celebration doubles as.
+
+  Both are gated on props here so the cabinet can walk all four combinations.
+  In the app the CTA fork is SERVER-rendered, precisely so the button never
+  flashes the wrong option at someone whose quest is already done.
+
+  Single root: the outer <div> is the host's required root.
+%>
+<div x-data="{
+       get props() { var c = $store.dsModals.current(); return (c && c.props) || {} },
+       get firstJoin() { return !!this.props.firstJoin },
+       get questOpen() { return !!this.props.questOpen }
+     }">
+  <%= render "studio/modals/blocks/card_header",
+        size: :lg,
+        icon_emoji: "🌱",
+        title: "Subscribed!",
+        subtitle: "You're on the list. We'll keep the sports news and contest updates coming." %>
+
+  <%# First join only. The engine's :leveling seeds bar — the bar is the
+      engine's, the numbers are the app's. %>
+  <template x-if="firstJoin">
+    <div class="mb-5">
+      <%= render "studio/modals/blocks/seeds_bar",
+            seeds_earned_key: "25",
+            seeds_total_key:  "125",
+            seeds_per_level:  100,
+            free_entry_label: "Free Entry Token 🎟️" %>
+    </div>
+  </template>
+
+  <template x-if="questOpen">
+    <button type="button" @click="$store.dsModals.close()"
+            class="btn btn-primary btn-lg w-full">Next Quest</button>
+  </template>
+
+  <template x-if="!questOpen">
+    <button type="button" @click="$store.dsModals.close()"
+            class="btn btn-primary btn-lg w-full">Check Out Contests</button>
+  </template>
+
+  <button type="button" @click="$store.dsModals.close()"
+          class="block mx-auto mt-3 text-sm text-secondary hover:text-heading transition">
+    Close
+  </button>
+</div>

data/lib/studio/version.rb

@@ -1,3 +1,3 @@
 module Studio
-  VERSION = "0.61.0"
+  VERSION = "0.61.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: studio-engine
 version: !ruby/object:Gem::Version
-  version: 0.61.0
+  version: 0.61.1
 platform: ruby
 authors:
 - Alex McRitchie
@@ -509,7 +509,10 @@ files:
 - app/views/style/modals/_auth.html.erb
 - app/views/style/modals/_birthday.html.erb
 - app/views/style/modals/_cosign_rejected.html.erb
+- app/views/style/modals/_ds_buy_entry_token.html.erb
+- app/views/style/modals/_ds_cdp_ramp.html.erb
 - app/views/style/modals/_ds_close_x.html.erb
+- app/views/style/modals/_ds_newsletter_success.html.erb
 - app/views/style/modals/_ds_onramp_hub.html.erb
 - app/views/style/modals/_ds_rail_row.html.erb
 - app/views/style/modals/_ds_wallet_topup.html.erb