@perspective-ai/sdk 1.0.1 → 1.1.0
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.cjs +8 -26
- package/dist/browser.cjs.map +1 -1
- package/dist/browser.js +8 -26
- package/dist/browser.js.map +1 -1
- package/dist/cdn/perspective.global.js +7 -7
- package/dist/cdn/perspective.global.js.map +1 -1
- package/dist/constants.cjs +3 -21
- package/dist/constants.cjs.map +1 -1
- package/dist/constants.d.cts +2 -4
- package/dist/constants.d.ts +2 -4
- package/dist/constants.js +4 -21
- package/dist/constants.js.map +1 -1
- package/dist/index.cjs +8 -26
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +8 -26
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/constants.ts +4 -28
- package/src/iframe.test.ts +115 -0
- package/src/iframe.ts +8 -9
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var Perspective=(()=>{var se=Object.defineProperty;var
|
|
1
|
+
"use strict";var Perspective=(()=>{var se=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var Be=Object.getOwnPropertyNames;var Fe=Object.prototype.hasOwnProperty;var Ue=(e,r)=>{for(var t in r)se(e,t,{get:r[t],enumerable:!0})},$e=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of Be(r))!Fe.call(e,a)&&a!==t&&se(e,a,{get:()=>r[a],enumerable:!(o=Oe(r,a))||o.enumerable});return e};var ze=e=>$e(se({},"__esModule",{value:!0}),e);var mt={};Ue(mt,{autoInit:()=>ae,configure:()=>le,createChatBubble:()=>ue,createFloatBubble:()=>K,createFullpage:()=>te,createWidget:()=>X,default:()=>ct,destroy:()=>De,destroyAll:()=>Ne,getConfig:()=>pe,init:()=>D,mount:()=>be,openPopup:()=>J,openSlider:()=>ee});var we="1.1.0",W={RESIZE:1,THEME_SYNC:2,ANON_ID:4,SCROLLBAR_STYLES:8},xe=W.RESIZE|W.THEME_SYNC|W.ANON_ID|W.SCROLLBAR_STYLES,R={embed:"embed",embedType:"embed_type",theme:"theme"},S={primary:"brand.primary",secondary:"brand.secondary",bg:"brand.bg",text:"brand.text",darkPrimary:"brand.dark.primary",darkSecondary:"brand.dark.secondary",darkBg:"brand.dark.bg",darkText:"brand.dark.text"},ne=new Set([...Object.values(R),...Object.values(S)]),h={widget:"data-perspective-widget",popup:"data-perspective-popup",slider:"data-perspective-slider",float:"data-perspective-float",chat:"data-perspective-chat",fullpage:"data-perspective-fullpage",params:"data-perspective-params",brand:"data-perspective-brand",brandDark:"data-perspective-brand-dark",theme:"data-perspective-theme",noStyle:"data-perspective-no-style"},y={init:"perspective:init",ready:"perspective:ready",resize:"perspective:resize",submit:"perspective:submit",close:"perspective:close",error:"perspective:error",redirect:"perspective:redirect",anonId:"perspective:anon-id",injectStyles:"perspective:inject-styles",themeChange:"perspective:theme-change",requestScrollbarStyles:"perspective:request-scrollbar-styles"},ke={SDK_OUTDATED:"SDK_OUTDATED",INVALID_RESEARCH:"INVALID_RESEARCH",UNKNOWN:"UNKNOWN"},Ce={true:"true",false:"false"},g={dark:"dark",light:"light",system:"system"};var ie={anonId:"perspective-anon-id"};var Ke="https://getperspective.ai",U={};function le(e){U={...U,...e}}function pe(){return{...U}}function m(){return typeof window<"u"&&typeof document<"u"}function Se(e){try{return new URL(e).origin}catch{return e}}function E(e){if(e)return Se(e);if(U.host)return Se(U.host);if(m()){let r=Te();if(r)return r}return Ke}var F=null;function Te(){if(F!==null)return F;if(!m())return null;let e=document.currentScript;if(e!=null&&e.src)try{return F=new URL(e.src).origin,F}catch{}return F="",null}m()&&Te();function w(...e){return e.map(r=>(r||"").split(" ")).flat().filter(Boolean).join(" ")}function x(e){return e&&e!==g.system?`perspective-${e}-theme`:void 0}function N(e){return e===g.dark?!0:e===g.light||!m()?!1:window.matchMedia("(prefers-color-scheme: dark)").matches}function Le(e){return N(e)?"dark":"light"}function Ae(e){let r=e.trim();if(!r)return;let t=r.startsWith("#")?r:`#${r}`;if(/^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(t))return t;let o=t.slice(1).replace(/[^0-9a-fA-F]/g,"");if(o.length>=6)return`#${o.slice(0,6)}`;if(o.length>=3)return`#${o.slice(0,3)}`}function Me(e,r){let t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(!t||!t[1]||!t[2]||!t[3])return`rgba(118, 41, 200, ${r})`;let o=parseInt(t[1],16),a=parseInt(t[2],16),n=parseInt(t[3],16);return`rgba(${o}, ${a}, ${n}, ${r})`}function Ve(e){if(!e||typeof e!="string")return!1;try{let r=new URL(e,window.location.origin),t=r.protocol.toLowerCase(),o=r.hostname.toLowerCase();return t==="https:"||t==="http:"&&(o==="localhost"||o==="127.0.0.1")}catch{return!1}}function je(){if(!m())return"";try{let e=localStorage.getItem(ie.anonId);return e||(e=crypto.randomUUID(),localStorage.setItem(ie.anonId,e)),e}catch{return crypto.randomUUID()}}function Ye(){if(!m())return{};let e={},r=new URLSearchParams(window.location.search);for(let[t,o]of r.entries())ne.has(t)||(e[t]=o);return e}function Ge(e,r,t,o,a,n){let s=new URL(`${t}/interview/${e}`);if(s.searchParams.set(R.embed,Ce.true),s.searchParams.set(R.embedType,r==="float"?"chat":r),m()){let c=window.matchMedia("(prefers-color-scheme: dark)").matches;n&&n!==g.system?s.searchParams.set(R.theme,n):s.searchParams.set(R.theme,c?g.dark:g.light)}else s.searchParams.set(R.theme,n||g.light);let l=Ye();for(let[c,d]of Object.entries(l))s.searchParams.set(c,d);let i=(c,d)=>{if(!d)return;let f=Ae(d);f&&s.searchParams.set(c,f)};if(a!=null&&a.light&&(i(S.primary,a.light.primary),i(S.secondary,a.light.secondary),i(S.bg,a.light.bg),i(S.text,a.light.text)),a!=null&&a.dark&&(i(S.darkPrimary,a.dark.primary),i(S.darkSecondary,a.dark.secondary),i(S.darkBg,a.dark.bg),i(S.darkText,a.dark.text)),o)for(let[c,d]of Object.entries(o))ne.has(c)||s.searchParams.set(c,d);return s.toString()}function T(e,r,t,o,a,n){if(!m())return{};let s=document.createElement("iframe");return s.src=Ge(e,r,t,o,a,n),s.setAttribute("allow","microphone; camera"),s.setAttribute("allowfullscreen","true"),s.setAttribute("sandbox","allow-scripts allow-same-origin allow-forms allow-popups allow-modals allow-top-navigation"),s.setAttribute("data-perspective","true"),s.style.cssText="border:none;",s}function L(e,r,t,o,a){if(!m())return()=>{};let n=s=>{var l,i,c,d,f;if(s.origin===o&&s.source===t.contentWindow&&typeof((l=s.data)==null?void 0:l.type)=="string"&&s.data.type.startsWith("perspective:")&&s.data.researchId===e)switch(s.data.type){case y.ready:ce(t,o),q(t,o,{type:y.anonId,anonId:je()}),q(t,o,{type:y.init,version:we,features:xe,researchId:e}),(i=r.onReady)==null||i.call(r);break;case y.resize:a!=null&&a.skipResize||(t.style.height=`${s.data.height}px`);break;case y.submit:(c=r.onSubmit)==null||c.call(r,{researchId:e});break;case y.close:(d=r.onClose)==null||d.call(r);break;case y.error:{let b=new Error(s.data.error);b.code=s.data.code||"UNKNOWN",b.code===ke.SDK_OUTDATED?console.error("[Perspective] SDK version outdated. Please update @perspective-ai/sdk to the latest version.",b.message):console.error("[Perspective] Embed error:",b.message),(f=r.onError)==null||f.call(r,b);break}case y.redirect:let p=s.data.url;if(!Ve(p)){console.warn("[Perspective] Blocked unsafe redirect URL:",p);return}r.onNavigate?r.onNavigate(p):window.location.href=p;break}};return window.addEventListener("message",n),()=>window.removeEventListener("message",n)}function q(e,r,t){var o;m()&&((o=e.contentWindow)==null||o.postMessage(t,r))}var $=new Map;function A(e,r){return $.set(e,r),()=>{$.delete(e),$.size===0&&Je()}}function We(){if(!m())return"";let r=window.matchMedia("(prefers-color-scheme: dark)").matches?"hsl(217 33% 17%)":"hsl(240 6% 90%)";return`
|
|
2
2
|
* {
|
|
3
3
|
scrollbar-width: thin;
|
|
4
4
|
scrollbar-color: ${r} transparent;
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
*::-webkit-scrollbar-thumb:hover {
|
|
20
20
|
background-color: color-mix(in srgb, ${r} 80%, currentColor);
|
|
21
21
|
}
|
|
22
|
-
`}function ce(e,r){let t=
|
|
22
|
+
`}function ce(e,r){let t=We();q(e,r,{type:y.injectStyles,styles:t})}function qe(){if(!m())return;let e=window.matchMedia("(prefers-color-scheme: dark)").matches;$.forEach((r,t)=>{let o={type:y.themeChange,theme:e?g.dark:g.light};q(t,r,o),ce(t,r)})}var P=null,z=null,O=null,de=!1;function Qe(){P||!m()||(z=window.matchMedia("(prefers-color-scheme: dark)"),P=()=>qe(),z.addEventListener("change",P))}function Ze(){P&&z&&(z.removeEventListener("change",P),P=null,z=null)}function Xe(){!m()||O||(Qe(),O=e=>{var r,t;if((t=(r=e.data)==null?void 0:r.type)!=null&&t.startsWith("perspective:")&&e.data.type===y.requestScrollbarStyles){let a=Array.from(document.querySelectorAll("iframe[data-perspective]")).find(n=>n.contentWindow===e.source);if(a){let n=$.get(a);n&&e.origin===n&&ce(a,n)}}},window.addEventListener("message",O))}function Je(){O&&(window.removeEventListener("message",O),O=null),Ze(),de=!1}function M(){de||(de=!0,Xe())}var Q={light:{bg:"#ffffff",primary:"#7629C8"},dark:{bg:"#02040a",primary:"#B170FF"}};function et(e){var a,n;let t=Le(e==null?void 0:e.theme)==="dark",o=t?(a=e==null?void 0:e.brand)==null?void 0:a.dark:(n=e==null?void 0:e.brand)==null?void 0:n.light;return{bg:(o==null?void 0:o.bg)||(t?Q.dark.bg:Q.light.bg),primary:(o==null?void 0:o.primary)||(t?Q.dark.primary:Q.light.primary)}}function H(e){if(!m())return{remove:()=>{},style:{}};let r=et(e),t=document.createElement("div");t.className="perspective-loading",t.style.cssText=`
|
|
23
23
|
position: absolute;
|
|
24
24
|
top: 0;
|
|
25
25
|
left: 0;
|
|
@@ -34,11 +34,11 @@
|
|
|
34
34
|
`;let o=document.createElement("div");return o.style.cssText=`
|
|
35
35
|
width: 2.5rem;
|
|
36
36
|
height: 2.5rem;
|
|
37
|
-
border: 3px solid ${
|
|
37
|
+
border: 3px solid ${Me(r.primary,.15)};
|
|
38
38
|
border-top-color: ${r.primary};
|
|
39
39
|
border-radius: 50%;
|
|
40
40
|
animation: perspective-spin 0.8s linear infinite;
|
|
41
|
-
`,t.appendChild(o),t}var
|
|
41
|
+
`,t.appendChild(o),t}var He=!1,tt=`
|
|
42
42
|
--perspective-overlay-bg: rgba(0, 0, 0, 0.5);
|
|
43
43
|
--perspective-modal-bg: #ffffff;
|
|
44
44
|
--perspective-modal-text: #151B23;
|
|
@@ -56,10 +56,10 @@
|
|
|
56
56
|
--perspective-close-hover-bg: rgba(255, 255, 255, 0.2);
|
|
57
57
|
--perspective-close-hover-text: #ffffff;
|
|
58
58
|
--perspective-border: hsl(217 33% 17%);
|
|
59
|
-
`;function
|
|
59
|
+
`;function I(){if(!m()||He)return;He=!0;let e=document.createElement("style");e.id="perspective-embed-styles",e.textContent=`
|
|
60
60
|
/* Theme-aware color variables */
|
|
61
61
|
.perspective-embed-root, .perspective-light-theme {
|
|
62
|
-
${
|
|
62
|
+
${tt}
|
|
63
63
|
--perspective-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
64
64
|
--perspective-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
65
65
|
--perspective-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
@@ -402,5 +402,5 @@
|
|
|
402
402
|
<path stroke-linecap="round" stroke-linejoin="round" d="M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z" />
|
|
403
403
|
</svg>`;var _=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
404
404
|
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
|
|
405
|
-
</svg>`;var Z=new WeakMap;function ot(e,r){return{unmount:()=>{},update:()=>{},destroy:()=>{},researchId:e,type:r,iframe:null,container:null}}function at(e,r){let t=e.querySelector(".perspective-embed-root"),o=e.querySelector("iframe[data-perspective]"),a=!1,n=()=>{if(!a){if(a=!0,o){let s=Z.get(o);s&&(s.cleanup(),s.unregister(),Z.delete(o))}t==null||t.remove()}};return{unmount:n,update:()=>{},destroy:n,researchId:r,type:"widget",iframe:o,container:e}}function X(e,r){let{researchId:t}=r;if(!m()||!e)return ot(t,"widget");if(e.querySelector("iframe[data-perspective]"))return at(e,t);let o=w(r.host);R(),M();let a=document.createElement("div");a.className=x("perspective-embed-root",k(r.theme)),a.style.cssText="position:relative;width:100%;height:100%;min-height:500px;";let n=H({theme:r.theme,brand:r.brand});a.appendChild(n);let s=T(t,"widget",o,r.params,r.brand,r.theme);s.style.width="100%",s.style.height="100%",s.style.minHeight="500px",s.style.opacity="0",s.style.transition="opacity 0.3s ease",a.appendChild(s),e.appendChild(a);let l={...r},i=L(t,{get onReady(){return()=>{var p;n.style.opacity="0",s.style.opacity="1",setTimeout(()=>n.remove(),300),(p=l.onReady)==null||p.call(l)}},get onSubmit(){return l.onSubmit},get onNavigate(){return l.onNavigate},get onClose(){return l.onClose},get onError(){return l.onError}},s,o,{skipResize:!0}),c=A(s,o);Z.set(s,{cleanup:i,unregister:c,wrapper:a});let d=!1,f=()=>{d||(d=!0,i(),c(),Z.delete(s),a.remove())};return{unmount:f,update:p=>{l={...l,...p}},destroy:f,researchId:t,type:"widget",iframe:s,container:e}}function st(e){return{unmount:()=>{},update:()=>{},destroy:()=>{},researchId:e,type:"popup",iframe:null,container:null}}function J(e){let{researchId:r}=e;if(!m())return st(r);let t=w(e.host);R(),M();let o=document.createElement("div");o.className=x("perspective-overlay perspective-embed-root",k(e.theme));let a=document.createElement("div");a.className="perspective-modal";let n=document.createElement("button");n.className="perspective-close",n.innerHTML=_,n.setAttribute("aria-label","Close");let s=H({theme:e.theme,brand:e.brand});s.style.borderRadius="16px";let l=T(r,"popup",t,e.params,e.brand,e.theme);l.style.opacity="0",l.style.transition="opacity 0.3s ease",a.appendChild(n),a.appendChild(s),a.appendChild(l),o.appendChild(a),document.body.appendChild(o);let i={...e},c=!0,d=null,f=A(l,t),p=()=>{var u;c&&(c=!1,d==null||d(),f(),o.remove(),document.removeEventListener("keydown",g),(u=i.onClose)==null||u.call(i))};d=L(r,{get onReady(){return()=>{var u;s.style.opacity="0",l.style.opacity="1",setTimeout(()=>s.remove(),300),(u=i.onReady)==null||u.call(i)}},get onSubmit(){return i.onSubmit},get onNavigate(){return i.onNavigate},get onClose(){return p},get onError(){return i.onError}},l,t,{skipResize:!0}),n.addEventListener("click",p),o.addEventListener("click",u=>{u.target===o&&p()});let g=u=>{u.key==="Escape"&&p()};return document.addEventListener("keydown",g),{unmount:p,update:u=>{i={...i,...u}},destroy:p,researchId:r,type:"popup",iframe:l,container:o}}function nt(e){return{unmount:()=>{},update:()=>{},destroy:()=>{},researchId:e,type:"slider",iframe:null,container:null}}function ee(e){let{researchId:r}=e;if(!m())return nt(r);let t=w(e.host);R(),M();let o=document.createElement("div");o.className=x("perspective-slider-backdrop perspective-embed-root",k(e.theme));let a=document.createElement("div");a.className=x("perspective-slider perspective-embed-root",k(e.theme));let n=document.createElement("button");n.className="perspective-close",n.innerHTML=_,n.setAttribute("aria-label","Close");let s=H({theme:e.theme,brand:e.brand}),l=T(r,"slider",t,e.params,e.brand,e.theme);l.style.opacity="0",l.style.transition="opacity 0.3s ease",a.appendChild(n),a.appendChild(s),a.appendChild(l),document.body.appendChild(o),document.body.appendChild(a);let i={...e},c=!0,d=null,f=A(l,t),p=()=>{var u;c&&(c=!1,d==null||d(),f(),a.remove(),o.remove(),document.removeEventListener("keydown",g),(u=i.onClose)==null||u.call(i))};d=L(r,{get onReady(){return()=>{var u;s.style.opacity="0",l.style.opacity="1",setTimeout(()=>s.remove(),300),(u=i.onReady)==null||u.call(i)}},get onSubmit(){return i.onSubmit},get onNavigate(){return i.onNavigate},get onClose(){return p},get onError(){return i.onError}},l,t,{skipResize:!0}),n.addEventListener("click",p),o.addEventListener("click",p);let g=u=>{u.key==="Escape"&&p()};return document.addEventListener("keydown",g),{unmount:p,update:u=>{i={...i,...u}},destroy:p,researchId:r,type:"slider",iframe:l,container:a}}function it(e){return{unmount:()=>{},update:()=>{},destroy:()=>{},open:()=>{},close:()=>{},toggle:()=>{},isOpen:!1,researchId:e,type:"float",iframe:null,container:null}}function K(e){var ve,ye;let{researchId:r,_themeConfig:t,theme:o,brand:a}=e;if(!m())return it(r);let n=w(e.host);R(),M();let s=document.createElement("button");if(s.className=x("perspective-float-bubble perspective-embed-root",k(e.theme)),s.innerHTML=me,s.setAttribute("aria-label","Open chat"),s.setAttribute("data-perspective","float-bubble"),t||a){let S=P(o)?((ve=a==null?void 0:a.dark)==null?void 0:ve.primary)??(t==null?void 0:t.darkPrimaryColor)??"#a78bfa":((ye=a==null?void 0:a.light)==null?void 0:ye.primary)??(t==null?void 0:t.primaryColor)??"#7c3aed";s.style.setProperty("--perspective-float-bg",S),s.style.setProperty("--perspective-float-shadow",`0 4px 12px ${S}66`),s.style.setProperty("--perspective-float-shadow-hover",`0 6px 16px ${S}80`),s.style.backgroundColor=S,s.style.boxShadow=`0 4px 12px ${S}66`}document.body.appendChild(s);let l=null,i=null,c=null,d=null,f=!1,p={...e},g=()=>{if(f)return;f=!0,l=document.createElement("div"),l.className=x("perspective-float-window perspective-embed-root",k(p.theme));let C=document.createElement("button");C.className="perspective-close",C.innerHTML=_,C.setAttribute("aria-label","Close chat"),C.addEventListener("click",u);let S=H({theme:p.theme,brand:p.brand});S.style.borderRadius="16px",i=T(r,"float",n,p.params,p.brand,p.theme),i.style.opacity="0",i.style.transition="opacity 0.3s ease",l.appendChild(C),l.appendChild(S),l.appendChild(i),document.body.appendChild(l),c=L(r,{get onReady(){return()=>{var Ee;S.style.opacity="0",i.style.opacity="1",setTimeout(()=>S.remove(),300),(Ee=p.onReady)==null||Ee.call(p)}},get onSubmit(){return p.onSubmit},get onNavigate(){return p.onNavigate},get onClose(){return u},get onError(){return p.onError}},i,n,{skipResize:!0}),i&&(d=A(i,n)),s.innerHTML=_,s.setAttribute("aria-label","Close chat")},u=()=>{var C;f&&(f=!1,c==null||c(),d==null||d(),l==null||l.remove(),l=null,i=null,c=null,d=null,s.innerHTML=me,s.setAttribute("aria-label","Open chat"),(C=p.onClose)==null||C.call(p))};s.addEventListener("click",()=>{f?u():g()});let ge=()=>{u(),s.remove()};return{unmount:ge,update:C=>{p={...p,...C}},destroy:ge,open:g,close:u,toggle:()=>{f?u():g()},get isOpen(){return f},researchId:r,type:"float",get iframe(){return i},container:s}}var ue=K;function lt(e){return{unmount:()=>{},update:()=>{},destroy:()=>{},researchId:e,type:"fullpage",iframe:null,container:null}}function te(e){let{researchId:r}=e;if(!m())return lt(r);let t=w(e.host);R(),M();let o=document.createElement("div");o.className=x("perspective-embed-root perspective-fullpage",k(e.theme));let a=H({theme:e.theme,brand:e.brand});o.appendChild(a);let n=T(r,"fullpage",t,e.params,e.brand,e.theme);n.style.opacity="0",n.style.transition="opacity 0.3s ease",o.appendChild(n),document.body.appendChild(o);let s={...e},l=null,i=A(n,t),c=()=>{var d;l==null||l(),i(),o.remove(),(d=s.onClose)==null||d.call(s)};return l=L(r,{get onReady(){return()=>{var d;a.style.opacity="0",n.style.opacity="1",setTimeout(()=>a.remove(),300),(d=s.onReady)==null||d.call(s)}},get onSubmit(){return s.onSubmit},get onNavigate(){return s.onNavigate},get onClose(){return c},get onError(){return s.onError}},n,t,{skipResize:!0}),{unmount:c,update:d=>{s={...s,...d}},destroy:c,researchId:r,type:"fullpage",iframe:n,container:o}}var y=new Map,fe=new Map,oe=new Map,Y=null,G={primaryColor:"#7c3aed",textColor:"#ffffff",darkPrimaryColor:"#a78bfa",darkTextColor:"#ffffff"};async function he(e){if(fe.has(e))return fe.get(e);try{let r=w(),t=await fetch(`${r}/api/v1/embed/config/${e}`);if(!t.ok)return G;let o=await t.json();return fe.set(e,o),o}catch{return G}}function re(e,r,t){e.hasAttribute(h.noStyle)||(oe.set(e,{themeConfig:r,theme:t==null?void 0:t.theme,brand:t==null?void 0:t.brand}),De(e,{themeConfig:r,theme:t==null?void 0:t.theme,brand:t==null?void 0:t.brand}))}function De(e,r){var i,c,d,f;let{themeConfig:t,theme:o,brand:a}=r,n=P(o),s=n?((i=a==null?void 0:a.dark)==null?void 0:i.primary)??t.darkPrimaryColor:((c=a==null?void 0:a.light)==null?void 0:c.primary)??t.primaryColor,l=n?((d=a==null?void 0:a.dark)==null?void 0:d.text)??t.darkTextColor:((f=a==null?void 0:a.light)==null?void 0:f.text)??t.textColor;e.style.backgroundColor=s,e.style.color=l,e.style.padding="10px 20px",e.style.border="none",e.style.borderRadius="8px",e.style.fontWeight="500",e.style.cursor="pointer"}function pt(){oe.forEach((e,r)=>{document.contains(r)?De(r,e):oe.delete(r)})}var B=null;function dt(){B||!m()||(Y=window.matchMedia("(prefers-color-scheme: dark)"),B=()=>pt(),Y.addEventListener("change",B))}function ct(){B&&Y&&(Y.removeEventListener("change",B),B=null,Y=null)}function V(e){let r=e.getAttribute(h.params);if(!r)return;let t={};for(let o of r.split(",")){let[a,...n]=o.trim().split("=");a&&(t[a.trim()]=n.join("=").trim())}return Object.keys(t).length>0?t:void 0}function _e(e){if(!e)return;let r={};for(let t of e.split(",")){let[o,...a]=t.trim().split("=");if(o&&a.length>0){let n=a.join("=").trim();if(n){let s=o.trim();(s==="primary"||s==="secondary"||s==="bg"||s==="text")&&(r[s]=n)}}}return Object.keys(r).length>0?r:void 0}function j(e){let r=_e(e.getAttribute(h.brand)),t=_e(e.getAttribute(h.brandDark)),o=e.getAttribute(h.theme),a={};return(r||t)&&(a.brand={},r&&(a.brand.light=r),t&&(a.brand.dark=t)),(o===v.dark||o===v.light||o===v.system)&&(a.theme=o),a}function D(e){let{researchId:r}=e,t=e.type==="chat"?"float":e.type??"widget";y.has(r)&&(y.get(r).unmount(),y.delete(r));let o;switch(t){case"popup":o=J(e);break;case"slider":o=ee(e);break;case"float":o=K(e);break;case"fullpage":o=te(e);break;default:throw new Error(`Unknown embed type "${t}". Valid types: popup, slider, float, fullpage (use init()), or widget (use mount()).`)}return y.set(r,o),o}function be(e,r){let{researchId:t}=r,o=r.type==="chat"?"float":r.type??"widget",a=typeof e=="string"?document.querySelector(e):e;if(!a)throw new Error(`Container not found: ${e}`);y.has(t)&&(y.get(t).unmount(),y.delete(t));let n;if(o==="widget")n=X(a,r);else return n=D({...r,type:o}),n;return y.set(t,n),n}function Pe(e){let r=y.get(e);r&&(r.unmount(),y.delete(e))}function Ne(){y.forEach(e=>e.unmount()),y.clear(),oe.clear(),ct()}function ae(){if(!m())return;dt(),document.querySelectorAll(`[${h.widget}]`).forEach(t=>{let o=t.getAttribute(h.widget);if(o&&!y.has(o)){let a=V(t),n=j(t);be(t,{researchId:o,type:"widget",params:a,...n})}}),document.querySelectorAll(`[${h.fullpage}]`).forEach(t=>{let o=t.getAttribute(h.fullpage);if(o&&!y.has(o)){let a=V(t),n=j(t);D({researchId:o,type:"fullpage",params:a,...n})}}),document.querySelectorAll(`[${h.popup}]`).forEach(t=>{if(t.hasAttribute("data-perspective-initialized"))return;t.setAttribute("data-perspective-initialized","true");let o=t.getAttribute(h.popup);if(o){let a=V(t),n=j(t);re(t,G,n),t.addEventListener("click",s=>{s.preventDefault(),D({researchId:o,type:"popup",params:a,...n})}),he(o).then(s=>{re(t,s,n)})}}),document.querySelectorAll(`[${h.slider}]`).forEach(t=>{if(t.hasAttribute("data-perspective-initialized"))return;t.setAttribute("data-perspective-initialized","true");let o=t.getAttribute(h.slider);if(o){let a=V(t),n=j(t);re(t,G,n),t.addEventListener("click",s=>{s.preventDefault(),D({researchId:o,type:"slider",params:a,...n})}),he(o).then(s=>{re(t,s,n)})}});let e=`[${h.float}], [${h.chat}]`,r=document.querySelector(e);if(r){let t=r.getAttribute(h.float)||r.getAttribute(h.chat);if(t&&!y.has(t)){let o=V(r),a=j(r);D({researchId:t,type:"float",params:o,...a,_themeConfig:G}),he(t).then(n=>{var l,i,c,d;let s=document.querySelector('[data-perspective="float-bubble"]');if(s&&!r.hasAttribute(h.noStyle)){let p=P(a.theme)?((i=(l=a.brand)==null?void 0:l.dark)==null?void 0:i.primary)??n.darkPrimaryColor:((d=(c=a.brand)==null?void 0:c.light)==null?void 0:d.primary)??n.primaryColor;s.style.setProperty("--perspective-float-bg",p),s.style.setProperty("--perspective-float-shadow",`0 4px 12px ${p}66`),s.style.setProperty("--perspective-float-shadow-hover",`0 6px 16px ${p}80`),s.style.backgroundColor=p,s.style.boxShadow=`0 4px 12px ${p}66`}})}}}var Oe={configure:le,getConfig:pe,init:D,mount:be,destroy:Pe,destroyAll:Ne,autoInit:ae,createWidget:X,openPopup:J,openSlider:ee,createFloatBubble:K,createFullpage:te,createChatBubble:ue};m()&&!window.__PERSPECTIVE_SDK_INITIALIZED__&&(window.__PERSPECTIVE_SDK_INITIALIZED__=!0,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",ae,{once:!0}):ae(),window.Perspective=Oe);var mt=Oe;return Ke(ut);})();
|
|
405
|
+
</svg>`;var Z=new WeakMap;function rt(e,r){return{unmount:()=>{},update:()=>{},destroy:()=>{},researchId:e,type:r,iframe:null,container:null}}function ot(e,r){let t=e.querySelector(".perspective-embed-root"),o=e.querySelector("iframe[data-perspective]"),a=!1,n=()=>{if(!a){if(a=!0,o){let s=Z.get(o);s&&(s.cleanup(),s.unregister(),Z.delete(o))}t==null||t.remove()}};return{unmount:n,update:()=>{},destroy:n,researchId:r,type:"widget",iframe:o,container:e}}function X(e,r){let{researchId:t}=r;if(!m()||!e)return rt(t,"widget");if(e.querySelector("iframe[data-perspective]"))return ot(e,t);let o=E(r.host);I(),M();let a=document.createElement("div");a.className=w("perspective-embed-root",x(r.theme)),a.style.cssText="position:relative;width:100%;height:100%;min-height:500px;";let n=H({theme:r.theme,brand:r.brand});a.appendChild(n);let s=T(t,"widget",o,r.params,r.brand,r.theme);s.style.width="100%",s.style.height="100%",s.style.minHeight="500px",s.style.opacity="0",s.style.transition="opacity 0.3s ease",a.appendChild(s),e.appendChild(a);let l={...r},i=L(t,{get onReady(){return()=>{var p;n.style.opacity="0",s.style.opacity="1",setTimeout(()=>n.remove(),300),(p=l.onReady)==null||p.call(l)}},get onSubmit(){return l.onSubmit},get onNavigate(){return l.onNavigate},get onClose(){return l.onClose},get onError(){return l.onError}},s,o,{skipResize:!0}),c=A(s,o);Z.set(s,{cleanup:i,unregister:c,wrapper:a});let d=!1,f=()=>{d||(d=!0,i(),c(),Z.delete(s),a.remove())};return{unmount:f,update:p=>{l={...l,...p}},destroy:f,researchId:t,type:"widget",iframe:s,container:e}}function at(e){return{unmount:()=>{},update:()=>{},destroy:()=>{},researchId:e,type:"popup",iframe:null,container:null}}function J(e){let{researchId:r}=e;if(!m())return at(r);let t=E(e.host);I(),M();let o=document.createElement("div");o.className=w("perspective-overlay perspective-embed-root",x(e.theme));let a=document.createElement("div");a.className="perspective-modal";let n=document.createElement("button");n.className="perspective-close",n.innerHTML=_,n.setAttribute("aria-label","Close");let s=H({theme:e.theme,brand:e.brand});s.style.borderRadius="16px";let l=T(r,"popup",t,e.params,e.brand,e.theme);l.style.opacity="0",l.style.transition="opacity 0.3s ease",a.appendChild(n),a.appendChild(s),a.appendChild(l),o.appendChild(a),document.body.appendChild(o);let i={...e},c=!0,d=null,f=A(l,t),p=()=>{var u;c&&(c=!1,d==null||d(),f(),o.remove(),document.removeEventListener("keydown",b),(u=i.onClose)==null||u.call(i))};d=L(r,{get onReady(){return()=>{var u;s.style.opacity="0",l.style.opacity="1",setTimeout(()=>s.remove(),300),(u=i.onReady)==null||u.call(i)}},get onSubmit(){return i.onSubmit},get onNavigate(){return i.onNavigate},get onClose(){return p},get onError(){return i.onError}},l,t,{skipResize:!0}),n.addEventListener("click",p),o.addEventListener("click",u=>{u.target===o&&p()});let b=u=>{u.key==="Escape"&&p()};return document.addEventListener("keydown",b),{unmount:p,update:u=>{i={...i,...u}},destroy:p,researchId:r,type:"popup",iframe:l,container:o}}function st(e){return{unmount:()=>{},update:()=>{},destroy:()=>{},researchId:e,type:"slider",iframe:null,container:null}}function ee(e){let{researchId:r}=e;if(!m())return st(r);let t=E(e.host);I(),M();let o=document.createElement("div");o.className=w("perspective-slider-backdrop perspective-embed-root",x(e.theme));let a=document.createElement("div");a.className=w("perspective-slider perspective-embed-root",x(e.theme));let n=document.createElement("button");n.className="perspective-close",n.innerHTML=_,n.setAttribute("aria-label","Close");let s=H({theme:e.theme,brand:e.brand}),l=T(r,"slider",t,e.params,e.brand,e.theme);l.style.opacity="0",l.style.transition="opacity 0.3s ease",a.appendChild(n),a.appendChild(s),a.appendChild(l),document.body.appendChild(o),document.body.appendChild(a);let i={...e},c=!0,d=null,f=A(l,t),p=()=>{var u;c&&(c=!1,d==null||d(),f(),a.remove(),o.remove(),document.removeEventListener("keydown",b),(u=i.onClose)==null||u.call(i))};d=L(r,{get onReady(){return()=>{var u;s.style.opacity="0",l.style.opacity="1",setTimeout(()=>s.remove(),300),(u=i.onReady)==null||u.call(i)}},get onSubmit(){return i.onSubmit},get onNavigate(){return i.onNavigate},get onClose(){return p},get onError(){return i.onError}},l,t,{skipResize:!0}),n.addEventListener("click",p),o.addEventListener("click",p);let b=u=>{u.key==="Escape"&&p()};return document.addEventListener("keydown",b),{unmount:p,update:u=>{i={...i,...u}},destroy:p,researchId:r,type:"slider",iframe:l,container:a}}function nt(e){return{unmount:()=>{},update:()=>{},destroy:()=>{},open:()=>{},close:()=>{},toggle:()=>{},isOpen:!1,researchId:e,type:"float",iframe:null,container:null}}function K(e){var ve,ye;let{researchId:r,_themeConfig:t,theme:o,brand:a}=e;if(!m())return nt(r);let n=E(e.host);I(),M();let s=document.createElement("button");if(s.className=w("perspective-float-bubble perspective-embed-root",x(e.theme)),s.innerHTML=me,s.setAttribute("aria-label","Open chat"),s.setAttribute("data-perspective","float-bubble"),t||a){let C=N(o)?((ve=a==null?void 0:a.dark)==null?void 0:ve.primary)??(t==null?void 0:t.darkPrimaryColor)??"#a78bfa":((ye=a==null?void 0:a.light)==null?void 0:ye.primary)??(t==null?void 0:t.primaryColor)??"#7c3aed";s.style.setProperty("--perspective-float-bg",C),s.style.setProperty("--perspective-float-shadow",`0 4px 12px ${C}66`),s.style.setProperty("--perspective-float-shadow-hover",`0 6px 16px ${C}80`),s.style.backgroundColor=C,s.style.boxShadow=`0 4px 12px ${C}66`}document.body.appendChild(s);let l=null,i=null,c=null,d=null,f=!1,p={...e},b=()=>{if(f)return;f=!0,l=document.createElement("div"),l.className=w("perspective-float-window perspective-embed-root",x(p.theme));let k=document.createElement("button");k.className="perspective-close",k.innerHTML=_,k.setAttribute("aria-label","Close chat"),k.addEventListener("click",u);let C=H({theme:p.theme,brand:p.brand});C.style.borderRadius="16px",i=T(r,"float",n,p.params,p.brand,p.theme),i.style.opacity="0",i.style.transition="opacity 0.3s ease",l.appendChild(k),l.appendChild(C),l.appendChild(i),document.body.appendChild(l),c=L(r,{get onReady(){return()=>{var Ee;C.style.opacity="0",i.style.opacity="1",setTimeout(()=>C.remove(),300),(Ee=p.onReady)==null||Ee.call(p)}},get onSubmit(){return p.onSubmit},get onNavigate(){return p.onNavigate},get onClose(){return u},get onError(){return p.onError}},i,n,{skipResize:!0}),i&&(d=A(i,n)),s.innerHTML=_,s.setAttribute("aria-label","Close chat")},u=()=>{var k;f&&(f=!1,c==null||c(),d==null||d(),l==null||l.remove(),l=null,i=null,c=null,d=null,s.innerHTML=me,s.setAttribute("aria-label","Open chat"),(k=p.onClose)==null||k.call(p))};s.addEventListener("click",()=>{f?u():b()});let ge=()=>{u(),s.remove()};return{unmount:ge,update:k=>{p={...p,...k}},destroy:ge,open:b,close:u,toggle:()=>{f?u():b()},get isOpen(){return f},researchId:r,type:"float",get iframe(){return i},container:s}}var ue=K;function it(e){return{unmount:()=>{},update:()=>{},destroy:()=>{},researchId:e,type:"fullpage",iframe:null,container:null}}function te(e){let{researchId:r}=e;if(!m())return it(r);let t=E(e.host);I(),M();let o=document.createElement("div");o.className=w("perspective-embed-root perspective-fullpage",x(e.theme));let a=H({theme:e.theme,brand:e.brand});o.appendChild(a);let n=T(r,"fullpage",t,e.params,e.brand,e.theme);n.style.opacity="0",n.style.transition="opacity 0.3s ease",o.appendChild(n),document.body.appendChild(o);let s={...e},l=null,i=A(n,t),c=()=>{var d;l==null||l(),i(),o.remove(),(d=s.onClose)==null||d.call(s)};return l=L(r,{get onReady(){return()=>{var d;a.style.opacity="0",n.style.opacity="1",setTimeout(()=>a.remove(),300),(d=s.onReady)==null||d.call(s)}},get onSubmit(){return s.onSubmit},get onNavigate(){return s.onNavigate},get onClose(){return c},get onError(){return s.onError}},n,t,{skipResize:!0}),{unmount:c,update:d=>{s={...s,...d}},destroy:c,researchId:r,type:"fullpage",iframe:n,container:o}}var v=new Map,fe=new Map,oe=new Map,Y=null,G={primaryColor:"#7c3aed",textColor:"#ffffff",darkPrimaryColor:"#a78bfa",darkTextColor:"#ffffff"};async function he(e){if(fe.has(e))return fe.get(e);try{let r=E(),t=await fetch(`${r}/api/v1/embed/config/${e}`);if(!t.ok)return G;let o=await t.json();return fe.set(e,o),o}catch{return G}}function re(e,r,t){e.hasAttribute(h.noStyle)||(oe.set(e,{themeConfig:r,theme:t==null?void 0:t.theme,brand:t==null?void 0:t.brand}),_e(e,{themeConfig:r,theme:t==null?void 0:t.theme,brand:t==null?void 0:t.brand}))}function _e(e,r){var i,c,d,f;let{themeConfig:t,theme:o,brand:a}=r,n=N(o),s=n?((i=a==null?void 0:a.dark)==null?void 0:i.primary)??t.darkPrimaryColor:((c=a==null?void 0:a.light)==null?void 0:c.primary)??t.primaryColor,l=n?((d=a==null?void 0:a.dark)==null?void 0:d.text)??t.darkTextColor:((f=a==null?void 0:a.light)==null?void 0:f.text)??t.textColor;e.style.backgroundColor=s,e.style.color=l,e.style.padding="10px 20px",e.style.border="none",e.style.borderRadius="8px",e.style.fontWeight="500",e.style.cursor="pointer"}function lt(){oe.forEach((e,r)=>{document.contains(r)?_e(r,e):oe.delete(r)})}var B=null;function pt(){B||!m()||(Y=window.matchMedia("(prefers-color-scheme: dark)"),B=()=>lt(),Y.addEventListener("change",B))}function dt(){B&&Y&&(Y.removeEventListener("change",B),B=null,Y=null)}function V(e){let r=e.getAttribute(h.params);if(!r)return;let t={};for(let o of r.split(",")){let[a,...n]=o.trim().split("=");a&&(t[a.trim()]=n.join("=").trim())}return Object.keys(t).length>0?t:void 0}function Re(e){if(!e)return;let r={};for(let t of e.split(",")){let[o,...a]=t.trim().split("=");if(o&&a.length>0){let n=a.join("=").trim();if(n){let s=o.trim();(s==="primary"||s==="secondary"||s==="bg"||s==="text")&&(r[s]=n)}}}return Object.keys(r).length>0?r:void 0}function j(e){let r=Re(e.getAttribute(h.brand)),t=Re(e.getAttribute(h.brandDark)),o=e.getAttribute(h.theme),a={};return(r||t)&&(a.brand={},r&&(a.brand.light=r),t&&(a.brand.dark=t)),(o===g.dark||o===g.light||o===g.system)&&(a.theme=o),a}function D(e){let{researchId:r}=e,t=e.type==="chat"?"float":e.type??"widget";v.has(r)&&(v.get(r).unmount(),v.delete(r));let o;switch(t){case"popup":o=J(e);break;case"slider":o=ee(e);break;case"float":o=K(e);break;case"fullpage":o=te(e);break;default:throw new Error(`Unknown embed type "${t}". Valid types: popup, slider, float, fullpage (use init()), or widget (use mount()).`)}return v.set(r,o),o}function be(e,r){let{researchId:t}=r,o=r.type==="chat"?"float":r.type??"widget",a=typeof e=="string"?document.querySelector(e):e;if(!a)throw new Error(`Container not found: ${e}`);v.has(t)&&(v.get(t).unmount(),v.delete(t));let n;if(o==="widget")n=X(a,r);else return n=D({...r,type:o}),n;return v.set(t,n),n}function De(e){let r=v.get(e);r&&(r.unmount(),v.delete(e))}function Ne(){v.forEach(e=>e.unmount()),v.clear(),oe.clear(),dt()}function ae(){if(!m())return;pt(),document.querySelectorAll(`[${h.widget}]`).forEach(t=>{let o=t.getAttribute(h.widget);if(o&&!v.has(o)){let a=V(t),n=j(t);be(t,{researchId:o,type:"widget",params:a,...n})}}),document.querySelectorAll(`[${h.fullpage}]`).forEach(t=>{let o=t.getAttribute(h.fullpage);if(o&&!v.has(o)){let a=V(t),n=j(t);D({researchId:o,type:"fullpage",params:a,...n})}}),document.querySelectorAll(`[${h.popup}]`).forEach(t=>{if(t.hasAttribute("data-perspective-initialized"))return;t.setAttribute("data-perspective-initialized","true");let o=t.getAttribute(h.popup);if(o){let a=V(t),n=j(t);re(t,G,n),t.addEventListener("click",s=>{s.preventDefault(),D({researchId:o,type:"popup",params:a,...n})}),he(o).then(s=>{re(t,s,n)})}}),document.querySelectorAll(`[${h.slider}]`).forEach(t=>{if(t.hasAttribute("data-perspective-initialized"))return;t.setAttribute("data-perspective-initialized","true");let o=t.getAttribute(h.slider);if(o){let a=V(t),n=j(t);re(t,G,n),t.addEventListener("click",s=>{s.preventDefault(),D({researchId:o,type:"slider",params:a,...n})}),he(o).then(s=>{re(t,s,n)})}});let e=`[${h.float}], [${h.chat}]`,r=document.querySelector(e);if(r){let t=r.getAttribute(h.float)||r.getAttribute(h.chat);if(t&&!v.has(t)){let o=V(r),a=j(r);D({researchId:t,type:"float",params:o,...a,_themeConfig:G}),he(t).then(n=>{var l,i,c,d;let s=document.querySelector('[data-perspective="float-bubble"]');if(s&&!r.hasAttribute(h.noStyle)){let p=N(a.theme)?((i=(l=a.brand)==null?void 0:l.dark)==null?void 0:i.primary)??n.darkPrimaryColor:((d=(c=a.brand)==null?void 0:c.light)==null?void 0:d.primary)??n.primaryColor;s.style.setProperty("--perspective-float-bg",p),s.style.setProperty("--perspective-float-shadow",`0 4px 12px ${p}66`),s.style.setProperty("--perspective-float-shadow-hover",`0 6px 16px ${p}80`),s.style.backgroundColor=p,s.style.boxShadow=`0 4px 12px ${p}66`}})}}}var Pe={configure:le,getConfig:pe,init:D,mount:be,destroy:De,destroyAll:Ne,autoInit:ae,createWidget:X,openPopup:J,openSlider:ee,createFloatBubble:K,createFullpage:te,createChatBubble:ue};m()&&!window.__PERSPECTIVE_SDK_INITIALIZED__&&(window.__PERSPECTIVE_SDK_INITIALIZED__=!0,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",ae,{once:!0}):ae(),window.Perspective=Pe);var ct=Pe;return ze(mt);})();
|
|
406
406
|
//# sourceMappingURL=perspective.global.js.map
|