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

package/dist/browser/embed.js

@@ -1,4 +1,4 @@
-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});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=`
+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=`
 <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}}(`
     query EmbedAppConfig($shortId: String!) {
   embedAppConfig(shortId: $shortId) {

package/dist/package/package.cjs

@@ -71,7 +71,10 @@ var IFRAME_MESSAGES = {
 //#region src/core/create-iframe.ts
 function getIframeSrc(options) {
 	const base = options.app === "chat" ? env.CHAT_URL : env.FORM_URL;
-	const params = new URLSearchParams({ tenant_id: options.tenantId });
+	const params = new URLSearchParams({
+		tenant_id: options.tenantId,
+		embed_type: options.type
+	});
 	if (options.app === "chat") {
 		const chat = options;
 		params.set("app_id", chat.appId);

package/dist/package/package.mjs

@@ -70,7 +70,10 @@ var IFRAME_MESSAGES = {
 //#region src/core/create-iframe.ts
 function getIframeSrc(options) {
 	const base = options.app === "chat" ? env.CHAT_URL : env.FORM_URL;
-	const params = new URLSearchParams({ tenant_id: options.tenantId });
+	const params = new URLSearchParams({
+		tenant_id: options.tenantId,
+		embed_type: options.type
+	});
 	if (options.app === "chat") {
 		const chat = options;
 		params.set("app_id", chat.appId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revvue/embed",
-  "version": "0.1.0-dev.2",
+  "version": "0.1.0-dev.3",
   "private": false,
   "type": "module",
   "publishConfig": {