@xenia-martech/sdk-js 1.0.0-dev.29 → 1.0.0-dev.33

package/README.md

@@ -10,16 +10,14 @@ The official Xenia Marketer SDK for **web (pull) channels**. Drop in one wrapper
 
 One client, four jobs. Everything below rides on the same identity/attribution state, so you never wire these together by hand:
 
-```mermaid
-flowchart LR
-    App["Your app<br/>(browser or server)"] -->|"1 · track()"| EV["POST /api/events/v1<br/>analytics + journey triggers"]
-    App -->|"2 · request() / webhook()"| WH["Journey webhook endpoint"]
-    WH -->|"xeniaActions in the reply"| App
-    App -->|"3 · resolve()"| RS["POST /api/personalization/resolve<br/>REST, production path"]
-    RS -->|"personalized content"| App
-    EV --> J["Journey Orchestrator"]
-    WH --> J
-```
+<!--
+  Rendered image, not Mermaid — npmjs.com does not render Mermaid diagrams.
+  The PNG lives in assets/ and ships in the package (see package.json "files").
+  Served from the npm tarball via jsdelivr, pinned to the `dev` dist-tag because
+  the package is currently prerelease-only (latest is a 1.0.0-dev.* build). Once
+  a stable release exists, drop `@dev` so it tracks `latest`.
+-->
+![Your app calls track() → POST /api/events/v1, request()/webhook() → the journey webhook endpoint (whose reply carries xeniaActions), and resolve() → POST /api/personalization/resolve; events and webhooks feed the Journey Orchestrator.](https://cdn.jsdelivr.net/npm/@xenia-martech/sdk-js@dev/assets/sdk-request-flow.png)
 
 | Feature | What it does | Call it with |
 |---|---|---|

package/dist/client/index.cjs

@@ -1817,6 +1817,17 @@ var STYLES = `
   border: 0; border-radius: var(--xenia-cta-radius, 8px); padding: var(--xenia-cta-padding, 8px 14px);
   font-size: var(--xenia-cta-size, 14px); font-family: inherit; cursor: pointer; }
 .xenia-wheel-spin:disabled { opacity: 0.6; cursor: default; }
+/* The spinner face and the win/loss screens are siblings toggled via the 'hidden' attribute \u2014
+   during crossFadeReveal's ~320ms crossfade, BOTH the outgoing and incoming screen are visible
+   (not hidden) at once, so without this they'd stack in normal block flow and roughly double
+   this box's height for that window. Since .xenia-modal's flexbox re-centers on every height
+   change, that briefly-doubled height yanks the whole card to a new position with ZERO
+   animation \u2014 right before the scale-down transition starts animating smoothly from that
+   already-jumped spot, reading as "not scaling from center". Grid-stacking every child into the
+   same cell (sized to the tallest non-hidden one) makes the outgoing/incoming screens overlay in
+   place instead of stacking, so there is no discrete height jump to correct for. */
+.xenia-spin-wheel { display: grid; }
+.xenia-spin-wheel > * { grid-area: 1 / 1; }
 /* No animation/transform here \u2014 spin-wheel's win/loss screens are ALWAYS full
    custom HTML now (winHtml/lossHtml), never this class's own generated icon/title/prize/cta
    content (those sub-classes below are unreachable dead CSS, kept only for backwards-compat with