@coinlist-co/react 0.11.1-rc.578d93b → 0.11.1-rc.5a8ec06
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/client/index.cjs +519 -291
- package/dist/client/index.cjs.map +1 -1
- package/dist/client/index.d.cts +130 -41
- package/dist/client/index.d.ts +130 -41
- package/dist/client/index.js +507 -283
- package/dist/client/index.js.map +1 -1
- package/package.json +1 -1
package/dist/client/index.cjs
CHANGED
|
@@ -57,8 +57,11 @@ __export(client_exports, {
|
|
|
57
57
|
KycToken: () => KycToken,
|
|
58
58
|
OAUTH_CODE_VERIFIER_KEY: () => OAUTH_CODE_VERIFIER_KEY,
|
|
59
59
|
OAUTH_STATE_KEY: () => OAUTH_STATE_KEY,
|
|
60
|
-
|
|
61
|
-
|
|
60
|
+
OfferAssetCard: () => OfferAssetCard,
|
|
61
|
+
OfferAssetCardUi: () => OfferAssetCardUi,
|
|
62
|
+
OfferSaleCard: () => OfferSaleCard,
|
|
63
|
+
OfferSaleCardUi: () => OfferSaleCardUi,
|
|
64
|
+
OffersAssetGrid: () => OffersAssetGrid,
|
|
62
65
|
OffersGridContainer: () => OffersGridContainer,
|
|
63
66
|
OffersGridView: () => OffersGridView,
|
|
64
67
|
OndoBuyAmountView: () => OndoBuyAmountView,
|
|
@@ -104,6 +107,7 @@ __export(client_exports, {
|
|
|
104
107
|
executeTokenSale: () => executeTokenSale,
|
|
105
108
|
formatCountdown: () => formatCountdown,
|
|
106
109
|
formatMonthYear: () => formatMonthYear,
|
|
110
|
+
formatSaleCardCountdown: () => formatSaleCardCountdown,
|
|
107
111
|
offerIconUrl: () => offerIconUrl,
|
|
108
112
|
ondoLoadErrorReason: () => ondoLoadErrorReason,
|
|
109
113
|
pinoClientLogger: () => pinoClientLogger,
|
|
@@ -4088,7 +4092,7 @@ var CoinListProvider = CoinListContextProvider;
|
|
|
4088
4092
|
var import_react4 = require("react");
|
|
4089
4093
|
|
|
4090
4094
|
// src/client/generated/sdk-styles.gen.ts
|
|
4091
|
-
var sdkStyles = '/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--clcosdk-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--clcosdk-color-red-400:oklch(70.4% .191 22.216);--clcosdk-color-red-500:oklch(63.7% .237 25.331);--clcosdk-color-amber-500:oklch(76.9% .188 70.08);--clcosdk-color-gray-400:oklch(70.7% .022 261.325);--clcosdk-color-gray-500:oklch(55.1% .027 264.364);--clcosdk-color-black:#000;--clcosdk-spacing:.25rem;--clcosdk-container-sm:24rem;--clcosdk-container-md:28rem;--clcosdk-container-xl:36rem;--clcosdk-text-xs:.75rem;--clcosdk-text-xs--line-height:calc(1 / .75);--clcosdk-text-sm:.875rem;--clcosdk-text-sm--line-height:calc(1.25 / .875);--clcosdk-text-base:1rem;--clcosdk-text-base--line-height:calc(1.5 / 1);--clcosdk-text-lg:1.125rem;--clcosdk-text-lg--line-height:calc(1.75 / 1.125);--clcosdk-font-weight-normal:400;--clcosdk-font-weight-medium:500;--clcosdk-font-weight-semibold:600;--clcosdk-radius-md:.375rem;--clcosdk-radius-lg:.5rem;--clcosdk-radius-xl:.75rem;--clcosdk-radius-2xl:1rem;--clcosdk-ease-in-out:cubic-bezier(.4, 0, .2, 1);--clcosdk-animate-spin:spin 1s linear infinite;--clcosdk-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--clcosdk-color-brand-primary:var(--color-brand-primary)}}@layer base{.clco-sdk-root{--color-brand-primary:#171717;--color-brand-primary-hover:#000;--color-brand-primary-active:#262626;--color-accent:#2b3a67;--color-accent-hover:#243057;--color-accent-active:#1d2647;--color-accent-focus:#c7d2fe;--color-accent-subtle:#eef1f8;--color-text-primary:#171717;--color-text-secondary:#8c8c8c;--color-text-disabled:#d1d1d1;--color-text-inverse:#fff;--color-background:#fff;--color-surface:#fafafa;--color-section:#f3f3f3;--color-border:#e5e5e5;--color-divider:#ececec;--color-overlay:#00000080;--color-positive:#15803d;--color-positive-subtle:#dcfce7;--color-negative:#dc2626;--color-negative-subtle:#fee2e2;--color-success:#2c8c5e;--color-success-subtle:#e6f4ec;--color-success-border:#cfe9db;--color-warning:#e08a1a;--color-warning-subtle:#fff7ed;--color-warning-border:#fdead7;--color-error:#b42318;--color-error-subtle:#feeceb;--color-error-border:#fbd5d2;--shadow-step-active:0px 0px 10px 0px #0000001a;--shadow-dialog:0px 8px 32px 0px #0000001a;--btn-primary-gradient:linear-gradient(180deg, #262626 0%, #1c1c1c 50%, #0f0f0f 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #00000059, inset 0px 1px 2px 0px #ffffff2e, inset 0px 1px 0px 0px #ffffff1a}@media (prefers-color-scheme:dark){.clco-sdk-root:not(:where(.light,.light *)){--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140;--shadow-step-active:0px 0px 10px 0px #00000080;--shadow-dialog:0px 8px 32px 0px #0009;--btn-primary-gradient:linear-gradient(180deg, #fafafa 0%, #f0f0f0 50%, #e4e4e7 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #0000001f, inset 0px 1px 2px 0px #fff9, inset 0px 1px 0px 0px #fff6}}:where(.dark,.dark *) .clco-sdk-root{--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140;--shadow-step-active:0px 0px 10px 0px #00000080;--shadow-dialog:0px 8px 32px 0px #0009;--btn-primary-gradient:linear-gradient(180deg, #fafafa 0%, #f0f0f0 50%, #e4e4e7 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #0000001f, inset 0px 1px 2px 0px #fff9, inset 0px 1px 0px 0px #fff6}.clco-sdk-root{color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.clco-sdk-root *,.clco-sdk-root :before,.clco-sdk-root :after{box-sizing:border-box}.clco-sdk-root button{appearance:none;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}.clco-sdk-root input,.clco-sdk-root textarea,.clco-sdk-root select{font:inherit;color:inherit;background:0 0;border:none;border-radius:0;padding:0}.clco-sdk-root a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.clco-sdk-root ul,.clco-sdk-root ol{margin:0;padding:0;list-style:none}.clco-sdk-root h1,.clco-sdk-root h2,.clco-sdk-root h3,.clco-sdk-root h4,.clco-sdk-root h5,.clco-sdk-root h6,.clco-sdk-root p,.clco-sdk-root figure,.clco-sdk-root blockquote,.clco-sdk-root dl,.clco-sdk-root dd,.clco-sdk-root pre{margin:0}.clco-sdk-root img,.clco-sdk-root svg{max-width:100%;display:block}}@layer components;@layer utilities{.clcosdk\\:pointer-events-none{pointer-events:none}.clcosdk\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clcosdk\\:absolute{position:absolute}.clcosdk\\:fixed{position:fixed}.clcosdk\\:relative{position:relative}.clcosdk\\:inset-0{inset:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:top-4{top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:top-full{top:100%}.clcosdk\\:-right-0\\.5{right:calc(var(--clcosdk-spacing) * -.5)}.clcosdk\\:right-4{right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:-bottom-0\\.5{bottom:calc(var(--clcosdk-spacing) * -.5)}.clcosdk\\:bottom-full{bottom:100%}.clcosdk\\:left-1\\/2{left:50%}.clcosdk\\:z-50{z-index:50}.clcosdk\\:order-1{order:1}.clcosdk\\:order-2{order:2}.clcosdk\\:mt-2{margin-top:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:mt-4{margin-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:mb-2{margin-bottom:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:mb-6{margin-bottom:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:flex{display:flex}.clcosdk\\:grid{display:grid}.clcosdk\\:inline-flex{display:inline-flex}.clcosdk\\:size-2{width:calc(var(--clcosdk-spacing) * 2);height:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:size-3{width:calc(var(--clcosdk-spacing) * 3);height:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:size-3\\.5{width:calc(var(--clcosdk-spacing) * 3.5);height:calc(var(--clcosdk-spacing) * 3.5)}.clcosdk\\:size-4{width:calc(var(--clcosdk-spacing) * 4);height:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:size-5{width:calc(var(--clcosdk-spacing) * 5);height:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:size-10{width:calc(var(--clcosdk-spacing) * 10);height:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:size-16{width:calc(var(--clcosdk-spacing) * 16);height:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:size-24{width:calc(var(--clcosdk-spacing) * 24);height:calc(var(--clcosdk-spacing) * 24)}.clcosdk\\:size-full{width:100%;height:100%}.clcosdk\\:h-1{height:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:h-3{height:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:h-4{height:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:h-5{height:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:h-6{height:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:h-8{height:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:h-9{height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:h-10{height:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:h-11{height:calc(var(--clcosdk-spacing) * 11)}.clcosdk\\:h-12{height:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:h-14{height:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:h-28{height:calc(var(--clcosdk-spacing) * 28)}.clcosdk\\:h-52{height:calc(var(--clcosdk-spacing) * 52)}.clcosdk\\:h-\\[18px\\]{height:18px}.clcosdk\\:h-\\[54px\\]{height:54px}.clcosdk\\:h-\\[71px\\]{height:71px}.clcosdk\\:h-auto{height:auto}.clcosdk\\:h-full{height:100%}.clcosdk\\:h-px{height:1px}.clcosdk\\:max-h-\\[92vh\\]{max-height:92vh}.clcosdk\\:max-h-full{max-height:100%}.clcosdk\\:min-h-0{min-height:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:min-h-9{min-height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:min-h-40{min-height:calc(var(--clcosdk-spacing) * 40)}.clcosdk\\:min-h-\\[2\\.4rem\\]{min-height:2.4rem}.clcosdk\\:min-h-screen{min-height:100vh}.clcosdk\\:w-1{width:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:w-4{width:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:w-5{width:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:w-6{width:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:w-12{width:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:w-16{width:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:w-20{width:calc(var(--clcosdk-spacing) * 20)}.clcosdk\\:w-24{width:calc(var(--clcosdk-spacing) * 24)}.clcosdk\\:w-28{width:calc(var(--clcosdk-spacing) * 28)}.clcosdk\\:w-32{width:calc(var(--clcosdk-spacing) * 32)}.clcosdk\\:w-40{width:calc(var(--clcosdk-spacing) * 40)}.clcosdk\\:w-48{width:calc(var(--clcosdk-spacing) * 48)}.clcosdk\\:w-80{width:calc(var(--clcosdk-spacing) * 80)}.clcosdk\\:w-96{width:calc(var(--clcosdk-spacing) * 96)}.clcosdk\\:w-\\[16px\\]{width:16px}.clcosdk\\:w-\\[448px\\]{width:448px}.clcosdk\\:w-auto{width:auto}.clcosdk\\:w-component{width:448px}.clcosdk\\:w-fit{width:fit-content}.clcosdk\\:w-full{width:100%}.clcosdk\\:w-max{width:max-content}.clcosdk\\:max-w-\\[16rem\\]{max-width:16rem}.clcosdk\\:max-w-\\[22rem\\]{max-width:22rem}.clcosdk\\:max-w-\\[28rem\\]{max-width:28rem}.clcosdk\\:max-w-\\[30rem\\]{max-width:30rem}.clcosdk\\:max-w-\\[760px\\]{max-width:760px}.clcosdk\\:max-w-\\[1200px\\]{max-width:1200px}.clcosdk\\:max-w-full{max-width:100%}.clcosdk\\:max-w-md{max-width:var(--clcosdk-container-md)}.clcosdk\\:max-w-sm{max-width:var(--clcosdk-container-sm)}.clcosdk\\:max-w-xl{max-width:var(--clcosdk-container-xl)}.clcosdk\\:min-w-0{min-width:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:flex-1{flex:1}.clcosdk\\:shrink-0{flex-shrink:0}.clcosdk\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.clcosdk\\:rotate-90{rotate:90deg}.clcosdk\\:rotate-180{rotate:180deg}.clcosdk\\:animate-pulse{animation:var(--clcosdk-animate-pulse)}.clcosdk\\:animate-spin{animation:var(--clcosdk-animate-spin)}.clcosdk\\:cursor-pointer{cursor:pointer}.clcosdk\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.clcosdk\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.clcosdk\\:grid-rows-\\[0fr\\]{grid-template-rows:0fr}.clcosdk\\:grid-rows-\\[1fr\\]{grid-template-rows:1fr}.clcosdk\\:flex-col{flex-direction:column}.clcosdk\\:flex-wrap{flex-wrap:wrap}.clcosdk\\:items-center{align-items:center}.clcosdk\\:items-end{align-items:flex-end}.clcosdk\\:items-start{align-items:flex-start}.clcosdk\\:justify-between{justify-content:space-between}.clcosdk\\:justify-center{justify-content:center}.clcosdk\\:justify-end{justify-content:flex-end}.clcosdk\\:gap-1{gap:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:gap-1\\.5{gap:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:gap-2{gap:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:gap-3{gap:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:gap-4{gap:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:gap-5{gap:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:gap-6{gap:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:gap-8{gap:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:gap-\\[5px\\]{gap:5px}:where(.clcosdk\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.clcosdk\\:divide-border>:not(:last-child)){border-color:var(--color-border)}:where(.clcosdk\\:divide-divider>:not(:last-child)){border-color:var(--color-divider)}.clcosdk\\:self-start{align-self:flex-start}.clcosdk\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clcosdk\\:overflow-hidden{overflow:hidden}.clcosdk\\:overflow-y-auto{overflow-y:auto}.clcosdk\\:rounded{border-radius:.25rem}.clcosdk\\:rounded-2xl{border-radius:var(--clcosdk-radius-2xl)}.clcosdk\\:rounded-btn{border-radius:12px}.clcosdk\\:rounded-card{border-radius:24px}.clcosdk\\:rounded-full{border-radius:3.40282e38px}.clcosdk\\:rounded-lg{border-radius:var(--clcosdk-radius-lg)}.clcosdk\\:rounded-md{border-radius:var(--clcosdk-radius-md)}.clcosdk\\:rounded-xl{border-radius:var(--clcosdk-radius-xl)}.clcosdk\\:border{border-style:var(--tw-border-style);border-width:1px}.clcosdk\\:border-2{border-style:var(--tw-border-style);border-width:2px}.clcosdk\\:border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.clcosdk\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.clcosdk\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.clcosdk\\:border-accent\\/50{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-accent\\/50{border-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}.clcosdk\\:border-accent\\/60{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-accent\\/60{border-color:color-mix(in oklab, var(--color-accent) 60%, transparent)}}.clcosdk\\:border-amber-500{border-color:var(--clcosdk-color-amber-500)}.clcosdk\\:border-background{border-color:var(--color-background)}.clcosdk\\:border-border,.clcosdk\\:border-border\\/60{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-border\\/60{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}}.clcosdk\\:border-brand-primary{border-color:var(--color-brand-primary)}.clcosdk\\:border-current{border-color:currentColor}.clcosdk\\:border-divider{border-color:var(--color-divider)}.clcosdk\\:border-error-border{border-color:var(--color-error-border)}.clcosdk\\:border-success-border{border-color:var(--color-success-border)}.clcosdk\\:border-warning-border{border-color:var(--color-warning-border)}.clcosdk\\:border-t-transparent{border-top-color:#0000}.clcosdk\\:bg-accent\\/10{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:bg-accent\\/10{background-color:color-mix(in oklab, var(--color-accent) 10%, transparent)}}.clcosdk\\:bg-background{background-color:var(--color-background)}.clcosdk\\:bg-black\\/50{background-color:var(--clcosdk-color-black)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:bg-black\\/50{background-color:color-mix(in oklab, var(--clcosdk-color-black) 50%, transparent)}}.clcosdk\\:bg-brand-primary{background-color:var(--color-brand-primary)}.clcosdk\\:bg-divider{background-color:var(--color-divider)}.clcosdk\\:bg-error-subtle{background-color:var(--color-error-subtle)}.clcosdk\\:bg-overlay{background-color:var(--color-overlay)}.clcosdk\\:bg-positive{background-color:var(--color-positive)}.clcosdk\\:bg-positive-subtle{background-color:var(--color-positive-subtle)}.clcosdk\\:bg-section{background-color:var(--color-section)}.clcosdk\\:bg-success-subtle{background-color:var(--color-success-subtle)}.clcosdk\\:bg-surface{background-color:var(--color-surface)}.clcosdk\\:bg-text-disabled{background-color:var(--color-text-disabled)}.clcosdk\\:bg-text-primary{background-color:var(--color-text-primary)}.clcosdk\\:bg-transparent{background-color:#0000}.clcosdk\\:bg-warning-subtle{background-color:var(--color-warning-subtle)}.clcosdk\\:bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.clcosdk\\:bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.clcosdk\\:bg-\\[image\\:var\\(--btn-primary-gradient\\)\\]{background-image:var(--btn-primary-gradient)}.clcosdk\\:from-surface{--tw-gradient-from:var(--color-surface);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:via-section{--tw-gradient-via:var(--color-section);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.clcosdk\\:via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.clcosdk\\:to-background{--tw-gradient-to:var(--color-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:to-overlay\\/35{--tw-gradient-to:var(--color-overlay)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:to-overlay\\/35{--tw-gradient-to:color-mix(in oklab, var(--color-overlay) 35%, transparent)}}.clcosdk\\:to-overlay\\/35{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:object-contain{object-fit:contain}.clcosdk\\:object-cover{object-fit:cover}.clcosdk\\:p-0{padding:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:p-1\\.5{padding:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:p-3{padding:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:p-3\\.5{padding:calc(var(--clcosdk-spacing) * 3.5)}.clcosdk\\:p-4{padding:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:p-6{padding:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:p-8{padding:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:p-16{padding:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:px-2{padding-inline:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:px-3{padding-inline:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:px-4{padding-inline:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:px-5{padding-inline:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:px-6{padding-inline:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:py-1\\.5{padding-block:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:py-2{padding-block:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:py-3{padding-block:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:py-8{padding-block:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:py-12{padding-block:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:pt-1{padding-top:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:pt-4{padding-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pt-14{padding-top:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:pr-4{padding-right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pb-4{padding-bottom:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pl-3{padding-left:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:text-center{text-align:center}.clcosdk\\:text-left{text-align:left}.clcosdk\\:text-right{text-align:right}.clcosdk\\:font-mono{font-family:var(--clcosdk-font-mono)}.clcosdk\\:text-base{font-size:var(--clcosdk-text-base);line-height:var(--tw-leading,var(--clcosdk-text-base--line-height))}.clcosdk\\:text-lg{font-size:var(--clcosdk-text-lg);line-height:var(--tw-leading,var(--clcosdk-text-lg--line-height))}.clcosdk\\:text-sm{font-size:var(--clcosdk-text-sm);line-height:var(--tw-leading,var(--clcosdk-text-sm--line-height))}.clcosdk\\:text-xs{font-size:var(--clcosdk-text-xs);line-height:var(--tw-leading,var(--clcosdk-text-xs--line-height))}.clcosdk\\:text-\\[11px\\]{font-size:11px}.clcosdk\\:text-\\[12px\\]{font-size:12px}.clcosdk\\:text-\\[14px\\]{font-size:14px}.clcosdk\\:text-\\[15px\\]{font-size:15px}.clcosdk\\:text-\\[16px\\]{font-size:16px}.clcosdk\\:text-\\[18px\\]{font-size:18px}.clcosdk\\:text-\\[22px\\]{font-size:22px}.clcosdk\\:text-\\[28px\\]{font-size:28px}.clcosdk\\:text-\\[36px\\]{font-size:36px}.clcosdk\\:text-\\[48px\\]{font-size:48px}.clcosdk\\:text-\\[64px\\]{font-size:64px}.clcosdk\\:leading-\\[110\\%\\]{--tw-leading:110%;line-height:110%}.clcosdk\\:leading-\\[120\\%\\]{--tw-leading:120%;line-height:120%}.clcosdk\\:leading-\\[125\\%\\]{--tw-leading:125%;line-height:125%}.clcosdk\\:leading-\\[130\\%\\]{--tw-leading:130%;line-height:130%}.clcosdk\\:leading-\\[135\\%\\]{--tw-leading:135%;line-height:135%}.clcosdk\\:leading-\\[140\\%\\]{--tw-leading:140%;line-height:140%}.clcosdk\\:leading-\\[150\\%\\]{--tw-leading:150%;line-height:150%}.clcosdk\\:leading-\\[160\\%\\]{--tw-leading:160%;line-height:160%}.clcosdk\\:font-medium{--tw-font-weight:var(--clcosdk-font-weight-medium);font-weight:var(--clcosdk-font-weight-medium)}.clcosdk\\:font-normal{--tw-font-weight:var(--clcosdk-font-weight-normal);font-weight:var(--clcosdk-font-weight-normal)}.clcosdk\\:font-semibold{--tw-font-weight:var(--clcosdk-font-weight-semibold);font-weight:var(--clcosdk-font-weight-semibold)}.clcosdk\\:tracking-\\[0\\.12px\\]{--tw-tracking:.12px;letter-spacing:.12px}.clcosdk\\:tracking-\\[0\\.28px\\]{--tw-tracking:.28px;letter-spacing:.28px}.clcosdk\\:break-words{overflow-wrap:break-word}.clcosdk\\:whitespace-nowrap{white-space:nowrap}.clcosdk\\:text-background{color:var(--color-background)}.clcosdk\\:text-brand-primary{color:var(--color-brand-primary)}.clcosdk\\:text-error{color:var(--color-error)}.clcosdk\\:text-positive{color:var(--color-positive)}.clcosdk\\:text-success{color:var(--color-success)}.clcosdk\\:text-text-disabled{color:var(--color-text-disabled)}.clcosdk\\:text-text-inverse{color:var(--color-text-inverse)}.clcosdk\\:text-text-primary{color:var(--color-text-primary)}.clcosdk\\:text-text-secondary{color:var(--color-text-secondary)}.clcosdk\\:text-warning{color:var(--color-warning)}.clcosdk\\:capitalize{text-transform:capitalize}.clcosdk\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.clcosdk\\:no-underline{text-decoration-line:none}.clcosdk\\:underline{text-decoration-line:underline}.clcosdk\\:underline-offset-2{text-underline-offset:2px}.clcosdk\\:underline-offset-4{text-underline-offset:4px}.clcosdk\\:opacity-0{opacity:0}.clcosdk\\:opacity-60{opacity:.6}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.2\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f633);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.18\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f62e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.25\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f640);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_10px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_10px_24px_rgba\\(0\\,0\\,0\\,0\\.25\\)\\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[var\\(--btn-primary-shadow\\)\\]{--tw-shadow:var(--btn-primary-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-card{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#0000000d), 0px 12px 24px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-dialog{--tw-shadow:var(--shadow-dialog);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-step-active{--tw-shadow:var(--shadow-step-active);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.clcosdk\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.clcosdk\\:ease-in-out{--tw-ease:var(--clcosdk-ease-in-out);transition-timing-function:var(--clcosdk-ease-in-out)}.clcosdk\\:outline-none{--tw-outline-style:none;outline-style:none}.clcosdk\\:group-focus-within\\:opacity-100:is(:where(.clcosdk\\:group):focus-within *){opacity:1}@media (hover:hover){.clcosdk\\:group-hover\\:opacity-100:is(:where(.clcosdk\\:group):hover *){opacity:1}}.clcosdk\\:placeholder\\:text-text-disabled::placeholder{color:var(--color-text-disabled)}@media (hover:hover){.clcosdk\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--clcosdk-spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.clcosdk\\:hover\\:border-divider:hover{border-color:var(--color-divider)}.clcosdk\\:hover\\:border-text-disabled:hover{border-color:var(--color-text-disabled)}.clcosdk\\:hover\\:bg-\\[\\#fcdcd8\\]:hover{background-color:#fcdcd8}.clcosdk\\:hover\\:bg-border:hover{background-color:var(--color-border)}.clcosdk\\:hover\\:bg-brand-primary:hover{background-color:var(--color-brand-primary)}.clcosdk\\:hover\\:bg-brand-primary-hover:hover{background-color:var(--color-brand-primary-hover)}.clcosdk\\:hover\\:bg-section:hover{background-color:var(--color-section)}.clcosdk\\:hover\\:bg-surface:hover{background-color:var(--color-surface)}.clcosdk\\:hover\\:text-\\[\\#8b1a13\\]:hover{color:#8b1a13}.clcosdk\\:hover\\:text-text-primary:hover{color:var(--color-text-primary)}.clcosdk\\:hover\\:underline:hover{text-decoration-line:underline}.clcosdk\\:hover\\:opacity-80:hover{opacity:.8}.clcosdk\\:hover\\:opacity-90:hover{opacity:.9}.clcosdk\\:hover\\:shadow-\\[0px_14px_32px_-10px_rgba\\(0\\,0\\,0\\,0\\.35\\)\\]:hover{--tw-shadow:0px 14px 32px -10px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.clcosdk\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:focus-visible\\:ring-accent-focus:focus-visible{--tw-ring-color:var(--color-accent-focus)}.clcosdk\\:focus-visible\\:ring-gray-400:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-400)}.clcosdk\\:focus-visible\\:ring-gray-500:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-500)}.clcosdk\\:focus-visible\\:ring-red-400:focus-visible{--tw-ring-color:var(--clcosdk-color-red-400)}.clcosdk\\:focus-visible\\:ring-red-500:focus-visible{--tw-ring-color:var(--clcosdk-color-red-500)}.clcosdk\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.clcosdk\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.clcosdk\\:active\\:bg-\\[\\#d9d9d9\\]:active{background-color:#d9d9d9}.clcosdk\\:active\\:bg-\\[\\#f9c9c4\\]:active{background-color:#f9c9c4}.clcosdk\\:active\\:bg-border:active{background-color:var(--color-border)}.clcosdk\\:active\\:bg-brand-primary-active:active{background-color:var(--color-brand-primary-active)}.clcosdk\\:active\\:text-\\[\\#6d1510\\]:active{color:#6d1510}.clcosdk\\:active\\:opacity-80:active{opacity:.8}.clcosdk\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.clcosdk\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.clcosdk\\:disabled\\:opacity-40:disabled{opacity:.4}.clcosdk\\:disabled\\:opacity-50:disabled{opacity:.5}.clcosdk\\:aria-disabled\\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.clcosdk\\:aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}@media not all and (min-width:48rem){.clcosdk\\:max-md\\:hidden{display:none}.clcosdk\\:max-md\\:w-full{width:100%}.clcosdk\\:max-md\\:justify-start{justify-content:flex-start}.clcosdk\\:max-md\\:gap-4{gap:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:max-md\\:rounded-none{border-radius:0}.clcosdk\\:max-md\\:border-0{border-style:var(--tw-border-style);border-width:0}.clcosdk\\:max-md\\:bg-transparent{background-color:#0000}.clcosdk\\:max-md\\:p-0{padding:calc(var(--clcosdk-spacing) * 0)}}@media (min-width:40rem){.clcosdk\\:sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.clcosdk\\:md\\:order-1{order:1}.clcosdk\\:md\\:order-2{order:2}.clcosdk\\:md\\:hidden{display:none}.clcosdk\\:md\\:grid-cols-\\[minmax\\(0\\,11fr\\)_minmax\\(0\\,8fr\\)\\]{grid-template-columns:minmax(0,11fr) minmax(0,8fr)}.clcosdk\\:md\\:flex-row{flex-direction:row}.clcosdk\\:md\\:items-center{align-items:center}.clcosdk\\:md\\:items-end{align-items:flex-end}.clcosdk\\:md\\:justify-between{justify-content:space-between}.clcosdk\\:md\\:justify-end{justify-content:flex-end}.clcosdk\\:md\\:gap-6{gap:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:gap-x-12{column-gap:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:md\\:self-end{align-self:flex-end}.clcosdk\\:md\\:rounded-card{border-radius:24px}.clcosdk\\:md\\:rounded-dialog{border-radius:32px}.clcosdk\\:md\\:p-6{padding:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:px-6{padding-inline:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:px-8{padding-inline:calc(var(--clcosdk-spacing) * 8)}}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:not(:where(.light,.light *)):hover{background-color:#f8717133}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:where(.dark,.dark *):hover{background-color:#f8717133}}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:not(:where(.light,.light *)):hover{color:#fca5a5}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:where(.dark,.dark *):hover{color:#fca5a5}}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:not(:where(.light,.light *)):active{background-color:#f871714d}}.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:where(.dark,.dark *):active{background-color:#f871714d}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-divider:not(:where(.light,.light *)):active{background-color:var(--color-divider)}}.clcosdk\\:dark\\:active\\:bg-divider:where(.dark,.dark *):active{background-color:var(--color-divider)}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:not(:where(.light,.light *)):active{color:#f87171}}.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:where(.dark,.dark *):active{color:#f87171}.clcosdk\\:\\[\\&_circle\\]\\:fill-error-subtle circle{fill:var(--color-error-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-success-subtle circle{fill:var(--color-success-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-warning-subtle circle{fill:var(--color-warning-subtle)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
|
|
4095
|
+
var sdkStyles = '/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--clcosdk-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--clcosdk-color-red-400:oklch(70.4% .191 22.216);--clcosdk-color-red-500:oklch(63.7% .237 25.331);--clcosdk-color-amber-500:oklch(76.9% .188 70.08);--clcosdk-color-gray-400:oklch(70.7% .022 261.325);--clcosdk-color-gray-500:oklch(55.1% .027 264.364);--clcosdk-color-black:#000;--clcosdk-spacing:.25rem;--clcosdk-container-sm:24rem;--clcosdk-container-md:28rem;--clcosdk-container-xl:36rem;--clcosdk-text-xs:.75rem;--clcosdk-text-xs--line-height:calc(1 / .75);--clcosdk-text-sm:.875rem;--clcosdk-text-sm--line-height:calc(1.25 / .875);--clcosdk-text-base:1rem;--clcosdk-text-base--line-height:calc(1.5 / 1);--clcosdk-text-lg:1.125rem;--clcosdk-text-lg--line-height:calc(1.75 / 1.125);--clcosdk-font-weight-normal:400;--clcosdk-font-weight-medium:500;--clcosdk-font-weight-semibold:600;--clcosdk-radius-md:.375rem;--clcosdk-radius-lg:.5rem;--clcosdk-radius-xl:.75rem;--clcosdk-radius-2xl:1rem;--clcosdk-ease-out:cubic-bezier(0, 0, .2, 1);--clcosdk-ease-in-out:cubic-bezier(.4, 0, .2, 1);--clcosdk-animate-spin:spin 1s linear infinite;--clcosdk-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--clcosdk-color-brand-primary:var(--color-brand-primary)}}@layer base{.clco-sdk-root{--color-brand-primary:#171717;--color-brand-primary-hover:#000;--color-brand-primary-active:#262626;--color-accent:#2b3a67;--color-accent-hover:#243057;--color-accent-active:#1d2647;--color-accent-focus:#c7d2fe;--color-accent-subtle:#eef1f8;--color-text-primary:#171717;--color-text-secondary:#8c8c8c;--color-text-disabled:#d1d1d1;--color-text-inverse:#fff;--color-background:#fff;--color-surface:#fafafa;--color-section:#f3f3f3;--color-border:#e5e5e5;--color-divider:#ececec;--color-overlay:#00000080;--color-positive:#15803d;--color-positive-subtle:#dcfce7;--color-negative:#dc2626;--color-negative-subtle:#fee2e2;--color-success:#2c8c5e;--color-success-subtle:#e6f4ec;--color-success-border:#cfe9db;--color-warning:#e08a1a;--color-warning-subtle:#fff7ed;--color-warning-border:#fdead7;--color-error:#b42318;--color-error-subtle:#feeceb;--color-error-border:#fbd5d2;--shadow-step-active:0px 0px 10px 0px #0000001a;--shadow-dialog:0px 8px 32px 0px #0000001a;--btn-primary-gradient:linear-gradient(180deg, #262626 0%, #1c1c1c 50%, #0f0f0f 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #00000059, inset 0px 1px 2px 0px #ffffff2e, inset 0px 1px 0px 0px #ffffff1a;--sale-card-surface:linear-gradient(to top, #0a0a0a 0%, #1a1a1a 100%);--color-sale-card-text:#f4f4f5;--color-sale-card-text-muted:#a1a1aa;--color-sale-card-text-strong:#fff;--color-sale-card-border:#ffffff40;--color-sale-card-chrome-border:#ffffff4d;--color-sale-card-chrome-bg:#ffffff26;--color-sale-card-chrome-emphasis-border:#fff6;--color-sale-card-chrome-emphasis-bg:#ffffff40;--color-sale-card-focus-ring:#ffffff80}@media (prefers-color-scheme:dark){.clco-sdk-root:not(:where(.light,.light *)){--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140;--shadow-step-active:0px 0px 10px 0px #00000080;--shadow-dialog:0px 8px 32px 0px #0009;--btn-primary-gradient:linear-gradient(180deg, #fafafa 0%, #f0f0f0 50%, #e4e4e7 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #0000001f, inset 0px 1px 2px 0px #fff9, inset 0px 1px 0px 0px #fff6}}:where(.dark,.dark *) .clco-sdk-root{--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140;--shadow-step-active:0px 0px 10px 0px #00000080;--shadow-dialog:0px 8px 32px 0px #0009;--btn-primary-gradient:linear-gradient(180deg, #fafafa 0%, #f0f0f0 50%, #e4e4e7 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #0000001f, inset 0px 1px 2px 0px #fff9, inset 0px 1px 0px 0px #fff6}.clco-sdk-root{color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.clco-sdk-root *,.clco-sdk-root :before,.clco-sdk-root :after{box-sizing:border-box}.clco-sdk-root button{appearance:none;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}.clco-sdk-root input,.clco-sdk-root textarea,.clco-sdk-root select{font:inherit;color:inherit;background:0 0;border:none;border-radius:0;padding:0}.clco-sdk-root a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.clco-sdk-root ul,.clco-sdk-root ol{margin:0;padding:0;list-style:none}.clco-sdk-root h1,.clco-sdk-root h2,.clco-sdk-root h3,.clco-sdk-root h4,.clco-sdk-root h5,.clco-sdk-root h6,.clco-sdk-root p,.clco-sdk-root figure,.clco-sdk-root blockquote,.clco-sdk-root dl,.clco-sdk-root dd,.clco-sdk-root pre{margin:0}.clco-sdk-root img,.clco-sdk-root svg{max-width:100%;display:block}@keyframes clco-status-ping{0%{opacity:.7;transform:scale(1)}75%,to{opacity:0;transform:scale(3.25)}}.clco-sdk-root .clcosdk-status-dot-ping{animation:1.6s cubic-bezier(0,0,.2,1) infinite clco-status-ping}@media (prefers-reduced-motion:reduce){.clco-sdk-root .clcosdk-status-dot-ping{opacity:0;animation:none}}}@layer components;@layer utilities{.clcosdk\\:pointer-events-none{pointer-events:none}.clcosdk\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clcosdk\\:absolute{position:absolute}.clcosdk\\:fixed{position:fixed}.clcosdk\\:relative{position:relative}.clcosdk\\:inset-0{inset:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:top-1\\/2{top:50%}.clcosdk\\:top-4{top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:top-full{top:100%}.clcosdk\\:-right-0\\.5{right:calc(var(--clcosdk-spacing) * -.5)}.clcosdk\\:right-4{right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:right-\\[-14\\%\\]{right:-14%}.clcosdk\\:-bottom-0\\.5{bottom:calc(var(--clcosdk-spacing) * -.5)}.clcosdk\\:bottom-full{bottom:100%}.clcosdk\\:left-1\\/2{left:50%}.clcosdk\\:z-0{z-index:0}.clcosdk\\:z-10{z-index:10}.clcosdk\\:z-50{z-index:50}.clcosdk\\:order-1{order:1}.clcosdk\\:order-2{order:2}.clcosdk\\:mt-2{margin-top:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:mt-4{margin-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:mt-auto{margin-top:auto}.clcosdk\\:mb-2{margin-bottom:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:flex{display:flex}.clcosdk\\:grid{display:grid}.clcosdk\\:inline-flex{display:inline-flex}.clcosdk\\:size-2{width:calc(var(--clcosdk-spacing) * 2);height:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:size-3{width:calc(var(--clcosdk-spacing) * 3);height:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:size-3\\.5{width:calc(var(--clcosdk-spacing) * 3.5);height:calc(var(--clcosdk-spacing) * 3.5)}.clcosdk\\:size-4{width:calc(var(--clcosdk-spacing) * 4);height:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:size-5{width:calc(var(--clcosdk-spacing) * 5);height:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:size-10{width:calc(var(--clcosdk-spacing) * 10);height:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:size-16{width:calc(var(--clcosdk-spacing) * 16);height:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:size-24{width:calc(var(--clcosdk-spacing) * 24);height:calc(var(--clcosdk-spacing) * 24)}.clcosdk\\:size-\\[15rem\\]{width:15rem;height:15rem}.clcosdk\\:size-full{width:100%;height:100%}.clcosdk\\:h-1{height:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:h-3{height:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:h-4{height:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:h-5{height:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:h-6{height:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:h-8{height:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:h-9{height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:h-10{height:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:h-11{height:calc(var(--clcosdk-spacing) * 11)}.clcosdk\\:h-12{height:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:h-14{height:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:h-\\[18px\\]{height:18px}.clcosdk\\:h-\\[54px\\]{height:54px}.clcosdk\\:h-\\[71px\\]{height:71px}.clcosdk\\:h-auto{height:auto}.clcosdk\\:h-full{height:100%}.clcosdk\\:h-px{height:1px}.clcosdk\\:max-h-\\[92vh\\]{max-height:92vh}.clcosdk\\:max-h-full{max-height:100%}.clcosdk\\:min-h-0{min-height:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:min-h-9{min-height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:min-h-40{min-height:calc(var(--clcosdk-spacing) * 40)}.clcosdk\\:min-h-screen{min-height:100vh}.clcosdk\\:w-1{width:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:w-4{width:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:w-5{width:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:w-6{width:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:w-8{width:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:w-10{width:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:w-12{width:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:w-16{width:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:w-20{width:calc(var(--clcosdk-spacing) * 20)}.clcosdk\\:w-24{width:calc(var(--clcosdk-spacing) * 24)}.clcosdk\\:w-28{width:calc(var(--clcosdk-spacing) * 28)}.clcosdk\\:w-32{width:calc(var(--clcosdk-spacing) * 32)}.clcosdk\\:w-40{width:calc(var(--clcosdk-spacing) * 40)}.clcosdk\\:w-48{width:calc(var(--clcosdk-spacing) * 48)}.clcosdk\\:w-80{width:calc(var(--clcosdk-spacing) * 80)}.clcosdk\\:w-96{width:calc(var(--clcosdk-spacing) * 96)}.clcosdk\\:w-\\[16px\\]{width:16px}.clcosdk\\:w-\\[28rem\\]{width:28rem}.clcosdk\\:w-\\[448px\\]{width:448px}.clcosdk\\:w-auto{width:auto}.clcosdk\\:w-component{width:448px}.clcosdk\\:w-fit{width:fit-content}.clcosdk\\:w-full{width:100%}.clcosdk\\:w-max{width:max-content}.clcosdk\\:max-w-\\[16rem\\]{max-width:16rem}.clcosdk\\:max-w-\\[28rem\\]{max-width:28rem}.clcosdk\\:max-w-\\[30rem\\]{max-width:30rem}.clcosdk\\:max-w-\\[40rem\\]{max-width:40rem}.clcosdk\\:max-w-\\[56rem\\]{max-width:56rem}.clcosdk\\:max-w-\\[64rem\\]{max-width:64rem}.clcosdk\\:max-w-\\[760px\\]{max-width:760px}.clcosdk\\:max-w-full{max-width:100%}.clcosdk\\:max-w-md{max-width:var(--clcosdk-container-md)}.clcosdk\\:max-w-sm{max-width:var(--clcosdk-container-sm)}.clcosdk\\:max-w-xl{max-width:var(--clcosdk-container-xl)}.clcosdk\\:min-w-0{min-width:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:flex-1{flex:1}.clcosdk\\:shrink-0{flex-shrink:0}.clcosdk\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.clcosdk\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.clcosdk\\:rotate-90{rotate:90deg}.clcosdk\\:rotate-180{rotate:180deg}.clcosdk\\:animate-pulse{animation:var(--clcosdk-animate-pulse)}.clcosdk\\:animate-spin{animation:var(--clcosdk-animate-spin)}.clcosdk\\:cursor-pointer{cursor:pointer}.clcosdk\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.clcosdk\\:grid-rows-\\[0fr\\]{grid-template-rows:0fr}.clcosdk\\:grid-rows-\\[1fr\\]{grid-template-rows:1fr}.clcosdk\\:flex-col{flex-direction:column}.clcosdk\\:flex-wrap{flex-wrap:wrap}.clcosdk\\:items-center{align-items:center}.clcosdk\\:items-end{align-items:flex-end}.clcosdk\\:items-start{align-items:flex-start}.clcosdk\\:justify-between{justify-content:space-between}.clcosdk\\:justify-center{justify-content:center}.clcosdk\\:justify-end{justify-content:flex-end}.clcosdk\\:gap-1{gap:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:gap-1\\.5{gap:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:gap-2{gap:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:gap-2\\.5{gap:calc(var(--clcosdk-spacing) * 2.5)}.clcosdk\\:gap-3{gap:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:gap-4{gap:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:gap-6{gap:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:gap-\\[5px\\]{gap:5px}:where(.clcosdk\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.clcosdk\\:divide-border>:not(:last-child)){border-color:var(--color-border)}:where(.clcosdk\\:divide-divider>:not(:last-child)){border-color:var(--color-divider)}.clcosdk\\:self-start{align-self:flex-start}.clcosdk\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clcosdk\\:overflow-hidden{overflow:hidden}.clcosdk\\:overflow-y-auto{overflow-y:auto}.clcosdk\\:rounded{border-radius:.25rem}.clcosdk\\:rounded-2xl{border-radius:var(--clcosdk-radius-2xl)}.clcosdk\\:rounded-\\[20px\\]{border-radius:20px}.clcosdk\\:rounded-\\[28px\\]{border-radius:28px}.clcosdk\\:rounded-btn{border-radius:12px}.clcosdk\\:rounded-card{border-radius:24px}.clcosdk\\:rounded-full{border-radius:3.40282e38px}.clcosdk\\:rounded-lg{border-radius:var(--clcosdk-radius-lg)}.clcosdk\\:rounded-md{border-radius:var(--clcosdk-radius-md)}.clcosdk\\:rounded-xl{border-radius:var(--clcosdk-radius-xl)}.clcosdk\\:border{border-style:var(--tw-border-style);border-width:1px}.clcosdk\\:border-2{border-style:var(--tw-border-style);border-width:2px}.clcosdk\\:border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.clcosdk\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.clcosdk\\:border-accent\\/60{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-accent\\/60{border-color:color-mix(in oklab, var(--color-accent) 60%, transparent)}}.clcosdk\\:border-amber-500{border-color:var(--clcosdk-color-amber-500)}.clcosdk\\:border-background{border-color:var(--color-background)}.clcosdk\\:border-border{border-color:var(--color-border)}.clcosdk\\:border-brand-primary{border-color:var(--color-brand-primary)}.clcosdk\\:border-current{border-color:currentColor}.clcosdk\\:border-divider{border-color:var(--color-divider)}.clcosdk\\:border-error-border{border-color:var(--color-error-border)}.clcosdk\\:border-sale-card-border{border-color:var(--color-sale-card-border)}.clcosdk\\:border-sale-card-chrome-border{border-color:var(--color-sale-card-chrome-border)}.clcosdk\\:border-success-border{border-color:var(--color-success-border)}.clcosdk\\:border-warning-border{border-color:var(--color-warning-border)}.clcosdk\\:border-t-transparent{border-top-color:#0000}.clcosdk\\:bg-background{background-color:var(--color-background)}.clcosdk\\:bg-black\\/50{background-color:var(--clcosdk-color-black)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:bg-black\\/50{background-color:color-mix(in oklab, var(--clcosdk-color-black) 50%, transparent)}}.clcosdk\\:bg-brand-primary{background-color:var(--color-brand-primary)}.clcosdk\\:bg-divider{background-color:var(--color-divider)}.clcosdk\\:bg-error-subtle{background-color:var(--color-error-subtle)}.clcosdk\\:bg-overlay{background-color:var(--color-overlay)}.clcosdk\\:bg-positive{background-color:var(--color-positive)}.clcosdk\\:bg-positive-subtle{background-color:var(--color-positive-subtle)}.clcosdk\\:bg-sale-card-chrome-bg{background-color:var(--color-sale-card-chrome-bg)}.clcosdk\\:bg-section{background-color:var(--color-section)}.clcosdk\\:bg-success-subtle{background-color:var(--color-success-subtle)}.clcosdk\\:bg-surface{background-color:var(--color-surface)}.clcosdk\\:bg-text-disabled{background-color:var(--color-text-disabled)}.clcosdk\\:bg-text-primary{background-color:var(--color-text-primary)}.clcosdk\\:bg-transparent{background-color:#0000}.clcosdk\\:bg-warning-subtle{background-color:var(--color-warning-subtle)}.clcosdk\\:bg-\\[image\\:var\\(--btn-primary-gradient\\)\\]{background-image:var(--btn-primary-gradient)}.clcosdk\\:bg-\\[image\\:var\\(--sale-card-surface\\)\\]{background-image:var(--sale-card-surface)}.clcosdk\\:object-contain{object-fit:contain}.clcosdk\\:object-cover{object-fit:cover}.clcosdk\\:p-0{padding:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:p-1\\.5{padding:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:p-3{padding:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:p-3\\.5{padding:calc(var(--clcosdk-spacing) * 3.5)}.clcosdk\\:p-4{padding:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:p-5{padding:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:p-6{padding:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:p-8{padding:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:p-16{padding:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:px-2{padding-inline:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:px-3{padding-inline:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:px-4{padding-inline:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:px-5{padding-inline:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:px-6{padding-inline:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:py-1\\.5{padding-block:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:py-2{padding-block:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:py-3{padding-block:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:py-8{padding-block:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:py-12{padding-block:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:pt-1{padding-top:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:pt-4{padding-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pt-14{padding-top:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:pr-1\\.5{padding-right:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:pr-3{padding-right:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:pr-4{padding-right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pb-4{padding-bottom:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pl-3{padding-left:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:text-center{text-align:center}.clcosdk\\:text-left{text-align:left}.clcosdk\\:text-right{text-align:right}.clcosdk\\:font-mono{font-family:var(--clcosdk-font-mono)}.clcosdk\\:text-base{font-size:var(--clcosdk-text-base);line-height:var(--tw-leading,var(--clcosdk-text-base--line-height))}.clcosdk\\:text-lg{font-size:var(--clcosdk-text-lg);line-height:var(--tw-leading,var(--clcosdk-text-lg--line-height))}.clcosdk\\:text-sm{font-size:var(--clcosdk-text-sm);line-height:var(--tw-leading,var(--clcosdk-text-sm--line-height))}.clcosdk\\:text-xs{font-size:var(--clcosdk-text-xs);line-height:var(--tw-leading,var(--clcosdk-text-xs--line-height))}.clcosdk\\:text-\\[11px\\]{font-size:11px}.clcosdk\\:text-\\[12px\\]{font-size:12px}.clcosdk\\:text-\\[13px\\]{font-size:13px}.clcosdk\\:text-\\[14px\\]{font-size:14px}.clcosdk\\:text-\\[15px\\]{font-size:15px}.clcosdk\\:text-\\[16px\\]{font-size:16px}.clcosdk\\:text-\\[18px\\]{font-size:18px}.clcosdk\\:text-\\[22px\\]{font-size:22px}.clcosdk\\:text-\\[28px\\]{font-size:28px}.clcosdk\\:text-\\[36px\\]{font-size:36px}.clcosdk\\:text-\\[48px\\]{font-size:48px}.clcosdk\\:text-\\[64px\\]{font-size:64px}.clcosdk\\:leading-\\[105\\%\\]{--tw-leading:105%;line-height:105%}.clcosdk\\:leading-\\[108\\%\\]{--tw-leading:108%;line-height:108%}.clcosdk\\:leading-\\[110\\%\\]{--tw-leading:110%;line-height:110%}.clcosdk\\:leading-\\[120\\%\\]{--tw-leading:120%;line-height:120%}.clcosdk\\:leading-\\[130\\%\\]{--tw-leading:130%;line-height:130%}.clcosdk\\:leading-\\[140\\%\\]{--tw-leading:140%;line-height:140%}.clcosdk\\:leading-\\[150\\%\\]{--tw-leading:150%;line-height:150%}.clcosdk\\:leading-\\[160\\%\\]{--tw-leading:160%;line-height:160%}.clcosdk\\:font-medium{--tw-font-weight:var(--clcosdk-font-weight-medium);font-weight:var(--clcosdk-font-weight-medium)}.clcosdk\\:font-normal{--tw-font-weight:var(--clcosdk-font-weight-normal);font-weight:var(--clcosdk-font-weight-normal)}.clcosdk\\:font-semibold{--tw-font-weight:var(--clcosdk-font-weight-semibold);font-weight:var(--clcosdk-font-weight-semibold)}.clcosdk\\:tracking-\\[0\\.12px\\]{--tw-tracking:.12px;letter-spacing:.12px}.clcosdk\\:tracking-\\[0\\.28px\\]{--tw-tracking:.28px;letter-spacing:.28px}.clcosdk\\:break-words{overflow-wrap:break-word}.clcosdk\\:whitespace-nowrap{white-space:nowrap}.clcosdk\\:text-background{color:var(--color-background)}.clcosdk\\:text-brand-primary{color:var(--color-brand-primary)}.clcosdk\\:text-error{color:var(--color-error)}.clcosdk\\:text-positive{color:var(--color-positive)}.clcosdk\\:text-sale-card-text{color:var(--color-sale-card-text)}.clcosdk\\:text-sale-card-text-muted{color:var(--color-sale-card-text-muted)}.clcosdk\\:text-sale-card-text-strong{color:var(--color-sale-card-text-strong)}.clcosdk\\:text-success{color:var(--color-success)}.clcosdk\\:text-text-disabled{color:var(--color-text-disabled)}.clcosdk\\:text-text-inverse{color:var(--color-text-inverse)}.clcosdk\\:text-text-primary{color:var(--color-text-primary)}.clcosdk\\:text-text-secondary{color:var(--color-text-secondary)}.clcosdk\\:text-warning{color:var(--color-warning)}.clcosdk\\:capitalize{text-transform:capitalize}.clcosdk\\:lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.clcosdk\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.clcosdk\\:no-underline{text-decoration-line:none}.clcosdk\\:underline{text-decoration-line:underline}.clcosdk\\:underline-offset-2{text-underline-offset:2px}.clcosdk\\:underline-offset-4{text-underline-offset:4px}.clcosdk\\:opacity-0{opacity:0}.clcosdk\\:opacity-60{opacity:.6}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.2\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f633);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0px_1px_1px_0px_rgba\\(10\\,10\\,10\\,0\\.04\\)\\,0px_8px_12px_0px_rgba\\(10\\,10\\,10\\,0\\.08\\)\\]{--tw-shadow:0px 1px 1px 0px var(--tw-shadow-color,#0a0a0a0a), 0px 8px 12px 0px var(--tw-shadow-color,#0a0a0a14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0px_4px_12px_0px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\,0px_12px_28px_0px_rgba\\(0\\,0\\,0\\,0\\.13\\)\\]{--tw-shadow:0px 4px 12px 0px var(--tw-shadow-color,#00000014), 0px 12px 28px 0px var(--tw-shadow-color,#00000021);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[var\\(--btn-primary-shadow\\)\\]{--tw-shadow:var(--btn-primary-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-card{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#0000000d), 0px 12px 24px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-dialog{--tw-shadow:var(--shadow-dialog);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-step-active{--tw-shadow:var(--shadow-step-active);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:transition-\\[background-color\\,border-color\\]{transition-property:background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.clcosdk\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.clcosdk\\:duration-500{--tw-duration:.5s;transition-duration:.5s}.clcosdk\\:ease-in-out{--tw-ease:var(--clcosdk-ease-in-out);transition-timing-function:var(--clcosdk-ease-in-out)}.clcosdk\\:ease-out{--tw-ease:var(--clcosdk-ease-out);transition-timing-function:var(--clcosdk-ease-out)}.clcosdk\\:outline-none{--tw-outline-style:none;outline-style:none}.clcosdk\\:group-focus-within\\:opacity-100:is(:where(.clcosdk\\:group):focus-within *){opacity:1}@media (hover:hover){.clcosdk\\:group-hover\\:border-sale-card-chrome-emphasis-border:is(:where(.clcosdk\\:group):hover *){border-color:var(--color-sale-card-chrome-emphasis-border)}.clcosdk\\:group-hover\\:bg-sale-card-chrome-emphasis-bg:is(:where(.clcosdk\\:group):hover *){background-color:var(--color-sale-card-chrome-emphasis-bg)}.clcosdk\\:group-hover\\:opacity-100:is(:where(.clcosdk\\:group):hover *){opacity:1}}.clcosdk\\:group-focus-visible\\:border-sale-card-chrome-emphasis-border:is(:where(.clcosdk\\:group):focus-visible *){border-color:var(--color-sale-card-chrome-emphasis-border)}.clcosdk\\:group-focus-visible\\:bg-sale-card-chrome-emphasis-bg:is(:where(.clcosdk\\:group):focus-visible *){background-color:var(--color-sale-card-chrome-emphasis-bg)}.clcosdk\\:placeholder\\:text-text-disabled::placeholder{color:var(--color-text-disabled)}@media (hover:hover){.clcosdk\\:hover\\:scale-\\[1\\.02\\]:hover{scale:1.02}.clcosdk\\:hover\\:border-text-disabled:hover{border-color:var(--color-text-disabled)}.clcosdk\\:hover\\:bg-\\[\\#fcdcd8\\]:hover{background-color:#fcdcd8}.clcosdk\\:hover\\:bg-border:hover{background-color:var(--color-border)}.clcosdk\\:hover\\:bg-brand-primary:hover{background-color:var(--color-brand-primary)}.clcosdk\\:hover\\:bg-brand-primary-hover:hover{background-color:var(--color-brand-primary-hover)}.clcosdk\\:hover\\:bg-section:hover{background-color:var(--color-section)}.clcosdk\\:hover\\:bg-surface:hover{background-color:var(--color-surface)}.clcosdk\\:hover\\:text-\\[\\#8b1a13\\]:hover{color:#8b1a13}.clcosdk\\:hover\\:text-text-primary:hover{color:var(--color-text-primary)}.clcosdk\\:hover\\:underline:hover{text-decoration-line:underline}.clcosdk\\:hover\\:opacity-80:hover{opacity:.8}.clcosdk\\:hover\\:opacity-90:hover{opacity:.9}}.clcosdk\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:focus-visible\\:ring-gray-400:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-400)}.clcosdk\\:focus-visible\\:ring-gray-500:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-500)}.clcosdk\\:focus-visible\\:ring-red-400:focus-visible{--tw-ring-color:var(--clcosdk-color-red-400)}.clcosdk\\:focus-visible\\:ring-red-500:focus-visible{--tw-ring-color:var(--clcosdk-color-red-500)}.clcosdk\\:focus-visible\\:ring-sale-card-focus-ring:focus-visible{--tw-ring-color:var(--color-sale-card-focus-ring)}.clcosdk\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.clcosdk\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.clcosdk\\:active\\:bg-\\[\\#d9d9d9\\]:active{background-color:#d9d9d9}.clcosdk\\:active\\:bg-\\[\\#f9c9c4\\]:active{background-color:#f9c9c4}.clcosdk\\:active\\:bg-border:active{background-color:var(--color-border)}.clcosdk\\:active\\:bg-brand-primary-active:active{background-color:var(--color-brand-primary-active)}.clcosdk\\:active\\:text-\\[\\#6d1510\\]:active{color:#6d1510}.clcosdk\\:active\\:opacity-80:active{opacity:.8}.clcosdk\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.clcosdk\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.clcosdk\\:disabled\\:opacity-40:disabled{opacity:.4}.clcosdk\\:disabled\\:opacity-50:disabled{opacity:.5}.clcosdk\\:aria-disabled\\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.clcosdk\\:aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}@media not all and (min-width:48rem){.clcosdk\\:max-md\\:hidden{display:none}.clcosdk\\:max-md\\:w-full{width:100%}.clcosdk\\:max-md\\:justify-start{justify-content:flex-start}.clcosdk\\:max-md\\:gap-4{gap:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:max-md\\:rounded-none{border-radius:0}.clcosdk\\:max-md\\:border-0{border-style:var(--tw-border-style);border-width:0}.clcosdk\\:max-md\\:bg-transparent{background-color:#0000}.clcosdk\\:max-md\\:p-0{padding:calc(var(--clcosdk-spacing) * 0)}@media (hover:hover){.clcosdk\\:max-md\\:hover\\:scale-100:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}@media (min-width:40rem){.clcosdk\\:sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.clcosdk\\:md\\:right-\\[-10\\%\\]{right:-10%}.clcosdk\\:md\\:order-1{order:1}.clcosdk\\:md\\:order-2{order:2}.clcosdk\\:md\\:hidden{display:none}.clcosdk\\:md\\:size-\\[20rem\\]{width:20rem;height:20rem}.clcosdk\\:md\\:h-9{height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:md\\:h-12{height:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:md\\:h-\\[54px\\]{height:54px}.clcosdk\\:md\\:w-9{width:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:md\\:w-12{width:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.clcosdk\\:md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.clcosdk\\:md\\:grid-cols-\\[minmax\\(0\\,11fr\\)_minmax\\(0\\,8fr\\)\\]{grid-template-columns:minmax(0,11fr) minmax(0,8fr)}.clcosdk\\:md\\:flex-row{flex-direction:row}.clcosdk\\:md\\:items-center{align-items:center}.clcosdk\\:md\\:items-end{align-items:flex-end}.clcosdk\\:md\\:justify-between{justify-content:space-between}.clcosdk\\:md\\:justify-end{justify-content:flex-end}.clcosdk\\:md\\:gap-3{gap:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:md\\:gap-6{gap:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:gap-x-12{column-gap:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:md\\:self-end{align-self:flex-end}.clcosdk\\:md\\:rounded-\\[40px\\]{border-radius:40px}.clcosdk\\:md\\:rounded-card{border-radius:24px}.clcosdk\\:md\\:rounded-dialog{border-radius:32px}.clcosdk\\:md\\:p-4{padding:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:md\\:p-6{padding:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:p-8{padding:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:md\\:px-6{padding-inline:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:px-8{padding-inline:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:md\\:py-2{padding-block:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:md\\:pr-2{padding-right:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:md\\:pr-4{padding-right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:md\\:pl-4{padding-left:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:md\\:text-base{font-size:var(--clcosdk-text-base);line-height:var(--tw-leading,var(--clcosdk-text-base--line-height))}.clcosdk\\:md\\:text-\\[14px\\]{font-size:14px}.clcosdk\\:md\\:text-\\[16px\\]{font-size:16px}.clcosdk\\:md\\:text-\\[18px\\]{font-size:18px}.clcosdk\\:md\\:text-\\[28px\\]{font-size:28px}.clcosdk\\:md\\:leading-\\[120\\%\\]{--tw-leading:120%;line-height:120%}.clcosdk\\:md\\:leading-\\[160\\%\\]{--tw-leading:160%;line-height:160%}}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:not(:where(.light,.light *)):hover{background-color:#f8717133}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:where(.dark,.dark *):hover{background-color:#f8717133}}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:not(:where(.light,.light *)):hover{color:#fca5a5}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:where(.dark,.dark *):hover{color:#fca5a5}}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:not(:where(.light,.light *)):active{background-color:#f871714d}}.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:where(.dark,.dark *):active{background-color:#f871714d}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-divider:not(:where(.light,.light *)):active{background-color:var(--color-divider)}}.clcosdk\\:dark\\:active\\:bg-divider:where(.dark,.dark *):active{background-color:var(--color-divider)}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:not(:where(.light,.light *)):active{color:#f87171}}.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:where(.dark,.dark *):active{color:#f87171}.clcosdk\\:\\[\\&_circle\\]\\:fill-error-subtle circle{fill:var(--color-error-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-success-subtle circle{fill:var(--color-success-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-warning-subtle circle{fill:var(--color-warning-subtle)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
|
|
4092
4096
|
|
|
4093
4097
|
// src/client/CoinListStyleScope.tsx
|
|
4094
4098
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
@@ -4323,22 +4327,23 @@ var import_lucide_react = require("lucide-react");
|
|
|
4323
4327
|
|
|
4324
4328
|
// src/client/components/design-system/tokens/typography.ts
|
|
4325
4329
|
var typeClasses = {
|
|
4326
|
-
hero: "clcosdk:text-[64px] clcosdk:leading-[
|
|
4327
|
-
display: "clcosdk:text-[48px] clcosdk:leading-[
|
|
4328
|
-
h1: "clcosdk:text-[36px] clcosdk:leading-[
|
|
4329
|
-
h2: "clcosdk:text-[28px] clcosdk:leading-[
|
|
4330
|
-
h3: "clcosdk:text-[22px] clcosdk:leading-[130%] clcosdk:font-
|
|
4331
|
-
h4: "clcosdk:text-[18px] clcosdk:leading-[
|
|
4332
|
-
body: "clcosdk:text-[16px] clcosdk:leading-[
|
|
4330
|
+
hero: "clcosdk:text-[64px] clcosdk:leading-[105%] clcosdk:font-semibold",
|
|
4331
|
+
display: "clcosdk:text-[48px] clcosdk:leading-[108%] clcosdk:font-semibold",
|
|
4332
|
+
h1: "clcosdk:text-[36px] clcosdk:leading-[110%] clcosdk:font-medium",
|
|
4333
|
+
h2: "clcosdk:text-[28px] clcosdk:leading-[120%] clcosdk:font-medium",
|
|
4334
|
+
h3: "clcosdk:text-[22px] clcosdk:leading-[130%] clcosdk:font-medium",
|
|
4335
|
+
h4: "clcosdk:text-[18px] clcosdk:leading-[140%] clcosdk:font-medium",
|
|
4336
|
+
body: "clcosdk:text-[16px] clcosdk:leading-[160%] clcosdk:font-normal",
|
|
4333
4337
|
// Same metrics as `body` at medium weight. `cn(typeClasses.body, 'font-medium')`
|
|
4334
4338
|
// leaves both weights in the class list (`cn` is clsx), and stylesheet order
|
|
4335
|
-
// decides which wins.
|
|
4336
|
-
bodyMedium: "clcosdk:text-[16px] clcosdk:leading-[
|
|
4339
|
+
// decides which wins. Clay lists Body Regular only; this is the medium pair.
|
|
4340
|
+
bodyMedium: "clcosdk:text-[16px] clcosdk:leading-[160%] clcosdk:font-medium",
|
|
4337
4341
|
bodySm: "clcosdk:text-[15px] clcosdk:leading-[160%] clcosdk:font-normal",
|
|
4338
4342
|
subhead: "clcosdk:text-[14px] clcosdk:leading-[150%] clcosdk:font-normal",
|
|
4339
4343
|
caption: "clcosdk:text-[12px] clcosdk:leading-[140%] clcosdk:font-normal",
|
|
4340
4344
|
label: "clcosdk:text-[14px] clcosdk:leading-[140%] clcosdk:font-medium",
|
|
4341
|
-
|
|
4345
|
+
// Clay Data: Inter Medium + lining/tabular figures.
|
|
4346
|
+
data: "clcosdk:text-[14px] clcosdk:leading-[140%] clcosdk:font-medium clcosdk:lining-nums clcosdk:tabular-nums"
|
|
4342
4347
|
};
|
|
4343
4348
|
|
|
4344
4349
|
// src/client/components/design-system/AlertBanner.tsx
|
|
@@ -11160,6 +11165,18 @@ function formatCountdown(totalSeconds) {
|
|
|
11160
11165
|
(count, offset) => `${count}${UNITS[firstSignificant + offset].suffix}`
|
|
11161
11166
|
).join(" ");
|
|
11162
11167
|
}
|
|
11168
|
+
function formatSaleCardCountdown(totalSeconds) {
|
|
11169
|
+
if (!Number.isFinite(totalSeconds) || totalSeconds < 1) {
|
|
11170
|
+
return "0D 0H 0M";
|
|
11171
|
+
}
|
|
11172
|
+
const remaining = Math.max(Math.floor(totalSeconds), SECONDS_PER_MINUTE);
|
|
11173
|
+
const days = Math.floor(remaining / SECONDS_PER_DAY);
|
|
11174
|
+
const hours = Math.floor(remaining % SECONDS_PER_DAY / SECONDS_PER_HOUR);
|
|
11175
|
+
const minutes = Math.floor(
|
|
11176
|
+
remaining % SECONDS_PER_HOUR / SECONDS_PER_MINUTE
|
|
11177
|
+
);
|
|
11178
|
+
return `${days}D ${hours}H ${minutes}M`;
|
|
11179
|
+
}
|
|
11163
11180
|
|
|
11164
11181
|
// src/client/hooks/checkout/superstate/swap/sidebar/useSuperstateSidebarViewModel.ts
|
|
11165
11182
|
var SALE_ENDED = "Sale ended";
|
|
@@ -11885,103 +11902,288 @@ function SuperstateSwapCheckoutContainer({
|
|
|
11885
11902
|
);
|
|
11886
11903
|
}
|
|
11887
11904
|
|
|
11888
|
-
// src/client/components/offers/
|
|
11905
|
+
// src/client/components/offers/shared/offer-card-keyboard.ts
|
|
11906
|
+
function onOfferCardKeyDown(event, onClick) {
|
|
11907
|
+
if (event.key !== "Enter" && event.key !== " ") return;
|
|
11908
|
+
event.preventDefault();
|
|
11909
|
+
onClick();
|
|
11910
|
+
}
|
|
11911
|
+
|
|
11912
|
+
// src/client/components/offers/shared/OfferAssetCard.tsx
|
|
11889
11913
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
11890
|
-
function
|
|
11914
|
+
function OfferAssetCard({
|
|
11891
11915
|
offer,
|
|
11892
11916
|
onClick,
|
|
11893
11917
|
className,
|
|
11894
11918
|
containerClassName
|
|
11895
11919
|
}) {
|
|
11896
|
-
const
|
|
11897
|
-
const
|
|
11898
|
-
|
|
11899
|
-
|
|
11900
|
-
|
|
11901
|
-
|
|
11902
|
-
|
|
11903
|
-
|
|
11904
|
-
|
|
11905
|
-
|
|
11906
|
-
|
|
11907
|
-
|
|
11908
|
-
|
|
11909
|
-
|
|
11910
|
-
|
|
11911
|
-
|
|
11912
|
-
|
|
11913
|
-
|
|
11914
|
-
}
|
|
11915
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "clcosdk:h-28 clcosdk:w-28 clcosdk:rounded-full clcosdk:border clcosdk:border-border clcosdk:bg-surface clcosdk:shadow-[0_10px_24px_rgba(0,0,0,0.18)]" }) })
|
|
11916
|
-
] }),
|
|
11917
|
-
offer.tagline && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11918
|
-
"p",
|
|
11919
|
-
{
|
|
11920
|
-
className: cn(
|
|
11921
|
-
typeClasses.h3,
|
|
11922
|
-
"clcosdk:min-h-[2.4rem] clcosdk:text-text-primary"
|
|
11923
|
-
),
|
|
11924
|
-
children: offer.tagline
|
|
11925
|
-
}
|
|
11926
|
-
),
|
|
11927
|
-
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "clcosdk:mt-4 clcosdk:grid clcosdk:grid-cols-2 clcosdk:gap-5 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: [
|
|
11928
|
-
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
|
|
11929
|
-
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11930
|
-
"span",
|
|
11931
|
-
{
|
|
11932
|
-
className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
|
|
11933
|
-
children: "Starts"
|
|
11934
|
-
}
|
|
11935
|
-
),
|
|
11936
|
-
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: cn(typeClasses.label, "clcosdk:text-text-primary"), children: offer.formattedStartsAt })
|
|
11937
|
-
] }),
|
|
11938
|
-
offer.formattedEndsAt && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
|
|
11939
|
-
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11940
|
-
"span",
|
|
11941
|
-
{
|
|
11942
|
-
className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
|
|
11943
|
-
children: "Ends"
|
|
11944
|
-
}
|
|
11945
|
-
),
|
|
11946
|
-
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11947
|
-
"span",
|
|
11920
|
+
const interactive = onClick !== void 0;
|
|
11921
|
+
const card = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11922
|
+
"article",
|
|
11923
|
+
{
|
|
11924
|
+
className: cn(
|
|
11925
|
+
"clcosdk:relative clcosdk:flex clcosdk:w-full clcosdk:items-center clcosdk:rounded-[20px] clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-3 clcosdk:shadow-[0px_1px_1px_0px_rgba(10,10,10,0.04),0px_8px_12px_0px_rgba(10,10,10,0.08)]",
|
|
11926
|
+
"clcosdk:md:rounded-card clcosdk:md:p-4",
|
|
11927
|
+
interactive && "clcosdk:cursor-pointer clcosdk:transition-transform clcosdk:duration-300 clcosdk:ease-out clcosdk:hover:scale-[1.02] clcosdk:focus-visible:ring-2 clcosdk:focus-visible:ring-gray-400 clcosdk:focus-visible:ring-offset-2 clcosdk:focus-visible:outline-none clcosdk:max-md:hover:scale-100",
|
|
11928
|
+
className
|
|
11929
|
+
),
|
|
11930
|
+
"aria-label": interactive ? cardActionLabel(offer) : void 0,
|
|
11931
|
+
role: interactive ? "button" : void 0,
|
|
11932
|
+
tabIndex: interactive ? 0 : void 0,
|
|
11933
|
+
onClick,
|
|
11934
|
+
onKeyDown: interactive ? (event) => onOfferCardKeyDown(event, onClick) : void 0,
|
|
11935
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:items-center clcosdk:gap-2.5 clcosdk:pr-3 clcosdk:md:gap-3 clcosdk:md:pr-4", children: [
|
|
11936
|
+
offer.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "clcosdk:h-10 clcosdk:w-10 clcosdk:shrink-0 clcosdk:overflow-hidden clcosdk:rounded-full clcosdk:md:h-12 clcosdk:md:w-12", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11937
|
+
"img",
|
|
11948
11938
|
{
|
|
11949
|
-
|
|
11950
|
-
|
|
11939
|
+
src: offer.logoUrl,
|
|
11940
|
+
alt: "",
|
|
11941
|
+
width: 48,
|
|
11942
|
+
height: 48,
|
|
11943
|
+
className: "clcosdk:size-full clcosdk:object-cover",
|
|
11944
|
+
style: { maxWidth: "none", width: "100%", height: "100%" }
|
|
11951
11945
|
}
|
|
11952
|
-
)
|
|
11946
|
+
) }) : null,
|
|
11947
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:flex-col clcosdk:items-start clcosdk:justify-center", children: [
|
|
11948
|
+
offer.name ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11949
|
+
"h2",
|
|
11950
|
+
{
|
|
11951
|
+
className: cn(
|
|
11952
|
+
"clcosdk:w-full clcosdk:truncate clcosdk:text-[16px] clcosdk:leading-[140%] clcosdk:font-medium clcosdk:text-text-primary clcosdk:md:text-[18px]"
|
|
11953
|
+
),
|
|
11954
|
+
children: offer.name
|
|
11955
|
+
}
|
|
11956
|
+
) : null,
|
|
11957
|
+
offer.symbol ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "clcosdk:w-full clcosdk:truncate clcosdk:text-[13px] clcosdk:leading-[150%] clcosdk:font-normal clcosdk:text-text-secondary clcosdk:md:text-[14px]", children: offer.symbol }) : null
|
|
11958
|
+
] })
|
|
11953
11959
|
] })
|
|
11954
|
-
|
|
11955
|
-
] });
|
|
11956
|
-
const baseClasses = cn(
|
|
11957
|
-
"clcosdk:relative clcosdk:flex clcosdk:w-full clcosdk:max-w-[28rem] clcosdk:flex-col clcosdk:rounded-card clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6 clcosdk:text-left clcosdk:shadow-card clcosdk:transition-all clcosdk:duration-200",
|
|
11958
|
-
className,
|
|
11959
|
-
onClick && "clcosdk:cursor-pointer clcosdk:hover:-translate-y-0.5 clcosdk:hover:border-divider clcosdk:hover:shadow-[0px_14px_32px_-10px_rgba(0,0,0,0.35)] clcosdk:focus-visible:outline-none clcosdk:focus-visible:ring-2 clcosdk:focus-visible:ring-accent-focus clcosdk:focus-visible:ring-offset-2"
|
|
11960
|
+
}
|
|
11960
11961
|
);
|
|
11961
|
-
|
|
11962
|
-
|
|
11963
|
-
|
|
11964
|
-
|
|
11965
|
-
|
|
11966
|
-
|
|
11967
|
-
"aria-label": cardLabel,
|
|
11968
|
-
className: baseClasses,
|
|
11969
|
-
onClick,
|
|
11970
|
-
children: cardContent
|
|
11971
|
-
}
|
|
11972
|
-
);
|
|
11973
|
-
} else {
|
|
11974
|
-
cardNode = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: baseClasses, children: cardContent });
|
|
11975
|
-
}
|
|
11976
|
-
const card = containerClassName ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: containerClassName, children: cardNode }) : cardNode;
|
|
11977
|
-
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CoinListStyleScope, { children: card });
|
|
11962
|
+
const wrapped = containerClassName ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: containerClassName, children: card }) : card;
|
|
11963
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CoinListStyleScope, { children: wrapped });
|
|
11964
|
+
}
|
|
11965
|
+
function cardActionLabel(offer) {
|
|
11966
|
+
const parts = [offer.name, offer.symbol].filter(Boolean);
|
|
11967
|
+
return parts.length > 0 ? parts.join(", ") : "View offer";
|
|
11978
11968
|
}
|
|
11979
11969
|
|
|
11980
|
-
// src/client/components/offers/grid/
|
|
11970
|
+
// src/client/components/offers/grid/OffersAssetGrid.tsx
|
|
11981
11971
|
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
11982
11972
|
var DEFAULT_MAX_COLUMNS = 3;
|
|
11973
|
+
function OffersAssetGrid({
|
|
11974
|
+
offers,
|
|
11975
|
+
onOfferClick,
|
|
11976
|
+
maxColumns,
|
|
11977
|
+
className,
|
|
11978
|
+
containerClassName
|
|
11979
|
+
}) {
|
|
11980
|
+
const cols = Math.min(
|
|
11981
|
+
DEFAULT_MAX_COLUMNS,
|
|
11982
|
+
Math.max(1, maxColumns ?? DEFAULT_MAX_COLUMNS)
|
|
11983
|
+
);
|
|
11984
|
+
const maxGridWidth = `calc(${cols} * 20rem + ${Math.max(cols - 1, 0)} * 1.5rem)`;
|
|
11985
|
+
const interactive = onOfferClick !== void 0;
|
|
11986
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
11987
|
+
"div",
|
|
11988
|
+
{
|
|
11989
|
+
className: cn(
|
|
11990
|
+
"clcosdk:flex clcosdk:w-full clcosdk:justify-center",
|
|
11991
|
+
containerClassName
|
|
11992
|
+
),
|
|
11993
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
11994
|
+
"div",
|
|
11995
|
+
{
|
|
11996
|
+
className: cn(
|
|
11997
|
+
"clcosdk:grid clcosdk:w-full clcosdk:grid-cols-1 clcosdk:gap-4 clcosdk:md:gap-6",
|
|
11998
|
+
cols >= 2 && "clcosdk:sm:grid-cols-2",
|
|
11999
|
+
cols >= 3 && "clcosdk:md:grid-cols-3",
|
|
12000
|
+
className
|
|
12001
|
+
),
|
|
12002
|
+
style: { maxWidth: maxGridWidth },
|
|
12003
|
+
children: offers.map((offer) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
12004
|
+
OfferAssetCard,
|
|
12005
|
+
{
|
|
12006
|
+
offer,
|
|
12007
|
+
onClick: interactive ? () => onOfferClick(offer.id) : void 0
|
|
12008
|
+
},
|
|
12009
|
+
offer.id
|
|
12010
|
+
))
|
|
12011
|
+
}
|
|
12012
|
+
)
|
|
12013
|
+
}
|
|
12014
|
+
) });
|
|
12015
|
+
}
|
|
12016
|
+
|
|
12017
|
+
// src/client/components/offers/shared/OfferSaleCard.tsx
|
|
12018
|
+
var import_lucide_react13 = require("lucide-react");
|
|
12019
|
+
|
|
12020
|
+
// src/client/components/offers/shared/sale-card-status.ts
|
|
12021
|
+
function saleCardStatus({
|
|
12022
|
+
endsAt,
|
|
12023
|
+
secondsUntilStart,
|
|
12024
|
+
secondsLeft
|
|
12025
|
+
}) {
|
|
12026
|
+
if (secondsUntilStart !== null && secondsUntilStart > 0) {
|
|
12027
|
+
return {
|
|
12028
|
+
phase: "upcoming",
|
|
12029
|
+
label: formatSaleCardCountdown(secondsUntilStart)
|
|
12030
|
+
};
|
|
12031
|
+
}
|
|
12032
|
+
if (endsAt === null) {
|
|
12033
|
+
return { phase: "live", label: "Live" };
|
|
12034
|
+
}
|
|
12035
|
+
if (secondsLeft === null || secondsLeft <= 0) {
|
|
12036
|
+
return { phase: "ended", label: "Ended" };
|
|
12037
|
+
}
|
|
12038
|
+
return {
|
|
12039
|
+
phase: "live",
|
|
12040
|
+
label: formatSaleCardCountdown(secondsLeft)
|
|
12041
|
+
};
|
|
12042
|
+
}
|
|
12043
|
+
|
|
12044
|
+
// src/client/components/offers/shared/OfferSaleCard.tsx
|
|
12045
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
12046
|
+
function OfferSaleCard({
|
|
12047
|
+
offer,
|
|
12048
|
+
onClick,
|
|
12049
|
+
className,
|
|
12050
|
+
containerClassName
|
|
12051
|
+
}) {
|
|
12052
|
+
const secondsUntilStart = useCountdown({ until: offer.startsAt });
|
|
12053
|
+
const secondsLeft = useCountdown({ until: offer.endsAt });
|
|
12054
|
+
const status = saleCardStatus({
|
|
12055
|
+
endsAt: offer.endsAt,
|
|
12056
|
+
secondsUntilStart,
|
|
12057
|
+
secondsLeft
|
|
12058
|
+
});
|
|
12059
|
+
const interactive = onClick !== void 0;
|
|
12060
|
+
const card = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
12061
|
+
"article",
|
|
12062
|
+
{
|
|
12063
|
+
className: cn(
|
|
12064
|
+
"clcosdk:relative clcosdk:flex clcosdk:h-full clcosdk:w-full clcosdk:flex-col clcosdk:gap-4 clcosdk:overflow-hidden clcosdk:rounded-[28px] clcosdk:border-2 clcosdk:border-sale-card-border clcosdk:bg-[image:var(--sale-card-surface)] clcosdk:p-5 clcosdk:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.08),0px_12px_28px_0px_rgba(0,0,0,0.13)]",
|
|
12065
|
+
"clcosdk:md:gap-6 clcosdk:md:rounded-[40px] clcosdk:md:p-8",
|
|
12066
|
+
interactive && "clcosdk:group clcosdk:cursor-pointer clcosdk:transition-transform clcosdk:duration-300 clcosdk:ease-out clcosdk:hover:scale-[1.02] clcosdk:focus-visible:ring-2 clcosdk:focus-visible:ring-sale-card-focus-ring clcosdk:focus-visible:ring-offset-2 clcosdk:focus-visible:outline-none clcosdk:max-md:hover:scale-100",
|
|
12067
|
+
className
|
|
12068
|
+
),
|
|
12069
|
+
"aria-label": interactive ? cardActionLabel2(offer, status.phase) : void 0,
|
|
12070
|
+
role: interactive ? "button" : void 0,
|
|
12071
|
+
tabIndex: interactive ? 0 : void 0,
|
|
12072
|
+
onClick,
|
|
12073
|
+
onKeyDown: interactive ? (event) => onOfferCardKeyDown(event, onClick) : void 0,
|
|
12074
|
+
children: [
|
|
12075
|
+
offer.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
12076
|
+
"div",
|
|
12077
|
+
{
|
|
12078
|
+
"aria-hidden": "true",
|
|
12079
|
+
className: "clcosdk:pointer-events-none clcosdk:absolute clcosdk:top-1/2 clcosdk:right-[-14%] clcosdk:z-0 clcosdk:size-[15rem] clcosdk:-translate-y-1/2 clcosdk:md:right-[-10%] clcosdk:md:size-[20rem]",
|
|
12080
|
+
style: { mixBlendMode: "overlay" },
|
|
12081
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
12082
|
+
"img",
|
|
12083
|
+
{
|
|
12084
|
+
src: offer.logoUrl,
|
|
12085
|
+
alt: "",
|
|
12086
|
+
className: "clcosdk:size-full clcosdk:rounded-full clcosdk:object-cover",
|
|
12087
|
+
style: { maxWidth: "none", width: "100%", height: "100%" }
|
|
12088
|
+
}
|
|
12089
|
+
)
|
|
12090
|
+
}
|
|
12091
|
+
) : null,
|
|
12092
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "clcosdk:relative clcosdk:z-10 clcosdk:flex clcosdk:flex-col clcosdk:gap-2 clcosdk:md:gap-3", children: [
|
|
12093
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-2.5 clcosdk:md:gap-3", children: [
|
|
12094
|
+
offer.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "clcosdk:h-8 clcosdk:w-8 clcosdk:shrink-0 clcosdk:overflow-hidden clcosdk:rounded-full clcosdk:md:h-9 clcosdk:md:w-9", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
12095
|
+
"img",
|
|
12096
|
+
{
|
|
12097
|
+
src: offer.logoUrl,
|
|
12098
|
+
alt: "",
|
|
12099
|
+
width: 36,
|
|
12100
|
+
height: 36,
|
|
12101
|
+
className: "clcosdk:size-full clcosdk:object-cover",
|
|
12102
|
+
style: { maxWidth: "none", width: "100%", height: "100%" }
|
|
12103
|
+
}
|
|
12104
|
+
) }) : null,
|
|
12105
|
+
offer.name ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
12106
|
+
"h2",
|
|
12107
|
+
{
|
|
12108
|
+
className: cn(
|
|
12109
|
+
"clcosdk:min-w-0 clcosdk:truncate clcosdk:text-[22px] clcosdk:leading-[130%] clcosdk:font-medium clcosdk:text-sale-card-text clcosdk:md:text-[28px] clcosdk:md:leading-[120%]"
|
|
12110
|
+
),
|
|
12111
|
+
children: offer.name
|
|
12112
|
+
}
|
|
12113
|
+
) : null
|
|
12114
|
+
] }),
|
|
12115
|
+
offer.tagline ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
12116
|
+
"p",
|
|
12117
|
+
{
|
|
12118
|
+
className: cn(
|
|
12119
|
+
typeClasses.bodySm,
|
|
12120
|
+
"clcosdk:text-sale-card-text-muted clcosdk:md:text-[16px] clcosdk:md:leading-[160%]"
|
|
12121
|
+
),
|
|
12122
|
+
children: offer.tagline
|
|
12123
|
+
}
|
|
12124
|
+
) : null
|
|
12125
|
+
] }),
|
|
12126
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "clcosdk:relative clcosdk:z-10 clcosdk:mt-auto clcosdk:flex clcosdk:h-11 clcosdk:w-full clcosdk:min-w-0 clcosdk:items-center clcosdk:justify-between clcosdk:gap-2 clcosdk:rounded-full clcosdk:border clcosdk:border-sale-card-chrome-border clcosdk:bg-sale-card-chrome-bg clcosdk:py-1.5 clcosdk:pr-1.5 clcosdk:pl-3 clcosdk:md:h-[54px] clcosdk:md:gap-3 clcosdk:md:py-2 clcosdk:md:pr-2 clcosdk:md:pl-4", children: [
|
|
12127
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-2 clcosdk:md:gap-3", children: [
|
|
12128
|
+
status.phase === "live" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
12129
|
+
"span",
|
|
12130
|
+
{
|
|
12131
|
+
className: "clcosdk:relative clcosdk:inline-flex clcosdk:size-2 clcosdk:shrink-0",
|
|
12132
|
+
"aria-hidden": "true",
|
|
12133
|
+
children: [
|
|
12134
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "clcosdk-status-dot-ping clcosdk:absolute clcosdk:inset-0 clcosdk:rounded-full clcosdk:bg-positive" }),
|
|
12135
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "clcosdk:relative clcosdk:inline-flex clcosdk:size-full clcosdk:rounded-full clcosdk:bg-positive" })
|
|
12136
|
+
]
|
|
12137
|
+
}
|
|
12138
|
+
) : null,
|
|
12139
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
12140
|
+
"p",
|
|
12141
|
+
{
|
|
12142
|
+
className: cn(
|
|
12143
|
+
typeClasses.data,
|
|
12144
|
+
"clcosdk:min-w-0 clcosdk:truncate clcosdk:text-sale-card-text"
|
|
12145
|
+
),
|
|
12146
|
+
children: status.label
|
|
12147
|
+
}
|
|
12148
|
+
)
|
|
12149
|
+
] }),
|
|
12150
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
12151
|
+
"span",
|
|
12152
|
+
{
|
|
12153
|
+
className: cn(
|
|
12154
|
+
"clcosdk:inline-flex clcosdk:h-full clcosdk:shrink-0 clcosdk:items-center clcosdk:gap-1.5 clcosdk:rounded-full clcosdk:border clcosdk:border-sale-card-chrome-border clcosdk:bg-sale-card-chrome-bg clcosdk:px-3 clcosdk:text-sm clcosdk:font-semibold clcosdk:text-sale-card-text-strong clcosdk:md:px-6 clcosdk:md:text-base",
|
|
12155
|
+
interactive && "clcosdk:transition-[background-color,border-color] clcosdk:duration-500 clcosdk:ease-out clcosdk:group-hover:border-sale-card-chrome-emphasis-border clcosdk:group-hover:bg-sale-card-chrome-emphasis-bg clcosdk:group-focus-visible:border-sale-card-chrome-emphasis-border clcosdk:group-focus-visible:bg-sale-card-chrome-emphasis-bg"
|
|
12156
|
+
),
|
|
12157
|
+
"aria-hidden": "true",
|
|
12158
|
+
children: [
|
|
12159
|
+
"View",
|
|
12160
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "clcosdk:max-md:hidden", children: " offer" }),
|
|
12161
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react13.ArrowRight, { className: "clcosdk:size-4", "aria-hidden": true })
|
|
12162
|
+
]
|
|
12163
|
+
}
|
|
12164
|
+
)
|
|
12165
|
+
] })
|
|
12166
|
+
]
|
|
12167
|
+
}
|
|
12168
|
+
);
|
|
12169
|
+
const wrapped = containerClassName ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: containerClassName, children: card }) : card;
|
|
12170
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CoinListStyleScope, { children: wrapped });
|
|
12171
|
+
}
|
|
12172
|
+
var SALE_PHASE_LABEL = {
|
|
12173
|
+
upcoming: "Upcoming",
|
|
12174
|
+
live: "Live",
|
|
12175
|
+
ended: "Ended"
|
|
12176
|
+
};
|
|
12177
|
+
function cardActionLabel2(offer, phase) {
|
|
12178
|
+
const title = offer.name || offer.tagline;
|
|
12179
|
+
return [title, SALE_PHASE_LABEL[phase], "View offer"].filter(Boolean).join(". ");
|
|
12180
|
+
}
|
|
12181
|
+
|
|
12182
|
+
// src/client/components/offers/grid/OffersGridView.tsx
|
|
12183
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
12184
|
+
var DEFAULT_MAX_COLUMNS2 = 2;
|
|
11983
12185
|
function OffersGridView(props) {
|
|
11984
|
-
return /* @__PURE__ */ (0,
|
|
12186
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(OffersGridViewBody, { ...props }) });
|
|
11985
12187
|
}
|
|
11986
12188
|
function OffersGridViewBody({
|
|
11987
12189
|
state,
|
|
@@ -11995,13 +12197,13 @@ function OffersGridViewBody({
|
|
|
11995
12197
|
}) {
|
|
11996
12198
|
switch (state.type) {
|
|
11997
12199
|
case "loading":
|
|
11998
|
-
return loading ?? /* @__PURE__ */ (0,
|
|
12200
|
+
return loading ?? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(LoadingState, {});
|
|
11999
12201
|
case "error":
|
|
12000
|
-
return error ?? /* @__PURE__ */ (0,
|
|
12202
|
+
return error ?? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ErrorState, { message: state.message });
|
|
12001
12203
|
case "empty":
|
|
12002
|
-
return emptyState ?? /* @__PURE__ */ (0,
|
|
12204
|
+
return emptyState ?? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(EmptyState, {});
|
|
12003
12205
|
case "content":
|
|
12004
|
-
return /* @__PURE__ */ (0,
|
|
12206
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
12005
12207
|
OffersGridContent,
|
|
12006
12208
|
{
|
|
12007
12209
|
offers: state.offers,
|
|
@@ -12026,25 +12228,29 @@ function OffersGridContent({
|
|
|
12026
12228
|
className,
|
|
12027
12229
|
containerClassName
|
|
12028
12230
|
}) {
|
|
12029
|
-
const cols = Math.
|
|
12231
|
+
const cols = Math.min(
|
|
12232
|
+
DEFAULT_MAX_COLUMNS2,
|
|
12233
|
+
Math.max(1, maxColumns ?? DEFAULT_MAX_COLUMNS2)
|
|
12234
|
+
);
|
|
12030
12235
|
const maxGridWidth = `calc(${cols} * 28rem + ${Math.max(cols - 1, 0)} * 1.5rem)`;
|
|
12031
|
-
return /* @__PURE__ */ (0,
|
|
12236
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
12032
12237
|
"div",
|
|
12033
12238
|
{
|
|
12034
12239
|
className: cn(
|
|
12035
12240
|
"clcosdk:flex clcosdk:w-full clcosdk:justify-center",
|
|
12036
12241
|
containerClassName
|
|
12037
12242
|
),
|
|
12038
|
-
children: /* @__PURE__ */ (0,
|
|
12243
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
12039
12244
|
"div",
|
|
12040
12245
|
{
|
|
12041
|
-
className: cn(
|
|
12042
|
-
|
|
12043
|
-
|
|
12044
|
-
|
|
12045
|
-
|
|
12046
|
-
|
|
12047
|
-
|
|
12246
|
+
className: cn(
|
|
12247
|
+
"clcosdk:grid clcosdk:w-full clcosdk:grid-cols-1 clcosdk:gap-4 clcosdk:md:gap-6",
|
|
12248
|
+
cols >= 2 && "clcosdk:md:grid-cols-2",
|
|
12249
|
+
className
|
|
12250
|
+
),
|
|
12251
|
+
style: { maxWidth: maxGridWidth },
|
|
12252
|
+
children: offers.map((offer) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
12253
|
+
OfferSaleCard,
|
|
12048
12254
|
{
|
|
12049
12255
|
offer,
|
|
12050
12256
|
onClick: interactive ? () => onEvent({ type: "ON_OFFER_CLICK", offerId: offer.id }) : void 0
|
|
@@ -12057,17 +12263,17 @@ function OffersGridContent({
|
|
|
12057
12263
|
);
|
|
12058
12264
|
}
|
|
12059
12265
|
function LoadingState() {
|
|
12060
|
-
return /* @__PURE__ */ (0,
|
|
12266
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
12061
12267
|
"output",
|
|
12062
12268
|
{
|
|
12063
12269
|
"aria-live": "polite",
|
|
12064
12270
|
className: "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6",
|
|
12065
|
-
children: /* @__PURE__ */ (0,
|
|
12271
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading offers..." })
|
|
12066
12272
|
}
|
|
12067
12273
|
);
|
|
12068
12274
|
}
|
|
12069
12275
|
function ErrorState({ message }) {
|
|
12070
|
-
return /* @__PURE__ */ (0,
|
|
12276
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
12071
12277
|
AlertBanner,
|
|
12072
12278
|
{
|
|
12073
12279
|
variant: "error",
|
|
@@ -12078,13 +12284,13 @@ function ErrorState({ message }) {
|
|
|
12078
12284
|
);
|
|
12079
12285
|
}
|
|
12080
12286
|
function EmptyState() {
|
|
12081
|
-
return /* @__PURE__ */ (0,
|
|
12287
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
12082
12288
|
"output",
|
|
12083
12289
|
{
|
|
12084
12290
|
"aria-live": "polite",
|
|
12085
12291
|
className: "clcosdk:flex clcosdk:min-h-40 clcosdk:flex-col clcosdk:items-center clcosdk:justify-center clcosdk:gap-2 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6 clcosdk:text-center",
|
|
12086
12292
|
children: [
|
|
12087
|
-
/* @__PURE__ */ (0,
|
|
12293
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
12088
12294
|
"p",
|
|
12089
12295
|
{
|
|
12090
12296
|
className: cn(
|
|
@@ -12094,7 +12300,7 @@ function EmptyState() {
|
|
|
12094
12300
|
children: "No offers available"
|
|
12095
12301
|
}
|
|
12096
12302
|
),
|
|
12097
|
-
/* @__PURE__ */ (0,
|
|
12303
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"), children: "Check back soon for upcoming opportunities." })
|
|
12098
12304
|
]
|
|
12099
12305
|
}
|
|
12100
12306
|
);
|
|
@@ -12154,24 +12360,22 @@ function useOffers(options = {}) {
|
|
|
12154
12360
|
return { offersState };
|
|
12155
12361
|
}
|
|
12156
12362
|
|
|
12157
|
-
// src/client/
|
|
12158
|
-
|
|
12159
|
-
|
|
12160
|
-
month: "short",
|
|
12161
|
-
year: "numeric",
|
|
12162
|
-
timeZone: "UTC"
|
|
12163
|
-
}).format(date);
|
|
12164
|
-
}
|
|
12165
|
-
|
|
12166
|
-
// src/client/hooks/offers/grid/useOffersGridViewModel.types.ts
|
|
12167
|
-
var OfferCardUi = {
|
|
12168
|
-
fromDomain: (offer, locale) => ({
|
|
12363
|
+
// src/client/hooks/offers/shared/offer-sale-card.types.ts
|
|
12364
|
+
var OfferSaleCardUi = {
|
|
12365
|
+
fromOffer: (offer) => ({
|
|
12169
12366
|
id: offer.id,
|
|
12170
12367
|
tagline: offer.tagline,
|
|
12171
|
-
bannerUrl: offer.bannerUrl,
|
|
12172
12368
|
logoUrl: offer.logoUrl,
|
|
12173
|
-
|
|
12174
|
-
|
|
12369
|
+
startsAt: offer.startsAt,
|
|
12370
|
+
endsAt: offer.endsAt
|
|
12371
|
+
}),
|
|
12372
|
+
fromDetail: (detail) => ({
|
|
12373
|
+
id: detail.id,
|
|
12374
|
+
name: detail.name,
|
|
12375
|
+
tagline: detail.tagline,
|
|
12376
|
+
logoUrl: detail.logoUrl,
|
|
12377
|
+
startsAt: detail.startsAt,
|
|
12378
|
+
endsAt: detail.endsAt
|
|
12175
12379
|
})
|
|
12176
12380
|
};
|
|
12177
12381
|
|
|
@@ -12181,10 +12385,9 @@ var GENERIC_ERROR_MESSAGE = "Unable to load offers right now. Please try again."
|
|
|
12181
12385
|
function useOffersGridViewModel(options = {}) {
|
|
12182
12386
|
const { data, onOfferClick } = options;
|
|
12183
12387
|
const { offersState } = useOffers({ data });
|
|
12184
|
-
const locale = useLocale();
|
|
12185
12388
|
const state = (0, import_react36.useMemo)(
|
|
12186
|
-
() => toUiState(offersState,
|
|
12187
|
-
[offersState,
|
|
12389
|
+
() => toUiState(offersState, onOfferClick !== void 0),
|
|
12390
|
+
[offersState, onOfferClick]
|
|
12188
12391
|
);
|
|
12189
12392
|
const onEvent = (0, import_react36.useCallback)(
|
|
12190
12393
|
(event) => {
|
|
@@ -12209,7 +12412,7 @@ function useOffersGridViewModel(options = {}) {
|
|
|
12209
12412
|
);
|
|
12210
12413
|
return { state, onEvent };
|
|
12211
12414
|
}
|
|
12212
|
-
function toUiState(offersState,
|
|
12415
|
+
function toUiState(offersState, interactive) {
|
|
12213
12416
|
switch (offersState.type) {
|
|
12214
12417
|
case "LOADING":
|
|
12215
12418
|
return { type: "loading" };
|
|
@@ -12224,9 +12427,7 @@ function toUiState(offersState, locale, interactive) {
|
|
|
12224
12427
|
}
|
|
12225
12428
|
return {
|
|
12226
12429
|
type: "content",
|
|
12227
|
-
offers: offersState.offers.map(
|
|
12228
|
-
(offer) => OfferCardUi.fromDomain(offer, locale)
|
|
12229
|
-
),
|
|
12430
|
+
offers: offersState.offers.map(OfferSaleCardUi.fromOffer),
|
|
12230
12431
|
interactive
|
|
12231
12432
|
};
|
|
12232
12433
|
}
|
|
@@ -12238,19 +12439,19 @@ function toUiState(offersState, locale, interactive) {
|
|
|
12238
12439
|
}
|
|
12239
12440
|
|
|
12240
12441
|
// src/client/components/offers/grid/OffersGridContainer.tsx
|
|
12241
|
-
var
|
|
12442
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
12242
12443
|
function OffersGridContainer({
|
|
12243
12444
|
data,
|
|
12244
12445
|
onOfferClick,
|
|
12245
12446
|
...viewProps
|
|
12246
12447
|
} = {}) {
|
|
12247
12448
|
const { state, onEvent } = useOffersGridViewModel({ data, onOfferClick });
|
|
12248
|
-
return /* @__PURE__ */ (0,
|
|
12449
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(OffersGridView, { state, onEvent, ...viewProps });
|
|
12249
12450
|
}
|
|
12250
12451
|
|
|
12251
12452
|
// src/client/components/requirements/checklist/ConnectedWalletList.tsx
|
|
12252
12453
|
var import_react37 = require("react");
|
|
12253
|
-
var
|
|
12454
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
12254
12455
|
function ConnectedWalletRow({
|
|
12255
12456
|
wallet,
|
|
12256
12457
|
onRemove
|
|
@@ -12266,8 +12467,8 @@ function ConnectedWalletRow({
|
|
|
12266
12467
|
setState("error");
|
|
12267
12468
|
}
|
|
12268
12469
|
};
|
|
12269
|
-
return /* @__PURE__ */ (0,
|
|
12270
|
-
/* @__PURE__ */ (0,
|
|
12470
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "clcosdk:flex clcosdk:min-h-9 clcosdk:flex-wrap clcosdk:items-center clcosdk:justify-between clcosdk:gap-2", children: [
|
|
12471
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
12271
12472
|
"span",
|
|
12272
12473
|
{
|
|
12273
12474
|
title: wallet.address,
|
|
@@ -12278,16 +12479,16 @@ function ConnectedWalletRow({
|
|
|
12278
12479
|
children: wallet.shortAddress
|
|
12279
12480
|
}
|
|
12280
12481
|
),
|
|
12281
|
-
onRemove != null && (state === "confirming" ? /* @__PURE__ */ (0,
|
|
12282
|
-
/* @__PURE__ */ (0,
|
|
12482
|
+
onRemove != null && (state === "confirming" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
|
|
12483
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
12283
12484
|
"span",
|
|
12284
12485
|
{
|
|
12285
12486
|
className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
|
|
12286
12487
|
children: "Remove?"
|
|
12287
12488
|
}
|
|
12288
12489
|
),
|
|
12289
|
-
/* @__PURE__ */ (0,
|
|
12290
|
-
/* @__PURE__ */ (0,
|
|
12490
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ClButton, { size: "sm", variant: "destructive", onClick: remove, children: "Remove" }),
|
|
12491
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
12291
12492
|
ClButton,
|
|
12292
12493
|
{
|
|
12293
12494
|
size: "sm",
|
|
@@ -12296,9 +12497,9 @@ function ConnectedWalletRow({
|
|
|
12296
12497
|
children: "Cancel"
|
|
12297
12498
|
}
|
|
12298
12499
|
)
|
|
12299
|
-
] }) : state === "error" ? /* @__PURE__ */ (0,
|
|
12300
|
-
/* @__PURE__ */ (0,
|
|
12301
|
-
/* @__PURE__ */ (0,
|
|
12500
|
+
] }) : state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
|
|
12501
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: cn(typeClasses.subhead, "clcosdk:text-error"), children: "Couldn't remove." }),
|
|
12502
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
12302
12503
|
ClButton,
|
|
12303
12504
|
{
|
|
12304
12505
|
size: "sm",
|
|
@@ -12307,7 +12508,7 @@ function ConnectedWalletRow({
|
|
|
12307
12508
|
children: "Try again"
|
|
12308
12509
|
}
|
|
12309
12510
|
)
|
|
12310
|
-
] }) : /* @__PURE__ */ (0,
|
|
12511
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
12311
12512
|
ClButton,
|
|
12312
12513
|
{
|
|
12313
12514
|
size: "sm",
|
|
@@ -12320,7 +12521,7 @@ function ConnectedWalletRow({
|
|
|
12320
12521
|
] });
|
|
12321
12522
|
}
|
|
12322
12523
|
function ConnectedWalletList(props) {
|
|
12323
|
-
return /* @__PURE__ */ (0,
|
|
12524
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ConnectedWalletListBody, { ...props }) });
|
|
12324
12525
|
}
|
|
12325
12526
|
function ConnectedWalletListBody({
|
|
12326
12527
|
wallets,
|
|
@@ -12330,18 +12531,18 @@ function ConnectedWalletListBody({
|
|
|
12330
12531
|
status = "ready",
|
|
12331
12532
|
className
|
|
12332
12533
|
}) {
|
|
12333
|
-
return /* @__PURE__ */ (0,
|
|
12534
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
12334
12535
|
"div",
|
|
12335
12536
|
{
|
|
12336
12537
|
className: cn("clcosdk:flex clcosdk:flex-col clcosdk:gap-2", className),
|
|
12337
12538
|
children: [
|
|
12338
|
-
status === "loading" ? /* @__PURE__ */ (0,
|
|
12539
|
+
status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AlertBanner, { variant: "info", content: "Loading your connected wallets\u2026" }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
12339
12540
|
AlertBanner,
|
|
12340
12541
|
{
|
|
12341
12542
|
variant: "error",
|
|
12342
12543
|
content: "Couldn't load your connected wallets."
|
|
12343
12544
|
}
|
|
12344
|
-
) : wallets.length === 0 ? /* @__PURE__ */ (0,
|
|
12545
|
+
) : wallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AlertBanner, { variant: "info", content: "No wallets connected yet." }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: wallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
12345
12546
|
ConnectedWalletRow,
|
|
12346
12547
|
{
|
|
12347
12548
|
wallet,
|
|
@@ -12349,7 +12550,7 @@ function ConnectedWalletListBody({
|
|
|
12349
12550
|
},
|
|
12350
12551
|
wallet.id
|
|
12351
12552
|
)) }),
|
|
12352
|
-
onAdd != null && status !== "loading" && /* @__PURE__ */ (0,
|
|
12553
|
+
onAdd != null && status !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
12353
12554
|
ClButton,
|
|
12354
12555
|
{
|
|
12355
12556
|
size: "sm",
|
|
@@ -12365,36 +12566,36 @@ function ConnectedWalletListBody({
|
|
|
12365
12566
|
}
|
|
12366
12567
|
|
|
12367
12568
|
// src/client/components/requirements/checklist/RequirementItem.tsx
|
|
12368
|
-
var
|
|
12569
|
+
var import_lucide_react15 = require("lucide-react");
|
|
12369
12570
|
|
|
12370
12571
|
// src/client/components/design-system/StepStatusIcon.tsx
|
|
12371
|
-
var
|
|
12372
|
-
var
|
|
12572
|
+
var import_lucide_react14 = require("lucide-react");
|
|
12573
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
12373
12574
|
var statusConfig = {
|
|
12374
12575
|
required: {
|
|
12375
|
-
Icon:
|
|
12576
|
+
Icon: import_lucide_react14.Info,
|
|
12376
12577
|
colorClass: "clcosdk:text-warning",
|
|
12377
12578
|
fillClass: "clcosdk:[&_circle]:fill-warning-subtle"
|
|
12378
12579
|
},
|
|
12379
12580
|
pending: {
|
|
12380
|
-
Icon:
|
|
12581
|
+
Icon: import_lucide_react14.Info,
|
|
12381
12582
|
colorClass: "clcosdk:text-warning",
|
|
12382
12583
|
fillClass: "clcosdk:[&_circle]:fill-warning-subtle"
|
|
12383
12584
|
},
|
|
12384
12585
|
completed: {
|
|
12385
|
-
Icon:
|
|
12586
|
+
Icon: import_lucide_react14.CircleCheck,
|
|
12386
12587
|
colorClass: "clcosdk:text-success",
|
|
12387
12588
|
fillClass: "clcosdk:[&_circle]:fill-success-subtle"
|
|
12388
12589
|
},
|
|
12389
12590
|
rejected: {
|
|
12390
|
-
Icon:
|
|
12591
|
+
Icon: import_lucide_react14.CircleX,
|
|
12391
12592
|
colorClass: "clcosdk:text-error",
|
|
12392
12593
|
fillClass: "clcosdk:[&_circle]:fill-error-subtle"
|
|
12393
12594
|
}
|
|
12394
12595
|
};
|
|
12395
12596
|
function StepStatusIcon({ status, className }) {
|
|
12396
12597
|
const { Icon, colorClass, fillClass } = statusConfig[status];
|
|
12397
|
-
return /* @__PURE__ */ (0,
|
|
12598
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
12398
12599
|
Icon,
|
|
12399
12600
|
{
|
|
12400
12601
|
className: cn(
|
|
@@ -12409,7 +12610,7 @@ function StepStatusIcon({ status, className }) {
|
|
|
12409
12610
|
}
|
|
12410
12611
|
|
|
12411
12612
|
// src/client/components/requirements/checklist/RequirementItem.tsx
|
|
12412
|
-
var
|
|
12613
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
12413
12614
|
function VerificationActionZone({
|
|
12414
12615
|
status,
|
|
12415
12616
|
onAction,
|
|
@@ -12418,9 +12619,9 @@ function VerificationActionZone({
|
|
|
12418
12619
|
switch (status) {
|
|
12419
12620
|
case "required":
|
|
12420
12621
|
if (onAction === null) return null;
|
|
12421
|
-
return /* @__PURE__ */ (0,
|
|
12622
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Continue" });
|
|
12422
12623
|
case "pending":
|
|
12423
|
-
return /* @__PURE__ */ (0,
|
|
12624
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12424
12625
|
AlertBanner,
|
|
12425
12626
|
{
|
|
12426
12627
|
variant: "warning",
|
|
@@ -12428,16 +12629,16 @@ function VerificationActionZone({
|
|
|
12428
12629
|
}
|
|
12429
12630
|
);
|
|
12430
12631
|
case "completed":
|
|
12431
|
-
return /* @__PURE__ */ (0,
|
|
12632
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AlertBanner, { variant: "success", content: "Identity verified." });
|
|
12432
12633
|
case "rejected":
|
|
12433
|
-
return /* @__PURE__ */ (0,
|
|
12634
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12434
12635
|
AlertBanner,
|
|
12435
12636
|
{
|
|
12436
12637
|
variant: "error",
|
|
12437
|
-
content: onContactSupport === null ? "Verification rejected." : /* @__PURE__ */ (0,
|
|
12638
|
+
content: onContactSupport === null ? "Verification rejected." : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
|
|
12438
12639
|
"Verification rejected.",
|
|
12439
12640
|
" ",
|
|
12440
|
-
/* @__PURE__ */ (0,
|
|
12641
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12441
12642
|
"button",
|
|
12442
12643
|
{
|
|
12443
12644
|
type: "button",
|
|
@@ -12461,8 +12662,8 @@ function WalletActionZone({
|
|
|
12461
12662
|
onRemoveWallet
|
|
12462
12663
|
}) {
|
|
12463
12664
|
if (multiWallet) {
|
|
12464
|
-
return /* @__PURE__ */ (0,
|
|
12465
|
-
/* @__PURE__ */ (0,
|
|
12665
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
|
|
12666
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12466
12667
|
ConnectedWalletList,
|
|
12467
12668
|
{
|
|
12468
12669
|
wallets: connectedWallets,
|
|
@@ -12471,7 +12672,7 @@ function WalletActionZone({
|
|
|
12471
12672
|
status: walletsStatus
|
|
12472
12673
|
}
|
|
12473
12674
|
),
|
|
12474
|
-
status === "rejected" && /* @__PURE__ */ (0,
|
|
12675
|
+
status === "rejected" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12475
12676
|
AlertBanner,
|
|
12476
12677
|
{
|
|
12477
12678
|
variant: "error",
|
|
@@ -12482,21 +12683,21 @@ function WalletActionZone({
|
|
|
12482
12683
|
}
|
|
12483
12684
|
if (status === "completed") {
|
|
12484
12685
|
const connected = connectedWallets[0];
|
|
12485
|
-
return /* @__PURE__ */ (0,
|
|
12486
|
-
onAction !== null && /* @__PURE__ */ (0,
|
|
12487
|
-
walletsStatus === "loading" ? /* @__PURE__ */ (0,
|
|
12686
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
|
|
12687
|
+
onAction !== null && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ClButton, { size: "sm", variant: "secondary", onClick: onAction, children: "Change wallet" }),
|
|
12688
|
+
walletsStatus === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12488
12689
|
AlertBanner,
|
|
12489
12690
|
{
|
|
12490
12691
|
variant: "info",
|
|
12491
12692
|
content: "Loading your connected wallet\u2026"
|
|
12492
12693
|
}
|
|
12493
|
-
) : walletsStatus === "error" ? /* @__PURE__ */ (0,
|
|
12694
|
+
) : walletsStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12494
12695
|
AlertBanner,
|
|
12495
12696
|
{
|
|
12496
12697
|
variant: "error",
|
|
12497
12698
|
content: "Couldn't load your connected wallet."
|
|
12498
12699
|
}
|
|
12499
|
-
) : /* @__PURE__ */ (0,
|
|
12700
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12500
12701
|
AlertBanner,
|
|
12501
12702
|
{
|
|
12502
12703
|
variant: "success",
|
|
@@ -12506,9 +12707,9 @@ function WalletActionZone({
|
|
|
12506
12707
|
] });
|
|
12507
12708
|
}
|
|
12508
12709
|
if (status === "rejected") {
|
|
12509
|
-
return /* @__PURE__ */ (0,
|
|
12510
|
-
onAction !== null && /* @__PURE__ */ (0,
|
|
12511
|
-
/* @__PURE__ */ (0,
|
|
12710
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
|
|
12711
|
+
onAction !== null && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" }),
|
|
12712
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12512
12713
|
AlertBanner,
|
|
12513
12714
|
{
|
|
12514
12715
|
variant: "error",
|
|
@@ -12518,7 +12719,7 @@ function WalletActionZone({
|
|
|
12518
12719
|
] });
|
|
12519
12720
|
}
|
|
12520
12721
|
if (onAction === null) return null;
|
|
12521
|
-
return /* @__PURE__ */ (0,
|
|
12722
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" });
|
|
12522
12723
|
}
|
|
12523
12724
|
function RequirementItem({
|
|
12524
12725
|
ui,
|
|
@@ -12530,7 +12731,7 @@ function RequirementItem({
|
|
|
12530
12731
|
walletsStatus,
|
|
12531
12732
|
onContactSupport
|
|
12532
12733
|
}) {
|
|
12533
|
-
return /* @__PURE__ */ (0,
|
|
12734
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
12534
12735
|
"div",
|
|
12535
12736
|
{
|
|
12536
12737
|
className: cn(
|
|
@@ -12538,7 +12739,7 @@ function RequirementItem({
|
|
|
12538
12739
|
className
|
|
12539
12740
|
),
|
|
12540
12741
|
children: [
|
|
12541
|
-
/* @__PURE__ */ (0,
|
|
12742
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
12542
12743
|
"button",
|
|
12543
12744
|
{
|
|
12544
12745
|
type: "button",
|
|
@@ -12546,9 +12747,9 @@ function RequirementItem({
|
|
|
12546
12747
|
"aria-expanded": expanded,
|
|
12547
12748
|
className: "clcosdk:flex clcosdk:h-14 clcosdk:w-full clcosdk:cursor-pointer clcosdk:items-center clcosdk:justify-between clcosdk:rounded-2xl clcosdk:px-2 clcosdk:transition-colors clcosdk:hover:bg-surface",
|
|
12548
12749
|
children: [
|
|
12549
|
-
/* @__PURE__ */ (0,
|
|
12550
|
-
/* @__PURE__ */ (0,
|
|
12551
|
-
/* @__PURE__ */ (0,
|
|
12750
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
|
|
12751
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(StepStatusIcon, { status: ui.status }),
|
|
12752
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12552
12753
|
"span",
|
|
12553
12754
|
{
|
|
12554
12755
|
className: cn(
|
|
@@ -12559,8 +12760,8 @@ function RequirementItem({
|
|
|
12559
12760
|
}
|
|
12560
12761
|
)
|
|
12561
12762
|
] }),
|
|
12562
|
-
/* @__PURE__ */ (0,
|
|
12563
|
-
|
|
12763
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12764
|
+
import_lucide_react15.ChevronRight,
|
|
12564
12765
|
{
|
|
12565
12766
|
className: cn(
|
|
12566
12767
|
"clcosdk:h-6 clcosdk:w-6 clcosdk:shrink-0 clcosdk:text-text-secondary clcosdk:transition-transform clcosdk:duration-300",
|
|
@@ -12572,15 +12773,15 @@ function RequirementItem({
|
|
|
12572
12773
|
]
|
|
12573
12774
|
}
|
|
12574
12775
|
),
|
|
12575
|
-
/* @__PURE__ */ (0,
|
|
12776
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12576
12777
|
"div",
|
|
12577
12778
|
{
|
|
12578
12779
|
className: cn(
|
|
12579
12780
|
"clcosdk:grid clcosdk:transition-[grid-template-rows] clcosdk:duration-300 clcosdk:ease-in-out",
|
|
12580
12781
|
expanded ? "clcosdk:grid-rows-[1fr]" : "clcosdk:grid-rows-[0fr]"
|
|
12581
12782
|
),
|
|
12582
|
-
children: /* @__PURE__ */ (0,
|
|
12583
|
-
/* @__PURE__ */ (0,
|
|
12783
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "clcosdk:min-h-0 clcosdk:overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:px-2 clcosdk:pb-4", children: [
|
|
12784
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12584
12785
|
"p",
|
|
12585
12786
|
{
|
|
12586
12787
|
className: cn(
|
|
@@ -12590,14 +12791,14 @@ function RequirementItem({
|
|
|
12590
12791
|
children: ui.description
|
|
12591
12792
|
}
|
|
12592
12793
|
),
|
|
12593
|
-
ui.variant === "verification" ? /* @__PURE__ */ (0,
|
|
12794
|
+
ui.variant === "verification" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12594
12795
|
VerificationActionZone,
|
|
12595
12796
|
{
|
|
12596
12797
|
status: ui.status,
|
|
12597
12798
|
onAction,
|
|
12598
12799
|
onContactSupport
|
|
12599
12800
|
}
|
|
12600
|
-
) : /* @__PURE__ */ (0,
|
|
12801
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
12601
12802
|
WalletActionZone,
|
|
12602
12803
|
{
|
|
12603
12804
|
status: ui.status,
|
|
@@ -12617,9 +12818,9 @@ function RequirementItem({
|
|
|
12617
12818
|
}
|
|
12618
12819
|
|
|
12619
12820
|
// src/client/components/requirements/checklist/RequirementsChecklistView.tsx
|
|
12620
|
-
var
|
|
12821
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
12621
12822
|
function RequirementsChecklistView(props) {
|
|
12622
|
-
return /* @__PURE__ */ (0,
|
|
12823
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(RequirementsChecklistViewBody, { ...props }) });
|
|
12623
12824
|
}
|
|
12624
12825
|
function RequirementsChecklistViewBody({
|
|
12625
12826
|
state,
|
|
@@ -12631,11 +12832,11 @@ function RequirementsChecklistViewBody({
|
|
|
12631
12832
|
}) {
|
|
12632
12833
|
switch (state.type) {
|
|
12633
12834
|
case "loading":
|
|
12634
|
-
return loading ?? /* @__PURE__ */ (0,
|
|
12835
|
+
return loading ?? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(LoadingState2, {});
|
|
12635
12836
|
case "not-authenticated":
|
|
12636
12837
|
return unauthenticatedState ?? null;
|
|
12637
12838
|
case "error":
|
|
12638
|
-
return error ?? /* @__PURE__ */ (0,
|
|
12839
|
+
return error ?? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
12639
12840
|
AlertBanner,
|
|
12640
12841
|
{
|
|
12641
12842
|
variant: "error",
|
|
@@ -12645,7 +12846,7 @@ function RequirementsChecklistViewBody({
|
|
|
12645
12846
|
}
|
|
12646
12847
|
);
|
|
12647
12848
|
case "content":
|
|
12648
|
-
return /* @__PURE__ */ (0,
|
|
12849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
12649
12850
|
"div",
|
|
12650
12851
|
{
|
|
12651
12852
|
className: cn(
|
|
@@ -12653,11 +12854,11 @@ function RequirementsChecklistViewBody({
|
|
|
12653
12854
|
className
|
|
12654
12855
|
),
|
|
12655
12856
|
children: [
|
|
12656
|
-
/* @__PURE__ */ (0,
|
|
12657
|
-
/* @__PURE__ */ (0,
|
|
12658
|
-
/* @__PURE__ */ (0,
|
|
12857
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
|
|
12858
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
|
|
12859
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: state.description })
|
|
12659
12860
|
] }),
|
|
12660
|
-
/* @__PURE__ */ (0,
|
|
12861
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: state.items.map((row) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
12661
12862
|
RequirementItem,
|
|
12662
12863
|
{
|
|
12663
12864
|
ui: row.item,
|
|
@@ -12676,7 +12877,7 @@ function RequirementsChecklistViewBody({
|
|
|
12676
12877
|
},
|
|
12677
12878
|
row.id
|
|
12678
12879
|
)) }),
|
|
12679
|
-
state.ineligible && /* @__PURE__ */ (0,
|
|
12880
|
+
state.ineligible && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
12680
12881
|
AlertBanner,
|
|
12681
12882
|
{
|
|
12682
12883
|
variant: "error",
|
|
@@ -12684,7 +12885,7 @@ function RequirementsChecklistViewBody({
|
|
|
12684
12885
|
content: "You are not eligible to participate."
|
|
12685
12886
|
}
|
|
12686
12887
|
),
|
|
12687
|
-
state.continueAction && /* @__PURE__ */ (0,
|
|
12888
|
+
state.continueAction && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
12688
12889
|
ClButton,
|
|
12689
12890
|
{
|
|
12690
12891
|
fullWidth: true,
|
|
@@ -12703,37 +12904,37 @@ function RequirementsChecklistViewBody({
|
|
|
12703
12904
|
}
|
|
12704
12905
|
}
|
|
12705
12906
|
function LoadingState2() {
|
|
12706
|
-
return /* @__PURE__ */ (0,
|
|
12907
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
12707
12908
|
"output",
|
|
12708
12909
|
{
|
|
12709
12910
|
"aria-live": "polite",
|
|
12710
12911
|
className: "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6",
|
|
12711
|
-
children: /* @__PURE__ */ (0,
|
|
12912
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading requirements..." })
|
|
12712
12913
|
}
|
|
12713
12914
|
);
|
|
12714
12915
|
}
|
|
12715
12916
|
|
|
12716
12917
|
// src/client/components/requirements/checklist/VerificationOverlay.tsx
|
|
12717
|
-
var
|
|
12918
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
12718
12919
|
function VerificationOverlay({
|
|
12719
12920
|
onClose,
|
|
12720
12921
|
children
|
|
12721
12922
|
}) {
|
|
12722
|
-
return /* @__PURE__ */ (0,
|
|
12923
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(VerificationOverlayBody, { onClose, children }) });
|
|
12723
12924
|
}
|
|
12724
12925
|
function VerificationOverlayBody({
|
|
12725
12926
|
onClose,
|
|
12726
12927
|
children
|
|
12727
12928
|
}) {
|
|
12728
|
-
return /* @__PURE__ */ (0,
|
|
12929
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
12729
12930
|
"div",
|
|
12730
12931
|
{
|
|
12731
12932
|
role: "dialog",
|
|
12732
12933
|
"aria-modal": "true",
|
|
12733
12934
|
"aria-label": "Identity verification",
|
|
12734
12935
|
className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-overlay clcosdk:p-4",
|
|
12735
|
-
children: /* @__PURE__ */ (0,
|
|
12736
|
-
/* @__PURE__ */ (0,
|
|
12936
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "clcosdk:relative clcosdk:flex clcosdk:max-h-[92vh] clcosdk:w-full clcosdk:max-w-[760px] clcosdk:flex-col clcosdk:overflow-y-auto clcosdk:rounded-2xl clcosdk:bg-background clcosdk:p-6 clcosdk:pt-14", children: [
|
|
12937
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
12737
12938
|
CloseButton,
|
|
12738
12939
|
{
|
|
12739
12940
|
onClick: onClose,
|
|
@@ -12748,9 +12949,9 @@ function VerificationOverlayBody({
|
|
|
12748
12949
|
|
|
12749
12950
|
// src/client/components/requirements/identity-verification/IdentityVerificationView.tsx
|
|
12750
12951
|
var import_websdk_react = __toESM(require("@sumsub/websdk-react"), 1);
|
|
12751
|
-
var
|
|
12952
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
12752
12953
|
function IdentityVerificationView(props) {
|
|
12753
|
-
return /* @__PURE__ */ (0,
|
|
12954
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(IdentityVerificationViewBody, { ...props }) });
|
|
12754
12955
|
}
|
|
12755
12956
|
function IdentityVerificationViewBody({
|
|
12756
12957
|
state,
|
|
@@ -12759,7 +12960,7 @@ function IdentityVerificationViewBody({
|
|
|
12759
12960
|
}) {
|
|
12760
12961
|
switch (state.type) {
|
|
12761
12962
|
case "loading":
|
|
12762
|
-
return /* @__PURE__ */ (0,
|
|
12963
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
12763
12964
|
"output",
|
|
12764
12965
|
{
|
|
12765
12966
|
"aria-live": "polite",
|
|
@@ -12767,11 +12968,11 @@ function IdentityVerificationViewBody({
|
|
|
12767
12968
|
"clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center",
|
|
12768
12969
|
className
|
|
12769
12970
|
),
|
|
12770
|
-
children: /* @__PURE__ */ (0,
|
|
12971
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading identity verification..." })
|
|
12771
12972
|
}
|
|
12772
12973
|
);
|
|
12773
12974
|
case "error":
|
|
12774
|
-
return /* @__PURE__ */ (0,
|
|
12975
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
12775
12976
|
"div",
|
|
12776
12977
|
{
|
|
12777
12978
|
className: cn(
|
|
@@ -12779,13 +12980,13 @@ function IdentityVerificationViewBody({
|
|
|
12779
12980
|
className
|
|
12780
12981
|
),
|
|
12781
12982
|
children: [
|
|
12782
|
-
/* @__PURE__ */ (0,
|
|
12783
|
-
state.retryable && /* @__PURE__ */ (0,
|
|
12983
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AlertBanner, { variant: "error", icon: true, content: state.message }),
|
|
12984
|
+
state.retryable && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ClButton, { size: "sm", onClick: () => onEvent({ type: "ON_RETRY" }), children: "Try again" })
|
|
12784
12985
|
]
|
|
12785
12986
|
}
|
|
12786
12987
|
);
|
|
12787
12988
|
case "ready":
|
|
12788
|
-
return /* @__PURE__ */ (0,
|
|
12989
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: cn("clcosdk:w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
12789
12990
|
import_websdk_react.default,
|
|
12790
12991
|
{
|
|
12791
12992
|
accessToken: state.accessToken,
|
|
@@ -12936,7 +13137,7 @@ function useIdentityVerificationViewModel(options = {}) {
|
|
|
12936
13137
|
}
|
|
12937
13138
|
|
|
12938
13139
|
// src/client/components/requirements/identity-verification/IdentityVerificationContainer.tsx
|
|
12939
|
-
var
|
|
13140
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
12940
13141
|
function IdentityVerificationContainer({
|
|
12941
13142
|
levelName,
|
|
12942
13143
|
reset,
|
|
@@ -12952,7 +13153,7 @@ function IdentityVerificationContainer({
|
|
|
12952
13153
|
onSubmitted,
|
|
12953
13154
|
onError
|
|
12954
13155
|
});
|
|
12955
|
-
return /* @__PURE__ */ (0,
|
|
13156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
12956
13157
|
IdentityVerificationView,
|
|
12957
13158
|
{
|
|
12958
13159
|
state,
|
|
@@ -12963,7 +13164,7 @@ function IdentityVerificationContainer({
|
|
|
12963
13164
|
}
|
|
12964
13165
|
|
|
12965
13166
|
// src/client/components/requirements/tax-document/TaxDocumentModalView.tsx
|
|
12966
|
-
var
|
|
13167
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
12967
13168
|
function TaxDocumentModalView({
|
|
12968
13169
|
state,
|
|
12969
13170
|
onEvent,
|
|
@@ -12972,7 +13173,7 @@ function TaxDocumentModalView({
|
|
|
12972
13173
|
if (state.type === "hidden") {
|
|
12973
13174
|
return null;
|
|
12974
13175
|
}
|
|
12975
|
-
return /* @__PURE__ */ (0,
|
|
13176
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-black/50 clcosdk:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
12976
13177
|
"div",
|
|
12977
13178
|
{
|
|
12978
13179
|
className: cn(
|
|
@@ -12980,11 +13181,11 @@ function TaxDocumentModalView({
|
|
|
12980
13181
|
className
|
|
12981
13182
|
),
|
|
12982
13183
|
children: [
|
|
12983
|
-
/* @__PURE__ */ (0,
|
|
12984
|
-
/* @__PURE__ */ (0,
|
|
12985
|
-
/* @__PURE__ */ (0,
|
|
13184
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
|
|
13185
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
|
|
13186
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
|
|
12986
13187
|
] }),
|
|
12987
|
-
/* @__PURE__ */ (0,
|
|
13188
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Screen, { screen: state.screen, onEvent })
|
|
12988
13189
|
]
|
|
12989
13190
|
}
|
|
12990
13191
|
) }) });
|
|
@@ -12995,11 +13196,11 @@ function Screen({
|
|
|
12995
13196
|
}) {
|
|
12996
13197
|
switch (screen.type) {
|
|
12997
13198
|
case "loading":
|
|
12998
|
-
return /* @__PURE__ */ (0,
|
|
13199
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(LoadingScreen, {});
|
|
12999
13200
|
case "error":
|
|
13000
|
-
return /* @__PURE__ */ (0,
|
|
13201
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AlertBanner, { variant: "error", icon: true, content: screen.message });
|
|
13001
13202
|
case "review":
|
|
13002
|
-
return /* @__PURE__ */ (0,
|
|
13203
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
13003
13204
|
ReviewScreen,
|
|
13004
13205
|
{
|
|
13005
13206
|
fields: screen.fields,
|
|
@@ -13010,9 +13211,9 @@ function Screen({
|
|
|
13010
13211
|
}
|
|
13011
13212
|
);
|
|
13012
13213
|
case "editing":
|
|
13013
|
-
return /* @__PURE__ */ (0,
|
|
13214
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(EditScreen, { fields: screen.fields, onEvent });
|
|
13014
13215
|
case "sign-only":
|
|
13015
|
-
return /* @__PURE__ */ (0,
|
|
13216
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
13016
13217
|
SignOnlyScreen,
|
|
13017
13218
|
{
|
|
13018
13219
|
signing: screen.signing,
|
|
@@ -13027,14 +13228,14 @@ function Screen({
|
|
|
13027
13228
|
}
|
|
13028
13229
|
}
|
|
13029
13230
|
function LoadingScreen() {
|
|
13030
|
-
return /* @__PURE__ */ (0,
|
|
13231
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
13031
13232
|
"output",
|
|
13032
13233
|
{
|
|
13033
13234
|
"aria-live": "polite",
|
|
13034
13235
|
className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4",
|
|
13035
|
-
children: [0, 1, 2, 3, 4].map((row) => /* @__PURE__ */ (0,
|
|
13036
|
-
/* @__PURE__ */ (0,
|
|
13037
|
-
/* @__PURE__ */ (0,
|
|
13236
|
+
children: [0, 1, 2, 3, 4].map((row) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
|
|
13237
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "clcosdk:h-3 clcosdk:w-28 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" }),
|
|
13238
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "clcosdk:h-5 clcosdk:w-48 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" })
|
|
13038
13239
|
] }, row))
|
|
13039
13240
|
}
|
|
13040
13241
|
);
|
|
@@ -13046,9 +13247,9 @@ function ReviewScreen({
|
|
|
13046
13247
|
signError,
|
|
13047
13248
|
onEvent
|
|
13048
13249
|
}) {
|
|
13049
|
-
return /* @__PURE__ */ (0,
|
|
13050
|
-
/* @__PURE__ */ (0,
|
|
13051
|
-
piiUnavailable && /* @__PURE__ */ (0,
|
|
13250
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
|
|
13251
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Review your information below. If anything looks incorrect, edit before signing." }),
|
|
13252
|
+
piiUnavailable && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
13052
13253
|
AlertBanner,
|
|
13053
13254
|
{
|
|
13054
13255
|
variant: "info",
|
|
@@ -13056,27 +13257,27 @@ function ReviewScreen({
|
|
|
13056
13257
|
content: "We don't have this information on file yet \u2014 please fill it in below."
|
|
13057
13258
|
}
|
|
13058
13259
|
),
|
|
13059
|
-
/* @__PURE__ */ (0,
|
|
13260
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, displayValue }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
13060
13261
|
"div",
|
|
13061
13262
|
{
|
|
13062
13263
|
className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
|
|
13063
13264
|
children: [
|
|
13064
|
-
/* @__PURE__ */ (0,
|
|
13265
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
13065
13266
|
"span",
|
|
13066
13267
|
{
|
|
13067
13268
|
className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
|
|
13068
13269
|
children: label
|
|
13069
13270
|
}
|
|
13070
13271
|
),
|
|
13071
|
-
/* @__PURE__ */ (0,
|
|
13272
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: displayValue })
|
|
13072
13273
|
]
|
|
13073
13274
|
},
|
|
13074
13275
|
field
|
|
13075
13276
|
)) }),
|
|
13076
|
-
/* @__PURE__ */ (0,
|
|
13077
|
-
signError && /* @__PURE__ */ (0,
|
|
13078
|
-
/* @__PURE__ */ (0,
|
|
13079
|
-
/* @__PURE__ */ (0,
|
|
13277
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: cn(typeClasses.caption, "clcosdk:text-text-secondary"), children: "By signing, you certify that the information above is accurate and that you are the beneficial owner of the income this form relates to. This document cannot be edited once signed." }),
|
|
13278
|
+
signError && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AlertBanner, { variant: "error", icon: true, content: signError }),
|
|
13279
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
|
|
13280
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
13080
13281
|
ClButton,
|
|
13081
13282
|
{
|
|
13082
13283
|
fullWidth: true,
|
|
@@ -13086,7 +13287,7 @@ function ReviewScreen({
|
|
|
13086
13287
|
children: "Sign W-8BEN"
|
|
13087
13288
|
}
|
|
13088
13289
|
),
|
|
13089
|
-
/* @__PURE__ */ (0,
|
|
13290
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
13090
13291
|
ClButton,
|
|
13091
13292
|
{
|
|
13092
13293
|
fullWidth: true,
|
|
@@ -13103,20 +13304,20 @@ function EditScreen({
|
|
|
13103
13304
|
fields,
|
|
13104
13305
|
onEvent
|
|
13105
13306
|
}) {
|
|
13106
|
-
return /* @__PURE__ */ (0,
|
|
13107
|
-
/* @__PURE__ */ (0,
|
|
13307
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
|
|
13308
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, placeholder, value }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
13108
13309
|
"label",
|
|
13109
13310
|
{
|
|
13110
13311
|
className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
|
|
13111
13312
|
children: [
|
|
13112
|
-
/* @__PURE__ */ (0,
|
|
13313
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
13113
13314
|
"span",
|
|
13114
13315
|
{
|
|
13115
13316
|
className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
|
|
13116
13317
|
children: label
|
|
13117
13318
|
}
|
|
13118
13319
|
),
|
|
13119
|
-
/* @__PURE__ */ (0,
|
|
13320
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
13120
13321
|
"input",
|
|
13121
13322
|
{
|
|
13122
13323
|
type: "text",
|
|
@@ -13137,9 +13338,9 @@ function EditScreen({
|
|
|
13137
13338
|
},
|
|
13138
13339
|
field
|
|
13139
13340
|
)) }),
|
|
13140
|
-
/* @__PURE__ */ (0,
|
|
13141
|
-
/* @__PURE__ */ (0,
|
|
13142
|
-
/* @__PURE__ */ (0,
|
|
13341
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
|
|
13342
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ClButton, { fullWidth: true, onClick: () => onEvent({ type: "ON_SAVE_EDIT" }), children: "Save & review" }),
|
|
13343
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
13143
13344
|
ClButton,
|
|
13144
13345
|
{
|
|
13145
13346
|
fullWidth: true,
|
|
@@ -13156,10 +13357,10 @@ function SignOnlyScreen({
|
|
|
13156
13357
|
signError,
|
|
13157
13358
|
onEvent
|
|
13158
13359
|
}) {
|
|
13159
|
-
return /* @__PURE__ */ (0,
|
|
13160
|
-
/* @__PURE__ */ (0,
|
|
13161
|
-
signError && /* @__PURE__ */ (0,
|
|
13162
|
-
/* @__PURE__ */ (0,
|
|
13360
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
|
|
13361
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "As an entity investor, you must complete a W-8BEN-E to confirm your foreign tax status and claim applicable treaty benefits. You'll receive an email to complete the signing." }),
|
|
13362
|
+
signError && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AlertBanner, { variant: "error", icon: true, content: signError }),
|
|
13363
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
13163
13364
|
ClButton,
|
|
13164
13365
|
{
|
|
13165
13366
|
fullWidth: true,
|
|
@@ -13471,7 +13672,7 @@ function toFieldsUi(fields) {
|
|
|
13471
13672
|
}
|
|
13472
13673
|
|
|
13473
13674
|
// src/client/components/requirements/tax-document/TaxDocumentModalContainer.tsx
|
|
13474
|
-
var
|
|
13675
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
13475
13676
|
function TaxDocumentModalContainer({
|
|
13476
13677
|
isOpen,
|
|
13477
13678
|
onClose,
|
|
@@ -13483,7 +13684,7 @@ function TaxDocumentModalContainer({
|
|
|
13483
13684
|
onClose,
|
|
13484
13685
|
onSubmitted
|
|
13485
13686
|
});
|
|
13486
|
-
return /* @__PURE__ */ (0,
|
|
13687
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
13487
13688
|
TaxDocumentModalView,
|
|
13488
13689
|
{
|
|
13489
13690
|
state,
|
|
@@ -13495,7 +13696,7 @@ function TaxDocumentModalContainer({
|
|
|
13495
13696
|
|
|
13496
13697
|
// src/client/components/requirements/wallet/ConnectWalletModalView.tsx
|
|
13497
13698
|
var import_react42 = require("react");
|
|
13498
|
-
var
|
|
13699
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
13499
13700
|
function ConnectWalletModalView({
|
|
13500
13701
|
state,
|
|
13501
13702
|
onEvent,
|
|
@@ -13505,7 +13706,7 @@ function ConnectWalletModalView({
|
|
|
13505
13706
|
if (state.type === "hidden") {
|
|
13506
13707
|
return null;
|
|
13507
13708
|
}
|
|
13508
|
-
return /* @__PURE__ */ (0,
|
|
13709
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-black/50 clcosdk:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
13509
13710
|
"div",
|
|
13510
13711
|
{
|
|
13511
13712
|
role: "dialog",
|
|
@@ -13516,8 +13717,8 @@ function ConnectWalletModalView({
|
|
|
13516
13717
|
className
|
|
13517
13718
|
),
|
|
13518
13719
|
children: [
|
|
13519
|
-
/* @__PURE__ */ (0,
|
|
13520
|
-
/* @__PURE__ */ (0,
|
|
13720
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
|
|
13721
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
13521
13722
|
"h3",
|
|
13522
13723
|
{
|
|
13523
13724
|
id: titleId,
|
|
@@ -13525,9 +13726,9 @@ function ConnectWalletModalView({
|
|
|
13525
13726
|
children: "Connect your wallet"
|
|
13526
13727
|
}
|
|
13527
13728
|
),
|
|
13528
|
-
/* @__PURE__ */ (0,
|
|
13729
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
|
|
13529
13730
|
] }),
|
|
13530
|
-
/* @__PURE__ */ (0,
|
|
13731
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
13531
13732
|
Screen2,
|
|
13532
13733
|
{
|
|
13533
13734
|
screen: state.screen,
|
|
@@ -13546,9 +13747,9 @@ function Screen2({
|
|
|
13546
13747
|
}) {
|
|
13547
13748
|
switch (screen.type) {
|
|
13548
13749
|
case "needs-wallet":
|
|
13549
|
-
return /* @__PURE__ */ (0,
|
|
13550
|
-
/* @__PURE__ */ (0,
|
|
13551
|
-
canRequestConnect && /* @__PURE__ */ (0,
|
|
13750
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
|
|
13751
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Connect an external wallet to prove ownership and bind it to this offer." }),
|
|
13752
|
+
canRequestConnect && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
13552
13753
|
ClButton,
|
|
13553
13754
|
{
|
|
13554
13755
|
fullWidth: true,
|
|
@@ -13558,23 +13759,23 @@ function Screen2({
|
|
|
13558
13759
|
)
|
|
13559
13760
|
] });
|
|
13560
13761
|
case "ready":
|
|
13561
|
-
return /* @__PURE__ */ (0,
|
|
13562
|
-
/* @__PURE__ */ (0,
|
|
13563
|
-
/* @__PURE__ */ (0,
|
|
13564
|
-
/* @__PURE__ */ (0,
|
|
13762
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
|
|
13763
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Sign a message with your connected wallet to prove you own it. This does not cost gas or move any funds." }),
|
|
13764
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: [
|
|
13765
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
13565
13766
|
"span",
|
|
13566
13767
|
{
|
|
13567
13768
|
className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
|
|
13568
13769
|
children: "Wallet address"
|
|
13569
13770
|
}
|
|
13570
13771
|
),
|
|
13571
|
-
/* @__PURE__ */ (0,
|
|
13772
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: screen.shortAddress })
|
|
13572
13773
|
] }),
|
|
13573
13774
|
screen.signError && // Live region: the error is inserted async after a failed attempt,
|
|
13574
13775
|
// so screen readers need it announced rather than silently
|
|
13575
13776
|
// rendered.
|
|
13576
|
-
/* @__PURE__ */ (0,
|
|
13577
|
-
/* @__PURE__ */ (0,
|
|
13777
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(AlertBanner, { variant: "error", icon: true, content: screen.signError }) }),
|
|
13778
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
13578
13779
|
ClButton,
|
|
13579
13780
|
{
|
|
13580
13781
|
fullWidth: true,
|
|
@@ -13585,7 +13786,7 @@ function Screen2({
|
|
|
13585
13786
|
children: "Sign & connect"
|
|
13586
13787
|
}
|
|
13587
13788
|
),
|
|
13588
|
-
canRequestConnect && /* @__PURE__ */ (0,
|
|
13789
|
+
canRequestConnect && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
13589
13790
|
ClButton,
|
|
13590
13791
|
{
|
|
13591
13792
|
fullWidth: true,
|
|
@@ -13872,13 +14073,13 @@ function useConnectWalletModalViewModel({
|
|
|
13872
14073
|
}
|
|
13873
14074
|
|
|
13874
14075
|
// src/client/components/requirements/wallet/ConnectWalletModalContainer.tsx
|
|
13875
|
-
var
|
|
14076
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
13876
14077
|
function ConnectWalletModalContainer({
|
|
13877
14078
|
className,
|
|
13878
14079
|
...options
|
|
13879
14080
|
}) {
|
|
13880
14081
|
const { state, onEvent } = useConnectWalletModalViewModel(options);
|
|
13881
|
-
return /* @__PURE__ */ (0,
|
|
14082
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
13882
14083
|
ConnectWalletModalView,
|
|
13883
14084
|
{
|
|
13884
14085
|
state,
|
|
@@ -14406,7 +14607,7 @@ function toVerificationUi(verifyingRequirementId, statusById, identityVerificati
|
|
|
14406
14607
|
}
|
|
14407
14608
|
|
|
14408
14609
|
// src/client/components/requirements/checklist/RequirementsChecklistContainer.tsx
|
|
14409
|
-
var
|
|
14610
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
14410
14611
|
function RequirementsChecklistContainer({
|
|
14411
14612
|
loading,
|
|
14412
14613
|
error,
|
|
@@ -14415,8 +14616,8 @@ function RequirementsChecklistContainer({
|
|
|
14415
14616
|
...options
|
|
14416
14617
|
}) {
|
|
14417
14618
|
const { state, onEvent } = useRequirementsChecklistViewModel(options);
|
|
14418
|
-
return /* @__PURE__ */ (0,
|
|
14419
|
-
/* @__PURE__ */ (0,
|
|
14619
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
14620
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
14420
14621
|
RequirementsChecklistView,
|
|
14421
14622
|
{
|
|
14422
14623
|
state,
|
|
@@ -14426,13 +14627,13 @@ function RequirementsChecklistContainer({
|
|
|
14426
14627
|
unauthenticatedState: (
|
|
14427
14628
|
// The sign-in default lives here, not in the View: it is a connected
|
|
14428
14629
|
// component, and a View must render from what it is handed.
|
|
14429
|
-
unauthenticatedState !== void 0 ? unauthenticatedState : /* @__PURE__ */ (0,
|
|
14630
|
+
unauthenticatedState !== void 0 ? unauthenticatedState : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CoinListSignInCardContainer, {})
|
|
14430
14631
|
),
|
|
14431
14632
|
className
|
|
14432
14633
|
}
|
|
14433
14634
|
),
|
|
14434
|
-
state.type === "content" && /* @__PURE__ */ (0,
|
|
14435
|
-
/* @__PURE__ */ (0,
|
|
14635
|
+
state.type === "content" && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
14636
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
14436
14637
|
TaxDocumentModalContainer,
|
|
14437
14638
|
{
|
|
14438
14639
|
isOpen: state.taxDocumentOpen,
|
|
@@ -14440,11 +14641,11 @@ function RequirementsChecklistContainer({
|
|
|
14440
14641
|
onSubmitted: () => onEvent({ type: "ON_TAX_DOCUMENT_SUBMITTED" })
|
|
14441
14642
|
}
|
|
14442
14643
|
),
|
|
14443
|
-
state.verification && /* @__PURE__ */ (0,
|
|
14644
|
+
state.verification && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
14444
14645
|
VerificationOverlay,
|
|
14445
14646
|
{
|
|
14446
14647
|
onClose: () => onEvent({ type: "ON_CLOSE_VERIFICATION" }),
|
|
14447
|
-
children: /* @__PURE__ */ (0,
|
|
14648
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
14448
14649
|
IdentityVerificationContainer,
|
|
14449
14650
|
{
|
|
14450
14651
|
levelName: state.verification.levelName,
|
|
@@ -14455,7 +14656,7 @@ function RequirementsChecklistContainer({
|
|
|
14455
14656
|
)
|
|
14456
14657
|
}
|
|
14457
14658
|
),
|
|
14458
|
-
/* @__PURE__ */ (0,
|
|
14659
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
14459
14660
|
ConnectWalletModalContainer,
|
|
14460
14661
|
{
|
|
14461
14662
|
isOpen: state.connectWalletOpen,
|
|
@@ -14792,6 +14993,20 @@ function useOfferDetails(offerId, options = {}) {
|
|
|
14792
14993
|
return { offerDetailsState };
|
|
14793
14994
|
}
|
|
14794
14995
|
|
|
14996
|
+
// src/client/hooks/offers/shared/offer-asset-card.types.ts
|
|
14997
|
+
var OfferAssetCardUi = {
|
|
14998
|
+
fromOffer: (offer) => ({
|
|
14999
|
+
id: offer.id,
|
|
15000
|
+
logoUrl: offer.logoUrl
|
|
15001
|
+
}),
|
|
15002
|
+
fromDetail: (detail) => ({
|
|
15003
|
+
id: detail.id,
|
|
15004
|
+
name: detail.name,
|
|
15005
|
+
symbol: detail.asset.code,
|
|
15006
|
+
logoUrl: detail.logoUrl
|
|
15007
|
+
})
|
|
15008
|
+
};
|
|
15009
|
+
|
|
14795
15010
|
// src/client/hooks/tokens/data/useTokenMetadata.ts
|
|
14796
15011
|
var import_react51 = require("react");
|
|
14797
15012
|
var DISABLED_STATE = { type: "DISABLED" };
|
|
@@ -14851,6 +15066,15 @@ function useTokenMetadata(options) {
|
|
|
14851
15066
|
refetch
|
|
14852
15067
|
};
|
|
14853
15068
|
}
|
|
15069
|
+
|
|
15070
|
+
// src/client/ui/format/date.ts
|
|
15071
|
+
function formatMonthYear(date, locale) {
|
|
15072
|
+
return new Intl.DateTimeFormat(locale, {
|
|
15073
|
+
month: "short",
|
|
15074
|
+
year: "numeric",
|
|
15075
|
+
timeZone: "UTC"
|
|
15076
|
+
}).format(date);
|
|
15077
|
+
}
|
|
14854
15078
|
// Annotate the CommonJS export names for ESM import in node:
|
|
14855
15079
|
0 && (module.exports = {
|
|
14856
15080
|
ChecklistStatus,
|
|
@@ -14880,8 +15104,11 @@ function useTokenMetadata(options) {
|
|
|
14880
15104
|
KycToken,
|
|
14881
15105
|
OAUTH_CODE_VERIFIER_KEY,
|
|
14882
15106
|
OAUTH_STATE_KEY,
|
|
14883
|
-
|
|
14884
|
-
|
|
15107
|
+
OfferAssetCard,
|
|
15108
|
+
OfferAssetCardUi,
|
|
15109
|
+
OfferSaleCard,
|
|
15110
|
+
OfferSaleCardUi,
|
|
15111
|
+
OffersAssetGrid,
|
|
14885
15112
|
OffersGridContainer,
|
|
14886
15113
|
OffersGridView,
|
|
14887
15114
|
OndoBuyAmountView,
|
|
@@ -14927,6 +15154,7 @@ function useTokenMetadata(options) {
|
|
|
14927
15154
|
executeTokenSale,
|
|
14928
15155
|
formatCountdown,
|
|
14929
15156
|
formatMonthYear,
|
|
15157
|
+
formatSaleCardCountdown,
|
|
14930
15158
|
offerIconUrl,
|
|
14931
15159
|
ondoLoadErrorReason,
|
|
14932
15160
|
pinoClientLogger,
|