@revvue/embed 0.0.0-beta.1

package/README.md

@@ -0,0 +1 @@
+# `embed`

package/dist/browser/css/dialog.css

@@ -0,0 +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 #0003;--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;z-index:var(--rvv-z-index);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex;position:fixed}.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:100px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s;bottom:24px}.rvv-button--trigger[data-position=right]{right:24px}.rvv-button--trigger[data-position=left]{left:24px}.rvv-button--trigger:hover{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:has(.rvv-button-icon):not(:has(.rvv-button-label)){aspect-ratio:1;border-radius:50%;padding:14px}.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{bottom:16px}.rvv-button[data-position=right]{right:16px}.rvv-button[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{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);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}}

package/dist/browser/css/drawer.css

@@ -0,0 +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 #0003;--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;z-index:var(--rvv-z-index);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex;position:fixed}.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:100px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s;bottom:24px}.rvv-button--trigger[data-position=right]{right:24px}.rvv-button--trigger[data-position=left]{left:24px}.rvv-button--trigger:hover{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:has(.rvv-button-icon):not(:has(.rvv-button-label)){aspect-ratio:1;border-radius:50%;padding:14px}.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{bottom:16px}.rvv-button[data-position=right]{right:16px}.rvv-button[data-position=left]{left:16px}}.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{background-color:var(--rvv-color-background);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}}

package/dist/browser/css/popover.css

@@ -0,0 +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 #0003;--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;z-index:var(--rvv-z-index);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex;position:fixed}.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:100px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s;bottom:24px}.rvv-button--trigger[data-position=right]{right:24px}.rvv-button--trigger[data-position=left]{left:24px}.rvv-button--trigger:hover{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:has(.rvv-button-icon):not(:has(.rvv-button-label)){aspect-ratio:1;border-radius:50%;padding:14px}.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{bottom:16px}.rvv-button[data-position=right]{right:16px}.rvv-button[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:96px;right:16px;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{width:100%;min-width:360px;min-height:400px}@media (width<=480px){.rvv-popover{border-radius:var(--radius-base) var(--radius-base) 0 0;transform-origin:bottom;min-width:0;bottom:0;left:0;right:0;width:100%!important}}

package/dist/browser/css/widget.css

@@ -0,0 +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 #0003;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-widget{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);height:100%;min-height:inherit;width:100%;position:relative;overflow:hidden}.rvv-widget iframe{height:100%;min-height:inherit;border:none;width:100%;display:block}

package/dist/browser/embed.js

@@ -0,0 +1,2 @@
+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;function r(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(`#`)}}}function i(){return`http://localhost:5173/`}function a(e){let t=i(),n=crypto.randomUUID(),a=document.createElement(`iframe`);return a.src=t,a.dataset.testid=`iframe`,a.style.border=`0px`,a.allow=`microphone; camera`,a.id=n,{iframe:a,focus:()=>{a.contentWindow?.postMessage(`rvv-embed-focus`,`*`)},refresh:()=>r(a),embedId:n}}var o=e=>s(e)&&c(e),s=e=>!!e.parentNode,c=e=>e.style.display!==`none`,l={open:o,inPage:s,visible:c,browser:()=>typeof document<`u`&&typeof window<`u`};function u(e){let t=new AbortController;return window.addEventListener(`keydown`,e,{signal:t.signal}),t}function d(e){let t=u(n=>{n.key===`Escape`&&(e(),t.abort())})}var f=e=>typeof e==`string`&&!e.match(/^[0-9]+$/)?e:`${e}px`,p=(e,{width:t,height:n})=>(t&&(e.style.width=f(t)),n&&(e.style.height=f(n)),e);function m(){let e=document.createElement(`dialog`);return e.classList.add(`rvv-dialog`),e}function h(){let e=document.createElement(`div`);return e.classList.add(`rvv-dialog-wrapper`),e}function g(e){e.remove()}function _(e,t){if(!l.browser())return{toggle:()=>{},open:()=>{},close:()=>{},unmount:()=>{},refresh:()=>{},focus:()=>{}};let{iframe:n,refresh:r,focus:i}=a(e),o=t??document.body,s=m(),c=h();p(c,{width:e.width,height:e.height}),o.append(s),c.append(n),n.onload=e=>{e?.isTrusted&&(s.showModal(),d(f))};function u(){l.open(c)||(s.append(c),s.showModal())}function f(){l.open(c)&&(s.close(),g(c))}function _(){l.open(c)?f():u()}function v(){g(s)}return{toggle:_,open:u,close:f,unmount:v,refresh:r,focus:i}}var v=`
+<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>`,y=`<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 b(){let e=document.createElement(`span`);e.classList.add(`rvv-button-icon--open`),e.innerHTML=v;let t=document.createElement(`span`);return t.classList.add(`rvv-button-icon--close`),t.innerHTML=y,{openEl:e,closeEl:t}}function x(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}=b();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 S(){let e=document.createElement(`div`);return e.classList.add(`rvv-drawer`),e}function C(){let e=document.createElement(`div`);return e.classList.add(`rvv-drawer-wrapper`),e}function w(e){e.remove()}function T(e,t){if(!l.browser())return{toggle:()=>{},open:()=>{},close:()=>{},unmount:()=>{},refresh:()=>{},focus:()=>{}};let{iframe:n,refresh:r,focus:i}=a(e),o=t??document.body,s=S(),c=C();p(c,{width:e.width,height:e.height}),o.append(s),c.append(n);let{autoOpen:u=!1,autoOpenDelay:f=0}=e,m=()=>{},{el:h,setOpen:g}=x(e);m=g,h.addEventListener(`click`,()=>y()),document.body.append(h),n.onload=e=>{e?.isTrusted&&(s.classList.add(`open`),d(v))};function _(){l.open(c)||(s.append(c),m(!0))}function v(){l.open(c)&&(w(c),s.classList.remove(`open`),m(!1))}function y(){l.open(c)?v():_()}function b(){h?.remove(),w(s)}return u&&(f>0?setTimeout(()=>_(),f):_()),{toggle:y,open:_,close:v,unmount:b,refresh:r,focus:i}}function E(){let e=document.createElement(`div`);return e.classList.add(`rvv-popover`),e}function D(){let e=document.createElement(`div`);return e.classList.add(`rvv-popover-wrapper`),e}function O(e){e.remove()}function k(e,t){if(!l.browser())return{toggle:()=>{},close:()=>{},open:()=>{},unmount:()=>{},refresh:()=>{},focus:()=>{}};let{iframe:n,refresh:r,focus:i}=a(e),o=t??document.body,s=E(),c=D();p(c,{width:e.width,height:e.height}),o.append(s),c.append(n);let{autoOpen:u=!1,autoOpenDelay:f=0}=e,m=()=>{},{el:h,setOpen:g}=x(e);m=g,h.addEventListener(`click`,()=>_()),document.body.append(h);function _(){l.open(c)?y():v()}n.onload=e=>{e?.isTrusted&&(s.classList.add(`open`),d(y))};function v(){l.open(c)||(s.append(c),m(!0))}function y(){l.open(c)&&(s.classList.remove(`open`),m(!1),s.addEventListener(`transitionend`,()=>O(c),{once:!0}))}function b(){h?.remove(),O(s)}return u&&(f>0?setTimeout(()=>v(),f):v()),{toggle:_,close:y,open:v,unmount:b,refresh:r,focus:i}}function A(e,t){if(!l.browser())return{unmount:()=>{},refresh:()=>{},focus:()=>{}};let{iframe:n,refresh:r,focus:i}=a(e),o=t??document.body,s=document.createElement(`div`);s.classList.add(`rvv-widget`),o.append(s),p(s,{width:e.width,height:e.height}),s.append(n);function c(){n.remove()}return{unmount:c,refresh:r,focus:i}}var j=t({createDialog:()=>_,createDrawer:()=>T,createPopover:()=>k,createWidget:()=>A});function M(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 N=e=>e.replace(/\/$/,``),P=M({CHAT_URL:{default:`https://app.revvue.ai/chat`,parse:N},FORM_URL:{default:`https://app.revvue.ai/survey`,parse:N},CDN_URL:{default:`https://cdn.revvue.ai/v1`,parse:N},EMBED_LOOKUP_URL:{default:`https://app.revvue.ai/api/v1/embeds`,parse:N},DEBUG:{default:!1,parse:e=>e===`true`}},{BASE_URL:`/`,DEV:!1,MODE:`production`,PROD:!0,SSR:!1}),F={widget:`widget.css`,popover:`popover.css`,drawer:`drawer.css`,dialog:`dialog.css`},I=e=>`${P.CDN_URL}/css/${F[e]}`,L=e=>{let t=I(e);if(!document.querySelector(`link[href="${t}"]`)){let e=document.createElement(`link`);e.rel=`stylesheet`,e.href=t,document.head.append(e)}};async function R(e){let t=await fetch(`${P.EMBED_LOOKUP_URL}/${e}`);if(!t.ok)throw Error(`[rvv] Failed to resolve embed "${e}": ${t.status} ${t.statusText}`);return await t.json()}var z={popover:k,widget:A,drawer:T,dialog:_};async function B(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 r=await R(n(t));if(!r.type)throw Error(`[rvv] Missing type on embed options`);L(r.type),z[r.type](r,e),e.dataset.rvvLoaded=`true`}finally{delete e.dataset.rvvLoading}}async function V(e=document){let t=Array.from(e.querySelectorAll(`[data-rvv-embed]`));await Promise.all(t.map(B))}function H(){V()}return document.addEventListener(`DOMContentLoaded`,H,!1),(document.readyState===`interactive`||document.readyState===`complete`)&&H(),{...j,load:H}})();

package/dist/package/css/dialog.css

@@ -0,0 +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 #0003;--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;z-index:var(--rvv-z-index);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex;position:fixed}.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:100px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s;bottom:24px}.rvv-button--trigger[data-position=right]{right:24px}.rvv-button--trigger[data-position=left]{left:24px}.rvv-button--trigger:hover{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:has(.rvv-button-icon):not(:has(.rvv-button-label)){aspect-ratio:1;border-radius:50%;padding:14px}.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{bottom:16px}.rvv-button[data-position=right]{right:16px}.rvv-button[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{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);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}}

package/dist/package/css/drawer.css

@@ -0,0 +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 #0003;--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;z-index:var(--rvv-z-index);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex;position:fixed}.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:100px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s;bottom:24px}.rvv-button--trigger[data-position=right]{right:24px}.rvv-button--trigger[data-position=left]{left:24px}.rvv-button--trigger:hover{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:has(.rvv-button-icon):not(:has(.rvv-button-label)){aspect-ratio:1;border-radius:50%;padding:14px}.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{bottom:16px}.rvv-button[data-position=right]{right:16px}.rvv-button[data-position=left]{left:16px}}.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{background-color:var(--rvv-color-background);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}}

package/dist/package/css/popover.css

@@ -0,0 +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 #0003;--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;z-index:var(--rvv-z-index);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex;position:fixed}.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:100px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s;bottom:24px}.rvv-button--trigger[data-position=right]{right:24px}.rvv-button--trigger[data-position=left]{left:24px}.rvv-button--trigger:hover{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:has(.rvv-button-icon):not(:has(.rvv-button-label)){aspect-ratio:1;border-radius:50%;padding:14px}.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{bottom:16px}.rvv-button[data-position=right]{right:16px}.rvv-button[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:96px;right:16px;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{width:100%;min-width:360px;min-height:400px}@media (width<=480px){.rvv-popover{border-radius:var(--radius-base) var(--radius-base) 0 0;transform-origin:bottom;min-width:0;bottom:0;left:0;right:0;width:100%!important}}

package/dist/package/css/widget.css

@@ -0,0 +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 #0003;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-widget{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);height:100%;min-height:inherit;width:100%;position:relative;overflow:hidden}.rvv-widget iframe{height:100%;min-height:inherit;border:none;width:100%;display:block}

package/dist/package/package.cjs

@@ -0,0 +1,383 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/core/common.ts
+var tenantId = (id) => id;
+var formId = (id) => id;
+var embedId = (id) => id;
+//#endregion
+//#region src/utils/refresh-iframe.ts
+function refreshIframe(iframe) {
+	if (iframe) {
+		const source = iframe.src;
+		if (source.includes("&refresh")) iframe.src = source.split("&refresh#").join("#");
+		else {
+			const splitURL = source.split("#");
+			splitURL[0] = `${splitURL[0]}&refresh`;
+			iframe.src = splitURL.join("#");
+		}
+	}
+}
+//#endregion
+//#region src/core/create-iframe.ts
+function getIframeSrc() {
+	return "http://localhost:5173/";
+}
+function createIframe(_options) {
+	const src = getIframeSrc();
+	const embedId = crypto.randomUUID();
+	const iframe = document.createElement("iframe");
+	iframe.src = src;
+	iframe.dataset.testid = "iframe";
+	iframe.style.border = "0px";
+	iframe.allow = "microphone; camera";
+	iframe.id = embedId;
+	const refresh = () => refreshIframe(iframe);
+	const focus = () => {
+		iframe.contentWindow?.postMessage("rvv-embed-focus", "*");
+	};
+	return {
+		iframe,
+		focus,
+		refresh,
+		embedId
+	};
+}
+//#endregion
+//#region src/utils/is.ts
+var isOpen = (element) => {
+	return isInPage(element) && isVisible(element);
+};
+var isInPage = (element) => !!element.parentNode;
+var isVisible = (element) => element.style.display !== "none";
+var isBrowser = () => {
+	return typeof document !== "undefined" && typeof window !== "undefined";
+};
+var is = {
+	open: isOpen,
+	inPage: isInPage,
+	visible: isVisible,
+	browser: isBrowser
+};
+//#endregion
+//#region src/utils/keyboard-events.ts
+function addCustomKeydownListener(callback) {
+	const abortController = new AbortController();
+	window.addEventListener("keydown", callback, { signal: abortController.signal });
+	return abortController;
+}
+function onEscape(callback) {
+	const abortController = addCustomKeydownListener((e) => {
+		if (e.key === "Escape") {
+			callback();
+			abortController.abort();
+		}
+	});
+}
+//#endregion
+//#region src/utils/set-element-size.ts
+var getValueWithUnits = (value) => {
+	if (typeof value === "string" && !value.match(/^[0-9]+$/)) return value;
+	else return `${value}px`;
+};
+var setElementSize = (element, { width, height }) => {
+	if (width) element.style.width = getValueWithUnits(width);
+	if (height) element.style.height = getValueWithUnits(height);
+	return element;
+};
+//#endregion
+//#region src/factories/create-dialog/create-dialog.ts
+function createDialogElement() {
+	const container = document.createElement("dialog");
+	container.classList.add("rvv-dialog");
+	return container;
+}
+function createDialogWrapper() {
+	const wrapper = document.createElement("div");
+	wrapper.classList.add("rvv-dialog-wrapper");
+	return wrapper;
+}
+function unmountElement$2(element) {
+	element.remove();
+}
+function createDialog(options, element) {
+	if (!is.browser()) return {
+		toggle: () => {},
+		open: () => {},
+		close: () => {},
+		unmount: () => {},
+		refresh: () => {},
+		focus: () => {}
+	};
+	const { iframe, refresh, focus } = createIframe(options);
+	const container = element ?? document.body;
+	const dialog = createDialogElement();
+	const wrapper = createDialogWrapper();
+	setElementSize(wrapper, {
+		width: options.width,
+		height: options.height
+	});
+	container.append(dialog);
+	wrapper.append(iframe);
+	iframe.onload = (event) => {
+		if (event?.isTrusted) {
+			dialog.showModal();
+			onEscape(close);
+		}
+	};
+	function open() {
+		if (is.open(wrapper)) return;
+		dialog.append(wrapper);
+		dialog.showModal();
+	}
+	function close() {
+		if (!is.open(wrapper)) return;
+		dialog.close();
+		unmountElement$2(wrapper);
+	}
+	function toggle() {
+		is.open(wrapper) ? close() : open();
+	}
+	function unmount() {
+		unmountElement$2(dialog);
+	}
+	return {
+		toggle,
+		open,
+		close,
+		unmount,
+		refresh,
+		focus
+	};
+}
+//#endregion
+//#region src/utils/built-button/built-button.ts
+var defaultIcon = `
+<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>`;
+var closeIcon = `<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 buildDefaultIcons() {
+	const openEl = document.createElement("span");
+	openEl.classList.add("rvv-button-icon--open");
+	openEl.innerHTML = defaultIcon;
+	const closeEl = document.createElement("span");
+	closeEl.classList.add("rvv-button-icon--close");
+	closeEl.innerHTML = closeIcon;
+	return {
+		openEl,
+		closeEl
+	};
+}
+function buildButtonElement(options) {
+	const button = document.createElement("button");
+	button.classList.add("rvv-button", "rvv-button--trigger");
+	button.setAttribute("type", "button");
+	button.dataset.position = options.position ?? "right";
+	button.dataset.open = "false";
+	if (options.color) button.style.setProperty("--rvv-button-color", options.color);
+	if (options.textColor) button.style.setProperty("--rvv-button-text-color", options.textColor);
+	const iconWrapper = document.createElement("span");
+	iconWrapper.classList.add("rvv-button-icon");
+	iconWrapper.setAttribute("aria-hidden", "true");
+	if (options.label) {
+		const labelEl = document.createElement("span");
+		labelEl.classList.add("rvv-button-label");
+		labelEl.textContent = options.label;
+		button.append(labelEl);
+	}
+	if (options.icon) iconWrapper.innerHTML = options.icon;
+	else if (!options.label) {
+		const { openEl, closeEl } = buildDefaultIcons();
+		iconWrapper.append(openEl, closeEl);
+	}
+	if (iconWrapper.childNodes.length > 0) button.append(iconWrapper);
+	function setOpen(isOpen) {
+		button.dataset.open = String(isOpen);
+	}
+	return {
+		el: button,
+		setOpen
+	};
+}
+//#endregion
+//#region src/factories/create-drawer/create-drawer.ts
+function createDrawerElement() {
+	const container = document.createElement("div");
+	container.classList.add("rvv-drawer");
+	return container;
+}
+function createDrawerWrapper() {
+	const wrapper = document.createElement("div");
+	wrapper.classList.add("rvv-drawer-wrapper");
+	return wrapper;
+}
+function unmountElement$1(element) {
+	element.remove();
+}
+function createDrawer(options, element) {
+	if (!is.browser()) return {
+		toggle: () => {},
+		open: () => {},
+		close: () => {},
+		unmount: () => {},
+		refresh: () => {},
+		focus: () => {}
+	};
+	const { iframe, refresh, focus } = createIframe(options);
+	const container = element ?? document.body;
+	const drawer = createDrawerElement();
+	const wrapper = createDrawerWrapper();
+	setElementSize(wrapper, {
+		width: options.width,
+		height: options.height
+	});
+	container.append(drawer);
+	wrapper.append(iframe);
+	const { autoOpen = false, autoOpenDelay = 0 } = options;
+	let setButtonOpen = () => {};
+	const { el: buttonEl, setOpen } = buildButtonElement(options);
+	setButtonOpen = setOpen;
+	buttonEl.addEventListener("click", () => toggle());
+	document.body.append(buttonEl);
+	iframe.onload = (event) => {
+		if (event?.isTrusted) {
+			drawer.classList.add("open");
+			onEscape(close);
+		}
+	};
+	function open() {
+		if (is.open(wrapper)) return;
+		drawer.append(wrapper);
+		setButtonOpen(true);
+	}
+	function close() {
+		if (!is.open(wrapper)) return;
+		unmountElement$1(wrapper);
+		drawer.classList.remove("open");
+		setButtonOpen(false);
+	}
+	function toggle() {
+		is.open(wrapper) ? close() : open();
+	}
+	function unmount() {
+		buttonEl?.remove();
+		unmountElement$1(drawer);
+	}
+	if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
+	else open();
+	return {
+		toggle,
+		open,
+		close,
+		unmount,
+		refresh,
+		focus
+	};
+}
+//#endregion
+//#region src/factories/create-popover/create-popover.ts
+function createPopoverElement() {
+	const container = document.createElement("div");
+	container.classList.add("rvv-popover");
+	return container;
+}
+function createPopoverWrapper() {
+	const wrapper = document.createElement("div");
+	wrapper.classList.add("rvv-popover-wrapper");
+	return wrapper;
+}
+function unmountElement(element) {
+	element.remove();
+}
+function createPopover(options, element) {
+	if (!is.browser()) return {
+		toggle: () => {},
+		close: () => {},
+		open: () => {},
+		unmount: () => {},
+		refresh: () => {},
+		focus: () => {}
+	};
+	const { iframe, refresh, focus } = createIframe(options);
+	const container = element ?? document.body;
+	const popover = createPopoverElement();
+	const wrapper = createPopoverWrapper();
+	setElementSize(wrapper, {
+		width: options.width,
+		height: options.height
+	});
+	container.append(popover);
+	wrapper.append(iframe);
+	const { autoOpen = false, autoOpenDelay = 0 } = options;
+	let setButtonOpen = () => {};
+	const { el: buttonEl, setOpen } = buildButtonElement(options);
+	setButtonOpen = setOpen;
+	buttonEl.addEventListener("click", () => toggle());
+	document.body.append(buttonEl);
+	function toggle() {
+		is.open(wrapper) ? close() : open();
+	}
+	iframe.onload = (event) => {
+		if (event?.isTrusted) {
+			popover.classList.add("open");
+			onEscape(close);
+		}
+	};
+	function open() {
+		if (is.open(wrapper)) return;
+		popover.append(wrapper);
+		setButtonOpen(true);
+	}
+	function close() {
+		if (!is.open(wrapper)) return;
+		popover.classList.remove("open");
+		setButtonOpen(false);
+		popover.addEventListener("transitionend", () => unmountElement(wrapper), { once: true });
+	}
+	function unmount() {
+		buttonEl?.remove();
+		unmountElement(popover);
+	}
+	if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
+	else open();
+	return {
+		toggle,
+		close,
+		open,
+		unmount,
+		refresh,
+		focus
+	};
+}
+//#endregion
+//#region src/factories/create-widget/create-widget.ts
+function createWidget(options, element) {
+	if (!is.browser()) return {
+		unmount: () => {},
+		refresh: () => {},
+		focus: () => {}
+	};
+	const { iframe, refresh, focus } = createIframe(options);
+	const container = element ?? document.body;
+	const widget = document.createElement("div");
+	widget.classList.add("rvv-widget");
+	container.append(widget);
+	setElementSize(widget, {
+		width: options.width,
+		height: options.height
+	});
+	widget.append(iframe);
+	function unmount() {
+		iframe.remove();
+	}
+	return {
+		unmount,
+		refresh,
+		focus
+	};
+}
+//#endregion
+exports.createDialog = createDialog;
+exports.createDrawer = createDrawer;
+exports.createPopover = createPopover;
+exports.createWidget = createWidget;
+exports.embedId = embedId;
+exports.formId = formId;
+exports.tenantId = tenantId;