@revvue/embed 0.0.2 → 0.1.0-dev.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/css/dialog.css +1 -1
- package/dist/browser/css/drawer.css +1 -1
- package/dist/browser/css/embed.css +1 -1
- package/dist/browser/css/popover.css +1 -1
- package/dist/browser/css/widget.css +1 -1
- package/dist/browser/embed.js +3 -3
- package/dist/package/css/dialog.css +1 -1
- package/dist/package/css/drawer.css +1 -1
- package/dist/package/css/embed.css +1 -1
- package/dist/package/css/popover.css +1 -1
- package/dist/package/css/widget.css +1 -1
- package/dist/package/package.cjs +82 -58
- package/dist/package/package.mjs +82 -58
- package/dist/package/types/src/embed/create-embed.spec.d.ts +2 -0
- package/dist/package/types/src/embed/create-embed.spec.d.ts.map +1 -0
- package/dist/package/types/src/factories/create-dialog/create-dialog.d.ts +2 -1
- package/dist/package/types/src/factories/create-dialog/create-dialog.d.ts.map +1 -1
- package/dist/package/types/src/factories/create-drawer/create-drawer.d.ts +2 -1
- package/dist/package/types/src/factories/create-drawer/create-drawer.d.ts.map +1 -1
- package/dist/package/types/src/factories/create-popover/create-popover.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -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 #
|
|
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 +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 #
|
|
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 +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 #
|
|
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 +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 #
|
|
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 +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 #
|
|
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}
|
package/dist/browser/embed.js
CHANGED
|
@@ -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://
|
|
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>`,
|
|
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}}(`
|
|
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
|
|
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:$}})();
|
|
@@ -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 #
|
|
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 +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 #
|
|
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 +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 #
|
|
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 +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 #
|
|
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 +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 #
|
|
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}
|
package/dist/package/package.cjs
CHANGED
|
@@ -35,7 +35,7 @@ var env = createEnv({
|
|
|
35
35
|
parse: removeTrailingSlash
|
|
36
36
|
},
|
|
37
37
|
EMBED_LOOKUP_URL: {
|
|
38
|
-
default: "https://
|
|
38
|
+
default: "https://pub.dev.jonna.ai/graphql",
|
|
39
39
|
parse: removeTrailingSlash
|
|
40
40
|
},
|
|
41
41
|
DEBUG: {
|
|
@@ -104,6 +104,56 @@ function createIframe(options) {
|
|
|
104
104
|
};
|
|
105
105
|
}
|
|
106
106
|
//#endregion
|
|
107
|
+
//#region src/utils/icons.ts
|
|
108
|
+
var chatIcon = `
|
|
109
|
+
<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>`;
|
|
110
|
+
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>`;
|
|
111
|
+
//#endregion
|
|
112
|
+
//#region src/utils/built-button/built-button.ts
|
|
113
|
+
function buildDefaultIcons() {
|
|
114
|
+
const openEl = document.createElement("span");
|
|
115
|
+
openEl.classList.add("rvv-button-icon--open");
|
|
116
|
+
openEl.innerHTML = chatIcon;
|
|
117
|
+
const closeEl = document.createElement("span");
|
|
118
|
+
closeEl.classList.add("rvv-button-icon--close");
|
|
119
|
+
closeEl.innerHTML = closeIcon;
|
|
120
|
+
return {
|
|
121
|
+
openEl,
|
|
122
|
+
closeEl
|
|
123
|
+
};
|
|
124
|
+
}
|
|
125
|
+
function buildButtonElement(options) {
|
|
126
|
+
const button = document.createElement("button");
|
|
127
|
+
button.classList.add("rvv-button", "rvv-button--trigger");
|
|
128
|
+
button.setAttribute("type", "button");
|
|
129
|
+
button.dataset.position = options.position ?? "right";
|
|
130
|
+
button.dataset.open = "false";
|
|
131
|
+
if (options.color) button.style.setProperty("--rvv-button-color", options.color);
|
|
132
|
+
if (options.textColor) button.style.setProperty("--rvv-button-text-color", options.textColor);
|
|
133
|
+
const iconWrapper = document.createElement("span");
|
|
134
|
+
iconWrapper.classList.add("rvv-button-icon");
|
|
135
|
+
iconWrapper.setAttribute("aria-hidden", "true");
|
|
136
|
+
if (options.label) {
|
|
137
|
+
const labelEl = document.createElement("span");
|
|
138
|
+
labelEl.classList.add("rvv-button-label");
|
|
139
|
+
labelEl.textContent = options.label;
|
|
140
|
+
button.append(labelEl);
|
|
141
|
+
}
|
|
142
|
+
if (options.icon) iconWrapper.innerHTML = options.icon;
|
|
143
|
+
else if (!options.label) {
|
|
144
|
+
const { openEl, closeEl } = buildDefaultIcons();
|
|
145
|
+
iconWrapper.append(openEl, closeEl);
|
|
146
|
+
}
|
|
147
|
+
if (iconWrapper.childNodes.length > 0) button.append(iconWrapper);
|
|
148
|
+
function setOpen(isOpen) {
|
|
149
|
+
button.dataset.open = String(isOpen);
|
|
150
|
+
}
|
|
151
|
+
return {
|
|
152
|
+
el: button,
|
|
153
|
+
setOpen
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
//#endregion
|
|
107
157
|
//#region src/utils/create-closing-guard.ts
|
|
108
158
|
function createClosingGuard() {
|
|
109
159
|
let cancelClose = null;
|
|
@@ -233,6 +283,18 @@ function createDialog(options, element) {
|
|
|
233
283
|
});
|
|
234
284
|
container.append(dialog);
|
|
235
285
|
wrapper.append(iframe);
|
|
286
|
+
const { autoOpen = false, autoOpenDelay = 0, trigger = "default" } = options;
|
|
287
|
+
let unmountButton = noop$3;
|
|
288
|
+
if (trigger === "default") {
|
|
289
|
+
const { el: buttonEl } = buildButtonElement(options);
|
|
290
|
+
buttonEl.classList.add("rvv-button--trigger-fixed");
|
|
291
|
+
buttonEl.addEventListener("click", () => toggle());
|
|
292
|
+
document.body.append(buttonEl);
|
|
293
|
+
unmountButton = () => buttonEl.remove();
|
|
294
|
+
}
|
|
295
|
+
function toggle() {
|
|
296
|
+
is.open(wrapper) ? close() : open();
|
|
297
|
+
}
|
|
236
298
|
iframe.onload = (event) => {
|
|
237
299
|
if (event?.isTrusted) {
|
|
238
300
|
dialog.showModal();
|
|
@@ -259,16 +321,16 @@ function createDialog(options, element) {
|
|
|
259
321
|
guard.scheduleClose(dialog, () => unmountElement$2(wrapper));
|
|
260
322
|
store.setState(false);
|
|
261
323
|
}
|
|
262
|
-
function toggle() {
|
|
263
|
-
is.open(wrapper) ? close() : open();
|
|
264
|
-
}
|
|
265
324
|
const removeOnMessageHandler = onMessage((msg) => {
|
|
266
325
|
if (msg === IFRAME_MESSAGES.close) close();
|
|
267
326
|
});
|
|
268
327
|
function unmount() {
|
|
328
|
+
unmountButton();
|
|
269
329
|
unmountElement$2(dialog);
|
|
270
330
|
removeOnMessageHandler();
|
|
271
331
|
}
|
|
332
|
+
if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
|
|
333
|
+
else open();
|
|
272
334
|
return {
|
|
273
335
|
toggle,
|
|
274
336
|
open,
|
|
@@ -318,6 +380,18 @@ function createDrawer(options, element) {
|
|
|
318
380
|
});
|
|
319
381
|
container.append(drawer);
|
|
320
382
|
wrapper.append(iframe);
|
|
383
|
+
const { autoOpen = false, autoOpenDelay = 0, trigger = "default" } = options;
|
|
384
|
+
let unmountButton = noop$2;
|
|
385
|
+
if (trigger === "default") {
|
|
386
|
+
const { el: buttonEl } = buildButtonElement(options);
|
|
387
|
+
buttonEl.classList.add("rvv-button--trigger-fixed");
|
|
388
|
+
buttonEl.addEventListener("click", () => toggle());
|
|
389
|
+
document.body.append(buttonEl);
|
|
390
|
+
unmountButton = () => buttonEl.remove();
|
|
391
|
+
}
|
|
392
|
+
function toggle() {
|
|
393
|
+
is.open(wrapper) ? close() : open();
|
|
394
|
+
}
|
|
321
395
|
iframe.onload = (event) => {
|
|
322
396
|
if (event?.isTrusted) {
|
|
323
397
|
drawer.classList.add("open");
|
|
@@ -344,16 +418,16 @@ function createDrawer(options, element) {
|
|
|
344
418
|
store.setState(false);
|
|
345
419
|
guard.scheduleClose(drawer, () => unmountElement$1(wrapper));
|
|
346
420
|
}
|
|
347
|
-
function toggle() {
|
|
348
|
-
is.open(wrapper) ? close() : open();
|
|
349
|
-
}
|
|
350
421
|
const removeOnMessageHandler = onMessage((msg) => {
|
|
351
422
|
if (msg === IFRAME_MESSAGES.close) close();
|
|
352
423
|
});
|
|
353
424
|
function unmount() {
|
|
425
|
+
unmountButton();
|
|
354
426
|
unmountElement$1(drawer);
|
|
355
427
|
removeOnMessageHandler();
|
|
356
428
|
}
|
|
429
|
+
if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
|
|
430
|
+
else open();
|
|
357
431
|
return {
|
|
358
432
|
toggle,
|
|
359
433
|
open,
|
|
@@ -366,56 +440,6 @@ function createDrawer(options, element) {
|
|
|
366
440
|
};
|
|
367
441
|
}
|
|
368
442
|
//#endregion
|
|
369
|
-
//#region src/utils/icons.ts
|
|
370
|
-
var chatIcon = `
|
|
371
|
-
<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>`;
|
|
372
|
-
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>`;
|
|
373
|
-
//#endregion
|
|
374
|
-
//#region src/utils/built-button/built-button.ts
|
|
375
|
-
function buildDefaultIcons() {
|
|
376
|
-
const openEl = document.createElement("span");
|
|
377
|
-
openEl.classList.add("rvv-button-icon--open");
|
|
378
|
-
openEl.innerHTML = chatIcon;
|
|
379
|
-
const closeEl = document.createElement("span");
|
|
380
|
-
closeEl.classList.add("rvv-button-icon--close");
|
|
381
|
-
closeEl.innerHTML = closeIcon;
|
|
382
|
-
return {
|
|
383
|
-
openEl,
|
|
384
|
-
closeEl
|
|
385
|
-
};
|
|
386
|
-
}
|
|
387
|
-
function buildButtonElement(options) {
|
|
388
|
-
const button = document.createElement("button");
|
|
389
|
-
button.classList.add("rvv-button", "rvv-button--trigger");
|
|
390
|
-
button.setAttribute("type", "button");
|
|
391
|
-
button.dataset.position = options.position ?? "right";
|
|
392
|
-
button.dataset.open = "false";
|
|
393
|
-
if (options.color) button.style.setProperty("--rvv-button-color", options.color);
|
|
394
|
-
if (options.textColor) button.style.setProperty("--rvv-button-text-color", options.textColor);
|
|
395
|
-
const iconWrapper = document.createElement("span");
|
|
396
|
-
iconWrapper.classList.add("rvv-button-icon");
|
|
397
|
-
iconWrapper.setAttribute("aria-hidden", "true");
|
|
398
|
-
if (options.label) {
|
|
399
|
-
const labelEl = document.createElement("span");
|
|
400
|
-
labelEl.classList.add("rvv-button-label");
|
|
401
|
-
labelEl.textContent = options.label;
|
|
402
|
-
button.append(labelEl);
|
|
403
|
-
}
|
|
404
|
-
if (options.icon) iconWrapper.innerHTML = options.icon;
|
|
405
|
-
else if (!options.label) {
|
|
406
|
-
const { openEl, closeEl } = buildDefaultIcons();
|
|
407
|
-
iconWrapper.append(openEl, closeEl);
|
|
408
|
-
}
|
|
409
|
-
if (iconWrapper.childNodes.length > 0) button.append(iconWrapper);
|
|
410
|
-
function setOpen(isOpen) {
|
|
411
|
-
button.dataset.open = String(isOpen);
|
|
412
|
-
}
|
|
413
|
-
return {
|
|
414
|
-
el: button,
|
|
415
|
-
setOpen
|
|
416
|
-
};
|
|
417
|
-
}
|
|
418
|
-
//#endregion
|
|
419
443
|
//#region src/factories/create-popover/create-popover.ts
|
|
420
444
|
var noop$1 = () => {};
|
|
421
445
|
function createPopoverElement() {
|
|
@@ -458,7 +482,7 @@ function createPopover(options, element) {
|
|
|
458
482
|
let unmountButton = noop$1;
|
|
459
483
|
if (trigger === "default") {
|
|
460
484
|
const { el: buttonEl, setOpen } = buildButtonElement(options);
|
|
461
|
-
buttonEl.classList.add("rvv-button--trigger-
|
|
485
|
+
buttonEl.classList.add("rvv-button--trigger-fixed");
|
|
462
486
|
setButtonOpen = setOpen;
|
|
463
487
|
buttonEl.addEventListener("click", () => toggle());
|
|
464
488
|
document.body.append(buttonEl);
|
package/dist/package/package.mjs
CHANGED
|
@@ -34,7 +34,7 @@ var env = createEnv({
|
|
|
34
34
|
parse: removeTrailingSlash
|
|
35
35
|
},
|
|
36
36
|
EMBED_LOOKUP_URL: {
|
|
37
|
-
default: "https://
|
|
37
|
+
default: "https://pub.dev.jonna.ai/graphql",
|
|
38
38
|
parse: removeTrailingSlash
|
|
39
39
|
},
|
|
40
40
|
DEBUG: {
|
|
@@ -103,6 +103,56 @@ function createIframe(options) {
|
|
|
103
103
|
};
|
|
104
104
|
}
|
|
105
105
|
//#endregion
|
|
106
|
+
//#region src/utils/icons.ts
|
|
107
|
+
var chatIcon = `
|
|
108
|
+
<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>`;
|
|
109
|
+
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>`;
|
|
110
|
+
//#endregion
|
|
111
|
+
//#region src/utils/built-button/built-button.ts
|
|
112
|
+
function buildDefaultIcons() {
|
|
113
|
+
const openEl = document.createElement("span");
|
|
114
|
+
openEl.classList.add("rvv-button-icon--open");
|
|
115
|
+
openEl.innerHTML = chatIcon;
|
|
116
|
+
const closeEl = document.createElement("span");
|
|
117
|
+
closeEl.classList.add("rvv-button-icon--close");
|
|
118
|
+
closeEl.innerHTML = closeIcon;
|
|
119
|
+
return {
|
|
120
|
+
openEl,
|
|
121
|
+
closeEl
|
|
122
|
+
};
|
|
123
|
+
}
|
|
124
|
+
function buildButtonElement(options) {
|
|
125
|
+
const button = document.createElement("button");
|
|
126
|
+
button.classList.add("rvv-button", "rvv-button--trigger");
|
|
127
|
+
button.setAttribute("type", "button");
|
|
128
|
+
button.dataset.position = options.position ?? "right";
|
|
129
|
+
button.dataset.open = "false";
|
|
130
|
+
if (options.color) button.style.setProperty("--rvv-button-color", options.color);
|
|
131
|
+
if (options.textColor) button.style.setProperty("--rvv-button-text-color", options.textColor);
|
|
132
|
+
const iconWrapper = document.createElement("span");
|
|
133
|
+
iconWrapper.classList.add("rvv-button-icon");
|
|
134
|
+
iconWrapper.setAttribute("aria-hidden", "true");
|
|
135
|
+
if (options.label) {
|
|
136
|
+
const labelEl = document.createElement("span");
|
|
137
|
+
labelEl.classList.add("rvv-button-label");
|
|
138
|
+
labelEl.textContent = options.label;
|
|
139
|
+
button.append(labelEl);
|
|
140
|
+
}
|
|
141
|
+
if (options.icon) iconWrapper.innerHTML = options.icon;
|
|
142
|
+
else if (!options.label) {
|
|
143
|
+
const { openEl, closeEl } = buildDefaultIcons();
|
|
144
|
+
iconWrapper.append(openEl, closeEl);
|
|
145
|
+
}
|
|
146
|
+
if (iconWrapper.childNodes.length > 0) button.append(iconWrapper);
|
|
147
|
+
function setOpen(isOpen) {
|
|
148
|
+
button.dataset.open = String(isOpen);
|
|
149
|
+
}
|
|
150
|
+
return {
|
|
151
|
+
el: button,
|
|
152
|
+
setOpen
|
|
153
|
+
};
|
|
154
|
+
}
|
|
155
|
+
//#endregion
|
|
106
156
|
//#region src/utils/create-closing-guard.ts
|
|
107
157
|
function createClosingGuard() {
|
|
108
158
|
let cancelClose = null;
|
|
@@ -232,6 +282,18 @@ function createDialog(options, element) {
|
|
|
232
282
|
});
|
|
233
283
|
container.append(dialog);
|
|
234
284
|
wrapper.append(iframe);
|
|
285
|
+
const { autoOpen = false, autoOpenDelay = 0, trigger = "default" } = options;
|
|
286
|
+
let unmountButton = noop$3;
|
|
287
|
+
if (trigger === "default") {
|
|
288
|
+
const { el: buttonEl } = buildButtonElement(options);
|
|
289
|
+
buttonEl.classList.add("rvv-button--trigger-fixed");
|
|
290
|
+
buttonEl.addEventListener("click", () => toggle());
|
|
291
|
+
document.body.append(buttonEl);
|
|
292
|
+
unmountButton = () => buttonEl.remove();
|
|
293
|
+
}
|
|
294
|
+
function toggle() {
|
|
295
|
+
is.open(wrapper) ? close() : open();
|
|
296
|
+
}
|
|
235
297
|
iframe.onload = (event) => {
|
|
236
298
|
if (event?.isTrusted) {
|
|
237
299
|
dialog.showModal();
|
|
@@ -258,16 +320,16 @@ function createDialog(options, element) {
|
|
|
258
320
|
guard.scheduleClose(dialog, () => unmountElement$2(wrapper));
|
|
259
321
|
store.setState(false);
|
|
260
322
|
}
|
|
261
|
-
function toggle() {
|
|
262
|
-
is.open(wrapper) ? close() : open();
|
|
263
|
-
}
|
|
264
323
|
const removeOnMessageHandler = onMessage((msg) => {
|
|
265
324
|
if (msg === IFRAME_MESSAGES.close) close();
|
|
266
325
|
});
|
|
267
326
|
function unmount() {
|
|
327
|
+
unmountButton();
|
|
268
328
|
unmountElement$2(dialog);
|
|
269
329
|
removeOnMessageHandler();
|
|
270
330
|
}
|
|
331
|
+
if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
|
|
332
|
+
else open();
|
|
271
333
|
return {
|
|
272
334
|
toggle,
|
|
273
335
|
open,
|
|
@@ -317,6 +379,18 @@ function createDrawer(options, element) {
|
|
|
317
379
|
});
|
|
318
380
|
container.append(drawer);
|
|
319
381
|
wrapper.append(iframe);
|
|
382
|
+
const { autoOpen = false, autoOpenDelay = 0, trigger = "default" } = options;
|
|
383
|
+
let unmountButton = noop$2;
|
|
384
|
+
if (trigger === "default") {
|
|
385
|
+
const { el: buttonEl } = buildButtonElement(options);
|
|
386
|
+
buttonEl.classList.add("rvv-button--trigger-fixed");
|
|
387
|
+
buttonEl.addEventListener("click", () => toggle());
|
|
388
|
+
document.body.append(buttonEl);
|
|
389
|
+
unmountButton = () => buttonEl.remove();
|
|
390
|
+
}
|
|
391
|
+
function toggle() {
|
|
392
|
+
is.open(wrapper) ? close() : open();
|
|
393
|
+
}
|
|
320
394
|
iframe.onload = (event) => {
|
|
321
395
|
if (event?.isTrusted) {
|
|
322
396
|
drawer.classList.add("open");
|
|
@@ -343,16 +417,16 @@ function createDrawer(options, element) {
|
|
|
343
417
|
store.setState(false);
|
|
344
418
|
guard.scheduleClose(drawer, () => unmountElement$1(wrapper));
|
|
345
419
|
}
|
|
346
|
-
function toggle() {
|
|
347
|
-
is.open(wrapper) ? close() : open();
|
|
348
|
-
}
|
|
349
420
|
const removeOnMessageHandler = onMessage((msg) => {
|
|
350
421
|
if (msg === IFRAME_MESSAGES.close) close();
|
|
351
422
|
});
|
|
352
423
|
function unmount() {
|
|
424
|
+
unmountButton();
|
|
353
425
|
unmountElement$1(drawer);
|
|
354
426
|
removeOnMessageHandler();
|
|
355
427
|
}
|
|
428
|
+
if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
|
|
429
|
+
else open();
|
|
356
430
|
return {
|
|
357
431
|
toggle,
|
|
358
432
|
open,
|
|
@@ -365,56 +439,6 @@ function createDrawer(options, element) {
|
|
|
365
439
|
};
|
|
366
440
|
}
|
|
367
441
|
//#endregion
|
|
368
|
-
//#region src/utils/icons.ts
|
|
369
|
-
var chatIcon = `
|
|
370
|
-
<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>`;
|
|
371
|
-
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>`;
|
|
372
|
-
//#endregion
|
|
373
|
-
//#region src/utils/built-button/built-button.ts
|
|
374
|
-
function buildDefaultIcons() {
|
|
375
|
-
const openEl = document.createElement("span");
|
|
376
|
-
openEl.classList.add("rvv-button-icon--open");
|
|
377
|
-
openEl.innerHTML = chatIcon;
|
|
378
|
-
const closeEl = document.createElement("span");
|
|
379
|
-
closeEl.classList.add("rvv-button-icon--close");
|
|
380
|
-
closeEl.innerHTML = closeIcon;
|
|
381
|
-
return {
|
|
382
|
-
openEl,
|
|
383
|
-
closeEl
|
|
384
|
-
};
|
|
385
|
-
}
|
|
386
|
-
function buildButtonElement(options) {
|
|
387
|
-
const button = document.createElement("button");
|
|
388
|
-
button.classList.add("rvv-button", "rvv-button--trigger");
|
|
389
|
-
button.setAttribute("type", "button");
|
|
390
|
-
button.dataset.position = options.position ?? "right";
|
|
391
|
-
button.dataset.open = "false";
|
|
392
|
-
if (options.color) button.style.setProperty("--rvv-button-color", options.color);
|
|
393
|
-
if (options.textColor) button.style.setProperty("--rvv-button-text-color", options.textColor);
|
|
394
|
-
const iconWrapper = document.createElement("span");
|
|
395
|
-
iconWrapper.classList.add("rvv-button-icon");
|
|
396
|
-
iconWrapper.setAttribute("aria-hidden", "true");
|
|
397
|
-
if (options.label) {
|
|
398
|
-
const labelEl = document.createElement("span");
|
|
399
|
-
labelEl.classList.add("rvv-button-label");
|
|
400
|
-
labelEl.textContent = options.label;
|
|
401
|
-
button.append(labelEl);
|
|
402
|
-
}
|
|
403
|
-
if (options.icon) iconWrapper.innerHTML = options.icon;
|
|
404
|
-
else if (!options.label) {
|
|
405
|
-
const { openEl, closeEl } = buildDefaultIcons();
|
|
406
|
-
iconWrapper.append(openEl, closeEl);
|
|
407
|
-
}
|
|
408
|
-
if (iconWrapper.childNodes.length > 0) button.append(iconWrapper);
|
|
409
|
-
function setOpen(isOpen) {
|
|
410
|
-
button.dataset.open = String(isOpen);
|
|
411
|
-
}
|
|
412
|
-
return {
|
|
413
|
-
el: button,
|
|
414
|
-
setOpen
|
|
415
|
-
};
|
|
416
|
-
}
|
|
417
|
-
//#endregion
|
|
418
442
|
//#region src/factories/create-popover/create-popover.ts
|
|
419
443
|
var noop$1 = () => {};
|
|
420
444
|
function createPopoverElement() {
|
|
@@ -457,7 +481,7 @@ function createPopover(options, element) {
|
|
|
457
481
|
let unmountButton = noop$1;
|
|
458
482
|
if (trigger === "default") {
|
|
459
483
|
const { el: buttonEl, setOpen } = buildButtonElement(options);
|
|
460
|
-
buttonEl.classList.add("rvv-button--trigger-
|
|
484
|
+
buttonEl.classList.add("rvv-button--trigger-fixed");
|
|
461
485
|
setButtonOpen = setOpen;
|
|
462
486
|
buttonEl.addEventListener("click", () => toggle());
|
|
463
487
|
document.body.append(buttonEl);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-embed.spec.d.ts","sourceRoot":"","sources":["../../../../../src/embed/create-embed.spec.ts"],"names":[],"mappings":""}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { EmbedOptions } from '../../core/app-options';
|
|
2
|
+
import { ButtonOptions } from '../../core/button-options';
|
|
2
3
|
import { EmbedFloating } from '../../core/embed-types';
|
|
3
4
|
import { Public } from '../../utils/brand-types';
|
|
4
5
|
export type Dialog = EmbedFloating;
|
|
5
|
-
export declare function createDialog(options: Public<EmbedOptions
|
|
6
|
+
export declare function createDialog(options: Public<EmbedOptions> & ButtonOptions, element?: HTMLElement): Dialog;
|
|
6
7
|
//# sourceMappingURL=create-dialog.d.ts.map
|
|
@@ -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;
|
|
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,6 +1,7 @@
|
|
|
1
1
|
import { EmbedOptions } from '../../core/app-options';
|
|
2
|
+
import { ButtonOptions } from '../../core/button-options';
|
|
2
3
|
import { EmbedFloating } from '../../core/embed-types';
|
|
3
4
|
import { Public } from '../../utils/brand-types';
|
|
4
5
|
export type Drawer = EmbedFloating;
|
|
5
|
-
export declare function createDrawer(options: Public<EmbedOptions
|
|
6
|
+
export declare function createDrawer(options: Public<EmbedOptions> & ButtonOptions, element?: HTMLElement): Drawer;
|
|
6
7
|
//# sourceMappingURL=create-drawer.d.ts.map
|
|
@@ -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;
|
|
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 +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,
|
|
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"}
|