@onwave/ui
Version:
onwave ui library
820 lines (667 loc) • 427 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var _styled = require('@emotion/styled/base');
var React = require('react');
var NextLink = require('next/link');
var react = require('@emotion/react');
var dynamic = require('next/dynamic');
var ReactDOM = require('react-dom');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var _styled__default = /*#__PURE__*/_interopDefaultLegacy(_styled);
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var NextLink__default = /*#__PURE__*/_interopDefaultLegacy(NextLink);
var dynamic__default = /*#__PURE__*/_interopDefaultLegacy(dynamic);
var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
/*! *****************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
/* global Reflect, Promise */
var extendStatics = function(d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
function __extends(d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
var __assign = function() {
__assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
function __rest(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
}
function __awaiter(thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
function __generator(thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
}
function __spreadArrays() {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
}
function __makeTemplateObject(cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
}
var BaseButton = function BaseButton(_a) {
var children = _a.children,
backgroundColor = _a.backgroundColor,
color = _a.color,
size = _a.size,
onClick = _a.onClick;
return /*#__PURE__*/React__default['default'].createElement(Content, {
backgroundColor: backgroundColor,
textColor: color,
size: size,
onClick: onClick
}, children);
};
var Content = _styled__default['default']("div", {
target: "e1ggc0eq0",
label: "Content"
})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n padding: 12px 24px 12px 24px;\n border-radius: 50px;\n background-color: ", ";\n color: ", ";\n font-size: ", "px;\n cursor: pointer;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPYyIsImZpbGUiOiJpbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xyXG5leHBvcnQgdmFyIEJhc2VCdXR0b24gPSBmdW5jdGlvbiAoX2EpIHtcclxuICAgIHZhciBjaGlsZHJlbiA9IF9hLmNoaWxkcmVuLCBiYWNrZ3JvdW5kQ29sb3IgPSBfYS5iYWNrZ3JvdW5kQ29sb3IsIGNvbG9yID0gX2EuY29sb3IsIHNpemUgPSBfYS5zaXplLCBvbkNsaWNrID0gX2Eub25DbGljaztcclxuICAgIHJldHVybiAoUmVhY3QuY3JlYXRlRWxlbWVudChDb250ZW50LCB7IGJhY2tncm91bmRDb2xvcjogYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3I6IGNvbG9yLCBzaXplOiBzaXplLCBvbkNsaWNrOiBvbkNsaWNrIH0sIGNoaWxkcmVuKSk7XHJcbn07XHJcbnZhciBDb250ZW50ID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XFxuICBwYWRkaW5nOiAxMnB4IDI0cHggMTJweCAyNHB4O1xcbiAgYm9yZGVyLXJhZGl1czogNTBweDtcXG4gIGJhY2tncm91bmQtY29sb3I6IFwiLCBcIjtcXG4gIGNvbG9yOiBcIiwgXCI7XFxuICBmb250LXNpemU6IFwiLCBcInB4O1xcbiAgY3Vyc29yOiBwb2ludGVyO1xcblwiXSwgW1wiXFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XFxuICBwYWRkaW5nOiAxMnB4IDI0cHggMTJweCAyNHB4O1xcbiAgYm9yZGVyLXJhZGl1czogNTBweDtcXG4gIGJhY2tncm91bmQtY29sb3I6IFwiLCBcIjtcXG4gIGNvbG9yOiBcIiwgXCI7XFxuICBmb250LXNpemU6IFwiLCBcInB4O1xcbiAgY3Vyc29yOiBwb2ludGVyO1xcblwiXSkpLCBmdW5jdGlvbiAoX2EpIHtcclxuICAgIHZhciBiYWNrZ3JvdW5kQ29sb3IgPSBfYS5iYWNrZ3JvdW5kQ29sb3I7XHJcbiAgICByZXR1cm4gYmFja2dyb3VuZENvbG9yICE9PSBudWxsICYmIGJhY2tncm91bmRDb2xvciAhPT0gdm9pZCAwID8gYmFja2dyb3VuZENvbG9yIDogXCIjZmY0NTQ1XCI7XHJcbn0sIGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIHRleHRDb2xvciA9IF9hLnRleHRDb2xvcjtcclxuICAgIHJldHVybiB0ZXh0Q29sb3IgIT09IG51bGwgJiYgdGV4dENvbG9yICE9PSB2b2lkIDAgPyB0ZXh0Q29sb3IgOiBcIndoaXRlXCI7XHJcbn0sIGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIHNpemUgPSBfYS5zaXplO1xyXG4gICAgcmV0dXJuIHNpemUgIT09IG51bGwgJiYgc2l6ZSAhPT0gdm9pZCAwID8gc2l6ZSA6IFwiMzZcIjtcclxufSk7XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1pbmRleC5qcy5tYXAiXX0= */")], ["\n display: inline-block;\n padding: 12px 24px 12px 24px;\n border-radius: 50px;\n background-color: ", ";\n color: ", ";\n font-size: ", "px;\n cursor: pointer;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPYyIsImZpbGUiOiJpbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xyXG5leHBvcnQgdmFyIEJhc2VCdXR0b24gPSBmdW5jdGlvbiAoX2EpIHtcclxuICAgIHZhciBjaGlsZHJlbiA9IF9hLmNoaWxkcmVuLCBiYWNrZ3JvdW5kQ29sb3IgPSBfYS5iYWNrZ3JvdW5kQ29sb3IsIGNvbG9yID0gX2EuY29sb3IsIHNpemUgPSBfYS5zaXplLCBvbkNsaWNrID0gX2Eub25DbGljaztcclxuICAgIHJldHVybiAoUmVhY3QuY3JlYXRlRWxlbWVudChDb250ZW50LCB7IGJhY2tncm91bmRDb2xvcjogYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3I6IGNvbG9yLCBzaXplOiBzaXplLCBvbkNsaWNrOiBvbkNsaWNrIH0sIGNoaWxkcmVuKSk7XHJcbn07XHJcbnZhciBDb250ZW50ID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XFxuICBwYWRkaW5nOiAxMnB4IDI0cHggMTJweCAyNHB4O1xcbiAgYm9yZGVyLXJhZGl1czogNTBweDtcXG4gIGJhY2tncm91bmQtY29sb3I6IFwiLCBcIjtcXG4gIGNvbG9yOiBcIiwgXCI7XFxuICBmb250LXNpemU6IFwiLCBcInB4O1xcbiAgY3Vyc29yOiBwb2ludGVyO1xcblwiXSwgW1wiXFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XFxuICBwYWRkaW5nOiAxMnB4IDI0cHggMTJweCAyNHB4O1xcbiAgYm9yZGVyLXJhZGl1czogNTBweDtcXG4gIGJhY2tncm91bmQtY29sb3I6IFwiLCBcIjtcXG4gIGNvbG9yOiBcIiwgXCI7XFxuICBmb250LXNpemU6IFwiLCBcInB4O1xcbiAgY3Vyc29yOiBwb2ludGVyO1xcblwiXSkpLCBmdW5jdGlvbiAoX2EpIHtcclxuICAgIHZhciBiYWNrZ3JvdW5kQ29sb3IgPSBfYS5iYWNrZ3JvdW5kQ29sb3I7XHJcbiAgICByZXR1cm4gYmFja2dyb3VuZENvbG9yICE9PSBudWxsICYmIGJhY2tncm91bmRDb2xvciAhPT0gdm9pZCAwID8gYmFja2dyb3VuZENvbG9yIDogXCIjZmY0NTQ1XCI7XHJcbn0sIGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIHRleHRDb2xvciA9IF9hLnRleHRDb2xvcjtcclxuICAgIHJldHVybiB0ZXh0Q29sb3IgIT09IG51bGwgJiYgdGV4dENvbG9yICE9PSB2b2lkIDAgPyB0ZXh0Q29sb3IgOiBcIndoaXRlXCI7XHJcbn0sIGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIHNpemUgPSBfYS5zaXplO1xyXG4gICAgcmV0dXJuIHNpemUgIT09IG51bGwgJiYgc2l6ZSAhPT0gdm9pZCAwID8gc2l6ZSA6IFwiMzZcIjtcclxufSk7XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1pbmRleC5qcy5tYXAiXX0= */")])), function (_a) {
var backgroundColor = _a.backgroundColor;
return backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : "#ff4545";
}, function (_a) {
var textColor = _a.textColor;
return textColor !== null && textColor !== void 0 ? textColor : "white";
}, function (_a) {
var size = _a.size;
return size !== null && size !== void 0 ? size : "36";
});
var templateObject_1;
var LinkContext = /*#__PURE__*/React__default['default'].createContext({
type: null
});
var useLinkContext = function useLinkContext() {
return React.useContext(LinkContext);
};
var LinkProvider = function LinkProvider(_a) {
var children = _a.children,
type = _a.type;
return /*#__PURE__*/React__default['default'].createElement(LinkContext.Provider, {
value: {
type: type
}
}, children);
};
var DynamicLink = function DynamicLink(_a) {
var href = _a.href,
outLink = _a.outLink,
children = _a.children;
var type = useLinkContext().type;
if (!outLink && type === "Next" && href) {
return /*#__PURE__*/React__default['default'].createElement(NextLink__default['default'], {
href: href
}, children);
}
return /*#__PURE__*/React__default['default'].createElement("a", {
href: href === null || href === void 0 ? void 0 : href.toString()
}, children);
};
var LinkButton = function LinkButton(_a) {
var className = _a.className,
href = _a.href,
children = _a.children,
color = _a.color,
backgroundColor = _a.backgroundColor,
size = _a.size;
return /*#__PURE__*/React__default['default'].createElement("div", {
className: className
}, /*#__PURE__*/React__default['default'].createElement(DynamicLink, {
href: href
}, /*#__PURE__*/React__default['default'].createElement("a", null, /*#__PURE__*/React__default['default'].createElement(BaseButton, {
color: color,
backgroundColor: backgroundColor,
size: size
}, children))));
};
var NextButton = function NextButton(_a) {
var className = _a.className,
href = _a.href,
children = _a.children,
color = _a.color,
backgroundColor = _a.backgroundColor,
size = _a.size;
return /*#__PURE__*/React__default['default'].createElement("div", {
className: className
}, /*#__PURE__*/React__default['default'].createElement(NextLink__default['default'], {
href: href
}, /*#__PURE__*/React__default['default'].createElement("a", null, /*#__PURE__*/React__default['default'].createElement(BaseButton, {
color: color,
backgroundColor: backgroundColor,
size: size
}, children))));
};
var TextButton = function TextButton(_a) {
var children = _a.children;
return /*#__PURE__*/React__default['default'].createElement(BaseButton, null, children);
};
var BodyContainer = function BodyContainer(_a) {
var children = _a.children;
return /*#__PURE__*/React__default['default'].createElement(Container, null, children);
};
var Container = _styled__default['default']("div", {
target: "e1ggrr5m0",
label: "Container"
})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n margin-top: 66px;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJvZHlDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9nQiIsImZpbGUiOiJCb2R5Q29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XHJcbmV4cG9ydCB2YXIgQm9keUNvbnRhaW5lciA9IGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIGNoaWxkcmVuID0gX2EuY2hpbGRyZW47XHJcbiAgICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChDb250YWluZXIsIG51bGwsIGNoaWxkcmVuKTtcclxufTtcclxudmFyIENvbnRhaW5lciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgbWFyZ2luLXRvcDogNjZweDtcXG5cIl0sIFtcIlxcbiAgbWFyZ2luLXRvcDogNjZweDtcXG5cIl0pKSk7XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Cb2R5Q29udGFpbmVyLmpzLm1hcCJdfQ== */")], ["\n margin-top: 66px;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJvZHlDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9nQiIsImZpbGUiOiJCb2R5Q29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XHJcbmV4cG9ydCB2YXIgQm9keUNvbnRhaW5lciA9IGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIGNoaWxkcmVuID0gX2EuY2hpbGRyZW47XHJcbiAgICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChDb250YWluZXIsIG51bGwsIGNoaWxkcmVuKTtcclxufTtcclxudmFyIENvbnRhaW5lciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgbWFyZ2luLXRvcDogNjZweDtcXG5cIl0sIFtcIlxcbiAgbWFyZ2luLXRvcDogNjZweDtcXG5cIl0pKSk7XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Cb2R5Q29udGFpbmVyLmpzLm1hcCJdfQ== */")])));
var templateObject_1$1;
var MaxWidthContainer = function MaxWidthContainer(_a) {
var children = _a.children,
maxWidth = _a.maxWidth;
return /*#__PURE__*/React__default['default'].createElement(Wrapper, null, /*#__PURE__*/React__default['default'].createElement(Container$1, {
maxWidth: maxWidth
}, children));
};
var Wrapper = _styled__default['default']("div", {
target: "e16wvreu1",
label: "Wrapper"
})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n justify-content: center;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1heFdpZHRoQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRYyIsImZpbGUiOiJNYXhXaWR0aENvbnRhaW5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xyXG5leHBvcnQgdmFyIE1heFdpZHRoQ29udGFpbmVyID0gZnVuY3Rpb24gKF9hKSB7XHJcbiAgICB2YXIgY2hpbGRyZW4gPSBfYS5jaGlsZHJlbiwgbWF4V2lkdGggPSBfYS5tYXhXaWR0aDtcclxuICAgIHJldHVybiAoUmVhY3QuY3JlYXRlRWxlbWVudChXcmFwcGVyLCBudWxsLFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoQ29udGFpbmVyLCB7IG1heFdpZHRoOiBtYXhXaWR0aCB9LCBjaGlsZHJlbikpKTtcclxufTtcclxudmFyIFdyYXBwZXIgPSBzdHlsZWQuZGl2KHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gIHdpZHRoOiAxMDAlO1xcbiAgZGlzcGxheTogZmxleDtcXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcblwiXSwgW1wiXFxuICB3aWR0aDogMTAwJTtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG5cIl0pKSk7XHJcbnZhciBDb250YWluZXIgPSBzdHlsZWQuZGl2KHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gIHdpZHRoOiAxMDAlO1xcbiAgbWF4LXdpZHRoOiBcIiwgXCI7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcbiAgbWF4LXdpZHRoOiBcIiwgXCI7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIG1heFdpZHRoID0gX2EubWF4V2lkdGg7XHJcbiAgICByZXR1cm4gKG1heFdpZHRoID8gbWF4V2lkdGggKyBcInB4XCIgOiBcIjEwMjRweFwiKTtcclxufSk7XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1NYXhXaWR0aENvbnRhaW5lci5qcy5tYXAiXX0= */")], ["\n width: 100%;\n display: flex;\n justify-content: center;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1heFdpZHRoQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRYyIsImZpbGUiOiJNYXhXaWR0aENvbnRhaW5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xyXG5leHBvcnQgdmFyIE1heFdpZHRoQ29udGFpbmVyID0gZnVuY3Rpb24gKF9hKSB7XHJcbiAgICB2YXIgY2hpbGRyZW4gPSBfYS5jaGlsZHJlbiwgbWF4V2lkdGggPSBfYS5tYXhXaWR0aDtcclxuICAgIHJldHVybiAoUmVhY3QuY3JlYXRlRWxlbWVudChXcmFwcGVyLCBudWxsLFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoQ29udGFpbmVyLCB7IG1heFdpZHRoOiBtYXhXaWR0aCB9LCBjaGlsZHJlbikpKTtcclxufTtcclxudmFyIFdyYXBwZXIgPSBzdHlsZWQuZGl2KHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gIHdpZHRoOiAxMDAlO1xcbiAgZGlzcGxheTogZmxleDtcXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcblwiXSwgW1wiXFxuICB3aWR0aDogMTAwJTtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG5cIl0pKSk7XHJcbnZhciBDb250YWluZXIgPSBzdHlsZWQuZGl2KHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gIHdpZHRoOiAxMDAlO1xcbiAgbWF4LXdpZHRoOiBcIiwgXCI7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcbiAgbWF4LXdpZHRoOiBcIiwgXCI7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIG1heFdpZHRoID0gX2EubWF4V2lkdGg7XHJcbiAgICByZXR1cm4gKG1heFdpZHRoID8gbWF4V2lkdGggKyBcInB4XCIgOiBcIjEwMjRweFwiKTtcclxufSk7XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1NYXhXaWR0aENvbnRhaW5lci5qcy5tYXAiXX0= */")])));
var Container$1 = _styled__default['default']("div", {
target: "e16wvreu0",
label: "Container"
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n max-width: ", ";\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1heFdpZHRoQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTZ0IiLCJmaWxlIjoiTWF4V2lkdGhDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XHJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcclxuZXhwb3J0IHZhciBNYXhXaWR0aENvbnRhaW5lciA9IGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIGNoaWxkcmVuID0gX2EuY2hpbGRyZW4sIG1heFdpZHRoID0gX2EubWF4V2lkdGg7XHJcbiAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoV3JhcHBlciwgbnVsbCxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KENvbnRhaW5lciwgeyBtYXhXaWR0aDogbWF4V2lkdGggfSwgY2hpbGRyZW4pKSk7XHJcbn07XHJcbnZhciBXcmFwcGVyID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICB3aWR0aDogMTAwJTtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG5cIl0sIFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuICBkaXNwbGF5OiBmbGV4O1xcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuXCJdKSkpO1xyXG52YXIgQ29udGFpbmVyID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICB3aWR0aDogMTAwJTtcXG4gIG1heC13aWR0aDogXCIsIFwiO1xcblwiXSwgW1wiXFxuICB3aWR0aDogMTAwJTtcXG4gIG1heC13aWR0aDogXCIsIFwiO1xcblwiXSkpLCBmdW5jdGlvbiAoX2EpIHtcclxuICAgIHZhciBtYXhXaWR0aCA9IF9hLm1heFdpZHRoO1xyXG4gICAgcmV0dXJuIChtYXhXaWR0aCA/IG1heFdpZHRoICsgXCJweFwiIDogXCIxMDI0cHhcIik7XHJcbn0pO1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TWF4V2lkdGhDb250YWluZXIuanMubWFwIl19 */")], ["\n width: 100%;\n max-width: ", ";\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1heFdpZHRoQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTZ0IiLCJmaWxlIjoiTWF4V2lkdGhDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XHJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcclxuZXhwb3J0IHZhciBNYXhXaWR0aENvbnRhaW5lciA9IGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIGNoaWxkcmVuID0gX2EuY2hpbGRyZW4sIG1heFdpZHRoID0gX2EubWF4V2lkdGg7XHJcbiAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoV3JhcHBlciwgbnVsbCxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KENvbnRhaW5lciwgeyBtYXhXaWR0aDogbWF4V2lkdGggfSwgY2hpbGRyZW4pKSk7XHJcbn07XHJcbnZhciBXcmFwcGVyID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICB3aWR0aDogMTAwJTtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG5cIl0sIFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuICBkaXNwbGF5OiBmbGV4O1xcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuXCJdKSkpO1xyXG52YXIgQ29udGFpbmVyID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICB3aWR0aDogMTAwJTtcXG4gIG1heC13aWR0aDogXCIsIFwiO1xcblwiXSwgW1wiXFxuICB3aWR0aDogMTAwJTtcXG4gIG1heC13aWR0aDogXCIsIFwiO1xcblwiXSkpLCBmdW5jdGlvbiAoX2EpIHtcclxuICAgIHZhciBtYXhXaWR0aCA9IF9hLm1heFdpZHRoO1xyXG4gICAgcmV0dXJuIChtYXhXaWR0aCA/IG1heFdpZHRoICsgXCJweFwiIDogXCIxMDI0cHhcIik7XHJcbn0pO1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TWF4V2lkdGhDb250YWluZXIuanMubWFwIl19 */")])), function (_a) {
var maxWidth = _a.maxWidth;
return maxWidth ? maxWidth + "px" : "1024px";
});
var templateObject_1$2, templateObject_2;
var DropdownItem = function DropdownItem(_a) {
var as = _a.as,
href = _a.href,
children = _a.children,
onClick = _a.onClick;
if (href) {
return /*#__PURE__*/React__default['default'].createElement(DynamicLink, {
href: href
}, /*#__PURE__*/React__default['default'].createElement(Wrapper$1, {
as: as
}, children));
} else {
return /*#__PURE__*/React__default['default'].createElement(Wrapper$1, {
as: as,
onClick: onClick
}, children);
}
};
var Wrapper$1 = _styled__default['default']("a", {
target: "edmbi800",
label: "Wrapper"
})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n display: block;\n background: transparent;\n border: 0;\n width: 100%;\n padding: 6px 20px;\n font-size: 0.9rem;\n text-align: left;\n cursor: pointer;\n transition: 0.1s;\n\n &:hover {\n background: #edf2f7;\n }\n &:first-of-type {\n margin-top: 8px;\n }\n &:last-of-type {\n margin-bottom: 8px;\n }\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2MiLCJmaWxlIjoiRHJvcGRvd25JdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IER5bmFtaWNMaW5rIH0gZnJvbSBcIi4uL0R5bmFtaWNMaW5rXCI7XHJcbmV4cG9ydCB2YXIgRHJvcGRvd25JdGVtID0gZnVuY3Rpb24gKF9hKSB7XHJcbiAgICB2YXIgYXMgPSBfYS5hcywgaHJlZiA9IF9hLmhyZWYsIGNoaWxkcmVuID0gX2EuY2hpbGRyZW4sIG9uQ2xpY2sgPSBfYS5vbkNsaWNrO1xyXG4gICAgaWYgKGhyZWYpIHtcclxuICAgICAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoRHluYW1pY0xpbmssIHsgaHJlZjogaHJlZiB9LFxyXG4gICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFdyYXBwZXIsIHsgYXM6IGFzIH0sIGNoaWxkcmVuKSkpO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KFdyYXBwZXIsIHsgYXM6IGFzLCBvbkNsaWNrOiBvbkNsaWNrIH0sIGNoaWxkcmVuKSk7XHJcbiAgICB9XHJcbn07XHJcbnZhciBXcmFwcGVyID0gc3R5bGVkLmEodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgZGlzcGxheTogYmxvY2s7XFxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcXG4gIGJvcmRlcjogMDtcXG4gIHdpZHRoOiAxMDAlO1xcbiAgcGFkZGluZzogNnB4IDIwcHg7XFxuICBmb250LXNpemU6IDAuOXJlbTtcXG4gIHRleHQtYWxpZ246IGxlZnQ7XFxuICBjdXJzb3I6IHBvaW50ZXI7XFxuICB0cmFuc2l0aW9uOiAwLjFzO1xcblxcbiAgJjpob3ZlciB7XFxuICAgIGJhY2tncm91bmQ6ICNlZGYyZjc7XFxuICB9XFxuICAmOmZpcnN0LW9mLXR5cGUge1xcbiAgICBtYXJnaW4tdG9wOiA4cHg7XFxuICB9XFxuICAmOmxhc3Qtb2YtdHlwZSB7XFxuICAgIG1hcmdpbi1ib3R0b206IDhweDtcXG4gIH1cXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogYmxvY2s7XFxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcXG4gIGJvcmRlcjogMDtcXG4gIHdpZHRoOiAxMDAlO1xcbiAgcGFkZGluZzogNnB4IDIwcHg7XFxuICBmb250LXNpemU6IDAuOXJlbTtcXG4gIHRleHQtYWxpZ246IGxlZnQ7XFxuICBjdXJzb3I6IHBvaW50ZXI7XFxuICB0cmFuc2l0aW9uOiAwLjFzO1xcblxcbiAgJjpob3ZlciB7XFxuICAgIGJhY2tncm91bmQ6ICNlZGYyZjc7XFxuICB9XFxuICAmOmZpcnN0LW9mLXR5cGUge1xcbiAgICBtYXJnaW4tdG9wOiA4cHg7XFxuICB9XFxuICAmOmxhc3Qtb2YtdHlwZSB7XFxuICAgIG1hcmdpbi1ib3R0b206IDhweDtcXG4gIH1cXG5cIl0pKSk7XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ecm9wZG93bkl0ZW0uanMubWFwIl19 */")], ["\n display: block;\n background: transparent;\n border: 0;\n width: 100%;\n padding: 6px 20px;\n font-size: 0.9rem;\n text-align: left;\n cursor: pointer;\n transition: 0.1s;\n\n &:hover {\n background: #edf2f7;\n }\n &:first-of-type {\n margin-top: 8px;\n }\n &:last-of-type {\n margin-bottom: 8px;\n }\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2MiLCJmaWxlIjoiRHJvcGRvd25JdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IER5bmFtaWNMaW5rIH0gZnJvbSBcIi4uL0R5bmFtaWNMaW5rXCI7XHJcbmV4cG9ydCB2YXIgRHJvcGRvd25JdGVtID0gZnVuY3Rpb24gKF9hKSB7XHJcbiAgICB2YXIgYXMgPSBfYS5hcywgaHJlZiA9IF9hLmhyZWYsIGNoaWxkcmVuID0gX2EuY2hpbGRyZW4sIG9uQ2xpY2sgPSBfYS5vbkNsaWNrO1xyXG4gICAgaWYgKGhyZWYpIHtcclxuICAgICAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoRHluYW1pY0xpbmssIHsgaHJlZjogaHJlZiB9LFxyXG4gICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFdyYXBwZXIsIHsgYXM6IGFzIH0sIGNoaWxkcmVuKSkpO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KFdyYXBwZXIsIHsgYXM6IGFzLCBvbkNsaWNrOiBvbkNsaWNrIH0sIGNoaWxkcmVuKSk7XHJcbiAgICB9XHJcbn07XHJcbnZhciBXcmFwcGVyID0gc3R5bGVkLmEodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgZGlzcGxheTogYmxvY2s7XFxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcXG4gIGJvcmRlcjogMDtcXG4gIHdpZHRoOiAxMDAlO1xcbiAgcGFkZGluZzogNnB4IDIwcHg7XFxuICBmb250LXNpemU6IDAuOXJlbTtcXG4gIHRleHQtYWxpZ246IGxlZnQ7XFxuICBjdXJzb3I6IHBvaW50ZXI7XFxuICB0cmFuc2l0aW9uOiAwLjFzO1xcblxcbiAgJjpob3ZlciB7XFxuICAgIGJhY2tncm91bmQ6ICNlZGYyZjc7XFxuICB9XFxuICAmOmZpcnN0LW9mLXR5cGUge1xcbiAgICBtYXJnaW4tdG9wOiA4cHg7XFxuICB9XFxuICAmOmxhc3Qtb2YtdHlwZSB7XFxuICAgIG1hcmdpbi1ib3R0b206IDhweDtcXG4gIH1cXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogYmxvY2s7XFxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcXG4gIGJvcmRlcjogMDtcXG4gIHdpZHRoOiAxMDAlO1xcbiAgcGFkZGluZzogNnB4IDIwcHg7XFxuICBmb250LXNpemU6IDAuOXJlbTtcXG4gIHRleHQtYWxpZ246IGxlZnQ7XFxuICBjdXJzb3I6IHBvaW50ZXI7XFxuICB0cmFuc2l0aW9uOiAwLjFzO1xcblxcbiAgJjpob3ZlciB7XFxuICAgIGJhY2tncm91bmQ6ICNlZGYyZjc7XFxuICB9XFxuICAmOmZpcnN0LW9mLXR5cGUge1xcbiAgICBtYXJnaW4tdG9wOiA4cHg7XFxuICB9XFxuICAmOmxhc3Qtb2YtdHlwZSB7XFxuICAgIG1hcmdpbi1ib3R0b206IDhweDtcXG4gIH1cXG5cIl0pKSk7XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ecm9wZG93bkl0ZW0uanMubWFwIl19 */")])));
var templateObject_1$3;
var DropdownMenu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
var isOpen = _a.isOpen,
children = _a.children,
position = _a.position;
return isOpen ? /*#__PURE__*/React__default['default'].createElement(Wrapper$2, {
ref: ref,
position: position
}, children) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
});
var Wrapper$2 = _styled__default['default']("div", {
target: "ej8xgm0",
label: "Wrapper"
})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n position: absolute;\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n background: #fff;\n margin-top: 4px;\n min-width: 180px;\n box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);\n z-index: 150;\n ", "\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2MiLCJmaWxlIjoiRHJvcGRvd25NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xyXG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xyXG5leHBvcnQgdmFyIERyb3Bkb3duTWVudSA9IGZvcndhcmRSZWYoZnVuY3Rpb24gKF9hLCByZWYpIHtcclxuICAgIHZhciBpc09wZW4gPSBfYS5pc09wZW4sIGNoaWxkcmVuID0gX2EuY2hpbGRyZW4sIHBvc2l0aW9uID0gX2EucG9zaXRpb247XHJcbiAgICByZXR1cm4gaXNPcGVuID8gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoV3JhcHBlciwgeyByZWY6IHJlZiwgcG9zaXRpb246IHBvc2l0aW9uIH0sIGNoaWxkcmVuKSkgOiAoUmVhY3QuY3JlYXRlRWxlbWVudChSZWFjdC5GcmFnbWVudCwgbnVsbCkpO1xyXG59KTtcclxudmFyIFdyYXBwZXIgPSBzdHlsZWQuZGl2KHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gIGJvcmRlcjogMXB4IHNvbGlkICNlMmU4ZjA7XFxuICBib3JkZXItcmFkaXVzOiA4cHg7XFxuICBiYWNrZ3JvdW5kOiAjZmZmO1xcbiAgbWFyZ2luLXRvcDogNHB4O1xcbiAgbWluLXdpZHRoOiAxODBweDtcXG4gIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggcmdiYSgwLCAwLCAwLCAwLjEpO1xcbiAgei1pbmRleDogMTUwO1xcbiAgXCIsIFwiXFxuXCJdLCBbXCJcXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gIGJvcmRlcjogMXB4IHNvbGlkICNlMmU4ZjA7XFxuICBib3JkZXItcmFkaXVzOiA4cHg7XFxuICBiYWNrZ3JvdW5kOiAjZmZmO1xcbiAgbWFyZ2luLXRvcDogNHB4O1xcbiAgbWluLXdpZHRoOiAxODBweDtcXG4gIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggcmdiYSgwLCAwLCAwLCAwLjEpO1xcbiAgei1pbmRleDogMTUwO1xcbiAgXCIsIFwiXFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIHBvc2l0aW9uID0gX2EucG9zaXRpb247XHJcbiAgICByZXR1cm4gcG9zaXRpb24gPT09IFwicmlnaHRcIiAmJiBcInJpZ2h0OiAwO1wiO1xyXG59KTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzE7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURyb3Bkb3duTWVudS5qcy5tYXAiXX0= */")], ["\n position: absolute;\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n background: #fff;\n margin-top: 4px;\n min-width: 180px;\n box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);\n z-index: 150;\n ", "\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2MiLCJmaWxlIjoiRHJvcGRvd25NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xyXG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xyXG5leHBvcnQgdmFyIERyb3Bkb3duTWVudSA9IGZvcndhcmRSZWYoZnVuY3Rpb24gKF9hLCByZWYpIHtcclxuICAgIHZhciBpc09wZW4gPSBfYS5pc09wZW4sIGNoaWxkcmVuID0gX2EuY2hpbGRyZW4sIHBvc2l0aW9uID0gX2EucG9zaXRpb247XHJcbiAgICByZXR1cm4gaXNPcGVuID8gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoV3JhcHBlciwgeyByZWY6IHJlZiwgcG9zaXRpb246IHBvc2l0aW9uIH0sIGNoaWxkcmVuKSkgOiAoUmVhY3QuY3JlYXRlRWxlbWVudChSZWFjdC5GcmFnbWVudCwgbnVsbCkpO1xyXG59KTtcclxudmFyIFdyYXBwZXIgPSBzdHlsZWQuZGl2KHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gIGJvcmRlcjogMXB4IHNvbGlkICNlMmU4ZjA7XFxuICBib3JkZXItcmFkaXVzOiA4cHg7XFxuICBiYWNrZ3JvdW5kOiAjZmZmO1xcbiAgbWFyZ2luLXRvcDogNHB4O1xcbiAgbWluLXdpZHRoOiAxODBweDtcXG4gIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggcmdiYSgwLCAwLCAwLCAwLjEpO1xcbiAgei1pbmRleDogMTUwO1xcbiAgXCIsIFwiXFxuXCJdLCBbXCJcXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gIGJvcmRlcjogMXB4IHNvbGlkICNlMmU4ZjA7XFxuICBib3JkZXItcmFkaXVzOiA4cHg7XFxuICBiYWNrZ3JvdW5kOiAjZmZmO1xcbiAgbWFyZ2luLXRvcDogNHB4O1xcbiAgbWluLXdpZHRoOiAxODBweDtcXG4gIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggcmdiYSgwLCAwLCAwLCAwLjEpO1xcbiAgei1pbmRleDogMTUwO1xcbiAgXCIsIFwiXFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xyXG4gICAgdmFyIHBvc2l0aW9uID0gX2EucG9zaXRpb247XHJcbiAgICByZXR1cm4gcG9zaXRpb24gPT09IFwicmlnaHRcIiAmJiBcInJpZ2h0OiAwO1wiO1xyXG59KTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzE7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURyb3Bkb3duTWVudS5qcy5tYXAiXX0= */")])), function (_a) {
var position = _a.position;
return position === "right" && "right: 0;";
});
var templateObject_1$4;
var DropdownWrapper = function DropdownWrapper(_a) {
var children = _a.children;
return /*#__PURE__*/React__default['default'].createElement(Wrapper$3, null, children);
};
var Wrapper$3 = _styled__default['default']("div", {
target: "e1knc3yb0",
label: "Wrapper"
})(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n position: relative;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duV3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2MiLCJmaWxlIjoiRHJvcGRvd25XcmFwcGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XHJcbmV4cG9ydCB2YXIgRHJvcGRvd25XcmFwcGVyID0gZnVuY3Rpb24gKF9hKSB7XHJcbiAgICB2YXIgY2hpbGRyZW4gPSBfYS5jaGlsZHJlbjtcclxuICAgIHJldHVybiBSZWFjdC5jcmVhdGVFbGVtZW50KFdyYXBwZXIsIG51bGwsIGNoaWxkcmVuKTtcclxufTtcclxudmFyIFdyYXBwZXIgPSBzdHlsZWQuZGl2KHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcXG5cIl0sIFtcIlxcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xcblwiXSkpKTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzE7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURyb3Bkb3duV3JhcHBlci5qcy5tYXAiXX0= */")], ["\n position: relative;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duV3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2MiLCJmaWxlIjoiRHJvcGRvd25XcmFwcGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XHJcbmV4cG9ydCB2YXIgRHJvcGRvd25XcmFwcGVyID0gZnVuY3Rpb24gKF9hKSB7XHJcbiAgICB2YXIgY2hpbGRyZW4gPSBfYS5jaGlsZHJlbjtcclxuICAgIHJldHVybiBSZWFjdC5jcmVhdGVFbGVtZW50KFdyYXBwZXIsIG51bGwsIGNoaWxkcmVuKTtcclxufTtcclxudmFyIFdyYXBwZXIgPSBzdHlsZWQuZGl2KHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcXG5cIl0sIFtcIlxcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xcblwiXSkpKTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzE7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURyb3Bkb3duV3JhcHBlci5qcy5tYXAiXX0= */")])));
var templateObject_1$5;
/** URL of Channel Talk plugin. */
var PLUGIN_URL = "//cdn.channel.io/plugin/ch-plugin-web.js";
/**
* Channel Talk plugin helper component.
* - ref: https://developers.channel.io/docs/web-chplugin
*/
var RawChannelTalk =
/** @class */
function (_super) {
__extends(RawChannelTalk, _super);
function RawChannelTalk(props) {
var _this = _super.call(this, props) || this;
_this.state = {
isInit: false
};
return _this;
}
RawChannelTalk.prototype.componentDidMount = function () {
// If plug in key not provided, return error.
if (!this.props.pluginKey) {
return;
} // Init plugin on mount.
this.preInitPlugIn();
this.initPlugIn();
};
RawChannelTalk.prototype.componentWillUnmount = function () {
this.destroyPlugIn();
};
/**
* Make ready before plug in init.
*/
RawChannelTalk.prototype.preInitPlugIn = function () {
var ch = function ch() {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
ch.c(args);
};
ch.q = [];
ch.c = function (args) {
ch.q.push(args);
};
window.ChannelIO = ch;
};
/**
* Initialize Channel Talk plugin.
*/
RawChannelTalk.prototype.initPlugIn = function () {
return __awaiter(this, void 0, void 0, function () {
var plugInSettings, err_1;
var _this = this;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
_a.trys.push([0, 3,, 4]); // If plugin already init, skip init.
if (this.state.isInit) {
return [2
/*return*/
];
} // Wait before init script.
return [4
/*yield*/
, new Promise(function (resolve) {
return setTimeout(resolve, _this.props.timeout);
})];
case 1:
// Wait before init script.
_a.sent(); // Inject script.
return [4
/*yield*/
, scriptInjector(PLUGIN_URL)];
case 2:
// Inject script.
_a.sent(); // Register event listeners.
this.registerEventListeners();
plugInSettings = __assign({}, this.props); // Boot up with settings.
window.ChannelIO("boot", plugInSettings); // Set init status.
this.setState({
isInit: true
});
return [3
/*break*/
, 4];
case 3:
err_1 = _a.sent();
this.handlePlugInError(err_1);
return [3
/*break*/
, 4];
case 4:
return [2
/*return*/
];
}
});
});
};
/**
* Destory Channel Talk plugin.
*/
RawChannelTalk.prototype.destroyPlugIn = function () {
this.setState({
isInit: false
});
if (typeof window.ChannelIO !== "function") {
return;
}
window.ChannelIO("hide");
window.ChannelIO("clearCallbacks");
setTimeout(function () {
// Shutdown channel plugin on unmount.
window.ChannelIO("shutdown");
}, 1000);
};
/**
* Register event listeners for Channel Talk plugin.
* - ref: https://developers.channel.io/docs/web-chplugin
*/
RawChannelTalk.prototype.registerEventListeners = function () {
var _this = this;
if (typeof window.ChannelIO !== "function") {
return;
} // Register a callback function when boot was completed.
window.ChannelIO("onBoot", function (guest) {
if (guest) {
if (_this.props.onBoot) _this.props.onBoot(guest);
} else {
_this.handlePlugInError(new Error("ERR_BOOT_FAILED"));
}
}); // Register a callback function when the chat list is shown.
window.ChannelIO("onShow", function () {
if (_this.props.onShow) _this.props.onShow();
}); // Register a callback function when the chat list is hidden.
window.ChannelIO("onHide", function () {
if (_this.props.onHide) _this.props.onHide();
}); // Register a callback when `unreadCount` is changed.
window.ChannelIO("onChangeBadge", function (unreadCount) {
if (_this.props.onChangeBadge) _this.props.onChangeBadge(unreadCount);
}); // Register a callback when a user success to create a chat.
window.ChannelIO("onCreateChat", function () {
if (_this.props.onCreateChat) _this.props.onCreateChat();
}); // Register a callback when a user success to change their profile in the settings page and chats.
// `profile` is an object of the user's profile.
window.ChannelIO("onChangeProfile", function (profile) {
if (_this.props.onChangeProfile) _this.props.onChangeProfile(profile);
}); // Register a callback function when the chat list is hidden.
window.ChannelIO("onClickRedirect", function (url) {
if (_this.props.onClickRedirect) _this.props.onClickRedirect(url);
});
};
/**
* Handle error of plug in.
*/
RawChannelTalk.prototype.handlePlugInError = function (err) {
if (this.props.onError) this.props.onError(err);
this.destroyPlugIn();
};
RawChannelTalk.prototype.render = function () {
return null;
};
RawChannelTalk.defaultProps = {
pluginKey: "",
locale: "en",
timeout: 1000
};
/**
* Open Channel Talk messenger.
* - ref: https://developers.channel.io/docs/web-chplugin#section-show
*/
RawChannelTalk.show = function () {
if (typeof window.ChannelIO === "function") {
window.ChannelIO("show");
}
};
/**
* Open chatroom directly at Channel Talk messenger.
* - ref: https://developers.channel.io/docs/web-chplugin#section-open-chat
*/
RawChannelTalk.openChat = function (chatId) {
if (typeof window.ChannelIO === "function") {
window.ChannelIO("openChat", chatId);
}
};
/**
* Go to the lounge view.
* - ref: https://developers.channel.io/docs/web-chplugin#section-lounge
*/
RawChannelTalk.lounge = function () {
if (typeof window.ChannelIO === "function") {
window.ChannelIO("lounge");
}
};
/**
* Close Channel Talk messenger.
* - ref: https://developers.channel.io/docs/web-chplugin#section-hide
*/
RawChannelTalk.hide = function () {
if (typeof window.ChannelIO === "function") {
window.ChannelIO("hide");
}
};
/**
* Track an event for Channel Talk.
* - ref: https://developers.channel.io/docs/web-chplugin#section-track
*/
RawChannelTalk.track = function (eventName, eventProperty) {
if (typeof window.ChannelIO === "function") {
window.ChannelIO("track", eventName, eventProperty);
}
};
/**
* Clear all registered callbacks of Channel Talk.
* - ref: https://developers.channel.io/docs/web-chplugin#section-clear-callbacks
*/
RawChannelTalk.clearCallbacks = function () {
if (typeof window.ChannelIO === "function") {
window.ChannelIO("clearCallbacks");
}
};
return RawChannelTalk;
}(React.Component);
function scriptInjector(scriptUrl) {
return new Promise(function (resolve, reject) {
var ele = document.createElement("script"); // Set attributes for script.
ele.src = scriptUrl;
ele.async = true;
ele.defer = true; // Set attributes for event listeners.
ele.onload = function () {
resolve();
ele.onload = null;
ele.onerror = null;
};
ele.onerror = function () {
reject("ERR_SCRIPT_INJECTION_FAILED");
ele.onload = null;
ele.onerror = null;
}; // Append to head.
document.head.appendChild(ele);
});
}
var ChannelTalk = function ChannelTalk(_a) {
var pluginKey = _a.pluginKey;
return /*#__PURE__*/React__default['default'].createElement(RawChannelTalk, {
pluginKey: pluginKey,
locale: "ko"
});
};
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
}
/*
Based off glamor's StyleSheet, thanks Sunil ❤️
high performance StyleSheet for css-in-js systems
- uses multiple style tags behind the scenes for millions of rules
- uses `insertRule` for appending in production for *much* faster performance
// usage
import { StyleSheet } from '@emotion/sheet'
let styleSheet = new StyleSheet({ key: '', container: document.head })
styleSheet.insert('#box { border: 1px solid red; }')
- appends a css rule into the stylesheet
styleSheet.flush()
- empties the stylesheet of all its contents
*/
// $FlowFixMe
function sheetForTag(tag) {
if (tag.sheet) {
// $FlowFixMe
return tag.sheet;
} // this weirdness brought to you by firefox
/* istanbul ignore next */
for (var i = 0; i < document.styleSheets.length; i++) {
if (document.styleSheets[i].ownerNode === tag) {
// $FlowFixMe
return document.styleSheets[i];
}
}
}
function createStyleElement(options) {
var tag = document.createElement('style');
tag.setAttribute('data-emotion', options.key);
if (options.nonce !== undefined) {
tag.setAttribute('nonce', options.nonce);
}
tag.appendChild(document.createTextNode(''));
return tag;
}
var StyleSheet =
/*#__PURE__*/
function () {
function StyleSheet(options) {
this.isSpeedy = options.speedy === undefined ? process.env.NODE_ENV === 'production' : options.speedy;
this.tags = [];
this.ctr = 0;
this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets
this.key = options.key;
this.container = options.container;
this.before = null;
}
var _proto = StyleSheet.prototype;
_proto.insert = function insert(rule) {
// the max length is how many rules we have per style tag, it's 65000 in speedy mode
// it's 1 in dev because we insert source maps that map a single rule to a location
// and you can only have one source map per style tag
if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {
var _tag = createStyleElement(this);
var before;
if (this.tags.length === 0) {
before = this.before;
} else {
before = this.tags[this.tags.length - 1].nextSibling;
}
this.container.insertBefore(_tag, before);
this.tags.push(_tag);
}
var tag = this.tags[this.tags.length - 1];
if (this.isSpeedy) {
var sheet = sheetForTag(tag);
try {
// this is a really hot path
// we check the second character first because having "i"
// as the second character will happen less often than
// having "@" as the first character
var isImportRule = rule.charCodeAt(1) === 105 && rule.charCodeAt(0) === 64; // this is the ultrafast version, works across browsers
// the big drawback is that the css won't be editable in devtools
sheet.insertRule(rule, // we need to insert @import rules before anything else
// otherwise there will be an error
// technically this means that the @import rules will
// _usually_(not always since there could be multiple style tags)
// be the first ones in prod and generally later in dev
// this shouldn't really matter in the real world though
// @import is generally only used for font faces from google fonts and etc.
// so while this could be technically correct then it would be slower and larger
// for a tiny bit of correctness that won't matter in the real world
isImportRule ? 0 : sheet.cssRules.length);
} catch (e) {
if (process.env.NODE_ENV !== 'production') {
console.warn("There was a problem inserting the following rule: \"" + rule + "\"", e);
}
}
} else {
tag.appendChild(document.createTextNode(rule));
}
this.ctr++;
};
_proto.flush = function flush() {
// $FlowFixMe
this.tags.forEach(function (tag) {
return tag.parentNode.removeChild(tag);
});
this.tags = [];
this.ctr = 0;
};
return StyleSheet;
}();
function stylis_min (W) {
function M(d, c, e, h, a) {
for (var m = 0, b = 0, v = 0, n = 0, q, g, x = 0, K = 0, k, u = k = q = 0, l = 0, r = 0, I = 0, t = 0, B = e.length, J = B - 1, y, f = '', p = '', F = '', G = '', C; l < B;) {
g = e.charCodeAt(l);
l === J && 0 !== b + n + v + m && (0 !== b && (g = 47 === b ? 10 : 47), n = v = m = 0, B++, J++);
if (0 === b + n + v + m) {
if (l === J && (0 < r && (f = f.replace(N, '')), 0 < f.trim().length)) {
switch (g) {
case 32:
case 9:
case 59:
case 13:
case 10:
break;
default:
f += e.charAt(l);
}
g = 59;
}
switch (g) {
case 123:
f = f.trim();
q = f.charCodeAt(0);
k = 1;
for (t = ++l; l < B;) {
switch (g = e.charCodeAt(l)) {
case 123:
k++;
break;
case 125:
k--;
break;
case 47: