@inploi/plugin-chatbot 3.21.1 → 3.22.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn/index.js +7 -7
- package/cdn/style.css +1 -1
- package/dist/{chatbot-body-58054f55.cjs → chatbot-body-7dbeea50.cjs} +102 -56
- package/dist/{chatbot-body-961df2d7.js → chatbot-body-8e509812.js} +102 -56
- package/dist/chatbot.utils.d.ts +1 -0
- package/dist/{index-2a075f18.js → index-794ce056.js} +37 -23
- package/dist/{index-09c49f7b.cjs → index-e1616316.cjs} +16 -2
- package/dist/plugin-chatbot.cjs +1 -1
- package/dist/plugin-chatbot.js +2 -2
- package/dist/style.css +8 -0
- package/package.json +1 -1
package/cdn/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
#isdk{position:relative;z-index:99999;font-size:16px;font-family:sans-serif;--i-lowest: 0 0% 100%;--i-e-1: 340 100% 99%;--i-e-2: 353 100% 98%;--i-e-3: 351 91% 96%;--i-e-4: 351 100% 93%;--i-e-5: 350 100% 90%;--i-e-6: 351 80% 86%;--i-e-7: 349 68% 81%;--i-e-8: 348 61% 74%;--i-e-9: 348 75% 59%;--i-e-10: 347 70% 55%;--i-e-11: 345 70% 47%;--i-e-12: 344 63% 24%;--header-height: 44px;--content-height:calc(100vh - 64px);--content-height:calc(100svh - 64px)}@media screen and (min-width: 768px){#isdk{--content-height: min(640px, calc(100vh - 16px));--content-height: min(640px, calc(100svh - 16px)) }}#isdk{--tw-content: "";font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#isdk *{font-weight:inherit;font-style:inherit;box-sizing:border-box;font-family:inherit;border-style:solid;border-width:0;-webkit-tap-highlight-color:transparent}#isdk :before,#isdk :after{box-sizing:border-box}#isdk :is(ul,ol){list-style:none;padding:0;margin:0}#isdk :is(p){margin:0;padding:0}#isdk :is(li){margin:0;padding:0;list-style:none}#isdk :is(button){margin:0;padding:0;border:unset;background:unset;text-align:unset}#isdk *,#isdk :before,#isdk :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }#isdk ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }#isdk .container{width:100%}@media (min-width: 640px){#isdk .container{max-width:640px}}@media (min-width: 768px){#isdk .container{max-width:768px}}@media (min-width: 1024px){#isdk .container{max-width:1024px}}@media (min-width: 1280px){#isdk .container{max-width:1280px}}@media (min-width: 1536px){#isdk .container{max-width:1536px}}#isdk .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#isdk .pointer-events-none{pointer-events:none}#isdk .visible{visibility:visible}#isdk .collapse{visibility:collapse}#isdk .static{position:static}#isdk .fixed{position:fixed}#isdk .absolute{position:absolute}#isdk .relative{position:relative}#isdk .sticky{position:sticky}#isdk .inset-0{top:0;right:0;bottom:0;left:0}#isdk .bottom-0{bottom:0}#isdk .bottom-2{bottom:.5rem}#isdk .bottom-2\.5{bottom:.625rem}#isdk .left-0{left:0}#isdk .left-2{left:.5rem}#isdk .right-0{right:0}#isdk .right-2{right:.5rem}#isdk .right-3{right:.75rem}#isdk .top-0{top:0}#isdk .isolate{isolation:isolate}#isdk .z-20{z-index:20}#isdk .m-0{margin:0}#isdk .mx-auto{margin-left:auto;margin-right:auto}#isdk .mb-1{margin-bottom:.25rem}#isdk .ml-auto{margin-left:auto}#isdk .mt-auto{margin-top:auto}#isdk .block{display:block}#isdk .inline-block{display:inline-block}#isdk .inline{display:inline}#isdk .flex{display:flex}#isdk .inline-flex{display:inline-flex}#isdk .table{display:table}#isdk .table-row{display:table-row}#isdk .flow-root{display:flow-root}#isdk .grid{display:grid}#isdk .inline-grid{display:inline-grid}#isdk .contents{display:contents}#isdk .list-item{display:list-item}#isdk .\!hidden{display:none!important}#isdk .hidden{display:none}#isdk .h-1{height:.25rem}#isdk .h-1\.5{height:.375rem}#isdk .h-16{height:4rem}#isdk .h-4{height:1rem}#isdk .h-48{height:12rem}#isdk .h-8{height:2rem}#isdk .h-\[3px\]{height:3px}#isdk .h-\[var\(--content-height\)\]{height:var(--content-height)}#isdk .h-\[var\(--header-height\)\]{height:var(--header-height)}#isdk .h-full{height:100%}#isdk .max-h-full{max-height:100%}#isdk .min-h-\[36px\]{min-height:36px}#isdk .w-1{width:.25rem}#isdk .w-1\.5{width:.375rem}#isdk .w-16{width:4rem}#isdk .w-24{width:6rem}#isdk .w-4{width:1rem}#isdk .w-8{width:2rem}#isdk .w-full{width:100%}#isdk .min-w-0{min-width:0px}#isdk .min-w-\[2rem\]{min-width:2rem}#isdk .max-w-\[450px\]{max-width:450px}#isdk .max-w-\[min\(100\%\,24rem\)\]{max-width:min(100%,24rem)}#isdk .max-w-full{max-width:100%}#isdk .flex-1{flex:1 1 0%}#isdk .flex-none{flex:none}#isdk .flex-shrink{flex-shrink:1}#isdk .flex-shrink-0{flex-shrink:0}#isdk .shrink{flex-shrink:1}#isdk .flex-grow,#isdk .grow{flex-grow:1}#isdk .border-collapse{border-collapse:collapse}#isdk .translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#isdk .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}#isdk .animate-bounce{animation:bounce 1s infinite}@keyframes bubble-in{0%{transform:translateY(100%) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#isdk .animate-bubble-in{animation:bubble-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#isdk .animate-fade-in{animation:fade-in .5s cubic-bezier(.16,1,.3,1) both}@keyframes maximise{0%{transform:translateY(50%);height:var(--header-height)}to{transform:translateY(0);height:var(--content-height)}}#isdk .animate-maximise{animation:maximise .4s cubic-bezier(.16,1,.3,1)}@keyframes slide-in-bottom{0%{transform:translateY(-100%)}to{transform:translateY(0)}}#isdk .animate-slide-in-bottom{animation:slide-in-bottom .3s cubic-bezier(.16,1,.3,1)}#isdk .cursor-pointer{cursor:pointer}#isdk .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}#isdk .resize{resize:both}#isdk .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}#isdk .flex-col{flex-direction:column}#isdk .flex-wrap{flex-wrap:wrap}#isdk .items-center{align-items:center}#isdk .items-stretch{align-items:stretch}#isdk .justify-end{justify-content:flex-end}#isdk .justify-center{justify-content:center}#isdk .gap-0{gap:0px}#isdk .gap-1{gap:.25rem}#isdk .gap-1\.5{gap:.375rem}#isdk .gap-2{gap:.5rem}#isdk .gap-3{gap:.75rem}#isdk .gap-4{gap:1rem}#isdk .gap-px{gap:1px}#isdk .overflow-hidden{overflow:hidden}#isdk .overflow-y-auto{overflow-y:auto}#isdk .overflow-y-scroll{overflow-y:scroll}#isdk .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#isdk .break-words{overflow-wrap:break-word}#isdk .rounded{border-radius:.25rem}#isdk .rounded-2xl{border-radius:1rem}#isdk .rounded-3xl{border-radius:1.5rem}#isdk .rounded-\[18px\]{border-radius:18px}#isdk .rounded-full{border-radius:9999px}#isdk .rounded-lg{border-radius:.5rem}#isdk .rounded-md{border-radius:.375rem}#isdk .rounded-xl{border-radius:.75rem}#isdk .rounded-b-3xl{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}#isdk .rounded-bl-md{border-bottom-left-radius:.375rem}#isdk .rounded-br-md{border-bottom-right-radius:.375rem}#isdk .border{border-width:1px}#isdk .border-b{border-bottom-width:1px}#isdk .border-t{border-top-width:1px}#isdk .border-solid{border-style:solid}#isdk .border-dashed{border-style:dashed}#isdk .border-accent-9{border-color:var(--i-color-a-9)}#isdk .border-divider{border-color:var(--i-color-divider)}#isdk .border-neutral-5{border-color:var(--i-color-n-5)}#isdk .border-neutral-8{border-color:var(--i-color-n-8)}#isdk .border-transparent{border-color:transparent}#isdk .border-b-neutral-3{border-bottom-color:var(--i-color-n-3)}#isdk .border-b-neutral-5{border-bottom-color:var(--i-color-n-5)}#isdk .border-b-transparent{border-bottom-color:transparent}#isdk .bg-accent-1{background-color:var(--i-color-a-1)}#isdk .bg-accent-3{background-color:var(--i-color-a-3)}#isdk .bg-accent-9{background-color:var(--i-color-a-9)}#isdk .bg-bubble-weak-bg{background-color:var(--i-bubble-weak-bg)}#isdk .bg-lowest{background-color:var(--i-color-lowest)}#isdk .bg-neutral-1{background-color:var(--i-color-n-1)}#isdk .bg-neutral-2{background-color:var(--i-color-n-2)}#isdk .bg-neutral-3{background-color:var(--i-color-n-3)}#isdk .bg-overlay{background-color:var(--i-overlay-bg)}#isdk .bg-statusbar{background-color:var(--i-status-bar-bg)}#isdk .bg-transparent{background-color:transparent}#isdk .bg-none{background-image:none}#isdk .p-1{padding:.25rem}#isdk .p-1\.5{padding:.375rem}#isdk .p-2{padding:.5rem}#isdk .p-2\.5{padding:.625rem}#isdk .p-4{padding:1rem}#isdk .px-1{padding-left:.25rem;padding-right:.25rem}#isdk .px-2{padding-left:.5rem;padding-right:.5rem}#isdk .px-2\.5{padding-left:.625rem;padding-right:.625rem}#isdk .px-3{padding-left:.75rem;padding-right:.75rem}#isdk .px-4{padding-left:1rem;padding-right:1rem}#isdk .px-5{padding-left:1.25rem;padding-right:1.25rem}#isdk .py-0{padding-top:0;padding-bottom:0}#isdk .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}#isdk .py-1{padding-top:.25rem;padding-bottom:.25rem}#isdk .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}#isdk .py-2{padding-top:.5rem;padding-bottom:.5rem}#isdk .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}#isdk .py-3{padding-top:.75rem;padding-bottom:.75rem}#isdk .py-\[6px\]{padding-top:6px;padding-bottom:6px}#isdk .pb-2{padding-bottom:.5rem}#isdk .pb-6{padding-bottom:1.5rem}#isdk .pl-1{padding-left:.25rem}#isdk .pl-1\.5{padding-left:.375rem}#isdk .pl-2{padding-left:.5rem}#isdk .pl-4{padding-left:1rem}#isdk .pr-1{padding-right:.25rem}#isdk .pr-2{padding-right:.5rem}#isdk .pr-2\.5{padding-right:.625rem}#isdk .pr-3{padding-right:.75rem}#isdk .pr-4{padding-right:1rem}#isdk .pt-3{padding-top:.75rem}#isdk .pt-5{padding-top:1.25rem}#isdk .pt-\[calc\(var\(--header-height\)\+1rem\)\]{padding-top:calc(var(--header-height) + 1rem)}#isdk .text-center{text-align:center}#isdk .text-right{text-align:right}#isdk .text-justify{text-align:justify}#isdk .text-\[10px\]{font-size:10px}#isdk .text-\[11px\]{font-size:11px}#isdk .text-base{font-size:1rem;line-height:1.5rem}#isdk .text-sm{font-size:.875rem;line-height:1.25rem}#isdk .text-xs{font-size:.75rem;line-height:1rem}#isdk .font-bold{font-weight:700}#isdk .font-medium{font-weight:500}#isdk .uppercase{text-transform:uppercase}#isdk .lowercase{text-transform:lowercase}#isdk .capitalize{text-transform:capitalize}#isdk .italic{font-style:italic}#isdk .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)}#isdk .leading-3{line-height:.75rem}#isdk .leading-snug{line-height:1.375}#isdk .tracking-\[-0\.01em\]{letter-spacing:-.01em}#isdk .tracking-tight{letter-spacing:-.025em}#isdk .tracking-wide{letter-spacing:.025em}#isdk .tracking-widest{letter-spacing:.1em}#isdk .text-\[\#4CAF50\]{--tw-text-opacity: 1;color:rgb(76 175 80 / var(--tw-text-opacity))}#isdk .text-\[\#FFC107\]{--tw-text-opacity: 1;color:rgb(255 193 7 / var(--tw-text-opacity))}#isdk .text-accent-11{color:var(--i-color-a-11)}#isdk .text-accent-12{color:var(--i-color-a-12)}#isdk .text-accent-9{color:var(--i-color-a-9)}#isdk .text-error-11{color:var(--i-color-e-11)}#isdk .text-error-9{color:var(--i-color-e-9)}#isdk .text-interactive-copy{color:var(--i-interactive-copy)}#isdk .text-neutral-10{color:var(--i-color-n-10)}#isdk .text-neutral-11{color:var(--i-color-n-11)}#isdk .text-neutral-12{color:var(--i-color-n-12)}#isdk .text-neutral-6{color:var(--i-color-n-6)}#isdk .text-neutral-8{color:var(--i-color-n-8)}#isdk .text-neutral-9{color:var(--i-color-n-9)}#isdk .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}#isdk .underline{text-decoration-line:underline}#isdk .no-underline{text-decoration-line:none}#isdk .underline-offset-2{text-underline-offset:2px}#isdk .caret-accent-9{caret-color:var(--i-color-a-9)}#isdk .shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#isdk .shadow-surface-md{--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / .03), 0px 6px 4px 0px oklch(0% 0 0 / .02), 0px 6px 4px 0px oklch(0% 0 0 / .01);--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#isdk .shadow-surface-sm{--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / .03), 0px 4px 4px 0px oklch(0% 0 0 / .02);--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 4px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#isdk .shadow-bubble-strong-shadow{--tw-shadow-color: var(--i-bubble-strong-shadow);--tw-shadow: var(--tw-shadow-colored)}#isdk .outline-none{outline:2px solid transparent;outline-offset:2px}#isdk .outline{outline-style:solid}#isdk .outline-1{outline-width:1px}#isdk .outline-2{outline-width:2px}#isdk .outline-accent-4{outline-color:var(--i-color-a-4)}#isdk .outline-bubble-weak{outline-color:var(--i-bubble-weak-outline)}#isdk .outline-divider{outline-color:var(--i-color-divider)}#isdk .outline-neutral-3{outline-color:var(--i-color-n-3)}#isdk .outline-neutral-6{outline-color:var(--i-color-n-6)}#isdk .ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .ring-accent-6{--tw-ring-color: var(--i-color-a-6)}#isdk .ring-divider{--tw-ring-color: var(--i-color-divider)}#isdk .ring-lowest{--tw-ring-color: var(--i-color-lowest)}#isdk .ring-transparent{--tw-ring-color: transparent}#isdk .ring-offset-\[1\.5px\]{--tw-ring-offset-width: 1.5px}#isdk .ring-offset-neutral-1{--tw-ring-offset-color: var(--i-color-n-1)}#isdk .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)}#isdk .drop-shadow-\[0_1\.5px_var\(--i-color-n-1\)\]{--tw-drop-shadow: drop-shadow(0 1.5px var(--i-color-n-1));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)}#isdk .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)}#isdk .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)}#isdk .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)}#isdk .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)}#isdk .backdrop-blur-md{--tw-backdrop-blur: blur(12px);-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)}#isdk .backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-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)}#isdk .backdrop-saturate-150{--tw-backdrop-saturate: saturate(1.5);-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)}#isdk .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)}#isdk .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#isdk .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#isdk .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#isdk .duration-100{transition-duration:.1s}#isdk .duration-1000{transition-duration:1s}#isdk .duration-300{transition-duration:.3s}#isdk .duration-700{transition-duration:.7s}#isdk .ease-expo-out{transition-timing-function:cubic-bezier(.16,1,.3,1)}#isdk .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}#isdk .will-change-\[height\]{will-change:height}#isdk .text-wrap-balance{text-wrap:balance}#isdk .fr{outline:none}#isdk .fr:focus{outline:none}#isdk .fr:focus-visible{outline:none;--tw-ring-offset-width: 1px;--tw-ring-offset-color: var(--i-color-lowest);--tw-ring-opacity: 1;--tw-ring-color: var(--i-color-a-9);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .gutter-stable{scrollbar-gutter:stable}#isdk .hide-scrollbars::-webkit-scrollbar{display:none}#isdk .hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}#isdk .touch-hitbox:before{content:"";position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-height:44px;min-width:44px;z-index:9999}#isdk .\[-webkit-outer-spin-button\:none\]{-webkit-outer-spin-button:none}#isdk .\[a-zA-Z0-9-_\:\.\$\@\?\]{a-z-a--z0-9-_:.$@?}#isdk .\[grid-template-columns\:min-content_1fr\]{grid-template-columns:min-content 1fr}#isdk .\[text-wrap\:pretty\]{text-wrap:pretty}#isdk .selection\:bg-accent-4 *::-moz-selection{background-color:var(--i-color-a-4)}#isdk .selection\:bg-accent-4 *::selection{background-color:var(--i-color-a-4)}#isdk .selection\:bg-transparent *::-moz-selection{background-color:transparent}#isdk .selection\:bg-transparent *::selection{background-color:transparent}#isdk .selection\:text-accent-12 *::-moz-selection{color:var(--i-color-a-12)}#isdk .selection\:text-accent-12 *::selection{color:var(--i-color-a-12)}#isdk .selection\:bg-accent-4::-moz-selection{background-color:var(--i-color-a-4)}#isdk .selection\:bg-accent-4::selection{background-color:var(--i-color-a-4)}#isdk .selection\:bg-transparent::-moz-selection{background-color:transparent}#isdk .selection\:bg-transparent::selection{background-color:transparent}#isdk .selection\:text-accent-12::-moz-selection{color:var(--i-color-a-12)}#isdk .selection\:text-accent-12::selection{color:var(--i-color-a-12)}#isdk .placeholder\:text-neutral-10::-moz-placeholder{color:var(--i-color-n-10)}#isdk .placeholder\:text-neutral-10::placeholder{color:var(--i-color-n-10)}#isdk .placeholder\:text-neutral-8::-moz-placeholder{color:var(--i-color-n-8)}#isdk .placeholder\:text-neutral-8::placeholder{color:var(--i-color-n-8)}#isdk .autofill\:shadow-\[inset_0_0_0_1000px_hsl\(210_16\.7\%_97\.6\%\)\]:-webkit-autofill{--tw-shadow: inset 0 0 0 1000px hsl(210 16.7% 97.6%);--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#isdk .autofill\:shadow-\[inset_0_0_0_1000px_hsl\(210_16\.7\%_97\.6\%\)\]:autofill{--tw-shadow: inset 0 0 0 1000px hsl(210 16.7% 97.6%);--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#isdk .hover\:border-accent-10:hover{border-color:var(--i-color-a-10)}#isdk .hover\:border-neutral-5:hover{border-color:var(--i-color-n-5)}#isdk .hover\:bg-accent-10:hover{background-color:var(--i-color-a-10)}#isdk .hover\:bg-interactive-bg-hover:hover{background-color:var(--i-interactive-bg-hover)}#isdk .hover\:bg-neutral-2:hover{background-color:var(--i-color-n-2)}#isdk .hover\:bg-neutral-3:hover{background-color:var(--i-color-n-3)}#isdk .hover\:bg-neutral-4:hover{background-color:var(--i-color-n-4)}#isdk .hover\:text-interactive-copy-hover:hover{color:var(--i-interactive-copy-hover)}#isdk .hover\:text-neutral-12:hover{color:var(--i-color-n-12)}#isdk .hover\:ring-accent-8:hover{--tw-ring-color: var(--i-color-a-8)}#isdk .focus\:bg-neutral-5:focus{background-color:var(--i-color-n-5)}#isdk .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}#isdk .focus-visible\:bg-neutral-3:focus-visible{background-color:var(--i-color-n-3)}#isdk .focus-visible\:outline-2:focus-visible{outline-width:2px}#isdk .focus-visible\:outline-accent-7:focus-visible{outline-color:var(--i-color-a-7)}#isdk .focus-visible\:outline-accent-8:focus-visible{outline-color:var(--i-color-a-8)}#isdk .focus-visible\:ring-4:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}#isdk .active\:border-submit-bg-active:active{border-color:var(--i-submit-button-bg-active)}#isdk .active\:bg-accent-10:active{background-color:var(--i-color-a-10)}#isdk .active\:bg-accent-2:active{background-color:var(--i-color-a-2)}#isdk .active\:bg-interactive-bg-active:active{background-color:var(--i-interactive-bg-active)}#isdk .active\:bg-submit-bg-active:active{background-color:var(--i-submit-button-bg-active)}#isdk .active\:text-accent-10:active{color:var(--i-color-a-10)}#isdk .active\:text-accent-11:active{color:var(--i-color-a-11)}#isdk .active\:text-interactive-copy-active:active{color:var(--i-interactive-copy-active)}#isdk .active\:outline-neutral-8:active{outline-color:var(--i-color-n-8)}#isdk .active\:ring-2:active{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .active\:ring-accent-7:active{--tw-ring-color: var(--i-color-a-7)}#isdk .active\:ring-offset-2:active{--tw-ring-offset-width: 2px}#isdk .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}#isdk .disabled\:opacity-50:disabled{opacity:.5}#isdk .peer:checked~.peer-checked\:bg-accent-2{background-color:var(--i-color-a-2)}#isdk .peer:checked~.peer-checked\:text-accent-9{color:var(--i-color-a-9)}#isdk .peer:checked~.peer-checked\:outline-accent-7{outline-color:var(--i-color-a-7)}#isdk .peer:focus-visible~.peer-focus-visible\:ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .peer:focus-visible~.peer-focus-visible\:ring-accent-9{--tw-ring-color: var(--i-color-a-9)}#isdk .peer:focus-visible~.peer-focus-visible\:ring-offset-accent-7{--tw-ring-offset-color: var(--i-color-a-7)}@media (pointer: coarse){#isdk .pointer-coarse\:touch-hitbox\:\:before:before{content:"";position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-height:44px;min-width:44px;z-index:9999}}#isdk .\[\&\:has\(\+\*\>input\:focus\)\]\:text-neutral-11:has(+*>input:focus){color:var(--i-color-n-11)}
|
|
1
|
+
#isdk{position:relative;z-index:99999;font-size:16px;font-family:sans-serif;--i-lowest: 0 0% 100%;--i-e-1: 340 100% 99%;--i-e-2: 353 100% 98%;--i-e-3: 351 91% 96%;--i-e-4: 351 100% 93%;--i-e-5: 350 100% 90%;--i-e-6: 351 80% 86%;--i-e-7: 349 68% 81%;--i-e-8: 348 61% 74%;--i-e-9: 348 75% 59%;--i-e-10: 347 70% 55%;--i-e-11: 345 70% 47%;--i-e-12: 344 63% 24%;--header-height: 44px;--content-height:calc(100vh - 64px);--content-height:calc(100svh - 64px)}@media screen and (min-width: 768px){#isdk{--content-height: min(640px, calc(100vh - 16px));--content-height: min(640px, calc(100svh - 16px)) }}#isdk{--tw-content: "";font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#isdk *{font-weight:inherit;font-style:inherit;box-sizing:border-box;font-family:inherit;border-style:solid;border-width:0;-webkit-tap-highlight-color:transparent}#isdk :before,#isdk :after{box-sizing:border-box}#isdk :is(ul,ol){list-style:none;padding:0;margin:0}#isdk :is(p){margin:0;padding:0}#isdk :is(li){margin:0;padding:0;list-style:none}#isdk :is(button){margin:0;padding:0;border:unset;background:unset;text-align:unset}#isdk *,#isdk :before,#isdk :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }#isdk ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }#isdk .container{width:100%}@media (min-width: 640px){#isdk .container{max-width:640px}}@media (min-width: 768px){#isdk .container{max-width:768px}}@media (min-width: 1024px){#isdk .container{max-width:1024px}}@media (min-width: 1280px){#isdk .container{max-width:1280px}}@media (min-width: 1536px){#isdk .container{max-width:1536px}}#isdk .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#isdk .pointer-events-none{pointer-events:none}#isdk .visible{visibility:visible}#isdk .collapse{visibility:collapse}#isdk .static{position:static}#isdk .fixed{position:fixed}#isdk .absolute{position:absolute}#isdk .relative{position:relative}#isdk .sticky{position:sticky}#isdk .inset-0{top:0;right:0;bottom:0;left:0}#isdk .bottom-0{bottom:0}#isdk .bottom-2{bottom:.5rem}#isdk .bottom-2\.5{bottom:.625rem}#isdk .left-0{left:0}#isdk .left-2{left:.5rem}#isdk .right-0{right:0}#isdk .right-2{right:.5rem}#isdk .right-3{right:.75rem}#isdk .top-0{top:0}#isdk .isolate{isolation:isolate}#isdk .z-20{z-index:20}#isdk .m-0{margin:0}#isdk .mx-auto{margin-left:auto;margin-right:auto}#isdk .mb-1{margin-bottom:.25rem}#isdk .ml-auto{margin-left:auto}#isdk .mt-auto{margin-top:auto}#isdk .block{display:block}#isdk .inline-block{display:inline-block}#isdk .inline{display:inline}#isdk .flex{display:flex}#isdk .inline-flex{display:inline-flex}#isdk .table{display:table}#isdk .table-row{display:table-row}#isdk .flow-root{display:flow-root}#isdk .grid{display:grid}#isdk .inline-grid{display:inline-grid}#isdk .contents{display:contents}#isdk .list-item{display:list-item}#isdk .\!hidden{display:none!important}#isdk .hidden{display:none}#isdk .h-1{height:.25rem}#isdk .h-1\.5{height:.375rem}#isdk .h-16{height:4rem}#isdk .h-4{height:1rem}#isdk .h-48{height:12rem}#isdk .h-8{height:2rem}#isdk .h-\[3px\]{height:3px}#isdk .h-\[var\(--content-height\)\]{height:var(--content-height)}#isdk .h-\[var\(--header-height\)\]{height:var(--header-height)}#isdk .h-full{height:100%}#isdk .max-h-full{max-height:100%}#isdk .min-h-\[36px\]{min-height:36px}#isdk .w-1{width:.25rem}#isdk .w-1\.5{width:.375rem}#isdk .w-16{width:4rem}#isdk .w-24{width:6rem}#isdk .w-4{width:1rem}#isdk .w-8{width:2rem}#isdk .w-full{width:100%}#isdk .min-w-0{min-width:0px}#isdk .min-w-\[2rem\]{min-width:2rem}#isdk .max-w-\[450px\]{max-width:450px}#isdk .max-w-\[min\(100\%\,24rem\)\]{max-width:min(100%,24rem)}#isdk .max-w-full{max-width:100%}#isdk .flex-1{flex:1 1 0%}#isdk .flex-none{flex:none}#isdk .flex-shrink{flex-shrink:1}#isdk .flex-shrink-0{flex-shrink:0}#isdk .shrink{flex-shrink:1}#isdk .flex-grow,#isdk .grow{flex-grow:1}#isdk .border-collapse{border-collapse:collapse}#isdk .translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#isdk .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}#isdk .animate-bounce{animation:bounce 1s infinite}@keyframes bubble-in{0%{transform:translateY(100%) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#isdk .animate-bubble-in{animation:bubble-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#isdk .animate-fade-in{animation:fade-in .5s cubic-bezier(.16,1,.3,1) both}@keyframes maximise{0%{transform:translateY(50%);height:var(--header-height)}to{transform:translateY(0);height:var(--content-height)}}#isdk .animate-maximise{animation:maximise .4s cubic-bezier(.16,1,.3,1)}@keyframes slide-in-bottom{0%{transform:translateY(-100%)}to{transform:translateY(0)}}#isdk .animate-slide-in-bottom{animation:slide-in-bottom .3s cubic-bezier(.16,1,.3,1)}#isdk .cursor-pointer{cursor:pointer}#isdk .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}#isdk .resize{resize:both}#isdk .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}#isdk .flex-col{flex-direction:column}#isdk .flex-wrap{flex-wrap:wrap}#isdk .items-center{align-items:center}#isdk .items-stretch{align-items:stretch}#isdk .justify-end{justify-content:flex-end}#isdk .justify-center{justify-content:center}#isdk .gap-0{gap:0px}#isdk .gap-1{gap:.25rem}#isdk .gap-1\.5{gap:.375rem}#isdk .gap-2{gap:.5rem}#isdk .gap-3{gap:.75rem}#isdk .gap-4{gap:1rem}#isdk .gap-px{gap:1px}#isdk .overflow-hidden{overflow:hidden}#isdk .overflow-y-auto{overflow-y:auto}#isdk .overflow-y-scroll{overflow-y:scroll}#isdk .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#isdk .break-words{overflow-wrap:break-word}#isdk .rounded{border-radius:.25rem}#isdk .rounded-2xl{border-radius:1rem}#isdk .rounded-3xl{border-radius:1.5rem}#isdk .rounded-\[18px\]{border-radius:18px}#isdk .rounded-full{border-radius:9999px}#isdk .rounded-lg{border-radius:.5rem}#isdk .rounded-md{border-radius:.375rem}#isdk .rounded-xl{border-radius:.75rem}#isdk .rounded-b-3xl{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}#isdk .rounded-bl-md{border-bottom-left-radius:.375rem}#isdk .rounded-br-md{border-bottom-right-radius:.375rem}#isdk .border{border-width:1px}#isdk .border-b{border-bottom-width:1px}#isdk .border-t{border-top-width:1px}#isdk .border-solid{border-style:solid}#isdk .border-dashed{border-style:dashed}#isdk .border-accent-9{border-color:var(--i-color-a-9)}#isdk .border-divider{border-color:var(--i-color-divider)}#isdk .border-neutral-5{border-color:var(--i-color-n-5)}#isdk .border-neutral-8{border-color:var(--i-color-n-8)}#isdk .border-transparent{border-color:transparent}#isdk .border-b-neutral-3{border-bottom-color:var(--i-color-n-3)}#isdk .border-b-neutral-5{border-bottom-color:var(--i-color-n-5)}#isdk .border-b-transparent{border-bottom-color:transparent}#isdk .bg-accent-1{background-color:var(--i-color-a-1)}#isdk .bg-accent-3{background-color:var(--i-color-a-3)}#isdk .bg-accent-9{background-color:var(--i-color-a-9)}#isdk .bg-bubble-weak-bg{background-color:var(--i-bubble-weak-bg)}#isdk .bg-lowest{background-color:var(--i-color-lowest)}#isdk .bg-neutral-1{background-color:var(--i-color-n-1)}#isdk .bg-neutral-2{background-color:var(--i-color-n-2)}#isdk .bg-neutral-3{background-color:var(--i-color-n-3)}#isdk .bg-overlay{background-color:var(--i-overlay-bg)}#isdk .bg-statusbar{background-color:var(--i-status-bar-bg)}#isdk .bg-transparent{background-color:transparent}#isdk .bg-none{background-image:none}#isdk .p-1{padding:.25rem}#isdk .p-1\.5{padding:.375rem}#isdk .p-2{padding:.5rem}#isdk .p-2\.5{padding:.625rem}#isdk .p-4{padding:1rem}#isdk .px-1{padding-left:.25rem;padding-right:.25rem}#isdk .px-2{padding-left:.5rem;padding-right:.5rem}#isdk .px-2\.5{padding-left:.625rem;padding-right:.625rem}#isdk .px-3{padding-left:.75rem;padding-right:.75rem}#isdk .px-4{padding-left:1rem;padding-right:1rem}#isdk .px-5{padding-left:1.25rem;padding-right:1.25rem}#isdk .py-0{padding-top:0;padding-bottom:0}#isdk .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}#isdk .py-1{padding-top:.25rem;padding-bottom:.25rem}#isdk .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}#isdk .py-2{padding-top:.5rem;padding-bottom:.5rem}#isdk .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}#isdk .py-3{padding-top:.75rem;padding-bottom:.75rem}#isdk .py-\[6px\]{padding-top:6px;padding-bottom:6px}#isdk .pb-2{padding-bottom:.5rem}#isdk .pb-6{padding-bottom:1.5rem}#isdk .pl-1{padding-left:.25rem}#isdk .pl-1\.5{padding-left:.375rem}#isdk .pl-2{padding-left:.5rem}#isdk .pl-4{padding-left:1rem}#isdk .pr-1{padding-right:.25rem}#isdk .pr-2{padding-right:.5rem}#isdk .pr-2\.5{padding-right:.625rem}#isdk .pr-3{padding-right:.75rem}#isdk .pr-4{padding-right:1rem}#isdk .pt-2{padding-top:.5rem}#isdk .pt-2\.5{padding-top:.625rem}#isdk .pt-3{padding-top:.75rem}#isdk .pt-5{padding-top:1.25rem}#isdk .pt-\[calc\(var\(--header-height\)\+1rem\)\]{padding-top:calc(var(--header-height) + 1rem)}#isdk .text-center{text-align:center}#isdk .text-right{text-align:right}#isdk .text-justify{text-align:justify}#isdk .text-\[10px\]{font-size:10px}#isdk .text-\[11px\]{font-size:11px}#isdk .text-base{font-size:1rem;line-height:1.5rem}#isdk .text-sm{font-size:.875rem;line-height:1.25rem}#isdk .text-xs{font-size:.75rem;line-height:1rem}#isdk .font-bold{font-weight:700}#isdk .font-medium{font-weight:500}#isdk .uppercase{text-transform:uppercase}#isdk .lowercase{text-transform:lowercase}#isdk .capitalize{text-transform:capitalize}#isdk .italic{font-style:italic}#isdk .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)}#isdk .leading-3{line-height:.75rem}#isdk .leading-snug{line-height:1.375}#isdk .tracking-\[-0\.01em\]{letter-spacing:-.01em}#isdk .tracking-tight{letter-spacing:-.025em}#isdk .tracking-wide{letter-spacing:.025em}#isdk .tracking-widest{letter-spacing:.1em}#isdk .text-\[\#4CAF50\]{--tw-text-opacity: 1;color:rgb(76 175 80 / var(--tw-text-opacity))}#isdk .text-\[\#FFC107\]{--tw-text-opacity: 1;color:rgb(255 193 7 / var(--tw-text-opacity))}#isdk .text-accent-11{color:var(--i-color-a-11)}#isdk .text-accent-12{color:var(--i-color-a-12)}#isdk .text-accent-9{color:var(--i-color-a-9)}#isdk .text-error-11{color:var(--i-color-e-11)}#isdk .text-error-9{color:var(--i-color-e-9)}#isdk .text-interactive-copy{color:var(--i-interactive-copy)}#isdk .text-neutral-10{color:var(--i-color-n-10)}#isdk .text-neutral-11{color:var(--i-color-n-11)}#isdk .text-neutral-12{color:var(--i-color-n-12)}#isdk .text-neutral-6{color:var(--i-color-n-6)}#isdk .text-neutral-8{color:var(--i-color-n-8)}#isdk .text-neutral-9{color:var(--i-color-n-9)}#isdk .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}#isdk .underline{text-decoration-line:underline}#isdk .no-underline{text-decoration-line:none}#isdk .underline-offset-2{text-underline-offset:2px}#isdk .caret-accent-9{caret-color:var(--i-color-a-9)}#isdk .shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#isdk .shadow-surface-md{--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / .03), 0px 6px 4px 0px oklch(0% 0 0 / .02), 0px 6px 4px 0px oklch(0% 0 0 / .01);--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#isdk .shadow-surface-sm{--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / .03), 0px 4px 4px 0px oklch(0% 0 0 / .02);--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 4px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#isdk .shadow-bubble-strong-shadow{--tw-shadow-color: var(--i-bubble-strong-shadow);--tw-shadow: var(--tw-shadow-colored)}#isdk .outline-none{outline:2px solid transparent;outline-offset:2px}#isdk .outline{outline-style:solid}#isdk .outline-1{outline-width:1px}#isdk .outline-2{outline-width:2px}#isdk .outline-accent-4{outline-color:var(--i-color-a-4)}#isdk .outline-bubble-weak{outline-color:var(--i-bubble-weak-outline)}#isdk .outline-divider{outline-color:var(--i-color-divider)}#isdk .outline-neutral-3{outline-color:var(--i-color-n-3)}#isdk .outline-neutral-6{outline-color:var(--i-color-n-6)}#isdk .ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .ring-accent-6{--tw-ring-color: var(--i-color-a-6)}#isdk .ring-divider{--tw-ring-color: var(--i-color-divider)}#isdk .ring-lowest{--tw-ring-color: var(--i-color-lowest)}#isdk .ring-transparent{--tw-ring-color: transparent}#isdk .ring-offset-\[1\.5px\]{--tw-ring-offset-width: 1.5px}#isdk .ring-offset-neutral-1{--tw-ring-offset-color: var(--i-color-n-1)}#isdk .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)}#isdk .drop-shadow-\[0_1\.5px_var\(--i-color-n-1\)\]{--tw-drop-shadow: drop-shadow(0 1.5px var(--i-color-n-1));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)}#isdk .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)}#isdk .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)}#isdk .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)}#isdk .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)}#isdk .backdrop-blur-md{--tw-backdrop-blur: blur(12px);-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)}#isdk .backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-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)}#isdk .backdrop-saturate-150{--tw-backdrop-saturate: saturate(1.5);-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)}#isdk .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)}#isdk .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#isdk .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#isdk .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#isdk .duration-100{transition-duration:.1s}#isdk .duration-1000{transition-duration:1s}#isdk .duration-300{transition-duration:.3s}#isdk .duration-700{transition-duration:.7s}#isdk .ease-expo-out{transition-timing-function:cubic-bezier(.16,1,.3,1)}#isdk .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}#isdk .will-change-\[height\]{will-change:height}#isdk .text-wrap-balance{text-wrap:balance}#isdk .fr{outline:none}#isdk .fr:focus{outline:none}#isdk .fr:focus-visible{outline:none;--tw-ring-offset-width: 1px;--tw-ring-offset-color: var(--i-color-lowest);--tw-ring-opacity: 1;--tw-ring-color: var(--i-color-a-9);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .gutter-stable{scrollbar-gutter:stable}#isdk .hide-scrollbars::-webkit-scrollbar{display:none}#isdk .hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}#isdk .touch-hitbox:before{content:"";position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-height:44px;min-width:44px;z-index:9999}#isdk .\[-webkit-outer-spin-button\:none\]{-webkit-outer-spin-button:none}#isdk .\[a-zA-Z0-9-_\:\.\$\@\?\]{a-z-a--z0-9-_:.$@?}#isdk .\[grid-template-columns\:min-content_1fr\]{grid-template-columns:min-content 1fr}#isdk .\[text-wrap\:pretty\]{text-wrap:pretty}#isdk .selection\:bg-accent-4 *::-moz-selection{background-color:var(--i-color-a-4)}#isdk .selection\:bg-accent-4 *::selection{background-color:var(--i-color-a-4)}#isdk .selection\:bg-transparent *::-moz-selection{background-color:transparent}#isdk .selection\:bg-transparent *::selection{background-color:transparent}#isdk .selection\:text-accent-12 *::-moz-selection{color:var(--i-color-a-12)}#isdk .selection\:text-accent-12 *::selection{color:var(--i-color-a-12)}#isdk .selection\:bg-accent-4::-moz-selection{background-color:var(--i-color-a-4)}#isdk .selection\:bg-accent-4::selection{background-color:var(--i-color-a-4)}#isdk .selection\:bg-transparent::-moz-selection{background-color:transparent}#isdk .selection\:bg-transparent::selection{background-color:transparent}#isdk .selection\:text-accent-12::-moz-selection{color:var(--i-color-a-12)}#isdk .selection\:text-accent-12::selection{color:var(--i-color-a-12)}#isdk .placeholder\:text-neutral-10::-moz-placeholder{color:var(--i-color-n-10)}#isdk .placeholder\:text-neutral-10::placeholder{color:var(--i-color-n-10)}#isdk .placeholder\:text-neutral-8::-moz-placeholder{color:var(--i-color-n-8)}#isdk .placeholder\:text-neutral-8::placeholder{color:var(--i-color-n-8)}#isdk .autofill\:shadow-\[inset_0_0_0_1000px_hsl\(210_16\.7\%_97\.6\%\)\]:-webkit-autofill{--tw-shadow: inset 0 0 0 1000px hsl(210 16.7% 97.6%);--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#isdk .autofill\:shadow-\[inset_0_0_0_1000px_hsl\(210_16\.7\%_97\.6\%\)\]:autofill{--tw-shadow: inset 0 0 0 1000px hsl(210 16.7% 97.6%);--tw-shadow-colored: inset 0 0 0 1000px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#isdk .hover\:border-accent-10:hover{border-color:var(--i-color-a-10)}#isdk .hover\:border-neutral-5:hover{border-color:var(--i-color-n-5)}#isdk .hover\:bg-accent-10:hover{background-color:var(--i-color-a-10)}#isdk .hover\:bg-interactive-bg-hover:hover{background-color:var(--i-interactive-bg-hover)}#isdk .hover\:bg-neutral-2:hover{background-color:var(--i-color-n-2)}#isdk .hover\:bg-neutral-3:hover{background-color:var(--i-color-n-3)}#isdk .hover\:bg-neutral-4:hover{background-color:var(--i-color-n-4)}#isdk .hover\:text-interactive-copy-hover:hover{color:var(--i-interactive-copy-hover)}#isdk .hover\:text-neutral-12:hover{color:var(--i-color-n-12)}#isdk .hover\:ring-accent-8:hover{--tw-ring-color: var(--i-color-a-8)}#isdk .focus\:bg-neutral-5:focus{background-color:var(--i-color-n-5)}#isdk .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}#isdk .focus-visible\:bg-neutral-3:focus-visible{background-color:var(--i-color-n-3)}#isdk .focus-visible\:outline-2:focus-visible{outline-width:2px}#isdk .focus-visible\:outline-accent-7:focus-visible{outline-color:var(--i-color-a-7)}#isdk .focus-visible\:outline-accent-8:focus-visible{outline-color:var(--i-color-a-8)}#isdk .focus-visible\:ring-4:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}#isdk .active\:border-submit-bg-active:active{border-color:var(--i-submit-button-bg-active)}#isdk .active\:bg-accent-10:active{background-color:var(--i-color-a-10)}#isdk .active\:bg-accent-2:active{background-color:var(--i-color-a-2)}#isdk .active\:bg-interactive-bg-active:active{background-color:var(--i-interactive-bg-active)}#isdk .active\:bg-submit-bg-active:active{background-color:var(--i-submit-button-bg-active)}#isdk .active\:text-accent-10:active{color:var(--i-color-a-10)}#isdk .active\:text-accent-11:active{color:var(--i-color-a-11)}#isdk .active\:text-interactive-copy-active:active{color:var(--i-interactive-copy-active)}#isdk .active\:outline-neutral-8:active{outline-color:var(--i-color-n-8)}#isdk .active\:ring-2:active{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .active\:ring-accent-7:active{--tw-ring-color: var(--i-color-a-7)}#isdk .active\:ring-offset-2:active{--tw-ring-offset-width: 2px}#isdk .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}#isdk .disabled\:opacity-50:disabled{opacity:.5}#isdk .peer:checked~.peer-checked\:bg-accent-2{background-color:var(--i-color-a-2)}#isdk .peer:checked~.peer-checked\:text-accent-9{color:var(--i-color-a-9)}#isdk .peer:checked~.peer-checked\:outline-accent-7{outline-color:var(--i-color-a-7)}#isdk .peer:focus-visible~.peer-focus-visible\:ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#isdk .peer:focus-visible~.peer-focus-visible\:ring-accent-9{--tw-ring-color: var(--i-color-a-9)}#isdk .peer:focus-visible~.peer-focus-visible\:ring-offset-accent-7{--tw-ring-offset-color: var(--i-color-a-7)}@media (pointer: coarse){#isdk .pointer-coarse\:touch-hitbox\:\:before:before{content:"";position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-height:44px;min-width:44px;z-index:9999}}#isdk .\[\&\:has\(\+\*\>input\:focus\)\]\:text-neutral-11:has(+*>input:focus){color:var(--i-color-n-11)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const index = require("./index-
|
|
3
|
+
const index = require("./index-e1616316.cjs");
|
|
4
4
|
require("@inploi/sdk");
|
|
5
5
|
const isIfBlockConditionMet = (ifBlock, {
|
|
6
6
|
context,
|
|
@@ -473,7 +473,6 @@ async function interpretSubmitNode({
|
|
|
473
473
|
href: href.toString(),
|
|
474
474
|
text: "Complete submission",
|
|
475
475
|
onClick: () => {
|
|
476
|
-
alert("kek");
|
|
477
476
|
if (!session_id)
|
|
478
477
|
return logger.error("session_id not set, cannot log FLOW_REDIRECT event");
|
|
479
478
|
analytics.log({
|
|
@@ -1616,6 +1615,21 @@ const useFocusOnMount = () => {
|
|
|
1616
1615
|
const options = ["true", "false"];
|
|
1617
1616
|
const AnswerSchema = index.picklist(options);
|
|
1618
1617
|
const FIELD_NAME = "answer";
|
|
1618
|
+
const booleanButtonListClass = "flex items-center gap-2 p-2.5";
|
|
1619
|
+
const BooleanOption = index.k$1(({
|
|
1620
|
+
label,
|
|
1621
|
+
...props
|
|
1622
|
+
}, ref) => {
|
|
1623
|
+
return index.o("button", {
|
|
1624
|
+
class: "bg-lowest ease-expo-out ring-divider text-neutral-12 active:ring-accent-7 active:bg-accent-2 active:text-accent-11 fr block w-full overflow-hidden rounded-2xl px-2.5 py-2.5 ring-2 transition-all selection:bg-transparent",
|
|
1625
|
+
...props,
|
|
1626
|
+
ref,
|
|
1627
|
+
children: index.o("p", {
|
|
1628
|
+
class: "truncate text-center text-base",
|
|
1629
|
+
children: label
|
|
1630
|
+
})
|
|
1631
|
+
});
|
|
1632
|
+
});
|
|
1619
1633
|
const ChatInputBoolean = ({
|
|
1620
1634
|
input,
|
|
1621
1635
|
onSubmitSuccess
|
|
@@ -1626,34 +1640,25 @@ const ChatInputBoolean = ({
|
|
|
1626
1640
|
class: "",
|
|
1627
1641
|
onSubmit: (e) => {
|
|
1628
1642
|
e.preventDefault();
|
|
1629
|
-
const value = index.
|
|
1630
|
-
nativeEvent: {
|
|
1631
|
-
submitter: index._.select(index._.union(index._.instanceOf(HTMLButtonElement), index._.instanceOf(HTMLInputElement)))
|
|
1632
|
-
}
|
|
1633
|
-
}, (submitter) => {
|
|
1634
|
-
return submitter.value;
|
|
1635
|
-
}).otherwise(() => {
|
|
1636
|
-
throw new Error("invalid form");
|
|
1637
|
-
});
|
|
1643
|
+
const value = index.getFormSubmitter(e).value;
|
|
1638
1644
|
const answer = index.parse(AnswerSchema, value);
|
|
1639
1645
|
onSubmitSuccess({
|
|
1640
1646
|
type: "boolean",
|
|
1641
1647
|
value: answer === "true"
|
|
1642
1648
|
});
|
|
1643
1649
|
},
|
|
1644
|
-
children: [index.o("
|
|
1645
|
-
class:
|
|
1650
|
+
children: [index.o("ul", {
|
|
1651
|
+
class: booleanButtonListClass,
|
|
1646
1652
|
children: options.map((value, i2) => {
|
|
1647
|
-
return index.o("
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
|
|
1656
|
-
})
|
|
1653
|
+
return index.o("li", {
|
|
1654
|
+
class: "flex-1",
|
|
1655
|
+
children: index.o(BooleanOption, {
|
|
1656
|
+
ref: i2 === 0 ? focusRef : null,
|
|
1657
|
+
type: "submit",
|
|
1658
|
+
name: FIELD_NAME,
|
|
1659
|
+
value,
|
|
1660
|
+
label: input.config.labels[value]
|
|
1661
|
+
}, value)
|
|
1657
1662
|
});
|
|
1658
1663
|
})
|
|
1659
1664
|
}), input.config.optional && index.o("div", {
|
|
@@ -3387,15 +3392,6 @@ var a = function(r, e) {
|
|
|
3387
3392
|
const LABEL_HEIGHT = 27;
|
|
3388
3393
|
const GAP = 12;
|
|
3389
3394
|
const PADDING = 10;
|
|
3390
|
-
const submitIfSingleChecked = (form) => {
|
|
3391
|
-
const formObj = Object.fromEntries(new FormData(form).entries());
|
|
3392
|
-
const isSingleChecked = Object.keys(formObj).length;
|
|
3393
|
-
if (!isSingleChecked)
|
|
3394
|
-
return;
|
|
3395
|
-
form.dispatchEvent(new Event("submit", {
|
|
3396
|
-
bubbles: true
|
|
3397
|
-
}));
|
|
3398
|
-
};
|
|
3399
3395
|
const isMultipleChoiceSubmission = index.isSubmissionOfType("enum");
|
|
3400
3396
|
const getResolver$2 = (config) => {
|
|
3401
3397
|
const length = {
|
|
@@ -3406,6 +3402,33 @@ const getResolver$2 = (config) => {
|
|
|
3406
3402
|
checked: index.transform(index.record(index.boolean()), (o2) => Object.entries(o2).filter(([_, v]) => v).map(([k, _]) => k), [index.maxLength(length.max, `Please select at most ${length.max} option${length.max !== 1 ? "s" : ""}`), index.minLength(length.min, `Please select at least ${length.min} option${length.min !== 1 ? "s" : ""}`)])
|
|
3407
3403
|
}));
|
|
3408
3404
|
};
|
|
3405
|
+
const MultipleChoiceOption = index.k$1(({
|
|
3406
|
+
option,
|
|
3407
|
+
...props
|
|
3408
|
+
}, ref) => {
|
|
3409
|
+
return index.o(index.k, {
|
|
3410
|
+
children: [index.o("input", {
|
|
3411
|
+
class: "peer sr-only h-full",
|
|
3412
|
+
type: "checkbox",
|
|
3413
|
+
...props,
|
|
3414
|
+
ref
|
|
3415
|
+
}), index.o("label", {
|
|
3416
|
+
class: "bg-lowest hover:bg-neutral-2 active:outline-neutral-8 ease-expo-out outline-divider text-neutral-11 peer-checked:outline-accent-7 peer-checked:bg-accent-2 peer-checked:text-accent-9 peer-focus-visible:ring-accent-9 peer-focus-visible:ring-offset-accent-7 block cursor-pointer select-none rounded-2xl px-3 py-1.5 outline outline-1 ring-0 ring-transparent transition-all selection:bg-transparent peer-focus-visible:ring-4",
|
|
3417
|
+
htmlFor: props.id,
|
|
3418
|
+
children: option.label
|
|
3419
|
+
})]
|
|
3420
|
+
});
|
|
3421
|
+
});
|
|
3422
|
+
const multipleChoiceListClass = index.cva("gutter-stable flex w-full flex-1 flex-wrap gap-3 overflow-y-auto rounded-xl p-2.5 pr-4", {
|
|
3423
|
+
variants: {
|
|
3424
|
+
variant: {
|
|
3425
|
+
// In cases where there is only one option, we want to center it
|
|
3426
|
+
singleOption: "justify-center",
|
|
3427
|
+
// Two choices with exactly 1 min 1 max
|
|
3428
|
+
booleanLike: booleanButtonListClass
|
|
3429
|
+
}
|
|
3430
|
+
}
|
|
3431
|
+
});
|
|
3409
3432
|
const ChatInputMultipleChoice = ({
|
|
3410
3433
|
input,
|
|
3411
3434
|
onSubmitSuccess
|
|
@@ -3413,6 +3436,7 @@ const ChatInputMultipleChoice = ({
|
|
|
3413
3436
|
var _a, _b;
|
|
3414
3437
|
const submission = input.key ? (_a = index.store.current$.value.flow) == null ? void 0 : _a.data.submissions[input.key] : void 0;
|
|
3415
3438
|
const isSingleChoice = (input.config.minSelected === 1 || input.config.minSelected === void 0) && input.config.maxSelected === 1;
|
|
3439
|
+
const isBooleanLike = isSingleChoice && input.config.options.length === 2;
|
|
3416
3440
|
const {
|
|
3417
3441
|
register,
|
|
3418
3442
|
handleSubmit,
|
|
@@ -3426,29 +3450,52 @@ const ChatInputMultipleChoice = ({
|
|
|
3426
3450
|
resolver: getResolver$2(input.config)
|
|
3427
3451
|
});
|
|
3428
3452
|
const focusRef = useFocusOnMount();
|
|
3453
|
+
if (isBooleanLike) {
|
|
3454
|
+
return index.o("ul", {
|
|
3455
|
+
style: {
|
|
3456
|
+
maxHeight: 6.5 * LABEL_HEIGHT + 5 * GAP + 2 * PADDING
|
|
3457
|
+
},
|
|
3458
|
+
class: multipleChoiceListClass({
|
|
3459
|
+
variant: "booleanLike"
|
|
3460
|
+
}),
|
|
3461
|
+
children: input.config.options.map((option, i2) => index.o("li", {
|
|
3462
|
+
class: "flex-1",
|
|
3463
|
+
children: index.o(BooleanOption, {
|
|
3464
|
+
type: "submit",
|
|
3465
|
+
ref: (e) => {
|
|
3466
|
+
if (e && i2 === 0) {
|
|
3467
|
+
focusRef.current = e;
|
|
3468
|
+
}
|
|
3469
|
+
},
|
|
3470
|
+
label: option.label,
|
|
3471
|
+
value: "true",
|
|
3472
|
+
onClick: () => onSubmitSuccess({
|
|
3473
|
+
type: "enum",
|
|
3474
|
+
value: [option.value]
|
|
3475
|
+
})
|
|
3476
|
+
})
|
|
3477
|
+
}, option.value))
|
|
3478
|
+
});
|
|
3479
|
+
}
|
|
3429
3480
|
return index.o("form", {
|
|
3430
3481
|
noValidate: true,
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
|
|
3435
|
-
|
|
3482
|
+
onSubmit: (e) => {
|
|
3483
|
+
return handleSubmit((submission2) => {
|
|
3484
|
+
const checked = submission2.checked;
|
|
3485
|
+
onSubmitSuccess({
|
|
3486
|
+
type: "enum",
|
|
3487
|
+
value: checked
|
|
3488
|
+
});
|
|
3489
|
+
})(e);
|
|
3436
3490
|
},
|
|
3437
|
-
onSubmit: handleSubmit((submission2) => {
|
|
3438
|
-
const checked = submission2.checked;
|
|
3439
|
-
onSubmitSuccess({
|
|
3440
|
-
type: "enum",
|
|
3441
|
-
value: checked
|
|
3442
|
-
});
|
|
3443
|
-
}),
|
|
3444
3491
|
children: [index.o("div", {
|
|
3445
3492
|
class: "flex items-center gap-1",
|
|
3446
3493
|
children: [index.o("ul", {
|
|
3447
3494
|
style: {
|
|
3448
3495
|
maxHeight: 6.5 * LABEL_HEIGHT + 5 * GAP + 2 * PADDING
|
|
3449
3496
|
},
|
|
3450
|
-
class:
|
|
3451
|
-
|
|
3497
|
+
class: multipleChoiceListClass({
|
|
3498
|
+
variant: input.config.options.length === 1 ? "singleOption" : void 0
|
|
3452
3499
|
}),
|
|
3453
3500
|
children: input.config.options.map((option, i2) => {
|
|
3454
3501
|
const id = `checked.${option.value}`;
|
|
@@ -3458,7 +3505,8 @@ const ChatInputMultipleChoice = ({
|
|
|
3458
3505
|
} = register(id);
|
|
3459
3506
|
return index.o("li", {
|
|
3460
3507
|
class: "relative",
|
|
3461
|
-
children:
|
|
3508
|
+
children: index.o(MultipleChoiceOption, {
|
|
3509
|
+
option,
|
|
3462
3510
|
autoFocus: i2 === 0,
|
|
3463
3511
|
ref: (e) => {
|
|
3464
3512
|
if (e && i2 === 0) {
|
|
@@ -3468,18 +3516,16 @@ const ChatInputMultipleChoice = ({
|
|
|
3468
3516
|
},
|
|
3469
3517
|
id,
|
|
3470
3518
|
...props,
|
|
3471
|
-
|
|
3472
|
-
|
|
3473
|
-
|
|
3474
|
-
|
|
3475
|
-
|
|
3476
|
-
children: option.label
|
|
3477
|
-
})]
|
|
3519
|
+
onClick: isSingleChoice ? () => onSubmitSuccess({
|
|
3520
|
+
type: "enum",
|
|
3521
|
+
value: [option.value]
|
|
3522
|
+
}) : void 0
|
|
3523
|
+
})
|
|
3478
3524
|
}, option.value);
|
|
3479
3525
|
})
|
|
3480
3526
|
}), index.o("div", {
|
|
3481
|
-
class: "flex flex-col items-center gap-2",
|
|
3482
|
-
children: [
|
|
3527
|
+
class: "flex flex-col items-center gap-2 pr-2.5 pt-2.5",
|
|
3528
|
+
children: [isSingleChoice ? null : index.o(SendButton, {}), input.config.minSelected === 0 && index.o(SkipButton, {
|
|
3483
3529
|
type: "button",
|
|
3484
3530
|
onClick: () => onSubmitSuccess({
|
|
3485
3531
|
type: "enum",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { g as get$1, i as isString$1, k as kbToReadableSize, a as getHeadOrThrow, b as invariant, A as AbortedError, N, c as getFlowSubmissionsPayload, _, d as getDefaultExportFromCjs, h, e as _$1, p, F, o as o$1, f as clsx, y, s as store, j as a$2, l as debounce$1, m as k, n as
|
|
1
|
+
import { g as get$1, i as isString$1, k as kbToReadableSize, a as getHeadOrThrow, b as invariant, A as AbortedError, N, c as getFlowSubmissionsPayload, _, d as getDefaultExportFromCjs, h, e as _$1, p, F, o as o$1, f as clsx, y, s as store, j as a$2, l as debounce$1, m as k, n as k$1, q as getFormSubmitter, r as parse, t as picklist, u as isSubmissionOfType, C as Cn, v as parseAsync, V as ValiError, w as object, x as transform, z as cva, B as maxLength, D as minLength, E as record, G as boolean, H as number, I as minValue, J as maxValue, K as custom, L as string, M as email, O as url, P as regex, Q as ERROR_MESSAGES } from "./index-794ce056.js";
|
|
2
2
|
import "@inploi/sdk";
|
|
3
3
|
const isIfBlockConditionMet = (ifBlock, {
|
|
4
4
|
context,
|
|
@@ -471,7 +471,6 @@ async function interpretSubmitNode({
|
|
|
471
471
|
href: href.toString(),
|
|
472
472
|
text: "Complete submission",
|
|
473
473
|
onClick: () => {
|
|
474
|
-
alert("kek");
|
|
475
474
|
if (!session_id)
|
|
476
475
|
return logger.error("session_id not set, cannot log FLOW_REDIRECT event");
|
|
477
476
|
analytics.log({
|
|
@@ -1614,6 +1613,21 @@ const useFocusOnMount = () => {
|
|
|
1614
1613
|
const options = ["true", "false"];
|
|
1615
1614
|
const AnswerSchema = picklist(options);
|
|
1616
1615
|
const FIELD_NAME = "answer";
|
|
1616
|
+
const booleanButtonListClass = "flex items-center gap-2 p-2.5";
|
|
1617
|
+
const BooleanOption = k$1(({
|
|
1618
|
+
label,
|
|
1619
|
+
...props
|
|
1620
|
+
}, ref) => {
|
|
1621
|
+
return o$1("button", {
|
|
1622
|
+
class: "bg-lowest ease-expo-out ring-divider text-neutral-12 active:ring-accent-7 active:bg-accent-2 active:text-accent-11 fr block w-full overflow-hidden rounded-2xl px-2.5 py-2.5 ring-2 transition-all selection:bg-transparent",
|
|
1623
|
+
...props,
|
|
1624
|
+
ref,
|
|
1625
|
+
children: o$1("p", {
|
|
1626
|
+
class: "truncate text-center text-base",
|
|
1627
|
+
children: label
|
|
1628
|
+
})
|
|
1629
|
+
});
|
|
1630
|
+
});
|
|
1617
1631
|
const ChatInputBoolean = ({
|
|
1618
1632
|
input,
|
|
1619
1633
|
onSubmitSuccess
|
|
@@ -1624,34 +1638,25 @@ const ChatInputBoolean = ({
|
|
|
1624
1638
|
class: "",
|
|
1625
1639
|
onSubmit: (e) => {
|
|
1626
1640
|
e.preventDefault();
|
|
1627
|
-
const value =
|
|
1628
|
-
nativeEvent: {
|
|
1629
|
-
submitter: _.select(_.union(_.instanceOf(HTMLButtonElement), _.instanceOf(HTMLInputElement)))
|
|
1630
|
-
}
|
|
1631
|
-
}, (submitter) => {
|
|
1632
|
-
return submitter.value;
|
|
1633
|
-
}).otherwise(() => {
|
|
1634
|
-
throw new Error("invalid form");
|
|
1635
|
-
});
|
|
1641
|
+
const value = getFormSubmitter(e).value;
|
|
1636
1642
|
const answer = parse(AnswerSchema, value);
|
|
1637
1643
|
onSubmitSuccess({
|
|
1638
1644
|
type: "boolean",
|
|
1639
1645
|
value: answer === "true"
|
|
1640
1646
|
});
|
|
1641
1647
|
},
|
|
1642
|
-
children: [o$1("
|
|
1643
|
-
class:
|
|
1648
|
+
children: [o$1("ul", {
|
|
1649
|
+
class: booleanButtonListClass,
|
|
1644
1650
|
children: options.map((value, i2) => {
|
|
1645
|
-
return o$1("
|
|
1646
|
-
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
})
|
|
1651
|
+
return o$1("li", {
|
|
1652
|
+
class: "flex-1",
|
|
1653
|
+
children: o$1(BooleanOption, {
|
|
1654
|
+
ref: i2 === 0 ? focusRef : null,
|
|
1655
|
+
type: "submit",
|
|
1656
|
+
name: FIELD_NAME,
|
|
1657
|
+
value,
|
|
1658
|
+
label: input.config.labels[value]
|
|
1659
|
+
}, value)
|
|
1655
1660
|
});
|
|
1656
1661
|
})
|
|
1657
1662
|
}), input.config.optional && o$1("div", {
|
|
@@ -3385,15 +3390,6 @@ var a = function(r, e) {
|
|
|
3385
3390
|
const LABEL_HEIGHT = 27;
|
|
3386
3391
|
const GAP = 12;
|
|
3387
3392
|
const PADDING = 10;
|
|
3388
|
-
const submitIfSingleChecked = (form) => {
|
|
3389
|
-
const formObj = Object.fromEntries(new FormData(form).entries());
|
|
3390
|
-
const isSingleChecked = Object.keys(formObj).length;
|
|
3391
|
-
if (!isSingleChecked)
|
|
3392
|
-
return;
|
|
3393
|
-
form.dispatchEvent(new Event("submit", {
|
|
3394
|
-
bubbles: true
|
|
3395
|
-
}));
|
|
3396
|
-
};
|
|
3397
3393
|
const isMultipleChoiceSubmission = isSubmissionOfType("enum");
|
|
3398
3394
|
const getResolver$2 = (config) => {
|
|
3399
3395
|
const length = {
|
|
@@ -3404,6 +3400,33 @@ const getResolver$2 = (config) => {
|
|
|
3404
3400
|
checked: transform(record(boolean()), (o2) => Object.entries(o2).filter(([_2, v]) => v).map(([k2, _2]) => k2), [maxLength(length.max, `Please select at most ${length.max} option${length.max !== 1 ? "s" : ""}`), minLength(length.min, `Please select at least ${length.min} option${length.min !== 1 ? "s" : ""}`)])
|
|
3405
3401
|
}));
|
|
3406
3402
|
};
|
|
3403
|
+
const MultipleChoiceOption = k$1(({
|
|
3404
|
+
option,
|
|
3405
|
+
...props
|
|
3406
|
+
}, ref) => {
|
|
3407
|
+
return o$1(k, {
|
|
3408
|
+
children: [o$1("input", {
|
|
3409
|
+
class: "peer sr-only h-full",
|
|
3410
|
+
type: "checkbox",
|
|
3411
|
+
...props,
|
|
3412
|
+
ref
|
|
3413
|
+
}), o$1("label", {
|
|
3414
|
+
class: "bg-lowest hover:bg-neutral-2 active:outline-neutral-8 ease-expo-out outline-divider text-neutral-11 peer-checked:outline-accent-7 peer-checked:bg-accent-2 peer-checked:text-accent-9 peer-focus-visible:ring-accent-9 peer-focus-visible:ring-offset-accent-7 block cursor-pointer select-none rounded-2xl px-3 py-1.5 outline outline-1 ring-0 ring-transparent transition-all selection:bg-transparent peer-focus-visible:ring-4",
|
|
3415
|
+
htmlFor: props.id,
|
|
3416
|
+
children: option.label
|
|
3417
|
+
})]
|
|
3418
|
+
});
|
|
3419
|
+
});
|
|
3420
|
+
const multipleChoiceListClass = cva("gutter-stable flex w-full flex-1 flex-wrap gap-3 overflow-y-auto rounded-xl p-2.5 pr-4", {
|
|
3421
|
+
variants: {
|
|
3422
|
+
variant: {
|
|
3423
|
+
// In cases where there is only one option, we want to center it
|
|
3424
|
+
singleOption: "justify-center",
|
|
3425
|
+
// Two choices with exactly 1 min 1 max
|
|
3426
|
+
booleanLike: booleanButtonListClass
|
|
3427
|
+
}
|
|
3428
|
+
}
|
|
3429
|
+
});
|
|
3407
3430
|
const ChatInputMultipleChoice = ({
|
|
3408
3431
|
input,
|
|
3409
3432
|
onSubmitSuccess
|
|
@@ -3411,6 +3434,7 @@ const ChatInputMultipleChoice = ({
|
|
|
3411
3434
|
var _a, _b;
|
|
3412
3435
|
const submission = input.key ? (_a = store.current$.value.flow) == null ? void 0 : _a.data.submissions[input.key] : void 0;
|
|
3413
3436
|
const isSingleChoice = (input.config.minSelected === 1 || input.config.minSelected === void 0) && input.config.maxSelected === 1;
|
|
3437
|
+
const isBooleanLike = isSingleChoice && input.config.options.length === 2;
|
|
3414
3438
|
const {
|
|
3415
3439
|
register,
|
|
3416
3440
|
handleSubmit,
|
|
@@ -3424,29 +3448,52 @@ const ChatInputMultipleChoice = ({
|
|
|
3424
3448
|
resolver: getResolver$2(input.config)
|
|
3425
3449
|
});
|
|
3426
3450
|
const focusRef = useFocusOnMount();
|
|
3451
|
+
if (isBooleanLike) {
|
|
3452
|
+
return o$1("ul", {
|
|
3453
|
+
style: {
|
|
3454
|
+
maxHeight: 6.5 * LABEL_HEIGHT + 5 * GAP + 2 * PADDING
|
|
3455
|
+
},
|
|
3456
|
+
class: multipleChoiceListClass({
|
|
3457
|
+
variant: "booleanLike"
|
|
3458
|
+
}),
|
|
3459
|
+
children: input.config.options.map((option, i2) => o$1("li", {
|
|
3460
|
+
class: "flex-1",
|
|
3461
|
+
children: o$1(BooleanOption, {
|
|
3462
|
+
type: "submit",
|
|
3463
|
+
ref: (e) => {
|
|
3464
|
+
if (e && i2 === 0) {
|
|
3465
|
+
focusRef.current = e;
|
|
3466
|
+
}
|
|
3467
|
+
},
|
|
3468
|
+
label: option.label,
|
|
3469
|
+
value: "true",
|
|
3470
|
+
onClick: () => onSubmitSuccess({
|
|
3471
|
+
type: "enum",
|
|
3472
|
+
value: [option.value]
|
|
3473
|
+
})
|
|
3474
|
+
})
|
|
3475
|
+
}, option.value))
|
|
3476
|
+
});
|
|
3477
|
+
}
|
|
3427
3478
|
return o$1("form", {
|
|
3428
3479
|
noValidate: true,
|
|
3429
|
-
|
|
3430
|
-
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3480
|
+
onSubmit: (e) => {
|
|
3481
|
+
return handleSubmit((submission2) => {
|
|
3482
|
+
const checked = submission2.checked;
|
|
3483
|
+
onSubmitSuccess({
|
|
3484
|
+
type: "enum",
|
|
3485
|
+
value: checked
|
|
3486
|
+
});
|
|
3487
|
+
})(e);
|
|
3434
3488
|
},
|
|
3435
|
-
onSubmit: handleSubmit((submission2) => {
|
|
3436
|
-
const checked = submission2.checked;
|
|
3437
|
-
onSubmitSuccess({
|
|
3438
|
-
type: "enum",
|
|
3439
|
-
value: checked
|
|
3440
|
-
});
|
|
3441
|
-
}),
|
|
3442
3489
|
children: [o$1("div", {
|
|
3443
3490
|
class: "flex items-center gap-1",
|
|
3444
3491
|
children: [o$1("ul", {
|
|
3445
3492
|
style: {
|
|
3446
3493
|
maxHeight: 6.5 * LABEL_HEIGHT + 5 * GAP + 2 * PADDING
|
|
3447
3494
|
},
|
|
3448
|
-
class:
|
|
3449
|
-
|
|
3495
|
+
class: multipleChoiceListClass({
|
|
3496
|
+
variant: input.config.options.length === 1 ? "singleOption" : void 0
|
|
3450
3497
|
}),
|
|
3451
3498
|
children: input.config.options.map((option, i2) => {
|
|
3452
3499
|
const id = `checked.${option.value}`;
|
|
@@ -3456,7 +3503,8 @@ const ChatInputMultipleChoice = ({
|
|
|
3456
3503
|
} = register(id);
|
|
3457
3504
|
return o$1("li", {
|
|
3458
3505
|
class: "relative",
|
|
3459
|
-
children:
|
|
3506
|
+
children: o$1(MultipleChoiceOption, {
|
|
3507
|
+
option,
|
|
3460
3508
|
autoFocus: i2 === 0,
|
|
3461
3509
|
ref: (e) => {
|
|
3462
3510
|
if (e && i2 === 0) {
|
|
@@ -3466,18 +3514,16 @@ const ChatInputMultipleChoice = ({
|
|
|
3466
3514
|
},
|
|
3467
3515
|
id,
|
|
3468
3516
|
...props,
|
|
3469
|
-
|
|
3470
|
-
|
|
3471
|
-
|
|
3472
|
-
|
|
3473
|
-
|
|
3474
|
-
children: option.label
|
|
3475
|
-
})]
|
|
3517
|
+
onClick: isSingleChoice ? () => onSubmitSuccess({
|
|
3518
|
+
type: "enum",
|
|
3519
|
+
value: [option.value]
|
|
3520
|
+
}) : void 0
|
|
3521
|
+
})
|
|
3476
3522
|
}, option.value);
|
|
3477
3523
|
})
|
|
3478
3524
|
}), o$1("div", {
|
|
3479
|
-
class: "flex flex-col items-center gap-2",
|
|
3480
|
-
children: [
|
|
3525
|
+
class: "flex flex-col items-center gap-2 pr-2.5 pt-2.5",
|
|
3526
|
+
children: [isSingleChoice ? null : o$1(SendButton, {}), input.config.minSelected === 0 && o$1(SkipButton, {
|
|
3481
3527
|
type: "button",
|
|
3482
3528
|
onClick: () => onSubmitSuccess({
|
|
3483
3529
|
type: "enum",
|
package/dist/chatbot.utils.d.ts
CHANGED
|
@@ -187,3 +187,4 @@ export declare class AbortedError extends Error {
|
|
|
187
187
|
export declare function debounce<TFn extends (...params: any[]) => void>(func: TFn, timeout?: number): TFn;
|
|
188
188
|
export declare const isString: (value: unknown) => value is string;
|
|
189
189
|
export declare const initialiseFlowStateData: () => FlowStateData;
|
|
190
|
+
export declare const getFormSubmitter: (e: Event) => HTMLButtonElement | HTMLInputElement;
|