@flarehr/workflows-progress-app 0.1.3436 → 0.1.3437
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/index.html +90 -0
- package/dist/support/assets/loading-bar.gif +0 -0
- package/dist/support/external-loading-page.js +29 -0
- package/dist/support/support.html +51 -0
- package/dist/workflows-progress-app.css +1 -0
- package/dist/workflows-progress-app.js +809 -0
- package/dist/workflows-progress-component.js +796 -0
- package/package.json +1 -1
- package/README.md +0 -28
package/dist/index.html
ADDED
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<script>
|
|
5
|
+
(function () {
|
|
6
|
+
var querystring = window.location.search;
|
|
7
|
+
var containsToken = querystring.indexOf('token=') != -1;
|
|
8
|
+
|
|
9
|
+
if (containsToken) {
|
|
10
|
+
var img = document.createElement('img');
|
|
11
|
+
img.setAttribute(
|
|
12
|
+
'src',
|
|
13
|
+
'/workflows/progress/brand/first-script-executed' + querystring
|
|
14
|
+
);
|
|
15
|
+
}
|
|
16
|
+
})();
|
|
17
|
+
</script>
|
|
18
|
+
<script src="/support/web/browser/check.js"></script>
|
|
19
|
+
<title>Workflows Progress</title>
|
|
20
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
21
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
22
|
+
|
|
23
|
+
<link
|
|
24
|
+
rel="icon"
|
|
25
|
+
type="image/x-icon"
|
|
26
|
+
href="https://www.flarehr.com/wp-content/uploads/2022/03/flare-logo-icon.svg"
|
|
27
|
+
/>
|
|
28
|
+
|
|
29
|
+
<link
|
|
30
|
+
rel="stylesheet"
|
|
31
|
+
href="#{BACKEND_URL}/workflows/cdn/progress/workflows-progress-app.css"
|
|
32
|
+
media="all"
|
|
33
|
+
crossorigin="anonymous"
|
|
34
|
+
/>
|
|
35
|
+
<style>
|
|
36
|
+
.external-loading-page {
|
|
37
|
+
display: block;
|
|
38
|
+
position: fixed;
|
|
39
|
+
top: 0;
|
|
40
|
+
left: 0;
|
|
41
|
+
background: white;
|
|
42
|
+
width: 100%;
|
|
43
|
+
height: 100%;
|
|
44
|
+
text-align: center;
|
|
45
|
+
padding: 20px;
|
|
46
|
+
}
|
|
47
|
+
.loading-img {
|
|
48
|
+
width: 200px;
|
|
49
|
+
height: 8px;
|
|
50
|
+
display: block;
|
|
51
|
+
margin-left: auto;
|
|
52
|
+
margin-right: auto;
|
|
53
|
+
}
|
|
54
|
+
</style>
|
|
55
|
+
</head>
|
|
56
|
+
<body>
|
|
57
|
+
<div id="external-loading-page-container" style="display: block">
|
|
58
|
+
<div id="external-loading-page-1" class="external-loading-page" style="z-index: 300">
|
|
59
|
+
<img class="loading-img" src="/workflows/progress/app/support/assets/loading-bar.gif" />
|
|
60
|
+
<h5 style="margin-top: 20px">Loading...</h5>
|
|
61
|
+
<p>The page is loading, please hold tight.</p>
|
|
62
|
+
</div>
|
|
63
|
+
<div id="external-loading-page-2" class="external-loading-page" style="z-index: 200">
|
|
64
|
+
<img class="loading-img" src="/workflows/progress/app/support/assets/loading-bar.gif" />
|
|
65
|
+
<h5 style="margin-top: 20px">Nearly there...</h5>
|
|
66
|
+
<p>
|
|
67
|
+
Your page will show shortly, almost there.<br />
|
|
68
|
+
It can take up to 30 seconds, so please hold tight.
|
|
69
|
+
</p>
|
|
70
|
+
</div>
|
|
71
|
+
<div id="external-loading-page-3" class="external-loading-page" style="z-index: 100">
|
|
72
|
+
<img class="loading-img" src="/workflows/progress/app/support/assets/loading-bar.gif" />
|
|
73
|
+
<h5 style="margin-top: 20px">Looks like it's taking longer than usual</h5>
|
|
74
|
+
<a
|
|
75
|
+
href="/workflows/progress/app/support/support.html"
|
|
76
|
+
target="_blank"
|
|
77
|
+
rel="noopener noreferrer"
|
|
78
|
+
>Click here for support</a>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
<div
|
|
82
|
+
id="workflows-progress-app"
|
|
83
|
+
data-identity-url="#{IDENTITY_URL}"
|
|
84
|
+
data-backend-url="#{BACKEND_URL}"
|
|
85
|
+
></div>
|
|
86
|
+
<script src="/workflows/progress/app/support/external-loading-page.js"></script>
|
|
87
|
+
<script src="#{BACKEND_URL}/workflows/cdn/progress/workflows-progress-app.js"></script>
|
|
88
|
+
<!-- CONTENT_LOADED_IMG -->
|
|
89
|
+
</body>
|
|
90
|
+
</html>
|
|
Binary file
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
(function () {
|
|
2
|
+
var container = document.getElementById('external-loading-page-container');
|
|
3
|
+
|
|
4
|
+
setTimeout(function () {
|
|
5
|
+
var loadingPage1 = document.getElementById('external-loading-page-1');
|
|
6
|
+
if (container && loadingPage1) {
|
|
7
|
+
container.removeChild(loadingPage1);
|
|
8
|
+
}
|
|
9
|
+
}, 8000);
|
|
10
|
+
|
|
11
|
+
setTimeout(function () {
|
|
12
|
+
var loadingPage2 = document.getElementById('external-loading-page-2');
|
|
13
|
+
if (container && loadingPage2) {
|
|
14
|
+
container.removeChild(loadingPage2);
|
|
15
|
+
}
|
|
16
|
+
}, 30000);
|
|
17
|
+
|
|
18
|
+
setTimeout(function () {
|
|
19
|
+
window.parent.postMessage(
|
|
20
|
+
{
|
|
21
|
+
type: 'contentResized',
|
|
22
|
+
height: container.offsetHeight,
|
|
23
|
+
width: -1,
|
|
24
|
+
sender: 'flare'
|
|
25
|
+
},
|
|
26
|
+
'*'
|
|
27
|
+
);
|
|
28
|
+
}, 0);
|
|
29
|
+
})();
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html dir="ltr" lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<title>Onboarding Progress</title>
|
|
6
|
+
<meta name="Description" content="Onboarding Progress powered by Flare." />
|
|
7
|
+
<meta
|
|
8
|
+
name="viewport"
|
|
9
|
+
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
|
|
10
|
+
/>
|
|
11
|
+
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
12
|
+
<meta http-equiv="x-ua-compatible" content="IE=Edge" />
|
|
13
|
+
|
|
14
|
+
<link
|
|
15
|
+
rel="apple-touch-icon"
|
|
16
|
+
href="https://www.flarehr.com/wp-content/uploads/2022/03/flare-logo-icon.svg"
|
|
17
|
+
/>
|
|
18
|
+
<link
|
|
19
|
+
rel="icon"
|
|
20
|
+
type="image/x-icon"
|
|
21
|
+
href="https://www.flarehr.com/wp-content/uploads/2022/03/flare-logo-icon.svg"
|
|
22
|
+
/>
|
|
23
|
+
<link
|
|
24
|
+
rel="stylesheet"
|
|
25
|
+
href="https://npm-cdn.flarehr.com/@flarehr/beacon@dev/dist/beacon/beacon.css"
|
|
26
|
+
media="all"
|
|
27
|
+
crossorigin="anonymous"
|
|
28
|
+
/>
|
|
29
|
+
</head>
|
|
30
|
+
<body class="container mt-5">
|
|
31
|
+
<div>
|
|
32
|
+
<h3>Having trouble loading this screen?</h3>
|
|
33
|
+
<p class="mt-4">
|
|
34
|
+
To ensure you have the best experience, please first try to <b>refresh your page</b>
|
|
35
|
+
and follow the below advice.
|
|
36
|
+
</p>
|
|
37
|
+
<ul>
|
|
38
|
+
<li>
|
|
39
|
+
Use the latest internet browsers, we recommend using one of the following Chrome 90,
|
|
40
|
+
Safari 14.1 or Firefox 88. Note it will not work on Internet Explorer.
|
|
41
|
+
</li>
|
|
42
|
+
<li>Do not load using an incognito or private browser.</li>
|
|
43
|
+
<li>Allow third-party cookies, this can be checked in your browser settings.</li>
|
|
44
|
+
<li>
|
|
45
|
+
Turn off any anti-virus or content blockers, as they could be restricting your ability to
|
|
46
|
+
view the panel.
|
|
47
|
+
</li>
|
|
48
|
+
</ul>
|
|
49
|
+
</div>
|
|
50
|
+
</body>
|
|
51
|
+
</html>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-5{margin-bottom:1.25rem}.mt-16{margin-top:4rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.h-screen{height:100vh}.min-w-full{min-width:100%}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.tracking-wider{letter-spacing:.05em}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}@media (min-width:640px){.sm\:max-w-md{max-width:28rem}.sm\:rounded-lg{border-radius:.5rem}}
|