@monetize.software/sdk-extension 3.0.0-alpha.17 → 3.0.0-alpha.19

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.
package/dist/content.js CHANGED
@@ -2343,26 +2343,61 @@ function ur({ onReopen: r }) {
2343
2343
  /* @__PURE__ */ o(
2344
2344
  "div",
2345
2345
  {
2346
- class: "flex h-11 w-11 items-center justify-center rounded-full",
2346
+ class: "flex h-14 w-14 items-center justify-center rounded-full",
2347
2347
  style: { background: "color-mix(in srgb, var(--pw-accent) 12%, white)", color: "var(--pw-accent)" },
2348
2348
  "aria-hidden": "true",
2349
- children: /* @__PURE__ */ u("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
2350
- /* @__PURE__ */ o("path", { d: "M4 5h12v10H4z", stroke: "currentColor", "stroke-width": "1.75", "stroke-linejoin": "round" }),
2351
- /* @__PURE__ */ o("path", { d: "M7 9l3 3 4-5", stroke: "currentColor", "stroke-width": "1.75", "stroke-linecap": "round", "stroke-linejoin": "round" })
2349
+ children: /* @__PURE__ */ u("svg", { width: "26", height: "26", viewBox: "0 0 24 24", fill: "none", children: [
2350
+ /* @__PURE__ */ o(
2351
+ "path",
2352
+ {
2353
+ d: "M14 4h6v6",
2354
+ stroke: "currentColor",
2355
+ "stroke-width": "2",
2356
+ "stroke-linecap": "round",
2357
+ "stroke-linejoin": "round"
2358
+ }
2359
+ ),
2360
+ /* @__PURE__ */ o(
2361
+ "path",
2362
+ {
2363
+ d: "M20 4l-9 9",
2364
+ stroke: "currentColor",
2365
+ "stroke-width": "2",
2366
+ "stroke-linecap": "round",
2367
+ "stroke-linejoin": "round"
2368
+ }
2369
+ ),
2370
+ /* @__PURE__ */ o(
2371
+ "path",
2372
+ {
2373
+ d: "M19 13v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5",
2374
+ stroke: "currentColor",
2375
+ "stroke-width": "2",
2376
+ "stroke-linecap": "round",
2377
+ "stroke-linejoin": "round"
2378
+ }
2379
+ )
2352
2380
  ] })
2353
2381
  }
2354
2382
  ),
2355
- /* @__PURE__ */ o("p", { class: "text-sm font-semibold tracking-tight text-gray-900", children: e("payment.popup_blocked_title", "Allow popups to continue") }),
2356
- /* @__PURE__ */ o("p", { class: "max-w-[18rem] text-xs leading-relaxed text-gray-500", children: e("payment.popup_blocked_message", "Your browser blocked the checkout tab. Click below to open it.") }),
2383
+ /* @__PURE__ */ o(
2384
+ "p",
2385
+ {
2386
+ id: "pw-title",
2387
+ class: "mt-1 text-lg font-semibold tracking-tight text-gray-900",
2388
+ children: e("payment.popup_blocked_title", "Allow popups to continue")
2389
+ }
2390
+ ),
2391
+ /* @__PURE__ */ o("p", { class: "max-w-[20rem] text-sm leading-relaxed text-gray-500", children: e("payment.popup_blocked_message", "Your browser blocked the checkout tab. Click below to open it.") }),
2357
2392
  /* @__PURE__ */ o(
2358
2393
  "button",
2359
2394
  {
2360
2395
  type: "button",
2361
2396
  onClick: r,
2362
- class: "mt-1 rounded-xl px-4 py-2 text-xs font-semibold text-white transition-all hover:-translate-y-px hover:brightness-105 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
2397
+ class: "mt-3 rounded-xl px-5 py-2.5 text-sm font-semibold text-white transition-all hover:-translate-y-px hover:brightness-105 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
2363
2398
  style: {
2364
2399
  background: "linear-gradient(180deg, color-mix(in srgb, var(--pw-accent) 92%, white), var(--pw-accent))",
2365
- boxShadow: "0 1px 2px rgba(15,23,42,0.08), 0 6px 14px -4px color-mix(in srgb, var(--pw-accent) 50%, transparent)"
2400
+ boxShadow: "0 1px 2px rgba(15,23,42,0.08), 0 8px 20px -6px color-mix(in srgb, var(--pw-accent) 50%, transparent)"
2366
2401
  },
2367
2402
  children: e("payment.open_checkout_button", "Open checkout")
2368
2403
  }
@@ -2408,7 +2443,7 @@ function dr({
2408
2443
  }
2409
2444
  ),
2410
2445
  /* @__PURE__ */ u("div", { class: "flex flex-col items-center gap-3 py-6 text-center", children: [
2411
- /* @__PURE__ */ u("div", { class: "relative flex h-12 w-12 items-center justify-center", children: [
2446
+ /* @__PURE__ */ u("div", { class: "relative flex h-14 w-14 items-center justify-center", children: [
2412
2447
  /* @__PURE__ */ o(
2413
2448
  "span",
2414
2449
  {
@@ -2417,10 +2452,17 @@ function dr({
2417
2452
  "aria-hidden": "true"
2418
2453
  }
2419
2454
  ),
2420
- /* @__PURE__ */ o("span", { class: "relative inline-block h-7 w-7 animate-spin rounded-full border-[2.5px] border-gray-200 border-t-[var(--pw-accent)]" })
2455
+ /* @__PURE__ */ o("span", { class: "relative inline-block h-8 w-8 animate-spin rounded-full border-[2.5px] border-gray-200 border-t-[var(--pw-accent)]" })
2421
2456
  ] }),
2422
- /* @__PURE__ */ o("p", { class: "text-sm font-semibold tracking-tight text-gray-900", children: i("payment.awaiting_title", "Complete payment in the new tab") }),
2423
- /* @__PURE__ */ o("p", { class: "max-w-[20rem] text-xs leading-relaxed text-gray-500", children: i(
2457
+ /* @__PURE__ */ o(
2458
+ "p",
2459
+ {
2460
+ id: "pw-title",
2461
+ class: "mt-1 text-lg font-semibold tracking-tight text-gray-900",
2462
+ children: i("payment.awaiting_title", "Complete payment in the new tab")
2463
+ }
2464
+ ),
2465
+ /* @__PURE__ */ o("p", { class: "max-w-[22rem] text-sm leading-relaxed text-gray-500", children: i(
2424
2466
  "payment.awaiting_subtitle",
2425
2467
  "We'll detect your payment automatically — or click below once you're done."
2426
2468
  ) }),
@@ -2430,10 +2472,10 @@ function dr({
2430
2472
  type: "button",
2431
2473
  onClick: d,
2432
2474
  disabled: s,
2433
- class: "mt-1 rounded-xl px-5 py-2.5 text-sm font-semibold text-white transition-all hover:-translate-y-px hover:brightness-105 disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:translate-y-0 disabled:hover:brightness-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
2475
+ class: "mt-3 rounded-xl px-5 py-2.5 text-sm font-semibold text-white transition-all hover:-translate-y-px hover:brightness-105 disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:translate-y-0 disabled:hover:brightness-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
2434
2476
  style: {
2435
2477
  background: "linear-gradient(180deg, color-mix(in srgb, var(--pw-accent) 92%, white), var(--pw-accent))",
2436
- boxShadow: "0 1px 2px rgba(15,23,42,0.08), 0 6px 14px -4px color-mix(in srgb, var(--pw-accent) 50%, transparent)"
2478
+ boxShadow: "0 1px 2px rgba(15,23,42,0.08), 0 8px 20px -6px color-mix(in srgb, var(--pw-accent) 50%, transparent)"
2437
2479
  },
2438
2480
  children: s ? i("payment.checking", "Checking…") : i("payment.ive_paid", "I've paid")
2439
2481
  }
@@ -3270,7 +3312,7 @@ let yr = class {
3270
3312
  user: a
3271
3313
  };
3272
3314
  }
3273
- const n = t.user ?? null;
3315
+ const n = this.billing.getCachedUser() ?? t.user ?? null;
3274
3316
  if (n?.has_active_subscription)
3275
3317
  return {
3276
3318
  access: "granted",