adilallo
92a3337aeb
CI Pipeline / test (20) (pull_request) Successful in 2m41s
CI Pipeline / test (18) (pull_request) Successful in 3m21s
CI Pipeline / e2e (chromium) (pull_request) Failing after 1m25s
CI Pipeline / e2e (firefox) (pull_request) Failing after 1m24s
CI Pipeline / e2e (webkit) (pull_request) Failing after 1m24s
CI Pipeline / visual-regression (pull_request) Failing after 1m53s
CI Pipeline / performance (pull_request) Failing after 1m31s
CI Pipeline / lint (pull_request) Failing after 1m5s
CI Pipeline / storybook (pull_request) Successful in 1m36s
CI Pipeline / build (pull_request) Failing after 1m19s
26909 lines
946 KiB
JavaScript
26909 lines
946 KiB
JavaScript
try {
|
|
(() => {
|
|
var Lt = ((e) =>
|
|
typeof require < "u"
|
|
? require
|
|
: typeof Proxy < "u"
|
|
? new Proxy(e, {
|
|
get: (t, n) => (typeof require < "u" ? require : t)[n],
|
|
})
|
|
: e)(function (e) {
|
|
if (typeof require < "u") return require.apply(this, arguments);
|
|
throw Error('Dynamic require of "' + e + '" is not supported');
|
|
});
|
|
var _e = {
|
|
NODE_ENV: "production",
|
|
NODE_PATH: [],
|
|
STORYBOOK: "true",
|
|
PUBLIC_URL: ".",
|
|
};
|
|
var a = __REACT__,
|
|
{
|
|
Children: _6,
|
|
Component: Tt,
|
|
Fragment: I6,
|
|
Profiler: R6,
|
|
PureComponent: B6,
|
|
StrictMode: P6,
|
|
Suspense: V6,
|
|
__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: H6,
|
|
act: j6,
|
|
cloneElement: D6,
|
|
createContext: He,
|
|
createElement: S,
|
|
createFactory: z6,
|
|
createRef: U6,
|
|
forwardRef: W,
|
|
isValidElement: wl,
|
|
lazy: $6,
|
|
memo: W6,
|
|
startTransition: q6,
|
|
unstable_act: G6,
|
|
useCallback: K,
|
|
useContext: Gt,
|
|
useDebugValue: Y6,
|
|
useDeferredValue: K6,
|
|
useEffect: te,
|
|
useId: J6,
|
|
useImperativeHandle: Q6,
|
|
useInsertionEffect: X6,
|
|
useLayoutEffect: ef,
|
|
useMemo: ft,
|
|
useReducer: Cl,
|
|
useRef: Ee,
|
|
useState: Le,
|
|
useSyncExternalStore: tf,
|
|
useTransition: nf,
|
|
version: af,
|
|
} = __REACT__;
|
|
var sf = __STORYBOOK_TYPES__,
|
|
{ Addon_TypesEnum: Tr } = __STORYBOOK_TYPES__;
|
|
var pf = __STORYBOOK_API__,
|
|
{
|
|
ActiveTabs: hf,
|
|
Consumer: ff,
|
|
ManagerContext: gf,
|
|
Provider: vf,
|
|
RequestResponseError: yf,
|
|
addons: ga,
|
|
combineParameters: bf,
|
|
controlOrMetaKey: Ef,
|
|
controlOrMetaSymbol: kf,
|
|
eventMatchesShortcut: wf,
|
|
eventToShortcut: Cf,
|
|
experimental_MockUniversalStore: Sf,
|
|
experimental_UniversalStore: xf,
|
|
experimental_getStatusStore: va,
|
|
experimental_getTestProviderStore: Sl,
|
|
experimental_requestResponse: Nf,
|
|
experimental_useStatusStore: xl,
|
|
experimental_useTestProviderStore: Nl,
|
|
experimental_useUniversalStore: Mf,
|
|
internal_fullStatusStore: Ff,
|
|
internal_fullTestProviderStore: Af,
|
|
internal_universalStatusStore: Lf,
|
|
internal_universalTestProviderStore: Tf,
|
|
isMacLike: Zf,
|
|
isShortcutTaken: Of,
|
|
keyToSymbol: _f,
|
|
merge: If,
|
|
mockChannel: Rf,
|
|
optionOrAltSymbol: Bf,
|
|
shortcutMatchesShortcut: Pf,
|
|
shortcutToHumanString: Vf,
|
|
types: Hf,
|
|
useAddonState: Ml,
|
|
useArgTypes: jf,
|
|
useArgs: Df,
|
|
useChannel: ya,
|
|
useGlobalTypes: Fl,
|
|
useGlobals: Al,
|
|
useParameter: Ll,
|
|
useSharedState: zf,
|
|
useStoryPrepared: Uf,
|
|
useStorybookApi: Zt,
|
|
useStorybookState: wn,
|
|
} = __STORYBOOK_API__;
|
|
var Yf = __STORYBOOK_THEMING__,
|
|
{
|
|
CacheProvider: Kf,
|
|
ClassNames: Jf,
|
|
Global: Qf,
|
|
ThemeProvider: Xf,
|
|
background: e8,
|
|
color: Cn,
|
|
convert: t8,
|
|
create: n8,
|
|
createCache: a8,
|
|
createGlobal: r8,
|
|
createReset: i8,
|
|
css: se,
|
|
darken: l8,
|
|
ensure: o8,
|
|
ignoreSsrWarning: s8,
|
|
isPropValid: d8,
|
|
jsx: c8,
|
|
keyframes: Ct,
|
|
lighten: u8,
|
|
styled: k,
|
|
themes: m8,
|
|
typography: p8,
|
|
useTheme: Sn,
|
|
withTheme: h8,
|
|
} = __STORYBOOK_THEMING__;
|
|
var b8 = __STORYBOOK_COMPONENTS__,
|
|
{
|
|
A: E8,
|
|
ActionBar: k8,
|
|
AddonPanel: w8,
|
|
Badge: Tl,
|
|
Bar: C8,
|
|
Blockquote: S8,
|
|
Button: xn,
|
|
ClipboardCode: x8,
|
|
Code: Zl,
|
|
DL: N8,
|
|
Div: M8,
|
|
DocumentWrapper: F8,
|
|
EmptyTabContent: A8,
|
|
ErrorFormatter: L8,
|
|
FlexBar: T8,
|
|
Form: Z8,
|
|
H1: O8,
|
|
H2: _8,
|
|
H3: I8,
|
|
H4: R8,
|
|
H5: B8,
|
|
H6: P8,
|
|
HR: V8,
|
|
IconButton: Ol,
|
|
Img: H8,
|
|
LI: j8,
|
|
Link: Ot,
|
|
ListItem: D8,
|
|
Loader: Zr,
|
|
Modal: z8,
|
|
OL: U8,
|
|
P: $8,
|
|
Placeholder: W8,
|
|
Pre: q8,
|
|
ProgressSpinner: _l,
|
|
ResetWrapper: G8,
|
|
ScrollArea: Y8,
|
|
Separator: K8,
|
|
Spaced: J8,
|
|
Span: Q8,
|
|
StorybookIcon: X8,
|
|
StorybookLogo: e9,
|
|
SyntaxHighlighter: t9,
|
|
TT: n9,
|
|
TabBar: a9,
|
|
TabButton: r9,
|
|
TabWrapper: i9,
|
|
Table: l9,
|
|
Tabs: o9,
|
|
TabsState: s9,
|
|
TooltipLinkList: Il,
|
|
TooltipMessage: Rl,
|
|
TooltipNote: ba,
|
|
UL: d9,
|
|
WithTooltip: ke,
|
|
WithTooltipPure: c9,
|
|
Zoom: u9,
|
|
codeCommon: m9,
|
|
components: p9,
|
|
createCopyToClipboardFunction: h9,
|
|
getStoryHref: f9,
|
|
interleaveSeparators: g9,
|
|
nameSpaceClassNames: v9,
|
|
resetComponents: y9,
|
|
withReset: b9,
|
|
} = __STORYBOOK_COMPONENTS__;
|
|
var Nn = __REACT_DOM__,
|
|
{
|
|
__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: S9,
|
|
createPortal: Ea,
|
|
createRoot: x9,
|
|
findDOMNode: N9,
|
|
flushSync: M9,
|
|
hydrate: F9,
|
|
hydrateRoot: A9,
|
|
render: L9,
|
|
unmountComponentAtNode: Bl,
|
|
unstable_batchedUpdates: T9,
|
|
unstable_renderSubtreeIntoContainer: Pl,
|
|
version: Z9,
|
|
} = __REACT_DOM__;
|
|
var od =
|
|
'@keyframes Bc2PgW_ya{to{translate:0 var(--sh)}}@keyframes Bc2PgW_xa{to{translate:var(--xlp)0}}@keyframes Bc2PgW_r{50%{rotate:var(--hr)180deg}to{rotate:var(--r)360deg}}.Bc2PgW_c{z-index:1200;width:0;height:0;position:relative;overflow:visible}.Bc2PgW_p{animation:xa var(--dc)forwards cubic-bezier(var(--x1),var(--x2),var(--x3),var(--x4));animation-name:Bc2PgW_xa}.Bc2PgW_p>div{animation:ya var(--dc)forwards cubic-bezier(var(--y1),var(--y2),var(--y3),var(--y4));width:var(--w);height:var(--h);animation-name:Bc2PgW_ya;position:absolute;top:0;left:0}.Bc2PgW_p>div:before{content:"";background-color:var(--bgc);animation:r var(--rd)infinite linear;border-radius:var(--br);width:100%;height:100%;animation-name:Bc2PgW_r;display:block}',
|
|
Vl = "Bc2PgW_p",
|
|
sd = "Bc2PgW_c",
|
|
Hl = ["#FFC700", "#FF0000", "#2E3191", "#41BBC7"],
|
|
jl = 3500,
|
|
Dl = 0.5,
|
|
zl = 150,
|
|
Ul = "mix",
|
|
$l = 12,
|
|
Wl = "",
|
|
ql = !0,
|
|
Gl = 800,
|
|
Yl = 1600;
|
|
function dd(e, t = {}) {
|
|
let {
|
|
colors: n = Hl,
|
|
duration: r = jl,
|
|
force: i = Dl,
|
|
particleCount: l = zl,
|
|
particleShape: o = Ul,
|
|
particleSize: s = $l,
|
|
particleClass: d = Wl,
|
|
destroyAfterDone: c = ql,
|
|
stageHeight: u = Gl,
|
|
stageWidth: m = Yl,
|
|
} = t;
|
|
((function (f) {
|
|
if (document.querySelector("style[data-neoconfetti]")) return;
|
|
let E = Or("style");
|
|
((E.dataset.neoconfetti = ""),
|
|
(E.textContent = f),
|
|
_r(document.head, E));
|
|
})(od),
|
|
e.classList.add(sd),
|
|
e.style.setProperty("--sh", u + "px"));
|
|
let p = [],
|
|
v = [],
|
|
g = () => Mn(nt() * (hd - 1)),
|
|
y = (f, E) => o !== "rectangles" && (f === "circles" || fd(E));
|
|
function w(f, E) {
|
|
let C = g(),
|
|
Z = y(o, C),
|
|
M = (X, oe) => f.style.setProperty(X, oe + "");
|
|
(M("--xlp", Ir(ka(Xl(E, 90) - 180), 0, 180, -m / 2, m / 2) + "px"),
|
|
M("--dc", r - Mn(1e3 * nt()) + "ms"));
|
|
let V = nt() < ud ? Yt(nt() * md, 2) : 0;
|
|
(M("--x1", V),
|
|
M("--x2", -1 * V),
|
|
M("--x3", V),
|
|
M("--x4", Yt(ka(Ir(ka(Xl(E, 90) - 180), 0, 180, -1, 1)), 4)),
|
|
M("--y1", Yt(nt() * Jl, 4)),
|
|
M("--y2", Yt(nt() * i * (to() ? 1 : -1), 4)),
|
|
M("--y3", Jl),
|
|
M("--y4", Yt(pd(Ir(ka(E - 180), 0, 180, i, -i), 0), 4)),
|
|
M("--w", (Z ? s : Mn(4 * nt()) + s / 2) + "px"),
|
|
M("--h", (Z ? s : Mn(2 * nt()) + s) + "px"));
|
|
let D = C.toString(2).padStart(3, "0").split("");
|
|
(M("--hr", D.map((X) => +X / 2 + "").join(" ")),
|
|
M("--r", D.join(" ")),
|
|
M("--rd", Yt(nt() * (cd - Kl) + Kl) + "ms"),
|
|
M("--br", Z ? "50%" : 0));
|
|
}
|
|
let b;
|
|
function h() {
|
|
((e.innerHTML = ""),
|
|
clearTimeout(b),
|
|
(p = Ql(l, n)),
|
|
(v = (function (f, E = [], C) {
|
|
let Z = [];
|
|
for (let { color: M } of E) {
|
|
let V = Or("div");
|
|
((V.className = `${Vl} ${C}`), V.style.setProperty("--bgc", M));
|
|
let D = Or("div");
|
|
(_r(V, D), _r(f, V), Z.push(V));
|
|
}
|
|
return Z;
|
|
})(e, p, d)));
|
|
for (let [f, E] of eo(v)) w(E, p[+f].degree);
|
|
b = setTimeout(() => {
|
|
c && (e.innerHTML = "");
|
|
}, r);
|
|
}
|
|
return (
|
|
h(),
|
|
{
|
|
update(f) {
|
|
let E = f.particleCount ?? zl,
|
|
C = f.particleShape ?? Ul,
|
|
Z = f.particleSize ?? $l,
|
|
M = f.particleClass ?? Wl,
|
|
V = f.colors ?? Hl,
|
|
D = f.stageHeight ?? Gl,
|
|
X = f.duration ?? jl,
|
|
oe = f.force ?? Dl,
|
|
ve = f.stageWidth ?? Yl,
|
|
fe = f.destroyAfterDone ?? ql;
|
|
p = Ql(E, V);
|
|
let ce = !1;
|
|
if (E === l) {
|
|
v = Array.from(e.querySelectorAll(`.${Vl}`));
|
|
for (let [be, { color: wt }] of eo(p)) {
|
|
let ge = v[+be];
|
|
(JSON.stringify(n) !== JSON.stringify(V) &&
|
|
ge.style.setProperty("--bgc", wt),
|
|
C !== o &&
|
|
ge.style.setProperty("--br", y(C, g()) ? "50%" : "0"),
|
|
M !== d &&
|
|
(d && ge.classList.remove(d), M && ge.classList.add(M)));
|
|
}
|
|
} else ce = !0;
|
|
(c && !fe && clearTimeout(b),
|
|
e.style.setProperty("--sh", D + "px"),
|
|
(r = X),
|
|
(n = V),
|
|
(i = oe),
|
|
(l = E),
|
|
(o = C),
|
|
(s = Z),
|
|
(d = M),
|
|
(c = fe),
|
|
(u = D),
|
|
(m = ve),
|
|
ce && h());
|
|
},
|
|
destroy() {
|
|
((e.innerHTML = ""), clearTimeout(b));
|
|
},
|
|
}
|
|
);
|
|
}
|
|
var Kl = 200,
|
|
cd = 800,
|
|
ud = 0.1,
|
|
md = 0.3,
|
|
Jl = 0.5,
|
|
ka = Math.abs,
|
|
nt = Math.random,
|
|
Mn = Math.round,
|
|
pd = Math.max,
|
|
Or = (e) => document.createElement(e),
|
|
_r = (e, t) => e.appendChild(t),
|
|
Ql = (e, t) =>
|
|
Array.from({ length: e }, (n, r) => ({
|
|
color: t[r % t.length],
|
|
degree: (360 * r) / e,
|
|
})),
|
|
Yt = (e, t = 2) => Mn((e + Number.EPSILON) * 10 ** t) / 10 ** t,
|
|
Ir = (e, t, n, r, i) => ((e - t) * (i - r)) / (n - t) + r,
|
|
Xl = (e, t) => (e + t > 360 ? e + t - 360 : e + t),
|
|
to = () => nt() > 0.5,
|
|
eo = Object.entries,
|
|
hd = 6,
|
|
fd = (e) => e !== 1 && to();
|
|
function no({ class: e, ...t }) {
|
|
let n = Ee(null),
|
|
r = Ee();
|
|
return (
|
|
te(() => {
|
|
if (typeof window < "u" && n.current) {
|
|
if (r.current) return (r.current.update(t), r.current.destroy);
|
|
r.current = dd(n.current, t);
|
|
}
|
|
}, [t]),
|
|
S("div", { ref: n, className: e })
|
|
);
|
|
}
|
|
function Rr({ onlyFirst: e = !1 } = {}) {
|
|
let n = [
|
|
"[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?(?:\\u0007|\\u001B\\u005C|\\u009C))",
|
|
"(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))",
|
|
].join("|");
|
|
return new RegExp(n, e ? void 0 : "g");
|
|
}
|
|
var gd = Rr();
|
|
function Br(e) {
|
|
if (typeof e != "string")
|
|
throw new TypeError(`Expected a \`string\`, got \`${typeof e}\``);
|
|
return e.replace(gd, "");
|
|
}
|
|
var vd = "array";
|
|
var ao = "bits",
|
|
yd = "byte",
|
|
ro = "bytes";
|
|
var bd = "exponent",
|
|
Ed = "function";
|
|
var kd = "Invalid number",
|
|
wd = "Invalid rounding method",
|
|
Pr = "jedec",
|
|
Cd = "object";
|
|
var Sd = "round";
|
|
var xd = "kbit";
|
|
var Nd = "string";
|
|
var Vr = {
|
|
symbol: {
|
|
iec: {
|
|
bits: [
|
|
"bit",
|
|
"Kibit",
|
|
"Mibit",
|
|
"Gibit",
|
|
"Tibit",
|
|
"Pibit",
|
|
"Eibit",
|
|
"Zibit",
|
|
"Yibit",
|
|
],
|
|
bytes: ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"],
|
|
},
|
|
jedec: {
|
|
bits: [
|
|
"bit",
|
|
"Kbit",
|
|
"Mbit",
|
|
"Gbit",
|
|
"Tbit",
|
|
"Pbit",
|
|
"Ebit",
|
|
"Zbit",
|
|
"Ybit",
|
|
],
|
|
bytes: ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
|
|
},
|
|
},
|
|
fullform: {
|
|
iec: [
|
|
"",
|
|
"kibi",
|
|
"mebi",
|
|
"gibi",
|
|
"tebi",
|
|
"pebi",
|
|
"exbi",
|
|
"zebi",
|
|
"yobi",
|
|
],
|
|
jedec: [
|
|
"",
|
|
"kilo",
|
|
"mega",
|
|
"giga",
|
|
"tera",
|
|
"peta",
|
|
"exa",
|
|
"zetta",
|
|
"yotta",
|
|
],
|
|
},
|
|
};
|
|
function Hr(
|
|
e,
|
|
{
|
|
bits: t = !1,
|
|
pad: n = !1,
|
|
base: r = -1,
|
|
round: i = 2,
|
|
locale: l = "",
|
|
localeOptions: o = {},
|
|
separator: s = "",
|
|
spacer: d = " ",
|
|
symbols: c = {},
|
|
standard: u = "",
|
|
output: m = Nd,
|
|
fullform: p = !1,
|
|
fullforms: v = [],
|
|
exponent: g = -1,
|
|
roundingMethod: y = Sd,
|
|
precision: w = 0,
|
|
} = {},
|
|
) {
|
|
let b = g,
|
|
h = Number(e),
|
|
f = [],
|
|
E = 0,
|
|
C = "";
|
|
u === "si"
|
|
? ((r = 10), (u = Pr))
|
|
: u === "iec" || u === Pr
|
|
? (r = 2)
|
|
: r === 2
|
|
? (u = "iec")
|
|
: ((r = 10), (u = Pr));
|
|
let Z = r === 10 ? 1e3 : 1024,
|
|
M = p === !0,
|
|
V = h < 0,
|
|
D = Math[y];
|
|
if (typeof e != "bigint" && isNaN(e)) throw new TypeError(kd);
|
|
if (typeof D !== Ed) throw new TypeError(wd);
|
|
if (
|
|
(V && (h = -h),
|
|
(b === -1 || isNaN(b)) &&
|
|
((b = Math.floor(Math.log(h) / Math.log(Z))), b < 0 && (b = 0)),
|
|
b > 8 && (w > 0 && (w += 8 - b), (b = 8)),
|
|
m === bd)
|
|
)
|
|
return b;
|
|
if (h === 0) ((f[0] = 0), (C = f[1] = Vr.symbol[u][t ? ao : ro][b]));
|
|
else {
|
|
((E = h / (r === 2 ? Math.pow(2, b * 10) : Math.pow(1e3, b))),
|
|
t && ((E = E * 8), E >= Z && b < 8 && ((E = E / Z), b++)));
|
|
let X = Math.pow(10, b > 0 ? i : 0);
|
|
((f[0] = D(E * X) / X),
|
|
f[0] === Z && b < 8 && g === -1 && ((f[0] = 1), b++),
|
|
(C = f[1] =
|
|
r === 10 && b === 1
|
|
? t
|
|
? xd
|
|
: "kB"
|
|
: Vr.symbol[u][t ? ao : ro][b]));
|
|
}
|
|
if (
|
|
(V && (f[0] = -f[0]),
|
|
w > 0 && (f[0] = f[0].toPrecision(w)),
|
|
(f[1] = c[f[1]] || f[1]),
|
|
l === !0
|
|
? (f[0] = f[0].toLocaleString())
|
|
: l.length > 0
|
|
? (f[0] = f[0].toLocaleString(l, o))
|
|
: s.length > 0 && (f[0] = f[0].toString().replace(".", s)),
|
|
n && i > 0)
|
|
) {
|
|
let X = f[0].toString(),
|
|
oe = s || (X.match(/(\D)/g) || []).pop() || ".",
|
|
ve = X.toString().split(oe),
|
|
fe = ve[1] || "",
|
|
ce = fe.length,
|
|
be = i - ce;
|
|
f[0] = `${ve[0]}${oe}${fe.padEnd(ce + be, "0")}`;
|
|
}
|
|
return (
|
|
M &&
|
|
(f[1] = v[b]
|
|
? v[b]
|
|
: Vr.fullform[u][b] + (t ? "bit" : yd) + (f[0] === 1 ? "" : "s")),
|
|
m === vd
|
|
? f
|
|
: m === Cd
|
|
? { value: f[0], symbol: f[1], exponent: b, unit: C }
|
|
: f.join(d)
|
|
);
|
|
}
|
|
var Md = Object.create,
|
|
D1 = Object.defineProperty,
|
|
Fd = Object.getOwnPropertyDescriptor,
|
|
Ad = Object.getOwnPropertyNames,
|
|
Ld = Object.getPrototypeOf,
|
|
Td = Object.prototype.hasOwnProperty,
|
|
Zd = ((e) =>
|
|
typeof Lt < "u"
|
|
? Lt
|
|
: typeof Proxy < "u"
|
|
? new Proxy(e, { get: (t, n) => (typeof Lt < "u" ? Lt : t)[n] })
|
|
: e)(function (e) {
|
|
if (typeof Lt < "u") return Lt.apply(this, arguments);
|
|
throw new Error('Dynamic require of "' + e + '" is not supported');
|
|
}),
|
|
At = (e, t) => () => (
|
|
t || e((t = { exports: {} }).exports, t),
|
|
t.exports
|
|
),
|
|
Od = (e, t, n, r) => {
|
|
if ((t && typeof t == "object") || typeof t == "function")
|
|
for (let i of Ad(t))
|
|
!Td.call(e, i) &&
|
|
i !== n &&
|
|
D1(e, i, {
|
|
get: () => t[i],
|
|
enumerable: !(r = Fd(t, i)) || r.enumerable,
|
|
});
|
|
return e;
|
|
},
|
|
pt = (e, t, n) => (
|
|
(n = e != null ? Md(Ld(e)) : {}),
|
|
Od(
|
|
t || !e || !e.__esModule
|
|
? D1(n, "default", { value: e, enumerable: !0 })
|
|
: n,
|
|
e,
|
|
)
|
|
),
|
|
Ui = At((e, t) => {
|
|
(function (n, r) {
|
|
typeof Zd == "function" &&
|
|
typeof e == "object" &&
|
|
typeof t == "object"
|
|
? (t.exports = r())
|
|
: typeof define == "function" && define.amd
|
|
? define(function () {
|
|
return r();
|
|
})
|
|
: (n.pluralize = r());
|
|
})(e, function () {
|
|
var n = [],
|
|
r = [],
|
|
i = {},
|
|
l = {},
|
|
o = {};
|
|
function s(y) {
|
|
return typeof y == "string" ? new RegExp("^" + y + "$", "i") : y;
|
|
}
|
|
function d(y, w) {
|
|
return y === w
|
|
? w
|
|
: y === y.toLowerCase()
|
|
? w.toLowerCase()
|
|
: y === y.toUpperCase()
|
|
? w.toUpperCase()
|
|
: y[0] === y[0].toUpperCase()
|
|
? w.charAt(0).toUpperCase() + w.substr(1).toLowerCase()
|
|
: w.toLowerCase();
|
|
}
|
|
function c(y, w) {
|
|
return y.replace(/\$(\d{1,2})/g, function (b, h) {
|
|
return w[h] || "";
|
|
});
|
|
}
|
|
function u(y, w) {
|
|
return y.replace(w[0], function (b, h) {
|
|
var f = c(w[1], arguments);
|
|
return d(b === "" ? y[h - 1] : b, f);
|
|
});
|
|
}
|
|
function m(y, w, b) {
|
|
if (!y.length || i.hasOwnProperty(y)) return w;
|
|
for (var h = b.length; h--; ) {
|
|
var f = b[h];
|
|
if (f[0].test(w)) return u(w, f);
|
|
}
|
|
return w;
|
|
}
|
|
function p(y, w, b) {
|
|
return function (h) {
|
|
var f = h.toLowerCase();
|
|
return w.hasOwnProperty(f)
|
|
? d(h, f)
|
|
: y.hasOwnProperty(f)
|
|
? d(h, y[f])
|
|
: m(f, h, b);
|
|
};
|
|
}
|
|
function v(y, w, b, h) {
|
|
return function (f) {
|
|
var E = f.toLowerCase();
|
|
return w.hasOwnProperty(E)
|
|
? !0
|
|
: y.hasOwnProperty(E)
|
|
? !1
|
|
: m(E, E, b) === E;
|
|
};
|
|
}
|
|
function g(y, w, b) {
|
|
var h = w === 1 ? g.singular(y) : g.plural(y);
|
|
return (b ? w + " " : "") + h;
|
|
}
|
|
return (
|
|
(g.plural = p(o, l, n)),
|
|
(g.isPlural = v(o, l, n)),
|
|
(g.singular = p(l, o, r)),
|
|
(g.isSingular = v(l, o, r)),
|
|
(g.addPluralRule = function (y, w) {
|
|
n.push([s(y), w]);
|
|
}),
|
|
(g.addSingularRule = function (y, w) {
|
|
r.push([s(y), w]);
|
|
}),
|
|
(g.addUncountableRule = function (y) {
|
|
if (typeof y == "string") {
|
|
i[y.toLowerCase()] = !0;
|
|
return;
|
|
}
|
|
(g.addPluralRule(y, "$0"), g.addSingularRule(y, "$0"));
|
|
}),
|
|
(g.addIrregularRule = function (y, w) {
|
|
((w = w.toLowerCase()),
|
|
(y = y.toLowerCase()),
|
|
(o[y] = w),
|
|
(l[w] = y));
|
|
}),
|
|
[
|
|
["I", "we"],
|
|
["me", "us"],
|
|
["he", "they"],
|
|
["she", "they"],
|
|
["them", "them"],
|
|
["myself", "ourselves"],
|
|
["yourself", "yourselves"],
|
|
["itself", "themselves"],
|
|
["herself", "themselves"],
|
|
["himself", "themselves"],
|
|
["themself", "themselves"],
|
|
["is", "are"],
|
|
["was", "were"],
|
|
["has", "have"],
|
|
["this", "these"],
|
|
["that", "those"],
|
|
["echo", "echoes"],
|
|
["dingo", "dingoes"],
|
|
["volcano", "volcanoes"],
|
|
["tornado", "tornadoes"],
|
|
["torpedo", "torpedoes"],
|
|
["genus", "genera"],
|
|
["viscus", "viscera"],
|
|
["stigma", "stigmata"],
|
|
["stoma", "stomata"],
|
|
["dogma", "dogmata"],
|
|
["lemma", "lemmata"],
|
|
["schema", "schemata"],
|
|
["anathema", "anathemata"],
|
|
["ox", "oxen"],
|
|
["axe", "axes"],
|
|
["die", "dice"],
|
|
["yes", "yeses"],
|
|
["foot", "feet"],
|
|
["eave", "eaves"],
|
|
["goose", "geese"],
|
|
["tooth", "teeth"],
|
|
["quiz", "quizzes"],
|
|
["human", "humans"],
|
|
["proof", "proofs"],
|
|
["carve", "carves"],
|
|
["valve", "valves"],
|
|
["looey", "looies"],
|
|
["thief", "thieves"],
|
|
["groove", "grooves"],
|
|
["pickaxe", "pickaxes"],
|
|
["passerby", "passersby"],
|
|
].forEach(function (y) {
|
|
return g.addIrregularRule(y[0], y[1]);
|
|
}),
|
|
[
|
|
[/s?$/i, "s"],
|
|
[/[^\u0000-\u007F]$/i, "$0"],
|
|
[/([^aeiou]ese)$/i, "$1"],
|
|
[/(ax|test)is$/i, "$1es"],
|
|
[/(alias|[^aou]us|t[lm]as|gas|ris)$/i, "$1es"],
|
|
[/(e[mn]u)s?$/i, "$1s"],
|
|
[/([^l]ias|[aeiou]las|[ejzr]as|[iu]am)$/i, "$1"],
|
|
[
|
|
/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i,
|
|
"$1i",
|
|
],
|
|
[/(alumn|alg|vertebr)(?:a|ae)$/i, "$1ae"],
|
|
[/(seraph|cherub)(?:im)?$/i, "$1im"],
|
|
[/(her|at|gr)o$/i, "$1oes"],
|
|
[
|
|
/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|automat|quor)(?:a|um)$/i,
|
|
"$1a",
|
|
],
|
|
[
|
|
/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)(?:a|on)$/i,
|
|
"$1a",
|
|
],
|
|
[/sis$/i, "ses"],
|
|
[/(?:(kni|wi|li)fe|(ar|l|ea|eo|oa|hoo)f)$/i, "$1$2ves"],
|
|
[/([^aeiouy]|qu)y$/i, "$1ies"],
|
|
[/([^ch][ieo][ln])ey$/i, "$1ies"],
|
|
[/(x|ch|ss|sh|zz)$/i, "$1es"],
|
|
[/(matr|cod|mur|sil|vert|ind|append)(?:ix|ex)$/i, "$1ices"],
|
|
[/\b((?:tit)?m|l)(?:ice|ouse)$/i, "$1ice"],
|
|
[/(pe)(?:rson|ople)$/i, "$1ople"],
|
|
[/(child)(?:ren)?$/i, "$1ren"],
|
|
[/eaux$/i, "$0"],
|
|
[/m[ae]n$/i, "men"],
|
|
["thou", "you"],
|
|
].forEach(function (y) {
|
|
return g.addPluralRule(y[0], y[1]);
|
|
}),
|
|
[
|
|
[/s$/i, ""],
|
|
[/(ss)$/i, "$1"],
|
|
[
|
|
/(wi|kni|(?:after|half|high|low|mid|non|night|[^\w]|^)li)ves$/i,
|
|
"$1fe",
|
|
],
|
|
[/(ar|(?:wo|[ae])l|[eo][ao])ves$/i, "$1f"],
|
|
[/ies$/i, "y"],
|
|
[
|
|
/\b([pl]|zomb|(?:neck|cross)?t|coll|faer|food|gen|goon|group|lass|talk|goal|cut)ies$/i,
|
|
"$1ie",
|
|
],
|
|
[/\b(mon|smil)ies$/i, "$1ey"],
|
|
[/\b((?:tit)?m|l)ice$/i, "$1ouse"],
|
|
[/(seraph|cherub)im$/i, "$1"],
|
|
[
|
|
/(x|ch|ss|sh|zz|tto|go|cho|alias|[^aou]us|t[lm]as|gas|(?:her|at|gr)o|[aeiou]ris)(?:es)?$/i,
|
|
"$1",
|
|
],
|
|
[
|
|
/(analy|diagno|parenthe|progno|synop|the|empha|cri|ne)(?:sis|ses)$/i,
|
|
"$1sis",
|
|
],
|
|
[/(movie|twelve|abuse|e[mn]u)s$/i, "$1"],
|
|
[/(test)(?:is|es)$/i, "$1is"],
|
|
[
|
|
/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i,
|
|
"$1us",
|
|
],
|
|
[
|
|
/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|quor)a$/i,
|
|
"$1um",
|
|
],
|
|
[
|
|
/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)a$/i,
|
|
"$1on",
|
|
],
|
|
[/(alumn|alg|vertebr)ae$/i, "$1a"],
|
|
[/(cod|mur|sil|vert|ind)ices$/i, "$1ex"],
|
|
[/(matr|append)ices$/i, "$1ix"],
|
|
[/(pe)(rson|ople)$/i, "$1rson"],
|
|
[/(child)ren$/i, "$1"],
|
|
[/(eau)x?$/i, "$1"],
|
|
[/men$/i, "man"],
|
|
].forEach(function (y) {
|
|
return g.addSingularRule(y[0], y[1]);
|
|
}),
|
|
[
|
|
"adulthood",
|
|
"advice",
|
|
"agenda",
|
|
"aid",
|
|
"aircraft",
|
|
"alcohol",
|
|
"ammo",
|
|
"analytics",
|
|
"anime",
|
|
"athletics",
|
|
"audio",
|
|
"bison",
|
|
"blood",
|
|
"bream",
|
|
"buffalo",
|
|
"butter",
|
|
"carp",
|
|
"cash",
|
|
"chassis",
|
|
"chess",
|
|
"clothing",
|
|
"cod",
|
|
"commerce",
|
|
"cooperation",
|
|
"corps",
|
|
"debris",
|
|
"diabetes",
|
|
"digestion",
|
|
"elk",
|
|
"energy",
|
|
"equipment",
|
|
"excretion",
|
|
"expertise",
|
|
"firmware",
|
|
"flounder",
|
|
"fun",
|
|
"gallows",
|
|
"garbage",
|
|
"graffiti",
|
|
"hardware",
|
|
"headquarters",
|
|
"health",
|
|
"herpes",
|
|
"highjinks",
|
|
"homework",
|
|
"housework",
|
|
"information",
|
|
"jeans",
|
|
"justice",
|
|
"kudos",
|
|
"labour",
|
|
"literature",
|
|
"machinery",
|
|
"mackerel",
|
|
"mail",
|
|
"media",
|
|
"mews",
|
|
"moose",
|
|
"music",
|
|
"mud",
|
|
"manga",
|
|
"news",
|
|
"only",
|
|
"personnel",
|
|
"pike",
|
|
"plankton",
|
|
"pliers",
|
|
"police",
|
|
"pollution",
|
|
"premises",
|
|
"rain",
|
|
"research",
|
|
"rice",
|
|
"salmon",
|
|
"scissors",
|
|
"series",
|
|
"sewage",
|
|
"shambles",
|
|
"shrimp",
|
|
"software",
|
|
"species",
|
|
"staff",
|
|
"swine",
|
|
"tennis",
|
|
"traffic",
|
|
"transportation",
|
|
"trout",
|
|
"tuna",
|
|
"wealth",
|
|
"welfare",
|
|
"whiting",
|
|
"wildebeest",
|
|
"wildlife",
|
|
"you",
|
|
/pok[eé]mon$/i,
|
|
/[^aeiou]ese$/i,
|
|
/deer$/i,
|
|
/fish$/i,
|
|
/measles$/i,
|
|
/o[iu]s$/i,
|
|
/pox$/i,
|
|
/sheep$/i,
|
|
].forEach(g.addUncountableRule),
|
|
g
|
|
);
|
|
});
|
|
}),
|
|
_d = At((e, t) => {
|
|
var n = new Error("Element already at target scroll position"),
|
|
r = new Error("Scroll cancelled"),
|
|
i = Math.min,
|
|
l = Date.now;
|
|
t.exports = { left: o("scrollLeft"), top: o("scrollTop") };
|
|
function o(c) {
|
|
return function (u, m, p, v) {
|
|
((p = p || {}),
|
|
typeof p == "function" && ((v = p), (p = {})),
|
|
typeof v != "function" && (v = d));
|
|
var g = l(),
|
|
y = u[c],
|
|
w = p.ease || s,
|
|
b = isNaN(p.duration) ? 350 : +p.duration,
|
|
h = !1;
|
|
return (y === m ? v(n, u[c]) : requestAnimationFrame(E), f);
|
|
function f() {
|
|
h = !0;
|
|
}
|
|
function E(C) {
|
|
if (h) return v(r, u[c]);
|
|
var Z = l(),
|
|
M = i(1, (Z - g) / b),
|
|
V = w(M);
|
|
((u[c] = V * (m - y) + y),
|
|
M < 1
|
|
? requestAnimationFrame(E)
|
|
: requestAnimationFrame(function () {
|
|
v(null, u[c]);
|
|
}));
|
|
}
|
|
};
|
|
}
|
|
function s(c) {
|
|
return 0.5 * (1 - Math.cos(Math.PI * c));
|
|
}
|
|
function d() {}
|
|
}),
|
|
Id = At((e, t) => {
|
|
(function (n, r) {
|
|
typeof define == "function" && define.amd
|
|
? define([], r)
|
|
: typeof t == "object" && t.exports
|
|
? (t.exports = r())
|
|
: (n.Scrollparent = r());
|
|
})(e, function () {
|
|
function n(i) {
|
|
var l = getComputedStyle(i, null).getPropertyValue("overflow");
|
|
return l.indexOf("scroll") > -1 || l.indexOf("auto") > -1;
|
|
}
|
|
function r(i) {
|
|
if (i instanceof HTMLElement || i instanceof SVGElement) {
|
|
for (var l = i.parentNode; l.parentNode; ) {
|
|
if (n(l)) return l;
|
|
l = l.parentNode;
|
|
}
|
|
return document.scrollingElement || document.documentElement;
|
|
}
|
|
}
|
|
return r;
|
|
});
|
|
}),
|
|
$i = At((e, t) => {
|
|
var n = function (f) {
|
|
return r(f) && !i(f);
|
|
};
|
|
function r(f) {
|
|
return !!f && typeof f == "object";
|
|
}
|
|
function i(f) {
|
|
var E = Object.prototype.toString.call(f);
|
|
return E === "[object RegExp]" || E === "[object Date]" || s(f);
|
|
}
|
|
var l = typeof Symbol == "function" && Symbol.for,
|
|
o = l ? Symbol.for("react.element") : 60103;
|
|
function s(f) {
|
|
return f.$$typeof === o;
|
|
}
|
|
function d(f) {
|
|
return Array.isArray(f) ? [] : {};
|
|
}
|
|
function c(f, E) {
|
|
return E.clone !== !1 && E.isMergeableObject(f) ? b(d(f), f, E) : f;
|
|
}
|
|
function u(f, E, C) {
|
|
return f.concat(E).map(function (Z) {
|
|
return c(Z, C);
|
|
});
|
|
}
|
|
function m(f, E) {
|
|
if (!E.customMerge) return b;
|
|
var C = E.customMerge(f);
|
|
return typeof C == "function" ? C : b;
|
|
}
|
|
function p(f) {
|
|
return Object.getOwnPropertySymbols
|
|
? Object.getOwnPropertySymbols(f).filter(function (E) {
|
|
return Object.propertyIsEnumerable.call(f, E);
|
|
})
|
|
: [];
|
|
}
|
|
function v(f) {
|
|
return Object.keys(f).concat(p(f));
|
|
}
|
|
function g(f, E) {
|
|
try {
|
|
return E in f;
|
|
} catch {
|
|
return !1;
|
|
}
|
|
}
|
|
function y(f, E) {
|
|
return (
|
|
g(f, E) &&
|
|
!(
|
|
Object.hasOwnProperty.call(f, E) &&
|
|
Object.propertyIsEnumerable.call(f, E)
|
|
)
|
|
);
|
|
}
|
|
function w(f, E, C) {
|
|
var Z = {};
|
|
return (
|
|
C.isMergeableObject(f) &&
|
|
v(f).forEach(function (M) {
|
|
Z[M] = c(f[M], C);
|
|
}),
|
|
v(E).forEach(function (M) {
|
|
y(f, M) ||
|
|
(g(f, M) && C.isMergeableObject(E[M])
|
|
? (Z[M] = m(M, C)(f[M], E[M], C))
|
|
: (Z[M] = c(E[M], C)));
|
|
}),
|
|
Z
|
|
);
|
|
}
|
|
function b(f, E, C) {
|
|
((C = C || {}),
|
|
(C.arrayMerge = C.arrayMerge || u),
|
|
(C.isMergeableObject = C.isMergeableObject || n),
|
|
(C.cloneUnlessOtherwiseSpecified = c));
|
|
var Z = Array.isArray(E),
|
|
M = Array.isArray(f),
|
|
V = Z === M;
|
|
return V ? (Z ? C.arrayMerge(f, E, C) : w(f, E, C)) : c(E, C);
|
|
}
|
|
b.all = function (f, E) {
|
|
if (!Array.isArray(f))
|
|
throw new Error("first argument should be an array");
|
|
return f.reduce(function (C, Z) {
|
|
return b(C, Z, E);
|
|
}, {});
|
|
};
|
|
var h = b;
|
|
t.exports = h;
|
|
}),
|
|
Rd = At((e, t) => {
|
|
var n = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
|
|
t.exports = n;
|
|
}),
|
|
Bd = At((e, t) => {
|
|
var n = Rd();
|
|
function r() {}
|
|
function i() {}
|
|
((i.resetWarningCache = r),
|
|
(t.exports = function () {
|
|
function l(d, c, u, m, p, v) {
|
|
if (v !== n) {
|
|
var g = new Error(
|
|
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types",
|
|
);
|
|
throw ((g.name = "Invariant Violation"), g);
|
|
}
|
|
}
|
|
l.isRequired = l;
|
|
function o() {
|
|
return l;
|
|
}
|
|
var s = {
|
|
array: l,
|
|
bigint: l,
|
|
bool: l,
|
|
func: l,
|
|
number: l,
|
|
object: l,
|
|
string: l,
|
|
symbol: l,
|
|
any: l,
|
|
arrayOf: o,
|
|
element: l,
|
|
elementType: l,
|
|
instanceOf: o,
|
|
node: l,
|
|
objectOf: o,
|
|
oneOf: o,
|
|
oneOfType: o,
|
|
shape: o,
|
|
exact: o,
|
|
checkPropTypes: i,
|
|
resetWarningCache: r,
|
|
};
|
|
return ((s.PropTypes = s), s);
|
|
}));
|
|
}),
|
|
Pd = At((e, t) => {
|
|
t.exports = Bd()();
|
|
}),
|
|
Vd = At((e, t) => {
|
|
var n = function (l) {
|
|
return Object.prototype.hasOwnProperty.call(l, "props");
|
|
},
|
|
r = function (l, o) {
|
|
return l + i(o);
|
|
},
|
|
i = function (l) {
|
|
return l === null || typeof l == "boolean" || typeof l > "u"
|
|
? ""
|
|
: typeof l == "number"
|
|
? l.toString()
|
|
: typeof l == "string"
|
|
? l
|
|
: Array.isArray(l)
|
|
? l.reduce(r, "")
|
|
: n(l) &&
|
|
Object.prototype.hasOwnProperty.call(
|
|
l.props,
|
|
"children",
|
|
)
|
|
? i(l.props.children)
|
|
: "";
|
|
};
|
|
((i.default = i), (t.exports = i));
|
|
}),
|
|
{
|
|
CHROMATIC_INDEX_URL: Hd,
|
|
CHROMATIC_BASE_URL: pr = Hd || "https://www.chromatic.com",
|
|
CHROMATIC_API_URL: jd = `${pr}/api`,
|
|
} = _e,
|
|
U = "chromaui/addon-visual-tests",
|
|
rn = `${U}/panel`,
|
|
ci = `${U}/test-provider`,
|
|
ui = `${U}/access-token/${pr}`,
|
|
Wi = `${U}/configInfo`,
|
|
io = `${U}/configInfoDismissed`,
|
|
Dd = `${U}/gitInfo`,
|
|
z1 = `${U}/gitInfoError`,
|
|
U1 = `${U}/projectInfo`,
|
|
$1 = `${U}/isOffline`,
|
|
mi = `${U}/isOutdated`,
|
|
zd = `${U}/startBuild`,
|
|
Ud = `${U}/stopBuild`,
|
|
W1 = `${U}/localBuildProgress`,
|
|
$d = `${U}/selectedModeName`,
|
|
Wd = `${U}/selectedBrowserId`,
|
|
qd = `${U}/telemetry`,
|
|
lo = `${U}/enableFilter`,
|
|
q1 = `${U}/removeAddon`,
|
|
Gd = "chromatic",
|
|
Yd = `${U}/ChannelFetch/aborted`,
|
|
Kd = `${U}ChannelFetch/request`,
|
|
Jd = `${U}ChannelFetch/response`,
|
|
Qd = {
|
|
autoAcceptChanges: !1,
|
|
exitOnceUploaded: !1,
|
|
exitZeroOnChanges: !0,
|
|
forceRebuild: !0,
|
|
fromCI: !1,
|
|
interactive: !1,
|
|
isLocalBuild: !0,
|
|
logPrefix: "\x1B[38;5;202mChromatic\x1B[0m:",
|
|
skip: !1,
|
|
skipUpdateCheck: !0,
|
|
storybookBuildDir: void 0,
|
|
},
|
|
G1 = "https://www.chromatic.com/docs/visual-tests-addon",
|
|
ht = (e, t) => {
|
|
let n = Gt(e);
|
|
if (n == null) throw new Error(`Missing context value for ${t}`);
|
|
return n;
|
|
},
|
|
Y1 = He(null),
|
|
Xd = ({ children: e, value: t }) =>
|
|
a.createElement(Y1.Provider, { value: t }, e),
|
|
qi = () => ht(Y1, "AuthState"),
|
|
e5 = {
|
|
user: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0ZM2.67 11.15c.7-1 2.6-1.81 3.2-1.9.22-.04.23-.66.23-.66s-.67-.66-.81-1.55c-.4 0-.63-.94-.24-1.27l-.02-.13c-.06-.6-.28-2.6 1.97-2.6s2.03 2 1.97 2.6l-.02.13c.4.33.15 1.27-.24 1.27-.14.89-.8 1.55-.8 1.55s0 .62.22.66c.6.09 2.5.9 3.2 1.9a6 6 0 1 0-8.66 0Z",
|
|
}),
|
|
),
|
|
useralt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.27 13.16a11.39 11.39 0 0 0 5.18-1.23v-.25c0-1.57-3.24-3-4.1-3.13-.27-.05-.28-.79-.28-.79s.8-.78.96-1.83c.47 0 .75-1.12.29-1.52.02-.41.6-3.25-2.32-3.25S4.65 4 4.67 4.41c-.46.4-.17 1.52.29 1.52.17 1.05.96 1.83.96 1.83s0 .74-.27.79c-.86.13-4.04 1.53-4.1 3.08a11.44 11.44 0 0 0 5.72 1.53Z",
|
|
}),
|
|
),
|
|
useradd: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1.18 11.9c-.4-.17-.8-.36-1.18-.58.06-1.44 3.02-2.74 3.82-2.87.25-.04.26-.73.26-.73s-.74-.73-.9-1.7c-.43 0-.7-1.05-.27-1.42l-.01-.14c-.07-.67-.31-2.88 2.18-2.88 2.48 0 2.24 2.2 2.17 2.88l-.01.14c.43.37.16 1.41-.27 1.41-.16.98-.9 1.71-.9 1.71s.01.69.26.73c.8.13 3.82 1.46 3.82 2.91v.24a10.63 10.63 0 0 1-8.97.3ZM11.5 2.16c.28 0 .5.22.5.5v1.5h1.5a.5.5 0 0 1 0 1H12v1.5a.5.5 0 0 1-1 0v-1.5H9.5a.5.5 0 1 1 0-1H11v-1.5c0-.28.22-.5.5-.5Z",
|
|
}),
|
|
),
|
|
users: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M9.21 11.62A10.59 10.59 0 0 1 0 11.07c.06-1.35 2.93-2.58 3.7-2.7.25-.03.26-.68.26-.68s-.72-.69-.87-1.6c-.42 0-.68-.99-.26-1.33 0-.03 0-.08-.02-.14-.07-.63-.3-2.71 2.12-2.71 2.41 0 2.18 2.08 2.11 2.71l-.01.14c.42.34.16 1.32-.26 1.32-.16.92-.87 1.6-.87 1.6s0 .66.25.7c.78.11 3.7 1.36 3.7 2.73v.22l-.64.3Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M8.81 8.42a9.64 9.64 0 0 0-.74-.4 5.2 5.2 0 0 1 1.7-.76c.17-.02.17-.47.17-.47s-.49-.47-.6-1.1c-.28 0-.46-.68-.17-.91l-.01-.1c-.05-.43-.2-1.86 1.45-1.86 1.66 0 1.5 1.43 1.45 1.86v.1c.28.23.1.9-.18.9-.11.64-.6 1.11-.6 1.11s0 .45.17.47c.54.08 2.55.94 2.55 1.89v.62a10.6 10.6 0 0 1-3.3.56 2.97 2.97 0 0 0-.58-.88c-.37-.41-.85-.76-1.31-1.03Z",
|
|
}),
|
|
),
|
|
profile: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M9.1 7.35a5.06 5.06 0 0 1-4.52-.28C4.6 6.4 6.02 5.77 6.4 5.7c.12-.02.12-.35.12-.35s-.35-.34-.43-.81c-.2 0-.33-.5-.12-.67l-.01-.07C5.93 3.48 5.81 2.42 7 2.42S8.07 3.48 8.04 3.8v.07c.2.17.07.67-.13.67-.08.47-.43.81-.43.81s0 .33.12.35c.38.06 1.82.7 1.82 1.4v.1c-.1.06-.2.1-.31.15Zm-5.35 3.9c0-.14.11-.25.25-.25h6a.25.25 0 1 1 0 .5H4a.25.25 0 0 1-.25-.25ZM4 9a.25.25 0 0 0 0 .5h6a.25.25 0 1 0 0-.5H4Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1 .5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v13a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V.5ZM2 13V1h10v12H2Z",
|
|
}),
|
|
),
|
|
facehappy: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M3.97 8.75a.5.5 0 0 0-.87.5 4.5 4.5 0 0 0 7.8 0 .5.5 0 1 0-.87-.5 3.5 3.5 0 0 1-6.06 0ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z",
|
|
}),
|
|
),
|
|
faceneutral: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M4.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z",
|
|
}),
|
|
),
|
|
facesad: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M3.97 10.25a.5.5 0 0 1-.87-.5 4.5 4.5 0 0 1 7.8 0 .5.5 0 1 1-.87.5 3.5 3.5 0 0 0-6.06 0ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z",
|
|
}),
|
|
),
|
|
accessibility: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M3.53 4.84a.5.5 0 0 1 .63-.31l2.05.68a2.5 2.5 0 0 0 1.58 0l2.05-.68a.5.5 0 0 1 .32.94L7.7 6.3a.3.3 0 0 0-.21.29v.24c0 .7.16 1.39.48 2.01l.97 1.95a.5.5 0 1 1-.9.44L7 9.12l-1.05 2.1a.5.5 0 1 1-.9-.44l.97-1.95a4.5 4.5 0 0 0 .48-2.01v-.24a.3.3 0 0 0-.2-.29l-2.46-.82a.5.5 0 0 1-.31-.63Z",
|
|
}),
|
|
a.createElement("path", { d: "M7 4.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" }),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z",
|
|
}),
|
|
),
|
|
accessibilityalt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM8 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM3.53 4.84a.5.5 0 0 1 .63-.31l2.05.68a2.5 2.5 0 0 0 1.58 0l2.05-.68a.5.5 0 0 1 .32.94L7.7 6.3a.3.3 0 0 0-.21.29v.24c0 .7.16 1.39.48 2.01l.97 1.95a.5.5 0 1 1-.9.44L7 9.12l-1.05 2.1a.5.5 0 1 1-.9-.44l.97-1.95a4.5 4.5 0 0 0 .48-2.01v-.24a.3.3 0 0 0-.2-.29l-2.46-.82a.5.5 0 0 1-.31-.63Z",
|
|
}),
|
|
),
|
|
arrowup: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "m7.35 2.9 5.5 5.5a.5.5 0 0 1-.7.7L7 3.96 1.85 9.1a.5.5 0 1 1-.7-.7l5.5-5.5c.2-.2.5-.2.7 0Z",
|
|
}),
|
|
),
|
|
arrowdown: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z",
|
|
}),
|
|
),
|
|
arrowleft: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M2.76 7.1c.02.09.06.18.14.25l5.5 5.5a.5.5 0 0 0 .7-.7L3.96 7 9.1 1.85a.5.5 0 1 0-.7-.7l-5.5 5.5a.5.5 0 0 0-.14.45Z",
|
|
}),
|
|
),
|
|
arrowright: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z",
|
|
}),
|
|
),
|
|
arrowupalt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M11.85 4.65 7.35.15a.5.5 0 0 0-.7 0l-4.5 4.5a.5.5 0 1 0 .7.7L6.5 1.71V13.5a.5.5 0 0 0 1 0V1.7l3.65 3.65a.5.5 0 0 0 .7-.7Z",
|
|
}),
|
|
),
|
|
arrowdownalt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.5.5a.5.5 0 0 0-1 0v11.8L2.85 8.64a.5.5 0 1 0-.7.7l4.5 4.5A.5.5 0 0 0 7 14a.5.5 0 0 0 .35-.15l4.5-4.5a.5.5 0 0 0-.7-.7L7.5 12.29V.5Z",
|
|
}),
|
|
),
|
|
arrowleftalt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5.35 2.15c.2.2.2.5 0 .7L1.71 6.5H13.5a.5.5 0 0 1 0 1H1.7l3.65 3.65a.5.5 0 0 1-.7.7l-4.5-4.5a.5.5 0 0 1 0-.7l4.5-4.5c.2-.2.5-.2.7 0Z",
|
|
}),
|
|
),
|
|
arrowrightalt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M8.65 2.15c.2-.2.5-.2.7 0l4.5 4.5c.2.2.2.5 0 .7l-4.5 4.5a.5.5 0 0 1-.7-.7l3.64-3.65H.5a.5.5 0 0 1 0-1h11.8L8.64 2.85a.5.5 0 0 1 0-.7Z",
|
|
}),
|
|
),
|
|
expandalt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "m7.35.15 4 4a.5.5 0 0 1-.7.7L7 1.21 3.35 4.85a.5.5 0 1 1-.7-.7l4-4c.2-.2.5-.2.7 0ZM11.35 9.15c.2.2.2.5 0 .7l-4 4a.5.5 0 0 1-.7 0l-4-4a.5.5 0 1 1 .7-.7L7 12.79l3.65-3.64c.2-.2.5-.2.7 0Z",
|
|
}),
|
|
),
|
|
collapse: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M3.354.146a.5.5 0 1 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0-.708-.708L7 3.793 3.354.146Zm3.292 9a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.708L7 10.207l-3.646 3.647a.5.5 0 0 1-.708-.708l4-4Z",
|
|
}),
|
|
),
|
|
expand: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1.5 1h2a.5.5 0 0 1 0 1h-.8l3.15 3.15a.5.5 0 1 1-.7.7L2 2.71v.79a.5.5 0 0 1-1 0v-2c0-.28.22-.5.5-.5ZM10 1.5c0-.28.22-.5.5-.5h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-1 0v-.8L8.85 5.86a.5.5 0 1 1-.7-.7L11.29 2h-.79a.5.5 0 0 1-.5-.5ZM12.5 10c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h.8L8.14 8.85a.5.5 0 1 1 .7-.7L12 11.29v-.79c0-.28.22-.5.5-.5ZM2 11.3v-.8a.5.5 0 0 0-1 0v2c0 .28.22.5.5.5h2a.5.5 0 0 0 0-1h-.8l3.15-3.15a.5.5 0 1 0-.7-.7L2 11.29Z",
|
|
}),
|
|
),
|
|
unfold: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "m6.65.15-1.5 1.5a.5.5 0 1 0 .7.7l.65-.64V5a.5.5 0 0 0 1 0V1.7l.65.65a.5.5 0 1 0 .7-.7L7.35.15a.5.5 0 0 0-.7 0Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M1.3 4.04a.5.5 0 0 0-.16.82L3.3 7 1.15 9.15a.5.5 0 0 0 .35.85h3a.5.5 0 0 0 0-1H2.7l1.5-1.5h5.6l2.35 2.35a.5.5 0 0 0 .7-.7L10.71 7l2.14-2.15.11-.54-.1.54A.5.5 0 0 0 13 4.5a.5.5 0 0 0-.14-.35.5.5 0 0 0-.36-.15h-3a.5.5 0 0 0 0 1h1.8L9.8 6.5H4.2L2.7 5h1.8a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.2.04Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M7 8.5c.28 0 .5.22.5.5v3.3l.65-.65a.5.5 0 0 1 .7.7l-1.5 1.5a.5.5 0 0 1-.7 0l-1.5-1.5a.5.5 0 0 1 .7-.7l.65.64V9c0-.28.22-.5.5-.5ZM9 9.5c0-.28.22-.5.5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
),
|
|
transfer: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M10.65 2.65c.2-.2.5-.2.7 0l1.5 1.5c.2.2.2.5 0 .7l-1.5 1.5a.5.5 0 0 1-.7-.7l.64-.65H1.5a.5.5 0 0 1 0-1h9.8l-.65-.65a.5.5 0 0 1 0-.7ZM3.35 8.35 2.71 9h9.79a.5.5 0 0 1 0 1H2.7l.65.65a.5.5 0 0 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7Z",
|
|
}),
|
|
),
|
|
redirect: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1.5 1c.28 0 .5.22.5.5V10a2 2 0 0 0 4 0V4a3 3 0 0 1 6 0v7.8l1.15-1.15a.5.5 0 0 1 .7.7l-2 2a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7L11 11.79V4a2 2 0 1 0-4 0v6a3 3 0 0 1-6 0V1.5c0-.28.22-.5.5-.5Z",
|
|
}),
|
|
),
|
|
undo: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1.15 3.85a.5.5 0 0 1 0-.7l2-2a.5.5 0 1 1 .7.7L2.71 3H9a4 4 0 0 1 0 8H3a.5.5 0 0 1 0-1h6a3 3 0 1 0 0-6H2.7l1.15 1.15a.5.5 0 1 1-.7.7l-2-2Z",
|
|
}),
|
|
),
|
|
reply: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M4.35 2.15c.2.2.2.5 0 .7L1.71 5.5H9.5A4.5 4.5 0 0 1 14 10v1.5a.5.5 0 0 1-1 0V10a3.5 3.5 0 0 0-3.5-3.5H1.7l2.65 2.65a.5.5 0 1 1-.7.7l-3.5-3.5a.5.5 0 0 1 0-.7l3.5-3.5c.2-.2.5-.2.7 0Z",
|
|
}),
|
|
),
|
|
sync: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5.5 1A.5.5 0 0 0 5 .5H2a.5.5 0 0 0 0 1h1.53a6.5 6.5 0 0 0 2.39 11.91.5.5 0 1 0 .16-.99A5.5 5.5 0 0 1 4.5 2.1V4a.5.5 0 0 0 1 0V1ZM7.5 1a.5.5 0 0 1 .58-.41 6.5 6.5 0 0 1 2.39 11.91H12a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v1.9A5.5 5.5 0 0 0 7.92 1.58.5.5 0 0 1 7.5 1Z",
|
|
}),
|
|
),
|
|
upload: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M8.65 5.85 7.5 4.71v5.79a.5.5 0 0 1-1 0V4.7L5.35 5.86a.5.5 0 1 1-.7-.7l2-2c.2-.2.5-.2.7 0l2 2a.5.5 0 1 1-.7.7Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z",
|
|
}),
|
|
),
|
|
download: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5.35 8.15 6.5 9.29V3.5a.5.5 0 0 1 1 0v5.8l1.15-1.15a.5.5 0 1 1 .7.7l-2 2a.5.5 0 0 1-.7 0l-2-2a.5.5 0 1 1 .7-.7Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm1 0a6 6 0 1 1 12 0A6 6 0 0 1 1 7Z",
|
|
}),
|
|
),
|
|
back: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5.85 5.35 4.71 6.5h5.79a.5.5 0 0 1 0 1H4.7l1.15 1.15a.5.5 0 1 1-.7.7l-2-2a.5.5 0 0 1 0-.7l2-2a.5.5 0 1 1 .7.7Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0Zm0 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1Z",
|
|
}),
|
|
),
|
|
proceed: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M3.5 6.5h5.8L8.14 5.35a.5.5 0 1 1 .7-.7l2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 1 1-.7-.7L9.29 7.5H3.5a.5.5 0 0 1 0-1Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7 14A7 7 0 1 1 7 0a7 7 0 0 1 0 14Zm0-1A6 6 0 1 1 7 1a6 6 0 0 1 0 12Z",
|
|
}),
|
|
),
|
|
refresh: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.1.5H7a6.5 6.5 0 1 0 6.41 7.58.5.5 0 1 0-.99-.16A5.47 5.47 0 0 1 7 12.5a5.5 5.5 0 0 1 0-11 5.5 5.5 0 0 1 4.9 3H10a.5.5 0 0 0 0 1h3a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-1 0v1.53A6.5 6.5 0 0 0 7.1.5Z",
|
|
}),
|
|
),
|
|
globe: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M14 7A7 7 0 1 0 0 7a7 7 0 0 0 14 0Zm-6.53 5.74c-.24.23-.4.26-.47.26-.08 0-.23-.03-.47-.26-.23-.24-.5-.62-.73-1.18A11.57 11.57 0 0 1 5 7.5h4a11.57 11.57 0 0 1-.8 4.06c-.24.56-.5.94-.73 1.18ZM8.99 6.5H5.01c.05-1.62.35-3.04.79-4.06.24-.56.5-.94.73-1.18.24-.23.4-.26.47-.26.08 0 .23.03.47.26.23.24.5.62.73 1.18.44 1.02.74 2.44.8 4.06Zm1 1c-.06 2.18-.56 4.08-1.28 5.25a6 6 0 0 0 4.27-5.25H9.99Zm2.99-1H9.99c-.06-2.18-.56-4.08-1.28-5.25a6 6 0 0 1 4.27 5.25ZM4 6.5c.06-2.18.56-4.08 1.28-5.25A6 6 0 0 0 1.02 6.5h2.99Zm-2.99 1a6 6 0 0 0 4.27 5.25c-.72-1.17-1.22-3.07-1.28-5.25H1.02Z",
|
|
}),
|
|
),
|
|
compass: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M10.09 3.4 5.95 5.8a.37.37 0 0 0-.11.09.38.38 0 0 0-.04.05l-2.4 4.15a.37.37 0 0 0 0 .38c.1.18.33.24.5.14l4.15-2.4a.37.37 0 0 0 .15-.15l2.4-4.15a.37.37 0 0 0-.03-.44.37.37 0 0 0-.48-.07ZM4.75 9.25 7.6 7.6 6.4 6.4 4.75 9.25Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z",
|
|
}),
|
|
),
|
|
location: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm6.5 3.5v2.48A6 6 0 0 1 1.02 7.5H3.5a.5.5 0 0 0 0-1H1.02A6 6 0 0 1 6.5 1.02V3.5a.5.5 0 0 0 1 0V1.02a6 6 0 0 1 5.48 5.48H10.5a.5.5 0 0 0 0 1h2.48a6 6 0 0 1-5.48 5.48V10.5a.5.5 0 0 0-1 0Z",
|
|
}),
|
|
),
|
|
pin: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M9 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M12 5A5 5 0 0 0 2 5c0 2.63 2.27 6.15 4.65 8.64.2.2.5.2.7 0C9.73 11.15 12 7.64 12 5ZM7 1a4 4 0 0 1 4 4c0 1.06-.47 2.42-1.3 3.88A21.23 21.23 0 0 1 7 12.55c-1-1.1-1.97-2.39-2.7-3.67A8.46 8.46 0 0 1 3 5a4 4 0 0 1 4-4Z",
|
|
}),
|
|
),
|
|
time: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7 2c.28 0 .5.22.5.5v4H10a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5V2.5c0-.28.22-.5.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z",
|
|
}),
|
|
),
|
|
dashboard: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M9.8 4.1a.5.5 0 0 1 .1.7L7.92 7.58A1 1 0 1 1 7.1 7l2-2.8a.5.5 0 0 1 .7-.12Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M2.07 12.97a7 7 0 1 1 9.86 0 12.96 12.96 0 0 0-9.86 0Zm9.58-1.18a6 6 0 1 0-9.3 0 13.98 13.98 0 0 1 9.3 0Z",
|
|
}),
|
|
),
|
|
timer: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.5 4.5a.5.5 0 0 0-1 0v2.63a1 1 0 1 0 1 0V4.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M5.5.5c0-.28.22-.5.5-.5h2a.5.5 0 0 1 0 1h-.5v1.02c1.28.1 2.45.61 3.37 1.4l.78-.77a.5.5 0 0 1 .7.7l-.77.78a6 6 0 1 1-5.08-2.1V1H6a.5.5 0 0 1-.5-.5ZM7 3a5 5 0 1 0 0 10A5 5 0 0 0 7 3Z",
|
|
}),
|
|
),
|
|
home: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "m7.35 1.15 5.5 5.5a.5.5 0 0 1-.7.7L12 7.21v5.29a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V9H6v3.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V7.2l-.15.15a.5.5 0 1 1-.7-.7l1-1 4.5-4.5c.2-.2.5-.2.7 0ZM3 6.2V12h2V8.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5V12h2V6.2l-4-4-4 4Z",
|
|
}),
|
|
),
|
|
admin: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1.21 4.1a.5.5 0 0 1 .06-.04l5.48-3a.5.5 0 0 1 .5 0l5.48 3a.5.5 0 0 1 .27.39.5.5 0 0 1-.51.55H1.51a.5.5 0 0 1-.3-.9ZM3.46 4h7.08L7 2.07 3.46 4Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M4 6a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0V6ZM11 6a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V6ZM5.75 5.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0V6c0-.28.22-.5.5-.5ZM8.75 6a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0V6ZM1.5 12.5c0-.27.22-.5.5-.5h10a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
),
|
|
info: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7 5.5c.28 0 .5.22.5.5v4a.5.5 0 0 1-1 0V6c0-.28.22-.5.5-.5ZM7 4.5A.75.75 0 1 0 7 3a.75.75 0 0 0 0 1.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z",
|
|
}),
|
|
),
|
|
question: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5.25 5.25A1.75 1.75 0 1 1 7 7a.5.5 0 0 0-.5.5V9a.5.5 0 0 0 1 0V7.95a2.75 2.75 0 1 0-3.25-2.7.5.5 0 0 0 1 0ZM7 11.5A.75.75 0 1 0 7 10a.75.75 0 0 0 0 1.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z",
|
|
}),
|
|
),
|
|
support: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-3.52 4.9a5.97 5.97 0 0 1-6.96 0l1.45-1.45a3.98 3.98 0 0 0 4.06 0l1.45 1.44Zm-.03-2.87 1.44 1.45a5.97 5.97 0 0 0 0-6.96l-1.44 1.45a3.98 3.98 0 0 1 0 4.06ZM9.03 3.55l1.45-1.44a5.97 5.97 0 0 0-6.96 0l1.45 1.44a3.98 3.98 0 0 1 4.06 0ZM3.55 4.97 2.11 3.52a5.97 5.97 0 0 0 0 6.96l1.44-1.45a3.98 3.98 0 0 1 0-4.06ZM10 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z",
|
|
}),
|
|
),
|
|
alert: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7 4.5c.28 0 .5.22.5.5v3.5a.5.5 0 0 1-1 0V5c0-.28.22-.5.5-.5ZM7.75 10.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7.2 1.04a.5.5 0 0 1 .24.21l6.49 11a.5.5 0 0 1-.44.75H.51a.5.5 0 0 1-.5-.45.5.5 0 0 1 .06-.31l6.5-10.99a.5.5 0 0 1 .64-.2ZM7 2.48 1.38 12h11.24L7 2.48Z",
|
|
}),
|
|
),
|
|
email: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M0 2.5c0-.27.22-.5.5-.5h13c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-9Zm1 1.02V11h12V3.52L7.31 7.89a.5.5 0 0 1-.52.07.5.5 0 0 1-.1-.07L1 3.52ZM12.03 3H1.97L7 6.87 12.03 3Z",
|
|
}),
|
|
),
|
|
phone: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "m7.76 8.13-.05.05a.2.2 0 0 1-.28.03A6.76 6.76 0 0 1 5.8 6.56a.21.21 0 0 1 .04-.27l.05-.05c.23-.2.54-.47.71-.96.17-.47-.02-1.04-.66-1.94-.26-.38-.72-.96-1.22-1.46-.68-.69-1.2-1-1.65-1a.98.98 0 0 0-.51.13A3.23 3.23 0 0 0 .9 3.42c-.13 1.1.26 2.37 1.17 3.78a16.68 16.68 0 0 0 4.55 4.6 6.57 6.57 0 0 0 3.53 1.32A3.2 3.2 0 0 0 13 11.46c.14-.24.24-.64-.07-1.18a7.8 7.8 0 0 0-1.73-1.8c-.64-.5-1.52-1.12-2.13-1.12a.97.97 0 0 0-.34.06c-.47.17-.74.46-.95.69l-.02.02Zm4.32 2.68a6.8 6.8 0 0 0-1.48-1.54h-.02c-.3-.25-.64-.49-.95-.67a2.7 2.7 0 0 0-.56-.24h-.01c-.23.09-.34.21-.56.45l-.02.02-.04.04a1.2 1.2 0 0 1-1.6.15 7.76 7.76 0 0 1-1.86-1.89l-.01-.01-.02-.02a1.21 1.21 0 0 1 .2-1.53l.06-.06.02-.02c.22-.2.35-.31.43-.53v-.02c0-.02 0-.06-.03-.14a3.7 3.7 0 0 0-.5-.88h-.01V3.9c-.23-.33-.65-.87-1.1-1.32H4c-.31-.32-.55-.5-.72-.6a.6.6 0 0 0-.22-.1h-.03a2.23 2.23 0 0 0-1.15 1.66c-.09.78.18 1.8 1.02 3.1a15.68 15.68 0 0 0 4.27 4.33l.02.01.02.02a5.57 5.57 0 0 0 2.97 1.11 2.2 2.2 0 0 0 1.93-1.14h.01v-.05a.57.57 0 0 0-.05-.12Z",
|
|
}),
|
|
),
|
|
link: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M11.84 2.16a2.25 2.25 0 0 0-3.18 0l-2.5 2.5c-.88.88-.88 2.3 0 3.18a.5.5 0 0 1-.7.7 3.25 3.25 0 0 1 0-4.59l2.5-2.5a3.25 3.25 0 0 1 4.59 4.6L10.48 8.1c.04-.44.01-.89-.09-1.32l1.45-1.45c.88-.88.88-2.3 0-3.18Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M3.6 7.2c-.1-.42-.12-.87-.08-1.31L1.45 7.95a3.25 3.25 0 1 0 4.6 4.6l2.5-2.5a3.25 3.25 0 0 0 0-4.6.5.5 0 0 0-.7.7c.87.89.87 2.31 0 3.2l-2.5 2.5a2.25 2.25 0 1 1-3.2-3.2l1.46-1.44Z",
|
|
}),
|
|
),
|
|
unlink: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "m1.45 7.95 1.3-1.3.71.7-1.3 1.3a2.25 2.25 0 1 0 3.18 3.2l1.3-1.31.71.7-1.3 1.3a3.25 3.25 0 0 1-4.6-4.59ZM12.55 6.05l-1.3 1.3-.71-.7 1.3-1.3a2.25 2.25 0 1 0-3.18-3.2l-1.3 1.31-.71-.7 1.3-1.3a3.25 3.25 0 0 1 4.6 4.59ZM1.85 1.15a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z",
|
|
}),
|
|
),
|
|
bell: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M8 1.11a1 1 0 1 0-1.99 0A4.5 4.5 0 0 0 2.5 5.5v3.88l-.94 1.89a.5.5 0 0 0-.06.3.5.5 0 0 0 .51.43h3.58a1.5 1.5 0 1 0 2.82 0H12a.5.5 0 0 0 .45-.73l-.94-1.89V5.5A4.5 4.5 0 0 0 8 1.11ZM2.8 11h8.4l-.5-1H3.3l-.5 1Zm7.7-2V5.5a3.5 3.5 0 1 0-7 0V9h7Zm-4 3.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z",
|
|
}),
|
|
),
|
|
rss: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1.5.5c0-.28.22-.5.5-.5a12 12 0 0 1 12 12 .5.5 0 0 1-1 0A11 11 0 0 0 2 1a.5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M1.5 4.5c0-.28.22-.5.5-.5a8 8 0 0 1 8 8 .5.5 0 0 1-1 0 7 7 0 0 0-7-7 .5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M5 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-1 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z",
|
|
}),
|
|
),
|
|
sharealt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7.5a.5.5 0 0 0-1 0V12H2V2h4.5a.5.5 0 0 0 0-1H2Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M7.35 7.36 12 2.7v1.8a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 1 0 0 1h1.8L6.64 6.64a.5.5 0 1 0 .7.7Z",
|
|
}),
|
|
),
|
|
share: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M6.65.15c.2-.2.5-.2.7 0l2 2a.5.5 0 1 1-.7.7L7.5 1.72v6.8a.5.5 0 0 1-1 0V1.7L5.35 2.86a.5.5 0 1 1-.7-.71l2-2Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M2 4a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H9.5a.5.5 0 1 0 0 1H12v7H2V5h2.5a.5.5 0 0 0 0-1H2Z",
|
|
}),
|
|
),
|
|
circlehollow: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7 13A6 6 0 1 0 7 1a6 6 0 0 0 0 12Zm0 1A7 7 0 1 0 7 0a7 7 0 0 0 0 14Z",
|
|
}),
|
|
),
|
|
circle: a.createElement("path", {
|
|
d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Z",
|
|
}),
|
|
bookmarkhollow: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3.5 0h7c.28 0 .5.22.5.5v13a.5.5 0 0 1-.45.5.46.46 0 0 1-.38-.12L7 11.16l-3.17 2.72a.46.46 0 0 1-.38.12.5.5 0 0 1-.45-.5V.5c0-.28.22-.5.5-.5ZM4 12.41l2.66-2.28a.45.45 0 0 1 .38-.13c.1.01.2.05.29.12l2.67 2.3V1H4v11.41Z",
|
|
}),
|
|
),
|
|
bookmark: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3.5 0h7c.28 0 .5.22.5.5v13a.5.5 0 0 1-.45.5.46.46 0 0 1-.38-.12L7 11.16l-3.17 2.72a.46.46 0 0 1-.38.12.5.5 0 0 1-.45-.5V.5c0-.28.22-.5.5-.5Z",
|
|
}),
|
|
),
|
|
diamond: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M8.41 1.59a2 2 0 0 0-2.82 0l-4 4a2 2 0 0 0 0 2.82l4 4a2 2 0 0 0 2.82 0l4-4a2 2 0 0 0 0-2.82l-4-4Zm.71-.71a3 3 0 0 0-4.24 0l-4 4a3 3 0 0 0 0 4.24l4 4a3 3 0 0 0 4.24 0l4-4a3 3 0 0 0 0-4.24l-4-4Z",
|
|
}),
|
|
),
|
|
hearthollow: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M12.81 1.85 13 2a2.97 2.97 0 0 1 .75 1.17 4.39 4.39 0 0 1 .12 2.51 6.26 6.26 0 0 1-1.65 2.55l-4.78 4.6A.59.59 0 0 1 7 13a.67.67 0 0 1-.44-.17L1.78 8.22a7.84 7.84 0 0 1-1.25-1.6C.37 6.31.24 6 .14 5.67a4.32 4.32 0 0 1 .12-2.51 3.2 3.2 0 0 1 1.95-1.9c.47-.18 1-.27 1.57-.27.3 0 .61.04.91.14.3.09.59.21.86.36s.52.33.77.52c.24.19.47.38.68.58a7.56 7.56 0 0 1 1.46-1.1c.27-.15.55-.27.84-.36.3-.1.6-.14.9-.14.59 0 1.12.09 1.59.26.39.15.73.34 1.02.59ZM1.2 3.53A2.2 2.2 0 0 1 2.57 2.2M1.2 3.53c-.13.33-.2.72-.2 1.18 0 .22.03.45.1.68a3.97 3.97 0 0 0 .79 1.46c.19.23.38.45.59.65l4.51 4.36 4.52-4.35c.2-.2.4-.4.59-.65.18-.23.34-.47.49-.73.13-.23.23-.48.3-.73.08-.23.11-.46.11-.7 0-.45-.07-.84-.2-1.18-.12-.33-.3-.6-.51-.8v-.01c-.22-.2-.5-.38-.85-.51-.34-.13-.75-.2-1.24-.2-.2 0-.4.03-.6.09a4.95 4.95 0 0 0-1.9 1.22l-.68.67-.7-.65a9.97 9.97 0 0 0-.62-.53c-.2-.16-.42-.3-.63-.42h-.01c-.21-.12-.43-.22-.66-.29C4.2 2.03 4 2 3.77 2c-.48 0-.88.07-1.21.2",
|
|
}),
|
|
),
|
|
heart: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M12.81 1.85 13 2a2.97 2.97 0 0 1 .75 1.17 4.39 4.39 0 0 1 .12 2.51 6.26 6.26 0 0 1-1.65 2.55l-4.78 4.6A.59.59 0 0 1 7 13a.67.67 0 0 1-.44-.17L1.78 8.22a7.84 7.84 0 0 1-1.25-1.6C.37 6.31.24 6 .14 5.67a4.32 4.32 0 0 1 .12-2.51 3.2 3.2 0 0 1 1.95-1.9c.47-.18 1-.27 1.57-.27.3 0 .61.04.91.14.3.09.59.21.86.36s.52.33.77.52c.24.19.47.38.68.58a7.56 7.56 0 0 1 1.46-1.1c.27-.15.55-.27.84-.36.3-.1.6-.14.9-.14.59 0 1.12.09 1.59.26.39.15.73.34 1.02.59Z",
|
|
}),
|
|
),
|
|
starhollow: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M6.32.78a.75.75 0 0 1 1.36 0l1.63 3.54 3.87.46c.63.07.89.86.42 1.3l-2.86 2.64.76 3.81a.75.75 0 0 1-1.1.8L7 11.43l-3.4 1.9a.75.75 0 0 1-1.1-.8l.76-3.81L.4 6.07a.75.75 0 0 1 .42-1.3l3.87-.45L6.32.78ZM7 1.7 5.54 4.86c-.11.24-.34.4-.6.43l-3.46.42 2.56 2.37c.2.17.28.44.23.7l-.68 3.42 3.04-1.7c.23-.14.5-.14.74 0l3.04 1.7-.68-3.43a.75.75 0 0 1 .23-.7l2.56-2.36-3.47-.42a.75.75 0 0 1-.59-.43L7 1.7Z",
|
|
}),
|
|
),
|
|
star: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.68.78a.75.75 0 0 0-1.36 0L4.69 4.32l-3.87.46a.75.75 0 0 0-.42 1.3l2.86 2.64-.76 3.81a.75.75 0 0 0 1.1.8l3.4-1.9 3.4 1.9a.75.75 0 0 0 1.1-.8l-.76-3.81 2.86-2.65a.75.75 0 0 0-.42-1.3L9.3 4.33 7.68.78Z",
|
|
}),
|
|
),
|
|
certificate: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M10 7.85A4.49 4.49 0 0 0 7 0a4.5 4.5 0 0 0-3 7.85V13a.5.5 0 0 0 .5.5.5.5 0 0 0 .35-.15L7 11.21l2.15 2.14A.5.5 0 0 0 10 13V7.85ZM7 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.35 2.15c.2-.2.5-.2.7 0L9 11.79V8.53a4.48 4.48 0 0 1-4 0v3.26l1.65-1.64Z",
|
|
}),
|
|
),
|
|
verified: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M6.56 13.12a1 1 0 0 1 .88 0l.98.49a1 1 0 0 0 1.31-.43l.52-.97a1 1 0 0 1 .7-.51l1.08-.2a1 1 0 0 0 .81-1.1l-.15-1.1a1 1 0 0 1 .27-.82l.76-.8a1 1 0 0 0 0-1.37l-.76-.79a1 1 0 0 1-.27-.83l.15-1.08a1 1 0 0 0-.8-1.12l-1.09-.19a1 1 0 0 1-.7-.5L9.73.81A1 1 0 0 0 8.43.4l-1 .49a1 1 0 0 1-.87 0L5.58.39a1 1 0 0 0-1.31.43l-.52.97a1 1 0 0 1-.7.51l-1.08.2a1 1 0 0 0-.81 1.1l.15 1.1a1 1 0 0 1-.27.82l-.76.8a1 1 0 0 0 0 1.37l.76.79a1 1 0 0 1 .27.83l-.15 1.08a1 1 0 0 0 .8 1.12l1.09.19a1 1 0 0 1 .7.5l.52.98a1 1 0 0 0 1.3.43l1-.49Zm4.3-8.47c.19.2.19.5 0 .7l-4.5 4.5a.5.5 0 0 1-.71 0l-2.5-2.5a.5.5 0 1 1 .7-.7L6 8.79l4.15-4.14c.2-.2.5-.2.7 0Z",
|
|
}),
|
|
),
|
|
thumbsup: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M11 12.02c-.4.37-.91.56-1.56.56h-.88a5.5 5.5 0 0 1-1.3-.16c-.42-.1-.91-.25-1.47-.45-.3-.12-.63-.21-.95-.27H2.88a.84.84 0 0 1-.62-.26.84.84 0 0 1-.26-.61V6.45c0-.24.09-.45.26-.62a.84.84 0 0 1 .62-.25h1.87c.16-.11.47-.47.93-1.06.27-.35.51-.64.74-.88.1-.11.19-.3.24-.58.05-.28.12-.57.2-.87.1-.3.24-.55.43-.74a.87.87 0 0 1 .62-.25c.38 0 .72.07 1.03.22.3.15.54.38.7.7a2.94 2.94 0 0 1 .21 1.58 3 3 0 0 1-.3 1h1.2c.47 0 .88.17 1.23.52s.52.8.52 1.22c0 .29-.04.66-.34 1.12.05.15.07.3.07.47 0 .35-.09.68-.26.98.07.54-.07 1.08-.4 1.51a1.9 1.9 0 0 1-.57 1.5Zm.47-5.33a.96.96 0 0 0 .03-.25.74.74 0 0 0-.23-.51.68.68 0 0 0-.52-.23H7.93l.73-1.45a2 2 0 0 0 .21-.87c0-.44-.07-.7-.13-.82a.53.53 0 0 0-.24-.24 1.3 1.3 0 0 0-.54-.12.99.99 0 0 0-.14.28c-.08.27-.13.52-.18.76-.06.38-.2.77-.48 1.07v.01l-.02.01c-.2.2-.4.46-.67.8l-.61.76c-.15.17-.35.38-.54.51l-.26.18H5v4.13h.02c.38.08.76.18 1.12.32.53.2.98.33 1.35.42.36.09.71.13 1.07.13h.88c.43 0 .68-.11.87-.29a.9.9 0 0 0 .26-.7l-.02-.37.22-.3c.17-.23.25-.5.2-.78l-.04-.33.17-.3a.97.97 0 0 0 .13-.48c0-.09 0-.13-.02-.15l-.15-.46.26-.4c.1-.15.13-.25.15-.33ZM3.5 10.8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z",
|
|
}),
|
|
),
|
|
shield: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M11.76 2.08a.5.5 0 0 1 .24.42v6a.5.5 0 0 1-.17.38l-4.5 3.99a.5.5 0 0 1-.67 0l-4.49-4A.5.5 0 0 1 2 8.5V2.5c0-.18.1-.34.24-.42l.01-.02a2.5 2.5 0 0 1 .3-.16c.22-.1.52-.24.92-.37C4.27 1.26 5.44 1 7 1c1.56 0 2.73.26 3.53.53a6.97 6.97 0 0 1 1.22.53l.01.02ZM3 2.79v5.49l1.07.94 6.59-6.58-.44-.17C9.52 2.24 8.44 2 7 2c-1.44 0-2.52.24-3.22.47-.35.12-.6.24-.78.32Zm4 9.04L4.82 9.9 11 3.71v4.57l-4 3.55Z",
|
|
}),
|
|
),
|
|
basket: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M10.35 2.85a.5.5 0 1 0-.7-.7l-3 3a.5.5 0 1 0 .7.7l3-3Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M2.09 6H4.5a.5.5 0 0 0 0-1H1.8a.75.75 0 0 0-.74.87l.8 4.88A1.5 1.5 0 0 0 3.36 12h7.3a1.5 1.5 0 0 0 1.48-1.25l.81-4.88A.75.75 0 0 0 12.2 5H10a.5.5 0 0 0 0 1h1.91l-.76 4.58a.5.5 0 0 1-.5.42h-7.3a.5.5 0 0 1-.5-.42L2.1 6Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M4.5 7c.28 0 .5.22.5.5v2a.5.5 0 0 1-1 0v-2c0-.28.22-.5.5-.5ZM10 7.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2ZM6.5 9.5v-2a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0Z",
|
|
}),
|
|
),
|
|
beaker: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M4.5 2h.75v3.87l-3.03 5.26c-.48.83.12 1.87 1.08 1.87h7.4c.96 0 1.57-1.04 1.08-1.87L8.75 5.87V2h.75a.5.5 0 0 0 0-1h-5a.5.5 0 0 0 0 1Zm1.75 4V2h1.5v4.13l.07.12 1 1.75H5.18l1.01-1.75.07-.12V6ZM4.6 9l-1.52 2.63c-.1.16.03.37.22.37h7.4c.2 0 .31-.2.22-.37L9.4 9H4.6Z",
|
|
}),
|
|
),
|
|
hourglass: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.5 10.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3.5 1a.5.5 0 0 0-.5.5c0 1.06.14 1.9.68 2.97.34.7.86 1.5 1.6 2.53a16.53 16.53 0 0 0-1.8 2.96A6 6 0 0 0 3 12.49v.01a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5 6 6 0 0 0-.48-2.54c-.34-.8-.9-1.71-1.8-2.96a19.78 19.78 0 0 0 1.6-2.53c.54-1.08.68-1.9.68-2.97a.5.5 0 0 0-.5-.5h-7Zm6.49 11a4.68 4.68 0 0 0-.39-1.65c-.27-.65-.73-1.4-1.5-2.5a133 133 0 0 1-.75 1 .5.5 0 0 1-.56.1.5.5 0 0 1-.2-.16l-.7-.94a14.36 14.36 0 0 0-1.5 2.5A4.68 4.68 0 0 0 4.02 12H10ZM6.3 6.72l.7.94a90.06 90.06 0 0 0 .7-.96c.49-.67.87-1.22 1.17-1.7H5.13A32.67 32.67 0 0 0 6.3 6.72ZM4.56 4h4.88c.36-.73.5-1.31.55-2H4c.04.69.19 1.27.55 2Z",
|
|
}),
|
|
),
|
|
flag: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M11.5 1h-9a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 1 0V8h8.5a.5.5 0 0 0 .35-.85L9.21 4.5l2.64-2.65A.5.5 0 0 0 11.5 1ZM8.15 4.15 10.29 2H3v5h7.3L8.14 4.85a.5.5 0 0 1 0-.7Z",
|
|
}),
|
|
),
|
|
cloudhollow: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M10 7V6a3 3 0 0 0-5.9-.74l-.18.68-.7.07A2.5 2.5 0 0 0 3.5 11h3.19l.07-.01h.08L7 11h4a2 2 0 1 0 0-4h-1ZM3.12 5.02A3.5 3.5 0 0 0 3.5 12H11a3 3 0 1 0 0-6 4 4 0 0 0-7.88-.98Z",
|
|
}),
|
|
),
|
|
cloud: a.createElement("path", {
|
|
d: "M7 2a4 4 0 0 1 4 4 3 3 0 1 1 0 6H3.5a3.5 3.5 0 0 1-.38-6.98A4 4 0 0 1 7 2Z",
|
|
}),
|
|
edit: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "m13.85 2.15-2-2a.5.5 0 0 0-.7 0l-1.5 1.5-9 9a.5.5 0 0 0-.14.26L0 13.39a.5.5 0 0 0 .14.46.5.5 0 0 0 .46.14l2.48-.5a.5.5 0 0 0 .27-.14l9-9 1.5-1.5a.5.5 0 0 0 0-.7ZM12 3.29l.8-.79-1.3-1.3-.8.8L12 3.3Zm-2-.58L1.7 11 3 12.3 11.3 4 10 2.7ZM1.14 12.86l.17-.85.68.68-.85.17Z",
|
|
}),
|
|
),
|
|
cog: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5.59 5.59a2 2 0 0 1 3.27 2.14.5.5 0 1 0 .93.37 3 3 0 1 0-1.7 1.7.5.5 0 1 0-.36-.94A2 2 0 0 1 5.6 5.6Z",
|
|
fill: "#333",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M.94 6.53c.13.12.19.3.18.46 0 .17-.05.34-.18.47L0 8.39c.19.94.55 1.81 1.07 2.58h1.32c.18 0 .34.07.46.2.12.11.2.27.2.45v1.32c.76.51 1.62.88 2.55 1.06l.94-.94a.63.63 0 0 1 .45-.19h.03c.16 0 .33.07.45.19l.94.94a7.1 7.1 0 0 0 2.55-1.06v-1.33c0-.18.07-.35.2-.46.11-.12.27-.2.45-.2h1.33A7.1 7.1 0 0 0 14 8.4l-.95-.94a.64.64 0 0 1-.18-.47c0-.17.06-.34.18-.46l.95-.95a7.1 7.1 0 0 0-1.05-2.52h-1.34a.63.63 0 0 1-.46-.2.64.64 0 0 1-.2-.46V1.06A7.1 7.1 0 0 0 8.42 0l-.94.94a.63.63 0 0 1-.45.19H7a.63.63 0 0 1-.45-.19L5.6 0a7.1 7.1 0 0 0-2.56 1.06v1.33c0 .18-.07.34-.2.46a.63.63 0 0 1-.45.2H1.06A7.1 7.1 0 0 0 0 5.59l.94.94Zm.7 1.63c.33-.32.49-.75.48-1.17 0-.42-.15-.85-.47-1.17l-.54-.54c.12-.43.3-.85.51-1.23h.77c.46 0 .87-.2 1.17-.5.3-.29.48-.7.48-1.16v-.77c.4-.22.81-.39 1.25-.52l.54.55c.33.32.75.48 1.16.48h.03c.42 0 .84-.16 1.16-.48l.54-.54c.44.12.85.3 1.24.5v.8c0 .45.19.87.49 1.16.3.3.7.5 1.16.5h.78c.2.37.38.78.5 1.2l-.54.55c-.33.32-.49.75-.48 1.17 0 .42.15.85.48 1.17l.55.55c-.13.44-.3.85-.52 1.24h-.77c-.45 0-.87.2-1.16.5-.3.29-.5.7-.5 1.16v.77c-.38.21-.8.39-1.23.51l-.54-.54a1.64 1.64 0 0 0-1.16-.48H7c-.41 0-.83.16-1.16.48l-.54.55a6.1 6.1 0 0 1-1.25-.52v-.76c0-.45-.19-.87-.48-1.16-.3-.3-.71-.5-1.17-.5h-.76a6.1 6.1 0 0 1-.53-1.25l.55-.55Z",
|
|
}),
|
|
),
|
|
nut: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5.59 8.41a2 2 0 1 1 3.27-.68.5.5 0 1 0 .93.37 3 3 0 1 0-1.7 1.7.5.5 0 0 0-.36-.94 2 2 0 0 1-2.14-.45Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M6.5.29a1 1 0 0 1 1 0l5.06 2.92c.31.18.5.51.5.87v5.84a1 1 0 0 1-.5.87L7.5 13.7a1 1 0 0 1-1 0L1.44 10.8a1 1 0 0 1-.5-.87V4.08a1 1 0 0 1 .5-.87L6.5.3Zm.5.86 5.06 2.93v5.84L7 12.85 1.94 9.92V4.08L7 1.15Z",
|
|
}),
|
|
),
|
|
wrench: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M10.5 1c.44 0 .56.52.25.83l-.8.81c-.2.2-.2.52 0 .72l.69.7c.2.2.52.2.72 0l.8-.81c.32-.31.84-.2.84.25a2.5 2.5 0 0 1-3.41 2.33L2.7 12.7a1 1 0 0 1-1.42-1.42l6.88-6.88A2.5 2.5 0 0 1 10.5 1ZM2 12.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z",
|
|
}),
|
|
),
|
|
ellipsis: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M4 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7 8.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",
|
|
}),
|
|
),
|
|
check: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M13.85 3.35a.5.5 0 0 0-.7-.7L5 10.79.85 6.65a.5.5 0 1 0-.7.7l4.5 4.5c.2.2.5.2.7 0l8.5-8.5Z",
|
|
}),
|
|
),
|
|
form: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6.4a.5.5 0 0 0-1 0V12H2V2h7.5a.5.5 0 0 0 0-1H2Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "m6.35 9.86 7.5-7.5a.5.5 0 0 0-.7-.71L6 8.8 3.85 6.65a.5.5 0 1 0-.7.7l2.5 2.5c.2.2.5.2.7 0Z",
|
|
}),
|
|
),
|
|
batchdeny: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.646.646a.5.5 0 0 1 0 .708L5.207 7l3.647 3.646a.5.5 0 0 1-.708.708L4.5 7.707.854 11.354a.5.5 0 0 1-.708-.708L3.793 7 .146 3.354a.5.5 0 1 1 .708-.708L4.5 6.293l3.646-3.647a.5.5 0 0 1 .708 0ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z",
|
|
}),
|
|
),
|
|
batchaccept: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.2.6a.5.5 0 0 1 .1.7l-5.995 7.993a.505.505 0 0 1-.37.206.5.5 0 0 1-.395-.152L.146 8.854a.5.5 0 1 1 .708-.708l2.092 2.093L8.6 2.7a.5.5 0 0 1 .7-.1ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z",
|
|
}),
|
|
),
|
|
controls: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M10.5 1c.28 0 .5.22.5.5V2h1.5a.5.5 0 0 1 0 1H11v.5a.5.5 0 0 1-1 0V3H1.5a.5.5 0 0 1 0-1H10v-.5c0-.28.22-.5.5-.5ZM1.5 11a.5.5 0 0 0 0 1H10v.5a.5.5 0 0 0 1 0V12h1.5a.5.5 0 0 0 0-1H11v-.5a.5.5 0 0 0-1 0v.5H1.5ZM1 7c0-.28.22-.5.5-.5H3V6a.5.5 0 0 1 1 0v.5h8.5a.5.5 0 0 1 0 1H4V8a.5.5 0 0 1-1 0v-.5H1.5A.5.5 0 0 1 1 7Z",
|
|
}),
|
|
),
|
|
plus: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.5.5a.5.5 0 0 0-1 0v6h-6a.5.5 0 0 0 0 1h6v6a.5.5 0 0 0 1 0v-6h6a.5.5 0 0 0 0-1h-6v-6Z",
|
|
}),
|
|
),
|
|
closeAlt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M2.03.97A.75.75 0 0 0 .97 2.03L5.94 7 .97 11.97a.75.75 0 1 0 1.06 1.06L7 8.06l4.97 4.97a.75.75 0 1 0 1.06-1.06L8.06 7l4.97-4.97A.75.75 0 0 0 11.97.97L7 5.94 2.03.97Z",
|
|
}),
|
|
),
|
|
cross: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1.85 1.15a.5.5 0 1 0-.7.7L6.29 7l-5.14 5.15a.5.5 0 0 0 .7.7L7 7.71l5.15 5.14a.5.5 0 0 0 .7-.7L7.71 7l5.14-5.15a.5.5 0 0 0-.7-.7L7 6.29 1.85 1.15Z",
|
|
}),
|
|
),
|
|
trash: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5.5 4.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0V5c0-.28.22-.5.5-.5ZM9 5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M4.5.5c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5V2h3a.5.5 0 0 1 0 1H12v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3h-.5a.5.5 0 0 1 0-1h3V.5ZM3 3v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3H3Zm2.5-2h3v1h-3V1Z",
|
|
}),
|
|
),
|
|
pinalt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M13.44 4.44 9.56.56a1.5 1.5 0 0 0-2.12 0L7 1a1.41 1.41 0 0 0 0 2L5 5H3.66A4 4 0 0 0 .83 6.17l-.48.48a.5.5 0 0 0 0 .7l2.8 2.8-3 3a.5.5 0 0 0 .7.7l3-3 2.8 2.8c.2.2.5.2.7 0l.48-.48A4 4 0 0 0 9 10.34V9l2-2c.55.55 1.45.55 2 0l.44-.44a1.5 1.5 0 0 0 0-2.12ZM11 5.59l-3 3v1.75a3 3 0 0 1-.88 2.12L7 12.6 1.41 7l.13-.12A3 3 0 0 1 3.66 6H5.4l3-3-.7-.7a.41.41 0 0 1 0-.6l.44-.43c.2-.2.5-.2.7 0l3.88 3.88c.2.2.2.5 0 .7l-.44.44a.41.41 0 0 1-.58 0L11 5.6Z",
|
|
}),
|
|
),
|
|
unpin: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M13.44 4.44 9.56.56a1.5 1.5 0 0 0-2.12 0L7 1a1.41 1.41 0 0 0 0 2L5.7 4.3l.71.7 2-2-.7-.7a.41.41 0 0 1 0-.6l.44-.43c.2-.2.5-.2.7 0l3.88 3.88c.2.2.2.5 0 .7l-.44.44a.41.41 0 0 1-.58 0L11 5.6l-2 2 .7.7L11 7c.55.55 1.45.55 2 0l.44-.44a1.5 1.5 0 0 0 0-2.12ZM.83 6.17A4 4 0 0 1 3.59 5l1 1h-.93a3 3 0 0 0-2.12.88L1.4 7 7 12.59l.12-.13A3 3 0 0 0 8 10.34v-.93l1 1a4 4 0 0 1-1.17 2.76l-.48.48a.5.5 0 0 1-.7 0l-2.8-2.8-3 3a.5.5 0 0 1-.7-.7l3-3-2.8-2.8a.5.5 0 0 1 0-.7l.48-.48Zm1.02-5.02a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z",
|
|
}),
|
|
),
|
|
add: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z",
|
|
}),
|
|
),
|
|
subtract: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z",
|
|
}),
|
|
),
|
|
close: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M9.85 4.15c.2.2.2.5 0 .7L7.71 7l2.14 2.15a.5.5 0 0 1-.7.7L7 7.71 4.85 9.85a.5.5 0 0 1-.7-.7L6.29 7 4.15 4.85a.5.5 0 1 1 .7-.7L7 6.29l2.15-2.14c.2-.2.5-.2.7 0Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z",
|
|
}),
|
|
),
|
|
delete: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0a6 6 0 0 1-9.87 4.58l8.45-8.45A5.98 5.98 0 0 1 13 7ZM2.42 10.87l8.45-8.45a6 6 0 0 0-8.46 8.46Z",
|
|
}),
|
|
),
|
|
passed: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm3.85-9.35c.2.2.2.5 0 .7l-4.5 4.5a.5.5 0 0 1-.7 0l-2.5-2.5a.5.5 0 1 1 .7-.7L6 8.79l4.15-4.14c.2-.2.5-.2.7 0Z",
|
|
}),
|
|
),
|
|
changed: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z",
|
|
}),
|
|
),
|
|
failed: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm2.85-9.85c.2.2.2.5 0 .7L7.71 7l2.14 2.15a.5.5 0 0 1-.7.7L7 7.71 4.85 9.85a.5.5 0 0 1-.7-.7L6.29 7 4.15 4.85a.5.5 0 1 1 .7-.7L7 6.29l2.15-2.14c.2-.2.5-.2.7 0Z",
|
|
}),
|
|
),
|
|
clear: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M5 2h7a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-1.41-.59l-3-3a2 2 0 0 1 0-2.82l3-3A2 2 0 0 1 5 2Zm1.15 3.15c.2-.2.5-.2.7 0L8 6.29l1.15-1.14a.5.5 0 1 1 .7.7L8.71 7l1.14 1.15a.5.5 0 0 1-.7.7L8 7.71 6.85 8.85a.5.5 0 1 1-.7-.7L7.29 7 6.15 5.85a.5.5 0 0 1 0-.7Z",
|
|
}),
|
|
),
|
|
comment: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M3.5 5a.5.5 0 1 0 0 1h7a.5.5 0 0 0 0-1h-7ZM3 8.5c0-.27.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M12.5 12H5.7l-1.85 1.86a.5.5 0 0 1-.35.14.5.5 0 0 1-.5-.5V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5ZM2 11V3h10v8H2Z",
|
|
}),
|
|
),
|
|
commentadd: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.5 5a.5.5 0 1 0-1 0v1.5H5a.5.5 0 1 0 0 1h1.5V9a.5.5 0 0 0 1 0V7.5H9a.5.5 0 0 0 0-1H7.5V5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3.7 13.97a.5.5 0 0 1-.7-.46V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v9a.5.5 0 0 1-.5.5H5.7l-1.85 1.85a.5.5 0 0 1-.16.1ZM2 3v8h10V3H2Z",
|
|
}),
|
|
),
|
|
requestchange: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M9.85 6.65c.2.2.2.51 0 .7l-2 2a.5.5 0 1 1-.7-.7L8.3 7.5H4.5a.5.5 0 0 1 0-1h3.79L7.15 5.36a.5.5 0 1 1 .7-.71l2 2Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3.7 13.97a.5.5 0 0 1-.7-.46V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v9a.5.5 0 0 1-.5.5H5.7l-1.85 1.85a.5.5 0 0 1-.16.1ZM2 3v8h10V3H2Z",
|
|
}),
|
|
),
|
|
comments: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M8.5 7a.5.5 0 0 0 0-1h-5a.5.5 0 1 0 0 1h5ZM9 8.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1 0-1h5c.28 0 .5.23.5.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M12 11.5V10h1.5a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5v8c0 .28.22.5.5.5H2v1.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .35-.14L4.71 12h6.79a.5.5 0 0 0 .5-.5ZM3 3V2h10v7h-1V3.5a.5.5 0 0 0-.5-.5H3Zm-2 8V4h10v7H1Z",
|
|
}),
|
|
),
|
|
lock: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M8 8a1 1 0 0 1-.5.87v1.63a.5.5 0 0 1-1 0V8.87A1 1 0 1 1 8 8Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3 4a4 4 0 1 1 8 0v1h1.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4Zm7 1V4a3 3 0 1 0-6 0v1h6Zm2 1H2v7h10V6Z",
|
|
}),
|
|
),
|
|
unlock: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M6.5 8.87a1 1 0 1 1 1 0v1.63a.5.5 0 0 1-1 0V8.87Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M7 1a3 3 0 0 0-3 3v1h8.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4a4 4 0 0 1 7.76-1.38.5.5 0 0 1-.94.34A3 3 0 0 0 7 1ZM2 6h10v7H2V6Z",
|
|
}),
|
|
),
|
|
key: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", { d: "M11 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" }),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7.5 8.53v.97a.5.5 0 0 1-.5.5H5.5v1.5a.5.5 0 0 1-.5.5H3.5v1.5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .15-.36l5.12-5.11a4.5 4.5 0 1 1 2.23 2.5ZM6 4.5a3.5 3.5 0 1 1 1.5 2.87c-.29-.2-1-.37-1 .48V9H5a.5.5 0 0 0-.5.5V11H3a.5.5 0 0 0-.5.5V13H1v-1.3l5.2-5.19c.15-.16.18-.4.1-.6A3.47 3.47 0 0 1 6 4.5Z",
|
|
}),
|
|
),
|
|
outbox: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.35.15a.5.5 0 0 0-.7 0l-2 2a.5.5 0 1 0 .7.7L6.5 1.72v6.8a.5.5 0 0 0 1 0V1.7l1.15 1.15a.5.5 0 1 0 .7-.71l-2-2Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M2 7.5a.5.5 0 1 0-1 0v5c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-1 0V12H2V7.5Z",
|
|
}),
|
|
),
|
|
credit: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M2.5 8a.5.5 0 1 0 0 1h3a.5.5 0 0 0 0-1h-3Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M0 11.5c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H.5a.5.5 0 0 0-.5.5v9ZM1 3v1h12V3H1Zm0 8h12V6H1v5Z",
|
|
}),
|
|
),
|
|
button: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1 3a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h3.5a.5.5 0 1 0 0-1H1V4h12v5h-1a.5.5 0 0 0 0 1h1a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H1Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M6.45 7a.5.5 0 0 1 .3.08l3.48 2.02a.5.5 0 0 1 0 .87l-1.08.62.75 1.3a.75.75 0 0 1-1.3.75l-.75-1.3-1.07.62a.5.5 0 0 1-.67-.13.5.5 0 0 1-.1-.3L6 7.5a.5.5 0 0 1 .45-.5Z",
|
|
}),
|
|
),
|
|
type: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M4 1.5c0-.27.22-.5.5-.5h5a.5.5 0 1 1 0 1h-2v10h2a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h2V2h-2a.5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M0 4.5c0-.27.22-.5.5-.5h4a.5.5 0 1 1 0 1H1v4h3.5a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5v-5ZM9.5 4a.5.5 0 1 0 0 1H13v4H9.5a.5.5 0 1 0 0 1h4a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-4Z",
|
|
}),
|
|
),
|
|
pointerdefault: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5.94 12.46c.11 0 .2-.06.25-.15l1.58-3.16 2.54 2.54c.04.05.1.07.19.07a.3.3 0 0 0 .2-.07l.8-.8a.27.27 0 0 0 0-.38L8.9 7.9l3.4-1.7c.06-.03.1-.07.12-.11a.22.22 0 0 0 .04-.14.33.33 0 0 0-.06-.16.17.17 0 0 0-.09-.07h-.02L1.91 1.55a.27.27 0 0 0-.35.36l4.15 10.37c.04.09.12.16.23.17Zm-.03 1h-.02a1.28 1.28 0 0 1-1.1-.8L.62 2.29A1.27 1.27 0 0 1 2.3.63l10.35 4.15c.52.18.79.65.81 1.11.04.53-.27.98-.7 1.2l-2.17 1.08L12.2 9.8c.5.5.5 1.3 0 1.8l-.8.8v.01c-.5.46-1.3.48-1.8-.01l-1.56-1.56-.95 1.92c-.23.45-.68.7-1.15.7h-.03Z",
|
|
}),
|
|
),
|
|
pointerhand: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M11.87 6v-.02c-.03-.27-.23-.48-.47-.5a.5.5 0 0 0-.53.5v1.41c0 .25-.22.47-.47.47a.48.48 0 0 1-.47-.47V5.17a.6.6 0 0 0 0-.05c-.02-.27-.23-.5-.47-.5a.5.5 0 0 0-.52.5v1.65l-.01.1a.49.49 0 0 1-.46.37.48.48 0 0 1-.47-.47V4.62a.6.6 0 0 0 0-.05c-.03-.27-.23-.48-.47-.5a.5.5 0 0 0-.53.5v2.2c0 .25-.22.47-.47.47a.49.49 0 0 1-.47-.47V1.75c-.02-.27-.22-.5-.47-.5a.5.5 0 0 0-.52.5v6.78c0 .25-.22.47-.47.47a.48.48 0 0 1-.47-.47v-.26a.78.78 0 0 0-.06-.31.65.65 0 0 0-.16-.22l-.2-.19A6.37 6.37 0 0 0 3.06 7h-.02c-.43-.34-.62-.25-.69-.2-.26.14-.29.5-.13.74l1.73 2.6v.01h-.01l-.04.02.05-.02s1.21 2.6 3.57 2.6c3.54 0 4.2-1.9 4.31-4.42.04-.6.04-1.19.03-1.78V6Zm.97 2.38c-.06 1.29-.26 2.67-1.08 3.72-.88 1.12-2.29 1.65-4.23 1.65a4.64 4.64 0 0 1-3.4-1.62 6.96 6.96 0 0 1-1.05-1.5v-.02L1.4 8.1A1.6 1.6 0 0 1 1.15 7c.05-.38.26-.8.69-1.04.2-.13.48-.23.85-.19.36.05.68.22.98.45.14.1.27.22.4.33v-4.8A1.5 1.5 0 0 1 5.63.25c.93.04 1.43.86 1.43 1.55v1.33c.17-.05.35-.07.53-.06h.02c.5.04.91.33 1.15.71a1.5 1.5 0 0 1 .74-.16c.66.03 1.12.46 1.32.97a1.5 1.5 0 0 1 .64-.1h.02c.85.06 1.39.8 1.39 1.55v.48c0 .6 0 1.24-.03 1.86Z",
|
|
}),
|
|
),
|
|
browser: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h13c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5H.5Zm.5-1V4h12v8H1Zm1-9.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z",
|
|
}),
|
|
),
|
|
tablet: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3.5 0C2.67 0 2 .68 2 1.5v11c0 .83.67 1.5 1.5 1.5h7c.83 0 1.5-.67 1.5-1.5v-11c0-.82-.67-1.5-1.5-1.5h-7Zm0 1h7c.28 0 .5.23.5.5V11H3V1.5c0-.27.22-.5.5-.5ZM6 12a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H6Z",
|
|
}),
|
|
),
|
|
mobile: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3 1.5C3 .68 3.67 0 4.5 0h5c.83 0 1.5.68 1.5 1.5v11c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 3 12.5v-11ZM4 12V2h6v10H4Z",
|
|
}),
|
|
),
|
|
watch: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
key: "watch",
|
|
fillRule: "evenodd",
|
|
d: "M4 .5c0-.27.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 4 .5ZM9.5 3h-5a.5.5 0 0 0-.5.5v7c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5Zm-5-1C3.67 2 3 2.68 3 3.5v7c0 .83.67 1.5 1.5 1.5h5c.83 0 1.5-.67 1.5-1.5v-7c0-.82-.67-1.5-1.5-1.5h-5ZM7 4c.28 0 .5.23.5.5v2h1a.5.5 0 1 1 0 1H7a.5.5 0 0 1-.5-.5V4.5c0-.27.22-.5.5-.5Zm-2.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z",
|
|
}),
|
|
),
|
|
sidebar: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M2.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5ZM3 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1H3Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h3v10H2ZM6 2h6v10H6V2Z",
|
|
}),
|
|
),
|
|
sidebaralt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M9.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5ZM10 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1h-1Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h6v10H2ZM9 2h3v10H9V2Z",
|
|
}),
|
|
),
|
|
sidebaralttoggle: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M11.5 4.5A.5.5 0 0 0 11 4h-1a.5.5 0 1 0 0 1h1a.5.5 0 0 0 .5-.5ZM11 6a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1h1Zm.5 2.5A.5.5 0 0 0 11 8h-1a.5.5 0 1 0 0 1h1a.5.5 0 0 0 .5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11ZM9 12h3V2H9v10Zm-1 0H2V2h6v4.5H5.2l.66-.65a.5.5 0 1 0-.71-.7l-1.5 1.5a.5.5 0 0 0 0 .7l1.5 1.5a.5.5 0 1 0 .7-.7l-.64-.65H8V12Z",
|
|
}),
|
|
),
|
|
sidebartoggle: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M2.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5ZM3 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1H3Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h3v10H2Zm4 0V7.5h2.8l-.65.65a.5.5 0 1 0 .7.7l1.5-1.5a.5.5 0 0 0 0-.7l-1.5-1.5a.5.5 0 1 0-.7.7l.64.65H6V2h6v10H6Z",
|
|
}),
|
|
),
|
|
bottombar: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M3 10.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 8V2h10v6H2Zm10 1v3H2V9h10Z",
|
|
}),
|
|
),
|
|
bottombartoggle: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M3.5 10a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1 12.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5Zm1-.5V9h10v3H2Zm4.5-4H2V2h10v6H7.5V5.21l.65.65a.5.5 0 1 0 .7-.71l-1.5-1.5a.5.5 0 0 0-.7 0l-1.5 1.5a.5.5 0 1 0 .7.7l.65-.64v2.8Z",
|
|
}),
|
|
),
|
|
cpu: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M5 5.5c0-.27.22-.5.5-.5h3c.28 0 .5.23.5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3ZM6 8V6h2v2H6Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M5.5 0c.28 0 .5.23.5.5V2h2V.5a.5.5 0 0 1 1 0V2h2.5c.28 0 .5.23.5.5V5h1.5a.5.5 0 0 1 0 1H12v2h1.5a.5.5 0 0 1 0 1H12v2.5a.5.5 0 0 1-.5.5H9v1.5a.5.5 0 0 1-1 0V12H6v1.5a.5.5 0 0 1-1 0V12H2.5a.5.5 0 0 1-.5-.5V9H.5a.5.5 0 0 1 0-1H2V6H.5a.5.5 0 0 1 0-1H2V2.5c0-.27.22-.5.5-.5H5V.5c0-.27.22-.5.5-.5ZM11 3H3v8h8V3Z",
|
|
}),
|
|
),
|
|
database: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M12 3c0-1.1-2.24-2-5-2s-5 .9-5 2v8c0 .43.26.75.54.98.3.23.68.41 1.12.55.88.3 2.06.47 3.34.47 1.28 0 2.46-.17 3.34-.46.44-.15.83-.33 1.12-.56.28-.23.54-.55.54-.98V3Zm-1.03 0a2.45 2.45 0 0 0-.8-.49A8.88 8.88 0 0 0 7 2c-1.29 0-2.4.21-3.16.51a2.45 2.45 0 0 0-.81.49l.05.05c.13.13.37.28.76.44C4.6 3.79 5.7 4 7 4s2.4-.21 3.16-.51a2.45 2.45 0 0 0 .81-.49ZM11 5.75V4.2A8.9 8.9 0 0 1 7 5a8.98 8.98 0 0 1-4-.8v1.55l.02.04c.02.04.06.09.14.15.17.13.44.27.82.4A10 10 0 0 0 7 6.75a10 10 0 0 0 3.02-.41c.38-.13.65-.27.82-.4a.62.62 0 0 0 .14-.15.15.15 0 0 0 .02-.03v-.01ZM3 7.01c.2.1.42.2.66.28.88.29 2.06.46 3.34.46 1.28 0 2.46-.17 3.34-.46.24-.08.46-.17.66-.28V8.5l-.02.04a.62.62 0 0 1-.14.15c-.17.13-.44.27-.82.4A10 10 0 0 1 7 9.5a10 10 0 0 1-3.02-.41 2.76 2.76 0 0 1-.82-.4.62.62 0 0 1-.14-.15.15.15 0 0 1-.02-.03V7Zm0 2.75V11l.02.04c.02.04.06.09.14.15.17.13.44.27.82.4A10 10 0 0 0 7 12a10 10 0 0 0 3.02-.41c.38-.13.65-.27.82-.4a.62.62 0 0 0 .14-.15.15.15 0 0 0 .02-.03V9.76c-.2.1-.42.2-.66.28-.88.29-2.06.46-3.34.46-1.28 0-2.46-.17-3.34-.46A4.77 4.77 0 0 1 3 9.76Z",
|
|
}),
|
|
),
|
|
memory: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5 3a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0V3Zm2-.5c.28 0 .5.22.5.5v3a.5.5 0 0 1-1 0V3c0-.28.22-.5.5-.5Zm3 2a.5.5 0 1 0-1 0V6a.5.5 0 0 0 1 0V4.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M12 3.54a.5.5 0 0 0-.15-.39l-3-3a.5.5 0 0 0-.38-.14H2.5a.5.5 0 0 0-.5.5v13c0 .27.22.5.5.5h9a.5.5 0 0 0 .5-.5V3.53ZM3 1h5.3L11 3.71v5.3H3V1Zm0 9v3h8v-3H3Z",
|
|
}),
|
|
),
|
|
structure: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M8.16 3.45a1.5 1.5 0 1 0-2.33 0l-4.02 6.58A1.5 1.5 0 1 0 2.91 12h8.18a1.5 1.5 0 1 0 1.1-1.97L8.16 3.45Zm-1.47.52a1.5 1.5 0 0 0 .62 0l4.03 6.58c-.11.14-.2.29-.25.45H2.9a1.5 1.5 0 0 0-.25-.45L6.7 3.97Z",
|
|
}),
|
|
),
|
|
box: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "m7.21.05 6.49 2.99a.5.5 0 0 1 .3.47v6.98a.5.5 0 0 1-.3.47l-6.47 2.98a.5.5 0 0 1-.46 0L.3 10.96a.5.5 0 0 1-.3-.47V3.5a.5.5 0 0 1 .3-.47L6.79.05a.5.5 0 0 1 .43 0ZM1 4.28v5.9l5.5 2.54v-5.9L1 4.28Zm6.5 8.44 5.5-2.54v-5.9L7.5 6.82v5.9Zm4.8-9.22L7 5.95 1.7 3.5 7 1.05l5.3 2.45Z",
|
|
}),
|
|
),
|
|
power: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.5.5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0v-6Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M4.27 2.8a.5.5 0 0 0-.54-.83 6 6 0 1 0 6.54 0 .5.5 0 0 0-.54.84 5 5 0 1 1-5.46 0Z",
|
|
}),
|
|
),
|
|
photo: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M6.25 4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.5 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M13 1.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5ZM2 9.3V2h10v5.3L9.85 5.15a.5.5 0 0 0-.7 0L6.5 7.8 5.35 6.65a.5.5 0 0 0-.7 0L2 9.3Zm7.5-3.1L12 8.7V12H2v-1.3l3-3 3.15 3.15a.5.5 0 0 0 .7-.71L7.21 8.5 9.5 6.21Z",
|
|
}),
|
|
),
|
|
component: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3.5 1A2.5 2.5 0 0 0 1 3.5v7A2.5 2.5 0 0 0 3.5 13h7a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 10.5 1h-7ZM12 6.5H7.5V2h3c.83 0 1.5.68 1.5 1.5v3Zm0 1v3c0 .83-.67 1.5-1.5 1.5h-3V7.5H12ZM6.5 12V7.5H2v3c0 .83.67 1.5 1.5 1.5h3ZM2 6.5h4.5V2h-3C2.67 2 2 2.68 2 3.5v3Z",
|
|
}),
|
|
),
|
|
grid: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1 1.5c0-.27.22-.5.5-.5H6c.28 0 .5.23.5.5V6a.5.5 0 0 1-.5.5H1.5A.5.5 0 0 1 1 6V1.5Zm1 4V2h3.5v3.5H2Zm5.5-4c0-.27.22-.5.5-.5h4.5c.28 0 .5.23.5.5V6a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V1.5Zm1 4V2H12v3.5H8.5Zm-7 2A.5.5 0 0 0 1 8v4.5c0 .28.22.5.5.5H6a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5H1.5Zm.5 1V12h3.5V8.5H2ZM7.5 8c0-.27.22-.5.5-.5h4.5c.28 0 .5.23.5.5v4.5a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V8Zm1 4V8.5H12V12H8.5Z",
|
|
}),
|
|
),
|
|
outline: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M2 2v2H1V1.5c0-.27.22-.5.5-.5H4v1H2ZM1 9V5h1v4H1Zm0 1v2.5c0 .28.22.5.5.5H4v-1H2v-2H1Zm9 3h2.5a.5.5 0 0 0 .5-.5V10h-1v2h-2v1Zm2-9h1V1.5a.5.5 0 0 0-.5-.5H10v1h2v2Zm-3 8v1H5v-1h4ZM9 1v1H5V1h4Zm4 8h-1V5h1v4ZM7 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
|
|
}),
|
|
),
|
|
photodrag: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M8.25 3.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.5 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M14 7V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5V6h1V4h2v6.5c0 .28.22.5.5.5H10v2H8v1h2.5a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V7ZM4 1v5.8l1.65-1.65c.2-.2.5-.2.7 0L7.5 6.3l2.65-2.65c.2-.2.5-.2.7 0L13 5.8V1H4Zm9 6.21-2.5-2.5-2.3 2.3 1.15 1.14a.5.5 0 1 1-.7.7L6 6.22l-2 2v1.8h9V7.2Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M0 10V7h1v3H0Zm0 3.5V11h1v2h2v1H.5a.5.5 0 0 1-.5-.5Zm7 .5H4v-1h3v1Z",
|
|
}),
|
|
),
|
|
search: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M9.54 10.2a5.5 5.5 0 1 1 .66-.66c.06.03.11.06.15.1l3 3a.5.5 0 0 1-.7.71l-3-3a.5.5 0 0 1-.1-.14ZM10.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z",
|
|
}),
|
|
),
|
|
zoom: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M6 3.5c.28 0 .5.22.5.5v1.5H8a.5.5 0 0 1 0 1H6.5V8a.5.5 0 0 1-1 0V6.5H4a.5.5 0 0 1 0-1h1.5V4c0-.28.22-.5.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M9.54 10.2a5.5 5.5 0 1 1 .66-.66c.06.03.11.06.15.1l3 3a.5.5 0 0 1-.7.71l-3-3a.5.5 0 0 1-.1-.14ZM10.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z",
|
|
}),
|
|
),
|
|
zoomout: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M4 5.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H4Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M6 11.5c1.35 0 2.59-.49 3.54-1.3.03.06.06.11.1.15l3 3a.5.5 0 0 0 .71-.7l-3-3a.5.5 0 0 0-.14-.1A5.5 5.5 0 1 0 6 11.5Zm0-1a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z",
|
|
}),
|
|
),
|
|
zoomreset: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1.5 2.84V1.5a.5.5 0 0 0-1 0V4c0 .28.22.5.5.5h2.5a.5.5 0 0 0 0-1H2.26a4.5 4.5 0 1 1-.5 4.02.5.5 0 1 0-.94.33 5.5 5.5 0 0 0 8.72 2.36l.1.14 3 3a.5.5 0 0 0 .71-.7l-3-3a.5.5 0 0 0-.14-.1 5.5 5.5 0 1 0-8.7-6.7Z",
|
|
}),
|
|
),
|
|
eye: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7 9.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "m14 7-.2.3c-.13.16-3.06 4.2-6.8 4.2C3.26 11.5.33 7.46.2 7.3L0 7l.2-.3C.34 6.55 3.27 2.5 7 2.5c3.74 0 6.67 4.04 6.8 4.2l.2.3ZM2.9 5.3A13 13 0 0 0 1.24 7 13 13 0 0 0 2.9 8.7c1.14.97 2.58 1.8 4.1 1.8 1.52 0 2.96-.83 4.1-1.8A13 13 0 0 0 12.76 7a13 13 0 0 0-1.66-1.7C9.96 4.33 8.52 3.5 7 3.5c-1.52 0-2.96.83-4.1 1.8Z",
|
|
}),
|
|
),
|
|
eyeclose: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1.85 1.15a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11ZM11.1 8.7c-.17.15-.36.3-.55.44l.72.71a13.25 13.25 0 0 0 2.52-2.56L14 7l-.2-.3c-.13-.16-3.06-4.2-6.8-4.2-.89 0-1.73.23-2.5.58l.76.76A4.86 4.86 0 0 1 7 3.5c1.52 0 2.96.83 4.1 1.8A13 13 0 0 1 12.76 7a13 13 0 0 1-1.66 1.7ZM.2 6.7c.08-.09 1.04-1.41 2.53-2.55l.72.71c-.2.14-.38.3-.55.44A13 13 0 0 0 1.24 7 13 13 0 0 0 2.9 8.7c1.14.97 2.58 1.8 4.1 1.8.6 0 1.18-.13 1.74-.34l.77.76c-.78.35-1.62.58-2.51.58C3.26 11.5.33 7.46.2 7.3L0 7l.2-.3Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M4.5 7c0-.32.06-.63.17-.91l3.24 3.24A2.5 2.5 0 0 1 4.5 7Zm4.83.91L6.09 4.67a2.5 2.5 0 0 1 3.24 3.24Z",
|
|
}),
|
|
),
|
|
lightning: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M2.52 6.6a.57.57 0 0 0-.17.54c.04.2.19.37.38.41l2.78.73-1.5 5c-.06.24.02.5.22.63a.5.5 0 0 0 .28.09.5.5 0 0 0 .35-.14L11.5 7.4c.14-.13.2-.34.15-.54a.53.53 0 0 0-.38-.4l-2.7-.7L10.79.78c.1-.23.04-.5-.15-.66a.5.5 0 0 0-.65 0L2.52 6.6Zm7.72.63-3.07-.8 1.85-4.14-5.2 4.51 2.94.77-1.27 4.28 4.75-4.62Zm-5.73 6.2.04.02Z",
|
|
}),
|
|
),
|
|
lightningoff: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M10.14 8.72 11.5 7.4c.14-.13.2-.34.15-.54a.53.53 0 0 0-.38-.4l-2.7-.7L10.79.78c.1-.23.04-.5-.15-.66a.5.5 0 0 0-.65 0L5.46 4.05l.71.7L9.02 2.3 7.38 5.97l.7.7 2.16.56-.8.79.7.7ZM2.52 6.6a.57.57 0 0 0-.17.54c.04.2.19.37.38.41l2.78.73-1.5 5c-.06.24.02.5.22.63a.5.5 0 0 0 .63-.05l3.84-3.74-.7-.7-2.51 2.43 1.13-3.81-.68-.69L3.8 6.8l.85-.73-.71-.7L2.52 6.6Zm-.67-5.45a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z",
|
|
}),
|
|
),
|
|
contrast: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z",
|
|
}),
|
|
),
|
|
switchalt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3 3V.5c0-.27.22-.5.5-.5h10c.28 0 .5.23.5.5v10a.5.5 0 0 1-.5.5H11v2.5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-10c0-.27.22-.5.5-.5H3Zm1 0V1h9v9h-2V3.5a.5.5 0 0 0-.5-.5H4Zm6 8v2H1V4h2v6.5c0 .28.22.5.5.5H10Zm0-1H4V4h6v6Z",
|
|
}),
|
|
),
|
|
mirror: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 12h10V2L2 12Z",
|
|
}),
|
|
),
|
|
grow: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1.5 1a.5.5 0 1 0 0 1H12v10.5a.5.5 0 0 0 1 0V2a1 1 0 0 0-1-1H1.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M1 3.5c0-.27.22-.5.5-.5H10a1 1 0 0 1 1 1v8.5a.5.5 0 0 1-1 0V4H1.5a.5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1.5 5a.5.5 0 0 0-.5.5v7c0 .28.22.5.5.5h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-7ZM2 6v6h6V6H2Z",
|
|
}),
|
|
),
|
|
paintbrush: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M11.8535.1464a.5.5 0 0 0-.7071 0L2.9827 8.3102a2.2396 2.2396 0 0 0-1.0737.599C.6772 10.141.2402 11.903.0852 12.9978 0 13.5998 0 14.0002 0 14.0002s.4004 0 1.0023-.0853c1.095-.155 2.8569-.5919 4.0887-1.8237.307-.307.5067-.6806.5992-1.0743l8.1633-8.1633a.5.5 0 0 0 0-.7071l-2-2Zm-6.253 9.546L6.543 8.75l-1.293-1.2929-.9424.9424a2.242 2.242 0 0 1 .7835.5097c.23.2302.4.4977.5095.7831ZM7.25 8.0428 12.7929 2.5 11.5 1.2071 5.957 6.75 7.25 8.0429ZM4.3839 9.6163c.4881.4882.4881 1.2796 0 1.7678-.7665.7664-1.832 1.1845-2.7791 1.403a8.6972 8.6972 0 0 1-.49.0982 8.7151 8.7151 0 0 1 .0982-.4899c.2186-.9471.6367-2.0126 1.403-2.779.4882-.4882 1.2797-.4882 1.7679 0Z",
|
|
}),
|
|
),
|
|
ruler: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1.5 1c.28 0 .5.23.5.5V2h10v-.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0V3H2v.5a.5.5 0 0 1-1 0v-2c0-.27.22-.5.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1.5 6a.5.5 0 0 0-.5.5v6c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5h-11ZM2 7v5h10V7h-1v2.5a.5.5 0 0 1-1 0V7h-.75v1a.5.5 0 0 1-1 0V7H7.5v2.5a.5.5 0 0 1-1 0V7h-.75v1a.5.5 0 0 1-1 0V7H4v2.5a.5.5 0 0 1-1 0V7H2Z",
|
|
}),
|
|
),
|
|
stop: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M4.5 4a.5.5 0 0 0-.5.5v5c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z",
|
|
}),
|
|
),
|
|
camera: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M10 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M2.5 1a.5.5 0 0 0-.5.5V2H.5a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H6v-.5a.5.5 0 0 0-.5-.5h-3ZM1 3v8h12V3H1Z",
|
|
}),
|
|
),
|
|
video: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M2.5 10a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M0 4c0-1.1.9-2 2-2h6a2 2 0 0 1 2 2v.5l3.19-2.4a.5.5 0 0 1 .81.4v9a.5.5 0 0 1-.8.4L10 9.5v.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm9 0v1.5a.5.5 0 0 0 .8.4L13 3.5v7L9.8 8.1a.5.5 0 0 0-.8.4V10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1Z",
|
|
}),
|
|
),
|
|
speaker: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1 4.50004V9.50004C1 9.77618 1.22386 10 1.5 10H4L7.17075 12.7744C7.49404 13.0573 8 12.8277 8 12.3982V1.60192C8 1.17235 7.49404 0.942757 7.17075 1.22564L4 4.00004H1.5C1.22386 4.00004 1 4.2239 1 4.50004ZM4 9.00004V5.00004H2V9.00004H4ZM4.99804 9.54456C4.99934 9.52989 5 9.51505 5 9.50004V4.50004C5 4.48504 4.99934 4.47019 4.99804 4.45552L7 2.70381V11.2963L4.99804 9.54456Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M10.1498 1.75202C9.88637 1.66927 9.60572 1.81577 9.52297 2.07922C9.44023 2.34267 9.58672 2.62332 9.85017 2.70607C11.6763 3.27963 13 4.98596 13 7.00014C13 9.01433 11.6763 10.7207 9.85017 11.2942C9.58672 11.377 9.44023 11.6576 9.52297 11.9211C9.60572 12.1845 9.88637 12.331 10.1498 12.2483C12.3808 11.5476 14 9.4636 14 7.00014C14 4.53669 12.3808 2.45272 10.1498 1.75202Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M10.2504 3.96861C10.0113 3.83033 9.70547 3.91201 9.5672 4.15105C9.42893 4.39008 9.51061 4.69594 9.74964 4.83421C10.4982 5.26723 11 6.07534 11 7.00006C11 7.92479 10.4982 8.7329 9.74964 9.16591C9.51061 9.30418 9.42893 9.61005 9.5672 9.84908C9.70547 10.0881 10.0113 10.1698 10.2504 10.0315C11.2952 9.42711 12 8.29619 12 7.00006C12 5.70394 11.2952 4.57302 10.2504 3.96861Z",
|
|
}),
|
|
),
|
|
play: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "m12.81 7.43-9.05 5.6A.5.5 0 0 1 3 12.6V1.4c0-.4.43-.63.76-.43l9.05 5.6a.5.5 0 0 1 0 .86Z",
|
|
}),
|
|
),
|
|
playback: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M11.24 12.04 3.7 7.42a.5.5 0 0 1-.2-.23v4.05a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 1.5 0V6.8a.5.5 0 0 1 .2-.23l7.54-4.6a.5.5 0 0 1 .76.42v9.22a.5.5 0 0 1-.76.43Z",
|
|
}),
|
|
),
|
|
playnext: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "m2.76 12.04 7.54-4.61a.5.5 0 0 0 .2-.23v4.05a.75.75 0 0 0 1.5 0v-8.5a.75.75 0 0 0-1.5 0V6.8a.5.5 0 0 0-.2-.23l-7.54-4.6a.5.5 0 0 0-.76.42v9.22c0 .39.43.63.76.43Z",
|
|
}),
|
|
),
|
|
rewind: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M9 2.42v2.32L13.23 2a.5.5 0 0 1 .77.42v9.16a.5.5 0 0 1-.77.42L9 9.26v2.32a.5.5 0 0 1-.77.42L1.5 7.65v3.6a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 1.5 0v3.6L8.23 2a.5.5 0 0 1 .77.42Z",
|
|
}),
|
|
),
|
|
fastforward: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5 2.42v2.32L.77 2a.5.5 0 0 0-.77.42v9.16c0 .4.44.64.77.42L5 9.26v2.32c0 .4.44.64.77.42l6.73-4.35v3.6a.75.75 0 0 0 1.5 0v-8.5a.75.75 0 0 0-1.5 0v3.6L5.77 2a.5.5 0 0 0-.77.42Z",
|
|
}),
|
|
),
|
|
stopalt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11Z",
|
|
}),
|
|
),
|
|
sidebyside: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 12V2h5v10H2Z",
|
|
}),
|
|
),
|
|
stacked: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M12.5 1c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11ZM2 2h10v5H2V2Z",
|
|
}),
|
|
),
|
|
sun: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.5.5a.5.5 0 0 0-1 0V2a.5.5 0 0 0 1 0V.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0-1a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M7 11.5c.28 0 .5.22.5.5v1.5a.5.5 0 0 1-1 0V12c0-.28.22-.5.5-.5ZM11.5 7c0-.28.22-.5.5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5ZM.5 6.5a.5.5 0 0 0 0 1H2a.5.5 0 0 0 0-1H.5ZM3.82 10.18c.2.2.2.51 0 .7l-1.06 1.07a.5.5 0 1 1-.71-.7l1.06-1.07c.2-.2.51-.2.7 0ZM11.95 2.76a.5.5 0 1 0-.7-.71l-1.07 1.06a.5.5 0 1 0 .7.7l1.07-1.05ZM10.18 10.18c.2-.2.51-.2.7 0l1.07 1.06a.5.5 0 1 1-.7.71l-1.07-1.06a.5.5 0 0 1 0-.7ZM2.76 2.05a.5.5 0 1 0-.71.7l1.06 1.07a.5.5 0 0 0 .7-.7L2.77 2.04Z",
|
|
}),
|
|
),
|
|
moon: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7.78.04a7.03 7.03 0 0 0-4.28.9 7 7 0 1 0 9.87 8.96c.1-.21-.14-.41-.36-.32a4.98 4.98 0 0 1-2 .42A5 5 0 0 1 8.53.65c.2-.12.19-.44-.04-.49a7.04 7.04 0 0 0-.72-.12Zm-1.27.98a6 6 0 0 0 4.98 9.96 6 6 0 1 1-4.98-9.96Z",
|
|
}),
|
|
),
|
|
book: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M13 2a2 2 0 0 0-2-2H1.5a.5.5 0 0 0-.5.5v13c0 .28.22.5.5.5H11a2 2 0 0 0 2-2V2ZM3 13h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H7v6a.5.5 0 0 1-.86.36L5.5 6.7l-.65.65A.5.5 0 0 1 4 7V1H3v12ZM5 1v4.8l.15-.15a.5.5 0 0 1 .74.04l.11.1V1H5Z",
|
|
}),
|
|
),
|
|
document: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M4 5.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM4.5 7.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM4 10.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1.5 0a.5.5 0 0 0-.5.5v13c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5V3.2a.5.5 0 0 0-.15-.35l-2.7-2.7A.5.5 0 0 0 9.79 0H1.5ZM2 1h7.5v2c0 .28.22.5.5.5h2V13H2V1Z",
|
|
}),
|
|
),
|
|
copy: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M11.75.07A.5.5 0 0 0 11.5 0h-6a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h8a.5.5 0 0 0 .5-.5V11h4.5a.5.5 0 0 0 .5-.5V2.51a.5.5 0 0 0-.15-.36l-2-2a.5.5 0 0 0-.1-.08ZM9 10h4V3h-1.5a.5.5 0 0 1-.5-.5V1H6v2h.5a.5.5 0 0 1 .36.15l1.99 2c.1.09.15.21.15.35v4.51ZM1 4v9h7V6H6.5a.5.5 0 0 1-.5-.5V4H1Z",
|
|
}),
|
|
),
|
|
category: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M3 1.5c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm-1 2c0-.27.22-.5.5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1 5.5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v7a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-7ZM2 12V6h10v6H2Z",
|
|
}),
|
|
),
|
|
folder: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M6.59 3.5 5.09 2H1v9h12V3.5H6.59Zm.41-1L5.8 1.3a1 1 0 0 0-.71-.3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H7Z",
|
|
}),
|
|
),
|
|
print: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M4.5 8a.5.5 0 1 0 0 1h5a.5.5 0 0 0 0-1h-5Zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M2 1.5c0-.27.22-.5.5-.5h8a.5.5 0 0 1 .36.15l.99 1c.1.09.15.21.15.35v1.51h1.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-.5.5H12v2.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10H.5a.5.5 0 0 1-.5-.5v-5c0-.28.22-.5.5-.5H2V1.5ZM13 9h-1V6.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V9H1V5h12v4Zm-2-6v1H3V2h7v.5c0 .28.22.5.5.5h.5Zm-8 9h8V7H3v5Z",
|
|
}),
|
|
),
|
|
graphline: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5.15 6.15c.2-.2.5-.2.7 0L7 7.3l2.15-2.15c.2-.2.5-.2.7 0l1 1a.5.5 0 0 1-.7.7l-.65-.64-2.15 2.15a.5.5 0 0 1-.7 0L5.5 7.2 3.85 8.86a.5.5 0 1 1-.7-.71l2-2Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1.5 1a.5.5 0 0 0-.5.5v11c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-11ZM2 2v10h10V2H2Z",
|
|
}),
|
|
),
|
|
calendar: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3.5 0c.28 0 .5.22.5.5V1h6V.5a.5.5 0 0 1 1 0V1h1.5c.28 0 .5.22.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.28.22-.5.5-.5H3V.5c0-.28.22-.5.5-.5ZM2 4v2.3h3V4H2Zm0 5.2V6.8h3v2.4H2Zm0 .5V12h3V9.7H2Zm3.5 0V12h3V9.7h-3Zm3.5 0V12h3V9.7H9Zm3-.5H9V6.8h3v2.4Zm-3.5 0h-3V6.8h3v2.4ZM9 4v2.3h3V4H9ZM5.5 6.3h3V4h-3v2.3Z",
|
|
}),
|
|
),
|
|
graphbar: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M12 2.5a.5.5 0 0 0-1 0v10a.5.5 0 0 0 1 0v-10Zm-3 2a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0v-8ZM5.5 7c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0v-5c0-.28.22-.5.5-.5ZM3 10.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2Z",
|
|
}),
|
|
),
|
|
menu: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M13 2a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h12Zm-3 3a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h9Zm1.5 3.5A.5.5 0 0 0 11 8H1a.5.5 0 0 0 0 1h10a.5.5 0 0 0 .5-.5Zm-4 2.5a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h6.5Z",
|
|
}),
|
|
),
|
|
menualt: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1 2a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H1Zm3 3a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1H4ZM2.5 8.5c0-.28.22-.5.5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Zm4 2.5a.5.5 0 0 0 0 1H13a.5.5 0 0 0 0-1H6.5Z",
|
|
}),
|
|
),
|
|
filter: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1 2a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H1Zm2 3a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1H3Zm1.5 3.5c0-.28.22-.5.5-.5h4a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm2 2.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z",
|
|
}),
|
|
),
|
|
docchart: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1 1.5C1 1.22386 1.22386 1 1.5 1H12.5C12.7761 1 13 1.22386 13 1.5V12.5C13 12.7761 12.7761 13 12.5 13H1.5C1.22386 13 1 12.7761 1 12.5V1.5ZM2 4V6.2998H5V4H2ZM2 9.2002V6.7998H5V9.2002H2ZM2 9.7002V12H5V9.7002H2ZM5.5 9.7002V12H8.5V9.7002H5.5ZM9 9.7002V12H12V9.7002H9ZM12 9.2002H9V6.7998H12V9.2002ZM8.5 9.2002H5.5V6.7998H8.5V9.2002ZM9 6.2998H12V4H9V6.2998ZM5.5 6.2998H8.5V4H5.5V6.2998Z",
|
|
}),
|
|
),
|
|
doclist: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M3.5 6.5c0-.28.22-.5.5-.5h6a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5ZM4 9a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H4Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M1 1.5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 4v8h10V4H2Z",
|
|
}),
|
|
),
|
|
markup: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M8.98 1.63a.5.5 0 0 0-.96-.26l-3 11a.5.5 0 1 0 .96.26l3-11ZM3.32 3.62a.5.5 0 0 1 .06.7L1.15 7l2.23 2.68a.5.5 0 1 1-.76.64l-2.5-3a.5.5 0 0 1 0-.64l2.5-3a.5.5 0 0 1 .7-.06Zm7.36 0a.5.5 0 0 0-.06.7L12.85 7l-2.23 2.68a.5.5 0 0 0 .76.64l2.5-3a.5.5 0 0 0 0-.64l-2.5-3a.5.5 0 0 0-.7-.06Z",
|
|
}),
|
|
),
|
|
bold: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3 2v1.5h1v7H3V12h5a3 3 0 0 0 1.8-5.4A2.74 2.74 0 0 0 8 2H3Zm5 5.5H5.5v3H8a1.5 1.5 0 1 0 0-3Zm-.25-4H5.5V6h2.25a1.25 1.25 0 1 0 0-2.5Z",
|
|
}),
|
|
),
|
|
italic: a.createElement("path", {
|
|
d: "M5 2h6v1H8.5l-2 8H9v1H3v-1h2.5l2-8H5V2Z",
|
|
}),
|
|
paperclip: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M10.55 2.27a1.5 1.5 0 0 0-2.12 0L2.78 7.92a2.5 2.5 0 0 0 3.53 3.54l3.54-3.54a.5.5 0 1 1 .7.71l-3.53 3.54a3.5 3.5 0 0 1-4.96-4.94v-.01l5.66-5.66h.01a2.5 2.5 0 0 1 3.53 3.53L5.6 10.76a1.5 1.5 0 0 1-2.12-2.12L7.02 5.1a.5.5 0 1 1 .7.7L4.2 9.34a.5.5 0 0 0 .7.7l5.66-5.65a1.5 1.5 0 0 0 0-2.12Z",
|
|
}),
|
|
),
|
|
listordered: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5 2.5c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5ZM5 7c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 7Zm.5 4a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm-3-9H1v1h1v3h1V2.5a.5.5 0 0 0-.5-.5ZM3 8.5v1a.5.5 0 0 1-1 0V9h-.5a.5.5 0 0 1 0-1h1c.28 0 .5.22.5.5Zm-1 2a.5.5 0 0 0-1 0V12h2v-1H2v-.5Z",
|
|
}),
|
|
),
|
|
listunordered: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M2.75 2.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM5.5 2a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm0 9a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7ZM2 12.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM5 7c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 7Zm-3 .75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
|
|
}),
|
|
),
|
|
paragraph: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M6 7a3 3 0 1 1 0-6h5.5a.5.5 0 0 1 0 1H10v10.5a.5.5 0 0 1-1 0V2H7v10.5a.5.5 0 0 1-1 0V7Z",
|
|
}),
|
|
),
|
|
markdown: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M2 4.5h1.5L5 6.38 6.5 4.5H8v5H6.5V7L5 8.88 3.5 7v2.5H2v-5Zm7.75 0h1.5V7h1.25l-2 2.5-2-2.5h1.25V4.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M.5 2a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H.5ZM1 3v8h12V3H1Z",
|
|
}),
|
|
),
|
|
repository: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M5 2.5C5 2.77614 4.77614 3 4.5 3C4.22386 3 4 2.77614 4 2.5C4 2.22386 4.22386 2 4.5 2C4.77614 2 5 2.22386 5 2.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M4.5 5C4.77614 5 5 4.77614 5 4.5C5 4.22386 4.77614 4 4.5 4C4.22386 4 4 4.22386 4 4.5C4 4.77614 4.22386 5 4.5 5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M5 6.5C5 6.77614 4.77614 7 4.5 7C4.22386 7 4 6.77614 4 6.5C4 6.22386 4.22386 6 4.5 6C4.77614 6 5 6.22386 5 6.5Z",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M11 0C12.1046 0 13 0.895431 13 2V12C13 13.1046 12.1046 14 11 14H1.5C1.22386 14 1 13.7761 1 13.5V0.5C1 0.223857 1.22386 0 1.5 0H11ZM11 1H3V13H11C11.5523 13 12 12.5523 12 12V2C12 1.44772 11.5523 1 11 1Z",
|
|
}),
|
|
),
|
|
commit: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M3.03 7.5a4 4 0 0 0 7.94 0h2.53a.5.5 0 0 0 0-1h-2.53a4 4 0 0 0-7.94 0H.5a.5.5 0 0 0 0 1h2.53ZM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z",
|
|
}),
|
|
),
|
|
branch: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M6 2.5c0 .65-.42 1.2-1 1.41v4.06A3.36 3.36 0 0 1 7.5 7a2.7 2.7 0 0 0 1.81-.56c.22-.18.38-.4.48-.62a1.5 1.5 0 1 1 1.03.15c-.16.42-.43.87-.86 1.24-.57.47-1.37.79-2.46.79-1.04 0-1.64.42-2 .92-.26.37-.4.8-.47 1.18A1.5 1.5 0 1 1 4 10.09V3.9a1.5 1.5 0 1 1 2-1.4Zm-2 9a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm1-9a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm6 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z",
|
|
}),
|
|
),
|
|
pullrequest: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M8.35 1.35 7.71 2h.79A2.5 2.5 0 0 1 11 4.5v5.59a1.5 1.5 0 1 1-1 0V4.5C10 3.67 9.33 3 8.5 3h-.8l.65.65a.5.5 0 1 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7ZM11 11.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4 3.91a1.5 1.5 0 1 0-1 0v6.18a1.5 1.5 0 1 0 1 0V3.9ZM3.5 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm0-8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z",
|
|
}),
|
|
),
|
|
merge: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M4.1 3.87a1.5 1.5 0 1 0-1.1.04v6.18a1.5 1.5 0 1 0 1 0V6.4c.26.4.57.77.93 1.08A6.57 6.57 0 0 0 9.08 9a1.5 1.5 0 1 0 0-1 5.57 5.57 0 0 1-3.5-1.25 4.74 4.74 0 0 1-1.47-2.87ZM3.5 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1ZM4 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm7 6a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z",
|
|
}),
|
|
),
|
|
apple: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M11.03 8.1a3.05 3.05 0 0 1-.2-1.74 2.7 2.7 0 0 1 1.4-1.94 3.13 3.13 0 0 0-2.35-1.4c-.84-.08-2.01.56-2.65.57h-.02c-.63 0-1.81-.65-2.64-.57-.42.04-1.75.32-2.55 1.6-.28.44-.5 1.01-.58 1.74a6.36 6.36 0 0 0 .02 1.74 7.5 7.5 0 0 0 1.35 3.33c.7 1.01 1.51 1.6 1.97 1.6.93.02 1.74-.6 2.41-.6l.02.01h.04c.67-.02 1.48.61 2.42.6.45-.02 1.26-.6 1.97-1.6a7.95 7.95 0 0 0 .97-1.86 2.6 2.6 0 0 1-1.58-1.48ZM8.86 2.13c.72-.85.7-2.07.63-2.12-.07-.06-1.25.16-1.99.98a2.78 2.78 0 0 0-.62 2.13c.06.05 1.27-.14 1.98-.99Z",
|
|
}),
|
|
),
|
|
linux: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M7 0a3 3 0 0 1 3 3v1.24c.13.13.25.27.36.42l.52.43.2.15c.32.26.7.59 1.09.97A6.28 6.28 0 0 1 14 9.54a.5.5 0 0 1-.35.44c-.31.1-.8.18-1.34.13-.33-.03-.7-.12-1.05-.3-.04.17-.1.34-.17.51a2 2 0 1 1-2.89 2.56 5.5 5.5 0 0 1-2.4 0 2 2 0 1 1-2.9-2.56 5.56 5.56 0 0 1-.16-.51c-.35.18-.72.27-1.05.3a3.4 3.4 0 0 1-1.34-.13.5.5 0 0 1-.35-.44l.01-.14a6.28 6.28 0 0 1 1.82-3.2 13.42 13.42 0 0 1 1.3-1.11c.22-.19.4-.32.5-.43.12-.15.24-.29.37-.42V3a3 3 0 0 1 3-3Zm1 11.9a2 2 0 0 1 2.14-1.9 5.5 5.5 0 0 0 .36-2c0-.51-.1-1.07-.3-1.6l-.03-.02a4.4 4.4 0 0 0-.86-.42 6.71 6.71 0 0 0-1-.31l-.86.64c-.27.2-.63.2-.9 0l-.85-.64a6.72 6.72 0 0 0-1.87.73l-.03.02A4.6 4.6 0 0 0 3.5 8c0 .68.11 1.39.36 2H4a2 2 0 0 1 2 1.9 4.49 4.49 0 0 0 2 0ZM5 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm6 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.1 4.3a1.5 1.5 0 0 1 1.8 0l.27.2L7 5.38 5.83 4.5l.27-.2ZM8.5 2c.28 0 .5.22.5.5V3a.5.5 0 0 1-1 0v-.5c0-.28.22-.5.5-.5ZM6 2.5a.5.5 0 0 0-1 0V3a.5.5 0 0 0 1 0v-.5Z",
|
|
}),
|
|
),
|
|
ubuntu: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M12.26 2.07c0 1.14-.89 2.06-1.99 2.06s-1.99-.92-1.99-2.06c0-1.14.9-2.07 2-2.07s1.98.93 1.98 2.07ZM3.98 6.6c0 1.14-.9 2.07-2 2.07C.9 8.67 0 7.74 0 6.6c0-1.14.9-2.07 1.99-2.07 1.1 0 1.99.93 1.99 2.07ZM6.47 11.92a4.76 4.76 0 0 1-3.3-2.62c-.53.25-1.12.33-1.7.22a6.72 6.72 0 0 0 1.84 2.63 6.38 6.38 0 0 0 4.24 1.58c-.37-.5-.57-1.1-.59-1.73a4.77 4.77 0 0 1-.49-.08ZM11.81 11.93c0 1.14-.89 2.07-1.99 2.07s-1.98-.93-1.98-2.07c0-1.14.89-2.06 1.98-2.06 1.1 0 2 .92 2 2.06ZM12.6 11.17a6.93 6.93 0 0 0 .32-7.93A2.95 2.95 0 0 1 11.8 4.6a5.23 5.23 0 0 1-.16 5.03c.47.4.8.94.95 1.54ZM1.99 3.63h-.15A6.48 6.48 0 0 1 8 .24a3.07 3.07 0 0 0-.6 1.68 4.7 4.7 0 0 0-3.9 2.17c-.46-.3-.98-.45-1.51-.45Z",
|
|
}),
|
|
),
|
|
windows: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M6.5 1H1v5.5h5.5V1ZM13 1H7.5v5.5H13V1ZM7.5 7.5H13V13H7.5V7.5ZM6.5 7.5H1V13h5.5V7.5Z",
|
|
}),
|
|
),
|
|
storybook: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M2.04.62a.7.7 0 0 0-.66.72l.44 11.56c.01.37.3.66.67.68l9.4.42h.02a.7.7 0 0 0 .7-.7V.66a.7.7 0 0 0-.74-.66l-.77.05.05 1.62a.1.1 0 0 1-.17.08l-.52-.4-.61.46a.1.1 0 0 1-.17-.09L9.75.13l-7.7.49Zm8 4.74c-.24.2-2.09.33-2.09.05.04-1.04-.43-1.09-.69-1.09-.24 0-.66.08-.66.64 0 .57.6.89 1.32 1.27 1.02.53 2.24 1.18 2.24 2.82 0 1.57-1.27 2.43-2.9 2.43-1.67 0-3.14-.68-2.97-3.03.06-.27 2.2-.2 2.2 0-.03.97.19 1.26.75 1.26.43 0 .62-.24.62-.64 0-.6-.63-.95-1.36-1.36-.99-.56-2.15-1.2-2.15-2.7 0-1.5 1.03-2.5 2.86-2.5 1.83 0 2.84.99 2.84 2.85Z",
|
|
}),
|
|
),
|
|
azuredevops: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "m0 5.18 1.31-1.73 4.9-2V.01l4.3 3.15-8.78 1.7v4.8L0 9.16V5.18Zm14-2.6v8.55l-3.36 2.86-5.42-1.79V14L1.73 9.66l8.78 1.05V3.16L14 2.58Z",
|
|
}),
|
|
),
|
|
bitbucket: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M1 1.52A.41.41 0 0 0 .59 2l1.74 10.6c.05.26.28.46.55.46h8.37c.2 0 .38-.14.42-.34l1.01-6.25H8.81l-.46 2.71H5.68L4.95 5.4h7.91L13.4 2a.41.41 0 0 0-.41-.48H1Z",
|
|
}),
|
|
),
|
|
chrome: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M13.02 3.43a.11.11 0 0 1-.1.17H7a3.4 3.4 0 0 0-3.3 2.55.11.11 0 0 1-.21.03L1.52 2.76a.11.11 0 0 1 0-.12 6.97 6.97 0 0 1 9-1.7c1.03.6 1.9 1.47 2.5 2.5ZM7 9.62a2.62 2.62 0 1 1 0-5.24 2.62 2.62 0 0 1 0 5.24Zm1.03.7a.11.11 0 0 0-.12-.04 3.4 3.4 0 0 1-4-1.84L1.1 3.57a.11.11 0 0 0-.2 0 7 7 0 0 0 5.07 10.35c.04 0 .08-.02.1-.05l1.97-3.42a.11.11 0 0 0 0-.13Zm1.43-5.95h3.95c.05 0 .1.03.1.07a6.97 6.97 0 0 1-1.53 7.48A6.96 6.96 0 0 1 7.08 14a.11.11 0 0 1-.1-.17l2.81-4.88h.01a3.38 3.38 0 0 0-.42-4.38.11.11 0 0 1 .08-.2Z",
|
|
}),
|
|
),
|
|
chromatic: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M0 7a7 7 0 1 0 14 0A7 7 0 0 0 0 7Zm5.22-3.87a1.97 1.97 0 0 1 3.75.83v1.29L5.61 3.32a2.49 2.49 0 0 0-.4-.19ZM8.7 5.71 5.35 3.78a1.97 1.97 0 0 0-2.6 2.83c.12-.1.24-.18.37-.26l1.51-.87a.27.27 0 0 1 .27 0L7 6.69l1.7-.98Zm-.32 4.97-1.52-.87a.27.27 0 0 1-.13-.23V7.15l-1.7-.97v3.86a1.97 1.97 0 0 0 3.75.83 2.5 2.5 0 0 1-.4-.19Zm.26-.46a1.97 1.97 0 0 0 2.6-2.83c-.11.1-.23.18-.36.26L7.53 9.58l1.11.64Zm-4.1.26h-.17a1.97 1.97 0 0 1-1.9-2.47 2 2 0 0 1 .92-1.2l1.11-.63v3.86c0 .14.01.29.04.44Zm6.79-5.98a1.97 1.97 0 0 0-1.87-.97c.03.14.04.29.04.43v1.75c0 .1-.05.19-.14.23l-2.1 1.22V9.1l3.35-1.93a1.97 1.97 0 0 0 .72-2.68Z",
|
|
}),
|
|
),
|
|
componentdriven: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M10.85 2.18 8.87.2a.69.69 0 0 0-.97 0L3.09 5.01a.69.69 0 0 0 0 .97l2.46 2.46-2.4 2.4a.69.69 0 0 0 0 .98l1.98 1.98c.27.27.7.27.97 0l4.8-4.81a.69.69 0 0 0 0-.97L8.45 5.56l2.4-2.4a.69.69 0 0 0 0-.98Z",
|
|
}),
|
|
),
|
|
discord: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M11.85 2.88C10.95 2.48 10 2.18 9 2a7.05 7.05 0 0 0-.4.75 10.66 10.66 0 0 0-3.2 0c-.1-.23-.24-.5-.36-.73A.04.04 0 0 0 4.99 2a11.51 11.51 0 0 0-2.86.9 11.82 11.82 0 0 0-2.05 8 11.6 11.6 0 0 0 3.5 1.77c.01 0 .03 0 .04-.02.27-.36.51-.75.72-1.16a.04.04 0 0 0-.03-.06 7.66 7.66 0 0 1-1.09-.52.04.04 0 0 1 0-.08 5.96 5.96 0 0 0 .26-.17 8.28 8.28 0 0 0 7.08 0l.22.17c.02.02.02.06 0 .08-.36.2-.72.37-1.1.52a.04.04 0 0 0-.02.06c.2.4.45.8.71 1.16.01.02.03.02.05.02a11.57 11.57 0 0 0 3.52-1.8 11.74 11.74 0 0 0-2.09-7.99Zm-7.17 6.4c-.7 0-1.26-.63-1.26-1.41 0-.78.56-1.41 1.26-1.41s1.27.64 1.26 1.4c0 .79-.56 1.42-1.26 1.42Zm4.65 0c-.69 0-1.26-.63-1.26-1.41 0-.78.56-1.41 1.26-1.41s1.27.64 1.26 1.4c0 .79-.55 1.42-1.26 1.42Z",
|
|
}),
|
|
),
|
|
facebook: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.4 14H5.06V7H3.5V4.59h1.56V3.17C5.06 1.2 5.53 0 7.6 0h1.72v2.41H8.25c-.8 0-.85.34-.85.97v1.2h1.93L9.11 7H7.4l-.01 7Z",
|
|
}),
|
|
),
|
|
figma: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
d: "M9.2 0H4.8a2.6 2.6 0 0 0-1.4 4.8 2.6 2.6 0 0 0 0 4.4 2.6 2.6 0 1 0 4 2.2V8.89a2.6 2.6 0 1 0 3.2-4.09A2.6 2.6 0 0 0 9.2 0ZM7.4 7A1.8 1.8 0 1 0 11 7a1.8 1.8 0 0 0-3.6 0Zm-.8 2.6H4.8a1.8 1.8 0 1 0 1.8 1.8V9.6ZM4.8 4.4h1.8V.8H4.8a1.8 1.8 0 0 0 0 3.59Zm0 .8a1.8 1.8 0 0 0 0 3.6h1.8V5.2H4.8Zm4.4-.8H7.4V.8h1.8a1.8 1.8 0 1 1 0 3.59Z",
|
|
}),
|
|
),
|
|
gdrive: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M6.37 8.77 4.33 12.3h6.75l2.04-3.54H6.38Zm6.18-1-3.5-6.08h-4.1l3.51 6.08h4.09ZM4.38 2.7.88 8.77l2.04 3.54 3.5-6.07L4.38 2.7Z",
|
|
}),
|
|
),
|
|
github: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7 0a7 7 0 0 0-2.21 13.64c.35.06.48-.15.48-.33L5.26 12c-1.76.32-2.21-.43-2.35-.83-.08-.2-.43-.82-.72-.99-.25-.13-.6-.45-.01-.46.55 0 .94.5 1.07.72.63 1.06 1.64.76 2.04.58.07-.46.25-.77.45-.94-1.56-.18-3.19-.78-3.19-3.46 0-.76.28-1.39.72-1.88-.07-.17-.31-.9.07-1.85 0 0 .59-.19 1.93.71a6.5 6.5 0 0 1 3.5 0c1.34-.9 1.92-.71 1.92-.71.39.96.14 1.68.07 1.85.45.5.72 1.11.72 1.88 0 2.69-1.64 3.28-3.2 3.46.26.22.48.64.48 1.3l-.01 1.92c0 .18.13.4.48.33A7.01 7.01 0 0 0 7 0Z",
|
|
}),
|
|
),
|
|
gitlab: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M4.53 5.58H1.07l1.49-4.55a.26.26 0 0 1 .48 0l1.49 4.55ZM7 13.15 1.07 5.58l-.75 2.3a.5.5 0 0 0 .18.57l6.5 4.7Zm0 0 6.5-4.7a.5.5 0 0 0 .18-.57l-.75-2.3L7 13.15l2.47-7.57H4.53L7 13.15Zm2.47-7.57h3.46l-1.49-4.55a.26.26 0 0 0-.48 0L9.47 5.58Z",
|
|
}),
|
|
),
|
|
google: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M10.92 1.1H7.26c-1.64 0-3.19 1.24-3.19 2.68 0 1.47 1.12 2.66 2.8 2.66l.33-.01c-.1.2-.18.44-.18.68 0 .41.22.75.5 1.02h-.64c-2.03 0-3.6 1.3-3.6 2.64 0 1.32 1.72 2.15 3.75 2.15 2.32 0 3.6-1.31 3.6-2.64 0-1.06-.31-1.7-1.28-2.38-.33-.23-.96-.8-.96-1.14 0-.39.1-.58.7-1.04a2.46 2.46 0 0 0 1.03-1.92c0-.92-.4-1.82-1.18-2.11h1.17l.81-.6ZM9.6 10.04c.03.13.05.25.05.38 0 1.07-.7 1.9-2.67 1.9-1.4 0-2.42-.88-2.42-1.95 0-1.05 1.26-1.92 2.66-1.9a3 3 0 0 1 .92.14c.76.53 1.3.83 1.46 1.43ZM7.34 6.07c-.94-.03-1.84-1.06-2-2.3-.17-1.24.47-2.19 1.41-2.16.94.03 1.84 1.03 2 2.26.17 1.24-.47 2.23-1.41 2.2Z",
|
|
}),
|
|
),
|
|
graphql: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M7.87 11.6a1.17 1.17 0 0 0-1.7-.02l-2.71-1.56.01-.04h7.07l.02.07-2.69 1.56Zm-1.7-9.18.03.03-3.54 6.12h-.04V5.43a1.17 1.17 0 0 0 .84-1.46l2.7-1.56Zm4.38 1.56a1.17 1.17 0 0 0 .84 1.46v3.12l-.04.01-3.54-6.12c.02 0 .03-.02.04-.03l2.7 1.56ZM3.47 9.42a1.17 1.17 0 0 0-.32-.57l3.53-6.12a1.17 1.17 0 0 0 .65 0l3.54 6.12a1.17 1.17 0 0 0-.33.57H3.47Zm8.8-.74c-.1-.05-.21-.1-.32-.12V5.44a1.17 1.17 0 1 0-1.12-1.94l-2.7-1.56a1.17 1.17 0 1 0-2.24 0L3.19 3.5a1.17 1.17 0 1 0-1.13 1.94v3.12a1.17 1.17 0 1 0 1.12 1.94l2.7 1.56a1.17 1.17 0 1 0 2.24-.03l2.69-1.55a1.17 1.17 0 1 0 1.45-1.8Z",
|
|
}),
|
|
),
|
|
medium: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M0 0v14h14V0H0Zm11.63 3.32-.75.72a.22.22 0 0 0-.08.2v5.33c0 .07.03.14.08.18l.73.72v.16H7.92v-.16l.76-.74c.08-.07.08-.1.08-.21V5.24l-2.11 5.37h-.29L3.9 5.24v3.67c0 .13.05.25.14.34l.99 1.2v.16h-2.8v-.16l.98-1.2a.48.48 0 0 0 .13-.41V4.65c0-.11-.04-.2-.12-.27l-.88-1.06v-.16h2.73l2.1 4.62 1.86-4.62h2.6v.16Z",
|
|
}),
|
|
),
|
|
redux: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M4.06 9.69c.02.49.42.88.91.88H5a.91.91 0 0 0-.03-1.83h-.03c-.03 0-.08 0-.11.02a5.97 5.97 0 0 1-.85-3.62c.06-.98.39-1.82.96-2.52.47-.6 1.39-.9 2-.92 1.73-.03 2.47 2.12 2.51 2.99.22.04.57.16.82.24-.2-2.64-1.83-4-3.4-4-1.46 0-2.81 1.05-3.35 2.61a6.67 6.67 0 0 0 .65 5.68.74.74 0 0 0-.11.47Zm8.28-2.3a6.62 6.62 0 0 0-5.15-2.25h-.26a.9.9 0 0 0-.8-.49H6.1a.91.91 0 0 0 .03 1.83h.03a.92.92 0 0 0 .8-.56h.3c1.23 0 2.4.36 3.47 1.06.81.54 1.4 1.24 1.72 2.09.28.68.26 1.35-.03 1.92a2.4 2.4 0 0 1-2.23 1.34c-.65 0-1.27-.2-1.6-.34-.18.16-.5.42-.73.58.7.33 1.41.5 2.1.5 1.56 0 2.72-.85 3.16-1.72.47-.94.44-2.57-.78-3.96ZM4.9 12.9a4 4 0 0 1-.98.11c-1.2 0-2.3-.5-2.84-1.32C.38 10.6.13 8.3 2.5 6.58c.05.26.15.62.22.83-.31.23-.8.68-1.11 1.3a2.4 2.4 0 0 0 .13 2.53c.36.54.93.86 1.66.96.9.11 1.8-.05 2.66-.5a5.83 5.83 0 0 0 2.67-2.56.91.91 0 0 1 .62-1.55h.03a.92.92 0 0 1 .1 1.82 6.26 6.26 0 0 1-4.56 3.49Z",
|
|
}),
|
|
),
|
|
twitter: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M14 2.55c-.51.23-1.07.39-1.65.46.6-.36 1.05-.94 1.26-1.63-.55.34-1.17.58-1.82.72a2.84 2.84 0 0 0-2.1-.93 2.9 2.9 0 0 0-2.8 3.61 8.09 8.09 0 0 1-5.9-3.07 2.99 2.99 0 0 0 .88 3.93 2.8 2.8 0 0 1-1.3-.37v.04c0 1.42 1 2.61 2.3 2.89a2.82 2.82 0 0 1-1.3.05 2.89 2.89 0 0 0 2.7 2.04A5.67 5.67 0 0 1 0 11.51a7.98 7.98 0 0 0 4.4 1.32c5.29 0 8.17-4.48 8.17-8.38v-.38A5.93 5.93 0 0 0 14 2.55Z",
|
|
}),
|
|
),
|
|
youtube: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M13.99 8.17V5.83a14.95 14.95 0 0 0-.23-2.22c-.09-.38-.27-.7-.55-.96s-.6-.41-.97-.45A51.3 51.3 0 0 0 7 2c-2.34 0-4.09.07-5.24.2A1.78 1.78 0 0 0 .25 3.61 15.26 15.26 0 0 0 0 7v1.16a15.24 15.24 0 0 0 .24 2.22c.09.38.27.7.55.96.27.26.6.41.97.45 1.15.13 2.9.2 5.24.2 2.34 0 4.08-.06 5.24-.2.37-.04.7-.19.97-.45s.45-.58.54-.96a15.26 15.26 0 0 0 .24-2.22Zm-4.23-1.6c.16.1.24.24.24.43 0 .2-.08.33-.24.42l-4 2.5a.44.44 0 0 1-.26.08.54.54 0 0 1-.24-.06A.46.46 0 0 1 5 9.5v-5c0-.2.08-.34.26-.44.17-.1.34-.09.5.02l4 2.5Z",
|
|
}),
|
|
),
|
|
linkedin: a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M11.6667 13H2.33333C1.59695 13 1 12.403 1 11.6667V2.33333C1 1.59695 1.59695 1 2.33333 1H11.6667C12.403 1 13 1.59695 13 2.33333V11.6667C13 12.403 12.403 13 11.6667 13ZM9.55293 11.3333H11.3337V7.67516C11.3337 6.12737 10.4563 5.379 9.23075 5.379C8.00467 5.379 7.48867 6.33378 7.48867 6.33378V5.55552H5.77255V11.3333H7.48867V8.30031C7.48867 7.48764 7.86276 7.00405 8.57878 7.00405C9.23696 7.00405 9.55293 7.46875 9.55293 8.30031V11.3333ZM2.66699 3.73279C2.66699 4.32157 3.14067 4.79896 3.72522 4.79896C4.30977 4.79896 4.78316 4.32157 4.78316 3.73279C4.78316 3.14402 4.30977 2.66663 3.72522 2.66663C3.14067 2.66663 2.66699 3.14402 2.66699 3.73279ZM4.62856 11.3333H2.83908V5.55552H4.62856V11.3333Z",
|
|
fill: "#1EA7FD",
|
|
}),
|
|
vscode: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M10.24.04c.13 0 .26.03.38.09L13.5 1.5a.87.87 0 0 1 .5.8v.03-.01 9.39c0 .33-.2.63-.5.78l-2.88 1.38a.87.87 0 0 1-1-.17l-5.5-5.03-2.4 1.83a.58.58 0 0 1-.75-.04l-.77-.7a.58.58 0 0 1 0-.86L2.27 7 .2 5.1a.58.58 0 0 1 0-.86l.77-.7c.21-.2.52-.2.75-.04l2.4 1.83L9.63.3a.87.87 0 0 1 .61-.26Zm.26 3.78L6.32 7l4.18 3.18V3.82Z",
|
|
}),
|
|
),
|
|
},
|
|
t5 = k.svg({
|
|
display: "inline-block",
|
|
shapeRendering: "inherit",
|
|
transform: "translate3d(0, 0, 0)",
|
|
verticalAlign: "middle",
|
|
path: { fill: "currentColor" },
|
|
}),
|
|
Gi = ({ icon: e, ...t }) =>
|
|
a.createElement(
|
|
t5,
|
|
{ viewBox: "0 0 14 14", width: "14px", height: "14px", ...t },
|
|
a.createElement(a.Fragment, null, e5[e]),
|
|
);
|
|
function Pa() {
|
|
return (
|
|
(Pa = Object.assign
|
|
? Object.assign.bind()
|
|
: function (e) {
|
|
for (var t = 1; t < arguments.length; t++) {
|
|
var n = arguments[t];
|
|
for (var r in n)
|
|
({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
|
|
}
|
|
return e;
|
|
}),
|
|
Pa.apply(null, arguments)
|
|
);
|
|
}
|
|
function n5(e) {
|
|
if (e === void 0)
|
|
throw new ReferenceError(
|
|
"this hasn't been initialised - super() hasn't been called",
|
|
);
|
|
return e;
|
|
}
|
|
function Un(e, t) {
|
|
return (
|
|
(Un = Object.setPrototypeOf
|
|
? Object.setPrototypeOf.bind()
|
|
: function (n, r) {
|
|
return ((n.__proto__ = r), n);
|
|
}),
|
|
Un(e, t)
|
|
);
|
|
}
|
|
function a5(e, t) {
|
|
((e.prototype = Object.create(t.prototype)),
|
|
(e.prototype.constructor = e),
|
|
Un(e, t));
|
|
}
|
|
function pi(e) {
|
|
return (
|
|
(pi = Object.setPrototypeOf
|
|
? Object.getPrototypeOf.bind()
|
|
: function (t) {
|
|
return t.__proto__ || Object.getPrototypeOf(t);
|
|
}),
|
|
pi(e)
|
|
);
|
|
}
|
|
function r5(e) {
|
|
try {
|
|
return Function.toString.call(e).indexOf("[native code]") !== -1;
|
|
} catch {
|
|
return typeof e == "function";
|
|
}
|
|
}
|
|
function K1() {
|
|
try {
|
|
var e = !Boolean.prototype.valueOf.call(
|
|
Reflect.construct(Boolean, [], function () {}),
|
|
);
|
|
} catch {}
|
|
return (K1 = function () {
|
|
return !!e;
|
|
})();
|
|
}
|
|
function i5(e, t, n) {
|
|
if (K1()) return Reflect.construct.apply(null, arguments);
|
|
var r = [null];
|
|
r.push.apply(r, t);
|
|
var i = new (e.bind.apply(e, r))();
|
|
return (n && Un(i, n.prototype), i);
|
|
}
|
|
function hi(e) {
|
|
var t = typeof Map == "function" ? new Map() : void 0;
|
|
return (
|
|
(hi = function (n) {
|
|
if (n === null || !r5(n)) return n;
|
|
if (typeof n != "function")
|
|
throw new TypeError(
|
|
"Super expression must either be null or a function",
|
|
);
|
|
if (t !== void 0) {
|
|
if (t.has(n)) return t.get(n);
|
|
t.set(n, r);
|
|
}
|
|
function r() {
|
|
return i5(n, arguments, pi(this).constructor);
|
|
}
|
|
return (
|
|
(r.prototype = Object.create(n.prototype, {
|
|
constructor: {
|
|
value: r,
|
|
enumerable: !1,
|
|
writable: !0,
|
|
configurable: !0,
|
|
},
|
|
})),
|
|
Un(r, n)
|
|
);
|
|
}),
|
|
hi(e)
|
|
);
|
|
}
|
|
var rt = (function (e) {
|
|
a5(t, e);
|
|
function t(n) {
|
|
var r;
|
|
return (
|
|
(r =
|
|
e.call(
|
|
this,
|
|
"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" +
|
|
n +
|
|
" for more information.",
|
|
) || this),
|
|
n5(r)
|
|
);
|
|
}
|
|
return t;
|
|
})(hi(Error));
|
|
function jr(e) {
|
|
return Math.round(e * 255);
|
|
}
|
|
function l5(e, t, n) {
|
|
return jr(e) + "," + jr(t) + "," + jr(n);
|
|
}
|
|
function $n(e, t, n, r) {
|
|
if ((r === void 0 && (r = l5), t === 0)) return r(n, n, n);
|
|
var i = (((e % 360) + 360) % 360) / 60,
|
|
l = (1 - Math.abs(2 * n - 1)) * t,
|
|
o = l * (1 - Math.abs((i % 2) - 1)),
|
|
s = 0,
|
|
d = 0,
|
|
c = 0;
|
|
i >= 0 && i < 1
|
|
? ((s = l), (d = o))
|
|
: i >= 1 && i < 2
|
|
? ((s = o), (d = l))
|
|
: i >= 2 && i < 3
|
|
? ((d = l), (c = o))
|
|
: i >= 3 && i < 4
|
|
? ((d = o), (c = l))
|
|
: i >= 4 && i < 5
|
|
? ((s = o), (c = l))
|
|
: i >= 5 && i < 6 && ((s = l), (c = o));
|
|
var u = n - l / 2,
|
|
m = s + u,
|
|
p = d + u,
|
|
v = c + u;
|
|
return r(m, p, v);
|
|
}
|
|
var oo = {
|
|
aliceblue: "f0f8ff",
|
|
antiquewhite: "faebd7",
|
|
aqua: "00ffff",
|
|
aquamarine: "7fffd4",
|
|
azure: "f0ffff",
|
|
beige: "f5f5dc",
|
|
bisque: "ffe4c4",
|
|
black: "000",
|
|
blanchedalmond: "ffebcd",
|
|
blue: "0000ff",
|
|
blueviolet: "8a2be2",
|
|
brown: "a52a2a",
|
|
burlywood: "deb887",
|
|
cadetblue: "5f9ea0",
|
|
chartreuse: "7fff00",
|
|
chocolate: "d2691e",
|
|
coral: "ff7f50",
|
|
cornflowerblue: "6495ed",
|
|
cornsilk: "fff8dc",
|
|
crimson: "dc143c",
|
|
cyan: "00ffff",
|
|
darkblue: "00008b",
|
|
darkcyan: "008b8b",
|
|
darkgoldenrod: "b8860b",
|
|
darkgray: "a9a9a9",
|
|
darkgreen: "006400",
|
|
darkgrey: "a9a9a9",
|
|
darkkhaki: "bdb76b",
|
|
darkmagenta: "8b008b",
|
|
darkolivegreen: "556b2f",
|
|
darkorange: "ff8c00",
|
|
darkorchid: "9932cc",
|
|
darkred: "8b0000",
|
|
darksalmon: "e9967a",
|
|
darkseagreen: "8fbc8f",
|
|
darkslateblue: "483d8b",
|
|
darkslategray: "2f4f4f",
|
|
darkslategrey: "2f4f4f",
|
|
darkturquoise: "00ced1",
|
|
darkviolet: "9400d3",
|
|
deeppink: "ff1493",
|
|
deepskyblue: "00bfff",
|
|
dimgray: "696969",
|
|
dimgrey: "696969",
|
|
dodgerblue: "1e90ff",
|
|
firebrick: "b22222",
|
|
floralwhite: "fffaf0",
|
|
forestgreen: "228b22",
|
|
fuchsia: "ff00ff",
|
|
gainsboro: "dcdcdc",
|
|
ghostwhite: "f8f8ff",
|
|
gold: "ffd700",
|
|
goldenrod: "daa520",
|
|
gray: "808080",
|
|
green: "008000",
|
|
greenyellow: "adff2f",
|
|
grey: "808080",
|
|
honeydew: "f0fff0",
|
|
hotpink: "ff69b4",
|
|
indianred: "cd5c5c",
|
|
indigo: "4b0082",
|
|
ivory: "fffff0",
|
|
khaki: "f0e68c",
|
|
lavender: "e6e6fa",
|
|
lavenderblush: "fff0f5",
|
|
lawngreen: "7cfc00",
|
|
lemonchiffon: "fffacd",
|
|
lightblue: "add8e6",
|
|
lightcoral: "f08080",
|
|
lightcyan: "e0ffff",
|
|
lightgoldenrodyellow: "fafad2",
|
|
lightgray: "d3d3d3",
|
|
lightgreen: "90ee90",
|
|
lightgrey: "d3d3d3",
|
|
lightpink: "ffb6c1",
|
|
lightsalmon: "ffa07a",
|
|
lightseagreen: "20b2aa",
|
|
lightskyblue: "87cefa",
|
|
lightslategray: "789",
|
|
lightslategrey: "789",
|
|
lightsteelblue: "b0c4de",
|
|
lightyellow: "ffffe0",
|
|
lime: "0f0",
|
|
limegreen: "32cd32",
|
|
linen: "faf0e6",
|
|
magenta: "f0f",
|
|
maroon: "800000",
|
|
mediumaquamarine: "66cdaa",
|
|
mediumblue: "0000cd",
|
|
mediumorchid: "ba55d3",
|
|
mediumpurple: "9370db",
|
|
mediumseagreen: "3cb371",
|
|
mediumslateblue: "7b68ee",
|
|
mediumspringgreen: "00fa9a",
|
|
mediumturquoise: "48d1cc",
|
|
mediumvioletred: "c71585",
|
|
midnightblue: "191970",
|
|
mintcream: "f5fffa",
|
|
mistyrose: "ffe4e1",
|
|
moccasin: "ffe4b5",
|
|
navajowhite: "ffdead",
|
|
navy: "000080",
|
|
oldlace: "fdf5e6",
|
|
olive: "808000",
|
|
olivedrab: "6b8e23",
|
|
orange: "ffa500",
|
|
orangered: "ff4500",
|
|
orchid: "da70d6",
|
|
palegoldenrod: "eee8aa",
|
|
palegreen: "98fb98",
|
|
paleturquoise: "afeeee",
|
|
palevioletred: "db7093",
|
|
papayawhip: "ffefd5",
|
|
peachpuff: "ffdab9",
|
|
peru: "cd853f",
|
|
pink: "ffc0cb",
|
|
plum: "dda0dd",
|
|
powderblue: "b0e0e6",
|
|
purple: "800080",
|
|
rebeccapurple: "639",
|
|
red: "f00",
|
|
rosybrown: "bc8f8f",
|
|
royalblue: "4169e1",
|
|
saddlebrown: "8b4513",
|
|
salmon: "fa8072",
|
|
sandybrown: "f4a460",
|
|
seagreen: "2e8b57",
|
|
seashell: "fff5ee",
|
|
sienna: "a0522d",
|
|
silver: "c0c0c0",
|
|
skyblue: "87ceeb",
|
|
slateblue: "6a5acd",
|
|
slategray: "708090",
|
|
slategrey: "708090",
|
|
snow: "fffafa",
|
|
springgreen: "00ff7f",
|
|
steelblue: "4682b4",
|
|
tan: "d2b48c",
|
|
teal: "008080",
|
|
thistle: "d8bfd8",
|
|
tomato: "ff6347",
|
|
turquoise: "40e0d0",
|
|
violet: "ee82ee",
|
|
wheat: "f5deb3",
|
|
white: "fff",
|
|
whitesmoke: "f5f5f5",
|
|
yellow: "ff0",
|
|
yellowgreen: "9acd32",
|
|
};
|
|
function o5(e) {
|
|
if (typeof e != "string") return e;
|
|
var t = e.toLowerCase();
|
|
return oo[t] ? "#" + oo[t] : e;
|
|
}
|
|
var s5 = /^#[a-fA-F0-9]{6}$/,
|
|
d5 = /^#[a-fA-F0-9]{8}$/,
|
|
c5 = /^#[a-fA-F0-9]{3}$/,
|
|
u5 = /^#[a-fA-F0-9]{4}$/,
|
|
Dr =
|
|
/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,
|
|
m5 =
|
|
/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,
|
|
p5 =
|
|
/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,
|
|
h5 =
|
|
/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
|
|
function J1(e) {
|
|
if (typeof e != "string") throw new rt(3);
|
|
var t = o5(e);
|
|
if (t.match(s5))
|
|
return {
|
|
red: parseInt("" + t[1] + t[2], 16),
|
|
green: parseInt("" + t[3] + t[4], 16),
|
|
blue: parseInt("" + t[5] + t[6], 16),
|
|
};
|
|
if (t.match(d5)) {
|
|
var n = parseFloat((parseInt("" + t[7] + t[8], 16) / 255).toFixed(2));
|
|
return {
|
|
red: parseInt("" + t[1] + t[2], 16),
|
|
green: parseInt("" + t[3] + t[4], 16),
|
|
blue: parseInt("" + t[5] + t[6], 16),
|
|
alpha: n,
|
|
};
|
|
}
|
|
if (t.match(c5))
|
|
return {
|
|
red: parseInt("" + t[1] + t[1], 16),
|
|
green: parseInt("" + t[2] + t[2], 16),
|
|
blue: parseInt("" + t[3] + t[3], 16),
|
|
};
|
|
if (t.match(u5)) {
|
|
var r = parseFloat((parseInt("" + t[4] + t[4], 16) / 255).toFixed(2));
|
|
return {
|
|
red: parseInt("" + t[1] + t[1], 16),
|
|
green: parseInt("" + t[2] + t[2], 16),
|
|
blue: parseInt("" + t[3] + t[3], 16),
|
|
alpha: r,
|
|
};
|
|
}
|
|
var i = Dr.exec(t);
|
|
if (i)
|
|
return {
|
|
red: parseInt("" + i[1], 10),
|
|
green: parseInt("" + i[2], 10),
|
|
blue: parseInt("" + i[3], 10),
|
|
};
|
|
var l = m5.exec(t.substring(0, 50));
|
|
if (l)
|
|
return {
|
|
red: parseInt("" + l[1], 10),
|
|
green: parseInt("" + l[2], 10),
|
|
blue: parseInt("" + l[3], 10),
|
|
alpha:
|
|
parseFloat("" + l[4]) > 1
|
|
? parseFloat("" + l[4]) / 100
|
|
: parseFloat("" + l[4]),
|
|
};
|
|
var o = p5.exec(t);
|
|
if (o) {
|
|
var s = parseInt("" + o[1], 10),
|
|
d = parseInt("" + o[2], 10) / 100,
|
|
c = parseInt("" + o[3], 10) / 100,
|
|
u = "rgb(" + $n(s, d, c) + ")",
|
|
m = Dr.exec(u);
|
|
if (!m) throw new rt(4, t, u);
|
|
return {
|
|
red: parseInt("" + m[1], 10),
|
|
green: parseInt("" + m[2], 10),
|
|
blue: parseInt("" + m[3], 10),
|
|
};
|
|
}
|
|
var p = h5.exec(t.substring(0, 50));
|
|
if (p) {
|
|
var v = parseInt("" + p[1], 10),
|
|
g = parseInt("" + p[2], 10) / 100,
|
|
y = parseInt("" + p[3], 10) / 100,
|
|
w = "rgb(" + $n(v, g, y) + ")",
|
|
b = Dr.exec(w);
|
|
if (!b) throw new rt(4, t, w);
|
|
return {
|
|
red: parseInt("" + b[1], 10),
|
|
green: parseInt("" + b[2], 10),
|
|
blue: parseInt("" + b[3], 10),
|
|
alpha:
|
|
parseFloat("" + p[4]) > 1
|
|
? parseFloat("" + p[4]) / 100
|
|
: parseFloat("" + p[4]),
|
|
};
|
|
}
|
|
throw new rt(5);
|
|
}
|
|
function f5(e) {
|
|
var t = e.red / 255,
|
|
n = e.green / 255,
|
|
r = e.blue / 255,
|
|
i = Math.max(t, n, r),
|
|
l = Math.min(t, n, r),
|
|
o = (i + l) / 2;
|
|
if (i === l)
|
|
return e.alpha !== void 0
|
|
? { hue: 0, saturation: 0, lightness: o, alpha: e.alpha }
|
|
: { hue: 0, saturation: 0, lightness: o };
|
|
var s,
|
|
d = i - l,
|
|
c = o > 0.5 ? d / (2 - i - l) : d / (i + l);
|
|
switch (i) {
|
|
case t:
|
|
s = (n - r) / d + (n < r ? 6 : 0);
|
|
break;
|
|
case n:
|
|
s = (r - t) / d + 2;
|
|
break;
|
|
default:
|
|
s = (t - n) / d + 4;
|
|
break;
|
|
}
|
|
return (
|
|
(s *= 60),
|
|
e.alpha !== void 0
|
|
? { hue: s, saturation: c, lightness: o, alpha: e.alpha }
|
|
: { hue: s, saturation: c, lightness: o }
|
|
);
|
|
}
|
|
function Q1(e) {
|
|
return f5(J1(e));
|
|
}
|
|
var g5 = function (e) {
|
|
return e.length === 7 && e[1] === e[2] && e[3] === e[4] && e[5] === e[6]
|
|
? "#" + e[1] + e[3] + e[5]
|
|
: e;
|
|
},
|
|
fi = g5;
|
|
function _t(e) {
|
|
var t = e.toString(16);
|
|
return t.length === 1 ? "0" + t : t;
|
|
}
|
|
function zr(e) {
|
|
return _t(Math.round(e * 255));
|
|
}
|
|
function v5(e, t, n) {
|
|
return fi("#" + zr(e) + zr(t) + zr(n));
|
|
}
|
|
function Va(e, t, n) {
|
|
return $n(e, t, n, v5);
|
|
}
|
|
function y5(e, t, n) {
|
|
if (typeof e == "number" && typeof t == "number" && typeof n == "number")
|
|
return Va(e, t, n);
|
|
if (typeof e == "object" && t === void 0 && n === void 0)
|
|
return Va(e.hue, e.saturation, e.lightness);
|
|
throw new rt(1);
|
|
}
|
|
function b5(e, t, n, r) {
|
|
if (
|
|
typeof e == "number" &&
|
|
typeof t == "number" &&
|
|
typeof n == "number" &&
|
|
typeof r == "number"
|
|
)
|
|
return r >= 1 ? Va(e, t, n) : "rgba(" + $n(e, t, n) + "," + r + ")";
|
|
if (typeof e == "object" && t === void 0 && n === void 0 && r === void 0)
|
|
return e.alpha >= 1
|
|
? Va(e.hue, e.saturation, e.lightness)
|
|
: "rgba(" +
|
|
$n(e.hue, e.saturation, e.lightness) +
|
|
"," +
|
|
e.alpha +
|
|
")";
|
|
throw new rt(2);
|
|
}
|
|
function gi(e, t, n) {
|
|
if (typeof e == "number" && typeof t == "number" && typeof n == "number")
|
|
return fi("#" + _t(e) + _t(t) + _t(n));
|
|
if (typeof e == "object" && t === void 0 && n === void 0)
|
|
return fi("#" + _t(e.red) + _t(e.green) + _t(e.blue));
|
|
throw new rt(6);
|
|
}
|
|
function vi(e, t, n, r) {
|
|
if (typeof e == "string" && typeof t == "number") {
|
|
var i = J1(e);
|
|
return "rgba(" + i.red + "," + i.green + "," + i.blue + "," + t + ")";
|
|
} else {
|
|
if (
|
|
typeof e == "number" &&
|
|
typeof t == "number" &&
|
|
typeof n == "number" &&
|
|
typeof r == "number"
|
|
)
|
|
return r >= 1
|
|
? gi(e, t, n)
|
|
: "rgba(" + e + "," + t + "," + n + "," + r + ")";
|
|
if (
|
|
typeof e == "object" &&
|
|
t === void 0 &&
|
|
n === void 0 &&
|
|
r === void 0
|
|
)
|
|
return e.alpha >= 1
|
|
? gi(e.red, e.green, e.blue)
|
|
: "rgba(" +
|
|
e.red +
|
|
"," +
|
|
e.green +
|
|
"," +
|
|
e.blue +
|
|
"," +
|
|
e.alpha +
|
|
")";
|
|
}
|
|
throw new rt(7);
|
|
}
|
|
var E5 = function (e) {
|
|
return (
|
|
typeof e.red == "number" &&
|
|
typeof e.green == "number" &&
|
|
typeof e.blue == "number" &&
|
|
(typeof e.alpha != "number" || typeof e.alpha > "u")
|
|
);
|
|
},
|
|
k5 = function (e) {
|
|
return (
|
|
typeof e.red == "number" &&
|
|
typeof e.green == "number" &&
|
|
typeof e.blue == "number" &&
|
|
typeof e.alpha == "number"
|
|
);
|
|
},
|
|
w5 = function (e) {
|
|
return (
|
|
typeof e.hue == "number" &&
|
|
typeof e.saturation == "number" &&
|
|
typeof e.lightness == "number" &&
|
|
(typeof e.alpha != "number" || typeof e.alpha > "u")
|
|
);
|
|
},
|
|
C5 = function (e) {
|
|
return (
|
|
typeof e.hue == "number" &&
|
|
typeof e.saturation == "number" &&
|
|
typeof e.lightness == "number" &&
|
|
typeof e.alpha == "number"
|
|
);
|
|
};
|
|
function X1(e) {
|
|
if (typeof e != "object") throw new rt(8);
|
|
if (k5(e)) return vi(e);
|
|
if (E5(e)) return gi(e);
|
|
if (C5(e)) return b5(e);
|
|
if (w5(e)) return y5(e);
|
|
throw new rt(8);
|
|
}
|
|
function es(e, t, n) {
|
|
return function () {
|
|
var r = n.concat(Array.prototype.slice.call(arguments));
|
|
return r.length >= t ? e.apply(this, r) : es(e, t, r);
|
|
};
|
|
}
|
|
function ts(e) {
|
|
return es(e, e.length, []);
|
|
}
|
|
function ns(e, t, n) {
|
|
return Math.max(e, Math.min(t, n));
|
|
}
|
|
function S5(e, t) {
|
|
if (t === "transparent") return t;
|
|
var n = Q1(t);
|
|
return X1(
|
|
Pa({}, n, { lightness: ns(0, 1, n.lightness - parseFloat(e)) }),
|
|
);
|
|
}
|
|
var x5 = ts(S5),
|
|
It = x5;
|
|
function N5(e, t) {
|
|
if (t === "transparent") return t;
|
|
var n = Q1(t);
|
|
return X1(
|
|
Pa({}, n, { lightness: ns(0, 1, n.lightness + parseFloat(e)) }),
|
|
);
|
|
}
|
|
var M5 = ts(N5),
|
|
Ia = M5,
|
|
P = {
|
|
primary: "#FF4785",
|
|
secondary: "#029CFD",
|
|
tertiary: "#E3E6E8",
|
|
orange: "#FC521F",
|
|
gold: "#FFAE00",
|
|
green: "#66BF3C",
|
|
seafoam: "#37D5D3",
|
|
purple: "#6F2CAC",
|
|
ultraviolet: "#2A0481",
|
|
red: "#ff4400",
|
|
bluelight: "#E3F3FF",
|
|
bluelighter: "#F5FBFF",
|
|
lightest: "#FFFFFF",
|
|
lighter: "#F7FAFC",
|
|
light: "#EEF3F6",
|
|
mediumlight: "#ECF4F9",
|
|
medium: "#D9E8F2",
|
|
mediumdark: "#73828C",
|
|
dark: "#5C6870",
|
|
darker: "#454E54",
|
|
darkest: "#2E3438",
|
|
tr10: "rgba(0, 0, 0, 0.1)",
|
|
tr5: "rgba(0, 0, 0, 0.05)",
|
|
border: "hsla(203, 50%, 30%, 0.15)",
|
|
positive: "#448028",
|
|
negative: "#D43900",
|
|
warning: "#A15C20",
|
|
selected: "#0271B6",
|
|
},
|
|
Yi = {
|
|
padding: { small: 10, medium: 20, large: 30 },
|
|
borderRadius: { small: 5, default: 10 },
|
|
},
|
|
B = {
|
|
type: {
|
|
primary:
|
|
'var(--nunito-sans, "Nunito Sans"), "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif',
|
|
code: '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace',
|
|
},
|
|
weight: { regular: "400", bold: "700", extrabold: "800" },
|
|
size: {
|
|
s1: 12,
|
|
s2: 14,
|
|
s3: 16,
|
|
m1: 20,
|
|
m2: 24,
|
|
m3: 28,
|
|
l1: 32,
|
|
l2: 40,
|
|
l3: 48,
|
|
code: 90,
|
|
},
|
|
},
|
|
wa = 600,
|
|
Ca = 5.55555;
|
|
se({
|
|
padding: `0 ${Yi.padding.medium}px`,
|
|
[`@media (min-width: ${wa * 1}px)`]: { margin: `0 ${Ca * 1}%` },
|
|
[`@media (min-width: ${wa * 2}px)`]: { margin: `0 ${Ca * 2}%` },
|
|
[`@media (min-width: ${wa * 3}px)`]: { margin: `0 ${Ca * 3}%` },
|
|
[`@media (min-width: ${wa * 4}px)`]: { margin: `0 ${Ca * 4}%` },
|
|
});
|
|
se({
|
|
border: `1px solid ${P.border}`,
|
|
borderRadius: `${Yi.borderRadius.small}px`,
|
|
transition:
|
|
"background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out",
|
|
"&:hover, &.__hover": {
|
|
borderColor: `${vi(P.secondary, 0.5)}`,
|
|
transform: "translate3d(0, -3px, 0)",
|
|
boxShadow: "rgba(0, 0, 0, 0.08) 0 3px 10px 0",
|
|
},
|
|
"&:active, &.__active": {
|
|
borderColor: `${vi(P.secondary, 1)}`,
|
|
transform: "translate3d(0, 0, 0)",
|
|
},
|
|
});
|
|
(se({ fontSize: B.size.l3, fontWeight: B.weight.bold }),
|
|
se({ fontSize: B.size.l2, fontWeight: B.weight.bold }),
|
|
se({ fontSize: B.size.l1, fontWeight: B.weight.bold }),
|
|
se({ fontSize: B.size.m3, fontWeight: B.weight.bold }),
|
|
se({ fontSize: B.size.m2, fontWeight: B.weight.bold }),
|
|
se({ fontSize: B.size.m1, fontWeight: B.weight.bold }),
|
|
se({ fontSize: B.size.s3, fontWeight: B.weight.bold }),
|
|
se({ fontSize: B.size.s2, fontWeight: B.weight.bold }));
|
|
(se({
|
|
fontSize: 14,
|
|
fontWeight: B.weight.extrabold,
|
|
lineHeight: "18px",
|
|
letterSpacing: "0.38em",
|
|
}),
|
|
se({
|
|
fontSize: 11,
|
|
fontWeight: B.weight.extrabold,
|
|
lineHeight: "16px",
|
|
letterSpacing: "0.38em",
|
|
}));
|
|
(se({ fontSize: 14, fontWeight: B.weight.bold, lineHeight: "18px" }),
|
|
se({ fontSize: 14, fontWeight: B.weight.regular, lineHeight: "18px" }),
|
|
se({
|
|
fontSize: B.size.s3,
|
|
fontWeight: B.weight.bold,
|
|
lineHeight: "24px",
|
|
}),
|
|
se({
|
|
fontSize: B.size.s1,
|
|
fontWeight: B.weight.regular,
|
|
lineHeight: "18px",
|
|
}),
|
|
se({
|
|
fontSize: B.size.s2,
|
|
fontWeight: B.weight.bold,
|
|
lineHeight: "20px",
|
|
}),
|
|
se({
|
|
fontSize: B.size.s1,
|
|
fontWeight: B.weight.bold,
|
|
lineHeight: "18px",
|
|
}),
|
|
se({
|
|
fontSize: B.size.s3,
|
|
fontWeight: B.weight.regular,
|
|
lineHeight: "24px",
|
|
}),
|
|
se({
|
|
fontSize: B.size.s2,
|
|
fontWeight: B.weight.regular,
|
|
lineHeight: "20px",
|
|
}));
|
|
(se({
|
|
fontFamily: B.type.code,
|
|
fontSize: B.size.s2,
|
|
fontWeight: B.weight.regular,
|
|
lineHeight: "17px",
|
|
}),
|
|
se({
|
|
fontFamily: B.type.code,
|
|
fontSize: B.size.s1,
|
|
fontWeight: B.weight.regular,
|
|
lineHeight: "14px",
|
|
}));
|
|
var as = Ct({
|
|
from: { transform: "rotate(0deg)" },
|
|
to: { transform: "rotate(360deg)" },
|
|
}),
|
|
rs = Ct({ "0%, 100%": { opacity: 1 }, "50%": { opacity: 0.4 } });
|
|
Ct({
|
|
"0%": { transform: "translateY(1px)" },
|
|
"25%": { transform: "translateY(0px)" },
|
|
"50%": { transform: "translateY(-3px)" },
|
|
"100%": { transform: "translateY(1px)" },
|
|
});
|
|
var F5 = Ct({
|
|
"0%, 100%": { transform: "translate3d(0,0,0)" },
|
|
"12.5%, 62.5%": { transform: "translate3d(-4px,0,0)" },
|
|
"37.5%, 87.5%": { transform: "translate3d(4px,0,0)" },
|
|
});
|
|
Ct({
|
|
"0%": { transform: "rotate(-3deg)" },
|
|
"1.68421%": { transform: "rotate(3deg)" },
|
|
"2.10526%": { transform: "rotate(6deg)" },
|
|
"3.78947%": { transform: "rotate(-6deg)" },
|
|
"4.21053%": { transform: "rotate(-6deg)" },
|
|
"5.89474%": { transform: "rotate(6deg)" },
|
|
"6.31579%": { transform: "rotate(6deg)" },
|
|
"8%": { transform: "rotate(-6deg)" },
|
|
"8.42105%": { transform: "rotate(-6deg)" },
|
|
"10.10526%": { transform: "rotate(6deg)" },
|
|
"10.52632%": { transform: "rotate(6deg)" },
|
|
"12.21053%": { transform: "rotate(-6deg)" },
|
|
"12.63158%": { transform: "rotate(-6deg)" },
|
|
"14.31579%": { transform: "rotate(6deg)" },
|
|
"15.78947%": { transform: "rotate(0deg)" },
|
|
"100%": { transform: "rotate(0deg)" },
|
|
});
|
|
var A5 = se({
|
|
animation: `${rs} 1.5s ease-in-out infinite`,
|
|
background: P.tr5,
|
|
color: "transparent",
|
|
cursor: "progress",
|
|
}),
|
|
Rt = { large: 40, medium: 28, small: 20, tiny: 16 },
|
|
L5 = k.div(
|
|
{
|
|
background: "transparent",
|
|
display: "inline-block",
|
|
verticalAlign: "top",
|
|
overflow: "hidden",
|
|
textTransform: "uppercase",
|
|
img: { width: "100%", height: "auto", display: "block" },
|
|
},
|
|
(e) => ({
|
|
borderRadius: e.type === "user" ? "50%" : 5,
|
|
height: `${Rt[e.size || "medium"]}px`,
|
|
width: `${Rt[e.size || "medium"]}px`,
|
|
lineHeight: `${Rt[e.size || "medium"]}px`,
|
|
...(e.isLoading && { background: P.light, filter: "grayscale(1)" }),
|
|
...(!e.src && !e.isLoading && { background: "#37D5D3" }),
|
|
}),
|
|
),
|
|
T5 = k(Gi)(
|
|
{
|
|
position: "relative",
|
|
margin: "0 auto",
|
|
display: "block",
|
|
verticalAlign: "top",
|
|
path: {
|
|
fill: P.medium,
|
|
animation: `${rs} 1.5s ease-in-out infinite`,
|
|
},
|
|
},
|
|
(e) => ({
|
|
bottom: `${e.type === "user" ? -2 : -4}px`,
|
|
height: `${e.type === "user" ? 100 : 70}%`,
|
|
width: `${e.type === "user" ? 100 : 70}%`,
|
|
}),
|
|
),
|
|
Z5 = k.div(
|
|
{ color: P.lightest, textAlign: "center" },
|
|
(e) =>
|
|
({
|
|
tiny: {
|
|
fontSize: `${B.size.s1 - 2}px`,
|
|
lineHeight: `${Rt.tiny}px`,
|
|
},
|
|
small: { fontSize: `${B.size.s1}px`, lineHeight: `${Rt.small}px` },
|
|
medium: {
|
|
fontSize: `${B.size.s2}px`,
|
|
lineHeight: `${Rt.medium}px`,
|
|
},
|
|
large: { fontSize: `${B.size.s3}px`, lineHeight: `${Rt.large}px` },
|
|
})[e.size || "medium"],
|
|
),
|
|
O5 = ({
|
|
isLoading: e = !1,
|
|
username: t = "loading",
|
|
src: n = void 0,
|
|
size: r = "medium",
|
|
type: i = "user",
|
|
...l
|
|
}) => {
|
|
let o = a.createElement(T5, {
|
|
icon: i === "user" ? "useralt" : "repository",
|
|
type: i,
|
|
}),
|
|
s = {};
|
|
return (
|
|
e
|
|
? ((s["aria-busy"] = !0), (s["aria-label"] = "Loading avatar ..."))
|
|
: n
|
|
? (o = a.createElement("img", { src: n, alt: t }))
|
|
: ((s["aria-label"] = t),
|
|
(o = a.createElement(
|
|
Z5,
|
|
{ size: r, "aria-hidden": "true" },
|
|
t.substring(0, 1),
|
|
))),
|
|
a.createElement(
|
|
L5,
|
|
{ size: r, isLoading: e, src: n, type: i, ...s, ...l },
|
|
o,
|
|
)
|
|
);
|
|
},
|
|
_5 = k.span(
|
|
(e) =>
|
|
e.withArrow && {
|
|
"> svg:last-of-type": {
|
|
height: "0.65em",
|
|
width: "0.65em",
|
|
marginRight: 0,
|
|
marginLeft: "0.25em",
|
|
bottom: "auto",
|
|
verticalAlign: "inherit",
|
|
},
|
|
},
|
|
),
|
|
I5 = k.a(
|
|
{
|
|
display: "inline-block",
|
|
transition: "transform 150ms ease-out, color 150ms ease-out",
|
|
textDecoration: "none",
|
|
color: P.secondary,
|
|
"&:hover, &:focus-visible": {
|
|
cursor: "pointer",
|
|
transform: "translateY(-1px)",
|
|
color: It(0.07, P.secondary),
|
|
},
|
|
"&:active": {
|
|
transform: "translateY(0)",
|
|
color: It(0.1, P.secondary),
|
|
},
|
|
svg: {
|
|
display: "inline-block",
|
|
height: "1em",
|
|
width: "1em",
|
|
verticalAlign: "text-top",
|
|
position: "relative",
|
|
bottom: "-0.125em",
|
|
marginRight: "0.4em",
|
|
},
|
|
},
|
|
(e) => ({
|
|
...(e.secondary && {
|
|
color: e.theme.base === "light" ? P.mediumdark : P.medium,
|
|
"&:hover": { color: e.theme.base === "light" ? P.dark : P.light },
|
|
"&:active": {
|
|
color: e.theme.base === "light" ? P.darker : P.lighter,
|
|
},
|
|
}),
|
|
...(e.tertiary && {
|
|
color: P.dark,
|
|
"&:hover": { color: P.darkest },
|
|
"&:active": { color: P.mediumdark },
|
|
}),
|
|
...(e.nochrome && {
|
|
color: "inherit",
|
|
"&:hover, &:active": {
|
|
color: "inherit",
|
|
textDecoration: "underline",
|
|
},
|
|
}),
|
|
...(e.inverse && {
|
|
color: P.lightest,
|
|
"&:hover": { color: P.lighter },
|
|
"&:active": { color: P.light },
|
|
}),
|
|
}),
|
|
),
|
|
R5 = k.a({}),
|
|
B5 = k.button({
|
|
background: "none",
|
|
border: "none",
|
|
padding: "0",
|
|
font: "inherit",
|
|
cursor: "pointer",
|
|
}),
|
|
is = W(
|
|
(
|
|
{
|
|
inverse: e,
|
|
isButton: t,
|
|
LinkWrapper: n,
|
|
nochrome: r,
|
|
secondary: i,
|
|
tertiary: l,
|
|
...o
|
|
},
|
|
s,
|
|
) =>
|
|
t
|
|
? a.createElement(B5, { ...o, ref: s })
|
|
: n
|
|
? a.createElement(n, { ...o, ref: s })
|
|
: a.createElement(R5, { ...o, ref: s }),
|
|
);
|
|
is.displayName = "LinkComponentPicker";
|
|
var Ne = W(({ children: e, withArrow: t, ...n }, r) => {
|
|
let i = a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement(
|
|
_5,
|
|
{ withArrow: !!t },
|
|
e,
|
|
t && a.createElement(Gi, { icon: "arrowright" }),
|
|
),
|
|
);
|
|
return a.createElement(I5, { as: is, ref: r, ...n }, i);
|
|
});
|
|
Ne.displayName = "Link";
|
|
Ne.defaultProps = {
|
|
withArrow: !1,
|
|
isButton: !1,
|
|
secondary: !1,
|
|
tertiary: !1,
|
|
nochrome: !1,
|
|
inverse: !1,
|
|
};
|
|
var P5 = k.label((e) => ({
|
|
...(e.appearance !== "code" && { fontWeight: B.weight.bold }),
|
|
...(e.appearance === "code"
|
|
? {
|
|
fontFamily: B.type.code,
|
|
fontSize: `${B.size.s1 - 1}px`,
|
|
lineHeight: "16px",
|
|
}
|
|
: { fontSize: `${B.size.s2}px`, lineHeight: "20px" }),
|
|
})),
|
|
V5 = k.div([
|
|
{ marginBottom: 8 },
|
|
(e) =>
|
|
e.hideLabel && {
|
|
border: "0px !important",
|
|
clip: "rect(0 0 0 0) !important",
|
|
WebkitClipPath: "inset(100%) !important",
|
|
clipPath: "inset(100%) !important",
|
|
height: "1px !important",
|
|
overflow: "hidden !important",
|
|
padding: "0px !important",
|
|
position: "absolute !important",
|
|
whiteSpace: "nowrap !important",
|
|
width: "1px !important",
|
|
},
|
|
]),
|
|
H5 = k.input({
|
|
"&::placeholder": { color: P.mediumdark },
|
|
appearance: "none",
|
|
border: "none",
|
|
boxSizing: "border-box",
|
|
display: "block",
|
|
outline: "none",
|
|
width: "100%",
|
|
margin: "0",
|
|
"&[disabled]": { cursor: "not-allowed", opacity: 0.5 },
|
|
"&:-webkit-autofill": {
|
|
WebkitBoxShadow: `0 0 0 3em ${P.lightest} inset`,
|
|
},
|
|
}),
|
|
j5 = (e) => {
|
|
let t = {
|
|
position: "relative",
|
|
...(e.error && { zIndex: 1 }),
|
|
"&:focus": { zIndex: 2 },
|
|
};
|
|
switch (e.stackLevel) {
|
|
case "top":
|
|
return {
|
|
borderTopLeftRadius: "4px",
|
|
borderTopRightRadius: "4px",
|
|
borderBottomLeftRadius: 0,
|
|
borderBottomRightRadius: 0,
|
|
...t,
|
|
};
|
|
case "middle":
|
|
return { borderRadius: 0, marginTop: -1, ...t };
|
|
case "bottom":
|
|
return {
|
|
borderBottomLeftRadius: "4px",
|
|
borderBottomRightRadius: "4px",
|
|
borderTopLeftRadius: 0,
|
|
borderTopRightRadius: 0,
|
|
marginTop: -1,
|
|
...t,
|
|
};
|
|
default:
|
|
return { borderRadius: "4px" };
|
|
}
|
|
},
|
|
D5 = k.div((e) => ({
|
|
display: "inline-block",
|
|
position: "relative",
|
|
verticalAlign: "top",
|
|
width: "100%",
|
|
".sbds-input-el": {
|
|
position: "relative",
|
|
...j5(e),
|
|
background: P.lightest,
|
|
color: P.darkest,
|
|
fontSize: `${B.size.s2}px`,
|
|
lineHeight: "20px",
|
|
padding: "10px 15px",
|
|
boxShadow: `${P.border} 0 0 0 1px inset`,
|
|
"&:focus": { boxShadow: `${P.secondary} 0 0 0 1px inset` },
|
|
...(e.appearance === "pill" && {
|
|
fontSize: `${B.size.s1}px`,
|
|
lineHeight: "16px",
|
|
padding: "6px 12px",
|
|
borderRadius: "3em",
|
|
background: "transparent",
|
|
}),
|
|
...(e.appearance === "code" && {
|
|
fontSize: `${B.size.s1 - 1}px`,
|
|
lineHeight: "16px",
|
|
fontFamily: B.type.code,
|
|
borderRadius: `${Yi.borderRadius.small}px`,
|
|
background: P.lightest,
|
|
padding: "8px 10px",
|
|
}),
|
|
...(e.startingType === "password" && { paddingRight: 52 }),
|
|
...(e.icon && {
|
|
paddingLeft: 40,
|
|
...((e.appearance === "pill" || e.appearance === "code") && {
|
|
paddingLeft: 30,
|
|
}),
|
|
"&:focus + svg path": { fill: P.darker },
|
|
}),
|
|
...(e.error && {
|
|
boxShadow: `${P.red} 0 0 0 1px inset`,
|
|
"&:focus": { boxShadow: `${P.red} 0 0 0 1px inset !important` },
|
|
}),
|
|
},
|
|
"> svg": {
|
|
...(e.icon && {
|
|
transition: "all 150ms ease-out",
|
|
position: "absolute",
|
|
top: "50%",
|
|
zIndex: 3,
|
|
background: "transparent",
|
|
...(e.appearance === "pill" || e.appearance === "code"
|
|
? {
|
|
fontSize: `${B.size.s1}px`,
|
|
height: 12,
|
|
marginTop: -6,
|
|
width: 12,
|
|
left: 10,
|
|
}
|
|
: {
|
|
fontSize: `${B.size.s2}px`,
|
|
height: 14,
|
|
marginTop: -7,
|
|
width: 14,
|
|
left: e.appearance === "tertiary" ? 0 : 15,
|
|
}),
|
|
path: { transition: "all 150ms ease-out", fill: P.mediumdark },
|
|
}),
|
|
...(e.error && {
|
|
animation: `${F5} 700ms ease-out`,
|
|
path: { fill: P.red },
|
|
}),
|
|
},
|
|
})),
|
|
z5 = k.div(
|
|
(e) =>
|
|
e.orientation === "horizontal" && {
|
|
display: "table-row",
|
|
".sbds-input-label-wrapper, .sbds-input-input-wrapper": {
|
|
display: "table-cell",
|
|
},
|
|
".sbds-input-label-wrapper": {
|
|
width: 1,
|
|
paddingRight: 20,
|
|
verticalAlign: "middle",
|
|
},
|
|
".sbds-input-input-wrapper": { width: "auto" },
|
|
},
|
|
),
|
|
U5 = k(ke)({ width: "100%" }),
|
|
$5 = k(Rl)({ width: 170 }),
|
|
W5 = k.div({
|
|
position: "absolute",
|
|
right: "0",
|
|
minWidth: 45,
|
|
top: "50%",
|
|
transform: "translateY(-50%)",
|
|
fontWeight: "bold",
|
|
fontSize: 11,
|
|
zIndex: 2,
|
|
}),
|
|
so = ({ error: e, value: t, lastErrorValue: n }) => {
|
|
let r = typeof e == "function" ? e(t) : e;
|
|
return (n && t !== n && (r = null), r);
|
|
},
|
|
ls = W(
|
|
(
|
|
{
|
|
id: e,
|
|
appearance: t = "default",
|
|
className: n = void 0,
|
|
error: r = null,
|
|
errorTooltipPlacement: i = "right",
|
|
hideLabel: l = !1,
|
|
icon: o = void 0,
|
|
label: s,
|
|
lastErrorValue: d = void 0,
|
|
onActionClick: c = void 0,
|
|
orientation: u = "vertical",
|
|
stackLevel: m = void 0,
|
|
startingType: p = "text",
|
|
suppressErrorMessage: v = !1,
|
|
type: g = "text",
|
|
value: y = "",
|
|
...w
|
|
},
|
|
b,
|
|
) => {
|
|
let [h, f] = Le(so({ error: r, value: y, lastErrorValue: d })),
|
|
E = `${e}-error`;
|
|
te(() => {
|
|
f(so({ error: r, value: y, lastErrorValue: d }));
|
|
}, [y, r, d]);
|
|
let C = a.createElement(H5, {
|
|
className: "sbds-input-el",
|
|
id: e,
|
|
ref: b,
|
|
value: y,
|
|
type: g,
|
|
"aria-describedby": E,
|
|
"aria-invalid": !!r,
|
|
...w,
|
|
});
|
|
return a.createElement(
|
|
z5,
|
|
{ orientation: u, className: n },
|
|
a.createElement(
|
|
V5,
|
|
{ className: "sbds-input-label-wrapper", hideLabel: l },
|
|
a.createElement(P5, { htmlFor: e, appearance: t }, s),
|
|
),
|
|
a.createElement(
|
|
D5,
|
|
{
|
|
className: "sbds-input-input-wrapper",
|
|
error: h,
|
|
"data-error": h,
|
|
icon: o,
|
|
appearance: t,
|
|
stackLevel: m,
|
|
startingType: p,
|
|
},
|
|
o && a.createElement(Gi, { icon: o, "aria-hidden": !0 }),
|
|
a.createElement(
|
|
U5,
|
|
{
|
|
tabIndex: -1,
|
|
placement: i,
|
|
startOpen: !0,
|
|
hasChrome: !!h && !v,
|
|
tooltip: h && !v && a.createElement($5, { desc: h }),
|
|
role: "none",
|
|
},
|
|
C,
|
|
),
|
|
p === "password" &&
|
|
a.createElement(
|
|
W5,
|
|
null,
|
|
a.createElement(
|
|
Ne,
|
|
{ isButton: !0, tertiary: !0, onClick: c, type: "button" },
|
|
g === "password" ? "Show" : "Hide",
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
ls.displayName = "PureInput";
|
|
var os = W(({ type: e, startFocused: t, ...n }, r) => {
|
|
let [i, l] = Le(e),
|
|
o = K(
|
|
(u) => {
|
|
if ((u.preventDefault(), u.stopPropagation(), i === "password")) {
|
|
l("text");
|
|
return;
|
|
}
|
|
l("password");
|
|
},
|
|
[i, l],
|
|
),
|
|
s = Ee(),
|
|
d = r || s,
|
|
c = Ee(!1);
|
|
return (
|
|
te(() => {
|
|
d.current && t && !c.current && (d.current.focus(), (c.current = !0));
|
|
}, [d, t, c]),
|
|
a.createElement(ls, {
|
|
ref: d,
|
|
startingType: e,
|
|
type: i,
|
|
onActionClick: o,
|
|
...n,
|
|
})
|
|
);
|
|
});
|
|
os.displayName = "Input";
|
|
var q5 = k.div(
|
|
{
|
|
borderRadius: "3em",
|
|
cursor: "progress",
|
|
display: "inline-block",
|
|
overflow: "hidden",
|
|
position: ["relative", "absolute"],
|
|
transition: "all 200ms ease-out",
|
|
verticalAlign: "top",
|
|
top: "50%",
|
|
left: "50%",
|
|
marginTop: -16,
|
|
marginLeft: -16,
|
|
height: 32,
|
|
width: 32,
|
|
animation: `${as} 0.7s linear infinite`,
|
|
borderWidth: 2,
|
|
borderStyle: "solid",
|
|
borderColor: "rgba(0, 0, 0, 0.03)",
|
|
borderTopColor: "rgba(0, 0, 0, 0.15)",
|
|
},
|
|
(e) => ({
|
|
...(e.inverse && {
|
|
borderColor: "rgba(255, 255, 255, 0.2)",
|
|
borderTopColor: "rgba(255, 255, 255, 0.4)",
|
|
}),
|
|
...(e.inForm && {
|
|
marginTop: -6,
|
|
marginLeft: -6,
|
|
height: 12,
|
|
width: 12,
|
|
border: `1px solid ${P.secondary}`,
|
|
borderBottomColor: "transparent",
|
|
}),
|
|
...(e.inline && {
|
|
position: "relative",
|
|
top: "initial",
|
|
left: "initial",
|
|
marginTop: "initial",
|
|
marginLeft: "initial",
|
|
verticalAlign: "middle",
|
|
height: 8,
|
|
width: 8,
|
|
border: "1px solid",
|
|
borderTopColor: P.secondary,
|
|
borderLeftColor: P.secondary,
|
|
borderRightColor: P.secondary,
|
|
borderBottomColor: "transparent",
|
|
...(e.positive && {
|
|
borderTopColor: P.positive,
|
|
borderLeftColor: P.positive,
|
|
borderRightColor: P.positive,
|
|
}),
|
|
...(e.negative && {
|
|
borderTopColor: P.red,
|
|
borderLeftColor: P.red,
|
|
borderRightColor: P.red,
|
|
}),
|
|
...(e.neutral && {
|
|
borderTopColor: P.dark,
|
|
borderLeftColor: P.dark,
|
|
borderRightColor: P.dark,
|
|
}),
|
|
...(e.inverse && {
|
|
borderTopColor: P.lightest,
|
|
borderLeftColor: P.lightest,
|
|
borderRightColor: P.lightest,
|
|
}),
|
|
}),
|
|
}),
|
|
),
|
|
yi = (e) =>
|
|
a.createElement(q5, {
|
|
"aria-label": "Content is loading ...",
|
|
"aria-live": "polite",
|
|
role: "status",
|
|
...e,
|
|
}),
|
|
G5 = function (e) {
|
|
var t = new WeakMap();
|
|
return function (n) {
|
|
if (t.has(n)) return t.get(n);
|
|
var r = e(n);
|
|
return (t.set(n, r), r);
|
|
};
|
|
},
|
|
Y5 = k.span({}),
|
|
K5 = k.span(({ theme: e }) => ({
|
|
fontWeight: e.typography.weight.bold,
|
|
whiteSpace: "nowrap",
|
|
overflow: "hidden",
|
|
textOverflow: "ellipsis",
|
|
})),
|
|
J5 = k.span({}),
|
|
Q5 = k.span({}),
|
|
co = k.li(({ theme: e }) => ({
|
|
listStyle: "none",
|
|
"&:not(:first-of-type)": { borderTop: `1px solid ${e.appBorderColor}` },
|
|
})),
|
|
X5 = k.span({
|
|
lineHeight: "18px",
|
|
padding: "7px 15px",
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "space-between",
|
|
".sbds-list-item-title": {
|
|
display: "block",
|
|
flex: "0 1 auto",
|
|
marginRight: "auto",
|
|
},
|
|
".sbds-list-item-left, .sbds-list-item-center, .sbds-list-item-right": {
|
|
display: "inline-flex",
|
|
},
|
|
".sbds-list-item-center": {
|
|
flex: "0 1 auto",
|
|
marginLeft: "auto",
|
|
marginRight: "auto",
|
|
},
|
|
".sbds-list-item-left, .sbds-list-item-right": { flex: "0 1 auto" },
|
|
".sbds-list-item-right": {
|
|
flex: "none",
|
|
textAlign: "right",
|
|
marginLeft: 10,
|
|
},
|
|
}),
|
|
Ki = ({
|
|
active: e,
|
|
activeColor: t,
|
|
disabled: n,
|
|
isLoading: r,
|
|
theme: i,
|
|
}) => ({
|
|
fontSize: `${i.typography.size.s1}px`,
|
|
transition: "all 150ms ease-out",
|
|
color: i.color.mediumdark,
|
|
textDecoration: "none",
|
|
display: "block",
|
|
".sbds-list-item-title": {
|
|
color: i.base === "light" ? i.color.darker : i.color.lighter,
|
|
},
|
|
".sbds-list-item-right svg": {
|
|
transition: "all 200ms ease-out",
|
|
opacity: 0,
|
|
height: 12,
|
|
width: 12,
|
|
margin: "3px 0",
|
|
verticalAlign: "top",
|
|
path: { fill: i.color.mediumdark },
|
|
},
|
|
"&:hover": {
|
|
background: i.background.hoverable,
|
|
cursor: "pointer",
|
|
".sbds-list-item-right svg": { opacity: 1 },
|
|
},
|
|
...(e && {
|
|
".sbds-list-item-title": { fontWeight: i.typography.weight.bold },
|
|
".sbds-list-item-title, .sbds-list-item-center": { color: t },
|
|
".sbds-list-item-right svg": { opacity: 1, path: { fill: t } },
|
|
}),
|
|
...(r && {
|
|
".sbds-list-item-title": {
|
|
...A5,
|
|
flex: "0 1 auto",
|
|
display: "inline-block",
|
|
},
|
|
}),
|
|
...(n && {
|
|
cursor: "not-allowed !important",
|
|
".sbds-list-item-title, .sbds-list-item-center": {
|
|
color: i.color.mediumdark,
|
|
},
|
|
}),
|
|
}),
|
|
ec = k(({ active: e, activeColor: t, isLoading: n, ...r }) =>
|
|
a.createElement("a", { ...r }),
|
|
)(Ki),
|
|
tc = k.span(Ki),
|
|
nc = G5((e) =>
|
|
k(({ active: t, isLoading: n, activeColor: r, ...i }) =>
|
|
a.createElement(e, { ...i }),
|
|
)(Ki),
|
|
),
|
|
qe = ({
|
|
appearance: e = "primary",
|
|
left: t,
|
|
title: n = a.createElement("span", null, "Loading"),
|
|
center: r,
|
|
right: i,
|
|
onClick: l,
|
|
LinkWrapper: o,
|
|
isLink: s = !0,
|
|
...d
|
|
}) => {
|
|
let c = Sn().color[e],
|
|
u = a.createElement(
|
|
X5,
|
|
{ onClick: l, role: "presentation" },
|
|
t && a.createElement(Y5, { className: "sbds-list-item-left" }, t),
|
|
n && a.createElement(K5, { className: "sbds-list-item-title" }, n),
|
|
r && a.createElement(J5, { className: "sbds-list-item-center" }, r),
|
|
i && a.createElement(Q5, { className: "sbds-list-item-right" }, i),
|
|
);
|
|
if (o) {
|
|
let m = nc(o);
|
|
return a.createElement(
|
|
co,
|
|
null,
|
|
a.createElement(m, { activeColor: c, ...d }, u),
|
|
);
|
|
}
|
|
return a.createElement(
|
|
co,
|
|
null,
|
|
a.createElement(s ? ec : tc, { activeColor: c, ...d }, u),
|
|
);
|
|
};
|
|
function Pn(e) {
|
|
function t(Z, M) {
|
|
return (Z >>> M) | (Z << (32 - M));
|
|
}
|
|
for (
|
|
var n,
|
|
r,
|
|
i = Math.pow,
|
|
l = i(2, 32),
|
|
o = "",
|
|
s = [],
|
|
d = 8 * e.length,
|
|
c = (Pn.h = Pn.h || []),
|
|
u = (Pn.k = Pn.k || []),
|
|
m = u.length,
|
|
p = {},
|
|
v = 2;
|
|
m < 64;
|
|
v++
|
|
)
|
|
if (!p[v]) {
|
|
for (n = 0; n < 313; n += v) p[n] = v;
|
|
((c[m] = (i(v, 0.5) * l) | 0), (u[m++] = (i(v, 1 / 3) * l) | 0));
|
|
}
|
|
for (e += "\x80"; (e.length % 64) - 56; ) e += "\0";
|
|
for (n = 0; n < e.length; n++) {
|
|
if ((r = e.charCodeAt(n)) >> 8) return;
|
|
s[n >> 2] |= r << (((3 - n) % 4) * 8);
|
|
}
|
|
for (s[s.length] = (d / l) | 0, s[s.length] = d, r = 0; r < s.length; ) {
|
|
var g = s.slice(r, (r += 16)),
|
|
y = c;
|
|
for (c = c.slice(0, 8), n = 0; n < 64; n++) {
|
|
var w = g[n - 15],
|
|
b = g[n - 2],
|
|
h = c[0],
|
|
f = c[4],
|
|
E =
|
|
c[7] +
|
|
(t(f, 6) ^ t(f, 11) ^ t(f, 25)) +
|
|
((f & c[5]) ^ (~f & c[6])) +
|
|
u[n] +
|
|
(g[n] =
|
|
n < 16
|
|
? g[n]
|
|
: (g[n - 16] +
|
|
(t(w, 7) ^ t(w, 18) ^ (w >>> 3)) +
|
|
g[n - 7] +
|
|
(t(b, 17) ^ t(b, 19) ^ (b >>> 10))) |
|
|
0);
|
|
(c = [
|
|
(E +
|
|
((t(h, 2) ^ t(h, 13) ^ t(h, 22)) +
|
|
((h & c[1]) ^ (h & c[2]) ^ (c[1] & c[2])))) |
|
|
0,
|
|
].concat(c))[4] = (c[4] + E) | 0;
|
|
}
|
|
for (n = 0; n < 8; n++) c[n] = (c[n] + y[n]) | 0;
|
|
}
|
|
for (n = 0; n < 8; n++)
|
|
for (r = 3; r + 1; r--) {
|
|
var C = (c[n] >> (8 * r)) & 255;
|
|
o += (C < 16 ? 0 : "") + C.toString(16);
|
|
}
|
|
return o;
|
|
}
|
|
var ac = (e) =>
|
|
new Uint8Array(e).reduce((t, n) => t + String.fromCharCode(n), ""),
|
|
rc = (e) => window.btoa(Array.isArray(e) ? ac(e) : e),
|
|
uo = (e) =>
|
|
rc(e).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, ""),
|
|
ic = (e) => Array.from(e.match(/.{1,2}/g) ?? [], (t) => parseInt(t, 16)),
|
|
lc = () =>
|
|
Math.random().toString(36).slice(2, 10) +
|
|
Math.random().toString(36).slice(2, 10) +
|
|
Math.random().toString(36).slice(2, 10) +
|
|
Math.random().toString(36).slice(2, 10),
|
|
ss = (e) =>
|
|
Object.entries(e)
|
|
.map(([t, n]) => `${encodeURIComponent(t)}=${encodeURIComponent(n)}`)
|
|
.join("&"),
|
|
oc = ({ error: e }) => e === "authorization_pending",
|
|
sc = ({ error_description: e }) => e === "Not OAuth beta user",
|
|
dc = async (e) => {
|
|
let t = uo(lc()),
|
|
n = uo(ic(Pn(t))),
|
|
r = await fetch(`${pr}/authorize`, {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
|
|
},
|
|
body: ss({
|
|
client_id: "chromaui:addon-visual-tests",
|
|
code_challenge: n,
|
|
}),
|
|
}),
|
|
{
|
|
device_code: i,
|
|
user_code: l,
|
|
verification_uri_complete: o,
|
|
expires_in: s,
|
|
interval: d,
|
|
} = await r.json(),
|
|
c = e ? o.replace("https://www", `https://${e}`) : o;
|
|
return {
|
|
expires: Date.now() + s * 1e3,
|
|
interval: d * 1e3,
|
|
user_code: l,
|
|
device_code: i,
|
|
verifier: t,
|
|
verificationUrl: c,
|
|
};
|
|
},
|
|
cc = async ({ expires: e, device_code: t, verifier: n }) => {
|
|
if (Date.now() >= e)
|
|
throw new Error("Token exchange expired, please restart sign in.");
|
|
try {
|
|
let r = await (
|
|
await fetch(`${pr}/token`, {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type":
|
|
"application/x-www-form-urlencoded;charset=UTF-8",
|
|
},
|
|
body: ss({
|
|
client_id: "chromaui:addon-visual-tests",
|
|
grant_type: "urn:ietf:params:oauth:grant-type:device_code",
|
|
device_code: t,
|
|
code_verifier: n,
|
|
scope: "user:read account:read project:read project:write",
|
|
}),
|
|
})
|
|
).json();
|
|
if (oc(r))
|
|
throw new Error(
|
|
"You have not authorized the Visual Tests addon for Chromatic, please try again",
|
|
);
|
|
if (r.access_token) return r.access_token;
|
|
if (sc(r))
|
|
return (
|
|
alert("You must be a beta user to use this addon at this time."),
|
|
null
|
|
);
|
|
throw new Error();
|
|
} catch (r) {
|
|
throw (console.warn(r), r);
|
|
}
|
|
},
|
|
hr = He(null),
|
|
uc = ({ children: e, value: t }) =>
|
|
a.createElement(hr.Provider, { value: t }, e),
|
|
Ve = (e, t) => {
|
|
let n = ht(hr, "Telemetry");
|
|
te(() => n({ location: e, screen: t }), [e, t, n]);
|
|
},
|
|
mc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M6.25 4.254a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-.5 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M13 1.504v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11a.5.5 0 01.5-.5h11a.5.5 0 01.5.5zM2 9.297V2.004h10v5.293L9.854 5.15a.5.5 0 00-.708 0L6.5 7.797 5.354 6.65a.5.5 0 00-.708 0L2 9.297zM9.5 6.21l2.5 2.5v3.293H2V10.71l3-3 3.146 3.146a.5.5 0 00.708-.707L7.207 8.504 9.5 6.21z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
ds = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 15",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M3 3.004H.5a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h10a.5.5 0 00.5-.5v-2.5h2.5a.5.5 0 00.5-.5v-10a.5.5 0 00-.5-.5h-10a.5.5 0 00-.5.5v2.5zm1 1v2.293l2.293-2.293H4zm-1 0v6.5a.499.499 0 00.497.5H10v2H1v-9h2zm1-1h6.5a.499.499 0 01.5.5v6.5h2v-9H4v2zm6 7V7.71l-2.293 2.293H10zm0-3.707V4.71l-5.293 5.293h1.586L10 6.297zm-.707-2.293H7.707L4 7.71v1.586l5.293-5.293z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
fr = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M12.813 7.425l-9.05 5.603A.5.5 0 013 12.603V1.398a.5.5 0 01.763-.425l9.05 5.602a.5.5 0 010 .85z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
pc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M1 1.504a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
hc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M4.2 10.88L10.668 7 4.2 3.12v7.76zM3 2.414v9.174a.8.8 0 001.212.686l7.645-4.587a.8.8 0 000-1.372L4.212 1.727A.8.8 0 003 2.413z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
fc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M4.5 4a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h5a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5h-5z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0A6 6 0 111 7a6 6 0 0112 0z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
cs = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M4 5.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7.5a.5.5 0 000 1h5a.5.5 0 000-1h-5zM4 10.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M1.5 0a.5.5 0 00-.5.5v13a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V3.207a.5.5 0 00-.146-.353L10.146.146A.5.5 0 009.793 0H1.5zM2 1h7.5v2a.5.5 0 00.5.5h2V13H2V1z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
gc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M6 7a3 3 0 110-6h5.5a.5.5 0 010 1H10v10.5a.5.5 0 01-1 0V2H7v10.5a.5.5 0 01-1 0V7z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
vc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M5.586 5.586A2 2 0 018.862 7.73a.5.5 0 10.931.365 3 3 0 10-1.697 1.697.5.5 0 10-.365-.93 2 2 0 01-2.145-3.277z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M.939 6.527c.127.128.19.297.185.464a.635.635 0 01-.185.465L0 8.395a7.099 7.099 0 001.067 2.572h1.32c.182 0 .345.076.46.197a.635.635 0 01.198.46v1.317A7.097 7.097 0 005.602 14l.94-.94a.634.634 0 01.45-.186H7.021c.163 0 .326.061.45.186l.939.938a7.098 7.098 0 002.547-1.057V11.61c0-.181.075-.344.197-.46a.634.634 0 01.46-.197h1.33c.507-.76.871-1.622 1.056-2.55l-.946-.946a.635.635 0 01-.186-.465.635.635 0 01.186-.464l.943-.944a7.099 7.099 0 00-1.044-2.522h-1.34a.635.635 0 01-.46-.197.635.635 0 01-.196-.46V1.057A7.096 7.096 0 008.413.002l-.942.942a.634.634 0 01-.45.186H6.992a.634.634 0 01-.45-.186L5.598 0a7.097 7.097 0 00-2.553 1.058v1.33c0 .182-.076.345-.197.46a.635.635 0 01-.46.198h-1.33A7.098 7.098 0 00.003 5.591l.936.936zm.707 1.636c.324-.324.482-.752.479-1.172a1.634 1.634 0 00-.48-1.171l-.538-.539c.126-.433.299-.847.513-1.235h.768c.459 0 .873-.19 1.167-.49.3-.295.49-.708.49-1.167v-.77c.39-.215.807-.388 1.243-.515l.547.547c.32.32.742.48 1.157.48l.015-.001h.014c.415 0 .836-.158 1.157-.479l.545-.544c.433.126.846.299 1.234.512v.784c0 .46.19.874.49 1.168.294.3.708.49 1.167.49h.776c.209.382.378.788.502 1.213l-.545.546a1.635 1.635 0 00-.48 1.17c-.003.421.155.849.48 1.173l.549.55c-.126.434-.3.85-.513 1.239h-.77c-.458 0-.872.19-1.166.49-.3.294-.49.708-.49 1.167v.77a6.09 6.09 0 01-1.238.514l-.54-.54a1.636 1.636 0 00-1.158-.48H6.992c-.415 0-.837.159-1.157.48l-.543.543a6.091 6.091 0 01-1.247-.516v-.756c0-.459-.19-.873-.49-1.167-.294-.3-.708-.49-1.167-.49h-.761a6.094 6.094 0 01-.523-1.262l.542-.542z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
yc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M4 7a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM13 7a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM7 8.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
bc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 15",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M5.903.112a.107.107 0 01.194 0l.233.505.552.066c.091.01.128.123.06.185l-.408.377.109.546a.107.107 0 01-.158.114L6 1.633l-.486.272a.107.107 0 01-.157-.114l.108-.546-.408-.377a.107.107 0 01.06-.185L5.67.617l.233-.505zM2.194.224a.214.214 0 00-.389 0l-.466 1.01-1.104.13a.214.214 0 00-.12.371l.816.755-.217 1.091a.214.214 0 00.315.23L2 3.266l.971.543c.16.09.35-.05.315-.229l-.217-1.09.817-.756a.214.214 0 00-.12-.37L2.66 1.234 2.194.224zM12.194 8.224a.214.214 0 00-.389 0l-.466 1.01-1.104.13a.214.214 0 00-.12.371l.816.755-.217 1.091a.214.214 0 00.315.23l.97-.544.971.543c.16.09.35-.05.315-.229l-.217-1.09.817-.756a.214.214 0 00-.12-.37l-1.105-.131-.466-1.01z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M.147 11.857a.5.5 0 010-.707l11-11a.5.5 0 01.706 0l2 2a.5.5 0 010 .708l-11 11a.5.5 0 01-.706 0l-2-2zm2.353.94l-1.293-1.293 6.758-6.758L9.258 6.04 2.5 12.797zm7.465-7.465l2.828-2.828L11.5 1.211 8.672 4.039l1.293 1.293z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Ji = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M13.854 3.354a.5.5 0 00-.708-.708L5 10.793.854 6.646a.5.5 0 10-.708.708l4.5 4.5a.5.5 0 00.708 0l8.5-8.5z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
mo = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M11.5 2a.5.5 0 000 1h2a.5.5 0 000-1h-2zM9.3 2.6a.5.5 0 01.1.7l-5.995 7.993a.505.505 0 01-.37.206.5.5 0 01-.395-.152L.146 8.854a.5.5 0 11.708-.708l2.092 2.093L8.6 2.7a.5.5 0 01.7-.1zM11 7a.5.5 0 01.5-.5h2a.5.5 0 010 1h-2A.5.5 0 0111 7zM11.5 11a.5.5 0 000 1h2a.5.5 0 000-1h-2z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Ec = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M7 3a.5.5 0 01.5.5v3h3a.5.5 0 010 1h-3v3a.5.5 0 01-1 0v-3h-3a.5.5 0 010-1h3v-3A.5.5 0 017 3z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Qi = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M9.854 4.146a.5.5 0 010 .708L7.707 7l2.147 2.146a.5.5 0 01-.708.708L7 7.707 4.854 9.854a.5.5 0 01-.708-.708L6.293 7 4.146 4.854a.5.5 0 11.708-.708L7 6.293l2.146-2.147a.5.5 0 01.708 0z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
kc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M7 14A7 7 0 107 0a7 7 0 000 14zm3.854-9.354a.5.5 0 010 .708l-4.5 4.5a.5.5 0 01-.708 0l-2.5-2.5a.5.5 0 11.708-.708L6 8.793l4.146-4.147a.5.5 0 01.708 0z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
wc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M7 14A7 7 0 107 0a7 7 0 000 14zM3.5 6.5a.5.5 0 000 1h7a.5.5 0 000-1h-7z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
ln = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M7 14A7 7 0 107 0a7 7 0 000 14zm2.854-9.854a.5.5 0 010 .708L7.707 7l2.147 2.146a.5.5 0 01-.708.708L7 7.707 4.854 9.854a.5.5 0 01-.708-.708L6.293 7 4.146 4.854a.5.5 0 11.708-.708L7 6.293l2.146-2.147a.5.5 0 01.708 0z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Cc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 15",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M8 8.004a1 1 0 01-.5.866v1.634a.5.5 0 01-1 0V8.87A1 1 0 118 8.004z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M3 4.004a4 4 0 118 0v1h1.5a.5.5 0 01.5.5v8a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-8a.5.5 0 01.5-.5H3v-1zm7 1v-1a3 3 0 10-6 0v1h6zm2 1H2v7h10v-7z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Sc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M7 5.5a.5.5 0 01.5.5v4a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zM7 4.5A.75.75 0 107 3a.75.75 0 000 1.5z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
us = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M5.25 5.25A1.75 1.75 0 117 7a.5.5 0 00-.5.5V9a.5.5 0 001 0V7.955A2.75 2.75 0 104.25 5.25a.5.5 0 001 0zM7 11.5A.75.75 0 107 10a.75.75 0 000 1.5z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0A6 6 0 111 7a6 6 0 0112 0z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
xc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-3.524 4.89A5.972 5.972 0 017 13a5.972 5.972 0 01-3.477-1.11l1.445-1.444C5.564 10.798 6.258 11 7 11s1.436-.202 2.032-.554l1.444 1.445zm-.03-2.858l1.445 1.444A5.972 5.972 0 0013 7c0-1.296-.41-2.496-1.11-3.477l-1.444 1.445C10.798 5.564 11 6.258 11 7s-.202 1.436-.554 2.032zM9.032 3.554l1.444-1.445A5.972 5.972 0 007 1c-1.296 0-2.496.41-3.477 1.11l1.445 1.444A3.981 3.981 0 017 3c.742 0 1.436.202 2.032.554zM3.554 4.968L2.109 3.523A5.973 5.973 0 001 7c0 1.296.41 2.496 1.11 3.476l1.444-1.444A3.981 3.981 0 013 7c0-.742.202-1.436.554-2.032zM10 7a3 3 0 11-6 0 3 3 0 016 0z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Nc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M7 4.5a.5.5 0 01.5.5v3.5a.5.5 0 11-1 0V5a.5.5 0 01.5-.5zM7.75 10.5a.75.75 0 11-1.5 0 .75.75 0 011.5 0z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M7.206 1.045a.498.498 0 01.23.209l6.494 10.992a.5.5 0 01-.438.754H.508a.497.497 0 01-.506-.452.498.498 0 01.072-.31l6.49-10.984a.497.497 0 01.642-.21zM7 2.483L1.376 12h11.248L7 2.483z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
ms = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M2 1.004a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1v-4.5a.5.5 0 00-1 0v4.5H2v-10h4.5a.5.5 0 000-1H2z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
d: "M7.354 7.357L12 2.711v1.793a.5.5 0 001 0v-3a.5.5 0 00-.5-.5h-3a.5.5 0 100 1h1.793L6.646 6.65a.5.5 0 10.708.707z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Mc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S(
|
|
"g",
|
|
{ clipPath: "url(#prefix__clip0_1449_588)" },
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M8.414 1.586a2 2 0 00-2.828 0l-4 4a2 2 0 000 2.828l4 4a2 2 0 002.828 0l4-4a2 2 0 000-2.828l-4-4zm.707-.707a3 3 0 00-4.242 0l-4 4a3 3 0 000 4.242l4 4a3 3 0 004.242 0l4-4a3 3 0 000-4.242l-4-4z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
S(
|
|
"defs",
|
|
null,
|
|
S(
|
|
"clipPath",
|
|
{ id: "prefix__clip0_1449_588" },
|
|
S("path", { fill: "#fff", d: "M0 0h14v14H0z" }),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Xi = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M1.146 4.604l5.5 5.5a.5.5 0 00.708 0l5.5-5.5a.5.5 0 00-.708-.708L7 9.043 1.854 3.896a.5.5 0 10-.708.708z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Fc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M2.76 7.096a.498.498 0 00.136.258l5.5 5.5a.5.5 0 00.707-.708L3.958 7l5.147-5.146a.5.5 0 10-.708-.708l-5.5 5.5a.5.5 0 00-.137.45z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Ac = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M11.104 7.354l-5.5 5.5a.5.5 0 01-.708-.708L10.043 7 4.896 1.854a.5.5 0 11.708-.708l5.5 5.5a.5.5 0 010 .708z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Lc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M3.854 4.896a.5.5 0 10-.708.708l3.5 3.5a.5.5 0 00.708 0l3.5-3.5a.5.5 0 00-.708-.708L7 8.043 3.854 4.896z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Tc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M10.646 2.646a.5.5 0 01.708 0l1.5 1.5a.5.5 0 010 .708l-1.5 1.5a.5.5 0 01-.708-.708L11.293 5H1.5a.5.5 0 010-1h9.793l-.647-.646a.5.5 0 010-.708zM3.354 8.354L2.707 9H12.5a.5.5 0 010 1H2.707l.647.646a.5.5 0 01-.708.708l-1.5-1.5a.5.5 0 010-.708l1.5-1.5a.5.5 0 11.708.708z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Zc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M1.146 3.854a.5.5 0 010-.708l2-2a.5.5 0 11.708.708L2.707 3h6.295A4 4 0 019 11H3a.5.5 0 010-1h6a3 3 0 100-6H2.707l1.147 1.146a.5.5 0 11-.708.708l-2-2z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
ps = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M5.5 1A.5.5 0 005 .5H2a.5.5 0 000 1h1.535a6.502 6.502 0 002.383 11.91.5.5 0 10.165-.986A5.502 5.502 0 014.5 2.1V4a.5.5 0 001 0V1.353a.5.5 0 000-.023V1zM7.507 1a.5.5 0 01.576-.41 6.502 6.502 0 012.383 11.91H12a.5.5 0 010 1H9a.5.5 0 01-.5-.5v-3a.5.5 0 011 0v1.9A5.5 5.5 0 007.917 1.576.5.5 0 017.507 1z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Oc = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M0 7a7 7 0 1114 0A7 7 0 010 7zm6.5 3.5v2.48A6.001 6.001 0 011.02 7.5H3.5a.5.5 0 000-1H1.02A6.001 6.001 0 016.5 1.02V3.5a.5.5 0 001 0V1.02a6.001 6.001 0 015.48 5.48H10.5a.5.5 0 000 1h2.48a6.002 6.002 0 01-5.48 5.48V10.5a.5.5 0 00-1 0z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
_c = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
d: "M7.5 4.5a.5.5 0 00-1 0v2.634a1 1 0 101 0V4.5z",
|
|
fill: e,
|
|
}),
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M5.5.5A.5.5 0 016 0h2a.5.5 0 010 1h-.5v1.02a5.973 5.973 0 013.374 1.398l.772-.772a.5.5 0 01.708.708l-.772.772A6 6 0 116.5 2.02V1H6a.5.5 0 01-.5-.5zM7 3a5 5 0 100 10A5 5 0 007 3z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
),
|
|
Ic = W(({ color: e = "currentColor", size: t = 14, ...n }, r) =>
|
|
S(
|
|
"svg",
|
|
{
|
|
width: t,
|
|
height: t,
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
ref: r,
|
|
...n,
|
|
},
|
|
S("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M14 7A7 7 0 110 7a7 7 0 0114 0zM2.671 11.155c.696-1.006 2.602-1.816 3.194-1.91.226-.036.232-.658.232-.658s-.665-.658-.81-1.544c-.39 0-.63-.94-.241-1.272a2.578 2.578 0 00-.012-.13c-.066-.607-.28-2.606 1.965-2.606 2.246 0 2.031 2 1.966 2.606l-.012.13c.39.331.149 1.272-.24 1.272-.146.886-.81 1.544-.81 1.544s.004.622.23.658c.593.094 2.5.904 3.195 1.91a6 6 0 10-8.657 0z",
|
|
fill: e,
|
|
}),
|
|
),
|
|
);
|
|
function hs() {
|
|
let e = Zt(),
|
|
{ addNotification: t, setOptions: n, togglePanel: r } = e,
|
|
i = K(
|
|
({ onDismiss: l }) => {
|
|
(l(), n({ selectedPanel: rn }), r(!0));
|
|
},
|
|
[n, r],
|
|
);
|
|
return K(
|
|
(l, o) => {
|
|
t({
|
|
id: `${U}/error/${Date.now()}`,
|
|
content: { headline: l, subHeadline: o.toString() },
|
|
icon: a.createElement(ln, { color: Cn.negative }),
|
|
onClick: i,
|
|
});
|
|
},
|
|
[t, i],
|
|
);
|
|
}
|
|
var Fn = new Map(),
|
|
bi = (e, t, n, r = !0) => {
|
|
let i = () => {
|
|
(window.clearTimeout(Fn.get(e)), Fn.delete(e));
|
|
},
|
|
l = (...o) => {
|
|
(Fn.has(e) ? i() : r && t(...o),
|
|
Fn.set(
|
|
e,
|
|
window.setTimeout(() => Fn.delete(e) && t(...o), n),
|
|
));
|
|
};
|
|
return ((l.cancel = i), l);
|
|
};
|
|
function Be(e, t) {
|
|
let n = K(() => {
|
|
try {
|
|
let s = sessionStorage.getItem(`${U}/state/${e}`);
|
|
if (s != null) return JSON.parse(s);
|
|
} catch {}
|
|
return typeof t == "function" ? t() : t;
|
|
}, [e, t]),
|
|
[r, i] = Le(n),
|
|
l = ft(
|
|
() =>
|
|
bi(
|
|
e,
|
|
(s) => {
|
|
let d = new Set(
|
|
sessionStorage.getItem(`${U}/state`)?.split(";"),
|
|
);
|
|
(s == null
|
|
? (sessionStorage.removeItem(`${U}/state/${e}`), d.delete(e))
|
|
: (sessionStorage.setItem(
|
|
`${U}/state/${e}`,
|
|
JSON.stringify(s),
|
|
),
|
|
d.add(e)),
|
|
sessionStorage.setItem(`${U}/state`, Array.from(d).join(";")),
|
|
window.dispatchEvent(
|
|
new StorageEvent("session-storage", { key: e }),
|
|
));
|
|
},
|
|
1e3,
|
|
),
|
|
[e],
|
|
);
|
|
te(() => l.cancel, [l]);
|
|
let o = K(
|
|
(s) => {
|
|
let d = s;
|
|
(!d.key || d.key === e) && i(n());
|
|
},
|
|
[e, n],
|
|
);
|
|
return (
|
|
te(
|
|
() => (
|
|
window.addEventListener("storage", o),
|
|
window.addEventListener("session-storage", o),
|
|
() => {
|
|
(window.removeEventListener("storage", o),
|
|
window.removeEventListener("session-storage", o));
|
|
}
|
|
),
|
|
[o],
|
|
),
|
|
[
|
|
r,
|
|
K(
|
|
(s) =>
|
|
i((d) => {
|
|
let c = typeof s == "function" ? s(d) : s;
|
|
return (l(c), c);
|
|
}),
|
|
[l],
|
|
),
|
|
]
|
|
);
|
|
}
|
|
function Rc(...e) {
|
|
let t = sessionStorage.getItem(`${U}/state`)?.split(";") || [];
|
|
e.length
|
|
? (e.forEach((n) => sessionStorage.removeItem(`${U}/state/${n}`)),
|
|
sessionStorage.setItem(
|
|
`${U}/state`,
|
|
t.filter((n) => !e.includes(n)).join(";"),
|
|
))
|
|
: (t.forEach((n) => sessionStorage.removeItem(`${U}/state/${n}`)),
|
|
sessionStorage.removeItem(`${U}/state`));
|
|
}
|
|
var fs = He(void 0),
|
|
Bc = ({ children: e, addonUninstalled: t, setAddonUninstalled: n }) => {
|
|
let r = Zt().getChannel();
|
|
if (!r) throw new Error("Channel not available");
|
|
let i = () => {
|
|
(r.emit(q1), n(!0));
|
|
};
|
|
return a.createElement(
|
|
fs.Provider,
|
|
{ value: { addonUninstalled: t, uninstallAddon: i } },
|
|
e,
|
|
);
|
|
},
|
|
gs = () => ht(fs, "Uninstall Addon"),
|
|
de = k.div({
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
flexGrow: 1,
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
padding: 10,
|
|
}),
|
|
le = k.h1(({ theme: e }) => ({
|
|
marginTop: 0,
|
|
marginBottom: 4,
|
|
fontSize: "1em",
|
|
fontWeight: "bold",
|
|
color: e.base === "light" ? e.color.defaultText : e.color.lightest,
|
|
})),
|
|
vs = (e) =>
|
|
a.createElement(
|
|
"svg",
|
|
{
|
|
width: "250",
|
|
height: "250",
|
|
viewBox: "0 0 250 250",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
...e,
|
|
},
|
|
a.createElement("circle", {
|
|
fill: "#FC521F",
|
|
cx: "125",
|
|
cy: "125",
|
|
r: "125",
|
|
}),
|
|
a.createElement(
|
|
"g",
|
|
{ transform: "translate(41.666667, 35.714286)", fill: "#FFFFFF" },
|
|
a.createElement("path", {
|
|
d: "M112.708657,146.772329 L92.8458667,135.31254 L152.602092,100.844023 C154.891568,99.5203449 157.049482,98.0062747 159.0592,96.3139009 C166.825876,107.373262 167.589539,121.939765 160.66516,133.92842 C154.409175,144.750546 142.73799,151.473199 130.221483,151.473199 C124.09706,151.473199 118.045223,149.847312 112.708657,146.772329 L112.708657,146.772329 Z M107.923895,155.053476 C110.216395,156.378666 112.605676,157.490797 115.07964,158.385337 C109.377122,170.633893 97.1373485,178.571429 83.2734687,178.571429 C63.9218033,178.571429 48.1691815,162.835374 48.1691815,143.496981 L48.1691815,74.5554134 L78.4888574,92.0503277 L78.4888574,135.313145 C78.4888574,137.020629 79.4022283,138.599674 80.8796509,139.453416 L107.923895,155.053476 Z M36.4190595,151.46776 C23.8995283,151.46776 12.2480021,144.751151 5.98899256,133.933558 C1.30721131,125.820741 0.0551068452,116.370646 2.48672976,107.316446 C4.91684048,98.2622464 10.7176524,90.6979399 18.8427205,86.0152018 L38.6994619,74.5584354 L38.7024863,143.484893 C38.7024863,146.129227 38.929317,148.752406 39.390539,151.346876 C38.401558,151.429983 37.4080405,151.46776 36.4190595,151.46776 L36.4190595,151.46776 Z M113.68917,66.2735101 L83.3815914,83.7593583 L45.8819741,62.1302164 C45.1440188,61.7056119 44.3183557,61.4895318 43.486644,61.4895318 C42.6655176,61.4895318 41.8398545,61.7056119 41.0973628,62.1302164 L14.0576557,77.7302765 C11.7666676,79.0463994 9.60270476,80.5574473 7.59298661,82.2573765 C-0.170665179,71.1995268 -0.928278869,56.6345345 5.98853899,44.6413461 C12.2475482,33.820731 23.9066357,27.0920339 36.4307033,27.0920339 C42.5475658,27.0920339 48.6024277,28.7239658 53.9435298,31.8004598 L113.68917,66.2735101 L113.68917,66.2735101 Z M83.2737711,0 C102.63451,0 118.376546,15.7360545 118.376546,35.0820027 L118.376546,57.9985577 L58.6384673,23.5360845 C56.3459673,22.2078732 53.9551738,21.0927199 51.4736482,20.1951574 C57.1761667,7.94206845 69.4189646,0 83.2737711,0 Z M160.664858,44.652528 C170.33691,61.4040065 164.575415,82.8986652 147.809618,92.5663506 L88.0639777,127.036379 L88.0639777,92.0586387 L125.559058,70.4264747 C127.041018,69.5727324 127.954388,67.9936872 127.954388,66.284692 L127.954388,35.0845714 C127.957412,32.4493039 127.718485,29.8231021 127.266336,27.2376991 C128.247756,27.1515693 129.236737,27.1107708 130.228742,27.1107708 C142.749785,27.1107708 154.411897,33.8334238 160.664858,44.652528 L160.664858,44.652528 Z",
|
|
}),
|
|
),
|
|
),
|
|
Pc = pt(Ui()),
|
|
Vc = (e, t) =>
|
|
(t &&
|
|
{
|
|
positive: { color: e.color.positiveText },
|
|
warning: { color: e.color.warningText },
|
|
}[t]) ||
|
|
{},
|
|
dt = k(Ol)(
|
|
({ active: e, variant: t, theme: n }) => ({
|
|
display: "inline-flex",
|
|
alignItems: "center",
|
|
verticalAlign: "top",
|
|
gap: 6,
|
|
margin: 0,
|
|
color: e || t === "outline" ? n.color.secondary : n.color.mediumdark,
|
|
fontWeight: "normal",
|
|
"& > svg": { width: "auto" },
|
|
}),
|
|
({ active: e, status: t, theme: n }) => !e && Vc(n, t),
|
|
({ active: e, theme: t }) => {
|
|
let n = t.background.content === t.color.lightest,
|
|
r = n ? "rgb(241,248,255)" : "rgb(28,37,45)",
|
|
i = n ? "rgb(229,243,255)" : "rgb(29,44,56)";
|
|
return {
|
|
"--bg-color": e ? r : t.background.content,
|
|
"&:hover": { "--bg-color": i, color: t.color.secondary },
|
|
};
|
|
},
|
|
),
|
|
ys = k.div({ display: "flex", flexDirection: "column" }),
|
|
Ei = k.div(({ theme: e }) => ({
|
|
padding: 15,
|
|
lineHeight: "18px",
|
|
borderBottom: `1px solid ${e.appBorderColor}`,
|
|
p: { margin: "10px 0", "&:last-of-type": { marginBottom: 0 } },
|
|
dl: {
|
|
display: "grid",
|
|
gridTemplateColumns: "auto 1fr",
|
|
gap: 10,
|
|
margin: "10px 0 0 0",
|
|
},
|
|
dt: { color: e.color.mediumdark, fontWeight: 700 },
|
|
dd: { marginLeft: 0 },
|
|
"button + button": { marginLeft: 10 },
|
|
})),
|
|
Ha = k.div({ display: "flex", fontWeight: "bold", marginBottom: 15 }),
|
|
po = k(Sc)(({ theme: e }) => ({
|
|
width: 12,
|
|
height: 12,
|
|
margin: "3px 6px",
|
|
verticalAlign: "top",
|
|
color: e.color.mediumdark,
|
|
})),
|
|
gr = {
|
|
width: 14,
|
|
height: 14,
|
|
margin: "2px 6px 2px 0",
|
|
verticalAlign: "top",
|
|
},
|
|
Hc = k(_c)(gr),
|
|
jc = k(fc)(gr),
|
|
Dc = k(ds)(gr),
|
|
zc = k(gc)(gr),
|
|
el = k(Qi)({ marginLeft: "auto" }),
|
|
tl = k(dt)({ margin: -5, marginLeft: "auto" }),
|
|
re = k(xn)(
|
|
{
|
|
"&&": {
|
|
display: "inline-flex",
|
|
borderRadius: 4,
|
|
fontSize: 13,
|
|
lineHeight: "14px",
|
|
padding: "9px 12px",
|
|
alignItems: "center",
|
|
"@container (min-width: 800px)": { padding: "8px 10px" },
|
|
},
|
|
},
|
|
({ link: e, theme: t }) =>
|
|
e &&
|
|
se({
|
|
"&&": {
|
|
background: "none",
|
|
boxShadow: "none",
|
|
padding: 2,
|
|
fontWeight: "normal",
|
|
color: t.base === "light" ? t.color.dark : "#C9CDCF",
|
|
opacity: 0.8,
|
|
transition: "opacity 150ms ease-out",
|
|
"&:hover, &:focus": { opacity: 1 },
|
|
"&:focus:not(:active)": {
|
|
outline: `1px solid ${t.color.secondary}`,
|
|
},
|
|
},
|
|
}),
|
|
({ tertiary: e }) => e && se({ "&&:hover": { boxShadow: "none" } }),
|
|
({ belowText: e }) => e && { marginTop: 7 },
|
|
),
|
|
Te = k(Zl)(({ theme: e }) => ({
|
|
color: e.base === "light" ? e.color.darker : e.color.lighter,
|
|
border: `1px solid ${e.appBorderColor}`,
|
|
fontSize: "12px",
|
|
padding: "2px 3px",
|
|
})),
|
|
ho = "experimental_useSharedState_getValue",
|
|
Sa = "experimental_useSharedState_setValue",
|
|
Ur = new Map(),
|
|
bs = class {
|
|
constructor(e) {
|
|
((this.channel = e),
|
|
(this.listeners = []),
|
|
(this.state = {}),
|
|
this.channel.on(Sa, (t, n, r) => {
|
|
this.state?.[t]?.index >= r ||
|
|
(this.state[t] = { index: r, value: n });
|
|
}),
|
|
this.channel.on(ho, (t) => {
|
|
let n = this.state[t]?.index ?? 0,
|
|
r = this.state[t]?.value;
|
|
this.channel.emit(Sa, t, r, n);
|
|
}));
|
|
}
|
|
get(e) {
|
|
return (
|
|
this.state[e] || this.channel.emit(ho, e),
|
|
this.state[e]?.value
|
|
);
|
|
}
|
|
set(e, t) {
|
|
let n = (this.state[e]?.index ?? 0) + 1;
|
|
((this.state[e] = { index: n, value: t }),
|
|
this.channel.emit(Sa, e, t, n));
|
|
}
|
|
static subscribe(e, t) {
|
|
let n = Ur.get(e) || new bs(t);
|
|
return (
|
|
Ur.has(e) ||
|
|
(Ur.set(e, n),
|
|
n.channel.on(Sa, (r, i) => {
|
|
r === e && n.listeners.forEach((l) => l(i));
|
|
})),
|
|
{
|
|
get value() {
|
|
return n.get(e);
|
|
},
|
|
set value(r) {
|
|
n.set(e, r);
|
|
},
|
|
on(r, i) {
|
|
if (r !== "change") throw new Error("unsupported event");
|
|
n.listeners.push(i);
|
|
},
|
|
off(r, i) {
|
|
if (r !== "change") throw new Error("unsupported event");
|
|
let l = n.listeners.indexOf(i);
|
|
l >= 0 && n.listeners.splice(l, 1);
|
|
},
|
|
}
|
|
);
|
|
}
|
|
};
|
|
function we(e) {
|
|
let t = Zt().getChannel();
|
|
if (!t) throw new Error("Channel not available");
|
|
let n = Ee(bs.subscribe(e, t)),
|
|
[r, i] = Le(n.current.value);
|
|
return (
|
|
te(() => {
|
|
let l = n.current;
|
|
return (l.on("change", i), () => l.off("change", i));
|
|
}, [n]),
|
|
[
|
|
r,
|
|
K((l) => {
|
|
(i(l), (n.current.value = l));
|
|
}, []),
|
|
]
|
|
);
|
|
}
|
|
var Uc = {
|
|
autoAcceptChanges: {
|
|
description:
|
|
"Automatically accept visual changes - usually for a specific branch name.",
|
|
type: "true or branch name",
|
|
},
|
|
buildScriptName: {
|
|
description: "The package.json script that builds your Storybook.",
|
|
type: "string",
|
|
},
|
|
cypress: {
|
|
description:
|
|
"Run build against `@chromatic-com/cypress` test archives.",
|
|
type: "boolean",
|
|
},
|
|
debug: {
|
|
description: "Output verbose logs and debug information.",
|
|
type: "boolean",
|
|
},
|
|
diagnosticsFile: {
|
|
description: "Write process information to a JSON file.",
|
|
type: "string or boolean",
|
|
},
|
|
exitOnceUploaded: {
|
|
description:
|
|
"Exit the process as soon as your Storybook is published.",
|
|
type: "string or boolean",
|
|
},
|
|
exitZeroOnChanges: {
|
|
description:
|
|
"Exit the process succesfully even when visual changes are found.",
|
|
type: "string or boolean",
|
|
},
|
|
externals: {
|
|
description:
|
|
"Disable TurboSnap when any of these files have changed since the baseline build.",
|
|
type: "string: ['public/**']",
|
|
},
|
|
fileHashing: {
|
|
description:
|
|
"Apply file hashing to skip uploading unchanged files - default: true",
|
|
type: "boolean",
|
|
},
|
|
ignoreLastBuildOnBranch: {
|
|
description:
|
|
"Do not use the last build on this branch as a baseline if it is no longer in history (i.e. branch was rebased).",
|
|
type: "string",
|
|
},
|
|
junitReport: {
|
|
description: "Write build results to a JUnit XML file.",
|
|
type: "string or boolean",
|
|
},
|
|
logFile: {
|
|
description: "Write Chromatic CLI logs to a file.",
|
|
type: "string or boolean",
|
|
},
|
|
onlyChanged: {
|
|
description:
|
|
"Enables TurboSnap to only run stories affected by files changed since the baseline build.",
|
|
type: "true or string (branch name)",
|
|
glob: !0,
|
|
},
|
|
onlyStoryFiles: {
|
|
description:
|
|
"Only run a single story or a subset of stories by their filename(s).",
|
|
type: "string[]",
|
|
},
|
|
onlyStoryNames: {
|
|
description:
|
|
"Only run a single story or a subset of stories by their name(s).",
|
|
type: "string[]",
|
|
},
|
|
outputDir: {
|
|
description:
|
|
"Relative path to target directory for building your Storybook, in case you want to preserve it.",
|
|
type: "string",
|
|
},
|
|
playwright: {
|
|
description:
|
|
"Run build against `@chromatic-com/playwright` test archives.",
|
|
type: "boolean",
|
|
},
|
|
projectId: {
|
|
description: "Unique identifier for your project. ",
|
|
type: "string",
|
|
},
|
|
projectToken: {
|
|
description:
|
|
"Secret token for your project. Preferably configured through CHROMATIC_PROJECT_TOKEN.",
|
|
type: "string",
|
|
},
|
|
skip: {
|
|
description:
|
|
"Skip Chromatic tests, but mark the commit as passing. Avoids blocking PRs due to required merge checks.",
|
|
type: "string or boolean",
|
|
},
|
|
storybookBaseDir: {
|
|
description:
|
|
"Relative path from repository root to Storybook project root.",
|
|
type: "string",
|
|
},
|
|
storybookBuildDir: {
|
|
description: "Path to the directory of an already built Storybook.",
|
|
type: "string",
|
|
},
|
|
storybookConfigDir: {
|
|
description:
|
|
"Relative path from where you run Chromatic to your Storybook config directory.",
|
|
type: "string",
|
|
},
|
|
storybookLogFile: {
|
|
description: "Write Storybook build logs to a file.",
|
|
type: "string or boolean",
|
|
},
|
|
untraced: {
|
|
description:
|
|
"Disregard these files and their dependencies when tracing dependent stories for TurboSnap.",
|
|
type: "string[]",
|
|
},
|
|
uploadMetadata: {
|
|
description:
|
|
"Upload Chromatic metadata files as part of the published Storybook.",
|
|
type: "boolean",
|
|
},
|
|
zip: {
|
|
description:
|
|
"Publish your Storybook to Chromatic as a single zip file instead of individual content files.",
|
|
type: "boolean",
|
|
},
|
|
},
|
|
$c = k(tl)({ position: "absolute", right: 16, top: 10 }),
|
|
Wc = k.div(({ theme: e }) => ({
|
|
backgroundColor: e.background.content,
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
minHeight: "100%",
|
|
overflowY: "auto",
|
|
padding: 20,
|
|
position: "relative",
|
|
})),
|
|
qc = k.div({ margin: "0 auto", maxWidth: 600, width: "100%" }),
|
|
fo = k.div(({ theme: e }) => ({
|
|
borderBottom: `1px solid ${e.appBorderColor}`,
|
|
marginBottom: 20,
|
|
paddingBottom: 20,
|
|
code: { fontSize: "90%" },
|
|
})),
|
|
Gc = k(Ha)({ marginBottom: 10 }),
|
|
Yc = k.div({ display: "flex", flexDirection: "column", gap: 20 }),
|
|
go = k.div(({ theme: e }) => ({
|
|
alignItems: "center",
|
|
borderRadius: e.appBorderRadius,
|
|
display: "flex",
|
|
flexWrap: "wrap",
|
|
"> div": { width: "100%" },
|
|
})),
|
|
vo = k.div({
|
|
display: "flex",
|
|
flexGrow: 1,
|
|
flexWrap: "wrap",
|
|
gap: "5px 10px",
|
|
}),
|
|
yo = k.div(({ theme: e }) => ({
|
|
fontWeight: e.typography.weight.bold,
|
|
div: { marginLeft: 5, position: "relative", top: 2 },
|
|
})),
|
|
bo = k.div({ marginTop: 10 }),
|
|
Kc = k.div(({ hideBorderRadius: e, theme: t }) => ({
|
|
background: t.base === "dark" ? t.color.darkest : t.color.lighter,
|
|
border: `1px solid ${t.appBorderColor}`,
|
|
borderRadius: t.appBorderRadius,
|
|
borderBottomLeftRadius: e ? 0 : t.appBorderRadius,
|
|
borderBottomRightRadius: e ? 0 : t.appBorderRadius,
|
|
color: t.base === "dark" ? t.color.medium : t.color.dark,
|
|
fontFamily: t.typography.fonts.mono,
|
|
fontSize: 13,
|
|
lineHeight: "20px",
|
|
padding: "5px 10px",
|
|
wordWrap: "break-word",
|
|
})),
|
|
Jc = k.div(({ theme: e }) => ({ color: e.color.warningText })),
|
|
Eo = k.div(({ theme: e }) => ({
|
|
color: e.base === "dark" ? e.color.medium : e.color.dark,
|
|
marginTop: 2,
|
|
})),
|
|
ko = k.div(({ warning: e, theme: t }) => ({
|
|
alignItems: "center",
|
|
display: "flex",
|
|
backgroundColor: e
|
|
? t.base === "dark"
|
|
? "#342E1A"
|
|
: t.background.warning
|
|
: t.background.hoverable,
|
|
border: `1px solid ${t.appBorderColor}`,
|
|
borderRadius: 3,
|
|
borderTopLeftRadius: 0,
|
|
borderTopRightRadius: 0,
|
|
borderTop: 0,
|
|
fontSize: t.typography.size.s1,
|
|
gap: 5,
|
|
lineHeight: "20px",
|
|
padding: 5,
|
|
svg: {
|
|
color: e
|
|
? t.base === "dark"
|
|
? t.color.warning
|
|
: t.color.warningText
|
|
: t.color.secondary,
|
|
flexShrink: 0,
|
|
},
|
|
code: { fontSize: "85%" },
|
|
})),
|
|
Qc = k.div(({ theme: e }) => ({
|
|
"&:nth-last-of-type(2)": {
|
|
borderBottom: `1px solid ${e.appBorderColor}`,
|
|
paddingBottom: 30,
|
|
},
|
|
})),
|
|
Es = { height: 12, margin: 2, verticalAlign: "top", width: 12 },
|
|
Xc = k(Nc)(Es),
|
|
eu = k(bc)(Es),
|
|
tu = ({ onClose: e }) => {
|
|
let { uninstallAddon: t } = gs(),
|
|
[n] = we(Wi),
|
|
{
|
|
configuration: r = {},
|
|
problems: i = {},
|
|
suggestions: l = {},
|
|
} = n || {},
|
|
{ configFile: o, ...s } = r,
|
|
d = Object.keys({ ...s, ...i, ...l })
|
|
.sort()
|
|
.map((c) => ({
|
|
key: c,
|
|
value: c in s ? s[c] : void 0,
|
|
problem: i[c],
|
|
suggestion: l[c],
|
|
}));
|
|
return a.createElement(
|
|
Wc,
|
|
null,
|
|
a.createElement(
|
|
$c,
|
|
{ onClick: e, style: { marginRight: -8 } },
|
|
a.createElement(el, { "aria-label": "Close" }),
|
|
),
|
|
a.createElement(
|
|
qc,
|
|
null,
|
|
a.createElement(Gc, null, "Configuration"),
|
|
o
|
|
? a.createElement(
|
|
fo,
|
|
null,
|
|
"This is a read-only representation of the Chromatic configuration options found in",
|
|
" ",
|
|
a.createElement(Te, null, o),
|
|
". Changes to the config file will be reflected here.",
|
|
" ",
|
|
a.createElement(
|
|
Ot,
|
|
{
|
|
href: "https://www.chromatic.com/docs/configure/",
|
|
target: "_blank",
|
|
withArrow: !0,
|
|
},
|
|
"Learn more",
|
|
),
|
|
)
|
|
: a.createElement(
|
|
fo,
|
|
null,
|
|
"To configure this addon, create ",
|
|
a.createElement(Te, null, "chromatic.config.json"),
|
|
" in your project's root directory.",
|
|
" ",
|
|
a.createElement(
|
|
Ot,
|
|
{
|
|
href: "https://www.chromatic.com/docs/cli#chromatic-config-file",
|
|
target: "_blank",
|
|
withArrow: !0,
|
|
},
|
|
"Learn more",
|
|
),
|
|
),
|
|
d &&
|
|
a.createElement(
|
|
Yc,
|
|
null,
|
|
d.map(({ key: c, value: u, problem: m, suggestion: p }) =>
|
|
a.createElement(
|
|
Qc,
|
|
{ key: c, id: `${c}-option` },
|
|
a.createElement(
|
|
go,
|
|
null,
|
|
a.createElement(
|
|
vo,
|
|
null,
|
|
a.createElement(yo, null, c, " "),
|
|
c in Qd &&
|
|
a.createElement(
|
|
Jc,
|
|
null,
|
|
"*Disabled for local builds",
|
|
),
|
|
),
|
|
a.createElement(Eo, null, Uc[c]?.description),
|
|
a.createElement(
|
|
bo,
|
|
null,
|
|
a.createElement(
|
|
Kc,
|
|
{ hideBorderRadius: !!(m || p) },
|
|
u === void 0 ? "undefined" : JSON.stringify(u),
|
|
),
|
|
),
|
|
),
|
|
m !== void 0 &&
|
|
a.createElement(
|
|
ko,
|
|
{ warning: !0 },
|
|
a.createElement(Xc, null),
|
|
m === null
|
|
? a.createElement(
|
|
"span",
|
|
null,
|
|
a.createElement("strong", null, "Warning: "),
|
|
"This should be removed.",
|
|
)
|
|
: a.createElement(
|
|
"span",
|
|
null,
|
|
a.createElement("strong", null, "Warning: "),
|
|
"This should be: ",
|
|
a.createElement(Te, null, JSON.stringify(m)),
|
|
),
|
|
),
|
|
p !== void 0 &&
|
|
a.createElement(
|
|
ko,
|
|
null,
|
|
a.createElement(eu, null),
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
a.createElement("strong", null, "Hint: "),
|
|
"Try setting as ",
|
|
a.createElement(Te, null, JSON.stringify(p)),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(
|
|
go,
|
|
null,
|
|
a.createElement(
|
|
vo,
|
|
null,
|
|
a.createElement(yo, null, "Uninstall addon"),
|
|
),
|
|
a.createElement(
|
|
Eo,
|
|
null,
|
|
"Removing the addon updates your Storybook configuration and uninstalls the dependency.",
|
|
),
|
|
a.createElement(
|
|
bo,
|
|
null,
|
|
a.createElement(re, { onClick: t }, "Uninstall"),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
ks = {
|
|
configVisible: !1,
|
|
settingsVisible: !1,
|
|
warningsVisible: !1,
|
|
baselineImageVisible: !1,
|
|
focusVisible: !1,
|
|
diffVisible: !1,
|
|
},
|
|
Kt = (e) => (t, n) => ({ ...t, [e]: typeof n == "boolean" ? n : !t[e] }),
|
|
nu = {
|
|
toggleDiff: Kt("diffVisible"),
|
|
toggleFocus: Kt("focusVisible"),
|
|
toggleConfig: Kt("configVisible"),
|
|
toggleSettings: Kt("settingsVisible"),
|
|
toggleWarnings: Kt("warningsVisible"),
|
|
toggleBaselineImage: Kt("baselineImageVisible"),
|
|
},
|
|
au = (e, t) => nu[t.type](e, t.payload),
|
|
ws = He(ks),
|
|
Cs = He(() => {}),
|
|
vr = () => ht(ws, "Controls"),
|
|
vn = () => {
|
|
let e = ht(Cs, "ControlsDispatch");
|
|
return ft(
|
|
() => ({
|
|
toggleDiff: (t) => e({ type: "toggleDiff", payload: t }),
|
|
toggleFocus: (t) => e({ type: "toggleFocus", payload: t }),
|
|
toggleConfig: (t) => e({ type: "toggleConfig", payload: t }),
|
|
toggleSettings: (t) => e({ type: "toggleSettings", payload: t }),
|
|
toggleWarnings: (t) => e({ type: "toggleWarnings", payload: t }),
|
|
toggleBaselineImage: (t) =>
|
|
e({ type: "toggleBaselineImage", payload: t }),
|
|
}),
|
|
[e],
|
|
);
|
|
},
|
|
ru = ({ children: e, initialState: t = ks }) => {
|
|
let [n, r] = Cl(au, t);
|
|
return a.createElement(
|
|
ws.Provider,
|
|
{ value: n },
|
|
a.createElement(Cs.Provider, { value: r }, e),
|
|
);
|
|
},
|
|
Ie = k(ba)({ marginBottom: "-4px", marginTop: "-4px", left: -8 }),
|
|
iu = k.div({ "& > div": { minWidth: 120 } });
|
|
function Ss(e) {
|
|
return (t) =>
|
|
Array.isArray(t)
|
|
? t.map(Ss(e))
|
|
: "onClick" in t && typeof t.onClick == "function"
|
|
? {
|
|
...t,
|
|
onClick: (...n) => {
|
|
(e(), t.onClick?.(...n));
|
|
},
|
|
}
|
|
: t;
|
|
}
|
|
var Wn = ({ children: e, links: t, note: n, ...r }) => {
|
|
let [i, l] = a.useState(!1),
|
|
o = a.createElement(
|
|
ke,
|
|
{
|
|
closeOnOutsideClick: !0,
|
|
closeOnTriggerHidden: !0,
|
|
onVisibleChange: (s) => l(s),
|
|
tooltip: ({ onHide: s }) =>
|
|
a.createElement(
|
|
iu,
|
|
null,
|
|
a.createElement(Il, { links: t.map(Ss(s)) }),
|
|
),
|
|
trigger: "click",
|
|
...r,
|
|
},
|
|
typeof e == "function"
|
|
? e(i)
|
|
: a.createElement(dt, { active: i }, e),
|
|
);
|
|
return n
|
|
? a.createElement(
|
|
ke,
|
|
{
|
|
tooltip: a.createElement(Ie, { note: n }),
|
|
trigger: "hover",
|
|
hasChrome: !1,
|
|
},
|
|
o,
|
|
)
|
|
: o;
|
|
},
|
|
yr = () => {
|
|
let { accessToken: e, setAccessToken: t, subdomain: n } = qi(),
|
|
{ toggleConfig: r } = vn(),
|
|
[i] = we(U1),
|
|
l = va(U),
|
|
{ projectId: o } = i || {},
|
|
s = [
|
|
{
|
|
id: "learn",
|
|
title: "About this addon",
|
|
icon: a.createElement(us, { "aria-hidden": !0 }),
|
|
href: "https://www.chromatic.com/docs/visual-testing-addon",
|
|
target: "_blank",
|
|
},
|
|
{
|
|
id: "configuration",
|
|
title: "Configuration",
|
|
icon: a.createElement(vc, { "aria-hidden": !0 }),
|
|
onClick: () => r(),
|
|
},
|
|
...(o
|
|
? [
|
|
{
|
|
id: "visit",
|
|
title: "View project on Chromatic",
|
|
icon: a.createElement(ms, { "aria-hidden": !0 }),
|
|
href: o
|
|
? `https://${n}.chromatic.com/builds?appId=${o?.split(":")[1]}`
|
|
: `https://${n}.chromatic.com/start`,
|
|
target: "_blank",
|
|
},
|
|
]
|
|
: []),
|
|
...(e
|
|
? [
|
|
{
|
|
id: "logout",
|
|
title: "Log out",
|
|
icon: a.createElement(Ic, { "aria-hidden": !0 }),
|
|
onClick: () => {
|
|
(l.unset(), t(null));
|
|
},
|
|
},
|
|
]
|
|
: []),
|
|
];
|
|
return a.createElement(
|
|
Wn,
|
|
{ placement: "top", links: s },
|
|
a.createElement(yc, null),
|
|
);
|
|
};
|
|
k.div(({ hidden: e, theme: t }) => ({
|
|
background: t.background.app,
|
|
containerType: "size",
|
|
display: e ? "none" : "flex",
|
|
flexDirection: "column",
|
|
height: "100%",
|
|
}));
|
|
var lu = k.div(
|
|
{ display: "flex", flexDirection: "column", flexGrow: 1 },
|
|
({ hidden: e }) => e && { display: "none" },
|
|
),
|
|
Hn = k.div(({ grow: e }) => e && { flexGrow: e ? 1 : "auto" }),
|
|
Vn = k.div(
|
|
{ display: "flex", flexDirection: "row", margin: 15 },
|
|
({ header: e, theme: t }) =>
|
|
e && {
|
|
margin: 0,
|
|
padding: 15,
|
|
borderBottom: `1px solid ${t.appBorderColor}`,
|
|
"@container (min-width: 800px)": {
|
|
height: 40,
|
|
alignItems: "center",
|
|
justifyContent: "space-between",
|
|
padding: "5px 15px",
|
|
},
|
|
},
|
|
),
|
|
ou = k(Vn)({ alignItems: "center", height: 40, margin: "0 10px" }),
|
|
Ue = k.div(
|
|
{ display: "flex", flexDirection: "column", alignItems: "center" },
|
|
({ push: e }) => e && { marginLeft: "auto" },
|
|
),
|
|
wo = k.div(({ theme: e }) => ({
|
|
borderBottom: `1px solid ${e.appBorderColor}`,
|
|
display: "flex",
|
|
alignItems: "center",
|
|
minHeight: 40,
|
|
lineHeight: "20px",
|
|
padding: "5px 15px",
|
|
})),
|
|
su = k(Hn)(({ theme: e }) => ({
|
|
background: e.background.warning,
|
|
color: e.color.warningText,
|
|
})),
|
|
du = k(Hn)(({ theme: e }) => ({
|
|
background: e.background.hoverable,
|
|
color: e.color.defaultText,
|
|
})),
|
|
cu = ({
|
|
hidden: e,
|
|
ignoreConfig: t,
|
|
ignoreSuggestions: n,
|
|
onOpen: r,
|
|
}) => {
|
|
let [i] = we(Wi),
|
|
l = Object.keys(i?.problems || {}),
|
|
o = Object.keys(i?.suggestions || {}),
|
|
[s, d] = Le(() => !!localStorage.getItem(io)),
|
|
c = K(() => {
|
|
(d(!0), localStorage.setItem(io, "true"));
|
|
}, []),
|
|
u = a.createElement(
|
|
Ne,
|
|
{ isButton: !0, onClick: () => r(l[0] || o[0]), withArrow: !0 },
|
|
"Show details",
|
|
);
|
|
return l.length > 0 && !t
|
|
? a.createElement(
|
|
su,
|
|
{ hidden: e },
|
|
a.createElement(
|
|
wo,
|
|
null,
|
|
a.createElement(
|
|
Ue,
|
|
null,
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
"Visual tests locked due to configuration ",
|
|
(0, Pc.default)("problem", l.length),
|
|
".",
|
|
" ",
|
|
u,
|
|
),
|
|
),
|
|
),
|
|
)
|
|
: o.length > 0 && !s && !t && !n
|
|
? a.createElement(
|
|
du,
|
|
{ hidden: e },
|
|
a.createElement(
|
|
wo,
|
|
null,
|
|
a.createElement(
|
|
Ue,
|
|
null,
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
"Configuration could be improved. ",
|
|
u,
|
|
),
|
|
),
|
|
a.createElement(
|
|
Ue,
|
|
{ push: !0 },
|
|
a.createElement(
|
|
dt,
|
|
{ onClick: c },
|
|
a.createElement(Qi, null),
|
|
),
|
|
),
|
|
),
|
|
)
|
|
: null;
|
|
},
|
|
uu = k.div({ display: "flex", flexDirection: "column", height: "100%" }),
|
|
Co = k.div(({ hidden: e, interstitial: t, theme: n }) => ({
|
|
background: t ? n.background.content : n.background.app,
|
|
display: e ? "none" : "flex",
|
|
flexDirection: "column",
|
|
flexGrow: 1,
|
|
height: "100%",
|
|
overflowY: "auto",
|
|
})),
|
|
br = k.div(({ theme: e }) => ({
|
|
background: e.background.bar,
|
|
borderTop: `1px solid ${e.appBorderColor}`,
|
|
display: "flex",
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
height: 40,
|
|
flexShrink: 0,
|
|
padding: "0 10px",
|
|
gap: 6,
|
|
})),
|
|
pe = ({
|
|
children: e,
|
|
footer: t = a.createElement(
|
|
br,
|
|
null,
|
|
a.createElement(Ue, { push: !0 }),
|
|
a.createElement(Ue, null, a.createElement(yr, null)),
|
|
),
|
|
ignoreConfig: n = !1,
|
|
ignoreSuggestions: r = !t,
|
|
interstitial: i = !1,
|
|
}) => {
|
|
let { configVisible: l } = vr(),
|
|
{ toggleConfig: o } = vn(),
|
|
s = K(
|
|
(d) => {
|
|
(o(!0),
|
|
d &&
|
|
setTimeout(() => {
|
|
document.getElementById(`${d}-option`)?.scrollIntoView({
|
|
behavior: "smooth",
|
|
inline: "nearest",
|
|
});
|
|
}, 200));
|
|
},
|
|
[o],
|
|
);
|
|
return a.createElement(
|
|
uu,
|
|
null,
|
|
a.createElement(cu, {
|
|
onOpen: s,
|
|
hidden: l,
|
|
ignoreConfig: n,
|
|
ignoreSuggestions: r,
|
|
}),
|
|
a.createElement(Co, { hidden: l, interstitial: i }, e),
|
|
a.createElement(
|
|
Co,
|
|
{ hidden: !l },
|
|
a.createElement(tu, { onClose: () => o(!1) }),
|
|
),
|
|
t,
|
|
);
|
|
},
|
|
ne = k.div((e) => ({
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
gap: 15,
|
|
alignItems: e.alignItems ?? "center",
|
|
textAlign: e.textAlign ?? "center",
|
|
})),
|
|
mu = k.div(({ theme: e }) => ({
|
|
position: "relative",
|
|
"&& input": {
|
|
color: e.input.color || "inherit",
|
|
background: e.input.background,
|
|
boxShadow: `${e.input.border} 0 0 0 1px inset`,
|
|
fontSize: e.typography.size.s2,
|
|
lineHeight: "20px",
|
|
},
|
|
})),
|
|
pu = k.div(({ theme: e }) => ({
|
|
pointerEvents: "none",
|
|
position: "absolute",
|
|
top: 0,
|
|
left: 40,
|
|
right: 0,
|
|
zIndex: 2,
|
|
overflow: "hidden",
|
|
height: 40,
|
|
display: "flex",
|
|
alignItems: "center",
|
|
lineHeight: "20px",
|
|
color: e.input.color || "inherit",
|
|
fontSize: e.typography.size.s2,
|
|
span: { opacity: 0 },
|
|
})),
|
|
hu = ({ value: e, placeholder: t, suffix: n }) =>
|
|
a.createElement(
|
|
pu,
|
|
null,
|
|
a.createElement("span", null, e || t),
|
|
a.createElement("b", null, n),
|
|
),
|
|
fu = ({ id: e, value: t, placeholder: n, suffix: r, ...i }) =>
|
|
a.createElement(
|
|
mu,
|
|
null,
|
|
a.createElement(os, {
|
|
id: e,
|
|
hideLabel: !0,
|
|
label: "",
|
|
value: t,
|
|
placeholder: n,
|
|
crossOrigin: void 0,
|
|
enterKeyHint: void 0,
|
|
...i,
|
|
}),
|
|
a.createElement(hu, { value: t, placeholder: n, suffix: r }),
|
|
),
|
|
j = k.div(
|
|
({ center: e, small: t, block: n, theme: r }) => ({
|
|
display: n ? "block" : "inline-block",
|
|
color: r.color.defaultText,
|
|
fontSize: t ? r.typography.size.s1 : r.typography.size.s2,
|
|
lineHeight: t ? "18px" : "20px",
|
|
textAlign: e ? "center" : "left",
|
|
textWrap: "balance",
|
|
}),
|
|
({ muted: e, theme: t }) =>
|
|
e && { color: t.base === "light" ? t.color.dark : "#C9CDCF" },
|
|
({ theme: e }) => ({
|
|
b: { color: e.color.defaultText },
|
|
code: {
|
|
fontSize: e.typography.size.s1,
|
|
border: `1px solid ${e.appBorderColor}`,
|
|
borderRadius: 3,
|
|
padding: 2,
|
|
},
|
|
small: { fontSize: e.typography.size.s1 },
|
|
span: { whiteSpace: "nowrap" },
|
|
svg: { verticalAlign: "top" },
|
|
}),
|
|
),
|
|
So = k(dt)(({ theme: e }) => ({
|
|
color: e.base === "light" ? "currentColor" : e.color.medium,
|
|
fontSize: e.typography.size.s2,
|
|
fontWeight: e.typography.weight.bold,
|
|
})),
|
|
nl = ({ onBack: e }) =>
|
|
a.createElement(
|
|
ou,
|
|
null,
|
|
e &&
|
|
a.createElement(
|
|
Ue,
|
|
null,
|
|
a.createElement(
|
|
So,
|
|
{ onClick: e },
|
|
a.createElement(Fc, null),
|
|
"Back",
|
|
),
|
|
),
|
|
a.createElement(
|
|
Ue,
|
|
{ push: !0 },
|
|
a.createElement(
|
|
ke,
|
|
{
|
|
as: "div",
|
|
hasChrome: !1,
|
|
trigger: "hover",
|
|
tooltip: a.createElement(Ie, {
|
|
note: "Learn about visual tests",
|
|
}),
|
|
},
|
|
a.createElement(
|
|
So,
|
|
{ asChild: !0 },
|
|
a.createElement(
|
|
"a",
|
|
{
|
|
href: "https://www.chromatic.com/storybook",
|
|
target: "_blank",
|
|
},
|
|
a.createElement(us, null),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
gu = k(ne)({ alignSelf: "stretch" }),
|
|
vu = k(vs)({
|
|
width: 40,
|
|
height: 40,
|
|
filter: "drop-shadow(0 2px 5px rgba(0, 0, 0, 0.1))",
|
|
marginBottom: 10,
|
|
}),
|
|
yu = k.form({
|
|
position: "relative",
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
width: "100%",
|
|
maxWidth: 300,
|
|
margin: 10,
|
|
}),
|
|
bu = k(xn)({
|
|
"&&": {
|
|
fontSize: 13,
|
|
borderTopLeftRadius: 0,
|
|
borderTopRightRadius: 0,
|
|
borderBottomLeftRadius: 4,
|
|
borderBottomRightRadius: 4,
|
|
},
|
|
}),
|
|
Eu = ({ onBack: e, onSignIn: t }) => {
|
|
let [n, r] = Le(""),
|
|
[i, l] = Le(null),
|
|
o = K((d) => {
|
|
let c = d.target.value.replace(/[^a-z0-9-]/g, "");
|
|
(r(c), l(null));
|
|
}, []),
|
|
s = K(
|
|
(d) => {
|
|
(d.preventDefault(), n ? t(n) : l("Please enter a subdomain"));
|
|
},
|
|
[n, t],
|
|
);
|
|
return a.createElement(
|
|
pe,
|
|
{ footer: null, ignoreConfig: !0 },
|
|
a.createElement(nl, { onBack: e }),
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
gu,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(vu, null),
|
|
a.createElement(le, null, "Sign in with SSO"),
|
|
a.createElement(
|
|
j,
|
|
{ muted: !0 },
|
|
"Enter your team's Chromatic URL.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
yu,
|
|
{ onSubmit: s },
|
|
a.createElement(fu, {
|
|
autoFocus: !0,
|
|
icon: "users",
|
|
value: n,
|
|
placeholder: "yourteam",
|
|
suffix: ".chromatic.com",
|
|
onChange: o,
|
|
id: "subdomain-input",
|
|
stackLevel: "top",
|
|
error: i,
|
|
errorTooltipPlacement: "top",
|
|
}),
|
|
a.createElement(
|
|
bu,
|
|
{ type: "submit", variant: "solid", size: "medium" },
|
|
"Continue",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
bt = k.div({
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
gap: 5,
|
|
alignItems: "center",
|
|
textAlign: "center",
|
|
}),
|
|
ku = k(vs)({
|
|
width: 40,
|
|
height: 40,
|
|
filter: "drop-shadow(0 2px 5px rgba(0, 0, 0, 0.1))",
|
|
marginBottom: 10,
|
|
}),
|
|
wu = ({ onBack: e, onSignIn: t, onSignInWithSSO: n }) =>
|
|
a.createElement(
|
|
pe,
|
|
{ footer: null, ignoreConfig: !0 },
|
|
a.createElement(nl, { onBack: e }),
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(ku, null),
|
|
a.createElement(le, null, "Sign in to begin visual testing"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"Pinpoint bugs instantly by connecting with cloud browsers that run visual tests in parallel.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
bt,
|
|
null,
|
|
a.createElement(
|
|
re,
|
|
{ variant: "solid", size: "medium", onClick: () => t() },
|
|
"Sign in with Chromatic",
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{ link: !0, onClick: () => n() },
|
|
"Sign in with SSO",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Cu = {
|
|
NAME: "Name",
|
|
DOCUMENT: "Document",
|
|
OPERATION_DEFINITION: "OperationDefinition",
|
|
VARIABLE_DEFINITION: "VariableDefinition",
|
|
SELECTION_SET: "SelectionSet",
|
|
FIELD: "Field",
|
|
ARGUMENT: "Argument",
|
|
FRAGMENT_SPREAD: "FragmentSpread",
|
|
INLINE_FRAGMENT: "InlineFragment",
|
|
FRAGMENT_DEFINITION: "FragmentDefinition",
|
|
VARIABLE: "Variable",
|
|
INT: "IntValue",
|
|
FLOAT: "FloatValue",
|
|
STRING: "StringValue",
|
|
BOOLEAN: "BooleanValue",
|
|
NULL: "NullValue",
|
|
ENUM: "EnumValue",
|
|
LIST: "ListValue",
|
|
OBJECT: "ObjectValue",
|
|
OBJECT_FIELD: "ObjectField",
|
|
DIRECTIVE: "Directive",
|
|
NAMED_TYPE: "NamedType",
|
|
LIST_TYPE: "ListType",
|
|
NON_NULL_TYPE: "NonNullType",
|
|
},
|
|
ki = class extends Error {
|
|
constructor(e, t, n, r, i, l, o) {
|
|
(super(e),
|
|
(this.name = "GraphQLError"),
|
|
(this.message = e),
|
|
i && (this.path = i),
|
|
t && (this.nodes = Array.isArray(t) ? t : [t]),
|
|
n && (this.source = n),
|
|
r && (this.positions = r),
|
|
l && (this.originalError = l));
|
|
var s = o;
|
|
if (!s && l) {
|
|
var d = l.extensions;
|
|
d && typeof d == "object" && (s = d);
|
|
}
|
|
this.extensions = s || {};
|
|
}
|
|
toJSON() {
|
|
return { ...this, message: this.message };
|
|
}
|
|
toString() {
|
|
return this.message;
|
|
}
|
|
get [Symbol.toStringTag]() {
|
|
return "GraphQLError";
|
|
}
|
|
},
|
|
ue,
|
|
G;
|
|
function ye(e) {
|
|
return new ki(`Syntax Error: Unexpected token at ${G} in ${e}`);
|
|
}
|
|
function Re(e) {
|
|
if (((e.lastIndex = G), e.test(ue)))
|
|
return ue.slice(G, (G = e.lastIndex));
|
|
}
|
|
var xa = / +(?=[^\s])/y;
|
|
function Su(e) {
|
|
for (
|
|
var t = e.split(`
|
|
`),
|
|
n = "",
|
|
r = 0,
|
|
i = 0,
|
|
l = t.length - 1,
|
|
o = 0;
|
|
o < t.length;
|
|
o++
|
|
)
|
|
((xa.lastIndex = 0),
|
|
xa.test(t[o]) &&
|
|
(o && (!r || xa.lastIndex < r) && (r = xa.lastIndex),
|
|
(i = i || o),
|
|
(l = o)));
|
|
for (var s = i; s <= l; s++)
|
|
(s !== i &&
|
|
(n += `
|
|
`),
|
|
(n += t[s].slice(r).replace(/\\"""/g, '"""')));
|
|
return n;
|
|
}
|
|
function Q() {
|
|
for (
|
|
var e = 0 | ue.charCodeAt(G++);
|
|
e === 9 ||
|
|
e === 10 ||
|
|
e === 13 ||
|
|
e === 32 ||
|
|
e === 35 ||
|
|
e === 44 ||
|
|
e === 65279;
|
|
e = 0 | ue.charCodeAt(G++)
|
|
)
|
|
if (e === 35) for (; (e = ue.charCodeAt(G++)) !== 10 && e !== 13; );
|
|
G--;
|
|
}
|
|
var xs = /[_A-Za-z]\w*/y;
|
|
function ut() {
|
|
var e;
|
|
if ((e = Re(xs))) return { kind: "Name", value: e };
|
|
}
|
|
var xu = /(?:null|true|false)/y,
|
|
Ns = /\$[_A-Za-z]\w*/y,
|
|
Nu = /-?\d+/y,
|
|
Mu = /(?:\.\d+)?[eE][+-]?\d+|\.\d+/y,
|
|
Fu = /\\/g,
|
|
Au = /"""(?:"""|(?:[\s\S]*?[^\\])""")/y,
|
|
Lu = /"(?:"|[^\r\n]*?[^\\]")/y;
|
|
function ja(e) {
|
|
var t, n;
|
|
if ((n = Re(xu)))
|
|
t =
|
|
n === "null"
|
|
? { kind: "NullValue" }
|
|
: { kind: "BooleanValue", value: n === "true" };
|
|
else if (!e && (n = Re(Ns)))
|
|
t = { kind: "Variable", name: { kind: "Name", value: n.slice(1) } };
|
|
else if ((n = Re(Nu))) {
|
|
var r = n;
|
|
(n = Re(Mu))
|
|
? (t = { kind: "FloatValue", value: r + n })
|
|
: (t = { kind: "IntValue", value: r });
|
|
} else if ((n = Re(xs))) t = { kind: "EnumValue", value: n };
|
|
else if ((n = Re(Au)))
|
|
t = { kind: "StringValue", value: Su(n.slice(3, -3)), block: !0 };
|
|
else if ((n = Re(Lu)))
|
|
t = {
|
|
kind: "StringValue",
|
|
value: Fu.test(n) ? JSON.parse(n) : n.slice(1, -1),
|
|
block: !1,
|
|
};
|
|
else if (
|
|
(t =
|
|
(function (i) {
|
|
var l;
|
|
if (ue.charCodeAt(G) === 91) {
|
|
(G++, Q());
|
|
for (var o = []; (l = ja(i)); ) o.push(l);
|
|
if (ue.charCodeAt(G++) !== 93) throw ye("ListValue");
|
|
return (Q(), { kind: "ListValue", values: o });
|
|
}
|
|
})(e) ||
|
|
(function (i) {
|
|
if (ue.charCodeAt(G) === 123) {
|
|
(G++, Q());
|
|
for (var l = [], o; (o = ut()); ) {
|
|
if ((Q(), ue.charCodeAt(G++) !== 58)) throw ye("ObjectField");
|
|
Q();
|
|
var s = ja(i);
|
|
if (!s) throw ye("ObjectField");
|
|
l.push({ kind: "ObjectField", name: o, value: s });
|
|
}
|
|
if (ue.charCodeAt(G++) !== 125) throw ye("ObjectValue");
|
|
return (Q(), { kind: "ObjectValue", fields: l });
|
|
}
|
|
})(e))
|
|
)
|
|
return t;
|
|
return (Q(), t);
|
|
}
|
|
function Ms(e) {
|
|
var t = [];
|
|
if ((Q(), ue.charCodeAt(G) === 40)) {
|
|
(G++, Q());
|
|
for (var n; (n = ut()); ) {
|
|
if ((Q(), ue.charCodeAt(G++) !== 58)) throw ye("Argument");
|
|
Q();
|
|
var r = ja(e);
|
|
if (!r) throw ye("Argument");
|
|
t.push({ kind: "Argument", name: n, value: r });
|
|
}
|
|
if (!t.length || ue.charCodeAt(G++) !== 41) throw ye("Argument");
|
|
Q();
|
|
}
|
|
return t;
|
|
}
|
|
function on(e) {
|
|
var t = [];
|
|
for (Q(); ue.charCodeAt(G) === 64; ) {
|
|
G++;
|
|
var n = ut();
|
|
if (!n) throw ye("Directive");
|
|
(Q(), t.push({ kind: "Directive", name: n, arguments: Ms(e) }));
|
|
}
|
|
return t;
|
|
}
|
|
function Tu() {
|
|
var e = ut();
|
|
if (e) {
|
|
Q();
|
|
var t;
|
|
if (ue.charCodeAt(G) === 58) {
|
|
if ((G++, Q(), (t = e), !(e = ut()))) throw ye("Field");
|
|
Q();
|
|
}
|
|
return {
|
|
kind: "Field",
|
|
alias: t,
|
|
name: e,
|
|
arguments: Ms(!1),
|
|
directives: on(!1),
|
|
selectionSet: Er(),
|
|
};
|
|
}
|
|
}
|
|
function Fs() {
|
|
var e;
|
|
if ((Q(), ue.charCodeAt(G) === 91)) {
|
|
(G++, Q());
|
|
var t = Fs();
|
|
if (!t || ue.charCodeAt(G++) !== 93) throw ye("ListType");
|
|
e = { kind: "ListType", type: t };
|
|
} else if ((e = ut())) e = { kind: "NamedType", name: e };
|
|
else throw ye("NamedType");
|
|
return (
|
|
Q(),
|
|
ue.charCodeAt(G) === 33
|
|
? (G++, Q(), { kind: "NonNullType", type: e })
|
|
: e
|
|
);
|
|
}
|
|
var Zu = /on/y;
|
|
function As() {
|
|
if (Re(Zu)) {
|
|
Q();
|
|
var e = ut();
|
|
if (!e) throw ye("NamedType");
|
|
return (Q(), { kind: "NamedType", name: e });
|
|
}
|
|
}
|
|
var Ou = /\.\.\./y;
|
|
function _u() {
|
|
if (Re(Ou)) {
|
|
Q();
|
|
var e = G,
|
|
t;
|
|
if ((t = ut()) && t.value !== "on")
|
|
return { kind: "FragmentSpread", name: t, directives: on(!1) };
|
|
G = e;
|
|
var n = As(),
|
|
r = on(!1),
|
|
i = Er();
|
|
if (!i) throw ye("InlineFragment");
|
|
return {
|
|
kind: "InlineFragment",
|
|
typeCondition: n,
|
|
directives: r,
|
|
selectionSet: i,
|
|
};
|
|
}
|
|
}
|
|
function Er() {
|
|
var e;
|
|
if ((Q(), ue.charCodeAt(G) === 123)) {
|
|
(G++, Q());
|
|
for (var t = []; (e = _u() || Tu()); ) t.push(e);
|
|
if (!t.length || ue.charCodeAt(G++) !== 125) throw ye("SelectionSet");
|
|
return (Q(), { kind: "SelectionSet", selections: t });
|
|
}
|
|
}
|
|
var Iu = /fragment/y;
|
|
function Ru() {
|
|
if (Re(Iu)) {
|
|
Q();
|
|
var e = ut();
|
|
if (!e) throw ye("FragmentDefinition");
|
|
Q();
|
|
var t = As();
|
|
if (!t) throw ye("FragmentDefinition");
|
|
var n = on(!1),
|
|
r = Er();
|
|
if (!r) throw ye("FragmentDefinition");
|
|
return {
|
|
kind: "FragmentDefinition",
|
|
name: e,
|
|
typeCondition: t,
|
|
directives: n,
|
|
selectionSet: r,
|
|
};
|
|
}
|
|
}
|
|
var Bu = /(?:query|mutation|subscription)/y;
|
|
function Pu() {
|
|
var e,
|
|
t,
|
|
n = [],
|
|
r = [];
|
|
(e = Re(Bu)) &&
|
|
(Q(),
|
|
(t = ut()),
|
|
(n = (function () {
|
|
var l,
|
|
o = [];
|
|
if ((Q(), ue.charCodeAt(G) === 40)) {
|
|
for (G++, Q(); (l = Re(Ns)); ) {
|
|
if ((Q(), ue.charCodeAt(G++) !== 58))
|
|
throw ye("VariableDefinition");
|
|
var s = Fs(),
|
|
d = void 0;
|
|
if (ue.charCodeAt(G) === 61 && (G++, Q(), !(d = ja(!0))))
|
|
throw ye("VariableDefinition");
|
|
(Q(),
|
|
o.push({
|
|
kind: "VariableDefinition",
|
|
variable: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: l.slice(1) },
|
|
},
|
|
type: s,
|
|
defaultValue: d,
|
|
directives: on(!0),
|
|
}));
|
|
}
|
|
if (ue.charCodeAt(G++) !== 41) throw ye("VariableDefinition");
|
|
Q();
|
|
}
|
|
return o;
|
|
})()),
|
|
(r = on(!1)));
|
|
var i = Er();
|
|
if (i)
|
|
return {
|
|
kind: "OperationDefinition",
|
|
operation: e || "query",
|
|
name: t,
|
|
variableDefinitions: n,
|
|
directives: r,
|
|
selectionSet: i,
|
|
};
|
|
}
|
|
function Vu(e, t) {
|
|
return (
|
|
(ue = typeof e.body == "string" ? e.body : e),
|
|
(G = 0),
|
|
(function () {
|
|
var n;
|
|
Q();
|
|
for (var r = []; (n = Ru() || Pu()); ) r.push(n);
|
|
return { kind: "Document", definitions: r };
|
|
})()
|
|
);
|
|
}
|
|
function Hu(e) {
|
|
return JSON.stringify(e);
|
|
}
|
|
function ju(e) {
|
|
return (
|
|
`"""
|
|
` +
|
|
e.replace(/"""/g, '\\"""') +
|
|
`
|
|
"""`
|
|
);
|
|
}
|
|
var je = (e) => !(!e || !e.length),
|
|
Se = {
|
|
OperationDefinition(e) {
|
|
if (
|
|
e.operation === "query" &&
|
|
!e.name &&
|
|
!je(e.variableDefinitions) &&
|
|
!je(e.directives)
|
|
)
|
|
return Se.SelectionSet(e.selectionSet);
|
|
var t = e.operation;
|
|
return (
|
|
e.name && (t += " " + e.name.value),
|
|
je(e.variableDefinitions) &&
|
|
(e.name || (t += " "),
|
|
(t +=
|
|
"(" +
|
|
e.variableDefinitions.map(Se.VariableDefinition).join(", ") +
|
|
")")),
|
|
je(e.directives) &&
|
|
(t += " " + e.directives.map(Se.Directive).join(" ")),
|
|
t + " " + Se.SelectionSet(e.selectionSet)
|
|
);
|
|
},
|
|
VariableDefinition(e) {
|
|
var t = Se.Variable(e.variable) + ": " + De(e.type);
|
|
return (
|
|
e.defaultValue && (t += " = " + De(e.defaultValue)),
|
|
je(e.directives) &&
|
|
(t += " " + e.directives.map(Se.Directive).join(" ")),
|
|
t
|
|
);
|
|
},
|
|
Field(e) {
|
|
var t = (e.alias ? e.alias.value + ": " : "") + e.name.value;
|
|
if (je(e.arguments)) {
|
|
var n = e.arguments.map(Se.Argument),
|
|
r = t + "(" + n.join(", ") + ")";
|
|
t =
|
|
r.length > 80
|
|
? t +
|
|
`(
|
|
` +
|
|
n
|
|
.join(
|
|
`
|
|
`,
|
|
)
|
|
.replace(
|
|
/\n/g,
|
|
`
|
|
`,
|
|
) +
|
|
`
|
|
)`
|
|
: r;
|
|
}
|
|
return (
|
|
je(e.directives) &&
|
|
(t += " " + e.directives.map(Se.Directive).join(" ")),
|
|
e.selectionSet ? t + " " + Se.SelectionSet(e.selectionSet) : t
|
|
);
|
|
},
|
|
StringValue: (e) => (e.block ? ju(e.value) : Hu(e.value)),
|
|
BooleanValue: (e) => "" + e.value,
|
|
NullValue: (e) => "null",
|
|
IntValue: (e) => e.value,
|
|
FloatValue: (e) => e.value,
|
|
EnumValue: (e) => e.value,
|
|
Name: (e) => e.value,
|
|
Variable: (e) => "$" + e.name.value,
|
|
ListValue: (e) => "[" + e.values.map(De).join(", ") + "]",
|
|
ObjectValue: (e) => "{" + e.fields.map(Se.ObjectField).join(", ") + "}",
|
|
ObjectField: (e) => e.name.value + ": " + De(e.value),
|
|
Document: (e) =>
|
|
je(e.definitions)
|
|
? e.definitions.map(De).join(`
|
|
|
|
`)
|
|
: "",
|
|
SelectionSet: (e) =>
|
|
`{
|
|
` +
|
|
e.selections
|
|
.map(De)
|
|
.join(
|
|
`
|
|
`,
|
|
)
|
|
.replace(
|
|
/\n/g,
|
|
`
|
|
`,
|
|
) +
|
|
`
|
|
}`,
|
|
Argument: (e) => e.name.value + ": " + De(e.value),
|
|
FragmentSpread(e) {
|
|
var t = "..." + e.name.value;
|
|
return (
|
|
je(e.directives) &&
|
|
(t += " " + e.directives.map(Se.Directive).join(" ")),
|
|
t
|
|
);
|
|
},
|
|
InlineFragment(e) {
|
|
var t = "...";
|
|
return (
|
|
e.typeCondition && (t += " on " + e.typeCondition.name.value),
|
|
je(e.directives) &&
|
|
(t += " " + e.directives.map(Se.Directive).join(" ")),
|
|
t + " " + De(e.selectionSet)
|
|
);
|
|
},
|
|
FragmentDefinition(e) {
|
|
var t = "fragment " + e.name.value;
|
|
return (
|
|
(t += " on " + e.typeCondition.name.value),
|
|
je(e.directives) &&
|
|
(t += " " + e.directives.map(Se.Directive).join(" ")),
|
|
t + " " + De(e.selectionSet)
|
|
);
|
|
},
|
|
Directive(e) {
|
|
var t = "@" + e.name.value;
|
|
return (
|
|
je(e.arguments) &&
|
|
(t += "(" + e.arguments.map(Se.Argument).join(", ") + ")"),
|
|
t
|
|
);
|
|
},
|
|
NamedType: (e) => e.name.value,
|
|
ListType: (e) => "[" + De(e.type) + "]",
|
|
NonNullType: (e) => De(e.type) + "!",
|
|
};
|
|
function De(e) {
|
|
return Se[e.kind] ? Se[e.kind](e) : "";
|
|
}
|
|
var al = () => {},
|
|
Pe = al;
|
|
function Je(e) {
|
|
return { tag: 0, 0: e };
|
|
}
|
|
function oa(e) {
|
|
return { tag: 1, 0: e };
|
|
}
|
|
var xo = () =>
|
|
(typeof Symbol == "function" && Symbol.asyncIterator) ||
|
|
"@@asyncIterator",
|
|
Du = (e) => e;
|
|
function Ze(e) {
|
|
return (t) => (n) => {
|
|
var r = Pe;
|
|
t((i) => {
|
|
i === 0
|
|
? n(0)
|
|
: i.tag === 0
|
|
? ((r = i[0]), n(i))
|
|
: e(i[0])
|
|
? n(i)
|
|
: r(0);
|
|
});
|
|
};
|
|
}
|
|
function wi(e) {
|
|
return (t) => (n) =>
|
|
t((r) => {
|
|
r === 0 || r.tag === 0 ? n(r) : n(oa(e(r[0])));
|
|
});
|
|
}
|
|
function Da(e) {
|
|
return (t) => (n) => {
|
|
var r = [],
|
|
i = Pe,
|
|
l = !1,
|
|
o = !1;
|
|
(t((s) => {
|
|
o ||
|
|
(s === 0
|
|
? ((o = !0), r.length || n(0))
|
|
: s.tag === 0
|
|
? (i = s[0])
|
|
: ((l = !1),
|
|
(function (d) {
|
|
var c = Pe;
|
|
d((u) => {
|
|
if (u === 0) {
|
|
if (r.length) {
|
|
var m = r.indexOf(c);
|
|
(m > -1 && (r = r.slice()).splice(m, 1),
|
|
r.length || (o ? n(0) : l || ((l = !0), i(0))));
|
|
}
|
|
} else
|
|
u.tag === 0
|
|
? (r.push((c = u[0])), c(0))
|
|
: r.length && (n(u), c(0));
|
|
});
|
|
})(e(s[0])),
|
|
l || ((l = !0), i(0))));
|
|
}),
|
|
n(
|
|
Je((s) => {
|
|
if (s === 1) {
|
|
o || ((o = !0), i(1));
|
|
for (var d = 0, c = r, u = r.length; d < u; d++) c[d](1);
|
|
r.length = 0;
|
|
} else {
|
|
!o && !l ? ((l = !0), i(0)) : (l = !1);
|
|
for (var m = 0, p = r, v = r.length; m < v; m++) p[m](0);
|
|
}
|
|
}),
|
|
));
|
|
};
|
|
}
|
|
function zu(e) {
|
|
return Da(Du)(e);
|
|
}
|
|
function qn(e) {
|
|
return zu(Wu(e));
|
|
}
|
|
function rl(e) {
|
|
return (t) => (n) => {
|
|
var r = !1;
|
|
t((i) => {
|
|
if (!r)
|
|
if (i === 0) ((r = !0), n(0), e());
|
|
else if (i.tag === 0) {
|
|
var l = i[0];
|
|
n(
|
|
Je((o) => {
|
|
o === 1 ? ((r = !0), l(1), e()) : l(o);
|
|
}),
|
|
);
|
|
} else n(i);
|
|
});
|
|
};
|
|
}
|
|
function za(e) {
|
|
return (t) => (n) => {
|
|
var r = !1;
|
|
t((i) => {
|
|
if (!r)
|
|
if (i === 0) ((r = !0), n(0));
|
|
else if (i.tag === 0) {
|
|
var l = i[0];
|
|
n(
|
|
Je((o) => {
|
|
(o === 1 && (r = !0), l(o));
|
|
}),
|
|
);
|
|
} else (e(i[0]), n(i));
|
|
});
|
|
};
|
|
}
|
|
function Ci(e) {
|
|
return (t) => (n) =>
|
|
t((r) => {
|
|
r === 0 ? n(0) : r.tag === 0 ? (n(r), e()) : n(r);
|
|
});
|
|
}
|
|
function Gn(e) {
|
|
var t = [],
|
|
n = Pe,
|
|
r = !1;
|
|
return (i) => {
|
|
(t.push(i),
|
|
t.length === 1 &&
|
|
e((l) => {
|
|
if (l === 0) {
|
|
for (var o = 0, s = t, d = t.length; o < d; o++) s[o](0);
|
|
t.length = 0;
|
|
} else if (l.tag === 0) n = l[0];
|
|
else {
|
|
r = !1;
|
|
for (var c = 0, u = t, m = t.length; c < m; c++) u[c](l);
|
|
}
|
|
}),
|
|
i(
|
|
Je((l) => {
|
|
if (l === 1) {
|
|
var o = t.indexOf(i);
|
|
(o > -1 && (t = t.slice()).splice(o, 1), t.length || n(1));
|
|
} else r || ((r = !0), n(0));
|
|
}),
|
|
));
|
|
};
|
|
}
|
|
function No(e) {
|
|
return (t) => (n) => {
|
|
var r = Pe,
|
|
i = Pe,
|
|
l = !1,
|
|
o = !1,
|
|
s = !1,
|
|
d = !1;
|
|
(t((c) => {
|
|
d ||
|
|
(c === 0
|
|
? ((d = !0), s || n(0))
|
|
: c.tag === 0
|
|
? (r = c[0])
|
|
: (s && (i(1), (i = Pe)),
|
|
l ? (l = !1) : ((l = !0), r(0)),
|
|
(function (u) {
|
|
((s = !0),
|
|
u((m) => {
|
|
s &&
|
|
(m === 0
|
|
? ((s = !1), d ? n(0) : l || ((l = !0), r(0)))
|
|
: m.tag === 0
|
|
? ((o = !1), (i = m[0])(0))
|
|
: (n(m), o ? (o = !1) : i(0)));
|
|
}));
|
|
})(e(c[0]))));
|
|
}),
|
|
n(
|
|
Je((c) => {
|
|
c === 1
|
|
? (d || ((d = !0), r(1)), s && ((s = !1), i(1)))
|
|
: (!d && !l && ((l = !0), r(0)), s && !o && ((o = !0), i(0)));
|
|
}),
|
|
));
|
|
};
|
|
}
|
|
function kr(e) {
|
|
return (t) => (n) => {
|
|
var r = Pe,
|
|
i = !1,
|
|
l = 0;
|
|
(t((o) => {
|
|
i ||
|
|
(o === 0
|
|
? ((i = !0), n(0))
|
|
: o.tag === 0
|
|
? e <= 0
|
|
? ((i = !0), n(0), o[0](1))
|
|
: (r = o[0])
|
|
: l++ < e
|
|
? (n(o), !i && l >= e && ((i = !0), n(0), r(1)))
|
|
: n(o));
|
|
}),
|
|
n(
|
|
Je((o) => {
|
|
o === 1 && !i ? ((i = !0), r(1)) : o === 0 && !i && l < e && r(0);
|
|
}),
|
|
));
|
|
};
|
|
}
|
|
function Ls(e) {
|
|
return (t) => (n) => {
|
|
var r = Pe,
|
|
i = Pe,
|
|
l = !1;
|
|
(t((o) => {
|
|
l ||
|
|
(o === 0
|
|
? ((l = !0), i(1), n(0))
|
|
: o.tag === 0
|
|
? ((r = o[0]),
|
|
e((s) => {
|
|
s === 0 ||
|
|
(s.tag === 0
|
|
? (i = s[0])(0)
|
|
: ((l = !0), i(1), r(1), n(0)));
|
|
}))
|
|
: n(o));
|
|
}),
|
|
n(
|
|
Je((o) => {
|
|
o === 1 && !l ? ((l = !0), r(1), i(1)) : l || r(0);
|
|
}),
|
|
));
|
|
};
|
|
}
|
|
function Ts(e, t) {
|
|
return (n) => (r) => {
|
|
var i = Pe,
|
|
l = !1;
|
|
n((o) => {
|
|
l ||
|
|
(o === 0
|
|
? ((l = !0), r(0))
|
|
: o.tag === 0
|
|
? ((i = o[0]), r(o))
|
|
: e(o[0])
|
|
? r(o)
|
|
: ((l = !0), t && r(o), r(0), i(1)));
|
|
});
|
|
};
|
|
}
|
|
function Uu(e) {
|
|
return (t) => e()(t);
|
|
}
|
|
function Zs(e) {
|
|
return (t) => {
|
|
var n = (e[xo()] && e[xo()]()) || e,
|
|
r = !1,
|
|
i = !1,
|
|
l = !1,
|
|
o;
|
|
t(
|
|
Je(async (s) => {
|
|
if (s === 1) ((r = !0), n.return && n.return());
|
|
else if (i) l = !0;
|
|
else {
|
|
for (l = i = !0; l && !r; )
|
|
if ((o = await n.next()).done)
|
|
((r = !0), n.return && (await n.return()), t(0));
|
|
else
|
|
try {
|
|
((l = !1), t(oa(o.value)));
|
|
} catch (d) {
|
|
if (n.throw) (r = !!(await n.throw(d)).done) && t(0);
|
|
else throw d;
|
|
}
|
|
i = !1;
|
|
}
|
|
}),
|
|
);
|
|
};
|
|
}
|
|
function $u(e) {
|
|
return e[Symbol.asyncIterator]
|
|
? Zs(e)
|
|
: (t) => {
|
|
var n = e[Symbol.iterator](),
|
|
r = !1,
|
|
i = !1,
|
|
l = !1,
|
|
o;
|
|
t(
|
|
Je((s) => {
|
|
if (s === 1) ((r = !0), n.return && n.return());
|
|
else if (i) l = !0;
|
|
else {
|
|
for (l = i = !0; l && !r; )
|
|
if ((o = n.next()).done)
|
|
((r = !0), n.return && n.return(), t(0));
|
|
else
|
|
try {
|
|
((l = !1), t(oa(o.value)));
|
|
} catch (d) {
|
|
if (n.throw) (r = !!n.throw(d).done) && t(0);
|
|
else throw d;
|
|
}
|
|
i = !1;
|
|
}
|
|
}),
|
|
);
|
|
};
|
|
}
|
|
var Wu = $u;
|
|
function jn(e) {
|
|
return (t) => {
|
|
var n = !1;
|
|
t(
|
|
Je((r) => {
|
|
r === 1 ? (n = !0) : n || ((n = !0), t(oa(e)), t(0));
|
|
}),
|
|
);
|
|
};
|
|
}
|
|
function Os(e) {
|
|
return (t) => {
|
|
var n = !1,
|
|
r = e({
|
|
next(i) {
|
|
n || t(oa(i));
|
|
},
|
|
complete() {
|
|
n || ((n = !0), t(0));
|
|
},
|
|
});
|
|
t(
|
|
Je((i) => {
|
|
i === 1 && !n && ((n = !0), r());
|
|
}),
|
|
);
|
|
};
|
|
}
|
|
function Si() {
|
|
var e, t;
|
|
return {
|
|
source: Gn(Os((n) => ((e = n.next), (t = n.complete), al))),
|
|
next(n) {
|
|
e && e(n);
|
|
},
|
|
complete() {
|
|
t && t();
|
|
},
|
|
};
|
|
}
|
|
function Mo(e) {
|
|
return Os(
|
|
(t) => (
|
|
e.then((n) => {
|
|
Promise.resolve(n).then(() => {
|
|
(t.next(n), t.complete());
|
|
});
|
|
}),
|
|
al
|
|
),
|
|
);
|
|
}
|
|
function sn(e) {
|
|
return (t) => {
|
|
var n = Pe,
|
|
r = !1;
|
|
return (
|
|
t((i) => {
|
|
i === 0
|
|
? (r = !0)
|
|
: i.tag === 0
|
|
? (n = i[0])(0)
|
|
: r || (e(i[0]), n(0));
|
|
}),
|
|
{
|
|
unsubscribe() {
|
|
r || ((r = !0), n(1));
|
|
},
|
|
}
|
|
);
|
|
};
|
|
}
|
|
function qu(e) {
|
|
sn((t) => {})(e);
|
|
}
|
|
function il(e) {
|
|
return new Promise((t) => {
|
|
var n = Pe,
|
|
r;
|
|
e((i) => {
|
|
i === 0
|
|
? Promise.resolve(r).then(t)
|
|
: i.tag === 0
|
|
? (n = i[0])(0)
|
|
: ((r = i[0]), n(0));
|
|
});
|
|
});
|
|
}
|
|
var Gu = (e) =>
|
|
e && e.message && (e.extensions || e.name === "GraphQLError")
|
|
? e
|
|
: typeof e == "object" && e.message
|
|
? new ki(
|
|
e.message,
|
|
e.nodes,
|
|
e.source,
|
|
e.positions,
|
|
e.path,
|
|
e,
|
|
e.extensions || {},
|
|
)
|
|
: new ki(e),
|
|
ll = class extends Error {
|
|
constructor(e) {
|
|
var t = (e.graphQLErrors || []).map(Gu),
|
|
n = ((r, i) => {
|
|
var l = "";
|
|
if (r) return `[Network] ${r.message}`;
|
|
if (i)
|
|
for (var o of i)
|
|
(l &&
|
|
(l += `
|
|
`),
|
|
(l += `[GraphQL] ${o.message}`));
|
|
return l;
|
|
})(e.networkError, t);
|
|
(super(n),
|
|
(this.name = "CombinedError"),
|
|
(this.message = n),
|
|
(this.graphQLErrors = t),
|
|
(this.networkError = e.networkError),
|
|
(this.response = e.response));
|
|
}
|
|
toString() {
|
|
return this.message;
|
|
}
|
|
},
|
|
xi = (e, t) => {
|
|
for (var n = 0 | (t || 5381), r = 0, i = 0 | e.length; r < i; r++)
|
|
n = (n << 5) + n + e.charCodeAt(r);
|
|
return n;
|
|
},
|
|
Pt = new Set(),
|
|
Fo = new WeakMap(),
|
|
Qt = (e) => {
|
|
if (e === null || Pt.has(e)) return "null";
|
|
if (typeof e != "object") return JSON.stringify(e) || "";
|
|
if (e.toJSON) return Qt(e.toJSON());
|
|
if (Array.isArray(e)) {
|
|
var t = "[";
|
|
for (var n of e) (t.length > 1 && (t += ","), (t += Qt(n) || "null"));
|
|
return (t += "]");
|
|
} else if (
|
|
($a !== dn && e instanceof $a) ||
|
|
(Wa !== dn && e instanceof Wa)
|
|
)
|
|
return "null";
|
|
var r = Object.keys(e).sort();
|
|
if (
|
|
!r.length &&
|
|
e.constructor &&
|
|
Object.getPrototypeOf(e).constructor !== Object.prototype.constructor
|
|
) {
|
|
var i = Fo.get(e) || Math.random().toString(36).slice(2);
|
|
return (Fo.set(e, i), Qt({ __key: i }));
|
|
}
|
|
Pt.add(e);
|
|
var l = "{";
|
|
for (var o of r) {
|
|
var s = Qt(e[o]);
|
|
s && (l.length > 1 && (l += ","), (l += Qt(o) + ":" + s));
|
|
}
|
|
return (Pt.delete(e), (l += "}"));
|
|
},
|
|
Ni = (e, t, n) => {
|
|
if (!(n == null || typeof n != "object" || n.toJSON || Pt.has(n)))
|
|
if (Array.isArray(n))
|
|
for (var r = 0, i = n.length; r < i; r++) Ni(e, `${t}.${r}`, n[r]);
|
|
else if (n instanceof $a || n instanceof Wa) e.set(t, n);
|
|
else {
|
|
Pt.add(n);
|
|
for (var l of Object.keys(n)) Ni(e, `${t}.${l}`, n[l]);
|
|
}
|
|
},
|
|
Ua = (e) => (Pt.clear(), Qt(e)),
|
|
dn = class {},
|
|
$a = typeof File < "u" ? File : dn,
|
|
Wa = typeof Blob < "u" ? Blob : dn,
|
|
Yu = /("{3}[\s\S]*"{3}|"(?:\\.|[^"])*")/g,
|
|
Ku = /(?:#[^\n\r]+)?(?:[\r\n]+|$)/g,
|
|
Ju = (e, t) =>
|
|
t % 2 == 0
|
|
? e.replace(
|
|
Ku,
|
|
`
|
|
`,
|
|
)
|
|
: e,
|
|
Ao = (e) => e.split(Yu).map(Ju).join("").trim(),
|
|
Lo = new Map(),
|
|
Ra = new Map(),
|
|
ol = (e) => {
|
|
var t;
|
|
return (
|
|
typeof e == "string"
|
|
? (t = Ao(e))
|
|
: e.loc && Ra.get(e.__key) === e
|
|
? (t = e.loc.source.body)
|
|
: ((t = Lo.get(e) || Ao(De(e))), Lo.set(e, t)),
|
|
typeof e != "string" &&
|
|
!e.loc &&
|
|
(e.loc = {
|
|
start: 0,
|
|
end: t.length,
|
|
source: {
|
|
body: t,
|
|
name: "gql",
|
|
locationOffset: { line: 1, column: 1 },
|
|
},
|
|
}),
|
|
t
|
|
);
|
|
},
|
|
To = (e) => {
|
|
var t = xi(ol(e));
|
|
if (e.definitions) {
|
|
var n = _s(e);
|
|
n &&
|
|
(t = xi(
|
|
`
|
|
# ${n}`,
|
|
t,
|
|
));
|
|
}
|
|
return t;
|
|
},
|
|
Qu = (e) => {
|
|
var t, n;
|
|
return (
|
|
typeof e == "string"
|
|
? ((t = To(e)), (n = Ra.get(t) || Vu(e)))
|
|
: ((t = e.__key || To(e)), (n = Ra.get(t) || e)),
|
|
n.loc || ol(n),
|
|
(n.__key = t),
|
|
Ra.set(t, n),
|
|
n
|
|
);
|
|
},
|
|
nn = (e, t, n) => {
|
|
var r = t || {},
|
|
i = Qu(e),
|
|
l = Ua(r),
|
|
o = i.__key;
|
|
return (
|
|
l !== "{}" && (o = xi(l, o)),
|
|
{ key: o, query: i, variables: r, extensions: n }
|
|
);
|
|
},
|
|
_s = (e) => {
|
|
for (var t of e.definitions)
|
|
if (t.kind === Cu.OPERATION_DEFINITION)
|
|
return t.name ? t.name.value : void 0;
|
|
},
|
|
Zo = (e, t, n) => {
|
|
if (!("data" in t || ("errors" in t && Array.isArray(t.errors))))
|
|
throw new Error("No Content");
|
|
var r = e.kind === "subscription";
|
|
return {
|
|
operation: e,
|
|
data: t.data,
|
|
error: Array.isArray(t.errors)
|
|
? new ll({ graphQLErrors: t.errors, response: n })
|
|
: void 0,
|
|
extensions: t.extensions ? { ...t.extensions } : void 0,
|
|
hasNext: t.hasNext == null ? r : t.hasNext,
|
|
stale: !1,
|
|
};
|
|
},
|
|
Mi = (e, t) => {
|
|
if (
|
|
typeof e == "object" &&
|
|
e != null &&
|
|
(!e.constructor || e.constructor === Object || Array.isArray(e))
|
|
) {
|
|
e = Array.isArray(e) ? [...e] : { ...e };
|
|
for (var n of Object.keys(t)) e[n] = Mi(e[n], t[n]);
|
|
return e;
|
|
}
|
|
return t;
|
|
},
|
|
Xu = (e, t, n, r) => {
|
|
var i = e.error ? e.error.graphQLErrors : [],
|
|
l = !!e.extensions || !!t.extensions,
|
|
o = { ...e.extensions, ...t.extensions },
|
|
s = t.incremental;
|
|
"path" in t && (s = [t]);
|
|
var d = { data: e.data };
|
|
if (s) {
|
|
var c = function (m) {
|
|
(Array.isArray(m.errors) && i.push(...m.errors),
|
|
m.extensions && (Object.assign(o, m.extensions), (l = !0)));
|
|
var p = "data",
|
|
v = d,
|
|
g = [];
|
|
if (m.path) g = m.path;
|
|
else if (r) {
|
|
var y = r.find((C) => C.id === m.id);
|
|
m.subPath ? (g = [...y.path, ...m.subPath]) : (g = y.path);
|
|
}
|
|
for (var w = 0, b = g.length; w < b; p = g[w++])
|
|
v = v[p] = Array.isArray(v[p]) ? [...v[p]] : { ...v[p] };
|
|
if (m.items)
|
|
for (
|
|
var h = +p >= 0 ? p : 0, f = 0, E = m.items.length;
|
|
f < E;
|
|
f++
|
|
)
|
|
v[h + f] = Mi(v[h + f], m.items[f]);
|
|
else m.data !== void 0 && (v[p] = Mi(v[p], m.data));
|
|
};
|
|
for (var u of s) c(u);
|
|
} else ((d.data = t.data || e.data), (i = t.errors || i));
|
|
return {
|
|
operation: e.operation,
|
|
data: d.data,
|
|
error: i.length ? new ll({ graphQLErrors: i, response: n }) : void 0,
|
|
extensions: l ? o : void 0,
|
|
hasNext: t.hasNext != null ? t.hasNext : e.hasNext,
|
|
stale: !1,
|
|
};
|
|
},
|
|
Is = (e, t, n) => ({
|
|
operation: e,
|
|
data: void 0,
|
|
error: new ll({ networkError: t, response: n }),
|
|
extensions: void 0,
|
|
hasNext: !1,
|
|
stale: !1,
|
|
});
|
|
function e2(e) {
|
|
return {
|
|
query:
|
|
e.extensions &&
|
|
e.extensions.persistedQuery &&
|
|
!e.extensions.persistedQuery.miss
|
|
? void 0
|
|
: ol(e.query),
|
|
operationName: _s(e.query),
|
|
variables: e.variables || void 0,
|
|
extensions: e.extensions,
|
|
};
|
|
}
|
|
var t2 = (e, t) => {
|
|
var n = e.kind === "query" && e.context.preferGetMethod;
|
|
if (!n || !t) return e.context.url;
|
|
var r = new URL(e.context.url);
|
|
for (var i in t) {
|
|
var l = t[i];
|
|
l && r.searchParams.set(i, typeof l == "object" ? Ua(l) : l);
|
|
}
|
|
var o = r.toString();
|
|
return o.length > 2047 && n !== "force"
|
|
? ((e.context.preferGetMethod = !1), e.context.url)
|
|
: o;
|
|
},
|
|
n2 = (e, t) => {
|
|
if (t && !(e.kind === "query" && e.context.preferGetMethod)) {
|
|
var n = Ua(t),
|
|
r = ((s) => {
|
|
var d = new Map();
|
|
return (
|
|
($a !== dn || Wa !== dn) && (Pt.clear(), Ni(d, "variables", s)),
|
|
d
|
|
);
|
|
})(t.variables);
|
|
if (r.size) {
|
|
var i = new FormData();
|
|
(i.append("operations", n),
|
|
i.append("map", Ua({ ...[...r.keys()].map((s) => [s]) })));
|
|
var l = 0;
|
|
for (var o of r.values()) i.append("" + l++, o);
|
|
return i;
|
|
}
|
|
return n;
|
|
}
|
|
},
|
|
a2 = (e, t) => {
|
|
var n = {
|
|
accept:
|
|
e.kind === "subscription"
|
|
? "text/event-stream, multipart/mixed"
|
|
: "application/graphql-response+json, application/graphql+json, application/json, text/event-stream, multipart/mixed",
|
|
},
|
|
r =
|
|
(typeof e.context.fetchOptions == "function"
|
|
? e.context.fetchOptions()
|
|
: e.context.fetchOptions) || {};
|
|
if (r.headers)
|
|
for (var i in r.headers) n[i.toLowerCase()] = r.headers[i];
|
|
var l = n2(e, t);
|
|
return (
|
|
typeof l == "string" &&
|
|
!n["content-type"] &&
|
|
(n["content-type"] = "application/json"),
|
|
{ ...r, method: l ? "POST" : "GET", body: l, headers: n }
|
|
);
|
|
},
|
|
r2 = typeof TextDecoder < "u" ? new TextDecoder() : null,
|
|
i2 = /boundary="?([^=";]+)"?/i,
|
|
l2 = /data: ?([^\n]+)/,
|
|
Oo = (e) =>
|
|
e.constructor.name === "Buffer" ? e.toString() : r2.decode(e);
|
|
async function* _o(e) {
|
|
if (e.body[Symbol.asyncIterator]) for await (var t of e.body) yield Oo(t);
|
|
else {
|
|
var n = e.body.getReader(),
|
|
r;
|
|
try {
|
|
for (; !(r = await n.read()).done; ) yield Oo(r.value);
|
|
} finally {
|
|
n.cancel();
|
|
}
|
|
}
|
|
}
|
|
async function* Io(e, t) {
|
|
var n = "",
|
|
r;
|
|
for await (var i of e)
|
|
for (n += i; (r = n.indexOf(t)) > -1; )
|
|
(yield n.slice(0, r), (n = n.slice(r + t.length)));
|
|
}
|
|
async function* o2(e, t, n) {
|
|
var r = !0,
|
|
i = null,
|
|
l;
|
|
try {
|
|
yield await Promise.resolve();
|
|
var o =
|
|
(l = await (e.context.fetch || fetch)(t, n)).headers.get(
|
|
"Content-Type",
|
|
) || "",
|
|
s;
|
|
/multipart\/mixed/i.test(o)
|
|
? (s = (async function* (u, m) {
|
|
var p = u.match(i2),
|
|
v = "--" + (p ? p[1] : "-"),
|
|
g = !0,
|
|
y;
|
|
for await (var w of Io(
|
|
_o(m),
|
|
`\r
|
|
` + v,
|
|
)) {
|
|
if (g) {
|
|
g = !1;
|
|
var b = w.indexOf(v);
|
|
if (b > -1) w = w.slice(b + v.length);
|
|
else continue;
|
|
}
|
|
try {
|
|
yield (y = JSON.parse(
|
|
w.slice(
|
|
w.indexOf(`\r
|
|
\r
|
|
`) + 4,
|
|
),
|
|
));
|
|
} catch (h) {
|
|
if (!y) throw h;
|
|
}
|
|
if (y && y.hasNext === !1) break;
|
|
}
|
|
y && y.hasNext !== !1 && (yield { hasNext: !1 });
|
|
})(o, l))
|
|
: /text\/event-stream/i.test(o)
|
|
? (s = (async function* (u) {
|
|
var m;
|
|
for await (var p of Io(
|
|
_o(u),
|
|
`
|
|
|
|
`,
|
|
)) {
|
|
var v = p.match(l2);
|
|
if (v) {
|
|
var g = v[1];
|
|
try {
|
|
yield (m = JSON.parse(g));
|
|
} catch (y) {
|
|
if (!m) throw y;
|
|
}
|
|
if (m && m.hasNext === !1) break;
|
|
}
|
|
}
|
|
m && m.hasNext !== !1 && (yield { hasNext: !1 });
|
|
})(l))
|
|
: /text\//i.test(o)
|
|
? (s = (async function* (u) {
|
|
var m = await u.text();
|
|
try {
|
|
var p = JSON.parse(m);
|
|
yield p;
|
|
} catch {
|
|
throw new Error(m);
|
|
}
|
|
})(l))
|
|
: (s = (async function* (u) {
|
|
yield JSON.parse(await u.text());
|
|
})(l));
|
|
var d;
|
|
for await (var c of s)
|
|
(c.pending && !i
|
|
? (d = c.pending)
|
|
: c.pending && (d = [...d, ...c.pending]),
|
|
(i = i ? Xu(i, c, l, d) : Zo(e, c, l)),
|
|
(r = !1),
|
|
yield i,
|
|
(r = !0));
|
|
i || (yield (i = Zo(e, {}, l)));
|
|
} catch (u) {
|
|
if (!r) throw u;
|
|
yield Is(
|
|
e,
|
|
l && (l.status < 200 || l.status >= 300) && l.statusText
|
|
? new Error(l.statusText)
|
|
: u,
|
|
l,
|
|
);
|
|
}
|
|
}
|
|
function s2(e, t, n) {
|
|
var r;
|
|
return (
|
|
typeof AbortController < "u" &&
|
|
(n.signal = (r = new AbortController()).signal),
|
|
rl(() => {
|
|
r && r.abort();
|
|
})(Ze((i) => !!i)(Zs(o2(e, t, n))))
|
|
);
|
|
}
|
|
var Fi = (e, t) => {
|
|
if (!e || typeof e != "object") return e;
|
|
if (Array.isArray(e)) return e.map((i) => Fi(i));
|
|
if (e && typeof e == "object" && (t || "__typename" in e)) {
|
|
var n = {};
|
|
for (var r in e)
|
|
r === "__typename"
|
|
? Object.defineProperty(n, "__typename", {
|
|
enumerable: !1,
|
|
value: e.__typename,
|
|
})
|
|
: (n[r] = Fi(e[r]));
|
|
return n;
|
|
} else return e;
|
|
};
|
|
function Ro(e) {
|
|
var t = (n) => e(n);
|
|
return (
|
|
(t.toPromise = () => il(kr(1)(Ze((n) => !n.stale && !n.hasNext)(t)))),
|
|
(t.then = (n, r) => t.toPromise().then(n, r)),
|
|
(t.subscribe = (n) => sn(n)(t)),
|
|
t
|
|
);
|
|
}
|
|
function qa(e, t, n) {
|
|
return {
|
|
...t,
|
|
kind: e,
|
|
context: t.context ? { ...t.context, ...n } : n || t.context,
|
|
};
|
|
}
|
|
var d2 = () => {},
|
|
c2 =
|
|
({ forward: e, dispatchDebug: t }) =>
|
|
(n) => {
|
|
var r = Da((l) => {
|
|
var o = e2(l),
|
|
s = t2(l, o),
|
|
d = a2(l, o),
|
|
c = Ls(Ze((u) => u.kind === "teardown" && u.key === l.key)(n))(
|
|
s2(l, s, d),
|
|
);
|
|
return c;
|
|
})(
|
|
Ze(
|
|
(l) =>
|
|
l.kind !== "teardown" &&
|
|
(l.kind !== "subscription" || !!l.context.fetchSubscriptions),
|
|
)(n),
|
|
),
|
|
i = e(
|
|
Ze(
|
|
(l) =>
|
|
l.kind === "teardown" ||
|
|
(l.kind === "subscription" && !l.context.fetchSubscriptions),
|
|
)(n),
|
|
);
|
|
return qn([r, i]);
|
|
},
|
|
u2 =
|
|
(e) =>
|
|
({ client: t, forward: n, dispatchDebug: r }) =>
|
|
e.reduceRight(
|
|
(i, l) =>
|
|
l({
|
|
client: t,
|
|
forward(o) {
|
|
return Gn(i(Gn(o)));
|
|
},
|
|
dispatchDebug(o) {},
|
|
}),
|
|
n,
|
|
),
|
|
m2 =
|
|
({ onOperation: e, onResult: t, onError: n }) =>
|
|
({ forward: r }) =>
|
|
(i) =>
|
|
Da((l) => {
|
|
n && l.error && n(l.error, l.operation);
|
|
var o = (t && t(l)) || l;
|
|
return "then" in o ? Mo(o) : jn(o);
|
|
})(
|
|
r(
|
|
Da((l) => {
|
|
var o = (e && e(l)) || l;
|
|
return "then" in o ? Mo(o) : jn(o);
|
|
})(i),
|
|
),
|
|
),
|
|
p2 =
|
|
({ dispatchDebug: e }) =>
|
|
(t) =>
|
|
Ze((n) => !1)(t),
|
|
h2 = function e(t) {
|
|
var n = 0,
|
|
r = new Map(),
|
|
i = new Map(),
|
|
l = new Set(),
|
|
o = [],
|
|
s = {
|
|
url: t.url,
|
|
fetchSubscriptions: t.fetchSubscriptions,
|
|
fetchOptions: t.fetchOptions,
|
|
fetch: t.fetch,
|
|
preferGetMethod: t.preferGetMethod,
|
|
requestPolicy: t.requestPolicy || "cache-first",
|
|
},
|
|
d = Si();
|
|
function c(h) {
|
|
(h.kind === "mutation" || h.kind === "teardown" || !l.has(h.key)) &&
|
|
(h.kind === "teardown"
|
|
? l.delete(h.key)
|
|
: h.kind !== "mutation" && l.add(h.key),
|
|
d.next(h));
|
|
}
|
|
var u = !1;
|
|
function m(h) {
|
|
if ((h && c(h), !u)) {
|
|
for (u = !0; u && (h = o.shift()); ) c(h);
|
|
u = !1;
|
|
}
|
|
}
|
|
var p = (h) => {
|
|
var f = Ls(
|
|
Ze((E) => E.kind === "teardown" && E.key === h.key)(d.source),
|
|
)(
|
|
Ze(
|
|
(E) =>
|
|
E.operation.kind === h.kind &&
|
|
E.operation.key === h.key &&
|
|
(!E.operation.context._instance ||
|
|
E.operation.context._instance === h.context._instance),
|
|
)(b),
|
|
);
|
|
return (
|
|
t.maskTypename &&
|
|
(f = wi((E) => ({ ...E, data: Fi(E.data, !0) }))(f)),
|
|
h.kind !== "query"
|
|
? (f = Ts((E) => !!E.hasNext, !0)(f))
|
|
: (f = No((E) => {
|
|
var C = jn(E);
|
|
return E.stale || E.hasNext
|
|
? C
|
|
: qn([
|
|
C,
|
|
wi(() => ((E.stale = !0), E))(
|
|
kr(1)(Ze((Z) => Z.key === h.key)(d.source)),
|
|
),
|
|
]);
|
|
})(f)),
|
|
h.kind !== "mutation"
|
|
? (f = rl(() => {
|
|
(l.delete(h.key),
|
|
r.delete(h.key),
|
|
i.delete(h.key),
|
|
(u = !1));
|
|
for (var E = o.length - 1; E >= 0; E--)
|
|
o[E].key === h.key && o.splice(E, 1);
|
|
c(qa("teardown", h, h.context));
|
|
})(
|
|
za((E) => {
|
|
if (E.stale) {
|
|
for (var C of o)
|
|
if (C.key === E.operation.key) {
|
|
l.delete(C.key);
|
|
break;
|
|
}
|
|
} else E.hasNext || l.delete(h.key);
|
|
r.set(h.key, E);
|
|
})(f),
|
|
))
|
|
: (f = Ci(() => {
|
|
c(h);
|
|
})(f)),
|
|
Gn(f)
|
|
);
|
|
},
|
|
v = this instanceof e ? this : Object.create(e.prototype),
|
|
g = Object.assign(v, {
|
|
suspense: !!t.suspense,
|
|
operations$: d.source,
|
|
reexecuteOperation(h) {
|
|
if (h.kind === "teardown") m(h);
|
|
else if (h.kind === "mutation" || i.has(h.key)) {
|
|
for (var f = !1, E = 0; E < o.length; E++)
|
|
f = f || o[E].key === h.key;
|
|
(f || l.delete(h.key), o.push(h), Promise.resolve().then(m));
|
|
}
|
|
},
|
|
createRequestOperation(h, f, E) {
|
|
return (
|
|
E || (E = {}),
|
|
qa(h, f, {
|
|
_instance: h === "mutation" ? (n = (n + 1) | 0) : void 0,
|
|
...s,
|
|
...E,
|
|
requestPolicy: E.requestPolicy || s.requestPolicy,
|
|
suspense: E.suspense || (E.suspense !== !1 && g.suspense),
|
|
})
|
|
);
|
|
},
|
|
executeRequestOperation(h) {
|
|
return h.kind === "mutation"
|
|
? Ro(p(h))
|
|
: Ro(
|
|
Uu(() => {
|
|
var f = i.get(h.key);
|
|
(f || i.set(h.key, (f = p(h))),
|
|
(f = Ci(() => {
|
|
m(h);
|
|
})(f)));
|
|
var E = r.get(h.key);
|
|
return h.kind === "query" && E && (E.stale || E.hasNext)
|
|
? No(jn)(qn([f, Ze((C) => C === r.get(h.key))(jn(E))]))
|
|
: f;
|
|
}),
|
|
);
|
|
},
|
|
executeQuery(h, f) {
|
|
var E = g.createRequestOperation("query", h, f);
|
|
return g.executeRequestOperation(E);
|
|
},
|
|
executeSubscription(h, f) {
|
|
var E = g.createRequestOperation("subscription", h, f);
|
|
return g.executeRequestOperation(E);
|
|
},
|
|
executeMutation(h, f) {
|
|
var E = g.createRequestOperation("mutation", h, f);
|
|
return g.executeRequestOperation(E);
|
|
},
|
|
readQuery(h, f, E) {
|
|
var C = null;
|
|
return (
|
|
sn((Z) => {
|
|
C = Z;
|
|
})(g.query(h, f, E)).unsubscribe(),
|
|
C
|
|
);
|
|
},
|
|
query: (h, f, E) => g.executeQuery(nn(h, f), E),
|
|
subscription: (h, f, E) => g.executeSubscription(nn(h, f), E),
|
|
mutation: (h, f, E) => g.executeMutation(nn(h, f), E),
|
|
}),
|
|
y = d2,
|
|
w = u2(t.exchanges),
|
|
b = Gn(
|
|
w({
|
|
client: g,
|
|
dispatchDebug: y,
|
|
forward: p2({ dispatchDebug: y }),
|
|
})(d.source),
|
|
);
|
|
return (qu(b), g);
|
|
},
|
|
f2 = {},
|
|
wr = He(f2),
|
|
g2 = wr.Provider;
|
|
wr.Consumer;
|
|
wr.displayName = "UrqlContext";
|
|
var sl = () => {
|
|
var e = Gt(wr);
|
|
return e;
|
|
},
|
|
Ai = {
|
|
fetching: !1,
|
|
stale: !1,
|
|
error: void 0,
|
|
data: void 0,
|
|
extensions: void 0,
|
|
operation: void 0,
|
|
},
|
|
v2 = (e, t) => e === t || !(!e || !t || e.key !== t.key),
|
|
$r = (e, t) => {
|
|
var n = {
|
|
...e,
|
|
...t,
|
|
data: t.data !== void 0 || t.error ? t.data : e.data,
|
|
fetching: !!t.fetching,
|
|
stale: !!t.stale,
|
|
};
|
|
return ((r, i) => {
|
|
for (var l in r) if (!(l in i)) return !0;
|
|
for (var o in i)
|
|
if (o === "operation" ? !v2(r[o], i[o]) : r[o] !== i[o]) return !0;
|
|
return !1;
|
|
})(e, n)
|
|
? n
|
|
: e;
|
|
},
|
|
y2 = (e, t) => {
|
|
for (var n = 0, r = t.length; n < r; n++) if (e[n] !== t[n]) return !0;
|
|
return !1;
|
|
};
|
|
function Ga(e, t) {
|
|
e(t);
|
|
}
|
|
function Rs(e) {
|
|
var t = Ee(!0),
|
|
n = sl(),
|
|
[r, i] = Le(Ai),
|
|
l = K(
|
|
(o, s) => (
|
|
Ga(i, { ...Ai, fetching: !0 }),
|
|
il(
|
|
kr(1)(
|
|
Ze((d) => !d.hasNext)(
|
|
za((d) => {
|
|
t.current &&
|
|
Ga(i, {
|
|
fetching: !1,
|
|
stale: d.stale,
|
|
data: d.data,
|
|
error: d.error,
|
|
extensions: d.extensions,
|
|
operation: d.operation,
|
|
});
|
|
})(n.executeMutation(nn(e, o), s || {})),
|
|
),
|
|
),
|
|
)
|
|
),
|
|
[n, e, i],
|
|
);
|
|
return (
|
|
te(
|
|
() => (
|
|
(t.current = !0),
|
|
() => {
|
|
t.current = !1;
|
|
}
|
|
),
|
|
[],
|
|
),
|
|
[r, l]
|
|
);
|
|
}
|
|
function b2(e, t) {
|
|
var n = Ee(void 0);
|
|
return ft(() => {
|
|
var r = nn(e, t);
|
|
return n.current !== void 0 && n.current.key === r.key
|
|
? n.current
|
|
: ((n.current = r), r);
|
|
}, [e, t]);
|
|
}
|
|
var E2 = (e) => {
|
|
if (!e._react) {
|
|
var t = new Set(),
|
|
n = new Map();
|
|
(e.operations$ &&
|
|
sn((r) => {
|
|
r.kind === "teardown" &&
|
|
t.has(r.key) &&
|
|
(t.delete(r.key), n.delete(r.key));
|
|
})(e.operations$),
|
|
(e._react = {
|
|
get: (r) => n.get(r),
|
|
set(r, i) {
|
|
(t.delete(r), n.set(r, i));
|
|
},
|
|
dispose(r) {
|
|
t.add(r);
|
|
},
|
|
}));
|
|
}
|
|
return e._react;
|
|
},
|
|
k2 = (e, t) => (t && t.suspense !== void 0 ? !!t.suspense : e.suspense);
|
|
function dl(e) {
|
|
var t = sl(),
|
|
n = E2(t),
|
|
r = k2(t, e.context),
|
|
i = b2(e.query, e.variables),
|
|
l = ft(() => {
|
|
if (e.pause) return null;
|
|
var p = t.executeQuery(i, {
|
|
requestPolicy: e.requestPolicy,
|
|
...e.context,
|
|
});
|
|
return r
|
|
? za((v) => {
|
|
n.set(i.key, v);
|
|
})(p)
|
|
: p;
|
|
}, [n, t, i, r, e.pause, e.requestPolicy, e.context]),
|
|
o = K(
|
|
(p, v) => {
|
|
if (!p) return { fetching: !1 };
|
|
var g = n.get(i.key);
|
|
if (g) {
|
|
if (v && g != null && "then" in g) throw g;
|
|
} else {
|
|
var y,
|
|
w = sn((h) => {
|
|
((g = h), y && y(g));
|
|
})(Ts(() => (v && !y) || !g)(p));
|
|
if (g == null && v) {
|
|
var b = new Promise((h) => {
|
|
y = h;
|
|
});
|
|
throw (n.set(i.key, b), b);
|
|
} else w.unsubscribe();
|
|
}
|
|
return g || { fetching: !0 };
|
|
},
|
|
[n, i],
|
|
),
|
|
s = [t, i, e.requestPolicy, e.context, e.pause],
|
|
[d, c] = Le(() => [l, $r(Ai, o(l, r)), s]),
|
|
u = d[1];
|
|
(l !== d[0] && y2(d[2], s) && c([l, (u = $r(d[1], o(l, r))), s]),
|
|
te(() => {
|
|
var p = d[0],
|
|
v = d[2][1],
|
|
g = !1,
|
|
y = (b) => {
|
|
((g = !0),
|
|
Ga(c, (h) => {
|
|
var f = $r(h[1], b);
|
|
return h[1] !== f ? [h[0], f, h[2]] : h;
|
|
}));
|
|
};
|
|
if (p) {
|
|
var w = sn(y)(
|
|
rl(() => {
|
|
y({ fetching: !1 });
|
|
})(p),
|
|
);
|
|
return (
|
|
g || y({ fetching: !0 }),
|
|
() => {
|
|
(n.dispose(v.key), w.unsubscribe());
|
|
}
|
|
);
|
|
} else y({ fetching: !1 });
|
|
}, [n, d[0], d[2][1]]));
|
|
var m = K(
|
|
(p) => {
|
|
var v = { requestPolicy: e.requestPolicy, ...e.context, ...p };
|
|
Ga(c, (g) => [
|
|
r
|
|
? za((y) => {
|
|
n.set(i.key, y);
|
|
})(t.executeQuery(i, v))
|
|
: t.executeQuery(i, v),
|
|
g[1],
|
|
s,
|
|
]);
|
|
},
|
|
[t, n, i, r, e.requestPolicy, e.context, e.pause],
|
|
);
|
|
return [u, m];
|
|
}
|
|
function an(e, t) {
|
|
return t;
|
|
}
|
|
var w2 = {
|
|
kind: "Document",
|
|
definitions: [
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "StatusTestFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Test" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "result" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "story" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
C2 = {
|
|
kind: "Document",
|
|
definitions: [
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "LastBuildOnBranchTestFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Test" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "result" } },
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
S2 = {
|
|
kind: "Document",
|
|
definitions: [
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "LastBuildOnBranchBuildFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Build" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "__typename" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "committedAt" } },
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "StartedBuild" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "testsForStatus" },
|
|
name: { kind: "Name", value: "tests" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "first" },
|
|
value: { kind: "IntValue", value: "1000" },
|
|
},
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "statuses" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "testStatuses" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "nodes" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "StatusTestFields",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "testsForStory" },
|
|
name: { kind: "Name", value: "tests" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "storyId" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "nodes" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "LastBuildOnBranchTestFields",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "CompletedBuild" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "result" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "testsForStatus" },
|
|
name: { kind: "Name", value: "tests" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "first" },
|
|
value: { kind: "IntValue", value: "1000" },
|
|
},
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "statuses" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "testStatuses" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "nodes" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "StatusTestFields",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "testsForStory" },
|
|
name: { kind: "Name", value: "tests" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "storyId" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "nodes" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "LastBuildOnBranchTestFields",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "StatusTestFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Test" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "result" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "story" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "LastBuildOnBranchTestFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Test" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "result" } },
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
x2 = {
|
|
kind: "Document",
|
|
definitions: [
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "StoryTestFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Test" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "result" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "webUrl" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "comparisons" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "result" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "browser" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "id" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "key" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "name" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "version" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "captureDiff" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "diffImage" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "signed" },
|
|
value: { kind: "BooleanValue", value: !0 },
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageWidth" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "focusImage" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "signed" },
|
|
value: { kind: "BooleanValue", value: !0 },
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageWidth" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "headCapture" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "captureImage" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "signed" },
|
|
value: { kind: "BooleanValue", value: !0 },
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "backgroundColor",
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageWidth" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "imageHeight",
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "thumbnailUrl",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "captureError" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "kind" },
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: {
|
|
kind: "Name",
|
|
value: "CaptureErrorInteractionFailure",
|
|
},
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "error",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: {
|
|
kind: "Name",
|
|
value: "CaptureErrorJSError",
|
|
},
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "error",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: {
|
|
kind: "Name",
|
|
value: "CaptureErrorFailedJS",
|
|
},
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "error",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "baseCapture" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "captureImage" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "signed" },
|
|
value: { kind: "BooleanValue", value: !0 },
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageWidth" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "imageHeight",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "mode" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "name" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "globals" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "story" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
{ kind: "Field", name: { kind: "Name", value: "name" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "component" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "name" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
N2 = {
|
|
kind: "Document",
|
|
definitions: [
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "SelectedBuildFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Build" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "__typename" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "number" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "branch" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "commit" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "committedAt" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "uncommittedHash" },
|
|
},
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "StartedBuild" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "startedAt" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "testsForStory" },
|
|
name: { kind: "Name", value: "tests" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "storyId" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "nodes" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "StoryTestFields",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "CompletedBuild" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "startedAt" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "testsForStory" },
|
|
name: { kind: "Name", value: "tests" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "storyId" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "nodes" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "StoryTestFields",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "StoryTestFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Test" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "result" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "webUrl" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "comparisons" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "result" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "browser" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "id" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "key" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "name" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "version" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "captureDiff" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "diffImage" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "signed" },
|
|
value: { kind: "BooleanValue", value: !0 },
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageWidth" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "focusImage" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "signed" },
|
|
value: { kind: "BooleanValue", value: !0 },
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageWidth" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "headCapture" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "captureImage" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "signed" },
|
|
value: { kind: "BooleanValue", value: !0 },
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "backgroundColor",
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageWidth" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "imageHeight",
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "thumbnailUrl",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "captureError" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "kind" },
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: {
|
|
kind: "Name",
|
|
value: "CaptureErrorInteractionFailure",
|
|
},
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "error",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: {
|
|
kind: "Name",
|
|
value: "CaptureErrorJSError",
|
|
},
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "error",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: {
|
|
kind: "Name",
|
|
value: "CaptureErrorFailedJS",
|
|
},
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "error",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "baseCapture" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "captureImage" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "signed" },
|
|
value: { kind: "BooleanValue", value: !0 },
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageWidth" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "imageHeight",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "mode" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "name" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "globals" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "story" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
{ kind: "Field", name: { kind: "Name", value: "name" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "component" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "name" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
M2 = {
|
|
kind: "Document",
|
|
definitions: [
|
|
{
|
|
kind: "OperationDefinition",
|
|
operation: "query",
|
|
name: { kind: "Name", value: "VisualTestsProjectCountQuery" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "viewer" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "projectCount" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "accounts" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "newProjectUrl" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
F2 = {
|
|
kind: "Document",
|
|
definitions: [
|
|
{
|
|
kind: "OperationDefinition",
|
|
operation: "query",
|
|
name: { kind: "Name", value: "SelectProjectsQuery" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "viewer" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "accounts" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "id" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "name" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "avatarUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "newProjectUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "projects" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "id" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "name" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "webUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "lastBuild" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "branch",
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "number",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
A2 = {
|
|
kind: "Document",
|
|
definitions: [
|
|
{
|
|
kind: "OperationDefinition",
|
|
operation: "query",
|
|
name: { kind: "Name", value: "ProjectQuery" },
|
|
variableDefinitions: [
|
|
{
|
|
kind: "VariableDefinition",
|
|
variable: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "projectId" },
|
|
},
|
|
type: {
|
|
kind: "NonNullType",
|
|
type: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "ID" },
|
|
},
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "project" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "id" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "projectId" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "name" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "webUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "lastBuild" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "branch" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "number" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
L2 = {
|
|
kind: "Document",
|
|
definitions: [
|
|
{
|
|
kind: "OperationDefinition",
|
|
operation: "mutation",
|
|
name: { kind: "Name", value: "UpdateUserPreferences" },
|
|
variableDefinitions: [
|
|
{
|
|
kind: "VariableDefinition",
|
|
variable: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "input" },
|
|
},
|
|
type: {
|
|
kind: "NonNullType",
|
|
type: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "UserPreferencesInput" },
|
|
},
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "updateUserPreferences" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "input" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "input" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "updatedPreferences" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "vtaOnboarding" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
T2 = {
|
|
kind: "Document",
|
|
definitions: [
|
|
{
|
|
kind: "OperationDefinition",
|
|
operation: "query",
|
|
name: { kind: "Name", value: "AddonVisualTestsBuild" },
|
|
variableDefinitions: [
|
|
{
|
|
kind: "VariableDefinition",
|
|
variable: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "projectId" },
|
|
},
|
|
type: {
|
|
kind: "NonNullType",
|
|
type: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "ID" },
|
|
},
|
|
},
|
|
},
|
|
{
|
|
kind: "VariableDefinition",
|
|
variable: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "branch" },
|
|
},
|
|
type: {
|
|
kind: "NonNullType",
|
|
type: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "String" },
|
|
},
|
|
},
|
|
},
|
|
{
|
|
kind: "VariableDefinition",
|
|
variable: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "gitUserEmailHash" },
|
|
},
|
|
type: {
|
|
kind: "NonNullType",
|
|
type: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "String" },
|
|
},
|
|
},
|
|
},
|
|
{
|
|
kind: "VariableDefinition",
|
|
variable: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "repositoryOwnerName" },
|
|
},
|
|
type: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "String" },
|
|
},
|
|
},
|
|
{
|
|
kind: "VariableDefinition",
|
|
variable: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
type: {
|
|
kind: "NonNullType",
|
|
type: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "String" },
|
|
},
|
|
},
|
|
},
|
|
{
|
|
kind: "VariableDefinition",
|
|
variable: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "testStatuses" },
|
|
},
|
|
type: {
|
|
kind: "NonNullType",
|
|
type: {
|
|
kind: "ListType",
|
|
type: {
|
|
kind: "NonNullType",
|
|
type: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "TestStatus" },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
{
|
|
kind: "VariableDefinition",
|
|
variable: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "selectedBuildId" },
|
|
},
|
|
type: {
|
|
kind: "NonNullType",
|
|
type: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "ID" },
|
|
},
|
|
},
|
|
},
|
|
{
|
|
kind: "VariableDefinition",
|
|
variable: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "hasSelectedBuildId" },
|
|
},
|
|
type: {
|
|
kind: "NonNullType",
|
|
type: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Boolean" },
|
|
},
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "project" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "id" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "projectId" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "name" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "manageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "account" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "billingUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "suspensionReason" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "features" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "uiTests" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "lastBuildOnBranch" },
|
|
name: { kind: "Name", value: "lastBuild" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "branches" },
|
|
value: {
|
|
kind: "ListValue",
|
|
values: [
|
|
{
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "branch" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Argument",
|
|
name: {
|
|
kind: "Name",
|
|
value: "repositoryOwnerName",
|
|
},
|
|
value: {
|
|
kind: "Variable",
|
|
name: {
|
|
kind: "Name",
|
|
value: "repositoryOwnerName",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "localBuilds" },
|
|
value: {
|
|
kind: "ObjectValue",
|
|
fields: [
|
|
{
|
|
kind: "ObjectField",
|
|
name: {
|
|
kind: "Name",
|
|
value: "localBuildEmailHash",
|
|
},
|
|
value: {
|
|
kind: "Variable",
|
|
name: {
|
|
kind: "Name",
|
|
value: "gitUserEmailHash",
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "LastBuildOnBranchBuildFields",
|
|
},
|
|
},
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "SelectedBuildFields",
|
|
},
|
|
directives: [
|
|
{
|
|
kind: "Directive",
|
|
name: { kind: "Name", value: "skip" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "if" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: {
|
|
kind: "Name",
|
|
value: "hasSelectedBuildId",
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "lastBuild" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "id" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "slug" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "branch" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "selectedBuild" },
|
|
name: { kind: "Name", value: "build" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "id" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "selectedBuildId" },
|
|
},
|
|
},
|
|
],
|
|
directives: [
|
|
{
|
|
kind: "Directive",
|
|
name: { kind: "Name", value: "include" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "if" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "hasSelectedBuildId" },
|
|
},
|
|
},
|
|
],
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: { kind: "Name", value: "SelectedBuildFields" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "viewer" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "preferences" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "vtaOnboarding" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "projectMembership" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "projectId" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "projectId" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "userCanReview" },
|
|
name: { kind: "Name", value: "meetsAccessLevel" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: {
|
|
kind: "Name",
|
|
value: "minimumAccessLevel",
|
|
},
|
|
value: {
|
|
kind: "EnumValue",
|
|
value: "REVIEWER",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "StatusTestFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Test" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "result" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "story" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "LastBuildOnBranchTestFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Test" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "result" } },
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "StoryTestFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Test" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "result" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "webUrl" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "comparisons" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "result" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "browser" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "id" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "key" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "name" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "version" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "captureDiff" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "diffImage" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "signed" },
|
|
value: { kind: "BooleanValue", value: !0 },
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageWidth" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "focusImage" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "signed" },
|
|
value: { kind: "BooleanValue", value: !0 },
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageWidth" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "headCapture" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "captureImage" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "signed" },
|
|
value: { kind: "BooleanValue", value: !0 },
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "backgroundColor",
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageWidth" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "imageHeight",
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "thumbnailUrl",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "captureError" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "kind" },
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: {
|
|
kind: "Name",
|
|
value: "CaptureErrorInteractionFailure",
|
|
},
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "error",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: {
|
|
kind: "Name",
|
|
value: "CaptureErrorJSError",
|
|
},
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "error",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: {
|
|
kind: "Name",
|
|
value: "CaptureErrorFailedJS",
|
|
},
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "error",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "baseCapture" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "captureImage" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "signed" },
|
|
value: { kind: "BooleanValue", value: !0 },
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageUrl" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "imageWidth" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: {
|
|
kind: "Name",
|
|
value: "imageHeight",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "mode" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "name" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "globals" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "story" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
{ kind: "Field", name: { kind: "Name", value: "name" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "component" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "name" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "LastBuildOnBranchBuildFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Build" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "__typename" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "committedAt" } },
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "StartedBuild" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "testsForStatus" },
|
|
name: { kind: "Name", value: "tests" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "first" },
|
|
value: { kind: "IntValue", value: "1000" },
|
|
},
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "statuses" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "testStatuses" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "nodes" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "StatusTestFields",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "testsForStory" },
|
|
name: { kind: "Name", value: "tests" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "storyId" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "nodes" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "LastBuildOnBranchTestFields",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "CompletedBuild" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "result" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "testsForStatus" },
|
|
name: { kind: "Name", value: "tests" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "first" },
|
|
value: { kind: "IntValue", value: "1000" },
|
|
},
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "statuses" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "testStatuses" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "nodes" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "StatusTestFields",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "testsForStory" },
|
|
name: { kind: "Name", value: "tests" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "storyId" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "nodes" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "LastBuildOnBranchTestFields",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "FragmentDefinition",
|
|
name: { kind: "Name", value: "SelectedBuildFields" },
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "Build" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{ kind: "Field", name: { kind: "Name", value: "__typename" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "id" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "number" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "branch" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "commit" } },
|
|
{ kind: "Field", name: { kind: "Name", value: "committedAt" } },
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "uncommittedHash" },
|
|
},
|
|
{ kind: "Field", name: { kind: "Name", value: "status" } },
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "StartedBuild" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "startedAt" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "testsForStory" },
|
|
name: { kind: "Name", value: "tests" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "storyId" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "nodes" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "StoryTestFields",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "CompletedBuild" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "startedAt" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
alias: { kind: "Name", value: "testsForStory" },
|
|
name: { kind: "Name", value: "tests" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "storyId" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "storyId" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "nodes" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "FragmentSpread",
|
|
name: {
|
|
kind: "Name",
|
|
value: "StoryTestFields",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
Z2 = {
|
|
kind: "Document",
|
|
definitions: [
|
|
{
|
|
kind: "OperationDefinition",
|
|
operation: "mutation",
|
|
name: { kind: "Name", value: "ReviewTest" },
|
|
variableDefinitions: [
|
|
{
|
|
kind: "VariableDefinition",
|
|
variable: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "input" },
|
|
},
|
|
type: {
|
|
kind: "NonNullType",
|
|
type: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "ReviewTestInput" },
|
|
},
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "reviewTest" },
|
|
arguments: [
|
|
{
|
|
kind: "Argument",
|
|
name: { kind: "Name", value: "input" },
|
|
value: {
|
|
kind: "Variable",
|
|
name: { kind: "Name", value: "input" },
|
|
},
|
|
},
|
|
],
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "updatedTests" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "id" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "status" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "userErrors" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: { kind: "Name", value: "UserError" },
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "__typename" },
|
|
},
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "message" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: {
|
|
kind: "Name",
|
|
value: "BuildSupersededError",
|
|
},
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "build" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "id" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
kind: "InlineFragment",
|
|
typeCondition: {
|
|
kind: "NamedType",
|
|
name: {
|
|
kind: "Name",
|
|
value: "TestUnreviewableError",
|
|
},
|
|
},
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "test" },
|
|
selectionSet: {
|
|
kind: "SelectionSet",
|
|
selections: [
|
|
{
|
|
kind: "Field",
|
|
name: { kind: "Name", value: "id" },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
O2 = {
|
|
"\n query VisualTestsProjectCountQuery {\n viewer {\n projectCount\n accounts {\n newProjectUrl\n }\n }\n }\n":
|
|
M2,
|
|
"\n query SelectProjectsQuery {\n viewer {\n accounts {\n id\n name\n avatarUrl\n newProjectUrl\n projects {\n id\n name\n webUrl\n lastBuild {\n branch\n number\n }\n }\n }\n }\n }\n":
|
|
F2,
|
|
"\n query ProjectQuery($projectId: ID!) {\n project(id: $projectId) {\n id\n name\n webUrl\n lastBuild {\n branch\n number\n }\n }\n }\n":
|
|
A2,
|
|
"\n mutation UpdateUserPreferences($input: UserPreferencesInput!) {\n updateUserPreferences(input: $input) {\n updatedPreferences {\n vtaOnboarding\n }\n }\n }\n":
|
|
L2,
|
|
"\n query AddonVisualTestsBuild(\n $projectId: ID!\n $branch: String!\n $gitUserEmailHash: String!\n $repositoryOwnerName: String\n $storyId: String!\n $testStatuses: [TestStatus!]!\n $selectedBuildId: ID!\n $hasSelectedBuildId: Boolean!\n ) {\n project(id: $projectId) {\n name\n manageUrl\n account {\n billingUrl\n suspensionReason\n }\n features {\n uiTests\n }\n lastBuildOnBranch: lastBuild(\n branches: [$branch]\n repositoryOwnerName: $repositoryOwnerName\n localBuilds: { localBuildEmailHash: $gitUserEmailHash }\n ) {\n ...LastBuildOnBranchBuildFields\n ...SelectedBuildFields @skip(if: $hasSelectedBuildId)\n }\n lastBuild {\n id\n slug\n branch\n }\n }\n selectedBuild: build(id: $selectedBuildId) @include(if: $hasSelectedBuildId) {\n ...SelectedBuildFields\n }\n viewer {\n preferences {\n vtaOnboarding\n }\n projectMembership(projectId: $projectId) {\n userCanReview: meetsAccessLevel(minimumAccessLevel: REVIEWER)\n }\n }\n }\n":
|
|
T2,
|
|
"\n fragment LastBuildOnBranchBuildFields on Build {\n __typename\n id\n status\n committedAt\n ... on StartedBuild {\n testsForStatus: tests(first: 1000, statuses: $testStatuses) {\n nodes {\n ...StatusTestFields\n }\n }\n testsForStory: tests(storyId: $storyId) {\n nodes {\n ...LastBuildOnBranchTestFields\n }\n }\n }\n ... on CompletedBuild {\n result\n testsForStatus: tests(first: 1000, statuses: $testStatuses) {\n nodes {\n ...StatusTestFields\n }\n }\n testsForStory: tests(storyId: $storyId) {\n nodes {\n ...LastBuildOnBranchTestFields\n }\n }\n }\n }\n":
|
|
S2,
|
|
"\n fragment SelectedBuildFields on Build {\n __typename\n id\n number\n branch\n commit\n committedAt\n uncommittedHash\n status\n ... on StartedBuild {\n startedAt\n testsForStory: tests(storyId: $storyId) {\n nodes {\n ...StoryTestFields\n }\n }\n }\n ... on CompletedBuild {\n startedAt\n testsForStory: tests(storyId: $storyId) {\n nodes {\n ...StoryTestFields\n }\n }\n }\n }\n":
|
|
N2,
|
|
"\n fragment StatusTestFields on Test {\n id\n status\n result\n story {\n storyId\n }\n }\n":
|
|
w2,
|
|
"\n fragment LastBuildOnBranchTestFields on Test {\n status\n result\n }\n":
|
|
C2,
|
|
"\n fragment StoryTestFields on Test {\n id\n status\n result\n webUrl\n comparisons {\n id\n result\n browser {\n id\n key\n name\n version\n }\n captureDiff {\n diffImage(signed: true) {\n imageUrl\n imageWidth\n }\n focusImage(signed: true) {\n imageUrl\n imageWidth\n }\n }\n headCapture {\n captureImage(signed: true) {\n backgroundColor\n imageUrl\n imageWidth\n imageHeight\n thumbnailUrl\n }\n captureError {\n kind\n ... on CaptureErrorInteractionFailure {\n error\n }\n ... on CaptureErrorJSError {\n error\n }\n ... on CaptureErrorFailedJS {\n error\n }\n }\n }\n baseCapture {\n captureImage(signed: true) {\n imageUrl\n imageWidth\n imageHeight\n }\n }\n }\n mode {\n name\n globals\n }\n story {\n storyId\n name\n component {\n name\n }\n }\n }\n":
|
|
x2,
|
|
"\n mutation ReviewTest($input: ReviewTestInput!) {\n reviewTest(input: $input) {\n updatedTests {\n id\n status\n }\n userErrors {\n ... on UserError {\n __typename\n message\n }\n ... on BuildSupersededError {\n build {\n id\n }\n }\n ... on TestUnreviewableError {\n test {\n id\n }\n }\n }\n }\n }\n":
|
|
Z2,
|
|
};
|
|
function Qe(e) {
|
|
return O2[e] ?? {};
|
|
}
|
|
var Wr = (e, t) => qa(e.kind, e, { ...e.context, authAttempt: t });
|
|
function _2(e) {
|
|
return ({ client: t, forward: n }) => {
|
|
var r = new Set(),
|
|
i = Si(),
|
|
l = Si(),
|
|
o = new Map();
|
|
function s() {
|
|
c = void 0;
|
|
var m = o;
|
|
((o = new Map()), m.forEach(i.next));
|
|
}
|
|
function d(m) {
|
|
c = void 0;
|
|
var p = o;
|
|
((o = new Map()),
|
|
p.forEach((v) => {
|
|
l.next(Is(v, m));
|
|
}));
|
|
}
|
|
var c,
|
|
u = null;
|
|
return (m) => {
|
|
function p() {
|
|
c = Promise.resolve()
|
|
.then(() =>
|
|
e({
|
|
mutate(b, h, f) {
|
|
var E = t.createRequestOperation("mutation", nn(b, h), f);
|
|
return il(
|
|
kr(1)(
|
|
Ze(
|
|
(C) =>
|
|
C.operation.key === E.key &&
|
|
E.context._instance ===
|
|
C.operation.context._instance,
|
|
)(
|
|
Ci(() => {
|
|
var C = g(E);
|
|
(r.add(C.context._instance), i.next(C));
|
|
})(w),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
appendHeaders(b, h) {
|
|
var f =
|
|
typeof b.context.fetchOptions == "function"
|
|
? b.context.fetchOptions()
|
|
: b.context.fetchOptions || {};
|
|
return qa(b.kind, b, {
|
|
...b.context,
|
|
fetchOptions: { ...f, headers: { ...f.headers, ...h } },
|
|
});
|
|
},
|
|
}),
|
|
)
|
|
.then((b) => {
|
|
(b && (u = b), s());
|
|
})
|
|
.catch((b) => {
|
|
d(b);
|
|
});
|
|
}
|
|
p();
|
|
function v(b) {
|
|
(o.set(b.key, Wr(b, !0)),
|
|
u && !c && (c = u.refreshAuth().then(s).catch(d)));
|
|
}
|
|
function g(b) {
|
|
return u ? u.addAuthToOperation(b) : b;
|
|
}
|
|
var y = Ze(Boolean)(
|
|
wi((b) =>
|
|
b.kind === "teardown"
|
|
? (o.delete(b.key), b)
|
|
: b.context._instance && r.has(b.context._instance)
|
|
? b
|
|
: b.context.authAttempt
|
|
? g(b)
|
|
: c || !u
|
|
? (c || p(),
|
|
o.has(b.key) || o.set(b.key, Wr(b, !1)),
|
|
null)
|
|
: (function (h) {
|
|
return (
|
|
!h.context.authAttempt &&
|
|
u &&
|
|
u.willAuthError &&
|
|
u.willAuthError(h)
|
|
);
|
|
})(b)
|
|
? (v(b), null)
|
|
: g(Wr(b, !1)),
|
|
)(qn([i.source, m])),
|
|
),
|
|
w = n(y);
|
|
return qn([
|
|
l.source,
|
|
Ze((b) =>
|
|
!r.has(b.operation.context._instance) &&
|
|
b.error &&
|
|
(function (h) {
|
|
return (
|
|
u && u.didAuthError && u.didAuthError(h.error, h.operation)
|
|
);
|
|
})(b) &&
|
|
!b.operation.context.authAttempt
|
|
? (v(b.operation), !1)
|
|
: (r.has(b.operation.context._instance) &&
|
|
r.delete(b.operation.context._instance),
|
|
!0),
|
|
)(w),
|
|
]);
|
|
};
|
|
};
|
|
}
|
|
var Ce = [];
|
|
for (let e = 0; e < 256; ++e) Ce.push((e + 256).toString(16).slice(1));
|
|
function I2(e, t = 0) {
|
|
return (
|
|
Ce[e[t + 0]] +
|
|
Ce[e[t + 1]] +
|
|
Ce[e[t + 2]] +
|
|
Ce[e[t + 3]] +
|
|
"-" +
|
|
Ce[e[t + 4]] +
|
|
Ce[e[t + 5]] +
|
|
"-" +
|
|
Ce[e[t + 6]] +
|
|
Ce[e[t + 7]] +
|
|
"-" +
|
|
Ce[e[t + 8]] +
|
|
Ce[e[t + 9]] +
|
|
"-" +
|
|
Ce[e[t + 10]] +
|
|
Ce[e[t + 11]] +
|
|
Ce[e[t + 12]] +
|
|
Ce[e[t + 13]] +
|
|
Ce[e[t + 14]] +
|
|
Ce[e[t + 15]]
|
|
).toLowerCase();
|
|
}
|
|
var qr,
|
|
R2 = new Uint8Array(16);
|
|
function B2() {
|
|
if (!qr) {
|
|
if (typeof crypto > "u" || !crypto.getRandomValues)
|
|
throw new Error(
|
|
"crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported",
|
|
);
|
|
qr = crypto.getRandomValues.bind(crypto);
|
|
}
|
|
return qr(R2);
|
|
}
|
|
var P2 =
|
|
typeof crypto < "u" &&
|
|
crypto.randomUUID &&
|
|
crypto.randomUUID.bind(crypto),
|
|
Bo = { randomUUID: P2 };
|
|
function V2(e, t, n) {
|
|
if (Bo.randomUUID && !t && !e) return Bo.randomUUID();
|
|
e = e || {};
|
|
let r = e.random ?? e.rng?.() ?? B2();
|
|
if (r.length < 16) throw new Error("Random bytes length must be >= 16");
|
|
if (((r[6] = (r[6] & 15) | 64), (r[8] = (r[8] & 63) | 128), t)) {
|
|
if (((n = n || 0), n < 0 || n + 16 > t.length))
|
|
throw new RangeError(
|
|
`UUID byte range ${n}:${n + 15} is out of buffer bounds`,
|
|
);
|
|
for (let i = 0; i < 16; ++i) t[n + i] = r[i];
|
|
return t;
|
|
}
|
|
return I2(r);
|
|
}
|
|
var H2 = V2,
|
|
it,
|
|
Dn,
|
|
Ya = (e) => {
|
|
try {
|
|
let { exp: t } = e
|
|
? JSON.parse(atob(e.split(".")[1]))
|
|
: { exp: null };
|
|
((it = e), (Dn = t));
|
|
} catch {
|
|
((it = null), (Dn = null));
|
|
}
|
|
it ? localStorage.setItem(ui, it) : localStorage.removeItem(ui);
|
|
};
|
|
Ya(localStorage.getItem(ui));
|
|
var Bs = () => {
|
|
let [{ token: e }, t] = Ml(`${U}/accessToken`, { token: it }),
|
|
n = a.useCallback(
|
|
(r) => {
|
|
(Ya(r), t({ token: it }));
|
|
},
|
|
[t],
|
|
);
|
|
return [e, n];
|
|
},
|
|
j2 = H2(),
|
|
Ps = (e) => ({
|
|
headers: {
|
|
Accept: "*/*",
|
|
...(e && { Authorization: `Bearer ${e}` }),
|
|
"X-Chromatic-Session-ID": j2,
|
|
},
|
|
}),
|
|
Vs = (e) =>
|
|
new h2({
|
|
url: jd,
|
|
exchanges: [
|
|
m2({
|
|
onResult(t) {
|
|
t.data?.viewer === null && Ya(null);
|
|
},
|
|
}),
|
|
_2(async (t) => ({
|
|
addAuthToOperation(n) {
|
|
return it
|
|
? t.appendHeaders(n, { Authorization: `Bearer ${it}` })
|
|
: n;
|
|
},
|
|
didAuthError: (n) =>
|
|
n.response?.status === 401 ||
|
|
n.graphQLErrors.some((r) => r.message.includes("Must login")),
|
|
async refreshAuth() {
|
|
Ya(null);
|
|
},
|
|
willAuthError() {
|
|
if (!it) return !0;
|
|
try {
|
|
if (!Dn) {
|
|
let { exp: n } = JSON.parse(atob(it.split(".")[1]));
|
|
Dn = n;
|
|
}
|
|
return Date.now() / 1e3 > (Dn || 0);
|
|
} catch {
|
|
return !0;
|
|
}
|
|
},
|
|
})),
|
|
c2,
|
|
],
|
|
fetchOptions: Ps(),
|
|
...e,
|
|
}),
|
|
D2 = ({ children: e, value: t = Vs() }) =>
|
|
a.createElement(g2, { value: t }, e),
|
|
ae;
|
|
(function (e) {
|
|
e.assertEqual = (i) => i;
|
|
function t(i) {}
|
|
e.assertIs = t;
|
|
function n(i) {
|
|
throw new Error();
|
|
}
|
|
((e.assertNever = n),
|
|
(e.arrayToEnum = (i) => {
|
|
let l = {};
|
|
for (let o of i) l[o] = o;
|
|
return l;
|
|
}),
|
|
(e.getValidEnumValues = (i) => {
|
|
let l = e.objectKeys(i).filter((s) => typeof i[i[s]] != "number"),
|
|
o = {};
|
|
for (let s of l) o[s] = i[s];
|
|
return e.objectValues(o);
|
|
}),
|
|
(e.objectValues = (i) =>
|
|
e.objectKeys(i).map(function (l) {
|
|
return i[l];
|
|
})),
|
|
(e.objectKeys =
|
|
typeof Object.keys == "function"
|
|
? (i) => Object.keys(i)
|
|
: (i) => {
|
|
let l = [];
|
|
for (let o in i)
|
|
Object.prototype.hasOwnProperty.call(i, o) && l.push(o);
|
|
return l;
|
|
}),
|
|
(e.find = (i, l) => {
|
|
for (let o of i) if (l(o)) return o;
|
|
}),
|
|
(e.isInteger =
|
|
typeof Number.isInteger == "function"
|
|
? (i) => Number.isInteger(i)
|
|
: (i) =>
|
|
typeof i == "number" && isFinite(i) && Math.floor(i) === i));
|
|
function r(i, l = " | ") {
|
|
return i.map((o) => (typeof o == "string" ? `'${o}'` : o)).join(l);
|
|
}
|
|
((e.joinValues = r),
|
|
(e.jsonStringifyReplacer = (i, l) =>
|
|
typeof l == "bigint" ? l.toString() : l));
|
|
})(ae || (ae = {}));
|
|
var Li;
|
|
(function (e) {
|
|
e.mergeShapes = (t, n) => ({ ...t, ...n });
|
|
})(Li || (Li = {}));
|
|
var F = ae.arrayToEnum([
|
|
"string",
|
|
"nan",
|
|
"number",
|
|
"integer",
|
|
"float",
|
|
"boolean",
|
|
"date",
|
|
"bigint",
|
|
"symbol",
|
|
"function",
|
|
"undefined",
|
|
"null",
|
|
"array",
|
|
"object",
|
|
"unknown",
|
|
"promise",
|
|
"void",
|
|
"never",
|
|
"map",
|
|
"set",
|
|
]),
|
|
St = (e) => {
|
|
switch (typeof e) {
|
|
case "undefined":
|
|
return F.undefined;
|
|
case "string":
|
|
return F.string;
|
|
case "number":
|
|
return isNaN(e) ? F.nan : F.number;
|
|
case "boolean":
|
|
return F.boolean;
|
|
case "function":
|
|
return F.function;
|
|
case "bigint":
|
|
return F.bigint;
|
|
case "symbol":
|
|
return F.symbol;
|
|
case "object":
|
|
return Array.isArray(e)
|
|
? F.array
|
|
: e === null
|
|
? F.null
|
|
: e.then &&
|
|
typeof e.then == "function" &&
|
|
e.catch &&
|
|
typeof e.catch == "function"
|
|
? F.promise
|
|
: typeof Map < "u" && e instanceof Map
|
|
? F.map
|
|
: typeof Set < "u" && e instanceof Set
|
|
? F.set
|
|
: typeof Date < "u" && e instanceof Date
|
|
? F.date
|
|
: F.object;
|
|
default:
|
|
return F.unknown;
|
|
}
|
|
},
|
|
x = ae.arrayToEnum([
|
|
"invalid_type",
|
|
"invalid_literal",
|
|
"custom",
|
|
"invalid_union",
|
|
"invalid_union_discriminator",
|
|
"invalid_enum_value",
|
|
"unrecognized_keys",
|
|
"invalid_arguments",
|
|
"invalid_return_type",
|
|
"invalid_date",
|
|
"invalid_string",
|
|
"too_small",
|
|
"too_big",
|
|
"invalid_intersection_types",
|
|
"not_multiple_of",
|
|
"not_finite",
|
|
]),
|
|
z2 = (e) => JSON.stringify(e, null, 2).replace(/"([^"]+)":/g, "$1:"),
|
|
Ye = class extends Error {
|
|
constructor(e) {
|
|
(super(),
|
|
(this.issues = []),
|
|
(this.addIssue = (n) => {
|
|
this.issues = [...this.issues, n];
|
|
}),
|
|
(this.addIssues = (n = []) => {
|
|
this.issues = [...this.issues, ...n];
|
|
}));
|
|
let t = new.target.prototype;
|
|
(Object.setPrototypeOf
|
|
? Object.setPrototypeOf(this, t)
|
|
: (this.__proto__ = t),
|
|
(this.name = "ZodError"),
|
|
(this.issues = e));
|
|
}
|
|
get errors() {
|
|
return this.issues;
|
|
}
|
|
format(e) {
|
|
let t =
|
|
e ||
|
|
function (i) {
|
|
return i.message;
|
|
},
|
|
n = { _errors: [] },
|
|
r = (i) => {
|
|
for (let l of i.issues)
|
|
if (l.code === "invalid_union") l.unionErrors.map(r);
|
|
else if (l.code === "invalid_return_type") r(l.returnTypeError);
|
|
else if (l.code === "invalid_arguments") r(l.argumentsError);
|
|
else if (l.path.length === 0) n._errors.push(t(l));
|
|
else {
|
|
let o = n,
|
|
s = 0;
|
|
for (; s < l.path.length; ) {
|
|
let d = l.path[s];
|
|
(s === l.path.length - 1
|
|
? ((o[d] = o[d] || { _errors: [] }),
|
|
o[d]._errors.push(t(l)))
|
|
: (o[d] = o[d] || { _errors: [] }),
|
|
(o = o[d]),
|
|
s++);
|
|
}
|
|
}
|
|
};
|
|
return (r(this), n);
|
|
}
|
|
toString() {
|
|
return this.message;
|
|
}
|
|
get message() {
|
|
return JSON.stringify(this.issues, ae.jsonStringifyReplacer, 2);
|
|
}
|
|
get isEmpty() {
|
|
return this.issues.length === 0;
|
|
}
|
|
flatten(e = (t) => t.message) {
|
|
let t = {},
|
|
n = [];
|
|
for (let r of this.issues)
|
|
r.path.length > 0
|
|
? ((t[r.path[0]] = t[r.path[0]] || []), t[r.path[0]].push(e(r)))
|
|
: n.push(e(r));
|
|
return { formErrors: n, fieldErrors: t };
|
|
}
|
|
get formErrors() {
|
|
return this.flatten();
|
|
}
|
|
};
|
|
Ye.create = (e) => new Ye(e);
|
|
var Yn = (e, t) => {
|
|
let n;
|
|
switch (e.code) {
|
|
case x.invalid_type:
|
|
e.received === F.undefined
|
|
? (n = "Required")
|
|
: (n = `Expected ${e.expected}, received ${e.received}`);
|
|
break;
|
|
case x.invalid_literal:
|
|
n = `Invalid literal value, expected ${JSON.stringify(e.expected, ae.jsonStringifyReplacer)}`;
|
|
break;
|
|
case x.unrecognized_keys:
|
|
n = `Unrecognized key(s) in object: ${ae.joinValues(e.keys, ", ")}`;
|
|
break;
|
|
case x.invalid_union:
|
|
n = "Invalid input";
|
|
break;
|
|
case x.invalid_union_discriminator:
|
|
n = `Invalid discriminator value. Expected ${ae.joinValues(e.options)}`;
|
|
break;
|
|
case x.invalid_enum_value:
|
|
n = `Invalid enum value. Expected ${ae.joinValues(e.options)}, received '${e.received}'`;
|
|
break;
|
|
case x.invalid_arguments:
|
|
n = "Invalid function arguments";
|
|
break;
|
|
case x.invalid_return_type:
|
|
n = "Invalid function return type";
|
|
break;
|
|
case x.invalid_date:
|
|
n = "Invalid date";
|
|
break;
|
|
case x.invalid_string:
|
|
typeof e.validation == "object"
|
|
? "includes" in e.validation
|
|
? ((n = `Invalid input: must include "${e.validation.includes}"`),
|
|
typeof e.validation.position == "number" &&
|
|
(n = `${n} at one or more positions greater than or equal to ${e.validation.position}`))
|
|
: "startsWith" in e.validation
|
|
? (n = `Invalid input: must start with "${e.validation.startsWith}"`)
|
|
: "endsWith" in e.validation
|
|
? (n = `Invalid input: must end with "${e.validation.endsWith}"`)
|
|
: ae.assertNever(e.validation)
|
|
: e.validation !== "regex"
|
|
? (n = `Invalid ${e.validation}`)
|
|
: (n = "Invalid");
|
|
break;
|
|
case x.too_small:
|
|
e.type === "array"
|
|
? (n = `Array must contain ${e.exact ? "exactly" : e.inclusive ? "at least" : "more than"} ${e.minimum} element(s)`)
|
|
: e.type === "string"
|
|
? (n = `String must contain ${e.exact ? "exactly" : e.inclusive ? "at least" : "over"} ${e.minimum} character(s)`)
|
|
: e.type === "number"
|
|
? (n = `Number must be ${e.exact ? "exactly equal to " : e.inclusive ? "greater than or equal to " : "greater than "}${e.minimum}`)
|
|
: e.type === "date"
|
|
? (n = `Date must be ${e.exact ? "exactly equal to " : e.inclusive ? "greater than or equal to " : "greater than "}${new Date(Number(e.minimum))}`)
|
|
: (n = "Invalid input");
|
|
break;
|
|
case x.too_big:
|
|
e.type === "array"
|
|
? (n = `Array must contain ${e.exact ? "exactly" : e.inclusive ? "at most" : "less than"} ${e.maximum} element(s)`)
|
|
: e.type === "string"
|
|
? (n = `String must contain ${e.exact ? "exactly" : e.inclusive ? "at most" : "under"} ${e.maximum} character(s)`)
|
|
: e.type === "number"
|
|
? (n = `Number must be ${e.exact ? "exactly" : e.inclusive ? "less than or equal to" : "less than"} ${e.maximum}`)
|
|
: e.type === "bigint"
|
|
? (n = `BigInt must be ${e.exact ? "exactly" : e.inclusive ? "less than or equal to" : "less than"} ${e.maximum}`)
|
|
: e.type === "date"
|
|
? (n = `Date must be ${e.exact ? "exactly" : e.inclusive ? "smaller than or equal to" : "smaller than"} ${new Date(Number(e.maximum))}`)
|
|
: (n = "Invalid input");
|
|
break;
|
|
case x.custom:
|
|
n = "Invalid input";
|
|
break;
|
|
case x.invalid_intersection_types:
|
|
n = "Intersection results could not be merged";
|
|
break;
|
|
case x.not_multiple_of:
|
|
n = `Number must be a multiple of ${e.multipleOf}`;
|
|
break;
|
|
case x.not_finite:
|
|
n = "Number must be finite";
|
|
break;
|
|
default:
|
|
((n = t.defaultError), ae.assertNever(e));
|
|
}
|
|
return { message: n };
|
|
},
|
|
Hs = Yn;
|
|
function U2(e) {
|
|
Hs = e;
|
|
}
|
|
function Ka() {
|
|
return Hs;
|
|
}
|
|
var Ja = (e) => {
|
|
let { data: t, path: n, errorMaps: r, issueData: i } = e,
|
|
l = [...n, ...(i.path || [])],
|
|
o = { ...i, path: l },
|
|
s = "",
|
|
d = r
|
|
.filter((c) => !!c)
|
|
.slice()
|
|
.reverse();
|
|
for (let c of d) s = c(o, { data: t, defaultError: s }).message;
|
|
return { ...i, path: l, message: i.message || s };
|
|
},
|
|
$2 = [];
|
|
function T(e, t) {
|
|
let n = Ja({
|
|
issueData: t,
|
|
data: e.data,
|
|
path: e.path,
|
|
errorMaps: [
|
|
e.common.contextualErrorMap,
|
|
e.schemaErrorMap,
|
|
Ka(),
|
|
Yn,
|
|
].filter((r) => !!r),
|
|
});
|
|
e.common.issues.push(n);
|
|
}
|
|
var Fe = class {
|
|
constructor() {
|
|
this.value = "valid";
|
|
}
|
|
dirty() {
|
|
this.value === "valid" && (this.value = "dirty");
|
|
}
|
|
abort() {
|
|
this.value !== "aborted" && (this.value = "aborted");
|
|
}
|
|
static mergeArray(e, t) {
|
|
let n = [];
|
|
for (let r of t) {
|
|
if (r.status === "aborted") return z;
|
|
(r.status === "dirty" && e.dirty(), n.push(r.value));
|
|
}
|
|
return { status: e.value, value: n };
|
|
}
|
|
static async mergeObjectAsync(e, t) {
|
|
let n = [];
|
|
for (let r of t) n.push({ key: await r.key, value: await r.value });
|
|
return Fe.mergeObjectSync(e, n);
|
|
}
|
|
static mergeObjectSync(e, t) {
|
|
let n = {};
|
|
for (let r of t) {
|
|
let { key: i, value: l } = r;
|
|
if (i.status === "aborted" || l.status === "aborted") return z;
|
|
(i.status === "dirty" && e.dirty(),
|
|
l.status === "dirty" && e.dirty(),
|
|
i.value !== "__proto__" &&
|
|
(typeof l.value < "u" || r.alwaysSet) &&
|
|
(n[i.value] = l.value));
|
|
}
|
|
return { status: e.value, value: n };
|
|
}
|
|
},
|
|
z = Object.freeze({ status: "aborted" }),
|
|
js = (e) => ({ status: "dirty", value: e }),
|
|
Ae = (e) => ({ status: "valid", value: e }),
|
|
Ti = (e) => e.status === "aborted",
|
|
Zi = (e) => e.status === "dirty",
|
|
Kn = (e) => e.status === "valid",
|
|
Qa = (e) => typeof Promise < "u" && e instanceof Promise,
|
|
R;
|
|
(function (e) {
|
|
((e.errToObj = (t) => (typeof t == "string" ? { message: t } : t || {})),
|
|
(e.toString = (t) => (typeof t == "string" ? t : t?.message)));
|
|
})(R || (R = {}));
|
|
var mt = class {
|
|
constructor(e, t, n, r) {
|
|
((this._cachedPath = []),
|
|
(this.parent = e),
|
|
(this.data = t),
|
|
(this._path = n),
|
|
(this._key = r));
|
|
}
|
|
get path() {
|
|
return (
|
|
this._cachedPath.length ||
|
|
(this._key instanceof Array
|
|
? this._cachedPath.push(...this._path, ...this._key)
|
|
: this._cachedPath.push(...this._path, this._key)),
|
|
this._cachedPath
|
|
);
|
|
}
|
|
},
|
|
Po = (e, t) => {
|
|
if (Kn(t)) return { success: !0, data: t.value };
|
|
if (!e.common.issues.length)
|
|
throw new Error("Validation failed but no issues detected.");
|
|
return {
|
|
success: !1,
|
|
get error() {
|
|
if (this._error) return this._error;
|
|
let n = new Ye(e.common.issues);
|
|
return ((this._error = n), this._error);
|
|
},
|
|
};
|
|
};
|
|
function $(e) {
|
|
if (!e) return {};
|
|
let {
|
|
errorMap: t,
|
|
invalid_type_error: n,
|
|
required_error: r,
|
|
description: i,
|
|
} = e;
|
|
if (t && (n || r))
|
|
throw new Error(
|
|
`Can't use "invalid_type_error" or "required_error" in conjunction with custom error map.`,
|
|
);
|
|
return t
|
|
? { errorMap: t, description: i }
|
|
: {
|
|
errorMap: (l, o) =>
|
|
l.code !== "invalid_type"
|
|
? { message: o.defaultError }
|
|
: typeof o.data > "u"
|
|
? { message: r ?? o.defaultError }
|
|
: { message: n ?? o.defaultError },
|
|
description: i,
|
|
};
|
|
}
|
|
var Y = class {
|
|
constructor(e) {
|
|
((this.spa = this.safeParseAsync),
|
|
(this._def = e),
|
|
(this.parse = this.parse.bind(this)),
|
|
(this.safeParse = this.safeParse.bind(this)),
|
|
(this.parseAsync = this.parseAsync.bind(this)),
|
|
(this.safeParseAsync = this.safeParseAsync.bind(this)),
|
|
(this.spa = this.spa.bind(this)),
|
|
(this.refine = this.refine.bind(this)),
|
|
(this.refinement = this.refinement.bind(this)),
|
|
(this.superRefine = this.superRefine.bind(this)),
|
|
(this.optional = this.optional.bind(this)),
|
|
(this.nullable = this.nullable.bind(this)),
|
|
(this.nullish = this.nullish.bind(this)),
|
|
(this.array = this.array.bind(this)),
|
|
(this.promise = this.promise.bind(this)),
|
|
(this.or = this.or.bind(this)),
|
|
(this.and = this.and.bind(this)),
|
|
(this.transform = this.transform.bind(this)),
|
|
(this.brand = this.brand.bind(this)),
|
|
(this.default = this.default.bind(this)),
|
|
(this.catch = this.catch.bind(this)),
|
|
(this.describe = this.describe.bind(this)),
|
|
(this.pipe = this.pipe.bind(this)),
|
|
(this.readonly = this.readonly.bind(this)),
|
|
(this.isNullable = this.isNullable.bind(this)),
|
|
(this.isOptional = this.isOptional.bind(this)));
|
|
}
|
|
get description() {
|
|
return this._def.description;
|
|
}
|
|
_getType(e) {
|
|
return St(e.data);
|
|
}
|
|
_getOrReturnCtx(e, t) {
|
|
return (
|
|
t || {
|
|
common: e.parent.common,
|
|
data: e.data,
|
|
parsedType: St(e.data),
|
|
schemaErrorMap: this._def.errorMap,
|
|
path: e.path,
|
|
parent: e.parent,
|
|
}
|
|
);
|
|
}
|
|
_processInputParams(e) {
|
|
return {
|
|
status: new Fe(),
|
|
ctx: {
|
|
common: e.parent.common,
|
|
data: e.data,
|
|
parsedType: St(e.data),
|
|
schemaErrorMap: this._def.errorMap,
|
|
path: e.path,
|
|
parent: e.parent,
|
|
},
|
|
};
|
|
}
|
|
_parseSync(e) {
|
|
let t = this._parse(e);
|
|
if (Qa(t)) throw new Error("Synchronous parse encountered promise.");
|
|
return t;
|
|
}
|
|
_parseAsync(e) {
|
|
let t = this._parse(e);
|
|
return Promise.resolve(t);
|
|
}
|
|
parse(e, t) {
|
|
let n = this.safeParse(e, t);
|
|
if (n.success) return n.data;
|
|
throw n.error;
|
|
}
|
|
safeParse(e, t) {
|
|
var n;
|
|
let r = {
|
|
common: {
|
|
issues: [],
|
|
async: (n = t?.async) !== null && n !== void 0 ? n : !1,
|
|
contextualErrorMap: t?.errorMap,
|
|
},
|
|
path: t?.path || [],
|
|
schemaErrorMap: this._def.errorMap,
|
|
parent: null,
|
|
data: e,
|
|
parsedType: St(e),
|
|
},
|
|
i = this._parseSync({ data: e, path: r.path, parent: r });
|
|
return Po(r, i);
|
|
}
|
|
async parseAsync(e, t) {
|
|
let n = await this.safeParseAsync(e, t);
|
|
if (n.success) return n.data;
|
|
throw n.error;
|
|
}
|
|
async safeParseAsync(e, t) {
|
|
let n = {
|
|
common: {
|
|
issues: [],
|
|
contextualErrorMap: t?.errorMap,
|
|
async: !0,
|
|
},
|
|
path: t?.path || [],
|
|
schemaErrorMap: this._def.errorMap,
|
|
parent: null,
|
|
data: e,
|
|
parsedType: St(e),
|
|
},
|
|
r = this._parse({ data: e, path: n.path, parent: n }),
|
|
i = await (Qa(r) ? r : Promise.resolve(r));
|
|
return Po(n, i);
|
|
}
|
|
refine(e, t) {
|
|
let n = (r) =>
|
|
typeof t == "string" || typeof t > "u"
|
|
? { message: t }
|
|
: typeof t == "function"
|
|
? t(r)
|
|
: t;
|
|
return this._refinement((r, i) => {
|
|
let l = e(r),
|
|
o = () => i.addIssue({ code: x.custom, ...n(r) });
|
|
return typeof Promise < "u" && l instanceof Promise
|
|
? l.then((s) => (s ? !0 : (o(), !1)))
|
|
: l
|
|
? !0
|
|
: (o(), !1);
|
|
});
|
|
}
|
|
refinement(e, t) {
|
|
return this._refinement((n, r) =>
|
|
e(n) ? !0 : (r.addIssue(typeof t == "function" ? t(n, r) : t), !1),
|
|
);
|
|
}
|
|
_refinement(e) {
|
|
return new Ke({
|
|
schema: this,
|
|
typeName: H.ZodEffects,
|
|
effect: { type: "refinement", refinement: e },
|
|
});
|
|
}
|
|
superRefine(e) {
|
|
return this._refinement(e);
|
|
}
|
|
optional() {
|
|
return yt.create(this, this._def);
|
|
}
|
|
nullable() {
|
|
return zt.create(this, this._def);
|
|
}
|
|
nullish() {
|
|
return this.nullable().optional();
|
|
}
|
|
array() {
|
|
return ct.create(this, this._def);
|
|
}
|
|
promise() {
|
|
return pn.create(this, this._def);
|
|
}
|
|
or(e) {
|
|
return ea.create([this, e], this._def);
|
|
}
|
|
and(e) {
|
|
return ta.create(this, e, this._def);
|
|
}
|
|
transform(e) {
|
|
return new Ke({
|
|
...$(this._def),
|
|
schema: this,
|
|
typeName: H.ZodEffects,
|
|
effect: { type: "transform", transform: e },
|
|
});
|
|
}
|
|
default(e) {
|
|
let t = typeof e == "function" ? e : () => e;
|
|
return new ia({
|
|
...$(this._def),
|
|
innerType: this,
|
|
defaultValue: t,
|
|
typeName: H.ZodDefault,
|
|
});
|
|
}
|
|
brand() {
|
|
return new zs({
|
|
typeName: H.ZodBranded,
|
|
type: this,
|
|
...$(this._def),
|
|
});
|
|
}
|
|
catch(e) {
|
|
let t = typeof e == "function" ? e : () => e;
|
|
return new ar({
|
|
...$(this._def),
|
|
innerType: this,
|
|
catchValue: t,
|
|
typeName: H.ZodCatch,
|
|
});
|
|
}
|
|
describe(e) {
|
|
let t = this.constructor;
|
|
return new t({ ...this._def, description: e });
|
|
}
|
|
pipe(e) {
|
|
return Cr.create(this, e);
|
|
}
|
|
readonly() {
|
|
return ir.create(this);
|
|
}
|
|
isOptional() {
|
|
return this.safeParse(void 0).success;
|
|
}
|
|
isNullable() {
|
|
return this.safeParse(null).success;
|
|
}
|
|
},
|
|
W2 = /^c[^\s-]{8,}$/i,
|
|
q2 = /^[a-z][a-z0-9]*$/,
|
|
G2 = /^[0-9A-HJKMNP-TV-Z]{26}$/,
|
|
Y2 =
|
|
/^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/i,
|
|
K2 =
|
|
/^(?!\.)(?!.*\.\.)([A-Z0-9_+-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i,
|
|
J2 = "^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$",
|
|
Gr,
|
|
Q2 =
|
|
/^(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))$/,
|
|
X2 =
|
|
/^(([a-f0-9]{1,4}:){7}|::([a-f0-9]{1,4}:){0,6}|([a-f0-9]{1,4}:){1}:([a-f0-9]{1,4}:){0,5}|([a-f0-9]{1,4}:){2}:([a-f0-9]{1,4}:){0,4}|([a-f0-9]{1,4}:){3}:([a-f0-9]{1,4}:){0,3}|([a-f0-9]{1,4}:){4}:([a-f0-9]{1,4}:){0,2}|([a-f0-9]{1,4}:){5}:([a-f0-9]{1,4}:){0,1})([a-f0-9]{1,4}|(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2})))$/,
|
|
em = (e) =>
|
|
e.precision
|
|
? e.offset
|
|
? new RegExp(
|
|
`^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{${e.precision}}(([+-]\\d{2}(:?\\d{2})?)|Z)$`,
|
|
)
|
|
: new RegExp(
|
|
`^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{${e.precision}}Z$`,
|
|
)
|
|
: e.precision === 0
|
|
? e.offset
|
|
? new RegExp(
|
|
"^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(([+-]\\d{2}(:?\\d{2})?)|Z)$",
|
|
)
|
|
: new RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}Z$")
|
|
: e.offset
|
|
? new RegExp(
|
|
"^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?(([+-]\\d{2}(:?\\d{2})?)|Z)$",
|
|
)
|
|
: new RegExp(
|
|
"^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?Z$",
|
|
);
|
|
function tm(e, t) {
|
|
return !!(
|
|
((t === "v4" || !t) && Q2.test(e)) ||
|
|
((t === "v6" || !t) && X2.test(e))
|
|
);
|
|
}
|
|
var lt = class extends Y {
|
|
_parse(e) {
|
|
if (
|
|
(this._def.coerce && (e.data = String(e.data)),
|
|
this._getType(e) !== F.string)
|
|
) {
|
|
let r = this._getOrReturnCtx(e);
|
|
return (
|
|
T(r, {
|
|
code: x.invalid_type,
|
|
expected: F.string,
|
|
received: r.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
let t = new Fe(),
|
|
n;
|
|
for (let r of this._def.checks)
|
|
if (r.kind === "min")
|
|
e.data.length < r.value &&
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
code: x.too_small,
|
|
minimum: r.value,
|
|
type: "string",
|
|
inclusive: !0,
|
|
exact: !1,
|
|
message: r.message,
|
|
}),
|
|
t.dirty());
|
|
else if (r.kind === "max")
|
|
e.data.length > r.value &&
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
code: x.too_big,
|
|
maximum: r.value,
|
|
type: "string",
|
|
inclusive: !0,
|
|
exact: !1,
|
|
message: r.message,
|
|
}),
|
|
t.dirty());
|
|
else if (r.kind === "length") {
|
|
let i = e.data.length > r.value,
|
|
l = e.data.length < r.value;
|
|
(i || l) &&
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
i
|
|
? T(n, {
|
|
code: x.too_big,
|
|
maximum: r.value,
|
|
type: "string",
|
|
inclusive: !0,
|
|
exact: !0,
|
|
message: r.message,
|
|
})
|
|
: l &&
|
|
T(n, {
|
|
code: x.too_small,
|
|
minimum: r.value,
|
|
type: "string",
|
|
inclusive: !0,
|
|
exact: !0,
|
|
message: r.message,
|
|
}),
|
|
t.dirty());
|
|
} else if (r.kind === "email")
|
|
K2.test(e.data) ||
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
validation: "email",
|
|
code: x.invalid_string,
|
|
message: r.message,
|
|
}),
|
|
t.dirty());
|
|
else if (r.kind === "emoji")
|
|
(Gr || (Gr = new RegExp(J2, "u")),
|
|
Gr.test(e.data) ||
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
validation: "emoji",
|
|
code: x.invalid_string,
|
|
message: r.message,
|
|
}),
|
|
t.dirty()));
|
|
else if (r.kind === "uuid")
|
|
Y2.test(e.data) ||
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
validation: "uuid",
|
|
code: x.invalid_string,
|
|
message: r.message,
|
|
}),
|
|
t.dirty());
|
|
else if (r.kind === "cuid")
|
|
W2.test(e.data) ||
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
validation: "cuid",
|
|
code: x.invalid_string,
|
|
message: r.message,
|
|
}),
|
|
t.dirty());
|
|
else if (r.kind === "cuid2")
|
|
q2.test(e.data) ||
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
validation: "cuid2",
|
|
code: x.invalid_string,
|
|
message: r.message,
|
|
}),
|
|
t.dirty());
|
|
else if (r.kind === "ulid")
|
|
G2.test(e.data) ||
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
validation: "ulid",
|
|
code: x.invalid_string,
|
|
message: r.message,
|
|
}),
|
|
t.dirty());
|
|
else if (r.kind === "url")
|
|
try {
|
|
new URL(e.data);
|
|
} catch {
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
validation: "url",
|
|
code: x.invalid_string,
|
|
message: r.message,
|
|
}),
|
|
t.dirty());
|
|
}
|
|
else
|
|
r.kind === "regex"
|
|
? ((r.regex.lastIndex = 0),
|
|
r.regex.test(e.data) ||
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
validation: "regex",
|
|
code: x.invalid_string,
|
|
message: r.message,
|
|
}),
|
|
t.dirty()))
|
|
: r.kind === "trim"
|
|
? (e.data = e.data.trim())
|
|
: r.kind === "includes"
|
|
? e.data.includes(r.value, r.position) ||
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
code: x.invalid_string,
|
|
validation: { includes: r.value, position: r.position },
|
|
message: r.message,
|
|
}),
|
|
t.dirty())
|
|
: r.kind === "toLowerCase"
|
|
? (e.data = e.data.toLowerCase())
|
|
: r.kind === "toUpperCase"
|
|
? (e.data = e.data.toUpperCase())
|
|
: r.kind === "startsWith"
|
|
? e.data.startsWith(r.value) ||
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
code: x.invalid_string,
|
|
validation: { startsWith: r.value },
|
|
message: r.message,
|
|
}),
|
|
t.dirty())
|
|
: r.kind === "endsWith"
|
|
? e.data.endsWith(r.value) ||
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
code: x.invalid_string,
|
|
validation: { endsWith: r.value },
|
|
message: r.message,
|
|
}),
|
|
t.dirty())
|
|
: r.kind === "datetime"
|
|
? em(r).test(e.data) ||
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
code: x.invalid_string,
|
|
validation: "datetime",
|
|
message: r.message,
|
|
}),
|
|
t.dirty())
|
|
: r.kind === "ip"
|
|
? tm(e.data, r.version) ||
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
validation: "ip",
|
|
code: x.invalid_string,
|
|
message: r.message,
|
|
}),
|
|
t.dirty())
|
|
: ae.assertNever(r);
|
|
return { status: t.value, value: e.data };
|
|
}
|
|
_regex(e, t, n) {
|
|
return this.refinement((r) => e.test(r), {
|
|
validation: t,
|
|
code: x.invalid_string,
|
|
...R.errToObj(n),
|
|
});
|
|
}
|
|
_addCheck(e) {
|
|
return new lt({ ...this._def, checks: [...this._def.checks, e] });
|
|
}
|
|
email(e) {
|
|
return this._addCheck({ kind: "email", ...R.errToObj(e) });
|
|
}
|
|
url(e) {
|
|
return this._addCheck({ kind: "url", ...R.errToObj(e) });
|
|
}
|
|
emoji(e) {
|
|
return this._addCheck({ kind: "emoji", ...R.errToObj(e) });
|
|
}
|
|
uuid(e) {
|
|
return this._addCheck({ kind: "uuid", ...R.errToObj(e) });
|
|
}
|
|
cuid(e) {
|
|
return this._addCheck({ kind: "cuid", ...R.errToObj(e) });
|
|
}
|
|
cuid2(e) {
|
|
return this._addCheck({ kind: "cuid2", ...R.errToObj(e) });
|
|
}
|
|
ulid(e) {
|
|
return this._addCheck({ kind: "ulid", ...R.errToObj(e) });
|
|
}
|
|
ip(e) {
|
|
return this._addCheck({ kind: "ip", ...R.errToObj(e) });
|
|
}
|
|
datetime(e) {
|
|
var t;
|
|
return typeof e == "string"
|
|
? this._addCheck({
|
|
kind: "datetime",
|
|
precision: null,
|
|
offset: !1,
|
|
message: e,
|
|
})
|
|
: this._addCheck({
|
|
kind: "datetime",
|
|
precision: typeof e?.precision > "u" ? null : e?.precision,
|
|
offset: (t = e?.offset) !== null && t !== void 0 ? t : !1,
|
|
...R.errToObj(e?.message),
|
|
});
|
|
}
|
|
regex(e, t) {
|
|
return this._addCheck({ kind: "regex", regex: e, ...R.errToObj(t) });
|
|
}
|
|
includes(e, t) {
|
|
return this._addCheck({
|
|
kind: "includes",
|
|
value: e,
|
|
position: t?.position,
|
|
...R.errToObj(t?.message),
|
|
});
|
|
}
|
|
startsWith(e, t) {
|
|
return this._addCheck({
|
|
kind: "startsWith",
|
|
value: e,
|
|
...R.errToObj(t),
|
|
});
|
|
}
|
|
endsWith(e, t) {
|
|
return this._addCheck({ kind: "endsWith", value: e, ...R.errToObj(t) });
|
|
}
|
|
min(e, t) {
|
|
return this._addCheck({ kind: "min", value: e, ...R.errToObj(t) });
|
|
}
|
|
max(e, t) {
|
|
return this._addCheck({ kind: "max", value: e, ...R.errToObj(t) });
|
|
}
|
|
length(e, t) {
|
|
return this._addCheck({ kind: "length", value: e, ...R.errToObj(t) });
|
|
}
|
|
nonempty(e) {
|
|
return this.min(1, R.errToObj(e));
|
|
}
|
|
trim() {
|
|
return new lt({
|
|
...this._def,
|
|
checks: [...this._def.checks, { kind: "trim" }],
|
|
});
|
|
}
|
|
toLowerCase() {
|
|
return new lt({
|
|
...this._def,
|
|
checks: [...this._def.checks, { kind: "toLowerCase" }],
|
|
});
|
|
}
|
|
toUpperCase() {
|
|
return new lt({
|
|
...this._def,
|
|
checks: [...this._def.checks, { kind: "toUpperCase" }],
|
|
});
|
|
}
|
|
get isDatetime() {
|
|
return !!this._def.checks.find((e) => e.kind === "datetime");
|
|
}
|
|
get isEmail() {
|
|
return !!this._def.checks.find((e) => e.kind === "email");
|
|
}
|
|
get isURL() {
|
|
return !!this._def.checks.find((e) => e.kind === "url");
|
|
}
|
|
get isEmoji() {
|
|
return !!this._def.checks.find((e) => e.kind === "emoji");
|
|
}
|
|
get isUUID() {
|
|
return !!this._def.checks.find((e) => e.kind === "uuid");
|
|
}
|
|
get isCUID() {
|
|
return !!this._def.checks.find((e) => e.kind === "cuid");
|
|
}
|
|
get isCUID2() {
|
|
return !!this._def.checks.find((e) => e.kind === "cuid2");
|
|
}
|
|
get isULID() {
|
|
return !!this._def.checks.find((e) => e.kind === "ulid");
|
|
}
|
|
get isIP() {
|
|
return !!this._def.checks.find((e) => e.kind === "ip");
|
|
}
|
|
get minLength() {
|
|
let e = null;
|
|
for (let t of this._def.checks)
|
|
t.kind === "min" && (e === null || t.value > e) && (e = t.value);
|
|
return e;
|
|
}
|
|
get maxLength() {
|
|
let e = null;
|
|
for (let t of this._def.checks)
|
|
t.kind === "max" && (e === null || t.value < e) && (e = t.value);
|
|
return e;
|
|
}
|
|
};
|
|
lt.create = (e) => {
|
|
var t;
|
|
return new lt({
|
|
checks: [],
|
|
typeName: H.ZodString,
|
|
coerce: (t = e?.coerce) !== null && t !== void 0 ? t : !1,
|
|
...$(e),
|
|
});
|
|
};
|
|
function nm(e, t) {
|
|
let n = (e.toString().split(".")[1] || "").length,
|
|
r = (t.toString().split(".")[1] || "").length,
|
|
i = n > r ? n : r,
|
|
l = parseInt(e.toFixed(i).replace(".", "")),
|
|
o = parseInt(t.toFixed(i).replace(".", ""));
|
|
return (l % o) / Math.pow(10, i);
|
|
}
|
|
var Ht = class extends Y {
|
|
constructor() {
|
|
(super(...arguments),
|
|
(this.min = this.gte),
|
|
(this.max = this.lte),
|
|
(this.step = this.multipleOf));
|
|
}
|
|
_parse(e) {
|
|
if (
|
|
(this._def.coerce && (e.data = Number(e.data)),
|
|
this._getType(e) !== F.number)
|
|
) {
|
|
let r = this._getOrReturnCtx(e);
|
|
return (
|
|
T(r, {
|
|
code: x.invalid_type,
|
|
expected: F.number,
|
|
received: r.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
let t,
|
|
n = new Fe();
|
|
for (let r of this._def.checks)
|
|
r.kind === "int"
|
|
? ae.isInteger(e.data) ||
|
|
((t = this._getOrReturnCtx(e, t)),
|
|
T(t, {
|
|
code: x.invalid_type,
|
|
expected: "integer",
|
|
received: "float",
|
|
message: r.message,
|
|
}),
|
|
n.dirty())
|
|
: r.kind === "min"
|
|
? (r.inclusive ? e.data < r.value : e.data <= r.value) &&
|
|
((t = this._getOrReturnCtx(e, t)),
|
|
T(t, {
|
|
code: x.too_small,
|
|
minimum: r.value,
|
|
type: "number",
|
|
inclusive: r.inclusive,
|
|
exact: !1,
|
|
message: r.message,
|
|
}),
|
|
n.dirty())
|
|
: r.kind === "max"
|
|
? (r.inclusive ? e.data > r.value : e.data >= r.value) &&
|
|
((t = this._getOrReturnCtx(e, t)),
|
|
T(t, {
|
|
code: x.too_big,
|
|
maximum: r.value,
|
|
type: "number",
|
|
inclusive: r.inclusive,
|
|
exact: !1,
|
|
message: r.message,
|
|
}),
|
|
n.dirty())
|
|
: r.kind === "multipleOf"
|
|
? nm(e.data, r.value) !== 0 &&
|
|
((t = this._getOrReturnCtx(e, t)),
|
|
T(t, {
|
|
code: x.not_multiple_of,
|
|
multipleOf: r.value,
|
|
message: r.message,
|
|
}),
|
|
n.dirty())
|
|
: r.kind === "finite"
|
|
? Number.isFinite(e.data) ||
|
|
((t = this._getOrReturnCtx(e, t)),
|
|
T(t, { code: x.not_finite, message: r.message }),
|
|
n.dirty())
|
|
: ae.assertNever(r);
|
|
return { status: n.value, value: e.data };
|
|
}
|
|
gte(e, t) {
|
|
return this.setLimit("min", e, !0, R.toString(t));
|
|
}
|
|
gt(e, t) {
|
|
return this.setLimit("min", e, !1, R.toString(t));
|
|
}
|
|
lte(e, t) {
|
|
return this.setLimit("max", e, !0, R.toString(t));
|
|
}
|
|
lt(e, t) {
|
|
return this.setLimit("max", e, !1, R.toString(t));
|
|
}
|
|
setLimit(e, t, n, r) {
|
|
return new Ht({
|
|
...this._def,
|
|
checks: [
|
|
...this._def.checks,
|
|
{ kind: e, value: t, inclusive: n, message: R.toString(r) },
|
|
],
|
|
});
|
|
}
|
|
_addCheck(e) {
|
|
return new Ht({ ...this._def, checks: [...this._def.checks, e] });
|
|
}
|
|
int(e) {
|
|
return this._addCheck({ kind: "int", message: R.toString(e) });
|
|
}
|
|
positive(e) {
|
|
return this._addCheck({
|
|
kind: "min",
|
|
value: 0,
|
|
inclusive: !1,
|
|
message: R.toString(e),
|
|
});
|
|
}
|
|
negative(e) {
|
|
return this._addCheck({
|
|
kind: "max",
|
|
value: 0,
|
|
inclusive: !1,
|
|
message: R.toString(e),
|
|
});
|
|
}
|
|
nonpositive(e) {
|
|
return this._addCheck({
|
|
kind: "max",
|
|
value: 0,
|
|
inclusive: !0,
|
|
message: R.toString(e),
|
|
});
|
|
}
|
|
nonnegative(e) {
|
|
return this._addCheck({
|
|
kind: "min",
|
|
value: 0,
|
|
inclusive: !0,
|
|
message: R.toString(e),
|
|
});
|
|
}
|
|
multipleOf(e, t) {
|
|
return this._addCheck({
|
|
kind: "multipleOf",
|
|
value: e,
|
|
message: R.toString(t),
|
|
});
|
|
}
|
|
finite(e) {
|
|
return this._addCheck({ kind: "finite", message: R.toString(e) });
|
|
}
|
|
safe(e) {
|
|
return this._addCheck({
|
|
kind: "min",
|
|
inclusive: !0,
|
|
value: Number.MIN_SAFE_INTEGER,
|
|
message: R.toString(e),
|
|
})._addCheck({
|
|
kind: "max",
|
|
inclusive: !0,
|
|
value: Number.MAX_SAFE_INTEGER,
|
|
message: R.toString(e),
|
|
});
|
|
}
|
|
get minValue() {
|
|
let e = null;
|
|
for (let t of this._def.checks)
|
|
t.kind === "min" && (e === null || t.value > e) && (e = t.value);
|
|
return e;
|
|
}
|
|
get maxValue() {
|
|
let e = null;
|
|
for (let t of this._def.checks)
|
|
t.kind === "max" && (e === null || t.value < e) && (e = t.value);
|
|
return e;
|
|
}
|
|
get isInt() {
|
|
return !!this._def.checks.find(
|
|
(e) =>
|
|
e.kind === "int" ||
|
|
(e.kind === "multipleOf" && ae.isInteger(e.value)),
|
|
);
|
|
}
|
|
get isFinite() {
|
|
let e = null,
|
|
t = null;
|
|
for (let n of this._def.checks) {
|
|
if (
|
|
n.kind === "finite" ||
|
|
n.kind === "int" ||
|
|
n.kind === "multipleOf"
|
|
)
|
|
return !0;
|
|
n.kind === "min"
|
|
? (t === null || n.value > t) && (t = n.value)
|
|
: n.kind === "max" && (e === null || n.value < e) && (e = n.value);
|
|
}
|
|
return Number.isFinite(t) && Number.isFinite(e);
|
|
}
|
|
};
|
|
Ht.create = (e) =>
|
|
new Ht({
|
|
checks: [],
|
|
typeName: H.ZodNumber,
|
|
coerce: e?.coerce || !1,
|
|
...$(e),
|
|
});
|
|
var jt = class extends Y {
|
|
constructor() {
|
|
(super(...arguments), (this.min = this.gte), (this.max = this.lte));
|
|
}
|
|
_parse(e) {
|
|
if (
|
|
(this._def.coerce && (e.data = BigInt(e.data)),
|
|
this._getType(e) !== F.bigint)
|
|
) {
|
|
let r = this._getOrReturnCtx(e);
|
|
return (
|
|
T(r, {
|
|
code: x.invalid_type,
|
|
expected: F.bigint,
|
|
received: r.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
let t,
|
|
n = new Fe();
|
|
for (let r of this._def.checks)
|
|
r.kind === "min"
|
|
? (r.inclusive ? e.data < r.value : e.data <= r.value) &&
|
|
((t = this._getOrReturnCtx(e, t)),
|
|
T(t, {
|
|
code: x.too_small,
|
|
type: "bigint",
|
|
minimum: r.value,
|
|
inclusive: r.inclusive,
|
|
message: r.message,
|
|
}),
|
|
n.dirty())
|
|
: r.kind === "max"
|
|
? (r.inclusive ? e.data > r.value : e.data >= r.value) &&
|
|
((t = this._getOrReturnCtx(e, t)),
|
|
T(t, {
|
|
code: x.too_big,
|
|
type: "bigint",
|
|
maximum: r.value,
|
|
inclusive: r.inclusive,
|
|
message: r.message,
|
|
}),
|
|
n.dirty())
|
|
: r.kind === "multipleOf"
|
|
? e.data % r.value !== BigInt(0) &&
|
|
((t = this._getOrReturnCtx(e, t)),
|
|
T(t, {
|
|
code: x.not_multiple_of,
|
|
multipleOf: r.value,
|
|
message: r.message,
|
|
}),
|
|
n.dirty())
|
|
: ae.assertNever(r);
|
|
return { status: n.value, value: e.data };
|
|
}
|
|
gte(e, t) {
|
|
return this.setLimit("min", e, !0, R.toString(t));
|
|
}
|
|
gt(e, t) {
|
|
return this.setLimit("min", e, !1, R.toString(t));
|
|
}
|
|
lte(e, t) {
|
|
return this.setLimit("max", e, !0, R.toString(t));
|
|
}
|
|
lt(e, t) {
|
|
return this.setLimit("max", e, !1, R.toString(t));
|
|
}
|
|
setLimit(e, t, n, r) {
|
|
return new jt({
|
|
...this._def,
|
|
checks: [
|
|
...this._def.checks,
|
|
{ kind: e, value: t, inclusive: n, message: R.toString(r) },
|
|
],
|
|
});
|
|
}
|
|
_addCheck(e) {
|
|
return new jt({ ...this._def, checks: [...this._def.checks, e] });
|
|
}
|
|
positive(e) {
|
|
return this._addCheck({
|
|
kind: "min",
|
|
value: BigInt(0),
|
|
inclusive: !1,
|
|
message: R.toString(e),
|
|
});
|
|
}
|
|
negative(e) {
|
|
return this._addCheck({
|
|
kind: "max",
|
|
value: BigInt(0),
|
|
inclusive: !1,
|
|
message: R.toString(e),
|
|
});
|
|
}
|
|
nonpositive(e) {
|
|
return this._addCheck({
|
|
kind: "max",
|
|
value: BigInt(0),
|
|
inclusive: !0,
|
|
message: R.toString(e),
|
|
});
|
|
}
|
|
nonnegative(e) {
|
|
return this._addCheck({
|
|
kind: "min",
|
|
value: BigInt(0),
|
|
inclusive: !0,
|
|
message: R.toString(e),
|
|
});
|
|
}
|
|
multipleOf(e, t) {
|
|
return this._addCheck({
|
|
kind: "multipleOf",
|
|
value: e,
|
|
message: R.toString(t),
|
|
});
|
|
}
|
|
get minValue() {
|
|
let e = null;
|
|
for (let t of this._def.checks)
|
|
t.kind === "min" && (e === null || t.value > e) && (e = t.value);
|
|
return e;
|
|
}
|
|
get maxValue() {
|
|
let e = null;
|
|
for (let t of this._def.checks)
|
|
t.kind === "max" && (e === null || t.value < e) && (e = t.value);
|
|
return e;
|
|
}
|
|
};
|
|
jt.create = (e) => {
|
|
var t;
|
|
return new jt({
|
|
checks: [],
|
|
typeName: H.ZodBigInt,
|
|
coerce: (t = e?.coerce) !== null && t !== void 0 ? t : !1,
|
|
...$(e),
|
|
});
|
|
};
|
|
var Jn = class extends Y {
|
|
_parse(e) {
|
|
if (
|
|
(this._def.coerce && (e.data = !!e.data),
|
|
this._getType(e) !== F.boolean)
|
|
) {
|
|
let t = this._getOrReturnCtx(e);
|
|
return (
|
|
T(t, {
|
|
code: x.invalid_type,
|
|
expected: F.boolean,
|
|
received: t.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
return Ae(e.data);
|
|
}
|
|
};
|
|
Jn.create = (e) =>
|
|
new Jn({ typeName: H.ZodBoolean, coerce: e?.coerce || !1, ...$(e) });
|
|
var cn = class extends Y {
|
|
_parse(e) {
|
|
if (
|
|
(this._def.coerce && (e.data = new Date(e.data)),
|
|
this._getType(e) !== F.date)
|
|
) {
|
|
let r = this._getOrReturnCtx(e);
|
|
return (
|
|
T(r, {
|
|
code: x.invalid_type,
|
|
expected: F.date,
|
|
received: r.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
if (isNaN(e.data.getTime())) {
|
|
let r = this._getOrReturnCtx(e);
|
|
return (T(r, { code: x.invalid_date }), z);
|
|
}
|
|
let t = new Fe(),
|
|
n;
|
|
for (let r of this._def.checks)
|
|
r.kind === "min"
|
|
? e.data.getTime() < r.value &&
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
code: x.too_small,
|
|
message: r.message,
|
|
inclusive: !0,
|
|
exact: !1,
|
|
minimum: r.value,
|
|
type: "date",
|
|
}),
|
|
t.dirty())
|
|
: r.kind === "max"
|
|
? e.data.getTime() > r.value &&
|
|
((n = this._getOrReturnCtx(e, n)),
|
|
T(n, {
|
|
code: x.too_big,
|
|
message: r.message,
|
|
inclusive: !0,
|
|
exact: !1,
|
|
maximum: r.value,
|
|
type: "date",
|
|
}),
|
|
t.dirty())
|
|
: ae.assertNever(r);
|
|
return { status: t.value, value: new Date(e.data.getTime()) };
|
|
}
|
|
_addCheck(e) {
|
|
return new cn({ ...this._def, checks: [...this._def.checks, e] });
|
|
}
|
|
min(e, t) {
|
|
return this._addCheck({
|
|
kind: "min",
|
|
value: e.getTime(),
|
|
message: R.toString(t),
|
|
});
|
|
}
|
|
max(e, t) {
|
|
return this._addCheck({
|
|
kind: "max",
|
|
value: e.getTime(),
|
|
message: R.toString(t),
|
|
});
|
|
}
|
|
get minDate() {
|
|
let e = null;
|
|
for (let t of this._def.checks)
|
|
t.kind === "min" && (e === null || t.value > e) && (e = t.value);
|
|
return e != null ? new Date(e) : null;
|
|
}
|
|
get maxDate() {
|
|
let e = null;
|
|
for (let t of this._def.checks)
|
|
t.kind === "max" && (e === null || t.value < e) && (e = t.value);
|
|
return e != null ? new Date(e) : null;
|
|
}
|
|
};
|
|
cn.create = (e) =>
|
|
new cn({
|
|
checks: [],
|
|
coerce: e?.coerce || !1,
|
|
typeName: H.ZodDate,
|
|
...$(e),
|
|
});
|
|
var Xa = class extends Y {
|
|
_parse(e) {
|
|
if (this._getType(e) !== F.symbol) {
|
|
let t = this._getOrReturnCtx(e);
|
|
return (
|
|
T(t, {
|
|
code: x.invalid_type,
|
|
expected: F.symbol,
|
|
received: t.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
return Ae(e.data);
|
|
}
|
|
};
|
|
Xa.create = (e) => new Xa({ typeName: H.ZodSymbol, ...$(e) });
|
|
var Qn = class extends Y {
|
|
_parse(e) {
|
|
if (this._getType(e) !== F.undefined) {
|
|
let t = this._getOrReturnCtx(e);
|
|
return (
|
|
T(t, {
|
|
code: x.invalid_type,
|
|
expected: F.undefined,
|
|
received: t.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
return Ae(e.data);
|
|
}
|
|
};
|
|
Qn.create = (e) => new Qn({ typeName: H.ZodUndefined, ...$(e) });
|
|
var Xn = class extends Y {
|
|
_parse(e) {
|
|
if (this._getType(e) !== F.null) {
|
|
let t = this._getOrReturnCtx(e);
|
|
return (
|
|
T(t, {
|
|
code: x.invalid_type,
|
|
expected: F.null,
|
|
received: t.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
return Ae(e.data);
|
|
}
|
|
};
|
|
Xn.create = (e) => new Xn({ typeName: H.ZodNull, ...$(e) });
|
|
var un = class extends Y {
|
|
constructor() {
|
|
(super(...arguments), (this._any = !0));
|
|
}
|
|
_parse(e) {
|
|
return Ae(e.data);
|
|
}
|
|
};
|
|
un.create = (e) => new un({ typeName: H.ZodAny, ...$(e) });
|
|
var Vt = class extends Y {
|
|
constructor() {
|
|
(super(...arguments), (this._unknown = !0));
|
|
}
|
|
_parse(e) {
|
|
return Ae(e.data);
|
|
}
|
|
};
|
|
Vt.create = (e) => new Vt({ typeName: H.ZodUnknown, ...$(e) });
|
|
var Et = class extends Y {
|
|
_parse(e) {
|
|
let t = this._getOrReturnCtx(e);
|
|
return (
|
|
T(t, {
|
|
code: x.invalid_type,
|
|
expected: F.never,
|
|
received: t.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
};
|
|
Et.create = (e) => new Et({ typeName: H.ZodNever, ...$(e) });
|
|
var er = class extends Y {
|
|
_parse(e) {
|
|
if (this._getType(e) !== F.undefined) {
|
|
let t = this._getOrReturnCtx(e);
|
|
return (
|
|
T(t, {
|
|
code: x.invalid_type,
|
|
expected: F.void,
|
|
received: t.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
return Ae(e.data);
|
|
}
|
|
};
|
|
er.create = (e) => new er({ typeName: H.ZodVoid, ...$(e) });
|
|
var ct = class extends Y {
|
|
_parse(e) {
|
|
let { ctx: t, status: n } = this._processInputParams(e),
|
|
r = this._def;
|
|
if (t.parsedType !== F.array)
|
|
return (
|
|
T(t, {
|
|
code: x.invalid_type,
|
|
expected: F.array,
|
|
received: t.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
if (r.exactLength !== null) {
|
|
let l = t.data.length > r.exactLength.value,
|
|
o = t.data.length < r.exactLength.value;
|
|
(l || o) &&
|
|
(T(t, {
|
|
code: l ? x.too_big : x.too_small,
|
|
minimum: o ? r.exactLength.value : void 0,
|
|
maximum: l ? r.exactLength.value : void 0,
|
|
type: "array",
|
|
inclusive: !0,
|
|
exact: !0,
|
|
message: r.exactLength.message,
|
|
}),
|
|
n.dirty());
|
|
}
|
|
if (
|
|
(r.minLength !== null &&
|
|
t.data.length < r.minLength.value &&
|
|
(T(t, {
|
|
code: x.too_small,
|
|
minimum: r.minLength.value,
|
|
type: "array",
|
|
inclusive: !0,
|
|
exact: !1,
|
|
message: r.minLength.message,
|
|
}),
|
|
n.dirty()),
|
|
r.maxLength !== null &&
|
|
t.data.length > r.maxLength.value &&
|
|
(T(t, {
|
|
code: x.too_big,
|
|
maximum: r.maxLength.value,
|
|
type: "array",
|
|
inclusive: !0,
|
|
exact: !1,
|
|
message: r.maxLength.message,
|
|
}),
|
|
n.dirty()),
|
|
t.common.async)
|
|
)
|
|
return Promise.all(
|
|
[...t.data].map((l, o) =>
|
|
r.type._parseAsync(new mt(t, l, t.path, o)),
|
|
),
|
|
).then((l) => Fe.mergeArray(n, l));
|
|
let i = [...t.data].map((l, o) =>
|
|
r.type._parseSync(new mt(t, l, t.path, o)),
|
|
);
|
|
return Fe.mergeArray(n, i);
|
|
}
|
|
get element() {
|
|
return this._def.type;
|
|
}
|
|
min(e, t) {
|
|
return new ct({
|
|
...this._def,
|
|
minLength: { value: e, message: R.toString(t) },
|
|
});
|
|
}
|
|
max(e, t) {
|
|
return new ct({
|
|
...this._def,
|
|
maxLength: { value: e, message: R.toString(t) },
|
|
});
|
|
}
|
|
length(e, t) {
|
|
return new ct({
|
|
...this._def,
|
|
exactLength: { value: e, message: R.toString(t) },
|
|
});
|
|
}
|
|
nonempty(e) {
|
|
return this.min(1, e);
|
|
}
|
|
};
|
|
ct.create = (e, t) =>
|
|
new ct({
|
|
type: e,
|
|
minLength: null,
|
|
maxLength: null,
|
|
exactLength: null,
|
|
typeName: H.ZodArray,
|
|
...$(t),
|
|
});
|
|
function Xt(e) {
|
|
if (e instanceof he) {
|
|
let t = {};
|
|
for (let n in e.shape) {
|
|
let r = e.shape[n];
|
|
t[n] = yt.create(Xt(r));
|
|
}
|
|
return new he({ ...e._def, shape: () => t });
|
|
} else
|
|
return e instanceof ct
|
|
? new ct({ ...e._def, type: Xt(e.element) })
|
|
: e instanceof yt
|
|
? yt.create(Xt(e.unwrap()))
|
|
: e instanceof zt
|
|
? zt.create(Xt(e.unwrap()))
|
|
: e instanceof kt
|
|
? kt.create(e.items.map((t) => Xt(t)))
|
|
: e;
|
|
}
|
|
var he = class extends Y {
|
|
constructor() {
|
|
(super(...arguments),
|
|
(this._cached = null),
|
|
(this.nonstrict = this.passthrough),
|
|
(this.augment = this.extend));
|
|
}
|
|
_getCached() {
|
|
if (this._cached !== null) return this._cached;
|
|
let e = this._def.shape(),
|
|
t = ae.objectKeys(e);
|
|
return (this._cached = { shape: e, keys: t });
|
|
}
|
|
_parse(e) {
|
|
if (this._getType(e) !== F.object) {
|
|
let s = this._getOrReturnCtx(e);
|
|
return (
|
|
T(s, {
|
|
code: x.invalid_type,
|
|
expected: F.object,
|
|
received: s.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
let { status: t, ctx: n } = this._processInputParams(e),
|
|
{ shape: r, keys: i } = this._getCached(),
|
|
l = [];
|
|
if (
|
|
!(
|
|
this._def.catchall instanceof Et &&
|
|
this._def.unknownKeys === "strip"
|
|
)
|
|
)
|
|
for (let s in n.data) i.includes(s) || l.push(s);
|
|
let o = [];
|
|
for (let s of i) {
|
|
let d = r[s],
|
|
c = n.data[s];
|
|
o.push({
|
|
key: { status: "valid", value: s },
|
|
value: d._parse(new mt(n, c, n.path, s)),
|
|
alwaysSet: s in n.data,
|
|
});
|
|
}
|
|
if (this._def.catchall instanceof Et) {
|
|
let s = this._def.unknownKeys;
|
|
if (s === "passthrough")
|
|
for (let d of l)
|
|
o.push({
|
|
key: { status: "valid", value: d },
|
|
value: { status: "valid", value: n.data[d] },
|
|
});
|
|
else if (s === "strict")
|
|
l.length > 0 &&
|
|
(T(n, { code: x.unrecognized_keys, keys: l }), t.dirty());
|
|
else if (s !== "strip")
|
|
throw new Error(
|
|
"Internal ZodObject error: invalid unknownKeys value.",
|
|
);
|
|
} else {
|
|
let s = this._def.catchall;
|
|
for (let d of l) {
|
|
let c = n.data[d];
|
|
o.push({
|
|
key: { status: "valid", value: d },
|
|
value: s._parse(new mt(n, c, n.path, d)),
|
|
alwaysSet: d in n.data,
|
|
});
|
|
}
|
|
}
|
|
return n.common.async
|
|
? Promise.resolve()
|
|
.then(async () => {
|
|
let s = [];
|
|
for (let d of o) {
|
|
let c = await d.key;
|
|
s.push({
|
|
key: c,
|
|
value: await d.value,
|
|
alwaysSet: d.alwaysSet,
|
|
});
|
|
}
|
|
return s;
|
|
})
|
|
.then((s) => Fe.mergeObjectSync(t, s))
|
|
: Fe.mergeObjectSync(t, o);
|
|
}
|
|
get shape() {
|
|
return this._def.shape();
|
|
}
|
|
strict(e) {
|
|
return (
|
|
R.errToObj,
|
|
new he({
|
|
...this._def,
|
|
unknownKeys: "strict",
|
|
...(e !== void 0
|
|
? {
|
|
errorMap: (t, n) => {
|
|
var r, i, l, o;
|
|
let s =
|
|
(l =
|
|
(i = (r = this._def).errorMap) === null || i === void 0
|
|
? void 0
|
|
: i.call(r, t, n).message) !== null && l !== void 0
|
|
? l
|
|
: n.defaultError;
|
|
return t.code === "unrecognized_keys"
|
|
? {
|
|
message:
|
|
(o = R.errToObj(e).message) !== null && o !== void 0
|
|
? o
|
|
: s,
|
|
}
|
|
: { message: s };
|
|
},
|
|
}
|
|
: {}),
|
|
})
|
|
);
|
|
}
|
|
strip() {
|
|
return new he({ ...this._def, unknownKeys: "strip" });
|
|
}
|
|
passthrough() {
|
|
return new he({ ...this._def, unknownKeys: "passthrough" });
|
|
}
|
|
extend(e) {
|
|
return new he({
|
|
...this._def,
|
|
shape: () => ({ ...this._def.shape(), ...e }),
|
|
});
|
|
}
|
|
merge(e) {
|
|
return new he({
|
|
unknownKeys: e._def.unknownKeys,
|
|
catchall: e._def.catchall,
|
|
shape: () => ({ ...this._def.shape(), ...e._def.shape() }),
|
|
typeName: H.ZodObject,
|
|
});
|
|
}
|
|
setKey(e, t) {
|
|
return this.augment({ [e]: t });
|
|
}
|
|
catchall(e) {
|
|
return new he({ ...this._def, catchall: e });
|
|
}
|
|
pick(e) {
|
|
let t = {};
|
|
return (
|
|
ae.objectKeys(e).forEach((n) => {
|
|
e[n] && this.shape[n] && (t[n] = this.shape[n]);
|
|
}),
|
|
new he({ ...this._def, shape: () => t })
|
|
);
|
|
}
|
|
omit(e) {
|
|
let t = {};
|
|
return (
|
|
ae.objectKeys(this.shape).forEach((n) => {
|
|
e[n] || (t[n] = this.shape[n]);
|
|
}),
|
|
new he({ ...this._def, shape: () => t })
|
|
);
|
|
}
|
|
deepPartial() {
|
|
return Xt(this);
|
|
}
|
|
partial(e) {
|
|
let t = {};
|
|
return (
|
|
ae.objectKeys(this.shape).forEach((n) => {
|
|
let r = this.shape[n];
|
|
e && !e[n] ? (t[n] = r) : (t[n] = r.optional());
|
|
}),
|
|
new he({ ...this._def, shape: () => t })
|
|
);
|
|
}
|
|
required(e) {
|
|
let t = {};
|
|
return (
|
|
ae.objectKeys(this.shape).forEach((n) => {
|
|
if (e && !e[n]) t[n] = this.shape[n];
|
|
else {
|
|
let r = this.shape[n];
|
|
for (; r instanceof yt; ) r = r._def.innerType;
|
|
t[n] = r;
|
|
}
|
|
}),
|
|
new he({ ...this._def, shape: () => t })
|
|
);
|
|
}
|
|
keyof() {
|
|
return Ds(ae.objectKeys(this.shape));
|
|
}
|
|
};
|
|
he.create = (e, t) =>
|
|
new he({
|
|
shape: () => e,
|
|
unknownKeys: "strip",
|
|
catchall: Et.create(),
|
|
typeName: H.ZodObject,
|
|
...$(t),
|
|
});
|
|
he.strictCreate = (e, t) =>
|
|
new he({
|
|
shape: () => e,
|
|
unknownKeys: "strict",
|
|
catchall: Et.create(),
|
|
typeName: H.ZodObject,
|
|
...$(t),
|
|
});
|
|
he.lazycreate = (e, t) =>
|
|
new he({
|
|
shape: e,
|
|
unknownKeys: "strip",
|
|
catchall: Et.create(),
|
|
typeName: H.ZodObject,
|
|
...$(t),
|
|
});
|
|
var ea = class extends Y {
|
|
_parse(e) {
|
|
let { ctx: t } = this._processInputParams(e),
|
|
n = this._def.options;
|
|
function r(i) {
|
|
for (let o of i) if (o.result.status === "valid") return o.result;
|
|
for (let o of i)
|
|
if (o.result.status === "dirty")
|
|
return (t.common.issues.push(...o.ctx.common.issues), o.result);
|
|
let l = i.map((o) => new Ye(o.ctx.common.issues));
|
|
return (T(t, { code: x.invalid_union, unionErrors: l }), z);
|
|
}
|
|
if (t.common.async)
|
|
return Promise.all(
|
|
n.map(async (i) => {
|
|
let l = {
|
|
...t,
|
|
common: { ...t.common, issues: [] },
|
|
parent: null,
|
|
};
|
|
return {
|
|
result: await i._parseAsync({
|
|
data: t.data,
|
|
path: t.path,
|
|
parent: l,
|
|
}),
|
|
ctx: l,
|
|
};
|
|
}),
|
|
).then(r);
|
|
{
|
|
let i,
|
|
l = [];
|
|
for (let s of n) {
|
|
let d = { ...t, common: { ...t.common, issues: [] }, parent: null },
|
|
c = s._parseSync({ data: t.data, path: t.path, parent: d });
|
|
if (c.status === "valid") return c;
|
|
(c.status === "dirty" && !i && (i = { result: c, ctx: d }),
|
|
d.common.issues.length && l.push(d.common.issues));
|
|
}
|
|
if (i)
|
|
return (t.common.issues.push(...i.ctx.common.issues), i.result);
|
|
let o = l.map((s) => new Ye(s));
|
|
return (T(t, { code: x.invalid_union, unionErrors: o }), z);
|
|
}
|
|
}
|
|
get options() {
|
|
return this._def.options;
|
|
}
|
|
};
|
|
ea.create = (e, t) => new ea({ options: e, typeName: H.ZodUnion, ...$(t) });
|
|
var Ba = (e) =>
|
|
e instanceof na
|
|
? Ba(e.schema)
|
|
: e instanceof Ke
|
|
? Ba(e.innerType())
|
|
: e instanceof aa
|
|
? [e.value]
|
|
: e instanceof Dt
|
|
? e.options
|
|
: e instanceof ra
|
|
? Object.keys(e.enum)
|
|
: e instanceof ia
|
|
? Ba(e._def.innerType)
|
|
: e instanceof Qn
|
|
? [void 0]
|
|
: e instanceof Xn
|
|
? [null]
|
|
: null,
|
|
cl = class extends Y {
|
|
_parse(e) {
|
|
let { ctx: t } = this._processInputParams(e);
|
|
if (t.parsedType !== F.object)
|
|
return (
|
|
T(t, {
|
|
code: x.invalid_type,
|
|
expected: F.object,
|
|
received: t.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
let n = this.discriminator,
|
|
r = t.data[n],
|
|
i = this.optionsMap.get(r);
|
|
return i
|
|
? t.common.async
|
|
? i._parseAsync({ data: t.data, path: t.path, parent: t })
|
|
: i._parseSync({ data: t.data, path: t.path, parent: t })
|
|
: (T(t, {
|
|
code: x.invalid_union_discriminator,
|
|
options: Array.from(this.optionsMap.keys()),
|
|
path: [n],
|
|
}),
|
|
z);
|
|
}
|
|
get discriminator() {
|
|
return this._def.discriminator;
|
|
}
|
|
get options() {
|
|
return this._def.options;
|
|
}
|
|
get optionsMap() {
|
|
return this._def.optionsMap;
|
|
}
|
|
static create(e, t, n) {
|
|
let r = new Map();
|
|
for (let i of t) {
|
|
let l = Ba(i.shape[e]);
|
|
if (!l)
|
|
throw new Error(
|
|
`A discriminator value for key \`${e}\` could not be extracted from all schema options`,
|
|
);
|
|
for (let o of l) {
|
|
if (r.has(o))
|
|
throw new Error(
|
|
`Discriminator property ${String(e)} has duplicate value ${String(o)}`,
|
|
);
|
|
r.set(o, i);
|
|
}
|
|
}
|
|
return new cl({
|
|
typeName: H.ZodDiscriminatedUnion,
|
|
discriminator: e,
|
|
options: t,
|
|
optionsMap: r,
|
|
...$(n),
|
|
});
|
|
}
|
|
};
|
|
function Oi(e, t) {
|
|
let n = St(e),
|
|
r = St(t);
|
|
if (e === t) return { valid: !0, data: e };
|
|
if (n === F.object && r === F.object) {
|
|
let i = ae.objectKeys(t),
|
|
l = ae.objectKeys(e).filter((s) => i.indexOf(s) !== -1),
|
|
o = { ...e, ...t };
|
|
for (let s of l) {
|
|
let d = Oi(e[s], t[s]);
|
|
if (!d.valid) return { valid: !1 };
|
|
o[s] = d.data;
|
|
}
|
|
return { valid: !0, data: o };
|
|
} else if (n === F.array && r === F.array) {
|
|
if (e.length !== t.length) return { valid: !1 };
|
|
let i = [];
|
|
for (let l = 0; l < e.length; l++) {
|
|
let o = e[l],
|
|
s = t[l],
|
|
d = Oi(o, s);
|
|
if (!d.valid) return { valid: !1 };
|
|
i.push(d.data);
|
|
}
|
|
return { valid: !0, data: i };
|
|
} else
|
|
return n === F.date && r === F.date && +e == +t
|
|
? { valid: !0, data: e }
|
|
: { valid: !1 };
|
|
}
|
|
var ta = class extends Y {
|
|
_parse(e) {
|
|
let { status: t, ctx: n } = this._processInputParams(e),
|
|
r = (i, l) => {
|
|
if (Ti(i) || Ti(l)) return z;
|
|
let o = Oi(i.value, l.value);
|
|
return o.valid
|
|
? ((Zi(i) || Zi(l)) && t.dirty(),
|
|
{ status: t.value, value: o.data })
|
|
: (T(n, { code: x.invalid_intersection_types }), z);
|
|
};
|
|
return n.common.async
|
|
? Promise.all([
|
|
this._def.left._parseAsync({
|
|
data: n.data,
|
|
path: n.path,
|
|
parent: n,
|
|
}),
|
|
this._def.right._parseAsync({
|
|
data: n.data,
|
|
path: n.path,
|
|
parent: n,
|
|
}),
|
|
]).then(([i, l]) => r(i, l))
|
|
: r(
|
|
this._def.left._parseSync({
|
|
data: n.data,
|
|
path: n.path,
|
|
parent: n,
|
|
}),
|
|
this._def.right._parseSync({
|
|
data: n.data,
|
|
path: n.path,
|
|
parent: n,
|
|
}),
|
|
);
|
|
}
|
|
};
|
|
ta.create = (e, t, n) =>
|
|
new ta({ left: e, right: t, typeName: H.ZodIntersection, ...$(n) });
|
|
var kt = class extends Y {
|
|
_parse(e) {
|
|
let { status: t, ctx: n } = this._processInputParams(e);
|
|
if (n.parsedType !== F.array)
|
|
return (
|
|
T(n, {
|
|
code: x.invalid_type,
|
|
expected: F.array,
|
|
received: n.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
if (n.data.length < this._def.items.length)
|
|
return (
|
|
T(n, {
|
|
code: x.too_small,
|
|
minimum: this._def.items.length,
|
|
inclusive: !0,
|
|
exact: !1,
|
|
type: "array",
|
|
}),
|
|
z
|
|
);
|
|
!this._def.rest &&
|
|
n.data.length > this._def.items.length &&
|
|
(T(n, {
|
|
code: x.too_big,
|
|
maximum: this._def.items.length,
|
|
inclusive: !0,
|
|
exact: !1,
|
|
type: "array",
|
|
}),
|
|
t.dirty());
|
|
let r = [...n.data]
|
|
.map((i, l) => {
|
|
let o = this._def.items[l] || this._def.rest;
|
|
return o ? o._parse(new mt(n, i, n.path, l)) : null;
|
|
})
|
|
.filter((i) => !!i);
|
|
return n.common.async
|
|
? Promise.all(r).then((i) => Fe.mergeArray(t, i))
|
|
: Fe.mergeArray(t, r);
|
|
}
|
|
get items() {
|
|
return this._def.items;
|
|
}
|
|
rest(e) {
|
|
return new kt({ ...this._def, rest: e });
|
|
}
|
|
};
|
|
kt.create = (e, t) => {
|
|
if (!Array.isArray(e))
|
|
throw new Error(
|
|
"You must pass an array of schemas to z.tuple([ ... ])",
|
|
);
|
|
return new kt({ items: e, typeName: H.ZodTuple, rest: null, ...$(t) });
|
|
};
|
|
var tr = class extends Y {
|
|
get keySchema() {
|
|
return this._def.keyType;
|
|
}
|
|
get valueSchema() {
|
|
return this._def.valueType;
|
|
}
|
|
_parse(e) {
|
|
let { status: t, ctx: n } = this._processInputParams(e);
|
|
if (n.parsedType !== F.object)
|
|
return (
|
|
T(n, {
|
|
code: x.invalid_type,
|
|
expected: F.object,
|
|
received: n.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
let r = [],
|
|
i = this._def.keyType,
|
|
l = this._def.valueType;
|
|
for (let o in n.data)
|
|
r.push({
|
|
key: i._parse(new mt(n, o, n.path, o)),
|
|
value: l._parse(new mt(n, n.data[o], n.path, o)),
|
|
});
|
|
return n.common.async
|
|
? Fe.mergeObjectAsync(t, r)
|
|
: Fe.mergeObjectSync(t, r);
|
|
}
|
|
get element() {
|
|
return this._def.valueType;
|
|
}
|
|
static create(e, t, n) {
|
|
return t instanceof Y
|
|
? new tr({
|
|
keyType: e,
|
|
valueType: t,
|
|
typeName: H.ZodRecord,
|
|
...$(n),
|
|
})
|
|
: new tr({
|
|
keyType: lt.create(),
|
|
valueType: e,
|
|
typeName: H.ZodRecord,
|
|
...$(t),
|
|
});
|
|
}
|
|
},
|
|
nr = class extends Y {
|
|
get keySchema() {
|
|
return this._def.keyType;
|
|
}
|
|
get valueSchema() {
|
|
return this._def.valueType;
|
|
}
|
|
_parse(e) {
|
|
let { status: t, ctx: n } = this._processInputParams(e);
|
|
if (n.parsedType !== F.map)
|
|
return (
|
|
T(n, {
|
|
code: x.invalid_type,
|
|
expected: F.map,
|
|
received: n.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
let r = this._def.keyType,
|
|
i = this._def.valueType,
|
|
l = [...n.data.entries()].map(([o, s], d) => ({
|
|
key: r._parse(new mt(n, o, n.path, [d, "key"])),
|
|
value: i._parse(new mt(n, s, n.path, [d, "value"])),
|
|
}));
|
|
if (n.common.async) {
|
|
let o = new Map();
|
|
return Promise.resolve().then(async () => {
|
|
for (let s of l) {
|
|
let d = await s.key,
|
|
c = await s.value;
|
|
if (d.status === "aborted" || c.status === "aborted") return z;
|
|
((d.status === "dirty" || c.status === "dirty") && t.dirty(),
|
|
o.set(d.value, c.value));
|
|
}
|
|
return { status: t.value, value: o };
|
|
});
|
|
} else {
|
|
let o = new Map();
|
|
for (let s of l) {
|
|
let d = s.key,
|
|
c = s.value;
|
|
if (d.status === "aborted" || c.status === "aborted") return z;
|
|
((d.status === "dirty" || c.status === "dirty") && t.dirty(),
|
|
o.set(d.value, c.value));
|
|
}
|
|
return { status: t.value, value: o };
|
|
}
|
|
}
|
|
};
|
|
nr.create = (e, t, n) =>
|
|
new nr({ valueType: t, keyType: e, typeName: H.ZodMap, ...$(n) });
|
|
var mn = class extends Y {
|
|
_parse(e) {
|
|
let { status: t, ctx: n } = this._processInputParams(e);
|
|
if (n.parsedType !== F.set)
|
|
return (
|
|
T(n, {
|
|
code: x.invalid_type,
|
|
expected: F.set,
|
|
received: n.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
let r = this._def;
|
|
(r.minSize !== null &&
|
|
n.data.size < r.minSize.value &&
|
|
(T(n, {
|
|
code: x.too_small,
|
|
minimum: r.minSize.value,
|
|
type: "set",
|
|
inclusive: !0,
|
|
exact: !1,
|
|
message: r.minSize.message,
|
|
}),
|
|
t.dirty()),
|
|
r.maxSize !== null &&
|
|
n.data.size > r.maxSize.value &&
|
|
(T(n, {
|
|
code: x.too_big,
|
|
maximum: r.maxSize.value,
|
|
type: "set",
|
|
inclusive: !0,
|
|
exact: !1,
|
|
message: r.maxSize.message,
|
|
}),
|
|
t.dirty()));
|
|
let i = this._def.valueType;
|
|
function l(s) {
|
|
let d = new Set();
|
|
for (let c of s) {
|
|
if (c.status === "aborted") return z;
|
|
(c.status === "dirty" && t.dirty(), d.add(c.value));
|
|
}
|
|
return { status: t.value, value: d };
|
|
}
|
|
let o = [...n.data.values()].map((s, d) =>
|
|
i._parse(new mt(n, s, n.path, d)),
|
|
);
|
|
return n.common.async ? Promise.all(o).then((s) => l(s)) : l(o);
|
|
}
|
|
min(e, t) {
|
|
return new mn({
|
|
...this._def,
|
|
minSize: { value: e, message: R.toString(t) },
|
|
});
|
|
}
|
|
max(e, t) {
|
|
return new mn({
|
|
...this._def,
|
|
maxSize: { value: e, message: R.toString(t) },
|
|
});
|
|
}
|
|
size(e, t) {
|
|
return this.min(e, t).max(e, t);
|
|
}
|
|
nonempty(e) {
|
|
return this.min(1, e);
|
|
}
|
|
};
|
|
mn.create = (e, t) =>
|
|
new mn({
|
|
valueType: e,
|
|
minSize: null,
|
|
maxSize: null,
|
|
typeName: H.ZodSet,
|
|
...$(t),
|
|
});
|
|
var zn = class extends Y {
|
|
constructor() {
|
|
(super(...arguments), (this.validate = this.implement));
|
|
}
|
|
_parse(e) {
|
|
let { ctx: t } = this._processInputParams(e);
|
|
if (t.parsedType !== F.function)
|
|
return (
|
|
T(t, {
|
|
code: x.invalid_type,
|
|
expected: F.function,
|
|
received: t.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
function n(o, s) {
|
|
return Ja({
|
|
data: o,
|
|
path: t.path,
|
|
errorMaps: [
|
|
t.common.contextualErrorMap,
|
|
t.schemaErrorMap,
|
|
Ka(),
|
|
Yn,
|
|
].filter((d) => !!d),
|
|
issueData: { code: x.invalid_arguments, argumentsError: s },
|
|
});
|
|
}
|
|
function r(o, s) {
|
|
return Ja({
|
|
data: o,
|
|
path: t.path,
|
|
errorMaps: [
|
|
t.common.contextualErrorMap,
|
|
t.schemaErrorMap,
|
|
Ka(),
|
|
Yn,
|
|
].filter((d) => !!d),
|
|
issueData: { code: x.invalid_return_type, returnTypeError: s },
|
|
});
|
|
}
|
|
let i = { errorMap: t.common.contextualErrorMap },
|
|
l = t.data;
|
|
if (this._def.returns instanceof pn) {
|
|
let o = this;
|
|
return Ae(async function (...s) {
|
|
let d = new Ye([]),
|
|
c = await o._def.args.parseAsync(s, i).catch((m) => {
|
|
throw (d.addIssue(n(s, m)), d);
|
|
}),
|
|
u = await Reflect.apply(l, this, c);
|
|
return await o._def.returns._def.type
|
|
.parseAsync(u, i)
|
|
.catch((m) => {
|
|
throw (d.addIssue(r(u, m)), d);
|
|
});
|
|
});
|
|
} else {
|
|
let o = this;
|
|
return Ae(function (...s) {
|
|
let d = o._def.args.safeParse(s, i);
|
|
if (!d.success) throw new Ye([n(s, d.error)]);
|
|
let c = Reflect.apply(l, this, d.data),
|
|
u = o._def.returns.safeParse(c, i);
|
|
if (!u.success) throw new Ye([r(c, u.error)]);
|
|
return u.data;
|
|
});
|
|
}
|
|
}
|
|
parameters() {
|
|
return this._def.args;
|
|
}
|
|
returnType() {
|
|
return this._def.returns;
|
|
}
|
|
args(...e) {
|
|
return new zn({ ...this._def, args: kt.create(e).rest(Vt.create()) });
|
|
}
|
|
returns(e) {
|
|
return new zn({ ...this._def, returns: e });
|
|
}
|
|
implement(e) {
|
|
return this.parse(e);
|
|
}
|
|
strictImplement(e) {
|
|
return this.parse(e);
|
|
}
|
|
static create(e, t, n) {
|
|
return new zn({
|
|
args: e || kt.create([]).rest(Vt.create()),
|
|
returns: t || Vt.create(),
|
|
typeName: H.ZodFunction,
|
|
...$(n),
|
|
});
|
|
}
|
|
},
|
|
na = class extends Y {
|
|
get schema() {
|
|
return this._def.getter();
|
|
}
|
|
_parse(e) {
|
|
let { ctx: t } = this._processInputParams(e);
|
|
return this._def
|
|
.getter()
|
|
._parse({ data: t.data, path: t.path, parent: t });
|
|
}
|
|
};
|
|
na.create = (e, t) => new na({ getter: e, typeName: H.ZodLazy, ...$(t) });
|
|
var aa = class extends Y {
|
|
_parse(e) {
|
|
if (e.data !== this._def.value) {
|
|
let t = this._getOrReturnCtx(e);
|
|
return (
|
|
T(t, {
|
|
received: t.data,
|
|
code: x.invalid_literal,
|
|
expected: this._def.value,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
return { status: "valid", value: e.data };
|
|
}
|
|
get value() {
|
|
return this._def.value;
|
|
}
|
|
};
|
|
aa.create = (e, t) => new aa({ value: e, typeName: H.ZodLiteral, ...$(t) });
|
|
function Ds(e, t) {
|
|
return new Dt({ values: e, typeName: H.ZodEnum, ...$(t) });
|
|
}
|
|
var Dt = class extends Y {
|
|
_parse(e) {
|
|
if (typeof e.data != "string") {
|
|
let t = this._getOrReturnCtx(e),
|
|
n = this._def.values;
|
|
return (
|
|
T(t, {
|
|
expected: ae.joinValues(n),
|
|
received: t.parsedType,
|
|
code: x.invalid_type,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
if (this._def.values.indexOf(e.data) === -1) {
|
|
let t = this._getOrReturnCtx(e),
|
|
n = this._def.values;
|
|
return (
|
|
T(t, { received: t.data, code: x.invalid_enum_value, options: n }),
|
|
z
|
|
);
|
|
}
|
|
return Ae(e.data);
|
|
}
|
|
get options() {
|
|
return this._def.values;
|
|
}
|
|
get enum() {
|
|
let e = {};
|
|
for (let t of this._def.values) e[t] = t;
|
|
return e;
|
|
}
|
|
get Values() {
|
|
let e = {};
|
|
for (let t of this._def.values) e[t] = t;
|
|
return e;
|
|
}
|
|
get Enum() {
|
|
let e = {};
|
|
for (let t of this._def.values) e[t] = t;
|
|
return e;
|
|
}
|
|
extract(e) {
|
|
return Dt.create(e);
|
|
}
|
|
exclude(e) {
|
|
return Dt.create(this.options.filter((t) => !e.includes(t)));
|
|
}
|
|
};
|
|
Dt.create = Ds;
|
|
var ra = class extends Y {
|
|
_parse(e) {
|
|
let t = ae.getValidEnumValues(this._def.values),
|
|
n = this._getOrReturnCtx(e);
|
|
if (n.parsedType !== F.string && n.parsedType !== F.number) {
|
|
let r = ae.objectValues(t);
|
|
return (
|
|
T(n, {
|
|
expected: ae.joinValues(r),
|
|
received: n.parsedType,
|
|
code: x.invalid_type,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
if (t.indexOf(e.data) === -1) {
|
|
let r = ae.objectValues(t);
|
|
return (
|
|
T(n, { received: n.data, code: x.invalid_enum_value, options: r }),
|
|
z
|
|
);
|
|
}
|
|
return Ae(e.data);
|
|
}
|
|
get enum() {
|
|
return this._def.values;
|
|
}
|
|
};
|
|
ra.create = (e, t) =>
|
|
new ra({ values: e, typeName: H.ZodNativeEnum, ...$(t) });
|
|
var pn = class extends Y {
|
|
unwrap() {
|
|
return this._def.type;
|
|
}
|
|
_parse(e) {
|
|
let { ctx: t } = this._processInputParams(e);
|
|
if (t.parsedType !== F.promise && t.common.async === !1)
|
|
return (
|
|
T(t, {
|
|
code: x.invalid_type,
|
|
expected: F.promise,
|
|
received: t.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
let n = t.parsedType === F.promise ? t.data : Promise.resolve(t.data);
|
|
return Ae(
|
|
n.then((r) =>
|
|
this._def.type.parseAsync(r, {
|
|
path: t.path,
|
|
errorMap: t.common.contextualErrorMap,
|
|
}),
|
|
),
|
|
);
|
|
}
|
|
};
|
|
pn.create = (e, t) => new pn({ type: e, typeName: H.ZodPromise, ...$(t) });
|
|
var Ke = class extends Y {
|
|
innerType() {
|
|
return this._def.schema;
|
|
}
|
|
sourceType() {
|
|
return this._def.schema._def.typeName === H.ZodEffects
|
|
? this._def.schema.sourceType()
|
|
: this._def.schema;
|
|
}
|
|
_parse(e) {
|
|
let { status: t, ctx: n } = this._processInputParams(e),
|
|
r = this._def.effect || null,
|
|
i = {
|
|
addIssue: (l) => {
|
|
(T(n, l), l.fatal ? t.abort() : t.dirty());
|
|
},
|
|
get path() {
|
|
return n.path;
|
|
},
|
|
};
|
|
if (((i.addIssue = i.addIssue.bind(i)), r.type === "preprocess")) {
|
|
let l = r.transform(n.data, i);
|
|
return n.common.issues.length
|
|
? { status: "dirty", value: n.data }
|
|
: n.common.async
|
|
? Promise.resolve(l).then((o) =>
|
|
this._def.schema._parseAsync({
|
|
data: o,
|
|
path: n.path,
|
|
parent: n,
|
|
}),
|
|
)
|
|
: this._def.schema._parseSync({
|
|
data: l,
|
|
path: n.path,
|
|
parent: n,
|
|
});
|
|
}
|
|
if (r.type === "refinement") {
|
|
let l = (o) => {
|
|
let s = r.refinement(o, i);
|
|
if (n.common.async) return Promise.resolve(s);
|
|
if (s instanceof Promise)
|
|
throw new Error(
|
|
"Async refinement encountered during synchronous parse operation. Use .parseAsync instead.",
|
|
);
|
|
return o;
|
|
};
|
|
if (n.common.async === !1) {
|
|
let o = this._def.schema._parseSync({
|
|
data: n.data,
|
|
path: n.path,
|
|
parent: n,
|
|
});
|
|
return o.status === "aborted"
|
|
? z
|
|
: (o.status === "dirty" && t.dirty(),
|
|
l(o.value),
|
|
{ status: t.value, value: o.value });
|
|
} else
|
|
return this._def.schema
|
|
._parseAsync({ data: n.data, path: n.path, parent: n })
|
|
.then((o) =>
|
|
o.status === "aborted"
|
|
? z
|
|
: (o.status === "dirty" && t.dirty(),
|
|
l(o.value).then(() => ({
|
|
status: t.value,
|
|
value: o.value,
|
|
}))),
|
|
);
|
|
}
|
|
if (r.type === "transform")
|
|
if (n.common.async === !1) {
|
|
let l = this._def.schema._parseSync({
|
|
data: n.data,
|
|
path: n.path,
|
|
parent: n,
|
|
});
|
|
if (!Kn(l)) return l;
|
|
let o = r.transform(l.value, i);
|
|
if (o instanceof Promise)
|
|
throw new Error(
|
|
"Asynchronous transform encountered during synchronous parse operation. Use .parseAsync instead.",
|
|
);
|
|
return { status: t.value, value: o };
|
|
} else
|
|
return this._def.schema
|
|
._parseAsync({ data: n.data, path: n.path, parent: n })
|
|
.then((l) =>
|
|
Kn(l)
|
|
? Promise.resolve(r.transform(l.value, i)).then((o) => ({
|
|
status: t.value,
|
|
value: o,
|
|
}))
|
|
: l,
|
|
);
|
|
ae.assertNever(r);
|
|
}
|
|
};
|
|
Ke.create = (e, t, n) =>
|
|
new Ke({ schema: e, typeName: H.ZodEffects, effect: t, ...$(n) });
|
|
Ke.createWithPreprocess = (e, t, n) =>
|
|
new Ke({
|
|
schema: t,
|
|
effect: { type: "preprocess", transform: e },
|
|
typeName: H.ZodEffects,
|
|
...$(n),
|
|
});
|
|
var yt = class extends Y {
|
|
_parse(e) {
|
|
return this._getType(e) === F.undefined
|
|
? Ae(void 0)
|
|
: this._def.innerType._parse(e);
|
|
}
|
|
unwrap() {
|
|
return this._def.innerType;
|
|
}
|
|
};
|
|
yt.create = (e, t) =>
|
|
new yt({ innerType: e, typeName: H.ZodOptional, ...$(t) });
|
|
var zt = class extends Y {
|
|
_parse(e) {
|
|
return this._getType(e) === F.null
|
|
? Ae(null)
|
|
: this._def.innerType._parse(e);
|
|
}
|
|
unwrap() {
|
|
return this._def.innerType;
|
|
}
|
|
};
|
|
zt.create = (e, t) =>
|
|
new zt({ innerType: e, typeName: H.ZodNullable, ...$(t) });
|
|
var ia = class extends Y {
|
|
_parse(e) {
|
|
let { ctx: t } = this._processInputParams(e),
|
|
n = t.data;
|
|
return (
|
|
t.parsedType === F.undefined && (n = this._def.defaultValue()),
|
|
this._def.innerType._parse({ data: n, path: t.path, parent: t })
|
|
);
|
|
}
|
|
removeDefault() {
|
|
return this._def.innerType;
|
|
}
|
|
};
|
|
ia.create = (e, t) =>
|
|
new ia({
|
|
innerType: e,
|
|
typeName: H.ZodDefault,
|
|
defaultValue:
|
|
typeof t.default == "function" ? t.default : () => t.default,
|
|
...$(t),
|
|
});
|
|
var ar = class extends Y {
|
|
_parse(e) {
|
|
let { ctx: t } = this._processInputParams(e),
|
|
n = { ...t, common: { ...t.common, issues: [] } },
|
|
r = this._def.innerType._parse({
|
|
data: n.data,
|
|
path: n.path,
|
|
parent: { ...n },
|
|
});
|
|
return Qa(r)
|
|
? r.then((i) => ({
|
|
status: "valid",
|
|
value:
|
|
i.status === "valid"
|
|
? i.value
|
|
: this._def.catchValue({
|
|
get error() {
|
|
return new Ye(n.common.issues);
|
|
},
|
|
input: n.data,
|
|
}),
|
|
}))
|
|
: {
|
|
status: "valid",
|
|
value:
|
|
r.status === "valid"
|
|
? r.value
|
|
: this._def.catchValue({
|
|
get error() {
|
|
return new Ye(n.common.issues);
|
|
},
|
|
input: n.data,
|
|
}),
|
|
};
|
|
}
|
|
removeCatch() {
|
|
return this._def.innerType;
|
|
}
|
|
};
|
|
ar.create = (e, t) =>
|
|
new ar({
|
|
innerType: e,
|
|
typeName: H.ZodCatch,
|
|
catchValue: typeof t.catch == "function" ? t.catch : () => t.catch,
|
|
...$(t),
|
|
});
|
|
var rr = class extends Y {
|
|
_parse(e) {
|
|
if (this._getType(e) !== F.nan) {
|
|
let t = this._getOrReturnCtx(e);
|
|
return (
|
|
T(t, {
|
|
code: x.invalid_type,
|
|
expected: F.nan,
|
|
received: t.parsedType,
|
|
}),
|
|
z
|
|
);
|
|
}
|
|
return { status: "valid", value: e.data };
|
|
}
|
|
};
|
|
rr.create = (e) => new rr({ typeName: H.ZodNaN, ...$(e) });
|
|
var am = Symbol("zod_brand"),
|
|
zs = class extends Y {
|
|
_parse(e) {
|
|
let { ctx: t } = this._processInputParams(e),
|
|
n = t.data;
|
|
return this._def.type._parse({ data: n, path: t.path, parent: t });
|
|
}
|
|
unwrap() {
|
|
return this._def.type;
|
|
}
|
|
},
|
|
Cr = class extends Y {
|
|
_parse(e) {
|
|
let { status: t, ctx: n } = this._processInputParams(e);
|
|
if (n.common.async)
|
|
return (async () => {
|
|
let r = await this._def.in._parseAsync({
|
|
data: n.data,
|
|
path: n.path,
|
|
parent: n,
|
|
});
|
|
return r.status === "aborted"
|
|
? z
|
|
: r.status === "dirty"
|
|
? (t.dirty(), js(r.value))
|
|
: this._def.out._parseAsync({
|
|
data: r.value,
|
|
path: n.path,
|
|
parent: n,
|
|
});
|
|
})();
|
|
{
|
|
let r = this._def.in._parseSync({
|
|
data: n.data,
|
|
path: n.path,
|
|
parent: n,
|
|
});
|
|
return r.status === "aborted"
|
|
? z
|
|
: r.status === "dirty"
|
|
? (t.dirty(), { status: "dirty", value: r.value })
|
|
: this._def.out._parseSync({
|
|
data: r.value,
|
|
path: n.path,
|
|
parent: n,
|
|
});
|
|
}
|
|
}
|
|
static create(e, t) {
|
|
return new Cr({ in: e, out: t, typeName: H.ZodPipeline });
|
|
}
|
|
},
|
|
ir = class extends Y {
|
|
_parse(e) {
|
|
let t = this._def.innerType._parse(e);
|
|
return (Kn(t) && (t.value = Object.freeze(t.value)), t);
|
|
}
|
|
};
|
|
ir.create = (e, t) =>
|
|
new ir({ innerType: e, typeName: H.ZodReadonly, ...$(t) });
|
|
var Us = (e, t = {}, n) =>
|
|
e
|
|
? un.create().superRefine((r, i) => {
|
|
var l, o;
|
|
if (!e(r)) {
|
|
let s =
|
|
typeof t == "function"
|
|
? t(r)
|
|
: typeof t == "string"
|
|
? { message: t }
|
|
: t,
|
|
d =
|
|
(o = (l = s.fatal) !== null && l !== void 0 ? l : n) !==
|
|
null && o !== void 0
|
|
? o
|
|
: !0,
|
|
c = typeof s == "string" ? { message: s } : s;
|
|
i.addIssue({ code: "custom", ...c, fatal: d });
|
|
}
|
|
})
|
|
: un.create(),
|
|
rm = { object: he.lazycreate },
|
|
H;
|
|
(function (e) {
|
|
((e.ZodString = "ZodString"),
|
|
(e.ZodNumber = "ZodNumber"),
|
|
(e.ZodNaN = "ZodNaN"),
|
|
(e.ZodBigInt = "ZodBigInt"),
|
|
(e.ZodBoolean = "ZodBoolean"),
|
|
(e.ZodDate = "ZodDate"),
|
|
(e.ZodSymbol = "ZodSymbol"),
|
|
(e.ZodUndefined = "ZodUndefined"),
|
|
(e.ZodNull = "ZodNull"),
|
|
(e.ZodAny = "ZodAny"),
|
|
(e.ZodUnknown = "ZodUnknown"),
|
|
(e.ZodNever = "ZodNever"),
|
|
(e.ZodVoid = "ZodVoid"),
|
|
(e.ZodArray = "ZodArray"),
|
|
(e.ZodObject = "ZodObject"),
|
|
(e.ZodUnion = "ZodUnion"),
|
|
(e.ZodDiscriminatedUnion = "ZodDiscriminatedUnion"),
|
|
(e.ZodIntersection = "ZodIntersection"),
|
|
(e.ZodTuple = "ZodTuple"),
|
|
(e.ZodRecord = "ZodRecord"),
|
|
(e.ZodMap = "ZodMap"),
|
|
(e.ZodSet = "ZodSet"),
|
|
(e.ZodFunction = "ZodFunction"),
|
|
(e.ZodLazy = "ZodLazy"),
|
|
(e.ZodLiteral = "ZodLiteral"),
|
|
(e.ZodEnum = "ZodEnum"),
|
|
(e.ZodEffects = "ZodEffects"),
|
|
(e.ZodNativeEnum = "ZodNativeEnum"),
|
|
(e.ZodOptional = "ZodOptional"),
|
|
(e.ZodNullable = "ZodNullable"),
|
|
(e.ZodDefault = "ZodDefault"),
|
|
(e.ZodCatch = "ZodCatch"),
|
|
(e.ZodPromise = "ZodPromise"),
|
|
(e.ZodBranded = "ZodBranded"),
|
|
(e.ZodPipeline = "ZodPipeline"),
|
|
(e.ZodReadonly = "ZodReadonly"));
|
|
})(H || (H = {}));
|
|
var im = (e, t = { message: `Input not instance of ${e.name}` }) =>
|
|
Us((n) => n instanceof e, t),
|
|
$s = lt.create,
|
|
Ws = Ht.create,
|
|
lm = rr.create,
|
|
om = jt.create,
|
|
qs = Jn.create,
|
|
sm = cn.create,
|
|
dm = Xa.create,
|
|
cm = Qn.create,
|
|
um = Xn.create,
|
|
mm = un.create,
|
|
pm = Vt.create,
|
|
hm = Et.create,
|
|
fm = er.create,
|
|
gm = ct.create,
|
|
vm = he.create,
|
|
ym = he.strictCreate,
|
|
bm = ea.create,
|
|
Em = cl.create,
|
|
km = ta.create,
|
|
wm = kt.create,
|
|
Cm = tr.create,
|
|
Sm = nr.create,
|
|
xm = mn.create,
|
|
Nm = zn.create,
|
|
Mm = na.create,
|
|
Fm = aa.create,
|
|
Am = Dt.create,
|
|
Lm = ra.create,
|
|
Tm = pn.create,
|
|
Vo = Ke.create,
|
|
Zm = yt.create,
|
|
Om = zt.create,
|
|
_m = Ke.createWithPreprocess,
|
|
Im = Cr.create,
|
|
Rm = () => $s().optional(),
|
|
Bm = () => Ws().optional(),
|
|
Pm = () => qs().optional(),
|
|
Vm = {
|
|
string: (e) => lt.create({ ...e, coerce: !0 }),
|
|
number: (e) => Ht.create({ ...e, coerce: !0 }),
|
|
boolean: (e) => Jn.create({ ...e, coerce: !0 }),
|
|
bigint: (e) => jt.create({ ...e, coerce: !0 }),
|
|
date: (e) => cn.create({ ...e, coerce: !0 }),
|
|
},
|
|
Hm = z,
|
|
gt = Object.freeze({
|
|
__proto__: null,
|
|
defaultErrorMap: Yn,
|
|
setErrorMap: U2,
|
|
getErrorMap: Ka,
|
|
makeIssue: Ja,
|
|
EMPTY_PATH: $2,
|
|
addIssueToContext: T,
|
|
ParseStatus: Fe,
|
|
INVALID: z,
|
|
DIRTY: js,
|
|
OK: Ae,
|
|
isAborted: Ti,
|
|
isDirty: Zi,
|
|
isValid: Kn,
|
|
isAsync: Qa,
|
|
get util() {
|
|
return ae;
|
|
},
|
|
get objectUtil() {
|
|
return Li;
|
|
},
|
|
ZodParsedType: F,
|
|
getParsedType: St,
|
|
ZodType: Y,
|
|
ZodString: lt,
|
|
ZodNumber: Ht,
|
|
ZodBigInt: jt,
|
|
ZodBoolean: Jn,
|
|
ZodDate: cn,
|
|
ZodSymbol: Xa,
|
|
ZodUndefined: Qn,
|
|
ZodNull: Xn,
|
|
ZodAny: un,
|
|
ZodUnknown: Vt,
|
|
ZodNever: Et,
|
|
ZodVoid: er,
|
|
ZodArray: ct,
|
|
ZodObject: he,
|
|
ZodUnion: ea,
|
|
ZodDiscriminatedUnion: cl,
|
|
ZodIntersection: ta,
|
|
ZodTuple: kt,
|
|
ZodRecord: tr,
|
|
ZodMap: nr,
|
|
ZodSet: mn,
|
|
ZodFunction: zn,
|
|
ZodLazy: na,
|
|
ZodLiteral: aa,
|
|
ZodEnum: Dt,
|
|
ZodNativeEnum: ra,
|
|
ZodPromise: pn,
|
|
ZodEffects: Ke,
|
|
ZodTransformer: Ke,
|
|
ZodOptional: yt,
|
|
ZodNullable: zt,
|
|
ZodDefault: ia,
|
|
ZodCatch: ar,
|
|
ZodNaN: rr,
|
|
BRAND: am,
|
|
ZodBranded: zs,
|
|
ZodPipeline: Cr,
|
|
ZodReadonly: ir,
|
|
custom: Us,
|
|
Schema: Y,
|
|
ZodSchema: Y,
|
|
late: rm,
|
|
get ZodFirstPartyTypeKind() {
|
|
return H;
|
|
},
|
|
coerce: Vm,
|
|
any: mm,
|
|
array: gm,
|
|
bigint: om,
|
|
boolean: qs,
|
|
date: sm,
|
|
discriminatedUnion: Em,
|
|
effect: Vo,
|
|
enum: Am,
|
|
function: Nm,
|
|
instanceof: im,
|
|
intersection: km,
|
|
lazy: Mm,
|
|
literal: Fm,
|
|
map: Sm,
|
|
nan: lm,
|
|
nativeEnum: Lm,
|
|
never: hm,
|
|
null: um,
|
|
nullable: Om,
|
|
number: Ws,
|
|
object: vm,
|
|
oboolean: Pm,
|
|
onumber: Bm,
|
|
optional: Zm,
|
|
ostring: Rm,
|
|
pipeline: Im,
|
|
preprocess: _m,
|
|
promise: Tm,
|
|
record: Cm,
|
|
set: xm,
|
|
strictObject: ym,
|
|
string: $s,
|
|
symbol: dm,
|
|
transformer: Vo,
|
|
tuple: wm,
|
|
undefined: cm,
|
|
union: bm,
|
|
unknown: pm,
|
|
void: fm,
|
|
NEVER: Hm,
|
|
ZodIssueCode: x,
|
|
quotelessJson: z2,
|
|
ZodError: Ye,
|
|
}),
|
|
jm = gt.union([
|
|
gt.object({ message: gt.literal("login") }),
|
|
gt.object({ message: gt.literal("grant"), denied: gt.boolean() }),
|
|
gt.object({
|
|
message: gt.literal("createdProject"),
|
|
projectId: gt.string(),
|
|
}),
|
|
]),
|
|
Gs = (e) => {
|
|
let t = Ee(),
|
|
n = Ee();
|
|
return (
|
|
te(() => {
|
|
let r = ({ origin: i, data: l }) => {
|
|
if (i === n.current) {
|
|
let o;
|
|
try {
|
|
o = jm.parse(l);
|
|
} catch {
|
|
return;
|
|
}
|
|
e?.(o);
|
|
}
|
|
};
|
|
return (
|
|
window.addEventListener("message", r),
|
|
() => window.removeEventListener("message", r)
|
|
);
|
|
}, [e]),
|
|
[
|
|
K((r) => {
|
|
if (window.innerWidth > 800 && window.innerHeight > 800) {
|
|
let l = (window.innerWidth - 800) / 2 + window.screenLeft,
|
|
o = `scrollbars=yes,width=800,height=800,top=${(window.innerHeight - 800) / 2 + window.screenTop},left=${l}`;
|
|
((t.current = window.open(r, "chromatic-dialog", o)),
|
|
t.current?.focus());
|
|
} else t.current = window.open(r, "_blank");
|
|
let { origin: i } = new URL(r);
|
|
n.current = i;
|
|
}, []),
|
|
K(() => t.current?.close(), []),
|
|
]
|
|
);
|
|
},
|
|
Dm = k.ol(({ theme: e }) => ({
|
|
display: "inline-flex",
|
|
listStyle: "none",
|
|
marginTop: 15,
|
|
marginBottom: 5,
|
|
padding: 0,
|
|
gap: 5,
|
|
"li:not(:empty)": {
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
border: `1px dashed ${e.input.border}`,
|
|
borderRadius: 4,
|
|
width: 28,
|
|
height: 32,
|
|
},
|
|
})),
|
|
zm = Qe(`
|
|
query VisualTestsProjectCountQuery {
|
|
viewer {
|
|
projectCount
|
|
accounts {
|
|
newProjectUrl
|
|
}
|
|
}
|
|
}
|
|
`),
|
|
Um = ({
|
|
onBack: e,
|
|
hasProjectId: t,
|
|
setAccessToken: n,
|
|
setCreatedProjectId: r,
|
|
exchangeParameters: i,
|
|
}) => {
|
|
let l = sl(),
|
|
o = hs(),
|
|
{ user_code: s, verificationUrl: d } = i,
|
|
c = Ee(),
|
|
u = Ee(),
|
|
m = Ee(),
|
|
p = K(
|
|
async (y) => {
|
|
if (
|
|
(y.message === "login" && u.current?.(d), y.message === "grant")
|
|
)
|
|
try {
|
|
let w = await cc(i);
|
|
if (!w) throw new Error("Failed to fetch an access token");
|
|
c.current = w;
|
|
let b = Ps(w),
|
|
{ data: h } = await l.query(zm, {}, { fetchOptions: b });
|
|
if (!h?.viewer)
|
|
throw new Error("Failed to fetch initial project list");
|
|
if (h.viewer.projectCount > 0 || t)
|
|
(n(c.current), m.current?.());
|
|
else {
|
|
if (!h.viewer.accounts[0])
|
|
throw new Error("User has no accounts!");
|
|
if (!h.viewer.accounts[0].newProjectUrl)
|
|
throw new Error("Unexpected missing project URL");
|
|
u.current?.(h.viewer.accounts[0].newProjectUrl);
|
|
}
|
|
} catch (w) {
|
|
o("Login Error", w);
|
|
}
|
|
y.message === "createdProject" &&
|
|
(c.current
|
|
? (n(c.current), r(`Project:${y.projectId}`), m.current?.())
|
|
: o("Unexpected missing access token", new Error()));
|
|
},
|
|
[d, i, l, t, n, o, r],
|
|
),
|
|
[v, g] = Gs(p);
|
|
return (
|
|
(u.current = v),
|
|
(m.current = g),
|
|
a.createElement(
|
|
pe,
|
|
{ footer: null, ignoreConfig: !0 },
|
|
a.createElement(nl, { onBack: e }),
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Verify your account"),
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"Check this verification code on Chromatic to grant access to your published Storybooks.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
Dm,
|
|
null,
|
|
s
|
|
?.split("")
|
|
.map((y, w) =>
|
|
a.createElement(
|
|
"li",
|
|
{ key: `${w}-${y}` },
|
|
y.replace(/[^A-Z0-9]/, ""),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{ variant: "solid", size: "medium", onClick: () => v(d) },
|
|
"Go to Chromatic",
|
|
),
|
|
),
|
|
),
|
|
)
|
|
);
|
|
},
|
|
Ys = (e) =>
|
|
a.createElement(
|
|
"svg",
|
|
{
|
|
width: "16",
|
|
height: "16",
|
|
viewBox: "0 0 16 16",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
...e,
|
|
},
|
|
a.createElement("path", {
|
|
d: "M5.06982 9.68493L7.99484 4.63927L14.5786 4.62406C14.5252 4.52043 14.4696 4.41742 14.4109 4.31532C12.372 0.768556 7.84405 -0.453864 4.29726 1.58495C3.24614 2.1892 2.39921 3.01211 1.78076 3.96327L5.06982 9.68493Z",
|
|
fill: "#DB4437",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M10.9276 9.68457L5.09539 9.6743L1.79036 3.98022C1.72727 4.07822 1.66591 4.17795 1.60682 4.27985C-0.445348 7.81892 0.759985 12.3515 4.29905 14.4037C5.34791 15.0118 6.48403 15.3338 7.617 15.3939L10.9276 9.68457Z",
|
|
fill: "#0F9D58",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M7.98649 4.61194L10.9032 9.66241L7.63525 15.3778C7.75167 15.3833 7.86871 15.3863 7.98649 15.3863C12.0775 15.3863 15.3939 12.0699 15.3939 7.97893C15.3939 6.76648 15.1025 5.62211 14.5861 4.61194L7.98649 4.61194Z",
|
|
fill: "#FFCD40",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M8.01367 4.6366V6.40005L14.613 4.6366H8.01367Z",
|
|
fill: "url(#paint0_radial_466_21161)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M1.78198 4.00098L6.60102 8.8192L5.09764 9.687L1.78198 4.00098Z",
|
|
fill: "url(#paint1_radial_466_21161)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M7.6626 15.4017L9.42689 8.81921L10.9303 9.68702L7.6626 15.4017Z",
|
|
fill: "url(#paint2_radial_466_21161)",
|
|
}),
|
|
a.createElement("ellipse", {
|
|
cx: "8.01347",
|
|
cy: "8.00358",
|
|
rx: "3.36699",
|
|
ry: "3.36699",
|
|
fill: "#F1F1F1",
|
|
}),
|
|
a.createElement("ellipse", {
|
|
cx: "8.01367",
|
|
cy: "8.00354",
|
|
rx: "2.69361",
|
|
ry: "2.6936",
|
|
fill: "#4285F4",
|
|
}),
|
|
a.createElement(
|
|
"defs",
|
|
null,
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint0_radial_466_21161",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(7.69229 4.63226) scale(7.07721 1.89116)",
|
|
},
|
|
a.createElement("stop", {
|
|
stopColor: "#3E2723",
|
|
stopOpacity: "0.2",
|
|
}),
|
|
a.createElement("stop", {
|
|
offset: "1",
|
|
stopColor: "#3E2723",
|
|
stopOpacity: "0.01",
|
|
}),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint1_radial_466_21161",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(1.77445 4.00677) scale(6.56938 7.75127)",
|
|
},
|
|
a.createElement("stop", {
|
|
stopColor: "#3E2723",
|
|
stopOpacity: "0.2",
|
|
}),
|
|
a.createElement("stop", {
|
|
offset: "1",
|
|
stopColor: "#3E2723",
|
|
stopOpacity: "0.01",
|
|
}),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint2_radial_466_21161",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(8.00025 8.01489) scale(7.39644 14.8995)",
|
|
},
|
|
a.createElement("stop", {
|
|
stopColor: "#263238",
|
|
stopOpacity: "0.2",
|
|
}),
|
|
a.createElement("stop", {
|
|
offset: "1",
|
|
stopColor: "#263238",
|
|
stopOpacity: "0.01",
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
Ks = (e) =>
|
|
a.createElement(
|
|
"svg",
|
|
{
|
|
width: "16",
|
|
height: "16",
|
|
viewBox: "0 0 16 16",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
...e,
|
|
},
|
|
a.createElement("path", {
|
|
d: "M14.9596 5.19849C14.6332 4.41337 13.9721 3.56574 13.453 3.29783C13.8755 4.12612 14.12 4.95699 14.2134 5.57708C14.2134 5.5783 14.2139 5.58133 14.2149 5.58958C13.3657 3.47293 11.9257 2.61943 10.7499 0.761053C10.6905 0.667084 10.631 0.572865 10.573 0.473553C10.5434 0.422834 10.5159 0.371004 10.4903 0.318178C10.4414 0.223861 10.4038 0.124166 10.378 0.0211155C10.3782 0.0162369 10.3765 0.0114673 10.3734 0.00774353C10.3702 0.0040198 10.3658 0.00161108 10.3609 0.000990505C10.3563 -0.000330168 10.3515 -0.000330168 10.3468 0.000990505C10.3458 0.0013655 10.3442 0.00258425 10.3431 0.00302175C10.3414 0.003678 10.3393 0.005178 10.3376 0.00614675C10.3384 0.00502175 10.3402 0.0024905 10.3407 0.00189675C8.45416 1.10677 7.81416 3.15068 7.75535 4.17327C7.00199 4.22506 6.28171 4.50262 5.68841 4.96977C5.62629 4.9173 5.56135 4.86827 5.49388 4.8229C5.3227 4.22402 5.31543 3.59017 5.47282 2.98752C4.70132 3.3388 4.10126 3.89408 3.66501 4.3844H3.66154C3.36382 4.0073 3.38482 2.76337 3.40179 2.50365C3.39822 2.48755 3.17969 2.61708 3.15107 2.63662C2.88835 2.82414 2.64275 3.03454 2.41713 3.26537C2.16039 3.52573 1.92581 3.80705 1.71582 4.1064C1.71582 4.10677 1.7156 4.10721 1.71547 4.10758C1.71547 4.10718 1.71569 4.10677 1.71582 4.1064C1.23289 4.79075 0.890387 5.56404 0.7081 6.38155C0.704506 6.39783 0.701475 6.41471 0.697975 6.43112C0.68385 6.49724 0.632975 6.82799 0.624068 6.89987C0.623381 6.9054 0.623068 6.91071 0.622412 6.91624C0.556638 7.2582 0.515905 7.60451 0.500537 7.9524C0.500537 7.96521 0.499756 7.9779 0.499756 7.99074C0.499881 12.138 3.86238 15.5 8.01001 15.5C11.7245 15.5 14.8088 12.8035 15.4126 9.26152C15.4253 9.1654 15.4355 9.06877 15.4467 8.9718C15.596 7.68399 15.4301 6.3304 14.9596 5.19849ZM6.30351 11.0764C6.33863 11.0932 6.37163 11.1116 6.40769 11.1276C6.40919 11.1287 6.41126 11.1298 6.41279 11.1308C6.37608 11.1132 6.33965 11.0951 6.30351 11.0764ZM14.2155 5.59143L14.2145 5.58415C14.2149 5.5868 14.2153 5.58958 14.2158 5.59224L14.2155 5.59143Z",
|
|
fill: "url(#paint0_linear_466_21172)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M14.9598 5.19851C14.6334 4.41338 13.9723 3.56576 13.4532 3.29785C13.8757 4.12613 14.1202 4.95701 14.2136 5.5771C14.2136 5.57529 14.214 5.5786 14.2148 5.58416C14.2151 5.58682 14.2156 5.5896 14.216 5.59226C14.9246 7.5132 14.5386 9.46657 13.9823 10.6602C13.1217 12.5071 11.0381 14.3999 7.77678 14.3076C4.25319 14.2078 1.149 11.5934 0.569531 8.16904C0.463937 7.62904 0.569531 7.35485 0.622656 6.91641C0.557938 7.25441 0.533281 7.35204 0.500781 7.95257C0.500781 7.96538 0.5 7.97807 0.5 7.99091C0.500063 12.138 3.86256 15.5 8.01019 15.5C11.7247 15.5 14.8089 12.8035 15.4128 9.26154C15.4255 9.16541 15.4357 9.06879 15.4469 8.97182C15.5962 7.68401 15.4303 6.33041 14.9598 5.19851Z",
|
|
fill: "url(#paint1_radial_466_21172)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M14.9598 5.19851C14.6334 4.41338 13.9723 3.56576 13.4532 3.29785C13.8757 4.12613 14.1202 4.95701 14.2136 5.5771C14.2136 5.57529 14.214 5.5786 14.2148 5.58416C14.2151 5.58682 14.2156 5.5896 14.216 5.59226C14.9246 7.5132 14.5386 9.46657 13.9823 10.6602C13.1217 12.5071 11.0381 14.3999 7.77678 14.3076C4.25319 14.2078 1.149 11.5934 0.569531 8.16904C0.463937 7.62904 0.569531 7.35485 0.622656 6.91641C0.557938 7.25441 0.533281 7.35204 0.500781 7.95257C0.500781 7.96538 0.5 7.97807 0.5 7.99091C0.500063 12.138 3.86256 15.5 8.01019 15.5C11.7247 15.5 14.8089 12.8035 15.4128 9.26154C15.4255 9.16541 15.4357 9.06879 15.4469 8.97182C15.5962 7.68401 15.4303 6.33041 14.9598 5.19851Z",
|
|
fill: "url(#paint2_radial_466_21172)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M11.3101 6.08127C11.3265 6.09277 11.3413 6.10421 11.3567 6.11564C11.1683 5.78113 10.9336 5.47487 10.6596 5.20589C8.32502 2.87164 10.0474 0.144581 10.3379 0.00608106C10.3387 0.00495606 10.3405 0.0024248 10.341 0.00183105C8.45443 1.10671 7.81443 3.15061 7.75562 4.17321C7.84312 4.16714 7.93037 4.1598 8.01943 4.1598C9.42727 4.1598 10.6535 4.93386 11.3101 6.08127Z",
|
|
fill: "url(#paint3_radial_466_21172)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M8.02405 6.54735C8.01177 6.73417 7.35173 7.37838 7.12092 7.37838C4.98533 7.37838 4.63867 8.6701 4.63867 8.6701C4.73327 9.75792 5.49058 10.6537 6.40777 11.1277C6.44961 11.1493 6.49195 11.1689 6.53433 11.1882C6.60698 11.2203 6.68054 11.2504 6.75492 11.2784C7.0694 11.3897 7.39881 11.4532 7.73214 11.4668C11.4753 11.6424 12.2005 6.99201 9.49917 5.64157C10.191 5.52126 10.909 5.79948 11.31 6.08117C10.6534 4.93385 9.4272 4.15979 8.01939 4.15979C7.93033 4.15979 7.84311 4.16713 7.75558 4.1732C7.00222 4.22499 6.28194 4.50255 5.68864 4.9697C5.80314 5.06657 5.93239 5.19607 6.2047 5.46432C6.71414 5.96642 8.02127 6.48635 8.02405 6.54735Z",
|
|
fill: "url(#paint4_radial_466_21172)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M8.02405 6.54735C8.01177 6.73417 7.35173 7.37838 7.12092 7.37838C4.98533 7.37838 4.63867 8.6701 4.63867 8.6701C4.73327 9.75792 5.49058 10.6537 6.40777 11.1277C6.44961 11.1493 6.49195 11.1689 6.53433 11.1882C6.60698 11.2203 6.68054 11.2504 6.75492 11.2784C7.0694 11.3897 7.39881 11.4532 7.73214 11.4668C11.4753 11.6424 12.2005 6.99201 9.49917 5.64157C10.191 5.52126 10.909 5.79948 11.31 6.08117C10.6534 4.93385 9.4272 4.15979 8.01939 4.15979C7.93033 4.15979 7.84311 4.16713 7.75558 4.1732C7.00222 4.22499 6.28194 4.50255 5.68864 4.9697C5.80314 5.06657 5.93239 5.19607 6.2047 5.46432C6.71414 5.96642 8.02127 6.48635 8.02405 6.54735Z",
|
|
fill: "url(#paint5_radial_466_21172)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M5.3385 4.71992C5.39081 4.75366 5.4427 4.78804 5.49416 4.82305C5.32298 4.22417 5.31571 3.59032 5.4731 2.98767C4.7016 3.33895 4.10153 3.89423 3.66528 4.38455C3.70138 4.38351 4.79072 4.36392 5.3385 4.71992Z",
|
|
fill: "url(#paint6_radial_466_21172)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M0.569399 8.16902C1.14887 11.5933 4.25305 14.2078 7.77665 14.3076C11.0379 14.3999 13.1216 12.507 13.9821 10.6602C14.5384 9.46646 14.9245 7.51333 14.2159 5.59224L14.2156 5.59142L14.2146 5.58414C14.2138 5.57858 14.2134 5.57527 14.2135 5.57708C14.2135 5.5783 14.214 5.58133 14.215 5.58958C14.4813 7.32899 13.5965 9.01408 12.2134 10.1535L12.2092 10.1632C9.51406 12.3577 6.93502 11.4872 6.41284 11.1309C6.37613 11.1133 6.33967 11.0951 6.30346 11.0765C4.73215 10.3255 4.08302 8.89402 4.22221 7.66633C2.89543 7.66633 2.44302 6.5473 2.44302 6.5473C2.44302 6.5473 3.63424 5.69796 5.20421 6.43664C6.65827 7.1208 8.02384 6.54736 8.02399 6.5473C8.02121 6.4863 6.71409 5.96636 6.20452 5.4643C5.93224 5.19605 5.80296 5.06671 5.68846 4.96967C5.62634 4.91721 5.5614 4.86817 5.49393 4.8228C5.44241 4.78788 5.39052 4.7535 5.33827 4.71967C4.79052 4.36367 3.70115 4.38327 3.66505 4.38421H3.66159C3.36387 4.00711 3.38487 2.76317 3.40184 2.50346C3.39827 2.48736 3.17974 2.61689 3.15112 2.63642C2.8884 2.82395 2.6428 3.03435 2.41718 3.26517C2.16043 3.5256 1.92585 3.80698 1.71587 4.10639C1.71587 4.10677 1.71565 4.10721 1.71552 4.10758C1.71552 4.10717 1.71574 4.10677 1.71587 4.10639C1.23294 4.79075 0.890436 5.56403 0.708149 6.38155C0.704555 6.39783 0.437836 7.56411 0.569399 8.16902Z",
|
|
fill: "url(#paint7_radial_466_21172)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M10.6595 5.2058C10.9335 5.47478 11.1682 5.78104 11.3566 6.11555C11.398 6.14662 11.4366 6.17759 11.4694 6.2078C13.172 7.77655 12.2799 9.9953 12.2134 10.1534C13.5965 9.01405 14.4813 7.32896 14.215 5.58955C13.3657 3.47293 11.9258 2.61943 10.7499 0.761053C10.6905 0.667084 10.631 0.572866 10.573 0.473553C10.5435 0.422834 10.5159 0.371004 10.4903 0.318178C10.4415 0.223861 10.4038 0.124166 10.3781 0.0211155C10.3782 0.0162369 10.3766 0.0114673 10.3734 0.00774353C10.3703 0.0040198 10.3658 0.00161108 10.361 0.000990505C10.3564 -0.000330168 10.3515 -0.000330168 10.3469 0.000990505C10.3458 0.0013655 10.3443 0.00258425 10.3431 0.00302176C10.3415 0.003678 10.3394 0.00517801 10.3376 0.00614676C10.0473 0.144522 8.32493 2.87158 10.6595 5.2058Z",
|
|
fill: "url(#paint8_radial_466_21172)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M11.4694 6.20779C11.4366 6.17757 11.398 6.1466 11.3566 6.11554C11.3413 6.10404 11.3263 6.0926 11.31 6.08117C10.909 5.79948 10.1909 5.52126 9.49912 5.64157C12.2004 6.99201 11.4752 11.6424 7.73209 11.4668C7.39876 11.4532 7.06935 11.3897 6.75487 11.2784C6.6805 11.2504 6.60694 11.2203 6.53428 11.1882C6.4919 11.1689 6.44956 11.1493 6.40771 11.1277C6.40921 11.1287 6.41128 11.1299 6.41281 11.1308C6.935 11.4871 9.51403 12.3576 12.2092 10.1631L12.2133 10.1534C12.2799 9.99542 13.1719 7.77657 11.4694 6.20779Z",
|
|
fill: "url(#paint9_radial_466_21172)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M4.63871 8.67006C4.63871 8.67006 4.98537 7.37834 7.12096 7.37834C7.35183 7.37834 8.01187 6.73412 8.02408 6.54731C8.0363 6.36049 6.65846 7.12081 5.2043 6.43665C3.63433 5.69796 2.44312 6.54731 2.44312 6.54731C2.44312 6.54731 2.89552 7.66634 4.2223 7.66634C4.08315 8.89402 4.73227 10.3257 6.30355 11.0765C6.33868 11.0932 6.37168 11.1116 6.40774 11.1277C5.49062 10.6537 4.7333 9.75787 4.63871 8.67006Z",
|
|
fill: "url(#paint10_radial_466_21172)",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M14.9597 5.19849C14.6333 4.41337 13.9722 3.56574 13.4531 3.29783C13.8756 4.12612 14.1201 4.95699 14.2136 5.57708C14.2136 5.5783 14.214 5.58133 14.215 5.58958C13.3658 3.47293 11.9258 2.61943 10.75 0.761053C10.6906 0.667084 10.6311 0.572865 10.5731 0.473553C10.5436 0.422834 10.516 0.371004 10.4904 0.318178C10.4416 0.223861 10.4039 0.124166 10.3781 0.0211155C10.3783 0.0162369 10.3767 0.0114673 10.3735 0.00774353C10.3703 0.0040198 10.3659 0.00161108 10.3611 0.000990505C10.3565 -0.000330168 10.3516 -0.000330168 10.347 0.000990505C10.3459 0.0013655 10.3443 0.00258425 10.3432 0.00302175C10.3416 0.003678 10.3395 0.005178 10.3377 0.00614675C10.3386 0.00502175 10.3403 0.0024905 10.3408 0.00189675C8.45428 1.10677 7.81428 3.15068 7.75547 4.17327C7.84297 4.16721 7.93022 4.15987 8.01928 4.15987C9.42719 4.15987 10.6534 4.93393 11.3099 6.08124C10.9089 5.79955 10.1908 5.52133 9.49906 5.64165C12.2003 6.99208 11.4752 11.6425 7.73203 11.4669C7.3987 11.4533 7.06929 11.3898 6.75481 11.2784C6.68044 11.2505 6.60688 11.2204 6.53422 11.1882C6.49184 11.1689 6.4495 11.1494 6.40766 11.1278C6.40916 11.1288 6.41122 11.13 6.41275 11.1309C6.37605 11.1132 6.33958 11.0951 6.30337 11.0764C6.3385 11.0932 6.3715 11.1116 6.40756 11.1276C5.49038 10.6536 4.73306 9.75786 4.63847 8.67005C4.63847 8.67005 4.98513 7.37833 7.12072 7.37833C7.35159 7.37833 8.01162 6.73412 8.02384 6.5473C8.02106 6.4863 6.71394 5.96637 6.20437 5.4643C5.93209 5.19605 5.80281 5.06671 5.68831 4.96968C5.62619 4.91721 5.56125 4.86818 5.49378 4.8228C5.3226 4.22393 5.31533 3.59008 5.47272 2.98743C4.70122 3.33871 4.10116 3.89399 3.66491 4.3843H3.66144C3.36372 4.00721 3.38472 2.76327 3.40169 2.50355C3.39812 2.48746 3.17959 2.61699 3.15097 2.63652C2.88825 2.82404 2.64265 3.03445 2.41703 3.26527C2.16036 3.52567 1.92585 3.80702 1.71594 4.1064C1.71594 4.10677 1.71572 4.10721 1.71559 4.10758C1.71559 4.10718 1.71581 4.10677 1.71594 4.1064C1.23301 4.79075 0.890506 5.56404 0.708219 6.38155C0.704625 6.39783 0.701594 6.41471 0.698094 6.43112C0.683969 6.49724 0.620406 6.83277 0.611531 6.90474C0.610844 6.91027 0.612187 6.89924 0.611531 6.90474C0.553567 7.25147 0.516583 7.60137 0.500781 7.95255C0.500781 7.96537 0.5 7.97805 0.5 7.9909C0.5 12.138 3.8625 15.5 8.01012 15.5C11.7247 15.5 14.8089 12.8035 15.4127 9.26152C15.4254 9.1654 15.4356 9.06877 15.4468 8.9718C15.5961 7.68399 15.4302 6.3304 14.9597 5.19849ZM14.2147 5.58415C14.2151 5.5868 14.2155 5.58958 14.2159 5.59224L14.2157 5.59143L14.2147 5.58415Z",
|
|
fill: "url(#paint11_linear_466_21172)",
|
|
}),
|
|
a.createElement(
|
|
"defs",
|
|
null,
|
|
a.createElement(
|
|
"linearGradient",
|
|
{
|
|
id: "paint0_linear_466_21172",
|
|
x1: "13.5874",
|
|
y1: "2.40249",
|
|
x2: "1.52839",
|
|
y2: "14.0351",
|
|
gradientUnits: "userSpaceOnUse",
|
|
},
|
|
a.createElement("stop", { offset: "0.05", stopColor: "#FFF44F" }),
|
|
a.createElement("stop", { offset: "0.37", stopColor: "#FF980E" }),
|
|
a.createElement("stop", { offset: "0.53", stopColor: "#FF3647" }),
|
|
a.createElement("stop", { offset: "0.7", stopColor: "#E31587" }),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint1_radial_466_21172",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(10.8936 1.72781) scale(15.3601 15.6187)",
|
|
},
|
|
a.createElement("stop", { offset: "0.13", stopColor: "#FFBD4F" }),
|
|
a.createElement("stop", { offset: "0.28", stopColor: "#FF980E" }),
|
|
a.createElement("stop", { offset: "0.47", stopColor: "#FF3750" }),
|
|
a.createElement("stop", { offset: "0.78", stopColor: "#EB0878" }),
|
|
a.createElement("stop", { offset: "0.86", stopColor: "#E50080" }),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint2_radial_466_21172",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(6.43979 8.1787) scale(15.7441 15.6187)",
|
|
},
|
|
a.createElement("stop", { offset: "0.3", stopColor: "#960E18" }),
|
|
a.createElement("stop", {
|
|
offset: "0.35",
|
|
stopColor: "#B11927",
|
|
stopOpacity: "0.74",
|
|
}),
|
|
a.createElement("stop", {
|
|
offset: "0.43",
|
|
stopColor: "#DB293D",
|
|
stopOpacity: "0.34",
|
|
}),
|
|
a.createElement("stop", {
|
|
offset: "0.5",
|
|
stopColor: "#F5334B",
|
|
stopOpacity: "0.09",
|
|
}),
|
|
a.createElement("stop", {
|
|
offset: "0.53",
|
|
stopColor: "#FF3750",
|
|
stopOpacity: "0",
|
|
}),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint3_radial_466_21172",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(9.48415 -0.731827) scale(5.04157 8.55934)",
|
|
},
|
|
a.createElement("stop", { offset: "0.13", stopColor: "#FFF44F" }),
|
|
a.createElement("stop", { offset: "0.53", stopColor: "#FF980E" }),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint4_radial_466_21172",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(6.15707 12.2109) scale(6.67134 7.31187)",
|
|
},
|
|
a.createElement("stop", { offset: "0.35", stopColor: "#3A8EE6" }),
|
|
a.createElement("stop", { offset: "0.67", stopColor: "#9059FF" }),
|
|
a.createElement("stop", { offset: "1", stopColor: "#C139E6" }),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint5_radial_466_21172",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(7.29699 6.57271) scale(3.54248 4.314)",
|
|
},
|
|
a.createElement("stop", {
|
|
offset: "0.21",
|
|
stopColor: "#9059FF",
|
|
stopOpacity: "0",
|
|
}),
|
|
a.createElement("stop", {
|
|
offset: "0.97",
|
|
stopColor: "#6E008B",
|
|
stopOpacity: "0.6",
|
|
}),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint6_radial_466_21172",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(7.50592 1.1523) scale(5.30374 5.32259)",
|
|
},
|
|
a.createElement("stop", { offset: "0.1", stopColor: "#FFE226" }),
|
|
a.createElement("stop", { offset: "0.79", stopColor: "#FF7139" }),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint7_radial_466_21172",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(12.3495 -2.33951) scale(25.3212 21.2557)",
|
|
},
|
|
a.createElement("stop", { offset: "0.11", stopColor: "#FFF44F" }),
|
|
a.createElement("stop", { offset: "0.46", stopColor: "#FF980E" }),
|
|
a.createElement("stop", { offset: "0.72", stopColor: "#FF3647" }),
|
|
a.createElement("stop", { offset: "0.9", stopColor: "#E31587" }),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint8_radial_466_21172",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(2.94576 4.67997) rotate(77.3946) scale(8.03354 34.7519)",
|
|
},
|
|
a.createElement("stop", { stopColor: "#FFF44F" }),
|
|
a.createElement("stop", { offset: "0.3", stopColor: "#FF980E" }),
|
|
a.createElement("stop", { offset: "0.57", stopColor: "#FF3647" }),
|
|
a.createElement("stop", { offset: "0.74", stopColor: "#E31587" }),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint9_radial_466_21172",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(7.56027 3.06659) scale(14.5381 14.2827)",
|
|
},
|
|
a.createElement("stop", { offset: "0.14", stopColor: "#FFF44F" }),
|
|
a.createElement("stop", { offset: "0.48", stopColor: "#FF980E" }),
|
|
a.createElement("stop", { offset: "0.66", stopColor: "#FF3647" }),
|
|
a.createElement("stop", { offset: "0.9", stopColor: "#E31587" }),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint10_radial_466_21172",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform:
|
|
"translate(11.3337 3.90193) scale(17.4743 15.6328)",
|
|
},
|
|
a.createElement("stop", { offset: "0.09", stopColor: "#FFF44F" }),
|
|
a.createElement("stop", { offset: "0.63", stopColor: "#FF980E" }),
|
|
),
|
|
a.createElement(
|
|
"linearGradient",
|
|
{
|
|
id: "paint11_linear_466_21172",
|
|
x1: "12.5",
|
|
y1: "2.16999",
|
|
x2: "2.85701",
|
|
y2: "12.7061",
|
|
gradientUnits: "userSpaceOnUse",
|
|
},
|
|
a.createElement("stop", {
|
|
offset: "0.17",
|
|
stopColor: "#FFF44F",
|
|
stopOpacity: "0.8",
|
|
}),
|
|
a.createElement("stop", {
|
|
offset: "0.6",
|
|
stopColor: "#FFF44F",
|
|
stopOpacity: "0",
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
Js = (e) =>
|
|
a.createElement(
|
|
"svg",
|
|
{
|
|
width: "16",
|
|
height: "16",
|
|
viewBox: "0 0 16 16",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
...e,
|
|
},
|
|
a.createElement("circle", {
|
|
cx: "8.00009",
|
|
cy: "7.99997",
|
|
r: "7.7037",
|
|
fill: "url(#paint0_linear_466_21186)",
|
|
}),
|
|
a.createElement("ellipse", {
|
|
cx: "8.00094",
|
|
cy: "8.00094",
|
|
rx: "7.06173",
|
|
ry: "7.06173",
|
|
fill: "url(#paint1_radial_466_21186)",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M8.07134 1.36353C8.03043 1.36353 7.99727 1.39669 7.99727 1.4376V2.56469C7.99727 2.6056 8.03043 2.63877 8.07134 2.63877C8.11225 2.63877 8.14542 2.6056 8.14542 2.56469V1.4376C8.14542 1.39669 8.11225 1.36353 8.07134 1.36353ZM8.07134 14.7792C8.11225 14.7792 8.14542 14.746 8.14542 14.7051V13.578C8.14542 13.5371 8.11225 13.5039 8.07134 13.5039C8.03043 13.5039 7.99727 13.5371 7.99727 13.578V14.7051C7.99727 14.746 8.03043 14.7792 8.07134 14.7792ZM8.64883 1.46214C8.65292 1.42143 8.68923 1.39175 8.72994 1.39584C8.77064 1.39993 8.80032 1.43625 8.79623 1.47695L8.74793 1.95766C8.74384 1.99836 8.70752 2.02804 8.66682 2.02395C8.62612 2.01986 8.59643 1.98355 8.60052 1.94284L8.64883 1.46214ZM7.41372 14.7468C7.45442 14.7509 7.49074 14.7213 7.49483 14.6806L7.54313 14.1998C7.54722 14.1591 7.51754 14.1228 7.47683 14.1187C7.43613 14.1146 7.39982 14.1443 7.39573 14.185L7.34742 14.6657C7.34333 14.7064 7.37301 14.7428 7.41372 14.7468ZM14.7051 7.99727C14.746 7.99727 14.7792 8.03043 14.7792 8.07134C14.7792 8.11225 14.746 8.14542 14.7051 8.14542H13.578C13.5371 8.14542 13.5039 8.11225 13.5039 8.07134C13.5039 8.03043 13.5371 7.99727 13.578 7.99727H14.7051ZM1.36353 8.07134C1.36353 8.11225 1.39669 8.14542 1.4376 8.14542H2.56469C2.6056 8.14542 2.63877 8.11225 2.63877 8.07134C2.63877 8.03043 2.6056 7.99727 2.56469 7.99727H1.4376C1.39669 7.99727 1.36353 8.03043 1.36353 8.07134ZM14.6806 8.64883C14.7213 8.65292 14.7509 8.68923 14.7468 8.72994C14.7428 8.77064 14.7064 8.80032 14.6657 8.79623L14.185 8.74793C14.1443 8.74384 14.1146 8.70752 14.1187 8.66682C14.1228 8.62612 14.1591 8.59643 14.1998 8.60052L14.6806 8.64883ZM1.39584 7.41372C1.39175 7.45442 1.42143 7.49074 1.46214 7.49483L1.94284 7.54313C1.98355 7.54722 2.01986 7.51754 2.02395 7.47683C2.02804 7.43613 1.99836 7.39982 1.95766 7.39573L1.47695 7.34742C1.43625 7.34333 1.39993 7.37301 1.39584 7.41372ZM12.7097 3.3282C12.7387 3.29927 12.7856 3.29927 12.8145 3.3282C12.8434 3.35713 12.8434 3.40403 12.8145 3.43296L12.0175 4.22994C11.9886 4.25887 11.9417 4.25887 11.9127 4.22994C11.8838 4.20101 11.8838 4.15411 11.9127 4.12518L12.7097 3.3282ZM3.3282 12.8145C3.35713 12.8434 3.40403 12.8434 3.43296 12.8145L4.22994 12.0175C4.25887 11.9886 4.25887 11.9417 4.22994 11.9127C4.20101 11.8838 4.15411 11.8838 4.12518 11.9127L3.3282 12.7097C3.29927 12.7387 3.29927 12.7856 3.3282 12.8145ZM13.1523 3.80568C13.1839 3.77973 13.2306 3.78433 13.2566 3.81595C13.2825 3.84757 13.2779 3.89425 13.2463 3.9202L12.8729 4.22664C12.8413 4.2526 12.7946 4.248 12.7686 4.21638C12.7427 4.18475 12.7473 4.13808 12.7789 4.11212L13.1523 3.80568ZM2.88614 12.3267C2.91209 12.3584 2.95876 12.363 2.99039 12.337L3.36378 12.0306C3.3954 12.0046 3.4 11.9579 3.37404 11.9263C3.34809 11.8947 3.30142 11.8901 3.26979 11.916L2.8964 12.2225C2.86478 12.2484 2.86018 12.2951 2.88614 12.3267ZM12.8145 12.7097C12.8434 12.7387 12.8434 12.7856 12.8145 12.8145C12.7856 12.8434 12.7387 12.8434 12.7097 12.8145L11.9127 12.0175C11.8838 11.9886 11.8838 11.9417 11.9127 11.9127C11.9417 11.8838 11.9886 11.8838 12.0175 11.9127L12.8145 12.7097ZM3.3282 3.3282C3.29927 3.35713 3.29927 3.40403 3.3282 3.43296L4.12518 4.22994C4.15411 4.25887 4.20101 4.25887 4.22994 4.22994C4.25887 4.20101 4.25887 4.15411 4.22994 4.12518L3.43296 3.3282C3.40403 3.29927 3.35713 3.29927 3.3282 3.3282ZM12.337 13.1523C12.363 13.1839 12.3584 13.2306 12.3267 13.2566C12.2951 13.2825 12.2484 13.2779 12.2225 13.2463L11.916 12.8729C11.8901 12.8413 11.8947 12.7946 11.9263 12.7686C11.9579 12.7427 12.0046 12.7473 12.0306 12.7789L12.337 13.1523ZM3.81595 2.88614C3.78433 2.91209 3.77973 2.95876 3.80568 2.99039L4.11212 3.36378C4.13808 3.3954 4.18475 3.4 4.21638 3.37404C4.248 3.34809 4.2526 3.30142 4.22664 3.26979L3.9202 2.8964C3.89425 2.86478 3.84757 2.86018 3.81595 2.88614ZM10.5415 1.91422C10.5572 1.87643 10.6005 1.85848 10.6383 1.87413C10.6761 1.88979 10.6941 1.93312 10.6784 1.97092L10.2471 3.01221C10.2314 3.05 10.1881 3.06795 10.1503 3.05229C10.1125 3.03664 10.0946 2.99331 10.1102 2.95551L10.5415 1.91422ZM5.50437 14.2686C5.54216 14.2842 5.58549 14.2663 5.60115 14.2285L6.03247 13.1872C6.04813 13.1494 6.03018 13.1061 5.99238 13.0904C5.95459 13.0747 5.91126 13.0927 5.8956 13.1305L5.46428 14.1718C5.44862 14.2096 5.46657 14.2529 5.50437 14.2686ZM11.1332 2.18598C11.1524 2.1499 11.1973 2.13628 11.2334 2.15557C11.2695 2.17486 11.2831 2.21974 11.2638 2.25582L11.0361 2.68183C11.0168 2.7179 10.9719 2.73152 10.9358 2.71223C10.8998 2.69295 10.8861 2.64806 10.9054 2.61199L11.1332 2.18598ZM4.90931 13.9871C4.94539 14.0064 4.99027 13.9928 5.00955 13.9567L5.23726 13.5307C5.25654 13.4946 5.24293 13.4497 5.20685 13.4305C5.17077 13.4112 5.12589 13.4248 5.1066 13.4609L4.8789 13.8869C4.85961 13.923 4.87323 13.9678 4.90931 13.9871ZM14.2285 10.5415C14.2663 10.5572 14.2842 10.6005 14.2686 10.6383C14.2529 10.6761 14.2096 10.6941 14.1718 10.6784L13.1305 10.2471C13.0927 10.2314 13.0747 10.1881 13.0904 10.1503C13.1061 10.1125 13.1494 10.0946 13.1872 10.1102L14.2285 10.5415ZM1.87412 5.50437C1.85846 5.54216 1.87641 5.58549 1.91421 5.60115L2.95551 6.03247C2.99331 6.04813 3.03664 6.03018 3.05229 5.99238C3.06795 5.95459 3.05 5.91126 3.0122 5.8956L1.9709 5.46428C1.9331 5.44862 1.88977 5.46657 1.87412 5.50437ZM13.9567 11.1332C13.9928 11.1524 14.0064 11.1973 13.9871 11.2334C13.9678 11.2695 13.923 11.2831 13.8869 11.2638L13.4609 11.0361C13.4248 11.0168 13.4112 10.9719 13.4305 10.9358C13.4497 10.8998 13.4946 10.8861 13.5307 10.9054L13.9567 11.1332ZM2.15557 4.90929C2.13628 4.94537 2.1499 4.99025 2.18598 5.00954L2.61199 5.23726C2.64806 5.25654 2.69295 5.24293 2.71223 5.20685C2.73152 5.17077 2.7179 5.12589 2.68183 5.1066L2.25582 4.87888C2.21974 4.8596 2.17486 4.87321 2.15557 4.90929ZM14.1718 5.46428C14.2096 5.44862 14.2529 5.46657 14.2686 5.50437C14.2842 5.54216 14.2663 5.58549 14.2285 5.60115L13.1872 6.03247C13.1494 6.04813 13.1061 6.03018 13.0904 5.99238C13.0747 5.95459 13.0927 5.91126 13.1305 5.8956L14.1718 5.46428ZM1.87413 10.6383C1.88979 10.6761 1.93312 10.6941 1.97092 10.6784L3.01221 10.2471C3.05 10.2314 3.06795 10.1881 3.05229 10.1503C3.03664 10.1125 2.99331 10.0946 2.95551 10.1102L1.91422 10.5415C1.87643 10.5572 1.85848 10.6005 1.87413 10.6383ZM14.3979 6.07477C14.4371 6.0629 14.4785 6.08501 14.4903 6.12416C14.5022 6.1633 14.4801 6.20467 14.441 6.21654L13.9787 6.35677C13.9396 6.36864 13.8982 6.34654 13.8863 6.30739C13.8744 6.26824 13.8965 6.22688 13.9357 6.215L14.3979 6.07477ZM1.65237 10.0185C1.66425 10.0577 1.70561 10.0798 1.74476 10.0679L2.20699 9.92769C2.24614 9.91581 2.26825 9.87445 2.25637 9.8353C2.2445 9.79615 2.20313 9.77404 2.16399 9.78592L1.70175 9.92615C1.6626 9.93802 1.64049 9.97939 1.65237 10.0185ZM10.6383 14.2686C10.6005 14.2842 10.5572 14.2663 10.5415 14.2285L10.1102 13.1872C10.0946 13.1494 10.1125 13.1061 10.1503 13.0904C10.1881 13.0747 10.2314 13.0927 10.2471 13.1305L10.6784 14.1718C10.6941 14.2096 10.6761 14.2529 10.6383 14.2686ZM5.50437 1.87413C5.46657 1.88979 5.44862 1.93312 5.46428 1.97092L5.8956 3.01221C5.91126 3.05 5.95459 3.06795 5.99238 3.05229C6.03018 3.03664 6.04813 2.99331 6.03247 2.95551L5.60115 1.91422C5.58549 1.87643 5.54216 1.85848 5.50437 1.87413ZM10.0679 14.3979C10.0798 14.4371 10.0577 14.4785 10.0185 14.4903C9.97939 14.5022 9.93802 14.4801 9.92615 14.441L9.78592 13.9787C9.77404 13.9396 9.79615 13.8982 9.8353 13.8863C9.87445 13.8744 9.91581 13.8965 9.92769 13.9357L10.0679 14.3979ZM6.12417 1.65237C6.08502 1.66424 6.06291 1.70561 6.07479 1.74475L6.215 2.20699C6.22688 2.24614 6.26824 2.26825 6.30739 2.25637C6.34654 2.2445 6.36864 2.20314 6.35677 2.16399L6.21656 1.70175C6.20468 1.6626 6.16332 1.64049 6.12417 1.65237ZM9.29287 1.55062C9.30085 1.5105 9.33985 1.48444 9.37997 1.49242C9.4201 1.5004 9.44615 1.5394 9.43817 1.57952L9.21829 2.68496C9.21031 2.72508 9.17131 2.75114 9.13119 2.74316C9.09107 2.73518 9.06501 2.69618 9.07299 2.65606L9.29287 1.55062ZM6.76272 14.6503C6.80284 14.6583 6.84184 14.6322 6.84982 14.5921L7.0697 13.4866C7.07768 13.4465 7.05162 13.4075 7.0115 13.3995C6.97137 13.3916 6.93238 13.4176 6.9244 13.4577L6.70452 14.5632C6.69654 14.6033 6.72259 14.6423 6.76272 14.6503ZM9.92615 1.70175C9.93802 1.6626 9.97939 1.64049 10.0185 1.65237C10.0577 1.66425 10.0798 1.70561 10.0679 1.74476L9.92769 2.20699C9.91581 2.24614 9.87445 2.26825 9.8353 2.25637C9.79615 2.2445 9.77404 2.20313 9.78592 2.16399L9.92615 1.70175ZM6.12417 14.4903C6.16332 14.5022 6.20469 14.4801 6.21656 14.441L6.35677 13.9787C6.36864 13.9396 6.34653 13.8982 6.30739 13.8863C6.26824 13.8744 6.22687 13.8965 6.215 13.9357L6.07479 14.398C6.06291 14.4371 6.08502 14.4785 6.12417 14.4903ZM14.5921 9.29287C14.6322 9.30085 14.6583 9.33985 14.6503 9.37997C14.6423 9.4201 14.6033 9.44615 14.5632 9.43817L13.4577 9.21829C13.4176 9.21031 13.3916 9.17131 13.3995 9.13119C13.4075 9.09107 13.4465 9.06501 13.4866 9.07299L14.5921 9.29287ZM1.49242 6.76272C1.48444 6.80284 1.5105 6.84184 1.55062 6.84982L2.65606 7.0697C2.69618 7.07768 2.73518 7.05162 2.74316 7.0115C2.75114 6.97137 2.72508 6.93238 2.68496 6.9244L1.57952 6.70452C1.5394 6.69654 1.5004 6.72259 1.49242 6.76272ZM14.441 9.92615C14.4801 9.93802 14.5022 9.97939 14.4903 10.0185C14.4785 10.0577 14.4371 10.0798 14.3979 10.0679L13.9357 9.92769C13.8965 9.91581 13.8744 9.87445 13.8863 9.8353C13.8982 9.79615 13.9396 9.77404 13.9787 9.78592L14.441 9.92615ZM1.65237 6.12415C1.64049 6.1633 1.6626 6.20467 1.70175 6.21654L2.16399 6.35677C2.20313 6.36864 2.2445 6.34654 2.25637 6.30739C2.26825 6.26824 2.24614 6.22688 2.20699 6.215L1.74476 6.07477C1.70561 6.0629 1.66425 6.08501 1.65237 6.12415ZM13.5459 4.32424C13.58 4.30151 13.626 4.31066 13.6487 4.34468C13.6714 4.37869 13.6623 4.42469 13.6282 4.44742L12.6911 5.0736C12.6571 5.09633 12.6111 5.08718 12.5884 5.05317C12.5656 5.01915 12.5748 4.97315 12.6088 4.95042L13.5459 4.32424ZM2.494 11.798C2.51673 11.832 2.56273 11.8412 2.59675 11.8184L3.53389 11.1923C3.56791 11.1695 3.57706 11.1235 3.55433 11.0895C3.5316 11.0555 3.4856 11.0464 3.45159 11.0691L2.51444 11.6953C2.48043 11.718 2.47128 11.764 2.494 11.798ZM13.8869 4.87888C13.923 4.8596 13.9678 4.87321 13.9871 4.90929C14.0064 4.94537 13.9928 4.99025 13.9567 5.00954L13.5307 5.23726C13.4946 5.25654 13.4497 5.24293 13.4305 5.20685C13.4112 5.17077 13.4248 5.12589 13.4609 5.1066L13.8869 4.87888ZM2.15557 11.2334C2.17486 11.2695 2.21974 11.2831 2.25582 11.2638L2.68183 11.0361C2.7179 11.0168 2.73152 10.9719 2.71223 10.9358C2.69295 10.8998 2.64806 10.8861 2.61199 10.9054L2.18598 11.1332C2.1499 11.1524 2.13628 11.1973 2.15557 11.2334ZM11.8184 13.5459C11.8412 13.58 11.832 13.626 11.798 13.6487C11.764 13.6714 11.718 13.6623 11.6953 13.6282L11.0691 12.6911C11.0464 12.6571 11.0555 12.6111 11.0895 12.5884C11.1235 12.5656 11.1695 12.5748 11.1923 12.6088L11.8184 13.5459ZM4.34468 2.494C4.31066 2.51673 4.30151 2.56273 4.32424 2.59675L4.95042 3.53389C4.97315 3.56791 5.01915 3.57706 5.05317 3.55433C5.08718 3.5316 5.09633 3.4856 5.0736 3.45159L4.44742 2.51444C4.42469 2.48043 4.37869 2.47128 4.34468 2.494ZM11.2638 13.8869C11.2831 13.923 11.2695 13.9678 11.2334 13.9871C11.1973 14.0064 11.1524 13.9928 11.1331 13.9567L10.9054 13.5307C10.8861 13.4946 10.8998 13.4497 10.9358 13.4305C10.9719 13.4112 11.0168 13.4248 11.0361 13.4609L11.2638 13.8869ZM4.90931 2.15557C4.87323 2.17485 4.85961 2.21974 4.8789 2.25581L5.1066 2.68182C5.12589 2.7179 5.17077 2.73152 5.20685 2.71223C5.24293 2.69295 5.25654 2.64807 5.23726 2.61199L5.00955 2.18598C4.99027 2.1499 4.94539 2.13628 4.90931 2.15557ZM11.6953 2.51444C11.718 2.48043 11.764 2.47128 11.798 2.494C11.832 2.51673 11.8412 2.56273 11.8184 2.59675L11.1923 3.53389C11.1695 3.56791 11.1235 3.57706 11.0895 3.55433C11.0555 3.5316 11.0464 3.4856 11.0691 3.45159L11.6953 2.51444ZM4.34468 13.6487C4.37869 13.6714 4.42469 13.6623 4.44742 13.6282L5.0736 12.6911C5.09633 12.6571 5.08718 12.6111 5.05317 12.5884C5.01915 12.5656 4.97315 12.5748 4.95042 12.6088L4.32424 13.5459C4.30151 13.58 4.31066 13.626 4.34468 13.6487ZM12.2225 2.8964C12.2484 2.86478 12.2951 2.86018 12.3267 2.88614C12.3584 2.91209 12.363 2.95876 12.337 2.99039L12.0306 3.36378C12.0046 3.3954 11.9579 3.4 11.9263 3.37404C11.8947 3.34809 11.8901 3.30142 11.916 3.26979L12.2225 2.8964ZM3.81595 13.2566C3.84757 13.2825 3.89425 13.2779 3.9202 13.2463L4.22664 12.8729C4.2526 12.8413 4.248 12.7946 4.21638 12.7686C4.18475 12.7427 4.13808 12.7473 4.11212 12.7789L3.80568 13.1523C3.77973 13.1839 3.78433 13.2306 3.81595 13.2566ZM13.6282 11.6953C13.6623 11.718 13.6714 11.764 13.6487 11.798C13.626 11.832 13.58 11.8412 13.5459 11.8184L12.6088 11.1923C12.5748 11.1695 12.5656 11.1235 12.5884 11.0895C12.6111 11.0555 12.6571 11.0464 12.6911 11.0691L13.6282 11.6953ZM2.494 4.34468C2.47128 4.37869 2.48043 4.42469 2.51444 4.44742L3.45159 5.0736C3.4856 5.09633 3.5316 5.08718 3.55433 5.05317C3.57706 5.01915 3.56791 4.97315 3.53389 4.95042L2.59675 4.32424C2.56273 4.30151 2.51673 4.31066 2.494 4.34468ZM13.2463 12.2225C13.2779 12.2484 13.2825 12.2951 13.2566 12.3267C13.2306 12.3584 13.1839 12.363 13.1523 12.337L12.7789 12.0306C12.7473 12.0046 12.7427 11.9579 12.7686 11.9263C12.7946 11.8947 12.8413 11.8901 12.8729 11.916L13.2463 12.2225ZM2.88614 3.81595C2.86018 3.84757 2.86478 3.89425 2.8964 3.9202L3.26979 4.22664C3.30142 4.2526 3.34809 4.248 3.37404 4.21638C3.4 4.18475 3.3954 4.13808 3.36378 4.11212L2.99039 3.80568C2.95876 3.77973 2.91209 3.78433 2.88614 3.81595ZM14.5632 6.70452C14.6033 6.69654 14.6423 6.72259 14.6503 6.76272C14.6583 6.80284 14.6322 6.84184 14.5921 6.84982L13.4866 7.0697C13.4465 7.07768 13.4075 7.05162 13.3995 7.0115C13.3916 6.97137 13.4176 6.93238 13.4577 6.9244L14.5632 6.70452ZM1.49242 9.37997C1.5004 9.4201 1.5394 9.44615 1.57952 9.43817L2.68496 9.21829C2.72508 9.21031 2.75114 9.17131 2.74316 9.13119C2.73518 9.09107 2.69618 9.06501 2.65606 9.07299L1.55062 9.29287C1.5105 9.30085 1.48444 9.33985 1.49242 9.37997ZM14.6657 7.34742C14.7064 7.34333 14.7428 7.37301 14.7468 7.41372C14.7509 7.45442 14.7213 7.49074 14.6806 7.49483L14.1998 7.54313C14.1591 7.54722 14.1228 7.51754 14.1187 7.47683C14.1146 7.43613 14.1443 7.39982 14.185 7.39573L14.6657 7.34742ZM1.39584 8.72994C1.39993 8.77064 1.43625 8.80032 1.47695 8.79623L1.95766 8.74793C1.99836 8.74384 2.02804 8.70752 2.02395 8.66682C2.01986 8.62612 1.98355 8.59643 1.94284 8.60052L1.46214 8.64883C1.42143 8.65292 1.39175 8.68923 1.39584 8.72994ZM9.43817 14.5632C9.44615 14.6033 9.4201 14.6423 9.37997 14.6503C9.33985 14.6583 9.30085 14.6322 9.29287 14.5921L9.07299 13.4866C9.06501 13.4465 9.09107 13.4075 9.13119 13.3995C9.17131 13.3916 9.21031 13.4176 9.21829 13.4577L9.43817 14.5632ZM6.76272 1.49242C6.72259 1.5004 6.69654 1.5394 6.70452 1.57952L6.9244 2.68496C6.93238 2.72508 6.97137 2.75114 7.0115 2.74316C7.05162 2.73518 7.07768 2.69618 7.0697 2.65606L6.84982 1.55062C6.84184 1.5105 6.80284 1.48444 6.76272 1.49242ZM8.79623 14.6657C8.80032 14.7064 8.77064 14.7428 8.72994 14.7468C8.68923 14.7509 8.65292 14.7213 8.64883 14.6806L8.60052 14.1998C8.59643 14.1591 8.62612 14.1228 8.66682 14.1187C8.70752 14.1146 8.74384 14.1443 8.74793 14.185L8.79623 14.6657ZM7.41372 1.39584C7.37301 1.39993 7.34333 1.43625 7.34742 1.47695L7.39573 1.95766C7.39982 1.99836 7.43613 2.02804 7.47683 2.02395C7.51754 2.01986 7.54722 1.98355 7.54313 1.94284L7.49483 1.46214C7.49074 1.42143 7.45442 1.39175 7.41372 1.39584Z",
|
|
fill: "#DDDDDD",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M3.14941 12.8505L7.29562 7.28674L7.99989 7.99218L3.14941 12.8505Z",
|
|
fill: "#DDDDDD",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M7.28662 7.29574L12.8504 3.14954L7.99204 8.00002L7.28662 7.29574Z",
|
|
fill: "#EE4444",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M12.8505 3.14954L8.70427 8.71332L8 8.00789L12.8505 3.14954Z",
|
|
fill: "#CC0000",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M3.14941 12.8505L8.7132 8.70427L8.00777 8L3.14941 12.8505Z",
|
|
fill: "#AAAAAA",
|
|
}),
|
|
a.createElement(
|
|
"defs",
|
|
null,
|
|
a.createElement(
|
|
"linearGradient",
|
|
{
|
|
id: "paint0_linear_466_21186",
|
|
x1: "0.300303",
|
|
y1: "0.300951",
|
|
x2: "0.300303",
|
|
y2: "15.7084",
|
|
gradientUnits: "userSpaceOnUse",
|
|
},
|
|
a.createElement("stop", { stopColor: "#F8F8F8" }),
|
|
a.createElement("stop", { offset: "1", stopColor: "#CCCCCC" }),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint1_radial_466_21186",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform: "translate(8.00216 8.0046) scale(7.06173)",
|
|
},
|
|
a.createElement("stop", { stopColor: "#00F0FF" }),
|
|
a.createElement("stop", { offset: "1", stopColor: "#0070E0" }),
|
|
),
|
|
),
|
|
),
|
|
$m = k(le)(({ theme: e }) => ({
|
|
fontSize: e.typography.size.s3,
|
|
"@container (min-width: 800px)": { fontSize: e.typography.size.m1 },
|
|
})),
|
|
Wm = k(de)({
|
|
alignItems: "flex-start",
|
|
justifyContent: "flex-start",
|
|
padding: "30px 30px 0 30px",
|
|
gap: 30,
|
|
"@container (min-width: 800px)": {
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
flexDirection: "row-reverse",
|
|
padding: "20px 40px",
|
|
gap: 40,
|
|
},
|
|
}),
|
|
qm = k.div({
|
|
display: "flex",
|
|
gap: 8,
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
height: 40,
|
|
}),
|
|
Gm = k.div({ display: "flex", gap: 8 }),
|
|
Ym = k.div({ display: "flex", flexDirection: "column", gap: 8 }),
|
|
Km = k.div(({ theme: e }) => ({
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
maxWidth: 400,
|
|
overflow: "hidden",
|
|
backgroundColor: "white",
|
|
outline: `1px solid ${e.appBorderColor}`,
|
|
borderRadius: 8,
|
|
video: { margin: 4, width: "calc(100% - 8px)", aspectRatio: "400/220" },
|
|
})),
|
|
Jm = k.div({
|
|
display: "flex",
|
|
flexDirection: "row",
|
|
gap: 8,
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
borderTop: "1px solid rgba(38, 85, 115, 0.15)",
|
|
padding: "8px 15px 8px 10px",
|
|
color: "#5C6870",
|
|
fontSize: "13px",
|
|
pointerEvents: "none",
|
|
"& > div": { display: "flex", gap: 8 },
|
|
span: {
|
|
display: "inline-flex",
|
|
alignItems: "center",
|
|
gap: 5,
|
|
padding: "0 5px",
|
|
},
|
|
}),
|
|
Qm = ({ onNext: e, onUninstall: t }) =>
|
|
a.createElement(
|
|
pe,
|
|
{ footer: null, ignoreConfig: !0, interstitial: !0 },
|
|
a.createElement(
|
|
Wm,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
{ alignItems: "start", textAlign: "left" },
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement($m, null, "Visual tests in Storybook"),
|
|
a.createElement(
|
|
j,
|
|
{ muted: !0 },
|
|
"Pinpoint visual bugs across browsers, viewports, and themes using Chromatic.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
Ym,
|
|
null,
|
|
a.createElement(
|
|
Gm,
|
|
null,
|
|
a.createElement(
|
|
re,
|
|
{ variant: "solid", size: "medium", onClick: e },
|
|
"Get started for free",
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{ asChild: !0, variant: "outline", size: "medium" },
|
|
a.createElement(
|
|
"a",
|
|
{
|
|
href: "https://www.chromatic.com/storybook",
|
|
target: "_blank",
|
|
},
|
|
"See all the features",
|
|
),
|
|
),
|
|
),
|
|
a.createElement(
|
|
j,
|
|
{ muted: !0, small: !0 },
|
|
"No credit card required",
|
|
),
|
|
),
|
|
),
|
|
a.createElement(
|
|
Km,
|
|
null,
|
|
a.createElement(
|
|
"video",
|
|
{ autoPlay: !0, muted: !0, loop: !0 },
|
|
a.createElement("source", {
|
|
src: "./addon-visual-tests-assets/visual-test-illustration.mp4",
|
|
type: "video/mp4",
|
|
}),
|
|
),
|
|
a.createElement(
|
|
Jm,
|
|
{ "aria-hidden": !0 },
|
|
a.createElement("span", null, "Testing 97/248 stories..."),
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
"Light mode",
|
|
a.createElement(Xi, { size: 10 }),
|
|
),
|
|
a.createElement(Ys, { alt: "" }),
|
|
a.createElement(Js, { alt: "" }),
|
|
a.createElement(Ks, { alt: "" }),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
a.createElement(
|
|
qm,
|
|
null,
|
|
a.createElement(j, { muted: !0 }, "Not interested?"),
|
|
a.createElement(Ne, { onClick: () => t() }, "Uninstall this addon"),
|
|
),
|
|
),
|
|
Xm = ({ setAccessToken: e, setCreatedProjectId: t, hasProjectId: n }) => {
|
|
let [r, i] = Be("authenticationScreen", n ? "signin" : "welcome"),
|
|
[l, o] = Be("exchangeParameters"),
|
|
s = hs(),
|
|
{ uninstallAddon: d } = gs(),
|
|
{ setSubdomain: c } = qi();
|
|
Ve("Authentication", r.charAt(0).toUpperCase() + r.slice(1));
|
|
let u = K(
|
|
async (m) => {
|
|
try {
|
|
(c(m ?? "www"), o(await dc(m)), i("verify"));
|
|
} catch (p) {
|
|
s("Sign in Error", p);
|
|
}
|
|
},
|
|
[s, o, i, c],
|
|
);
|
|
if (r === "welcome" && !n)
|
|
return a.createElement(Qm, {
|
|
onNext: () => i("signin"),
|
|
onUninstall: d,
|
|
});
|
|
if (r === "signin" || (r === "welcome" && n))
|
|
return a.createElement(wu, {
|
|
...(n ? {} : { onBack: () => i("welcome") }),
|
|
onSignIn: u,
|
|
onSignInWithSSO: () => i("subdomain"),
|
|
});
|
|
if (r === "subdomain")
|
|
return a.createElement(Eu, {
|
|
onBack: () => i("signin"),
|
|
onSignIn: u,
|
|
});
|
|
if (r === "verify") {
|
|
if (!l)
|
|
throw new Error(
|
|
"Expected to have a `exchangeParameters` if at `verify` step",
|
|
);
|
|
return a.createElement(Um, {
|
|
onBack: () => i("signin"),
|
|
hasProjectId: n,
|
|
setAccessToken: e,
|
|
setCreatedProjectId: t,
|
|
exchangeParameters: l,
|
|
});
|
|
}
|
|
return null;
|
|
},
|
|
e4 = (e) =>
|
|
a.createElement(
|
|
"svg",
|
|
{
|
|
width: "14",
|
|
height: "14",
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
...e,
|
|
},
|
|
a.createElement("path", {
|
|
fill: "currentColor",
|
|
d: "M13.85 3.35a.5.5 0 0 0-.7-.7L5 10.79.85 6.65a.5.5 0 1 0-.7.7l4.5 4.5c.2.2.5.2.7 0l8.5-8.5Z",
|
|
}),
|
|
),
|
|
t4 = (e) =>
|
|
a.createElement(
|
|
"svg",
|
|
{
|
|
width: "14",
|
|
height: "14",
|
|
viewBox: "0 0 14 14",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
...e,
|
|
},
|
|
a.createElement("path", {
|
|
fill: "currentColor",
|
|
d: "m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z",
|
|
}),
|
|
),
|
|
n4 = Ct`
|
|
0% {
|
|
transform: translate(0, 0);
|
|
}
|
|
4.41177% {
|
|
transform: translate(3px, 0);
|
|
}
|
|
8.82353% {
|
|
transform: translate(0, 0);
|
|
}
|
|
13.23529% {
|
|
transform: translate(3px, 0);
|
|
}
|
|
17.64706% {
|
|
transform: translate(0, 0);
|
|
}
|
|
22.05882% {
|
|
transform: translate(3px, 0);
|
|
}
|
|
26.47059% {
|
|
transform: translate(0, 0);
|
|
}
|
|
100% {
|
|
transform: translate(0, 0);
|
|
}
|
|
`,
|
|
Yr = k(e4)(({ theme: e }) => ({
|
|
background:
|
|
e.base === "dark"
|
|
? `color-mix(in srgb, ${e.color.positive}, transparent 50%)`
|
|
: e.color.positive,
|
|
color: "white",
|
|
width: 20,
|
|
height: 20,
|
|
padding: 4,
|
|
borderRadius: "50%",
|
|
})),
|
|
Kr = k(t4)(({ theme: e }) => ({
|
|
background: e.background.hoverable,
|
|
color: e.color.secondary,
|
|
width: 20,
|
|
height: 20,
|
|
padding: 4,
|
|
borderRadius: "50%",
|
|
animation: `${n4} 3.72s ease infinite`,
|
|
transformOrigin: "50% 50%",
|
|
})),
|
|
a4 = k.ul({
|
|
textAlign: "left",
|
|
listStyleType: "none",
|
|
margin: 0,
|
|
padding: 0,
|
|
li: { display: "flex", gap: 10, padding: 10, lineHeight: "20px" },
|
|
}),
|
|
Jr = k.div({
|
|
width: "100%",
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
gap: 8,
|
|
}),
|
|
Na = k.pre(({ theme: e }) => ({
|
|
margin: 0,
|
|
padding: "10px 12px",
|
|
fontSize: "12px",
|
|
background: e.background.content,
|
|
border: `1px solid ${e.appBorderColor}`,
|
|
borderRadius: 4,
|
|
})),
|
|
r4 = ({ gitInfoError: e }) => {
|
|
let t = e?.message.includes("git init"),
|
|
n = t || e?.message.includes("one commit"),
|
|
r = e?.message.includes("user.email");
|
|
return (
|
|
Ve("Errors", t ? "GitNotFound" : "GitError"),
|
|
a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
r
|
|
? a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Configure your Git email"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"Chromatic requires Git to be configured with an email address to connect local builds to CI builds and link builds to user accounts.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"Run this command to set an email address:",
|
|
),
|
|
a.createElement(
|
|
Na,
|
|
null,
|
|
'git config user.email "you@example.com"',
|
|
),
|
|
a.createElement(
|
|
j,
|
|
{ muted: !0, small: !0 },
|
|
a.createElement(
|
|
Ne,
|
|
{
|
|
target: "_blank",
|
|
href: "https://www.chromatic.com/docs/privacy-policy/",
|
|
withArrow: !0,
|
|
secondary: !0,
|
|
},
|
|
"Privacy policy",
|
|
),
|
|
),
|
|
)
|
|
: a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Set up a Git repository"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"Chromatic requires Git to associate test results with commits and branches. Run these steps to get started:",
|
|
),
|
|
),
|
|
a.createElement(
|
|
a4,
|
|
null,
|
|
a.createElement(
|
|
"li",
|
|
null,
|
|
t
|
|
? a.createElement(Kr, null)
|
|
: a.createElement(Yr, null),
|
|
a.createElement(
|
|
Jr,
|
|
null,
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
"Initialize a Git repository",
|
|
),
|
|
t && a.createElement(Na, null, "git init"),
|
|
),
|
|
),
|
|
a.createElement(
|
|
"li",
|
|
null,
|
|
n
|
|
? a.createElement(Kr, null)
|
|
: a.createElement(Yr, null),
|
|
a.createElement(
|
|
Jr,
|
|
null,
|
|
a.createElement("span", null, "Stage all files"),
|
|
n && a.createElement(Na, null, "git add ."),
|
|
),
|
|
),
|
|
a.createElement(
|
|
"li",
|
|
null,
|
|
n
|
|
? a.createElement(Kr, null)
|
|
: a.createElement(Yr, null),
|
|
a.createElement(
|
|
Jr,
|
|
null,
|
|
a.createElement("span", null, "Commit the changes"),
|
|
n &&
|
|
a.createElement(
|
|
Na,
|
|
null,
|
|
'git commit -m "Initial commit"',
|
|
),
|
|
),
|
|
),
|
|
),
|
|
a.createElement(
|
|
Ne,
|
|
{
|
|
target: "_blank",
|
|
href: "https://www.chromatic.com/docs/visual-tests-addon#git-addon",
|
|
withArrow: !0,
|
|
secondary: !0,
|
|
},
|
|
"Visual tests requirements",
|
|
),
|
|
),
|
|
),
|
|
)
|
|
);
|
|
},
|
|
i4 = k(Ji)(({ theme: e }) => ({
|
|
width: 40,
|
|
height: 40,
|
|
padding: 10,
|
|
background: e.color.positive,
|
|
borderRadius: "100%",
|
|
color: "white",
|
|
})),
|
|
l4 = k(Ne)(() => ({ marginTop: 5 })),
|
|
o4 = Qe(`
|
|
query ProjectQuery($projectId: ID!) {
|
|
project(id: $projectId) {
|
|
id
|
|
name
|
|
webUrl
|
|
lastBuild {
|
|
branch
|
|
number
|
|
}
|
|
}
|
|
}
|
|
`),
|
|
s4 = ({ projectId: e, configFile: t, goToNext: n }) => {
|
|
Ve("LinkProject", "LinkedProject");
|
|
let [{ data: r, fetching: i, error: l }] = dl({
|
|
query: o4,
|
|
variables: { projectId: e },
|
|
});
|
|
return a.createElement(
|
|
pe,
|
|
{
|
|
footer: a.createElement(
|
|
br,
|
|
null,
|
|
a.createElement(
|
|
Ue,
|
|
null,
|
|
r?.project?.lastBuild &&
|
|
a.createElement(
|
|
j,
|
|
{ style: { marginLeft: 5 } },
|
|
"Last build: ",
|
|
r.project.lastBuild.number,
|
|
" on branch",
|
|
" ",
|
|
r.project.lastBuild.branch,
|
|
),
|
|
),
|
|
a.createElement(Ue, { push: !0 }, a.createElement(yr, null)),
|
|
),
|
|
},
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
i && a.createElement("p", null, "Loading..."),
|
|
l && a.createElement("p", null, l.message),
|
|
r?.project &&
|
|
a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement(i4, null),
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Project linked!"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0, style: { maxWidth: 500 } },
|
|
"The ",
|
|
a.createElement(Te, null, "projectId"),
|
|
" for ",
|
|
a.createElement("strong", null, r.project.name),
|
|
" was added in",
|
|
" ",
|
|
a.createElement(Te, null, t),
|
|
" to sync tests with Chromatic. Please commit this change to continue using this addon.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
bt,
|
|
null,
|
|
a.createElement(
|
|
re,
|
|
{ variant: "solid", size: "medium", onClick: () => n() },
|
|
"Catch a UI change",
|
|
),
|
|
a.createElement(
|
|
l4,
|
|
{
|
|
href: "https://www.chromatic.com/docs/cli",
|
|
target: "_blank",
|
|
withArrow: !0,
|
|
secondary: !0,
|
|
},
|
|
"What's a project ID?",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
};
|
|
function d4(e) {
|
|
for (var t = [], n = 1; n < arguments.length; n++)
|
|
t[n - 1] = arguments[n];
|
|
var r = Array.from(typeof e == "string" ? [e] : e);
|
|
r[r.length - 1] = r[r.length - 1].replace(/\r?\n([\t ]*)$/, "");
|
|
var i = r.reduce(function (s, d) {
|
|
var c = d.match(/\n([\t ]+|(?!\s).)/g);
|
|
return c
|
|
? s.concat(
|
|
c.map(function (u) {
|
|
var m, p;
|
|
return (p =
|
|
(m = u.match(/[\t ]/g)) === null || m === void 0
|
|
? void 0
|
|
: m.length) !== null && p !== void 0
|
|
? p
|
|
: 0;
|
|
}),
|
|
)
|
|
: s;
|
|
}, []);
|
|
if (i.length) {
|
|
var l = new RegExp(
|
|
`
|
|
[ ]{` +
|
|
Math.min.apply(Math, i) +
|
|
"}",
|
|
"g",
|
|
);
|
|
r = r.map(function (s) {
|
|
return s.replace(
|
|
l,
|
|
`
|
|
`,
|
|
);
|
|
});
|
|
}
|
|
r[0] = r[0].replace(/^\r?\n/, "");
|
|
var o = r[0];
|
|
return (
|
|
t.forEach(function (s, d) {
|
|
var c = o.match(/(?:^|\n)( *)$/),
|
|
u = c ? c[1] : "",
|
|
m = s;
|
|
(typeof s == "string" &&
|
|
s.includes(`
|
|
`) &&
|
|
(m = String(s)
|
|
.split(
|
|
`
|
|
`,
|
|
)
|
|
.map(function (p, v) {
|
|
return v === 0 ? p : "" + u + p;
|
|
}).join(`
|
|
`)),
|
|
(o += m + r[d + 1]));
|
|
}),
|
|
o
|
|
);
|
|
}
|
|
var c4 = k.div(({ theme: e }) => ({
|
|
"&& > *": { margin: 0 },
|
|
"&& pre": {
|
|
color: e.base === "light" ? e.color.darker : e.color.lighter,
|
|
background: e.base === "light" ? e.color.lightest : e.color.darkest,
|
|
fontSize: "12px",
|
|
lineHeight: "16px",
|
|
textAlign: "left",
|
|
padding: "15px !important",
|
|
},
|
|
})),
|
|
u4 = "https://www.chromatic.com/docs/visual-tests-addon/#configure";
|
|
function m4({ projectId: e, configFile: t }) {
|
|
return (
|
|
Ve("LinkProject", "LinkingProjectFailed"),
|
|
a.createElement(
|
|
pe,
|
|
null,
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(
|
|
le,
|
|
null,
|
|
"Add the project ID to your Chromatic config",
|
|
),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"The ",
|
|
a.createElement(Te, null, "projectId"),
|
|
" will be used to sync tests with Chromatic. Please commit this change to continue using the addon. The file should be saved at",
|
|
" ",
|
|
a.createElement(Te, null, t),
|
|
".",
|
|
),
|
|
),
|
|
a.createElement(
|
|
c4,
|
|
null,
|
|
a.createElement(
|
|
Te,
|
|
null,
|
|
d4`
|
|
{
|
|
"projectId": "${e}",
|
|
}
|
|
`,
|
|
),
|
|
),
|
|
a.createElement(
|
|
Ne,
|
|
{ secondary: !0, withArrow: !0, target: "_blank", href: u4 },
|
|
"What's this for?",
|
|
),
|
|
),
|
|
),
|
|
)
|
|
);
|
|
}
|
|
var p4 = Qe(`
|
|
query SelectProjectsQuery {
|
|
viewer {
|
|
accounts {
|
|
id
|
|
name
|
|
avatarUrl
|
|
newProjectUrl
|
|
projects {
|
|
id
|
|
name
|
|
webUrl
|
|
lastBuild {
|
|
branch
|
|
number
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`),
|
|
h4 = ({
|
|
createdProjectId: e,
|
|
setCreatedProjectId: t,
|
|
onUpdateProject: n,
|
|
}) => {
|
|
let r = a.useCallback(
|
|
async (i) => {
|
|
await n(i);
|
|
},
|
|
[n],
|
|
);
|
|
return a.createElement(v4, {
|
|
createdProjectId: e,
|
|
setCreatedProjectId: t,
|
|
onSelectProjectId: r,
|
|
});
|
|
},
|
|
Ma = k.div(({ theme: e }) => ({
|
|
fontSize: `${e.typography.size.s1 - 1}px`,
|
|
fontWeight: e.typography.weight.bold,
|
|
color: e.base === "light" ? e.color.dark : e.color.light,
|
|
backgroundColor: "inherit",
|
|
padding: "7px 15px",
|
|
borderBottom: `1px solid ${e.appBorderColor}`,
|
|
lineHeight: "18px",
|
|
letterSpacing: "0.38em",
|
|
textTransform: "uppercase",
|
|
})),
|
|
Ho = k.div({}),
|
|
jo = k.div(({ theme: e }) => ({
|
|
background: e.base === "light" ? e.color.lighter : e.color.darker,
|
|
})),
|
|
Do = k.div(({ theme: e }) => ({
|
|
background: e.base === "light" ? e.color.lightest : e.color.darkest,
|
|
borderRadius: 5,
|
|
border: `1px solid ${e.appBorderColor}`,
|
|
height: 260,
|
|
maxWidth: 420,
|
|
minWidth: 260,
|
|
width: "100%",
|
|
overflow: "hidden",
|
|
textAlign: "left",
|
|
position: "relative",
|
|
display: "flex",
|
|
"> *": {
|
|
flex: 1,
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
width: "50%",
|
|
},
|
|
})),
|
|
Fa = k.div({ height: "100%", overflowY: "auto" }),
|
|
f4 = k(ne)({ width: "100%" }),
|
|
g4 = k(O5)({ marginRight: 10 });
|
|
function v4({
|
|
createdProjectId: e,
|
|
setCreatedProjectId: t,
|
|
onSelectProjectId: n,
|
|
}) {
|
|
let [{ data: r, fetching: i, error: l }, o] = dl({ query: p4 });
|
|
te(() => {
|
|
let h = setInterval(o, 5e3);
|
|
return () => clearInterval(h);
|
|
}, [o]);
|
|
let [s, d] = Be("selectedAccountId"),
|
|
c = r?.viewer?.accounts.find((h) => h.id === s),
|
|
u = K((h) => d(h.id), [d]);
|
|
te(() => {
|
|
!s && r?.viewer?.accounts && u(r.viewer.accounts[0]);
|
|
}, [r, s, u]);
|
|
let [m, p] = Be("isSelectingProject", !1),
|
|
v = K(
|
|
(h) => {
|
|
(p(!0), n(h.id));
|
|
let f = setTimeout(() => {
|
|
p(!1);
|
|
}, 1e3);
|
|
return () => clearTimeout(f);
|
|
},
|
|
[n, p],
|
|
),
|
|
g = K(
|
|
async (h) => {
|
|
h.message === "createdProject" && (o(), t(h.projectId));
|
|
},
|
|
[o, t],
|
|
),
|
|
[y, w] = Gs(g),
|
|
b = e && c?.projects?.find((h) => h?.id.endsWith(e));
|
|
return (
|
|
te(() => {
|
|
b && (w(), v(b));
|
|
}, [b, v, w]),
|
|
Ve("LinkProject", "LinkProject"),
|
|
a.createElement(
|
|
pe,
|
|
null,
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
f4,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Select a project"),
|
|
a.createElement(
|
|
j,
|
|
{ muted: !0 },
|
|
"Your tests will sync with this project.",
|
|
),
|
|
),
|
|
l && a.createElement("p", null, l.message),
|
|
!r &&
|
|
i &&
|
|
a.createElement(
|
|
Do,
|
|
null,
|
|
a.createElement(
|
|
Ho,
|
|
null,
|
|
a.createElement(Ma, null, "Accounts"),
|
|
a.createElement(
|
|
Fa,
|
|
null,
|
|
a.createElement(qe, {
|
|
appearance: "secondary",
|
|
isLoading: !0,
|
|
}),
|
|
a.createElement(qe, {
|
|
appearance: "secondary",
|
|
isLoading: !0,
|
|
}),
|
|
a.createElement(qe, {
|
|
appearance: "secondary",
|
|
isLoading: !0,
|
|
}),
|
|
a.createElement(qe, {
|
|
appearance: "secondary",
|
|
isLoading: !0,
|
|
}),
|
|
a.createElement(qe, {
|
|
appearance: "secondary",
|
|
isLoading: !0,
|
|
}),
|
|
),
|
|
),
|
|
a.createElement(
|
|
jo,
|
|
null,
|
|
a.createElement(Ma, null, "Projects"),
|
|
a.createElement(
|
|
Fa,
|
|
{ "data-testid": "right-list" },
|
|
a.createElement(qe, {
|
|
appearance: "secondary",
|
|
isLoading: !0,
|
|
}),
|
|
a.createElement(qe, {
|
|
appearance: "secondary",
|
|
isLoading: !0,
|
|
}),
|
|
a.createElement(qe, {
|
|
appearance: "secondary",
|
|
isLoading: !0,
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
r?.viewer?.accounts &&
|
|
a.createElement(
|
|
Do,
|
|
null,
|
|
a.createElement(
|
|
Ho,
|
|
null,
|
|
a.createElement(Ma, null, "Accounts"),
|
|
a.createElement(
|
|
Fa,
|
|
{ "data-testid": "left-list" },
|
|
r.viewer.accounts?.map((h) =>
|
|
a.createElement(qe, {
|
|
key: h.id,
|
|
title: h.name,
|
|
appearance: "secondary",
|
|
left: a.createElement(g4, {
|
|
src: h.avatarUrl ?? void 0,
|
|
size: "tiny",
|
|
}),
|
|
onClick: () => u(h),
|
|
active: s === h.id,
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
a.createElement(
|
|
jo,
|
|
null,
|
|
a.createElement(Ma, null, "Projects"),
|
|
a.createElement(
|
|
Fa,
|
|
{ "data-testid": "right-list" },
|
|
c &&
|
|
a.createElement(qe, {
|
|
isLink: !1,
|
|
onClick: () => {
|
|
if (!c?.newProjectUrl)
|
|
throw new Error(
|
|
"Unexpected missing `newProjectUrl` on account",
|
|
);
|
|
y(c.newProjectUrl);
|
|
},
|
|
title: a.createElement(
|
|
Ne,
|
|
{ isButton: !0, withArrow: !0 },
|
|
"Create new project",
|
|
),
|
|
}),
|
|
c?.projects?.map(
|
|
(h) =>
|
|
h &&
|
|
a.createElement(qe, {
|
|
appearance: "secondary",
|
|
key: h.id,
|
|
title: h.name,
|
|
right: a.createElement(Ec, {
|
|
"aria-label": h.name,
|
|
}),
|
|
onClick: () => v(h),
|
|
disabled: m,
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
)
|
|
);
|
|
}
|
|
var y4 = () =>
|
|
a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Visual tests"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"Visual tests only runs locally. To test this Storybook, clone it to your machine and run ",
|
|
a.createElement(Te, null, "npx storybook dev"),
|
|
".",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
b4 = ({ offline: e = !1 }) =>
|
|
a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Can't connect to Chromatic"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
e
|
|
? "You're offline. Double check your internet connection."
|
|
: "We're having trouble connecting to the Chromatic API.",
|
|
),
|
|
),
|
|
!e &&
|
|
a.createElement(
|
|
Ne,
|
|
{
|
|
href: "https://status.chromatic.com",
|
|
target: "_blank",
|
|
rel: "noreferrer",
|
|
withArrow: !0,
|
|
},
|
|
"Chromatic API status",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
E4 = () => (
|
|
Ve("Uninstalled", "uninstalled"),
|
|
a.createElement(
|
|
pe,
|
|
{ footer: !1 },
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Uninstall complete"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"Visual tests will vanish the next time you restart your Storybook.",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
)
|
|
),
|
|
Qs = { isRunning: !1, startBuild: () => {}, stopBuild: () => {} },
|
|
Xs = He(Qs),
|
|
sa = () => ht(Xs, "RunBuild"),
|
|
k4 = ({ children: e, watchState: t = Qs }) =>
|
|
a.createElement(Xs.Provider, { value: t }, e),
|
|
_i = {
|
|
PENDING: "status-value:warning",
|
|
FAILED: "status-value:error",
|
|
DENIED: "status-value:error",
|
|
BROKEN: "status-value:error",
|
|
IN_PROGRESS: "status-value:pending",
|
|
ACCEPTED: "status-value:success",
|
|
PASSED: "status-value:success",
|
|
},
|
|
Qr = [
|
|
"status-value:unknown",
|
|
"status-value:pending",
|
|
"status-value:success",
|
|
"status-value:warning",
|
|
"status-value:error",
|
|
];
|
|
function w4(e, t) {
|
|
return Qr[Math.max(Qr.indexOf(e), Qr.indexOf(t))];
|
|
}
|
|
function C4(e) {
|
|
let t = {};
|
|
return (
|
|
e?.forEach((n) => {
|
|
if (!n.story || !n.status) return;
|
|
let r = t[n.story.storyId];
|
|
if (!r) {
|
|
t[n.story.storyId] = _i[n.status];
|
|
return;
|
|
}
|
|
t[n.story.storyId] = w4(r, _i[n.status]);
|
|
}),
|
|
Object.entries(t).map(([n, r]) => ({
|
|
value: r,
|
|
typeId: U,
|
|
storyId: n,
|
|
title: "Visual tests",
|
|
description: "Chromatic Visual Tests",
|
|
}))
|
|
);
|
|
}
|
|
function S4(
|
|
e,
|
|
{
|
|
shouldSwitchToLastBuildOnBranch: t,
|
|
lastBuildOnBranchId: n,
|
|
storyId: r,
|
|
},
|
|
) {
|
|
if (!t) return e ? { ...e, storyId: r } : void 0;
|
|
if (!n) throw new Error("Impossible state");
|
|
return { buildId: n, storyId: r };
|
|
}
|
|
var zo = {
|
|
EXCEEDED_THRESHOLD: {
|
|
heading: "Snapshot limit reached",
|
|
message:
|
|
"Your account has reached its monthly snapshot limit. Visual testing is disabled. Upgrade your plan to increase your quota.",
|
|
action: "Upgrade plan",
|
|
},
|
|
PAYMENT_REQUIRED: {
|
|
heading: "Payment required",
|
|
message:
|
|
"Your subscription payment is past due. Review or replace your payment method to continue using Chromatic.",
|
|
action: "Review billing details",
|
|
},
|
|
OTHER: {
|
|
heading: "Account suspended",
|
|
message:
|
|
"Your account has been suspended. Contact customer support for details.",
|
|
action: "Billing details",
|
|
},
|
|
},
|
|
e0 = ({ children: e, billingUrl: t, suspensionReason: n = "OTHER" }) => {
|
|
Ve("Errors", "AccountSuspended");
|
|
let { heading: r, message: i, action: l } = zo[n] || zo.OTHER;
|
|
return a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, r),
|
|
a.createElement(j, { center: !0, muted: !0 }, i),
|
|
),
|
|
t &&
|
|
a.createElement(
|
|
re,
|
|
{ asChild: !0, size: "medium", variant: "solid" },
|
|
a.createElement("a", { href: t, target: "_new" }, l),
|
|
),
|
|
e,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
x4 = ({ children: e, manageUrl: t }) => (
|
|
Ve("Errors", "VisualTestsDisabled"),
|
|
a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(
|
|
le,
|
|
null,
|
|
"Visual tests disabled for your project",
|
|
),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"Update your project settings to enable visual testing.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{ asChild: !0, size: "medium", variant: "solid" },
|
|
a.createElement(
|
|
"a",
|
|
{ href: t, target: "_new" },
|
|
"Manage project settings",
|
|
),
|
|
),
|
|
e,
|
|
),
|
|
),
|
|
)
|
|
);
|
|
function t0(e) {
|
|
return (t) => typeof t === e;
|
|
}
|
|
var N4 = t0("function"),
|
|
M4 = (e) => e === null,
|
|
Uo = (e) => Object.prototype.toString.call(e).slice(8, -1) === "RegExp",
|
|
$o = (e) => !F4(e) && !M4(e) && (N4(e) || typeof e == "object"),
|
|
F4 = t0("undefined");
|
|
function A4(e, t) {
|
|
let { length: n } = e;
|
|
if (n !== t.length) return !1;
|
|
for (let r = n; r-- !== 0; ) if (!Me(e[r], t[r])) return !1;
|
|
return !0;
|
|
}
|
|
function L4(e, t) {
|
|
if (e.byteLength !== t.byteLength) return !1;
|
|
let n = new DataView(e.buffer),
|
|
r = new DataView(t.buffer),
|
|
i = e.byteLength;
|
|
for (; i--; ) if (n.getUint8(i) !== r.getUint8(i)) return !1;
|
|
return !0;
|
|
}
|
|
function T4(e, t) {
|
|
if (e.size !== t.size) return !1;
|
|
for (let n of e.entries()) if (!t.has(n[0])) return !1;
|
|
for (let n of e.entries()) if (!Me(n[1], t.get(n[0]))) return !1;
|
|
return !0;
|
|
}
|
|
function Z4(e, t) {
|
|
if (e.size !== t.size) return !1;
|
|
for (let n of e.entries()) if (!t.has(n[0])) return !1;
|
|
return !0;
|
|
}
|
|
function Me(e, t) {
|
|
if (e === t) return !0;
|
|
if (e && $o(e) && t && $o(t)) {
|
|
if (e.constructor !== t.constructor) return !1;
|
|
if (Array.isArray(e) && Array.isArray(t)) return A4(e, t);
|
|
if (e instanceof Map && t instanceof Map) return T4(e, t);
|
|
if (e instanceof Set && t instanceof Set) return Z4(e, t);
|
|
if (ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) return L4(e, t);
|
|
if (Uo(e) && Uo(t)) return e.source === t.source && e.flags === t.flags;
|
|
if (e.valueOf !== Object.prototype.valueOf)
|
|
return e.valueOf() === t.valueOf();
|
|
if (e.toString !== Object.prototype.toString)
|
|
return e.toString() === t.toString();
|
|
let n = Object.keys(e),
|
|
r = Object.keys(t);
|
|
if (n.length !== r.length) return !1;
|
|
for (let i = n.length; i-- !== 0; )
|
|
if (!Object.prototype.hasOwnProperty.call(t, n[i])) return !1;
|
|
for (let i = n.length; i-- !== 0; ) {
|
|
let l = n[i];
|
|
if (!(l === "_owner" && e.$$typeof) && !Me(e[l], t[l])) return !1;
|
|
}
|
|
return !0;
|
|
}
|
|
return Number.isNaN(e) && Number.isNaN(t) ? !0 : e === t;
|
|
}
|
|
var O4 = [
|
|
"Array",
|
|
"ArrayBuffer",
|
|
"AsyncFunction",
|
|
"AsyncGenerator",
|
|
"AsyncGeneratorFunction",
|
|
"Date",
|
|
"Error",
|
|
"Function",
|
|
"Generator",
|
|
"GeneratorFunction",
|
|
"HTMLElement",
|
|
"Map",
|
|
"Object",
|
|
"Promise",
|
|
"RegExp",
|
|
"Set",
|
|
"WeakMap",
|
|
"WeakSet",
|
|
],
|
|
_4 = [
|
|
"bigint",
|
|
"boolean",
|
|
"null",
|
|
"number",
|
|
"string",
|
|
"symbol",
|
|
"undefined",
|
|
];
|
|
function Sr(e) {
|
|
let t = Object.prototype.toString.call(e).slice(8, -1);
|
|
if (/HTML\w+Element/.test(t)) return "HTMLElement";
|
|
if (I4(t)) return t;
|
|
}
|
|
function Xe(e) {
|
|
return (t) => Sr(t) === e;
|
|
}
|
|
function I4(e) {
|
|
return O4.includes(e);
|
|
}
|
|
function yn(e) {
|
|
return (t) => typeof t === e;
|
|
}
|
|
function R4(e) {
|
|
return _4.includes(e);
|
|
}
|
|
var B4 = ["innerHTML", "ownerDocument", "style", "attributes", "nodeValue"];
|
|
function A(e) {
|
|
if (e === null) return "null";
|
|
switch (typeof e) {
|
|
case "bigint":
|
|
return "bigint";
|
|
case "boolean":
|
|
return "boolean";
|
|
case "number":
|
|
return "number";
|
|
case "string":
|
|
return "string";
|
|
case "symbol":
|
|
return "symbol";
|
|
case "undefined":
|
|
return "undefined";
|
|
}
|
|
return A.array(e)
|
|
? "Array"
|
|
: A.plainFunction(e)
|
|
? "Function"
|
|
: Sr(e) || "Object";
|
|
}
|
|
A.array = Array.isArray;
|
|
A.arrayOf = (e, t) =>
|
|
!A.array(e) && !A.function(t) ? !1 : e.every((n) => t(n));
|
|
A.asyncGeneratorFunction = (e) => Sr(e) === "AsyncGeneratorFunction";
|
|
A.asyncFunction = Xe("AsyncFunction");
|
|
A.bigint = yn("bigint");
|
|
A.boolean = (e) => e === !0 || e === !1;
|
|
A.date = Xe("Date");
|
|
A.defined = (e) => !A.undefined(e);
|
|
A.domElement = (e) =>
|
|
A.object(e) &&
|
|
!A.plainObject(e) &&
|
|
e.nodeType === 1 &&
|
|
A.string(e.nodeName) &&
|
|
B4.every((t) => t in e);
|
|
A.empty = (e) =>
|
|
(A.string(e) && e.length === 0) ||
|
|
(A.array(e) && e.length === 0) ||
|
|
(A.object(e) && !A.map(e) && !A.set(e) && Object.keys(e).length === 0) ||
|
|
(A.set(e) && e.size === 0) ||
|
|
(A.map(e) && e.size === 0);
|
|
A.error = Xe("Error");
|
|
A.function = yn("function");
|
|
A.generator = (e) =>
|
|
A.iterable(e) && A.function(e.next) && A.function(e.throw);
|
|
A.generatorFunction = Xe("GeneratorFunction");
|
|
A.instanceOf = (e, t) =>
|
|
!e || !t ? !1 : Object.getPrototypeOf(e) === t.prototype;
|
|
A.iterable = (e) => !A.nullOrUndefined(e) && A.function(e[Symbol.iterator]);
|
|
A.map = Xe("Map");
|
|
A.nan = (e) => Number.isNaN(e);
|
|
A.null = (e) => e === null;
|
|
A.nullOrUndefined = (e) => A.null(e) || A.undefined(e);
|
|
A.number = (e) => yn("number")(e) && !A.nan(e);
|
|
A.numericString = (e) =>
|
|
A.string(e) && e.length > 0 && !Number.isNaN(Number(e));
|
|
A.object = (e) =>
|
|
!A.nullOrUndefined(e) && (A.function(e) || typeof e == "object");
|
|
A.oneOf = (e, t) => (A.array(e) ? e.indexOf(t) > -1 : !1);
|
|
A.plainFunction = Xe("Function");
|
|
A.plainObject = (e) => {
|
|
if (Sr(e) !== "Object") return !1;
|
|
let t = Object.getPrototypeOf(e);
|
|
return t === null || t === Object.getPrototypeOf({});
|
|
};
|
|
A.primitive = (e) => A.null(e) || R4(typeof e);
|
|
A.promise = Xe("Promise");
|
|
A.propertyOf = (e, t, n) => {
|
|
if (!A.object(e) || !t) return !1;
|
|
let r = e[t];
|
|
return A.function(n) ? n(r) : A.defined(r);
|
|
};
|
|
A.regexp = Xe("RegExp");
|
|
A.set = Xe("Set");
|
|
A.string = yn("string");
|
|
A.symbol = yn("symbol");
|
|
A.undefined = yn("undefined");
|
|
A.weakMap = Xe("WeakMap");
|
|
A.weakSet = Xe("WeakSet");
|
|
var O = A;
|
|
function P4(...e) {
|
|
return e.every((t) => O.string(t) || O.array(t) || O.plainObject(t));
|
|
}
|
|
function V4(e, t, n) {
|
|
return n0(e, t)
|
|
? [e, t].every(O.array)
|
|
? !e.some(Ko(n)) && t.some(Ko(n))
|
|
: [e, t].every(O.plainObject)
|
|
? !Object.entries(e).some(Yo(n)) && Object.entries(t).some(Yo(n))
|
|
: t === n
|
|
: !1;
|
|
}
|
|
function Wo(e, t, n) {
|
|
let { actual: r, key: i, previous: l, type: o } = n,
|
|
s = ot(e, i),
|
|
d = ot(t, i),
|
|
c = [s, d].every(O.number) && (o === "increased" ? s < d : s > d);
|
|
return (
|
|
O.undefined(r) || (c = c && d === r),
|
|
O.undefined(l) || (c = c && s === l),
|
|
c
|
|
);
|
|
}
|
|
function qo(e, t, n) {
|
|
let { key: r, type: i, value: l } = n,
|
|
o = ot(e, r),
|
|
s = ot(t, r),
|
|
d = i === "added" ? o : s,
|
|
c = i === "added" ? s : o;
|
|
if (!O.nullOrUndefined(l)) {
|
|
if (O.defined(d)) {
|
|
if (O.array(d) || O.plainObject(d)) return V4(d, c, l);
|
|
} else return Me(c, l);
|
|
return !1;
|
|
}
|
|
return [o, s].every(O.array)
|
|
? !c.every(ul(d))
|
|
: [o, s].every(O.plainObject)
|
|
? H4(Object.keys(d), Object.keys(c))
|
|
: ![o, s].every((u) => O.primitive(u) && O.defined(u)) &&
|
|
(i === "added"
|
|
? !O.defined(o) && O.defined(s)
|
|
: O.defined(o) && !O.defined(s));
|
|
}
|
|
function Go(e, t, { key: n } = {}) {
|
|
let r = ot(e, n),
|
|
i = ot(t, n);
|
|
if (!n0(r, i)) throw new TypeError("Inputs have different types");
|
|
if (!P4(r, i)) throw new TypeError("Inputs don't have length");
|
|
return (
|
|
[r, i].every(O.plainObject) &&
|
|
((r = Object.keys(r)), (i = Object.keys(i))),
|
|
[r, i]
|
|
);
|
|
}
|
|
function Yo(e) {
|
|
return ([t, n]) =>
|
|
O.array(e)
|
|
? Me(e, n) || e.some((r) => Me(r, n) || (O.array(n) && ul(n)(r)))
|
|
: O.plainObject(e) && e[t]
|
|
? !!e[t] && Me(e[t], n)
|
|
: Me(e, n);
|
|
}
|
|
function H4(e, t) {
|
|
return t.some((n) => !e.includes(n));
|
|
}
|
|
function Ko(e) {
|
|
return (t) =>
|
|
O.array(e)
|
|
? e.some((n) => Me(n, t) || (O.array(t) && ul(t)(n)))
|
|
: Me(e, t);
|
|
}
|
|
function An(e, t) {
|
|
return O.array(e) ? e.some((n) => Me(n, t)) : Me(e, t);
|
|
}
|
|
function ul(e) {
|
|
return (t) => e.some((n) => Me(n, t));
|
|
}
|
|
function n0(...e) {
|
|
return (
|
|
e.every(O.array) ||
|
|
e.every(O.number) ||
|
|
e.every(O.plainObject) ||
|
|
e.every(O.string)
|
|
);
|
|
}
|
|
function ot(e, t) {
|
|
return O.plainObject(e) || O.array(e)
|
|
? O.string(t)
|
|
? t.split(".").reduce((n, r) => n && n[r], e)
|
|
: O.number(t)
|
|
? e[t]
|
|
: e
|
|
: e;
|
|
}
|
|
function lr(e, t) {
|
|
if ([e, t].some(O.nullOrUndefined))
|
|
throw new Error("Missing required parameters");
|
|
if (![e, t].every((n) => O.plainObject(n) || O.array(n)))
|
|
throw new Error("Expected plain objects or array");
|
|
return {
|
|
added: (n, r) => {
|
|
try {
|
|
return qo(e, t, { key: n, type: "added", value: r });
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
changed: (n, r, i) => {
|
|
try {
|
|
let l = ot(e, n),
|
|
o = ot(t, n),
|
|
s = O.defined(r),
|
|
d = O.defined(i);
|
|
if (s || d) {
|
|
let c = d ? An(i, l) : !An(r, l),
|
|
u = An(r, o);
|
|
return c && u;
|
|
}
|
|
return [l, o].every(O.array) || [l, o].every(O.plainObject)
|
|
? !Me(l, o)
|
|
: l !== o;
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
changedFrom: (n, r, i) => {
|
|
if (!O.defined(n)) return !1;
|
|
try {
|
|
let l = ot(e, n),
|
|
o = ot(t, n),
|
|
s = O.defined(i);
|
|
return An(r, l) && (s ? An(i, o) : !s);
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
decreased: (n, r, i) => {
|
|
if (!O.defined(n)) return !1;
|
|
try {
|
|
return Wo(e, t, {
|
|
key: n,
|
|
actual: r,
|
|
previous: i,
|
|
type: "decreased",
|
|
});
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
emptied: (n) => {
|
|
try {
|
|
let [r, i] = Go(e, t, { key: n });
|
|
return !!r.length && !i.length;
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
filled: (n) => {
|
|
try {
|
|
let [r, i] = Go(e, t, { key: n });
|
|
return !r.length && !!i.length;
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
increased: (n, r, i) => {
|
|
if (!O.defined(n)) return !1;
|
|
try {
|
|
return Wo(e, t, {
|
|
key: n,
|
|
actual: r,
|
|
previous: i,
|
|
type: "increased",
|
|
});
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
removed: (n, r) => {
|
|
try {
|
|
return qo(e, t, { key: n, type: "removed", value: r });
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
};
|
|
}
|
|
var j4 = pt(_d(), 1),
|
|
a0 = pt(Id(), 1);
|
|
function D4(e, ...t) {
|
|
if (!O.plainObject(e)) throw new TypeError("Expected an object");
|
|
let n = {};
|
|
for (let r in e)
|
|
({}).hasOwnProperty.call(e, r) && (t.includes(r) || (n[r] = e[r]));
|
|
return n;
|
|
}
|
|
function z4(e, ...t) {
|
|
if (!O.plainObject(e)) throw new TypeError("Expected an object");
|
|
if (!t.length) return e;
|
|
let n = {};
|
|
for (let r in e)
|
|
({}).hasOwnProperty.call(e, r) && t.includes(r) && (n[r] = e[r]);
|
|
return n;
|
|
}
|
|
var Aa = pt($i(), 1),
|
|
Xr = pt($i(), 1),
|
|
N = pt(Pd()),
|
|
da =
|
|
typeof window < "u" && typeof document < "u" && typeof navigator < "u",
|
|
U4 = (function () {
|
|
for (
|
|
var e = ["Edge", "Trident", "Firefox"], t = 0;
|
|
t < e.length;
|
|
t += 1
|
|
)
|
|
if (da && navigator.userAgent.indexOf(e[t]) >= 0) return 1;
|
|
return 0;
|
|
})();
|
|
function $4(e) {
|
|
var t = !1;
|
|
return function () {
|
|
t ||
|
|
((t = !0),
|
|
window.Promise.resolve().then(function () {
|
|
((t = !1), e());
|
|
}));
|
|
};
|
|
}
|
|
function W4(e) {
|
|
var t = !1;
|
|
return function () {
|
|
t ||
|
|
((t = !0),
|
|
setTimeout(function () {
|
|
((t = !1), e());
|
|
}, U4));
|
|
};
|
|
}
|
|
var q4 = da && window.Promise,
|
|
G4 = q4 ? $4 : W4;
|
|
function r0(e) {
|
|
var t = {};
|
|
return e && t.toString.call(e) === "[object Function]";
|
|
}
|
|
function $t(e, t) {
|
|
if (e.nodeType !== 1) return [];
|
|
var n = e.ownerDocument.defaultView,
|
|
r = n.getComputedStyle(e, null);
|
|
return t ? r[t] : r;
|
|
}
|
|
function ml(e) {
|
|
return e.nodeName === "HTML" ? e : e.parentNode || e.host;
|
|
}
|
|
function ca(e) {
|
|
if (!e) return document.body;
|
|
switch (e.nodeName) {
|
|
case "HTML":
|
|
case "BODY":
|
|
return e.ownerDocument.body;
|
|
case "#document":
|
|
return e.body;
|
|
}
|
|
var t = $t(e),
|
|
n = t.overflow,
|
|
r = t.overflowX,
|
|
i = t.overflowY;
|
|
return /(auto|scroll|overlay)/.test(n + i + r) ? e : ca(ml(e));
|
|
}
|
|
function i0(e) {
|
|
return e && e.referenceNode ? e.referenceNode : e;
|
|
}
|
|
var Jo = da && !!(window.MSInputMethodContext && document.documentMode),
|
|
Qo = da && /MSIE 10/.test(navigator.userAgent);
|
|
function bn(e) {
|
|
return e === 11 ? Jo : e === 10 ? Qo : Jo || Qo;
|
|
}
|
|
function hn(e) {
|
|
if (!e) return document.documentElement;
|
|
for (
|
|
var t = bn(10) ? document.body : null, n = e.offsetParent || null;
|
|
n === t && e.nextElementSibling;
|
|
)
|
|
n = (e = e.nextElementSibling).offsetParent;
|
|
var r = n && n.nodeName;
|
|
return !r || r === "BODY" || r === "HTML"
|
|
? e
|
|
? e.ownerDocument.documentElement
|
|
: document.documentElement
|
|
: ["TH", "TD", "TABLE"].indexOf(n.nodeName) !== -1 &&
|
|
$t(n, "position") === "static"
|
|
? hn(n)
|
|
: n;
|
|
}
|
|
function Y4(e) {
|
|
var t = e.nodeName;
|
|
return t === "BODY" ? !1 : t === "HTML" || hn(e.firstElementChild) === e;
|
|
}
|
|
function Ii(e) {
|
|
return e.parentNode !== null ? Ii(e.parentNode) : e;
|
|
}
|
|
function or(e, t) {
|
|
if (!e || !e.nodeType || !t || !t.nodeType)
|
|
return document.documentElement;
|
|
var n = e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING,
|
|
r = n ? e : t,
|
|
i = n ? t : e,
|
|
l = document.createRange();
|
|
(l.setStart(r, 0), l.setEnd(i, 0));
|
|
var o = l.commonAncestorContainer;
|
|
if ((e !== o && t !== o) || r.contains(i)) return Y4(o) ? o : hn(o);
|
|
var s = Ii(e);
|
|
return s.host ? or(s.host, t) : or(e, Ii(t).host);
|
|
}
|
|
function fn(e) {
|
|
var t =
|
|
arguments.length > 1 && arguments[1] !== void 0
|
|
? arguments[1]
|
|
: "top",
|
|
n = t === "top" ? "scrollTop" : "scrollLeft",
|
|
r = e.nodeName;
|
|
if (r === "BODY" || r === "HTML") {
|
|
var i = e.ownerDocument.documentElement,
|
|
l = e.ownerDocument.scrollingElement || i;
|
|
return l[n];
|
|
}
|
|
return e[n];
|
|
}
|
|
function K4(e, t) {
|
|
var n =
|
|
arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1,
|
|
r = fn(t, "top"),
|
|
i = fn(t, "left"),
|
|
l = n ? -1 : 1;
|
|
return (
|
|
(e.top += r * l),
|
|
(e.bottom += r * l),
|
|
(e.left += i * l),
|
|
(e.right += i * l),
|
|
e
|
|
);
|
|
}
|
|
function Xo(e, t) {
|
|
var n = t === "x" ? "Left" : "Top",
|
|
r = n === "Left" ? "Right" : "Bottom";
|
|
return (
|
|
parseFloat(e["border" + n + "Width"]) +
|
|
parseFloat(e["border" + r + "Width"])
|
|
);
|
|
}
|
|
function e1(e, t, n, r) {
|
|
return Math.max(
|
|
t["offset" + e],
|
|
t["scroll" + e],
|
|
n["client" + e],
|
|
n["offset" + e],
|
|
n["scroll" + e],
|
|
bn(10)
|
|
? parseInt(n["offset" + e]) +
|
|
parseInt(r["margin" + (e === "Height" ? "Top" : "Left")]) +
|
|
parseInt(r["margin" + (e === "Height" ? "Bottom" : "Right")])
|
|
: 0,
|
|
);
|
|
}
|
|
function l0(e) {
|
|
var t = e.body,
|
|
n = e.documentElement,
|
|
r = bn(10) && getComputedStyle(n);
|
|
return { height: e1("Height", t, n, r), width: e1("Width", t, n, r) };
|
|
}
|
|
var J4 = function (e, t) {
|
|
if (!(e instanceof t))
|
|
throw new TypeError("Cannot call a class as a function");
|
|
},
|
|
Q4 = (function () {
|
|
function e(t, n) {
|
|
for (var r = 0; r < n.length; r++) {
|
|
var i = n[r];
|
|
((i.enumerable = i.enumerable || !1),
|
|
(i.configurable = !0),
|
|
"value" in i && (i.writable = !0),
|
|
Object.defineProperty(t, i.key, i));
|
|
}
|
|
}
|
|
return function (t, n, r) {
|
|
return (n && e(t.prototype, n), r && e(t, r), t);
|
|
};
|
|
})(),
|
|
gn = function (e, t, n) {
|
|
return (
|
|
t in e
|
|
? Object.defineProperty(e, t, {
|
|
value: n,
|
|
enumerable: !0,
|
|
configurable: !0,
|
|
writable: !0,
|
|
})
|
|
: (e[t] = n),
|
|
e
|
|
);
|
|
},
|
|
ze =
|
|
Object.assign ||
|
|
function (e) {
|
|
for (var t = 1; t < arguments.length; t++) {
|
|
var n = arguments[t];
|
|
for (var r in n)
|
|
Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
|
|
}
|
|
return e;
|
|
};
|
|
function Ft(e) {
|
|
return ze({}, e, { right: e.left + e.width, bottom: e.top + e.height });
|
|
}
|
|
function Ri(e) {
|
|
var t = {};
|
|
try {
|
|
if (bn(10)) {
|
|
t = e.getBoundingClientRect();
|
|
var n = fn(e, "top"),
|
|
r = fn(e, "left");
|
|
((t.top += n), (t.left += r), (t.bottom += n), (t.right += r));
|
|
} else t = e.getBoundingClientRect();
|
|
} catch {}
|
|
var i = {
|
|
left: t.left,
|
|
top: t.top,
|
|
width: t.right - t.left,
|
|
height: t.bottom - t.top,
|
|
},
|
|
l = e.nodeName === "HTML" ? l0(e.ownerDocument) : {},
|
|
o = l.width || e.clientWidth || i.width,
|
|
s = l.height || e.clientHeight || i.height,
|
|
d = e.offsetWidth - o,
|
|
c = e.offsetHeight - s;
|
|
if (d || c) {
|
|
var u = $t(e);
|
|
((d -= Xo(u, "x")), (c -= Xo(u, "y")), (i.width -= d), (i.height -= c));
|
|
}
|
|
return Ft(i);
|
|
}
|
|
function pl(e, t) {
|
|
var n =
|
|
arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1,
|
|
r = bn(10),
|
|
i = t.nodeName === "HTML",
|
|
l = Ri(e),
|
|
o = Ri(t),
|
|
s = ca(e),
|
|
d = $t(t),
|
|
c = parseFloat(d.borderTopWidth),
|
|
u = parseFloat(d.borderLeftWidth);
|
|
n && i && ((o.top = Math.max(o.top, 0)), (o.left = Math.max(o.left, 0)));
|
|
var m = Ft({
|
|
top: l.top - o.top - c,
|
|
left: l.left - o.left - u,
|
|
width: l.width,
|
|
height: l.height,
|
|
});
|
|
if (((m.marginTop = 0), (m.marginLeft = 0), !r && i)) {
|
|
var p = parseFloat(d.marginTop),
|
|
v = parseFloat(d.marginLeft);
|
|
((m.top -= c - p),
|
|
(m.bottom -= c - p),
|
|
(m.left -= u - v),
|
|
(m.right -= u - v),
|
|
(m.marginTop = p),
|
|
(m.marginLeft = v));
|
|
}
|
|
return (
|
|
(r && !n ? t.contains(s) : t === s && s.nodeName !== "BODY") &&
|
|
(m = K4(m, t)),
|
|
m
|
|
);
|
|
}
|
|
function X4(e) {
|
|
var t =
|
|
arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1,
|
|
n = e.ownerDocument.documentElement,
|
|
r = pl(e, n),
|
|
i = Math.max(n.clientWidth, window.innerWidth || 0),
|
|
l = Math.max(n.clientHeight, window.innerHeight || 0),
|
|
o = t ? 0 : fn(n),
|
|
s = t ? 0 : fn(n, "left"),
|
|
d = {
|
|
top: o - r.top + r.marginTop,
|
|
left: s - r.left + r.marginLeft,
|
|
width: i,
|
|
height: l,
|
|
};
|
|
return Ft(d);
|
|
}
|
|
function o0(e) {
|
|
var t = e.nodeName;
|
|
if (t === "BODY" || t === "HTML") return !1;
|
|
if ($t(e, "position") === "fixed") return !0;
|
|
var n = ml(e);
|
|
return n ? o0(n) : !1;
|
|
}
|
|
function s0(e) {
|
|
if (!e || !e.parentElement || bn()) return document.documentElement;
|
|
for (var t = e.parentElement; t && $t(t, "transform") === "none"; )
|
|
t = t.parentElement;
|
|
return t || document.documentElement;
|
|
}
|
|
function hl(e, t, n, r) {
|
|
var i =
|
|
arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1,
|
|
l = { top: 0, left: 0 },
|
|
o = i ? s0(e) : or(e, i0(t));
|
|
if (r === "viewport") l = X4(o, i);
|
|
else {
|
|
var s = void 0;
|
|
r === "scrollParent"
|
|
? ((s = ca(ml(t))),
|
|
s.nodeName === "BODY" && (s = e.ownerDocument.documentElement))
|
|
: r === "window"
|
|
? (s = e.ownerDocument.documentElement)
|
|
: (s = r);
|
|
var d = pl(s, o, i);
|
|
if (s.nodeName === "HTML" && !o0(o)) {
|
|
var c = l0(e.ownerDocument),
|
|
u = c.height,
|
|
m = c.width;
|
|
((l.top += d.top - d.marginTop),
|
|
(l.bottom = u + d.top),
|
|
(l.left += d.left - d.marginLeft),
|
|
(l.right = m + d.left));
|
|
} else l = d;
|
|
}
|
|
n = n || 0;
|
|
var p = typeof n == "number";
|
|
return (
|
|
(l.left += p ? n : n.left || 0),
|
|
(l.top += p ? n : n.top || 0),
|
|
(l.right -= p ? n : n.right || 0),
|
|
(l.bottom -= p ? n : n.bottom || 0),
|
|
l
|
|
);
|
|
}
|
|
function ep(e) {
|
|
var t = e.width,
|
|
n = e.height;
|
|
return t * n;
|
|
}
|
|
function d0(e, t, n, r, i) {
|
|
var l =
|
|
arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 0;
|
|
if (e.indexOf("auto") === -1) return e;
|
|
var o = hl(n, r, l, i),
|
|
s = {
|
|
top: { width: o.width, height: t.top - o.top },
|
|
right: { width: o.right - t.right, height: o.height },
|
|
bottom: { width: o.width, height: o.bottom - t.bottom },
|
|
left: { width: t.left - o.left, height: o.height },
|
|
},
|
|
d = Object.keys(s)
|
|
.map(function (p) {
|
|
return ze({ key: p }, s[p], { area: ep(s[p]) });
|
|
})
|
|
.sort(function (p, v) {
|
|
return v.area - p.area;
|
|
}),
|
|
c = d.filter(function (p) {
|
|
var v = p.width,
|
|
g = p.height;
|
|
return v >= n.clientWidth && g >= n.clientHeight;
|
|
}),
|
|
u = c.length > 0 ? c[0].key : d[0].key,
|
|
m = e.split("-")[1];
|
|
return u + (m ? "-" + m : "");
|
|
}
|
|
function c0(e, t, n) {
|
|
var r =
|
|
arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : null,
|
|
i = r ? s0(t) : or(t, i0(n));
|
|
return pl(n, i, r);
|
|
}
|
|
function u0(e) {
|
|
var t = e.ownerDocument.defaultView,
|
|
n = t.getComputedStyle(e),
|
|
r = parseFloat(n.marginTop || 0) + parseFloat(n.marginBottom || 0),
|
|
i = parseFloat(n.marginLeft || 0) + parseFloat(n.marginRight || 0),
|
|
l = { width: e.offsetWidth + i, height: e.offsetHeight + r };
|
|
return l;
|
|
}
|
|
function sr(e) {
|
|
var t = { left: "right", right: "left", bottom: "top", top: "bottom" };
|
|
return e.replace(/left|right|bottom|top/g, function (n) {
|
|
return t[n];
|
|
});
|
|
}
|
|
function m0(e, t, n) {
|
|
n = n.split("-")[0];
|
|
var r = u0(e),
|
|
i = { width: r.width, height: r.height },
|
|
l = ["right", "left"].indexOf(n) !== -1,
|
|
o = l ? "top" : "left",
|
|
s = l ? "left" : "top",
|
|
d = l ? "height" : "width",
|
|
c = l ? "width" : "height";
|
|
return (
|
|
(i[o] = t[o] + t[d] / 2 - r[d] / 2),
|
|
n === s ? (i[s] = t[s] - r[c]) : (i[s] = t[sr(s)]),
|
|
i
|
|
);
|
|
}
|
|
function ua(e, t) {
|
|
return Array.prototype.find ? e.find(t) : e.filter(t)[0];
|
|
}
|
|
function tp(e, t, n) {
|
|
if (Array.prototype.findIndex)
|
|
return e.findIndex(function (i) {
|
|
return i[t] === n;
|
|
});
|
|
var r = ua(e, function (i) {
|
|
return i[t] === n;
|
|
});
|
|
return e.indexOf(r);
|
|
}
|
|
function p0(e, t, n) {
|
|
var r = n === void 0 ? e : e.slice(0, tp(e, "name", n));
|
|
return (
|
|
r.forEach(function (i) {
|
|
i.function &&
|
|
console.warn(
|
|
"`modifier.function` is deprecated, use `modifier.fn`!",
|
|
);
|
|
var l = i.function || i.fn;
|
|
i.enabled &&
|
|
r0(l) &&
|
|
((t.offsets.popper = Ft(t.offsets.popper)),
|
|
(t.offsets.reference = Ft(t.offsets.reference)),
|
|
(t = l(t, i)));
|
|
}),
|
|
t
|
|
);
|
|
}
|
|
function np() {
|
|
if (!this.state.isDestroyed) {
|
|
var e = {
|
|
instance: this,
|
|
styles: {},
|
|
arrowStyles: {},
|
|
attributes: {},
|
|
flipped: !1,
|
|
offsets: {},
|
|
};
|
|
((e.offsets.reference = c0(
|
|
this.state,
|
|
this.popper,
|
|
this.reference,
|
|
this.options.positionFixed,
|
|
)),
|
|
(e.placement = d0(
|
|
this.options.placement,
|
|
e.offsets.reference,
|
|
this.popper,
|
|
this.reference,
|
|
this.options.modifiers.flip.boundariesElement,
|
|
this.options.modifiers.flip.padding,
|
|
)),
|
|
(e.originalPlacement = e.placement),
|
|
(e.positionFixed = this.options.positionFixed),
|
|
(e.offsets.popper = m0(
|
|
this.popper,
|
|
e.offsets.reference,
|
|
e.placement,
|
|
)),
|
|
(e.offsets.popper.position = this.options.positionFixed
|
|
? "fixed"
|
|
: "absolute"),
|
|
(e = p0(this.modifiers, e)),
|
|
this.state.isCreated
|
|
? this.options.onUpdate(e)
|
|
: ((this.state.isCreated = !0), this.options.onCreate(e)));
|
|
}
|
|
}
|
|
function h0(e, t) {
|
|
return e.some(function (n) {
|
|
var r = n.name,
|
|
i = n.enabled;
|
|
return i && r === t;
|
|
});
|
|
}
|
|
function fl(e) {
|
|
for (
|
|
var t = [!1, "ms", "Webkit", "Moz", "O"],
|
|
n = e.charAt(0).toUpperCase() + e.slice(1),
|
|
r = 0;
|
|
r < t.length;
|
|
r++
|
|
) {
|
|
var i = t[r],
|
|
l = i ? "" + i + n : e;
|
|
if (typeof document.body.style[l] < "u") return l;
|
|
}
|
|
return null;
|
|
}
|
|
function ap() {
|
|
return (
|
|
(this.state.isDestroyed = !0),
|
|
h0(this.modifiers, "applyStyle") &&
|
|
(this.popper.removeAttribute("x-placement"),
|
|
(this.popper.style.position = ""),
|
|
(this.popper.style.top = ""),
|
|
(this.popper.style.left = ""),
|
|
(this.popper.style.right = ""),
|
|
(this.popper.style.bottom = ""),
|
|
(this.popper.style.willChange = ""),
|
|
(this.popper.style[fl("transform")] = "")),
|
|
this.disableEventListeners(),
|
|
this.options.removeOnDestroy &&
|
|
this.popper.parentNode.removeChild(this.popper),
|
|
this
|
|
);
|
|
}
|
|
function f0(e) {
|
|
var t = e.ownerDocument;
|
|
return t ? t.defaultView : window;
|
|
}
|
|
function g0(e, t, n, r) {
|
|
var i = e.nodeName === "BODY",
|
|
l = i ? e.ownerDocument.defaultView : e;
|
|
(l.addEventListener(t, n, { passive: !0 }),
|
|
i || g0(ca(l.parentNode), t, n, r),
|
|
r.push(l));
|
|
}
|
|
function rp(e, t, n, r) {
|
|
((n.updateBound = r),
|
|
f0(e).addEventListener("resize", n.updateBound, { passive: !0 }));
|
|
var i = ca(e);
|
|
return (
|
|
g0(i, "scroll", n.updateBound, n.scrollParents),
|
|
(n.scrollElement = i),
|
|
(n.eventsEnabled = !0),
|
|
n
|
|
);
|
|
}
|
|
function ip() {
|
|
this.state.eventsEnabled ||
|
|
(this.state = rp(
|
|
this.reference,
|
|
this.options,
|
|
this.state,
|
|
this.scheduleUpdate,
|
|
));
|
|
}
|
|
function lp(e, t) {
|
|
return (
|
|
f0(e).removeEventListener("resize", t.updateBound),
|
|
t.scrollParents.forEach(function (n) {
|
|
n.removeEventListener("scroll", t.updateBound);
|
|
}),
|
|
(t.updateBound = null),
|
|
(t.scrollParents = []),
|
|
(t.scrollElement = null),
|
|
(t.eventsEnabled = !1),
|
|
t
|
|
);
|
|
}
|
|
function op() {
|
|
this.state.eventsEnabled &&
|
|
(cancelAnimationFrame(this.scheduleUpdate),
|
|
(this.state = lp(this.reference, this.state)));
|
|
}
|
|
function gl(e) {
|
|
return e !== "" && !isNaN(parseFloat(e)) && isFinite(e);
|
|
}
|
|
function Bi(e, t) {
|
|
Object.keys(t).forEach(function (n) {
|
|
var r = "";
|
|
(["width", "height", "top", "right", "bottom", "left"].indexOf(n) !==
|
|
-1 &&
|
|
gl(t[n]) &&
|
|
(r = "px"),
|
|
(e.style[n] = t[n] + r));
|
|
});
|
|
}
|
|
function sp(e, t) {
|
|
Object.keys(t).forEach(function (n) {
|
|
var r = t[n];
|
|
r !== !1 ? e.setAttribute(n, t[n]) : e.removeAttribute(n);
|
|
});
|
|
}
|
|
function dp(e) {
|
|
return (
|
|
Bi(e.instance.popper, e.styles),
|
|
sp(e.instance.popper, e.attributes),
|
|
e.arrowElement &&
|
|
Object.keys(e.arrowStyles).length &&
|
|
Bi(e.arrowElement, e.arrowStyles),
|
|
e
|
|
);
|
|
}
|
|
function cp(e, t, n, r, i) {
|
|
var l = c0(i, t, e, n.positionFixed),
|
|
o = d0(
|
|
n.placement,
|
|
l,
|
|
t,
|
|
e,
|
|
n.modifiers.flip.boundariesElement,
|
|
n.modifiers.flip.padding,
|
|
);
|
|
return (
|
|
t.setAttribute("x-placement", o),
|
|
Bi(t, { position: n.positionFixed ? "fixed" : "absolute" }),
|
|
n
|
|
);
|
|
}
|
|
function up(e, t) {
|
|
var n = e.offsets,
|
|
r = n.popper,
|
|
i = n.reference,
|
|
l = Math.round,
|
|
o = Math.floor,
|
|
s = function (w) {
|
|
return w;
|
|
},
|
|
d = l(i.width),
|
|
c = l(r.width),
|
|
u = ["left", "right"].indexOf(e.placement) !== -1,
|
|
m = e.placement.indexOf("-") !== -1,
|
|
p = d % 2 === c % 2,
|
|
v = d % 2 === 1 && c % 2 === 1,
|
|
g = t ? (u || m || p ? l : o) : s,
|
|
y = t ? l : s;
|
|
return {
|
|
left: g(v && !m && t ? r.left - 1 : r.left),
|
|
top: y(r.top),
|
|
bottom: y(r.bottom),
|
|
right: g(r.right),
|
|
};
|
|
}
|
|
var mp = da && /Firefox/i.test(navigator.userAgent);
|
|
function pp(e, t) {
|
|
var n = t.x,
|
|
r = t.y,
|
|
i = e.offsets.popper,
|
|
l = ua(e.instance.modifiers, function (f) {
|
|
return f.name === "applyStyle";
|
|
}).gpuAcceleration;
|
|
l !== void 0 &&
|
|
console.warn(
|
|
"WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!",
|
|
);
|
|
var o = l !== void 0 ? l : t.gpuAcceleration,
|
|
s = hn(e.instance.popper),
|
|
d = Ri(s),
|
|
c = { position: i.position },
|
|
u = up(e, window.devicePixelRatio < 2 || !mp),
|
|
m = n === "bottom" ? "top" : "bottom",
|
|
p = r === "right" ? "left" : "right",
|
|
v = fl("transform"),
|
|
g = void 0,
|
|
y = void 0;
|
|
if (
|
|
(m === "bottom"
|
|
? s.nodeName === "HTML"
|
|
? (y = -s.clientHeight + u.bottom)
|
|
: (y = -d.height + u.bottom)
|
|
: (y = u.top),
|
|
p === "right"
|
|
? s.nodeName === "HTML"
|
|
? (g = -s.clientWidth + u.right)
|
|
: (g = -d.width + u.right)
|
|
: (g = u.left),
|
|
o && v)
|
|
)
|
|
((c[v] = "translate3d(" + g + "px, " + y + "px, 0)"),
|
|
(c[m] = 0),
|
|
(c[p] = 0),
|
|
(c.willChange = "transform"));
|
|
else {
|
|
var w = m === "bottom" ? -1 : 1,
|
|
b = p === "right" ? -1 : 1;
|
|
((c[m] = y * w), (c[p] = g * b), (c.willChange = m + ", " + p));
|
|
}
|
|
var h = { "x-placement": e.placement };
|
|
return (
|
|
(e.attributes = ze({}, h, e.attributes)),
|
|
(e.styles = ze({}, c, e.styles)),
|
|
(e.arrowStyles = ze({}, e.offsets.arrow, e.arrowStyles)),
|
|
e
|
|
);
|
|
}
|
|
function v0(e, t, n) {
|
|
var r = ua(e, function (s) {
|
|
var d = s.name;
|
|
return d === t;
|
|
}),
|
|
i =
|
|
!!r &&
|
|
e.some(function (s) {
|
|
return s.name === n && s.enabled && s.order < r.order;
|
|
});
|
|
if (!i) {
|
|
var l = "`" + t + "`",
|
|
o = "`" + n + "`";
|
|
console.warn(
|
|
o +
|
|
" modifier is required by " +
|
|
l +
|
|
" modifier in order to work, be sure to include it before " +
|
|
l +
|
|
"!",
|
|
);
|
|
}
|
|
return i;
|
|
}
|
|
function hp(e, t) {
|
|
var n;
|
|
if (!v0(e.instance.modifiers, "arrow", "keepTogether")) return e;
|
|
var r = t.element;
|
|
if (typeof r == "string") {
|
|
if (((r = e.instance.popper.querySelector(r)), !r)) return e;
|
|
} else if (!e.instance.popper.contains(r))
|
|
return (
|
|
console.warn(
|
|
"WARNING: `arrow.element` must be child of its popper element!",
|
|
),
|
|
e
|
|
);
|
|
var i = e.placement.split("-")[0],
|
|
l = e.offsets,
|
|
o = l.popper,
|
|
s = l.reference,
|
|
d = ["left", "right"].indexOf(i) !== -1,
|
|
c = d ? "height" : "width",
|
|
u = d ? "Top" : "Left",
|
|
m = u.toLowerCase(),
|
|
p = d ? "left" : "top",
|
|
v = d ? "bottom" : "right",
|
|
g = u0(r)[c];
|
|
(s[v] - g < o[m] && (e.offsets.popper[m] -= o[m] - (s[v] - g)),
|
|
s[m] + g > o[v] && (e.offsets.popper[m] += s[m] + g - o[v]),
|
|
(e.offsets.popper = Ft(e.offsets.popper)));
|
|
var y = s[m] + s[c] / 2 - g / 2,
|
|
w = $t(e.instance.popper),
|
|
b = parseFloat(w["margin" + u]),
|
|
h = parseFloat(w["border" + u + "Width"]),
|
|
f = y - e.offsets.popper[m] - b - h;
|
|
return (
|
|
(f = Math.max(Math.min(o[c] - g, f), 0)),
|
|
(e.arrowElement = r),
|
|
(e.offsets.arrow =
|
|
((n = {}), gn(n, m, Math.round(f)), gn(n, p, ""), n)),
|
|
e
|
|
);
|
|
}
|
|
function fp(e) {
|
|
return e === "end" ? "start" : e === "start" ? "end" : e;
|
|
}
|
|
var y0 = [
|
|
"auto-start",
|
|
"auto",
|
|
"auto-end",
|
|
"top-start",
|
|
"top",
|
|
"top-end",
|
|
"right-start",
|
|
"right",
|
|
"right-end",
|
|
"bottom-end",
|
|
"bottom",
|
|
"bottom-start",
|
|
"left-end",
|
|
"left",
|
|
"left-start",
|
|
],
|
|
ei = y0.slice(3);
|
|
function t1(e) {
|
|
var t =
|
|
arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1,
|
|
n = ei.indexOf(e),
|
|
r = ei.slice(n + 1).concat(ei.slice(0, n));
|
|
return t ? r.reverse() : r;
|
|
}
|
|
var ti = {
|
|
FLIP: "flip",
|
|
CLOCKWISE: "clockwise",
|
|
COUNTERCLOCKWISE: "counterclockwise",
|
|
};
|
|
function gp(e, t) {
|
|
if (
|
|
h0(e.instance.modifiers, "inner") ||
|
|
(e.flipped && e.placement === e.originalPlacement)
|
|
)
|
|
return e;
|
|
var n = hl(
|
|
e.instance.popper,
|
|
e.instance.reference,
|
|
t.padding,
|
|
t.boundariesElement,
|
|
e.positionFixed,
|
|
),
|
|
r = e.placement.split("-")[0],
|
|
i = sr(r),
|
|
l = e.placement.split("-")[1] || "",
|
|
o = [];
|
|
switch (t.behavior) {
|
|
case ti.FLIP:
|
|
o = [r, i];
|
|
break;
|
|
case ti.CLOCKWISE:
|
|
o = t1(r);
|
|
break;
|
|
case ti.COUNTERCLOCKWISE:
|
|
o = t1(r, !0);
|
|
break;
|
|
default:
|
|
o = t.behavior;
|
|
}
|
|
return (
|
|
o.forEach(function (s, d) {
|
|
if (r !== s || o.length === d + 1) return e;
|
|
((r = e.placement.split("-")[0]), (i = sr(r)));
|
|
var c = e.offsets.popper,
|
|
u = e.offsets.reference,
|
|
m = Math.floor,
|
|
p =
|
|
(r === "left" && m(c.right) > m(u.left)) ||
|
|
(r === "right" && m(c.left) < m(u.right)) ||
|
|
(r === "top" && m(c.bottom) > m(u.top)) ||
|
|
(r === "bottom" && m(c.top) < m(u.bottom)),
|
|
v = m(c.left) < m(n.left),
|
|
g = m(c.right) > m(n.right),
|
|
y = m(c.top) < m(n.top),
|
|
w = m(c.bottom) > m(n.bottom),
|
|
b =
|
|
(r === "left" && v) ||
|
|
(r === "right" && g) ||
|
|
(r === "top" && y) ||
|
|
(r === "bottom" && w),
|
|
h = ["top", "bottom"].indexOf(r) !== -1,
|
|
f =
|
|
!!t.flipVariations &&
|
|
((h && l === "start" && v) ||
|
|
(h && l === "end" && g) ||
|
|
(!h && l === "start" && y) ||
|
|
(!h && l === "end" && w)),
|
|
E =
|
|
!!t.flipVariationsByContent &&
|
|
((h && l === "start" && g) ||
|
|
(h && l === "end" && v) ||
|
|
(!h && l === "start" && w) ||
|
|
(!h && l === "end" && y)),
|
|
C = f || E;
|
|
(p || b || C) &&
|
|
((e.flipped = !0),
|
|
(p || b) && (r = o[d + 1]),
|
|
C && (l = fp(l)),
|
|
(e.placement = r + (l ? "-" + l : "")),
|
|
(e.offsets.popper = ze(
|
|
{},
|
|
e.offsets.popper,
|
|
m0(e.instance.popper, e.offsets.reference, e.placement),
|
|
)),
|
|
(e = p0(e.instance.modifiers, e, "flip")));
|
|
}),
|
|
e
|
|
);
|
|
}
|
|
function vp(e) {
|
|
var t = e.offsets,
|
|
n = t.popper,
|
|
r = t.reference,
|
|
i = e.placement.split("-")[0],
|
|
l = Math.floor,
|
|
o = ["top", "bottom"].indexOf(i) !== -1,
|
|
s = o ? "right" : "bottom",
|
|
d = o ? "left" : "top",
|
|
c = o ? "width" : "height";
|
|
return (
|
|
n[s] < l(r[d]) && (e.offsets.popper[d] = l(r[d]) - n[c]),
|
|
n[d] > l(r[s]) && (e.offsets.popper[d] = l(r[s])),
|
|
e
|
|
);
|
|
}
|
|
function yp(e, t, n, r) {
|
|
var i = e.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),
|
|
l = +i[1],
|
|
o = i[2];
|
|
if (!l) return e;
|
|
if (o.indexOf("%") === 0) {
|
|
var s = void 0;
|
|
switch (o) {
|
|
case "%p":
|
|
s = n;
|
|
break;
|
|
case "%":
|
|
case "%r":
|
|
default:
|
|
s = r;
|
|
}
|
|
var d = Ft(s);
|
|
return (d[t] / 100) * l;
|
|
} else if (o === "vh" || o === "vw") {
|
|
var c = void 0;
|
|
return (
|
|
o === "vh"
|
|
? (c = Math.max(
|
|
document.documentElement.clientHeight,
|
|
window.innerHeight || 0,
|
|
))
|
|
: (c = Math.max(
|
|
document.documentElement.clientWidth,
|
|
window.innerWidth || 0,
|
|
)),
|
|
(c / 100) * l
|
|
);
|
|
} else return l;
|
|
}
|
|
function bp(e, t, n, r) {
|
|
var i = [0, 0],
|
|
l = ["right", "left"].indexOf(r) !== -1,
|
|
o = e.split(/(\+|\-)/).map(function (u) {
|
|
return u.trim();
|
|
}),
|
|
s = o.indexOf(
|
|
ua(o, function (u) {
|
|
return u.search(/,|\s/) !== -1;
|
|
}),
|
|
);
|
|
o[s] &&
|
|
o[s].indexOf(",") === -1 &&
|
|
console.warn(
|
|
"Offsets separated by white space(s) are deprecated, use a comma (,) instead.",
|
|
);
|
|
var d = /\s*,\s*|\s+/,
|
|
c =
|
|
s !== -1
|
|
? [
|
|
o.slice(0, s).concat([o[s].split(d)[0]]),
|
|
[o[s].split(d)[1]].concat(o.slice(s + 1)),
|
|
]
|
|
: [o];
|
|
return (
|
|
(c = c.map(function (u, m) {
|
|
var p = (m === 1 ? !l : l) ? "height" : "width",
|
|
v = !1;
|
|
return u
|
|
.reduce(function (g, y) {
|
|
return g[g.length - 1] === "" && ["+", "-"].indexOf(y) !== -1
|
|
? ((g[g.length - 1] = y), (v = !0), g)
|
|
: v
|
|
? ((g[g.length - 1] += y), (v = !1), g)
|
|
: g.concat(y);
|
|
}, [])
|
|
.map(function (g) {
|
|
return yp(g, p, t, n);
|
|
});
|
|
})),
|
|
c.forEach(function (u, m) {
|
|
u.forEach(function (p, v) {
|
|
gl(p) && (i[m] += p * (u[v - 1] === "-" ? -1 : 1));
|
|
});
|
|
}),
|
|
i
|
|
);
|
|
}
|
|
function Ep(e, t) {
|
|
var n = t.offset,
|
|
r = e.placement,
|
|
i = e.offsets,
|
|
l = i.popper,
|
|
o = i.reference,
|
|
s = r.split("-")[0],
|
|
d = void 0;
|
|
return (
|
|
gl(+n) ? (d = [+n, 0]) : (d = bp(n, l, o, s)),
|
|
s === "left"
|
|
? ((l.top += d[0]), (l.left -= d[1]))
|
|
: s === "right"
|
|
? ((l.top += d[0]), (l.left += d[1]))
|
|
: s === "top"
|
|
? ((l.left += d[0]), (l.top -= d[1]))
|
|
: s === "bottom" && ((l.left += d[0]), (l.top += d[1])),
|
|
(e.popper = l),
|
|
e
|
|
);
|
|
}
|
|
function kp(e, t) {
|
|
var n = t.boundariesElement || hn(e.instance.popper);
|
|
e.instance.reference === n && (n = hn(n));
|
|
var r = fl("transform"),
|
|
i = e.instance.popper.style,
|
|
l = i.top,
|
|
o = i.left,
|
|
s = i[r];
|
|
((i.top = ""), (i.left = ""), (i[r] = ""));
|
|
var d = hl(
|
|
e.instance.popper,
|
|
e.instance.reference,
|
|
t.padding,
|
|
n,
|
|
e.positionFixed,
|
|
);
|
|
((i.top = l), (i.left = o), (i[r] = s), (t.boundaries = d));
|
|
var c = t.priority,
|
|
u = e.offsets.popper,
|
|
m = {
|
|
primary: function (p) {
|
|
var v = u[p];
|
|
return (
|
|
u[p] < d[p] &&
|
|
!t.escapeWithReference &&
|
|
(v = Math.max(u[p], d[p])),
|
|
gn({}, p, v)
|
|
);
|
|
},
|
|
secondary: function (p) {
|
|
var v = p === "right" ? "left" : "top",
|
|
g = u[v];
|
|
return (
|
|
u[p] > d[p] &&
|
|
!t.escapeWithReference &&
|
|
(g = Math.min(
|
|
u[v],
|
|
d[p] - (p === "right" ? u.width : u.height),
|
|
)),
|
|
gn({}, v, g)
|
|
);
|
|
},
|
|
};
|
|
return (
|
|
c.forEach(function (p) {
|
|
var v = ["left", "top"].indexOf(p) !== -1 ? "primary" : "secondary";
|
|
u = ze({}, u, m[v](p));
|
|
}),
|
|
(e.offsets.popper = u),
|
|
e
|
|
);
|
|
}
|
|
function wp(e) {
|
|
var t = e.placement,
|
|
n = t.split("-")[0],
|
|
r = t.split("-")[1];
|
|
if (r) {
|
|
var i = e.offsets,
|
|
l = i.reference,
|
|
o = i.popper,
|
|
s = ["bottom", "top"].indexOf(n) !== -1,
|
|
d = s ? "left" : "top",
|
|
c = s ? "width" : "height",
|
|
u = { start: gn({}, d, l[d]), end: gn({}, d, l[d] + l[c] - o[c]) };
|
|
e.offsets.popper = ze({}, o, u[r]);
|
|
}
|
|
return e;
|
|
}
|
|
function Cp(e) {
|
|
if (!v0(e.instance.modifiers, "hide", "preventOverflow")) return e;
|
|
var t = e.offsets.reference,
|
|
n = ua(e.instance.modifiers, function (r) {
|
|
return r.name === "preventOverflow";
|
|
}).boundaries;
|
|
if (
|
|
t.bottom < n.top ||
|
|
t.left > n.right ||
|
|
t.top > n.bottom ||
|
|
t.right < n.left
|
|
) {
|
|
if (e.hide === !0) return e;
|
|
((e.hide = !0), (e.attributes["x-out-of-boundaries"] = ""));
|
|
} else {
|
|
if (e.hide === !1) return e;
|
|
((e.hide = !1), (e.attributes["x-out-of-boundaries"] = !1));
|
|
}
|
|
return e;
|
|
}
|
|
function Sp(e) {
|
|
var t = e.placement,
|
|
n = t.split("-")[0],
|
|
r = e.offsets,
|
|
i = r.popper,
|
|
l = r.reference,
|
|
o = ["left", "right"].indexOf(n) !== -1,
|
|
s = ["top", "left"].indexOf(n) === -1;
|
|
return (
|
|
(i[o ? "left" : "top"] = l[n] - (s ? i[o ? "width" : "height"] : 0)),
|
|
(e.placement = sr(t)),
|
|
(e.offsets.popper = Ft(i)),
|
|
e
|
|
);
|
|
}
|
|
var xp = {
|
|
shift: { order: 100, enabled: !0, fn: wp },
|
|
offset: { order: 200, enabled: !0, fn: Ep, offset: 0 },
|
|
preventOverflow: {
|
|
order: 300,
|
|
enabled: !0,
|
|
fn: kp,
|
|
priority: ["left", "right", "top", "bottom"],
|
|
padding: 5,
|
|
boundariesElement: "scrollParent",
|
|
},
|
|
keepTogether: { order: 400, enabled: !0, fn: vp },
|
|
arrow: { order: 500, enabled: !0, fn: hp, element: "[x-arrow]" },
|
|
flip: {
|
|
order: 600,
|
|
enabled: !0,
|
|
fn: gp,
|
|
behavior: "flip",
|
|
padding: 5,
|
|
boundariesElement: "viewport",
|
|
flipVariations: !1,
|
|
flipVariationsByContent: !1,
|
|
},
|
|
inner: { order: 700, enabled: !1, fn: Sp },
|
|
hide: { order: 800, enabled: !0, fn: Cp },
|
|
computeStyle: {
|
|
order: 850,
|
|
enabled: !0,
|
|
fn: pp,
|
|
gpuAcceleration: !0,
|
|
x: "bottom",
|
|
y: "right",
|
|
},
|
|
applyStyle: {
|
|
order: 900,
|
|
enabled: !0,
|
|
fn: dp,
|
|
onLoad: cp,
|
|
gpuAcceleration: void 0,
|
|
},
|
|
},
|
|
Np = {
|
|
placement: "bottom",
|
|
positionFixed: !1,
|
|
eventsEnabled: !0,
|
|
removeOnDestroy: !1,
|
|
onCreate: function () {},
|
|
onUpdate: function () {},
|
|
modifiers: xp,
|
|
},
|
|
xr = (function () {
|
|
function e(t, n) {
|
|
var r = this,
|
|
i =
|
|
arguments.length > 2 && arguments[2] !== void 0
|
|
? arguments[2]
|
|
: {};
|
|
(J4(this, e),
|
|
(this.scheduleUpdate = function () {
|
|
return requestAnimationFrame(r.update);
|
|
}),
|
|
(this.update = G4(this.update.bind(this))),
|
|
(this.options = ze({}, e.Defaults, i)),
|
|
(this.state = {
|
|
isDestroyed: !1,
|
|
isCreated: !1,
|
|
scrollParents: [],
|
|
}),
|
|
(this.reference = t && t.jquery ? t[0] : t),
|
|
(this.popper = n && n.jquery ? n[0] : n),
|
|
(this.options.modifiers = {}),
|
|
Object.keys(ze({}, e.Defaults.modifiers, i.modifiers)).forEach(
|
|
function (o) {
|
|
r.options.modifiers[o] = ze(
|
|
{},
|
|
e.Defaults.modifiers[o] || {},
|
|
i.modifiers ? i.modifiers[o] : {},
|
|
);
|
|
},
|
|
),
|
|
(this.modifiers = Object.keys(this.options.modifiers)
|
|
.map(function (o) {
|
|
return ze({ name: o }, r.options.modifiers[o]);
|
|
})
|
|
.sort(function (o, s) {
|
|
return o.order - s.order;
|
|
})),
|
|
this.modifiers.forEach(function (o) {
|
|
o.enabled &&
|
|
r0(o.onLoad) &&
|
|
o.onLoad(r.reference, r.popper, r.options, o, r.state);
|
|
}),
|
|
this.update());
|
|
var l = this.options.eventsEnabled;
|
|
(l && this.enableEventListeners(), (this.state.eventsEnabled = l));
|
|
}
|
|
return (
|
|
Q4(e, [
|
|
{
|
|
key: "update",
|
|
value: function () {
|
|
return np.call(this);
|
|
},
|
|
},
|
|
{
|
|
key: "destroy",
|
|
value: function () {
|
|
return ap.call(this);
|
|
},
|
|
},
|
|
{
|
|
key: "enableEventListeners",
|
|
value: function () {
|
|
return ip.call(this);
|
|
},
|
|
},
|
|
{
|
|
key: "disableEventListeners",
|
|
value: function () {
|
|
return op.call(this);
|
|
},
|
|
},
|
|
]),
|
|
e
|
|
);
|
|
})();
|
|
xr.Utils = window.PopperUtils;
|
|
xr.placements = y0;
|
|
xr.Defaults = Np;
|
|
var n1 = xr,
|
|
Pi = pt($i()),
|
|
Mp = ["innerHTML", "ownerDocument", "style", "attributes", "nodeValue"],
|
|
Fp = [
|
|
"Array",
|
|
"ArrayBuffer",
|
|
"AsyncFunction",
|
|
"AsyncGenerator",
|
|
"AsyncGeneratorFunction",
|
|
"Date",
|
|
"Error",
|
|
"Function",
|
|
"Generator",
|
|
"GeneratorFunction",
|
|
"HTMLElement",
|
|
"Map",
|
|
"Object",
|
|
"Promise",
|
|
"RegExp",
|
|
"Set",
|
|
"WeakMap",
|
|
"WeakSet",
|
|
],
|
|
Ap = [
|
|
"bigint",
|
|
"boolean",
|
|
"null",
|
|
"number",
|
|
"string",
|
|
"symbol",
|
|
"undefined",
|
|
];
|
|
function Nr(e) {
|
|
var t = Object.prototype.toString.call(e).slice(8, -1);
|
|
if (/HTML\w+Element/.test(t)) return "HTMLElement";
|
|
if (Lp(t)) return t;
|
|
}
|
|
function et(e) {
|
|
return function (t) {
|
|
return Nr(t) === e;
|
|
};
|
|
}
|
|
function Lp(e) {
|
|
return Fp.includes(e);
|
|
}
|
|
function En(e) {
|
|
return function (t) {
|
|
return typeof t === e;
|
|
};
|
|
}
|
|
function Tp(e) {
|
|
return Ap.includes(e);
|
|
}
|
|
function L(e) {
|
|
if (e === null) return "null";
|
|
switch (typeof e) {
|
|
case "bigint":
|
|
return "bigint";
|
|
case "boolean":
|
|
return "boolean";
|
|
case "number":
|
|
return "number";
|
|
case "string":
|
|
return "string";
|
|
case "symbol":
|
|
return "symbol";
|
|
case "undefined":
|
|
return "undefined";
|
|
}
|
|
if (L.array(e)) return "Array";
|
|
if (L.plainFunction(e)) return "Function";
|
|
var t = Nr(e);
|
|
return t || "Object";
|
|
}
|
|
L.array = Array.isArray;
|
|
L.arrayOf = function (e, t) {
|
|
return !L.array(e) && !L.function(t)
|
|
? !1
|
|
: e.every(function (n) {
|
|
return t(n);
|
|
});
|
|
};
|
|
L.asyncGeneratorFunction = function (e) {
|
|
return Nr(e) === "AsyncGeneratorFunction";
|
|
};
|
|
L.asyncFunction = et("AsyncFunction");
|
|
L.bigint = En("bigint");
|
|
L.boolean = function (e) {
|
|
return e === !0 || e === !1;
|
|
};
|
|
L.date = et("Date");
|
|
L.defined = function (e) {
|
|
return !L.undefined(e);
|
|
};
|
|
L.domElement = function (e) {
|
|
return (
|
|
L.object(e) &&
|
|
!L.plainObject(e) &&
|
|
e.nodeType === 1 &&
|
|
L.string(e.nodeName) &&
|
|
Mp.every(function (t) {
|
|
return t in e;
|
|
})
|
|
);
|
|
};
|
|
L.empty = function (e) {
|
|
return (
|
|
(L.string(e) && e.length === 0) ||
|
|
(L.array(e) && e.length === 0) ||
|
|
(L.object(e) &&
|
|
!L.map(e) &&
|
|
!L.set(e) &&
|
|
Object.keys(e).length === 0) ||
|
|
(L.set(e) && e.size === 0) ||
|
|
(L.map(e) && e.size === 0)
|
|
);
|
|
};
|
|
L.error = et("Error");
|
|
L.function = En("function");
|
|
L.generator = function (e) {
|
|
return L.iterable(e) && L.function(e.next) && L.function(e.throw);
|
|
};
|
|
L.generatorFunction = et("GeneratorFunction");
|
|
L.instanceOf = function (e, t) {
|
|
return !e || !t ? !1 : Object.getPrototypeOf(e) === t.prototype;
|
|
};
|
|
L.iterable = function (e) {
|
|
return !L.nullOrUndefined(e) && L.function(e[Symbol.iterator]);
|
|
};
|
|
L.map = et("Map");
|
|
L.nan = function (e) {
|
|
return Number.isNaN(e);
|
|
};
|
|
L.null = function (e) {
|
|
return e === null;
|
|
};
|
|
L.nullOrUndefined = function (e) {
|
|
return L.null(e) || L.undefined(e);
|
|
};
|
|
L.number = function (e) {
|
|
return En("number")(e) && !L.nan(e);
|
|
};
|
|
L.numericString = function (e) {
|
|
return L.string(e) && e.length > 0 && !Number.isNaN(Number(e));
|
|
};
|
|
L.object = function (e) {
|
|
return !L.nullOrUndefined(e) && (L.function(e) || typeof e == "object");
|
|
};
|
|
L.oneOf = function (e, t) {
|
|
return L.array(e) ? e.indexOf(t) > -1 : !1;
|
|
};
|
|
L.plainFunction = et("Function");
|
|
L.plainObject = function (e) {
|
|
if (Nr(e) !== "Object") return !1;
|
|
var t = Object.getPrototypeOf(e);
|
|
return t === null || t === Object.getPrototypeOf({});
|
|
};
|
|
L.primitive = function (e) {
|
|
return L.null(e) || Tp(typeof e);
|
|
};
|
|
L.promise = et("Promise");
|
|
L.propertyOf = function (e, t, n) {
|
|
if (!L.object(e) || !t) return !1;
|
|
var r = e[t];
|
|
return L.function(n) ? n(r) : L.defined(r);
|
|
};
|
|
L.regexp = et("RegExp");
|
|
L.set = et("Set");
|
|
L.string = En("string");
|
|
L.symbol = En("symbol");
|
|
L.undefined = En("undefined");
|
|
L.weakMap = et("WeakMap");
|
|
L.weakSet = et("WeakSet");
|
|
var I = L;
|
|
function b0(e) {
|
|
return function (t) {
|
|
return typeof t === e;
|
|
};
|
|
}
|
|
var Zp = b0("function"),
|
|
Op = function (e) {
|
|
return e === null;
|
|
},
|
|
a1 = function (e) {
|
|
return Object.prototype.toString.call(e).slice(8, -1) === "RegExp";
|
|
},
|
|
r1 = function (e) {
|
|
return !_p(e) && !Op(e) && (Zp(e) || typeof e == "object");
|
|
},
|
|
_p = b0("undefined"),
|
|
Vi = function (e) {
|
|
var t = typeof Symbol == "function" && Symbol.iterator,
|
|
n = t && e[t],
|
|
r = 0;
|
|
if (n) return n.call(e);
|
|
if (e && typeof e.length == "number")
|
|
return {
|
|
next: function () {
|
|
return (
|
|
e && r >= e.length && (e = void 0),
|
|
{ value: e && e[r++], done: !e }
|
|
);
|
|
},
|
|
};
|
|
throw new TypeError(
|
|
t ? "Object is not iterable." : "Symbol.iterator is not defined.",
|
|
);
|
|
};
|
|
function Ip(e, t) {
|
|
var n = e.length;
|
|
if (n !== t.length) return !1;
|
|
for (var r = n; r-- !== 0; ) if (!Oe(e[r], t[r])) return !1;
|
|
return !0;
|
|
}
|
|
function Rp(e, t) {
|
|
if (e.byteLength !== t.byteLength) return !1;
|
|
for (
|
|
var n = new DataView(e.buffer),
|
|
r = new DataView(t.buffer),
|
|
i = e.byteLength;
|
|
i--;
|
|
)
|
|
if (n.getUint8(i) !== r.getUint8(i)) return !1;
|
|
return !0;
|
|
}
|
|
function Bp(e, t) {
|
|
var n, r, i, l;
|
|
if (e.size !== t.size) return !1;
|
|
try {
|
|
for (var o = Vi(e.entries()), s = o.next(); !s.done; s = o.next()) {
|
|
var d = s.value;
|
|
if (!t.has(d[0])) return !1;
|
|
}
|
|
} catch (m) {
|
|
n = { error: m };
|
|
} finally {
|
|
try {
|
|
s && !s.done && (r = o.return) && r.call(o);
|
|
} finally {
|
|
if (n) throw n.error;
|
|
}
|
|
}
|
|
try {
|
|
for (var c = Vi(e.entries()), u = c.next(); !u.done; u = c.next()) {
|
|
var d = u.value;
|
|
if (!Oe(d[1], t.get(d[0]))) return !1;
|
|
}
|
|
} catch (m) {
|
|
i = { error: m };
|
|
} finally {
|
|
try {
|
|
u && !u.done && (l = c.return) && l.call(c);
|
|
} finally {
|
|
if (i) throw i.error;
|
|
}
|
|
}
|
|
return !0;
|
|
}
|
|
function Pp(e, t) {
|
|
var n, r;
|
|
if (e.size !== t.size) return !1;
|
|
try {
|
|
for (var i = Vi(e.entries()), l = i.next(); !l.done; l = i.next()) {
|
|
var o = l.value;
|
|
if (!t.has(o[0])) return !1;
|
|
}
|
|
} catch (s) {
|
|
n = { error: s };
|
|
} finally {
|
|
try {
|
|
l && !l.done && (r = i.return) && r.call(i);
|
|
} finally {
|
|
if (n) throw n.error;
|
|
}
|
|
}
|
|
return !0;
|
|
}
|
|
function Oe(e, t) {
|
|
if (e === t) return !0;
|
|
if (e && r1(e) && t && r1(t)) {
|
|
if (e.constructor !== t.constructor) return !1;
|
|
if (Array.isArray(e) && Array.isArray(t)) return Ip(e, t);
|
|
if (e instanceof Map && t instanceof Map) return Bp(e, t);
|
|
if (e instanceof Set && t instanceof Set) return Pp(e, t);
|
|
if (ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) return Rp(e, t);
|
|
if (a1(e) && a1(t)) return e.source === t.source && e.flags === t.flags;
|
|
if (e.valueOf !== Object.prototype.valueOf)
|
|
return e.valueOf() === t.valueOf();
|
|
if (e.toString !== Object.prototype.toString)
|
|
return e.toString() === t.toString();
|
|
var n = Object.keys(e),
|
|
r = Object.keys(t);
|
|
if (n.length !== r.length) return !1;
|
|
for (var i = n.length; i-- !== 0; )
|
|
if (!Object.prototype.hasOwnProperty.call(t, n[i])) return !1;
|
|
for (var i = n.length; i-- !== 0; ) {
|
|
var l = n[i];
|
|
if (!(l === "_owner" && e.$$typeof) && !Oe(e[l], t[l])) return !1;
|
|
}
|
|
return !0;
|
|
}
|
|
return Number.isNaN(e) && Number.isNaN(t) ? !0 : e === t;
|
|
}
|
|
function Vp() {
|
|
for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
|
|
return e.every(function (n) {
|
|
return I.string(n) || I.array(n) || I.plainObject(n);
|
|
});
|
|
}
|
|
function Hp(e, t, n) {
|
|
return E0(e, t)
|
|
? [e, t].every(I.array)
|
|
? !e.some(d1(n)) && t.some(d1(n))
|
|
: [e, t].every(I.plainObject)
|
|
? !Object.entries(e).some(s1(n)) && Object.entries(t).some(s1(n))
|
|
: t === n
|
|
: !1;
|
|
}
|
|
function i1(e, t, n) {
|
|
var r = n.actual,
|
|
i = n.key,
|
|
l = n.previous,
|
|
o = n.type,
|
|
s = st(e, i),
|
|
d = st(t, i),
|
|
c = [s, d].every(I.number) && (o === "increased" ? s < d : s > d);
|
|
return (
|
|
I.undefined(r) || (c = c && d === r),
|
|
I.undefined(l) || (c = c && s === l),
|
|
c
|
|
);
|
|
}
|
|
function l1(e, t, n) {
|
|
var r = n.key,
|
|
i = n.type,
|
|
l = n.value,
|
|
o = st(e, r),
|
|
s = st(t, r),
|
|
d = i === "added" ? o : s,
|
|
c = i === "added" ? s : o;
|
|
if (!I.nullOrUndefined(l)) {
|
|
if (I.defined(d)) {
|
|
if (I.array(d) || I.plainObject(d)) return Hp(d, c, l);
|
|
} else return Oe(c, l);
|
|
return !1;
|
|
}
|
|
return [o, s].every(I.array)
|
|
? !c.every(vl(d))
|
|
: [o, s].every(I.plainObject)
|
|
? jp(Object.keys(d), Object.keys(c))
|
|
: ![o, s].every(function (u) {
|
|
return I.primitive(u) && I.defined(u);
|
|
}) &&
|
|
(i === "added"
|
|
? !I.defined(o) && I.defined(s)
|
|
: I.defined(o) && !I.defined(s));
|
|
}
|
|
function o1(e, t, n) {
|
|
var r = n === void 0 ? {} : n,
|
|
i = r.key,
|
|
l = st(e, i),
|
|
o = st(t, i);
|
|
if (!E0(l, o)) throw new TypeError("Inputs have different types");
|
|
if (!Vp(l, o)) throw new TypeError("Inputs don't have length");
|
|
return (
|
|
[l, o].every(I.plainObject) &&
|
|
((l = Object.keys(l)), (o = Object.keys(o))),
|
|
[l, o]
|
|
);
|
|
}
|
|
function s1(e) {
|
|
return function (t) {
|
|
var n = t[0],
|
|
r = t[1];
|
|
return I.array(e)
|
|
? Oe(e, r) ||
|
|
e.some(function (i) {
|
|
return Oe(i, r) || (I.array(r) && vl(r)(i));
|
|
})
|
|
: I.plainObject(e) && e[n]
|
|
? !!e[n] && Oe(e[n], r)
|
|
: Oe(e, r);
|
|
};
|
|
}
|
|
function jp(e, t) {
|
|
return t.some(function (n) {
|
|
return !e.includes(n);
|
|
});
|
|
}
|
|
function d1(e) {
|
|
return function (t) {
|
|
return I.array(e)
|
|
? e.some(function (n) {
|
|
return Oe(n, t) || (I.array(t) && vl(t)(n));
|
|
})
|
|
: Oe(e, t);
|
|
};
|
|
}
|
|
function Ln(e, t) {
|
|
return I.array(e)
|
|
? e.some(function (n) {
|
|
return Oe(n, t);
|
|
})
|
|
: Oe(e, t);
|
|
}
|
|
function vl(e) {
|
|
return function (t) {
|
|
return e.some(function (n) {
|
|
return Oe(n, t);
|
|
});
|
|
};
|
|
}
|
|
function E0() {
|
|
for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
|
|
return (
|
|
e.every(I.array) ||
|
|
e.every(I.number) ||
|
|
e.every(I.plainObject) ||
|
|
e.every(I.string)
|
|
);
|
|
}
|
|
function st(e, t) {
|
|
if (I.plainObject(e) || I.array(e)) {
|
|
if (I.string(t)) {
|
|
var n = t.split(".");
|
|
return n.reduce(function (r, i) {
|
|
return r && r[i];
|
|
}, e);
|
|
}
|
|
return I.number(t) ? e[t] : e;
|
|
}
|
|
return e;
|
|
}
|
|
function Dp(e, t) {
|
|
if ([e, t].some(I.nullOrUndefined))
|
|
throw new Error("Missing required parameters");
|
|
if (
|
|
![e, t].every(function (m) {
|
|
return I.plainObject(m) || I.array(m);
|
|
})
|
|
)
|
|
throw new Error("Expected plain objects or array");
|
|
var n = function (m, p) {
|
|
try {
|
|
return l1(e, t, { key: m, type: "added", value: p });
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
r = function (m, p, v) {
|
|
try {
|
|
var g = st(e, m),
|
|
y = st(t, m),
|
|
w = I.defined(p),
|
|
b = I.defined(v);
|
|
if (w || b) {
|
|
var h = b ? Ln(v, g) : !Ln(p, g),
|
|
f = Ln(p, y);
|
|
return h && f;
|
|
}
|
|
return [g, y].every(I.array) || [g, y].every(I.plainObject)
|
|
? !Oe(g, y)
|
|
: g !== y;
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
i = function (m, p, v) {
|
|
if (!I.defined(m)) return !1;
|
|
try {
|
|
var g = st(e, m),
|
|
y = st(t, m),
|
|
w = I.defined(v);
|
|
return Ln(p, g) && (w ? Ln(v, y) : !w);
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
l = function (m, p) {
|
|
return I.defined(m) ? r(m, p) : !1;
|
|
},
|
|
o = function (m, p, v) {
|
|
if (!I.defined(m)) return !1;
|
|
try {
|
|
return i1(e, t, {
|
|
key: m,
|
|
actual: p,
|
|
previous: v,
|
|
type: "decreased",
|
|
});
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
s = function (m) {
|
|
try {
|
|
var p = o1(e, t, { key: m }),
|
|
v = p[0],
|
|
g = p[1];
|
|
return !!v.length && !g.length;
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
d = function (m) {
|
|
try {
|
|
var p = o1(e, t, { key: m }),
|
|
v = p[0],
|
|
g = p[1];
|
|
return !v.length && !!g.length;
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
c = function (m, p, v) {
|
|
if (!I.defined(m)) return !1;
|
|
try {
|
|
return i1(e, t, {
|
|
key: m,
|
|
actual: p,
|
|
previous: v,
|
|
type: "increased",
|
|
});
|
|
} catch {
|
|
return !1;
|
|
}
|
|
},
|
|
u = function (m, p) {
|
|
try {
|
|
return l1(e, t, { key: m, type: "removed", value: p });
|
|
} catch {
|
|
return !1;
|
|
}
|
|
};
|
|
return {
|
|
added: n,
|
|
changed: r,
|
|
changedFrom: i,
|
|
changedTo: l,
|
|
decreased: o,
|
|
emptied: s,
|
|
filled: d,
|
|
increased: c,
|
|
removed: u,
|
|
};
|
|
}
|
|
function c1(e, t) {
|
|
var n = Object.keys(e);
|
|
if (Object.getOwnPropertySymbols) {
|
|
var r = Object.getOwnPropertySymbols(e);
|
|
(t &&
|
|
(r = r.filter(function (i) {
|
|
return Object.getOwnPropertyDescriptor(e, i).enumerable;
|
|
})),
|
|
n.push.apply(n, r));
|
|
}
|
|
return n;
|
|
}
|
|
function me(e) {
|
|
for (var t = 1; t < arguments.length; t++) {
|
|
var n = arguments[t] != null ? arguments[t] : {};
|
|
t % 2
|
|
? c1(Object(n), !0).forEach(function (r) {
|
|
xe(e, r, n[r]);
|
|
})
|
|
: Object.getOwnPropertyDescriptors
|
|
? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n))
|
|
: c1(Object(n)).forEach(function (r) {
|
|
Object.defineProperty(
|
|
e,
|
|
r,
|
|
Object.getOwnPropertyDescriptor(n, r),
|
|
);
|
|
});
|
|
}
|
|
return e;
|
|
}
|
|
function ma(e, t) {
|
|
if (!(e instanceof t))
|
|
throw new TypeError("Cannot call a class as a function");
|
|
}
|
|
function u1(e, t) {
|
|
for (var n = 0; n < t.length; n++) {
|
|
var r = t[n];
|
|
((r.enumerable = r.enumerable || !1),
|
|
(r.configurable = !0),
|
|
"value" in r && (r.writable = !0),
|
|
Object.defineProperty(e, w0(r.key), r));
|
|
}
|
|
}
|
|
function pa(e, t, n) {
|
|
return (
|
|
t && u1(e.prototype, t),
|
|
n && u1(e, n),
|
|
Object.defineProperty(e, "prototype", { writable: !1 }),
|
|
e
|
|
);
|
|
}
|
|
function xe(e, t, n) {
|
|
return (
|
|
(t = w0(t)),
|
|
t in e
|
|
? Object.defineProperty(e, t, {
|
|
value: n,
|
|
enumerable: !0,
|
|
configurable: !0,
|
|
writable: !0,
|
|
})
|
|
: (e[t] = n),
|
|
e
|
|
);
|
|
}
|
|
function ha(e, t) {
|
|
if (typeof t != "function" && t !== null)
|
|
throw new TypeError(
|
|
"Super expression must either be null or a function",
|
|
);
|
|
((e.prototype = Object.create(t && t.prototype, {
|
|
constructor: { value: e, writable: !0, configurable: !0 },
|
|
})),
|
|
Object.defineProperty(e, "prototype", { writable: !1 }),
|
|
t && Hi(e, t));
|
|
}
|
|
function dr(e) {
|
|
return (
|
|
(dr = Object.setPrototypeOf
|
|
? Object.getPrototypeOf.bind()
|
|
: function (t) {
|
|
return t.__proto__ || Object.getPrototypeOf(t);
|
|
}),
|
|
dr(e)
|
|
);
|
|
}
|
|
function Hi(e, t) {
|
|
return (
|
|
(Hi = Object.setPrototypeOf
|
|
? Object.setPrototypeOf.bind()
|
|
: function (n, r) {
|
|
return ((n.__proto__ = r), n);
|
|
}),
|
|
Hi(e, t)
|
|
);
|
|
}
|
|
function zp() {
|
|
if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
|
|
return !1;
|
|
if (typeof Proxy == "function") return !0;
|
|
try {
|
|
return (
|
|
Boolean.prototype.valueOf.call(
|
|
Reflect.construct(Boolean, [], function () {}),
|
|
),
|
|
!0
|
|
);
|
|
} catch {
|
|
return !1;
|
|
}
|
|
}
|
|
function Up(e, t) {
|
|
if (e == null) return {};
|
|
var n = {},
|
|
r = Object.keys(e),
|
|
i,
|
|
l;
|
|
for (l = 0; l < r.length; l++)
|
|
((i = r[l]), !(t.indexOf(i) >= 0) && (n[i] = e[i]));
|
|
return n;
|
|
}
|
|
function k0(e, t) {
|
|
if (e == null) return {};
|
|
var n = Up(e, t),
|
|
r,
|
|
i;
|
|
if (Object.getOwnPropertySymbols) {
|
|
var l = Object.getOwnPropertySymbols(e);
|
|
for (i = 0; i < l.length; i++)
|
|
((r = l[i]),
|
|
!(t.indexOf(r) >= 0) &&
|
|
Object.prototype.propertyIsEnumerable.call(e, r) &&
|
|
(n[r] = e[r]));
|
|
}
|
|
return n;
|
|
}
|
|
function vt(e) {
|
|
if (e === void 0)
|
|
throw new ReferenceError(
|
|
"this hasn't been initialised - super() hasn't been called",
|
|
);
|
|
return e;
|
|
}
|
|
function $p(e, t) {
|
|
if (t && (typeof t == "object" || typeof t == "function")) return t;
|
|
if (t !== void 0)
|
|
throw new TypeError(
|
|
"Derived constructors may only return object or undefined",
|
|
);
|
|
return vt(e);
|
|
}
|
|
function fa(e) {
|
|
var t = zp();
|
|
return function () {
|
|
var n = dr(e),
|
|
r;
|
|
if (t) {
|
|
var i = dr(this).constructor;
|
|
r = Reflect.construct(n, arguments, i);
|
|
} else r = n.apply(this, arguments);
|
|
return $p(this, r);
|
|
};
|
|
}
|
|
function Wp(e, t) {
|
|
if (typeof e != "object" || e === null) return e;
|
|
var n = e[Symbol.toPrimitive];
|
|
if (n !== void 0) {
|
|
var r = n.call(e, t || "default");
|
|
if (typeof r != "object") return r;
|
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
}
|
|
return (t === "string" ? String : Number)(e);
|
|
}
|
|
function w0(e) {
|
|
var t = Wp(e, "string");
|
|
return typeof t == "symbol" ? t : String(t);
|
|
}
|
|
var qp = { flip: { padding: 20 }, preventOverflow: { padding: 10 } },
|
|
Gp =
|
|
"The typeValidator argument must be a function with the signature function(props, propName, componentName).",
|
|
Yp = "The error message is optional, but must be a string if provided.";
|
|
function Kp(e, t, n, r) {
|
|
return typeof e == "boolean"
|
|
? e
|
|
: typeof e == "function"
|
|
? e(t, n, r)
|
|
: e
|
|
? !!e
|
|
: !1;
|
|
}
|
|
function Jp(e, t) {
|
|
return Object.hasOwnProperty.call(e, t);
|
|
}
|
|
function Qp(e, t, n, r) {
|
|
return r
|
|
? new Error(r)
|
|
: new Error(
|
|
"Required "
|
|
.concat(e[t], " `")
|
|
.concat(t, "` was not specified in `")
|
|
.concat(n, "`."),
|
|
);
|
|
}
|
|
function Xp(e, t) {
|
|
if (typeof e != "function") throw new TypeError(Gp);
|
|
if (t && typeof t != "string") throw new TypeError(Yp);
|
|
}
|
|
function m1(e, t, n) {
|
|
return (
|
|
Xp(e, n),
|
|
function (r, i, l) {
|
|
for (
|
|
var o = arguments.length, s = new Array(o > 3 ? o - 3 : 0), d = 3;
|
|
d < o;
|
|
d++
|
|
)
|
|
s[d - 3] = arguments[d];
|
|
return Kp(t, r, i, l)
|
|
? Jp(r, i)
|
|
? e.apply(void 0, [r, i, l].concat(s))
|
|
: Qp(r, i, l, n)
|
|
: e.apply(void 0, [r, i, l].concat(s));
|
|
}
|
|
);
|
|
}
|
|
var ee = {
|
|
INIT: "init",
|
|
IDLE: "idle",
|
|
OPENING: "opening",
|
|
OPEN: "open",
|
|
CLOSING: "closing",
|
|
ERROR: "error",
|
|
},
|
|
Tn = Nn.createPortal !== void 0;
|
|
function at() {
|
|
return !!(
|
|
typeof window < "u" &&
|
|
window.document &&
|
|
window.document.createElement
|
|
);
|
|
}
|
|
function ni() {
|
|
return "ontouchstart" in window && /Mobi/.test(navigator.userAgent);
|
|
}
|
|
function La(e) {
|
|
var t = e.title,
|
|
n = e.data,
|
|
r = e.warn,
|
|
i = r === void 0 ? !1 : r,
|
|
l = e.debug,
|
|
o = l === void 0 ? !1 : l,
|
|
s = i ? console.warn || console.error : console.log;
|
|
o &&
|
|
t &&
|
|
n &&
|
|
(console.groupCollapsed(
|
|
"%creact-floater: ".concat(t),
|
|
"color: #9b00ff; font-weight: bold; font-size: 12px;",
|
|
),
|
|
Array.isArray(n)
|
|
? n.forEach(function (d) {
|
|
I.plainObject(d) && d.key
|
|
? s.apply(console, [d.key, d.value])
|
|
: s.apply(console, [d]);
|
|
})
|
|
: s.apply(console, [n]),
|
|
console.groupEnd());
|
|
}
|
|
function e3(e, t, n) {
|
|
var r =
|
|
arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1;
|
|
e.addEventListener(t, n, r);
|
|
}
|
|
function t3(e, t, n) {
|
|
var r =
|
|
arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1;
|
|
e.removeEventListener(t, n, r);
|
|
}
|
|
function n3(e, t, n) {
|
|
var r =
|
|
arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1,
|
|
i;
|
|
((i = function (l) {
|
|
(n(l), t3(e, t, i));
|
|
}),
|
|
e3(e, t, i, r));
|
|
}
|
|
function p1() {}
|
|
var C0 = (function (e) {
|
|
ha(n, e);
|
|
var t = fa(n);
|
|
function n() {
|
|
return (ma(this, n), t.apply(this, arguments));
|
|
}
|
|
return (
|
|
pa(n, [
|
|
{
|
|
key: "componentDidMount",
|
|
value: function () {
|
|
at() &&
|
|
(this.node || this.appendNode(), Tn || this.renderPortal());
|
|
},
|
|
},
|
|
{
|
|
key: "componentDidUpdate",
|
|
value: function () {
|
|
at() && (Tn || this.renderPortal());
|
|
},
|
|
},
|
|
{
|
|
key: "componentWillUnmount",
|
|
value: function () {
|
|
!at() ||
|
|
!this.node ||
|
|
(Tn || Nn.unmountComponentAtNode(this.node),
|
|
this.node &&
|
|
this.node.parentNode === document.body &&
|
|
(document.body.removeChild(this.node), (this.node = void 0)));
|
|
},
|
|
},
|
|
{
|
|
key: "appendNode",
|
|
value: function () {
|
|
var r = this.props,
|
|
i = r.id,
|
|
l = r.zIndex;
|
|
this.node ||
|
|
((this.node = document.createElement("div")),
|
|
i && (this.node.id = i),
|
|
l && (this.node.style.zIndex = l),
|
|
document.body.appendChild(this.node));
|
|
},
|
|
},
|
|
{
|
|
key: "renderPortal",
|
|
value: function () {
|
|
if (!at()) return null;
|
|
var r = this.props,
|
|
i = r.children,
|
|
l = r.setRef;
|
|
if ((this.node || this.appendNode(), Tn))
|
|
return Nn.createPortal(i, this.node);
|
|
var o = Nn.unstable_renderSubtreeIntoContainer(
|
|
this,
|
|
i.length > 1 ? a.createElement("div", null, i) : i[0],
|
|
this.node,
|
|
);
|
|
return (l(o), null);
|
|
},
|
|
},
|
|
{
|
|
key: "renderReact16",
|
|
value: function () {
|
|
var r = this.props,
|
|
i = r.hasChildren,
|
|
l = r.placement,
|
|
o = r.target;
|
|
return i
|
|
? this.renderPortal()
|
|
: o || l === "center"
|
|
? this.renderPortal()
|
|
: null;
|
|
},
|
|
},
|
|
{
|
|
key: "render",
|
|
value: function () {
|
|
return Tn ? this.renderReact16() : null;
|
|
},
|
|
},
|
|
]),
|
|
n
|
|
);
|
|
})(a.Component);
|
|
xe(C0, "propTypes", {
|
|
children: N.default.oneOfType([N.default.element, N.default.array]),
|
|
hasChildren: N.default.bool,
|
|
id: N.default.oneOfType([N.default.string, N.default.number]),
|
|
placement: N.default.string,
|
|
setRef: N.default.func.isRequired,
|
|
target: N.default.oneOfType([N.default.object, N.default.string]),
|
|
zIndex: N.default.number,
|
|
});
|
|
var S0 = (function (e) {
|
|
ha(n, e);
|
|
var t = fa(n);
|
|
function n() {
|
|
return (ma(this, n), t.apply(this, arguments));
|
|
}
|
|
return (
|
|
pa(n, [
|
|
{
|
|
key: "parentStyle",
|
|
get: function () {
|
|
var r = this.props,
|
|
i = r.placement,
|
|
l = r.styles,
|
|
o = l.arrow.length,
|
|
s = {
|
|
pointerEvents: "none",
|
|
position: "absolute",
|
|
width: "100%",
|
|
};
|
|
return (
|
|
i.startsWith("top")
|
|
? ((s.bottom = 0),
|
|
(s.left = 0),
|
|
(s.right = 0),
|
|
(s.height = o))
|
|
: i.startsWith("bottom")
|
|
? ((s.left = 0), (s.right = 0), (s.top = 0), (s.height = o))
|
|
: i.startsWith("left")
|
|
? ((s.right = 0), (s.top = 0), (s.bottom = 0))
|
|
: i.startsWith("right") && ((s.left = 0), (s.top = 0)),
|
|
s
|
|
);
|
|
},
|
|
},
|
|
{
|
|
key: "render",
|
|
value: function () {
|
|
var r = this.props,
|
|
i = r.placement,
|
|
l = r.setArrowRef,
|
|
o = r.styles,
|
|
s = o.arrow,
|
|
d = s.color,
|
|
c = s.display,
|
|
u = s.length,
|
|
m = s.margin,
|
|
p = s.position,
|
|
v = s.spread,
|
|
g = { display: c, position: p },
|
|
y,
|
|
w = v,
|
|
b = u;
|
|
return (
|
|
i.startsWith("top")
|
|
? ((y = "0,0 "
|
|
.concat(w / 2, ",")
|
|
.concat(b, " ")
|
|
.concat(w, ",0")),
|
|
(g.bottom = 0),
|
|
(g.marginLeft = m),
|
|
(g.marginRight = m))
|
|
: i.startsWith("bottom")
|
|
? ((y = ""
|
|
.concat(w, ",")
|
|
.concat(b, " ")
|
|
.concat(w / 2, ",0 0,")
|
|
.concat(b)),
|
|
(g.top = 0),
|
|
(g.marginLeft = m),
|
|
(g.marginRight = m))
|
|
: i.startsWith("left")
|
|
? ((b = v),
|
|
(w = u),
|
|
(y = "0,0 "
|
|
.concat(w, ",")
|
|
.concat(b / 2, " 0,")
|
|
.concat(b)),
|
|
(g.right = 0),
|
|
(g.marginTop = m),
|
|
(g.marginBottom = m))
|
|
: i.startsWith("right") &&
|
|
((b = v),
|
|
(w = u),
|
|
(y = ""
|
|
.concat(w, ",")
|
|
.concat(b, " ")
|
|
.concat(w, ",0 0,")
|
|
.concat(b / 2)),
|
|
(g.left = 0),
|
|
(g.marginTop = m),
|
|
(g.marginBottom = m)),
|
|
a.createElement(
|
|
"div",
|
|
{ className: "__floater__arrow", style: this.parentStyle },
|
|
a.createElement(
|
|
"span",
|
|
{ ref: l, style: g },
|
|
a.createElement(
|
|
"svg",
|
|
{
|
|
width: w,
|
|
height: b,
|
|
version: "1.1",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
},
|
|
a.createElement("polygon", { points: y, fill: d }),
|
|
),
|
|
),
|
|
)
|
|
);
|
|
},
|
|
},
|
|
]),
|
|
n
|
|
);
|
|
})(a.Component);
|
|
xe(S0, "propTypes", {
|
|
placement: N.default.string.isRequired,
|
|
setArrowRef: N.default.func.isRequired,
|
|
styles: N.default.object.isRequired,
|
|
});
|
|
var a3 = ["color", "height", "width"];
|
|
function x0(e) {
|
|
var t = e.handleClick,
|
|
n = e.styles,
|
|
r = n.color,
|
|
i = n.height,
|
|
l = n.width,
|
|
o = k0(n, a3);
|
|
return a.createElement(
|
|
"button",
|
|
{ "aria-label": "close", onClick: t, style: o, type: "button" },
|
|
a.createElement(
|
|
"svg",
|
|
{
|
|
width: "".concat(l, "px"),
|
|
height: "".concat(i, "px"),
|
|
viewBox: "0 0 18 18",
|
|
version: "1.1",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
preserveAspectRatio: "xMidYMid",
|
|
},
|
|
a.createElement(
|
|
"g",
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M8.13911129,9.00268191 L0.171521827,17.0258467 C-0.0498027049,17.248715 -0.0498027049,17.6098394 0.171521827,17.8327545 C0.28204354,17.9443526 0.427188206,17.9998706 0.572051765,17.9998706 C0.71714958,17.9998706 0.862013139,17.9443526 0.972581703,17.8327545 L9.0000937,9.74924618 L17.0276057,17.8327545 C17.1384085,17.9443526 17.2832721,17.9998706 17.4281356,17.9998706 C17.5729992,17.9998706 17.718097,17.9443526 17.8286656,17.8327545 C18.0499901,17.6098862 18.0499901,17.2487618 17.8286656,17.0258467 L9.86135722,9.00268191 L17.8340066,0.973848225 C18.0553311,0.750979934 18.0553311,0.389855532 17.8340066,0.16694039 C17.6126821,-0.0556467968 17.254037,-0.0556467968 17.0329467,0.16694039 L9.00042166,8.25611765 L0.967006424,0.167268345 C0.745681892,-0.0553188426 0.387317931,-0.0553188426 0.165993399,0.167268345 C-0.0553311331,0.390136635 -0.0553311331,0.751261038 0.165993399,0.974176179 L8.13920499,9.00268191 L8.13911129,9.00268191 Z",
|
|
fill: r,
|
|
}),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
x0.propTypes = {
|
|
handleClick: N.default.func.isRequired,
|
|
styles: N.default.object.isRequired,
|
|
};
|
|
function N0(e) {
|
|
var t = e.content,
|
|
n = e.footer,
|
|
r = e.handleClick,
|
|
i = e.open,
|
|
l = e.positionWrapper,
|
|
o = e.showCloseButton,
|
|
s = e.title,
|
|
d = e.styles,
|
|
c = {
|
|
content: a.isValidElement(t)
|
|
? t
|
|
: a.createElement(
|
|
"div",
|
|
{ className: "__floater__content", style: d.content },
|
|
t,
|
|
),
|
|
};
|
|
return (
|
|
s &&
|
|
(c.title = a.isValidElement(s)
|
|
? s
|
|
: a.createElement(
|
|
"div",
|
|
{ className: "__floater__title", style: d.title },
|
|
s,
|
|
)),
|
|
n &&
|
|
(c.footer = a.isValidElement(n)
|
|
? n
|
|
: a.createElement(
|
|
"div",
|
|
{ className: "__floater__footer", style: d.footer },
|
|
n,
|
|
)),
|
|
(o || l) &&
|
|
!I.boolean(i) &&
|
|
(c.close = a.createElement(x0, { styles: d.close, handleClick: r })),
|
|
a.createElement(
|
|
"div",
|
|
{ className: "__floater__container", style: d.container },
|
|
c.close,
|
|
c.title,
|
|
c.content,
|
|
c.footer,
|
|
)
|
|
);
|
|
}
|
|
N0.propTypes = {
|
|
content: N.default.node.isRequired,
|
|
footer: N.default.node,
|
|
handleClick: N.default.func.isRequired,
|
|
open: N.default.bool,
|
|
positionWrapper: N.default.bool.isRequired,
|
|
showCloseButton: N.default.bool.isRequired,
|
|
styles: N.default.object.isRequired,
|
|
title: N.default.node,
|
|
};
|
|
var M0 = (function (e) {
|
|
ha(n, e);
|
|
var t = fa(n);
|
|
function n() {
|
|
return (ma(this, n), t.apply(this, arguments));
|
|
}
|
|
return (
|
|
pa(n, [
|
|
{
|
|
key: "style",
|
|
get: function () {
|
|
var r = this.props,
|
|
i = r.disableAnimation,
|
|
l = r.component,
|
|
o = r.placement,
|
|
s = r.hideArrow,
|
|
d = r.status,
|
|
c = r.styles,
|
|
u = c.arrow.length,
|
|
m = c.floater,
|
|
p = c.floaterCentered,
|
|
v = c.floaterClosing,
|
|
g = c.floaterOpening,
|
|
y = c.floaterWithAnimation,
|
|
w = c.floaterWithComponent,
|
|
b = {};
|
|
return (
|
|
s ||
|
|
(o.startsWith("top")
|
|
? (b.padding = "0 0 ".concat(u, "px"))
|
|
: o.startsWith("bottom")
|
|
? (b.padding = "".concat(u, "px 0 0"))
|
|
: o.startsWith("left")
|
|
? (b.padding = "0 ".concat(u, "px 0 0"))
|
|
: o.startsWith("right") &&
|
|
(b.padding = "0 0 0 ".concat(u, "px"))),
|
|
[ee.OPENING, ee.OPEN].indexOf(d) !== -1 &&
|
|
(b = me(me({}, b), g)),
|
|
d === ee.CLOSING && (b = me(me({}, b), v)),
|
|
d === ee.OPEN && !i && (b = me(me({}, b), y)),
|
|
o === "center" && (b = me(me({}, b), p)),
|
|
l && (b = me(me({}, b), w)),
|
|
me(me({}, m), b)
|
|
);
|
|
},
|
|
},
|
|
{
|
|
key: "render",
|
|
value: function () {
|
|
var r = this.props,
|
|
i = r.component,
|
|
l = r.handleClick,
|
|
o = r.hideArrow,
|
|
s = r.setFloaterRef,
|
|
d = r.status,
|
|
c = {},
|
|
u = ["__floater"];
|
|
return (
|
|
i
|
|
? a.isValidElement(i)
|
|
? (c.content = a.cloneElement(i, { closeFn: l }))
|
|
: (c.content = i({ closeFn: l }))
|
|
: (c.content = a.createElement(N0, this.props)),
|
|
d === ee.OPEN && u.push("__floater__open"),
|
|
o || (c.arrow = a.createElement(S0, this.props)),
|
|
a.createElement(
|
|
"div",
|
|
{ ref: s, className: u.join(" "), style: this.style },
|
|
a.createElement(
|
|
"div",
|
|
{ className: "__floater__body" },
|
|
c.content,
|
|
c.arrow,
|
|
),
|
|
)
|
|
);
|
|
},
|
|
},
|
|
]),
|
|
n
|
|
);
|
|
})(a.Component);
|
|
xe(M0, "propTypes", {
|
|
component: N.default.oneOfType([N.default.func, N.default.element]),
|
|
content: N.default.node,
|
|
disableAnimation: N.default.bool.isRequired,
|
|
footer: N.default.node,
|
|
handleClick: N.default.func.isRequired,
|
|
hideArrow: N.default.bool.isRequired,
|
|
open: N.default.bool,
|
|
placement: N.default.string.isRequired,
|
|
positionWrapper: N.default.bool.isRequired,
|
|
setArrowRef: N.default.func.isRequired,
|
|
setFloaterRef: N.default.func.isRequired,
|
|
showCloseButton: N.default.bool,
|
|
status: N.default.string.isRequired,
|
|
styles: N.default.object.isRequired,
|
|
title: N.default.node,
|
|
});
|
|
var F0 = (function (e) {
|
|
ha(n, e);
|
|
var t = fa(n);
|
|
function n() {
|
|
return (ma(this, n), t.apply(this, arguments));
|
|
}
|
|
return (
|
|
pa(n, [
|
|
{
|
|
key: "render",
|
|
value: function () {
|
|
var r = this.props,
|
|
i = r.children,
|
|
l = r.handleClick,
|
|
o = r.handleMouseEnter,
|
|
s = r.handleMouseLeave,
|
|
d = r.setChildRef,
|
|
c = r.setWrapperRef,
|
|
u = r.style,
|
|
m = r.styles,
|
|
p;
|
|
if (i)
|
|
if (a.Children.count(i) === 1)
|
|
if (!a.isValidElement(i))
|
|
p = a.createElement("span", null, i);
|
|
else {
|
|
var v = I.function(i.type) ? "innerRef" : "ref";
|
|
p = a.cloneElement(a.Children.only(i), xe({}, v, d));
|
|
}
|
|
else p = i;
|
|
return p
|
|
? a.createElement(
|
|
"span",
|
|
{
|
|
ref: c,
|
|
style: me(me({}, m), u),
|
|
onClick: l,
|
|
onMouseEnter: o,
|
|
onMouseLeave: s,
|
|
},
|
|
p,
|
|
)
|
|
: null;
|
|
},
|
|
},
|
|
]),
|
|
n
|
|
);
|
|
})(a.Component);
|
|
xe(F0, "propTypes", {
|
|
children: N.default.node,
|
|
handleClick: N.default.func.isRequired,
|
|
handleMouseEnter: N.default.func.isRequired,
|
|
handleMouseLeave: N.default.func.isRequired,
|
|
setChildRef: N.default.func.isRequired,
|
|
setWrapperRef: N.default.func.isRequired,
|
|
style: N.default.object,
|
|
styles: N.default.object.isRequired,
|
|
});
|
|
var r3 = { zIndex: 100 };
|
|
function i3(e) {
|
|
var t = (0, Pi.default)(r3, e.options || {});
|
|
return {
|
|
wrapper: {
|
|
cursor: "help",
|
|
display: "inline-flex",
|
|
flexDirection: "column",
|
|
zIndex: t.zIndex,
|
|
},
|
|
wrapperPosition: {
|
|
left: -1e3,
|
|
position: "absolute",
|
|
top: -1e3,
|
|
visibility: "hidden",
|
|
},
|
|
floater: {
|
|
display: "inline-block",
|
|
filter: "drop-shadow(0 0 3px rgba(0, 0, 0, 0.3))",
|
|
maxWidth: 300,
|
|
opacity: 0,
|
|
position: "relative",
|
|
transition: "opacity 0.3s",
|
|
visibility: "hidden",
|
|
zIndex: t.zIndex,
|
|
},
|
|
floaterOpening: { opacity: 1, visibility: "visible" },
|
|
floaterWithAnimation: {
|
|
opacity: 1,
|
|
transition: "opacity 0.3s, transform 0.2s",
|
|
visibility: "visible",
|
|
},
|
|
floaterWithComponent: { maxWidth: "100%" },
|
|
floaterClosing: { opacity: 0, visibility: "visible" },
|
|
floaterCentered: {
|
|
left: "50%",
|
|
position: "fixed",
|
|
top: "50%",
|
|
transform: "translate(-50%, -50%)",
|
|
},
|
|
container: {
|
|
backgroundColor: "#fff",
|
|
color: "#666",
|
|
minHeight: 60,
|
|
minWidth: 200,
|
|
padding: 20,
|
|
position: "relative",
|
|
zIndex: 10,
|
|
},
|
|
title: {
|
|
borderBottom: "1px solid #555",
|
|
color: "#555",
|
|
fontSize: 18,
|
|
marginBottom: 5,
|
|
paddingBottom: 6,
|
|
paddingRight: 18,
|
|
},
|
|
content: { fontSize: 15 },
|
|
close: {
|
|
backgroundColor: "transparent",
|
|
border: 0,
|
|
borderRadius: 0,
|
|
color: "#555",
|
|
fontSize: 0,
|
|
height: 15,
|
|
outline: "none",
|
|
padding: 10,
|
|
position: "absolute",
|
|
right: 0,
|
|
top: 0,
|
|
width: 15,
|
|
WebkitAppearance: "none",
|
|
},
|
|
footer: {
|
|
borderTop: "1px solid #ccc",
|
|
fontSize: 13,
|
|
marginTop: 10,
|
|
paddingTop: 5,
|
|
},
|
|
arrow: {
|
|
color: "#fff",
|
|
display: "inline-flex",
|
|
length: 16,
|
|
margin: 8,
|
|
position: "absolute",
|
|
spread: 32,
|
|
},
|
|
options: t,
|
|
};
|
|
}
|
|
var l3 = ["arrow", "flip", "offset"],
|
|
o3 = ["position", "top", "right", "bottom", "left"],
|
|
yl = (function (e) {
|
|
ha(n, e);
|
|
var t = fa(n);
|
|
function n(r) {
|
|
var i;
|
|
return (
|
|
ma(this, n),
|
|
(i = t.call(this, r)),
|
|
xe(vt(i), "setArrowRef", function (l) {
|
|
i.arrowRef = l;
|
|
}),
|
|
xe(vt(i), "setChildRef", function (l) {
|
|
i.childRef = l;
|
|
}),
|
|
xe(vt(i), "setFloaterRef", function (l) {
|
|
i.floaterRef = l;
|
|
}),
|
|
xe(vt(i), "setWrapperRef", function (l) {
|
|
i.wrapperRef = l;
|
|
}),
|
|
xe(vt(i), "handleTransitionEnd", function () {
|
|
var l = i.state.status,
|
|
o = i.props.callback;
|
|
(i.wrapperPopper && i.wrapperPopper.instance.update(),
|
|
i.setState(
|
|
{ status: l === ee.OPENING ? ee.OPEN : ee.IDLE },
|
|
function () {
|
|
var s = i.state.status;
|
|
o(s === ee.OPEN ? "open" : "close", i.props);
|
|
},
|
|
));
|
|
}),
|
|
xe(vt(i), "handleClick", function () {
|
|
var l = i.props,
|
|
o = l.event,
|
|
s = l.open;
|
|
if (!I.boolean(s)) {
|
|
var d = i.state,
|
|
c = d.positionWrapper,
|
|
u = d.status;
|
|
(i.event === "click" || (i.event === "hover" && c)) &&
|
|
(La({
|
|
title: "click",
|
|
data: [
|
|
{
|
|
event: o,
|
|
status: u === ee.OPEN ? "closing" : "opening",
|
|
},
|
|
],
|
|
debug: i.debug,
|
|
}),
|
|
i.toggle());
|
|
}
|
|
}),
|
|
xe(vt(i), "handleMouseEnter", function () {
|
|
var l = i.props,
|
|
o = l.event,
|
|
s = l.open;
|
|
if (!(I.boolean(s) || ni())) {
|
|
var d = i.state.status;
|
|
i.event === "hover" &&
|
|
d === ee.IDLE &&
|
|
(La({
|
|
title: "mouseEnter",
|
|
data: [{ key: "originalEvent", value: o }],
|
|
debug: i.debug,
|
|
}),
|
|
clearTimeout(i.eventDelayTimeout),
|
|
i.toggle());
|
|
}
|
|
}),
|
|
xe(vt(i), "handleMouseLeave", function () {
|
|
var l = i.props,
|
|
o = l.event,
|
|
s = l.eventDelay,
|
|
d = l.open;
|
|
if (!(I.boolean(d) || ni())) {
|
|
var c = i.state,
|
|
u = c.status,
|
|
m = c.positionWrapper;
|
|
i.event === "hover" &&
|
|
(La({
|
|
title: "mouseLeave",
|
|
data: [{ key: "originalEvent", value: o }],
|
|
debug: i.debug,
|
|
}),
|
|
s
|
|
? [ee.OPENING, ee.OPEN].indexOf(u) !== -1 &&
|
|
!m &&
|
|
!i.eventDelayTimeout &&
|
|
(i.eventDelayTimeout = setTimeout(function () {
|
|
(delete i.eventDelayTimeout, i.toggle());
|
|
}, s * 1e3))
|
|
: i.toggle(ee.IDLE));
|
|
}
|
|
}),
|
|
(i.state = {
|
|
currentPlacement: r.placement,
|
|
needsUpdate: !1,
|
|
positionWrapper: r.wrapperOptions.position && !!r.target,
|
|
status: ee.INIT,
|
|
statusWrapper: ee.INIT,
|
|
}),
|
|
(i._isMounted = !1),
|
|
(i.hasMounted = !1),
|
|
at() &&
|
|
window.addEventListener("load", function () {
|
|
(i.popper && i.popper.instance.update(),
|
|
i.wrapperPopper && i.wrapperPopper.instance.update());
|
|
}),
|
|
i
|
|
);
|
|
}
|
|
return (
|
|
pa(n, [
|
|
{
|
|
key: "componentDidMount",
|
|
value: function () {
|
|
if (at()) {
|
|
var r = this.state.positionWrapper,
|
|
i = this.props,
|
|
l = i.children,
|
|
o = i.open,
|
|
s = i.target;
|
|
((this._isMounted = !0),
|
|
La({
|
|
title: "init",
|
|
data: {
|
|
hasChildren: !!l,
|
|
hasTarget: !!s,
|
|
isControlled: I.boolean(o),
|
|
positionWrapper: r,
|
|
target: this.target,
|
|
floater: this.floaterRef,
|
|
},
|
|
debug: this.debug,
|
|
}),
|
|
this.hasMounted ||
|
|
(this.initPopper(), (this.hasMounted = !0)),
|
|
!l && s && I.boolean(o));
|
|
}
|
|
},
|
|
},
|
|
{
|
|
key: "componentDidUpdate",
|
|
value: function (r, i) {
|
|
if (at()) {
|
|
var l = this.props,
|
|
o = l.autoOpen,
|
|
s = l.open,
|
|
d = l.target,
|
|
c = l.wrapperOptions,
|
|
u = Dp(i, this.state),
|
|
m = u.changedFrom,
|
|
p = u.changed;
|
|
if (r.open !== s) {
|
|
var v;
|
|
(I.boolean(s) && (v = s ? ee.OPENING : ee.CLOSING),
|
|
this.toggle(v));
|
|
}
|
|
((r.wrapperOptions.position !== c.position ||
|
|
r.target !== d) &&
|
|
this.changeWrapperPosition(this.props),
|
|
p("status", ee.IDLE) && s
|
|
? this.toggle(ee.OPEN)
|
|
: m("status", ee.INIT, ee.IDLE) &&
|
|
o &&
|
|
this.toggle(ee.OPEN),
|
|
this.popper &&
|
|
p("status", ee.OPENING) &&
|
|
this.popper.instance.update(),
|
|
this.floaterRef &&
|
|
(p("status", ee.OPENING) || p("status", ee.CLOSING)) &&
|
|
n3(
|
|
this.floaterRef,
|
|
"transitionend",
|
|
this.handleTransitionEnd,
|
|
),
|
|
p("needsUpdate", !0) && this.rebuildPopper());
|
|
}
|
|
},
|
|
},
|
|
{
|
|
key: "componentWillUnmount",
|
|
value: function () {
|
|
at() &&
|
|
((this._isMounted = !1),
|
|
this.popper && this.popper.instance.destroy(),
|
|
this.wrapperPopper && this.wrapperPopper.instance.destroy());
|
|
},
|
|
},
|
|
{
|
|
key: "initPopper",
|
|
value: function () {
|
|
var r = this,
|
|
i =
|
|
arguments.length > 0 && arguments[0] !== void 0
|
|
? arguments[0]
|
|
: this.target,
|
|
l = this.state.positionWrapper,
|
|
o = this.props,
|
|
s = o.disableFlip,
|
|
d = o.getPopper,
|
|
c = o.hideArrow,
|
|
u = o.offset,
|
|
m = o.placement,
|
|
p = o.wrapperOptions,
|
|
v =
|
|
m === "top" || m === "bottom"
|
|
? "flip"
|
|
: [
|
|
"right",
|
|
"bottom-end",
|
|
"top-end",
|
|
"left",
|
|
"top-start",
|
|
"bottom-start",
|
|
];
|
|
if (m === "center") this.setState({ status: ee.IDLE });
|
|
else if (i && this.floaterRef) {
|
|
var g = this.options,
|
|
y = g.arrow,
|
|
w = g.flip,
|
|
b = g.offset,
|
|
h = k0(g, l3);
|
|
new n1(i, this.floaterRef, {
|
|
placement: m,
|
|
modifiers: me(
|
|
{
|
|
arrow: me({ enabled: !c, element: this.arrowRef }, y),
|
|
flip: me({ enabled: !s, behavior: v }, w),
|
|
offset: me({ offset: "0, ".concat(u, "px") }, b),
|
|
},
|
|
h,
|
|
),
|
|
onCreate: function (E) {
|
|
var C;
|
|
if (
|
|
((r.popper = E),
|
|
!(
|
|
(C = r.floaterRef) !== null &&
|
|
C !== void 0 &&
|
|
C.isConnected
|
|
))
|
|
) {
|
|
r.setState({ needsUpdate: !0 });
|
|
return;
|
|
}
|
|
(d(E, "floater"),
|
|
r._isMounted &&
|
|
r.setState({
|
|
currentPlacement: E.placement,
|
|
status: ee.IDLE,
|
|
}),
|
|
m !== E.placement &&
|
|
setTimeout(function () {
|
|
E.instance.update();
|
|
}, 1));
|
|
},
|
|
onUpdate: function (E) {
|
|
r.popper = E;
|
|
var C = r.state.currentPlacement;
|
|
r._isMounted &&
|
|
E.placement !== C &&
|
|
r.setState({ currentPlacement: E.placement });
|
|
},
|
|
});
|
|
}
|
|
if (l) {
|
|
var f = I.undefined(p.offset) ? 0 : p.offset;
|
|
new n1(this.target, this.wrapperRef, {
|
|
placement: p.placement || m,
|
|
modifiers: {
|
|
arrow: { enabled: !1 },
|
|
offset: { offset: "0, ".concat(f, "px") },
|
|
flip: { enabled: !1 },
|
|
},
|
|
onCreate: function (E) {
|
|
((r.wrapperPopper = E),
|
|
r._isMounted && r.setState({ statusWrapper: ee.IDLE }),
|
|
d(E, "wrapper"),
|
|
m !== E.placement &&
|
|
setTimeout(function () {
|
|
E.instance.update();
|
|
}, 1));
|
|
},
|
|
});
|
|
}
|
|
},
|
|
},
|
|
{
|
|
key: "rebuildPopper",
|
|
value: function () {
|
|
var r = this;
|
|
this.floaterRefInterval = setInterval(function () {
|
|
var i;
|
|
(i = r.floaterRef) !== null &&
|
|
i !== void 0 &&
|
|
i.isConnected &&
|
|
(clearInterval(r.floaterRefInterval),
|
|
r.setState({ needsUpdate: !1 }),
|
|
r.initPopper());
|
|
}, 50);
|
|
},
|
|
},
|
|
{
|
|
key: "changeWrapperPosition",
|
|
value: function (r) {
|
|
var i = r.target,
|
|
l = r.wrapperOptions;
|
|
this.setState({ positionWrapper: l.position && !!i });
|
|
},
|
|
},
|
|
{
|
|
key: "toggle",
|
|
value: function (r) {
|
|
var i = this.state.status,
|
|
l = i === ee.OPEN ? ee.CLOSING : ee.OPENING;
|
|
(I.undefined(r) || (l = r), this.setState({ status: l }));
|
|
},
|
|
},
|
|
{
|
|
key: "debug",
|
|
get: function () {
|
|
var r = this.props.debug;
|
|
return (
|
|
r ||
|
|
(at() &&
|
|
"ReactFloaterDebug" in window &&
|
|
!!window.ReactFloaterDebug)
|
|
);
|
|
},
|
|
},
|
|
{
|
|
key: "event",
|
|
get: function () {
|
|
var r = this.props,
|
|
i = r.disableHoverToClick,
|
|
l = r.event;
|
|
return l === "hover" && ni() && !i ? "click" : l;
|
|
},
|
|
},
|
|
{
|
|
key: "options",
|
|
get: function () {
|
|
var r = this.props.options;
|
|
return (0, Pi.default)(qp, r || {});
|
|
},
|
|
},
|
|
{
|
|
key: "styles",
|
|
get: function () {
|
|
var r = this,
|
|
i = this.state,
|
|
l = i.status,
|
|
o = i.positionWrapper,
|
|
s = i.statusWrapper,
|
|
d = this.props.styles,
|
|
c = (0, Pi.default)(i3(d), d);
|
|
if (o) {
|
|
var u;
|
|
([ee.IDLE].indexOf(l) === -1 || [ee.IDLE].indexOf(s) === -1
|
|
? (u = c.wrapperPosition)
|
|
: (u = this.wrapperPopper.styles),
|
|
(c.wrapper = me(me({}, c.wrapper), u)));
|
|
}
|
|
if (this.target) {
|
|
var m = window.getComputedStyle(this.target);
|
|
this.wrapperStyles
|
|
? (c.wrapper = me(me({}, c.wrapper), this.wrapperStyles))
|
|
: ["relative", "static"].indexOf(m.position) === -1 &&
|
|
((this.wrapperStyles = {}),
|
|
o ||
|
|
(o3.forEach(function (p) {
|
|
r.wrapperStyles[p] = m[p];
|
|
}),
|
|
(c.wrapper = me(me({}, c.wrapper), this.wrapperStyles)),
|
|
(this.target.style.position = "relative"),
|
|
(this.target.style.top = "auto"),
|
|
(this.target.style.right = "auto"),
|
|
(this.target.style.bottom = "auto"),
|
|
(this.target.style.left = "auto")));
|
|
}
|
|
return c;
|
|
},
|
|
},
|
|
{
|
|
key: "target",
|
|
get: function () {
|
|
if (!at()) return null;
|
|
var r = this.props.target;
|
|
return r
|
|
? I.domElement(r)
|
|
? r
|
|
: document.querySelector(r)
|
|
: this.childRef || this.wrapperRef;
|
|
},
|
|
},
|
|
{
|
|
key: "render",
|
|
value: function () {
|
|
var r = this.state,
|
|
i = r.currentPlacement,
|
|
l = r.positionWrapper,
|
|
o = r.status,
|
|
s = this.props,
|
|
d = s.children,
|
|
c = s.component,
|
|
u = s.content,
|
|
m = s.disableAnimation,
|
|
p = s.footer,
|
|
v = s.hideArrow,
|
|
g = s.id,
|
|
y = s.open,
|
|
w = s.showCloseButton,
|
|
b = s.style,
|
|
h = s.target,
|
|
f = s.title,
|
|
E = a.createElement(
|
|
F0,
|
|
{
|
|
handleClick: this.handleClick,
|
|
handleMouseEnter: this.handleMouseEnter,
|
|
handleMouseLeave: this.handleMouseLeave,
|
|
setChildRef: this.setChildRef,
|
|
setWrapperRef: this.setWrapperRef,
|
|
style: b,
|
|
styles: this.styles.wrapper,
|
|
},
|
|
d,
|
|
),
|
|
C = {};
|
|
return (
|
|
l ? (C.wrapperInPortal = E) : (C.wrapperAsChildren = E),
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
a.createElement(
|
|
C0,
|
|
{
|
|
hasChildren: !!d,
|
|
id: g,
|
|
placement: i,
|
|
setRef: this.setFloaterRef,
|
|
target: h,
|
|
zIndex: this.styles.options.zIndex,
|
|
},
|
|
a.createElement(M0, {
|
|
component: c,
|
|
content: u,
|
|
disableAnimation: m,
|
|
footer: p,
|
|
handleClick: this.handleClick,
|
|
hideArrow: v || i === "center",
|
|
open: y,
|
|
placement: i,
|
|
positionWrapper: l,
|
|
setArrowRef: this.setArrowRef,
|
|
setFloaterRef: this.setFloaterRef,
|
|
showCloseButton: w,
|
|
status: o,
|
|
styles: this.styles,
|
|
title: f,
|
|
}),
|
|
C.wrapperInPortal,
|
|
),
|
|
C.wrapperAsChildren,
|
|
)
|
|
);
|
|
},
|
|
},
|
|
]),
|
|
n
|
|
);
|
|
})(a.Component);
|
|
xe(yl, "propTypes", {
|
|
autoOpen: N.default.bool,
|
|
callback: N.default.func,
|
|
children: N.default.node,
|
|
component: m1(
|
|
N.default.oneOfType([N.default.func, N.default.element]),
|
|
function (e) {
|
|
return !e.content;
|
|
},
|
|
),
|
|
content: m1(N.default.node, function (e) {
|
|
return !e.component;
|
|
}),
|
|
debug: N.default.bool,
|
|
disableAnimation: N.default.bool,
|
|
disableFlip: N.default.bool,
|
|
disableHoverToClick: N.default.bool,
|
|
event: N.default.oneOf(["hover", "click"]),
|
|
eventDelay: N.default.number,
|
|
footer: N.default.node,
|
|
getPopper: N.default.func,
|
|
hideArrow: N.default.bool,
|
|
id: N.default.oneOfType([N.default.string, N.default.number]),
|
|
offset: N.default.number,
|
|
open: N.default.bool,
|
|
options: N.default.object,
|
|
placement: N.default.oneOf([
|
|
"top",
|
|
"top-start",
|
|
"top-end",
|
|
"bottom",
|
|
"bottom-start",
|
|
"bottom-end",
|
|
"left",
|
|
"left-start",
|
|
"left-end",
|
|
"right",
|
|
"right-start",
|
|
"right-end",
|
|
"auto",
|
|
"center",
|
|
]),
|
|
showCloseButton: N.default.bool,
|
|
style: N.default.object,
|
|
styles: N.default.object,
|
|
target: N.default.oneOfType([N.default.object, N.default.string]),
|
|
title: N.default.node,
|
|
wrapperOptions: N.default.shape({
|
|
offset: N.default.number,
|
|
placement: N.default.oneOf([
|
|
"top",
|
|
"top-start",
|
|
"top-end",
|
|
"bottom",
|
|
"bottom-start",
|
|
"bottom-end",
|
|
"left",
|
|
"left-start",
|
|
"left-end",
|
|
"right",
|
|
"right-start",
|
|
"right-end",
|
|
"auto",
|
|
]),
|
|
position: N.default.bool,
|
|
}),
|
|
});
|
|
xe(yl, "defaultProps", {
|
|
autoOpen: !1,
|
|
callback: p1,
|
|
debug: !1,
|
|
disableAnimation: !1,
|
|
disableFlip: !1,
|
|
disableHoverToClick: !1,
|
|
event: "click",
|
|
eventDelay: 0.4,
|
|
getPopper: p1,
|
|
hideArrow: !1,
|
|
offset: 15,
|
|
placement: "bottom",
|
|
showCloseButton: !1,
|
|
styles: {},
|
|
target: null,
|
|
wrapperOptions: { position: !1 },
|
|
});
|
|
var s3 = pt(Vd(), 1),
|
|
d3 = Object.defineProperty,
|
|
c3 = (e, t, n) =>
|
|
t in e
|
|
? d3(e, t, {
|
|
enumerable: !0,
|
|
configurable: !0,
|
|
writable: !0,
|
|
value: n,
|
|
})
|
|
: (e[t] = n),
|
|
_ = (e, t, n) => (c3(e, typeof t != "symbol" ? t + "" : t, n), n),
|
|
ie = {
|
|
INIT: "init",
|
|
START: "start",
|
|
STOP: "stop",
|
|
RESET: "reset",
|
|
PREV: "prev",
|
|
NEXT: "next",
|
|
GO: "go",
|
|
CLOSE: "close",
|
|
SKIP: "skip",
|
|
UPDATE: "update",
|
|
},
|
|
Ge = {
|
|
TOUR_START: "tour:start",
|
|
STEP_BEFORE: "step:before",
|
|
BEACON: "beacon",
|
|
TOOLTIP: "tooltip",
|
|
STEP_AFTER: "step:after",
|
|
TOUR_END: "tour:end",
|
|
TOUR_STATUS: "tour:status",
|
|
TARGET_NOT_FOUND: "error:target_not_found",
|
|
ERROR: "error",
|
|
},
|
|
q = {
|
|
INIT: "init",
|
|
READY: "ready",
|
|
BEACON: "beacon",
|
|
TOOLTIP: "tooltip",
|
|
COMPLETE: "complete",
|
|
ERROR: "error",
|
|
},
|
|
J = {
|
|
IDLE: "idle",
|
|
READY: "ready",
|
|
WAITING: "waiting",
|
|
RUNNING: "running",
|
|
PAUSED: "paused",
|
|
SKIPPED: "skipped",
|
|
FINISHED: "finished",
|
|
ERROR: "error",
|
|
};
|
|
function xt() {
|
|
return !!(
|
|
typeof window < "u" &&
|
|
window.document &&
|
|
window.document.createElement
|
|
);
|
|
}
|
|
function A0(e) {
|
|
return e ? e.getBoundingClientRect() : null;
|
|
}
|
|
function u3() {
|
|
let { body: e, documentElement: t } = document;
|
|
return !e || !t
|
|
? 0
|
|
: Math.max(
|
|
e.scrollHeight,
|
|
e.offsetHeight,
|
|
t.clientHeight,
|
|
t.scrollHeight,
|
|
t.offsetHeight,
|
|
);
|
|
}
|
|
function Mt(e) {
|
|
return typeof e == "string" ? document.querySelector(e) : e;
|
|
}
|
|
function m3(e) {
|
|
return !e || e.nodeType !== 1 ? null : getComputedStyle(e);
|
|
}
|
|
function Mr(e, t, n) {
|
|
if (!e) return Bt();
|
|
let r = (0, a0.default)(e);
|
|
if (r) {
|
|
if (r.isSameNode(Bt())) return n ? document : Bt();
|
|
if (!(r.scrollHeight > r.offsetHeight) && !t)
|
|
return ((r.style.overflow = "initial"), Bt());
|
|
}
|
|
return r;
|
|
}
|
|
function Fr(e, t) {
|
|
if (!e) return !1;
|
|
let n = Mr(e, t);
|
|
return n ? !n.isSameNode(Bt()) : !1;
|
|
}
|
|
function p3(e) {
|
|
return e.offsetParent !== document.body;
|
|
}
|
|
function la(e, t = "fixed") {
|
|
if (!e || !(e instanceof HTMLElement)) return !1;
|
|
let { nodeName: n } = e,
|
|
r = m3(e);
|
|
return n === "BODY" || n === "HTML"
|
|
? !1
|
|
: r && r.position === t
|
|
? !0
|
|
: e.parentNode
|
|
? la(e.parentNode, t)
|
|
: !1;
|
|
}
|
|
function h3(e) {
|
|
var t;
|
|
if (!e) return !1;
|
|
let n = e;
|
|
for (; n && n !== document.body; ) {
|
|
if (n instanceof HTMLElement) {
|
|
let { display: r, visibility: i } = getComputedStyle(n);
|
|
if (r === "none" || i === "hidden") return !1;
|
|
}
|
|
n = (t = n.parentElement) != null ? t : null;
|
|
}
|
|
return !0;
|
|
}
|
|
function f3(e, t, n) {
|
|
var r;
|
|
let i = A0(e),
|
|
l = Mr(e, n),
|
|
o = Fr(e, n),
|
|
s = 0,
|
|
d = (r = i?.top) != null ? r : 0;
|
|
return (
|
|
l instanceof HTMLElement &&
|
|
((s = l.scrollTop),
|
|
!o && !la(e) && (d += s),
|
|
l.isSameNode(Bt()) || (d += Bt().scrollTop)),
|
|
Math.floor(d - t)
|
|
);
|
|
}
|
|
function g3(e, t, n) {
|
|
var r;
|
|
if (!e) return 0;
|
|
let { offsetTop: i = 0, scrollTop: l = 0 } =
|
|
(r = (0, a0.default)(e)) != null ? r : {},
|
|
o = e.getBoundingClientRect().top + l;
|
|
i && (Fr(e, n) || p3(e)) && (o -= i);
|
|
let s = Math.floor(o - t);
|
|
return s < 0 ? 0 : s;
|
|
}
|
|
function Bt() {
|
|
var e;
|
|
return (e = document.scrollingElement) != null
|
|
? e
|
|
: document.documentElement;
|
|
}
|
|
function v3(e, t) {
|
|
let { duration: n, element: r } = t;
|
|
return new Promise((i, l) => {
|
|
let { scrollTop: o } = r,
|
|
s = e > o ? e - o : o - e;
|
|
j4.default.top(r, e, { duration: s < 100 ? 50 : n }, (d) =>
|
|
d && d.message !== "Element already at target scroll position"
|
|
? l(d)
|
|
: i(),
|
|
);
|
|
});
|
|
}
|
|
var Zn = Ea !== void 0;
|
|
function L0(e = navigator.userAgent) {
|
|
let t = e;
|
|
return (
|
|
typeof window > "u"
|
|
? (t = "node")
|
|
: document.documentMode
|
|
? (t = "ie")
|
|
: /Edge/.test(e)
|
|
? (t = "edge")
|
|
: window.opera || e.includes(" OPR/")
|
|
? (t = "opera")
|
|
: typeof window.InstallTrigger < "u"
|
|
? (t = "firefox")
|
|
: window.chrome
|
|
? (t = "chrome")
|
|
: /(Version\/([\d._]+).*Safari|CriOS|FxiOS| Mobile\/)/.test(
|
|
e,
|
|
) && (t = "safari"),
|
|
t
|
|
);
|
|
}
|
|
function Nt(e) {
|
|
let t = [],
|
|
n = (r) => {
|
|
if (typeof r == "string" || typeof r == "number") t.push(r);
|
|
else if (Array.isArray(r)) r.forEach((i) => n(i));
|
|
else if (wl(r)) {
|
|
let { children: i } = r.props;
|
|
Array.isArray(i) ? i.forEach((l) => n(l)) : n(i);
|
|
}
|
|
};
|
|
return (n(e), t.join(" ").trim());
|
|
}
|
|
function y3(e, t) {
|
|
return !O.plainObject(e) || !O.array(t)
|
|
? !1
|
|
: Object.keys(e).every((n) => t.includes(n));
|
|
}
|
|
function b3(e) {
|
|
let t = /^#?([\da-f])([\da-f])([\da-f])$/i,
|
|
n = e.replace(t, (i, l, o, s) => l + l + o + o + s + s),
|
|
r = /^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/i.exec(n);
|
|
return r
|
|
? [parseInt(r[1], 16), parseInt(r[2], 16), parseInt(r[3], 16)]
|
|
: [];
|
|
}
|
|
function h1(e) {
|
|
return e.disableBeacon || e.placement === "center";
|
|
}
|
|
function f1() {
|
|
return !["chrome", "safari", "firefox", "opera"].includes(L0());
|
|
}
|
|
function Ut({ data: e, debug: t = !1, title: n, warn: r = !1 }) {
|
|
let i = r ? console.warn || console.error : console.log;
|
|
t &&
|
|
(n && e
|
|
? (console.groupCollapsed(
|
|
`%creact-joyride: ${n}`,
|
|
"color: #ff0044; font-weight: bold; font-size: 12px;",
|
|
),
|
|
Array.isArray(e)
|
|
? e.forEach((l) => {
|
|
O.plainObject(l) && l.key
|
|
? i.apply(console, [l.key, l.value])
|
|
: i.apply(console, [l]);
|
|
})
|
|
: i.apply(console, [e]),
|
|
console.groupEnd())
|
|
: console.error("Missing title or data props"));
|
|
}
|
|
function E3(e) {
|
|
let {
|
|
isFirstStep: t,
|
|
lifecycle: n,
|
|
previousLifecycle: r,
|
|
scrollToFirstStep: i,
|
|
step: l,
|
|
target: o,
|
|
} = e;
|
|
return (
|
|
!l.disableScrolling &&
|
|
(!t || i || n === q.TOOLTIP) &&
|
|
l.placement !== "center" &&
|
|
(!l.isFixed || !la(o)) &&
|
|
r !== n &&
|
|
[q.BEACON, q.TOOLTIP].includes(n)
|
|
);
|
|
}
|
|
var k3 = {
|
|
options: { preventOverflow: { boundariesElement: "scrollParent" } },
|
|
wrapperOptions: { offset: -18, position: !0 },
|
|
},
|
|
T0 = {
|
|
back: "Back",
|
|
close: "Close",
|
|
last: "Last",
|
|
next: "Next",
|
|
open: "Open the dialog",
|
|
skip: "Skip",
|
|
},
|
|
w3 = {
|
|
event: "click",
|
|
placement: "bottom",
|
|
offset: 10,
|
|
disableBeacon: !1,
|
|
disableCloseOnEsc: !1,
|
|
disableOverlay: !1,
|
|
disableOverlayClose: !1,
|
|
disableScrollParentFix: !1,
|
|
disableScrolling: !1,
|
|
hideBackButton: !1,
|
|
hideCloseButton: !1,
|
|
hideFooter: !1,
|
|
isFixed: !1,
|
|
locale: T0,
|
|
showProgress: !1,
|
|
showSkipButton: !1,
|
|
spotlightClicks: !1,
|
|
spotlightPadding: 10,
|
|
},
|
|
C3 = {
|
|
continuous: !1,
|
|
debug: !1,
|
|
disableCloseOnEsc: !1,
|
|
disableOverlay: !1,
|
|
disableOverlayClose: !1,
|
|
disableScrolling: !1,
|
|
disableScrollParentFix: !1,
|
|
getHelpers: void 0,
|
|
hideBackButton: !1,
|
|
run: !0,
|
|
scrollOffset: 20,
|
|
scrollDuration: 300,
|
|
scrollToFirstStep: !1,
|
|
showSkipButton: !1,
|
|
showProgress: !1,
|
|
spotlightClicks: !1,
|
|
spotlightPadding: 10,
|
|
steps: [],
|
|
},
|
|
S3 = {
|
|
arrowColor: "#fff",
|
|
backgroundColor: "#fff",
|
|
beaconSize: 36,
|
|
overlayColor: "rgba(0, 0, 0, 0.5)",
|
|
primaryColor: "#f04",
|
|
spotlightShadow: "0 0 15px rgba(0, 0, 0, 0.5)",
|
|
textColor: "#333",
|
|
width: 380,
|
|
zIndex: 100,
|
|
},
|
|
On = {
|
|
backgroundColor: "transparent",
|
|
border: 0,
|
|
borderRadius: 0,
|
|
color: "#555",
|
|
cursor: "pointer",
|
|
fontSize: 16,
|
|
lineHeight: 1,
|
|
padding: 8,
|
|
WebkitAppearance: "none",
|
|
},
|
|
g1 = { borderRadius: 4, position: "absolute" };
|
|
function x3(e, t) {
|
|
let n = (0, Xr.default)(e ?? {}, t ?? {}),
|
|
r = (0, Xr.default)(S3, n.options || {}),
|
|
{ width: i } = r;
|
|
(window.innerWidth > 480 && (i = 380),
|
|
"width" in r &&
|
|
(i =
|
|
typeof r.width == "number" && window.innerWidth < r.width
|
|
? window.innerWidth - 30
|
|
: r.width));
|
|
let l = {
|
|
bottom: 0,
|
|
left: 0,
|
|
overflow: "hidden",
|
|
position: "absolute",
|
|
right: 0,
|
|
top: 0,
|
|
zIndex: r.zIndex,
|
|
},
|
|
o = {
|
|
beacon: {
|
|
...On,
|
|
display: "inline-block",
|
|
height: r.beaconSize,
|
|
position: "relative",
|
|
width: r.beaconSize,
|
|
zIndex: r.zIndex,
|
|
},
|
|
beaconInner: {
|
|
animation: "joyride-beacon-inner 1.2s infinite ease-in-out",
|
|
backgroundColor: r.primaryColor,
|
|
borderRadius: "50%",
|
|
display: "block",
|
|
height: "50%",
|
|
left: "50%",
|
|
opacity: 0.7,
|
|
position: "absolute",
|
|
top: "50%",
|
|
transform: "translate(-50%, -50%)",
|
|
width: "50%",
|
|
},
|
|
beaconOuter: {
|
|
animation: "joyride-beacon-outer 1.2s infinite ease-in-out",
|
|
backgroundColor: `rgba(${b3(r.primaryColor).join(",")}, 0.2)`,
|
|
border: `2px solid ${r.primaryColor}`,
|
|
borderRadius: "50%",
|
|
boxSizing: "border-box",
|
|
display: "block",
|
|
height: "100%",
|
|
left: 0,
|
|
opacity: 0.9,
|
|
position: "absolute",
|
|
top: 0,
|
|
transformOrigin: "center",
|
|
width: "100%",
|
|
},
|
|
tooltip: {
|
|
backgroundColor: r.backgroundColor,
|
|
borderRadius: 5,
|
|
boxSizing: "border-box",
|
|
color: r.textColor,
|
|
fontSize: 16,
|
|
maxWidth: "100%",
|
|
padding: 15,
|
|
position: "relative",
|
|
width: i,
|
|
},
|
|
tooltipContainer: { lineHeight: 1.4, textAlign: "center" },
|
|
tooltipTitle: { fontSize: 18, margin: 0 },
|
|
tooltipContent: { padding: "20px 10px" },
|
|
tooltipFooter: {
|
|
alignItems: "center",
|
|
display: "flex",
|
|
justifyContent: "flex-end",
|
|
marginTop: 15,
|
|
},
|
|
tooltipFooterSpacer: { flex: 1 },
|
|
buttonNext: {
|
|
...On,
|
|
backgroundColor: r.primaryColor,
|
|
borderRadius: 4,
|
|
color: "#fff",
|
|
},
|
|
buttonBack: {
|
|
...On,
|
|
color: r.primaryColor,
|
|
marginLeft: "auto",
|
|
marginRight: 5,
|
|
},
|
|
buttonClose: {
|
|
...On,
|
|
color: r.textColor,
|
|
height: 14,
|
|
padding: 15,
|
|
position: "absolute",
|
|
right: 0,
|
|
top: 0,
|
|
width: 14,
|
|
},
|
|
buttonSkip: { ...On, color: r.textColor, fontSize: 14 },
|
|
overlay: {
|
|
...l,
|
|
backgroundColor: r.overlayColor,
|
|
mixBlendMode: "hard-light",
|
|
},
|
|
overlayLegacy: { ...l },
|
|
overlayLegacyCenter: { ...l, backgroundColor: r.overlayColor },
|
|
spotlight: { ...g1, backgroundColor: "gray" },
|
|
spotlightLegacy: {
|
|
...g1,
|
|
boxShadow: `0 0 0 9999px ${r.overlayColor}, ${r.spotlightShadow}`,
|
|
},
|
|
floaterStyles: {
|
|
arrow: { color: r.arrowColor },
|
|
options: { zIndex: r.zIndex + 100 },
|
|
},
|
|
options: r,
|
|
};
|
|
return (0, Xr.default)(o, n);
|
|
}
|
|
function N3(e) {
|
|
return z4(
|
|
e,
|
|
"beaconComponent",
|
|
"disableCloseOnEsc",
|
|
"disableOverlay",
|
|
"disableOverlayClose",
|
|
"disableScrolling",
|
|
"disableScrollParentFix",
|
|
"floaterProps",
|
|
"hideBackButton",
|
|
"hideCloseButton",
|
|
"locale",
|
|
"showProgress",
|
|
"showSkipButton",
|
|
"spotlightClicks",
|
|
"spotlightPadding",
|
|
"styles",
|
|
"tooltipComponent",
|
|
);
|
|
}
|
|
function _n(e, t) {
|
|
var n, r, i, l, o, s;
|
|
let d = e ?? {},
|
|
c = Aa.default.all([w3, N3(t), d], {
|
|
isMergeableObject: O.plainObject,
|
|
}),
|
|
u = x3(t.styles, c.styles),
|
|
m = Fr(Mt(c.target), c.disableScrollParentFix),
|
|
p = Aa.default.all([
|
|
k3,
|
|
(n = t.floaterProps) != null ? n : {},
|
|
(r = c.floaterProps) != null ? r : {},
|
|
]);
|
|
return (
|
|
(p.offset = c.offset),
|
|
(p.styles = (0, Aa.default)(
|
|
(i = p.styles) != null ? i : {},
|
|
u.floaterStyles,
|
|
)),
|
|
(p.offset +=
|
|
(o = (l = t.spotlightPadding) != null ? l : c.spotlightPadding) !=
|
|
null
|
|
? o
|
|
: 0),
|
|
c.placementBeacon &&
|
|
p.wrapperOptions &&
|
|
(p.wrapperOptions.placement = c.placementBeacon),
|
|
m &&
|
|
p.options.preventOverflow &&
|
|
(p.options.preventOverflow.boundariesElement = "window"),
|
|
{
|
|
...c,
|
|
locale: Aa.default.all([
|
|
T0,
|
|
(s = t.locale) != null ? s : {},
|
|
c.locale || {},
|
|
]),
|
|
floaterProps: p,
|
|
styles: D4(u, "floaterStyles"),
|
|
}
|
|
);
|
|
}
|
|
function Z0(e, t = !1) {
|
|
return O.plainObject(e)
|
|
? e.target
|
|
? !0
|
|
: (Ut({
|
|
title: "validateStep",
|
|
data: "target is missing from the step",
|
|
warn: !0,
|
|
debug: t,
|
|
}),
|
|
!1)
|
|
: (Ut({
|
|
title: "validateStep",
|
|
data: "step must be an object",
|
|
warn: !0,
|
|
debug: t,
|
|
}),
|
|
!1);
|
|
}
|
|
function v1(e, t = !1) {
|
|
return O.array(e)
|
|
? e.every((n) => Z0(n, t))
|
|
: (Ut({
|
|
title: "validateSteps",
|
|
data: "steps must be an array",
|
|
warn: !0,
|
|
debug: t,
|
|
}),
|
|
!1);
|
|
}
|
|
var M3 = {
|
|
action: "init",
|
|
controlled: !1,
|
|
index: 0,
|
|
lifecycle: q.INIT,
|
|
size: 0,
|
|
status: J.IDLE,
|
|
},
|
|
y1 = ["action", "index", "lifecycle", "status"],
|
|
F3 = class {
|
|
constructor(e) {
|
|
(_(this, "beaconPopper"),
|
|
_(this, "tooltipPopper"),
|
|
_(this, "data", new Map()),
|
|
_(this, "listener"),
|
|
_(this, "store", new Map()),
|
|
_(this, "addListener", (i) => {
|
|
this.listener = i;
|
|
}),
|
|
_(this, "setSteps", (i) => {
|
|
let { size: l, status: o } = this.getState(),
|
|
s = { size: i.length, status: o };
|
|
(this.data.set("steps", i),
|
|
o === J.WAITING && !l && i.length && (s.status = J.RUNNING),
|
|
this.setState(s));
|
|
}),
|
|
_(this, "getPopper", (i) =>
|
|
i === "beacon" ? this.beaconPopper : this.tooltipPopper,
|
|
),
|
|
_(this, "setPopper", (i, l) => {
|
|
i === "beacon"
|
|
? (this.beaconPopper = l)
|
|
: (this.tooltipPopper = l);
|
|
}),
|
|
_(this, "cleanupPoppers", () => {
|
|
((this.beaconPopper = null), (this.tooltipPopper = null));
|
|
}),
|
|
_(this, "close", () => {
|
|
let { index: i, status: l } = this.getState();
|
|
l === J.RUNNING &&
|
|
this.setState({
|
|
...this.getNextState({ action: ie.CLOSE, index: i + 1 }),
|
|
});
|
|
}),
|
|
_(this, "go", (i) => {
|
|
let { controlled: l, status: o } = this.getState();
|
|
if (l || o !== J.RUNNING) return;
|
|
let s = this.getSteps()[i];
|
|
this.setState({
|
|
...this.getNextState({ action: ie.GO, index: i }),
|
|
status: s ? o : J.FINISHED,
|
|
});
|
|
}),
|
|
_(this, "info", () => this.getState()),
|
|
_(this, "next", () => {
|
|
let { index: i, status: l } = this.getState();
|
|
l === J.RUNNING &&
|
|
this.setState(
|
|
this.getNextState({ action: ie.NEXT, index: i + 1 }),
|
|
);
|
|
}),
|
|
_(this, "open", () => {
|
|
let { status: i } = this.getState();
|
|
i === J.RUNNING &&
|
|
this.setState({
|
|
...this.getNextState({
|
|
action: ie.UPDATE,
|
|
lifecycle: q.TOOLTIP,
|
|
}),
|
|
});
|
|
}),
|
|
_(this, "prev", () => {
|
|
let { index: i, status: l } = this.getState();
|
|
l === J.RUNNING &&
|
|
this.setState({
|
|
...this.getNextState({ action: ie.PREV, index: i - 1 }),
|
|
});
|
|
}),
|
|
_(this, "reset", (i = !1) => {
|
|
let { controlled: l } = this.getState();
|
|
l ||
|
|
this.setState({
|
|
...this.getNextState({ action: ie.RESET, index: 0 }),
|
|
status: i ? J.RUNNING : J.READY,
|
|
});
|
|
}),
|
|
_(this, "skip", () => {
|
|
let { status: i } = this.getState();
|
|
i === J.RUNNING &&
|
|
this.setState({
|
|
action: ie.SKIP,
|
|
lifecycle: q.INIT,
|
|
status: J.SKIPPED,
|
|
});
|
|
}),
|
|
_(this, "start", (i) => {
|
|
let { index: l, size: o } = this.getState();
|
|
this.setState({
|
|
...this.getNextState(
|
|
{ action: ie.START, index: O.number(i) ? i : l },
|
|
!0,
|
|
),
|
|
status: o ? J.RUNNING : J.WAITING,
|
|
});
|
|
}),
|
|
_(this, "stop", (i = !1) => {
|
|
let { index: l, status: o } = this.getState();
|
|
[J.FINISHED, J.SKIPPED].includes(o) ||
|
|
this.setState({
|
|
...this.getNextState({
|
|
action: ie.STOP,
|
|
index: l + (i ? 1 : 0),
|
|
}),
|
|
status: J.PAUSED,
|
|
});
|
|
}),
|
|
_(this, "update", (i) => {
|
|
var l;
|
|
if (!y3(i, y1))
|
|
throw new Error(
|
|
`State is not valid. Valid keys: ${y1.join(", ")}`,
|
|
);
|
|
this.setState({
|
|
...this.getNextState(
|
|
{
|
|
...this.getState(),
|
|
...i,
|
|
action: (l = i.action) != null ? l : ie.UPDATE,
|
|
},
|
|
!0,
|
|
),
|
|
});
|
|
}));
|
|
let { continuous: t = !1, stepIndex: n, steps: r = [] } = e ?? {};
|
|
(this.setState(
|
|
{
|
|
action: ie.INIT,
|
|
controlled: O.number(n),
|
|
continuous: t,
|
|
index: O.number(n) ? n : 0,
|
|
lifecycle: q.INIT,
|
|
status: r.length ? J.READY : J.IDLE,
|
|
},
|
|
!0,
|
|
),
|
|
(this.beaconPopper = null),
|
|
(this.tooltipPopper = null),
|
|
(this.listener = null),
|
|
this.setSteps(r));
|
|
}
|
|
getState() {
|
|
return this.store.size
|
|
? {
|
|
action: this.store.get("action") || "",
|
|
controlled: this.store.get("controlled") || !1,
|
|
index: parseInt(this.store.get("index"), 10),
|
|
lifecycle: this.store.get("lifecycle") || "",
|
|
size: this.store.get("size") || 0,
|
|
status: this.store.get("status") || "",
|
|
}
|
|
: { ...M3 };
|
|
}
|
|
getNextState(e, t = !1) {
|
|
var n, r, i, l;
|
|
let {
|
|
action: o,
|
|
controlled: s,
|
|
index: d,
|
|
size: c,
|
|
status: u,
|
|
} = this.getState(),
|
|
m = O.number(e.index) ? e.index : d,
|
|
p = s && !t ? d : Math.min(Math.max(m, 0), c);
|
|
return {
|
|
action: (n = e.action) != null ? n : o,
|
|
controlled: s,
|
|
index: p,
|
|
lifecycle: (r = e.lifecycle) != null ? r : q.INIT,
|
|
size: (i = e.size) != null ? i : c,
|
|
status: p === c ? J.FINISHED : (l = e.status) != null ? l : u,
|
|
};
|
|
}
|
|
getSteps() {
|
|
let e = this.data.get("steps");
|
|
return Array.isArray(e) ? e : [];
|
|
}
|
|
hasUpdatedState(e) {
|
|
let t = JSON.stringify(e),
|
|
n = JSON.stringify(this.getState());
|
|
return t !== n;
|
|
}
|
|
setState(e, t = !1) {
|
|
let n = this.getState(),
|
|
{
|
|
action: r,
|
|
index: i,
|
|
lifecycle: l,
|
|
size: o,
|
|
status: s,
|
|
} = { ...n, ...e };
|
|
(this.store.set("action", r),
|
|
this.store.set("index", i),
|
|
this.store.set("lifecycle", l),
|
|
this.store.set("size", o),
|
|
this.store.set("status", s),
|
|
t &&
|
|
(this.store.set("controlled", e.controlled),
|
|
this.store.set("continuous", e.continuous)),
|
|
this.listener &&
|
|
this.hasUpdatedState(n) &&
|
|
this.listener(this.getState()));
|
|
}
|
|
getHelpers() {
|
|
return {
|
|
close: this.close,
|
|
go: this.go,
|
|
info: this.info,
|
|
next: this.next,
|
|
open: this.open,
|
|
prev: this.prev,
|
|
reset: this.reset,
|
|
skip: this.skip,
|
|
};
|
|
}
|
|
};
|
|
function A3(e) {
|
|
return new F3(e);
|
|
}
|
|
var L3 = class {
|
|
constructor(e, t) {
|
|
if (
|
|
(_(this, "element"),
|
|
_(this, "options"),
|
|
_(this, "canBeTabbed", (n) => {
|
|
let { tabIndex: r } = n;
|
|
return r === null || r < 0 ? !1 : this.canHaveFocus(n);
|
|
}),
|
|
_(this, "canHaveFocus", (n) => {
|
|
let r = /input|select|textarea|button|object/,
|
|
i = n.nodeName.toLowerCase();
|
|
return (
|
|
((r.test(i) && !n.getAttribute("disabled")) ||
|
|
(i === "a" && !!n.getAttribute("href"))) &&
|
|
this.isVisible(n)
|
|
);
|
|
}),
|
|
_(this, "findValidTabElements", () =>
|
|
[].slice
|
|
.call(this.element.querySelectorAll("*"), 0)
|
|
.filter(this.canBeTabbed),
|
|
),
|
|
_(this, "handleKeyDown", (n) => {
|
|
let { code: r = "Tab" } = this.options;
|
|
n.code === r && this.interceptTab(n);
|
|
}),
|
|
_(this, "interceptTab", (n) => {
|
|
n.preventDefault();
|
|
let r = this.findValidTabElements(),
|
|
{ shiftKey: i } = n;
|
|
if (!r.length) return;
|
|
let l = document.activeElement
|
|
? r.indexOf(document.activeElement)
|
|
: 0;
|
|
(l === -1 || (!i && l + 1 === r.length)
|
|
? (l = 0)
|
|
: i && l === 0
|
|
? (l = r.length - 1)
|
|
: (l += i ? -1 : 1),
|
|
r[l].focus());
|
|
}),
|
|
_(this, "isHidden", (n) => {
|
|
let r = n.offsetWidth <= 0 && n.offsetHeight <= 0,
|
|
i = window.getComputedStyle(n);
|
|
return r && !n.innerHTML
|
|
? !0
|
|
: (r && i.getPropertyValue("overflow") !== "visible") ||
|
|
i.getPropertyValue("display") === "none";
|
|
}),
|
|
_(this, "isVisible", (n) => {
|
|
let r = n;
|
|
for (; r; )
|
|
if (r instanceof HTMLElement) {
|
|
if (r === document.body) break;
|
|
if (this.isHidden(r)) return !1;
|
|
r = r.parentNode;
|
|
}
|
|
return !0;
|
|
}),
|
|
_(this, "removeScope", () => {
|
|
window.removeEventListener("keydown", this.handleKeyDown);
|
|
}),
|
|
_(this, "checkFocus", (n) => {
|
|
document.activeElement !== n &&
|
|
(n.focus(),
|
|
window.requestAnimationFrame(() => this.checkFocus(n)));
|
|
}),
|
|
_(this, "setFocus", () => {
|
|
let { selector: n } = this.options;
|
|
if (!n) return;
|
|
let r = this.element.querySelector(n);
|
|
r && window.requestAnimationFrame(() => this.checkFocus(r));
|
|
}),
|
|
!(e instanceof HTMLElement))
|
|
)
|
|
throw new TypeError(
|
|
"Invalid parameter: element must be an HTMLElement",
|
|
);
|
|
((this.element = e),
|
|
(this.options = t),
|
|
window.addEventListener("keydown", this.handleKeyDown, !1),
|
|
this.setFocus());
|
|
}
|
|
},
|
|
T3 = class extends Tt {
|
|
constructor(e) {
|
|
if (
|
|
(super(e),
|
|
_(this, "beacon", null),
|
|
_(this, "setBeaconRef", (i) => {
|
|
this.beacon = i;
|
|
}),
|
|
e.beaconComponent)
|
|
)
|
|
return;
|
|
let t = document.head || document.getElementsByTagName("head")[0],
|
|
n = document.createElement("style");
|
|
((n.id = "joyride-beacon-animation"),
|
|
e.nonce && n.setAttribute("nonce", e.nonce),
|
|
n.appendChild(
|
|
document.createTextNode(`
|
|
@keyframes joyride-beacon-inner {
|
|
20% {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
90% {
|
|
opacity: 0.7;
|
|
}
|
|
}
|
|
|
|
@keyframes joyride-beacon-outer {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
|
|
45% {
|
|
opacity: 0.7;
|
|
transform: scale(0.75);
|
|
}
|
|
|
|
100% {
|
|
opacity: 0.9;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
`),
|
|
),
|
|
t.appendChild(n));
|
|
}
|
|
componentDidMount() {
|
|
let { shouldFocus: e } = this.props;
|
|
setTimeout(() => {
|
|
O.domElement(this.beacon) && e && this.beacon.focus();
|
|
}, 0);
|
|
}
|
|
componentWillUnmount() {
|
|
let e = document.getElementById("joyride-beacon-animation");
|
|
e?.parentNode && e.parentNode.removeChild(e);
|
|
}
|
|
render() {
|
|
let {
|
|
beaconComponent: e,
|
|
continuous: t,
|
|
index: n,
|
|
isLastStep: r,
|
|
locale: i,
|
|
onClickOrHover: l,
|
|
size: o,
|
|
step: s,
|
|
styles: d,
|
|
} = this.props,
|
|
c = O.string(i.open) ? i.open : (0, s3.default)(i.open),
|
|
u = {
|
|
"aria-label": c,
|
|
onClick: l,
|
|
onMouseEnter: l,
|
|
ref: this.setBeaconRef,
|
|
title: c,
|
|
},
|
|
m;
|
|
return (
|
|
e
|
|
? (m = S(e, {
|
|
continuous: t,
|
|
index: n,
|
|
isLastStep: r,
|
|
size: o,
|
|
step: s,
|
|
...u,
|
|
}))
|
|
: (m = S(
|
|
"button",
|
|
{
|
|
key: "JoyrideBeacon",
|
|
className: "react-joyride__beacon",
|
|
"data-test-id": "button-beacon",
|
|
style: d.beacon,
|
|
type: "button",
|
|
...u,
|
|
},
|
|
S("span", { style: d.beaconInner }),
|
|
S("span", { style: d.beaconOuter }),
|
|
)),
|
|
m
|
|
);
|
|
}
|
|
};
|
|
function Z3({ styles: e }) {
|
|
return S("div", {
|
|
key: "JoyrideSpotlight",
|
|
className: "react-joyride__spotlight",
|
|
"data-test-id": "spotlight",
|
|
style: e,
|
|
});
|
|
}
|
|
var O3 = Z3,
|
|
_3 = class extends Tt {
|
|
constructor() {
|
|
(super(...arguments),
|
|
_(this, "isActive", !1),
|
|
_(this, "resizeTimeout"),
|
|
_(this, "scrollTimeout"),
|
|
_(this, "scrollParent"),
|
|
_(this, "state", {
|
|
isScrolling: !1,
|
|
mouseOverSpotlight: !1,
|
|
showSpotlight: !0,
|
|
}),
|
|
_(this, "handleMouseMove", (e) => {
|
|
let { mouseOverSpotlight: t } = this.state,
|
|
{
|
|
height: n,
|
|
left: r,
|
|
position: i,
|
|
top: l,
|
|
width: o,
|
|
} = this.spotlightStyles,
|
|
s = i === "fixed" ? e.clientY : e.pageY,
|
|
d = i === "fixed" ? e.clientX : e.pageX,
|
|
c = s >= l && s <= l + n,
|
|
u = d >= r && d <= r + o && c;
|
|
u !== t && this.updateState({ mouseOverSpotlight: u });
|
|
}),
|
|
_(this, "handleScroll", () => {
|
|
let { target: e } = this.props,
|
|
t = Mt(e);
|
|
if (this.scrollParent !== document) {
|
|
let { isScrolling: n } = this.state;
|
|
(n || this.updateState({ isScrolling: !0, showSpotlight: !1 }),
|
|
clearTimeout(this.scrollTimeout),
|
|
(this.scrollTimeout = window.setTimeout(() => {
|
|
this.updateState({ isScrolling: !1, showSpotlight: !0 });
|
|
}, 50)));
|
|
} else la(t, "sticky") && this.updateState({});
|
|
}),
|
|
_(this, "handleResize", () => {
|
|
(clearTimeout(this.resizeTimeout),
|
|
(this.resizeTimeout = window.setTimeout(() => {
|
|
this.isActive && this.forceUpdate();
|
|
}, 100)));
|
|
}));
|
|
}
|
|
componentDidMount() {
|
|
let {
|
|
debug: e,
|
|
disableScrolling: t,
|
|
disableScrollParentFix: n = !1,
|
|
target: r,
|
|
} = this.props,
|
|
i = Mt(r);
|
|
((this.scrollParent = Mr(i ?? document.body, n, !0)),
|
|
(this.isActive = !0),
|
|
window.addEventListener("resize", this.handleResize));
|
|
}
|
|
componentDidUpdate(e) {
|
|
var t;
|
|
let { lifecycle: n, spotlightClicks: r } = this.props,
|
|
{ changed: i } = lr(e, this.props);
|
|
(i("lifecycle", q.TOOLTIP) &&
|
|
((t = this.scrollParent) == null ||
|
|
t.addEventListener("scroll", this.handleScroll, { passive: !0 }),
|
|
setTimeout(() => {
|
|
let { isScrolling: l } = this.state;
|
|
l || this.updateState({ showSpotlight: !0 });
|
|
}, 100)),
|
|
(i("spotlightClicks") || i("disableOverlay") || i("lifecycle")) &&
|
|
(r && n === q.TOOLTIP
|
|
? window.addEventListener("mousemove", this.handleMouseMove, !1)
|
|
: n !== q.TOOLTIP &&
|
|
window.removeEventListener(
|
|
"mousemove",
|
|
this.handleMouseMove,
|
|
)));
|
|
}
|
|
componentWillUnmount() {
|
|
var e;
|
|
((this.isActive = !1),
|
|
window.removeEventListener("mousemove", this.handleMouseMove),
|
|
window.removeEventListener("resize", this.handleResize),
|
|
clearTimeout(this.resizeTimeout),
|
|
clearTimeout(this.scrollTimeout),
|
|
(e = this.scrollParent) == null ||
|
|
e.removeEventListener("scroll", this.handleScroll));
|
|
}
|
|
get spotlightStyles() {
|
|
var e, t, n;
|
|
let { showSpotlight: r } = this.state,
|
|
{
|
|
disableScrollParentFix: i = !1,
|
|
spotlightClicks: l,
|
|
spotlightPadding: o = 0,
|
|
styles: s,
|
|
target: d,
|
|
} = this.props,
|
|
c = Mt(d),
|
|
u = A0(c),
|
|
m = la(c),
|
|
p = f3(c, o, i);
|
|
return {
|
|
...(f1() ? s.spotlightLegacy : s.spotlight),
|
|
height: Math.round(((e = u?.height) != null ? e : 0) + o * 2),
|
|
left: Math.round(((t = u?.left) != null ? t : 0) - o),
|
|
opacity: r ? 1 : 0,
|
|
pointerEvents: l ? "none" : "auto",
|
|
position: m ? "fixed" : "absolute",
|
|
top: p,
|
|
transition: "opacity 0.2s",
|
|
width: Math.round(((n = u?.width) != null ? n : 0) + o * 2),
|
|
};
|
|
}
|
|
updateState(e) {
|
|
this.isActive && this.setState((t) => ({ ...t, ...e }));
|
|
}
|
|
render() {
|
|
let { mouseOverSpotlight: e, showSpotlight: t } = this.state,
|
|
{
|
|
disableOverlay: n,
|
|
disableOverlayClose: r,
|
|
lifecycle: i,
|
|
onClickOverlay: l,
|
|
placement: o,
|
|
styles: s,
|
|
} = this.props;
|
|
if (n || i !== q.TOOLTIP) return null;
|
|
let d = s.overlay;
|
|
f1() &&
|
|
(d = o === "center" ? s.overlayLegacyCenter : s.overlayLegacy);
|
|
let c = {
|
|
cursor: r ? "default" : "pointer",
|
|
height: u3(),
|
|
pointerEvents: e ? "none" : "auto",
|
|
...d,
|
|
},
|
|
u = o !== "center" && t && S(O3, { styles: this.spotlightStyles });
|
|
if (L0() === "safari") {
|
|
let { mixBlendMode: m, zIndex: p, ...v } = c;
|
|
((u = S("div", { style: { ...v } }, u)), delete c.backgroundColor);
|
|
}
|
|
return S(
|
|
"div",
|
|
{
|
|
className: "react-joyride__overlay",
|
|
"data-test-id": "overlay",
|
|
onClick: l,
|
|
role: "presentation",
|
|
style: c,
|
|
},
|
|
u,
|
|
);
|
|
}
|
|
},
|
|
I3 = class extends Tt {
|
|
constructor() {
|
|
(super(...arguments), _(this, "node", null));
|
|
}
|
|
componentDidMount() {
|
|
let { id: e } = this.props;
|
|
xt() &&
|
|
((this.node = document.createElement("div")),
|
|
(this.node.id = e),
|
|
document.body.appendChild(this.node),
|
|
Zn || this.renderReact15());
|
|
}
|
|
componentDidUpdate() {
|
|
xt() && (Zn || this.renderReact15());
|
|
}
|
|
componentWillUnmount() {
|
|
!xt() ||
|
|
!this.node ||
|
|
(Zn || Bl(this.node),
|
|
this.node.parentNode === document.body &&
|
|
(document.body.removeChild(this.node), (this.node = null)));
|
|
}
|
|
renderReact15() {
|
|
if (!xt()) return;
|
|
let { children: e } = this.props;
|
|
this.node && Pl(this, e, this.node);
|
|
}
|
|
renderReact16() {
|
|
if (!xt() || !Zn) return null;
|
|
let { children: e } = this.props;
|
|
return this.node ? Ea(e, this.node) : null;
|
|
}
|
|
render() {
|
|
return Zn ? this.renderReact16() : null;
|
|
}
|
|
};
|
|
function R3({ styles: e, ...t }) {
|
|
let { color: n, height: r, width: i, ...l } = e;
|
|
return a.createElement(
|
|
"button",
|
|
{ style: l, type: "button", ...t },
|
|
a.createElement(
|
|
"svg",
|
|
{
|
|
height: typeof r == "number" ? `${r}px` : r,
|
|
preserveAspectRatio: "xMidYMid",
|
|
version: "1.1",
|
|
viewBox: "0 0 18 18",
|
|
width: typeof i == "number" ? `${i}px` : i,
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
},
|
|
a.createElement(
|
|
"g",
|
|
null,
|
|
a.createElement("path", {
|
|
d: "M8.13911129,9.00268191 L0.171521827,17.0258467 C-0.0498027049,17.248715 -0.0498027049,17.6098394 0.171521827,17.8327545 C0.28204354,17.9443526 0.427188206,17.9998706 0.572051765,17.9998706 C0.71714958,17.9998706 0.862013139,17.9443526 0.972581703,17.8327545 L9.0000937,9.74924618 L17.0276057,17.8327545 C17.1384085,17.9443526 17.2832721,17.9998706 17.4281356,17.9998706 C17.5729992,17.9998706 17.718097,17.9443526 17.8286656,17.8327545 C18.0499901,17.6098862 18.0499901,17.2487618 17.8286656,17.0258467 L9.86135722,9.00268191 L17.8340066,0.973848225 C18.0553311,0.750979934 18.0553311,0.389855532 17.8340066,0.16694039 C17.6126821,-0.0556467968 17.254037,-0.0556467968 17.0329467,0.16694039 L9.00042166,8.25611765 L0.967006424,0.167268345 C0.745681892,-0.0553188426 0.387317931,-0.0553188426 0.165993399,0.167268345 C-0.0553311331,0.390136635 -0.0553311331,0.751261038 0.165993399,0.974176179 L8.13920499,9.00268191 L8.13911129,9.00268191 Z",
|
|
fill: n,
|
|
}),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
var B3 = R3;
|
|
function P3(e) {
|
|
let {
|
|
backProps: t,
|
|
closeProps: n,
|
|
continuous: r,
|
|
index: i,
|
|
isLastStep: l,
|
|
primaryProps: o,
|
|
size: s,
|
|
skipProps: d,
|
|
step: c,
|
|
tooltipProps: u,
|
|
} = e,
|
|
{
|
|
content: m,
|
|
hideBackButton: p,
|
|
hideCloseButton: v,
|
|
hideFooter: g,
|
|
locale: y,
|
|
showProgress: w,
|
|
showSkipButton: b,
|
|
styles: h,
|
|
title: f,
|
|
} = c,
|
|
{ back: E, close: C, last: Z, next: M, skip: V } = y,
|
|
D = { primary: C };
|
|
return (
|
|
r &&
|
|
((D.primary = l ? Z : M),
|
|
w &&
|
|
(D.primary = S("span", null, D.primary, " (", i + 1, "/", s, ")"))),
|
|
b &&
|
|
!l &&
|
|
(D.skip = S(
|
|
"button",
|
|
{
|
|
"aria-live": "off",
|
|
"data-test-id": "button-skip",
|
|
style: h.buttonSkip,
|
|
type: "button",
|
|
...d,
|
|
},
|
|
V,
|
|
)),
|
|
!p &&
|
|
i > 0 &&
|
|
(D.back = S(
|
|
"button",
|
|
{
|
|
"data-test-id": "button-back",
|
|
style: h.buttonBack,
|
|
type: "button",
|
|
...t,
|
|
},
|
|
E,
|
|
)),
|
|
(D.close =
|
|
!v &&
|
|
S(B3, {
|
|
"data-test-id": "button-close",
|
|
styles: h.buttonClose,
|
|
...n,
|
|
})),
|
|
S(
|
|
"div",
|
|
{
|
|
key: "JoyrideTooltip",
|
|
"aria-label": Nt(f) || Nt(m),
|
|
className: "react-joyride__tooltip",
|
|
style: h.tooltip,
|
|
...u,
|
|
},
|
|
S(
|
|
"div",
|
|
{ style: h.tooltipContainer },
|
|
f && S("h1", { "aria-label": Nt(f), style: h.tooltipTitle }, f),
|
|
S("div", { style: h.tooltipContent }, m),
|
|
),
|
|
!g &&
|
|
S(
|
|
"div",
|
|
{ style: h.tooltipFooter },
|
|
S("div", { style: h.tooltipFooterSpacer }, D.skip),
|
|
D.back,
|
|
S(
|
|
"button",
|
|
{
|
|
"data-test-id": "button-primary",
|
|
style: h.buttonNext,
|
|
type: "button",
|
|
...o,
|
|
},
|
|
D.primary,
|
|
),
|
|
),
|
|
D.close,
|
|
)
|
|
);
|
|
}
|
|
var V3 = P3,
|
|
H3 = class extends Tt {
|
|
constructor() {
|
|
(super(...arguments),
|
|
_(this, "handleClickBack", (e) => {
|
|
e.preventDefault();
|
|
let { helpers: t } = this.props;
|
|
t.prev();
|
|
}),
|
|
_(this, "handleClickClose", (e) => {
|
|
e.preventDefault();
|
|
let { helpers: t } = this.props;
|
|
t.close();
|
|
}),
|
|
_(this, "handleClickPrimary", (e) => {
|
|
e.preventDefault();
|
|
let { continuous: t, helpers: n } = this.props;
|
|
if (!t) {
|
|
n.close();
|
|
return;
|
|
}
|
|
n.next();
|
|
}),
|
|
_(this, "handleClickSkip", (e) => {
|
|
e.preventDefault();
|
|
let { helpers: t } = this.props;
|
|
t.skip();
|
|
}),
|
|
_(this, "getElementsProps", () => {
|
|
let {
|
|
continuous: e,
|
|
isLastStep: t,
|
|
setTooltipRef: n,
|
|
step: r,
|
|
} = this.props,
|
|
i = Nt(r.locale.back),
|
|
l = Nt(r.locale.close),
|
|
o = Nt(r.locale.last),
|
|
s = Nt(r.locale.next),
|
|
d = Nt(r.locale.skip),
|
|
c = e ? s : l;
|
|
return (
|
|
t && (c = o),
|
|
{
|
|
backProps: {
|
|
"aria-label": i,
|
|
"data-action": "back",
|
|
onClick: this.handleClickBack,
|
|
role: "button",
|
|
title: i,
|
|
},
|
|
closeProps: {
|
|
"aria-label": l,
|
|
"data-action": "close",
|
|
onClick: this.handleClickClose,
|
|
role: "button",
|
|
title: l,
|
|
},
|
|
primaryProps: {
|
|
"aria-label": c,
|
|
"data-action": "primary",
|
|
onClick: this.handleClickPrimary,
|
|
role: "button",
|
|
title: c,
|
|
},
|
|
skipProps: {
|
|
"aria-label": d,
|
|
"data-action": "skip",
|
|
onClick: this.handleClickSkip,
|
|
role: "button",
|
|
title: d,
|
|
},
|
|
tooltipProps: {
|
|
"aria-modal": !0,
|
|
ref: n,
|
|
role: "alertdialog",
|
|
},
|
|
}
|
|
);
|
|
}));
|
|
}
|
|
render() {
|
|
let {
|
|
continuous: e,
|
|
index: t,
|
|
isLastStep: n,
|
|
setTooltipRef: r,
|
|
size: i,
|
|
step: l,
|
|
} = this.props,
|
|
{ beaconComponent: o, tooltipComponent: s, ...d } = l,
|
|
c;
|
|
if (s) {
|
|
let u = {
|
|
...this.getElementsProps(),
|
|
continuous: e,
|
|
index: t,
|
|
isLastStep: n,
|
|
size: i,
|
|
step: d,
|
|
setTooltipRef: r,
|
|
};
|
|
c = S(s, { ...u });
|
|
} else
|
|
c = S(V3, {
|
|
...this.getElementsProps(),
|
|
continuous: e,
|
|
index: t,
|
|
isLastStep: n,
|
|
size: i,
|
|
step: l,
|
|
});
|
|
return c;
|
|
}
|
|
},
|
|
j3 = class extends Tt {
|
|
constructor() {
|
|
(super(...arguments),
|
|
_(this, "scope", null),
|
|
_(this, "tooltip", null),
|
|
_(this, "handleClickHoverBeacon", (e) => {
|
|
let { step: t, store: n } = this.props;
|
|
(e.type === "mouseenter" && t.event !== "hover") ||
|
|
n.update({ lifecycle: q.TOOLTIP });
|
|
}),
|
|
_(this, "handleClickOverlay", () => {
|
|
let { helpers: e, step: t } = this.props;
|
|
t.disableOverlayClose || e.close();
|
|
}),
|
|
_(this, "setTooltipRef", (e) => {
|
|
this.tooltip = e;
|
|
}),
|
|
_(this, "setPopper", (e, t) => {
|
|
var n;
|
|
let { action: r, step: i, store: l } = this.props;
|
|
(t === "wrapper"
|
|
? l.setPopper("beacon", e)
|
|
: l.setPopper("tooltip", e),
|
|
l.getPopper("beacon") &&
|
|
l.getPopper("tooltip") &&
|
|
l.update({ action: r, lifecycle: q.READY }),
|
|
(n = i.floaterProps) != null &&
|
|
n.getPopper &&
|
|
i.floaterProps.getPopper(e, t));
|
|
}),
|
|
_(this, "renderTooltip", (e) => {
|
|
let {
|
|
continuous: t,
|
|
helpers: n,
|
|
index: r,
|
|
size: i,
|
|
step: l,
|
|
} = this.props;
|
|
return S(H3, {
|
|
continuous: t,
|
|
helpers: n,
|
|
index: r,
|
|
isLastStep: r + 1 === i,
|
|
setTooltipRef: this.setTooltipRef,
|
|
size: i,
|
|
step: l,
|
|
...e,
|
|
});
|
|
}));
|
|
}
|
|
componentDidMount() {
|
|
let { debug: e, index: t } = this.props;
|
|
Ut({
|
|
title: `step:${t}`,
|
|
data: [{ key: "props", value: this.props }],
|
|
debug: e,
|
|
});
|
|
}
|
|
componentDidUpdate(e) {
|
|
var t;
|
|
let {
|
|
action: n,
|
|
callback: r,
|
|
continuous: i,
|
|
controlled: l,
|
|
debug: o,
|
|
index: s,
|
|
lifecycle: d,
|
|
size: c,
|
|
status: u,
|
|
step: m,
|
|
store: p,
|
|
} = this.props,
|
|
{ changed: v, changedFrom: g } = lr(e, this.props),
|
|
y = {
|
|
action: n,
|
|
controlled: l,
|
|
index: s,
|
|
lifecycle: d,
|
|
size: c,
|
|
status: u,
|
|
},
|
|
w = i && n !== ie.CLOSE && (s > 0 || n === ie.PREV),
|
|
b = v("action") || v("index") || v("lifecycle") || v("status"),
|
|
h = g("lifecycle", [q.TOOLTIP, q.INIT], q.INIT),
|
|
f = v("action", [ie.NEXT, ie.PREV, ie.SKIP, ie.CLOSE]),
|
|
E = l && s === e.index;
|
|
if (
|
|
(f &&
|
|
(h || E) &&
|
|
r({
|
|
...y,
|
|
index: e.index,
|
|
lifecycle: q.COMPLETE,
|
|
step: e.step,
|
|
type: Ge.STEP_AFTER,
|
|
}),
|
|
m.placement === "center" &&
|
|
u === J.RUNNING &&
|
|
v("index") &&
|
|
n !== ie.START &&
|
|
d === q.INIT &&
|
|
p.update({ lifecycle: q.READY }),
|
|
b)
|
|
) {
|
|
let C = Mt(m.target),
|
|
Z = !!C;
|
|
Z && h3(C)
|
|
? (g("status", J.READY, J.RUNNING) ||
|
|
g("lifecycle", q.INIT, q.READY)) &&
|
|
r({ ...y, step: m, type: Ge.STEP_BEFORE })
|
|
: (console.warn(
|
|
Z ? "Target not visible" : "Target not mounted",
|
|
m,
|
|
),
|
|
r({ ...y, type: Ge.TARGET_NOT_FOUND, step: m }),
|
|
l || p.update({ index: s + (n === ie.PREV ? -1 : 1) }));
|
|
}
|
|
(g("lifecycle", q.INIT, q.READY) &&
|
|
p.update({ lifecycle: h1(m) || w ? q.TOOLTIP : q.BEACON }),
|
|
v("index") &&
|
|
Ut({
|
|
title: `step:${d}`,
|
|
data: [{ key: "props", value: this.props }],
|
|
debug: o,
|
|
}),
|
|
v("lifecycle", q.BEACON) && r({ ...y, step: m, type: Ge.BEACON }),
|
|
v("lifecycle", q.TOOLTIP) &&
|
|
(r({ ...y, step: m, type: Ge.TOOLTIP }),
|
|
this.tooltip &&
|
|
((this.scope = new L3(this.tooltip, {
|
|
selector: "[data-action=primary]",
|
|
})),
|
|
this.scope.setFocus())),
|
|
g("lifecycle", [q.TOOLTIP, q.INIT], q.INIT) &&
|
|
((t = this.scope) == null || t.removeScope(),
|
|
p.cleanupPoppers()));
|
|
}
|
|
componentWillUnmount() {
|
|
var e;
|
|
(e = this.scope) == null || e.removeScope();
|
|
}
|
|
get open() {
|
|
let { lifecycle: e, step: t } = this.props;
|
|
return h1(t) || e === q.TOOLTIP;
|
|
}
|
|
render() {
|
|
let {
|
|
continuous: e,
|
|
debug: t,
|
|
index: n,
|
|
lifecycle: r,
|
|
nonce: i,
|
|
shouldScroll: l,
|
|
size: o,
|
|
step: s,
|
|
} = this.props,
|
|
d = Mt(s.target);
|
|
return !Z0(s) || !O.domElement(d)
|
|
? null
|
|
: S(
|
|
"div",
|
|
{ key: `JoyrideStep-${n}`, className: "react-joyride__step" },
|
|
S(
|
|
I3,
|
|
{ id: "react-joyride-portal" },
|
|
S(_3, {
|
|
...s,
|
|
debug: t,
|
|
lifecycle: r,
|
|
onClickOverlay: this.handleClickOverlay,
|
|
}),
|
|
),
|
|
S(
|
|
yl,
|
|
{
|
|
...s.floaterProps,
|
|
component: this.renderTooltip,
|
|
debug: t,
|
|
getPopper: this.setPopper,
|
|
id: `react-joyride-step-${n}`,
|
|
open: this.open,
|
|
placement: s.placement,
|
|
target: s.target,
|
|
},
|
|
S(T3, {
|
|
beaconComponent: s.beaconComponent,
|
|
continuous: e,
|
|
index: n,
|
|
isLastStep: n + 1 === o,
|
|
locale: s.locale,
|
|
nonce: i,
|
|
onClickOrHover: this.handleClickHoverBeacon,
|
|
shouldFocus: l,
|
|
size: o,
|
|
step: s,
|
|
styles: s.styles,
|
|
}),
|
|
),
|
|
);
|
|
}
|
|
},
|
|
O0 = class extends Tt {
|
|
constructor(e) {
|
|
(super(e),
|
|
_(this, "helpers"),
|
|
_(this, "store"),
|
|
_(this, "callback", (o) => {
|
|
let { callback: s } = this.props;
|
|
O.function(s) && s(o);
|
|
}),
|
|
_(this, "handleKeyboard", (o) => {
|
|
let { index: s, lifecycle: d } = this.state,
|
|
{ steps: c } = this.props,
|
|
u = c[s];
|
|
d === q.TOOLTIP &&
|
|
o.code === "Escape" &&
|
|
u &&
|
|
!u.disableCloseOnEsc &&
|
|
this.store.close();
|
|
}),
|
|
_(this, "syncState", (o) => {
|
|
this.setState(o);
|
|
}));
|
|
let { debug: t, getHelpers: n, run: r, stepIndex: i } = e;
|
|
((this.store = A3({ ...e, controlled: r && O.number(i) })),
|
|
(this.helpers = this.store.getHelpers()));
|
|
let { addListener: l } = this.store;
|
|
(Ut({
|
|
title: "init",
|
|
data: [
|
|
{ key: "props", value: this.props },
|
|
{ key: "state", value: this.state },
|
|
],
|
|
debug: t,
|
|
}),
|
|
l(this.syncState),
|
|
n && n(this.helpers),
|
|
(this.state = this.store.getState()));
|
|
}
|
|
componentDidMount() {
|
|
if (!xt()) return;
|
|
let { debug: e, disableCloseOnEsc: t, run: n, steps: r } = this.props,
|
|
{ start: i } = this.store;
|
|
(v1(r, e) && n && i(),
|
|
t ||
|
|
document.body.addEventListener("keydown", this.handleKeyboard, {
|
|
passive: !0,
|
|
}));
|
|
}
|
|
componentDidUpdate(e, t) {
|
|
if (!xt()) return;
|
|
let {
|
|
action: n,
|
|
controlled: r,
|
|
index: i,
|
|
lifecycle: l,
|
|
status: o,
|
|
} = this.state,
|
|
{ debug: s, run: d, stepIndex: c, steps: u } = this.props,
|
|
{ stepIndex: m, steps: p } = e,
|
|
{
|
|
reset: v,
|
|
setSteps: g,
|
|
start: y,
|
|
stop: w,
|
|
update: b,
|
|
} = this.store,
|
|
{ changed: h } = lr(e, this.props),
|
|
{ changed: f, changedFrom: E } = lr(t, this.state),
|
|
C = _n(u[i], this.props),
|
|
Z = !Me(p, u),
|
|
M = O.number(c) && h("stepIndex"),
|
|
V = Mt(C.target);
|
|
if (
|
|
(Z && (v1(u, s) ? g(u) : console.warn("Steps are not valid", u)),
|
|
h("run") && (d ? y(c) : w()),
|
|
M)
|
|
) {
|
|
let X = O.number(m) && m < c ? ie.NEXT : ie.PREV;
|
|
(n === ie.STOP && (X = ie.START),
|
|
[J.FINISHED, J.SKIPPED].includes(o) ||
|
|
b({
|
|
action: n === ie.CLOSE ? ie.CLOSE : X,
|
|
index: c,
|
|
lifecycle: q.INIT,
|
|
}));
|
|
}
|
|
!r &&
|
|
o === J.RUNNING &&
|
|
i === 0 &&
|
|
!V &&
|
|
(this.store.update({ index: i + 1 }),
|
|
this.callback({
|
|
...this.state,
|
|
type: Ge.TARGET_NOT_FOUND,
|
|
step: C,
|
|
}));
|
|
let D = { ...this.state, index: i, step: C };
|
|
if (
|
|
f("action", [ie.NEXT, ie.PREV, ie.SKIP, ie.CLOSE]) &&
|
|
f("status", J.PAUSED)
|
|
) {
|
|
let X = _n(u[t.index], this.props);
|
|
this.callback({
|
|
...D,
|
|
index: t.index,
|
|
lifecycle: q.COMPLETE,
|
|
step: X,
|
|
type: Ge.STEP_AFTER,
|
|
});
|
|
}
|
|
if (f("status", [J.FINISHED, J.SKIPPED])) {
|
|
let X = _n(u[t.index], this.props);
|
|
(r ||
|
|
this.callback({
|
|
...D,
|
|
index: t.index,
|
|
lifecycle: q.COMPLETE,
|
|
step: X,
|
|
type: Ge.STEP_AFTER,
|
|
}),
|
|
this.callback({
|
|
...D,
|
|
type: Ge.TOUR_END,
|
|
step: X,
|
|
index: t.index,
|
|
}),
|
|
v());
|
|
} else
|
|
E("status", [J.IDLE, J.READY], J.RUNNING)
|
|
? this.callback({ ...D, type: Ge.TOUR_START })
|
|
: (f("status") || f("action", ie.RESET)) &&
|
|
this.callback({ ...D, type: Ge.TOUR_STATUS });
|
|
(this.scrollToStep(t),
|
|
C.placement === "center" &&
|
|
o === J.RUNNING &&
|
|
l === q.INIT &&
|
|
this.store.update({ lifecycle: q.READY }));
|
|
}
|
|
componentWillUnmount() {
|
|
let { disableCloseOnEsc: e } = this.props;
|
|
e ||
|
|
document.body.removeEventListener("keydown", this.handleKeyboard);
|
|
}
|
|
scrollToStep(e) {
|
|
let { index: t, lifecycle: n, status: r } = this.state,
|
|
{
|
|
debug: i,
|
|
disableScrollParentFix: l = !1,
|
|
scrollDuration: o,
|
|
scrollOffset: s = 20,
|
|
scrollToFirstStep: d = !1,
|
|
steps: c,
|
|
} = this.props,
|
|
u = _n(c[t], this.props),
|
|
m = Mt(u.target),
|
|
p = E3({
|
|
isFirstStep: t === 0,
|
|
lifecycle: n,
|
|
previousLifecycle: e.lifecycle,
|
|
scrollToFirstStep: d,
|
|
step: u,
|
|
target: m,
|
|
});
|
|
if (r === J.RUNNING && p) {
|
|
let v = Fr(m, l),
|
|
g = Mr(m, l),
|
|
y = Math.floor(g3(m, s, l)) || 0;
|
|
Ut({
|
|
title: "scrollToStep",
|
|
data: [
|
|
{ key: "index", value: t },
|
|
{ key: "lifecycle", value: n },
|
|
{ key: "status", value: r },
|
|
],
|
|
debug: i,
|
|
});
|
|
let w = this.store.getPopper("beacon"),
|
|
b = this.store.getPopper("tooltip");
|
|
if (n === q.BEACON && w) {
|
|
let { offsets: h, placement: f } = w;
|
|
!["bottom"].includes(f) &&
|
|
!v &&
|
|
(y = Math.floor(h.popper.top - s));
|
|
} else if (n === q.TOOLTIP && b) {
|
|
let { flipped: h, offsets: f, placement: E } = b;
|
|
["top", "right", "left"].includes(E) && !h && !v
|
|
? (y = Math.floor(f.popper.top - s))
|
|
: (y -= u.spotlightPadding);
|
|
}
|
|
((y = y >= 0 ? y : 0),
|
|
r === J.RUNNING &&
|
|
v3(y, { element: g, duration: o }).then(() => {
|
|
setTimeout(() => {
|
|
var h;
|
|
(h = this.store.getPopper("tooltip")) == null ||
|
|
h.instance.update();
|
|
}, 10);
|
|
}));
|
|
}
|
|
}
|
|
render() {
|
|
if (!xt()) return null;
|
|
let { index: e, status: t } = this.state,
|
|
{
|
|
continuous: n = !1,
|
|
debug: r = !1,
|
|
nonce: i,
|
|
scrollToFirstStep: l = !1,
|
|
steps: o,
|
|
} = this.props,
|
|
s;
|
|
if (t === J.RUNNING && o[e]) {
|
|
let d = _n(o[e], this.props);
|
|
s = S(j3, {
|
|
...this.state,
|
|
callback: this.callback,
|
|
continuous: n,
|
|
debug: r,
|
|
helpers: this.helpers,
|
|
nonce: i,
|
|
shouldScroll: !d.disableScrolling && (e !== 0 || l),
|
|
step: d,
|
|
store: this.store,
|
|
});
|
|
}
|
|
return S("div", { className: "react-joyride" }, s);
|
|
}
|
|
};
|
|
_(O0, "defaultProps", C3);
|
|
var D3 = O0,
|
|
b1 = [
|
|
void 0,
|
|
"SKIPPED",
|
|
"EQUAL",
|
|
"FIXED",
|
|
"ADDED",
|
|
"CHANGED",
|
|
"REMOVED",
|
|
"CAPTURE_ERROR",
|
|
"SYSTEM_ERROR",
|
|
],
|
|
cr = ([e, ...t]) =>
|
|
t.reduce((n, r) => (b1.indexOf(r) > b1.indexOf(n) ? r : n), e);
|
|
function z3(e) {
|
|
return (e.FAILED ?? 0) > 0
|
|
? "FAILED"
|
|
: (e.IN_PROGRESS ?? 0) > 0
|
|
? "IN_PROGRESS"
|
|
: (e.BROKEN ?? 0) > 0
|
|
? "BROKEN"
|
|
: (e.DENIED ?? 0) > 0
|
|
? "DENIED"
|
|
: (e.PENDING ?? 0) > 0
|
|
? "PENDING"
|
|
: (e.ACCEPTED ?? 0) > 0
|
|
? "ACCEPTED"
|
|
: "PASSED";
|
|
}
|
|
function bl(e) {
|
|
let {
|
|
statusCounts: t,
|
|
isInProgress: n,
|
|
changeCount: r,
|
|
brokenCount: i,
|
|
resultsByBrowser: l,
|
|
resultsByMode: o,
|
|
modesByName: s,
|
|
} = e.reduce(
|
|
(m, p) => (
|
|
(m.statusCounts[p.status] = (m.statusCounts[p.status] || 0) + 1),
|
|
p.status === "IN_PROGRESS" && (m.isInProgress = !0),
|
|
p.result &&
|
|
["CHANGED", "ADDED"].includes(p.result) &&
|
|
(m.changeCount += 1),
|
|
p.result &&
|
|
["CAPTURE_ERROR", "SYSTEM_ERROR"].includes(p.result) &&
|
|
(m.brokenCount += 1),
|
|
p.comparisons?.forEach(({ browser: v, result: g }) => {
|
|
m.resultsByBrowser[v.id] = cr([
|
|
g ?? void 0,
|
|
m.resultsByBrowser[v.id],
|
|
]);
|
|
}),
|
|
p.comparisons?.forEach(({ result: v }) => {
|
|
m.resultsByMode[p.mode.name] = cr([
|
|
v ?? void 0,
|
|
m.resultsByMode[p.mode.name],
|
|
]);
|
|
}),
|
|
(m.modesByName[p.mode.name] = p.mode),
|
|
m
|
|
),
|
|
{
|
|
statusCounts: {},
|
|
isInProgress: !1,
|
|
changeCount: 0,
|
|
brokenCount: 0,
|
|
resultsByBrowser: {},
|
|
resultsByMode: {},
|
|
modesByName: {},
|
|
},
|
|
),
|
|
d = e.length
|
|
? Object.fromEntries(
|
|
e[0].comparisons.map((m) => [m.browser.id, m.browser]),
|
|
)
|
|
: {},
|
|
c = Object.entries(l).map(([m, p]) => ({ browser: d[m], result: p })),
|
|
u = Object.entries(o).map(([m, p]) => ({ mode: s[m], result: p }));
|
|
return {
|
|
status: z3(t),
|
|
isInProgress: n,
|
|
changeCount: r,
|
|
brokenCount: i,
|
|
browserResults: c,
|
|
modeResults: u,
|
|
};
|
|
}
|
|
var U3 = (e) => {
|
|
try {
|
|
return [Al()[0][e], Fl()[e]];
|
|
} catch {
|
|
return [null, null];
|
|
}
|
|
},
|
|
_0 = ({ result: e }) => e && !["EQUAL", "FIXED", "SKIPPED"].includes(e),
|
|
$3 = (e, t) => {
|
|
let n = e.filter((i) => i.comparisons.some(_0)),
|
|
r = n.length ? n : e;
|
|
return r.find((i) => i.mode.name === t) || r[0];
|
|
},
|
|
W3 = (e, t) => {
|
|
let n = e.filter(_0),
|
|
r = n.length ? n : e;
|
|
return r.find((i) => i.browser.id === t) || r[0];
|
|
};
|
|
function q3(e) {
|
|
let [t, n] = Le(!0),
|
|
r = U3("theme")[1],
|
|
[i, l] = we($d),
|
|
[o, s] = we(Wd),
|
|
d,
|
|
c;
|
|
return (
|
|
e.length &&
|
|
((d = t ? $3(e, i) : e.find(({ mode: u }) => u.name === i) || e[0]),
|
|
(c = t
|
|
? W3(d.comparisons, o)
|
|
: d?.comparisons.find(({ browser: u }) => u.id === o) ||
|
|
d?.comparisons[0]),
|
|
t &&
|
|
(i !== d?.mode.name && l(d?.mode.name),
|
|
o !== c?.browser.id && s(c?.browser.id),
|
|
n(!1))),
|
|
{
|
|
modeOrder: r?.toolbar?.items?.map((u) => u.title),
|
|
selectedTest: d,
|
|
selectedComparison: c,
|
|
onSelectBrowser: K((u) => s(u.id), [s]),
|
|
onSelectMode: K((u) => l(u.name), [l]),
|
|
}
|
|
);
|
|
}
|
|
var G3 = Qe(`
|
|
query AddonVisualTestsBuild(
|
|
$projectId: ID!
|
|
$branch: String!
|
|
$gitUserEmailHash: String!
|
|
$repositoryOwnerName: String
|
|
$storyId: String!
|
|
$testStatuses: [TestStatus!]!
|
|
$selectedBuildId: ID!
|
|
$hasSelectedBuildId: Boolean!
|
|
) {
|
|
project(id: $projectId) {
|
|
name
|
|
manageUrl
|
|
account {
|
|
billingUrl
|
|
suspensionReason
|
|
}
|
|
features {
|
|
uiTests
|
|
}
|
|
lastBuildOnBranch: lastBuild(
|
|
branches: [$branch]
|
|
repositoryOwnerName: $repositoryOwnerName
|
|
localBuilds: { localBuildEmailHash: $gitUserEmailHash }
|
|
) {
|
|
...LastBuildOnBranchBuildFields
|
|
...SelectedBuildFields @skip(if: $hasSelectedBuildId)
|
|
}
|
|
lastBuild {
|
|
id
|
|
slug
|
|
branch
|
|
}
|
|
}
|
|
selectedBuild: build(id: $selectedBuildId) @include(if: $hasSelectedBuildId) {
|
|
...SelectedBuildFields
|
|
}
|
|
viewer {
|
|
preferences {
|
|
vtaOnboarding
|
|
}
|
|
projectMembership(projectId: $projectId) {
|
|
userCanReview: meetsAccessLevel(minimumAccessLevel: REVIEWER)
|
|
}
|
|
}
|
|
}
|
|
`),
|
|
Y3 = Qe(`
|
|
fragment LastBuildOnBranchBuildFields on Build {
|
|
__typename
|
|
id
|
|
status
|
|
committedAt
|
|
... on StartedBuild {
|
|
testsForStatus: tests(first: 1000, statuses: $testStatuses) {
|
|
nodes {
|
|
...StatusTestFields
|
|
}
|
|
}
|
|
testsForStory: tests(storyId: $storyId) {
|
|
nodes {
|
|
...LastBuildOnBranchTestFields
|
|
}
|
|
}
|
|
}
|
|
... on CompletedBuild {
|
|
result
|
|
testsForStatus: tests(first: 1000, statuses: $testStatuses) {
|
|
nodes {
|
|
...StatusTestFields
|
|
}
|
|
}
|
|
testsForStory: tests(storyId: $storyId) {
|
|
nodes {
|
|
...LastBuildOnBranchTestFields
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`),
|
|
K3 = Qe(`
|
|
fragment SelectedBuildFields on Build {
|
|
__typename
|
|
id
|
|
number
|
|
branch
|
|
commit
|
|
committedAt
|
|
uncommittedHash
|
|
status
|
|
... on StartedBuild {
|
|
startedAt
|
|
testsForStory: tests(storyId: $storyId) {
|
|
nodes {
|
|
...StoryTestFields
|
|
}
|
|
}
|
|
}
|
|
... on CompletedBuild {
|
|
startedAt
|
|
testsForStory: tests(storyId: $storyId) {
|
|
nodes {
|
|
...StoryTestFields
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`),
|
|
I0 = Qe(`
|
|
fragment StatusTestFields on Test {
|
|
id
|
|
status
|
|
result
|
|
story {
|
|
storyId
|
|
}
|
|
}
|
|
`),
|
|
J3 = Qe(`
|
|
fragment LastBuildOnBranchTestFields on Test {
|
|
status
|
|
result
|
|
}
|
|
`),
|
|
Q3 = Qe(`
|
|
fragment StoryTestFields on Test {
|
|
id
|
|
status
|
|
result
|
|
webUrl
|
|
comparisons {
|
|
id
|
|
result
|
|
browser {
|
|
id
|
|
key
|
|
name
|
|
version
|
|
}
|
|
captureDiff {
|
|
diffImage(signed: true) {
|
|
imageUrl
|
|
imageWidth
|
|
}
|
|
focusImage(signed: true) {
|
|
imageUrl
|
|
imageWidth
|
|
}
|
|
}
|
|
headCapture {
|
|
captureImage(signed: true) {
|
|
backgroundColor
|
|
imageUrl
|
|
imageWidth
|
|
imageHeight
|
|
thumbnailUrl
|
|
}
|
|
captureError {
|
|
kind
|
|
... on CaptureErrorInteractionFailure {
|
|
error
|
|
}
|
|
... on CaptureErrorJSError {
|
|
error
|
|
}
|
|
... on CaptureErrorFailedJS {
|
|
error
|
|
}
|
|
}
|
|
}
|
|
baseCapture {
|
|
captureImage(signed: true) {
|
|
imageUrl
|
|
imageWidth
|
|
imageHeight
|
|
}
|
|
}
|
|
}
|
|
mode {
|
|
name
|
|
globals
|
|
}
|
|
story {
|
|
storyId
|
|
name
|
|
component {
|
|
name
|
|
}
|
|
}
|
|
}
|
|
`),
|
|
X3 = Qe(`
|
|
mutation ReviewTest($input: ReviewTestInput!) {
|
|
reviewTest(input: $input) {
|
|
updatedTests {
|
|
id
|
|
status
|
|
}
|
|
userErrors {
|
|
... on UserError {
|
|
__typename
|
|
message
|
|
}
|
|
... on BuildSupersededError {
|
|
build {
|
|
id
|
|
}
|
|
}
|
|
... on TestUnreviewableError {
|
|
test {
|
|
id
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`),
|
|
e7 = ({ projectId: e, storyId: t, gitInfo: n, selectedBuildInfo: r }) => {
|
|
let [{ data: i, error: l, operation: o }, s] = dl({
|
|
query: G3,
|
|
variables: {
|
|
projectId: e,
|
|
storyId: t,
|
|
testStatuses: Object.keys(_i),
|
|
branch: n.branch || "",
|
|
...(n.slug ? { repositoryOwnerName: n.slug.split("/", 1)[0] } : {}),
|
|
gitUserEmailHash: n.userEmailHash,
|
|
selectedBuildId: r?.buildId || "",
|
|
hasSelectedBuildId: !!r,
|
|
},
|
|
});
|
|
te(() => {
|
|
let y = setInterval(s, 5e3);
|
|
return () => clearInterval(y);
|
|
}, [s]);
|
|
let d = o && t && o.variables.storyId !== t,
|
|
c = an(Y3, i?.project?.lastBuildOnBranch),
|
|
u = [
|
|
...an(
|
|
J3,
|
|
c && "testsForStory" in c && c.testsForStory
|
|
? c.testsForStory.nodes
|
|
: [],
|
|
),
|
|
],
|
|
m = c?.committedAt > n.committedAt,
|
|
p = !!c && !m,
|
|
v = !!c && u.every((y) => y.status !== "IN_PROGRESS"),
|
|
g = an(
|
|
K3,
|
|
i?.selectedBuild ?? (v ? i?.project?.lastBuildOnBranch : void 0),
|
|
);
|
|
return {
|
|
account: i?.project?.account,
|
|
features: i?.project?.features,
|
|
manageUrl: i?.project?.manageUrl,
|
|
hasData: !!i && !d,
|
|
hasProject: !!i?.project,
|
|
hasSelectedBuild: g?.branch.split(":").at(-1) === n.branch,
|
|
lastBuildOnBranch: c,
|
|
lastBuildOnBranchIsNewer: m,
|
|
lastBuildOnBranchIsReady: v,
|
|
lastBuildOnBranchIsSelectable: p,
|
|
selectedBuild: g,
|
|
selectedBuildMatchesGit:
|
|
g?.branch.split(":").at(-1) === n.branch &&
|
|
g?.commit === n.commit &&
|
|
g?.uncommittedHash === n.uncommittedHash,
|
|
rerunQuery: s,
|
|
queryError: l,
|
|
userCanReview: !!i?.viewer?.projectMembership?.userCanReview,
|
|
vtaOnboarding: i?.viewer?.preferences?.vtaOnboarding,
|
|
};
|
|
},
|
|
El = He(null),
|
|
R0 = He(null),
|
|
t7 = () => ht(El, "Build"),
|
|
B0 = () => {
|
|
let { selectedBuild: e } = ht(El, "Build");
|
|
if (!e) throw new Error("No selectedBuild on Build context");
|
|
return e;
|
|
},
|
|
Wt = () => ht(R0, "Story"),
|
|
ai = ({ children: e, watchState: t }) => {
|
|
let n = !!t?.selectedBuild && "testsForStory" in t.selectedBuild,
|
|
r =
|
|
t?.selectedBuild &&
|
|
"testsForStory" in t.selectedBuild &&
|
|
t.selectedBuild.testsForStory?.nodes,
|
|
i = [...an(Q3, r || [])],
|
|
l = bl(i),
|
|
{ toggleDiff: o } = vn();
|
|
return (
|
|
te(() => o(l.changeCount > 0), [o, l.changeCount]),
|
|
a.createElement(
|
|
El.Provider,
|
|
{ value: ft(() => t, [JSON.stringify(t?.selectedBuild)]) },
|
|
a.createElement(
|
|
R0.Provider,
|
|
{ value: { hasTests: n, tests: i, summary: l, ...q3(i) } },
|
|
e,
|
|
),
|
|
)
|
|
);
|
|
},
|
|
n7 = k.div({
|
|
zIndex: 9999,
|
|
position: "fixed",
|
|
top: 0,
|
|
left: "50%",
|
|
width: "50%",
|
|
height: "100%",
|
|
}),
|
|
a7 = a.memo(function ({
|
|
timeToFade: e = 5e3,
|
|
colors: t = [
|
|
"#CA90FF",
|
|
"#FC521F",
|
|
"#66BF3C",
|
|
"#FF4785",
|
|
"#FFAE00",
|
|
"#1EA7FD",
|
|
],
|
|
...n
|
|
}) {
|
|
return a.createElement(
|
|
n7,
|
|
null,
|
|
a.createElement(no, {
|
|
colors: t,
|
|
particleCount: 200,
|
|
duration: e,
|
|
stageHeight: window.innerHeight,
|
|
stageWidth: window.innerWidth,
|
|
destroyAfterDone: !0,
|
|
...n,
|
|
}),
|
|
);
|
|
}),
|
|
r7 = k.div(({ theme: e }) => ({
|
|
background: e.base === "light" ? e.color.lightest : "#292A2C",
|
|
width: 260,
|
|
padding: 15,
|
|
borderRadius: 5,
|
|
boxShadow: "0px 0px 32px 0px #00000029",
|
|
})),
|
|
i7 = k.div({
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
alignItems: "flex-start",
|
|
}),
|
|
l7 = k.div(({ theme: e }) => ({
|
|
fontSize: 13,
|
|
lineHeight: "18px",
|
|
fontWeight: 700,
|
|
color: e.color.defaultText,
|
|
})),
|
|
o7 = k.div(({ theme: e }) => ({
|
|
fontSize: 13,
|
|
lineHeight: "18px",
|
|
textAlign: "start",
|
|
color: e.color.defaultText,
|
|
margin: 0,
|
|
marginTop: 5,
|
|
})),
|
|
s7 = k.div({
|
|
display: "flex",
|
|
justifyContent: "flex-end",
|
|
marginTop: 15,
|
|
}),
|
|
d7 = ({ isLastStep: e, step: t, primaryProps: n, tooltipProps: r }) =>
|
|
a.createElement(
|
|
r7,
|
|
{ ...r },
|
|
a.createElement(
|
|
i7,
|
|
null,
|
|
t.title && a.createElement(l7, null, t.title),
|
|
a.createElement(o7, null, t.content),
|
|
),
|
|
(t.hideNextButton || t.hideBackButton) &&
|
|
a.createElement(
|
|
s7,
|
|
{ id: "buttonSkip" },
|
|
!t.hideSkipButton &&
|
|
!e &&
|
|
a.createElement(
|
|
re,
|
|
{
|
|
size: "medium",
|
|
onClick: t.onSkipWalkthroughButtonClick,
|
|
link: !0,
|
|
style: {
|
|
paddingRight: 12,
|
|
paddingLeft: 12,
|
|
marginRight: 8,
|
|
},
|
|
},
|
|
"Skip",
|
|
),
|
|
!t.hideNextButton &&
|
|
a.createElement(
|
|
re,
|
|
{
|
|
...n,
|
|
onClick: n.onClick,
|
|
variant: "solid",
|
|
...(t.onNextButtonClick
|
|
? { onClick: t.onNextButtonClick }
|
|
: {}),
|
|
},
|
|
t.nextButtonText || "Next",
|
|
),
|
|
),
|
|
),
|
|
E1 = "setFilter",
|
|
c7 = ({
|
|
managerApi: e,
|
|
skipWalkthrough: t,
|
|
startWalkthrough: n,
|
|
completeWalkthrough: r,
|
|
}) => {
|
|
let i = Sn(),
|
|
l = Wt(),
|
|
o = l?.selectedTest?.result === "CHANGED",
|
|
s = l?.selectedTest?.status !== "ACCEPTED",
|
|
d = JSON.stringify(wn().layout),
|
|
c = Ee(d);
|
|
(c.current !== d &&
|
|
(window.dispatchEvent(new Event("resize")), (c.current = d)),
|
|
te(() => {
|
|
n();
|
|
}),
|
|
te(() => {
|
|
(e.getCurrentStoryData()?.type !== "story" && e.jumpToStory(1),
|
|
e.togglePanel(!0),
|
|
e.togglePanelPosition("right"),
|
|
e.setSelectedPanel(rn));
|
|
}, [e]));
|
|
let [u, m] = Be("showConfetti", !1),
|
|
[p, v] = Be("stepIndex", 0),
|
|
g = () => v((y = 0) => y + 1);
|
|
return (
|
|
te(() => {
|
|
let y = document.getElementById("storybook-explorer-tree"),
|
|
w = Array.from(y instanceof HTMLElement ? y.children : [])
|
|
.filter((b) => b instanceof HTMLElement)
|
|
.slice(1);
|
|
return (
|
|
w.forEach((b) => (b.style.display = "none")),
|
|
() => w.forEach((b) => (b.style.display = ""))
|
|
);
|
|
}, []),
|
|
te(() => {
|
|
let y = () => {
|
|
(v(1),
|
|
setTimeout(() => {
|
|
window.dispatchEvent(new Event("resize"));
|
|
}, 100));
|
|
};
|
|
return (
|
|
e.on(lo, y),
|
|
e.on(E1, y),
|
|
() => {
|
|
(e.off(lo, y), e.off(E1, y));
|
|
}
|
|
);
|
|
}, [e, v]),
|
|
te(() => {
|
|
l?.selectedTest?.status === "ACCEPTED" && p === 5 && (m(!0), v(6));
|
|
}, [l?.selectedTest?.status, u, m, p, v]),
|
|
a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
u && a.createElement(a7, null),
|
|
a.createElement(D3, {
|
|
steps: [
|
|
{
|
|
target: "#sidebar-bottom-wrapper",
|
|
title: "Changes found",
|
|
content: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
"The visual tests addon will detect changes in all of your stories and allow you to review them before opening a pull request.",
|
|
a.createElement("br", null),
|
|
a.createElement("br", null),
|
|
"Click the number at the bottom-right to only show stories with visual changes.",
|
|
),
|
|
floaterProps: {
|
|
target: "#warnings-found-filter",
|
|
options: {
|
|
preventOverflow: { boundariesElement: "window" },
|
|
},
|
|
},
|
|
placement: "top",
|
|
disableBeacon: !0,
|
|
hideNextButton: !0,
|
|
spotlightClicks: !0,
|
|
onSkipWalkthroughButtonClick: t,
|
|
},
|
|
o && s
|
|
? {
|
|
target: "#storybook-explorer-tree > div",
|
|
title: "Stories with changes",
|
|
content: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
"Here you have a filtered list of only stories with changes.",
|
|
),
|
|
placement: "right",
|
|
disableBeacon: !0,
|
|
spotlightClicks: !0,
|
|
onNextButtonClick: g,
|
|
onSkipWalkthroughButtonClick: t,
|
|
}
|
|
: {
|
|
target: "#storybook-explorer-tree > div",
|
|
title: "Stories with changes",
|
|
content: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
"Here you have a list of all stories in your Storybook.",
|
|
a.createElement("br", null),
|
|
a.createElement("br", null),
|
|
"Select a story with changes to see the exact pixels that changed.",
|
|
),
|
|
placement: "right",
|
|
disableBeacon: !0,
|
|
spotlightClicks: !0,
|
|
hideNextButton: !0,
|
|
onSkipWalkthroughButtonClick: t,
|
|
},
|
|
{
|
|
target: "#panel-tab-content",
|
|
title: "Inspect changes",
|
|
content: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
"The results of the changes are shown here. The pixels that changed are highlighted in green.",
|
|
),
|
|
disableBeacon: !0,
|
|
placement: "left",
|
|
onNextButtonClick: g,
|
|
onSkipWalkthroughButtonClick: t,
|
|
},
|
|
{
|
|
target: "#button-diff-visible",
|
|
title: "Toggle the diff",
|
|
content: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
"This button shows or hides the visual diff. Use it to make the visual changes in your stories obvious. Try it out.",
|
|
),
|
|
onNextButtonClick: g,
|
|
onSkipWalkthroughButtonClick: t,
|
|
spotlightClicks: !0,
|
|
disableBeacon: !0,
|
|
placement: "bottom",
|
|
disableOverlay: !0,
|
|
},
|
|
{
|
|
target: "#button-toggle-snapshot",
|
|
title: "This is the Switch button",
|
|
content: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
"Switch between the baseline snapshot (old) and the latest snapshot. The info bar will let you know which version you're looking at.",
|
|
),
|
|
onNextButtonClick: g,
|
|
onSkipWalkthroughButtonClick: t,
|
|
spotlightClicks: !0,
|
|
disableBeacon: !0,
|
|
placement: "bottom",
|
|
disableOverlay: !0,
|
|
},
|
|
{
|
|
target: "#button-toggle-accept-story",
|
|
title: "Accept changes",
|
|
content: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
"If the visual changes are intentional, accept them to update the test baselines. The next time you run visual tests, future changes will be compared to these new baselines. This can be undone.",
|
|
),
|
|
disableBeacon: !0,
|
|
spotlightClicks: !0,
|
|
onNextButtonClick: g,
|
|
hideNextButton: !0,
|
|
placement: "bottom",
|
|
disableOverlay: !0,
|
|
onSkipWalkthroughButtonClick: t,
|
|
},
|
|
{
|
|
target: "#button-toggle-accept-story",
|
|
title: "Perfection!",
|
|
placement: "bottom",
|
|
disableOverlay: !0,
|
|
content: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
"You've got the basics down! You can always unaccept if you're not happy with the changes.",
|
|
),
|
|
onNextButtonClick: g,
|
|
onSkipWalkthroughButtonClick: t,
|
|
},
|
|
{
|
|
target: "#button-run-tests",
|
|
title: "You are ready to test",
|
|
placement: "bottom",
|
|
disableOverlay: !0,
|
|
content: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
"Any time you want to run tests, tap this button in the sidebar to see exactly what changed across your Storybook.",
|
|
),
|
|
disableBeacon: !0,
|
|
nextButtonText: "Done",
|
|
onNextButtonClick: r,
|
|
},
|
|
],
|
|
continuous: !0,
|
|
stepIndex: p,
|
|
spotlightPadding: 0,
|
|
hideBackButton: !0,
|
|
disableCloseOnEsc: !0,
|
|
disableOverlayClose: !0,
|
|
disableScrolling: !0,
|
|
hideCloseButton: !0,
|
|
showSkipButton: !0,
|
|
floaterProps: {
|
|
options: { offset: { offset: "0, 6" } },
|
|
styles: {
|
|
floater: {
|
|
padding: 0,
|
|
paddingLeft: 8,
|
|
paddingTop: 8,
|
|
filter:
|
|
i.base === "light"
|
|
? "drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))"
|
|
: "drop-shadow(#fff5 0px 0px 0.5px) drop-shadow(#fff5 0px 0px 0.5px)",
|
|
},
|
|
},
|
|
},
|
|
tooltipComponent: d7,
|
|
styles: {
|
|
overlay: { mixBlendMode: "unset", backgroundColor: "none" },
|
|
spotlight: {
|
|
backgroundColor: "none",
|
|
border: `solid 2px ${i.color.secondary}`,
|
|
boxShadow: "0px 0px 0px 9999px rgba(0,0,0,0.4)",
|
|
},
|
|
options: {
|
|
zIndex: 1e4,
|
|
primaryColor: i.color.secondary,
|
|
arrowColor: i.base === "light" ? i.color.lightest : "#292A2C",
|
|
},
|
|
},
|
|
}),
|
|
)
|
|
);
|
|
},
|
|
u7 = k.div(
|
|
({ theme: e }) => ({
|
|
display: "flex",
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
borderRadius: e.appBorderRadius,
|
|
background: e.base === "light" ? e.color.lightest : e.color.darkest,
|
|
border: `1px solid ${e.appBorderColor}`,
|
|
padding: 15,
|
|
flex: 1,
|
|
gap: 14,
|
|
maxWidth: "500px",
|
|
width: "100%",
|
|
}),
|
|
({ theme: e, warning: t }) =>
|
|
t && {
|
|
background: e.base === "dark" ? "#342e1a" : e.background.warning,
|
|
},
|
|
),
|
|
m7 = ({ content: e }) => {
|
|
let t = e.split(/\r?\n/);
|
|
return a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
t.reduce(
|
|
(n, r, i) =>
|
|
n.concat([i && a.createElement("br", null), r].filter(Boolean)),
|
|
[],
|
|
),
|
|
);
|
|
},
|
|
P0 = ({ localBuildProgress: e, title: t }) =>
|
|
a.createElement(
|
|
u7,
|
|
{ warning: !0 },
|
|
a.createElement(
|
|
j,
|
|
null,
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
t && a.createElement("b", null, t, ": "),
|
|
a.createElement(m7, {
|
|
content: Br(
|
|
Array.isArray(e.originalError)
|
|
? e.originalError[0]?.message
|
|
: e.originalError?.message || "Unknown error",
|
|
),
|
|
}),
|
|
),
|
|
" ",
|
|
a.createElement(
|
|
Ne,
|
|
{
|
|
target: "_blank",
|
|
href: e.errorDetailsUrl || `${G1}#troubleshooting`,
|
|
withArrow: !0,
|
|
},
|
|
e.errorDetailsUrl ? "Details" : "Troubleshoot",
|
|
),
|
|
),
|
|
),
|
|
p7 = ({ children: e, localBuildProgress: t }) => (
|
|
Ve("Errors", "BuildError"),
|
|
a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Build failed"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"Check the Storybook process on the command line for more details.",
|
|
),
|
|
),
|
|
a.createElement(P0, { localBuildProgress: t }),
|
|
e,
|
|
),
|
|
),
|
|
)
|
|
),
|
|
ji = ["initialize", "build", "upload", "verify", "snapshot"],
|
|
kl = {
|
|
initialize: {
|
|
key: "initialize",
|
|
emoji: "\u{1F680}",
|
|
renderName: () => "Initialize build",
|
|
renderProgress: () => "Initializing build...",
|
|
renderComplete: () => "Initialized",
|
|
estimateDuration: 2e3,
|
|
},
|
|
build: {
|
|
key: "build",
|
|
emoji: "\u{1F3D7}",
|
|
renderName: () => "Build Storybook",
|
|
renderProgress: () => "Building your Storybook...",
|
|
renderComplete: () => "Storybook built",
|
|
estimateDuration: 2e4,
|
|
},
|
|
upload: {
|
|
key: "upload",
|
|
emoji: "\u{1F4E1}",
|
|
renderName: () => "Publish your Storybook",
|
|
renderProgress: ({ stepProgress: e }) => {
|
|
let { numerator: t, denominator: n } = e.upload;
|
|
if (!n || !t) return "Uploading files...";
|
|
let { value: r, exponent: i } = Hr(n, {
|
|
output: "object",
|
|
round: 1,
|
|
}),
|
|
{ value: l, symbol: o } = Hr(t, {
|
|
exponent: i,
|
|
output: "object",
|
|
round: 1,
|
|
});
|
|
return `Uploading files... ${l}/${r} ${o}`;
|
|
},
|
|
renderComplete: () => "Publish complete",
|
|
estimateDuration: 2e4,
|
|
},
|
|
verify: {
|
|
key: "verify",
|
|
emoji: "\u{1F50D}",
|
|
renderName: () => "Verify your Storybook",
|
|
renderProgress: () => "Verifying contents...",
|
|
renderComplete: () => "Storybook verified",
|
|
estimateDuration: 2e4,
|
|
},
|
|
snapshot: {
|
|
key: "snapshot",
|
|
emoji: "\u{1F4F8}",
|
|
renderName: () => "Run visual tests",
|
|
renderProgress: ({ stepProgress: e }) => {
|
|
let { numerator: t, denominator: n } = e.snapshot;
|
|
return n
|
|
? `Running visual tests... ${t}/${n}`
|
|
: "Running visual tests...";
|
|
},
|
|
renderComplete: () => "Tested your stories",
|
|
estimateDuration: 9e4,
|
|
},
|
|
aborted: {
|
|
key: "aborted",
|
|
emoji: "\u270B",
|
|
renderName: () => "Build canceled",
|
|
renderProgress: () => "Build canceled",
|
|
renderComplete: () => "Build canceled",
|
|
estimateDuration: 0,
|
|
},
|
|
complete: {
|
|
key: "complete",
|
|
emoji: "\u{1F389}",
|
|
renderName: () => "Visual tests completed!",
|
|
renderProgress: () => "Visual tests completed!",
|
|
renderComplete: () => "Visual tests completed!",
|
|
estimateDuration: 0,
|
|
},
|
|
error: {
|
|
key: "error",
|
|
emoji: "\u{1F6A8}",
|
|
renderName: () => "Build failed",
|
|
renderProgress: () => "Build failed",
|
|
renderComplete: () => "Build failed",
|
|
estimateDuration: 0,
|
|
},
|
|
limited: {
|
|
key: "error",
|
|
emoji: "\u{1F6A8}",
|
|
renderName: () => "Build limited",
|
|
renderProgress: () => "Build limited",
|
|
renderComplete: () => "Build limited",
|
|
estimateDuration: 0,
|
|
},
|
|
},
|
|
h7 = {
|
|
buildProgressPercentage: 0,
|
|
currentStep: ji[0],
|
|
stepProgress: Object.fromEntries(ji.map((e) => [e, {}])),
|
|
};
|
|
JSON.stringify(h7);
|
|
var V0 = ({ localBuildProgress: e, withEmoji: t = !1, ...n }) => {
|
|
let { emoji: r, renderProgress: i } = kl[e.currentStep],
|
|
l = i(e);
|
|
return a.createElement(j, { ...n }, t && r, " ", l);
|
|
},
|
|
f7 = k(j)({
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
gap: 10,
|
|
width: 200,
|
|
marginTop: 15,
|
|
}),
|
|
H0 = k.div(({ theme: e }) => ({
|
|
height: 5,
|
|
background: e.background.hoverable,
|
|
borderRadius: 5,
|
|
overflow: "hidden",
|
|
})),
|
|
g7 = k(H0)(({ theme: e }) => ({
|
|
background: e.color.secondary,
|
|
transition: "width 3s ease-out",
|
|
}));
|
|
function Ar({ localBuildProgress: e }) {
|
|
return a.createElement(
|
|
f7,
|
|
{ center: !0, small: !0 },
|
|
a.createElement(
|
|
H0,
|
|
null,
|
|
typeof e.buildProgressPercentage == "number" &&
|
|
a.createElement(g7, {
|
|
style: { width: `${e.buildProgressPercentage}%` },
|
|
}),
|
|
),
|
|
a.createElement(V0, {
|
|
center: !0,
|
|
muted: !0,
|
|
small: !0,
|
|
localBuildProgress: e,
|
|
}),
|
|
);
|
|
}
|
|
var v7 =
|
|
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHUSURBVHgB7ZfPTupAFMa/mbb0XkAk6r2516jRnXHlxr0+ib4J+iTqm7Bx5YaVcWPQECUoGiJCpX/mOKcxRo2DILa44Jc0Taad+b45mZkzR+CZaq2+CcsqAWIdoCKSowyFw5WFvwcvLRf1m1Kt0SSv51OkFCVJx+sRa1W1JmuLav16x5Zyf/7PDKQQSAM9RVzd3CH0aUsKEtsz0/nUxBnWmisWAItKkkCbWddF2mQcm1/rEmPiOeJF2/TD+f0pKo0jBKqHUcg5U1ib28ByYfXD78YInDSPRxZnOkE7nogJ2a/jd9FvImNbAz/GgHERZp08pjJ8OA3uMVIh2kELXvAwcB/j6HmnOJQ4Y0kbBW16GGS/wb7CsKYni9AYZ9f6haydhzCEVFGEbtiFH3kYBWMEfts5o3jcUVjIaYOjIvsJfIb4hhQ+WYQTAz/XgDXALuCz4D2ckN7Dt6KhDfzLLcGxMsaORApe2MFbQyrOhq9xpIu12Q3jOMaTcNqdjZ+k0REQLS4UxoXUZ1nFD0KkTffR51dZUhTuNVttpBkF1rq717cmFR3GDdXLxm6tcUudxx4lCRe+XACz1pnWZO2XbMJFKteJXKohMYTeIlRBFO2tLP4vc8sThEpu8pkDBW8AAAAASUVORK5CYII=",
|
|
y7 =
|
|
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN0SURBVHgBvVdLTxNRFP7uUDpSC7Q8rFSLqWJEExOfC1/xHWPiQuPShS50Y/wP6F9wq1HZuTAxMXFlNGzUhWIQDWICLYhSC4XWlj5m2pnjvS20NNDhltB+i870zpnzffece8/cw7CI4FToDBoa+gB2ACAXaocBmOj3b9/yrDgyGZrtmwpHKK3pZJgm1RLJtEaCK8g5BTcLhmZu2RTlqbezDQpjqAf4FDE9O4+cTmcVRuxmW6uzbuQCgqvD1QI0UJ9CoDMOVUW9YW+0icsBG9YDLQNMjIAS0fxf1u4FvH5A3STtYjHiruoEcGL6/Bb07X3ZMImfZjfYnkNgR86jGsgL4LM1Xz3OXys9F+KQiIGdvQ5ZKLKGBefRte1+DoKG30MWcgKmg9zxF8iCBt8W1slGCaDgCKqCIA8FpEzlIjAXQrWgiNw70mugVpDaBczF9/nXvzy03NxmAo4sqEUrN2rls3YUPLIUkOnoQpOEb0sBWVPDp5l3SOqjuDjeVi5KzYG2x0E9KZi7eCVYVoNEXXgY2YpdvOaf38bgtlfmqJiCZDaO15P9CMS/I9xtILzDKDfg0WD7LwHnzpWRC3w0TiBGbgxGgEejhKiO6gW8+f0cC9l/JadXNCRdVDI42QtcPQrFcwHMubM4HCIv3hmlahjlmXoRIFQlQMx6ObnAQivhzY10SQQnLzrxFAh/GHvxJHsbGSoPSSABjFSoYauugV8LY6saCxEv76bgne5Ec5MCj65DIxMxeDBE9xDIeVEJIh373JICotoMrDDevQlz8fIIpRu5d4tch9IicivPHOuqA8Ts2CisKsBpa7F8yWbMrxgzcw2W77jtTF6Ax+GDFexmFIyyZeQ5zToqhzsgL6DXfQR2xfp006oPF++zKYelrShE/mbIC7ArKo51XYYVnLw6qkaYz1xFJu60tL3SzauhWoUAAd/mHpzedg3Oxsrr4ZQaxUGbu+JzMfM7vWzV7bcEy2+BEOHz9+QL01RiDLqZyadms70FPudueJoKa+V4J/AhzM8t6RJxF8/K4XZepdf43LHg9Gy0e2u7q559wRImQrP8dAwM6dkc6o1UJl+1BhQycg8isUS+XaoXBNd8fIHfGP35geCf8P2p8BwlMxrVEqLxFQ2w4BrnnIK7mHjRpIo+UbRqqBlYjBfyIRjGA7+va0CM/AdEDxpHNfo8owAAAABJRU5ErkJggg==",
|
|
b7 =
|
|
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMJSURBVHgB7VfNblJBFD5z+5e0poXGNqnFRFxoUly0K+vCpG7aFyhrTRofwBcQ6974AIZo1/QFyorEBezsQkhqYqkBSoBaAcWW3+N8dxh+hFJI+Nn0S264d+65c77znXNmGEFVhCPxDRobcxGJVSK20ODgowrt2W2Ln2ojP+IpVyRxxhf5ApcrFR4kchd5hq+w9AnfIhxPvhg3jI93FubJEIKGARkinabOqVTgZ4Zg8Xx+7tbQnAPwddsySzTGLoOJN6anpmjYmJwYx8+qQSNCVXHLyAho3BAY78bo5WemFau6D/0i+vC0fx1zLYFQmmjTJshpV8+BpLrWF6kvuDYFB1GuOQfg+CDG1C90lQIgKKWH8EiFbZooWySanWi18yeRJjbfA7DZkgraZqh3Aoh+a1nl21uNesUqzAk9YaadB/VagMP3X5W9876okYvmVMoyxWZ7jY4pCKSoVnyNQDTZQvOY51g5QIq8kjjIvP2iSG8jhawKuGsCYL5iUYyhxJNFYV6IBkCEWmYAxYpv3EfwJejVI0Gv15RSAFQLprl7AoEknNYnR2S4/Ek1CWTWk5vPdkXWYVV23phKydxk55a9sgYiMprtGRWlzi8Qy9UVaJQUaYENfh0WVXTrUrHoH+qdACK2zYiaI9da+ygQtV4T3N+Y3j0WJlnUQzCtbPDssoreCCDnyCGwL2WO5JrfO+SEm8vKMaJGznW3uI/YJKbbTivXEwENFFVGRqDJaMBJtlhvNbzVXYGxjLyfnVRKOKyda6ClCHXFAyhEHVkjMKnOP2whc6ha4TsPhVknnmNl126xakSLAvsnaD82VzQosG1v/QjSY4PyV1sSZKAS5DadyujniqpjMIe2w73zv/lE+DTJ95YWqF8AGSiCGrhq+dU4iae63wu6RbuVsxNu/hFJAiKNg8LICMgmOywUSzRs/L00Fw6fweXS7ln6Nw1TBfg6z8pNolLeMwfCscSbSOIn5y7zPEjg4IsDMHx9lz7hu7bM4ZCKcyKOajQwCLlF8SGVy7v2u0s+jPwDEeUTfjDhTd4AAAAASUVORK5CYII=",
|
|
E7 =
|
|
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALVSURBVHgBxZfLbtNAFIb/8TgJCbm2adNUIOiuYpUN+7JiySPAm5Q+CfQBeIcuWYDaVYWEUIQqCLmQpEmaJq7Hw5y4dpOOadwEh0+yZnx8OWfm/HNjuKZ6VtsD5/sAqwAyj+g4goPDnUeb733L91pz/6zekpdjSwrHkVFycTmW5KuqfJJvVq013piG8W57Yw0GY1gFqon42WzDtuQLg0n2ei2XXplzgnwV81mAy31DQu6lEgmsmnjMpKJi4D9x3eN58/YDabdUkmrAuboMDqTXgV4DSOWgkuZei9iEElzyCRDbmvGnBYDmZ6C4rWIr39i8ejy1uI0aN/gKVpgNQE9BtoDIeJDUTHoP2GPVAvfFL708jrtlCMmxCClu4Vm2gd1s1zUM2kBybgCWXz3tbSJtmlicxKQBfgCkiVvoKUiv+dWhiGNZZnpv1Nee683rNWcFeM2lfQzH/oi++IUcL6LvdJAziuiIunsvOsjwAobSQT7+Ui0ruwiD3gOp4HVI2J9UtBIFXlIf8Ylzwr9XQVCZZjE0Rx8C/4EH6RABkAgDGDkNhKXA/zKSSITzA7ACv02yhwgLpSWQ+4pwmgvZQ1i89GgEiFAPgEQYQIaFn6D6Tjv0u6FF2JdDhCXJy8EPlhHheuKVGmISV9LCQA1BKs+dltpdiUlJUO6lGium+TzwH0EivHMmnIbGdSHpjm2vHV7pza5bmMN9RWgygWVJ8aubm/vOhJV8Ta0HJTUlx7AIJnPUP+p3v6NZpkRIi4i/kPwLaGNyCz0FSmiR0dFnU60HWPwpZPdUaSHjqpaE4+WOhtEiNkdpKbMJtl6ZHwDiJbCNklv35D29iVjGFoBKAes6UXb7HAy1OT6xrmysmuFoMt8cGVLYB61uH6vsBfLV7g1IG4cTQ/VH/e1Z/be8GI1llNDBlw7A5Oub8km+/QMhHVLpnEhHNUQGU5OKPIEQBzuPy0dk+QPy8+sGXJtnqwAAAABJRU5ErkJggg==",
|
|
k7 = k.div(({ theme: e }) => ({
|
|
border: `1px solid ${e.appBorderColor}`,
|
|
borderRadius: e.appBorderRadius,
|
|
padding: "6px 10px",
|
|
fontSize: 13,
|
|
lineHeight: "18px",
|
|
})),
|
|
w7 = k.div(({ theme: e }) => ({
|
|
lineHeight: "18px",
|
|
position: "relative",
|
|
borderRadius: 5,
|
|
display: "block",
|
|
minWidth: "80%",
|
|
color: e.color.warningText,
|
|
background: e.background.warning,
|
|
border: `1px solid ${Ia(0.5, e.color.warningText)}`,
|
|
padding: 15,
|
|
margin: 0,
|
|
})),
|
|
C7 = k(j)(({ theme: e }) => ({ color: e.color.darkest })),
|
|
S7 = ({ onSkip: e, runningSecondBuild: t }) =>
|
|
a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Make a change to this story"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0, block: !0 },
|
|
"In your code, adjust the markup, styling, or assets to see how visual testing works. Don't worry, you can undo it later. Here are a few ideas to get you started.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
ne,
|
|
{
|
|
style: {
|
|
display: "flex",
|
|
alignItems: "flex-start",
|
|
gap: "8px",
|
|
margin: "10px 0",
|
|
},
|
|
},
|
|
a.createElement(
|
|
Vn,
|
|
{ style: { margin: 0, alignItems: "center", gap: "10px" } },
|
|
a.createElement("img", {
|
|
src: y7,
|
|
alt: "Color Palette",
|
|
style: { width: 32, height: 32 },
|
|
}),
|
|
"Shift the color palette",
|
|
),
|
|
a.createElement(
|
|
Vn,
|
|
{ style: { margin: 0, alignItems: "center", gap: "10px" } },
|
|
a.createElement("img", {
|
|
src: b7,
|
|
alt: "Embiggen",
|
|
style: { width: 32, height: 32 },
|
|
}),
|
|
" ",
|
|
"Embiggen the type",
|
|
),
|
|
a.createElement(
|
|
Vn,
|
|
{ style: { margin: 0, alignItems: "center", gap: "10px" } },
|
|
a.createElement("img", {
|
|
src: E7,
|
|
alt: "Layout",
|
|
style: { width: 32, height: 32 },
|
|
}),
|
|
"Change the layout",
|
|
),
|
|
a.createElement(
|
|
Vn,
|
|
{ style: { margin: 0, alignItems: "center", gap: "10px" } },
|
|
a.createElement("img", {
|
|
src: v7,
|
|
alt: "Adjust",
|
|
style: { width: 32, height: 32 },
|
|
}),
|
|
"Adjust the size or scale",
|
|
),
|
|
),
|
|
a.createElement(
|
|
bt,
|
|
null,
|
|
t
|
|
? a.createElement(
|
|
w7,
|
|
null,
|
|
a.createElement(
|
|
C7,
|
|
null,
|
|
"No changes found in the Storybook you published. Make a UI tweak and try again to continue.",
|
|
),
|
|
)
|
|
: a.createElement(k7, null, "Awaiting changes..."),
|
|
a.createElement(
|
|
re,
|
|
{ link: !0, onClick: e },
|
|
"Skip walkthrough",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
x7 = ({
|
|
isRunning: e,
|
|
setRunningSecondBuild: t,
|
|
startBuild: n,
|
|
setInitialGitHash: r,
|
|
uncommittedHash: i,
|
|
}) =>
|
|
a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Changes detected"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"Time to run your first visual tests to pinpoint the exact changes made to this story.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{
|
|
variant: "solid",
|
|
size: "medium",
|
|
disabled: e,
|
|
onClick: () => {
|
|
(t(!0),
|
|
n(),
|
|
setTimeout(() => {
|
|
r(i);
|
|
}, 1e4));
|
|
},
|
|
},
|
|
a.createElement(fr, null),
|
|
"Run visual tests",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
N7 = ({ localBuildProgress: e }) =>
|
|
a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Running your first test"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"A new snapshot is being created in a standardized cloud browser. Once complete, you'll be able to pinpoint exactly what changed.",
|
|
),
|
|
),
|
|
a.createElement(Ar, { localBuildProgress: e }),
|
|
),
|
|
),
|
|
),
|
|
M7 = ({ isUnchanged: e, localBuildProgress: t, ...n }) => (
|
|
Ve("Onboarding", "CatchAChange"),
|
|
n.isRunning && t
|
|
? a.createElement(N7, { localBuildProgress: t })
|
|
: e
|
|
? a.createElement(S7, { ...n })
|
|
: a.createElement(x7, { ...n })
|
|
),
|
|
F7 = k.div(({ status: e, theme: t }) => ({
|
|
position: "relative",
|
|
display: "inline-flex",
|
|
border: `1px solid ${e === "positive" ? t.color.green : t.appBorderColor}`,
|
|
borderRadius: 5,
|
|
margin: "15px 15px 0",
|
|
minHeight: 200,
|
|
minWidth: 200,
|
|
maxWidth: 500,
|
|
img: { display: "block", maxWidth: "100%" },
|
|
svg: {
|
|
position: "absolute",
|
|
top: -12,
|
|
left: -12,
|
|
width: 24,
|
|
height: 24,
|
|
padding: 5,
|
|
color: t.color.lightest,
|
|
borderRadius: "50%",
|
|
backgroundColor: t.color.green,
|
|
},
|
|
})),
|
|
A7 = k.div({
|
|
width: "100%",
|
|
margin: 2,
|
|
background: "white",
|
|
borderRadius: 3,
|
|
overflow: "hidden",
|
|
div: {
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
width: "100%",
|
|
height: "100%",
|
|
},
|
|
}),
|
|
Di = ({ backgroundColor: e, status: t, thumbnailUrl: n }) =>
|
|
a.createElement(
|
|
F7,
|
|
{ status: t },
|
|
a.createElement(
|
|
A7,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
{ style: e ? { backgroundColor: e } : {} },
|
|
a.createElement("img", { alt: "Snapshot thumbnail", src: n }),
|
|
),
|
|
),
|
|
t === "positive" && a.createElement(Ji, null),
|
|
),
|
|
k1 = k(j)({ marginBottom: 5 }),
|
|
w1 = ({ onComplete: e, onSkip: t, ranSecondBuild: n = !1 }) => {
|
|
Ve("Onboarding", "CatchAChangeComplete");
|
|
let r = Wt();
|
|
return a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
de,
|
|
{ style: { overflowY: "auto" } },
|
|
n
|
|
? a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(
|
|
le,
|
|
null,
|
|
"Nice. Your stories were saved as test baselines.",
|
|
),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0, block: !0 },
|
|
"This story was indexed and snapshotted in a standardized cloud browser.",
|
|
),
|
|
r.selectedComparison?.headCapture?.captureImage &&
|
|
a.createElement(Di, {
|
|
...r.selectedComparison?.headCapture?.captureImage,
|
|
status: "positive",
|
|
}),
|
|
),
|
|
a.createElement(
|
|
bt,
|
|
null,
|
|
a.createElement(k1, null, "You're ready to start testing!"),
|
|
a.createElement(
|
|
re,
|
|
{ variant: "solid", size: "medium", onClick: e },
|
|
"Done",
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{ link: !0, onClick: t },
|
|
"Skip walkthrough",
|
|
),
|
|
),
|
|
)
|
|
: a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(
|
|
le,
|
|
null,
|
|
"Nice. You ran your first tests!",
|
|
),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0, block: !0 },
|
|
"This story was indexed and snapshotted in a standardized cloud browser and changes were found.",
|
|
),
|
|
r.selectedComparison?.headCapture?.captureImage &&
|
|
a.createElement(Di, {
|
|
...r.selectedComparison?.headCapture?.captureImage,
|
|
status: "positive",
|
|
}),
|
|
),
|
|
a.createElement(
|
|
bt,
|
|
null,
|
|
a.createElement(k1, null, "It's time to review changes!"),
|
|
a.createElement(
|
|
re,
|
|
{ variant: "solid", size: "medium", onClick: e },
|
|
"Take a tour",
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{ link: !0, onClick: t },
|
|
"Skip walkthrough",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
C1 = () =>
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Get started with visual testing"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
'Take an image snapshot of your stories to save their "last known good state" as test baselines.',
|
|
),
|
|
),
|
|
L7 = ({
|
|
isRunning: e,
|
|
localBuildProgress: t,
|
|
startBuild: n,
|
|
onSkip: r,
|
|
}) => (
|
|
Ve("Onboarding", "InitialBuild"),
|
|
a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
t
|
|
? a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(C1, null),
|
|
a.createElement(Ar, { localBuildProgress: t }),
|
|
)
|
|
: a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(C1, null),
|
|
a.createElement(
|
|
bt,
|
|
null,
|
|
a.createElement(
|
|
re,
|
|
{
|
|
disabled: e,
|
|
size: "medium",
|
|
variant: "solid",
|
|
onClick: n,
|
|
},
|
|
"Take snapshots",
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{ onClick: r, link: !0 },
|
|
"Skip walkthrough",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
)
|
|
),
|
|
T7 = k(j)({ marginBottom: 5 }),
|
|
Z7 = ({ onCatchAChange: e, onSkip: t }) => {
|
|
Ve("Onboarding", "InitialBuildComplete");
|
|
let n = Wt();
|
|
return a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(
|
|
le,
|
|
null,
|
|
"Nice. Your stories were saved as test baselines.",
|
|
),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0, block: !0 },
|
|
"This story was indexed and snapshotted in a standardized cloud browser.",
|
|
),
|
|
n?.selectedComparison?.headCapture?.captureImage &&
|
|
a.createElement(Di, {
|
|
...n?.selectedComparison?.headCapture.captureImage,
|
|
status: "positive",
|
|
}),
|
|
),
|
|
a.createElement(
|
|
bt,
|
|
null,
|
|
a.createElement(
|
|
T7,
|
|
{ muted: !0 },
|
|
"Let's see the superpower of catching visual changes.",
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{ variant: "solid", size: "medium", onClick: e },
|
|
"Catch a UI change",
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{ link: !0, onClick: t },
|
|
"Skip walkthrough",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
O7 = ({
|
|
dismissBuildError: e,
|
|
localBuildProgress: t,
|
|
showInitialBuildScreen: n,
|
|
gitInfo: r,
|
|
lastBuildHasChangesForStory: i,
|
|
onComplete: l,
|
|
onSkip: o,
|
|
}) => {
|
|
let { isRunning: s, startBuild: d } = sa(),
|
|
[c, u] = Be("showInitialBuild", n);
|
|
te(() => {
|
|
n && u(!0);
|
|
}, [n, u]);
|
|
let [m, p] = Be("showCatchAChange", !c),
|
|
[v, g] = Be("initialGitHash", r.uncommittedHash),
|
|
y = () => {
|
|
(g(r.uncommittedHash), p(!0));
|
|
},
|
|
[w, b] = Be("runningSecondBuild", !1);
|
|
return t?.currentStep === "error"
|
|
? a.createElement(
|
|
p7,
|
|
{ localBuildProgress: t },
|
|
a.createElement(
|
|
bt,
|
|
null,
|
|
a.createElement(
|
|
re,
|
|
{ variant: "solid", size: "medium", onClick: d },
|
|
"Try again",
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{ link: !0, onClick: o },
|
|
"Skip walkthrough",
|
|
),
|
|
),
|
|
)
|
|
: t?.currentStep === "limited"
|
|
? a.createElement(
|
|
e0,
|
|
{
|
|
billingUrl: t.errorDetailsUrl,
|
|
suspensionReason: "EXCEEDED_THRESHOLD",
|
|
},
|
|
a.createElement(re, { link: !0, onClick: e }, "Continue"),
|
|
)
|
|
: c && (!t || (t && s))
|
|
? a.createElement(L7, {
|
|
isRunning: s,
|
|
localBuildProgress: t,
|
|
startBuild: d,
|
|
onSkip: o,
|
|
})
|
|
: t?.currentStep === "complete" && !m && !w
|
|
? i
|
|
? a.createElement(w1, { onComplete: l, onSkip: o })
|
|
: a.createElement(Z7, { onCatchAChange: y, onSkip: o })
|
|
: m && !i
|
|
? a.createElement(M7, {
|
|
isRunning: s,
|
|
isUnchanged: v === r.uncommittedHash,
|
|
localBuildProgress: t,
|
|
onSkip: o,
|
|
runningSecondBuild: w,
|
|
setInitialGitHash: g,
|
|
setRunningSecondBuild: b,
|
|
startBuild: d,
|
|
uncommittedHash: r.uncommittedHash,
|
|
})
|
|
: i
|
|
? a.createElement(w1, {
|
|
onComplete: l,
|
|
onSkip: o,
|
|
ranSecondBuild: m && w,
|
|
})
|
|
: null;
|
|
},
|
|
_7 = k.div(({ theme: e }) => ({
|
|
background: e.background.app,
|
|
padding: "9px 15px",
|
|
lineHeight: "21px",
|
|
color: e.color.defaultText,
|
|
borderBottom: `1px solid ${e.appBorderColor}`,
|
|
})),
|
|
I7 = Ct({
|
|
from: { transform: "rotate(0deg)" },
|
|
to: { transform: "rotate(359deg)" },
|
|
}),
|
|
R7 = k(ps)({ animation: `${I7} 1s linear infinite` }),
|
|
Ta = { width: 10, marginRight: 8 },
|
|
S1 = k.button(({ isWarning: e, onClick: t, theme: n }) => {
|
|
let r = n.base === "light" ? n.background.warning : "#2e271a";
|
|
return {
|
|
position: "relative",
|
|
display: "flex",
|
|
width: "100%",
|
|
lineHeight: "20px",
|
|
padding: "5px 7px 5px 15px",
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
background: e ? r : n.background.app,
|
|
border: "none",
|
|
borderBottom: `1px solid ${n.appBorderColor}`,
|
|
color: n.color.defaultText,
|
|
cursor: t ? "pointer" : "default",
|
|
textAlign: "left",
|
|
"& > *": { zIndex: 1 },
|
|
code: { fontFamily: n.typography.fonts.mono, fontSize: "12px" },
|
|
};
|
|
}),
|
|
x1 = k.div(({ isWarning: e, percentage: t, theme: n }) => {
|
|
let r = n.base === "light" ? "#FFE6B1" : "#43361f";
|
|
return {
|
|
display: "block",
|
|
position: "absolute",
|
|
top: "0",
|
|
height: "100%",
|
|
left: "0",
|
|
width: `${t}%`,
|
|
transition: "width 3s ease-out",
|
|
backgroundColor: e ? r : n.background.hoverable,
|
|
pointerEvents: "none",
|
|
zIndex: 0,
|
|
};
|
|
}),
|
|
Za = k.div({ lineHeight: "21px", padding: "4px 0" }),
|
|
B7 = k(Lc)({ transition: "transform 0.1s ease-in-out" }),
|
|
P7 = k.div(({ expanded: e, theme: t }) => ({
|
|
display: "grid",
|
|
gridTemplateRows: e ? "1fr" : "0fr",
|
|
background: t.background.app,
|
|
borderBottom: e ? `1px solid ${t.appBorderColor}` : "none",
|
|
transition: "grid-template-rows 150ms ease-out",
|
|
})),
|
|
V7 = k.div(({ theme: e }) => ({
|
|
whiteSpace: "nowrap",
|
|
overflow: "hidden",
|
|
color: e.base === "light" ? e.color.dark : e.color.lightest,
|
|
})),
|
|
H7 = k.div(({ isCurrent: e, isFailed: t, isPending: n, theme: r }) => ({
|
|
display: "flex",
|
|
flexDirection: "row",
|
|
gap: 8,
|
|
opacity: n ? 0.7 : 1,
|
|
color: t ? r.color.negativeText : "inherit",
|
|
fontWeight: e || t ? "bold" : "normal",
|
|
fontFamily: "Menlo, monospace",
|
|
fontSize: 12,
|
|
lineHeight: "24px",
|
|
margin: "0 15px",
|
|
"&:first-of-type": { marginTop: 10 },
|
|
"&:last-of-type": { marginBottom: 10 },
|
|
"& > div": { display: "flex", alignItems: "center" },
|
|
})),
|
|
j7 = ({ localBuildProgress: e, expanded: t = !1 }) => {
|
|
let n = Ee({});
|
|
te(() => {
|
|
n.current[e.currentStep] = { ...e };
|
|
}, [e]);
|
|
let r = ["aborted", "error"].includes(e.currentStep),
|
|
i = ji.map((l) => {
|
|
let { startedAt: o, completedAt: s } = e.stepProgress[l],
|
|
d = !!o && !s,
|
|
c = d && r,
|
|
u = !o,
|
|
m = { ...kl[l], isCurrent: d, isFailed: c, isPending: u };
|
|
return c
|
|
? {
|
|
...m,
|
|
icon: a.createElement(ln, { style: Ta }),
|
|
renderLabel: m.renderProgress,
|
|
}
|
|
: d
|
|
? {
|
|
...m,
|
|
icon: a.createElement(R7, { style: Ta }),
|
|
renderLabel: m.renderProgress,
|
|
}
|
|
: u
|
|
? {
|
|
...m,
|
|
icon: a.createElement(Ac, { style: Ta }),
|
|
renderLabel: m.renderName,
|
|
}
|
|
: {
|
|
...m,
|
|
icon: a.createElement(Ji, { style: Ta }),
|
|
renderLabel: m.renderComplete,
|
|
};
|
|
});
|
|
return a.createElement(
|
|
P7,
|
|
{ expanded: t },
|
|
a.createElement(
|
|
V7,
|
|
null,
|
|
i.map(
|
|
({
|
|
icon: l,
|
|
isCurrent: o,
|
|
isFailed: s,
|
|
isPending: d,
|
|
key: c,
|
|
renderLabel: u,
|
|
}) =>
|
|
a.createElement(
|
|
H7,
|
|
{ isCurrent: o, isFailed: s, isPending: d, key: c },
|
|
a.createElement("div", null, l, u(n.current[c] || e)),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
D7 = ({
|
|
branch: e,
|
|
dismissBuildError: t,
|
|
localBuildProgress: n,
|
|
lastBuildOnBranchInProgress: r,
|
|
switchToLastBuildOnBranch: i,
|
|
}) => {
|
|
let [l, o] = a.useState(!1),
|
|
s = () => {
|
|
o(!l);
|
|
};
|
|
if (n) {
|
|
let c = n.currentStep === "aborted",
|
|
u = n.currentStep === "error",
|
|
m = c || u;
|
|
return a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement(
|
|
S1,
|
|
{
|
|
as: u ? "div" : "button",
|
|
onClick: u ? void 0 : s,
|
|
isWarning: m,
|
|
},
|
|
a.createElement(x1, {
|
|
percentage: n.buildProgressPercentage,
|
|
isWarning: m,
|
|
}),
|
|
a.createElement(
|
|
Za,
|
|
null,
|
|
a.createElement(V0, { localBuildProgress: n, withEmoji: !0 }),
|
|
),
|
|
u
|
|
? a.createElement(
|
|
dt,
|
|
{ onClick: t },
|
|
a.createElement(Qi, { "aria-label": "Dismiss" }),
|
|
)
|
|
: a.createElement(
|
|
dt,
|
|
{ as: "div" },
|
|
a.createElement(B7, {
|
|
style: { transform: `rotate(${l ? -180 : 0}deg)` },
|
|
}),
|
|
),
|
|
),
|
|
a.createElement(j7, { localBuildProgress: n, expanded: l || u }),
|
|
);
|
|
}
|
|
function d() {
|
|
return i
|
|
? r
|
|
? a.createElement(
|
|
Za,
|
|
null,
|
|
"Reviewing is disabled because there's a newer build in progress on",
|
|
" ",
|
|
a.createElement(Te, null, e),
|
|
". This can happen when a build runs in CI.",
|
|
)
|
|
: a.createElement(
|
|
Za,
|
|
null,
|
|
"There's a newer snapshot with changes.",
|
|
" ",
|
|
a.createElement(
|
|
Ot,
|
|
{ withArrow: !0, onClick: i },
|
|
"Switch to newer snapshot",
|
|
),
|
|
)
|
|
: a.createElement(
|
|
Za,
|
|
null,
|
|
"Reviewing is disabled because there's a newer build on ",
|
|
a.createElement(Te, null, e),
|
|
".",
|
|
);
|
|
}
|
|
return a.createElement(
|
|
S1,
|
|
{ onClick: i },
|
|
a.createElement(x1, { percentage: 100 }),
|
|
d(),
|
|
);
|
|
},
|
|
z7 = ({ onClose: e }) =>
|
|
a.createElement(
|
|
ys,
|
|
null,
|
|
a.createElement(
|
|
Ei,
|
|
null,
|
|
a.createElement(
|
|
Ha,
|
|
null,
|
|
"Render settings",
|
|
a.createElement(po, null),
|
|
a.createElement(
|
|
tl,
|
|
{ onClick: e },
|
|
a.createElement(el, { "aria-label": "Close" }),
|
|
),
|
|
),
|
|
a.createElement(
|
|
"p",
|
|
null,
|
|
a.createElement(Hc, null),
|
|
"Delay: 300ms",
|
|
),
|
|
a.createElement(
|
|
"p",
|
|
null,
|
|
a.createElement(jc, null),
|
|
"Animation pause: Ends",
|
|
),
|
|
a.createElement(
|
|
"p",
|
|
null,
|
|
a.createElement(Dc, null),
|
|
"Threshold: 0.2",
|
|
),
|
|
a.createElement(
|
|
"p",
|
|
null,
|
|
a.createElement(zc, null),
|
|
"Anti-alias: Included",
|
|
),
|
|
),
|
|
a.createElement(
|
|
Ei,
|
|
null,
|
|
a.createElement(
|
|
Ha,
|
|
null,
|
|
"Bounding box",
|
|
a.createElement(po, null),
|
|
),
|
|
a.createElement(
|
|
"dl",
|
|
null,
|
|
a.createElement("dt", null, "Width:"),
|
|
a.createElement("dd", null, "Fill viewport"),
|
|
a.createElement("dt", null, "Height:"),
|
|
a.createElement("dd", null, "Hug contents"),
|
|
),
|
|
),
|
|
),
|
|
j0 = {
|
|
isReviewing: !1,
|
|
userCanReview: !1,
|
|
buildIsReviewable: !1,
|
|
acceptTest: (e, t = "SPEC") => Promise.resolve(),
|
|
unacceptTest: (e, t = "SPEC") => Promise.resolve(),
|
|
},
|
|
D0 = He(j0),
|
|
z0 = () => ht(D0, "ReviewTest"),
|
|
U7 = ({ children: e, watchState: t = j0 }) =>
|
|
a.createElement(D0.Provider, { value: t }, e),
|
|
$7 = k.div(
|
|
({ theme: e }) => ({
|
|
position: "relative",
|
|
display: "flex",
|
|
background: "transparent",
|
|
overflow: "hidden",
|
|
margin: 2,
|
|
maxWidth: "calc(100% - 4px)",
|
|
"& > div": {
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
alignItems: "center",
|
|
width: "100%",
|
|
p: { maxWidth: 380, textAlign: "center" },
|
|
svg: { width: 24, height: 24 },
|
|
},
|
|
"& > svg": {
|
|
position: "absolute",
|
|
left: "calc(50% - 14px)",
|
|
top: "calc(50% - 14px)",
|
|
width: 20,
|
|
height: 20,
|
|
color: e.color.lightest,
|
|
opacity: 0,
|
|
transition: "opacity 0.1s ease-in-out",
|
|
pointerEvents: "none",
|
|
},
|
|
}),
|
|
({ href: e }) =>
|
|
e && {
|
|
display: "inline-flex",
|
|
cursor: "pointer",
|
|
"&:hover": {
|
|
"& > svg": { opacity: 1 },
|
|
img: { filter: "brightness(85%)" },
|
|
},
|
|
},
|
|
),
|
|
N1 = k.div(({ isVisible: e }) => ({
|
|
position: e ? "static" : "absolute",
|
|
visibility: e ? "visible" : "hidden",
|
|
maxWidth: "100%",
|
|
minHeight: 100,
|
|
})),
|
|
Oa = k.img({
|
|
display: "block",
|
|
width: "100%",
|
|
height: "auto",
|
|
transition: "filter 0.1s ease-in-out, opacity 0.1s ease-in-out",
|
|
"&[data-overlay]": {
|
|
position: "absolute",
|
|
opacity: 0.7,
|
|
pointerEvents: "none",
|
|
transition: "opacity 0.1s ease-in-out",
|
|
},
|
|
}),
|
|
W7 = k(ne)({ margin: "30px 15px" }),
|
|
q7 = ({
|
|
comparisonImageLoaded: e,
|
|
focusImageLoaded: t,
|
|
showDiff: n,
|
|
showFocus: r,
|
|
}) => (n && r ? e && t : n ? e : r ? t : !0),
|
|
G7 = ({
|
|
componentName: e,
|
|
storyName: t,
|
|
testUrl: n,
|
|
comparisonResult: r,
|
|
latestImage: i,
|
|
baselineImage: l,
|
|
baselineImageVisible: o,
|
|
diffImage: s,
|
|
focusImage: d,
|
|
diffVisible: c,
|
|
focusVisible: u,
|
|
...m
|
|
}) => {
|
|
let p = Sn(),
|
|
v = !!i && !!s && r === "CHANGED",
|
|
g = r === "CAPTURE_ERROR",
|
|
y = v && !!d,
|
|
w = v
|
|
? {
|
|
as: "a",
|
|
href: n,
|
|
target: "_blank",
|
|
title: "View on Chromatic.com",
|
|
}
|
|
: {},
|
|
b = v && c,
|
|
h = y && u,
|
|
[f, E] = a.useState(!1),
|
|
[C, Z] = a.useState(!1),
|
|
[M, V] = a.useState(!1),
|
|
[D, X] = a.useState(!1),
|
|
oe = o ? C : f,
|
|
ve = q7({
|
|
comparisonImageLoaded: M,
|
|
focusImageLoaded: D,
|
|
showDiff: b,
|
|
showFocus: h,
|
|
});
|
|
return a.createElement(
|
|
$7,
|
|
{ ...m, ...w },
|
|
i &&
|
|
a.createElement(
|
|
N1,
|
|
{
|
|
isVisible: !l || !o,
|
|
style: {
|
|
aspectRatio: `${i.imageWidth} / ${i.imageHeight}`,
|
|
width: i.imageWidth,
|
|
},
|
|
},
|
|
(!f || !ve) && a.createElement(yi, null),
|
|
a.createElement(Oa, {
|
|
alt: `Latest snapshot for the '${t}' story of the '${e}' component`,
|
|
src: i.imageUrl,
|
|
style: { opacity: f ? 1 : 0 },
|
|
onLoad: () => E(!0),
|
|
}),
|
|
),
|
|
l &&
|
|
a.createElement(
|
|
N1,
|
|
{
|
|
isVisible: o,
|
|
style: {
|
|
aspectRatio: `${l.imageWidth} / ${l.imageHeight}`,
|
|
width: l.imageWidth,
|
|
},
|
|
},
|
|
(!C || !ve) && a.createElement(yi, null),
|
|
a.createElement(Oa, {
|
|
alt: `Baseline snapshot for the '${t}' story of the '${e}' component`,
|
|
src: l.imageUrl,
|
|
style: { opacity: C ? 1 : 0 },
|
|
onLoad: () => Z(!0),
|
|
}),
|
|
),
|
|
v &&
|
|
oe &&
|
|
a.createElement(Oa, {
|
|
alt: "",
|
|
"data-overlay": "diff",
|
|
src: s.imageUrl,
|
|
style: {
|
|
width: s.imageWidth,
|
|
maxWidth: `${(s.imageWidth / i.imageWidth) * 100}%`,
|
|
opacity: b && M ? 0.7 : 0,
|
|
},
|
|
onLoad: () => V(!0),
|
|
}),
|
|
y &&
|
|
oe &&
|
|
a.createElement(Oa, {
|
|
alt: "",
|
|
"data-overlay": "focus",
|
|
src: d.imageUrl,
|
|
style: {
|
|
width: d.imageWidth,
|
|
maxWidth: `${(d.imageWidth / i.imageWidth) * 100}%`,
|
|
opacity: h && D ? 0.7 : 0,
|
|
filter: h ? "blur(2px)" : "none",
|
|
},
|
|
onLoad: () => X(!0),
|
|
}),
|
|
v && a.createElement(ms, null),
|
|
g &&
|
|
!i &&
|
|
a.createElement(
|
|
W7,
|
|
null,
|
|
a.createElement(mc, {
|
|
color: p.base === "light" ? "currentColor" : p.color.medium,
|
|
}),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"A snapshot couldn't be captured. This often occurs when a story has a code error. Confirm that this story successfully renders in your local Storybook and run the build again.",
|
|
),
|
|
),
|
|
);
|
|
},
|
|
Y7 = (e) =>
|
|
a.createElement(
|
|
"svg",
|
|
{
|
|
width: "16",
|
|
height: "16",
|
|
viewBox: "0 0 16 16",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
...e,
|
|
},
|
|
a.createElement("circle", {
|
|
cx: "8.00009",
|
|
cy: "7.99997",
|
|
r: "7.7037",
|
|
fill: "url(#paint0_linear_466_21186)",
|
|
}),
|
|
a.createElement("ellipse", {
|
|
cx: "8.00094",
|
|
cy: "8.00094",
|
|
rx: "7.06173",
|
|
ry: "7.06173",
|
|
fill: "url(#paint1_radial_466_21186)",
|
|
}),
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M8.07134 1.36353C8.03043 1.36353 7.99727 1.39669 7.99727 1.4376V2.56469C7.99727 2.6056 8.03043 2.63877 8.07134 2.63877C8.11225 2.63877 8.14542 2.6056 8.14542 2.56469V1.4376C8.14542 1.39669 8.11225 1.36353 8.07134 1.36353ZM8.07134 14.7792C8.11225 14.7792 8.14542 14.746 8.14542 14.7051V13.578C8.14542 13.5371 8.11225 13.5039 8.07134 13.5039C8.03043 13.5039 7.99727 13.5371 7.99727 13.578V14.7051C7.99727 14.746 8.03043 14.7792 8.07134 14.7792ZM8.64883 1.46214C8.65292 1.42143 8.68923 1.39175 8.72994 1.39584C8.77064 1.39993 8.80032 1.43625 8.79623 1.47695L8.74793 1.95766C8.74384 1.99836 8.70752 2.02804 8.66682 2.02395C8.62612 2.01986 8.59643 1.98355 8.60052 1.94284L8.64883 1.46214ZM7.41372 14.7468C7.45442 14.7509 7.49074 14.7213 7.49483 14.6806L7.54313 14.1998C7.54722 14.1591 7.51754 14.1228 7.47683 14.1187C7.43613 14.1146 7.39982 14.1443 7.39573 14.185L7.34742 14.6657C7.34333 14.7064 7.37301 14.7428 7.41372 14.7468ZM14.7051 7.99727C14.746 7.99727 14.7792 8.03043 14.7792 8.07134C14.7792 8.11225 14.746 8.14542 14.7051 8.14542H13.578C13.5371 8.14542 13.5039 8.11225 13.5039 8.07134C13.5039 8.03043 13.5371 7.99727 13.578 7.99727H14.7051ZM1.36353 8.07134C1.36353 8.11225 1.39669 8.14542 1.4376 8.14542H2.56469C2.6056 8.14542 2.63877 8.11225 2.63877 8.07134C2.63877 8.03043 2.6056 7.99727 2.56469 7.99727H1.4376C1.39669 7.99727 1.36353 8.03043 1.36353 8.07134ZM14.6806 8.64883C14.7213 8.65292 14.7509 8.68923 14.7468 8.72994C14.7428 8.77064 14.7064 8.80032 14.6657 8.79623L14.185 8.74793C14.1443 8.74384 14.1146 8.70752 14.1187 8.66682C14.1228 8.62612 14.1591 8.59643 14.1998 8.60052L14.6806 8.64883ZM1.39584 7.41372C1.39175 7.45442 1.42143 7.49074 1.46214 7.49483L1.94284 7.54313C1.98355 7.54722 2.01986 7.51754 2.02395 7.47683C2.02804 7.43613 1.99836 7.39982 1.95766 7.39573L1.47695 7.34742C1.43625 7.34333 1.39993 7.37301 1.39584 7.41372ZM12.7097 3.3282C12.7387 3.29927 12.7856 3.29927 12.8145 3.3282C12.8434 3.35713 12.8434 3.40403 12.8145 3.43296L12.0175 4.22994C11.9886 4.25887 11.9417 4.25887 11.9127 4.22994C11.8838 4.20101 11.8838 4.15411 11.9127 4.12518L12.7097 3.3282ZM3.3282 12.8145C3.35713 12.8434 3.40403 12.8434 3.43296 12.8145L4.22994 12.0175C4.25887 11.9886 4.25887 11.9417 4.22994 11.9127C4.20101 11.8838 4.15411 11.8838 4.12518 11.9127L3.3282 12.7097C3.29927 12.7387 3.29927 12.7856 3.3282 12.8145ZM13.1523 3.80568C13.1839 3.77973 13.2306 3.78433 13.2566 3.81595C13.2825 3.84757 13.2779 3.89425 13.2463 3.9202L12.8729 4.22664C12.8413 4.2526 12.7946 4.248 12.7686 4.21638C12.7427 4.18475 12.7473 4.13808 12.7789 4.11212L13.1523 3.80568ZM2.88614 12.3267C2.91209 12.3584 2.95876 12.363 2.99039 12.337L3.36378 12.0306C3.3954 12.0046 3.4 11.9579 3.37404 11.9263C3.34809 11.8947 3.30142 11.8901 3.26979 11.916L2.8964 12.2225C2.86478 12.2484 2.86018 12.2951 2.88614 12.3267ZM12.8145 12.7097C12.8434 12.7387 12.8434 12.7856 12.8145 12.8145C12.7856 12.8434 12.7387 12.8434 12.7097 12.8145L11.9127 12.0175C11.8838 11.9886 11.8838 11.9417 11.9127 11.9127C11.9417 11.8838 11.9886 11.8838 12.0175 11.9127L12.8145 12.7097ZM3.3282 3.3282C3.29927 3.35713 3.29927 3.40403 3.3282 3.43296L4.12518 4.22994C4.15411 4.25887 4.20101 4.25887 4.22994 4.22994C4.25887 4.20101 4.25887 4.15411 4.22994 4.12518L3.43296 3.3282C3.40403 3.29927 3.35713 3.29927 3.3282 3.3282ZM12.337 13.1523C12.363 13.1839 12.3584 13.2306 12.3267 13.2566C12.2951 13.2825 12.2484 13.2779 12.2225 13.2463L11.916 12.8729C11.8901 12.8413 11.8947 12.7946 11.9263 12.7686C11.9579 12.7427 12.0046 12.7473 12.0306 12.7789L12.337 13.1523ZM3.81595 2.88614C3.78433 2.91209 3.77973 2.95876 3.80568 2.99039L4.11212 3.36378C4.13808 3.3954 4.18475 3.4 4.21638 3.37404C4.248 3.34809 4.2526 3.30142 4.22664 3.26979L3.9202 2.8964C3.89425 2.86478 3.84757 2.86018 3.81595 2.88614ZM10.5415 1.91422C10.5572 1.87643 10.6005 1.85848 10.6383 1.87413C10.6761 1.88979 10.6941 1.93312 10.6784 1.97092L10.2471 3.01221C10.2314 3.05 10.1881 3.06795 10.1503 3.05229C10.1125 3.03664 10.0946 2.99331 10.1102 2.95551L10.5415 1.91422ZM5.50437 14.2686C5.54216 14.2842 5.58549 14.2663 5.60115 14.2285L6.03247 13.1872C6.04813 13.1494 6.03018 13.1061 5.99238 13.0904C5.95459 13.0747 5.91126 13.0927 5.8956 13.1305L5.46428 14.1718C5.44862 14.2096 5.46657 14.2529 5.50437 14.2686ZM11.1332 2.18598C11.1524 2.1499 11.1973 2.13628 11.2334 2.15557C11.2695 2.17486 11.2831 2.21974 11.2638 2.25582L11.0361 2.68183C11.0168 2.7179 10.9719 2.73152 10.9358 2.71223C10.8998 2.69295 10.8861 2.64806 10.9054 2.61199L11.1332 2.18598ZM4.90931 13.9871C4.94539 14.0064 4.99027 13.9928 5.00955 13.9567L5.23726 13.5307C5.25654 13.4946 5.24293 13.4497 5.20685 13.4305C5.17077 13.4112 5.12589 13.4248 5.1066 13.4609L4.8789 13.8869C4.85961 13.923 4.87323 13.9678 4.90931 13.9871ZM14.2285 10.5415C14.2663 10.5572 14.2842 10.6005 14.2686 10.6383C14.2529 10.6761 14.2096 10.6941 14.1718 10.6784L13.1305 10.2471C13.0927 10.2314 13.0747 10.1881 13.0904 10.1503C13.1061 10.1125 13.1494 10.0946 13.1872 10.1102L14.2285 10.5415ZM1.87412 5.50437C1.85846 5.54216 1.87641 5.58549 1.91421 5.60115L2.95551 6.03247C2.99331 6.04813 3.03664 6.03018 3.05229 5.99238C3.06795 5.95459 3.05 5.91126 3.0122 5.8956L1.9709 5.46428C1.9331 5.44862 1.88977 5.46657 1.87412 5.50437ZM13.9567 11.1332C13.9928 11.1524 14.0064 11.1973 13.9871 11.2334C13.9678 11.2695 13.923 11.2831 13.8869 11.2638L13.4609 11.0361C13.4248 11.0168 13.4112 10.9719 13.4305 10.9358C13.4497 10.8998 13.4946 10.8861 13.5307 10.9054L13.9567 11.1332ZM2.15557 4.90929C2.13628 4.94537 2.1499 4.99025 2.18598 5.00954L2.61199 5.23726C2.64806 5.25654 2.69295 5.24293 2.71223 5.20685C2.73152 5.17077 2.7179 5.12589 2.68183 5.1066L2.25582 4.87888C2.21974 4.8596 2.17486 4.87321 2.15557 4.90929ZM14.1718 5.46428C14.2096 5.44862 14.2529 5.46657 14.2686 5.50437C14.2842 5.54216 14.2663 5.58549 14.2285 5.60115L13.1872 6.03247C13.1494 6.04813 13.1061 6.03018 13.0904 5.99238C13.0747 5.95459 13.0927 5.91126 13.1305 5.8956L14.1718 5.46428ZM1.87413 10.6383C1.88979 10.6761 1.93312 10.6941 1.97092 10.6784L3.01221 10.2471C3.05 10.2314 3.06795 10.1881 3.05229 10.1503C3.03664 10.1125 2.99331 10.0946 2.95551 10.1102L1.91422 10.5415C1.87643 10.5572 1.85848 10.6005 1.87413 10.6383ZM14.3979 6.07477C14.4371 6.0629 14.4785 6.08501 14.4903 6.12416C14.5022 6.1633 14.4801 6.20467 14.441 6.21654L13.9787 6.35677C13.9396 6.36864 13.8982 6.34654 13.8863 6.30739C13.8744 6.26824 13.8965 6.22688 13.9357 6.215L14.3979 6.07477ZM1.65237 10.0185C1.66425 10.0577 1.70561 10.0798 1.74476 10.0679L2.20699 9.92769C2.24614 9.91581 2.26825 9.87445 2.25637 9.8353C2.2445 9.79615 2.20313 9.77404 2.16399 9.78592L1.70175 9.92615C1.6626 9.93802 1.64049 9.97939 1.65237 10.0185ZM10.6383 14.2686C10.6005 14.2842 10.5572 14.2663 10.5415 14.2285L10.1102 13.1872C10.0946 13.1494 10.1125 13.1061 10.1503 13.0904C10.1881 13.0747 10.2314 13.0927 10.2471 13.1305L10.6784 14.1718C10.6941 14.2096 10.6761 14.2529 10.6383 14.2686ZM5.50437 1.87413C5.46657 1.88979 5.44862 1.93312 5.46428 1.97092L5.8956 3.01221C5.91126 3.05 5.95459 3.06795 5.99238 3.05229C6.03018 3.03664 6.04813 2.99331 6.03247 2.95551L5.60115 1.91422C5.58549 1.87643 5.54216 1.85848 5.50437 1.87413ZM10.0679 14.3979C10.0798 14.4371 10.0577 14.4785 10.0185 14.4903C9.97939 14.5022 9.93802 14.4801 9.92615 14.441L9.78592 13.9787C9.77404 13.9396 9.79615 13.8982 9.8353 13.8863C9.87445 13.8744 9.91581 13.8965 9.92769 13.9357L10.0679 14.3979ZM6.12417 1.65237C6.08502 1.66424 6.06291 1.70561 6.07479 1.74475L6.215 2.20699C6.22688 2.24614 6.26824 2.26825 6.30739 2.25637C6.34654 2.2445 6.36864 2.20314 6.35677 2.16399L6.21656 1.70175C6.20468 1.6626 6.16332 1.64049 6.12417 1.65237ZM9.29287 1.55062C9.30085 1.5105 9.33985 1.48444 9.37997 1.49242C9.4201 1.5004 9.44615 1.5394 9.43817 1.57952L9.21829 2.68496C9.21031 2.72508 9.17131 2.75114 9.13119 2.74316C9.09107 2.73518 9.06501 2.69618 9.07299 2.65606L9.29287 1.55062ZM6.76272 14.6503C6.80284 14.6583 6.84184 14.6322 6.84982 14.5921L7.0697 13.4866C7.07768 13.4465 7.05162 13.4075 7.0115 13.3995C6.97137 13.3916 6.93238 13.4176 6.9244 13.4577L6.70452 14.5632C6.69654 14.6033 6.72259 14.6423 6.76272 14.6503ZM9.92615 1.70175C9.93802 1.6626 9.97939 1.64049 10.0185 1.65237C10.0577 1.66425 10.0798 1.70561 10.0679 1.74476L9.92769 2.20699C9.91581 2.24614 9.87445 2.26825 9.8353 2.25637C9.79615 2.2445 9.77404 2.20313 9.78592 2.16399L9.92615 1.70175ZM6.12417 14.4903C6.16332 14.5022 6.20469 14.4801 6.21656 14.441L6.35677 13.9787C6.36864 13.9396 6.34653 13.8982 6.30739 13.8863C6.26824 13.8744 6.22687 13.8965 6.215 13.9357L6.07479 14.398C6.06291 14.4371 6.08502 14.4785 6.12417 14.4903ZM14.5921 9.29287C14.6322 9.30085 14.6583 9.33985 14.6503 9.37997C14.6423 9.4201 14.6033 9.44615 14.5632 9.43817L13.4577 9.21829C13.4176 9.21031 13.3916 9.17131 13.3995 9.13119C13.4075 9.09107 13.4465 9.06501 13.4866 9.07299L14.5921 9.29287ZM1.49242 6.76272C1.48444 6.80284 1.5105 6.84184 1.55062 6.84982L2.65606 7.0697C2.69618 7.07768 2.73518 7.05162 2.74316 7.0115C2.75114 6.97137 2.72508 6.93238 2.68496 6.9244L1.57952 6.70452C1.5394 6.69654 1.5004 6.72259 1.49242 6.76272ZM14.441 9.92615C14.4801 9.93802 14.5022 9.97939 14.4903 10.0185C14.4785 10.0577 14.4371 10.0798 14.3979 10.0679L13.9357 9.92769C13.8965 9.91581 13.8744 9.87445 13.8863 9.8353C13.8982 9.79615 13.9396 9.77404 13.9787 9.78592L14.441 9.92615ZM1.65237 6.12415C1.64049 6.1633 1.6626 6.20467 1.70175 6.21654L2.16399 6.35677C2.20313 6.36864 2.2445 6.34654 2.25637 6.30739C2.26825 6.26824 2.24614 6.22688 2.20699 6.215L1.74476 6.07477C1.70561 6.0629 1.66425 6.08501 1.65237 6.12415ZM13.5459 4.32424C13.58 4.30151 13.626 4.31066 13.6487 4.34468C13.6714 4.37869 13.6623 4.42469 13.6282 4.44742L12.6911 5.0736C12.6571 5.09633 12.6111 5.08718 12.5884 5.05317C12.5656 5.01915 12.5748 4.97315 12.6088 4.95042L13.5459 4.32424ZM2.494 11.798C2.51673 11.832 2.56273 11.8412 2.59675 11.8184L3.53389 11.1923C3.56791 11.1695 3.57706 11.1235 3.55433 11.0895C3.5316 11.0555 3.4856 11.0464 3.45159 11.0691L2.51444 11.6953C2.48043 11.718 2.47128 11.764 2.494 11.798ZM13.8869 4.87888C13.923 4.8596 13.9678 4.87321 13.9871 4.90929C14.0064 4.94537 13.9928 4.99025 13.9567 5.00954L13.5307 5.23726C13.4946 5.25654 13.4497 5.24293 13.4305 5.20685C13.4112 5.17077 13.4248 5.12589 13.4609 5.1066L13.8869 4.87888ZM2.15557 11.2334C2.17486 11.2695 2.21974 11.2831 2.25582 11.2638L2.68183 11.0361C2.7179 11.0168 2.73152 10.9719 2.71223 10.9358C2.69295 10.8998 2.64806 10.8861 2.61199 10.9054L2.18598 11.1332C2.1499 11.1524 2.13628 11.1973 2.15557 11.2334ZM11.8184 13.5459C11.8412 13.58 11.832 13.626 11.798 13.6487C11.764 13.6714 11.718 13.6623 11.6953 13.6282L11.0691 12.6911C11.0464 12.6571 11.0555 12.6111 11.0895 12.5884C11.1235 12.5656 11.1695 12.5748 11.1923 12.6088L11.8184 13.5459ZM4.34468 2.494C4.31066 2.51673 4.30151 2.56273 4.32424 2.59675L4.95042 3.53389C4.97315 3.56791 5.01915 3.57706 5.05317 3.55433C5.08718 3.5316 5.09633 3.4856 5.0736 3.45159L4.44742 2.51444C4.42469 2.48043 4.37869 2.47128 4.34468 2.494ZM11.2638 13.8869C11.2831 13.923 11.2695 13.9678 11.2334 13.9871C11.1973 14.0064 11.1524 13.9928 11.1331 13.9567L10.9054 13.5307C10.8861 13.4946 10.8998 13.4497 10.9358 13.4305C10.9719 13.4112 11.0168 13.4248 11.0361 13.4609L11.2638 13.8869ZM4.90931 2.15557C4.87323 2.17485 4.85961 2.21974 4.8789 2.25581L5.1066 2.68182C5.12589 2.7179 5.17077 2.73152 5.20685 2.71223C5.24293 2.69295 5.25654 2.64807 5.23726 2.61199L5.00955 2.18598C4.99027 2.1499 4.94539 2.13628 4.90931 2.15557ZM11.6953 2.51444C11.718 2.48043 11.764 2.47128 11.798 2.494C11.832 2.51673 11.8412 2.56273 11.8184 2.59675L11.1923 3.53389C11.1695 3.56791 11.1235 3.57706 11.0895 3.55433C11.0555 3.5316 11.0464 3.4856 11.0691 3.45159L11.6953 2.51444ZM4.34468 13.6487C4.37869 13.6714 4.42469 13.6623 4.44742 13.6282L5.0736 12.6911C5.09633 12.6571 5.08718 12.6111 5.05317 12.5884C5.01915 12.5656 4.97315 12.5748 4.95042 12.6088L4.32424 13.5459C4.30151 13.58 4.31066 13.626 4.34468 13.6487ZM12.2225 2.8964C12.2484 2.86478 12.2951 2.86018 12.3267 2.88614C12.3584 2.91209 12.363 2.95876 12.337 2.99039L12.0306 3.36378C12.0046 3.3954 11.9579 3.4 11.9263 3.37404C11.8947 3.34809 11.8901 3.30142 11.916 3.26979L12.2225 2.8964ZM3.81595 13.2566C3.84757 13.2825 3.89425 13.2779 3.9202 13.2463L4.22664 12.8729C4.2526 12.8413 4.248 12.7946 4.21638 12.7686C4.18475 12.7427 4.13808 12.7473 4.11212 12.7789L3.80568 13.1523C3.77973 13.1839 3.78433 13.2306 3.81595 13.2566ZM13.6282 11.6953C13.6623 11.718 13.6714 11.764 13.6487 11.798C13.626 11.832 13.58 11.8412 13.5459 11.8184L12.6088 11.1923C12.5748 11.1695 12.5656 11.1235 12.5884 11.0895C12.6111 11.0555 12.6571 11.0464 12.6911 11.0691L13.6282 11.6953ZM2.494 4.34468C2.47128 4.37869 2.48043 4.42469 2.51444 4.44742L3.45159 5.0736C3.4856 5.09633 3.5316 5.08718 3.55433 5.05317C3.57706 5.01915 3.56791 4.97315 3.53389 4.95042L2.59675 4.32424C2.56273 4.30151 2.51673 4.31066 2.494 4.34468ZM13.2463 12.2225C13.2779 12.2484 13.2825 12.2951 13.2566 12.3267C13.2306 12.3584 13.1839 12.363 13.1523 12.337L12.7789 12.0306C12.7473 12.0046 12.7427 11.9579 12.7686 11.9263C12.7946 11.8947 12.8413 11.8901 12.8729 11.916L13.2463 12.2225ZM2.88614 3.81595C2.86018 3.84757 2.86478 3.89425 2.8964 3.9202L3.26979 4.22664C3.30142 4.2526 3.34809 4.248 3.37404 4.21638C3.4 4.18475 3.3954 4.13808 3.36378 4.11212L2.99039 3.80568C2.95876 3.77973 2.91209 3.78433 2.88614 3.81595ZM14.5632 6.70452C14.6033 6.69654 14.6423 6.72259 14.6503 6.76272C14.6583 6.80284 14.6322 6.84184 14.5921 6.84982L13.4866 7.0697C13.4465 7.07768 13.4075 7.05162 13.3995 7.0115C13.3916 6.97137 13.4176 6.93238 13.4577 6.9244L14.5632 6.70452ZM1.49242 9.37997C1.5004 9.4201 1.5394 9.44615 1.57952 9.43817L2.68496 9.21829C2.72508 9.21031 2.75114 9.17131 2.74316 9.13119C2.73518 9.09107 2.69618 9.06501 2.65606 9.07299L1.55062 9.29287C1.5105 9.30085 1.48444 9.33985 1.49242 9.37997ZM14.6657 7.34742C14.7064 7.34333 14.7428 7.37301 14.7468 7.41372C14.7509 7.45442 14.7213 7.49074 14.6806 7.49483L14.1998 7.54313C14.1591 7.54722 14.1228 7.51754 14.1187 7.47683C14.1146 7.43613 14.1443 7.39982 14.185 7.39573L14.6657 7.34742ZM1.39584 8.72994C1.39993 8.77064 1.43625 8.80032 1.47695 8.79623L1.95766 8.74793C1.99836 8.74384 2.02804 8.70752 2.02395 8.66682C2.01986 8.62612 1.98355 8.59643 1.94284 8.60052L1.46214 8.64883C1.42143 8.65292 1.39175 8.68923 1.39584 8.72994ZM9.43817 14.5632C9.44615 14.6033 9.4201 14.6423 9.37997 14.6503C9.33985 14.6583 9.30085 14.6322 9.29287 14.5921L9.07299 13.4866C9.06501 13.4465 9.09107 13.4075 9.13119 13.3995C9.17131 13.3916 9.21031 13.4176 9.21829 13.4577L9.43817 14.5632ZM6.76272 1.49242C6.72259 1.5004 6.69654 1.5394 6.70452 1.57952L6.9244 2.68496C6.93238 2.72508 6.97137 2.75114 7.0115 2.74316C7.05162 2.73518 7.07768 2.69618 7.0697 2.65606L6.84982 1.55062C6.84184 1.5105 6.80284 1.48444 6.76272 1.49242ZM8.79623 14.6657C8.80032 14.7064 8.77064 14.7428 8.72994 14.7468C8.68923 14.7509 8.65292 14.7213 8.64883 14.6806L8.60052 14.1998C8.59643 14.1591 8.62612 14.1228 8.66682 14.1187C8.70752 14.1146 8.74384 14.1443 8.74793 14.185L8.79623 14.6657ZM7.41372 1.39584C7.37301 1.39993 7.34333 1.43625 7.34742 1.47695L7.39573 1.95766C7.39982 1.99836 7.43613 2.02804 7.47683 2.02395C7.51754 2.01986 7.54722 1.98355 7.54313 1.94284L7.49483 1.46214C7.49074 1.42143 7.45442 1.39175 7.41372 1.39584Z",
|
|
fill: "#DDDDDD",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M3.14941 12.8505L7.29562 7.28674L7.99989 7.99218L3.14941 12.8505Z",
|
|
fill: "#DDDDDD",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M7.28662 7.29574L12.8504 3.14954L7.99204 8.00002L7.28662 7.29574Z",
|
|
fill: "#EE4444",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M12.8505 3.14954L8.70427 8.71332L8 8.00789L12.8505 3.14954Z",
|
|
fill: "#CC0000",
|
|
}),
|
|
a.createElement("path", {
|
|
d: "M3.14941 12.8505L8.7132 8.70427L8.00777 8L3.14941 12.8505Z",
|
|
fill: "#AAAAAA",
|
|
}),
|
|
a.createElement(
|
|
"defs",
|
|
null,
|
|
a.createElement(
|
|
"linearGradient",
|
|
{
|
|
id: "paint0_linear_466_21186",
|
|
x1: "0.300303",
|
|
y1: "0.300951",
|
|
x2: "0.300303",
|
|
y2: "15.7084",
|
|
gradientUnits: "userSpaceOnUse",
|
|
},
|
|
a.createElement("stop", { stopColor: "#F8F8F8" }),
|
|
a.createElement("stop", { offset: "1", stopColor: "#CCCCCC" }),
|
|
),
|
|
a.createElement(
|
|
"radialGradient",
|
|
{
|
|
id: "paint1_radial_466_21186",
|
|
cx: "0",
|
|
cy: "0",
|
|
r: "1",
|
|
gradientUnits: "userSpaceOnUse",
|
|
gradientTransform: "translate(8.00216 8.0046) scale(7.06173)",
|
|
},
|
|
a.createElement("stop", { stopColor: "#00F0FF" }),
|
|
a.createElement("stop", { offset: "1", stopColor: "#0070E0" }),
|
|
),
|
|
),
|
|
),
|
|
U0 = k.div(
|
|
({ status: e, theme: t }) => ({
|
|
display: "inline-block",
|
|
width: 6,
|
|
height: 6,
|
|
borderRadius: "50%",
|
|
background:
|
|
e &&
|
|
{
|
|
IN_PROGRESS: "transparent",
|
|
PASSED: t.color.positive,
|
|
PENDING: t.color.gold,
|
|
ACCEPTED: t.color.positive,
|
|
DENIED: t.color.positive,
|
|
BROKEN: t.color.negative,
|
|
FAILED: t.color.negative,
|
|
SKIPPED: "transparent",
|
|
EQUAL: t.color.positive,
|
|
FIXED: t.color.positive,
|
|
ADDED: t.color.gold,
|
|
CHANGED: t.color.gold,
|
|
REMOVED: t.color.gold,
|
|
CAPTURE_ERROR: t.color.negative,
|
|
SYSTEM_ERROR: t.color.negative,
|
|
positive: t.color.positive,
|
|
negative: t.color.negative,
|
|
warning: t.color.gold,
|
|
notification: t.color.secondary,
|
|
}[e],
|
|
}),
|
|
({ overlay: e, theme: t }) =>
|
|
e &&
|
|
se({
|
|
position: "absolute",
|
|
top: -1,
|
|
right: -2,
|
|
width: 7,
|
|
height: 7,
|
|
border: "1px solid rgba(0, 0, 0, 0.1)",
|
|
boxShadow: `0 0 0 2px var(--bg-color, ${t.background.bar})`,
|
|
boxSizing: "border-box",
|
|
}),
|
|
),
|
|
$0 = ({ status: e }) => a.createElement(U0, { status: e }),
|
|
K7 = k.div({
|
|
position: "relative",
|
|
display: "inline-flex",
|
|
justifyContent: "center",
|
|
"img, svg": { verticalAlign: "top" },
|
|
}),
|
|
W0 = ({ status: e, children: t }) =>
|
|
a.createElement(
|
|
K7,
|
|
null,
|
|
t,
|
|
a.createElement(U0, { overlay: !0, status: e }),
|
|
),
|
|
M1 = {
|
|
CHROME: a.createElement(Ys, { alt: "Chrome" }),
|
|
FIREFOX: a.createElement(Ks, { alt: "Firefox" }),
|
|
SAFARI: a.createElement(Js, { alt: "Safari" }),
|
|
EDGE: a.createElement(Y7, { alt: "Edge" }),
|
|
},
|
|
J7 = k.div(({ theme: e }) => ({
|
|
alignItems: "center",
|
|
color: e.base === "light" ? e.color.dark : e.color.light,
|
|
display: "inline-flex",
|
|
gap: 6,
|
|
height: 16,
|
|
margin: "6px 7px",
|
|
svg: { verticalAlign: "top" },
|
|
})),
|
|
F1 = k.span(({ theme: e }) => ({
|
|
color: e.base === "light" ? e.color.dark : e.color.light,
|
|
display: "none",
|
|
fontSize: e.typography.size.s1,
|
|
fontWeight: e.typography.weight.bold,
|
|
"@container (min-width: 300px)": { display: "inline-block" },
|
|
"+ svg": { color: e.base === "light" ? e.color.dark : e.color.light },
|
|
"button:hover > &, button:hover > & + svg": {
|
|
color: e.color.secondary,
|
|
},
|
|
})),
|
|
Q7 = ({
|
|
isAccepted: e,
|
|
selectedBrowser: t,
|
|
browserResults: n,
|
|
onSelectBrowser: r,
|
|
}) => {
|
|
let i = cr(n.map(({ result: s }) => s));
|
|
if (!i) return null;
|
|
let l = M1[t.key];
|
|
!e &&
|
|
!["EQUAL", "SKIPPED"].includes(i) &&
|
|
n.length >= 2 &&
|
|
(l = a.createElement(W0, { status: i }, l));
|
|
let o =
|
|
n.length > 1 &&
|
|
n.map(({ browser: s, result: d }) => ({
|
|
active: t === s,
|
|
id: s.id,
|
|
onClick: () => r(s),
|
|
right:
|
|
!e &&
|
|
!["EQUAL", "SKIPPED"].includes(i) &&
|
|
a.createElement($0, { status: d }),
|
|
icon: M1[s.key],
|
|
title: s.name,
|
|
}));
|
|
return a.createElement(
|
|
ke,
|
|
{
|
|
key: t.key,
|
|
hasChrome: !1,
|
|
placement: "top",
|
|
trigger: "hover",
|
|
tooltip: a.createElement(Ie, {
|
|
note: o ? "Switch browser" : `Tested in ${n[0].browser.name}`,
|
|
}),
|
|
},
|
|
o
|
|
? a.createElement(
|
|
Wn,
|
|
{ placement: "bottom", links: o },
|
|
l,
|
|
a.createElement(F1, null, t.name),
|
|
a.createElement(Xi, { size: 10 }),
|
|
)
|
|
: a.createElement(J7, null, l, a.createElement(F1, null, t.name)),
|
|
);
|
|
},
|
|
X7 = k.div(({ theme: e }) => ({
|
|
alignItems: "center",
|
|
color: e.base === "light" ? e.color.darkest : e.color.light,
|
|
display: "inline-flex",
|
|
gap: 6,
|
|
height: 14,
|
|
margin: "7px 7px",
|
|
svg: {
|
|
verticalAlign: "top",
|
|
path: { fill: e.base === "light" ? e.color.dark : e.color.light },
|
|
},
|
|
})),
|
|
eh = k(Wn)(({ theme: e }) => ({
|
|
button: {
|
|
svg: {
|
|
verticalAlign: "top",
|
|
path: { fill: e.base === "light" ? e.color.dark : e.color.light },
|
|
},
|
|
"&:hover": { svg: { path: { fill: e.color.secondary } } },
|
|
},
|
|
})),
|
|
A1 = k.span(({ theme: e }) => ({
|
|
color: e.base === "light" ? e.color.dark : e.color.light,
|
|
display: "none",
|
|
fontSize: e.typography.size.s1,
|
|
fontWeight: e.typography.weight.bold,
|
|
"@container (min-width: 300px)": { display: "inline-block" },
|
|
"button:hover > &": { color: e.color.secondary },
|
|
})),
|
|
th = ({
|
|
isAccepted: e,
|
|
modeOrder: t,
|
|
modeResults: n,
|
|
onSelectMode: r,
|
|
selectedMode: i,
|
|
}) => {
|
|
let l = cr(n.map(({ result: d }) => d));
|
|
if (!l) return null;
|
|
let o = a.createElement(Mc, null);
|
|
!e &&
|
|
!["EQUAL", "SKIPPED"].includes(l) &&
|
|
n.length >= 2 &&
|
|
(o = a.createElement(W0, { status: l }, o));
|
|
let s =
|
|
n.length > 1 &&
|
|
n
|
|
.map(({ mode: d, result: c }) => ({
|
|
id: d.name,
|
|
title: d.name,
|
|
right:
|
|
!e &&
|
|
!["EQUAL", "SKIPPED"].includes(l) &&
|
|
a.createElement($0, { status: c }),
|
|
onClick: () => r(d),
|
|
active: i.name === d.name,
|
|
}))
|
|
.sort((d, c) => {
|
|
if (!t) return 0;
|
|
let u = t.indexOf(d.title),
|
|
m = t.indexOf(c.title);
|
|
return u !== -1 && m !== -1 ? u - m : 0;
|
|
});
|
|
return a.createElement(
|
|
ke,
|
|
{
|
|
key: i.name,
|
|
hasChrome: !1,
|
|
placement: "top",
|
|
trigger: "hover",
|
|
tooltip: a.createElement(Ie, {
|
|
note: s ? "Switch mode" : `View mode: ${n[0].mode.name}`,
|
|
}),
|
|
},
|
|
s
|
|
? a.createElement(
|
|
eh,
|
|
{ placement: "bottom", links: s },
|
|
o,
|
|
a.createElement(A1, null, i.name),
|
|
a.createElement(Xi, { size: 10 }),
|
|
)
|
|
: a.createElement(X7, null, o, a.createElement(A1, null, i.name)),
|
|
);
|
|
},
|
|
L1 = () => {
|
|
let e = Wt(),
|
|
{ browserResults: t, modeResults: n } = e.summary;
|
|
return a.createElement(
|
|
br,
|
|
null,
|
|
n.length > 0 &&
|
|
e.selectedTest &&
|
|
a.createElement(th, {
|
|
isAccepted: e.summary.status === "ACCEPTED",
|
|
modeOrder: e.modeOrder,
|
|
selectedMode: e.selectedTest.mode,
|
|
modeResults: n,
|
|
onSelectMode: e.onSelectMode,
|
|
}),
|
|
t.length > 0 &&
|
|
e.selectedComparison &&
|
|
a.createElement(Q7, {
|
|
isAccepted: e.summary.status === "ACCEPTED",
|
|
selectedBrowser: e.selectedComparison.browser,
|
|
browserResults: t,
|
|
onSelectBrowser: e.onSelectBrowser,
|
|
}),
|
|
a.createElement(Ue, { push: !0 }, a.createElement(yr, null)),
|
|
);
|
|
},
|
|
nh = ({ theme: e, status: t, variant: n }) =>
|
|
n === "outline"
|
|
? {
|
|
color: e.base === "light" ? e.color.dark : e.color.medium,
|
|
backgroundColor: e.background.app,
|
|
borderColor: e.base === "light" ? e.color.medium : e.color.darker,
|
|
"&:hover": {
|
|
color: e.base === "light" ? e.color.darkest : e.color.lighter,
|
|
backgroundColor: It(0.03, e.background.app),
|
|
},
|
|
}
|
|
: t === "positive"
|
|
? {
|
|
color: e.color.positiveText,
|
|
backgroundColor: e.background.positive,
|
|
borderColor: Ia(0.5, e.color.positiveText),
|
|
"&:hover": {
|
|
color: e.color.positiveText,
|
|
backgroundColor: It(0.05, e.background.positive),
|
|
},
|
|
}
|
|
: t === "warning"
|
|
? {
|
|
color: e.color.warningText,
|
|
backgroundColor: e.background.warning,
|
|
borderColor: Ia(0.5, e.color.warningText),
|
|
"&:hover": {
|
|
color: e.color.warningText,
|
|
backgroundColor: It(0.05, e.background.warning),
|
|
},
|
|
}
|
|
: {
|
|
color: e.color.lightest,
|
|
backgroundColor: e.color.secondary,
|
|
borderWidth: 0,
|
|
borderColor:
|
|
e.base === "light"
|
|
? Ia(0.2, e.color.secondary)
|
|
: It(0.1, e.color.secondary),
|
|
"&:hover": {
|
|
color: e.color.lightest,
|
|
backgroundColor: It(0.05, e.color.secondary),
|
|
},
|
|
},
|
|
en = k(dt)(
|
|
({ square: e }) => ({
|
|
border: "1px solid transparent",
|
|
boxShadow: "none",
|
|
fontSize: 12,
|
|
fontWeight: 700,
|
|
height: 28,
|
|
padding: e ? "8px 6px" : 8,
|
|
transition: "background-color 150ms ease-out",
|
|
"@container (min-width: 300px)": {
|
|
height: 32,
|
|
width: e ? 32 : "auto",
|
|
padding: e ? "9px 8px" : 9,
|
|
},
|
|
"@container (min-width: 800px)": {
|
|
height: 28,
|
|
fontSize: 12,
|
|
width: e ? 28 : "auto",
|
|
padding: e ? "8px 6px" : 8,
|
|
},
|
|
}),
|
|
nh,
|
|
({ side: e }) => ({
|
|
...(e === "left" && {
|
|
borderRightWidth: 1,
|
|
borderTopRightRadius: 0,
|
|
borderBottomRightRadius: 0,
|
|
}),
|
|
...(e === "right" && {
|
|
borderLeftWidth: 0,
|
|
borderTopLeftRadius: 0,
|
|
borderBottomLeftRadius: 0,
|
|
}),
|
|
}),
|
|
),
|
|
T1 = k.div({ display: "flex", flexDirection: "row" }),
|
|
ur = k.div(
|
|
({ theme: e }) => ({
|
|
width: 12,
|
|
height: 12,
|
|
margin: "3px 6px",
|
|
verticalAlign: "top",
|
|
display: "inline-block",
|
|
animation: `${as} 0.7s linear infinite`,
|
|
border: "2px solid transparent",
|
|
borderLeftColor: e.base === "light" ? "#00aaff" : "#58faf9",
|
|
borderBottomColor: "#25ccfd",
|
|
borderRightColor: e.base === "light" ? "#58faf9" : "#00aaff",
|
|
borderRadius: "100%",
|
|
transform: "translate3d(0, 0, 0)",
|
|
}),
|
|
({ parentComponent: e }) =>
|
|
e &&
|
|
se({
|
|
margin: e === "IconButton" ? 1 : 0,
|
|
borderWidth: 1,
|
|
borderLeftColor: "currentcolor",
|
|
borderBottomColor: "currentcolor",
|
|
borderRightColor: "currentcolor",
|
|
}),
|
|
),
|
|
ri = k.div(
|
|
({
|
|
theme: e,
|
|
width: t = 14,
|
|
height: n = 14,
|
|
marginLeft: r = 7,
|
|
marginRight: i = 8,
|
|
}) => ({
|
|
display: "inline-block",
|
|
backgroundColor: e.appBorderColor,
|
|
borderRadius: 3,
|
|
animation: `${e.animation.glow} 1.5s ease-in-out infinite`,
|
|
height: n,
|
|
width: t,
|
|
margin: 7,
|
|
marginLeft: r,
|
|
marginRight: i,
|
|
}),
|
|
),
|
|
ah = k.div(({ theme: e }) => ({
|
|
gridArea: "label",
|
|
margin: "8px 15px",
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "flex-start",
|
|
gap: 6,
|
|
span: {
|
|
display: "none",
|
|
"@container (min-width: 300px)": { display: "initial" },
|
|
},
|
|
"@container (min-width: 800px)": {
|
|
borderLeft: `1px solid ${e.appBorderColor}`,
|
|
paddingLeft: 10,
|
|
marginLeft: 0,
|
|
},
|
|
})),
|
|
Z1 = k.div({
|
|
gridArea: "controls",
|
|
margin: "6px 10px 6px 15px",
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "flex-end",
|
|
gap: 6,
|
|
"@container (min-width: 800px)": { margin: 8 },
|
|
}),
|
|
rh = k.div(({ theme: e }) => ({
|
|
padding: 9,
|
|
"> svg": { display: "block" },
|
|
path: { fill: e.color.mediumdark },
|
|
})),
|
|
ih = k.div(({ theme: e, showDivider: t }) => ({
|
|
gridArea: "actions",
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "flex-end",
|
|
margin: "0px 10px 0px 15px",
|
|
gap: 6,
|
|
"@container (min-width: 300px)": {
|
|
alignItems: "flex-start",
|
|
margin: "15px 10px 15px 0px",
|
|
},
|
|
"@container (min-width: 800px)": {
|
|
alignItems: "center",
|
|
borderLeft: t ? `1px solid ${e.appBorderColor}` : "none",
|
|
margin: "8px 10px 8px 0px",
|
|
paddingLeft: 8,
|
|
},
|
|
})),
|
|
lh = ({ isOutdated: e }) => {
|
|
let { baselineImageVisible: t, diffVisible: n, focusVisible: r } = vr(),
|
|
{ toggleBaselineImage: i, toggleDiff: l, toggleFocus: o } = vn(),
|
|
{ isRunning: s, startBuild: d } = sa(),
|
|
{ selectedTest: c, selectedComparison: u, summary: m } = Wt(),
|
|
{ changeCount: p, isInProgress: v } = m,
|
|
{
|
|
isReviewing: g,
|
|
buildIsReviewable: y,
|
|
userCanReview: w,
|
|
acceptTest: b,
|
|
unacceptTest: h,
|
|
} = z0();
|
|
if (v)
|
|
return a.createElement(
|
|
Z1,
|
|
null,
|
|
a.createElement(ri, null),
|
|
a.createElement(ri, null),
|
|
a.createElement(ri, null),
|
|
);
|
|
let f = p > 0 && c?.status !== "ACCEPTED",
|
|
E = p > 0 && c?.status === "ACCEPTED",
|
|
C = u?.result === "CHANGED";
|
|
return a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
C &&
|
|
a.createElement(
|
|
ah,
|
|
null,
|
|
a.createElement(
|
|
j,
|
|
null,
|
|
a.createElement(
|
|
"b",
|
|
null,
|
|
t ? "Baseline" : "Latest",
|
|
a.createElement("span", null, " snapshot"),
|
|
),
|
|
),
|
|
),
|
|
C &&
|
|
a.createElement(
|
|
Z1,
|
|
null,
|
|
a.createElement(
|
|
ke,
|
|
{
|
|
tooltip: a.createElement(Ie, {
|
|
note: t ? "Show latest snapshot" : "Show baseline snapshot",
|
|
}),
|
|
trigger: "hover",
|
|
hasChrome: !1,
|
|
},
|
|
a.createElement(
|
|
dt,
|
|
{
|
|
id: "button-toggle-snapshot",
|
|
"aria-label": t
|
|
? "Show latest snapshot"
|
|
: "Show baseline snapshot",
|
|
onClick: () => i(),
|
|
},
|
|
a.createElement(Tc, null),
|
|
),
|
|
),
|
|
a.createElement(
|
|
ke,
|
|
{
|
|
tooltip: a.createElement(Ie, {
|
|
note: r ? "Hide spotlight" : "Show spotlight",
|
|
}),
|
|
trigger: "hover",
|
|
hasChrome: !1,
|
|
},
|
|
a.createElement(
|
|
dt,
|
|
{
|
|
id: "button-toggle-spotlight",
|
|
active: r,
|
|
"aria-label": r ? "Hide spotlight" : "Show spotlight",
|
|
onClick: () => o(!r),
|
|
},
|
|
a.createElement(Oc, null),
|
|
),
|
|
),
|
|
a.createElement(
|
|
ke,
|
|
{
|
|
tooltip: a.createElement(Ie, {
|
|
note: n ? "Hide diff" : "Show diff",
|
|
}),
|
|
trigger: "hover",
|
|
hasChrome: !1,
|
|
},
|
|
a.createElement(
|
|
dt,
|
|
{
|
|
id: "button-diff-visible",
|
|
active: n,
|
|
"aria-label": n ? "Hide diff" : "Show diff",
|
|
onClick: () => l(!n),
|
|
},
|
|
a.createElement(ds, null),
|
|
),
|
|
),
|
|
),
|
|
(f || E) &&
|
|
a.createElement(
|
|
ih,
|
|
{ showDivider: C },
|
|
w &&
|
|
y &&
|
|
f &&
|
|
c &&
|
|
a.createElement(
|
|
T1,
|
|
null,
|
|
a.createElement(
|
|
ke,
|
|
{
|
|
tooltip: a.createElement(Ie, {
|
|
note: "Accept this story",
|
|
}),
|
|
trigger: "hover",
|
|
hasChrome: !1,
|
|
},
|
|
a.createElement(
|
|
en,
|
|
{
|
|
id: "button-toggle-accept-story",
|
|
disabled: g,
|
|
"aria-label": "Accept this story",
|
|
onClick: () => b(c.id, "SPEC"),
|
|
side: "left",
|
|
},
|
|
"Accept",
|
|
),
|
|
),
|
|
a.createElement(
|
|
ke,
|
|
{
|
|
tooltip: a.createElement(Ie, {
|
|
note: "Batch accept options",
|
|
}),
|
|
trigger: "hover",
|
|
hasChrome: !1,
|
|
},
|
|
a.createElement(
|
|
Wn,
|
|
{
|
|
placement: "bottom",
|
|
links: [
|
|
{
|
|
id: "acceptComponent",
|
|
title: "Accept component",
|
|
center:
|
|
"Accept all unreviewed changes for this component",
|
|
onClick: () => b(c.id, "COMPONENT"),
|
|
disabled: g,
|
|
loading: g,
|
|
},
|
|
{
|
|
id: "acceptBuild",
|
|
title: "Accept entire build",
|
|
center:
|
|
"Accept all unreviewed changes for every story in the Storybook",
|
|
onClick: () => b(c.id, "BUILD"),
|
|
disabled: g,
|
|
loading: g,
|
|
},
|
|
],
|
|
},
|
|
(Z) =>
|
|
a.createElement(
|
|
en,
|
|
{
|
|
square: !0,
|
|
active: Z,
|
|
disabled: g,
|
|
"aria-label": "Batch accept options",
|
|
side: "right",
|
|
},
|
|
g
|
|
? a.createElement(ur, {
|
|
parentComponent: "IconButton",
|
|
})
|
|
: a.createElement(mo, null),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
w &&
|
|
y &&
|
|
E &&
|
|
a.createElement(
|
|
T1,
|
|
null,
|
|
a.createElement(
|
|
ke,
|
|
{
|
|
tooltip: a.createElement(Ie, {
|
|
note: "Unaccept this story",
|
|
}),
|
|
trigger: "hover",
|
|
hasChrome: !1,
|
|
},
|
|
a.createElement(
|
|
en,
|
|
{
|
|
id: "button-toggle-accept-story",
|
|
disabled: g,
|
|
"aria-label": "Unaccept this story",
|
|
onClick: () => h(c.id, "SPEC"),
|
|
side: "left",
|
|
status: "positive",
|
|
},
|
|
a.createElement(Zc, null),
|
|
"Unaccept",
|
|
),
|
|
),
|
|
a.createElement(
|
|
ke,
|
|
{
|
|
tooltip: a.createElement(Ie, {
|
|
note: "Batch unaccept options",
|
|
}),
|
|
trigger: "hover",
|
|
hasChrome: !1,
|
|
},
|
|
a.createElement(
|
|
Wn,
|
|
{
|
|
placement: "bottom",
|
|
links: [
|
|
{
|
|
id: "unacceptComponent",
|
|
title: "Unaccept component",
|
|
center:
|
|
"Unaccept all unreviewed changes for this component",
|
|
onClick: () => h(c.id, "COMPONENT"),
|
|
disabled: g,
|
|
loading: g,
|
|
},
|
|
{
|
|
id: "unacceptBuild",
|
|
title: "Unaccept entire build",
|
|
center:
|
|
"Unaccept all unreviewed changes for every story in the Storybook",
|
|
onClick: () => h(c.id, "BUILD"),
|
|
disabled: g,
|
|
loading: g,
|
|
},
|
|
],
|
|
},
|
|
(Z) =>
|
|
a.createElement(
|
|
en,
|
|
{
|
|
square: !0,
|
|
active: Z,
|
|
disabled: g,
|
|
"aria-label": "Batch unaccept options",
|
|
side: "right",
|
|
status: "positive",
|
|
},
|
|
g
|
|
? a.createElement(ur, {
|
|
parentComponent: "IconButton",
|
|
})
|
|
: a.createElement(mo, null),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
!(w && y) &&
|
|
a.createElement(
|
|
ke,
|
|
{
|
|
tooltip: a.createElement(Ie, {
|
|
note: "Reviewing disabled",
|
|
}),
|
|
trigger: "hover",
|
|
hasChrome: !1,
|
|
},
|
|
a.createElement(rh, null, a.createElement(Cc, null)),
|
|
),
|
|
a.createElement(
|
|
ke,
|
|
{
|
|
tooltip: a.createElement(Ie, {
|
|
note: e ? "Run new tests" : "Rerun tests",
|
|
}),
|
|
trigger: "hover",
|
|
hasChrome: !1,
|
|
},
|
|
a.createElement(
|
|
en,
|
|
{
|
|
square: !0,
|
|
"aria-label": e ? "Run new tests" : "Rerun tests",
|
|
onClick: d,
|
|
disabled: s,
|
|
variant: "outline",
|
|
},
|
|
e ? a.createElement(fr, null) : a.createElement(ps, null),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
_a = pt(Ui()),
|
|
oh = (e) =>
|
|
a.createElement(
|
|
"svg",
|
|
{
|
|
width: "12",
|
|
height: "12",
|
|
viewBox: "0 0 12 12",
|
|
fill: "none",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
style: { margin: "3px 6px", verticalAlign: "top" },
|
|
...e,
|
|
},
|
|
a.createElement("path", {
|
|
fillRule: "evenodd",
|
|
clipRule: "evenodd",
|
|
d: "M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM5.57143 6.85714C5.57143 7.09384 5.76331 7.28571 6 7.28571C6.23669 7.28571 6.42857 7.09384 6.42857 6.85714L6.42857 3.42857C6.42857 3.19188 6.23669 3 6 3C5.76331 3 5.57143 3.19188 5.57143 3.42857V6.85714ZM5.35714 8.78572C5.35714 8.43067 5.64496 8.14286 6 8.14286C6.35504 8.14286 6.64286 8.43067 6.64286 8.78571C6.64286 9.14075 6.35504 9.42857 6 9.42857C5.64496 9.42857 5.35714 9.14075 5.35714 8.78572Z",
|
|
fill: "#73828C",
|
|
}),
|
|
),
|
|
ii = {
|
|
width: 12,
|
|
height: 12,
|
|
margin: "3px 3px 3px 6px",
|
|
verticalAlign: "top",
|
|
},
|
|
sh = ({ icon: e }) => {
|
|
let { color: t } = Sn();
|
|
return {
|
|
passed: a.createElement(kc, { style: { ...ii, color: t.positive } }),
|
|
changed: a.createElement(wc, { style: { ...ii, color: t.warning } }),
|
|
failed: a.createElement(ln, { style: { ...ii, color: t.negative } }),
|
|
}[e];
|
|
};
|
|
function zi(e) {
|
|
"@babel/helpers - typeof";
|
|
return (
|
|
(zi =
|
|
typeof Symbol == "function" && typeof Symbol.iterator == "symbol"
|
|
? function (t) {
|
|
return typeof t;
|
|
}
|
|
: function (t) {
|
|
return t &&
|
|
typeof Symbol == "function" &&
|
|
t.constructor === Symbol &&
|
|
t !== Symbol.prototype
|
|
? "symbol"
|
|
: typeof t;
|
|
}),
|
|
zi(e)
|
|
);
|
|
}
|
|
function Lr(e, t) {
|
|
if (t.length < e)
|
|
throw new TypeError(
|
|
e +
|
|
" argument" +
|
|
(e > 1 ? "s" : "") +
|
|
" required, but only " +
|
|
t.length +
|
|
" present",
|
|
);
|
|
}
|
|
function tn(e) {
|
|
Lr(1, arguments);
|
|
var t = Object.prototype.toString.call(e);
|
|
return e instanceof Date || (zi(e) === "object" && t === "[object Date]")
|
|
? new Date(e.getTime())
|
|
: typeof e == "number" || t === "[object Number]"
|
|
? new Date(e)
|
|
: ((typeof e == "string" || t === "[object String]") &&
|
|
typeof console < "u" &&
|
|
(console.warn(
|
|
"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments",
|
|
),
|
|
console.warn(new Error().stack)),
|
|
new Date(NaN));
|
|
}
|
|
var dh = {};
|
|
function ch() {
|
|
return dh;
|
|
}
|
|
function O1(e) {
|
|
var t = new Date(
|
|
Date.UTC(
|
|
e.getFullYear(),
|
|
e.getMonth(),
|
|
e.getDate(),
|
|
e.getHours(),
|
|
e.getMinutes(),
|
|
e.getSeconds(),
|
|
e.getMilliseconds(),
|
|
),
|
|
);
|
|
return (t.setUTCFullYear(e.getFullYear()), e.getTime() - t.getTime());
|
|
}
|
|
function uh(e, t) {
|
|
Lr(2, arguments);
|
|
var n = tn(e),
|
|
r = tn(t),
|
|
i = n.getTime() - r.getTime();
|
|
return i < 0 ? -1 : i > 0 ? 1 : i;
|
|
}
|
|
var mh = {
|
|
lessThanXSeconds: {
|
|
one: "less than a second",
|
|
other: "less than {{count}} seconds",
|
|
},
|
|
xSeconds: { one: "1 second", other: "{{count}} seconds" },
|
|
halfAMinute: "half a minute",
|
|
lessThanXMinutes: {
|
|
one: "less than a minute",
|
|
other: "less than {{count}} minutes",
|
|
},
|
|
xMinutes: { one: "1 minute", other: "{{count}} minutes" },
|
|
aboutXHours: { one: "about 1 hour", other: "about {{count}} hours" },
|
|
xHours: { one: "1 hour", other: "{{count}} hours" },
|
|
xDays: { one: "1 day", other: "{{count}} days" },
|
|
aboutXWeeks: { one: "about 1 week", other: "about {{count}} weeks" },
|
|
xWeeks: { one: "1 week", other: "{{count}} weeks" },
|
|
aboutXMonths: { one: "about 1 month", other: "about {{count}} months" },
|
|
xMonths: { one: "1 month", other: "{{count}} months" },
|
|
aboutXYears: { one: "about 1 year", other: "about {{count}} years" },
|
|
xYears: { one: "1 year", other: "{{count}} years" },
|
|
overXYears: { one: "over 1 year", other: "over {{count}} years" },
|
|
almostXYears: { one: "almost 1 year", other: "almost {{count}} years" },
|
|
},
|
|
ph = function (e, t, n) {
|
|
var r,
|
|
i = mh[e];
|
|
return (
|
|
typeof i == "string"
|
|
? (r = i)
|
|
: t === 1
|
|
? (r = i.one)
|
|
: (r = i.other.replace("{{count}}", t.toString())),
|
|
n != null && n.addSuffix
|
|
? n.comparison && n.comparison > 0
|
|
? "in " + r
|
|
: r + " ago"
|
|
: r
|
|
);
|
|
},
|
|
hh = ph;
|
|
function li(e) {
|
|
return function () {
|
|
var t =
|
|
arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
|
|
n = t.width ? String(t.width) : e.defaultWidth,
|
|
r = e.formats[n] || e.formats[e.defaultWidth];
|
|
return r;
|
|
};
|
|
}
|
|
var fh = {
|
|
full: "EEEE, MMMM do, y",
|
|
long: "MMMM do, y",
|
|
medium: "MMM d, y",
|
|
short: "MM/dd/yyyy",
|
|
},
|
|
gh = {
|
|
full: "h:mm:ss a zzzz",
|
|
long: "h:mm:ss a z",
|
|
medium: "h:mm:ss a",
|
|
short: "h:mm a",
|
|
},
|
|
vh = {
|
|
full: "{{date}} 'at' {{time}}",
|
|
long: "{{date}} 'at' {{time}}",
|
|
medium: "{{date}}, {{time}}",
|
|
short: "{{date}}, {{time}}",
|
|
},
|
|
yh = {
|
|
date: li({ formats: fh, defaultWidth: "full" }),
|
|
time: li({ formats: gh, defaultWidth: "full" }),
|
|
dateTime: li({ formats: vh, defaultWidth: "full" }),
|
|
},
|
|
bh = yh,
|
|
Eh = {
|
|
lastWeek: "'last' eeee 'at' p",
|
|
yesterday: "'yesterday at' p",
|
|
today: "'today at' p",
|
|
tomorrow: "'tomorrow at' p",
|
|
nextWeek: "eeee 'at' p",
|
|
other: "P",
|
|
},
|
|
kh = function (e, t, n, r) {
|
|
return Eh[e];
|
|
},
|
|
wh = kh;
|
|
function In(e) {
|
|
return function (t, n) {
|
|
var r = n != null && n.context ? String(n.context) : "standalone",
|
|
i;
|
|
if (r === "formatting" && e.formattingValues) {
|
|
var l = e.defaultFormattingWidth || e.defaultWidth,
|
|
o = n != null && n.width ? String(n.width) : l;
|
|
i = e.formattingValues[o] || e.formattingValues[l];
|
|
} else {
|
|
var s = e.defaultWidth,
|
|
d = n != null && n.width ? String(n.width) : e.defaultWidth;
|
|
i = e.values[d] || e.values[s];
|
|
}
|
|
var c = e.argumentCallback ? e.argumentCallback(t) : t;
|
|
return i[c];
|
|
};
|
|
}
|
|
var Ch = {
|
|
narrow: ["B", "A"],
|
|
abbreviated: ["BC", "AD"],
|
|
wide: ["Before Christ", "Anno Domini"],
|
|
},
|
|
Sh = {
|
|
narrow: ["1", "2", "3", "4"],
|
|
abbreviated: ["Q1", "Q2", "Q3", "Q4"],
|
|
wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"],
|
|
},
|
|
xh = {
|
|
narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
|
|
abbreviated: [
|
|
"Jan",
|
|
"Feb",
|
|
"Mar",
|
|
"Apr",
|
|
"May",
|
|
"Jun",
|
|
"Jul",
|
|
"Aug",
|
|
"Sep",
|
|
"Oct",
|
|
"Nov",
|
|
"Dec",
|
|
],
|
|
wide: [
|
|
"January",
|
|
"February",
|
|
"March",
|
|
"April",
|
|
"May",
|
|
"June",
|
|
"July",
|
|
"August",
|
|
"September",
|
|
"October",
|
|
"November",
|
|
"December",
|
|
],
|
|
},
|
|
Nh = {
|
|
narrow: ["S", "M", "T", "W", "T", "F", "S"],
|
|
short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
|
|
abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
|
|
wide: [
|
|
"Sunday",
|
|
"Monday",
|
|
"Tuesday",
|
|
"Wednesday",
|
|
"Thursday",
|
|
"Friday",
|
|
"Saturday",
|
|
],
|
|
},
|
|
Mh = {
|
|
narrow: {
|
|
am: "a",
|
|
pm: "p",
|
|
midnight: "mi",
|
|
noon: "n",
|
|
morning: "morning",
|
|
afternoon: "afternoon",
|
|
evening: "evening",
|
|
night: "night",
|
|
},
|
|
abbreviated: {
|
|
am: "AM",
|
|
pm: "PM",
|
|
midnight: "midnight",
|
|
noon: "noon",
|
|
morning: "morning",
|
|
afternoon: "afternoon",
|
|
evening: "evening",
|
|
night: "night",
|
|
},
|
|
wide: {
|
|
am: "a.m.",
|
|
pm: "p.m.",
|
|
midnight: "midnight",
|
|
noon: "noon",
|
|
morning: "morning",
|
|
afternoon: "afternoon",
|
|
evening: "evening",
|
|
night: "night",
|
|
},
|
|
},
|
|
Fh = {
|
|
narrow: {
|
|
am: "a",
|
|
pm: "p",
|
|
midnight: "mi",
|
|
noon: "n",
|
|
morning: "in the morning",
|
|
afternoon: "in the afternoon",
|
|
evening: "in the evening",
|
|
night: "at night",
|
|
},
|
|
abbreviated: {
|
|
am: "AM",
|
|
pm: "PM",
|
|
midnight: "midnight",
|
|
noon: "noon",
|
|
morning: "in the morning",
|
|
afternoon: "in the afternoon",
|
|
evening: "in the evening",
|
|
night: "at night",
|
|
},
|
|
wide: {
|
|
am: "a.m.",
|
|
pm: "p.m.",
|
|
midnight: "midnight",
|
|
noon: "noon",
|
|
morning: "in the morning",
|
|
afternoon: "in the afternoon",
|
|
evening: "in the evening",
|
|
night: "at night",
|
|
},
|
|
},
|
|
Ah = function (e, t) {
|
|
var n = Number(e),
|
|
r = n % 100;
|
|
if (r > 20 || r < 10)
|
|
switch (r % 10) {
|
|
case 1:
|
|
return n + "st";
|
|
case 2:
|
|
return n + "nd";
|
|
case 3:
|
|
return n + "rd";
|
|
}
|
|
return n + "th";
|
|
},
|
|
Lh = {
|
|
ordinalNumber: Ah,
|
|
era: In({ values: Ch, defaultWidth: "wide" }),
|
|
quarter: In({
|
|
values: Sh,
|
|
defaultWidth: "wide",
|
|
argumentCallback: function (e) {
|
|
return e - 1;
|
|
},
|
|
}),
|
|
month: In({ values: xh, defaultWidth: "wide" }),
|
|
day: In({ values: Nh, defaultWidth: "wide" }),
|
|
dayPeriod: In({
|
|
values: Mh,
|
|
defaultWidth: "wide",
|
|
formattingValues: Fh,
|
|
defaultFormattingWidth: "wide",
|
|
}),
|
|
},
|
|
Th = Lh;
|
|
function Rn(e) {
|
|
return function (t) {
|
|
var n =
|
|
arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
|
|
r = n.width,
|
|
i = (r && e.matchPatterns[r]) || e.matchPatterns[e.defaultMatchWidth],
|
|
l = t.match(i);
|
|
if (!l) return null;
|
|
var o = l[0],
|
|
s = (r && e.parsePatterns[r]) || e.parsePatterns[e.defaultParseWidth],
|
|
d = Array.isArray(s)
|
|
? Oh(s, function (m) {
|
|
return m.test(o);
|
|
})
|
|
: Zh(s, function (m) {
|
|
return m.test(o);
|
|
}),
|
|
c;
|
|
((c = e.valueCallback ? e.valueCallback(d) : d),
|
|
(c = n.valueCallback ? n.valueCallback(c) : c));
|
|
var u = t.slice(o.length);
|
|
return { value: c, rest: u };
|
|
};
|
|
}
|
|
function Zh(e, t) {
|
|
for (var n in e) if (e.hasOwnProperty(n) && t(e[n])) return n;
|
|
}
|
|
function Oh(e, t) {
|
|
for (var n = 0; n < e.length; n++) if (t(e[n])) return n;
|
|
}
|
|
function _h(e) {
|
|
return function (t) {
|
|
var n =
|
|
arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
|
|
r = t.match(e.matchPattern);
|
|
if (!r) return null;
|
|
var i = r[0],
|
|
l = t.match(e.parsePattern);
|
|
if (!l) return null;
|
|
var o = e.valueCallback ? e.valueCallback(l[0]) : l[0];
|
|
o = n.valueCallback ? n.valueCallback(o) : o;
|
|
var s = t.slice(i.length);
|
|
return { value: o, rest: s };
|
|
};
|
|
}
|
|
var Ih = /^(\d+)(th|st|nd|rd)?/i,
|
|
Rh = /\d+/i,
|
|
Bh = {
|
|
narrow: /^(b|a)/i,
|
|
abbreviated:
|
|
/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
|
|
wide: /^(before christ|before common era|anno domini|common era)/i,
|
|
},
|
|
Ph = { any: [/^b/i, /^(a|c)/i] },
|
|
Vh = {
|
|
narrow: /^[1234]/i,
|
|
abbreviated: /^q[1234]/i,
|
|
wide: /^[1234](th|st|nd|rd)? quarter/i,
|
|
},
|
|
Hh = { any: [/1/i, /2/i, /3/i, /4/i] },
|
|
jh = {
|
|
narrow: /^[jfmasond]/i,
|
|
abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
|
|
wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i,
|
|
},
|
|
Dh = {
|
|
narrow: [
|
|
/^j/i,
|
|
/^f/i,
|
|
/^m/i,
|
|
/^a/i,
|
|
/^m/i,
|
|
/^j/i,
|
|
/^j/i,
|
|
/^a/i,
|
|
/^s/i,
|
|
/^o/i,
|
|
/^n/i,
|
|
/^d/i,
|
|
],
|
|
any: [
|
|
/^ja/i,
|
|
/^f/i,
|
|
/^mar/i,
|
|
/^ap/i,
|
|
/^may/i,
|
|
/^jun/i,
|
|
/^jul/i,
|
|
/^au/i,
|
|
/^s/i,
|
|
/^o/i,
|
|
/^n/i,
|
|
/^d/i,
|
|
],
|
|
},
|
|
zh = {
|
|
narrow: /^[smtwf]/i,
|
|
short: /^(su|mo|tu|we|th|fr|sa)/i,
|
|
abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
|
|
wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i,
|
|
},
|
|
Uh = {
|
|
narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
|
|
any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i],
|
|
},
|
|
$h = {
|
|
narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
|
|
any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i,
|
|
},
|
|
Wh = {
|
|
any: {
|
|
am: /^a/i,
|
|
pm: /^p/i,
|
|
midnight: /^mi/i,
|
|
noon: /^no/i,
|
|
morning: /morning/i,
|
|
afternoon: /afternoon/i,
|
|
evening: /evening/i,
|
|
night: /night/i,
|
|
},
|
|
},
|
|
qh = {
|
|
ordinalNumber: _h({
|
|
matchPattern: Ih,
|
|
parsePattern: Rh,
|
|
valueCallback: function (e) {
|
|
return parseInt(e, 10);
|
|
},
|
|
}),
|
|
era: Rn({
|
|
matchPatterns: Bh,
|
|
defaultMatchWidth: "wide",
|
|
parsePatterns: Ph,
|
|
defaultParseWidth: "any",
|
|
}),
|
|
quarter: Rn({
|
|
matchPatterns: Vh,
|
|
defaultMatchWidth: "wide",
|
|
parsePatterns: Hh,
|
|
defaultParseWidth: "any",
|
|
valueCallback: function (e) {
|
|
return e + 1;
|
|
},
|
|
}),
|
|
month: Rn({
|
|
matchPatterns: jh,
|
|
defaultMatchWidth: "wide",
|
|
parsePatterns: Dh,
|
|
defaultParseWidth: "any",
|
|
}),
|
|
day: Rn({
|
|
matchPatterns: zh,
|
|
defaultMatchWidth: "wide",
|
|
parsePatterns: Uh,
|
|
defaultParseWidth: "any",
|
|
}),
|
|
dayPeriod: Rn({
|
|
matchPatterns: $h,
|
|
defaultMatchWidth: "any",
|
|
parsePatterns: Wh,
|
|
defaultParseWidth: "any",
|
|
}),
|
|
},
|
|
Gh = qh,
|
|
Yh = {
|
|
code: "en-US",
|
|
formatDistance: hh,
|
|
formatLong: bh,
|
|
formatRelative: wh,
|
|
localize: Th,
|
|
match: Gh,
|
|
options: { weekStartsOn: 0, firstWeekContainsDate: 1 },
|
|
},
|
|
q0 = Yh,
|
|
Kh = q0;
|
|
function G0(e, t) {
|
|
if (e == null)
|
|
throw new TypeError(
|
|
"assign requires that input parameter not be null or undefined",
|
|
);
|
|
for (var n in t)
|
|
Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
|
|
return e;
|
|
}
|
|
function Jh(e) {
|
|
return G0({}, e);
|
|
}
|
|
var _1 = 1e3 * 60,
|
|
mr = 1440,
|
|
I1 = mr * 30,
|
|
R1 = mr * 365;
|
|
function Qh(e, t, n) {
|
|
var r, i, l;
|
|
Lr(2, arguments);
|
|
var o = ch(),
|
|
s =
|
|
(r = (i = n?.locale) !== null && i !== void 0 ? i : o.locale) !==
|
|
null && r !== void 0
|
|
? r
|
|
: Kh;
|
|
if (!s.formatDistance)
|
|
throw new RangeError(
|
|
"locale must contain localize.formatDistance property",
|
|
);
|
|
var d = uh(e, t);
|
|
if (isNaN(d)) throw new RangeError("Invalid time value");
|
|
var c = G0(Jh(n), { addSuffix: !!n?.addSuffix, comparison: d }),
|
|
u,
|
|
m;
|
|
d > 0 ? ((u = tn(t)), (m = tn(e))) : ((u = tn(e)), (m = tn(t)));
|
|
var p = String(
|
|
(l = n?.roundingMethod) !== null && l !== void 0 ? l : "round",
|
|
),
|
|
v;
|
|
if (p === "floor") v = Math.floor;
|
|
else if (p === "ceil") v = Math.ceil;
|
|
else if (p === "round") v = Math.round;
|
|
else
|
|
throw new RangeError(
|
|
"roundingMethod must be 'floor', 'ceil' or 'round'",
|
|
);
|
|
var g = m.getTime() - u.getTime(),
|
|
y = g / _1,
|
|
w = O1(m) - O1(u),
|
|
b = (g - w) / _1,
|
|
h = n?.unit,
|
|
f;
|
|
if (
|
|
(h
|
|
? (f = String(h))
|
|
: y < 1
|
|
? (f = "second")
|
|
: y < 60
|
|
? (f = "minute")
|
|
: y < mr
|
|
? (f = "hour")
|
|
: b < I1
|
|
? (f = "day")
|
|
: b < R1
|
|
? (f = "month")
|
|
: (f = "year"),
|
|
f === "second")
|
|
) {
|
|
var E = v(g / 1e3);
|
|
return s.formatDistance("xSeconds", E, c);
|
|
} else if (f === "minute") {
|
|
var C = v(y);
|
|
return s.formatDistance("xMinutes", C, c);
|
|
} else if (f === "hour") {
|
|
var Z = v(y / 60);
|
|
return s.formatDistance("xHours", Z, c);
|
|
} else if (f === "day") {
|
|
var M = v(b / mr);
|
|
return s.formatDistance("xDays", M, c);
|
|
} else if (f === "month") {
|
|
var V = v(b / I1);
|
|
return V === 12 && h !== "month"
|
|
? s.formatDistance("xYears", 1, c)
|
|
: s.formatDistance("xMonths", V, c);
|
|
} else if (f === "year") {
|
|
var D = v(b / R1);
|
|
return s.formatDistance("xYears", D, c);
|
|
}
|
|
throw new RangeError(
|
|
"unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'",
|
|
);
|
|
}
|
|
function Xh(e, t) {
|
|
return (Lr(1, arguments), Qh(e, Date.now(), t));
|
|
}
|
|
var e6 = {
|
|
lessThanXSeconds: "just now",
|
|
xSeconds: "just now",
|
|
halfAMinute: "just now",
|
|
lessThanXMinutes: "{{count}}m",
|
|
xMinutes: "{{count}}m",
|
|
aboutXHours: "{{count}}h",
|
|
xHours: "{{count}}h",
|
|
xDays: "{{count}}d",
|
|
aboutXWeeks: "{{count}}w",
|
|
xWeeks: "{{count}}w",
|
|
aboutXMonths: "{{count}}mo",
|
|
xMonths: "{{count}}mo",
|
|
aboutXYears: "{{count}}y",
|
|
xYears: "{{count}}y",
|
|
overXYears: "{{count}}y",
|
|
almostXYears: "{{count}}y",
|
|
};
|
|
function t6(e, t, n = { addSuffix: !1, comparison: 0 }) {
|
|
let r = e6[e].replace("{{count}}", t);
|
|
return ["lessThanXSeconds", "xSeconds", "halfAMinute"].includes(e)
|
|
? `${r}`
|
|
: n.addSuffix
|
|
? n.comparison > 0
|
|
? `in ${r}`
|
|
: `${r} ago`
|
|
: r;
|
|
}
|
|
var n6 = (e) =>
|
|
Xh(e, { addSuffix: !0, locale: { ...q0, formatDistance: t6 } }),
|
|
Bn = k.div(({ theme: e }) => ({
|
|
gridArea: "info",
|
|
display: "flex",
|
|
justifySelf: "start",
|
|
justifyContent: "center",
|
|
flexDirection: "column",
|
|
margin: 15,
|
|
lineHeight: "18px",
|
|
color:
|
|
e.base === "light"
|
|
? `${e.color.defaultText}99`
|
|
: `${e.color.light}99`,
|
|
fontSize: e.typography.size.s2,
|
|
b: {
|
|
color:
|
|
e.base === "light" ? `${e.color.defaultText}` : `${e.color.light}`,
|
|
},
|
|
small: { fontSize: e.typography.size.s2 - 1 },
|
|
"@container (min-width: 800px)": {
|
|
margin: "6px 10px 6px 15px",
|
|
alignItems: "center",
|
|
flexDirection: "row",
|
|
small: { fontSize: "inherit" },
|
|
"[data-hidden-large]": { display: "none" },
|
|
"& > span:first-of-type": {
|
|
display: "inline-flex",
|
|
alignItems: "center",
|
|
height: 24,
|
|
marginRight: 6,
|
|
},
|
|
},
|
|
})),
|
|
a6 = k.div({
|
|
gridArea: "actions",
|
|
display: "flex",
|
|
justifySelf: "end",
|
|
justifyContent: "center",
|
|
alignItems: "start",
|
|
margin: 15,
|
|
marginRight: 10,
|
|
"@container (min-width: 800px)": { margin: "6px 10px 0 0" },
|
|
}),
|
|
r6 = ({
|
|
isStarting: e,
|
|
tests: t,
|
|
startedAt: n,
|
|
isBuildFailed: r,
|
|
isOutdated: i,
|
|
shouldSwitchToLastBuildOnBranch: l,
|
|
switchToLastBuildOnBranch: o,
|
|
}) => {
|
|
let { isRunning: s, startBuild: d } = sa(),
|
|
{
|
|
status: c,
|
|
isInProgress: u,
|
|
changeCount: m,
|
|
brokenCount: p,
|
|
modeResults: v,
|
|
browserResults: g,
|
|
} = bl(t ?? []),
|
|
y = !e && n && n6(new Date(n).getTime()),
|
|
w = e || u,
|
|
b = r || c === "FAILED",
|
|
h = b || c === "BROKEN",
|
|
f = (h || i) && !w && !m,
|
|
E;
|
|
return (
|
|
i
|
|
? (E = a.createElement(
|
|
Bn,
|
|
null,
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
a.createElement("b", null, "Code edits detected"),
|
|
),
|
|
a.createElement(
|
|
"small",
|
|
null,
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
"Run tests to see what changed",
|
|
),
|
|
),
|
|
))
|
|
: b
|
|
? (E = a.createElement(
|
|
Bn,
|
|
null,
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
a.createElement("b", null, "Build failed"),
|
|
a.createElement(oh, null),
|
|
),
|
|
a.createElement(
|
|
"small",
|
|
null,
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
"An infrastructure error occured",
|
|
),
|
|
),
|
|
))
|
|
: w
|
|
? (E = a.createElement(
|
|
Bn,
|
|
null,
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
a.createElement("b", null, "Running tests..."),
|
|
a.createElement(ur, null),
|
|
),
|
|
a.createElement(
|
|
"small",
|
|
null,
|
|
a.createElement("span", null, "Test in progress..."),
|
|
),
|
|
))
|
|
: l
|
|
? (E = a.createElement(
|
|
Bn,
|
|
null,
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
a.createElement(
|
|
"b",
|
|
null,
|
|
a.createElement(
|
|
Ot,
|
|
{ isButton: !0, onClick: o },
|
|
"View latest snapshot",
|
|
),
|
|
),
|
|
),
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
"Newer test results are available for this story",
|
|
),
|
|
))
|
|
: (E = a.createElement(
|
|
Bn,
|
|
null,
|
|
a.createElement(
|
|
"span",
|
|
null,
|
|
a.createElement(
|
|
"b",
|
|
null,
|
|
p
|
|
? null
|
|
: m
|
|
? `${(0, _a.default)("change", m, !0)}${c === "ACCEPTED" ? " accepted" : ""}`
|
|
: "No changes",
|
|
p ? (0, _a.default)("error", p, !0) : null,
|
|
),
|
|
a.createElement(sh, {
|
|
icon: p
|
|
? "failed"
|
|
: c === "PENDING"
|
|
? "changed"
|
|
: "passed",
|
|
}),
|
|
),
|
|
a.createElement(
|
|
"small",
|
|
null,
|
|
v.length > 0 &&
|
|
a.createElement(
|
|
"span",
|
|
{ "data-hidden-large": !0 },
|
|
(0, _a.default)("mode", v.length, !0),
|
|
", ",
|
|
(0, _a.default)("browser", g.length, !0),
|
|
),
|
|
v.length > 0 &&
|
|
a.createElement(
|
|
"span",
|
|
{ "data-hidden-large": !0 },
|
|
" \u2022 ",
|
|
),
|
|
u &&
|
|
a.createElement("span", null, "Test in progress..."),
|
|
!u &&
|
|
n &&
|
|
a.createElement(
|
|
"span",
|
|
{ title: new Date(n).toUTCString() },
|
|
"Ran ",
|
|
y,
|
|
),
|
|
),
|
|
)),
|
|
a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
E,
|
|
f &&
|
|
a.createElement(
|
|
a6,
|
|
null,
|
|
a.createElement(
|
|
en,
|
|
{ onClick: d, disabled: s },
|
|
s
|
|
? a.createElement(ur, { parentComponent: "Button" })
|
|
: a.createElement(fr, null),
|
|
h ? "Rerun tests" : "Run tests",
|
|
),
|
|
),
|
|
)
|
|
);
|
|
},
|
|
B1 = k.div(({ theme: e }) => ({
|
|
display: "grid",
|
|
gridTemplateAreas: `
|
|
"info info"
|
|
"actions actions"
|
|
"label controls"
|
|
`,
|
|
gridTemplateColumns: "1fr fit-content(50%)",
|
|
gridTemplateRows: "auto auto auto",
|
|
borderBottom: `1px solid ${e.appBorderColor}`,
|
|
"@container (min-width: 300px)": {
|
|
gridTemplateAreas: `
|
|
"info actions"
|
|
"label controls"
|
|
`,
|
|
gridTemplateColumns: "1fr auto",
|
|
gridTemplateRows: "auto auto",
|
|
},
|
|
"@container (min-width: 800px)": {
|
|
gridTemplateAreas: '"info label controls actions"',
|
|
gridTemplateColumns: "auto 1fr auto auto",
|
|
gridTemplateRows: "39px",
|
|
},
|
|
})),
|
|
P1 = k.div({
|
|
display: "grid",
|
|
gridTemplateAreas: `
|
|
"header"
|
|
"main"
|
|
"footer"
|
|
`,
|
|
gridTemplateColumns: "1fr",
|
|
gridTemplateRows: "auto 1fr auto",
|
|
height: "100%",
|
|
"&[hidden]": { display: "none" },
|
|
}),
|
|
V1 = k.div(({ theme: e }) => ({
|
|
gridArea: "header",
|
|
position: "sticky",
|
|
zIndex: 1,
|
|
top: 0,
|
|
background: e.background.content,
|
|
"@container (min-width: 800px)": { background: e.background.app },
|
|
})),
|
|
i6 = k.div(({ theme: e }) => ({
|
|
gridArea: "main",
|
|
overflowY: "auto",
|
|
maxHeight: "100%",
|
|
background: e.background.content,
|
|
})),
|
|
H1 = k.div({
|
|
gridArea: "footer",
|
|
position: "sticky",
|
|
zIndex: 1,
|
|
bottom: 0,
|
|
}),
|
|
l6 = k.div(({ children: e, theme: t }) => ({
|
|
display: "flex",
|
|
alignItems: "center",
|
|
border: `0px solid ${t.appBorderColor}`,
|
|
borderTopWidth: 1,
|
|
borderBottomWidth: e ? 1 : 0,
|
|
height: e ? 40 : 0,
|
|
padding: e ? "0 15px" : 0,
|
|
})),
|
|
o6 = k.div(({ theme: e }) => ({
|
|
fontFamily: e.typography.fonts.mono,
|
|
fontSize: e.typography.size.s1,
|
|
color: e.color.defaultText,
|
|
lineHeight: "18px",
|
|
padding: 15,
|
|
whiteSpace: "pre-wrap",
|
|
wordBreak: "break-word",
|
|
})),
|
|
oi = k.div(({ theme: e }) => ({
|
|
background: e.background.hoverable,
|
|
padding: "10px 15px",
|
|
lineHeight: "18px",
|
|
position: "relative",
|
|
borderBottom: `1px solid ${e.appBorderColor}`,
|
|
})),
|
|
s6 = ({
|
|
isOutdated: e,
|
|
isStarting: t,
|
|
isBuildFailed: n,
|
|
shouldSwitchToLastBuildOnBranch: r,
|
|
switchToLastBuildOnBranch: i,
|
|
hidden: l,
|
|
storyId: o,
|
|
}) => {
|
|
let { baselineImageVisible: s, diffVisible: d, focusVisible: c } = vr(),
|
|
{
|
|
toggleBaselineImage: u,
|
|
toggleSettings: m,
|
|
toggleWarnings: p,
|
|
} = vn(),
|
|
v = B0(),
|
|
g = "startedAt" in v && v.startedAt,
|
|
y = Wt(),
|
|
{ tests: w } = y,
|
|
b = a.useRef(o),
|
|
h = a.useRef(y.selectedComparison?.id),
|
|
f = a.useRef(v.id),
|
|
{ selectedTest: E, selectedComparison: C } = y,
|
|
Z = w.every(
|
|
({ result: fe, status: ce }) => fe === "ADDED" && ce !== "ACCEPTED",
|
|
),
|
|
M = !Z && E?.result === "ADDED" && E?.status !== "ACCEPTED",
|
|
V =
|
|
!Z &&
|
|
C?.result === "ADDED" &&
|
|
E?.result !== "ADDED" &&
|
|
E?.status !== "ACCEPTED";
|
|
te(() => {
|
|
((b.current !== o ||
|
|
h.current !== y.selectedComparison?.id ||
|
|
f.current !== v.id ||
|
|
Z ||
|
|
M ||
|
|
V) &&
|
|
(u(!1), m(!1), p(!1)),
|
|
(h.current = y.selectedComparison?.id),
|
|
(b.current = o),
|
|
(f.current = v.id));
|
|
}, [v.id, o, y, u, m, p, Z, M, V]);
|
|
let D = a.createElement(r6, {
|
|
tests: w,
|
|
startedAt: g,
|
|
isStarting: t,
|
|
isBuildFailed: n,
|
|
isOutdated: e,
|
|
shouldSwitchToLastBuildOnBranch: r,
|
|
switchToLastBuildOnBranch: i,
|
|
});
|
|
if (t || !w.length)
|
|
return a.createElement(
|
|
P1,
|
|
{ hidden: l },
|
|
a.createElement(V1, null, a.createElement(B1, null, D)),
|
|
a.createElement(H1, null, a.createElement(L1, null)),
|
|
);
|
|
let X = bl(w),
|
|
{ isInProgress: oe } = X,
|
|
ve =
|
|
C?.headCapture?.captureError &&
|
|
"error" in C?.headCapture?.captureError &&
|
|
C?.headCapture?.captureError?.error;
|
|
return a.createElement(
|
|
P1,
|
|
{ hidden: l },
|
|
a.createElement(
|
|
V1,
|
|
null,
|
|
a.createElement(
|
|
B1,
|
|
null,
|
|
D,
|
|
a.createElement(lh, { isOutdated: e }),
|
|
),
|
|
),
|
|
a.createElement(
|
|
i6,
|
|
null,
|
|
oe && a.createElement(Zr, null),
|
|
!oe &&
|
|
Z &&
|
|
a.createElement(
|
|
oi,
|
|
null,
|
|
a.createElement(
|
|
j,
|
|
null,
|
|
"New story found. Accept this snapshot as a test baseline.",
|
|
" ",
|
|
a.createElement(
|
|
Ne,
|
|
{
|
|
withArrow: !0,
|
|
href: "https://www.chromatic.com/docs/branching-and-baselines",
|
|
target: "_blank",
|
|
},
|
|
"Learn more",
|
|
),
|
|
),
|
|
),
|
|
!oe &&
|
|
M &&
|
|
a.createElement(
|
|
oi,
|
|
null,
|
|
a.createElement(
|
|
j,
|
|
null,
|
|
"New mode found. Accept this snapshot as a test baseline.",
|
|
" ",
|
|
a.createElement(
|
|
Ne,
|
|
{
|
|
withArrow: !0,
|
|
href: "https://www.chromatic.com/docs/branching-and-baselines",
|
|
target: "_blank",
|
|
},
|
|
"Learn more",
|
|
),
|
|
),
|
|
),
|
|
!oe &&
|
|
V &&
|
|
a.createElement(
|
|
oi,
|
|
null,
|
|
a.createElement(
|
|
j,
|
|
null,
|
|
"New browser found. Accept this snapshot as a test baseline.",
|
|
" ",
|
|
a.createElement(
|
|
Ne,
|
|
{
|
|
withArrow: !0,
|
|
href: "https://www.chromatic.com/docs/branching-and-baselines",
|
|
target: "_blank",
|
|
},
|
|
"Learn more",
|
|
),
|
|
),
|
|
),
|
|
!oe &&
|
|
C &&
|
|
a.createElement(G7, {
|
|
key: C.id,
|
|
componentName: E?.story?.component?.name,
|
|
storyName: E?.story?.name,
|
|
testUrl: E?.webUrl,
|
|
comparisonResult: C.result ?? void 0,
|
|
latestImage: C.headCapture?.captureImage ?? void 0,
|
|
baselineImage: C.baseCapture?.captureImage ?? void 0,
|
|
baselineImageVisible: s,
|
|
diffImage: C.captureDiff?.diffImage ?? void 0,
|
|
focusImage: C.captureDiff?.focusImage ?? void 0,
|
|
diffVisible: d,
|
|
focusVisible: c,
|
|
}),
|
|
!oe &&
|
|
ve &&
|
|
a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement(
|
|
l6,
|
|
null,
|
|
a.createElement("b", null, "Error stack trace"),
|
|
),
|
|
a.createElement(o6, null, ve.stack || ve.message),
|
|
),
|
|
),
|
|
a.createElement(H1, null, a.createElement(L1, null)),
|
|
);
|
|
},
|
|
d6 = k(Tl)({ padding: "4px 8px", margin: "0 6px" }),
|
|
c6 = ({ onClose: e }) =>
|
|
a.createElement(
|
|
ys,
|
|
null,
|
|
a.createElement(
|
|
Ei,
|
|
null,
|
|
a.createElement(
|
|
Ha,
|
|
null,
|
|
"Warnings",
|
|
a.createElement(d6, { status: "warning" }, "2"),
|
|
a.createElement(
|
|
tl,
|
|
{ onClick: e },
|
|
a.createElement(el, { "aria-label": "Close" }),
|
|
),
|
|
),
|
|
a.createElement(
|
|
"p",
|
|
null,
|
|
"It's essential that your components and stories render in a consistent fashion to prevent false positives. Two issues detected in this story may cause false positives.",
|
|
),
|
|
a.createElement(
|
|
"p",
|
|
null,
|
|
a.createElement(
|
|
re,
|
|
{ variant: "outline" },
|
|
a.createElement(cs, null),
|
|
"Docs",
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{ variant: "outline" },
|
|
a.createElement(xc, null),
|
|
"Get support",
|
|
),
|
|
),
|
|
),
|
|
);
|
|
k.div(({ theme: e }) => ({
|
|
color: e.color.warning,
|
|
background: e.background.warning,
|
|
padding: 10,
|
|
lineHeight: "18px",
|
|
position: "relative",
|
|
}));
|
|
var u6 = ({
|
|
branch: e,
|
|
dismissBuildError: t,
|
|
isOutdated: n,
|
|
localBuildProgress: r,
|
|
switchToLastBuildOnBranch: i,
|
|
storyId: l,
|
|
}) => {
|
|
let { settingsVisible: o, warningsVisible: s } = vr(),
|
|
{ toggleSettings: d, toggleWarnings: c } = vn(),
|
|
{ isRunning: u, startBuild: m, stopBuild: p } = sa(),
|
|
{
|
|
lastBuildOnBranch: v,
|
|
lastBuildOnBranchIsReady: g,
|
|
lastBuildOnBranchIsSelectable: y,
|
|
} = t7(),
|
|
w = B0(),
|
|
b = Wt(),
|
|
{ buildIsReviewable: h, userCanReview: f } = z0(),
|
|
E = !!(!h && g && y && i),
|
|
C = v?.status === "IN_PROGRESS",
|
|
Z = u || (!h && !E),
|
|
M = r && r?.buildId === v?.id,
|
|
V =
|
|
Z &&
|
|
a.createElement(D7, {
|
|
branch: e,
|
|
dismissBuildError: t,
|
|
localBuildProgress: M || u ? r : void 0,
|
|
lastBuildOnBranchInProgress: C,
|
|
switchToLastBuildOnBranch: i,
|
|
}),
|
|
D = b?.hasTests && b?.tests.length === 0,
|
|
X = w.id !== `Build:${r?.buildId}`;
|
|
if (D)
|
|
return a.createElement(
|
|
pe,
|
|
null,
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
r && X
|
|
? a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Snapshotting new story"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
'A new snapshot is being created in a standardized cloud browser to save its "last known good state" as a test baseline.',
|
|
),
|
|
),
|
|
a.createElement(Ar, { localBuildProgress: r }),
|
|
)
|
|
: a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "New story found"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
'Take an image snapshot of this story to save its "last known good state" as a test baseline. This unlocks visual regression testing so you can see exactly what has changed down to the pixel.',
|
|
),
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{
|
|
belowText: !0,
|
|
size: "medium",
|
|
variant: "solid",
|
|
onClick: u ? p : m,
|
|
},
|
|
u ? "Cancel build" : "Create visual test",
|
|
),
|
|
),
|
|
),
|
|
);
|
|
if (b?.tests?.find((be) => be.result === "SKIPPED"))
|
|
return a.createElement(
|
|
pe,
|
|
null,
|
|
V,
|
|
a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "This story was skipped"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"If you would like to resume testing it, comment out or remove",
|
|
a.createElement(Te, null, "disableSnapshot = true"),
|
|
" from the CSF file.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{ asChild: !0, size: "medium", variant: "outline" },
|
|
a.createElement(
|
|
"a",
|
|
{
|
|
href: "https://www.chromatic.com/docs/ignoring-elements#with-storybook",
|
|
target: "_new",
|
|
},
|
|
a.createElement(cs, null),
|
|
"View docs",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
let { status: oe } = w,
|
|
ve = ["ANNOUNCED", "PUBLISHED", "PREPARED"].includes(oe),
|
|
fe = oe === "FAILED",
|
|
ce = oe === "PENDING" && (!f || !h);
|
|
return a.createElement(
|
|
pe,
|
|
{ footer: null },
|
|
a.createElement(
|
|
lu,
|
|
null,
|
|
V,
|
|
!V &&
|
|
ce &&
|
|
a.createElement(
|
|
_7,
|
|
null,
|
|
f
|
|
? a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
"Reviewing is disabled because there's a newer build on ",
|
|
a.createElement(Te, null, e),
|
|
".",
|
|
)
|
|
: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
"You don't have permission to accept changes.",
|
|
" ",
|
|
a.createElement(
|
|
Ot,
|
|
{
|
|
href: "https://www.chromatic.com/docs/collaborators#roles",
|
|
target: "_blank",
|
|
withArrow: !0,
|
|
},
|
|
"Learn about roles",
|
|
),
|
|
),
|
|
),
|
|
a.createElement(
|
|
Hn,
|
|
{ grow: !0, hidden: o || s },
|
|
a.createElement(s6, {
|
|
hidden: o || s,
|
|
isOutdated: n,
|
|
isStarting: ve,
|
|
isBuildFailed: fe,
|
|
shouldSwitchToLastBuildOnBranch: E,
|
|
switchToLastBuildOnBranch: i,
|
|
selectedBuild: w,
|
|
storyId: l,
|
|
}),
|
|
),
|
|
a.createElement(
|
|
Hn,
|
|
{ grow: !0, hidden: !o },
|
|
a.createElement(z7, { onClose: () => d(!1) }),
|
|
),
|
|
a.createElement(
|
|
Hn,
|
|
{ grow: !0, hidden: !s },
|
|
a.createElement(c6, { onClose: () => c(!1) }),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
si = k(Ne)(() => ({ marginTop: 5 })),
|
|
m6 = ({
|
|
queryError: e,
|
|
hasData: t,
|
|
hasProject: n,
|
|
hasSelectedBuild: r,
|
|
localBuildProgress: i,
|
|
branch: l,
|
|
}) => {
|
|
let { setAccessToken: o } = qi(),
|
|
{ isRunning: s, startBuild: d } = sa(),
|
|
{ disable: c, disableSnapshot: u, docsOnly: m } = Ll("chromatic", {}),
|
|
p = () => {
|
|
let v = a.createElement(
|
|
re,
|
|
{ disabled: s, size: "medium", variant: "solid", onClick: d },
|
|
a.createElement(fr, null),
|
|
"Take snapshots",
|
|
);
|
|
return i
|
|
? i.currentStep === "error"
|
|
? a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
a.createElement(P0, {
|
|
localBuildProgress: i,
|
|
title: "Build failed",
|
|
}),
|
|
v,
|
|
)
|
|
: a.createElement(Ar, { localBuildProgress: i })
|
|
: v;
|
|
};
|
|
return a.createElement(
|
|
pe,
|
|
{
|
|
footer: a.createElement(
|
|
br,
|
|
null,
|
|
a.createElement(
|
|
Ue,
|
|
null,
|
|
t &&
|
|
!e &&
|
|
n &&
|
|
a.createElement(
|
|
j,
|
|
{ muted: !0, style: { marginLeft: 5 } },
|
|
"Waiting for build on ",
|
|
l,
|
|
),
|
|
),
|
|
a.createElement(Ue, { push: !0 }, a.createElement(yr, null)),
|
|
),
|
|
},
|
|
e?.networkError
|
|
? a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Network error"),
|
|
a.createElement(j, null, e.networkError.message),
|
|
),
|
|
a.createElement(
|
|
re,
|
|
{
|
|
size: "medium",
|
|
variant: "solid",
|
|
onClick: () => o(null),
|
|
},
|
|
"Log out",
|
|
),
|
|
),
|
|
)
|
|
: e?.graphQLErrors?.length
|
|
? a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, e.graphQLErrors[0].message),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
e.graphQLErrors[0].extensions.code === "FORBIDDEN"
|
|
? "You may have insufficient permissions. Try logging out and back in again."
|
|
: "Try logging out or clear your browser's local storage.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
bt,
|
|
null,
|
|
a.createElement(
|
|
re,
|
|
{
|
|
size: "medium",
|
|
variant: "solid",
|
|
onClick: () => o(null),
|
|
},
|
|
"Log out",
|
|
),
|
|
a.createElement(
|
|
si,
|
|
{
|
|
withArrow: !0,
|
|
href: `${G1}#troubleshooting`,
|
|
target: "_blank",
|
|
},
|
|
"Troubleshoot",
|
|
),
|
|
),
|
|
),
|
|
)
|
|
: t
|
|
? n
|
|
? c || u || m
|
|
? a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(
|
|
le,
|
|
null,
|
|
"Visual tests disabled for this story",
|
|
),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"Update ",
|
|
a.createElement(
|
|
"code",
|
|
null,
|
|
"parameters.chromatic.",
|
|
c
|
|
? "disable"
|
|
: u
|
|
? "disableSnapshot"
|
|
: "docsOnly",
|
|
),
|
|
" to enable snapshots for this story.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
si,
|
|
{
|
|
withArrow: !0,
|
|
href: "https://www.chromatic.com/docs/ignoring-elements#with-storybook",
|
|
target: "_blank",
|
|
},
|
|
"Read more",
|
|
),
|
|
),
|
|
)
|
|
: r
|
|
? null
|
|
: a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(
|
|
le,
|
|
null,
|
|
"Create a test baseline",
|
|
),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
'Take an image snapshot of your stories to save their "last known good state" as test baselines.',
|
|
),
|
|
),
|
|
p(),
|
|
),
|
|
)
|
|
: a.createElement(
|
|
de,
|
|
null,
|
|
a.createElement(
|
|
ne,
|
|
null,
|
|
a.createElement(
|
|
"div",
|
|
null,
|
|
a.createElement(le, null, "Project not found"),
|
|
a.createElement(
|
|
j,
|
|
{ center: !0, muted: !0 },
|
|
"You may not have access to this project or it may not exist.",
|
|
),
|
|
),
|
|
a.createElement(
|
|
si,
|
|
{
|
|
isButton: !0,
|
|
onClick: () => o(null),
|
|
withArrow: !0,
|
|
},
|
|
"Switch account",
|
|
),
|
|
),
|
|
)
|
|
: a.createElement(Zr, null),
|
|
);
|
|
},
|
|
p6 = ({
|
|
buildIsReviewable: e,
|
|
userCanReview: t,
|
|
onReviewSuccess: n,
|
|
onReviewError: r,
|
|
}) => {
|
|
let [{ fetching: i }, l] = Rs(X3),
|
|
o = K(
|
|
async (c) => {
|
|
try {
|
|
if (!e) throw new Error("Build is not reviewable");
|
|
if (!t) throw new Error("No permission to review tests");
|
|
let { error: u } = await l({ input: c });
|
|
if (u) throw u;
|
|
n?.(c);
|
|
} catch (u) {
|
|
r?.(u, c);
|
|
}
|
|
},
|
|
[n, r, l, e, t],
|
|
),
|
|
s = K(
|
|
(c, u = "SPEC") => o({ status: "ACCEPTED", testId: c, batch: u }),
|
|
[o],
|
|
),
|
|
d = K(
|
|
(c, u = "SPEC") => o({ status: "PENDING", testId: c, batch: u }),
|
|
[o],
|
|
);
|
|
return {
|
|
isReviewing: i,
|
|
acceptTest: s,
|
|
unacceptTest: d,
|
|
buildIsReviewable: e,
|
|
userCanReview: t,
|
|
};
|
|
},
|
|
h6 = Qe(`
|
|
mutation UpdateUserPreferences($input: UserPreferencesInput!) {
|
|
updateUserPreferences(input: $input) {
|
|
updatedPreferences {
|
|
vtaOnboarding
|
|
}
|
|
}
|
|
}
|
|
`),
|
|
f6 = ({ lastBuildOnBranch: e, vtaOnboarding: t }) => {
|
|
let n = Zt(),
|
|
{ notifications: r, storyId: i } = wn(),
|
|
[l, o] = a.useState(!1),
|
|
s = a.useCallback(() => {
|
|
(o(!0), r.forEach(({ id: h }) => n.clearNotification(h)));
|
|
}, [n, r]),
|
|
[d, c] = a.useState(!1),
|
|
u = a.useCallback(() => c(!0), []),
|
|
[m, p] = a.useState(!0);
|
|
a.useEffect(() => {
|
|
if (n?.getUrlState?.().queryParams.vtaOnboarding === "true") {
|
|
p(!1);
|
|
return;
|
|
}
|
|
t && p(t === "COMPLETED" || t === "DISMISSED");
|
|
}, [n, t]);
|
|
let [{ fetching: v }, g] = Rs(h6),
|
|
y = a.useCallback(
|
|
async (h) => {
|
|
(await g({
|
|
input: { vtaOnboarding: h ? "COMPLETED" : "DISMISSED" },
|
|
}),
|
|
p(!0),
|
|
c(!1));
|
|
let E = new URL(window.location.href);
|
|
E.searchParams.has("vtaOnboarding") &&
|
|
(E.searchParams.delete("vtaOnboarding"),
|
|
window.history.replaceState({}, "", E.href));
|
|
},
|
|
[g],
|
|
),
|
|
w = a.useMemo(
|
|
() =>
|
|
(
|
|
(e &&
|
|
"testsForStatus" in e &&
|
|
e.testsForStatus?.nodes &&
|
|
an(I0, e.testsForStatus.nodes)) ||
|
|
[]
|
|
).some(
|
|
(h) =>
|
|
h?.status === "PENDING" &&
|
|
h?.result === "CHANGED" &&
|
|
h?.story?.storyId === i,
|
|
),
|
|
[e, i],
|
|
),
|
|
b = !l && !m && !d;
|
|
return {
|
|
showOnboarding: b,
|
|
showGuidedTour: !b && !m,
|
|
completeOnboarding: s,
|
|
skipOnboarding: a.useCallback(() => y(!1), [y]),
|
|
completeWalkthrough: a.useCallback(() => y(!0), [y]),
|
|
skipWalkthrough: a.useCallback(() => y(!1), [y]),
|
|
startWalkthrough: u,
|
|
lastBuildHasChangesForStory: w,
|
|
isUpdating: v,
|
|
};
|
|
},
|
|
g6 = ({
|
|
isOutdated: e,
|
|
selectedBuildInfo: t,
|
|
setSelectedBuildInfo: n,
|
|
dismissBuildError: r,
|
|
localBuildProgress: i,
|
|
setOutdated: l,
|
|
updateBuildStatus: o,
|
|
projectId: s,
|
|
gitInfo: d,
|
|
storyId: c,
|
|
}) => {
|
|
let u = Zt(),
|
|
{ addNotification: m, setOptions: p, togglePanel: v } = u,
|
|
g = e7({
|
|
projectId: s,
|
|
storyId: c,
|
|
gitInfo: d,
|
|
selectedBuildInfo: t,
|
|
}),
|
|
{
|
|
account: y,
|
|
features: w,
|
|
manageUrl: b,
|
|
hasData: h,
|
|
hasProject: f,
|
|
hasSelectedBuild: E,
|
|
lastBuildOnBranch: C,
|
|
lastBuildOnBranchIsReady: Z,
|
|
lastBuildOnBranchIsSelectable: M,
|
|
selectedBuild: V,
|
|
selectedBuildMatchesGit: D,
|
|
queryError: X,
|
|
rerunQuery: oe,
|
|
userCanReview: ve,
|
|
} = g,
|
|
fe = K(
|
|
({ onDismiss: qt }) => {
|
|
(qt(), p({ selectedPanel: rn }), v(!0));
|
|
},
|
|
[p, v],
|
|
),
|
|
ce = p6({
|
|
buildIsReviewable: !!V && V.id === C?.id,
|
|
userCanReview: ve,
|
|
onReviewSuccess: oe,
|
|
onReviewError: (qt, ad) => {
|
|
qt instanceof Error &&
|
|
m({
|
|
id: `${U}/errorAccepting/${Date.now()}`,
|
|
content: {
|
|
headline: `Failed to ${ad.status === "ACCEPTED" ? "accept" : "unaccept"} changes`,
|
|
subHeadline: qt.message,
|
|
},
|
|
icon: a.createElement(ln, { color: Cn.negative }),
|
|
duration: 8e3,
|
|
onClick: fe,
|
|
});
|
|
},
|
|
});
|
|
te(() => l(!D), [D, l]);
|
|
let be =
|
|
C &&
|
|
"testsForStatus" in C &&
|
|
C.testsForStatus?.nodes &&
|
|
an(I0, C.testsForStatus.nodes),
|
|
wt = M ? C4(be || []) : [];
|
|
(te(() => {
|
|
o(wt);
|
|
}, [JSON.stringify(wt), o]),
|
|
te(() => {
|
|
n((qt) =>
|
|
S4(qt, {
|
|
shouldSwitchToLastBuildOnBranch: M && Z,
|
|
lastBuildOnBranchId: C?.id,
|
|
storyId: c,
|
|
}),
|
|
);
|
|
}, [M, Z, C?.id, n, c]));
|
|
let ge = K(
|
|
() => C?.id && M && n({ buildId: C.id, storyId: c }),
|
|
[n, M, C?.id, c],
|
|
),
|
|
{
|
|
showOnboarding: kn,
|
|
showGuidedTour: tt,
|
|
completeOnboarding: J0,
|
|
completeWalkthrough: Q0,
|
|
skipOnboarding: X0,
|
|
skipWalkthrough: ed,
|
|
startWalkthrough: td,
|
|
lastBuildHasChangesForStory: nd,
|
|
} = f6(g);
|
|
return w && !w.uiTests
|
|
? a.createElement(x4, { manageUrl: b })
|
|
: y?.suspensionReason
|
|
? a.createElement(e0, {
|
|
billingUrl: y.billingUrl,
|
|
suspensionReason: y.suspensionReason,
|
|
})
|
|
: kn && f
|
|
? a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
!h || X
|
|
? a.createElement(a.Fragment, null)
|
|
: a.createElement(
|
|
ai,
|
|
{ watchState: g },
|
|
a.createElement(O7, {
|
|
gitInfo: d,
|
|
projectId: s,
|
|
updateBuildStatus: o,
|
|
dismissBuildError: r,
|
|
localBuildProgress: i,
|
|
showInitialBuildScreen: !V,
|
|
onComplete: J0,
|
|
onSkip: X0,
|
|
lastBuildHasChangesForStory: nd,
|
|
}),
|
|
),
|
|
)
|
|
: a.createElement(
|
|
a.Fragment,
|
|
null,
|
|
!V || !E || !h || X
|
|
? a.createElement(m6, {
|
|
queryError: X,
|
|
hasData: h,
|
|
hasProject: f,
|
|
hasSelectedBuild: E,
|
|
branch: d.branch,
|
|
dismissBuildError: r,
|
|
localBuildProgress: i,
|
|
...(M && { switchToLastBuildOnBranch: ge }),
|
|
})
|
|
: a.createElement(
|
|
U7,
|
|
{ watchState: ce },
|
|
a.createElement(
|
|
ai,
|
|
{ watchState: g },
|
|
a.createElement(u6, {
|
|
branch: d.branch,
|
|
dismissBuildError: r,
|
|
isOutdated: e,
|
|
localBuildProgress: i,
|
|
...(C && { lastBuildOnBranch: C }),
|
|
...(M && { switchToLastBuildOnBranch: ge }),
|
|
userCanReview: ve,
|
|
storyId: c,
|
|
}),
|
|
),
|
|
),
|
|
tt &&
|
|
a.createElement(
|
|
ai,
|
|
{ watchState: { selectedBuild: V } },
|
|
a.createElement(c7, {
|
|
managerApi: u,
|
|
skipWalkthrough: ed,
|
|
startWalkthrough: td,
|
|
completeWalkthrough: Q0,
|
|
}),
|
|
),
|
|
);
|
|
},
|
|
v6 = (e) => {
|
|
let [t, n] = Be("selectedBuildInfo");
|
|
return a.createElement(g6, {
|
|
selectedBuildInfo: t,
|
|
setSelectedBuildInfo: n,
|
|
...e,
|
|
});
|
|
},
|
|
Y0 = ({ localBuildProgress: e, accessToken: t }) => {
|
|
let n = ya({}),
|
|
r = Gt(hr),
|
|
[i, l] = Le(!1),
|
|
[o, s] = Le(!1),
|
|
d = e
|
|
? ["initialize", "build", "upload"].includes(e?.currentStep)
|
|
: !1,
|
|
c = e
|
|
? !["aborted", "complete", "error", "limited"].includes(
|
|
e.currentStep,
|
|
)
|
|
: i,
|
|
u = ft(
|
|
() =>
|
|
bi(
|
|
"startBuild",
|
|
() => {
|
|
(s(!1),
|
|
l(!0),
|
|
n(zd, { accessToken: t }),
|
|
r?.({ action: "startBuild" }));
|
|
},
|
|
1e3,
|
|
!1,
|
|
),
|
|
[t, n, r],
|
|
),
|
|
m = ft(
|
|
() =>
|
|
bi(
|
|
"startBuild",
|
|
() => {
|
|
d ? (l(!1), n(Ud), r?.({ action: "stopBuild" })) : s(!0);
|
|
},
|
|
1e3,
|
|
!1,
|
|
),
|
|
[d, n, r],
|
|
);
|
|
return (
|
|
te(() => {
|
|
let p = i && setTimeout(() => l(!1), 5e3);
|
|
return () => {
|
|
p && clearTimeout(p);
|
|
};
|
|
}, [i]),
|
|
{ isDisallowed: o, isRunning: c, startBuild: u, stopBuild: m }
|
|
);
|
|
},
|
|
Jt = new Map(),
|
|
y6 = () => {
|
|
let e = ya({
|
|
[Jd]: (t) => {
|
|
let n = Jt.get(t.requestId);
|
|
if (n)
|
|
if ((Jt.delete(t.requestId), "error" in t))
|
|
n.reject(new Error(t.error));
|
|
else {
|
|
let {
|
|
body: r,
|
|
headers: i,
|
|
status: l,
|
|
statusText: o,
|
|
} = t.response,
|
|
s = new Response(r, { headers: i, status: l, statusText: o });
|
|
n.resolve(s);
|
|
}
|
|
},
|
|
});
|
|
return async (t, { signal: n, ...r } = {}) => {
|
|
if (n?.aborted) return Promise.reject(n.reason);
|
|
let i = Math.random().toString(36).slice(2);
|
|
return (
|
|
n?.addEventListener("abort", () => {
|
|
(e(Yd, { requestId: i }),
|
|
Jt.get(i)?.reject(n.reason),
|
|
Jt.delete(i));
|
|
}),
|
|
e(Kd, { requestId: i, input: t, init: r }),
|
|
new Promise((l, o) => {
|
|
(Jt.set(i, { resolve: l, reject: o }),
|
|
setTimeout(() => {
|
|
(o(new Error("Request timed out")), Jt.delete(i));
|
|
}, 3e4));
|
|
})
|
|
);
|
|
};
|
|
},
|
|
K0 = () => {
|
|
let [e, t] = we(U1),
|
|
{ projectId: n, written: r, dismissed: i, configFile: l } = e || {};
|
|
return {
|
|
loading: !e,
|
|
projectId: n,
|
|
configFile: l,
|
|
updateProject: K(
|
|
(o) => t({ ...e, projectId: o, dismissed: !1 }),
|
|
[e, t],
|
|
),
|
|
projectUpdatingFailed: !i && r === !1,
|
|
projectIdUpdated: !i && r === !0,
|
|
clearProjectIdUpdated: K(() => t({ ...e, dismissed: !0 }), [e, t]),
|
|
};
|
|
},
|
|
j1 = va(U),
|
|
b6 = ({ active: e }) => {
|
|
let [t, n] = Bs(),
|
|
r = K(
|
|
(tt) => {
|
|
(n(tt), tt || Rc("authenticationScreen", "exchangeParameters"));
|
|
},
|
|
[n],
|
|
),
|
|
{ storyId: i } = wn(),
|
|
[l] = we(Dd),
|
|
[o] = we(z1),
|
|
[s] = we($1),
|
|
[d] = we(mi),
|
|
[c, u] = we(W1),
|
|
[, m] = we(mi),
|
|
p = ya({}),
|
|
v = K((tt) => {
|
|
(j1.unset(), j1.set(tt));
|
|
}, []),
|
|
{
|
|
loading: g,
|
|
projectId: y,
|
|
configFile: w,
|
|
updateProject: b,
|
|
projectUpdatingFailed: h,
|
|
projectIdUpdated: f,
|
|
clearProjectIdUpdated: E,
|
|
} = K0(),
|
|
[C, Z] = Be("createdProjectId"),
|
|
[M, V] = we(q1),
|
|
[D, X] = Be("subdomain", "www"),
|
|
oe = K((tt) => p(qd, tt), [p]),
|
|
{
|
|
isRunning: ve,
|
|
startBuild: fe,
|
|
stopBuild: ce,
|
|
} = Y0({ localBuildProgress: c, accessToken: t }),
|
|
be = y6(),
|
|
wt = globalThis.LOGLEVEL === "debug" ? globalThis.fetch : be,
|
|
ge = (tt) =>
|
|
a.createElement(
|
|
D2,
|
|
{ value: Vs({ fetch: wt }) },
|
|
a.createElement(
|
|
uc,
|
|
{ value: oe },
|
|
a.createElement(
|
|
Xd,
|
|
{
|
|
value: {
|
|
accessToken: t,
|
|
setAccessToken: r,
|
|
subdomain: D,
|
|
setSubdomain: X,
|
|
},
|
|
},
|
|
a.createElement(
|
|
Bc,
|
|
{ addonUninstalled: M, setAddonUninstalled: V },
|
|
a.createElement(
|
|
ru,
|
|
null,
|
|
a.createElement(
|
|
k4,
|
|
{
|
|
watchState: {
|
|
isRunning: ve,
|
|
startBuild: fe,
|
|
stopBuild: ce,
|
|
},
|
|
},
|
|
a.createElement(
|
|
"div",
|
|
{
|
|
hidden: !e,
|
|
style: { containerType: "size", height: "100%" },
|
|
},
|
|
tt,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
if (!e) return ge(null);
|
|
if (globalThis.CONFIG_TYPE !== "DEVELOPMENT")
|
|
return ge(a.createElement(y4, null));
|
|
if (M) return ge(a.createElement(E4, null));
|
|
if (s) return ge(a.createElement(b4, { offline: s }));
|
|
if (!t)
|
|
return ge(
|
|
a.createElement(Xm, {
|
|
setAccessToken: r,
|
|
setCreatedProjectId: Z,
|
|
hasProjectId: !!y,
|
|
}),
|
|
);
|
|
if (o || !l) return ge(a.createElement(r4, { gitInfoError: o }));
|
|
if (g) return e ? a.createElement(yi, null) : null;
|
|
if (!y)
|
|
return ge(
|
|
a.createElement(h4, {
|
|
createdProjectId: C,
|
|
setCreatedProjectId: Z,
|
|
onUpdateProject: b,
|
|
}),
|
|
);
|
|
if (h) {
|
|
if (!w)
|
|
throw new Error("Missing config file after configuration failure");
|
|
return ge(a.createElement(m4, { projectId: y, configFile: w }));
|
|
}
|
|
if (f) {
|
|
if (!w)
|
|
throw new Error("Missing config file after configuration success");
|
|
return ge(
|
|
a.createElement(s4, { projectId: y, configFile: w, goToNext: E }),
|
|
);
|
|
}
|
|
let kn = l.branch === c?.branch;
|
|
return ge(
|
|
a.createElement(v6, {
|
|
dismissBuildError: () => u(void 0),
|
|
isOutdated: !!d,
|
|
localBuildProgress: kn ? c : void 0,
|
|
setOutdated: m,
|
|
updateBuildStatus: v,
|
|
projectId: y,
|
|
gitInfo: l,
|
|
storyId: i,
|
|
}),
|
|
);
|
|
},
|
|
di = pt(Ui()),
|
|
E6 = k.div({
|
|
display: "flex",
|
|
justifyContent: "space-between",
|
|
padding: "8px 0",
|
|
}),
|
|
k6 = k.div({ display: "flex", flexDirection: "column", marginLeft: 8 }),
|
|
w6 = k.div({ display: "flex", gap: 4 }),
|
|
C6 = k.div(({ crashed: e, theme: t }) => ({
|
|
fontSize: t.typography.size.s1,
|
|
fontWeight: e ? "bold" : "normal",
|
|
color: e ? t.color.negativeText : t.color.defaultText,
|
|
})),
|
|
S6 = k.div(({ theme: e }) => ({
|
|
fontSize: e.typography.size.s1,
|
|
color: e.textMutedColor,
|
|
})),
|
|
x6 = k(_l)({ margin: 4 }),
|
|
N6 = k(pc)({ width: 10 }),
|
|
M6 = () => {
|
|
let {
|
|
addNotification: e,
|
|
selectStory: t,
|
|
setOptions: n,
|
|
togglePanel: r,
|
|
} = Zt(),
|
|
i = xl(
|
|
(ce) =>
|
|
Object.values(ce)
|
|
.map((be) => be[U]?.value)
|
|
.filter((be) => be === "status-value:warning").length,
|
|
),
|
|
l = Gt(hr),
|
|
{ projectId: o } = K0(),
|
|
[s] = Bs(),
|
|
d = !!s,
|
|
[c, u] = we($1),
|
|
[m] = we(mi),
|
|
[p] = we(W1),
|
|
[v] = we(Wi),
|
|
g = Object.keys(v?.problems || {}).length > 0,
|
|
[y] = we(z1),
|
|
w = Ee(p?.currentStep),
|
|
{ index: b, storyId: h, viewMode: f } = wn(),
|
|
E = Nl((ce) => ce[ci] ?? "test-provider-state:pending"),
|
|
{ startBuild: C, stopBuild: Z } = Y0({
|
|
localBuildProgress: p,
|
|
accessToken: s,
|
|
}),
|
|
M;
|
|
(c && (M = "Not available offline"),
|
|
g && (M = "Configuration problem"),
|
|
y && (M = "Git synchronization problem"),
|
|
d || (M = "Login required"),
|
|
o || (M = "Set up visual tests"));
|
|
let V = !M && E !== "test-provider-state:crashed",
|
|
D = K(() => {
|
|
V && C();
|
|
}, [V, C]);
|
|
te(() => Sl(ci).onRunAll(D), [D]);
|
|
let X = K(
|
|
(ce) => {
|
|
if ((n({ selectedPanel: rn }), r(!0), b && f !== "story")) {
|
|
let be = Object.keys(b).indexOf(h),
|
|
wt = Object.entries(b).slice(be > 0 ? be : 0),
|
|
[ge] = wt.find(([, { type: kn }]) => kn === "story") || [];
|
|
ge && t(ge);
|
|
}
|
|
ce && l?.({ action: "openWarning", warning: ce });
|
|
},
|
|
[n, r, l, b, t, h, f],
|
|
),
|
|
oe = K(
|
|
({ onDismiss: ce }) => {
|
|
(ce(), X());
|
|
},
|
|
[X],
|
|
);
|
|
(te(() => {
|
|
let ce = () => u(!0),
|
|
be = () => u(!1);
|
|
return (
|
|
window.addEventListener("offline", ce),
|
|
window.addEventListener("online", be),
|
|
() => {
|
|
(window.removeEventListener("offline", ce),
|
|
window.removeEventListener("online", be));
|
|
}
|
|
);
|
|
}, [u]),
|
|
te(() => {
|
|
p?.currentStep !== w.current &&
|
|
((w.current = p?.currentStep),
|
|
p?.currentStep === "error" &&
|
|
e({
|
|
id: `${U}/build-error/${Date.now()}`,
|
|
content: {
|
|
headline: "Build error",
|
|
subHeadline:
|
|
"Check the Storybook process on the command line for more details.",
|
|
},
|
|
icon: a.createElement(ln, { color: Cn.negative }),
|
|
onClick: oe,
|
|
}),
|
|
p?.currentStep === "limited" &&
|
|
e({
|
|
id: `${U}/build-limited/${Date.now()}`,
|
|
content: {
|
|
headline: "Build limited",
|
|
subHeadline:
|
|
"Your account has insufficient snapshots remaining to run this build. Visit your billing page to find out more.",
|
|
},
|
|
icon: a.createElement(ln, { color: Cn.negative }),
|
|
onClick: oe,
|
|
}));
|
|
}, [e, oe, p?.currentStep]));
|
|
let ve = K(() => X(M), [X, M]),
|
|
fe;
|
|
switch (!0) {
|
|
case !!M:
|
|
fe = a.createElement(Ot, { onClick: ve }, M);
|
|
break;
|
|
case E === "test-provider-state:running":
|
|
fe = p ? kl[p.currentStep].renderProgress(p) : "Starting...";
|
|
break;
|
|
case !!m:
|
|
fe = "Test results outdated";
|
|
break;
|
|
case p?.currentStep === "aborted":
|
|
fe = "Aborted by user";
|
|
break;
|
|
case p?.currentStep === "complete":
|
|
fe = p.errorCount
|
|
? `Encountered ${(0, di.default)("component error", p.errorCount, !0)}`
|
|
: i
|
|
? `Found ${(0, di.default)("story", i, !0)} with ${(0, di.default)("change", i)}`
|
|
: "No visual changes detected";
|
|
break;
|
|
default:
|
|
fe = "Not run";
|
|
}
|
|
return a.createElement(
|
|
E6,
|
|
null,
|
|
a.createElement(
|
|
k6,
|
|
null,
|
|
a.createElement(
|
|
C6,
|
|
{ crashed: E === "test-provider-state:crashed" },
|
|
p?.currentStep === "error" || p?.currentStep === "limited"
|
|
? "Visual tests didn't complete"
|
|
: "Visual tests",
|
|
),
|
|
a.createElement(S6, null, fe),
|
|
),
|
|
a.createElement(
|
|
w6,
|
|
null,
|
|
M
|
|
? null
|
|
: E === "test-provider-state:running"
|
|
? a.createElement(
|
|
ke,
|
|
{
|
|
hasChrome: !1,
|
|
trigger: "hover",
|
|
tooltip: a.createElement(ba, {
|
|
note: "Stop Visual tests",
|
|
}),
|
|
},
|
|
a.createElement(
|
|
xn,
|
|
{
|
|
"aria-label": "Stop Visual tests",
|
|
size: "medium",
|
|
variant: "ghost",
|
|
padding: "none",
|
|
onClick: Z,
|
|
disabled: !["initialize", "build", "upload"].includes(
|
|
p?.currentStep ?? "",
|
|
),
|
|
},
|
|
a.createElement(
|
|
x6,
|
|
{ percentage: p?.buildProgressPercentage },
|
|
a.createElement(N6, null),
|
|
),
|
|
),
|
|
)
|
|
: a.createElement(
|
|
ke,
|
|
{
|
|
hasChrome: !1,
|
|
trigger: "hover",
|
|
tooltip: a.createElement(ba, {
|
|
note: "Start Visual tests",
|
|
}),
|
|
},
|
|
a.createElement(
|
|
xn,
|
|
{
|
|
"aria-label": "Start Visual tests",
|
|
size: "medium",
|
|
variant: "ghost",
|
|
padding: "small",
|
|
disabled: !V,
|
|
onClick: D,
|
|
},
|
|
a.createElement(hc, null),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
};
|
|
ga.register(U, (e) => {
|
|
(ga.add(rn, {
|
|
type: Tr.PANEL,
|
|
title: "Visual tests",
|
|
paramKey: Gd,
|
|
match: ({ viewMode: t }) => t === "story",
|
|
render: ({ active: t }) => a.createElement(b6, { active: !!t, api: e }),
|
|
}),
|
|
globalThis.CONFIG_TYPE === "DEVELOPMENT" &&
|
|
(va(U).onSelect(() => {
|
|
(e.setSelectedPanel(rn), e.togglePanel(!0));
|
|
}),
|
|
ga.add(ci, {
|
|
type: Tr.experimental_TEST_PROVIDER,
|
|
render: () => a.createElement(M6, null),
|
|
})));
|
|
});
|
|
})();
|
|
} catch (e) {
|
|
console.error(
|
|
"[Storybook] One of your manager-entries failed: " + import.meta.url,
|
|
e,
|
|
);
|
|
}
|