@openrails/billing-ui 0.0.0-stage → 0.230.0
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/CHANGELOG.md +257 -0
- package/LICENSE +21 -0
- package/README.md +211 -2
- package/dist/account/account-billing.d.ts +19 -0
- package/dist/account/cancel-dialog.d.ts +18 -0
- package/dist/account/change-card-dialog.d.ts +14 -0
- package/dist/account/format.d.ts +25 -0
- package/dist/account/notice.d.ts +3 -0
- package/dist/account/payment-history.d.ts +8 -0
- package/dist/account/payment-methods-panel.d.ts +19 -0
- package/dist/account/section.d.ts +25 -0
- package/dist/account/status-badge.d.ts +8 -0
- package/dist/account/subscriptions-panel.d.ts +19 -0
- package/dist/appearance.d.ts +23 -0
- package/dist/authenticate.d.ts +8 -0
- package/dist/checkout-frame.d.ts +17 -0
- package/dist/checkout-page.d.ts +16 -0
- package/dist/checkout.d.ts +24 -0
- package/dist/client/client.d.ts +167 -0
- package/dist/client/errors.d.ts +26 -0
- package/dist/client/generated/openrails-routes.d.ts +2 -0
- package/dist/client/index.d.ts +4 -0
- package/dist/client/types.d.ts +754 -0
- package/dist/client-DhG2jv34.js +771 -0
- package/dist/client-DhG2jv34.js.map +1 -0
- package/dist/client.js +3 -0
- package/dist/components/billing-fields.d.ts +39 -0
- package/dist/components/card-brands.d.ts +6 -0
- package/dist/components/card-fields.d.ts +29 -0
- package/dist/components/ccbill-fields.d.ts +8 -0
- package/dist/components/methods.d.ts +13 -0
- package/dist/components/pay-button.d.ts +6 -0
- package/dist/components/qr.d.ts +6 -0
- package/dist/components/saved-methods.d.ts +9 -0
- package/dist/components/states.d.ts +10 -0
- package/dist/components/stripe-card.d.ts +17 -0
- package/dist/components/summary.d.ts +12 -0
- package/dist/components/ui/alert-dialog.d.ts +18 -0
- package/dist/components/ui/badge.d.ts +7 -0
- package/dist/components/ui/button.d.ts +8 -0
- package/dist/components/ui/card.d.ts +11 -0
- package/dist/components/ui/dialog.d.ts +17 -0
- package/dist/components/ui/input.d.ts +3 -0
- package/dist/components/ui/label.d.ts +3 -0
- package/dist/components/ui/radio-group.d.ts +5 -0
- package/dist/components/ui/separator.d.ts +3 -0
- package/dist/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/spinner.d.ts +3 -0
- package/dist/components/ui/textarea.d.ts +3 -0
- package/dist/dist-CslWupfi.js +3311 -0
- package/dist/dist-CslWupfi.js.map +1 -0
- package/dist/errors-T-PRm3vV.js +54 -0
- package/dist/errors-T-PRm3vV.js.map +1 -0
- package/dist/fixtures.d.ts +9 -0
- package/dist/frame.d.ts +47 -0
- package/dist/hooks-DLFF-zx5.js +285 -0
- package/dist/hooks-DLFF-zx5.js.map +1 -0
- package/dist/i18n/context.d.ts +4 -0
- package/dist/i18n/index.d.ts +2 -0
- package/dist/i18n/messages.d.ts +58 -0
- package/dist/index.d.ts +29 -0
- package/dist/index.js +4182 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/billing.d.ts +25 -0
- package/dist/lib/card-brands.d.ts +2 -0
- package/dist/lib/card-entry.d.ts +46 -0
- package/dist/lib/ccbill.d.ts +8 -0
- package/dist/lib/collect.d.ts +51 -0
- package/dist/lib/money.d.ts +9 -0
- package/dist/lib/period.d.ts +15 -0
- package/dist/lib/rail-meta.d.ts +15 -0
- package/dist/lib/redirect.d.ts +2 -0
- package/dist/lib/stripe-appearance.d.ts +2 -0
- package/dist/lib/stripe.d.ts +2 -0
- package/dist/locales/de.d.ts +2 -0
- package/dist/locales/de.js +204 -0
- package/dist/locales/de.js.map +1 -0
- package/dist/locales/en.d.ts +201 -0
- package/dist/locales/en.js +204 -0
- package/dist/locales/en.js.map +1 -0
- package/dist/locales/es.d.ts +2 -0
- package/dist/locales/es.js +204 -0
- package/dist/locales/es.js.map +1 -0
- package/dist/locales/ja.d.ts +2 -0
- package/dist/locales/ja.js +195 -0
- package/dist/locales/ja.js.map +1 -0
- package/dist/locales/ko.d.ts +2 -0
- package/dist/locales/ko.js +195 -0
- package/dist/locales/ko.js.map +1 -0
- package/dist/locales/zh.d.ts +2 -0
- package/dist/locales/zh.js +195 -0
- package/dist/locales/zh.js.map +1 -0
- package/dist/modal.d.ts +12 -0
- package/dist/provider.d.ts +18 -0
- package/dist/psp.d.ts +46 -0
- package/dist/react/context.d.ts +38 -0
- package/dist/react/hooks.d.ts +76 -0
- package/dist/react/index.d.ts +3 -0
- package/dist/react/provider.d.ts +18 -0
- package/dist/react/remote.d.ts +11 -0
- package/dist/react.js +37 -0
- package/dist/react.js.map +1 -0
- package/dist/save-payment-method.d.ts +26 -0
- package/dist/scope-context.d.ts +17 -0
- package/dist/scope.d.ts +6 -0
- package/dist/source.d.ts +14 -0
- package/dist/styles.css +3 -0
- package/dist/tokenized-card-form.d.ts +24 -0
- package/dist/types.d.ts +191 -0
- package/docs/1055-nmi-host-integration.md +28 -0
- package/docs/payment-form-contract.md +153 -0
- package/package.json +112 -3
package/dist/index.js
ADDED
|
@@ -0,0 +1,4182 @@
|
|
|
1
|
+
|
|
2
|
+
const __orckCss = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.orck *,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) *,.orck,.orck :before,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) :before,.orck:before,.orck :after,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) :after,.orck:after,.orck ::backdrop,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) ::backdrop,.orck::backdrop{--orck-tw-translate-x:0;--orck-tw-translate-y:0;--orck-tw-translate-z:0;--orck-tw-rotate-x:initial;--orck-tw-rotate-y:initial;--orck-tw-rotate-z:initial;--orck-tw-skew-x:initial;--orck-tw-skew-y:initial;--orck-tw-pan-x:initial;--orck-tw-pan-y:initial;--orck-tw-pinch-zoom:initial;--orck-tw-divide-y-reverse:0;--orck-tw-border-style:solid;--orck-tw-leading:initial;--orck-tw-font-weight:initial;--orck-tw-tracking:initial;--orck-tw-ordinal:initial;--orck-tw-slashed-zero:initial;--orck-tw-numeric-figure:initial;--orck-tw-numeric-spacing:initial;--orck-tw-numeric-fraction:initial;--orck-tw-shadow:0 0 #0000;--orck-tw-shadow-color:initial;--orck-tw-shadow-alpha:100%;--orck-tw-inset-shadow:0 0 #0000;--orck-tw-inset-shadow-color:initial;--orck-tw-inset-shadow-alpha:100%;--orck-tw-ring-color:initial;--orck-tw-ring-shadow:0 0 #0000;--orck-tw-inset-ring-color:initial;--orck-tw-inset-ring-shadow:0 0 #0000;--orck-tw-ring-inset:initial;--orck-tw-ring-offset-width:0px;--orck-tw-ring-offset-color:#fff;--orck-tw-ring-offset-shadow:0 0 #0000;--orck-tw-outline-style:solid;--orck-tw-duration:initial;--orck-tw-content:\"\";--orck-tw-backdrop-blur:initial;--orck-tw-backdrop-brightness:initial;--orck-tw-backdrop-contrast:initial;--orck-tw-backdrop-grayscale:initial;--orck-tw-backdrop-hue-rotate:initial;--orck-tw-backdrop-invert:initial;--orck-tw-backdrop-opacity:initial;--orck-tw-backdrop-saturate:initial;--orck-tw-backdrop-sepia:initial;--orck-tw-border-spacing-x:0;--orck-tw-border-spacing-y:0;--orck-tw-animation-delay:0s;--orck-tw-animation-direction:normal;--orck-tw-animation-duration:initial;--orck-tw-animation-fill-mode:none;--orck-tw-animation-iteration-count:1;--orck-tw-enter-blur:0;--orck-tw-enter-opacity:1;--orck-tw-enter-rotate:0;--orck-tw-enter-scale:1;--orck-tw-enter-translate-x:0;--orck-tw-enter-translate-y:0;--orck-tw-exit-blur:0;--orck-tw-exit-opacity:1;--orck-tw-exit-rotate:0;--orck-tw-exit-scale:1;--orck-tw-exit-translate-x:0;--orck-tw-exit-translate-y:0}}.orck,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])){--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-600:oklch(44.2% .017 285.786);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-normal:0em;--tracking-wide:.025em;--leading-normal:1.5;--radius-md:calc(var(--radius) * .8);--radius-4xl:2rem;--animate-spin:orck-spin 1s linear infinite;--animate-pulse:orck-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.orck *,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) *,.orck{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.orck *,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) *,.orck{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.orck button,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) button{color:inherit;font:inherit;background-color:#0000}.orck .\\@container\\/card-header,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@container\\/card-header,.orck.\\@container\\/card-header{container:card-header/inline-size}.orck .visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .visible,.orck.visible{visibility:visible}.orck .sr-only,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .sr-only,.orck.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.orck .absolute,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .absolute,.orck.absolute{position:absolute}.orck .fixed,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .fixed,.orck.fixed{position:fixed}.orck .relative,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .relative,.orck.relative{position:relative}.orck .static,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .static,.orck.static{position:static}.orck .inset-0,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .inset-0,.orck.inset-0{inset:0}.orck .top-1\\/2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .top-1\\/2,.orck.top-1\\/2{top:50%}.orck .top-4,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .top-4,.orck.top-4{top:calc(var(--spacing) * 4)}.orck .right-4,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .right-4,.orck.right-4{right:calc(var(--spacing) * 4)}.orck .left-1\\/2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .left-1\\/2,.orck.left-1\\/2{left:50%}.orck .isolate,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .isolate,.orck.isolate{isolation:isolate}.orck .z-50,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .z-50,.orck.z-50{z-index:50}.orck .col-start-2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .col-start-2,.orck.col-start-2{grid-column-start:2}.orck .row-span-2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .row-span-2,.orck.row-span-2{grid-row:span 2/span 2}.orck .row-start-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .row-start-1,.orck.row-start-1{grid-row-start:1}.orck .container,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .container,.orck.container{width:100%}@media (width>=40rem){.orck .container,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .container,.orck.container{max-width:40rem}}@media (width>=48rem){.orck .container,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .container,.orck.container{max-width:48rem}}@media (width>=64rem){.orck .container,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .container,.orck.container{max-width:64rem}}@media (width>=80rem){.orck .container,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .container,.orck.container{max-width:80rem}}@media (width>=96rem){.orck .container,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .container,.orck.container{max-width:96rem}}.orck .-mx-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .-mx-1,.orck.-mx-1{margin-inline:calc(var(--spacing) * -1)}.orck .mx-auto,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .mx-auto,.orck.mx-auto{margin-inline:auto}.orck .-my-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .-my-1,.orck.-my-1{margin-block:calc(var(--spacing) * -1)}.orck .-mt-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .-mt-1,.orck.-mt-1{margin-top:calc(var(--spacing) * -1)}.orck .-mt-px,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .-mt-px,.orck.-mt-px{margin-top:-1px}.orck .mt-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .mt-1,.orck.mt-1{margin-top:var(--spacing)}.orck .mt-1\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .mt-1\\.5,.orck.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.orck .mt-3,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .mt-3,.orck.mt-3{margin-top:calc(var(--spacing) * 3)}.orck .mb-2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .mb-2,.orck.mb-2{margin-bottom:calc(var(--spacing) * 2)}.orck .ml-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .ml-1,.orck.ml-1{margin-left:var(--spacing)}.orck .ml-auto,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .ml-auto,.orck.ml-auto{margin-left:auto}.orck .block,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .block,.orck.block{display:block}.orck .flex,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .flex,.orck.flex{display:flex}.orck .grid,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .grid,.orck.grid{display:grid}.orck .hidden,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .hidden,.orck.hidden{display:none}.orck .inline,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .inline,.orck.inline{display:inline}.orck .inline-flex,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .inline-flex,.orck.inline-flex{display:inline-flex}.orck .table,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .table,.orck.table{display:table}.orck .field-sizing-content,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .field-sizing-content,.orck.field-sizing-content{field-sizing:content}.orck .aspect-square,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .aspect-square,.orck.aspect-square{aspect-ratio:1}.orck .size-2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .size-2,.orck.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.orck .size-3\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .size-3\\.5,.orck.size-3\\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.orck .size-4,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .size-4,.orck.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.orck .size-6,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .size-6,.orck.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.orck .size-8,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .size-8,.orck.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.orck .size-9,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .size-9,.orck.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.orck .size-10,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .size-10,.orck.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.orck .size-11,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .size-11,.orck.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.orck .size-16,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .size-16,.orck.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.orck .size-\\[11px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .size-\\[11px\\],.orck.size-\\[11px\\]{width:11px;height:11px}.orck .h-2\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-2\\.5,.orck.h-2\\.5{height:calc(var(--spacing) * 2.5)}.orck .h-3,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-3,.orck.h-3{height:calc(var(--spacing) * 3)}.orck .h-3\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-3\\.5,.orck.h-3\\.5{height:calc(var(--spacing) * 3.5)}.orck .h-4,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-4,.orck.h-4{height:calc(var(--spacing) * 4)}.orck .h-5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-5,.orck.h-5{height:calc(var(--spacing) * 5)}.orck .h-6,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-6,.orck.h-6{height:calc(var(--spacing) * 6)}.orck .h-7,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-7,.orck.h-7{height:calc(var(--spacing) * 7)}.orck .h-8,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-8,.orck.h-8{height:calc(var(--spacing) * 8)}.orck .h-9,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-9,.orck.h-9{height:calc(var(--spacing) * 9)}.orck .h-10,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-10,.orck.h-10{height:calc(var(--spacing) * 10)}.orck .h-11,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-11,.orck.h-11{height:calc(var(--spacing) * 11)}.orck .h-28,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-28,.orck.h-28{height:calc(var(--spacing) * 28)}.orck .h-\\[38px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-\\[38px\\],.orck.h-\\[38px\\]{height:38px}.orck .h-\\[42px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-\\[42px\\],.orck.h-\\[42px\\]{height:42px}.orck .h-full,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .h-full,.orck.h-full{height:100%}.orck .max-h-\\[calc\\(100dvh-2rem\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .max-h-\\[calc\\(100dvh-2rem\\)\\],.orck.max-h-\\[calc\\(100dvh-2rem\\)\\]{max-height:calc(100dvh - 2rem)}.orck .max-h-\\[calc\\(100dvh-5rem\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .max-h-\\[calc\\(100dvh-5rem\\)\\],.orck.max-h-\\[calc\\(100dvh-5rem\\)\\]{max-height:calc(100dvh - 5rem)}.orck .max-h-\\[calc\\(100dvh-6rem\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .max-h-\\[calc\\(100dvh-6rem\\)\\],.orck.max-h-\\[calc\\(100dvh-6rem\\)\\]{max-height:calc(100dvh - 6rem)}.orck .min-h-0,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .min-h-0,.orck.min-h-0{min-height:0}.orck .min-h-16,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .min-h-16,.orck.min-h-16{min-height:calc(var(--spacing) * 16)}.orck .w-11,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .w-11,.orck.w-11{width:calc(var(--spacing) * 11)}.orck .w-14,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .w-14,.orck.w-14{width:calc(var(--spacing) * 14)}.orck .w-24,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .w-24,.orck.w-24{width:calc(var(--spacing) * 24)}.orck .w-28,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .w-28,.orck.w-28{width:calc(var(--spacing) * 28)}.orck .w-40,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .w-40,.orck.w-40{width:calc(var(--spacing) * 40)}.orck .w-52,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .w-52,.orck.w-52{width:calc(var(--spacing) * 52)}.orck .w-\\[420px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .w-\\[420px\\],.orck.w-\\[420px\\]{width:420px}.orck .w-\\[860px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .w-\\[860px\\],.orck.w-\\[860px\\]{width:860px}.orck .w-auto,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .w-auto,.orck.w-auto{width:auto}.orck .w-fit,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .w-fit,.orck.w-fit{width:fit-content}.orck .w-full,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .w-full,.orck.w-full{width:100%}.orck .max-w-56,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .max-w-56,.orck.max-w-56{max-width:calc(var(--spacing) * 56)}.orck .max-w-\\[calc\\(100\\%-2rem\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .max-w-\\[calc\\(100\\%-2rem\\)\\],.orck.max-w-\\[calc\\(100\\%-2rem\\)\\]{max-width:calc(100% - 2rem)}.orck .max-w-\\[calc\\(100vw-2rem\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .max-w-\\[calc\\(100vw-2rem\\)\\],.orck.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem)}.orck .min-w-0,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .min-w-0,.orck.min-w-0{min-width:0}.orck .min-w-40,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .min-w-40,.orck.min-w-40{min-width:calc(var(--spacing) * 40)}.orck .flex-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .flex-1,.orck.flex-1{flex:1}.orck .shrink-0,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .shrink-0,.orck.shrink-0{flex-shrink:0}.orck .border-collapse,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-collapse,.orck.border-collapse{border-collapse:collapse}.orck .-translate-x-1\\/2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .-translate-x-1\\/2,.orck.-translate-x-1\\/2{--orck-tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--orck-tw-translate-x) var(--orck-tw-translate-y)}.orck .-translate-y-1\\/2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .-translate-y-1\\/2,.orck.-translate-y-1\\/2{--orck-tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--orck-tw-translate-x) var(--orck-tw-translate-y)}.orck .transform,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .transform,.orck.transform{transform:var(--orck-tw-rotate-x,) var(--orck-tw-rotate-y,) var(--orck-tw-rotate-z,) var(--orck-tw-skew-x,) var(--orck-tw-skew-y,)}.orck .animate-pulse,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .animate-pulse,.orck.animate-pulse{animation:var(--animate-orck-pulse)}.orck .animate-spin,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .animate-spin,.orck.animate-spin{animation:var(--animate-orck-spin)}.orck .cursor-default,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .cursor-default,.orck.cursor-default{cursor:default}.orck .cursor-pointer,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .cursor-pointer,.orck.cursor-pointer{cursor:pointer}.orck .touch-pan-y,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .touch-pan-y,.orck.touch-pan-y{--orck-tw-pan-y:pan-y;touch-action:var(--orck-tw-pan-x,) var(--orck-tw-pan-y,) var(--orck-tw-pinch-zoom,)}.orck .resize,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .resize,.orck.resize{resize:both}.orck .\\[scrollbar-width\\:none\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[scrollbar-width\\:none\\],.orck.\\[scrollbar-width\\:none\\]{scrollbar-width:none}.orck .auto-rows-min,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .auto-rows-min,.orck.auto-rows-min{grid-auto-rows:min-content}.orck .grid-cols-2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .grid-cols-2,.orck.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.orck .grid-rows-\\[auto_1fr\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .grid-rows-\\[auto_1fr\\],.orck.grid-rows-\\[auto_1fr\\]{grid-template-rows:auto 1fr}.orck .flex-col,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .flex-col,.orck.flex-col{flex-direction:column}.orck .flex-col-reverse,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .flex-col-reverse,.orck.flex-col-reverse{flex-direction:column-reverse}.orck .flex-wrap,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .flex-wrap,.orck.flex-wrap{flex-wrap:wrap}.orck .place-items-center,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .place-items-center,.orck.place-items-center{place-items:center}.orck .content-start,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .content-start,.orck.content-start{align-content:flex-start}.orck .items-baseline,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .items-baseline,.orck.items-baseline{align-items:baseline}.orck .items-center,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .items-center,.orck.items-center{align-items:center}.orck .items-start,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .items-start,.orck.items-start{align-items:flex-start}.orck .justify-between,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .justify-between,.orck.justify-between{justify-content:space-between}.orck .justify-center,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .justify-center,.orck.justify-center{justify-content:center}.orck .justify-items-center,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .justify-items-center,.orck.justify-items-center{justify-items:center}.orck .gap-\\(--card-spacing\\),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-\\(--card-spacing\\),.orck.gap-\\(--card-spacing\\){gap:var(--card-spacing)}.orck .gap-0,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-0,.orck.gap-0{gap:0}.orck .gap-0\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-0\\.5,.orck.gap-0\\.5{gap:calc(var(--spacing) * .5)}.orck .gap-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-1,.orck.gap-1{gap:var(--spacing)}.orck .gap-1\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-1\\.5,.orck.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.orck .gap-2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-2,.orck.gap-2{gap:calc(var(--spacing) * 2)}.orck .gap-2\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-2\\.5,.orck.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.orck .gap-3,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-3,.orck.gap-3{gap:calc(var(--spacing) * 3)}.orck .gap-3\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-3\\.5,.orck.gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.orck .gap-4,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-4,.orck.gap-4{gap:calc(var(--spacing) * 4)}.orck .gap-5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-5,.orck.gap-5{gap:calc(var(--spacing) * 5)}.orck .gap-6,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-6,.orck.gap-6{gap:calc(var(--spacing) * 6)}.orck .gap-10,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-10,.orck.gap-10{gap:calc(var(--spacing) * 10)}.orck .gap-x-2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-x-2,.orck.gap-x-2{column-gap:calc(var(--spacing) * 2)}.orck .gap-x-3,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-x-3,.orck.gap-x-3{column-gap:calc(var(--spacing) * 3)}.orck .gap-y-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-y-1,.orck.gap-y-1{row-gap:var(--spacing)}.orck .gap-y-2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .gap-y-2,.orck.gap-y-2{row-gap:calc(var(--spacing) * 2)}.orck :where(.divide-y>:not(:last-child)),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) :where(.divide-y>:not(:last-child)){--orck-tw-divide-y-reverse:0;border-bottom-style:var(--orck-tw-border-style);border-top-style:var(--orck-tw-border-style);border-top-width:calc(1px * var(--orck-tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--orck-tw-divide-y-reverse)))}.orck :where(.divide-border>:not(:last-child)),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) :where(.divide-border>:not(:last-child)){border-color:var(--border)}.orck .self-start,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .self-start,.orck.self-start{align-self:flex-start}.orck .justify-self-end,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .justify-self-end,.orck.justify-self-end{justify-self:flex-end}.orck .truncate,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .truncate,.orck.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.orck .overflow-hidden,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .overflow-hidden,.orck.overflow-hidden{overflow:hidden}.orck .overflow-x-auto,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .overflow-x-auto,.orck.overflow-x-auto{overflow-x:auto}.orck .overflow-y-auto,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .overflow-y-auto,.orck.overflow-y-auto{overflow-y:auto}.orck .overscroll-contain,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .overscroll-contain,.orck.overscroll-contain{overscroll-behavior:contain}.orck .rounded,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .rounded,.orck.rounded{border-radius:.25rem}.orck .rounded-4xl,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .rounded-4xl,.orck.rounded-4xl{border-radius:var(--radius-4xl)}.orck .rounded-\\[9px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .rounded-\\[9px\\],.orck.rounded-\\[9px\\]{border-radius:9px}.orck .rounded-\\[10px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .rounded-\\[10px\\],.orck.rounded-\\[10px\\]{border-radius:10px}.orck .rounded-\\[min\\(var\\(--radius-md\\)\\,8px\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .rounded-\\[min\\(var\\(--radius-md\\)\\,8px\\)\\],.orck.rounded-\\[min\\(var\\(--radius-md\\)\\,8px\\)\\]{border-radius:min(var(--radius-md), 8px)}.orck .rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\],.orck.rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\]{border-radius:min(var(--radius-md), 10px)}.orck .rounded-full,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .rounded-full,.orck.rounded-full{border-radius:2147483647px}.orck .rounded-lg,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .rounded-lg,.orck.rounded-lg{border-radius:var(--radius)}.orck .rounded-md,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .rounded-md,.orck.rounded-md{border-radius:calc(var(--radius) * .8)}.orck .rounded-xl,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .rounded-xl,.orck.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.orck .rounded-t-xl,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .rounded-t-xl,.orck.rounded-t-xl{border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}.orck .rounded-b-xl,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .rounded-b-xl,.orck.rounded-b-xl{border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.orck .border,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border,.orck.border{border-style:var(--orck-tw-border-style);border-width:1px}.orck .border-2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-2,.orck.border-2{border-style:var(--orck-tw-border-style);border-width:2px}.orck .border-t,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-t,.orck.border-t{border-top-style:var(--orck-tw-border-style);border-top-width:1px}.orck .border-b,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-b,.orck.border-b{border-bottom-style:var(--orck-tw-border-style);border-bottom-width:1px}.orck .border-dashed,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-dashed,.orck.border-dashed{--orck-tw-border-style:dashed;border-style:dashed}.orck .border-solid,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-solid,.orck.border-solid{--orck-tw-border-style:solid;border-style:solid}.orck .border-\\[color\\:var\\(--border\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-\\[color\\:var\\(--border\\)\\],.orck.border-\\[color\\:var\\(--border\\)\\]{border-color:var(--border)}.orck .border-\\[color\\:var\\(--orck-hairline\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-\\[color\\:var\\(--orck-hairline\\)\\],.orck.border-\\[color\\:var\\(--orck-hairline\\)\\]{border-color:var(--orck-hairline)}.orck .border-\\[color\\:var\\(--primary-foreground\\)\\]\\/35,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-\\[color\\:var\\(--primary-foreground\\)\\]\\/35,.orck.border-\\[color\\:var\\(--primary-foreground\\)\\]\\/35{border-color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.orck .border-\\[color\\:var\\(--primary-foreground\\)\\]\\/35,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-\\[color\\:var\\(--primary-foreground\\)\\]\\/35,.orck.border-\\[color\\:var\\(--primary-foreground\\)\\]\\/35{border-color:color-mix(in oklab, var(--primary-foreground) 35%, transparent)}}.orck .border-border,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-border,.orck.border-border,.orck .border-border\\/60,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-border\\/60,.orck.border-border\\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.orck .border-border\\/60,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-border\\/60,.orck.border-border\\/60{border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.orck .border-destructive,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-destructive,.orck.border-destructive{border-color:var(--destructive)}.orck .border-input,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-input,.orck.border-input{border-color:var(--input)}.orck .border-transparent,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-transparent,.orck.border-transparent{border-color:#0000}.orck .border-t-\\[color\\:var\\(--primary-foreground\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .border-t-\\[color\\:var\\(--primary-foreground\\)\\],.orck.border-t-\\[color\\:var\\(--primary-foreground\\)\\]{border-top-color:var(--primary-foreground)}.orck .bg-\\[color\\:var\\(--orck-success\\)\\]\\/12,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-\\[color\\:var\\(--orck-success\\)\\]\\/12,.orck.bg-\\[color\\:var\\(--orck-success\\)\\]\\/12{background-color:var(--orck-success)}@supports (color:color-mix(in lab, red, red)){.orck .bg-\\[color\\:var\\(--orck-success\\)\\]\\/12,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-\\[color\\:var\\(--orck-success\\)\\]\\/12,.orck.bg-\\[color\\:var\\(--orck-success\\)\\]\\/12{background-color:color-mix(in oklab, var(--orck-success) 12%, transparent)}}.orck .bg-\\[color\\:var\\(--orck-warning\\)\\]\\/14,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-\\[color\\:var\\(--orck-warning\\)\\]\\/14,.orck.bg-\\[color\\:var\\(--orck-warning\\)\\]\\/14{background-color:var(--orck-warning)}@supports (color:color-mix(in lab, red, red)){.orck .bg-\\[color\\:var\\(--orck-warning\\)\\]\\/14,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-\\[color\\:var\\(--orck-warning\\)\\]\\/14,.orck.bg-\\[color\\:var\\(--orck-warning\\)\\]\\/14{background-color:color-mix(in oklab, var(--orck-warning) 14%, transparent)}}.orck .bg-background,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-background,.orck.bg-background{background-color:var(--background)}.orck .bg-black\\/10,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-black\\/10,.orck.bg-black\\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.orck .bg-black\\/10,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-black\\/10,.orck.bg-black\\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.orck .bg-border,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-border,.orck.bg-border{background-color:var(--border)}.orck .bg-card,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-card,.orck.bg-card{background-color:var(--card)}.orck .bg-destructive\\/5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-destructive\\/5,.orck.bg-destructive\\/5{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .bg-destructive\\/5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-destructive\\/5,.orck.bg-destructive\\/5{background-color:color-mix(in oklab, var(--destructive) 5%, transparent)}}.orck .bg-destructive\\/10,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-destructive\\/10,.orck.bg-destructive\\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .bg-destructive\\/10,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-destructive\\/10,.orck.bg-destructive\\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.orck .bg-foreground,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-foreground,.orck.bg-foreground{background-color:var(--foreground)}.orck .bg-muted,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-muted,.orck.bg-muted{background-color:var(--muted)}.orck .bg-popover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-popover,.orck.bg-popover{background-color:var(--popover)}.orck .bg-primary,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-primary,.orck.bg-primary{background-color:var(--primary)}.orck .bg-primary-foreground,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-primary-foreground,.orck.bg-primary-foreground{background-color:var(--primary-foreground)}.orck .bg-secondary,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-secondary,.orck.bg-secondary{background-color:var(--secondary)}.orck .bg-transparent,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-transparent,.orck.bg-transparent{background-color:#0000}.orck .bg-white,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-white,.orck.bg-white{background-color:var(--color-white)}.orck .bg-zinc-100,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-zinc-100,.orck.bg-zinc-100{background-color:var(--color-zinc-100)}.orck .bg-clip-padding,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .bg-clip-padding,.orck.bg-clip-padding{background-clip:padding-box}.orck .p-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .p-1,.orck.p-1{padding:var(--spacing)}.orck .p-6,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .p-6,.orck.p-6{padding:calc(var(--spacing) * 6)}.orck .p-8,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .p-8,.orck.p-8{padding:calc(var(--spacing) * 8)}.orck .px-\\(--card-spacing\\),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .px-\\(--card-spacing\\),.orck.px-\\(--card-spacing\\){padding-inline:var(--card-spacing)}.orck .px-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .px-1,.orck.px-1{padding-inline:var(--spacing)}.orck .px-2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .px-2,.orck.px-2{padding-inline:calc(var(--spacing) * 2)}.orck .px-2\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .px-2\\.5,.orck.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.orck .px-4,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .px-4,.orck.px-4{padding-inline:calc(var(--spacing) * 4)}.orck .px-\\[3px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .px-\\[3px\\],.orck.px-\\[3px\\]{padding-inline:3px}.orck .px-\\[11px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .px-\\[11px\\],.orck.px-\\[11px\\]{padding-inline:11px}.orck .py-\\(--card-spacing\\),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-\\(--card-spacing\\),.orck.py-\\(--card-spacing\\){padding-block:var(--card-spacing)}.orck .py-0\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-0\\.5,.orck.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.orck .py-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-1,.orck.py-1{padding-block:var(--spacing)}.orck .py-1\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-1\\.5,.orck.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.orck .py-2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-2,.orck.py-2{padding-block:calc(var(--spacing) * 2)}.orck .py-3,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-3,.orck.py-3{padding-block:calc(var(--spacing) * 3)}.orck .py-3\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-3\\.5,.orck.py-3\\.5{padding-block:calc(var(--spacing) * 3.5)}.orck .py-4,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-4,.orck.py-4{padding-block:calc(var(--spacing) * 4)}.orck .py-6,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-6,.orck.py-6{padding-block:calc(var(--spacing) * 6)}.orck .py-7,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-7,.orck.py-7{padding-block:calc(var(--spacing) * 7)}.orck .py-8,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-8,.orck.py-8{padding-block:calc(var(--spacing) * 8)}.orck .py-\\[11px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-\\[11px\\],.orck.py-\\[11px\\]{padding-block:11px}.orck .py-\\[13px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .py-\\[13px\\],.orck.py-\\[13px\\]{padding-block:13px}.orck .pt-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .pt-1,.orck.pt-1{padding-top:var(--spacing)}.orck .pt-3,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .pt-3,.orck.pt-3{padding-top:calc(var(--spacing) * 3)}.orck .pt-4,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .pt-4,.orck.pt-4{padding-top:calc(var(--spacing) * 4)}.orck .pt-7,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .pt-7,.orck.pt-7{padding-top:calc(var(--spacing) * 7)}.orck .pt-\\[13px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .pt-\\[13px\\],.orck.pt-\\[13px\\]{padding-top:13px}.orck .pr-3,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .pr-3,.orck.pr-3{padding-right:calc(var(--spacing) * 3)}.orck .pr-6,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .pr-6,.orck.pr-6{padding-right:calc(var(--spacing) * 6)}.orck .pb-3\\.5,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .pb-3\\.5,.orck.pb-3\\.5{padding-bottom:calc(var(--spacing) * 3.5)}.orck .pb-\\[18px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .pb-\\[18px\\],.orck.pb-\\[18px\\]{padding-bottom:18px}.orck .pl-\\[26px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .pl-\\[26px\\],.orck.pl-\\[26px\\]{padding-left:26px}.orck .text-center,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-center,.orck.text-center{text-align:center}.orck .text-left,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-left,.orck.text-left{text-align:left}.orck .text-right,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-right,.orck.text-right{text-align:right}.orck .align-top,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .align-top,.orck.align-top{vertical-align:top}.orck .text-base,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-base,.orck.text-base{font-size:var(--text-base);line-height:var(--orck-tw-leading,var(--text-base--line-height))}.orck .text-lg,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-lg,.orck.text-lg{font-size:var(--text-lg);line-height:var(--orck-tw-leading,var(--text-lg--line-height))}.orck .text-sm,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-sm,.orck.text-sm{font-size:var(--text-sm);line-height:var(--orck-tw-leading,var(--text-sm--line-height))}.orck .text-xs,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-xs,.orck.text-xs{font-size:var(--text-xs);line-height:var(--orck-tw-leading,var(--text-xs--line-height))}.orck .text-\\[10px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-\\[10px\\],.orck.text-\\[10px\\]{font-size:10px}.orck .text-\\[11px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-\\[11px\\],.orck.text-\\[11px\\]{font-size:11px}.orck .text-\\[12\\.5px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-\\[12\\.5px\\],.orck.text-\\[12\\.5px\\]{font-size:12.5px}.orck .text-\\[13\\.5px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-\\[13\\.5px\\],.orck.text-\\[13\\.5px\\]{font-size:13.5px}.orck .text-\\[13px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-\\[13px\\],.orck.text-\\[13px\\]{font-size:13px}.orck .text-\\[15px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-\\[15px\\],.orck.text-\\[15px\\]{font-size:15px}.orck .text-\\[22px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-\\[22px\\],.orck.text-\\[22px\\]{font-size:22px}.orck .text-\\[38px\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-\\[38px\\],.orck.text-\\[38px\\]{font-size:38px}.orck .leading-\\[1\\.05\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .leading-\\[1\\.05\\],.orck.leading-\\[1\\.05\\]{--orck-tw-leading:1.05;line-height:1.05}.orck .leading-none,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .leading-none,.orck.leading-none{--orck-tw-leading:1;line-height:1}.orck .leading-normal,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .leading-normal,.orck.leading-normal{--orck-tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.orck .font-medium,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .font-medium,.orck.font-medium{--orck-tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.orck .font-normal,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .font-normal,.orck.font-normal{--orck-tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.orck .font-semibold,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .font-semibold,.orck.font-semibold{--orck-tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.orck .tracking-\\[-0\\.01em\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .tracking-\\[-0\\.01em\\],.orck.tracking-\\[-0\\.01em\\]{--orck-tw-tracking:-.01em;letter-spacing:-.01em}.orck .tracking-\\[-0\\.02em\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .tracking-\\[-0\\.02em\\],.orck.tracking-\\[-0\\.02em\\]{--orck-tw-tracking:-.02em;letter-spacing:-.02em}.orck .tracking-\\[0\\.09em\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .tracking-\\[0\\.09em\\],.orck.tracking-\\[0\\.09em\\]{--orck-tw-tracking:.09em;letter-spacing:.09em}.orck .tracking-normal,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .tracking-normal,.orck.tracking-normal{--orck-tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.orck .tracking-wide,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .tracking-wide,.orck.tracking-wide{--orck-tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.orck .text-balance,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-balance,.orck.text-balance{text-wrap:balance}.orck .text-pretty,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-pretty,.orck.text-pretty{text-wrap:pretty}.orck .whitespace-nowrap,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .whitespace-nowrap,.orck.whitespace-nowrap{white-space:nowrap}.orck .text-\\[color\\:var\\(--orck-faint\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-\\[color\\:var\\(--orck-faint\\)\\],.orck.text-\\[color\\:var\\(--orck-faint\\)\\]{color:var(--orck-faint)}.orck .text-\\[color\\:var\\(--orck-success\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-\\[color\\:var\\(--orck-success\\)\\],.orck.text-\\[color\\:var\\(--orck-success\\)\\]{color:var(--orck-success)}.orck .text-\\[color\\:var\\(--orck-warning\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-\\[color\\:var\\(--orck-warning\\)\\],.orck.text-\\[color\\:var\\(--orck-warning\\)\\]{color:var(--orck-warning)}.orck .text-background,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-background,.orck.text-background{color:var(--background)}.orck .text-card-foreground,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-card-foreground,.orck.text-card-foreground{color:var(--card-foreground)}.orck .text-destructive,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-destructive,.orck.text-destructive{color:var(--destructive)}.orck .text-foreground,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-foreground,.orck.text-foreground{color:var(--foreground)}.orck .text-muted-foreground,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-muted-foreground,.orck.text-muted-foreground{color:var(--muted-foreground)}.orck .text-popover-foreground,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-popover-foreground,.orck.text-popover-foreground{color:var(--popover-foreground)}.orck .text-primary,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-primary,.orck.text-primary{color:var(--primary)}.orck .text-primary-foreground,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-primary-foreground,.orck.text-primary-foreground{color:var(--primary-foreground)}.orck .text-secondary-foreground,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-secondary-foreground,.orck.text-secondary-foreground{color:var(--secondary-foreground)}.orck .text-zinc-600,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .text-zinc-600,.orck.text-zinc-600{color:var(--color-zinc-600)}.orck .uppercase,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .uppercase,.orck.uppercase{text-transform:uppercase}.orck .tabular-nums,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .tabular-nums,.orck.tabular-nums{--orck-tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--orck-tw-ordinal,) var(--orck-tw-slashed-zero,) var(--orck-tw-numeric-figure,) var(--orck-tw-numeric-spacing,) var(--orck-tw-numeric-fraction,)}.orck .underline-offset-4,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .underline-offset-4,.orck.underline-offset-4{text-underline-offset:4px}.orck .opacity-60,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .opacity-60,.orck.opacity-60{opacity:.6}.orck .opacity-75,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .opacity-75,.orck.opacity-75{opacity:.75}.orck .shadow-sm,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .shadow-sm,.orck.shadow-sm{--orck-tw-shadow:0 1px 3px 0 var(--orck-tw-shadow-color,#0000001a), 0 1px 2px -1px var(--orck-tw-shadow-color,#0000001a);box-shadow:var(--orck-tw-inset-shadow), var(--orck-tw-inset-ring-shadow), var(--orck-tw-ring-offset-shadow), var(--orck-tw-ring-shadow), var(--orck-tw-shadow)}.orck .shadow-xs,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .shadow-xs,.orck.shadow-xs{--orck-tw-shadow:0 1px 2px 0 var(--orck-tw-shadow-color,#0000000d);box-shadow:var(--orck-tw-inset-shadow), var(--orck-tw-inset-ring-shadow), var(--orck-tw-ring-offset-shadow), var(--orck-tw-ring-shadow), var(--orck-tw-shadow)}.orck .ring,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .ring,.orck.ring{--orck-tw-ring-shadow:var(--orck-tw-ring-inset,) 0 0 0 calc(1px + var(--orck-tw-ring-offset-width)) var(--orck-tw-ring-color,currentcolor);box-shadow:var(--orck-tw-inset-shadow), var(--orck-tw-inset-ring-shadow), var(--orck-tw-ring-offset-shadow), var(--orck-tw-ring-shadow), var(--orck-tw-shadow)}.orck .ring-0,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .ring-0,.orck.ring-0{--orck-tw-ring-shadow:var(--orck-tw-ring-inset,) 0 0 0 calc(0px + var(--orck-tw-ring-offset-width)) var(--orck-tw-ring-color,currentcolor);box-shadow:var(--orck-tw-inset-shadow), var(--orck-tw-inset-ring-shadow), var(--orck-tw-ring-offset-shadow), var(--orck-tw-ring-shadow), var(--orck-tw-shadow)}.orck .ring-1,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .ring-1,.orck.ring-1{--orck-tw-ring-shadow:var(--orck-tw-ring-inset,) 0 0 0 calc(1px + var(--orck-tw-ring-offset-width)) var(--orck-tw-ring-color,currentcolor);box-shadow:var(--orck-tw-inset-shadow), var(--orck-tw-inset-ring-shadow), var(--orck-tw-ring-offset-shadow), var(--orck-tw-ring-shadow), var(--orck-tw-shadow)}.orck .ring-black\\/10,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .ring-black\\/10,.orck.ring-black\\/10{--orck-tw-ring-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.orck .ring-black\\/10,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .ring-black\\/10,.orck.ring-black\\/10{--orck-tw-ring-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.orck .ring-foreground\\/10,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .ring-foreground\\/10,.orck.ring-foreground\\/10{--orck-tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.orck .ring-foreground\\/10,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .ring-foreground\\/10,.orck.ring-foreground\\/10{--orck-tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.orck .outline,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .outline,.orck.outline{outline-style:var(--orck-tw-outline-style);outline-width:1px}.orck .transition,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .transition,.orck.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--orck-tw-gradient-from,--orck-tw-gradient-via,--orck-tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--orck-tw-ease,var(--default-transition-timing-function));transition-duration:var(--orck-tw-duration,var(--default-transition-duration))}.orck .transition-\\[color\\,box-shadow\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .transition-\\[color\\,box-shadow\\],.orck.transition-\\[color\\,box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:var(--orck-tw-ease,var(--default-transition-timing-function));transition-duration:var(--orck-tw-duration,var(--default-transition-duration))}.orck .transition-all,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .transition-all,.orck.transition-all{transition-property:all;transition-timing-function:var(--orck-tw-ease,var(--default-transition-timing-function));transition-duration:var(--orck-tw-duration,var(--default-transition-duration))}.orck .transition-colors,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .transition-colors,.orck.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--orck-tw-gradient-from,--orck-tw-gradient-via,--orck-tw-gradient-to;transition-timing-function:var(--orck-tw-ease,var(--default-transition-timing-function));transition-duration:var(--orck-tw-duration,var(--default-transition-duration))}.orck .transition-opacity,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .transition-opacity,.orck.transition-opacity{transition-property:opacity;transition-timing-function:var(--orck-tw-ease,var(--default-transition-timing-function));transition-duration:var(--orck-tw-duration,var(--default-transition-duration))}.orck .duration-100,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .duration-100,.orck.duration-100{--orck-tw-duration:.1s;transition-duration:.1s}.orck .outline-none,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .outline-none,.orck.outline-none{--orck-tw-outline-style:none;outline-style:none}.orck .select-none,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .select-none,.orck.select-none{-webkit-user-select:none;user-select:none}.orck .\\[--card-spacing\\:--spacing\\(6\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[--card-spacing\\:--spacing\\(6\\)\\],.orck.\\[--card-spacing\\:--spacing\\(6\\)\\]{--card-spacing:calc(var(--spacing) * 6)}.orck .\\[-webkit-overflow-scrolling\\:touch\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[-webkit-overflow-scrolling\\:touch\\],.orck.\\[-webkit-overflow-scrolling\\:touch\\]{-webkit-overflow-scrolling:touch}.orck .\\[font\\:inherit\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[font\\:inherit\\],.orck.\\[font\\:inherit\\]{font:inherit}.orck .group-has-\\[\\:focus-visible\\]\\/field-label\\:ring-0:is(:where(.group\\/field-label):has(:focus-visible) *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .group-has-\\[\\:focus-visible\\]\\/field-label\\:ring-0:is(:where(.group\\/field-label):has(:focus-visible) *),.orck.group-has-\\[\\:focus-visible\\]\\/field-label\\:ring-0:is(:where(.group\\/field-label):has(:focus-visible) *){--orck-tw-ring-shadow:var(--orck-tw-ring-inset,) 0 0 0 calc(0px + var(--orck-tw-ring-offset-width)) var(--orck-tw-ring-color,currentcolor);box-shadow:var(--orck-tw-inset-shadow), var(--orck-tw-inset-ring-shadow), var(--orck-tw-ring-offset-shadow), var(--orck-tw-ring-shadow), var(--orck-tw-shadow)}.orck .group-has-\\[\\:focus-visible\\]\\/field-label\\:not-data-checked\\:border-input:is(:where(.group\\/field-label):has(:focus-visible) *):not([data-checked]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .group-has-\\[\\:focus-visible\\]\\/field-label\\:not-data-checked\\:border-input:is(:where(.group\\/field-label):has(:focus-visible) *):not([data-checked]),.orck.group-has-\\[\\:focus-visible\\]\\/field-label\\:not-data-checked\\:border-input:is(:where(.group\\/field-label):has(:focus-visible) *):not([data-checked]){border-color:var(--input)}.orck .group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *),.orck.group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.orck .group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *),.orck.group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.orck .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid:is(:where(.group\\/alert-dialog-content)[data-size=sm] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid:is(:where(.group\\/alert-dialog-content)[data-size=sm] *),.orck.group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid:is(:where(.group\\/alert-dialog-content)[data-size=sm] *){display:grid}.orck .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid-cols-2:is(:where(.group\\/alert-dialog-content)[data-size=sm] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid-cols-2:is(:where(.group\\/alert-dialog-content)[data-size=sm] *),.orck.group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid-cols-2:is(:where(.group\\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.orck .group-data-\\[size\\=sm\\]\\/card\\:text-sm:is(:where(.group\\/card)[data-size=sm] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .group-data-\\[size\\=sm\\]\\/card\\:text-sm:is(:where(.group\\/card)[data-size=sm] *),.orck.group-data-\\[size\\=sm\\]\\/card\\:text-sm:is(:where(.group\\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--orck-tw-leading,var(--text-sm--line-height))}.orck .peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*),.orck.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.orck .peer-disabled\\:opacity-50:is(:where(.peer):disabled~*),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .peer-disabled\\:opacity-50:is(:where(.peer):disabled~*),.orck.peer-disabled\\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.orck .file\\:inline-flex::file-selector-button,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .file\\:inline-flex::file-selector-button,.orck.file\\:inline-flex::file-selector-button{display:inline-flex}.orck .file\\:h-7::file-selector-button,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .file\\:h-7::file-selector-button,.orck.file\\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.orck .file\\:border-0::file-selector-button,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .file\\:border-0::file-selector-button,.orck.file\\:border-0::file-selector-button{border-style:var(--orck-tw-border-style);border-width:0}.orck .file\\:bg-transparent::file-selector-button,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .file\\:bg-transparent::file-selector-button,.orck.file\\:bg-transparent::file-selector-button{background-color:#0000}.orck .file\\:text-sm::file-selector-button,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .file\\:text-sm::file-selector-button,.orck.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--orck-tw-leading,var(--text-sm--line-height))}.orck .file\\:font-medium::file-selector-button,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .file\\:font-medium::file-selector-button,.orck.file\\:font-medium::file-selector-button{--orck-tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.orck .file\\:text-foreground::file-selector-button,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .file\\:text-foreground::file-selector-button,.orck.file\\:text-foreground::file-selector-button{color:var(--foreground)}.orck .placeholder\\:text-\\[color\\:var\\(--orck-faint\\)\\]::placeholder,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .placeholder\\:text-\\[color\\:var\\(--orck-faint\\)\\]::placeholder,.orck.placeholder\\:text-\\[color\\:var\\(--orck-faint\\)\\]::placeholder{color:var(--orck-faint)}.orck .placeholder\\:text-muted-foreground::placeholder,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .placeholder\\:text-muted-foreground::placeholder,.orck.placeholder\\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.orck .after\\:absolute:after,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .after\\:absolute:after,.orck.after\\:absolute:after{content:var(--orck-tw-content);position:absolute}.orck .after\\:-inset-x-3:after,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .after\\:-inset-x-3:after,.orck.after\\:-inset-x-3:after{content:var(--orck-tw-content);inset-inline:calc(var(--spacing) * -3)}.orck .after\\:-inset-y-2:after,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .after\\:-inset-y-2:after,.orck.after\\:-inset-y-2:after{content:var(--orck-tw-content);inset-block:calc(var(--spacing) * -2)}.orck .first\\:border-t-0:first-child,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .first\\:border-t-0:first-child,.orck.first\\:border-t-0:first-child{border-top-style:var(--orck-tw-border-style);border-top-width:0}@media (hover:hover){.orck .hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover,.orck.hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.orck .hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover,.orck.hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.orck .hover\\:bg-destructive\\/20:hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .hover\\:bg-destructive\\/20:hover,.orck.hover\\:bg-destructive\\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .hover\\:bg-destructive\\/20:hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .hover\\:bg-destructive\\/20:hover,.orck.hover\\:bg-destructive\\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.orck .hover\\:bg-muted:hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .hover\\:bg-muted:hover,.orck.hover\\:bg-muted:hover{background-color:var(--muted)}.orck .hover\\:bg-primary\\/80:hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .hover\\:bg-primary\\/80:hover,.orck.hover\\:bg-primary\\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.orck .hover\\:bg-primary\\/80:hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .hover\\:bg-primary\\/80:hover,.orck.hover\\:bg-primary\\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.orck .hover\\:text-destructive:hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .hover\\:text-destructive:hover,.orck.hover\\:text-destructive:hover{color:var(--destructive)}.orck .hover\\:text-foreground:hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .hover\\:text-foreground:hover,.orck.hover\\:text-foreground:hover{color:var(--foreground)}.orck .hover\\:text-muted-foreground:hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .hover\\:text-muted-foreground:hover,.orck.hover\\:text-muted-foreground:hover{color:var(--muted-foreground)}.orck .hover\\:underline:hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .hover\\:underline:hover,.orck.hover\\:underline:hover{text-decoration-line:underline}}.orck .focus-visible\\:border-destructive\\/40:focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .focus-visible\\:border-destructive\\/40:focus-visible,.orck.focus-visible\\:border-destructive\\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .focus-visible\\:border-destructive\\/40:focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .focus-visible\\:border-destructive\\/40:focus-visible,.orck.focus-visible\\:border-destructive\\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.orck .focus-visible\\:border-ring:focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .focus-visible\\:border-ring:focus-visible,.orck.focus-visible\\:border-ring:focus-visible{border-color:var(--ring)}.orck .focus-visible\\:ring-3:focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .focus-visible\\:ring-3:focus-visible,.orck.focus-visible\\:ring-3:focus-visible,.orck .focus-visible\\:ring-\\[3px\\]:focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .focus-visible\\:ring-\\[3px\\]:focus-visible,.orck.focus-visible\\:ring-\\[3px\\]:focus-visible{--orck-tw-ring-shadow:var(--orck-tw-ring-inset,) 0 0 0 calc(3px + var(--orck-tw-ring-offset-width)) var(--orck-tw-ring-color,currentcolor);box-shadow:var(--orck-tw-inset-shadow), var(--orck-tw-inset-ring-shadow), var(--orck-tw-ring-offset-shadow), var(--orck-tw-ring-shadow), var(--orck-tw-shadow)}.orck .focus-visible\\:ring-destructive\\/20:focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .focus-visible\\:ring-destructive\\/20:focus-visible,.orck.focus-visible\\:ring-destructive\\/20:focus-visible{--orck-tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .focus-visible\\:ring-destructive\\/20:focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .focus-visible\\:ring-destructive\\/20:focus-visible,.orck.focus-visible\\:ring-destructive\\/20:focus-visible{--orck-tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.orck .focus-visible\\:ring-ring\\/50:focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .focus-visible\\:ring-ring\\/50:focus-visible,.orck.focus-visible\\:ring-ring\\/50:focus-visible{--orck-tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.orck .focus-visible\\:ring-ring\\/50:focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .focus-visible\\:ring-ring\\/50:focus-visible,.orck.focus-visible\\:ring-ring\\/50:focus-visible{--orck-tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.orck .active\\:not-aria-\\[haspopup\\]\\:translate-y-px:active:not([aria-haspopup]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .active\\:not-aria-\\[haspopup\\]\\:translate-y-px:active:not([aria-haspopup]),.orck.active\\:not-aria-\\[haspopup\\]\\:translate-y-px:active:not([aria-haspopup]){--orck-tw-translate-y:1px;translate:var(--orck-tw-translate-x) var(--orck-tw-translate-y)}.orck .disabled\\:pointer-events-none:disabled,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .disabled\\:pointer-events-none:disabled,.orck.disabled\\:pointer-events-none:disabled{pointer-events:none}.orck .disabled\\:cursor-not-allowed:disabled,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .disabled\\:cursor-not-allowed:disabled,.orck.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.orck .disabled\\:opacity-50:disabled,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .disabled\\:opacity-50:disabled,.orck.disabled\\:opacity-50:disabled{opacity:.5}.orck .disabled\\:opacity-60:disabled,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .disabled\\:opacity-60:disabled,.orck.disabled\\:opacity-60:disabled{opacity:.6}.orck :where([data-slot=button-group]) .in-data-\\[slot\\=button-group\\]\\:rounded-md,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) :where([data-slot=button-group]) .in-data-\\[slot\\=button-group\\]\\:rounded-md{border-radius:calc(var(--radius) * .8)}.orck .has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=inline-end]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=inline-end]),.orck.has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.orck .has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=inline-end]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=inline-end]),.orck.has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.orck .has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=inline-start]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=inline-start]),.orck.has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.orck .has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=inline-start]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=inline-start]),.orck.has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.orck .has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_auto_1fr\\]:has([data-slot=alert-dialog-media]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_auto_1fr\\]:has([data-slot=alert-dialog-media]),.orck.has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_auto_1fr\\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.orck .has-data-\\[slot\\=alert-dialog-media\\]\\:gap-x-6:has([data-slot=alert-dialog-media]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .has-data-\\[slot\\=alert-dialog-media\\]\\:gap-x-6:has([data-slot=alert-dialog-media]),.orck.has-data-\\[slot\\=alert-dialog-media\\]\\:gap-x-6:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 6)}.orck .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=card-action]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=card-action]),.orck.has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.orck .has-data-\\[slot\\=card-description\\]\\:grid-rows-\\[auto_auto\\]:has([data-slot=card-description]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .has-data-\\[slot\\=card-description\\]\\:grid-rows-\\[auto_auto\\]:has([data-slot=card-description]),.orck.has-data-\\[slot\\=card-description\\]\\:grid-rows-\\[auto_auto\\]:has([data-slot=card-description]){grid-template-rows:auto auto}.orck .has-\\[\\>img\\:first-child\\]\\:pt-0:has(>img:first-child),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .has-\\[\\>img\\:first-child\\]\\:pt-0:has(>img:first-child),.orck.has-\\[\\>img\\:first-child\\]\\:pt-0:has(>img:first-child){padding-top:0}.orck .aria-expanded\\:bg-muted[aria-expanded=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .aria-expanded\\:bg-muted[aria-expanded=true],.orck.aria-expanded\\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.orck .aria-expanded\\:bg-secondary[aria-expanded=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .aria-expanded\\:bg-secondary[aria-expanded=true],.orck.aria-expanded\\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.orck .aria-expanded\\:text-foreground[aria-expanded=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .aria-expanded\\:text-foreground[aria-expanded=true],.orck.aria-expanded\\:text-foreground[aria-expanded=true]{color:var(--foreground)}.orck .aria-expanded\\:text-secondary-foreground[aria-expanded=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .aria-expanded\\:text-secondary-foreground[aria-expanded=true],.orck.aria-expanded\\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.orck .aria-invalid\\:border-destructive[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .aria-invalid\\:border-destructive[aria-invalid=true],.orck.aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.orck .aria-invalid\\:ring-3[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .aria-invalid\\:ring-3[aria-invalid=true],.orck.aria-invalid\\:ring-3[aria-invalid=true]{--orck-tw-ring-shadow:var(--orck-tw-ring-inset,) 0 0 0 calc(3px + var(--orck-tw-ring-offset-width)) var(--orck-tw-ring-color,currentcolor);box-shadow:var(--orck-tw-inset-shadow), var(--orck-tw-inset-ring-shadow), var(--orck-tw-ring-offset-shadow), var(--orck-tw-ring-shadow), var(--orck-tw-shadow)}.orck .aria-invalid\\:ring-destructive\\/20[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .aria-invalid\\:ring-destructive\\/20[aria-invalid=true],.orck.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--orck-tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .aria-invalid\\:ring-destructive\\/20[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .aria-invalid\\:ring-destructive\\/20[aria-invalid=true],.orck.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--orck-tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.orck .aria-invalid\\:aria-checked\\:border-primary[aria-invalid=true][aria-checked=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .aria-invalid\\:aria-checked\\:border-primary[aria-invalid=true][aria-checked=true],.orck.aria-invalid\\:aria-checked\\:border-primary[aria-invalid=true][aria-checked=true],.orck .data-checked\\:border-primary[data-checked],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-checked\\:border-primary[data-checked],.orck.data-checked\\:border-primary[data-checked]{border-color:var(--primary)}.orck .data-checked\\:bg-primary[data-checked],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-checked\\:bg-primary[data-checked],.orck.data-checked\\:bg-primary[data-checked]{background-color:var(--primary)}.orck .data-checked\\:text-primary-foreground[data-checked],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-checked\\:text-primary-foreground[data-checked],.orck.data-checked\\:text-primary-foreground[data-checked]{color:var(--primary-foreground)}.orck .group-has-\\[\\:focus-visible\\]\\/field-label\\:data-checked\\:border-primary:is(:where(.group\\/field-label):has(:focus-visible) *)[data-checked],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .group-has-\\[\\:focus-visible\\]\\/field-label\\:data-checked\\:border-primary:is(:where(.group\\/field-label):has(:focus-visible) *)[data-checked],.orck.group-has-\\[\\:focus-visible\\]\\/field-label\\:data-checked\\:border-primary:is(:where(.group\\/field-label):has(:focus-visible) *)[data-checked]{border-color:var(--primary)}.orck .data-closed\\:animate-out[data-closed],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-closed\\:animate-out[data-closed],.orck.data-closed\\:animate-out[data-closed]{animation:orck-exit var(--orck-tw-animation-duration,var(--orck-tw-duration,.15s))var(--orck-tw-ease,ease)var(--orck-tw-animation-delay,0s)var(--orck-tw-animation-iteration-count,1)var(--orck-tw-animation-direction,normal)var(--orck-tw-animation-fill-mode,none)}.orck .data-closed\\:fade-out-0[data-closed],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-closed\\:fade-out-0[data-closed],.orck.data-closed\\:fade-out-0[data-closed]{--orck-tw-exit-opacity:0}.orck .data-closed\\:zoom-out-95[data-closed],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-closed\\:zoom-out-95[data-closed],.orck.data-closed\\:zoom-out-95[data-closed]{--orck-tw-exit-scale:.95}.orck .data-horizontal\\:h-px[data-horizontal],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-horizontal\\:h-px[data-horizontal],.orck.data-horizontal\\:h-px[data-horizontal]{height:1px}.orck .data-horizontal\\:w-full[data-horizontal],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-horizontal\\:w-full[data-horizontal],.orck.data-horizontal\\:w-full[data-horizontal]{width:100%}.orck .data-open\\:animate-in[data-open],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-open\\:animate-in[data-open],.orck.data-open\\:animate-in[data-open]{animation:orck-enter var(--orck-tw-animation-duration,var(--orck-tw-duration,.15s))var(--orck-tw-ease,ease)var(--orck-tw-animation-delay,0s)var(--orck-tw-animation-iteration-count,1)var(--orck-tw-animation-direction,normal)var(--orck-tw-animation-fill-mode,none)}.orck .data-open\\:fade-in-0[data-open],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-open\\:fade-in-0[data-open],.orck.data-open\\:fade-in-0[data-open]{--orck-tw-enter-opacity:0}.orck .data-open\\:zoom-in-95[data-open],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-open\\:zoom-in-95[data-open],.orck.data-open\\:zoom-in-95[data-open]{--orck-tw-enter-scale:.95}.orck .data-vertical\\:w-px[data-vertical],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-vertical\\:w-px[data-vertical],.orck.data-vertical\\:w-px[data-vertical]{width:1px}.orck .data-vertical\\:self-stretch[data-vertical],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-vertical\\:self-stretch[data-vertical],.orck.data-vertical\\:self-stretch[data-vertical]{align-self:stretch}.orck .data-\\[size\\=default\\]\\:max-w-xs[data-size=default],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-\\[size\\=default\\]\\:max-w-xs[data-size=default],.orck.data-\\[size\\=default\\]\\:max-w-xs[data-size=default],.orck .data-\\[size\\=sm\\]\\:max-w-xs[data-size=sm],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-\\[size\\=sm\\]\\:max-w-xs[data-size=sm],.orck.data-\\[size\\=sm\\]\\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}.orck .data-\\[size\\=sm\\]\\:\\[--card-spacing\\:--spacing\\(4\\)\\][data-size=sm],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-\\[size\\=sm\\]\\:\\[--card-spacing\\:--spacing\\(4\\)\\][data-size=sm],.orck.data-\\[size\\=sm\\]\\:\\[--card-spacing\\:--spacing\\(4\\)\\][data-size=sm]{--card-spacing:calc(var(--spacing) * 4)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.orck .supports-backdrop-filter\\:backdrop-blur-xs,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .supports-backdrop-filter\\:backdrop-blur-xs,.orck.supports-backdrop-filter\\:backdrop-blur-xs{--orck-tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--orck-tw-backdrop-blur,) var(--orck-tw-backdrop-brightness,) var(--orck-tw-backdrop-contrast,) var(--orck-tw-backdrop-grayscale,) var(--orck-tw-backdrop-hue-rotate,) var(--orck-tw-backdrop-invert,) var(--orck-tw-backdrop-opacity,) var(--orck-tw-backdrop-saturate,) var(--orck-tw-backdrop-sepia,);backdrop-filter:var(--orck-tw-backdrop-blur,) var(--orck-tw-backdrop-brightness,) var(--orck-tw-backdrop-contrast,) var(--orck-tw-backdrop-grayscale,) var(--orck-tw-backdrop-hue-rotate,) var(--orck-tw-backdrop-invert,) var(--orck-tw-backdrop-opacity,) var(--orck-tw-backdrop-saturate,) var(--orck-tw-backdrop-sepia,)}}@media (prefers-reduced-motion:reduce){.orck .motion-reduce\\:animate-none,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .motion-reduce\\:animate-none,.orck.motion-reduce\\:animate-none{animation:none}}@media (width>=40rem){.orck .sm\\:max-w-\\[calc\\(100vw-2rem\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .sm\\:max-w-\\[calc\\(100vw-2rem\\)\\],.orck.sm\\:max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem)}.orck .sm\\:max-w-md,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .sm\\:max-w-md,.orck.sm\\:max-w-md{max-width:var(--container-md)}.orck .sm\\:flex-row,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .sm\\:flex-row,.orck.sm\\:flex-row{flex-direction:row}.orck .sm\\:justify-end,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .sm\\:justify-end,.orck.sm\\:justify-end{justify-content:flex-end}.orck .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:row-span-2:is(:where(.group\\/alert-dialog-content)[data-size=default] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:row-span-2:is(:where(.group\\/alert-dialog-content)[data-size=default] *),.orck.sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:row-span-2:is(:where(.group\\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.orck .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:place-items-start:is(:where(.group\\/alert-dialog-content)[data-size=default] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:place-items-start:is(:where(.group\\/alert-dialog-content)[data-size=default] *),.orck.sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:place-items-start:is(:where(.group\\/alert-dialog-content)[data-size=default] *){place-items:start}.orck .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:text-left:is(:where(.group\\/alert-dialog-content)[data-size=default] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:text-left:is(:where(.group\\/alert-dialog-content)[data-size=default] *),.orck.sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:text-left:is(:where(.group\\/alert-dialog-content)[data-size=default] *){text-align:left}.orck .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:group-has-data-\\[slot\\=alert-dialog-media\\]\\/alert-dialog-content\\:col-start-2:is(:where(.group\\/alert-dialog-content)[data-size=default] *):is(:where(.group\\/alert-dialog-content):has([data-slot=alert-dialog-media]) *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:group-has-data-\\[slot\\=alert-dialog-media\\]\\/alert-dialog-content\\:col-start-2:is(:where(.group\\/alert-dialog-content)[data-size=default] *):is(:where(.group\\/alert-dialog-content):has([data-slot=alert-dialog-media]) *),.orck.sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:group-has-data-\\[slot\\=alert-dialog-media\\]\\/alert-dialog-content\\:col-start-2:is(:where(.group\\/alert-dialog-content)[data-size=default] *):is(:where(.group\\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.orck .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_1fr\\]:is(:where(.group\\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_1fr\\]:is(:where(.group\\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]),.orck.sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_1fr\\]:is(:where(.group\\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.orck .data-\\[size\\=default\\]\\:sm\\:max-w-lg[data-size=default],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .data-\\[size\\=default\\]\\:sm\\:max-w-lg[data-size=default],.orck.data-\\[size\\=default\\]\\:sm\\:max-w-lg[data-size=default]{max-width:var(--container-lg)}}@media (width>=48rem){.orck .md\\:text-sm,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .md\\:text-sm,.orck.md\\:text-sm{font-size:var(--text-sm);line-height:var(--orck-tw-leading,var(--text-sm--line-height))}.orck .md\\:text-pretty,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .md\\:text-pretty,.orck.md\\:text-pretty{text-wrap:pretty}}@container (width>=28rem){.orck .\\@md\\:col-span-2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@md\\:col-span-2,.orck.\\@md\\:col-span-2{grid-column:span 2/span 2}.orck .\\@md\\:hidden,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@md\\:hidden,.orck.\\@md\\:hidden{display:none}.orck .\\@md\\:table-cell,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@md\\:table-cell,.orck.\\@md\\:table-cell{display:table-cell}.orck .\\@md\\:grid-cols-\\[1fr_auto\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@md\\:grid-cols-\\[1fr_auto\\],.orck.\\@md\\:grid-cols-\\[1fr_auto\\]{grid-template-columns:1fr auto}.orck .\\@md\\:items-center,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@md\\:items-center,.orck.\\@md\\:items-center{align-items:center}.orck .\\@md\\:justify-end,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@md\\:justify-end,.orck.\\@md\\:justify-end{justify-content:flex-end}}@container orck (width>=36rem){.orck .\\@xl\\/orck\\:block,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@xl\\/orck\\:block,.orck.\\@xl\\/orck\\:block{display:block}.orck .\\@xl\\/orck\\:hidden,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@xl\\/orck\\:hidden,.orck.\\@xl\\/orck\\:hidden{display:none}.orck .\\@xl\\/orck\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@xl\\/orck\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)\\],.orck.\\@xl\\/orck\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.orck .\\@xl\\/orck\\:gap-12,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@xl\\/orck\\:gap-12,.orck.\\@xl\\/orck\\:gap-12{gap:calc(var(--spacing) * 12)}}@container orck (width>=48rem){.orck .\\@3xl\\/orck\\:block,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@3xl\\/orck\\:block,.orck.\\@3xl\\/orck\\:block{display:block}.orck .\\@3xl\\/orck\\:hidden,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@3xl\\/orck\\:hidden,.orck.\\@3xl\\/orck\\:hidden{display:none}.orck .\\@3xl\\/orck\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)\\],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@3xl\\/orck\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)\\],.orck.\\@3xl\\/orck\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.orck .\\@3xl\\/orck\\:gap-16,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\@3xl\\/orck\\:gap-16,.orck.\\@3xl\\/orck\\:gap-16{gap:calc(var(--spacing) * 16)}}.orck .dark\\:border-input:where([data-orck-theme=dark],[data-orck-theme=dark] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:border-input:where([data-orck-theme=dark],[data-orck-theme=dark] *),.orck.dark\\:border-input:where([data-orck-theme=dark],[data-orck-theme=dark] *){border-color:var(--input)}@media (prefers-color-scheme:dark){.orck .dark\\:border-input:where([data-orck-theme=auto],[data-orck-theme=auto] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:border-input:where([data-orck-theme=auto],[data-orck-theme=auto] *),.orck.dark\\:border-input:where([data-orck-theme=auto],[data-orck-theme=auto] *){border-color:var(--input)}}.orck .dark\\:border-input:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:border-input:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *),.orck.dark\\:border-input:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *){border-color:var(--input)}.orck .dark\\:bg-destructive\\/20:where([data-orck-theme=dark],[data-orck-theme=dark] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:bg-destructive\\/20:where([data-orck-theme=dark],[data-orck-theme=dark] *),.orck.dark\\:bg-destructive\\/20:where([data-orck-theme=dark],[data-orck-theme=dark] *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:bg-destructive\\/20:where([data-orck-theme=dark],[data-orck-theme=dark] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:bg-destructive\\/20:where([data-orck-theme=dark],[data-orck-theme=dark] *),.orck.dark\\:bg-destructive\\/20:where([data-orck-theme=dark],[data-orck-theme=dark] *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}@media (prefers-color-scheme:dark){.orck .dark\\:bg-destructive\\/20:where([data-orck-theme=auto],[data-orck-theme=auto] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:bg-destructive\\/20:where([data-orck-theme=auto],[data-orck-theme=auto] *),.orck.dark\\:bg-destructive\\/20:where([data-orck-theme=auto],[data-orck-theme=auto] *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:bg-destructive\\/20:where([data-orck-theme=auto],[data-orck-theme=auto] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:bg-destructive\\/20:where([data-orck-theme=auto],[data-orck-theme=auto] *),.orck.dark\\:bg-destructive\\/20:where([data-orck-theme=auto],[data-orck-theme=auto] *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}}.orck .dark\\:bg-destructive\\/20:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:bg-destructive\\/20:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *),.orck.dark\\:bg-destructive\\/20:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:bg-destructive\\/20:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:bg-destructive\\/20:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *),.orck.dark\\:bg-destructive\\/20:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.orck .dark\\:bg-input\\/30:where([data-orck-theme=dark],[data-orck-theme=dark] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:bg-input\\/30:where([data-orck-theme=dark],[data-orck-theme=dark] *),.orck.dark\\:bg-input\\/30:where([data-orck-theme=dark],[data-orck-theme=dark] *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:bg-input\\/30:where([data-orck-theme=dark],[data-orck-theme=dark] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:bg-input\\/30:where([data-orck-theme=dark],[data-orck-theme=dark] *),.orck.dark\\:bg-input\\/30:where([data-orck-theme=dark],[data-orck-theme=dark] *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (prefers-color-scheme:dark){.orck .dark\\:bg-input\\/30:where([data-orck-theme=auto],[data-orck-theme=auto] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:bg-input\\/30:where([data-orck-theme=auto],[data-orck-theme=auto] *),.orck.dark\\:bg-input\\/30:where([data-orck-theme=auto],[data-orck-theme=auto] *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:bg-input\\/30:where([data-orck-theme=auto],[data-orck-theme=auto] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:bg-input\\/30:where([data-orck-theme=auto],[data-orck-theme=auto] *),.orck.dark\\:bg-input\\/30:where([data-orck-theme=auto],[data-orck-theme=auto] *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}}.orck .dark\\:bg-input\\/30:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:bg-input\\/30:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *),.orck.dark\\:bg-input\\/30:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:bg-input\\/30:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:bg-input\\/30:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *),.orck.dark\\:bg-input\\/30:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (hover:hover){.orck .dark\\:hover\\:bg-destructive\\/30:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-destructive\\/30:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover,.orck.dark\\:hover\\:bg-destructive\\/30:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:hover\\:bg-destructive\\/30:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-destructive\\/30:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover,.orck.dark\\:hover\\:bg-destructive\\/30:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}}@media (prefers-color-scheme:dark){@media (hover:hover){.orck .dark\\:hover\\:bg-destructive\\/30:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-destructive\\/30:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover,.orck.dark\\:hover\\:bg-destructive\\/30:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:hover\\:bg-destructive\\/30:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-destructive\\/30:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover,.orck.dark\\:hover\\:bg-destructive\\/30:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}}}@media (hover:hover){.orck .dark\\:hover\\:bg-destructive\\/30:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-destructive\\/30:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover,.orck.dark\\:hover\\:bg-destructive\\/30:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:hover\\:bg-destructive\\/30:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-destructive\\/30:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover,.orck.dark\\:hover\\:bg-destructive\\/30:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.orck .dark\\:hover\\:bg-input\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-input\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover,.orck.dark\\:hover\\:bg-input\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:hover\\:bg-input\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-input\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover,.orck.dark\\:hover\\:bg-input\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}}@media (prefers-color-scheme:dark){@media (hover:hover){.orck .dark\\:hover\\:bg-input\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-input\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover,.orck.dark\\:hover\\:bg-input\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:hover\\:bg-input\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-input\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover,.orck.dark\\:hover\\:bg-input\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}}}@media (hover:hover){.orck .dark\\:hover\\:bg-input\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-input\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover,.orck.dark\\:hover\\:bg-input\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:hover\\:bg-input\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-input\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover,.orck.dark\\:hover\\:bg-input\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.orck .dark\\:hover\\:bg-muted\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-muted\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover,.orck.dark\\:hover\\:bg-muted\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:hover\\:bg-muted\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-muted\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover,.orck.dark\\:hover\\:bg-muted\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}@media (prefers-color-scheme:dark){@media (hover:hover){.orck .dark\\:hover\\:bg-muted\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-muted\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover,.orck.dark\\:hover\\:bg-muted\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:hover\\:bg-muted\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-muted\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover,.orck.dark\\:hover\\:bg-muted\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}}@media (hover:hover){.orck .dark\\:hover\\:bg-muted\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-muted\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover,.orck.dark\\:hover\\:bg-muted\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:hover\\:bg-muted\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:hover\\:bg-muted\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover,.orck.dark\\:hover\\:bg-muted\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.orck .dark\\:focus-visible\\:ring-destructive\\/40:where([data-orck-theme=dark],[data-orck-theme=dark] *):focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:focus-visible\\:ring-destructive\\/40:where([data-orck-theme=dark],[data-orck-theme=dark] *):focus-visible,.orck.dark\\:focus-visible\\:ring-destructive\\/40:where([data-orck-theme=dark],[data-orck-theme=dark] *):focus-visible{--orck-tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:focus-visible\\:ring-destructive\\/40:where([data-orck-theme=dark],[data-orck-theme=dark] *):focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:focus-visible\\:ring-destructive\\/40:where([data-orck-theme=dark],[data-orck-theme=dark] *):focus-visible,.orck.dark\\:focus-visible\\:ring-destructive\\/40:where([data-orck-theme=dark],[data-orck-theme=dark] *):focus-visible{--orck-tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}@media (prefers-color-scheme:dark){.orck .dark\\:focus-visible\\:ring-destructive\\/40:where([data-orck-theme=auto],[data-orck-theme=auto] *):focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:focus-visible\\:ring-destructive\\/40:where([data-orck-theme=auto],[data-orck-theme=auto] *):focus-visible,.orck.dark\\:focus-visible\\:ring-destructive\\/40:where([data-orck-theme=auto],[data-orck-theme=auto] *):focus-visible{--orck-tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:focus-visible\\:ring-destructive\\/40:where([data-orck-theme=auto],[data-orck-theme=auto] *):focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:focus-visible\\:ring-destructive\\/40:where([data-orck-theme=auto],[data-orck-theme=auto] *):focus-visible,.orck.dark\\:focus-visible\\:ring-destructive\\/40:where([data-orck-theme=auto],[data-orck-theme=auto] *):focus-visible{--orck-tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}}.orck .dark\\:focus-visible\\:ring-destructive\\/40:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:focus-visible\\:ring-destructive\\/40:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):focus-visible,.orck.dark\\:focus-visible\\:ring-destructive\\/40:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):focus-visible{--orck-tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:focus-visible\\:ring-destructive\\/40:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):focus-visible,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:focus-visible\\:ring-destructive\\/40:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):focus-visible,.orck.dark\\:focus-visible\\:ring-destructive\\/40:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *):focus-visible{--orck-tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.orck .dark\\:aria-invalid\\:border-destructive\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *)[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:aria-invalid\\:border-destructive\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *)[aria-invalid=true],.orck.dark\\:aria-invalid\\:border-destructive\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:aria-invalid\\:border-destructive\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *)[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:aria-invalid\\:border-destructive\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *)[aria-invalid=true],.orck.dark\\:aria-invalid\\:border-destructive\\/50:where([data-orck-theme=dark],[data-orck-theme=dark] *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}@media (prefers-color-scheme:dark){.orck .dark\\:aria-invalid\\:border-destructive\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *)[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:aria-invalid\\:border-destructive\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *)[aria-invalid=true],.orck.dark\\:aria-invalid\\:border-destructive\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:aria-invalid\\:border-destructive\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *)[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:aria-invalid\\:border-destructive\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *)[aria-invalid=true],.orck.dark\\:aria-invalid\\:border-destructive\\/50:where([data-orck-theme=auto],[data-orck-theme=auto] *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}}.orck .dark\\:aria-invalid\\:border-destructive\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:aria-invalid\\:border-destructive\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[aria-invalid=true],.orck.dark\\:aria-invalid\\:border-destructive\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:aria-invalid\\:border-destructive\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:aria-invalid\\:border-destructive\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[aria-invalid=true],.orck.dark\\:aria-invalid\\:border-destructive\\/50:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.orck .dark\\:aria-invalid\\:ring-destructive\\/40:where([data-orck-theme=dark],[data-orck-theme=dark] *)[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:aria-invalid\\:ring-destructive\\/40:where([data-orck-theme=dark],[data-orck-theme=dark] *)[aria-invalid=true],.orck.dark\\:aria-invalid\\:ring-destructive\\/40:where([data-orck-theme=dark],[data-orck-theme=dark] *)[aria-invalid=true]{--orck-tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:aria-invalid\\:ring-destructive\\/40:where([data-orck-theme=dark],[data-orck-theme=dark] *)[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:aria-invalid\\:ring-destructive\\/40:where([data-orck-theme=dark],[data-orck-theme=dark] *)[aria-invalid=true],.orck.dark\\:aria-invalid\\:ring-destructive\\/40:where([data-orck-theme=dark],[data-orck-theme=dark] *)[aria-invalid=true]{--orck-tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}@media (prefers-color-scheme:dark){.orck .dark\\:aria-invalid\\:ring-destructive\\/40:where([data-orck-theme=auto],[data-orck-theme=auto] *)[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:aria-invalid\\:ring-destructive\\/40:where([data-orck-theme=auto],[data-orck-theme=auto] *)[aria-invalid=true],.orck.dark\\:aria-invalid\\:ring-destructive\\/40:where([data-orck-theme=auto],[data-orck-theme=auto] *)[aria-invalid=true]{--orck-tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:aria-invalid\\:ring-destructive\\/40:where([data-orck-theme=auto],[data-orck-theme=auto] *)[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:aria-invalid\\:ring-destructive\\/40:where([data-orck-theme=auto],[data-orck-theme=auto] *)[aria-invalid=true],.orck.dark\\:aria-invalid\\:ring-destructive\\/40:where([data-orck-theme=auto],[data-orck-theme=auto] *)[aria-invalid=true]{--orck-tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}}.orck .dark\\:aria-invalid\\:ring-destructive\\/40:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:aria-invalid\\:ring-destructive\\/40:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[aria-invalid=true],.orck.dark\\:aria-invalid\\:ring-destructive\\/40:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[aria-invalid=true]{--orck-tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .dark\\:aria-invalid\\:ring-destructive\\/40:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[aria-invalid=true],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:aria-invalid\\:ring-destructive\\/40:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[aria-invalid=true],.orck.dark\\:aria-invalid\\:ring-destructive\\/40:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[aria-invalid=true]{--orck-tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.orck .dark\\:data-checked\\:bg-primary:where([data-orck-theme=dark],[data-orck-theme=dark] *)[data-checked],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:data-checked\\:bg-primary:where([data-orck-theme=dark],[data-orck-theme=dark] *)[data-checked],.orck.dark\\:data-checked\\:bg-primary:where([data-orck-theme=dark],[data-orck-theme=dark] *)[data-checked]{background-color:var(--primary)}@media (prefers-color-scheme:dark){.orck .dark\\:data-checked\\:bg-primary:where([data-orck-theme=auto],[data-orck-theme=auto] *)[data-checked],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:data-checked\\:bg-primary:where([data-orck-theme=auto],[data-orck-theme=auto] *)[data-checked],.orck.dark\\:data-checked\\:bg-primary:where([data-orck-theme=auto],[data-orck-theme=auto] *)[data-checked]{background-color:var(--primary)}}.orck .dark\\:data-checked\\:bg-primary:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[data-checked],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .dark\\:data-checked\\:bg-primary:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[data-checked],.orck.dark\\:data-checked\\:bg-primary:where(.dark [data-orck-theme=inherit],.dark [data-orck-theme=inherit] *,.dark[data-orck-theme=inherit],.dark[data-orck-theme=inherit] *)[data-checked]{background-color:var(--primary)}.orck .\\[\\&_h2\\]\\:m-0 h2,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&_h2\\]\\:m-0 h2,.orck.\\[\\&_h2\\]\\:m-0 h2,.orck .\\[\\&_p\\]\\:m-0 p,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&_p\\]\\:m-0 p,.orck.\\[\\&_p\\]\\:m-0 p{margin:0}.orck .\\[\\&_svg\\]\\:pointer-events-none svg,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&_svg\\]\\:pointer-events-none svg,.orck.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.orck .\\[\\&_svg\\]\\:shrink-0 svg,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&_svg\\]\\:shrink-0 svg,.orck.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.orck .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=size-]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=size-]),.orck.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.orck .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]),.orck.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.orck .\\[\\&_table\\]\\:border-spacing-0 table,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&_table\\]\\:border-spacing-0 table,.orck.\\[\\&_table\\]\\:border-spacing-0 table{--orck-tw-border-spacing-x:0px;--orck-tw-border-spacing-y:0px;border-spacing:var(--orck-tw-border-spacing-x) var(--orck-tw-border-spacing-y)}.orck .\\[\\&_ul\\]\\:m-0 ul,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&_ul\\]\\:m-0 ul,.orck.\\[\\&_ul\\]\\:m-0 ul{margin:0}.orck .\\[\\&_ul\\]\\:list-none ul,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&_ul\\]\\:list-none ul,.orck.\\[\\&_ul\\]\\:list-none ul{list-style-type:none}.orck .\\[\\&_ul\\]\\:p-0 ul,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&_ul\\]\\:p-0 ul,.orck.\\[\\&_ul\\]\\:p-0 ul{padding:0}.orck .\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar,.orck.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.orck .\\[\\.border-b\\]\\:pb-\\(--card-spacing\\).border-b,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\.border-b\\]\\:pb-\\(--card-spacing\\).border-b,.orck.\\[\\.border-b\\]\\:pb-\\(--card-spacing\\).border-b{padding-bottom:var(--card-spacing)}.orck .\\[\\.border-t\\]\\:pt-\\(--card-spacing\\).border-t,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\.border-t\\]\\:pt-\\(--card-spacing\\).border-t,.orck.\\[\\.border-t\\]\\:pt-\\(--card-spacing\\).border-t{padding-top:var(--card-spacing)}.orck :is(.\\*\\:\\[a\\]\\:underline>*):is(a),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) :is(.\\*\\:\\[a\\]\\:underline>*):is(a){text-decoration-line:underline}.orck :is(.\\*\\:\\[a\\]\\:underline-offset-3>*):is(a),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) :is(.\\*\\:\\[a\\]\\:underline-offset-3>*):is(a){text-underline-offset:3px}@media (hover:hover){.orck .\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover,.orck.\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.orck .\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover,.orck.\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.orck .\\[a\\]\\:hover\\:bg-muted:is(a):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[a\\]\\:hover\\:bg-muted:is(a):hover,.orck.\\[a\\]\\:hover\\:bg-muted:is(a):hover{background-color:var(--muted)}.orck .\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover,.orck.\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.orck .\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover,.orck.\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.orck .\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover,.orck.\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.orck .\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover,.orck.\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.orck .\\[a\\]\\:hover\\:text-muted-foreground:is(a):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[a\\]\\:hover\\:text-muted-foreground:is(a):hover,.orck.\\[a\\]\\:hover\\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}.orck :is(.\\*\\:\\[a\\]\\:hover\\:text-foreground>*):is(a):hover,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) :is(.\\*\\:\\[a\\]\\:hover\\:text-foreground>*):is(a):hover{color:var(--foreground)}}.orck :is(.\\*\\:\\[img\\:first-child\\]\\:rounded-t-xl>*):is(img:first-child),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) :is(.\\*\\:\\[img\\:first-child\\]\\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}.orck :is(.\\*\\:\\[img\\:last-child\\]\\:rounded-b-xl>*):is(img:last-child),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) :is(.\\*\\:\\[img\\:last-child\\]\\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.orck :is(.\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-8>*):is(svg:not([class*=size-])),:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) :is(.\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-8>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.orck .\\[\\&\\>\\[data-slot\\=dialog-close\\]\\]\\:top-5>[data-slot=dialog-close],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&\\>\\[data-slot\\=dialog-close\\]\\]\\:top-5>[data-slot=dialog-close],.orck.\\[\\&\\>\\[data-slot\\=dialog-close\\]\\]\\:top-5>[data-slot=dialog-close]{top:calc(var(--spacing) * 5)}.orck .\\[\\&\\>\\[data-slot\\=dialog-close\\]\\]\\:right-5>[data-slot=dialog-close],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&\\>\\[data-slot\\=dialog-close\\]\\]\\:right-5>[data-slot=dialog-close],.orck.\\[\\&\\>\\[data-slot\\=dialog-close\\]\\]\\:right-5>[data-slot=dialog-close]{right:calc(var(--spacing) * 5)}.orck .\\[\\&\\>\\[data-slot\\=dialog-close\\]\\]\\:text-foreground>[data-slot=dialog-close],:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&\\>\\[data-slot\\=dialog-close\\]\\]\\:text-foreground>[data-slot=dialog-close],.orck.\\[\\&\\>\\[data-slot\\=dialog-close\\]\\]\\:text-foreground>[data-slot=dialog-close]{color:var(--foreground)}.orck .\\[\\&\\>div\\]\\:pt-0>div,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&\\>div\\]\\:pt-0>div,.orck.\\[\\&\\>div\\]\\:pt-0>div{padding-top:0}.orck .\\[\\&\\>div\\]\\:pb-0>div,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&\\>div\\]\\:pb-0>div,.orck.\\[\\&\\>div\\]\\:pb-0>div{padding-bottom:0}.orck .\\[\\&\\>div\\]\\:pl-0>div,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&\\>div\\]\\:pl-0>div,.orck.\\[\\&\\>div\\]\\:pl-0>div{padding-left:0}.orck .\\[\\&\\>svg\\]\\:pointer-events-none>svg,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&\\>svg\\]\\:pointer-events-none>svg,.orck.\\[\\&\\>svg\\]\\:pointer-events-none>svg{pointer-events:none}.orck .\\[\\&\\>svg\\]\\:size-3\\!>svg,:where([data-slot=\"dialog-portal\"]:has(> .orck[data-slot=\"dialog-content\"]), [data-slot=\"alert-dialog-portal\"]:has(> .orck[data-slot=\"alert-dialog-content\"])) .\\[\\&\\>svg\\]\\:size-3\\!>svg,.orck.\\[\\&\\>svg\\]\\:size-3\\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}@property --orck-tw-animation-delay{syntax:\"*\";inherits:false;initial-value:0s}@property --orck-tw-animation-direction{syntax:\"*\";inherits:false;initial-value:normal}@property --orck-tw-animation-duration{syntax:\"*\";inherits:false}@property --orck-tw-animation-fill-mode{syntax:\"*\";inherits:false;initial-value:none}@property --orck-tw-animation-iteration-count{syntax:\"*\";inherits:false;initial-value:1}@property --orck-tw-enter-blur{syntax:\"*\";inherits:false;initial-value:0}@property --orck-tw-enter-opacity{syntax:\"*\";inherits:false;initial-value:1}@property --orck-tw-enter-rotate{syntax:\"*\";inherits:false;initial-value:0}@property --orck-tw-enter-scale{syntax:\"*\";inherits:false;initial-value:1}@property --orck-tw-enter-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --orck-tw-enter-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --orck-tw-exit-blur{syntax:\"*\";inherits:false;initial-value:0}@property --orck-tw-exit-opacity{syntax:\"*\";inherits:false;initial-value:1}@property --orck-tw-exit-rotate{syntax:\"*\";inherits:false;initial-value:0}@property --orck-tw-exit-scale{syntax:\"*\";inherits:false;initial-value:1}@property --orck-tw-exit-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --orck-tw-exit-translate-y{syntax:\"*\";inherits:false;initial-value:0}.orck:not([data-orck-theme=inherit]){--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--primary:oklch(21% .006 285.885);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--border:oklch(92% .004 286.32);--input:oklch(92% .004 286.32);--ring:oklch(70.5% .015 286.067);--orck-faint:oklch(70.5% .015 286.067);--orck-hairline:oklch(14.1% .005 285.823/.06);--radius:.625rem;--orck-font:\"Instrument Sans Variable\", \"Instrument Sans\", -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;font-family:var(--orck-font)}.orck{--orck-success:oklch(60% .13 163);--orck-warning:oklch(60% .15 55);color:var(--foreground);-webkit-font-smoothing:antialiased;container:orck/inline-size}.orck[data-orck-theme=inherit]{--orck-faint:var(--muted-foreground);--orck-hairline:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.orck[data-orck-theme=inherit]{--orck-hairline:color-mix(in oklch, var(--foreground) 6%, transparent)}}.orck[data-orck-theme=inherit]{--orck-success:var(--success,oklch(60% .13 163));--orck-warning:var(--warning,oklch(60% .15 55));font-family:inherit}.orck[data-orck-theme=inherit]:where(.dark *,.dark){--orck-success:var(--success,oklch(77% .15 163));--orck-warning:var(--warning,oklch(80% .15 75))}.orck[data-orck-theme=dark]{--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92% .004 286.32);--primary-foreground:oklch(21% .006 285.885);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.2% .016 285.938);--orck-faint:oklch(55.2% .016 285.938);--orck-hairline:oklch(100% 0 0/.06);--orck-success:oklch(77% .15 163);--orck-warning:oklch(80% .15 75)}@media (prefers-color-scheme:dark){.orck[data-orck-theme=auto]{--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92% .004 286.32);--primary-foreground:oklch(21% .006 285.885);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.2% .016 285.938);--orck-faint:oklch(55.2% .016 285.938);--orck-hairline:oklch(100% 0 0/.06);--orck-success:oklch(77% .15 163);--orck-warning:oklch(80% .15 75)}}.orck-collect-field iframe{width:100%;height:100%;display:block}.orck-collect-field:focus-within{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring)}@supports (color:color-mix(in lab, red, red)){.orck-collect-field:focus-within{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 35%, transparent)}}@property --orck-tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --orck-tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --orck-tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --orck-tw-rotate-x{syntax:\"*\";inherits:false}@property --orck-tw-rotate-y{syntax:\"*\";inherits:false}@property --orck-tw-rotate-z{syntax:\"*\";inherits:false}@property --orck-tw-skew-x{syntax:\"*\";inherits:false}@property --orck-tw-skew-y{syntax:\"*\";inherits:false}@property --orck-tw-pan-x{syntax:\"*\";inherits:false}@property --orck-tw-pan-y{syntax:\"*\";inherits:false}@property --orck-tw-pinch-zoom{syntax:\"*\";inherits:false}@property --orck-tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --orck-tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --orck-tw-leading{syntax:\"*\";inherits:false}@property --orck-tw-font-weight{syntax:\"*\";inherits:false}@property --orck-tw-tracking{syntax:\"*\";inherits:false}@property --orck-tw-ordinal{syntax:\"*\";inherits:false}@property --orck-tw-slashed-zero{syntax:\"*\";inherits:false}@property --orck-tw-numeric-figure{syntax:\"*\";inherits:false}@property --orck-tw-numeric-spacing{syntax:\"*\";inherits:false}@property --orck-tw-numeric-fraction{syntax:\"*\";inherits:false}@property --orck-tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --orck-tw-shadow-color{syntax:\"*\";inherits:false}@property --orck-tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --orck-tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --orck-tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --orck-tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --orck-tw-ring-color{syntax:\"*\";inherits:false}@property --orck-tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --orck-tw-inset-ring-color{syntax:\"*\";inherits:false}@property --orck-tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --orck-tw-ring-inset{syntax:\"*\";inherits:false}@property --orck-tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --orck-tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --orck-tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --orck-tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --orck-tw-duration{syntax:\"*\";inherits:false}@property --orck-tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --orck-tw-backdrop-blur{syntax:\"*\";inherits:false}@property --orck-tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --orck-tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --orck-tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --orck-tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --orck-tw-backdrop-invert{syntax:\"*\";inherits:false}@property --orck-tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --orck-tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --orck-tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --orck-tw-border-spacing-x{syntax:\"<length>\";inherits:false;initial-value:0}@property --orck-tw-border-spacing-y{syntax:\"<length>\";inherits:false;initial-value:0}@keyframes orck-spin{to{transform:rotate(360deg)}}@keyframes orck-pulse{50%{opacity:.5}}@keyframes orck-enter{0%{opacity:var(--orck-tw-orck-enter-opacity,1);transform:translate3d(var(--orck-tw-orck-enter-translate-x,0),var(--orck-tw-orck-enter-translate-y,0),0)scale3d(var(--orck-tw-orck-enter-scale,1),var(--orck-tw-orck-enter-scale,1),var(--orck-tw-orck-enter-scale,1))rotate(var(--orck-tw-orck-enter-rotate,0));filter:blur(var(--orck-tw-orck-enter-blur,0))}}@keyframes orck-exit{to{opacity:var(--orck-tw-orck-exit-opacity,1);transform:translate3d(var(--orck-tw-orck-exit-translate-x,0),var(--orck-tw-orck-exit-translate-y,0),0)scale3d(var(--orck-tw-orck-exit-scale,1),var(--orck-tw-orck-exit-scale,1),var(--orck-tw-orck-exit-scale,1))rotate(var(--orck-tw-orck-exit-rotate,0));filter:blur(var(--orck-tw-orck-exit-blur,0))}}\n/*$vite$:1*/";
|
|
3
|
+
if (typeof document !== "undefined") {
|
|
4
|
+
let __orckStyle = document.getElementById("billing-ui-styles");
|
|
5
|
+
if (!__orckStyle) {
|
|
6
|
+
__orckStyle = document.createElement("style");
|
|
7
|
+
__orckStyle.id = "billing-ui-styles";
|
|
8
|
+
__orckStyle.setAttribute("data-billing-ui", "");
|
|
9
|
+
(document.head || document.documentElement).appendChild(__orckStyle);
|
|
10
|
+
}
|
|
11
|
+
if (__orckStyle.textContent !== __orckCss) __orckStyle.textContent = __orckCss;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
import { en as e } from "./locales/en.js";
|
|
15
|
+
import { n as t, r as n } from "./errors-T-PRm3vV.js";
|
|
16
|
+
import { i as r, l as i, n as a, o, s, t as c } from "./hooks-DLFF-zx5.js";
|
|
17
|
+
import { _ as l, a as u, b as d, c as f, d as p, f as m, g as h, h as g, l as _, m as v, o as y, p as b, s as x, u as S, v as C, x as w, y as T } from "./client-DhG2jv34.js";
|
|
18
|
+
import * as E from "react";
|
|
19
|
+
import { createContext as ee, useContext as D, useMemo as te } from "react";
|
|
20
|
+
import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
|
|
21
|
+
import { cn as j } from "cn";
|
|
22
|
+
import { Button as ne } from "@base-ui/react/button";
|
|
23
|
+
import { cva as M } from "class-variance-authority";
|
|
24
|
+
import { mergeProps as re } from "@base-ui/react/merge-props";
|
|
25
|
+
import { useRender as ie } from "@base-ui/react/use-render";
|
|
26
|
+
import { HugeiconsIcon as N } from "@hugeicons/react";
|
|
27
|
+
import { Add01Icon as ae, ArrowUpRight01Icon as oe, Cancel01Icon as se, Delete02Icon as ce, Loading03Icon as le } from "@hugeicons/core-free-icons";
|
|
28
|
+
import { AlertDialog as P } from "@base-ui/react/alert-dialog";
|
|
29
|
+
import { Dialog as F } from "@base-ui/react/dialog";
|
|
30
|
+
import { z as I } from "zod";
|
|
31
|
+
import { Input as L } from "@base-ui/react/input";
|
|
32
|
+
import { Radio as R } from "@base-ui/react/radio";
|
|
33
|
+
import { RadioGroup as ue } from "@base-ui/react/radio-group";
|
|
34
|
+
//#region src/i18n/messages.ts
|
|
35
|
+
function de(e) {
|
|
36
|
+
return e;
|
|
37
|
+
}
|
|
38
|
+
var fe = e;
|
|
39
|
+
function pe(e, t) {
|
|
40
|
+
let n = { ...e };
|
|
41
|
+
for (let [e, r] of Object.entries(t)) {
|
|
42
|
+
if (r == null) continue;
|
|
43
|
+
let t = n[e];
|
|
44
|
+
typeof r == "string" ? r !== "" && (n[e] = r) : n[e] = pe(typeof t == "object" ? t : {}, r);
|
|
45
|
+
}
|
|
46
|
+
return n;
|
|
47
|
+
}
|
|
48
|
+
function me(t) {
|
|
49
|
+
let n = t ? Array.isArray(t) ? t : [t] : [], r = e;
|
|
50
|
+
for (let e of n) r = pe(r, e);
|
|
51
|
+
return r;
|
|
52
|
+
}
|
|
53
|
+
function z(e, t) {
|
|
54
|
+
return t ? e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e) : e;
|
|
55
|
+
}
|
|
56
|
+
function he(e, t) {
|
|
57
|
+
let n = e;
|
|
58
|
+
for (let e of t.split(".")) {
|
|
59
|
+
if (!n || typeof n != "object") return;
|
|
60
|
+
n = n[e];
|
|
61
|
+
}
|
|
62
|
+
return typeof n == "string" ? n : void 0;
|
|
63
|
+
}
|
|
64
|
+
function ge(e) {
|
|
65
|
+
if (typeof e == "string") return e;
|
|
66
|
+
if (e && typeof e == "object" && "code" in e) {
|
|
67
|
+
let t = e.code;
|
|
68
|
+
if (typeof t == "string") return t;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
function B(e) {
|
|
72
|
+
return e instanceof TypeError && /fetch|network/i.test(e.message);
|
|
73
|
+
}
|
|
74
|
+
function _e(e) {
|
|
75
|
+
try {
|
|
76
|
+
return new Intl.PluralRules(e);
|
|
77
|
+
} catch {
|
|
78
|
+
return new Intl.PluralRules("en");
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
function ve(e, t) {
|
|
82
|
+
try {
|
|
83
|
+
return new Intl.NumberFormat(t).format(e);
|
|
84
|
+
} catch {
|
|
85
|
+
return String(e);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
function V(e, t, n) {
|
|
89
|
+
let r = _e(n), i = (n, r) => {
|
|
90
|
+
let i = t?.(n, r);
|
|
91
|
+
if (i && i !== n) return i;
|
|
92
|
+
let a = he(e, n);
|
|
93
|
+
return a === void 0 ? void 0 : z(a, r);
|
|
94
|
+
};
|
|
95
|
+
return {
|
|
96
|
+
messages: e,
|
|
97
|
+
locale: n,
|
|
98
|
+
t: (e, t) => i(e, t) ?? e,
|
|
99
|
+
plural(e, t, a) {
|
|
100
|
+
let o = {
|
|
101
|
+
...a,
|
|
102
|
+
count: ve(t, n)
|
|
103
|
+
};
|
|
104
|
+
return i(`${e}.${t}`, o) ?? i(`${e}.${r.select(t)}`, o) ?? i(`${e}.other`, o) ?? e;
|
|
105
|
+
},
|
|
106
|
+
error(t, n) {
|
|
107
|
+
let r = ge(t);
|
|
108
|
+
if (r && r !== "generic" && r !== "network") {
|
|
109
|
+
let e = t && typeof t == "object" && "metadata" in t ? t.metadata : void 0, a = i(`errors.${r}`, {
|
|
110
|
+
...e,
|
|
111
|
+
...n
|
|
112
|
+
});
|
|
113
|
+
if (a) return a;
|
|
114
|
+
}
|
|
115
|
+
let a = B(t) ? "errors.network" : "errors.generic";
|
|
116
|
+
return i(a, n) ?? e.errors.generic;
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
//#endregion
|
|
121
|
+
//#region src/i18n/context.ts
|
|
122
|
+
var ye = ee(V(fe));
|
|
123
|
+
function H() {
|
|
124
|
+
return D(ye);
|
|
125
|
+
}
|
|
126
|
+
//#endregion
|
|
127
|
+
//#region src/appearance.ts
|
|
128
|
+
var be = {
|
|
129
|
+
background: "--background",
|
|
130
|
+
foreground: "--foreground",
|
|
131
|
+
card: "--card",
|
|
132
|
+
mutedForeground: "--muted-foreground",
|
|
133
|
+
faintForeground: "--orck-faint",
|
|
134
|
+
border: "--border",
|
|
135
|
+
input: "--input",
|
|
136
|
+
primary: "--primary",
|
|
137
|
+
primaryForeground: "--primary-foreground",
|
|
138
|
+
destructive: "--destructive",
|
|
139
|
+
ring: "--ring",
|
|
140
|
+
radius: "--radius",
|
|
141
|
+
fontFamily: "--orck-font"
|
|
142
|
+
};
|
|
143
|
+
function xe(e) {
|
|
144
|
+
let t = e?.variables;
|
|
145
|
+
if (!t) return;
|
|
146
|
+
let n = {};
|
|
147
|
+
for (let [e, r] of Object.entries(t)) r && (n[be[e]] = r);
|
|
148
|
+
return n;
|
|
149
|
+
}
|
|
150
|
+
function Se(e) {
|
|
151
|
+
return e?.theme ?? "auto";
|
|
152
|
+
}
|
|
153
|
+
//#endregion
|
|
154
|
+
//#region src/scope-context.ts
|
|
155
|
+
var U = ee({}), W = () => D(U);
|
|
156
|
+
function G(e) {
|
|
157
|
+
let t = W(), n = e ?? t.appearance;
|
|
158
|
+
return {
|
|
159
|
+
className: "orck",
|
|
160
|
+
"data-orck-theme": Se(n),
|
|
161
|
+
style: xe(n)
|
|
162
|
+
};
|
|
163
|
+
}
|
|
164
|
+
//#endregion
|
|
165
|
+
//#region src/provider.tsx
|
|
166
|
+
function Ce({ appearance: e, messages: t, t: n, locale: r, navigate: i, children: a }) {
|
|
167
|
+
let o = te(() => V(me(t), n, r), [
|
|
168
|
+
t,
|
|
169
|
+
n,
|
|
170
|
+
r
|
|
171
|
+
]), s = te(() => ({
|
|
172
|
+
appearance: e,
|
|
173
|
+
locale: r,
|
|
174
|
+
navigate: i
|
|
175
|
+
}), [
|
|
176
|
+
e,
|
|
177
|
+
r,
|
|
178
|
+
i
|
|
179
|
+
]);
|
|
180
|
+
return /* @__PURE__ */ k(U.Provider, {
|
|
181
|
+
value: s,
|
|
182
|
+
children: /* @__PURE__ */ k(ye.Provider, {
|
|
183
|
+
value: o,
|
|
184
|
+
children: a
|
|
185
|
+
})
|
|
186
|
+
});
|
|
187
|
+
}
|
|
188
|
+
//#endregion
|
|
189
|
+
//#region src/scope.tsx
|
|
190
|
+
function we({ appearance: e, className: t, style: n, ...r }) {
|
|
191
|
+
let i = G(e);
|
|
192
|
+
return /* @__PURE__ */ k("div", {
|
|
193
|
+
"data-orck-theme": i["data-orck-theme"],
|
|
194
|
+
className: j(i.className, t),
|
|
195
|
+
style: {
|
|
196
|
+
...i.style,
|
|
197
|
+
...n
|
|
198
|
+
},
|
|
199
|
+
...r
|
|
200
|
+
});
|
|
201
|
+
}
|
|
202
|
+
//#endregion
|
|
203
|
+
//#region src/components/ui/button.tsx
|
|
204
|
+
var K = M("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
|
|
205
|
+
variants: {
|
|
206
|
+
variant: {
|
|
207
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/80",
|
|
208
|
+
outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
|
|
209
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
|
|
210
|
+
ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
|
|
211
|
+
destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
|
|
212
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
213
|
+
},
|
|
214
|
+
size: {
|
|
215
|
+
default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
|
|
216
|
+
xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
|
|
217
|
+
sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
|
|
218
|
+
lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
|
|
219
|
+
icon: "size-9",
|
|
220
|
+
"icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
|
|
221
|
+
"icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
|
|
222
|
+
"icon-lg": "size-10"
|
|
223
|
+
}
|
|
224
|
+
},
|
|
225
|
+
defaultVariants: {
|
|
226
|
+
variant: "default",
|
|
227
|
+
size: "default"
|
|
228
|
+
}
|
|
229
|
+
});
|
|
230
|
+
function q({ className: e, variant: t = "default", size: n = "default", ...r }) {
|
|
231
|
+
return /* @__PURE__ */ k(ne, {
|
|
232
|
+
"data-slot": "button",
|
|
233
|
+
className: j(K({
|
|
234
|
+
variant: t,
|
|
235
|
+
size: n,
|
|
236
|
+
className: e
|
|
237
|
+
})),
|
|
238
|
+
...r
|
|
239
|
+
});
|
|
240
|
+
}
|
|
241
|
+
//#endregion
|
|
242
|
+
//#region src/lib/period.ts
|
|
243
|
+
function Te(e) {
|
|
244
|
+
return !e || !Number.isSafeInteger(e) || e <= 0 ? null : e % 168 == 0 ? {
|
|
245
|
+
unit: "week",
|
|
246
|
+
count: e / 168
|
|
247
|
+
} : e % 24 == 0 ? {
|
|
248
|
+
unit: "day",
|
|
249
|
+
count: e / 24
|
|
250
|
+
} : {
|
|
251
|
+
unit: "hour",
|
|
252
|
+
count: e
|
|
253
|
+
};
|
|
254
|
+
}
|
|
255
|
+
function Ee(e) {
|
|
256
|
+
let t = /^(\d+)h(?:0m(?:0s)?)?$/.exec(e?.trim() ?? "");
|
|
257
|
+
return t ? Number(t[1]) : null;
|
|
258
|
+
}
|
|
259
|
+
function De(e, t) {
|
|
260
|
+
let n = Te(e);
|
|
261
|
+
return n ? t.plural(`interval.every.${n.unit}`, n.count) : null;
|
|
262
|
+
}
|
|
263
|
+
function Oe(e, t) {
|
|
264
|
+
let n = Te(e);
|
|
265
|
+
return n ? t.plural(`interval.per.${n.unit}`, n.count) : null;
|
|
266
|
+
}
|
|
267
|
+
function ke(e, t) {
|
|
268
|
+
let n = Te(e);
|
|
269
|
+
return n ? t.plural(`interval.access.${n.unit}`, n.count) : null;
|
|
270
|
+
}
|
|
271
|
+
//#endregion
|
|
272
|
+
//#region src/account/format.ts
|
|
273
|
+
function J(e, t) {
|
|
274
|
+
if (!e) return null;
|
|
275
|
+
let n = new Date(e);
|
|
276
|
+
if (Number.isNaN(n.getTime())) return null;
|
|
277
|
+
try {
|
|
278
|
+
return new Intl.DateTimeFormat(t, { dateStyle: "medium" }).format(n);
|
|
279
|
+
} catch {
|
|
280
|
+
return n.toISOString().slice(0, 10);
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
function Ae(e, t, n, r) {
|
|
284
|
+
if (!e) return null;
|
|
285
|
+
let i = n[t.toUpperCase()];
|
|
286
|
+
return i === void 0 ? null : d(e, t, i, r);
|
|
287
|
+
}
|
|
288
|
+
function je(e, t) {
|
|
289
|
+
if (!e) return null;
|
|
290
|
+
let n = e.access_duration_hours;
|
|
291
|
+
return e.auto_renew === !1 ? ke(n, t) ?? t.t("interval.once") : De(n, t);
|
|
292
|
+
}
|
|
293
|
+
function Me(e, { t }) {
|
|
294
|
+
return e.product?.display_name?.trim() || e.price?.key?.trim() || t("subscriptions.fallbackName");
|
|
295
|
+
}
|
|
296
|
+
function Ne(e, t) {
|
|
297
|
+
let n = Ee(e.price?.recurring?.interval), r = e.price?.type === "recurring" || n !== null || !!e.subscription_id;
|
|
298
|
+
return {
|
|
299
|
+
name: e.product?.display_name?.trim() || t.t(r ? "history.subscription" : "history.purchase"),
|
|
300
|
+
detail: r ? De(n, t) : null
|
|
301
|
+
};
|
|
302
|
+
}
|
|
303
|
+
function Pe(e, t) {
|
|
304
|
+
let n = e?.trim();
|
|
305
|
+
return n ? n[0].toUpperCase() + n.slice(1).toLowerCase() : t;
|
|
306
|
+
}
|
|
307
|
+
function Fe(e, t) {
|
|
308
|
+
let n = Pe(e?.brand, t.t("paymentMethods.fallbackBrand"));
|
|
309
|
+
if (!e?.last4) return n;
|
|
310
|
+
let r = t.t("paymentMethods.cardLabel", {
|
|
311
|
+
brand: n,
|
|
312
|
+
last4: e.last4
|
|
313
|
+
}), i = Ie(e);
|
|
314
|
+
return i ? `${r} · ${i}` : r;
|
|
315
|
+
}
|
|
316
|
+
function Ie(e) {
|
|
317
|
+
return !e?.exp_month || !e.exp_year ? null : `${String(e.exp_month).padStart(2, "0")}/${String(e.exp_year).slice(-2)}`;
|
|
318
|
+
}
|
|
319
|
+
var Le = /* @__PURE__ */ new Set([
|
|
320
|
+
"active",
|
|
321
|
+
"pending",
|
|
322
|
+
"past_due",
|
|
323
|
+
"awaiting_method",
|
|
324
|
+
"unverified"
|
|
325
|
+
]), Re = (e) => !!e && new Date(e).getTime() > Date.now(), ze = (e) => Le.has(e.status) || e.status === "cancelled" && (!!e.cancel_scheduled || !!e.resumable) && Re(e.current_period_ends_at), Be = (e) => ze(e) && (!!e.cancel_scheduled || e.status === "cancelled"), Ve = {
|
|
326
|
+
active: "success",
|
|
327
|
+
succeeded: "success",
|
|
328
|
+
paid: "success",
|
|
329
|
+
default: "neutral",
|
|
330
|
+
pending: "warning",
|
|
331
|
+
past_due: "warning",
|
|
332
|
+
awaiting_method: "warning",
|
|
333
|
+
cancel_scheduled: "warning",
|
|
334
|
+
expiring_soon: "warning",
|
|
335
|
+
needs_attention: "warning",
|
|
336
|
+
partially_refunded: "neutral",
|
|
337
|
+
failed: "destructive",
|
|
338
|
+
expired: "destructive",
|
|
339
|
+
cancelled: "neutral",
|
|
340
|
+
canceled: "neutral",
|
|
341
|
+
refunded: "neutral"
|
|
342
|
+
}, He = (e) => Ve[e] ?? "neutral", Ue = "[&_h2]:m-0 [&_p]:m-0 [&_ul]:m-0 [&_ul]:list-none [&_ul]:p-0 [&_table]:border-spacing-0";
|
|
343
|
+
//#endregion
|
|
344
|
+
//#region src/components/ui/card.tsx
|
|
345
|
+
function We({ className: e, size: t = "default", ...n }) {
|
|
346
|
+
return /* @__PURE__ */ k("div", {
|
|
347
|
+
"data-slot": "card",
|
|
348
|
+
"data-size": t,
|
|
349
|
+
className: j("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", e),
|
|
350
|
+
...n
|
|
351
|
+
});
|
|
352
|
+
}
|
|
353
|
+
function Ge({ className: e, ...t }) {
|
|
354
|
+
return /* @__PURE__ */ k("div", {
|
|
355
|
+
"data-slot": "card-header",
|
|
356
|
+
className: j("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", e),
|
|
357
|
+
...t
|
|
358
|
+
});
|
|
359
|
+
}
|
|
360
|
+
function Ke({ className: e, ...t }) {
|
|
361
|
+
return /* @__PURE__ */ k("div", {
|
|
362
|
+
"data-slot": "card-title",
|
|
363
|
+
className: j("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", e),
|
|
364
|
+
...t
|
|
365
|
+
});
|
|
366
|
+
}
|
|
367
|
+
function qe({ className: e, ...t }) {
|
|
368
|
+
return /* @__PURE__ */ k("div", {
|
|
369
|
+
"data-slot": "card-description",
|
|
370
|
+
className: j("text-sm text-muted-foreground", e),
|
|
371
|
+
...t
|
|
372
|
+
});
|
|
373
|
+
}
|
|
374
|
+
function Je({ className: e, ...t }) {
|
|
375
|
+
return /* @__PURE__ */ k("div", {
|
|
376
|
+
"data-slot": "card-action",
|
|
377
|
+
className: j("col-start-2 row-span-2 row-start-1 self-start justify-self-end", e),
|
|
378
|
+
...t
|
|
379
|
+
});
|
|
380
|
+
}
|
|
381
|
+
function Ye({ className: e, ...t }) {
|
|
382
|
+
return /* @__PURE__ */ k("div", {
|
|
383
|
+
"data-slot": "card-content",
|
|
384
|
+
className: j("flex flex-col gap-3 px-(--card-spacing)", e),
|
|
385
|
+
...t
|
|
386
|
+
});
|
|
387
|
+
}
|
|
388
|
+
//#endregion
|
|
389
|
+
//#region src/components/ui/skeleton.tsx
|
|
390
|
+
function Y({ className: e, ...t }) {
|
|
391
|
+
return /* @__PURE__ */ k("div", {
|
|
392
|
+
"data-slot": "skeleton",
|
|
393
|
+
className: j("animate-pulse rounded-md bg-muted", e),
|
|
394
|
+
...t
|
|
395
|
+
});
|
|
396
|
+
}
|
|
397
|
+
//#endregion
|
|
398
|
+
//#region src/account/section.tsx
|
|
399
|
+
function Xe({ title: e, description: t, action: n, appearance: r, className: i, children: a, ...o }) {
|
|
400
|
+
let s = G(r), c = E.useId();
|
|
401
|
+
return /* @__PURE__ */ k("section", {
|
|
402
|
+
"aria-labelledby": c,
|
|
403
|
+
className: j(s.className, Ue, "block", i),
|
|
404
|
+
"data-orck-theme": s["data-orck-theme"],
|
|
405
|
+
style: s.style,
|
|
406
|
+
"data-testid": o["data-testid"],
|
|
407
|
+
children: /* @__PURE__ */ A(We, {
|
|
408
|
+
className: "gap-4 bg-card text-card-foreground",
|
|
409
|
+
children: [/* @__PURE__ */ A(Ge, { children: [
|
|
410
|
+
/* @__PURE__ */ k(Ke, {
|
|
411
|
+
id: c,
|
|
412
|
+
role: "heading",
|
|
413
|
+
"aria-level": 2,
|
|
414
|
+
children: e
|
|
415
|
+
}),
|
|
416
|
+
t ? /* @__PURE__ */ k(qe, { children: t }) : null,
|
|
417
|
+
n ? /* @__PURE__ */ k(Je, { children: n }) : null
|
|
418
|
+
] }), /* @__PURE__ */ k(Ye, {
|
|
419
|
+
className: "gap-0",
|
|
420
|
+
children: a
|
|
421
|
+
})]
|
|
422
|
+
})
|
|
423
|
+
});
|
|
424
|
+
}
|
|
425
|
+
function Ze({ rows: e = 2 }) {
|
|
426
|
+
return /* @__PURE__ */ k("div", {
|
|
427
|
+
className: "grid gap-4 py-2",
|
|
428
|
+
"aria-hidden": !0,
|
|
429
|
+
children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ A("div", {
|
|
430
|
+
className: "flex items-center gap-3",
|
|
431
|
+
children: [
|
|
432
|
+
/* @__PURE__ */ k(Y, { className: "h-7 w-11 rounded-md" }),
|
|
433
|
+
/* @__PURE__ */ A("div", {
|
|
434
|
+
className: "grid flex-1 gap-2",
|
|
435
|
+
children: [/* @__PURE__ */ k(Y, { className: "h-3.5 w-40" }), /* @__PURE__ */ k(Y, { className: "h-3 w-28" })]
|
|
436
|
+
}),
|
|
437
|
+
/* @__PURE__ */ k(Y, { className: "h-3.5 w-14" })
|
|
438
|
+
]
|
|
439
|
+
}, t))
|
|
440
|
+
});
|
|
441
|
+
}
|
|
442
|
+
function Qe({ title: e, description: t, action: n }) {
|
|
443
|
+
return /* @__PURE__ */ A("div", {
|
|
444
|
+
className: "grid justify-items-center gap-1 rounded-lg border border-dashed px-4 py-8 text-center",
|
|
445
|
+
children: [
|
|
446
|
+
/* @__PURE__ */ k("p", {
|
|
447
|
+
className: "text-sm font-medium",
|
|
448
|
+
children: e
|
|
449
|
+
}),
|
|
450
|
+
t ? /* @__PURE__ */ k("p", {
|
|
451
|
+
className: "text-sm text-muted-foreground",
|
|
452
|
+
children: t
|
|
453
|
+
}) : null,
|
|
454
|
+
n ? /* @__PURE__ */ k("div", {
|
|
455
|
+
className: "mt-3",
|
|
456
|
+
children: n
|
|
457
|
+
}) : null
|
|
458
|
+
]
|
|
459
|
+
});
|
|
460
|
+
}
|
|
461
|
+
function $e({ error: e, onRetry: t }) {
|
|
462
|
+
let n = H();
|
|
463
|
+
return /* @__PURE__ */ A("div", {
|
|
464
|
+
role: "alert",
|
|
465
|
+
className: "flex flex-wrap items-center justify-between gap-3 rounded-lg bg-destructive/5 px-4 py-3",
|
|
466
|
+
children: [/* @__PURE__ */ k("p", {
|
|
467
|
+
className: "text-sm text-destructive",
|
|
468
|
+
children: n.error(e)
|
|
469
|
+
}), /* @__PURE__ */ k(q, {
|
|
470
|
+
variant: "outline",
|
|
471
|
+
size: "sm",
|
|
472
|
+
onClick: t,
|
|
473
|
+
children: n.t("common.retry")
|
|
474
|
+
})]
|
|
475
|
+
});
|
|
476
|
+
}
|
|
477
|
+
//#endregion
|
|
478
|
+
//#region src/components/ui/badge.tsx
|
|
479
|
+
var et = M("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
|
|
480
|
+
variants: { variant: {
|
|
481
|
+
default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
|
|
482
|
+
secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
|
|
483
|
+
destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
|
|
484
|
+
outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
|
|
485
|
+
ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
|
|
486
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
487
|
+
} },
|
|
488
|
+
defaultVariants: { variant: "default" }
|
|
489
|
+
});
|
|
490
|
+
function tt({ className: e, variant: t = "default", render: n, ...r }) {
|
|
491
|
+
return ie({
|
|
492
|
+
defaultTagName: "span",
|
|
493
|
+
props: re({ className: j(et({ variant: t }), e) }, r),
|
|
494
|
+
render: n,
|
|
495
|
+
state: {
|
|
496
|
+
slot: "badge",
|
|
497
|
+
variant: t
|
|
498
|
+
}
|
|
499
|
+
});
|
|
500
|
+
}
|
|
501
|
+
//#endregion
|
|
502
|
+
//#region src/account/status-badge.tsx
|
|
503
|
+
var nt = {
|
|
504
|
+
success: "bg-[color:var(--orck-success)]/12 text-[color:var(--orck-success)]",
|
|
505
|
+
warning: "bg-[color:var(--orck-warning)]/14 text-[color:var(--orck-warning)]",
|
|
506
|
+
destructive: "bg-destructive/10 text-destructive",
|
|
507
|
+
neutral: "bg-muted text-muted-foreground"
|
|
508
|
+
};
|
|
509
|
+
function rt({ status: e, label: t, className: n }) {
|
|
510
|
+
let { t: r, messages: i } = H(), a = e === "canceled" ? "cancelled" : e, o = t ?? (a in i.status ? r(`status.${a}`) : e.replace(/_/g, " "));
|
|
511
|
+
return /* @__PURE__ */ k(tt, {
|
|
512
|
+
"data-status": e,
|
|
513
|
+
className: j(nt[He(e)], "font-medium", n),
|
|
514
|
+
children: o
|
|
515
|
+
});
|
|
516
|
+
}
|
|
517
|
+
//#endregion
|
|
518
|
+
//#region src/account/payment-history.tsx
|
|
519
|
+
function it(e, t) {
|
|
520
|
+
if (e.card?.last4) return Fe(e.card, t);
|
|
521
|
+
let n = e.rail ?? "";
|
|
522
|
+
return n in t.messages.history.rail ? t.t(`history.rail.${n}`) : n || t.t("common.notAvailable");
|
|
523
|
+
}
|
|
524
|
+
function at({ appearance: e, className: t, ...n }) {
|
|
525
|
+
let r = H(), { t: i } = r, { locale: s } = W(), c = a(n), l = o().currencies, u, d = c.payments;
|
|
526
|
+
u = d === null && c.error ? /* @__PURE__ */ k($e, {
|
|
527
|
+
error: c.error,
|
|
528
|
+
onRetry: c.refetch
|
|
529
|
+
}) : d === null ? /* @__PURE__ */ k(Ze, { rows: 3 }) : d.length === 0 && c.page === 0 ? /* @__PURE__ */ k(Qe, {
|
|
530
|
+
title: i("history.empty"),
|
|
531
|
+
description: i("history.emptyDescription")
|
|
532
|
+
}) : /* @__PURE__ */ k("div", {
|
|
533
|
+
className: "-mx-1 overflow-x-auto px-1",
|
|
534
|
+
children: /* @__PURE__ */ A("table", {
|
|
535
|
+
className: j("w-full border-collapse text-sm", c.loading && "opacity-60 transition-opacity"),
|
|
536
|
+
"aria-busy": c.loading || void 0,
|
|
537
|
+
children: [/* @__PURE__ */ k("thead", { children: /* @__PURE__ */ A("tr", {
|
|
538
|
+
className: "border-b text-left text-xs text-muted-foreground",
|
|
539
|
+
children: [
|
|
540
|
+
/* @__PURE__ */ k("th", {
|
|
541
|
+
scope: "col",
|
|
542
|
+
className: "hidden py-2 pr-3 font-medium @md:table-cell",
|
|
543
|
+
children: i("history.date")
|
|
544
|
+
}),
|
|
545
|
+
/* @__PURE__ */ k("th", {
|
|
546
|
+
scope: "col",
|
|
547
|
+
className: "py-2 pr-3 font-medium",
|
|
548
|
+
children: i("history.item")
|
|
549
|
+
}),
|
|
550
|
+
/* @__PURE__ */ k("th", {
|
|
551
|
+
scope: "col",
|
|
552
|
+
className: "hidden py-2 pr-3 font-medium @md:table-cell",
|
|
553
|
+
children: i("history.method")
|
|
554
|
+
}),
|
|
555
|
+
/* @__PURE__ */ k("th", {
|
|
556
|
+
scope: "col",
|
|
557
|
+
className: "py-2 pr-3 font-medium",
|
|
558
|
+
children: i("history.status")
|
|
559
|
+
}),
|
|
560
|
+
/* @__PURE__ */ k("th", {
|
|
561
|
+
scope: "col",
|
|
562
|
+
className: "py-2 text-right font-medium",
|
|
563
|
+
children: i("history.amount")
|
|
564
|
+
})
|
|
565
|
+
]
|
|
566
|
+
}) }), /* @__PURE__ */ k("tbody", {
|
|
567
|
+
className: "divide-y divide-border",
|
|
568
|
+
children: d.map((e) => {
|
|
569
|
+
let t = e.object === "refund", n = e.status || (t ? "refunded" : "unknown"), a = Ae(e.amount, e.currency, l, s), o = !t && e.amount_refunded && e.amount_refunded !== "0" ? Ae(e.amount_refunded, e.currency, l, s) : null, c = J(e.created_at, s) ?? i("common.notAvailable"), u = Ne(e, r);
|
|
570
|
+
return /* @__PURE__ */ A("tr", {
|
|
571
|
+
"data-testid": "payment-row",
|
|
572
|
+
"data-payment-id": e.id,
|
|
573
|
+
children: [
|
|
574
|
+
/* @__PURE__ */ k("td", {
|
|
575
|
+
className: "hidden py-3 pr-3 align-top whitespace-nowrap tabular-nums @md:table-cell",
|
|
576
|
+
children: c
|
|
577
|
+
}),
|
|
578
|
+
/* @__PURE__ */ A("td", {
|
|
579
|
+
className: "py-3 pr-3 align-top",
|
|
580
|
+
children: [
|
|
581
|
+
/* @__PURE__ */ k("div", {
|
|
582
|
+
"data-testid": "payment-item",
|
|
583
|
+
className: "font-medium",
|
|
584
|
+
children: u.name
|
|
585
|
+
}),
|
|
586
|
+
e.status === "failed" && e.failure?.message ? /* @__PURE__ */ k("div", {
|
|
587
|
+
"data-testid": "payment-failure",
|
|
588
|
+
className: "text-xs text-destructive",
|
|
589
|
+
children: e.failure.message
|
|
590
|
+
}) : null,
|
|
591
|
+
u.detail ? /* @__PURE__ */ k("div", {
|
|
592
|
+
"data-testid": "payment-period",
|
|
593
|
+
className: "text-xs text-muted-foreground",
|
|
594
|
+
children: u.detail
|
|
595
|
+
}) : null,
|
|
596
|
+
/* @__PURE__ */ A("div", {
|
|
597
|
+
className: "text-xs text-muted-foreground tabular-nums @md:hidden",
|
|
598
|
+
children: [
|
|
599
|
+
c,
|
|
600
|
+
" · ",
|
|
601
|
+
it(e, r)
|
|
602
|
+
]
|
|
603
|
+
})
|
|
604
|
+
]
|
|
605
|
+
}),
|
|
606
|
+
/* @__PURE__ */ k("td", {
|
|
607
|
+
className: "hidden py-3 pr-3 align-top text-muted-foreground tabular-nums @md:table-cell",
|
|
608
|
+
children: it(e, r)
|
|
609
|
+
}),
|
|
610
|
+
/* @__PURE__ */ k("td", {
|
|
611
|
+
className: "py-3 pr-3 align-top",
|
|
612
|
+
children: /* @__PURE__ */ k(rt, {
|
|
613
|
+
status: n,
|
|
614
|
+
label: t ? i("history.refund") : void 0
|
|
615
|
+
})
|
|
616
|
+
}),
|
|
617
|
+
/* @__PURE__ */ A("td", {
|
|
618
|
+
className: "py-3 text-right align-top font-medium whitespace-nowrap tabular-nums",
|
|
619
|
+
children: [a ?? i("common.notAvailable"), o ? /* @__PURE__ */ k("div", {
|
|
620
|
+
className: "text-xs font-normal text-muted-foreground",
|
|
621
|
+
children: i("history.refundedAmount", { amount: o })
|
|
622
|
+
}) : null]
|
|
623
|
+
})
|
|
624
|
+
]
|
|
625
|
+
}, e.id);
|
|
626
|
+
})
|
|
627
|
+
})]
|
|
628
|
+
})
|
|
629
|
+
});
|
|
630
|
+
let f = c.page > 0 || c.hasMore;
|
|
631
|
+
return /* @__PURE__ */ A(Xe, {
|
|
632
|
+
title: i("history.title"),
|
|
633
|
+
description: i("history.description"),
|
|
634
|
+
appearance: e,
|
|
635
|
+
className: t,
|
|
636
|
+
"data-testid": "payment-history",
|
|
637
|
+
children: [
|
|
638
|
+
u,
|
|
639
|
+
d !== null && c.error ? /* @__PURE__ */ k("div", {
|
|
640
|
+
className: "pt-3",
|
|
641
|
+
children: /* @__PURE__ */ k($e, {
|
|
642
|
+
error: c.error,
|
|
643
|
+
onRetry: c.refetch
|
|
644
|
+
})
|
|
645
|
+
}) : null,
|
|
646
|
+
f ? /* @__PURE__ */ A("nav", {
|
|
647
|
+
"aria-label": i("history.title"),
|
|
648
|
+
className: "flex items-center justify-between gap-3 pt-4",
|
|
649
|
+
children: [/* @__PURE__ */ k("span", {
|
|
650
|
+
className: "text-xs text-muted-foreground tabular-nums",
|
|
651
|
+
children: i("history.page", { page: c.page + 1 })
|
|
652
|
+
}), /* @__PURE__ */ A("div", {
|
|
653
|
+
className: "flex gap-2",
|
|
654
|
+
children: [/* @__PURE__ */ k(q, {
|
|
655
|
+
variant: "outline",
|
|
656
|
+
size: "sm",
|
|
657
|
+
disabled: c.page === 0 || c.loading,
|
|
658
|
+
onClick: c.previous,
|
|
659
|
+
children: i("common.previous")
|
|
660
|
+
}), /* @__PURE__ */ k(q, {
|
|
661
|
+
variant: "outline",
|
|
662
|
+
size: "sm",
|
|
663
|
+
disabled: !c.hasMore || c.loading,
|
|
664
|
+
onClick: c.next,
|
|
665
|
+
children: i("common.next")
|
|
666
|
+
})]
|
|
667
|
+
})]
|
|
668
|
+
}) : null
|
|
669
|
+
]
|
|
670
|
+
});
|
|
671
|
+
}
|
|
672
|
+
//#endregion
|
|
673
|
+
//#region src/lib/card-brands.ts
|
|
674
|
+
var ot = {
|
|
675
|
+
visa: "visa",
|
|
676
|
+
mastercard: "mastercard",
|
|
677
|
+
mc: "mastercard",
|
|
678
|
+
master: "mastercard",
|
|
679
|
+
amex: "amex",
|
|
680
|
+
americanexpress: "amex",
|
|
681
|
+
"american express": "amex"
|
|
682
|
+
};
|
|
683
|
+
function st(e) {
|
|
684
|
+
let t = e?.trim().toLowerCase().replace(/[^a-z ]/g, "");
|
|
685
|
+
return t ? ot[t] : void 0;
|
|
686
|
+
}
|
|
687
|
+
//#endregion
|
|
688
|
+
//#region src/components/card-brands.tsx
|
|
689
|
+
function ct() {
|
|
690
|
+
return /* @__PURE__ */ k("svg", {
|
|
691
|
+
viewBox: "0 0 1000 324.68",
|
|
692
|
+
className: "h-2.5 w-auto",
|
|
693
|
+
role: "presentation",
|
|
694
|
+
children: /* @__PURE__ */ k("path", {
|
|
695
|
+
fill: "#1434cb",
|
|
696
|
+
d: "m651.19.5c-70.93,0-134.32,36.77-134.32,104.69,0,77.9,112.42,83.28,112.42,122.42,0,16.48-18.88,31.23-51.14,31.23-45.77,0-79.98-20.61-79.98-20.61l-14.64,68.55s39.41,17.41,91.73,17.41c77.55,0,138.58-38.57,138.58-107.66,0-82.32-112.89-87.54-112.89-123.86,0-12.91,15.5-27.05,47.66-27.05,36.29,0,65.89,14.99,65.89,14.99l14.33-66.2S696.61.5,651.18.5h0ZM2.22,5.5L.5,15.49s29.84,5.46,56.72,16.36c34.61,12.49,37.07,19.77,42.9,42.35l63.51,244.83h85.14L379.93,5.5h-84.94l-84.28,213.17-34.39-180.7c-3.15-20.68-19.13-32.48-38.68-32.48,0,0-135.41,0-135.41,0Zm411.87,0l-66.63,313.53h81L494.85,5.5h-80.76Zm451.76,0c-19.53,0-29.88,10.46-37.47,28.73l-118.67,284.8h84.94l16.43-47.47h103.48l9.99,47.47h74.95L934.12,5.5h-68.27Zm11.05,84.71l25.18,117.65h-67.45l42.28-117.65h0Z"
|
|
697
|
+
})
|
|
698
|
+
});
|
|
699
|
+
}
|
|
700
|
+
function lt() {
|
|
701
|
+
return /* @__PURE__ */ k("svg", {
|
|
702
|
+
viewBox: "0 0 152.4 108",
|
|
703
|
+
className: "h-4 w-auto",
|
|
704
|
+
role: "presentation",
|
|
705
|
+
children: /* @__PURE__ */ A("g", { children: [/* @__PURE__ */ k("rect", {
|
|
706
|
+
y: "0",
|
|
707
|
+
fill: "none",
|
|
708
|
+
width: "152.4",
|
|
709
|
+
height: "108"
|
|
710
|
+
}), /* @__PURE__ */ A("g", { children: [
|
|
711
|
+
/* @__PURE__ */ k("rect", {
|
|
712
|
+
x: "60.4",
|
|
713
|
+
y: "25.7",
|
|
714
|
+
fill: "#FF5F00",
|
|
715
|
+
width: "31.5",
|
|
716
|
+
height: "56.6"
|
|
717
|
+
}),
|
|
718
|
+
/* @__PURE__ */ k("path", {
|
|
719
|
+
fill: "#EB001B",
|
|
720
|
+
d: "M62.4,54c0-11,5.1-21.5,13.7-28.3c-15.6-12.3-38.3-9.6-50.6,6.1C13.3,47.4,16,70,31.7,82.3\n c13.1,10.3,31.4,10.3,44.5,0C67.5,75.5,62.4,65,62.4,54z"
|
|
721
|
+
}),
|
|
722
|
+
/* @__PURE__ */ k("path", {
|
|
723
|
+
fill: "#F79E1B",
|
|
724
|
+
d: "M134.4,54c0,19.9-16.1,36-36,36c-8.1,0-15.9-2.7-22.2-7.7c15.6-12.3,18.3-34.9,6-50.6c-1.8-2.2-3.8-4.3-6-6\n c15.6-12.3,38.3-9.6,50.5,6.1C131.7,38.1,134.4,45.9,134.4,54z"
|
|
725
|
+
})
|
|
726
|
+
] })] })
|
|
727
|
+
});
|
|
728
|
+
}
|
|
729
|
+
function ut() {
|
|
730
|
+
let e = `orck-amex-${E.useId().replace(/[^a-zA-Z0-9-]/g, "")}`;
|
|
731
|
+
return /* @__PURE__ */ A("svg", {
|
|
732
|
+
viewBox: "0 0 300 300",
|
|
733
|
+
className: "h-full w-auto",
|
|
734
|
+
role: "presentation",
|
|
735
|
+
children: [
|
|
736
|
+
/* @__PURE__ */ A("radialGradient", {
|
|
737
|
+
id: e,
|
|
738
|
+
cx: "57.3882",
|
|
739
|
+
cy: "57.021",
|
|
740
|
+
r: "264.5797",
|
|
741
|
+
gradientUnits: "userSpaceOnUse",
|
|
742
|
+
children: [
|
|
743
|
+
/* @__PURE__ */ k("stop", {
|
|
744
|
+
offset: "0",
|
|
745
|
+
stopColor: "#9DD5F6"
|
|
746
|
+
}),
|
|
747
|
+
/* @__PURE__ */ k("stop", {
|
|
748
|
+
offset: "0.0711",
|
|
749
|
+
stopColor: "#98D3F5"
|
|
750
|
+
}),
|
|
751
|
+
/* @__PURE__ */ k("stop", {
|
|
752
|
+
offset: "0.1575",
|
|
753
|
+
stopColor: "#89CEF3"
|
|
754
|
+
}),
|
|
755
|
+
/* @__PURE__ */ k("stop", {
|
|
756
|
+
offset: "0.2516",
|
|
757
|
+
stopColor: "#70C6EF"
|
|
758
|
+
}),
|
|
759
|
+
/* @__PURE__ */ k("stop", {
|
|
760
|
+
offset: "0.3514",
|
|
761
|
+
stopColor: "#4EBBEA"
|
|
762
|
+
}),
|
|
763
|
+
/* @__PURE__ */ k("stop", {
|
|
764
|
+
offset: "0.4546",
|
|
765
|
+
stopColor: "#23ADE3"
|
|
766
|
+
}),
|
|
767
|
+
/* @__PURE__ */ k("stop", {
|
|
768
|
+
offset: "0.5",
|
|
769
|
+
stopColor: "#0DA6E0"
|
|
770
|
+
}),
|
|
771
|
+
/* @__PURE__ */ k("stop", {
|
|
772
|
+
offset: "1",
|
|
773
|
+
stopColor: "#2E77BC"
|
|
774
|
+
})
|
|
775
|
+
]
|
|
776
|
+
}),
|
|
777
|
+
/* @__PURE__ */ k("path", {
|
|
778
|
+
fill: `url(#${e})`,
|
|
779
|
+
d: "M289.584,7.598H7.639v282.966h281.945v-93.386c1.12-1.619,1.673-3.69,1.673-6.222\n c0-2.898-0.553-4.693-1.673-6.205"
|
|
780
|
+
}),
|
|
781
|
+
/* @__PURE__ */ k("g", {}),
|
|
782
|
+
/* @__PURE__ */ k("path", {
|
|
783
|
+
fill: "#FFFFFF",
|
|
784
|
+
d: "M33.053,130.042l-5.424-13.217l-5.393,13.217 M152.543,124.779c-1.089,0.661-2.377,0.683-3.92,0.683h-9.627\n v-7.364h9.758c1.381,0,2.822,0.062,3.758,0.598c1.028,0.483,1.664,1.511,1.664,2.931\n C154.176,123.076,153.571,124.242,152.543,124.779z M221.221,130.042l-5.484-13.217l-5.454,13.217H221.221z M93.201,144.348h-8.124\n l-0.03-25.966l-11.491,25.966h-6.958l-11.521-25.989v25.989H38.959l-3.045-7.395h-16.5l-3.076,7.395H7.731l14.191-33.154h11.774\n l13.478,31.39v-31.39h12.934l10.371,22.491l9.527-22.491h13.194V144.348z M125.58,144.348H99.107v-33.154h26.473v6.904h-18.548\n v5.976h18.103v6.796h-18.103v6.621h18.548V144.348z M162.906,120.123c0,5.286-3.528,8.017-5.584,8.837\n c1.734,0.66,3.215,1.826,3.92,2.792c1.119,1.649,1.312,3.122,1.312,6.083v6.513h-7.993l-0.03-4.181c0-1.995,0.191-4.864-1.251-6.459\n c-1.158-1.166-2.923-1.419-5.776-1.419h-8.507v12.059h-7.924v-33.154h18.227c4.05,0,7.034,0.107,9.596,1.588\n C161.403,114.263,162.906,116.425,162.906,120.123z M175.588,144.348h-8.086v-33.154h8.086V144.348z M269.396,144.348h-11.23\n l-15.021-24.884v24.884h-16.139l-3.084-7.395H207.46l-2.992,7.395h-9.273c-3.852,0-8.729-0.852-11.491-3.667\n c-2.785-2.815-4.234-6.628-4.234-12.657c0-4.917,0.866-9.412,4.272-12.964c2.562-2.646,6.574-3.866,12.035-3.866h7.672v7.104h-7.511\n c-2.892,0-4.525,0.43-6.098,1.964c-1.351,1.396-2.278,4.035-2.278,7.51c0,3.552,0.706,6.113,2.179,7.786\n c1.22,1.312,3.437,1.71,5.523,1.71h3.559l11.169-26.073h11.874l13.417,31.359v-31.359h12.066l13.93,23.09v-23.09h8.117V144.348z\n M7.639,150.86h13.54l3.053-7.364h6.835l3.045,7.364h26.641v-5.63l2.378,5.654h13.83l2.378-5.738v5.714h66.208l-0.031-12.088h1.281\n c0.897,0.031,1.159,0.114,1.159,1.595v10.493h34.243v-2.814c2.762,1.48,7.058,2.814,12.711,2.814h14.406l3.083-7.364h6.835\n l3.015,7.364h27.761v-6.995l4.204,6.995h22.246v-46.24h-22.016v5.461l-3.083-5.461H228.77v5.461l-2.831-5.461h-30.515\n c-5.108,0-9.598,0.713-13.225,2.7v-2.7h-21.058v2.7c-2.308-2.048-5.453-2.7-8.95-2.7H75.258l-5.162,11.943l-5.301-11.943H40.563\n v5.461l-2.662-5.461H17.235l-9.597,21.985V150.86z"
|
|
785
|
+
}),
|
|
786
|
+
/* @__PURE__ */ k("path", {
|
|
787
|
+
fill: "#FFFFFF",
|
|
788
|
+
d: "M289.584,175.315h-14.443c-1.442,0-2.4,0.054-3.207,0.599c-0.836,0.537-1.158,1.334-1.158,2.386\n c0,1.251,0.706,2.102,1.733,2.47c0.836,0.291,1.734,0.376,3.054,0.376l4.295,0.115c4.334,0.107,7.227,0.852,8.991,2.669\n c0.321,0.253,0.514,0.537,0.735,0.821 M289.584,197.178c-1.925,2.815-5.676,4.242-10.754,4.242h-15.304v-7.111h15.242\n c1.512,0,2.57-0.199,3.207-0.821c0.552-0.513,0.937-1.258,0.937-2.163c0-0.966-0.385-1.733-0.968-2.193\n c-0.575-0.506-1.412-0.736-2.792-0.736c-7.441-0.253-16.724,0.23-16.724-10.264c0-4.81,3.054-9.873,11.37-9.873h15.785v-6.598\n h-14.666c-4.426,0-7.641,1.06-9.918,2.708v-2.708h-21.693c-3.469,0-7.541,0.86-9.467,2.708v-2.708h-38.738v2.708\n c-3.083-2.224-8.285-2.708-10.686-2.708h-25.552v2.708c-2.439-2.362-7.863-2.708-11.169-2.708h-28.597l-6.544,7.082l-6.129-7.082\n H63.706v46.272h41.914l6.743-7.194l6.352,7.194l25.836,0.023v-10.885h2.54c3.428,0.053,7.471-0.085,11.038-1.627v12.488h21.31\n v-12.06h1.028c1.312,0,1.441,0.054,1.441,1.365v10.694h64.736c4.11,0,8.406-1.052,10.785-2.961v2.961h20.534\n c4.273,0,8.446-0.599,11.621-2.133V197.178z M257.973,183.93c1.543,1.597,2.37,3.613,2.37,7.026c0,7.134-4.457,10.464-12.449,10.464\n h-15.435v-7.111h15.373c1.503,0,2.569-0.199,3.237-0.821c0.545-0.513,0.936-1.258,0.936-2.163c0-0.966-0.423-1.733-0.967-2.193\n c-0.606-0.506-1.442-0.736-2.822-0.736c-7.411-0.253-16.692,0.23-16.692-10.264c0-4.81,3.022-9.873,11.33-9.873h15.887v7.058\n h-14.537c-1.441,0-2.378,0.054-3.175,0.599c-0.868,0.537-1.19,1.334-1.19,2.386c0,1.251,0.737,2.102,1.734,2.47\n c0.836,0.291,1.734,0.376,3.084,0.376l4.266,0.115C253.225,181.368,256.178,182.112,257.973,183.93z M186.465,181.882\n c-1.06,0.629-2.371,0.683-3.913,0.683h-9.627v-7.448h9.758c1.411,0,2.823,0.03,3.782,0.599c1.027,0.537,1.641,1.564,1.641,2.983\n S187.492,181.261,186.465,181.882z M191.251,186.009c1.764,0.651,3.206,1.818,3.882,2.784c1.119,1.619,1.281,3.13,1.313,6.053v6.574\n h-7.956v-4.149c0-1.995,0.192-4.949-1.281-6.491c-1.158-1.188-2.923-1.472-5.814-1.472h-8.469v12.112h-7.963v-33.162h18.296\n c4.012,0,6.934,0.177,9.535,1.565c2.501,1.511,4.074,3.581,4.074,7.364C196.867,182.48,193.337,185.181,191.251,186.009z\n M201.262,168.258h26.449v6.858h-18.557v6.029h18.104v6.766h-18.104v6.598l18.557,0.03v6.881h-26.449V168.258z M147.795,183.562\n h-10.241v-8.445h10.333c2.861,0,4.847,1.166,4.847,4.066C152.734,182.051,150.84,183.562,147.795,183.562z M129.661,198.404\n l-12.167-13.508l12.167-13.079V198.404z M98.24,194.509H78.756v-6.598h17.398v-6.766H78.756v-6.029h19.868l8.668,9.664\n L98.24,194.509z M161.242,179.183c0,9.212-6.873,11.114-13.8,11.114h-9.888v11.123h-15.403l-9.758-10.978l-10.141,10.978h-31.39\n v-33.162h31.873l9.75,10.87l10.08-10.87h25.322C154.176,168.258,161.242,169.999,161.242,179.183z"
|
|
789
|
+
})
|
|
790
|
+
]
|
|
791
|
+
});
|
|
792
|
+
}
|
|
793
|
+
function dt({ brand: e, fallback: t, className: n }) {
|
|
794
|
+
let r = st(e);
|
|
795
|
+
return /* @__PURE__ */ k("span", {
|
|
796
|
+
"aria-hidden": !0,
|
|
797
|
+
className: j("grid h-7 w-11 shrink-0 place-items-center overflow-hidden rounded-md", r ? "bg-white" : "bg-muted text-[10px] font-semibold tracking-wide text-muted-foreground uppercase", n),
|
|
798
|
+
children: r === "visa" ? /* @__PURE__ */ k(ct, {}) : r === "mastercard" ? /* @__PURE__ */ k(lt, {}) : r === "amex" ? /* @__PURE__ */ k(ut, {}) : t
|
|
799
|
+
});
|
|
800
|
+
}
|
|
801
|
+
//#endregion
|
|
802
|
+
//#region src/components/ui/alert-dialog.tsx
|
|
803
|
+
function ft({ ...e }) {
|
|
804
|
+
return /* @__PURE__ */ k(P.Root, {
|
|
805
|
+
"data-slot": "alert-dialog",
|
|
806
|
+
...e
|
|
807
|
+
});
|
|
808
|
+
}
|
|
809
|
+
function pt({ ...e }) {
|
|
810
|
+
return /* @__PURE__ */ k(P.Portal, {
|
|
811
|
+
"data-slot": "alert-dialog-portal",
|
|
812
|
+
...e
|
|
813
|
+
});
|
|
814
|
+
}
|
|
815
|
+
function mt({ className: e, ...t }) {
|
|
816
|
+
return /* @__PURE__ */ k(P.Backdrop, {
|
|
817
|
+
"data-slot": "alert-dialog-overlay",
|
|
818
|
+
className: j("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", e),
|
|
819
|
+
...t
|
|
820
|
+
});
|
|
821
|
+
}
|
|
822
|
+
function ht({ className: e, size: t = "default", ...n }) {
|
|
823
|
+
return /* @__PURE__ */ A(pt, { children: [/* @__PURE__ */ k(mt, {}), /* @__PURE__ */ k(P.Popup, {
|
|
824
|
+
"data-slot": "alert-dialog-content",
|
|
825
|
+
"data-size": t,
|
|
826
|
+
className: j("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", e),
|
|
827
|
+
...n
|
|
828
|
+
})] });
|
|
829
|
+
}
|
|
830
|
+
function gt({ className: e, ...t }) {
|
|
831
|
+
return /* @__PURE__ */ k("div", {
|
|
832
|
+
"data-slot": "alert-dialog-header",
|
|
833
|
+
className: j("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", e),
|
|
834
|
+
...t
|
|
835
|
+
});
|
|
836
|
+
}
|
|
837
|
+
function _t({ className: e, ...t }) {
|
|
838
|
+
return /* @__PURE__ */ k("div", {
|
|
839
|
+
"data-slot": "alert-dialog-footer",
|
|
840
|
+
className: j("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", e),
|
|
841
|
+
...t
|
|
842
|
+
});
|
|
843
|
+
}
|
|
844
|
+
function vt({ className: e, ...t }) {
|
|
845
|
+
return /* @__PURE__ */ k(P.Title, {
|
|
846
|
+
"data-slot": "alert-dialog-title",
|
|
847
|
+
className: j("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", e),
|
|
848
|
+
...t
|
|
849
|
+
});
|
|
850
|
+
}
|
|
851
|
+
function yt({ className: e, ...t }) {
|
|
852
|
+
return /* @__PURE__ */ k(P.Description, {
|
|
853
|
+
"data-slot": "alert-dialog-description",
|
|
854
|
+
className: j("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", e),
|
|
855
|
+
...t
|
|
856
|
+
});
|
|
857
|
+
}
|
|
858
|
+
function bt({ className: e, variant: t = "outline", size: n = "default", ...r }) {
|
|
859
|
+
return /* @__PURE__ */ k(P.Close, {
|
|
860
|
+
"data-slot": "alert-dialog-cancel",
|
|
861
|
+
className: j(e),
|
|
862
|
+
render: /* @__PURE__ */ k(q, {
|
|
863
|
+
variant: t,
|
|
864
|
+
size: n
|
|
865
|
+
}),
|
|
866
|
+
...r
|
|
867
|
+
});
|
|
868
|
+
}
|
|
869
|
+
//#endregion
|
|
870
|
+
//#region src/components/ui/dialog.tsx
|
|
871
|
+
function xt({ ...e }) {
|
|
872
|
+
return /* @__PURE__ */ k(F.Root, {
|
|
873
|
+
"data-slot": "dialog",
|
|
874
|
+
...e
|
|
875
|
+
});
|
|
876
|
+
}
|
|
877
|
+
function St({ ...e }) {
|
|
878
|
+
return /* @__PURE__ */ k(F.Portal, {
|
|
879
|
+
"data-slot": "dialog-portal",
|
|
880
|
+
...e
|
|
881
|
+
});
|
|
882
|
+
}
|
|
883
|
+
function Ct({ className: e, ...t }) {
|
|
884
|
+
return /* @__PURE__ */ k(F.Backdrop, {
|
|
885
|
+
"data-slot": "dialog-overlay",
|
|
886
|
+
className: j("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", e),
|
|
887
|
+
...t
|
|
888
|
+
});
|
|
889
|
+
}
|
|
890
|
+
function wt({ className: e, children: t, showCloseButton: n = !0, ...r }) {
|
|
891
|
+
return /* @__PURE__ */ A(St, { children: [/* @__PURE__ */ k(Ct, {}), /* @__PURE__ */ A(F.Popup, {
|
|
892
|
+
"data-slot": "dialog-content",
|
|
893
|
+
className: j("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", e),
|
|
894
|
+
...r,
|
|
895
|
+
children: [t, n && /* @__PURE__ */ A(F.Close, {
|
|
896
|
+
"data-slot": "dialog-close",
|
|
897
|
+
render: /* @__PURE__ */ k(q, {
|
|
898
|
+
variant: "ghost",
|
|
899
|
+
className: "absolute top-4 right-4",
|
|
900
|
+
size: "icon-sm"
|
|
901
|
+
}),
|
|
902
|
+
children: [/* @__PURE__ */ k(N, {
|
|
903
|
+
icon: se,
|
|
904
|
+
strokeWidth: 2
|
|
905
|
+
}), /* @__PURE__ */ k("span", {
|
|
906
|
+
className: "sr-only",
|
|
907
|
+
children: "Close"
|
|
908
|
+
})]
|
|
909
|
+
})]
|
|
910
|
+
})] });
|
|
911
|
+
}
|
|
912
|
+
function Tt({ className: e, ...t }) {
|
|
913
|
+
return /* @__PURE__ */ k("div", {
|
|
914
|
+
"data-slot": "dialog-header",
|
|
915
|
+
className: j("flex flex-col gap-2", e),
|
|
916
|
+
...t
|
|
917
|
+
});
|
|
918
|
+
}
|
|
919
|
+
function Et({ className: e, showCloseButton: t = !1, children: n, ...r }) {
|
|
920
|
+
return /* @__PURE__ */ A("div", {
|
|
921
|
+
"data-slot": "dialog-footer",
|
|
922
|
+
className: j("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", e),
|
|
923
|
+
...r,
|
|
924
|
+
children: [n, t && /* @__PURE__ */ k(F.Close, {
|
|
925
|
+
render: /* @__PURE__ */ k(q, { variant: "outline" }),
|
|
926
|
+
children: "Close"
|
|
927
|
+
})]
|
|
928
|
+
});
|
|
929
|
+
}
|
|
930
|
+
function Dt({ className: e, ...t }) {
|
|
931
|
+
return /* @__PURE__ */ k(F.Title, {
|
|
932
|
+
"data-slot": "dialog-title",
|
|
933
|
+
className: j("leading-none font-medium", e),
|
|
934
|
+
...t
|
|
935
|
+
});
|
|
936
|
+
}
|
|
937
|
+
function Ot({ className: e, ...t }) {
|
|
938
|
+
return /* @__PURE__ */ k(F.Description, {
|
|
939
|
+
"data-slot": "dialog-description",
|
|
940
|
+
className: j("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", e),
|
|
941
|
+
...t
|
|
942
|
+
});
|
|
943
|
+
}
|
|
944
|
+
//#endregion
|
|
945
|
+
//#region src/components/ui/spinner.tsx
|
|
946
|
+
function X({ className: e, ...t }) {
|
|
947
|
+
let { t: n } = H();
|
|
948
|
+
return /* @__PURE__ */ k(N, {
|
|
949
|
+
icon: le,
|
|
950
|
+
strokeWidth: 2,
|
|
951
|
+
"data-slot": "spinner",
|
|
952
|
+
role: "status",
|
|
953
|
+
"aria-label": n("common.loading"),
|
|
954
|
+
className: j("size-4 animate-spin", e),
|
|
955
|
+
...t
|
|
956
|
+
});
|
|
957
|
+
}
|
|
958
|
+
//#endregion
|
|
959
|
+
//#region src/psp.ts
|
|
960
|
+
var kt = I.object({
|
|
961
|
+
psp_id: I.string().min(1),
|
|
962
|
+
key: I.string().min(1),
|
|
963
|
+
rail: I.string(),
|
|
964
|
+
custodian: I.string(),
|
|
965
|
+
display_name: I.string(),
|
|
966
|
+
flow: I.string(),
|
|
967
|
+
config: I.record(I.string(), I.string()).nullish(),
|
|
968
|
+
checkout: I.boolean().nullish()
|
|
969
|
+
}), At = /* @__PURE__ */ new Set([
|
|
970
|
+
"collect_js",
|
|
971
|
+
"card",
|
|
972
|
+
"stripe_elements",
|
|
973
|
+
"redirect",
|
|
974
|
+
"solana_pay"
|
|
975
|
+
]);
|
|
976
|
+
function jt(e) {
|
|
977
|
+
return e.flatMap((e) => !e.driver || !At.has(e.driver) ? [] : [{
|
|
978
|
+
id: e.psp_id,
|
|
979
|
+
rail: e.rail,
|
|
980
|
+
mode: e.mode === "subscription" ? "subscription" : "one_off",
|
|
981
|
+
driver: e.driver,
|
|
982
|
+
psp_key: e.selector,
|
|
983
|
+
...e.public_config ? { public_config: e.public_config } : {}
|
|
984
|
+
}]);
|
|
985
|
+
}
|
|
986
|
+
var Mt = /* @__PURE__ */ new Set([
|
|
987
|
+
"collect_js",
|
|
988
|
+
"card",
|
|
989
|
+
"stripe_elements"
|
|
990
|
+
]), Z = (e) => Mt.has(e.driver), Nt = (e) => e.filter((e) => e.checkout !== !1);
|
|
991
|
+
function Pt(e, t) {
|
|
992
|
+
return [...e].sort((e, t) => Number(!!t.default) - Number(!!e.default) || (t.created_at ?? "").localeCompare(e.created_at ?? "")).flatMap((e) => {
|
|
993
|
+
let n = t.find((t) => t.id === e.psp_id && Z(t));
|
|
994
|
+
return !n || e.health?.active === !1 ? [] : [{
|
|
995
|
+
id: e.id,
|
|
996
|
+
option_id: n.id,
|
|
997
|
+
rail: n.rail,
|
|
998
|
+
brand: e.card?.brand ?? void 0,
|
|
999
|
+
last_four: e.card?.last4 ?? void 0,
|
|
1000
|
+
exp_month: e.card?.exp_month ?? void 0,
|
|
1001
|
+
exp_year: e.card?.exp_year ?? void 0,
|
|
1002
|
+
default: e.default ?? void 0
|
|
1003
|
+
}];
|
|
1004
|
+
});
|
|
1005
|
+
}
|
|
1006
|
+
var Ft = (e) => !!e && !e.startsWith("preview_"), It = (e) => e.rail === "stripe" && !!e.config?.publishable_key?.startsWith("pk_");
|
|
1007
|
+
function Lt(e) {
|
|
1008
|
+
return e.custodian === "psp" ? e.flow === "card" && e.rail === "nmi" ? "card" : e.flow === "tokenize" && Ft(e.config?.tokenization_key) && e.config?.tokenization_url ? "collect_js" : It(e) ? "stripe_elements" : null : null;
|
|
1009
|
+
}
|
|
1010
|
+
var Rt = (e) => Lt(e) !== null, zt = (e) => Lt(e) === "stripe_elements";
|
|
1011
|
+
function Bt(e) {
|
|
1012
|
+
return {
|
|
1013
|
+
psp_id: e.id,
|
|
1014
|
+
key: e.psp_key ?? e.rail,
|
|
1015
|
+
rail: e.rail,
|
|
1016
|
+
custodian: "psp",
|
|
1017
|
+
display_name: "",
|
|
1018
|
+
flow: e.driver === "stripe_elements" ? "elements" : e.driver === "card" ? "card" : "tokenize",
|
|
1019
|
+
config: e.public_config ?? null
|
|
1020
|
+
};
|
|
1021
|
+
}
|
|
1022
|
+
//#endregion
|
|
1023
|
+
//#region src/components/ui/input.tsx
|
|
1024
|
+
function Vt({ className: e, type: t, ...n }) {
|
|
1025
|
+
return /* @__PURE__ */ k(L, {
|
|
1026
|
+
type: t,
|
|
1027
|
+
"data-slot": "input",
|
|
1028
|
+
className: j("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", e),
|
|
1029
|
+
...n
|
|
1030
|
+
});
|
|
1031
|
+
}
|
|
1032
|
+
//#endregion
|
|
1033
|
+
//#region src/components/ui/label.tsx
|
|
1034
|
+
function Q({ className: e, ...t }) {
|
|
1035
|
+
return /* @__PURE__ */ k("label", {
|
|
1036
|
+
"data-slot": "label",
|
|
1037
|
+
className: j("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", e),
|
|
1038
|
+
...t
|
|
1039
|
+
});
|
|
1040
|
+
}
|
|
1041
|
+
//#endregion
|
|
1042
|
+
//#region src/lib/billing.ts
|
|
1043
|
+
var Ht = "AD AE AF AG AI AL AM AO AQ AR AS AT AU AW AX AZ BA BB BD BE BF BG BH BI BJ BL BM BN BO BQ BR BS BT BV BW BY BZ CA CC CD CF CG CH CI CK CL CM CN CO CR CU CV CW CX CY CZ DE DJ DK DM DO DZ EC EE EG EH ER ES ET FI FJ FK FM FO FR GA GB GD GE GF GG GH GI GL GM GN GP GQ GR GS GT GU GW GY HK HM HN HR HT HU ID IE IL IM IN IO IQ IR IS IT JE JM JO JP KE KG KH KI KM KN KP KR KW KY KZ LA LB LC LI LK LR LS LT LU LV LY MA MC MD ME MF MG MH MK ML MM MN MO MP MQ MR MS MT MU MV MW MX MY MZ NA NC NE NF NG NI NL NO NP NR NU NZ OM PA PE PF PG PH PK PL PM PN PR PS PT PW PY QA RE RO RS RU RW SA SB SC SD SE SG SH SI SJ SK SL SM SN SO SR SS ST SV SX SY SZ TC TD TF TG TH TJ TK TL TM TN TO TR TT TV TW TZ UA UG UM US UY UZ VA VC VE VG VI VN VU WF WS YE YT ZA ZM ZW".split(" "), Ut = /* @__PURE__ */ new Set(/* @__PURE__ */ "AE.AG.AO.AQ.AW.BF.BI.BJ.BO.BQ.BS.BV.BW.BZ.CF.CG.CI.CK.CM.CW.DM.ER.FJ.GA.GD.GM.GQ.JM.KM.KP.LY.ML.MR.QA.RW.SB.SC.SL.SO.SR.SS.ST.SX.SY.TD.TG.TK.TO.TV.UM.VU.YE.ZW".split(".")), Wt = {
|
|
1044
|
+
AR: "C1000",
|
|
1045
|
+
BR: "01000-000",
|
|
1046
|
+
CA: "A1A 1A1",
|
|
1047
|
+
CL: "8320000",
|
|
1048
|
+
CN: "100000",
|
|
1049
|
+
CO: "110111",
|
|
1050
|
+
DE: "10115",
|
|
1051
|
+
ES: "28001",
|
|
1052
|
+
JP: "100-0001",
|
|
1053
|
+
KR: "04524",
|
|
1054
|
+
MX: "01000",
|
|
1055
|
+
PE: "15001",
|
|
1056
|
+
US: "12345"
|
|
1057
|
+
}, Gt = new Intl.DisplayNames(["en"], { type: "region" }), Kt = Ht.map((e) => ({
|
|
1058
|
+
code: e,
|
|
1059
|
+
name: Gt.of(e) ?? e
|
|
1060
|
+
})).sort((e, t) => e.name.localeCompare(t.name)), qt = I.string().trim().min(1, "Name on card is required").max(200, "Name on card is too long"), Jt = I.string().trim().regex(/^[A-Za-z]{2}$/, "Select a country").transform((e) => e.toUpperCase());
|
|
1061
|
+
function Yt(e) {
|
|
1062
|
+
let t = e.trim().toUpperCase();
|
|
1063
|
+
return t === "" || !Ut.has(t);
|
|
1064
|
+
}
|
|
1065
|
+
function Xt(e, t) {
|
|
1066
|
+
let n = e.trim().toUpperCase(), r = n === "US" ? "ZIP code" : n === "GB" || n === "AU" || n === "NZ" ? "Postcode" : "Postal code";
|
|
1067
|
+
return {
|
|
1068
|
+
label: t ? r : `${r} (optional)`,
|
|
1069
|
+
placeholder: Wt[n] ?? r,
|
|
1070
|
+
inputMode: n === "US" ? "numeric" : "text",
|
|
1071
|
+
pattern: n === "US" ? "[0-9]{5}(?:-[0-9]{4})?" : void 0
|
|
1072
|
+
};
|
|
1073
|
+
}
|
|
1074
|
+
var Zt = I.object({
|
|
1075
|
+
name_on_card: qt,
|
|
1076
|
+
country: Jt,
|
|
1077
|
+
zip: I.string().trim().max(32, "Postal code is too long")
|
|
1078
|
+
}).superRefine((e, t) => {
|
|
1079
|
+
Yt(e.country) && !e.zip && t.addIssue({
|
|
1080
|
+
code: "custom",
|
|
1081
|
+
message: `${Xt(e.country, !0).label} is required`,
|
|
1082
|
+
path: ["zip"]
|
|
1083
|
+
}), e.country === "US" && e.zip && !/^\d{5}(?:-\d{4})?$/.test(e.zip) && t.addIssue({
|
|
1084
|
+
code: "custom",
|
|
1085
|
+
message: "Enter a valid ZIP code",
|
|
1086
|
+
path: ["zip"]
|
|
1087
|
+
});
|
|
1088
|
+
}), Qt = {
|
|
1089
|
+
name_on_card: "",
|
|
1090
|
+
country: "",
|
|
1091
|
+
zip: ""
|
|
1092
|
+
};
|
|
1093
|
+
function $t() {
|
|
1094
|
+
try {
|
|
1095
|
+
if (typeof navigator > "u" || !navigator.language) return "";
|
|
1096
|
+
let e = new Intl.Locale(navigator.language).maximize().region;
|
|
1097
|
+
return e && /^[A-Z]{2}$/.test(e) ? e : "";
|
|
1098
|
+
} catch {
|
|
1099
|
+
return "";
|
|
1100
|
+
}
|
|
1101
|
+
}
|
|
1102
|
+
function en(e) {
|
|
1103
|
+
let t = e?.trim().toUpperCase() ?? "";
|
|
1104
|
+
if (Kt.some((e) => e.code === t)) return t;
|
|
1105
|
+
let n = $t();
|
|
1106
|
+
return Kt.some((e) => e.code === n) ? n : "";
|
|
1107
|
+
}
|
|
1108
|
+
//#endregion
|
|
1109
|
+
//#region src/components/billing-fields.tsx
|
|
1110
|
+
var tn = "text-[13px] font-medium text-foreground", nn = "h-[38px] rounded-[9px] border border-input bg-card text-sm text-foreground", rn = `${nn} px-2.5`;
|
|
1111
|
+
function an({ id: e, name: t, label: n, value: r, onChange: i, autoComplete: a, placeholder: o, disabled: s, maxLength: c, required: l, type: u, inputMode: d, pattern: f }) {
|
|
1112
|
+
return /* @__PURE__ */ A("div", {
|
|
1113
|
+
className: "grid gap-1.5",
|
|
1114
|
+
children: [/* @__PURE__ */ k(Q, {
|
|
1115
|
+
htmlFor: e,
|
|
1116
|
+
className: tn,
|
|
1117
|
+
children: n
|
|
1118
|
+
}), /* @__PURE__ */ k(Vt, {
|
|
1119
|
+
id: e,
|
|
1120
|
+
name: t,
|
|
1121
|
+
type: u,
|
|
1122
|
+
className: rn,
|
|
1123
|
+
value: r,
|
|
1124
|
+
autoComplete: a,
|
|
1125
|
+
placeholder: o,
|
|
1126
|
+
disabled: s,
|
|
1127
|
+
maxLength: c,
|
|
1128
|
+
required: l,
|
|
1129
|
+
inputMode: d,
|
|
1130
|
+
pattern: f,
|
|
1131
|
+
onChange: (e) => i(e.target.value)
|
|
1132
|
+
})]
|
|
1133
|
+
});
|
|
1134
|
+
}
|
|
1135
|
+
function on({ id: e, value: t, onChange: n, disabled: r }) {
|
|
1136
|
+
return /* @__PURE__ */ A("div", {
|
|
1137
|
+
className: "grid gap-1.5",
|
|
1138
|
+
children: [/* @__PURE__ */ k(Q, {
|
|
1139
|
+
htmlFor: e,
|
|
1140
|
+
className: tn,
|
|
1141
|
+
children: "Country"
|
|
1142
|
+
}), /* @__PURE__ */ A("select", {
|
|
1143
|
+
id: e,
|
|
1144
|
+
name: "country",
|
|
1145
|
+
className: `${nn} w-full px-2.5`,
|
|
1146
|
+
value: t,
|
|
1147
|
+
autoComplete: "billing country",
|
|
1148
|
+
disabled: r,
|
|
1149
|
+
required: !0,
|
|
1150
|
+
onChange: (e) => n(e.target.value),
|
|
1151
|
+
children: [/* @__PURE__ */ k("option", {
|
|
1152
|
+
value: "",
|
|
1153
|
+
children: "Select country"
|
|
1154
|
+
}), Kt.map((e) => /* @__PURE__ */ k("option", {
|
|
1155
|
+
value: e.code,
|
|
1156
|
+
children: e.name
|
|
1157
|
+
}, e.code))]
|
|
1158
|
+
})]
|
|
1159
|
+
});
|
|
1160
|
+
}
|
|
1161
|
+
function sn({ id: e, value: t, country: n, onChange: r, disabled: i, required: a, error: o }) {
|
|
1162
|
+
let s = Xt(n, a);
|
|
1163
|
+
return /* @__PURE__ */ A("div", {
|
|
1164
|
+
className: "grid gap-1.5",
|
|
1165
|
+
children: [/* @__PURE__ */ k(an, {
|
|
1166
|
+
id: e,
|
|
1167
|
+
name: "zip",
|
|
1168
|
+
label: s.label,
|
|
1169
|
+
value: t,
|
|
1170
|
+
onChange: r,
|
|
1171
|
+
autoComplete: "billing postal-code",
|
|
1172
|
+
placeholder: s.placeholder,
|
|
1173
|
+
disabled: i,
|
|
1174
|
+
maxLength: 32,
|
|
1175
|
+
required: a,
|
|
1176
|
+
inputMode: s.inputMode,
|
|
1177
|
+
pattern: s.pattern
|
|
1178
|
+
}), o ? /* @__PURE__ */ k("p", {
|
|
1179
|
+
className: "text-[12.5px] text-destructive",
|
|
1180
|
+
role: "alert",
|
|
1181
|
+
children: o
|
|
1182
|
+
}) : null]
|
|
1183
|
+
});
|
|
1184
|
+
}
|
|
1185
|
+
function cn({ idPrefix: e, value: t, onChange: n, disabled: r, postalError: i }) {
|
|
1186
|
+
let a = (e) => (r) => n({
|
|
1187
|
+
...t,
|
|
1188
|
+
[e]: r
|
|
1189
|
+
}), o = Yt(t.country);
|
|
1190
|
+
return /* @__PURE__ */ A("div", {
|
|
1191
|
+
className: "grid gap-3",
|
|
1192
|
+
children: [/* @__PURE__ */ k(an, {
|
|
1193
|
+
id: `${e}-name-on-card`,
|
|
1194
|
+
name: "name_on_card",
|
|
1195
|
+
label: "Name on card",
|
|
1196
|
+
value: t.name_on_card,
|
|
1197
|
+
onChange: a("name_on_card"),
|
|
1198
|
+
autoComplete: "cc-name",
|
|
1199
|
+
placeholder: "Name as shown on card",
|
|
1200
|
+
disabled: r,
|
|
1201
|
+
maxLength: 200,
|
|
1202
|
+
required: !0
|
|
1203
|
+
}), /* @__PURE__ */ A("div", {
|
|
1204
|
+
className: "grid grid-cols-2 gap-3",
|
|
1205
|
+
children: [/* @__PURE__ */ k(on, {
|
|
1206
|
+
id: `${e}-country`,
|
|
1207
|
+
value: t.country,
|
|
1208
|
+
onChange: a("country"),
|
|
1209
|
+
disabled: r
|
|
1210
|
+
}), /* @__PURE__ */ k(sn, {
|
|
1211
|
+
id: `${e}-postal-code`,
|
|
1212
|
+
value: t.zip,
|
|
1213
|
+
country: t.country,
|
|
1214
|
+
onChange: a("zip"),
|
|
1215
|
+
disabled: r,
|
|
1216
|
+
required: o,
|
|
1217
|
+
error: i
|
|
1218
|
+
})]
|
|
1219
|
+
})]
|
|
1220
|
+
});
|
|
1221
|
+
}
|
|
1222
|
+
//#endregion
|
|
1223
|
+
//#region src/components/card-fields.tsx
|
|
1224
|
+
function ln({ id: e, message: t }) {
|
|
1225
|
+
return t ? /* @__PURE__ */ k("p", {
|
|
1226
|
+
id: e,
|
|
1227
|
+
className: "text-[12.5px] text-destructive",
|
|
1228
|
+
role: "alert",
|
|
1229
|
+
children: t
|
|
1230
|
+
}) : null;
|
|
1231
|
+
}
|
|
1232
|
+
var un = "orck-collect-field h-[38px] overflow-hidden rounded-[9px] border border-[color:var(--border)] bg-card px-[3px]", dn = "flex h-[38px] items-center rounded-[9px] border border-[color:var(--border)] bg-card px-[11px] text-sm text-[color:var(--orck-faint)] tabular-nums";
|
|
1233
|
+
function fn({ ids: e, preview: t, error: n, fieldErrors: r = {}, hidden: i }) {
|
|
1234
|
+
return /* @__PURE__ */ A("div", {
|
|
1235
|
+
className: j("grid gap-3", i && "hidden"),
|
|
1236
|
+
"aria-hidden": i || void 0,
|
|
1237
|
+
children: [
|
|
1238
|
+
/* @__PURE__ */ A("div", {
|
|
1239
|
+
className: "grid gap-1.5",
|
|
1240
|
+
children: [
|
|
1241
|
+
/* @__PURE__ */ k(Q, {
|
|
1242
|
+
htmlFor: e.number,
|
|
1243
|
+
className: "text-[13px] font-medium text-foreground",
|
|
1244
|
+
children: "Card number"
|
|
1245
|
+
}),
|
|
1246
|
+
t ? /* @__PURE__ */ k("div", {
|
|
1247
|
+
id: e.number,
|
|
1248
|
+
className: dn,
|
|
1249
|
+
children: "1234 1234 1234 1234"
|
|
1250
|
+
}) : /* @__PURE__ */ k("div", {
|
|
1251
|
+
id: e.number,
|
|
1252
|
+
className: j(un, r.number && "border-destructive")
|
|
1253
|
+
}),
|
|
1254
|
+
/* @__PURE__ */ k(ln, {
|
|
1255
|
+
id: `${e.number}-error`,
|
|
1256
|
+
message: r.number
|
|
1257
|
+
})
|
|
1258
|
+
]
|
|
1259
|
+
}),
|
|
1260
|
+
/* @__PURE__ */ A("div", {
|
|
1261
|
+
className: "grid grid-cols-2 gap-3",
|
|
1262
|
+
children: [/* @__PURE__ */ A("div", {
|
|
1263
|
+
className: "grid gap-1.5",
|
|
1264
|
+
children: [
|
|
1265
|
+
/* @__PURE__ */ k(Q, {
|
|
1266
|
+
htmlFor: e.expiry,
|
|
1267
|
+
className: "text-[13px] font-medium text-foreground",
|
|
1268
|
+
children: "Expiry"
|
|
1269
|
+
}),
|
|
1270
|
+
t ? /* @__PURE__ */ k("div", {
|
|
1271
|
+
id: e.expiry,
|
|
1272
|
+
className: dn,
|
|
1273
|
+
children: "MM / YY"
|
|
1274
|
+
}) : /* @__PURE__ */ k("div", {
|
|
1275
|
+
id: e.expiry,
|
|
1276
|
+
className: j(un, r.expiry && "border-destructive")
|
|
1277
|
+
}),
|
|
1278
|
+
/* @__PURE__ */ k(ln, {
|
|
1279
|
+
id: `${e.expiry}-error`,
|
|
1280
|
+
message: r.expiry
|
|
1281
|
+
})
|
|
1282
|
+
]
|
|
1283
|
+
}), /* @__PURE__ */ A("div", {
|
|
1284
|
+
className: "grid gap-1.5",
|
|
1285
|
+
children: [
|
|
1286
|
+
/* @__PURE__ */ k(Q, {
|
|
1287
|
+
htmlFor: e.cvv,
|
|
1288
|
+
className: "text-[13px] font-medium text-foreground",
|
|
1289
|
+
children: "CVC"
|
|
1290
|
+
}),
|
|
1291
|
+
t ? /* @__PURE__ */ k("div", {
|
|
1292
|
+
id: e.cvv,
|
|
1293
|
+
className: dn,
|
|
1294
|
+
children: "CVC"
|
|
1295
|
+
}) : /* @__PURE__ */ k("div", {
|
|
1296
|
+
id: e.cvv,
|
|
1297
|
+
className: j(un, r.cvv && "border-destructive")
|
|
1298
|
+
}),
|
|
1299
|
+
/* @__PURE__ */ k(ln, {
|
|
1300
|
+
id: `${e.cvv}-error`,
|
|
1301
|
+
message: r.cvv
|
|
1302
|
+
})
|
|
1303
|
+
]
|
|
1304
|
+
})]
|
|
1305
|
+
}),
|
|
1306
|
+
n ? /* @__PURE__ */ k("p", {
|
|
1307
|
+
className: j("text-[13px] text-destructive"),
|
|
1308
|
+
role: "alert",
|
|
1309
|
+
children: n
|
|
1310
|
+
}) : null
|
|
1311
|
+
]
|
|
1312
|
+
});
|
|
1313
|
+
}
|
|
1314
|
+
var pn = "h-[38px] w-full min-w-0 rounded-[9px] border border-[color:var(--border)] bg-card px-[11px] text-sm text-foreground tabular-nums outline-none placeholder:text-[color:var(--orck-faint)] focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50";
|
|
1315
|
+
function mn({ ids: e, card: t, fieldErrors: n = {}, disabled: r, hidden: i }) {
|
|
1316
|
+
let a = {
|
|
1317
|
+
...t.fieldErrors,
|
|
1318
|
+
...n
|
|
1319
|
+
}, o = (e, n, i, a) => /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("input", {
|
|
1320
|
+
id: e,
|
|
1321
|
+
name: `card-${n}`,
|
|
1322
|
+
className: j(pn, i && "border-destructive"),
|
|
1323
|
+
value: t.input[n],
|
|
1324
|
+
onChange: (e) => t.change(n, e.target.value),
|
|
1325
|
+
onBlur: () => t.leave(n),
|
|
1326
|
+
inputMode: "numeric",
|
|
1327
|
+
spellCheck: !1,
|
|
1328
|
+
disabled: r,
|
|
1329
|
+
required: !0,
|
|
1330
|
+
"aria-invalid": i ? !0 : void 0,
|
|
1331
|
+
"aria-describedby": i ? `${e}-error` : void 0,
|
|
1332
|
+
...a
|
|
1333
|
+
}), /* @__PURE__ */ k(ln, {
|
|
1334
|
+
id: `${e}-error`,
|
|
1335
|
+
message: i
|
|
1336
|
+
})] });
|
|
1337
|
+
return /* @__PURE__ */ A("div", {
|
|
1338
|
+
className: j("grid gap-3", i && "hidden"),
|
|
1339
|
+
"aria-hidden": i || void 0,
|
|
1340
|
+
children: [/* @__PURE__ */ A("div", {
|
|
1341
|
+
className: "grid gap-1.5",
|
|
1342
|
+
children: [/* @__PURE__ */ k(Q, {
|
|
1343
|
+
htmlFor: e.number,
|
|
1344
|
+
className: "text-[13px] font-medium text-foreground",
|
|
1345
|
+
children: "Card number"
|
|
1346
|
+
}), o(e.number, "number", a.number, {
|
|
1347
|
+
autoComplete: "cc-number",
|
|
1348
|
+
placeholder: "1234 1234 1234 1234",
|
|
1349
|
+
maxLength: 23
|
|
1350
|
+
})]
|
|
1351
|
+
}), /* @__PURE__ */ A("div", {
|
|
1352
|
+
className: "grid grid-cols-2 gap-3",
|
|
1353
|
+
children: [/* @__PURE__ */ A("div", {
|
|
1354
|
+
className: "grid gap-1.5",
|
|
1355
|
+
children: [/* @__PURE__ */ k(Q, {
|
|
1356
|
+
htmlFor: e.expiry,
|
|
1357
|
+
className: "text-[13px] font-medium text-foreground",
|
|
1358
|
+
children: "Expiry"
|
|
1359
|
+
}), o(e.expiry, "expiry", a.expiry, {
|
|
1360
|
+
autoComplete: "cc-exp",
|
|
1361
|
+
placeholder: "MM / YY",
|
|
1362
|
+
maxLength: 7
|
|
1363
|
+
})]
|
|
1364
|
+
}), /* @__PURE__ */ A("div", {
|
|
1365
|
+
className: "grid gap-1.5",
|
|
1366
|
+
children: [/* @__PURE__ */ k(Q, {
|
|
1367
|
+
htmlFor: e.cvv,
|
|
1368
|
+
className: "text-[13px] font-medium text-foreground",
|
|
1369
|
+
children: "CVC"
|
|
1370
|
+
}), o(e.cvv, "cvc", a.cvv, {
|
|
1371
|
+
autoComplete: "cc-csc",
|
|
1372
|
+
placeholder: "CVC",
|
|
1373
|
+
maxLength: 4
|
|
1374
|
+
})]
|
|
1375
|
+
})]
|
|
1376
|
+
})]
|
|
1377
|
+
});
|
|
1378
|
+
}
|
|
1379
|
+
//#endregion
|
|
1380
|
+
//#region src/components/pay-button.tsx
|
|
1381
|
+
function hn({ label: e, processing: t, disabled: n }) {
|
|
1382
|
+
return /* @__PURE__ */ k(q, {
|
|
1383
|
+
type: "submit",
|
|
1384
|
+
className: j("h-[42px] w-full rounded-[10px] text-sm font-semibold tabular-nums", t && "opacity-75"),
|
|
1385
|
+
disabled: n || t,
|
|
1386
|
+
children: t ? /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("span", {
|
|
1387
|
+
"aria-hidden": !0,
|
|
1388
|
+
className: "size-3.5 animate-spin rounded-full border-2 border-[color:var(--primary-foreground)]/35 border-t-[color:var(--primary-foreground)] motion-reduce:animate-none"
|
|
1389
|
+
}), "Processing…"] }) : e
|
|
1390
|
+
});
|
|
1391
|
+
}
|
|
1392
|
+
function gn() {
|
|
1393
|
+
return /* @__PURE__ */ A("div", {
|
|
1394
|
+
className: "-mt-1 flex items-center justify-center gap-1.5 text-xs text-[color:var(--orck-faint)]",
|
|
1395
|
+
children: [/* @__PURE__ */ k("svg", {
|
|
1396
|
+
viewBox: "0 0 16 16",
|
|
1397
|
+
fill: "currentColor",
|
|
1398
|
+
"aria-hidden": !0,
|
|
1399
|
+
className: "size-[11px]",
|
|
1400
|
+
children: /* @__PURE__ */ k("path", { d: "M8 1a3.5 3.5 0 0 0-3.5 3.5V6H4a1.5 1.5 0 0 0-1.5 1.5v5A1.5 1.5 0 0 0 4 14h8a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 12 6h-.5V4.5A3.5 3.5 0 0 0 8 1Zm2 5H6V4.5a2 2 0 1 1 4 0V6Z" })
|
|
1401
|
+
}), "Secured by OpenRails"]
|
|
1402
|
+
});
|
|
1403
|
+
}
|
|
1404
|
+
//#endregion
|
|
1405
|
+
//#region src/lib/stripe.ts
|
|
1406
|
+
var _n = /* @__PURE__ */ new Map();
|
|
1407
|
+
function vn(e) {
|
|
1408
|
+
let t = _n.get(e);
|
|
1409
|
+
return t || (t = import("@stripe/stripe-js").then(({ loadStripe: t }) => t(e)).then((e) => {
|
|
1410
|
+
if (!e) throw Error("Stripe could not be loaded.");
|
|
1411
|
+
return e;
|
|
1412
|
+
}), t.catch(() => _n.delete(e)), _n.set(e, t)), t;
|
|
1413
|
+
}
|
|
1414
|
+
//#endregion
|
|
1415
|
+
//#region src/lib/collect.ts
|
|
1416
|
+
var yn = "openrails-collectjs", bn = 3e4, xn = /* @__PURE__ */ new WeakMap();
|
|
1417
|
+
function Sn(e) {
|
|
1418
|
+
try {
|
|
1419
|
+
let t = new URL(e);
|
|
1420
|
+
return t.protocol !== "https:" || t.username || t.password || t.hash ? void 0 : t.toString();
|
|
1421
|
+
} catch {
|
|
1422
|
+
return;
|
|
1423
|
+
}
|
|
1424
|
+
}
|
|
1425
|
+
function Cn(e) {
|
|
1426
|
+
if (!e) return "";
|
|
1427
|
+
let t = wn(e);
|
|
1428
|
+
if (t) return t;
|
|
1429
|
+
try {
|
|
1430
|
+
let t = document.createElement("canvas").getContext("2d");
|
|
1431
|
+
if (!t) return "";
|
|
1432
|
+
t.fillStyle = "#010203", t.fillStyle = e;
|
|
1433
|
+
let n = t.fillStyle;
|
|
1434
|
+
return n === "#010203" && e !== "#010203" || n.startsWith("oklch") ? "" : n;
|
|
1435
|
+
} catch {
|
|
1436
|
+
return "";
|
|
1437
|
+
}
|
|
1438
|
+
}
|
|
1439
|
+
function wn(e) {
|
|
1440
|
+
let t = /^oklch\(\s*([\d.]+%?)\s+([\d.]+)\s+([\d.]+)(?:deg)?\s*(?:\/\s*([\d.]+%?)\s*)?\)$/i.exec(e.trim());
|
|
1441
|
+
if (!t) return "";
|
|
1442
|
+
let n = (e) => e.endsWith("%") ? parseFloat(e) / 100 : parseFloat(e), r = n(t[1]), i = parseFloat(t[2]), a = parseFloat(t[3]) * Math.PI / 180, o = t[4] === void 0 ? 1 : n(t[4]), s = i * Math.cos(a), c = i * Math.sin(a), l = (r + .3963377774 * s + .2158037573 * c) ** 3, u = (r - .1055613458 * s - .0638541728 * c) ** 3, d = (r - .0894841775 * s - 1.291485548 * c) ** 3, f = (e) => {
|
|
1443
|
+
let t = e <= .0031308 ? 12.92 * e : 1.055 * Math.max(e, 0) ** (1 / 2.4) - .055;
|
|
1444
|
+
return Math.round(Math.min(1, Math.max(0, t)) * 255);
|
|
1445
|
+
}, p = f(4.0767416621 * l - 3.3077115913 * u + .2309699292 * d), m = f(-1.2684380046 * l + 2.6097574011 * u - .3413193965 * d), h = f(-.0041960863 * l - .7034186147 * u + 1.707614701 * d);
|
|
1446
|
+
return o >= 1 ? `rgb(${p}, ${m}, ${h})` : `rgba(${p}, ${m}, ${h}, ${o})`;
|
|
1447
|
+
}
|
|
1448
|
+
function Tn(e) {
|
|
1449
|
+
return e.startsWith("preview_");
|
|
1450
|
+
}
|
|
1451
|
+
var En = {
|
|
1452
|
+
ccnumber: "number",
|
|
1453
|
+
ccexp: "expiry",
|
|
1454
|
+
cvv: "cvv"
|
|
1455
|
+
}, Dn = {
|
|
1456
|
+
number: "Enter a valid card number",
|
|
1457
|
+
expiry: "Enter a valid expiry date",
|
|
1458
|
+
cvv: "Enter a valid security code"
|
|
1459
|
+
};
|
|
1460
|
+
function On(e) {
|
|
1461
|
+
let t = e.enabled && Tn(e.tokenizationKey), [n, r] = E.useState(!1), [i, a] = E.useState(), [o, s] = E.useState({}), c = E.useRef(void 0), l = E.useRef(void 0), { number: u, expiry: d, cvv: f } = e.selectors;
|
|
1462
|
+
E.useEffect(() => {
|
|
1463
|
+
if (!e.enabled || t || !e.tokenizationKey || !e.scriptURL || typeof document > "u") return;
|
|
1464
|
+
let n = Sn(e.scriptURL);
|
|
1465
|
+
if (!n) {
|
|
1466
|
+
Promise.resolve().then(() => {
|
|
1467
|
+
r(!1), a("Card fields failed to load");
|
|
1468
|
+
});
|
|
1469
|
+
return;
|
|
1470
|
+
}
|
|
1471
|
+
let i = [
|
|
1472
|
+
e.tokenizationKey,
|
|
1473
|
+
n,
|
|
1474
|
+
u,
|
|
1475
|
+
d,
|
|
1476
|
+
f
|
|
1477
|
+
].join("\0");
|
|
1478
|
+
if (l.current === i && !e.active) return;
|
|
1479
|
+
l.current = i;
|
|
1480
|
+
let o = !1, p = (e) => {
|
|
1481
|
+
o || e();
|
|
1482
|
+
}, m = () => {
|
|
1483
|
+
if (o) return;
|
|
1484
|
+
let e = window.CollectJS;
|
|
1485
|
+
if (!e) {
|
|
1486
|
+
p(() => a("Card fields failed to load"));
|
|
1487
|
+
return;
|
|
1488
|
+
}
|
|
1489
|
+
p(() => {
|
|
1490
|
+
r(!1), a(void 0), s({});
|
|
1491
|
+
});
|
|
1492
|
+
let t = document.querySelector(u), n = t ? window.getComputedStyle(t) : void 0, i = Cn(n?.backgroundColor), l = i && i !== "transparent" && i !== "rgba(0, 0, 0, 0)" ? i : "#ffffff", m = Cn(n?.color) || "#18181b", h = Cn(n?.getPropertyValue("--muted-foreground").trim()) || m;
|
|
1493
|
+
try {
|
|
1494
|
+
e.configure({
|
|
1495
|
+
variant: "inline",
|
|
1496
|
+
styleSniffer: !0,
|
|
1497
|
+
customCss: {
|
|
1498
|
+
height: "38px",
|
|
1499
|
+
"line-height": "38px",
|
|
1500
|
+
padding: "0 8px",
|
|
1501
|
+
"font-size": "14px",
|
|
1502
|
+
"font-family": n?.fontFamily || "inherit",
|
|
1503
|
+
"background-color": l,
|
|
1504
|
+
color: m
|
|
1505
|
+
},
|
|
1506
|
+
placeholderCss: { color: h },
|
|
1507
|
+
invalidCss: { color: Cn(n?.getPropertyValue("--destructive").trim()) || "#dc2626" },
|
|
1508
|
+
focusCss: { outline: "none" },
|
|
1509
|
+
fields: {
|
|
1510
|
+
ccnumber: {
|
|
1511
|
+
selector: u,
|
|
1512
|
+
title: "Card number",
|
|
1513
|
+
placeholder: "1234 1234 1234 1234"
|
|
1514
|
+
},
|
|
1515
|
+
ccexp: {
|
|
1516
|
+
selector: d,
|
|
1517
|
+
title: "Expiration date",
|
|
1518
|
+
placeholder: "MM / YY"
|
|
1519
|
+
},
|
|
1520
|
+
cvv: {
|
|
1521
|
+
selector: f,
|
|
1522
|
+
title: "Card security code",
|
|
1523
|
+
placeholder: "CVC"
|
|
1524
|
+
}
|
|
1525
|
+
},
|
|
1526
|
+
fieldsAvailableCallback: () => p(() => r(!0)),
|
|
1527
|
+
validationCallback: (e, t, n) => {
|
|
1528
|
+
let r = En[e];
|
|
1529
|
+
r && p(() => s((e) => ({
|
|
1530
|
+
...e,
|
|
1531
|
+
[r]: {
|
|
1532
|
+
valid: t,
|
|
1533
|
+
message: t ? void 0 : n && n !== "Field is empty" ? `${Dn[r]}.` : Dn[r]
|
|
1534
|
+
}
|
|
1535
|
+
})));
|
|
1536
|
+
},
|
|
1537
|
+
timeoutDuration: bn,
|
|
1538
|
+
timeoutCallback: () => {
|
|
1539
|
+
let e = c.current;
|
|
1540
|
+
c.current = void 0, e && (window.clearTimeout(e.timer), e.reject(/* @__PURE__ */ Error("Card entry timed out")));
|
|
1541
|
+
},
|
|
1542
|
+
callback: (e) => {
|
|
1543
|
+
let t = c.current;
|
|
1544
|
+
c.current = void 0, t && (window.clearTimeout(t.timer), t.resolve(e));
|
|
1545
|
+
}
|
|
1546
|
+
});
|
|
1547
|
+
} catch {
|
|
1548
|
+
p(() => a("Card fields failed to load"));
|
|
1549
|
+
}
|
|
1550
|
+
}, h = document.getElementById(yn);
|
|
1551
|
+
if (h instanceof HTMLScriptElement && (h.src !== n || xn.get(h) === "failed") && (h.remove(), h.src !== n && Reflect.deleteProperty(window, "CollectJS"), h = null), h instanceof HTMLScriptElement) {
|
|
1552
|
+
if (window.CollectJS) return m(), () => {
|
|
1553
|
+
o = !0;
|
|
1554
|
+
};
|
|
1555
|
+
if (xn.get(h) === "loaded") return p(() => a("Card fields failed to load")), () => {
|
|
1556
|
+
o = !0;
|
|
1557
|
+
};
|
|
1558
|
+
let e = () => p(() => a("Card fields failed to load"));
|
|
1559
|
+
return h.addEventListener("load", m), h.addEventListener("error", e), () => {
|
|
1560
|
+
o = !0, h.removeEventListener("load", m), h.removeEventListener("error", e);
|
|
1561
|
+
};
|
|
1562
|
+
}
|
|
1563
|
+
let g = document.createElement("script");
|
|
1564
|
+
return g.id = yn, g.src = n, g.async = !0, g.dataset.tokenizationKey = e.tokenizationKey, xn.set(g, "loading"), g.onload = () => {
|
|
1565
|
+
xn.set(g, "loaded"), m();
|
|
1566
|
+
}, g.onerror = () => {
|
|
1567
|
+
xn.set(g, "failed"), p(() => a("Card fields failed to load"));
|
|
1568
|
+
}, document.head.appendChild(g), () => {
|
|
1569
|
+
o = !0;
|
|
1570
|
+
};
|
|
1571
|
+
}, [
|
|
1572
|
+
e.enabled,
|
|
1573
|
+
e.active,
|
|
1574
|
+
t,
|
|
1575
|
+
e.tokenizationKey,
|
|
1576
|
+
e.scriptURL,
|
|
1577
|
+
u,
|
|
1578
|
+
d,
|
|
1579
|
+
f
|
|
1580
|
+
]);
|
|
1581
|
+
let p = E.useCallback(() => new Promise((e, r) => {
|
|
1582
|
+
if (t) {
|
|
1583
|
+
e({
|
|
1584
|
+
token: "preview_payment_token",
|
|
1585
|
+
card: {
|
|
1586
|
+
number: "4242424242424242",
|
|
1587
|
+
type: "visa",
|
|
1588
|
+
exp: "1227"
|
|
1589
|
+
}
|
|
1590
|
+
});
|
|
1591
|
+
return;
|
|
1592
|
+
}
|
|
1593
|
+
let i = window.CollectJS;
|
|
1594
|
+
if (!i || !n) {
|
|
1595
|
+
r(/* @__PURE__ */ Error("Card fields are not ready"));
|
|
1596
|
+
return;
|
|
1597
|
+
}
|
|
1598
|
+
if (c.current) {
|
|
1599
|
+
r(/* @__PURE__ */ Error("Card entry is already in progress"));
|
|
1600
|
+
return;
|
|
1601
|
+
}
|
|
1602
|
+
let a = window.setTimeout(() => {
|
|
1603
|
+
c.current = void 0, r(/* @__PURE__ */ Error("Card entry timed out"));
|
|
1604
|
+
}, 35e3);
|
|
1605
|
+
c.current = {
|
|
1606
|
+
resolve: e,
|
|
1607
|
+
reject: r,
|
|
1608
|
+
timer: a
|
|
1609
|
+
}, i.startPaymentRequest();
|
|
1610
|
+
}), [t, n]), m = {};
|
|
1611
|
+
for (let e of [
|
|
1612
|
+
"number",
|
|
1613
|
+
"expiry",
|
|
1614
|
+
"cvv"
|
|
1615
|
+
]) {
|
|
1616
|
+
let t = o[e];
|
|
1617
|
+
t && !t.valid && (m[e] = t.message);
|
|
1618
|
+
}
|
|
1619
|
+
let h = t || [
|
|
1620
|
+
"number",
|
|
1621
|
+
"expiry",
|
|
1622
|
+
"cvv"
|
|
1623
|
+
].every((e) => o[e]?.valid === !0);
|
|
1624
|
+
return {
|
|
1625
|
+
ready: n || t,
|
|
1626
|
+
preview: t,
|
|
1627
|
+
loadError: i,
|
|
1628
|
+
valid: h,
|
|
1629
|
+
fieldErrors: m,
|
|
1630
|
+
tokenize: p
|
|
1631
|
+
};
|
|
1632
|
+
}
|
|
1633
|
+
function kn(e) {
|
|
1634
|
+
let t = (e?.number ?? "").replace(/\D/g, ""), n = (e?.exp ?? "").replace(/\D/g, "");
|
|
1635
|
+
return {
|
|
1636
|
+
...t.length >= 4 ? { last_four: t.slice(-4) } : {},
|
|
1637
|
+
...e?.type ? { card_type: e.type } : {},
|
|
1638
|
+
...n.length === 4 ? { expiry_date: `${n.slice(0, 2)}/${n.slice(2)}` } : {}
|
|
1639
|
+
};
|
|
1640
|
+
}
|
|
1641
|
+
//#endregion
|
|
1642
|
+
//#region src/lib/stripe-appearance.ts
|
|
1643
|
+
function An(e) {
|
|
1644
|
+
let t = window.getComputedStyle(e), n = (e) => Cn(t.getPropertyValue(e).trim()) || void 0;
|
|
1645
|
+
return {
|
|
1646
|
+
theme: e.closest(".dark") ? "night" : "stripe",
|
|
1647
|
+
variables: {
|
|
1648
|
+
colorPrimary: n("--primary"),
|
|
1649
|
+
colorBackground: n("--card"),
|
|
1650
|
+
colorText: n("--foreground"),
|
|
1651
|
+
colorTextSecondary: n("--muted-foreground"),
|
|
1652
|
+
colorDanger: n("--destructive"),
|
|
1653
|
+
fontFamily: t.fontFamily || void 0,
|
|
1654
|
+
fontSizeBase: "14px",
|
|
1655
|
+
borderRadius: "9px",
|
|
1656
|
+
spacingUnit: "3px"
|
|
1657
|
+
},
|
|
1658
|
+
rules: {
|
|
1659
|
+
".Input": {
|
|
1660
|
+
padding: "9px 10px",
|
|
1661
|
+
boxShadow: "none",
|
|
1662
|
+
borderColor: n("--border") ?? ""
|
|
1663
|
+
},
|
|
1664
|
+
".Input:focus": {
|
|
1665
|
+
borderColor: n("--ring") ?? "",
|
|
1666
|
+
boxShadow: "none"
|
|
1667
|
+
},
|
|
1668
|
+
".Label": {
|
|
1669
|
+
fontSize: "13px",
|
|
1670
|
+
fontWeight: "500",
|
|
1671
|
+
marginBottom: "6px"
|
|
1672
|
+
},
|
|
1673
|
+
".Error": { fontSize: "12.5px" }
|
|
1674
|
+
}
|
|
1675
|
+
};
|
|
1676
|
+
}
|
|
1677
|
+
//#endregion
|
|
1678
|
+
//#region src/components/stripe-card.tsx
|
|
1679
|
+
var jn = (e) => {
|
|
1680
|
+
let t = new URL(window.location.href);
|
|
1681
|
+
return t.searchParams.set("setup_id", e), t.href;
|
|
1682
|
+
}, Mn = E.forwardRef(function({ psp: e, client: t, returnURL: n = jn, defaultCountry: r, onCompleteChange: i, unavailableMessage: a, verificationPendingMessage: o }, s) {
|
|
1683
|
+
let [c] = E.useState(() => crypto.randomUUID()), [l, u] = E.useState(), [d, f] = E.useState(), p = E.useRef(null), m = E.useRef(null), h = E.useRef(i);
|
|
1684
|
+
E.useEffect(() => {
|
|
1685
|
+
h.current = i;
|
|
1686
|
+
}), E.useEffect(() => {
|
|
1687
|
+
let n = !1;
|
|
1688
|
+
return t.createCardSetup({
|
|
1689
|
+
pspId: e.psp_id,
|
|
1690
|
+
idempotencyKey: c
|
|
1691
|
+
}).then((e) => {
|
|
1692
|
+
if (!n) {
|
|
1693
|
+
if (!e.client_secret && !e.payment_method_id) throw Error(a);
|
|
1694
|
+
u(e), e.payment_method_id && h.current?.(!0);
|
|
1695
|
+
}
|
|
1696
|
+
}).catch((e) => {
|
|
1697
|
+
n || f(e instanceof Error ? e.message : a);
|
|
1698
|
+
}), () => {
|
|
1699
|
+
n = !0;
|
|
1700
|
+
};
|
|
1701
|
+
}, [
|
|
1702
|
+
t,
|
|
1703
|
+
e.psp_id,
|
|
1704
|
+
c,
|
|
1705
|
+
a
|
|
1706
|
+
]);
|
|
1707
|
+
let g = l?.client_secret, _ = e.config?.publishable_key;
|
|
1708
|
+
return E.useEffect(() => {
|
|
1709
|
+
if (!g || !_ || !p.current) return;
|
|
1710
|
+
let e = !1, t;
|
|
1711
|
+
return vn(_).then((n) => {
|
|
1712
|
+
if (e || !p.current) return;
|
|
1713
|
+
let i = n.elements({
|
|
1714
|
+
clientSecret: g,
|
|
1715
|
+
appearance: An(p.current)
|
|
1716
|
+
}), a = i.create("payment", {
|
|
1717
|
+
wallets: {
|
|
1718
|
+
link: "never",
|
|
1719
|
+
applePay: "never",
|
|
1720
|
+
googlePay: "never"
|
|
1721
|
+
},
|
|
1722
|
+
...r ? { defaultValues: { billingDetails: { address: { country: r } } } } : {}
|
|
1723
|
+
});
|
|
1724
|
+
a.on("change", (e) => {
|
|
1725
|
+
h.current?.(e.complete);
|
|
1726
|
+
}), a.mount(p.current), m.current = {
|
|
1727
|
+
stripe: n,
|
|
1728
|
+
elements: i
|
|
1729
|
+
}, t = () => a.destroy();
|
|
1730
|
+
}, (t) => {
|
|
1731
|
+
e || f(t instanceof Error ? t.message : a);
|
|
1732
|
+
}), () => {
|
|
1733
|
+
e = !0, m.current = null, t?.();
|
|
1734
|
+
};
|
|
1735
|
+
}, [
|
|
1736
|
+
g,
|
|
1737
|
+
_,
|
|
1738
|
+
r,
|
|
1739
|
+
a
|
|
1740
|
+
]), E.useImperativeHandle(s, () => ({ async save() {
|
|
1741
|
+
if (l?.payment_method_id) return l.payment_method_id;
|
|
1742
|
+
let e = m.current;
|
|
1743
|
+
if (!l || !e) throw Error(a);
|
|
1744
|
+
f(void 0);
|
|
1745
|
+
let r = await e.elements.submit();
|
|
1746
|
+
if (r.error) throw Error(r.error.message ?? a);
|
|
1747
|
+
let i = await e.stripe.confirmSetup({
|
|
1748
|
+
elements: e.elements,
|
|
1749
|
+
confirmParams: { return_url: n(l.id) },
|
|
1750
|
+
redirect: "if_required"
|
|
1751
|
+
});
|
|
1752
|
+
if (i.error) throw Error(i.error.message ?? a);
|
|
1753
|
+
let s = await t.confirmCardSetup(l.id);
|
|
1754
|
+
if (!s.payment_method_id) throw Error(o);
|
|
1755
|
+
return s.payment_method_id;
|
|
1756
|
+
} }), [
|
|
1757
|
+
l,
|
|
1758
|
+
t,
|
|
1759
|
+
n,
|
|
1760
|
+
a,
|
|
1761
|
+
o
|
|
1762
|
+
]), /* @__PURE__ */ A("div", {
|
|
1763
|
+
className: "grid gap-2",
|
|
1764
|
+
children: [/* @__PURE__ */ k("div", {
|
|
1765
|
+
ref: p,
|
|
1766
|
+
"data-testid": "stripe-card-entry"
|
|
1767
|
+
}), d ? /* @__PURE__ */ k("p", {
|
|
1768
|
+
role: "alert",
|
|
1769
|
+
className: "text-[13px] text-destructive",
|
|
1770
|
+
children: d
|
|
1771
|
+
}) : null]
|
|
1772
|
+
});
|
|
1773
|
+
}), Nn = {
|
|
1774
|
+
number: "Enter a valid card number",
|
|
1775
|
+
expiry: "Enter a valid expiry date",
|
|
1776
|
+
cvv: "Enter a valid security code"
|
|
1777
|
+
}, $ = (e) => e.replace(/\D/g, "");
|
|
1778
|
+
function Pn(e) {
|
|
1779
|
+
let t = 0;
|
|
1780
|
+
for (let n = 0; n < e.length; n++) {
|
|
1781
|
+
let r = e.charCodeAt(e.length - 1 - n) - 48;
|
|
1782
|
+
n % 2 == 1 && (r *= 2, r > 9 && (r -= 9)), t += r;
|
|
1783
|
+
}
|
|
1784
|
+
return t % 10 == 0;
|
|
1785
|
+
}
|
|
1786
|
+
function Fn(e) {
|
|
1787
|
+
let t = $(e), n = (e) => t.length >= e ? Number(t.slice(0, e)) : -1;
|
|
1788
|
+
return n(1) === 4 ? "visa" : n(2) === 34 || n(2) === 37 ? "amex" : n(2) >= 51 && n(2) <= 55 || n(4) >= 2221 && n(4) <= 2720 ? "mastercard" : n(4) === 6011 || n(2) === 65 || n(3) >= 644 && n(3) <= 649 ? "discover" : n(2) === 35 ? "jcb" : n(2) === 36 || n(2) === 38 || n(3) >= 300 && n(3) <= 305 ? "diners" : "";
|
|
1789
|
+
}
|
|
1790
|
+
function In(e) {
|
|
1791
|
+
let t = $(e).slice(0, 19);
|
|
1792
|
+
return Fn(t) === "amex" ? [
|
|
1793
|
+
t.slice(0, 4),
|
|
1794
|
+
t.slice(4, 10),
|
|
1795
|
+
t.slice(10, 15)
|
|
1796
|
+
].filter(Boolean).join(" ") : t.replace(/(\d{4})(?=\d)/g, "$1 ");
|
|
1797
|
+
}
|
|
1798
|
+
function Ln(e) {
|
|
1799
|
+
let t = $(e).slice(0, 4);
|
|
1800
|
+
return t.length > 2 ? `${t.slice(0, 2)} / ${t.slice(2)}` : t;
|
|
1801
|
+
}
|
|
1802
|
+
function Rn(e, t) {
|
|
1803
|
+
let n = $(e);
|
|
1804
|
+
if (n.length !== 4 && n.length !== 6) return null;
|
|
1805
|
+
let r = Number(n.slice(0, 2)), i = n.length === 4 ? 2e3 + Number(n.slice(2)) : Number(n.slice(2));
|
|
1806
|
+
return r < 1 || r > 12 || i < t.getFullYear() || i === t.getFullYear() && r < t.getMonth() + 1 ? null : {
|
|
1807
|
+
month: r,
|
|
1808
|
+
year: i
|
|
1809
|
+
};
|
|
1810
|
+
}
|
|
1811
|
+
function zn(e, t = /* @__PURE__ */ new Date()) {
|
|
1812
|
+
let n = {}, r = $(e.number);
|
|
1813
|
+
(r.length < 12 || r.length > 19 || !Pn(r)) && (n.number = Nn.number), Rn(e.expiry, t) || (n.expiry = Nn.expiry);
|
|
1814
|
+
let i = $(e.cvc), a = Fn(r) === "amex" ? 4 : 3;
|
|
1815
|
+
return (i !== e.cvc.trim() || i.length !== a && i.length !== 4) && (n.cvv = Nn.cvv), n;
|
|
1816
|
+
}
|
|
1817
|
+
function Bn(e, t = /* @__PURE__ */ new Date()) {
|
|
1818
|
+
if (Object.keys(zn(e, t)).length > 0) return null;
|
|
1819
|
+
let n = Rn(e.expiry, t);
|
|
1820
|
+
return {
|
|
1821
|
+
number: $(e.number),
|
|
1822
|
+
exp_month: n.month,
|
|
1823
|
+
exp_year: n.year,
|
|
1824
|
+
cvc: $(e.cvc)
|
|
1825
|
+
};
|
|
1826
|
+
}
|
|
1827
|
+
function Vn(e) {
|
|
1828
|
+
let t = Fn(e.number);
|
|
1829
|
+
return {
|
|
1830
|
+
last_four: e.number.slice(-4),
|
|
1831
|
+
...t ? { card_type: t } : {},
|
|
1832
|
+
expiry_date: `${String(e.exp_month).padStart(2, "0")}/${String(e.exp_year % 100).padStart(2, "0")}`
|
|
1833
|
+
};
|
|
1834
|
+
}
|
|
1835
|
+
var Hn = {
|
|
1836
|
+
number: "",
|
|
1837
|
+
expiry: "",
|
|
1838
|
+
cvc: ""
|
|
1839
|
+
};
|
|
1840
|
+
function Un() {
|
|
1841
|
+
let [e, t] = E.useState(Hn), [n, r] = E.useState({}), i = zn(e), a = {};
|
|
1842
|
+
n.number && i.number && (a.number = i.number), n.expiry && i.expiry && (a.expiry = i.expiry), n.cvc && i.cvv && (a.cvv = i.cvv);
|
|
1843
|
+
let o = E.useCallback(() => {
|
|
1844
|
+
t(Hn), r({});
|
|
1845
|
+
}, []);
|
|
1846
|
+
return {
|
|
1847
|
+
input: e,
|
|
1848
|
+
fieldErrors: a,
|
|
1849
|
+
valid: Object.keys(i).length === 0,
|
|
1850
|
+
change: (e, n) => t((t) => ({
|
|
1851
|
+
...t,
|
|
1852
|
+
[e]: e === "number" ? In(n) : e === "expiry" ? Ln(n) : $(n).slice(0, 4)
|
|
1853
|
+
})),
|
|
1854
|
+
leave: (e) => r((t) => ({
|
|
1855
|
+
...t,
|
|
1856
|
+
[e]: !0
|
|
1857
|
+
})),
|
|
1858
|
+
take: () => {
|
|
1859
|
+
let t = Bn(e);
|
|
1860
|
+
return t ? (o(), t) : (r({
|
|
1861
|
+
number: !0,
|
|
1862
|
+
expiry: !0,
|
|
1863
|
+
cvc: !0
|
|
1864
|
+
}), null);
|
|
1865
|
+
},
|
|
1866
|
+
clear: o
|
|
1867
|
+
};
|
|
1868
|
+
}
|
|
1869
|
+
//#endregion
|
|
1870
|
+
//#region src/tokenized-card-form.tsx
|
|
1871
|
+
function Wn({ tokenizationKey: e, tokenizationURL: t, onTokenized: n, submitLabel: r = "Save card", disabled: i = !1, defaultCountry: a, appearance: o, className: s }) {
|
|
1872
|
+
let c = E.useId().replace(/[^a-zA-Z0-9-]/g, ""), l = E.useMemo(() => ({
|
|
1873
|
+
number: `orck-save-${c}-number`,
|
|
1874
|
+
expiry: `orck-save-${c}-expiry`,
|
|
1875
|
+
cvv: `orck-save-${c}-cvv`
|
|
1876
|
+
}), [c]), [u, d] = E.useState(() => ({
|
|
1877
|
+
...Qt,
|
|
1878
|
+
country: en(a)
|
|
1879
|
+
})), [f, p] = E.useState(!1), [m, h] = E.useState(!1), [g, _] = E.useState(), v = E.useRef({
|
|
1880
|
+
generation: 0,
|
|
1881
|
+
disabled: i
|
|
1882
|
+
});
|
|
1883
|
+
E.useLayoutEffect(() => {
|
|
1884
|
+
v.current = {
|
|
1885
|
+
generation: v.current.generation + 1,
|
|
1886
|
+
disabled: i
|
|
1887
|
+
};
|
|
1888
|
+
}, [
|
|
1889
|
+
e,
|
|
1890
|
+
t,
|
|
1891
|
+
i
|
|
1892
|
+
]);
|
|
1893
|
+
let y = E.useRef(!0);
|
|
1894
|
+
E.useEffect(() => (y.current = !0, () => {
|
|
1895
|
+
y.current = !1;
|
|
1896
|
+
}), []);
|
|
1897
|
+
let b = On({
|
|
1898
|
+
enabled: !0,
|
|
1899
|
+
active: !0,
|
|
1900
|
+
tokenizationKey: e,
|
|
1901
|
+
scriptURL: t,
|
|
1902
|
+
selectors: {
|
|
1903
|
+
number: `#${l.number}`,
|
|
1904
|
+
expiry: `#${l.expiry}`,
|
|
1905
|
+
cvv: `#${l.cvv}`
|
|
1906
|
+
}
|
|
1907
|
+
}), x = async (e) => {
|
|
1908
|
+
if (e.preventDefault(), i || f || m) return;
|
|
1909
|
+
let t = Zt.safeParse(u);
|
|
1910
|
+
if (!t.success) {
|
|
1911
|
+
_(t.error.issues[0]?.message ?? "Check the billing details");
|
|
1912
|
+
return;
|
|
1913
|
+
}
|
|
1914
|
+
p(!0), _(void 0);
|
|
1915
|
+
let r = v.current.generation, a = !1;
|
|
1916
|
+
try {
|
|
1917
|
+
let e = await b.tokenize();
|
|
1918
|
+
if (!y.current || v.current.generation !== r || v.current.disabled) return;
|
|
1919
|
+
a = !0, h(!0), await n({
|
|
1920
|
+
payment_token: e.token,
|
|
1921
|
+
...t.data,
|
|
1922
|
+
...kn(e.card)
|
|
1923
|
+
});
|
|
1924
|
+
} catch (e) {
|
|
1925
|
+
y.current && _(a ? "The card-save result is not confirmed. Check your saved cards before starting another attempt." : e instanceof Error ? e.message : "Card entry could not be completed.");
|
|
1926
|
+
} finally {
|
|
1927
|
+
y.current && p(!1);
|
|
1928
|
+
}
|
|
1929
|
+
};
|
|
1930
|
+
return /* @__PURE__ */ k("div", {
|
|
1931
|
+
className: j("orck", s),
|
|
1932
|
+
"data-orck-theme": Se(o),
|
|
1933
|
+
style: xe(o),
|
|
1934
|
+
children: /* @__PURE__ */ A("form", {
|
|
1935
|
+
"aria-label": "Secure card setup",
|
|
1936
|
+
autoComplete: "on",
|
|
1937
|
+
className: "grid gap-4",
|
|
1938
|
+
onSubmit: (e) => void x(e),
|
|
1939
|
+
children: [
|
|
1940
|
+
/* @__PURE__ */ k(cn, {
|
|
1941
|
+
idPrefix: `orck-save-${c}`,
|
|
1942
|
+
value: u,
|
|
1943
|
+
onChange: d,
|
|
1944
|
+
disabled: i || f || m
|
|
1945
|
+
}),
|
|
1946
|
+
/* @__PURE__ */ k(fn, {
|
|
1947
|
+
ids: l,
|
|
1948
|
+
preview: b.preview,
|
|
1949
|
+
error: b.loadError,
|
|
1950
|
+
fieldErrors: b.fieldErrors
|
|
1951
|
+
}),
|
|
1952
|
+
g ? /* @__PURE__ */ k("p", {
|
|
1953
|
+
role: "alert",
|
|
1954
|
+
className: "text-sm text-destructive",
|
|
1955
|
+
children: g
|
|
1956
|
+
}) : null,
|
|
1957
|
+
/* @__PURE__ */ k(hn, {
|
|
1958
|
+
label: r,
|
|
1959
|
+
processing: f,
|
|
1960
|
+
disabled: i || m || !b.ready || !b.valid || !!b.loadError
|
|
1961
|
+
}),
|
|
1962
|
+
/* @__PURE__ */ k(gn, {})
|
|
1963
|
+
]
|
|
1964
|
+
})
|
|
1965
|
+
});
|
|
1966
|
+
}
|
|
1967
|
+
//#endregion
|
|
1968
|
+
//#region src/save-payment-method.tsx
|
|
1969
|
+
function Gn(e) {
|
|
1970
|
+
let { t } = H(), n = Lt(e.psp);
|
|
1971
|
+
return n ? /* @__PURE__ */ A("div", {
|
|
1972
|
+
className: j("orck grid gap-4", e.className),
|
|
1973
|
+
"data-orck-theme": Se(e.appearance),
|
|
1974
|
+
style: xe(e.appearance),
|
|
1975
|
+
children: [/* @__PURE__ */ k("p", {
|
|
1976
|
+
className: "text-sm text-muted-foreground",
|
|
1977
|
+
children: t("paymentMethods.saveNotice")
|
|
1978
|
+
}), k(n === "collect_js" ? qn : n === "card" ? Jn : Yn, { ...e })]
|
|
1979
|
+
}) : /* @__PURE__ */ k("p", {
|
|
1980
|
+
role: "alert",
|
|
1981
|
+
className: "text-sm text-destructive",
|
|
1982
|
+
children: t("paymentMethods.unavailable")
|
|
1983
|
+
});
|
|
1984
|
+
}
|
|
1985
|
+
var Kn = (e, n) => !t(n) && n instanceof Error && n.message ? n.message : e.error(n);
|
|
1986
|
+
function qn({ psp: e, onSaved: t, submitLabel: n, appearance: r, defaultCountry: i }) {
|
|
1987
|
+
let a = H(), { client: o, notify: c } = s(), [l, u] = E.useState(0), [d, f] = E.useState();
|
|
1988
|
+
return /* @__PURE__ */ A(O, { children: [d ? /* @__PURE__ */ k("p", {
|
|
1989
|
+
role: "alert",
|
|
1990
|
+
className: "text-sm text-destructive",
|
|
1991
|
+
children: d
|
|
1992
|
+
}) : null, /* @__PURE__ */ k(Wn, {
|
|
1993
|
+
tokenizationKey: e.config.tokenization_key,
|
|
1994
|
+
tokenizationURL: e.config.tokenization_url,
|
|
1995
|
+
onTokenized: async (n) => {
|
|
1996
|
+
f(void 0);
|
|
1997
|
+
let r;
|
|
1998
|
+
try {
|
|
1999
|
+
r = await o.addPaymentMethod({
|
|
2000
|
+
...n,
|
|
2001
|
+
provider: e.key
|
|
2002
|
+
});
|
|
2003
|
+
} catch (e) {
|
|
2004
|
+
f(Kn(a, e)), u((e) => e + 1);
|
|
2005
|
+
return;
|
|
2006
|
+
}
|
|
2007
|
+
c({
|
|
2008
|
+
type: "payment_method.added",
|
|
2009
|
+
paymentMethodId: r.id
|
|
2010
|
+
}), t(r.id);
|
|
2011
|
+
},
|
|
2012
|
+
defaultCountry: i,
|
|
2013
|
+
submitLabel: n ?? a.t("paymentMethods.save"),
|
|
2014
|
+
appearance: r
|
|
2015
|
+
}, l)] });
|
|
2016
|
+
}
|
|
2017
|
+
function Jn({ psp: e, onSaved: t, submitLabel: n, defaultCountry: r }) {
|
|
2018
|
+
let i = H(), { client: a, notify: o } = s(), c = E.useId().replace(/[^a-zA-Z0-9-]/g, ""), l = E.useMemo(() => ({
|
|
2019
|
+
number: `orck-save-${c}-number`,
|
|
2020
|
+
expiry: `orck-save-${c}-expiry`,
|
|
2021
|
+
cvv: `orck-save-${c}-cvv`
|
|
2022
|
+
}), [c]), u = Un(), [d, f] = E.useState(() => ({
|
|
2023
|
+
...Qt,
|
|
2024
|
+
country: en(r)
|
|
2025
|
+
})), [p, m] = E.useState(!1), [h, g] = E.useState(), _ = async (n) => {
|
|
2026
|
+
if (n.preventDefault(), p) return;
|
|
2027
|
+
let r = Zt.safeParse(d);
|
|
2028
|
+
if (!r.success) {
|
|
2029
|
+
g(r.error.issues[0]?.message ?? "Check the billing details");
|
|
2030
|
+
return;
|
|
2031
|
+
}
|
|
2032
|
+
let s = u.take();
|
|
2033
|
+
if (s) {
|
|
2034
|
+
m(!0), g(void 0);
|
|
2035
|
+
try {
|
|
2036
|
+
let n = await a.addPaymentMethod({
|
|
2037
|
+
...r.data,
|
|
2038
|
+
provider: e.key,
|
|
2039
|
+
card: s
|
|
2040
|
+
});
|
|
2041
|
+
o({
|
|
2042
|
+
type: "payment_method.added",
|
|
2043
|
+
paymentMethodId: n.id
|
|
2044
|
+
}), t(n.id);
|
|
2045
|
+
} catch (e) {
|
|
2046
|
+
g(Kn(i, e));
|
|
2047
|
+
} finally {
|
|
2048
|
+
m(!1);
|
|
2049
|
+
}
|
|
2050
|
+
}
|
|
2051
|
+
};
|
|
2052
|
+
return /* @__PURE__ */ A("form", {
|
|
2053
|
+
"aria-label": "Secure card setup",
|
|
2054
|
+
autoComplete: "on",
|
|
2055
|
+
className: "grid gap-4",
|
|
2056
|
+
noValidate: !0,
|
|
2057
|
+
onSubmit: (e) => void _(e),
|
|
2058
|
+
children: [
|
|
2059
|
+
/* @__PURE__ */ k(cn, {
|
|
2060
|
+
idPrefix: `orck-save-${c}`,
|
|
2061
|
+
value: d,
|
|
2062
|
+
onChange: f,
|
|
2063
|
+
disabled: p
|
|
2064
|
+
}),
|
|
2065
|
+
/* @__PURE__ */ k(mn, {
|
|
2066
|
+
ids: l,
|
|
2067
|
+
card: u,
|
|
2068
|
+
disabled: p
|
|
2069
|
+
}),
|
|
2070
|
+
h ? /* @__PURE__ */ k("p", {
|
|
2071
|
+
role: "alert",
|
|
2072
|
+
className: "text-sm text-destructive",
|
|
2073
|
+
children: h
|
|
2074
|
+
}) : null,
|
|
2075
|
+
/* @__PURE__ */ k(hn, {
|
|
2076
|
+
label: n ?? i.t("paymentMethods.save"),
|
|
2077
|
+
processing: p,
|
|
2078
|
+
disabled: !u.valid
|
|
2079
|
+
}),
|
|
2080
|
+
/* @__PURE__ */ k(gn, {})
|
|
2081
|
+
]
|
|
2082
|
+
});
|
|
2083
|
+
}
|
|
2084
|
+
function Yn({ psp: e, onSaved: t, returnURL: n, submitLabel: r, defaultCountry: i }) {
|
|
2085
|
+
let a = H(), { t: o } = a, { client: c, notify: l } = s(), u = E.useRef(null), [d, f] = E.useState(!1), [p, m] = E.useState(!1), [h, g] = E.useState(), _ = E.useMemo(() => en(i), [i]), v = async (e) => {
|
|
2086
|
+
if (e.preventDefault(), !(!u.current || p)) {
|
|
2087
|
+
m(!0), g(void 0);
|
|
2088
|
+
try {
|
|
2089
|
+
let e = await u.current.save();
|
|
2090
|
+
l({
|
|
2091
|
+
type: "payment_method.added",
|
|
2092
|
+
paymentMethodId: e
|
|
2093
|
+
}), t(e);
|
|
2094
|
+
} catch (e) {
|
|
2095
|
+
g(Kn(a, e));
|
|
2096
|
+
} finally {
|
|
2097
|
+
m(!1);
|
|
2098
|
+
}
|
|
2099
|
+
}
|
|
2100
|
+
};
|
|
2101
|
+
return /* @__PURE__ */ A("form", {
|
|
2102
|
+
className: "grid gap-4",
|
|
2103
|
+
onSubmit: (e) => void v(e),
|
|
2104
|
+
children: [
|
|
2105
|
+
/* @__PURE__ */ k(Mn, {
|
|
2106
|
+
ref: u,
|
|
2107
|
+
psp: e,
|
|
2108
|
+
client: c,
|
|
2109
|
+
returnURL: n,
|
|
2110
|
+
defaultCountry: _ || void 0,
|
|
2111
|
+
onCompleteChange: f,
|
|
2112
|
+
unavailableMessage: o("paymentMethods.unavailable"),
|
|
2113
|
+
verificationPendingMessage: o("paymentMethods.verificationPending")
|
|
2114
|
+
}),
|
|
2115
|
+
h ? /* @__PURE__ */ k("p", {
|
|
2116
|
+
role: "alert",
|
|
2117
|
+
className: "text-sm text-destructive",
|
|
2118
|
+
children: h
|
|
2119
|
+
}) : null,
|
|
2120
|
+
/* @__PURE__ */ k(hn, {
|
|
2121
|
+
label: r ?? o("paymentMethods.save"),
|
|
2122
|
+
processing: p,
|
|
2123
|
+
disabled: !d
|
|
2124
|
+
}),
|
|
2125
|
+
/* @__PURE__ */ k(gn, {})
|
|
2126
|
+
]
|
|
2127
|
+
});
|
|
2128
|
+
}
|
|
2129
|
+
//#endregion
|
|
2130
|
+
//#region src/account/notice.tsx
|
|
2131
|
+
function Xn() {
|
|
2132
|
+
let [e, t] = E.useState(null);
|
|
2133
|
+
return E.useEffect(() => {
|
|
2134
|
+
if (!e) return;
|
|
2135
|
+
let n = setTimeout(() => t(null), 6e3);
|
|
2136
|
+
return () => clearTimeout(n);
|
|
2137
|
+
}, [e]), [/* @__PURE__ */ k("p", {
|
|
2138
|
+
role: "status",
|
|
2139
|
+
"aria-live": "polite",
|
|
2140
|
+
className: j("text-sm text-muted-foreground", e ? "pt-3" : "sr-only"),
|
|
2141
|
+
children: e
|
|
2142
|
+
}), t];
|
|
2143
|
+
}
|
|
2144
|
+
//#endregion
|
|
2145
|
+
//#region src/account/payment-methods-panel.tsx
|
|
2146
|
+
function Zn(e, t) {
|
|
2147
|
+
return Fe(e.card, t);
|
|
2148
|
+
}
|
|
2149
|
+
function Qn(e, t) {
|
|
2150
|
+
return e.status === 409 && e.code === "resource_conflict" ? t.t("paymentMethods.inUse") : t.error(e);
|
|
2151
|
+
}
|
|
2152
|
+
function $n({ psps: e, cardSetupReturnURL: t, defaultCurrency: n, defaultCountry: r, appearance: i, className: a }) {
|
|
2153
|
+
let o = H(), { t: s } = o, l = G(i), u = c(), [d, f] = E.useState(null), [p, m] = E.useState(null), [h, g] = E.useState(null), [_, v] = E.useState(!1), y = Nt(e ?? []).filter(Rt), [b, x] = E.useState(), S = y.find((e) => e.psp_id === b) ?? y[0], [C, w] = Xn(), T = n?.toUpperCase(), ee = async () => {
|
|
2154
|
+
if (!d) return;
|
|
2155
|
+
m(null);
|
|
2156
|
+
let e = await u.remove(d.id);
|
|
2157
|
+
if (e) {
|
|
2158
|
+
m(Qn(e, o));
|
|
2159
|
+
return;
|
|
2160
|
+
}
|
|
2161
|
+
f(null), w(s("paymentMethods.removed"));
|
|
2162
|
+
}, D = async (e) => {
|
|
2163
|
+
if (!T) return;
|
|
2164
|
+
g(null);
|
|
2165
|
+
let t = await u.setDefault(e.id, T);
|
|
2166
|
+
t ? g({
|
|
2167
|
+
id: e.id,
|
|
2168
|
+
message: o.error(t)
|
|
2169
|
+
}) : w(s("paymentMethods.madeDefault"));
|
|
2170
|
+
}, te, O = u.methods;
|
|
2171
|
+
te = O === null && u.error ? /* @__PURE__ */ k($e, {
|
|
2172
|
+
error: u.error,
|
|
2173
|
+
onRetry: u.refetch
|
|
2174
|
+
}) : O === null ? /* @__PURE__ */ k(Ze, {}) : O.length === 0 ? /* @__PURE__ */ k(Qe, {
|
|
2175
|
+
title: s("paymentMethods.empty"),
|
|
2176
|
+
description: s("paymentMethods.emptyDescription")
|
|
2177
|
+
}) : /* @__PURE__ */ k("ul", {
|
|
2178
|
+
className: "-my-1 divide-y divide-border",
|
|
2179
|
+
children: O.map((e) => {
|
|
2180
|
+
let t = Zn(e, o), n = (e.subscriptions ?? []).map((e) => e.display_name).filter(Boolean), r = e.health?.expiry_status, i = e.collection_default_currencies ?? [], a = u.pending[e.id], c = [n.length > 0 && s("paymentMethods.usedBy", { names: n.join(", ") })].filter(Boolean);
|
|
2181
|
+
return /* @__PURE__ */ A("li", {
|
|
2182
|
+
"data-testid": "payment-method-row",
|
|
2183
|
+
"data-payment-method-id": e.id,
|
|
2184
|
+
className: "flex flex-wrap items-center gap-x-3 gap-y-2 py-3.5",
|
|
2185
|
+
children: [
|
|
2186
|
+
/* @__PURE__ */ k(dt, {
|
|
2187
|
+
brand: e.card?.brand ?? void 0,
|
|
2188
|
+
fallback: (e.card?.brand ?? "card").slice(0, 4)
|
|
2189
|
+
}),
|
|
2190
|
+
/* @__PURE__ */ A("div", {
|
|
2191
|
+
className: "grid min-w-40 flex-1 gap-0.5",
|
|
2192
|
+
children: [
|
|
2193
|
+
/* @__PURE__ */ A("div", {
|
|
2194
|
+
className: "flex flex-wrap items-center gap-x-2 gap-y-1",
|
|
2195
|
+
children: [
|
|
2196
|
+
/* @__PURE__ */ k("span", {
|
|
2197
|
+
className: "text-sm font-medium tabular-nums",
|
|
2198
|
+
children: t
|
|
2199
|
+
}),
|
|
2200
|
+
r === "expired" || r === "expiring_soon" ? /* @__PURE__ */ k(rt, { status: r }) : e.health?.active === !1 ? /* @__PURE__ */ k(rt, { status: "needs_attention" }) : null,
|
|
2201
|
+
i.length > 0 ? /* @__PURE__ */ k(rt, {
|
|
2202
|
+
status: "default",
|
|
2203
|
+
label: s("paymentMethods.defaultFor", { currencies: i.join(", ") })
|
|
2204
|
+
}) : null
|
|
2205
|
+
]
|
|
2206
|
+
}),
|
|
2207
|
+
c.length > 0 ? /* @__PURE__ */ k("p", {
|
|
2208
|
+
className: "text-sm text-muted-foreground tabular-nums",
|
|
2209
|
+
children: c.join(" · ")
|
|
2210
|
+
}) : null,
|
|
2211
|
+
h?.id === e.id ? /* @__PURE__ */ k("p", {
|
|
2212
|
+
role: "alert",
|
|
2213
|
+
className: "text-sm text-destructive",
|
|
2214
|
+
children: h.message
|
|
2215
|
+
}) : null
|
|
2216
|
+
]
|
|
2217
|
+
}),
|
|
2218
|
+
/* @__PURE__ */ A("div", {
|
|
2219
|
+
className: "ml-auto flex items-center gap-1",
|
|
2220
|
+
children: [T && !i.includes(T) ? /* @__PURE__ */ A(q, {
|
|
2221
|
+
variant: "ghost",
|
|
2222
|
+
size: "sm",
|
|
2223
|
+
className: "text-muted-foreground",
|
|
2224
|
+
disabled: !!a,
|
|
2225
|
+
onClick: () => void D(e),
|
|
2226
|
+
children: [a === "default" ? /* @__PURE__ */ k(X, {}) : null, s("paymentMethods.makeDefault")]
|
|
2227
|
+
}) : null, /* @__PURE__ */ k(q, {
|
|
2228
|
+
variant: "ghost",
|
|
2229
|
+
size: "icon-sm",
|
|
2230
|
+
className: "text-muted-foreground hover:text-destructive",
|
|
2231
|
+
"aria-label": s("paymentMethods.removeLabel", { label: t }),
|
|
2232
|
+
title: s("paymentMethods.remove"),
|
|
2233
|
+
disabled: !!a,
|
|
2234
|
+
onClick: () => {
|
|
2235
|
+
m(null), f(e);
|
|
2236
|
+
},
|
|
2237
|
+
children: a === "remove" ? /* @__PURE__ */ k(X, {}) : /* @__PURE__ */ k(N, {
|
|
2238
|
+
icon: ce,
|
|
2239
|
+
"aria-hidden": !0
|
|
2240
|
+
})
|
|
2241
|
+
})]
|
|
2242
|
+
})
|
|
2243
|
+
]
|
|
2244
|
+
}, e.id);
|
|
2245
|
+
})
|
|
2246
|
+
});
|
|
2247
|
+
let j = d ? u.pending[d.id] === "remove" : !1, ne = d ? Zn(d, o) : "";
|
|
2248
|
+
return /* @__PURE__ */ A(Xe, {
|
|
2249
|
+
title: s("paymentMethods.title"),
|
|
2250
|
+
description: s("paymentMethods.description"),
|
|
2251
|
+
appearance: i,
|
|
2252
|
+
className: a,
|
|
2253
|
+
"data-testid": "payment-methods-panel",
|
|
2254
|
+
action: S ? /* @__PURE__ */ A(q, {
|
|
2255
|
+
variant: "outline",
|
|
2256
|
+
size: "sm",
|
|
2257
|
+
onClick: () => v(!0),
|
|
2258
|
+
children: [/* @__PURE__ */ k(N, {
|
|
2259
|
+
icon: ae,
|
|
2260
|
+
"aria-hidden": !0,
|
|
2261
|
+
"data-icon": "inline-start"
|
|
2262
|
+
}), s("paymentMethods.add")]
|
|
2263
|
+
}) : null,
|
|
2264
|
+
children: [
|
|
2265
|
+
te,
|
|
2266
|
+
O !== null && u.error ? /* @__PURE__ */ k("div", {
|
|
2267
|
+
className: "pt-3",
|
|
2268
|
+
children: /* @__PURE__ */ k($e, {
|
|
2269
|
+
error: u.error,
|
|
2270
|
+
onRetry: u.refetch
|
|
2271
|
+
})
|
|
2272
|
+
}) : null,
|
|
2273
|
+
C,
|
|
2274
|
+
/* @__PURE__ */ k(ft, {
|
|
2275
|
+
open: d !== null,
|
|
2276
|
+
onOpenChange: (e) => {
|
|
2277
|
+
!e && !j && f(null);
|
|
2278
|
+
},
|
|
2279
|
+
children: /* @__PURE__ */ A(ht, {
|
|
2280
|
+
className: `${l.className} ${Ue} bg-popover text-popover-foreground`,
|
|
2281
|
+
"data-orck-theme": l["data-orck-theme"],
|
|
2282
|
+
style: l.style,
|
|
2283
|
+
children: [
|
|
2284
|
+
/* @__PURE__ */ A(gt, { children: [/* @__PURE__ */ k(vt, { children: s("paymentMethods.removeTitle", { label: ne }) }), /* @__PURE__ */ k(yt, { children: s("paymentMethods.removeDescription") })] }),
|
|
2285
|
+
p ? /* @__PURE__ */ k("p", {
|
|
2286
|
+
role: "alert",
|
|
2287
|
+
className: "text-sm text-destructive",
|
|
2288
|
+
children: p
|
|
2289
|
+
}) : null,
|
|
2290
|
+
/* @__PURE__ */ A(_t, { children: [/* @__PURE__ */ k(bt, {
|
|
2291
|
+
disabled: j,
|
|
2292
|
+
children: s("common.cancel")
|
|
2293
|
+
}), /* @__PURE__ */ A(q, {
|
|
2294
|
+
variant: "destructive",
|
|
2295
|
+
disabled: j,
|
|
2296
|
+
onClick: () => void ee(),
|
|
2297
|
+
children: [j ? /* @__PURE__ */ k(X, {}) : null, s("paymentMethods.removeConfirm")]
|
|
2298
|
+
})] })
|
|
2299
|
+
]
|
|
2300
|
+
})
|
|
2301
|
+
}),
|
|
2302
|
+
S ? /* @__PURE__ */ k(xt, {
|
|
2303
|
+
open: _,
|
|
2304
|
+
onOpenChange: v,
|
|
2305
|
+
children: /* @__PURE__ */ A(wt, {
|
|
2306
|
+
className: `${l.className} ${Ue} max-h-[calc(100dvh-2rem)] overflow-y-auto bg-popover text-popover-foreground`,
|
|
2307
|
+
"data-orck-theme": l["data-orck-theme"],
|
|
2308
|
+
style: l.style,
|
|
2309
|
+
children: [
|
|
2310
|
+
/* @__PURE__ */ A(Tt, { children: [/* @__PURE__ */ k(Dt, { children: s("paymentMethods.addTitle") }), /* @__PURE__ */ k(Ot, { children: s("paymentMethods.addDescription") })] }),
|
|
2311
|
+
y.length > 1 ? /* @__PURE__ */ A("label", {
|
|
2312
|
+
className: "grid gap-1.5 text-sm",
|
|
2313
|
+
children: [s("paymentMethods.provider"), /* @__PURE__ */ k("select", {
|
|
2314
|
+
className: "h-9 rounded-md border border-input bg-transparent px-2",
|
|
2315
|
+
value: S.psp_id,
|
|
2316
|
+
onChange: (e) => x(e.target.value),
|
|
2317
|
+
children: y.map((e) => /* @__PURE__ */ k("option", {
|
|
2318
|
+
value: e.psp_id,
|
|
2319
|
+
children: e.display_name
|
|
2320
|
+
}, e.psp_id))
|
|
2321
|
+
})]
|
|
2322
|
+
}) : null,
|
|
2323
|
+
/* @__PURE__ */ k(Gn, {
|
|
2324
|
+
psp: S,
|
|
2325
|
+
returnURL: t,
|
|
2326
|
+
defaultCountry: r,
|
|
2327
|
+
appearance: i,
|
|
2328
|
+
onSaved: () => {
|
|
2329
|
+
v(!1), w(s("paymentMethods.added"));
|
|
2330
|
+
}
|
|
2331
|
+
}, S.psp_id)
|
|
2332
|
+
]
|
|
2333
|
+
})
|
|
2334
|
+
}) : null
|
|
2335
|
+
]
|
|
2336
|
+
});
|
|
2337
|
+
}
|
|
2338
|
+
//#endregion
|
|
2339
|
+
//#region src/components/ui/textarea.tsx
|
|
2340
|
+
function er({ className: e, ...t }) {
|
|
2341
|
+
return /* @__PURE__ */ k("textarea", {
|
|
2342
|
+
"data-slot": "textarea",
|
|
2343
|
+
className: j("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", e),
|
|
2344
|
+
...t
|
|
2345
|
+
});
|
|
2346
|
+
}
|
|
2347
|
+
//#endregion
|
|
2348
|
+
//#region src/account/cancel-dialog.tsx
|
|
2349
|
+
function tr({ open: e, onOpenChange: t, name: n, onChain: r = !1, pending: i, onConfirm: a, appearance: o }) {
|
|
2350
|
+
let s = H(), { t: c } = s, l = G(o), u = E.useId(), d = E.useId(), [f, p] = E.useState(""), [m, h] = E.useState(!1), [g, _] = E.useState(null), v = i !== void 0, b = f.trim().length, x = !r && b < 4, S = async () => {
|
|
2351
|
+
if (h(!0), x || v) return;
|
|
2352
|
+
_(null);
|
|
2353
|
+
let e = await a(f);
|
|
2354
|
+
e ? y(e) || _(e) : t(!1);
|
|
2355
|
+
}, C = c(i === "preparing" ? "cancel.preparing" : i === "signing" ? "cancel.signing" : i === "confirming" ? "cancel.confirming" : v ? "cancel.working" : r ? "cancel.confirmWallet" : "cancel.confirm");
|
|
2356
|
+
return /* @__PURE__ */ k(ft, {
|
|
2357
|
+
open: e,
|
|
2358
|
+
onOpenChange: (e) => {
|
|
2359
|
+
!e && v || t(e);
|
|
2360
|
+
},
|
|
2361
|
+
children: /* @__PURE__ */ k(ht, {
|
|
2362
|
+
className: `${l.className} ${Ue} bg-popover text-popover-foreground`,
|
|
2363
|
+
"data-orck-theme": l["data-orck-theme"],
|
|
2364
|
+
style: l.style,
|
|
2365
|
+
children: /* @__PURE__ */ A("form", {
|
|
2366
|
+
className: "grid gap-5",
|
|
2367
|
+
noValidate: !0,
|
|
2368
|
+
onSubmit: (e) => {
|
|
2369
|
+
e.preventDefault(), S();
|
|
2370
|
+
},
|
|
2371
|
+
children: [
|
|
2372
|
+
/* @__PURE__ */ A(gt, { children: [/* @__PURE__ */ k(vt, { children: c("cancel.title", { name: n }) }), /* @__PURE__ */ k(yt, { children: c(r ? "cancel.solanaDescription" : "cancel.description") })] }),
|
|
2373
|
+
r ? null : /* @__PURE__ */ A("div", {
|
|
2374
|
+
className: "grid gap-2",
|
|
2375
|
+
children: [
|
|
2376
|
+
/* @__PURE__ */ k(Q, {
|
|
2377
|
+
htmlFor: u,
|
|
2378
|
+
children: c("cancel.reasonLabel")
|
|
2379
|
+
}),
|
|
2380
|
+
/* @__PURE__ */ k(er, {
|
|
2381
|
+
id: u,
|
|
2382
|
+
value: f,
|
|
2383
|
+
maxLength: 500,
|
|
2384
|
+
placeholder: c("cancel.reasonPlaceholder"),
|
|
2385
|
+
"aria-describedby": d,
|
|
2386
|
+
"aria-invalid": m && x ? !0 : void 0,
|
|
2387
|
+
disabled: v,
|
|
2388
|
+
required: !0,
|
|
2389
|
+
rows: 3,
|
|
2390
|
+
className: "[font:inherit]",
|
|
2391
|
+
onChange: (e) => p(e.target.value),
|
|
2392
|
+
onBlur: () => b > 0 && h(!0)
|
|
2393
|
+
}),
|
|
2394
|
+
/* @__PURE__ */ A("div", {
|
|
2395
|
+
id: d,
|
|
2396
|
+
className: "flex justify-between gap-3 text-xs text-muted-foreground",
|
|
2397
|
+
children: [/* @__PURE__ */ k("span", {
|
|
2398
|
+
className: m && x ? "text-destructive" : "",
|
|
2399
|
+
children: m && x ? c("cancel.reasonTooShort", { min: 4 }) : ""
|
|
2400
|
+
}), /* @__PURE__ */ k("span", {
|
|
2401
|
+
className: "tabular-nums",
|
|
2402
|
+
children: c("cancel.reasonHint", {
|
|
2403
|
+
count: f.length,
|
|
2404
|
+
max: 500
|
|
2405
|
+
})
|
|
2406
|
+
})]
|
|
2407
|
+
})
|
|
2408
|
+
]
|
|
2409
|
+
}),
|
|
2410
|
+
g ? /* @__PURE__ */ k("p", {
|
|
2411
|
+
role: "alert",
|
|
2412
|
+
className: "text-sm text-destructive",
|
|
2413
|
+
children: s.error(g)
|
|
2414
|
+
}) : null,
|
|
2415
|
+
/* @__PURE__ */ A(_t, { children: [/* @__PURE__ */ k(bt, {
|
|
2416
|
+
disabled: v,
|
|
2417
|
+
children: c("cancel.keep")
|
|
2418
|
+
}), /* @__PURE__ */ A(q, {
|
|
2419
|
+
type: "submit",
|
|
2420
|
+
variant: "destructive",
|
|
2421
|
+
disabled: v,
|
|
2422
|
+
children: [v ? /* @__PURE__ */ k(X, {}) : null, C]
|
|
2423
|
+
})] })
|
|
2424
|
+
]
|
|
2425
|
+
})
|
|
2426
|
+
})
|
|
2427
|
+
});
|
|
2428
|
+
}
|
|
2429
|
+
//#endregion
|
|
2430
|
+
//#region src/components/ui/radio-group.tsx
|
|
2431
|
+
function nr({ className: e, ...t }) {
|
|
2432
|
+
return /* @__PURE__ */ k(ue, {
|
|
2433
|
+
"data-slot": "radio-group",
|
|
2434
|
+
className: j("grid w-full gap-3", e),
|
|
2435
|
+
...t
|
|
2436
|
+
});
|
|
2437
|
+
}
|
|
2438
|
+
function rr({ className: e, ...t }) {
|
|
2439
|
+
return /* @__PURE__ */ k(R.Root, {
|
|
2440
|
+
"data-slot": "radio-group-item",
|
|
2441
|
+
className: j("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary", e),
|
|
2442
|
+
...t,
|
|
2443
|
+
children: /* @__PURE__ */ k(R.Indicator, {
|
|
2444
|
+
"data-slot": "radio-group-indicator",
|
|
2445
|
+
className: "flex size-4 items-center justify-center",
|
|
2446
|
+
children: /* @__PURE__ */ k("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
|
|
2447
|
+
})
|
|
2448
|
+
});
|
|
2449
|
+
}
|
|
2450
|
+
//#endregion
|
|
2451
|
+
//#region src/account/change-card-dialog.tsx
|
|
2452
|
+
function ir(e, t) {
|
|
2453
|
+
return t.filter((t) => t.health?.expiry_status !== "expired" && (!e.psp_id || !t.psp_id || t.psp_id === e.psp_id) && (!e.rail || !t.rail || t.rail === e.rail));
|
|
2454
|
+
}
|
|
2455
|
+
function ar({ subscription: e, name: t, onOpenChange: n, pending: r, onConfirm: i, appearance: a }) {
|
|
2456
|
+
let o = G(a);
|
|
2457
|
+
return /* @__PURE__ */ k(xt, {
|
|
2458
|
+
open: e !== null,
|
|
2459
|
+
onOpenChange: (e) => {
|
|
2460
|
+
!e && r || n(e);
|
|
2461
|
+
},
|
|
2462
|
+
children: /* @__PURE__ */ k(wt, {
|
|
2463
|
+
showCloseButton: !1,
|
|
2464
|
+
className: `${o.className} ${Ue} bg-popover text-popover-foreground`,
|
|
2465
|
+
"data-orck-theme": o["data-orck-theme"],
|
|
2466
|
+
style: o.style,
|
|
2467
|
+
children: e ? /* @__PURE__ */ k(or, {
|
|
2468
|
+
subscription: e,
|
|
2469
|
+
name: t,
|
|
2470
|
+
pending: r,
|
|
2471
|
+
onCancel: () => n(!1),
|
|
2472
|
+
onConfirm: i
|
|
2473
|
+
}) : null
|
|
2474
|
+
})
|
|
2475
|
+
});
|
|
2476
|
+
}
|
|
2477
|
+
function or({ subscription: e, name: t, pending: n, onCancel: r, onConfirm: i }) {
|
|
2478
|
+
let a = H(), { t: o } = a, s = E.useId(), l = c(), u = e.payment_method_id ?? "", [d, f] = E.useState(u), [p, m] = E.useState(null), h = l.methods ? ir(e, l.methods) : null, g = !!h && h.some((e) => e.id !== u), _ = async () => {
|
|
2479
|
+
if (!d || d === u || n) return;
|
|
2480
|
+
m(null);
|
|
2481
|
+
let e = await i(d);
|
|
2482
|
+
e && m(e);
|
|
2483
|
+
}, v;
|
|
2484
|
+
return v = h === null && l.error ? /* @__PURE__ */ k($e, {
|
|
2485
|
+
error: l.error,
|
|
2486
|
+
onRetry: l.refetch
|
|
2487
|
+
}) : h === null ? /* @__PURE__ */ k(Ze, { rows: 2 }) : /* @__PURE__ */ k(nr, {
|
|
2488
|
+
value: d,
|
|
2489
|
+
onValueChange: (e) => {
|
|
2490
|
+
typeof e == "string" && e && f(e);
|
|
2491
|
+
},
|
|
2492
|
+
disabled: n,
|
|
2493
|
+
"aria-label": o("changeCard.title", { name: t }),
|
|
2494
|
+
className: "grid gap-0",
|
|
2495
|
+
children: h.map((e) => {
|
|
2496
|
+
let t = `${s}-${e.id}`;
|
|
2497
|
+
return /* @__PURE__ */ A(Q, {
|
|
2498
|
+
htmlFor: t,
|
|
2499
|
+
"data-testid": "change-card-option",
|
|
2500
|
+
className: j("flex cursor-pointer items-center gap-3 py-1.5 select-none", n && "cursor-default"),
|
|
2501
|
+
children: [
|
|
2502
|
+
/* @__PURE__ */ k(rr, {
|
|
2503
|
+
id: t,
|
|
2504
|
+
value: e.id
|
|
2505
|
+
}),
|
|
2506
|
+
/* @__PURE__ */ k(dt, {
|
|
2507
|
+
brand: e.card?.brand ?? void 0,
|
|
2508
|
+
fallback: (e.card?.brand ?? "card").slice(0, 4)
|
|
2509
|
+
}),
|
|
2510
|
+
/* @__PURE__ */ k("span", {
|
|
2511
|
+
className: "min-w-0 flex-1 truncate text-sm font-medium tabular-nums",
|
|
2512
|
+
children: Fe(e.card, a)
|
|
2513
|
+
}),
|
|
2514
|
+
e.id === u ? /* @__PURE__ */ k("span", {
|
|
2515
|
+
className: "shrink-0 text-xs text-muted-foreground",
|
|
2516
|
+
children: o("changeCard.current")
|
|
2517
|
+
}) : null
|
|
2518
|
+
]
|
|
2519
|
+
}, e.id);
|
|
2520
|
+
})
|
|
2521
|
+
}), /* @__PURE__ */ A("form", {
|
|
2522
|
+
className: "grid gap-5",
|
|
2523
|
+
noValidate: !0,
|
|
2524
|
+
onSubmit: (e) => {
|
|
2525
|
+
e.preventDefault(), _();
|
|
2526
|
+
},
|
|
2527
|
+
children: [
|
|
2528
|
+
/* @__PURE__ */ A(Tt, { children: [/* @__PURE__ */ k(Dt, { children: o("changeCard.title", { name: t }) }), /* @__PURE__ */ k(Ot, { children: o(h !== null && !g ? "changeCard.none" : "changeCard.description") })] }),
|
|
2529
|
+
v,
|
|
2530
|
+
p ? /* @__PURE__ */ k("p", {
|
|
2531
|
+
role: "alert",
|
|
2532
|
+
className: "text-sm text-destructive",
|
|
2533
|
+
children: a.error(p)
|
|
2534
|
+
}) : null,
|
|
2535
|
+
/* @__PURE__ */ A(Et, { children: [/* @__PURE__ */ k(q, {
|
|
2536
|
+
type: "button",
|
|
2537
|
+
variant: "outline",
|
|
2538
|
+
disabled: n,
|
|
2539
|
+
onClick: r,
|
|
2540
|
+
children: o("common.cancel")
|
|
2541
|
+
}), /* @__PURE__ */ A(q, {
|
|
2542
|
+
type: "submit",
|
|
2543
|
+
disabled: n || !d || d === u,
|
|
2544
|
+
children: [n ? /* @__PURE__ */ k(X, {}) : null, o("changeCard.confirm")]
|
|
2545
|
+
})] })
|
|
2546
|
+
]
|
|
2547
|
+
});
|
|
2548
|
+
}
|
|
2549
|
+
//#endregion
|
|
2550
|
+
//#region src/account/subscriptions-panel.tsx
|
|
2551
|
+
function sr({ sendSolanaTransaction: e, plansHref: t, renderSubscriptionFooter: n, appearance: i, className: a, ...s }) {
|
|
2552
|
+
let c = H(), { t: l } = c, { locale: u, navigate: d } = W(), f = r(s), p = o().currencies, [m, h] = E.useState(null), [g, _] = E.useState(null), [v, y] = E.useState(null), [b, x] = Xn(), S = E.useMemo(() => {
|
|
2553
|
+
let e = f.subscriptions ?? [];
|
|
2554
|
+
return [...e.filter(ze), ...e.filter((e) => !ze(e))];
|
|
2555
|
+
}, [f.subscriptions]), C = async (e) => {
|
|
2556
|
+
y(null);
|
|
2557
|
+
let t = await f.resume(e.id);
|
|
2558
|
+
t ? y({
|
|
2559
|
+
id: e.id,
|
|
2560
|
+
message: c.error(t)
|
|
2561
|
+
}) : x(l("subscriptions.resumed"));
|
|
2562
|
+
}, w = m?.rail === "solana", T;
|
|
2563
|
+
return T = f.subscriptions === null && f.error ? /* @__PURE__ */ k($e, {
|
|
2564
|
+
error: f.error,
|
|
2565
|
+
onRetry: f.refetch
|
|
2566
|
+
}) : f.subscriptions === null ? /* @__PURE__ */ k(Ze, {}) : S.length === 0 ? /* @__PURE__ */ k(Qe, {
|
|
2567
|
+
title: l("subscriptions.empty"),
|
|
2568
|
+
description: l("subscriptions.emptyDescription"),
|
|
2569
|
+
action: t ? /* @__PURE__ */ k("a", {
|
|
2570
|
+
href: t,
|
|
2571
|
+
className: K({
|
|
2572
|
+
variant: "outline",
|
|
2573
|
+
size: "sm"
|
|
2574
|
+
}),
|
|
2575
|
+
onClick: (e) => {
|
|
2576
|
+
d && (e.preventDefault(), d(t));
|
|
2577
|
+
},
|
|
2578
|
+
children: l("subscriptions.browsePlans")
|
|
2579
|
+
}) : null
|
|
2580
|
+
}) : /* @__PURE__ */ k("ul", {
|
|
2581
|
+
className: "-my-1 divide-y divide-border",
|
|
2582
|
+
children: S.map((t) => {
|
|
2583
|
+
let r = ze(t), i = f.pending[t.id], a = Me(t, c), o = t.price ? Ae(t.price.unit_amount, t.price.currency, p, u) : null, s = je(t.price, c), d = J(t.current_period_ends_at, u), m = J(t.ended_at ?? t.cancelled_at ?? t.current_period_ends_at, u), g = Be(t), b = r && !g && t.price?.auto_renew !== !1, x = r ? d && l(b ? "subscriptions.renews" : "subscriptions.endsOn", { date: d }) : m && l("subscriptions.endedOn", { date: m }), S = t.rail === "solana" ? l("subscriptions.wallet") : t.card?.last4 ? l("subscriptions.paidWith", {
|
|
2584
|
+
brand: Pe(t.card.brand, l("paymentMethods.fallbackBrand")),
|
|
2585
|
+
last4: t.card.last4
|
|
2586
|
+
}) : null, w = r && !g ? t.cancel_portal_url : null, T = Le.has(t.status) && !g && !w && (t.rail !== "solana" || !!e), E = (t.status === "active" || t.status === "past_due" || t.status === "awaiting_method" || t.status === "unverified") && !g && !w && t.rail !== "solana" && !!t.payment_method_id, ee = g ? "cancel_scheduled" : t.status, D = n?.(t);
|
|
2587
|
+
return /* @__PURE__ */ A("li", {
|
|
2588
|
+
"data-testid": "subscription-row",
|
|
2589
|
+
"data-subscription-id": t.id,
|
|
2590
|
+
className: "grid gap-3 py-4 @md:grid-cols-[1fr_auto] @md:items-center",
|
|
2591
|
+
children: [
|
|
2592
|
+
/* @__PURE__ */ A("div", {
|
|
2593
|
+
className: "grid min-w-0 gap-1",
|
|
2594
|
+
children: [
|
|
2595
|
+
/* @__PURE__ */ A("div", {
|
|
2596
|
+
className: "flex flex-wrap items-center gap-x-2 gap-y-1",
|
|
2597
|
+
children: [/* @__PURE__ */ k("span", {
|
|
2598
|
+
className: j("truncate text-sm font-semibold", !r && "text-muted-foreground"),
|
|
2599
|
+
children: a
|
|
2600
|
+
}), /* @__PURE__ */ k(rt, { status: ee })]
|
|
2601
|
+
}),
|
|
2602
|
+
/* @__PURE__ */ k("p", {
|
|
2603
|
+
className: "text-sm text-muted-foreground tabular-nums",
|
|
2604
|
+
children: [x, S].filter(Boolean).join(" · ") || l("common.notAvailable")
|
|
2605
|
+
}),
|
|
2606
|
+
o ? /* @__PURE__ */ A("p", {
|
|
2607
|
+
className: j("text-sm tabular-nums", !r && "text-muted-foreground"),
|
|
2608
|
+
children: [/* @__PURE__ */ k("span", {
|
|
2609
|
+
className: "font-medium",
|
|
2610
|
+
children: o
|
|
2611
|
+
}), s ? /* @__PURE__ */ A("span", {
|
|
2612
|
+
className: "text-muted-foreground",
|
|
2613
|
+
children: [" ", s]
|
|
2614
|
+
}) : null]
|
|
2615
|
+
}) : null,
|
|
2616
|
+
t.status === "past_due" || t.status === "awaiting_method" ? /* @__PURE__ */ k("p", {
|
|
2617
|
+
className: "text-sm text-destructive",
|
|
2618
|
+
children: l("subscriptions.pastDue")
|
|
2619
|
+
}) : null,
|
|
2620
|
+
v?.id === t.id ? /* @__PURE__ */ k("p", {
|
|
2621
|
+
role: "alert",
|
|
2622
|
+
className: "text-sm text-destructive",
|
|
2623
|
+
children: v.message
|
|
2624
|
+
}) : null
|
|
2625
|
+
]
|
|
2626
|
+
}),
|
|
2627
|
+
/* @__PURE__ */ A("div", {
|
|
2628
|
+
className: "flex flex-wrap gap-2 @md:justify-end",
|
|
2629
|
+
children: [
|
|
2630
|
+
t.resumable ? /* @__PURE__ */ A(q, {
|
|
2631
|
+
variant: "outline",
|
|
2632
|
+
size: "sm",
|
|
2633
|
+
disabled: !!i,
|
|
2634
|
+
onClick: () => void C(t),
|
|
2635
|
+
children: [i === "resume" ? /* @__PURE__ */ k(X, {}) : null, l(i === "resume" ? "subscriptions.updating" : "subscriptions.resume")]
|
|
2636
|
+
}) : null,
|
|
2637
|
+
w ? /* @__PURE__ */ A("a", {
|
|
2638
|
+
href: w,
|
|
2639
|
+
target: "_blank",
|
|
2640
|
+
rel: "noopener noreferrer",
|
|
2641
|
+
className: K({
|
|
2642
|
+
variant: "outline",
|
|
2643
|
+
size: "sm"
|
|
2644
|
+
}),
|
|
2645
|
+
children: [l("subscriptions.manageAtProvider"), /* @__PURE__ */ k(N, {
|
|
2646
|
+
icon: oe,
|
|
2647
|
+
"aria-hidden": !0
|
|
2648
|
+
})]
|
|
2649
|
+
}) : null,
|
|
2650
|
+
E ? /* @__PURE__ */ A(q, {
|
|
2651
|
+
variant: "outline",
|
|
2652
|
+
size: "sm",
|
|
2653
|
+
disabled: !!i,
|
|
2654
|
+
"aria-label": l("subscriptions.changeCardLabel", { name: a }),
|
|
2655
|
+
onClick: () => {
|
|
2656
|
+
y(null), _(t);
|
|
2657
|
+
},
|
|
2658
|
+
children: [i === "payment_method" ? /* @__PURE__ */ k(X, {}) : null, l("subscriptions.changeCard")]
|
|
2659
|
+
}) : null,
|
|
2660
|
+
T ? /* @__PURE__ */ A(q, {
|
|
2661
|
+
variant: "ghost",
|
|
2662
|
+
size: "sm",
|
|
2663
|
+
className: "text-muted-foreground hover:text-destructive",
|
|
2664
|
+
disabled: !!i,
|
|
2665
|
+
"aria-label": l("subscriptions.cancelLabel", { name: a }),
|
|
2666
|
+
onClick: () => {
|
|
2667
|
+
y(null), h(t);
|
|
2668
|
+
},
|
|
2669
|
+
children: [i && i !== "resume" && i !== "payment_method" && i !== "change_tier" ? /* @__PURE__ */ k(X, {}) : null, l("subscriptions.cancel")]
|
|
2670
|
+
}) : null
|
|
2671
|
+
]
|
|
2672
|
+
}),
|
|
2673
|
+
D ? /* @__PURE__ */ k("div", {
|
|
2674
|
+
"data-testid": "subscription-footer",
|
|
2675
|
+
className: "border-t border-border/60 pt-3 @md:col-span-2",
|
|
2676
|
+
children: D
|
|
2677
|
+
}) : null
|
|
2678
|
+
]
|
|
2679
|
+
}, t.id);
|
|
2680
|
+
})
|
|
2681
|
+
}), /* @__PURE__ */ A(Xe, {
|
|
2682
|
+
title: l("subscriptions.title"),
|
|
2683
|
+
description: l("subscriptions.description"),
|
|
2684
|
+
appearance: i,
|
|
2685
|
+
className: a,
|
|
2686
|
+
"data-testid": "subscriptions-panel",
|
|
2687
|
+
children: [
|
|
2688
|
+
T,
|
|
2689
|
+
f.subscriptions !== null && f.error ? /* @__PURE__ */ k("div", {
|
|
2690
|
+
className: "pt-3",
|
|
2691
|
+
children: /* @__PURE__ */ k($e, {
|
|
2692
|
+
error: f.error,
|
|
2693
|
+
onRetry: f.refetch
|
|
2694
|
+
})
|
|
2695
|
+
}) : null,
|
|
2696
|
+
b,
|
|
2697
|
+
/* @__PURE__ */ k(ar, {
|
|
2698
|
+
subscription: g,
|
|
2699
|
+
name: g ? Me(g, c) : "",
|
|
2700
|
+
onOpenChange: (e) => !e && _(null),
|
|
2701
|
+
appearance: i,
|
|
2702
|
+
pending: !!g && f.pending[g.id] === "payment_method",
|
|
2703
|
+
onConfirm: async (e) => {
|
|
2704
|
+
if (!g) return null;
|
|
2705
|
+
let t = await f.setPaymentMethod(g.id, e);
|
|
2706
|
+
return t || (_(null), x(l("changeCard.done"))), t;
|
|
2707
|
+
}
|
|
2708
|
+
}, `card-${g?.id ?? "closed"}`),
|
|
2709
|
+
/* @__PURE__ */ k(tr, {
|
|
2710
|
+
open: m !== null,
|
|
2711
|
+
onOpenChange: (e) => !e && h(null),
|
|
2712
|
+
name: m ? Me(m, c) : "",
|
|
2713
|
+
onChain: w,
|
|
2714
|
+
appearance: i,
|
|
2715
|
+
pending: m ? f.pending[m.id] : void 0,
|
|
2716
|
+
onConfirm: async (t) => {
|
|
2717
|
+
if (!m) return null;
|
|
2718
|
+
let n = w && e ? await f.cancelOnChain(m.id, e) : await f.cancel(m.id, t);
|
|
2719
|
+
return n || x(l("cancel.done")), n;
|
|
2720
|
+
}
|
|
2721
|
+
}, m?.id ?? "closed")
|
|
2722
|
+
]
|
|
2723
|
+
});
|
|
2724
|
+
}
|
|
2725
|
+
//#endregion
|
|
2726
|
+
//#region src/account/account-billing.tsx
|
|
2727
|
+
function cr({ psps: e, cardSetupReturnURL: t, defaultCurrency: n, defaultCountry: r, sendSolanaTransaction: i, plansHref: a, renderSubscriptionFooter: o, historyPageSize: s, appearance: c, className: l }) {
|
|
2728
|
+
return /* @__PURE__ */ A(we, {
|
|
2729
|
+
appearance: c,
|
|
2730
|
+
className: j("grid gap-6", l),
|
|
2731
|
+
"data-testid": "account-billing",
|
|
2732
|
+
children: [
|
|
2733
|
+
/* @__PURE__ */ k(sr, {
|
|
2734
|
+
sendSolanaTransaction: i,
|
|
2735
|
+
plansHref: a,
|
|
2736
|
+
renderSubscriptionFooter: o,
|
|
2737
|
+
appearance: c
|
|
2738
|
+
}),
|
|
2739
|
+
/* @__PURE__ */ k($n, {
|
|
2740
|
+
psps: e,
|
|
2741
|
+
cardSetupReturnURL: t,
|
|
2742
|
+
defaultCurrency: n,
|
|
2743
|
+
defaultCountry: r,
|
|
2744
|
+
appearance: c
|
|
2745
|
+
}),
|
|
2746
|
+
/* @__PURE__ */ k(at, {
|
|
2747
|
+
pageSize: s,
|
|
2748
|
+
appearance: c
|
|
2749
|
+
})
|
|
2750
|
+
]
|
|
2751
|
+
});
|
|
2752
|
+
}
|
|
2753
|
+
//#endregion
|
|
2754
|
+
//#region src/authenticate.ts
|
|
2755
|
+
async function lr(e, t, n) {
|
|
2756
|
+
if (!zt(n)) return "not_required";
|
|
2757
|
+
let { client_secret: r } = await e.getPaymentAuthentication(t);
|
|
2758
|
+
if (!r) return "not_required";
|
|
2759
|
+
let i = await (await vn(n.config.publishable_key)).confirmCardPayment(r);
|
|
2760
|
+
if (i.error) throw Error(i.error.message ?? "Authentication failed.");
|
|
2761
|
+
return await e.confirmPaymentAuthentication(t), "authenticated";
|
|
2762
|
+
}
|
|
2763
|
+
//#endregion
|
|
2764
|
+
//#region src/components/ccbill-fields.tsx
|
|
2765
|
+
function ur({ idPrefix: e, value: t, onChange: n, disabled: r, error: i }) {
|
|
2766
|
+
let a = (e) => (r) => n({
|
|
2767
|
+
...t,
|
|
2768
|
+
[e]: r
|
|
2769
|
+
});
|
|
2770
|
+
return /* @__PURE__ */ A(O, { children: [
|
|
2771
|
+
/* @__PURE__ */ k(an, {
|
|
2772
|
+
id: `${e}-name-on-card`,
|
|
2773
|
+
name: "name_on_card",
|
|
2774
|
+
label: "Name on card",
|
|
2775
|
+
value: t.name_on_card,
|
|
2776
|
+
onChange: a("name_on_card"),
|
|
2777
|
+
autoComplete: "cc-name",
|
|
2778
|
+
placeholder: "Name as shown on card",
|
|
2779
|
+
disabled: r,
|
|
2780
|
+
maxLength: 200,
|
|
2781
|
+
required: !0
|
|
2782
|
+
}),
|
|
2783
|
+
/* @__PURE__ */ A("div", {
|
|
2784
|
+
className: "grid grid-cols-2 gap-3",
|
|
2785
|
+
children: [/* @__PURE__ */ k(on, {
|
|
2786
|
+
id: `${e}-country`,
|
|
2787
|
+
value: t.country,
|
|
2788
|
+
onChange: a("country"),
|
|
2789
|
+
disabled: r
|
|
2790
|
+
}), /* @__PURE__ */ k(sn, {
|
|
2791
|
+
id: `${e}-zip`,
|
|
2792
|
+
value: t.zip,
|
|
2793
|
+
country: t.country,
|
|
2794
|
+
onChange: a("zip"),
|
|
2795
|
+
disabled: r,
|
|
2796
|
+
required: !0
|
|
2797
|
+
})]
|
|
2798
|
+
}),
|
|
2799
|
+
i ? /* @__PURE__ */ k("p", {
|
|
2800
|
+
className: "text-[13px] text-destructive",
|
|
2801
|
+
role: "alert",
|
|
2802
|
+
children: i
|
|
2803
|
+
}) : null
|
|
2804
|
+
] });
|
|
2805
|
+
}
|
|
2806
|
+
//#endregion
|
|
2807
|
+
//#region src/lib/ccbill.ts
|
|
2808
|
+
var dr = I.object({
|
|
2809
|
+
name_on_card: qt,
|
|
2810
|
+
zip: I.string().trim().min(1, "ZIP is required"),
|
|
2811
|
+
country: Jt
|
|
2812
|
+
}), fr = {
|
|
2813
|
+
name_on_card: "",
|
|
2814
|
+
zip: "",
|
|
2815
|
+
country: ""
|
|
2816
|
+
};
|
|
2817
|
+
//#endregion
|
|
2818
|
+
//#region src/lib/rail-meta.ts
|
|
2819
|
+
function pr(e) {
|
|
2820
|
+
return e.driver === "collect_js" || e.driver === "card" || e.driver === "stripe_elements" ? { label: "Card" } : mr[e.rail];
|
|
2821
|
+
}
|
|
2822
|
+
var mr = {
|
|
2823
|
+
nmi: { label: "Card" },
|
|
2824
|
+
stripe: {
|
|
2825
|
+
label: "Stripe",
|
|
2826
|
+
hint: "Opens Stripe"
|
|
2827
|
+
},
|
|
2828
|
+
ccbill: {
|
|
2829
|
+
label: "CCBill",
|
|
2830
|
+
hint: "Opens CCBill"
|
|
2831
|
+
},
|
|
2832
|
+
solana: { label: "Crypto" }
|
|
2833
|
+
};
|
|
2834
|
+
function hr(e) {
|
|
2835
|
+
let t = e.public_config?.token_symbol?.trim().toUpperCase();
|
|
2836
|
+
if (!t) return;
|
|
2837
|
+
let n = e.public_config?.token_name?.trim(), r = e.public_config?.network?.trim().toLowerCase();
|
|
2838
|
+
return {
|
|
2839
|
+
symbol: t,
|
|
2840
|
+
name: n || void 0,
|
|
2841
|
+
network: r || void 0
|
|
2842
|
+
};
|
|
2843
|
+
}
|
|
2844
|
+
function gr(e) {
|
|
2845
|
+
return `${e.name && e.name.toUpperCase() !== e.symbol ? `${e.name} (${e.symbol})` : e.symbol} on ${e.network && e.network !== "mainnet-beta" ? `Solana ${e.network}` : "Solana"}`;
|
|
2846
|
+
}
|
|
2847
|
+
function _r(e) {
|
|
2848
|
+
return e.filter((e) => mr[e.rail] === void 0 ? !1 : e.driver === "collect_js" || e.driver === "card" ? e.rail === "nmi" : e.driver === "stripe_elements" ? e.rail === "stripe" : e.driver === "redirect" ? e.rail === "stripe" || e.rail === "ccbill" : e.driver === "solana_pay" && e.rail === "solana" && hr(e) !== void 0);
|
|
2849
|
+
}
|
|
2850
|
+
//#endregion
|
|
2851
|
+
//#region src/components/methods.tsx
|
|
2852
|
+
function vr({ rails: e, selected: t, onSelect: n, disabled: r, idPrefix: i, renderBody: a }) {
|
|
2853
|
+
return e.length === 1 ? /* @__PURE__ */ k("div", {
|
|
2854
|
+
className: "[&>div]:pt-0 [&>div]:pb-0 [&>div]:pl-0",
|
|
2855
|
+
children: a(e[0], !0)
|
|
2856
|
+
}) : /* @__PURE__ */ k(nr, {
|
|
2857
|
+
"aria-label": "Payment method",
|
|
2858
|
+
className: "grid w-full gap-0",
|
|
2859
|
+
value: t,
|
|
2860
|
+
onValueChange: (e) => {
|
|
2861
|
+
typeof e == "string" && e && n(e);
|
|
2862
|
+
},
|
|
2863
|
+
disabled: r,
|
|
2864
|
+
children: e.map((e) => {
|
|
2865
|
+
let n = pr(e), o = e.rail === "solana" ? hr(e) : void 0, s = o ? gr(o) : n.hint, c = e.id === t, l = `${i}-option-${e.id}`;
|
|
2866
|
+
return /* @__PURE__ */ A("div", {
|
|
2867
|
+
className: "border-t border-[color:var(--orck-hairline)] first:border-t-0",
|
|
2868
|
+
children: [/* @__PURE__ */ A(Q, {
|
|
2869
|
+
htmlFor: l,
|
|
2870
|
+
className: j("flex cursor-pointer items-center gap-2.5 py-[13px] text-sm font-medium text-muted-foreground select-none", c && "font-semibold text-foreground", r && "cursor-default"),
|
|
2871
|
+
children: [
|
|
2872
|
+
/* @__PURE__ */ k(rr, {
|
|
2873
|
+
id: l,
|
|
2874
|
+
value: e.id
|
|
2875
|
+
}),
|
|
2876
|
+
n.label,
|
|
2877
|
+
s ? /* @__PURE__ */ k("span", {
|
|
2878
|
+
className: "ml-auto text-xs font-normal text-[color:var(--orck-faint)]",
|
|
2879
|
+
children: s
|
|
2880
|
+
}) : null
|
|
2881
|
+
]
|
|
2882
|
+
}), a(e, c)]
|
|
2883
|
+
}, e.id);
|
|
2884
|
+
})
|
|
2885
|
+
});
|
|
2886
|
+
}
|
|
2887
|
+
function yr({ children: e, hidden: t }) {
|
|
2888
|
+
return /* @__PURE__ */ k("div", {
|
|
2889
|
+
"aria-hidden": t || void 0,
|
|
2890
|
+
className: j("grid gap-3.5 pt-1 pb-[18px] pl-[26px]", t && "hidden"),
|
|
2891
|
+
children: e
|
|
2892
|
+
});
|
|
2893
|
+
}
|
|
2894
|
+
//#endregion
|
|
2895
|
+
//#region src/components/qr.tsx
|
|
2896
|
+
var br = 208;
|
|
2897
|
+
function xr({ amountLabel: e, payload: t, statusLine: n }) {
|
|
2898
|
+
let r = E.useRef(null), [i, a] = E.useState("loading");
|
|
2899
|
+
return E.useEffect(() => {
|
|
2900
|
+
let e = r.current;
|
|
2901
|
+
if (!e || !t) return;
|
|
2902
|
+
let n = !1;
|
|
2903
|
+
return e.replaceChildren(), a("loading"), import("./dist-CslWupfi.js").then(({ createQR: r }) => {
|
|
2904
|
+
n || (r(t, br, "#ffffff", "#18181b").append(e), a("ready"));
|
|
2905
|
+
}).catch(() => {
|
|
2906
|
+
n || a("failed");
|
|
2907
|
+
}), () => {
|
|
2908
|
+
n = !0, e.replaceChildren();
|
|
2909
|
+
};
|
|
2910
|
+
}, [t]), /* @__PURE__ */ A("div", {
|
|
2911
|
+
className: "grid justify-items-center gap-3 py-1",
|
|
2912
|
+
children: [
|
|
2913
|
+
/* @__PURE__ */ k("div", {
|
|
2914
|
+
className: "grid place-items-center rounded-xl bg-white p-1 shadow-sm ring-1 ring-black/10",
|
|
2915
|
+
children: t ? /* @__PURE__ */ A("div", {
|
|
2916
|
+
role: "img",
|
|
2917
|
+
"aria-label": "Solana Pay QR code",
|
|
2918
|
+
className: "relative overflow-hidden rounded-lg",
|
|
2919
|
+
style: {
|
|
2920
|
+
width: br,
|
|
2921
|
+
height: br
|
|
2922
|
+
},
|
|
2923
|
+
children: [
|
|
2924
|
+
/* @__PURE__ */ k("div", {
|
|
2925
|
+
ref: r,
|
|
2926
|
+
className: "absolute inset-0"
|
|
2927
|
+
}),
|
|
2928
|
+
i === "loading" ? /* @__PURE__ */ k("div", {
|
|
2929
|
+
"aria-hidden": !0,
|
|
2930
|
+
className: "absolute inset-0 animate-pulse rounded-lg bg-zinc-100"
|
|
2931
|
+
}) : null,
|
|
2932
|
+
i === "failed" ? /* @__PURE__ */ k("div", {
|
|
2933
|
+
className: "absolute inset-0 grid place-items-center text-center text-xs text-zinc-600",
|
|
2934
|
+
children: "QR code unavailable"
|
|
2935
|
+
}) : null
|
|
2936
|
+
]
|
|
2937
|
+
}) : /* @__PURE__ */ k("div", {
|
|
2938
|
+
"aria-hidden": !0,
|
|
2939
|
+
className: "animate-pulse rounded-lg bg-zinc-100",
|
|
2940
|
+
style: {
|
|
2941
|
+
width: br,
|
|
2942
|
+
height: br
|
|
2943
|
+
}
|
|
2944
|
+
})
|
|
2945
|
+
}),
|
|
2946
|
+
/* @__PURE__ */ k("div", {
|
|
2947
|
+
className: "text-[13px] font-medium text-balance",
|
|
2948
|
+
children: "Scan with a Solana wallet"
|
|
2949
|
+
}),
|
|
2950
|
+
/* @__PURE__ */ A("div", {
|
|
2951
|
+
className: "text-center text-[12.5px] text-pretty text-muted-foreground tabular-nums",
|
|
2952
|
+
"aria-live": "polite",
|
|
2953
|
+
children: [
|
|
2954
|
+
e,
|
|
2955
|
+
" · ",
|
|
2956
|
+
n
|
|
2957
|
+
]
|
|
2958
|
+
}),
|
|
2959
|
+
t ? /* @__PURE__ */ k("a", {
|
|
2960
|
+
href: t,
|
|
2961
|
+
className: j(K({ variant: "secondary" }), "h-9 w-full max-w-56"),
|
|
2962
|
+
children: "Open in wallet"
|
|
2963
|
+
}) : null
|
|
2964
|
+
]
|
|
2965
|
+
});
|
|
2966
|
+
}
|
|
2967
|
+
var Sr = {
|
|
2968
|
+
visa: "VISA",
|
|
2969
|
+
mastercard: "MC",
|
|
2970
|
+
amex: "AMEX",
|
|
2971
|
+
discover: "DISC",
|
|
2972
|
+
jcb: "JCB",
|
|
2973
|
+
diners: "DINERS"
|
|
2974
|
+
};
|
|
2975
|
+
function Cr(e) {
|
|
2976
|
+
return Sr[e?.trim().toLowerCase() ?? ""] ?? "CARD";
|
|
2977
|
+
}
|
|
2978
|
+
function wr(e) {
|
|
2979
|
+
let t = e?.trim();
|
|
2980
|
+
return t ? t[0].toUpperCase() + t.slice(1) : "Card";
|
|
2981
|
+
}
|
|
2982
|
+
function Tr(e) {
|
|
2983
|
+
if (!(!e.exp_month || !e.exp_year)) return `${String(e.exp_month).padStart(2, "0")}/${String(e.exp_year).slice(-2)}`;
|
|
2984
|
+
}
|
|
2985
|
+
function Er({ methods: e, value: t, onChange: n, disabled: r, idPrefix: i }) {
|
|
2986
|
+
return /* @__PURE__ */ A(nr, {
|
|
2987
|
+
value: t,
|
|
2988
|
+
onValueChange: (e) => {
|
|
2989
|
+
typeof e == "string" && e && n(e);
|
|
2990
|
+
},
|
|
2991
|
+
disabled: r,
|
|
2992
|
+
"aria-label": "Saved cards",
|
|
2993
|
+
className: "grid gap-0",
|
|
2994
|
+
children: [e.map((e) => {
|
|
2995
|
+
let n = `${i}-${e.id}`, a = t === e.id, o = Tr(e);
|
|
2996
|
+
return /* @__PURE__ */ A(Q, {
|
|
2997
|
+
htmlFor: n,
|
|
2998
|
+
className: j("flex cursor-pointer items-center gap-3 py-1.5 select-none", r && "cursor-default"),
|
|
2999
|
+
children: [
|
|
3000
|
+
/* @__PURE__ */ k(rr, {
|
|
3001
|
+
id: n,
|
|
3002
|
+
value: e.id
|
|
3003
|
+
}),
|
|
3004
|
+
/* @__PURE__ */ k(dt, {
|
|
3005
|
+
brand: e.brand,
|
|
3006
|
+
fallback: Cr(e.brand)
|
|
3007
|
+
}),
|
|
3008
|
+
/* @__PURE__ */ A("span", {
|
|
3009
|
+
className: j("min-w-0 flex-1 truncate text-sm font-medium text-muted-foreground tabular-nums transition-colors", a && "font-semibold text-foreground"),
|
|
3010
|
+
children: [/* @__PURE__ */ A("span", {
|
|
3011
|
+
className: "sr-only",
|
|
3012
|
+
children: [
|
|
3013
|
+
wr(e.brand),
|
|
3014
|
+
" card ending ",
|
|
3015
|
+
e.last_four,
|
|
3016
|
+
o ? `, expires ${o}` : ""
|
|
3017
|
+
]
|
|
3018
|
+
}), /* @__PURE__ */ A("span", {
|
|
3019
|
+
"aria-hidden": !0,
|
|
3020
|
+
children: [
|
|
3021
|
+
wr(e.brand),
|
|
3022
|
+
" •••• ",
|
|
3023
|
+
e.last_four ?? "····",
|
|
3024
|
+
o ? /* @__PURE__ */ A("span", {
|
|
3025
|
+
className: "font-normal text-muted-foreground",
|
|
3026
|
+
children: [
|
|
3027
|
+
" ",
|
|
3028
|
+
"· ",
|
|
3029
|
+
o
|
|
3030
|
+
]
|
|
3031
|
+
}) : null
|
|
3032
|
+
]
|
|
3033
|
+
})]
|
|
3034
|
+
})
|
|
3035
|
+
]
|
|
3036
|
+
}, e.id);
|
|
3037
|
+
}), /* @__PURE__ */ A(Q, {
|
|
3038
|
+
htmlFor: `${i}-new`,
|
|
3039
|
+
className: j("flex cursor-pointer items-center gap-3 py-1.5 text-sm font-medium text-muted-foreground select-none", t === "new" && "font-semibold text-foreground", r && "cursor-default"),
|
|
3040
|
+
children: [
|
|
3041
|
+
/* @__PURE__ */ k(rr, {
|
|
3042
|
+
id: `${i}-new`,
|
|
3043
|
+
value: "new"
|
|
3044
|
+
}),
|
|
3045
|
+
/* @__PURE__ */ k("span", {
|
|
3046
|
+
"aria-hidden": !0,
|
|
3047
|
+
className: j("grid h-7 w-11 shrink-0 place-items-center rounded-md border border-dashed border-border text-muted-foreground transition-colors", t === "new" && "border-solid border-transparent bg-foreground text-background"),
|
|
3048
|
+
children: /* @__PURE__ */ k(N, {
|
|
3049
|
+
icon: ae,
|
|
3050
|
+
className: "size-3.5"
|
|
3051
|
+
})
|
|
3052
|
+
}),
|
|
3053
|
+
"Use a new card"
|
|
3054
|
+
]
|
|
3055
|
+
})]
|
|
3056
|
+
});
|
|
3057
|
+
}
|
|
3058
|
+
//#endregion
|
|
3059
|
+
//#region src/components/summary.tsx
|
|
3060
|
+
function Dr(e, t) {
|
|
3061
|
+
let n = e.plan.automatically_renews ? De(e.plan.period_hours, t) : null;
|
|
3062
|
+
return n ? t.t("checkout.renews", { period: n }) : void 0;
|
|
3063
|
+
}
|
|
3064
|
+
function Or(e, t) {
|
|
3065
|
+
return e.line_items && e.line_items.length > 0 ? e.line_items : [{
|
|
3066
|
+
label: e.plan.display_name,
|
|
3067
|
+
sublabel: Dr(e, t),
|
|
3068
|
+
amount: e.plan.unit_amount
|
|
3069
|
+
}];
|
|
3070
|
+
}
|
|
3071
|
+
function kr(e, t) {
|
|
3072
|
+
return e.due_today === void 0 ? C(...Or(e, t).map((e) => e.amount), e.tax ?? "0") : e.due_today;
|
|
3073
|
+
}
|
|
3074
|
+
function Ar({ children: e, className: t }) {
|
|
3075
|
+
return /* @__PURE__ */ k("div", {
|
|
3076
|
+
className: j("text-[11px] font-semibold tracking-[0.09em] text-muted-foreground uppercase", t),
|
|
3077
|
+
children: e
|
|
3078
|
+
});
|
|
3079
|
+
}
|
|
3080
|
+
function jr({ label: e, sublabel: t, amount: n, quiet: r }) {
|
|
3081
|
+
return /* @__PURE__ */ A("div", {
|
|
3082
|
+
className: j("flex items-start justify-between gap-4 border-b border-[color:var(--orck-hairline)] py-[11px] text-[13.5px]", r && "text-muted-foreground"),
|
|
3083
|
+
children: [/* @__PURE__ */ A("span", { children: [e, t ? /* @__PURE__ */ k("span", {
|
|
3084
|
+
className: "block text-xs text-muted-foreground",
|
|
3085
|
+
children: t
|
|
3086
|
+
}) : null] }), /* @__PURE__ */ k("span", {
|
|
3087
|
+
className: "whitespace-nowrap tabular-nums",
|
|
3088
|
+
children: n
|
|
3089
|
+
})]
|
|
3090
|
+
});
|
|
3091
|
+
}
|
|
3092
|
+
function Mr({ session: e }) {
|
|
3093
|
+
let t = H(), { currency: n, unit_decimals: r } = e.plan, i = (e) => d(e, n, r);
|
|
3094
|
+
return /* @__PURE__ */ A("div", {
|
|
3095
|
+
className: "grid content-start gap-5",
|
|
3096
|
+
children: [
|
|
3097
|
+
/* @__PURE__ */ k(Ar, { children: e.merchant.display_name }),
|
|
3098
|
+
/* @__PURE__ */ A("div", {
|
|
3099
|
+
className: "text-[38px] leading-[1.05] font-semibold tracking-[-0.02em] tabular-nums",
|
|
3100
|
+
children: [i(e.plan.unit_amount), /* @__PURE__ */ k("span", {
|
|
3101
|
+
className: "ml-1 text-[15px] font-normal tracking-normal text-muted-foreground",
|
|
3102
|
+
children: Oe(e.plan.period_hours, t)
|
|
3103
|
+
})]
|
|
3104
|
+
}),
|
|
3105
|
+
/* @__PURE__ */ A("div", {
|
|
3106
|
+
className: "grid",
|
|
3107
|
+
children: [
|
|
3108
|
+
Or(e, t).map((e) => /* @__PURE__ */ k(jr, {
|
|
3109
|
+
label: e.label,
|
|
3110
|
+
sublabel: e.sublabel,
|
|
3111
|
+
amount: i(e.amount)
|
|
3112
|
+
}, e.label)),
|
|
3113
|
+
e.tax === void 0 ? null : /* @__PURE__ */ k(jr, {
|
|
3114
|
+
label: "Tax",
|
|
3115
|
+
amount: i(e.tax),
|
|
3116
|
+
quiet: !0
|
|
3117
|
+
}),
|
|
3118
|
+
/* @__PURE__ */ A("div", {
|
|
3119
|
+
className: "-mt-px flex items-start justify-between gap-4 border-t border-border pt-[13px] text-[13.5px] font-semibold",
|
|
3120
|
+
children: [/* @__PURE__ */ k("span", { children: "Due today" }), /* @__PURE__ */ k("span", {
|
|
3121
|
+
className: "whitespace-nowrap tabular-nums",
|
|
3122
|
+
children: i(kr(e, t))
|
|
3123
|
+
})]
|
|
3124
|
+
})
|
|
3125
|
+
]
|
|
3126
|
+
})
|
|
3127
|
+
]
|
|
3128
|
+
});
|
|
3129
|
+
}
|
|
3130
|
+
function Nr({ session: e, className: t }) {
|
|
3131
|
+
let n = H(), r = Dr(e, n), i = Oe(e.plan.period_hours, n);
|
|
3132
|
+
return /* @__PURE__ */ A("div", {
|
|
3133
|
+
className: j("flex items-baseline justify-between gap-3 border-b border-[color:var(--orck-hairline)] pb-3.5", t),
|
|
3134
|
+
children: [/* @__PURE__ */ A("div", {
|
|
3135
|
+
className: "grid gap-0.5",
|
|
3136
|
+
children: [/* @__PURE__ */ k(Ar, { children: e.merchant.display_name }), /* @__PURE__ */ A("div", {
|
|
3137
|
+
className: "text-[12.5px] text-muted-foreground",
|
|
3138
|
+
children: [e.plan.display_name, r ? ` · ${r}` : ""]
|
|
3139
|
+
})]
|
|
3140
|
+
}), /* @__PURE__ */ A("div", {
|
|
3141
|
+
className: "text-[22px] font-semibold tracking-[-0.01em] whitespace-nowrap tabular-nums",
|
|
3142
|
+
children: [d(e.plan.unit_amount, e.plan.currency, e.plan.unit_decimals), i ? /* @__PURE__ */ A("span", {
|
|
3143
|
+
className: "text-xs font-normal text-muted-foreground",
|
|
3144
|
+
children: [" ", i.replace("/ ", "/")]
|
|
3145
|
+
}) : null]
|
|
3146
|
+
})]
|
|
3147
|
+
});
|
|
3148
|
+
}
|
|
3149
|
+
//#endregion
|
|
3150
|
+
//#region src/components/states.tsx
|
|
3151
|
+
function Pr() {
|
|
3152
|
+
return /* @__PURE__ */ A("div", {
|
|
3153
|
+
className: "grid gap-4",
|
|
3154
|
+
"aria-hidden": !0,
|
|
3155
|
+
children: [
|
|
3156
|
+
/* @__PURE__ */ k(Y, { className: "h-3 w-24" }),
|
|
3157
|
+
/* @__PURE__ */ k(Y, { className: "h-6 w-52" }),
|
|
3158
|
+
/* @__PURE__ */ k(Y, { className: "mt-1.5 h-11 w-full" }),
|
|
3159
|
+
/* @__PURE__ */ k(Y, { className: "h-28 w-full" }),
|
|
3160
|
+
/* @__PURE__ */ k(Y, { className: "h-11 w-full" }),
|
|
3161
|
+
/* @__PURE__ */ k(Y, { className: "mt-1 h-[42px] w-full" })
|
|
3162
|
+
]
|
|
3163
|
+
});
|
|
3164
|
+
}
|
|
3165
|
+
function Fr({ merchantName: e, embedded: t }) {
|
|
3166
|
+
return /* @__PURE__ */ A("div", {
|
|
3167
|
+
className: "grid gap-4",
|
|
3168
|
+
children: [/* @__PURE__ */ k(Ar, { children: e }), /* @__PURE__ */ A("div", {
|
|
3169
|
+
className: "grid justify-items-center gap-2.5 px-2 py-7 text-center",
|
|
3170
|
+
children: [
|
|
3171
|
+
/* @__PURE__ */ k("div", {
|
|
3172
|
+
className: "grid size-11 place-items-center rounded-full bg-[color:var(--orck-success)]/12 text-[color:var(--orck-success)]",
|
|
3173
|
+
children: /* @__PURE__ */ k("svg", {
|
|
3174
|
+
width: "20",
|
|
3175
|
+
height: "20",
|
|
3176
|
+
viewBox: "0 0 20 20",
|
|
3177
|
+
fill: "none",
|
|
3178
|
+
stroke: "currentColor",
|
|
3179
|
+
strokeWidth: "2.2",
|
|
3180
|
+
strokeLinecap: "round",
|
|
3181
|
+
strokeLinejoin: "round",
|
|
3182
|
+
"aria-hidden": !0,
|
|
3183
|
+
children: /* @__PURE__ */ k("path", { d: "M4 10.5l4 4 8-9" })
|
|
3184
|
+
})
|
|
3185
|
+
}),
|
|
3186
|
+
/* @__PURE__ */ k("div", {
|
|
3187
|
+
className: "text-[15px] font-semibold",
|
|
3188
|
+
children: "Payment complete"
|
|
3189
|
+
}),
|
|
3190
|
+
/* @__PURE__ */ k("div", {
|
|
3191
|
+
className: "text-[13px] text-muted-foreground",
|
|
3192
|
+
children: t ? "You're all set." : `Returning to ${e}…`
|
|
3193
|
+
})
|
|
3194
|
+
]
|
|
3195
|
+
})]
|
|
3196
|
+
});
|
|
3197
|
+
}
|
|
3198
|
+
function Ir({ merchantName: e, headline: t, sub: n }) {
|
|
3199
|
+
return /* @__PURE__ */ A("div", {
|
|
3200
|
+
className: "grid gap-4",
|
|
3201
|
+
children: [/* @__PURE__ */ k(Ar, { children: e }), /* @__PURE__ */ A("div", {
|
|
3202
|
+
className: "grid justify-items-center gap-2 px-2 py-7 text-center",
|
|
3203
|
+
children: [/* @__PURE__ */ k("div", {
|
|
3204
|
+
className: "text-[15px] font-semibold",
|
|
3205
|
+
children: t
|
|
3206
|
+
}), n ? /* @__PURE__ */ k("div", {
|
|
3207
|
+
className: "text-[13px] text-muted-foreground",
|
|
3208
|
+
children: n
|
|
3209
|
+
}) : null]
|
|
3210
|
+
})]
|
|
3211
|
+
});
|
|
3212
|
+
}
|
|
3213
|
+
//#endregion
|
|
3214
|
+
//#region src/lib/redirect.ts
|
|
3215
|
+
function Lr(e) {
|
|
3216
|
+
try {
|
|
3217
|
+
let t = new URL(e);
|
|
3218
|
+
return t.protocol !== "https:" || t.username || t.password ? null : t.href;
|
|
3219
|
+
} catch {
|
|
3220
|
+
return null;
|
|
3221
|
+
}
|
|
3222
|
+
}
|
|
3223
|
+
//#endregion
|
|
3224
|
+
//#region src/checkout.tsx
|
|
3225
|
+
var Rr = 3e3, zr = "Your card was declined. Try another card.", Br = "Payment service error. The payment was not confirmed. Try again in a moment.", Vr = "Payment status is unavailable right now (service error). Still checking.";
|
|
3226
|
+
function Hr(e) {
|
|
3227
|
+
let t = Lr(e);
|
|
3228
|
+
if (!t) throw Error("The payment provider returned an invalid redirect");
|
|
3229
|
+
let n = window.top ?? window;
|
|
3230
|
+
n.location.href = t;
|
|
3231
|
+
}
|
|
3232
|
+
function Ur(e, t, n) {
|
|
3233
|
+
if (n) try {
|
|
3234
|
+
let e = new URL(n).searchParams.get("amount");
|
|
3235
|
+
if (e && /^\d+(?:\.\d+)?$/.test(e)) return `${e} ${t}`.trim();
|
|
3236
|
+
} catch {}
|
|
3237
|
+
let { unit_amount: r, unit_decimals: i } = e.plan;
|
|
3238
|
+
return `${T(r, i) ?? r} ${t}`.trim();
|
|
3239
|
+
}
|
|
3240
|
+
function Wr(e, t) {
|
|
3241
|
+
return {
|
|
3242
|
+
id: e.id,
|
|
3243
|
+
option_id: t.id,
|
|
3244
|
+
rail: t.rail,
|
|
3245
|
+
brand: e.card?.brand ?? void 0,
|
|
3246
|
+
last_four: e.card?.last4 ?? void 0,
|
|
3247
|
+
exp_month: e.card?.exp_month ?? void 0,
|
|
3248
|
+
exp_year: e.card?.exp_year ?? void 0
|
|
3249
|
+
};
|
|
3250
|
+
}
|
|
3251
|
+
function Gr(e, n) {
|
|
3252
|
+
return t(e) ? e.message || n : e instanceof Error && e.message ? e.message : n;
|
|
3253
|
+
}
|
|
3254
|
+
var Kr = (e) => e?.status === "processing" || e?.status === "requires_action" && !!e.operation;
|
|
3255
|
+
function qr({ source: e, appearance: t, layout: r = "auto", defaultCountry: a, cardSetupReturnURL: o, onComplete: s, onRedirect: c, onPhaseChange: l, completionMode: u = "embedded", className: f }) {
|
|
3256
|
+
let p = H(), m = i(), h = m?.client, g = E.useId().replace(/[^a-zA-Z0-9-]/g, ""), [_, v] = E.useState("loading"), [y, b] = E.useState(null), [x, S] = E.useState(""), [C, w] = E.useState(), [T, ee] = E.useState(), [D, te] = E.useState(fr), [O, ne] = E.useState(() => ({
|
|
3257
|
+
...Qt,
|
|
3258
|
+
country: en(a)
|
|
3259
|
+
})), [M, re] = E.useState(), [ie, N] = E.useState([]), [ae, oe] = E.useState(!1), [se, ce] = E.useState(0), [le, P] = E.useState(!1), F = E.useRef(null), I = E.useRef(!1), L = E.useRef(!0), R = E.useRef(e);
|
|
3260
|
+
E.useEffect(() => {
|
|
3261
|
+
R.current = e;
|
|
3262
|
+
}, [e]);
|
|
3263
|
+
let ue = E.useRef(_), de = E.useRef(void 0), fe = E.useRef(l);
|
|
3264
|
+
E.useEffect(() => {
|
|
3265
|
+
fe.current = l;
|
|
3266
|
+
});
|
|
3267
|
+
let pe = E.useRef(s);
|
|
3268
|
+
E.useEffect(() => {
|
|
3269
|
+
pe.current = s;
|
|
3270
|
+
});
|
|
3271
|
+
let me = E.useRef(c);
|
|
3272
|
+
E.useEffect(() => {
|
|
3273
|
+
me.current = c;
|
|
3274
|
+
});
|
|
3275
|
+
let z = E.useCallback((e) => {
|
|
3276
|
+
ue.current = e, v(e), fe.current?.(e);
|
|
3277
|
+
}, []);
|
|
3278
|
+
E.useEffect(() => (L.current = !0, () => {
|
|
3279
|
+
L.current = !1;
|
|
3280
|
+
}), []);
|
|
3281
|
+
let he = E.useCallback((e) => _r(e).filter((e) => e.driver !== "stripe_elements" || !!h), [h]);
|
|
3282
|
+
E.useEffect(() => {
|
|
3283
|
+
let t = !1;
|
|
3284
|
+
return de.current = void 0, I.current = !1, z("loading"), re(void 0), e.getSession().then((e) => {
|
|
3285
|
+
if (t || !L.current) return;
|
|
3286
|
+
b(e), re(e.transaction_url);
|
|
3287
|
+
let n = he(e.rails);
|
|
3288
|
+
if (e.status === "succeeded") {
|
|
3289
|
+
z("succeeded"), pe.current?.({
|
|
3290
|
+
status: "succeeded",
|
|
3291
|
+
payment_id: e.payment_id,
|
|
3292
|
+
subscription_id: e.subscription_id
|
|
3293
|
+
});
|
|
3294
|
+
return;
|
|
3295
|
+
}
|
|
3296
|
+
if (e.status === "expired" || e.status === "canceled") {
|
|
3297
|
+
z("expired");
|
|
3298
|
+
return;
|
|
3299
|
+
}
|
|
3300
|
+
if (e.status === "failed") {
|
|
3301
|
+
z("failed");
|
|
3302
|
+
return;
|
|
3303
|
+
}
|
|
3304
|
+
if (e.status === "blocked") {
|
|
3305
|
+
z("blocked");
|
|
3306
|
+
return;
|
|
3307
|
+
}
|
|
3308
|
+
if (Kr(e)) {
|
|
3309
|
+
let e = n.find(Z);
|
|
3310
|
+
e && S(e.id), z("processing");
|
|
3311
|
+
return;
|
|
3312
|
+
}
|
|
3313
|
+
if (n.length === 0) {
|
|
3314
|
+
z("unavailable");
|
|
3315
|
+
return;
|
|
3316
|
+
}
|
|
3317
|
+
S((e) => n.some((t) => t.id === e) ? e : n[0].id), z("ready");
|
|
3318
|
+
}).catch(() => {
|
|
3319
|
+
!t && L.current && z("error");
|
|
3320
|
+
}), () => {
|
|
3321
|
+
t = !0;
|
|
3322
|
+
};
|
|
3323
|
+
}, [
|
|
3324
|
+
e,
|
|
3325
|
+
z,
|
|
3326
|
+
he
|
|
3327
|
+
]), E.useEffect(() => {
|
|
3328
|
+
if (!y?.expires_at) return;
|
|
3329
|
+
let e = y.expires_at, t = Date.parse(e) - Date.now();
|
|
3330
|
+
if (Number.isNaN(t)) return;
|
|
3331
|
+
let n = Math.min(Math.max(0, t), 2 ** 31 - 1), r = window.setTimeout(() => {
|
|
3332
|
+
ue.current === "ready" && Date.parse(e) - Date.now() <= 0 && z("expired");
|
|
3333
|
+
}, n);
|
|
3334
|
+
return () => window.clearTimeout(r);
|
|
3335
|
+
}, [y, z]);
|
|
3336
|
+
let ge = E.useMemo(() => y ? he(y.rails) : [], [y, he]), B = ge.find((e) => e.id === x), _e = ge.find((e) => e.driver === "collect_js"), ve = E.useMemo(() => {
|
|
3337
|
+
if (!B || !Z(B)) return [];
|
|
3338
|
+
let e = /* @__PURE__ */ new Set();
|
|
3339
|
+
return [...ie, ...y?.saved_methods ?? []].filter((t) => t.option_id !== B.id || e.has(t.id) ? !1 : (e.add(t.id), !0));
|
|
3340
|
+
}, [
|
|
3341
|
+
B,
|
|
3342
|
+
ie,
|
|
3343
|
+
y
|
|
3344
|
+
]), [V, ye] = E.useState(), be = V && (V === "new" || ve.some((e) => e.id === V)) ? V : (ve.find((e) => e.default) ?? ve[0])?.id ?? "new", U = be !== "new" && ve.some((e) => e.id === be), W = E.useMemo(() => ({
|
|
3345
|
+
number: `orck-${g}-cc-number`,
|
|
3346
|
+
expiry: `orck-${g}-cc-expiry`,
|
|
3347
|
+
cvv: `orck-${g}-cc-cvv`
|
|
3348
|
+
}), [g]), G = Un(), Ce = E.useRef(G);
|
|
3349
|
+
E.useEffect(() => {
|
|
3350
|
+
Ce.current = G;
|
|
3351
|
+
});
|
|
3352
|
+
let we = E.useMemo(() => ({
|
|
3353
|
+
number: `orck-${g}-card-number`,
|
|
3354
|
+
expiry: `orck-${g}-card-expiry`,
|
|
3355
|
+
cvv: `orck-${g}-card-cvc`
|
|
3356
|
+
}), [g]), K = On({
|
|
3357
|
+
enabled: !!_e && (_ === "ready" || _ === "processing" && !Kr(y)),
|
|
3358
|
+
active: x === _e?.id,
|
|
3359
|
+
tokenizationKey: _e?.public_config?.tokenization_key ?? "",
|
|
3360
|
+
scriptURL: _e?.public_config?.tokenization_url ?? "",
|
|
3361
|
+
selectors: {
|
|
3362
|
+
number: `#${W.number}`,
|
|
3363
|
+
expiry: `#${W.expiry}`,
|
|
3364
|
+
cvv: `#${W.cvv}`
|
|
3365
|
+
}
|
|
3366
|
+
}), q = () => {
|
|
3367
|
+
w(void 0), ee(void 0);
|
|
3368
|
+
}, Te = E.useCallback((e) => {
|
|
3369
|
+
let t = e.failure ?? void 0;
|
|
3370
|
+
ee(t), w(t?.message || e.failure_message || zr);
|
|
3371
|
+
}, []), Ee = E.useCallback(async (e) => {
|
|
3372
|
+
if (e.driver === "stripe_elements") {
|
|
3373
|
+
if (!h || !F.current) return null;
|
|
3374
|
+
let t = await F.current.save(), n = {
|
|
3375
|
+
id: t,
|
|
3376
|
+
option_id: e.id,
|
|
3377
|
+
rail: e.rail
|
|
3378
|
+
};
|
|
3379
|
+
try {
|
|
3380
|
+
let r = (await h.listPaymentMethods({ limit: 100 })).data.find((e) => e.id === t);
|
|
3381
|
+
r && (n = Wr(r, e));
|
|
3382
|
+
} catch {}
|
|
3383
|
+
return m?.notify({
|
|
3384
|
+
type: "payment_method.added",
|
|
3385
|
+
paymentMethodId: t
|
|
3386
|
+
}), N((e) => [n, ...e]), ye(t), ce((e) => e + 1), {
|
|
3387
|
+
option_id: e.id,
|
|
3388
|
+
payment_method_id: t
|
|
3389
|
+
};
|
|
3390
|
+
}
|
|
3391
|
+
let t = Zt.safeParse(O);
|
|
3392
|
+
if (!t.success) return w(t.error.issues[0]?.message ?? "Check the billing details"), null;
|
|
3393
|
+
if (e.driver === "card") {
|
|
3394
|
+
let n = Ce.current.take();
|
|
3395
|
+
if (!n) return null;
|
|
3396
|
+
if (!h) return {
|
|
3397
|
+
option_id: e.id,
|
|
3398
|
+
card: n,
|
|
3399
|
+
...t.data
|
|
3400
|
+
};
|
|
3401
|
+
let r = Vn(n), i = await h.addPaymentMethod({
|
|
3402
|
+
provider: e.psp_key ?? e.rail,
|
|
3403
|
+
card: n,
|
|
3404
|
+
...t.data
|
|
3405
|
+
});
|
|
3406
|
+
m?.notify({
|
|
3407
|
+
type: "payment_method.added",
|
|
3408
|
+
paymentMethodId: i.id
|
|
3409
|
+
});
|
|
3410
|
+
let a = Wr(i, e);
|
|
3411
|
+
return N((e) => [{
|
|
3412
|
+
...a,
|
|
3413
|
+
brand: a.brand ?? r.card_type,
|
|
3414
|
+
last_four: a.last_four ?? r.last_four
|
|
3415
|
+
}, ...e]), ye(i.id), {
|
|
3416
|
+
option_id: e.id,
|
|
3417
|
+
payment_method_id: i.id
|
|
3418
|
+
};
|
|
3419
|
+
}
|
|
3420
|
+
let n = await K.tokenize(), r = kn(n.card);
|
|
3421
|
+
if (!h) return {
|
|
3422
|
+
option_id: e.id,
|
|
3423
|
+
payment_token: n.token,
|
|
3424
|
+
...t.data,
|
|
3425
|
+
...r
|
|
3426
|
+
};
|
|
3427
|
+
let i = await h.addPaymentMethod({
|
|
3428
|
+
provider: e.psp_key ?? e.rail,
|
|
3429
|
+
payment_token: n.token,
|
|
3430
|
+
...t.data,
|
|
3431
|
+
...r
|
|
3432
|
+
});
|
|
3433
|
+
m?.notify({
|
|
3434
|
+
type: "payment_method.added",
|
|
3435
|
+
paymentMethodId: i.id
|
|
3436
|
+
});
|
|
3437
|
+
let a = Wr(i, e);
|
|
3438
|
+
return N((e) => [{
|
|
3439
|
+
...a,
|
|
3440
|
+
brand: a.brand ?? r.card_type,
|
|
3441
|
+
last_four: a.last_four ?? r.last_four
|
|
3442
|
+
}, ...e]), ye(i.id), {
|
|
3443
|
+
option_id: e.id,
|
|
3444
|
+
payment_method_id: i.id
|
|
3445
|
+
};
|
|
3446
|
+
}, [
|
|
3447
|
+
m,
|
|
3448
|
+
O,
|
|
3449
|
+
h,
|
|
3450
|
+
K
|
|
3451
|
+
]), Oe = E.useCallback(async (e) => {
|
|
3452
|
+
if (!(!h || !B)) {
|
|
3453
|
+
P(!0), w(void 0);
|
|
3454
|
+
try {
|
|
3455
|
+
await lr(h, e, Bt(B));
|
|
3456
|
+
} catch (e) {
|
|
3457
|
+
L.current && w(Gr(e, "Card authentication was not completed."));
|
|
3458
|
+
} finally {
|
|
3459
|
+
L.current && P(!1);
|
|
3460
|
+
}
|
|
3461
|
+
}
|
|
3462
|
+
}, [B, h]), ke = E.useCallback(async () => {
|
|
3463
|
+
if (!y || !B || _ !== "ready") return;
|
|
3464
|
+
q(), z("processing");
|
|
3465
|
+
let t = !1;
|
|
3466
|
+
try {
|
|
3467
|
+
let n = { option_id: B.id };
|
|
3468
|
+
if (B.driver === "redirect" && B.rail === "ccbill") {
|
|
3469
|
+
let e = dr.safeParse(D);
|
|
3470
|
+
if (!e.success) {
|
|
3471
|
+
w(e.error.issues[0]?.message ?? "Check the billing details"), z("ready");
|
|
3472
|
+
return;
|
|
3473
|
+
}
|
|
3474
|
+
n = {
|
|
3475
|
+
option_id: B.id,
|
|
3476
|
+
...e.data
|
|
3477
|
+
};
|
|
3478
|
+
}
|
|
3479
|
+
if (Z(B) && U) n = {
|
|
3480
|
+
option_id: B.id,
|
|
3481
|
+
payment_method_id: be
|
|
3482
|
+
};
|
|
3483
|
+
else if (Z(B)) {
|
|
3484
|
+
let t;
|
|
3485
|
+
try {
|
|
3486
|
+
t = await Ee(B);
|
|
3487
|
+
} catch (t) {
|
|
3488
|
+
if (!L.current || R.current !== e) return;
|
|
3489
|
+
w(Gr(t, "Card entry could not be completed.")), z("ready");
|
|
3490
|
+
return;
|
|
3491
|
+
}
|
|
3492
|
+
if (!L.current || R.current !== e) return;
|
|
3493
|
+
if (!t) {
|
|
3494
|
+
z("ready");
|
|
3495
|
+
return;
|
|
3496
|
+
}
|
|
3497
|
+
n = t;
|
|
3498
|
+
}
|
|
3499
|
+
B.driver === "solana_pay" && (n = {
|
|
3500
|
+
option_id: B.id,
|
|
3501
|
+
token_symbol: hr(B)?.symbol
|
|
3502
|
+
}), t = !0, I.current = !0;
|
|
3503
|
+
let r = await e.pay(n);
|
|
3504
|
+
if (!L.current || R.current !== e) return;
|
|
3505
|
+
if (B.driver === "redirect" && r.redirect_url) {
|
|
3506
|
+
pe.current?.(r), me.current ? me.current(r.redirect_url) : Hr(r.redirect_url);
|
|
3507
|
+
return;
|
|
3508
|
+
}
|
|
3509
|
+
if (B.driver === "solana_pay" && r.status === "requires_action" && r.transaction_url) {
|
|
3510
|
+
b((e) => e && {
|
|
3511
|
+
...e,
|
|
3512
|
+
status: "requires_action",
|
|
3513
|
+
transaction_url: r.transaction_url
|
|
3514
|
+
}), re(r.transaction_url), z("ready");
|
|
3515
|
+
return;
|
|
3516
|
+
}
|
|
3517
|
+
if (r.status === "succeeded") {
|
|
3518
|
+
z("succeeded"), pe.current?.(r);
|
|
3519
|
+
return;
|
|
3520
|
+
}
|
|
3521
|
+
if (r.status === "failed") {
|
|
3522
|
+
Te(r), z("ready");
|
|
3523
|
+
return;
|
|
3524
|
+
}
|
|
3525
|
+
if (r.status === "blocked") {
|
|
3526
|
+
b((e) => e && {
|
|
3527
|
+
...e,
|
|
3528
|
+
status: "blocked",
|
|
3529
|
+
failure_message: r.failure_message
|
|
3530
|
+
}), z("blocked");
|
|
3531
|
+
return;
|
|
3532
|
+
}
|
|
3533
|
+
if (r.status === "expired" || r.status === "canceled") {
|
|
3534
|
+
b((e) => e && {
|
|
3535
|
+
...e,
|
|
3536
|
+
status: r.status
|
|
3537
|
+
}), z("expired");
|
|
3538
|
+
return;
|
|
3539
|
+
}
|
|
3540
|
+
if (r.status === "requires_action" && r.operation_id) {
|
|
3541
|
+
let e = {
|
|
3542
|
+
id: r.operation_id,
|
|
3543
|
+
status: "pending"
|
|
3544
|
+
};
|
|
3545
|
+
b((t) => t && {
|
|
3546
|
+
...t,
|
|
3547
|
+
status: "requires_action",
|
|
3548
|
+
operation: e
|
|
3549
|
+
}), z("processing"), await Oe(r.operation_id);
|
|
3550
|
+
return;
|
|
3551
|
+
}
|
|
3552
|
+
b((e) => e && {
|
|
3553
|
+
...e,
|
|
3554
|
+
status: "processing"
|
|
3555
|
+
}), z("processing");
|
|
3556
|
+
} catch (r) {
|
|
3557
|
+
if (!L.current || R.current !== e) return;
|
|
3558
|
+
t && n(r) ? (w(Br), z("ready")) : t ? (w("The payment result is not confirmed yet. Keep this window open while we check its status."), b((e) => e && {
|
|
3559
|
+
...e,
|
|
3560
|
+
status: "processing"
|
|
3561
|
+
}), z("processing")) : (w(Gr(r, "Card entry could not be completed.")), z("ready"));
|
|
3562
|
+
}
|
|
3563
|
+
}, [
|
|
3564
|
+
B,
|
|
3565
|
+
Oe,
|
|
3566
|
+
D,
|
|
3567
|
+
z,
|
|
3568
|
+
_,
|
|
3569
|
+
Ee,
|
|
3570
|
+
be,
|
|
3571
|
+
y,
|
|
3572
|
+
Te,
|
|
3573
|
+
e,
|
|
3574
|
+
U
|
|
3575
|
+
]);
|
|
3576
|
+
E.useEffect(() => {
|
|
3577
|
+
!y || B?.driver !== "solana_pay" || _ !== "ready" || M || de.current === y.id || (de.current = y.id, ke());
|
|
3578
|
+
}, [
|
|
3579
|
+
B?.driver,
|
|
3580
|
+
ke,
|
|
3581
|
+
_,
|
|
3582
|
+
y,
|
|
3583
|
+
M
|
|
3584
|
+
]), E.useEffect(() => {
|
|
3585
|
+
if (!y || !(_ === "processing" && Kr(y)) && !(B?.driver === "solana_pay" && _ === "ready" && M)) return;
|
|
3586
|
+
let t = !1, r, i = () => {
|
|
3587
|
+
r = window.setTimeout(() => void a(), Rr);
|
|
3588
|
+
}, a = async () => {
|
|
3589
|
+
try {
|
|
3590
|
+
let n = await e.getSession();
|
|
3591
|
+
if (t || !L.current) return;
|
|
3592
|
+
switch (n.status) {
|
|
3593
|
+
case "succeeded":
|
|
3594
|
+
b(n), z("succeeded"), pe.current?.({
|
|
3595
|
+
status: "succeeded",
|
|
3596
|
+
payment_id: n.payment_id,
|
|
3597
|
+
subscription_id: n.subscription_id
|
|
3598
|
+
});
|
|
3599
|
+
return;
|
|
3600
|
+
case "failed":
|
|
3601
|
+
if (I.current) {
|
|
3602
|
+
b({
|
|
3603
|
+
...n,
|
|
3604
|
+
status: "created",
|
|
3605
|
+
operation: null
|
|
3606
|
+
}), Te(n), z("ready");
|
|
3607
|
+
return;
|
|
3608
|
+
}
|
|
3609
|
+
b(n), z("failed");
|
|
3610
|
+
return;
|
|
3611
|
+
case "blocked":
|
|
3612
|
+
b(n), z("blocked");
|
|
3613
|
+
return;
|
|
3614
|
+
case "expired":
|
|
3615
|
+
case "canceled":
|
|
3616
|
+
b(n), z("expired");
|
|
3617
|
+
return;
|
|
3618
|
+
case "requires_action":
|
|
3619
|
+
if (n.operation) {
|
|
3620
|
+
b(n), i();
|
|
3621
|
+
return;
|
|
3622
|
+
}
|
|
3623
|
+
i();
|
|
3624
|
+
return;
|
|
3625
|
+
default: i();
|
|
3626
|
+
}
|
|
3627
|
+
} catch (e) {
|
|
3628
|
+
if (t || !L.current) return;
|
|
3629
|
+
n(e) && w(Vr), i();
|
|
3630
|
+
}
|
|
3631
|
+
};
|
|
3632
|
+
return i(), () => {
|
|
3633
|
+
t = !0, r !== void 0 && window.clearTimeout(r);
|
|
3634
|
+
};
|
|
3635
|
+
}, [
|
|
3636
|
+
B?.driver,
|
|
3637
|
+
z,
|
|
3638
|
+
_,
|
|
3639
|
+
y,
|
|
3640
|
+
Te,
|
|
3641
|
+
M,
|
|
3642
|
+
e
|
|
3643
|
+
]);
|
|
3644
|
+
let J = y?.merchant.display_name ?? "", Ae = B?.rail === "solana" ? hr(B)?.symbol ?? "" : "", je = _ === "processing", Me = y ? d(y.plan.unit_amount, y.plan.currency, y.plan.unit_decimals) : "", Ne = y?.plan.automatically_renews ? De(y.plan.period_hours, p) : null, Pe = B && y ? B.driver === "redirect" ? `Continue to ${B.rail === "stripe" ? "Stripe" : "CCBill"}` : Ne ? `Subscribe for ${Me} ${Ne}` : `Pay ${Me}` : "", Fe = !!B && Z(B) && !U, Ie = { ...K.fieldErrors }, Le, Re = !1;
|
|
3645
|
+
T?.field && Fe && (B?.driver === "collect_js" || B?.driver === "card") && (Re = !0, T.field === "number" ? Ie.number = T.message : T.field === "expiry" ? Ie.expiry = T.message : T.field === "cvc" ? Ie.cvv = T.message : T.field === "postal_code" ? Le = T.message : Re = !1);
|
|
3646
|
+
let ze = C && B && Z(B) && !Re ? C : void 0, Be = (e, t) => {
|
|
3647
|
+
let n = e.driver === "stripe_elements", r = e.driver === "card", i = t && !U;
|
|
3648
|
+
return /* @__PURE__ */ A(yr, {
|
|
3649
|
+
hidden: !t,
|
|
3650
|
+
children: [
|
|
3651
|
+
ve.length > 0 ? /* @__PURE__ */ k(Er, {
|
|
3652
|
+
methods: ve,
|
|
3653
|
+
value: be,
|
|
3654
|
+
onChange: (e) => {
|
|
3655
|
+
ye(e), q();
|
|
3656
|
+
},
|
|
3657
|
+
disabled: je,
|
|
3658
|
+
idPrefix: `orck-${g}-saved`
|
|
3659
|
+
}) : null,
|
|
3660
|
+
n ? i && h ? /* @__PURE__ */ k(Mn, {
|
|
3661
|
+
ref: F,
|
|
3662
|
+
psp: Bt(e),
|
|
3663
|
+
client: h,
|
|
3664
|
+
returnURL: o,
|
|
3665
|
+
defaultCountry: O.country || void 0,
|
|
3666
|
+
onCompleteChange: oe,
|
|
3667
|
+
unavailableMessage: p.t("paymentMethods.unavailable"),
|
|
3668
|
+
verificationPendingMessage: p.t("paymentMethods.verificationPending")
|
|
3669
|
+
}, se) : null : /* @__PURE__ */ A("div", {
|
|
3670
|
+
className: j("grid gap-3", U && "hidden"),
|
|
3671
|
+
"aria-hidden": U || void 0,
|
|
3672
|
+
children: [/* @__PURE__ */ k(cn, {
|
|
3673
|
+
idPrefix: `orck-${g}-card`,
|
|
3674
|
+
value: O,
|
|
3675
|
+
onChange: (e) => {
|
|
3676
|
+
ne(e), q();
|
|
3677
|
+
},
|
|
3678
|
+
disabled: je || !t || U,
|
|
3679
|
+
postalError: t ? Le : void 0
|
|
3680
|
+
}), r ? /* @__PURE__ */ k(mn, {
|
|
3681
|
+
ids: we,
|
|
3682
|
+
card: G,
|
|
3683
|
+
fieldErrors: t ? Ie : void 0,
|
|
3684
|
+
disabled: je || !t || U
|
|
3685
|
+
}) : /* @__PURE__ */ k(fn, {
|
|
3686
|
+
ids: W,
|
|
3687
|
+
preview: K.preview,
|
|
3688
|
+
error: t ? K.loadError : void 0,
|
|
3689
|
+
fieldErrors: t ? Ie : void 0
|
|
3690
|
+
})]
|
|
3691
|
+
}),
|
|
3692
|
+
t && ze ? /* @__PURE__ */ k("p", {
|
|
3693
|
+
className: "text-[13px] text-destructive",
|
|
3694
|
+
role: "alert",
|
|
3695
|
+
children: ze
|
|
3696
|
+
}) : null,
|
|
3697
|
+
Fe && t && h ? /* @__PURE__ */ k("p", {
|
|
3698
|
+
className: "text-xs text-muted-foreground",
|
|
3699
|
+
children: p.t("paymentMethods.saveNotice")
|
|
3700
|
+
}) : null
|
|
3701
|
+
]
|
|
3702
|
+
});
|
|
3703
|
+
}, Ve = y ? /* @__PURE__ */ A("form", {
|
|
3704
|
+
id: `orck-${g}-payment-form`,
|
|
3705
|
+
name: "openrails-checkout",
|
|
3706
|
+
"aria-label": "Secure payment",
|
|
3707
|
+
autoComplete: "on",
|
|
3708
|
+
noValidate: !0,
|
|
3709
|
+
className: "grid content-start gap-4",
|
|
3710
|
+
onSubmit: (e) => {
|
|
3711
|
+
e.preventDefault(), ke();
|
|
3712
|
+
},
|
|
3713
|
+
children: [
|
|
3714
|
+
/* @__PURE__ */ k(Nr, {
|
|
3715
|
+
session: y,
|
|
3716
|
+
className: j(r === "auto" && "@3xl/orck:hidden", r === "wide" && "@xl/orck:hidden")
|
|
3717
|
+
}),
|
|
3718
|
+
/* @__PURE__ */ k(vr, {
|
|
3719
|
+
rails: ge,
|
|
3720
|
+
selected: x,
|
|
3721
|
+
onSelect: (e) => {
|
|
3722
|
+
ge.find((t) => t.id === e)?.driver === "solana_pay" && !M && (de.current = void 0), S(e), q();
|
|
3723
|
+
},
|
|
3724
|
+
disabled: je,
|
|
3725
|
+
idPrefix: `orck-${g}`,
|
|
3726
|
+
renderBody: (e, t) => Z(e) ? Be(e, t) : t ? e.driver === "solana_pay" ? /* @__PURE__ */ k(yr, { children: /* @__PURE__ */ k(xr, {
|
|
3727
|
+
amountLabel: Ur(y, Ae, M),
|
|
3728
|
+
payload: M,
|
|
3729
|
+
statusLine: M ? "Watching for payment…" : C ? "Payment request unavailable" : "Preparing payment…"
|
|
3730
|
+
}) }) : e.driver === "redirect" && e.rail === "ccbill" ? /* @__PURE__ */ A(yr, { children: [/* @__PURE__ */ k(ur, {
|
|
3731
|
+
idPrefix: `orck-${g}-ccbill`,
|
|
3732
|
+
value: D,
|
|
3733
|
+
onChange: (e) => {
|
|
3734
|
+
te(e), w(void 0);
|
|
3735
|
+
},
|
|
3736
|
+
disabled: je,
|
|
3737
|
+
error: C
|
|
3738
|
+
}), /* @__PURE__ */ k("p", {
|
|
3739
|
+
className: "text-[13px] text-muted-foreground",
|
|
3740
|
+
children: "You’ll finish payment on CCBill’s secure page."
|
|
3741
|
+
})] }) : /* @__PURE__ */ k(yr, { children: /* @__PURE__ */ k("p", {
|
|
3742
|
+
className: "text-[13px] text-muted-foreground",
|
|
3743
|
+
children: "You’ll finish payment on Stripe’s secure page."
|
|
3744
|
+
}) }) : null
|
|
3745
|
+
}),
|
|
3746
|
+
C && B && B.rail !== "ccbill" && !Z(B) ? /* @__PURE__ */ k("p", {
|
|
3747
|
+
className: "text-[13px] text-destructive",
|
|
3748
|
+
role: "alert",
|
|
3749
|
+
children: C
|
|
3750
|
+
}) : null,
|
|
3751
|
+
B && (B.driver !== "solana_pay" || C) ? /* @__PURE__ */ k(hn, {
|
|
3752
|
+
label: B.driver === "solana_pay" ? "Try again" : Pe,
|
|
3753
|
+
processing: je,
|
|
3754
|
+
disabled: Z(B) && !U && (B.driver === "collect_js" ? !K.ready || !K.valid || !!K.loadError : B.driver === "card" ? !G.valid : !ae)
|
|
3755
|
+
}) : null,
|
|
3756
|
+
Ne && B && Z(B) ? /* @__PURE__ */ k("p", {
|
|
3757
|
+
className: "-mt-1 text-center text-xs text-muted-foreground",
|
|
3758
|
+
children: `You agree to pay ${Me} ${Ne} until you cancel. First charge today; cancel anytime.`
|
|
3759
|
+
}) : null,
|
|
3760
|
+
/* @__PURE__ */ k(gn, {})
|
|
3761
|
+
]
|
|
3762
|
+
}) : null, He = y?.status === "requires_action" ? y.operation : null;
|
|
3763
|
+
return /* @__PURE__ */ A("div", {
|
|
3764
|
+
className: j("orck w-full text-sm leading-normal", f),
|
|
3765
|
+
"data-orck-theme": Se(t),
|
|
3766
|
+
style: xe(t),
|
|
3767
|
+
children: [/* @__PURE__ */ k("span", {
|
|
3768
|
+
"aria-live": "polite",
|
|
3769
|
+
className: "sr-only",
|
|
3770
|
+
children: _ === "loading" ? "Loading checkout" : _ === "processing" ? "Processing payment" : _ === "succeeded" ? "Payment complete" : ""
|
|
3771
|
+
}), _ === "loading" ? /* @__PURE__ */ k(Pr, {}) : _ === "error" ? /* @__PURE__ */ k(Ir, {
|
|
3772
|
+
merchantName: J || "Checkout",
|
|
3773
|
+
headline: "Checkout couldn’t load",
|
|
3774
|
+
sub: "Reload the page to try again."
|
|
3775
|
+
}) : _ === "expired" ? /* @__PURE__ */ k(Ir, {
|
|
3776
|
+
merchantName: J,
|
|
3777
|
+
headline: "This checkout link has expired",
|
|
3778
|
+
sub: J ? `Ask ${J} for a new link.` : void 0
|
|
3779
|
+
}) : _ === "failed" ? /* @__PURE__ */ k(Ir, {
|
|
3780
|
+
merchantName: J,
|
|
3781
|
+
headline: "Payment failed",
|
|
3782
|
+
sub: "No payment was completed. Start a new checkout to try again."
|
|
3783
|
+
}) : _ === "blocked" ? /* @__PURE__ */ k(Ir, {
|
|
3784
|
+
merchantName: J,
|
|
3785
|
+
headline: "This purchase isn’t available",
|
|
3786
|
+
sub: y?.failure_message
|
|
3787
|
+
}) : _ === "unavailable" ? /* @__PURE__ */ k(Ir, {
|
|
3788
|
+
merchantName: J,
|
|
3789
|
+
headline: "Checkout isn’t available right now"
|
|
3790
|
+
}) : _ === "processing" && Kr(y) ? /* @__PURE__ */ A("div", {
|
|
3791
|
+
role: "status",
|
|
3792
|
+
className: "grid gap-3 py-6 text-center",
|
|
3793
|
+
children: [
|
|
3794
|
+
/* @__PURE__ */ k("div", {
|
|
3795
|
+
className: "font-semibold",
|
|
3796
|
+
children: He ? "Confirm with your bank" : "Confirming payment…"
|
|
3797
|
+
}),
|
|
3798
|
+
/* @__PURE__ */ k("p", {
|
|
3799
|
+
className: "text-muted-foreground",
|
|
3800
|
+
children: He ? "Your bank needs to confirm this payment." : "We’re checking the payment status. Don’t start another payment."
|
|
3801
|
+
}),
|
|
3802
|
+
He && h && B && Z(B) ? /* @__PURE__ */ k("button", {
|
|
3803
|
+
type: "button",
|
|
3804
|
+
className: "mx-auto h-9 rounded-[9px] bg-primary px-4 text-sm font-semibold text-primary-foreground disabled:opacity-60",
|
|
3805
|
+
disabled: le,
|
|
3806
|
+
onClick: () => void Oe(He.id),
|
|
3807
|
+
children: le ? "Waiting for your bank…" : "Confirm payment"
|
|
3808
|
+
}) : null,
|
|
3809
|
+
C ? /* @__PURE__ */ k("p", {
|
|
3810
|
+
className: "text-xs text-muted-foreground",
|
|
3811
|
+
children: C
|
|
3812
|
+
}) : null
|
|
3813
|
+
]
|
|
3814
|
+
}) : _ === "succeeded" ? /* @__PURE__ */ k(Fr, {
|
|
3815
|
+
merchantName: J,
|
|
3816
|
+
embedded: u === "embedded"
|
|
3817
|
+
}) : y ? /* @__PURE__ */ A("div", {
|
|
3818
|
+
className: j("grid gap-10", r === "auto" && "@3xl/orck:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] @3xl/orck:gap-16", r === "wide" && "@xl/orck:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] @xl/orck:gap-12"),
|
|
3819
|
+
children: [r === "compact" ? null : /* @__PURE__ */ k("div", {
|
|
3820
|
+
className: j("hidden", r === "auto" && "@3xl/orck:block", r === "wide" && "@xl/orck:block"),
|
|
3821
|
+
children: /* @__PURE__ */ k(Mr, { session: y })
|
|
3822
|
+
}), /* @__PURE__ */ k("div", { children: Ve })]
|
|
3823
|
+
}) : null]
|
|
3824
|
+
});
|
|
3825
|
+
}
|
|
3826
|
+
//#endregion
|
|
3827
|
+
//#region src/modal.tsx
|
|
3828
|
+
function Jr({ open: e, onOpenChange: t, onPhaseChange: n, gate: r, ...i }) {
|
|
3829
|
+
let a = i.layout === "compact";
|
|
3830
|
+
return /* @__PURE__ */ k(xt, {
|
|
3831
|
+
open: e,
|
|
3832
|
+
onOpenChange: t,
|
|
3833
|
+
children: /* @__PURE__ */ A(wt, {
|
|
3834
|
+
className: `orck max-h-[calc(100dvh-2rem)] max-w-[calc(100vw-2rem)] gap-0 overflow-hidden bg-background text-foreground ring-0 [&>[data-slot=dialog-close]]:top-5 [&>[data-slot=dialog-close]]:right-5 [&>[data-slot=dialog-close]]:text-foreground ${a ? "w-[420px] p-6" : "w-[860px] p-8 sm:max-w-[calc(100vw-2rem)]"}`,
|
|
3835
|
+
"data-orck-theme": Se(i.appearance),
|
|
3836
|
+
style: xe(i.appearance),
|
|
3837
|
+
showCloseButton: !0,
|
|
3838
|
+
children: [
|
|
3839
|
+
/* @__PURE__ */ k(Dt, {
|
|
3840
|
+
className: "sr-only",
|
|
3841
|
+
children: "Checkout"
|
|
3842
|
+
}),
|
|
3843
|
+
/* @__PURE__ */ k(Ot, {
|
|
3844
|
+
className: "sr-only",
|
|
3845
|
+
children: "Complete your payment"
|
|
3846
|
+
}),
|
|
3847
|
+
/* @__PURE__ */ k("div", {
|
|
3848
|
+
className: `min-h-0 touch-pan-y [scrollbar-width:none] overflow-y-auto overscroll-contain pr-6 [-webkit-overflow-scrolling:touch] [&::-webkit-scrollbar]:hidden ${a ? "max-h-[calc(100dvh-5rem)] pt-7" : "max-h-[calc(100dvh-6rem)]"}`,
|
|
3849
|
+
children: r ?? /* @__PURE__ */ k(qr, {
|
|
3850
|
+
...i,
|
|
3851
|
+
onPhaseChange: n
|
|
3852
|
+
})
|
|
3853
|
+
})
|
|
3854
|
+
]
|
|
3855
|
+
})
|
|
3856
|
+
});
|
|
3857
|
+
}
|
|
3858
|
+
//#endregion
|
|
3859
|
+
//#region src/frame.ts
|
|
3860
|
+
var Yr = "openrails-checkout", Xr = I.discriminatedUnion("type", [
|
|
3861
|
+
I.object({
|
|
3862
|
+
source: I.literal(Yr),
|
|
3863
|
+
type: I.literal("ready")
|
|
3864
|
+
}),
|
|
3865
|
+
I.object({
|
|
3866
|
+
source: I.literal(Yr),
|
|
3867
|
+
type: I.literal("resize"),
|
|
3868
|
+
height: I.number().finite().nonnegative()
|
|
3869
|
+
}),
|
|
3870
|
+
I.object({
|
|
3871
|
+
source: I.literal(Yr),
|
|
3872
|
+
type: I.literal("complete"),
|
|
3873
|
+
status: p
|
|
3874
|
+
}),
|
|
3875
|
+
I.object({
|
|
3876
|
+
source: I.literal(Yr),
|
|
3877
|
+
type: I.literal("redirect"),
|
|
3878
|
+
url: I.string()
|
|
3879
|
+
})
|
|
3880
|
+
]), Zr = I.object({
|
|
3881
|
+
source: I.literal(Yr),
|
|
3882
|
+
type: I.literal("init"),
|
|
3883
|
+
theme: I.enum([
|
|
3884
|
+
"light",
|
|
3885
|
+
"dark",
|
|
3886
|
+
"auto"
|
|
3887
|
+
])
|
|
3888
|
+
}), Qr = (e) => ({
|
|
3889
|
+
source: Yr,
|
|
3890
|
+
...e
|
|
3891
|
+
}), $r = (e) => ({
|
|
3892
|
+
source: Yr,
|
|
3893
|
+
...e
|
|
3894
|
+
});
|
|
3895
|
+
function ei(e) {
|
|
3896
|
+
let t = Xr.safeParse(e);
|
|
3897
|
+
return t.success ? t.data : null;
|
|
3898
|
+
}
|
|
3899
|
+
function ti(e) {
|
|
3900
|
+
let t = Zr.safeParse(e);
|
|
3901
|
+
return t.success ? t.data : null;
|
|
3902
|
+
}
|
|
3903
|
+
function ni(e) {
|
|
3904
|
+
try {
|
|
3905
|
+
let t = new URL(e);
|
|
3906
|
+
return t.protocol !== "https:" && t.protocol !== "http:" || t.username || t.password ? null : t.origin;
|
|
3907
|
+
} catch {
|
|
3908
|
+
return null;
|
|
3909
|
+
}
|
|
3910
|
+
}
|
|
3911
|
+
//#endregion
|
|
3912
|
+
//#region src/checkout-page.tsx
|
|
3913
|
+
var ri = () => window.location.hash.replace(/^#/, "").trim();
|
|
3914
|
+
function ii({ baseUrl: e, client: t, appearance: n, layout: r = "auto", defaultCountry: i, className: a }) {
|
|
3915
|
+
let [o, s] = E.useState(ri);
|
|
3916
|
+
E.useEffect(() => {
|
|
3917
|
+
let e = () => s(ri());
|
|
3918
|
+
return window.addEventListener("hashchange", e), () => window.removeEventListener("hashchange", e);
|
|
3919
|
+
}, []);
|
|
3920
|
+
let c = E.useMemo(() => t ?? u({ baseUrl: e }), [t, e]), l = window.parent !== window, [d, f] = E.useState(), [p, m] = E.useState(), h = E.useMemo(() => {
|
|
3921
|
+
if (!o) return null;
|
|
3922
|
+
let e = c.checkoutSource(o);
|
|
3923
|
+
return {
|
|
3924
|
+
async getSession() {
|
|
3925
|
+
let t = await e.getSession();
|
|
3926
|
+
return t.embed_origin && f(t.embed_origin), t;
|
|
3927
|
+
},
|
|
3928
|
+
pay: e.pay
|
|
3929
|
+
};
|
|
3930
|
+
}, [c, o]), g = E.useCallback((e) => {
|
|
3931
|
+
l && d && window.parent.postMessage(e, d);
|
|
3932
|
+
}, [l, d]);
|
|
3933
|
+
E.useEffect(() => {
|
|
3934
|
+
if (!l || !d) return;
|
|
3935
|
+
let e = (e) => {
|
|
3936
|
+
if (e.source !== window.parent || e.origin !== d) return;
|
|
3937
|
+
let t = ti(e.data);
|
|
3938
|
+
t && m(t.theme);
|
|
3939
|
+
};
|
|
3940
|
+
return window.addEventListener("message", e), window.parent.postMessage(Qr({ type: "ready" }), d), () => window.removeEventListener("message", e);
|
|
3941
|
+
}, [l, d]);
|
|
3942
|
+
let _ = E.useRef(null);
|
|
3943
|
+
E.useEffect(() => {
|
|
3944
|
+
let e = _.current;
|
|
3945
|
+
if (!e || !l || !d) return;
|
|
3946
|
+
let t = () => g(Qr({
|
|
3947
|
+
type: "resize",
|
|
3948
|
+
height: Math.ceil(e.getBoundingClientRect().height)
|
|
3949
|
+
})), n = new ResizeObserver(t);
|
|
3950
|
+
return n.observe(e), t(), () => n.disconnect();
|
|
3951
|
+
}, [
|
|
3952
|
+
l,
|
|
3953
|
+
d,
|
|
3954
|
+
g
|
|
3955
|
+
]);
|
|
3956
|
+
let v = E.useCallback((e) => {
|
|
3957
|
+
e.status === "succeeded" && g(Qr({
|
|
3958
|
+
type: "complete",
|
|
3959
|
+
status: e.status
|
|
3960
|
+
}));
|
|
3961
|
+
}, [g]), y = E.useCallback((e) => g(Qr({
|
|
3962
|
+
type: "redirect",
|
|
3963
|
+
url: e
|
|
3964
|
+
})), [g]), b = {
|
|
3965
|
+
...n,
|
|
3966
|
+
theme: p ?? n?.theme
|
|
3967
|
+
};
|
|
3968
|
+
return /* @__PURE__ */ k("div", {
|
|
3969
|
+
ref: _,
|
|
3970
|
+
className: a,
|
|
3971
|
+
children: h ? /* @__PURE__ */ k(qr, {
|
|
3972
|
+
source: h,
|
|
3973
|
+
appearance: b,
|
|
3974
|
+
layout: r,
|
|
3975
|
+
defaultCountry: i,
|
|
3976
|
+
completionMode: "embedded",
|
|
3977
|
+
onComplete: v,
|
|
3978
|
+
onRedirect: l && d ? y : void 0
|
|
3979
|
+
}) : /* @__PURE__ */ k(we, {
|
|
3980
|
+
appearance: b,
|
|
3981
|
+
children: /* @__PURE__ */ k(Ir, {
|
|
3982
|
+
merchantName: "",
|
|
3983
|
+
headline: "This checkout link is incomplete",
|
|
3984
|
+
sub: "Start checkout again from the site you were buying on."
|
|
3985
|
+
})
|
|
3986
|
+
})
|
|
3987
|
+
});
|
|
3988
|
+
}
|
|
3989
|
+
//#endregion
|
|
3990
|
+
//#region src/checkout-frame.tsx
|
|
3991
|
+
function ai({ url: e, onComplete: t, theme: n = "auto", title: r = "Secure checkout", minHeight: i = 480, className: a, style: o }) {
|
|
3992
|
+
let s = E.useRef(null), c = E.useMemo(() => ni(e), [e]), [l, u] = E.useState(), d = E.useRef(!1), f = E.useRef(n), p = E.useRef(t);
|
|
3993
|
+
return E.useEffect(() => {
|
|
3994
|
+
p.current = t;
|
|
3995
|
+
}), E.useEffect(() => {
|
|
3996
|
+
if (d.current = !1, !c) return;
|
|
3997
|
+
let e = (e) => {
|
|
3998
|
+
let t = s.current?.contentWindow;
|
|
3999
|
+
if (!t || e.source !== t || e.origin !== c) return;
|
|
4000
|
+
let n = ei(e.data);
|
|
4001
|
+
if (n) switch (n.type) {
|
|
4002
|
+
case "ready":
|
|
4003
|
+
d.current = !0, t.postMessage($r({
|
|
4004
|
+
type: "init",
|
|
4005
|
+
theme: f.current
|
|
4006
|
+
}), c);
|
|
4007
|
+
return;
|
|
4008
|
+
case "resize":
|
|
4009
|
+
u(Math.ceil(n.height));
|
|
4010
|
+
return;
|
|
4011
|
+
case "complete":
|
|
4012
|
+
p.current?.(n.status);
|
|
4013
|
+
return;
|
|
4014
|
+
case "redirect": {
|
|
4015
|
+
let e = Lr(n.url);
|
|
4016
|
+
e && ((window.top ?? window).location.href = e);
|
|
4017
|
+
return;
|
|
4018
|
+
}
|
|
4019
|
+
}
|
|
4020
|
+
};
|
|
4021
|
+
return window.addEventListener("message", e), () => window.removeEventListener("message", e);
|
|
4022
|
+
}, [c, e]), E.useEffect(() => {
|
|
4023
|
+
f.current = n;
|
|
4024
|
+
let e = s.current?.contentWindow;
|
|
4025
|
+
d.current && e && c && e.postMessage($r({
|
|
4026
|
+
type: "init",
|
|
4027
|
+
theme: n
|
|
4028
|
+
}), c);
|
|
4029
|
+
}, [n, c]), c ? /* @__PURE__ */ k("iframe", {
|
|
4030
|
+
ref: s,
|
|
4031
|
+
src: e,
|
|
4032
|
+
title: r,
|
|
4033
|
+
allow: "payment",
|
|
4034
|
+
className: a,
|
|
4035
|
+
style: {
|
|
4036
|
+
width: "100%",
|
|
4037
|
+
border: 0,
|
|
4038
|
+
display: "block",
|
|
4039
|
+
...o,
|
|
4040
|
+
height: Math.max(i, l ?? 0)
|
|
4041
|
+
}
|
|
4042
|
+
}) : null;
|
|
4043
|
+
}
|
|
4044
|
+
//#endregion
|
|
4045
|
+
//#region src/source.ts
|
|
4046
|
+
var oi = class extends Error {
|
|
4047
|
+
status;
|
|
4048
|
+
constructor(e, t) {
|
|
4049
|
+
super(e), this.name = "CheckoutSourceError", this.status = t;
|
|
4050
|
+
}
|
|
4051
|
+
};
|
|
4052
|
+
async function si(e) {
|
|
4053
|
+
try {
|
|
4054
|
+
return await e.json();
|
|
4055
|
+
} catch {
|
|
4056
|
+
throw new oi("invalid response", e.status);
|
|
4057
|
+
}
|
|
4058
|
+
}
|
|
4059
|
+
function ci(e, t) {
|
|
4060
|
+
let n = S.safeParse(t);
|
|
4061
|
+
if (!n.success) throw new oi("session unavailable", e.status);
|
|
4062
|
+
return n.data;
|
|
4063
|
+
}
|
|
4064
|
+
function li(e, t) {
|
|
4065
|
+
let n = b.safeParse(t);
|
|
4066
|
+
if (!n.success) throw new oi("Payment failed. Try again.", e.status);
|
|
4067
|
+
return n.data;
|
|
4068
|
+
}
|
|
4069
|
+
function ui(e) {
|
|
4070
|
+
let t = e.fetch ?? fetch, n = `${e.baseUrl.replace(/\/$/, "")}/api/v1/checkout/sessions/${encodeURIComponent(e.sessionId)}`;
|
|
4071
|
+
return {
|
|
4072
|
+
async getSession() {
|
|
4073
|
+
let e = await t(n, { headers: { Accept: "application/json" } });
|
|
4074
|
+
if (!e.ok) throw new oi("session unavailable", e.status);
|
|
4075
|
+
return ci(e, await si(e));
|
|
4076
|
+
},
|
|
4077
|
+
async pay(e) {
|
|
4078
|
+
let r = await t(`${n}/pay`, {
|
|
4079
|
+
method: "POST",
|
|
4080
|
+
headers: {
|
|
4081
|
+
"Content-Type": "application/json",
|
|
4082
|
+
Accept: "application/json"
|
|
4083
|
+
},
|
|
4084
|
+
body: JSON.stringify(e)
|
|
4085
|
+
});
|
|
4086
|
+
if (!r.ok) {
|
|
4087
|
+
let e = "Payment failed. Try again.";
|
|
4088
|
+
try {
|
|
4089
|
+
let t = await r.json();
|
|
4090
|
+
typeof t.error == "string" && t.error && (e = t.error);
|
|
4091
|
+
} catch {}
|
|
4092
|
+
throw new oi(e, r.status);
|
|
4093
|
+
}
|
|
4094
|
+
return li(r, await si(r));
|
|
4095
|
+
}
|
|
4096
|
+
};
|
|
4097
|
+
}
|
|
4098
|
+
//#endregion
|
|
4099
|
+
//#region src/fixtures.ts
|
|
4100
|
+
function di(e) {
|
|
4101
|
+
return {
|
|
4102
|
+
id: "ocs_preview",
|
|
4103
|
+
status: "created",
|
|
4104
|
+
merchant: { display_name: "Acme Demo" },
|
|
4105
|
+
plan: {
|
|
4106
|
+
display_name: "Premium Membership",
|
|
4107
|
+
unit_amount: "99000000",
|
|
4108
|
+
currency: "USD",
|
|
4109
|
+
unit_decimals: 6,
|
|
4110
|
+
period_hours: 720,
|
|
4111
|
+
automatically_renews: !0
|
|
4112
|
+
},
|
|
4113
|
+
tax: "0",
|
|
4114
|
+
rails: [
|
|
4115
|
+
{
|
|
4116
|
+
id: "option_1",
|
|
4117
|
+
rail: "nmi",
|
|
4118
|
+
mode: "subscription",
|
|
4119
|
+
driver: "collect_js",
|
|
4120
|
+
public_config: {
|
|
4121
|
+
tokenization_key: "preview_tokenization_key",
|
|
4122
|
+
tokenization_url: "preview://collect"
|
|
4123
|
+
}
|
|
4124
|
+
},
|
|
4125
|
+
{
|
|
4126
|
+
id: "option_2",
|
|
4127
|
+
rail: "stripe",
|
|
4128
|
+
mode: "subscription",
|
|
4129
|
+
driver: "redirect"
|
|
4130
|
+
},
|
|
4131
|
+
{
|
|
4132
|
+
id: "option_3",
|
|
4133
|
+
rail: "ccbill",
|
|
4134
|
+
mode: "subscription",
|
|
4135
|
+
driver: "redirect"
|
|
4136
|
+
},
|
|
4137
|
+
{
|
|
4138
|
+
id: "option_4",
|
|
4139
|
+
rail: "solana",
|
|
4140
|
+
mode: "one_off",
|
|
4141
|
+
driver: "solana_pay",
|
|
4142
|
+
public_config: {
|
|
4143
|
+
token_symbol: "USDC",
|
|
4144
|
+
token_name: "USD Coin"
|
|
4145
|
+
}
|
|
4146
|
+
}
|
|
4147
|
+
],
|
|
4148
|
+
saved_methods: [{
|
|
4149
|
+
id: "pm_preview_visa",
|
|
4150
|
+
option_id: "option_1",
|
|
4151
|
+
rail: "nmi",
|
|
4152
|
+
brand: "visa",
|
|
4153
|
+
last_four: "4242",
|
|
4154
|
+
exp_month: 12,
|
|
4155
|
+
exp_year: 2030
|
|
4156
|
+
}, {
|
|
4157
|
+
id: "pm_preview_mc",
|
|
4158
|
+
option_id: "option_1",
|
|
4159
|
+
rail: "nmi",
|
|
4160
|
+
brand: "mastercard",
|
|
4161
|
+
last_four: "5454",
|
|
4162
|
+
exp_month: 3,
|
|
4163
|
+
exp_year: 2029
|
|
4164
|
+
}],
|
|
4165
|
+
expires_at: new Date(Date.now() + 18e5).toISOString(),
|
|
4166
|
+
...e
|
|
4167
|
+
};
|
|
4168
|
+
}
|
|
4169
|
+
function fi(e) {
|
|
4170
|
+
return {
|
|
4171
|
+
async getSession() {
|
|
4172
|
+
return e?.loadDelayMs && await new Promise((t) => setTimeout(t, e.loadDelayMs)), di(e?.session);
|
|
4173
|
+
},
|
|
4174
|
+
async pay() {
|
|
4175
|
+
return await new Promise((t) => setTimeout(t, e?.payDelayMs ?? 1200)), e?.payResult ?? { status: "succeeded" };
|
|
4176
|
+
}
|
|
4177
|
+
};
|
|
4178
|
+
}
|
|
4179
|
+
//#endregion
|
|
4180
|
+
export { cr as AccountBilling, rt as BillingStatusBadge, Ce as BillingUiProvider, we as BillingUiRoot, tr as CancelSubscriptionDialog, dt as CardBrandPlate, qr as Checkout, ai as CheckoutFrame, Jr as CheckoutModal, ii as CheckoutPage, oi as CheckoutSourceError, at as PaymentHistory, $n as PaymentMethodsPanel, Gn as SavePaymentMethod, sr as SubscriptionsPanel, Wn as TokenizedCardForm, C as addAmounts, x as amountSchema, T as amountToDecimal, lr as authenticatePayment, $t as browserCountry, zt as canAuthenticatePayment, Rt as canSavePaymentMethod, Lt as cardSetupDriver, f as checkoutLineItemSchema, _ as checkoutPlanSchema, Nt as checkoutPsps, jt as checkoutRails, S as checkoutSessionSchema, p as checkoutSessionStatusSchema, fi as createFixtureSource, ui as createHttpSource, V as createTranslator, fe as defaultMessages, de as defineMessages, di as fixtureSession, d as formatAmount, en as initialCountry, z as interpolate, w as isAmount, Z as isCardRail, m as payRequestSchema, b as payResultSchema, v as paymentFailureSchema, g as paymentRailOptionSchema, kt as pspConfigSchema, st as resolveCardBrand, me as resolveMessages, Pt as savedMethodsFor, h as savedPaymentMethodSchema, He as statusTone, l as unitDecimalsSchema, H as useMessages };
|
|
4181
|
+
|
|
4182
|
+
//# sourceMappingURL=index.js.map
|