If you have any more questions please reach out to us again.
\",\n MessageCanvasTrayButton: \"START NEW CHAT\",\n InvalidPreEngagementMessage: \"Pre-engagement forms have not been set and are required to initiate the web-chat. Please configure these now in setup.\",\n InvalidPreEngagementButton: \"Learn more\",\n PredefinedChatMessageAuthorName: \"Bot\",\n PredefinedChatMessageBody: \"Hi there! How can we help you today?\"\n });\n t.default = i;\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n }), t.getPageContext = function () {\n try {\n return {\n location: window.location.href\n };\n } catch (e) {\n return;\n }\n };\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var r = n(5),\n o = n(0),\n i = {\n language: \"en-US\",\n disableLocalStorage: !1,\n available: !0,\n colorTheme: {\n baseName: \"BlueMediumTheme\"\n },\n componentProps: {\n MessagingCanvas: {\n avatarCallback: function avatarCallback(e) {\n return r.Actions.getAgentAvatar(e);\n },\n showTrayOnInactive: !0\n },\n MessageCanvasTray: {\n onButtonClick: function onButtonClick() {\n return o.Actions.invokeAction(\"RestartEngagement\");\n }\n }\n },\n tokenServerUrl: \"https://iam.twilio.com/v1/Accounts/{accountSid}/Tokens\",\n flexWebChannelsUrl: \"https://flex-api.twilio.com/v1/WebChannels\",\n context: {\n friendlyName: \"Anonymous\"\n },\n startEngagementOnInit: !0,\n sdkOptions: {\n chat: {}\n }\n };\n t.default = i;\n }, function (e, t, n) {\n \"use strict\";\n\n var _r3,\n o = this && this.__extends || (_r3 = function r(e, t) {\n return (_r3 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r3(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n });\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var i = n(1),\n a = n(6),\n s = n(65),\n c = function (e) {\n function n() {\n return null !== e && e.apply(this, arguments) || this;\n }\n\n return o(n, e), n.updateAll = function () {}, n.prototype.render = function () {\n return i.createElement(t.Connected, null);\n }, n.friendlyName = s.displayName, n.displayName = n.friendlyName, n.Content = s.contentStore, n;\n }(i.PureComponent);\n\n t.RootContainer = c, t.Connected = a.connect(function (e) {\n return {\n identity: e.flex.session.identity,\n isEntryPointExpanded: e.flex.session.isEntryPointExpanded,\n channelSid: e.flex.session.channelSid,\n config: e.flex.config,\n engagementStage: e.flex.session.engagementStage,\n session: e.flex.session\n };\n })(s.RootContainerImpl);\n }, function (e, t, n) {\n \"use strict\";\n\n var _r4,\n o = this && this.__extends || (_r4 = function r(e, t) {\n return (_r4 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r4(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n });\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var i = n(1),\n a = n(0),\n s = n(4),\n c = n(29),\n u = n(31),\n l = n(89);\n t.displayName = \"RootContainer\", t.contentStore = new a.DynamicContentStore(t.displayName);\n\n var f = function (e) {\n function n() {\n return null !== e && e.apply(this, arguments) || this;\n }\n\n return o(n, e), n.prototype.render = function () {\n return i.createElement(a.DynamicComponent, {\n name: t.displayName,\n contentStore: t.contentStore,\n childProps: this.props,\n customChildren: this.props.children\n }, i.createElement(l.Container, {\n className: \"Twilio-RootContainer\"\n }, this.props.isEntryPointExpanded && this.props.engagementStage !== s.EngagementStage.INIT_ENGAGEMENT && i.createElement(u.MainContainer, {\n key: \"main\"\n }), this.props.config.available && this.props.engagementStage !== s.EngagementStage.INIT_ENGAGEMENT && i.createElement(c.EntryPoint, {\n key: \"entrypoint\"\n })));\n }, n;\n }(i.PureComponent);\n\n t.RootContainerImpl = f;\n }, function (e, t, n) {\n \"use strict\";\n\n var _r5,\n o = this && this.__extends || (_r5 = function r(e, t) {\n return (_r5 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r5(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n }),\n i = this && this.__assign || function () {\n return (i = Object.assign || function (e) {\n for (var t, n = 1, r = arguments.length; n < r; n++) {\n for (var o in t = arguments[n]) {\n Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);\n }\n }\n\n return e;\n }).apply(this, arguments);\n },\n a = this && this.__decorate || function (e, t, n, r) {\n var o,\n i = arguments.length,\n a = i < 3 ? t : null === r ? r = Object.getOwnPropertyDescriptor(t, n) : r;\n if (\"object\" == typeof Reflect && \"function\" == typeof Reflect.decorate) a = Reflect.decorate(e, t, n, r);else for (var s = e.length - 1; s >= 0; s--) {\n (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);\n }\n return i > 3 && a && Object.defineProperty(t, n, a), a;\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var s = n(1),\n c = n(6),\n u = n(0),\n l = n(67),\n f = function (e) {\n function n() {\n return null !== e && e.apply(this, arguments) || this;\n }\n\n return o(n, e), n.updateAll = function () {}, n.prototype.render = function () {\n return s.createElement(t.ConnectedImpl, i({}, this.props));\n }, n.displayName = l.displayName, n.Content = l.contentStore, n.defaultProps = {\n hideTaglineWhenExpanded: !0,\n iconClosed: \"MessageBold\",\n iconExpanded: \"ArrowDown\"\n }, n = a([u.withDefaultPropsUpdate], n);\n }(s.PureComponent);\n\n t.EntryPoint = f, t.ConnectedImpl = c.connect(function (e) {\n return {\n isEntryPointExpanded: !!e.flex.session && !!e.flex.session.isEntryPointExpanded\n };\n })(l.EntryPointImpl);\n }, function (e, t, n) {\n \"use strict\";\n\n var _r6,\n o = this && this.__extends || (_r6 = function r(e, t) {\n return (_r6 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r6(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n });\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var i = n(1),\n a = n(68),\n s = n(69),\n c = n(17);\n t.displayName = \"EntryPoint\", t.contentStore = new a.DynamicContentStore(t.displayName);\n\n var u = function (e) {\n function n() {\n var t = null !== e && e.apply(this, arguments) || this;\n return t.handleEntryPointClick = function (e) {\n e.preventDefault(), a.Actions.invokeAction(\"ToggleChatVisibility\");\n }, t;\n }\n\n return o(n, e), n.prototype.render = function () {\n var e = this.props,\n n = e.children,\n r = e.tagline,\n o = e.iconClosed,\n u = e.iconExpanded,\n l = e.isEntryPointExpanded;\n return i.createElement(a.DynamicComponent, {\n contentStore: t.contentStore,\n childProps: this.props,\n name: t.displayName,\n customChildren: n,\n noContainers: !0\n }, i.createElement(s.Container, {\n className: \"Twilio-EntryPoint\",\n hasTagline: this.doesShowTagline(),\n onClick: this.handleEntryPointClick\n }, this.doesShowTagline() && i.createElement(s.TaglineContainer, {\n key: \"tagline\",\n className: \"Twilio-EntryPoint-Tagline\"\n }, r || i.createElement(a.Template, {\n source: c.templates.EntryPointTagline\n })), i.createElement(s.IconContainer, {\n key: \"icon\",\n className: \"Twilio-EntryPoint-IconContainer\"\n }, i.createElement(a.Icon, {\n icon: l ? u : o\n }))));\n }, n.prototype.doesShowTagline = function () {\n var e = this.props,\n t = e.isEntryPointExpanded,\n n = e.hideTaglineWhenExpanded;\n return !this.isTaglineSetAsFalsyByUser() && (!t || t && !n);\n }, n.prototype.isTaglineSetAsFalsyByUser = function () {\n var e = this.props.tagline;\n return void 0 !== e && !e;\n }, n;\n }(i.PureComponent);\n\n t.EntryPointImpl = u;\n }, function (e, t) {\n e.exports = require(\"@twilio/frame-ui/\");\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__makeTemplateObject || function (e, t) {\n return Object.defineProperty ? Object.defineProperty(e, \"raw\", {\n value: t\n }) : e.raw = t, e;\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var o,\n i,\n a,\n s = n(3);\n t.Container = s.default(\"button\")(o || (o = r([\"\\n display: flex;\\n white-space: nowrap;\\n z-index: 100;\\n cursor: pointer;\\n position: fixed !important;\\n bottom: 16px;\\n right: 24px;\\n align-items: center;\\n justify-content: center;\\n height: 44px;\\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\\n border: none;\\n\\n border-radius: \", \";\\n padding-left: \", \";\\n padding-right: \", \";\\n transition: padding 0.15s, background-color 0.05s;\\n\\n &:focus {\\n outline: none;\\n }\\n\\n .Icon-close {\\n width: inherit;\\n }\\n\\n \", \";\\n\"], [\"\\n display: flex;\\n white-space: nowrap;\\n z-index: 100;\\n cursor: pointer;\\n position: fixed !important;\\n bottom: 16px;\\n right: 24px;\\n align-items: center;\\n justify-content: center;\\n height: 44px;\\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\\n border: none;\\n\\n border-radius: \", \";\\n padding-left: \", \";\\n padding-right: \", \";\\n transition: padding 0.15s, background-color 0.05s;\\n\\n &:focus {\\n outline: none;\\n }\\n\\n .Icon-close {\\n width: inherit;\\n }\\n\\n \", \";\\n\"])), function (e) {\n return e.hasTagline ? \"24px\" : \"50%\";\n }, function (e) {\n return e.hasTagline ? \"16px\" : \"10px\";\n }, function (e) {\n return e.hasTagline ? \"16px\" : \"10px\";\n }, function (e) {\n return e.theme.EntryPoint.Container;\n }), t.TaglineContainer = s.default(\"div\")(i || (i = r([\"\\n font-size: 14px;\\n font-weight: 400;\\n overflow:hidden;\\n margin: auto;\\n margin-right: 16px;\\n user-select: none;\\n\"], [\"\\n font-size: 14px;\\n font-weight: 400;\\n overflow:hidden;\\n margin: auto;\\n margin-right: 16px;\\n user-select: none;\\n\"]))), t.IconContainer = s.default(\"div\")(a || (a = r([\"\\n flex: 0 0 auto;\\n\"], [\"\\n flex: 0 0 auto;\\n\"])));\n }, function (e, t) {\n e.exports = require(\"create-emotion-styled\");\n }, function (e, t, n) {\n \"use strict\";\n\n var _r7,\n o = this && this.__extends || (_r7 = function r(e, t) {\n return (_r7 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r7(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n }),\n i = this && this.__assign || function () {\n return (i = Object.assign || function (e) {\n for (var t, n = 1, r = arguments.length; n < r; n++) {\n for (var o in t = arguments[n]) {\n Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);\n }\n }\n\n return e;\n }).apply(this, arguments);\n },\n a = this && this.__decorate || function (e, t, n, r) {\n var o,\n i = arguments.length,\n a = i < 3 ? t : null === r ? r = Object.getOwnPropertyDescriptor(t, n) : r;\n if (\"object\" == typeof Reflect && \"function\" == typeof Reflect.decorate) a = Reflect.decorate(e, t, n, r);else for (var s = e.length - 1; s >= 0; s--) {\n (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);\n }\n return i > 3 && a && Object.defineProperty(t, n, a), a;\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var s = n(1),\n c = n(6),\n u = n(0),\n l = n(72),\n f = function (e) {\n function n() {\n return null !== e && e.apply(this, arguments) || this;\n }\n\n return o(n, e), n.updateAll = function () {}, n.prototype.render = function () {\n return s.createElement(t.Connected, i({}, this.props));\n }, n.displayName = l.displayName, n.Content = l.contentStore, n.defaultProps = {\n height: \"548px\",\n width: \"276px\",\n bottom: \"74px\",\n right: \"20px\"\n }, n = a([u.withDefaultPropsUpdate], n);\n }(s.PureComponent);\n\n t.MainContainer = f, t.Connected = c.connect(function (e) {\n return {\n engagementStage: e.flex.session.engagementStage,\n channelSid: e.flex.session.channelSid,\n startEngagementOnInit: !!e.flex.config.startEngagementOnInit\n };\n })(l.MainContainerImpl);\n }, function (e, t, n) {\n \"use strict\";\n\n var _r8,\n o = this && this.__extends || (_r8 = function r(e, t) {\n return (_r8 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r8(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n }),\n i = this && this.__assign || function () {\n return (i = Object.assign || function (e) {\n for (var t, n = 1, r = arguments.length; n < r; n++) {\n for (var o in t = arguments[n]) {\n Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);\n }\n }\n\n return e;\n }).apply(this, arguments);\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var a = n(1),\n s = n(0),\n c = n(4),\n u = n(32),\n l = n(33),\n f = n(36),\n d = n(87),\n p = n(88);\n t.displayName = \"MainContainer\", t.contentStore = new s.DynamicContentStore(t.displayName);\n\n var g = function (e) {\n function n() {\n return null !== e && e.apply(this, arguments) || this;\n }\n\n return o(n, e), n.prototype.render = function () {\n return a.createElement(d.default, {\n bounds: \"body\",\n handle: \".Twilio-MainHeader\"\n }, a.createElement(s.DynamicComponent, {\n name: t.displayName,\n contentStore: t.contentStore,\n childProps: this.props,\n customChildren: this.props.children,\n vertical: !0\n }, a.createElement(p.Container, i({\n className: \"Twilio-MainContainer\"\n }, this.props), a.createElement(u.MainHeader, {\n key: \"header\"\n }), this.renderEngagementStage())));\n }, n.prototype.renderEngagementStage = function () {\n var e = this.props,\n t = e.startEngagementOnInit,\n r = e.engagementStage,\n o = e.channelSid;\n\n switch (r) {\n case !t && c.EngagementStage.PRE_ENGAGEMENT:\n return a.createElement(l.PreEngagementCanvas, {\n key: \"pre-engagement\"\n });\n\n case c.EngagementStage.WAITING_ENGAGEMENT:\n return a.createElement(f.PendingEngagementCanvas, {\n key: \"pending-engagement\"\n });\n\n case c.EngagementStage.IN_ENGAGEMENT:\n return a.createElement(s.MessagingCanvas, {\n key: \"in-engagement\",\n sid: o,\n charLimit: n.charLimit\n });\n }\n }, n.charLimit = 32768, n;\n }(a.PureComponent);\n\n t.MainContainerImpl = g;\n }, function (e, t, n) {\n \"use strict\";\n\n var _r9,\n o = this && this.__extends || (_r9 = function r(e, t) {\n return (_r9 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r9(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n }),\n i = this && this.__assign || function () {\n return (i = Object.assign || function (e) {\n for (var t, n = 1, r = arguments.length; n < r; n++) {\n for (var o in t = arguments[n]) {\n Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);\n }\n }\n\n return e;\n }).apply(this, arguments);\n },\n a = this && this.__decorate || function (e, t, n, r) {\n var o,\n i = arguments.length,\n a = i < 3 ? t : null === r ? r = Object.getOwnPropertyDescriptor(t, n) : r;\n if (\"object\" == typeof Reflect && \"function\" == typeof Reflect.decorate) a = Reflect.decorate(e, t, n, r);else for (var s = e.length - 1; s >= 0; s--) {\n (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);\n }\n return i > 3 && a && Object.defineProperty(t, n, a), a;\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var s = n(1),\n c = n(0),\n u = n(74),\n l = function (e) {\n function t() {\n return null !== e && e.apply(this, arguments) || this;\n }\n\n return o(t, e), t.updateAll = function () {}, t.prototype.render = function () {\n return s.createElement(u.MainHeaderImpl, i({}, this.props));\n }, t.displayName = u.displayName, t.Content = u.contentStore, t.defaultProps = {\n titleText: \"Chat with Us\",\n imageUrl: void 0,\n showImage: !0,\n showTitle: !0,\n closeCallback: function closeCallback() {\n c.Actions.invokeAction(\"MinimizeChat\");\n }\n }, t = a([c.withDefaultPropsUpdate], t);\n }(s.PureComponent);\n\n t.MainHeader = l;\n }, function (e, t, n) {\n \"use strict\";\n\n var _r10,\n o = this && this.__extends || (_r10 = function r(e, t) {\n return (_r10 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r10(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n });\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var i = n(1),\n a = n(0),\n s = n(75);\n t.displayName = \"MainHeader\", t.contentStore = new a.DynamicContentStore(t.displayName);\n\n var c = function (e) {\n function n() {\n var t = null !== e && e.apply(this, arguments) || this;\n return t.closeClick = function () {\n var e = t.props.closeCallback;\n e && e();\n }, t;\n }\n\n return o(n, e), n.prototype.getLogo = function (e) {\n return e ? i.createElement(s.HeaderLogoImage, {\n key: \"logo\",\n src: e\n }) : i.createElement(s.DefaultLogo, {\n key: \"logo\"\n });\n }, n.prototype.render = function () {\n var e = this.props,\n n = e.showImage,\n r = e.showTitle,\n o = e.imageUrl,\n c = e.titleText;\n return n || r ? i.createElement(a.DynamicComponent, {\n contentStore: t.contentStore,\n childProps: this.props,\n name: t.displayName,\n customChildren: this.props.children\n }, i.createElement(s.Container, {\n className: \"Twilio-MainHeader\"\n }, i.createElement(a.ContentFragment, {\n align: \"start\"\n }, n && this.getLogo(o), r && i.createElement(s.HeaderContent, {\n key: \"text\"\n }, i.createElement(s.HeaderFirstLine, null, c))), i.createElement(a.ContentFragment, {\n align: \"end\"\n }, i.createElement(s.HeaderClose, {\n key: \"close-button\",\n onClick: this.closeClick\n }, i.createElement(a.Icon, {\n icon: \"Close\"\n }))))) : i.createElement(\"div\", null);\n }, n;\n }(i.PureComponent);\n\n t.MainHeaderImpl = c;\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__makeTemplateObject || function (e, t) {\n return Object.defineProperty ? Object.defineProperty(e, \"raw\", {\n value: t\n }) : e.raw = t, e;\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var o,\n i,\n a,\n s,\n c,\n u,\n l = n(3),\n f = n(76);\n t.Container = l.default(\"div\")(o || (o = r([\"\\n height: 44px;\\n flex-shrink: 0;\\n display: flex;\\n justify-content: space-between;\\n flex: 0 0 auto;\\n align-items: center;\\n cursor: move;\\n border-style: solid;\\n \", \";\\n .Icon-avatar {\\n margin-left: 14px;\\n }\\n\\n\"], [\"\\n height: 44px;\\n flex-shrink: 0;\\n display: flex;\\n justify-content: space-between;\\n flex: 0 0 auto;\\n align-items: center;\\n cursor: move;\\n border-style: solid;\\n \", \";\\n .Icon-avatar {\\n margin-left: 14px;\\n }\\n\\n\"])), function (e) {\n return e.theme.MainHeader.Container;\n }), t.HeaderLogoImage = l.default(\"img\")(i || (i = r([\"\\n margin-left: 12px;\\n margin-top: auto;\\n margin-bottom: auto;\\n display: block;\\n max-width: \", \";\\n max-height: 36px;\\n width: auto;\\n height: auto;\\n\"], [\"\\n margin-left: 12px;\\n margin-top: auto;\\n margin-bottom: auto;\\n display: block;\\n max-width: \", \";\\n max-height: 36px;\\n width: auto;\\n height: auto;\\n\"])), function (e) {\n return e.wide ? \"240px\" : \"120px\";\n }), t.DefaultLogo = l.default(f.FlexLogo)(a || (a = r([\"\\n margin-left: 12px;\\n\"], [\"\\n margin-left: 12px;\\n\"]))), t.HeaderContent = l.default(\"div\")(s || (s = r([\"\\n display: flex;\\n margin-left: 17px;\\n flex: 0 1 auto;\\n justify-content: center;\\n\"], [\"\\n display: flex;\\n margin-left: 17px;\\n flex: 0 1 auto;\\n justify-content: center;\\n\"]))), t.HeaderFirstLine = l.default(\"div\")(c || (c = r([\"\\n margin: auto;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n font-size: 14px;\\n font-weight: 600;\\n font-style: normal;\\n font-stretch: normal;\\n line-height: normal;\\n letter-spacing: normal;\\n text-align: left;\\n color: \", \";\\n\"], [\"\\n margin: auto;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n font-size: 14px;\\n font-weight: 600;\\n font-style: normal;\\n font-stretch: normal;\\n line-height: normal;\\n letter-spacing: normal;\\n text-align: left;\\n color: \", \";\\n\"])), function (e) {\n return e.theme.MainHeader.Container.color;\n }), t.HeaderClose = l.default(\"div\")(u || (u = r([\"\\n margin-left: auto;\\n cursor: pointer;\\n margin-right: 4px;\\n\"], [\"\\n margin-left: auto;\\n cursor: pointer;\\n margin-right: 4px;\\n\"])));\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n }), function (e) {\n for (var n in e) {\n t.hasOwnProperty(n) || (t[n] = e[n]);\n }\n }(n(77));\n }, function (e, t, n) {\n \"use strict\";\n\n var _r11,\n o = this && this.__extends || (_r11 = function r(e, t) {\n return (_r11 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r11(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n }),\n i = this && this.__assign || function () {\n return (i = Object.assign || function (e) {\n for (var t, n = 1, r = arguments.length; n < r; n++) {\n for (var o in t = arguments[n]) {\n Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);\n }\n }\n\n return e;\n }).apply(this, arguments);\n },\n a = this && this.__decorate || function (e, t, n, r) {\n var o,\n i = arguments.length,\n a = i < 3 ? t : null === r ? r = Object.getOwnPropertyDescriptor(t, n) : r;\n if (\"object\" == typeof Reflect && \"function\" == typeof Reflect.decorate) a = Reflect.decorate(e, t, n, r);else for (var s = e.length - 1; s >= 0; s--) {\n (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);\n }\n return i > 3 && a && Object.defineProperty(t, n, a), a;\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var s = n(1),\n c = n(3),\n u = n(78),\n l = function (e) {\n function t() {\n return null !== e && e.apply(this, arguments) || this;\n }\n\n return o(t, e), t.prototype.render = function () {\n return s.createElement(\"svg\", i({\n viewBox: \"0 0 24 24\",\n width: \"24px\",\n height: \"24px\"\n }, this.props), s.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, s.createElement(\"path\", {\n d: \"M0 0h24v24H0z\"\n }), s.createElement(u.StyledPath, {\n d: \"M4.852 10.253l4.324 4.325a.499.499 0 0 1 .146.353v4.568a.5.5 0 0 1-.852.354l-4.324-4.326A.495.495 0 0 1 4 15.174v-4.568a.5.5 0 0 1 .852-.353zM4.503 4h10.673c.132 0 .26.052.352.146l4.325 4.325a.5.5 0 0 1-.353.852H9.321a.49.49 0 0 0 0 .978h3.306c.132 0 .26.052.353.145l4.324 4.326a.5.5 0 0 1-.353.852h-5.1a.503.503 0 0 1-.353-.146l-7.352-7.34A.495.495 0 0 1 4 7.785V4.503C4 4.225 4.226 4 4.503 4z\"\n })));\n }, t = a([c.withTheme], t);\n }(s.PureComponent);\n\n t.FlexLogo = l;\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__makeTemplateObject || function (e, t) {\n return Object.defineProperty ? Object.defineProperty(e, \"raw\", {\n value: t\n }) : e.raw = t, e;\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var o,\n i = n(3);\n t.StyledPath = i.default(\"path\")(o || (o = r([\"\\n \", \"\\n\"], [\"\\n \", \"\\n\"])), function (e) {\n return e.theme.MainHeader.Logo;\n });\n }, function (e, t, n) {\n \"use strict\";\n\n var _r12,\n o = this && this.__extends || (_r12 = function r(e, t) {\n return (_r12 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r12(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n });\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var i = n(1),\n a = n(6),\n s = n(80),\n c = function (e) {\n function n() {\n return null !== e && e.apply(this, arguments) || this;\n }\n\n return o(n, e), n.prototype.render = function () {\n return i.createElement(t.Connected, null);\n }, n.friendlyName = s.displayName, n.displayName = n.friendlyName, n.Content = s.contentStore, n;\n }(i.PureComponent);\n\n t.PreEngagementCanvas = c, t.Connected = a.connect(function (e) {\n return {\n preEngagementConfig: e.flex.config.preEngagementConfig\n };\n })(s.PreEngagementCanvasImpl);\n }, function (e, t, n) {\n \"use strict\";\n\n var _r13,\n o = this && this.__extends || (_r13 = function r(e, t) {\n return (_r13 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r13(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n });\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var i = n(1),\n a = n(0),\n s = n(81),\n c = n(34),\n u = n(83);\n t.displayName = \"PreEngagementCanvas\", t.contentStore = new a.DynamicContentStore(t.displayName);\n\n var l = function (e) {\n function n() {\n var t = null !== e && e.apply(this, arguments) || this;\n return t.startEngagement = function (e) {\n a.Actions.invokeAction(\"StartEngagement\", {\n formData: e\n });\n }, t;\n }\n\n return o(n, e), n.prototype.render = function () {\n var e = this.props,\n n = e.preEngagementConfig,\n r = e.children;\n return s.ConfigHelper.isValidPreEngagementConfig(n) ? i.createElement(a.DynamicComponent, {\n contentStore: t.contentStore,\n childProps: this.props,\n name: t.displayName,\n customChildren: r,\n vertical: !0\n }, i.createElement(u.Container, {\n className: \"Twilio-PreEngagementCanvas\"\n }, i.createElement(a.DynamicForm, {\n key: \"form\",\n submitFormCallback: this.startEngagement,\n formAttributes: n\n }), n.footerLabel && i.createElement(u.Footer, {\n key: \"footer\",\n className: \"Twilio-PreEngagementCanvas-Footer\",\n dangerouslySetInnerHTML: {\n __html: n.footerLabel\n }\n }))) : i.createElement(c.InvalidPreEngagementCanvas, {\n key: \"no-pre-engagement\"\n });\n }, n;\n }(i.PureComponent);\n\n t.PreEngagementCanvasImpl = l;\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var r = n(2),\n o = function () {\n function e() {}\n\n return e.isValidPreEngagementConfig = function (e) {\n return \"object\" != typeof e ? (r.default.warn('\"preEngagementConfig\" is not a JSON object'), !1) : Array.isArray(e.fields) ? 0 !== e.fields.length || (r.default.warn('\"preEngagementConfig.fields\" has no items'), !1) : (r.default.warn('\"preEngagementConfig.fields\" is not an Array'), !1);\n }, e;\n }();\n\n t.ConfigHelper = o;\n }, function (e, t, n) {\n \"use strict\";\n\n var _r14,\n o = this && this.__extends || (_r14 = function r(e, t) {\n return (_r14 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r14(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n });\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var i = n(1),\n a = n(0),\n s = n(17),\n c = n(35);\n !function (e) {\n for (var n in e) {\n t.hasOwnProperty(n) || (t[n] = e[n]);\n }\n }(n(35));\n\n var u = function (e) {\n function t() {\n var t = null !== e && e.apply(this, arguments) || this;\n return t.handleButtonClick = function () {\n window.open(\"https://www.twilio.com/docs/flex/installing-and-using-flex-webchat#pre-engagement-form\", \"_blank\");\n }, t;\n }\n\n return o(t, e), t.prototype.render = function () {\n return i.createElement(a.DynamicComponent, {\n contentStore: t.Content,\n childProps: this.props,\n name: t.friendlyName,\n customChildren: this.props.children,\n vertical: !0\n }, i.createElement(c.Container, {\n className: \"Twilio-InvalidPreEngagementCanvas\"\n }, i.createElement(c.CenterContentContainer, {\n key: \"container\",\n className: \"Twilio-CenterContentContainer\"\n }, i.createElement(a.Icon, {\n icon: \"NoChat\",\n sizeMultiplier: 2\n }), i.createElement(c.Message, null, i.createElement(s.Template, {\n source: s.templates.InvalidPreEngagementMessage\n })), i.createElement(c.Button, {\n onClick: this.handleButtonClick\n }, i.createElement(s.Template, {\n source: s.templates.InvalidPreEngagementButton\n })))));\n }, t.friendlyName = \"InvalidPreEngagementCanvas\", t.displayName = t.friendlyName, t.Content = new a.DynamicContentStore(t.friendlyName), t;\n }(i.PureComponent);\n\n t.InvalidPreEngagementCanvas = u;\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__makeTemplateObject || function (e, t) {\n return Object.defineProperty ? Object.defineProperty(e, \"raw\", {\n value: t\n }) : e.raw = t, e;\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var o,\n i,\n a = n(3);\n t.Container = a.default(\"div\")(o || (o = r([\"\\n flex: 1;\\n display: flex;\\n flex-flow: column;\\n width: 100%;\\n margin: auto;\\n padding: 16px;\\n box-sizing: border-box;\\n \", \"\\n .Twilio-DynamicForm {\\n \", \";\\n button {\\n \", \";\\n }\\n label {\\n \", \"\\n }\\n .Twilio-ThumbsUpThumbsDown {\\n background: \", \";\\n color: \", \";\\n }\\n }\\n\"], [\"\\n flex: 1;\\n display: flex;\\n flex-flow: column;\\n width: 100%;\\n margin: auto;\\n padding: 16px;\\n box-sizing: border-box;\\n \", \"\\n .Twilio-DynamicForm {\\n \", \";\\n button {\\n \", \";\\n }\\n label {\\n \", \"\\n }\\n .Twilio-ThumbsUpThumbsDown {\\n background: \", \";\\n color: \", \";\\n }\\n }\\n\"])), function (e) {\n return e.theme.PreEngagementCanvas.Container;\n }, function (e) {\n return e.theme.PreEngagementCanvas.Container;\n }, function (e) {\n return e.theme.PreEngagementCanvas.Form.SubmitButton;\n }, function (e) {\n return e.theme.PreEngagementCanvas.Form.Label;\n }, function (e) {\n return e.theme.PreEngagementCanvas.Container.background;\n }, function (e) {\n return e.theme.PreEngagementCanvas.Container.color;\n }), t.Footer = a.default(\"div\")(i || (i = r([\"\\n font-size: 10px;\\n margin-top: 20px;\\n \", \";\\n\"], [\"\\n font-size: 10px;\\n margin-top: 20px;\\n \", \";\\n\"])), function (e) {\n return e.theme.PreEngagementCanvas.Footer;\n });\n }, function (e, t, n) {\n \"use strict\";\n\n var _r15,\n o = this && this.__extends || (_r15 = function r(e, t) {\n return (_r15 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r15(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n }),\n i = this && this.__assign || function () {\n return (i = Object.assign || function (e) {\n for (var t, n = 1, r = arguments.length; n < r; n++) {\n for (var o in t = arguments[n]) {\n Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);\n }\n }\n\n return e;\n }).apply(this, arguments);\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var a = n(1),\n s = n(6),\n c = n(85),\n u = function (e) {\n function n() {\n return null !== e && e.apply(this, arguments) || this;\n }\n\n return o(n, e), n.prototype.render = function () {\n return a.createElement(t.Connected, i({}, this.props));\n }, n.friendlyName = c.displayName, n.displayName = n.friendlyName, n.Content = c.contentStore, n;\n }(a.PureComponent);\n\n t.PendingEngagementCanvas = u, t.Connected = s.connect(function (e) {\n return {\n taskSid: e.flex.session.taskSid,\n cancelEngagementUrl: e.flex.config.cancelEngagementUrl\n };\n })(c.PendingEngagementCanvasImpl);\n }, function (e, t, n) {\n \"use strict\";\n\n var _r16,\n o = this && this.__extends || (_r16 = function r(e, t) {\n return (_r16 = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (e, t) {\n e.__proto__ = t;\n } || function (e, t) {\n for (var n in t) {\n t.hasOwnProperty(n) && (e[n] = t[n]);\n }\n })(e, t);\n }, function (e, t) {\n function n() {\n this.constructor = e;\n }\n\n _r16(e, t), e.prototype = null === t ? Object.create(t) : (n.prototype = t.prototype, new n());\n });\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var i = n(1),\n a = n(0),\n s = n(5),\n c = n(4),\n u = n(17),\n l = n(86);\n t.displayName = \"PendingEngagementCanvas\", t.contentStore = new a.DynamicContentStore(t.displayName);\n\n var f = function (e) {\n function n(t) {\n var n = e.call(this, t) || this;\n return n.handleCancelButtonClick = function () {\n s.Actions.cancelTask(), s.Actions.setEngagementStage(c.EngagementStage.PRE_ENGAGEMENT);\n }, n;\n }\n\n return o(n, e), n.prototype.render = function () {\n return i.createElement(a.DynamicComponent, {\n contentStore: t.contentStore,\n childProps: this.props,\n name: t.displayName,\n customChildren: this.props.children,\n vertical: !0\n }, i.createElement(l.Container, {\n className: \"Twilio-PendingEngagement\"\n }, i.createElement(l.CenterContentContainer, {\n key: \"container\",\n className: \"Twilio-CenterContentContainer\"\n }, i.createElement(a.CircularProgress, {\n size: 80,\n borderWidth: 2,\n animating: !0,\n className: \"Twilio-PendingEngagementProgress\"\n }), this.props.cancelEngagementUrl && i.createElement(l.ButtonContainer, null, i.createElement(l.Button, {\n disabled: !this.props.taskSid,\n onClick: this.handleCancelButtonClick\n }, i.createElement(u.Template, {\n source: u.templates.PendingEngagementCancelButton\n }))))));\n }, n;\n }(i.PureComponent);\n\n t.PendingEngagementCanvasImpl = f;\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__makeTemplateObject || function (e, t) {\n return Object.defineProperty ? Object.defineProperty(e, \"raw\", {\n value: t\n }) : e.raw = t, e;\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var o,\n i,\n a,\n s,\n c = n(3);\n t.Container = c.default(\"div\")(o || (o = r([\"\\n flex: 1;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n margin: auto;\\n width: 100%;\\n\\n \", \";\\n\"], [\"\\n flex: 1;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n margin: auto;\\n width: 100%;\\n\\n \", \";\\n\"])), function (e) {\n return e.theme.PendingEngagementCanvas.Container;\n }), t.CenterContentContainer = c.default(\"div\")(i || (i = r([\"\\n flex: 1;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n\\n margin: auto;\\n width: 100%;\\n\\n\"], [\"\\n flex: 1;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n\\n margin: auto;\\n width: 100%;\\n\\n\"]))), t.ButtonContainer = c.default(\"div\")(a || (a = r([\"\\n display: flex;\\n justify-content: center;\\n margin-top: 80px;\\n\"], [\"\\n display: flex;\\n justify-content: center;\\n margin-top: 80px;\\n\"]))), t.Button = c.default(\"button\")(s || (s = r([\"\\n border: 0;\\n box-shadow: none;\\n width: 100px;\\n border-radius: 14px;\\n padding: 6px 0 5px 0;\\n font-size: 12px;\\n font-weight: 400;\\n font-style: normal;\\n font-stretch: normal;\\n line-height: normal;\\n letter-spacing: normal;\\n opacity: 1;\\n background: \", \";\\n color: \", \";\\n\\n :disabled {\\n opacity: .5;\\n }\\n\"], [\"\\n border: 0;\\n box-shadow: none;\\n width: 100px;\\n border-radius: 14px;\\n padding: 6px 0 5px 0;\\n font-size: 12px;\\n font-weight: 400;\\n font-style: normal;\\n font-stretch: normal;\\n line-height: normal;\\n letter-spacing: normal;\\n opacity: 1;\\n background: \", \";\\n color: \", \";\\n\\n :disabled {\\n opacity: .5;\\n }\\n\"])), function (e) {\n return e.theme.PendingEngagementCanvas.CancelButton.background;\n }, function (e) {\n return e.theme.PendingEngagementCanvas.CancelButton.color;\n });\n }, function (e, t) {\n e.exports = require(\"react-draggable\");\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__makeTemplateObject || function (e, t) {\n return Object.defineProperty ? Object.defineProperty(e, \"raw\", {\n value: t\n }) : e.raw = t, e;\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var o,\n i = n(3);\n t.Container = i.default(\"div\")(o || (o = r([\"\\n display: flex;\\n flex: 1 1 auto;\\n flex-flow: column;\\n position: fixed !important;\\n max-height: 100%;\\n max-width: 100%;\\n height: \", \";\\n width: \", \";\\n overflow: auto;\\n bottom: \", \";\\n right: \", \";\\n z-index: 100;\\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);\\n \", \";\\n button.form {\\n background: #444444;\\n color: white;\\n border: 0;\\n box-shadow: none;\\n height: 28px;\\n border-radius: 0px;\\n padding: 6px 0px 5px 0px;\\n width: 60px;\\n font-weight: 600;\\n }\\n\"], [\"\\n display: flex;\\n flex: 1 1 auto;\\n flex-flow: column;\\n position: fixed !important;\\n max-height: 100%;\\n max-width: 100%;\\n height: \", \";\\n width: \", \";\\n overflow: auto;\\n bottom: \", \";\\n right: \", \";\\n z-index: 100;\\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);\\n \", \";\\n button.form {\\n background: #444444;\\n color: white;\\n border: 0;\\n box-shadow: none;\\n height: 28px;\\n border-radius: 0px;\\n padding: 6px 0px 5px 0px;\\n width: 60px;\\n font-weight: 600;\\n }\\n\"])), function (e) {\n return e.height;\n }, function (e) {\n return e.width;\n }, function (e) {\n return e.bottom;\n }, function (e) {\n return e.right;\n }, function (e) {\n return e.theme.MainContainer;\n });\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__makeTemplateObject || function (e, t) {\n return Object.defineProperty ? Object.defineProperty(e, \"raw\", {\n value: t\n }) : e.raw = t, e;\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var o,\n i = n(3);\n t.Container = i.default(\"div\")(o || (o = r([\"\\n\"], [\"\\n\"])));\n }, function (e, t, n) {\n \"use strict\";\n\n function r(e) {\n for (var n in e) {\n t.hasOwnProperty(n) || (t[n] = e[n]);\n }\n }\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n }), r(n(26)), r(n(19)), r(n(21));\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var r = n(13);\n t.AppConfig = r, function (e) {\n for (var n in e) {\n t.hasOwnProperty(n) || (t[n] = e[n]);\n }\n }(n(92));\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var r = n(0),\n o = n(5),\n i = n(15),\n a = function () {\n function e() {}\n\n return e.registerActions = function () {\n r.Actions.registerAction(\"StartEngagement\", e.startEngagement), r.Actions.registerAction(\"RestartEngagement\", e.restartEngagement), r.Actions.registerAction(\"ToggleChatVisibility\", e.toggleChatVisibility), r.Actions.registerAction(\"MinimizeChat\", e.minimizeChat);\n }, e.minimizeChat = function () {\n return Promise.resolve(o.Actions.closeClick());\n }, e.toggleChatVisibility = function () {\n return o.Actions.entryPointClick();\n }, e.restartEngagement = function () {\n return Promise.resolve(i.Actions.leaveChat());\n }, e.startEngagement = function (e) {\n return o.Actions.startEngagement(e.formData);\n }, e;\n }();\n\n t.WebChatActions = a, a.registerActions();\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var r = n(0);\n\n t.initialize = function () {\n r.MessagingCanvas.defaultProps.predefinedMessage = {\n authorName: \"PredefinedChatMessageAuthorName\",\n body: \"PredefinedChatMessageBody\",\n isFromMe: !1\n }, r.MessageInput.defaultProps.useLocalState = !0, r.registerGlobalStyles(), r.initialize();\n };\n }]);\n});","function _extends() {\n module.exports = _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nmodule.exports = _extends;","var objectWithoutPropertiesLoose = require(\"./objectWithoutPropertiesLoose\");\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nmodule.exports = _objectWithoutProperties;","function _getPrototypeOf(o) {\n module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf;","\"use strict\";\n\nexports.__esModule = true;\n\nexports.default = function (instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};","var _typeof = require(\"../helpers/typeof\");\n\nvar assertThisInitialized = require(\"./assertThisInitialized\");\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn;","var setPrototypeOf = require(\"./setPrototypeOf\");\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inherits;","\"use strict\";\n\nexports.__esModule = true;\n\nvar _defineProperty = require(\"../core-js/object/define-property\");\n\nvar _defineProperty2 = _interopRequireDefault(_defineProperty);\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nexports.default = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n (0, _defineProperty2.default)(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();","// Copyright Joyent, Inc. and other Node contributors.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to permit\n// persons to whom the Software is furnished to do so, subject to the\n// following conditions:\n//\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN\n// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,\n// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\n// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE\n// USE OR OTHER DEALINGS IN THE SOFTWARE.\n'use strict';\n\nvar R = typeof Reflect === 'object' ? Reflect : null;\nvar ReflectApply = R && typeof R.apply === 'function' ? R.apply : function ReflectApply(target, receiver, args) {\n return Function.prototype.apply.call(target, receiver, args);\n};\nvar ReflectOwnKeys;\n\nif (R && typeof R.ownKeys === 'function') {\n ReflectOwnKeys = R.ownKeys;\n} else if (Object.getOwnPropertySymbols) {\n ReflectOwnKeys = function ReflectOwnKeys(target) {\n return Object.getOwnPropertyNames(target).concat(Object.getOwnPropertySymbols(target));\n };\n} else {\n ReflectOwnKeys = function ReflectOwnKeys(target) {\n return Object.getOwnPropertyNames(target);\n };\n}\n\nfunction ProcessEmitWarning(warning) {\n if (console && console.warn) console.warn(warning);\n}\n\nvar NumberIsNaN = Number.isNaN || function NumberIsNaN(value) {\n return value !== value;\n};\n\nfunction EventEmitter() {\n EventEmitter.init.call(this);\n}\n\nmodule.exports = EventEmitter; // Backwards-compat with node 0.10.x\n\nEventEmitter.EventEmitter = EventEmitter;\nEventEmitter.prototype._events = undefined;\nEventEmitter.prototype._eventsCount = 0;\nEventEmitter.prototype._maxListeners = undefined; // By default EventEmitters will print a warning if more than 10 listeners are\n// added to it. This is a useful default which helps finding memory leaks.\n\nvar defaultMaxListeners = 10;\nObject.defineProperty(EventEmitter, 'defaultMaxListeners', {\n enumerable: true,\n get: function get() {\n return defaultMaxListeners;\n },\n set: function set(arg) {\n if (typeof arg !== 'number' || arg < 0 || NumberIsNaN(arg)) {\n throw new RangeError('The value of \"defaultMaxListeners\" is out of range. It must be a non-negative number. Received ' + arg + '.');\n }\n\n defaultMaxListeners = arg;\n }\n});\n\nEventEmitter.init = function () {\n if (this._events === undefined || this._events === Object.getPrototypeOf(this)._events) {\n this._events = Object.create(null);\n this._eventsCount = 0;\n }\n\n this._maxListeners = this._maxListeners || undefined;\n}; // Obviously not all Emitters should be limited to 10. This function allows\n// that to be increased. Set to zero for unlimited.\n\n\nEventEmitter.prototype.setMaxListeners = function setMaxListeners(n) {\n if (typeof n !== 'number' || n < 0 || NumberIsNaN(n)) {\n throw new RangeError('The value of \"n\" is out of range. It must be a non-negative number. Received ' + n + '.');\n }\n\n this._maxListeners = n;\n return this;\n};\n\nfunction $getMaxListeners(that) {\n if (that._maxListeners === undefined) return EventEmitter.defaultMaxListeners;\n return that._maxListeners;\n}\n\nEventEmitter.prototype.getMaxListeners = function getMaxListeners() {\n return $getMaxListeners(this);\n};\n\nEventEmitter.prototype.emit = function emit(type) {\n var args = [];\n\n for (var i = 1; i < arguments.length; i++) {\n args.push(arguments[i]);\n }\n\n var doError = type === 'error';\n var events = this._events;\n if (events !== undefined) doError = doError && events.error === undefined;else if (!doError) return false; // If there is no 'error' event listener then throw.\n\n if (doError) {\n var er;\n if (args.length > 0) er = args[0];\n\n if (er instanceof Error) {\n // Note: The comments on the `throw` lines are intentional, they show\n // up in Node's output if this results in an unhandled exception.\n throw er; // Unhandled 'error' event\n } // At least give some kind of context to the user\n\n\n var err = new Error('Unhandled error.' + (er ? ' (' + er.message + ')' : ''));\n err.context = er;\n throw err; // Unhandled 'error' event\n }\n\n var handler = events[type];\n if (handler === undefined) return false;\n\n if (typeof handler === 'function') {\n ReflectApply(handler, this, args);\n } else {\n var len = handler.length;\n var listeners = arrayClone(handler, len);\n\n for (var i = 0; i < len; ++i) {\n ReflectApply(listeners[i], this, args);\n }\n }\n\n return true;\n};\n\nfunction _addListener(target, type, listener, prepend) {\n var m;\n var events;\n var existing;\n\n if (typeof listener !== 'function') {\n throw new TypeError('The \"listener\" argument must be of type Function. Received type ' + typeof listener);\n }\n\n events = target._events;\n\n if (events === undefined) {\n events = target._events = Object.create(null);\n target._eventsCount = 0;\n } else {\n // To avoid recursion in the case that type === \"newListener\"! Before\n // adding it to the listeners, first emit \"newListener\".\n if (events.newListener !== undefined) {\n target.emit('newListener', type, listener.listener ? listener.listener : listener); // Re-assign `events` because a newListener handler could have caused the\n // this._events to be assigned to a new object\n\n events = target._events;\n }\n\n existing = events[type];\n }\n\n if (existing === undefined) {\n // Optimize the case of one listener. Don't need the extra array object.\n existing = events[type] = listener;\n ++target._eventsCount;\n } else {\n if (typeof existing === 'function') {\n // Adding the second element, need to change to array.\n existing = events[type] = prepend ? [listener, existing] : [existing, listener]; // If we've already got an array, just append.\n } else if (prepend) {\n existing.unshift(listener);\n } else {\n existing.push(listener);\n } // Check for listener leak\n\n\n m = $getMaxListeners(target);\n\n if (m > 0 && existing.length > m && !existing.warned) {\n existing.warned = true; // No error code for this since it is a Warning\n // eslint-disable-next-line no-restricted-syntax\n\n var w = new Error('Possible EventEmitter memory leak detected. ' + existing.length + ' ' + String(type) + ' listeners ' + 'added. Use emitter.setMaxListeners() to ' + 'increase limit');\n w.name = 'MaxListenersExceededWarning';\n w.emitter = target;\n w.type = type;\n w.count = existing.length;\n ProcessEmitWarning(w);\n }\n }\n\n return target;\n}\n\nEventEmitter.prototype.addListener = function addListener(type, listener) {\n return _addListener(this, type, listener, false);\n};\n\nEventEmitter.prototype.on = EventEmitter.prototype.addListener;\n\nEventEmitter.prototype.prependListener = function prependListener(type, listener) {\n return _addListener(this, type, listener, true);\n};\n\nfunction onceWrapper() {\n var args = [];\n\n for (var i = 0; i < arguments.length; i++) {\n args.push(arguments[i]);\n }\n\n if (!this.fired) {\n this.target.removeListener(this.type, this.wrapFn);\n this.fired = true;\n ReflectApply(this.listener, this.target, args);\n }\n}\n\nfunction _onceWrap(target, type, listener) {\n var state = {\n fired: false,\n wrapFn: undefined,\n target: target,\n type: type,\n listener: listener\n };\n var wrapped = onceWrapper.bind(state);\n wrapped.listener = listener;\n state.wrapFn = wrapped;\n return wrapped;\n}\n\nEventEmitter.prototype.once = function once(type, listener) {\n if (typeof listener !== 'function') {\n throw new TypeError('The \"listener\" argument must be of type Function. Received type ' + typeof listener);\n }\n\n this.on(type, _onceWrap(this, type, listener));\n return this;\n};\n\nEventEmitter.prototype.prependOnceListener = function prependOnceListener(type, listener) {\n if (typeof listener !== 'function') {\n throw new TypeError('The \"listener\" argument must be of type Function. Received type ' + typeof listener);\n }\n\n this.prependListener(type, _onceWrap(this, type, listener));\n return this;\n}; // Emits a 'removeListener' event if and only if the listener was removed.\n\n\nEventEmitter.prototype.removeListener = function removeListener(type, listener) {\n var list, events, position, i, originalListener;\n\n if (typeof listener !== 'function') {\n throw new TypeError('The \"listener\" argument must be of type Function. Received type ' + typeof listener);\n }\n\n events = this._events;\n if (events === undefined) return this;\n list = events[type];\n if (list === undefined) return this;\n\n if (list === listener || list.listener === listener) {\n if (--this._eventsCount === 0) this._events = Object.create(null);else {\n delete events[type];\n if (events.removeListener) this.emit('removeListener', type, list.listener || listener);\n }\n } else if (typeof list !== 'function') {\n position = -1;\n\n for (i = list.length - 1; i >= 0; i--) {\n if (list[i] === listener || list[i].listener === listener) {\n originalListener = list[i].listener;\n position = i;\n break;\n }\n }\n\n if (position < 0) return this;\n if (position === 0) list.shift();else {\n spliceOne(list, position);\n }\n if (list.length === 1) events[type] = list[0];\n if (events.removeListener !== undefined) this.emit('removeListener', type, originalListener || listener);\n }\n\n return this;\n};\n\nEventEmitter.prototype.off = EventEmitter.prototype.removeListener;\n\nEventEmitter.prototype.removeAllListeners = function removeAllListeners(type) {\n var listeners, events, i;\n events = this._events;\n if (events === undefined) return this; // not listening for removeListener, no need to emit\n\n if (events.removeListener === undefined) {\n if (arguments.length === 0) {\n this._events = Object.create(null);\n this._eventsCount = 0;\n } else if (events[type] !== undefined) {\n if (--this._eventsCount === 0) this._events = Object.create(null);else delete events[type];\n }\n\n return this;\n } // emit removeListener for all listeners on all events\n\n\n if (arguments.length === 0) {\n var keys = Object.keys(events);\n var key;\n\n for (i = 0; i < keys.length; ++i) {\n key = keys[i];\n if (key === 'removeListener') continue;\n this.removeAllListeners(key);\n }\n\n this.removeAllListeners('removeListener');\n this._events = Object.create(null);\n this._eventsCount = 0;\n return this;\n }\n\n listeners = events[type];\n\n if (typeof listeners === 'function') {\n this.removeListener(type, listeners);\n } else if (listeners !== undefined) {\n // LIFO order\n for (i = listeners.length - 1; i >= 0; i--) {\n this.removeListener(type, listeners[i]);\n }\n }\n\n return this;\n};\n\nfunction _listeners(target, type, unwrap) {\n var events = target._events;\n if (events === undefined) return [];\n var evlistener = events[type];\n if (evlistener === undefined) return [];\n if (typeof evlistener === 'function') return unwrap ? [evlistener.listener || evlistener] : [evlistener];\n return unwrap ? unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length);\n}\n\nEventEmitter.prototype.listeners = function listeners(type) {\n return _listeners(this, type, true);\n};\n\nEventEmitter.prototype.rawListeners = function rawListeners(type) {\n return _listeners(this, type, false);\n};\n\nEventEmitter.listenerCount = function (emitter, type) {\n if (typeof emitter.listenerCount === 'function') {\n return emitter.listenerCount(type);\n } else {\n return listenerCount.call(emitter, type);\n }\n};\n\nEventEmitter.prototype.listenerCount = listenerCount;\n\nfunction listenerCount(type) {\n var events = this._events;\n\n if (events !== undefined) {\n var evlistener = events[type];\n\n if (typeof evlistener === 'function') {\n return 1;\n } else if (evlistener !== undefined) {\n return evlistener.length;\n }\n }\n\n return 0;\n}\n\nEventEmitter.prototype.eventNames = function eventNames() {\n return this._eventsCount > 0 ? ReflectOwnKeys(this._events) : [];\n};\n\nfunction arrayClone(arr, n) {\n var copy = new Array(n);\n\n for (var i = 0; i < n; ++i) {\n copy[i] = arr[i];\n }\n\n return copy;\n}\n\nfunction spliceOne(list, index) {\n for (; index + 1 < list.length; index++) {\n list[index] = list[index + 1];\n }\n\n list.pop();\n}\n\nfunction unwrapListeners(arr) {\n var ret = new Array(arr.length);\n\n for (var i = 0; i < ret.length; ++i) {\n ret[i] = arr[i].listener || arr[i];\n }\n\n return ret;\n}","function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nmodule.exports = _classCallCheck;","function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nmodule.exports = _createClass;","var core = module.exports = {\n version: '2.6.5'\n};\nif (typeof __e == 'number') __e = core; // eslint-disable-line no-undef","var _typeof = require(\"../helpers/typeof\");\n\nvar assertThisInitialized = require(\"./assertThisInitialized\");\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn;","function _getPrototypeOf(o) {\n module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf;","var setPrototypeOf = require(\"./setPrototypeOf\");\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inherits;","module.exports = require(\"regenerator-runtime\");\n","\"use strict\";\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.sheetsManager = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _classCallCheck2 = _interopRequireDefault(require(\"@babel/runtime/helpers/classCallCheck\"));\n\nvar _createClass2 = _interopRequireDefault(require(\"@babel/runtime/helpers/createClass\"));\n\nvar _possibleConstructorReturn2 = _interopRequireDefault(require(\"@babel/runtime/helpers/possibleConstructorReturn\"));\n\nvar _getPrototypeOf2 = _interopRequireDefault(require(\"@babel/runtime/helpers/getPrototypeOf\"));\n\nvar _inherits2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inherits\"));\n\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _warning = _interopRequireDefault(require(\"warning\"));\n\nvar _hoistNonReactStatics = _interopRequireDefault(require(\"hoist-non-react-statics\"));\n\nvar _getDisplayName = _interopRequireDefault(require(\"recompose/getDisplayName\"));\n\nvar _wrapDisplayName = _interopRequireDefault(require(\"recompose/wrapDisplayName\"));\n\nvar _contextTypes = _interopRequireDefault(require(\"react-jss/lib/contextTypes\"));\n\nvar _jss = require(\"jss\");\n\nvar ns = _interopRequireWildcard(require(\"react-jss/lib/ns\"));\n\nvar _jssPreset = _interopRequireDefault(require(\"./jssPreset\"));\n\nvar _mergeClasses = _interopRequireDefault(require(\"./mergeClasses\"));\n\nvar _createMuiTheme = _interopRequireDefault(require(\"./createMuiTheme\"));\n\nvar _themeListener = _interopRequireDefault(require(\"./themeListener\"));\n\nvar _createGenerateClassName = _interopRequireDefault(require(\"./createGenerateClassName\"));\n\nvar _getStylesCreator = _interopRequireDefault(require(\"./getStylesCreator\"));\n\nvar _getThemeProps = _interopRequireDefault(require(\"./getThemeProps\")); // Default JSS instance.\n\n\nvar jss = (0, _jss.create)((0, _jssPreset.default)()); // Use a singleton or the provided one by the context.\n\nvar generateClassName = (0, _createGenerateClassName.default)(); // Global index counter to preserve source order.\n// We create the style sheet during at the creation of the component,\n// children are handled after the parents, so the order of style elements would be parent->child.\n// It is a problem though when a parent passes a className\n// which needs to override any childs styles.\n// StyleSheet of the child has a higher specificity, because of the source order.\n// So our solution is to render sheets them in the reverse order child->sheet, so\n// that parent has a higher specificity.\n\nvar indexCounter = -10e10; // Exported for test purposes\n\nvar sheetsManager = new Map(); // We use the same empty object to ref count the styles that don't need a theme object.\n\nexports.sheetsManager = sheetsManager;\nvar noopTheme = {}; // In order to have self-supporting components, we rely on default theme when not provided.\n\nvar defaultTheme;\n\nfunction getDefaultTheme() {\n if (defaultTheme) {\n return defaultTheme;\n }\n\n defaultTheme = (0, _createMuiTheme.default)();\n return defaultTheme;\n} // Link a style sheet with a component.\n// It does not modify the component passed to it;\n// instead, it returns a new component, with a `classes` property.\n\n\nvar withStyles = function withStyles(stylesOrCreator) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return function (Component) {\n var _options$withTheme = options.withTheme,\n withTheme = _options$withTheme === void 0 ? false : _options$withTheme,\n _options$flip = options.flip,\n flip = _options$flip === void 0 ? null : _options$flip,\n name = options.name,\n styleSheetOptions = (0, _objectWithoutProperties2.default)(options, [\"withTheme\", \"flip\", \"name\"]);\n var stylesCreator = (0, _getStylesCreator.default)(stylesOrCreator);\n var listenToTheme = stylesCreator.themingEnabled || withTheme || typeof name === 'string';\n indexCounter += 1;\n stylesCreator.options.index = indexCounter;\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(indexCounter < 0, ['Material-UI: you might have a memory leak.', 'The indexCounter is not supposed to grow that much.'].join(' ')) : void 0;\n\n var WithStyles =\n /*#__PURE__*/\n function (_React$Component) {\n (0, _inherits2.default)(WithStyles, _React$Component);\n\n function WithStyles(props, context) {\n var _this;\n\n (0, _classCallCheck2.default)(this, WithStyles);\n _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(WithStyles).call(this, props, context));\n _this.disableStylesGeneration = false;\n _this.jss = null;\n _this.sheetOptions = null;\n _this.sheetsManager = sheetsManager;\n _this.stylesCreatorSaved = null;\n _this.theme = null;\n _this.unsubscribeId = null;\n _this.state = {};\n _this.jss = context[ns.jss] || jss;\n var muiThemeProviderOptions = context.muiThemeProviderOptions;\n\n if (muiThemeProviderOptions) {\n if (muiThemeProviderOptions.sheetsManager) {\n _this.sheetsManager = muiThemeProviderOptions.sheetsManager;\n }\n\n _this.disableStylesGeneration = muiThemeProviderOptions.disableStylesGeneration;\n } // Attach the stylesCreator to the instance of the component as in the context\n // of react-hot-loader the hooks can be executed in a different closure context:\n // https://github.com/gaearon/react-hot-loader/blob/master/src/patch.dev.js#L107\n\n\n _this.stylesCreatorSaved = stylesCreator;\n _this.sheetOptions = (0, _extends2.default)({\n generateClassName: generateClassName\n }, context[ns.sheetOptions]); // We use || as the function call is lazy evaluated.\n\n _this.theme = listenToTheme ? _themeListener.default.initial(context) || getDefaultTheme() : noopTheme;\n\n _this.attach(_this.theme);\n\n _this.cacheClasses = {\n // Cache for the finalized classes value.\n value: null,\n // Cache for the last used classes prop pointer.\n lastProp: null,\n // Cache for the last used rendered classes pointer.\n lastJSS: {}\n };\n return _this;\n }\n\n (0, _createClass2.default)(WithStyles, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this2 = this;\n\n if (!listenToTheme) {\n return;\n }\n\n this.unsubscribeId = _themeListener.default.subscribe(this.context, function (theme) {\n var oldTheme = _this2.theme;\n _this2.theme = theme;\n\n _this2.attach(_this2.theme); // Rerender the component so the underlying component gets the theme update.\n // By theme update we mean receiving and applying the new class names.\n\n\n _this2.setState({}, function () {\n _this2.detach(oldTheme);\n });\n });\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate() {\n // react-hot-loader specific logic\n if (this.stylesCreatorSaved === stylesCreator || process.env.NODE_ENV === 'production') {\n return;\n }\n\n this.detach(this.theme);\n this.stylesCreatorSaved = stylesCreator;\n this.attach(this.theme);\n this.forceUpdate();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.detach(this.theme);\n\n if (this.unsubscribeId !== null) {\n _themeListener.default.unsubscribe(this.context, this.unsubscribeId);\n }\n }\n }, {\n key: \"getClasses\",\n value: function getClasses() {\n // Tracks if either the rendered classes or classes prop has changed,\n // requiring the generation of a new finalized classes object.\n var generate = false;\n\n if (!this.disableStylesGeneration) {\n var sheetManager = this.sheetsManager.get(this.stylesCreatorSaved);\n var sheetsManagerTheme = sheetManager.get(this.theme);\n\n if (sheetsManagerTheme.sheet.classes !== this.cacheClasses.lastJSS) {\n this.cacheClasses.lastJSS = sheetsManagerTheme.sheet.classes;\n generate = true;\n }\n }\n\n if (this.props.classes !== this.cacheClasses.lastProp) {\n this.cacheClasses.lastProp = this.props.classes;\n generate = true;\n }\n\n if (generate) {\n this.cacheClasses.value = (0, _mergeClasses.default)({\n baseClasses: this.cacheClasses.lastJSS,\n newClasses: this.props.classes,\n Component: Component,\n noBase: this.disableStylesGeneration\n });\n }\n\n return this.cacheClasses.value;\n }\n }, {\n key: \"attach\",\n value: function attach(theme) {\n if (this.disableStylesGeneration) {\n return;\n }\n\n var stylesCreatorSaved = this.stylesCreatorSaved;\n var sheetManager = this.sheetsManager.get(stylesCreatorSaved);\n\n if (!sheetManager) {\n sheetManager = new Map();\n this.sheetsManager.set(stylesCreatorSaved, sheetManager);\n }\n\n var sheetManagerTheme = sheetManager.get(theme);\n\n if (!sheetManagerTheme) {\n sheetManagerTheme = {\n refs: 0,\n sheet: null\n };\n sheetManager.set(theme, sheetManagerTheme);\n }\n\n if (sheetManagerTheme.refs === 0) {\n var styles = stylesCreatorSaved.create(theme, name);\n var meta = name;\n\n if (process.env.NODE_ENV !== 'production' && !meta) {\n meta = (0, _getDisplayName.default)(Component);\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(typeof meta === 'string', ['Material-UI: the component displayName is invalid. It needs to be a string.', \"Please fix the following component: \".concat(Component, \".\")].join('\\n')) : void 0;\n }\n\n var sheet = this.jss.createStyleSheet(styles, (0, _extends2.default)({\n meta: meta,\n classNamePrefix: meta,\n flip: typeof flip === 'boolean' ? flip : theme.direction === 'rtl',\n link: false\n }, this.sheetOptions, stylesCreatorSaved.options, {\n name: name\n }, styleSheetOptions));\n sheetManagerTheme.sheet = sheet;\n sheet.attach();\n var sheetsRegistry = this.context[ns.sheetsRegistry];\n\n if (sheetsRegistry) {\n sheetsRegistry.add(sheet);\n }\n }\n\n sheetManagerTheme.refs += 1;\n }\n }, {\n key: \"detach\",\n value: function detach(theme) {\n if (this.disableStylesGeneration) {\n return;\n }\n\n var stylesCreatorSaved = this.stylesCreatorSaved;\n var sheetManager = this.sheetsManager.get(stylesCreatorSaved);\n var sheetManagerTheme = sheetManager.get(theme);\n sheetManagerTheme.refs -= 1;\n\n if (sheetManagerTheme.refs === 0) {\n sheetManager.delete(theme);\n this.jss.removeStyleSheet(sheetManagerTheme.sheet);\n var sheetsRegistry = this.context[ns.sheetsRegistry];\n\n if (sheetsRegistry) {\n sheetsRegistry.remove(sheetManagerTheme.sheet);\n }\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n classes = _this$props.classes,\n innerRef = _this$props.innerRef,\n other = (0, _objectWithoutProperties2.default)(_this$props, [\"classes\", \"innerRef\"]);\n var more = (0, _getThemeProps.default)({\n theme: this.theme,\n name: name\n }); // Provide the theme to the wrapped component.\n // So we don't have to use the `withTheme()` Higher-order Component.\n\n if (withTheme) {\n more.theme = this.theme;\n }\n\n return _react.default.createElement(Component, (0, _extends2.default)({}, more, {\n classes: this.getClasses(),\n ref: innerRef\n }, other));\n }\n }]);\n return WithStyles;\n }(_react.default.Component);\n\n WithStyles.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * Override or extend the styles applied to the component.\n */\n classes: _propTypes.default.object,\n\n /**\n * Use that property to pass a ref callback to the decorated component.\n */\n innerRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])\n } : {};\n WithStyles.contextTypes = (0, _extends2.default)({\n muiThemeProviderOptions: _propTypes.default.object\n }, _contextTypes.default, listenToTheme ? _themeListener.default.contextTypes : {});\n\n if (process.env.NODE_ENV !== 'production') {\n WithStyles.displayName = (0, _wrapDisplayName.default)(Component, 'WithStyles');\n }\n\n (0, _hoistNonReactStatics.default)(WithStyles, Component);\n\n if (process.env.NODE_ENV !== 'production') {\n // Exposed for test purposes.\n WithStyles.Naked = Component;\n WithStyles.options = options;\n }\n\n return WithStyles;\n };\n};\n\nvar _default = withStyles;\nexports.default = _default;","/*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n\n/* global define */\n(function () {\n 'use strict';\n\n var hasOwn = {}.hasOwnProperty;\n\n function classNames() {\n var classes = [];\n\n for (var i = 0; i < arguments.length; i++) {\n var arg = arguments[i];\n if (!arg) continue;\n var argType = typeof arg;\n\n if (argType === 'string' || argType === 'number') {\n classes.push(arg);\n } else if (Array.isArray(arg) && arg.length) {\n var inner = classNames.apply(null, arg);\n\n if (inner) {\n classes.push(inner);\n }\n } else if (argType === 'object') {\n for (var key in arg) {\n if (hasOwn.call(arg, key) && arg[key]) {\n classes.push(key);\n }\n }\n }\n }\n\n return classes.join(' ');\n }\n\n if (typeof module !== 'undefined' && module.exports) {\n classNames.default = classNames;\n module.exports = classNames;\n } else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n // register as 'classnames', consistent with npm package name\n define('classnames', [], function () {\n return classNames;\n });\n } else {\n window.classNames = classNames;\n }\n})();","module.exports = {\n \"default\": require(\"core-js/library/fn/promise\"),\n __esModule: true\n};","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nmodule.exports = _defineProperty;","var global = require('./_global');\n\nvar core = require('./_core');\n\nvar ctx = require('./_ctx');\n\nvar hide = require('./_hide');\n\nvar has = require('./_has');\n\nvar PROTOTYPE = 'prototype';\n\nvar $export = function $export(type, name, source) {\n var IS_FORCED = type & $export.F;\n var IS_GLOBAL = type & $export.G;\n var IS_STATIC = type & $export.S;\n var IS_PROTO = type & $export.P;\n var IS_BIND = type & $export.B;\n var IS_WRAP = type & $export.W;\n var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});\n var expProto = exports[PROTOTYPE];\n var target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE];\n var key, own, out;\n if (IS_GLOBAL) source = name;\n\n for (key in source) {\n // contains in native\n own = !IS_FORCED && target && target[key] !== undefined;\n if (own && has(exports, key)) continue; // export native or passed\n\n out = own ? target[key] : source[key]; // prevent global pollution for namespaces\n\n exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key] // bind timers to global for call from export context\n : IS_BIND && own ? ctx(out, global) // wrap global constructors for prevent change them in library\n : IS_WRAP && target[key] == out ? function (C) {\n var F = function F(a, b, c) {\n if (this instanceof C) {\n switch (arguments.length) {\n case 0:\n return new C();\n\n case 1:\n return new C(a);\n\n case 2:\n return new C(a, b);\n }\n\n return new C(a, b, c);\n }\n\n return C.apply(this, arguments);\n };\n\n F[PROTOTYPE] = C[PROTOTYPE];\n return F; // make static versions for prototype methods\n }(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out; // export proto methods to core.%CONSTRUCTOR%.methods.%NAME%\n\n if (IS_PROTO) {\n (exports.virtual || (exports.virtual = {}))[key] = out; // export proto methods to core.%CONSTRUCTOR%.prototype.%NAME%\n\n if (type & $export.R && expProto && !expProto[key]) hide(expProto, key, out);\n }\n }\n}; // type bitmap\n\n\n$export.F = 1; // forced\n\n$export.G = 2; // global\n\n$export.S = 4; // static\n\n$export.P = 8; // proto\n\n$export.B = 16; // bind\n\n$export.W = 32; // wrap\n\n$export.U = 64; // safe\n\n$export.R = 128; // real proto method for `library`\n\nmodule.exports = $export;","function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n try {\n var info = gen[key](arg);\n var value = info.value;\n } catch (error) {\n reject(error);\n return;\n }\n\n if (info.done) {\n resolve(value);\n } else {\n Promise.resolve(value).then(_next, _throw);\n }\n}\n\nfunction _asyncToGenerator(fn) {\n return function () {\n var self = this,\n args = arguments;\n return new Promise(function (resolve, reject) {\n var gen = fn.apply(self, args);\n\n function _next(value) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n }\n\n function _throw(err) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n }\n\n _next(undefined);\n });\n };\n}\n\nmodule.exports = _asyncToGenerator;","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';\n/**\n * Similar to invariant but only logs a warning if the condition is not met.\n * This can be used to log issues in development environments in critical\n * paths. Removing the logging code for production environments will keep the\n * same logic and follow the same code paths.\n */\n\nvar __DEV__ = process.env.NODE_ENV !== 'production';\n\nvar warning = function warning() {};\n\nif (__DEV__) {\n var printWarning = function printWarning(format, args) {\n var len = arguments.length;\n args = new Array(len > 1 ? len - 1 : 0);\n\n for (var key = 1; key < len; key++) {\n args[key - 1] = arguments[key];\n }\n\n var argIndex = 0;\n var message = 'Warning: ' + format.replace(/%s/g, function () {\n return args[argIndex++];\n });\n\n if (typeof console !== 'undefined') {\n console.error(message);\n }\n\n try {\n // --- Welcome to debugging React ---\n // This error was thrown as a convenience so that you can use this stack\n // to find the callsite that caused this warning to fire.\n throw new Error(message);\n } catch (x) {}\n };\n\n warning = function warning(condition, format, args) {\n var len = arguments.length;\n args = new Array(len > 2 ? len - 2 : 0);\n\n for (var key = 2; key < len; key++) {\n args[key - 2] = arguments[key];\n }\n\n if (format === undefined) {\n throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');\n }\n\n if (!condition) {\n printWarning.apply(null, [format].concat(args));\n }\n };\n}\n\nmodule.exports = warning;","module.exports = require(\"regenerator-runtime\");","// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nvar global = module.exports = typeof window != 'undefined' && window.Math == Math ? window : typeof self != 'undefined' && self.Math == Math ? self // eslint-disable-next-line no-new-func\n: Function('return this')();\nif (typeof __g == 'number') __g = global; // eslint-disable-line no-undef","var store = require('./_shared')('wks');\n\nvar uid = require('./_uid');\n\nvar Symbol = require('./_global').Symbol;\n\nvar USE_SYMBOL = typeof Symbol == 'function';\n\nvar $exports = module.exports = function (name) {\n return store[name] || (store[name] = USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));\n};\n\n$exports.store = store;","module.exports = function (it) {\n return typeof it === 'object' ? it !== null : typeof it === 'function';\n};","var g; // This works in non-strict mode\n\ng = function () {\n return this;\n}();\n\ntry {\n // This works if eval is allowed (see CSP)\n g = g || Function(\"return this\")() || (1, eval)(\"this\");\n} catch (e) {\n // This works if the window reference is available\n if (typeof window === \"object\") g = window;\n} // g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\n\nmodule.exports = g;","'use strict';\n\nfunction checkDCE() {\n /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\n if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function') {\n return;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n // This branch is unreachable because this function is only called\n // in production, but the condition is true only in development.\n // Therefore if the branch is still here, dead code elimination wasn't\n // properly applied.\n // Don't change the message. React DevTools relies on it. Also make sure\n // this message doesn't occur elsewhere in this function, or it will cause\n // a false positive.\n throw new Error('^_^');\n }\n\n try {\n // Verify that the code above has been dead code eliminated (DCE'd).\n __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);\n } catch (err) {\n // DevTools shouldn't crash React, no matter what.\n // We should still report in case we break this code.\n console.error(err);\n }\n}\n\nif (process.env.NODE_ENV === 'production') {\n // DCE check should happen before ReactDOM bundle executes so that\n // DevTools can report bad minification during injection.\n checkDCE();\n module.exports = require('./cjs/react-dom.production.min.js');\n} else {\n module.exports = require('./cjs/react-dom.development.js');\n}","'use strict';\n\nvar bind = require('./helpers/bind');\n\nvar isBuffer = require('is-buffer');\n/*global toString:true*/\n// utils is a library of generic helper functions non-specific to axios\n\n\nvar toString = Object.prototype.toString;\n/**\n * Determine if a value is an Array\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Array, otherwise false\n */\n\nfunction isArray(val) {\n return toString.call(val) === '[object Array]';\n}\n/**\n * Determine if a value is an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an ArrayBuffer, otherwise false\n */\n\n\nfunction isArrayBuffer(val) {\n return toString.call(val) === '[object ArrayBuffer]';\n}\n/**\n * Determine if a value is a FormData\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an FormData, otherwise false\n */\n\n\nfunction isFormData(val) {\n return typeof FormData !== 'undefined' && val instanceof FormData;\n}\n/**\n * Determine if a value is a view on an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false\n */\n\n\nfunction isArrayBufferView(val) {\n var result;\n\n if (typeof ArrayBuffer !== 'undefined' && ArrayBuffer.isView) {\n result = ArrayBuffer.isView(val);\n } else {\n result = val && val.buffer && val.buffer instanceof ArrayBuffer;\n }\n\n return result;\n}\n/**\n * Determine if a value is a String\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a String, otherwise false\n */\n\n\nfunction isString(val) {\n return typeof val === 'string';\n}\n/**\n * Determine if a value is a Number\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Number, otherwise false\n */\n\n\nfunction isNumber(val) {\n return typeof val === 'number';\n}\n/**\n * Determine if a value is undefined\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if the value is undefined, otherwise false\n */\n\n\nfunction isUndefined(val) {\n return typeof val === 'undefined';\n}\n/**\n * Determine if a value is an Object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Object, otherwise false\n */\n\n\nfunction isObject(val) {\n return val !== null && typeof val === 'object';\n}\n/**\n * Determine if a value is a Date\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Date, otherwise false\n */\n\n\nfunction isDate(val) {\n return toString.call(val) === '[object Date]';\n}\n/**\n * Determine if a value is a File\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a File, otherwise false\n */\n\n\nfunction isFile(val) {\n return toString.call(val) === '[object File]';\n}\n/**\n * Determine if a value is a Blob\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Blob, otherwise false\n */\n\n\nfunction isBlob(val) {\n return toString.call(val) === '[object Blob]';\n}\n/**\n * Determine if a value is a Function\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Function, otherwise false\n */\n\n\nfunction isFunction(val) {\n return toString.call(val) === '[object Function]';\n}\n/**\n * Determine if a value is a Stream\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Stream, otherwise false\n */\n\n\nfunction isStream(val) {\n return isObject(val) && isFunction(val.pipe);\n}\n/**\n * Determine if a value is a URLSearchParams object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a URLSearchParams object, otherwise false\n */\n\n\nfunction isURLSearchParams(val) {\n return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;\n}\n/**\n * Trim excess whitespace off the beginning and end of a string\n *\n * @param {String} str The String to trim\n * @returns {String} The String freed of excess whitespace\n */\n\n\nfunction trim(str) {\n return str.replace(/^\\s*/, '').replace(/\\s*$/, '');\n}\n/**\n * Determine if we're running in a standard browser environment\n *\n * This allows axios to run in a web worker, and react-native.\n * Both environments support XMLHttpRequest, but not fully standard globals.\n *\n * web workers:\n * typeof window -> undefined\n * typeof document -> undefined\n *\n * react-native:\n * navigator.product -> 'ReactNative'\n */\n\n\nfunction isStandardBrowserEnv() {\n if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {\n return false;\n }\n\n return typeof window !== 'undefined' && typeof document !== 'undefined';\n}\n/**\n * Iterate over an Array or an Object invoking a function for each item.\n *\n * If `obj` is an Array callback will be called passing\n * the value, index, and complete array for each item.\n *\n * If 'obj' is an Object callback will be called passing\n * the value, key, and complete object for each property.\n *\n * @param {Object|Array} obj The object to iterate\n * @param {Function} fn The callback to invoke for each item\n */\n\n\nfunction forEach(obj, fn) {\n // Don't bother if no value provided\n if (obj === null || typeof obj === 'undefined') {\n return;\n } // Force an array if not already something iterable\n\n\n if (typeof obj !== 'object' && !isArray(obj)) {\n /*eslint no-param-reassign:0*/\n obj = [obj];\n }\n\n if (isArray(obj)) {\n // Iterate over array values\n for (var i = 0, l = obj.length; i < l; i++) {\n fn.call(null, obj[i], i, obj);\n }\n } else {\n // Iterate over object keys\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n fn.call(null, obj[key], key, obj);\n }\n }\n }\n}\n/**\n * Accepts varargs expecting each argument to be an object, then\n * immutably merges the properties of each object and returns result.\n *\n * When multiple objects contain the same key the later object in\n * the arguments list will take precedence.\n *\n * Example:\n *\n * ```js\n * var result = merge({foo: 123}, {foo: 456});\n * console.log(result.foo); // outputs 456\n * ```\n *\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\n\n\nfunction merge()\n/* obj1, obj2, obj3, ... */\n{\n var result = {};\n\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = merge(result[key], val);\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n\n return result;\n}\n/**\n * Extends object a by mutably adding to it the properties of object b.\n *\n * @param {Object} a The object to be extended\n * @param {Object} b The object to copy properties from\n * @param {Object} thisArg The object to bind function to\n * @return {Object} The resulting value of object a\n */\n\n\nfunction extend(a, b, thisArg) {\n forEach(b, function assignValue(val, key) {\n if (thisArg && typeof val === 'function') {\n a[key] = bind(val, thisArg);\n } else {\n a[key] = val;\n }\n });\n return a;\n}\n\nmodule.exports = {\n isArray: isArray,\n isArrayBuffer: isArrayBuffer,\n isBuffer: isBuffer,\n isFormData: isFormData,\n isArrayBufferView: isArrayBufferView,\n isString: isString,\n isNumber: isNumber,\n isObject: isObject,\n isUndefined: isUndefined,\n isDate: isDate,\n isFile: isFile,\n isBlob: isBlob,\n isFunction: isFunction,\n isStream: isStream,\n isURLSearchParams: isURLSearchParams,\n isStandardBrowserEnv: isStandardBrowserEnv,\n forEach: forEach,\n merge: merge,\n extend: extend,\n trim: trim\n};","export default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}","import PropTypes from 'prop-types';\nexport var subscriptionShape = PropTypes.shape({\n trySubscribe: PropTypes.func.isRequired,\n tryUnsubscribe: PropTypes.func.isRequired,\n notifyNestedSubs: PropTypes.func.isRequired,\n isSubscribed: PropTypes.func.isRequired\n});\nexport var storeShape = PropTypes.shape({\n subscribe: PropTypes.func.isRequired,\n dispatch: PropTypes.func.isRequired,\n getState: PropTypes.func.isRequired\n});","import _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport { Component, Children } from 'react';\nimport PropTypes from 'prop-types';\nimport { storeShape, subscriptionShape } from '../utils/PropTypes';\nimport warning from '../utils/warning';\nvar didWarnAboutReceivingStore = false;\n\nfunction warnAboutReceivingStore() {\n if (didWarnAboutReceivingStore) {\n return;\n }\n\n didWarnAboutReceivingStore = true;\n warning('This chat is no longer active.
\",\n MessageCanvasTrayButton: \"START NEW CHAT\",\n WelcomeMessage: \"Welcome to customer service\",\n NotificationMessage: \"Unable to perform action: {{message}}\",\n Save: \"SAVE\",\n Reset: \"RESET\",\n MessageCharacterCountStatus: \"{{currentCharCount}} / {{maxCharCount}}\",\n MessageCharacterCountReached: \"Character count reached - {{currentCharCount}} / {{maxCharCount}}\",\n SendMessageTooltip: \"Send Message\",\n FieldValidationRequiredField: \"Field required\",\n FieldValidationInvalidEmail: \"Please provide a valid email address\"\n };\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var r = n(12);\n t.ChatChannelState = r;\n var o = n(32);\n t.ChatChannelsState = o;\n var i = n(23);\n t.ChatSessionState = i;\n var a = n(299);\n t.ChatState = a;\n var s = n(300);\n t.ChatConfig = s;\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var r,\n o = n(68),\n i = n(14),\n a = n(3);\n t.setConfig = function (e) {\n var t, n;\n r && r.language === e.language || (t = e.language, n = o.languages[t] || o.languages.default, i.initWithStrings(n)), e.logLevel && a.default.setLevel(e.logLevel), r = e;\n }, t.current = function () {\n return r;\n };\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var r = n(302);\n t.MediumTheme = r.default, t.GreyLight = r.GreyLight;\n var o = n(306);\n t.DarkTheme = o.default, t.GreyDark = o.GreyDark;\n var i = n(307);\n t.BlueDarkTheme = i.default, t.FlexDark = i.FlexDark;\n var a = n(308);\n t.BlueMediumTheme = a.default, t.FlexLight = a.FlexLight;\n var s = n(18);\n t.BaseTheme = s.default, t.createTheme = s.createTheme;\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__assign || function () {\n return (r = Object.assign || function (e) {\n for (var t, n = 1, r = arguments.length; n < r; n++) {\n for (var o in t = arguments[n]) {\n Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);\n }\n }\n\n return e;\n }).apply(this, arguments);\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var o = n(18),\n i = {\n colors: r({}, o.default.colors, {\n base1: \"#ffffff\",\n base2: \"#eeeeee\",\n base3: \"#dddddd\",\n base4: \"#cccccc\",\n base5: \"#bbbbbb\",\n base6: \"#ababab\",\n base7: \"#888888\",\n base8: \"#666666\",\n base9: \"#444444\",\n base10: \"#222222\",\n base11: \"#000000\"\n })\n };\n t.GreyLight = i, t.default = i;\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__assign || function () {\n return (r = Object.assign || function (e) {\n for (var t, n = 1, r = arguments.length; n < r; n++) {\n for (var o in t = arguments[n]) {\n Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);\n }\n }\n\n return e;\n }).apply(this, arguments);\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var o = n(304);\n\n function i(e, t) {\n var n = \"rgba(0, 0, 0, 0.2)\";\n t && (n = \"rgba(255, 255, 255, 0.2)\");\n var o = {\n backgroundColor: \"\" + n,\n backgroundBlendMode: \"color\"\n };\n return e && (o = r({}, o, {\n backgroundImage: \"linear-gradient(to top, \" + e + \", \" + e + \")\"\n })), o;\n }\n\n t.createMuiTheme = function (e, t) {\n var n = t ? e.darkTextColor : e.lightTextColor;\n return {\n palette: {\n action: {\n hover: \"rgba(0, 0, 0, 0)\"\n },\n error: {\n main: e.errorColor\n },\n primary: {\n main: e.defaultButtonColor,\n primary: e.defaultButtonColor\n },\n text: {\n primary: n,\n secondary: n,\n disabled: e.disabledColor,\n hint: n\n }\n },\n overrides: {\n MuiFormLabel: {\n root: {\n fontSize: 12,\n marginBottom: 8\n }\n },\n MuiFormHelperText: {\n root: {\n fontSize: \"10px !important\",\n lineHeight: \"1.6\",\n color: n,\n paddingTop: 4,\n paddingBottom: 4\n }\n },\n MuiInput: {\n focused: {\n background: e.base1\n },\n input: {\n color: n,\n boxShadow: \"none\",\n border: \"1px solid \" + e.base4,\n fontSize: 12,\n lineHeight: \"16px\",\n paddingTop: 7,\n paddingBottom: 7,\n paddingLeft: 12,\n paddingRight: 12,\n \"&:focus\": {\n background: e.base1,\n boxShadow: \"0px 0px 0px 2px \" + e.focusGlow,\n border: \"1px solid \" + e.focusColor\n }\n },\n inputType: {\n height: \"initial\"\n },\n error: {\n color: e.errorColor,\n \"& input, & input:focus\": {\n boxShadow: \"0px 0px 0px 2px \" + e.errorGlow,\n border: \"1px solid \" + e.errorColor\n }\n }\n },\n MuiMenuItem: {\n root: {\n background: e.base1,\n color: n,\n fontSize: 12,\n height: 24,\n paddingTop: 0,\n paddingBottom: 0,\n paddingLeft: 12,\n paddingRight: 12,\n margin: \"0px 1px 1px 1px\",\n \"&:hover\": i(e.base1, !t)\n },\n selected: {\n fontWeight: \"bold\"\n }\n },\n MuiSelect: {\n select: {\n \"&:focus\": {\n background: e.base1\n },\n \"&[aria-pressed='true'] ~ .Twilio-Dropdown\": {\n transform: \"scaleY(-1)\"\n },\n fontSize: 12,\n paddingRight: 48\n },\n icon: {\n right: 6,\n color: n\n }\n },\n MuiTable: {\n root: {\n tableLayout: \"fixed\"\n }\n },\n MuiTableRow: {\n head: {\n height: \"24px\",\n \"&:hover\": {\n background: \"transparent\"\n }\n },\n root: {\n height: \"52px\",\n \"&$selected\": {\n backgroundColor: \"inherit\",\n background: \"linear-gradient(to right, \" + e.defaultButtonColor + \" 0%, \" + e.defaultButtonColor + \" 4px, \" + e.base2 + \" 4px, \" + e.base2 + \" 100%)\"\n },\n \"&$hover:hover\": i(void 0, !t)\n }\n },\n MuiTableCell: {\n root: {\n padding: \"0px 0px 0px 0px\",\n fontSize: \"10px\",\n \"&:first-child\": {\n paddingLeft: \"6px\"\n },\n borderBottomColor: e.base4\n },\n head: {\n fontSize: \"10px\",\n fontWeight: \"bold\",\n color: n,\n letterSpacing: \"2px\",\n textTransform: \"uppercase\",\n \"&:first-child\": {\n paddingLeft: \"12px\"\n }\n },\n body: {\n fontSize: \"10px\",\n color: n,\n verticalAlign: \"center\"\n }\n },\n MuiSwitch: {\n root: {\n width: 39,\n marginRight: 3\n },\n bar: {\n width: 32,\n height: 8,\n top: 19,\n opacity: \"1 !important\",\n backgroundColor: e.disabledColor\n },\n icon: {\n width: 16,\n height: 16,\n marginRight: \"auto\",\n background: \"#ffffff\",\n border: \"1px solid #000\"\n },\n iconChecked: {\n background: \"#ffffff\",\n border: \"1px solid #000\",\n opacity: 1\n },\n checked: {\n transform: \"translateX(20px)\",\n opacity: 1\n }\n },\n MuiSwitchBase: {\n root: {\n width: 39,\n height: 32\n }\n },\n MuiFormControlLabel: {\n root: {\n marginLeft: 0,\n marginRight: 12\n },\n label: {\n fontSize: 12,\n textOverflow: \"ellipsis\",\n overflow: \"hidden\",\n whiteSpace: \"nowrap\"\n }\n }\n },\n props: {\n MuiButtonBase: {\n disableRipple: !0\n },\n MuiInput: {\n disableUnderline: !0\n },\n MuiSelect: {\n MenuProps: {\n MenuListProps: {\n disablePadding: !0\n },\n PaperProps: {\n square: !0,\n style: {\n boxShadow: \"inset 0px -1px 0px 1px \" + e.base4,\n background: e.base1\n }\n },\n anchorOrigin: {\n horizontal: \"left\",\n vertical: \"bottom\"\n },\n getContentAnchorEl: null,\n marginThreshold: 0,\n transitionDuration: 0\n },\n IconComponent: o.SelectDropDownIcon\n }\n },\n typography: {\n fontFamily: \"Open Sans\"\n }\n };\n };\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__makeTemplateObject || function (e, t) {\n return Object.defineProperty ? Object.defineProperty(e, \"raw\", {\n value: t\n }) : e.raw = t, e;\n },\n o = this && this.__assign || function () {\n return (o = Object.assign || function (e) {\n for (var t, n = 1, r = arguments.length; n < r; n++) {\n for (var o in t = arguments[n]) {\n Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);\n }\n }\n\n return e;\n }).apply(this, arguments);\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var i,\n a = n(0),\n s = n(1),\n l = n(20),\n c = n(305),\n u = s.styled(l.FlexBox)(i || (i = r([\"\\n position: absolute;\\n pointer-events: none;\\n top: 0;\\n right: 0;\\n width: 32px;\\n height: 32px;\\n\"], [\"\\n position: absolute;\\n pointer-events: none;\\n top: 0;\\n right: 0;\\n width: 32px;\\n height: 32px;\\n\"])));\n\n t.SelectDropDownIcon = function (e) {\n return a.createElement(u, {\n className: \"Twilio-Dropdown\"\n }, a.createElement(c.default, o({}, e)));\n };\n }, function (e, t) {\n e.exports = require(\"@material-ui/icons/ArrowDropDown\");\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__assign || function () {\n return (r = Object.assign || function (e) {\n for (var t, n = 1, r = arguments.length; n < r; n++) {\n for (var o in t = arguments[n]) {\n Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);\n }\n }\n\n return e;\n }).apply(this, arguments);\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var o = n(18),\n i = {\n colors: r({}, o.default.colors, {\n base1: \"#000000\",\n base2: \"#222222\",\n base3: \"#444444\",\n base4: \"#666666\",\n base5: \"#888888\",\n base6: \"#ababab\",\n base7: \"#bbbbbb\",\n base8: \"#cccccc\",\n base9: \"#dddddd\",\n base10: \"#eeeeee\",\n base11: \"#ffffff\"\n })\n };\n t.GreyDark = i, t.default = i;\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__assign || function () {\n return (r = Object.assign || function (e) {\n for (var t, n = 1, r = arguments.length; n < r; n++) {\n for (var o in t = arguments[n]) {\n Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);\n }\n }\n\n return e;\n }).apply(this, arguments);\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var o = n(18),\n i = {\n colors: r({}, o.default.colors, {\n base1: \"#000000\",\n base2: \"#202125\",\n base3: \"#40434B\",\n base4: \"#606471\",\n base5: \"#808697\",\n base6: \"#A0A8BD\",\n base7: \"#B3B9CA\",\n base8: \"#C6CAD7\",\n base9: \"#D9DCE4\",\n base10: \"#ECEDF1\",\n base11: \"#ffffff\"\n })\n };\n t.FlexDark = i, t.default = i;\n }, function (e, t, n) {\n \"use strict\";\n\n var r = this && this.__assign || function () {\n return (r = Object.assign || function (e) {\n for (var t, n = 1, r = arguments.length; n < r; n++) {\n for (var o in t = arguments[n]) {\n Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);\n }\n }\n\n return e;\n }).apply(this, arguments);\n };\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n var o = n(18),\n i = {\n colors: r({}, o.default.colors, {\n base1: \"#FFFFFF\",\n base2: \"#ECEDF1\",\n base3: \"#D9DCE4\",\n base4: \"#C6CAD7\",\n base5: \"#B3B9CA\",\n base6: \"#A0A8BD\",\n base7: \"#808697\",\n base8: \"#606471\",\n base9: \"#40434B\",\n base10: \"#202125\",\n base11: \"#000000\"\n })\n };\n t.FlexLight = i, t.default = i;\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n }), t.VERSION = \"0.25.0\";\n }, function (e, t, n) {\n \"use strict\";\n\n Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n\n var r = n(12),\n o = n(16),\n i = n(4),\n a = n(3),\n s = function () {\n function e() {}\n\n return e.registerActions = function () {\n o.Actions.registerAction(\"SendMessage\", this.sendMessage, this.updateChatActionPayload), o.Actions.registerAction(\"SendTyping\", this.sendTyping, this.updateChatActionPayload), o.Actions.registerAction(\"SetInputText\", this.setInputText, this.updateChatActionPayload);\n }, e.sendMessage = function (e) {\n var t = e.channel,\n n = e.body;\n return r.Actions.setInputText(t, \"\"), t.source.sendMessage(n, e.messageAttributes).then(function (e) {\n return i.ChatModule.events.emitMessagePosted(t.source.sid, n), e;\n }).catch(function (e) {\n throw a.default.error(\"Failed to send message to channel \" + t.source.sid, e), r.Actions.setInputText(t, n), e;\n });\n }, e.sendTyping = function (e) {\n return e.channel.source.typing();\n }, e.setInputText = function (e) {\n return new Promise(function (t) {\n e.useLocalState || r.Actions.setInputText(e.channel, e.body, e.selectionStart), \"\" !== e.body && o.Actions.invokeAction(\"SendTyping\", {\n channel: e.channel,\n channelSid: e.channelSid\n }), t();\n });\n }, e.updateChatActionPayload = function (e) {\n return e.channel && (e.channelSid = e.channel.source.sid), e.channelSid && !e.channel && (e.channel = i.ChatModule.state.channels[e.channelSid]), e;\n }, e;\n }();\n\n t.ChatActions = s, s.registerActions();\n }]);\n});","import React from 'react';\nimport * as emotion from 'emotion';\nexport * from 'emotion';\nimport createEmotionStyled from 'create-emotion-styled';\nvar index = createEmotionStyled(emotion, React);\nexport default index;","import PropTypes from 'prop-types';\nimport { Component, Children, createElement } from 'react';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n} // https://github.com/styled-components/styled-components/blob/e05b3fe247e9d956bcde786cec376e32afb85bca/src/utils/create-broadcast.js\n\n\nvar createBroadcast = function createBroadcast(initialState) {\n var listeners = {};\n var id = 0;\n var state = initialState;\n\n function publish(nextState) {\n state = nextState;\n\n for (var key in listeners) {\n // $FlowFixMe\n var listener = listeners[key];\n\n if (listener === undefined) {\n continue;\n }\n\n listener(state);\n }\n }\n\n function subscribe(listener) {\n var currentId = id;\n listeners[currentId] = listener;\n id += 1;\n listener(state);\n return currentId;\n }\n\n function unsubscribe(unsubID) {\n listeners[unsubID] = undefined;\n }\n\n return {\n publish: publish,\n subscribe: subscribe,\n unsubscribe: unsubscribe\n };\n};\n\nvar channel = '__EMOTION_THEMING__';\n\nvar _contextTypes;\n\nvar contextTypes = (_contextTypes = {}, _contextTypes[channel] = PropTypes.object, _contextTypes);\n\nvar isPlainObject = function isPlainObject(test) {\n return Object.prototype.toString.call(test) === '[object Object]';\n}; // Get the theme from the props, supporting both (outerTheme) => {} as well as object notation\n\n\nfunction getTheme(theme, outerTheme) {\n if (typeof theme === 'function') {\n var mergedTheme = theme(outerTheme);\n\n if (!isPlainObject(mergedTheme)) {\n throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');\n }\n\n return mergedTheme;\n }\n\n if (!isPlainObject(theme)) {\n throw new Error('[ThemeProvider] Please make your theme prop a plain object');\n }\n\n if (outerTheme === undefined) {\n return theme;\n }\n\n return _extends({}, outerTheme, theme);\n}\n\nvar ThemeProvider =\n/*#__PURE__*/\nfunction (_Component) {\n _inheritsLoose(ThemeProvider, _Component);\n\n function ThemeProvider() {\n return _Component.apply(this, arguments) || this;\n }\n\n var _proto = ThemeProvider.prototype;\n\n _proto.componentWillMount = function componentWillMount() {\n var _this = this; // If there is a ThemeProvider wrapper anywhere around this theme provider, merge this theme\n // with the outer theme\n\n\n if (this.context[channel] !== undefined) {\n this.unsubscribeToOuterId = this.context[channel].subscribe(function (theme) {\n _this.outerTheme = theme;\n\n if (_this.broadcast !== undefined) {\n _this.publish(_this.props.theme);\n }\n });\n }\n\n this.broadcast = createBroadcast(getTheme(this.props.theme, this.outerTheme));\n };\n\n _proto.getChildContext = function getChildContext() {\n var _ref;\n\n return _ref = {}, _ref[channel] = {\n subscribe: this.broadcast.subscribe,\n unsubscribe: this.broadcast.unsubscribe\n }, _ref;\n };\n\n _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (this.props.theme !== nextProps.theme) {\n this.publish(nextProps.theme);\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n var themeContext = this.context[channel];\n\n if (themeContext !== undefined) {\n themeContext.unsubscribe(this.unsubscribeToOuterId);\n }\n };\n\n _proto.publish = function publish(theme) {\n this.broadcast.publish(getTheme(theme, this.outerTheme));\n };\n\n _proto.render = function render() {\n if (!this.props.children) {\n return null;\n }\n\n return Children.only(this.props.children);\n };\n\n ThemeProvider.childContextTypes = contextTypes;\n ThemeProvider.contextTypes = contextTypes;\n return ThemeProvider;\n}(Component);\n\nvar withTheme = function withTheme(Component$$1) {\n var componentName = Component$$1.displayName || Component$$1.name || 'Component';\n\n var WithTheme =\n /*#__PURE__*/\n function (_React$Component) {\n _inheritsLoose(WithTheme, _React$Component);\n\n function WithTheme(props) {\n return _React$Component.call(this, props) || this;\n }\n\n var _proto = WithTheme.prototype;\n\n _proto.componentWillMount = function componentWillMount() {\n var _this = this;\n\n var themeContext = this.context[channel];\n\n if (themeContext === undefined) {\n // eslint-disable-next-line no-console\n console.error('[withTheme] Please use ThemeProvider to be able to use withTheme');\n return;\n }\n\n this.unsubscribeId = themeContext.subscribe(function (theme) {\n _this.setState({\n theme: theme\n });\n });\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.unsubscribeId !== -1) {\n this.context[channel].unsubscribe(this.unsubscribeId);\n }\n };\n\n _proto.render = function render() {\n return createElement(Component$$1, _extends({\n theme: this.state.theme\n }, this.props));\n };\n\n return WithTheme;\n }(Component);\n\n WithTheme.displayName = \"WithTheme(\" + componentName + \")\";\n WithTheme.contextTypes = contextTypes;\n return hoistNonReactStatics(WithTheme, Component$$1);\n};\n\nexport { ThemeProvider, withTheme, channel, contextTypes, createBroadcast };","require('../../modules/es6.symbol');\n\nrequire('../../modules/es6.object.to-string');\n\nmodule.exports = require('../../modules/$.core').Symbol;","// Thank's IE8 for his funny defineProperty\nmodule.exports = !require('./$.fails')(function () {\n return Object.defineProperty({}, 'a', {\n get: function get() {\n return 7;\n }\n }).a != 7;\n});","var global = require('./$.global'),\n SHARED = '__core-js_shared__',\n store = global[SHARED] || (global[SHARED] = {});\n\nmodule.exports = function (key) {\n return store[key] || (store[key] = {});\n};","// fallback for non-array-like ES3 and non-enumerable old V8 strings\nvar cof = require('./$.cof');\n\nmodule.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {\n return cof(it) == 'String' ? it.split('') : Object(it);\n};","module.exports = false;","require('../../modules/es6.string.iterator');\n\nrequire('../../modules/web.dom.iterable');\n\nmodule.exports = require('../../modules/$.wks')('iterator');","'use strict';\n\nvar LIBRARY = require('./$.library'),\n $export = require('./$.export'),\n redefine = require('./$.redefine'),\n hide = require('./$.hide'),\n has = require('./$.has'),\n Iterators = require('./$.iterators'),\n $iterCreate = require('./$.iter-create'),\n setToStringTag = require('./$.set-to-string-tag'),\n getProto = require('./$').getProto,\n ITERATOR = require('./$.wks')('iterator'),\n BUGGY = !([].keys && 'next' in [].keys()) // Safari has buggy iterators w/o `next`\n,\n FF_ITERATOR = '@@iterator',\n KEYS = 'keys',\n VALUES = 'values';\n\nvar returnThis = function returnThis() {\n return this;\n};\n\nmodule.exports = function (Base, NAME, Constructor, next, DEFAULT, IS_SET, FORCED) {\n $iterCreate(Constructor, NAME, next);\n\n var getMethod = function getMethod(kind) {\n if (!BUGGY && kind in proto) return proto[kind];\n\n switch (kind) {\n case KEYS:\n return function keys() {\n return new Constructor(this, kind);\n };\n\n case VALUES:\n return function values() {\n return new Constructor(this, kind);\n };\n }\n\n return function entries() {\n return new Constructor(this, kind);\n };\n };\n\n var TAG = NAME + ' Iterator',\n DEF_VALUES = DEFAULT == VALUES,\n VALUES_BUG = false,\n proto = Base.prototype,\n $native = proto[ITERATOR] || proto[FF_ITERATOR] || DEFAULT && proto[DEFAULT],\n $default = $native || getMethod(DEFAULT),\n methods,\n key; // Fix native\n\n if ($native) {\n var IteratorPrototype = getProto($default.call(new Base())); // Set @@toStringTag to native iterators\n\n setToStringTag(IteratorPrototype, TAG, true); // FF fix\n\n if (!LIBRARY && has(proto, FF_ITERATOR)) hide(IteratorPrototype, ITERATOR, returnThis); // fix Array#{values, @@iterator}.name in V8 / FF\n\n if (DEF_VALUES && $native.name !== VALUES) {\n VALUES_BUG = true;\n\n $default = function values() {\n return $native.call(this);\n };\n }\n } // Define iterator\n\n\n if ((!LIBRARY || FORCED) && (BUGGY || VALUES_BUG || !proto[ITERATOR])) {\n hide(proto, ITERATOR, $default);\n } // Plug for library\n\n\n Iterators[NAME] = $default;\n Iterators[TAG] = returnThis;\n\n if (DEFAULT) {\n methods = {\n values: DEF_VALUES ? $default : getMethod(VALUES),\n keys: IS_SET ? $default : getMethod(KEYS),\n entries: !DEF_VALUES ? $default : getMethod('entries')\n };\n if (FORCED) for (key in methods) {\n if (!(key in proto)) redefine(proto, key, methods[key]);\n } else $export($export.P + $export.F * (BUGGY || VALUES_BUG), NAME, methods);\n }\n\n return methods;\n};","require('../../modules/es6.object.assign');\n\nmodule.exports = require('../../modules/$.core').Object.assign;","function _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n } else {\n var newObj = {};\n\n if (obj != null) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};\n\n if (desc.get || desc.set) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n }\n\n newObj.default = obj;\n return newObj;\n }\n}\n\nmodule.exports = _interopRequireWildcard;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n/**\n * Namespaces to avoid conflicts on the context.\n */\n\nvar jss = exports.jss = '64a55d578f856d258dc345b094a2a2b3';\nvar sheetsRegistry = exports.sheetsRegistry = 'd4bd0baacbc52bbd48bbb9eb24344ecd';\nvar managers = exports.managers = 'b768b78919504fba9de2c03545c5cd3a';\nvar sheetOptions = exports.sheetOptions = '6fc570d6bd61383819d0f9e7407c452d';","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.create = exports.createGenerateClassName = exports.sheets = exports.RuleList = exports.SheetsManager = exports.SheetsRegistry = exports.toCssValue = exports.getDynamicStyles = undefined;\n\nvar _getDynamicStyles = require('./utils/getDynamicStyles');\n\nObject.defineProperty(exports, 'getDynamicStyles', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_getDynamicStyles)['default'];\n }\n});\n\nvar _toCssValue = require('./utils/toCssValue');\n\nObject.defineProperty(exports, 'toCssValue', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_toCssValue)['default'];\n }\n});\n\nvar _SheetsRegistry = require('./SheetsRegistry');\n\nObject.defineProperty(exports, 'SheetsRegistry', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_SheetsRegistry)['default'];\n }\n});\n\nvar _SheetsManager = require('./SheetsManager');\n\nObject.defineProperty(exports, 'SheetsManager', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_SheetsManager)['default'];\n }\n});\n\nvar _RuleList = require('./RuleList');\n\nObject.defineProperty(exports, 'RuleList', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_RuleList)['default'];\n }\n});\n\nvar _sheets = require('./sheets');\n\nObject.defineProperty(exports, 'sheets', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_sheets)['default'];\n }\n});\n\nvar _createGenerateClassName = require('./utils/createGenerateClassName');\n\nObject.defineProperty(exports, 'createGenerateClassName', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_createGenerateClassName)['default'];\n }\n});\n\nvar _Jss = require('./Jss');\n\nvar _Jss2 = _interopRequireDefault(_Jss);\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n 'default': obj\n };\n}\n/**\n * Creates a new instance of Jss.\n */\n\n\nvar create = exports.create = function create(options) {\n return new _Jss2['default'](options);\n};\n/**\n * A global Jss instance.\n */\n\n\nexports['default'] = create();","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n/**\n * Sheets registry to access them all at one place.\n */\n\n\nvar SheetsRegistry = function () {\n function SheetsRegistry() {\n _classCallCheck(this, SheetsRegistry);\n\n this.registry = [];\n }\n\n _createClass(SheetsRegistry, [{\n key: 'add',\n\n /**\n * Register a Style Sheet.\n */\n value: function add(sheet) {\n var registry = this.registry;\n var index = sheet.options.index;\n if (registry.indexOf(sheet) !== -1) return;\n\n if (registry.length === 0 || index >= this.index) {\n registry.push(sheet);\n return;\n } // Find a position.\n\n\n for (var i = 0; i < registry.length; i++) {\n if (registry[i].options.index > index) {\n registry.splice(i, 0, sheet);\n return;\n }\n }\n }\n /**\n * Reset the registry.\n */\n\n }, {\n key: 'reset',\n value: function reset() {\n this.registry = [];\n }\n /**\n * Remove a Style Sheet.\n */\n\n }, {\n key: 'remove',\n value: function remove(sheet) {\n var index = this.registry.indexOf(sheet);\n this.registry.splice(index, 1);\n }\n /**\n * Convert all attached sheets to a CSS string.\n */\n\n }, {\n key: 'toString',\n value: function toString(options) {\n return this.registry.filter(function (sheet) {\n return sheet.attached;\n }).map(function (sheet) {\n return sheet.toString(options);\n }).join('\\n');\n }\n }, {\n key: 'index',\n\n /**\n * Current highest index number.\n */\n get: function get() {\n return this.registry.length === 0 ? 0 : this.registry[this.registry.length - 1].options.index;\n }\n }]);\n\n return SheetsRegistry;\n}();\n\nexports['default'] = SheetsRegistry;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _symbolObservable = require('symbol-observable');\n\nvar _symbolObservable2 = _interopRequireDefault(_symbolObservable);\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n 'default': obj\n };\n}\n\nexports['default'] = function (value) {\n return value && value[_symbolObservable2['default']] && value === value[_symbolObservable2['default']]();\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = linkRule;\n/**\n * Link rule with CSSStyleRule and nested rules with corresponding nested cssRules if both exists.\n */\n\nfunction linkRule(rule, cssRule) {\n rule.renderable = cssRule;\n if (rule.rules && cssRule.cssRules) rule.rules.link(cssRule.cssRules);\n}","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _warning = require('warning');\n\nvar _warning2 = _interopRequireDefault(_warning);\n\nvar _StyleSheet = require('../StyleSheet');\n\nvar _StyleSheet2 = _interopRequireDefault(_StyleSheet);\n\nvar _moduleId = require('./moduleId');\n\nvar _moduleId2 = _interopRequireDefault(_moduleId);\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n 'default': obj\n };\n}\n\nvar maxRules = 1e10;\nvar env = process.env.NODE_ENV;\n/**\n * Returns a function which generates unique class names based on counters.\n * When new generator function is created, rule counter is reseted.\n * We need to reset the rule counter for SSR for each request.\n */\n\nexports['default'] = function () {\n var ruleCounter = 0;\n var defaultPrefix = env === 'production' ? 'c' : '';\n return function (rule, sheet) {\n ruleCounter += 1;\n\n if (ruleCounter > maxRules) {\n (0, _warning2['default'])(false, '[JSS] You might have a memory leak. Rule counter is at %s.', ruleCounter);\n }\n\n var prefix = defaultPrefix;\n var jssId = '';\n\n if (sheet) {\n prefix = sheet.options.classNamePrefix || defaultPrefix;\n if (sheet.options.jss.id != null) jssId += sheet.options.jss.id;\n }\n\n if (env === 'production') {\n return '' + prefix + _moduleId2['default'] + jssId + ruleCounter;\n }\n\n return prefix + rule.key + '-' + _moduleId2['default'] + (jssId && '-' + jssId) + '-' + ruleCounter;\n };\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n\nvar _createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\nvar _linkRule = require('./utils/linkRule');\n\nvar _linkRule2 = _interopRequireDefault(_linkRule);\n\nvar _RuleList = require('./RuleList');\n\nvar _RuleList2 = _interopRequireDefault(_RuleList);\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n 'default': obj\n };\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n/* eslint-disable-next-line no-use-before-define */\n\n\nvar StyleSheet = function () {\n function StyleSheet(styles, options) {\n var _this = this;\n\n _classCallCheck(this, StyleSheet);\n\n this.update = function (name, data) {\n if (typeof name === 'string') {\n _this.rules.update(name, data);\n } else {\n _this.rules.update(name);\n }\n\n return _this;\n };\n\n this.attached = false;\n this.deployed = false;\n this.linked = false;\n this.classes = {};\n this.options = _extends({}, options, {\n sheet: this,\n parent: this,\n classes: this.classes\n });\n this.renderer = new options.Renderer(this);\n this.rules = new _RuleList2['default'](this.options);\n\n for (var _name in styles) {\n this.rules.add(_name, styles[_name]);\n }\n\n this.rules.process();\n }\n /**\n * Attach renderable to the render tree.\n */\n\n\n _createClass(StyleSheet, [{\n key: 'attach',\n value: function attach() {\n if (this.attached) return this;\n if (!this.deployed) this.deploy();\n this.renderer.attach();\n if (!this.linked && this.options.link) this.link();\n this.attached = true;\n return this;\n }\n /**\n * Remove renderable from render tree.\n */\n\n }, {\n key: 'detach',\n value: function detach() {\n if (!this.attached) return this;\n this.renderer.detach();\n this.attached = false;\n return this;\n }\n /**\n * Add a rule to the current stylesheet.\n * Will insert a rule also after the stylesheet has been rendered first time.\n */\n\n }, {\n key: 'addRule',\n value: function addRule(name, decl, options) {\n var queue = this.queue; // Plugins can create rules.\n // In order to preserve the right order, we need to queue all `.addRule` calls,\n // which happen after the first `rules.add()` call.\n\n if (this.attached && !queue) this.queue = [];\n var rule = this.rules.add(name, decl, options);\n this.options.jss.plugins.onProcessRule(rule);\n\n if (this.attached) {\n if (!this.deployed) return rule; // Don't insert rule directly if there is no stringified version yet.\n // It will be inserted all together when .attach is called.\n\n if (queue) queue.push(rule);else {\n this.insertRule(rule);\n\n if (this.queue) {\n this.queue.forEach(this.insertRule, this);\n this.queue = undefined;\n }\n }\n return rule;\n } // We can't add rules to a detached style node.\n // We will redeploy the sheet once user will attach it.\n\n\n this.deployed = false;\n return rule;\n }\n /**\n * Insert rule into the StyleSheet\n */\n\n }, {\n key: 'insertRule',\n value: function insertRule(rule) {\n var renderable = this.renderer.insertRule(rule);\n if (renderable && this.options.link) (0, _linkRule2['default'])(rule, renderable);\n }\n /**\n * Create and add rules.\n * Will render also after Style Sheet was rendered the first time.\n */\n\n }, {\n key: 'addRules',\n value: function addRules(styles, options) {\n var added = [];\n\n for (var _name2 in styles) {\n added.push(this.addRule(_name2, styles[_name2], options));\n }\n\n return added;\n }\n /**\n * Get a rule by name.\n */\n\n }, {\n key: 'getRule',\n value: function getRule(name) {\n return this.rules.get(name);\n }\n /**\n * Delete a rule by name.\n * Returns `true`: if rule has been deleted from the DOM.\n */\n\n }, {\n key: 'deleteRule',\n value: function deleteRule(name) {\n var rule = this.rules.get(name);\n if (!rule) return false;\n this.rules.remove(rule);\n\n if (this.attached && rule.renderable) {\n return this.renderer.deleteRule(rule.renderable);\n }\n\n return true;\n }\n /**\n * Get index of a rule.\n */\n\n }, {\n key: 'indexOf',\n value: function indexOf(rule) {\n return this.rules.indexOf(rule);\n }\n /**\n * Deploy pure CSS string to a renderable.\n */\n\n }, {\n key: 'deploy',\n value: function deploy() {\n this.renderer.deploy();\n this.deployed = true;\n return this;\n }\n /**\n * Link renderable CSS rules from sheet with their corresponding models.\n */\n\n }, {\n key: 'link',\n value: function link() {\n var cssRules = this.renderer.getRules(); // Is undefined when VirtualRenderer is used.\n\n if (cssRules) this.rules.link(cssRules);\n this.linked = true;\n return this;\n }\n /**\n * Update the function values with a new data.\n */\n\n }, {\n key: 'toString',\n\n /**\n * Convert rules to a CSS string.\n */\n value: function toString(options) {\n return this.rules.toString(options);\n }\n }]);\n\n return StyleSheet;\n}();\n\nexports['default'] = StyleSheet;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _jssGlobal = _interopRequireDefault(require(\"jss-global\"));\n\nvar _jssNested = _interopRequireDefault(require(\"jss-nested\"));\n\nvar _jssCamelCase = _interopRequireDefault(require(\"jss-camel-case\"));\n\nvar _jssDefaultUnit = _interopRequireDefault(require(\"jss-default-unit\"));\n\nvar _jssVendorPrefixer = _interopRequireDefault(require(\"jss-vendor-prefixer\"));\n\nvar _jssPropsSort = _interopRequireDefault(require(\"jss-props-sort\")); // Subset of jss-preset-default with only the plugins the Material-UI\n// components are using.\n\n\nfunction jssPreset() {\n return {\n plugins: [(0, _jssGlobal.default)(), (0, _jssNested.default)(), (0, _jssCamelCase.default)(), (0, _jssDefaultUnit.default)(), (0, _jssVendorPrefixer.default)(), (0, _jssPropsSort.default)()]\n };\n}\n\nvar _default = jssPreset;\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _warning = _interopRequireDefault(require(\"warning\"));\n\nvar _getDisplayName = _interopRequireDefault(require(\"recompose/getDisplayName\"));\n\nfunction mergeClasses() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var baseClasses = options.baseClasses,\n newClasses = options.newClasses,\n Component = options.Component,\n _options$noBase = options.noBase,\n noBase = _options$noBase === void 0 ? false : _options$noBase;\n\n if (!newClasses) {\n return baseClasses;\n }\n\n return (0, _extends2.default)({}, baseClasses, Object.keys(newClasses).reduce(function (accumulator, key) {\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(baseClasses[key] || noBase, [\"Material-UI: the key `\".concat(key, \"` \") + \"provided to the classes property is not implemented in \".concat((0, _getDisplayName.default)(Component), \".\"), \"You can only override one of the following: \".concat(Object.keys(baseClasses).join(','))].join('\\n')) : void 0;\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(!newClasses[key] || typeof newClasses[key] === 'string', [\"Material-UI: the key `\".concat(key, \"` \") + \"provided to the classes property is not valid for \".concat((0, _getDisplayName.default)(Component), \".\"), \"You need to provide a non empty string instead of: \".concat(newClasses[key], \".\")].join('\\n')) : void 0;\n\n if (newClasses[key]) {\n accumulator[key] = \"\".concat(baseClasses[key], \" \").concat(newClasses[key]);\n }\n\n return accumulator;\n }, {}));\n}\n\nvar _default = mergeClasses;\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.convertHexToRGB = convertHexToRGB;\nexports.rgbToHex = rgbToHex;\nexports.decomposeColor = decomposeColor;\nexports.recomposeColor = recomposeColor;\nexports.getContrastRatio = getContrastRatio;\nexports.getLuminance = getLuminance;\nexports.emphasize = emphasize;\nexports.fade = fade;\nexports.darken = darken;\nexports.lighten = lighten;\n\nvar _warning = _interopRequireDefault(require(\"warning\"));\n/* eslint-disable no-use-before-define */\n\n/**\n * Returns a number whose value is limited to the given range.\n *\n * @param {number} value The value to be clamped\n * @param {number} min The lower boundary of the output range\n * @param {number} max The upper boundary of the output range\n * @returns {number} A number in the range [min, max]\n */\n\n\nfunction clamp(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(value >= min && value <= max, \"Material-UI: the value provided \".concat(value, \" is out of range [\").concat(min, \", \").concat(max, \"].\")) : void 0;\n\n if (value < min) {\n return min;\n }\n\n if (value > max) {\n return max;\n }\n\n return value;\n}\n/**\n * Converts a color from CSS hex format to CSS rgb format.\n *\n * @param {string} color - Hex color, i.e. #nnn or #nnnnnn\n * @returns {string} A CSS rgb color string\n */\n\n\nfunction convertHexToRGB(color) {\n color = color.substr(1);\n var re = new RegExp(\".{1,\".concat(color.length / 3, \"}\"), 'g');\n var colors = color.match(re);\n\n if (colors && colors[0].length === 1) {\n colors = colors.map(function (n) {\n return n + n;\n });\n }\n\n return colors ? \"rgb(\".concat(colors.map(function (n) {\n return parseInt(n, 16);\n }).join(', '), \")\") : '';\n}\n/**\n * Converts a color from CSS rgb format to CSS hex format.\n *\n * @param {string} color - RGB color, i.e. rgb(n, n, n)\n * @returns {string} A CSS rgb color string, i.e. #nnnnnn\n */\n\n\nfunction rgbToHex(color) {\n // Pass hex straight through\n if (color.indexOf('#') === 0) {\n return color;\n }\n\n function intToHex(c) {\n var hex = c.toString(16);\n return hex.length === 1 ? \"0\".concat(hex) : hex;\n }\n\n var _decomposeColor = decomposeColor(color),\n values = _decomposeColor.values;\n\n values = values.map(function (n) {\n return intToHex(n);\n });\n return \"#\".concat(values.join(''));\n}\n/**\n * Returns an object with the type and values of a color.\n *\n * Note: Does not support rgb % values.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @returns {object} - A MUI color object: {type: string, values: number[]}\n */\n\n\nfunction decomposeColor(color) {\n if (color.charAt(0) === '#') {\n return decomposeColor(convertHexToRGB(color));\n }\n\n var marker = color.indexOf('(');\n var type = color.substring(0, marker);\n var values = color.substring(marker + 1, color.length - 1).split(',');\n values = values.map(function (value) {\n return parseFloat(value);\n });\n\n if (process.env.NODE_ENV !== 'production') {\n if (['rgb', 'rgba', 'hsl', 'hsla'].indexOf(type) === -1) {\n throw new Error([\"Material-UI: unsupported `\".concat(color, \"` color.\"), 'We support the following formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla().'].join('\\n'));\n }\n }\n\n return {\n type: type,\n values: values\n };\n}\n/**\n * Converts a color object with type and values to a string.\n *\n * @param {object} color - Decomposed color\n * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla'\n * @param {array} color.values - [n,n,n] or [n,n,n,n]\n * @returns {string} A CSS color string\n */\n\n\nfunction recomposeColor(color) {\n var type = color.type;\n var values = color.values;\n\n if (type.indexOf('rgb') !== -1) {\n // Only convert the first 3 values to int (i.e. not alpha)\n values = values.map(function (n, i) {\n return i < 3 ? parseInt(n, 10) : n;\n });\n }\n\n if (type.indexOf('hsl') !== -1) {\n values[1] = \"\".concat(values[1], \"%\");\n values[2] = \"\".concat(values[2], \"%\");\n }\n\n return \"\".concat(color.type, \"(\").concat(values.join(', '), \")\");\n}\n/**\n * Calculates the contrast ratio between two colors.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n *\n * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @returns {number} A contrast ratio value in the range 0 - 21.\n */\n\n\nfunction getContrastRatio(foreground, background) {\n var lumA = getLuminance(foreground);\n var lumB = getLuminance(background);\n return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n/**\n * The relative brightness of any point in a color space,\n * normalized to 0 for darkest black and 1 for lightest white.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @returns {number} The relative brightness of the color in the range 0 - 1\n */\n\n\nfunction getLuminance(color) {\n var decomposedColor = decomposeColor(color);\n\n if (decomposedColor.type.indexOf('rgb') !== -1) {\n var rgb = decomposedColor.values.map(function (val) {\n val /= 255; // normalized\n\n return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);\n }); // Truncate at 3 digits\n\n return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));\n } // else if (decomposedColor.type.indexOf('hsl') !== -1)\n\n\n return decomposedColor.values[2] / 100;\n}\n/**\n * Darken or lighten a colour, depending on its luminance.\n * Light colors are darkened, dark colors are lightened.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {number} coefficient=0.15 - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\n\n\nfunction emphasize(color) {\n var coefficient = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.15;\n return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);\n}\n/**\n * Set the absolute transparency of a color.\n * Any existing alpha values are overwritten.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {number} value - value to set the alpha channel to in the range 0 -1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\n\n\nfunction fade(color, value) {\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(color, \"Material-UI: missing color argument in fade(\".concat(color, \", \").concat(value, \").\")) : void 0;\n if (!color) return color;\n color = decomposeColor(color);\n value = clamp(value);\n\n if (color.type === 'rgb' || color.type === 'hsl') {\n color.type += 'a';\n }\n\n color.values[3] = value;\n return recomposeColor(color);\n}\n/**\n * Darkens a color.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\n\n\nfunction darken(color, coefficient) {\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(color, \"Material-UI: missing color argument in darken(\".concat(color, \", \").concat(coefficient, \").\")) : void 0;\n if (!color) return color;\n color = decomposeColor(color);\n coefficient = clamp(coefficient);\n\n if (color.type.indexOf('hsl') !== -1) {\n color.values[2] *= 1 - coefficient;\n } else if (color.type.indexOf('rgb') !== -1) {\n for (var i = 0; i < 3; i += 1) {\n color.values[i] *= 1 - coefficient;\n }\n }\n\n return recomposeColor(color);\n}\n/**\n * Lightens a color.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\n\n\nfunction lighten(color, coefficient) {\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(color, \"Material-UI: missing color argument in lighten(\".concat(color, \", \").concat(coefficient, \").\")) : void 0;\n if (!color) return color;\n color = decomposeColor(color);\n coefficient = clamp(coefficient);\n\n if (color.type.indexOf('hsl') !== -1) {\n color.values[2] += (100 - color.values[2]) * coefficient;\n } else if (color.type.indexOf('rgb') !== -1) {\n for (var i = 0; i < 3; i += 1) {\n color.values[i] += (255 - color.values[i]) * coefficient;\n }\n }\n\n return recomposeColor(color);\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.isNumber = exports.isString = exports.formatMs = exports.duration = exports.easing = void 0;\n\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\"));\n\nvar _warning = _interopRequireDefault(require(\"warning\"));\n/* eslint-disable no-param-reassign */\n\n/* eslint-disable no-restricted-globals */\n// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves\n// to learn the context in which each easing should be used.\n\n\nvar easing = {\n // This is the most common easing curve.\n easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n // Objects enter the screen at full velocity from off-screen and\n // slowly decelerate to a resting point.\n easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',\n // Objects leave the screen at full velocity. They do not decelerate when off-screen.\n easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\n // The sharp curve is used by objects that may return to the screen at any time.\n sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'\n}; // Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations\n// to learn when use what timing\n\nexports.easing = easing;\nvar duration = {\n shortest: 150,\n shorter: 200,\n short: 250,\n // most basic recommended timing\n standard: 300,\n // this is to be used in complex animations\n complex: 375,\n // recommended when something is entering screen\n enteringScreen: 225,\n // recommended when something is leaving screen\n leavingScreen: 195\n};\nexports.duration = duration;\n\nvar formatMs = function formatMs(milliseconds) {\n return \"\".concat(Math.round(milliseconds), \"ms\");\n};\n\nexports.formatMs = formatMs;\n\nvar isString = function isString(value) {\n return typeof value === 'string';\n};\n\nexports.isString = isString;\n\nvar isNumber = function isNumber(value) {\n return !isNaN(parseFloat(value));\n};\n/**\n * @param {string|Array} props\n * @param {object} param\n * @param {string} param.prop\n * @param {number} param.duration\n * @param {string} param.easing\n * @param {number} param.delay\n */\n\n\nexports.isNumber = isNumber;\nvar _default = {\n easing: easing,\n duration: duration,\n create: function create() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['all'];\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var _options$duration = options.duration,\n durationOption = _options$duration === void 0 ? duration.standard : _options$duration,\n _options$easing = options.easing,\n easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing,\n _options$delay = options.delay,\n delay = _options$delay === void 0 ? 0 : _options$delay,\n other = (0, _objectWithoutProperties2.default)(options, [\"duration\", \"easing\", \"delay\"]);\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(isString(props) || Array.isArray(props), 'Material-UI: argument \"props\" must be a string or Array.') : void 0;\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(isNumber(durationOption) || isString(durationOption), \"Material-UI: argument \\\"duration\\\" must be a number or a string but found \".concat(durationOption, \".\")) : void 0;\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(isString(easingOption), 'Material-UI: argument \"easing\" must be a string.') : void 0;\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(isNumber(delay) || isString(delay), 'Material-UI: argument \"delay\" must be a number or a string.') : void 0;\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(Object.keys(other).length === 0, \"Material-UI: unrecognized argument(s) [\".concat(Object.keys(other).join(','), \"]\")) : void 0;\n return (Array.isArray(props) ? props : [props]).map(function (animatedProp) {\n return \"\".concat(animatedProp, \" \").concat(typeof durationOption === 'string' ? durationOption : formatMs(durationOption), \" \").concat(easingOption, \" \").concat(typeof delay === 'string' ? delay : formatMs(delay));\n }).join(',');\n },\n getAutoHeightDuration: function getAutoHeightDuration(height) {\n if (!height) {\n return 0;\n }\n\n var constant = height / 36; // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10\n\n return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);\n }\n};\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = createGenerateClassName;\n\nvar _warning = _interopRequireDefault(require(\"warning\"));\n/* eslint-disable no-underscore-dangle */\n// People might bundle this classname generator twice.\n// We need to use a global.\n\n\nglobal.__MUI_GENERATOR_COUNTER__ = 0;\nvar escapeRegex = /([[\\].#*$><+~=|^:(),\"'`\\s])/g;\n\nfunction safePrefix(classNamePrefix) {\n var prefix = String(classNamePrefix);\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(prefix.length < 256, \"Material-UI: the class name prefix is too long: \".concat(prefix, \".\")) : void 0; // Sanitize the string as will be used to prefix the generated class name.\n\n return prefix.replace(escapeRegex, '-');\n} // Returns a function which generates unique class names based on counters.\n// When new generator function is created, rule counter is reset.\n// We need to reset the rule counter for SSR for each request.\n//\n// It's inspired by\n// https://github.com/cssinjs/jss/blob/4e6a05dd3f7b6572fdd3ab216861d9e446c20331/src/utils/createGenerateClassName.js\n\n\nfunction createGenerateClassName() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var _options$dangerouslyU = options.dangerouslyUseGlobalCSS,\n dangerouslyUseGlobalCSS = _options$dangerouslyU === void 0 ? false : _options$dangerouslyU,\n _options$productionPr = options.productionPrefix,\n productionPrefix = _options$productionPr === void 0 ? 'jss' : _options$productionPr;\n var ruleCounter = 0; // - HMR can lead to many class name generators being instantiated,\n // so the warning is only triggered in production.\n // - We expect a class name generator to be instantiated per new request on the server,\n // so the warning is only triggered client side.\n\n if (process.env.NODE_ENV === 'production' && typeof window !== 'undefined') {\n global.__MUI_GENERATOR_COUNTER__ += 1;\n\n if (global.__MUI_GENERATOR_COUNTER__ > 2) {\n // eslint-disable-next-line no-console\n console.error(['Material-UI: we have detected more than needed creation of the class name generator.', 'You should only use one class name generator on the client side.', 'If you do otherwise, you take the risk to have conflicting class names in production.'].join('\\n'));\n }\n }\n\n return function (rule, styleSheet) {\n ruleCounter += 1;\n process.env.NODE_ENV !== \"production\" ? (0, _warning.default)(ruleCounter < 1e10, ['Material-UI: you might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join('')) : void 0; // Code branch the whole block at the expense of more code.\n\n if (dangerouslyUseGlobalCSS) {\n if (styleSheet) {\n if (styleSheet.options.name) {\n return \"\".concat(styleSheet.options.name, \"-\").concat(rule.key);\n }\n\n if (styleSheet.options.classNamePrefix && process.env.NODE_ENV !== 'production') {\n var prefix = safePrefix(styleSheet.options.classNamePrefix);\n return \"\".concat(prefix, \"-\").concat(rule.key, \"-\").concat(ruleCounter);\n }\n }\n\n if (process.env.NODE_ENV === 'production') {\n return \"\".concat(productionPrefix).concat(ruleCounter);\n }\n\n return \"\".concat(rule.key, \"-\").concat(ruleCounter);\n }\n\n if (process.env.NODE_ENV === 'production') {\n return \"\".concat(productionPrefix).concat(ruleCounter);\n }\n\n if (styleSheet && styleSheet.options.classNamePrefix) {\n var _prefix = safePrefix(styleSheet.options.classNamePrefix);\n\n return \"\".concat(_prefix, \"-\").concat(rule.key, \"-\").concat(ruleCounter);\n }\n\n return \"\".concat(rule.key, \"-\").concat(ruleCounter);\n };\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.hasValue = hasValue;\nexports.isFilled = isFilled;\nexports.isAdornedStart = isAdornedStart;\nexports.default = exports.styles = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\n\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\"));\n\nvar _classCallCheck2 = _interopRequireDefault(require(\"@babel/runtime/helpers/classCallCheck\"));\n\nvar _createClass2 = _interopRequireDefault(require(\"@babel/runtime/helpers/createClass\"));\n\nvar _possibleConstructorReturn2 = _interopRequireDefault(require(\"@babel/runtime/helpers/possibleConstructorReturn\"));\n\nvar _getPrototypeOf2 = _interopRequireDefault(require(\"@babel/runtime/helpers/getPrototypeOf\"));\n\nvar _inherits2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inherits\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _withStyles = _interopRequireDefault(require(\"../styles/withStyles\"));\n\nvar _Textarea = _interopRequireDefault(require(\"./Textarea\")); // Supports determination of isControlled().\n// Controlled input accepts its current value as a prop.\n//\n// @see https://facebook.github.io/react/docs/forms.html#controlled-components\n// @param value\n// @returns {boolean} true if string (including '') or number (including zero)\n\n\nfunction hasValue(value) {\n return value != null && !(Array.isArray(value) && value.length === 0);\n} // Determine if field is empty or filled.\n// Response determines if label is presented above field or as placeholder.\n//\n// @param obj\n// @param SSR\n// @returns {boolean} False when not present or empty string.\n// True when any number or string with length.\n\n\nfunction isFilled(obj) {\n var SSR = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n return obj && (hasValue(obj.value) && obj.value !== '' || SSR && hasValue(obj.defaultValue) && obj.defaultValue !== '');\n} // Determine if an Input is adorned on start.\n// It's corresponding to the left with LTR.\n//\n// @param obj\n// @returns {boolean} False when no adornments.\n// True when adorned at the start.\n\n\nfunction isAdornedStart(obj) {\n return obj.startAdornment;\n}\n\nvar styles = function styles(theme) {\n var light = theme.palette.type === 'light';\n var placeholder = {\n color: 'currentColor',\n opacity: light ? 0.42 : 0.5,\n transition: theme.transitions.create('opacity', {\n duration: theme.transitions.duration.shorter\n })\n };\n var placeholderHidden = {\n opacity: 0\n };\n var placeholderVisible = {\n opacity: light ? 0.42 : 0.5\n };\n var bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';\n return {\n /* Styles applied to the root element. */\n root: {\n // Mimics the default input display property used by browsers for an input.\n display: 'inline-flex',\n position: 'relative',\n fontFamily: theme.typography.fontFamily,\n color: theme.palette.text.primary,\n fontSize: theme.typography.pxToRem(16),\n lineHeight: '1.1875em',\n // Reset (19px), match the native input line-height\n '&$disabled': {\n color: theme.palette.text.disabled\n }\n },\n\n /* Styles applied to the root element if the component is a descendant of `FormControl`. */\n formControl: {\n 'label + &': {\n marginTop: 16\n }\n },\n\n /* Styles applied to the root element if the component is focused. */\n focused: {},\n\n /* Styles applied to the root element if `disabled={true}`. */\n disabled: {},\n\n /* Styles applied to the root element if `disableUnderline={false}`. */\n underline: {\n '&:after': {\n borderBottom: \"2px solid \".concat(theme.palette.primary[light ? 'dark' : 'light']),\n left: 0,\n bottom: 0,\n // Doing the other way around crash on IE11 \"''\" https://github.com/cssinjs/jss/issues/242\n content: '\"\"',\n position: 'absolute',\n right: 0,\n transform: 'scaleX(0)',\n transition: theme.transitions.create('transform', {\n duration: theme.transitions.duration.shorter,\n easing: theme.transitions.easing.easeOut\n }),\n pointerEvents: 'none' // Transparent to the hover style.\n\n },\n '&$focused:after': {\n transform: 'scaleX(1)'\n },\n '&$error:after': {\n borderBottomColor: theme.palette.error.main,\n transform: 'scaleX(1)' // error is always underlined in red\n\n },\n '&:before': {\n borderBottom: \"1px solid \".concat(bottomLineColor),\n left: 0,\n bottom: 0,\n // Doing the other way around crash on IE11 \"''\" https://github.com/cssinjs/jss/issues/242\n content: '\"\\\\00a0\"',\n position: 'absolute',\n right: 0,\n transition: theme.transitions.create('border-bottom-color', {\n duration: theme.transitions.duration.shorter\n }),\n pointerEvents: 'none' // Transparent to the hover style.\n\n },\n '&:hover:not($disabled):not($focused):not($error):before': {\n borderBottom: \"2px solid \".concat(theme.palette.text.primary)\n },\n '&$disabled:before': {\n borderBottom: \"1px dotted \".concat(bottomLineColor)\n }\n },\n\n /* Styles applied to the root element if `error={true}`. */\n error: {},\n\n /* Styles applied to the root element if `multiline={true}`. */\n multiline: {\n padding: \"\".concat(8 - 2, \"px 0 \").concat(8 - 1, \"px\")\n },\n\n /* Styles applied to the root element if `fullWidth={true}`. */\n fullWidth: {\n width: '100%'\n },\n\n /* Styles applied to the `input` element. */\n input: {\n font: 'inherit',\n color: 'currentColor',\n padding: \"\".concat(8 - 2, \"px 0 \").concat(8 - 1, \"px\"),\n border: 0,\n boxSizing: 'content-box',\n verticalAlign: 'middle',\n background: 'none',\n margin: 0,\n // Reset for Safari\n // Remove grey highlight\n WebkitTapHighlightColor: 'transparent',\n display: 'block',\n // Make the flex item shrink with Firefox\n minWidth: 0,\n flexGrow: 1,\n '&::-webkit-input-placeholder': placeholder,\n '&::-moz-placeholder': placeholder,\n // Firefox 19+\n '&:-ms-input-placeholder': placeholder,\n // IE 11\n '&::-ms-input-placeholder': placeholder,\n // Edge\n '&:focus': {\n outline: 0\n },\n // Reset Firefox invalid required input style\n '&:invalid': {\n boxShadow: 'none'\n },\n '&::-webkit-search-decoration': {\n // Remove the padding when type=search.\n '-webkit-appearance': 'none'\n },\n // Show and hide the placeholder logic\n 'label[data-shrink=false] + $formControl &': {\n '&::-webkit-input-placeholder': placeholderHidden,\n '&::-moz-placeholder': placeholderHidden,\n // Firefox 19+\n '&:-ms-input-placeholder': placeholderHidden,\n // IE 11\n '&::-ms-input-placeholder': placeholderHidden,\n // Edge\n '&:focus::-webkit-input-placeholder': placeholderVisible,\n '&:focus::-moz-placeholder': placeholderVisible,\n // Firefox 19+\n '&:focus:-ms-input-placeholder': placeholderVisible,\n // IE 11\n '&:focus::-ms-input-placeholder': placeholderVisible // Edge\n\n },\n '&$disabled': {\n opacity: 1 // Reset iOS opacity\n\n }\n },\n\n /* Styles applied to the `input` element if `margin=\"dense\"`. */\n inputMarginDense: {\n paddingTop: 4 - 1\n },\n\n /* Styles applied to the `input` element if `multiline={true}`. */\n inputMultiline: {\n resize: 'none',\n padding: 0\n },\n\n /* Styles applied to the `input` element if `type` is not \"text\"`. */\n inputType: {\n // type=\"date\" or type=\"time\", etc. have specific styles we need to reset.\n height: '1.1875em' // Reset (19px), match the native input line-height\n\n },\n\n /* Styles applied to the `input` element if `type=\"search\"`. */\n inputTypeSearch: {\n // Improve type search style.\n '-moz-appearance': 'textfield',\n '-webkit-appearance': 'textfield'\n }\n };\n};\n\nexports.styles = styles;\n\nfunction formControlState(props, context) {\n var disabled = props.disabled;\n var error = props.error;\n var margin = props.margin;\n var required = props.required;\n\n if (context && context.muiFormControl) {\n if (typeof disabled === 'undefined') {\n disabled = context.muiFormControl.disabled;\n }\n\n if (typeof error === 'undefined') {\n error = context.muiFormControl.error;\n }\n\n if (typeof margin === 'undefined') {\n margin = context.muiFormControl.margin;\n }\n\n if (typeof required === 'undefined') {\n required = context.muiFormControl.required;\n }\n }\n\n return {\n disabled: disabled,\n error: error,\n margin: margin,\n required: required\n };\n}\n\nvar Input =\n/*#__PURE__*/\nfunction (_React$Component) {\n (0, _inherits2.default)(Input, _React$Component); // Holds the input reference\n\n function Input(props, context) {\n var _this;\n\n (0, _classCallCheck2.default)(this, Input);\n _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Input).call(this, props, context));\n _this.isControlled = null;\n _this.input = null;\n _this.state = {\n focused: false\n };\n\n _this.handleFocus = function (event) {\n // Fix a bug with IE11 where the focus/blur events are triggered\n // while the input is disabled.\n if (formControlState(_this.props, _this.context).disabled) {\n event.stopPropagation();\n return;\n }\n\n _this.setState({\n focused: true\n });\n\n if (_this.props.onFocus) {\n _this.props.onFocus(event);\n }\n\n var muiFormControl = _this.context.muiFormControl;\n\n if (muiFormControl && muiFormControl.onFocus) {\n muiFormControl.onFocus(event);\n }\n };\n\n _this.handleBlur = function (event) {\n _this.setState({\n focused: false\n });\n\n if (_this.props.onBlur) {\n _this.props.onBlur(event);\n }\n\n var muiFormControl = _this.context.muiFormControl;\n\n if (muiFormControl && muiFormControl.onBlur) {\n muiFormControl.onBlur(event);\n }\n };\n\n _this.handleChange = function (event) {\n if (!_this.isControlled) {\n _this.checkDirty(_this.inputRef);\n } // Perform in the willUpdate\n\n\n if (_this.props.onChange) {\n _this.props.onChange(event);\n }\n };\n\n _this.handleRefInput = function (ref) {\n _this.inputRef = ref;\n var refProp;\n\n if (_this.props.inputRef) {\n refProp = _this.props.inputRef;\n } else if (_this.props.inputProps && _this.props.inputProps.ref) {\n refProp = _this.props.inputProps.ref;\n }\n\n if (refProp) {\n if (typeof refProp === 'function') {\n refProp(ref);\n } else {\n refProp.current = ref;\n }\n }\n };\n\n _this.isControlled = props.value != null;\n\n if (_this.isControlled) {\n _this.checkDirty(props);\n }\n\n var componentWillReceiveProps = function componentWillReceiveProps(nextProps, nextContext) {\n // The blur won't fire when the disabled state is set on a focused input.\n // We need to book keep the focused state manually.\n if (!formControlState(_this.props, _this.context).disabled && formControlState(nextProps, nextContext).disabled) {\n _this.setState({\n focused: false\n });\n }\n };\n\n var componentWillUpdate = function componentWillUpdate(nextProps, nextState, nextContext) {\n // Book keep the focused state.\n if (!formControlState(_this.props, _this.context).disabled && formControlState(nextProps, nextContext).disabled) {\n var muiFormControl = _this.context.muiFormControl;\n\n if (muiFormControl && muiFormControl.onBlur) {\n muiFormControl.onBlur();\n }\n }\n }; // Support for react >= 16.3.0 && < 17.0.0\n\n /* istanbul ignore else */\n\n\n if (_react.default.createContext) {\n _this.UNSAFE_componentWillReceiveProps = componentWillReceiveProps;\n _this.UNSAFE_componentWillUpdate = componentWillUpdate;\n } else {\n _this.componentWillReceiveProps = componentWillReceiveProps;\n _this.componentWillUpdate = componentWillUpdate;\n }\n\n return _this;\n }\n\n (0, _createClass2.default)(Input, [{\n key: \"getChildContext\",\n value: function getChildContext() {\n // We are consuming the parent muiFormControl context.\n // We don't want a child to consume it a second time.\n return {\n muiFormControl: null\n };\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (!this.isControlled) {\n this.checkDirty(this.inputRef);\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate() {\n if (this.isControlled) {\n this.checkDirty(this.props);\n } // else performed in the onChange\n\n }\n }, {\n key: \"checkDirty\",\n value: function checkDirty(obj) {\n var muiFormControl = this.context.muiFormControl;\n\n if (isFilled(obj)) {\n if (muiFormControl && muiFormControl.onFilled) {\n muiFormControl.onFilled();\n }\n\n if (this.props.onFilled) {\n this.props.onFilled();\n }\n\n return;\n }\n\n if (muiFormControl && muiFormControl.onEmpty) {\n muiFormControl.onEmpty();\n }\n\n if (this.props.onEmpty) {\n this.props.onEmpty();\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _classNames, _classNames2;\n\n var _this$props = this.props,\n autoComplete = _this$props.autoComplete,\n autoFocus = _this$props.autoFocus,\n classes = _this$props.classes,\n classNameProp = _this$props.className,\n defaultValue = _this$props.defaultValue,\n disabledProp = _this$props.disabled,\n disableUnderline = _this$props.disableUnderline,\n endAdornment = _this$props.endAdornment,\n errorProp = _this$props.error,\n fullWidth = _this$props.fullWidth,\n id = _this$props.id,\n inputComponent = _this$props.inputComponent,\n _this$props$inputProp = _this$props.inputProps;\n _this$props$inputProp = _this$props$inputProp === void 0 ? {} : _this$props$inputProp;\n var inputPropsClassName = _this$props$inputProp.className,\n inputPropsProp = (0, _objectWithoutProperties2.default)(_this$props$inputProp, [\"className\"]),\n inputRef = _this$props.inputRef,\n marginProp = _this$props.margin,\n multiline = _this$props.multiline,\n name = _this$props.name,\n onBlur = _this$props.onBlur,\n onChange = _this$props.onChange,\n onEmpty = _this$props.onEmpty,\n onFilled = _this$props.onFilled,\n onFocus = _this$props.onFocus,\n onKeyDown = _this$props.onKeyDown,\n onKeyUp = _this$props.onKeyUp,\n placeholder = _this$props.placeholder,\n readOnly = _this$props.readOnly,\n rows = _this$props.rows,\n rowsMax = _this$props.rowsMax,\n startAdornment = _this$props.startAdornment,\n type = _this$props.type,\n value = _this$props.value,\n other = (0, _objectWithoutProperties2.default)(_this$props, [\"autoComplete\", \"autoFocus\", \"classes\", \"className\", \"defaultValue\", \"disabled\", \"disableUnderline\", \"endAdornment\", \"error\", \"fullWidth\", \"id\", \"inputComponent\", \"inputProps\", \"inputRef\", \"margin\", \"multiline\", \"name\", \"onBlur\", \"onChange\", \"onEmpty\", \"onFilled\", \"onFocus\", \"onKeyDown\", \"onKeyUp\", \"placeholder\", \"readOnly\", \"rows\", \"rowsMax\", \"startAdornment\", \"type\", \"value\"]);\n var muiFormControl = this.context.muiFormControl;\n\n var _formControlState = formControlState(this.props, this.context),\n disabled = _formControlState.disabled,\n error = _formControlState.error,\n margin = _formControlState.margin,\n required = _formControlState.required;\n\n var className = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.error, error), (0, _defineProperty2.default)(_classNames, classes.fullWidth, fullWidth), (0, _defineProperty2.default)(_classNames, classes.focused, this.state.focused), (0, _defineProperty2.default)(_classNames, classes.formControl, muiFormControl), (0, _defineProperty2.default)(_classNames, classes.multiline, multiline), (0, _defineProperty2.default)(_classNames, classes.underline, !disableUnderline), _classNames), classNameProp);\n var inputClassName = (0, _classnames.default)(classes.input, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames2, classes.inputType, type !== 'text'), (0, _defineProperty2.default)(_classNames2, classes.inputTypeSearch, type === 'search'), (0, _defineProperty2.default)(_classNames2, classes.inputMultiline, multiline), (0, _defineProperty2.default)(_classNames2, classes.inputMarginDense, margin === 'dense'), _classNames2), inputPropsClassName);\n var InputComponent = 'input';\n var inputProps = (0, _extends2.default)({}, inputPropsProp, {\n ref: this.handleRefInput\n });\n\n if (inputComponent) {\n InputComponent = inputComponent;\n inputProps = (0, _extends2.default)({\n // Rename ref to inputRef as we don't know the\n // provided `inputComponent` structure.\n inputRef: this.handleRefInput\n }, inputProps, {\n ref: null\n });\n } else if (multiline) {\n if (rows && !rowsMax) {\n InputComponent = 'textarea';\n } else {\n inputProps = (0, _extends2.default)({\n rowsMax: rowsMax,\n textareaRef: this.handleRefInput\n }, inputProps, {\n ref: null\n });\n InputComponent = _Textarea.default;\n }\n }\n\n return _react.default.createElement(\"div\", (0, _extends2.default)({\n className: className\n }, other), startAdornment, _react.default.createElement(InputComponent, (0, _extends2.default)({\n \"aria-invalid\": error,\n autoComplete: autoComplete,\n autoFocus: autoFocus,\n className: inputClassName,\n defaultValue: defaultValue,\n disabled: disabled,\n id: id,\n name: name,\n onBlur: this.handleBlur,\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onKeyDown: onKeyDown,\n onKeyUp: onKeyUp,\n placeholder: placeholder,\n readOnly: readOnly,\n required: required,\n rows: rows,\n type: type,\n value: value\n }, inputProps)), endAdornment);\n }\n }]);\n return Input;\n}(_react.default.Component);\n\nInput.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * This property helps users to fill forms faster, especially on mobile devices.\n * The name can be confusing, as it's more like an autofill.\n * You can learn more about it here:\n * https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\n */\n autoComplete: _propTypes.default.string,\n\n /**\n * If `true`, the input will be focused during the first mount.\n */\n autoFocus: _propTypes.default.bool,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css-api) below for more details.\n */\n classes: _propTypes.default.object.isRequired,\n\n /**\n * The CSS class name of the wrapper element.\n */\n className: _propTypes.default.string,\n\n /**\n * The default input value, useful when not controlling the component.\n */\n defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n\n /**\n * If `true`, the input will be disabled.\n */\n disabled: _propTypes.default.bool,\n\n /**\n * If `true`, the input will not have an underline.\n */\n disableUnderline: _propTypes.default.bool,\n\n /**\n * End `InputAdornment` for this component.\n */\n endAdornment: _propTypes.default.node,\n\n /**\n * If `true`, the input will indicate an error. This is normally obtained via context from\n * FormControl.\n */\n error: _propTypes.default.bool,\n\n /**\n * If `true`, the input will take up the full width of its container.\n */\n fullWidth: _propTypes.default.bool,\n\n /**\n * The id of the `input` element.\n */\n id: _propTypes.default.string,\n\n /**\n * The component used for the native input.\n * Either a string to use a DOM element or a component.\n */\n inputComponent: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.object]),\n\n /**\n * Attributes applied to the `input` element.\n */\n inputProps: _propTypes.default.object,\n\n /**\n * Use that property to pass a ref callback to the native input component.\n */\n inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),\n\n /**\n * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n * FormControl.\n */\n margin: _propTypes.default.oneOf(['dense', 'none']),\n\n /**\n * If `true`, a textarea element will be rendered.\n */\n multiline: _propTypes.default.bool,\n\n /**\n * Name attribute of the `input` element.\n */\n name: _propTypes.default.string,\n\n /**\n * @ignore\n */\n onBlur: _propTypes.default.func,\n\n /**\n * Callback fired when the value is changed.\n *\n * @param {object} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value`.\n */\n onChange: _propTypes.default.func,\n\n /**\n * @ignore\n */\n onEmpty: _propTypes.default.func,\n\n /**\n * @ignore\n */\n onFilled: _propTypes.default.func,\n\n /**\n * @ignore\n */\n onFocus: _propTypes.default.func,\n\n /**\n * @ignore\n */\n onKeyDown: _propTypes.default.func,\n\n /**\n * @ignore\n */\n onKeyUp: _propTypes.default.func,\n\n /**\n * The short hint displayed in the input before the user enters a value.\n */\n placeholder: _propTypes.default.string,\n\n /**\n * It prevents the user from changing the value of the field\n * (not from interacting with the field).\n */\n readOnly: _propTypes.default.bool,\n\n /**\n * If `true`, the input will be required.\n */\n required: _propTypes.default.bool,\n\n /**\n * Number of rows to display when multiline option is set to true.\n */\n rows: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n\n /**\n * Maximum number of rows to display when multiline option is set to true.\n */\n rowsMax: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n\n /**\n * Start `InputAdornment` for this component.\n */\n startAdornment: _propTypes.default.node,\n\n /**\n * Type of the input element. It should be a valid HTML5 input type.\n */\n type: _propTypes.default.string,\n\n /**\n * The input value, required for a controlled component.\n */\n value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool]))])\n} : {};\nInput.muiName = 'Input';\nInput.defaultProps = {\n disableUnderline: false,\n fullWidth: false,\n multiline: false,\n type: 'text'\n};\nInput.contextTypes = {\n muiFormControl: _propTypes.default.object\n};\nInput.childContextTypes = {\n muiFormControl: _propTypes.default.object\n};\n\nvar _default = (0, _withStyles.default)(styles, {\n name: 'MuiInput'\n})(Input);\n\nexports.default = _default;","/**\n * Returns a function, that, as long as it continues to be invoked, will not\n * be triggered. The function will be called after it stops being called for\n * N milliseconds. If `immediate` is passed, trigger the function on the\n * leading edge, instead of the trailing. The function also has a property 'clear' \n * that is a function which will clear the timer to prevent previously scheduled executions. \n *\n * @source underscore.js\n * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/\n * @param {Function} function to wrap\n * @param {Number} timeout in ms (`100`)\n * @param {Boolean} whether to execute at the beginning (`false`)\n * @api public\n */\nfunction debounce(func, wait, immediate) {\n var timeout, args, context, timestamp, result;\n if (null == wait) wait = 100;\n\n function later() {\n var last = Date.now() - timestamp;\n\n if (last < wait && last >= 0) {\n timeout = setTimeout(later, wait - last);\n } else {\n timeout = null;\n\n if (!immediate) {\n result = func.apply(context, args);\n context = args = null;\n }\n }\n }\n\n ;\n\n var debounced = function debounced() {\n context = this;\n args = arguments;\n timestamp = Date.now();\n var callNow = immediate && !timeout;\n if (!timeout) timeout = setTimeout(later, wait);\n\n if (callNow) {\n result = func.apply(context, args);\n context = args = null;\n }\n\n return result;\n };\n\n debounced.clear = function () {\n if (timeout) {\n clearTimeout(timeout);\n timeout = null;\n }\n };\n\n debounced.flush = function () {\n if (timeout) {\n result = func.apply(context, args);\n context = args = null;\n clearTimeout(timeout);\n timeout = null;\n }\n };\n\n return debounced;\n}\n\n; // Adds compatibility for ES modules\n\ndebounce.debounce = debounce;\nmodule.exports = debounce;","'use strict';\n\nObject.defineProperty(exports, '__esModule', {\n value: true\n});\n\nfunction _interopDefault(ex) {\n return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;\n}\n\nvar _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));\n\nvar _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));\n\nvar _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));\n\nvar _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));\n\nvar _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));\n\nvar _typeof = _interopDefault(require('@babel/runtime/helpers/typeof'));\n\nvar _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));\n\nvar _extends = _interopDefault(require('@babel/runtime/helpers/extends'));\n\nvar React = _interopDefault(require('react'));\n\nvar PropTypes = _interopDefault(require('prop-types'));\n\nvar warning = _interopDefault(require('warning'));\n\nfunction defineProperty(object, property, attr) {\n return Object.defineProperty(object, property, attr);\n} // Passive options\n// Inspired by https://github.com/Modernizr/Modernizr/blob/master/feature-detects/dom/passiveeventlisteners.js\n\n\nvar passiveOption = function () {\n var cache = null;\n return function () {\n if (cache !== null) {\n return cache;\n }\n\n var supportsPassiveOption = false;\n\n try {\n window.addEventListener('test', null, defineProperty({}, 'passive', {\n get: function get() {\n supportsPassiveOption = true;\n }\n }));\n } catch (err) {//\n }\n\n cache = supportsPassiveOption;\n return supportsPassiveOption;\n }();\n}();\n\nvar defaultEventOptions = {\n capture: false,\n passive: false\n};\n\nfunction mergeDefaultEventOptions(options) {\n return _extends({}, defaultEventOptions, options);\n}\n\nfunction getEventListenerArgs(eventName, callback, options) {\n var args = [eventName, callback];\n args.push(passiveOption ? options : options.capture);\n return args;\n}\n\nfunction on(target, eventName, callback, options) {\n // eslint-disable-next-line prefer-spread\n target.addEventListener.apply(target, getEventListenerArgs(eventName, callback, options));\n}\n\nfunction off(target, eventName, callback, options) {\n // eslint-disable-next-line prefer-spread\n target.removeEventListener.apply(target, getEventListenerArgs(eventName, callback, options));\n}\n\nfunction forEachListener(props, iteratee) {\n var children = props.children,\n target = props.target,\n eventProps = _objectWithoutProperties(props, [\"children\", \"target\"]);\n\n Object.keys(eventProps).forEach(function (name) {\n if (name.substring(0, 2) !== 'on') {\n return;\n }\n\n var prop = eventProps[name];\n\n var type = _typeof(prop);\n\n var isObject = type === 'object';\n var isFunction = type === 'function';\n\n if (!isObject && !isFunction) {\n return;\n }\n\n var capture = name.substr(-7).toLowerCase() === 'capture';\n var eventName = name.substring(2).toLowerCase();\n eventName = capture ? eventName.substring(0, eventName.length - 7) : eventName;\n\n if (isObject) {\n iteratee(eventName, prop.handler, prop.options);\n } else {\n iteratee(eventName, prop, mergeDefaultEventOptions({\n capture: capture\n }));\n }\n });\n}\n\nfunction withOptions(handler, options) {\n process.env.NODE_ENV !== \"production\" ? warning(options, 'react-event-listener: should be specified options in withOptions.') : void 0;\n return {\n handler: handler,\n options: mergeDefaultEventOptions(options)\n };\n}\n\nvar EventListener =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(EventListener, _React$PureComponent);\n\n function EventListener() {\n _classCallCheck(this, EventListener);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(EventListener).apply(this, arguments));\n }\n\n _createClass(EventListener, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.applyListeners(on);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n this.applyListeners(off, prevProps);\n this.applyListeners(on);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.applyListeners(off);\n }\n }, {\n key: \"applyListeners\",\n value: function applyListeners(onOrOff) {\n var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.props;\n var target = props.target;\n\n if (target) {\n var element = target;\n\n if (typeof target === 'string') {\n element = window[target];\n }\n\n forEachListener(props, onOrOff.bind(null, element));\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n return this.props.children || null;\n }\n }]);\n\n return EventListener;\n}(React.PureComponent);\n\nEventListener.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * You can provide a single child too.\n */\n children: PropTypes.node,\n\n /**\n * The DOM target to listen to.\n */\n target: PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired\n} : {};\nexports.withOptions = withOptions;\nexports.default = EventListener;","function _typeof2(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof2(obj); }\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && _typeof2(Symbol.iterator) === \"symbol\") {\n module.exports = _typeof = function _typeof(obj) {\n return _typeof2(obj);\n };\n } else {\n module.exports = _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : _typeof2(obj);\n };\n }\n\n return _typeof(obj);\n}\n\nmodule.exports = _typeof;","var arrayWithoutHoles = require(\"./arrayWithoutHoles\");\n\nvar iterableToArray = require(\"./iterableToArray\");\n\nvar nonIterableSpread = require(\"./nonIterableSpread\");\n\nfunction _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || nonIterableSpread();\n}\n\nmodule.exports = _toConsumableArray;","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nfunction componentWillMount() {\n // Call this.constructor.gDSFP to support sub-classes.\n var state = this.constructor.getDerivedStateFromProps(this.props, this.state);\n\n if (state !== null && state !== undefined) {\n this.setState(state);\n }\n}\n\nfunction componentWillReceiveProps(nextProps) {\n // Call this.constructor.gDSFP to support sub-classes.\n // Use the setState() updater to ensure state isn't stale in certain edge cases.\n function updater(prevState) {\n var state = this.constructor.getDerivedStateFromProps(nextProps, prevState);\n return state !== null && state !== undefined ? state : null;\n } // Binding \"this\" is important for shallow renderer support.\n\n\n this.setState(updater.bind(this));\n}\n\nfunction componentWillUpdate(nextProps, nextState) {\n try {\n var prevProps = this.props;\n var prevState = this.state;\n this.props = nextProps;\n this.state = nextState;\n this.__reactInternalSnapshotFlag = true;\n this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(prevProps, prevState);\n } finally {\n this.props = prevProps;\n this.state = prevState;\n }\n} // React may warn about cWM/cWRP/cWU methods being deprecated.\n// Add a flag to suppress these warnings for this special case.\n\n\ncomponentWillMount.__suppressDeprecationWarning = true;\ncomponentWillReceiveProps.__suppressDeprecationWarning = true;\ncomponentWillUpdate.__suppressDeprecationWarning = true;\n\nfunction polyfill(Component) {\n var prototype = Component.prototype;\n\n if (!prototype || !prototype.isReactComponent) {\n throw new Error('Can only polyfill class components');\n }\n\n if (typeof Component.getDerivedStateFromProps !== 'function' && typeof prototype.getSnapshotBeforeUpdate !== 'function') {\n return Component;\n } // If new component APIs are defined, \"unsafe\" lifecycles won't be called.\n // Error if any of these lifecycles are present,\n // Because they would work differently between older and newer (16.3+) versions of React.\n\n\n var foundWillMountName = null;\n var foundWillReceivePropsName = null;\n var foundWillUpdateName = null;\n\n if (typeof prototype.componentWillMount === 'function') {\n foundWillMountName = 'componentWillMount';\n } else if (typeof prototype.UNSAFE_componentWillMount === 'function') {\n foundWillMountName = 'UNSAFE_componentWillMount';\n }\n\n if (typeof prototype.componentWillReceiveProps === 'function') {\n foundWillReceivePropsName = 'componentWillReceiveProps';\n } else if (typeof prototype.UNSAFE_componentWillReceiveProps === 'function') {\n foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';\n }\n\n if (typeof prototype.componentWillUpdate === 'function') {\n foundWillUpdateName = 'componentWillUpdate';\n } else if (typeof prototype.UNSAFE_componentWillUpdate === 'function') {\n foundWillUpdateName = 'UNSAFE_componentWillUpdate';\n }\n\n if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {\n var componentName = Component.displayName || Component.name;\n var newApiName = typeof Component.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()';\n throw Error('Unsafe legacy lifecycles will not be called for components using new component APIs.\\n\\n' + componentName + ' uses ' + newApiName + ' but also contains the following legacy lifecycles:' + (foundWillMountName !== null ? '\\n ' + foundWillMountName : '') + (foundWillReceivePropsName !== null ? '\\n ' + foundWillReceivePropsName : '') + (foundWillUpdateName !== null ? '\\n ' + foundWillUpdateName : '') + '\\n\\nThe above lifecycles should be removed. Learn more about this warning here:\\n' + 'https://fb.me/react-async-component-lifecycle-hooks');\n } // React <= 16.2 does not support static getDerivedStateFromProps.\n // As a workaround, use cWM and cWRP to invoke the new static lifecycle.\n // Newer versions of React will ignore these lifecycles if gDSFP exists.\n\n\n if (typeof Component.getDerivedStateFromProps === 'function') {\n prototype.componentWillMount = componentWillMount;\n prototype.componentWillReceiveProps = componentWillReceiveProps;\n } // React <= 16.2 does not support getSnapshotBeforeUpdate.\n // As a workaround, use cWU to invoke the new lifecycle.\n // Newer versions of React will ignore that lifecycle if gSBU exists.\n\n\n if (typeof prototype.getSnapshotBeforeUpdate === 'function') {\n if (typeof prototype.componentDidUpdate !== 'function') {\n throw new Error('Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype');\n }\n\n prototype.componentWillUpdate = componentWillUpdate;\n var componentDidUpdate = prototype.componentDidUpdate;\n\n prototype.componentDidUpdate = function componentDidUpdatePolyfill(prevProps, prevState, maybeSnapshot) {\n // 16.3+ will not execute our will-update method;\n // It will pass a snapshot value to did-update though.\n // Older versions will require our polyfilled will-update value.\n // We need to handle both cases, but can't just check for the presence of \"maybeSnapshot\",\n // Because for <= 15.x versions this might be a \"prevContext\" object.\n // We also can't just check \"__reactInternalSnapshot\",\n // Because get-snapshot might return a falsy value.\n // So check for the explicit __reactInternalSnapshotFlag flag to determine behavior.\n var snapshot = this.__reactInternalSnapshotFlag ? this.__reactInternalSnapshot : maybeSnapshot;\n componentDidUpdate.call(this, prevProps, prevState, snapshot);\n };\n }\n\n return Component;\n}\n\nexport { polyfill };","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.default = scrollbarSize;\n\nvar _inDOM = _interopRequireDefault(require(\"./inDOM\"));\n\nvar size;\n\nfunction scrollbarSize(recalc) {\n if (!size && size !== 0 || recalc) {\n if (_inDOM.default) {\n var scrollDiv = document.createElement('div');\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.width = '50px';\n scrollDiv.style.height = '50px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n }\n }\n\n return size;\n}\n\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _classCallCheck2 = _interopRequireDefault(require(\"@babel/runtime/helpers/classCallCheck\"));\n\nvar _createClass2 = _interopRequireDefault(require(\"@babel/runtime/helpers/createClass\"));\n\nvar _style = _interopRequireDefault(require(\"dom-helpers/style\"));\n\nvar _scrollbarSize = _interopRequireDefault(require(\"dom-helpers/util/scrollbarSize\"));\n\nvar _ownerDocument = _interopRequireDefault(require(\"../utils/ownerDocument\"));\n\nvar _isOverflowing = _interopRequireDefault(require(\"./isOverflowing\"));\n\nvar _manageAriaHidden = require(\"./manageAriaHidden\");\n\nfunction findIndexOf(data, callback) {\n var idx = -1;\n data.some(function (item, index) {\n if (callback(item)) {\n idx = index;\n return true;\n }\n\n return false;\n });\n return idx;\n}\n\nfunction getPaddingRight(node) {\n return parseInt((0, _style.default)(node, 'paddingRight') || 0, 10);\n}\n\nfunction setContainerStyle(data, container) {\n var style = {\n overflow: 'hidden'\n }; // We are only interested in the actual `style` here because we will override it.\n\n data.style = {\n overflow: container.style.overflow,\n paddingRight: container.style.paddingRight\n };\n\n if (data.overflowing) {\n var scrollbarSize = (0, _scrollbarSize.default)(); // Use computed style, here to get the real padding to add our scrollbar width.\n\n style.paddingRight = \"\".concat(getPaddingRight(container) + scrollbarSize, \"px\"); // .mui-fixed is a global helper.\n\n var fixedNodes = (0, _ownerDocument.default)(container).querySelectorAll('.mui-fixed');\n\n for (var i = 0; i < fixedNodes.length; i += 1) {\n var paddingRight = getPaddingRight(fixedNodes[i]);\n data.prevPaddings.push(paddingRight);\n fixedNodes[i].style.paddingRight = \"\".concat(paddingRight + scrollbarSize, \"px\");\n }\n }\n\n Object.keys(style).forEach(function (key) {\n container.style[key] = style[key];\n });\n}\n\nfunction removeContainerStyle(data, container) {\n Object.keys(data.style).forEach(function (key) {\n container.style[key] = data.style[key];\n });\n var fixedNodes = (0, _ownerDocument.default)(container).querySelectorAll('.mui-fixed');\n\n for (var i = 0; i < fixedNodes.length; i += 1) {\n fixedNodes[i].style.paddingRight = \"\".concat(data.prevPaddings[i], \"px\");\n }\n}\n/**\n * @ignore - do not document.\n *\n * Proper state managment for containers and the modals in those containers.\n * Simplified, but inspired by react-overlay's ModalManager class.\n * Used by the Modal to ensure proper styling of containers.\n */\n\n\nvar ModalManager =\n/*#__PURE__*/\nfunction () {\n function ModalManager() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n (0, _classCallCheck2.default)(this, ModalManager);\n var _options$hideSiblingN = options.hideSiblingNodes,\n hideSiblingNodes = _options$hideSiblingN === void 0 ? true : _options$hideSiblingN,\n _options$handleContai = options.handleContainerOverflow,\n handleContainerOverflow = _options$handleContai === void 0 ? true : _options$handleContai;\n this.hideSiblingNodes = hideSiblingNodes;\n this.handleContainerOverflow = handleContainerOverflow; // this.modals[modalIdx] = modal\n\n this.modals = []; // this.containers[containerIdx] = container\n\n this.containers = []; // this.data[containerIdx] = {\n // modals: [],\n // }\n\n this.data = [];\n }\n\n (0, _createClass2.default)(ModalManager, [{\n key: \"add\",\n value: function add(modal, container) {\n var modalIdx = this.modals.indexOf(modal);\n\n if (modalIdx !== -1) {\n return modalIdx;\n }\n\n modalIdx = this.modals.length;\n this.modals.push(modal);\n\n if (this.hideSiblingNodes) {\n (0, _manageAriaHidden.hideSiblings)(container, modal.mountNode);\n }\n\n var containerIdx = this.containers.indexOf(container);\n\n if (containerIdx !== -1) {\n this.data[containerIdx].modals.push(modal);\n return modalIdx;\n }\n\n var data = {\n modals: [modal],\n overflowing: (0, _isOverflowing.default)(container),\n prevPaddings: []\n };\n\n if (this.handleContainerOverflow) {\n setContainerStyle(data, container);\n }\n\n this.containers.push(container);\n this.data.push(data);\n return modalIdx;\n }\n }, {\n key: \"remove\",\n value: function remove(modal) {\n var modalIdx = this.modals.indexOf(modal);\n\n if (modalIdx === -1) {\n return modalIdx;\n }\n\n var containerIdx = findIndexOf(this.data, function (item) {\n return item.modals.indexOf(modal) !== -1;\n });\n var data = this.data[containerIdx];\n var container = this.containers[containerIdx];\n data.modals.splice(data.modals.indexOf(modal), 1);\n this.modals.splice(modalIdx, 1); // If that was the last modal in a container, clean up the container.\n\n if (data.modals.length === 0) {\n if (this.handleContainerOverflow) {\n removeContainerStyle(data, container);\n }\n\n if (this.hideSiblingNodes) {\n (0, _manageAriaHidden.showSiblings)(container, modal.mountNode);\n }\n\n this.containers.splice(containerIdx, 1);\n this.data.splice(containerIdx, 1);\n } else if (this.hideSiblingNodes) {\n // Otherwise make sure the next top modal is visible to a screan reader.\n (0, _manageAriaHidden.ariaHidden)(false, data.modals[data.modals.length - 1].mountNode);\n }\n\n return modalIdx;\n }\n }, {\n key: \"isTopModal\",\n value: function isTopModal(modal) {\n return !!this.modals.length && this.modals[this.modals.length - 1] === modal;\n }\n }]);\n return ModalManager;\n}();\n\nvar _default = ModalManager;\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.default = camelizeStyleName;\n\nvar _camelize = _interopRequireDefault(require(\"./camelize\"));\n/**\n * Copyright 2014-2015, Facebook, Inc.\n * All rights reserved.\n * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/camelizeStyleName.js\n */\n\n\nvar msPattern = /^-ms-/;\n\nfunction camelizeStyleName(string) {\n return (0, _camelize.default)(string.replace(msPattern, 'ms-'));\n}\n\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getTransitionProps = getTransitionProps;\nexports.reflow = void 0;\n\nvar reflow = function reflow(node) {\n return node.scrollTop;\n};\n\nexports.reflow = reflow;\n\nfunction getTransitionProps(props, options) {\n var timeout = props.timeout,\n _props$style = props.style,\n style = _props$style === void 0 ? {} : _props$style;\n return {\n duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode],\n delay: style.transitionDelay\n };\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _pure = _interopRequireDefault(require(\"recompose/pure\"));\n\nvar _SvgIcon = _interopRequireDefault(require(\"../../SvgIcon\"));\n\nvar _ref = _react.default.createElement(\"path\", {\n d: \"M7 10l5 5 5-5z\"\n});\n/**\n * @ignore - internal component.\n */\n\n\nvar ArrowDropDown = function ArrowDropDown(props) {\n return _react.default.createElement(_SvgIcon.default, props, _ref);\n};\n\nArrowDropDown = (0, _pure.default)(ArrowDropDown);\nArrowDropDown.muiName = 'SvgIcon';\nvar _default = ArrowDropDown;\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _shouldUpdate = _interopRequireDefault(require(\"./shouldUpdate\"));\n\nvar _shallowEqual = _interopRequireDefault(require(\"./shallowEqual\"));\n\nvar _setDisplayName = _interopRequireDefault(require(\"./setDisplayName\"));\n\nvar _wrapDisplayName = _interopRequireDefault(require(\"./wrapDisplayName\"));\n\nvar pure = function pure(BaseComponent) {\n var hoc = (0, _shouldUpdate.default)(function (props, nextProps) {\n return !(0, _shallowEqual.default)(props, nextProps);\n });\n\n if (process.env.NODE_ENV !== 'production') {\n return (0, _setDisplayName.default)((0, _wrapDisplayName.default)(BaseComponent, 'pure'))(hoc(BaseComponent));\n }\n\n return hoc(BaseComponent);\n};\n\nvar _default = pure;\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _setStatic = _interopRequireDefault(require(\"./setStatic\"));\n\nvar setDisplayName = function setDisplayName(displayName) {\n return (0, _setStatic.default)('displayName', displayName);\n};\n\nvar _default = setDisplayName;\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"default\", {\n enumerable: true,\n get: function get() {\n return _SvgIcon.default;\n }\n});\n\nvar _SvgIcon = _interopRequireDefault(require(\"./SvgIcon\"));","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\n\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n/**\n * @ignore - internal component.\n */\n\n\nfunction NativeSelectInput(props) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n disabled = props.disabled,\n IconComponent = props.IconComponent,\n inputRef = props.inputRef,\n name = props.name,\n onChange = props.onChange,\n value = props.value,\n other = (0, _objectWithoutProperties2.default)(props, [\"children\", \"classes\", \"className\", \"disabled\", \"IconComponent\", \"inputRef\", \"name\", \"onChange\", \"value\"]);\n return _react.default.createElement(\"div\", {\n className: classes.root\n }, _react.default.createElement(\"select\", (0, _extends2.default)({\n className: (0, _classnames.default)(classes.select, (0, _defineProperty2.default)({}, classes.disabled, disabled), className),\n name: name,\n disabled: disabled,\n onChange: onChange,\n value: value,\n ref: inputRef\n }, other), children), _react.default.createElement(IconComponent, {\n className: classes.icon\n }));\n}\n\nNativeSelectInput.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * The option elements to populate the select with.\n * Can be some `