@tapni/auth 1.0.4 → 1.0.5
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/.vite/manifest.json +22 -12
- package/dist/{Account-zep_QUuI.js → Account-Cuz87g_8.js} +1 -1
- package/dist/Apps-DMds3Dv-.js +109 -0
- package/dist/Billing-BXlQEuNy.js +113 -0
- package/dist/CustomApp-CLCMXmMO.js +83 -0
- package/dist/{General-DkcdjPYQ.js → General-dW73bMoR.js} +183 -181
- package/dist/{QR-PW6cAG5j.js → QR-D6ZGcPM0.js} +1 -1
- package/dist/TapniAuth.es.js +1 -1
- package/dist/TapniAuth.umd.js +15 -15
- package/dist/{install-BzPu9V_c.js → install-L-cxSovH.js} +1180 -1143
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/App.vue +15 -2
- package/src/components/{SSO.vue → DELETE_SSO.vue} +1 -7
- package/src/main.js +0 -1
- package/src/mixins/microsoft.mixin.js +0 -3
- package/src/mixins/okta.mixin.js +1 -1
- package/src/mixins/saml.mixin.js +1 -1
- package/src/routes.js +6 -0
- package/src/services/AuthService.js +6 -0
- package/src/services/MetadataService.js +10 -0
- package/src/store/locales/en.js +2 -1
- package/src/views/Apps.vue +17 -30
- package/src/views/Billing.vue +108 -0
- package/src/views/CustomApp.vue +14 -39
- package/src/views/General.vue +5 -4
- package/src/views/Login.vue +194 -159
- package/src/views/Security.vue +1 -1
- package/dist/Apps-B9XB7Z7q.js +0 -112
- package/dist/CustomApp-BzUsyycz.js +0 -112
- /package/src/components/{SSOPick.vue → DELETE_SSOPick.vue} +0 -0
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { _ as le, A as oe, E as te } from "./install-
|
|
1
|
+
import { _ as le, A as oe, E as te } from "./install-L-cxSovH.js";
|
|
2
2
|
import "await-to-js";
|
|
3
|
-
import { defineComponent as R, mergeModels as
|
|
3
|
+
import { defineComponent as R, mergeModels as q, useModel as ne, ref as S, computed as G, watch as Z, onMounted as ie, onBeforeUnmount as se, openBlock as p, createElementBlock as b, normalizeClass as V, createElementVNode as i, renderSlot as C, createTextVNode as B, toDisplayString as L, createCommentVNode as z, Fragment as N, renderList as j, createVNode as I, withDirectives as E, vModelText as O, createBlock as _, Teleport as re, normalizeStyle as ue, withCtx as H, withKeys as de, resolveComponent as K, withModifiers as ve, pushScopeId as pe, popScopeId as ce } from "vue";
|
|
4
4
|
(function() {
|
|
5
5
|
try {
|
|
6
6
|
if (typeof document < "u") {
|
|
7
|
-
var
|
|
8
|
-
|
|
7
|
+
var e = document.createElement("style");
|
|
8
|
+
e.appendChild(document.createTextNode(":root{--vs-input-bg: #fff;--vs-input-outline: #3b82f6;--vs-input-placeholder-color: #52525b;--vs-padding: .25rem .5rem;--vs-border: 1px solid #e4e4e7;--vs-border-radius: 4px;--vs-font-size: 16px;--vs-font-weight: 400;--vs-font-family: inherit;--vs-text-color: #18181b;--vs-line-height: 1.5;--vs-menu-offset-top: 8px;--vs-menu-height: 200px;--vs-menu-padding: 0;--vs-menu-border: 1px solid #e4e4e7;--vs-menu-bg: #fff;--vs-menu-box-shadow: none;--vs-menu-z-index: 2;--vs-option-padding: 8px 12px;--vs-option-font-size: var(--vs-font-size);--vs-option-font-weight: var(--vs-font-weight);--vs-option-text-color: var(--vs-text-color);--vs-option-bg: var(--vs-menu-bg);--vs-option-hover-color: #dbeafe;--vs-option-focused-color: var(--vs-option-hover-color);--vs-option-selected-color: #93c5fd;--vs-option-disabled-color: #f4f4f5;--vs-option-disabled-text-color: #52525b;--vs-multi-value-gap: 4px;--vs-multi-value-padding: 4px;--vs-multi-value-font-size: 14px;--vs-multi-value-font-weight: 400;--vs-multi-value-line-height: 1;--vs-multi-value-text-color: #3f3f46;--vs-multi-value-bg: #f4f4f5;--vs-multi-value-xmark-size: 16px;--vs-multi-value-xmark-color: var(--vs-multi-value-text-color);--vs-indicators-gap: 4px;--vs-icon-size: 20px;--vs-icon-color: var(--vs-text-color);--vs-dropdown-transition: transform .25s ease-out}.vue-select[data-v-8ce3e5e3]{position:relative;box-sizing:border-box;width:100%}.vue-select[data-v-8ce3e5e3] *{box-sizing:border-box}.vue-select.open .single-value[data-v-8ce3e5e3]{position:absolute;opacity:.4}.vue-select.open .dropdown-icon[data-v-8ce3e5e3]{transform:rotate(180deg)}.vue-select.typing .single-value[data-v-8ce3e5e3]{opacity:0}.control[data-v-8ce3e5e3]{display:flex;min-height:32px;border:var(--vs-border);border-radius:var(--vs-border-radius);background-color:var(--vs-input-bg)}.control.focused[data-v-8ce3e5e3]{box-shadow:0 0 0 1px var(--vs-input-outline);border-color:var(--vs-input-outline)}.value-container[data-v-8ce3e5e3]{position:relative;display:flex;flex-wrap:wrap;align-items:center;flex-basis:100%;flex-grow:1;padding:var(--vs-padding)}.value-container.multi[data-v-8ce3e5e3]{gap:var(--vs-multi-value-gap)}.single-value[data-v-8ce3e5e3]{display:flex;align-items:center;font-size:var(--vs-font-size);font-weight:var(--vs-font-weight);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color);z-index:0}.multi-value[data-v-8ce3e5e3]{appearance:none;display:flex;align-items:center;gap:var(--vs-multi-value-gap);padding:var(--vs-multi-value-padding);margin:0;border:0;font-size:var(--vs-multi-value-font-size);font-weight:var(--vs-multi-value-font-weight);color:var(--vs-multi-value-text-color);line-height:var(--vs-multi-value-line-height);background:var(--vs-multi-value-bg);outline:none;cursor:pointer}.multi-value svg[data-v-8ce3e5e3]{width:var(--vs-multi-value-xmark-size);height:var(--vs-multi-value-xmark-size);fill:var(--vs-multi-value-xmark-color)}.search-input[data-v-8ce3e5e3]{appearance:none;display:inline-block;max-width:100%;flex-grow:1;width:0;margin:0;padding:0;border:0;background:none;font-size:var(--vs-font-size);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color);outline:none;z-index:1}.search-input[data-v-8ce3e5e3]::placeholder{color:var(--vs-input-placeholder-color)}.indicators-container[data-v-8ce3e5e3]{display:flex;align-items:center;flex-shrink:0;gap:var(--vs-indicators-gap);padding:var(--vs-padding)}.clear-button[data-v-8ce3e5e3]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-icon-size);height:var(--vs-icon-size);fill:var(--vs-icon-color);background:none;outline:none;cursor:pointer}.dropdown-icon[data-v-8ce3e5e3]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-icon-size);height:var(--vs-icon-size);fill:var(--vs-icon-color);background:none;outline:none;cursor:pointer;transition:var(--vs-dropdown-transition)}.menu[data-v-8ce3e5e3]{position:absolute;left:0;right:0;padding:var(--vs-menu-padding);margin-top:var(--vs-menu-offset-top);max-height:var(--vs-menu-height);overflow-y:auto;border:var(--vs-menu-border);border-radius:var(--vs-border-radius);box-shadow:var(--vs-menu-box-shadow);background-color:var(--vs-menu-bg);z-index:var(--vs-menu-z-index)}.menu-option[data-v-8ce3e5e3]{display:flex;width:100%;border:0;margin:0;padding:var(--vs-option-padding);font-size:var(--vs-option-font-size);font-weight:var(--vs-option-font-weight);font-family:var(--vs-font-family);color:var(--vs-option-text-color);background-color:var(--vs-option-bg);text-align:-webkit-auto;cursor:pointer}.menu-option[data-v-8ce3e5e3]:hover{background-color:var(--vs-option-hover-color)}.menu-option.focused[data-v-8ce3e5e3]{background-color:var(--vs-option-focused-color)}.menu-option.selected[data-v-8ce3e5e3]{background-color:var(--vs-option-selected-color)}.menu-option.disabled[data-v-8ce3e5e3]{background-color:var(--vs-option-disabled-color);color:var(--vs-option-disabled-text-color)}.no-results[data-v-8ce3e5e3]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color)}")), document.head.appendChild(e);
|
|
9
9
|
}
|
|
10
10
|
} catch (o) {
|
|
11
11
|
console.error("vite-plugin-css-injected-by-js", o);
|
|
12
12
|
}
|
|
13
13
|
})();
|
|
14
|
-
const U = (
|
|
15
|
-
const l =
|
|
14
|
+
const U = (e, o) => {
|
|
15
|
+
const l = e.__vccOpts || e;
|
|
16
16
|
for (const [f, t] of o)
|
|
17
17
|
l[f] = t;
|
|
18
18
|
return l;
|
|
@@ -27,18 +27,18 @@ const U = (a, o) => {
|
|
|
27
27
|
}, null, -1), me = [
|
|
28
28
|
fe
|
|
29
29
|
];
|
|
30
|
-
function he(
|
|
31
|
-
return
|
|
30
|
+
function he(e, o) {
|
|
31
|
+
return p(), b("svg", be, me);
|
|
32
32
|
}
|
|
33
33
|
const ye = /* @__PURE__ */ U(ge, [["render", he]]), we = {}, ke = {
|
|
34
34
|
xmlns: "http://www.w3.org/2000/svg",
|
|
35
35
|
viewBox: "0 0 20 20",
|
|
36
36
|
fill: "currentColor"
|
|
37
|
-
},
|
|
38
|
-
|
|
37
|
+
}, Le = /* @__PURE__ */ i("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" }, null, -1), xe = [
|
|
38
|
+
Le
|
|
39
39
|
];
|
|
40
|
-
function Me(
|
|
41
|
-
return
|
|
40
|
+
function Me(e, o) {
|
|
41
|
+
return p(), b("svg", ke, xe);
|
|
42
42
|
}
|
|
43
43
|
const P = /* @__PURE__ */ U(we, [["render", Me]]), ze = ["aria-disabled", "aria-selected"], Se = /* @__PURE__ */ R({
|
|
44
44
|
__name: "MenuOption",
|
|
@@ -50,36 +50,36 @@ const P = /* @__PURE__ */ U(we, [["render", Me]]), ze = ["aria-disabled", "aria-
|
|
|
50
50
|
isDisabled: { type: Boolean }
|
|
51
51
|
},
|
|
52
52
|
emits: ["select"],
|
|
53
|
-
setup(
|
|
54
|
-
const l =
|
|
53
|
+
setup(e, { emit: o }) {
|
|
54
|
+
const l = e, f = o, t = S(null);
|
|
55
55
|
return Z(
|
|
56
56
|
() => l.isFocused,
|
|
57
57
|
() => {
|
|
58
58
|
if (l.isFocused && l.menu) {
|
|
59
|
-
const r = l.menu.children[l.index],
|
|
60
|
-
|
|
59
|
+
const r = l.menu.children[l.index], c = r.offsetTop, y = c + r.clientHeight, s = l.menu.scrollTop, u = l.menu.clientHeight;
|
|
60
|
+
c < s ? l.menu.scrollTop = c : y > s + u && (l.menu.scrollTop = y - u);
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
), (r,
|
|
63
|
+
), (r, c) => (p(), b("div", {
|
|
64
64
|
ref_key: "option",
|
|
65
65
|
ref: t,
|
|
66
66
|
tabindex: "-1",
|
|
67
67
|
role: "option",
|
|
68
|
-
class:
|
|
68
|
+
class: V({ focused: r.isFocused, selected: r.isSelected, disabled: r.isDisabled }),
|
|
69
69
|
"aria-disabled": r.isDisabled,
|
|
70
70
|
"aria-selected": r.isSelected,
|
|
71
|
-
onClick:
|
|
72
|
-
onKeydown:
|
|
71
|
+
onClick: c[0] || (c[0] = (y) => f("select")),
|
|
72
|
+
onKeydown: c[1] || (c[1] = de((y) => f("select"), ["enter"]))
|
|
73
73
|
}, [
|
|
74
|
-
|
|
74
|
+
C(r.$slots, "default")
|
|
75
75
|
], 42, ze));
|
|
76
76
|
}
|
|
77
|
-
}), Ce = ["aria-expanded", "aria-describedby", "aria-description", "aria-labelledby", "aria-label", "aria-required"], De = ["onClick"], Ve = ["id", "disabled", "placeholder"], Be = { class: "indicators-container" },
|
|
77
|
+
}), Ce = ["aria-expanded", "aria-describedby", "aria-description", "aria-labelledby", "aria-label", "aria-required"], De = ["onClick"], Ve = ["id", "disabled", "placeholder"], Be = { class: "indicators-container" }, Ie = ["disabled"], _e = ["disabled"], Ae = ["aria-label", "aria-multiselectable"], Ee = {
|
|
78
78
|
key: 0,
|
|
79
79
|
class: "no-results"
|
|
80
|
-
},
|
|
80
|
+
}, Oe = /* @__PURE__ */ R({
|
|
81
81
|
__name: "Select",
|
|
82
|
-
props: /* @__PURE__ */
|
|
82
|
+
props: /* @__PURE__ */ q({
|
|
83
83
|
options: {},
|
|
84
84
|
displayedOptions: {},
|
|
85
85
|
placeholder: { default: "Select an option" },
|
|
@@ -91,91 +91,91 @@ const P = /* @__PURE__ */ U(we, [["render", Me]]), ze = ["aria-disabled", "aria-
|
|
|
91
91
|
teleport: { default: void 0 },
|
|
92
92
|
inputId: { default: void 0 },
|
|
93
93
|
aria: { default: void 0 },
|
|
94
|
-
filterBy: { type: Function, default: (
|
|
95
|
-
getOptionLabel: { type: Function, default: (
|
|
96
|
-
getMultiValueLabel: { type: Function, default: (
|
|
94
|
+
filterBy: { type: Function, default: (e, o, l) => o.toLowerCase().includes(l.toLowerCase()) },
|
|
95
|
+
getOptionLabel: { type: Function, default: (e) => e.label },
|
|
96
|
+
getMultiValueLabel: { type: Function, default: (e) => e.label }
|
|
97
97
|
}, {
|
|
98
98
|
modelValue: {
|
|
99
99
|
required: !0,
|
|
100
|
-
validator: (
|
|
100
|
+
validator: (e, o) => o.isMulti ? Array.isArray(e) : !Array.isArray(e)
|
|
101
101
|
},
|
|
102
102
|
modelModifiers: {}
|
|
103
103
|
}),
|
|
104
|
-
emits: /* @__PURE__ */
|
|
105
|
-
setup(
|
|
106
|
-
const l =
|
|
107
|
-
const
|
|
104
|
+
emits: /* @__PURE__ */ q(["optionSelected", "optionDeselected", "search"], ["update:modelValue"]),
|
|
105
|
+
setup(e, { emit: o }) {
|
|
106
|
+
const l = e, f = o, t = ne(e, "modelValue"), r = S(null), c = S(null), y = S(null), s = S(""), u = S(!1), g = S(-1), x = G(() => {
|
|
107
|
+
const a = l.displayedOptions || l.options, n = (m) => m.filter(
|
|
108
108
|
(d) => !t.value.includes(d.value)
|
|
109
109
|
);
|
|
110
110
|
if (l.isSearchable && s.value) {
|
|
111
|
-
const m =
|
|
111
|
+
const m = a.filter((d) => {
|
|
112
112
|
const M = l.isMulti ? l.getMultiValueLabel(d) : l.getOptionLabel(d);
|
|
113
113
|
return l.filterBy(d, M, s.value);
|
|
114
114
|
});
|
|
115
115
|
return l.isMulti ? n(m) : m;
|
|
116
116
|
}
|
|
117
|
-
return l.isMulti ? n(
|
|
118
|
-
}), w =
|
|
117
|
+
return l.isMulti ? n(a) : a;
|
|
118
|
+
}), w = G(() => {
|
|
119
119
|
if (l.isMulti && Array.isArray(t.value))
|
|
120
120
|
return t.value.map(
|
|
121
121
|
(n) => l.options.find((m) => m.value === n)
|
|
122
122
|
);
|
|
123
123
|
l.isMulti && !Array.isArray(t.value) && console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${t.value}`);
|
|
124
|
-
const
|
|
125
|
-
return
|
|
126
|
-
}),
|
|
127
|
-
u.value = !0,
|
|
124
|
+
const a = l.options.find((n) => n.value === t.value);
|
|
125
|
+
return a ? [a] : [];
|
|
126
|
+
}), D = (a) => {
|
|
127
|
+
u.value = !0, g.value = l.options.findIndex((n) => !n.disabled), a != null && a.focusInput && c.value && c.value.focus();
|
|
128
128
|
}, X = () => {
|
|
129
129
|
u.value = !1, s.value = "";
|
|
130
|
-
},
|
|
131
|
-
|
|
132
|
-
}, Q = (
|
|
133
|
-
l.isMulti && !l.isDisabled && (t.value = t.value.filter((n) => n !==
|
|
130
|
+
}, A = (a) => {
|
|
131
|
+
a.disabled || (l.isMulti ? t.value.push(a.value) : t.value = a.value, f("optionSelected", a), s.value = "", l.closeOnSelect && (u.value = !1), c.value && c.value.blur());
|
|
132
|
+
}, Q = (a) => {
|
|
133
|
+
l.isMulti && !l.isDisabled && (t.value = t.value.filter((n) => n !== a.value), f("optionDeselected", a));
|
|
134
134
|
}, W = () => {
|
|
135
|
-
l.isMulti ? (t.value = [], f("optionDeselected", null)) : (t.value = void 0, f("optionDeselected", w.value[0])), u.value = !1, s.value = "",
|
|
136
|
-
},
|
|
135
|
+
l.isMulti ? (t.value = [], f("optionDeselected", null)) : (t.value = void 0, f("optionDeselected", w.value[0])), u.value = !1, s.value = "", c.value && c.value.blur();
|
|
136
|
+
}, $ = (a) => {
|
|
137
137
|
if (u.value) {
|
|
138
|
-
const n =
|
|
139
|
-
if (
|
|
140
|
-
|
|
141
|
-
const d =
|
|
142
|
-
|
|
138
|
+
const n = g.value;
|
|
139
|
+
if (a.key === "ArrowDown") {
|
|
140
|
+
a.preventDefault();
|
|
141
|
+
const d = x.value.findIndex((k, v) => !k.disabled && v > n), M = x.value.findIndex((k) => !k.disabled);
|
|
142
|
+
g.value = d === -1 ? M : d;
|
|
143
143
|
}
|
|
144
|
-
if (
|
|
145
|
-
|
|
146
|
-
const d =
|
|
144
|
+
if (a.key === "ArrowUp") {
|
|
145
|
+
a.preventDefault();
|
|
146
|
+
const d = x.value.reduce(
|
|
147
147
|
(k, v, h) => !v.disabled && h < n ? h : k,
|
|
148
148
|
-1
|
|
149
|
-
), M =
|
|
149
|
+
), M = x.value.reduce(
|
|
150
150
|
(k, v, h) => v.disabled ? k : h,
|
|
151
151
|
-1
|
|
152
152
|
);
|
|
153
|
-
|
|
153
|
+
g.value = d === -1 ? M : d;
|
|
154
154
|
}
|
|
155
|
-
if (
|
|
156
|
-
const d =
|
|
157
|
-
|
|
155
|
+
if (a.key === "Enter") {
|
|
156
|
+
const d = x.value[n];
|
|
157
|
+
a.preventDefault(), d && A(d);
|
|
158
158
|
}
|
|
159
|
-
if (
|
|
160
|
-
const d =
|
|
161
|
-
|
|
159
|
+
if (a.code === "Space" && s.value.length === 0) {
|
|
160
|
+
const d = x.value[n];
|
|
161
|
+
a.preventDefault(), d && A(d);
|
|
162
162
|
}
|
|
163
|
-
|
|
163
|
+
a.key === "Escape" && (a.preventDefault(), u.value = !1, s.value = "");
|
|
164
164
|
const m = l.isMulti ? t.value.length > 0 : !!t.value;
|
|
165
|
-
|
|
165
|
+
a.key === "Backspace" && s.value.length === 0 && m && (a.preventDefault(), l.isMulti ? t.value = t.value.slice(0, -1) : t.value = void 0);
|
|
166
166
|
}
|
|
167
|
-
}, Y = (
|
|
168
|
-
!u.value && s.value.length === 0 && (
|
|
169
|
-
}, ee = (
|
|
170
|
-
|
|
171
|
-
},
|
|
172
|
-
r.value && !r.value.contains(
|
|
173
|
-
},
|
|
167
|
+
}, Y = (a) => {
|
|
168
|
+
!u.value && s.value.length === 0 && (a.preventDefault(), a.stopImmediatePropagation(), D());
|
|
169
|
+
}, ee = (a) => {
|
|
170
|
+
a.key === "Tab" ? X() : a.key === "Space" && Y(a);
|
|
171
|
+
}, T = (a) => {
|
|
172
|
+
r.value && !r.value.contains(a.target) && (u.value = !1, s.value = "");
|
|
173
|
+
}, F = () => {
|
|
174
174
|
if (r.value) {
|
|
175
|
-
const
|
|
175
|
+
const a = r.value.getBoundingClientRect();
|
|
176
176
|
return {
|
|
177
|
-
left: `${
|
|
178
|
-
top: `${
|
|
177
|
+
left: `${a.x}px`,
|
|
178
|
+
top: `${a.y + a.height}px`
|
|
179
179
|
};
|
|
180
180
|
}
|
|
181
181
|
return console.warn("Unable to calculate dynamic menu position because of missing internal DOM reference."), { top: "0px", left: "0px" };
|
|
@@ -183,57 +183,57 @@ const P = /* @__PURE__ */ U(we, [["render", Me]]), ze = ["aria-disabled", "aria-
|
|
|
183
183
|
return Z(
|
|
184
184
|
() => s.value,
|
|
185
185
|
() => {
|
|
186
|
-
f("search", s.value), s.value && !u.value &&
|
|
186
|
+
f("search", s.value), s.value && !u.value && D();
|
|
187
187
|
}
|
|
188
188
|
), ie(() => {
|
|
189
|
-
document.addEventListener("click",
|
|
189
|
+
document.addEventListener("click", T), document.addEventListener("keydown", $);
|
|
190
190
|
}), se(() => {
|
|
191
|
-
document.removeEventListener("click",
|
|
192
|
-
}), (
|
|
191
|
+
document.removeEventListener("click", T), document.removeEventListener("keydown", $);
|
|
192
|
+
}), (a, n) => {
|
|
193
193
|
var m, d, M, k;
|
|
194
|
-
return
|
|
194
|
+
return p(), b("div", {
|
|
195
195
|
ref_key: "container",
|
|
196
196
|
ref: r,
|
|
197
197
|
dir: "auto",
|
|
198
|
-
class:
|
|
198
|
+
class: V(["vue-select", { open: u.value, typing: u.value && s.value.length > 0, disabled: a.isDisabled }])
|
|
199
199
|
}, [
|
|
200
200
|
i("div", {
|
|
201
|
-
class:
|
|
201
|
+
class: V(["control", { focused: u.value }])
|
|
202
202
|
}, [
|
|
203
203
|
i("div", {
|
|
204
|
-
class:
|
|
204
|
+
class: V(["value-container", { multi: a.isMulti }]),
|
|
205
205
|
role: "combobox",
|
|
206
206
|
"aria-expanded": u.value,
|
|
207
|
-
"aria-describedby":
|
|
208
|
-
"aria-description":
|
|
209
|
-
"aria-labelledby": (m =
|
|
210
|
-
"aria-label": w.value.length ? w.value.map(
|
|
211
|
-
"aria-required": (d =
|
|
207
|
+
"aria-describedby": a.placeholder,
|
|
208
|
+
"aria-description": a.placeholder,
|
|
209
|
+
"aria-labelledby": (m = a.aria) == null ? void 0 : m.labelledby,
|
|
210
|
+
"aria-label": w.value.length ? w.value.map(a.isMulti ? a.getMultiValueLabel : a.getOptionLabel).join(", ") : "",
|
|
211
|
+
"aria-required": (d = a.aria) == null ? void 0 : d.required
|
|
212
212
|
}, [
|
|
213
|
-
!l.isMulti && w.value[0] ? (
|
|
213
|
+
!l.isMulti && w.value[0] ? (p(), b("div", {
|
|
214
214
|
key: 0,
|
|
215
215
|
class: "single-value",
|
|
216
|
-
onClick: n[0] || (n[0] = (v) => l.isDisabled ? null :
|
|
216
|
+
onClick: n[0] || (n[0] = (v) => l.isDisabled ? null : D({ focusInput: !0 }))
|
|
217
217
|
}, [
|
|
218
|
-
|
|
218
|
+
C(a.$slots, "value", {
|
|
219
219
|
option: w.value[0]
|
|
220
220
|
}, () => [
|
|
221
|
-
|
|
221
|
+
B(L(a.getOptionLabel(w.value[0])), 1)
|
|
222
222
|
], !0)
|
|
223
|
-
])) :
|
|
224
|
-
l.isMulti && w.value.length ? (
|
|
223
|
+
])) : z("", !0),
|
|
224
|
+
l.isMulti && w.value.length ? (p(!0), b(N, { key: 1 }, j(w.value, (v, h) => (p(), b("button", {
|
|
225
225
|
key: h,
|
|
226
226
|
type: "button",
|
|
227
227
|
class: "multi-value",
|
|
228
228
|
onClick: (ae) => Q(v)
|
|
229
229
|
}, [
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
], 8, De))), 128)) :
|
|
233
|
-
|
|
234
|
-
id:
|
|
230
|
+
B(L(a.getMultiValueLabel(v)), 1),
|
|
231
|
+
I(P)
|
|
232
|
+
], 8, De))), 128)) : z("", !0),
|
|
233
|
+
E(i("input", {
|
|
234
|
+
id: a.inputId,
|
|
235
235
|
ref_key: "input",
|
|
236
|
-
ref:
|
|
236
|
+
ref: c,
|
|
237
237
|
"onUpdate:modelValue": n[1] || (n[1] = (v) => s.value = v),
|
|
238
238
|
class: "search-input",
|
|
239
239
|
type: "text",
|
|
@@ -243,92 +243,92 @@ const P = /* @__PURE__ */ U(we, [["render", Me]]), ze = ["aria-disabled", "aria-
|
|
|
243
243
|
autocorrect: "off",
|
|
244
244
|
spellcheck: "false",
|
|
245
245
|
tabindex: "0",
|
|
246
|
-
disabled:
|
|
247
|
-
placeholder: w.value.length === 0 ?
|
|
248
|
-
onMousedown: n[2] || (n[2] = (v) =>
|
|
246
|
+
disabled: a.isDisabled,
|
|
247
|
+
placeholder: w.value.length === 0 ? a.placeholder : "",
|
|
248
|
+
onMousedown: n[2] || (n[2] = (v) => D()),
|
|
249
249
|
onKeydown: ee
|
|
250
250
|
}, null, 40, Ve), [
|
|
251
251
|
[O, s.value]
|
|
252
252
|
])
|
|
253
253
|
], 10, Ce),
|
|
254
254
|
i("div", Be, [
|
|
255
|
-
w.value.length > 0 &&
|
|
255
|
+
w.value.length > 0 && a.isClearable ? (p(), b("button", {
|
|
256
256
|
key: 0,
|
|
257
257
|
type: "button",
|
|
258
258
|
class: "clear-button",
|
|
259
259
|
tabindex: "-1",
|
|
260
|
-
disabled:
|
|
260
|
+
disabled: a.isDisabled,
|
|
261
261
|
onClick: W
|
|
262
262
|
}, [
|
|
263
|
-
|
|
264
|
-
|
|
263
|
+
C(a.$slots, "clear", {}, () => [
|
|
264
|
+
I(P)
|
|
265
265
|
], !0)
|
|
266
|
-
], 8,
|
|
266
|
+
], 8, Ie)) : z("", !0),
|
|
267
267
|
i("button", {
|
|
268
268
|
type: "button",
|
|
269
269
|
class: "dropdown-icon",
|
|
270
270
|
tabindex: "-1",
|
|
271
|
-
disabled:
|
|
272
|
-
onClick: n[3] || (n[3] = (v) =>
|
|
271
|
+
disabled: a.isDisabled,
|
|
272
|
+
onClick: n[3] || (n[3] = (v) => D({ focusInput: !0 }))
|
|
273
273
|
}, [
|
|
274
|
-
|
|
275
|
-
|
|
274
|
+
C(a.$slots, "dropdown", {}, () => [
|
|
275
|
+
I(ye)
|
|
276
276
|
], !0)
|
|
277
|
-
], 8,
|
|
277
|
+
], 8, _e)
|
|
278
278
|
])
|
|
279
279
|
], 2),
|
|
280
|
-
(
|
|
281
|
-
to:
|
|
282
|
-
disabled: !
|
|
280
|
+
(p(), _(re, {
|
|
281
|
+
to: a.teleport,
|
|
282
|
+
disabled: !a.teleport
|
|
283
283
|
}, [
|
|
284
|
-
u.value ? (
|
|
284
|
+
u.value ? (p(), b("div", {
|
|
285
285
|
key: 0,
|
|
286
286
|
ref_key: "menu",
|
|
287
287
|
ref: y,
|
|
288
288
|
class: "menu",
|
|
289
289
|
role: "listbox",
|
|
290
|
-
"aria-label": (M =
|
|
291
|
-
"aria-multiselectable":
|
|
290
|
+
"aria-label": (M = a.aria) == null ? void 0 : M.labelledby,
|
|
291
|
+
"aria-multiselectable": a.isMulti,
|
|
292
292
|
style: ue({
|
|
293
293
|
width: l.teleport ? `${(k = r.value) == null ? void 0 : k.getBoundingClientRect().width}px` : "100%",
|
|
294
|
-
top: l.teleport ?
|
|
295
|
-
left: l.teleport ?
|
|
294
|
+
top: l.teleport ? F().top : "unset",
|
|
295
|
+
left: l.teleport ? F().left : "unset"
|
|
296
296
|
})
|
|
297
297
|
}, [
|
|
298
|
-
|
|
299
|
-
(
|
|
298
|
+
C(a.$slots, "menu-header", {}, void 0, !0),
|
|
299
|
+
(p(!0), b(N, null, j(x.value, (v, h) => (p(), _(Se, {
|
|
300
300
|
key: h,
|
|
301
301
|
type: "button",
|
|
302
|
-
class:
|
|
302
|
+
class: V(["menu-option", { focused: g.value === h, selected: v.value === t.value }]),
|
|
303
303
|
menu: y.value,
|
|
304
304
|
index: h,
|
|
305
|
-
"is-focused":
|
|
305
|
+
"is-focused": g.value === h,
|
|
306
306
|
"is-selected": v.value === t.value,
|
|
307
307
|
"is-disabled": v.disabled || !1,
|
|
308
|
-
onSelect: (ae) =>
|
|
308
|
+
onSelect: (ae) => A(v)
|
|
309
309
|
}, {
|
|
310
310
|
default: H(() => [
|
|
311
|
-
|
|
312
|
-
|
|
311
|
+
C(a.$slots, "option", { option: v }, () => [
|
|
312
|
+
B(L(a.getOptionLabel(v)), 1)
|
|
313
313
|
], !0)
|
|
314
314
|
]),
|
|
315
315
|
_: 2
|
|
316
316
|
}, 1032, ["class", "menu", "index", "is-focused", "is-selected", "is-disabled", "onSelect"]))), 128)),
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
317
|
+
x.value.length === 0 ? (p(), b("div", Ee, [
|
|
318
|
+
C(a.$slots, "no-options", {}, () => [
|
|
319
|
+
B(" No results found ")
|
|
320
320
|
], !0)
|
|
321
|
-
])) :
|
|
322
|
-
], 12, Ae)) :
|
|
321
|
+
])) : z("", !0)
|
|
322
|
+
], 12, Ae)) : z("", !0)
|
|
323
323
|
], 8, ["to", "disabled"]))
|
|
324
324
|
], 2);
|
|
325
325
|
};
|
|
326
326
|
}
|
|
327
|
-
}),
|
|
328
|
-
name: "
|
|
327
|
+
}), Ue = /* @__PURE__ */ U(Oe, [["__scopeId", "data-v-8ce3e5e3"]]), $e = {
|
|
328
|
+
name: "AuthGeneral",
|
|
329
329
|
mixins: [oe],
|
|
330
330
|
components: {
|
|
331
|
-
VueSelect:
|
|
331
|
+
VueSelect: Ue
|
|
332
332
|
},
|
|
333
333
|
props: {
|
|
334
334
|
payload: {
|
|
@@ -342,7 +342,7 @@ const P = /* @__PURE__ */ U(we, [["render", Me]]), ze = ["aria-disabled", "aria-
|
|
|
342
342
|
};
|
|
343
343
|
},
|
|
344
344
|
async mounted() {
|
|
345
|
-
this.isLoggedIn || this.$router.push("/login");
|
|
345
|
+
this.isLoggedIn || this.$router.push("/login"), this.isEmpty(this.account) && this.$router.push("/account");
|
|
346
346
|
},
|
|
347
347
|
methods: {
|
|
348
348
|
close() {
|
|
@@ -353,7 +353,7 @@ const P = /* @__PURE__ */ U(we, [["render", Me]]), ze = ["aria-disabled", "aria-
|
|
|
353
353
|
this.loading = !0, await this.newPassword({}) === !0 && (this.successSnack(this.ssoLang[this.appLanguage].password_change_success), this.changePassword = !1), this.loading = !1;
|
|
354
354
|
}
|
|
355
355
|
}
|
|
356
|
-
}, J = (
|
|
356
|
+
}, J = (e) => (pe("data-v-9dc93691"), e = e(), ce(), e), Te = { class: "page-login content-boxed content-boxed-padding" }, Fe = /* @__PURE__ */ J(() => /* @__PURE__ */ i("i", { class: "font-17 color-black" }, [
|
|
357
357
|
/* @__PURE__ */ i("img", {
|
|
358
358
|
src: "https://cdn.tapni.co/icons/down-arrow.png",
|
|
359
359
|
class: "responsive-image",
|
|
@@ -361,7 +361,7 @@ const P = /* @__PURE__ */ U(we, [["render", Me]]), ze = ["aria-disabled", "aria-
|
|
|
361
361
|
})
|
|
362
362
|
], -1)), qe = [
|
|
363
363
|
Fe
|
|
364
|
-
],
|
|
364
|
+
], Ge = { class: "subheaderContainer full-top" }, Ne = ["src"], je = {
|
|
365
365
|
class: "center-text",
|
|
366
366
|
style: { "flex-grow": "1", "text-align": "center", margin: "0", "font-weight": "600" }
|
|
367
367
|
}, Ke = { class: "container left-text" }, Pe = { class: "center-text" }, Re = { class: "full-top bold small-bottom" }, Ze = ["placeholder"], He = ["placeholder"], Je = { class: "full-top bold" }, Xe = { class: "full-top bold" }, Qe = /* @__PURE__ */ J(() => /* @__PURE__ */ i("p", null, "Translate the app on your preferred language.", -1)), We = {
|
|
@@ -371,66 +371,68 @@ const P = /* @__PURE__ */ U(we, [["render", Me]]), ze = ["aria-disabled", "aria-
|
|
|
371
371
|
key: 1,
|
|
372
372
|
class: "button--loading button__loader"
|
|
373
373
|
};
|
|
374
|
-
function aa(
|
|
374
|
+
function aa(e, o, l, f, t, r) {
|
|
375
375
|
var s, u;
|
|
376
|
-
const
|
|
377
|
-
return
|
|
378
|
-
|
|
376
|
+
const c = K("router-link"), y = K("VueSelect");
|
|
377
|
+
return p(), b("div", Te, [
|
|
378
|
+
e.isModal ? (p(), b("a", {
|
|
379
379
|
key: 0,
|
|
380
|
-
onClick: o[0] || (o[0] = (...
|
|
380
|
+
onClick: o[0] || (o[0] = (...g) => r.close && r.close(...g)),
|
|
381
381
|
class: "color-black pull-right pointer",
|
|
382
382
|
style: { "margin-top": "0px", position: "absolute", right: "-20px", "text-align": "right" }
|
|
383
|
-
}, qe)) :
|
|
384
|
-
i("div",
|
|
385
|
-
|
|
383
|
+
}, qe)) : z("", !0),
|
|
384
|
+
i("div", Ge, [
|
|
385
|
+
e.isModal ? z("", !0) : (p(), _(c, {
|
|
386
|
+
key: 0,
|
|
386
387
|
to: "/account",
|
|
387
388
|
class: "button gray-button pointer left-button"
|
|
388
389
|
}, {
|
|
389
390
|
default: H(() => [
|
|
390
391
|
i("img", {
|
|
391
|
-
src:
|
|
392
|
+
src: e.getIcon("arrow-gray-right.svg"),
|
|
392
393
|
height: "20",
|
|
393
394
|
width: "20",
|
|
394
395
|
class: "btn-icon",
|
|
395
396
|
style: { rotate: "180deg" }
|
|
396
|
-
}, null, 8,
|
|
397
|
+
}, null, 8, Ne)
|
|
397
398
|
]),
|
|
398
399
|
_: 1
|
|
399
|
-
}),
|
|
400
|
-
i("h2",
|
|
400
|
+
})),
|
|
401
|
+
i("h2", je, L(e.ssoLang[e.appLanguage].general), 1)
|
|
401
402
|
]),
|
|
402
403
|
i("div", Ke, [
|
|
403
|
-
i("p", Pe,
|
|
404
|
+
i("p", Pe, L(e.ssoLang[e.appLanguage].general_p), 1),
|
|
404
405
|
i("form", {
|
|
405
406
|
class: "full-top",
|
|
406
|
-
onSubmit: o[5] || (o[5] = ve((...
|
|
407
|
+
onSubmit: o[5] || (o[5] = ve((...g) => r.submitGeneralUpdate && r.submitGeneralUpdate(...g), ["prevent"]))
|
|
407
408
|
}, [
|
|
408
|
-
i("h3", Re,
|
|
409
|
-
|
|
409
|
+
i("h3", Re, L(e.ssoLang[e.appLanguage].personal_details), 1),
|
|
410
|
+
E(i("input", {
|
|
410
411
|
type: "text",
|
|
411
|
-
"onUpdate:modelValue": o[1] || (o[1] = (
|
|
412
|
-
placeholder:
|
|
412
|
+
"onUpdate:modelValue": o[1] || (o[1] = (g) => e.account.name = g),
|
|
413
|
+
placeholder: e.ssoLang[e.appLanguage].name,
|
|
413
414
|
class: "edit-input h-40 lh-40 small-bottom",
|
|
414
415
|
required: "",
|
|
415
416
|
style: { width: "100%" }
|
|
416
417
|
}, null, 8, Ze), [
|
|
417
|
-
[O,
|
|
418
|
+
[O, e.account.name]
|
|
418
419
|
]),
|
|
419
|
-
|
|
420
|
+
E(i("input", {
|
|
420
421
|
disabled: "",
|
|
421
422
|
type: "email",
|
|
422
|
-
"onUpdate:modelValue": o[2] || (o[2] = (
|
|
423
|
-
placeholder:
|
|
423
|
+
"onUpdate:modelValue": o[2] || (o[2] = (g) => e.account.email = g),
|
|
424
|
+
placeholder: e.ssoLang[e.appLanguage].email,
|
|
424
425
|
class: "bg-white edit-input h-40 lh-40 small-bottom",
|
|
425
426
|
required: "",
|
|
426
427
|
style: { width: "100%" }
|
|
427
428
|
}, null, 8, He), [
|
|
428
|
-
[O,
|
|
429
|
+
[O, e.account.email]
|
|
429
430
|
]),
|
|
430
|
-
i("h3", Je,
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
431
|
+
i("h3", Je, L(e.ssoLang[e.appLanguage].app_region), 1),
|
|
432
|
+
e.account.billing ? (p(), _(y, {
|
|
433
|
+
key: 0,
|
|
434
|
+
modelValue: e.account.billing.region,
|
|
435
|
+
"onUpdate:modelValue": o[3] || (o[3] = (g) => e.account.billing.region = g),
|
|
434
436
|
options: [
|
|
435
437
|
{ label: "United States", value: "us" },
|
|
436
438
|
{ label: "United Kingdom", value: "uk" },
|
|
@@ -443,35 +445,35 @@ function aa(a, o, l, f, t, r) {
|
|
|
443
445
|
],
|
|
444
446
|
isClearable: !1,
|
|
445
447
|
placeholder: "Select region"
|
|
446
|
-
}, null, 8, ["modelValue"]),
|
|
447
|
-
i("p", null, "Default currency for this region is " +
|
|
448
|
-
i("h3", Xe,
|
|
449
|
-
|
|
450
|
-
modelValue:
|
|
451
|
-
"onUpdate:modelValue": o[4] || (o[4] = (
|
|
448
|
+
}, null, 8, ["modelValue"])) : z("", !0),
|
|
449
|
+
i("p", null, "Default currency for this region is " + L((u = (s = e.account.billing) == null ? void 0 : s.currency) == null ? void 0 : u.toUpperCase()), 1),
|
|
450
|
+
i("h3", Xe, L(e.ssoLang[e.appLanguage].app_language), 1),
|
|
451
|
+
I(y, {
|
|
452
|
+
modelValue: e.account.lang,
|
|
453
|
+
"onUpdate:modelValue": o[4] || (o[4] = (g) => e.account.lang = g),
|
|
452
454
|
options: [
|
|
453
|
-
{ label:
|
|
454
|
-
{ label:
|
|
455
|
-
{ label:
|
|
456
|
-
{ label:
|
|
457
|
-
{ label:
|
|
458
|
-
{ label:
|
|
459
|
-
{ label:
|
|
460
|
-
{ label:
|
|
461
|
-
{ label:
|
|
455
|
+
{ label: e.ssoLang[e.appLanguage].english, value: "en" },
|
|
456
|
+
{ label: e.ssoLang[e.appLanguage].german, value: "de" },
|
|
457
|
+
{ label: e.ssoLang[e.appLanguage].spanish, value: "es" },
|
|
458
|
+
{ label: e.ssoLang[e.appLanguage].italian, value: "it" },
|
|
459
|
+
{ label: e.ssoLang[e.appLanguage].french, value: "fr" },
|
|
460
|
+
{ label: e.ssoLang[e.appLanguage].turkish, value: "tr" },
|
|
461
|
+
{ label: e.ssoLang[e.appLanguage].serbian, value: "sr" },
|
|
462
|
+
{ label: e.ssoLang[e.appLanguage].korean, value: "kr" },
|
|
463
|
+
{ label: e.ssoLang[e.appLanguage].chinese, value: "cn" }
|
|
462
464
|
],
|
|
463
465
|
isClearable: !1,
|
|
464
466
|
placeholder: "Select language"
|
|
465
467
|
}, null, 8, ["modelValue", "options"]),
|
|
466
468
|
Qe,
|
|
467
469
|
i("button", We, [
|
|
468
|
-
t.loading ? (
|
|
470
|
+
t.loading ? (p(), b("span", ea)) : (p(), b("span", Ye, L(e.ssoLang[e.appLanguage].save), 1))
|
|
469
471
|
])
|
|
470
472
|
], 32)
|
|
471
473
|
])
|
|
472
474
|
]);
|
|
473
475
|
}
|
|
474
|
-
const na = /* @__PURE__ */ le($e, [["render", aa], ["__scopeId", "data-v-
|
|
476
|
+
const na = /* @__PURE__ */ le($e, [["render", aa], ["__scopeId", "data-v-9dc93691"]]);
|
|
475
477
|
export {
|
|
476
478
|
na as default
|
|
477
479
|
};
|