@moveo-ai/web-client 0.108.0 → 0.109.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/README.md +164 -69
- package/dist/63.min.js +2 -0
- package/dist/{329.min.js.LICENSE.txt → 63.min.js.LICENSE.txt} +1 -1
- package/dist/752.min.js +2 -0
- package/dist/{147.min.js.LICENSE.txt → 752.min.js.LICENSE.txt} +1 -1
- package/dist/882.min.js +1 -1
- package/dist/882.min.js.LICENSE.txt +1 -1
- package/dist/929.min.js +1 -1
- package/dist/929.min.js.LICENSE.txt +1 -1
- package/dist/audio-client.min.js +1 -1
- package/dist/audio-client.min.js.LICENSE.txt +20 -10
- package/dist/iframe.min.js +1 -1
- package/dist/iframe.min.js.LICENSE.txt +24 -27
- package/dist/index.html +1 -7
- package/dist/preview/index.html +16 -14
- package/dist/preview-telnyx/index.html +79 -0
- package/dist/preview.css.min.js +1 -1
- package/dist/preview.css.min.js.LICENSE.txt +1 -1
- package/dist/telnyx-client.min.js +1 -1
- package/dist/telnyx-client.min.js.LICENSE.txt +20 -10
- package/dist/web-client.min.js +1 -1
- package/dist/web-client.min.js.LICENSE.txt +1 -1
- package/dist/webrtc-client.min.js +1 -1
- package/dist/webrtc-client.min.js.LICENSE.txt +20 -10
- package/package.json +108 -99
- package/web-client.d.ts +152 -0
- package/dist/147.min.js +0 -2
- package/dist/147.min.js.map +0 -1
- package/dist/329.min.js +0 -2
- package/dist/329.min.js.map +0 -1
- package/dist/882.min.js.map +0 -1
- package/dist/929.min.js.map +0 -1
- package/dist/954.min.js +0 -2
- package/dist/954.min.js.LICENSE.txt +0 -6
- package/dist/954.min.js.map +0 -1
- package/dist/audio-client.min.js.map +0 -1
- package/dist/iframe.min.js.map +0 -1
- package/dist/iframe.v2.min.js +0 -2
- package/dist/iframe.v2.min.js.LICENSE.txt +0 -63
- package/dist/iframe.v2.min.js.map +0 -1
- package/dist/preview.css.min.js.map +0 -1
- package/dist/telnyx-client.min.js.map +0 -1
- package/dist/web-client.min.js.map +0 -1
- package/dist/webrtc-client.min.js.map +0 -1
|
@@ -4,40 +4,30 @@
|
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
/*!
|
|
8
|
-
Copyright (c) 2015 Jed Watson.
|
|
9
|
-
Based on code that is Copyright 2013-2015, Facebook, Inc.
|
|
10
|
-
All rights reserved.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
7
|
/*!
|
|
14
8
|
*
|
|
15
|
-
* @moveo-ai/web-client v0.
|
|
9
|
+
* @moveo-ai/web-client v0.109.0
|
|
16
10
|
* Copyright (c) Moveo.ai (TM)
|
|
17
11
|
*
|
|
18
12
|
*/
|
|
19
13
|
|
|
20
|
-
/*!
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
*
|
|
14
|
+
/*! @license DOMPurify 3.4.13 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.13/LICENSE */
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* @license React
|
|
18
|
+
* react-dom-client.production.js
|
|
24
19
|
*
|
|
25
|
-
* Copyright
|
|
26
|
-
* Released under the MIT license.
|
|
27
|
-
* http://jquery.org/license
|
|
20
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
28
21
|
*
|
|
29
|
-
*
|
|
22
|
+
* This source code is licensed under the MIT license found in the
|
|
23
|
+
* LICENSE file in the root directory of this source tree.
|
|
30
24
|
*/
|
|
31
25
|
|
|
32
|
-
/*! @license DOMPurify 3.4.11 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.11/LICENSE */
|
|
33
|
-
|
|
34
|
-
/*! https://mths.be/he v1.2.0 by @mathias | MIT license */
|
|
35
|
-
|
|
36
26
|
/**
|
|
37
27
|
* @license React
|
|
38
|
-
* react-dom.production.
|
|
28
|
+
* react-dom.production.js
|
|
39
29
|
*
|
|
40
|
-
* Copyright (c)
|
|
30
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
41
31
|
*
|
|
42
32
|
* This source code is licensed under the MIT license found in the
|
|
43
33
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -45,9 +35,9 @@
|
|
|
45
35
|
|
|
46
36
|
/**
|
|
47
37
|
* @license React
|
|
48
|
-
* react-jsx-runtime.production.
|
|
38
|
+
* react-jsx-runtime.production.js
|
|
49
39
|
*
|
|
50
|
-
* Copyright (c)
|
|
40
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
51
41
|
*
|
|
52
42
|
* This source code is licensed under the MIT license found in the
|
|
53
43
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -55,9 +45,9 @@
|
|
|
55
45
|
|
|
56
46
|
/**
|
|
57
47
|
* @license React
|
|
58
|
-
* react.production.
|
|
48
|
+
* react.production.js
|
|
59
49
|
*
|
|
60
|
-
* Copyright (c)
|
|
50
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
61
51
|
*
|
|
62
52
|
* This source code is licensed under the MIT license found in the
|
|
63
53
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -65,10 +55,17 @@
|
|
|
65
55
|
|
|
66
56
|
/**
|
|
67
57
|
* @license React
|
|
68
|
-
* scheduler.production.
|
|
58
|
+
* scheduler.production.js
|
|
69
59
|
*
|
|
70
|
-
* Copyright (c)
|
|
60
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
71
61
|
*
|
|
72
62
|
* This source code is licensed under the MIT license found in the
|
|
73
63
|
* LICENSE file in the root directory of this source tree.
|
|
74
64
|
*/
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* @license lucide-react v1.28.0 - ISC
|
|
68
|
+
*
|
|
69
|
+
* This source code is licensed under the ISC license.
|
|
70
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
71
|
+
*/
|
package/dist/index.html
CHANGED
|
@@ -13,15 +13,9 @@
|
|
|
13
13
|
}</style><title>Widget</title></head><body><script>const queryString = window.location.search;
|
|
14
14
|
const urlParams = new URLSearchParams(queryString);
|
|
15
15
|
const widgetId = urlParams.get('widgetId');
|
|
16
|
-
const version = urlParams.get('version');
|
|
17
16
|
|
|
18
|
-
const defaultScript = 'iframe.min.js?63a6e0cae9f0fdf796b6';
|
|
19
|
-
const versionPattern = /^v\d+$/;
|
|
20
17
|
const script = document.createElement('script');
|
|
21
|
-
script.src =
|
|
22
|
-
!versionPattern.test(version) || version === 'v1'
|
|
23
|
-
? defaultScript
|
|
24
|
-
: defaultScript.replace('iframe.min.js', `iframe.${version}.min.js`);
|
|
18
|
+
script.src = 'iframe.min.js?b5b8477006b73fd5ed4b';
|
|
25
19
|
|
|
26
20
|
script.onload = function () {
|
|
27
21
|
if (widgetId) {
|
package/dist/preview/index.html
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
<!doctype html><html><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/><meta name="keywords" content="Moveo.ai, Preview, WebChat, WebWidget, webclient, chatbot"/><meta name="description" content="Preview and Improve your AI Agent"/><meta name="twitter:card" value="summary"><meta property="og:title" content="Moveo.ai Webchat Preview"/><meta property="og:type" content="website"/><meta property="og:url" content="https://moveo.ai"/><meta property="og:image" content="https://web-client.moveo.ai/public/og-image.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:description" content="Preview and Improve your AI Agent"/><title>Moveo.ai Client Preview</title><
|
|
1
|
+
<!doctype html><html><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/><meta name="keywords" content="Moveo.ai, Preview, WebChat, WebWidget, webclient, chatbot"/><meta name="description" content="Preview and Improve your AI Agent"/><meta name="twitter:card" value="summary"><meta property="og:title" content="Moveo.ai Webchat Preview"/><meta property="og:type" content="website"/><meta property="og:url" content="https://moveo.ai"/><meta property="og:image" content="https://web-client.moveo.ai/public/og-image.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:description" content="Preview and Improve your AI Agent"/><title>Moveo.ai Client Preview</title><style>/* Must stay above the scripts: they inject stylesheets that would
|
|
2
|
+
otherwise order the audio client's preflight over our utilities. */
|
|
3
|
+
@layer theme, base, components, utilities;
|
|
4
|
+
|
|
5
|
+
body::before {
|
|
2
6
|
background-image: url('/public/background.svg');
|
|
3
|
-
}</style></head><body><div class="
|
|
4
|
-
const queryString = window.location.search;
|
|
7
|
+
}</style><script src="../audio-client.min.js?b5b8477006b73fd5ed4b"></script></head><body><div class="flex flex-row flex-wrap justify-between p-[10%] pb-0 mobile:flex-col mobile:items-center mobile:p-0 mobile:pt-[75px]"><div class="w-[510px] mb-9 mobile:flex mobile:flex-col mobile:items-center mobile:w-auto mobile:min-w-0"><p class="mt-0 mb-6 text-[42px] leading-[51px] font-bold mobile:text-center mobile:text-[28px] mobile:leading-[34px]"><span class="colored text-preview-muted">Preview</span> and <span class="colored text-preview-muted">Test</span><br/>your Webchat</p><p class="mb-9 text-2xl leading-[30px] font-normal mobile:text-center mobile:text-base mobile:leading-5 mobile:w-[280px]">Moveo.ai can help you build engaging conversational applications powered by Artificial Intelligence.</p><div class="flex flex-row justify-start"><button class="action_button hidden cursor-pointer" id="open-chat-button">Open Webchat</button> <button class="action_button hidden mobile:hidden cursor-pointer" id="close-chat-button">Close Webchat</button> <button class="action_button hidden cursor-pointer" id="render-chat-button">Render Webchat</button></div></div><div class="hidden box-border flex-initial w-[512px] h-[562px] min-w-[300px] mb-16 rounded-lg border-2 border-brand-background bg-white shadow-[2px_3px_6px_rgb(104_104_104/10%)] mobile:mx-[10%] mobile:w-4/5" id="embed-chat-container"><p class="mt-[10%] mx-7 mb-0 text-base leading-6 text-center" id="embed-text">The webchat will render in the html element of your choice. Render the webchat here, in order to preview other settings.</p><div class="hidden w-full h-full" id="embed-chat"></div></div></div><script>const queryString = window.location.search;
|
|
5
8
|
const urlParams = new URLSearchParams(queryString);
|
|
6
|
-
const version = urlParams.get('version') || 'v1';
|
|
7
9
|
|
|
8
10
|
// Find web-client.min.js directly
|
|
9
|
-
const webpackFiles = `../iframe.min.js?
|
|
11
|
+
const webpackFiles = `../iframe.min.js?b5b8477006b73fd5ed4b,../web-client.min.js?b5b8477006b73fd5ed4b,../preview.css.min.js?b5b8477006b73fd5ed4b,../audio-client.min.js?b5b8477006b73fd5ed4b,../webrtc-client.min.js?b5b8477006b73fd5ed4b,../telnyx-client.min.js?b5b8477006b73fd5ed4b`.split(',');
|
|
10
12
|
const webClientFile = webpackFiles.find(file => file.includes('web-client.min.js'));
|
|
11
13
|
const previewCssFile = webpackFiles.find(file => file.includes('preview.css.min.js'));
|
|
12
14
|
|
|
@@ -15,7 +17,7 @@
|
|
|
15
17
|
previewCssScript.src = previewCssFile;
|
|
16
18
|
document.head.appendChild(previewCssScript);
|
|
17
19
|
|
|
18
|
-
// Dynamically load the
|
|
20
|
+
// Dynamically load the web client
|
|
19
21
|
const script = document.createElement('script');
|
|
20
22
|
script.src = webClientFile;
|
|
21
23
|
script.onload = function () {
|
|
@@ -34,7 +36,6 @@
|
|
|
34
36
|
}
|
|
35
37
|
MoveoAI.init({
|
|
36
38
|
...config,
|
|
37
|
-
version,
|
|
38
39
|
integrationId,
|
|
39
40
|
host,
|
|
40
41
|
element,
|
|
@@ -46,28 +47,29 @@
|
|
|
46
47
|
|
|
47
48
|
if (instance.config.widget_position === 'embed') {
|
|
48
49
|
const embedContainer = document.getElementById('embed-chat-container');
|
|
49
|
-
embedContainer.
|
|
50
|
+
embedContainer.classList.remove('hidden');
|
|
50
51
|
|
|
51
52
|
const renderButton = document.getElementById('render-chat-button');
|
|
52
|
-
renderButton.classList.
|
|
53
|
+
renderButton.classList.remove('hidden');
|
|
53
54
|
|
|
54
55
|
renderButton.onclick = function () {
|
|
55
|
-
document.getElementById('embed-text').
|
|
56
|
-
document.getElementById('embed-chat').
|
|
56
|
+
document.getElementById('embed-text').classList.add('hidden');
|
|
57
|
+
document.getElementById('embed-chat').classList.remove('hidden');
|
|
57
58
|
renderButton.style.removeProperty('background-color')
|
|
58
|
-
renderButton.classList.
|
|
59
|
+
renderButton.classList.remove('cursor-pointer');
|
|
60
|
+
renderButton.classList.add('cursor-not-allowed');
|
|
59
61
|
renderButton.disabled = true;
|
|
60
62
|
};
|
|
61
63
|
} else {
|
|
62
64
|
const openButton = document.getElementById('open-chat-button');
|
|
63
|
-
openButton.classList.
|
|
65
|
+
openButton.classList.remove('hidden');
|
|
64
66
|
|
|
65
67
|
openButton.onclick = function () {
|
|
66
68
|
instance.openWindow();
|
|
67
69
|
};
|
|
68
70
|
|
|
69
71
|
const closeButton = document.getElementById('close-chat-button');
|
|
70
|
-
closeButton.classList.
|
|
72
|
+
closeButton.classList.remove('hidden');
|
|
71
73
|
|
|
72
74
|
closeButton.onclick = function () {
|
|
73
75
|
instance.closeWindow();
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/><meta name="keywords" content="Moveo.ai, Voice, Telnyx, Preview"/><meta name="description" content="Internal testing — Telnyx Voice Integration"/><meta name="twitter:card" content="summary"/><meta property="og:title" content="Moveo.ai Telnyx Preview"/><meta property="og:type" content="website"/><meta property="og:url" content="https://moveo.ai"/><meta property="og:image" content="https://web-client.moveo.ai/public/og-image.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:description" content="Internal testing — Telnyx Voice Integration"/><title>Moveo.ai Telnyx Preview (internal)</title><script src="https://cdn.tailwindcss.com"></script><script>tailwind.config = {
|
|
2
|
+
important: '#preview-content',
|
|
3
|
+
corePlugins: { preflight: false },
|
|
4
|
+
theme: {
|
|
5
|
+
extend: {
|
|
6
|
+
fontFamily: {
|
|
7
|
+
sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
|
|
8
|
+
},
|
|
9
|
+
colors: {
|
|
10
|
+
'moveo-primary': '#1B66D6',
|
|
11
|
+
'moveo-secondary': '#EEF2FF',
|
|
12
|
+
},
|
|
13
|
+
backgroundImage: {
|
|
14
|
+
'moveo-radial':
|
|
15
|
+
'radial-gradient(circle at top right, rgba(27,102,214,0.18), transparent 55%)',
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
};</script><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet"/><script defer="defer" src="/telnyx-client.min.js"></script></head><body><div id="preview-content" class="relative min-h-screen font-sans text-slate-900 antialiased"><main class="relative z-10 flex min-h-screen items-center"><section class="mx-auto flex w-full max-w-6xl flex-col gap-12 px-6 py-16 md:flex-row md:items-center md:px-12 lg:gap-16"><header class="max-w-2xl space-y-6 text-center md:text-left"><h1 class="text-4xl font-semibold leading-tight sm:text-5xl">Preview and test<br class="hidden sm:block"/>your Telnyx voice integration</h1><p class="text-lg text-slate-600 sm:text-xl">Click the widget button at the bottom right to start a test call through the Telnyx WebRTC pipeline.</p><div id="status" class="text-sm font-medium"></div></header></section></main></div><script>localStorage.debug = 'moveo:telnyx:*';
|
|
20
|
+
|
|
21
|
+
const statusNode = document.getElementById('status');
|
|
22
|
+
const toneColor = {
|
|
23
|
+
warning: 'text-amber-600',
|
|
24
|
+
error: 'text-rose-600',
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
const setStatus = (message, tone = 'error') => {
|
|
28
|
+
if (!statusNode) return;
|
|
29
|
+
statusNode.className = `text-sm font-medium ${toneColor[tone] ?? toneColor.error}`;
|
|
30
|
+
statusNode.textContent = message;
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
window.addEventListener('load', async () => {
|
|
34
|
+
const params = new URLSearchParams(window.location.search);
|
|
35
|
+
const integrationId =
|
|
36
|
+
(params.get('integration_id') ?? params.get('integrationId') ?? '').trim();
|
|
37
|
+
if (!integrationId) {
|
|
38
|
+
setStatus('Add "?integration_id=YOUR_ID" to the URL to begin.', 'warning');
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
const hostParam = (params.get('host') ?? '').trim();
|
|
43
|
+
const host = hostParam ? hostParam.replace(/\/+$/, '') : '';
|
|
44
|
+
|
|
45
|
+
if (!window.MoveoTelnyx?.init) {
|
|
46
|
+
console.error('MoveoTelnyx UMD build is not available on window.');
|
|
47
|
+
setStatus(
|
|
48
|
+
'Unable to load the Telnyx client. Check the bundle output.',
|
|
49
|
+
'error'
|
|
50
|
+
);
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
try {
|
|
55
|
+
const telnyxController = await window.MoveoTelnyx.init({
|
|
56
|
+
integrationId,
|
|
57
|
+
...(host ? { host } : {}),
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
telnyxController.on?.('error', ({ message }) => {
|
|
61
|
+
setStatus(`Call error: ${message || 'unexpected error'}`, 'error');
|
|
62
|
+
});
|
|
63
|
+
|
|
64
|
+
// Close the Telnyx WS session cleanly on tab close — otherwise the
|
|
65
|
+
// session lingers server-side until the JWT expires.
|
|
66
|
+
window.addEventListener('beforeunload', () => {
|
|
67
|
+
try {
|
|
68
|
+
telnyxController.destroy();
|
|
69
|
+
} catch (_) {
|
|
70
|
+
// best-effort
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
|
|
74
|
+
console.log('✅ MoveoTelnyx widget initialized', telnyxController);
|
|
75
|
+
} catch (error) {
|
|
76
|
+
console.error('❌ Failed to initialize MoveoTelnyx widget:', error);
|
|
77
|
+
setStatus('Failed to initialize the Telnyx widget', 'error');
|
|
78
|
+
}
|
|
79
|
+
});</script></body></html>
|
package/dist/preview.css.min.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see preview.css.min.js.LICENSE.txt */
|
|
2
|
-
!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("MoveoAI",[],e):"object"==typeof exports?exports.MoveoAI=e():n.MoveoAI=e()}(this,function(){return function(){"use strict";var n={8598:function(n,e,o){var t=o(5516),i=o.n(t),r=o(1364),a=o.n(r)()(i());a.push([n.id,"@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap);"]),a.push([n.id,"@keyframes fadein{0%{opacity:0}100%{opacity:1}}body{position:relative;--moveo-preview-default-padding: 10%;--moveo-font-primary: 'Inter', monospace;min-height:100vh;background:linear-gradient(270.03deg, #c4c4c4 3.88%, rgba(196, 196, 196, 0) 90.28%);background-repeat:no-repeat;background-position:top right;background-size:contain;margin:0}body::before{position:absolute;width:100%;height:100%;content:\"\";z-index:-1;background-size:contain;background-position:top right;background-repeat:no-repeat;opacity:.5}body .moveo_preview{--moveo-background-color:#1b66d6;--moveo-background-color-hover:#1c46b7;--moveo-accent-color:#fff;--moveo-ui-background-01:#fff;--moveo-ui-background-02:linear-gradient(0deg, rgba(227, 243, 255, 0.1607843137) 2.25%, rgba(227, 243, 255, 0) 100%);--moveo-ui-background-03:#e8e8e8;--moveo-ui-background-04:#fdf7f2;--moveo-ui-background-05:#fff6f5;--moveo-chat-background:#fff;--moveo-icon-attention:#d86a05;--moveo-icon-warning:#d82c0d;--moveo-text-01:#000;--moveo-text-02:#8893a8;--moveo-text-03:#fff;--moveo-text-04:#555;--moveo-text-05:#989898;--moveo-ui-03:#d6e3f8;--moveo-text-success:#21d184;--moveo-text-failure:#da0000;--moveo-review-number:#f9f9f9;--moveo-review-input-background:#fafafa;--moveo-interactive-02:#e1e1e1;--moveo-hover-02:#c2c2c2;display:flex;flex-flow:row wrap;justify-content:space-between;padding:var(--moveo-preview-default-padding) var(--moveo-preview-default-padding) 0}body .moveo_preview #embed-chat-container{display:none;width:512px;height:562px;border:2px solid var(--moveo-background-color);background-color:var(--moveo-ui-background-01);box-sizing:border-box;box-shadow:2px 3px 6px rgba(104,104,104,.1);border-radius:.5rem;flex:0 1 auto;min-width:300px;margin-bottom:4rem}body .moveo_preview #embed-chat-container #embed-text{font-family:var(--moveo-font-primary);font-size:var(--moveo-font-lg);font-weight:400;letter-spacing:0;line-height:1.5rem;line-height:1.5rem;text-align:center;margin:var(--moveo-preview-default-padding) 1.75rem 0}body .moveo_preview #embed-chat-container #embed-chat{width:100%;height:100%;display:none}body .moveo_preview .preview_actions{width:510px;margin-bottom:2.25rem}body .moveo_preview .preview_actions .header_text{font-family:var(--moveo-font-primary);font-style:normal;font-weight:normal;font-size:24px;line-height:30px;font-weight:bold;font-size:42px;line-height:51px;margin-top:0;margin-bottom:1.5rem}body .moveo_preview .preview_actions .header_text span{color:#c4c4c4}body .moveo_preview .preview_actions .body_text{font-family:var(--moveo-font-primary);font-style:normal;font-weight:normal;font-size:24px;line-height:30px;margin-bottom:2.25rem}body .moveo_preview .button_container{display:flex;flex-direction:row;justify-content:flex-start}body .moveo_preview .button_container .action_button{font-family:var(--moveo-font-primary);font-size:var(--moveo-font-xs);font-weight:400;letter-spacing:0;line-height:1rem;font-size:var(--moveo-font-md);font-weight:600;margin-right:1rem;color:var(--moveo-ui-background-01);background-color:#c4c4c4;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;border:0;transition:.2s all linear;display:none;white-space:nowrap}body .moveo_preview .button_container .action_button.enabled{display:block}body .moveo_preview .button_container .action_button.disabled{background-color:#c4c4c4;cursor:not-allowed}@media(width <= 700px){body{background:linear-gradient(0deg, #c4c4c4 3.88%, rgba(196, 196, 196, 0) 90.28%)}body::before{background-size:cover}body .moveo_preview{flex-direction:column;align-items:center;padding:75px 0 0}body .moveo_preview #embed-chat-container{margin-left:10%;margin-right:10%;width:80%}body .moveo_preview .preview_actions{display:flex;flex-direction:column;align-items:center;width:auto;min-width:0}body .moveo_preview .preview_actions .header_text{font-family:var(--moveo-font-primary);font-style:normal;font-weight:normal;font-size:24px;line-height:30px;font-weight:bold;font-size:42px;line-height:51px;font-size:28px;line-height:34px;text-align:center}body .moveo_preview .preview_actions .body_text{font-family:var(--moveo-font-primary);font-style:normal;font-weight:normal;font-size:24px;line-height:30px;font-size:16px;line-height:20px;width:280px;text-align:center}body .moveo_preview .preview_actions #close-chat-button{display:none}}","",{version:3,sources:["webpack://./src/styles/mixings.scss","webpack://./src/styles/preview.scss","webpack://./src/styles/theme.scss","webpack://./src/styles/spacing.scss","webpack://./src/styles/fonts.scss"],names:[],mappings:"AAUA,kBACE,GACE,SAAA,CAGF,KACE,SAAA,CAAA,CCVJ,KACE,iBAAA,CASA,oCAAA,CACA,wCAAA,CAEA,gBAAA,CACA,mFAAA,CAKA,2BAAA,CACA,6BAAA,CACA,uBAAA,CACA,QAAA,CAEA,aACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,UAAA,CACA,UArBmB,CAsBnB,uBAAA,CACA,6BAAA,CACA,2BAAA,CACA,UAAA,CAGF,oBDxCE,gCE2Bc,CF3Bd,sCE2Bc,CF3Bd,yBE2Bc,CF3Bd,6BE2Bc,CF3Bd,oHE2Bc,CF3Bd,gCE2Bc,CF3Bd,gCE2Bc,CF3Bd,gCE2Bc,CF3Bd,4BE2Bc,CF3Bd,8BE2Bc,CF3Bd,4BE2Bc,CF3Bd,oBE2Bc,CF3Bd,uBE2Bc,CF3Bd,oBE2Bc,CF3Bd,oBE2Bc,CF3Bd,uBE2Bc,CF3Bd,qBE2Bc,CF3Bd,4BE2Bc,CF3Bd,4BE2Bc,CF3Bd,6BE2Bc,CF3Bd,uCE2Bc,CF3Bd,8BE2Bc,CF3Bd,wBE2Bc,CDgBd,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,mFAAA,CAGA,0CACE,YAAA,CACA,WA5CU,CA6CV,YA5CW,CA6CX,8CAAA,CACA,8CAAA,CACA,qBAAA,CACA,2CAAA,CACA,mBEvCI,CFwCJ,aAAA,CACA,eAlDc,CAmDd,kBE3DK,CF6DL,sDGfJ,qCAAA,CACA,8BAAA,CACA,eAAA,CACA,gBAAA,CACA,kBDzCS,CFuDH,kBEvDG,CFwDH,iBAAA,CACA,qDAAA,CAGF,sDACE,UAAA,CACA,WAAA,CACA,YAAA,CAIJ,qCACE,WAnEY,CAoEZ,qBExEK,CF0EL,kDGGJ,qCAAA,CACA,iBAAA,CACA,kBAAA,CACA,cAAA,CACA,gBAAA,CAaA,gBAAA,CACA,cAAA,CACA,gBAAA,CHnBM,YAAA,CACA,oBE3EG,CF6EH,uDACE,aA9EmB,CAkFvB,gDGRJ,qCAAA,CACA,iBAAA,CACA,kBAAA,CACA,cAAA,CACA,gBAAA,CHOM,qBExFG,CF4FP,sCACE,YAAA,CACA,kBAAA,CACA,0BAAA,CAEA,qDGpGJ,qCAAA,CACA,8BAAA,CACA,eAAA,CACA,gBAAA,CACA,gBDMS,CC4BT,8BAAA,CACA,eAAA,CHgEM,iBE7FG,CF8FH,mCAAA,CACA,wBAnGqB,CAoGrB,kBAAA,CACA,oBE3FE,CF4FF,cAAA,CACA,QAAA,CACA,yBAAA,CACA,YAAA,CACA,kBAAA,CAEA,6DACE,aAAA,CAGF,8DACE,wBAjHmB,CAkHnB,kBAAA,CAOV,uBACE,KAOE,8EAAA,CAMA,aACE,qBAAA,CAGF,oBACE,qBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,0CACE,eApBkB,CAqBlB,gBArBkB,CAsBlB,SArBiB,CAwBnB,qCACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CAEA,kDGnFN,qCAAA,CACA,iBAAA,CACA,kBAAA,CACA,cAAA,CACA,gBAAA,CAaA,gBAAA,CACA,cAAA,CACA,gBAAA,CAMA,cAAA,CACA,gBAAA,CH4DQ,iBAAA,CAGF,gDGzFN,qCAAA,CACA,iBAAA,CACA,kBAAA,CACA,cAAA,CACA,gBAAA,CAMA,cAAA,CACA,gBAAA,CHiFQ,WA1CiB,CA2CjB,iBAAA,CAGF,wDACE,YAAA,CAAA",sourcesContent:["@mixin spread-map($map: ()) {\n @each $key, $value in $map {\n #{$key}: $value;\n }\n}\n\n@mixin fade-in($val) {\n animation: fadein $val;\n}\n\n@keyframes fadein {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n","@use './fonts' as *;\n@use './spacing' as *;\n@use './theme' as *;\n@use './mixings' as *;\n@import 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap';\n\nbody {\n position: relative;\n\n $embed-width: 512px;\n $embed-height: 562px;\n $embed-max-width: 300px;\n $preview-background-color: #c4c4c4;\n $actions-width: 510px;\n $background-z-index: -1;\n\n --moveo-preview-default-padding: 10%;\n --moveo-font-primary: 'Inter', monospace;\n\n min-height: 100vh;\n background: linear-gradient(\n 270.03deg,\n $preview-background-color 3.88%,\n rgb(196 196 196 / 0%) 90.28%\n );\n background-repeat: no-repeat;\n background-position: top right;\n background-size: contain;\n margin: 0;\n\n &::before {\n position: absolute;\n width: 100%;\n height: 100%;\n content: '';\n z-index: $background-z-index;\n background-size: contain;\n background-position: top right;\n background-repeat: no-repeat;\n opacity: 0.5;\n }\n\n .moveo_preview {\n @include spread-map($theme-map-light);\n\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n padding: var(--moveo-preview-default-padding)\n var(--moveo-preview-default-padding) 0;\n\n #embed-chat-container {\n display: none;\n width: $embed-width;\n height: $embed-height;\n border: 2px solid var($text-primary);\n background-color: var($ui-background-01);\n box-sizing: border-box;\n box-shadow: 2px 3px 6px rgb(104 104 104 / 10%);\n border-radius: $space-8;\n flex: 0 1 auto;\n min-width: $embed-max-width;\n margin-bottom: $space-64;\n\n #embed-text {\n @include heading-regular;\n\n line-height: $space-24;\n text-align: center;\n margin: var(--moveo-preview-default-padding) $space-26 0;\n }\n\n #embed-chat {\n width: 100%;\n height: 100%;\n display: none;\n }\n }\n\n .preview_actions {\n width: $actions-width;\n margin-bottom: $space-36;\n\n .header_text {\n @include header-preview;\n\n margin-top: 0;\n margin-bottom: $space-24;\n\n span {\n color: $preview-background-color;\n }\n }\n\n .body_text {\n @include body-preview;\n\n margin-bottom: $space-36;\n }\n }\n\n .button_container {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n\n .action_button {\n @include body-medium;\n\n margin-right: $space-16;\n color: var($ui-background-01);\n background-color: $preview-background-color;\n padding: $space-8 $space-16;\n border-radius: $space-4;\n cursor: pointer;\n border: 0;\n transition: 0.2s all linear;\n display: none;\n white-space: nowrap;\n\n &.enabled {\n display: block;\n }\n\n &.disabled {\n background-color: $preview-background-color;\n cursor: not-allowed;\n }\n }\n }\n }\n}\n\n@media (width <= 700px) {\n body {\n $preview-background-color: #c4c4c4;\n $actions-mobile-width: 280px;\n $embed-mobile-margin: 10%;\n $embed-mobile-width: 80%;\n $mobile-top-padding: 75px;\n\n background: linear-gradient(\n 0deg,\n $preview-background-color 3.88%,\n rgb(196 196 196 / 0%) 90.28%\n );\n\n &::before {\n background-size: cover;\n }\n\n .moveo_preview {\n flex-direction: column;\n align-items: center;\n padding: $mobile-top-padding 0 0;\n\n #embed-chat-container {\n margin-left: $embed-mobile-margin;\n margin-right: $embed-mobile-margin;\n width: $embed-mobile-width;\n }\n\n .preview_actions {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: auto;\n min-width: 0;\n\n .header_text {\n @include header-preview-mobile;\n\n text-align: center;\n }\n\n .body_text {\n @include body-preview-mobile;\n\n width: $actions-mobile-width;\n text-align: center;\n }\n\n #close-chat-button {\n display: none;\n }\n }\n }\n }\n}\n","$text-01: --moveo-text-01;\n$text-02: --moveo-text-02;\n$text-03: --moveo-text-03;\n$text-04: --moveo-text-04;\n$text-05: --moveo-text-05;\n$text-success: --moveo-text-success;\n$text-failure: --moveo-text-failure;\n$text-primary: --moveo-background-color;\n$text-primary-hover: --moveo-background-color-hover;\n$text-secondary: --moveo-accent-color;\n$ui-background-01: --moveo-ui-background-01;\n$ui-background-02: --moveo-ui-background-02;\n$ui-background-03: --moveo-ui-background-03;\n$ui-background-04: --moveo-ui-background-04;\n$ui-background-05: --moveo-ui-background-05;\n\n// This variable name should never change\n$ui-chat-background: --moveo-chat-background;\n$ui-header-background: --moveo-header-background;\n$ui-03: --moveo-ui-03;\n$z-index: --moveo-z-index;\n$review-number: --moveo-review-number;\n$review-input-background: --moveo-review-input-background;\n$interactive-02: --moveo-interactive-02;\n$hover-02: --moveo-hover-02;\n$icon-attention: --moveo-icon-attention;\n$icon-warning: --moveo-icon-warning;\n\n// Default theme\n$theme-map-light: (\n $text-primary: #1b66d6,\n $text-primary-hover: #1c46b7,\n $text-secondary: #fff,\n $ui-background-01: #fff,\n $ui-background-02: linear-gradient(0deg, #e3f3ff29 2.25%, #e3f3ff00 100%),\n $ui-background-03: #e8e8e8,\n $ui-background-04: #fdf7f2,\n $ui-background-05: #fff6f5,\n $ui-chat-background: #fff,\n $icon-attention: #d86a05,\n $icon-warning: #d82c0d,\n $text-01: #000,\n $text-02: #8893a8,\n $text-03: #fff,\n $text-04: #555,\n $text-05: #989898,\n $ui-03: #d6e3f8,\n $text-success: #21d184,\n $text-failure: #da0000,\n $review-number: #f9f9f9,\n $review-input-background: #fafafa,\n $interactive-02: #e1e1e1,\n $hover-02: #c2c2c2,\n);\n$theme-map-dark: (\n $text-primary: #05043a,\n $text-primary-hover: #1b66d610,\n $text-secondary: #000,\n $ui-background-01: #202629,\n $ui-background-02: #000,\n $ui-background-03: #e8e8e8,\n $ui-background-04: #1d1d1d,\n $ui-background-05: #212121,\n $ui-chat-background: #000,\n $icon-attention: #282828,\n $icon-warning: #1a1a1a,\n $text-01: #fff,\n $text-02: #8893a8,\n $text-03: #000,\n $text-04: #fff,\n $text-05: #989898,\n $ui-03: #202629,\n $text-success: #21d184,\n $text-failure: #da0000,\n $review-number: #1e2224,\n $review-input-background: #1e2224,\n $interactive-02: #4f5563,\n $hover-02: #7f889c,\n);\n","$space-128: 8rem;\n$space-80: 5rem;\n$space-72: 4.5rem;\n$space-64: 4rem;\n$space-60: 3.75rem;\n$space-52: 3.25rem;\n$space-48: 3rem;\n$space-44: 2.75rem;\n$space-40: 2.5rem;\n$space-36: 2.25rem;\n$space-32: 2rem;\n$space-26: 1.75rem;\n$space-24: 1.5rem;\n$space-22: 1.375rem;\n$space-20: 1.25rem;\n$space-18: 1.125rem;\n$space-16: 1rem;\n$space-14: 0.875rem;\n$space-12: 0.75rem;\n$space-10: 0.625rem;\n$space-8: 0.5rem;\n$space-6: 0.4rem;\n$space-4: 0.25rem;\n$space-2: 0.125rem;\n","/* stylelint-disable scale-unlimited/declaration-strict-value */\n/* stylelint-disable property-disallowed-list */\n\n@use './spacing' as *;\n\n@mixin label-regular {\n font-family: var(--moveo-font-primary);\n font-size: var(--moveo-font-xs);\n font-weight: 400;\n letter-spacing: 0;\n line-height: $space-16;\n}\n\n@mixin label-caps {\n @include label-regular;\n\n font-weight: 600;\n text-transform: uppercase;\n}\n\n@mixin code-big {\n @include label-regular;\n\n font-size: var(--moveo-font-sm);\n}\n\n@mixin body-regular {\n font-family: var(--moveo-font-primary);\n font-size: var(--moveo-font-md);\n font-weight: 400;\n letter-spacing: 0;\n line-height: calc(var(--moveo-font-md) + 2px);\n}\n\n@mixin body-regular-phone {\n @include body-regular;\n\n font-size: var(--moveo-font-lg);\n line-height: $space-22;\n}\n\n@mixin body-medium {\n @include label-regular;\n\n font-size: var(--moveo-font-md);\n font-weight: 600;\n}\n\n@mixin heading-regular {\n font-family: var(--moveo-font-primary);\n font-size: var(--moveo-font-lg);\n font-weight: 400;\n letter-spacing: 0;\n line-height: $space-24;\n}\n\n@mixin heading-medium {\n @include heading-regular;\n\n font-weight: 600;\n}\n\n@mixin body-2-regular {\n font-family: var(--moveo-font-primary);\n font-size: var(--moveo-font-sm);\n font-weight: 400;\n letter-spacing: 0;\n line-height: $space-16;\n}\n\n@mixin body-2-medium {\n @include body-2-regular;\n\n font-weight: 600;\n}\n\n@mixin button-modal {\n font-weight: 600;\n padding: $space-6 $space-16;\n font-size: var(--moveo-font-sm);\n line-height: $space-24;\n}\n\n/* Style for the preview page */\n\n@mixin body-preview {\n font-family: var(--moveo-font-primary);\n font-style: normal;\n font-weight: normal;\n font-size: 24px;\n line-height: 30px;\n}\n\n@mixin body-preview-mobile {\n @include body-preview;\n\n font-size: 16px;\n line-height: 20px;\n}\n\n@mixin header-preview {\n @include body-preview;\n\n font-weight: bold;\n font-size: 42px;\n line-height: 51px;\n}\n\n@mixin header-preview-mobile {\n @include header-preview;\n\n font-size: 28px;\n line-height: 34px;\n}\n"],sourceRoot:""}]),e.A=a},1364:function(n){n.exports=function(n){var e=[];return e.toString=function(){return this.map(function(e){var o="",t=void 0!==e[5];return e[4]&&(o+="@supports (".concat(e[4],") {")),e[2]&&(o+="@media ".concat(e[2]," {")),t&&(o+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),o+=n(e),t&&(o+="}"),e[2]&&(o+="}"),e[4]&&(o+="}"),o}).join("")},e.i=function(n,o,t,i,r){"string"==typeof n&&(n=[[null,n,void 0]]);var a={};if(t)for(var A=0;A<this.length;A++){var c=this[A][0];null!=c&&(a[c]=!0)}for(var d=0;d<n.length;d++){var s=[].concat(n[d]);t&&a[s[0]]||(void 0!==r&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=r),o&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=o):s[2]=o),i&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=i):s[4]="".concat(i)),e.push(s))}},e}},5516:function(n){n.exports=function(n){var e=n[1],o=n[3];if(!o)return e;if("function"==typeof btoa){var t=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(t),r="/*# ".concat(i," */");return[e].concat([r]).join("\n")}return[e].join("\n")}},6186:function(n){var e=[];function o(n){for(var o=-1,t=0;t<e.length;t++)if(e[t].identifier===n){o=t;break}return o}function t(n,t){for(var r={},a=[],A=0;A<n.length;A++){var c=n[A],d=t.base?c[0]+t.base:c[0],s=r[d]||0,m="".concat(d," ").concat(s);r[d]=s+1;var p=o(m),u={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==p)e[p].references++,e[p].updater(u);else{var l=i(u,t);t.byIndex=A,e.splice(A,0,{identifier:m,updater:l,references:1})}a.push(m)}return a}function i(n,e){var o=e.domAPI(e);return o.update(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;o.update(n=e)}else o.remove()}}n.exports=function(n,i){var r=t(n=n||[],i=i||{});return function(n){n=n||[];for(var a=0;a<r.length;a++){var A=o(r[a]);e[A].references--}for(var c=t(n,i),d=0;d<r.length;d++){var s=o(r[d]);0===e[s].references&&(e[s].updater(),e.splice(s,1))}r=c}}},7433:function(n){var e={};n.exports=function(n,o){var t=function(n){if(void 0===e[n]){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(n){o=null}e[n]=o}return e[n]}(n);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}},8990:function(n){n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},8626:function(n,e,o){n.exports=function(n){var e=o.nc;e&&n.setAttribute("nonce",e)}},2155:function(n){n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(o){!function(n,e,o){var t="";o.supports&&(t+="@supports (".concat(o.supports,") {")),o.media&&(t+="@media ".concat(o.media," {"));var i=void 0!==o.layer;i&&(t+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),t+=o.css,i&&(t+="}"),o.media&&(t+="}"),o.supports&&(t+="}");var r=o.sourceMap;r&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),e.styleTagTransform(t,n,e.options)}(e,n,o)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}},9827:function(n){n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}}},e={};function o(t){var i=e[t];if(void 0!==i)return i.exports;var r=e[t]={id:t,exports:{}};return n[t](r,r.exports,o),r.exports}o.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return o.d(e,{a:e}),e},o.d=function(n,e){for(var t in e)o.o(e,t)&&!o.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:e[t]})},o.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},o.nc=void 0;var t=o(6186),i=o.n(t),r=o(2155),a=o.n(r),A=o(7433),c=o.n(A),d=o(8626),s=o.n(d),m=o(8990),p=o.n(m),u=o(9827),l=o.n(u),f=o(8598),g={};return g.styleTagTransform=l(),g.setAttributes=s(),g.insert=c().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p(),i()(f.A,g),f.A&&f.A.locals&&f.A.locals,{}}()});
|
|
2
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("MoveoPreview",[],t):"object"==typeof exports?exports.MoveoPreview=t():e.MoveoPreview=t()}(this,()=>(()=>{"use strict";var e={8620(e,t,i){var o=i(1601),n=i.n(o),r=i(6314),a=i.n(r)()(n());a.push([e.id,"@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap);"]),a.push([e.id,'/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-background:#1b66d6;--color-preview-muted:#c4c4c4}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.action_button{margin-right:calc(var(--spacing) * 4);border-style:var(--tw-border-style);background-color:var(--color-preview-muted);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);white-space:nowrap;color:var(--color-white);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:linear;border-width:0;border-radius:.25rem;transition-duration:.2s;transition-timing-function:linear}}@layer utilities{.mx-7{margin-inline:calc(var(--spacing) * 7)}.mt-0{margin-top:0}.mt-\\[10\\%\\]{margin-top:10%}.mb-0{margin-bottom:0}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-9{margin-bottom:calc(var(--spacing) * 9)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.box-border{box-sizing:border-box}.flex{display:flex}.hidden{display:none}.h-\\[562px\\]{height:562px}.h-full{height:100%}.w-\\[510px\\]{width:510px}.w-\\[512px\\]{width:512px}.w-full{width:100%}.min-w-\\[300px\\]{min-width:300px}.flex-initial{flex:0 auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.rounded-lg{border-radius:var(--radius-lg)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-brand-background{border-color:var(--color-brand-background)}.bg-white{background-color:var(--color-white)}.p-\\[10\\%\\]{padding:10%}.pb-0{padding-bottom:0}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-\\[42px\\]{font-size:42px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\\[30px\\]{--tw-leading:30px;line-height:30px}.leading-\\[51px\\]{--tw-leading:51px;line-height:51px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-preview-muted{color:var(--color-preview-muted)}.shadow-\\[2px_3px_6px_rgb\\(104_104_104\\/10\\%\\)\\]{--tw-shadow:2px 3px 6px var(--tw-shadow-color,#6868681a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (max-width:700px){.mobile\\:mx-\\[10\\%\\]{margin-inline:10%}.mobile\\:flex{display:flex}.mobile\\:hidden{display:none}.mobile\\:w-4\\/5{width:80%}.mobile\\:w-\\[280px\\]{width:280px}.mobile\\:w-auto{width:auto}.mobile\\:min-w-0{min-width:0}.mobile\\:flex-col{flex-direction:column}.mobile\\:items-center{align-items:center}.mobile\\:p-0{padding:0}.mobile\\:pt-\\[75px\\]{padding-top:75px}.mobile\\:text-center{text-align:center}.mobile\\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.mobile\\:text-\\[28px\\]{font-size:28px}.mobile\\:leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.mobile\\:leading-\\[34px\\]{--tw-leading:34px;line-height:34px}}}body{background:linear-gradient(270.03deg, var(--color-preview-muted) 3.88%, #c4c4c400 90.28%);background-position:100% 0;background-repeat:no-repeat;background-size:contain;min-height:100vh;margin:0;font-family:Inter,monospace;position:relative}body:before{z-index:-1;content:"";opacity:.5;background-position:100% 0;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute}@media (max-width:700px){body{background:linear-gradient(0deg, var(--color-preview-muted) 3.88%, #c4c4c400 90.28%)}body:before{background-size:cover}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}\n',""]);const s=a;i.d(t,["A",0,s])},6314(e){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var i="",o=void 0!==t[5];return t[4]&&(i+="@supports (".concat(t[4],") {")),t[2]&&(i+="@media ".concat(t[2]," {")),o&&(i+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),i+=e(t),o&&(i+="}"),t[2]&&(i+="}"),t[4]&&(i+="}"),i}).join("")},t.i=function(e,i,o,n,r){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(a[l]=!0)}for(var d=0;d<e.length;d++){var c=[].concat(e[d]);o&&a[c[0]]||(void 0!==r&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=r),i&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=i):c[2]=i),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),t.push(c))}},t}},1601(e){e.exports=function(e){return e[1]}},6917(e,t,i){var o=i.cjs(function(e,t){var i=[];function o(e){for(var t=-1,o=0;o<i.length;o++)if(i[o].identifier===e){t=o;break}return t}function n(e,t){for(var n={},a=[],s=0;s<e.length;s++){var l=e[s],d=t.base?l[0]+t.base:l[0],c=n[d]||0,p="".concat(d," ").concat(c);n[d]=c+1;var f=o(p),u={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==f)i[f].references++,i[f].updater(u);else{var h=r(u,t);t.byIndex=s,i.splice(s,0,{identifier:p,updater:h,references:1})}a.push(p)}return a}function r(e,t){var i=t.domAPI(t);return i.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;i.update(e=t)}else i.remove()}}e.exports=function(e,t){var r=n(e=e||[],t=t||{});return function(e){e=e||[];for(var a=0;a<r.length;a++){var s=o(r[a]);i[s].references--}for(var l=n(e,t),d=0;d<r.length;d++){var c=o(r[d]);0===i[c].references&&(i[c].updater(),i.splice(c,1))}r=l}}}),n=i.n(o),r=i.cjs(function(e,t){e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(i){!function(e,t,i){var o="";i.supports&&(o+="@supports (".concat(i.supports,") {")),i.media&&(o+="@media ".concat(i.media," {"));var n=void 0!==i.layer;n&&(o+="@layer".concat(i.layer.length>0?" ".concat(i.layer):""," {")),o+=i.css,n&&(o+="}"),i.media&&(o+="}"),i.supports&&(o+="}");var r=i.sourceMap;r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),t.styleTagTransform(o,e,t.options)}(t,e,i)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}}),a=i.n(r),s=i.cjs(function(e,t){var i={};e.exports=function(e,t){var o=function(e){if(void 0===i[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}i[e]=t}return i[e]}(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(t)}}),l=i.n(s),d=i.cjs(function(e,t){e.exports=function(e){var t=i.nc;t&&e.setAttribute("nonce",t)}}),c=i.n(d),p=i.cjs(function(e,t){e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}}),f=i.n(p),u=i.cjs(function(e,t){e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}}),h=i.n(u),g=i(8620),b={};b.styleTagTransform=h(),b.setAttributes=c(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=f(),n()(g.A,b),g.A&&g.A.locals&&g.A.locals}};const t={};function i(o){const n=t[o];if(void 0!==n)return n.exports;const r=t[o]={id:o,exports:{}};return e[o](r,r.exports,i),r.exports}return i.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{if(Array.isArray(t))for(var o=0;o<t.length;){var n=t[o++],r=t[o++];i.o(e,n)?0===r&&o++:0===r?Object.defineProperty(e,n,{enumerable:!0,value:t[o++]}):Object.defineProperty(e,n,{enumerable:!0,get:r})}else for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.cjs=e=>{const t={exports:{}};return e.call(t.exports,t,t.exports),t.exports},i.nc=void 0,i(6917)})());
|