@revvue/embed 0.1.0-dev.1 → 0.1.0-dev.3

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.
@@ -1 +1 @@
1
- @layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:var(--rvv-z-index);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}dialog.rvv-dialog{border-radius:var(--radius-base);opacity:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity .2s ease,transform .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:0 0;border:none;margin:auto;padding:0;overflow:visible;transform:scale(.96)translateY(10px)}dialog.rvv-dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog.rvv-dialog[open]{opacity:0;transform:scale(.96)translateY(10px)}}dialog.rvv-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:#00000080}dialog.rvv-dialog[open]::backdrop{opacity:1}@starting-style{dialog.rvv-dialog[open]::backdrop{opacity:0}}.rvv-dialog-wrapper{--rvv-width:440px;--rvv-height:600px;background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);height:var(--rvv-height);width:var(--rvv-width);overflow:hidden}.rvv-dialog-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){dialog.rvv-dialog{border-radius:0;max-width:100vw;max-height:100dvh;margin:0}.rvv-dialog-wrapper{border-radius:0;width:100vw;height:100dvh}}
1
+ @layer tokens{:root{--rvv-z-index:10002;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:calc(var(--rvv-z-index) - 1);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}@media (width<=460px){html.rvv-mobile-open,html.rvv-mobile-open>body{position:static!important;overflow:hidden!important;transform:none!important}}dialog.rvv-dialog{border-radius:var(--radius-base);opacity:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity .2s ease,transform .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:0 0;border:none;margin:auto;padding:0;overflow:visible;transform:scale(.96)translateY(10px)}dialog.rvv-dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog.rvv-dialog[open]{opacity:0;transform:scale(.96)translateY(10px)}}dialog.rvv-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:#00000080}dialog.rvv-dialog[open]::backdrop{opacity:1}@starting-style{dialog.rvv-dialog[open]::backdrop{opacity:0}}.rvv-dialog-wrapper{--rvv-width:440px;--rvv-height:600px;background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);height:var(--rvv-height);width:var(--rvv-width);overflow:hidden}.rvv-dialog-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=460px){dialog.rvv-dialog{border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;inset:0}.rvv-dialog-wrapper{border-radius:0;width:100%;height:100dvh}}
@@ -1 +1 @@
1
- @layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:var(--rvv-z-index);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}.rvv-drawer{pointer-events:none;z-index:calc(var(--rvv-z-index) + 1);background-color:#0000;transition:background-color .35s;position:fixed;inset:0}.rvv-drawer.open{pointer-events:auto;background-color:#0006}.rvv-drawer.open .rvv-drawer-wrapper{transform:translate(0)}.rvv-drawer-wrapper{--rvv-width:420px;background-color:var(--rvv-color-background);width:var(--rvv-width);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.rvv-drawer-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){.rvv-drawer-wrapper{width:100vw}}
1
+ @layer tokens{:root{--rvv-z-index:10002;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:calc(var(--rvv-z-index) - 1);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}@media (width<=460px){html.rvv-mobile-open,html.rvv-mobile-open>body{position:static!important;overflow:hidden!important;transform:none!important}}.rvv-drawer{pointer-events:none;z-index:var(--rvv-z-index);background-color:#0000;transition:background-color .35s;position:fixed;inset:0}.rvv-drawer.open{pointer-events:auto;background-color:#0006}.rvv-drawer.open .rvv-drawer-wrapper{transform:translate(0)}.rvv-drawer-wrapper{--rvv-width:420px;background-color:var(--rvv-color-background);width:var(--rvv-width);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.rvv-drawer-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){.rvv-drawer-wrapper{width:100vw}}
@@ -1 +1 @@
1
- @layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-widget{--rvv-width:100%;--rvv-height:500px;background-color:var(--rvv-color-background);height:var(--rvv-height);width:var(--rvv-width);position:relative;overflow:hidden}.rvv-widget iframe{border:none;width:100%;height:100%;display:block}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:var(--rvv-z-index);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}.rvv-popover{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);opacity:0;transform-origin:100% 100%;max-width:100%;transition:opacity .15s ease,transform .15s ease,display allow-discrete .15s,overlay allow-discrete .15s;z-index:var(--rvv-z-index);display:none;position:fixed;bottom:84px;right:24px;overflow:hidden;transform:translateY(6px)scale(.99)}.rvv-popover.open{opacity:1;display:flex;transform:translateY(0)scale(1)}@starting-style{.rvv-popover.open{opacity:0;transform:translateY(6px)scale(.99)}}.rvv-popover iframe{border:none;width:100%;min-height:100%}.rvv-popover-wrapper{--rvv-width:400px;--rvv-height:600px;height:var(--rvv-height);min-width:360px;min-height:400px;width:var(--rvv-width)}@media (width<=480px){.rvv-popover{bottom:74px;right:16px}}.rvv-drawer{pointer-events:none;z-index:calc(var(--rvv-z-index) + 1);background-color:#0000;transition:background-color .35s;position:fixed;inset:0}.rvv-drawer.open{pointer-events:auto;background-color:#0006}.rvv-drawer.open .rvv-drawer-wrapper{transform:translate(0)}.rvv-drawer-wrapper{--rvv-width:420px;background-color:var(--rvv-color-background);width:var(--rvv-width);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.rvv-drawer-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){.rvv-drawer-wrapper{width:100vw}}dialog.rvv-dialog{border-radius:var(--radius-base);opacity:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity .2s ease,transform .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:0 0;border:none;margin:auto;padding:0;overflow:visible;transform:scale(.96)translateY(10px)}dialog.rvv-dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog.rvv-dialog[open]{opacity:0;transform:scale(.96)translateY(10px)}}dialog.rvv-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:#00000080}dialog.rvv-dialog[open]::backdrop{opacity:1}@starting-style{dialog.rvv-dialog[open]::backdrop{opacity:0}}.rvv-dialog-wrapper{--rvv-width:440px;--rvv-height:600px;background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);height:var(--rvv-height);width:var(--rvv-width);overflow:hidden}.rvv-dialog-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){dialog.rvv-dialog{border-radius:0;max-width:100vw;max-height:100dvh;margin:0}.rvv-dialog-wrapper{border-radius:0;width:100vw;height:100dvh}}
1
+ @layer tokens{:root{--rvv-z-index:10002;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-widget{--rvv-width:100%;--rvv-height:500px;background-color:var(--rvv-color-background);height:var(--rvv-height);width:var(--rvv-width);position:relative;overflow:hidden}.rvv-widget iframe{border:none;width:100%;height:100%;display:block}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:calc(var(--rvv-z-index) - 1);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}@media (width<=460px){html.rvv-mobile-open,html.rvv-mobile-open>body{position:static!important;overflow:hidden!important;transform:none!important}}.rvv-popover{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);opacity:0;transform-origin:100% 100%;max-width:100%;transition:opacity .15s ease,transform .15s ease,display allow-discrete .15s,overlay allow-discrete .15s;z-index:var(--rvv-z-index);display:none;position:fixed;bottom:84px;right:24px;overflow:hidden;transform:translateY(6px)scale(.99)}.rvv-popover.open{opacity:1;display:flex;transform:translateY(0)scale(1)}@starting-style{.rvv-popover.open{opacity:0;transform:translateY(6px)scale(.99)}}.rvv-popover iframe{border:none;width:100%;min-height:100%}.rvv-popover-wrapper{--rvv-width:400px;--rvv-height:600px;height:var(--rvv-height);min-width:360px;min-height:400px;width:var(--rvv-width)}@media (width<=460px){.rvv-popover{transform-origin:bottom;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;inset:0}.rvv-popover-wrapper{height:100%;min-height:unset;min-width:unset;width:100%}}.rvv-drawer{pointer-events:none;z-index:var(--rvv-z-index);background-color:#0000;transition:background-color .35s;position:fixed;inset:0}.rvv-drawer.open{pointer-events:auto;background-color:#0006}.rvv-drawer.open .rvv-drawer-wrapper{transform:translate(0)}.rvv-drawer-wrapper{--rvv-width:420px;background-color:var(--rvv-color-background);width:var(--rvv-width);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.rvv-drawer-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){.rvv-drawer-wrapper{width:100vw}}dialog.rvv-dialog{border-radius:var(--radius-base);opacity:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity .2s ease,transform .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:0 0;border:none;margin:auto;padding:0;overflow:visible;transform:scale(.96)translateY(10px)}dialog.rvv-dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog.rvv-dialog[open]{opacity:0;transform:scale(.96)translateY(10px)}}dialog.rvv-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:#00000080}dialog.rvv-dialog[open]::backdrop{opacity:1}@starting-style{dialog.rvv-dialog[open]::backdrop{opacity:0}}.rvv-dialog-wrapper{--rvv-width:440px;--rvv-height:600px;background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);height:var(--rvv-height);width:var(--rvv-width);overflow:hidden}.rvv-dialog-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=460px){dialog.rvv-dialog{border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;inset:0}.rvv-dialog-wrapper{border-radius:0;width:100%;height:100dvh}}
@@ -1 +1 @@
1
- @layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:var(--rvv-z-index);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}.rvv-popover{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);opacity:0;transform-origin:100% 100%;max-width:100%;transition:opacity .15s ease,transform .15s ease,display allow-discrete .15s,overlay allow-discrete .15s;z-index:var(--rvv-z-index);display:none;position:fixed;bottom:84px;right:24px;overflow:hidden;transform:translateY(6px)scale(.99)}.rvv-popover.open{opacity:1;display:flex;transform:translateY(0)scale(1)}@starting-style{.rvv-popover.open{opacity:0;transform:translateY(6px)scale(.99)}}.rvv-popover iframe{border:none;width:100%;min-height:100%}.rvv-popover-wrapper{--rvv-width:400px;--rvv-height:600px;height:var(--rvv-height);min-width:360px;min-height:400px;width:var(--rvv-width)}@media (width<=480px){.rvv-popover{bottom:74px;right:16px}}
1
+ @layer tokens{:root{--rvv-z-index:10002;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:calc(var(--rvv-z-index) - 1);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}@media (width<=460px){html.rvv-mobile-open,html.rvv-mobile-open>body{position:static!important;overflow:hidden!important;transform:none!important}}.rvv-popover{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);opacity:0;transform-origin:100% 100%;max-width:100%;transition:opacity .15s ease,transform .15s ease,display allow-discrete .15s,overlay allow-discrete .15s;z-index:var(--rvv-z-index);display:none;position:fixed;bottom:84px;right:24px;overflow:hidden;transform:translateY(6px)scale(.99)}.rvv-popover.open{opacity:1;display:flex;transform:translateY(0)scale(1)}@starting-style{.rvv-popover.open{opacity:0;transform:translateY(6px)scale(.99)}}.rvv-popover iframe{border:none;width:100%;min-height:100%}.rvv-popover-wrapper{--rvv-width:400px;--rvv-height:600px;height:var(--rvv-height);min-width:360px;min-height:400px;width:var(--rvv-width)}@media (width<=460px){.rvv-popover{transform-origin:bottom;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;inset:0}.rvv-popover-wrapper{height:100%;min-height:unset;min-width:unset;width:100%}}
@@ -1 +1 @@
1
- @layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-widget{--rvv-width:100%;--rvv-height:500px;background-color:var(--rvv-color-background);height:var(--rvv-height);width:var(--rvv-width);position:relative;overflow:hidden}.rvv-widget iframe{border:none;width:100%;height:100%;display:block}
1
+ @layer tokens{:root{--rvv-z-index:10002;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-widget{--rvv-width:100%;--rvv-height:500px;background-color:var(--rvv-color-background);height:var(--rvv-height);width:var(--rvv-width);position:relative;overflow:hidden}.rvv-widget iframe{border:none;width:100%;height:100%;display:block}
@@ -1,5 +1,5 @@
1
- var rvv=(function(){var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r},n=e=>e,r=e=>e,i=e=>e,a=e=>e,o=e=>e;function s(e,t={}){let n={};for(let r in e){let i=e[r],a=t[r];if(a!==void 0)n[r]=i.parse?i.parse(a):a;else if(i.default!==void 0)n[r]=i.default;else if(i.required)throw Error(`[embed] Missing required env variable: ${r}`)}return n}var c=e=>e.replace(/\/$/,``),l=s({CHAT_URL:{default:`https://chat.dev.jonna.ai`,parse:c},FORM_URL:{default:`https://app.revvue.ai/survey`,parse:c},CDN_URL:{default:`https://cdn.revvue.ai/v1`,parse:c},EMBED_LOOKUP_URL:{default:`https://pub.dev.jonna.ai/graphql`,parse:c},DEBUG:{default:!1,parse:e=>e===`true`}},{});function u(e){if(e){let t=e.src;if(t.includes(`&refresh`))e.src=t.split(`&refresh#`).join(`#`);else{let n=t.split(`#`);n[0]=`${n[0]}&refresh`,e.src=n.join(`#`)}}}var d={close:`rvv-embed-close`,focus:`rvv-embed-focus`};function f(e){let t=e.app===`chat`?l.CHAT_URL:l.FORM_URL,n=new URLSearchParams({tenant_id:e.tenantId});if(e.app===`chat`){let t=e;n.set(`app_id`,t.appId),n.set(`public_key`,t.publicKey)}return`${t}?${n}`}function p(e){let t=f(e),n=crypto.randomUUID(),r=document.createElement(`iframe`);return r.src=t,r.dataset.testid=`iframe`,r.style.border=`0px`,r.allow=`microphone; camera`,r.id=n,{iframe:r,focus:()=>{r.contentWindow?.postMessage(d.focus,`*`)},refresh:()=>u(r),embedId:n,onMessage:e=>{let t=t=>{t.source===r.contentWindow&&e(t.data)};return window.addEventListener(`message`,t),()=>window.removeEventListener(`message`,t)}}}var m=`
2
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square-icon lucide-message-square"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"/></svg>`,h=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-icon lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`;function g(){let e=document.createElement(`span`);e.classList.add(`rvv-button-icon--open`),e.innerHTML=m;let t=document.createElement(`span`);return t.classList.add(`rvv-button-icon--close`),t.innerHTML=h,{openEl:e,closeEl:t}}function _(e){let t=document.createElement(`button`);t.classList.add(`rvv-button`,`rvv-button--trigger`),t.setAttribute(`type`,`button`),t.dataset.position=e.position??`right`,t.dataset.open=`false`,e.color&&t.style.setProperty(`--rvv-button-color`,e.color),e.textColor&&t.style.setProperty(`--rvv-button-text-color`,e.textColor);let n=document.createElement(`span`);if(n.classList.add(`rvv-button-icon`),n.setAttribute(`aria-hidden`,`true`),e.label){let n=document.createElement(`span`);n.classList.add(`rvv-button-label`),n.textContent=e.label,t.append(n)}if(e.icon)n.innerHTML=e.icon;else if(!e.label){let{openEl:e,closeEl:t}=g();n.append(e,t)}n.childNodes.length>0&&t.append(n);function r(e){t.dataset.open=String(e)}return{el:t,setOpen:r}}function v(){let e=null;function t(){return e!==null}function n(t,n){let r=new AbortController;t.addEventListener(`transitionend`,()=>{e=null,n()},{signal:r.signal,once:!0}),e=()=>{r.abort(),e=null}}function r(){e?.()}return{isClosing:t,scheduleClose:n,cancelPendingClose:r}}var y=e=>b(e)&&x(e),b=e=>!!e.parentNode,x=e=>e.style.display!==`none`,S={open:y,inPage:b,visible:x,browser:()=>typeof document<`u`&&typeof window<`u`};function C(e){let t=new AbortController;return window.addEventListener(`keydown`,e,{signal:t.signal}),t}function w(e){let t=C(n=>{n.key===`Escape`&&(e(),t.abort())})}function T(e=!1){let t=e,n=new Set;return{getState:()=>t,setState(e){if(t!==e){t=e;for(let e of n)e()}},subscribe(e){return n.add(e),()=>{n.delete(e)}}}}var E=e=>typeof e==`string`&&!e.match(/^[0-9]+$/)?e:`${e}px`,D=(e,{width:t,height:n})=>(t&&e.style.setProperty(`--rvv-width`,E(t)),n&&e.style.setProperty(`--rvv-height`,E(n)),e),O=()=>{};function k(){let e=document.createElement(`dialog`);return e.classList.add(`rvv-dialog`),e}function A(){let e=document.createElement(`div`);return e.classList.add(`rvv-dialog-wrapper`),e}function j(e){e.remove()}function M(e,t){let n=T();if(!S.browser())return{toggle:O,open:O,close:O,unmount:O,refresh:O,focus:O,isOpen:n.getState,subscribe:n.subscribe};let{iframe:r,refresh:i,focus:a,onMessage:o}=p(e),s=t??document.body,c=k(),l=A();D(l,{width:e.width,height:e.height}),s.append(c),l.append(r);let{autoOpen:u=!1,autoOpenDelay:f=0,trigger:m=`default`}=e,h=O;if(m===`default`){let{el:t}=_(e);t.classList.add(`rvv-button--trigger-fixed`),t.addEventListener(`click`,()=>g()),document.body.append(t),h=()=>t.remove()}function g(){S.open(l)?x():b()}r.onload=e=>{e?.isTrusted&&(c.showModal(),w(x))};let y=v();function b(){if(S.open(l)){if(y.isClosing()){y.cancelPendingClose(),n.setState(!0);return}return}c.append(l),c.showModal(),n.setState(!0)}function x(){S.open(l)&&(c.close(),y.scheduleClose(c,()=>j(l)),n.setState(!1))}let C=o(e=>{e===d.close&&x()});function E(){h(),j(c),C()}return u&&(f>0?setTimeout(()=>b(),f):b()),{toggle:g,open:b,close:x,unmount:E,refresh:i,focus:a,isOpen:n.getState,subscribe:n.subscribe}}var N=()=>{};function P(){let e=document.createElement(`div`);return e.classList.add(`rvv-drawer`),e}function F(){let e=document.createElement(`div`);return e.classList.add(`rvv-drawer-wrapper`),e}function I(e){e.remove()}function L(e,t){let n=T();if(!S.browser())return{toggle:N,open:N,close:N,unmount:N,refresh:N,focus:N,isOpen:n.getState,subscribe:n.subscribe};let{iframe:r,refresh:i,focus:a,onMessage:o}=p(e),s=t??document.body,c=P(),l=F();D(l,{width:e.width,height:e.height}),s.append(c),l.append(r);let{autoOpen:u=!1,autoOpenDelay:f=0,trigger:m=`default`}=e,h=N;if(m===`default`){let{el:t}=_(e);t.classList.add(`rvv-button--trigger-fixed`),t.addEventListener(`click`,()=>g()),document.body.append(t),h=()=>t.remove()}function g(){S.open(l)?x():b()}r.onload=e=>{e?.isTrusted&&(c.classList.add(`open`),w(x))};let y=v();function b(){if(S.open(l)){if(y.isClosing()){y.cancelPendingClose(),c.classList.add(`open`),n.setState(!0);return}return}c.append(l),n.setState(!0)}function x(){S.open(l)&&(c.classList.remove(`open`),n.setState(!1),y.scheduleClose(c,()=>I(l)))}let C=o(e=>{e===d.close&&x()});function E(){h(),I(c),C()}return u&&(f>0?setTimeout(()=>b(),f):b()),{toggle:g,open:b,close:x,unmount:E,refresh:i,focus:a,isOpen:n.getState,subscribe:n.subscribe}}var R=()=>{};function z(){let e=document.createElement(`div`);return e.classList.add(`rvv-popover`),e}function B(){let e=document.createElement(`div`);return e.classList.add(`rvv-popover-wrapper`),e}function V(e){e.remove()}function H(e,t){let n=T();if(!S.browser())return{toggle:R,close:R,open:R,unmount:R,refresh:R,focus:R,isOpen:n.getState,subscribe:n.subscribe};let{iframe:r,refresh:i,focus:a,onMessage:o}=p(e),s=t??document.body,c=z(),l=B();D(l,{width:e.width,height:e.height}),s.append(c),l.append(r);let{autoOpen:u=!1,autoOpenDelay:f=0,trigger:m=`default`}=e,h=R,g=R;if(m===`default`){let{el:t,setOpen:n}=_(e);t.classList.add(`rvv-button--trigger-fixed`),h=n,t.addEventListener(`click`,()=>y()),document.body.append(t),g=()=>t.remove()}function y(){S.open(l)?C():x()}r.onload=e=>{e?.isTrusted&&(c.classList.add(`open`),w(C))};let b=v();function x(){if(S.open(l)){if(b.isClosing()){b.cancelPendingClose(),c.classList.add(`open`),n.setState(!0);return}return}c.append(l),h(!0),n.setState(!0)}function C(){S.open(l)&&(c.classList.remove(`open`),h(!1),n.setState(!1),b.scheduleClose(c,()=>V(l)))}let E=o(e=>{e===d.close&&C()});function O(){g(),V(c),E()}return u&&(f>0?setTimeout(()=>x(),f):x()),{toggle:y,close:C,open:x,unmount:O,refresh:i,focus:a,isOpen:n.getState,subscribe:n.subscribe}}var U=()=>{};function W(e,t){if(!S.browser())return{unmount:U,refresh:U,focus:U};let{iframe:n,refresh:r,focus:i}=p(e),a=t??document.body,o=document.createElement(`div`);o.classList.add(`rvv-widget`),a.append(o),D(o,{width:e.width,height:e.height}),o.append(n);function s(){n.remove()}return{unmount:s,refresh:r,focus:i}}var G=t({createDialog:()=>M,createDrawer:()=>L,createPopover:()=>H,createWidget:()=>W}),K=new class extends String{__apiType;__variablesType;constructor(e){super(e),this.value=e}toString(){return this.value}}(`
1
+ var rvv=(function(){var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r},n=e=>e,r=e=>e,i=e=>e,a=e=>e,o=e=>e;function s(e,t={}){let n={};for(let r in e){let i=e[r],a=t[r];if(a!==void 0)n[r]=i.parse?i.parse(a):a;else if(i.default!==void 0)n[r]=i.default;else if(i.required)throw Error(`[embed] Missing required env variable: ${r}`)}return n}var c=e=>e.replace(/\/$/,``),l=s({CHAT_URL:{default:`https://chat.dev.jonna.ai`,parse:c},FORM_URL:{default:`https://app.revvue.ai/survey`,parse:c},CDN_URL:{default:`https://cdn.revvue.ai/v1`,parse:c},EMBED_LOOKUP_URL:{default:`https://pub.dev.jonna.ai/graphql`,parse:c},DEBUG:{default:!1,parse:e=>e===`true`}},{});function u(){return Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15)}function d(e){if(e){let t=e.src;if(t.includes(`&refresh`))e.src=t.split(`&refresh#`).join(`#`);else{let n=t.split(`#`);n[0]=`${n[0]}&refresh`,e.src=n.join(`#`)}}}var f={close:`rvv-embed-close`,focus:`rvv-embed-focus`};function p(e){let t=e.app===`chat`?l.CHAT_URL:l.FORM_URL,n=new URLSearchParams({tenant_id:e.tenantId,embed_type:e.type});if(e.app===`chat`){let t=e;n.set(`app_id`,t.appId),n.set(`public_key`,t.publicKey)}return`${t}?${n}`}function m(e){let t=p(e),n=u(),r=document.createElement(`iframe`);return r.src=t,r.dataset.testid=`iframe`,r.style.border=`0px`,r.allow=`microphone; camera`,r.id=n,{iframe:r,focus:()=>{r.contentWindow?.postMessage(f.focus,`*`)},refresh:()=>d(r),embedId:n,onMessage:e=>{let t=t=>{t.source===r.contentWindow&&e(t.data)};return window.addEventListener(`message`,t),()=>window.removeEventListener(`message`,t)}}}var h=`
2
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square-icon lucide-message-square"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"/></svg>`,g=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-icon lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`;function _(){let e=document.createElement(`span`);e.classList.add(`rvv-button-icon--open`),e.innerHTML=h;let t=document.createElement(`span`);return t.classList.add(`rvv-button-icon--close`),t.innerHTML=g,{openEl:e,closeEl:t}}function v(e){let t=document.createElement(`button`);t.classList.add(`rvv-button`,`rvv-button--trigger`),t.setAttribute(`type`,`button`),t.dataset.position=e.position??`right`,t.dataset.open=`false`,e.color&&t.style.setProperty(`--rvv-button-color`,e.color),e.textColor&&t.style.setProperty(`--rvv-button-text-color`,e.textColor);let n=document.createElement(`span`);if(n.classList.add(`rvv-button-icon`),n.setAttribute(`aria-hidden`,`true`),e.label){let n=document.createElement(`span`);n.classList.add(`rvv-button-label`),n.textContent=e.label,t.append(n)}if(e.icon)n.innerHTML=e.icon;else if(!e.label){let{openEl:e,closeEl:t}=_();n.append(e,t)}n.childNodes.length>0&&t.append(n);function r(e){t.dataset.open=String(e)}return{el:t,setOpen:r}}function y(){let e=null;function t(){return e!==null}function n(t,n){let r=new AbortController;t.addEventListener(`transitionend`,()=>{e=null,n()},{signal:r.signal,once:!0}),e=()=>{r.abort(),e=null}}function r(){e?.()}return{isClosing:t,scheduleClose:n,cancelPendingClose:r}}var b=e=>x(e)&&S(e),x=e=>!!e.parentNode,S=e=>e.style.display!==`none`,C={open:b,inPage:x,visible:S,browser:()=>typeof document<`u`&&typeof window<`u`};function w(e){let t=new AbortController;return window.addEventListener(`keydown`,e,{signal:t.signal}),t}function T(e){let t=w(n=>{n.key===`Escape`&&(e(),t.abort())})}var E=`rvv-mobile-open`;function D(){return window.matchMedia(`(max-width: 460px)`).matches}var O={lock(){D()&&document.documentElement.classList.add(E)},unlock(){document.documentElement.classList.remove(E)}};function k(e=!1){let t=e,n=new Set;return{getState:()=>t,setState(e){if(t!==e){t=e;for(let e of n)e()}},subscribe(e){return n.add(e),()=>{n.delete(e)}}}}var A=e=>typeof e==`string`&&!e.match(/^[0-9]+$/)?e:`${e}px`,j=(e,{width:t,height:n})=>(t&&e.style.setProperty(`--rvv-width`,A(t)),n&&e.style.setProperty(`--rvv-height`,A(n)),e),M=()=>{};function N(){let e=document.createElement(`dialog`);return e.classList.add(`rvv-dialog`),e}function P(){let e=document.createElement(`div`);return e.classList.add(`rvv-dialog-wrapper`),e}function F(e){e.remove()}function I(e,t){let n=k();if(!C.browser())return{toggle:M,open:M,close:M,unmount:M,refresh:M,focus:M,isOpen:n.getState,subscribe:n.subscribe};let{iframe:r,refresh:i,focus:a,onMessage:o}=m(e),s=t??document.body,c=N(),l=P();j(l,{width:e.width,height:e.height}),s.append(c),l.append(r);let{autoOpen:u=!1,autoOpenDelay:d=0,trigger:p=`default`}=e,h=M;if(p===`default`){let{el:t}=v(e);t.classList.add(`rvv-button--trigger-fixed`),t.addEventListener(`click`,()=>g()),document.body.append(t),h=()=>t.remove()}function g(){C.open(l)?x():b()}r.onload=e=>{e?.isTrusted&&(c.showModal(),T(x))};let _=y();function b(){if(C.open(l)){if(_.isClosing()){_.cancelPendingClose(),O.lock(),n.setState(!0);return}return}c.append(l),c.showModal(),O.lock(),n.setState(!0)}function x(){C.open(l)&&(c.close(),O.unlock(),_.scheduleClose(c,()=>F(l)),n.setState(!1))}let S=o(e=>{e===f.close&&x()});function w(){h(),F(c),O.unlock(),S()}return u&&(d>0?setTimeout(()=>b(),d):b()),{toggle:g,open:b,close:x,unmount:w,refresh:i,focus:a,isOpen:n.getState,subscribe:n.subscribe}}var L=()=>{};function R(){let e=document.createElement(`div`);return e.classList.add(`rvv-drawer`),e}function z(){let e=document.createElement(`div`);return e.classList.add(`rvv-drawer-wrapper`),e}function B(e){e.remove()}function V(e,t){let n=k();if(!C.browser())return{toggle:L,open:L,close:L,unmount:L,refresh:L,focus:L,isOpen:n.getState,subscribe:n.subscribe};let{iframe:r,refresh:i,focus:a,onMessage:o}=m(e),s=t??document.body,c=R(),l=z();j(l,{width:e.width,height:e.height}),s.append(c),l.append(r);let{autoOpen:u=!1,autoOpenDelay:d=0,trigger:p=`default`}=e,h=L;if(p===`default`){let{el:t}=v(e);t.classList.add(`rvv-button--trigger-fixed`),t.addEventListener(`click`,()=>g()),document.body.append(t),h=()=>t.remove()}function g(){C.open(l)?x():b()}r.onload=e=>{e?.isTrusted&&(c.classList.add(`open`),T(x))};let _=y();function b(){if(C.open(l)){if(_.isClosing()){_.cancelPendingClose(),c.classList.add(`open`),O.lock(),n.setState(!0);return}return}c.append(l),O.lock(),n.setState(!0)}function x(){C.open(l)&&(c.classList.remove(`open`),O.unlock(),n.setState(!1),_.scheduleClose(c,()=>B(l)))}let S=o(e=>{e===f.close&&x()});function w(){h(),B(c),O.unlock(),S()}return u&&(d>0?setTimeout(()=>b(),d):b()),{toggle:g,open:b,close:x,unmount:w,refresh:i,focus:a,isOpen:n.getState,subscribe:n.subscribe}}var H=()=>{};function ee(){let e=document.createElement(`div`);return e.classList.add(`rvv-popover`),e}function te(){let e=document.createElement(`div`);return e.classList.add(`rvv-popover-wrapper`),e}function U(e){e.remove()}function W(e,t){let n=k();if(!C.browser())return{toggle:H,close:H,open:H,unmount:H,refresh:H,focus:H,isOpen:n.getState,subscribe:n.subscribe};let{iframe:r,refresh:i,focus:a,onMessage:o}=m(e),s=t??document.body,c=ee(),l=te();j(l,{width:e.width,height:e.height}),s.append(c),l.append(r);let{autoOpen:u=!1,autoOpenDelay:d=0,trigger:p=`default`}=e,h=H,g=H;if(p===`default`){let{el:t,setOpen:n}=v(e);t.classList.add(`rvv-button--trigger-fixed`),h=n,t.addEventListener(`click`,()=>_()),document.body.append(t),g=()=>t.remove()}function _(){C.open(l)?S():x()}r.onload=e=>{e?.isTrusted&&(c.classList.add(`open`),T(S))};let b=y();function x(){if(C.open(l)){if(b.isClosing()){b.cancelPendingClose(),c.classList.add(`open`),O.lock(),n.setState(!0);return}return}c.append(l),O.lock(),h(!0),n.setState(!0)}function S(){C.open(l)&&(c.classList.remove(`open`),O.unlock(),h(!1),n.setState(!1),b.scheduleClose(c,()=>U(l)))}let w=o(e=>{e===f.close&&S()});function E(){g(),U(c),O.unlock(),w()}return u&&(d>0?setTimeout(()=>x(),d):x()),{toggle:_,close:S,open:x,unmount:E,refresh:i,focus:a,isOpen:n.getState,subscribe:n.subscribe}}var G=()=>{};function K(e,t){if(!C.browser())return{unmount:G,refresh:G,focus:G};let{iframe:n,refresh:r,focus:i}=m(e),a=t??document.body,o=document.createElement(`div`);o.classList.add(`rvv-widget`),a.append(o),j(o,{width:e.width,height:e.height}),o.append(n);function s(){n.remove()}return{unmount:s,refresh:r,focus:i}}var q=t({createDialog:()=>I,createDrawer:()=>V,createPopover:()=>W,createWidget:()=>K}),J=new class extends String{__apiType;__variablesType;constructor(e){super(e),this.value=e}toString(){return this.value}}(`
3
3
  query EmbedAppConfig($shortId: String!) {
4
4
  embedAppConfig(shortId: $shortId) {
5
5
  appId
@@ -16,4 +16,4 @@ var rvv=(function(){var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in
16
16
  width
17
17
  }
18
18
  }
19
- `);function q(e){return{EmbedAppConfig(t,n){return e(K,t,n)}}}var J=q(async(e,t)=>{let n=await fetch(l.EMBED_LOOKUP_URL,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({query:String(e),variables:t})});if(!n.ok)throw Error(`[rvv] GraphQL request failed: ${n.status} ${n.statusText}`);let r=await n.json();if(r?.errors?.length)throw Error(`[rvv] GraphQL error: ${r.errors[0]?.message??`Unknown error`}`);return r.data});function Y(e){let t=e.type,i=e.embedType,s={...e.width!=null&&{width:e.width},...e.height!=null&&{height:e.height}};if(t===`chat`){if(!e.appId)throw Error(`[rvv] Embed "${e.shortId}" has app "chat" but no appId`);if(!e.publicKey)throw Error(`[rvv] Embed "${e.shortId}" has app "chat" but no publicKey`);return{app:`chat`,type:i,tenantId:n(e.tenantId),appId:a(e.appId),publicKey:o(e.publicKey),...s}}if(t===`form`){if(!e.formId)throw Error(`[rvv] Embed "${e.shortId}" has app "form" but no formId`);return{app:`form`,type:i,tenantId:n(e.tenantId),formId:r(e.formId),...s}}throw Error(`[rvv] Unknown embed app "${e.type}"`)}async function X(e){let t=await J.EmbedAppConfig({shortId:e});if(!t.embedAppConfig)throw Error(`[rvv] Failed to resolve embed "${e}": not found`);return Y(t.embedAppConfig)}async function Z(e,t){let n=await X(i(e));switch(n.type){case`widget`:return W(n,t);case`popover`:return H(n,t);case`drawer`:return L(n,t);case`dialog`:return M(n,t)}}var Q={widget:`widget.css`,popover:`popover.css`,drawer:`drawer.css`,dialog:`dialog.css`},ee=e=>`${l.CDN_URL}/css/${Q[e]}`,te=e=>{let t=ee(e);if(!document.querySelector(`link[href="${t}"]`)){let e=document.createElement(`link`);e.rel=`stylesheet`,e.href=t,document.head.append(e)}},ne={popover:H,widget:W,drawer:L,dialog:M};async function re(e){if(e.dataset.rvvLoaded===`true`||e.dataset.rvvLoading===`true`)return;let t=e.getAttribute(`data-rvv-embed`);if(!t)throw Error(`[rvv] Missing id on data-rvv-embed`);e.dataset.rvvLoading=`true`;try{let n=await X(i(t));if(!n.type)throw Error(`[rvv] Missing type on embed options`);te(n.type),ne[n.type](n,e),e.dataset.rvvLoaded=`true`}finally{delete e.dataset.rvvLoading}}async function ie(e=document){let t=Array.from(e.querySelectorAll(`[data-rvv-embed]`));await Promise.all(t.map(re))}function $(){ie()}return document.addEventListener(`DOMContentLoaded`,$,!1),(document.readyState===`interactive`||document.readyState===`complete`)&&$(),{...G,createEmbed:Z,load:$}})();
19
+ `);function Y(e){return{EmbedAppConfig(t,n){return e(J,t,n)}}}var X=Y(async(e,t)=>{let n=await fetch(l.EMBED_LOOKUP_URL,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({query:String(e),variables:t})});if(!n.ok)throw Error(`[rvv] GraphQL request failed: ${n.status} ${n.statusText}`);let r=await n.json();if(r?.errors?.length)throw Error(`[rvv] GraphQL error: ${r.errors[0]?.message??`Unknown error`}`);return r.data});function Z(e){let t=e.type,i=e.embedType,s={...e.width!=null&&{width:e.width},...e.height!=null&&{height:e.height}};if(t===`chat`){if(!e.appId)throw Error(`[rvv] Embed "${e.shortId}" has app "chat" but no appId`);if(!e.publicKey)throw Error(`[rvv] Embed "${e.shortId}" has app "chat" but no publicKey`);return{app:`chat`,type:i,tenantId:n(e.tenantId),appId:a(e.appId),publicKey:o(e.publicKey),...s}}if(t===`form`){if(!e.formId)throw Error(`[rvv] Embed "${e.shortId}" has app "form" but no formId`);return{app:`form`,type:i,tenantId:n(e.tenantId),formId:r(e.formId),...s}}throw Error(`[rvv] Unknown embed app "${e.type}"`)}async function Q(e){let t=await X.EmbedAppConfig({shortId:e});if(!t.embedAppConfig)throw Error(`[rvv] Failed to resolve embed "${e}": not found`);return Z(t.embedAppConfig)}async function ne(e,t){let n=await Q(i(e));switch(n.type){case`widget`:return K(n,t);case`popover`:return W(n,t);case`drawer`:return V(n,t);case`dialog`:return I(n,t)}}var re={widget:`widget.css`,popover:`popover.css`,drawer:`drawer.css`,dialog:`dialog.css`},ie=e=>`${l.CDN_URL}/css/${re[e]}`,ae=e=>{let t=ie(e);if(!document.querySelector(`link[href="${t}"]`)){let e=document.createElement(`link`);e.rel=`stylesheet`,e.href=t,document.head.append(e)}},oe={popover:W,widget:K,drawer:V,dialog:I};async function se(e){if(e.dataset.rvvLoaded===`true`||e.dataset.rvvLoading===`true`)return;let t=e.getAttribute(`data-rvv-embed`);if(!t)throw Error(`[rvv] Missing id on data-rvv-embed`);e.dataset.rvvLoading=`true`;try{let n=await Q(i(t));if(!n.type)throw Error(`[rvv] Missing type on embed options`);ae(n.type),oe[n.type](n,e),e.dataset.rvvLoaded=`true`}finally{delete e.dataset.rvvLoading}}async function ce(e=document){let t=Array.from(e.querySelectorAll(`[data-rvv-embed]`));await Promise.all(t.map(se))}function $(){ce()}return document.addEventListener(`DOMContentLoaded`,$,!1),(document.readyState===`interactive`||document.readyState===`complete`)&&$(),{...q,createEmbed:ne,load:$}})();
@@ -1 +1 @@
1
- @layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:var(--rvv-z-index);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}dialog.rvv-dialog{border-radius:var(--radius-base);opacity:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity .2s ease,transform .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:0 0;border:none;margin:auto;padding:0;overflow:visible;transform:scale(.96)translateY(10px)}dialog.rvv-dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog.rvv-dialog[open]{opacity:0;transform:scale(.96)translateY(10px)}}dialog.rvv-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:#00000080}dialog.rvv-dialog[open]::backdrop{opacity:1}@starting-style{dialog.rvv-dialog[open]::backdrop{opacity:0}}.rvv-dialog-wrapper{--rvv-width:440px;--rvv-height:600px;background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);height:var(--rvv-height);width:var(--rvv-width);overflow:hidden}.rvv-dialog-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){dialog.rvv-dialog{border-radius:0;max-width:100vw;max-height:100dvh;margin:0}.rvv-dialog-wrapper{border-radius:0;width:100vw;height:100dvh}}
1
+ @layer tokens{:root{--rvv-z-index:10002;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:calc(var(--rvv-z-index) - 1);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}@media (width<=460px){html.rvv-mobile-open,html.rvv-mobile-open>body{position:static!important;overflow:hidden!important;transform:none!important}}dialog.rvv-dialog{border-radius:var(--radius-base);opacity:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity .2s ease,transform .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:0 0;border:none;margin:auto;padding:0;overflow:visible;transform:scale(.96)translateY(10px)}dialog.rvv-dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog.rvv-dialog[open]{opacity:0;transform:scale(.96)translateY(10px)}}dialog.rvv-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:#00000080}dialog.rvv-dialog[open]::backdrop{opacity:1}@starting-style{dialog.rvv-dialog[open]::backdrop{opacity:0}}.rvv-dialog-wrapper{--rvv-width:440px;--rvv-height:600px;background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);height:var(--rvv-height);width:var(--rvv-width);overflow:hidden}.rvv-dialog-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=460px){dialog.rvv-dialog{border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;inset:0}.rvv-dialog-wrapper{border-radius:0;width:100%;height:100dvh}}
@@ -1 +1 @@
1
- @layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:var(--rvv-z-index);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}.rvv-drawer{pointer-events:none;z-index:calc(var(--rvv-z-index) + 1);background-color:#0000;transition:background-color .35s;position:fixed;inset:0}.rvv-drawer.open{pointer-events:auto;background-color:#0006}.rvv-drawer.open .rvv-drawer-wrapper{transform:translate(0)}.rvv-drawer-wrapper{--rvv-width:420px;background-color:var(--rvv-color-background);width:var(--rvv-width);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.rvv-drawer-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){.rvv-drawer-wrapper{width:100vw}}
1
+ @layer tokens{:root{--rvv-z-index:10002;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:calc(var(--rvv-z-index) - 1);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}@media (width<=460px){html.rvv-mobile-open,html.rvv-mobile-open>body{position:static!important;overflow:hidden!important;transform:none!important}}.rvv-drawer{pointer-events:none;z-index:var(--rvv-z-index);background-color:#0000;transition:background-color .35s;position:fixed;inset:0}.rvv-drawer.open{pointer-events:auto;background-color:#0006}.rvv-drawer.open .rvv-drawer-wrapper{transform:translate(0)}.rvv-drawer-wrapper{--rvv-width:420px;background-color:var(--rvv-color-background);width:var(--rvv-width);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.rvv-drawer-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){.rvv-drawer-wrapper{width:100vw}}
@@ -1 +1 @@
1
- @layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-widget{--rvv-width:100%;--rvv-height:500px;background-color:var(--rvv-color-background);height:var(--rvv-height);width:var(--rvv-width);position:relative;overflow:hidden}.rvv-widget iframe{border:none;width:100%;height:100%;display:block}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:var(--rvv-z-index);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}.rvv-popover{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);opacity:0;transform-origin:100% 100%;max-width:100%;transition:opacity .15s ease,transform .15s ease,display allow-discrete .15s,overlay allow-discrete .15s;z-index:var(--rvv-z-index);display:none;position:fixed;bottom:84px;right:24px;overflow:hidden;transform:translateY(6px)scale(.99)}.rvv-popover.open{opacity:1;display:flex;transform:translateY(0)scale(1)}@starting-style{.rvv-popover.open{opacity:0;transform:translateY(6px)scale(.99)}}.rvv-popover iframe{border:none;width:100%;min-height:100%}.rvv-popover-wrapper{--rvv-width:400px;--rvv-height:600px;height:var(--rvv-height);min-width:360px;min-height:400px;width:var(--rvv-width)}@media (width<=480px){.rvv-popover{bottom:74px;right:16px}}.rvv-drawer{pointer-events:none;z-index:calc(var(--rvv-z-index) + 1);background-color:#0000;transition:background-color .35s;position:fixed;inset:0}.rvv-drawer.open{pointer-events:auto;background-color:#0006}.rvv-drawer.open .rvv-drawer-wrapper{transform:translate(0)}.rvv-drawer-wrapper{--rvv-width:420px;background-color:var(--rvv-color-background);width:var(--rvv-width);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.rvv-drawer-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){.rvv-drawer-wrapper{width:100vw}}dialog.rvv-dialog{border-radius:var(--radius-base);opacity:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity .2s ease,transform .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:0 0;border:none;margin:auto;padding:0;overflow:visible;transform:scale(.96)translateY(10px)}dialog.rvv-dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog.rvv-dialog[open]{opacity:0;transform:scale(.96)translateY(10px)}}dialog.rvv-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:#00000080}dialog.rvv-dialog[open]::backdrop{opacity:1}@starting-style{dialog.rvv-dialog[open]::backdrop{opacity:0}}.rvv-dialog-wrapper{--rvv-width:440px;--rvv-height:600px;background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);height:var(--rvv-height);width:var(--rvv-width);overflow:hidden}.rvv-dialog-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){dialog.rvv-dialog{border-radius:0;max-width:100vw;max-height:100dvh;margin:0}.rvv-dialog-wrapper{border-radius:0;width:100vw;height:100dvh}}
1
+ @layer tokens{:root{--rvv-z-index:10002;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-widget{--rvv-width:100%;--rvv-height:500px;background-color:var(--rvv-color-background);height:var(--rvv-height);width:var(--rvv-width);position:relative;overflow:hidden}.rvv-widget iframe{border:none;width:100%;height:100%;display:block}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:calc(var(--rvv-z-index) - 1);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}@media (width<=460px){html.rvv-mobile-open,html.rvv-mobile-open>body{position:static!important;overflow:hidden!important;transform:none!important}}.rvv-popover{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);opacity:0;transform-origin:100% 100%;max-width:100%;transition:opacity .15s ease,transform .15s ease,display allow-discrete .15s,overlay allow-discrete .15s;z-index:var(--rvv-z-index);display:none;position:fixed;bottom:84px;right:24px;overflow:hidden;transform:translateY(6px)scale(.99)}.rvv-popover.open{opacity:1;display:flex;transform:translateY(0)scale(1)}@starting-style{.rvv-popover.open{opacity:0;transform:translateY(6px)scale(.99)}}.rvv-popover iframe{border:none;width:100%;min-height:100%}.rvv-popover-wrapper{--rvv-width:400px;--rvv-height:600px;height:var(--rvv-height);min-width:360px;min-height:400px;width:var(--rvv-width)}@media (width<=460px){.rvv-popover{transform-origin:bottom;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;inset:0}.rvv-popover-wrapper{height:100%;min-height:unset;min-width:unset;width:100%}}.rvv-drawer{pointer-events:none;z-index:var(--rvv-z-index);background-color:#0000;transition:background-color .35s;position:fixed;inset:0}.rvv-drawer.open{pointer-events:auto;background-color:#0006}.rvv-drawer.open .rvv-drawer-wrapper{transform:translate(0)}.rvv-drawer-wrapper{--rvv-width:420px;background-color:var(--rvv-color-background);width:var(--rvv-width);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.rvv-drawer-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){.rvv-drawer-wrapper{width:100vw}}dialog.rvv-dialog{border-radius:var(--radius-base);opacity:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity .2s ease,transform .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:0 0;border:none;margin:auto;padding:0;overflow:visible;transform:scale(.96)translateY(10px)}dialog.rvv-dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog.rvv-dialog[open]{opacity:0;transform:scale(.96)translateY(10px)}}dialog.rvv-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:#00000080}dialog.rvv-dialog[open]::backdrop{opacity:1}@starting-style{dialog.rvv-dialog[open]::backdrop{opacity:0}}.rvv-dialog-wrapper{--rvv-width:440px;--rvv-height:600px;background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);height:var(--rvv-height);width:var(--rvv-width);overflow:hidden}.rvv-dialog-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=460px){dialog.rvv-dialog{border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;inset:0}.rvv-dialog-wrapper{border-radius:0;width:100%;height:100dvh}}
@@ -1 +1 @@
1
- @layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:var(--rvv-z-index);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}.rvv-popover{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);opacity:0;transform-origin:100% 100%;max-width:100%;transition:opacity .15s ease,transform .15s ease,display allow-discrete .15s,overlay allow-discrete .15s;z-index:var(--rvv-z-index);display:none;position:fixed;bottom:84px;right:24px;overflow:hidden;transform:translateY(6px)scale(.99)}.rvv-popover.open{opacity:1;display:flex;transform:translateY(0)scale(1)}@starting-style{.rvv-popover.open{opacity:0;transform:translateY(6px)scale(.99)}}.rvv-popover iframe{border:none;width:100%;min-height:100%}.rvv-popover-wrapper{--rvv-width:400px;--rvv-height:600px;height:var(--rvv-height);min-width:360px;min-height:400px;width:var(--rvv-width)}@media (width<=480px){.rvv-popover{bottom:74px;right:16px}}
1
+ @layer tokens{:root{--rvv-z-index:10002;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{background-color:var(--rvv-button-color);color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-fixed{z-index:calc(var(--rvv-z-index) - 1);position:fixed;bottom:24px}.rvv-button--trigger-fixed[data-position=right]{right:24px}.rvv-button--trigger-fixed[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-fixed{bottom:16px}.rvv-button--trigger-fixed[data-position=right]{right:16px}.rvv-button--trigger-fixed[data-position=left]{left:16px}}@media (width<=460px){html.rvv-mobile-open,html.rvv-mobile-open>body{position:static!important;overflow:hidden!important;transform:none!important}}.rvv-popover{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);opacity:0;transform-origin:100% 100%;max-width:100%;transition:opacity .15s ease,transform .15s ease,display allow-discrete .15s,overlay allow-discrete .15s;z-index:var(--rvv-z-index);display:none;position:fixed;bottom:84px;right:24px;overflow:hidden;transform:translateY(6px)scale(.99)}.rvv-popover.open{opacity:1;display:flex;transform:translateY(0)scale(1)}@starting-style{.rvv-popover.open{opacity:0;transform:translateY(6px)scale(.99)}}.rvv-popover iframe{border:none;width:100%;min-height:100%}.rvv-popover-wrapper{--rvv-width:400px;--rvv-height:600px;height:var(--rvv-height);min-width:360px;min-height:400px;width:var(--rvv-width)}@media (width<=460px){.rvv-popover{transform-origin:bottom;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;inset:0}.rvv-popover-wrapper{height:100%;min-height:unset;min-width:unset;width:100%}}
@@ -1 +1 @@
1
- @layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-widget{--rvv-width:100%;--rvv-height:500px;background-color:var(--rvv-color-background);height:var(--rvv-height);width:var(--rvv-width);position:relative;overflow:hidden}.rvv-widget iframe{border:none;width:100%;height:100%;display:block}
1
+ @layer tokens{:root{--rvv-z-index:10002;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0000004d;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-widget{--rvv-width:100%;--rvv-height:500px;background-color:var(--rvv-color-background);height:var(--rvv-height);width:var(--rvv-width);position:relative;overflow:hidden}.rvv-widget iframe{border:none;width:100%;height:100%;display:block}
@@ -44,6 +44,11 @@ var env = createEnv({
44
44
  }
45
45
  }, {});
46
46
  //#endregion
47
+ //#region src/utils/generate-id.ts
48
+ function generateId() {
49
+ return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
50
+ }
51
+ //#endregion
47
52
  //#region src/utils/refresh-iframe.ts
48
53
  function refreshIframe(iframe) {
49
54
  if (iframe) {
@@ -66,7 +71,10 @@ var IFRAME_MESSAGES = {
66
71
  //#region src/core/create-iframe.ts
67
72
  function getIframeSrc(options) {
68
73
  const base = options.app === "chat" ? env.CHAT_URL : env.FORM_URL;
69
- const params = new URLSearchParams({ tenant_id: options.tenantId });
74
+ const params = new URLSearchParams({
75
+ tenant_id: options.tenantId,
76
+ embed_type: options.type
77
+ });
70
78
  if (options.app === "chat") {
71
79
  const chat = options;
72
80
  params.set("app_id", chat.appId);
@@ -76,7 +84,7 @@ function getIframeSrc(options) {
76
84
  }
77
85
  function createIframe(options) {
78
86
  const src = getIframeSrc(options);
79
- const embedId = crypto.randomUUID();
87
+ const embedId = generateId();
80
88
  const iframe = document.createElement("iframe");
81
89
  iframe.src = src;
82
90
  iframe.dataset.testid = "iframe";
@@ -215,6 +223,20 @@ function onEscape(callback) {
215
223
  });
216
224
  }
217
225
  //#endregion
226
+ //#region src/utils/mobile-scroll-lock.ts
227
+ var MOBILE_CLASS = "rvv-mobile-open";
228
+ function isMobile() {
229
+ return window.matchMedia(`(max-width: 460px)`).matches;
230
+ }
231
+ var mobileScroll = {
232
+ lock() {
233
+ if (isMobile()) document.documentElement.classList.add(MOBILE_CLASS);
234
+ },
235
+ unlock() {
236
+ document.documentElement.classList.remove(MOBILE_CLASS);
237
+ }
238
+ };
239
+ //#endregion
218
240
  //#region src/utils/open-state-store/open-state-store.ts
219
241
  function createOpenStateStore(initial = false) {
220
242
  let state = initial;
@@ -306,6 +328,7 @@ function createDialog(options, element) {
306
328
  if (is.open(wrapper)) {
307
329
  if (guard.isClosing()) {
308
330
  guard.cancelPendingClose();
331
+ mobileScroll.lock();
309
332
  store.setState(true);
310
333
  return;
311
334
  }
@@ -313,11 +336,13 @@ function createDialog(options, element) {
313
336
  }
314
337
  dialog.append(wrapper);
315
338
  dialog.showModal();
339
+ mobileScroll.lock();
316
340
  store.setState(true);
317
341
  }
318
342
  function close() {
319
343
  if (!is.open(wrapper)) return;
320
344
  dialog.close();
345
+ mobileScroll.unlock();
321
346
  guard.scheduleClose(dialog, () => unmountElement$2(wrapper));
322
347
  store.setState(false);
323
348
  }
@@ -327,6 +352,7 @@ function createDialog(options, element) {
327
352
  function unmount() {
328
353
  unmountButton();
329
354
  unmountElement$2(dialog);
355
+ mobileScroll.unlock();
330
356
  removeOnMessageHandler();
331
357
  }
332
358
  if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
@@ -404,17 +430,20 @@ function createDrawer(options, element) {
404
430
  if (guard.isClosing()) {
405
431
  guard.cancelPendingClose();
406
432
  drawer.classList.add("open");
433
+ mobileScroll.lock();
407
434
  store.setState(true);
408
435
  return;
409
436
  }
410
437
  return;
411
438
  }
412
439
  drawer.append(wrapper);
440
+ mobileScroll.lock();
413
441
  store.setState(true);
414
442
  }
415
443
  function close() {
416
444
  if (!is.open(wrapper)) return;
417
445
  drawer.classList.remove("open");
446
+ mobileScroll.unlock();
418
447
  store.setState(false);
419
448
  guard.scheduleClose(drawer, () => unmountElement$1(wrapper));
420
449
  }
@@ -424,6 +453,7 @@ function createDrawer(options, element) {
424
453
  function unmount() {
425
454
  unmountButton();
426
455
  unmountElement$1(drawer);
456
+ mobileScroll.unlock();
427
457
  removeOnMessageHandler();
428
458
  }
429
459
  if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
@@ -503,18 +533,21 @@ function createPopover(options, element) {
503
533
  if (guard.isClosing()) {
504
534
  guard.cancelPendingClose();
505
535
  popover.classList.add("open");
536
+ mobileScroll.lock();
506
537
  store.setState(true);
507
538
  return;
508
539
  }
509
540
  return;
510
541
  }
511
542
  popover.append(wrapper);
543
+ mobileScroll.lock();
512
544
  setButtonOpen(true);
513
545
  store.setState(true);
514
546
  }
515
547
  function close() {
516
548
  if (!is.open(wrapper)) return;
517
549
  popover.classList.remove("open");
550
+ mobileScroll.unlock();
518
551
  setButtonOpen(false);
519
552
  store.setState(false);
520
553
  guard.scheduleClose(popover, () => unmountElement(wrapper));
@@ -525,6 +558,7 @@ function createPopover(options, element) {
525
558
  function unmount() {
526
559
  unmountButton();
527
560
  unmountElement(popover);
561
+ mobileScroll.unlock();
528
562
  removeOnMessageHandler();
529
563
  }
530
564
  if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
@@ -43,6 +43,11 @@ var env = createEnv({
43
43
  }
44
44
  }, {});
45
45
  //#endregion
46
+ //#region src/utils/generate-id.ts
47
+ function generateId() {
48
+ return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
49
+ }
50
+ //#endregion
46
51
  //#region src/utils/refresh-iframe.ts
47
52
  function refreshIframe(iframe) {
48
53
  if (iframe) {
@@ -65,7 +70,10 @@ var IFRAME_MESSAGES = {
65
70
  //#region src/core/create-iframe.ts
66
71
  function getIframeSrc(options) {
67
72
  const base = options.app === "chat" ? env.CHAT_URL : env.FORM_URL;
68
- const params = new URLSearchParams({ tenant_id: options.tenantId });
73
+ const params = new URLSearchParams({
74
+ tenant_id: options.tenantId,
75
+ embed_type: options.type
76
+ });
69
77
  if (options.app === "chat") {
70
78
  const chat = options;
71
79
  params.set("app_id", chat.appId);
@@ -75,7 +83,7 @@ function getIframeSrc(options) {
75
83
  }
76
84
  function createIframe(options) {
77
85
  const src = getIframeSrc(options);
78
- const embedId = crypto.randomUUID();
86
+ const embedId = generateId();
79
87
  const iframe = document.createElement("iframe");
80
88
  iframe.src = src;
81
89
  iframe.dataset.testid = "iframe";
@@ -214,6 +222,20 @@ function onEscape(callback) {
214
222
  });
215
223
  }
216
224
  //#endregion
225
+ //#region src/utils/mobile-scroll-lock.ts
226
+ var MOBILE_CLASS = "rvv-mobile-open";
227
+ function isMobile() {
228
+ return window.matchMedia(`(max-width: 460px)`).matches;
229
+ }
230
+ var mobileScroll = {
231
+ lock() {
232
+ if (isMobile()) document.documentElement.classList.add(MOBILE_CLASS);
233
+ },
234
+ unlock() {
235
+ document.documentElement.classList.remove(MOBILE_CLASS);
236
+ }
237
+ };
238
+ //#endregion
217
239
  //#region src/utils/open-state-store/open-state-store.ts
218
240
  function createOpenStateStore(initial = false) {
219
241
  let state = initial;
@@ -305,6 +327,7 @@ function createDialog(options, element) {
305
327
  if (is.open(wrapper)) {
306
328
  if (guard.isClosing()) {
307
329
  guard.cancelPendingClose();
330
+ mobileScroll.lock();
308
331
  store.setState(true);
309
332
  return;
310
333
  }
@@ -312,11 +335,13 @@ function createDialog(options, element) {
312
335
  }
313
336
  dialog.append(wrapper);
314
337
  dialog.showModal();
338
+ mobileScroll.lock();
315
339
  store.setState(true);
316
340
  }
317
341
  function close() {
318
342
  if (!is.open(wrapper)) return;
319
343
  dialog.close();
344
+ mobileScroll.unlock();
320
345
  guard.scheduleClose(dialog, () => unmountElement$2(wrapper));
321
346
  store.setState(false);
322
347
  }
@@ -326,6 +351,7 @@ function createDialog(options, element) {
326
351
  function unmount() {
327
352
  unmountButton();
328
353
  unmountElement$2(dialog);
354
+ mobileScroll.unlock();
329
355
  removeOnMessageHandler();
330
356
  }
331
357
  if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
@@ -403,17 +429,20 @@ function createDrawer(options, element) {
403
429
  if (guard.isClosing()) {
404
430
  guard.cancelPendingClose();
405
431
  drawer.classList.add("open");
432
+ mobileScroll.lock();
406
433
  store.setState(true);
407
434
  return;
408
435
  }
409
436
  return;
410
437
  }
411
438
  drawer.append(wrapper);
439
+ mobileScroll.lock();
412
440
  store.setState(true);
413
441
  }
414
442
  function close() {
415
443
  if (!is.open(wrapper)) return;
416
444
  drawer.classList.remove("open");
445
+ mobileScroll.unlock();
417
446
  store.setState(false);
418
447
  guard.scheduleClose(drawer, () => unmountElement$1(wrapper));
419
448
  }
@@ -423,6 +452,7 @@ function createDrawer(options, element) {
423
452
  function unmount() {
424
453
  unmountButton();
425
454
  unmountElement$1(drawer);
455
+ mobileScroll.unlock();
426
456
  removeOnMessageHandler();
427
457
  }
428
458
  if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
@@ -502,18 +532,21 @@ function createPopover(options, element) {
502
532
  if (guard.isClosing()) {
503
533
  guard.cancelPendingClose();
504
534
  popover.classList.add("open");
535
+ mobileScroll.lock();
505
536
  store.setState(true);
506
537
  return;
507
538
  }
508
539
  return;
509
540
  }
510
541
  popover.append(wrapper);
542
+ mobileScroll.lock();
511
543
  setButtonOpen(true);
512
544
  store.setState(true);
513
545
  }
514
546
  function close() {
515
547
  if (!is.open(wrapper)) return;
516
548
  popover.classList.remove("open");
549
+ mobileScroll.unlock();
517
550
  setButtonOpen(false);
518
551
  store.setState(false);
519
552
  guard.scheduleClose(popover, () => unmountElement(wrapper));
@@ -524,6 +557,7 @@ function createPopover(options, element) {
524
557
  function unmount() {
525
558
  unmountButton();
526
559
  unmountElement(popover);
560
+ mobileScroll.unlock();
527
561
  removeOnMessageHandler();
528
562
  }
529
563
  if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
@@ -1,2 +1,2 @@
1
- export {};
1
+ export declare const MOBILE_BREAKPOINT = 460;
2
2
  //# sourceMappingURL=contants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"contants.d.ts","sourceRoot":"","sources":["../../../../../src/config/contants.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"contants.d.ts","sourceRoot":"","sources":["../../../../../src/config/contants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,MAAM,CAAC"}
@@ -5,7 +5,7 @@ export declare function createIframe(options: CreateIframeOptions): {
5
5
  iframe: HTMLIFrameElement;
6
6
  focus: () => void;
7
7
  refresh: () => void;
8
- embedId: `${string}-${string}-${string}-${string}-${string}`;
8
+ embedId: string;
9
9
  onMessage: (handler: (message: IframeMessage) => void) => (() => void);
10
10
  };
11
11
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"create-iframe.d.ts","sourceRoot":"","sources":["../../../../../src/core/create-iframe.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAExE,KAAK,mBAAmB,GAAG,EAAE,GAAG,YAAY,CAAC;AAa7C,wBAAgB,YAAY,CAAC,OAAO,EAAE,mBAAmB;;;;;yBAmB3B,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC;EAU5E"}
1
+ {"version":3,"file":"create-iframe.d.ts","sourceRoot":"","sources":["../../../../../src/core/create-iframe.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAExE,KAAK,mBAAmB,GAAG,EAAE,GAAG,YAAY,CAAC;AAa7C,wBAAgB,YAAY,CAAC,OAAO,EAAE,mBAAmB;;;;;yBAmB3B,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC;EAU5E"}
@@ -1 +1 @@
1
- {"version":3,"file":"create-dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/factories/create-dialog/create-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAQtD,MAAM,MAAM,MAAM,GAAG,aAAa,CAAC;AAoBnC,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAkGzG"}
1
+ {"version":3,"file":"create-dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/factories/create-dialog/create-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAStD,MAAM,MAAM,MAAM,GAAG,aAAa,CAAC;AAoBnC,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAsGzG"}
@@ -1 +1 @@
1
- {"version":3,"file":"create-drawer.d.ts","sourceRoot":"","sources":["../../../../../../src/factories/create-drawer/create-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAQtD,MAAM,MAAM,MAAM,GAAG,aAAa,CAAC;AAoBnC,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAkGzG"}
1
+ {"version":3,"file":"create-drawer.d.ts","sourceRoot":"","sources":["../../../../../../src/factories/create-drawer/create-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAStD,MAAM,MAAM,MAAM,GAAG,aAAa,CAAC;AAoBnC,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAsGzG"}
@@ -1 +1 @@
1
- {"version":3,"file":"create-popover.d.ts","sourceRoot":"","sources":["../../../../../../src/factories/create-popover/create-popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAQtD,MAAM,MAAM,OAAO,GAAG,aAAa,CAAC;AAoBpC,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAuG3G"}
1
+ {"version":3,"file":"create-popover.d.ts","sourceRoot":"","sources":["../../../../../../src/factories/create-popover/create-popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAStD,MAAM,MAAM,OAAO,GAAG,aAAa,CAAC;AAoBpC,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CA2G3G"}
@@ -0,0 +1,2 @@
1
+ export declare function generateId(): string;
2
+ //# sourceMappingURL=generate-id.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"generate-id.d.ts","sourceRoot":"","sources":["../../../../../src/utils/generate-id.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,WAEzB"}
@@ -0,0 +1,5 @@
1
+ export declare const mobileScroll: {
2
+ lock(): void;
3
+ unlock(): void;
4
+ };
5
+ //# sourceMappingURL=mobile-scroll-lock.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mobile-scroll-lock.d.ts","sourceRoot":"","sources":["../../../../../src/utils/mobile-scroll-lock.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY;;;CASxB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@revvue/embed",
3
- "version": "0.1.0-dev.1",
3
+ "version": "0.1.0-dev.3",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "publishConfig": {