@onside/install-widget 1.1.0 → 1.1.2

package/dist-lib/install-package.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./install-package-Dkv3eM_d.cjs"),s=require("./useInstallUrl-iPCPqYWB.cjs"),t=require("./installUrlService-AjG03i8i.cjs"),l=require("./utils.cjs");exports.AVERAGE_CHECK_TIME=e.AVERAGE_CHECK_TIME;exports.AVERAGE_INSTALL_TIME=e.AVERAGE_INSTALL_TIME;exports.AVERAGE_LOADING_TIME=e.AVERAGE_LOADING_TIME;exports.InstallAppButton=e.InstallAppButton;exports.InstallWidgetProvider=e.InstallWidgetProvider;exports.defaultMessages=e.defaultMessages;exports.useInstallUrl=s.useInstallUrl;exports.useInstallUrlStore=s.useInstallUrlStore;exports.generateUUID=t.generateUUID;exports.getCookie=t.getCookie;exports.getInstallUrl=t.getInstallUrl;exports.getOnsideToken=t.getOnsideToken;exports.setCookie=t.setCookie;exports.compareVersions=l.compareVersions;exports.getDeviceInfo=l.getDeviceInfo;exports.resolveInstallConditions=l.resolveInstallConditions;exports.trackEvent=l.trackEvent;exports.trackModalEvent=l.trackModalEvent;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./install-package-Bx8Bu318.cjs"),s=require("./useInstallUrl-iPCPqYWB.cjs"),t=require("./installUrlService-AjG03i8i.cjs"),l=require("./utils.cjs");exports.AVERAGE_CHECK_TIME=e.AVERAGE_CHECK_TIME;exports.AVERAGE_INSTALL_TIME=e.AVERAGE_INSTALL_TIME;exports.AVERAGE_LOADING_TIME=e.AVERAGE_LOADING_TIME;exports.InstallAppButton=e.InstallAppButton;exports.InstallWidgetProvider=e.InstallWidgetProvider;exports.defaultMessages=e.defaultMessages;exports.useInstallUrl=s.useInstallUrl;exports.useInstallUrlStore=s.useInstallUrlStore;exports.generateUUID=t.generateUUID;exports.getCookie=t.getCookie;exports.getInstallUrl=t.getInstallUrl;exports.getOnsideToken=t.getOnsideToken;exports.setCookie=t.setCookie;exports.compareVersions=l.compareVersions;exports.getDeviceInfo=l.getDeviceInfo;exports.resolveInstallConditions=l.resolveInstallConditions;exports.trackEvent=l.trackEvent;exports.trackModalEvent=l.trackModalEvent;

package/dist-lib/install-package.js

@@ -1,5 +1,5 @@
 "use client";
-import { A as a, b as t, e as o, I as r, d as l, f as n } from "./install-package-CZGZODly.js";
+import { A as a, b as t, e as o, I as r, d as l, f as n } from "./install-package-ZMp5QD6c.js";
 import { u as E, a as i } from "./useInstallUrl-McaAuMPK.js";
 import { c as g, b as d, g as f, a as p, s as c } from "./installUrlService-CrJfYPwM.js";
 import { compareVersions as _, getDeviceInfo as k, resolveInstallConditions as m, trackEvent as v, trackModalEvent as C } from "./utils.js";

package/dist-lib/install-widget.css

@@ -1 +1 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-black:#1e1c1f;--color-white:#fff;--spacing:.25rem;--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: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--radius-xs:.125rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-blue:#0a5eff;--color-buttonDisabled:#0a5eff33;--color-buttonHover:#337aff;--color-error:#ea001b;--color-lightGray:#f5f6f7;--color-tertiary:#1e1c1f99;--text-2xs:.6875rem;--text-2xs--line-height:1rem}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.left-1\/2{left:50%}.\!z-\[2147483647\]{z-index:2147483647!important}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-10\!{margin-top:calc(var(--spacing)*10)!important}.mr-auto{margin-right:auto}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-auto{margin-left:auto}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-16{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[calc\(100dvh-8px\)\]{max-height:calc(100dvh - 8px)}.min-h-0{min-height:calc(var(--spacing)*0)}.w-11\/12{width:91.6667%}.w-\[calc\(100\%-8px\)\]{width:calc(100% - 8px)}.w-full{width:100%}.max-w-\[85\%\]{max-width:85%}.max-w-\[calc\(100dvw-8px\)\]{max-width:calc(100dvw - 8px)}.max-w-lg{max-width:var(--container-lg)}.min-w-\[206px\]{min-width:206px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.list-decimal{list-style-type:decimal}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-12{gap:calc(var(--spacing)*12)}.gap-\[6px\]{gap:6px}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.border{border-style:var(--tw-border-style);border-width:1px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-\[\#e2eaf8\]{border-color:#e2eaf8}.border-blue{border-color:var(--color-blue)}.border-white{border-color:var(--color-white)}.\!bg-lightGray{background-color:var(--color-lightGray)!important}.bg-\[\#e2eaf8\]{background-color:#e2eaf8}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#1e1c1f80}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue{background-color:var(--color-blue)}.bg-buttonHover\!{background-color:var(--color-buttonHover)!important}.bg-lightGray{background-color:var(--color-lightGray)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.stroke-blue{stroke:var(--color-blue)}.object-contain{object-fit:contain}.object-top{object-position:top}.\!p-\[10px\]{padding:10px!important}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[10px\]{padding:10px}.\!px-1\.5{padding-inline:calc(var(--spacing)*1.5)!important}.px-0\!{padding-inline:calc(var(--spacing)*0)!important}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.\!py-0{padding-block:calc(var(--spacing)*0)!important}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.ps-6{padding-inline-start:calc(var(--spacing)*6)}.pt-7{padding-top:calc(var(--spacing)*7)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-2xs{line-height:var(--text-2xs--line-height);font-size:var(--text-2xs);line-height:var(--tw-leading,var(--text-2xs--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!leading-10{--tw-leading:calc(var(--spacing)*10)!important;line-height:calc(var(--spacing)*10)!important}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-none{--tw-leading:1;line-height:1}.leading-none\!{--tw-leading:1!important;line-height:1!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.whitespace-nowrap{white-space:nowrap}.text-\[\#FF465D\]{color:#ff465d}.text-\[\#e2eaf8\]{color:#e2eaf8}.text-black{color:var(--color-black)}.text-black\/60{color:#1e1c1f99}@supports (color:color-mix(in lab,red,red)){.text-black\/60{color:color-mix(in oklab,var(--color-black)60%,transparent)}}.text-blue{color:var(--color-blue)}.text-error{color:var(--color-error)}.text-tertiary{color:var(--color-tertiary)}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-14-50-98{box-shadow:9.42px 14.8px 39.02px #0e326214,37.67px 59.2px 71.3px #0e326212,86.1px 134.54px 95.52px #0e32620a,152.03px 238.13px 113.01px #0e326203,238.13px 371.32px 123.77px #0e326200}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.\[bundle\:check\]{bundle:check}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.paused{animation-play-state:paused}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-top-1:before{content:var(--tw-content);top:calc(var(--spacing)*-1)}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:block:before{content:var(--tw-content);display:block}.before\:size-2:before{content:var(--tw-content);width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:rotate-45:before{content:var(--tw-content);rotate:45deg}.before\:rounded-xs:before{content:var(--tw-content);border-radius:var(--radius-xs)}.before\:bg-black:before{content:var(--tw-content);background-color:var(--color-black)}@media(hover:hover){.hover\:bg-\[\#e2eaf8\]:hover{background-color:#e2eaf8}.hover\:bg-blue:hover{background-color:var(--color-blue)}.hover\:bg-buttonHover:hover{background-color:var(--color-buttonHover)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-blue:hover{color:var(--color-blue)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-90:hover{opacity:.9}}.focus\:bg-\[\#e2eaf8\]:focus{background-color:#e2eaf8}.focus\:bg-blue:focus{background-color:var(--color-blue)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:text-blue:focus{color:var(--color-blue)}.focus\:text-white:focus{color:var(--color-white)}.focus\:underline:focus{text-decoration-line:underline}.focus\:opacity-100:focus{opacity:1}.disabled\:bg-buttonDisabled:disabled{background-color:var(--color-buttonDisabled)}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media(min-width:40rem){.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:var(--font-geist,ui-sans-serif),ui-sans-serif,system-ui,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",sans-serif;--font-serif:var(--font-tiktok,ui-serif),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:var(--font-geist-mono,ui-monospace),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-black:#1e1c1f;--color-white:#fff;--spacing:.25rem;--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: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--radius-xs:.125rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-blue:#0a5eff;--color-buttonDisabled:#0a5eff33;--color-buttonHover:#337aff;--color-error:#ea001b;--color-lightGray:#f5f5f7;--color-surface15:#fafafc;--color-tertiary:#1e1c1f99;--text-2xs:.6875rem;--text-2xs--line-height:1rem;--tango-gradient:linear-gradient(94deg,#ff465d .27%,#f711ba 77.9%)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.left-1\/2{left:50%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.\!z-\[2147483647\]{z-index:2147483647!important}.container{width:100%}@media(min-width:375px){.container{max-width:375px}}@media(min-width:834px){.container{max-width:834px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1440px){.container{max-width:1440px}}@media(min-width:1920px){.container{max-width:1920px}}@media(min-width:2200px){.container{max-width:2200px}}.m-auto{margin:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-10\!{margin-top:calc(var(--spacing)*10)!important}.mr-auto{margin-right:auto}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-16{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[calc\(100dvh-8px\)\]{max-height:calc(100dvh - 8px)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[100dvh\]{min-height:100dvh}.w-11\/12{width:91.6667%}.w-\[calc\(100\%-8px\)\]{width:calc(100% - 8px)}.w-full{width:100%}.max-w-\[85\%\]{max-width:85%}.max-w-\[calc\(100dvw-8px\)\]{max-width:calc(100dvw - 8px)}.max-w-lg{max-width:var(--container-lg)}.min-w-\[206px\]{min-width:206px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x)var(--tw-scale-y)var(--tw-scale-z)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)}.resize{resize:both}.list-decimal{list-style-type:decimal}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-12{gap:calc(var(--spacing)*12)}.gap-\[6px\]{gap:6px}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}.gap-x-1{column-gap:calc(var(--spacing)*1)}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}.gap-y-2{row-gap:calc(var(--spacing)*2)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[\#e2eaf8\]{border-color:#e2eaf8}.border-blue{border-color:var(--color-blue)}.border-white{border-color:var(--color-white)}.\!bg-lightGray{background-color:var(--color-lightGray)!important}.bg-\[\#e2eaf8\]{background-color:#e2eaf8}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#1e1c1f80}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue{background-color:var(--color-blue)}.bg-buttonHover\!{background-color:var(--color-buttonHover)!important}.bg-lightGray{background-color:var(--color-lightGray)}.bg-surface15{background-color:var(--color-surface15)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-repeat{background-repeat:repeat}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.stroke-blue{stroke:var(--color-blue)}.object-contain{object-fit:contain}.object-top{object-position:top}.\!p-\[10px\]{padding:10px!important}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[10px\]{padding:10px}.\!px-1\.5{padding-inline:calc(var(--spacing)*1.5)!important}.px-0\!{padding-inline:calc(var(--spacing)*0)!important}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.\!py-0{padding-block:calc(var(--spacing)*0)!important}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.ps-6{padding-inline-start:calc(var(--spacing)*6)}.pt-7{padding-top:calc(var(--spacing)*7)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono);letter-spacing:.072em;text-transform:uppercase}.font-sans{font-family:var(--font-sans);letter-spacing:-.016em}.font-serif{font-family:var(--font-serif);letter-spacing:-.045em}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-2xs{line-height:var(--text-2xs--line-height);font-size:var(--text-2xs);line-height:var(--tw-leading,var(--text-2xs--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!leading-10{--tw-leading:calc(var(--spacing)*10)!important;line-height:calc(var(--spacing)*10)!important}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-none{--tw-leading:1;line-height:1}.leading-none\!{--tw-leading:1!important;line-height:1!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-wrap{text-wrap:wrap}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[\#FF465D\]{color:#ff465d}.text-\[\#e2eaf8\]{color:#e2eaf8}.text-black{color:var(--color-black)}.text-black\/60{color:#1e1c1f99}@supports (color:color-mix(in lab,red,red)){.text-black\/60{color:color-mix(in oklab,var(--color-black)60%,transparent)}}.text-blue{color:var(--color-blue)}.text-error{color:var(--color-error)}.text-tertiary{color:var(--color-tertiary)}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-14-50-98{box-shadow:9.42px 14.8px 39.02px #0e326214,37.67px 59.2px 71.3px #0e326212,86.1px 134.54px 95.52px #0e32620a,152.03px 238.13px 113.01px #0e326203,238.13px 371.32px 123.77px #0e326200}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--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(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.\[bundle\:check\]{bundle:check}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-top-1:before{content:var(--tw-content);top:calc(var(--spacing)*-1)}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:block:before{content:var(--tw-content);display:block}.before\:size-2:before{content:var(--tw-content);width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:rotate-45:before{content:var(--tw-content);rotate:45deg}.before\:rounded-xs:before{content:var(--tw-content);border-radius:var(--radius-xs)}.before\:bg-black:before{content:var(--tw-content);background-color:var(--color-black)}@media(hover:hover){.hover\:bg-\[\#e2eaf8\]:hover{background-color:#e2eaf8}.hover\:bg-blue:hover{background-color:var(--color-blue)}.hover\:bg-buttonHover:hover{background-color:var(--color-buttonHover)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-blue:hover{color:var(--color-blue)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-90:hover{opacity:.9}}.focus\:bg-\[\#e2eaf8\]:focus{background-color:#e2eaf8}.focus\:bg-blue:focus{background-color:var(--color-blue)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:text-blue:focus{color:var(--color-blue)}.focus\:text-white:focus{color:var(--color-white)}.focus\:underline:focus{text-decoration-line:underline}.focus\:opacity-100:focus{opacity:1}.disabled\:bg-buttonDisabled:disabled{background-color:var(--color-buttonDisabled)}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media(min-width:834px){.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.tango-gradient-text{background-image:var(--tango-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.tango-gradient-bg{background-image:var(--tango-gradient)}.tango-gradient-border{background:linear-gradient(#fff,#fff)padding-box,var(--tango-gradient)border-box;border:1px solid #0000}}button{cursor:pointer}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onside/install-widget",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "description": "Onside install button widget for partner landings",
   "keywords": [
@@ -14,6 +14,8 @@
   },
   "scripts": {
     "dev": "vite",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
     "sync:cdn-manifest": "node scripts/sync-cdn-manifest.mjs",
     "build": "tsc -b && vite build",
     "build:lib": "tsc -b && vite build --config vite.config.lib.ts",
@@ -65,10 +67,15 @@
     "zustand": "^5.0.11"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.1.18",
     "@changesets/cli": "^2.29.8",
     "@eslint/js": "^9.39.2",
     "@playwright/test": "^1.58.2",
+    "@storybook/addon-essentials": "^8.6.17",
+    "@storybook/addon-interactions": "^8.6.17",
+    "@storybook/react": "^8.6.17",
+    "@storybook/react-vite": "^8.6.17",
+    "@storybook/test": "^8.6.17",
+    "@tailwindcss/postcss": "^4.1.18",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^24.0.10",
@@ -89,6 +96,7 @@
     "prettier-plugin-tailwindcss": "^0.6.13",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
+    "storybook": "^8.6.17",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4.1.18",
     "tailwindcss-animate": "^1.0.7",

package/dist-lib/index-BzQo1EMv.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),C=require("./Dialog-BRBYK08a.cjs"),M=require("./FaqModal-BspE3dHf.cjs"),o=require("./install-package-Dkv3eM_d.cjs"),p=require("./utils.cjs"),r=require("./cdn-BonUyxCA.cjs"),q=()=>{const[t,s]=l.useState(!1),n=l.useCallback(()=>{s(!1)},[]),a=l.useCallback(()=>{s(!0)},[]);return{isOpenFaq:t,onCloseFaqModal:n,onOpenFaqModal:a,setIsOpenFaq:s}},g=({openFaq:t})=>{const{modal:s}=o.useMessages();return e.jsxs("div",{className:"flex flex-row items-center justify-center gap-2",children:[e.jsx("p",{className:"font-sans text-lg font-medium",children:s.faq.needHelp}),e.jsx(o.Button,{className:"px-0! font-sans text-lg font-normal",color:"blue",onClick:t,variant:"transparent",children:s.faq.faqLink})]})},_=({onSubmit:t,openFaq:s,step:n,openAppHref:a="#"})=>{const{modal:d}=o.useMessages();return n===1?e.jsxs(e.Fragment,{children:[e.jsx(o.InstallAppButton,{className:"w-full",handleCustomStep:t,location:"get_approved"}),e.jsx(g,{openFaq:s})]}):n===2?e.jsxs(e.Fragment,{children:[e.jsx(o.Button,{className:"w-full text-center",color:"blue",href:a,onClick:t,size:"lg",variant:"primary",children:d.getApproved.openAppButton}),e.jsx(g,{openFaq:s})]}):e.jsx(e.Fragment,{})},b=t=>{const{className:s,spinnerClasses:n,title:a="Loading..."}=t;return e.jsxs("div",{className:o.clsx("flex flex-col items-center justify-center gap-12",s),children:[e.jsx("h2",{className:"text-center !leading-10 text-lg font-medium",children:a}),e.jsx(o.SvgSpinner,{className:o.clsx("size-16 stroke-blue",n)})]})},S=r.cdn("/video/get-approved-poster.jpg"),k=r.cdn("/video/get-approved.mp4"),y=r.cdn("/video/open-onside-poster.jpg"),F=r.cdn("/video/open-onside.av1.mp4"),I=r.cdn("/video/open-onside.h264.mp4"),D=({step:t})=>{const{modal:s}=o.useMessages();return t===1?e.jsxs("div",{className:"mt-4 flex flex-col items-center",children:[e.jsx("h2",{className:"text-center font-sans text-lg font-normal",id:"get-approved",children:s.getApproved.title}),e.jsx("ol",{className:"mt-5 flex list-decimal flex-col gap-2 ps-6 font-sans text-base font-normal",children:s.getApproved.steps.map(n=>e.jsx("li",{children:n},n))}),e.jsx(r.VideoAutoplay,{ariaLabel:"Instruction demonstrating how to get approved for Onside",className:"w-[calc(100%-8px)] self-start",poster:S,children:e.jsx("source",{src:k,type:"video/mp4"})})]}):t===2?e.jsx(b,{className:"flex items-center justify-center",title:s.getApproved.installing}):t===3?e.jsxs("div",{className:"mt-4 flex flex-col items-center",children:[e.jsx("h2",{className:"text-center font-sans text-lg font-normal",id:"open-onside-app",children:s.getApproved.openApp}),e.jsx("div",{className:"mt-5 font-sans text-base font-normal",children:e.jsx("p",{children:s.getApproved.openAppDescription})}),e.jsxs(r.VideoAutoplay,{ariaLabel:"Instruction demonstrating how to open the Onside app",className:"mt-10! w-[calc(100%-8px)] self-start",poster:y,children:[e.jsx("source",{src:F,type:"video/mp4; codecs=av01.0.05M.08"}),e.jsx("source",{src:I,type:"video/mp4"})]})]}):null},P=t=>{const{open:s,onClose:n,onStep3Complete:a,openAppHref:d}=t,[i,u]=l.useState(1),{isOpenFaq:v,onCloseFaqModal:j,onOpenFaqModal:h}=q(),{installState:N}=p.resolveInstallConditions(p.getDeviceInfo()),m=N==="install_available",x=l.useMemo(()=>({2:{delay:o.AVERAGE_INSTALL_TIME,action:()=>u(3)},3:{delay:o.AVERAGE_CHECK_TIME,action:()=>a?.(),skip:!m||!a}}),[a,m]);l.useEffect(()=>{const c=x[i];if(!c||c?.skip)return;const O=setTimeout(c.action,c.delay);return()=>clearTimeout(O)},[i,x]);const f=l.useCallback(()=>{p.trackModalEvent("get_approved","click","close"),n(),setTimeout(()=>{u(1)},500)},[n]),E=l.useCallback(()=>{u(2),p.trackModalEvent("get_approved","click","install")},[]),A=l.useCallback(c=>{c||f()},[f]);return e.jsxs(e.Fragment,{children:[e.jsx(C.Dialog,{"aria-labelledby":"get-approved",className:"outline-hidden",footerContent:e.jsx(_,{openAppHref:d,onSubmit:E,openFaq:h,step:i}),isDisplayingMargins:!0,open:s,onOpenChange:A,children:e.jsx(D,{step:i})}),e.jsx(M.FaqModal,{isOpen:v,onClose:j})]})};exports.GetApprovedModal=P;

package/dist-lib/install-package-CZGZODly.js

@@ -1,451 +0,0 @@
-import { jsx as i, jsxs as k, Fragment as B } from "react/jsx-runtime";
-import * as y from "react";
-import { createContext as U, useContext as R, useState as q, useRef as F, useCallback as I, useEffect as H, lazy as w, useMemo as Y, Suspense as W } from "react";
-import { S as L, u as K, i as Z } from "./useInstallUrl-McaAuMPK.js";
-import { trackModalEvent as Q, trackEvent as J, resolveInstallConditions as X, getDeviceInfo as ee } from "./utils.js";
-import { create as te } from "zustand";
-import "./installUrlService-CrJfYPwM.js";
-function G(e) {
-  var t, o, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var a = e.length;
-    for (t = 0; t < a; t++) e[t] && (o = G(e[t])) && (n && (n += " "), n += o);
-  } else for (o in e) e[o] && (n && (n += " "), n += o);
-  return n;
-}
-function ne() {
-  for (var e, t, o = 0, n = "", a = arguments.length; o < a; o++) (e = arguments[o]) && (t = G(e)) && (n && (n += " "), n += t);
-  return n;
-}
-function u(...e) {
-  return ne(e);
-}
-const oe = {
-  primary: "rounded-full whitespace-nowrap leading-none font-medium transition-bg font-sans duration-300 flex items-center justify-center text-center",
-  secondary: "rounded-full whitespace-nowrap leading-none font-medium font-sans bg-transparent border transition-bg transition-color duration-300 flex items-center justify-center text-center",
-  text: "whitespace-nowrap leading-none font-medium font-sans transition-colors duration-300 flex items-center justify-center text-center",
-  transparent: "rounded-full whitespace-nowrap leading-none font-medium transition-opacity duration-300 flex items-center justify-center text-center"
-}, ae = {
-  primary: {
-    blue: "bg-blue text-white hover:bg-buttonHover focus:bg-blue disabled:bg-buttonDisabled",
-    lightBlue: "bg-[#e2eaf8] text-blue hover:opacity-60 focus:opacity-100",
-    white: "bg-white text-blue hover:opacity-90 focus:opacity-100 disabled:opacity-50"
-  },
-  secondary: {
-    blue: "border-blue text-blue hover:bg-blue hover:text-white focus:bg-blue focus:text-white",
-    lightBlue: "border-[#e2eaf8] text-[#e2eaf8] hover:bg-[#e2eaf8] hover:text-white focus:bg-[#e2eaf8] focus:text-white",
-    white: "border-white text-white hover:bg-white hover:text-blue focus:bg-white focus:text-blue"
-  },
-  text: {
-    blue: "bg-transparent text-blue hover:underline focus:underline",
-    lightBlue: "bg-transparent text-[#e2eaf8] hover:underline focus:underline",
-    white: "bg-transparent text-white hover:underline focus:underline"
-  },
-  transparent: {
-    blue: "bg-transparent text-blue hover:opacity-75",
-    lightBlue: "bg-transparent text-[#e2eaf8] hover:opacity-75",
-    white: "bg-transparent text-white hover:opacity-75"
-  }
-}, se = {
-  lg: "py-4 px-8 font-sans font-medium text-lg sm:text-xl leading-none!",
-  md: "py-3 px-5 font-sans font-medium text-base sm:text-lg leading-none!"
-};
-function S({ className: e, ...t }) {
-  const o = t.variant ?? "primary", n = t.color ?? "blue", a = t.size ?? "md", s = u(
-    oe[o],
-    se[o !== "text" ? a : "md"],
-    ae[o][n],
-    e
-  );
-  if (typeof t.href > "u")
-    return /* @__PURE__ */ i("button", { className: s, ...t });
-  const l = t, m = ("rel" in l ? l.rel : void 0) ?? (l.target === "_blank" ? "noopener noreferrer" : void 0);
-  return /* @__PURE__ */ i("a", { className: s, rel: m, ...l });
-}
-const d = " ", ie = "ʹ", V = {
-  button: {
-    install: "Install Onside",
-    regionUnavailable: "Only available in the EU. Install from an eligible region.",
-    androidOnly: "Onside is for iPhone and iPad",
-    loading: "Loading...",
-    linkError: "Unable to load install link. Please try again."
-  },
-  modal: {
-    close: "Close",
-    goToSafari: {
-      title: "Open in Safari",
-      caption: "Copy the link and open it in Safari to continue.",
-      description: "Onside can only be installed from the Safari browser on your device.",
-      openButton: "Open in Safari",
-      linkCopied: "Link copied",
-      linkPaste: "Paste the link in Safari"
-    },
-    updateIos: {
-      title: "Update your iOS",
-      description: "To install Onside, update your iPhone or iPad to the latest version of iOS.",
-      breadcrumbs: ["Settings", "General", "Software Update"]
-    },
-    getApproved: {
-      title: "Get approved for Onside",
-      steps: [
-        "Open the link and sign in with your Apple ID.",
-        "Complete the approval steps in the browser.",
-        "Return here and tap Install to continue."
-      ],
-      installing: "Installing…",
-      openApp: "Open the Onside app",
-      openAppDescription: "Start using Onside from your home screen.",
-      openAppButton: "Open app"
-    },
-    checkInstall: {
-      title: "Did you install Onside?",
-      description: "Let us know if the installation completed successfully.",
-      yes: "Yes, I installed it",
-      no: "No, I need help"
-    },
-    android: {
-      title: "Onside is for iPhone and iPad",
-      description: "To install Onside, please use an iPhone or iPad."
-    },
-    faq: {
-      title: "Frequently asked questions",
-      items: [
-        {
-          question: "How can I install Onside store app outside EU region?",
-          answer: `You can install the${d}Onside store app only if${d}you are using your iPhone in${d}the${d}EU${d}region`
-        },
-        {
-          question: `I am in EU region but still can${ie}t install Onside store app`,
-          answer: "Turn off your VPN and check that country of your Appstore belongs to EU region. You can find instructions on how to change the region",
-          action: { event: "change_region", word: "here" }
-        },
-        {
-          question: `Could not install app due${d}to content restrictions`,
-          answer: "Go to content restrictions in Settings, then “App Store, Media, Web & games” then “Apps” and set to unrated"
-        },
-        {
-          question: "I have another problem",
-          answer: "If you have any other problems, please",
-          action: { event: "support", word: "contact us" }
-        }
-      ],
-      changeRegion: {
-        title: `Change your App Store country to install Onside${d}store${d}app`,
-        label: "To change, please go to:",
-        breadcrumbs: [
-          "Settings",
-          "Your name",
-          "Media & Purchases",
-          "View Account",
-          "Country & Region",
-          "Change"
-        ],
-        caption: "Then follow the on-screen instructions"
-      },
-      needHelp: "Need help?",
-      faqLink: "FAQ",
-      didntFind: "Didn’t find an answer?"
-    }
-  }
-}, j = U(V), le = () => R(j), Be = 7 * L, re = 7 * L, ce = 2 * L, z = te((e) => ({
-  activeModal: null,
-  openModal: (t) => e({ activeModal: t }),
-  closeModal: () => e({ activeModal: null })
-})), de = {
-  INSTALL_BUTTON_CLICK: "install_button_click"
-}, ue = (e = {}, t) => ({
-  trackInstallEvent: (a) => {
-    const s = J(de.INSTALL_BUTTON_CLICK, {
-      ...e,
-      event_type: a
-    });
-    s && t?.onEvent?.(s);
-  },
-  trackOpenModalEvent: (a) => {
-    const s = Q(a, "opened", "install_button", {
-      ...e
-    });
-    s && t?.onEvent?.(s);
-  }
-}), pe = (e) => e ? "ios_18_6_plus" : "install_click", fe = (e, t) => {
-  e(pe(t));
-}, he = (e) => {
-  e("no_condition_matched");
-}, me = (e) => {
-  const { id: t, location: o = "hero", customAnalytics: n, handleCustomStep: a, pathname: s } = e, l = X(ee()), m = l.installState === "install_available", { data: p, error: _ } = K(m), g = p?.url ?? null, M = p?.onside_token ?? null, A = p?.attribution_token ?? null, f = p?.is_eligible ?? null, { openModal: r } = z(), [E, C] = q(!1), x = F(void 0), { trackOpenModalEvent: c, trackInstallEvent: b } = ue(
-    {
-      page: s,
-      location: o,
-      button_id: t ?? void 0,
-      onside_token: M ?? void 0,
-      attribution_token: A ?? void 0
-    },
-    n
-  ), h = I(() => {
-    C(!0);
-    const v = setTimeout(() => {
-      C(!1);
-    }, ce);
-    return () => clearTimeout(v);
-  }, []), O = I(
-    (v) => {
-      if (!g || !Z) {
-        v.preventDefault();
-        return;
-      }
-      if (h(), a) {
-        setTimeout(() => a(), 100);
-        return;
-      }
-      fe(b, l.usesNewInstallFlow), setTimeout(() => {
-        if (l.usesNewInstallFlow) {
-          clearTimeout(x.current), x.current = setTimeout(() => {
-            r("checkInstall"), c("check_install");
-          }, re);
-          return;
-        }
-        r("getApproved"), c("get_approved");
-      }, 100);
-    },
-    [
-      g,
-      a,
-      l.usesNewInstallFlow,
-      b,
-      c,
-      r,
-      h
-    ]
-  ), N = I(() => {
-    if (h(), l.installState === "go_to_safari") {
-      c("go_to_safari"), r("goToSafari");
-      return;
-    }
-    if (l.installState === "update_ios") {
-      c("update_ios"), r("updateIOS");
-      return;
-    }
-    he(b);
-  }, [
-    l.installState,
-    r,
-    h,
-    b,
-    c
-  ]), T = I(() => {
-    c("is_android"), r("isAndroid");
-  }, [r, c]);
-  return {
-    viewMode: l.installState === "android" ? "android" : E ? "loading" : g && m ? "link" : "button",
-    installUrl: g,
-    error: _,
-    isEligible: f,
-    conditions: l,
-    handleInstallClick: O,
-    handleModalFlowClick: N,
-    handleAndroidClick: T
-  };
-}, ge = (e) => /* @__PURE__ */ y.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ y.createElement("path", { d: "M12.1268 5.74646C11.3368 5.74646 10.1139 4.84824 8.82613 4.88071C7.12708 4.90235 5.56872 5.8655 4.69214 7.39139C2.92817 10.454 4.23762 14.9776 5.95831 17.4667C6.80243 18.6787 7.79805 20.0423 9.11832 19.999C10.3845 19.9449 10.8607 19.1765 12.3974 19.1765C13.9233 19.1765 14.3562 19.999 15.6981 19.9665C17.0617 19.9449 17.9274 18.7328 18.7607 17.5099C19.7239 16.1031 20.1243 14.7395 20.1459 14.6638C20.1134 14.653 17.4945 13.6465 17.4621 10.6164C17.4404 8.084 19.5291 6.87195 19.6265 6.81784C18.436 5.0755 16.6071 4.88071 15.9686 4.83742C14.3021 4.70755 12.906 5.74646 12.1268 5.74646ZM14.9406 3.19248C15.644 2.34837 16.1093 1.16877 15.9795 0C14.973 0.0432878 13.761 0.670965 13.0359 1.51508C12.3866 2.26179 11.8238 3.46303 11.9753 4.61016C13.09 4.69673 14.2371 4.03659 14.9406 3.19248Z", fill: "currentColor" })), be = ({
-  className: e,
-  onClick: t,
-  children: o,
-  id: n,
-  androidClassName: a,
-  androidTextClassName: s
-}) => /* @__PURE__ */ i(
-  S,
-  {
-    id: n,
-    className: u("bg-white px-7", e, a),
-    variant: "secondary",
-    size: "lg",
-    onClick: t,
-    children: /* @__PURE__ */ k("span", { className: "flex flex-row items-center gap-1", children: [
-      /* @__PURE__ */ i(ge, { className: s ? "text-[#FF465D]" : void 0 }),
-      /* @__PURE__ */ i("span", { className: u("flex-1", s), children: o })
-    ] })
-  }
-), ve = ({
-  href: e,
-  onClick: t,
-  children: o,
-  className: n,
-  id: a
-}) => /* @__PURE__ */ i(
-  S,
-  {
-    id: a,
-    href: e,
-    size: "lg",
-    onClick: t,
-    className: n,
-    children: o
-  }
-), ye = (e) => /* @__PURE__ */ y.createElement("svg", { stroke: "customColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ y.createElement("style", null, ".spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite}.spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite}@keyframes spinner_zKoa{100%{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59}}"), /* @__PURE__ */ y.createElement("g", { className: "spinner_V8m1" }, /* @__PURE__ */ y.createElement("circle", { cx: 12, cy: 12, r: 9.5, fill: "none", strokeWidth: 3 }))), ke = (e) => {
-  const { id: t, className: o, children: n, showLoaderOnly: a } = e;
-  return /* @__PURE__ */ i(S, { id: t, className: u("px-8 py-4", o), disabled: !0, children: /* @__PURE__ */ k("span", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ i(ye, { className: "size-5 animate-spin stroke-blue" }),
-    !a && n
-  ] }) });
-}, we = ({ message: e }) => /* @__PURE__ */ i("p", { className: "mt-2 text-center text-sm text-error", children: e ?? "Unable to load install link. Please try again." }), D = U(!1), Ce = () => typeof window < "u" ? window.location.pathname : "", Ue = (e) => {
-  const t = le(), {
-    className: o,
-    children: n,
-    handleCustomStep: a,
-    location: s = "hero",
-    caption: l,
-    captionClassName: m,
-    showCaption: p = !0,
-    showLoaderOnly: _ = !1,
-    androidClassName: g,
-    androidTextClassName: M,
-    customAnalytics: A,
-    id: f
-  } = e, r = n ?? t.button.install, E = F(Ce()), C = R(D), {
-    viewMode: x,
-    installUrl: c,
-    error: b,
-    isEligible: h,
-    handleInstallClick: O,
-    handleModalFlowClick: N,
-    handleAndroidClick: T
-  } = me({
-    id: f,
-    location: s,
-    customAnalytics: A,
-    handleCustomStep: a,
-    pathname: E.current
-  });
-  H(() => {
-  }, [C]);
-  const P = p && (!h || l) && /* @__PURE__ */ i(
-    "div",
-    {
-      className: u(
-        "text-2xs font-mono opacity-60",
-        m
-      ),
-      children: h ? l : t.button.regionUnavailable
-    }
-  ), v = {
-    android: /* @__PURE__ */ i(
-      be,
-      {
-        id: f,
-        className: o,
-        androidClassName: g,
-        androidTextClassName: M,
-        onClick: T,
-        children: t.button.androidOnly
-      }
-    ),
-    loading: /* @__PURE__ */ i(
-      ke,
-      {
-        showLoaderOnly: _,
-        id: f,
-        className: u("bg-buttonHover!", o),
-        children: t.button.loading
-      }
-    ),
-    link: /* @__PURE__ */ k(B, { children: [
-      /* @__PURE__ */ k(
-        ve,
-        {
-          id: f,
-          className: u(o, "flex-col gap-1"),
-          href: c ?? "",
-          onClick: O,
-          children: [
-            r,
-            P
-          ]
-        }
-      ),
-      b && /* @__PURE__ */ i(we, { message: t.button.linkError })
-    ] }),
-    button: /* @__PURE__ */ k(
-      S,
-      {
-        id: f,
-        className: u(o, "flex-col gap-1"),
-        size: "lg",
-        onClick: N,
-        children: [
-          r,
-          P
-        ]
-      }
-    )
-  };
-  return /* @__PURE__ */ i(B, { children: v[x] ?? v.button });
-};
-function $(e, t) {
-  if (!t) return e;
-  const o = { ...e };
-  for (const n of Object.keys(t)) {
-    const a = o[n], s = t[n];
-    s !== void 0 && (typeof a == "object" && a !== null && !Array.isArray(a) && typeof s == "object" && s !== null && !Array.isArray(s) ? o[n] = $(
-      a,
-      s
-    ) : o[n] = s);
-  }
-  return o;
-}
-const xe = w(async () => ({ default: (await import("./AndroidPlatformModal-3kGO8HxK.js")).AndroidPlatformModal })), Ie = w(async () => ({ default: (await import("./GoToSafariModal-BSuOwGJ3.js")).GoToSafariModal })), Se = w(async () => ({ default: (await import("./UpdateIOSModal-CF7lFNfI.js")).UpdateIOSModal })), _e = w(async () => ({ default: (await import("./index-fWIxOyUM.js")).GetApprovedModal })), Me = w(async () => ({ default: (await import("./CheckInstallModal-Do2gfb9L.js")).CheckInstallModal })), Ae = () => {
-  const { activeModal: e, closeModal: t, openModal: o } = z();
-  let n = null;
-  switch (e) {
-    case "goToSafari":
-      n = /* @__PURE__ */ i(Ie, { open: !0, onClose: t });
-      break;
-    case "updateIOS":
-      n = /* @__PURE__ */ i(Se, { open: !0, onClose: t });
-      break;
-    case "isAndroid":
-      n = /* @__PURE__ */ i(xe, { open: !0, onClose: t });
-      break;
-    case "getApproved":
-      n = /* @__PURE__ */ i(
-        _e,
-        {
-          open: !0,
-          onClose: t,
-          onStep3Complete: () => o("checkInstall")
-        }
-      );
-      break;
-    case "checkInstall":
-      n = /* @__PURE__ */ i(Me, { open: !0, onClose: t });
-      break;
-    default:
-      n = null;
-  }
-  return /* @__PURE__ */ i(W, { fallback: null, children: n });
-}, Re = ({
-  children: e,
-  messages: t
-}) => {
-  const o = Y(
-    () => $(V, t),
-    [t]
-  );
-  return /* @__PURE__ */ i(j.Provider, { value: o, children: /* @__PURE__ */ k(D.Provider, { value: !0, children: [
-    e,
-    /* @__PURE__ */ i(Ae, {})
-  ] }) });
-};
-export {
-  re as A,
-  S as B,
-  Ue as I,
-  ye as S,
-  u as a,
-  Be as b,
-  ne as c,
-  Re as d,
-  ce as e,
-  V as f,
-  le as u
-};