@onside/install-widget 1.1.1 → 1.1.2

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.
Files changed (24) hide show
  1. package/dist-lib/{AndroidPlatformModal-Bo8KL9YE.cjs → AndroidPlatformModal-CpwzAKbL.cjs} +1 -1
  2. package/dist-lib/{AndroidPlatformModal-DGNUxRkK.js → AndroidPlatformModal-fnqHq6jq.js} +2 -2
  3. package/dist-lib/{CheckInstallModal-CamMs4Ky.cjs → CheckInstallModal-C1Wv-gKs.cjs} +1 -1
  4. package/dist-lib/{CheckInstallModal-BAx1q0Eh.js → CheckInstallModal-CZ0ys6jl.js} +3 -3
  5. package/dist-lib/{Dialog-H1GsCMbd.cjs → Dialog-Bf1eG4mA.cjs} +1 -1
  6. package/dist-lib/{Dialog-BpvFTl3s.js → Dialog-Cs3Sm-0z.js} +1 -1
  7. package/dist-lib/{FaqModal-B6YPov5t.js → FaqModal-B3W9TAdH.js} +3 -3
  8. package/dist-lib/{FaqModal-BYENishJ.cjs → FaqModal-DASmfX8z.cjs} +1 -1
  9. package/dist-lib/{GoToSafariModal-pXhEb2yy.js → GoToSafariModal-CEBQ36EQ.js} +2 -2
  10. package/dist-lib/{GoToSafariModal-B1EWxzWE.cjs → GoToSafariModal-e91KDKYB.cjs} +1 -1
  11. package/dist-lib/{UpdateIOSModal-D-cikTQ4.js → UpdateIOSModal-BU_f7lNn.js} +3 -3
  12. package/dist-lib/{UpdateIOSModal-B-jqDkQO.cjs → UpdateIOSModal-D2I23Tl0.cjs} +1 -1
  13. package/dist-lib/{cdn-DQucWvIe.js → cdn-CRspaiaD.js} +1 -1
  14. package/dist-lib/{cdn-ToXHpWOt.cjs → cdn-D6heHpnz.cjs} +1 -1
  15. package/dist-lib/{index-DFXiHkdo.cjs → index-CiZWNFxT.cjs} +1 -1
  16. package/dist-lib/{index-BqoWsHcB.js → index-ndI5Sgj0.js} +4 -4
  17. package/dist-lib/install-package-Bx8Bu318.cjs +1 -0
  18. package/dist-lib/install-package-ZMp5QD6c.js +3174 -0
  19. package/dist-lib/install-package.cjs +1 -1
  20. package/dist-lib/install-package.js +1 -1
  21. package/dist-lib/install-widget.css +1 -1
  22. package/package.json +1 -1
  23. package/dist-lib/install-package-5TE9fTFQ.cjs +0 -1
  24. package/dist-lib/install-package-S3saul1C.js +0 -451
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./install-package-5TE9fTFQ.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;
1
+ "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;
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { A as a, b as t, e as o, I as r, d as l, f as n } from "./install-package-S3saul1C.js";
2
+ import { A as a, b as t, e as o, I as r, d as l, f as n } from "./install-package-ZMp5QD6c.js";
3
3
  import { u as E, a as i } from "./useInstallUrl-McaAuMPK.js";
4
4
  import { c as g, b as d, g as f, a as p, s as c } from "./installUrlService-CrJfYPwM.js";
5
5
  import { compareVersions as _, getDeviceInfo as k, resolveInstallConditions as m, trackEvent as v, trackModalEvent as C } from "./utils.js";
@@ -1 +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:""}}}@layer theme{:root,:host{--font-sans:var(--font-geist),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,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:var(--font-geist-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);--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;--font-geist:"Geist";--font-geist-mono:"Geist Mono";--font-tiktok:"TikTok Sans";--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}.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-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}.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}.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}.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-surface15{background-color:var(--color-surface15)}.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);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)}.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}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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))}}.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-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)}}
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-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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onside/install-widget",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "type": "module",
5
5
  "description": "Onside install button widget for partner landings",
6
6
  "keywords": [
@@ -1 +0,0 @@
1
- "use strict";const a=require("react/jsx-runtime"),i=require("react"),C=require("./useInstallUrl-iPCPqYWB.cjs"),M=require("./utils.cjs"),$=require("zustand");require("./installUrlService-AjG03i8i.cjs");function H(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const S=H(i);function B(e){var t,o,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var s=e.length;for(t=0;t<s;t++)e[t]&&(o=B(e[t]))&&(n&&(n+=" "),n+=o)}else for(o in e)e[o]&&(n&&(n+=" "),n+=o);return n}function U(){for(var e,t,o=0,n="",s=arguments.length;o<s;o++)(e=arguments[o])&&(t=B(e))&&(n&&(n+=" "),n+=t);return n}function p(...e){return U(e)}const W={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"},Y={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"}},K={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 w({className:e,...t}){const o=t.variant??"primary",n=t.color??"blue",s=t.size??"md",l=p(W[o],K[o!=="text"?s:"md"],Y[o][n],e);if(typeof t.href>"u"){const h=t;return a.jsx("button",{className:l,...h})}const r=t,{pureLink:b,...c}=r,v=("rel"in c?c.rel:void 0)??(c.target==="_blank"?"noopener noreferrer":void 0);return b?a.jsx("a",{className:l,rel:v,...c}):a.jsx("a",{className:l,rel:v,...c})}const f=" ",Q="ʹ",P={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${f}Onside store app only if${f}you are using your iPhone in${f}the${f}EU${f}region`},{question:`I am in EU region but still can${Q}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${f}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${f}store${f}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?"}}},q=i.createContext(P),R=()=>i.useContext(q),Z=7*C.SEC_MS,G=7*C.SEC_MS,z=2*C.SEC_MS,F=$.create(e=>({activeModal:null,openModal:t=>e({activeModal:t}),closeModal:()=>e({activeModal:null})})),J={INSTALL_BUTTON_CLICK:"install_button_click"},X=(e={},t)=>({trackInstallEvent:s=>{const l=M.trackEvent(J.INSTALL_BUTTON_CLICK,{...e,event_type:s});l&&t?.onEvent?.(l)},trackOpenModalEvent:s=>{const l=M.trackModalEvent(s,"opened","install_button",{...e});l&&t?.onEvent?.(l)}}),ee=e=>e?"ios_18_6_plus":"install_click",te=(e,t)=>{e(ee(t))},ne=e=>{e("no_condition_matched")},oe=e=>{const{id:t,location:o="hero",customAnalytics:n,handleCustomStep:s,pathname:l}=e,r=M.resolveInstallConditions(M.getDeviceInfo()),b=r.installState==="install_available",{data:c,error:v}=C.useInstallUrl(b),h=c?.url??null,E=c?.onside_token??null,A=c?.attribution_token??null,g=c?.is_eligible??null,{openModal:d}=F(),[_,k]=i.useState(!1),I=i.useRef(void 0),{trackOpenModalEvent:u,trackInstallEvent:x}=X({page:l,location:o,button_id:t??void 0,onside_token:E??void 0,attribution_token:A??void 0},n),m=i.useCallback(()=>{k(!0);const y=setTimeout(()=>{k(!1)},z);return()=>clearTimeout(y)},[]),j=i.useCallback(y=>{if(!h||!C.isProduction){y.preventDefault();return}if(m(),s){setTimeout(()=>s(),100);return}te(x,r.usesNewInstallFlow),setTimeout(()=>{if(r.usesNewInstallFlow){clearTimeout(I.current),I.current=setTimeout(()=>{d("checkInstall"),u("check_install")},G);return}d("getApproved"),u("get_approved")},100)},[h,s,r.usesNewInstallFlow,x,u,d,m]),O=i.useCallback(()=>{if(m(),r.installState==="go_to_safari"){u("go_to_safari"),d("goToSafari");return}if(r.installState==="update_ios"){u("update_ios"),d("updateIOS");return}ne(x)},[r.installState,d,m,x,u]),N=i.useCallback(()=>{u("is_android"),d("isAndroid")},[d,u]);return{viewMode:r.installState==="android"?"android":_?"loading":h&&b?"link":"button",installUrl:h,error:v,isEligible:g,conditions:r,handleInstallClick:j,handleModalFlowClick:O,handleAndroidClick:N}},ae=e=>S.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},S.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"})),se=({className:e,onClick:t,children:o,id:n,androidClassName:s,androidTextClassName:l})=>a.jsx(w,{id:n,className:p("bg-white px-7",e,s),variant:"secondary",size:"lg",onClick:t,children:a.jsxs("span",{className:"flex flex-row items-center gap-1",children:[a.jsx(ae,{className:l?"text-[#FF465D]":void 0}),a.jsx("span",{className:p("flex-1",l),children:o})]})}),le=({href:e,onClick:t,children:o,className:n,id:s})=>a.jsx(w,{id:s,href:e,pureLink:!0,size:"lg",onClick:t,className:n,children:o}),L=e=>S.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},S.createElement("path",{d:"M17.5 10.0001C17.4999 11.5839 16.9984 13.1271 16.0674 14.4084C15.1364 15.6897 13.8237 16.6434 12.3174 17.1328C10.8111 17.6221 9.1885 17.6221 7.6822 17.1326C6.17591 16.6432 4.86323 15.6894 3.9323 14.4081C3.00138 13.1267 2.49999 11.5835 2.5 9.9997C2.50001 8.41588 3.00142 6.87271 3.93237 5.59137C4.86331 4.31003 6.176 3.3563 7.6823 2.86685C9.1886 2.37741 10.8112 2.37739 12.3175 2.86679",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),ie=e=>{const{id:t,className:o,children:n,showLoaderOnly:s}=e;return a.jsx(w,{id:t,className:p("px-8 py-4",o),disabled:!0,children:a.jsx("span",{className:"flex items-center gap-2",children:s?a.jsx(L,{className:"animate-spin"}):a.jsxs(a.Fragment,{children:[a.jsx(L,{className:"animate-spin"}),n]})})})},re=({message:e})=>a.jsx("p",{className:"mt-2 text-center text-sm text-error",children:e??"Unable to load install link. Please try again."}),D=i.createContext(!1),ce=()=>typeof window<"u"?window.location.pathname:"",de=e=>{const t=R(),{className:o,children:n,handleCustomStep:s,location:l="hero",caption:r,captionClassName:b,showCaption:c=!0,showLoaderOnly:v=!1,androidClassName:h,androidTextClassName:E,customAnalytics:A,id:g}=e,d=n??t.button.install,_=i.useRef(ce()),k=i.useContext(D),{viewMode:I,installUrl:u,error:x,isEligible:m,handleInstallClick:j,handleModalFlowClick:O,handleAndroidClick:N}=oe({id:g,location:l,customAnalytics:A,handleCustomStep:s,pathname:_.current});i.useEffect(()=>{},[k]);const T=c&&(!m||r)&&a.jsx("div",{className:p("text-2xs font-mono opacity-60",b),children:m?r:t.button.regionUnavailable}),y={android:a.jsx(se,{id:g,className:o,androidClassName:h,androidTextClassName:E,onClick:N,children:t.button.androidOnly}),loading:a.jsx(ie,{showLoaderOnly:v,id:g,className:p("bg-buttonHover!",o),children:t.button.loading}),link:a.jsxs(a.Fragment,{children:[a.jsxs(le,{id:g,className:p(o,"flex-col gap-1"),href:u??"",onClick:j,children:[d,T]}),x&&a.jsx(re,{message:t.button.linkError})]}),button:a.jsxs(w,{id:g,className:p(o,"flex-col gap-1"),size:"lg",onClick:O,children:[d,T]})};return a.jsx(a.Fragment,{children:y[I]??y.button})};function V(e,t){if(!t)return e;const o={...e};for(const n of Object.keys(t)){const s=o[n],l=t[n];l!==void 0&&(typeof s=="object"&&s!==null&&!Array.isArray(s)&&typeof l=="object"&&l!==null&&!Array.isArray(l)?o[n]=V(s,l):o[n]=l)}return o}const ue=i.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./AndroidPlatformModal-Bo8KL9YE.cjs"))).AndroidPlatformModal})),pe=i.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./GoToSafariModal-B1EWxzWE.cjs"))).GoToSafariModal})),he=i.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./UpdateIOSModal-B-jqDkQO.cjs"))).UpdateIOSModal})),fe=i.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./index-DFXiHkdo.cjs"))).GetApprovedModal})),ge=i.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./CheckInstallModal-CamMs4Ky.cjs"))).CheckInstallModal})),me=()=>{const{activeModal:e,closeModal:t,openModal:o}=F();let n=null;switch(e){case"goToSafari":n=a.jsx(pe,{open:!0,onClose:t});break;case"updateIOS":n=a.jsx(he,{open:!0,onClose:t});break;case"isAndroid":n=a.jsx(ue,{open:!0,onClose:t});break;case"getApproved":n=a.jsx(fe,{open:!0,onClose:t,onStep3Complete:()=>o("checkInstall")});break;case"checkInstall":n=a.jsx(ge,{open:!0,onClose:t});break;default:n=null}return a.jsx(i.Suspense,{fallback:null,children:n})},be=({children:e,messages:t})=>{const o=i.useMemo(()=>V(P,t),[t]);return a.jsx(q.Provider,{value:o,children:a.jsxs(D.Provider,{value:!0,children:[e,a.jsx(me,{})]})})};exports.AVERAGE_CHECK_TIME=G;exports.AVERAGE_INSTALL_TIME=Z;exports.AVERAGE_LOADING_TIME=z;exports.Button=w;exports.InstallAppButton=de;exports.InstallWidgetProvider=be;exports.clsx=U;exports.cn=p;exports.defaultMessages=P;exports.useMessages=R;
@@ -1,451 +0,0 @@
1
- import { jsx as s, jsxs as w, Fragment as P } from "react/jsx-runtime";
2
- import * as S from "react";
3
- import { createContext as R, useContext as j, useState as H, useRef as F, useCallback as I, useEffect as W, lazy as C, useMemo as Y, Suspense as K } from "react";
4
- import { S as B, u as Q, i as Z } from "./useInstallUrl-McaAuMPK.js";
5
- import { trackModalEvent as J, trackEvent as X, resolveInstallConditions as ee, getDeviceInfo as te } from "./utils.js";
6
- import { create as ne } from "zustand";
7
- import "./installUrlService-CrJfYPwM.js";
8
- function G(e) {
9
- var t, o, n = "";
10
- if (typeof e == "string" || typeof e == "number") n += e;
11
- else if (typeof e == "object") if (Array.isArray(e)) {
12
- var a = e.length;
13
- for (t = 0; t < a; t++) e[t] && (o = G(e[t])) && (n && (n += " "), n += o);
14
- } else for (o in e) e[o] && (n && (n += " "), n += o);
15
- return n;
16
- }
17
- function oe() {
18
- for (var e, t, o = 0, n = "", a = arguments.length; o < a; o++) (e = arguments[o]) && (t = G(e)) && (n && (n += " "), n += t);
19
- return n;
20
- }
21
- function p(...e) {
22
- return oe(e);
23
- }
24
- const ae = {
25
- primary: "rounded-full whitespace-nowrap leading-none font-medium transition-bg font-sans duration-300 flex items-center justify-center text-center",
26
- 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",
27
- text: "whitespace-nowrap leading-none font-medium font-sans transition-colors duration-300 flex items-center justify-center text-center",
28
- transparent: "rounded-full whitespace-nowrap leading-none font-medium transition-opacity duration-300 flex items-center justify-center text-center"
29
- }, se = {
30
- primary: {
31
- blue: "bg-blue text-white hover:bg-buttonHover focus:bg-blue disabled:bg-buttonDisabled",
32
- lightBlue: "bg-[#e2eaf8] text-blue hover:opacity-60 focus:opacity-100",
33
- white: "bg-white text-blue hover:opacity-90 focus:opacity-100 disabled:opacity-50"
34
- },
35
- secondary: {
36
- blue: "border-blue text-blue hover:bg-blue hover:text-white focus:bg-blue focus:text-white",
37
- lightBlue: "border-[#e2eaf8] text-[#e2eaf8] hover:bg-[#e2eaf8] hover:text-white focus:bg-[#e2eaf8] focus:text-white",
38
- white: "border-white text-white hover:bg-white hover:text-blue focus:bg-white focus:text-blue"
39
- },
40
- text: {
41
- blue: "bg-transparent text-blue hover:underline focus:underline",
42
- lightBlue: "bg-transparent text-[#e2eaf8] hover:underline focus:underline",
43
- white: "bg-transparent text-white hover:underline focus:underline"
44
- },
45
- transparent: {
46
- blue: "bg-transparent text-blue hover:opacity-75",
47
- lightBlue: "bg-transparent text-[#e2eaf8] hover:opacity-75",
48
- white: "bg-transparent text-white hover:opacity-75"
49
- }
50
- }, le = {
51
- lg: "py-4 px-8 font-sans font-medium text-lg sm:text-xl leading-none!",
52
- md: "py-3 px-5 font-sans font-medium text-base sm:text-lg leading-none!"
53
- };
54
- function M({ className: e, ...t }) {
55
- const o = t.variant ?? "primary", n = t.color ?? "blue", a = t.size ?? "md", l = p(
56
- ae[o],
57
- le[o !== "text" ? a : "md"],
58
- se[o][n],
59
- e
60
- );
61
- if (typeof t.href > "u")
62
- return /* @__PURE__ */ s("button", { className: l, ...t });
63
- const i = t, { pureLink: g, ...r } = i, b = ("rel" in r ? r.rel : void 0) ?? (r.target === "_blank" ? "noopener noreferrer" : void 0);
64
- return g ? /* @__PURE__ */ s("a", { className: l, rel: b, ...r }) : /* @__PURE__ */ s("a", { className: l, rel: b, ...r });
65
- }
66
- const u = " ", ie = "ʹ", D = {
67
- button: {
68
- install: "Install Onside",
69
- regionUnavailable: "Only available in the EU. Install from an eligible region.",
70
- androidOnly: "Onside is for iPhone and iPad",
71
- loading: "Loading...",
72
- linkError: "Unable to load install link. Please try again."
73
- },
74
- modal: {
75
- close: "Close",
76
- goToSafari: {
77
- title: "Open in Safari",
78
- caption: "Copy the link and open it in Safari to continue.",
79
- description: "Onside can only be installed from the Safari browser on your device.",
80
- openButton: "Open in Safari",
81
- linkCopied: "Link copied",
82
- linkPaste: "Paste the link in Safari"
83
- },
84
- updateIos: {
85
- title: "Update your iOS",
86
- description: "To install Onside, update your iPhone or iPad to the latest version of iOS.",
87
- breadcrumbs: ["Settings", "General", "Software Update"]
88
- },
89
- getApproved: {
90
- title: "Get approved for Onside",
91
- steps: [
92
- "Open the link and sign in with your Apple ID.",
93
- "Complete the approval steps in the browser.",
94
- "Return here and tap Install to continue."
95
- ],
96
- installing: "Installing…",
97
- openApp: "Open the Onside app",
98
- openAppDescription: "Start using Onside from your home screen.",
99
- openAppButton: "Open app"
100
- },
101
- checkInstall: {
102
- title: "Did you install Onside?",
103
- description: "Let us know if the installation completed successfully.",
104
- yes: "Yes, I installed it",
105
- no: "No, I need help"
106
- },
107
- android: {
108
- title: "Onside is for iPhone and iPad",
109
- description: "To install Onside, please use an iPhone or iPad."
110
- },
111
- faq: {
112
- title: "Frequently asked questions",
113
- items: [
114
- {
115
- question: "How can I install Onside store app outside EU region?",
116
- answer: `You can install the${u}Onside store app only if${u}you are using your iPhone in${u}the${u}EU${u}region`
117
- },
118
- {
119
- question: `I am in EU region but still can${ie}t install Onside store app`,
120
- 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",
121
- action: { event: "change_region", word: "here" }
122
- },
123
- {
124
- question: `Could not install app due${u}to content restrictions`,
125
- answer: "Go to content restrictions in Settings, then “App Store, Media, Web & games” then “Apps” and set to unrated"
126
- },
127
- {
128
- question: "I have another problem",
129
- answer: "If you have any other problems, please",
130
- action: { event: "support", word: "contact us" }
131
- }
132
- ],
133
- changeRegion: {
134
- title: `Change your App Store country to install Onside${u}store${u}app`,
135
- label: "To change, please go to:",
136
- breadcrumbs: [
137
- "Settings",
138
- "Your name",
139
- "Media & Purchases",
140
- "View Account",
141
- "Country & Region",
142
- "Change"
143
- ],
144
- caption: "Then follow the on-screen instructions"
145
- },
146
- needHelp: "Need help?",
147
- faqLink: "FAQ",
148
- didntFind: "Didn’t find an answer?"
149
- }
150
- }
151
- }, $ = R(D), re = () => j($), Be = 7 * B, ce = 7 * B, de = 2 * B, q = ne((e) => ({
152
- activeModal: null,
153
- openModal: (t) => e({ activeModal: t }),
154
- closeModal: () => e({ activeModal: null })
155
- })), ue = {
156
- INSTALL_BUTTON_CLICK: "install_button_click"
157
- }, pe = (e = {}, t) => ({
158
- trackInstallEvent: (a) => {
159
- const l = X(ue.INSTALL_BUTTON_CLICK, {
160
- ...e,
161
- event_type: a
162
- });
163
- l && t?.onEvent?.(l);
164
- },
165
- trackOpenModalEvent: (a) => {
166
- const l = J(a, "opened", "install_button", {
167
- ...e
168
- });
169
- l && t?.onEvent?.(l);
170
- }
171
- }), fe = (e) => e ? "ios_18_6_plus" : "install_click", he = (e, t) => {
172
- e(fe(t));
173
- }, me = (e) => {
174
- e("no_condition_matched");
175
- }, ge = (e) => {
176
- const { id: t, location: o = "hero", customAnalytics: n, handleCustomStep: a, pathname: l } = e, i = ee(te()), g = i.installState === "install_available", { data: r, error: b } = Q(g), f = r?.url ?? null, A = r?.onside_token ?? null, E = r?.attribution_token ?? null, h = r?.is_eligible ?? null, { openModal: c } = q(), [_, k] = H(!1), x = F(void 0), { trackOpenModalEvent: d, trackInstallEvent: v } = pe(
177
- {
178
- page: l,
179
- location: o,
180
- button_id: t ?? void 0,
181
- onside_token: A ?? void 0,
182
- attribution_token: E ?? void 0
183
- },
184
- n
185
- ), m = I(() => {
186
- k(!0);
187
- const y = setTimeout(() => {
188
- k(!1);
189
- }, de);
190
- return () => clearTimeout(y);
191
- }, []), O = I(
192
- (y) => {
193
- if (!f || !Z) {
194
- y.preventDefault();
195
- return;
196
- }
197
- if (m(), a) {
198
- setTimeout(() => a(), 100);
199
- return;
200
- }
201
- he(v, i.usesNewInstallFlow), setTimeout(() => {
202
- if (i.usesNewInstallFlow) {
203
- clearTimeout(x.current), x.current = setTimeout(() => {
204
- c("checkInstall"), d("check_install");
205
- }, ce);
206
- return;
207
- }
208
- c("getApproved"), d("get_approved");
209
- }, 100);
210
- },
211
- [
212
- f,
213
- a,
214
- i.usesNewInstallFlow,
215
- v,
216
- d,
217
- c,
218
- m
219
- ]
220
- ), N = I(() => {
221
- if (m(), i.installState === "go_to_safari") {
222
- d("go_to_safari"), c("goToSafari");
223
- return;
224
- }
225
- if (i.installState === "update_ios") {
226
- d("update_ios"), c("updateIOS");
227
- return;
228
- }
229
- me(v);
230
- }, [
231
- i.installState,
232
- c,
233
- m,
234
- v,
235
- d
236
- ]), T = I(() => {
237
- d("is_android"), c("isAndroid");
238
- }, [c, d]);
239
- return {
240
- viewMode: i.installState === "android" ? "android" : _ ? "loading" : f && g ? "link" : "button",
241
- installUrl: f,
242
- error: b,
243
- isEligible: h,
244
- conditions: i,
245
- handleInstallClick: O,
246
- handleModalFlowClick: N,
247
- handleAndroidClick: T
248
- };
249
- }, be = (e) => /* @__PURE__ */ S.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ S.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" })), ve = ({
250
- className: e,
251
- onClick: t,
252
- children: o,
253
- id: n,
254
- androidClassName: a,
255
- androidTextClassName: l
256
- }) => /* @__PURE__ */ s(
257
- M,
258
- {
259
- id: n,
260
- className: p("bg-white px-7", e, a),
261
- variant: "secondary",
262
- size: "lg",
263
- onClick: t,
264
- children: /* @__PURE__ */ w("span", { className: "flex flex-row items-center gap-1", children: [
265
- /* @__PURE__ */ s(be, { className: l ? "text-[#FF465D]" : void 0 }),
266
- /* @__PURE__ */ s("span", { className: p("flex-1", l), children: o })
267
- ] })
268
- }
269
- ), ye = ({
270
- href: e,
271
- onClick: t,
272
- children: o,
273
- className: n,
274
- id: a
275
- }) => /* @__PURE__ */ s(
276
- M,
277
- {
278
- id: a,
279
- href: e,
280
- pureLink: !0,
281
- size: "lg",
282
- onClick: t,
283
- className: n,
284
- children: o
285
- }
286
- ), U = (e) => /* @__PURE__ */ S.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ S.createElement("path", { d: "M17.5 10.0001C17.4999 11.5839 16.9984 13.1271 16.0674 14.4084C15.1364 15.6897 13.8237 16.6434 12.3174 17.1328C10.8111 17.6221 9.1885 17.6221 7.6822 17.1326C6.17591 16.6432 4.86323 15.6894 3.9323 14.4081C3.00138 13.1267 2.49999 11.5835 2.5 9.9997C2.50001 8.41588 3.00142 6.87271 3.93237 5.59137C4.86331 4.31003 6.176 3.3563 7.6823 2.86685C9.1886 2.37741 10.8112 2.37739 12.3175 2.86679", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), we = (e) => {
287
- const { id: t, className: o, children: n, showLoaderOnly: a } = e;
288
- return /* @__PURE__ */ s(M, { id: t, className: p("px-8 py-4", o), disabled: !0, children: /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: a ? /* @__PURE__ */ s(U, { className: "animate-spin" }) : /* @__PURE__ */ w(P, { children: [
289
- /* @__PURE__ */ s(U, { className: "animate-spin" }),
290
- n
291
- ] }) }) });
292
- }, Ce = ({ message: e }) => /* @__PURE__ */ s("p", { className: "mt-2 text-center text-sm text-error", children: e ?? "Unable to load install link. Please try again." }), V = R(!1), ke = () => typeof window < "u" ? window.location.pathname : "", Ue = (e) => {
293
- const t = re(), {
294
- className: o,
295
- children: n,
296
- handleCustomStep: a,
297
- location: l = "hero",
298
- caption: i,
299
- captionClassName: g,
300
- showCaption: r = !0,
301
- showLoaderOnly: b = !1,
302
- androidClassName: f,
303
- androidTextClassName: A,
304
- customAnalytics: E,
305
- id: h
306
- } = e, c = n ?? t.button.install, _ = F(ke()), k = j(V), {
307
- viewMode: x,
308
- installUrl: d,
309
- error: v,
310
- isEligible: m,
311
- handleInstallClick: O,
312
- handleModalFlowClick: N,
313
- handleAndroidClick: T
314
- } = ge({
315
- id: h,
316
- location: l,
317
- customAnalytics: E,
318
- handleCustomStep: a,
319
- pathname: _.current
320
- });
321
- W(() => {
322
- }, [k]);
323
- const L = r && (!m || i) && /* @__PURE__ */ s(
324
- "div",
325
- {
326
- className: p(
327
- "text-2xs font-mono opacity-60",
328
- g
329
- ),
330
- children: m ? i : t.button.regionUnavailable
331
- }
332
- ), y = {
333
- android: /* @__PURE__ */ s(
334
- ve,
335
- {
336
- id: h,
337
- className: o,
338
- androidClassName: f,
339
- androidTextClassName: A,
340
- onClick: T,
341
- children: t.button.androidOnly
342
- }
343
- ),
344
- loading: /* @__PURE__ */ s(
345
- we,
346
- {
347
- showLoaderOnly: b,
348
- id: h,
349
- className: p("bg-buttonHover!", o),
350
- children: t.button.loading
351
- }
352
- ),
353
- link: /* @__PURE__ */ w(P, { children: [
354
- /* @__PURE__ */ w(
355
- ye,
356
- {
357
- id: h,
358
- className: p(o, "flex-col gap-1"),
359
- href: d ?? "",
360
- onClick: O,
361
- children: [
362
- c,
363
- L
364
- ]
365
- }
366
- ),
367
- v && /* @__PURE__ */ s(Ce, { message: t.button.linkError })
368
- ] }),
369
- button: /* @__PURE__ */ w(
370
- M,
371
- {
372
- id: h,
373
- className: p(o, "flex-col gap-1"),
374
- size: "lg",
375
- onClick: N,
376
- children: [
377
- c,
378
- L
379
- ]
380
- }
381
- )
382
- };
383
- return /* @__PURE__ */ s(P, { children: y[x] ?? y.button });
384
- };
385
- function z(e, t) {
386
- if (!t) return e;
387
- const o = { ...e };
388
- for (const n of Object.keys(t)) {
389
- const a = o[n], l = t[n];
390
- l !== void 0 && (typeof a == "object" && a !== null && !Array.isArray(a) && typeof l == "object" && l !== null && !Array.isArray(l) ? o[n] = z(
391
- a,
392
- l
393
- ) : o[n] = l);
394
- }
395
- return o;
396
- }
397
- const xe = C(async () => ({ default: (await import("./AndroidPlatformModal-DGNUxRkK.js")).AndroidPlatformModal })), Ie = C(async () => ({ default: (await import("./GoToSafariModal-pXhEb2yy.js")).GoToSafariModal })), Se = C(async () => ({ default: (await import("./UpdateIOSModal-D-cikTQ4.js")).UpdateIOSModal })), Me = C(async () => ({ default: (await import("./index-BqoWsHcB.js")).GetApprovedModal })), Ae = C(async () => ({ default: (await import("./CheckInstallModal-BAx1q0Eh.js")).CheckInstallModal })), Ee = () => {
398
- const { activeModal: e, closeModal: t, openModal: o } = q();
399
- let n = null;
400
- switch (e) {
401
- case "goToSafari":
402
- n = /* @__PURE__ */ s(Ie, { open: !0, onClose: t });
403
- break;
404
- case "updateIOS":
405
- n = /* @__PURE__ */ s(Se, { open: !0, onClose: t });
406
- break;
407
- case "isAndroid":
408
- n = /* @__PURE__ */ s(xe, { open: !0, onClose: t });
409
- break;
410
- case "getApproved":
411
- n = /* @__PURE__ */ s(
412
- Me,
413
- {
414
- open: !0,
415
- onClose: t,
416
- onStep3Complete: () => o("checkInstall")
417
- }
418
- );
419
- break;
420
- case "checkInstall":
421
- n = /* @__PURE__ */ s(Ae, { open: !0, onClose: t });
422
- break;
423
- default:
424
- n = null;
425
- }
426
- return /* @__PURE__ */ s(K, { fallback: null, children: n });
427
- }, Re = ({
428
- children: e,
429
- messages: t
430
- }) => {
431
- const o = Y(
432
- () => z(D, t),
433
- [t]
434
- );
435
- return /* @__PURE__ */ s($.Provider, { value: o, children: /* @__PURE__ */ w(V.Provider, { value: !0, children: [
436
- e,
437
- /* @__PURE__ */ s(Ee, {})
438
- ] }) });
439
- };
440
- export {
441
- ce as A,
442
- M as B,
443
- Ue as I,
444
- p as a,
445
- Be as b,
446
- oe as c,
447
- Re as d,
448
- de as e,
449
- D as f,
450
- re as u
451
- };