`):\n *\n * ```javascript\n * var hljs = require('highlight.js') // https://highlightjs.org/\n *\n * // Actual default values\n * var md = require('markdown-it')({\n * highlight: function (str, lang) {\n * if (lang && hljs.getLanguage(lang)) {\n * try {\n * return '' +\n * hljs.highlight(lang, str, true).value +\n * '' + md.utils.escapeHtml(str) + '` tags.\n **/\nMarkdownIt.prototype.renderInline = function (src, env) {\n env = env || {};\n\n return this.renderer.render(this.parseInline(src, env), this.options, env);\n};\n\n\nmodule.exports = MarkdownIt;\n","/** internal\n * class ParserBlock\n *\n * Block-level tokenizer.\n **/\n'use strict';\n\n\nvar Ruler = require('./ruler');\n\n\nvar _rules = [\n // First 2 params - rule name & source. Secondary array - list of rules,\n // which can be terminated by this one.\n [ 'table', require('./rules_block/table'), [ 'paragraph', 'reference' ] ],\n [ 'code', require('./rules_block/code') ],\n [ 'fence', require('./rules_block/fence'), [ 'paragraph', 'reference', 'blockquote', 'list' ] ],\n [ 'blockquote', require('./rules_block/blockquote'), [ 'paragraph', 'reference', 'blockquote', 'list' ] ],\n [ 'hr', require('./rules_block/hr'), [ 'paragraph', 'reference', 'blockquote', 'list' ] ],\n [ 'list', require('./rules_block/list'), [ 'paragraph', 'reference', 'blockquote' ] ],\n [ 'reference', require('./rules_block/reference') ],\n [ 'heading', require('./rules_block/heading'), [ 'paragraph', 'reference', 'blockquote' ] ],\n [ 'lheading', require('./rules_block/lheading') ],\n [ 'html_block', require('./rules_block/html_block'), [ 'paragraph', 'reference', 'blockquote' ] ],\n [ 'paragraph', require('./rules_block/paragraph') ]\n];\n\n\n/**\n * new ParserBlock()\n **/\nfunction ParserBlock() {\n /**\n * ParserBlock#ruler -> Ruler\n *\n * [[Ruler]] instance. Keep configuration of block rules.\n **/\n this.ruler = new Ruler();\n\n for (var i = 0; i < _rules.length; i++) {\n this.ruler.push(_rules[i][0], _rules[i][1], { alt: (_rules[i][2] || []).slice() });\n }\n}\n\n\n// Generate tokens for input range\n//\nParserBlock.prototype.tokenize = function (state, startLine, endLine) {\n var ok, i,\n rules = this.ruler.getRules(''),\n len = rules.length,\n line = startLine,\n hasEmptyLines = false,\n maxNesting = state.md.options.maxNesting;\n\n while (line < endLine) {\n state.line = line = state.skipEmptyLines(line);\n if (line >= endLine) { break; }\n\n // Termination condition for nested calls.\n // Nested calls currently used for blockquotes & lists\n if (state.sCount[line] < state.blkIndent) { break; }\n\n // If nesting level exceeded - skip tail to the end. That's not ordinary\n // situation and we should not care about content.\n if (state.level >= maxNesting) {\n state.line = endLine;\n break;\n }\n\n // Try all possible rules.\n // On success, rule should:\n //\n // - update `state.line`\n // - update `state.tokens`\n // - return true\n\n for (i = 0; i < len; i++) {\n ok = rules[i](state, line, endLine, false);\n if (ok) { break; }\n }\n\n // set state.tight if we had an empty line before current tag\n // i.e. latest empty line should not count\n state.tight = !hasEmptyLines;\n\n // paragraph might \"eat\" one newline after it in nested lists\n if (state.isEmpty(state.line - 1)) {\n hasEmptyLines = true;\n }\n\n line = state.line;\n\n if (line < endLine && state.isEmpty(line)) {\n hasEmptyLines = true;\n line++;\n state.line = line;\n }\n }\n};\n\n\n/**\n * ParserBlock.parse(str, md, env, outTokens)\n *\n * Process input string and push block tokens into `outTokens`\n **/\nParserBlock.prototype.parse = function (src, md, env, outTokens) {\n var state;\n\n if (!src) { return; }\n\n state = new this.State(src, md, env, outTokens);\n\n this.tokenize(state, state.line, state.lineMax);\n};\n\n\nParserBlock.prototype.State = require('./rules_block/state_block');\n\n\nmodule.exports = ParserBlock;\n","/** internal\n * class Core\n *\n * Top-level rules executor. Glues block/inline parsers and does intermediate\n * transformations.\n **/\n'use strict';\n\n\nvar Ruler = require('./ruler');\n\n\nvar _rules = [\n [ 'normalize', require('./rules_core/normalize') ],\n [ 'block', require('./rules_core/block') ],\n [ 'inline', require('./rules_core/inline') ],\n [ 'linkify', require('./rules_core/linkify') ],\n [ 'replacements', require('./rules_core/replacements') ],\n [ 'smartquotes', require('./rules_core/smartquotes') ]\n];\n\n\n/**\n * new Core()\n **/\nfunction Core() {\n /**\n * Core#ruler -> Ruler\n *\n * [[Ruler]] instance. Keep configuration of core rules.\n **/\n this.ruler = new Ruler();\n\n for (var i = 0; i < _rules.length; i++) {\n this.ruler.push(_rules[i][0], _rules[i][1]);\n }\n}\n\n\n/**\n * Core.process(state)\n *\n * Executes core chain rules.\n **/\nCore.prototype.process = function (state) {\n var i, l, rules;\n\n rules = this.ruler.getRules('');\n\n for (i = 0, l = rules.length; i < l; i++) {\n rules[i](state);\n }\n};\n\nCore.prototype.State = require('./rules_core/state_core');\n\n\nmodule.exports = Core;\n","/** internal\n * class ParserInline\n *\n * Tokenizes paragraph content.\n **/\n'use strict';\n\n\nvar Ruler = require('./ruler');\n\n\n////////////////////////////////////////////////////////////////////////////////\n// Parser rules\n\nvar _rules = [\n [ 'text', require('./rules_inline/text') ],\n [ 'newline', require('./rules_inline/newline') ],\n [ 'escape', require('./rules_inline/escape') ],\n [ 'backticks', require('./rules_inline/backticks') ],\n [ 'strikethrough', require('./rules_inline/strikethrough').tokenize ],\n [ 'emphasis', require('./rules_inline/emphasis').tokenize ],\n [ 'link', require('./rules_inline/link') ],\n [ 'image', require('./rules_inline/image') ],\n [ 'autolink', require('./rules_inline/autolink') ],\n [ 'html_inline', require('./rules_inline/html_inline') ],\n [ 'entity', require('./rules_inline/entity') ]\n];\n\nvar _rules2 = [\n [ 'balance_pairs', require('./rules_inline/balance_pairs') ],\n [ 'strikethrough', require('./rules_inline/strikethrough').postProcess ],\n [ 'emphasis', require('./rules_inline/emphasis').postProcess ],\n [ 'text_collapse', require('./rules_inline/text_collapse') ]\n];\n\n\n/**\n * new ParserInline()\n **/\nfunction ParserInline() {\n var i;\n\n /**\n * ParserInline#ruler -> Ruler\n *\n * [[Ruler]] instance. Keep configuration of inline rules.\n **/\n this.ruler = new Ruler();\n\n for (i = 0; i < _rules.length; i++) {\n this.ruler.push(_rules[i][0], _rules[i][1]);\n }\n\n /**\n * ParserInline#ruler2 -> Ruler\n *\n * [[Ruler]] instance. Second ruler used for post-processing\n * (e.g. in emphasis-like rules).\n **/\n this.ruler2 = new Ruler();\n\n for (i = 0; i < _rules2.length; i++) {\n this.ruler2.push(_rules2[i][0], _rules2[i][1]);\n }\n}\n\n\n// Skip single token by running all rules in validation mode;\n// returns `true` if any rule reported success\n//\nParserInline.prototype.skipToken = function (state) {\n var ok, i, pos = state.pos,\n rules = this.ruler.getRules(''),\n len = rules.length,\n maxNesting = state.md.options.maxNesting,\n cache = state.cache;\n\n\n if (typeof cache[pos] !== 'undefined') {\n state.pos = cache[pos];\n return;\n }\n\n if (state.level < maxNesting) {\n for (i = 0; i < len; i++) {\n // Increment state.level and decrement it later to limit recursion.\n // It's harmless to do here, because no tokens are created. But ideally,\n // we'd need a separate private state variable for this purpose.\n //\n state.level++;\n ok = rules[i](state, true);\n state.level--;\n\n if (ok) { break; }\n }\n } else {\n // Too much nesting, just skip until the end of the paragraph.\n //\n // NOTE: this will cause links to behave incorrectly in the following case,\n // when an amount of `[` is exactly equal to `maxNesting + 1`:\n //\n // [[[[[[[[[[[[[[[[[[[[[foo]()\n //\n // TODO: remove this workaround when CM standard will allow nested links\n // (we can replace it by preventing links from being parsed in\n // validation mode)\n //\n state.pos = state.posMax;\n }\n\n if (!ok) { state.pos++; }\n cache[pos] = state.pos;\n};\n\n\n// Generate tokens for input range\n//\nParserInline.prototype.tokenize = function (state) {\n var ok, i,\n rules = this.ruler.getRules(''),\n len = rules.length,\n end = state.posMax,\n maxNesting = state.md.options.maxNesting;\n\n while (state.pos < end) {\n // Try all possible rules.\n // On success, rule should:\n //\n // - update `state.pos`\n // - update `state.tokens`\n // - return true\n\n if (state.level < maxNesting) {\n for (i = 0; i < len; i++) {\n ok = rules[i](state, false);\n if (ok) { break; }\n }\n }\n\n if (ok) {\n if (state.pos >= end) { break; }\n continue;\n }\n\n state.pending += state.src[state.pos++];\n }\n\n if (state.pending) {\n state.pushPending();\n }\n};\n\n\n/**\n * ParserInline.parse(str, md, env, outTokens)\n *\n * Process input string and push inline tokens into `outTokens`\n **/\nParserInline.prototype.parse = function (str, md, env, outTokens) {\n var i, rules, len;\n var state = new this.State(str, md, env, outTokens);\n\n this.tokenize(state);\n\n rules = this.ruler2.getRules('');\n len = rules.length;\n\n for (i = 0; i < len; i++) {\n rules[i](state);\n }\n};\n\n\nParserInline.prototype.State = require('./rules_inline/state_inline');\n\n\nmodule.exports = ParserInline;\n","// Commonmark default options\n\n'use strict';\n\n\nmodule.exports = {\n options: {\n html: true, // Enable HTML tags in source\n xhtmlOut: true, // Use '/' to close single tags (' +\n escapeHtml(tokens[idx].content) +\n '';\n};\n\n\ndefault_rules.code_block = function (tokens, idx, options, env, slf) {\n var token = tokens[idx];\n\n return '' +\n escapeHtml(tokens[idx].content) +\n '\\n';\n};\n\n\ndefault_rules.fence = function (tokens, idx, options, env, slf) {\n var token = tokens[idx],\n info = token.info ? unescapeAll(token.info).trim() : '',\n langName = '',\n highlighted, i, tmpAttrs, tmpToken;\n\n if (info) {\n langName = info.split(/\\s+/g)[0];\n }\n\n if (options.highlight) {\n highlighted = options.highlight(token.content, langName) || escapeHtml(token.content);\n } else {\n highlighted = escapeHtml(token.content);\n }\n\n if (highlighted.indexOf(''\n + highlighted\n + '\\n';\n }\n\n\n return ''\n + highlighted\n + ' '; };\n * md.renderer.rules.strong_close = function () { return ' '; };\n *\n * var result = md.renderInline(...);\n * ```\n *\n * Each rule is called as independent static function with fixed signature:\n *\n * ```javascript\n * function my_token_render(tokens, idx, options, env, renderer) {\n * // ...\n * return renderedHTML;\n * }\n * ```\n *\n * See [source code](https://github.com/markdown-it/markdown-it/blob/master/lib/renderer.js)\n * for more details and examples.\n **/\n this.rules = assign({}, default_rules);\n}\n\n\n/**\n * Renderer.renderAttrs(token) -> String\n *\n * Render token attributes to string.\n **/\nRenderer.prototype.renderAttrs = function renderAttrs(token) {\n var i, l, result;\n\n if (!token.attrs) { return ''; }\n\n result = '';\n\n for (i = 0, l = token.attrs.length; i < l; i++) {\n result += ' ' + escapeHtml(token.attrs[i][0]) + '=\"' + escapeHtml(token.attrs[i][1]) + '\"';\n }\n\n return result;\n};\n\n\n/**\n * Renderer.renderToken(tokens, idx, options) -> String\n * - tokens (Array): list of tokens\n * - idx (Numbed): token index to render\n * - options (Object): params of parser instance\n *\n * Default token renderer. Can be overriden by custom function\n * in [[Renderer#rules]].\n **/\nRenderer.prototype.renderToken = function renderToken(tokens, idx, options) {\n var nextToken,\n result = '',\n needLf = false,\n token = tokens[idx];\n\n // Tight list paragraphs\n if (token.hidden) {\n return '';\n }\n\n // Insert a newline between hidden paragraph and subsequent opening\n // block-level tag.\n //\n // For example, here we should insert a newline before blockquote:\n // - a\n // >\n //\n if (token.block && token.nesting !== -1 && idx && tokens[idx - 1].hidden) {\n result += '\\n';\n }\n\n // Add token name, e.g. ``.\n //\n needLf = false;\n }\n }\n }\n }\n\n result += needLf ? '>\\n' : '>';\n\n return result;\n};\n\n\n/**\n * Renderer.renderInline(tokens, options, env) -> String\n * - tokens (Array): list on block tokens to renter\n * - options (Object): params of parser instance\n * - env (Object): additional data from parsed input (references, for example)\n *\n * The same as [[Renderer.render]], but for single token of `inline` type.\n **/\nRenderer.prototype.renderInline = function (tokens, options, env) {\n var type,\n result = '',\n rules = this.rules;\n\n for (var i = 0, len = tokens.length; i < len; i++) {\n type = tokens[i].type;\n\n if (typeof rules[type] !== 'undefined') {\n result += rules[type](tokens, i, options, env, this);\n } else {\n result += this.renderToken(tokens, i, options);\n }\n }\n\n return result;\n};\n\n\n/** internal\n * Renderer.renderInlineAsText(tokens, options, env) -> String\n * - tokens (Array): list on block tokens to renter\n * - options (Object): params of parser instance\n * - env (Object): additional data from parsed input (references, for example)\n *\n * Special kludge for image `alt` attributes to conform CommonMark spec.\n * Don't try to use it! Spec requires to show `alt` content with stripped markup,\n * instead of simple escaping.\n **/\nRenderer.prototype.renderInlineAsText = function (tokens, options, env) {\n var result = '';\n\n for (var i = 0, len = tokens.length; i < len; i++) {\n if (tokens[i].type === 'text') {\n result += tokens[i].content;\n } else if (tokens[i].type === 'image') {\n result += this.renderInlineAsText(tokens[i].children, options, env);\n }\n }\n\n return result;\n};\n\n\n/**\n * Renderer.render(tokens, options, env) -> String\n * - tokens (Array): list on block tokens to renter\n * - options (Object): params of parser instance\n * - env (Object): additional data from parsed input (references, for example)\n *\n * Takes token stream and generates HTML. Probably, you will never need to call\n * this method directly.\n **/\nRenderer.prototype.render = function (tokens, options, env) {\n var i, len, type,\n result = '',\n rules = this.rules;\n\n for (i = 0, len = tokens.length; i < len; i++) {\n type = tokens[i].type;\n\n if (type === 'inline') {\n result += this.renderInline(tokens[i].children, options, env);\n } else if (typeof rules[type] !== 'undefined') {\n result += rules[tokens[i].type](tokens, i, options, env, this);\n } else {\n result += this.renderToken(tokens, i, options, env);\n }\n }\n\n return result;\n};\n\nmodule.exports = Renderer;\n","/**\n * class Ruler\n *\n * Helper class, used by [[MarkdownIt#core]], [[MarkdownIt#block]] and\n * [[MarkdownIt#inline]] to manage sequences of functions (rules):\n *\n * - keep rules in defined order\n * - assign the name to each rule\n * - enable/disable rules\n * - add/replace rules\n * - allow assign rules to additional named chains (in the same)\n * - cacheing lists of active rules\n *\n * You will not need use this class directly until write plugins. For simple\n * rules control use [[MarkdownIt.disable]], [[MarkdownIt.enable]] and\n * [[MarkdownIt.use]].\n **/\n'use strict';\n\n\n/**\n * new Ruler()\n **/\nfunction Ruler() {\n // List of added rules. Each element is:\n //\n // {\n // name: XXX,\n // enabled: Boolean,\n // fn: Function(),\n // alt: [ name2, name3 ]\n // }\n //\n this.__rules__ = [];\n\n // Cached rule chains.\n //\n // First level - chain name, '' for default.\n // Second level - diginal anchor for fast filtering by charcodes.\n //\n this.__cache__ = null;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// Helper methods, should not be used directly\n\n\n// Find rule index by name\n//\nRuler.prototype.__find__ = function (name) {\n for (var i = 0; i < this.__rules__.length; i++) {\n if (this.__rules__[i].name === name) {\n return i;\n }\n }\n return -1;\n};\n\n\n// Build rules lookup cache\n//\nRuler.prototype.__compile__ = function () {\n var self = this;\n var chains = [ '' ];\n\n // collect unique names\n self.__rules__.forEach(function (rule) {\n if (!rule.enabled) { return; }\n\n rule.alt.forEach(function (altName) {\n if (chains.indexOf(altName) < 0) {\n chains.push(altName);\n }\n });\n });\n\n self.__cache__ = {};\n\n chains.forEach(function (chain) {\n self.__cache__[chain] = [];\n self.__rules__.forEach(function (rule) {\n if (!rule.enabled) { return; }\n\n if (chain && rule.alt.indexOf(chain) < 0) { return; }\n\n self.__cache__[chain].push(rule.fn);\n });\n });\n};\n\n\n/**\n * Ruler.at(name, fn [, options])\n * - name (String): rule name to replace.\n * - fn (Function): new rule function.\n * - options (Object): new rule options (not mandatory).\n *\n * Replace rule by name with new function & options. Throws error if name not\n * found.\n *\n * ##### Options:\n *\n * - __alt__ - array with names of \"alternate\" chains.\n *\n * ##### Example\n *\n * Replace existing typographer replacement rule with new one:\n *\n * ```javascript\n * var md = require('markdown-it')();\n *\n * md.core.ruler.at('replacements', function replace(state) {\n * //...\n * });\n * ```\n **/\nRuler.prototype.at = function (name, fn, options) {\n var index = this.__find__(name);\n var opt = options || {};\n\n if (index === -1) { throw new Error('Parser rule not found: ' + name); }\n\n this.__rules__[index].fn = fn;\n this.__rules__[index].alt = opt.alt || [];\n this.__cache__ = null;\n};\n\n\n/**\n * Ruler.before(beforeName, ruleName, fn [, options])\n * - beforeName (String): new rule will be added before this one.\n * - ruleName (String): name of added rule.\n * - fn (Function): rule function.\n * - options (Object): rule options (not mandatory).\n *\n * Add new rule to chain before one with given name. See also\n * [[Ruler.after]], [[Ruler.push]].\n *\n * ##### Options:\n *\n * - __alt__ - array with names of \"alternate\" chains.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')();\n *\n * md.block.ruler.before('paragraph', 'my_rule', function replace(state) {\n * //...\n * });\n * ```\n **/\nRuler.prototype.before = function (beforeName, ruleName, fn, options) {\n var index = this.__find__(beforeName);\n var opt = options || {};\n\n if (index === -1) { throw new Error('Parser rule not found: ' + beforeName); }\n\n this.__rules__.splice(index, 0, {\n name: ruleName,\n enabled: true,\n fn: fn,\n alt: opt.alt || []\n });\n\n this.__cache__ = null;\n};\n\n\n/**\n * Ruler.after(afterName, ruleName, fn [, options])\n * - afterName (String): new rule will be added after this one.\n * - ruleName (String): name of added rule.\n * - fn (Function): rule function.\n * - options (Object): rule options (not mandatory).\n *\n * Add new rule to chain after one with given name. See also\n * [[Ruler.before]], [[Ruler.push]].\n *\n * ##### Options:\n *\n * - __alt__ - array with names of \"alternate\" chains.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')();\n *\n * md.inline.ruler.after('text', 'my_rule', function replace(state) {\n * //...\n * });\n * ```\n **/\nRuler.prototype.after = function (afterName, ruleName, fn, options) {\n var index = this.__find__(afterName);\n var opt = options || {};\n\n if (index === -1) { throw new Error('Parser rule not found: ' + afterName); }\n\n this.__rules__.splice(index + 1, 0, {\n name: ruleName,\n enabled: true,\n fn: fn,\n alt: opt.alt || []\n });\n\n this.__cache__ = null;\n};\n\n/**\n * Ruler.push(ruleName, fn [, options])\n * - ruleName (String): name of added rule.\n * - fn (Function): rule function.\n * - options (Object): rule options (not mandatory).\n *\n * Push new rule to the end of chain. See also\n * [[Ruler.before]], [[Ruler.after]].\n *\n * ##### Options:\n *\n * - __alt__ - array with names of \"alternate\" chains.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')();\n *\n * md.core.ruler.push('my_rule', function replace(state) {\n * //...\n * });\n * ```\n **/\nRuler.prototype.push = function (ruleName, fn, options) {\n var opt = options || {};\n\n this.__rules__.push({\n name: ruleName,\n enabled: true,\n fn: fn,\n alt: opt.alt || []\n });\n\n this.__cache__ = null;\n};\n\n\n/**\n * Ruler.enable(list [, ignoreInvalid]) -> Array\n * - list (String|Array): list of rule names to enable.\n * - ignoreInvalid (Boolean): set `true` to ignore errors when rule not found.\n *\n * Enable rules with given names. If any rule name not found - throw Error.\n * Errors can be disabled by second param.\n *\n * Returns list of found rule names (if no exception happened).\n *\n * See also [[Ruler.disable]], [[Ruler.enableOnly]].\n **/\nRuler.prototype.enable = function (list, ignoreInvalid) {\n if (!Array.isArray(list)) { list = [ list ]; }\n\n var result = [];\n\n // Search by name and enable\n list.forEach(function (name) {\n var idx = this.__find__(name);\n\n if (idx < 0) {\n if (ignoreInvalid) { return; }\n throw new Error('Rules manager: invalid rule name ' + name);\n }\n this.__rules__[idx].enabled = true;\n result.push(name);\n }, this);\n\n this.__cache__ = null;\n return result;\n};\n\n\n/**\n * Ruler.enableOnly(list [, ignoreInvalid])\n * - list (String|Array): list of rule names to enable (whitelist).\n * - ignoreInvalid (Boolean): set `true` to ignore errors when rule not found.\n *\n * Enable rules with given names, and disable everything else. If any rule name\n * not found - throw Error. Errors can be disabled by second param.\n *\n * See also [[Ruler.disable]], [[Ruler.enable]].\n **/\nRuler.prototype.enableOnly = function (list, ignoreInvalid) {\n if (!Array.isArray(list)) { list = [ list ]; }\n\n this.__rules__.forEach(function (rule) { rule.enabled = false; });\n\n this.enable(list, ignoreInvalid);\n};\n\n\n/**\n * Ruler.disable(list [, ignoreInvalid]) -> Array\n * - list (String|Array): list of rule names to disable.\n * - ignoreInvalid (Boolean): set `true` to ignore errors when rule not found.\n *\n * Disable rules with given names. If any rule name not found - throw Error.\n * Errors can be disabled by second param.\n *\n * Returns list of found rule names (if no exception happened).\n *\n * See also [[Ruler.enable]], [[Ruler.enableOnly]].\n **/\nRuler.prototype.disable = function (list, ignoreInvalid) {\n if (!Array.isArray(list)) { list = [ list ]; }\n\n var result = [];\n\n // Search by name and disable\n list.forEach(function (name) {\n var idx = this.__find__(name);\n\n if (idx < 0) {\n if (ignoreInvalid) { return; }\n throw new Error('Rules manager: invalid rule name ' + name);\n }\n this.__rules__[idx].enabled = false;\n result.push(name);\n }, this);\n\n this.__cache__ = null;\n return result;\n};\n\n\n/**\n * Ruler.getRules(chainName) -> Array\n *\n * Return array of active functions (rules) for given chain name. It analyzes\n * rules configuration, compiles caches if not exists and returns result.\n *\n * Default chain name is `''` (empty string). It can't be skipped. That's\n * done intentionally, to keep signature monomorphic for high speed.\n **/\nRuler.prototype.getRules = function (chainName) {\n if (this.__cache__ === null) {\n this.__compile__();\n }\n\n // Chain can be empty, if rules disabled. But we still have to return Array.\n return this.__cache__[chainName] || [];\n};\n\nmodule.exports = Ruler;\n","// Block quotes\n\n'use strict';\n\nvar isSpace = require('../common/utils').isSpace;\n\n\nmodule.exports = function blockquote(state, startLine, endLine, silent) {\n var adjustTab,\n ch,\n i,\n initial,\n l,\n lastLineEmpty,\n lines,\n nextLine,\n offset,\n oldBMarks,\n oldBSCount,\n oldIndent,\n oldParentType,\n oldSCount,\n oldTShift,\n spaceAfterMarker,\n terminate,\n terminatorRules,\n token,\n wasOutdented,\n oldLineMax = state.lineMax,\n pos = state.bMarks[startLine] + state.tShift[startLine],\n max = state.eMarks[startLine];\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n\n // check the block quote marker\n if (state.src.charCodeAt(pos++) !== 0x3E/* > */) { return false; }\n\n // we know that it's going to be a valid blockquote,\n // so no point trying to find the end of it in silent mode\n if (silent) { return true; }\n\n // skip spaces after \">\" and re-calculate offset\n initial = offset = state.sCount[startLine] + pos - (state.bMarks[startLine] + state.tShift[startLine]);\n\n // skip one optional space after '>'\n if (state.src.charCodeAt(pos) === 0x20 /* space */) {\n // ' > test '\n // ^ -- position start of line here:\n pos++;\n initial++;\n offset++;\n adjustTab = false;\n spaceAfterMarker = true;\n } else if (state.src.charCodeAt(pos) === 0x09 /* tab */) {\n spaceAfterMarker = true;\n\n if ((state.bsCount[startLine] + offset) % 4 === 3) {\n // ' >\\t test '\n // ^ -- position start of line here (tab has width===1)\n pos++;\n initial++;\n offset++;\n adjustTab = false;\n } else {\n // ' >\\t test '\n // ^ -- position start of line here + shift bsCount slightly\n // to make extra space appear\n adjustTab = true;\n }\n } else {\n spaceAfterMarker = false;\n }\n\n oldBMarks = [ state.bMarks[startLine] ];\n state.bMarks[startLine] = pos;\n\n while (pos < max) {\n ch = state.src.charCodeAt(pos);\n\n if (isSpace(ch)) {\n if (ch === 0x09) {\n offset += 4 - (offset + state.bsCount[startLine] + (adjustTab ? 1 : 0)) % 4;\n } else {\n offset++;\n }\n } else {\n break;\n }\n\n pos++;\n }\n\n oldBSCount = [ state.bsCount[startLine] ];\n state.bsCount[startLine] = state.sCount[startLine] + 1 + (spaceAfterMarker ? 1 : 0);\n\n lastLineEmpty = pos >= max;\n\n oldSCount = [ state.sCount[startLine] ];\n state.sCount[startLine] = offset - initial;\n\n oldTShift = [ state.tShift[startLine] ];\n state.tShift[startLine] = pos - state.bMarks[startLine];\n\n terminatorRules = state.md.block.ruler.getRules('blockquote');\n\n oldParentType = state.parentType;\n state.parentType = 'blockquote';\n wasOutdented = false;\n\n // Search the end of the block\n //\n // Block ends with either:\n // 1. an empty line outside:\n // ```\n // > test\n //\n // ```\n // 2. an empty line inside:\n // ```\n // >\n // test\n // ```\n // 3. another tag:\n // ```\n // > test\n // - - -\n // ```\n for (nextLine = startLine + 1; nextLine < endLine; nextLine++) {\n // check if it's outdented, i.e. it's inside list item and indented\n // less than said list item:\n //\n // ```\n // 1. anything\n // > current blockquote\n // 2. checking this line\n // ```\n if (state.sCount[nextLine] < state.blkIndent) wasOutdented = true;\n\n pos = state.bMarks[nextLine] + state.tShift[nextLine];\n max = state.eMarks[nextLine];\n\n if (pos >= max) {\n // Case 1: line is not inside the blockquote, and this line is empty.\n break;\n }\n\n if (state.src.charCodeAt(pos++) === 0x3E/* > */ && !wasOutdented) {\n // This line is inside the blockquote.\n\n // skip spaces after \">\" and re-calculate offset\n initial = offset = state.sCount[nextLine] + pos - (state.bMarks[nextLine] + state.tShift[nextLine]);\n\n // skip one optional space after '>'\n if (state.src.charCodeAt(pos) === 0x20 /* space */) {\n // ' > test '\n // ^ -- position start of line here:\n pos++;\n initial++;\n offset++;\n adjustTab = false;\n spaceAfterMarker = true;\n } else if (state.src.charCodeAt(pos) === 0x09 /* tab */) {\n spaceAfterMarker = true;\n\n if ((state.bsCount[nextLine] + offset) % 4 === 3) {\n // ' >\\t test '\n // ^ -- position start of line here (tab has width===1)\n pos++;\n initial++;\n offset++;\n adjustTab = false;\n } else {\n // ' >\\t test '\n // ^ -- position start of line here + shift bsCount slightly\n // to make extra space appear\n adjustTab = true;\n }\n } else {\n spaceAfterMarker = false;\n }\n\n oldBMarks.push(state.bMarks[nextLine]);\n state.bMarks[nextLine] = pos;\n\n while (pos < max) {\n ch = state.src.charCodeAt(pos);\n\n if (isSpace(ch)) {\n if (ch === 0x09) {\n offset += 4 - (offset + state.bsCount[nextLine] + (adjustTab ? 1 : 0)) % 4;\n } else {\n offset++;\n }\n } else {\n break;\n }\n\n pos++;\n }\n\n lastLineEmpty = pos >= max;\n\n oldBSCount.push(state.bsCount[nextLine]);\n state.bsCount[nextLine] = state.sCount[nextLine] + 1 + (spaceAfterMarker ? 1 : 0);\n\n oldSCount.push(state.sCount[nextLine]);\n state.sCount[nextLine] = offset - initial;\n\n oldTShift.push(state.tShift[nextLine]);\n state.tShift[nextLine] = pos - state.bMarks[nextLine];\n continue;\n }\n\n // Case 2: line is not inside the blockquote, and the last line was empty.\n if (lastLineEmpty) { break; }\n\n // Case 3: another tag found.\n terminate = false;\n for (i = 0, l = terminatorRules.length; i < l; i++) {\n if (terminatorRules[i](state, nextLine, endLine, true)) {\n terminate = true;\n break;\n }\n }\n\n if (terminate) {\n // Quirk to enforce \"hard termination mode\" for paragraphs;\n // normally if you call `tokenize(state, startLine, nextLine)`,\n // paragraphs will look below nextLine for paragraph continuation,\n // but if blockquote is terminated by another tag, they shouldn't\n state.lineMax = nextLine;\n\n if (state.blkIndent !== 0) {\n // state.blkIndent was non-zero, we now set it to zero,\n // so we need to re-calculate all offsets to appear as\n // if indent wasn't changed\n oldBMarks.push(state.bMarks[nextLine]);\n oldBSCount.push(state.bsCount[nextLine]);\n oldTShift.push(state.tShift[nextLine]);\n oldSCount.push(state.sCount[nextLine]);\n state.sCount[nextLine] -= state.blkIndent;\n }\n\n break;\n }\n\n oldBMarks.push(state.bMarks[nextLine]);\n oldBSCount.push(state.bsCount[nextLine]);\n oldTShift.push(state.tShift[nextLine]);\n oldSCount.push(state.sCount[nextLine]);\n\n // A negative indentation means that this is a paragraph continuation\n //\n state.sCount[nextLine] = -1;\n }\n\n oldIndent = state.blkIndent;\n state.blkIndent = 0;\n\n token = state.push('blockquote_open', 'blockquote', 1);\n token.markup = '>';\n token.map = lines = [ startLine, 0 ];\n\n state.md.block.tokenize(state, startLine, nextLine);\n\n token = state.push('blockquote_close', 'blockquote', -1);\n token.markup = '>';\n\n state.lineMax = oldLineMax;\n state.parentType = oldParentType;\n lines[1] = state.line;\n\n // Restore original tShift; this might not be necessary since the parser\n // has already been here, but just to make sure we can do that.\n for (i = 0; i < oldTShift.length; i++) {\n state.bMarks[i + startLine] = oldBMarks[i];\n state.tShift[i + startLine] = oldTShift[i];\n state.sCount[i + startLine] = oldSCount[i];\n state.bsCount[i + startLine] = oldBSCount[i];\n }\n state.blkIndent = oldIndent;\n\n return true;\n};\n","// Code block (4 spaces padded)\n\n'use strict';\n\n\nmodule.exports = function code(state, startLine, endLine/*, silent*/) {\n var nextLine, last, token;\n\n if (state.sCount[startLine] - state.blkIndent < 4) { return false; }\n\n last = nextLine = startLine + 1;\n\n while (nextLine < endLine) {\n if (state.isEmpty(nextLine)) {\n nextLine++;\n continue;\n }\n\n if (state.sCount[nextLine] - state.blkIndent >= 4) {\n nextLine++;\n last = nextLine;\n continue;\n }\n break;\n }\n\n state.line = last;\n\n token = state.push('code_block', 'code', 0);\n token.content = state.getLines(startLine, last, 4 + state.blkIndent, true);\n token.map = [ startLine, state.line ];\n\n return true;\n};\n","// fences (``` lang, ~~~ lang)\n\n'use strict';\n\n\nmodule.exports = function fence(state, startLine, endLine, silent) {\n var marker, len, params, nextLine, mem, token, markup,\n haveEndMarker = false,\n pos = state.bMarks[startLine] + state.tShift[startLine],\n max = state.eMarks[startLine];\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n\n if (pos + 3 > max) { return false; }\n\n marker = state.src.charCodeAt(pos);\n\n if (marker !== 0x7E/* ~ */ && marker !== 0x60 /* ` */) {\n return false;\n }\n\n // scan marker length\n mem = pos;\n pos = state.skipChars(pos, marker);\n\n len = pos - mem;\n\n if (len < 3) { return false; }\n\n markup = state.src.slice(mem, pos);\n params = state.src.slice(pos, max);\n\n if (marker === 0x60 /* ` */) {\n if (params.indexOf(String.fromCharCode(marker)) >= 0) {\n return false;\n }\n }\n\n // Since start is found, we can report success here in validation mode\n if (silent) { return true; }\n\n // search end of block\n nextLine = startLine;\n\n for (;;) {\n nextLine++;\n if (nextLine >= endLine) {\n // unclosed block should be autoclosed by end of document.\n // also block seems to be autoclosed by end of parent\n break;\n }\n\n pos = mem = state.bMarks[nextLine] + state.tShift[nextLine];\n max = state.eMarks[nextLine];\n\n if (pos < max && state.sCount[nextLine] < state.blkIndent) {\n // non-empty line with negative indent should stop the list:\n // - ```\n // test\n break;\n }\n\n if (state.src.charCodeAt(pos) !== marker) { continue; }\n\n if (state.sCount[nextLine] - state.blkIndent >= 4) {\n // closing fence should be indented less than 4 spaces\n continue;\n }\n\n pos = state.skipChars(pos, marker);\n\n // closing code fence must be at least as long as the opening one\n if (pos - mem < len) { continue; }\n\n // make sure tail has spaces only\n pos = state.skipSpaces(pos);\n\n if (pos < max) { continue; }\n\n haveEndMarker = true;\n // found!\n break;\n }\n\n // If a fence has heading spaces, they should be removed from its inner block\n len = state.sCount[startLine];\n\n state.line = nextLine + (haveEndMarker ? 1 : 0);\n\n token = state.push('fence', 'code', 0);\n token.info = params;\n token.content = state.getLines(startLine + 1, nextLine, len, true);\n token.markup = markup;\n token.map = [ startLine, state.line ];\n\n return true;\n};\n","// heading (#, ##, ...)\n\n'use strict';\n\nvar isSpace = require('../common/utils').isSpace;\n\n\nmodule.exports = function heading(state, startLine, endLine, silent) {\n var ch, level, tmp, token,\n pos = state.bMarks[startLine] + state.tShift[startLine],\n max = state.eMarks[startLine];\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n\n ch = state.src.charCodeAt(pos);\n\n if (ch !== 0x23/* # */ || pos >= max) { return false; }\n\n // count heading level\n level = 1;\n ch = state.src.charCodeAt(++pos);\n while (ch === 0x23/* # */ && pos < max && level <= 6) {\n level++;\n ch = state.src.charCodeAt(++pos);\n }\n\n if (level > 6 || (pos < max && !isSpace(ch))) { return false; }\n\n if (silent) { return true; }\n\n // Let's cut tails like ' ### ' from the end of string\n\n max = state.skipSpacesBack(max, pos);\n tmp = state.skipCharsBack(max, 0x23, pos); // #\n if (tmp > pos && isSpace(state.src.charCodeAt(tmp - 1))) {\n max = tmp;\n }\n\n state.line = startLine + 1;\n\n token = state.push('heading_open', 'h' + String(level), 1);\n token.markup = '########'.slice(0, level);\n token.map = [ startLine, state.line ];\n\n token = state.push('inline', '', 0);\n token.content = state.src.slice(pos, max).trim();\n token.map = [ startLine, state.line ];\n token.children = [];\n\n token = state.push('heading_close', 'h' + String(level), -1);\n token.markup = '########'.slice(0, level);\n\n return true;\n};\n","// Horizontal rule\n\n'use strict';\n\nvar isSpace = require('../common/utils').isSpace;\n\n\nmodule.exports = function hr(state, startLine, endLine, silent) {\n var marker, cnt, ch, token,\n pos = state.bMarks[startLine] + state.tShift[startLine],\n max = state.eMarks[startLine];\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n\n marker = state.src.charCodeAt(pos++);\n\n // Check hr marker\n if (marker !== 0x2A/* * */ &&\n marker !== 0x2D/* - */ &&\n marker !== 0x5F/* _ */) {\n return false;\n }\n\n // markers can be mixed with spaces, but there should be at least 3 of them\n\n cnt = 1;\n while (pos < max) {\n ch = state.src.charCodeAt(pos++);\n if (ch !== marker && !isSpace(ch)) { return false; }\n if (ch === marker) { cnt++; }\n }\n\n if (cnt < 3) { return false; }\n\n if (silent) { return true; }\n\n state.line = startLine + 1;\n\n token = state.push('hr', 'hr', 0);\n token.map = [ startLine, state.line ];\n token.markup = Array(cnt + 1).join(String.fromCharCode(marker));\n\n return true;\n};\n","// HTML block\n\n'use strict';\n\n\nvar block_names = require('../common/html_blocks');\nvar HTML_OPEN_CLOSE_TAG_RE = require('../common/html_re').HTML_OPEN_CLOSE_TAG_RE;\n\n// An array of opening and corresponding closing sequences for html tags,\n// last argument defines whether it can terminate a paragraph or not\n//\nvar HTML_SEQUENCES = [\n [ /^<(script|pre|style)(?=(\\s|>|$))/i, /<\\/(script|pre|style)>/i, true ],\n [ /^/, true ],\n [ /^<\\?/, /\\?>/, true ],\n [ /^/, true ],\n [ /^/, true ],\n [ new RegExp('^|$))', 'i'), /^$/, true ],\n [ new RegExp(HTML_OPEN_CLOSE_TAG_RE.source + '\\\\s*$'), /^$/, false ]\n];\n\n\nmodule.exports = function html_block(state, startLine, endLine, silent) {\n var i, nextLine, token, lineText,\n pos = state.bMarks[startLine] + state.tShift[startLine],\n max = state.eMarks[startLine];\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n\n if (!state.md.options.html) { return false; }\n\n if (state.src.charCodeAt(pos) !== 0x3C/* < */) { return false; }\n\n lineText = state.src.slice(pos, max);\n\n for (i = 0; i < HTML_SEQUENCES.length; i++) {\n if (HTML_SEQUENCES[i][0].test(lineText)) { break; }\n }\n\n if (i === HTML_SEQUENCES.length) { return false; }\n\n if (silent) {\n // true if this sequence can be a terminator, false otherwise\n return HTML_SEQUENCES[i][2];\n }\n\n nextLine = startLine + 1;\n\n // If we are here - we detected HTML block.\n // Let's roll down till block end.\n if (!HTML_SEQUENCES[i][1].test(lineText)) {\n for (; nextLine < endLine; nextLine++) {\n if (state.sCount[nextLine] < state.blkIndent) { break; }\n\n pos = state.bMarks[nextLine] + state.tShift[nextLine];\n max = state.eMarks[nextLine];\n lineText = state.src.slice(pos, max);\n\n if (HTML_SEQUENCES[i][1].test(lineText)) {\n if (lineText.length !== 0) { nextLine++; }\n break;\n }\n }\n }\n\n state.line = nextLine;\n\n token = state.push('html_block', '', 0);\n token.map = [ startLine, nextLine ];\n token.content = state.getLines(startLine, nextLine, state.blkIndent, true);\n\n return true;\n};\n","// lheading (---, ===)\n\n'use strict';\n\n\nmodule.exports = function lheading(state, startLine, endLine/*, silent*/) {\n var content, terminate, i, l, token, pos, max, level, marker,\n nextLine = startLine + 1, oldParentType,\n terminatorRules = state.md.block.ruler.getRules('paragraph');\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n\n oldParentType = state.parentType;\n state.parentType = 'paragraph'; // use paragraph to match terminatorRules\n\n // jump line-by-line until empty one or EOF\n for (; nextLine < endLine && !state.isEmpty(nextLine); nextLine++) {\n // this would be a code block normally, but after paragraph\n // it's considered a lazy continuation regardless of what's there\n if (state.sCount[nextLine] - state.blkIndent > 3) { continue; }\n\n //\n // Check for underline in setext header\n //\n if (state.sCount[nextLine] >= state.blkIndent) {\n pos = state.bMarks[nextLine] + state.tShift[nextLine];\n max = state.eMarks[nextLine];\n\n if (pos < max) {\n marker = state.src.charCodeAt(pos);\n\n if (marker === 0x2D/* - */ || marker === 0x3D/* = */) {\n pos = state.skipChars(pos, marker);\n pos = state.skipSpaces(pos);\n\n if (pos >= max) {\n level = (marker === 0x3D/* = */ ? 1 : 2);\n break;\n }\n }\n }\n }\n\n // quirk for blockquotes, this line should already be checked by that rule\n if (state.sCount[nextLine] < 0) { continue; }\n\n // Some tags can terminate paragraph without empty line.\n terminate = false;\n for (i = 0, l = terminatorRules.length; i < l; i++) {\n if (terminatorRules[i](state, nextLine, endLine, true)) {\n terminate = true;\n break;\n }\n }\n if (terminate) { break; }\n }\n\n if (!level) {\n // Didn't find valid underline\n return false;\n }\n\n content = state.getLines(startLine, nextLine, state.blkIndent, false).trim();\n\n state.line = nextLine + 1;\n\n token = state.push('heading_open', 'h' + String(level), 1);\n token.markup = String.fromCharCode(marker);\n token.map = [ startLine, state.line ];\n\n token = state.push('inline', '', 0);\n token.content = content;\n token.map = [ startLine, state.line - 1 ];\n token.children = [];\n\n token = state.push('heading_close', 'h' + String(level), -1);\n token.markup = String.fromCharCode(marker);\n\n state.parentType = oldParentType;\n\n return true;\n};\n","// Lists\n\n'use strict';\n\nvar isSpace = require('../common/utils').isSpace;\n\n\n// Search `[-+*][\\n ]`, returns next pos after marker on success\n// or -1 on fail.\nfunction skipBulletListMarker(state, startLine) {\n var marker, pos, max, ch;\n\n pos = state.bMarks[startLine] + state.tShift[startLine];\n max = state.eMarks[startLine];\n\n marker = state.src.charCodeAt(pos++);\n // Check bullet\n if (marker !== 0x2A/* * */ &&\n marker !== 0x2D/* - */ &&\n marker !== 0x2B/* + */) {\n return -1;\n }\n\n if (pos < max) {\n ch = state.src.charCodeAt(pos);\n\n if (!isSpace(ch)) {\n // \" -test \" - is not a list item\n return -1;\n }\n }\n\n return pos;\n}\n\n// Search `\\d+[.)][\\n ]`, returns next pos after marker on success\n// or -1 on fail.\nfunction skipOrderedListMarker(state, startLine) {\n var ch,\n start = state.bMarks[startLine] + state.tShift[startLine],\n pos = start,\n max = state.eMarks[startLine];\n\n // List marker should have at least 2 chars (digit + dot)\n if (pos + 1 >= max) { return -1; }\n\n ch = state.src.charCodeAt(pos++);\n\n if (ch < 0x30/* 0 */ || ch > 0x39/* 9 */) { return -1; }\n\n for (;;) {\n // EOL -> fail\n if (pos >= max) { return -1; }\n\n ch = state.src.charCodeAt(pos++);\n\n if (ch >= 0x30/* 0 */ && ch <= 0x39/* 9 */) {\n\n // List marker should have no more than 9 digits\n // (prevents integer overflow in browsers)\n if (pos - start >= 10) { return -1; }\n\n continue;\n }\n\n // found valid marker\n if (ch === 0x29/* ) */ || ch === 0x2e/* . */) {\n break;\n }\n\n return -1;\n }\n\n\n if (pos < max) {\n ch = state.src.charCodeAt(pos);\n\n if (!isSpace(ch)) {\n // \" 1.test \" - is not a list item\n return -1;\n }\n }\n return pos;\n}\n\nfunction markTightParagraphs(state, idx) {\n var i, l,\n level = state.level + 2;\n\n for (i = idx + 2, l = state.tokens.length - 2; i < l; i++) {\n if (state.tokens[i].level === level && state.tokens[i].type === 'paragraph_open') {\n state.tokens[i + 2].hidden = true;\n state.tokens[i].hidden = true;\n i += 2;\n }\n }\n}\n\n\nmodule.exports = function list(state, startLine, endLine, silent) {\n var ch,\n contentStart,\n i,\n indent,\n indentAfterMarker,\n initial,\n isOrdered,\n itemLines,\n l,\n listLines,\n listTokIdx,\n markerCharCode,\n markerValue,\n max,\n nextLine,\n offset,\n oldListIndent,\n oldParentType,\n oldSCount,\n oldTShift,\n oldTight,\n pos,\n posAfterMarker,\n prevEmptyEnd,\n start,\n terminate,\n terminatorRules,\n token,\n isTerminatingParagraph = false,\n tight = true;\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n\n // Special case:\n // - item 1\n // - item 2\n // - item 3\n // - item 4\n // - this one is a paragraph continuation\n if (state.listIndent >= 0 &&\n state.sCount[startLine] - state.listIndent >= 4 &&\n state.sCount[startLine] < state.blkIndent) {\n return false;\n }\n\n // limit conditions when list can interrupt\n // a paragraph (validation mode only)\n if (silent && state.parentType === 'paragraph') {\n // Next list item should still terminate previous list item;\n //\n // This code can fail if plugins use blkIndent as well as lists,\n // but I hope the spec gets fixed long before that happens.\n //\n if (state.tShift[startLine] >= state.blkIndent) {\n isTerminatingParagraph = true;\n }\n }\n\n // Detect list type and position after marker\n if ((posAfterMarker = skipOrderedListMarker(state, startLine)) >= 0) {\n isOrdered = true;\n start = state.bMarks[startLine] + state.tShift[startLine];\n markerValue = Number(state.src.substr(start, posAfterMarker - start - 1));\n\n // If we're starting a new ordered list right after\n // a paragraph, it should start with 1.\n if (isTerminatingParagraph && markerValue !== 1) return false;\n\n } else if ((posAfterMarker = skipBulletListMarker(state, startLine)) >= 0) {\n isOrdered = false;\n\n } else {\n return false;\n }\n\n // If we're starting a new unordered list right after\n // a paragraph, first line should not be empty.\n if (isTerminatingParagraph) {\n if (state.skipSpaces(posAfterMarker) >= state.eMarks[startLine]) return false;\n }\n\n // We should terminate list on style change. Remember first one to compare.\n markerCharCode = state.src.charCodeAt(posAfterMarker - 1);\n\n // For validation mode we can terminate immediately\n if (silent) { return true; }\n\n // Start list\n listTokIdx = state.tokens.length;\n\n if (isOrdered) {\n token = state.push('ordered_list_open', 'ol', 1);\n if (markerValue !== 1) {\n token.attrs = [ [ 'start', markerValue ] ];\n }\n\n } else {\n token = state.push('bullet_list_open', 'ul', 1);\n }\n\n token.map = listLines = [ startLine, 0 ];\n token.markup = String.fromCharCode(markerCharCode);\n\n //\n // Iterate list items\n //\n\n nextLine = startLine;\n prevEmptyEnd = false;\n terminatorRules = state.md.block.ruler.getRules('list');\n\n oldParentType = state.parentType;\n state.parentType = 'list';\n\n while (nextLine < endLine) {\n pos = posAfterMarker;\n max = state.eMarks[nextLine];\n\n initial = offset = state.sCount[nextLine] + posAfterMarker - (state.bMarks[startLine] + state.tShift[startLine]);\n\n while (pos < max) {\n ch = state.src.charCodeAt(pos);\n\n if (ch === 0x09) {\n offset += 4 - (offset + state.bsCount[nextLine]) % 4;\n } else if (ch === 0x20) {\n offset++;\n } else {\n break;\n }\n\n pos++;\n }\n\n contentStart = pos;\n\n if (contentStart >= max) {\n // trimming space in \"- \\n 3\" case, indent is 1 here\n indentAfterMarker = 1;\n } else {\n indentAfterMarker = offset - initial;\n }\n\n // If we have more than 4 spaces, the indent is 1\n // (the rest is just indented code block)\n if (indentAfterMarker > 4) { indentAfterMarker = 1; }\n\n // \" - test\"\n // ^^^^^ - calculating total length of this thing\n indent = initial + indentAfterMarker;\n\n // Run subparser & write tokens\n token = state.push('list_item_open', 'li', 1);\n token.markup = String.fromCharCode(markerCharCode);\n token.map = itemLines = [ startLine, 0 ];\n\n // change current state, then restore it after parser subcall\n oldTight = state.tight;\n oldTShift = state.tShift[startLine];\n oldSCount = state.sCount[startLine];\n\n // - example list\n // ^ listIndent position will be here\n // ^ blkIndent position will be here\n //\n oldListIndent = state.listIndent;\n state.listIndent = state.blkIndent;\n state.blkIndent = indent;\n\n state.tight = true;\n state.tShift[startLine] = contentStart - state.bMarks[startLine];\n state.sCount[startLine] = offset;\n\n if (contentStart >= max && state.isEmpty(startLine + 1)) {\n // workaround for this case\n // (list item is empty, list terminates before \"foo\"):\n // ~~~~~~~~\n // -\n //\n // foo\n // ~~~~~~~~\n state.line = Math.min(state.line + 2, endLine);\n } else {\n state.md.block.tokenize(state, startLine, endLine, true);\n }\n\n // If any of list item is tight, mark list as tight\n if (!state.tight || prevEmptyEnd) {\n tight = false;\n }\n // Item become loose if finish with empty line,\n // but we should filter last element, because it means list finish\n prevEmptyEnd = (state.line - startLine) > 1 && state.isEmpty(state.line - 1);\n\n state.blkIndent = state.listIndent;\n state.listIndent = oldListIndent;\n state.tShift[startLine] = oldTShift;\n state.sCount[startLine] = oldSCount;\n state.tight = oldTight;\n\n token = state.push('list_item_close', 'li', -1);\n token.markup = String.fromCharCode(markerCharCode);\n\n nextLine = startLine = state.line;\n itemLines[1] = nextLine;\n contentStart = state.bMarks[startLine];\n\n if (nextLine >= endLine) { break; }\n\n //\n // Try to check if list is terminated or continued.\n //\n if (state.sCount[nextLine] < state.blkIndent) { break; }\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { break; }\n\n // fail if terminating block found\n terminate = false;\n for (i = 0, l = terminatorRules.length; i < l; i++) {\n if (terminatorRules[i](state, nextLine, endLine, true)) {\n terminate = true;\n break;\n }\n }\n if (terminate) { break; }\n\n // fail if list has another type\n if (isOrdered) {\n posAfterMarker = skipOrderedListMarker(state, nextLine);\n if (posAfterMarker < 0) { break; }\n } else {\n posAfterMarker = skipBulletListMarker(state, nextLine);\n if (posAfterMarker < 0) { break; }\n }\n\n if (markerCharCode !== state.src.charCodeAt(posAfterMarker - 1)) { break; }\n }\n\n // Finalize list\n if (isOrdered) {\n token = state.push('ordered_list_close', 'ol', -1);\n } else {\n token = state.push('bullet_list_close', 'ul', -1);\n }\n token.markup = String.fromCharCode(markerCharCode);\n\n listLines[1] = nextLine;\n state.line = nextLine;\n\n state.parentType = oldParentType;\n\n // mark paragraphs tight if needed\n if (tight) {\n markTightParagraphs(state, listTokIdx);\n }\n\n return true;\n};\n","// Paragraph\n\n'use strict';\n\n\nmodule.exports = function paragraph(state, startLine/*, endLine*/) {\n var content, terminate, i, l, token, oldParentType,\n nextLine = startLine + 1,\n terminatorRules = state.md.block.ruler.getRules('paragraph'),\n endLine = state.lineMax;\n\n oldParentType = state.parentType;\n state.parentType = 'paragraph';\n\n // jump line-by-line until empty one or EOF\n for (; nextLine < endLine && !state.isEmpty(nextLine); nextLine++) {\n // this would be a code block normally, but after paragraph\n // it's considered a lazy continuation regardless of what's there\n if (state.sCount[nextLine] - state.blkIndent > 3) { continue; }\n\n // quirk for blockquotes, this line should already be checked by that rule\n if (state.sCount[nextLine] < 0) { continue; }\n\n // Some tags can terminate paragraph without empty line.\n terminate = false;\n for (i = 0, l = terminatorRules.length; i < l; i++) {\n if (terminatorRules[i](state, nextLine, endLine, true)) {\n terminate = true;\n break;\n }\n }\n if (terminate) { break; }\n }\n\n content = state.getLines(startLine, nextLine, state.blkIndent, false).trim();\n\n state.line = nextLine;\n\n token = state.push('paragraph_open', 'p', 1);\n token.map = [ startLine, state.line ];\n\n token = state.push('inline', '', 0);\n token.content = content;\n token.map = [ startLine, state.line ];\n token.children = [];\n\n token = state.push('paragraph_close', 'p', -1);\n\n state.parentType = oldParentType;\n\n return true;\n};\n","'use strict';\n\n\nvar normalizeReference = require('../common/utils').normalizeReference;\nvar isSpace = require('../common/utils').isSpace;\n\n\nmodule.exports = function reference(state, startLine, _endLine, silent) {\n var ch,\n destEndPos,\n destEndLineNo,\n endLine,\n href,\n i,\n l,\n label,\n labelEnd,\n oldParentType,\n res,\n start,\n str,\n terminate,\n terminatorRules,\n title,\n lines = 0,\n pos = state.bMarks[startLine] + state.tShift[startLine],\n max = state.eMarks[startLine],\n nextLine = startLine + 1;\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n\n if (state.src.charCodeAt(pos) !== 0x5B/* [ */) { return false; }\n\n // Simple check to quickly interrupt scan on [link](url) at the start of line.\n // Can be useful on practice: https://github.com/markdown-it/markdown-it/issues/54\n while (++pos < max) {\n if (state.src.charCodeAt(pos) === 0x5D /* ] */ &&\n state.src.charCodeAt(pos - 1) !== 0x5C/* \\ */) {\n if (pos + 1 === max) { return false; }\n if (state.src.charCodeAt(pos + 1) !== 0x3A/* : */) { return false; }\n break;\n }\n }\n\n endLine = state.lineMax;\n\n // jump line-by-line until empty one or EOF\n terminatorRules = state.md.block.ruler.getRules('reference');\n\n oldParentType = state.parentType;\n state.parentType = 'reference';\n\n for (; nextLine < endLine && !state.isEmpty(nextLine); nextLine++) {\n // this would be a code block normally, but after paragraph\n // it's considered a lazy continuation regardless of what's there\n if (state.sCount[nextLine] - state.blkIndent > 3) { continue; }\n\n // quirk for blockquotes, this line should already be checked by that rule\n if (state.sCount[nextLine] < 0) { continue; }\n\n // Some tags can terminate paragraph without empty line.\n terminate = false;\n for (i = 0, l = terminatorRules.length; i < l; i++) {\n if (terminatorRules[i](state, nextLine, endLine, true)) {\n terminate = true;\n break;\n }\n }\n if (terminate) { break; }\n }\n\n str = state.getLines(startLine, nextLine, state.blkIndent, false).trim();\n max = str.length;\n\n for (pos = 1; pos < max; pos++) {\n ch = str.charCodeAt(pos);\n if (ch === 0x5B /* [ */) {\n return false;\n } else if (ch === 0x5D /* ] */) {\n labelEnd = pos;\n break;\n } else if (ch === 0x0A /* \\n */) {\n lines++;\n } else if (ch === 0x5C /* \\ */) {\n pos++;\n if (pos < max && str.charCodeAt(pos) === 0x0A) {\n lines++;\n }\n }\n }\n\n if (labelEnd < 0 || str.charCodeAt(labelEnd + 1) !== 0x3A/* : */) { return false; }\n\n // [label]: destination 'title'\n // ^^^ skip optional whitespace here\n for (pos = labelEnd + 2; pos < max; pos++) {\n ch = str.charCodeAt(pos);\n if (ch === 0x0A) {\n lines++;\n } else if (isSpace(ch)) {\n /*eslint no-empty:0*/\n } else {\n break;\n }\n }\n\n // [label]: destination 'title'\n // ^^^^^^^^^^^ parse this\n res = state.md.helpers.parseLinkDestination(str, pos, max);\n if (!res.ok) { return false; }\n\n href = state.md.normalizeLink(res.str);\n if (!state.md.validateLink(href)) { return false; }\n\n pos = res.pos;\n lines += res.lines;\n\n // save cursor state, we could require to rollback later\n destEndPos = pos;\n destEndLineNo = lines;\n\n // [label]: destination 'title'\n // ^^^ skipping those spaces\n start = pos;\n for (; pos < max; pos++) {\n ch = str.charCodeAt(pos);\n if (ch === 0x0A) {\n lines++;\n } else if (isSpace(ch)) {\n /*eslint no-empty:0*/\n } else {\n break;\n }\n }\n\n // [label]: destination 'title'\n // ^^^^^^^ parse this\n res = state.md.helpers.parseLinkTitle(str, pos, max);\n if (pos < max && start !== pos && res.ok) {\n title = res.str;\n pos = res.pos;\n lines += res.lines;\n } else {\n title = '';\n pos = destEndPos;\n lines = destEndLineNo;\n }\n\n // skip trailing spaces until the rest of the line\n while (pos < max) {\n ch = str.charCodeAt(pos);\n if (!isSpace(ch)) { break; }\n pos++;\n }\n\n if (pos < max && str.charCodeAt(pos) !== 0x0A) {\n if (title) {\n // garbage at the end of the line after title,\n // but it could still be a valid reference if we roll back\n title = '';\n pos = destEndPos;\n lines = destEndLineNo;\n while (pos < max) {\n ch = str.charCodeAt(pos);\n if (!isSpace(ch)) { break; }\n pos++;\n }\n }\n }\n\n if (pos < max && str.charCodeAt(pos) !== 0x0A) {\n // garbage at the end of the line\n return false;\n }\n\n label = normalizeReference(str.slice(1, labelEnd));\n if (!label) {\n // CommonMark 0.20 disallows empty labels\n return false;\n }\n\n // Reference can not terminate anything. This check is for safety only.\n /*istanbul ignore if*/\n if (silent) { return true; }\n\n if (typeof state.env.references === 'undefined') {\n state.env.references = {};\n }\n if (typeof state.env.references[label] === 'undefined') {\n state.env.references[label] = { title: title, href: href };\n }\n\n state.parentType = oldParentType;\n\n state.line = startLine + lines + 1;\n return true;\n};\n","// Parser state class\n\n'use strict';\n\nvar Token = require('../token');\nvar isSpace = require('../common/utils').isSpace;\n\n\nfunction StateBlock(src, md, env, tokens) {\n var ch, s, start, pos, len, indent, offset, indent_found;\n\n this.src = src;\n\n // link to parser instance\n this.md = md;\n\n this.env = env;\n\n //\n // Internal state vartiables\n //\n\n this.tokens = tokens;\n\n this.bMarks = []; // line begin offsets for fast jumps\n this.eMarks = []; // line end offsets for fast jumps\n this.tShift = []; // offsets of the first non-space characters (tabs not expanded)\n this.sCount = []; // indents for each line (tabs expanded)\n\n // An amount of virtual spaces (tabs expanded) between beginning\n // of each line (bMarks) and real beginning of that line.\n //\n // It exists only as a hack because blockquotes override bMarks\n // losing information in the process.\n //\n // It's used only when expanding tabs, you can think about it as\n // an initial tab length, e.g. bsCount=21 applied to string `\\t123`\n // means first tab should be expanded to 4-21%4 === 3 spaces.\n //\n this.bsCount = [];\n\n // block parser variables\n this.blkIndent = 0; // required block content indent (for example, if we are\n // inside a list, it would be positioned after list marker)\n this.line = 0; // line index in src\n this.lineMax = 0; // lines count\n this.tight = false; // loose/tight mode for lists\n this.ddIndent = -1; // indent of the current dd block (-1 if there isn't any)\n this.listIndent = -1; // indent of the current list block (-1 if there isn't any)\n\n // can be 'blockquote', 'list', 'root', 'paragraph' or 'reference'\n // used in lists to determine if they interrupt a paragraph\n this.parentType = 'root';\n\n this.level = 0;\n\n // renderer\n this.result = '';\n\n // Create caches\n // Generate markers.\n s = this.src;\n indent_found = false;\n\n for (start = pos = indent = offset = 0, len = s.length; pos < len; pos++) {\n ch = s.charCodeAt(pos);\n\n if (!indent_found) {\n if (isSpace(ch)) {\n indent++;\n\n if (ch === 0x09) {\n offset += 4 - offset % 4;\n } else {\n offset++;\n }\n continue;\n } else {\n indent_found = true;\n }\n }\n\n if (ch === 0x0A || pos === len - 1) {\n if (ch !== 0x0A) { pos++; }\n this.bMarks.push(start);\n this.eMarks.push(pos);\n this.tShift.push(indent);\n this.sCount.push(offset);\n this.bsCount.push(0);\n\n indent_found = false;\n indent = 0;\n offset = 0;\n start = pos + 1;\n }\n }\n\n // Push fake entry to simplify cache bounds checks\n this.bMarks.push(s.length);\n this.eMarks.push(s.length);\n this.tShift.push(0);\n this.sCount.push(0);\n this.bsCount.push(0);\n\n this.lineMax = this.bMarks.length - 1; // don't count last fake line\n}\n\n// Push new token to \"stream\".\n//\nStateBlock.prototype.push = function (type, tag, nesting) {\n var token = new Token(type, tag, nesting);\n token.block = true;\n\n if (nesting < 0) this.level--; // closing tag\n token.level = this.level;\n if (nesting > 0) this.level++; // opening tag\n\n this.tokens.push(token);\n return token;\n};\n\nStateBlock.prototype.isEmpty = function isEmpty(line) {\n return this.bMarks[line] + this.tShift[line] >= this.eMarks[line];\n};\n\nStateBlock.prototype.skipEmptyLines = function skipEmptyLines(from) {\n for (var max = this.lineMax; from < max; from++) {\n if (this.bMarks[from] + this.tShift[from] < this.eMarks[from]) {\n break;\n }\n }\n return from;\n};\n\n// Skip spaces from given position.\nStateBlock.prototype.skipSpaces = function skipSpaces(pos) {\n var ch;\n\n for (var max = this.src.length; pos < max; pos++) {\n ch = this.src.charCodeAt(pos);\n if (!isSpace(ch)) { break; }\n }\n return pos;\n};\n\n// Skip spaces from given position in reverse.\nStateBlock.prototype.skipSpacesBack = function skipSpacesBack(pos, min) {\n if (pos <= min) { return pos; }\n\n while (pos > min) {\n if (!isSpace(this.src.charCodeAt(--pos))) { return pos + 1; }\n }\n return pos;\n};\n\n// Skip char codes from given position\nStateBlock.prototype.skipChars = function skipChars(pos, code) {\n for (var max = this.src.length; pos < max; pos++) {\n if (this.src.charCodeAt(pos) !== code) { break; }\n }\n return pos;\n};\n\n// Skip char codes reverse from given position - 1\nStateBlock.prototype.skipCharsBack = function skipCharsBack(pos, code, min) {\n if (pos <= min) { return pos; }\n\n while (pos > min) {\n if (code !== this.src.charCodeAt(--pos)) { return pos + 1; }\n }\n return pos;\n};\n\n// cut lines range from source.\nStateBlock.prototype.getLines = function getLines(begin, end, indent, keepLastLF) {\n var i, lineIndent, ch, first, last, queue, lineStart,\n line = begin;\n\n if (begin >= end) {\n return '';\n }\n\n queue = new Array(end - begin);\n\n for (i = 0; line < end; line++, i++) {\n lineIndent = 0;\n lineStart = first = this.bMarks[line];\n\n if (line + 1 < end || keepLastLF) {\n // No need for bounds check because we have fake entry on tail.\n last = this.eMarks[line] + 1;\n } else {\n last = this.eMarks[line];\n }\n\n while (first < last && lineIndent < indent) {\n ch = this.src.charCodeAt(first);\n\n if (isSpace(ch)) {\n if (ch === 0x09) {\n lineIndent += 4 - (lineIndent + this.bsCount[line]) % 4;\n } else {\n lineIndent++;\n }\n } else if (first - lineStart < this.tShift[line]) {\n // patched tShift masked characters to look like spaces (blockquotes, list markers)\n lineIndent++;\n } else {\n break;\n }\n\n first++;\n }\n\n if (lineIndent > indent) {\n // partially expanding tabs in code blocks, e.g '\\t\\tfoobar'\n // with indent=2 becomes ' \\tfoobar'\n queue[i] = new Array(lineIndent - indent + 1).join(' ') + this.src.slice(first, last);\n } else {\n queue[i] = this.src.slice(first, last);\n }\n }\n\n return queue.join('');\n};\n\n// re-export Token class to use in block rules\nStateBlock.prototype.Token = Token;\n\n\nmodule.exports = StateBlock;\n","// GFM table, non-standard\n\n'use strict';\n\nvar isSpace = require('../common/utils').isSpace;\n\n\nfunction getLine(state, line) {\n var pos = state.bMarks[line] + state.blkIndent,\n max = state.eMarks[line];\n\n return state.src.substr(pos, max - pos);\n}\n\nfunction escapedSplit(str) {\n var result = [],\n pos = 0,\n max = str.length,\n ch,\n escapes = 0,\n lastPos = 0,\n backTicked = false,\n lastBackTick = 0;\n\n ch = str.charCodeAt(pos);\n\n while (pos < max) {\n if (ch === 0x60/* ` */) {\n if (backTicked) {\n // make \\` close code sequence, but not open it;\n // the reason is: `\\` is correct code block\n backTicked = false;\n lastBackTick = pos;\n } else if (escapes % 2 === 0) {\n backTicked = true;\n lastBackTick = pos;\n }\n } else if (ch === 0x7c/* | */ && (escapes % 2 === 0) && !backTicked) {\n result.push(str.substring(lastPos, pos));\n lastPos = pos + 1;\n }\n\n if (ch === 0x5c/* \\ */) {\n escapes++;\n } else {\n escapes = 0;\n }\n\n pos++;\n\n // If there was an un-closed backtick, go back to just after\n // the last backtick, but as if it was a normal character\n if (pos === max && backTicked) {\n backTicked = false;\n pos = lastBackTick + 1;\n }\n\n ch = str.charCodeAt(pos);\n }\n\n result.push(str.substring(lastPos));\n\n return result;\n}\n\n\nmodule.exports = function table(state, startLine, endLine, silent) {\n var ch, lineText, pos, i, nextLine, columns, columnCount, token,\n aligns, t, tableLines, tbodyLines;\n\n // should have at least two lines\n if (startLine + 2 > endLine) { return false; }\n\n nextLine = startLine + 1;\n\n if (state.sCount[nextLine] < state.blkIndent) { return false; }\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[nextLine] - state.blkIndent >= 4) { return false; }\n\n // first character of the second line should be '|', '-', ':',\n // and no other characters are allowed but spaces;\n // basically, this is the equivalent of /^[-:|][-:|\\s]*$/ regexp\n\n pos = state.bMarks[nextLine] + state.tShift[nextLine];\n if (pos >= state.eMarks[nextLine]) { return false; }\n\n ch = state.src.charCodeAt(pos++);\n if (ch !== 0x7C/* | */ && ch !== 0x2D/* - */ && ch !== 0x3A/* : */) { return false; }\n\n while (pos < state.eMarks[nextLine]) {\n ch = state.src.charCodeAt(pos);\n\n if (ch !== 0x7C/* | */ && ch !== 0x2D/* - */ && ch !== 0x3A/* : */ && !isSpace(ch)) { return false; }\n\n pos++;\n }\n\n lineText = getLine(state, startLine + 1);\n\n columns = lineText.split('|');\n aligns = [];\n for (i = 0; i < columns.length; i++) {\n t = columns[i].trim();\n if (!t) {\n // allow empty columns before and after table, but not in between columns;\n // e.g. allow ` |---| `, disallow ` ---||--- `\n if (i === 0 || i === columns.length - 1) {\n continue;\n } else {\n return false;\n }\n }\n\n if (!/^:?-+:?$/.test(t)) { return false; }\n if (t.charCodeAt(t.length - 1) === 0x3A/* : */) {\n aligns.push(t.charCodeAt(0) === 0x3A/* : */ ? 'center' : 'right');\n } else if (t.charCodeAt(0) === 0x3A/* : */) {\n aligns.push('left');\n } else {\n aligns.push('');\n }\n }\n\n lineText = getLine(state, startLine).trim();\n if (lineText.indexOf('|') === -1) { return false; }\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n columns = escapedSplit(lineText.replace(/^\\||\\|$/g, ''));\n\n // header row will define an amount of columns in the entire table,\n // and align row shouldn't be smaller than that (the rest of the rows can)\n columnCount = columns.length;\n if (columnCount > aligns.length) { return false; }\n\n if (silent) { return true; }\n\n token = state.push('table_open', 'table', 1);\n token.map = tableLines = [ startLine, 0 ];\n\n token = state.push('thead_open', 'thead', 1);\n token.map = [ startLine, startLine + 1 ];\n\n token = state.push('tr_open', 'tr', 1);\n token.map = [ startLine, startLine + 1 ];\n\n for (i = 0; i < columns.length; i++) {\n token = state.push('th_open', 'th', 1);\n token.map = [ startLine, startLine + 1 ];\n if (aligns[i]) {\n token.attrs = [ [ 'style', 'text-align:' + aligns[i] ] ];\n }\n\n token = state.push('inline', '', 0);\n token.content = columns[i].trim();\n token.map = [ startLine, startLine + 1 ];\n token.children = [];\n\n token = state.push('th_close', 'th', -1);\n }\n\n token = state.push('tr_close', 'tr', -1);\n token = state.push('thead_close', 'thead', -1);\n\n token = state.push('tbody_open', 'tbody', 1);\n token.map = tbodyLines = [ startLine + 2, 0 ];\n\n for (nextLine = startLine + 2; nextLine < endLine; nextLine++) {\n if (state.sCount[nextLine] < state.blkIndent) { break; }\n\n lineText = getLine(state, nextLine).trim();\n if (lineText.indexOf('|') === -1) { break; }\n if (state.sCount[nextLine] - state.blkIndent >= 4) { break; }\n columns = escapedSplit(lineText.replace(/^\\||\\|$/g, ''));\n\n token = state.push('tr_open', 'tr', 1);\n for (i = 0; i < columnCount; i++) {\n token = state.push('td_open', 'td', 1);\n if (aligns[i]) {\n token.attrs = [ [ 'style', 'text-align:' + aligns[i] ] ];\n }\n\n token = state.push('inline', '', 0);\n token.content = columns[i] ? columns[i].trim() : '';\n token.children = [];\n\n token = state.push('td_close', 'td', -1);\n }\n token = state.push('tr_close', 'tr', -1);\n }\n token = state.push('tbody_close', 'tbody', -1);\n token = state.push('table_close', 'table', -1);\n\n tableLines[1] = tbodyLines[1] = nextLine;\n state.line = nextLine;\n return true;\n};\n","'use strict';\n\n\nmodule.exports = function block(state) {\n var token;\n\n if (state.inlineMode) {\n token = new state.Token('inline', '', 0);\n token.content = state.src;\n token.map = [ 0, 1 ];\n token.children = [];\n state.tokens.push(token);\n } else {\n state.md.block.parse(state.src, state.md, state.env, state.tokens);\n }\n};\n","'use strict';\n\nmodule.exports = function inline(state) {\n var tokens = state.tokens, tok, i, l;\n\n // Parse inlines\n for (i = 0, l = tokens.length; i < l; i++) {\n tok = tokens[i];\n if (tok.type === 'inline') {\n state.md.inline.parse(tok.content, state.md, state.env, tok.children);\n }\n }\n};\n","// Replace link-like texts with link nodes.\n//\n// Currently restricted by `md.validateLink()` to http/https/ftp\n//\n'use strict';\n\n\nvar arrayReplaceAt = require('../common/utils').arrayReplaceAt;\n\n\nfunction isLinkOpen(str) {\n return /^\\s]/i.test(str);\n}\nfunction isLinkClose(str) {\n return /^<\\/a\\s*>/i.test(str);\n}\n\n\nmodule.exports = function linkify(state) {\n var i, j, l, tokens, token, currentToken, nodes, ln, text, pos, lastPos,\n level, htmlLinkLevel, url, fullUrl, urlText,\n blockTokens = state.tokens,\n links;\n\n if (!state.md.options.linkify) { return; }\n\n for (j = 0, l = blockTokens.length; j < l; j++) {\n if (blockTokens[j].type !== 'inline' ||\n !state.md.linkify.pretest(blockTokens[j].content)) {\n continue;\n }\n\n tokens = blockTokens[j].children;\n\n htmlLinkLevel = 0;\n\n // We scan from the end, to keep position when new tags added.\n // Use reversed logic in links start/end match\n for (i = tokens.length - 1; i >= 0; i--) {\n currentToken = tokens[i];\n\n // Skip content of markdown links\n if (currentToken.type === 'link_close') {\n i--;\n while (tokens[i].level !== currentToken.level && tokens[i].type !== 'link_open') {\n i--;\n }\n continue;\n }\n\n // Skip content of html tag links\n if (currentToken.type === 'html_inline') {\n if (isLinkOpen(currentToken.content) && htmlLinkLevel > 0) {\n htmlLinkLevel--;\n }\n if (isLinkClose(currentToken.content)) {\n htmlLinkLevel++;\n }\n }\n if (htmlLinkLevel > 0) { continue; }\n\n if (currentToken.type === 'text' && state.md.linkify.test(currentToken.content)) {\n\n text = currentToken.content;\n links = state.md.linkify.match(text);\n\n // Now split string to nodes\n nodes = [];\n level = currentToken.level;\n lastPos = 0;\n\n for (ln = 0; ln < links.length; ln++) {\n\n url = links[ln].url;\n fullUrl = state.md.normalizeLink(url);\n if (!state.md.validateLink(fullUrl)) { continue; }\n\n urlText = links[ln].text;\n\n // Linkifier might send raw hostnames like \"example.com\", where url\n // starts with domain name. So we prepend http:// in those cases,\n // and remove it afterwards.\n //\n if (!links[ln].schema) {\n urlText = state.md.normalizeLinkText('http://' + urlText).replace(/^http:\\/\\//, '');\n } else if (links[ln].schema === 'mailto:' && !/^mailto:/i.test(urlText)) {\n urlText = state.md.normalizeLinkText('mailto:' + urlText).replace(/^mailto:/, '');\n } else {\n urlText = state.md.normalizeLinkText(urlText);\n }\n\n pos = links[ln].index;\n\n if (pos > lastPos) {\n token = new state.Token('text', '', 0);\n token.content = text.slice(lastPos, pos);\n token.level = level;\n nodes.push(token);\n }\n\n token = new state.Token('link_open', 'a', 1);\n token.attrs = [ [ 'href', fullUrl ] ];\n token.level = level++;\n token.markup = 'linkify';\n token.info = 'auto';\n nodes.push(token);\n\n token = new state.Token('text', '', 0);\n token.content = urlText;\n token.level = level;\n nodes.push(token);\n\n token = new state.Token('link_close', 'a', -1);\n token.level = --level;\n token.markup = 'linkify';\n token.info = 'auto';\n nodes.push(token);\n\n lastPos = links[ln].lastIndex;\n }\n if (lastPos < text.length) {\n token = new state.Token('text', '', 0);\n token.content = text.slice(lastPos);\n token.level = level;\n nodes.push(token);\n }\n\n // replace current node\n blockTokens[j].children = tokens = arrayReplaceAt(tokens, i, nodes);\n }\n }\n }\n};\n","// Normalize input string\n\n'use strict';\n\n\n// https://spec.commonmark.org/0.29/#line-ending\nvar NEWLINES_RE = /\\r\\n?|\\n/g;\nvar NULL_RE = /\\0/g;\n\n\nmodule.exports = function normalize(state) {\n var str;\n\n // Normalize newlines\n str = state.src.replace(NEWLINES_RE, '\\n');\n\n // Replace NULL characters\n str = str.replace(NULL_RE, '\\uFFFD');\n\n state.src = str;\n};\n","// Simple typographic replacements\n//\n// (c) (C) → ©\n// (tm) (TM) → ™\n// (r) (R) → ®\n// +- → ±\n// (p) (P) -> §\n// ... → … (also ?.... → ?.., !.... → !..)\n// ???????? → ???, !!!!! → !!!, `,,` → `,`\n// -- → –, --- → —\n//\n'use strict';\n\n// TODO:\n// - fractionals 1/2, 1/4, 3/4 -> ½, ¼, ¾\n// - miltiplication 2 x 4 -> 2 × 4\n\nvar RARE_RE = /\\+-|\\.\\.|\\?\\?\\?\\?|!!!!|,,|--/;\n\n// Workaround for phantomjs - need regex without /g flag,\n// or root check will fail every second time\nvar SCOPED_ABBR_TEST_RE = /\\((c|tm|r|p)\\)/i;\n\nvar SCOPED_ABBR_RE = /\\((c|tm|r|p)\\)/ig;\nvar SCOPED_ABBR = {\n c: '©',\n r: '®',\n p: '§',\n tm: '™'\n};\n\nfunction replaceFn(match, name) {\n return SCOPED_ABBR[name.toLowerCase()];\n}\n\nfunction replace_scoped(inlineTokens) {\n var i, token, inside_autolink = 0;\n\n for (i = inlineTokens.length - 1; i >= 0; i--) {\n token = inlineTokens[i];\n\n if (token.type === 'text' && !inside_autolink) {\n token.content = token.content.replace(SCOPED_ABBR_RE, replaceFn);\n }\n\n if (token.type === 'link_open' && token.info === 'auto') {\n inside_autolink--;\n }\n\n if (token.type === 'link_close' && token.info === 'auto') {\n inside_autolink++;\n }\n }\n}\n\nfunction replace_rare(inlineTokens) {\n var i, token, inside_autolink = 0;\n\n for (i = inlineTokens.length - 1; i >= 0; i--) {\n token = inlineTokens[i];\n\n if (token.type === 'text' && !inside_autolink) {\n if (RARE_RE.test(token.content)) {\n token.content = token.content\n .replace(/\\+-/g, '±')\n // .., ..., ....... -> …\n // but ?..... & !..... -> ?.. & !..\n .replace(/\\.{2,}/g, '…').replace(/([?!])…/g, '$1..')\n .replace(/([?!]){4,}/g, '$1$1$1').replace(/,{2,}/g, ',')\n // em-dash\n .replace(/(^|[^-])---([^-]|$)/mg, '$1\\u2014$2')\n // en-dash\n .replace(/(^|\\s)--(\\s|$)/mg, '$1\\u2013$2')\n .replace(/(^|[^-\\s])--([^-\\s]|$)/mg, '$1\\u2013$2');\n }\n }\n\n if (token.type === 'link_open' && token.info === 'auto') {\n inside_autolink--;\n }\n\n if (token.type === 'link_close' && token.info === 'auto') {\n inside_autolink++;\n }\n }\n}\n\n\nmodule.exports = function replace(state) {\n var blkIdx;\n\n if (!state.md.options.typographer) { return; }\n\n for (blkIdx = state.tokens.length - 1; blkIdx >= 0; blkIdx--) {\n\n if (state.tokens[blkIdx].type !== 'inline') { continue; }\n\n if (SCOPED_ABBR_TEST_RE.test(state.tokens[blkIdx].content)) {\n replace_scoped(state.tokens[blkIdx].children);\n }\n\n if (RARE_RE.test(state.tokens[blkIdx].content)) {\n replace_rare(state.tokens[blkIdx].children);\n }\n\n }\n};\n","// Convert straight quotation marks to typographic ones\n//\n'use strict';\n\n\nvar isWhiteSpace = require('../common/utils').isWhiteSpace;\nvar isPunctChar = require('../common/utils').isPunctChar;\nvar isMdAsciiPunct = require('../common/utils').isMdAsciiPunct;\n\nvar QUOTE_TEST_RE = /['\"]/;\nvar QUOTE_RE = /['\"]/g;\nvar APOSTROPHE = '\\u2019'; /* ’ */\n\n\nfunction replaceAt(str, index, ch) {\n return str.substr(0, index) + ch + str.substr(index + 1);\n}\n\nfunction process_inlines(tokens, state) {\n var i, token, text, t, pos, max, thisLevel, item, lastChar, nextChar,\n isLastPunctChar, isNextPunctChar, isLastWhiteSpace, isNextWhiteSpace,\n canOpen, canClose, j, isSingle, stack, openQuote, closeQuote;\n\n stack = [];\n\n for (i = 0; i < tokens.length; i++) {\n token = tokens[i];\n\n thisLevel = tokens[i].level;\n\n for (j = stack.length - 1; j >= 0; j--) {\n if (stack[j].level <= thisLevel) { break; }\n }\n stack.length = j + 1;\n\n if (token.type !== 'text') { continue; }\n\n text = token.content;\n pos = 0;\n max = text.length;\n\n /*eslint no-labels:0,block-scoped-var:0*/\n OUTER:\n while (pos < max) {\n QUOTE_RE.lastIndex = pos;\n t = QUOTE_RE.exec(text);\n if (!t) { break; }\n\n canOpen = canClose = true;\n pos = t.index + 1;\n isSingle = (t[0] === \"'\");\n\n // Find previous character,\n // default to space if it's the beginning of the line\n //\n lastChar = 0x20;\n\n if (t.index - 1 >= 0) {\n lastChar = text.charCodeAt(t.index - 1);\n } else {\n for (j = i - 1; j >= 0; j--) {\n if (tokens[j].type === 'softbreak' || tokens[j].type === 'hardbreak') break; // lastChar defaults to 0x20\n if (tokens[j].type !== 'text') continue;\n\n lastChar = tokens[j].content.charCodeAt(tokens[j].content.length - 1);\n break;\n }\n }\n\n // Find next character,\n // default to space if it's the end of the line\n //\n nextChar = 0x20;\n\n if (pos < max) {\n nextChar = text.charCodeAt(pos);\n } else {\n for (j = i + 1; j < tokens.length; j++) {\n if (tokens[j].type === 'softbreak' || tokens[j].type === 'hardbreak') break; // nextChar defaults to 0x20\n if (tokens[j].type !== 'text') continue;\n\n nextChar = tokens[j].content.charCodeAt(0);\n break;\n }\n }\n\n isLastPunctChar = isMdAsciiPunct(lastChar) || isPunctChar(String.fromCharCode(lastChar));\n isNextPunctChar = isMdAsciiPunct(nextChar) || isPunctChar(String.fromCharCode(nextChar));\n\n isLastWhiteSpace = isWhiteSpace(lastChar);\n isNextWhiteSpace = isWhiteSpace(nextChar);\n\n if (isNextWhiteSpace) {\n canOpen = false;\n } else if (isNextPunctChar) {\n if (!(isLastWhiteSpace || isLastPunctChar)) {\n canOpen = false;\n }\n }\n\n if (isLastWhiteSpace) {\n canClose = false;\n } else if (isLastPunctChar) {\n if (!(isNextWhiteSpace || isNextPunctChar)) {\n canClose = false;\n }\n }\n\n if (nextChar === 0x22 /* \" */ && t[0] === '\"') {\n if (lastChar >= 0x30 /* 0 */ && lastChar <= 0x39 /* 9 */) {\n // special case: 1\"\" - count first quote as an inch\n canClose = canOpen = false;\n }\n }\n\n if (canOpen && canClose) {\n // treat this as the middle of the word\n canOpen = false;\n canClose = isNextPunctChar;\n }\n\n if (!canOpen && !canClose) {\n // middle of word\n if (isSingle) {\n token.content = replaceAt(token.content, t.index, APOSTROPHE);\n }\n continue;\n }\n\n if (canClose) {\n // this could be a closing quote, rewind the stack to get a match\n for (j = stack.length - 1; j >= 0; j--) {\n item = stack[j];\n if (stack[j].level < thisLevel) { break; }\n if (item.single === isSingle && stack[j].level === thisLevel) {\n item = stack[j];\n\n if (isSingle) {\n openQuote = state.md.options.quotes[2];\n closeQuote = state.md.options.quotes[3];\n } else {\n openQuote = state.md.options.quotes[0];\n closeQuote = state.md.options.quotes[1];\n }\n\n // replace token.content *before* tokens[item.token].content,\n // because, if they are pointing at the same token, replaceAt\n // could mess up indices when quote length != 1\n token.content = replaceAt(token.content, t.index, closeQuote);\n tokens[item.token].content = replaceAt(\n tokens[item.token].content, item.pos, openQuote);\n\n pos += closeQuote.length - 1;\n if (item.token === i) { pos += openQuote.length - 1; }\n\n text = token.content;\n max = text.length;\n\n stack.length = j;\n continue OUTER;\n }\n }\n }\n\n if (canOpen) {\n stack.push({\n token: i,\n pos: t.index,\n single: isSingle,\n level: thisLevel\n });\n } else if (canClose && isSingle) {\n token.content = replaceAt(token.content, t.index, APOSTROPHE);\n }\n }\n }\n}\n\n\nmodule.exports = function smartquotes(state) {\n /*eslint max-depth:0*/\n var blkIdx;\n\n if (!state.md.options.typographer) { return; }\n\n for (blkIdx = state.tokens.length - 1; blkIdx >= 0; blkIdx--) {\n\n if (state.tokens[blkIdx].type !== 'inline' ||\n !QUOTE_TEST_RE.test(state.tokens[blkIdx].content)) {\n continue;\n }\n\n process_inlines(state.tokens[blkIdx].children, state);\n }\n};\n","// Core state object\n//\n'use strict';\n\nvar Token = require('../token');\n\n\nfunction StateCore(src, md, env) {\n this.src = src;\n this.env = env;\n this.tokens = [];\n this.inlineMode = false;\n this.md = md; // link to parser instance\n}\n\n// re-export Token class to use in core rules\nStateCore.prototype.Token = Token;\n\n\nmodule.exports = StateCore;\n","// Process autolinks ''\n\n'use strict';\n\n\n/*eslint max-len:0*/\nvar EMAIL_RE = /^<([a-zA-Z0-9.!#$%&'*+\\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*)>/;\nvar AUTOLINK_RE = /^<([a-zA-Z][a-zA-Z0-9+.\\-]{1,31}):([^<>\\x00-\\x20]*)>/;\n\n\nmodule.exports = function autolink(state, silent) {\n var tail, linkMatch, emailMatch, url, fullUrl, token,\n pos = state.pos;\n\n if (state.src.charCodeAt(pos) !== 0x3C/* < */) { return false; }\n\n tail = state.src.slice(pos);\n\n if (tail.indexOf('>') < 0) { return false; }\n\n if (AUTOLINK_RE.test(tail)) {\n linkMatch = tail.match(AUTOLINK_RE);\n\n url = linkMatch[0].slice(1, -1);\n fullUrl = state.md.normalizeLink(url);\n if (!state.md.validateLink(fullUrl)) { return false; }\n\n if (!silent) {\n token = state.push('link_open', 'a', 1);\n token.attrs = [ [ 'href', fullUrl ] ];\n token.markup = 'autolink';\n token.info = 'auto';\n\n token = state.push('text', '', 0);\n token.content = state.md.normalizeLinkText(url);\n\n token = state.push('link_close', 'a', -1);\n token.markup = 'autolink';\n token.info = 'auto';\n }\n\n state.pos += linkMatch[0].length;\n return true;\n }\n\n if (EMAIL_RE.test(tail)) {\n emailMatch = tail.match(EMAIL_RE);\n\n url = emailMatch[0].slice(1, -1);\n fullUrl = state.md.normalizeLink('mailto:' + url);\n if (!state.md.validateLink(fullUrl)) { return false; }\n\n if (!silent) {\n token = state.push('link_open', 'a', 1);\n token.attrs = [ [ 'href', fullUrl ] ];\n token.markup = 'autolink';\n token.info = 'auto';\n\n token = state.push('text', '', 0);\n token.content = state.md.normalizeLinkText(url);\n\n token = state.push('link_close', 'a', -1);\n token.markup = 'autolink';\n token.info = 'auto';\n }\n\n state.pos += emailMatch[0].length;\n return true;\n }\n\n return false;\n};\n","// Parse backticks\n\n'use strict';\n\nmodule.exports = function backtick(state, silent) {\n var start, max, marker, matchStart, matchEnd, token,\n pos = state.pos,\n ch = state.src.charCodeAt(pos);\n\n if (ch !== 0x60/* ` */) { return false; }\n\n start = pos;\n pos++;\n max = state.posMax;\n\n while (pos < max && state.src.charCodeAt(pos) === 0x60/* ` */) { pos++; }\n\n marker = state.src.slice(start, pos);\n\n matchStart = matchEnd = pos;\n\n while ((matchStart = state.src.indexOf('`', matchEnd)) !== -1) {\n matchEnd = matchStart + 1;\n\n while (matchEnd < max && state.src.charCodeAt(matchEnd) === 0x60/* ` */) { matchEnd++; }\n\n if (matchEnd - matchStart === marker.length) {\n if (!silent) {\n token = state.push('code_inline', 'code', 0);\n token.markup = marker;\n token.content = state.src.slice(pos, matchStart)\n .replace(/\\n/g, ' ')\n .replace(/^ (.+) $/, '$1');\n }\n state.pos = matchEnd;\n return true;\n }\n }\n\n if (!silent) { state.pending += marker; }\n state.pos += marker.length;\n return true;\n};\n","// For each opening emphasis-like marker find a matching closing one\n//\n'use strict';\n\n\nfunction processDelimiters(state, delimiters) {\n var closerIdx, openerIdx, closer, opener, minOpenerIdx, newMinOpenerIdx,\n isOddMatch, lastJump,\n openersBottom = {},\n max = delimiters.length;\n\n for (closerIdx = 0; closerIdx < max; closerIdx++) {\n closer = delimiters[closerIdx];\n\n // Length is only used for emphasis-specific \"rule of 3\",\n // if it's not defined (in strikethrough or 3rd party plugins),\n // we can default it to 0 to disable those checks.\n //\n closer.length = closer.length || 0;\n\n if (!closer.close) continue;\n\n // Previously calculated lower bounds (previous fails)\n // for each marker and each delimiter length modulo 3.\n if (!openersBottom.hasOwnProperty(closer.marker)) {\n openersBottom[closer.marker] = [ -1, -1, -1 ];\n }\n\n minOpenerIdx = openersBottom[closer.marker][closer.length % 3];\n newMinOpenerIdx = -1;\n\n openerIdx = closerIdx - closer.jump - 1;\n\n for (; openerIdx > minOpenerIdx; openerIdx -= opener.jump + 1) {\n opener = delimiters[openerIdx];\n\n if (opener.marker !== closer.marker) continue;\n\n if (newMinOpenerIdx === -1) newMinOpenerIdx = openerIdx;\n\n if (opener.open &&\n opener.end < 0 &&\n opener.level === closer.level) {\n\n isOddMatch = false;\n\n // from spec:\n //\n // If one of the delimiters can both open and close emphasis, then the\n // sum of the lengths of the delimiter runs containing the opening and\n // closing delimiters must not be a multiple of 3 unless both lengths\n // are multiples of 3.\n //\n if (opener.close || closer.open) {\n if ((opener.length + closer.length) % 3 === 0) {\n if (opener.length % 3 !== 0 || closer.length % 3 !== 0) {\n isOddMatch = true;\n }\n }\n }\n\n if (!isOddMatch) {\n // If previous delimiter cannot be an opener, we can safely skip\n // the entire sequence in future checks. This is required to make\n // sure algorithm has linear complexity (see *_*_*_*_*_... case).\n //\n lastJump = openerIdx > 0 && !delimiters[openerIdx - 1].open ?\n delimiters[openerIdx - 1].jump + 1 :\n 0;\n\n closer.jump = closerIdx - openerIdx + lastJump;\n closer.open = false;\n opener.end = closerIdx;\n opener.jump = lastJump;\n opener.close = false;\n newMinOpenerIdx = -1;\n break;\n }\n }\n }\n\n if (newMinOpenerIdx !== -1) {\n // If match for this delimiter run failed, we want to set lower bound for\n // future lookups. This is required to make sure algorithm has linear\n // complexity.\n //\n // See details here:\n // https://github.com/commonmark/cmark/issues/178#issuecomment-270417442\n //\n openersBottom[closer.marker][(closer.length || 0) % 3] = newMinOpenerIdx;\n }\n }\n}\n\n\nmodule.exports = function link_pairs(state) {\n var curr,\n tokens_meta = state.tokens_meta,\n max = state.tokens_meta.length;\n\n processDelimiters(state, state.delimiters);\n\n for (curr = 0; curr < max; curr++) {\n if (tokens_meta[curr] && tokens_meta[curr].delimiters) {\n processDelimiters(state, tokens_meta[curr].delimiters);\n }\n }\n};\n","// Process *this* and _that_\n//\n'use strict';\n\n\n// Insert each marker as a separate text token, and add it to delimiter list\n//\nmodule.exports.tokenize = function emphasis(state, silent) {\n var i, scanned, token,\n start = state.pos,\n marker = state.src.charCodeAt(start);\n\n if (silent) { return false; }\n\n if (marker !== 0x5F /* _ */ && marker !== 0x2A /* * */) { return false; }\n\n scanned = state.scanDelims(state.pos, marker === 0x2A);\n\n for (i = 0; i < scanned.length; i++) {\n token = state.push('text', '', 0);\n token.content = String.fromCharCode(marker);\n\n state.delimiters.push({\n // Char code of the starting marker (number).\n //\n marker: marker,\n\n // Total length of these series of delimiters.\n //\n length: scanned.length,\n\n // An amount of characters before this one that's equivalent to\n // current one. In plain English: if this delimiter does not open\n // an emphasis, neither do previous `jump` characters.\n //\n // Used to skip sequences like \"*****\" in one step, for 1st asterisk\n // value will be 0, for 2nd it's 1 and so on.\n //\n jump: i,\n\n // A position of the token this delimiter corresponds to.\n //\n token: state.tokens.length - 1,\n\n // If this delimiter is matched as a valid opener, `end` will be\n // equal to its position, otherwise it's `-1`.\n //\n end: -1,\n\n // Boolean flags that determine if this delimiter could open or close\n // an emphasis.\n //\n open: scanned.can_open,\n close: scanned.can_close\n });\n }\n\n state.pos += scanned.length;\n\n return true;\n};\n\n\nfunction postProcess(state, delimiters) {\n var i,\n startDelim,\n endDelim,\n token,\n ch,\n isStrong,\n max = delimiters.length;\n\n for (i = max - 1; i >= 0; i--) {\n startDelim = delimiters[i];\n\n if (startDelim.marker !== 0x5F/* _ */ && startDelim.marker !== 0x2A/* * */) {\n continue;\n }\n\n // Process only opening markers\n if (startDelim.end === -1) {\n continue;\n }\n\n endDelim = delimiters[startDelim.end];\n\n // If the previous delimiter has the same marker and is adjacent to this one,\n // merge those into one strong delimiter.\n //\n // `whatever whatever `\n //\n isStrong = i > 0 &&\n delimiters[i - 1].end === startDelim.end + 1 &&\n delimiters[i - 1].token === startDelim.token - 1 &&\n delimiters[startDelim.end + 1].token === endDelim.token + 1 &&\n delimiters[i - 1].marker === startDelim.marker;\n\n ch = String.fromCharCode(startDelim.marker);\n\n token = state.tokens[startDelim.token];\n token.type = isStrong ? 'strong_open' : 'em_open';\n token.tag = isStrong ? 'strong' : 'em';\n token.nesting = 1;\n token.markup = isStrong ? ch + ch : ch;\n token.content = '';\n\n token = state.tokens[endDelim.token];\n token.type = isStrong ? 'strong_close' : 'em_close';\n token.tag = isStrong ? 'strong' : 'em';\n token.nesting = -1;\n token.markup = isStrong ? ch + ch : ch;\n token.content = '';\n\n if (isStrong) {\n state.tokens[delimiters[i - 1].token].content = '';\n state.tokens[delimiters[startDelim.end + 1].token].content = '';\n i--;\n }\n }\n}\n\n\n// Walk through delimiter list and replace text tokens with tags\n//\nmodule.exports.postProcess = function emphasis(state) {\n var curr,\n tokens_meta = state.tokens_meta,\n max = state.tokens_meta.length;\n\n postProcess(state, state.delimiters);\n\n for (curr = 0; curr < max; curr++) {\n if (tokens_meta[curr] && tokens_meta[curr].delimiters) {\n postProcess(state, tokens_meta[curr].delimiters);\n }\n }\n};\n","// Process html entity - {, ¯, ", ...\n\n'use strict';\n\nvar entities = require('../common/entities');\nvar has = require('../common/utils').has;\nvar isValidEntityCode = require('../common/utils').isValidEntityCode;\nvar fromCodePoint = require('../common/utils').fromCodePoint;\n\n\nvar DIGITAL_RE = /^&#((?:x[a-f0-9]{1,6}|[0-9]{1,7}));/i;\nvar NAMED_RE = /^&([a-z][a-z0-9]{1,31});/i;\n\n\nmodule.exports = function entity(state, silent) {\n var ch, code, match, pos = state.pos, max = state.posMax;\n\n if (state.src.charCodeAt(pos) !== 0x26/* & */) { return false; }\n\n if (pos + 1 < max) {\n ch = state.src.charCodeAt(pos + 1);\n\n if (ch === 0x23 /* # */) {\n match = state.src.slice(pos).match(DIGITAL_RE);\n if (match) {\n if (!silent) {\n code = match[1][0].toLowerCase() === 'x' ? parseInt(match[1].slice(1), 16) : parseInt(match[1], 10);\n state.pending += isValidEntityCode(code) ? fromCodePoint(code) : fromCodePoint(0xFFFD);\n }\n state.pos += match[0].length;\n return true;\n }\n } else {\n match = state.src.slice(pos).match(NAMED_RE);\n if (match) {\n if (has(entities, match[1])) {\n if (!silent) { state.pending += entities[match[1]]; }\n state.pos += match[0].length;\n return true;\n }\n }\n }\n }\n\n if (!silent) { state.pending += '&'; }\n state.pos++;\n return true;\n};\n","// Process escaped chars and hardbreaks\n\n'use strict';\n\nvar isSpace = require('../common/utils').isSpace;\n\nvar ESCAPED = [];\n\nfor (var i = 0; i < 256; i++) { ESCAPED.push(0); }\n\n'\\\\!\"#$%&\\'()*+,./:;<=>?@[]^_`{|}~-'\n .split('').forEach(function (ch) { ESCAPED[ch.charCodeAt(0)] = 1; });\n\n\nmodule.exports = function escape(state, silent) {\n var ch, pos = state.pos, max = state.posMax;\n\n if (state.src.charCodeAt(pos) !== 0x5C/* \\ */) { return false; }\n\n pos++;\n\n if (pos < max) {\n ch = state.src.charCodeAt(pos);\n\n if (ch < 256 && ESCAPED[ch] !== 0) {\n if (!silent) { state.pending += state.src[pos]; }\n state.pos += 2;\n return true;\n }\n\n if (ch === 0x0A) {\n if (!silent) {\n state.push('hardbreak', 'br', 0);\n }\n\n pos++;\n // skip leading whitespaces from next line\n while (pos < max) {\n ch = state.src.charCodeAt(pos);\n if (!isSpace(ch)) { break; }\n pos++;\n }\n\n state.pos = pos;\n return true;\n }\n }\n\n if (!silent) { state.pending += '\\\\'; }\n state.pos++;\n return true;\n};\n","// Process html tags\n\n'use strict';\n\n\nvar HTML_TAG_RE = require('../common/html_re').HTML_TAG_RE;\n\n\nfunction isLetter(ch) {\n /*eslint no-bitwise:0*/\n var lc = ch | 0x20; // to lower case\n return (lc >= 0x61/* a */) && (lc <= 0x7a/* z */);\n}\n\n\nmodule.exports = function html_inline(state, silent) {\n var ch, match, max, token,\n pos = state.pos;\n\n if (!state.md.options.html) { return false; }\n\n // Check start\n max = state.posMax;\n if (state.src.charCodeAt(pos) !== 0x3C/* < */ ||\n pos + 2 >= max) {\n return false;\n }\n\n // Quick fail on second char\n ch = state.src.charCodeAt(pos + 1);\n if (ch !== 0x21/* ! */ &&\n ch !== 0x3F/* ? */ &&\n ch !== 0x2F/* / */ &&\n !isLetter(ch)) {\n return false;\n }\n\n match = state.src.slice(pos).match(HTML_TAG_RE);\n if (!match) { return false; }\n\n if (!silent) {\n token = state.push('html_inline', '', 0);\n token.content = state.src.slice(pos, pos + match[0].length);\n }\n state.pos += match[0].length;\n return true;\n};\n","// Process ![image]( \"title\")\n\n'use strict';\n\nvar normalizeReference = require('../common/utils').normalizeReference;\nvar isSpace = require('../common/utils').isSpace;\n\n\nmodule.exports = function image(state, silent) {\n var attrs,\n code,\n content,\n label,\n labelEnd,\n labelStart,\n pos,\n ref,\n res,\n title,\n token,\n tokens,\n start,\n href = '',\n oldPos = state.pos,\n max = state.posMax;\n\n if (state.src.charCodeAt(state.pos) !== 0x21/* ! */) { return false; }\n if (state.src.charCodeAt(state.pos + 1) !== 0x5B/* [ */) { return false; }\n\n labelStart = state.pos + 2;\n labelEnd = state.md.helpers.parseLinkLabel(state, state.pos + 1, false);\n\n // parser failed to find ']', so it's not a valid link\n if (labelEnd < 0) { return false; }\n\n pos = labelEnd + 1;\n if (pos < max && state.src.charCodeAt(pos) === 0x28/* ( */) {\n //\n // Inline link\n //\n\n // [link]( \"title\" )\n // ^^ skipping these spaces\n pos++;\n for (; pos < max; pos++) {\n code = state.src.charCodeAt(pos);\n if (!isSpace(code) && code !== 0x0A) { break; }\n }\n if (pos >= max) { return false; }\n\n // [link]( \"title\" )\n // ^^^^^^ parsing link destination\n start = pos;\n res = state.md.helpers.parseLinkDestination(state.src, pos, state.posMax);\n if (res.ok) {\n href = state.md.normalizeLink(res.str);\n if (state.md.validateLink(href)) {\n pos = res.pos;\n } else {\n href = '';\n }\n }\n\n // [link]( \"title\" )\n // ^^ skipping these spaces\n start = pos;\n for (; pos < max; pos++) {\n code = state.src.charCodeAt(pos);\n if (!isSpace(code) && code !== 0x0A) { break; }\n }\n\n // [link]( \"title\" )\n // ^^^^^^^ parsing link title\n res = state.md.helpers.parseLinkTitle(state.src, pos, state.posMax);\n if (pos < max && start !== pos && res.ok) {\n title = res.str;\n pos = res.pos;\n\n // [link]( \"title\" )\n // ^^ skipping these spaces\n for (; pos < max; pos++) {\n code = state.src.charCodeAt(pos);\n if (!isSpace(code) && code !== 0x0A) { break; }\n }\n } else {\n title = '';\n }\n\n if (pos >= max || state.src.charCodeAt(pos) !== 0x29/* ) */) {\n state.pos = oldPos;\n return false;\n }\n pos++;\n } else {\n //\n // Link reference\n //\n if (typeof state.env.references === 'undefined') { return false; }\n\n if (pos < max && state.src.charCodeAt(pos) === 0x5B/* [ */) {\n start = pos + 1;\n pos = state.md.helpers.parseLinkLabel(state, pos);\n if (pos >= 0) {\n label = state.src.slice(start, pos++);\n } else {\n pos = labelEnd + 1;\n }\n } else {\n pos = labelEnd + 1;\n }\n\n // covers label === '' and label === undefined\n // (collapsed reference link and shortcut reference link respectively)\n if (!label) { label = state.src.slice(labelStart, labelEnd); }\n\n ref = state.env.references[normalizeReference(label)];\n if (!ref) {\n state.pos = oldPos;\n return false;\n }\n href = ref.href;\n title = ref.title;\n }\n\n //\n // We found the end of the link, and know for a fact it's a valid link;\n // so all that's left to do is to call tokenizer.\n //\n if (!silent) {\n content = state.src.slice(labelStart, labelEnd);\n\n state.md.inline.parse(\n content,\n state.md,\n state.env,\n tokens = []\n );\n\n token = state.push('image', 'img', 0);\n token.attrs = attrs = [ [ 'src', href ], [ 'alt', '' ] ];\n token.children = tokens;\n token.content = content;\n\n if (title) {\n attrs.push([ 'title', title ]);\n }\n }\n\n state.pos = pos;\n state.posMax = max;\n return true;\n};\n","// Process [link]( \"stuff\")\n\n'use strict';\n\nvar normalizeReference = require('../common/utils').normalizeReference;\nvar isSpace = require('../common/utils').isSpace;\n\n\nmodule.exports = function link(state, silent) {\n var attrs,\n code,\n label,\n labelEnd,\n labelStart,\n pos,\n res,\n ref,\n title,\n token,\n href = '',\n oldPos = state.pos,\n max = state.posMax,\n start = state.pos,\n parseReference = true;\n\n if (state.src.charCodeAt(state.pos) !== 0x5B/* [ */) { return false; }\n\n labelStart = state.pos + 1;\n labelEnd = state.md.helpers.parseLinkLabel(state, state.pos, true);\n\n // parser failed to find ']', so it's not a valid link\n if (labelEnd < 0) { return false; }\n\n pos = labelEnd + 1;\n if (pos < max && state.src.charCodeAt(pos) === 0x28/* ( */) {\n //\n // Inline link\n //\n\n // might have found a valid shortcut link, disable reference parsing\n parseReference = false;\n\n // [link]( \"title\" )\n // ^^ skipping these spaces\n pos++;\n for (; pos < max; pos++) {\n code = state.src.charCodeAt(pos);\n if (!isSpace(code) && code !== 0x0A) { break; }\n }\n if (pos >= max) { return false; }\n\n // [link]( \"title\" )\n // ^^^^^^ parsing link destination\n start = pos;\n res = state.md.helpers.parseLinkDestination(state.src, pos, state.posMax);\n if (res.ok) {\n href = state.md.normalizeLink(res.str);\n if (state.md.validateLink(href)) {\n pos = res.pos;\n } else {\n href = '';\n }\n }\n\n // [link]( \"title\" )\n // ^^ skipping these spaces\n start = pos;\n for (; pos < max; pos++) {\n code = state.src.charCodeAt(pos);\n if (!isSpace(code) && code !== 0x0A) { break; }\n }\n\n // [link]( \"title\" )\n // ^^^^^^^ parsing link title\n res = state.md.helpers.parseLinkTitle(state.src, pos, state.posMax);\n if (pos < max && start !== pos && res.ok) {\n title = res.str;\n pos = res.pos;\n\n // [link]( \"title\" )\n // ^^ skipping these spaces\n for (; pos < max; pos++) {\n code = state.src.charCodeAt(pos);\n if (!isSpace(code) && code !== 0x0A) { break; }\n }\n } else {\n title = '';\n }\n\n if (pos >= max || state.src.charCodeAt(pos) !== 0x29/* ) */) {\n // parsing a valid shortcut link failed, fallback to reference\n parseReference = true;\n }\n pos++;\n }\n\n if (parseReference) {\n //\n // Link reference\n //\n if (typeof state.env.references === 'undefined') { return false; }\n\n if (pos < max && state.src.charCodeAt(pos) === 0x5B/* [ */) {\n start = pos + 1;\n pos = state.md.helpers.parseLinkLabel(state, pos);\n if (pos >= 0) {\n label = state.src.slice(start, pos++);\n } else {\n pos = labelEnd + 1;\n }\n } else {\n pos = labelEnd + 1;\n }\n\n // covers label === '' and label === undefined\n // (collapsed reference link and shortcut reference link respectively)\n if (!label) { label = state.src.slice(labelStart, labelEnd); }\n\n ref = state.env.references[normalizeReference(label)];\n if (!ref) {\n state.pos = oldPos;\n return false;\n }\n href = ref.href;\n title = ref.title;\n }\n\n //\n // We found the end of the link, and know for a fact it's a valid link;\n // so all that's left to do is to call tokenizer.\n //\n if (!silent) {\n state.pos = labelStart;\n state.posMax = labelEnd;\n\n token = state.push('link_open', 'a', 1);\n token.attrs = attrs = [ [ 'href', href ] ];\n if (title) {\n attrs.push([ 'title', title ]);\n }\n\n state.md.inline.tokenize(state);\n\n token = state.push('link_close', 'a', -1);\n }\n\n state.pos = pos;\n state.posMax = max;\n return true;\n};\n","// Proceess '\\n'\n\n'use strict';\n\nvar isSpace = require('../common/utils').isSpace;\n\n\nmodule.exports = function newline(state, silent) {\n var pmax, max, pos = state.pos;\n\n if (state.src.charCodeAt(pos) !== 0x0A/* \\n */) { return false; }\n\n pmax = state.pending.length - 1;\n max = state.posMax;\n\n // ' \\n' -> hardbreak\n // Lookup in pending chars is bad practice! Don't copy to other rules!\n // Pending string is stored in concat mode, indexed lookups will cause\n // convertion to flat mode.\n if (!silent) {\n if (pmax >= 0 && state.pending.charCodeAt(pmax) === 0x20) {\n if (pmax >= 1 && state.pending.charCodeAt(pmax - 1) === 0x20) {\n state.pending = state.pending.replace(/ +$/, '');\n state.push('hardbreak', 'br', 0);\n } else {\n state.pending = state.pending.slice(0, -1);\n state.push('softbreak', 'br', 0);\n }\n\n } else {\n state.push('softbreak', 'br', 0);\n }\n }\n\n pos++;\n\n // skip heading spaces for next line\n while (pos < max && isSpace(state.src.charCodeAt(pos))) { pos++; }\n\n state.pos = pos;\n return true;\n};\n","// Inline parser state\n\n'use strict';\n\n\nvar Token = require('../token');\nvar isWhiteSpace = require('../common/utils').isWhiteSpace;\nvar isPunctChar = require('../common/utils').isPunctChar;\nvar isMdAsciiPunct = require('../common/utils').isMdAsciiPunct;\n\n\nfunction StateInline(src, md, env, outTokens) {\n this.src = src;\n this.env = env;\n this.md = md;\n this.tokens = outTokens;\n this.tokens_meta = Array(outTokens.length);\n\n this.pos = 0;\n this.posMax = this.src.length;\n this.level = 0;\n this.pending = '';\n this.pendingLevel = 0;\n\n // Stores { start: end } pairs. Useful for backtrack\n // optimization of pairs parse (emphasis, strikes).\n this.cache = {};\n\n // List of emphasis-like delimiters for current tag\n this.delimiters = [];\n\n // Stack of delimiter lists for upper level tags\n this._prev_delimiters = [];\n}\n\n\n// Flush pending text\n//\nStateInline.prototype.pushPending = function () {\n var token = new Token('text', '', 0);\n token.content = this.pending;\n token.level = this.pendingLevel;\n this.tokens.push(token);\n this.pending = '';\n return token;\n};\n\n\n// Push new token to \"stream\".\n// If pending text exists - flush it as text token\n//\nStateInline.prototype.push = function (type, tag, nesting) {\n if (this.pending) {\n this.pushPending();\n }\n\n var token = new Token(type, tag, nesting);\n var token_meta = null;\n\n if (nesting < 0) {\n // closing tag\n this.level--;\n this.delimiters = this._prev_delimiters.pop();\n }\n\n token.level = this.level;\n\n if (nesting > 0) {\n // opening tag\n this.level++;\n this._prev_delimiters.push(this.delimiters);\n this.delimiters = [];\n token_meta = { delimiters: this.delimiters };\n }\n\n this.pendingLevel = this.level;\n this.tokens.push(token);\n this.tokens_meta.push(token_meta);\n return token;\n};\n\n\n// Scan a sequence of emphasis-like markers, and determine whether\n// it can start an emphasis sequence or end an emphasis sequence.\n//\n// - start - position to scan from (it should point at a valid marker);\n// - canSplitWord - determine if these markers can be found inside a word\n//\nStateInline.prototype.scanDelims = function (start, canSplitWord) {\n var pos = start, lastChar, nextChar, count, can_open, can_close,\n isLastWhiteSpace, isLastPunctChar,\n isNextWhiteSpace, isNextPunctChar,\n left_flanking = true,\n right_flanking = true,\n max = this.posMax,\n marker = this.src.charCodeAt(start);\n\n // treat beginning of the line as a whitespace\n lastChar = start > 0 ? this.src.charCodeAt(start - 1) : 0x20;\n\n while (pos < max && this.src.charCodeAt(pos) === marker) { pos++; }\n\n count = pos - start;\n\n // treat end of the line as a whitespace\n nextChar = pos < max ? this.src.charCodeAt(pos) : 0x20;\n\n isLastPunctChar = isMdAsciiPunct(lastChar) || isPunctChar(String.fromCharCode(lastChar));\n isNextPunctChar = isMdAsciiPunct(nextChar) || isPunctChar(String.fromCharCode(nextChar));\n\n isLastWhiteSpace = isWhiteSpace(lastChar);\n isNextWhiteSpace = isWhiteSpace(nextChar);\n\n if (isNextWhiteSpace) {\n left_flanking = false;\n } else if (isNextPunctChar) {\n if (!(isLastWhiteSpace || isLastPunctChar)) {\n left_flanking = false;\n }\n }\n\n if (isLastWhiteSpace) {\n right_flanking = false;\n } else if (isLastPunctChar) {\n if (!(isNextWhiteSpace || isNextPunctChar)) {\n right_flanking = false;\n }\n }\n\n if (!canSplitWord) {\n can_open = left_flanking && (!right_flanking || isLastPunctChar);\n can_close = right_flanking && (!left_flanking || isNextPunctChar);\n } else {\n can_open = left_flanking;\n can_close = right_flanking;\n }\n\n return {\n can_open: can_open,\n can_close: can_close,\n length: count\n };\n};\n\n\n// re-export Token class to use in block rules\nStateInline.prototype.Token = Token;\n\n\nmodule.exports = StateInline;\n","// ~~strike through~~\n//\n'use strict';\n\n\n// Insert each marker as a separate text token, and add it to delimiter list\n//\nmodule.exports.tokenize = function strikethrough(state, silent) {\n var i, scanned, token, len, ch,\n start = state.pos,\n marker = state.src.charCodeAt(start);\n\n if (silent) { return false; }\n\n if (marker !== 0x7E/* ~ */) { return false; }\n\n scanned = state.scanDelims(state.pos, true);\n len = scanned.length;\n ch = String.fromCharCode(marker);\n\n if (len < 2) { return false; }\n\n if (len % 2) {\n token = state.push('text', '', 0);\n token.content = ch;\n len--;\n }\n\n for (i = 0; i < len; i += 2) {\n token = state.push('text', '', 0);\n token.content = ch + ch;\n\n state.delimiters.push({\n marker: marker,\n length: 0, // disable \"rule of 3\" length checks meant for emphasis\n jump: i,\n token: state.tokens.length - 1,\n end: -1,\n open: scanned.can_open,\n close: scanned.can_close\n });\n }\n\n state.pos += scanned.length;\n\n return true;\n};\n\n\nfunction postProcess(state, delimiters) {\n var i, j,\n startDelim,\n endDelim,\n token,\n loneMarkers = [],\n max = delimiters.length;\n\n for (i = 0; i < max; i++) {\n startDelim = delimiters[i];\n\n if (startDelim.marker !== 0x7E/* ~ */) {\n continue;\n }\n\n if (startDelim.end === -1) {\n continue;\n }\n\n endDelim = delimiters[startDelim.end];\n\n token = state.tokens[startDelim.token];\n token.type = 's_open';\n token.tag = 's';\n token.nesting = 1;\n token.markup = '~~';\n token.content = '';\n\n token = state.tokens[endDelim.token];\n token.type = 's_close';\n token.tag = 's';\n token.nesting = -1;\n token.markup = '~~';\n token.content = '';\n\n if (state.tokens[endDelim.token - 1].type === 'text' &&\n state.tokens[endDelim.token - 1].content === '~') {\n\n loneMarkers.push(endDelim.token - 1);\n }\n }\n\n // If a marker sequence has an odd number of characters, it's splitted\n // like this: `~~~~~` -> `~` + `~~` + `~~`, leaving one marker at the\n // start of the sequence.\n //\n // So, we have to move all those markers after subsequent s_close tags.\n //\n while (loneMarkers.length) {\n i = loneMarkers.pop();\n j = i + 1;\n\n while (j < state.tokens.length && state.tokens[j].type === 's_close') {\n j++;\n }\n\n j--;\n\n if (i !== j) {\n token = state.tokens[j];\n state.tokens[j] = state.tokens[i];\n state.tokens[i] = token;\n }\n }\n}\n\n\n// Walk through delimiter list and replace text tokens with tags\n//\nmodule.exports.postProcess = function strikethrough(state) {\n var curr,\n tokens_meta = state.tokens_meta,\n max = state.tokens_meta.length;\n\n postProcess(state, state.delimiters);\n\n for (curr = 0; curr < max; curr++) {\n if (tokens_meta[curr] && tokens_meta[curr].delimiters) {\n postProcess(state, tokens_meta[curr].delimiters);\n }\n }\n};\n","// Skip text characters for text token, place those to pending buffer\n// and increment current pos\n\n'use strict';\n\n\n// Rule to skip pure text\n// '{}$%@~+=:' reserved for extentions\n\n// !, \", #, $, %, &, ', (, ), *, +, ,, -, ., /, :, ;, <, =, >, ?, @, [, \\, ], ^, _, `, {, |, }, or ~\n\n// !!!! Don't confuse with \"Markdown ASCII Punctuation\" chars\n// http://spec.commonmark.org/0.15/#ascii-punctuation-character\nfunction isTerminatorChar(ch) {\n switch (ch) {\n case 0x0A/* \\n */:\n case 0x21/* ! */:\n case 0x23/* # */:\n case 0x24/* $ */:\n case 0x25/* % */:\n case 0x26/* & */:\n case 0x2A/* * */:\n case 0x2B/* + */:\n case 0x2D/* - */:\n case 0x3A/* : */:\n case 0x3C/* < */:\n case 0x3D/* = */:\n case 0x3E/* > */:\n case 0x40/* @ */:\n case 0x5B/* [ */:\n case 0x5C/* \\ */:\n case 0x5D/* ] */:\n case 0x5E/* ^ */:\n case 0x5F/* _ */:\n case 0x60/* ` */:\n case 0x7B/* { */:\n case 0x7D/* } */:\n case 0x7E/* ~ */:\n return true;\n default:\n return false;\n }\n}\n\nmodule.exports = function text(state, silent) {\n var pos = state.pos;\n\n while (pos < state.posMax && !isTerminatorChar(state.src.charCodeAt(pos))) {\n pos++;\n }\n\n if (pos === state.pos) { return false; }\n\n if (!silent) { state.pending += state.src.slice(state.pos, pos); }\n\n state.pos = pos;\n\n return true;\n};\n\n// Alternative implementation, for memory.\n//\n// It costs 10% of performance, but allows extend terminators list, if place it\n// to `ParcerInline` property. Probably, will switch to it sometime, such\n// flexibility required.\n\n/*\nvar TERMINATOR_RE = /[\\n!#$%&*+\\-:<=>@[\\\\\\]^_`{}~]/;\n\nmodule.exports = function text(state, silent) {\n var pos = state.pos,\n idx = state.src.slice(pos).search(TERMINATOR_RE);\n\n // first char is terminator -> empty text\n if (idx === 0) { return false; }\n\n // no terminator -> text till end of string\n if (idx < 0) {\n if (!silent) { state.pending += state.src.slice(pos); }\n state.pos = state.src.length;\n return true;\n }\n\n if (!silent) { state.pending += state.src.slice(pos, pos + idx); }\n\n state.pos += idx;\n\n return true;\n};*/\n","// Clean up tokens after emphasis and strikethrough postprocessing:\n// merge adjacent text nodes into one and re-calculate all token levels\n//\n// This is necessary because initially emphasis delimiter markers (*, _, ~)\n// are treated as their own separate text tokens. Then emphasis rule either\n// leaves them as text (needed to merge with adjacent text) or turns them\n// into opening/closing tags (which messes up levels inside).\n//\n'use strict';\n\n\nmodule.exports = function text_collapse(state) {\n var curr, last,\n level = 0,\n tokens = state.tokens,\n max = state.tokens.length;\n\n for (curr = last = 0; curr < max; curr++) {\n // re-calculate levels after emphasis/strikethrough turns some text nodes\n // into opening/closing tags\n if (tokens[curr].nesting < 0) level--; // closing tag\n tokens[curr].level = level;\n if (tokens[curr].nesting > 0) level++; // opening tag\n\n if (tokens[curr].type === 'text' &&\n curr + 1 < max &&\n tokens[curr + 1].type === 'text') {\n\n // collapse two adjacent text nodes\n tokens[curr + 1].content = tokens[curr].content + tokens[curr + 1].content;\n } else {\n if (curr !== last) { tokens[last] = tokens[curr]; }\n\n last++;\n }\n }\n\n if (curr !== last) {\n tokens.length = last;\n }\n};\n","// Token class\n\n'use strict';\n\n\n/**\n * class Token\n **/\n\n/**\n * new Token(type, tag, nesting)\n *\n * Create new token and fill passed properties.\n **/\nfunction Token(type, tag, nesting) {\n /**\n * Token#type -> String\n *\n * Type of the token (string, e.g. \"paragraph_open\")\n **/\n this.type = type;\n\n /**\n * Token#tag -> String\n *\n * html tag name, e.g. \"p\"\n **/\n this.tag = tag;\n\n /**\n * Token#attrs -> Array\n *\n * Html attributes. Format: `[ [ name1, value1 ], [ name2, value2 ] ]`\n **/\n this.attrs = null;\n\n /**\n * Token#map -> Array\n *\n * Source map info. Format: `[ line_begin, line_end ]`\n **/\n this.map = null;\n\n /**\n * Token#nesting -> Number\n *\n * Level change (number in {-1, 0, 1} set), where:\n *\n * - `1` means the tag is opening\n * - `0` means the tag is self-closing\n * - `-1` means the tag is closing\n **/\n this.nesting = nesting;\n\n /**\n * Token#level -> Number\n *\n * nesting level, the same as `state.level`\n **/\n this.level = 0;\n\n /**\n * Token#children -> Array\n *\n * An array of child nodes (inline and img tokens)\n **/\n this.children = null;\n\n /**\n * Token#content -> String\n *\n * In a case of self-closing tag (code, html, fence, etc.),\n * it has contents of this tag.\n **/\n this.content = '';\n\n /**\n * Token#markup -> String\n *\n * '*' or '_' for emphasis, fence string for fence, etc.\n **/\n this.markup = '';\n\n /**\n * Token#info -> String\n *\n * fence infostring\n **/\n this.info = '';\n\n /**\n * Token#meta -> Object\n *\n * A place for plugins to store an arbitrary data\n **/\n this.meta = null;\n\n /**\n * Token#block -> Boolean\n *\n * True for block-level tokens, false for inline tokens.\n * Used in renderer to calculate line breaks\n **/\n this.block = false;\n\n /**\n * Token#hidden -> Boolean\n *\n * If it's true, ignore this element when rendering. Used for tight lists\n * to hide paragraphs.\n **/\n this.hidden = false;\n}\n\n\n/**\n * Token.attrIndex(name) -> Number\n *\n * Search attribute index by name.\n **/\nToken.prototype.attrIndex = function attrIndex(name) {\n var attrs, i, len;\n\n if (!this.attrs) { return -1; }\n\n attrs = this.attrs;\n\n for (i = 0, len = attrs.length; i < len; i++) {\n if (attrs[i][0] === name) { return i; }\n }\n return -1;\n};\n\n\n/**\n * Token.attrPush(attrData)\n *\n * Add `[ name, value ]` attribute to list. Init attrs if necessary\n **/\nToken.prototype.attrPush = function attrPush(attrData) {\n if (this.attrs) {\n this.attrs.push(attrData);\n } else {\n this.attrs = [ attrData ];\n }\n};\n\n\n/**\n * Token.attrSet(name, value)\n *\n * Set `name` attribute to `value`. Override old value if exists.\n **/\nToken.prototype.attrSet = function attrSet(name, value) {\n var idx = this.attrIndex(name),\n attrData = [ name, value ];\n\n if (idx < 0) {\n this.attrPush(attrData);\n } else {\n this.attrs[idx] = attrData;\n }\n};\n\n\n/**\n * Token.attrGet(name)\n *\n * Get the value of attribute `name`, or null if it does not exist.\n **/\nToken.prototype.attrGet = function attrGet(name) {\n var idx = this.attrIndex(name), value = null;\n if (idx >= 0) {\n value = this.attrs[idx][1];\n }\n return value;\n};\n\n\n/**\n * Token.attrJoin(name, value)\n *\n * Join value to existing attribute via space. Or create new attribute if not\n * exists. Useful to operate with token classes.\n **/\nToken.prototype.attrJoin = function attrJoin(name, value) {\n var idx = this.attrIndex(name);\n\n if (idx < 0) {\n this.attrPush([ name, value ]);\n } else {\n this.attrs[idx][1] = this.attrs[idx][1] + ' ' + value;\n }\n};\n\n\nmodule.exports = Token;\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar renderBadges = function renderBadges(badge, os) {\n if (badge && os) {\n return _react2.default.createElement(\n 'a',\n {\n href: badge.href,\n 'data-pa-click': 'AppBadge-badge' + (badge.fpti ? '-' + badge.fpti : '') + '-' + os,\n className: 'app-badge app-badge--' + os,\n 'aria-label': badge.text || os\n },\n _react2.default.createElement(\n 'span',\n { className: 'sr-only' },\n badge.text || os\n )\n );\n }\n return null;\n};\n\nvar AppBadge = function AppBadge(props) {\n var clientInfo = props.clientInfo,\n ios = props.ios,\n android = props.android;\n\n\n var clientOS = clientInfo.client_os_type || '';\n\n var iosBadge = renderBadges(ios, 'apple');\n var androidBadge = renderBadges(android, android && android.store || 'google');\n\n if (clientOS === 'iPhone' || clientOS === 'iPad') {\n return iosBadge;\n } else if (clientOS === 'Android') {\n return androidBadge;\n }\n\n return _react2.default.createElement(\n 'div',\n null,\n iosBadge,\n androidBadge\n );\n};\n\nAppBadge.defaultProps = {\n clientInfo: {\n client_os_type: 'iPhone',\n client_is_mobile: true\n }\n};\n\n// ESLint disabled here due to the logic of the code above.\n// giving defaultProps of ios, android will accidentally\n// make AppBadge show all badges in some circumstances (i.e in PC browser).\n/* eslint-disable */\nAppBadge.propTypes = {\n ios: _propTypes2.default.shape({\n text: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n android: _propTypes2.default.shape({\n text: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n store: _propTypes2.default.oneOf(['google', 'android-store']),\n fpti: _propTypes2.default.string\n }),\n clientInfo: _propTypes2.default.shape({\n client_os_type: _propTypes2.default.string.isRequired,\n client_is_mobile: _propTypes2.default.bool.isRequired\n })\n};\n/* eslint-enable */\nexports.default = AppBadge;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar sizeClasses = {\n small: 'pypl-btn--small'\n};\n\nvar colorClasses = {\n 'outline-white': 'pypl-btn--outline-white',\n 'outline-blue': 'pypl-btn--outline-blue',\n white: 'pypl-btn--white'\n};\n\nfunction generateClassNames(color, size, className) {\n return (0, _classnames2.default)('pypl-btn mpp-btn', colorClasses[color], sizeClasses[size], className);\n}\n\nfunction renderAnchor(properties) {\n var color = properties.color,\n size = properties.size,\n type = properties.type,\n className = properties.className,\n fpti = properties.fpti,\n rest = _objectWithoutProperties(properties, ['color', 'size', 'type', 'className', 'fpti']);\n\n return _react2.default.createElement(\n 'a',\n _extends({}, rest, {\n className: generateClassNames(color, size, className),\n 'data-pa-click': fpti,\n role: 'button'\n }),\n htmlToReactParser.parse(properties.children)\n );\n}\n\nfunction renderButton(properties) {\n var color = properties.color,\n size = properties.size,\n type = properties.type,\n className = properties.className,\n fpti = properties.fpti,\n rest = _objectWithoutProperties(properties, ['color', 'size', 'type', 'className', 'fpti']);\n\n return _react2.default.createElement(\n 'button',\n _extends({}, rest, {\n className: generateClassNames(color, size, className),\n 'data-pa-click': fpti,\n type: type\n }),\n properties.children\n );\n}\n\nfunction Button(props) {\n return props.href || props.target ? renderAnchor(props) : renderButton(props);\n}\n\nButton.propTypes = {\n href: _propTypes2.default.string,\n target: _propTypes2.default.string,\n type: _propTypes2.default.oneOf(['button', 'reset', 'submit']),\n color: _propTypes2.default.oneOf(['blue', 'outline-white', 'outline-blue', 'white']),\n size: _propTypes2.default.oneOf(['normal', 'small']),\n children: _propTypes2.default.node,\n className: _propTypes2.default.string\n};\n\nButton.defaultProps = {\n type: 'button',\n color: 'blue',\n size: 'normal'\n};\n\nexports.default = Button;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar MPPDataPoint = function MPPDataPoint(props) {\n var classes = (0, _classnames2.default)('mpp-data-point', 'text-xs-center', props.className);\n return _react2.default.createElement(\n 'i',\n { className: classes },\n _react2.default.createElement(\n 'span',\n { className: 'text' },\n _react2.default.createElement(\n 'span',\n { className: 'stats-text' },\n props.stats.text\n ),\n _react2.default.createElement(\n 'span',\n { className: 'description-text' },\n props.description.text\n )\n )\n );\n};\n\nexports.default = MPPDataPoint;\n\n\nMPPDataPoint.defaultProps = {\n stats: {\n text: '179M'\n },\n description: {\n text: 'active PayPal accounts'\n },\n className: ''\n};\n\nMPPDataPoint.propTypes = {\n className: _propTypes2.default.string,\n stats: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n description: _propTypes2.default.shape({\n text: _propTypes2.default.string\n })\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Icon = require('../../../icon/jsx/Icon');\n\nvar _Icon2 = _interopRequireDefault(_Icon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } // React component based on pp-vx design\n// https://github.paypal.com/pages/PayPal-UI-R/VX/#checkbox\n\n\nfunction CheckboxGroup(props) {\n var className = props.className,\n error = props.error,\n helper = props.helper,\n icon = props.icon,\n id = props.id,\n isValid = props.isValid,\n label = props.label,\n name = props.name,\n options = props.options,\n value = props.value,\n rest = _objectWithoutProperties(props, ['className', 'error', 'helper', 'icon', 'id', 'isValid', 'label', 'name', 'options', 'value']);\n\n var baseClass = 'ppvx_checkbox';\n\n var wrapperClassNames = (0, _classnames2.default)(className, baseClass + '-group', {\n 'ppvx_field--error': !isValid\n });\n\n return _react2.default.createElement(\n 'div',\n { className: wrapperClassNames },\n label && _react2.default.createElement(\n 'label',\n { htmlFor: id, className: baseClass + '-group__label' },\n label.text,\n icon && _react2.default.createElement(_Icon2.default, { name: icon.name, size: 'xs', title: icon.title })\n ),\n options.map(function (option, i) {\n return _react2.default.createElement(\n 'div',\n { key: name + '_' + i },\n _react2.default.createElement(\n 'div',\n { className: baseClass },\n _react2.default.createElement('input', _extends({\n className: baseClass + '__input',\n type: 'checkbox',\n name: name,\n id: id + '_' + i,\n value: option.value,\n checked: value === option.value ? 'checked' : null\n }, rest)),\n _react2.default.createElement(\n 'label',\n { className: baseClass + '__label', htmlFor: id + '_' + i },\n option.label.text,\n option.icon && _react2.default.createElement(_Icon2.default, { name: option.icon.name, size: 'xs', title: option.icon.title })\n )\n ),\n option.helper && _react2.default.createElement(\n 'div',\n { className: baseClass + '__helper-text' },\n option.helper.text\n )\n );\n }),\n !isValid && error ? _react2.default.createElement(\n 'div',\n { className: baseClass + '-group__error-text' },\n error.text\n ) : helper && _react2.default.createElement(\n 'div',\n { className: baseClass + '-group__helper-text' },\n helper.text\n )\n );\n}\n\nCheckboxGroup.propTypes = {\n className: _propTypes2.default.string,\n error: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n helper: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n icon: _propTypes2.default.shape({\n name: _propTypes2.default.string.isRequired,\n title: _propTypes2.default.string.isRequired\n }),\n id: _propTypes2.default.string.isRequired,\n isValid: _propTypes2.default.bool,\n label: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n name: _propTypes2.default.string.isRequired,\n options: _propTypes2.default.arrayOf(_propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number, _propTypes2.default.shape({\n label: _propTypes2.default.shape({\n text: _propTypes2.default.oneOf([_propTypes2.default.string.isRequired, _propTypes2.default.number.isRequired])\n }).isRequired,\n value: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number] // could be an array index\n ).isRequired,\n icon: _propTypes2.default.shape({\n name: _propTypes2.default.string.isRequired,\n title: _propTypes2.default.string.isRequired\n })\n })]).isRequired).isRequired,\n value: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number] // could be an array index\n )\n};\n\nCheckboxGroup.defaultProps = {\n className: '',\n error: {\n text: 'Please select one' // overrides helper text when isValid is false\n },\n helper: {\n text: 'Select all that apply' // helper text that appears below the field\n },\n icon: {\n name: 'ppvx_icon-warning',\n title: 'Warning'\n },\n isValid: true, // must be false for error message to show\n label: {\n text: 'What activities do you like to do?'\n },\n value: ''\n};\n\nexports.default = CheckboxGroup;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Icon = require('../../../icon/jsx/Icon');\n\nvar _Icon2 = _interopRequireDefault(_Icon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } // React component based on pp-vx design\n// https://github.paypal.com/pages/PayPal-UI-R/VX/#dropdowns\n\n\nfunction Dropdown(props) {\n var className = props.className,\n error = props.error,\n helper = props.helper,\n leftIcon = props.leftIcon,\n rightIcon = props.rightIcon,\n id = props.id,\n isValid = props.isValid,\n label = props.label,\n name = props.name,\n options = props.options,\n placeholder = props.placeholder,\n value = props.value,\n rest = _objectWithoutProperties(props, ['className', 'error', 'helper', 'leftIcon', 'rightIcon', 'id', 'isValid', 'label', 'name', 'options', 'placeholder', 'value']);\n\n var baseClass = 'ppvx_dropdown';\n\n var wrapperClassNames = (0, _classnames2.default)(className, baseClass, _defineProperty({\n 'ppvx_field--error': !isValid\n }, baseClass + '--nolabel', !label));\n\n return _react2.default.createElement(\n 'div',\n { className: wrapperClassNames },\n leftIcon && _react2.default.createElement(_Icon2.default, {\n className: baseClass + '__icon--left',\n name: leftIcon.name,\n size: 'xs',\n title: leftIcon.title\n }),\n rightIcon && _react2.default.createElement(_Icon2.default, {\n className: baseClass + '__icon--right',\n name: rightIcon.name,\n size: 'xs',\n title: rightIcon.title\n }),\n _react2.default.createElement(\n 'select',\n _extends({\n className: baseClass + '__control',\n id: id,\n defaultValue: value,\n name: name\n }, rest),\n placeholder && _react2.default.createElement(\n 'option',\n { disabled: '', value: '', hidden: true },\n placeholder.text\n ),\n options.map(function (option) {\n return _react2.default.createElement(\n 'option',\n { key: option.value, value: option.value },\n option.label.text\n );\n })\n ),\n label && _react2.default.createElement(\n 'label',\n { htmlFor: id, className: baseClass + '__label' },\n label.text\n ),\n !isValid && error ? _react2.default.createElement(\n 'div',\n { className: baseClass + '__error-text' },\n error.text\n ) : helper && _react2.default.createElement(\n 'div',\n { className: baseClass + '__helper-text' },\n helper.text\n )\n );\n}\n\nDropdown.propTypes = {\n className: _propTypes2.default.string,\n error: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n helper: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n leftIcon: _propTypes2.default.shape({\n name: _propTypes2.default.string.isRequired,\n title: _propTypes2.default.string.isRequired\n }),\n rightIcon: _propTypes2.default.shape({\n name: _propTypes2.default.string.isRequired,\n title: _propTypes2.default.string.isRequired\n }),\n id: _propTypes2.default.string.isRequired,\n isValid: _propTypes2.default.bool,\n label: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n name: _propTypes2.default.string.isRequired,\n options: _propTypes2.default.arrayOf(_propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number, _propTypes2.default.shape({\n label: _propTypes2.default.shape({\n text: _propTypes2.default.oneOf([_propTypes2.default.string.isRequired, _propTypes2.default.number.isRequired])\n }).isRequired,\n value: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number] // could be an array index\n ).isRequired\n })]).isRequired).isRequired,\n placeholder: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n value: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number] // could be an array index\n )\n};\n\nDropdown.defaultProps = {\n className: '',\n error: {\n text: 'Please select one' // overrides helper text when isValid is false\n },\n helper: {\n text: 'Please select an option' // helper text that appears below the field\n },\n leftIcon: {\n name: 'ppvx_icon-heart',\n title: 'Favorite'\n },\n rightIcon: {\n name: 'ppvx_icon-heart',\n title: 'Favorite'\n },\n isValid: true, // must be false for error message to show\n label: {\n text: 'Select your favorite type of food'\n },\n placeholder: {\n text: ''\n },\n value: ''\n};\n\nexports.default = Dropdown;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Icon = require('../../../icon/jsx/Icon');\n\nvar _Icon2 = _interopRequireDefault(_Icon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } // React component based on pp-vx design\n// https://github.paypal.com/pages/PayPal-UI-R/pp-vx/#text-input\n\n\nvar componentClass = 'ppvx_text-input';\n\nfunction Input(props) {\n var className = props.className,\n error = props.error,\n helper = props.helper,\n leftIcon = props.leftIcon,\n rightIcon = props.rightIcon,\n id = props.id,\n isValid = props.isValid,\n label = props.label,\n name = props.name,\n placeholder = props.placeholder,\n type = props.type,\n value = props.value,\n rest = _objectWithoutProperties(props, ['className', 'error', 'helper', 'leftIcon', 'rightIcon', 'id', 'isValid', 'label', 'name', 'placeholder', 'type', 'value']);\n\n var wrapperClassNames = (0, _classnames2.default)(className, 'ppvx_text-input', _defineProperty({\n 'ppvx_field--error': !isValid\n }, componentClass + '--nolabel', !label));\n var msgId = 'msg_' + id;\n return _react2.default.createElement(\n 'div',\n { className: wrapperClassNames },\n leftIcon && _react2.default.createElement(_Icon2.default, {\n className: componentClass + '__icon--left',\n name: leftIcon.name,\n size: 'xs',\n title: leftIcon.title\n }),\n rightIcon && _react2.default.createElement(_Icon2.default, {\n className: componentClass + '__icon--right',\n name: rightIcon.name,\n size: 'xs',\n title: rightIcon.title\n }),\n _react2.default.createElement('input', _extends({\n className: componentClass + '__control',\n id: id,\n name: name,\n placeholder: placeholder.text,\n type: type,\n value: value,\n 'aria-describedby': msgId\n }, rest)),\n label && _react2.default.createElement(\n 'label',\n { htmlFor: id, className: componentClass + '__label' },\n label.text\n ),\n !isValid && error ? _react2.default.createElement(\n 'div',\n { className: componentClass + '__error-text', id: msgId },\n error.text\n ) : helper && _react2.default.createElement(\n 'div',\n { className: componentClass + '__helper-text', id: msgId },\n helper.text\n )\n );\n}\n\nInput.propTypes = {\n className: _propTypes2.default.string,\n error: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n helper: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n leftIcon: _propTypes2.default.shape({\n name: _propTypes2.default.string.isRequired,\n title: _propTypes2.default.string.isRequired\n }),\n rightIcon: _propTypes2.default.shape({\n name: _propTypes2.default.string.isRequired,\n title: _propTypes2.default.string.isRequired\n }),\n id: _propTypes2.default.string.isRequired,\n isValid: _propTypes2.default.bool,\n label: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n name: _propTypes2.default.string.isRequired,\n placeholder: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n type: _propTypes2.default.oneOf(['text', 'search', 'tel', 'email', 'url', 'number']),\n value: _propTypes2.default.string\n};\n\nInput.defaultProps = {\n className: '',\n error: {\n text: 'Please enter your name'\n },\n helper: {\n text: 'Enter the exact value that appear in your passport'\n },\n leftIcon: {\n name: 'ppvx_icon-info-alt',\n title: 'Information'\n },\n rightIcon: {\n name: 'ppvx_icon-search',\n title: 'Search'\n },\n isValid: true, // must be false for error message to show\n label: {\n text: 'First Name'\n },\n placeholder: {\n text: 'Enter your First Name'\n },\n type: 'text',\n value: undefined\n};\n\nexports.default = Input;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Icon = require('../../../icon/jsx/Icon');\n\nvar _Icon2 = _interopRequireDefault(_Icon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } // React component based on pp-vx design\n// https://github.paypal.com/pages/PayPal-UI-R/VX/#radio\n\n\nfunction RadioGroup(props) {\n var className = props.className,\n error = props.error,\n helper = props.helper,\n icon = props.icon,\n id = props.id,\n isValid = props.isValid,\n label = props.label,\n name = props.name,\n options = props.options,\n value = props.value,\n rest = _objectWithoutProperties(props, ['className', 'error', 'helper', 'icon', 'id', 'isValid', 'label', 'name', 'options', 'value']);\n\n var baseClass = 'ppvx_radio';\n\n var wrapperClassNames = (0, _classnames2.default)(className, baseClass + '-group', {\n 'ppvx_field--error': !isValid\n });\n\n return _react2.default.createElement(\n 'div',\n { className: wrapperClassNames },\n label && _react2.default.createElement(\n 'label',\n { htmlFor: id, className: baseClass + '-group__label' },\n label.text,\n icon && _react2.default.createElement(_Icon2.default, { name: icon.name, size: 'xs', title: icon.title })\n ),\n options.map(function (option, i) {\n return _react2.default.createElement(\n 'div',\n { key: name + '_' + i },\n _react2.default.createElement(\n 'div',\n { className: baseClass },\n _react2.default.createElement('input', _extends({\n className: baseClass + '__input',\n type: 'radio',\n name: name,\n id: id + '_' + i,\n value: option.value,\n checked: value === option.value ? 'checked' : null\n }, rest)),\n _react2.default.createElement(\n 'label',\n { className: baseClass + '__label', htmlFor: id + '_' + i },\n option.label.text,\n option.icon && _react2.default.createElement(_Icon2.default, { name: option.icon.name, size: 'xs', title: option.icon.title })\n )\n ),\n option.helper && _react2.default.createElement(\n 'div',\n { className: baseClass + '__helper-text' },\n option.helper.text\n )\n );\n }),\n !isValid && error ? _react2.default.createElement(\n 'div',\n { className: baseClass + '-group__error-text' },\n error.text\n ) : helper && _react2.default.createElement(\n 'div',\n { className: baseClass + '-group__helper-text' },\n helper.text\n )\n );\n}\n\nRadioGroup.propTypes = {\n className: _propTypes2.default.string,\n error: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n helper: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n icon: _propTypes2.default.shape({\n name: _propTypes2.default.string.isRequired,\n title: _propTypes2.default.string.isRequired\n }),\n id: _propTypes2.default.string.isRequired,\n isValid: _propTypes2.default.bool,\n label: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n name: _propTypes2.default.string.isRequired,\n options: _propTypes2.default.arrayOf(_propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number, _propTypes2.default.shape({\n label: _propTypes2.default.shape({\n text: _propTypes2.default.oneOf([_propTypes2.default.string, _propTypes2.default.number])\n }).isRequired,\n value: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number] // could be an array index\n ).isRequired,\n icon: _propTypes2.default.shape({\n name: _propTypes2.default.string.isRequired,\n title: _propTypes2.default.string.isRequired\n })\n })]).isRequired).isRequired,\n value: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number] // could be an array index\n )\n};\n\nRadioGroup.defaultProps = {\n className: '',\n error: {\n text: 'Please select an option' // overrides helper text when isValid is false\n },\n helper: {\n text: 'Pick your top option' // helper text that appears below the input\n },\n icon: {\n name: 'ppvx_icon-bank',\n title: 'Location'\n },\n isValid: true, // must be false for error message to show\n label: {\n text: 'Select the country you most want to go to'\n },\n value: ''\n};\n\nexports.default = RadioGroup;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Icon = require('../../../icon/jsx/Icon');\n\nvar _Icon2 = _interopRequireDefault(_Icon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } // React component based on pp-vx design\n// https://github.paypal.com/pages/PayPal-UI-R/VX/#switch\n\n\nfunction Switch(props) {\n var className = props.className,\n ctrlIcon = props.ctrlIcon,\n error = props.error,\n helper = props.helper,\n icon = props.icon,\n id = props.id,\n isValid = props.isValid,\n label = props.label,\n name = props.name,\n value = props.value,\n rest = _objectWithoutProperties(props, ['className', 'ctrlIcon', 'error', 'helper', 'icon', 'id', 'isValid', 'label', 'name', 'value']);\n\n var baseClass = 'ppvx_switch';\n\n var wrapperClassNames = (0, _classnames2.default)(className, baseClass, {\n 'ppvx_field--error': !isValid\n });\n\n return _react2.default.createElement(\n 'div',\n { className: wrapperClassNames },\n label && _react2.default.createElement(\n 'label',\n { htmlFor: id, className: baseClass + '__label' },\n label.text,\n icon && _react2.default.createElement(_Icon2.default, {\n className: baseClass + '__icon--right',\n name: icon.name,\n size: 'xs',\n title: icon.title\n })\n ),\n ctrlIcon && _react2.default.createElement(_Icon2.default, {\n className: baseClass + '__icon--left',\n name: ctrlIcon.name,\n size: 'xs',\n title: ctrlIcon.title\n }),\n _react2.default.createElement('input', _extends({\n type: 'checkbox',\n className: baseClass + '__control',\n id: id,\n name: name,\n role: 'switch',\n checked: value,\n 'aria-checked': value,\n 'aria-labelledby': 'l-switch-toggle'\n }, rest)),\n _react2.default.createElement(\n 'label',\n { className: baseClass + '__state', htmlFor: id },\n _react2.default.createElement(\n 'span',\n { className: baseClass + '__state--on' },\n 'On'\n ),\n _react2.default.createElement(\n 'span',\n { className: baseClass + '__state--off' },\n 'Off'\n )\n ),\n !isValid && error ? _react2.default.createElement(\n 'div',\n { className: baseClass + '__error-text' },\n error.text\n ) : helper && _react2.default.createElement(\n 'div',\n { className: baseClass + '__helper-text' },\n helper.text\n )\n );\n}\n\nSwitch.propTypes = {\n className: _propTypes2.default.string,\n ctrlIcon: _propTypes2.default.shape({\n name: _propTypes2.default.string.isRequired,\n title: _propTypes2.default.string.isRequired\n }),\n error: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n helper: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n icon: _propTypes2.default.shape({\n name: _propTypes2.default.string.isRequired,\n title: _propTypes2.default.string.isRequired\n }),\n id: _propTypes2.default.string.isRequired,\n isValid: _propTypes2.default.bool,\n label: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n name: _propTypes2.default.string.isRequired,\n value: _propTypes2.default.bool\n};\n\nSwitch.defaultProps = {\n className: '',\n ctrlIcon: {\n name: 'ppvx_icon-recurring',\n title: 'Recurring'\n },\n error: {\n text: 'This option is not valid when you have selected...' // overrides helper text when isValid is false\n },\n helper: {\n text: 'Get the latest news' // helper text that appears below the input\n },\n icon: {\n name: 'ppvx_icon-calendar',\n title: ''\n },\n isValid: true, // must be false for error message to show\n label: {\n text: 'Would you like to subscribe to our newsletter?'\n },\n value: undefined\n};\n\nexports.default = Switch;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nexports.default = MPPHeading;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nvar levels = [1, 2, 3, 4, 5, 6, '1', '2', '3', '4', '5', '6'];\n\nfunction MPPHeading(props) {\n var level = props.level,\n rest = _objectWithoutProperties(props, ['level']);\n\n var LevelComponent = 'h' + level;\n\n // though children is a required prop, there are cases\n // where no children are passed from organism(missing content)\n // we end up rendering an empty heading with no content.\n if (props.children) {\n return _react2.default.createElement(\n LevelComponent,\n _extends({}, rest, {\n className: (0, _classnames2.default)('pypl-heading', props.className)\n }),\n props.children\n );\n }\n return null;\n}\n\nMPPHeading.propTypes = {\n children: _propTypes2.default.node.isRequired,\n level: _propTypes2.default.oneOf(levels),\n className: _propTypes2.default.string\n};\n\nMPPHeading.defaultProps = {\n level: '1',\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } // React component based on pp-vx design\n// https://github.paypal.com/pages/PayPal-UI-R/pp-vx/#icons\n\n\nvar sizes = {\n xs: 'ppvx_icon--size_xs',\n sm: 'ppvx_icon--size_sm',\n md: 'ppvx_icon--size_md',\n lg: 'ppvx_icon--size_lg',\n xl: 'ppvx_icon--size_xl',\n xl2: 'ppvx_icon--size_xl2'\n};\n\nfunction Icon(props) {\n var className = props.className,\n name = props.name,\n size = props.size,\n title = props.title,\n rest = _objectWithoutProperties(props, ['className', 'name', 'size', 'title']);\n\n var classNames = (0, _classnames2.default)('ppvx_icon', className, name, sizes[size]);\n\n return _react2.default.createElement('span', _extends({ className: classNames, title: title }, rest));\n}\n\nIcon.propTypes = {\n className: _propTypes2.default.string,\n name: _propTypes2.default.string.isRequired,\n size: _propTypes2.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', 'xl2']),\n title: _propTypes2.default.string\n};\n\nIcon.defaultProps = {\n className: '',\n size: 'md',\n title: 'Paypal',\n // eslint-disable-next-line react/default-props-match-prop-types\n name: 'ppvx_icon-logo-paypal'\n};\n\nexports.default = Icon;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar MPPImage = function MPPImage(props) {\n if (!props.src) {\n return null;\n }\n\n var classes = (0, _classnames2.default)(props.name + '__' + props.element, props.className);\n return _react2.default.createElement('img', _extends({}, props, { src: props.src, alt: props.alt, className: classes }));\n};\n\nMPPImage.defaultProps = {\n className: '',\n name: 'organism',\n element: 'image',\n alt: ''\n};\n\nMPPImage.propTypes = {\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string,\n name: _propTypes2.default.string,\n element: _propTypes2.default.string,\n className: _propTypes2.default.string\n};\n\nexports.default = MPPImage;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nvar Logo = function Logo(props) {\n var type = props.type,\n color = props.color,\n text = props.text,\n rest = _objectWithoutProperties(props, ['type', 'color', 'text']);\n\n var classes = (0, _classnames2.default)('pypl-logo', 'pypl-logo--' + type, 'pypl-logo--' + color, props.className);\n\n return _react2.default.createElement(\n 'a',\n _extends({}, rest, { className: classes }),\n text\n );\n};\n\nLogo.propTypes = {\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n color: _propTypes2.default.oneOf(['full-color', 'white', 'black-white']),\n type: _propTypes2.default.oneOf(['full-text', 'monogram', 'monogram-text']),\n className: _propTypes2.default.string\n};\n\nLogo.defaultProps = {\n color: 'full-color',\n type: 'full-text',\n className: ''\n};\n\nexports.default = Logo;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _button = require('../../button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _videoModal = require('../../../organisms/video-modal');\n\nvar _videoModal2 = _interopRequireDefault(_videoModal);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MPPMediaButton = function (_React$Component) {\n _inherits(MPPMediaButton, _React$Component);\n\n function MPPMediaButton(props) {\n _classCallCheck(this, MPPMediaButton);\n\n var _this = _possibleConstructorReturn(this, (MPPMediaButton.__proto__ || Object.getPrototypeOf(MPPMediaButton)).call(this, props));\n\n _this.componentDidMount = function () {\n _this.setBodyRef();\n };\n\n _this.setBodyRef = function () {\n /*\n * This method is used to find the closest BODY parent to MPPMediaButton\n * and is needed since we need to pass the correct body DOM element into\n * MPPVideoModal and MPPModal to be appended to.\n * This will work in every browser, as well as in iframes\n */\n var currentRef = _this.buttonRef && _this.buttonRef.parentNode;\n while (!_this.bodyRef && currentRef) {\n if (currentRef.tagName === 'BODY') {\n _this.bodyRef = currentRef;\n } else {\n currentRef = currentRef.parentNode;\n }\n }\n _this.bodyRef = _this.bodyRef || document.body;\n _this.forceUpdate();\n };\n\n _this.openModal = function (e) {\n e.preventDefault();\n _this.setState({\n showModal: true\n }, function () {\n if (_this.props.callback) _this.props.callback(_this.state.showModal);\n });\n };\n\n _this.closeModal = function () {\n _this.setState({\n showModal: false\n }, function () {\n if (_this.props.callback) _this.props.callback(_this.state.showModal);\n });\n };\n\n _this.renderVideoModal = function (videoId) {\n if (videoId) {\n return _react2.default.createElement(_videoModal2.default, {\n bodyRef: _this.bodyRef,\n show: _this.state.showModal,\n videoId: videoId,\n closeModal: _this.closeModal\n });\n }\n return null;\n };\n\n _this.state = {\n showModal: false\n };\n _this.bodyRef = undefined;\n _this.buttonRef = null;\n return _this;\n }\n\n _createClass(MPPMediaButton, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var videoId = this.props['data-video-id'];\n\n var _props = this.props,\n fpti = _props.fpti,\n rest = _objectWithoutProperties(_props, ['fpti']);\n\n var classes = (0, _classnames2.default)('mpp-media-btn', this.props.className);\n\n // if videoId is NOT passed do not create the button\n if (!videoId) return null;\n\n /*\n NOTE: Do not use React.Fragment since refs can not be assigned\n to pure function components. Hence the need to wrap using a div\n SEE: https://github.paypal.com/MPPContentDevelopment/marketing-components/pull/152\n */\n return _react2.default.createElement(\n 'div',\n {\n ref: function ref(element) {\n _this2.buttonRef = element;\n }\n },\n _react2.default.createElement(\n _button2.default,\n _extends({}, rest, {\n className: classes,\n fpti: fpti,\n onClick: this.openModal\n }),\n _react2.default.createElement('span', { className: 'mpp-media-btn__icon' }),\n _react2.default.createElement(\n 'span',\n { className: 'mpp-media-btn__content' },\n this.props.children\n )\n ),\n this.renderVideoModal(videoId)\n );\n }\n }]);\n\n return MPPMediaButton;\n}(_react2.default.Component);\n\nexports.default = MPPMediaButton;\n\n\nMPPMediaButton.defaultProps = {\n className: '',\n color: 'outline-white',\n fpti: '',\n callback: function callback() {}\n};\n\nMPPMediaButton.propTypes = {\n className: _propTypes2.default.string,\n children: _propTypes2.default.node.isRequired,\n color: _propTypes2.default.oneOf(['outline-white', 'outline-blue']),\n fpti: _propTypes2.default.string,\n 'data-video-id': _propTypes2.default.string.isRequired,\n callback: _propTypes2.default.func\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar Tile = function Tile(props) {\n var content = props.content,\n callback = props.callback,\n active = props.active,\n index = props.index,\n theme = props.theme;\n var img = content.img,\n text = content.text,\n url = content.url,\n target = content.target,\n fpti = content.fpti;\n\n\n return (\n /* eslint-disable-next-line */\n _react2.default.createElement(\n 'div',\n {\n id: 'pypl-tile-' + index,\n className: 'pypl-tile ' + theme + ' ' + (active ? 'active' : ''),\n onClick: callback ? function () {\n callback(index, url, target, fpti);\n } : {}\n },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-3' },\n _react2.default.createElement('img', { src: img.src, alt: img.alt })\n ),\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-9' },\n _react2.default.createElement(\n 'p',\n null,\n htmlToReactParser.parse(text)\n )\n )\n )\n )\n );\n};\n\nTile.propTypes = {\n content: _propTypes2.default.shape({\n img: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string.isRequired\n }),\n text: _propTypes2.default.string,\n url: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_blank', '_self']),\n fpti: _propTypes2.default.string\n }),\n active: _propTypes2.default.bool,\n callback: _propTypes2.default.func,\n index: _propTypes2.default.number.isRequired,\n theme: _propTypes2.default.oneOf(['theme-background-color-blue-alt', 'theme-background-color-green', 'theme-background-color-purple', 'theme-background-color-pink'])\n};\n\nTile.defaultProps = {\n content: {\n img: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/gb/en/merchant/smb3/icon2.png',\n alt: ''\n },\n text: '35 characters max',\n url: 'https://www.paypal.com/uk',\n target: '_blank',\n fpti: ''\n },\n active: false,\n callback: function callback() {},\n theme: 'theme-background-color-green'\n};\n\n/* eslint-enable */\nexports.default = Tile;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\nvar MOLECULE_NAME = 'action-dropdown';\n\nvar ActionDropdown = function (_Component) {\n _inherits(ActionDropdown, _Component);\n\n function ActionDropdown(props) {\n _classCallCheck(this, ActionDropdown);\n\n var _this = _possibleConstructorReturn(this, (ActionDropdown.__proto__ || Object.getPrototypeOf(ActionDropdown)).call(this, props));\n\n _this.updateFeesSelection = _this.updateFeesSelection.bind(_this);\n _this.openSelectedHyperlink = _this.openSelectedHyperlink.bind(_this);\n\n var content = _this.props.content;\n var type = content.type;\n\n\n if (type === 'fees') {\n _this.state = {\n selectedIndex: 0\n };\n }\n return _this;\n }\n\n _createClass(ActionDropdown, [{\n key: 'updateFeesSelection',\n value: function updateFeesSelection(event) {\n var selectedIndex = event.target.selectedIndex;\n var callback = this.props.callback;\n\n\n if (callback) {\n callback(event.target, selectedIndex);\n }\n\n this.setState({\n selectedIndex: selectedIndex\n });\n }\n }, {\n key: 'openSelectedHyperlink',\n value: function openSelectedHyperlink(event) {\n var selectedIndex = event.target.selectedIndex;\n\n var selectedOption = event.target.options[selectedIndex];\n var href = selectedOption.getAttribute('data-href');\n var target = selectedOption.getAttribute('data-target');\n var callback = this.props.callback;\n\n\n if (callback) {\n callback(event.target, selectedIndex);\n }\n\n window.open(href, target);\n }\n }, {\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var id = config.id;\n var type = content.type,\n items = content.items;\n\n var markup = void 0;\n\n switch (type) {\n case 'fees':\n {\n var selectedIndex = this.state.selectedIndex;\n\n markup = _react2.default.createElement(\n 'div',\n { className: MOLECULE_NAME + '__container' },\n _react2.default.createElement(\n 'select',\n {\n id: id,\n onChange: this.updateFeesSelection,\n className: MOLECULE_NAME + '__list ' + className\n },\n items.map(function (item) {\n return _react2.default.createElement(\n 'option',\n { key: item.key, 'data-pa-click': item.key },\n item.text\n );\n })\n ),\n _react2.default.createElement(\n 'div',\n { className: MOLECULE_NAME + '__para' },\n htmlToReactParser.parse(items[selectedIndex].para)\n ),\n _react2.default.createElement(\n 'div',\n { className: MOLECULE_NAME + '__footer' },\n htmlToReactParser.parse(items[selectedIndex].footerCopy)\n )\n );\n break;\n }\n case 'hyperlinks':\n {\n markup = _react2.default.createElement(\n 'div',\n { className: MOLECULE_NAME + '__container' },\n _react2.default.createElement(\n 'select',\n {\n id: id,\n onChange: this.openSelectedHyperlink,\n className: MOLECULE_NAME + '__list ' + className\n },\n items.map(function (item) {\n return _react2.default.createElement(\n 'option',\n { key: item.key, 'data-pa-click': item.key, 'data-href': item.href, 'data-target': item.target || '_self' },\n item.text\n );\n })\n )\n );\n break;\n }\n default:\n }\n\n return markup;\n }\n }]);\n\n return ActionDropdown;\n}(_react.Component);\n\nexports.default = ActionDropdown;\n\n\nActionDropdown.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string\n }),\n callback: _propTypes2.default.func,\n className: _propTypes2.default.string,\n content: _propTypes2.default.shape({\n type: _propTypes2.default.oneOf(['hyperlinks', 'fees']).isRequired,\n items: _propTypes2.default.arrayOf(_propTypes2.default.oneOfType([_propTypes2.default.shape({\n key: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n para: _propTypes2.default.string,\n footerCopy: _propTypes2.default.string\n }), _propTypes2.default.shape({\n key: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n })])).isRequired\n })\n};\n\nActionDropdown.defaultProps = {\n config: {\n id: ''\n },\n content: {\n type: 'fees',\n items: [{\n text: 'Default text (25 characters max)',\n key: 'no-selection',\n para: '',\n footerCopy: ''\n }, {\n text: '< £xxxx per month',\n key: 'less-than-xxxx',\n para: 'You should pay X.XX% + 20p per transaction
',\n footerCopy: ''\n }, {\n text: '£xxxx - £yyyy per month',\n key: 'xxxx-yyyy',\n para: 'You should pay Y.YY% + 20p per transaction',\n footerCopy: 'maximum 240 characters (max 3 lines)'\n }, {\n text: '> £yyyy per month',\n key: 'greater-than-yyyy',\n para: '',\n footerCopy: 'Call XXXX XXX XXXXX for pricing'\n }]\n },\n callback: function callback() {},\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _mediaButton = require('../../../atoms/media-button');\n\nvar _mediaButton2 = _interopRequireDefault(_mediaButton);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar MOLECULE_NAME = 'content-panel';\n\n// TODO: Change this to building blocks to remove the necessity of declaring\n// renderCta, renderPara, etc.\n\nvar ContentPanel = function (_React$Component) {\n _inherits(ContentPanel, _React$Component);\n\n function ContentPanel(props) {\n _classCallCheck(this, ContentPanel);\n\n var _this = _possibleConstructorReturn(this, (ContentPanel.__proto__ || Object.getPrototypeOf(ContentPanel)).call(this, props));\n\n _this.enableImages = function () {\n _this.setState({\n showImage: true\n });\n };\n\n _this.renderHeadline = function (headline, level, key) {\n var showImage = _this.state.showImage;\n\n if (headline && showImage) {\n return _react2.default.createElement(\n _heading2.default,\n { level: level, className: MOLECULE_NAME + '__headline', key: key },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n };\n\n _this.renderItems = function (items) {\n if (items.length > 0) {\n var links = items.map(function (item, idx) {\n var result = [];\n\n if (item.itemHeadline) {\n result.push(_this.renderHeadline(item.itemHeadline, 5, idx + '-headline'));\n }\n\n if (item.itemParagraph) {\n result.push(_react2.default.createElement(\n 'p',\n { key: idx + '-paragraph' },\n htmlToReactParser.parse(item.itemParagraph.text)\n ));\n }\n\n if (item.link && item.link.href) {\n var ariaLabel = item.itemHeadline ? item.link.text + ' ' + item.itemHeadline.text : item.link.text;\n result.push(_react2.default.createElement(\n 'a',\n {\n href: item.link.href,\n key: idx + '-link',\n target: item.link.target,\n 'aria-label': item.link.ariaLabel || ariaLabel,\n 'data-pa-click': '' + _this.props.name + _this.props.pnlIdx + '-Link' + idx + '-' + item.link.text\n },\n item.link.text\n ));\n }\n\n if (item.mediaButton) {\n result.push(_this.renderMediaButton(item.mediaButton));\n }\n\n return _react2.default.createElement(\n 'li',\n { className: MOLECULE_NAME + '__list-item', key: idx },\n result\n );\n });\n\n return _react2.default.createElement(\n 'ul',\n { className: MOLECULE_NAME + '__list' },\n links\n );\n }\n\n return null;\n };\n\n _this.renderCta = function (cta, headline) {\n if (cta && cta.text) {\n var targetValue = cta.target || '_self';\n var ariaLabel = headline ? cta.text + ' ' + headline.text : cta.text;\n\n if (_this.props.config.ctaType === 'hatch') {\n return _react2.default.createElement(\n 'a',\n {\n href: cta.href,\n className: MOLECULE_NAME + '__cta',\n target: targetValue,\n 'data-pa-click': _this.props.name + '-hatchLink-' + cta.text,\n 'aria-label': cta.ariaLabel || ariaLabel\n },\n cta.text\n );\n }\n\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n href: cta.href,\n className: MOLECULE_NAME + '__cta pypl-btn--outline-blue',\n fpti: '' + _this.props.name + _this.props.pnlIdx + '-' + cta.type + '-' + cta.text,\n color: cta.color || 'blue',\n target: targetValue\n },\n cta.text\n );\n }\n\n return null;\n };\n\n _this.renderMediaButton = function (button) {\n if (button && button['data-video-id'] && button.text) {\n return _react2.default.createElement(\n _mediaButton2.default,\n {\n id: button.id,\n name: button.name || button.id,\n className: 'video-image__media-btn',\n fpti: '' + _this.props.name + _this.props.pnlIdx + '-MediaBtn-' + button.text,\n 'data-video-id': button['data-video-id'],\n color: 'outline-blue',\n alt: button.alt || button.text\n },\n button.text\n );\n }\n\n return null;\n };\n\n _this.renderHatchText = function (hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: MOLECULE_NAME + '__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n };\n\n _this.state = {\n showImage: false\n };\n return _this;\n }\n\n _createClass(ContentPanel, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n (0, _intersectionService.IntersectionListener)([this.elementRef], this.enableImages);\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props$content = this.props.content,\n items = _props$content.items,\n headline = _props$content.headline,\n paragraph = _props$content.paragraph,\n primaryCta = _props$content.primaryCta,\n hatchText = _props$content.hatchText;\n\n var moleculeClasses = (0, _classnames2.default)(MOLECULE_NAME, this.props.className);\n\n return _react2.default.createElement(\n 'div',\n {\n className: moleculeClasses,\n ref: function ref(c) {\n _this2.elementRef = c;\n }\n },\n this.renderHeadline(headline, 3),\n this.renderHeadline(paragraph, 4),\n this.renderItems(items),\n this.renderCta(primaryCta, headline),\n this.renderHatchText(hatchText)\n );\n }\n }]);\n\n return ContentPanel;\n}(_react2.default.Component);\n\nexports.default = ContentPanel;\n\n\nContentPanel.propTypes = {\n /* eslint-disable-next-line react/no-unused-prop-types */\n config: _propTypes2.default.shape({\n type: _propTypes2.default.string.isRequired,\n ctaType: _propTypes2.default.oneOf(['secondary', 'primary', 'hatch'])\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n items: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n itemHeadline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n itemParagraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n link: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n ariaLabel: _propTypes2.default.string\n }),\n mediaButton: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n text: _propTypes2.default.string,\n 'data-video-id': _propTypes2.default.string,\n alt: _propTypes2.default.string\n })\n })),\n primaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n ariaLabel: _propTypes2.default.string,\n type: _propTypes2.default.string,\n color: _propTypes2.default.oneOf(['blue', 'white']),\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n pnlIdx: _propTypes2.default.number,\n name: _propTypes2.default.string,\n className: _propTypes2.default.string\n};\n\nContentPanel.defaultProps = {\n config: {\n type: 'ContentPanel',\n ctaType: 'hatch'\n },\n content: {\n headline: {\n text: '44 characters maximum'\n },\n paragraph: {\n text: '200 characters maximum'\n },\n items: [{\n itemHeadline: {\n text: 'Fewer than 44 characters'\n },\n itemParagraph: {\n text: '200 characters maximum'\n },\n link: {\n text: '35 characters maximum for each link',\n href: '#',\n target: '_blank',\n ariaLabel: 'Unique Name'\n },\n mediaButton: {\n id: '',\n name: '',\n text: '25 characters maximum',\n 'data-video-id': 'lkz4GZgyb9o',\n alt: 'Alt Text for media button'\n }\n }],\n primaryCta: {\n id: '',\n href: '#',\n text: '18 characters maximum',\n type: 'PrmryCTA',\n color: 'white',\n target: '_self',\n ariaLabel: 'Unique Name'\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n },\n pnlIdx: 0,\n name: 'ContentPanel',\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _dataPoint = require('../../../atoms/data-point');\n\nvar _dataPoint2 = _interopRequireDefault(_dataPoint);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n// TODO: Change this to building blocks to remove the necessity of declaring\n// renderPara, etc.\n\nvar renderDataPoint = function renderDataPoint(dataPoint) {\n if (dataPoint) {\n return _react2.default.createElement(_dataPoint2.default, _extends({}, dataPoint, { className: 'data-point-panel__data-point' }));\n }\n return null;\n};\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: 'data-point-panel__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar DataPointPanel = function DataPointPanel(props) {\n var _props$content = props.content,\n dataPoint = _props$content.dataPoint,\n paragraph = _props$content.paragraph;\n\n\n var moleculeClasses = (0, _classnames2.default)('data-point-panel', props.className);\n\n return _react2.default.createElement(\n 'div',\n { className: moleculeClasses },\n renderDataPoint(dataPoint),\n renderParagraph(paragraph)\n );\n};\n\nexports.default = DataPointPanel;\n\n\nDataPointPanel.propTypes = {\n /* eslint-disable-next-line react/no-unused-prop-types */\n config: _propTypes2.default.shape({\n type: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n dataPoint: _propTypes2.default.shape({\n stats: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n description: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n }),\n className: _propTypes2.default.string\n};\n\nDataPointPanel.defaultProps = {\n config: {\n type: 'DataPointPanel'\n },\n content: {\n dataPoint: {\n stats: {\n text: '179M'\n },\n description: {\n text: 'Active users'\n }\n },\n paragraph: {\n text: '130 characters maximum for paragraph text which should ' + 'equal less than 4 lines of text, sentence case, normal punctuation.'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: 'faq-content__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderHatchLink = function renderHatchLink(link) {\n if (link && link.text) {\n var linkTarget = void 0;\n if (link.target) {\n linkTarget = '' + link.target;\n }\n return _react2.default.createElement(\n 'a',\n { id: link.id, href: link.href, target: linkTarget, className: 'faq-content__link' },\n link.text\n );\n }\n return null;\n};\n\nvar FaqContent = function FaqContent(props) {\n var _props$content = props.content,\n paragraph = _props$content.paragraph,\n link = _props$content.link;\n\n\n var moleculeClasses = (0, _classnames2.default)('faq-content', props.className);\n\n return _react2.default.createElement(\n 'div',\n { className: moleculeClasses },\n renderParagraph(paragraph),\n renderHatchLink(link)\n );\n};\n\nexports.default = FaqContent;\n\n\nFaqContent.propTypes = {\n content: _propTypes2.default.shape({\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n link: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string,\n text: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n })\n }),\n className: _propTypes2.default.string\n};\n\nFaqContent.defaultProps = {\n content: {\n paragraph: {\n text: '300 characters maximum is recommended to minimize scrolling in a mobile view.'\n },\n link: {\n id: '',\n href: '#',\n text: '34 characters maximum per line',\n target: '_blank'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar moleculeClass = 'fees-calculation';\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n 'p',\n { className: moleculeClass + '__header-text' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderFees = function renderFees(fees) {\n if (fees) {\n return _react2.default.createElement(\n 'span',\n { className: moleculeClass + '__fees-text' },\n htmlToReactParser.parse(fees.text)\n );\n }\n return null;\n};\n\nvar renderFooter = function renderFooter(footer) {\n if (footer) {\n return _react2.default.createElement(\n 'p',\n { className: moleculeClass + '__footer-text' },\n htmlToReactParser.parse(footer.text)\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: moleculeClass + '__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar FeesCalculation = function FeesCalculation(props) {\n var _props$content = props.content,\n headline = _props$content.headline,\n fees = _props$content.fees,\n footer = _props$content.footer,\n hatchText = _props$content.hatchText;\n\n\n return _react2.default.createElement(\n 'div',\n { className: moleculeClass + ' col-md-10 col-xs-12 col-sm-9' },\n _react2.default.createElement(\n 'div',\n { className: moleculeClass + '__result' },\n renderHeadline(headline),\n renderFees(fees),\n renderFooter(footer)\n ),\n renderHatchText(hatchText)\n );\n};\n\nexports.default = FeesCalculation;\n\n\nFeesCalculation.propTypes = {\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n fees: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n footer: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n })\n};\n\nFeesCalculation.defaultProps = {\n content: {\n headline: {\n text: '42 characters maximum or 2 lines'\n },\n fees: {\n text: '12 characters'\n },\n footer: {\n text: '34 characters maximum per line'\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar moleculeClass = 'fees-contact';\n\nvar renderFees = function renderFees(fees) {\n if (fees) {\n return _react2.default.createElement(\n 'span',\n { className: moleculeClass + '__fees' },\n fees.text\n );\n }\n return null;\n};\n\nvar renderLegalText = function renderLegalText(legalText) {\n if (legalText && legalText.text) {\n return _react2.default.createElement(\n 'span',\n { className: moleculeClass + '__legal legal-notes' },\n legalText.text\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: moleculeClass + '__hatch-text hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar FeesContact = function FeesContact(props) {\n var _props$content = props.content,\n fees = _props$content.fees,\n hatchText = _props$content.hatchText,\n legalText = _props$content.legalText;\n\n\n return _react2.default.createElement(\n 'div',\n { className: moleculeClass + ' col-md-10 col-xs-12 col-sm-9' },\n renderFees(fees),\n renderHatchText(hatchText),\n renderLegalText(legalText)\n );\n};\n\nexports.default = FeesContact;\n\n\nFeesContact.propTypes = {\n content: _propTypes2.default.shape({\n fees: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n legalText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n })\n};\n\nFeesContact.defaultProps = {\n content: {\n fees: {\n text: '40 characters maximum per line'\n },\n hatchText: {\n text: '34 characters maximum per line'\n },\n legalText: {\n text: '* 266 characters is recommended for viewing on a mobile device.'\n }\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar organismClass = 'fees-intent';\n\nvar FeesCalculatorIntent = function (_React$Component) {\n _inherits(FeesCalculatorIntent, _React$Component);\n\n function FeesCalculatorIntent() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, FeesCalculatorIntent);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = FeesCalculatorIntent.__proto__ || Object.getPrototypeOf(FeesCalculatorIntent)).call.apply(_ref, [this].concat(args))), _this), _this.handleChange = function (e) {\n e.preventDefault();\n if (_this.props.handleChange) {\n _this.props.handleChange(e.target.selectedIndex);\n _this.props.fireTracking('FeeCalc-DropDown-' + e.target.value);\n }\n }, _this.renderHeadline = function (headline) {\n if (headline) {\n var headlineClass = organismClass + '__headline h3';\n return _react2.default.createElement(\n _heading2.default,\n { level: '2', className: headlineClass },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n }, _this.renderSubheadline = function (subheadline) {\n if (subheadline) {\n var subheadlineClass = organismClass + '__subheadline';\n return _react2.default.createElement(\n _heading2.default,\n { level: '4', className: subheadlineClass },\n _react2.default.createElement(\n 'label',\n { htmlFor: organismClass + '__select__' + subheadline.text.split(' ').join('') },\n htmlToReactParser.parse(subheadline.text)\n )\n );\n }\n return null;\n }, _this.renderSelect = function (items, id, ariaLabel) {\n if (items) {\n var options = items.map(function (item) {\n return _react2.default.createElement(\n 'option',\n { key: 'option-item' + item.text },\n htmlToReactParser.parse(item.text)\n );\n });\n\n return _react2.default.createElement(\n 'div',\n { className: organismClass + '__select-wrapper' },\n _react2.default.createElement(\n 'select',\n {\n className: organismClass + '__select',\n onChange: _this.handleChange,\n id: organismClass + '__select__' + id,\n label: ariaLabel,\n 'aria-label': ariaLabel\n },\n options\n )\n );\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n // passing the id, so that in case there are multiple fees calculator organisms in a page\n // then assumption is that the sub-headline will be different.\n\n\n _createClass(FeesCalculatorIntent, [{\n key: 'render',\n value: function render() {\n var _props$content = this.props.content,\n headline = _props$content.headline,\n subheadline = _props$content.subheadline,\n items = _props$content.items;\n\n var id = subheadline && subheadline.text && subheadline.text.split(' ').join('');\n var ariaLabel = headline && headline.text;\n return _react2.default.createElement(\n 'div',\n { className: organismClass + ' col-md-10 col-xs-12 col-sm-9' },\n this.renderHeadline(headline),\n this.renderSubheadline(subheadline),\n this.renderSelect(items, id, ariaLabel)\n );\n }\n }]);\n\n return FeesCalculatorIntent;\n}(_react2.default.Component);\n\nexports.default = FeesCalculatorIntent;\n\n\nFeesCalculatorIntent.propTypes = {\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n subheadline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n items: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired).isRequired\n }),\n handleChange: _propTypes2.default.func,\n fireTracking: _propTypes2.default.func\n};\n\nFeesCalculatorIntent.defaultProps = {\n content: {\n headline: {\n text: '25 characters maximum'\n },\n subheadline: {\n text: '30 characters maximum:'\n },\n items: [{\n text: '25 characters maximum'\n }, {\n text: '25 characters maximum'\n }]\n },\n fireTracking: function fireTracking() {},\n handleChange: function handleChange() {}\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\n// TODO: Change this to building blocks to remove the necessity of declaring\n// renderCta, renderPara, etc.\n\nvar IconPanel = function (_React$Component) {\n _inherits(IconPanel, _React$Component);\n\n function IconPanel(props) {\n _classCallCheck(this, IconPanel);\n\n var _this = _possibleConstructorReturn(this, (IconPanel.__proto__ || Object.getPrototypeOf(IconPanel)).call(this, props));\n\n _this.enableIcon = function () {\n _this.setState({ showIcon: true });\n };\n\n _this.renderIcon = function (icon) {\n if (icon && _this.state.showIcon) {\n return _react2.default.createElement('img', { src: icon.src, alt: icon.alt, className: 'icon-panel__image' });\n }\n return null;\n };\n\n _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: '3', className: 'icon-panel__headline pp-sans-small-regular h4' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n };\n\n _this.renderParagraph = function (paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: 'icon-panel__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n };\n\n _this.renderCta = function (cta, headline) {\n if (cta && cta.text) {\n var ariaLabel = headline ? cta.text + ' ' + headline.text : cta.text;\n var targetValue = cta.target || '_self';\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n href: cta.href,\n className: 'icon-panel__cta',\n fpti: '' + _this.props.name + _this.props.pnlIdx + '-' + cta.type + '-' + cta.text,\n color: cta.color || 'blue',\n target: targetValue,\n 'aria-label': cta.ariaLabel || ariaLabel\n },\n cta.text\n );\n }\n return null;\n };\n\n _this.renderHatchText = function (hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: 'icon-panel__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n };\n\n _this.state = {\n showIcon: false\n };\n return _this;\n }\n\n _createClass(IconPanel, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n // if .icon-panel is in view execute enableIcon\n (0, _intersectionService.IntersectionListener)([this.divElement], this.enableIcon.bind(this));\n }\n\n // once enableIcon() is called, there is no need to listen anymore\n\n /**\n Receives CTA and creates it according to the type.\n Underlying data structure shows the correct order\n semantically.\n TODO: Reuse this across Panels\n */\n\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props$content = this.props.content,\n headline = _props$content.headline,\n paragraph = _props$content.paragraph,\n primaryCta = _props$content.primaryCta,\n secondaryCta = _props$content.secondaryCta,\n hatchText = _props$content.hatchText,\n icon = _props$content.icon;\n\n var moleculeClasses = (0, _classnames2.default)('icon-panel', this.props.className);\n\n return _react2.default.createElement(\n 'div',\n {\n className: moleculeClasses,\n ref: function ref(el) {\n _this2.divElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'icon-panel__top' },\n this.renderIcon(icon),\n this.renderHeadline(headline),\n this.renderParagraph(paragraph)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'icon-panel__bottom' },\n this.renderCta(primaryCta, headline),\n this.renderCta(secondaryCta, headline),\n this.renderHatchText(hatchText)\n )\n );\n }\n }]);\n\n return IconPanel;\n}(_react2.default.Component);\n\nexports.default = IconPanel;\n\n\nIconPanel.propTypes = {\n /* eslint-disable-next-line react/no-unused-prop-types */\n config: _propTypes2.default.shape({\n type: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n icon: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }), // isVisible\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }), // isVisible\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n primaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n ariaLabel: _propTypes2.default.string,\n type: _propTypes2.default.string,\n color: _propTypes2.default.oneOf(['blue', 'white']),\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n secondaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n ariaLabel: _propTypes2.default.string,\n type: _propTypes2.default.string,\n color: _propTypes2.default.oneOf(['outline-white', 'outline-blue']),\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n pnlIdx: _propTypes2.default.number,\n name: _propTypes2.default.string,\n className: _propTypes2.default.string\n};\n\nIconPanel.defaultProps = {\n config: {\n type: 'IconPanel'\n },\n content: {\n icon: {\n src: 'https://www.paypalobjects.com/digitalassets/c/icons/security_white_72.svg',\n alt: ''\n },\n headline: {\n text: 'Fewer than 44 characters'\n },\n paragraph: {\n text: 'Fewer than 130 characters total for paragraph text which should ' + 'equal less than 4 lines of text, sentence case, normal punctuation.'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '18 Characters Max',\n type: 'PrmryCTA',\n color: 'white',\n target: '_self',\n ariaLabel: 'Unique Name'\n },\n secondaryCta: {\n id: '',\n href: '#',\n text: '18 Characters Max',\n type: 'ScndCTA',\n color: 'outline-white',\n target: '_self'\n },\n hatchText: {\n text: 'Fewer than 30 characters total'\n }\n },\n pnlIdx: 0,\n name: 'PanelsPanel',\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ImageHeadline = function (_React$Component) {\n _inherits(ImageHeadline, _React$Component);\n\n function ImageHeadline(props) {\n _classCallCheck(this, ImageHeadline);\n\n var _this = _possibleConstructorReturn(this, (ImageHeadline.__proto__ || Object.getPrototypeOf(ImageHeadline)).call(this, props));\n\n _this.enableImage = function () {\n window.removeEventListener('resize', _this.handleResize);\n window.removeEventListener('scroll', _this.handleScroll);\n\n _this.setState({ showImage: true });\n };\n\n _this.handleResize = function () {\n var domRect = _this.divElement && _this.divElement.getBoundingClientRect();\n if (domRect && window.innerHeight - domRect.top >= 0) {\n _this.enableImage();\n }\n };\n\n _this.handleScroll = function () {\n _this.enableImage();\n };\n\n _this.renderImage = function (image) {\n if (image && image.src && _this.state.showImage) {\n return _react2.default.createElement('img', { src: image.src, alt: image.alt, className: 'image-headline__image' });\n }\n return null;\n };\n\n _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: headline.level ? headline.level : \"3\", className: 'image-headline__headline pp-sans-small-regular h4' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n };\n\n _this.state = {\n showImage: false\n };\n return _this;\n }\n\n _createClass(ImageHeadline, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n // if components in view, then enable icons; otherwise add listeners\n var domRect = this.divElement && this.divElement.getBoundingClientRect();\n if (domRect && window.innerHeight - domRect.top >= 0) {\n this.enableImage();\n } else {\n window.addEventListener('scroll', this.handleScroll);\n window.addEventListener('resize', this.handleResize);\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('scroll', this.handleScroll);\n window.removeEventListener('resize', this.handleResize);\n }\n\n // once enableIcon() is called, there is no need to listen anymore\n\n\n // if after window resize and the component is in view, then enable icons,\n // otherwise do nothing\n\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props$content = this.props.content,\n image = _props$content.image,\n headline = _props$content.headline;\n\n\n var moleculeClasses = (0, _classnames2.default)('image-headline', this.props.className);\n\n return _react2.default.createElement(\n 'div',\n {\n className: moleculeClasses,\n ref: function ref(el) {\n _this2.divElement = el;\n }\n },\n this.renderImage(image),\n this.renderHeadline(headline)\n );\n }\n }]);\n\n return ImageHeadline;\n}(_react2.default.Component);\n\nexports.default = ImageHeadline;\n\n\nImageHeadline.propTypes = {\n content: _propTypes2.default.shape({\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n }),\n className: _propTypes2.default.string\n};\n\nImageHeadline.defaultProps = {\n content: {\n headline: {\n text: '44 characters maximum'\n },\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/au/icons/AU-icon-payflow-green.svg',\n alt: ''\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _isObject = require('lodash/isObject');\n\nvar _isObject2 = _interopRequireDefault(_isObject);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\n// TODO: Change this to building blocks to remove the necessity of declaring\n// renderCta, renderPara, etc.\n\nvar ImagePanel = function (_React$Component) {\n _inherits(ImagePanel, _React$Component);\n\n function ImagePanel(props) {\n _classCallCheck(this, ImagePanel);\n\n var _this = _possibleConstructorReturn(this, (ImagePanel.__proto__ || Object.getPrototypeOf(ImagePanel)).call(this, props));\n\n _this.renderImage = function (image) {\n if (image && image.src && _this.state.showImage) {\n return _react2.default.createElement('img', { src: image.src, alt: image.alt, className: 'image-panel__image' });\n }\n return null;\n };\n\n _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: headline.level ? headline.level : \"3\", className: 'image-panel__headline pp-sans-small-regular h4' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n };\n\n _this.renderParagraph = function (paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: 'image-panel__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n };\n\n _this.renderCta = function (cta, headline) {\n if (cta && cta.text) {\n var ariaLabel = headline ? cta.text + ' ' + headline.text : cta.text;\n var targetValue = cta.target || '_self';\n var fptiValue = (0, _isObject2.default)(cta.fpti) ? '{\"link\": \"' + (cta.fpti.link || '' + _this.props.name + _this.props.pnlIdx + '-' + cta.type + '-' + cta.text) + '\",\"event_name\":\"' + cta.fpti.event_name + '\"}' : '' + _this.props.name + _this.props.pnlIdx + '-' + cta.type + '-' + cta.text;\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n href: cta.href,\n className: 'image-panel__cta',\n fpti: fptiValue,\n color: cta.color || 'blue',\n target: targetValue,\n alt: cta.alt || cta.text,\n 'aria-label': cta.ariaLabel || ariaLabel\n },\n cta.text\n );\n }\n return null;\n };\n\n _this.renderHatchText = function (hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: 'image-panel__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n };\n\n _this.state = {\n showImage: false\n };\n return _this;\n }\n\n _createClass(ImagePanel, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImage: true\n });\n }\n /**\n Receives CTA and creates it according to the type.\n Underlying data structure shows the correct order\n semantically.\n TODO: Reuse this across Panels\n */\n\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props$content = this.props.content,\n image = _props$content.image,\n headline = _props$content.headline,\n paragraph = _props$content.paragraph,\n primaryCta = _props$content.primaryCta,\n secondaryCta = _props$content.secondaryCta,\n hatchText = _props$content.hatchText;\n\n\n var moleculeClasses = (0, _classnames2.default)('image-panel', this.props.className);\n\n return _react2.default.createElement(\n 'div',\n {\n className: moleculeClasses,\n ref: function ref(el) {\n _this2.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'image-panel__top' },\n this.renderImage(image),\n this.renderHeadline(headline),\n this.renderParagraph(paragraph),\n !primaryCta && !secondaryCta && this.renderHatchText(hatchText)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'image-panel__bottom' },\n this.renderCta(primaryCta, headline),\n this.renderCta(secondaryCta, headline),\n (primaryCta || secondaryCta) && this.renderHatchText(hatchText)\n )\n );\n }\n }]);\n\n return ImagePanel;\n}(_react2.default.Component);\n\nexports.default = ImagePanel;\n\nImagePanel.propTypes = {\n /* eslint-disable-next-line react/no-unused-prop-types */\n config: _propTypes2.default.shape({\n type: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }), // isVisible\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }), // isVisible\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n primaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n ariaLabel: _propTypes2.default.string,\n type: _propTypes2.default.string,\n color: _propTypes2.default.oneOf(['blue', 'white']),\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string,\n fpti: _propTypes2.default.string\n }),\n secondaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n ariaLabel: _propTypes2.default.string,\n type: _propTypes2.default.string,\n color: _propTypes2.default.oneOf(['outline-white', 'outline-blue']),\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string,\n fpti: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n pnlIdx: _propTypes2.default.number,\n name: _propTypes2.default.string,\n className: _propTypes2.default.string\n};\n\nImagePanel.defaultProps = {\n config: {\n type: 'ImagePanel'\n },\n content: {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/ID/home/featuredoffer-ssense.png',\n alt: ''\n },\n headline: {\n text: '44 characters maximum'\n },\n paragraph: {\n text: '130 characters maximum for paragraph text which should ' + 'equal less than 4 lines of text, sentence case, normal punctuation.'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '18 characters maximum',\n type: 'PrmryCTA',\n color: 'white',\n target: '_self',\n alt: 'Alt text for CTA',\n ariaLabel: 'Unique Name'\n },\n secondaryCta: {\n id: '',\n href: '#',\n text: '18 characters maximum',\n type: 'ScndCTA',\n color: 'outline-white',\n target: '_self',\n alt: 'Alt text for CTA',\n ariaLabel: 'Unique Name'\n },\n hatchText: {\n text: '44 characters maximum'\n }\n },\n pnlIdx: 0,\n name: 'ImagePanel',\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar MOLECULE_NAME = 'legal-content';\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: MOLECULE_NAME + '__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderTable = function renderTable(table) {\n if (table && table.text) {\n return _react2.default.createElement(\n 'div',\n { className: MOLECULE_NAME + '__table' },\n htmlToReactParser.parse(table.text)\n );\n }\n return null;\n};\n\nvar LegalContent = function LegalContent(props) {\n var className = props.className,\n content = props.content;\n var paragraph = content.paragraph,\n table = content.table,\n paragraph2 = content.paragraph2;\n\n\n var moleculeClasses = (0, _classnames2.default)(MOLECULE_NAME, className);\n\n return _react2.default.createElement(\n 'div',\n { className: moleculeClasses },\n renderParagraph(paragraph),\n renderTable(table),\n renderParagraph(paragraph2)\n );\n};\n\nexports.default = LegalContent;\n\n\nLegalContent.propTypes = {\n content: _propTypes2.default.shape({\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n table: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n paragraph2: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string\n};\n\nLegalContent.defaultProps = {\n content: {\n paragraph: {\n text: '2,000 characters maximum is recommended.'\n },\n table: {\n text: 'Currency
Fee
U.S. Dollar
0.30 USD
Euro
0.35 EUR
'\n },\n paragraph2: {\n text: '2,000 characters maximum is recommended.'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\n// TODO: Change this to building blocks to remove the necessity of declaring\n// renderCta, renderPara, etc.\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: '3', className: 'link-panel__headline pp-sans-small-regular h4' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderItems = function renderItems(items, properties) {\n if (items) {\n var links = items.map(function (item, idx) {\n var result = [];\n result.push(_react2.default.createElement(\n 'li',\n { className: 'link-panel__link', key: idx },\n _react2.default.createElement(\n 'a',\n {\n href: item.link.href,\n target: item.link.target,\n 'data-pa-click': '' + properties.name + properties.pnlIdx + '-Link' + idx + '-' + item.link.text\n },\n item.link.text\n )\n ));\n\n if (item.description) {\n result.push(_react2.default.createElement(\n 'li',\n { className: 'link-panel__description' },\n _react2.default.createElement(\n 'p',\n null,\n htmlToReactParser.parse(item.description.text)\n )\n ));\n }\n return result;\n });\n\n return _react2.default.createElement(\n 'ul',\n { className: 'link-panel__list' },\n links\n );\n }\n return null;\n};\n\nvar LinkPanel = function LinkPanel(props) {\n var _props$content = props.content,\n items = _props$content.items,\n headline = _props$content.headline;\n\n\n var moleculeClasses = (0, _classnames2.default)('link-panel', props.className);\n\n return _react2.default.createElement(\n 'div',\n { className: moleculeClasses },\n renderHeadline(headline),\n renderItems(items, props)\n );\n};\n\nexports.default = LinkPanel;\n\n\nLinkPanel.propTypes = {\n /* eslint-disable-next-line react/no-unused-prop-types */\n config: _propTypes2.default.shape({\n type: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }), // isVisible\n items: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n link: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }).isRequired,\n description: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n })).isRequired\n }),\n className: _propTypes2.default.string\n};\n\nLinkPanel.defaultProps = {\n config: {\n type: 'LinkPanel'\n },\n content: {\n headline: {\n text: '44 characters maximum'\n },\n items: [{\n link: {\n text: '35 characters maximum for each link',\n href: '#',\n target: '_blank'\n },\n description: {\n text: '30 characters maximum'\n }\n }, {\n link: {\n text: '35 characters maximum for each link',\n href: '#',\n target: '_blank'\n },\n description: {\n text: '30 characters maximum'\n }\n }, {\n link: {\n text: '35 characters maximum for each link',\n href: '#',\n target: '_blank'\n },\n description: {\n text: '30 characters maximum'\n }\n }, {\n link: {\n text: '35 characters maximum for each link',\n href: '#',\n target: '_blank'\n },\n description: {\n text: '30 characters maximum'\n }\n }]\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _isObject = require('lodash/isObject');\n\nvar _isObject2 = _interopRequireDefault(_isObject);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\n// TODO: Change this to building blocks to remove the necessity of declaring\n// renderCta, renderPara, etc.\n\nvar NoImagePanel = function (_React$Component) {\n _inherits(NoImagePanel, _React$Component);\n\n function NoImagePanel(props) {\n _classCallCheck(this, NoImagePanel);\n\n var _this = _possibleConstructorReturn(this, (NoImagePanel.__proto__ || Object.getPrototypeOf(NoImagePanel)).call(this, props));\n\n _this.renderHeadline = function (headline) {\n if (headline) {\n var headlineLevel = headline.level ? headline.level : '3';\n return _react2.default.createElement(\n _heading2.default,\n { level: headlineLevel, className: 'no-image-panel__headline pp-sans-small-regular h4' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n };\n\n _this.renderParagraph = function (paragraph) {\n if (paragraph && _this.state.showImage) {\n return _react2.default.createElement(\n 'p',\n { className: 'no-image-panel__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n };\n\n _this.renderCta = function (cta, headline) {\n if (cta && cta.text) {\n var ariaLabel = headline ? cta.text + ' ' + headline.text : cta.text;\n var targetValue = cta.target || '_self';\n var fptiValue = (0, _isObject2.default)(cta.fpti) ? '{\"link\": \"' + (cta.fpti.link || '' + _this.props.name + _this.props.pnlIdx + '-' + cta.type + '-' + cta.text) + '\",\"event_name\":\"' + cta.fpti.event_name + '\"}' : '' + _this.props.name + _this.props.pnlIdx + '-' + cta.type + '-' + cta.text;\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n href: cta.href,\n className: 'no-image-panel__cta',\n fpti: fptiValue,\n color: cta.color || 'blue',\n target: targetValue,\n alt: cta.alt || cta.text,\n 'aria-label': cta.ariaLabel || ariaLabel\n },\n cta.text\n );\n }\n return null;\n };\n\n _this.renderHatchText = function (hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: 'no-image-panel__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n };\n\n _this.state = {\n showImage: false\n };\n return _this;\n }\n\n _createClass(NoImagePanel, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImage: true\n });\n }\n /**\n Receives CTA and creates it according to the type.\n Underlying data structure shows the correct order\n semantically.\n TODO: Reuse this across Panels\n */\n\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props$content = this.props.content,\n headline = _props$content.headline,\n paragraph = _props$content.paragraph,\n primaryCta = _props$content.primaryCta,\n secondaryCta = _props$content.secondaryCta,\n hatchText = _props$content.hatchText;\n\n var moleculeClasses = (0, _classnames2.default)('no-image-panel', this.props.className);\n\n return _react2.default.createElement(\n 'div',\n {\n className: moleculeClasses,\n ref: function ref(el) {\n _this2.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'no-image-panel__top' },\n this.renderHeadline(headline),\n this.renderParagraph(paragraph),\n !primaryCta && !secondaryCta && this.renderHatchText(hatchText)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'no-image-panel__bottom' },\n this.renderCta(primaryCta, headline),\n this.renderCta(secondaryCta, headline),\n (primaryCta || secondaryCta) && this.renderHatchText(hatchText)\n )\n );\n }\n }]);\n\n return NoImagePanel;\n}(_react2.default.Component);\n\nexports.default = NoImagePanel;\n\n\nNoImagePanel.propTypes = {\n /* eslint-disable-next-line react/no-unused-prop-types */\n config: _propTypes2.default.shape({\n type: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }), // isVisible\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n primaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n ariaLabel: _propTypes2.default.string,\n type: _propTypes2.default.string,\n color: _propTypes2.default.oneOf(['blue', 'white']),\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string,\n fpti: _propTypes2.default.string\n }),\n secondaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n ariaLabel: _propTypes2.default.string,\n type: _propTypes2.default.string,\n color: _propTypes2.default.oneOf(['outline-white', 'outline-blue']),\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string,\n fpti: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n pnlIdx: _propTypes2.default.number,\n name: _propTypes2.default.string,\n className: _propTypes2.default.string\n};\n\nNoImagePanel.defaultProps = {\n config: {\n type: 'NoImagePanel'\n },\n content: {\n headline: {\n text: '44 characters maximum'\n },\n paragraph: {\n text: '130 characters maximum for paragraph text which should ' + 'equal less than 4 lines of text, sentence case, normal punctuation.'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '18 characters maximum',\n type: 'PrmryCTA',\n color: 'white',\n target: '_self',\n alt: 'Alt Text for CTA',\n ariaLabel: 'Unique Name'\n },\n secondaryCta: {\n id: '',\n href: '#',\n text: '18 characters maximum',\n type: 'ScndCTA',\n color: 'outline-white',\n target: '_self',\n alt: 'Alt Text for CTA',\n ariaLabel: 'Unique Name'\n },\n hatchText: {\n text: '30 characters maximum'\n }\n },\n pnlIdx: 0,\n name: 'NoImagePanel',\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar NotificationCTA = function (_React$Component) {\n _inherits(NotificationCTA, _React$Component);\n\n function NotificationCTA() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, NotificationCTA);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = NotificationCTA.__proto__ || Object.getPrototypeOf(NotificationCTA)).call.apply(_ref, [this].concat(args))), _this), _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n 'p',\n { className: 'notification-ribbon__headline h4 pypl-heading' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n }, _this.renderTertiaryCta = function (tertiaryCta) {\n if (tertiaryCta) {\n var targetValue = tertiaryCta.target || '_self';\n return _react2.default.createElement(\n _button2.default,\n {\n id: tertiaryCta.id,\n href: tertiaryCta.href,\n className: 'notification-ribbon__cta',\n fpti: 'NtfnRbn-PrmryCTA-' + tertiaryCta.text,\n color: 'outline-blue',\n size: 'small',\n target: targetValue\n },\n tertiaryCta.text\n );\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(NotificationCTA, [{\n key: 'render',\n value: function render() {\n var _props$content = this.props.content,\n headline = _props$content.headline,\n tertiaryCta = _props$content.tertiaryCta;\n\n return _react2.default.createElement(\n 'div',\n { className: 'container' },\n this.renderHeadline(headline),\n this.renderTertiaryCta(tertiaryCta)\n );\n }\n }]);\n\n return NotificationCTA;\n}(_react2.default.Component);\n\nexports.default = NotificationCTA;\n\n\nNotificationCTA.propTypes = {\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n tertiaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }).isRequired\n })\n};\n\nNotificationCTA.defaultProps = {\n content: {\n headline: {\n text: 'Text introduces CTA or QR code'\n },\n tertiaryCta: {\n id: '',\n text: '24 characters maximum',\n href: '#',\n target: '_self'\n }\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar NotificationLogo = function (_React$Component) {\n _inherits(NotificationLogo, _React$Component);\n\n function NotificationLogo() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, NotificationLogo);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = NotificationLogo.__proto__ || Object.getPrototypeOf(NotificationLogo)).call.apply(_ref, [this].concat(args))), _this), _this.renderLogo = function (logo) {\n if (logo) {\n return _react2.default.createElement('img', { className: 'notification-ribbon__partners', src: logo.src, alt: logo.alt });\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(NotificationLogo, [{\n key: 'render',\n value: function render() {\n var logo = this.props.content.logo;\n\n return _react2.default.createElement(\n 'div',\n { className: 'container' },\n this.renderLogo(logo)\n );\n }\n }]);\n\n return NotificationLogo;\n}(_react2.default.Component);\n\nexports.default = NotificationLogo;\n\n\nNotificationLogo.propTypes = {\n content: _propTypes2.default.shape({\n logo: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }).isRequired\n })\n};\n\nNotificationLogo.defaultProps = {\n content: {\n logo: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/shared/partnerlogo-ribbon/cc_gray_logo.png',\n alt: 'Single Logo'\n }\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar NotificationQR = function (_React$Component) {\n _inherits(NotificationQR, _React$Component);\n\n function NotificationQR() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, NotificationQR);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = NotificationQR.__proto__ || Object.getPrototypeOf(NotificationQR)).call.apply(_ref, [this].concat(args))), _this), _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: '4', className: 'notification-ribbon__headline' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n }, _this.renderImage = function (image) {\n if (image) {\n return _react2.default.createElement('img', { className: 'notification-ribbon__qr', src: image.src, alt: image.alt });\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(NotificationQR, [{\n key: 'render',\n value: function render() {\n var _props$content = this.props.content,\n headline = _props$content.headline,\n image = _props$content.image;\n\n return _react2.default.createElement(\n 'div',\n { className: 'container' },\n this.renderHeadline(headline),\n this.renderImage(image)\n );\n }\n }]);\n\n return NotificationQR;\n}(_react2.default.Component);\n\n/*\n `config.showMobile` is not used by this molecule,\n however it is read by its parent organisms\n*/\n\n\nexports.default = NotificationQR;\nNotificationQR.propTypes = {\n /* eslint-disable-next-line react/no-unused-prop-types */\n config: _propTypes2.default.shape({\n type: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }).isRequired\n })\n};\n\nNotificationQR.defaultProps = {\n config: {\n type: 'NotificationQR'\n },\n content: {\n headline: {\n text: 'Text introduces CTA or QR code'\n },\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/shared/partnerlogo-ribbon/qr_1.png',\n alt: 'Pre-generated flat file'\n }\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _image = require('../../../atoms/image');\n\nvar _image2 = _interopRequireDefault(_image);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar SimpleImagePanel = function (_React$Component) {\n _inherits(SimpleImagePanel, _React$Component);\n\n function SimpleImagePanel(props) {\n _classCallCheck(this, SimpleImagePanel);\n\n var _this = _possibleConstructorReturn(this, (SimpleImagePanel.__proto__ || Object.getPrototypeOf(SimpleImagePanel)).call(this, props));\n\n _this.renderImage = function (image) {\n if (image && image.src && _this.state.showImages) {\n return _react2.default.createElement(_image2.default, { src: image.src, alt: image.alt, className: 'simple-image-panel__image' });\n }\n return null;\n };\n\n _this.sectionElement = null;\n _this.state = {\n showImages: false\n };\n return _this;\n }\n\n _createClass(SimpleImagePanel, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var content = this.props.content;\n var image = content.image;\n\n\n var moleculeClasses = (0, _classnames2.default)('simple-image-panel', this.props.className);\n\n return _react2.default.createElement(\n 'div',\n {\n className: moleculeClasses,\n ref: function ref(el) {\n _this2.sectionElement = el;\n }\n },\n this.renderImage(image)\n );\n }\n }]);\n\n return SimpleImagePanel;\n}(_react2.default.Component);\n\nexports.default = SimpleImagePanel;\n\n\nSimpleImagePanel.propTypes = {\n /* eslint-disable-next-line react/no-unused-prop-types */\n config: _propTypes2.default.shape({\n type: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n })\n }),\n className: _propTypes2.default.string\n};\n\nSimpleImagePanel.defaultProps = {\n config: {\n type: 'SimpleImagePanel'\n },\n content: {\n image: {\n src: 'https://www.paypalobjects.com/marketing/web/ppcp/developer.png',\n alt: ''\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar renderImage = function renderImage(image) {\n if (image && image.src) {\n return _react2.default.createElement('a', {\n className: 'social-innovation-panel__image',\n href: image.href,\n 'data-pa-click': 'Social-Innovation-panel-article',\n style: { backgroundImage: 'url(' + image.src + ')', backgroundSize: 'cover' },\n 'aria-label': image.alt || 'image-alt'\n });\n }\n return null;\n};\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: '3', className: 'social-innovation-panel__headline pp-sans-small-regular h4' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: 'social-innovation-panel__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: 'social-innovation-panel__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar SocialInnovationPanel = function SocialInnovationPanel(props) {\n var _props$content = props.content,\n image = _props$content.image,\n headline = _props$content.headline,\n paragraph = _props$content.paragraph,\n hatchText = _props$content.hatchText;\n\n\n var moleculeClasses = (0, _classnames2.default)('social-innovation-panel', props.className);\n\n return _react2.default.createElement(\n 'div',\n { className: moleculeClasses },\n _react2.default.createElement(\n 'div',\n { className: 'social-innovation-panel__top' },\n renderImage(image),\n renderHeadline(headline),\n renderParagraph(paragraph),\n renderHatchText(hatchText)\n )\n );\n};\n\nexports.default = SocialInnovationPanel;\n\n// ESLint disabled because the PropTypes below are used, but\n// they are processed before being used and ESLint does not detect that.\n\nSocialInnovationPanel.propTypes = {\n /* eslint-disable react/no-unused-prop-types */\n config: _propTypes2.default.shape({\n squareImage: _propTypes2.default.bool\n }),\n content: _propTypes2.default.shape({\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string\n /* eslint-enable react/no-unused-prop-types */\n};\n\nSocialInnovationPanel.defaultProps = {\n config: {\n squareImage: false\n },\n content: {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/ID/home/featuredoffer-ssense.png',\n alt: ''\n },\n headline: {\n text: '44 characters maximum'\n },\n paragraph: {\n text: '130 characters maximum for paragraph text which should ' + 'equal less than 4 lines of text, sentence case, normal punctuation.'\n },\n hatchText: {\n text: '44 characters maximum'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MOLECULE_NAME = 'toggle-section';\n\nvar ToggleSection = function (_Component) {\n _inherits(ToggleSection, _Component);\n\n function ToggleSection(props) {\n _classCallCheck(this, ToggleSection);\n\n var _this = _possibleConstructorReturn(this, (ToggleSection.__proto__ || Object.getPrototypeOf(ToggleSection)).call(this, props));\n\n _this.toggleOpenClose = _this.toggleOpenClose.bind(_this);\n\n _this.state = {\n sectionOpen: false\n };\n return _this;\n }\n\n _createClass(ToggleSection, [{\n key: 'toggleOpenClose',\n value: function toggleOpenClose() {\n var _this2 = this;\n\n var callback = this.props.callback;\n\n\n this.setState({\n sectionOpen: !this.state.sectionOpen\n }, function () {\n if (callback) {\n callback(_this2.state.sectionOpen);\n }\n });\n }\n }, {\n key: 'render',\n value: function render() {\n var _props = this.props,\n config = _props.config,\n content = _props.content,\n className = _props.className,\n children = _props.children;\n var id = config.id;\n var openIcon = content.openIcon,\n closeIcon = content.closeIcon,\n altText = content.altText;\n var sectionOpen = this.state.sectionOpen;\n\n\n return _react2.default.createElement(\n 'div',\n { id: id, className: MOLECULE_NAME + '__container ' + className },\n _react2.default.createElement('button', {\n className: MOLECULE_NAME + '__button',\n style: { background: 'url(' + (sectionOpen ? closeIcon : openIcon) + ') no-repeat center' },\n onClick: this.toggleOpenClose\n }),\n sectionOpen ? _react2.default.createElement(\n 'div',\n { className: MOLECULE_NAME + '__content' },\n children\n ) : _react2.default.createElement(\n 'p',\n { className: MOLECULE_NAME + '__alt-text' },\n altText\n )\n );\n }\n }]);\n\n return ToggleSection;\n}(_react.Component);\n\nexports.default = ToggleSection;\n\n\nToggleSection.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n openIcon: _propTypes2.default.string.isRequired,\n closeIcon: _propTypes2.default.string.isRequired,\n altText: _propTypes2.default.string.isRequired\n }),\n callback: _propTypes2.default.func,\n className: _propTypes2.default.string,\n children: _propTypes2.default.element.isRequired\n};\n\nToggleSection.defaultProps = {\n config: {\n id: ''\n },\n content: {\n openIcon: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/gb/en/online-sellers-solutions/pink-close.png',\n closeIcon: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/gb/en/online-sellers-solutions/pink-open.png',\n altText: 'Click to see details'\n },\n className: '',\n callback: function callback() {}\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _mediaButton = require('../../../atoms/media-button');\n\nvar _mediaButton2 = _interopRequireDefault(_mediaButton);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar VideoImage = function (_React$Component) {\n _inherits(VideoImage, _React$Component);\n\n function VideoImage(props) {\n _classCallCheck(this, VideoImage);\n\n var _this = _possibleConstructorReturn(this, (VideoImage.__proto__ || Object.getPrototypeOf(VideoImage)).call(this, props));\n\n _this.calculateHeight = function () {\n var width = _this.state.width;\n\n if (_this.videoImage) {\n width = _this.videoImage.clientWidth || _this.videoImage.offsetWidth;\n }\n if (width && width !== _this.state.width) {\n _this.setState({\n width: width\n });\n }\n };\n\n _this.state = {\n width: 250\n };\n return _this;\n }\n\n _createClass(VideoImage, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.calculateHeight);\n this.calculateHeight();\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps() {\n this.calculateHeight();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.calculateHeight);\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var mediaButton = this.props.content.mediaButton;\n var backgroundImage = this.props.config.backgroundImage;\n\n var moleculeClasses = (0, _classnames2.default)('video-image', this.props.className, {\n 'video-image--no-text': !mediaButton.text\n });\n\n var mediaButtonText = mediaButton.text ? '-' + mediaButton.text : '';\n var mediaBtnIdx = this.props.idx !== undefined ? this.props.idx : null;\n\n // Formula is for the ratio 16:9\n return _react2.default.createElement(\n 'div',\n {\n className: moleculeClasses,\n ref: function ref(el) {\n _this2.videoImage = el;\n },\n style: {\n backgroundImage: 'url(' + backgroundImage.url + ')',\n height: Math.round(this.state.width / 16 * 9)\n }\n },\n _react2.default.createElement(\n _mediaButton2.default,\n {\n id: mediaButton.id,\n name: mediaButton.name || mediaButton.id,\n className: 'video-image__media-btn',\n fpti: '' + this.props.name + mediaBtnIdx + '-MediaBtn' + mediaButtonText,\n 'data-video-id': mediaButton['data-video-id'],\n color: mediaButton.color,\n callback: this.props.videoCallback,\n alt: mediaButton.alt || mediaButton.text,\n 'aria-label': mediaButton.ariaLabel || mediaButton.text\n },\n mediaButton.text\n )\n );\n }\n }]);\n\n return VideoImage;\n}(_react2.default.Component);\n\nexports.default = VideoImage;\n\n\nVideoImage.propTypes = {\n config: _propTypes2.default.shape({\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired\n }).isRequired,\n type: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n mediaButton: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n text: _propTypes2.default.string,\n alt: _propTypes2.default.string,\n 'data-video-id': _propTypes2.default.string.isRequired,\n ariaLabel: _propTypes2.default.string\n }).isRequired\n }),\n idx: _propTypes2.default.number,\n name: _propTypes2.default.string,\n className: _propTypes2.default.string,\n videoCallback: _propTypes2.default.func\n};\n\nVideoImage.defaultProps = {\n config: {\n type: 'VideoImage',\n backgroundImage: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/gb/en/personal/Personal_Testimonial.png'\n }\n },\n content: {\n mediaButton: {\n id: '',\n name: '',\n 'data-video-id': 'lkz4GZgyb9o',\n text: '25 characters maximum',\n alt: 'alt Text for media button',\n ariaLabel: 'Unique Name'\n }\n },\n idx: 0,\n name: 'PanelsPanel',\n className: '',\n videoCallback: function videoCallback() {}\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _videoImage = require('../../video-image');\n\nvar _videoImage2 = _interopRequireDefault(_videoImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\n// TODO: Change this to building blocks to remove the necessity of declaring\n// renderCta, renderPara, etc.\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: '3', className: 'video-panel__headline pp-sans-small-regular h4' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderVideoImage = function renderVideoImage(videoImage, properties) {\n if (videoImage) {\n return _react2.default.createElement(_videoImage2.default, _extends({}, videoImage, { name: properties.name, idx: properties.pnlIdx }));\n }\n return null;\n};\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: 'video-panel__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: 'video-panel__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar VideoPanel = function (_React$Component) {\n _inherits(VideoPanel, _React$Component);\n\n function VideoPanel(props) {\n _classCallCheck(this, VideoPanel);\n\n var _this = _possibleConstructorReturn(this, (VideoPanel.__proto__ || Object.getPrototypeOf(VideoPanel)).call(this, props));\n\n _this.handleScroll = _this.handleScroll.bind(_this);\n _this.divElement = null;\n _this.state = {\n showImages: false\n };\n return _this;\n }\n\n _createClass(VideoPanel, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var domRect = this.sectionElement && this.sectionElement.getBoundingClientRect();\n if (domRect && window.innerHeight - domRect.top >= 0) {\n this.enableImages();\n return;\n }\n window.addEventListener('scroll', this.handleScroll);\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('scroll', this.handleScroll);\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'handleScroll',\n value: function handleScroll() {\n window.removeEventListener('scroll', this.handleScroll);\n this.enableImages();\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props$content = this.props.content,\n headline = _props$content.headline,\n videoImage = _props$content.videoImage,\n paragraph = _props$content.paragraph,\n hatchText = _props$content.hatchText;\n\n\n var moleculeClasses = (0, _classnames2.default)('video-panel', this.props.className);\n\n return _react2.default.createElement(\n 'div',\n {\n className: moleculeClasses,\n ref: function ref(el) {\n _this2.divElement = el;\n }\n },\n renderHeadline(headline),\n this.state.showImages ? renderVideoImage(videoImage, this.props) : null,\n renderParagraph(paragraph),\n renderHatchText(hatchText)\n );\n }\n }]);\n\n return VideoPanel;\n}(_react2.default.Component);\n\nexports.default = VideoPanel;\n\n\nVideoPanel.propTypes = {\n /* eslint-disable-next-line react/no-unused-prop-types */\n config: _propTypes2.default.shape({\n type: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }), // isVisible\n videoImage: _propTypes2.default.shape({\n content: _propTypes2.default.shape({\n mediaButton: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string,\n text: _propTypes2.default.string,\n 'data-video-id': _propTypes2.default.string.isRequired\n }).isRequired\n }),\n config: _propTypes2.default.shape({\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired\n }).isRequired\n })\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string\n};\n\nVideoPanel.defaultProps = {\n config: {\n type: 'VideoPanel'\n },\n content: {\n headline: {\n text: '44 characters maximum'\n },\n videoImage: {\n content: {\n mediaButton: {\n id: '',\n href: '#',\n 'data-video-id': 'lkz4GZgyb9o'\n }\n },\n config: {\n backgroundImage: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/gb/en/personal/Personal_Testimonial.png'\n }\n }\n },\n paragraph: {\n text: '130 characters maximum for paragraph text which should ' + 'equal less than 4 lines of text, sentence case, normal punctuation.'\n },\n hatchText: {\n text: '30 characters maximum'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* global document */\n\n\n/*\n Youtube player states:\n UNSTARTED = -1;\n ENDED = 0;\n PLAYING = 1;\n PAUSED = 2;\n BUFFERING = 3;\n CUED = 5;\n*/\n\nvar IS_ENDED = 0;\nvar IS_PLAYING = 1;\nvar IS_PAUSED = 2;\nvar IS_BUFFERING = 3;\n\nvar Youtube = function (_React$Component) {\n _inherits(Youtube, _React$Component);\n\n function Youtube(props) {\n _classCallCheck(this, Youtube);\n\n var _this = _possibleConstructorReturn(this, (Youtube.__proto__ || Object.getPrototypeOf(Youtube)).call(this, props));\n\n _this.state = {\n isAutoplay: true,\n playerState: -1,\n pauseByScroll: undefined,\n isPlayer: undefined\n };\n\n _this.iframeRef = undefined;\n _this.handleScroll = _this.handleScroll.bind(_this);\n _this.screenChange = _this.screenChange.bind(_this);\n _this.sentMsgtoYoutube = _this.sentMsgtoYoutube.bind(_this);\n _this.onPlayerReady = _this.onPlayerReady.bind(_this);\n _this.onMessageReceived = _this.onMessageReceived.bind(_this);\n return _this;\n }\n\n _createClass(Youtube, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('scroll', this.handleScroll);\n document.addEventListener('fullscreenchange', this.screenChange);\n document.addEventListener('webkitfullscreenchange', this.screenChange);\n document.addEventListener('mozfullscreenchange', this.screenChange);\n document.addEventListener('MSFullscreenChange', this.screenChange);\n\n this.iframeRef.addEventListener('load', this.onPlayerReady);\n\n // NOTE: addEventListener will fail in Chrome if this component is not\n // in the screen when the page is loaded. This will cause onMessageReceived\n // method not invoked when the user play or pause the Youtube video.\n window.addEventListener('message', this.onMessageReceived);\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('scroll', this.handleScroll);\n document.removeEventListener('fullscreenchange', this.screenChange);\n document.removeEventListener('webkitfullscreenchange', this.screenChange);\n document.removeEventListener('mozfullscreenchange', this.screenChange);\n document.removeEventListener('MSFullscreenChange', this.screenChange);\n window.removeEventListener('message', this.onMessageReceived);\n }\n }, {\n key: 'onMessageReceived',\n value: function onMessageReceived(event) {\n if (event.origin !== 'https://www.youtube-nocookie.com') {\n return false;\n }\n\n var data = JSON.parse(event.data);\n if (!data.info) return false;\n\n var playerState = data.info.playerState;\n\n if (!playerState) return false;\n\n // user manually clicked the Play button(autoplay disabled)\n if (parseInt(this.props.autoplay, 10) === 0 && playerState === IS_BUFFERING) {\n this.setState({ isAutoplay: false });\n }\n\n switch (playerState) {\n case IS_PLAYING:\n this.setState({\n playerState: IS_PLAYING,\n pauseBy: 0\n });\n break;\n\n case IS_PAUSED:\n if (!this.state.pauseByScroll) {\n this.setState({\n playerState: IS_PAUSED,\n pauseByScroll: false,\n pauseBy: 1\n });\n } else {\n this.setState({\n playerState: IS_PAUSED,\n pauseByScroll: false\n });\n }\n break;\n\n case IS_ENDED:\n this.setState({\n playerState: IS_ENDED,\n pauseBy: 1\n });\n break;\n default:\n break;\n }\n\n return true;\n }\n }, {\n key: 'onPlayerReady',\n value: function onPlayerReady(event) {\n var func = '{\"event\": \"listening\"}';\n\n this.iframeRef.contentWindow.postMessage(func, 'https://www.youtube-nocookie.com');\n\n this.setState({\n pauseBy: 0,\n pauseByScroll: false,\n isPlayer: event.target\n });\n\n this.sentMsgtoYoutube('stopVideo');\n this.handleScroll();\n }\n }, {\n key: 'handleScroll',\n value: function handleScroll() {\n if (!this.state.isPlayer) return;\n\n // this check allows the video to keep playing even if its out of the viewport\n // based on state.isAutoplay: true & props.autoplay: 0\n if (this.state.isAutoplay && parseInt(this.props.autoplay, 10) === 0) return;\n\n var height = window.innerHeight;\n var videoRect = this.iframeRef.getBoundingClientRect();\n var playRect = videoRect.top + videoRect.height / 2;\n\n if (playRect < 0 || playRect > height) {\n if (this.state.pauseBy === 0 && this.state.playerState !== 2 && this.state.playerState !== -1) {\n this.setState({ pauseByScroll: true });\n this.sentMsgtoYoutube('pauseVideo');\n }\n } else if (this.state.pauseBy !== 1) {\n // when video is scrolled back to the screen,\n // if the video is not paused by the user, then continue playing the video\n // otherwise keep it paused for a better user experience\n this.sentMsgtoYoutube('playVideo');\n this.sentMsgtoYoutube('mute');\n }\n }\n }, {\n key: 'sentMsgtoYoutube',\n value: function sentMsgtoYoutube(func, args) {\n this.iframeRef.contentWindow.postMessage(JSON.stringify({\n event: 'command',\n func: func,\n args: args || []\n }), 'https://www.youtube-nocookie.com');\n }\n }, {\n key: 'screenChange',\n value: function screenChange() {\n if (!!document.fullScreenElement || !!document.msFullscreenElement || !!document.webkitFullscreenElement || !!document.mozFullScreenElement) {\n this.sentMsgtoYoutube('unMute');\n } else {\n this.sentMsgtoYoutube('mute');\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n autoplay = _props.autoplay,\n className = _props.className,\n videoId = _props.videoId,\n height = _props.height,\n width = _props.width;\n\n\n return _react2.default.createElement(\n 'div',\n { className: className + '__video' },\n _react2.default.createElement(\n 'div',\n { className: className + '__video-wrapper' },\n _react2.default.createElement('iframe', {\n ref: function ref(c) {\n _this2.iframeRef = c;\n },\n className: className + '__video-wrapper__iframe',\n frameBorder: '0',\n allowFullScreen: '1',\n sandbox: 'allow-scripts allow-same-origin',\n title: 'YouTube video player',\n width: width,\n height: height,\n src: 'https://www.youtube-nocookie.com/embed/' + videoId + '?autoplay=' + autoplay + '&rel=0&autohide=2&border=0&wmode=opaque&showinfo=0&hd=1&playsinline=1&enablejsapi=1&modestbranding=1&mute=1'\n })\n )\n );\n }\n }]);\n\n return Youtube;\n}(_react2.default.Component);\n\nexports.default = Youtube;\n\n\nYoutube.defaultProps = {\n autoplay: 1,\n width: 515,\n height: 290,\n className: ''\n};\n\nYoutube.propTypes = {\n autoplay: _propTypes2.default.oneOf([1, 0]),\n className: _propTypes2.default.string,\n width: _propTypes2.default.number,\n height: _propTypes2.default.number,\n videoId: _propTypes2.default.string.isRequired\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.AccordionContent = exports.AccordionHeader = exports.AccordionItem = exports.Accordion = undefined;\n\nvar _Accordion = require('./jsx/Accordion');\n\nvar _Accordion2 = _interopRequireDefault(_Accordion);\n\nvar _AccordionItem = require('./jsx/AccordionItem');\n\nvar _AccordionItem2 = _interopRequireDefault(_AccordionItem);\n\nvar _AccordionHeader = require('./jsx/AccordionHeader');\n\nvar _AccordionHeader2 = _interopRequireDefault(_AccordionHeader);\n\nvar _AccordionContent = require('./jsx/AccordionContent');\n\nvar _AccordionContent2 = _interopRequireDefault(_AccordionContent);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.Accordion = _Accordion2.default;\nexports.AccordionItem = _AccordionItem2.default;\nexports.AccordionHeader = _AccordionHeader2.default;\nexports.AccordionContent = _AccordionContent2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Accordion = function (_React$Component) {\n _inherits(Accordion, _React$Component);\n\n function Accordion(props) {\n _classCallCheck(this, Accordion);\n\n var _this = _possibleConstructorReturn(this, (Accordion.__proto__ || Object.getPrototypeOf(Accordion)).call(this, props));\n\n _this.onItemOpen = function (index) {\n var openItems = [].concat(_toConsumableArray(_this.state.openItems));\n if (_this.props.accordion) {\n openItems = openItems[0] === index ? [] : [index];\n } else {\n var idx = openItems.indexOf(index);\n if (idx > -1) {\n openItems.splice(idx, 1);\n } else {\n openItems.push(index);\n }\n }\n if (_this.props.onItemOpen) {\n _this.props.onItemOpen(openItems);\n }\n _this.setState({\n openItems: openItems\n });\n };\n\n _this.configureState = function (openItems) {\n var state = {\n openItems: []\n };\n if (openItems !== undefined) {\n state.openItems = Array.isArray(openItems) ? openItems : [openItems];\n }\n return state;\n };\n\n _this.state = _this.configureState(props.openItems);\n _this.onItemOpen = _this.onItemOpen.bind(_this);\n return _this;\n }\n\n _createClass(Accordion, [{\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(nextProps) {\n var _this2 = this;\n\n if (nextProps.openItems && this.state.openItems && (nextProps.openItems.length !== this.state.openItems.length || nextProps.openItems.every(function (element, index) {\n return element !== _this2.state.openItems[index];\n }))) {\n this.setState(this.configureState(nextProps.openItems));\n }\n }\n }, {\n key: 'isOpen',\n value: function isOpen(index) {\n if (this.props.accordion) {\n return this.state.openItems[0] === index;\n }\n return this.state.openItems.indexOf(index) > -1;\n }\n }, {\n key: 'renderAccordionItems',\n value: function renderAccordionItems(children) {\n var _this3 = this;\n\n if (children) {\n return _react2.default.Children.map(children, function (child, idx) {\n var childProps = {\n idx: idx,\n onItemOpen: _this3.onItemOpen,\n open: _this3.isOpen(idx)\n };\n return _react2.default.cloneElement(child, childProps);\n });\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var accordionClasses = (0, _classnames2.default)('accordion', this.props.className);\n return _react2.default.createElement(\n 'div',\n { className: accordionClasses },\n this.renderAccordionItems(this.props.children)\n );\n }\n }]);\n\n return Accordion;\n}(_react2.default.Component);\n\nexports.default = Accordion;\n\n\nAccordion.propTypes = {\n accordion: _propTypes2.default.bool,\n children: _propTypes2.default.node.isRequired,\n onItemOpen: _propTypes2.default.func.isRequired,\n className: _propTypes2.default.string,\n openItems: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.number), _propTypes2.default.number]).isRequired\n};\n\nAccordion.defaultProps = {\n accordion: true,\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ANIMATION_DELAY = 300;\n\nvar AccordionContent = function (_React$Component) {\n _inherits(AccordionContent, _React$Component);\n\n function AccordionContent(props) {\n _classCallCheck(this, AccordionContent);\n\n var _this = _possibleConstructorReturn(this, (AccordionContent.__proto__ || Object.getPrototypeOf(AccordionContent)).call(this, props));\n\n _this.handleScroll = function () {\n window.removeEventListener('scroll', _this.handleScroll);\n _this.renderInactiveAccordion();\n };\n\n _this.renderInactiveAccordion = function () {\n _this.setState({\n enableInactiveAccordion: true\n });\n };\n\n _this.state = {\n show: props.open,\n enableInactiveAccordion: false\n };\n return _this;\n }\n\n _createClass(AccordionContent, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('scroll', this.handleScroll);\n var domRect = this.sectionElement && this.sectionElement.getBoundingClientRect();\n if (domRect && window.innerHeight - domRect.top >= 0) {\n this.handleScroll();\n }\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(nextProps) {\n var _this2 = this;\n\n if (nextProps.open) {\n this.setState({\n show: true\n });\n } else {\n setTimeout(function () {\n _this2.setState({\n show: false\n });\n }, ANIMATION_DELAY);\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('scroll', this.handleScroll);\n }\n }, {\n key: 'render',\n value: function render() {\n var _this3 = this;\n\n var _props = this.props,\n idx = _props.idx,\n open = _props.open,\n children = _props.children,\n style = _props.style;\n\n var idxPrefix = this.props.idxPrefix ? this.props.idxPrefix + '-' : '';\n return _react2.default.createElement(\n 'div',\n {\n id: idxPrefix + 'accordion__content-' + idx,\n 'aria-labelledby': idxPrefix + 'accordion__header-' + idx,\n role: 'tabpanel',\n 'aria-hidden': !open,\n className: 'accordion__content',\n style: open ? style : null,\n ref: function ref(el) {\n _this3.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n {\n className: 'accordion__content__container',\n style: { display: this.state.show || open ? 'block' : 'none' }\n },\n this.state.show || this.state.enableInactiveAccordion ? children : null\n )\n );\n }\n }]);\n\n return AccordionContent;\n}(_react2.default.Component);\n\nexports.default = AccordionContent;\n\n\nAccordionContent.propTypes = {\n idx: _propTypes2.default.number,\n idxPrefix: _propTypes2.default.string,\n children: _propTypes2.default.node.isRequired,\n open: _propTypes2.default.bool,\n style: _propTypes2.default.shape({})\n};\n\nAccordionContent.defaultProps = {\n open: true,\n idx: 0,\n idxPrefix: '',\n style: {}\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AccordionHeader = function (_React$Component) {\n _inherits(AccordionHeader, _React$Component);\n\n function AccordionHeader() {\n _classCallCheck(this, AccordionHeader);\n\n return _possibleConstructorReturn(this, (AccordionHeader.__proto__ || Object.getPrototypeOf(AccordionHeader)).apply(this, arguments));\n }\n\n _createClass(AccordionHeader, [{\n key: 'render',\n value: function render() {\n var idxPrefix = this.props.idxPrefix ? this.props.idxPrefix + '-' : '';\n return _react2.default.createElement(\n 'div',\n {\n id: idxPrefix + 'accordion__header-' + this.props.idx,\n 'aria-controls': idxPrefix + 'accordion__content-' + this.props.idx,\n 'aria-expanded': this.props.open,\n className: 'accordion__header'\n },\n this.props.children\n );\n }\n }]);\n\n return AccordionHeader;\n}(_react2.default.Component);\n\nexports.default = AccordionHeader;\n\n\nAccordionHeader.propTypes = {\n idx: _propTypes2.default.number,\n idxPrefix: _propTypes2.default.string,\n children: _propTypes2.default.node.isRequired,\n open: _propTypes2.default.bool\n};\n\nAccordionHeader.defaultProps = {\n open: true,\n idx: 0,\n idxPrefix: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _AccordionHeader = require('./AccordionHeader');\n\nvar _AccordionHeader2 = _interopRequireDefault(_AccordionHeader);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AccordionItem = function (_React$Component) {\n _inherits(AccordionItem, _React$Component);\n\n function AccordionItem(props) {\n _classCallCheck(this, AccordionItem);\n\n var _this = _possibleConstructorReturn(this, (AccordionItem.__proto__ || Object.getPrototypeOf(AccordionItem)).call(this, props));\n\n _this.handleMouseDown = _this.handleMouseDown.bind(_this);\n _this.handleKeyDown = _this.handleKeyDown.bind(_this);\n return _this;\n }\n\n _createClass(AccordionItem, [{\n key: 'handleMouseDown',\n value: function handleMouseDown(e) {\n e.preventDefault();\n this.props.onItemOpen(this.props.idx);\n }\n }, {\n key: 'handleKeyDown',\n value: function handleKeyDown(e) {\n if (e.keyCode === 13 || e.keyCode === 32) {\n e.preventDefault();\n this.handleMouseDown(e);\n }\n }\n }, {\n key: 'cloneChildrenWithProps',\n value: function cloneChildrenWithProps(child) {\n if (child) {\n return _react2.default.cloneElement(child, { open: this.props.open, idx: this.props.idx });\n }\n return null;\n }\n }, {\n key: 'renderAccordionHeader',\n value: function renderAccordionHeader(child) {\n if (child) {\n return _react2.default.createElement(\n 'div',\n {\n onMouseDown: this.handleMouseDown,\n onKeyDown: this.handleKeyDown,\n tabIndex: '0',\n role: 'button'\n },\n this.cloneChildrenWithProps(child)\n );\n }\n return null;\n }\n }, {\n key: 'renderChildren',\n value: function renderChildren(children) {\n var _this2 = this;\n\n if (children) {\n return _react2.default.Children.map(children, function (child) {\n return child.type === _AccordionHeader2.default || child.type && child.type.name && child.type.name.includes('AccordionHeader') ? _this2.renderAccordionHeader(child) : _this2.cloneChildrenWithProps(child);\n });\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var itemClasses = (0, _classnames2.default)('accordion__item', { 'accordion__item--active': this.props.open });\n return _react2.default.createElement(\n 'div',\n { className: itemClasses },\n this.renderChildren(this.props.children)\n );\n }\n }]);\n\n return AccordionItem;\n}(_react2.default.Component);\n\nexports.default = AccordionItem;\n\n\nAccordionItem.propTypes = {\n onItemOpen: _propTypes2.default.func,\n open: _propTypes2.default.bool,\n children: _propTypes2.default.node,\n idx: _propTypes2.default.number\n};\n\nAccordionItem.defaultProps = {\n onItemOpen: function onItemOpen() {},\n open: true,\n children: _react2.default.createElement(\n 'h3',\n null,\n 'default children'\n ),\n idx: 0\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _themeManager2 = require('../../../../utilities/themeManager');\n\nvar _themeManager3 = _interopRequireDefault(_themeManager2);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _default = require('../props/default');\n\nvar _default2 = _interopRequireDefault(_default);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\nvar ORGANISM_NAME = 'bifurcated-hero';\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n {\n level: headline.level || \"2\",\n className: ORGANISM_NAME + '__heading'\n },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderCTA = function renderCTA(cta, panelID) {\n if (cta) {\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n href: cta.href,\n color: cta.color || null,\n className: ORGANISM_NAME + '__cta',\n fpti: cta.fpti || ORGANISM_NAME + '_' + panelID + '_' + cta.text,\n target: cta.target || '_self'\n },\n cta.text\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar BifurcatedHero = function (_Component) {\n _inherits(BifurcatedHero, _Component);\n\n function BifurcatedHero(props) {\n _classCallCheck(this, BifurcatedHero);\n\n var _this = _possibleConstructorReturn(this, (BifurcatedHero.__proto__ || Object.getPrototypeOf(BifurcatedHero)).call(this, props));\n\n _this.renderHeadline = renderHeadline;\n _this.renderParagraph = renderParagraph;\n _this.renderHatchText = renderHatchText;\n _this.renderCTA = renderCTA;\n return _this;\n }\n\n _createClass(BifurcatedHero, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n config = _props.config,\n className = _props.className;\n var id = config.id,\n theme = config.theme,\n backgroundUrl = config.backgroundUrl;\n\n var _themeManager = (0, _themeManager3.default)({ content: this.props.content }, theme),\n content = _themeManager.content;\n\n var panelOne = content.panelOne,\n panelTwo = content.panelTwo;\n\n var sectionClasses = (0, _classnames2.default)(ORGANISM_NAME + '-organism', theme, className);\n\n return _react2.default.createElement(\n 'section',\n {\n id: id,\n ref: function ref(c) {\n _this2.organismRef = c;\n },\n className: sectionClasses,\n 'data-building-block': 'organism',\n style: backgroundUrl ? { backgroundImage: 'url(' + backgroundUrl + ')' } : {}\n },\n _react2.default.createElement(\n 'div',\n { className: 'container ' + ORGANISM_NAME + '-content' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-lg-6 col-md-6 col-sm-12 col-xs-12 ' + ORGANISM_NAME + '-content__left-panel' },\n this.renderHeadline(panelOne.headline),\n this.renderParagraph(panelOne.paragraph),\n this.renderCTA(panelOne.primaryCta, 'panelOne'),\n this.renderHatchText(panelOne.hatchText)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'col-lg-6 col-md-6 col-sm-12 col-xs-12 ' + ORGANISM_NAME + '-content__right-panel' },\n this.renderHeadline(panelTwo.headline),\n this.renderParagraph(panelTwo.paragraph),\n this.renderCTA(panelTwo.primaryCta, 'panelTwo'),\n this.renderHatchText(panelTwo.hatchText)\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '-background' },\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '-background__left-panel' },\n _react2.default.createElement('div', { className: ORGANISM_NAME + '-background__left-panel__inner', style: { backgroundImage: 'url(' + panelOne.backgroundUrl + ')' } })\n ),\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '-background__right-panel' },\n _react2.default.createElement('div', { className: ORGANISM_NAME + '-background__right-panel__inner', style: { backgroundImage: 'url(' + panelTwo.backgroundUrl + ')' } })\n )\n )\n );\n }\n }]);\n\n return BifurcatedHero;\n}(_react.Component);\n\nexports.default = BifurcatedHero;\n\n\nBifurcatedHero.propTypes = {\n className: _propTypes2.default.string,\n content: _propTypes2.default.shape({\n panelOne: _propTypes2.default.shape({\n backgroundUrl: _propTypes2.default.string,\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n primaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }).isRequired,\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }).isRequired,\n panelTwo: _propTypes2.default.shape({\n backgroundUrl: _propTypes2.default.string,\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n primaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }).isRequired,\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }).isRequired\n }),\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-dark', 'theme-background-image-dark', 'theme-background-image-light']),\n backgroundUrl: _propTypes2.default.string\n })\n};\n\nBifurcatedHero.defaultProps = _default2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = {\n config: {\n id: '',\n theme: 'theme-background-image-dark',\n backgroundUrl: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business.jpg'\n },\n content: {\n panelOne: {\n backgroundUrl: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-bifurcated-personal2.jpg',\n headline: {\n text: '36 characters (2 lines) maximum.'\n },\n paragraph: {\n text: 'paragraph - 140 characters maximum.'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '18 characters maximum',\n target: '_self'\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n },\n panelTwo: {\n backgroundUrl: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-bifurcated-business2.jpg',\n headline: {\n text: '36 characters (2 lines) maximum.'\n },\n paragraph: {\n text: 'paragraph - 140 characters maximum.'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '18 characters maximum',\n target: '_self'\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _swiper = require('swiper/dist/js/swiper.min');\n\nvar _swiper2 = _interopRequireDefault(_swiper);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _MPPHeading = require('../../../atoms/heading/jsx/MPPHeading');\n\nvar _MPPHeading2 = _interopRequireDefault(_MPPHeading);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'card-carousel';\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar CardCarousel = function (_React$Component) {\n _inherits(CardCarousel, _React$Component);\n\n function CardCarousel(props) {\n _classCallCheck(this, CardCarousel);\n\n var _this = _possibleConstructorReturn(this, (CardCarousel.__proto__ || Object.getPrototypeOf(CardCarousel)).call(this, props));\n\n _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n _MPPHeading2.default,\n { level: '2', className: ORGANISM_NAME + '__headline' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n };\n\n _this.renderParagraph = function (paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph pp-sans-big-light' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n };\n\n _this.state = {\n currentSlide: 0,\n slidesPerView: _this.props.config.options.slidesPerView || 4,\n hideNavigation: false\n };\n\n // Preload background images before component renders\n if (typeof window !== 'undefined' && _this.props.content && _this.props.content.items) {\n _this.props.content.items.forEach(function (item) {\n if (item.backgroundImage && item.backgroundImage.src) {\n var img = document.createElement('img');\n img.src = item.backgroundImage.src;\n }\n });\n }\n\n _this.handleResize = _this.handleResize.bind(_this);\n _this.prevSlide = _this.prevSlide.bind(_this);\n _this.nextSlide = _this.nextSlide.bind(_this);\n _this.updateCarousel = _this.updateCarousel.bind(_this);\n _this.transitionEnd = _this.transitionEnd.bind(_this);\n _this.stopAutoplay = _this.stopAutoplay.bind(_this);\n _this.startAutoplay = _this.startAutoplay.bind(_this);\n return _this;\n }\n\n _createClass(CardCarousel, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.initCarousel();\n window.addEventListener('resize', this.handleResize);\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate() {\n this.updateCarousel();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n if (this.swiper) this.swiper.destroy(true, true);\n this.swiper = undefined;\n }\n }, {\n key: 'setPos',\n value: function setPos() {\n this.setState({\n currentSlide: this.swiper.realIndex\n });\n }\n }, {\n key: 'setSlidesPerView',\n value: function setSlidesPerView() {\n this.setState({\n slidesPerView: this.swiper.params.slidesPerView\n });\n }\n }, {\n key: 'hideNavigation',\n value: function hideNavigation() {\n this.setState({\n hideNavigation: true\n });\n }\n }, {\n key: 'showNavigation',\n value: function showNavigation() {\n this.setState({\n hideNavigation: false\n });\n }\n }, {\n key: 'handleResize',\n value: function handleResize() {\n if (this.swiper && this.swiper.params) {\n this.setState({\n slidesPerView: this.swiper.params.slidesPerView\n });\n }\n }\n }, {\n key: 'initCarousel',\n value: function initCarousel() {\n var _props = this.props,\n config = _props.config,\n content = _props.content;\n var options = config.options;\n var autoplay = options.autoplay,\n slidesPerView = options.slidesPerView;\n var items = content.items;\n\n var swiperOptions = Object.assign({}, options);\n var self = this;\n\n if (slidesPerView >= items.length) {\n // stop autoplay and hide navigation depending on number of slides\n if (autoplay) {\n swiperOptions.autoplay = false;\n }\n swiperOptions.allowTouchMove = false;\n this.hideNavigation();\n }\n\n Object.assign(swiperOptions, {\n loop: true,\n // Disable preloading of all images\n preloadImages: false,\n // Enable lazy loading\n lazy: true,\n on: {\n transitionEnd: self.transitionEnd,\n // fix swiper bug\n // when on first slide and prev is clicked, navigate to last slide\n slidePrevTransitionStart: function slide() {\n if (this.isBeginning === true) {\n this.slideToLoop(items.length - 1);\n }\n }\n },\n pagination: {\n el: '.swiper-pagination',\n clickable: true\n },\n navigation: {\n prevEl: '.swiper-button-prev',\n nextEl: '.swiper-button-next'\n },\n breakpoints: {\n 782: {\n slidesPerView: 1,\n slidesPerGroup: 1\n },\n 997: {\n slidesPerView: 2,\n slidesPerGroup: 2\n },\n 998: {\n slidesPerView: 3,\n slidesPerGroup: 3\n }\n }\n });\n\n this.swiper = new _swiper2.default(this.container, swiperOptions);\n this.setSlidesPerView();\n }\n }, {\n key: 'transitionEnd',\n value: function transitionEnd() {\n // update current position after a transition ends\n if (this.swiper) this.setPos();\n }\n }, {\n key: 'updateCarousel',\n value: function updateCarousel() {\n var content = this.props.content;\n var items = content.items;\n\n\n if (this.swiper) this.swiper.update();\n if (this.state.slidesPerView < items.length) {\n // start autoplay and show navigation depending on number of slides\n this.startAutoplay();\n if (!this.swiper.allowTouchMove) this.swiper.allowTouchMove = true;\n if (this.state.hideNavigation) this.showNavigation();\n } else {\n // stop autoplay and hide navigation depending on number of slides\n this.stopAutoplay();\n if (this.swiper.allowTouchMove) this.swiper.allowTouchMove = false;\n if (!this.state.hideNavigation) this.hideNavigation();\n }\n }\n }, {\n key: 'prevSlide',\n value: function prevSlide(e) {\n e.preventDefault();\n this.swiper.slidePrev();\n }\n }, {\n key: 'nextSlide',\n value: function nextSlide(e) {\n e.preventDefault();\n this.swiper.slideNext();\n }\n }, {\n key: 'stopAutoplay',\n value: function stopAutoplay() {\n if (this.swiper && this.swiper.autoplay.running) {\n this.swiper.autoplay.stop();\n }\n }\n }, {\n key: 'startAutoplay',\n value: function startAutoplay() {\n var config = this.props.config;\n var options = config.options;\n var autoplay = options.autoplay;\n\n\n if (this.swiper && !this.swiper.autoplay.running && autoplay) {\n this.swiper.autoplay.start();\n }\n }\n }, {\n key: 'renderSlide',\n value: function renderSlide(_ref, i) {\n var headline = _ref.headline,\n paragraph = _ref.paragraph,\n link = _ref.link,\n secondaryButton = _ref.secondaryButton,\n hatchLink = _ref.hatchLink,\n hatchText = _ref.hatchText,\n backgroundImage = _ref.backgroundImage,\n overlayOpacity = _ref.overlayOpacity,\n alwaysShowPopup = _ref.alwaysShowPopup,\n disableBackgroundImage = _ref.disableBackgroundImage,\n theme = _ref.theme;\n\n var hasLink = link && link.href;\n var styleProps = {\n 'data-background': backgroundImage.src,\n 'style': {\n 'backgroundSize': backgroundImage.size || 'cover',\n 'backgroundPosition': (backgroundImage.position || 'center') + ' center'\n }\n };\n\n return _react2.default.createElement(\n 'div',\n {\n /* eslint-disable */\n className: (0, _classnames2.default)(ORGANISM_NAME + '__slide', 'swiper-slide', _defineProperty({}, ORGANISM_NAME + '__slide--active', i === this.state.currentSlide), theme)\n /* eslint-enable */\n , key: headline.text + '_' + i\n },\n _react2.default.createElement(\n 'div',\n _extends({\n className: ORGANISM_NAME + '__slide-inner' + (disableBackgroundImage ? '' : ' swiper-lazy')\n // used by SwiperJS for lazy loading\n }, disableBackgroundImage ? {} : styleProps),\n _react2.default.createElement(\n 'div',\n {\n className: ORGANISM_NAME + '__slide-overlay',\n style: { background: 'rgba(0, 0, 0, 0.' + overlayOpacity + ')' }\n },\n hasLink && _react2.default.createElement('a', {\n className: ORGANISM_NAME + '__slide-background-link',\n href: link.href,\n target: link.target ? link.target : '_self',\n 'data-pa-click': link.fpti,\n 'aria-label': headline.text\n }),\n headline && headline.text && _react2.default.createElement(\n _MPPHeading2.default,\n { level: '4', className: ORGANISM_NAME + '__slide-headline' },\n hasLink ? _react2.default.createElement(\n 'a',\n { href: link.href, className: ORGANISM_NAME + '__slide-text-link', 'data-pa-click': link.fpti },\n htmlToReactParser.parse(headline.text)\n ) : htmlToReactParser.parse(headline.text)\n ),\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__slide-popup' + (alwaysShowPopup ? ' popup--show' : '') },\n paragraph && paragraph.text && _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__slide-paragraph' },\n hasLink ? _react2.default.createElement(\n 'a',\n { href: link.href, className: ORGANISM_NAME + '__slide-text-link', 'data-pa-click': link.fpti },\n htmlToReactParser.parse(paragraph.text)\n ) : htmlToReactParser.parse(paragraph.text)\n ),\n secondaryButton && secondaryButton.text && _react2.default.createElement(\n _button2.default\n // adding null to prevent empty id from being added to DOM\n ,\n { id: secondaryButton.id || null,\n href: hasLink ? link.href : null,\n color: secondaryButton.color || (theme === 'theme-static-card' ? 'outline-blue' : 'outline-white'),\n className: ORGANISM_NAME + '__slide-btn',\n fpti: 'secondaryButton-' + (hasLink ? link.fpti || secondaryButton.text : secondaryButton.fpti || secondaryButton.text),\n target: secondaryButton.target ? secondaryButton.target : '_self'\n },\n secondaryButton.text\n ),\n hatchText && hatchText.text && _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__slide-hatch-text' },\n hasLink ? _react2.default.createElement(\n 'a',\n { href: link.href, className: ORGANISM_NAME + '__slide-text-link', 'data-pa-click': link.fpti },\n htmlToReactParser.parse(hatchText.text)\n ) : htmlToReactParser.parse(hatchText.text)\n ),\n hatchLink && hatchLink.text && _react2.default.createElement(\n 'a',\n {\n id: hatchLink.id,\n href: hatchLink.href,\n target: hatchLink.target,\n 'data-pa-click': 'hatchLink-' + (hatchLink.fpti || hatchLink.text)\n },\n hatchLink.text\n )\n )\n )\n )\n );\n }\n }, {\n key: 'renderSlideCounter',\n value: function renderSlideCounter(itemsLength) {\n var currentSlide = this.state.currentSlide;\n\n var activeSlide = currentSlide >= itemsLength ? 1 : currentSlide + 1;\n\n return _react2.default.createElement(\n 'span',\n {\n className: ORGANISM_NAME + '__slide-counter'\n },\n activeSlide + ' / ' + itemsLength\n );\n }\n }, {\n key: 'renderDotSelectors',\n value: function renderDotSelectors(itemsLength) {\n var _this2 = this;\n\n var _props2 = this.props,\n config = _props2.config,\n content = _props2.content;\n var trackId = config.trackId;\n var _state = this.state,\n currentSlide = _state.currentSlide,\n slidesPerView = _state.slidesPerView;\n\n var activeSlide = currentSlide >= itemsLength ? 0 : Math.floor(currentSlide / slidesPerView);\n var numDots = Math.ceil(itemsLength / slidesPerView);\n var items = [];\n var listStyle = {\n display: 'inline-block',\n lineHeight: 0\n };\n\n var _loop = function _loop(i) {\n var _cx2;\n\n var isActive = activeSlide === i;\n var selectorClass = (0, _classnames2.default)((_cx2 = {}, _defineProperty(_cx2, ORGANISM_NAME + '__dot-selector__button', true), _defineProperty(_cx2, ORGANISM_NAME + '__dot-selector__button--active', isActive), _defineProperty(_cx2, ORGANISM_NAME + '__dot-selector__button--transitioning', _this2.state.isTransitioning), _cx2));\n\n items.push(_react2.default.createElement(\n 'li',\n {\n key: trackId + '-DotSelector-' + i,\n style: listStyle\n },\n _react2.default.createElement('button', {\n 'aria-label': content.goToSlide.text + ' ' + i,\n className: selectorClass,\n onClick: function onClick() {\n _this2.swiper.slideToLoop(i * slidesPerView);_this2.setState({ isTransitioning: true });\n },\n 'data-pa-click': trackId + '-DotSelector-Slide' + i,\n id: trackId + '-DotSelector-' + i,\n tabIndex: isActive ? -1 : 0\n })\n ));\n };\n\n for (var i = 0; i < numDots; i += 1) {\n _loop(i);\n }\n\n return _react2.default.createElement(\n 'ul',\n {\n onMouseEnter: this.stopAutoplay,\n onMouseLeave: this.startAutoplay,\n className: ORGANISM_NAME + '__dot-selector'\n },\n items\n );\n }\n }, {\n key: 'renderNavigation',\n value: function renderNavigation() {\n var _cx3, _cx4;\n\n var _props3 = this.props,\n content = _props3.content,\n config = _props3.config;\n var trackId = config.trackId;\n var items = content.items,\n goToPreviousSlide = content.goToPreviousSlide,\n goToNextSlide = content.goToNextSlide;\n\n\n var leftClass = (0, _classnames2.default)((_cx3 = {}, _defineProperty(_cx3, ORGANISM_NAME + '__arrow', true), _defineProperty(_cx3, ORGANISM_NAME + '__arrow__left', true), _cx3));\n\n var rightClass = (0, _classnames2.default)((_cx4 = {}, _defineProperty(_cx4, ORGANISM_NAME + '__arrow', true), _defineProperty(_cx4, ORGANISM_NAME + '__arrow__right', true), _cx4));\n\n return _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '-navigation row' },\n _react2.default.createElement(\n 'div',\n {\n className: ORGANISM_NAME + '-navigation-column col-lg-4 col-md-6 col-sm-8 col-xs-12'\n },\n _react2.default.createElement('button', {\n 'aria-label': goToPreviousSlide.text,\n className: leftClass,\n onClick: this.prevSlide,\n 'data-pa-click': trackId + '-LftArrow-Slide' + this.state.currentSlide,\n id: trackId + '-LftArrow-' + this.state.currentSlide,\n tabIndex: this.state.currentSlide === 0 ? -1 : 0\n }),\n this.props.config.renderNumberCounter || items.length > this.props.config.numberCounterThreshold ? this.renderSlideCounter(items.length) : this.renderDotSelectors(items.length),\n _react2.default.createElement('button', {\n 'aria-label': goToNextSlide.text,\n className: rightClass,\n onClick: this.nextSlide,\n 'data-pa-click': trackId + '-RtArrow-Slide' + this.state.currentSlide,\n tabIndex: this.state.currentSlide + 1 >= this.state.numSlides ? -1 : 0,\n id: trackId + '-RtArrow-' + this.state.currentSlide\n })\n )\n );\n }\n }, {\n key: 'render',\n value: function render() {\n var _this3 = this;\n\n var _props4 = this.props,\n content = _props4.content,\n config = _props4.config,\n className = _props4.className;\n var id = config.id,\n theme = config.theme;\n var items = content.items,\n headline = content.headline,\n paragraph = content.paragraph;\n\n\n return _react2.default.createElement(\n 'section',\n { id: id, className: (0, _classnames2.default)(ORGANISM_NAME + '-organism', className, theme) },\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + ' container' },\n this.renderHeadline(headline),\n this.renderParagraph(paragraph),\n _react2.default.createElement(\n 'div',\n { className: 'swiper-container', ref: function ref(element) {\n _this3.container = element;\n } },\n _react2.default.createElement(\n 'div',\n {\n className: 'swiper-wrapper',\n onMouseEnter: this.stopAutoplay,\n onMouseLeave: this.startAutoplay\n },\n items.map(function (item, i) {\n return _this3.renderSlide(item, i);\n })\n )\n ),\n items.length > 1 && !this.state.hideNavigation && this.renderNavigation()\n )\n );\n }\n }]);\n\n return CardCarousel;\n}(_react2.default.Component);\n\nexports.default = CardCarousel;\n\n\nCardCarousel.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n options: _propTypes2.default.shape({\n slidesPerView: _propTypes2.default.number,\n slidesPerGroup: _propTypes2.default.number,\n spaceBetween: _propTypes2.default.number,\n autoplay: _propTypes2.default.bool\n }),\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light']),\n trackId: _propTypes2.default.string,\n numberCounterThreshold: _propTypes2.default.number,\n renderNumberCounter: _propTypes2.default.bool\n }),\n content: _propTypes2.default.shape({\n goToSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToNextSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToPreviousSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n items: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n link: _propTypes2.default.shape({\n href: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n fpti: _propTypes2.default.string\n }),\n secondaryButton: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n hatchLink: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string,\n text: _propTypes2.default.string,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n backgroundImage: _propTypes2.default.shape({\n src: _propTypes2.default.string,\n position: _propTypes2.default.oneOf(['left', 'right', 'center']),\n size: _propTypes2.default.string\n }),\n overlayOpacity: _propTypes2.default.number,\n alwaysShowPopup: _propTypes2.default.bool,\n disableBackgroundImage: _propTypes2.default.bool,\n theme: _propTypes2.default.oneOf(['theme-static-card'])\n }).isRequired)\n }),\n className: _propTypes2.default.string\n};\n\nCardCarousel.defaultProps = {\n config: {\n id: '',\n options: {\n slidesPerView: 4,\n slidesPerGroup: 4,\n spaceBetween: 30,\n autoplay: true\n },\n theme: 'theme-background-color-white',\n trackId: 'Card-Carousel',\n numberCounterThreshold: 20,\n renderNumberCounter: false\n },\n content: {\n goToSlide: {\n text: 'Go to slide group'\n },\n goToNextSlide: {\n text: 'Go to next slide'\n },\n goToPreviousSlide: {\n text: 'Go to previous slide'\n },\n headline: {\n text: 'Fewer than 34 Characters Headline'\n },\n paragraph: {\n text: '140 characters max Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat, neque vero quisquam minus quam quas numquam deleniti dignissimos sunt omnis facilis voluptate delectus, rerum voluptatem recusandae unde consequatur reprehenderit sint.'\n },\n items: [{\n headline: {\n text: '1 Fewer than 34 Characters'\n },\n paragraph: {\n text: '130 characters max lorem ipsum dolor sic amet'\n },\n link: {\n href: '#',\n ftpi: 'CardCarousel'\n },\n secondaryButton: {\n text: 'Secondary Button'\n },\n hatchText: {\n text: 'Less than 28 characters max'\n },\n backgroundImage: {\n src: 'https://www.paypalobjects.com/digitalassets/c/okm/us/business-resource-center/images/checkout-comparison-ppxo/checkout-comparison-375x375.jpg',\n position: 'center'\n },\n overlayOpacity: 0\n }, {\n headline: {\n text: '2 Fewer than 34 Characters'\n },\n paragraph: {\n text: '130 characters max lorem ipsum dolor sic amet'\n },\n link: {\n href: '#',\n ftpi: 'CardCarousel'\n },\n secondaryButton: {\n text: 'Secondary Button'\n },\n hatchText: {\n text: 'Less than 28 characters max'\n },\n backgroundImage: {\n src: 'https://www.paypalobjects.com/digitalassets/c/okm/us/business-resource-center/images/checkout-comparison-ppxo/checkout-comparison-375x375.jpg',\n position: 'center'\n },\n overlayOpacity: 0\n }, {\n headline: {\n text: '3 Fewer than 34 Characters'\n },\n paragraph: {\n text: '130 characters max lorem ipsum dolor sic amet'\n },\n link: {\n href: '#',\n ftpi: 'CardCarousel'\n },\n secondaryButton: {\n text: 'Secondary Button'\n },\n hatchText: {\n text: 'Less than 28 characters max'\n },\n backgroundImage: {\n src: 'https://www.paypalobjects.com/digitalassets/c/okm/us/business-resource-center/images/checkout-comparison-ppxo/checkout-comparison-375x375.jpg',\n position: 'center'\n },\n overlayOpacity: 0\n }, {\n headline: {\n text: '4 Fewer than 34 Characters'\n },\n paragraph: {\n text: '130 characters max lorem ipsum dolor sic amet'\n },\n link: {\n href: '#',\n ftpi: 'CardCarousel'\n },\n secondaryButton: {\n text: 'Secondary Button'\n },\n hatchText: {\n text: 'Less than 28 characters max'\n },\n backgroundImage: {\n src: 'https://www.paypalobjects.com/digitalassets/c/okm/us/business-resource-center/images/checkout-comparison-ppxo/checkout-comparison-375x375.jpg',\n position: 'center'\n },\n overlayOpacity: 0\n }, {\n headline: {\n text: '5 Fewer than 34 Characters'\n },\n paragraph: {\n text: '130 characters max lorem ipsum dolor sic amet'\n },\n link: {\n href: '#',\n ftpi: 'CardCarousel'\n },\n secondaryButton: {\n text: 'Secondary Button'\n },\n hatchText: {\n text: 'Less than 28 characters max'\n },\n backgroundImage: {\n src: 'https://www.paypalobjects.com/digitalassets/c/okm/us/business-resource-center/images/checkout-comparison-ppxo/checkout-comparison-375x375.jpg',\n position: 'center'\n },\n overlayOpacity: 0\n }, {\n headline: {\n text: '6 Fewer than 34 Characters'\n },\n paragraph: {\n text: '130 characters max lorem ipsum dolor sic amet'\n },\n link: {\n href: '#',\n ftpi: 'CardCarousel'\n },\n secondaryButton: {\n text: 'Secondary Button'\n },\n hatchText: {\n text: 'Less than 28 characters max'\n },\n backgroundImage: {\n src: 'https://www.paypalobjects.com/digitalassets/c/okm/us/business-resource-center/images/checkout-comparison-ppxo/checkout-comparison-375x375.jpg',\n position: 'center'\n },\n overlayOpacity: 0\n }, {\n headline: {\n text: '7 Fewer than 34 Characters'\n },\n paragraph: {\n text: '130 characters max lorem ipsum dolor sic amet'\n },\n link: {\n href: '#',\n ftpi: 'CardCarousel'\n },\n secondaryButton: {\n text: 'Secondary Button'\n },\n hatchText: {\n text: 'Less than 28 characters max'\n },\n backgroundImage: {\n src: 'https://www.paypalobjects.com/digitalassets/c/okm/us/business-resource-center/images/checkout-comparison-ppxo/checkout-comparison-375x375.jpg',\n position: 'center'\n },\n overlayOpacity: 0\n }]\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Carousel = require('../../main/jsx/Carousel');\n\nvar _Carousel2 = _interopRequireDefault(_Carousel);\n\nvar _HomePageHero = require('./HomePageHero');\n\nvar _HomePageHero2 = _interopRequireDefault(_HomePageHero);\n\nvar _breakpoints = require('../../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'hero-carousel';\n\nvar HeroCarousel = function (_React$Component) {\n _inherits(HeroCarousel, _React$Component);\n\n function HeroCarousel(props) {\n _classCallCheck(this, HeroCarousel);\n\n var _this = _possibleConstructorReturn(this, (HeroCarousel.__proto__ || Object.getPrototypeOf(HeroCarousel)).call(this, props));\n\n _this.state = {\n isDesktop: false\n };\n\n _this.handleResize = _this.handleResize.bind(_this);\n _this.handleNavigationClick = _this.handleNavigationClick.bind(_this);\n return _this;\n }\n\n _createClass(HeroCarousel, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n window.addEventListener('click', this.handleNavigationClick);\n this.handleResize();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n window.removeEventListener('click', this.handleNavigationClick);\n }\n\n /* Work around for checking if navigation is open/close */\n\n }, {\n key: 'handleNavigationClick',\n value: function handleNavigationClick(e) {\n var el = e.target;\n\n if (el.rel === 'menuitem') {\n this.carousel.pause();\n } else if (el.getAttribute('role') === 'button' && el.title === 'Close') {\n this.carousel.resume();\n }\n }\n }, {\n key: 'handleResize',\n value: function handleResize() {\n var newWindowWidth = this.organismRef.ownerDocument.defaultView.innerWidth || this.organismRef.ownerDocument.documentElement.clientWidth || this.organismRef.ownerDocument.body.clientWidth;\n\n if (newWindowWidth > _breakpoints2.default.large) {\n if (!this.state.isDesktop) {\n this.setState({\n isDesktop: true\n });\n }\n } else if (this.state.isDesktop) {\n this.setState({\n isDesktop: false\n });\n }\n }\n }, {\n key: 'renderHero',\n value: function renderHero(slides, viewport) {\n var _this2 = this;\n\n if (slides) {\n return slides.map(function (props, idx) {\n return _react2.default.createElement(_HomePageHero2.default, _extends({}, props, {\n index: idx,\n className: ORGANISM_NAME + '__carousel__hero',\n key: ORGANISM_NAME + '-' + idx,\n clientType: viewport,\n height: _this2.props.config.height,\n theme: props.theme || _this2.props.config.theme\n }));\n });\n }\n return null;\n }\n }, {\n key: 'renderCarousel',\n value: function renderCarousel(slides, viewport) {\n var _this3 = this;\n\n var autoplayInterval = this.props.config.autoplayInterval;\n\n var options = {\n startSlide: 0,\n speed: 400,\n auto: autoplayInterval,\n className: ORGANISM_NAME,\n continuous: false\n };\n\n var newKey = '' + (viewport.toString() + slides.length + (this.props.config.height || 'tall'));\n\n return _react2.default.createElement(\n 'div',\n {\n key: newKey,\n className: ORGANISM_NAME + '__wrapper'\n },\n _react2.default.createElement(\n _Carousel2.default,\n {\n ref: function ref(domPath) {\n _this3.carousel = domPath;\n },\n className: ORGANISM_NAME + '__carousel',\n trackId: this.props.config.trackId,\n options: options,\n numberCounterThreshold: this.props.config.numberCounterThreshold,\n renderNumberCounter: this.props.config.renderNumberCounter,\n content: this.props.content.carousel,\n callback: this.props.callback\n },\n this.renderHero(slides, viewport)\n )\n );\n }\n }, {\n key: 'render',\n value: function render() {\n var _this4 = this;\n\n var slides = this.props.content.slides;\n\n var heroCarouselClasses = (0, _classnames2.default)(ORGANISM_NAME, this.props.className, this.props.config.theme);\n return _react2.default.createElement(\n 'section',\n {\n className: heroCarouselClasses,\n 'data-building-block': 'organism',\n ref: function ref(c) {\n _this4.organismRef = c;\n }\n },\n this.renderCarousel(slides, this.props.viewport)\n );\n }\n }]);\n\n return HeroCarousel;\n}(_react2.default.Component);\n\n/* Default content */\n\n\nexports.default = HeroCarousel;\nHeroCarousel.propTypes = {\n viewport: _propTypes2.default.string,\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n autoplayInterval: _propTypes2.default.number,\n trackId: _propTypes2.default.string,\n height: _propTypes2.default.string,\n theme: _propTypes2.default.string,\n numberCounterThreshold: _propTypes2.default.number,\n renderNumberCounter: _propTypes2.default.bool\n }),\n content: _propTypes2.default.shape({\n carousel: _propTypes2.default.shape({\n goToSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToNextSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToPreviousSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n slides: _propTypes2.default.arrayOf(_propTypes2.default.shape(_HomePageHero2.default.propTypes)).isRequired\n }),\n className: _propTypes2.default.string,\n callback: _propTypes2.default.func\n};\n\nHeroCarousel.defaultProps = {\n viewport: 'dedicated',\n config: {\n id: '',\n autoplayInterval: 6000,\n trackId: 'HCarousel',\n height: 'tall',\n theme: 'theme-background-image-dark',\n numberCounterThreshold: 6,\n renderNumberCounter: false\n },\n content: {\n carousel: {\n goToSlide: {\n text: 'Go to slide'\n },\n goToNextSlide: {\n text: 'Go to next slide'\n },\n goToPreviousSlide: {\n text: 'Go to previous slide'\n }\n },\n slides: [_HomePageHero2.default.defaultProps, _HomePageHero2.default.defaultProps]\n },\n className: '',\n callback: function callback() {}\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _appBadges = require('../../../../atoms/app-badges');\n\nvar _appBadges2 = _interopRequireDefault(_appBadges);\n\nvar _heading = require('../../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _button = require('../../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _mediaButton = require('../../../../atoms/media-button');\n\nvar _mediaButton2 = _interopRequireDefault(_mediaButton);\n\nvar _themeManager = require('../../../../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _breakpoints = require('../../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nvar _intersectionService = require('../../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'home-carousel-hero';\n\nvar getAlignment = function getAlignment(textAlign) {\n var alignment = {\n left: ORGANISM_NAME + '__container col-xs-12 col-lg-8 text-xs-left',\n center: ORGANISM_NAME + '__container col-xs-12 col-lg-8 center-block text-xs-center'\n };\n return alignment[textAlign || 'center'];\n};\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { className: ORGANISM_NAME + '__headline' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__hatch-text pp-sans-small-regular' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar renderBadge = function renderBadge(content, clientInfo, isCentered) {\n var appBadgeContent = {\n clientInfo: clientInfo,\n ios: content.ios,\n android: content.android\n };\n var classes = isCentered ? ORGANISM_NAME + '__app-badge-wrapper--center' : ORGANISM_NAME + '__app-badge-wrapper';\n\n if (clientInfo && (content.ios || content.android)) {\n return _react2.default.createElement(\n 'div',\n { className: classes },\n _react2.default.createElement(_appBadges2.default, appBadgeContent)\n );\n }\n return null;\n};\n\nvar HomePageHero = function (_React$Component) {\n _inherits(HomePageHero, _React$Component);\n\n function HomePageHero(props) {\n _classCallCheck(this, HomePageHero);\n\n var _this = _possibleConstructorReturn(this, (HomePageHero.__proto__ || Object.getPrototypeOf(HomePageHero)).call(this, props));\n\n _this.getAlignment = getAlignment;\n _this.renderHeadline = renderHeadline;\n _this.renderParagraph = renderParagraph;\n _this.renderBadge = renderBadge;\n _this.renderHatchText = renderHatchText;\n _this.sectionElement = null;\n _this.state = {\n showImages: false,\n viewport: 'dedicated'\n };\n _this.handleResize = _this.handleResize.bind(_this);\n return _this;\n }\n\n _createClass(HomePageHero, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'checkCurrentViewPort',\n value: function checkCurrentViewPort(newWindowWidth) {\n var deviceType = \"dedicated\";\n if (newWindowWidth <= _breakpoints2.default.small) {\n deviceType = 'mobile';\n } else if (newWindowWidth <= _breakpoints2.default.medium) {\n deviceType = 'portable';\n }\n this.setState({ viewport: deviceType });\n }\n }, {\n key: 'handleResize',\n value: function handleResize() {\n var newWindowWidth = this.sectionElement ? Math.min(this.sectionElement.ownerDocument.defaultView.innerWidth, this.sectionElement.ownerDocument.documentElement.clientWidth, this.sectionElement.ownerDocument.body.clientWidth) : window.innerWidth;\n\n this.checkCurrentViewPort(newWindowWidth);\n\n if (newWindowWidth >= _breakpoints2.default.medium) {\n if (this.state.isMobile) {\n this.setState({\n isMobile: false\n });\n }\n } else if (!this.state.isMobile) {\n this.setState({\n isMobile: true\n });\n }\n }\n }, {\n key: 'renderMediaButton',\n value: function renderMediaButton(mediaButton) {\n if (mediaButton && mediaButton.text) {\n return _react2.default.createElement(\n _mediaButton2.default,\n {\n id: mediaButton.id,\n name: mediaButton.name || mediaButton.id,\n alt: mediaButton.alt || mediaButton.text,\n color: mediaButton.color,\n className: ORGANISM_NAME + '__mediabtn',\n fpti: 'HCarousel-MediaBtnSlide' + this.props.index + '-' + (mediaButton.fpti || mediaButton.text),\n 'data-video-id': mediaButton['data-video-id']\n },\n mediaButton.text\n );\n }\n return null;\n }\n }, {\n key: 'renderCta',\n value: function renderCta(cta) {\n if (cta && cta.text) {\n var targetValue = cta.target || '_self';\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n alt: cta.alt || cta.text,\n name: cta.name || cta.id,\n href: cta.href,\n color: cta.color || null,\n className: ORGANISM_NAME + '__btn',\n fpti: 'HCarousel-' + (cta.type || 'cta') + 'Slide' + this.props.index + '-' + (cta.fpti || cta.text),\n target: targetValue\n },\n cta.text\n );\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var theme = this.props.theme || 'theme-background-image-dark';\n var newProps = (0, _themeManager2.default)({ content: this.props.content }, theme);\n\n var content = newProps.content;\n var _props = this.props,\n config = _props.config,\n className = _props.className,\n clientInfo = _props.clientInfo,\n index = _props.index;\n var headline = content.headline,\n paragraph = content.paragraph,\n mediaButton = content.mediaButton,\n primaryCta = content.primaryCta,\n secondaryCta = content.secondaryCta,\n hatchText = content.hatchText;\n var showImages = this.state.showImages;\n\n\n var heroClasses = (0, _classnames2.default)(ORGANISM_NAME, className, this.props.height || 'tall', theme);\n\n // const viewport = this.props.clientType; // not used\n var shouldRenderBackground = !(typeof index === 'number' && !showImages && index >= 1);\n\n var backgroundImage = config.backgroundImage && (config.backgroundImage[this.state.viewport] || config.backgroundImage.url);\n\n var backgroundPosition = config.backgroundImage && config.backgroundPosition;\n var backgroundImageStyle = backgroundImage && shouldRenderBackground ? {\n backgroundImage: 'url(' + backgroundImage + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n\n var inlineStyle = Object.assign({}, this.props.style, backgroundImageStyle);\n var isCentered = config.deviceImageSize === 'large';\n\n return _react2.default.createElement(\n 'section',\n {\n id: config.id ? config.id : null,\n className: heroClasses,\n 'data-building-block': 'organism',\n style: inlineStyle,\n ref: function ref(el) {\n _this2.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: getAlignment(config.textAlign) },\n renderHeadline(headline),\n renderParagraph(paragraph),\n this.renderMediaButton(mediaButton),\n this.renderCta(primaryCta),\n this.renderCta(secondaryCta),\n this.renderBadge(content, clientInfo, isCentered),\n renderHatchText(hatchText)\n )\n )\n )\n );\n }\n }]);\n\n return HomePageHero;\n}(_react2.default.Component);\n\nexports.default = HomePageHero;\n\n\nHomePageHero.propTypes = {\n // TODO: move this properties into config\n height: _propTypes2.default.oneOf(['short', 'tall']),\n theme: _propTypes2.default.oneOf(['theme-background-image-dark', 'theme-background-image-light', 'theme-new-money']),\n clientInfo: _propTypes2.default.shape({\n client_os_type: _propTypes2.default.string,\n client_is_mobile: _propTypes2.default.bool,\n client_type: _propTypes2.default.string\n }),\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired,\n portable: _propTypes2.default.string.isRequired,\n mobile: _propTypes2.default.string.isRequired\n }).isRequired,\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right']),\n textAlign: _propTypes2.default.oneOf(['center', 'left']).isRequired\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n mediaButton: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n 'data-video-id': _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n alt: _propTypes2.default.string\n }),\n primaryCta: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }).isRequired,\n secondaryCta: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }),\n ios: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n android: _propTypes2.default.shape({\n store: _propTypes2.default.oneOf(['google', 'android-store']),\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string,\n style: _propTypes2.default.object,\n index: _propTypes2.default.number\n};\n\nHomePageHero.defaultProps = {\n height: 'tall',\n theme: 'theme-background-image-dark',\n clientInfo: {\n client_os_type: 'ios',\n client_is_mobile: true,\n client_type: 'dedicated'\n },\n config: {\n id: '',\n textAlign: 'center',\n backgroundImage: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business.jpg',\n portable: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business-medium.jpg',\n mobile: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business-small.jpg'\n },\n backgroundPosition: 'center'\n },\n content: {\n headline: {\n text: '21 characters per line - 2 lines maximum.'\n },\n paragraph: {\n text: 'In mobile and tablet views, align text to optimize contrast with ' + 'background image. 152 characters max.'\n },\n mediaButton: {\n id: '',\n name: '',\n text: 'Fewer Than 25 Characters',\n 'data-video-id': 'lkz4GZgyb9o'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: 'Fewer Than 29 Characters Max',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n secondaryCta: {\n id: '',\n href: '#',\n text: 'Fewer Than 29 Characters Max',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n ios: {\n href: 'https://app.adjust.com/vlx5gy',\n fpti: \"home-hero-carousel\"\n },\n android: {\n store: 'google',\n href: 'https://app.adjust.com/vxullh',\n fpti: \"home-hero-carousel\"\n },\n hatchText: {\n text: 'Fewer than 34 characters per line'\n }\n },\n className: '',\n style: {},\n index: 0\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Carousel = require('../../main/jsx/Carousel');\n\nvar _Carousel2 = _interopRequireDefault(_Carousel);\n\nvar _MPPImage = require('../../../../atoms/image/jsx/MPPImage');\n\nvar _MPPImage2 = _interopRequireDefault(_MPPImage);\n\nvar _breakpoints = require('../../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'image-carousel';\n\nvar ImageCarousel = function (_React$Component) {\n _inherits(ImageCarousel, _React$Component);\n\n function ImageCarousel(props) {\n _classCallCheck(this, ImageCarousel);\n\n var _this = _possibleConstructorReturn(this, (ImageCarousel.__proto__ || Object.getPrototypeOf(ImageCarousel)).call(this, props));\n\n _initialiseProps.call(_this);\n\n _this.state = {\n isMobile: false\n };\n return _this;\n }\n\n _createClass(ImageCarousel, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n window.addEventListener('click', this.handleNavigationClick);\n this.handleResize();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n window.removeEventListener('click', this.handleNavigationClick);\n }\n\n /* Work around for checking if navigation is open/close */\n\n }, {\n key: 'render',\n value: function render() {\n var slides = this.props.content.slides;\n\n var classes = (0, _classnames2.default)(ORGANISM_NAME, this.props.className);\n return _react2.default.createElement(\n 'section',\n {\n className: classes,\n 'data-building-block': 'organism'\n },\n this.renderCarousel(slides)\n );\n }\n }]);\n\n return ImageCarousel;\n}(_react2.default.Component);\n\nvar _initialiseProps = function _initialiseProps() {\n var _this2 = this;\n\n this.handleNavigationClick = function (e) {\n var el = e ? e.target : undefined;\n if (el && el.rel === 'menuitem') {\n _this2.carousel.pause();\n } else if (el && el.getAttribute('role') === 'button' && el.title === 'Close') {\n _this2.carousel.resume();\n }\n };\n\n this.handleResize = function (e) {\n // TODO: Explore different solution to trigger resize\n // inside an iFrame; We don't need this event\n // param; it's only for canvasnodeweb\n var newWindowWidth = e && e.iFrameWidth || window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n if (newWindowWidth >= _breakpoints2.default.medium) {\n if (_this2.state.isMobile) {\n _this2.setState({\n isMobile: false\n });\n }\n } else if (!_this2.state.isMobile) {\n _this2.setState({\n isMobile: true\n });\n }\n };\n\n this.renderImages = function (slides) {\n if (slides) {\n return slides.map(function (props) {\n return _react2.default.createElement(\n 'div',\n { key: props.alt },\n _react2.default.createElement(_MPPImage2.default, _extends({}, props, { name: ORGANISM_NAME }))\n );\n });\n }\n return null;\n };\n\n this.renderCarousel = function (slides) {\n var autoplayInterval = _this2.props.config.autoplayInterval;\n\n\n var wrapperClass = (0, _classnames2.default)({\n 'image-carousel__carousel__wrapper--single-slide': slides.length === 1\n }, ORGANISM_NAME + '__wrapper container');\n\n var carouselClass = slides.length === 1 ? ORGANISM_NAME + '__carousel__wrapper--single-slide ' + ORGANISM_NAME + '__carousel' : ORGANISM_NAME + '__carousel';\n\n var options = {\n startSlide: 0,\n speed: 400,\n auto: autoplayInterval,\n className: ORGANISM_NAME,\n continuous: false\n };\n\n return _react2.default.createElement(\n 'div',\n {\n key: _this2.state.isMobile + slides.length,\n className: wrapperClass\n },\n _react2.default.createElement(\n _Carousel2.default,\n {\n ref: _this2.handleNavigationClick,\n className: carouselClass,\n trackId: _this2.props.config.trackId,\n options: options,\n callback: _this2.props.callback,\n content: _this2.props.content.carousel,\n numberCounterThreshold: _this2.props.config.numberCounterThreshold,\n renderNumberCounter: _this2.props.config.renderNumberCounter\n },\n _this2.renderImages(slides)\n )\n );\n };\n};\n\nexports.default = ImageCarousel;\n\n\nImageCarousel.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n autoplayInterval: _propTypes2.default.number,\n trackId: _propTypes2.default.string,\n numberCounterThreshold: _propTypes2.default.number,\n renderNumberCounter: _propTypes2.default.bool\n }),\n content: _propTypes2.default.shape({\n carousel: _propTypes2.default.shape({\n goToSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToNextSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToPreviousSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n slides: _propTypes2.default.arrayOf(_propTypes2.default.shape(_MPPImage2.default.propTypes)).isRequired\n }),\n callback: _propTypes2.default.func,\n className: _propTypes2.default.string\n};\n\nImageCarousel.defaultProps = {\n config: {\n id: '',\n autoplayInterval: 0,\n trackId: 'Image-Carousel',\n numberCounterThreshold: 6,\n renderNumberCounter: false\n },\n content: {\n carousel: {\n goToSlide: {\n text: 'Go to slide'\n },\n goToNextSlide: {\n text: 'Go to next slide'\n },\n goToPreviousSlide: {\n text: 'Go to previous slide'\n }\n },\n slides: [{\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/page-builder/thumbnails/organisms/image-carousel-homepage-hero-placeholder-image.png',\n alt: 'Image description 1',\n className: ''\n }, {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/page-builder/thumbnails/organisms/image-carousel-homepage-hero-placeholder-image.png',\n alt: 'Image description 2',\n className: ''\n }, {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/page-builder/thumbnails/organisms/image-carousel-homepage-hero-placeholder-image.png',\n alt: 'Image description 3',\n className: ''\n }]\n },\n callback: function callback() {},\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _swipeJsIso = require('swipe-js-iso');\n\nvar _swipeJsIso2 = _interopRequireDefault(_swipeJsIso);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'carousel';\n\nvar Carousel = function (_React$Component) {\n _inherits(Carousel, _React$Component);\n\n function Carousel(props) {\n _classCallCheck(this, Carousel);\n\n var _this = _possibleConstructorReturn(this, (Carousel.__proto__ || Object.getPrototypeOf(Carousel)).call(this, props));\n\n _this.state = {\n currentSlide: 0,\n autoPlay: props.children.length > 1 ? props.options.auto : 0,\n numSlides: props.children.length,\n isTransitioning: false,\n isLoading: true\n };\n\n _this.next = _this.next.bind(_this);\n\n _this.nextSlide = _this.nextSlide.bind(_this);\n _this.prevSlide = _this.prevSlide.bind(_this);\n\n _this.slideTo = _this.slideTo.bind(_this);\n _this.swiping = _this.swiping.bind(_this);\n _this.transitionEnd = _this.transitionEnd.bind(_this);\n\n _this.pauseSlide = _this.pauseSlide.bind(_this);\n _this.resumeSlide = _this.resumeSlide.bind(_this);\n _this.stopAutoPlay = _this.stopAutoPlay.bind(_this);\n\n _this.setTabIndex = _this.setTabIndex.bind(_this);\n\n _this.handleInitialLoad = _this.handleInitialLoad.bind(_this);\n return _this;\n }\n\n _createClass(Carousel, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.handleInitialLoad();\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps) {\n this.setTabIndex();\n if (prevProps) {\n if (this.props.stopSliding !== prevProps.stopSliding && this.props.stopSliding) {\n this.pauseSlide();\n } else if (this.props.stopSliding !== prevProps.stopSliding && !this.props.stopSliding) {\n this.resumeSlide();\n }\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n if (this.swipe) this.swipe.kill();\n this.swipe = undefined;\n clearTimeout(this.timeout);\n }\n }, {\n key: 'setTabIndex',\n value: function setTabIndex() {\n var activeSlide = '[data-index=\"' + this.state.currentSlide + '\"]';\n var inactiveSlides = '.carousel__wrapper > :not([data-index=\"' + this.state.currentSlide + '\"])';\n var tabableElements = 'a, area, button, input, object, select, textarea';\n var inactiveSlidesArr = [].concat(_toConsumableArray(this.container.querySelectorAll(inactiveSlides)));\n var activeSlidesArr = this.container.querySelectorAll(activeSlide);\n\n inactiveSlidesArr.forEach(function (e) {\n var inactiveElementsArr = [].concat(_toConsumableArray(e.querySelectorAll(tabableElements)));\n\n inactiveElementsArr.forEach(function (el) {\n var element = el;\n element.tabIndex = '-1';\n });\n });\n\n if (activeSlidesArr.length) {\n var activeElementsArr = [].concat(_toConsumableArray(activeSlidesArr[0].querySelectorAll(tabableElements)));\n activeElementsArr.forEach(function (el) {\n var element = el;\n element.tabIndex = '0';\n });\n }\n }\n }, {\n key: 'getNumSlides',\n value: function getNumSlides() {\n return this.swipe.getNumSlides();\n }\n }, {\n key: 'getPos',\n value: function getPos() {\n return this.swipe.getPos();\n }\n }, {\n key: 'setPos',\n value: function setPos() {\n this.setState({\n currentSlide: this.getPos()\n });\n }\n }, {\n key: 'initCarousel',\n value: function initCarousel() {\n var options = this.props.options;\n\n var self = this;\n\n Object.assign(options, {\n transitionEnd: self.transitionEnd,\n swiping: self.swiping,\n auto: 0\n });\n\n this.swipe = new _swipeJsIso2.default(this.container, options);\n this.resume();\n }\n }, {\n key: 'handleInitialLoad',\n value: function handleInitialLoad() {\n this.setState({ isLoading: false }, this.initCarousel);\n }\n }, {\n key: 'stop',\n value: function stop() {\n if (this.swipe) this.swipe.stop();\n }\n }, {\n key: 'pause',\n value: function pause() {\n if (!this.play) {\n this.play = true;\n clearTimeout(this.timeout);\n }\n }\n }, {\n key: 'swiping',\n value: function swiping() {\n this.stopAutoPlay();\n }\n }, {\n key: 'resume',\n value: function resume() {\n var autoPlay = this.state.autoPlay;\n\n if (!this.play && autoPlay) {\n clearTimeout(this.timeout);\n this.timeout = setTimeout(this.next, autoPlay);\n }\n }\n }, {\n key: 'pauseSlide',\n value: function pauseSlide() {\n this.stop();\n this.pause();\n }\n }, {\n key: 'resumeSlide',\n value: function resumeSlide() {\n this.setState({\n autoPlay: this.props.options.auto\n });\n this.play = false;\n this.resume();\n }\n }, {\n key: 'stopAutoPlay',\n value: function stopAutoPlay() {\n if (this.state.autoPlay) {\n this.setState({\n autoPlay: 0\n });\n this.setPos();\n }\n }\n }, {\n key: 'slideTo',\n value: function slideTo() {\n var _swipe;\n\n this.stopAutoPlay();\n (_swipe = this.swipe).slide.apply(_swipe, arguments);\n }\n }, {\n key: 'next',\n value: function next() {\n var currentSlide = this.state.currentSlide;\n\n var numSlides = this.getNumSlides();\n if (currentSlide + 1 === numSlides) {\n this.swipe.slide(0);\n } else {\n this.swipe.next();\n }\n this.setPos();\n }\n }, {\n key: 'prev',\n value: function prev() {\n this.swipe.prev();\n this.setPos();\n }\n }, {\n key: 'prevSlide',\n value: function prevSlide(e) {\n e.preventDefault();\n if (this.state.currentSlide === 0) {\n return;\n }\n this.stopAutoPlay();\n this.prev();\n }\n }, {\n key: 'nextSlide',\n value: function nextSlide(e) {\n e.preventDefault();\n if (this.state.currentSlide + 1 >= this.state.numSlides) {\n return;\n }\n this.stopAutoPlay();\n this.next();\n }\n }, {\n key: 'transitionEnd',\n value: function transitionEnd(index, el) {\n var numSlides = this.getNumSlides();\n if (this.props.callback) this.props.callback(index, el);\n this.setState({\n currentSlide: index >= numSlides ? index - numSlides : index,\n isTransitioning: false\n });\n\n if (!this.play && this.state.autoPlay) {\n this.stop();\n this.resume();\n }\n\n this.setState({ isTransitioning: false });\n }\n }, {\n key: 'renderDotSelectors',\n value: function renderDotSelectors(itemsLen) {\n var _this2 = this;\n\n var _props = this.props,\n className = _props.className,\n trackId = _props.trackId,\n content = _props.content;\n var currentSlide = this.state.currentSlide;\n\n var activeSlide = currentSlide >= itemsLen ? 0 : currentSlide;\n var items = [];\n var listStyle = {\n display: 'inline-block',\n lineHeight: 0\n };\n\n var _loop = function _loop(i) {\n var _cx;\n\n var isActive = activeSlide === i;\n var selectorClass = (0, _classnames2.default)((_cx = {}, _defineProperty(_cx, ORGANISM_NAME + '__dot-selector__button', true), _defineProperty(_cx, ORGANISM_NAME + '__dot-selector__button--active', isActive), _defineProperty(_cx, ORGANISM_NAME + '__dot-selector__button--transitioning', _this2.state.isTransitioning), _defineProperty(_cx, className + '__dot-selector__button', className), _defineProperty(_cx, className + '__dot-selector__button--active', className && isActive), _cx));\n\n items.push(_react2.default.createElement(\n 'li',\n {\n className: className + '__dot-selector__li',\n key: trackId + '-DotSelector-' + i,\n style: listStyle\n },\n _react2.default.createElement('button', {\n 'aria-label': content.goToSlide.text + ' ' + i,\n className: selectorClass,\n onClick: function onClick() {\n _this2.slideTo(i);_this2.setState({ isTransitioning: true });\n },\n 'data-pa-click': trackId + '-DotSelector-Slide' + i,\n id: trackId + '-DotSelector-' + i,\n tabIndex: isActive ? -1 : 0\n })\n ));\n };\n\n for (var i = 0; i < itemsLen; i += 1) {\n _loop(i);\n }\n\n return _react2.default.createElement(\n 'ul',\n {\n onMouseEnter: this.pauseSlide,\n onMouseLeave: this.resumeSlide,\n className: className + '__dot-selector ' + ORGANISM_NAME + '__dot-selector'\n },\n items\n );\n }\n }, {\n key: 'renderSlideCounter',\n value: function renderSlideCounter(itemsLen) {\n var className = this.props.className;\n var currentSlide = this.state.currentSlide;\n\n var activeSlide = currentSlide >= itemsLen ? 1 : currentSlide + 1;\n\n return _react2.default.createElement(\n 'span',\n {\n className: className + '__slide-counter ' + ORGANISM_NAME + '__slide-counter'\n },\n activeSlide + ' / ' + itemsLen\n );\n }\n }, {\n key: 'render',\n value: function render() {\n var _cx2,\n _cx3,\n _this3 = this;\n\n var _props2 = this.props,\n id = _props2.id,\n className = _props2.className,\n styles = _props2.styles,\n trackId = _props2.trackId,\n content = _props2.content;\n\n var leftClass = (0, _classnames2.default)((_cx2 = {}, _defineProperty(_cx2, ORGANISM_NAME + '__arrow', true), _defineProperty(_cx2, ORGANISM_NAME + '__arrow__left', true), _defineProperty(_cx2, ORGANISM_NAME + '__arrow__left--disabled', this.state.currentSlide === 0), _defineProperty(_cx2, className + '__arrow', className), _defineProperty(_cx2, className + '__arrow__left', className), _defineProperty(_cx2, className + '__arrow__left--disabled', className && this.state.currentSlide === 0), _cx2));\n\n var rightClass = (0, _classnames2.default)((_cx3 = {}, _defineProperty(_cx3, ORGANISM_NAME + '__arrow', true), _defineProperty(_cx3, ORGANISM_NAME + '__arrow__right', true), _defineProperty(_cx3, ORGANISM_NAME + '__arrow__right--disabled', this.state.currentSlide + 1 >= this.state.numSlides), _defineProperty(_cx3, className + '__arrow', className), _defineProperty(_cx3, className + '__arrow__right', className), _defineProperty(_cx3, className + '__arrow__right--disabled', className && this.state.currentSlide + 1 >= this.state.numSlides), _cx3));\n\n var children = _react2.default.Children.map(this.props.children, function (child) {\n var element = _react2.default.cloneElement(child, { style: styles.child });\n return element;\n });\n\n var wrapperClasses = (0, _classnames2.default)(_defineProperty({}, ORGANISM_NAME + '__wrapper--no-js', this.state.isLoading), ORGANISM_NAME + '__wrapper', className + '__wrapper');\n\n return _react2.default.createElement(\n 'div',\n {\n className: ORGANISM_NAME + ' ' + className\n },\n _react2.default.createElement(\n 'div',\n {\n ref: function ref(element) {\n _this3.container = element;\n },\n id: id,\n style: styles.container,\n onMouseEnter: this.pauseSlide,\n onMouseLeave: this.resumeSlide,\n onClick: this.stopAutoPlay,\n role: 'none',\n tabIndex: '-1',\n onKeyUp: function onKeyUp() {}\n },\n _react2.default.createElement(\n 'div',\n { className: wrapperClasses, style: styles.wrapper },\n this.state.isLoading ? children[0] : children\n )\n ),\n this.props.children.length > 1 && _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement('button', {\n 'aria-label': content.goToNextSlide.text,\n className: rightClass,\n onClick: this.nextSlide,\n 'data-pa-click': trackId + '-RtArrow-Slide' + this.state.currentSlide,\n tabIndex: this.state.currentSlide + 1 >= this.state.numSlides ? -1 : 0,\n id: trackId + '-RtArrow-' + this.state.currentSlide\n }),\n _react2.default.createElement('button', {\n 'aria-label': content.goToPreviousSlide.text,\n className: leftClass,\n onClick: this.prevSlide,\n 'data-pa-click': trackId + '-LftArrow-Slide' + this.state.currentSlide,\n id: trackId + '-LftArrow-' + this.state.currentSlide,\n tabIndex: this.state.currentSlide === 0 ? -1 : 0\n })\n ),\n this.props.children.length > 1 && (this.props.renderNumberCounter || this.props.children.length > this.props.numberCounterThreshold ? this.renderSlideCounter(this.props.children.length) : this.renderDotSelectors(this.props.children.length))\n );\n }\n }]);\n\n return Carousel;\n}(_react2.default.Component);\n\nexports.default = Carousel;\n\n\nCarousel.propTypes = {\n id: _propTypes2.default.string,\n options: _propTypes2.default.shape({\n startSlide: _propTypes2.default.number,\n speed: _propTypes2.default.number,\n auto: _propTypes2.default.number,\n continuous: _propTypes2.default.bool,\n disableScroll: _propTypes2.default.bool,\n stopPropagation: _propTypes2.default.bool,\n swiping: _propTypes2.default.func,\n callback: _propTypes2.default.func,\n transitionEnd: _propTypes2.default.func\n }),\n styles: _propTypes2.default.shape({\n container: _propTypes2.default.object,\n wrapper: _propTypes2.default.object,\n child: _propTypes2.default.object\n }),\n content: _propTypes2.default.shape({\n goToSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToNextSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToPreviousSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n callback: _propTypes2.default.func,\n className: _propTypes2.default.string.isRequired,\n trackId: _propTypes2.default.string.isRequired,\n numberCounterThreshold: _propTypes2.default.number,\n renderNumberCounter: _propTypes2.default.bool,\n children: _propTypes2.default.node.isRequired,\n stopSliding: _propTypes2.default.bool\n};\n\nCarousel.defaultProps = {\n id: '0',\n options: {\n startSlide: 0,\n speed: 400,\n continuous: false\n },\n styles: {\n container: {\n overflow: 'hidden',\n position: 'relative'\n },\n wrapper: {\n overflow: 'hidden',\n position: 'relative'\n },\n child: {\n float: 'left',\n width: '100%',\n position: 'relative',\n transitionProperty: 'transform'\n }\n },\n content: {\n goToSlide: {\n text: 'Go to slide'\n },\n goToNextSlide: {\n text: 'Go to next slide'\n },\n goToPreviousSlide: {\n text: 'Go to previous slide'\n }\n },\n callback: function callback() {},\n numberCounterThreshold: 6,\n renderNumberCounter: false,\n stopSliding: false\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _themeManager = require('../../../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'commerce-platform-hero';\n\nvar CommercePlatformHero = function (_React$Component) {\n _inherits(CommercePlatformHero, _React$Component);\n\n function CommercePlatformHero() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, CommercePlatformHero);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = CommercePlatformHero.__proto__ || Object.getPrototypeOf(CommercePlatformHero)).call.apply(_ref, [this].concat(args))), _this), _this.renderBrowline = function (browline) {\n if (browline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: 2, className: ORGANISM_NAME + '__browline' },\n htmlToReactParser.parse(browline.text)\n );\n }\n return null;\n }, _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: 1, className: ORGANISM_NAME + '__headline h2' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n }, _this.renderParagraph = function (paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n }, _this.renderCta = function (cta, ctaClasses) {\n if (cta && cta.text) {\n var targetValue = cta.target || '_self';\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n href: cta.href,\n color: cta.color || null,\n className: ctaClasses,\n fpti: _typeof(cta.fpti) === 'object' ? '{\"link\": \"' + _this.props.name + '-' + (cta.type || 'cta') + '-' + (cta.fpti.link || cta.text) + '\",\"event_name\":\"' + cta.fpti.event_name + '\"}' : _this.props.name + '-' + (cta.type || 'cta') + '-' + (cta.fpti || cta.text),\n target: targetValue,\n alt: cta.alt || cta.text\n },\n cta.text\n );\n }\n return null;\n }, _this.renderCtaLine = function (primaryCta, secondaryCta) {\n return _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__cta-line' },\n _this.renderCta(primaryCta, 'pypl-btn--primary'),\n _this.renderCta(secondaryCta, 'pypl-btn--secondary')\n );\n }, _this.renderHatchText = function (hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__hatch-text pp-sans-small-regular' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(CommercePlatformHero, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var theme = 'theme-background-color-white';\n var newProps = (0, _themeManager2.default)({ content: this.props.content }, theme);\n var content = newProps.content;\n var _props = this.props,\n config = _props.config,\n className = _props.className;\n var browline = content.browline,\n headline = content.headline,\n paragraph = content.paragraph,\n primaryCta = content.primaryCta,\n secondaryCta = content.secondaryCta,\n hatchText = content.hatchText;\n\n\n var heroClasses = (0, _classnames2.default)(ORGANISM_NAME, theme, className);\n var rowClasses = \"col-xs-12 center-block text-xs-center\";\n\n return _react2.default.createElement(\n 'section',\n {\n ref: function ref(c) {\n _this2.organismRef = c;\n },\n id: config.id ? config.id : null,\n 'data-building-block': 'organism',\n className: heroClasses\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: rowClasses },\n this.renderBrowline(browline),\n this.renderHeadline(headline),\n this.renderParagraph(paragraph),\n this.renderCtaLine(primaryCta, secondaryCta),\n this.renderHatchText(hatchText)\n )\n )\n )\n );\n }\n }]);\n\n return CommercePlatformHero;\n}(_react2.default.Component);\n\nexports.default = CommercePlatformHero;\n\n\nCommercePlatformHero.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n browline: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n primaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }).isRequired,\n secondaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n name: _propTypes2.default.string,\n className: _propTypes2.default.string\n};\n\nCommercePlatformHero.defaultProps = {\n config: {\n id: ''\n },\n content: {\n browline: {\n text: '29 characters maximum'\n },\n headline: {\n text: '21 characters per line - 2 lines maximum.'\n },\n paragraph: {\n text: '90 characters maximum equal to 4 lines or less on mobile devices is preferred.'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n secondaryCta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n },\n name: 'CommercePlatformHero',\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _themeColors = require('./../themeColors');\n\nvar _themeColors2 = _interopRequireDefault(_themeColors);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ContentHeader = function (_React$Component) {\n _inherits(ContentHeader, _React$Component);\n\n function ContentHeader() {\n _classCallCheck(this, ContentHeader);\n\n return _possibleConstructorReturn(this, (ContentHeader.__proto__ || Object.getPrototypeOf(ContentHeader)).apply(this, arguments));\n }\n\n _createClass(ContentHeader, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n if (typeof window !== 'undefined') {\n var event = Object.assign(new window.Event('DSHeroTheme'), { theme: this.props.config.theme });\n window.dispatchEvent(event);\n }\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(newProps) {\n if (typeof window !== 'undefined') {\n var event = Object.assign(new window.Event('DSHeroTheme'), { theme: newProps.config.theme });\n window.dispatchEvent(event);\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var title = content.title;\n\n\n var classes = (0, _classnames2.default)('content-header', className);\n var themeColor = _themeColors2.default[config.theme || 'theme-background-color-pay-blue'];\n return _react2.default.createElement(\n 'header',\n {\n id: config.id,\n className: classes,\n 'data-building-block': 'organism',\n style: { backgroundColor: themeColor }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-sm-12 content-header__container' },\n _react2.default.createElement(\n 'a',\n {\n href: title.href,\n 'data-pa-click': 'Header-Logo-PayPal Logo',\n className: 'content-header__logo pypl-logo pypl-logo--white pypl-logo--monogram'\n },\n 'PayPal'\n ),\n _react2.default.createElement(\n 'a',\n {\n href: title.href,\n className: 'content-header__title pp-sans-big-light'\n },\n title.text\n )\n )\n )\n )\n );\n }\n }]);\n\n return ContentHeader;\n}(_react2.default.Component);\n\nexports.default = ContentHeader;\n\n\nContentHeader.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n title: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired\n }).isRequired\n }),\n className: _propTypes2.default.string\n};\n\nContentHeader.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-pay-blue'\n },\n content: {\n title: {\n text: 'Content Guidelines',\n href: '#'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = {\n 'theme-background-color-pay-blue': '#003087',\n 'theme-background-color-pal-blue': '#009cde',\n 'theme-background-color-purple': '#640487',\n 'theme-background-color-pink': '#de0063',\n 'theme-background-color-orange': '#ff9600',\n 'theme-background-color-green': '#299976'\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _MPPHeaderRoot = require('./../../header/jsx/components/MPPHeaderRoot');\n\nvar _MPPHeaderRoot2 = _interopRequireDefault(_MPPHeaderRoot);\n\nvar _GlobalHeader2 = require('../../header/jsx/v1/GlobalHeader');\n\nvar _GlobalHeader3 = _interopRequireDefault(_GlobalHeader2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MPPCustomHeader = function (_GlobalHeader) {\n _inherits(MPPCustomHeader, _GlobalHeader);\n\n function MPPCustomHeader() {\n _classCallCheck(this, MPPCustomHeader);\n\n return _possibleConstructorReturn(this, (MPPCustomHeader.__proto__ || Object.getPrototypeOf(MPPCustomHeader)).apply(this, arguments));\n }\n\n _createClass(MPPCustomHeader, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var clickHandlers = {\n handleMenuButton: this.handleMenuButton,\n handleMainLinks: this.handleMainLinks,\n openHeader: this.openHeader,\n closeHeader: this.closeHeader,\n openSubnav: this.openSubnav,\n closeSubnav: this.closeSubnav\n };\n\n return _react2.default.createElement(_MPPHeaderRoot2.default, {\n className: this.props.className,\n getHeaderRef: function getHeaderRef(domNode) {\n _this2.headerRef = domNode;\n },\n content: this.props.content,\n config: this.props.config,\n menuOpen: this.state.isOpen,\n isClosing: this.state.isClosing,\n register: this.registerDropDown,\n activeLink: this.state.activeLink,\n activeLinkIndex: this.state.activeLinkIndex,\n closingLinkIndex: this.state.closingLinkIndex,\n handlers: clickHandlers\n });\n }\n }]);\n\n return MPPCustomHeader;\n}(_GlobalHeader3.default);\n\nexports.default = MPPCustomHeader;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _mediaButton = require('../../../atoms/media-button');\n\nvar _mediaButton2 = _interopRequireDefault(_mediaButton);\n\nvar _appBadges = require('../../../atoms/app-badges');\n\nvar _appBadges2 = _interopRequireDefault(_appBadges);\n\nvar _themeManager = require('../../../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _breakpoints = require('../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'device-hero';\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderMediaButton = function renderMediaButton(mediaButton, isCentered) {\n if (mediaButton && mediaButton.text) {\n var classes = isCentered ? ORGANISM_NAME + '__mediabtn--center' : ORGANISM_NAME + '__mediabtn';\n\n return _react2.default.createElement(\n _mediaButton2.default,\n {\n id: mediaButton.id,\n alt: mediaButton.alt || mediaButton.text,\n name: mediaButton.name || mediaButton.id,\n color: mediaButton.color,\n className: classes,\n fpti: 'DvcHero-MediaBtn-' + (mediaButton.fpti || mediaButton.text),\n 'data-video-id': mediaButton['data-video-id']\n },\n mediaButton.text\n );\n }\n return null;\n};\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: 1, className: ORGANISM_NAME + '__headline h2' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderCta = function renderCta(cta, isCentered) {\n if (cta && cta.text) {\n var classes = isCentered ? ORGANISM_NAME + '__cta--center' : ORGANISM_NAME + '__cta';\n\n var targetValue = cta.target || '_self';\n\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n href: cta.href,\n color: cta.color || null,\n className: classes,\n fpti: 'DvcHero-' + (cta.type || 'cta') + '-' + (cta.fpti || cta.text),\n target: targetValue,\n alt: cta.alt || cta.text,\n name: cta.name || cta.id\n },\n cta.text\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText, isCentered) {\n if (hatchText && hatchText.text) {\n var _cx;\n\n var classes = (0, _classnames2.default)('pp-sans-small-regular', (_cx = {}, _defineProperty(_cx, ORGANISM_NAME + '__hatch-text--center', isCentered === true), _defineProperty(_cx, ORGANISM_NAME + '__hatch-text', isCentered === false), _cx));\n\n return _react2.default.createElement(\n 'p',\n { className: classes },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar DeviceHero = function (_React$Component) {\n _inherits(DeviceHero, _React$Component);\n\n function DeviceHero(props) {\n _classCallCheck(this, DeviceHero);\n\n var _this = _possibleConstructorReturn(this, (DeviceHero.__proto__ || Object.getPrototypeOf(DeviceHero)).call(this, props));\n\n _this.renderParagraph = renderParagraph;\n _this.renderMediaButton = renderMediaButton;\n _this.renderHeadline = renderHeadline;\n _this.renderCta = renderCta;\n _this.renderHatchText = renderHatchText;\n _this.handleResize = _this.handleResize.bind(_this);\n _this.state = {\n viewport: 'dedicated'\n };\n return _this;\n }\n\n _createClass(DeviceHero, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n document.body.className += ' no-overflow-x';\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: 'checkCurrentViewPort',\n value: function checkCurrentViewPort(newWindowWidth) {\n var deviceType = \"dedicated\";\n if (newWindowWidth <= _breakpoints2.default.small) {\n deviceType = 'mobile';\n } else if (newWindowWidth <= _breakpoints2.default.medium) {\n deviceType = 'portable';\n }\n this.setState({ viewport: deviceType });\n }\n }, {\n key: 'handleResize',\n value: function handleResize() {\n var newWindowWidth = this.organismRef ? Math.min(this.organismRef.ownerDocument.defaultView.innerWidth, this.organismRef.ownerDocument.documentElement.clientWidth, this.organismRef.ownerDocument.body.clientWidth) : window.innerWidth;\n\n this.checkCurrentViewPort(newWindowWidth);\n }\n }, {\n key: 'renderBadge',\n value: function renderBadge(clientInfo, isCentered) {\n var appBadgeContent = {\n clientInfo: clientInfo,\n ios: this.props.content.ios,\n android: this.props.content.android\n };\n var classes = isCentered ? ORGANISM_NAME + '__app-badge-wrapper--center' : ORGANISM_NAME + '__app-badge-wrapper';\n\n if (clientInfo && (this.props.content.ios || this.props.content.android)) {\n return _react2.default.createElement(\n 'div',\n { className: classes },\n _react2.default.createElement(_appBadges2.default, appBadgeContent)\n );\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _cx2,\n _cx3,\n _this2 = this;\n\n var theme = this.props.config.theme || 'theme-background-image-dark';\n var newProps = (0, _themeManager2.default)(this.props, theme);\n var content = newProps.content,\n config = newProps.config,\n className = newProps.className;\n var headline = content.headline,\n paragraph = content.paragraph,\n mediaButton = content.mediaButton,\n primaryCta = content.primaryCta,\n secondaryCta = content.secondaryCta,\n hatchText = content.hatchText;\n\n\n var sectionClasses = (0, _classnames2.default)(ORGANISM_NAME + '-organism', className);\n var heroClasses = (0, _classnames2.default)('' + ORGANISM_NAME, className, theme);\n\n var clientInfo = this.props.clientInfo;\n\n\n var backgroundImage = config.backgroundImage && (config.backgroundImage[this.state.viewport] || config.backgroundImage.url);\n\n var deviceImage = config.deviceImage && config.deviceImage.url;\n\n var deviceImageWrapperClass = config.deviceImageSize === 'large' ? 'col-xl-6 hidden-lg-down' : 'col-md-6 col-xl-4';\n\n var deviceImageClass = (0, _classnames2.default)((_cx2 = {}, _defineProperty(_cx2, ORGANISM_NAME + '__device-image--large--right', config.deviceImageSize === 'large' && config.textAlign === 'left'), _defineProperty(_cx2, ORGANISM_NAME + '__device-image--large', config.deviceImageSize === 'large'), _defineProperty(_cx2, ORGANISM_NAME + '__device-image--small', config.deviceImageSize === 'small'), _cx2));\n\n var containerClass = (0, _classnames2.default)((_cx3 = {}, _defineProperty(_cx3, 'container ' + ORGANISM_NAME + '__container--large-padding--right', config.deviceImageSize === 'large' && config.textAlign === 'left'), _defineProperty(_cx3, 'container ' + ORGANISM_NAME + '__container--large-padding', config.deviceImageSize === 'large'), _defineProperty(_cx3, 'container ' + ORGANISM_NAME + '__container--small-padding--right', config.deviceImageSize === 'small' && config.textAlign === 'left'), _defineProperty(_cx3, 'container ' + ORGANISM_NAME + '__container--small-padding', config.deviceImageSize === 'small' && config.textAlign === 'right'), _cx3));\n\n var contentClass = config.deviceImageSize === 'large' ? ORGANISM_NAME + '__container col-xl-6' : ORGANISM_NAME + '__container col-md-6 col-xl-8';\n\n var flexItemClass = config.deviceImageSize === 'large' ? ORGANISM_NAME + '__container__content-flex-item--center' : ORGANISM_NAME + '__container__content-flex-item';\n\n var tabletImageClass = config.deviceImageSize === 'large' ? ORGANISM_NAME + '__device-image-tablet' : 'hidden-xs-up';\n\n var backgroundPosition = config.backgroundImage && config.backgroundPosition;\n\n var backgroundImageStyle = backgroundImage ? {\n backgroundImage: 'url(' + backgroundImage + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n\n var deviceImageStyle = deviceImage ? {\n backgroundImage: 'url(' + deviceImage + ')'\n } : {};\n\n var isCentered = config.deviceImageSize === 'large';\n\n return _react2.default.createElement(\n 'section',\n {\n ref: function ref(c) {\n _this2.organismRef = c;\n },\n id: config.id ? config.id : null,\n 'data-building-block': 'organism',\n className: sectionClasses\n },\n _react2.default.createElement(\n 'div',\n { className: heroClasses, style: backgroundImageStyle },\n _react2.default.createElement(\n 'div',\n { className: containerClass },\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'div',\n { className: deviceImageWrapperClass },\n _react2.default.createElement('div', { className: deviceImageClass, style: deviceImageStyle })\n ),\n _react2.default.createElement(\n 'div',\n { className: contentClass },\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__container__content-flex-wrapper' },\n _react2.default.createElement(\n 'div',\n { className: flexItemClass },\n renderHeadline(headline),\n renderParagraph(paragraph),\n this.renderBadge(clientInfo, isCentered),\n renderMediaButton(mediaButton, isCentered),\n renderCta(primaryCta, isCentered),\n renderCta(secondaryCta, isCentered),\n renderHatchText(hatchText, isCentered)\n )\n )\n )\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement('img', { src: deviceImage, alt: '', className: tabletImageClass })\n )\n );\n }\n }]);\n\n return DeviceHero;\n}(_react2.default.Component);\n\nexports.default = DeviceHero;\n\n\nDeviceHero.propTypes = {\n clientInfo: _propTypes2.default.shape({\n client_os_type: _propTypes2.default.string,\n client_is_mobile: _propTypes2.default.bool,\n client_type: _propTypes2.default.string\n }),\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-image-dark', 'theme-background-image-light', 'theme-background-color-blue', 'theme-new-money']),\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired,\n portable: _propTypes2.default.string.isRequired,\n mobile: _propTypes2.default.string.isRequired\n }),\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right']),\n deviceImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired\n }).isRequired,\n deviceImageSize: _propTypes2.default.oneOf(['small', 'large']),\n textAlign: _propTypes2.default.oneOf(['left', 'right']).isRequired\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n ios: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired\n }),\n android: _propTypes2.default.shape({\n store: _propTypes2.default.oneOf(['google', 'android-store']),\n href: _propTypes2.default.string.isRequired\n }),\n mediaButton: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n alt: _propTypes2.default.string,\n name: _propTypes2.default.string,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n 'data-video-id': _propTypes2.default.string.isRequired\n }),\n primaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }),\n secondaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string\n};\n\nDeviceHero.defaultProps = {\n clientInfo: {\n client_os_type: 'ios',\n client_is_mobile: true,\n client_type: 'dedicated'\n },\n config: {\n id: '',\n backgroundImage: {\n url: '',\n portable: '',\n mobile: ''\n },\n theme: 'theme-background-color-blue',\n backgroundPosition: 'center',\n deviceImage: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/guideline/deviceimage-flatphone-activity.png'\n },\n deviceImageSize: 'small',\n textAlign: 'right'\n },\n content: {\n headline: {\n text: '21 characters per line - 2 lines maximum.'\n },\n paragraph: {\n text: 'In mobile and tablet views, align text to optimize contrast ' + 'with background image. 152 characters maximum.'\n },\n mediaButton: {\n id: '',\n name: '',\n text: '25 characters maximum',\n 'data-video-id': 'lkz4GZgyb9o',\n alt: 'alt Text for media button'\n },\n ios: {\n href: 'https://app.adjust.com/vlx5gy'\n },\n android: {\n store: 'google',\n href: 'https://app.adjust.com/vxullh'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n secondaryCta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _imagePanel = require('../../../molecules/image-panel');\n\nvar _imagePanel2 = _interopRequireDefault(_imagePanel);\n\nvar _panels = require('../../panels');\n\nvar _panels2 = _interopRequireDefault(_panels);\n\nvar _default = require('../props/default');\n\nvar _default2 = _interopRequireDefault(_default);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar DevicePanels = function (_Panels) {\n _inherits(DevicePanels, _Panels);\n\n function DevicePanels() {\n _classCallCheck(this, DevicePanels);\n\n return _possibleConstructorReturn(this, (DevicePanels.__proto__ || Object.getPrototypeOf(DevicePanels)).apply(this, arguments));\n }\n\n _createClass(DevicePanels, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n className = _props.className,\n content = _props.content,\n config = _props.config;\n var items = content.items;\n var id = config.id,\n deviceImage = config.deviceImage,\n backgroundImage = config.backgroundImage;\n var deviceImagePosition = config.deviceImagePosition,\n theme = config.theme;\n\n\n deviceImagePosition = deviceImagePosition || 'right';\n theme = theme || 'theme-background-color-blue-alt';\n\n var deviceImageStyle = {\n backgroundImage: 'url(' + deviceImage + ')',\n backgroundPosition: '' + (deviceImagePosition === 'right' ? 'right center' : 'left center')\n };\n\n var backgroundImageStyle = {\n backgroundImage: 'url(' + backgroundImage + ')'\n };\n\n var panelsClasses = (0, _classnames2.default)(theme, className, 'device-panels', 'panels');\n var children = this.renderDefaultChildren(items);\n\n return _react2.default.createElement(\n 'section',\n {\n id: id,\n className: panelsClasses,\n 'data-building-block': 'organism'\n },\n _react2.default.createElement(\n 'div',\n { className: 'background-layer' },\n _react2.default.createElement('div', { className: 'col-lg-6 col-md-6 col-sm-12 col-xs-12 background-image ' + deviceImagePosition, style: backgroundImageStyle }),\n _react2.default.createElement('div', { className: 'col-lg-6 col-md-6 col-sm-12 col-xs-12 device-image', style: deviceImageStyle })\n ),\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'panels__container' },\n this.renderPanels(children)\n )\n )\n );\n }\n }]);\n\n return DevicePanels;\n}(_panels2.default);\n\nexports.default = DevicePanels;\n\n\nDevicePanels.propTypes = _propTypes2.default.shape({\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-dark', 'theme-background-color-blue-alt', 'theme-background-color-green', 'theme-background-color-pink', 'theme-background-color-purple']),\n deviceImage: _propTypes2.default.string.isRequired,\n backgroundImage: _propTypes2.default.string.isRequired,\n deviceImagePosition: _propTypes2.default.oneOf(['left', 'right']),\n columns: _propTypes2.default.oneOf([2]).isRequired\n }),\n className: _propTypes2.default.string,\n content: _propTypes2.default.shape({\n items: _propTypes2.default.arrayOf(_propTypes2.default.oneOfType([_propTypes2.default.shape(_imagePanel2.default.propTypes)]))\n })\n});\n\nDevicePanels.defaultProps = _default2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _ = require('../../../../');\n\nexports.default = {\n content: {\n items: [_.ImagePanel.defaultProps, _.ImagePanel.defaultProps]\n },\n config: {\n id: 'device-panels',\n theme: 'theme-background-color-blue-alt',\n deviceImage: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/gb/en/misc/right_image.png',\n backgroundImage: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/pages/paypal-me/left-image.png',\n deviceImagePosition: 'right',\n columns: 2\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _markdownIt = require('markdown-it');\n\nvar _markdownIt2 = _interopRequireDefault(_markdownIt);\n\nvar _markdownItSup = require('markdown-it-sup');\n\nvar _markdownItSup2 = _interopRequireDefault(_markdownItSup);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar md = (0, _markdownIt2.default)({\n html: true,\n linkify: false,\n typographer: true\n}).use(_markdownItSup2.default) // Using markdown-it-sup plug-in to enable rendering superscript from for e.g., ^TM^ in markdown\n.disable([// Disabling below features as they are deemed unnecessary for this component\n'blockquote', 'code', 'heading', 'hr', 'lheading', 'list', 'table', 'autolink', 'backticks', 'entity', 'escape', 'newline', 'text']);\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar Disclosure = function (_React$Component) {\n _inherits(Disclosure, _React$Component);\n\n function Disclosure() {\n _classCallCheck(this, Disclosure);\n\n return _possibleConstructorReturn(this, (Disclosure.__proto__ || Object.getPrototypeOf(Disclosure)).apply(this, arguments));\n }\n\n _createClass(Disclosure, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var input = content.input;\n var id = config.id,\n isHTML = config.isHTML,\n theme = config.theme;\n\n\n var ORGANISM_NAME = 'disclosure';\n\n var disclosureClasses = (0, _classnames2.default)('' + ORGANISM_NAME, theme || 'theme-background-color-white', className);\n\n var html = isHTML ? input.text : md.render(input.text);\n\n return _react2.default.createElement(\n 'section',\n { className: disclosureClasses, 'data-building-block': 'organism', id: id },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-12 center-block' },\n _react2.default.createElement(\n 'div',\n null,\n htmlToReactParser.parse(html)\n )\n )\n )\n )\n );\n }\n }]);\n\n return Disclosure;\n}(_react2.default.Component);\n\nexports.default = Disclosure;\n\n\nDisclosure.defaultProps = {\n config: {\n id: '',\n isHTML: false,\n theme: 'theme-background-color-white'\n },\n content: {\n input: {\n text: '* 2,000 characters maximum is recommended. Inciderint mei, eam decore primis cu.\\nNatum omnes neglegentur mel at, numquam delectus Quo legere urbanitas in,\\nmelius corpora eos an, sit ut soluta aperiri gloriatur. Nec scripserit conclusionemque in.\\n\\n** Vel suavitate maiestatis in, nonumes disputando an vis, et mei atqui dolores.\\nQuo id ubique possit reformidans. Sed id eleifend voluptaria.\\nSea ei agam efficiantur, cu dolor noster dissentiet vim. Ut alienum detraxit mel.\\nVirtute feugait est ne, rebum assum cetero vel an. At eam facilisi intellegat.\\n\\n*** Dolor voluptua percipitur no sea, graece integre cotidieque eu mea.\\nSea ad iusto praesent instructior. Ne usu oblique persequeris ullamcorper,\\ncu vidit detracto offendit vim, prompta vocibus iudicabit eos no!\\n\\n^1^Lorem ipsum dolor sit amet, ne accumsan inciderint mei(C), eam decore primis cu^SM^.\\n**Natum Omnes(TM)** [Numquam delectus adipiscing te cum, adhuc Labore Vix(R)](#).'\n }\n },\n className: ''\n};\n\nDisclosure.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n isHTML: _propTypes2.default.bool,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light']).isRequired\n }),\n content: _propTypes2.default.shape({\n input: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n }),\n className: _propTypes2.default.string\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'divider';\n\nvar Divider = function (_React$Component) {\n _inherits(Divider, _React$Component);\n\n function Divider() {\n _classCallCheck(this, Divider);\n\n return _possibleConstructorReturn(this, (Divider.__proto__ || Object.getPrototypeOf(Divider)).apply(this, arguments));\n }\n\n _createClass(Divider, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n config = _props.config,\n className = _props.className;\n var id = config.id,\n theme = config.theme;\n\n\n var sectionClasses = (0, _classnames2.default)(ORGANISM_NAME, className, theme);\n\n return _react2.default.createElement(\n 'div',\n { className: sectionClasses, id: id },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement('hr', { className: ORGANISM_NAME + '__color' })\n )\n );\n }\n }]);\n\n return Divider;\n}(_react2.default.Component);\n\nexports.default = Divider;\n\n\nDivider.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light'])\n }),\n className: _propTypes2.default.string\n};\n\nDivider.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-white'\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _themeColors = require('./themeColors');\n\nvar _themeColors2 = _interopRequireDefault(_themeColors);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar DSHeader = function (_React$Component) {\n _inherits(DSHeader, _React$Component);\n\n function DSHeader() {\n _classCallCheck(this, DSHeader);\n\n return _possibleConstructorReturn(this, (DSHeader.__proto__ || Object.getPrototypeOf(DSHeader)).apply(this, arguments));\n }\n\n _createClass(DSHeader, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n if (typeof window !== 'undefined') {\n var event = Object.assign(new window.Event('DSHeroTheme'), {\n theme: this.props.config.theme\n });\n window.dispatchEvent(event);\n }\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(newProps) {\n if (typeof window !== 'undefined') {\n var event = Object.assign(new window.Event('DSHeroTheme'), {\n theme: newProps.config.theme\n });\n window.dispatchEvent(event);\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var title = content.title;\n\n\n var classes = (0, _classnames2.default)('ds-header', className);\n\n var themeColor = _themeColors2.default[config.theme || 'theme-background-color-pay-blue'];\n return _react2.default.createElement(\n 'header',\n {\n id: config.id,\n className: classes,\n 'data-building-block': 'organism',\n style: { backgroundColor: themeColor }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-sm-12 ds-header__container' },\n _react2.default.createElement(\n 'a',\n {\n href: title.href,\n 'data-pa-click': 'Header-Logo-PayPal Logo',\n className: 'ds-header__logo pypl-logo pypl-logo--white pypl-logo--monogram'\n },\n 'PayPal'\n ),\n _react2.default.createElement(\n 'a',\n { href: title.href, className: 'ds-header__title pp-sans-big-light' },\n title.text\n )\n )\n )\n )\n );\n }\n }]);\n\n return DSHeader;\n}(_react2.default.Component);\n\nexports.default = DSHeader;\n\n\nDSHeader.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n title: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired\n }).isRequired\n }),\n className: _propTypes2.default.string\n};\n\nDSHeader.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-pay-blue'\n },\n content: {\n title: {\n text: 'Design System Guidelines',\n href: '/webapps/mpp/guidelines'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = {\n 'theme-background-color-pay-blue': '#003087',\n 'theme-background-color-pal-blue': '#009cde',\n 'theme-background-color-purple': '#640487',\n 'theme-background-color-pink': '#de0063',\n 'theme-background-color-orange': '#ff9600',\n 'theme-background-color-green': '#299976'\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _MPPHeading = require('../../atoms/heading/jsx/MPPHeading');\n\nvar _MPPHeading2 = _interopRequireDefault(_MPPHeading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar DSHero = function (_React$Component) {\n _inherits(DSHero, _React$Component);\n\n function DSHero() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, DSHero);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = DSHero.__proto__ || Object.getPrototypeOf(DSHero)).call.apply(_ref, [this].concat(args))), _this), _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n _MPPHeading2.default,\n { level: '1', className: 'ds-hero__headline' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n }, _this.renderParagraph = function (paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: 'ds-hero__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n }, _this.renderHatchText = function (hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: 'ds-hero__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(DSHero, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var headline = content.headline,\n paragraph = content.paragraph,\n hatchText = content.hatchText;\n\n var classes = (0, _classnames2.default)('ds-hero', config.theme, className);\n\n return _react2.default.createElement(\n 'section',\n { id: config.id, className: classes, 'data-building-block': 'organism' },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-sm-8' },\n this.renderHeadline(headline),\n this.renderParagraph(paragraph),\n this.renderHatchText(hatchText)\n )\n )\n )\n );\n }\n }]);\n\n return DSHero;\n}(_react2.default.Component);\n\nexports.default = DSHero;\n\n\nDSHero.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string\n })\n }),\n className: _propTypes2.default.string\n};\n\nDSHero.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-light'\n },\n content: {\n headline: {\n text: '34 characters maximum'\n },\n paragraph: {\n text: '90 characters maximum equal to 4 lines or less on mobile devices is preferred.'\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _appBadges = require('../../../atoms/app-badges');\n\nvar _appBadges2 = _interopRequireDefault(_appBadges);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'editorial';\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n var fontSize = headline.headlineSize || null;\n var fontClass = (0, _classnames2.default)('editorial__headline', fontSize);\n return _react2.default.createElement(\n _heading2.default,\n { level: headline.level ? headline.level : \"2\", className: fontClass },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: 'editorial__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: 'editorial__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar renderBadge = function renderBadge(content, clientInfo) {\n var appBadgeContent = {\n clientInfo: clientInfo,\n ios: content.ios,\n android: content.android\n };\n var classes = ORGANISM_NAME + '__app-badge-wrapper';\n if (clientInfo && (content.ios || content.android)) {\n return _react2.default.createElement(\n 'div',\n { className: classes },\n _react2.default.createElement(_appBadges2.default, appBadgeContent)\n );\n }\n return null;\n};\n\nvar renderContentSection = function renderContentSection(content, clientInfo) {\n var headline = content.headline,\n paragraph = content.paragraph,\n hatchText = content.hatchText;\n\n\n return _react2.default.createElement(\n 'div',\n {\n className: 'col-xs-12 col-md-6 editorial__container editorial__text text-xs-center text-md-left'\n },\n renderHeadline(headline),\n renderParagraph(paragraph),\n renderBadge(content, clientInfo),\n renderHatchText(hatchText)\n );\n};\n\nvar Editorial = function (_React$Component) {\n _inherits(Editorial, _React$Component);\n\n function Editorial(props) {\n _classCallCheck(this, Editorial);\n\n // adding references in case this component is extended\n var _this = _possibleConstructorReturn(this, (Editorial.__proto__ || Object.getPrototypeOf(Editorial)).call(this, props));\n\n _this.renderHeadline = renderHeadline;\n _this.renderParagraph = renderParagraph;\n _this.renderHatchText = renderHatchText;\n _this.renderContentSection = renderContentSection;\n _this.state = {\n showImages: false\n };\n return _this;\n }\n\n _createClass(Editorial, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'renderImage',\n value: function renderImage(image) {\n if (this.state.showImages && image && image.src) {\n return _react2.default.createElement('img', { className: 'editorial__image', src: image.src, alt: image.alt || null });\n }\n return null;\n }\n }, {\n key: 'renderImageSection',\n value: function renderImageSection(deviceImage) {\n return _react2.default.createElement(\n 'div',\n {\n className: 'col-md-6 hidden-sm-down text-xs-center editorial__container editorial__device-image'\n },\n this.renderImage(deviceImage)\n );\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n config = _props.config,\n content = _props.content,\n className = _props.className,\n clientInfo = _props.clientInfo;\n var id = config.id,\n theme = config.theme,\n textPosition = config.textPosition,\n backgroundImage = config.backgroundImage,\n backgroundPosition = config.backgroundPosition;\n var deviceImage = content.deviceImage;\n\n\n var editorialClasses = (0, _classnames2.default)('editorial', theme, className);\n\n var backgroundImageStyle = this.state.showImages && backgroundImage && backgroundImage.url ? {\n backgroundImage: 'url(' + backgroundImage.url + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n\n return _react2.default.createElement(\n 'section',\n {\n id: id,\n className: editorialClasses,\n 'data-building-block': 'organism',\n style: backgroundImageStyle,\n ref: function ref(el) {\n _this2.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n textPosition === 'right' ? _react2.default.createElement(\n 'div',\n { className: 'row' },\n this.renderImageSection(deviceImage),\n renderContentSection(content, clientInfo)\n ) : _react2.default.createElement(\n 'div',\n { className: 'row' },\n renderContentSection(content, clientInfo),\n this.renderImageSection(deviceImage)\n )\n )\n );\n }\n }]);\n\n return Editorial;\n}(_react2.default.Component);\n\nexports.default = Editorial;\n\n\nEditorial.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light', 'theme-background-image-dark', 'theme-background-image-light']).isRequired,\n textPosition: _propTypes2.default.oneOf(['left', 'right']),\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired\n }),\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right'])\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n deviceImage: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n ios: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n android: _propTypes2.default.shape({\n store: _propTypes2.default.oneOf(['google', 'android-store']),\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n })\n }),\n className: _propTypes2.default.string,\n clientInfo: _propTypes2.default.shape({\n client_os_type: _propTypes2.default.string,\n client_is_mobile: _propTypes2.default.bool,\n client_type: _propTypes2.default.string\n })\n};\n\nEditorial.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-image-dark',\n textPosition: 'left',\n backgroundImage: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/de/de/passport/home/01_Home_Hero.jpg'\n },\n backgroundPosition: 'center'\n },\n content: {\n headline: {\n text: '36 characters maximum or 2 lines.'\n },\n paragraph: {\n text: '120 characters maximum per line for paragraphs, ' + 'using text blocks equal in height to optional device images.'\n },\n deviceImage: {\n src: 'https://www.paypalobjects.com/webstatic/en_US/mktg/wright/mobile-apps/narr_sendmoney_enus_1x.png',\n alt: 'Text should describe the \"device image\" example.'\n },\n hatchText: {\n text: '34 characters maximum per line'\n },\n ios: {\n href: 'https://app.adjust.com/vlx5gy',\n fpti: 'editorial'\n },\n android: {\n store: 'google',\n href: 'https://app.adjust.com/vxullh',\n fpti: 'editorial'\n }\n },\n className: '',\n clientInfo: {\n client_os_type: 'ios',\n client_is_mobile: true,\n client_type: 'dedicated'\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _breakpoints = require('../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nvar _editorial = require('../../../organisms/editorial');\n\nvar _editorial2 = _interopRequireDefault(_editorial);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _modal = require('../../../organisms/modal');\n\nvar _modal2 = _interopRequireDefault(_modal);\n\nvar _themeManager = require('../../../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\nvar ORGANISM_NAME = 'enhanced-editorial';\n\nvar renderCta = function renderCta(cta, color) {\n if (cta && cta.text) {\n var targetValue = cta.target || '_self';\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n href: cta.href,\n color: color || cta.color || null,\n className: ORGANISM_NAME + '__cta',\n fpti: 'EnhcdEdtrl-' + (cta.type || 'cta') + '-' + (cta.fpti || cta.text),\n target: targetValue,\n alt: cta.alt || cta.text\n },\n cta.text\n );\n }\n return null;\n};\n\nvar renderLegalText = function renderLegalText(legalText) {\n if (legalText && legalText.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__notes legal-notes' },\n htmlToReactParser.parse(legalText.text)\n );\n }\n return null;\n};\n\nvar EnhancedEditorial = function (_Editorial) {\n _inherits(EnhancedEditorial, _Editorial);\n\n function EnhancedEditorial(props) {\n _classCallCheck(this, EnhancedEditorial);\n\n var _this = _possibleConstructorReturn(this, (EnhancedEditorial.__proto__ || Object.getPrototypeOf(EnhancedEditorial)).call(this, props));\n\n _this.handleScroll = _this.handleScroll.bind(_this);\n // adding references in case this component is extended\n _this.renderCta = renderCta;\n _this.renderEnhancedContentSection = _this.renderEnhancedContentSection.bind(_this);\n _this.renderLegalText = renderLegalText;\n _this.renderInteractiveImages = _this.renderInteractiveImages.bind(_this);\n _this.handleResize = _this.handleResize.bind(_this);\n _this.handelImageInteraction = _this.handelImageInteraction.bind(_this);\n _this.state = {\n showImages: false,\n isMobile: false,\n showModal: false,\n modelContent: []\n };\n return _this;\n }\n\n _createClass(EnhancedEditorial, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n var domRect = this.sectionElement && this.sectionElement.getBoundingClientRect();\n if (domRect && window.innerHeight - domRect.top >= 0) {\n this.enableEnchancedImages();\n return;\n }\n window.addEventListener('scroll', this.handleScroll);\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n window.removeEventListener('scroll', this.handleScroll);\n }\n }, {\n key: 'renderEnhancedContentSection',\n value: function renderEnhancedContentSection(content, isMobile) {\n var headline = content.headline,\n paragraph = content.paragraph,\n hatchText = content.hatchText,\n primaryCta = content.primaryCta,\n secondaryCta = content.secondaryCta;\n\n return _react2.default.createElement(\n 'div',\n {\n className: 'col-xs-12 col-md-6\\n ' + ORGANISM_NAME + '__container ' + ORGANISM_NAME + '__text\\n text-xs-center text-md-left'\n },\n this.renderHeadline(headline),\n this.renderParagraph(paragraph),\n renderCta(primaryCta),\n isMobile ? renderCta(secondaryCta, 'outline-blue') : renderCta(secondaryCta),\n this.renderHatchText(hatchText)\n );\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'handleScroll',\n value: function handleScroll() {\n window.removeEventListener('scroll', this.handleScroll);\n this.enableImages();\n }\n }, {\n key: 'handelImageInteraction',\n value: function handelImageInteraction(event, href) {\n event.preventDefault();\n if (href.includes('#')) {\n var targetNode = document.querySelector(href);\n if (targetNode) targetNode.scrollIntoView({ behavior: 'smooth' });\n return;\n }\n var modelContent = _react.Children.toArray(this.props.children).filter(function (child) {\n return child.props.id === href;\n });\n this.setState({\n showModal: true,\n modelContent: modelContent\n });\n }\n }, {\n key: 'handleResize',\n value: function handleResize() {\n var newWindowWidth = Math.min(this.organismRef.ownerDocument.defaultView.innerWidth, this.organismRef.ownerDocument.documentElement.clientWidth, this.organismRef.ownerDocument.body.clientWidth);\n if (newWindowWidth >= _breakpoints2.default.medium) {\n if (this.state.isMobile) {\n this.setState({\n isMobile: false\n });\n }\n } else if (!this.state.isMobile) {\n this.setState({\n isMobile: true\n });\n }\n }\n }, {\n key: 'enableEnchancedImages',\n value: function enableEnchancedImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'renderImage',\n value: function renderImage(image) {\n if (this.state.showImages && image && image.src) {\n return _react2.default.createElement('img', { className: ORGANISM_NAME + '__image', src: image.src, alt: image.alt || null });\n }\n return null;\n }\n }, {\n key: 'renderImageSection',\n value: function renderImageSection(deviceImage, images, isInteractiveImages, isNotDesktop) {\n var hideInMobile = isInteractiveImages && isNotDesktop ? '' : ' hidden-sm-down';\n return _react2.default.createElement(\n 'div',\n {\n className: 'col-md-6\\n ' + hideInMobile + ' text-xs-center\\n ' + ORGANISM_NAME + '__container ' + ORGANISM_NAME + '__device-image'\n },\n isInteractiveImages ? this.renderInteractiveImages(images) : this.renderImage(deviceImage)\n );\n }\n }, {\n key: 'renderInteractiveImages',\n value: function renderInteractiveImages(images) {\n var _this2 = this;\n\n if (images.length) {\n var isMobile = this.state.isMobile;\n\n var imageClass = isMobile ? 'col-lg-3 col-md-3 col-xs-6 col-sm-6' : 'col-lg-6 col-md-6 col-xs-12 col-sm-12';\n return images.map(function (partner, index) {\n var href = partner.href,\n fpti = partner.fpti,\n alt = partner.alt,\n src = partner.src;\n\n var anchorAttributes = {};\n if (href && href.includes('http')) {\n anchorAttributes.target = '_blank';\n } else {\n anchorAttributes.onClick = function (event) {\n return _this2.handelImageInteraction(event, href);\n };\n }\n return _react2.default.createElement(\n 'a',\n _extends({\n key: index,\n 'data-pa-click': 'EnhcdEdtrl-' + fpti\n }, anchorAttributes, {\n href: href,\n className: (isMobile ? ORGANISM_NAME + '__intimage' : '') + ' ' + imageClass,\n 'pa-marked': '1'\n }),\n _react2.default.createElement('img', { src: src, alt: alt })\n );\n });\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this3 = this;\n\n var theme = this.props.config.theme || 'theme-background-image-dark';\n var processContent = {\n content: this.props.content\n };\n var newProps = (0, _themeManager2.default)(processContent, theme);\n var content = newProps.content;\n var _props = this.props,\n config = _props.config,\n className = _props.className;\n var id = config.id,\n textPosition = config.textPosition,\n backgroundImage = config.backgroundImage,\n backgroundPosition = config.backgroundPosition,\n isInteractiveImages = config.isInteractiveImages;\n var isMobile = this.state.isMobile;\n\n\n var backgroundImageStyle = {\n background: '#fff',\n color: '#000'\n };\n\n var deviceImage = content.deviceImage,\n legalText = content.legalText,\n images = content.images;\n\n var enchdedtrClasses = (0, _classnames2.default)('' + ORGANISM_NAME, theme, className);\n\n if (isMobile === false) {\n backgroundImageStyle = this.state.showImages && backgroundImage && backgroundImage.url ? {\n backgroundImage: 'url(' + backgroundImage.url + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n }\n\n var bgPortableImageStyle = backgroundImage && backgroundImage.portableURL ? {\n backgroundImage: 'url(' + backgroundImage.portableURL + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n\n var bgMobileImageStyle = backgroundImage && backgroundImage.mobileURL ? {\n backgroundImage: 'url(' + backgroundImage.mobileURL + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n return _react2.default.createElement(\n 'section',\n {\n id: id,\n className: enchdedtrClasses,\n 'data-building-block': 'organism',\n style: backgroundImageStyle,\n ref: function ref(c) {\n _this3.organismRef = c;\n }\n },\n backgroundImage.portableURL ? _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__portable ' + ORGANISM_NAME + '__bg', style: bgPortableImageStyle },\n '\\xA0',\n isMobile ? this.renderImageSection(deviceImage, images, isInteractiveImages, true) : null\n ) : null,\n backgroundImage.mobileURL ? _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__mobile ' + ORGANISM_NAME + '__bg', style: bgMobileImageStyle },\n '\\xA0',\n isMobile ? this.renderImageSection(deviceImage, images, isInteractiveImages, true) : null\n ) : null,\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n textPosition === 'right' ? _react2.default.createElement(\n 'div',\n { className: 'row' },\n this.renderImageSection(deviceImage, images, isInteractiveImages),\n this.renderEnhancedContentSection(content, isMobile)\n ) : _react2.default.createElement(\n 'div',\n { className: 'row' },\n this.renderEnhancedContentSection(content, isMobile),\n this.renderImageSection(deviceImage, images, isInteractiveImages)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-12 col-md-12 ' + ORGANISM_NAME + '__legal-text text-xs-center floatLeft' },\n this.renderLegalText(legalText)\n )\n ),\n _react2.default.createElement(\n _modal2.default,\n { show: this.state.showModal, closeModal: function closeModal() {\n return _this3.setState({ showModal: false });\n } },\n _react2.default.createElement(\n _react2.default.Fragment,\n null,\n this.state.modelContent\n )\n )\n )\n );\n }\n }]);\n\n return EnhancedEditorial;\n}(_editorial2.default);\n\nexports.default = EnhancedEditorial;\n\n\nEnhancedEditorial.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light', 'theme-background-image-dark', 'theme-background-image-light']).isRequired,\n textPosition: _propTypes2.default.oneOf(['left', 'right']),\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired,\n mobileURL: _propTypes2.default.string,\n portableURL: _propTypes2.default.string\n }),\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right']),\n isInteractiveImages: _propTypes2.default.bool\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n deviceImage: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }),\n images: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n fpti: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n })),\n primaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }),\n secondaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n legalText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string\n};\n\nEnhancedEditorial.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-image-dark',\n textPosition: 'left',\n backgroundImage: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/de/de/passport/home/01_Home_Hero.jpg',\n mobileURL: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/de/de/passport/home/01_Home_Hero.jpg',\n portableURL: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/de/de/passport/home/01_Home_Hero.jpg'\n },\n backgroundPosition: 'center',\n isInteractiveImages: false\n },\n content: {\n headline: {\n text: '36 characters maximum or 2 lines.'\n },\n paragraph: {\n text: '120 characters maximum per line for paragraphs, ' + 'using text blocks equal in height to optional device images.'\n },\n deviceImage: {\n src: 'https://www.paypalobjects.com/webstatic/en_US/mktg/wright/mobile-apps/narr_sendmoney_enus_1x.png',\n alt: 'Text should describe the \"device image\" example.'\n },\n images: [{\n fpti: 'magneto',\n href: 'http://www.3dcart.com/paypal-landing-page.html?utm&utm_source=PROpage&utm_medium=Clickable%20logo&utm_campaign=3dcartlogo',\n src: 'https://www.paypalobjects.com/webstatic/mktg/logos/magento-logo-pro.png',\n alt: 'magneto'\n }, {\n fpti: 'miva',\n href: '#test2',\n src: 'https://www.paypalobjects.com/webstatic/mktg/logos/miva-logo.png',\n alt: 'miva'\n }, {\n fpti: '3dcart',\n href: 'test',\n src: 'https://www.paypalobjects.com/webstatic/mktg/shopping-cart/Shopify_logo_white.png',\n alt: '3dcart'\n }, {\n fpti: 'shopify',\n href: 'http://www.3dcart.com/paypal-landing-page.html?utm&utm_source=PROpage&utm_medium=Clickable%20logo&utm_campaign=3dcartlogo',\n src: 'https://www.paypalobjects.com/webstatic/mktg/shopping-cart/Shopify_logo_white.png',\n alt: 'shopify'\n }],\n primaryCta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n secondaryCta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n hatchText: {\n text: '34 characters maximum per line'\n },\n legalText: {\n text: '64 characters maximum per line'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar columnConfig = {\n 1: 'col-md-12',\n 2: 'col-md-6',\n 3: 'col-md-4',\n 4: 'col-md-3'\n};\n\nvar getColumnConfig = function getColumnConfig() {\n var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 4;\n return columnConfig[value];\n};\n\nvar renderAnchorGroups = function renderAnchorGroups(group, groupIndex) {\n if (group) {\n var groupKey = '' + group.headline.text + groupIndex;\n return _react2.default.createElement(\n 'div',\n { key: groupKey },\n _react2.default.createElement(\n _heading2.default,\n { level: '4', className: 'enhanced-footer__column-headline' },\n htmlToReactParser.parse(group.headline.text)\n ),\n _react2.default.createElement(\n 'ul',\n null,\n group.items.map(function (item, itemIndex) {\n var itemKey = '' + item.link.text + itemIndex;\n return _react2.default.createElement(\n 'li',\n { key: itemKey },\n _react2.default.createElement(\n 'a',\n {\n className: 'enhanced-footer__link',\n href: item.link.href\n // adding null to prevent empty target attribute to be created\n , target: item.link.target || null,\n 'data-pa-click': 'enhanced-footer-Link-' + item.link.text\n },\n item.link.text\n )\n );\n })\n )\n );\n }\n return null;\n};\n\nvar renderSelectGroups = function renderSelectGroups(group, groupIndex) {\n if (group) {\n var groupKey = '' + group.headline.text + groupIndex;\n return _react2.default.createElement(\n 'optgroup',\n { label: group.headline.text, key: groupKey },\n group.items.map(function (item, itemIndex) {\n var itemKey = '' + item.link.text + itemIndex;\n return _react2.default.createElement(\n 'option',\n { value: item.link.href, key: itemKey },\n item.link.text\n );\n })\n );\n }\n return null;\n};\n\nvar processAnchorGroups = function processAnchorGroups(columns, properties) {\n if (columns) {\n var columnClass = (0, _classnames2.default)('column-container', getColumnConfig(properties.config.numberOfColumns));\n return columns.map(function (column, columnIndex) {\n var renderedGroups = column.groups.map(function (group, idx) {\n return renderAnchorGroups(group, idx);\n });\n var columnKey = '' + columnIndex + column.groups[0].headline.text;\n return _react2.default.createElement(\n 'div',\n { className: columnClass, key: columnKey },\n renderedGroups\n );\n });\n }\n return null;\n};\n\nvar handleSelectChange = function handleSelectChange(e) {\n e.preventDefault();\n if (e.currentTarget && e.currentTarget.value) {\n window.location.href = e.currentTarget.value;\n }\n};\n\nvar renderSelect = function renderSelect(groups, properties) {\n if (groups) {\n return _react2.default.createElement(\n 'div',\n { className: 'select-container enhanced-footer__select-wrapper col-xs-12 center-block' },\n _react2.default.createElement(\n 'select',\n { className: 'enhanced-footer__select', 'aria-label': 'enhanced-footer-select', onChange: handleSelectChange },\n _react2.default.createElement(\n 'option',\n null,\n properties.content.select.text\n ),\n groups\n )\n );\n }\n return null;\n};\n\nvar processSelectGroups = function processSelectGroups(columns, props) {\n if (columns) {\n var selectGroups = columns.map(function (column) {\n return column.groups.map(function (group, idx) {\n return renderSelectGroups(group, idx);\n });\n });\n return renderSelect(selectGroups, props);\n }\n return null;\n};\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n 'div',\n { className: 'col-md-12' },\n _react2.default.createElement(\n _heading2.default,\n {\n level: '3',\n className: 'enhanced-footer__headline text-lg-left text-md-center text-xs-center'\n },\n htmlToReactParser.parse(headline.text)\n )\n );\n }\n return null;\n};\n\nvar EnhancedFooter = function (_React$Component) {\n _inherits(EnhancedFooter, _React$Component);\n\n function EnhancedFooter() {\n _classCallCheck(this, EnhancedFooter);\n\n return _possibleConstructorReturn(this, (EnhancedFooter.__proto__ || Object.getPrototypeOf(EnhancedFooter)).apply(this, arguments));\n }\n\n _createClass(EnhancedFooter, [{\n key: 'render',\n value: function render() {\n var _props$content = this.props.content,\n headline = _props$content.headline,\n columns = _props$content.columns;\n var id = this.props.config.id;\n\n\n var enhancedFooterClasses = (0, _classnames2.default)('enhanced-footer', this.props.className);\n return _react2.default.createElement(\n 'section',\n { id: id, className: enhancedFooterClasses, 'data-building-block': 'organism' },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n renderHeadline(headline)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'row enhanced-footer__select-container hidden-md-up' },\n processSelectGroups(columns, this.props)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'row enhanced-footer__anchor-container' },\n processAnchorGroups(columns, this.props)\n )\n )\n );\n }\n }]);\n\n return EnhancedFooter;\n}(_react2.default.Component);\n\nexports.default = EnhancedFooter;\n\n\nEnhancedFooter.propTypes = {\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n select: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n columns: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n groups: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n items: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n link: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n target: _propTypes2.default.string\n })\n })).isRequired\n }))\n })).isRequired\n }),\n config: _propTypes2.default.shape({\n numberOfColumns: _propTypes2.default.oneOf([1, 2, 3, 4]).isRequired,\n id: _propTypes2.default.string\n }),\n className: _propTypes2.default.string\n};\n\nEnhancedFooter.defaultProps = {\n content: {\n headline: {\n text: '44 Characters or Less to Fit On One Line'\n },\n select: {\n text: '27 Characters Max in Mobile'\n },\n columns: [{\n groups: [{\n headline: {\n text: 'Fewer than 28 characters'\n },\n items: [{\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '/webapps/mpp/express-checkout',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '/webapps/mpp/payflow-payment-gateway',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '/webapps/mpp/website-payments-standard',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '/webapps/mpp/payments-pro-hosted',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '/webapps/mpp/braintree',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '/webapps/mpp/sell-on-ebay',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '/webapps/mpp/payment-solutions',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }]\n }]\n }, {\n groups: [{\n headline: {\n text: 'Fewer than 28 characters'\n },\n items: [{\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '/webapps/mpp/subscriptions',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }]\n }, {\n headline: {\n text: 'Fewer than 28 characters'\n },\n items: [{\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }]\n }]\n }, {\n groups: [{\n headline: {\n text: 'Fewer than 28 characters'\n },\n items: [{\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: '_blank'\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }]\n }]\n }, {\n groups: [{\n headline: {\n text: 'Fewer than 28 characters'\n },\n items: [{\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: ''\n }\n }, {\n link: {\n text: '40 Characters or Less to Fit On One Line',\n href: '#',\n target: '_blank'\n }\n }]\n }]\n }]\n },\n config: {\n numberOfColumns: 4,\n id: 'EnhancedFooter'\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar locales = [{\n country: 'ar',\n language: 'en',\n label: 'Argentina (English)'\n}, {\n country: 'ar',\n language: 'es',\n label: 'Argentina (español)'\n}, {\n country: 'au',\n language: 'en',\n label: 'Australia (English)'\n}, {\n country: 'at',\n language: 'en',\n label: 'Austria (English)'\n}, {\n country: 'at',\n language: 'de',\n label: 'Österreich (Deutsch)'\n}, {\n country: 'be',\n language: 'en',\n label: 'Belgium (English)'\n}, {\n country: 'be',\n language: 'nl',\n label: 'België (Nederlands)'\n}, {\n country: 'be',\n language: 'fr',\n label: 'Belgique (français)'\n}, {\n country: 'br',\n language: 'en',\n label: 'Brazil (English)'\n}, {\n country: 'br',\n language: 'pt',\n label: 'Brasil (Português)'\n}, {\n country: 'ca',\n language: 'en',\n label: 'Canada (English)'\n}, {\n country: 'ca',\n language: 'fr',\n label: 'Canada (français)'\n}, {\n country: 'c2',\n language: 'en',\n label: 'China Worldwide (English)'\n}, {\n country: 'c2',\n language: 'zh',\n label: '中国 (中文)'\n}, {\n country: 'cz',\n language: 'en',\n label: 'Czech Republic (English)'\n}, {\n country: 'cz',\n language: 'cs',\n label: 'Česká republika (čeština)'\n}, {\n country: 'dk',\n language: 'en',\n label: 'Denmark (English)'\n}, {\n country: 'dk',\n language: 'da',\n label: 'Danmark (dansk)'\n}, {\n country: 'ie',\n language: 'en',\n label: 'European Union (English)'\n}, {\n country: 'va',\n language: 'en',\n label: 'European Union - Send Only (English)'\n}, {\n country: 'fi',\n language: 'en',\n label: 'Finland (English)'\n}, {\n country: 'fi',\n language: 'fi',\n label: 'Suomi (suomi)'\n}, {\n country: 'fr',\n language: 'en',\n label: 'France (English)'\n}, {\n country: 'fr',\n language: 'fr',\n label: 'France (français)'\n}, {\n country: 'de',\n language: 'en',\n label: 'Germany (English)'\n}, {\n country: 'de',\n language: 'de',\n label: 'Deutschland (Deutsch)'\n}, {\n country: 'gr',\n language: 'en',\n label: 'Greece (English)'\n}, {\n country: 'gr',\n language: 'el',\n label: 'Ελλάδα (Ελληνικά)'\n}, {\n country: 'hk',\n language: 'en',\n label: 'Hong Kong (English)'\n}, {\n country: 'hk',\n language: 'zh',\n label: '中華人民共和國香港特別行政區 (中文)'\n}, {\n country: 'hu',\n language: 'en',\n label: 'Hungary (English)'\n}, {\n country: 'hu',\n language: 'hu',\n label: 'Magyarország (magyar)'\n}, {\n country: 'in',\n language: 'en',\n label: 'India (English)'\n}, {\n country: 'il',\n language: 'en',\n label: 'Israel (English)'\n}, {\n country: 'il',\n language: 'he',\n label: 'ישראל (בעברית)',\n dir: 'rtl'\n}, {\n country: 'it',\n language: 'en',\n label: 'Italy (English)'\n}, {\n country: 'it',\n language: 'it',\n label: 'Italia (Italiano)'\n}, {\n country: 'jp',\n language: 'en',\n label: 'Japan (English)'\n}, {\n country: 'jp',\n language: 'ja',\n label: '日本 (日本語)'\n}, {\n country: 'kr',\n language: 'en',\n label: 'Korea (English)'\n}, {\n country: 'kr',\n language: 'ko',\n label: '한국 (한국어)'\n}, {\n country: 'lu',\n language: 'en',\n label: 'Luxembourg (English)'\n}, {\n country: 'mx',\n language: 'en',\n label: 'Mexico (English)'\n}, {\n country: 'mx',\n language: 'es',\n label: 'Mexico (Español)'\n}, {\n country: 'nl',\n language: 'en',\n label: 'Netherlands (English)'\n}, {\n country: 'nl',\n language: 'nl',\n label: 'Nederland (Nederlands)'\n}, {\n country: 'no',\n language: 'en',\n label: 'Norway (English)'\n}, {\n country: 'no',\n language: 'no',\n label: 'Norge (norsk bokmål)'\n}, {\n country: 'pl',\n language: 'en',\n label: 'Poland (English)'\n}, {\n country: 'pl',\n language: 'pl',\n label: 'Polska (polski)'\n}, {\n country: 'pt',\n language: 'en',\n label: 'Portugal (English)'\n}, {\n country: 'pt',\n language: 'pt',\n label: 'Portugal (português)'\n}, {\n country: 'ro',\n language: 'en',\n label: 'Romania (English)'\n}, {\n country: 'ro',\n language: 'ro',\n label: 'România (Română)'\n}, {\n country: 'ru',\n language: 'en',\n label: 'Russia (English)'\n}, {\n country: 'ru',\n language: 'ru',\n label: 'Россия (русский)'\n}, {\n country: 'sk',\n language: 'en',\n label: 'Slovakia (English)'\n}, {\n country: 'sk',\n language: 'sk',\n label: 'Slovensko (slovenčina)'\n}, {\n country: 'es',\n language: 'en',\n label: 'Spain (English)'\n}, {\n country: 'es',\n language: 'es',\n label: 'España (español)'\n}, {\n country: 'se',\n language: 'en',\n label: 'Sweden (English)'\n}, {\n country: 'se',\n language: 'sv',\n label: 'Sverige (svenska)'\n}, {\n country: 'th',\n language: 'en',\n label: 'Thailand (English)'\n}, {\n country: 'th',\n language: 'th',\n label: 'ประเทศไทย (ไทย)'\n}, {\n country: 'ch',\n language: 'en',\n label: 'Switzerland (English)'\n}, {\n country: 'ch',\n language: 'de',\n label: 'Schweiz (Deutsch)'\n}, {\n country: 'tw',\n language: 'en',\n label: 'Taiwan (English)'\n}, {\n country: 'tw',\n language: 'zh',\n label: '台灣 (中文)'\n}, {\n country: 'uk',\n language: 'en',\n label: 'United Kingdom (English)'\n}, {\n country: 'us',\n language: 'en',\n label: 'United States (English)'\n}, {\n country: 'vn',\n language: 'en',\n label: 'Vietnam (English)'\n}, {\n country: 'vn',\n language: 'vi',\n label: 'Việt Nam (Tiếng Việt)'\n}, {\n country: 'al',\n language: 'en',\n label: 'Other Countries (English)'\n}, {\n country: 'ae',\n language: 'ar',\n label: 'باقي الدول (العربية)'\n}, {\n country: 'ae',\n language: 'es',\n label: 'Otros países (español)'\n}];\n\nexports.default = locales;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _legalContent = require('../../../molecules/legal-content');\n\nvar _legalContent2 = _interopRequireDefault(_legalContent);\n\nvar _locales = require('../js/locales');\n\nvar _locales2 = _interopRequireDefault(_locales);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar EnhancedLegal = function (_React$Component) {\n _inherits(EnhancedLegal, _React$Component);\n\n function EnhancedLegal(props) {\n _classCallCheck(this, EnhancedLegal);\n\n var _this = _possibleConstructorReturn(this, (EnhancedLegal.__proto__ || Object.getPrototypeOf(EnhancedLegal)).call(this, props));\n\n _this.renderIndex = function (count, indexType) {\n switch (indexType) {\n case 'index-bullets':\n return '•';\n case 'index-numbers':\n return count + '.';\n case 'index-upper-letters':\n return String.fromCharCode(count + 64) + '.';\n case 'index-lower-letters':\n return String.fromCharCode(count + 96) + '.';\n default:\n return '';\n }\n };\n\n _this.ORGANISM_NAME = 'enhanced-legal';\n var config = _this.props.config;\n var id = config.id;\n // we use this id because we can only have one organism per page\n\n _this.id = id || _this.ORGANISM_NAME;\n _this.state = {\n showImages: false\n };\n return _this;\n }\n\n _createClass(EnhancedLegal, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'renderImage',\n value: function renderImage() {\n if (this.state.showImages) {\n return _react2.default.createElement('img', { id: 'print_pic', src: 'https://www.paypalobjects.com/webstatic/ua/printer_icon.jpg', alt: 'print' });\n }\n return null;\n }\n }, {\n key: 'renderBreadcrumbs',\n value: function renderBreadcrumbs(breadcrumbs) {\n if (breadcrumbs && breadcrumbs.text) {\n return _react2.default.createElement(\n 'p',\n { className: this.ORGANISM_NAME + '__breadcrumbs-text' },\n htmlToReactParser.parse(breadcrumbs.text)\n );\n }\n return null;\n }\n }, {\n key: 'renderHeadline',\n value: function renderHeadline(headline, level) {\n var isNumeric = function isNumeric(value) {\n return (/^-{0,1}\\d+$/.test(value)\n );\n };\n var validHeadlines = [1, 2, 3, 4, 5, 6];\n var isValidLevel = function isValidLevel(vLevel) {\n if (isNumeric(vLevel)) {\n if (validHeadlines.indexOf(parseInt(vLevel, 10)) > -1) {\n return true;\n }\n return false;\n }\n return false;\n };\n if (headline) {\n var lvl = isValidLevel(level) ? level : 3;\n return _react2.default.createElement(\n _heading2.default,\n { level: lvl, className: this.ORGANISM_NAME + '__headline pp-sans-small-regular h' + lvl },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n }\n }, {\n key: 'renderTimestamp',\n value: function renderTimestamp(timestamp) {\n if (timestamp && timestamp.text) {\n return _react2.default.createElement(\n 'p',\n { className: this.ORGANISM_NAME + '__timestamp-text' },\n htmlToReactParser.parse(timestamp.text)\n );\n }\n return null;\n }\n }, {\n key: 'renderParagraph',\n value: function renderParagraph(paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: this.ORGANISM_NAME + '__linked-content-text' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n }\n }, {\n key: 'renderLegalhub',\n value: function renderLegalhub(legalhub) {\n if (legalhub) {\n var targetPagePath = legalhub.targetPagePath,\n selectLocation = legalhub.selectLocation;\n\n if (targetPagePath && targetPagePath.text) {\n var localesOptions = _locales2.default.map(function (loc) {\n var locale = loc.language + '_' + loc.country.toUpperCase();\n var fixedPath = targetPagePath.text[0] === '/' ? targetPagePath.text.substr(1) : targetPagePath.text;\n var optionProps = {\n value: 'https://www.paypal.com/' + loc.country.toLowerCase() + '/webapps/mpp/' + fixedPath + '?locale.x=' + locale,\n key: locale\n };\n if (loc.dir) {\n optionProps.dir = loc.dir;\n }\n return _react2.default.createElement(\n 'option',\n optionProps,\n loc.label\n );\n });\n return _react2.default.createElement(\n 'div',\n { className: this.ORGANISM_NAME + '__legalhub' },\n _react2.default.createElement(\n 'label',\n { htmlFor: this.ORGANISM_NAME + '-legalhub' },\n selectLocation.text\n ),\n _react2.default.createElement(\n 'select',\n {\n id: this.ORGANISM_NAME + '-legalhub',\n onChange: function onChange(e) {\n if (e.target.value) {\n window.location = e.target.value;\n }\n return false;\n }\n },\n _react2.default.createElement('option', { value: '' }),\n localesOptions\n )\n );\n }\n return null;\n }\n return null;\n }\n }, {\n key: 'renderPrintable',\n value: function renderPrintable(printable) {\n if (printable) {\n return _react2.default.createElement(\n 'p',\n { id: 'ua_skinny_view', align: 'right' },\n this.renderImage(),\n _react2.default.createElement(\n 'button',\n {\n className: 'link-button',\n id: this.id + '-print',\n onClick: function onClick() {\n window.print();\n }\n },\n 'Print'\n )\n );\n }\n return null;\n }\n }, {\n key: 'renderLinkedContent',\n value: function renderLinkedContent(linkedContent) {\n var _this2 = this;\n\n if (linkedContent) {\n var backToTop = linkedContent.backToTop,\n indexType = linkedContent.indexType,\n items = linkedContent.items,\n jumpToSection = linkedContent.jumpToSection,\n paragraph = linkedContent.paragraph;\n\n var jumpLinks = [];\n var paragraphs = [];\n var fptiValue = \"\";\n items.forEach(function (item, index) {\n var count = index + 1;\n var uniqueIndex = _this2.id + '-' + index;\n fptiValue = htmlToReactParser.parse(item.headline.text);\n jumpLinks.push(_react2.default.createElement(\n 'li',\n { key: uniqueIndex },\n htmlToReactParser.parse(item.headline.text) ? _react2.default.createElement(\n 'a',\n { 'data-pa-click': uniqueIndex + '-' + fptiValue, href: '#' + uniqueIndex },\n _this2.renderIndex(count, indexType),\n ' ',\n htmlToReactParser.parse(item.headline.text)\n ) : null\n ));\n paragraphs.push(_react2.default.createElement(\n 'div',\n { id: uniqueIndex, key: uniqueIndex },\n _this2.renderHeadline({\n text: _this2.renderIndex(count, indexType) + ' ' + item.headline.text\n }),\n _react2.default.createElement(_legalContent2.default, {\n content: {\n paragraph: item.paragraph,\n table: item.table,\n paragraph2: item.paragraph2\n }\n }),\n backToTop && backToTop.text ? _react2.default.createElement(\n 'p',\n { align: 'right', className: _this2.ORGANISM_NAME + '__linked-content-bold-text' },\n _react2.default.createElement(\n 'a',\n { href: '#' + _this2.id },\n backToTop.text\n )\n ) : \"\"\n ));\n });\n return _react2.default.createElement(\n 'div',\n { id: this.id + '-links', className: this.ORGANISM_NAME + '__linked-content' },\n _react2.default.createElement(\n 'p',\n { className: this.ORGANISM_NAME + '__linked-content-bold-text' },\n htmlToReactParser.parse(jumpToSection.text)\n ),\n _react2.default.createElement(\n 'ul',\n { className: this.ORGANISM_NAME + '__linked-content--jump-links' },\n jumpLinks.map(function (jLink) {\n return jLink;\n })\n ),\n this.renderParagraph(paragraph),\n paragraphs.map(function (para) {\n return para;\n })\n );\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this3 = this;\n\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var theme = config.theme,\n printable = config.printable;\n\n\n var legalEnhancedClasses = (0, _classnames2.default)('' + this.ORGANISM_NAME, theme || 'theme-background-color-white', className);\n\n var breadcrumbs = content.breadcrumbs,\n headline = content.headline,\n legalhub = content.legalhub,\n linkedContent = content.linkedContent,\n paragraph = content.paragraph,\n timestamp = content.timestamp;\n\n\n return _react2.default.createElement(\n 'section',\n {\n className: legalEnhancedClasses,\n 'data-building-block': 'organism',\n id: this.id,\n ref: function ref(el) {\n _this3.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-12 center-block' },\n this.renderBreadcrumbs(breadcrumbs),\n this.renderHeadline(headline, 1),\n this.renderTimestamp(timestamp),\n this.renderPrintable(printable),\n this.renderParagraph(paragraph),\n this.renderLegalhub(legalhub),\n this.renderLinkedContent(linkedContent)\n )\n )\n )\n );\n }\n }]);\n\n return EnhancedLegal;\n}(_react2.default.Component);\n\nexports.default = EnhancedLegal;\n\n\nEnhancedLegal.defaultProps = {\n config: {\n id: 'enhanced-legal',\n theme: 'theme-background-color-white',\n printable: true\n },\n content: {\n breadcrumbs: {\n text: '>> View all legal agreements '\n },\n headline: {\n text: 'Legal Content Headline'\n },\n timestamp: {\n text: 'Last Update: May 19, 2019'\n },\n paragraph: {\n text: '2,000 characters maximum is recommended.'\n },\n legalhub: {\n selectLocation: {\n text: 'Select your location'\n },\n targetPagePath: {\n text: 'target-page'\n }\n },\n linkedContent: {\n jumpToSection: {\n text: 'Jump to section:'\n },\n indexType: '',\n paragraph: {\n text: '2,000 characters maximum is recommended.'\n },\n backToTop: {\n text: 'Back to top'\n },\n items: [{\n headline: {\n text: 'Product Description.'\n },\n paragraph: _legalContent2.default.defaultProps.content.paragraph,\n table: _legalContent2.default.defaultProps.content.table,\n paragraph2: _legalContent2.default.defaultProps.content.paragraph2\n }, {\n headline: {\n text: 'Getting, Using and Replacing your PayPal Here Device.'\n },\n paragraph: _legalContent2.default.defaultProps.content.paragraph,\n table: _legalContent2.default.defaultProps.content.table,\n paragraph2: _legalContent2.default.defaultProps.content.paragraph2\n }]\n }\n },\n className: ''\n};\n\nEnhancedLegal.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n printable: _propTypes2.default.bool,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light'])\n }),\n content: _propTypes2.default.shape({\n breadcrumbs: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n timestamp: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n legalhub: _propTypes2.default.shape({\n selectLocation: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n targetPagePath: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n }),\n linkedContent: _propTypes2.default.shape({\n jumpToSection: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n indexType: _propTypes2.default.oneOf(['', 'index-bullets', 'index-numbers', 'index-upper-letters', 'index-lower-letters']).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n backToTop: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n items: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n table: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n paragraph2: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }).isRequired)\n })\n }),\n className: _propTypes2.default.string\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _MPPHeading = require('../../../atoms/heading/jsx/MPPHeading');\n\nvar _MPPHeading2 = _interopRequireDefault(_MPPHeading);\n\nvar _accordion = require('../../accordion');\n\nvar _FaqContent = require('../../../molecules/faq-content/jsx/FaqContent');\n\nvar _FaqContent2 = _interopRequireDefault(_FaqContent);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar Faq = function (_React$Component) {\n _inherits(Faq, _React$Component);\n\n function Faq() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, Faq);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Faq.__proto__ || Object.getPrototypeOf(Faq)).call.apply(_ref, [this].concat(args))), _this), _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n 'div',\n { className: 'text-xs-center' },\n _react2.default.createElement(\n _MPPHeading2.default,\n { level: '2', className: 'faq__headline' },\n htmlToReactParser.parse(headline.text)\n )\n );\n }\n return null;\n }, _this.renderFaqHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n 'p',\n { className: 'pypl-heading faq__sectionheadline pp-sans-small-regular h4' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(Faq, [{\n key: 'renderFaqItems',\n value: function renderFaqItems(faqs, faqId) {\n var _this2 = this;\n\n if (faqs) {\n var items = faqs.map(function (faq, faqIndex) {\n var Element = {\n FaqContent: _FaqContent2.default\n }[faq.item && faq.item.config && faq.item.config.type] || _FaqContent2.default;\n var faqKey = '' + faq.headline + faqIndex;\n return _react2.default.createElement(\n _accordion.AccordionItem,\n { key: faqKey },\n _react2.default.createElement(\n _accordion.AccordionHeader,\n { idxPrefix: faqId },\n _this2.renderFaqHeadline(faq.headline)\n ),\n _react2.default.createElement(\n _accordion.AccordionContent,\n { idxPrefix: faqId },\n _react2.default.createElement(Element, faq.item)\n )\n );\n });\n return items;\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _props$content = this.props.content,\n headline = _props$content.headline,\n faqs = _props$content.faqs;\n var _props$config = this.props.config,\n id = _props$config.id,\n theme = _props$config.theme,\n openItems = _props$config.openItems;\n\n var faqAccordionClasses = (0, _classnames2.default)('faq', theme, this.props.className);\n return _react2.default.createElement(\n 'section',\n { className: faqAccordionClasses, id: id, 'data-building-block': 'organism' },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n this.renderHeadline(headline),\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'center-block col-xs-12 faq__column' },\n _react2.default.createElement(\n _accordion.Accordion,\n { openItems: openItems || 0 },\n this.renderFaqItems(faqs, id)\n )\n )\n )\n )\n );\n }\n }]);\n\n return Faq;\n}(_react2.default.Component);\n\nexports.default = Faq;\n\n\nFaq.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-blue', 'theme-background-color-white']).isRequired,\n openItems: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.number), _propTypes2.default.number])\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n faqs: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n headline: {\n text: _propTypes2.default.string.isRequired\n }.isRequired,\n item: _propTypes2.default.oneOfType([_propTypes2.default.shape(_FaqContent2.default.propTypes).isRequired]).isRequired\n })).isRequired\n }),\n className: _propTypes2.default.string\n};\n\nFaq.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-blue'\n },\n content: {\n headline: {\n text: '30 characters maximum'\n },\n faqs: [{\n headline: {\n text: '106 characters maximum to not equal more than ' + '2 lines in a mobile view is recommended for ideal viewing.'\n },\n item: _FaqContent2.default.defaultProps\n }, {\n headline: {\n text: '106 characters maximum to not equal more than ' + '2 lines in a mobile view is recommended for ideal viewing.'\n },\n item: _FaqContent2.default.defaultProps\n }]\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _MPPHeading = require('../../../atoms/heading/jsx/MPPHeading');\n\nvar _MPPHeading2 = _interopRequireDefault(_MPPHeading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _MPPHeading2.default,\n {\n level: '2',\n className: 'features__headline col-xs-12 col-md-10 col-md-offset-1 text-xs-center'\n },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderFooter = function renderFooter(footer) {\n if (footer && footer.text) {\n return _react2.default.createElement(\n 'div',\n { className: 'features__footer row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-12' },\n _react2.default.createElement(\n 'p',\n { className: 'text-xs-center legal-notes' },\n htmlToReactParser.parse(footer.text)\n )\n )\n );\n }\n return null;\n};\n\nvar Features = function (_React$Component) {\n _inherits(Features, _React$Component);\n\n function Features(props) {\n _classCallCheck(this, Features);\n\n var _this = _possibleConstructorReturn(this, (Features.__proto__ || Object.getPrototypeOf(Features)).call(this, props));\n\n _this.columnClasses = {\n 2: 'features__feature-container col-md-6 col-xs-12',\n 3: 'features__feature-container col-md-4 col-xs-12'\n };\n _this.handleScroll = _this.handleScroll.bind(_this);\n _this.state = {\n showImages: false\n };\n // adding references in case this component is extended\n _this.renderHeadline = renderHeadline;\n _this.renderFooter = renderFooter;\n return _this;\n }\n\n _createClass(Features, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var domRect = this.sectionElement && this.sectionElement.getBoundingClientRect();\n if (domRect && window.innerHeight - domRect.top >= 0) {\n this.enableImages();\n return;\n }\n window.addEventListener('scroll', this.handleScroll);\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('scroll', this.handleScroll);\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'handleScroll',\n value: function handleScroll() {\n window.removeEventListener('scroll', this.handleScroll);\n this.enableImages();\n }\n }, {\n key: 'renderFeatures',\n value: function renderFeatures(features, columns) {\n var _this2 = this;\n\n if (features) {\n // required when columns is sent as string\n var cols = parseInt(columns, 10);\n\n return _react2.default.createElement(\n 'div',\n { className: 'row' },\n features.map(function (feature, idx) {\n var icon = feature.icon,\n headline = feature.headline;\n\n return _react2.default.createElement(\n 'div',\n {\n key: idx,\n className: _this2.columnsClass,\n style: { clear: !(idx % cols) ? 'both' : null }\n },\n _react2.default.createElement(\n 'div',\n { className: 'features__icon-container' },\n _react2.default.createElement('div', {\n className: 'features__icon',\n style: _this2.state.showImages && icon && icon.url ? { backgroundImage: 'url(\"' + icon.url + '\")' } : null\n })\n ),\n _react2.default.createElement(\n _MPPHeading2.default,\n {\n level: '3',\n className: 'features__feature-headline pp-sans-small-regular h4 col-xs-10 col-sm-9 col-md-10'\n },\n htmlToReactParser.parse(headline.text)\n )\n );\n })\n );\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var headline = content.headline,\n features = content.features,\n footer = content.footer;\n var columns = config.columns,\n theme = config.theme,\n id = config.id;\n\n var featuresClasses = (0, _classnames2.default)('features', theme, className);\n\n return _react2.default.createElement(\n 'section',\n { id: id, className: featuresClasses, 'data-building-block': 'organism' },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n renderHeadline(headline)\n ),\n this.renderFeatures(features, columns),\n renderFooter(footer)\n )\n );\n }\n }, {\n key: 'columnsClass',\n get: function get() {\n var config = this.props.config && this.props.config.columns;\n return this.columnClasses[config] || this.columnClasses[2];\n }\n }]);\n\n return Features;\n}(_react2.default.Component);\n\nexports.default = Features;\n\n\nFeatures.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n columns: _propTypes2.default.oneOf([2, 3, '2', '3']).isRequired,\n theme: _propTypes2.default.oneOf(['theme-background-color-blue', 'theme-background-color-white', 'theme-background-color-light', 'theme-background-color-dark']).isRequired\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n features: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n icon: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired\n }).isRequired\n }).isRequired).isRequired,\n footer: _propTypes2.default.shape({\n text: _propTypes2.default.string\n })\n }),\n className: _propTypes2.default.string\n};\n/* eslint-disable max-len */\nFeatures.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-dark',\n columns: 2\n },\n content: {\n headline: {\n text: '34 characters maximum'\n },\n features: [{\n icon: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/C2/get-paid-on-marketplace/icon-walletbackward-white.png'\n },\n headline: {\n text: '45-80 characters maximum to optimize display on desktop or mobile'\n }\n }, {\n icon: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/C2/get-paid-on-marketplace/simple-and-secure-icon.png'\n },\n headline: {\n text: '45-80 characters maximum to optimize display on desktop or mobile'\n }\n }, {\n icon: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/C2/get-paid-on-marketplace/icon-cards-white.png'\n },\n headline: {\n text: '45-80 characters maximum to optimize display on desktop or mobile'\n }\n }, {\n icon: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/C2/get-paid-on-marketplace/safer-icon.png'\n },\n headline: {\n text: '45-80 characters maximum to optimize display on desktop or mobile'\n }\n }, {\n icon: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/C2/get-paid-on-marketplace/phone_white_icon.png'\n },\n headline: {\n text: '45-80 characters maximum to optimize display on desktop or mobile'\n }\n }, {\n icon: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/C2/get-paid-on-marketplace/person_white_icon.png'\n },\n headline: {\n text: '45-80 characters maximum to optimize display on desktop or mobile'\n }\n }],\n footer: {\n text: 'Recommended maximum of 110 characters for paragraph text which equals ~3 lines of text in mobile portrait view.'\n }\n },\n className: ''\n};\n/* eslint-enable max-len */","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _genericIntent = require('../../generic-intent');\n\nvar _feesCalculatorIntent = require('../../../molecules/fees-calculator-intent');\n\nvar _feesCalculatorIntent2 = _interopRequireDefault(_feesCalculatorIntent);\n\nvar _feesCalculatorContact = require('../../../molecules/fees-calculator-contact');\n\nvar _feesCalculatorContact2 = _interopRequireDefault(_feesCalculatorContact);\n\nvar _feesCalculatorCalculation = require('../../../molecules/fees-calculator-calculation');\n\nvar _feesCalculatorCalculation2 = _interopRequireDefault(_feesCalculatorCalculation);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar typeMap = {\n FeesCalculation: _feesCalculatorCalculation2.default,\n FeesContact: _feesCalculatorContact2.default\n};\n\nvar FeesCalculator = function (_React$Component) {\n _inherits(FeesCalculator, _React$Component);\n\n function FeesCalculator() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, FeesCalculator);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = FeesCalculator.__proto__ || Object.getPrototypeOf(FeesCalculator)).call.apply(_ref, [this].concat(args))), _this), _this.renderContent = function (content) {\n if (content) {\n return content.map(function (properties, idx) {\n var FeesType = typeMap[properties.config.type] || typeMap.FeesCalculation;\n var key = idx;\n return _react2.default.createElement(FeesType, _extends({ key: key }, properties));\n });\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(FeesCalculator, [{\n key: 'render',\n value: function render() {\n var className = this.props.config.className;\n var _props$content = this.props.content,\n content = _props$content.content,\n intent = _props$content.intent;\n var fireTracking = this.props.fireTracking;\n\n return _react2.default.createElement(\n _genericIntent.GenericIntent,\n { className: className, id: this.props.config.id },\n _react2.default.createElement(\n _genericIntent.Intent,\n null,\n _react2.default.createElement(_feesCalculatorIntent2.default, _extends({ fireTracking: fireTracking }, intent))\n ),\n _react2.default.createElement(\n _genericIntent.Content,\n null,\n this.renderContent(content)\n )\n );\n }\n }]);\n\n return FeesCalculator;\n}(_react2.default.Component);\n\nexports.default = FeesCalculator;\n\n\nFeesCalculator.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n className: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n intent: _feesCalculatorIntent2.default.propTypes,\n content: _propTypes2.default.arrayOf(_propTypes2.default.oneOfType([_propTypes2.default.shape(_feesCalculatorCalculation2.default.propTypes), _propTypes2.default.shape(_feesCalculatorContact2.default.propTypes)]))\n }),\n fireTracking: _propTypes2.default.func\n};\n/* eslint-disable max-len */\nFeesCalculator.defaultProps = {\n config: {\n id: '',\n className: 'fees-calc'\n },\n content: {\n intent: {\n content: {\n headline: {\n text: 'Estimate your fees'\n },\n subheadline: {\n text: 'If your monthly sales are:'\n },\n items: [{\n text: '< £1,500.00'\n }, {\n text: '£1,500.01 - £6,000.00'\n }, {\n text: '> £6,000.01'\n }]\n }\n },\n content: [{\n config: {\n type: 'FeesCalculation'\n },\n content: {\n headline: {\n text: 'You should pay'\n },\n fees: {\n text: '3.4% + 20p'\n },\n footer: {\n text: 'per transaction'\n },\n hatchText: {\n text: 'See all fees example '\n }\n }\n }, {\n config: {\n type: 'FeesCalculation'\n },\n content: {\n headline: {\n text: 'You should pay'\n },\n fees: {\n text: '2.9% + 20p'\n },\n footer: {\n text: 'per transaction'\n },\n hatchText: {\n text: 'See all fees example '\n }\n }\n }, {\n config: {\n type: 'FeesContact'\n },\n content: {\n fees: {\n text: 'Call 0800 358 7929 for pricing'\n },\n hatchText: {\n text: '34 characters maximum per line'\n },\n legalText: {\n text: 'Freephone from a UK landline. However, charges may apply if you call from a mobile and are dependent on the terms of agreement with your mobile network provider. If you are calling from outside the UK, call 00353 1 436 9004 (international call charges may apply).'\n }\n }\n }]\n },\n fireTracking: function fireTracking() {}\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _pullout = require('../../pullout');\n\nvar _pullout2 = _interopRequireDefault(_pullout);\n\nvar _mediaButton = require('../../../atoms/media-button');\n\nvar _mediaButton2 = _interopRequireDefault(_mediaButton);\n\nvar _actionDropdown = require('../../../molecules/action-dropdown');\n\nvar _actionDropdown2 = _interopRequireDefault(_actionDropdown);\n\nvar _default = require('../props/default');\n\nvar _default2 = _interopRequireDefault(_default);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'fees-pullout';\n\nvar renderActionDropdown = function renderActionDropdown(actionDropdown, callback) {\n if (actionDropdown) {\n return _react2.default.createElement(_actionDropdown2.default, _extends({}, actionDropdown, { callback: callback }));\n }\n return null;\n};\n\nvar renderMediaButton = function renderMediaButton(mediaButton) {\n if (mediaButton) {\n var color = mediaButton.color || 'outline-white';\n var buttonClass = (0, _classnames2.default)('pullout__media-btn', 'pullout__btn--center', 'pypl-btn--' + color);\n\n return _react2.default.createElement(\n _mediaButton2.default,\n {\n id: mediaButton.id,\n name: mediaButton.name || mediaButton.id,\n alt: mediaButton.alt || mediaButton.text,\n color: 'outline-white',\n className: buttonClass,\n fpti: 'Pullout-MediaBtn-' + (mediaButton.fpti || mediaButton.text),\n 'data-video-id': mediaButton['data-video-id']\n },\n mediaButton.text\n );\n }\n return null;\n};\n\nvar FeesPullout = function (_Pullout) {\n _inherits(FeesPullout, _Pullout);\n\n function FeesPullout(props) {\n _classCallCheck(this, FeesPullout);\n\n var _this = _possibleConstructorReturn(this, (FeesPullout.__proto__ || Object.getPrototypeOf(FeesPullout)).call(this, props));\n\n _this.renderActionDropdown = renderActionDropdown;\n _this.renderMediaButton = renderMediaButton;\n return _this;\n }\n\n _createClass(FeesPullout, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className,\n clientInfo = _props.clientInfo,\n callback = _props.callback;\n var image = content.image,\n headline = content.headline,\n paragraph = content.paragraph,\n cta = content.cta,\n mediaButton = content.mediaButton,\n hatchText = content.hatchText,\n actionDropdown = content.actionDropdown;\n\n\n config.theme = config.theme || 'theme-background-color-dark';\n\n var viewport = clientInfo.client_type;\n var backgroundImage = config.backgroundImage && (config.backgroundImage[viewport] || config.backgroundImage.url);\n var backgroundPosition = config.backgroundImage && config.backgroundPosition;\n var backgroundImageStyle = this.state.showImages && backgroundImage ? {\n backgroundImage: 'url(' + backgroundImage + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n var pulloutClasses = (0, _classnames2.default)('' + ORGANISM_NAME, 'pullout', className, config.theme);\n\n return _react2.default.createElement(\n 'section',\n {\n className: pulloutClasses,\n id: this.props.config.id,\n 'data-building-block': 'organism',\n style: backgroundImageStyle,\n ref: function ref(el) {\n _this2.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-12 col-lg-12 center-block text-xs-center' },\n this.renderImage(image),\n this.renderHeadline(headline),\n this.renderContent(paragraph),\n this.renderActionDropdown(actionDropdown, callback),\n this.renderCTA(cta),\n this.renderMediaButton(mediaButton),\n this.renderHatchContent(hatchText)\n )\n )\n )\n );\n }\n }]);\n\n return FeesPullout;\n}(_pullout2.default);\n\nexports.default = FeesPullout;\n\n\nFeesPullout.propTypes = {\n content: _propTypes2.default.shape({\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n actionDropdown: _actionDropdown2.default.propTypes.isRequired,\n cta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n href: _propTypes2.default.string,\n text: _propTypes2.default.string,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n mediaButton: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n alt: _propTypes2.default.string,\n text: _propTypes2.default.string.isRequired,\n 'data-video-id': _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n clientInfo: _propTypes2.default.shape({\n client_type: _propTypes2.default.string\n }),\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-image-dark', 'theme-background-image-light', 'theme-background-color-dark', 'theme-background-color-green', 'theme-background-color-blue-alt', 'theme-background-color-pink', 'theme-background-color-purple']),\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired,\n portable: _propTypes2.default.string,\n mobile: _propTypes2.default.string\n }),\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right'])\n }),\n className: _propTypes2.default.string,\n callback: _propTypes2.default.func\n};\n\nFeesPullout.defaultProps = _default2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _ = require('../../../../');\n\nexports.default = {\n clientInfo: {\n client_type: 'dedicated'\n },\n config: {\n id: '',\n theme: 'theme-background-color-green',\n backgroundPosition: 'center',\n backgroundImage: {\n url: ''\n }\n },\n content: {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/gb/en/online-sellers-solutions/Icon_4.png'\n },\n headline: {\n text: '50 characters (2 lines) maximum.'\n },\n paragraph: {\n text: '150 characters (3 lines) maximum'\n },\n actionDropdown: _.ActionDropdown.defaultProps,\n cta: {\n text: 'Fewer Than 29 Characters Max',\n href: '#',\n 'data-pa-click': 'cta|CTA Text',\n target: '_self'\n },\n mediaButton: {\n id: '',\n text: 'This is Media Button',\n 'data-video-id': 'rquuf4XfwLA',\n fpti: ''\n },\n hatchText: {\n text: 'Fewer than 34 characters per line'\n }\n },\n className: 'theme-new-money',\n callback: function callback() {}\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _MPPHeading = require('../../../atoms/heading/jsx/MPPHeading');\n\nvar _MPPHeading2 = _interopRequireDefault(_MPPHeading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar Fees = function (_React$Component) {\n _inherits(Fees, _React$Component);\n\n function Fees() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, Fees);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Fees.__proto__ || Object.getPrototypeOf(Fees)).call.apply(_ref, [this].concat(args))), _this), _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n _MPPHeading2.default,\n { level: headline.level ? headline.level : \"2\", className: 'fees__headline col-md-10 center-block' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n }, _this.renderParagraph = function (paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: 'fees__paragraph col-md-10 center-block' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n }, _this.renderHatchText = function (hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: 'fees__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(Fees, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var headline = content.headline,\n paragraph = content.paragraph,\n hatchText = content.hatchText;\n\n\n var feesClasses = (0, _classnames2.default)('fees text-xs-center theme-background-color-dark', className);\n\n return _react2.default.createElement(\n 'section',\n { id: config.id, className: feesClasses, 'data-building-block': 'organism' },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n this.renderHeadline(headline),\n this.renderParagraph(paragraph),\n this.renderHatchText(hatchText)\n )\n )\n );\n }\n }]);\n\n return Fees;\n}(_react2.default.Component);\n\nexports.default = Fees;\n\n\nFees.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string\n })\n }),\n className: _propTypes2.default.string\n};\n\nFees.defaultProps = {\n config: {\n id: ''\n },\n content: {\n headline: {\n text: '34 characters maximum'\n },\n paragraph: {\n text: '90 characters maximum, which is equal ' + 'to 4 lines or less on mobile devices is preferred.'\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _MPPFooterPropTypes = require('./MPPFooterPropTypes');\n\nvar _MPPFooterPropTypes2 = _interopRequireDefault(_MPPFooterPropTypes);\n\nvar _MPPFooterDefaultProps = require('./MPPFooterDefaultProps');\n\nvar _MPPFooterDefaultProps2 = _interopRequireDefault(_MPPFooterDefaultProps);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar MPPFooter = function (_React$Component) {\n _inherits(MPPFooter, _React$Component);\n\n function MPPFooter() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, MPPFooter);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = MPPFooter.__proto__ || Object.getPrototypeOf(MPPFooter)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n showImages: false\n }, _this.renderFlag = function (flag) {\n if (flag && !_this.props.loggedIn && _this.state.showImages) {\n var _this$props = _this.props,\n flagHref = _this$props.flagHref,\n localeCountry = _this$props.localeCountry;\n\n var flagStyle = {\n backgroundImage: 'url(https://www.paypalobjects.com/webstatic/mktg/icons/sprite_countries_flag4.png)'\n };\n return _react2.default.createElement(\n 'a',\n {\n href: flagHref,\n 'aria-label': flag.text,\n title: flag.text,\n className: (0, _classnames2.default)('country', 'lazy-load-flag', localeCountry),\n 'data-pa-click': 'FooterFlag-Link-' + flag.text,\n style: flagStyle\n },\n flag.text\n );\n }\n return null;\n }, _this.renderLinks = function (links) {\n if (links && links.list) {\n return links.list.map(function (elem) {\n return _react2.default.createElement(\n 'li',\n { key: elem.text, id: elem.id ? elem.id : null },\n _react2.default.createElement(\n 'a',\n {\n href: elem.href,\n className: elem.className ? elem.className : null,\n target: elem.target ? elem.target : null,\n 'data-pa-click': 'Footer-Link-' + elem.text\n },\n elem.text\n )\n );\n });\n }\n return null;\n }, _this.renderFeedbackLink = function (feedbackLink) {\n if (feedbackLink) {\n return feedbackLink;\n }\n return null;\n }, _this.renderCopyRight = function (copyRightReservedText) {\n var copyRight = '© 1999–' + new Date().getFullYear() + ' ';\n return _react2.default.createElement(\n 'li',\n { className: 'footer-copyright' },\n htmlToReactParser.parse(copyRight + copyRightReservedText)\n );\n }, _this.renderFooterNotes = function (footerNotes) {\n if (footerNotes) {\n return _react2.default.createElement(\n 'p',\n { className: 'footer-notes' },\n htmlToReactParser.parse(footerNotes.text)\n );\n }\n return null;\n }, _this.renderLogo = function (imageUrl, logoClass) {\n var logoStyle = {\n backgroundImage: 'url(' + imageUrl + ')'\n };\n return _react2.default.createElement('div', { className: logoClass + '-logo', style: logoStyle });\n }, _this.renderLocales = function (locales) {\n if (locales && !_this.props.loggedIn) {\n return locales.map(function (elem, idx) {\n return _react2.default.createElement(\n 'a',\n {\n key: elem.text,\n className: (0, _classnames2.default)('language', elem.customStyle),\n href: elem.href,\n 'data-pa-click': 'FooterLocales' + idx + '-Link-' + elem.text\n },\n elem.text\n );\n });\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(MPPFooter, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n\n // Display country flag\n\n\n // render the copyright dates\n\n\n // Footer notes\n\n\n // footer note logo\n\n\n // Display country locales supported by MPP\n\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n _props$config = _props.config,\n config = _props$config === undefined ? { footerType: '' } : _props$config,\n content = _props.content,\n rtl = _props.rtl,\n feedbackLink = _props.feedbackLink;\n var _content$country = content.country,\n flag = _content$country.flag,\n locales = _content$country.locales;\n var mainLinks = content.mainLinks,\n secondaryLogo = content.secondaryLogo,\n secondaryLinks = content.secondaryLinks,\n tertiaryLinks = content.tertiaryLinks,\n footNoteLogo = content.footNoteLogo;\n var footerType = config.footerType;\n\n var copyRightReservedText = content.copyRight && content.copyRight.reservedText || '';\n var footerNotes = content.footerNotes || '';\n var showImages = this.state.showImages;\n\n var footerClassNames = (0, _classnames2.default)('global-footer', {\n 'global-footer--rtl': rtl\n });\n\n return _react2.default.createElement(\n 'footer',\n {\n 'data-building-block': 'organism',\n className: footerClassNames,\n id: 'footer',\n ref: function ref(el) {\n _this2.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n footerType !== \"copyright-footer\" && _react2.default.createElement(\n 'div',\n { className: 'col-md-12' },\n _react2.default.createElement(\n 'ul',\n { className: 'footer-main' },\n _react2.default.createElement(\n 'li',\n { className: 'country-selector' },\n this.renderLocales(locales),\n this.renderFlag(flag)\n )\n ),\n _react2.default.createElement(\n 'ul',\n { className: 'footer-main' },\n this.renderLinks(mainLinks),\n this.renderFeedbackLink(feedbackLink)\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-12' },\n _react2.default.createElement('hr', { className: 'hidden-lg-down primary' })\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-12' },\n showImages && secondaryLogo && secondaryLogo.imageUrl && this.renderLogo(secondaryLogo.imageUrl, 'secondary'),\n !footerType && secondaryLinks && _react2.default.createElement(\n 'ul',\n { className: 'footer-secondary footer-corplinks' },\n this.renderLinks(secondaryLinks)\n ),\n _react2.default.createElement('hr', { className: 'hidden-lg-down secondary' }),\n _react2.default.createElement(\n 'ul',\n { className: 'footer-tertiary copyright-section' },\n content.copyRight && this.renderCopyRight(copyRightReservedText),\n this.renderLinks(tertiaryLinks)\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-12' },\n showImages && footNoteLogo && footNoteLogo.imageUrl && this.renderLogo(footNoteLogo.imageUrl, 'footnote'),\n this.renderFooterNotes(footerNotes)\n )\n )\n )\n );\n }\n }]);\n\n return MPPFooter;\n}(_react2.default.Component);\n\nexports.default = MPPFooter;\n\n\nMPPFooter.propTypes = _MPPFooterPropTypes2.default;\nMPPFooter.defaultProps = _MPPFooterDefaultProps2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = {\n content: {\n country: {\n locales: [{\n text: 'English',\n href: '?locale.x=en_US'\n }],\n flag: {\n text: 'See all countries',\n href: '/webapps/mpp/country-worldwide'\n }\n },\n mainLinks: {\n list: [{\n text: 'Help',\n href: '/smarthelp/home'\n }, {\n text: 'Contact',\n href: '/smarthelp/contact-us'\n }, {\n text: 'Fees',\n href: '/webapps/mpp/paypal-fees'\n }, {\n text: 'Security',\n href: '/webapps/mpp/paypal-safety-and-security'\n }, {\n text: 'Apps',\n href: '/webapps/mpp/mobile-apps'\n }, {\n text: 'Shop',\n href: '/webapps/mpp/shopping-selection'\n }, {\n text: 'Enterprise',\n href: '/business/enterprise'\n }, {\n text: 'Partners',\n href: '/business/platforms-and-marketplaces'\n }]\n },\n secondaryLinks: {\n list: [{\n text: 'About',\n href: '/webapps/mpp/about',\n target: '_blank'\n }, {\n text: 'Newsroom',\n href: '/stories/us',\n target: '_blank',\n countryCode: false\n }, {\n text: 'Jobs',\n href: '/webapps/mpp/jobs',\n target: '_blank'\n }, {\n text: 'Investor Relations',\n href: 'https://investor.paypal-corp.com'\n }, {\n text: 'Social Innovation',\n href: '/webapps/mpp/social-innovation'\n }, {\n text: 'Public Policy',\n href: 'https://publicpolicy.paypal-corp.com'\n }, {\n text: 'Sitemap',\n href: '/webapps/mpp/full-sitemap'\n }]\n },\n copyRight: {},\n tertiaryLinks: {\n list: [{\n text: 'Accessibility',\n href: '/webapps/mpp/accessibility'\n }, {\n text: 'Privacy',\n href: '/webapps/mpp/ua/privacy-full'\n }, {\n text: 'Legal',\n href: '/webapps/mpp/ua/legalhub-full'\n }]\n },\n footerNotes: {\n text: 'Consumer advisory - PayPal Pte. Ltd., Users are advised to read the ' + 'terms and conditions carefully.'\n }\n },\n localeCountry: 'US',\n loggedIn: false,\n flagHref: '/webapps/mpp/country-worldwide',\n rtl: false,\n feedbackLink: null\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar LinkPropType = _propTypes2.default.shape({\n list: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n text: _propTypes2.default.string,\n href: _propTypes2.default.string,\n target: _propTypes2.default.string,\n countryCode: _propTypes2.default.bool\n }))\n});\n\nexports.default = {\n config: _propTypes2.default.shape({\n footerType: _propTypes2.default.oneOf(['minimal-footer', 'copyright-footer'])\n }),\n content: _propTypes2.default.shape({\n country: _propTypes2.default.shape({\n locales: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n text: _propTypes2.default.string,\n href: _propTypes2.default.string\n })),\n flag: _propTypes2.default.shape({\n text: _propTypes2.default.string,\n href: _propTypes2.default.string\n })\n }),\n mainLinks: _propTypes2.default.shape({\n list: _propTypes2.default.arrayOf(LinkPropType)\n }),\n secondaryLinks: _propTypes2.default.shape({\n list: _propTypes2.default.arrayOf(LinkPropType)\n }),\n secondaryLogo: _propTypes2.default.shape({\n imageUrl: _propTypes2.default.string.isRequired\n }),\n tertiaryLinks: _propTypes2.default.shape({\n list: _propTypes2.default.arrayOf(LinkPropType)\n }),\n copyRight: _propTypes2.default.shape({\n reservedText: _propTypes2.default.string\n }),\n footNoteLogo: _propTypes2.default.shape({\n imageUrl: _propTypes2.default.string.isRequired\n }),\n footerNotes: _propTypes2.default.shape({\n text: _propTypes2.default.string\n })\n }),\n flagHref: _propTypes2.default.string,\n localeCountry: _propTypes2.default.string,\n loggedIn: _propTypes2.default.bool,\n rtl: _propTypes2.default.bool,\n feedbackLink: _propTypes2.default.element\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Content = exports.Intent = exports.GenericIntent = undefined;\n\nvar _GenericIntent = require('./jsx/GenericIntent');\n\nvar _GenericIntent2 = _interopRequireDefault(_GenericIntent);\n\nvar _Intent = require('./jsx/Intent');\n\nvar _Intent2 = _interopRequireDefault(_Intent);\n\nvar _Content = require('./jsx/Content');\n\nvar _Content2 = _interopRequireDefault(_Content);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.GenericIntent = _GenericIntent2.default;\nexports.Intent = _Intent2.default;\nexports.Content = _Content2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar orgClass = 'generic-intent__content';\n\nvar Content = function (_React$Component) {\n _inherits(Content, _React$Component);\n\n function Content() {\n _classCallCheck(this, Content);\n\n return _possibleConstructorReturn(this, (Content.__proto__ || Object.getPrototypeOf(Content)).apply(this, arguments));\n }\n\n _createClass(Content, [{\n key: 'render',\n value: function render() {\n var children = this.props.children;\n\n var content = children[this.props.value];\n\n return _react2.default.createElement(\n 'div',\n { className: orgClass + ' col-xs-12 col-md-6' },\n _react2.default.createElement(\n 'div',\n { className: orgClass + '__triangle-wrapper' },\n _react2.default.createElement('div', { className: orgClass + '__triangle' })\n ),\n content\n );\n }\n }]);\n\n return Content;\n}(_react2.default.Component);\n\nexports.default = Content;\n\n\nContent.propTypes = {\n children: _propTypes2.default.any.isRequired,\n value: _propTypes2.default.number\n};\n\nContent.defaultProps = {\n value: 0\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar GenericIntent = function (_React$Component) {\n _inherits(GenericIntent, _React$Component);\n\n function GenericIntent(props) {\n _classCallCheck(this, GenericIntent);\n\n var _this = _possibleConstructorReturn(this, (GenericIntent.__proto__ || Object.getPrototypeOf(GenericIntent)).call(this, props));\n\n _this.handleChange = function (value) {\n _this.setState({ value: value });\n };\n\n _this.state = { value: 0 };\n return _this;\n }\n\n _createClass(GenericIntent, [{\n key: 'render',\n value: function render() {\n var classes = (0, _classnames2.default)('generic-intent', this.props.className);\n var ChildrenArray = _react2.default.Children.toArray(this.props.children);\n var Intent = _react2.default.cloneElement(ChildrenArray[0], { handleChange: this.handleChange });\n var Content = _react2.default.cloneElement(ChildrenArray[1], { value: this.state.value });\n\n return _react2.default.createElement(\n 'section',\n { className: classes, id: this.props.id, 'data-building-block': 'organism' },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n Intent,\n Content\n )\n )\n );\n }\n }]);\n\n return GenericIntent;\n}(_react2.default.Component);\n\nexports.default = GenericIntent;\n\n\nGenericIntent.propTypes = {\n id: _propTypes2.default.string,\n className: _propTypes2.default.string,\n children: _propTypes2.default.array.isRequired\n};\n\nGenericIntent.defaultProps = {\n className: '',\n id: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Intent = function (_React$Component) {\n _inherits(Intent, _React$Component);\n\n function Intent() {\n _classCallCheck(this, Intent);\n\n return _possibleConstructorReturn(this, (Intent.__proto__ || Object.getPrototypeOf(Intent)).apply(this, arguments));\n }\n\n _createClass(Intent, [{\n key: 'render',\n value: function render() {\n var orgClass = 'generic-intent__intent';\n var Component = _react2.default.cloneElement(this.props.children, {\n handleChange: this.props.handleChange\n });\n\n return _react2.default.createElement(\n 'div',\n { className: orgClass + ' col-xs-12 col-md-6' },\n Component\n );\n }\n }]);\n\n return Intent;\n}(_react2.default.Component);\n\nexports.default = Intent;\n\n\nIntent.propTypes = {\n children: _propTypes2.default.any.isRequired,\n handleChange: _propTypes2.default.func.isRequired\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _GenericTabs = require('./jsx/GenericTabs');\n\nObject.defineProperty(exports, 'GenericTabs', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_GenericTabs).default;\n }\n});\n\nvar _Tabs = require('./jsx/Tabs');\n\nObject.defineProperty(exports, 'Tabs', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_Tabs).default;\n }\n});\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _genericTabs = require('../../generic-tabs');\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'generic-tabs';\n\nvar GenericTabs = function (_React$Component) {\n _inherits(GenericTabs, _React$Component);\n\n function GenericTabs(props) {\n _classCallCheck(this, GenericTabs);\n\n var _this = _possibleConstructorReturn(this, (GenericTabs.__proto__ || Object.getPrototypeOf(GenericTabs)).call(this, props));\n\n _this.handleChange = function (value) {\n _this.setState({ value: value });\n };\n\n _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: '2', className: ORGANISM_NAME + '__headline col-xs-12 text-xs-center' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n };\n\n _this.state = { value: 0 };\n _this.sectionElement = null;\n return _this;\n }\n\n _createClass(GenericTabs, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n children = _props.children,\n className = _props.className,\n fireTracking = _props.fireTracking;\n\n\n var classes = (0, _classnames2.default)(ORGANISM_NAME, className);\n var list = content.list,\n headline = content.headline;\n\n var childrenArr = _react2.default.Children.toArray(children);\n var currentState = this.state.value || 0;\n\n return _react2.default.createElement(\n 'section',\n {\n id: config.id || null,\n className: classes,\n 'data-building-block': 'organism',\n ref: function ref(el) {\n _this2.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n this.renderHeadline(headline),\n _react2.default.createElement(_genericTabs.Tabs, _extends({}, list, {\n fireTracking: fireTracking,\n handleChange: this.handleChange,\n value: this.state.value\n })),\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__content col-xs-12' },\n childrenArr[currentState]\n )\n )\n )\n );\n }\n }]);\n\n return GenericTabs;\n}(_react2.default.Component);\n\nexports.default = GenericTabs;\n\n\nGenericTabs.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n list: _propTypes2.default.shape({\n content: _propTypes2.default.shape({\n items: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired).isRequired\n })\n })\n }),\n children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.element]).isRequired,\n className: _propTypes2.default.string,\n fireTracking: _propTypes2.default.func\n};\n\nGenericTabs.defaultProps = {\n config: {\n id: ''\n },\n content: {\n headline: {\n text: 'text'\n },\n list: {\n content: {\n items: [{\n text: 'text1'\n }, {\n text: 'text2'\n }]\n }\n }\n },\n className: '',\n fireTracking: function fireTracking() {}\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _breakpoints = require('../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\n/* global document */\n\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'generic-tabs__tabs';\n\n/* TODO *****\n Can we add a TODO into the component that we might need to add preloading capabilities\n for the images because when you switch tabs sometimes it jumps because of the images loading\n http://stackoverflow.com/questions/476679/preloading-images-with-jquery#answer-11274150\n*/\n\nvar Tabs = function (_React$Component) {\n _inherits(Tabs, _React$Component);\n\n function Tabs(props) {\n _classCallCheck(this, Tabs);\n\n var _this = _possibleConstructorReturn(this, (Tabs.__proto__ || Object.getPrototypeOf(Tabs)).call(this, props));\n\n _this.handleListChange = _this.handleListChange.bind(_this);\n _this.handleSelectChange = _this.handleSelectChange.bind(_this);\n _this.handleResize = _this.handleResize.bind(_this);\n _this.state = {\n isMobile: false\n };\n return _this;\n }\n\n _createClass(Tabs, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: 'handleListChange',\n value: function handleListChange(e) {\n e.preventDefault();\n if (this.props.handleChange) {\n this.props.handleChange(Number(e.target.getAttribute('data-index')));\n this.props.fireTracking('Tabs-' + e.target.text);\n }\n }\n }, {\n key: 'handleSelectChange',\n value: function handleSelectChange(e) {\n e.preventDefault();\n if (this.props.handleChange) {\n this.props.handleChange(e.target.selectedIndex);\n this.props.fireTracking('DropDown-' + e.target.value);\n }\n }\n }, {\n key: 'handleResize',\n value: function handleResize(e) {\n var newWindowWidth = e && e.iFrameWidth || window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n if (newWindowWidth >= _breakpoints2.default.medium) {\n if (this.state.isMobile) {\n this.setState({\n isMobile: false\n });\n }\n } else if (!this.state.isMobile) {\n this.setState({\n isMobile: true\n });\n }\n }\n }, {\n key: 'renderTabs',\n value: function renderTabs(items) {\n var _this2 = this;\n\n if (items) {\n var options = items.map(function (item, idx) {\n var selectedClass = _this2.props.value === idx ? 'selected' : '';\n var key = 'option-item' + idx;\n return _react2.default.createElement(\n 'li',\n { key: key },\n _react2.default.createElement(\n 'button',\n {\n className: ORGANISM_NAME + '__links ' + selectedClass,\n onClick: _this2.handleListChange,\n 'data-index': idx\n },\n item.text\n )\n );\n });\n\n return _react2.default.createElement(\n 'ul',\n { className: ORGANISM_NAME + '__list' },\n options\n );\n }\n return null;\n }\n }, {\n key: 'renderSelect',\n value: function renderSelect(items) {\n if (items) {\n var options = items.map(function (item, idx) {\n return _react2.default.createElement(\n 'option',\n { value: idx, key: item.text },\n htmlToReactParser.parse(item.text)\n );\n });\n return _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__select-wrapper' },\n _react2.default.createElement(\n 'select',\n {\n className: ORGANISM_NAME + '__select',\n onChange: this.handleSelectChange,\n value: this.props.value,\n label: this.props.value,\n 'aria-label': this.props.value\n },\n options\n )\n );\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var items = this.props.content.items;\n\n // Mobile render\n\n if (this.state.isMobile) {\n return _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + ' col-xs-12' },\n this.renderSelect(items)\n );\n }\n // Desktop/Tablet/Default\n return _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + ' center-block text-xs-center col-md-12' },\n this.renderTabs(items)\n );\n }\n }]);\n\n return Tabs;\n}(_react2.default.Component);\n\nexports.default = Tabs;\n\n\nTabs.propTypes = {\n content: _propTypes2.default.shape({\n items: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired).isRequired\n }),\n handleChange: _propTypes2.default.func,\n value: _propTypes2.default.number,\n fireTracking: _propTypes2.default.func\n};\n\nTabs.defaultProps = {\n content: {\n items: [{\n text: '17 characters maximum'\n }, {\n text: '17 characters maximum'\n }]\n },\n fireTracking: function fireTracking() {},\n handleChange: function handleChange() {},\n value: 0\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _footer = require('../../footer');\n\nvar _footer2 = _interopRequireDefault(_footer);\n\nvar _clone = require('../../../../utilities/clone');\n\nvar _clone2 = _interopRequireDefault(_clone);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MPPGivingFundFooter = function (_MPPFooter) {\n _inherits(MPPGivingFundFooter, _MPPFooter);\n\n function MPPGivingFundFooter() {\n _classCallCheck(this, MPPGivingFundFooter);\n\n return _possibleConstructorReturn(this, (MPPGivingFundFooter.__proto__ || Object.getPrototypeOf(MPPGivingFundFooter)).apply(this, arguments));\n }\n\n return MPPGivingFundFooter;\n}(_footer2.default);\n\nexports.default = MPPGivingFundFooter;\n\n\nvar secondaryLogo = {\n imageUrl: 'https://www.paypalobjects.com/digitalassets/c/website/logo/full-text/pp_giving_fund.svg'\n};\nvar footNoteLogo = {\n imageUrl: 'https://www.paypalobjects.com/digitalassets/c/website/logo/full-text/au-acnc.png'\n};\n\nvar newProps = (0, _clone2.default)(_footer2.default.defaultProps);\ndelete newProps.content.secondaryLinks;\nnewProps.content.secondaryLogo = secondaryLogo;\nnewProps.content.footNoteLogo = footNoteLogo;\n\nMPPGivingFundFooter.defaultProps = newProps;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _customHeader = require('../../custom-header');\n\nvar _customHeader2 = _interopRequireDefault(_customHeader);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar getContent = function getContent(props) {\n // need to adapt change in MPP\n if (props.loggedIn) {\n return props.contentLoggedIn;\n }\n return props.contentLoggedOut;\n};\n\nvar MPPGivingFundHeader = function (_React$Component) {\n _inherits(MPPGivingFundHeader, _React$Component);\n\n function MPPGivingFundHeader() {\n _classCallCheck(this, MPPGivingFundHeader);\n\n return _possibleConstructorReturn(this, (MPPGivingFundHeader.__proto__ || Object.getPrototypeOf(MPPGivingFundHeader)).apply(this, arguments));\n }\n\n _createClass(MPPGivingFundHeader, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(_customHeader2.default, _extends({ className: 'pp-header--giving-fund' }, getContent(this.props)));\n }\n }]);\n\n return MPPGivingFundHeader;\n}(_react2.default.Component);\n\nexports.default = MPPGivingFundHeader;\n\n\nMPPGivingFundHeader.defaultProps = {\n config: {\n useMinimalHeader: false,\n theme: 'theme-background-color-white'\n },\n content: {\n minimalHeader: {\n labelMenuButton: 'Menu',\n labelClose: 'Close',\n logo: {\n text: 'PayPal',\n href: '/webapps/mpp/givingfund/home'\n },\n headerButtons: [{\n text: 'Log In',\n href: '#'\n }, {\n text: 'Enroll',\n href: '#',\n color: 'white'\n }]\n },\n mainMenuContent: [{\n type: 'linkOnly',\n text: 'How It Works',\n href: '/webapps/mpp/givingfund/home'\n }, {\n type: 'linkOnly',\n text: 'About Us',\n href: '/webapps/mpp/givingfund/about'\n }, {\n type: 'linkOnly',\n text: 'Help & Contact',\n href: '/webapps/mpp/givingfund/help-contact'\n }],\n sublistMobile: [{\n type: 'cta',\n text: 'Enroll',\n href: '/webapps/mpp/givingfund/pre-enroll'\n }]\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _GlobalHeader = require('./v1/GlobalHeader');\n\nvar _GlobalHeader2 = _interopRequireDefault(_GlobalHeader);\n\nvar _GlobalHeader3 = require('./v2/GlobalHeader');\n\nvar _GlobalHeader4 = _interopRequireDefault(_GlobalHeader3);\n\nvar _GlobalHeader5 = require('./v3/GlobalHeader');\n\nvar _GlobalHeader6 = _interopRequireDefault(_GlobalHeader5);\n\nvar _GlobalHeader7 = require('./v4/GlobalHeader');\n\nvar _GlobalHeader8 = _interopRequireDefault(_GlobalHeader7);\n\nvar _MPPHeaderDefaultProps = require('./components/MPPHeaderDefaultProps');\n\nvar _MPPHeaderDefaultProps2 = _interopRequireDefault(_MPPHeaderDefaultProps);\n\nvar _MPPHeaderPropTypes = require('./components/MPPHeaderPropTypes');\n\nvar _MPPHeaderPropTypes2 = _interopRequireDefault(_MPPHeaderPropTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MPPHeader = function (_React$Component) {\n _inherits(MPPHeader, _React$Component);\n\n function MPPHeader() {\n _classCallCheck(this, MPPHeader);\n\n return _possibleConstructorReturn(this, (MPPHeader.__proto__ || Object.getPrototypeOf(MPPHeader)).apply(this, arguments));\n }\n\n _createClass(MPPHeader, [{\n key: 'render',\n value: function render() {\n var headerVersion = this.props.config && this.props.config.version || 'v1';\n // Header versions: V1, V2\n switch (headerVersion) {\n case 'v2':\n return _react2.default.createElement(_GlobalHeader4.default, this.props);\n case 'v3':\n return _react2.default.createElement(_GlobalHeader6.default, this.props);\n case 'v4':\n return _react2.default.createElement(_GlobalHeader8.default, this.props);\n default:\n return _react2.default.createElement(_GlobalHeader2.default, this.props);\n }\n }\n }]);\n\n return MPPHeader;\n}(_react2.default.Component);\n\nexports.default = MPPHeader;\n\n\nMPPHeader.propTypes = _MPPHeaderPropTypes2.default;\nMPPHeader.defaultProps = _MPPHeaderDefaultProps2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = {\n config: {\n useMinimalHeader: false,\n hideHeaderButtons: false,\n version: 'v1',\n rtl: false,\n enhanced: true,\n dwHeader: true\n },\n content: {\n minimalHeader: {\n labelMenuButton: 'Menu',\n labelClose: 'Close',\n logo: {\n text: 'PayPal',\n href: '/webapp/mpp/home'\n },\n headerButtons: [{\n id: 'ul-btn',\n text: 'Log In',\n href: '/signin'\n }, {\n id: 'signup-button',\n text: 'Sign Up',\n href: '/webapps/mpp/account-selection',\n color: 'white'\n }]\n },\n mainMenuContent: [{\n type: 'subnav',\n text: 'For You',\n id: 'header-personal',\n href: '/webapps/mpp/home',\n subnavLinks: [{\n \"text\": \"How PayPal Works\",\n \"subtext\": \"See how PayPal simplifies your life\",\n \"href\": \"/webapps/mpp/how-paypal-works\"\n }, {\n \"text\": \"PayPal App\",\n \"subtext\": \"Pay in person, send money, and track activity\",\n \"href\": \"/webapps/mpp/mobile-apps/paypal-app\"\n }, {\n \"text\": \"Buy and Shop\",\n \"subtext\": \"A fast and secure way to buy online and in person\",\n \"href\": \"/webapps/mpp/pay-online\"\n }, {\n \"text\": \"Send and Request Money\",\n \"subtext\": \"Transfer to friends or get paid back\",\n \"href\": \"/webapps/mpp/for-you/transfer-money/send-money\"\n }, {\n \"text\": \"PayPal Credit and Cards\",\n \"subtext\": \"Our credit, debit, prepaid cards, and PayPal Credit\",\n \"href\": \"/webapps/mpp/credit-line-and-card-services\"\n }, {\n \"text\": \"Start Selling\",\n \"subtext\": \"Get paid by customers and clients\",\n \"href\": \"/webapps/mpp/start-selling\"\n }],\n subnavLinksL2: [{\n text: 'Free Return Shipping',\n href: '/webapps/mpp/returns'\n }, {\n text: 'Fees',\n href: '/webapps/mpp/paypal-fees'\n }, {\n text: 'Security',\n href: '/webapps/mpp/paypal-safety-and-security'\n }]\n }, {\n type: 'subnavGrouped',\n text: 'For Business',\n href: '/business',\n id: 'header-for-business',\n subnavLinks: [{\n groupName: 'SMB',\n text: 'Small-to-Medium Business',\n group: [{\n text: 'Introduction',\n href: '/business'\n }, {\n text: 'How PayPal Works',\n href: '/business/how-paypal-works'\n }, {\n text: 'Getting Started',\n href: '/business/getting-started'\n }],\n groupL2: [{\n text: 'Solutions',\n href: '/business/solutions'\n }, {\n text: 'Accept Payments',\n href: '/business/accept-payments',\n linkType: 'secondary'\n }, {\n text: 'Make Payments',\n href: '/business/make-payments',\n linkType: 'secondary'\n }, {\n text: 'Manage Risk',\n href: '/business/manage-risk',\n linkType: 'secondary'\n }, {\n text: 'Accelerate Growth',\n href: '/business/accelerate-growth',\n linkType: 'secondary'\n }, {\n text: 'Streamline Operations',\n href: '/business/streamline-operations',\n linkType: 'secondary'\n }]\n }, {\n groupName: 'ENT',\n text: 'Enterprise',\n group: [{\n text: 'Introduction',\n href: '/enterprise'\n }, {\n text: 'Marketplaces & Partners',\n href: '/business/platforms-and-marketplaces'\n }],\n groupL2: [{\n text: 'Platform & Solutions',\n href: '/enterprise/platform'\n }, {\n text: 'Accept Payments',\n href: '/enterprise/accept-payments',\n linkType: 'secondary'\n }, {\n text: 'Make Payments',\n href: '/enterprise/make-payments',\n linkType: 'secondary'\n }, {\n text: 'Manage Risk',\n href: '/enterprise/manage-risk',\n linkType: 'secondary'\n }, {\n text: 'Accelerate Growth',\n href: '/enterprise/accelerate-growth',\n linkType: 'secondary'\n }, {\n text: 'Streamline Operations',\n href: '/enterprise/streamline-operations',\n linkType: 'secondary'\n }]\n }, {\n groupName: 'MORE',\n text: 'More',\n group: [{\n text: 'Nonprofits',\n href: '/webapps/mpp/nfp'\n }, {\n text: 'Pricing',\n href: '/webapps/mpp/merchant-fees'\n }, {\n text: 'Resource Center',\n href: '/brc'\n }]\n }]\n }, {\n type: 'linkOnly',\n text: 'Send',\n href: '/webapps/mpp/send-money-online'\n }, {\n type: 'linkOnly',\n text: 'Request',\n href: '/webapps/mpp/requesting-payments'\n }, {\n type: 'languageDesk',\n text: 'FR',\n href: '?locale.x=fr_CA'\n }, {\n type: 'languageMobile',\n text: 'Français',\n href: '?locale.x=fr_CA'\n }],\n sublistMobile: [{\n type: 'link',\n text: 'Partners & Developers',\n href: '/webapps/mpp/partner-program'\n }, {\n type: 'cta',\n text: 'Sign Up',\n href: '/webapps/mpp/account-selection'\n }],\n dwMainMenuContent: [{\n type: 'dwSubnav',\n text: 'Personal',\n id: 'header-personal',\n href: '/webapps/mpp/home',\n subnavLinks: [{\n text: 'Shop and Buy',\n groupName: 'SHOPBUY',\n mobileOnlyText: 'Shop and Buy Overview',\n mobileOnlyHref: '/digital-wallet/ways-to-pay',\n href: '/digital-wallet/ways-to-pay',\n group: [{\n text: 'Buy Now, Pay Later',\n href: '/digital-wallet/ways-to-pay/buy-now-pay-later'\n }, {\n text: 'Deals and Cash Back',\n href: '/digital-wallet/deals-rewards'\n }, {\n text: 'Pay with Rewards',\n href: '/digital-wallet/ways-to-pay/pay-with-rewards'\n }, {\n text: 'Pay with QR Codes',\n href: '/digital-wallet/ways-to-pay/pay-with-qr-code'\n }, {\n text: 'Checkout with Crypto',\n href: '/digital-wallet/manage-money/crypto'\n }, {\n text: 'PayPal Credit and Cards',\n href: '/digital-wallet/ways-to-pay/credit-services'\n }]\n }, {\n text: 'Send and Receive',\n href: '/digital-wallet/send-receive-money',\n mobileOnlyText: 'Send and Receive Overview',\n mobileOnlyHref: '/digital-wallet/send-receive-money',\n groupName: 'SENDRECEIVE',\n group: [{\n text: 'Send Money',\n href: '/digital-wallet/send-receive-money/send-money'\n }, {\n text: 'Request Money',\n href: '/digital-wallet/send-receive-money/request-money'\n }, {\n text: 'Start Selling',\n href: '/digital-wallet/send-receive-money/start-selling'\n }, {\n text: 'Donate and Raise Funds',\n href: '/digital-wallet/send-receive-money/giving'\n }]\n }, {\n text: 'Manage Your Money',\n href: '/digital-wallet/manage-money',\n mobileOnlyText: 'Manage Your Money Overview',\n mobileOnlyHref: '/digital-wallet/manage-money',\n groupName: 'MANAGEMONEY',\n group: [{\n text: 'Set up Direct Deposit',\n href: '/digital-wallet/manage-money/direct-deposit'\n }, {\n text: 'Deposit Checks',\n href: '/digital-wallet/manage-money/cash-check'\n }, {\n text: 'Add Cash',\n href: '/digital-wallet/manage-money/add-cash'\n }, {\n text: 'Savings and Goals',\n href: '/digital-wallet/manage-money/start-saving'\n }, {\n text: 'Buy and Sell Crypto',\n href: '/digital-wallet/manage-money/crypto'\n }, {\n text: 'Pay Bills',\n href: '/digital-wallet/manage-money/pay-bills'\n }]\n }],\n subnavLinksL2: [{\n text: 'The new PayPal app',\n subtext: 'Get the all-in-one app for everyone.',\n href: '/digital-wallet',\n iconUrl: 'https://www.paypalobjects.com/marketing/web/us/en/home-merchant/spot.svg'\n }, {\n text: 'How PayPal works',\n subtext: 'Do more with your money',\n href: '/digital-wallet/how-paypal-works',\n iconUrl: 'https://www.paypalobjects.com/marketing/web/us/en/home-merchant/launch-spot.svg'\n }]\n }, {\n type: 'dwSubnav',\n text: 'Business',\n href: '/business',\n id: 'header-for-business',\n subnavLinks: [{\n text: 'Small-to-Medium Business',\n groupName: 'SMB',\n mobileOnlyText: 'Small-to-Medium Business Overview',\n mobileOnlyHref: '/business',\n href: '/business',\n group: [{\n text: 'Getting Started',\n href: '/business/getting-started'\n }, {\n text: 'All Solutions',\n href: '/business/solutions'\n }, {\n text: 'Accept Payments',\n href: '/business/accept-payments'\n }, {\n text: 'Make Payments',\n href: '/business/make-payments'\n }, {\n text: 'Manage Risk',\n href: '/business/manage-risk'\n }, {\n text: 'Accelerate Growth',\n href: '/business/accelerate-growth'\n }, {\n text: 'Streamline Operations',\n href: '/business/streamline-operations'\n }]\n }, {\n text: 'Enterprise',\n href: '/enterprise',\n mobileOnlyText: 'Enterprise Overview',\n mobileOnlyHref: '/enterprise',\n groupName: 'ENTERPRISE',\n group: [{\n text: 'PayPal for Enterprise',\n href: '/enterprise'\n }, {\n text: 'Platform and Capabilities',\n href: '/enterprise/platform'\n }, {\n text: 'Simplify Payment Operations',\n href: '/enterprise/streamline-operations'\n }, {\n text: 'Fraud Protection',\n href: '/enterprise/fraud-protection-advanced'\n }, {\n text: 'Global Payment Processing',\n href: '/enterprise/accept-payments'\n }, {\n text: 'Payment Methods',\n href: '/enterprise/payment-methods'\n }, {\n text: 'Product Spotlight',\n href: '/enterprise/product-spotlight'\n }]\n }, {\n text: 'More',\n href: '',\n groupName: 'MORE',\n mobileOnlyText: '',\n mobileOnlyHref: '',\n group: [{\n text: 'Fundraising',\n href: '/webapps/mpp/nfp'\n }, {\n text: 'Marketplace and Platforms',\n href: '/business/platforms-and-marketplaces'\n }]\n }],\n subnavLinksL2: [{\n text: 'Pricing',\n subtext: 'Fees for some of our most popular products.',\n href: '/business/pricing',\n iconUrl: 'https://www.paypalobjects.com/marketing/web/us/en/home-merchant/pricing-blue.svg'\n }, {\n text: 'Resource Center',\n subtext: 'Useful info to help your business grow.',\n href: '/brc',\n iconUrl: 'https://www.paypalobjects.com/marketing/web/us/en/home-merchant/pin-blue.svg'\n }]\n }, {\n type: 'linkOnly',\n text: 'Developer',\n href: 'https://developer.paypal.com/home'\n }, {\n type: 'linkOnly',\n text: 'Help',\n href: '/smarthelp/home'\n }]\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = {\n config: _propTypes2.default.shape({\n useMinimalHeader: _propTypes2.default.bool\n }),\n content: _propTypes2.default.shape({\n minimalHeader: _propTypes2.default.shape({\n labelMenuButton: _propTypes2.default.string.isRequired,\n labelClose: _propTypes2.default.string.isRequired,\n logo: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired\n }),\n headerButtons: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n id: _propTypes2.default.string,\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n color: _propTypes2.default.oneOf(['outline-white', 'white'])\n }))\n }),\n mainMenuContent: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n id: _propTypes2.default.string,\n type: _propTypes2.default.oneOf(['linkOnly', 'linkOnlyDesk', 'subnav', 'subnavGrouped', 'sendMoneyForm', 'languageDesk', 'languageMobile', 'dwSubnav']),\n text: _propTypes2.default.string,\n href: _propTypes2.default.string,\n subnavLinks: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n text: _propTypes2.default.string,\n subtext: _propTypes2.default.string,\n href: _propTypes2.default.string,\n groupName: _propTypes2.default.string,\n group: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n href: _propTypes2.default.string,\n text: _propTypes2.default.string\n }))\n })),\n subnavLinksL2: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n text: _propTypes2.default.string,\n href: _propTypes2.default.string\n }))\n })),\n sublistMobile: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n type: _propTypes2.default.oneOf(['link', 'cta']),\n text: _propTypes2.default.string,\n href: _propTypes2.default.string\n }))\n })\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Logo = require('../../../../atoms/logo/jsx/Logo');\n\nvar _Logo2 = _interopRequireDefault(_Logo);\n\nvar _Button = require('../../../../atoms/button/jsx/Button');\n\nvar _Button2 = _interopRequireDefault(_Button);\n\nvar _MPPMainMenu = require('./MPPMainMenu');\n\nvar _MPPMainMenu2 = _interopRequireDefault(_MPPMainMenu);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MPPHeaderRoot = function (_Component) {\n _inherits(MPPHeaderRoot, _Component);\n\n function MPPHeaderRoot(props) {\n _classCallCheck(this, MPPHeaderRoot);\n\n var _this = _possibleConstructorReturn(this, (MPPHeaderRoot.__proto__ || Object.getPrototypeOf(MPPHeaderRoot)).call(this, props));\n\n _this.generateClassNames = function () {\n return (0, _classnames2.default)('pp-header', {\n 'pp-header--submenu-close': _this.props.isClosing,\n 'pp-header--submenu-open': _this.props.activeLink,\n 'pp-header--menu-open': _this.props.menuOpen,\n 'pp-header--rtl': _this.props.rtl,\n 'pp-header--enhanced': _this.props.enhanced\n }, 'pp-header--active-link-' + _this.props.activeLinkIndex, (_this.props.dwHeader ? 'dw-pp-header' : '') + ' ', _this.props.className);\n };\n\n _this.renderLogo = function (logoProps) {\n return _react2.default.createElement(\n 'div',\n { className: 'pypl-logo-wrapper' },\n _react2.default.createElement(_Logo2.default, {\n text: logoProps.text,\n href: logoProps.href,\n color: logoProps.color || 'white',\n 'data-pa-click': 'Header-Logo-PayPal Logo'\n })\n );\n };\n\n _this.renderMainMenu = _this.renderMainMenu.bind(_this);\n _this.renderMenuButton = _this.renderMenuButton.bind(_this);\n return _this;\n }\n\n _createClass(MPPHeaderRoot, [{\n key: 'renderMenuButton',\n value: function renderMenuButton(labelMenuButton) {\n if (this.props.config.useMinimalHeader || !this.props.content.mainMenuContent) {\n var logoutBtn = this.props.content.minimalHeader.headerButtons.filter(function (el) {\n return el.id === 'logout-button';\n })[0];\n if (logoutBtn) {\n return _react2.default.createElement(\n 'div',\n { className: 'menu-button-wrapper' },\n _react2.default.createElement(\n _Button2.default,\n {\n id: logoutBtn.id,\n href: logoutBtn.href,\n className: 'logout-button-mobile',\n size: 'small',\n color: logoutBtn.color || 'outline-white',\n fpti: 'HeaderMainMenu-Cta-' + logoutBtn.text\n },\n logoutBtn.text\n )\n );\n }\n return null;\n }\n return _react2.default.createElement(\n 'div',\n { className: 'menu-button-wrapper' },\n _react2.default.createElement(\n _Button2.default,\n {\n id: 'menu-button',\n className: 'menu-button',\n size: 'small',\n color: 'outline-white',\n onClick: this.props.handlers.handleMenuButton,\n fpti: 'MainMenu-Cta-' + labelMenuButton\n },\n labelMenuButton\n )\n );\n }\n }, {\n key: 'renderMainMenu',\n value: function renderMainMenu() {\n if (this.props.config.useMinimalHeader || !this.props.content.mainMenuContent) {\n return null;\n }\n return _react2.default.createElement(_MPPMainMenu2.default, {\n content: this.props.content,\n activeLinkIndex: this.props.activeLinkIndex,\n closingLinkIndex: this.props.closingLinkIndex,\n handlers: this.props.handlers,\n register: this.props.register,\n dwHeader: this.props.dwHeader\n });\n }\n }, {\n key: 'renderHeaderButtons',\n value: function renderHeaderButtons() {\n // Double check for backwards compatibility\n if (this.props.config.hideHeaderButtons !== undefined && this.props.config.hideHeaderButtons) {\n return null;\n }\n\n var headerButtons = this.props.content.minimalHeader.headerButtons;\n\n\n var amplitudeHeaderEvents = {\n 'signup-button': 'ppcom_header_signup_clicked',\n 'ul-btn': 'ppcom_header_login_clicked',\n 'logout-button': 'ppcom_header_logout_clicked',\n 'myaccount-button': 'ppcom_header_myaccount_clicked'\n };\n\n if (headerButtons) {\n return _react2.default.createElement(\n 'div',\n { id: 'header-buttons', className: 'header-buttons' },\n _react2.default.createElement(\n 'div',\n null,\n headerButtons.map(function (elem, idx) {\n var elemKey = '' + elem.href + idx;\n return _react2.default.createElement(\n _Button2.default,\n {\n id: elem.id,\n key: elemKey,\n href: elem.href,\n size: 'small',\n color: elem.color || 'outline-white',\n fpti: amplitudeHeaderEvents[elem.id] ? '{\"link\": \"HeaderMainMenu' + idx + '-Cta-' + elem.text + '\",\"event_name\":\"' + amplitudeHeaderEvents[elem.id] + '\"}' : 'HeaderMainMenu' + idx + '-Cta-' + elem.text\n },\n elem.text\n );\n })\n )\n );\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props$content$minima = this.props.content.minimalHeader,\n labelMenuButton = _props$content$minima.labelMenuButton,\n logo = _props$content$minima.logo;\n\n\n return _react2.default.createElement(\n 'header',\n {\n ref: function ref(_ref) {\n return _this2.props.getHeaderRef(_ref);\n },\n className: this.generateClassNames(),\n 'data-building-block': 'organism',\n style: this.props.style\n },\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'div',\n { className: 'pp-header__wrapper container' },\n this.renderMenuButton(labelMenuButton),\n this.renderLogo(logo),\n this.renderMainMenu(),\n this.renderHeaderButtons()\n )\n ),\n this.props.dwHeader && _react2.default.createElement('div', { id: 'dw-overlay-menu-open', className: 'dw-overlay-menu-open' })\n );\n }\n }]);\n\n return MPPHeaderRoot;\n}(_react.Component);\n\nMPPHeaderRoot.propTypes = {\n config: _propTypes2.default.object.isRequired,\n content: _propTypes2.default.object.isRequired,\n className: _propTypes2.default.string,\n rtl: _propTypes2.default.bool,\n enhanced: _propTypes2.default.bool,\n isClosing: _propTypes2.default.bool.isRequired,\n menuOpen: _propTypes2.default.bool.isRequired,\n activeLink: _propTypes2.default.object,\n activeLinkIndex: _propTypes2.default.number.isRequired,\n closingLinkIndex: _propTypes2.default.number,\n handlers: _propTypes2.default.object.isRequired,\n register: _propTypes2.default.func.isRequired,\n getHeaderRef: _propTypes2.default.func.isRequired,\n style: _propTypes2.default.object,\n dwHeader: _propTypes2.default.bool\n};\n\nMPPHeaderRoot.defaultProps = {\n className: '',\n activeLink: null,\n closingLinkIndex: -1,\n rtl: false,\n enhanced: false,\n style: {},\n dwHeader: false\n};\n\nexports.default = MPPHeaderRoot;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Button = require('../../../../atoms/button/jsx/Button');\n\nvar _Button2 = _interopRequireDefault(_Button);\n\nvar _MPPSubnav = require('./MPPSubnav');\n\nvar _MPPSubnav2 = _interopRequireDefault(_MPPSubnav);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MainMenu = function (_Component) {\n _inherits(MainMenu, _Component);\n\n function MainMenu(props) {\n _classCallCheck(this, MainMenu);\n\n var _this = _possibleConstructorReturn(this, (MainMenu.__proto__ || Object.getPrototypeOf(MainMenu)).call(this, props));\n\n _this.render = _this.render.bind(_this);\n _this.renderByStrategies = _this.renderByStrategies.bind(_this);\n return _this;\n }\n\n _createClass(MainMenu, [{\n key: 'renderByStrategies',\n value: function renderByStrategies(elem, idx, handlers) {\n var _props = this.props,\n register = _props.register,\n activeLinkIndex = _props.activeLinkIndex,\n closingLinkIndex = _props.closingLinkIndex;\n var minimalHeader = this.props.content.minimalHeader;\n\n var strategies = {\n link: function link(elementContent) {\n return _react2.default.createElement(\n 'li',\n { key: 'sublist-link' + idx },\n _react2.default.createElement(\n 'a',\n {\n href: elementContent.href,\n className: 'sublist-link',\n 'data-pa-click': '{\"link\":\"HeaderSublist-Link-' + elementContent.text + '\",\"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n elementContent.text\n )\n );\n },\n cta: function cta(elementContent) {\n return _react2.default.createElement(\n 'li',\n { className: 'sublist-cta-wrapper', key: 'sublist-link' + idx },\n _react2.default.createElement(\n _Button2.default,\n {\n id: elementContent.id,\n href: elementContent.href,\n className: 'sublist-cta',\n color: 'outline-white',\n fpti: '{\"link\":\"HeaderMainMenu-Cta-' + elementContent.text + '\", \"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n elementContent.text\n )\n );\n },\n linkOnly: function linkOnly(elementContent) {\n var highlighClassName = '';\n if (typeof window !== 'undefined') {\n var currentLocation = window.location.pathname;\n if (currentLocation.indexOf(elementContent.href) !== -1) {\n highlighClassName = 'pypl-header__subnav-control--is-highlighted';\n }\n }\n var linkClass = (0, _classnames2.default)('main-link', highlighClassName, elementContent.className);\n return _react2.default.createElement(\n 'li',\n { key: 'main-link' + idx },\n _react2.default.createElement(\n 'a',\n {\n id: elementContent.id,\n href: elementContent.href,\n className: linkClass,\n 'data-pa-click': '{\"link\":\"HeaderMainMenu-Link-' + elementContent.text + '\",\"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n elementContent.text\n )\n );\n },\n languageDesk: function languageDesk(elementContent) {\n return _react2.default.createElement(\n 'li',\n { key: 'main-link' + idx, className: 'hidden-lg-down' },\n _react2.default.createElement(\n 'a',\n {\n id: elementContent.id,\n href: elementContent.href,\n className: 'main-link separator-menu',\n 'data-pa-click': '{\"link\":\"HeaderMainMenu-Link-' + elementContent.text + '\",\"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n elementContent.text\n )\n );\n },\n languageMobile: function languageMobile(elementContent) {\n return _react2.default.createElement(\n 'li',\n { key: 'main-link' + idx, className: 'hidden-xl-up' },\n _react2.default.createElement(\n 'a',\n {\n id: elementContent.id,\n href: elementContent.href,\n className: 'main-link',\n 'data-pa-click': '{\"link\":\"HeaderMainMenu-Link-' + elementContent.text + '\",\"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n elementContent.text\n )\n );\n },\n linkOnlyDesk: function linkOnlyDesk(elementContent) {\n return _react2.default.createElement(\n 'li',\n { className: 'hidden-lg-down', key: 'main-link' + idx },\n _react2.default.createElement(\n 'a',\n {\n id: elementContent.id,\n href: elementContent.href,\n className: 'main-link',\n 'data-pa-click': '{\"link\":\"HeaderMainMenu-Link-' + elementContent.text + '\",\"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n elementContent.text\n )\n );\n },\n subnav: function subnav(elementContent) {\n return _react2.default.createElement(_MPPSubnav2.default, {\n key: 'main-link' + idx,\n content: elementContent,\n handlers: handlers,\n minimalHeader: minimalHeader,\n register: register,\n activeLinkIndex: activeLinkIndex,\n closingLinkIndex: closingLinkIndex\n });\n },\n subnavGrouped: function subnavGrouped(elementContent) {\n return _react2.default.createElement(_MPPSubnav2.default, {\n key: 'main-link' + idx,\n content: elementContent,\n handlers: handlers,\n minimalHeader: minimalHeader,\n register: register,\n activeLinkIndex: activeLinkIndex,\n closingLinkIndex: closingLinkIndex,\n grouped: true\n });\n },\n dwSubnav: function dwSubnav(elementContent) {\n return _react2.default.createElement(_MPPSubnav2.default, {\n key: 'main-link' + idx,\n content: elementContent,\n handlers: handlers,\n minimalHeader: minimalHeader,\n register: register,\n activeLinkIndex: activeLinkIndex,\n closingLinkIndex: closingLinkIndex,\n isDigitalWallet: true\n });\n }\n };\n return strategies[elem.type](elem);\n }\n }, {\n key: 'renderMainMenuLinks',\n value: function renderMainMenuLinks(mainMenuContent) {\n var _this2 = this;\n\n return mainMenuContent.map(function (elem, idx) {\n return _this2.renderByStrategies(elem, idx, _this2.props.handlers);\n });\n }\n }, {\n key: 'renderSublistLinks',\n value: function renderSublistLinks(sublistMobile) {\n var _this3 = this;\n\n return sublistMobile.map(function (elem, idx) {\n return _this3.renderByStrategies(elem, idx, _this3.props.handlers);\n });\n }\n }, {\n key: 'render',\n value: function render() {\n var sublistMobile = this.props.content.sublistMobile;\n\n var dwHeaderFlag = this.props.dwHeader;\n var mainMenuContent = dwHeaderFlag && this.props.content.dwMainMenuContent ? this.props.content.dwMainMenuContent : this.props.content.mainMenuContent;\n\n return _react2.default.createElement(\n 'nav',\n { id: 'main-menu', className: 'main-menu' },\n _react2.default.createElement(\n 'ul',\n { className: 'main-menu-list' },\n this.renderMainMenuLinks(mainMenuContent)\n ),\n _react2.default.createElement(\n 'ul',\n { className: 'main-menu__sublist' },\n this.renderSublistLinks(sublistMobile)\n )\n );\n }\n }]);\n\n return MainMenu;\n}(_react.Component);\n\nMainMenu.propTypes = {\n content: _propTypes2.default.object.isRequired,\n register: _propTypes2.default.func.isRequired,\n handlers: _propTypes2.default.object.isRequired,\n activeLinkIndex: _propTypes2.default.number.isRequired,\n closingLinkIndex: _propTypes2.default.number,\n dwHeader: _propTypes2.default.bool\n};\n\nMainMenu.defaultProps = {\n closingLinkIndex: 0,\n dwHeader: false\n};\n\nexports.default = MainMenu;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _breakpoints = require('../../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar countL2Columns = function countL2Columns(subnavLinks) {\n var columnCount = 0;\n subnavLinks.forEach(function (link) {\n if (link.groupL2) {\n columnCount += 1;\n }\n });\n\n return columnCount;\n};\n\n// Check is object helper\nvar isObject = function isObject(value) {\n var type = typeof value === 'undefined' ? 'undefined' : _typeof(value);\n return !!value && (type === 'object' || type === 'function');\n};\n\n// Render Sub menu Card\nvar renderCards = function renderCards(item, index, classList) {\n var pa = item.fpti;\n var fpti = (0, _classnames2.default)('' + (isObject(pa) ? '{\"link\":\"HeaderSubnav-Card-' + (pa.link || item.text) + '\",\"event_name\":\"' + pa.event_name + '\"}' : '{\"link\":\"HeaderSubnav-Card-' + item.text + '\",\"event_name\":\"ppcom_header_nav_clicked\"}'));\n\n return _react2.default.createElement(\n 'li',\n { key: index, className: classList !== '' ? classList : '' },\n _react2.default.createElement(\n 'a',\n { href: item.href, 'data-pa-click': fpti },\n !!item.iconUrl && _react2.default.createElement('img', { src: item.iconUrl, alt: item.text }),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'div',\n { className: 'text' },\n item.text\n ),\n !!item.subtext && _react2.default.createElement(\n 'div',\n { className: 'subtext' },\n item.subtext\n )\n )\n )\n );\n};\n\nvar renderHelper = function renderHelper(item, index) {\n var linksHeader = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';\n\n var linkClassNames = (0, _classnames2.default)(_defineProperty({}, 'link-type--' + item.linkType, item.linkType !== undefined));\n\n return _react2.default.createElement(\n 'li',\n { key: index, className: linkClassNames },\n _react2.default.createElement(\n 'a',\n {\n href: item.href,\n 'data-pa-click': linksHeader !== '' ? '{\"link\":\"HeaderSubnav-Link-' + linksHeader + '-' + item.text + '\", \"event_name\":\"ppcom_header_nav_clicked\"}' : '{\"link\":\"HeaderSubnav-Link-' + item.text + '\", \"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n item.text,\n item.subtext ? _react2.default.createElement(\n 'span',\n null,\n item.subtext\n ) : null\n )\n );\n};\n\nvar MPPSubnav = function (_Component) {\n _inherits(MPPSubnav, _Component);\n\n function MPPSubnav(props) {\n _classCallCheck(this, MPPSubnav);\n\n var _this = _possibleConstructorReturn(this, (MPPSubnav.__proto__ || Object.getPrototypeOf(MPPSubnav)).call(this, props));\n\n _this.generateClassNames = function (isOpen, isClosing) {\n return (0, _classnames2.default)('pypl-header__subnav-control', 'main-link', {\n 'pypl-header__subnav-control--is-active': isOpen,\n 'pypl-header__subnav-control--is-closing': isClosing,\n 'pypl-header__subnav-control--is-highlighted': isOpen || _this.state.locationMatched\n });\n };\n\n _this.renderSubmenuCols = function (content) {\n var subnavLinks = content.subnavLinks;\n\n var cols = [];\n var totalLinks = subnavLinks.length;\n var colsClassname = 'submenu-cols';\n\n if (totalLinks < 7) {\n for (var i = 0; i < totalLinks; i += 1) {\n cols.push(_react2.default.createElement(\n 'ul',\n { className: 'submenu-col', key: 'subnav-' + i },\n renderHelper(subnavLinks[i], i),\n subnavLinks[i + 1] ? renderHelper(subnavLinks[i + 1], i + 1) : null\n ));\n i += 1;\n }\n } else {\n for (var _i = 0; _i < totalLinks; _i += 1) {\n cols.push(_react2.default.createElement(\n 'ul',\n { className: 'submenu-col submenu-row-3', key: 'subnav-' + _i },\n renderHelper(subnavLinks[_i], _i),\n subnavLinks[_i + 1] ? renderHelper(subnavLinks[_i + 1], _i + 1) : null,\n subnavLinks[_i + 2] ? renderHelper(subnavLinks[_i + 2], _i + 2) : null\n ));\n _i += 2;\n }\n }\n\n if (typeof content.subnavLinksL2 !== 'undefined') {\n cols.push(_react2.default.createElement(\n 'ul',\n {\n className: 'submenu-col submenu-lvl2 submenu-lvl2-row-' + content.subnavLinksL2.length,\n key: 'subnav-lvl2'\n },\n content.subnavLinksL2.map(function (el, idx) {\n return renderHelper(el, idx);\n })\n ));\n colsClassname += ' lvl-2';\n }\n\n return _react2.default.createElement(\n 'div',\n { className: colsClassname },\n cols\n );\n };\n\n _this.renderSubmenuGrouped = function (content) {\n var subnavLinks = content.subnavLinks;\n\n var cols = [];\n var totalLinks = subnavLinks.length;\n var colsClassname = 'submenu-cols submenu-cols--grouped submenu-cols--' + totalLinks;\n\n var totalL2Cols = countL2Columns(subnavLinks);\n if (totalL2Cols > 0) {\n colsClassname += ' submenu-cols--l2-' + totalL2Cols;\n }\n\n for (var i = 0; i < totalLinks; i += 1) {\n var subNav = subnavLinks[i];\n\n if (subNav.group) {\n (function () {\n var subNavLinksHeading = subNav.groupName ? subNav.groupName : '';\n var links = subNav.group.map(function (elem, idx) {\n return renderHelper(elem, idx, subNavLinksHeading);\n });\n\n var header = subNav.text ? _react2.default.createElement(\n 'li',\n { className: 'submenu-col__header' },\n subNav.text\n ) : '';\n\n if (subNav.groupL2) {\n var linksL2 = subNav.groupL2.map(function (elem, idx) {\n return renderHelper(elem, idx, subNavLinksHeading);\n });\n\n cols.push(_react2.default.createElement(\n 'ul',\n { className: 'submenu-col submenu-col--include-l2', key: 'subnav-' + i },\n header,\n _react2.default.createElement(\n 'ul',\n { className: 'submenu-col--l2-list' },\n links\n ),\n _react2.default.createElement(\n 'ul',\n { className: 'submenu-col--l2-list' },\n linksL2\n )\n ));\n } else {\n cols.push(_react2.default.createElement(\n 'ul',\n { className: 'submenu-col', key: 'subnav-' + i },\n header,\n links\n ));\n }\n })();\n }\n }\n\n // TODO: Find a way to remove this boilerplate\n if (typeof content.subnavLinksL2 !== 'undefined') {\n cols.push(_react2.default.createElement(\n 'ul',\n {\n className: 'submenu-col submenu-lvl2 submenu-lvl2-row-' + content.subnavLinksL2.length,\n key: 'subnav-lvl2'\n },\n content.subnavLinksL2.map(function (el, idx) {\n return renderHelper(el, idx);\n })\n ));\n colsClassname += ' lvl-2';\n }\n\n return _react2.default.createElement(\n 'div',\n { className: colsClassname },\n cols\n );\n };\n\n _this.renderDigitalWalletSubmenu = function (content) {\n var subnavLinks = content.subnavLinks;\n\n var cols1 = [];\n var cols2 = [];\n var totalLinks = subnavLinks.length;\n // let colsClassname = 'submenu-cols';\n var classList = 'wd-col-' + 12 / totalLinks;\n\n for (var i = 0; i < totalLinks; i += 1) {\n var subNav = subnavLinks[i];\n\n if (subNav.group) {\n (function () {\n var subNavLinksHeading = subNav.groupName ? subNav.groupName : '';\n\n var links = subNav.group.map(function (elem, idx) {\n return renderHelper(elem, idx, subNavLinksHeading);\n });\n\n var mobileOnlyLink = _this.state.isMobile && subNav.mobileOnlyText && subNav.mobileOnlyHref ? renderHelper({ text: subNav.mobileOnlyText, href: subNav.mobileOnlyHref }, -1, subNavLinksHeading) : '';\n\n // constructing Apmlitude tracking & Default Tracking for submenu header\n\n var pa = subNav.fpti;\n var fpti = (0, _classnames2.default)((isObject(pa) ? '{\"link\":\"HeaderSubnav-SubHeader-' + subNav.groupName + '-' + (pa.link || subNav.text) + '\",\"event_name\":\"' + pa.event_name + '\"}' : '{\"link\":\"HeaderSubnav-SubHeader-' + subNav.groupName + '-' + subNav.text + '\",\"event_name\":\"ppcom_header_nav_clicked\"}') + ' \\n ');\n\n var headerClassName = 'submenu-col__header ' + (!_this.state.isMobile && subNav.href ? 'submenu-col__header_with_href' : '');\n\n var header = subNav.text ? _react2.default.createElement(\n 'a',\n {\n href: _this.state.isMobile ? '#' : subNav.href || '#',\n 'data-pa-click': fpti,\n className: headerClassName,\n onClick: _this.handleAccordianEvent\n },\n ' ',\n subNav.text\n ) : '';\n\n cols1.push(_react2.default.createElement(\n 'div',\n { className: 'submenu-col ' + classList },\n header,\n _react2.default.createElement(\n 'ul',\n { key: 'subnav-' + i },\n mobileOnlyLink,\n links\n )\n ));\n })();\n }\n }\n\n //\n if (typeof content.subnavLinksL2 !== 'undefined') {\n cols2.push(_react2.default.createElement(\n 'ul',\n { className: 'submenu-col dw-submenu-cards', key: 'subnav-lvl2' },\n content.subnavLinksL2.map(function (el, idx) {\n return renderCards(el, idx, 'submenu-card');\n })\n ));\n }\n\n return _react2.default.createElement(\n 'div',\n { className: 'dw-submenu-container' },\n _react2.default.createElement(\n 'div',\n { className: 'wd-75 wd-75-' + 12 / totalLinks },\n cols1\n ),\n _react2.default.createElement(\n 'div',\n { className: 'wd-25 wd-25-' + 12 / totalLinks },\n cols2\n )\n );\n };\n\n _this.registerDropDown = _this.registerDropDown.bind(_this);\n _this.renderMobileCloser = _this.renderMobileCloser.bind(_this);\n _this.renderDesktopCloser = _this.renderDesktopCloser.bind(_this);\n _this.handleAccordianEvent = _this.handleAccordianEvent.bind(_this);\n _this.render = _this.render.bind(_this);\n _this.handleResize = _this.handleResize.bind(_this);\n _this.handleClickOverlay = _this.handleClickOverlay.bind(_this);\n _this.state = {\n indexAssigned: -2,\n locationMatched: false,\n isMobile: false\n };\n return _this;\n }\n\n _createClass(MPPSubnav, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n /*\n * Highlight code except on '/home' page\n */\n /* eslint-disable react/no-did-mount-set-state */\n var currentLocation = window.location.pathname;\n if (/\\/home$/.test(currentLocation)) return;\n\n var isLinkHighlighted = false;\n isLinkHighlighted = currentLocation.indexOf(this.props.content.href) !== -1;\n\n if (!isLinkHighlighted) {\n var subNavLinksArr = [].concat(_toConsumableArray(this.props.content.subnavLinks));\n // Check for L2 links to also include in highlight logic\n if (this.props.content.subnavLinksL2) {\n subNavLinksArr = subNavLinksArr.concat(this.props.content.subnavLinksL2);\n }\n isLinkHighlighted = subNavLinksArr.some(function (elem) {\n if (elem.group) {\n return elem.group.some(function (el) {\n return currentLocation.indexOf(el.href) !== -1;\n });\n }\n return currentLocation.indexOf(elem.href) !== -1;\n });\n }\n\n this.setState({\n locationMatched: isLinkHighlighted\n });\n\n if (this.props.isDigitalWallet && !document.body.classList.contains('menu-open-dw')) {\n document.body.className += ' menu-open-dw';\n }\n\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n /* eslint-enable react/no-did-mount-set-state */\n\n if (this.props.isDigitalWallet) {\n /* adding event listener for clicking outside of header */\n var overlayDiv = document.getElementById('dw-overlay-menu-open');\n if (overlayDiv) {\n overlayDiv.addEventListener('click', this.handleClickOverlay);\n }\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n\n if (this.props.isDigitalWallet) {\n /* remove event listener added for overlay */\n var overlayDiv = document.getElementById('dw-overlay-menu-open');\n if (overlayDiv) {\n overlayDiv.removeEventListener('click', this.handleClickOverlay);\n }\n }\n }\n }, {\n key: 'handleResize',\n value: function handleResize(e) {\n var newWindowWidth = e && e.iFrameWidth || window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n\n if (newWindowWidth >= _breakpoints2.default.medium) {\n if (this.state.isMobile) {\n this.setState({\n isMobile: false\n });\n }\n } else if (!this.state.isMobile) {\n this.setState({\n isMobile: true\n });\n }\n }\n }, {\n key: 'handleClickOverlay',\n value: function handleClickOverlay(e) {\n this.props.handlers.closeSubnav(e);\n }\n }, {\n key: 'handleAccordianEvent',\n\n\n // Accordian Click Handler\n\n value: function handleAccordianEvent(e) {\n var element = e.target.nextElementSibling;\n\n if (element.classList.contains('accordion-open')) {\n element.className = 'accordion-close';\n e.target.classList.remove('submenu-col__header-open');\n } else {\n element.className = 'accordion-open';\n e.target.classList.add('submenu-col__header-open');\n }\n\n // scrollToTop(e.target);\n }\n }, {\n key: 'registerDropDown',\n value: function registerDropDown(elem) {\n var indexAssigned = this.props.register(elem);\n this.setState({ indexAssigned: indexAssigned });\n }\n }, {\n key: 'renderDesktopCloser',\n value: function renderDesktopCloser() {\n var minimalHeader = this.props.minimalHeader;\n\n return _react2.default.createElement(\n 'span',\n { className: 'closer-desktop' },\n _react2.default.createElement(\n 'button',\n {\n href: '#',\n className: 'closer',\n title: minimalHeader.labelClose,\n onClick: this.props.handlers.closeSubnav,\n 'data-pa-click': '{\"link\":\"HeaderSubnav-Link-close\", \"event_name\": \"ppcom_header_nav_clicked\" }'\n },\n minimalHeader.labelClose\n )\n );\n }\n }, {\n key: 'renderMobileCloser',\n value: function renderMobileCloser() {\n var fpti = 'HeaderSubnav-Link-' + this.props.content.text;\n return _react2.default.createElement(\n 'span',\n { className: 'closer-mobile' },\n _react2.default.createElement(\n 'button',\n {\n href: '#',\n className: 'closer',\n onClick: this.props.handlers.closeSubnav,\n 'data-pa-click': '{\"link\":\"' + fpti + '\", \"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n this.props.content.text\n )\n );\n }\n\n // Render Digital Waller Submenu Markup & Logic\n\n }, {\n key: 'renderSubmenu',\n\n\n // Render Submenu based on Type\n value: function renderSubmenu(options) {\n var isOpen = options.isOpen,\n isClosing = options.isClosing,\n content = options.content;\n\n var isGrouped = this.props.grouped;\n var _props$isDigitalWalle = this.props.isDigitalWallet,\n isDigitalWallet = _props$isDigitalWalle === undefined ? false : _props$isDigitalWalle;\n\n var subMenu = null;\n\n if (isDigitalWallet) {\n subMenu = this.renderDigitalWalletSubmenu(content);\n } else if (isGrouped) {\n subMenu = this.renderSubmenuGrouped(content);\n } else {\n subMenu = this.renderSubmenuCols(content);\n }\n\n return _react2.default.createElement(\n 'div',\n { className: 'pp-header__subnav' },\n isOpen || isClosing ? this.renderMobileCloser() : '',\n subMenu,\n isOpen && !isDigitalWallet ? this.renderDesktopCloser() : ''\n );\n }\n }, {\n key: 'render',\n value: function render() {\n var content = this.props.content;\n\n var isOpen = this.props.activeLinkIndex === this.state.indexAssigned;\n var isClosing = this.props.closingLinkIndex === this.state.indexAssigned;\n\n return _react2.default.createElement(\n 'li',\n null,\n _react2.default.createElement(\n 'a',\n {\n id: content.id,\n ref: this.registerDropDown,\n className: this.generateClassNames(isOpen, isClosing),\n href: content.href,\n 'aria-controls': 'submenu-' + (content.id ? content.id : content.text),\n 'aria-expanded': isOpen,\n onClick: this.props.handlers.handleMainLinks,\n 'data-pa-click': '{\"link\":\"HeaderMainMenu-Link-' + content.text + '\", \"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n content.text\n ),\n _react2.default.createElement(\n 'div',\n {\n className: 'submenu-wrapper',\n id: 'submenu-' + (content.id ? content.id : content.text),\n 'aria-labelledby': 'header-' + (content.id ? content.id : content.text),\n role: 'region'\n },\n _react2.default.createElement(\n 'div',\n { id: 'header-' + (content.id ? content.id : content.text), className: 'container' },\n this.renderSubmenu({ isOpen: isOpen, isClosing: isClosing, content: content })\n )\n )\n );\n }\n }]);\n\n return MPPSubnav;\n}(_react.Component);\n\nMPPSubnav.propTypes = {\n register: _propTypes2.default.func.isRequired,\n handlers: _propTypes2.default.object.isRequired,\n minimalHeader: _propTypes2.default.object.isRequired,\n content: _propTypes2.default.object.isRequired,\n activeLinkIndex: _propTypes2.default.number.isRequired,\n closingLinkIndex: _propTypes2.default.number,\n grouped: _propTypes2.default.bool,\n isDigitalWallet: _propTypes2.default.bool\n};\n\nMPPSubnav.defaultProps = {\n closingLinkIndex: 0,\n grouped: false,\n isDigitalWallet: false\n};\n\nexports.default = MPPSubnav;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _MPPHeaderRoot = require('../components/MPPHeaderRoot');\n\nvar _MPPHeaderRoot2 = _interopRequireDefault(_MPPHeaderRoot);\n\nvar _MPPHeaderDefaultProps = require('../components/MPPHeaderDefaultProps');\n\nvar _MPPHeaderDefaultProps2 = _interopRequireDefault(_MPPHeaderDefaultProps);\n\nvar _MPPHeaderPropTypes = require('../components/MPPHeaderPropTypes');\n\nvar _MPPHeaderPropTypes2 = _interopRequireDefault(_MPPHeaderPropTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar dropdownLinks = [];\n\nvar GlobalHeader = function (_Component) {\n _inherits(GlobalHeader, _Component);\n\n function GlobalHeader(props) {\n _classCallCheck(this, GlobalHeader);\n\n var _this = _possibleConstructorReturn(this, (GlobalHeader.__proto__ || Object.getPrototypeOf(GlobalHeader)).call(this, props));\n\n _this.registerDropDown = function (elemRef) {\n return dropdownLinks.push(elemRef) - 1;\n };\n\n _this.handleMainLinks = _this.handleMainLinks.bind(_this);\n _this.setState = _this.setState.bind(_this);\n _this.openHeader = _this.openHeader.bind(_this);\n _this.closeHeader = _this.closeHeader.bind(_this);\n _this.openSubnav = _this.openSubnav.bind(_this);\n _this.closeSubnav = _this.closeSubnav.bind(_this);\n _this.handleMenuButton = _this.handleMenuButton.bind(_this);\n _this.handleResize = _this.handleResize.bind(_this);\n _this.handleKeyDown = _this.handleKeyDown.bind(_this);\n _this.headerRef = null;\n _this.bodyRef = null;\n _this.bodyClassNameWhenOpen = 'menu-open' + (props.config.rtl ? '-rtl' : '');\n _this.state = {\n isOpen: false,\n isClosing: false,\n activeLink: null,\n closingLinkIndex: -1,\n activeLinkIndex: -1,\n currentWindowWidth: 0\n };\n return _this;\n }\n\n _createClass(GlobalHeader, [{\n key: 'componentWillMount',\n value: function componentWillMount() {\n if (typeof window !== 'undefined') {\n this.setState({\n currentWindowWidth: window.innerWidth\n });\n }\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n document.addEventListener('keydown', this.handleKeyDown);\n this.handleResize();\n this.setBodyRef();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n document.removeEventListener('keydown', this.handleKeyDown);\n }\n }, {\n key: 'setBodyRef',\n value: function setBodyRef() {\n /*\n * This method is used to find the closest BODY parent to the header\n * and is needed since we need to append a class to the body in order to\n * target all the elements via css to translate them when the menu is opened\n * This will work in every browser, as well as in iframes\n */\n var currentRef = this.headerRef.parentNode;\n while (!this.bodyRef && currentRef) {\n if (currentRef.tagName === 'BODY') {\n this.bodyRef = currentRef;\n } else {\n currentRef = currentRef.parentNode;\n }\n }\n this.bodyRef = this.bodyRef || document.body;\n\n if (this.props.config.dwHeader && !this.bodyRef.classList.contains('menu-open-dw')) {\n this.bodyRef.classList.add('menu-open-dw');\n }\n }\n }, {\n key: 'handleKeyDown',\n value: function handleKeyDown(event) {\n if (event.keyCode !== 27) {\n return;\n }\n if (this.state.activeLink) {\n this.closeSubnav(event);\n return;\n }\n if (this.state.isOpen) {\n this.handleMenuButton();\n }\n }\n }, {\n key: 'handleResize',\n value: function handleResize(e) {\n var _this2 = this;\n\n // TODO: Explore different solution to trigger resize\n // inside an iFrame; We don't need this event\n // param; it's only for page-builder\n var newWindowWidth = e && e.iFrameWidth || window.innerWidth;\n var windowWidthChanged = newWindowWidth !== this.state.currentWindowWidth;\n if (windowWidthChanged && (this.state.isOpen || this.state.activeLink)) {\n this.bodyRef.classList.remove(this.bodyClassNameWhenOpen);\n\n this.setState({\n isOpen: false,\n isClosing: true,\n activeLink: null,\n activeLinkIndex: -1,\n currentWindowWidth: newWindowWidth\n });\n setTimeout(function () {\n _this2.setState({\n isClosing: false\n });\n }, 400);\n }\n }\n }, {\n key: 'closeHeader',\n value: function closeHeader() {\n this.setState({\n isOpen: false,\n activeLink: null,\n activeLinkIndex: -1\n });\n }\n }, {\n key: 'openHeader',\n value: function openHeader() {\n this.setState({\n isOpen: true,\n activeLink: null,\n activeLinkIndex: -1\n });\n }\n }, {\n key: 'closeSubnav',\n value: function closeSubnav(event) {\n var _this3 = this;\n\n event.preventDefault();\n this.setState({\n isClosing: true,\n activeLink: null,\n closingLinkIndex: dropdownLinks.indexOf(this.state.activeLink),\n activeLinkIndex: -1\n });\n setTimeout(function () {\n _this3.setState({\n isClosing: false,\n closingLinkIndex: -1\n });\n }, 400);\n }\n }, {\n key: 'openSubnav',\n value: function openSubnav(idxOpen) {\n this.setState({\n activeLink: dropdownLinks[idxOpen],\n activeLinkIndex: idxOpen\n });\n }\n }, {\n key: 'handleMenuButton',\n value: function handleMenuButton(event) {\n var _this4 = this;\n\n event.preventDefault();\n if (this.state.isOpen) {\n this.bodyRef.classList.remove(this.bodyClassNameWhenOpen);\n setTimeout(function () {\n _this4.closeHeader();\n }, 350);\n } else {\n this.bodyRef.classList.add(this.bodyClassNameWhenOpen);\n this.openHeader();\n }\n }\n }, {\n key: 'handleMainLinks',\n value: function handleMainLinks(event) {\n event.preventDefault();\n var newActiveLink = this.state.activeLink !== event.currentTarget ? event.currentTarget : null;\n var newIndex = newActiveLink ? dropdownLinks.indexOf(event.target) : -1;\n if (newIndex !== -1) {\n this.openSubnav(newIndex);\n } else {\n this.closeSubnav(event);\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this5 = this;\n\n var clickHandlers = {\n handleMenuButton: this.handleMenuButton,\n handleMainLinks: this.handleMainLinks,\n openHeader: this.openHeader,\n closeHeader: this.closeHeader,\n openSubnav: this.openSubnav,\n closeSubnav: this.closeSubnav\n };\n\n var _props = this.props,\n _props$content = _props.content,\n content = _props$content === undefined ? {} : _props$content,\n _props$config = _props.config,\n config = _props$config === undefined ? {} : _props$config;\n\n\n return _react2.default.createElement(_MPPHeaderRoot2.default, {\n className: this.props.className,\n getHeaderRef: function getHeaderRef(domNode) {\n _this5.headerRef = domNode;\n },\n content: content,\n config: config,\n menuOpen: this.state.isOpen,\n isClosing: this.state.isClosing,\n register: this.registerDropDown,\n activeLink: this.state.activeLink,\n activeLinkIndex: this.state.activeLinkIndex,\n closingLinkIndex: this.state.closingLinkIndex,\n handlers: clickHandlers,\n rtl: this.props.config.rtl,\n enhanced: this.props.config.enhanced,\n dwHeader: this.props.config.dwHeader\n });\n }\n }]);\n\n return GlobalHeader;\n}(_react.Component);\n\nGlobalHeader.propTypes = _MPPHeaderPropTypes2.default;\n\nGlobalHeader.defaultProps = _MPPHeaderDefaultProps2.default;\n\nexports.default = GlobalHeader;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _MPPHeaderRoot = require('../components/MPPHeaderRoot');\n\nvar _MPPHeaderRoot2 = _interopRequireDefault(_MPPHeaderRoot);\n\nvar _MPPHeaderDefaultProps = require('../components/MPPHeaderDefaultProps');\n\nvar _MPPHeaderDefaultProps2 = _interopRequireDefault(_MPPHeaderDefaultProps);\n\nvar _MPPHeaderPropTypes = require('../components/MPPHeaderPropTypes');\n\nvar _MPPHeaderPropTypes2 = _interopRequireDefault(_MPPHeaderPropTypes);\n\nvar _breakpoints = require('../../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar dropdownLinks = [];\n\nvar GlobalHeader = function (_Component) {\n _inherits(GlobalHeader, _Component);\n\n function GlobalHeader(props) {\n _classCallCheck(this, GlobalHeader);\n\n var _this = _possibleConstructorReturn(this, (GlobalHeader.__proto__ || Object.getPrototypeOf(GlobalHeader)).call(this, props));\n\n _this.registerDropDown = function (elemRef) {\n return dropdownLinks.push(elemRef) - 1;\n };\n\n _this.handleMainLinks = _this.handleMainLinks.bind(_this);\n _this.openHeader = _this.openHeader.bind(_this);\n _this.closeHeader = _this.closeHeader.bind(_this);\n _this.openSubnav = _this.openSubnav.bind(_this);\n _this.closeSubnav = _this.closeSubnav.bind(_this);\n _this.handleMenuButton = _this.handleMenuButton.bind(_this);\n _this.handleResize = _this.handleResize.bind(_this);\n _this.handleScroll = _this.handleScroll.bind(_this);\n _this.handleKeyDown = _this.handleKeyDown.bind(_this);\n _this.handleTouchMove = _this.handleTouchMove.bind(_this);\n _this.handleOrientationChange = _this.handleOrientationChange.bind(_this);\n _this.processStickyState = _this.processStickyState.bind(_this);\n _this.processFixedStyleState = _this.processFixedStyleState.bind(_this);\n _this.headerRef = undefined;\n _this.bodyRef = undefined;\n _this.bodyClassNameWhenOpen = 'menu-open' + (props.config.rtl ? '-rtl' : '');\n _this.state = {\n isHeaderFixed: true,\n isOpen: false,\n isClosing: false,\n isSticky: false,\n isHeaderOpen: false,\n fixedStyles: _this.isWhiteThemeSet(),\n activeLink: undefined,\n closingLinkIndex: -1,\n activeLinkIndex: -1,\n currentWindowWidth: 0,\n scrollY: 0\n };\n return _this;\n }\n\n _createClass(GlobalHeader, [{\n key: 'componentWillMount',\n value: function componentWillMount() {\n if (typeof window !== 'undefined') {\n this.setState({\n currentWindowWidth: window.innerWidth\n });\n }\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n window.addEventListener('scroll', this.handleScroll);\n window.addEventListener('orientationchange', this.handleOrientationChange);\n document.addEventListener('keydown', this.handleKeyDown);\n\n this.handleOrientationChange();\n this.handleResize();\n this.handleScroll();\n this.setBodyRef();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n window.removeEventListener('scroll', this.handleScroll);\n window.removeEventListener('orientationchange', this.handleOrientationChange);\n document.removeEventListener('keydown', this.handleKeyDown);\n }\n }, {\n key: 'setBodyRef',\n value: function setBodyRef() {\n /*\n * This method is used to find the closest BODY parent to the header\n * and is needed since we need to append a class to the body in order to\n * target all the elements via css to translate them when the menu is opened\n * This will work in every browser, as well as in iframes\n */\n var currentRef = this.headerRef.parentNode;\n while (!this.bodyRef && currentRef) {\n if (currentRef.tagName === 'BODY') {\n this.bodyRef = currentRef;\n } else {\n currentRef = currentRef.parentNode;\n }\n }\n this.bodyRef = this.bodyRef || document.body;\n }\n }, {\n key: 'isScrollYTruthy',\n value: function isScrollYTruthy(e) {\n // TODO: Remove this pb hack once we have a better solution\n if (e && e.iFrameScrollY !== undefined) {\n this.iFrameScrollY = e.iFrameScrollY;\n }\n return (window.scrollY || window.pageYOffset || this.iFrameScrollY) > 0;\n }\n }, {\n key: 'isWhiteThemeSet',\n value: function isWhiteThemeSet() {\n return this.props.config.theme === 'theme-background-color-white';\n }\n }, {\n key: 'handleCloseState',\n value: function handleCloseState() {\n if (this.state.isSticky) {\n this.setState({\n fixedStyles: true\n });\n } else {\n this.setState({\n fixedStyles: this.isWhiteThemeSet()\n });\n }\n }\n }, {\n key: 'handleKeyDown',\n value: function handleKeyDown(event) {\n if (event.keyCode !== 27) {\n return;\n }\n if (this.state.activeLink) {\n this.closeSubnav(event);\n return;\n }\n if (this.state.isOpen) {\n this.handleMenuButton();\n }\n }\n }, {\n key: 'handleResize',\n value: function handleResize(e) {\n var _this2 = this;\n\n // TODO: Explore different solution to trigger resize\n // inside an iFrame; We don't need this event\n // param; it's only for page-builder\n var newWindowWidth = e && e.iFrameWidth || window.innerWidth;\n var windowWidthChanged = newWindowWidth !== this.state.currentWindowWidth;\n if (windowWidthChanged && (this.state.isOpen || this.state.activeLink)) {\n this.bodyRef.classList.remove(this.bodyClassNameWhenOpen, 'fixed-open');\n\n this.setState({\n isOpen: false,\n isClosing: true,\n activeLink: undefined,\n activeLinkIndex: -1,\n currentWindowWidth: newWindowWidth,\n isHeaderOpen: false\n });\n setTimeout(function () {\n _this2.setState({\n isClosing: false\n });\n }, 400);\n }\n }\n }, {\n key: 'handleTouchMove',\n value: function handleTouchMove(e) {\n // Prevent scrolling only if header isOpen\n if (this.state.isOpen) {\n e.preventDefault();\n return false;\n }\n return true;\n }\n }, {\n key: 'handleOrientationChange',\n value: function handleOrientationChange() {\n var _this3 = this;\n\n if (window.orientation !== undefined && window.orientation !== 0) {\n window.removeEventListener('touchmove', this.handleTouchMove);\n // Remove all style and all fixed properties from header\n this.setState({\n isHeaderFixed: window.innerWidth >= _breakpoints2.default.large,\n scrollY: 0\n }, function () {\n _this3.handleCloseState();\n });\n } else {\n window.addEventListener('touchmove', this.handleTouchMove);\n this.setState({\n isHeaderFixed: true\n });\n }\n }\n }, {\n key: 'processFixedStyleState',\n value: function processFixedStyleState(e) {\n var fixedStyles = true;\n if (this.isScrollYTruthy(e)) {\n if (this.state.isHeaderOpen || !this.state.isHeaderFixed) {\n fixedStyles = false;\n }\n } else {\n fixedStyles = false;\n }\n return {\n fixedStyles: fixedStyles\n };\n }\n }, {\n key: 'processStickyState',\n value: function processStickyState(e) {\n if (this.isScrollYTruthy(e)) {\n return {\n isSticky: true\n };\n }\n return {\n isSticky: false\n };\n }\n }, {\n key: 'handleScroll',\n value: function handleScroll(e) {\n var functionsArr = [{}, this.processStickyState];\n if (!this.isWhiteThemeSet()) {\n functionsArr.push(this.processFixedStyleState);\n }\n var finalState = functionsArr.reduce(function (nextState, nextFunc) {\n return Object.assign({}, nextState, nextFunc(e));\n });\n this.setState(finalState);\n }\n }, {\n key: 'closeHeader',\n value: function closeHeader() {\n this.setState({\n isOpen: false,\n activeLink: undefined,\n activeLinkIndex: -1,\n isHeaderOpen: false\n });\n }\n }, {\n key: 'openHeader',\n value: function openHeader() {\n this.setState({\n isOpen: true,\n activeLink: undefined,\n activeLinkIndex: -1,\n isHeaderOpen: true,\n scrollY: window.scrollY || window.pageYOffset || this.iFrameScrollY\n });\n }\n }, {\n key: 'closeSubnav',\n value: function closeSubnav(event) {\n var _this4 = this;\n\n event.preventDefault();\n this.setState({\n isClosing: true,\n activeLink: undefined,\n closingLinkIndex: dropdownLinks.indexOf(this.state.activeLink),\n activeLinkIndex: -1,\n isHeaderOpen: false\n });\n setTimeout(function () {\n _this4.setState({\n isClosing: false,\n closingLinkIndex: -1\n });\n _this4.handleCloseState();\n }, 300);\n }\n }, {\n key: 'openSubnav',\n value: function openSubnav(idxOpen) {\n var state = {\n activeLink: dropdownLinks[idxOpen],\n activeLinkIndex: idxOpen,\n isHeaderOpen: true\n };\n if (!this.state.isOpen) {\n state.fixedStyles = false;\n }\n this.setState(state);\n }\n }, {\n key: 'handleMenuButton',\n value: function handleMenuButton(event) {\n var _this5 = this;\n\n event.preventDefault();\n if (this.state.isOpen) {\n this.bodyRef.classList.remove(this.bodyClassNameWhenOpen, 'fixed-open');\n setTimeout(function () {\n _this5.closeHeader();\n }, 350);\n } else {\n this.bodyRef.classList.add(this.bodyClassNameWhenOpen, 'fixed-open');\n this.openHeader();\n }\n }\n }, {\n key: 'handleMainLinks',\n value: function handleMainLinks(event) {\n event.preventDefault();\n var newActiveLink = this.state.activeLink !== event.currentTarget ? event.currentTarget : undefined;\n var newIndex = newActiveLink ? dropdownLinks.indexOf(event.target) : -1;\n if (newIndex !== -1) {\n this.openSubnav(newIndex);\n } else {\n this.closeSubnav(event);\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this6 = this;\n\n var clickHandlers = {\n handleMenuButton: this.handleMenuButton,\n handleMainLinks: this.handleMainLinks,\n openHeader: this.openHeader,\n closeHeader: this.closeHeader,\n openSubnav: this.openSubnav,\n closeSubnav: this.closeSubnav\n };\n\n var _props = this.props,\n _props$content = _props.content,\n content = _props$content === undefined ? {} : _props$content,\n _props$config = _props.config,\n config = _props$config === undefined ? {} : _props$config;\n\n\n var fixedClasses = (0, _classnames2.default)({\n 'pp-header--fixed': this.state.isHeaderFixed,\n 'pp-header--sticky': this.state.isSticky,\n 'pp-header--fixed-style': this.state.fixedStyles\n }, this.props.config.theme, this.props.className);\n\n var style = {};\n if (this.state.isSticky && this.state.isOpen) {\n style.position = 'absolute';\n style.top = this.state.scrollY;\n }\n\n return _react2.default.createElement(_MPPHeaderRoot2.default, {\n activeLink: this.state.activeLink,\n activeLinkIndex: this.state.activeLinkIndex,\n closingLinkIndex: this.state.closingLinkIndex,\n className: fixedClasses,\n config: config,\n content: content,\n getHeaderRef: function getHeaderRef(domNode) {\n _this6.headerRef = domNode;\n },\n handlers: clickHandlers,\n isClosing: this.state.isClosing,\n menuOpen: this.state.isOpen,\n register: this.registerDropDown,\n style: style,\n rtl: this.props.config.rtl,\n enhanced: this.props.config.enhanced,\n dwHeader: this.props.config.dwHeader\n });\n }\n }]);\n\n return GlobalHeader;\n}(_react.Component);\n\nGlobalHeader.propTypes = _MPPHeaderPropTypes2.default;\n\nGlobalHeader.defaultProps = _MPPHeaderDefaultProps2.default;\n\nexports.default = GlobalHeader;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _MPPHeaderRoot = require('./MPPHeaderRoot');\n\nvar _MPPHeaderRoot2 = _interopRequireDefault(_MPPHeaderRoot);\n\nvar _MPPHeaderDefaultProps = require('../components/MPPHeaderDefaultProps');\n\nvar _MPPHeaderDefaultProps2 = _interopRequireDefault(_MPPHeaderDefaultProps);\n\nvar _MPPHeaderPropTypes = require('../components/MPPHeaderPropTypes');\n\nvar _MPPHeaderPropTypes2 = _interopRequireDefault(_MPPHeaderPropTypes);\n\nvar _breakpoints = require('../../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar dropdownLinks = [];\nvar hoverCloseDelay = 500;\n\nvar GlobalHeader = function (_Component) {\n _inherits(GlobalHeader, _Component);\n\n function GlobalHeader(props) {\n _classCallCheck(this, GlobalHeader);\n\n var _this = _possibleConstructorReturn(this, (GlobalHeader.__proto__ || Object.getPrototypeOf(GlobalHeader)).call(this, props));\n\n _this.registerDropDown = function (elemRef) {\n return dropdownLinks.push(elemRef) - 1;\n };\n\n _this.handleMainLinks = _this.handleMainLinks.bind(_this);\n _this.openHeader = _this.openHeader.bind(_this);\n _this.closeHeader = _this.closeHeader.bind(_this);\n _this.openSubnav = _this.openSubnav.bind(_this);\n _this.closeSubnav = _this.closeSubnav.bind(_this);\n _this.handleMenuButton = _this.handleMenuButton.bind(_this);\n _this.handleResize = _this.handleResize.bind(_this);\n _this.handleScroll = _this.handleScroll.bind(_this);\n _this.handleKeyDown = _this.handleKeyDown.bind(_this);\n _this.handleTouchMove = _this.handleTouchMove.bind(_this);\n _this.handleOrientationChange = _this.handleOrientationChange.bind(_this);\n _this.handleMainLinksHover = _this.handleMainLinksHover.bind(_this);\n _this.handleSubNavHover = _this.handleSubNavHover.bind(_this);\n _this.processStickyState = _this.processStickyState.bind(_this);\n _this.processFixedStyleState = _this.processFixedStyleState.bind(_this);\n _this.headerRef = undefined;\n _this.bodyRef = undefined;\n _this.bodyClassNameWhenOpen = 'menu-open' + (props.config.rtl ? '-rtl' : '');\n _this.hoverLinkTimeOut = undefined;\n _this.state = {\n isHeaderFixed: true,\n isOpen: false,\n isClosing: false,\n isSticky: false,\n isHeaderOpen: false,\n fixedStyles: _this.isWhiteThemeSet(),\n activeLink: undefined,\n closingLinkIndex: -1,\n activeLinkIndex: -1,\n currentWindowWidth: 0,\n scrollY: 0\n };\n return _this;\n }\n\n _createClass(GlobalHeader, [{\n key: 'componentWillMount',\n value: function componentWillMount() {\n if (typeof window !== 'undefined') {\n this.setState({\n currentWindowWidth: window.innerWidth\n });\n }\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n window.addEventListener('scroll', this.handleScroll);\n window.addEventListener('orientationchange', this.handleOrientationChange);\n document.addEventListener('keydown', this.handleKeyDown);\n\n this.handleOrientationChange();\n this.handleResize();\n this.handleScroll();\n this.setBodyRef();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n window.removeEventListener('scroll', this.handleScroll);\n window.removeEventListener('orientationchange', this.handleOrientationChange);\n document.removeEventListener('keydown', this.handleKeyDown);\n }\n }, {\n key: 'setBodyRef',\n value: function setBodyRef() {\n /*\n * This method is used to find the closest BODY parent to the header\n * and is needed since we need to append a class to the body in order to\n * target all the elements via css to translate them when the menu is opened\n * This will work in every browser, as well as in iframes\n */\n var currentRef = this.headerRef.parentNode;\n while (!this.bodyRef && currentRef) {\n if (currentRef.tagName === 'BODY') {\n this.bodyRef = currentRef;\n } else {\n currentRef = currentRef.parentNode;\n }\n }\n this.bodyRef = this.bodyRef || document.body;\n\n if (this.props.config.dwHeader && !this.bodyRef.classList.contains('menu-open-dw')) {\n this.bodyRef.classList.add('menu-open-dw');\n }\n }\n }, {\n key: 'isScrollYTruthy',\n value: function isScrollYTruthy(e) {\n // TODO: Remove this pb hack once we have a better solution\n if (e && e.iFrameScrollY !== undefined) {\n this.iFrameScrollY = e.iFrameScrollY;\n }\n return (window.scrollY || window.pageYOffset || this.iFrameScrollY) > 0;\n }\n }, {\n key: 'isWhiteThemeSet',\n value: function isWhiteThemeSet() {\n return this.props.config.theme === 'theme-background-color-white';\n }\n }, {\n key: 'handleCloseFixedStyles',\n value: function handleCloseFixedStyles() {\n if (this.state.isSticky) {\n return true;\n }\n return this.isWhiteThemeSet();\n }\n }, {\n key: 'handleKeyDown',\n value: function handleKeyDown(event) {\n if (event.keyCode !== 27) {\n return;\n }\n if (this.state.activeLink) {\n this.closeSubnav(event);\n return;\n }\n if (this.state.isOpen) {\n this.handleMenuButton();\n }\n }\n }, {\n key: 'handleResize',\n value: function handleResize(e) {\n var _this2 = this;\n\n // TODO: Explore different solution to trigger resize\n // inside an iFrame; We don't need this event\n // param; it's only for page-builder\n var newWindowWidth = e && e.iFrameWidth || window.innerWidth;\n var windowWidthChanged = newWindowWidth !== this.state.currentWindowWidth;\n if (windowWidthChanged && (this.state.isOpen || this.state.activeLink)) {\n this.bodyRef.classList.remove(this.bodyClassNameWhenOpen, 'fixed-open');\n\n this.setState({\n isOpen: false,\n isClosing: true,\n activeLink: undefined,\n activeLinkIndex: -1,\n currentWindowWidth: newWindowWidth,\n isHeaderOpen: false\n });\n setTimeout(function () {\n _this2.setState({\n isClosing: false\n });\n }, 400);\n }\n }\n }, {\n key: 'handleTouchMove',\n value: function handleTouchMove(e) {\n // Prevent scrolling only if header isOpen\n if (this.state.isOpen) {\n e.preventDefault();\n return false;\n }\n return true;\n }\n }, {\n key: 'handleOrientationChange',\n value: function handleOrientationChange() {\n if (window.orientation !== undefined && window.orientation !== 0) {\n window.removeEventListener('touchmove', this.handleTouchMove);\n // Remove all style and all fixed properties from header\n this.setState({\n isHeaderFixed: window.innerWidth >= _breakpoints2.default.large,\n scrollY: 0,\n fixedStyles: this.handleCloseFixedStyles()\n });\n } else {\n window.addEventListener('touchmove', this.handleTouchMove);\n this.setState({\n isHeaderFixed: true\n });\n }\n }\n }, {\n key: 'processFixedStyleState',\n value: function processFixedStyleState(e) {\n var fixedStyles = true;\n if (this.isScrollYTruthy(e)) {\n if (this.state.isHeaderOpen || !this.state.isHeaderFixed) {\n fixedStyles = false;\n }\n } else {\n fixedStyles = false;\n }\n return {\n fixedStyles: fixedStyles\n };\n }\n }, {\n key: 'processStickyState',\n value: function processStickyState(e) {\n if (this.isScrollYTruthy(e)) {\n return {\n isSticky: true\n };\n }\n return {\n isSticky: false\n };\n }\n }, {\n key: 'handleScroll',\n value: function handleScroll(e) {\n var functionsArr = [{}, this.processStickyState];\n if (!this.isWhiteThemeSet()) {\n functionsArr.push(this.processFixedStyleState);\n }\n var finalState = functionsArr.reduce(function (nextState, nextFunc) {\n return Object.assign({}, nextState, nextFunc(e));\n });\n this.setState(finalState);\n }\n }, {\n key: 'closeHeader',\n value: function closeHeader() {\n this.setState({\n isOpen: false,\n activeLink: undefined,\n activeLinkIndex: -1,\n isHeaderOpen: false\n });\n }\n }, {\n key: 'openHeader',\n value: function openHeader() {\n this.setState({\n isOpen: true,\n activeLink: undefined,\n activeLinkIndex: -1,\n isHeaderOpen: true,\n scrollY: window.scrollY || window.pageYOffset || this.iFrameScrollY\n });\n }\n }, {\n key: 'closeSubnav',\n value: function closeSubnav(event) {\n var _this3 = this;\n\n if (event) {\n event.preventDefault();\n }\n this.setState({\n isClosing: true,\n activeLink: undefined,\n closingLinkIndex: dropdownLinks.indexOf(this.state.activeLink),\n activeLinkIndex: -1,\n isHeaderOpen: false\n });\n this.closeSubNavTimeOut = setTimeout(function () {\n _this3.setState({\n isClosing: false,\n closingLinkIndex: -1,\n fixedStyles: _this3.handleCloseFixedStyles()\n });\n }, 400);\n }\n }, {\n key: 'openSubnav',\n value: function openSubnav(idxOpen) {\n var state = {\n isClosing: false,\n activeLink: dropdownLinks[idxOpen],\n activeLinkIndex: idxOpen,\n isHeaderOpen: true\n };\n if (!this.state.isOpen) {\n state.fixedStyles = false;\n }\n clearTimeout(this.closeSubNavTimeOut);\n this.setState(state);\n }\n }, {\n key: 'handleMenuButton',\n value: function handleMenuButton(event) {\n var _this4 = this;\n\n event.preventDefault();\n if (this.state.isOpen) {\n this.bodyRef.classList.remove(this.bodyClassNameWhenOpen, 'fixed-open');\n setTimeout(function () {\n _this4.closeHeader();\n }, 350);\n } else {\n this.bodyRef.classList.add(this.bodyClassNameWhenOpen, 'fixed-open');\n this.openHeader();\n }\n }\n }, {\n key: 'handleDelayedClose',\n value: function handleDelayedClose(delay) {\n var _this5 = this;\n\n this.hoverLinkTimeOut = setTimeout(function () {\n _this5.closeSubnav();\n }, delay);\n }\n }, {\n key: 'handleSubNavHover',\n value: function handleSubNavHover(event) {\n event.preventDefault();\n if (!this.state.isOpen) {\n switch (event.type) {\n case 'mouseenter':\n clearTimeout(this.hoverLinkTimeOut);\n break;\n default:\n this.handleDelayedClose(hoverCloseDelay);\n break;\n }\n }\n }\n }, {\n key: 'handleMainLinksHover',\n value: function handleMainLinksHover(event) {\n event.preventDefault();\n if (!this.state.isOpen) {\n var newIndex = dropdownLinks.indexOf(event.target);\n switch (event.type) {\n case 'mouseenter':\n clearTimeout(this.hoverLinkTimeOut);\n this.openSubnav(newIndex);\n break;\n default:\n if (this.state.activeLinkIndex !== -1) {\n this.handleDelayedClose(hoverCloseDelay);\n }\n break;\n }\n }\n }\n }, {\n key: 'handleMainLinks',\n value: function handleMainLinks(event) {\n event.preventDefault();\n var newActiveLink = this.state.activeLink !== event.currentTarget ? event.currentTarget : undefined;\n var newIndex = newActiveLink ? dropdownLinks.indexOf(event.target) : -1;\n if (newIndex !== -1) {\n this.openSubnav(newIndex);\n } else {\n this.closeSubnav(event);\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this6 = this;\n\n var clickHandlers = {\n handleMenuButton: this.handleMenuButton,\n handleMainLinks: this.handleMainLinks,\n openHeader: this.openHeader,\n closeHeader: this.closeHeader,\n openSubnav: this.openSubnav,\n closeSubnav: this.closeSubnav,\n handleMainLinksHover: this.handleMainLinksHover,\n handleSubNavHover: this.handleSubNavHover\n };\n\n var _props = this.props,\n _props$content = _props.content,\n content = _props$content === undefined ? {} : _props$content,\n _props$config = _props.config,\n config = _props$config === undefined ? {} : _props$config;\n\n\n var fixedClasses = (0, _classnames2.default)({\n 'pp-header--fixed': this.state.isHeaderFixed,\n 'pp-header--sticky': this.state.isSticky,\n 'pp-header--fixed-style': this.state.fixedStyles\n }, this.props.config.theme, this.props.className);\n\n var style = {};\n if (this.state.isSticky && this.state.isOpen) {\n style.position = 'absolute';\n style.top = this.state.scrollY;\n }\n\n return _react2.default.createElement(_MPPHeaderRoot2.default, {\n activeLink: this.state.activeLink,\n activeLinkIndex: this.state.activeLinkIndex,\n closingLinkIndex: this.state.closingLinkIndex,\n className: fixedClasses,\n config: config,\n content: content,\n getHeaderRef: function getHeaderRef(domNode) {\n _this6.headerRef = domNode;\n },\n handlers: clickHandlers,\n isClosing: this.state.isClosing,\n menuOpen: this.state.isOpen,\n register: this.registerDropDown,\n style: style,\n rtl: this.props.config.rtl,\n enhanced: this.props.config.enhanced,\n dwHeader: this.props.config.dwHeader\n });\n }\n }]);\n\n return GlobalHeader;\n}(_react.Component);\n\nGlobalHeader.propTypes = _MPPHeaderPropTypes2.default;\n\nGlobalHeader.defaultProps = _MPPHeaderDefaultProps2.default;\n\nexports.default = GlobalHeader;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _MPPHeaderRoot2 = require('./../components/MPPHeaderRoot');\n\nvar _MPPHeaderRoot3 = _interopRequireDefault(_MPPHeaderRoot2);\n\nvar _MPPMainMenu = require('./MPPMainMenu');\n\nvar _MPPMainMenu2 = _interopRequireDefault(_MPPMainMenu);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MPPHeaderRootCustom = function (_MPPHeaderRoot) {\n _inherits(MPPHeaderRootCustom, _MPPHeaderRoot);\n\n function MPPHeaderRootCustom() {\n _classCallCheck(this, MPPHeaderRootCustom);\n\n return _possibleConstructorReturn(this, (MPPHeaderRootCustom.__proto__ || Object.getPrototypeOf(MPPHeaderRootCustom)).apply(this, arguments));\n }\n\n _createClass(MPPHeaderRootCustom, [{\n key: 'renderMainMenu',\n value: function renderMainMenu() {\n if (this.props.config.useMinimalHeader || !this.props.content.mainMenuContent) {\n return null;\n }\n return _react2.default.createElement(_MPPMainMenu2.default, {\n content: this.props.content,\n activeLinkIndex: this.props.activeLinkIndex,\n closingLinkIndex: this.props.closingLinkIndex,\n handlers: this.props.handlers,\n register: this.props.register,\n dwHeader: this.props.dwHeader\n });\n }\n }]);\n\n return MPPHeaderRootCustom;\n}(_MPPHeaderRoot3.default);\n\nexports.default = MPPHeaderRootCustom;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _MPPSubnav = require('./MPPSubnav');\n\nvar _MPPSubnav2 = _interopRequireDefault(_MPPSubnav);\n\nvar _MPPMainMenu = require('./../components/MPPMainMenu');\n\nvar _MPPMainMenu2 = _interopRequireDefault(_MPPMainMenu);\n\nvar _Button = require('../../../../atoms/button/jsx/Button');\n\nvar _Button2 = _interopRequireDefault(_Button);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MainMenuCustom = function (_MainMenu) {\n _inherits(MainMenuCustom, _MainMenu);\n\n function MainMenuCustom() {\n _classCallCheck(this, MainMenuCustom);\n\n return _possibleConstructorReturn(this, (MainMenuCustom.__proto__ || Object.getPrototypeOf(MainMenuCustom)).apply(this, arguments));\n }\n\n _createClass(MainMenuCustom, [{\n key: 'renderByStrategies',\n value: function renderByStrategies(elem, idx, handlers) {\n var _props = this.props,\n register = _props.register,\n activeLinkIndex = _props.activeLinkIndex,\n closingLinkIndex = _props.closingLinkIndex,\n content = _props.content;\n var minimalHeader = content.minimalHeader;\n\n\n var strategies = {\n link: function link(elementContent) {\n return _react2.default.createElement(\n 'li',\n { key: 'sublist-link' + idx },\n _react2.default.createElement(\n 'a',\n {\n href: elementContent.href,\n className: 'sublist-link',\n 'data-pa-click': '{\"link\":\"HeaderSublist-Link-' + elementContent.text + '\", \"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n elementContent.text\n )\n );\n },\n cta: function cta(elementContent) {\n return _react2.default.createElement(\n 'li',\n { className: 'sublist-cta-wrapper', key: 'sublist-link' + idx },\n _react2.default.createElement(\n _Button2.default,\n {\n href: elementContent.href,\n className: 'sublist-cta',\n color: 'outline-white',\n fpti: '{\"link\":\"HeaderMainMenu-Cta-' + elementContent.text + '\", \"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n elementContent.text\n )\n );\n },\n linkOnly: function linkOnly(elementContent) {\n var highlighClassName = '';\n if (typeof window !== 'undefined') {\n var currentLocation = window.location.pathname;\n if (currentLocation.indexOf(elementContent.href) !== -1) {\n highlighClassName = 'pypl-header__subnav-control--is-highlighted';\n }\n }\n return _react2.default.createElement(\n 'li',\n { key: 'main-link' + idx },\n _react2.default.createElement(\n 'a',\n {\n id: elementContent.id,\n href: elementContent.href,\n className: 'main-link ' + highlighClassName,\n 'aria-label': elementContent.text,\n 'data-pa-click': '{\"link\":\"HeaderMainMenu-Link-' + elementContent.text + '\", \"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n elementContent.text\n )\n );\n },\n languageDesk: function languageDesk(elementContent) {\n return _react2.default.createElement(\n 'li',\n { key: 'main-link' + idx, className: 'hidden-lg-down' },\n _react2.default.createElement(\n 'a',\n {\n id: elementContent.id,\n href: elementContent.href,\n className: 'main-link separator-menu',\n 'data-pa-click': '{\"link\":\"HeaderMainMenu-Link-' + elementContent.text + '\", \"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n elementContent.text\n )\n );\n },\n languageMobile: function languageMobile(elementContent) {\n return _react2.default.createElement(\n 'li',\n { key: 'main-link' + idx, className: 'hidden-xl-up' },\n _react2.default.createElement(\n 'a',\n {\n id: elementContent.id,\n href: elementContent.href,\n className: 'main-link',\n 'data-pa-click': '{\"link\":\"HeaderMainMenu-Link-' + elementContent.text + '\", \"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n elementContent.text\n )\n );\n },\n linkOnlyDesk: function linkOnlyDesk(elementContent) {\n return _react2.default.createElement(\n 'li',\n { className: 'hidden-lg-down', key: 'main-link' + idx },\n _react2.default.createElement(\n 'a',\n {\n id: elementContent.id,\n href: elementContent.href,\n className: 'main-link',\n 'data-pa-click': '{\"link\":\"HeaderMainMenu-Link-' + elementContent.text + '\", \"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n elementContent.text\n )\n );\n },\n subnav: function subnav(elementContent) {\n return _react2.default.createElement(_MPPSubnav2.default, {\n key: 'main-link' + idx,\n content: elementContent,\n handlers: handlers,\n minimalHeader: minimalHeader,\n register: register,\n activeLinkIndex: activeLinkIndex,\n closingLinkIndex: closingLinkIndex\n });\n },\n subnavGrouped: function subnavGrouped(elementContent) {\n return _react2.default.createElement(_MPPSubnav2.default, {\n key: 'main-link' + idx,\n content: elementContent,\n handlers: handlers,\n minimalHeader: minimalHeader,\n register: register,\n activeLinkIndex: activeLinkIndex,\n closingLinkIndex: closingLinkIndex,\n grouped: true\n });\n },\n dwSubnav: function dwSubnav(elementContent) {\n return _react2.default.createElement(_MPPSubnav2.default, {\n key: 'main-link' + idx,\n content: elementContent,\n handlers: handlers,\n minimalHeader: minimalHeader,\n register: register,\n activeLinkIndex: activeLinkIndex,\n closingLinkIndex: closingLinkIndex,\n isDigitalWallet: true\n });\n }\n };\n return strategies[elem.type](elem);\n }\n }]);\n\n return MainMenuCustom;\n}(_MPPMainMenu2.default);\n\nexports.default = MainMenuCustom;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _breakpoints = require('../../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar countL2Columns = function countL2Columns(subnavLinks) {\n var columnCount = 0;\n subnavLinks.forEach(function (link) {\n if (link.groupL2) {\n columnCount += 1;\n }\n });\n\n return columnCount;\n};\n\n// Check is object helper\nvar isObject = function isObject(value) {\n var type = typeof value === 'undefined' ? 'undefined' : _typeof(value);\n return !!value && (type === 'object' || type === 'function');\n};\n\n// Render Sub menu Card\nvar renderCards = function renderCards(item, index, classList) {\n var pa = item.fpti;\n var fpti = (0, _classnames2.default)('' + (isObject(pa) ? '{\"link\":\"HeaderSubnav-Card-' + (pa.link || item.text) + '\",\"event_name\":\"' + pa.event_name + '\"}' : '{\"link\":\"HeaderSubnav-Card-' + item.text + '\",\"event_name\":\"ppcom_header_nav_clicked\"}'));\n\n return _react2.default.createElement(\n 'li',\n { key: index, className: classList !== '' ? classList : '' },\n _react2.default.createElement(\n 'a',\n { href: item.href, 'data-pa-click': fpti },\n !!item.iconUrl && _react2.default.createElement('img', { src: item.iconUrl, alt: item.text }),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'div',\n { className: 'text' },\n item.text\n ),\n !!item.subtext && _react2.default.createElement(\n 'div',\n { className: 'subtext' },\n item.subtext\n )\n )\n )\n );\n};\n\n/* commenting it for now. May be it can use in for future purpose */\n// Mobile View Scroll Helper\n// const scrollToTop = (element) => {\n// const c = document.documentElement.scrollTop || document.body.scrollTop;\n// const e = element.offsetTop;\n// window.scrollTo({\n// top: e,\n// behavior: 'smooth',\n// });\n// };\n\nvar renderHelper = function renderHelper(item, index) {\n var linkClassNames = (0, _classnames2.default)(_defineProperty({}, 'link-type--' + item.linkType, item.linkType !== undefined));\n\n return _react2.default.createElement(\n 'li',\n { key: index, className: linkClassNames },\n _react2.default.createElement(\n 'a',\n {\n href: item.href,\n 'data-pa-click': '{\"link\":\"HeaderSubnav' + index + '-Link-' + item.text + '\", \"event_name\": \"ppcom_header_nav_clicked\" }',\n 'aria-label': item.text + ' ' + item.subtext\n },\n item.text,\n item.subtext ? _react2.default.createElement(\n 'em',\n null,\n item.subtext\n ) : null\n )\n );\n};\n\nvar MPPSubnav = function (_Component) {\n _inherits(MPPSubnav, _Component);\n\n function MPPSubnav(props) {\n _classCallCheck(this, MPPSubnav);\n\n var _this = _possibleConstructorReturn(this, (MPPSubnav.__proto__ || Object.getPrototypeOf(MPPSubnav)).call(this, props));\n\n _this.generateClassNames = function (isOpen, isClosing) {\n return (0, _classnames2.default)('pypl-header__subnav-control', 'main-link', {\n 'pypl-header__subnav-control--is-active': isOpen,\n 'pypl-header__subnav-control--is-closing': isClosing,\n 'pypl-header__subnav-control--is-highlighted': isOpen || _this.state.locationMatched\n });\n };\n\n _this.renderSubmenuCols = function (content) {\n var subnavLinks = content.subnavLinks;\n\n var cols = [];\n var totalLinks = subnavLinks.length;\n var colsClassname = 'submenu-cols';\n\n if (totalLinks < 7) {\n for (var i = 0; i < totalLinks; i += 1) {\n cols.push(_react2.default.createElement(\n 'ul',\n { className: 'submenu-col', key: 'subnav-' + i },\n renderHelper(subnavLinks[i], i),\n subnavLinks[i + 1] ? renderHelper(subnavLinks[i + 1], i + 1) : null\n ));\n i += 1;\n }\n } else {\n for (var _i = 0; _i < totalLinks; _i += 1) {\n cols.push(_react2.default.createElement(\n 'ul',\n { className: 'submenu-col submenu-row-3', key: 'subnav-' + _i },\n renderHelper(subnavLinks[_i], _i),\n subnavLinks[_i + 1] ? renderHelper(subnavLinks[_i + 1], _i + 1) : null,\n subnavLinks[_i + 2] ? renderHelper(subnavLinks[_i + 2], _i + 2) : null\n ));\n _i += 2;\n }\n }\n\n if (typeof content.subnavLinksL2 !== 'undefined') {\n cols.push(_react2.default.createElement(\n 'ul',\n {\n className: 'submenu-col submenu-lvl2 submenu-lvl2-row-' + content.subnavLinksL2.length,\n key: 'subnav-lvl2'\n },\n content.subnavLinksL2.map(function (el, idx) {\n return renderHelper(el, idx);\n })\n ));\n colsClassname += ' lvl-2';\n }\n\n return _react2.default.createElement(\n 'div',\n { className: colsClassname },\n cols\n );\n };\n\n _this.renderSubmenuGrouped = function (content) {\n var subnavLinks = content.subnavLinks;\n\n var cols = [];\n var totalLinks = subnavLinks.length;\n var colsClassname = 'submenu-cols submenu-cols--grouped submenu-cols--' + totalLinks;\n\n var totalL2Cols = countL2Columns(subnavLinks);\n if (totalL2Cols > 0) {\n colsClassname += ' submenu-cols--l2-' + totalL2Cols;\n }\n\n for (var i = 0; i < totalLinks; i += 1) {\n var subNav = subnavLinks[i];\n\n if (subNav.group) {\n var links = subNav.group.map(function (elem, idx) {\n return renderHelper(elem, idx);\n });\n\n var header = subNav.text ? _react2.default.createElement(\n 'li',\n { className: 'submenu-col__header' },\n subNav.text\n ) : '';\n\n if (subNav.groupL2) {\n var linksL2 = subNav.groupL2.map(function (elem, idx) {\n return renderHelper(elem, idx);\n });\n\n cols.push(_react2.default.createElement(\n 'ul',\n { className: 'submenu-col submenu-col--include-l2', key: 'subnav-' + i },\n header,\n _react2.default.createElement(\n 'ul',\n { className: 'submenu-col--l2-list' },\n links\n ),\n _react2.default.createElement(\n 'ul',\n { className: 'submenu-col--l2-list' },\n linksL2\n )\n ));\n } else {\n cols.push(_react2.default.createElement(\n 'ul',\n { className: 'submenu-col', key: 'subnav-' + i },\n header,\n links\n ));\n }\n }\n }\n\n // TODO: Find a way to remove this boilerplate\n if (typeof content.subnavLinksL2 !== 'undefined') {\n cols.push(_react2.default.createElement(\n 'ul',\n {\n className: 'submenu-col submenu-lvl2 submenu-lvl2-row-' + content.subnavLinksL2.length,\n key: 'subnav-lvl2'\n },\n content.subnavLinksL2.map(function (el, idx) {\n return renderHelper(el, idx);\n })\n ));\n colsClassname += ' lvl-2';\n }\n\n return _react2.default.createElement(\n 'div',\n { className: colsClassname },\n cols\n );\n };\n\n _this.renderDigitalWalletSubmenu = function (content) {\n var subnavLinks = content.subnavLinks;\n\n var cols1 = [];\n var cols2 = [];\n var totalLinks = subnavLinks.length;\n // let colsClassname = 'submenu-cols';\n var classList = 'wd-col-' + 12 / totalLinks;\n\n for (var i = 0; i < totalLinks; i += 1) {\n var subNav = subnavLinks[i];\n\n if (subNav.group) {\n (function () {\n var subNavLinksHeading = subNav.groupName ? subNav.groupName : '';\n\n var links = subNav.group.map(function (elem, idx) {\n return renderHelper(elem, idx, subNavLinksHeading);\n });\n\n var mobileOnlyLink = _this.state.isMobile && subNav.mobileOnlyText && subNav.mobileOnlyHref ? renderHelper({ text: subNav.mobileOnlyText, href: subNav.mobileOnlyHref }, -1, subNavLinksHeading) : '';\n\n // constructing Apmlitude tracking & Default Tracking for submenu header\n\n var pa = subNav.fpti;\n var fpti = (0, _classnames2.default)((isObject(pa) ? '{\"link\":\"HeaderSubnav-SubHeader-' + subNav.groupName + '-' + (pa.link || subNav.text) + '\",\"event_name\":\"' + pa.event_name + '\"}' : '{\"link\":\"HeaderSubnav-SubHeader-' + subNav.groupName + '-' + subNav.text + '\",\"event_name\":\"ppcom_header_nav_clicked\"}') + ' \\n ');\n\n var headerClassName = 'submenu-col__header ' + (!_this.state.isMobile && subNav.href ? 'submenu-col__header_with_href' : '');\n\n var header = subNav.text ? _react2.default.createElement(\n 'a',\n {\n href: _this.state.isMobile ? '#' : subNav.href || '#',\n 'data-pa-click': fpti,\n className: headerClassName,\n onClick: _this.handleAccordianEvent\n },\n ' ',\n subNav.text\n ) : '';\n\n cols1.push(_react2.default.createElement(\n 'div',\n { className: 'submenu-col ' + classList },\n header,\n _react2.default.createElement(\n 'ul',\n { key: 'subnav-' + i },\n mobileOnlyLink,\n links\n )\n ));\n })();\n }\n }\n\n //\n if (typeof content.subnavLinksL2 !== 'undefined') {\n cols2.push(_react2.default.createElement(\n 'ul',\n { className: 'submenu-col dw-submenu-cards', key: 'subnav-lvl2' },\n content.subnavLinksL2.map(function (el, idx) {\n return renderCards(el, idx, 'submenu-card');\n })\n ));\n }\n\n return _react2.default.createElement(\n 'div',\n { className: 'dw-submenu-container' },\n _react2.default.createElement(\n 'div',\n { className: 'wd-75 wd-75-' + 12 / totalLinks },\n cols1\n ),\n _react2.default.createElement(\n 'div',\n { className: 'wd-25 wd-25-' + 12 / totalLinks },\n cols2\n )\n );\n };\n\n _this.registerDropDown = _this.registerDropDown.bind(_this);\n _this.renderMobileCloser = _this.renderMobileCloser.bind(_this);\n _this.renderDesktopCloser = _this.renderDesktopCloser.bind(_this);\n _this.render = _this.render.bind(_this);\n _this.handleAccordianEvent = _this.handleAccordianEvent.bind(_this);\n _this.handleResize = _this.handleResize.bind(_this);\n _this.handleClickOverlay = _this.handleClickOverlay.bind(_this);\n _this.state = {\n indexAssigned: -2,\n locationMatched: false,\n isMobile: false\n };\n return _this;\n }\n\n _createClass(MPPSubnav, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n /*\n * Highlight code except on '/home' page\n */\n /* eslint-disable react/no-did-mount-set-state */\n var currentLocation = window.location.pathname;\n if (/\\/home$/.test(currentLocation)) return;\n\n var isLinkHighlighted = false;\n isLinkHighlighted = currentLocation.indexOf(this.props.content.href) !== -1;\n if (!isLinkHighlighted) {\n var subNavLinksArr = [].concat(_toConsumableArray(this.props.content.subnavLinks));\n // Check for L2 links to also include in highlight logic\n if (this.props.content.subnavLinksL2) {\n subNavLinksArr = subNavLinksArr.concat(this.props.content.subnavLinksL2);\n }\n\n isLinkHighlighted = subNavLinksArr.some(function (elem) {\n if (elem.group) {\n return elem.group.some(function (el) {\n return currentLocation.indexOf(el.href) !== -1;\n });\n }\n return currentLocation.indexOf(elem.href) !== -1;\n });\n }\n\n this.setState({\n locationMatched: isLinkHighlighted\n });\n /* eslint-enable react/no-did-mount-set-state */\n\n if (this.props.isDigitalWallet && !document.body.classList.contains('menu-open-dw')) {\n document.body.className += ' menu-open-dw';\n }\n\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n\n if (this.props.isDigitalWallet) {\n /* adding event listener for clicking outside of header */\n var overlayDiv = document.getElementById('dw-overlay-menu-open');\n if (overlayDiv) {\n overlayDiv.addEventListener('click', this.handleClickOverlay);\n }\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n\n if (this.props.isDigitalWallet) {\n /* remove event listener added for overlay */\n var overlayDiv = document.getElementById('dw-overlay-menu-open');\n if (overlayDiv) {\n overlayDiv.removeEventListener('click', this.handleClickOverlay);\n }\n }\n }\n }, {\n key: 'handleResize',\n value: function handleResize(e) {\n var newWindowWidth = e && e.iFrameWidth || window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n\n if (newWindowWidth >= _breakpoints2.default.medium) {\n if (this.state.isMobile) {\n this.setState({\n isMobile: false\n });\n }\n } else if (!this.state.isMobile) {\n this.setState({\n isMobile: true\n });\n }\n }\n }, {\n key: 'handleClickOverlay',\n value: function handleClickOverlay(e) {\n this.props.handlers.closeSubnav(e);\n }\n }, {\n key: 'registerDropDown',\n value: function registerDropDown(elem) {\n var indexAssigned = this.props.register(elem);\n this.setState({ indexAssigned: indexAssigned });\n }\n }, {\n key: 'handleAccordianEvent',\n value: function handleAccordianEvent(e) {\n var element = e.target.nextElementSibling;\n\n if (element.classList.contains('accordion-open')) {\n element.className = 'accordion-close';\n e.target.classList.remove('submenu-col__header-open');\n } else {\n element.className = 'accordion-open';\n e.target.classList.add('submenu-col__header-open');\n }\n\n // scrollToTop(e.target);\n }\n }, {\n key: 'renderDesktopCloser',\n value: function renderDesktopCloser() {\n var minimalHeader = this.props.minimalHeader;\n\n return _react2.default.createElement(\n 'span',\n { className: 'closer-desktop' },\n _react2.default.createElement(\n 'button',\n {\n href: '#',\n className: 'closer',\n title: minimalHeader.labelClose,\n onClick: this.props.handlers.closeSubnav,\n 'data-pa-click': '{\"link\":\"HeaderSubnav-Link-close\", \"event_name\": \"ppcom_header_nav_clicked\" }'\n },\n minimalHeader.labelClose\n )\n );\n }\n }, {\n key: 'renderMobileCloser',\n value: function renderMobileCloser() {\n var fpti = 'HeaderSubnav-Link-' + this.props.content.text;\n return _react2.default.createElement(\n 'span',\n { className: 'closer-mobile' },\n _react2.default.createElement(\n 'button',\n {\n href: '#',\n className: 'closer',\n onClick: this.props.handlers.closeSubnav,\n 'data-pa-click': '{\"link\":\"' + fpti + '\", \"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n this.props.content.text\n )\n );\n }\n\n // Render Digital Waller Submenu Markup & Logic\n\n }, {\n key: 'renderSubmenu',\n\n\n // Render Submenu based on Type\n value: function renderSubmenu(options) {\n var isOpen = options.isOpen,\n isClosing = options.isClosing,\n content = options.content;\n\n var isGrouped = this.props.grouped;\n var _props$isDigitalWalle = this.props.isDigitalWallet,\n isDigitalWallet = _props$isDigitalWalle === undefined ? false : _props$isDigitalWalle;\n\n var subMenu = null;\n\n if (isDigitalWallet) {\n subMenu = this.renderDigitalWalletSubmenu(content);\n } else if (isGrouped) {\n subMenu = this.renderSubmenuGrouped(content);\n } else {\n subMenu = this.renderSubmenuCols(content);\n }\n\n return _react2.default.createElement(\n 'div',\n { className: 'pp-header__subnav' },\n isOpen || isClosing ? this.renderMobileCloser() : '',\n subMenu,\n isOpen && !isDigitalWallet ? this.renderDesktopCloser() : ''\n );\n }\n }, {\n key: 'render',\n value: function render() {\n var content = this.props.content;\n\n var isOpen = this.props.activeLinkIndex === this.state.indexAssigned;\n var isClosing = this.props.closingLinkIndex === this.state.indexAssigned;\n\n return _react2.default.createElement(\n 'li',\n null,\n _react2.default.createElement(\n 'a',\n {\n id: content.id,\n ref: this.registerDropDown,\n className: this.generateClassNames(isOpen, isClosing),\n href: content.href,\n 'aria-controls': 'submenu-' + (content.id ? content.id : content.text),\n 'aria-expanded': isOpen,\n onClick: this.props.handlers.handleMainLinks,\n onMouseEnter: this.props.handlers.handleMainLinksHover,\n onMouseLeave: this.props.handlers.handleMainLinksHover,\n 'data-pa-click': '{\"link\":\"HeaderMainMenu-Link-' + content.text + '\", \"event_name\":\"ppcom_header_nav_clicked\"}'\n },\n content.text\n ),\n _react2.default.createElement(\n 'div',\n {\n className: 'submenu-wrapper',\n id: 'submenu-' + (content.id ? content.id : content.text),\n 'aria-label': content.text,\n role: 'region',\n onMouseEnter: this.props.handlers.handleSubNavHover,\n onMouseLeave: this.props.handlers.handleSubNavHover\n },\n _react2.default.createElement(\n 'div',\n { id: 'header-' + (content.id ? content.id : content.text), className: 'container' },\n this.renderSubmenu({ isOpen: isOpen, isClosing: isClosing, content: content })\n )\n )\n );\n }\n }]);\n\n return MPPSubnav;\n}(_react.Component);\n\nMPPSubnav.propTypes = {\n register: _propTypes2.default.func.isRequired,\n handlers: _propTypes2.default.object.isRequired,\n minimalHeader: _propTypes2.default.object.isRequired,\n content: _propTypes2.default.object.isRequired,\n activeLinkIndex: _propTypes2.default.number.isRequired,\n closingLinkIndex: _propTypes2.default.number.isRequired,\n grouped: _propTypes2.default.bool,\n isDigitalWallet: _propTypes2.default.bool\n};\n\nMPPSubnav.defaultProps = {\n grouped: false,\n isDigitalWallet: false\n};\n\nexports.default = MPPSubnav;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _GlobalHeader = require('../v3/GlobalHeader');\n\nvar _GlobalHeader2 = _interopRequireDefault(_GlobalHeader);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar GlobalHeader = function (_GlobalHeaderV) {\n _inherits(GlobalHeader, _GlobalHeaderV);\n\n function GlobalHeader(props) {\n _classCallCheck(this, GlobalHeader);\n\n var _this = _possibleConstructorReturn(this, (GlobalHeader.__proto__ || Object.getPrototypeOf(GlobalHeader)).call(this, props));\n\n _this.handleOrientationChange = function () {};\n\n _this.processFixedStyleState = function () {};\n\n _this.processStickyState = function () {};\n\n _this.state.isHeaderFixed = false;\n return _this;\n }\n\n return GlobalHeader;\n}(_GlobalHeader2.default);\n\nexports.default = GlobalHeader;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _appBadges = require('../../../atoms/app-badges');\n\nvar _appBadges2 = _interopRequireDefault(_appBadges);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _youtube = require('../../../molecules/youtube');\n\nvar _youtube2 = _interopRequireDefault(_youtube);\n\nvar _themeManager = require('../../../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _breakpoints = require('../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'homepage-hero-video';\n\nvar getAlignment = function getAlignment(textAlign) {\n var alignment = {\n left: ORGANISM_NAME + '__container col-xs-12 text-xs-left',\n center: ORGANISM_NAME + '__container col-xs-12 center-block text-xs-center'\n };\n\n return alignment[textAlign || 'left'];\n};\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: 1, className: ORGANISM_NAME + '__headline h2' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderCta = function renderCta(cta, color) {\n if (cta && cta.text) {\n var targetValue = cta.target || '_self';\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n href: cta.href,\n color: color || cta.color || undefined,\n className: ORGANISM_NAME + '__btn',\n fpti: 'HPHero-' + (cta.type || 'cta') + '-' + (cta.fpti || cta.text),\n target: targetValue,\n alt: cta.alt || cta.text\n },\n cta.text\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText, isCentered) {\n if (hatchText && hatchText.text) {\n var classes = (0, _classnames2.default)(ORGANISM_NAME + '__hatch-text pp-sans-small-regular', _defineProperty({}, ORGANISM_NAME + '__hatch-text--center', isCentered));\n\n return _react2.default.createElement(\n 'p',\n { className: classes },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar renderBadge = function renderBadge(content, clientInfo, isCentered) {\n var appBadgeContent = {\n clientInfo: clientInfo,\n ios: content.ios,\n android: content.android\n };\n var classes = isCentered ? ORGANISM_NAME + '__app-badge-wrapper--center' : ORGANISM_NAME + '__app-badge-wrapper';\n\n if (clientInfo && (content.ios || content.android)) {\n return _react2.default.createElement(\n 'div',\n { className: classes },\n _react2.default.createElement(_appBadges2.default, appBadgeContent)\n );\n }\n return null;\n};\n\nvar HomePageHeroVideo = function (_React$Component) {\n _inherits(HomePageHeroVideo, _React$Component);\n\n function HomePageHeroVideo(props) {\n _classCallCheck(this, HomePageHeroVideo);\n\n var _this = _possibleConstructorReturn(this, (HomePageHeroVideo.__proto__ || Object.getPrototypeOf(HomePageHeroVideo)).call(this, props));\n\n _this.getAlignment = getAlignment;\n _this.renderHeadline = renderHeadline;\n _this.renderParagraph = renderParagraph;\n _this.renderCta = renderCta;\n _this.renderBadge = renderBadge;\n _this.renderHatchText = renderHatchText;\n _this.handleResize = _this.handleResize.bind(_this);\n _this.state = {\n isMobile: false,\n xSmall: false,\n showVideo: false,\n viewport: 'dedicated'\n };\n return _this;\n }\n\n _createClass(HomePageHeroVideo, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n this.enableVideo();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: 'checkCurrentViewPort',\n value: function checkCurrentViewPort(newWindowWidth) {\n var deviceType = \"dedicated\";\n if (newWindowWidth <= _breakpoints2.default.small) {\n deviceType = 'mobile';\n } else if (newWindowWidth <= _breakpoints2.default.medium) {\n deviceType = 'portable';\n }\n this.setState({ viewport: deviceType });;\n }\n }, {\n key: 'handleResize',\n value: function handleResize() {\n var newWindowWidth = this.organismRef ? Math.min(this.organismRef.ownerDocument.defaultView.innerWidth, this.organismRef.ownerDocument.documentElement.clientWidth, this.organismRef.ownerDocument.body.clientWidth) : window.innerWidth;\n\n this.checkCurrentViewPort(newWindowWidth);\n\n if (newWindowWidth >= _breakpoints2.default.medium) {\n if (this.state.isMobile || this.state.xSmall) {\n this.setState({\n isMobile: false,\n xSmall: false\n });\n }\n } else if (newWindowWidth >= _breakpoints2.default.small) {\n if (this.state.isMobile || !this.state.xSmall) {\n this.setState({\n isMobile: true,\n xSmall: false\n });\n }\n } else if (!this.state.isMobile || !this.state.xSmall) {\n this.setState({\n isMobile: true,\n xSmall: true\n });\n }\n }\n\n // adding state \"showVideo\" to force re-render to call\n // \"onPlayerReady\" method in Youtube.jsx, this is needed\n // for MPPContent. On MPPContent we do server rendering vs\n // client on marketing-components, and \"load\" event listener\n // is accessible on client and not on server.\n\n }, {\n key: 'enableVideo',\n value: function enableVideo() {\n this.setState({\n showVideo: true\n });\n }\n }, {\n key: 'renderVideo',\n value: function renderVideo(video) {\n if (video && this.state.showVideo) {\n return _react2.default.createElement(_youtube2.default, {\n className: '' + ORGANISM_NAME,\n videoId: video.videoId,\n width: 515,\n height: 290,\n isMobile: this.state.isMobile,\n autoplay: this.state.isMobile ? 0 : video.autoplay\n });\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var theme = this.props.config.theme || 'theme-background-image-dark';\n var newProps = (0, _themeManager2.default)({ content: this.props.content }, theme);\n\n var content = newProps.content;\n var _props = this.props,\n config = _props.config,\n className = _props.className,\n clientInfo = _props.clientInfo;\n var headline = content.headline,\n paragraph = content.paragraph,\n primaryCta = content.primaryCta,\n video = content.video,\n hatchText = content.hatchText;\n var id = config.id;\n\n\n var sectionClasses = (0, _classnames2.default)(ORGANISM_NAME + '-organism', className);\n\n var heroClasses = (0, _classnames2.default)(ORGANISM_NAME, config.height || 'tall', theme);\n\n var backgroundImage = config.backgroundImage && (config.backgroundImage[this.state.viewport] || config.backgroundImage.url);\n\n var backgroundPosition = config.backgroundImage && config.backgroundPosition;\n var backgroundImageStyle = backgroundImage ? {\n backgroundImage: 'url(' + backgroundImage + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n var isCentered = config.deviceImageSize === 'large';\n\n return _react2.default.createElement(\n 'section',\n {\n ref: function ref(c) {\n _this2.organismRef = c;\n },\n id: id,\n className: sectionClasses,\n 'data-building-block': 'organism'\n },\n _react2.default.createElement(\n 'div',\n { className: heroClasses, style: backgroundImageStyle },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n !paragraph ? _react2.default.createElement(\n 'div',\n { className: getAlignment('center') },\n renderHeadline(headline),\n this.renderVideo(video),\n renderCta(primaryCta),\n this.renderBadge(content, clientInfo, isCentered),\n renderHatchText(hatchText, true)\n ) : _react2.default.createElement(\n 'div',\n null,\n !this.state.isMobile && config.textAlign === 'right' && _react2.default.createElement(\n 'div',\n { className: 'col-md-6 col-sm-12' },\n this.renderVideo(video)\n ),\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__content col-md-6 col-sm-12' },\n renderHeadline(headline),\n renderParagraph(paragraph),\n this.state.isMobile && !this.state.xSmall && _react2.default.createElement(\n 'div',\n null,\n this.renderVideo(video)\n ),\n renderCta(primaryCta),\n this.renderBadge(content, clientInfo, isCentered),\n renderHatchText(hatchText, false)\n ),\n !this.state.isMobile && config.textAlign === 'left' && _react2.default.createElement(\n 'div',\n { className: 'col-md-6 col-sm-12' },\n this.renderVideo(video)\n )\n )\n )\n )\n ),\n this.state.xSmall && config.textAlign !== 'center' && paragraph && paragraph.text && _react2.default.createElement(\n 'div',\n { className: 'below-' + ORGANISM_NAME },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__video-col col-sm-12' },\n this.renderVideo(video)\n )\n )\n )\n )\n );\n }\n }]);\n\n return HomePageHeroVideo;\n}(_react2.default.Component);\n\nexports.default = HomePageHeroVideo;\n\n\nHomePageHeroVideo.propTypes = {\n clientInfo: _propTypes2.default.shape({\n client_os_type: _propTypes2.default.string,\n client_is_mobile: _propTypes2.default.bool,\n client_type: _propTypes2.default.string\n }),\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired,\n portable: _propTypes2.default.string.isRequired,\n mobile: _propTypes2.default.string.isRequired\n }).isRequired,\n theme: _propTypes2.default.oneOf(['theme-background-image-dark', 'theme-background-image-light', 'theme-new-money']),\n height: _propTypes2.default.oneOf(['short', 'tall']),\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right']),\n textAlign: _propTypes2.default.oneOf(['right', 'left']).isRequired\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n video: _propTypes2.default.shape({\n videoId: _propTypes2.default.string.isRequired,\n autoplay: _propTypes2.default.number\n }).isRequired,\n primaryCta: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n id: _propTypes2.default.string,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }).isRequired,\n ios: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n android: _propTypes2.default.shape({\n store: _propTypes2.default.oneOf(['google', 'android-store']),\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string\n};\n\nHomePageHeroVideo.defaultProps = {\n clientInfo: {\n client_os_type: 'ios',\n client_is_mobile: true,\n client_type: 'dedicated'\n },\n config: {\n id: '',\n textAlign: 'right',\n theme: 'theme-background-image-dark',\n backgroundImage: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business.jpg',\n portable: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business-medium.jpg',\n mobile: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business-small.jpg'\n },\n backgroundPosition: 'center',\n height: 'tall'\n },\n content: {\n headline: {\n text: '21 characters per line - 2 lines maximum.'\n },\n paragraph: {\n text: 'In mobile and tablet views, align text to optimize contrast with background' + ' image. 152 characters maximum.'\n },\n video: {\n id: '',\n videoId: 'lkz4GZgyb9o',\n autoplay: 1\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '24 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n ios: {\n href: 'https://app.adjust.com/vlx5gy',\n fpti: \"home-hero-video\"\n },\n android: {\n store: 'google',\n href: 'https://app.adjust.com/vxullh',\n fpti: \"home-hero-video\"\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _isObject = require('lodash/isObject');\n\nvar _isObject2 = _interopRequireDefault(_isObject);\n\nvar _appBadges = require('../../../atoms/app-badges');\n\nvar _appBadges2 = _interopRequireDefault(_appBadges);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _mediaButton = require('../../../atoms/media-button');\n\nvar _mediaButton2 = _interopRequireDefault(_mediaButton);\n\nvar _themeManager = require('../../../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _breakpoints = require('../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\nvar ORGANISM_NAME = 'home-hero';\nvar getAlignment = function getAlignment(textAlign) {\n var alignment = {\n left: ORGANISM_NAME + '__container col-xs-12 col-lg-8 text-xs-left',\n center: ORGANISM_NAME + '__container col-xs-12 col-lg-8 center-block text-xs-center'\n };\n return alignment[textAlign || 'center'];\n};\nvar renderHeadline = function renderHeadline(headline) {\n if (headline.level) {\n return _react2.default.createElement(\n _heading2.default,\n { level: headline.level, className: ORGANISM_NAME + '__headline' },\n htmlToReactParser.parse(headline.text)\n );\n } else if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { className: ORGANISM_NAME + '__headline' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\nvar renderMediaButton = function renderMediaButton(mediaButton, color) {\n if (mediaButton && mediaButton.text) {\n var fptiValue = (0, _isObject2.default)(mediaButton.fpti) ? '{\"link\": \"' + (mediaButton.fpti.link || 'HPHero-MediaBtn-' + mediaButton.text) + '\",\"event_name\":\"' + mediaButton.fpti.event_name + '\"}' : 'HPHero-MediaBtn-' + mediaButton.text;\n return _react2.default.createElement(\n _mediaButton2.default\n // adding null to prevent empty id from being added to DOM\n ,\n { id: mediaButton.id || null,\n name: mediaButton.name || mediaButton.id || null,\n color: color || mediaButton.color,\n className: ORGANISM_NAME + '__mediabtn',\n fpti: fptiValue,\n 'data-video-id': mediaButton['data-video-id'],\n alt: mediaButton.alt || mediaButton.text\n },\n mediaButton.text\n );\n }\n return null;\n};\nvar renderCta = function renderCta(cta, color) {\n if (cta && cta.text) {\n var targetValue = cta.target || '_self';\n var fptiValue = (0, _isObject2.default)(cta.fpti) ? '{\"link\": \"' + (cta.fpti.link || 'HPHero-' + (cta.type || 'cta') + '-' + cta.text) + '\",\"event_name\":\"' + cta.fpti.event_name + '\"}' : 'HPHero-' + (cta.type || 'cta') + '-' + cta.text;\n return _react2.default.createElement(\n _button2.default\n // adding null to prevent empty id from being added to DOM\n ,\n { id: cta.id || null,\n name: cta.name || cta.id || null,\n href: cta.href,\n color: color || cta.color || null,\n className: ORGANISM_NAME + '__btn',\n fpti: fptiValue,\n target: targetValue,\n alt: cta.alt || cta.text\n },\n cta.text\n );\n }\n return null;\n};\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__hatch-text pp-sans-small-regular' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\nvar renderBadge = function renderBadge(content, clientInfo, isCentered) {\n var appBadgeContent = {\n clientInfo: clientInfo,\n ios: content.ios,\n android: content.android\n };\n var classes = isCentered ? ORGANISM_NAME + '__app-badge-wrapper--center' : ORGANISM_NAME + '__app-badge-wrapper';\n if (clientInfo && (content.ios || content.android)) {\n return _react2.default.createElement(\n 'div',\n { className: classes },\n _react2.default.createElement(_appBadges2.default, appBadgeContent)\n );\n }\n return null;\n};\n\nvar HomePageHero = function (_React$Component) {\n _inherits(HomePageHero, _React$Component);\n\n function HomePageHero(props) {\n _classCallCheck(this, HomePageHero);\n\n var _this = _possibleConstructorReturn(this, (HomePageHero.__proto__ || Object.getPrototypeOf(HomePageHero)).call(this, props));\n\n _this.getAlignment = getAlignment;\n _this.renderHeadline = renderHeadline;\n _this.renderParagraph = renderParagraph;\n _this.renderMediaButton = renderMediaButton;\n _this.renderCta = renderCta;\n _this.renderBadge = renderBadge;\n _this.renderHatchText = renderHatchText;\n _this.handleResize = _this.handleResize.bind(_this);\n _this.state = {\n isMobile: false,\n viewport: 'dedicated'\n };\n return _this;\n }\n\n _createClass(HomePageHero, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: 'checkCurrentViewPort',\n value: function checkCurrentViewPort(newWindowWidth) {\n var deviceType = \"dedicated\";\n if (newWindowWidth <= _breakpoints2.default.small) {\n deviceType = 'mobile';\n } else if (newWindowWidth <= _breakpoints2.default.medium) {\n deviceType = 'portable';\n }\n this.setState({ viewport: deviceType });\n }\n }, {\n key: 'handleResize',\n value: function handleResize() {\n var newWindowWidth = this.organismRef ? Math.min(this.organismRef.ownerDocument.defaultView.innerWidth, this.organismRef.ownerDocument.documentElement.clientWidth, this.organismRef.ownerDocument.body.clientWidth) : window.innerWidth;\n this.checkCurrentViewPort(newWindowWidth);\n\n if (newWindowWidth >= _breakpoints2.default.medium) {\n if (this.state.isMobile) {\n this.setState({\n isMobile: false\n });\n }\n } else if (!this.state.isMobile) {\n this.setState({\n isMobile: true\n });\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var theme = this.props.config.theme || 'theme-background-image-dark';\n var newProps = (0, _themeManager2.default)({ content: this.props.content }, theme);\n var content = newProps.content;\n var _props = this.props,\n config = _props.config,\n className = _props.className,\n clientInfo = _props.clientInfo;\n var headline = content.headline,\n paragraph = content.paragraph,\n mediaButton = content.mediaButton,\n primaryCta = content.primaryCta,\n secondaryCta = content.secondaryCta,\n hatchText = content.hatchText;\n\n var sectionClasses = (0, _classnames2.default)(ORGANISM_NAME + '-organism', className);\n var heroClasses = (0, _classnames2.default)(ORGANISM_NAME, config.height || 'tall', theme);\n var backgroundImage = config.backgroundImage && (config.backgroundImage[this.state.viewport] || config.backgroundImage.url);\n /* const backgroundImage =\n config.backgroundImage && (config.backgroundImage[viewport] || this.state.backgroundUrl); */ /* Doesn't apply the right image when viewport resized */\n var backgroundPosition = config.backgroundImage && config.backgroundPosition;\n var backgroundImageStyle = backgroundImage ? {\n backgroundImage: 'url(' + backgroundImage + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n var isCentered = config.deviceImageSize === 'large';\n return _react2.default.createElement(\n 'section',\n {\n ref: function ref(c) {\n _this2.organismRef = c;\n },\n id: config.id ? config.id : null,\n className: sectionClasses,\n 'data-building-block': 'organism'\n },\n _react2.default.createElement(\n 'div',\n { className: heroClasses, style: backgroundImageStyle },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: getAlignment(config.textAlign) },\n this.state.isMobile && paragraph && paragraph.text ? _react2.default.createElement(\n 'div',\n null,\n renderHeadline(headline)\n ) : _react2.default.createElement(\n 'div',\n null,\n renderHeadline(headline),\n renderParagraph(paragraph),\n renderMediaButton(mediaButton),\n renderCta(primaryCta),\n renderCta(secondaryCta),\n this.renderBadge(content, clientInfo, isCentered),\n renderHatchText(hatchText)\n )\n )\n )\n )\n ),\n this.state.isMobile && paragraph && paragraph.text && _react2.default.createElement(\n 'div',\n { className: 'below-' + ORGANISM_NAME },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: getAlignment(config.textAlign) },\n renderParagraph(paragraph),\n renderMediaButton(mediaButton, 'outline-blue'),\n renderCta(primaryCta),\n renderCta(secondaryCta, 'outline-blue'),\n this.renderBadge(content, clientInfo, isCentered),\n renderHatchText(hatchText)\n )\n )\n )\n )\n );\n }\n }]);\n\n return HomePageHero;\n}(_react2.default.Component);\n\nexports.default = HomePageHero;\n\nHomePageHero.propTypes = {\n clientInfo: _propTypes2.default.shape({\n client_os_type: _propTypes2.default.string,\n client_is_mobile: _propTypes2.default.bool,\n client_type: _propTypes2.default.string\n }),\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired,\n portable: _propTypes2.default.string.isRequired,\n mobile: _propTypes2.default.string.isRequired\n }).isRequired,\n theme: _propTypes2.default.oneOf(['theme-background-image-dark', 'theme-background-image-light', 'theme-new-money']),\n height: _propTypes2.default.oneOf(['short', 'tall']),\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right']),\n textAlign: _propTypes2.default.oneOf(['center', 'left']).isRequired\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n mediaButton: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n 'data-video-id': _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n id: _propTypes2.default.string,\n alt: _propTypes2.default.string,\n name: _propTypes2.default.string\n }),\n primaryCta: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }).isRequired,\n secondaryCta: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }),\n ios: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n android: _propTypes2.default.shape({\n store: _propTypes2.default.oneOf(['google', 'android-store']),\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string\n};\nHomePageHero.defaultProps = {\n clientInfo: {\n client_os_type: 'ios',\n client_is_mobile: true,\n client_type: 'dedicated'\n },\n config: {\n id: '',\n textAlign: 'center',\n theme: 'theme-background-image-dark',\n backgroundImage: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business.jpg',\n portable: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business-medium.jpg',\n mobile: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business-small.jpg'\n },\n backgroundPosition: 'center',\n height: 'tall'\n },\n content: {\n headline: {\n text: '21 characters per line - 2 lines maximum.'\n },\n paragraph: {\n text: 'In mobile and tablet views, align text to optimize contrast with ' + 'background image. 152 characters maximum.'\n },\n mediaButton: {\n id: '',\n text: '25 characters maximum',\n 'data-video-id': 'lkz4GZgyb9o',\n alt: 'Alt Text for media button'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n secondaryCta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n ios: {\n href: 'https://app.adjust.com/vlx5gy',\n fpti: \"home-hero\"\n },\n android: {\n store: 'google',\n href: 'https://app.adjust.com/vxullh',\n fpti: \"home-hero\"\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n },\n className: ''\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar easeInOutQuad = function easeInOutQuad(time, start, end, duration) {\n var elapsedTime = time;\n\n elapsedTime /= duration / 2;\n\n if (elapsedTime < 1) {\n return end / 2 * elapsedTime * elapsedTime + start;\n }\n\n elapsedTime -= 1;\n\n return -end / 2 * (elapsedTime * (elapsedTime - 2) - 1) + start;\n};\n\nexports.default = easeInOutQuad;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _easing = require('./easing');\n\nvar _easing2 = _interopRequireDefault(_easing);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar jump = function jump() {\n var target = void 0; // (node|number|cssSelector)\n var element = void 0; // (node)\n var start = void 0; // (px)\n var stop = void 0; // (px)\n var offset = void 0; // (px)\n var easing = void 0; // (function)\n var a11y = void 0; // (boolean)\n var distance = void 0; // (px)\n var duration = void 0; // (ms)\n var timeStart = void 0; // (ms)\n var timeElapsed = void 0; // (ms)\n var next = void 0; // (px)\n var callback = void 0; // (function)\n var windowObj = void 0; // (window object|iFrame window)\n\n function location() {\n return windowObj.scrollY || windowObj.pageYOffset;\n }\n\n function top(el) {\n return el.getBoundingClientRect().top + start;\n }\n\n function done() {\n // account for rAF time rounding inaccuracies\n windowObj.scrollTo(0, start + distance);\n\n // if scrolling to an element, and accessibility is enabled\n if (element && a11y) {\n // add tabindex indicating programmatic focus\n element.setAttribute('tabindex', '-1');\n\n // focus the element\n element.focus();\n }\n\n if (typeof callback === 'function') {\n callback();\n }\n\n // reset time for next jump\n timeStart = false;\n }\n\n // rAF loop helper\n function loop(timeCurrent) {\n // store time scroll started, if not started already\n if (!timeStart) {\n timeStart = timeCurrent;\n }\n\n // determine time spent scrolling so far\n timeElapsed = timeCurrent - timeStart;\n\n // calculate next scroll position\n next = easing(timeElapsed, start, distance, duration);\n\n // scroll to it\n windowObj.scrollTo(0, next);\n\n if (timeElapsed < duration) {\n window.requestAnimationFrame(loop); // continue scroll loop\n } else {\n done();\n }\n }\n\n function jumpTo() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n target = options.target;\n duration = options.duration || 1000;\n offset = options.offset || 0;\n callback = options.callback;\n easing = options.easing || _easing2.default;\n a11y = options.a11y || false;\n windowObj = options.windowObj || window; // canvas hack (expect iframe window object)\n // cache starting position\n start = location();\n\n // resolve target\n switch (typeof target === 'undefined' ? 'undefined' : _typeof(target)) {\n // scroll from current position\n case 'number':\n element = undefined;\n a11y = false;\n stop = start + target;\n break;\n\n // scroll to element (node)\n // bounding rect is relative to the viewport\n case 'object':\n element = target;\n stop = top(element);\n break;\n\n // scroll to element (selector)\n // bounding rect is relative to the viewport\n case 'string':\n element = document.querySelector(target);\n stop = top(element);\n break;\n\n default:\n break;\n }\n\n // resolve scroll distance, accounting for offset\n distance = stop - start + offset;\n\n switch (_typeof(options.duration)) {\n // ms\n case 'number':\n duration = options.duration;\n break;\n\n // function passed the distance of the scroll\n case 'function':\n duration = options.duration(distance);\n break;\n\n default:\n break;\n }\n\n // start the loop\n window.requestAnimationFrame(loop);\n }\n\n return jumpTo;\n};\n\nvar singleton = jump();\n\nexports.default = singleton;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _divider = require('../../divider');\n\nvar _divider2 = _interopRequireDefault(_divider);\n\nvar _jump = require('../js/jump');\n\nvar _jump2 = _interopRequireDefault(_jump);\n\nvar _breakpoints = require('../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'in-page-anchors';\nvar SCROLL_OFFSET = -72;\n\nvar InPageAnchors = function (_React$Component) {\n _inherits(InPageAnchors, _React$Component);\n\n function InPageAnchors(props) {\n _classCallCheck(this, InPageAnchors);\n\n var _this = _possibleConstructorReturn(this, (InPageAnchors.__proto__ || Object.getPrototypeOf(InPageAnchors)).call(this, props));\n\n _this.renderCta = function (cta) {\n if (cta && cta.text) {\n var targetValue = cta.target || '_self';\n\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n href: cta.href,\n color: cta.color || 'blue',\n className: ORGANISM_NAME + '__cta',\n fpti: 'InPgAchrs-' + (cta.type || 'cta') + '-' + (cta.fpti || cta.text),\n target: targetValue\n },\n cta.text\n );\n }\n return null;\n };\n\n _this.state = {\n blurred: false,\n containerIds: [],\n isMobile: false,\n isSticky: false,\n isScrolling: false,\n isTabing: true,\n selectedLink: '',\n showDropdown: true\n };\n\n _this.bodyRef = undefined;\n _this.isStickyHeader = false;\n _this.isCanvas = undefined;\n\n _this.handleBlur = _this.handleBlur.bind(_this);\n _this.handleHighlightLink = _this.handleHighlightLink.bind(_this);\n _this.handleKeyDown = _this.handleKeyDown.bind(_this);\n _this.handleLink = _this.handleLink.bind(_this);\n _this.handleResize = _this.handleResize.bind(_this);\n _this.handleScroll = _this.handleScroll.bind(_this);\n _this.handleTouchOutside = _this.handleTouchOutside.bind(_this);\n _this.renderLinks = _this.renderLinks.bind(_this);\n _this.setContainerIds = _this.setContainerIds.bind(_this);\n return _this;\n }\n\n _createClass(InPageAnchors, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.setBodyRef();\n window.addEventListener('resize', this.handleResize);\n window.addEventListener('scroll', this.handleScroll);\n window.addEventListener('touchend', this.handleTouchOutside);\n this.handleResize();\n this.setContainerIds(this.props.content.links);\n\n // TODO: generate custom canvas scroll event to prime anchor scrolling\n\n // check if sticky-header is present\n this.isStickyHeader = !!document.getElementsByClassName('pp-header--fixed')[0] || !!this.bodyRef.querySelector('.pp-header--fixed');\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n window.removeEventListener('scroll', this.handleScroll);\n window.removeEventListener('touchend', this.handleTouchOutside);\n }\n }, {\n key: 'setBodyRef',\n value: function setBodyRef() {\n /*\n * This method is used to find the closest BODY parent to the header\n * and is needed since sometimes we need to find DOM elements\n * inside an iFrame(due to Canvas platform); in this case, we want to\n * be able to find the header to know if it is sticky or not.\n */\n var currentRef = this.inPageAnchorsContainer.parentNode;\n while (!this.bodyRef && currentRef) {\n if (currentRef.tagName === 'BODY') {\n this.bodyRef = currentRef;\n } else {\n currentRef = currentRef.parentNode;\n }\n }\n this.bodyRef = this.bodyRef || document.body;\n }\n }, {\n key: 'setContainerIds',\n value: function setContainerIds(links) {\n this.setState({ containerIds: links.map(function (link) {\n return link.href;\n }) });\n }\n }, {\n key: 'handleResize',\n value: function handleResize() {\n var newWindowWidth = Math.min(this.inPageAnchorsContainer.ownerDocument.defaultView.innerWidth, this.inPageAnchorsContainer.ownerDocument.documentElement.clientWidth, this.inPageAnchorsContainer.ownerDocument.body.clientWidth);\n if (newWindowWidth >= _breakpoints2.default.large) {\n if (this.state.isMobile) {\n this.setState({\n isMobile: false,\n showDropdown: true\n });\n }\n } else if (!this.state.isMobile) {\n this.setState({\n isMobile: true,\n showDropdown: false\n });\n }\n }\n }, {\n key: 'handleScroll',\n value: function handleScroll(e) {\n var distanceFromTop = this.inPageAnchorsContainer.getBoundingClientRect().top;\n\n // we check existence of a custom attribute from canvas\n this.isCanvas = typeof e.iFrameScrollY === 'number';\n\n this.setState({\n isSticky: distanceFromTop <= 0,\n isTabing: false\n });\n\n this.handleHighlightLink();\n }\n }, {\n key: 'handleTouchOutside',\n value: function handleTouchOutside(e) {\n if (e.target.classList.contains(ORGANISM_NAME + '__link')) {\n if (this.state.isMobile && this.state.showDropdown) {\n this.setState({\n showDropdown: !this.state.showDropdown,\n blurred: true\n });\n }\n }\n }\n }, {\n key: 'handleDropdownArrow',\n value: function handleDropdownArrow(fireTracking, e) {\n var buttonState = this.state.blurred ? 'close' : 'open';\n var fptiValue = 'InPgAchrs-btn-' + buttonState;\n\n e.preventDefault();\n\n fireTracking(fptiValue);\n\n this.setState({\n showDropdown: !this.state.showDropdown,\n blurred: !this.state.blurred\n });\n }\n }, {\n key: 'handleBlur',\n value: function handleBlur(e) {\n var _this2 = this;\n\n if (this.state.isMobile) {\n var currentTarget = e.currentTarget;\n\n setTimeout(function () {\n if (!currentTarget.contains(document.activeElement)) {\n _this2.setState({\n showDropdown: false,\n blurred: true\n });\n }\n }, 0);\n }\n }\n }, {\n key: 'handleHighlightLink',\n value: function handleHighlightLink() {\n var visibleSectionId = '';\n\n this.state.containerIds.forEach(function (id) {\n var scrollTop = void 0;\n var scrollBottom = void 0;\n try {\n scrollTop = document.querySelector(id).getBoundingClientRect().top;\n scrollBottom = document.querySelector(id).getBoundingClientRect().bottom;\n } catch (e) {\n // do nothing\n }\n\n if (!Number.isNaN(scrollTop) && // id matched html element\n scrollTop - 1 < 0 - SCROLL_OFFSET && scrollBottom - 1 > 0 - SCROLL_OFFSET) {\n visibleSectionId = id;\n }\n });\n\n this.setState({ selectedLink: visibleSectionId });\n }\n }, {\n key: 'handleLink',\n value: function handleLink(fireTracking, e) {\n var _this3 = this;\n\n var target = e.currentTarget;\n var targetHref = target.href.split('#')[1];\n\n var jumpToElement = targetHref && (document.getElementById(targetHref) || this.bodyRef.querySelector('#' + targetHref));\n\n // TODO: hack to make scrolling work on canvas\n // need to find a way to get this hardcoded query elsewhere\n // or, enhance scroll to work seamlessly inside iframes\n var iframeWindow = this.isCanvas ? document.querySelector('.central-panel iframe').contentWindow : undefined;\n\n var fptiValue = 'InPgAchrs-Link-#' + targetHref;\n\n var setScrollingState = function setScrollingState() {\n _this3.setState({ isScrolling: false });\n };\n\n // allow native link behavior for ie <= 9\n if (window.requestAnimationFrame) e.preventDefault();\n\n fireTracking(fptiValue);\n\n if (jumpToElement && !this.state.isScrolling) {\n this.setState({ isScrolling: true });\n\n (0, _jump2.default)({\n target: jumpToElement,\n offset: SCROLL_OFFSET,\n duration: 500,\n callback: setScrollingState,\n windowObj: iframeWindow\n });\n }\n\n this.setState({\n // only close when on mobile view\n showDropdown: !this.state.isMobile,\n blurred: true\n });\n }\n }, {\n key: 'handleKeyDown',\n value: function handleKeyDown(e) {\n // esc key\n if (e.keyCode === 27) {\n this.setState({\n showDropdown: false,\n blurred: true\n });\n }\n // tab key\n if (e.keyCode === 9) {\n this.setState({\n isTabing: true\n });\n }\n }\n\n // onClick is intentionally binded like this in order to pass in 2 parameters\n\n }, {\n key: 'renderLinks',\n value: function renderLinks(links, fireTracking) {\n var _this4 = this;\n\n if (!links) return null;\n\n return links.map(function (link, idx) {\n var _cx;\n\n var linkClasses = (0, _classnames2.default)(ORGANISM_NAME + '__link', (_cx = {}, _defineProperty(_cx, ORGANISM_NAME + '__link--selected', _this4.state.selectedLink !== '#' && link.href === _this4.state.selectedLink), _defineProperty(_cx, ORGANISM_NAME + '__link--underline', _this4.state.isTabing), _cx));\n\n // used index in key just in case that href is the same\n var key = '' + idx + link.href;\n\n return _react2.default.createElement(\n 'li',\n { className: ORGANISM_NAME + '__li', key: key },\n _react2.default.createElement(\n 'a',\n {\n className: linkClasses,\n href: link.href,\n 'data-pa-click': ORGANISM_NAME + '-' + link.text,\n onClick: function onClick(e) {\n return _this4.handleLink(fireTracking, e);\n },\n tabIndex: _this4.state.blurred && _this4.state.isMobile ? '-1' : ''\n },\n link.text\n )\n );\n });\n }\n\n // onClick is intentionally binded like this in order to pass in 2 parameters\n\n }, {\n key: 'renderDropdownButton',\n value: function renderDropdownButton(content, classes, cta, fireTracking) {\n var _this5 = this;\n\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'button',\n {\n className: classes,\n onClick: function onClick(e) {\n return _this5.handleDropdownArrow(fireTracking, e);\n }\n },\n _react2.default.createElement(\n 'span',\n { className: ORGANISM_NAME + '__dropdown-button__text' },\n this.state.showDropdown ? content.close.text : content.open.text\n )\n ),\n content.label && !cta && _react2.default.createElement(\n 'span',\n { className: ORGANISM_NAME + '__dropdown-button__label' },\n content.label.text\n )\n );\n }\n }, {\n key: 'render',\n value: function render() {\n var _cx3,\n _this6 = this;\n\n var _props$content = this.props.content,\n primaryCta = _props$content.primaryCta,\n links = _props$content.links,\n dropdownButton = _props$content.dropdownButton;\n var _props$config = this.props.config,\n id = _props$config.id,\n buttonAlign = _props$config.buttonAlign;\n var _state = this.state,\n isMobile = _state.isMobile,\n isSticky = _state.isSticky,\n showDropdown = _state.showDropdown;\n\n\n var navClasses = (0, _classnames2.default)(ORGANISM_NAME + '__nav', _defineProperty({}, ORGANISM_NAME + '__nav--sticky', this.state.isSticky && !this.isStickyHeader));\n\n var optionsClasses = (0, _classnames2.default)(ORGANISM_NAME + '__link-list', (_cx3 = {}, _defineProperty(_cx3, ORGANISM_NAME + '__link-list--slide-down', showDropdown && isMobile), _defineProperty(_cx3, ORGANISM_NAME + '__link-list--text-right', !isMobile && buttonAlign === 'left'), _cx3));\n\n var linksContainerClasses = (0, _classnames2.default)(ORGANISM_NAME + '__links-container', _defineProperty({}, ORGANISM_NAME + '__links-container--text-right', !isMobile && buttonAlign === 'left'));\n\n var flexWrapperClasses = (0, _classnames2.default)(ORGANISM_NAME + '__flex-wrapper', _defineProperty({}, ORGANISM_NAME + '__flex-wrapper--button-left', !isMobile && buttonAlign === 'left'));\n\n var dropdownButtonClasses = (0, _classnames2.default)(ORGANISM_NAME + '__dropdown-button', _defineProperty({}, ORGANISM_NAME + '__dropdown-button--show-x', showDropdown));\n\n // fireTracking is passed into render methods below so that the component\n // will still be able to use fireTracking when it is extended\n return _react2.default.createElement(\n 'section',\n {\n id: id,\n 'data-building-block': 'organism',\n className: ORGANISM_NAME,\n ref: function ref(element) {\n _this6.inPageAnchorsContainer = element;\n }\n },\n _react2.default.createElement(\n 'nav',\n { className: navClasses },\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__container' },\n _react2.default.createElement(\n 'div',\n { className: flexWrapperClasses },\n this.props.children ? this.props.children : _react2.default.createElement(\n 'div',\n {\n className: linksContainerClasses,\n onKeyDown: this.handleKeyDown,\n onBlur: this.handleBlur,\n role: 'none',\n tabIndex: '-1'\n },\n isMobile && this.renderDropdownButton(dropdownButton, dropdownButtonClasses, primaryCta, this.props.fireTracking),\n _react2.default.createElement(\n 'ul',\n { className: optionsClasses },\n this.renderLinks(links, this.props.fireTracking)\n )\n ),\n isSticky && this.renderCta(primaryCta)\n )\n )\n ),\n _react2.default.createElement(_divider2.default, null)\n );\n }\n }]);\n\n return InPageAnchors;\n}(_react2.default.Component);\n\nexports.default = InPageAnchors;\n\n\nInPageAnchors.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n buttonAlign: _propTypes2.default.oneOf(['left', 'right'])\n }),\n content: _propTypes2.default.shape({\n dropdownButton: _propTypes2.default.shape({\n label: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n open: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n close: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n }).isRequired,\n links: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired\n }).isRequired),\n primaryCta: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n id: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n })\n }),\n children: _propTypes2.default.node,\n fireTracking: _propTypes2.default.func\n};\n\nInPageAnchors.defaultProps = {\n config: {\n id: '',\n buttonAlign: 'right'\n },\n content: {\n dropdownButton: {\n label: {\n text: 'Sections'\n },\n open: {\n text: 'Expand more'\n },\n close: {\n text: 'Expand less'\n }\n },\n links: [{\n text: '16 characters maximum',\n href: '#'\n }, {\n text: '16 characters maximum',\n href: '#'\n }, {\n text: '16 characters maximum',\n href: '#'\n }, {\n text: '16 characters maximum',\n href: '#'\n }],\n primaryCta: {\n id: '',\n href: '#',\n text: '18 characters maximum',\n target: '_self'\n }\n },\n fireTracking: function fireTracking() {},\n children: null\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _themeManager = require('../../../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _appBadges = require('../../../atoms/app-badges');\n\nvar _appBadges2 = _interopRequireDefault(_appBadges);\n\nvar _breakpoints = require('../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'info-hero';\n\nvar InformationalHero = function (_React$Component) {\n _inherits(InformationalHero, _React$Component);\n\n function InformationalHero(props) {\n _classCallCheck(this, InformationalHero);\n\n var _this = _possibleConstructorReturn(this, (InformationalHero.__proto__ || Object.getPrototypeOf(InformationalHero)).call(this, props));\n\n _this.getAlignment = function (textAlign) {\n var alignment = {\n left: ORGANISM_NAME + '__container col-xs-12 col-lg-8 text-xs-left',\n center: ORGANISM_NAME + '__container col-xs-12 col-lg-8 center-block text-xs-center'\n };\n return alignment[textAlign || 'center'];\n };\n\n _this.renderParagraph = function (paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n };\n\n _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: 1, className: ORGANISM_NAME + '__headline h2' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n };\n\n _this.renderCta = function (cta, ctaClasses) {\n if (cta && cta.text) {\n var targetValue = cta.target || '_self';\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n href: cta.href,\n color: cta.color || null,\n className: ctaClasses,\n fpti: 'InfoHero-' + (cta.type || 'cta') + '-' + (cta.fpti || cta.text),\n target: targetValue,\n alt: cta.alt || cta.text\n },\n cta.text\n );\n }\n return null;\n };\n\n _this.renderHatchText = function (hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__hatch-text pp-sans-small-regular' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n };\n\n _this.handleResize = _this.handleResize.bind(_this);\n _this.state = {\n viewport: 'dedicated'\n };\n return _this;\n }\n\n _createClass(InformationalHero, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: 'handleResize',\n value: function handleResize() {\n var newWindowWidth = this.organismRef ? Math.min(this.organismRef.ownerDocument.defaultView.innerWidth, this.organismRef.ownerDocument.documentElement.clientWidth, this.organismRef.ownerDocument.body.clientWidth) : window.innerWidth;\n\n this.checkCurrentViewPort(newWindowWidth);\n }\n }, {\n key: 'checkCurrentViewPort',\n value: function checkCurrentViewPort(newWindowWidth) {\n var deviceType = \"dedicated\";\n if (newWindowWidth <= _breakpoints2.default.small) {\n deviceType = 'mobile';\n } else if (newWindowWidth <= _breakpoints2.default.medium) {\n deviceType = 'portable';\n }\n this.setState({ viewport: deviceType });\n }\n }, {\n key: 'renderBadge',\n value: function renderBadge(clientInfo, isCentered) {\n var appBadgeContent = {\n clientInfo: clientInfo,\n ios: this.props.content.ios,\n android: this.props.content.android\n };\n var classes = isCentered ? ORGANISM_NAME + '__app-badge-wrapper--center' : ORGANISM_NAME + '__app-badge-wrapper';\n\n if (clientInfo && (this.props.content.ios || this.props.content.android)) {\n return _react2.default.createElement(\n 'div',\n { className: classes },\n _react2.default.createElement(_appBadges2.default, appBadgeContent)\n );\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var theme = this.props.config.theme || 'theme-background-color-white';\n var newProps = (0, _themeManager2.default)({ content: this.props.content }, theme);\n var content = newProps.content;\n var _props = this.props,\n config = _props.config,\n className = _props.className,\n clientInfo = _props.clientInfo;\n var headline = content.headline,\n paragraph = content.paragraph,\n primaryCta = content.primaryCta,\n hatchText = content.hatchText;\n\n\n var heroClasses = (0, _classnames2.default)(ORGANISM_NAME, theme, className);\n\n var backgroundImage = config.backgroundImage && (config.backgroundImage[this.state.viewport] || config.backgroundImage.url);\n var backgroundPosition = config.backgroundImage && config.backgroundPosition;\n var backgroundImageStyle = backgroundImage ? {\n backgroundImage: 'url(' + backgroundImage + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n\n var ctaClasses = (0, _classnames2.default)(ORGANISM_NAME + '__cta', _defineProperty({}, ORGANISM_NAME + '__cta--center', config.textAlign !== 'left'));\n\n var isCentered = config.deviceImageSize === 'large';\n\n return _react2.default.createElement(\n 'section',\n {\n ref: function ref(c) {\n _this2.organismRef = c;\n },\n id: config.id ? config.id : null,\n 'data-building-block': 'organism',\n className: heroClasses,\n style: backgroundImageStyle\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: this.getAlignment(config.textAlign) },\n this.renderHeadline(headline),\n this.renderParagraph(paragraph),\n this.renderCta(primaryCta, ctaClasses),\n this.renderBadge(clientInfo, isCentered),\n this.renderHatchText(hatchText)\n )\n )\n )\n );\n }\n }]);\n\n return InformationalHero;\n}(_react2.default.Component);\n\nexports.default = InformationalHero;\n\n\nInformationalHero.propTypes = {\n viewport: _propTypes2.default.string,\n clientInfo: _propTypes2.default.shape({\n client_os_type: _propTypes2.default.string,\n client_is_mobile: _propTypes2.default.bool,\n client_type: _propTypes2.default.string\n }),\n config: _propTypes2.default.shape({\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired,\n portable: _propTypes2.default.string.isRequired,\n mobile: _propTypes2.default.string.isRequired\n }),\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-dark', 'theme-background-image-dark', 'theme-background-image-light']),\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right']),\n textAlign: _propTypes2.default.oneOf(['center', 'left']),\n id: _propTypes2.default.string // visible\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n primaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n ios: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n android: _propTypes2.default.shape({\n store: _propTypes2.default.oneOf(['google', 'android-store']),\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n })\n }),\n className: _propTypes2.default.string\n};\n\nInformationalHero.defaultProps = {\n viewport: 'dedicated',\n clientInfo: {\n client_os_type: 'ios',\n client_is_mobile: true,\n client_type: 'dedicated'\n },\n config: {\n theme: 'theme-background-color-white',\n backgroundImage: {\n url: '',\n portable: '',\n mobile: ''\n },\n backgroundPosition: 'center',\n textAlign: 'center',\n id: ''\n },\n content: {\n headline: {\n text: '21 characters per line - 2 lines maximum.'\n },\n paragraph: {\n text: 'In mobile and tablet views, align text to optimize contrast ' + 'with background image. 152 characters maximum.'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n hatchText: {\n text: '34 characters maximum per line'\n },\n ios: {\n href: 'https://app.adjust.com/vlx5gy',\n fpti: 'informational-hero'\n },\n android: {\n store: 'google',\n href: 'https://app.adjust.com/vxullh',\n fpti: 'informational-hero'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _footer = require('../../footer');\n\nvar _footer2 = _interopRequireDefault(_footer);\n\nvar _InnovationLabFooterDefaultProps = require('./InnovationLabFooterDefaultProps');\n\nvar _InnovationLabFooterDefaultProps2 = _interopRequireDefault(_InnovationLabFooterDefaultProps);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar InnovationLabFooter = function (_MPPFooter) {\n _inherits(InnovationLabFooter, _MPPFooter);\n\n function InnovationLabFooter() {\n _classCallCheck(this, InnovationLabFooter);\n\n return _possibleConstructorReturn(this, (InnovationLabFooter.__proto__ || Object.getPrototypeOf(InnovationLabFooter)).apply(this, arguments));\n }\n\n return InnovationLabFooter;\n}(_footer2.default);\n\nexports.default = InnovationLabFooter;\n\n\nInnovationLabFooter.defaultProps = _InnovationLabFooterDefaultProps2.default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = {\n content: {\n country: {},\n mainLinks: {\n list: []\n },\n secondaryLinks: {\n list: [{\n \"text\": \"About\",\n \"href\": \"/webapps/mpp/about\"\n }, {\n \"text\": \"Blog\",\n \"href\": \"https://www.paypal.com/stories/us\",\n \"countryCode\": false\n }, {\n \"text\": \"Jobs\",\n \"href\": \"/webapps/mpp/jobs\"\n }, {\n \"text\": \"Sitemap\",\n \"href\": \"/webapps/mpp/full-sitemap\"\n }, {\n \"text\": \"Developers\",\n \"href\": \"https://developer.paypal.com/\"\n }, {\n \"text\": \"Partners\",\n \"href\": \"/webapps/mpp/partner-program\"\n }]\n },\n copyRight: {},\n tertiaryLinks: {\n list: [{\n text: 'Privacy',\n href: '/webapps/mpp/ua/privacy-full'\n }, {\n text: 'Legal',\n href: '/webapps/mpp/ua/legalhub-full'\n }, {\n text: 'Feedback',\n href: '#',\n id: 'siteFeedback'\n }]\n },\n footerNotes: {\n text: 'Consumer advisory - PayPal Pte. Ltd., Users are advised to read the ' + 'terms and conditions carefully.'\n }\n },\n localeCountry: 'US',\n loggedIn: false,\n flagHref: '/webapps/mpp/country-worldwide',\n rtl: false\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _customHeader = require('../../custom-header');\n\nvar _customHeader2 = _interopRequireDefault(_customHeader);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar InnovationLabHeader = function (_React$Component) {\n _inherits(InnovationLabHeader, _React$Component);\n\n function InnovationLabHeader() {\n _classCallCheck(this, InnovationLabHeader);\n\n return _possibleConstructorReturn(this, (InnovationLabHeader.__proto__ || Object.getPrototypeOf(InnovationLabHeader)).apply(this, arguments));\n }\n\n _createClass(InnovationLabHeader, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(_customHeader2.default, _extends({ className: 'pp-header--innovation-lab' }, this.props));\n }\n }]);\n\n return InnovationLabHeader;\n}(_react2.default.Component);\n\nexports.default = InnovationLabHeader;\n\n\nInnovationLabHeader.defaultProps = {\n className: 'pp-header--innovation-lab',\n config: {\n useMinimalHeader: false\n },\n content: {\n minimalHeader: {\n labelMenuButton: 'Menu',\n labelClose: 'Close',\n logo: {\n text: 'PayPal',\n href: '/webapp/mpp/paypal-innovation-lab\"',\n subText: 'PayPal Innovation Lab'\n }\n },\n mainMenuContent: [{\n type: 'linkOnly',\n text: 'Home',\n href: '#'\n }, {\n type: 'linkOnly',\n text: 'Research',\n href: '#'\n }, {\n type: 'linkOnly',\n text: 'Incubator',\n href: '#'\n }, {\n type: 'linkOnly',\n text: 'Outreach',\n href: '#'\n }, {\n type: 'linkOnly',\n text: 'News & Contact',\n href: '#'\n }],\n sublistMobile: []\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _main = require('../../main');\n\nvar _main2 = _interopRequireDefault(_main);\n\nvar _tile = require('../../../../atoms/tile');\n\nvar _tile2 = _interopRequireDefault(_tile);\n\nvar _default = require('../props/default');\n\nvar _default2 = _interopRequireDefault(_default);\n\nvar _breakpoints = require('../../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'drawer-tiles';\n\nvar isIE = function isIE() {\n var ua = window.navigator.userAgent;\n return ua.indexOf('MSIE') > -1 || ua.indexOf('Trident') > -1 || ua.indexOf('Edge') > -1;\n};\n\nvar DrawerTiles = function (_InteractiveTiles) {\n _inherits(DrawerTiles, _InteractiveTiles);\n\n function DrawerTiles(props) {\n _classCallCheck(this, DrawerTiles);\n\n var _this = _possibleConstructorReturn(this, (DrawerTiles.__proto__ || Object.getPrototypeOf(DrawerTiles)).call(this, props));\n\n _this.renderTiles = _this.renderTiles.bind(_this);\n _this.callback = _this.callback.bind(_this);\n _this.scrollToModule = _this.scrollToModule.bind(_this);\n\n _this.state = {\n drawerOpen: false,\n selectedIndex: null\n };\n return _this;\n }\n\n _createClass(DrawerTiles, [{\n key: 'renderTiles',\n value: function renderTiles(tiles, columns, selectedItemTheme, callback) {\n var config = this.props.config;\n var selectedIndex = this.state.selectedIndex;\n\n\n if (tiles.length) {\n var markup = [];\n var bootstrapClass = void 0;\n\n switch (columns) {\n case 2:\n {\n bootstrapClass = 'col-xs-12 col-md-6';break;\n }\n case 3:\n {\n bootstrapClass = 'col-xs-12 col-md-6 col-lg-4';break;\n }\n case 4:\n {\n bootstrapClass = 'col-xs-12 col-md-6 col-lg-3';break;\n }\n default:\n }\n\n for (var idx = 0; idx < tiles.length; idx += 1) {\n markup.push(_react2.default.createElement(\n 'div',\n { key: config.id + '-' + idx, className: bootstrapClass },\n _react2.default.createElement(_tile2.default, _extends({}, tiles[idx], {\n theme: selectedItemTheme,\n callback: callback,\n index: idx,\n id: config.id,\n active: selectedIndex === idx\n }))\n ));\n }\n return markup;\n }\n return null;\n }\n }, {\n key: 'calculateScrollTo',\n value: function calculateScrollTo() {\n var newWindowWidth = this.organismRef.ownerDocument.defaultView.innerWidth || this.organismRef.ownerDocument.documentElement.clientWidth || this.organismRef.ownerDocument.body.clientWidth;\n\n return newWindowWidth > _breakpoints2.default.large ? this.organismRef.offsetTop : this.organismRef.offsetTop + this.organismRef.clientHeight;\n }\n }, {\n key: 'scrollToModule',\n value: function scrollToModule() {\n if (window) {\n var scrollToPx = this.calculateScrollTo();\n\n if (isIE()) {\n window.scrollTo(0, scrollToPx);\n } else {\n window.scroll({ top: scrollToPx, left: 0, behavior: 'smooth' });\n }\n }\n }\n }, {\n key: 'callback',\n value: function callback(index, url, target, fpti) {\n var callback = this.props.callback;\n var _state = this.state,\n drawerOpen = _state.drawerOpen,\n selectedIndex = _state.selectedIndex;\n\n\n if (drawerOpen) {\n if (selectedIndex === index) {\n this.setState({\n drawerOpen: false,\n selectedIndex: null\n });\n } else {\n this.setState({\n selectedIndex: index\n });\n this.scrollToModule();\n }\n } else {\n this.setState({\n drawerOpen: true,\n selectedIndex: index\n });\n this.scrollToModule();\n }\n\n callback(index, url, target, fpti);\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _state2 = this.state,\n drawerOpen = _state2.drawerOpen,\n selectedIndex = _state2.selectedIndex;\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var id = config.id,\n columns = config.columns;\n var theme = config.theme,\n selectedItemTheme = config.selectedItemTheme;\n\n theme = theme || 'theme-background-color-green';\n selectedItemTheme = selectedItemTheme || 'theme-background-color-blue-alt';\n\n var sectionClasses = (0, _classnames2.default)('interactive-tiles-organism ' + ORGANISM_NAME + '-organism', 'center-block text-xs-center', theme, className);\n var headline = content.headline,\n paragraph = content.paragraph,\n tiles = content.tiles,\n footer = content.footer;\n\n\n return _react2.default.createElement(\n _react2.default.Fragment,\n null,\n _react2.default.createElement(\n 'section',\n {\n id: id,\n ref: function ref(c) {\n _this2.organismRef = c;\n },\n className: sectionClasses,\n 'data-building-block': 'organism'\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n this.renderHeadline(headline),\n this.renderParagraph(paragraph)\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n this.renderTiles(tiles, columns, selectedItemTheme, this.callback)\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n this.renderFooter(footer)\n )\n )\n ),\n drawerOpen && selectedIndex !== null && _react2.default.createElement(\n 'section',\n { className: ORGANISM_NAME + '__drawer' },\n _react2.default.createElement('div', { className: ORGANISM_NAME + '__drawer__color-band ' + selectedItemTheme }),\n this.props.children[selectedIndex]\n )\n );\n }\n }]);\n\n return DrawerTiles;\n}(_main2.default);\n\nexports.default = DrawerTiles;\n\n\nDrawerTiles.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-blue-alt', 'theme-background-color-green', 'theme-background-color-purple', 'theme-background-color-pink']),\n columns: _propTypes2.default.oneOf([2, 3, 4]).isRequired,\n selectedItemTheme: _propTypes2.default.oneOf(['theme-background-color-blue-alt', 'theme-background-color-green', 'theme-background-color-purple', 'theme-background-color-pink'])\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n tiles: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n content: _propTypes2.default.shape({\n img: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string.isRequired\n }),\n text: _propTypes2.default.string,\n fpti: _propTypes2.default.string\n })\n })),\n footer: _propTypes2.default.shape({\n text: _propTypes2.default.string\n })\n }),\n className: _propTypes2.default.string,\n callback: _propTypes2.default.func\n};\n\nDrawerTiles.defaultProps = _default2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _tile = require('../../../../atoms/tile');\n\nvar _tile2 = _interopRequireDefault(_tile);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = {\n config: {\n id: 'drawer-tile',\n theme: 'theme-background-color-green',\n columns: 3,\n selectedItemTheme: 'theme-background-color-blue-alt'\n },\n content: {\n headline: {\n text: '50 characters or less'\n },\n paragraph: {\n text: '150 characters or less'\n },\n tiles: [_tile2.default.defaultProps.content, _tile2.default.defaultProps.content, _tile2.default.defaultProps.content, _tile2.default.defaultProps.content, _tile2.default.defaultProps.content, _tile2.default.defaultProps.content],\n footer: {\n text: '150 characters or less'\n }\n },\n className: 'theme-new-money',\n callback: function callback() {}\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _ = require('../../../../../');\n\nvar _default = require('../props/default');\n\nvar _default2 = _interopRequireDefault(_default);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\nvar ORGANISM_NAME = 'interactive-tiles';\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _.Heading,\n {\n level: '2',\n className: ORGANISM_NAME + '__heading'\n },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderFooter = function renderFooter(footer) {\n if (footer) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__footer' },\n htmlToReactParser.parse(footer.text)\n );\n }\n return null;\n};\n\nvar InteractiveTiles = function (_Component) {\n _inherits(InteractiveTiles, _Component);\n\n function InteractiveTiles(props) {\n _classCallCheck(this, InteractiveTiles);\n\n var _this = _possibleConstructorReturn(this, (InteractiveTiles.__proto__ || Object.getPrototypeOf(InteractiveTiles)).call(this, props));\n\n _this.renderHeadline = renderHeadline.bind(_this);\n _this.renderParagraph = renderParagraph.bind(_this);\n _this.renderFooter = renderFooter.bind(_this);\n _this.renderTiles = _this.renderTiles.bind(_this);\n return _this;\n }\n\n _createClass(InteractiveTiles, [{\n key: 'renderTiles',\n value: function renderTiles(tiles, columns, selectedItemTheme, callback) {\n var config = this.props.config;\n\n\n if (tiles.length) {\n var markup = [];\n var bootstrapClass = void 0;\n\n switch (columns) {\n case 2:\n {\n bootstrapClass = 'col-xs-12 col-md-6';break;\n }\n case 3:\n {\n bootstrapClass = 'col-xs-12 col-md-6 col-lg-4';break;\n }\n case 4:\n {\n bootstrapClass = 'col-xs-12 col-md-6 col-lg-3';break;\n }\n default:\n }\n\n for (var idx = 0; idx < tiles.length; idx += 1) {\n markup.push(_react2.default.createElement(\n 'div',\n { key: config.id + '-' + idx, className: bootstrapClass },\n _react2.default.createElement(_.Tile, _extends({}, tiles[idx], {\n theme: selectedItemTheme,\n callback: callback,\n index: idx,\n id: config.id\n }))\n ));\n }\n return markup;\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className,\n callback = _props.callback;\n var id = config.id,\n columns = config.columns,\n downArrow = config.downArrow;\n var theme = config.theme,\n selectedItemTheme = config.selectedItemTheme;\n\n theme = theme || 'theme-background-color-green';\n selectedItemTheme = selectedItemTheme || 'theme-background-color-blue-alt';\n\n var sectionClasses = (0, _classnames2.default)(ORGANISM_NAME + '-organism', 'center-block text-xs-center', theme, className);\n var headline = content.headline,\n paragraph = content.paragraph,\n tiles = content.tiles,\n footer = content.footer;\n\n\n return _react2.default.createElement(\n 'section',\n {\n id: id,\n ref: function ref(c) {\n _this2.organismRef = c;\n },\n className: sectionClasses,\n 'data-building-block': 'organism'\n },\n downArrow && _react2.default.createElement('img', {\n alt: 'Down',\n className: ORGANISM_NAME + '__down-arrow',\n src: downArrow.src\n }),\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n this.renderHeadline(headline),\n this.renderParagraph(paragraph)\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n this.renderTiles(tiles, columns, selectedItemTheme, callback)\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n this.renderFooter(footer)\n )\n )\n );\n }\n }]);\n\n return InteractiveTiles;\n}(_react.Component);\n\nexports.default = InteractiveTiles;\n\n\nInteractiveTiles.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-blue-alt', 'theme-background-color-green', 'theme-background-color-purple', 'theme-background-color-pink']),\n columns: _propTypes2.default.oneOf([2, 3, 4]).isRequired,\n selectedItemTheme: _propTypes2.default.oneOf(['theme-background-color-blue-alt', 'theme-background-color-green', 'theme-background-color-purple', 'theme-background-color-pink']),\n downArrow: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired\n })\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n tiles: _propTypes2.default.arrayOf(_.Tile.propTypes.content),\n footer: _propTypes2.default.shape({\n text: _propTypes2.default.string\n })\n }),\n className: _propTypes2.default.string,\n callback: _propTypes2.default.func\n};\n\nInteractiveTiles.defaultProps = _default2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _tile = require('../../../../atoms/tile');\n\nvar _tile2 = _interopRequireDefault(_tile);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = {\n config: {\n id: 'inter-tile',\n theme: 'theme-background-color-green',\n columns: 3,\n selectedItemTheme: 'theme-background-color-blue-alt',\n downArrow: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/gb/en/merchant/smb3/down-arrow.png'\n }\n },\n content: {\n headline: {\n text: '50 characters or less'\n },\n paragraph: {\n text: '150 characters or less'\n },\n tiles: [_tile2.default.defaultProps.content, _tile2.default.defaultProps.content, _tile2.default.defaultProps.content, _tile2.default.defaultProps.content, _tile2.default.defaultProps.content, _tile2.default.defaultProps.content],\n footer: {\n text: '150 characters or less'\n }\n },\n className: 'theme-new-money',\n callback: function callback() {}\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _customHeader = require('../../custom-header');\n\nvar _customHeader2 = _interopRequireDefault(_customHeader);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar JobsHeader = function (_React$Component) {\n _inherits(JobsHeader, _React$Component);\n\n function JobsHeader() {\n _classCallCheck(this, JobsHeader);\n\n return _possibleConstructorReturn(this, (JobsHeader.__proto__ || Object.getPrototypeOf(JobsHeader)).apply(this, arguments));\n }\n\n _createClass(JobsHeader, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(_customHeader2.default, _extends({ className: 'pp-header--jobs' }, this.props));\n }\n }]);\n\n return JobsHeader;\n}(_react2.default.Component);\n\nexports.default = JobsHeader;\n\n\nJobsHeader.defaultProps = {\n config: {\n useMinimalHeader: false\n },\n content: {\n minimalHeader: {\n labelMenuButton: 'Menu',\n labelClose: 'Close',\n logo: {\n text: 'PayPal',\n href: '/webapps/mpp/jobs',\n subText: 'PayPal Jobs'\n }\n },\n mainMenuContent: [{\n type: 'linkOnly',\n text: 'Culture',\n href: '/webapps/mpp/jobs/culture'\n }, {\n type: 'linkOnly',\n text: 'Benefits',\n href: '/webapps/mpp/jobs/benefits'\n }, {\n type: 'linkOnly',\n text: 'People',\n href: '/webapps/mpp/jobs/people'\n }, {\n type: 'linkOnly',\n text: 'Students & Grads',\n href: '/webapps/mpp/jobs/students-and-grads'\n }, {\n type: 'linkOnly',\n text: 'Categories',\n href: '/webapps/mpp/jobs/jobs-by-category'\n }, {\n type: 'linkOnly',\n text: 'Locations',\n href: '/webapps/mpp/jobs/locations'\n }, {\n type: 'linkOnly',\n text: 'Brands',\n href: '/webapps/mpp/jobs/brands'\n }, {\n type: 'linkOnly',\n text: 'My Profile',\n href: 'https://wd1.myworkdaysite.com/en-US/recruiting/paypal/jobs/login'\n }],\n sublistMobile: []\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _JobsSearchDefaultProps = require('./JobsSearchDefaultProps');\n\nvar _JobsSearchDefaultProps2 = _interopRequireDefault(_JobsSearchDefaultProps);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _divider = require('../../divider');\n\nvar _divider2 = _interopRequireDefault(_divider);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'jobs-search';\nvar JOBS_HOST = 'https://jobsearch.paypal-corp.com/search';\n\nvar JobsSearch = function (_React$Component) {\n _inherits(JobsSearch, _React$Component);\n\n function JobsSearch() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, JobsSearch);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = JobsSearch.__proto__ || Object.getPrototypeOf(JobsSearch)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n isSticky: false\n }, _this.handleScroll = function () {\n var jobsSectionClientRef = _this.jobsSearchRef.getBoundingClientRect();\n if (jobsSectionClientRef.top <= 0) {\n _this.setState({\n isSticky: true\n });\n } else {\n _this.setState({\n isSticky: false\n });\n }\n }, _this.handleSubmit = function (e) {\n e.preventDefault();\n var keywords = encodeURIComponent(e.currentTarget[0].value);\n var country = encodeURIComponent(e.currentTarget[1].value);\n var city = encodeURIComponent(e.currentTarget[2].value);\n var category = encodeURIComponent(e.currentTarget[3].value);\n\n var finalURL = JOBS_HOST + '?keywords=' + keywords + '&facetcountry=' + country + '&location=' + city + '&facetcategory=' + category;\n document.location.href = finalURL;\n }, _this.renderOptions = function (options) {\n if (options) {\n return options.map(function (elem, idx) {\n var key = '' + elem.value + idx;\n return elem.label && _react2.default.createElement(\n 'option',\n {\n key: key,\n value: elem.value\n },\n elem.label\n );\n });\n }\n return null;\n }, _this.renderOptionGroup = function (optionGroup) {\n if (optionGroup) {\n return optionGroup.map(function (elem, idx) {\n var key = '' + elem.value + idx;\n return elem.country && _react2.default.createElement(\n 'optgroup',\n {\n key: key,\n label: elem.country,\n 'data-country': elem.code\n },\n _this.renderOptions(elem.city)\n );\n });\n }\n return null;\n }, _this.renderPrimaryCta = function (primaryCta) {\n if (primaryCta && primaryCta.text) {\n return _react2.default.createElement(\n _button2.default,\n {\n className: ORGANISM_NAME + '__submit',\n color: 'blue',\n type: 'submit',\n fpti: 'JbSrch-PrmryCTA-' + primaryCta.text\n },\n primaryCta.text\n );\n }\n return null;\n }, _this.renderDropDown = function (list, label) {\n if (list && label) {\n return _react2.default.createElement(\n 'select',\n { className: ORGANISM_NAME + '__' + label + ' ' + ORGANISM_NAME + '__dropdown', 'aria-label': 'select ' + label },\n _this.renderOptions(list.options)\n );\n }\n return null;\n }, _this.renderCityDropdown = function (cities) {\n if (cities && cities.optionGroup && cities.option && cities.option.label) {\n return _react2.default.createElement(\n 'select',\n { className: ORGANISM_NAME + '__city ' + ORGANISM_NAME + '__dropdown', 'aria-label': 'select city' },\n _react2.default.createElement(\n 'option',\n { value: '' },\n cities.option.label\n ),\n _this.renderOptionGroup(cities.optionGroup)\n );\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n /*\n isSticky: make the nav sticy for tablet/desktop,\n it doesn't work for mobile\n */\n\n\n _createClass(JobsSearch, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('scroll', this.handleScroll);\n this.handleScroll();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('scroll', this.handleScroll);\n }\n\n /*\n this function returns current reference position when\n it reaches top of the organism make the organism sticky\n */\n\n\n /*\n render options for country and category\n */\n\n\n /*\n render option group for cities\n */\n\n\n /*\n render primary cta for search button\n */\n\n\n /*\n render general dropdown structure for\n country, city and category\n */\n\n\n /*\n render city dropdown structure\n */\n\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props$content = this.props.content,\n input = _props$content.input,\n country = _props$content.country,\n cities = _props$content.cities,\n category = _props$content.category,\n primaryCta = _props$content.primaryCta;\n\n\n var sectionClasses = (0, _classnames2.default)('' + ORGANISM_NAME, {\n 'sticky-form': this.state.isSticky\n });\n\n return _react2.default.createElement(\n 'section',\n {\n 'data-building-block': 'organism',\n className: sectionClasses,\n ref: function ref(element) {\n _this2.jobsSearchRef = element;\n }\n },\n _react2.default.createElement(\n 'div',\n {\n className: ORGANISM_NAME + '__container container'\n },\n _react2.default.createElement(\n 'form',\n {\n className: ORGANISM_NAME + '__form',\n onSubmit: this.handleSubmit,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n action: JOBS_HOST\n },\n _react2.default.createElement(\n 'label',\n { className: ORGANISM_NAME + '__keyword--label', htmlFor: 'keyword' },\n input.placeHolder\n ),\n _react2.default.createElement('input', {\n className: ORGANISM_NAME + '__keyword',\n name: 'keyword',\n id: 'keyword',\n type: 'text',\n placeholder: input.placeHolder,\n 'aria-label': input.placeHolder,\n 'aria-labelledby': input.placeHolder,\n ref: function ref(element) {\n _this2.jobsSearchInput = element;\n }\n }),\n this.renderDropDown(country, 'country'),\n this.renderCityDropdown(cities),\n this.renderDropDown(category, 'category'),\n this.renderPrimaryCta(primaryCta)\n )\n ),\n !this.state.isSticky && _react2.default.createElement(_divider2.default, null)\n );\n }\n }]);\n\n return JobsSearch;\n}(_react2.default.Component);\n\nexports.default = JobsSearch;\n\n\nJobsSearch.propTypes = {\n content: _propTypes2.default.shape({\n input: _propTypes2.default.shape({\n placeHolder: _propTypes2.default.string.isRequired\n }),\n country: _propTypes2.default.shape({\n options: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n value: _propTypes2.default.string.isRequired,\n label: _propTypes2.default.string.isRequired\n }).isRequired).isRequired\n }).isRequired,\n cities: _propTypes2.default.shape({\n option: _propTypes2.default.shape({\n label: _propTypes2.default.string.isRequired\n }).isRequired,\n optionGroup: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n country: _propTypes2.default.string.isRequired,\n code: _propTypes2.default.string.isRequired,\n city: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n value: _propTypes2.default.string.isRequired,\n label: _propTypes2.default.string.isRequired\n }).isRequired).isRequired\n }).isRequired).isRequired\n }).isRequired,\n category: _propTypes2.default.shape({\n options: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n value: _propTypes2.default.string.isRequired,\n label: _propTypes2.default.string.isRequired\n }).isRequired).isRequired\n }).isRequired,\n primaryCta: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n })\n};\n\nJobsSearch.defaultProps = _JobsSearchDefaultProps2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = {\n content: {\n input: {\n placeHolder: 'Search for jobs by keyword'\n },\n country: {\n options: [{\n value: '',\n label: 'Countries/Regions'\n }, {\n value: 'us',\n label: 'United States'\n }, {\n value: 'au',\n label: 'Australia'\n }, {\n value: 'be',\n label: 'Belgium'\n }, {\n value: 'br',\n label: 'Brazil'\n }, {\n value: 'ca',\n label: 'Canada'\n }, {\n value: 'cn',\n label: 'Mainland China'\n }, {\n value: 'fr',\n label: 'France'\n }, {\n value: 'de',\n label: 'Germany'\n }, {\n value: 'gt',\n label: 'Guatemala'\n }, {\n value: 'hk',\n label: 'Hong Kong SAR, China'\n }, {\n value: 'in',\n label: 'India'\n }, {\n value: 'ie',\n label: 'Ireland'\n }, {\n value: 'il',\n label: 'Israel'\n }, {\n value: 'it',\n label: 'Italy'\n }, {\n value: 'jp',\n label: 'Japan'\n }, {\n value: 'lu',\n label: 'Luxembourg'\n }, {\n value: 'mx',\n label: 'Mexico'\n }, {\n value: 'nl',\n label: 'Netherlands'\n }, {\n value: 'ph',\n label: 'Philippines'\n }, {\n value: 'pl',\n label: 'Poland'\n }, {\n value: 'ru',\n label: 'Russian Federation'\n }, {\n value: 'sg',\n label: 'Singapore'\n }, {\n value: 'es',\n label: 'Spain'\n }, {\n value: 'se',\n label: 'Sweden'\n }, {\n value: 'ch',\n label: 'Switzerland'\n }, {\n value: 'tw',\n label: 'Taiwan, China'\n }, {\n value: 'th',\n label: 'Thailand'\n }, {\n value: 'tr',\n label: 'Turkey'\n }, {\n value: 'uk',\n label: 'United Kingdom'\n }]\n },\n cities: {\n option: {\n label: 'All Cities'\n },\n optionGroup: [{\n country: 'United States',\n code: 'us',\n city: [{\n value: 'Austin',\n label: 'Austin'\n }, {\n value: 'Boston',\n label: 'Boston'\n }, {\n value: 'Boulder, CO',\n label: 'Boulder, CO'\n }, {\n value: 'Chandler',\n label: 'Chandler'\n }, {\n value: 'Chicago',\n label: 'Chicago'\n }, {\n value: 'Conshohocken',\n label: 'Conshohocken'\n }, {\n value: 'Denver',\n label: 'Denver'\n }, {\n value: 'Los Angeles, CA',\n label: 'Los Angeles, CA'\n }, {\n value: 'Miami',\n label: 'Miami'\n }, {\n value: 'New York',\n label: 'New York'\n }, {\n value: 'Newton',\n label: 'Newton'\n }, {\n value: 'Omaha',\n label: 'Omaha'\n }, {\n value: 'Salt Lake City',\n label: 'Salt Lake City'\n }, {\n value: 'San Francisco',\n label: 'San Francisco'\n }, {\n value: 'San Jose',\n label: 'San Jose'\n }, {\n value: 'Scottsdale',\n label: 'Scottsdale'\n }, {\n value: 'Seattle',\n label: 'Seattle'\n }, {\n value: 'Timonium',\n label: 'Timonium'\n }, {\n value: 'Washington, DC',\n label: 'Washington, DC'\n }, {\n value: 'Wilmington, DE',\n label: 'Wilmington'\n }]\n }, {\n country: 'Australia',\n code: 'au',\n city: [{\n value: 'Sydney',\n label: 'Sydney'\n }]\n }, {\n country: 'Belgium',\n code: 'be',\n city: [{\n value: 'Brussels',\n label: 'Brussels'\n }]\n }, {\n country: 'Brazil',\n code: 'br',\n city: [{\n value: 'Sao Paulo',\n label: 'Sao Paulo'\n }]\n }, {\n country: 'Canada',\n code: 'ca',\n city: [{\n value: 'Toronto',\n label: 'Toronto'\n }, {\n value: 'Vancouver',\n label: 'Vancouver'\n }]\n }, {\n country: 'Mainland China',\n code: 'cn',\n city: [{\n value: 'Beijing',\n label: 'Beijing'\n }, {\n value: 'Shanghai',\n label: 'Shanghai'\n }]\n }, {\n country: 'France',\n code: 'fr',\n city: [{\n value: 'Paris',\n label: 'Paris'\n }]\n }, {\n country: 'Germany',\n code: 'de',\n city: [{\n value: 'Berlin',\n label: 'Berlin'\n }, {\n value: 'Dreilinden',\n label: 'Dreilinden'\n }]\n }, {\n country: 'Guatemala',\n code: 'gt',\n city: [{\n value: 'Guatemala City, Guatemala',\n label: 'Guatemala City'\n }]\n }, {\n country: 'India',\n code: 'in',\n city: [{\n value: 'Bangalore',\n label: 'Bangalore'\n }, {\n value: 'Chennai',\n label: 'Chennai'\n }, {\n value: 'Hyderabad',\n label: 'Hyderabad'\n }, {\n value: 'Mumbai',\n label: 'Mumbai'\n }]\n }, {\n country: 'Ireland',\n code: 'ie',\n city: [{\n value: 'Dublin',\n label: 'Dublin'\n }, {\n value: 'Dundalk, Co Louth',\n label: 'Dundalk'\n }]\n }, {\n country: 'Israel',\n code: 'il',\n city: [{\n value: 'Tel Aviv',\n label: 'Tel Aviv'\n }]\n }, {\n country: 'Italy',\n code: 'it',\n city: [{\n value: 'Milan',\n label: 'Milan'\n }]\n }, {\n country: 'Japan',\n code: 'jp',\n city: [{\n value: 'Tokyo',\n label: 'Tokyo'\n }]\n }, {\n country: 'Luxembourg',\n code: 'lu',\n city: [{\n value: 'Luxembourg',\n label: 'Luxembourg'\n }]\n }, {\n country: 'Mexico',\n code: 'mx',\n city: [{\n value: 'Mexico City',\n label: 'Mexico City'\n }]\n }, {\n country: 'Netherlands',\n code: 'nl',\n city: [{\n value: 'Amsterdam',\n label: 'Amsterdam'\n }]\n }, {\n country: 'Philippines',\n code: 'ph',\n city: [{\n value: 'Manila',\n label: 'Manila'\n }]\n }, {\n country: 'Poland',\n code: 'pl',\n city: [{\n value: 'Warszawa',\n label: 'Warszawa'\n }]\n }, {\n country: 'Russian Federation',\n code: 'ru',\n city: [{\n value: 'Moscow',\n label: 'Moscow'\n }]\n }, {\n country: 'Spain',\n code: 'es',\n city: [{\n value: 'Madrid',\n label: 'Madrid'\n }]\n }, {\n country: 'Sweden',\n code: 'se',\n city: [{\n value: 'Stockholm',\n label: 'Stockholm'\n }]\n }, {\n country: 'Switzerland',\n code: 'ch',\n city: [{\n value: 'Geneva',\n label: 'Geneva'\n }]\n }, {\n country: 'Taiwan, China',\n code: 'tw',\n city: [{\n value: 'Taipei',\n label: 'Taipei'\n }]\n }, {\n country: 'Thailand',\n code: 'th',\n city: [{\n value: 'Bangkok',\n label: 'Bangkok'\n }]\n }, {\n country: 'Turkey',\n code: 'tr',\n city: [{\n value: 'Istanbul',\n label: 'Istanbul'\n }]\n }, {\n country: 'United Kingdom',\n code: 'uk',\n city: [{\n value: 'London',\n label: 'London'\n }, {\n value: 'Edinburgh',\n label: 'Edinburgh'\n }]\n }]\n },\n category: {\n options: [{\n value: '',\n label: 'All Categories'\n }, {\n value: 'Administrative Assistant',\n label: 'Administrative Support'\n }, {\n value: 'Marketing Communications',\n label: 'Communications'\n }, {\n value: 'Compliance',\n label: 'Compliance'\n }, {\n value: 'Corporate Development & Strategy',\n label: 'Corporate Development & Strategy'\n }, {\n value: 'Account Management|Collections - CS/Ops|Credit|Credit Underwriting|Customer Care|Customer Contact|Customer Solutions|Customer Support|Fraud Agent|Global Metrics|Operations Support|Partner Mgmt|Payment Operations|Processing Support|Product Integration|Quality Assurance - CS|Risk Operations|Training - Custom Support/Ops|Workforce Management',\n label: 'Customer Care Operations'\n }, {\n value: 'Customer Support|Account Management|Customer Care|Customer Contact|Customer Solutions|Customer Support',\n label: 'Customer Support'\n }, {\n value: 'Data Scientist',\n label: 'Data Science & Analytics'\n }, {\n value: 'Design Engineer|Designer|User Experience Researcher|Content Designer|Content Mgmt',\n label: 'Design & User Experience'\n }, {\n value: 'Facilities Engineer|Facilities Management|Safety & Security',\n label: 'Facilities, Safety & Security'\n }, {\n value: 'Accounting|Accounts Payable|Audit|Billing & Collections|Compliance|Consolidations Accounting|Controller|Finance Management|Finance Project Mgmt|Financial Analyst|Financial Services|Investor Relations|Payroll|Procurement|Quan. Research & Analysis|Tax|Treasury',\n label: 'Finance'\n }, {\n value: 'General Management|Business Process Analyst|Country Manager|Flight Operations|Foundation|Product Specialist|Executive Management',\n label: 'General Management'\n }, {\n value: 'Benefits|Compensation|Employment|HRIS|HR Generalist|HR Support|Learning & Development (Mgmt)|Training - Human Resources',\n label: 'Human Resources'\n }, {\n value: 'Asset Management|Business Process|Business Systems|Desktop Support|Information Management|Information Security|Information Technology Mgmt|IS Technician|Network Security|Network Systems|Storage|Systems Adminstration|Systems Integration|Telecom Engineer|Unix Systems Database Engineer|Engineering Program Mgmt|Language Specialist|Network Engineering|NOC Engineering|Performance & Capacity|Process Engineering|Product Support|Site Operations|Technical Project Mgmt|Technical Services|Technical Support|Technical Systems|Technical Writer',\n label: 'IT & Technical Operations'\n }, {\n value: 'Internship',\n label: 'Internships'\n }, {\n value: 'Contracts Administration|Government Affairs|Legal Affairs|Legal Assistant|Legal Counsel|Paralegal|Stock Administration|Domain Name',\n label: 'Legal'\n }, {\n value: 'Alliance Partnerships|Business Development - Mktng|Category Management|Channel Marketing|Community Development|Community Outreach|Community Specialist|Content Designer|Content Mgmt|Creative Services|Database Marketing|E-Commerce Marketing|Events|Internet Marketing|Market Research|Marketing Communications|Marketing Generalist|Marketing Programs|Marketing Specialist|Merchandising|Product General Management|Product General Management|Product Management|Product Marketing|Product Project Management|Public Relations Specialist|Strategic Alliances|Strategy Development|Web Design',\n label: 'Marketing'\n }, {\n value: 'Technical Product Management|Product Management|Program Product Management|Product General Management|Product Marketing|Product Project Management',\n label: 'Product Management'\n }, {\n value: 'Recent College Graduate',\n label: 'Recent College Graduates'\n }, {\n value: 'Credit Administration|Credit Portfolio|Fraud Prevention|Global Rules|Risk Analytics|Risk Management|Training - Risk|Trust & Safety',\n label: 'Risk Management'\n }, {\n value: 'Ad Sales|Applications Consulting|Business Development - Sales|Client Services|Field Sales|Inside Sales|Inside Sales - Inbound|Inside Sales - Outbound|Key Account Management|Merchant Accounts|Partner Sales|Relationship Management|Sales Administration|Sales Development|Sales Operations|Telesales|Strategy Development|Business Development -Mktng',\n label: 'Sales & Business Development'\n }, {\n value: 'Technical Architect',\n label: 'Software Architecture'\n }, {\n value: 'Software Development',\n label: 'Software Development'\n }, {\n value: 'Software QA',\n label: 'Software QA'\n }, {\n value: 'Product Project Management',\n label: 'Technical Product Management'\n }, {\n value: 'Technical Project Management',\n label: 'Technical Project Management'\n }, {\n value: 'Fraud Prevention|Trust & Safety',\n label: 'Trust, Safety & Fraud'\n }]\n },\n primaryCta: {\n text: 'Search'\n }\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _markdownIt = require('markdown-it');\n\nvar _markdownIt2 = _interopRequireDefault(_markdownIt);\n\nvar _markdownItSup = require('markdown-it-sup');\n\nvar _markdownItSup2 = _interopRequireDefault(_markdownItSup);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar md = (0, _markdownIt2.default)({\n html: true,\n linkify: true,\n typographer: true\n}).use(_markdownItSup2.default) // Using markdown-it-sup plug-in to enable rendering superscript from for e.g., ^TM^ in markdown\n.disable([// Disabling below features as they are deemed unnecessary for this component\n'blockquote', 'code', 'hr', 'table', 'autolink', 'backticks', 'escape', 'newline', 'text']);\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar LegalBody = function (_React$Component) {\n _inherits(LegalBody, _React$Component);\n\n function LegalBody() {\n _classCallCheck(this, LegalBody);\n\n return _possibleConstructorReturn(this, (LegalBody.__proto__ || Object.getPrototypeOf(LegalBody)).apply(this, arguments));\n }\n\n _createClass(LegalBody, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var input = content.input;\n var id = config.id,\n isHTML = config.isHTML,\n theme = config.theme;\n\n\n var ORGANISM_NAME = 'legal-body';\n\n var legalBodyClasses = (0, _classnames2.default)('' + ORGANISM_NAME, theme || 'theme-background-color-white', className);\n\n var html = isHTML ? input.text : md.render(input.text);\n\n return _react2.default.createElement(\n 'section',\n { className: legalBodyClasses, 'data-building-block': 'organism', id: id },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-12 center-block' },\n _react2.default.createElement(\n 'div',\n null,\n htmlToReactParser.parse(html)\n )\n )\n )\n )\n );\n }\n }]);\n\n return LegalBody;\n}(_react2.default.Component);\n\nexports.default = LegalBody;\n\n\nLegalBody.defaultProps = {\n config: {\n id: '',\n isHTML: false,\n theme: 'theme-background-color-white'\n },\n content: {\n input: {\n text: '# H1 heading\\n\\n* [Numquam delectus adipiscing te cum, adhuc Labore Vix(R)](#)\\n\\n* [Numquam delectus adipiscing te cum, adhuc Labore Vix(R)](#)\\n\\n1. Numquam delectus adipiscing te cum, adhuc Labore Vix(R)\\n\\n1. Numquam delectus adipiscing te cum, adhuc Labore Vix(R)\\n\\n* 2,000 characters maximum is recommended. Inciderint mei, eam decore primis cu.\\nNatum omnes neglegentur mel at, numquam delectus adipiscing te cum, adhuc labore vix in.\\nLatine delicata convenire at eos, vel dolor feugait an.\\n\\n## H2 heading\\n\\n** Vel suavitate maiestatis in, nonumes disputando an vis, et mei atqui dolores.\\nQuo id ubique possit reformidans. Esse phaedrum ut mea,\\nsuscipit erroribus concludaturque mel ex.\\n\\n*** Dolor voluptua percipitur no sea, graece integre cotidieque eu mea.\\nSea ad iusto praesent instructior. Meliore deleniti ex est, est eu accumsan verterem.\\nEu harum democritum adversarium vis.\\n\\n### H3 heading\\n\\n^1^Lorem ipsum dolor sit amet, ne accumsan inciderint mei(C), eam decore primis cu^SM^.\\n**Natum Omnes(TM)** [Numquam delectus adipiscing te cum, adhuc Labore Vix(R)](#).\\n\\nhttps://www.paypal.com/component-adds-links-to-URLs-automatically'\n }\n },\n className: ''\n};\n\nLegalBody.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n isHTML: _propTypes2.default.bool,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light']).isRequired\n }),\n content: _propTypes2.default.shape({\n input: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n }),\n className: _propTypes2.default.string\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _header = require('./../../header');\n\nvar _header2 = _interopRequireDefault(_header);\n\nvar _LogoOnlyHeaderDefaultProps = require('./LogoOnlyHeaderDefaultProps');\n\nvar _LogoOnlyHeaderDefaultProps2 = _interopRequireDefault(_LogoOnlyHeaderDefaultProps);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar LogoOnlyHeader = function LogoOnlyHeader(props) {\n return _react2.default.createElement(_header2.default, props);\n};\n\nLogoOnlyHeader.defaultProps = _LogoOnlyHeaderDefaultProps2.default;\nexports.default = LogoOnlyHeader;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = {\n config: {\n useMinimalHeader: true,\n hideHeaderButtons: true\n },\n contentLoggedOut: {\n minimalHeader: {\n logo: {\n text: 'PayPal',\n href: '/webapps/mpp/home'\n }\n }\n },\n contentLoggedIn: {\n minimalHeader: {\n logo: {\n text: 'PayPal',\n href: '/webapps/mpp/home'\n }\n }\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _markdownIt = require('markdown-it');\n\nvar _markdownIt2 = _interopRequireDefault(_markdownIt);\n\nvar _markdownItSup = require('markdown-it-sup');\n\nvar _markdownItSup2 = _interopRequireDefault(_markdownItSup);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar md = (0, _markdownIt2.default)({\n html: true,\n linkify: true,\n typographer: true\n}).use(_markdownItSup2.default); // Using markdown-it-sup plug-in to enable rendering superscript from for e.g., ^TM^ in markdown\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar Markdown = function (_React$Component) {\n _inherits(Markdown, _React$Component);\n\n function Markdown() {\n _classCallCheck(this, Markdown);\n\n return _possibleConstructorReturn(this, (Markdown.__proto__ || Object.getPrototypeOf(Markdown)).apply(this, arguments));\n }\n\n _createClass(Markdown, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'section',\n { className: 'markdown', 'data-building-block': 'organism' },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-12 center-block' },\n htmlToReactParser.parse(md.render(this.props.content.input.text))\n )\n )\n )\n );\n }\n }]);\n\n return Markdown;\n}(_react2.default.Component);\n\nexports.default = Markdown;\n\n\nMarkdown.defaultProps = {\n content: {\n input: {\n text: '# Markdown\\n## Purpose\\nAllows the creation of content utilizing industry standard markdown formatting commands.\\n\\nMarkdown tags in the grey box below and then immediately below rendered as HTML*\\n*PayPal CSS styles will be applied and should not be overridden.\\n\\n#### Linked Text\\nFor tracking purposes, within the Markdown organism, all links placed should include the data-pa-click parameters as follows:\\n\\n```\\nSign up for free at PayPal today.\\n```\\n\\nIn the above example, the data-pa-click parameter identifies: the organism \"markdown\", the link \"Hatch Text\", and the linked text \"PayPal\"\\n\\n[//]: # (These are reference links used in the body of this note and get stripped out when the markdown processor does its job.)\\n\\n### Tables\\n| 1 | 2 | 3 | 4 | 5 |\\n|----|----|-----|----|----|\\n| 6 | 7 | 8 | 9 | 10 |\\n| 11 | 12 | 13 | 14 | 15 |\\n| 16 | 17 | 18 | 19 | 20 |\\n\\n### Lists\\n- List Example:\\n - Value\\n - value\\n\\n- List Example\\n - Bring DEET'\n }\n }\n};\n\nMarkdown.propTypes = {\n content: _propTypes2.default.shape({\n input: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n })\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _footer = require('./../../footer');\n\nvar _footer2 = _interopRequireDefault(_footer);\n\nvar _MPPFooterDefaultProps = require('./../../footer/jsx/MPPFooterDefaultProps');\n\nvar _MPPFooterDefaultProps2 = _interopRequireDefault(_MPPFooterDefaultProps);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar MinimalFooter = function MinimalFooter(props) {\n return _react2.default.createElement(_footer2.default, props);\n};\n\nMinimalFooter.defaultProps = _MPPFooterDefaultProps2.default;\nMinimalFooter.defaultProps = {\n config: {\n footerType: \"minimal-footer\"\n }\n};\nexports.default = MinimalFooter;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _header = require('./../../header');\n\nvar _header2 = _interopRequireDefault(_header);\n\nvar _MPPMinimalHeaderDefaultProps = require('./MPPMinimalHeaderDefaultProps');\n\nvar _MPPMinimalHeaderDefaultProps2 = _interopRequireDefault(_MPPMinimalHeaderDefaultProps);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar MPPMinimalHeader = function MPPMinimalHeader(props) {\n return _react2.default.createElement(_header2.default, props);\n};\n\nMPPMinimalHeader.defaultProps = _MPPMinimalHeaderDefaultProps2.default;\nexports.default = MPPMinimalHeader;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = {\n config: {\n useMinimalHeader: true\n },\n contentLoggedOut: {\n minimalHeader: {\n labelMenuButton: 'Menu',\n labelClose: 'Close',\n logo: {\n text: 'PayPal',\n href: '/webapps/mpp/home'\n },\n headerButtons: [{\n id: 'ul-btn',\n text: 'Log In',\n href: '/signin?country.x=US&locale.x=en_US'\n }, {\n id: 'signup-button',\n text: 'Sign Up',\n href: '/webapps/mpp/account-selection',\n color: 'white'\n }]\n }\n },\n contentLoggedIn: {\n minimalHeader: {\n labelMenuButton: 'Menu',\n labelClose: 'Close',\n logo: {\n text: 'PayPal',\n href: '/webapps/mpp/home'\n },\n headerButtons: [{\n id: 'myaccount-button',\n text: 'My PayPal',\n href: '/signin'\n }, {\n id: 'logout-button',\n text: 'Log out',\n href: '/signout'\n }]\n }\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = require('react-dom');\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\n/* eslint jsx-a11y/click-events-have-key-events: 0 */\n/* eslint jsx-a11y/no-static-element-interactions: 0 */\n\n// check to make modal work with SSR\nvar domBody = typeof document === 'undefined' ? null : document.body;\n\nvar Modal = function (_Component) {\n _inherits(Modal, _Component);\n\n function Modal(props) {\n _classCallCheck(this, Modal);\n\n var _this = _possibleConstructorReturn(this, (Modal.__proto__ || Object.getPrototypeOf(Modal)).call(this, props));\n\n _this.onEntered = function () {\n // set overflow: hidden in so the user cannot scroll\n // when modal is open\n // Note: Mutiple arguments for classList.add() is not supported in IE\n document.body.classList.add('modal-opened');\n document.body.classList.add('animation-open');\n\n // focus close-button on enter\n if (_this.closeButton) {\n _this.closeButton.focus();\n }\n\n // adding fpti\n var el = document.querySelectorAll('.modal-wrapper [data-pa-click]');\n for (var i = 0; i < el.length; i += 1) {\n el[i].addEventListener('click', _this.getFptiVal);\n }\n\n _this.props.onEntered();\n };\n\n _this.onHide = function () {\n // remove overflow: hidden to allow scroll\n document.body.classList.remove('modal-opened', 'animation-open');\n\n // set time out so the modal background will fade out due to the\n // removal of 'animation-open' class, and then close the modal\n setTimeout(function () {\n // modal close hard coded value\n var value = 'Modal-Btn-Close';\n _this.props.fireTracking(value);\n _this.props.onHide();\n _this.props.closeModal();\n }, 300);\n };\n\n _this.getFptiVal = function (e) {\n var value = e.currentTarget.getAttribute('data-pa-click');\n _this.props.fireTracking(value);\n };\n\n _this.handleKeyDown = function (e) {\n if (e.keyCode === 27) {\n _this.onHide();\n }\n };\n\n if (props.bodyRef) {\n domBody = props.bodyRef;\n }\n _this.modalContainer = typeof document === 'undefined' ? null : document.createElement('div');\n return _this;\n }\n\n /*\n Note that there are two ways that Modal are used:\n 1. The parent organism/page imports Modal, directly returns it,\n and hides it by setting show=false. In this case, we reply on\n componentDidUpdate to trigger onEntered().\n 2. The parent organism/page does not return See details '\n }\n }, {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step2.png'\n },\n name: {\n text: 'Homepage Hero'\n },\n category: {\n text: 'Headline, Video, Photo'\n },\n hatchText: {\n text: 'See details '\n }\n }, {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step3.png'\n },\n name: {\n text: 'Homepage Hero'\n },\n category: {\n text: 'Headline, Video, Photo'\n },\n hatchText: {\n text: 'See details '\n }\n }, {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business.jpg'\n },\n name: {\n text: 'Homepage Hero'\n },\n category: {\n text: 'Headline, Video, Photo'\n },\n hatchText: {\n text: 'See details '\n }\n }, {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business-medium.jpg'\n },\n name: {\n text: 'Homepage Hero'\n },\n category: {\n text: 'Headline, Video, Photo'\n },\n hatchText: {\n text: 'See details '\n }\n }]\n },\n className: ''\n};\n\nPanelsCard.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n cards: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired\n }),\n name: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n category: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n })).isRequired\n }),\n className: _propTypes2.default.string\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _intersectionService = require('../../../../../utilities/intersectionService');\n\nvar _heading = require('../../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _contentPanel = require('../../../../molecules/content-panel');\n\nvar _contentPanel2 = _interopRequireDefault(_contentPanel);\n\nvar _dataPointPanel = require('../../../../molecules/data-point-panel');\n\nvar _dataPointPanel2 = _interopRequireDefault(_dataPointPanel);\n\nvar _iconPanel = require('../../../../molecules/icon-panel');\n\nvar _iconPanel2 = _interopRequireDefault(_iconPanel);\n\nvar _imagePanel = require('../../../../molecules/image-panel');\n\nvar _imagePanel2 = _interopRequireDefault(_imagePanel);\n\nvar _linkPanel = require('../../../../molecules/link-panel');\n\nvar _linkPanel2 = _interopRequireDefault(_linkPanel);\n\nvar _noImagePanel = require('../../../../molecules/no-image-panel');\n\nvar _noImagePanel2 = _interopRequireDefault(_noImagePanel);\n\nvar _simpleImagePanel = require('../../../../molecules/simple-image-panel');\n\nvar _simpleImagePanel2 = _interopRequireDefault(_simpleImagePanel);\n\nvar _videoPanel = require('../../../../molecules/video-panel');\n\nvar _videoPanel2 = _interopRequireDefault(_videoPanel);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { className: 'panels__headline', level: headline.level || \"2\" },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderDefaultChildren = function renderDefaultChildren(items) {\n if (items) {\n return items.map(function (elem) {\n return _react2.default.createElement(_noImagePanel2.default, elem);\n });\n }\n return null;\n};\n\nvar renderSubheadline = function renderSubheadline(subheadline) {\n if (subheadline && subheadline.text) {\n return _react2.default.createElement(\n _heading2.default,\n { className: 'panels__subheadline h4', level: '3' },\n htmlToReactParser.parse(subheadline.text)\n );\n }\n return null;\n};\n\nvar renderFooter = function renderFooter(footer) {\n if (footer && footer.text) {\n return _react2.default.createElement(\n 'div',\n { className: 'panels__footer row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-12' },\n _react2.default.createElement(\n 'p',\n { className: 'text-xs-center legal-notes' },\n htmlToReactParser.parse(footer.text)\n )\n )\n );\n }\n return null;\n};\n\nvar Panels = function (_React$Component) {\n _inherits(Panels, _React$Component);\n\n function Panels(props) {\n _classCallCheck(this, Panels);\n\n var _this = _possibleConstructorReturn(this, (Panels.__proto__ || Object.getPrototypeOf(Panels)).call(this, props));\n\n _this.sectionElement = null;\n _this.state = {\n showImages: false\n };\n _this.columnClasses = {\n 2: 'col-lg-6 col-md-6 col-sm-12 col-xs-12 panels__panel',\n 3: 'col-lg-4 col-md-4 col-sm-12 col-xs-12 panels__panel',\n 4: 'col-lg-3 col-md-6 col-sm-12 col-xs-12 panels__panel',\n 5: 'col-lg-3 col-md-6 col-sm-6 col-xs-12 panels__panel'\n };\n // adding references in case this component is extended\n _this.renderHeadline = renderHeadline;\n _this.renderDefaultChildren = renderDefaultChildren;\n _this.renderSubheadline = renderSubheadline;\n _this.renderFooter = renderFooter;\n return _this;\n }\n\n _createClass(Panels, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n // If .panels is in view, execute enableImages.\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'renderDeviceImage',\n value: function renderDeviceImage(deviceImage) {\n if (this.state.showImages && deviceImage && deviceImage.url) {\n return _react2.default.createElement('span', {\n className: 'panels__device-image',\n style: { backgroundImage: 'url(' + deviceImage.url + ')' }\n });\n }\n return null;\n }\n }, {\n key: 'renderPanels',\n value: function renderPanels(children) {\n if (children) {\n var panelsChildren = Array.isArray(children) ? children : [children];\n var rows = [];\n var panels = [];\n for (var pnlIdx = 0; pnlIdx < panelsChildren.length; pnlIdx += 1) {\n var elem = panelsChildren[pnlIdx];\n var component = _react2.default.cloneElement(elem, { pnlIdx: pnlIdx });\n panels.push(_react2.default.createElement(\n 'div',\n { className: this.columnsClass, key: pnlIdx },\n component\n ));\n if ((pnlIdx + 1) % this.props.config.columns === 0 || pnlIdx === panelsChildren.length - 1) {\n rows.push(_react2.default.createElement(\n 'div',\n { className: 'row', key: pnlIdx },\n panels\n ));\n panels = [];\n }\n }\n return rows;\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var className = this.props.className;\n var _props$content = this.props.content,\n headline = _props$content.headline,\n subheadline = _props$content.subheadline,\n footer = _props$content.footer,\n items = _props$content.items;\n var _props$config = this.props.config,\n id = _props$config.id,\n theme = _props$config.theme,\n center = _props$config.center,\n deviceImage = _props$config.deviceImage;\n\n\n var panelsClasses = (0, _classnames2.default)('panels', theme, className, {\n center: center,\n 'device-image': deviceImage && deviceImage.url\n });\n\n var children = this.props.children || renderDefaultChildren(items);\n\n return _react2.default.createElement(\n 'section',\n {\n id: id,\n className: panelsClasses,\n 'data-building-block': 'organism',\n ref: function ref(el) {\n _this2.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n this.renderDeviceImage(deviceImage),\n _react2.default.createElement(\n 'div',\n { className: 'row text-xs-center panels__header' },\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-12' },\n renderHeadline(headline),\n renderSubheadline(subheadline)\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'panels__container' },\n this.renderPanels(children)\n ),\n renderFooter(footer)\n )\n );\n }\n }, {\n key: 'columnsClass',\n get: function get() {\n var config = this.props.config && this.props.config.columns;\n return this.columnClasses[config] || this.columnClasses[4];\n }\n }]);\n\n return Panels;\n}(_react2.default.Component);\n\n/* Set default configurations and prevent TypeError for missing [object].\n Else, you need to test if object exist. */\n\n\nexports.default = Panels;\nPanels.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-blue', 'theme-background-color-white', 'theme-background-color-light']).isRequired,\n center: _propTypes2.default.bool,\n deviceImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired\n }),\n columns: _propTypes2.default.oneOf([1, 2, 3, 4, 5]).isRequired\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n subheadline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n items: _propTypes2.default.arrayOf(_propTypes2.default.oneOfType([_propTypes2.default.shape(_noImagePanel2.default.propTypes), _propTypes2.default.shape(_simpleImagePanel2.default.propTypes), _propTypes2.default.shape(_imagePanel2.default.propTypes), _propTypes2.default.shape(_dataPointPanel2.default.propTypes), _propTypes2.default.shape(_iconPanel2.default.propTypes), _propTypes2.default.shape(_linkPanel2.default.propTypes), _propTypes2.default.shape(_videoPanel2.default.propTypes), _propTypes2.default.shape(_contentPanel2.default.propTypes)])).isRequired,\n footer: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string,\n children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.element])\n};\n\n/* Example of Content.json passed as default */\nPanels.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-blue',\n columns: 4,\n center: false,\n deviceImage: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/paypal-on-devices-home.png'\n }\n },\n content: {\n headline: {\n text: '34 characters maximum'\n },\n subheadline: {\n text: '140 characters maximum for optional paragraphs which ' + 'appear above panels and are used to introduce the options presented below.'\n },\n items: [_noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps],\n footer: {\n text: '110 characters maximum for optional Hatch Text which ' + 'appears below panels and can contain links.'\n }\n },\n className: '',\n children: null\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Panels = require('../../main/jsx/Panels');\n\nvar _Panels2 = _interopRequireDefault(_Panels);\n\nvar _simplePanelsAccordion = require('../../simple-panels-accordion');\n\nvar _simplePanelsAccordion2 = _interopRequireDefault(_simplePanelsAccordion);\n\nvar _noImagePanel = require('../../../../molecules/no-image-panel');\n\nvar _noImagePanel2 = _interopRequireDefault(_noImagePanel);\n\nvar _clone = require('../../../../../utilities/clone');\n\nvar _clone2 = _interopRequireDefault(_clone);\n\nvar _moleculesMap = require('./../../utilities/moleculesMap');\n\nvar _moleculesMap2 = _interopRequireDefault(_moleculesMap);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MultimediaPanelsAccordion = function (_SimplePanelsAccordio) {\n _inherits(MultimediaPanelsAccordion, _SimplePanelsAccordio);\n\n function MultimediaPanelsAccordion(props) {\n _classCallCheck(this, MultimediaPanelsAccordion);\n\n var _this = _possibleConstructorReturn(this, (MultimediaPanelsAccordion.__proto__ || Object.getPrototypeOf(MultimediaPanelsAccordion)).call(this, props));\n\n _this.handleOpenItem = _this.handleOpenItem.bind(_this);\n _this.handleResize = _this.handleResize.bind(_this);\n\n _this.state = {\n isMobile: false\n };\n\n _this.moleculesMap = _moleculesMap2.default;\n return _this;\n }\n\n return MultimediaPanelsAccordion;\n}(_simplePanelsAccordion2.default);\n\nexports.default = MultimediaPanelsAccordion;\n\n\nMultimediaPanelsAccordion.propTypes = _Panels2.default.propTypes;\n\nvar items = [_noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps];\nMultimediaPanelsAccordion.defaultProps = (0, _clone2.default)(_Panels2.default.defaultProps);\nMultimediaPanelsAccordion.defaultProps.content.items = items;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Panels = require('../../main/jsx/Panels');\n\nvar _Panels2 = _interopRequireDefault(_Panels);\n\nvar _noImagePanel = require('../../../../molecules/no-image-panel');\n\nvar _noImagePanel2 = _interopRequireDefault(_noImagePanel);\n\nvar _themeManager = require('../../../../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _moleculesMap = require('../../utilities/moleculesMap');\n\nvar _moleculesMap2 = _interopRequireDefault(_moleculesMap);\n\nvar _clone = require('../../../../../utilities/clone');\n\nvar _clone2 = _interopRequireDefault(_clone);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n// Organism Imports\n\n// Molecule Imports\n\n// Utilities Imports\n\n\nvar MultimediaPanelsStacked = function (_React$Component) {\n _inherits(MultimediaPanelsStacked, _React$Component);\n\n function MultimediaPanelsStacked() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, MultimediaPanelsStacked);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = MultimediaPanelsStacked.__proto__ || Object.getPrototypeOf(MultimediaPanelsStacked)).call.apply(_ref, [this].concat(args))), _this), _this.renderPanelType = function (items, config) {\n var theme = config.theme;\n\n if (items) {\n return items.map(function (properties, idx) {\n var newProps = (0, _themeManager2.default)(properties, theme);\n newProps.name = config.id;\n /*\n ***IMPORTANT***\n config.type is passed as a defaultProp by the child listed in the moleculesMap.\n When adding/using this organism, make sure to specify the type of the molecule in\n child defaultProps, see an example from moleculesMap.\n */\n var type = properties.config && properties.config.type || 'NoImagePanel';\n var Panel = _moleculesMap2.default[type];\n var key = idx;\n return _react2.default.createElement(Panel, _extends({}, newProps, { key: key, name: 'MltPnlStk' }));\n });\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(MultimediaPanelsStacked, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config;\n var items = content.items;\n\n\n return _react2.default.createElement(\n _Panels2.default,\n this.props,\n this.renderPanelType(items, config)\n );\n }\n }]);\n\n return MultimediaPanelsStacked;\n}(_react2.default.Component);\n\nexports.default = MultimediaPanelsStacked;\n\n\nMultimediaPanelsStacked.propTypes = _Panels2.default.propTypes;\n\nvar items = [_noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps];\nMultimediaPanelsStacked.defaultProps = (0, _clone2.default)(_Panels2.default.defaultProps);\nMultimediaPanelsStacked.defaultProps.content.items = items;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _Panels = require('../../main/jsx/Panels');\n\nvar _Panels2 = _interopRequireDefault(_Panels);\n\nvar _imagePanel = require('../../../../molecules/image-panel');\n\nvar _imagePanel2 = _interopRequireDefault(_imagePanel);\n\nvar _clone = require('../../../../../utilities/clone');\n\nvar _clone2 = _interopRequireDefault(_clone);\n\nvar _breakpoints = require('../../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nvar _SlideNumberCarousel = require('./SlideNumberCarousel');\n\nvar _SlideNumberCarousel2 = _interopRequireDefault(_SlideNumberCarousel);\n\nvar _themeManager = require('../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _intersectionService = require('../../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'offer-panels';\n\nvar OfferPanels = function (_React$Component) {\n _inherits(OfferPanels, _React$Component);\n\n function OfferPanels(props) {\n _classCallCheck(this, OfferPanels);\n\n var _this = _possibleConstructorReturn(this, (OfferPanels.__proto__ || Object.getPrototypeOf(OfferPanels)).call(this, props));\n\n _this.panelsRef = null;\n _this.state = {\n isMobile: false,\n showImages: false\n };\n _this.handleResize = _this.handleResize.bind(_this);\n return _this;\n }\n\n _createClass(OfferPanels, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n (0, _intersectionService.IntersectionListener)([this.panelsRef.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'handleResize',\n value: function handleResize(e) {\n var newWindowWidth = e && e.iFrameWidth || window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n if (newWindowWidth >= _breakpoints2.default.medium) {\n if (this.state.isMobile) {\n this.setState({\n isMobile: false\n });\n }\n } else if (!this.state.isMobile) {\n this.setState({\n isMobile: true\n });\n }\n }\n }, {\n key: 'renderPanels',\n value: function renderPanels(items, theme) {\n var _this2 = this;\n\n if (items) {\n return items.map(function (properties, idx) {\n var newProps = (0, _themeManager2.default)(properties, theme);\n if (!_this2.state.showImages) {\n newProps.content.image = null;\n newProps.content.icon = null;\n newProps.config = newProps.config || {};\n newProps.config.backgroundImage = {};\n }\n return _react2.default.createElement(\n 'div',\n { key: idx },\n _react2.default.createElement(_imagePanel2.default, newProps)\n );\n });\n }\n return undefined;\n }\n }, {\n key: 'renderCarousel',\n value: function renderCarousel(isMobile, slides, theme, carouselContent, trackId) {\n var options = {\n startSlide: 0,\n speed: 400,\n className: ORGANISM_NAME,\n continuous: false\n };\n\n return _react2.default.createElement(\n 'div',\n {\n key: slides.length,\n className: ORGANISM_NAME + '__wrapper'\n },\n _react2.default.createElement(\n _SlideNumberCarousel2.default,\n {\n className: ORGANISM_NAME + '__carousel',\n trackId: trackId || 'Offers-Carousel',\n options: options,\n content: carouselContent\n },\n this.renderPanels(slides, theme)\n )\n );\n }\n }, {\n key: 'renderByViewPort',\n value: function renderByViewPort(isMobile, props) {\n var config = props.config,\n content = props.content;\n var items = content.items,\n carousel = content.carousel;\n var theme = config.theme;\n\n\n if (isMobile) {\n return this.renderCarousel(isMobile, items, theme, carousel, props.trackId);\n }\n return this.renderPanels(items, theme);\n }\n }, {\n key: 'render',\n value: function render() {\n var _this3 = this;\n\n return _react2.default.createElement(\n _Panels2.default,\n _extends({}, this.props, { className: ORGANISM_NAME, ref: function ref(el) {\n _this3.panelsRef = el;\n } }),\n this.renderByViewPort(this.state.isMobile, this.props)\n );\n }\n }]);\n\n return OfferPanels;\n}(_react2.default.Component);\n\nexports.default = OfferPanels;\n\n\nOfferPanels.propTypes = (0, _clone2.default)(_Panels2.default.propTypes);\nOfferPanels.propTypes.trackId = _propTypes2.default.string.isRequired;\n\nvar items = [_imagePanel2.default.defaultProps, _imagePanel2.default.defaultProps, _imagePanel2.default.defaultProps, _imagePanel2.default.defaultProps];\n\nOfferPanels.defaultProps = (0, _clone2.default)(_Panels2.default.defaultProps);\nOfferPanels.defaultProps.content.items = items;\nOfferPanels.defaultProps.content.carousel = {\n goToSlide: {\n text: 'Go to slide'\n },\n goToNextSlide: {\n text: 'Go to next slide'\n },\n goToPreviousSlide: {\n text: 'Go to previous slide'\n }\n};\nOfferPanels.defaultProps.config.theme = 'theme-background-color-white';\nOfferPanels.defaultProps.config.type = 'ImagePanel';\nOfferPanels.defaultProps.trackId = 'Offers-Carousel';\nOfferPanels.defaultProps.config.deviceImage = undefined;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Carousel2 = require('../../../carousel/main/jsx/Carousel');\n\nvar _Carousel3 = _interopRequireDefault(_Carousel2);\n\nvar _clone = require('../../../../../utilities/clone');\n\nvar _clone2 = _interopRequireDefault(_clone);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'offers-panels-carousel';\n\nvar SlideNumberCarousel = function (_Carousel) {\n _inherits(SlideNumberCarousel, _Carousel);\n\n function SlideNumberCarousel() {\n _classCallCheck(this, SlideNumberCarousel);\n\n return _possibleConstructorReturn(this, (SlideNumberCarousel.__proto__ || Object.getPrototypeOf(SlideNumberCarousel)).apply(this, arguments));\n }\n\n _createClass(SlideNumberCarousel, [{\n key: 'renderDotSelectors',\n value: function renderDotSelectors(itemsLen) {\n var className = this.props.className;\n var currentSlide = this.state.currentSlide;\n\n var activeSlide = currentSlide >= itemsLen ? 1 : currentSlide + 1;\n\n return _react2.default.createElement(\n 'span',\n {\n className: className + '__slide-counter ' + ORGANISM_NAME + '__slide-counter'\n },\n activeSlide + ' / ' + itemsLen\n );\n }\n }]);\n\n return SlideNumberCarousel;\n}(_Carousel3.default);\n\nexports.default = SlideNumberCarousel;\n\n\nSlideNumberCarousel.propTypes = (0, _clone2.default)(_Carousel3.default.propTypes);\n\nSlideNumberCarousel.defaultProps = (0, _clone2.default)(_Carousel3.default.defaultProps);","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Panels = require('../../main/jsx/Panels');\n\nvar _Panels2 = _interopRequireDefault(_Panels);\n\nvar _noImagePanel = require('../../../../molecules/no-image-panel');\n\nvar _noImagePanel2 = _interopRequireDefault(_noImagePanel);\n\nvar _imageHeadline = require('../../../../molecules/image-headline');\n\nvar _imageHeadline2 = _interopRequireDefault(_imageHeadline);\n\nvar _accordion = require('../../../../organisms/accordion');\n\nvar _clone = require('../../../../../utilities/clone');\n\nvar _clone2 = _interopRequireDefault(_clone);\n\nvar _breakpoints = require('../../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nvar _themeManager = require('./../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _moleculesMap = require('./../../utilities/moleculesMap');\n\nvar _moleculesMap2 = _interopRequireDefault(_moleculesMap);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n// Organism Imports\n\n// Molecule Imports\n\n\n// Utilities Imports\n\n\nvar ORGANISM_NAME = 'simple-panels-accordion';\n\nvar SimplePanelsAccordion = function (_React$Component) {\n _inherits(SimplePanelsAccordion, _React$Component);\n\n function SimplePanelsAccordion(props) {\n _classCallCheck(this, SimplePanelsAccordion);\n\n var _this = _possibleConstructorReturn(this, (SimplePanelsAccordion.__proto__ || Object.getPrototypeOf(SimplePanelsAccordion)).call(this, props));\n\n _this.handleOpenItem = _this.handleOpenItem.bind(_this);\n _this.handleResize = _this.handleResize.bind(_this);\n\n _this.state = {\n isMobile: false\n };\n\n _this.moleculesMap = _moleculesMap2.default;\n return _this;\n }\n\n _createClass(SimplePanelsAccordion, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: 'handleResize',\n value: function handleResize(e) {\n // TODO: Explore different solution to trigger resize\n // inside an iFrame; We don't need this event\n // param; it's only for page-builder\n var newWindowWidth = e && e.iFrameWidth || window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n if (newWindowWidth >= _breakpoints2.default.medium) {\n if (this.state.isMobile) {\n this.setState({\n isMobile: false\n });\n }\n } else if (!this.state.isMobile) {\n this.setState({\n isMobile: true\n });\n }\n }\n }, {\n key: 'handleOpenItem',\n value: function handleOpenItem(items) {\n if (this.props.onOpenItem) {\n this.props.onOpenItem(items);\n }\n\n this.forceUpdate();\n }\n }, {\n key: 'renderPanels',\n value: function renderPanels(items) {\n var _this2 = this;\n\n if (items) {\n return items.map(function (properties, idx) {\n var type = _this2.props.config.type || properties.config.type || 'NoImagePanel';\n var newProps = (0, _themeManager2.default)(properties, _this2.props.config.theme);\n var Panel = _this2.moleculesMap[type];\n return _react2.default.createElement(Panel, _extends({}, newProps, { name: 'PnlAccdn', key: idx }));\n });\n }\n return null;\n }\n }, {\n key: 'renderAccordionItemHeader',\n value: function renderAccordionItemHeader(item, panelId) {\n if (item) {\n var filteredProps = (0, _clone2.default)(item);\n // Translating to image to re-use molecule;\n // TODO: Remove this once we figure a better solution\n // on preserving the content on PB.\n filteredProps.content.image = filteredProps.content.icon;\n // Deleting Image from the accordion header (but icon is supported)\n if ((this.props.config.type || filteredProps.config.type) !== 'IconPanel') {\n filteredProps.content.image = null;\n }\n\n return _react2.default.createElement(\n _accordion.AccordionHeader,\n { idxPrefix: panelId },\n _react2.default.createElement(_imageHeadline2.default, filteredProps)\n );\n }\n return null;\n }\n }, {\n key: 'renderAccordionItemContent',\n value: function renderAccordionItemContent(item, idx, panelId) {\n if (item) {\n var type = this.props.config.type || item.config.type || 'NoImagePanel';\n var Panel = this.moleculesMap[type];\n var newProps = (0, _themeManager2.default)(item, this.props.config.theme);\n newProps.content.image = null;\n newProps.content.icon = null;\n newProps.content.headline = null;\n newProps.idx = idx;\n return _react2.default.createElement(\n _accordion.AccordionContent,\n { idxPrefix: panelId },\n _react2.default.createElement(Panel, _extends({}, newProps, { name: 'PnlAccdn', pnlIdx: idx }))\n );\n }\n return null;\n }\n }, {\n key: 'renderAccordion',\n value: function renderAccordion(items, panelId) {\n var _this3 = this;\n\n if (items) {\n var accordionItems = items.map(function (item, idx) {\n return _react2.default.createElement(\n _accordion.AccordionItem,\n { key: idx },\n _this3.renderAccordionItemHeader(item, panelId),\n _this3.renderAccordionItemContent(item, idx, panelId)\n );\n });\n return _react2.default.createElement(\n _accordion.Accordion,\n { onItemOpen: this.handleOpenItem },\n accordionItems\n );\n }\n return null;\n }\n }, {\n key: 'renderByViewPort',\n value: function renderByViewPort(isMobile) {\n var content = this.props.content;\n var id = this.props.config.id;\n var items = content.items;\n\n\n if (isMobile) {\n return this.renderAccordion(items, id);\n }\n return this.renderPanels(items);\n }\n }, {\n key: 'render',\n value: function render() {\n var className = this.props.className;\n\n\n var sectionClassName = (0, _classnames2.default)(ORGANISM_NAME, className);\n return _react2.default.createElement(\n _Panels2.default,\n _extends({}, this.props, { className: sectionClassName }),\n this.renderByViewPort(this.state.isMobile)\n );\n }\n }]);\n\n return SimplePanelsAccordion;\n}(_react2.default.Component);\n\nexports.default = SimplePanelsAccordion;\n\n\nSimplePanelsAccordion.propTypes = _Panels2.default.propTypes;\n\nvar items = [_noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps];\nSimplePanelsAccordion.defaultProps = (0, _clone2.default)(_Panels2.default.defaultProps);\nSimplePanelsAccordion.defaultProps.content.items = items;\nSimplePanelsAccordion.defaultProps.config.type = 'NoImagePanel';","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Panels = require('../../main/jsx/Panels');\n\nvar _Panels2 = _interopRequireDefault(_Panels);\n\nvar _noImagePanel = require('../../../../molecules/no-image-panel');\n\nvar _noImagePanel2 = _interopRequireDefault(_noImagePanel);\n\nvar _themeManager = require('./../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _moleculesMap = require('./../../utilities/moleculesMap');\n\nvar _moleculesMap2 = _interopRequireDefault(_moleculesMap);\n\nvar _clone = require('../../../../../utilities/clone');\n\nvar _clone2 = _interopRequireDefault(_clone);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n// Organism Imports\n\n// Molecule Imports\n\n// Utilities Imports\n\n\nvar SimplePanelsStacked = function (_React$Component) {\n _inherits(SimplePanelsStacked, _React$Component);\n\n function SimplePanelsStacked() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, SimplePanelsStacked);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = SimplePanelsStacked.__proto__ || Object.getPrototypeOf(SimplePanelsStacked)).call.apply(_ref, [this].concat(args))), _this), _this.renderPanels = function (items, config) {\n var type = config.type,\n theme = config.theme;\n\n var defaultType = type || 'NoImagePanel';\n var Panel = _moleculesMap2.default[defaultType];\n if (items) {\n return items.map(function (properties, idx) {\n var newProps = (0, _themeManager2.default)(properties, theme);\n var key = idx;\n return _react2.default.createElement(Panel, _extends({}, newProps, { name: 'SmplPnlStk', key: key }));\n });\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(SimplePanelsStacked, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config;\n var items = content.items;\n\n\n return _react2.default.createElement(\n _Panels2.default,\n this.props,\n this.renderPanels(items, config)\n );\n }\n }]);\n\n return SimplePanelsStacked;\n}(_react2.default.Component);\n\nexports.default = SimplePanelsStacked;\n\n\nSimplePanelsStacked.propTypes = _Panels2.default.propTypes;\n\nvar items = [_noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps, _noImagePanel2.default.defaultProps];\nSimplePanelsStacked.defaultProps = (0, _clone2.default)(_Panels2.default.defaultProps);\nSimplePanelsStacked.defaultProps.content.items = items;\nSimplePanelsStacked.defaultProps.config.type = 'NoImagePanel';","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _Panels = require('../../main/jsx/Panels');\n\nvar _Panels2 = _interopRequireDefault(_Panels);\n\nvar _multimediaPanelsStacked = require('../../multimedia-panels-stacked');\n\nvar _multimediaPanelsStacked2 = _interopRequireDefault(_multimediaPanelsStacked);\n\nvar _socialInnovationPanel = require('../../../../molecules/social-innovation-panel');\n\nvar _socialInnovationPanel2 = _interopRequireDefault(_socialInnovationPanel);\n\nvar _clone = require('../../../../../utilities/clone');\n\nvar _clone2 = _interopRequireDefault(_clone);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\n// Utilities Imports\n\n\nvar ORGANISM_NAME = 'social-innovation';\nvar socInnoProps = (0, _clone2.default)(_Panels2.default.defaultProps);\n\nvar SocialInnovation = function (_React$Component) {\n _inherits(SocialInnovation, _React$Component);\n\n function SocialInnovation() {\n _classCallCheck(this, SocialInnovation);\n\n return _possibleConstructorReturn(this, (SocialInnovation.__proto__ || Object.getPrototypeOf(SocialInnovation)).apply(this, arguments));\n }\n\n _createClass(SocialInnovation, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config;\n var headline = content.headline,\n footer = content.footer,\n items = content.items;\n\n\n delete socInnoProps.content.subheadline;\n delete socInnoProps.config.deviceImage;\n socInnoProps.config.theme = config.theme;\n socInnoProps.content.headline.text = headline.text;\n socInnoProps.content.footer.text = footer.text;\n socInnoProps.content.items = items;\n\n return _react2.default.createElement(_multimediaPanelsStacked2.default, _extends({ className: ORGANISM_NAME }, socInnoProps));\n }\n }]);\n\n return SocialInnovation;\n}(_react2.default.Component);\n\nexports.default = SocialInnovation;\n\n\nSocialInnovation.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-blue', 'theme-background-color-white', 'theme-background-color-light']).isRequired\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n blogpost: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired\n }).isRequired,\n postlabel: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n footer: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n items: _propTypes2.default.arrayOf(_propTypes2.default.shape(_socialInnovationPanel2.default.propTypes).isRequired)\n })\n};\n\nSocialInnovation.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-white'\n },\n content: {\n headline: {\n text: '34 characters maximum'\n },\n blogpost: {\n url: 'https://www.paypal.com/stories/rest/blog-post/get-by-tag/social-innovation/us'\n },\n postlabel: {\n text: 'Social Innovation'\n },\n footer: {\n text: 'Latest News'\n },\n items: [_socialInnovationPanel2.default.defaultProps, _socialInnovationPanel2.default.defaultProps, _socialInnovationPanel2.default.defaultProps, _socialInnovationPanel2.default.defaultProps]\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Panels = require('../../main/jsx/Panels');\n\nvar _Panels2 = _interopRequireDefault(_Panels);\n\nvar _simpleImagePanel = require('../../../../molecules/simple-image-panel');\n\nvar _simpleImagePanel2 = _interopRequireDefault(_simpleImagePanel);\n\nvar _contentPanel = require('../../../../molecules/content-panel');\n\nvar _contentPanel2 = _interopRequireDefault(_contentPanel);\n\nvar _themeManager = require('../../../../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _moleculesMap = require('../../utilities/moleculesMap');\n\nvar _moleculesMap2 = _interopRequireDefault(_moleculesMap);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n// Organism Imports\n\n// Molecule Imports\n\n// Utilities Imports\n\n\nvar SplitPanels = function (_React$Component) {\n _inherits(SplitPanels, _React$Component);\n\n function SplitPanels() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, SplitPanels);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = SplitPanels.__proto__ || Object.getPrototypeOf(SplitPanels)).call.apply(_ref, [this].concat(args))), _this), _this.renderPanelType = function (items, config) {\n var theme = config.theme;\n\n if (items) {\n return items.map(function (properties, idx) {\n var newProps = (0, _themeManager2.default)(properties, theme);\n newProps.name = config.id;\n /*\n ***IMPORTANT***\n config.type is passed as a defaultProp by the child listed in the moleculesMap.\n When adding/using this organism, make sure to specify the type of the molecule in\n child defaultProps, see an example from moleculesMap.\n */\n var type = properties.config && properties.config.type || 'SimpleImagePanel';\n var Panel = _moleculesMap2.default[type];\n var key = idx;\n return _react2.default.createElement(Panel, _extends({}, newProps, { key: key, name: 'SpltPnlStk' }));\n });\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(SplitPanels, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config;\n var items = content.items;\n\n\n var leftPanel = items[0];\n var rightPanel = items[1];\n\n var classNames = this.props.className;\n if (leftPanel.config.type === \"ContentPanel\" && rightPanel.config.type === \"SimpleImagePanel\") {\n classNames = (0, _classnames2.default)(classNames, 'mobile-flex-column');\n }\n\n return _react2.default.createElement(\n _Panels2.default,\n _extends({}, this.props, { className: classNames }),\n this.renderPanelType(items, config)\n );\n }\n }]);\n\n return SplitPanels;\n}(_react2.default.Component);\n\nexports.default = SplitPanels;\n\n\nSplitPanels.propTypes = _Panels2.default.propTypes;\nSplitPanels.defaultProps = {\n config: {\n id: '',\n columns: 2,\n theme: 'theme-background-color-white'\n },\n content: {\n items: [_simpleImagePanel2.default.defaultProps, _contentPanel2.default.defaultProps]\n },\n className: 'split-panels',\n children: null\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nexports.default = deepMerge;\nfunction deepMerge() {\n var target = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var src = arguments[1];\n\n var array = Array.isArray(src);\n var dst = array && [] || {};\n\n if (array) {\n dst = dst.concat(target);\n src.forEach(function (e, i) {\n if (typeof dst[i] === 'undefined') {\n dst[i] = e;\n } else if ((typeof e === 'undefined' ? 'undefined' : _typeof(e)) === 'object') {\n dst[i] = deepMerge(target[i], e);\n } else if (target.indexOf(e) === -1) {\n dst.push(e);\n }\n });\n } else {\n if (target && (typeof target === 'undefined' ? 'undefined' : _typeof(target)) === 'object') {\n Object.keys(target).forEach(function (key) {\n dst[key] = target[key];\n });\n }\n Object.keys(src).forEach(function (key) {\n if (_typeof(src[key]) !== 'object' || !src[key]) {\n dst[key] = src[key];\n } else if (!target[key]) {\n dst[key] = src[key];\n } else {\n dst[key] = deepMerge(target[key], src[key]);\n }\n });\n }\n\n return dst;\n}","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _noImagePanel = require('../../../molecules/no-image-panel');\n\nvar _noImagePanel2 = _interopRequireDefault(_noImagePanel);\n\nvar _imagePanel = require('../../../molecules/image-panel');\n\nvar _imagePanel2 = _interopRequireDefault(_imagePanel);\n\nvar _iconPanel = require('../../../molecules/icon-panel');\n\nvar _iconPanel2 = _interopRequireDefault(_iconPanel);\n\nvar _dataPointPanel = require('../../../molecules/data-point-panel');\n\nvar _dataPointPanel2 = _interopRequireDefault(_dataPointPanel);\n\nvar _linkPanel = require('../../../molecules/link-panel');\n\nvar _linkPanel2 = _interopRequireDefault(_linkPanel);\n\nvar _videoPanel = require('../../../molecules/video-panel');\n\nvar _videoPanel2 = _interopRequireDefault(_videoPanel);\n\nvar _socialInnovationPanel = require('../../../molecules/social-innovation-panel');\n\nvar _socialInnovationPanel2 = _interopRequireDefault(_socialInnovationPanel);\n\nvar _simpleImagePanel = require('../../../molecules/simple-image-panel');\n\nvar _simpleImagePanel2 = _interopRequireDefault(_simpleImagePanel);\n\nvar _contentPanel = require('../../../molecules/content-panel');\n\nvar _contentPanel2 = _interopRequireDefault(_contentPanel);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = {\n NoImagePanel: _noImagePanel2.default,\n ImagePanel: _imagePanel2.default,\n IconPanel: _iconPanel2.default,\n DataPointPanel: _dataPointPanel2.default,\n LinkPanel: _linkPanel2.default,\n VideoPanel: _videoPanel2.default,\n SocialInnovationPanel: _socialInnovationPanel2.default,\n SimpleImagePanel: _simpleImagePanel2.default,\n ContentPanel: _contentPanel2.default\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _deepMerge = require('./deepMerge');\n\nvar _deepMerge2 = _interopRequireDefault(_deepMerge);\n\nvar _clone = require('../../../../utilities/clone');\n\nvar _clone2 = _interopRequireDefault(_clone);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar defaultTheme = {\n primaryCta: {\n color: 'white',\n type: 'PrmryCTA'\n },\n secondaryCta: {\n color: 'outline-white',\n type: 'ScndCTA'\n }\n};\n\nvar whiteTheme = {\n primaryCta: {\n color: 'blue',\n type: 'PrmryCTA'\n },\n secondaryCta: {\n color: 'outline-blue',\n type: 'ScndCTA'\n }\n};\n\nvar themeOptions = {\n 'theme-background-color-white': whiteTheme,\n 'theme-background-color-light': whiteTheme\n};\n\nvar getTheme = function getTheme(theme) {\n return themeOptions[theme] || defaultTheme;\n};\nvar themeManager = function themeManager(props, theme) {\n var currentTheme = getTheme(theme);\n var newProps = (0, _clone2.default)(props);\n Object.keys(newProps.content).forEach(function (key) {\n if (currentTheme[key]) {\n newProps.content[key] = (0, _deepMerge2.default)(newProps.content[key], currentTheme[key]);\n }\n });\n return newProps;\n};\n\nexports.default = themeManager;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _mediaButton = require('../../../atoms/media-button');\n\nvar _mediaButton2 = _interopRequireDefault(_mediaButton);\n\nvar _themeManager = require('../../../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _breakpoints = require('../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nvar _appBadges = require('../../../atoms/app-badges');\n\nvar _appBadges2 = _interopRequireDefault(_appBadges);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'product-hero';\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderMediaButton = function renderMediaButton(mediaButton, color) {\n if (mediaButton && mediaButton.text) {\n return _react2.default.createElement(\n _mediaButton2.default,\n {\n id: mediaButton.id,\n name: mediaButton.name || mediaButton.id,\n className: ORGANISM_NAME + '__mediabtn',\n color: color || mediaButton.color,\n fpti: 'PrdctHero-MediaBtn-' + (mediaButton.fpti || mediaButton.text),\n 'data-video-id': mediaButton['data-video-id'],\n alt: mediaButton.alt || mediaButton.text\n },\n mediaButton.text\n );\n }\n return null;\n};\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: 1, className: ORGANISM_NAME + '__headline h2' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderCta = function renderCta(cta, color) {\n if (cta && cta.text) {\n var targetValue = cta.target || '_self';\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n name: cta.name || cta.id,\n href: cta.href,\n color: color || cta.color || null,\n className: ORGANISM_NAME + '__cta',\n fpti: 'PrdctHero-' + (cta.type || 'cta') + '-' + (cta.fpti || cta.text),\n target: targetValue,\n alt: cta.alt || cta.text\n },\n cta.text\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__hatch-text pp-sans-small-regular' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar renderBadge = function renderBadge(content, clientInfo, isCentered) {\n var appBadgeContent = {\n clientInfo: clientInfo,\n ios: content.ios,\n android: content.android\n };\n var classes = isCentered ? ORGANISM_NAME + '__app-badge-wrapper--center' : ORGANISM_NAME + '__app-badge-wrapper';\n\n if (clientInfo && (content.ios || content.android)) {\n return _react2.default.createElement(\n 'div',\n { className: classes },\n _react2.default.createElement(_appBadges2.default, appBadgeContent)\n );\n }\n return null;\n};\n\nvar ProductHero = function (_React$Component) {\n _inherits(ProductHero, _React$Component);\n\n function ProductHero(props) {\n _classCallCheck(this, ProductHero);\n\n var _this = _possibleConstructorReturn(this, (ProductHero.__proto__ || Object.getPrototypeOf(ProductHero)).call(this, props));\n\n _this.changeBackground = function (_ref) {\n var config = _ref.config;\n\n _this.setState({ image: config.backgroundImage && (config.backgroundImage[_this.state.viewport] || config.backgroundImage.url) });\n\n // config.backgroundImage && (config.backgroundImage[viewport] || config.backgroundImage.url),\n };\n\n _this.renderParagraph = renderParagraph;\n _this.renderMediaButton = renderMediaButton;\n _this.renderHeadline = renderHeadline;\n _this.renderCta = renderCta;\n _this.renderHatchText = renderHatchText;\n _this.handleResize = _this.handleResize.bind(_this);\n _this.renderBadge = renderBadge;\n\n // if placeholder is not provided, the value of this.state.image\n // will be empty string, and background will be inherited from\n // the current theme.\n _this.state = {\n isMobile: false,\n image: _this.props.config.backgroundImage && _this.props.config.backgroundImage.placeholder,\n viewport: 'dedicated'\n };\n return _this;\n }\n\n _createClass(ProductHero, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n\n // this method will only execute on the client side, after the\n // deferred JavaScript bundle is downloaded\n // this.changeBackground(this.props);\n }\n\n // if the image URL changes then need to re-trigger setState\n\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(nextProps) {\n this.changeBackground(nextProps);\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n\n // changes the background image from placeholder to specified image\n\n }, {\n key: 'checkCurrentViewPort',\n value: function checkCurrentViewPort(newWindowWidth) {\n var deviceType = \"dedicated\";\n if (newWindowWidth <= _breakpoints2.default.small) {\n deviceType = 'mobile';\n } else if (newWindowWidth <= _breakpoints2.default.medium) {\n deviceType = 'portable';\n }\n this.setState({ viewport: deviceType });\n }\n }, {\n key: 'handleResize',\n value: function handleResize() {\n var newWindowWidth = this.organismRef ? Math.min(this.organismRef.ownerDocument.defaultView.innerWidth, this.organismRef.ownerDocument.documentElement.clientWidth, this.organismRef.ownerDocument.body.clientWidth) : window.innerWidth;\n\n this.checkCurrentViewPort(newWindowWidth);\n\n if (newWindowWidth >= _breakpoints2.default.medium) {\n if (this.state.isMobile) {\n this.setState({\n isMobile: false\n });\n }\n } else if (!this.state.isMobile) {\n this.setState({\n isMobile: true\n });\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var theme = this.props.config.theme || 'theme-background-image-dark';\n var newProps = (0, _themeManager2.default)({ content: this.props.content }, theme);\n var content = newProps.content;\n var _props = this.props,\n config = _props.config,\n className = _props.className,\n clientInfo = _props.clientInfo;\n var headline = content.headline,\n paragraph = content.paragraph,\n mediaButton = content.mediaButton,\n primaryCta = content.primaryCta,\n secondaryCta = content.secondaryCta,\n hatchText = content.hatchText;\n\n\n var sectionClasses = (0, _classnames2.default)(ORGANISM_NAME + '-organism', className);\n var heroClasses = (0, _classnames2.default)('' + ORGANISM_NAME, className, theme);\n\n var belowHeroClasses = 'below-' + ORGANISM_NAME + ' theme-background-color-white';\n var backgroundPosition = config.backgroundImage && config.backgroundPosition;\n\n this.state.image = config.backgroundImage && (config.backgroundImage[this.state.viewport] || config.backgroundImage.url);\n\n // backgroundPosition always needs to be set otherwise backgroundImage will shift\n // when image loads\n var backgroundImageStyle = _extends({\n backgroundPosition: '' + (backgroundPosition || 'center')\n }, this.state.image && {\n position: 'absolute',\n top: '0px',\n right: '0px',\n bottom: '0px',\n left: '0px',\n backgroundImage: 'url(' + this.state.image + ')',\n backgroundSize: 'cover',\n transition: 'all 1s linear',\n filter: this.state.image === config.backgroundImage.placeholder ? 'blur(15px)' : ''\n });\n\n var isCentered = config.deviceImageSize === 'large';\n\n return _react2.default.createElement(\n 'section',\n {\n ref: function ref(c) {\n _this2.organismRef = c;\n },\n id: config.id ? config.id : null,\n 'data-building-block': 'organism',\n className: sectionClasses\n },\n _react2.default.createElement(\n 'div',\n { className: heroClasses, style: { position: 'relative' } },\n _react2.default.createElement('div', { style: backgroundImageStyle }),\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-8 col-sm-12 ' + ORGANISM_NAME + '__container' },\n this.state.isMobile && paragraph && paragraph.text ? _react2.default.createElement(\n 'div',\n null,\n this.renderHeadline(headline)\n ) : _react2.default.createElement(\n 'div',\n null,\n this.renderHeadline(headline),\n this.renderParagraph(paragraph),\n this.renderMediaButton(mediaButton),\n this.renderCta(primaryCta),\n this.renderCta(secondaryCta),\n this.renderBadge(content, clientInfo, isCentered),\n this.renderHatchText(hatchText)\n )\n )\n )\n )\n ),\n this.state.isMobile && paragraph && paragraph.text && _react2.default.createElement(\n 'div',\n { className: belowHeroClasses },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-lg-6 col-md-8 col-sm-12' },\n this.renderParagraph(paragraph),\n this.renderMediaButton(mediaButton, 'outline-blue'),\n this.renderCta(primaryCta),\n this.renderCta(secondaryCta, 'outline-blue'),\n this.renderBadge(content, clientInfo, isCentered),\n this.renderHatchText(hatchText)\n )\n )\n )\n )\n );\n }\n }]);\n\n return ProductHero;\n}(_react2.default.Component);\n\nexports.default = ProductHero;\n\n\nProductHero.propTypes = {\n /* eslint-disable-next-line react/no-unused-prop-types */\n viewport: _propTypes2.default.string,\n clientInfo: _propTypes2.default.shape({\n client_os_type: _propTypes2.default.string,\n client_is_mobile: _propTypes2.default.bool,\n client_type: _propTypes2.default.string\n }),\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired,\n portable: _propTypes2.default.string.isRequired,\n mobile: _propTypes2.default.string.isRequired,\n placeholder: _propTypes2.default.string\n }).isRequired,\n theme: _propTypes2.default.oneOf(['theme-background-image-dark', 'theme-background-image-light', 'theme-new-money']),\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right'])\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n mediaButton: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n 'data-video-id': _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }),\n primaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }).isRequired,\n secondaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n ios: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n android: _propTypes2.default.shape({\n store: _propTypes2.default.oneOf(['google', 'android-store']),\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n })\n }),\n className: _propTypes2.default.string\n};\n\nProductHero.defaultProps = {\n viewport: 'dedicated',\n clientInfo: {\n client_os_type: 'ios',\n client_is_mobile: true,\n client_type: 'dedicated'\n },\n config: {\n id: '',\n backgroundImage: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business.jpg',\n portable: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business-medium.jpg',\n mobile: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-small-business-small.jpg',\n placeholder: ''\n },\n theme: 'theme-background-image-dark',\n backgroundPosition: 'center'\n },\n content: {\n headline: {\n text: '21 characters per line - 2 lines maximum.'\n },\n paragraph: {\n text: 'In mobile and tablet views, align text to optimize contrast ' + 'with background image. 152 characters maximum.'\n },\n mediaButton: {\n id: '',\n name: '',\n text: '25 characters maximum',\n 'data-video-id': 'lkz4GZgyb9o',\n alt: 'Alt Text for media button'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n secondaryCta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n hatchText: {\n text: '34 characters maximum per line'\n },\n ios: {\n href: 'https://app.adjust.com/vlx5gy',\n fpti: 'product-hero'\n },\n android: {\n store: 'google',\n href: 'https://app.adjust.com/vxullh',\n fpti: 'product-hero'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _pullout = require('../../../pullout');\n\nvar _pullout2 = _interopRequireDefault(_pullout);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar App = function (_React$Component) {\n _inherits(App, _React$Component);\n\n function App() {\n _classCallCheck(this, App);\n\n return _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).apply(this, arguments));\n }\n\n _createClass(App, [{\n key: 'render',\n value: function render() {\n var filteredProps = {\n content: {\n headline: this.props.content.headline,\n ios: this.props.content.ios,\n android: this.props.content.android\n },\n config: {\n appBadge: true,\n textAlign: this.props.config.textAlign || 'left',\n theme: this.props.config.theme,\n id: this.props.config.id || null,\n backgroundImage: this.props.config.backgroundImage,\n backgroundPosition: this.props.config.backgroundPosition\n },\n clientInfo: this.props.clientInfo\n };\n if (this.props.content.paragraph && this.props.content.paragraph.text) {\n filteredProps.content.paragraph = this.props.content.paragraph;\n }\n if (this.props.content.hatchText && this.props.content.hatchText.text) {\n filteredProps.content.hatchText = this.props.content.hatchText;\n }\n if (this.props.className) {\n filteredProps.className = this.props.className;\n }\n\n return _react2.default.createElement(_pullout2.default, filteredProps);\n }\n }]);\n\n return App;\n}(_react2.default.Component);\n\nexports.default = App;\n\n\nApp.propTypes = {\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n ios: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired\n }),\n android: _propTypes2.default.shape({\n store: _propTypes2.default.oneOf(['google', 'android-store']),\n href: _propTypes2.default.string.isRequired\n })\n }),\n config: _propTypes2.default.shape({\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light', 'theme-background-image-dark', 'theme-background-image-light']).isRequired,\n id: _propTypes2.default.string,\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired,\n portable: _propTypes2.default.string.isRequired,\n mobile: _propTypes2.default.string.isRequired\n }),\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right']),\n textAlign: _propTypes2.default.oneOf(['left', 'right', 'center'])\n }),\n className: _propTypes2.default.string,\n clientInfo: _propTypes2.default.shape({\n client_os_type: _propTypes2.default.string.isRequired,\n client_is_mobile: _propTypes2.default.bool.isRequired\n }).isRequired\n};\n\nApp.defaultProps = {\n config: {\n theme: 'theme-background-image-dark',\n backgroundImage: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-prospects.jpg',\n portable: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-prospects.jpg',\n mobile: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/home/hero-prospects.jpg'\n },\n backgroundPosition: 'center',\n textAlign: 'left',\n id: ''\n },\n content: {\n headline: {\n text: 'Fewer than 24 characters.'\n },\n paragraph: {\n text: 'Fewer than 120 characters for paragraph text to ' + 'equal approximately 3 lines of text or less, in mobile and tablet views.'\n },\n hatchText: {\n text: '90 characters or less of text or no more than 2 ' + 'lines of text in mobile portrait view.'\n },\n ios: {\n href: 'https://app.adjust.com/vlx5gy'\n },\n android: {\n store: 'google',\n href: 'https://app.adjust.com/vxullh'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _pullout = require('../../../pullout');\n\nvar _pullout2 = _interopRequireDefault(_pullout);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Cta = function (_React$Component) {\n _inherits(Cta, _React$Component);\n\n function Cta() {\n _classCallCheck(this, Cta);\n\n return _possibleConstructorReturn(this, (Cta.__proto__ || Object.getPrototypeOf(Cta)).apply(this, arguments));\n }\n\n _createClass(Cta, [{\n key: 'render',\n value: function render() {\n var filteredProps = {\n content: {\n headline: {\n text: this.props.content.headline.text\n },\n cta: {\n text: this.props.content.cta.text,\n href: this.props.content.cta.href,\n fpti: 'ClsngCTA-PrmryCTA-' + this.props.content.cta.text,\n target: this.props.content.cta.target || '_self',\n alt: _propTypes2.default.string\n }\n },\n config: {\n appBadge: false,\n textAlign: 'center',\n theme: this.props.config.theme,\n id: this.props.config.id\n }\n };\n\n if (this.props.content.image && this.props.content.image.src) {\n filteredProps.content.image = {\n src: this.props.content.image.src\n };\n }\n\n if (this.props.content.link) {\n filteredProps.content.link = {\n text: this.props.content.link.text,\n href: this.props.content.link.href,\n target: this.props.content.link.target,\n fpti: 'ClsngCTA-Link-' + this.props.content.link.text\n };\n }\n\n if (this.props.content.paragraph && this.props.content.paragraph.text) {\n filteredProps.content.paragraph = this.props.content.paragraph;\n }\n\n if (this.props.content.hatchText && this.props.content.hatchText.text) {\n filteredProps.content.hatchText = this.props.content.hatchText;\n }\n\n if (this.props.config.isLongHeadline) {\n filteredProps.config.isLongHeadline = this.props.config.isLongHeadline;\n }\n\n if (this.props.className) {\n filteredProps.className = this.props.className;\n }\n\n return _react2.default.createElement(_pullout2.default, filteredProps);\n }\n }]);\n\n return Cta;\n}(_react2.default.Component);\n\nexports.default = Cta;\n\n\nCta.propTypes = {\n config: _propTypes2.default.shape({\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light']).isRequired,\n isLongHeadline: _propTypes2.default.bool,\n id: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n cta: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }).isRequired,\n link: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string\n};\n\nCta.defaultProps = {\n config: {\n theme: 'theme-background-color-white',\n isLongHeadline: false,\n appBadge: false,\n textAlign: 'center',\n id: ''\n },\n content: {\n image: {\n src: 'https://www.paypalobjects.com/webstatic/en_CA/mktg/where-to-use-paypal/fashion/Adidas.png',\n alt: 'Description of image'\n },\n headline: {\n text: 'Fewer than 25 characters fit on one line in mobile.'\n },\n paragraph: {\n text: 'Fewer than 100 characters total to equal less than 3 lines in mobile.'\n },\n cta: {\n text: 'Fewer Than 29 Characters Max',\n href: '#',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n link: {\n text: 'Less than 28 characters max',\n href: '#'\n },\n hatchText: {\n text: 'Fewer than 34 characters per line'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _button = require('../../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _mediaButton = require('../../../../atoms/media-button');\n\nvar _mediaButton2 = _interopRequireDefault(_mediaButton);\n\nvar _appBadges = require('../../../../atoms/app-badges');\n\nvar _appBadges2 = _interopRequireDefault(_appBadges);\n\nvar _breakpoints = require('../../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nvar _intersectionService = require('../../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'pullout';\n\nvar getAlignment = function getAlignment(textAlign) {\n var alignment = {\n left: 'col-xs-12 col-lg-8 text-xs-center text-md-left',\n right: 'col-xs-12 col-lg-10 text-xs-center text-md-right',\n center: 'col-xs-12 col-lg-10 center-block text-xs-center'\n };\n return alignment[textAlign || 'center'];\n};\n\nvar renderContent = function renderContent(paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph pp-sans-big-light' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderLink = function renderLink(link) {\n if (link) {\n var linkTarget = void 0;\n if (link.target) {\n linkTarget = '' + link.target;\n }\n\n return _react2.default.createElement(\n 'a',\n {\n href: link.href,\n target: linkTarget,\n className: ORGANISM_NAME + '__link',\n 'data-pa-click': 'Pullout-Link-' + (link.fpti || link.text)\n },\n link.text\n );\n }\n return null;\n};\n\nvar renderHatchContent = function renderHatchContent(hatchText) {\n if (hatchText) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__hatch-text legal-notes' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar Pullout = function (_React$Component) {\n _inherits(Pullout, _React$Component);\n\n function Pullout(props) {\n _classCallCheck(this, Pullout);\n\n var _this = _possibleConstructorReturn(this, (Pullout.__proto__ || Object.getPrototypeOf(Pullout)).call(this, props));\n\n _this.getAlignment = getAlignment;\n _this.renderContent = renderContent;\n _this.renderLink = renderLink;\n _this.renderHatchContent = renderHatchContent;\n _this.sectionElement = null;\n _this.handleResize = _this.handleResize.bind(_this);\n _this.state = {\n showImages: false,\n viewport: 'dedicated'\n };\n return _this;\n }\n\n _createClass(Pullout, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: 'checkCurrentViewPort',\n value: function checkCurrentViewPort(newWindowWidth) {\n var deviceType = \"dedicated\";\n if (newWindowWidth <= _breakpoints2.default.small) {\n deviceType = 'mobile';\n } else if (newWindowWidth <= _breakpoints2.default.medium) {\n deviceType = 'portable';\n }\n this.setState({ viewport: deviceType });\n }\n }, {\n key: 'handleResize',\n value: function handleResize() {\n var newWindowWidth = this.sectionElement ? Math.min(this.sectionElement.ownerDocument.defaultView.innerWidth, this.sectionElement.ownerDocument.documentElement.clientWidth, this.sectionElement.ownerDocument.body.clientWidth) : window.innerWidth;\n\n this.checkCurrentViewPort(newWindowWidth);\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'renderImage',\n value: function renderImage(image) {\n if (this.state.showImages && image) {\n return _react2.default.createElement('img', { src: image.src, className: ORGANISM_NAME + '__image', alt: image.alt });\n }\n return null;\n }\n }, {\n key: 'renderHeadline',\n value: function renderHeadline(headline) {\n if (headline) {\n var fontSize = this.props.config.isLongHeadline ? 'h3' : '';\n var propsLevel = headline.level || '2';\n var fontClass = (0, _classnames2.default)(ORGANISM_NAME + '__headline', '' + fontSize);\n return _react2.default.createElement(\n _heading2.default,\n { level: propsLevel, className: fontClass },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n }\n }, {\n key: 'renderCTA',\n value: function renderCTA(cta) {\n if (cta) {\n var targetValue = cta.target || '_self';\n var align = this.props.config.textAlign || 'center';\n var color = cta.color || 'blue';\n var buttonClass = (0, _classnames2.default)(ORGANISM_NAME + '__btn', ORGANISM_NAME + '__btn--' + align, 'pypl-btn--' + color);\n\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n name: cta.name || cta.id,\n href: cta.href,\n className: buttonClass,\n fpti: 'Pullout-Prmrycta-' + (cta.fpti || cta.text),\n target: targetValue,\n alt: cta.alt || cta.text\n },\n cta.text\n );\n }\n return null;\n }\n }, {\n key: 'renderMediaButton',\n value: function renderMediaButton(mediaButton) {\n if (mediaButton) {\n var align = this.props.config.textAlign || 'center';\n var color = mediaButton.color || 'outline-blue';\n var buttonClass = (0, _classnames2.default)(ORGANISM_NAME + '__media-btn', ORGANISM_NAME + '__btn--' + align, 'pypl-btn--' + color);\n\n return _react2.default.createElement(\n _mediaButton2.default,\n {\n id: mediaButton.id,\n name: mediaButton.name || mediaButton.id,\n alt: mediaButton.alt || mediaButton.text,\n color: 'outline-blue',\n className: buttonClass,\n fpti: 'Pullout-MediaBtn-' + (mediaButton.fpti || mediaButton.text),\n 'data-video-id': mediaButton['data-video-id'],\n 'aria-label': mediaButton.arialabel || 'Media button'\n },\n mediaButton.text\n );\n }\n return null;\n }\n }, {\n key: 'renderBadge',\n value: function renderBadge(clientInfo) {\n if (this.props.config.appBadge) {\n var appBadgeContent = {\n clientInfo: clientInfo,\n ios: this.props.content.ios,\n android: this.props.content.android\n };\n return _react2.default.createElement(_appBadges2.default, appBadgeContent);\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className,\n clientInfo = _props.clientInfo;\n var image = content.image,\n headline = content.headline,\n paragraph = content.paragraph,\n cta = content.cta,\n mediaButton = content.mediaButton,\n link = content.link,\n hatchText = content.hatchText;\n\n\n var backgroundImage = config.backgroundImage && (config.backgroundImage[this.state.viewport] || config.backgroundImage.url);\n\n var backgroundPosition = config.backgroundImage && config.backgroundPosition;\n\n var backgroundImageStyle = this.state.showImages && backgroundImage ? {\n backgroundImage: 'url(' + backgroundImage + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n\n var pulloutClasses = (0, _classnames2.default)('' + ORGANISM_NAME, className, config.theme);\n\n return _react2.default.createElement(\n 'section',\n {\n className: pulloutClasses,\n id: this.props.config.id,\n 'data-building-block': 'organism',\n style: backgroundImageStyle,\n ref: function ref(el) {\n _this2.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: getAlignment(config.textAlign) },\n this.renderImage(image),\n this.renderHeadline(headline),\n renderContent(paragraph),\n this.renderCTA(cta),\n this.renderMediaButton(mediaButton),\n this.renderBadge(clientInfo),\n renderLink(link),\n renderHatchContent(hatchText)\n )\n )\n )\n );\n }\n }]);\n\n return Pullout;\n}(_react2.default.Component);\n\nexports.default = Pullout;\n\n\nPullout.propTypes = {\n clientInfo: _propTypes2.default.shape({\n client_os_type: _propTypes2.default.string,\n client_is_mobile: _propTypes2.default.bool,\n client_type: _propTypes2.default.string\n }),\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light', 'theme-background-image-dark', 'theme-background-image-light']).isRequired,\n textAlign: _propTypes2.default.oneOf(['left', 'right', 'center', '']),\n appBadge: _propTypes2.default.bool,\n isLongHeadline: _propTypes2.default.bool,\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired,\n portable: _propTypes2.default.string.isRequired,\n mobile: _propTypes2.default.string.isRequired\n }),\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right'])\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n cta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n href: _propTypes2.default.string,\n text: _propTypes2.default.string,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank']),\n alt: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string\n }),\n mediaButton: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n name: _propTypes2.default.string,\n alt: _propTypes2.default.string,\n text: _propTypes2.default.string.isRequired,\n 'data-video-id': _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n link: _propTypes2.default.shape({\n href: _propTypes2.default.string,\n text: _propTypes2.default.string,\n target: _propTypes2.default.string,\n fpti: _propTypes2.default.string\n }),\n ios: _propTypes2.default.shape({\n href: _propTypes2.default.string\n }),\n android: _propTypes2.default.shape({\n store: _propTypes2.default.oneOf(['google', 'android-store']),\n href: _propTypes2.default.string\n })\n }),\n className: _propTypes2.default.string\n};\n\nPullout.defaultProps = {\n clientInfo: {\n client_os_type: 'ios',\n client_is_mobile: true,\n client_type: 'dedicated'\n },\n config: {\n id: '',\n textAlign: 'center',\n appBadge: true,\n theme: 'theme-background-color-white',\n backgroundPosition: 'center'\n },\n content: {\n headline: {\n text: 'Fewer than 25 characters fit on one line in mobile.'\n },\n paragraph: {\n text: 'Fewer than 100 characters total to equal less than 3 lines in mobile.'\n },\n cta: {\n text: 'Fewer Than 29 Characters Max',\n href: '#',\n 'data-pa-click': 'cta|CTA Text',\n target: '_self',\n alt: 'Alt Text for CTA'\n },\n hatchText: {\n text: 'Fewer than 34 characters per line'\n },\n link: {\n text: 'Less than 28 characters max',\n href: '#',\n target: '_blank',\n 'data-pa-click': 'link|Link Text'\n },\n mediaButton: {\n text: 'This is Media Button',\n 'data-video-id': 'rquuf4XfwLA',\n alt: 'alt Text for media button'\n },\n logo: {\n src: 'https://www.paypalobjects.com/webstatic/en_CA/mktg/where-to-use-paypal/fashion/Adidas.png',\n alt: ''\n },\n ios: {\n href: 'https://app.adjust.com/vlx5gy'\n },\n android: {\n store: 'google',\n href: 'https://app.adjust.com/vxullh'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _pullout = require('../../../pullout');\n\nvar _pullout2 = _interopRequireDefault(_pullout);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Offer = function (_React$Component) {\n _inherits(Offer, _React$Component);\n\n function Offer() {\n _classCallCheck(this, Offer);\n\n return _possibleConstructorReturn(this, (Offer.__proto__ || Object.getPrototypeOf(Offer)).apply(this, arguments));\n }\n\n _createClass(Offer, [{\n key: 'render',\n value: function render() {\n var filteredProps = {\n content: {\n headline: {\n text: this.props.content.headline.text,\n level: this.props.content.headline.level\n },\n cta: {\n text: this.props.content.cta.text,\n href: this.props.content.cta.href,\n color: 'outline-blue',\n fpti: 'Offer-ScndCTA-' + this.props.content.cta.text,\n target: this.props.content.cta.target || '_self'\n }\n },\n config: {\n appBadge: false,\n textAlign: 'center',\n id: this.props.config.id,\n theme: this.props.config.theme\n }\n };\n if (this.props.content.paragraph && this.props.content.paragraph.text) {\n filteredProps.content.paragraph = this.props.content.paragraph;\n }\n if (this.props.content.hatchText && this.props.content.hatchText.text) {\n filteredProps.content.hatchText = this.props.content.hatchText;\n }\n if (this.props.className) {\n filteredProps.className = this.props.className;\n }\n\n return _react2.default.createElement(_pullout2.default, filteredProps);\n }\n }]);\n\n return Offer;\n}(_react2.default.Component);\n\nexports.default = Offer;\n\n\nOffer.propTypes = {\n config: _propTypes2.default.shape({\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light']).isRequired,\n id: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n level: _propTypes2.default.string\n }).isRequired,\n cta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n color: _propTypes2.default.oneOf(['outline-blue']), // not visible\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string\n};\n\nOffer.defaultProps = {\n config: {\n appBadge: false,\n textAlign: 'center',\n theme: 'theme-background-color-white',\n id: ''\n },\n content: {\n headline: {\n text: 'Fewer than 25 characters fit on one line in mobile.',\n level: '2'\n },\n paragraph: {\n text: 'Fewer than 100 characters total to equal less than 3 lines in mobile.'\n },\n hatchText: {\n text: 'Fewer than 34 characters per line'\n },\n cta: {\n id: '',\n text: 'Fewer Than 29 Characters Max',\n href: '#',\n target: '_self'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _pullout = require('../../../pullout');\n\nvar _pullout2 = _interopRequireDefault(_pullout);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar VideoButton = function (_React$Component) {\n _inherits(VideoButton, _React$Component);\n\n function VideoButton() {\n _classCallCheck(this, VideoButton);\n\n return _possibleConstructorReturn(this, (VideoButton.__proto__ || Object.getPrototypeOf(VideoButton)).apply(this, arguments));\n }\n\n _createClass(VideoButton, [{\n key: 'render',\n value: function render() {\n var filteredProps = {\n config: {\n appBadge: false,\n textAlign: 'center',\n theme: this.props.config.theme,\n id: this.props.config.id\n },\n content: {\n headline: {\n text: this.props.content.headline.text\n }\n }\n };\n\n if (this.props.content.mediaButton) {\n var mediaButtonObj = JSON.parse(JSON.stringify(this.props.content.mediaButton));\n mediaButtonObj.fpti = 'VidBtn-MediaBtn-' + this.props.content.mediaButton.text;\n filteredProps.content.mediaButton = mediaButtonObj;\n }\n if (this.props.config.isLongHeadline) {\n filteredProps.config.isLongHeadline = this.props.config.isLongHeadline;\n }\n if (this.props.className) {\n filteredProps.className = this.props.className;\n }\n\n return _react2.default.createElement(_pullout2.default, filteredProps);\n }\n }]);\n\n return VideoButton;\n}(_react2.default.Component);\n\nexports.default = VideoButton;\n\n\nVideoButton.propTypes = {\n config: _propTypes2.default.shape({\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light']).isRequired,\n isLongHeadline: _propTypes2.default.bool,\n id: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n mediaButton: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string,\n text: _propTypes2.default.string.isRequired,\n 'data-video-id': _propTypes2.default.string.isRequired\n }).isRequired\n }),\n className: _propTypes2.default.string\n};\n\nVideoButton.defaultProps = {\n config: {\n appBadge: false,\n textAlign: 'center',\n theme: 'theme-background-color-white',\n isLongHeadline: false,\n id: ''\n },\n content: {\n headline: {\n text: 'Fewer than 25 characters fit on one line in mobile.'\n },\n mediaButton: {\n id: '',\n href: '#',\n text: 'Fewer Than 29 Characters',\n 'data-video-id': 'lkz4GZgyb9o'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'selection';\n\nvar Selection = function (_React$Component) {\n _inherits(Selection, _React$Component);\n\n function Selection() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, Selection);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Selection.__proto__ || Object.getPrototypeOf(Selection)).call.apply(_ref, [this].concat(args))), _this), _this.renderIcon = function (icon, showIcon) {\n if (showIcon && icon) {\n return _react2.default.createElement('img', { src: icon.src, alt: icon.alt, className: ORGANISM_NAME + '__icon' });\n }\n return null;\n }, _this.renderHeadline = function () {\n var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref2$headline = _ref2.headline,\n headline = _ref2$headline === undefined ? '' : _ref2$headline,\n _ref2$headlineClass = _ref2.headlineClass,\n headlineClass = _ref2$headlineClass === undefined ? '' : _ref2$headlineClass,\n _ref2$level = _ref2.level,\n level = _ref2$level === undefined ? '4' : _ref2$level,\n _ref2$idx = _ref2.idx,\n idx = _ref2$idx === undefined ? '' : _ref2$idx,\n _ref2$show = _ref2.show,\n show = _ref2$show === undefined ? true : _ref2$show;\n\n if (show && headline) {\n return _react2.default.createElement(\n _heading2.default,\n { key: idx, level: level, className: headlineClass },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n }, _this.renderMainHeadline = function (headline) {\n if (headline && headline.text) {\n return _react2.default.createElement(\n 'div',\n { className: 'row' },\n _this.renderHeadline({\n headline: headline,\n headlineClass: 'text-xs-center ' + ORGANISM_NAME + '__headline-main',\n level: '2'\n })\n );\n }\n return null;\n }, _this.renderGroup = function (group) {\n var groups = [];\n if (group) {\n for (var i = 0; i < group.length; i += 1) {\n var elem = group[i];\n if (elem.itemHeadline) {\n groups.push(_this.renderHeadline({\n headline: elem.itemHeadline,\n headlineClass: 'pp-sans-small-regular ' + ORGANISM_NAME + '__headline-para',\n idx: i\n }));\n }\n if (elem.itemParagraph) {\n groups.push(_react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__para', key: ORGANISM_NAME + '__para-' + i },\n htmlToReactParser.parse(elem.itemParagraph.text)\n ));\n }\n }\n return groups;\n }\n return null;\n }, _this.renderCta = function (cta, config) {\n if (cta) {\n var type = {\n secondary: 'outline-blue',\n primary: 'blue'\n };\n var fptiData = {\n secondary: 'Selection-ScndCTA-' + cta.text,\n primary: 'Selection-PrmryCTA-' + cta.text,\n hatch: 'Selection-HtchLnk-' + cta.text\n };\n var fpti = fptiData[config.ctaType] || fptiData.secondary;\n var color = type[config.ctaType] || type.secondary;\n var classes = (0, _classnames2.default)(ORGANISM_NAME + '__cta', {\n 'center-block': config.centerText === true\n });\n var targetValue = cta.target || '_self';\n if (config.ctaType === 'hatch') {\n return _react2.default.createElement(\n 'a',\n {\n id: cta.id,\n href: cta.href,\n className: ORGANISM_NAME + '__hatch-link',\n 'data-pa-click': fpti,\n alt: cta.alt || cta.text\n },\n cta.text\n );\n }\n return _react2.default.createElement(\n _button2.default,\n {\n color: color,\n href: cta.href,\n className: classes,\n fpti: fpti,\n target: targetValue,\n alt: cta.alt || cta.text\n },\n cta.text\n );\n }\n return null;\n }, _this.renderMobilePanels = function (panels, config) {\n if (panels) {\n var classes = (0, _classnames2.default)('col-sm-12 col-md-6 col-lg-6 ' + ORGANISM_NAME + '__panel', {\n 'text-xs-center': config.centerText === true\n });\n\n var panelsArr = panels.map(function (elem, idx) {\n return _react2.default.createElement(\n 'div',\n {\n className: classes,\n key: idx\n },\n _this.renderIcon(elem.icon, config.showIcon),\n _this.renderHeadline({\n headline: elem.panelHeadline,\n headlineClass: ORGANISM_NAME + '__subheadline',\n level: '3',\n idx: idx,\n show: !!config.showSubheadline\n }),\n _this.renderGroup(elem.group),\n _this.renderCta(elem.cta, config)\n );\n });\n return _react2.default.createElement(\n 'div',\n { className: 'row hidden-md-up' },\n panelsArr\n );\n }\n return null;\n }, _this.renderIconRow = function (panels, config) {\n return panels.map(function (elem, idx) {\n return _react2.default.createElement(\n 'div',\n {\n className: 'col-md-6',\n key: idx\n },\n _this.renderIcon(elem.icon, config.showIcon)\n );\n });\n }, _this.renderHeaderRow = function (panels, config) {\n return panels.map(function (elem, idx) {\n return _react2.default.createElement(\n 'div',\n {\n className: 'col-md-6',\n key: idx\n },\n _this.renderHeadline({\n headline: elem.panelHeadline,\n headlineClass: ORGANISM_NAME + '__subheadline',\n level: '3',\n idx: idx,\n show: !!config.showSubheadline\n })\n );\n });\n }, _this.renderGroupRow = function (panels) {\n var headlineLevel = '4';\n var headlineClass = 'pp-sans-small-regular ' + ORGANISM_NAME + '__headline-para';\n var numberOfRows = panels.reduce(function (pre, cur) {\n return pre.group.length > cur.group.length ? pre.group.length : cur.group.length;\n });\n var rows = [];\n\n var _loop = function _loop(i) {\n var group = panels.map(function (elem, idx) {\n var groupMarkup = null;\n if (elem.group[i]) {\n groupMarkup = _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n _heading2.default,\n { level: headlineLevel, className: headlineClass },\n htmlToReactParser.parse(elem.group[i].itemHeadline.text)\n ),\n _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__para' },\n htmlToReactParser.parse(elem.group[i].itemParagraph.text)\n )\n );\n }\n return _react2.default.createElement(\n 'div',\n {\n className: 'col-sm-6',\n key: idx\n },\n groupMarkup\n );\n });\n rows.push(_react2.default.createElement(\n 'div',\n { className: 'row', key: i },\n group\n ));\n };\n\n for (var i = 0; i < numberOfRows; i += 1) {\n _loop(i);\n }\n return rows;\n }, _this.renderCtaRow = function (panels, config) {\n var group = panels.map(function (elem, idx) {\n return _react2.default.createElement(\n 'div',\n {\n className: 'col-sm-6',\n key: ORGANISM_NAME + '__cta-' + idx\n },\n _this.renderCta(elem.cta, config)\n );\n });\n return group;\n }, _this.renderDesktopPanels = function (panels, config) {\n if (panels) {\n var classes = (0, _classnames2.default)('hidden-sm-down', {\n 'text-xs-center': config.centerText === true\n });\n return _react2.default.createElement(\n 'div',\n { className: classes },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _this.renderIconRow(panels, config)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _this.renderHeaderRow(panels, config)\n ),\n _this.renderGroupRow(panels, config),\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _this.renderCtaRow(panels, config)\n )\n );\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(Selection, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n\n\n var panels = [content.panel1, content.panel2];\n\n var selectionClasses = (0, _classnames2.default)(ORGANISM_NAME, className);\n return _react2.default.createElement(\n 'section',\n { id: config.id, className: selectionClasses, 'data-building-block': 'organism' },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n this.renderMainHeadline(content.headline),\n this.renderMobilePanels(panels, config),\n this.renderDesktopPanels(panels, config)\n )\n );\n }\n }]);\n\n return Selection;\n}(_react2.default.Component);\n\nexports.default = Selection;\n\n\nvar panelPropTypes = _propTypes2.default.shape({\n icon: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }),\n panelHeadline: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n group: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n itemHeadline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n itemParagraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n })).isRequired,\n cta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n target: _propTypes2.default.oneOf(['_self', '_blank']).isRequired,\n alt: _propTypes2.default.string\n }).isRequired\n}).isRequired;\n\nSelection.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n showMainHeadline: _propTypes2.default.bool,\n showIcon: _propTypes2.default.bool,\n showSubheadline: _propTypes2.default.bool,\n centerText: _propTypes2.default.bool,\n ctaType: _propTypes2.default.oneOf(['secondary', 'primary', 'hatch'])\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n panel1: panelPropTypes,\n panel2: panelPropTypes\n }),\n className: _propTypes2.default.string\n};\n\nSelection.defaultProps = {\n config: {\n id: '',\n showSubheadline: true,\n showIcon: false,\n centerText: false,\n ctaType: 'secondary'\n },\n content: {\n headline: {\n text: '50 characters maximum to limit mobile scroll.'\n },\n panel1: {\n icon: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/au/icons/AU-icon-payflow-green.svg',\n alt: 'Alternate text'\n },\n panelHeadline: {\n text: '25 characters maximum'\n },\n group: [{\n itemHeadline: {\n text: '36-character line lengths'\n },\n itemParagraph: {\n text: '138 characters maximum for text or approximately ' + '4 lines of text or less. Sentence case with normal punctuation.'\n }\n }, {\n itemHeadline: {\n text: '36-character line lengths'\n },\n itemParagraph: {\n text: '138 characters maximum for text or approximately ' + '4 lines of text or less. Sentence case with normal punctuation.'\n }\n }],\n cta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n }\n },\n panel2: {\n icon: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/au/icons/AU-icon-payflow-green.svg',\n alt: 'Alternate text'\n },\n panelHeadline: {\n text: '25 characters maximum'\n },\n group: [{\n itemHeadline: {\n text: '36-character line lengths'\n },\n itemParagraph: {\n text: '138 characters maximum for text or approximately ' + '4 lines of text or less. Sentence case with normal punctuation.'\n }\n }, {\n itemHeadline: {\n text: '36-character line lengths'\n },\n itemParagraph: {\n text: '138 characters maximum for text or approximately ' + '4 lines of text or less. Sentence case with normal punctuation.'\n }\n }],\n cta: {\n id: '',\n href: '#',\n text: '29 characters maximum',\n target: '_self',\n alt: 'Alt Text for CTA'\n }\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n {\n level: '2',\n className: 'showcase__headline col-xs-12 col-md-10 center-block text-xs-center'\n },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: 'showcase__paragraph col-xs-12 col-md-10 center-block text-xs-center' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderPrimaryCta = function renderPrimaryCta(primaryCta) {\n if (primaryCta && primaryCta.text) {\n var targetValue = primaryCta.target || '_self';\n return _react2.default.createElement(\n _button2.default,\n {\n href: primaryCta.href,\n id: primaryCta.id,\n className: 'showcase__btn center-block',\n fpti: 'ShowCase-PrmryCTA-' + primaryCta.text,\n target: targetValue\n },\n primaryCta.text\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: 'showcase__hatch-text text-xs-center' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar Showcase = function (_React$Component) {\n _inherits(Showcase, _React$Component);\n\n function Showcase(props) {\n _classCallCheck(this, Showcase);\n\n var _this = _possibleConstructorReturn(this, (Showcase.__proto__ || Object.getPrototypeOf(Showcase)).call(this, props));\n\n _this.sectionElement = null;\n _this.state = {\n showImages: false\n };\n // adding references in case this component is extended\n _this.renderHeadline = renderHeadline;\n _this.renderParagraph = renderParagraph;\n _this.renderPrimaryCta = renderPrimaryCta;\n _this.renderHatchText = renderHatchText;\n return _this;\n }\n\n _createClass(Showcase, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'renderMerchantLogos',\n value: function renderMerchantLogos(merchantLogos) {\n var _this2 = this;\n\n var result = merchantLogos.map(function (merchant, index) {\n // creating plain logo\n if (merchant.logo) {\n var columnsClass = {\n 3: true,\n 5: true,\n 6: true\n }[merchantLogos.length] ? 'col-xs-6 col-md-4' : 'col-xs-6 col-md-3';\n var classes = 'text-xs-center showcase__logo showcase__logo-' + index + ' ' + columnsClass;\n var logo = _this2.state.showImages && _react2.default.createElement('img', { src: merchant.logo.src, alt: merchant.logo.alt, className: 'showcase__image' });\n // adding anchor for logo, if it exists\n var renderedLogo = logo;\n if (_this2.props.config.linkForLogos) {\n renderedLogo = _react2.default.createElement(\n 'a',\n {\n href: merchant.logo.href,\n rel: 'noopener noreferrer',\n target: '_blank',\n className: 'showcase__links',\n 'data-pa-click': 'Showcase-Logo' + index + '-' + (merchant.logo.alt || 'alt'),\n 'aria-label': merchant.logo.alt\n },\n logo\n );\n }\n return _react2.default.createElement(\n 'div',\n {\n className: classes,\n key: index\n },\n renderedLogo\n );\n }\n return null;\n });\n return result;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this3 = this;\n\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var headline = content.headline,\n paragraph = content.paragraph,\n merchantLogos = content.merchantLogos,\n primaryCta = content.primaryCta,\n hatchText = content.hatchText;\n\n\n var showcaseClasses = (0, _classnames2.default)('showcase', config.theme, className);\n return _react2.default.createElement(\n 'section',\n {\n id: config.id,\n className: showcaseClasses,\n 'data-building-block': 'organism',\n ref: function ref(el) {\n _this3.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row showcase__header' },\n renderHeadline(headline),\n renderParagraph(paragraph)\n ),\n _react2.default.createElement('hr', null),\n _react2.default.createElement(\n 'div',\n { className: 'row showcase__container' },\n this.renderMerchantLogos(merchantLogos)\n ),\n renderPrimaryCta(primaryCta),\n renderHatchText(hatchText)\n )\n );\n }\n }]);\n\n return Showcase;\n}(_react2.default.Component);\n\nexports.default = Showcase;\n\n\nShowcase.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light']).isRequired,\n linkForLogos: _propTypes2.default.bool\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n merchantLogos: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n logo: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string\n }).isRequired\n })).isRequired,\n primaryCta: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n id: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string\n};\n\nShowcase.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-white',\n linkForLogos: false\n },\n content: {\n headline: {\n text: '35 characters maximum'\n },\n paragraph: {\n text: '110 characters maximjm of text or words which equal ' + 'no more than 4 lines of copy on mobile devices.'\n },\n merchantLogos: [{\n logo: {\n src: 'https://www.paypalobjects.com/webstatic/en_CA/mktg/where-to-use-paypal/fashion/Adidas.png',\n alt: 'Adidas',\n href: '#'\n }\n }, {\n logo: {\n src: 'https://www.paypalobjects.com/webstatic/en_CA/mktg/where-to-use-paypal/fashion/Adidas.png',\n alt: 'Adidas',\n href: '#'\n }\n }, {\n logo: {\n src: 'https://www.paypalobjects.com/webstatic/en_CA/mktg/where-to-use-paypal/fashion/Adidas.png',\n alt: 'Adidas',\n href: '#'\n }\n }],\n primaryCta: {\n href: '#',\n text: '29 characters maximum',\n target: '_self'\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _sideNavigation = require('./../../side-navigation');\n\nvar _sideNavigation2 = _interopRequireDefault(_sideNavigation);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar SideNavContent = function SideNavContent(props) {\n return _react2.default.createElement(_sideNavigation2.default, props);\n};\nexports.default = SideNavContent;\n\n\nSideNavContent.propTypes = _sideNavigation2.default.propTypes;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _sideNavigation = require('./../../side-navigation');\n\nvar _sideNavigation2 = _interopRequireDefault(_sideNavigation);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar SideNavSupport = function SideNavSupport(props) {\n return _react2.default.createElement(_sideNavigation2.default, props);\n};\nexports.default = SideNavSupport;\n\n\nSideNavSupport.propTypes = _sideNavigation2.default.propTypes;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _themeColors = require('../ds-header/themeColors');\n\nvar _themeColors2 = _interopRequireDefault(_themeColors);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'side-navigation';\n\nvar SideNavigation = function (_React$Component) {\n _inherits(SideNavigation, _React$Component);\n\n function SideNavigation(props) {\n _classCallCheck(this, SideNavigation);\n\n var _this = _possibleConstructorReturn(this, (SideNavigation.__proto__ || Object.getPrototypeOf(SideNavigation)).call(this, props));\n\n _this.handleMenuClick = _this.handleMenuClick.bind(_this);\n _this.handleScroll = _this.handleScroll.bind(_this);\n _this.handleHeroEvent = _this.handleHeroEvent.bind(_this);\n _this.handleClick = _this.handleClick.bind(_this);\n _this.theme = '#003087';\n _this.state = {\n menuOpen: true,\n userInteraction: false,\n l1: [],\n l2: [],\n highlightSection: ''\n };\n return _this;\n }\n\n _createClass(SideNavigation, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('scroll', this.handleScroll);\n window.addEventListener('DSHeroTheme', this.handleHeroEvent);\n this.handleScroll();\n this.handleHighlight();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('scroll', this.handleScroll);\n window.addEventListener('DSHeroTheme', this.handleHeroEvent);\n }\n }, {\n key: 'handleHighlight',\n value: function handleHighlight() {\n var path = window.location.pathname;\n var pathArr = path.split('/');\n var categoryIndex = pathArr.indexOf('guidelines') + 1;\n var highlightSection = categoryIndex !== 0 ? pathArr[categoryIndex] : '';\n this.setState({\n highlightSection: highlightSection\n });\n }\n }, {\n key: 'handleHeroEvent',\n value: function handleHeroEvent(e) {\n if (e && e.theme) {\n this.theme = _themeColors2.default[e.theme];\n this.forceUpdate();\n }\n }\n }, {\n key: 'handleScroll',\n value: function handleScroll() {\n if (!this.state.userInteraction) {\n if (window.scrollY > 50) {\n this.setState({\n menuOpen: false\n });\n } else {\n this.setState({\n menuOpen: true\n });\n }\n }\n }\n }, {\n key: 'handleMenuClick',\n value: function handleMenuClick() {\n this.setState({\n menuOpen: !this.state.menuOpen,\n userInteraction: true\n });\n }\n }, {\n key: 'handleClick',\n value: function handleClick(e, index, level) {\n e.preventDefault();\n var activeSections = [].concat(_toConsumableArray(this.state[level]));\n if (this.props.config.accordion) {\n activeSections = activeSections[0] === index ? [] : [index];\n } else {\n var idx = activeSections.indexOf(index);\n if (idx > -1) {\n activeSections.splice(idx, 1);\n } else {\n activeSections.push(index);\n }\n }\n var obj = { userInteraction: true };\n obj[level] = activeSections;\n if (level === 'l1') {\n obj.l2 = [];\n }\n this.setState(obj);\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n content = _props.content,\n config = _props.config;\n var menu = content.menu,\n sections = content.sections;\n var position = config.position;\n\n\n var classes = (0, _classnames2.default)('side-navigation', {\n active: this.state.menuOpen\n }, position);\n /* Better performance if calculated once in componentDidMount? */\n var maxHeightOpened = 300 * (sections.length + 1);\n if (typeof window !== 'undefined') {\n if (maxHeightOpened > window.innerHeight) {\n maxHeightOpened = window.innerHeight - 36; // composate top padding of the nav\n }\n }\n return _react2.default.createElement(\n 'nav',\n {\n className: classes,\n style: { maxHeight: this.state.menuOpen ? maxHeightOpened : 60 },\n ref: function ref(c) {\n _this2.header = c;\n }\n },\n _react2.default.createElement(\n 'button',\n {\n className: ORGANISM_NAME + '__menu-btn pp-sans-small-medium',\n onClick: this.handleMenuClick,\n style: { borderColor: this.theme }\n },\n menu.text\n ),\n sections && _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__menu' },\n _react2.default.createElement(\n 'ul',\n { className: ORGANISM_NAME + '__sections' },\n sections.map(function (section, index) {\n var categories = section.categories;\n\n var sectionAnchor = _react2.default.createElement(\n 'a',\n { href: section.href },\n section.text\n );\n var isActive = _this2.state.l1.indexOf(index) > -1;\n var sectionKey = section.text + index;\n if (categories) {\n sectionAnchor = _react2.default.createElement(\n 'a',\n {\n href: section.href,\n className: ORGANISM_NAME + '__section-anchor ' + (isActive ? 'active' : ''),\n onClick: function onClick(e) {\n return _this2.handleClick(e, index, 'l1');\n }\n },\n section.text\n );\n }\n return _react2.default.createElement(\n 'li',\n { key: sectionKey, className: section.color + ' ' + (_this2.state.highlightSection === section.id ? 'highlight' : '') },\n sectionAnchor,\n categories && _react2.default.createElement(\n 'ul',\n { className: ORGANISM_NAME + '__categories ' + (isActive ? 'active' : '') },\n categories.map(function (category, index2) {\n var pages = category.pages;\n\n var categoryAnchor = _react2.default.createElement(\n 'a',\n { href: category.href },\n category.text\n );\n var isActive2 = _this2.state.l2.indexOf(index2) > -1;\n var categoryKey = category.text + index2;\n if (pages) {\n categoryAnchor = _react2.default.createElement(\n 'a',\n {\n href: category.href,\n className: ORGANISM_NAME + '__section-anchor ' + (isActive2 ? 'active' : ''),\n onClick: function onClick(e) {\n return _this2.handleClick(e, index2, 'l2');\n }\n },\n category.text\n );\n }\n return _react2.default.createElement(\n 'li',\n { key: categoryKey },\n categoryAnchor,\n pages && _react2.default.createElement(\n 'ul',\n { className: ORGANISM_NAME + '__pages ' + (isActive2 ? 'active' : '') },\n pages.map(function (page) {\n return _react2.default.createElement(\n 'li',\n { key: page.text },\n _react2.default.createElement(\n 'a',\n { href: page.href },\n page.text\n )\n );\n })\n )\n );\n })\n )\n );\n })\n )\n )\n );\n }\n }]);\n\n return SideNavigation;\n}(_react2.default.Component);\n\nexports.default = SideNavigation;\n\n\nSideNavigation.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n accordion: _propTypes2.default.bool\n }),\n content: _propTypes2.default.shape({})\n};\n\nSideNavigation.defaultProps = {\n config: {\n id: '',\n accordion: true,\n position: 'right'\n },\n content: {\n menu: {\n text: 'MENU'\n },\n sections: [{\n text: 'Introduction',\n href: '/webapps/mpp/guidelines',\n color: 'pay-blue'\n }, {\n text: 'Design',\n href: '#',\n color: 'purple',\n id: 'design',\n categories: [{\n text: 'Design system',\n href: '/webapps/mpp/guidelines/design'\n }, {\n text: 'Organism library',\n href: '#',\n pages: [{\n text: 'View all',\n href: '/webapps/mpp/guidelines/design/library'\n }, {\n text: 'Hero',\n href: '/webapps/mpp/guidelines/design/library#hero'\n }, {\n text: 'Compare',\n href: '/webapps/mpp/guidelines/design/library#compare'\n }, {\n text: 'CTAs and links',\n href: '/webapps/mpp/guidelines/design/library#ctalinks'\n }, {\n text: 'Featured merchants',\n href: '/webapps/mpp/guidelines/design/library#featuredmerchants'\n }, {\n text: 'Features and benefits',\n href: '/webapps/mpp/guidelines/design/library#featuresbenefits'\n }, {\n text: 'Fees and pricing',\n href: '/webapps/mpp/guidelines/design/library#feespricing'\n }, {\n text: 'Offers',\n href: '/webapps/mpp/guidelines/design/library#offers'\n }, {\n text: 'Page elements',\n href: '/webapps/mpp/guidelines/design/library#pageelements'\n }, {\n text: 'Social and testimonial',\n href: '/webapps/mpp/guidelines/design/library#socialtestimonial'\n }, {\n text: 'Steps',\n href: '/webapps/mpp/guidelines/design/library#steps'\n }, {\n text: 'Video',\n href: '/webapps/mpp/guidelines/design/library#video'\n }, {\n text: 'Footer',\n href: '/webapps/mpp/guidelines/design/library#footer'\n }]\n }, {\n text: 'Resources',\n href: '/webapps/mpp/guidelines/design/resources'\n }]\n }, {\n text: 'Build',\n href: '#',\n color: 'pink',\n id: 'build',\n categories: [{\n text: 'Production options',\n href: '/webapps/mpp/guidelines/build'\n }, {\n text: 'Canvas',\n href: '/webapps/mpp/guidelines/build/canvas'\n }, {\n text: 'Edit page information',\n href: '/webapps/mpp/guidelines/build/edit-page-information'\n }, {\n text: 'Image Optimization',\n href: '/webapps/mpp/guidelines/build/image-optimization'\n }]\n }, {\n text: 'Evolve',\n href: '/webapps/mpp/guidelines/evolve',\n color: 'orange',\n id: 'evolve'\n }, {\n text: 'Get help',\n href: '/webapps/mpp/guidelines/get-help',\n color: 'green',\n id: 'get-help'\n }]\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'steps';\n\nvar SimpleSteps = function (_React$Component) {\n _inherits(SimpleSteps, _React$Component);\n\n function SimpleSteps(props) {\n _classCallCheck(this, SimpleSteps);\n\n var _this = _possibleConstructorReturn(this, (SimpleSteps.__proto__ || Object.getPrototypeOf(SimpleSteps)).call(this, props));\n\n _this.renderHeadline = function (headline) {\n if (headline && headline.text) {\n return _react2.default.createElement(\n _heading2.default,\n { level: '2', className: ORGANISM_NAME + '__headline' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n };\n\n _this.renderParagraph = function (paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n };\n\n _this.renderHatchText = function (hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n };\n\n _this.renderStepsImage = function (idx, image) {\n var _this$props$config = _this.props.config,\n showImages = _this$props$config.showImages,\n showArrows = _this$props$config.showArrows;\n\n var renderArrows = function renderArrows() {\n if (showArrows && idx) {\n return _react2.default.createElement('span', { className: ORGANISM_NAME + '__arrow' });\n }\n return null;\n };\n\n if (image && image.src && showImages && _this.state.showImage) {\n return _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__image-wrapper' },\n renderArrows(idx),\n _react2.default.createElement('img', { alt: image.alt, src: image.src })\n );\n }\n return null;\n };\n\n _this.renderSteps = function (steps) {\n if (steps) {\n return steps.map(function (elem, idx) {\n var key = '' + elem.step.text + idx;\n return _react2.default.createElement(\n 'div',\n {\n key: key,\n className: 'col-md-4 col-sm-12 ' + ORGANISM_NAME + '__step ' + ORGANISM_NAME + '__step-' + idx\n },\n _this.renderStepsImage(idx, elem.image),\n _react2.default.createElement(\n 'span',\n { className: ORGANISM_NAME + '__circle' },\n _react2.default.createElement(\n 'strong',\n null,\n idx + 1\n )\n ),\n _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__text pp-sans-small-regular' },\n htmlToReactParser.parse(elem.step.text)\n )\n );\n });\n }\n return null;\n };\n\n _this.renderPrimaryCta = function (primaryCta) {\n if (primaryCta && primaryCta.text) {\n var buttonClass = ORGANISM_NAME + '__btn pypl-btn--blue';\n var targetValue = primaryCta.target || '_self';\n return _react2.default.createElement(\n 'div',\n { className: 'row steps__cta-container' },\n _react2.default.createElement(\n _button2.default,\n {\n href: primaryCta.href,\n id: primaryCta.id,\n className: buttonClass,\n fpti: 'StepsSmple-PrmryCTA-' + primaryCta.text,\n target: targetValue,\n tabindex: primaryCta.tabindex\n },\n primaryCta.text\n )\n );\n }\n return null;\n };\n\n _this.state = {\n showImage: false\n };\n return _this;\n }\n\n _createClass(SimpleSteps, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n (0, _intersectionService.IntersectionListener)([this.organismRef], this.enableImages.bind(this));\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImage: true\n });\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var headline = content.headline,\n paragraph = content.paragraph,\n hatchText = content.hatchText,\n steps = content.steps,\n primaryCta = content.primaryCta;\n\n\n var stepsClasses = (0, _classnames2.default)(ORGANISM_NAME, config.theme, className);\n\n return _react2.default.createElement(\n 'section',\n {\n className: stepsClasses,\n id: config.id ? config.id : null,\n 'data-building-block': 'organism',\n ref: function ref(c) {\n _this2.organismRef = c;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-10 center-block text-xs-center' },\n this.renderHeadline(headline)\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-10 center-block text-xs-center' },\n this.renderParagraph(paragraph)\n )\n ),\n headline && headline.text || paragraph && paragraph.text ? _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-12' },\n _react2.default.createElement('hr', null)\n )\n ) : null,\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__container row' },\n this.renderSteps(steps)\n ),\n this.renderPrimaryCta(primaryCta),\n this.renderHatchText(hatchText)\n )\n );\n }\n }]);\n\n return SimpleSteps;\n}(_react2.default.Component);\n\nexports.default = SimpleSteps;\n\n\nSimpleSteps.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light', 'theme-background-color-overlap-blue']).isRequired,\n showImages: _propTypes2.default.bool,\n showArrows: _propTypes2.default.bool\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n primaryCta: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n id: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n steps: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }),\n step: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n })).isRequired\n }),\n className: _propTypes2.default.string\n};\n\nSimpleSteps.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-white',\n showImages: true,\n showArrows: true\n },\n content: {\n headline: {\n text: '34 characters maximum'\n },\n paragraph: {\n text: '152 characters maximum per paragraph to not equal more than 5 lines of copy on ' + 'mobile devices.'\n },\n steps: [{\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step1.png',\n alt: 'step 1'\n },\n step: {\n text: '45 characters maximum per step'\n }\n }, {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step2.png',\n alt: 'step 2'\n },\n step: {\n text: '45 characters maximum per step'\n }\n }, {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step3.png',\n alt: 'step 3'\n },\n step: {\n text: '45 characters maximum per step'\n }\n }],\n hatchText: {\n text: '34 characters maximum per line'\n },\n primaryCta: {\n text: '29 characters maximum',\n href: '#',\n id: '',\n target: '_self'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _customHeader = require('../../custom-header');\n\nvar _customHeader2 = _interopRequireDefault(_customHeader);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MPPSocialInnovationHeader = function (_React$Component) {\n _inherits(MPPSocialInnovationHeader, _React$Component);\n\n function MPPSocialInnovationHeader() {\n _classCallCheck(this, MPPSocialInnovationHeader);\n\n return _possibleConstructorReturn(this, (MPPSocialInnovationHeader.__proto__ || Object.getPrototypeOf(MPPSocialInnovationHeader)).apply(this, arguments));\n }\n\n _createClass(MPPSocialInnovationHeader, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(_customHeader2.default, _extends({ className: 'pp-header--social-innovation' }, this.props));\n }\n }]);\n\n return MPPSocialInnovationHeader;\n}(_react2.default.Component);\n\nexports.default = MPPSocialInnovationHeader;\n\n\nMPPSocialInnovationHeader.defaultProps = {\n className: 'pp-header--social-innovation',\n config: {\n useMinimalHeader: false\n },\n content: {\n minimalHeader: {\n labelMenuButton: 'Menu',\n labelClose: 'Close',\n logo: {\n text: 'PayPal',\n href: '/webapp/mpp/social-innovation\"',\n subText: 'Social Innovation'\n }\n },\n mainMenuContent: [{\n type: 'linkOnly',\n text: 'Improving Financial Health',\n href: '/webapps/mpp/social-innovation/financial-health'\n }, {\n type: 'linkOnly',\n text: 'Powering Giving',\n href: '/webapps/mpp/social-innovation/powering-giving'\n }, {\n type: 'linkOnly',\n text: 'Strengthening Our Communities',\n href: '/webapps/mpp/social-innovation/strengthening-communities'\n }],\n sublistMobile: []\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Carousel = require('../../carousel/main/jsx/Carousel');\n\nvar _Carousel2 = _interopRequireDefault(_Carousel);\n\nvar _clone = require('../../../../utilities/clone');\n\nvar _clone2 = _interopRequireDefault(_clone);\n\nvar _SocialProofItem = require('./SocialProofItem');\n\nvar _SocialProofItem2 = _interopRequireDefault(_SocialProofItem);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ORGANISM_NAME = 'social-proof-carousel';\n\nvar SocialProof = function (_React$Component) {\n _inherits(SocialProof, _React$Component);\n\n function SocialProof(props) {\n _classCallCheck(this, SocialProof);\n\n var _this = _possibleConstructorReturn(this, (SocialProof.__proto__ || Object.getPrototypeOf(SocialProof)).call(this, props));\n\n _this.renderHeadline = function (headline) {\n if (headline && headline.text) {\n return _react2.default.createElement(\n 'div',\n { className: 'row text-xs-center' },\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-12' },\n _react2.default.createElement(\n _heading2.default,\n { level: 2, className: 'panels__headline' },\n headline.text\n )\n )\n );\n }\n\n return null;\n };\n\n _this.sectionElement = null;\n _this.state = {\n showImages: false\n };\n return _this;\n }\n\n _createClass(SocialProof, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'renderSlides',\n value: function renderSlides(slides) {\n var _this2 = this;\n\n if (slides) {\n return slides.map(function (slide, idx) {\n var itemProperties = {\n content: slide.content,\n config: (0, _clone2.default)(slide.config)\n };\n itemProperties.config.theme = _this2.props.config.theme;\n return _react2.default.createElement(_SocialProofItem2.default, _extends({\n className: ORGANISM_NAME + '__carousel__social-proof'\n }, itemProperties, {\n key: ORGANISM_NAME + '-' + idx,\n showImages: _this2.state.showImages\n }));\n });\n }\n return null;\n }\n }, {\n key: 'renderCarousel',\n value: function renderCarousel(slides) {\n var _props = this.props,\n config = _props.config,\n content = _props.content;\n var fpti = config.fpti;\n var carousel = content.carousel;\n\n var options = {\n startSlide: 0,\n speed: 400,\n className: ORGANISM_NAME,\n continuous: false\n };\n return _react2.default.createElement(\n 'div',\n {\n key: slides.length,\n className: ORGANISM_NAME + '__wrapper'\n },\n _react2.default.createElement(\n _Carousel2.default,\n {\n className: (0, _classnames2.default)(ORGANISM_NAME + '__carousel', _defineProperty({}, ORGANISM_NAME + '--use-image', slides.some(function (slide) {\n return slide.config.type === 'image';\n }))),\n trackId: fpti || 'SocPrf-Carousel',\n options: options,\n content: carousel\n },\n this.renderSlides(slides, this.props)\n )\n );\n }\n }, {\n key: 'render',\n value: function render() {\n var _this3 = this;\n\n var _props2 = this.props,\n config = _props2.config,\n content = _props2.content,\n className = _props2.className;\n var id = config.id,\n theme = config.theme;\n var slides = content.slides,\n headline = content.headline;\n\n // Only return the single organism if only one slide is provided\n\n if (slides && slides.length === 1) {\n var itemProperties = {\n content: slides[0].content,\n config: (0, _clone2.default)(slides[0].config)\n };\n itemProperties.config.theme = theme;\n return _react2.default.createElement(_SocialProofItem2.default, itemProperties);\n }\n\n var socialProofClasses = (0, _classnames2.default)(ORGANISM_NAME, className, theme);\n return _react2.default.createElement(\n 'section',\n {\n id: id,\n className: socialProofClasses,\n 'data-building-block': 'organism',\n ref: function ref(el) {\n _this3.sectionElement = el;\n }\n },\n this.renderHeadline(headline),\n this.renderCarousel(slides)\n );\n }\n }]);\n\n return SocialProof;\n}(_react2.default.Component);\n\nexports.default = SocialProof;\n\n\nSocialProof.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-blue', 'theme-background-color-white', 'theme-background-color-light']).isRequired,\n fpti: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n carousel: _propTypes2.default.shape({\n goToSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToNextSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToPreviousSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n slides: _propTypes2.default.arrayOf(_propTypes2.default.shape(_SocialProofItem2.default.propTypes)).isRequired\n }),\n className: _propTypes2.default.string\n};\n\nSocialProof.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-white',\n fpti: 'SocPrf-Carousel'\n },\n content: {\n carousel: {\n goToSlide: {\n text: 'Go to slide'\n },\n goToNextSlide: {\n text: 'Go to next slide'\n },\n goToPreviousSlide: {\n text: 'Go to previous slide'\n }\n },\n slides: [_SocialProofItem2.default.defaultProps, _SocialProofItem2.default.defaultProps]\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar contentClasses = {\n noImage: 'col-lg-offset-2 col-lg-8',\n useImage: 'social-proof__column text-lg-left col-lg-offset-0',\n defaultClasses: ' social-proof__quote-container col-lg-7 text-xs-center col-xs-10 col-xs-offset-1'\n};\nvar getContentClasses = function getContentClasses(useImage) {\n return (useImage ? contentClasses.useImage : contentClasses.noImage) + contentClasses.defaultClasses;\n};\n\nvar renderBackgroundImage = function renderBackgroundImage(backgroundImage) {\n if (backgroundImage && backgroundImage.url) {\n return _react2.default.createElement(\n 'div',\n {\n className: 'social-proof__column social-proof__image-container col-lg-3 col-lg-offset-1 col-xs-12'\n },\n _react2.default.createElement('div', {\n className: 'social-proof__square-container',\n style: { backgroundImage: 'url(' + backgroundImage.url + ')' }\n })\n );\n }\n return null;\n};\nvar renderQuoteText = function renderQuoteText(quote) {\n if (quote) {\n return _react2.default.createElement(\n _heading2.default,\n { level: '2', className: 'h3' },\n _react2.default.createElement(\n 'blockquote',\n { className: 'social-proof__quote' },\n htmlToReactParser.parse(quote.text)\n )\n );\n }\n return null;\n};\n\nvar renderReference = function renderReference(citation, type) {\n if (citation) {\n var referenceClassnames = (0, _classnames2.default)('social-proof__reference pp-sans-small-medium', {\n 'social-proof__reference--social social-proof__reference--facebook': type === 'facebook',\n 'social-proof__reference--social social-proof__reference--twitter': type === 'twitter'\n });\n return _react2.default.createElement(\n 'p',\n { className: referenceClassnames },\n htmlToReactParser.parse(citation.text)\n );\n }\n return null;\n};\n\nvar SocialProofItem = function SocialProofItem(props) {\n var content = props.content,\n config = props.config,\n className = props.className,\n showImages = props.showImages;\n var quote = content.quote,\n citation = content.citation,\n backgroundImage = content.backgroundImage;\n var id = config.id,\n theme = config.theme,\n type = config.type;\n\n\n var socialProofClasses = (0, _classnames2.default)('social-proof', theme, className);\n var shouldUseImage = type === 'image' && backgroundImage;\n var contentClassname = getContentClasses(shouldUseImage);\n\n return _react2.default.createElement(\n 'section',\n { className: socialProofClasses, id: id, 'data-building-block': 'organism' },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n showImages && shouldUseImage && renderBackgroundImage(backgroundImage),\n _react2.default.createElement(\n 'div',\n { className: contentClassname },\n renderQuoteText(quote),\n renderReference(citation, type)\n )\n )\n )\n );\n};\n\nexports.default = SocialProofItem;\n\n/* Default content */\n\nSocialProofItem.propTypes = {\n config: _propTypes2.default.shape({\n theme: _propTypes2.default.oneOf(['theme-background-color-blue', 'theme-background-color-light', 'theme-background-color-white']).isRequired,\n type: _propTypes2.default.oneOf(['image', 'no-image', 'facebook', 'twitter']).isRequired,\n id: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired\n }),\n quote: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n socialProofReference: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string,\n showImages: _propTypes2.default.bool\n};\n\nSocialProofItem.defaultProps = {\n config: {\n theme: 'theme-background-color-white',\n type: 'image',\n id: ''\n },\n content: {\n backgroundImage: {\n url: 'https://www.paypalobjects.com/digitalassets/c/website/icons/social/social-image-vertical.jpg'\n },\n quote: {\n text: '“125 characters maximum with #Hashtags linked and tracked with the' + ' associated data-pa-click parameters within anchor tags.”'\n },\n citation: {\n text: ' 57 characters maximum or 2 lines on mobile'\n }\n },\n className: '',\n showImages: true\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _themeManager2 = require('../../../../utilities/themeManager');\n\nvar _themeManager3 = _interopRequireDefault(_themeManager2);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'social-share';\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline && headline.text) {\n return _react2.default.createElement(\n _heading2.default,\n { level: '2', className: ORGANISM_NAME + '__headline' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderParagraph = function renderParagraph(paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n {\n className: ORGANISM_NAME + '__paragraph col-xs-12 col-md-10 center-block'\n },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__hatch-text text-xs-center' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar SocialShare = function (_React$Component) {\n _inherits(SocialShare, _React$Component);\n\n function SocialShare(props) {\n _classCallCheck(this, SocialShare);\n\n var _this = _possibleConstructorReturn(this, (SocialShare.__proto__ || Object.getPrototypeOf(SocialShare)).call(this, props));\n\n _this.renderSocialIcons = function (socialIcons) {\n if (socialIcons && socialIcons.length) {\n var renderedSocialIcons = socialIcons.map(function (icon, index) {\n var iconImage = _this.state.showImages && _react2.default.createElement('img', {\n src: icon.logo.src,\n alt: icon.logo.alt,\n className: ORGANISM_NAME + '__icon-image'\n });\n return _react2.default.createElement(\n 'a',\n {\n href: icon.logo.href,\n key: index,\n rel: 'noopener noreferrer',\n target: icon.logo.target,\n 'aria-label': icon.logo.alt,\n className: ORGANISM_NAME + '__icon-link',\n 'data-pa-click': ORGANISM_NAME + '-Icon' + index + '-' + (icon.logo.alt || 'alt')\n },\n iconImage\n );\n });\n return _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__icons' },\n renderedSocialIcons\n );\n }\n return null;\n };\n\n _this.state = {\n showImages: false\n };\n return _this;\n }\n\n _createClass(SocialShare, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n config = _props.config,\n className = _props.className;\n var id = config.id,\n theme = config.theme;\n\n var _themeManager = (0, _themeManager3.default)({ content: this.props.content }, theme),\n content = _themeManager.content;\n\n var headline = content.headline,\n paragraph = content.paragraph,\n socialIcons = content.socialIcons,\n hatchText = content.hatchText;\n\n\n var sectionClasses = (0, _classnames2.default)(ORGANISM_NAME, 'text-xs-center', className, theme);\n\n return _react2.default.createElement(\n 'section',\n {\n id: id,\n className: sectionClasses,\n ref: function ref(el) {\n _this2.sectionElement = el;\n },\n 'data-building-block': 'organism'\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-10 col-md-offset-1' },\n renderHeadline(headline),\n renderParagraph(paragraph),\n this.renderSocialIcons(socialIcons),\n renderHatchText(hatchText)\n )\n )\n )\n );\n }\n }]);\n\n return SocialShare;\n}(_react2.default.Component);\n\nexports.default = SocialShare;\n\n\nSocialShare.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-light', 'theme-background-color-white', 'theme-background-color-blue', 'theme-background-color-dark'])\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string\n }),\n socialIcons: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n logo: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }).isRequired\n })).isRequired,\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string\n })\n }),\n className: _propTypes2.default.string\n};\n\nSocialShare.defaultProps = {\n config: {\n theme: 'theme-background-color-light'\n },\n content: {\n headline: {\n text: '35 characters maximum'\n },\n paragraph: {\n text: '110 characters maximjm of text or words which equal ' + 'no more than 4 lines of copy on mobile devices.'\n },\n socialIcons: [{\n logo: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/merchant-business-small-main/1_linkedin.png',\n alt: 'LinkedIn',\n href: '#',\n target: '_blank'\n }\n }, {\n logo: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/merchant-business-small-main/2_twitter.png',\n alt: 'Twitter',\n href: '#',\n target: '_blank'\n }\n }, {\n logo: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/merchant-business-small-main/3_facebook.png',\n alt: 'Facebook',\n href: '#',\n target: '_blank'\n }\n }, {\n logo: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/merchant-business-small-main/4_Youtube.jpg',\n alt: 'YouTube',\n href: '#',\n target: '_blank'\n }\n }],\n hatchText: {\n text: '34 characters maximum per line'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _themeManager = require('../../../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _default = require('../props/default');\n\nvar _default2 = _interopRequireDefault(_default);\n\nvar _DeviceHero2 = require('../../device-hero/jsx/DeviceHero');\n\nvar _DeviceHero3 = _interopRequireDefault(_DeviceHero2);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'split-banner-hero';\n\nvar renderSubHeadline = function renderSubHeadline(subHeadline) {\n if (subHeadline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: 3, className: ORGANISM_NAME + '__sub_headline h3' },\n htmlToReactParser.parse(subHeadline.text)\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n var classes = (0, _classnames2.default)('pp-sans-small-regular', ORGANISM_NAME + '__hatch-text');\n\n return _react2.default.createElement(\n 'p',\n { className: classes },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar SplitBannerHero = function (_DeviceHero) {\n _inherits(SplitBannerHero, _DeviceHero);\n\n function SplitBannerHero() {\n _classCallCheck(this, SplitBannerHero);\n\n return _possibleConstructorReturn(this, (SplitBannerHero.__proto__ || Object.getPrototypeOf(SplitBannerHero)).apply(this, arguments));\n }\n\n _createClass(SplitBannerHero, [{\n key: 'render',\n value: function render() {\n var _cx,\n _cx2,\n _this2 = this;\n\n var theme = this.props.config.theme || 'theme-background-image-dark';\n var newProps = (0, _themeManager2.default)(this.props, theme);\n var content = newProps.content,\n config = newProps.config,\n className = newProps.className;\n var headline = content.headline,\n paragraph = content.paragraph,\n primaryCta = content.primaryCta,\n subHeadline = content.subHeadline,\n hatchText = content.hatchText;\n\n\n var sectionClasses = (0, _classnames2.default)(ORGANISM_NAME + '-organism', className);\n var heroClasses = (0, _classnames2.default)('' + ORGANISM_NAME, className, theme);\n\n var backgroundImage = config.backgroundImage && (config.backgroundImage[this.state.viewport] || config.backgroundImage.url);\n\n var productImage = config.productImage && config.productImage.url;\n var logoPicture = config.logoImage && config.logoImage.url;\n\n var productImageWrapperClass = 'col-md-6 col-xl-5';\n\n var productImageClass = (0, _classnames2.default)((_cx = {}, _defineProperty(_cx, ORGANISM_NAME + '__product-image--large--right', config.productImageSize === 'large' && config.textAlign === 'left'), _defineProperty(_cx, ORGANISM_NAME + '__product-image--large', config.productImageSize === 'large'), _defineProperty(_cx, ORGANISM_NAME + '__product-image--small', config.productImageSize === 'small'), _cx));\n\n var containerClass = (0, _classnames2.default)((_cx2 = {}, _defineProperty(_cx2, 'container ' + ORGANISM_NAME + '__container--large-padding--right', config.productImageSize === 'large' && config.textAlign === 'left'), _defineProperty(_cx2, 'container ' + ORGANISM_NAME + '__container--large-padding', config.productImageSize === 'large'), _defineProperty(_cx2, 'container ' + ORGANISM_NAME + '__container--small-padding--right', config.productImageSize === 'small' && config.textAlign === 'left'), _defineProperty(_cx2, 'container ' + ORGANISM_NAME + '__container--small-padding', config.productImageSize === 'small' && config.textAlign === 'right'), _cx2));\n\n var contentClass = ORGANISM_NAME + '__container col-md-6 col-xl-7';\n\n var flexItemClass = ORGANISM_NAME + '__container__content-flex-item';\n\n var backgroundPosition = config.backgroundImage && config.backgroundPosition;\n\n var backgroundImageStyle = backgroundImage ? {\n backgroundImage: 'url(' + backgroundImage + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n\n var productImageStyle = {\n backgroundImage: 'url(' + productImage + ')'\n };\n var logoImageStyle = { backgroundImage: 'url(' + logoPicture + ')' };\n\n var isCentered = false;\n\n return _react2.default.createElement(\n 'section',\n {\n ref: function ref(c) {\n _this2.organismRef = c;\n },\n id: config.id ? config.id : null,\n 'data-building-block': 'organism',\n className: sectionClasses\n },\n _react2.default.createElement(\n 'div',\n { className: heroClasses, style: backgroundImageStyle },\n _react2.default.createElement(\n 'div',\n { className: containerClass },\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'div',\n { className: productImageWrapperClass },\n _react2.default.createElement('div', { className: productImageClass, style: productImageStyle })\n ),\n _react2.default.createElement(\n 'div',\n { className: contentClass },\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__container__content-flex-wrapper' },\n _react2.default.createElement(\n 'div',\n { className: flexItemClass },\n this.renderHeadline(headline),\n renderSubHeadline(subHeadline),\n this.renderParagraph(paragraph),\n this.renderCta(primaryCta, isCentered),\n renderHatchText(hatchText)\n )\n )\n )\n )\n )\n ),\n _react2.default.createElement('div', { className: ORGANISM_NAME + '-logo', style: logoImageStyle })\n );\n }\n }]);\n\n return SplitBannerHero;\n}(_DeviceHero3.default);\n\nexports.default = SplitBannerHero;\n\n\nSplitBannerHero.propTypes = {\n className: _propTypes2.default.string,\n clientInfo: _propTypes2.default.shape({\n client_os_type: _propTypes2.default.string,\n client_is_mobile: _propTypes2.default.bool,\n client_type: _propTypes2.default.string\n }),\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired,\n portable: _propTypes2.default.string.isRequired,\n mobile: _propTypes2.default.string.isRequired\n }),\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-dark', 'theme-background-image-dark', 'theme-background-image-light', 'theme-new-money']),\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right']),\n textAlign: _propTypes2.default.oneOf(['left', 'right']).isRequired,\n productImageSize: _propTypes2.default.oneOf(['small', 'large']),\n productImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired\n }).isRequired,\n logoImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired\n }).isRequired\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n subHeadline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n primaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n secondaryCta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string.isRequired,\n text: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n legalText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n })\n};\n\nSplitBannerHero.defaultProps = _default2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = {\n config: {\n id: '',\n theme: 'theme-background-image-dark',\n backgroundImage: {\n url: 'https://www.paypalobjects.com/marketing/web/shared/canvas/split-screen-hero/yellow-gradient.png',\n portable: '',\n mobile: ''\n },\n backgroundPosition: 'center',\n textAlign: 'left',\n productImage: {\n url: 'https://www.paypalobjects.com/marketing/web/shared/canvas/split-screen-hero/splitbanner_product.png'\n },\n productImageSize: 'large',\n logoImage: {\n url: 'https://www.paypalobjects.com/marketing/web/shared/canvas/split-screen-hero/split_banner_logo.png'\n }\n },\n content: {\n headline: {\n text: '36 characters (2 lines) maximum.'\n },\n subHeadline: {\n text: '36 characters (2 lines) maximum.'\n },\n paragraph: {\n text: 'paragraph - 140 characters maximum'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '18 characters maximum',\n target: '_self'\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _MPPHeading = require('../../../atoms/heading/jsx/MPPHeading');\n\nvar _MPPHeading2 = _interopRequireDefault(_MPPHeading);\n\nvar _appBadges = require('../../../atoms/app-badges');\n\nvar _appBadges2 = _interopRequireDefault(_appBadges);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\nvar ORGANISM_NAME = 'statement';\n\nvar Statement = function (_React$Component) {\n _inherits(Statement, _React$Component);\n\n function Statement() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, Statement);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Statement.__proto__ || Object.getPrototypeOf(Statement)).call.apply(_ref, [this].concat(args))), _this), _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n _MPPHeading2.default,\n { level: headline.level ? headline.level : \"2\", className: headline.add_class ? ORGANISM_NAME + '__headline ' + headline.add_class : ORGANISM_NAME + '__headline' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n }, _this.renderParagraph = function (paragraph) {\n if (paragraph && paragraph.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph pp-sans-big-light' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(Statement, [{\n key: 'renderBadge',\n value: function renderBadge(clientInfo) {\n var appBadgeContent = {\n clientInfo: clientInfo,\n ios: this.props.content.ios,\n android: this.props.content.android\n };\n var classes = ORGANISM_NAME + '__app-badge-wrapper--center';\n if (clientInfo && (this.props.content.ios || this.props.content.android)) {\n return _react2.default.createElement(\n 'div',\n { className: classes },\n _react2.default.createElement(_appBadges2.default, appBadgeContent)\n );\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className,\n clientInfo = _props.clientInfo;\n var headline = content.headline,\n paragraph = content.paragraph;\n\n var statementClasses = (0, _classnames2.default)(ORGANISM_NAME, 'text-xs-center', className, config.theme);\n return _react2.default.createElement(\n 'section',\n { id: config.id, className: statementClasses, 'data-building-block': 'organism' },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-10 col-md-offset-1' },\n this.renderHeadline(headline),\n this.renderParagraph(paragraph),\n this.renderBadge(clientInfo)\n )\n )\n )\n );\n }\n }]);\n\n return Statement;\n}(_react2.default.Component);\n\nexports.default = Statement;\n\nStatement.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light', 'theme-background-color-blue']).isRequired\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n ios: _propTypes2.default.shape({\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n android: _propTypes2.default.shape({\n store: _propTypes2.default.oneOf(['google', 'android-store']),\n href: _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n })\n }),\n className: _propTypes2.default.string,\n clientInfo: _propTypes2.default.shape({\n client_os_type: _propTypes2.default.string,\n client_is_mobile: _propTypes2.default.bool,\n client_type: _propTypes2.default.string\n })\n};\nStatement.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-blue'\n },\n content: {\n headline: {\n text: '34 characters maximum'\n },\n paragraph: {\n text: '190 characters maximum to not equal more than 5 lines in the mobile view.'\n },\n ios: {\n href: 'https://app.adjust.com/vlx5gy',\n fpti: 'statement'\n },\n android: {\n store: 'google',\n href: 'https://app.adjust.com/vxullh',\n fpti: 'statement'\n }\n },\n className: '',\n clientInfo: {\n client_os_type: 'ios',\n client_is_mobile: true,\n client_type: 'dedicated'\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _accordion = require('../../accordion');\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _breakpoints = require('../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'steps-accordion';\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-10 center-block text-xs-center' },\n _react2.default.createElement(\n _heading2.default,\n { level: '2', className: ORGANISM_NAME + '__headline' },\n htmlToReactParser.parse(headline.text)\n )\n )\n );\n }\n return null;\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__hatch-text' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\n\nvar renderPrimaryCta = function renderPrimaryCta(primaryCta) {\n if (primaryCta && primaryCta.text) {\n var buttonClass = ORGANISM_NAME + '__btn';\n var targetValue = primaryCta.target || '_self';\n return _react2.default.createElement(\n _button2.default,\n {\n href: primaryCta.href,\n id: primaryCta.id,\n className: buttonClass,\n fpti: 'StepsAccrdn-PrmryCTA-' + primaryCta.text,\n target: targetValue\n },\n primaryCta.text\n );\n }\n return null;\n};\n\nvar renderHr = function renderHr(show) {\n if (show) {\n return _react2.default.createElement(\n 'div',\n { className: 'row ' + ORGANISM_NAME + '__hr' },\n _react2.default.createElement(\n 'div',\n { className: 'col-md-12' },\n _react2.default.createElement('hr', null)\n )\n );\n }\n return null;\n};\n\nvar renderStepsHeadline = function renderStepsHeadline(headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { level: '4', className: ORGANISM_NAME + '__head pp-sans-small-regular' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar renderStepAccordion = function renderStepAccordion(steps, stepsAccId) {\n if (steps) {\n return steps.map(function (elem, idx) {\n return _react2.default.createElement(\n _accordion.AccordionItem,\n { key: idx },\n _react2.default.createElement(\n _accordion.AccordionHeader,\n { idx: idx, idxPrefix: stepsAccId, className: ORGANISM_NAME + '__accordion__header' },\n _react2.default.createElement(\n 'span',\n { className: ORGANISM_NAME + '__circle pp-sans-big-medium' },\n idx + 1\n ),\n renderStepsHeadline(elem.headline)\n ),\n _react2.default.createElement(\n _accordion.AccordionContent,\n { idx: idx, idxPrefix: stepsAccId },\n _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__text pp-sans-small-regular' },\n htmlToReactParser.parse(elem.paragraph.text)\n )\n )\n );\n });\n }\n return null;\n};\n\nvar renderBelowSteps = function renderBelowSteps(primaryCta, hatchText) {\n if (primaryCta || hatchText) {\n return _react2.default.createElement(\n 'div',\n { className: 'row ' + ORGANISM_NAME + '__cta-container' },\n renderPrimaryCta(primaryCta),\n renderHatchText(hatchText)\n );\n }\n return null;\n};\n\nvar StepsAccordion = function (_React$Component) {\n _inherits(StepsAccordion, _React$Component);\n\n function StepsAccordion(props) {\n _classCallCheck(this, StepsAccordion);\n\n var _this = _possibleConstructorReturn(this, (StepsAccordion.__proto__ || Object.getPrototypeOf(StepsAccordion)).call(this, props));\n\n _this.state = {\n isMobile: false,\n showImages: false\n };\n\n _this.handleResize = _this.handleResize.bind(_this);\n _this.handleOpenItem = _this.handleOpenItem.bind(_this);\n // adding references in case this component is extended\n _this.renderHeadline = renderHeadline;\n _this.renderHatchText = renderHatchText;\n _this.renderPrimaryCta = renderPrimaryCta;\n _this.renderHr = renderHr;\n _this.renderStepsHeadline = renderStepsHeadline;\n _this.renderStepAccordion = renderStepAccordion;\n _this.renderBelowSteps = renderBelowSteps;\n return _this;\n }\n\n _createClass(StepsAccordion, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n (0, _intersectionService.IntersectionListener)([this.sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'handleResize',\n value: function handleResize(e) {\n // TODO: Explore different solution to trigger resize\n // inside an iFrame; We don't need this event\n // param; it's only for page-builder\n var newWindowWidth = e && e.iFrameWidth || window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n if (newWindowWidth < _breakpoints2.default.medium) {\n if (!this.state.isMobile) {\n this.setState({\n isMobile: true\n });\n }\n } else if (this.state.isMobile) {\n this.setState({\n isMobile: false\n });\n }\n }\n }, {\n key: 'handleOpenItem',\n value: function handleOpenItem(items) {\n if (this.props.onOpenItem) {\n this.props.onOpenItem(items);\n }\n\n this.forceUpdate();\n }\n }, {\n key: 'renderStepsImage',\n value: function renderStepsImage(idx, image) {\n var _props$config = this.props.config,\n showImages = _props$config.showImages,\n showArrows = _props$config.showArrows;\n\n\n var renderArrows = function renderArrows() {\n if (showArrows && idx) {\n return _react2.default.createElement('span', { className: ORGANISM_NAME + '__arrow' });\n }\n return null;\n };\n\n if (this.state.showImages && image && showImages && !this.state.isMobile) {\n return _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__image-wrapper' },\n renderArrows(idx),\n _react2.default.createElement('img', { alt: image.alt, src: image.src })\n );\n }\n return null;\n }\n }, {\n key: 'renderSteps',\n value: function renderSteps(steps, stepsAccId) {\n var _this2 = this;\n\n if (steps) {\n // show accordion on mobile\n if (this.state.isMobile) {\n return _react2.default.createElement(\n _accordion.Accordion,\n { openItems: 0, onItemOpen: this.handleOpenItem },\n renderStepAccordion(steps, stepsAccId)\n );\n }\n return steps.map(function (elem, idx) {\n return _react2.default.createElement(\n 'div',\n {\n key: idx,\n className: 'col-md-4 col-sm-12 ' + ORGANISM_NAME + '__step ' + ORGANISM_NAME + '__step-' + idx\n },\n _this2.renderStepsImage(idx, elem.image),\n _react2.default.createElement(\n 'span',\n { className: ORGANISM_NAME + '__circle' },\n idx + 1\n ),\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__content' },\n renderStepsHeadline(elem.headline),\n _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__text' },\n htmlToReactParser.parse(elem.paragraph.text)\n )\n )\n );\n });\n }\n\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this3 = this;\n\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className;\n var headline = content.headline,\n hatchText = content.hatchText,\n steps = content.steps,\n primaryCta = content.primaryCta;\n\n\n var showImagesMod = _defineProperty({}, ORGANISM_NAME + '--show-images', config.showImages);\n\n var stepsClasses = (0, _classnames2.default)(ORGANISM_NAME, showImagesMod, config.theme, className);\n\n return _react2.default.createElement(\n 'section',\n {\n className: stepsClasses,\n id: config.id ? config.id : null,\n 'data-building-block': 'organism',\n ref: function ref(el) {\n _this3.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n renderHeadline(headline),\n renderHr(!config.showImages && headline && !this.state.isMobile),\n _react2.default.createElement(\n 'div',\n { className: 'row ' + ORGANISM_NAME + '__container' },\n this.renderSteps(steps, config.id)\n ),\n renderBelowSteps(primaryCta, hatchText)\n )\n );\n }\n }]);\n\n return StepsAccordion;\n}(_react2.default.Component);\n\nexports.default = StepsAccordion;\n\n\nStepsAccordion.propTypes = {\n onOpenItem: _propTypes2.default.func,\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light']).isRequired,\n showImages: _propTypes2.default.bool,\n showArrows: _propTypes2.default.bool\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n steps: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n })).isRequired,\n primaryCta: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n id: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n className: _propTypes2.default.string\n};\n\nStepsAccordion.defaultProps = {\n onOpenItem: function onOpenItem() {},\n config: {\n id: '',\n theme: 'theme-background-color-white',\n showImages: true,\n showArrows: true\n },\n content: {\n headline: {\n text: '34 characters maximum.'\n },\n steps: [{\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step1.png',\n alt: 'step 1'\n },\n headline: {\n text: '30 characters maximum'\n },\n paragraph: {\n text: 'Fewer than 130 characters for paragraph text which ' + 'should equal less than 4 lines of text, sentence case, normal punctuation.'\n }\n }, {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step1.png',\n alt: 'step 2'\n },\n headline: {\n text: '30 characters maximum'\n },\n paragraph: {\n text: 'Fewer than 130 characters for paragraph text which ' + 'should equal less than 4 lines of text, sentence case, normal punctuation.'\n }\n }, {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step1.png',\n alt: 'step 3'\n },\n headline: {\n text: '30 characters maximum'\n },\n paragraph: {\n text: 'Fewer than 130 characters for paragraph text which ' + 'should equal less than 4 lines of text, sentence case, normal punctuation.'\n }\n }],\n primaryCta: {\n text: '29 characters maximum',\n href: '#',\n id: '',\n target: '_self'\n },\n hatchText: {\n text: '110 characters maximum for an optional Hatch Text ' + 'which appears below panels and can contain links.'\n }\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _themeManager = require('../../../../utilities/themeManager');\n\nvar _themeManager2 = _interopRequireDefault(_themeManager);\n\nvar _breakpoints = require('../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nvar _Carousel = require('../../carousel/main/jsx/Carousel');\n\nvar _Carousel2 = _interopRequireDefault(_Carousel);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'step-flow';\nvar AUTOPLAY_TIMER = 6000;\n\nvar StepsFlow = function (_Component) {\n _inherits(StepsFlow, _Component);\n\n function StepsFlow() {\n _classCallCheck(this, StepsFlow);\n\n var _this = _possibleConstructorReturn(this, (StepsFlow.__proto__ || Object.getPrototypeOf(StepsFlow)).call(this));\n\n _this.renderHeadline = function (headline) {\n if (headline) {\n return _react2.default.createElement(\n _heading2.default,\n { className: ORGANISM_NAME + '__headline', level: '2' },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n };\n\n _this.renderCTA = function (cta) {\n if (cta) {\n return _react2.default.createElement(\n _button2.default,\n {\n id: cta.id,\n href: cta.href,\n color: cta.color || null,\n className: ORGANISM_NAME + '__cta',\n fpti: 'Stepsflow-cta-' + (cta.fpti || cta.text),\n target: cta.target || '_self'\n },\n cta.text\n );\n }\n return null;\n };\n\n _this.renderParagraph = function (paragraph) {\n if (paragraph) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__paragraph pp-sans-big-light' },\n htmlToReactParser.parse(paragraph.text)\n );\n }\n return null;\n };\n\n _this.renderHatchContent = function (hatchText) {\n if (hatchText) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__hatch-text legal-notes' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n };\n\n _this.handleClick = _this.handleClick.bind(_this);\n _this.handleMouseEnter = _this.handleMouseEnter.bind(_this);\n _this.handleMouseLeave = _this.handleMouseLeave.bind(_this);\n _this.handleResize = _this.handleResize.bind(_this);\n _this.handleAutoPlay = _this.handleAutoPlay.bind(_this);\n _this.state = {\n selectedStep: 0,\n hoverStep: undefined,\n isMobile: false,\n autoPlay: true\n };\n return _this;\n }\n\n _createClass(StepsFlow, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n this.handleAutoPlay();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: 'getCircleClass',\n value: function getCircleClass(idx) {\n var _cx;\n\n return (0, _classnames2.default)(ORGANISM_NAME + '__circle-col__wrapper__button__circle', (_cx = {}, _defineProperty(_cx, ORGANISM_NAME + '__circle-col__wrapper__button__circle--hover', parseInt(this.state.hoverStep, 10) === idx), _defineProperty(_cx, ORGANISM_NAME + '__circle-col__wrapper__button__circle--active', parseInt(this.state.selectedStep, 10) === idx), _cx));\n }\n }, {\n key: 'getParagraphClass',\n value: function getParagraphClass(idx) {\n return (0, _classnames2.default)(ORGANISM_NAME + '__circle-col__wrapper__button__content pp-sans-big-light', _defineProperty({}, ORGANISM_NAME + '__circle-col__wrapper__button__content--active pp-sans-small-medium', !this.state.isMobile && parseInt(this.state.selectedStep, 10) === idx));\n }\n }, {\n key: 'getImageClass',\n value: function getImageClass(idx) {\n return (0, _classnames2.default)(ORGANISM_NAME + '__image-container__image', _defineProperty({}, ORGANISM_NAME + '__image-container__image--invisible', !(parseInt(this.state.selectedStep, 10) === idx)));\n }\n }, {\n key: 'handleClick',\n value: function handleClick(event) {\n this.setState({\n selectedStep: parseInt(event.currentTarget.getAttribute('data-key'), 10)\n });\n }\n }, {\n key: 'handleMouseEnter',\n value: function handleMouseEnter(event) {\n this.setState({\n hoverStep: parseInt(event.currentTarget.getAttribute('data-key'), 10)\n });\n }\n }, {\n key: 'handleMouseLeave',\n value: function handleMouseLeave() {\n this.setState({\n hoverStep: undefined\n });\n }\n }, {\n key: 'handleAutoPlay',\n value: function handleAutoPlay() {\n var _this2 = this;\n\n window.setInterval(function () {\n if (!_this2.state.isMobile && _this2.state.autoPlay) {\n _this2.setState({\n selectedStep: _this2.state.selectedStep + 1 >= _this2.props.content.steps.length ? 0 : _this2.state.selectedStep + 1\n });\n }\n }, AUTOPLAY_TIMER);\n }\n }, {\n key: 'handleResize',\n value: function handleResize() {\n var newWindowWidth = Math.min(this.organismRef.ownerDocument.defaultView.innerWidth, this.organismRef.ownerDocument.documentElement.clientWidth, this.organismRef.ownerDocument.body.clientWidth);\n\n if (newWindowWidth >= _breakpoints2.default.large) {\n if (this.state.isMobile) {\n this.setState({\n isMobile: false\n });\n }\n } else if (!this.state.isMobile) {\n this.setState({\n isMobile: true\n });\n }\n }\n }, {\n key: 'renderByViewPort',\n value: function renderByViewPort(steps, primaryCta, hatchText) {\n if (this.state.isMobile) {\n return this.renderCarousel(steps, primaryCta, hatchText);\n }\n return this.renderSteps(steps, primaryCta, hatchText);\n }\n }, {\n key: 'renderContent',\n value: function renderContent(steps) {\n var _this3 = this;\n\n return steps.map(function (elem, idx) {\n var elemKey = '' + elem.paragraph.text + idx;\n return _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__body', key: elemKey },\n _react2.default.createElement(\n 'div',\n {\n className: ORGANISM_NAME + '__circle-col',\n onClick: _this3.handleClick,\n onMouseEnter: _this3.handleMouseEnter,\n onMouseLeave: _this3.handleMouseLeave,\n 'data-key': idx,\n tabIndex: '-1',\n role: 'none',\n onKeyUp: function onKeyUp() {}\n },\n _this3.state.isMobile ? _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__circle-col__wrapper' },\n _react2.default.createElement(\n 'span',\n { className: _this3.getCircleClass(idx) },\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__circle-col__wrapper__button__circle__text' },\n idx + 1\n )\n ),\n _react2.default.createElement(\n 'p',\n { className: _this3.getParagraphClass(idx) },\n htmlToReactParser.parse(elem.paragraph.text)\n )\n ) : _react2.default.createElement(\n 'button',\n { className: ORGANISM_NAME + '__circle-col__wrapper__button' },\n _react2.default.createElement(\n 'span',\n { className: _this3.getCircleClass(idx) },\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__circle-col__wrapper__button__circle__text' },\n idx + 1\n )\n ),\n _react2.default.createElement(\n 'p',\n { className: _this3.getParagraphClass(idx) },\n htmlToReactParser.parse(elem.paragraph.text)\n )\n ),\n _this3.state.isMobile && _react2.default.createElement('img', {\n src: elem.image.src,\n alt: elem.image.alt,\n className: ORGANISM_NAME + '__carousel__image'\n })\n )\n );\n });\n }\n }, {\n key: 'renderImages',\n value: function renderImages(steps) {\n var _this4 = this;\n\n return steps.map(function (elem, idx) {\n var elemKey = '' + elem.image.src + idx;\n return _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__image-container', key: elemKey },\n _react2.default.createElement('img', { className: _this4.getImageClass(idx), src: elem.image.src, alt: elem.image.alt })\n );\n });\n }\n }, {\n key: 'renderSteps',\n value: function renderSteps(steps, cta, hatchText) {\n if (steps) {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__flex-wrapper row' },\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__steps-container col-lg-6 col-md-12 col-sm-12' },\n this.renderContent(steps),\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__cta' },\n this.renderCTA(cta)\n ),\n this.renderHatchContent(hatchText)\n ),\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__flex-item col-lg-6 col-md-12 col-sm-12' },\n this.renderImages(steps)\n )\n )\n );\n }\n return null;\n }\n }, {\n key: 'renderCarousel',\n value: function renderCarousel(steps, primaryCta, hatchText, trackId) {\n var _this5 = this;\n\n var options = {\n startSlide: 0,\n speed: 400,\n className: ORGANISM_NAME,\n continuous: false\n };\n return _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__wrapper' },\n _react2.default.createElement(\n _Carousel2.default,\n {\n ref: function ref(c) {\n _this5.carousel = c;\n },\n className: ORGANISM_NAME + '__carousel',\n trackId: trackId || 'StepFlow-Carousel',\n options: options\n },\n this.renderContent(steps)\n ),\n this.renderCTA(primaryCta),\n this.renderHatchContent(hatchText)\n );\n }\n }, {\n key: 'render',\n value: function render() {\n var _this6 = this;\n\n var newProps = (0, _themeManager2.default)(this.props, this.props.config.theme);\n\n var content = newProps.content,\n config = newProps.config,\n className = newProps.className;\n var headline = content.headline,\n steps = content.steps,\n primaryCta = content.primaryCta,\n paragraph = content.paragraph,\n hatchText = content.hatchText;\n var id = config.id,\n theme = config.theme;\n\n\n var stepsClasses = (0, _classnames2.default)('' + ORGANISM_NAME, theme || 'theme-background-color-white', className);\n\n var headClasses = (0, _classnames2.default)('row ' + ORGANISM_NAME + '__head', _defineProperty({}, ORGANISM_NAME + '__head--extra-padding', !paragraph));\n\n return _react2.default.createElement(\n 'section',\n {\n ref: function ref(c) {\n _this6.organismRef = c;\n },\n className: stepsClasses,\n 'data-building-block': 'organism',\n id: id,\n onMouseEnter: function onMouseEnter() {\n return _this6.setState({ autoPlay: false });\n },\n onMouseLeave: function onMouseLeave() {\n return _this6.setState({ autoPlay: true });\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: headClasses },\n this.renderHeadline(headline),\n this.renderParagraph(paragraph)\n ),\n this.renderByViewPort(steps, primaryCta, hatchText)\n )\n );\n }\n }]);\n\n return StepsFlow;\n}(_react.Component);\n\n// ESLint disabled for className because className are used, but\n// it is processed before being used and ESLint doesn not detect that.\n\n\nexports.default = StepsFlow;\nStepsFlow.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-blue', 'theme-background-color-light', 'theme-background-color-white']).isRequired\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n cta: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n carousel: _propTypes2.default.shape({\n goToSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToNextSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToPreviousSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n steps: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n })\n })).isRequired\n }),\n /* eslint-disable */\n className: _propTypes2.default.string\n /* eslint-enable */\n};\n\nStepsFlow.defaultProps = {\n config: {\n theme: 'theme-background-color-white',\n id: ''\n },\n content: {\n headline: {\n text: 'Headline = 34 or fewer characters.'\n },\n paragraph: {\n text: 'Optional body copy will go here and go here. Do not exceed more than 140 characters.'\n },\n primaryCta: {\n id: '',\n href: '#',\n text: '29 characters maximum'\n },\n hatchText: {\n text: 'Any Legal disclaimer will go here. No more than 200 characters per disclosure.'\n },\n carousel: {\n goToSlide: {\n text: 'Go to slide'\n },\n goToNextSlide: {\n text: 'Go to next slide'\n },\n goToPreviousSlide: {\n text: 'Go to previous slide'\n }\n },\n steps: [{\n paragraph: {\n text: 'The 1st step. A minimum of 3 and a maximum of 5 steps. 80 characters' + 'maximum per step.'\n },\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/guideline/deviceimage-flatbrowser-zshirtco.png',\n alt: ''\n }\n }, {\n paragraph: {\n text: 'Step 2, required. Each step needs a unique image. 80 characters maximum.'\n },\n image: {\n src: 'https://pics.paypal.com/00/s/ZDJjOWMyY2EtNzQ4My00YTFkLThlNDYtN2QzYTM1N2UwMWNh/file.PNG',\n alt: ''\n }\n }, {\n paragraph: {\n text: 'Step 3, required. No links can be used in steps copy. 80 characters maximum.'\n },\n image: {\n src: 'https://www.paypalobjects.com/webstatic/paypalme/images/social/pplogo384.png',\n alt: ''\n }\n }]\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Carousel = require('../../carousel/main/jsx/Carousel');\n\nvar _Carousel2 = _interopRequireDefault(_Carousel);\n\nvar _genericTabs = require('../../generic-tabs');\n\nvar _button = require('../../../atoms/button');\n\nvar _button2 = _interopRequireDefault(_button);\n\nvar _breakpoints = require('../../../../utilities/breakpoints');\n\nvar _breakpoints2 = _interopRequireDefault(_breakpoints);\n\nvar _intersectionService = require('../../../../utilities/intersectionService');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar ORGANISM_NAME = 'steps-intent';\n\nvar ctaMap = {\n primary: 'blue',\n secondary: 'outline-blue'\n};\n\nvar handleIntentChange = function handleIntentChange(e, props) {\n var elem = e.target;\n var fptiValue = elem[elem.value].innerText;\n props.fireTracking('StepsInt-DropDown-' + fptiValue);\n};\n\nvar renderHatchText = function renderHatchText(hatchText) {\n if (hatchText && hatchText.text) {\n return _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__hatch-text text-xs-center' },\n htmlToReactParser.parse(hatchText.text)\n );\n }\n return null;\n};\nvar renderFilteredProps = function renderFilteredProps(props) {\n var content = props.content,\n config = props.config,\n className = props.className;\n var headline = content.headline,\n intents = content.intents;\n\n\n var filteredProps = {\n content: {\n headline: headline,\n list: {\n content: {\n items: [{}]\n }\n },\n content: [{}]\n },\n config: config,\n className: className\n };\n\n intents.forEach(function (element, index) {\n filteredProps.content.list.content.items[index] = element.option;\n filteredProps.content.content[index] = element;\n });\n\n return filteredProps;\n};\n\nvar StepsIntent = function (_React$Component) {\n _inherits(StepsIntent, _React$Component);\n\n function StepsIntent(props) {\n _classCallCheck(this, StepsIntent);\n\n var _this = _possibleConstructorReturn(this, (StepsIntent.__proto__ || Object.getPrototypeOf(StepsIntent)).call(this, props));\n\n _this.state = {\n isMobile: false,\n showImages: false\n };\n _this.handleResize = _this.handleResize.bind(_this);\n _this.handleIntentChange = handleIntentChange.bind(_this);\n // adding references in case this component is extended\n _this.handleIntentChange = handleIntentChange;\n _this.renderHatchText = renderHatchText;\n _this.renderFilteredProps = renderFilteredProps;\n return _this;\n }\n\n _createClass(StepsIntent, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n ;\n window.addEventListener('resize', this.handleResize);\n this.handleResize();\n var sectionElement = this.organismRef ? this.organismRef.sectionElement : null;\n (0, _intersectionService.IntersectionListener)([sectionElement], this.enableImages.bind(this));\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: 'enableImages',\n value: function enableImages() {\n this.setState({\n showImages: true\n });\n }\n }, {\n key: 'handleResize',\n value: function handleResize(e) {\n // TODO: Explore different solution to trigger resize\n // inside an iFrame; We don't need this event\n // param; it's only for page-builder\n var newWindowWidth = e && e.iFrameWidth || window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n if (newWindowWidth < _breakpoints2.default.medium) {\n if (!this.state.isMobile) {\n this.setState({\n isMobile: true\n });\n }\n } else if (this.state.isMobile) {\n this.setState({\n isMobile: false\n });\n }\n }\n }, {\n key: 'renderStepsImage',\n value: function renderStepsImage(image) {\n var showArrows = this.props.config.showArrows;\n\n if (image) {\n return _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__image-wrapper text-xs-center' },\n showArrows && _react2.default.createElement('span', { className: ORGANISM_NAME + '__arrow' }),\n _react2.default.createElement('img', { alt: image.alt, src: image.src })\n );\n }\n return null;\n }\n }, {\n key: 'renderIntents',\n value: function renderIntents(intents) {\n var _this2 = this;\n\n var showImages = this.state.showImages;\n\n if (intents) {\n var stepsObj = intents.steps.map(function (elem, idx) {\n return _react2.default.createElement(\n 'div',\n {\n key: idx,\n className: 'col-md-4 col-sm-12 ' + ORGANISM_NAME + '__step'\n },\n showImages ? _this2.renderStepsImage(elem.image) : null,\n _react2.default.createElement(\n 'span',\n { className: ORGANISM_NAME + '__circle text-xs-center' },\n idx + 1\n ),\n _react2.default.createElement(\n 'div',\n { className: ORGANISM_NAME + '__content' },\n _react2.default.createElement(\n 'p',\n { className: ORGANISM_NAME + '__text' },\n htmlToReactParser.parse(elem.paragraph.text)\n )\n )\n );\n });\n\n if (this.state.isMobile) {\n var options = {\n className: ORGANISM_NAME,\n continuous: false\n };\n\n return _react2.default.createElement(\n _Carousel2.default,\n {\n key: this.state.intent,\n className: ORGANISM_NAME + '__carousel',\n options: options,\n content: this.props.content.carousel,\n trackId: this.props.config.trackId\n },\n stepsObj\n );\n }\n return stepsObj;\n }\n return null;\n }\n }, {\n key: 'renderCta',\n value: function renderCta(cta) {\n var ctaType = this.props.config.ctaType || '';\n if (cta && ctaMap[ctaType] && cta.text) {\n var buttonClass = ORGANISM_NAME + '__btn';\n var color = ctaMap[ctaType];\n var targetValue = cta.target || '_self';\n return _react2.default.createElement(\n _button2.default,\n {\n href: cta.href,\n id: cta.id,\n className: buttonClass,\n fpti: 'StepsInt-Int' + (parseInt(this.state.intent, 10) + 1) + '-PrmryCTA-' + (cta.fpti || cta.text),\n color: color,\n target: targetValue\n },\n cta.text\n );\n }\n return null;\n }\n }, {\n key: 'renderBelowSteps',\n value: function renderBelowSteps(intents) {\n var cta = intents.cta,\n hatchText = intents.hatchText;\n\n if (cta || hatchText) {\n return _react2.default.createElement(\n 'div',\n { className: 'row ' + ORGANISM_NAME + '__cta-container' },\n this.renderCta(cta),\n renderHatchText(hatchText)\n );\n }\n return null;\n }\n }, {\n key: 'renderContent',\n value: function renderContent(content) {\n var _this3 = this;\n\n if (content) {\n return content.map(function (properties, idx) {\n return _react2.default.createElement(\n 'div',\n { key: idx },\n _react2.default.createElement(\n 'div',\n { className: 'row ' + ORGANISM_NAME + '__container' },\n _this3.renderIntents(properties)\n ),\n _this3.renderBelowSteps(properties)\n );\n });\n }\n return null;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this4 = this;\n\n var filteredProps = renderFilteredProps(this.props);\n\n var config = filteredProps.config,\n className = filteredProps.className;\n\n\n var stepsIntentClasses = (0, _classnames2.default)(ORGANISM_NAME, ORGANISM_NAME + '--show-images', config.theme, className);\n\n return _react2.default.createElement(\n _genericTabs.GenericTabs,\n _extends({\n className: stepsIntentClasses\n }, filteredProps, {\n ref: function ref(c) {\n _this4.organismRef = c;\n }\n }),\n this.renderContent(filteredProps.content.content)\n );\n }\n }]);\n\n return StepsIntent;\n}(_react2.default.Component);\n\nexports.default = StepsIntent;\n\n\nStepsIntent.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-white', 'theme-background-color-light']).isRequired,\n ctaType: _propTypes2.default.oneOf(['primary', 'secondary', 'no-cta']),\n showArrows: _propTypes2.default.bool,\n trackId: _propTypes2.default.string\n }),\n content: _propTypes2.default.shape({\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n carousel: _propTypes2.default.shape({\n goToSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToNextSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n goToPreviousSlide: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n intents: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n option: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n steps: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string.isRequired,\n alt: _propTypes2.default.string\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired\n })).isRequired,\n cta: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired,\n id: _propTypes2.default.string,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n })).isRequired\n }),\n className: _propTypes2.default.string,\n fireTracking: _propTypes2.default.func\n};\n\nStepsIntent.defaultProps = {\n config: {\n id: '',\n theme: 'theme-background-color-white',\n showArrows: true,\n ctaType: 'primary',\n trackId: 'StepsInt'\n },\n content: {\n headline: {\n text: '40 characters maximum'\n },\n carousel: {\n goToSlide: {\n text: 'Go to slide'\n },\n goToNextSlide: {\n text: 'Go to next slide'\n },\n goToPreviousSlide: {\n text: 'Go to previous slide'\n }\n },\n intents: [{\n option: {\n text: '17 characters max(tab-1)'\n },\n steps: [{\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step1.png',\n alt: 'step 1'\n\n },\n paragraph: {\n text: '32 characters per line maximum; make steps of consistent length'\n }\n }, {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step2.png',\n alt: 'step 2'\n },\n paragraph: {\n text: '32 characters per line maximum; make steps of consistent length'\n }\n }, {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step3.png',\n alt: 'step 3'\n },\n paragraph: {\n text: '32 characters per line maximum; make steps of consistent length'\n }\n }],\n cta: {\n text: '29 characters maximum',\n href: '#',\n id: '',\n target: '_self'\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n }, {\n option: {\n text: '17 characters max(tab-2)'\n },\n steps: [{\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step1.png',\n alt: 'step1'\n },\n paragraph: {\n text: '32 characters per line maximum; make steps of consistent length'\n }\n }, {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step2.png',\n alt: 'step2'\n },\n paragraph: {\n text: '32 characters per line maximum; make steps of consistent length'\n }\n }, {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/organisms/steps-accordion/step3.png',\n alt: 'step3'\n },\n paragraph: {\n text: '32 characters per line maximum; make steps of consistent length'\n }\n }],\n cta: {\n text: '29 characters maximum',\n href: '#',\n id: '',\n target: '_self'\n },\n hatchText: {\n text: '34 characters maximum per line'\n }\n }]\n },\n className: '',\n fireTracking: function fireTracking() {}\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _ = require('../../../../');\n\nvar _heading = require('../../../atoms/heading');\n\nvar _heading2 = _interopRequireDefault(_heading);\n\nvar _default = require('../props/default');\n\nvar _default2 = _interopRequireDefault(_default);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\nvar ORGANISM_NAME = 'toggle-pullout';\n\nvar renderToggleSection = function renderToggleSection(toggleSection, children, callback) {\n if (toggleSection) {\n return _react2.default.createElement(\n _.ToggleSection,\n _extends({}, toggleSection, { callback: callback }),\n children\n );\n }\n return null;\n};\n\nvar renderMediaButton = function renderMediaButton(mediaButton) {\n if (mediaButton) {\n var color = mediaButton.color || 'outline-white';\n var buttonClass = (0, _classnames2.default)('pullout__media-btn', 'pullout__btn--center', 'pypl-btn--' + color);\n\n return _react2.default.createElement(\n _.MediaButton,\n {\n id: mediaButton.id,\n name: mediaButton.name || mediaButton.id,\n alt: mediaButton.alt || mediaButton.text,\n color: 'outline-white',\n className: buttonClass,\n fpti: 'Pullout-MediaBtn-' + (mediaButton.fpti || mediaButton.text),\n 'data-video-id': mediaButton['data-video-id']\n },\n mediaButton.text\n );\n }\n return null;\n};\n\nvar renderHeadline = function renderHeadline(headline) {\n if (headline) {\n var fontClass = (0, _classnames2.default)(ORGANISM_NAME + '__headline', 'pullout__headline');\n return _react2.default.createElement(\n _heading2.default,\n { level: '2', className: fontClass },\n htmlToReactParser.parse(headline.text)\n );\n }\n return null;\n};\n\nvar TogglePullout = function (_Pullout) {\n _inherits(TogglePullout, _Pullout);\n\n function TogglePullout(props) {\n _classCallCheck(this, TogglePullout);\n\n var _this = _possibleConstructorReturn(this, (TogglePullout.__proto__ || Object.getPrototypeOf(TogglePullout)).call(this, props));\n\n _this.renderToggleSection = renderToggleSection;\n _this.renderMediaButton = renderMediaButton;\n _this.renderHeadline = renderHeadline;\n return _this;\n }\n\n _createClass(TogglePullout, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n content = _props.content,\n config = _props.config,\n className = _props.className,\n children = _props.children,\n clientInfo = _props.clientInfo,\n callback = _props.callback;\n var image = content.image,\n headline = content.headline,\n paragraph = content.paragraph,\n cta = content.cta,\n mediaButton = content.mediaButton,\n hatchText = content.hatchText,\n toggleSection = content.toggleSection;\n\n\n config.theme = config.theme || 'theme-background-color-dark';\n\n var viewport = clientInfo.client_type;\n var backgroundImage = config.backgroundImage && (config.backgroundImage[viewport] || config.backgroundImage.url);\n var backgroundPosition = config.backgroundImage && config.backgroundPosition;\n var backgroundImageStyle = this.state.showImages && backgroundImage ? {\n backgroundImage: 'url(' + backgroundImage + ')',\n backgroundPosition: '' + (backgroundPosition || 'center')\n } : null;\n var pulloutClasses = (0, _classnames2.default)('' + ORGANISM_NAME, 'pullout', className, config.theme);\n\n return _react2.default.createElement(\n 'section',\n {\n className: pulloutClasses,\n id: this.props.config.id,\n 'data-building-block': 'organism',\n style: backgroundImageStyle,\n ref: function ref(el) {\n _this2.sectionElement = el;\n }\n },\n _react2.default.createElement(\n 'div',\n { className: 'container' },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-12 col-lg-12 center-block text-xs-center' },\n this.renderImage(image),\n this.renderHeadline(headline),\n this.renderContent(paragraph),\n this.renderToggleSection(toggleSection, children, callback),\n this.renderCTA(cta),\n this.renderMediaButton(mediaButton),\n this.renderHatchContent(hatchText)\n )\n )\n )\n );\n }\n }]);\n\n return TogglePullout;\n}(_.Pullout);\n\nexports.default = TogglePullout;\n\n\nTogglePullout.propTypes = {\n children: _propTypes2.default.element,\n content: _propTypes2.default.shape({\n image: _propTypes2.default.shape({\n src: _propTypes2.default.string\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n toggleSection: _.ToggleSection.propTypes,\n cta: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n href: _propTypes2.default.string,\n text: _propTypes2.default.string,\n fpti: _propTypes2.default.string,\n target: _propTypes2.default.oneOf(['_self', '_blank'])\n }),\n mediaButton: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n text: _propTypes2.default.string.isRequired,\n 'data-video-id': _propTypes2.default.string.isRequired,\n fpti: _propTypes2.default.string\n }),\n hatchText: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }),\n clientInfo: _propTypes2.default.shape({\n client_type: _propTypes2.default.string\n }),\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-image-dark', 'theme-background-image-light', 'theme-background-color-dark', 'theme-background-color-green', 'theme-background-color-blue-alt', 'theme-background-color-pink', 'theme-background-color-purple']),\n backgroundImage: _propTypes2.default.shape({\n url: _propTypes2.default.string.isRequired,\n portable: _propTypes2.default.string,\n mobile: _propTypes2.default.string\n }),\n backgroundPosition: _propTypes2.default.oneOf(['left', 'center', 'right'])\n }),\n className: _propTypes2.default.string,\n callback: _propTypes2.default.func\n};\n\nTogglePullout.defaultProps = _default2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _ = require('../../../../');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = {\n clientInfo: {\n client_type: 'dedicated'\n },\n config: {\n id: '',\n theme: 'theme-background-color-pink',\n backgroundPosition: 'center',\n backgroundImage: {\n url: ''\n }\n },\n content: {\n image: {\n src: 'https://www.paypalobjects.com/digitalassets/c/website/marketing/emea/gb/en/online-sellers-solutions/Icon_4.png'\n },\n headline: {\n text: '50 characters (2 lines) maximum.'\n },\n paragraph: {\n text: '150 characters (3 lines) maximum'\n },\n toggleSection: _.ToggleSection.defaultProps,\n cta: {\n text: 'Fewer Than 29 Characters Max',\n href: '#',\n 'data-pa-click': 'cta|CTA Text',\n target: '_self'\n },\n mediaButton: {\n id: '',\n text: 'This is Media Button',\n 'data-video-id': 'rquuf4XfwLA',\n fpti: ''\n },\n hatchText: {\n text: 'Fewer than 34 characters per line'\n }\n },\n className: 'theme-new-money',\n children: _react2.default.createElement('div', null),\n callback: function callback() {}\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable import/no-extraneous-dependencies */\n\n\nvar UAHeader = function (_React$Component) {\n _inherits(UAHeader, _React$Component);\n\n function UAHeader() {\n _classCallCheck(this, UAHeader);\n\n return _possibleConstructorReturn(this, (UAHeader.__proto__ || Object.getPrototypeOf(UAHeader)).apply(this, arguments));\n }\n\n _createClass(UAHeader, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n title = _props.title,\n menu = _props.menu,\n className = _props.className,\n handleMenuClick = _props.handleMenuClick;\n\n return _react2.default.createElement(\n 'header',\n { id: 'UAHeader', className: (0, _classnames2.default)('pp-legal-header', className) },\n _react2.default.createElement(\n 'div',\n { className: 'header-top' },\n menu && menu.text && _react2.default.createElement(\n 'div',\n { className: 'header-buttons-left visable-md hidden-lg' },\n _react2.default.createElement(\n 'a',\n {\n className: 'btn btn-small btn-secondary',\n href: '#top',\n id: 'menu-btn',\n onClick: function onClick() {\n return handleMenuClick();\n }\n },\n menu.text\n )\n ),\n _react2.default.createElement(\n 'a',\n { className: 'paypal-img-logo', href: '/webapps/mpp/home' },\n 'PayPal'\n ),\n title && title.text && _react2.default.createElement(\n 'h1',\n { className: 'hidden-md hidden-sm hidden-xs' },\n title.text\n )\n )\n );\n }\n }]);\n\n return UAHeader;\n}(_react2.default.Component);\n\nexports.default = UAHeader;\n\n\nUAHeader.propTypes = {\n title: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n menu: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n className: _propTypes2.default.string,\n handleMenuClick: _propTypes2.default.func.isRequired\n};\n\nUAHeader.defaultProps = {\n title: {\n text: ''\n },\n menu: {\n text: ''\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _reactScrollspy = require('react-scrollspy');\n\nvar _reactScrollspy2 = _interopRequireDefault(_reactScrollspy);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable import/no-extraneous-dependencies */\n\nvar UANav = function (_React$Component) {\n _inherits(UANav, _React$Component);\n\n function UANav() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, UANav);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = UANav.__proto__ || Object.getPrototypeOf(UANav)).call.apply(_ref, [this].concat(args))), _this), _this.renderSections = function (sections, currentSectionIndex, currentSubSectionIndex) {\n return sections.map(function (section, sectionIndex) {\n var anchorLink = section.anchorLink,\n headline = section.headline,\n subsections = section.subsections;\n\n var sectionClasses = (0, _classnames2.default)('section-' + (sectionIndex + 1), subsections.length ? 'item-has-children' : '', currentSectionIndex === sectionIndex ? 'active' : '');\n var sectionId = anchorLink && anchorLink.text ? anchorLink.text : 'UASection-' + sectionIndex;\n var subsectionsIds = subsections.map(function (ss, i) {\n return ss.anchorLink && ss.anchorLink.text ? ss.anchorLink.text : 'UASubSection-' + sectionIndex + '-' + i;\n });\n return _react2.default.createElement(\n 'li',\n {\n id: 'section-' + sectionIndex + '-nav',\n key: 'section-' + sectionIndex + '-nav',\n className: sectionClasses\n },\n _react2.default.createElement(\n 'a',\n { className: 'section-parent', href: '#' + sectionId },\n _react2.default.createElement(\n 'span',\n null,\n headline.text\n )\n ),\n subsections.length && _react2.default.createElement(\n _reactScrollspy2.default,\n {\n items: subsectionsIds,\n currentClassName: 'active',\n className: 'sub-menu',\n offset: 175\n },\n _this.renderSubSections(subsections, sectionIndex, currentSubSectionIndex)\n )\n );\n });\n }, _this.renderSubSections = function (subSections, currentSectionIndex) {\n return subSections.map(function (subSection, index) {\n var anchorLink = subSection.anchorLink,\n headline = subSection.headline;\n\n var id = anchorLink && anchorLink.text ? anchorLink.text : 'UASubSection-' + currentSectionIndex + '-' + index;\n var subSectionClasses = (0, _classnames2.default)('subsection-' + index\n // currentSubSectionIndex === index ? 'active' : ''\n );\n return _react2.default.createElement(\n 'li',\n {\n id: 'subsection-' + currentSectionIndex + '-' + index + '-nav',\n key: 'subsection-' + currentSectionIndex + '-' + index + '-nav',\n className: subSectionClasses\n },\n _react2.default.createElement(\n 'a',\n { href: '#' + id },\n _react2.default.createElement(\n 'span',\n null,\n headline.text\n )\n )\n );\n });\n }, _this.renderBackLink = function (backLink) {\n if (backLink && backLink.text) {\n return _react2.default.createElement(\n 'div',\n { className: 'back-link' },\n _react2.default.createElement(\n 'a',\n { href: backLink.href },\n _react2.default.createElement(\n 'span',\n null,\n '\\xA0'\n ),\n _react2.default.createElement(\n 'span',\n null,\n '\\xA0'\n ),\n backLink.text\n )\n );\n }\n return null;\n }, _this.renderPDF = function (pdf) {\n if (pdf && pdf.text) {\n return _react2.default.createElement(\n 'li',\n null,\n _react2.default.createElement(\n 'a',\n { className: 'btn ua-pdf', href: pdf.href },\n pdf.text\n )\n );\n }\n return null;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(UANav, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n sections = _props.sections,\n className = _props.className,\n currentSectionIndex = _props.currentSectionIndex,\n currentSubSectionIndex = _props.currentSubSectionIndex,\n isNavOpen = _props.isNavOpen,\n setNavRef = _props.setNavRef,\n backLink = _props.backLink,\n pdf = _props.pdf;\n\n var navClasses = (0, _classnames2.default)(className, 'ua-nav', isNavOpen ? 'menu-open' : '');\n return _react2.default.createElement(\n 'nav',\n {\n id: 'UANav',\n className: navClasses,\n ref: function ref(el) {\n return setNavRef(el);\n }\n },\n this.renderBackLink(backLink),\n _react2.default.createElement(\n 'ul',\n { className: 'pp-navigation nav' },\n this.renderSections(sections, currentSectionIndex, currentSubSectionIndex),\n this.renderPDF(pdf)\n )\n );\n }\n }]);\n\n return UANav;\n}(_react2.default.Component);\n\nexports.default = UANav;\n\n\nUANav.propTypes = {\n currentSectionIndex: _propTypes2.default.number.isRequired,\n currentSubSectionIndex: _propTypes2.default.number.isRequired,\n setNavRef: _propTypes2.default.func.isRequired,\n isNavOpen: _propTypes2.default.bool,\n backLink: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired\n }),\n pdf: _propTypes2.default.shape({\n text: _propTypes2.default.string,\n href: _propTypes2.default.string\n }),\n sections: _propTypes2.default.arrayOf(_propTypes2.default.shape({})).isRequired,\n className: _propTypes2.default.string\n};\n\nUANav.defaultProps = {\n isNavOpen: false,\n backLink: {\n href: '',\n text: ''\n },\n pdf: {\n text: '',\n href: ''\n },\n className: ''\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; /* eslint-disable import/no-extraneous-dependencies */\n\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _UASubSection = require('./UASubSection');\n\nvar _UASubSection2 = _interopRequireDefault(_UASubSection);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar renderSubsections = function renderSubsections(sectionIndex, subsections, currentSubSectionIndex, setSubSection, scrollDirection) {\n return subsections.map(function (subsection, index) {\n return _react2.default.createElement(_UASubSection2.default, _extends({\n currentSubSectionIndex: currentSubSectionIndex,\n index: index,\n sectionIndex: sectionIndex,\n key: sectionIndex + '-' + index,\n scrollDirection: scrollDirection,\n setSubSection: setSubSection\n }, subsection));\n });\n};\n\nvar UASection = function (_React$Component) {\n _inherits(UASection, _React$Component);\n\n function UASection() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, UASection);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = UASection.__proto__ || Object.getPrototypeOf(UASection)).call.apply(_ref, [this].concat(args))), _this), _this.handleScroll = function () {\n var _this$props = _this.props,\n currentSectionIndex = _this$props.currentSectionIndex,\n index = _this$props.index,\n setSection = _this$props.setSection,\n scrollDirection = _this$props.scrollDirection;\n\n if (_this.sectionRef) {\n var sectionTop = _this.sectionRef.getBoundingClientRect().top;\n var headerOffset = 62;\n var bannerOffset = 112;\n var topOffset = headerOffset + bannerOffset;\n if (scrollDirection === 'down' && sectionTop < headerOffset && currentSectionIndex < index) {\n setSection(index);\n } else if (scrollDirection === 'up' && currentSectionIndex === index + 1 && sectionTop > topOffset - _this.sectionRef.scrollHeight) {\n setSection(index);\n }\n }\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(UASection, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('scroll', this.handleScroll);\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('scroll', this.handleScroll);\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n ppHeadline = _props.ppHeadline,\n anchorLink = _props.anchorLink,\n headline = _props.headline,\n subsections = _props.subsections,\n currentSectionIndex = _props.currentSectionIndex,\n index = _props.index,\n currentSubSectionIndex = _props.currentSubSectionIndex,\n setSubSection = _props.setSubSection,\n scrollDirection = _props.scrollDirection;\n\n var id = anchorLink && anchorLink.text ? anchorLink.text : 'UASection-' + index;\n // it is better to write the secion accepts children, and put the content logic in UserAgreement.jsx\n return _react2.default.createElement(\n 'section',\n {\n id: id,\n className: 'ua-section',\n ref: function ref(el) {\n _this2.sectionRef = el;\n }\n },\n _react2.default.createElement(\n 'div',\n {\n className: (0, _classnames2.default)('row-fluid', 'row', 'sub-hero-banner-' + (index + 1), 'section' + (index + 1), {\n sticky: index === currentSectionIndex\n })\n },\n _react2.default.createElement(\n 'div',\n { className: 'containerCentered container' },\n _react2.default.createElement(\n 'div',\n { className: 'span12 col-sm-12 center-block center-text text-left' },\n _react2.default.createElement(\n 'div',\n { className: 'editorial-cell' },\n ppHeadline && ppHeadline.text && _react2.default.createElement(\n 'h1',\n null,\n _react2.default.createElement(\n 'span',\n null,\n htmlToReactParser.parse(ppHeadline.text)\n )\n ),\n headline && headline.text && _react2.default.createElement(\n 'h2',\n null,\n _react2.default.createElement(\n 'span',\n null,\n htmlToReactParser.parse(headline.text)\n )\n )\n )\n )\n )\n ),\n renderSubsections(index, subsections, currentSubSectionIndex, setSubSection, scrollDirection)\n );\n }\n }]);\n\n return UASection;\n}(_react2.default.Component);\n\nexports.default = UASection;\n\n\nUASection.propTypes = {\n ppHeadline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n anchorLink: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n subsections: _propTypes2.default.arrayOf(_propTypes2.default.shape({})),\n currentSectionIndex: _propTypes2.default.number.isRequired,\n currentSubSectionIndex: _propTypes2.default.number.isRequired,\n index: _propTypes2.default.number.isRequired,\n scrollDirection: _propTypes2.default.string.isRequired,\n setSection: _propTypes2.default.func.isRequired,\n setSubSection: _propTypes2.default.func.isRequired\n};\n\nUASection.defaultProps = {\n ppHeadline: {\n text: ''\n },\n anchorLink: {\n text: ''\n },\n headline: {\n text: ''\n },\n subsections: []\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable import/no-extraneous-dependencies */\n\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar UASubSection = function (_React$Component) {\n _inherits(UASubSection, _React$Component);\n\n function UASubSection() {\n _classCallCheck(this, UASubSection);\n\n return _possibleConstructorReturn(this, (UASubSection.__proto__ || Object.getPrototypeOf(UASubSection)).apply(this, arguments));\n }\n\n _createClass(UASubSection, [{\n key: 'render',\n\n // componentDidMount() {\n // window.addEventListener('scroll', this.handleScroll);\n // }\n\n // componentWillUnmount() {\n // window.removeEventListener('scroll', this.handleScroll);\n // }\n\n // handleScroll = () => {\n // const { currentSubSectionIndex, index, setSubSection, scrollDirection } = this.props;\n // if (this.subSectionRef) {\n // const subSectionTop = this.subSectionRef.getBoundingClientRect().top;\n // const headerOffset = 62;\n // const bannerOffset = 112;\n // const topOffset = headerOffset + bannerOffset;\n // if (scrollDirection === 'down' && subSectionTop < topOffset && currentSubSectionIndex < index) {\n // setSubSection(index);\n // } else if (scrollDirection === 'up') {\n // if (currentSubSectionIndex === index + 1) {\n // if (subSectionTop > (topOffset - this.subSectionRef.scrollHeight)) {\n // setSubSection(index - 1);\n // }\n // }\n // }\n // }\n // };\n\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n anchorLink = _props.anchorLink,\n headline = _props.headline,\n paragraph = _props.paragraph,\n table = _props.table,\n paragraph2 = _props.paragraph2,\n sectionIndex = _props.sectionIndex,\n index = _props.index;\n\n var id = anchorLink && anchorLink.text ? anchorLink.text : 'UASubSection-' + sectionIndex + '-' + index;\n return _react2.default.createElement(\n 'div',\n {\n // id={id}\n ref: function ref(el) {\n _this2.subSectionRef = el;\n },\n className: 'ua-sub-section row-fluid panel two-panel qa-panel'\n },\n _react2.default.createElement('div', { className: 'ua-anchor ua-subsection-anchor', id: id }),\n headline && headline.text && _react2.default.createElement(\n 'header',\n { className: 'containerCentered container text-left' },\n _react2.default.createElement(\n 'div',\n { className: 'span12 col-sm-12' },\n _react2.default.createElement(\n 'h3',\n { className: 'pulloutHeadline text-left' },\n htmlToReactParser.parse(headline.text)\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'containerCentered container' },\n _react2.default.createElement(\n 'div',\n { className: 'span12 col-sm-12' },\n paragraph && paragraph.text && _react2.default.createElement(\n 'p',\n { className: 'contentPara' },\n htmlToReactParser.parse(paragraph.text)\n ),\n htmlToReactParser.parse(table.text),\n paragraph2 && paragraph2.text && _react2.default.createElement(\n 'p',\n { className: 'contentPara' },\n htmlToReactParser.parse(paragraph2.text)\n )\n )\n )\n );\n }\n }]);\n\n return UASubSection;\n}(_react2.default.Component);\n\nexports.default = UASubSection;\n\n\nUASubSection.propTypes = {\n sectionIndex: _propTypes2.default.number.isRequired,\n // setSubSection: PropTypes.func.isRequired,\n index: _propTypes2.default.number.isRequired,\n // scrollDirection: PropTypes.string.isRequired,\n anchorLink: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n table: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n paragraph2: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n};\n\nUASubSection.defaultProps = {\n anchorLink: {\n text: ''\n },\n headline: {\n text: ''\n },\n paragraph: {\n text: ''\n },\n table: {\n text: ''\n },\n paragraph2: {\n text: ''\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _htmlToReact = require('html-to-react');\n\nvar _htmlToReact2 = _interopRequireDefault(_htmlToReact);\n\nvar _UAHeader = require('./UAHeader');\n\nvar _UAHeader2 = _interopRequireDefault(_UAHeader);\n\nvar _UANav = require('./UANav');\n\nvar _UANav2 = _interopRequireDefault(_UANav);\n\nvar _UASection = require('./UASection');\n\nvar _UASection2 = _interopRequireDefault(_UASection);\n\nvar _themeManager2 = require('../../../../utilities/themeManager');\n\nvar _themeManager3 = _interopRequireDefault(_themeManager2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable import/no-extraneous-dependencies */\n\n\nvar htmlToReactParser = new _htmlToReact2.default.Parser();\n\nvar UserAgreement = function (_React$Component) {\n _inherits(UserAgreement, _React$Component);\n\n function UserAgreement(props) {\n _classCallCheck(this, UserAgreement);\n\n var _this = _possibleConstructorReturn(this, (UserAgreement.__proto__ || Object.getPrototypeOf(UserAgreement)).call(this, props));\n\n _this.setSection = function (sectionIndex) {\n _this.setState({\n currentSectionIndex: sectionIndex\n // currentSubSectionIndex: 0,\n });\n };\n\n _this.setSubSection = function (subSectionIndex) {\n _this.setState({\n currentSubSectionIndex: subSectionIndex\n });\n };\n\n _this.setNavRef = function (el) {\n _this.navRef = el;\n };\n\n _this.clickOutsideNav = function () {\n _this.closeMainNav();\n document.removeEventListener('mousedown', _this.handleDocumentClick, false);\n };\n\n _this.handleDocumentClick = function (e) {\n // dont close the nav if clicking inside the main nav\n if (_this.navRef.contains(e.target)) {\n return;\n }\n _this.clickOutsideNav();\n };\n\n _this.handleScroll = function () {\n _this.setState({\n scrollDirection: window.scrollY > _this.state.scrollY ? 'down' : 'up',\n scrollY: window.scrollY\n });\n };\n\n _this.openMainNav = function () {\n if (_this.state.isNavOpen) return;\n _this.setState({\n isNavOpen: true\n });\n };\n\n _this.closeMainNav = function () {\n if (!_this.state.isNavOpen) return;\n _this.setState({\n isNavOpen: false\n });\n };\n\n _this.handleMenuButtonClick = function () {\n // check if the menu is open / close and then take action\n if (_this.state.isNavOpen) {\n _this.closeMainNav();\n document.removeEventListener('mousedown', _this.handleDocumentClick, false);\n } else {\n _this.openMainNav();\n document.addEventListener('mousedown', _this.handleDocumentClick, false);\n }\n };\n\n _this.navRef = null;\n _this.state = {\n currentSectionIndex: 0,\n currentSubSectionIndex: -1,\n scrollDirection: 'down',\n scrollY: 0,\n isNavOpen: false\n };\n return _this;\n }\n\n _createClass(UserAgreement, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n window.addEventListener('scroll', this.handleScroll);\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('scroll', this.handleScroll);\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n config = _props.config,\n className = _props.className;\n var _state = this.state,\n currentSectionIndex = _state.currentSectionIndex,\n currentSubSectionIndex = _state.currentSubSectionIndex,\n scrollDirection = _state.scrollDirection,\n isNavOpen = _state.isNavOpen;\n var id = config.id,\n theme = config.theme;\n\n var _themeManager = (0, _themeManager3.default)({ content: this.props.content }, theme),\n content = _themeManager.content;\n\n var header = content.header,\n paragraph = content.paragraph,\n sections = content.sections,\n nav = content.nav;\n\n var uaClasses = (0, _classnames2.default)(className, 'user-agreement');\n return _react2.default.createElement(\n 'section',\n {\n id: id,\n className: uaClasses,\n 'data-building-block': 'organism',\n ref: function ref(el) {\n _this2.uaRef = el;\n }\n },\n _react2.default.createElement(_UANav2.default, _extends({\n sections: sections,\n currentSectionIndex: currentSectionIndex,\n currentSubSectionIndex: currentSubSectionIndex,\n isNavOpen: isNavOpen,\n setNavRef: this.setNavRef\n }, nav)),\n _react2.default.createElement(_UAHeader2.default, _extends({\n handleMenuClick: this.handleMenuButtonClick\n }, header)),\n _react2.default.createElement(\n 'div',\n { className: 'ua-container' },\n paragraph && paragraph.text && _react2.default.createElement(\n 'section',\n { className: 'ua-section' },\n _react2.default.createElement(\n 'div',\n { className: 'containerCentered container' },\n _react2.default.createElement(\n 'div',\n { className: 'span12 col-sm-12' },\n _react2.default.createElement(\n 'p',\n { className: 'contentPara' },\n htmlToReactParser.parse(paragraph.text)\n )\n )\n )\n ),\n sections.map(function (section, index) {\n return _react2.default.createElement(_UASection2.default, _extends({\n currentSectionIndex: currentSectionIndex,\n currentSubSectionIndex: currentSubSectionIndex,\n index: index,\n key: index + '-' + (section.anchorLink && section.anchorLink.text ? section.anchorLink.text : ''),\n scrollDirection: scrollDirection,\n setSection: _this2.setSection,\n setSubSection: _this2.setSubSection\n }, section));\n })\n )\n );\n }\n }]);\n\n return UserAgreement;\n}(_react2.default.Component);\n\nexports.default = UserAgreement;\n\n\nUserAgreement.propTypes = {\n config: _propTypes2.default.shape({\n id: _propTypes2.default.string,\n theme: _propTypes2.default.oneOf(['theme-background-color-white'])\n }),\n content: _propTypes2.default.shape({\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n nav: _propTypes2.default.shape({\n backLink: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired\n }),\n pdf: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired,\n href: _propTypes2.default.string.isRequired\n })\n }),\n sections: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n anchorLink: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }).isRequired,\n subsections: _propTypes2.default.arrayOf(_propTypes2.default.shape({\n anchorLink: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n headline: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n paragraph: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n table: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n }),\n paragraph2: _propTypes2.default.shape({\n text: _propTypes2.default.string.isRequired\n })\n }))\n }))\n }),\n className: _propTypes2.default.string\n};\n\nUserAgreement.defaultProps = {\n content: {\n header: {\n title: {\n text: 'User Agreement'\n },\n menu: {\n text: 'Menu'\n }\n },\n paragraph: {\n text: 'This user agreement will be effective for all users as of March 29, 2019. Welcome to PayPal!Currency
Fee
U.S. Dollar
0.30 USD
Euro
0.35 EUR
'\n }\n }, {\n anchorLink: {\n text: ''\n },\n headline: {\n text: 'Opening a PayPal Account'\n },\n paragraph: {\n text: 'We offer two types of PayPal accounts: personal PayPal accounts and business PayPal account, This user agreement is a contract between you and PayPal, Inc. governing your use of your PayPal account and the PayPal services. It applies to U.S. PayPal accounts only. If you are an individual, you must be a resident of the United States or one of its territories and at least 18 years old, or the age of majority in your state of residence to open a U.S. PayPal account and use the PayPal services. If you are a business, the business must be organized in, operating in, or a resident of, the United States or one of its territories to open a U.S. PayPal account and use the PayPal services.'\n },\n table: {\n text: 'Currency
Fee
U.S. Dollar
0.30 USD
Euro
0.35 EUR
'\n },\n paragraph2: {\n text: 'We offer two types of PayPal accounts: personal PayPal accounts and business PayPal account, both covered by this user agreement.Currency
Fee
U.S. Dollar
0.30 USD
Euro
0.35 EUR
'\n },\n paragraph2: {\n text: 'We offer two types of PayPal accounts: personal PayPal accounts and business PayPal account, both covered by this user agreement.Currency
Fee
U.S. Dollar
0.30 USD
Euro
0.35 EUR
'\n },\n paragraph2: {\n text: 'We offer two types of PayPal accounts: personal PayPal accounts and business PayPal account, both covered by this user agreement.Currency
Fee
U.S. Dollar
0.30 USD
Euro
0.35 EUR
'\n },\n paragraph2: {\n text: 'We offer two types of PayPal accounts: personal PayPal accounts and business PayPal account, both covered by this user agreement.\n * @memberOf punycode.ucs2\n * @name decode\n * @param {String} string The Unicode input string (UCS-2).\n * @returns {Array} The new array of code points.\n */\nfunction ucs2decode(string) {\n\tconst output = [];\n\tlet counter = 0;\n\tconst length = string.length;\n\twhile (counter < length) {\n\t\tconst value = string.charCodeAt(counter++);\n\t\tif (value >= 0xD800 && value <= 0xDBFF && counter < length) {\n\t\t\t// It's a high surrogate, and there is a next character.\n\t\t\tconst extra = string.charCodeAt(counter++);\n\t\t\tif ((extra & 0xFC00) == 0xDC00) { // Low surrogate.\n\t\t\t\toutput.push(((value & 0x3FF) << 10) + (extra & 0x3FF) + 0x10000);\n\t\t\t} else {\n\t\t\t\t// It's an unmatched surrogate; only append this code unit, in case the\n\t\t\t\t// next code unit is the high surrogate of a surrogate pair.\n\t\t\t\toutput.push(value);\n\t\t\t\tcounter--;\n\t\t\t}\n\t\t} else {\n\t\t\toutput.push(value);\n\t\t}\n\t}\n\treturn output;\n}\n\n/**\n * Creates a string based on an array of numeric code points.\n * @see `punycode.ucs2.decode`\n * @memberOf punycode.ucs2\n * @name encode\n * @param {Array} codePoints The array of numeric code points.\n * @returns {String} The new Unicode string (UCS-2).\n */\nconst ucs2encode = array => String.fromCodePoint(...array);\n\n/**\n * Converts a basic code point into a digit/integer.\n * @see `digitToBasic()`\n * @private\n * @param {Number} codePoint The basic numeric code point value.\n * @returns {Number} The numeric value of a basic code point (for use in\n * representing integers) in the range `0` to `base - 1`, or `base` if\n * the code point does not represent a value.\n */\nconst basicToDigit = function(codePoint) {\n\tif (codePoint - 0x30 < 0x0A) {\n\t\treturn codePoint - 0x16;\n\t}\n\tif (codePoint - 0x41 < 0x1A) {\n\t\treturn codePoint - 0x41;\n\t}\n\tif (codePoint - 0x61 < 0x1A) {\n\t\treturn codePoint - 0x61;\n\t}\n\treturn base;\n};\n\n/**\n * Converts a digit/integer into a basic code point.\n * @see `basicToDigit()`\n * @private\n * @param {Number} digit The numeric value of a basic code point.\n * @returns {Number} The basic code point whose value (when used for\n * representing integers) is `digit`, which needs to be in the range\n * `0` to `base - 1`. If `flag` is non-zero, the uppercase form is\n * used; else, the lowercase form is used. The behavior is undefined\n * if `flag` is non-zero and `digit` has no uppercase form.\n */\nconst digitToBasic = function(digit, flag) {\n\t// 0..25 map to ASCII a..z or A..Z\n\t// 26..35 map to ASCII 0..9\n\treturn digit + 22 + 75 * (digit < 26) - ((flag != 0) << 5);\n};\n\n/**\n * Bias adaptation function as per section 3.4 of RFC 3492.\n * https://tools.ietf.org/html/rfc3492#section-3.4\n * @private\n */\nconst adapt = function(delta, numPoints, firstTime) {\n\tlet k = 0;\n\tdelta = firstTime ? floor(delta / damp) : delta >> 1;\n\tdelta += floor(delta / numPoints);\n\tfor (/* no initialization */; delta > baseMinusTMin * tMax >> 1; k += base) {\n\t\tdelta = floor(delta / baseMinusTMin);\n\t}\n\treturn floor(k + (baseMinusTMin + 1) * delta / (delta + skew));\n};\n\n/**\n * Converts a Punycode string of ASCII-only symbols to a string of Unicode\n * symbols.\n * @memberOf punycode\n * @param {String} input The Punycode string of ASCII-only symbols.\n * @returns {String} The resulting string of Unicode symbols.\n */\nconst decode = function(input) {\n\t// Don't use UCS-2.\n\tconst output = [];\n\tconst inputLength = input.length;\n\tlet i = 0;\n\tlet n = initialN;\n\tlet bias = initialBias;\n\n\t// Handle the basic code points: let `basic` be the number of input code\n\t// points before the last delimiter, or `0` if there is none, then copy\n\t// the first basic code points to the output.\n\n\tlet basic = input.lastIndexOf(delimiter);\n\tif (basic < 0) {\n\t\tbasic = 0;\n\t}\n\n\tfor (let j = 0; j < basic; ++j) {\n\t\t// if it's not a basic code point\n\t\tif (input.charCodeAt(j) >= 0x80) {\n\t\t\terror('not-basic');\n\t\t}\n\t\toutput.push(input.charCodeAt(j));\n\t}\n\n\t// Main decoding loop: start just after the last delimiter if any basic code\n\t// points were copied; start at the beginning otherwise.\n\n\tfor (let index = basic > 0 ? basic + 1 : 0; index < inputLength; /* no final expression */) {\n\n\t\t// `index` is the index of the next character to be consumed.\n\t\t// Decode a generalized variable-length integer into `delta`,\n\t\t// which gets added to `i`. The overflow checking is easier\n\t\t// if we increase `i` as we go, then subtract off its starting\n\t\t// value at the end to obtain `delta`.\n\t\tlet oldi = i;\n\t\tfor (let w = 1, k = base; /* no condition */; k += base) {\n\n\t\t\tif (index >= inputLength) {\n\t\t\t\terror('invalid-input');\n\t\t\t}\n\n\t\t\tconst digit = basicToDigit(input.charCodeAt(index++));\n\n\t\t\tif (digit >= base || digit > floor((maxInt - i) / w)) {\n\t\t\t\terror('overflow');\n\t\t\t}\n\n\t\t\ti += digit * w;\n\t\t\tconst t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);\n\n\t\t\tif (digit < t) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tconst baseMinusT = base - t;\n\t\t\tif (w > floor(maxInt / baseMinusT)) {\n\t\t\t\terror('overflow');\n\t\t\t}\n\n\t\t\tw *= baseMinusT;\n\n\t\t}\n\n\t\tconst out = output.length + 1;\n\t\tbias = adapt(i - oldi, out, oldi == 0);\n\n\t\t// `i` was supposed to wrap around from `out` to `0`,\n\t\t// incrementing `n` each time, so we'll fix that now:\n\t\tif (floor(i / out) > maxInt - n) {\n\t\t\terror('overflow');\n\t\t}\n\n\t\tn += floor(i / out);\n\t\ti %= out;\n\n\t\t// Insert `n` at position `i` of the output.\n\t\toutput.splice(i++, 0, n);\n\n\t}\n\n\treturn String.fromCodePoint(...output);\n};\n\n/**\n * Converts a string of Unicode symbols (e.g. a domain name label) to a\n * Punycode string of ASCII-only symbols.\n * @memberOf punycode\n * @param {String} input The string of Unicode symbols.\n * @returns {String} The resulting Punycode string of ASCII-only symbols.\n */\nconst encode = function(input) {\n\tconst output = [];\n\n\t// Convert the input in UCS-2 to an array of Unicode code points.\n\tinput = ucs2decode(input);\n\n\t// Cache the length.\n\tlet inputLength = input.length;\n\n\t// Initialize the state.\n\tlet n = initialN;\n\tlet delta = 0;\n\tlet bias = initialBias;\n\n\t// Handle the basic code points.\n\tfor (const currentValue of input) {\n\t\tif (currentValue < 0x80) {\n\t\t\toutput.push(stringFromCharCode(currentValue));\n\t\t}\n\t}\n\n\tlet basicLength = output.length;\n\tlet handledCPCount = basicLength;\n\n\t// `handledCPCount` is the number of code points that have been handled;\n\t// `basicLength` is the number of basic code points.\n\n\t// Finish the basic string with a delimiter unless it's empty.\n\tif (basicLength) {\n\t\toutput.push(delimiter);\n\t}\n\n\t// Main encoding loop:\n\twhile (handledCPCount < inputLength) {\n\n\t\t// All non-basic code points < n have been handled already. Find the next\n\t\t// larger one:\n\t\tlet m = maxInt;\n\t\tfor (const currentValue of input) {\n\t\t\tif (currentValue >= n && currentValue < m) {\n\t\t\t\tm = currentValue;\n\t\t\t}\n\t\t}\n\n\t\t// Increase `delta` enough to advance the decoder's state to ,\n\t\t// but guard against overflow.\n\t\tconst handledCPCountPlusOne = handledCPCount + 1;\n\t\tif (m - n > floor((maxInt - delta) / handledCPCountPlusOne)) {\n\t\t\terror('overflow');\n\t\t}\n\n\t\tdelta += (m - n) * handledCPCountPlusOne;\n\t\tn = m;\n\n\t\tfor (const currentValue of input) {\n\t\t\tif (currentValue < n && ++delta > maxInt) {\n\t\t\t\terror('overflow');\n\t\t\t}\n\t\t\tif (currentValue == n) {\n\t\t\t\t// Represent delta as a generalized variable-length integer.\n\t\t\t\tlet q = delta;\n\t\t\t\tfor (let k = base; /* no condition */; k += base) {\n\t\t\t\t\tconst t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);\n\t\t\t\t\tif (q < t) {\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tconst qMinusT = q - t;\n\t\t\t\t\tconst baseMinusT = base - t;\n\t\t\t\t\toutput.push(\n\t\t\t\t\t\tstringFromCharCode(digitToBasic(t + qMinusT % baseMinusT, 0))\n\t\t\t\t\t);\n\t\t\t\t\tq = floor(qMinusT / baseMinusT);\n\t\t\t\t}\n\n\t\t\t\toutput.push(stringFromCharCode(digitToBasic(q, 0)));\n\t\t\t\tbias = adapt(delta, handledCPCountPlusOne, handledCPCount == basicLength);\n\t\t\t\tdelta = 0;\n\t\t\t\t++handledCPCount;\n\t\t\t}\n\t\t}\n\n\t\t++delta;\n\t\t++n;\n\n\t}\n\treturn output.join('');\n};\n\n/**\n * Converts a Punycode string representing a domain name or an email address\n * to Unicode. Only the Punycoded parts of the input will be converted, i.e.\n * it doesn't matter if you call it on a string that has already been\n * converted to Unicode.\n * @memberOf punycode\n * @param {String} input The Punycoded domain name or email address to\n * convert to Unicode.\n * @returns {String} The Unicode representation of the given Punycode\n * string.\n */\nconst toUnicode = function(input) {\n\treturn mapDomain(input, function(string) {\n\t\treturn regexPunycode.test(string)\n\t\t\t? decode(string.slice(4).toLowerCase())\n\t\t\t: string;\n\t});\n};\n\n/**\n * Converts a Unicode string representing a domain name or an email address to\n * Punycode. Only the non-ASCII parts of the domain name will be converted,\n * i.e. it doesn't matter if you call it with a domain that's already in\n * ASCII.\n * @memberOf punycode\n * @param {String} input The domain name or email address to convert, as a\n * Unicode string.\n * @returns {String} The Punycode representation of the given domain name or\n * email address.\n */\nconst toASCII = function(input) {\n\treturn mapDomain(input, function(string) {\n\t\treturn regexNonASCII.test(string)\n\t\t\t? 'xn--' + encode(string)\n\t\t\t: string;\n\t});\n};\n\n/*--------------------------------------------------------------------------*/\n\n/** Define the public API */\nconst punycode = {\n\t/**\n\t * A string representing the current Punycode.js version number.\n\t * @memberOf punycode\n\t * @type String\n\t */\n\t'version': '2.1.0',\n\t/**\n\t * An object of methods to convert from JavaScript's internal character\n\t * representation (UCS-2) to Unicode code points, and back.\n\t * @see \n\t * @memberOf punycode\n\t * @type Object\n\t */\n\t'ucs2': {\n\t\t'decode': ucs2decode,\n\t\t'encode': ucs2encode\n\t},\n\t'decode': decode,\n\t'encode': encode,\n\t'toASCII': toASCII,\n\t'toUnicode': toUnicode\n};\n\nexport { ucs2decode, ucs2encode, decode, encode, toASCII, toUnicode };\nexport default punycode;\n","var mode = require('./mode');\n\nfunction QR8bitByte(data) {\n\tthis.mode = mode.MODE_8BIT_BYTE;\n\tthis.data = data;\n}\n\nQR8bitByte.prototype = {\n\n\tgetLength : function(buffer) {\n\t\treturn this.data.length;\n\t},\n\t\n\twrite : function(buffer) {\n\t\tfor (var i = 0; i < this.data.length; i++) {\n\t\t\t// not JIS ...\n\t\t\tbuffer.put(this.data.charCodeAt(i), 8);\n\t\t}\n\t}\n};\n\nmodule.exports = QR8bitByte;\n\n","function QRBitBuffer() {\n\tthis.buffer = new Array();\n\tthis.length = 0;\n}\n\nQRBitBuffer.prototype = {\n\n\tget : function(index) {\n\t\tvar bufIndex = Math.floor(index / 8);\n\t\treturn ( (this.buffer[bufIndex] >>> (7 - index % 8) ) & 1) == 1;\n\t},\n\t\n\tput : function(num, length) {\n\t\tfor (var i = 0; i < length; i++) {\n\t\t\tthis.putBit( ( (num >>> (length - i - 1) ) & 1) == 1);\n\t\t}\n\t},\n\t\n\tgetLengthInBits : function() {\n\t\treturn this.length;\n\t},\n\t\n\tputBit : function(bit) {\n\t\n\t\tvar bufIndex = Math.floor(this.length / 8);\n\t\tif (this.buffer.length <= bufIndex) {\n\t\t\tthis.buffer.push(0);\n\t\t}\n\t\n\t\tif (bit) {\n\t\t\tthis.buffer[bufIndex] |= (0x80 >>> (this.length % 8) );\n\t\t}\n\t\n\t\tthis.length++;\n\t}\n};\n\nmodule.exports = QRBitBuffer;\n","module.exports = {\n\tL : 1,\n\tM : 0,\n\tQ : 3,\n\tH : 2\n};\n\n","var math = require('./math');\n\nfunction QRPolynomial(num, shift) {\n\n\tif (num.length == undefined) {\n\t\tthrow new Error(num.length + \"/\" + shift);\n\t}\n\n\tvar offset = 0;\n\n\twhile (offset < num.length && num[offset] == 0) {\n\t\toffset++;\n\t}\n\n\tthis.num = new Array(num.length - offset + shift);\n\tfor (var i = 0; i < num.length - offset; i++) {\n\t\tthis.num[i] = num[i + offset];\n\t}\n}\n\nQRPolynomial.prototype = {\n\n\tget : function(index) {\n\t\treturn this.num[index];\n\t},\n\t\n\tgetLength : function() {\n\t\treturn this.num.length;\n\t},\n\t\n\tmultiply : function(e) {\n\t\n\t\tvar num = new Array(this.getLength() + e.getLength() - 1);\n\t\n\t\tfor (var i = 0; i < this.getLength(); i++) {\n\t\t\tfor (var j = 0; j < e.getLength(); j++) {\n\t\t\t\tnum[i + j] ^= math.gexp(math.glog(this.get(i) ) + math.glog(e.get(j) ) );\n\t\t\t}\n\t\t}\n\t\n\t\treturn new QRPolynomial(num, 0);\n\t},\n\t\n\tmod : function(e) {\n\t\n\t\tif (this.getLength() - e.getLength() < 0) {\n\t\t\treturn this;\n\t\t}\n\t\n\t\tvar ratio = math.glog(this.get(0) ) - math.glog(e.get(0) );\n\t\n\t\tvar num = new Array(this.getLength() );\n\t\t\n\t\tfor (var i = 0; i < this.getLength(); i++) {\n\t\t\tnum[i] = this.get(i);\n\t\t}\n\t\t\n\t\tfor (var i = 0; i < e.getLength(); i++) {\n\t\t\tnum[i] ^= math.gexp(math.glog(e.get(i) ) + ratio);\n\t\t}\n\t\n\t\t// recursive call\n\t\treturn new QRPolynomial(num, 0).mod(e);\n\t}\n};\n\nmodule.exports = QRPolynomial;\n","var BitByte = require('./8BitByte');\nvar RSBlock = require('./RSBlock');\nvar BitBuffer = require('./BitBuffer');\nvar util = require('./util');\nvar Polynomial = require('./Polynomial');\n\nfunction QRCode(typeNumber, errorCorrectLevel) {\n\tthis.typeNumber = typeNumber;\n\tthis.errorCorrectLevel = errorCorrectLevel;\n\tthis.modules = null;\n\tthis.moduleCount = 0;\n\tthis.dataCache = null;\n\tthis.dataList = [];\n}\n\n// for client side minification\nvar proto = QRCode.prototype;\n\nproto.addData = function(data) {\n\tvar newData = new BitByte(data);\n\tthis.dataList.push(newData);\n\tthis.dataCache = null;\n};\n\nproto.isDark = function(row, col) {\n\tif (row < 0 || this.moduleCount <= row || col < 0 || this.moduleCount <= col) {\n\t\tthrow new Error(row + \",\" + col);\n\t}\n\treturn this.modules[row][col];\n};\n\nproto.getModuleCount = function() {\n\treturn this.moduleCount;\n};\n\nproto.make = function() {\n\t// Calculate automatically typeNumber if provided is < 1\n\tif (this.typeNumber < 1 ){\n\t\tvar typeNumber = 1;\n\t\tfor (typeNumber = 1; typeNumber < 40; typeNumber++) {\n\t\t\tvar rsBlocks = RSBlock.getRSBlocks(typeNumber, this.errorCorrectLevel);\n\n\t\t\tvar buffer = new BitBuffer();\n\t\t\tvar totalDataCount = 0;\n\t\t\tfor (var i = 0; i < rsBlocks.length; i++) {\n\t\t\t\ttotalDataCount += rsBlocks[i].dataCount;\n\t\t\t}\n\n\t\t\tfor (var i = 0; i < this.dataList.length; i++) {\n\t\t\t\tvar data = this.dataList[i];\n\t\t\t\tbuffer.put(data.mode, 4);\n\t\t\t\tbuffer.put(data.getLength(), util.getLengthInBits(data.mode, typeNumber) );\n\t\t\t\tdata.write(buffer);\n\t\t\t}\n\t\t\tif (buffer.getLengthInBits() <= totalDataCount * 8)\n\t\t\t\tbreak;\n\t\t}\n\t\tthis.typeNumber = typeNumber;\n\t}\n\tthis.makeImpl(false, this.getBestMaskPattern() );\n};\n\nproto.makeImpl = function(test, maskPattern) {\n\t\n\tthis.moduleCount = this.typeNumber * 4 + 17;\n\tthis.modules = new Array(this.moduleCount);\n\t\n\tfor (var row = 0; row < this.moduleCount; row++) {\n\t\t\n\t\tthis.modules[row] = new Array(this.moduleCount);\n\t\t\n\t\tfor (var col = 0; col < this.moduleCount; col++) {\n\t\t\tthis.modules[row][col] = null;//(col + row) % 3;\n\t\t}\n\t}\n\n\tthis.setupPositionProbePattern(0, 0);\n\tthis.setupPositionProbePattern(this.moduleCount - 7, 0);\n\tthis.setupPositionProbePattern(0, this.moduleCount - 7);\n\tthis.setupPositionAdjustPattern();\n\tthis.setupTimingPattern();\n\tthis.setupTypeInfo(test, maskPattern);\n\t\n\tif (this.typeNumber >= 7) {\n\t\tthis.setupTypeNumber(test);\n\t}\n\n\tif (this.dataCache == null) {\n\t\tthis.dataCache = QRCode.createData(this.typeNumber, this.errorCorrectLevel, this.dataList);\n\t}\n\n\tthis.mapData(this.dataCache, maskPattern);\n};\n\nproto.setupPositionProbePattern = function(row, col) {\n\t\n\tfor (var r = -1; r <= 7; r++) {\n\t\t\n\t\tif (row + r <= -1 || this.moduleCount <= row + r) continue;\n\t\t\n\t\tfor (var c = -1; c <= 7; c++) {\n\t\t\t\n\t\t\tif (col + c <= -1 || this.moduleCount <= col + c) continue;\n\t\t\t\n\t\t\tif ( (0 <= r && r <= 6 && (c == 0 || c == 6) )\n\t\t\t\t\t|| (0 <= c && c <= 6 && (r == 0 || r == 6) )\n\t\t\t\t\t|| (2 <= r && r <= 4 && 2 <= c && c <= 4) ) {\n\t\t\t\tthis.modules[row + r][col + c] = true;\n\t\t\t} else {\n\t\t\t\tthis.modules[row + r][col + c] = false;\n\t\t\t}\n\t\t}\t\t\n\t}\t\t\n};\n\nproto.getBestMaskPattern = function() {\n\n\tvar minLostPoint = 0;\n\tvar pattern = 0;\n\n\tfor (var i = 0; i < 8; i++) {\n\t\t\n\t\tthis.makeImpl(true, i);\n\n\t\tvar lostPoint = util.getLostPoint(this);\n\n\t\tif (i == 0 || minLostPoint > lostPoint) {\n\t\t\tminLostPoint = lostPoint;\n\t\t\tpattern = i;\n\t\t}\n\t}\n\n\treturn pattern;\n};\n\nproto.createMovieClip = function(target_mc, instance_name, depth) {\n\n\tvar qr_mc = target_mc.createEmptyMovieClip(instance_name, depth);\n\tvar cs = 1;\n\n\tthis.make();\n\n\tfor (var row = 0; row < this.modules.length; row++) {\n\t\t\n\t\tvar y = row * cs;\n\t\t\n\t\tfor (var col = 0; col < this.modules[row].length; col++) {\n\n\t\t\tvar x = col * cs;\n\t\t\tvar dark = this.modules[row][col];\n\t\t\n\t\t\tif (dark) {\n\t\t\t\tqr_mc.beginFill(0, 100);\n\t\t\t\tqr_mc.moveTo(x, y);\n\t\t\t\tqr_mc.lineTo(x + cs, y);\n\t\t\t\tqr_mc.lineTo(x + cs, y + cs);\n\t\t\t\tqr_mc.lineTo(x, y + cs);\n\t\t\t\tqr_mc.endFill();\n\t\t\t}\n\t\t}\n\t}\n\t\n\treturn qr_mc;\n};\n\nproto.setupTimingPattern = function() {\n\t\n\tfor (var r = 8; r < this.moduleCount - 8; r++) {\n\t\tif (this.modules[r][6] != null) {\n\t\t\tcontinue;\n\t\t}\n\t\tthis.modules[r][6] = (r % 2 == 0);\n\t}\n\n\tfor (var c = 8; c < this.moduleCount - 8; c++) {\n\t\tif (this.modules[6][c] != null) {\n\t\t\tcontinue;\n\t\t}\n\t\tthis.modules[6][c] = (c % 2 == 0);\n\t}\n};\n\nproto.setupPositionAdjustPattern = function() {\n\n\tvar pos = util.getPatternPosition(this.typeNumber);\n\t\n\tfor (var i = 0; i < pos.length; i++) {\n\t\n\t\tfor (var j = 0; j < pos.length; j++) {\n\t\t\n\t\t\tvar row = pos[i];\n\t\t\tvar col = pos[j];\n\t\t\t\n\t\t\tif (this.modules[row][col] != null) {\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\t\n\t\t\tfor (var r = -2; r <= 2; r++) {\n\t\t\t\n\t\t\t\tfor (var c = -2; c <= 2; c++) {\n\t\t\t\t\n\t\t\t\t\tif (r == -2 || r == 2 || c == -2 || c == 2\n\t\t\t\t\t\t\t|| (r == 0 && c == 0) ) {\n\t\t\t\t\t\tthis.modules[row + r][col + c] = true;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.modules[row + r][col + c] = false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\n\nproto.setupTypeNumber = function(test) {\n\n\tvar bits = util.getBCHTypeNumber(this.typeNumber);\n\n\tfor (var i = 0; i < 18; i++) {\n\t\tvar mod = (!test && ( (bits >> i) & 1) == 1);\n\t\tthis.modules[Math.floor(i / 3)][i % 3 + this.moduleCount - 8 - 3] = mod;\n\t}\n\n\tfor (var i = 0; i < 18; i++) {\n\t\tvar mod = (!test && ( (bits >> i) & 1) == 1);\n\t\tthis.modules[i % 3 + this.moduleCount - 8 - 3][Math.floor(i / 3)] = mod;\n\t}\n};\n\nproto.setupTypeInfo = function(test, maskPattern) {\n\n\tvar data = (this.errorCorrectLevel << 3) | maskPattern;\n\tvar bits = util.getBCHTypeInfo(data);\n\n\t// vertical\t\t\n\tfor (var i = 0; i < 15; i++) {\n\n\t\tvar mod = (!test && ( (bits >> i) & 1) == 1);\n\n\t\tif (i < 6) {\n\t\t\tthis.modules[i][8] = mod;\n\t\t} else if (i < 8) {\n\t\t\tthis.modules[i + 1][8] = mod;\n\t\t} else {\n\t\t\tthis.modules[this.moduleCount - 15 + i][8] = mod;\n\t\t}\n\t}\n\n\t// horizontal\n\tfor (var i = 0; i < 15; i++) {\n\n\t\tvar mod = (!test && ( (bits >> i) & 1) == 1);\n\t\t\n\t\tif (i < 8) {\n\t\t\tthis.modules[8][this.moduleCount - i - 1] = mod;\n\t\t} else if (i < 9) {\n\t\t\tthis.modules[8][15 - i - 1 + 1] = mod;\n\t\t} else {\n\t\t\tthis.modules[8][15 - i - 1] = mod;\n\t\t}\n\t}\n\n\t// fixed module\n\tthis.modules[this.moduleCount - 8][8] = (!test);\n};\n\nproto.mapData = function(data, maskPattern) {\n\t\n\tvar inc = -1;\n\tvar row = this.moduleCount - 1;\n\tvar bitIndex = 7;\n\tvar byteIndex = 0;\n\t\n\tfor (var col = this.moduleCount - 1; col > 0; col -= 2) {\n\n\t\tif (col == 6) col--;\n\n\t\twhile (true) {\n\n\t\t\tfor (var c = 0; c < 2; c++) {\n\t\t\t\t\n\t\t\t\tif (this.modules[row][col - c] == null) {\n\t\t\t\t\t\n\t\t\t\t\tvar dark = false;\n\n\t\t\t\t\tif (byteIndex < data.length) {\n\t\t\t\t\t\tdark = ( ( (data[byteIndex] >>> bitIndex) & 1) == 1);\n\t\t\t\t\t}\n\n\t\t\t\t\tvar mask = util.getMask(maskPattern, row, col - c);\n\n\t\t\t\t\tif (mask) {\n\t\t\t\t\t\tdark = !dark;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tthis.modules[row][col - c] = dark;\n\t\t\t\t\tbitIndex--;\n\n\t\t\t\t\tif (bitIndex == -1) {\n\t\t\t\t\t\tbyteIndex++;\n\t\t\t\t\t\tbitIndex = 7;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\trow += inc;\n\n\t\t\tif (row < 0 || this.moduleCount <= row) {\n\t\t\t\trow -= inc;\n\t\t\t\tinc = -inc;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n};\n\nQRCode.PAD0 = 0xEC;\nQRCode.PAD1 = 0x11;\n\nQRCode.createData = function(typeNumber, errorCorrectLevel, dataList) {\n\t\n\tvar rsBlocks = RSBlock.getRSBlocks(typeNumber, errorCorrectLevel);\n\t\n\tvar buffer = new BitBuffer();\n\t\n\tfor (var i = 0; i < dataList.length; i++) {\n\t\tvar data = dataList[i];\n\t\tbuffer.put(data.mode, 4);\n\t\tbuffer.put(data.getLength(), util.getLengthInBits(data.mode, typeNumber) );\n\t\tdata.write(buffer);\n\t}\n\n\t// calc num max data.\n\tvar totalDataCount = 0;\n\tfor (var i = 0; i < rsBlocks.length; i++) {\n\t\ttotalDataCount += rsBlocks[i].dataCount;\n\t}\n\n\tif (buffer.getLengthInBits() > totalDataCount * 8) {\n\t\tthrow new Error(\"code length overflow. (\"\n\t\t\t+ buffer.getLengthInBits()\n\t\t\t+ \">\"\n\t\t\t+ totalDataCount * 8\n\t\t\t+ \")\");\n\t}\n\n\t// end code\n\tif (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {\n\t\tbuffer.put(0, 4);\n\t}\n\n\t// padding\n\twhile (buffer.getLengthInBits() % 8 != 0) {\n\t\tbuffer.putBit(false);\n\t}\n\n\t// padding\n\twhile (true) {\n\t\t\n\t\tif (buffer.getLengthInBits() >= totalDataCount * 8) {\n\t\t\tbreak;\n\t\t}\n\t\tbuffer.put(QRCode.PAD0, 8);\n\t\t\n\t\tif (buffer.getLengthInBits() >= totalDataCount * 8) {\n\t\t\tbreak;\n\t\t}\n\t\tbuffer.put(QRCode.PAD1, 8);\n\t}\n\n\treturn QRCode.createBytes(buffer, rsBlocks);\n};\n\nQRCode.createBytes = function(buffer, rsBlocks) {\n\n\tvar offset = 0;\n\t\n\tvar maxDcCount = 0;\n\tvar maxEcCount = 0;\n\t\n\tvar dcdata = new Array(rsBlocks.length);\n\tvar ecdata = new Array(rsBlocks.length);\n\t\n\tfor (var r = 0; r < rsBlocks.length; r++) {\n\n\t\tvar dcCount = rsBlocks[r].dataCount;\n\t\tvar ecCount = rsBlocks[r].totalCount - dcCount;\n\n\t\tmaxDcCount = Math.max(maxDcCount, dcCount);\n\t\tmaxEcCount = Math.max(maxEcCount, ecCount);\n\t\t\n\t\tdcdata[r] = new Array(dcCount);\n\t\t\n\t\tfor (var i = 0; i < dcdata[r].length; i++) {\n\t\t\tdcdata[r][i] = 0xff & buffer.buffer[i + offset];\n\t\t}\n\t\toffset += dcCount;\n\t\t\n\t\tvar rsPoly = util.getErrorCorrectPolynomial(ecCount);\n\t\tvar rawPoly = new Polynomial(dcdata[r], rsPoly.getLength() - 1);\n\n\t\tvar modPoly = rawPoly.mod(rsPoly);\n\t\tecdata[r] = new Array(rsPoly.getLength() - 1);\n\t\tfor (var i = 0; i < ecdata[r].length; i++) {\n var modIndex = i + modPoly.getLength() - ecdata[r].length;\n\t\t\tecdata[r][i] = (modIndex >= 0)? modPoly.get(modIndex) : 0;\n\t\t}\n\n\t}\n\t\n\tvar totalCodeCount = 0;\n\tfor (var i = 0; i < rsBlocks.length; i++) {\n\t\ttotalCodeCount += rsBlocks[i].totalCount;\n\t}\n\n\tvar data = new Array(totalCodeCount);\n\tvar index = 0;\n\n\tfor (var i = 0; i < maxDcCount; i++) {\n\t\tfor (var r = 0; r < rsBlocks.length; r++) {\n\t\t\tif (i < dcdata[r].length) {\n\t\t\t\tdata[index++] = dcdata[r][i];\n\t\t\t}\n\t\t}\n\t}\n\n\tfor (var i = 0; i < maxEcCount; i++) {\n\t\tfor (var r = 0; r < rsBlocks.length; r++) {\n\t\t\tif (i < ecdata[r].length) {\n\t\t\t\tdata[index++] = ecdata[r][i];\n\t\t\t}\n\t\t}\n\t}\n\n\treturn data;\n};\n\nmodule.exports = QRCode;\n\n","// ErrorCorrectLevel\nvar ECL = require('./ErrorCorrectLevel');\n\nfunction QRRSBlock(totalCount, dataCount) {\n\tthis.totalCount = totalCount;\n\tthis.dataCount = dataCount;\n}\n\nQRRSBlock.RS_BLOCK_TABLE = [\n\n\t// L\n\t// M\n\t// Q\n\t// H\n\n\t// 1\n\t[1, 26, 19],\n\t[1, 26, 16],\n\t[1, 26, 13],\n\t[1, 26, 9],\n\t\n\t// 2\n\t[1, 44, 34],\n\t[1, 44, 28],\n\t[1, 44, 22],\n\t[1, 44, 16],\n\n\t// 3\n\t[1, 70, 55],\n\t[1, 70, 44],\n\t[2, 35, 17],\n\t[2, 35, 13],\n\n\t// 4\t\t\n\t[1, 100, 80],\n\t[2, 50, 32],\n\t[2, 50, 24],\n\t[4, 25, 9],\n\t\n\t// 5\n\t[1, 134, 108],\n\t[2, 67, 43],\n\t[2, 33, 15, 2, 34, 16],\n\t[2, 33, 11, 2, 34, 12],\n\t\n\t// 6\n\t[2, 86, 68],\n\t[4, 43, 27],\n\t[4, 43, 19],\n\t[4, 43, 15],\n\t\n\t// 7\t\t\n\t[2, 98, 78],\n\t[4, 49, 31],\n\t[2, 32, 14, 4, 33, 15],\n\t[4, 39, 13, 1, 40, 14],\n\t\n\t// 8\n\t[2, 121, 97],\n\t[2, 60, 38, 2, 61, 39],\n\t[4, 40, 18, 2, 41, 19],\n\t[4, 40, 14, 2, 41, 15],\n\t\n\t// 9\n\t[2, 146, 116],\n\t[3, 58, 36, 2, 59, 37],\n\t[4, 36, 16, 4, 37, 17],\n\t[4, 36, 12, 4, 37, 13],\n\t\n\t// 10\t\t\n\t[2, 86, 68, 2, 87, 69],\n\t[4, 69, 43, 1, 70, 44],\n\t[6, 43, 19, 2, 44, 20],\n\t[6, 43, 15, 2, 44, 16],\n\n\t// 11\n\t[4, 101, 81],\n\t[1, 80, 50, 4, 81, 51],\n\t[4, 50, 22, 4, 51, 23],\n\t[3, 36, 12, 8, 37, 13],\n\n\t// 12\n\t[2, 116, 92, 2, 117, 93],\n\t[6, 58, 36, 2, 59, 37],\n\t[4, 46, 20, 6, 47, 21],\n\t[7, 42, 14, 4, 43, 15],\n\n\t// 13\n\t[4, 133, 107],\n\t[8, 59, 37, 1, 60, 38],\n\t[8, 44, 20, 4, 45, 21],\n\t[12, 33, 11, 4, 34, 12],\n\n\t// 14\n\t[3, 145, 115, 1, 146, 116],\n\t[4, 64, 40, 5, 65, 41],\n\t[11, 36, 16, 5, 37, 17],\n\t[11, 36, 12, 5, 37, 13],\n\n\t// 15\n\t[5, 109, 87, 1, 110, 88],\n\t[5, 65, 41, 5, 66, 42],\n\t[5, 54, 24, 7, 55, 25],\n\t[11, 36, 12],\n\n\t// 16\n\t[5, 122, 98, 1, 123, 99],\n\t[7, 73, 45, 3, 74, 46],\n\t[15, 43, 19, 2, 44, 20],\n\t[3, 45, 15, 13, 46, 16],\n\n\t// 17\n\t[1, 135, 107, 5, 136, 108],\n\t[10, 74, 46, 1, 75, 47],\n\t[1, 50, 22, 15, 51, 23],\n\t[2, 42, 14, 17, 43, 15],\n\n\t// 18\n\t[5, 150, 120, 1, 151, 121],\n\t[9, 69, 43, 4, 70, 44],\n\t[17, 50, 22, 1, 51, 23],\n\t[2, 42, 14, 19, 43, 15],\n\n\t// 19\n\t[3, 141, 113, 4, 142, 114],\n\t[3, 70, 44, 11, 71, 45],\n\t[17, 47, 21, 4, 48, 22],\n\t[9, 39, 13, 16, 40, 14],\n\n\t// 20\n\t[3, 135, 107, 5, 136, 108],\n\t[3, 67, 41, 13, 68, 42],\n\t[15, 54, 24, 5, 55, 25],\n\t[15, 43, 15, 10, 44, 16],\n\n\t// 21\n\t[4, 144, 116, 4, 145, 117],\n\t[17, 68, 42],\n\t[17, 50, 22, 6, 51, 23],\n\t[19, 46, 16, 6, 47, 17],\n\n\t// 22\n\t[2, 139, 111, 7, 140, 112],\n\t[17, 74, 46],\n\t[7, 54, 24, 16, 55, 25],\n\t[34, 37, 13],\n\n\t// 23\n\t[4, 151, 121, 5, 152, 122],\n\t[4, 75, 47, 14, 76, 48],\n\t[11, 54, 24, 14, 55, 25],\n\t[16, 45, 15, 14, 46, 16],\n\n\t// 24\n\t[6, 147, 117, 4, 148, 118],\n\t[6, 73, 45, 14, 74, 46],\n\t[11, 54, 24, 16, 55, 25],\n\t[30, 46, 16, 2, 47, 17],\n\n\t// 25\n\t[8, 132, 106, 4, 133, 107],\n\t[8, 75, 47, 13, 76, 48],\n\t[7, 54, 24, 22, 55, 25],\n\t[22, 45, 15, 13, 46, 16],\n\n\t// 26\n\t[10, 142, 114, 2, 143, 115],\n\t[19, 74, 46, 4, 75, 47],\n\t[28, 50, 22, 6, 51, 23],\n\t[33, 46, 16, 4, 47, 17],\n\n\t// 27\n\t[8, 152, 122, 4, 153, 123],\n\t[22, 73, 45, 3, 74, 46],\n\t[8, 53, 23, 26, 54, 24],\n\t[12, 45, 15, 28, 46, 16],\n\n\t// 28\n\t[3, 147, 117, 10, 148, 118],\n\t[3, 73, 45, 23, 74, 46],\n\t[4, 54, 24, 31, 55, 25],\n\t[11, 45, 15, 31, 46, 16],\n\n\t// 29\n\t[7, 146, 116, 7, 147, 117],\n\t[21, 73, 45, 7, 74, 46],\n\t[1, 53, 23, 37, 54, 24],\n\t[19, 45, 15, 26, 46, 16],\n\n\t// 30\n\t[5, 145, 115, 10, 146, 116],\n\t[19, 75, 47, 10, 76, 48],\n\t[15, 54, 24, 25, 55, 25],\n\t[23, 45, 15, 25, 46, 16],\n\n\t// 31\n\t[13, 145, 115, 3, 146, 116],\n\t[2, 74, 46, 29, 75, 47],\n\t[42, 54, 24, 1, 55, 25],\n\t[23, 45, 15, 28, 46, 16],\n\n\t// 32\n\t[17, 145, 115],\n\t[10, 74, 46, 23, 75, 47],\n\t[10, 54, 24, 35, 55, 25],\n\t[19, 45, 15, 35, 46, 16],\n\n\t// 33\n\t[17, 145, 115, 1, 146, 116],\n\t[14, 74, 46, 21, 75, 47],\n\t[29, 54, 24, 19, 55, 25],\n\t[11, 45, 15, 46, 46, 16],\n\n\t// 34\n\t[13, 145, 115, 6, 146, 116],\n\t[14, 74, 46, 23, 75, 47],\n\t[44, 54, 24, 7, 55, 25],\n\t[59, 46, 16, 1, 47, 17],\n\n\t// 35\n\t[12, 151, 121, 7, 152, 122],\n\t[12, 75, 47, 26, 76, 48],\n\t[39, 54, 24, 14, 55, 25],\n\t[22, 45, 15, 41, 46, 16],\n\n\t// 36\n\t[6, 151, 121, 14, 152, 122],\n\t[6, 75, 47, 34, 76, 48],\n\t[46, 54, 24, 10, 55, 25],\n\t[2, 45, 15, 64, 46, 16],\n\n\t// 37\n\t[17, 152, 122, 4, 153, 123],\n\t[29, 74, 46, 14, 75, 47],\n\t[49, 54, 24, 10, 55, 25],\n\t[24, 45, 15, 46, 46, 16],\n\n\t// 38\n\t[4, 152, 122, 18, 153, 123],\n\t[13, 74, 46, 32, 75, 47],\n\t[48, 54, 24, 14, 55, 25],\n\t[42, 45, 15, 32, 46, 16],\n\n\t// 39\n\t[20, 147, 117, 4, 148, 118],\n\t[40, 75, 47, 7, 76, 48],\n\t[43, 54, 24, 22, 55, 25],\n\t[10, 45, 15, 67, 46, 16],\n\n\t// 40\n\t[19, 148, 118, 6, 149, 119],\n\t[18, 75, 47, 31, 76, 48],\n\t[34, 54, 24, 34, 55, 25],\n\t[20, 45, 15, 61, 46, 16]\n];\n\nQRRSBlock.getRSBlocks = function(typeNumber, errorCorrectLevel) {\n\t\n\tvar rsBlock = QRRSBlock.getRsBlockTable(typeNumber, errorCorrectLevel);\n\t\n\tif (rsBlock == undefined) {\n\t\tthrow new Error(\"bad rs block @ typeNumber:\" + typeNumber + \"/errorCorrectLevel:\" + errorCorrectLevel);\n\t}\n\n\tvar length = rsBlock.length / 3;\n\t\n\tvar list = new Array();\n\t\n\tfor (var i = 0; i < length; i++) {\n\n\t\tvar count = rsBlock[i * 3 + 0];\n\t\tvar totalCount = rsBlock[i * 3 + 1];\n\t\tvar dataCount = rsBlock[i * 3 + 2];\n\n\t\tfor (var j = 0; j < count; j++) {\n\t\t\tlist.push(new QRRSBlock(totalCount, dataCount) );\t\n\t\t}\n\t}\n\t\n\treturn list;\n}\n\nQRRSBlock.getRsBlockTable = function(typeNumber, errorCorrectLevel) {\n\n\tswitch(errorCorrectLevel) {\n\tcase ECL.L :\n\t\treturn QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];\n\tcase ECL.M :\n\t\treturn QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];\n\tcase ECL.Q :\n\t\treturn QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];\n\tcase ECL.H :\n\t\treturn QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];\n\tdefault :\n\t\treturn undefined;\n\t}\n}\n\nmodule.exports = QRRSBlock;\n","var QRMath = {\n\n\tglog : function(n) {\n\t\n\t\tif (n < 1) {\n\t\t\tthrow new Error(\"glog(\" + n + \")\");\n\t\t}\n\t\t\n\t\treturn QRMath.LOG_TABLE[n];\n\t},\n\t\n\tgexp : function(n) {\n\t\n\t\twhile (n < 0) {\n\t\t\tn += 255;\n\t\t}\n\t\n\t\twhile (n >= 256) {\n\t\t\tn -= 255;\n\t\t}\n\t\n\t\treturn QRMath.EXP_TABLE[n];\n\t},\n\t\n\tEXP_TABLE : new Array(256),\n\t\n\tLOG_TABLE : new Array(256)\n\n};\n\t\nfor (var i = 0; i < 8; i++) {\n\tQRMath.EXP_TABLE[i] = 1 << i;\n}\nfor (var i = 8; i < 256; i++) {\n\tQRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4]\n\t\t^ QRMath.EXP_TABLE[i - 5]\n\t\t^ QRMath.EXP_TABLE[i - 6]\n\t\t^ QRMath.EXP_TABLE[i - 8];\n}\nfor (var i = 0; i < 255; i++) {\n\tQRMath.LOG_TABLE[QRMath.EXP_TABLE[i] ] = i;\n}\n\nmodule.exports = QRMath;\n","module.exports = {\n\tMODE_NUMBER :\t\t1 << 0,\n\tMODE_ALPHA_NUM : \t1 << 1,\n\tMODE_8BIT_BYTE : \t1 << 2,\n\tMODE_KANJI :\t\t1 << 3\n};\n","var Mode = require('./mode');\nvar Polynomial = require('./Polynomial');\nvar math = require('./math');\n\nvar QRMaskPattern = {\n\tPATTERN000 : 0,\n\tPATTERN001 : 1,\n\tPATTERN010 : 2,\n\tPATTERN011 : 3,\n\tPATTERN100 : 4,\n\tPATTERN101 : 5,\n\tPATTERN110 : 6,\n\tPATTERN111 : 7\n};\n\nvar QRUtil = {\n\n PATTERN_POSITION_TABLE : [\n\t [],\n\t [6, 18],\n\t [6, 22],\n\t [6, 26],\n\t [6, 30],\n\t [6, 34],\n\t [6, 22, 38],\n\t [6, 24, 42],\n\t [6, 26, 46],\n\t [6, 28, 50],\n\t [6, 30, 54],\t\t\n\t [6, 32, 58],\n\t [6, 34, 62],\n\t [6, 26, 46, 66],\n\t [6, 26, 48, 70],\n\t [6, 26, 50, 74],\n\t [6, 30, 54, 78],\n\t [6, 30, 56, 82],\n\t [6, 30, 58, 86],\n\t [6, 34, 62, 90],\n\t [6, 28, 50, 72, 94],\n\t [6, 26, 50, 74, 98],\n\t [6, 30, 54, 78, 102],\n\t [6, 28, 54, 80, 106],\n\t [6, 32, 58, 84, 110],\n\t [6, 30, 58, 86, 114],\n\t [6, 34, 62, 90, 118],\n\t [6, 26, 50, 74, 98, 122],\n\t [6, 30, 54, 78, 102, 126],\n\t [6, 26, 52, 78, 104, 130],\n\t [6, 30, 56, 82, 108, 134],\n\t [6, 34, 60, 86, 112, 138],\n\t [6, 30, 58, 86, 114, 142],\n\t [6, 34, 62, 90, 118, 146],\n\t [6, 30, 54, 78, 102, 126, 150],\n\t [6, 24, 50, 76, 102, 128, 154],\n\t [6, 28, 54, 80, 106, 132, 158],\n\t [6, 32, 58, 84, 110, 136, 162],\n\t [6, 26, 54, 82, 110, 138, 166],\n\t [6, 30, 58, 86, 114, 142, 170]\n ],\n\n G15 : (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0),\n G18 : (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) | (1 << 5) | (1 << 2) | (1 << 0),\n G15_MASK : (1 << 14) | (1 << 12) | (1 << 10)\t| (1 << 4) | (1 << 1),\n\n getBCHTypeInfo : function(data) {\n\t var d = data << 10;\n\t while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >= 0) {\n\t\t d ^= (QRUtil.G15 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) ) ); \t\n\t }\n\t return ( (data << 10) | d) ^ QRUtil.G15_MASK;\n },\n\n getBCHTypeNumber : function(data) {\n\t var d = data << 12;\n\t while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >= 0) {\n\t\t d ^= (QRUtil.G18 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) ) ); \t\n\t }\n\t return (data << 12) | d;\n },\n\n getBCHDigit : function(data) {\n\n\t var digit = 0;\n\n\t while (data != 0) {\n\t\t digit++;\n\t\t data >>>= 1;\n\t }\n\n\t return digit;\n },\n\n getPatternPosition : function(typeNumber) {\n\t return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1];\n },\n\n getMask : function(maskPattern, i, j) {\n\t \n\t switch (maskPattern) {\n\t\t \n\t case QRMaskPattern.PATTERN000 : return (i + j) % 2 == 0;\n\t case QRMaskPattern.PATTERN001 : return i % 2 == 0;\n\t case QRMaskPattern.PATTERN010 : return j % 3 == 0;\n\t case QRMaskPattern.PATTERN011 : return (i + j) % 3 == 0;\n\t case QRMaskPattern.PATTERN100 : return (Math.floor(i / 2) + Math.floor(j / 3) ) % 2 == 0;\n\t case QRMaskPattern.PATTERN101 : return (i * j) % 2 + (i * j) % 3 == 0;\n\t case QRMaskPattern.PATTERN110 : return ( (i * j) % 2 + (i * j) % 3) % 2 == 0;\n\t case QRMaskPattern.PATTERN111 : return ( (i * j) % 3 + (i + j) % 2) % 2 == 0;\n\n\t default :\n\t\t throw new Error(\"bad maskPattern:\" + maskPattern);\n\t }\n },\n\n getErrorCorrectPolynomial : function(errorCorrectLength) {\n\n\t var a = new Polynomial([1], 0);\n\n\t for (var i = 0; i < errorCorrectLength; i++) {\n\t\t a = a.multiply(new Polynomial([1, math.gexp(i)], 0) );\n\t }\n\n\t return a;\n },\n\n getLengthInBits : function(mode, type) {\n\n\t if (1 <= type && type < 10) {\n\n\t\t // 1 - 9\n\n\t\t switch(mode) {\n\t\t case Mode.MODE_NUMBER \t: return 10;\n\t\t case Mode.MODE_ALPHA_NUM \t: return 9;\n\t\t case Mode.MODE_8BIT_BYTE\t: return 8;\n\t\t case Mode.MODE_KANJI \t: return 8;\n\t\t default :\n\t\t\t throw new Error(\"mode:\" + mode);\n\t\t }\n\n\t } else if (type < 27) {\n\n\t\t // 10 - 26\n\n\t\t switch(mode) {\n\t\t case Mode.MODE_NUMBER \t: return 12;\n\t\t case Mode.MODE_ALPHA_NUM \t: return 11;\n\t\t case Mode.MODE_8BIT_BYTE\t: return 16;\n\t\t case Mode.MODE_KANJI \t: return 10;\n\t\t default :\n\t\t\t throw new Error(\"mode:\" + mode);\n\t\t }\n\n\t } else if (type < 41) {\n\n\t\t // 27 - 40\n\n\t\t switch(mode) {\n\t\t case Mode.MODE_NUMBER \t: return 14;\n\t\t case Mode.MODE_ALPHA_NUM\t: return 13;\n\t\t case Mode.MODE_8BIT_BYTE\t: return 16;\n\t\t case Mode.MODE_KANJI \t: return 12;\n\t\t default :\n\t\t\t throw new Error(\"mode:\" + mode);\n\t\t }\n\n\t } else {\n\t\t throw new Error(\"type:\" + type);\n\t }\n },\n\n getLostPoint : function(qrCode) {\n\t \n\t var moduleCount = qrCode.getModuleCount();\n\t \n\t var lostPoint = 0;\n\t \n\t // LEVEL1\n\t \n\t for (var row = 0; row < moduleCount; row++) {\n\n\t\t for (var col = 0; col < moduleCount; col++) {\n\n\t\t\t var sameCount = 0;\n\t\t\t var dark = qrCode.isDark(row, col);\n\n\t\t\t\tfor (var r = -1; r <= 1; r++) {\n\n\t\t\t\t if (row + r < 0 || moduleCount <= row + r) {\n\t\t\t\t\t continue;\n\t\t\t\t }\n\n\t\t\t\t for (var c = -1; c <= 1; c++) {\n\n\t\t\t\t\t if (col + c < 0 || moduleCount <= col + c) {\n\t\t\t\t\t\t continue;\n\t\t\t\t\t }\n\n\t\t\t\t\t if (r == 0 && c == 0) {\n\t\t\t\t\t\t continue;\n\t\t\t\t\t }\n\n\t\t\t\t\t if (dark == qrCode.isDark(row + r, col + c) ) {\n\t\t\t\t\t\t sameCount++;\n\t\t\t\t\t }\n\t\t\t\t }\n\t\t\t }\n\n\t\t\t if (sameCount > 5) {\n\t\t\t\t lostPoint += (3 + sameCount - 5);\n\t\t\t }\n\t\t }\n\t }\n\n\t // LEVEL2\n\n\t for (var row = 0; row < moduleCount - 1; row++) {\n\t\t for (var col = 0; col < moduleCount - 1; col++) {\n\t\t\t var count = 0;\n\t\t\t if (qrCode.isDark(row, col ) ) count++;\n\t\t\t if (qrCode.isDark(row + 1, col ) ) count++;\n\t\t\t if (qrCode.isDark(row, col + 1) ) count++;\n\t\t\t if (qrCode.isDark(row + 1, col + 1) ) count++;\n\t\t\t if (count == 0 || count == 4) {\n\t\t\t\t lostPoint += 3;\n\t\t\t }\n\t\t }\n\t }\n\n\t // LEVEL3\n\n\t for (var row = 0; row < moduleCount; row++) {\n\t\t for (var col = 0; col < moduleCount - 6; col++) {\n\t\t\t if (qrCode.isDark(row, col)\n\t\t\t\t\t && !qrCode.isDark(row, col + 1)\n\t\t\t\t\t && qrCode.isDark(row, col + 2)\n\t\t\t\t\t && qrCode.isDark(row, col + 3)\n\t\t\t\t\t && qrCode.isDark(row, col + 4)\n\t\t\t\t\t && !qrCode.isDark(row, col + 5)\n\t\t\t\t\t && qrCode.isDark(row, col + 6) ) {\n\t\t\t\t lostPoint += 40;\n\t\t\t }\n\t\t }\n\t }\n\n\t for (var col = 0; col < moduleCount; col++) {\n\t\t for (var row = 0; row < moduleCount - 6; row++) {\n\t\t\t if (qrCode.isDark(row, col)\n\t\t\t\t\t && !qrCode.isDark(row + 1, col)\n\t\t\t\t\t && qrCode.isDark(row + 2, col)\n\t\t\t\t\t && qrCode.isDark(row + 3, col)\n\t\t\t\t\t && qrCode.isDark(row + 4, col)\n\t\t\t\t\t && !qrCode.isDark(row + 5, col)\n\t\t\t\t\t && qrCode.isDark(row + 6, col) ) {\n\t\t\t\t lostPoint += 40;\n\t\t\t }\n\t\t }\n\t }\n\n\t // LEVEL4\n\t \n\t var darkCount = 0;\n\n\t for (var col = 0; col < moduleCount; col++) {\n\t\t for (var row = 0; row < moduleCount; row++) {\n\t\t\t if (qrCode.isDark(row, col) ) {\n\t\t\t\t darkCount++;\n\t\t\t }\n\t\t }\n\t }\n\t \n\t var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5;\n\t lostPoint += ratio * 10;\n\n\t return lostPoint;\t\t\n }\n};\n\nmodule.exports = QRUtil;\n","'use strict';\n\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar React = require('react');\n\nvar PropTypes = require('prop-types'); // qr.js doesn't handle error level of zero (M) so we need to do it right,\n// thus the deep require.\n\n\nvar QRCodeImpl = require('qr.js/lib/QRCode');\n\nvar ErrorCorrectLevel = require('qr.js/lib/ErrorCorrectLevel'); // TODO: pull this off of the QRCode class type so it matches.\n\n\n// Convert from UTF-16, forcing the use of byte-mode encoding in our QR Code.\n// This allows us to encode Hanji, Kanji, emoji, etc. Ideally we'd do more\n// detection and not resort to byte-mode if possible, but we're trading off\n// a smaller library for a smaller amount of data we can potentially encode.\n// Based on http://jonisalonen.com/2012/from-utf-16-to-utf-8-in-javascript/\nfunction convertStr(str) {\n var out = '';\n\n for (var i = 0; i < str.length; i++) {\n var charcode = str.charCodeAt(i);\n\n if (charcode < 0x0080) {\n out += String.fromCharCode(charcode);\n } else if (charcode < 0x0800) {\n out += String.fromCharCode(0xc0 | charcode >> 6);\n out += String.fromCharCode(0x80 | charcode & 0x3f);\n } else if (charcode < 0xd800 || charcode >= 0xe000) {\n out += String.fromCharCode(0xe0 | charcode >> 12);\n out += String.fromCharCode(0x80 | charcode >> 6 & 0x3f);\n out += String.fromCharCode(0x80 | charcode & 0x3f);\n } else {\n // This is a surrogate pair, so we'll reconsitute the pieces and work\n // from that\n i++;\n charcode = 0x10000 + ((charcode & 0x3ff) << 10 | str.charCodeAt(i) & 0x3ff);\n out += String.fromCharCode(0xf0 | charcode >> 18);\n out += String.fromCharCode(0x80 | charcode >> 12 & 0x3f);\n out += String.fromCharCode(0x80 | charcode >> 6 & 0x3f);\n out += String.fromCharCode(0x80 | charcode & 0x3f);\n }\n }\n\n return out;\n}\n\nvar DEFAULT_PROPS = {\n size: 128,\n level: 'L',\n bgColor: '#FFFFFF',\n fgColor: '#000000',\n includeMargin: false\n};\nvar PROP_TYPES = process.env.NODE_ENV !== 'production' ? {\n value: PropTypes.string.isRequired,\n size: PropTypes.number,\n level: PropTypes.oneOf(['L', 'M', 'Q', 'H']),\n bgColor: PropTypes.string,\n fgColor: PropTypes.string,\n includeMargin: PropTypes.bool,\n imageSettings: PropTypes.shape({\n src: PropTypes.string.isRequired,\n height: PropTypes.number.isRequired,\n width: PropTypes.number.isRequired,\n excavate: PropTypes.bool,\n x: PropTypes.number,\n y: PropTypes.number\n })\n} : {};\nvar MARGIN_SIZE = 4; // This is *very* rough estimate of max amount of QRCode allowed to be covered.\n// It is \"wrong\" in a lot of ways (area is a terrible way to estimate, it\n// really should be number of modules covered), but if for some reason we don't\n// get an explicit height or width, I'd rather default to something than throw.\n\nvar DEFAULT_IMG_SCALE = 0.1;\n\nfunction generatePath(modules) {\n var margin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var ops = [];\n modules.forEach(function (row, y) {\n var start = null;\n row.forEach(function (cell, x) {\n if (!cell && start !== null) {\n // M0 0h7v1H0z injects the space with the move and drops the comma,\n // saving a char per operation\n ops.push(\"M\".concat(start + margin, \" \").concat(y + margin, \"h\").concat(x - start, \"v1H\").concat(start + margin, \"z\"));\n start = null;\n return;\n } // end of row, clean up or skip\n\n\n if (x === row.length - 1) {\n if (!cell) {\n // We would have closed the op above already so this can only mean\n // 2+ light modules in a row.\n return;\n }\n\n if (start === null) {\n // Just a single dark module.\n ops.push(\"M\".concat(x + margin, \",\").concat(y + margin, \" h1v1H\").concat(x + margin, \"z\"));\n } else {\n // Otherwise finish the current line.\n ops.push(\"M\".concat(start + margin, \",\").concat(y + margin, \" h\").concat(x + 1 - start, \"v1H\").concat(start + margin, \"z\"));\n }\n\n return;\n }\n\n if (cell && start === null) {\n start = x;\n }\n });\n });\n return ops.join('');\n} // We could just do this in generatePath, except that we want to support\n// non-Path2D canvas, so we need to keep it an explicit step.\n\n\nfunction excavateModules(modules, excavation) {\n return modules.slice().map(function (row, y) {\n if (y < excavation.y || y >= excavation.y + excavation.h) {\n return row;\n }\n\n return row.map(function (cell, x) {\n if (x < excavation.x || x >= excavation.x + excavation.w) {\n return cell;\n }\n\n return false;\n });\n });\n}\n\nfunction getImageSettings(props, cells) {\n var imageSettings = props.imageSettings,\n size = props.size,\n includeMargin = props.includeMargin;\n\n if (imageSettings == null) {\n return null;\n }\n\n var margin = includeMargin ? MARGIN_SIZE : 0;\n var numCells = cells.length + margin * 2;\n var defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);\n var scale = numCells / size;\n var w = (imageSettings.width || defaultSize) * scale;\n var h = (imageSettings.height || defaultSize) * scale;\n var x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;\n var y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;\n var excavation = null;\n\n if (imageSettings.excavate) {\n var floorX = Math.floor(x);\n var floorY = Math.floor(y);\n var ceilW = Math.ceil(w + x - floorX);\n var ceilH = Math.ceil(h + y - floorY);\n excavation = {\n x: floorX,\n y: floorY,\n w: ceilW,\n h: ceilH\n };\n }\n\n return {\n x: x,\n y: y,\n h: h,\n w: w,\n excavation: excavation\n };\n} // For canvas we're going to switch our drawing mode based on whether or not\n// the environment supports Path2D. We only need the constructor to be\n// supported, but Edge doesn't actually support the path (string) type\n// argument. Luckily it also doesn't support the addPath() method. We can\n// treat that as the same thing.\n\n\nvar SUPPORTS_PATH2D = function () {\n try {\n new Path2D().addPath(new Path2D());\n } catch (e) {\n return false;\n }\n\n return true;\n}();\n\nvar QRCodeCanvas =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(QRCodeCanvas, _React$PureComponent);\n\n function QRCodeCanvas() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, QRCodeCanvas);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(QRCodeCanvas)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"_canvas\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_image\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n imgLoaded: false\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleImageLoad\", function () {\n _this.setState({\n imgLoaded: true\n });\n });\n\n return _this;\n }\n\n _createClass(QRCodeCanvas, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (this._image && this._image.complete) {\n this.handleImageLoad();\n }\n\n this.update();\n }\n }, {\n key: \"componentWillReceiveProps\",\n value: function componentWillReceiveProps(nextProps) {\n var _this$props$imageSett, _nextProps$imageSetti;\n\n var currentSrc = (_this$props$imageSett = this.props.imageSettings) === null || _this$props$imageSett === void 0 ? void 0 : _this$props$imageSett.src;\n var nextSrc = (_nextProps$imageSetti = nextProps.imageSettings) === null || _nextProps$imageSetti === void 0 ? void 0 : _nextProps$imageSetti.src;\n\n if (currentSrc !== nextSrc) {\n this.setState({\n imgLoaded: false\n });\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate() {\n this.update();\n }\n }, {\n key: \"update\",\n value: function update() {\n var _this$props = this.props,\n value = _this$props.value,\n size = _this$props.size,\n level = _this$props.level,\n bgColor = _this$props.bgColor,\n fgColor = _this$props.fgColor,\n includeMargin = _this$props.includeMargin,\n imageSettings = _this$props.imageSettings; // We'll use type===-1 to force QRCode to automatically pick the best type\n\n var qrcode = new QRCodeImpl(-1, ErrorCorrectLevel[level]);\n qrcode.addData(convertStr(value));\n qrcode.make();\n\n if (this._canvas != null) {\n var canvas = this._canvas;\n var ctx = canvas.getContext('2d');\n\n if (!ctx) {\n return;\n }\n\n var cells = qrcode.modules;\n\n if (cells === null) {\n return;\n }\n\n var margin = includeMargin ? MARGIN_SIZE : 0;\n var numCells = cells.length + margin * 2;\n var calculatedImageSettings = getImageSettings(this.props, cells);\n\n if (imageSettings != null && calculatedImageSettings != null) {\n if (calculatedImageSettings.excavation != null) {\n cells = excavateModules(cells, calculatedImageSettings.excavation);\n }\n } // We're going to scale this so that the number of drawable units\n // matches the number of cells. This avoids rounding issues, but does\n // result in some potentially unwanted single pixel issues between\n // blocks, only in environments that don't support Path2D.\n\n\n var pixelRatio = window.devicePixelRatio || 1;\n canvas.height = canvas.width = size * pixelRatio;\n var scale = size / numCells * pixelRatio;\n ctx.scale(scale, scale); // Draw solid background, only paint dark modules.\n\n ctx.fillStyle = bgColor;\n ctx.fillRect(0, 0, numCells, numCells);\n ctx.fillStyle = fgColor;\n\n if (SUPPORTS_PATH2D) {\n // $FlowFixMe: Path2D c'tor doesn't support args yet.\n ctx.fill(new Path2D(generatePath(cells, margin)));\n } else {\n cells.forEach(function (row, rdx) {\n row.forEach(function (cell, cdx) {\n if (cell) {\n ctx.fillRect(cdx + margin, rdx + margin, 1, 1);\n }\n });\n });\n }\n\n if (this.state.imgLoaded && this._image && calculatedImageSettings != null) {\n ctx.drawImage(this._image, calculatedImageSettings.x + margin, calculatedImageSettings.y + margin, calculatedImageSettings.w, calculatedImageSettings.h);\n }\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var _this$props2 = this.props,\n value = _this$props2.value,\n size = _this$props2.size,\n level = _this$props2.level,\n bgColor = _this$props2.bgColor,\n fgColor = _this$props2.fgColor,\n style = _this$props2.style,\n includeMargin = _this$props2.includeMargin,\n imageSettings = _this$props2.imageSettings,\n otherProps = _objectWithoutProperties(_this$props2, [\"value\", \"size\", \"level\", \"bgColor\", \"fgColor\", \"style\", \"includeMargin\", \"imageSettings\"]);\n\n var canvasStyle = _objectSpread({\n height: size,\n width: size\n }, style);\n\n var img = null;\n var imgSrc = imageSettings && imageSettings.src;\n\n if (imageSettings != null && imgSrc != null) {\n img = React.createElement(\"img\", {\n src: imgSrc,\n style: {\n display: 'none'\n },\n onLoad: this.handleImageLoad,\n ref: function ref(_ref) {\n return _this2._image = _ref;\n }\n });\n }\n\n return React.createElement(React.Fragment, null, React.createElement(\"canvas\", _extends({\n style: canvasStyle,\n height: size,\n width: size,\n ref: function ref(_ref2) {\n return _this2._canvas = _ref2;\n }\n }, otherProps)), img);\n }\n }]);\n\n return QRCodeCanvas;\n}(React.PureComponent);\n\n_defineProperty(QRCodeCanvas, \"defaultProps\", DEFAULT_PROPS);\n\nif (process.env.NODE_ENV !== 'production') {\n QRCodeCanvas.propTypes = PROP_TYPES;\n}\n\nvar QRCodeSVG =\n/*#__PURE__*/\nfunction (_React$PureComponent2) {\n _inherits(QRCodeSVG, _React$PureComponent2);\n\n function QRCodeSVG() {\n _classCallCheck(this, QRCodeSVG);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(QRCodeSVG).apply(this, arguments));\n }\n\n _createClass(QRCodeSVG, [{\n key: \"render\",\n value: function render() {\n var _this$props3 = this.props,\n value = _this$props3.value,\n size = _this$props3.size,\n level = _this$props3.level,\n bgColor = _this$props3.bgColor,\n fgColor = _this$props3.fgColor,\n includeMargin = _this$props3.includeMargin,\n imageSettings = _this$props3.imageSettings,\n otherProps = _objectWithoutProperties(_this$props3, [\"value\", \"size\", \"level\", \"bgColor\", \"fgColor\", \"includeMargin\", \"imageSettings\"]); // We'll use type===-1 to force QRCode to automatically pick the best type\n\n\n var qrcode = new QRCodeImpl(-1, ErrorCorrectLevel[level]);\n qrcode.addData(convertStr(value));\n qrcode.make();\n var cells = qrcode.modules;\n\n if (cells === null) {\n return null;\n }\n\n var margin = includeMargin ? MARGIN_SIZE : 0;\n var numCells = cells.length + margin * 2;\n var calculatedImageSettings = getImageSettings(this.props, cells);\n var image = null;\n\n if (imageSettings != null && calculatedImageSettings != null) {\n if (calculatedImageSettings.excavation != null) {\n cells = excavateModules(cells, calculatedImageSettings.excavation);\n }\n\n image = React.createElement(\"image\", {\n xlinkHref: imageSettings.src,\n height: calculatedImageSettings.h,\n width: calculatedImageSettings.w,\n x: calculatedImageSettings.x + margin,\n y: calculatedImageSettings.y + margin,\n preserveAspectRatio: \"none\"\n });\n } // Drawing strategy: instead of a rect per module, we're going to create a\n // single path for the dark modules and layer that on top of a light rect,\n // for a total of 2 DOM nodes. We pay a bit more in string concat but that's\n // way faster than DOM ops.\n // For level 1, 441 nodes -> 2\n // For level 40, 31329 -> 2\n\n\n var fgPath = generatePath(cells, margin);\n return React.createElement(\"svg\", _extends({\n shapeRendering: \"crispEdges\",\n height: size,\n width: size,\n viewBox: \"0 0 \".concat(numCells, \" \").concat(numCells)\n }, otherProps), React.createElement(\"path\", {\n fill: bgColor,\n d: \"M0,0 h\".concat(numCells, \"v\").concat(numCells, \"H0z\")\n }), React.createElement(\"path\", {\n fill: fgColor,\n d: fgPath\n }), image);\n }\n }]);\n\n return QRCodeSVG;\n}(React.PureComponent);\n\n_defineProperty(QRCodeSVG, \"defaultProps\", DEFAULT_PROPS);\n\nif (process.env.NODE_ENV !== 'production') {\n QRCodeSVG.propTypes = PROP_TYPES;\n}\n\nvar QRCode = function QRCode(props) {\n var renderAs = props.renderAs,\n otherProps = _objectWithoutProperties(props, [\"renderAs\"]);\n\n var Component = renderAs === 'svg' ? QRCodeSVG : QRCodeCanvas;\n return React.createElement(Component, otherProps);\n};\n\nQRCode.defaultProps = _objectSpread({\n renderAs: 'canvas'\n}, DEFAULT_PROPS);\nmodule.exports = QRCode;","var _concat =\n/*#__PURE__*/\nrequire(\"./internal/_concat.js\");\n\nvar _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1.js\");\n\nvar curryN =\n/*#__PURE__*/\nrequire(\"./curryN.js\");\n/**\n * Creates a new list iteration function from an existing one by adding two new\n * parameters to its callback function: the current index, and the entire list.\n *\n * This would turn, for instance, [`R.map`](#map) function into one that\n * more closely resembles `Array.prototype.map`. Note that this will only work\n * for functions in which the iteration callback function is the first\n * parameter, and where the list is the last parameter. (This latter might be\n * unimportant if the list parameter is not used.)\n *\n * @func\n * @memberOf R\n * @since v0.15.0\n * @category Function\n * @category List\n * @sig (((a ...) -> b) ... -> [a] -> *) -> (((a ..., Int, [a]) -> b) ... -> [a] -> *)\n * @param {Function} fn A list iteration function that does not pass index or list to its callback\n * @return {Function} An altered list iteration function that passes (item, index, list) to its callback\n * @example\n *\n * const mapIndexed = R.addIndex(R.map);\n * mapIndexed((val, idx) => idx + '-' + val, ['f', 'o', 'o', 'b', 'a', 'r']);\n * //=> ['0-f', '1-o', '2-o', '3-b', '4-a', '5-r']\n */\n\n\nvar addIndex =\n/*#__PURE__*/\n_curry1(function addIndex(fn) {\n return curryN(fn.length, function () {\n var idx = 0;\n var origFn = arguments[0];\n var list = arguments[arguments.length - 1];\n var args = Array.prototype.slice.call(arguments, 0);\n\n args[0] = function () {\n var result = origFn.apply(this, _concat(arguments, [idx, list]));\n idx += 1;\n return result;\n };\n\n return fn.apply(this, args);\n });\n});\n\nmodule.exports = addIndex;","var _arity =\n/*#__PURE__*/\nrequire(\"./internal/_arity.js\");\n\nvar _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2.js\");\n/**\n * Creates a function that is bound to a context.\n * Note: `R.bind` does not provide the additional argument-binding capabilities of\n * [Function.prototype.bind](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind).\n *\n * @func\n * @memberOf R\n * @since v0.6.0\n * @category Function\n * @category Object\n * @sig (* -> *) -> {*} -> (* -> *)\n * @param {Function} fn The function to bind to context\n * @param {Object} thisObj The context to bind `fn` to\n * @return {Function} A function that will execute in the context of `thisObj`.\n * @see R.partial\n * @example\n *\n * const log = R.bind(console.log, console);\n * R.pipe(R.assoc('a', 2), R.tap(log), R.assoc('a', 3))({a: 1}); //=> {a: 3}\n * // logs {a: 2}\n * @symb R.bind(f, o)(a, b) = f.call(o, a, b)\n */\n\n\nvar bind =\n/*#__PURE__*/\n_curry2(function bind(fn, thisObj) {\n return _arity(fn.length, function () {\n return fn.apply(thisObj, arguments);\n });\n});\n\nmodule.exports = bind;","var _arity =\n/*#__PURE__*/\nrequire(\"./internal/_arity.js\");\n\nvar _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1.js\");\n\nvar _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2.js\");\n\nvar _curryN =\n/*#__PURE__*/\nrequire(\"./internal/_curryN.js\");\n/**\n * Returns a curried equivalent of the provided function, with the specified\n * arity. The curried function has two unusual capabilities. First, its\n * arguments needn't be provided one at a time. If `g` is `R.curryN(3, f)`, the\n * following are equivalent:\n *\n * - `g(1)(2)(3)`\n * - `g(1)(2, 3)`\n * - `g(1, 2)(3)`\n * - `g(1, 2, 3)`\n *\n * Secondly, the special placeholder value [`R.__`](#__) may be used to specify\n * \"gaps\", allowing partial application of any combination of arguments,\n * regardless of their positions. If `g` is as above and `_` is [`R.__`](#__),\n * the following are equivalent:\n *\n * - `g(1, 2, 3)`\n * - `g(_, 2, 3)(1)`\n * - `g(_, _, 3)(1)(2)`\n * - `g(_, _, 3)(1, 2)`\n * - `g(_, 2)(1)(3)`\n * - `g(_, 2)(1, 3)`\n * - `g(_, 2)(_, 3)(1)`\n *\n * @func\n * @memberOf R\n * @since v0.5.0\n * @category Function\n * @sig Number -> (* -> a) -> (* -> a)\n * @param {Number} length The arity for the returned function.\n * @param {Function} fn The function to curry.\n * @return {Function} A new, curried function.\n * @see R.curry\n * @example\n *\n * const sumArgs = (...args) => R.sum(args);\n *\n * const curriedAddFourNumbers = R.curryN(4, sumArgs);\n * const f = curriedAddFourNumbers(1, 2);\n * const g = f(3);\n * g(4); //=> 10\n */\n\n\nvar curryN =\n/*#__PURE__*/\n_curry2(function curryN(length, fn) {\n if (length === 1) {\n return _curry1(fn);\n }\n\n return _arity(length, _curryN(length, [], fn));\n});\n\nmodule.exports = curryN;","var _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2.js\");\n\nvar _equals =\n/*#__PURE__*/\nrequire(\"./internal/_equals.js\");\n/**\n * Returns `true` if its arguments are equivalent, `false` otherwise. Handles\n * cyclical data structures.\n *\n * Dispatches symmetrically to the `equals` methods of both arguments, if\n * present.\n *\n * @func\n * @memberOf R\n * @since v0.15.0\n * @category Relation\n * @sig a -> b -> Boolean\n * @param {*} a\n * @param {*} b\n * @return {Boolean}\n * @example\n *\n * R.equals(1, 1); //=> true\n * R.equals(1, '1'); //=> false\n * R.equals([1, 2, 3], [1, 2, 3]); //=> true\n *\n * const a = {}; a.v = a;\n * const b = {}; b.v = b;\n * R.equals(a, b); //=> true\n */\n\n\nvar equals =\n/*#__PURE__*/\n_curry2(function equals(a, b) {\n return _equals(a, b, [], []);\n});\n\nmodule.exports = equals;","var _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2.js\");\n\nvar _dispatchable =\n/*#__PURE__*/\nrequire(\"./internal/_dispatchable.js\");\n\nvar _filter =\n/*#__PURE__*/\nrequire(\"./internal/_filter.js\");\n\nvar _isObject =\n/*#__PURE__*/\nrequire(\"./internal/_isObject.js\");\n\nvar _reduce =\n/*#__PURE__*/\nrequire(\"./internal/_reduce.js\");\n\nvar _xfilter =\n/*#__PURE__*/\nrequire(\"./internal/_xfilter.js\");\n\nvar keys =\n/*#__PURE__*/\nrequire(\"./keys.js\");\n/**\n * Takes a predicate and a `Filterable`, and returns a new filterable of the\n * same type containing the members of the given filterable which satisfy the\n * given predicate. Filterable objects include plain objects or any object\n * that has a filter method such as `Array`.\n *\n * Dispatches to the `filter` method of the second argument, if present.\n *\n * Acts as a transducer if a transformer is given in list position.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig Filterable f => (a -> Boolean) -> f a -> f a\n * @param {Function} pred\n * @param {Array} filterable\n * @return {Array} Filterable\n * @see R.reject, R.transduce, R.addIndex\n * @example\n *\n * const isEven = n => n % 2 === 0;\n *\n * R.filter(isEven, [1, 2, 3, 4]); //=> [2, 4]\n *\n * R.filter(isEven, {a: 1, b: 2, c: 3, d: 4}); //=> {b: 2, d: 4}\n */\n\n\nvar filter =\n/*#__PURE__*/\n_curry2(\n/*#__PURE__*/\n_dispatchable(['fantasy-land/filter', 'filter'], _xfilter, function (pred, filterable) {\n return _isObject(filterable) ? _reduce(function (acc, key) {\n if (pred(filterable[key])) {\n acc[key] = filterable[key];\n }\n\n return acc;\n }, {}, keys(filterable)) : // else\n _filter(pred, filterable);\n}));\n\nmodule.exports = filter;","var _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2.js\");\n\nvar _dispatchable =\n/*#__PURE__*/\nrequire(\"./internal/_dispatchable.js\");\n\nvar _xfind =\n/*#__PURE__*/\nrequire(\"./internal/_xfind.js\");\n/**\n * Returns the first element of the list which matches the predicate, or\n * `undefined` if no element matches.\n *\n * Dispatches to the `find` method of the second argument, if present.\n *\n * Acts as a transducer if a transformer is given in list position.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig (a -> Boolean) -> [a] -> a | undefined\n * @param {Function} fn The predicate function used to determine if the element is the\n * desired one.\n * @param {Array} list The array to consider.\n * @return {Object} The element found, or `undefined`.\n * @see R.transduce\n * @example\n *\n * const xs = [{a: 1}, {a: 2}, {a: 3}];\n * R.find(R.propEq('a', 2))(xs); //=> {a: 2}\n * R.find(R.propEq('a', 4))(xs); //=> undefined\n */\n\n\nvar find =\n/*#__PURE__*/\n_curry2(\n/*#__PURE__*/\n_dispatchable(['find'], _xfind, function find(fn, list) {\n var idx = 0;\n var len = list.length;\n\n while (idx < len) {\n if (fn(list[idx])) {\n return list[idx];\n }\n\n idx += 1;\n }\n}));\n\nmodule.exports = find;","var _checkForMethod =\n/*#__PURE__*/\nrequire(\"./internal/_checkForMethod.js\");\n\nvar _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2.js\");\n/**\n * Iterate over an input `list`, calling a provided function `fn` for each\n * element in the list.\n *\n * `fn` receives one argument: *(value)*.\n *\n * Note: `R.forEach` does not skip deleted or unassigned indices (sparse\n * arrays), unlike the native `Array.prototype.forEach` method. For more\n * details on this behavior, see:\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach#Description\n *\n * Also note that, unlike `Array.prototype.forEach`, Ramda's `forEach` returns\n * the original array. In some libraries this function is named `each`.\n *\n * Dispatches to the `forEach` method of the second argument, if present.\n *\n * @func\n * @memberOf R\n * @since v0.1.1\n * @category List\n * @sig (a -> *) -> [a] -> [a]\n * @param {Function} fn The function to invoke. Receives one argument, `value`.\n * @param {Array} list The list to iterate over.\n * @return {Array} The original list.\n * @see R.addIndex\n * @example\n *\n * const printXPlusFive = x => console.log(x + 5);\n * R.forEach(printXPlusFive, [1, 2, 3]); //=> [1, 2, 3]\n * // logs 6\n * // logs 7\n * // logs 8\n * @symb R.forEach(f, [a, b, c]) = [a, b, c]\n */\n\n\nvar forEach =\n/*#__PURE__*/\n_curry2(\n/*#__PURE__*/\n_checkForMethod('forEach', function forEach(fn, list) {\n var len = list.length;\n var idx = 0;\n\n while (idx < len) {\n fn(list[idx]);\n idx += 1;\n }\n\n return list;\n}));\n\nmodule.exports = forEach;","var _includes =\n/*#__PURE__*/\nrequire(\"./internal/_includes.js\");\n\nvar _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2.js\");\n/**\n * Returns `true` if the specified value is equal, in [`R.equals`](#equals)\n * terms, to at least one element of the given list; `false` otherwise.\n * Also works with strings.\n *\n * @func\n * @memberOf R\n * @since v0.26.0\n * @category List\n * @sig a -> [a] -> Boolean\n * @param {Object} a The item to compare against.\n * @param {Array} list The array to consider.\n * @return {Boolean} `true` if an equivalent item is in the list, `false` otherwise.\n * @see R.any\n * @example\n *\n * R.includes(3, [1, 2, 3]); //=> true\n * R.includes(4, [1, 2, 3]); //=> false\n * R.includes({ name: 'Fred' }, [{ name: 'Fred' }]); //=> true\n * R.includes([42], [[42]]); //=> true\n * R.includes('ba', 'banana'); //=>true\n */\n\n\nvar includes =\n/*#__PURE__*/\n_curry2(_includes);\n\nmodule.exports = includes;","function _arity(n, fn) {\n /* eslint-disable no-unused-vars */\n switch (n) {\n case 0:\n return function () {\n return fn.apply(this, arguments);\n };\n\n case 1:\n return function (a0) {\n return fn.apply(this, arguments);\n };\n\n case 2:\n return function (a0, a1) {\n return fn.apply(this, arguments);\n };\n\n case 3:\n return function (a0, a1, a2) {\n return fn.apply(this, arguments);\n };\n\n case 4:\n return function (a0, a1, a2, a3) {\n return fn.apply(this, arguments);\n };\n\n case 5:\n return function (a0, a1, a2, a3, a4) {\n return fn.apply(this, arguments);\n };\n\n case 6:\n return function (a0, a1, a2, a3, a4, a5) {\n return fn.apply(this, arguments);\n };\n\n case 7:\n return function (a0, a1, a2, a3, a4, a5, a6) {\n return fn.apply(this, arguments);\n };\n\n case 8:\n return function (a0, a1, a2, a3, a4, a5, a6, a7) {\n return fn.apply(this, arguments);\n };\n\n case 9:\n return function (a0, a1, a2, a3, a4, a5, a6, a7, a8) {\n return fn.apply(this, arguments);\n };\n\n case 10:\n return function (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) {\n return fn.apply(this, arguments);\n };\n\n default:\n throw new Error('First argument to _arity must be a non-negative integer no greater than ten');\n }\n}\n\nmodule.exports = _arity;","function _arrayFromIterator(iter) {\n var list = [];\n var next;\n\n while (!(next = iter.next()).done) {\n list.push(next.value);\n }\n\n return list;\n}\n\nmodule.exports = _arrayFromIterator;","var _isArray =\n/*#__PURE__*/\nrequire(\"./_isArray.js\");\n/**\n * This checks whether a function has a [methodname] function. If it isn't an\n * array it will execute that function otherwise it will default to the ramda\n * implementation.\n *\n * @private\n * @param {Function} fn ramda implementation\n * @param {String} methodname property to check for a custom implementation\n * @return {Object} Whatever the return value of the method is.\n */\n\n\nfunction _checkForMethod(methodname, fn) {\n return function () {\n var length = arguments.length;\n\n if (length === 0) {\n return fn();\n }\n\n var obj = arguments[length - 1];\n return _isArray(obj) || typeof obj[methodname] !== 'function' ? fn.apply(this, arguments) : obj[methodname].apply(obj, Array.prototype.slice.call(arguments, 0, length - 1));\n };\n}\n\nmodule.exports = _checkForMethod;","function _complement(f) {\n return function () {\n return !f.apply(this, arguments);\n };\n}\n\nmodule.exports = _complement;","/**\n * Private `concat` function to merge two array-like objects.\n *\n * @private\n * @param {Array|Arguments} [set1=[]] An array-like object.\n * @param {Array|Arguments} [set2=[]] An array-like object.\n * @return {Array} A new, merged array.\n * @example\n *\n * _concat([4, 5, 6], [1, 2, 3]); //=> [4, 5, 6, 1, 2, 3]\n */\nfunction _concat(set1, set2) {\n set1 = set1 || [];\n set2 = set2 || [];\n var idx;\n var len1 = set1.length;\n var len2 = set2.length;\n var result = [];\n idx = 0;\n\n while (idx < len1) {\n result[result.length] = set1[idx];\n idx += 1;\n }\n\n idx = 0;\n\n while (idx < len2) {\n result[result.length] = set2[idx];\n idx += 1;\n }\n\n return result;\n}\n\nmodule.exports = _concat;","var _isPlaceholder =\n/*#__PURE__*/\nrequire(\"./_isPlaceholder.js\");\n/**\n * Optimized internal one-arity curry function.\n *\n * @private\n * @category Function\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\n\nfunction _curry1(fn) {\n return function f1(a) {\n if (arguments.length === 0 || _isPlaceholder(a)) {\n return f1;\n } else {\n return fn.apply(this, arguments);\n }\n };\n}\n\nmodule.exports = _curry1;","var _curry1 =\n/*#__PURE__*/\nrequire(\"./_curry1.js\");\n\nvar _isPlaceholder =\n/*#__PURE__*/\nrequire(\"./_isPlaceholder.js\");\n/**\n * Optimized internal two-arity curry function.\n *\n * @private\n * @category Function\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\n\nfunction _curry2(fn) {\n return function f2(a, b) {\n switch (arguments.length) {\n case 0:\n return f2;\n\n case 1:\n return _isPlaceholder(a) ? f2 : _curry1(function (_b) {\n return fn(a, _b);\n });\n\n default:\n return _isPlaceholder(a) && _isPlaceholder(b) ? f2 : _isPlaceholder(a) ? _curry1(function (_a) {\n return fn(_a, b);\n }) : _isPlaceholder(b) ? _curry1(function (_b) {\n return fn(a, _b);\n }) : fn(a, b);\n }\n };\n}\n\nmodule.exports = _curry2;","var _curry1 =\n/*#__PURE__*/\nrequire(\"./_curry1.js\");\n\nvar _curry2 =\n/*#__PURE__*/\nrequire(\"./_curry2.js\");\n\nvar _isPlaceholder =\n/*#__PURE__*/\nrequire(\"./_isPlaceholder.js\");\n/**\n * Optimized internal three-arity curry function.\n *\n * @private\n * @category Function\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\n\nfunction _curry3(fn) {\n return function f3(a, b, c) {\n switch (arguments.length) {\n case 0:\n return f3;\n\n case 1:\n return _isPlaceholder(a) ? f3 : _curry2(function (_b, _c) {\n return fn(a, _b, _c);\n });\n\n case 2:\n return _isPlaceholder(a) && _isPlaceholder(b) ? f3 : _isPlaceholder(a) ? _curry2(function (_a, _c) {\n return fn(_a, b, _c);\n }) : _isPlaceholder(b) ? _curry2(function (_b, _c) {\n return fn(a, _b, _c);\n }) : _curry1(function (_c) {\n return fn(a, b, _c);\n });\n\n default:\n return _isPlaceholder(a) && _isPlaceholder(b) && _isPlaceholder(c) ? f3 : _isPlaceholder(a) && _isPlaceholder(b) ? _curry2(function (_a, _b) {\n return fn(_a, _b, c);\n }) : _isPlaceholder(a) && _isPlaceholder(c) ? _curry2(function (_a, _c) {\n return fn(_a, b, _c);\n }) : _isPlaceholder(b) && _isPlaceholder(c) ? _curry2(function (_b, _c) {\n return fn(a, _b, _c);\n }) : _isPlaceholder(a) ? _curry1(function (_a) {\n return fn(_a, b, c);\n }) : _isPlaceholder(b) ? _curry1(function (_b) {\n return fn(a, _b, c);\n }) : _isPlaceholder(c) ? _curry1(function (_c) {\n return fn(a, b, _c);\n }) : fn(a, b, c);\n }\n };\n}\n\nmodule.exports = _curry3;","var _arity =\n/*#__PURE__*/\nrequire(\"./_arity.js\");\n\nvar _isPlaceholder =\n/*#__PURE__*/\nrequire(\"./_isPlaceholder.js\");\n/**\n * Internal curryN function.\n *\n * @private\n * @category Function\n * @param {Number} length The arity of the curried function.\n * @param {Array} received An array of arguments received thus far.\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\n\nfunction _curryN(length, received, fn) {\n return function () {\n var combined = [];\n var argsIdx = 0;\n var left = length;\n var combinedIdx = 0;\n\n while (combinedIdx < received.length || argsIdx < arguments.length) {\n var result;\n\n if (combinedIdx < received.length && (!_isPlaceholder(received[combinedIdx]) || argsIdx >= arguments.length)) {\n result = received[combinedIdx];\n } else {\n result = arguments[argsIdx];\n argsIdx += 1;\n }\n\n combined[combinedIdx] = result;\n\n if (!_isPlaceholder(result)) {\n left -= 1;\n }\n\n combinedIdx += 1;\n }\n\n return left <= 0 ? fn.apply(this, combined) : _arity(left, _curryN(length, combined, fn));\n };\n}\n\nmodule.exports = _curryN;","var _isArray =\n/*#__PURE__*/\nrequire(\"./_isArray.js\");\n\nvar _isTransformer =\n/*#__PURE__*/\nrequire(\"./_isTransformer.js\");\n/**\n * Returns a function that dispatches with different strategies based on the\n * object in list position (last argument). If it is an array, executes [fn].\n * Otherwise, if it has a function with one of the given method names, it will\n * execute that function (functor case). Otherwise, if it is a transformer,\n * uses transducer created by [transducerCreator] to return a new transformer\n * (transducer case).\n * Otherwise, it will default to executing [fn].\n *\n * @private\n * @param {Array} methodNames properties to check for a custom implementation\n * @param {Function} transducerCreator transducer factory if object is transformer\n * @param {Function} fn default ramda implementation\n * @return {Function} A function that dispatches on object in list position\n */\n\n\nfunction _dispatchable(methodNames, transducerCreator, fn) {\n return function () {\n if (arguments.length === 0) {\n return fn();\n }\n\n var obj = arguments[arguments.length - 1];\n\n if (!_isArray(obj)) {\n var idx = 0;\n\n while (idx < methodNames.length) {\n if (typeof obj[methodNames[idx]] === 'function') {\n return obj[methodNames[idx]].apply(obj, Array.prototype.slice.call(arguments, 0, -1));\n }\n\n idx += 1;\n }\n\n if (_isTransformer(obj)) {\n var transducer = transducerCreator.apply(null, Array.prototype.slice.call(arguments, 0, -1));\n return transducer(obj);\n }\n }\n\n return fn.apply(this, arguments);\n };\n}\n\nmodule.exports = _dispatchable;","var _arrayFromIterator =\n/*#__PURE__*/\nrequire(\"./_arrayFromIterator.js\");\n\nvar _includesWith =\n/*#__PURE__*/\nrequire(\"./_includesWith.js\");\n\nvar _functionName =\n/*#__PURE__*/\nrequire(\"./_functionName.js\");\n\nvar _has =\n/*#__PURE__*/\nrequire(\"./_has.js\");\n\nvar _objectIs =\n/*#__PURE__*/\nrequire(\"./_objectIs.js\");\n\nvar keys =\n/*#__PURE__*/\nrequire(\"../keys.js\");\n\nvar type =\n/*#__PURE__*/\nrequire(\"../type.js\");\n/**\n * private _uniqContentEquals function.\n * That function is checking equality of 2 iterator contents with 2 assumptions\n * - iterators lengths are the same\n * - iterators values are unique\n *\n * false-positive result will be returned for comparison of, e.g.\n * - [1,2,3] and [1,2,3,4]\n * - [1,1,1] and [1,2,3]\n * */\n\n\nfunction _uniqContentEquals(aIterator, bIterator, stackA, stackB) {\n var a = _arrayFromIterator(aIterator);\n\n var b = _arrayFromIterator(bIterator);\n\n function eq(_a, _b) {\n return _equals(_a, _b, stackA.slice(), stackB.slice());\n } // if *a* array contains any element that is not included in *b*\n\n\n return !_includesWith(function (b, aItem) {\n return !_includesWith(eq, aItem, b);\n }, b, a);\n}\n\nfunction _equals(a, b, stackA, stackB) {\n if (_objectIs(a, b)) {\n return true;\n }\n\n var typeA = type(a);\n\n if (typeA !== type(b)) {\n return false;\n }\n\n if (typeof a['fantasy-land/equals'] === 'function' || typeof b['fantasy-land/equals'] === 'function') {\n return typeof a['fantasy-land/equals'] === 'function' && a['fantasy-land/equals'](b) && typeof b['fantasy-land/equals'] === 'function' && b['fantasy-land/equals'](a);\n }\n\n if (typeof a.equals === 'function' || typeof b.equals === 'function') {\n return typeof a.equals === 'function' && a.equals(b) && typeof b.equals === 'function' && b.equals(a);\n }\n\n switch (typeA) {\n case 'Arguments':\n case 'Array':\n case 'Object':\n if (typeof a.constructor === 'function' && _functionName(a.constructor) === 'Promise') {\n return a === b;\n }\n\n break;\n\n case 'Boolean':\n case 'Number':\n case 'String':\n if (!(typeof a === typeof b && _objectIs(a.valueOf(), b.valueOf()))) {\n return false;\n }\n\n break;\n\n case 'Date':\n if (!_objectIs(a.valueOf(), b.valueOf())) {\n return false;\n }\n\n break;\n\n case 'Error':\n return a.name === b.name && a.message === b.message;\n\n case 'RegExp':\n if (!(a.source === b.source && a.global === b.global && a.ignoreCase === b.ignoreCase && a.multiline === b.multiline && a.sticky === b.sticky && a.unicode === b.unicode)) {\n return false;\n }\n\n break;\n }\n\n var idx = stackA.length - 1;\n\n while (idx >= 0) {\n if (stackA[idx] === a) {\n return stackB[idx] === b;\n }\n\n idx -= 1;\n }\n\n switch (typeA) {\n case 'Map':\n if (a.size !== b.size) {\n return false;\n }\n\n return _uniqContentEquals(a.entries(), b.entries(), stackA.concat([a]), stackB.concat([b]));\n\n case 'Set':\n if (a.size !== b.size) {\n return false;\n }\n\n return _uniqContentEquals(a.values(), b.values(), stackA.concat([a]), stackB.concat([b]));\n\n case 'Arguments':\n case 'Array':\n case 'Object':\n case 'Boolean':\n case 'Number':\n case 'String':\n case 'Date':\n case 'Error':\n case 'RegExp':\n case 'Int8Array':\n case 'Uint8Array':\n case 'Uint8ClampedArray':\n case 'Int16Array':\n case 'Uint16Array':\n case 'Int32Array':\n case 'Uint32Array':\n case 'Float32Array':\n case 'Float64Array':\n case 'ArrayBuffer':\n break;\n\n default:\n // Values of other types are only equal if identical.\n return false;\n }\n\n var keysA = keys(a);\n\n if (keysA.length !== keys(b).length) {\n return false;\n }\n\n var extendedStackA = stackA.concat([a]);\n var extendedStackB = stackB.concat([b]);\n idx = keysA.length - 1;\n\n while (idx >= 0) {\n var key = keysA[idx];\n\n if (!(_has(key, b) && _equals(b[key], a[key], extendedStackA, extendedStackB))) {\n return false;\n }\n\n idx -= 1;\n }\n\n return true;\n}\n\nmodule.exports = _equals;","function _filter(fn, list) {\n var idx = 0;\n var len = list.length;\n var result = [];\n\n while (idx < len) {\n if (fn(list[idx])) {\n result[result.length] = list[idx];\n }\n\n idx += 1;\n }\n\n return result;\n}\n\nmodule.exports = _filter;","function _functionName(f) {\n // String(x => x) evaluates to \"x => x\", so the pattern may not match.\n var match = String(f).match(/^function (\\w*)/);\n return match == null ? '' : match[1];\n}\n\nmodule.exports = _functionName;","function _has(prop, obj) {\n return Object.prototype.hasOwnProperty.call(obj, prop);\n}\n\nmodule.exports = _has;","var _indexOf =\n/*#__PURE__*/\nrequire(\"./_indexOf.js\");\n\nfunction _includes(a, list) {\n return _indexOf(list, a, 0) >= 0;\n}\n\nmodule.exports = _includes;","function _includesWith(pred, x, list) {\n var idx = 0;\n var len = list.length;\n\n while (idx < len) {\n if (pred(x, list[idx])) {\n return true;\n }\n\n idx += 1;\n }\n\n return false;\n}\n\nmodule.exports = _includesWith;","var equals =\n/*#__PURE__*/\nrequire(\"../equals.js\");\n\nfunction _indexOf(list, a, idx) {\n var inf, item; // Array.prototype.indexOf doesn't exist below IE9\n\n if (typeof list.indexOf === 'function') {\n switch (typeof a) {\n case 'number':\n if (a === 0) {\n // manually crawl the list to distinguish between +0 and -0\n inf = 1 / a;\n\n while (idx < list.length) {\n item = list[idx];\n\n if (item === 0 && 1 / item === inf) {\n return idx;\n }\n\n idx += 1;\n }\n\n return -1;\n } else if (a !== a) {\n // NaN\n while (idx < list.length) {\n item = list[idx];\n\n if (typeof item === 'number' && item !== item) {\n return idx;\n }\n\n idx += 1;\n }\n\n return -1;\n } // non-zero numbers can utilise Set\n\n\n return list.indexOf(a, idx);\n // all these types can utilise Set\n\n case 'string':\n case 'boolean':\n case 'function':\n case 'undefined':\n return list.indexOf(a, idx);\n\n case 'object':\n if (a === null) {\n // null can utilise Set\n return list.indexOf(a, idx);\n }\n\n }\n } // anything else not covered above, defer to R.equals\n\n\n while (idx < list.length) {\n if (equals(list[idx], a)) {\n return idx;\n }\n\n idx += 1;\n }\n\n return -1;\n}\n\nmodule.exports = _indexOf;","var _has =\n/*#__PURE__*/\nrequire(\"./_has.js\");\n\nvar toString = Object.prototype.toString;\n\nvar _isArguments =\n/*#__PURE__*/\nfunction () {\n return toString.call(arguments) === '[object Arguments]' ? function _isArguments(x) {\n return toString.call(x) === '[object Arguments]';\n } : function _isArguments(x) {\n return _has('callee', x);\n };\n}();\n\nmodule.exports = _isArguments;","/**\n * Tests whether or not an object is an array.\n *\n * @private\n * @param {*} val The object to test.\n * @return {Boolean} `true` if `val` is an array, `false` otherwise.\n * @example\n *\n * _isArray([]); //=> true\n * _isArray(null); //=> false\n * _isArray({}); //=> false\n */\nmodule.exports = Array.isArray || function _isArray(val) {\n return val != null && val.length >= 0 && Object.prototype.toString.call(val) === '[object Array]';\n};","var _curry1 =\n/*#__PURE__*/\nrequire(\"./_curry1.js\");\n\nvar _isArray =\n/*#__PURE__*/\nrequire(\"./_isArray.js\");\n\nvar _isString =\n/*#__PURE__*/\nrequire(\"./_isString.js\");\n/**\n * Tests whether or not an object is similar to an array.\n *\n * @private\n * @category Type\n * @category List\n * @sig * -> Boolean\n * @param {*} x The object to test.\n * @return {Boolean} `true` if `x` has a numeric length property and extreme indices defined; `false` otherwise.\n * @example\n *\n * _isArrayLike([]); //=> true\n * _isArrayLike(true); //=> false\n * _isArrayLike({}); //=> false\n * _isArrayLike({length: 10}); //=> false\n * _isArrayLike({0: 'zero', 9: 'nine', length: 10}); //=> true\n * _isArrayLike({nodeType: 1, length: 1}) // => false\n */\n\n\nvar _isArrayLike =\n/*#__PURE__*/\n_curry1(function isArrayLike(x) {\n if (_isArray(x)) {\n return true;\n }\n\n if (!x) {\n return false;\n }\n\n if (typeof x !== 'object') {\n return false;\n }\n\n if (_isString(x)) {\n return false;\n }\n\n if (x.length === 0) {\n return true;\n }\n\n if (x.length > 0) {\n return x.hasOwnProperty(0) && x.hasOwnProperty(x.length - 1);\n }\n\n return false;\n});\n\nmodule.exports = _isArrayLike;","function _isObject(x) {\n return Object.prototype.toString.call(x) === '[object Object]';\n}\n\nmodule.exports = _isObject;","function _isPlaceholder(a) {\n return a != null && typeof a === 'object' && a['@@functional/placeholder'] === true;\n}\n\nmodule.exports = _isPlaceholder;","function _isString(x) {\n return Object.prototype.toString.call(x) === '[object String]';\n}\n\nmodule.exports = _isString;","function _isTransformer(obj) {\n return obj != null && typeof obj['@@transducer/step'] === 'function';\n}\n\nmodule.exports = _isTransformer;","function _map(fn, functor) {\n var idx = 0;\n var len = functor.length;\n var result = Array(len);\n\n while (idx < len) {\n result[idx] = fn(functor[idx]);\n idx += 1;\n }\n\n return result;\n}\n\nmodule.exports = _map;","// Based on https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\nfunction _objectIs(a, b) {\n // SameValue algorithm\n if (a === b) {\n // Steps 1-5, 7-10\n // Steps 6.b-6.e: +0 != -0\n return a !== 0 || 1 / a === 1 / b;\n } else {\n // Step 6.a: NaN == NaN\n return a !== a && b !== b;\n }\n}\n\nmodule.exports = typeof Object.is === 'function' ? Object.is : _objectIs;","var _isArrayLike =\n/*#__PURE__*/\nrequire(\"./_isArrayLike.js\");\n\nvar _xwrap =\n/*#__PURE__*/\nrequire(\"./_xwrap.js\");\n\nvar bind =\n/*#__PURE__*/\nrequire(\"../bind.js\");\n\nfunction _arrayReduce(xf, acc, list) {\n var idx = 0;\n var len = list.length;\n\n while (idx < len) {\n acc = xf['@@transducer/step'](acc, list[idx]);\n\n if (acc && acc['@@transducer/reduced']) {\n acc = acc['@@transducer/value'];\n break;\n }\n\n idx += 1;\n }\n\n return xf['@@transducer/result'](acc);\n}\n\nfunction _iterableReduce(xf, acc, iter) {\n var step = iter.next();\n\n while (!step.done) {\n acc = xf['@@transducer/step'](acc, step.value);\n\n if (acc && acc['@@transducer/reduced']) {\n acc = acc['@@transducer/value'];\n break;\n }\n\n step = iter.next();\n }\n\n return xf['@@transducer/result'](acc);\n}\n\nfunction _methodReduce(xf, acc, obj, methodName) {\n return xf['@@transducer/result'](obj[methodName](bind(xf['@@transducer/step'], xf), acc));\n}\n\nvar symIterator = typeof Symbol !== 'undefined' ? Symbol.iterator : '@@iterator';\n\nfunction _reduce(fn, acc, list) {\n if (typeof fn === 'function') {\n fn = _xwrap(fn);\n }\n\n if (_isArrayLike(list)) {\n return _arrayReduce(fn, acc, list);\n }\n\n if (typeof list['fantasy-land/reduce'] === 'function') {\n return _methodReduce(fn, acc, list, 'fantasy-land/reduce');\n }\n\n if (list[symIterator] != null) {\n return _iterableReduce(fn, acc, list[symIterator]());\n }\n\n if (typeof list.next === 'function') {\n return _iterableReduce(fn, acc, list);\n }\n\n if (typeof list.reduce === 'function') {\n return _methodReduce(fn, acc, list, 'reduce');\n }\n\n throw new TypeError('reduce: list must be array or iterable');\n}\n\nmodule.exports = _reduce;","function _reduced(x) {\n return x && x['@@transducer/reduced'] ? x : {\n '@@transducer/value': x,\n '@@transducer/reduced': true\n };\n}\n\nmodule.exports = _reduced;","module.exports = {\n init: function () {\n return this.xf['@@transducer/init']();\n },\n result: function (result) {\n return this.xf['@@transducer/result'](result);\n }\n};","var _curry2 =\n/*#__PURE__*/\nrequire(\"./_curry2.js\");\n\nvar _xfBase =\n/*#__PURE__*/\nrequire(\"./_xfBase.js\");\n\nvar XFilter =\n/*#__PURE__*/\nfunction () {\n function XFilter(f, xf) {\n this.xf = xf;\n this.f = f;\n }\n\n XFilter.prototype['@@transducer/init'] = _xfBase.init;\n XFilter.prototype['@@transducer/result'] = _xfBase.result;\n\n XFilter.prototype['@@transducer/step'] = function (result, input) {\n return this.f(input) ? this.xf['@@transducer/step'](result, input) : result;\n };\n\n return XFilter;\n}();\n\nvar _xfilter =\n/*#__PURE__*/\n_curry2(function _xfilter(f, xf) {\n return new XFilter(f, xf);\n});\n\nmodule.exports = _xfilter;","var _curry2 =\n/*#__PURE__*/\nrequire(\"./_curry2.js\");\n\nvar _reduced =\n/*#__PURE__*/\nrequire(\"./_reduced.js\");\n\nvar _xfBase =\n/*#__PURE__*/\nrequire(\"./_xfBase.js\");\n\nvar XFind =\n/*#__PURE__*/\nfunction () {\n function XFind(f, xf) {\n this.xf = xf;\n this.f = f;\n this.found = false;\n }\n\n XFind.prototype['@@transducer/init'] = _xfBase.init;\n\n XFind.prototype['@@transducer/result'] = function (result) {\n if (!this.found) {\n result = this.xf['@@transducer/step'](result, void 0);\n }\n\n return this.xf['@@transducer/result'](result);\n };\n\n XFind.prototype['@@transducer/step'] = function (result, input) {\n if (this.f(input)) {\n this.found = true;\n result = _reduced(this.xf['@@transducer/step'](result, input));\n }\n\n return result;\n };\n\n return XFind;\n}();\n\nvar _xfind =\n/*#__PURE__*/\n_curry2(function _xfind(f, xf) {\n return new XFind(f, xf);\n});\n\nmodule.exports = _xfind;","var _curry2 =\n/*#__PURE__*/\nrequire(\"./_curry2.js\");\n\nvar _xfBase =\n/*#__PURE__*/\nrequire(\"./_xfBase.js\");\n\nvar XMap =\n/*#__PURE__*/\nfunction () {\n function XMap(f, xf) {\n this.xf = xf;\n this.f = f;\n }\n\n XMap.prototype['@@transducer/init'] = _xfBase.init;\n XMap.prototype['@@transducer/result'] = _xfBase.result;\n\n XMap.prototype['@@transducer/step'] = function (result, input) {\n return this.xf['@@transducer/step'](result, this.f(input));\n };\n\n return XMap;\n}();\n\nvar _xmap =\n/*#__PURE__*/\n_curry2(function _xmap(f, xf) {\n return new XMap(f, xf);\n});\n\nmodule.exports = _xmap;","var _curry2 =\n/*#__PURE__*/\nrequire(\"./_curry2.js\");\n\nvar _reduced =\n/*#__PURE__*/\nrequire(\"./_reduced.js\");\n\nvar _xfBase =\n/*#__PURE__*/\nrequire(\"./_xfBase.js\");\n\nvar XTake =\n/*#__PURE__*/\nfunction () {\n function XTake(n, xf) {\n this.xf = xf;\n this.n = n;\n this.i = 0;\n }\n\n XTake.prototype['@@transducer/init'] = _xfBase.init;\n XTake.prototype['@@transducer/result'] = _xfBase.result;\n\n XTake.prototype['@@transducer/step'] = function (result, input) {\n this.i += 1;\n var ret = this.n === 0 ? result : this.xf['@@transducer/step'](result, input);\n return this.n >= 0 && this.i >= this.n ? _reduced(ret) : ret;\n };\n\n return XTake;\n}();\n\nvar _xtake =\n/*#__PURE__*/\n_curry2(function _xtake(n, xf) {\n return new XTake(n, xf);\n});\n\nmodule.exports = _xtake;","var XWrap =\n/*#__PURE__*/\nfunction () {\n function XWrap(fn) {\n this.f = fn;\n }\n\n XWrap.prototype['@@transducer/init'] = function () {\n throw new Error('init not implemented on XWrap');\n };\n\n XWrap.prototype['@@transducer/result'] = function (acc) {\n return acc;\n };\n\n XWrap.prototype['@@transducer/step'] = function (acc, x) {\n return this.f(acc, x);\n };\n\n return XWrap;\n}();\n\nfunction _xwrap(fn) {\n return new XWrap(fn);\n}\n\nmodule.exports = _xwrap;","var _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1.js\");\n\nvar _has =\n/*#__PURE__*/\nrequire(\"./internal/_has.js\");\n\nvar _isArguments =\n/*#__PURE__*/\nrequire(\"./internal/_isArguments.js\"); // cover IE < 9 keys issues\n\n\nvar hasEnumBug = !\n/*#__PURE__*/\n{\n toString: null\n}.propertyIsEnumerable('toString');\nvar nonEnumerableProps = ['constructor', 'valueOf', 'isPrototypeOf', 'toString', 'propertyIsEnumerable', 'hasOwnProperty', 'toLocaleString']; // Safari bug\n\nvar hasArgsEnumBug =\n/*#__PURE__*/\nfunction () {\n 'use strict';\n\n return arguments.propertyIsEnumerable('length');\n}();\n\nvar contains = function contains(list, item) {\n var idx = 0;\n\n while (idx < list.length) {\n if (list[idx] === item) {\n return true;\n }\n\n idx += 1;\n }\n\n return false;\n};\n/**\n * Returns a list containing the names of all the enumerable own properties of\n * the supplied object.\n * Note that the order of the output array is not guaranteed to be consistent\n * across different JS platforms.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Object\n * @sig {k: v} -> [k]\n * @param {Object} obj The object to extract properties from\n * @return {Array} An array of the object's own properties.\n * @see R.keysIn, R.values, R.toPairs\n * @example\n *\n * R.keys({a: 1, b: 2, c: 3}); //=> ['a', 'b', 'c']\n */\n\n\nvar keys = typeof Object.keys === 'function' && !hasArgsEnumBug ?\n/*#__PURE__*/\n_curry1(function keys(obj) {\n return Object(obj) !== obj ? [] : Object.keys(obj);\n}) :\n/*#__PURE__*/\n_curry1(function keys(obj) {\n if (Object(obj) !== obj) {\n return [];\n }\n\n var prop, nIdx;\n var ks = [];\n\n var checkArgsLength = hasArgsEnumBug && _isArguments(obj);\n\n for (prop in obj) {\n if (_has(prop, obj) && (!checkArgsLength || prop !== 'length')) {\n ks[ks.length] = prop;\n }\n }\n\n if (hasEnumBug) {\n nIdx = nonEnumerableProps.length - 1;\n\n while (nIdx >= 0) {\n prop = nonEnumerableProps[nIdx];\n\n if (_has(prop, obj) && !contains(ks, prop)) {\n ks[ks.length] = prop;\n }\n\n nIdx -= 1;\n }\n }\n\n return ks;\n});\nmodule.exports = keys;","var _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2.js\");\n\nvar _dispatchable =\n/*#__PURE__*/\nrequire(\"./internal/_dispatchable.js\");\n\nvar _map =\n/*#__PURE__*/\nrequire(\"./internal/_map.js\");\n\nvar _reduce =\n/*#__PURE__*/\nrequire(\"./internal/_reduce.js\");\n\nvar _xmap =\n/*#__PURE__*/\nrequire(\"./internal/_xmap.js\");\n\nvar curryN =\n/*#__PURE__*/\nrequire(\"./curryN.js\");\n\nvar keys =\n/*#__PURE__*/\nrequire(\"./keys.js\");\n/**\n * Takes a function and\n * a [functor](https://github.com/fantasyland/fantasy-land#functor),\n * applies the function to each of the functor's values, and returns\n * a functor of the same shape.\n *\n * Ramda provides suitable `map` implementations for `Array` and `Object`,\n * so this function may be applied to `[1, 2, 3]` or `{x: 1, y: 2, z: 3}`.\n *\n * Dispatches to the `map` method of the second argument, if present.\n *\n * Acts as a transducer if a transformer is given in list position.\n *\n * Also treats functions as functors and will compose them together.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig Functor f => (a -> b) -> f a -> f b\n * @param {Function} fn The function to be called on every element of the input `list`.\n * @param {Array} list The list to be iterated over.\n * @return {Array} The new list.\n * @see R.transduce, R.addIndex, R.pluck, R.project\n * @example\n *\n * const double = x => x * 2;\n *\n * R.map(double, [1, 2, 3]); //=> [2, 4, 6]\n *\n * R.map(double, {x: 1, y: 2, z: 3}); //=> {x: 2, y: 4, z: 6}\n * @symb R.map(f, [a, b]) = [f(a), f(b)]\n * @symb R.map(f, { x: a, y: b }) = { x: f(a), y: f(b) }\n * @symb R.map(f, functor_o) = functor_o.map(f)\n */\n\n\nvar map =\n/*#__PURE__*/\n_curry2(\n/*#__PURE__*/\n_dispatchable(['fantasy-land/map', 'map'], _xmap, function map(fn, functor) {\n switch (Object.prototype.toString.call(functor)) {\n case '[object Function]':\n return curryN(functor.length, function () {\n return fn.call(this, functor.apply(this, arguments));\n });\n\n case '[object Object]':\n return _reduce(function (acc, key) {\n acc[key] = fn(functor[key]);\n return acc;\n }, {}, keys(functor));\n\n default:\n return _map(fn, functor);\n }\n}));\n\nmodule.exports = map;","var _curry3 =\n/*#__PURE__*/\nrequire(\"./internal/_curry3.js\");\n\nvar _reduce =\n/*#__PURE__*/\nrequire(\"./internal/_reduce.js\");\n/**\n * Returns a single item by iterating through the list, successively calling\n * the iterator function and passing it an accumulator value and the current\n * value from the array, and then passing the result to the next call.\n *\n * The iterator function receives two values: *(acc, value)*. It may use\n * [`R.reduced`](#reduced) to shortcut the iteration.\n *\n * The arguments' order of [`reduceRight`](#reduceRight)'s iterator function\n * is *(value, acc)*.\n *\n * Note: `R.reduce` does not skip deleted or unassigned indices (sparse\n * arrays), unlike the native `Array.prototype.reduce` method. For more details\n * on this behavior, see:\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce#Description\n *\n * Dispatches to the `reduce` method of the third argument, if present. When\n * doing so, it is up to the user to handle the [`R.reduced`](#reduced)\n * shortcuting, as this is not implemented by `reduce`.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig ((a, b) -> a) -> a -> [b] -> a\n * @param {Function} fn The iterator function. Receives two values, the accumulator and the\n * current element from the array.\n * @param {*} acc The accumulator value.\n * @param {Array} list The list to iterate over.\n * @return {*} The final, accumulated value.\n * @see R.reduced, R.addIndex, R.reduceRight\n * @example\n *\n * R.reduce(R.subtract, 0, [1, 2, 3, 4]) // => ((((0 - 1) - 2) - 3) - 4) = -10\n * // - -10\n * // / \\ / \\\n * // - 4 -6 4\n * // / \\ / \\\n * // - 3 ==> -3 3\n * // / \\ / \\\n * // - 2 -1 2\n * // / \\ / \\\n * // 0 1 0 1\n *\n * @symb R.reduce(f, a, [b, c, d]) = f(f(f(a, b), c), d)\n */\n\n\nvar reduce =\n/*#__PURE__*/\n_curry3(_reduce);\n\nmodule.exports = reduce;","var _complement =\n/*#__PURE__*/\nrequire(\"./internal/_complement.js\");\n\nvar _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2.js\");\n\nvar filter =\n/*#__PURE__*/\nrequire(\"./filter.js\");\n/**\n * The complement of [`filter`](#filter).\n *\n * Acts as a transducer if a transformer is given in list position. Filterable\n * objects include plain objects or any object that has a filter method such\n * as `Array`.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig Filterable f => (a -> Boolean) -> f a -> f a\n * @param {Function} pred\n * @param {Array} filterable\n * @return {Array}\n * @see R.filter, R.transduce, R.addIndex\n * @example\n *\n * const isOdd = (n) => n % 2 !== 0;\n *\n * R.reject(isOdd, [1, 2, 3, 4]); //=> [2, 4]\n *\n * R.reject(isOdd, {a: 1, b: 2, c: 3, d: 4}); //=> {b: 2, d: 4}\n */\n\n\nvar reject =\n/*#__PURE__*/\n_curry2(function reject(pred, filterable) {\n return filter(_complement(pred), filterable);\n});\n\nmodule.exports = reject;","var _checkForMethod =\n/*#__PURE__*/\nrequire(\"./internal/_checkForMethod.js\");\n\nvar _curry3 =\n/*#__PURE__*/\nrequire(\"./internal/_curry3.js\");\n/**\n * Returns the elements of the given list or string (or object with a `slice`\n * method) from `fromIndex` (inclusive) to `toIndex` (exclusive).\n *\n * Dispatches to the `slice` method of the third argument, if present.\n *\n * @func\n * @memberOf R\n * @since v0.1.4\n * @category List\n * @sig Number -> Number -> [a] -> [a]\n * @sig Number -> Number -> String -> String\n * @param {Number} fromIndex The start index (inclusive).\n * @param {Number} toIndex The end index (exclusive).\n * @param {*} list\n * @return {*}\n * @example\n *\n * R.slice(1, 3, ['a', 'b', 'c', 'd']); //=> ['b', 'c']\n * R.slice(1, Infinity, ['a', 'b', 'c', 'd']); //=> ['b', 'c', 'd']\n * R.slice(0, -1, ['a', 'b', 'c', 'd']); //=> ['a', 'b', 'c']\n * R.slice(-3, -1, ['a', 'b', 'c', 'd']); //=> ['b', 'c']\n * R.slice(0, 3, 'ramda'); //=> 'ram'\n */\n\n\nvar slice =\n/*#__PURE__*/\n_curry3(\n/*#__PURE__*/\n_checkForMethod('slice', function slice(fromIndex, toIndex, list) {\n return Array.prototype.slice.call(list, fromIndex, toIndex);\n}));\n\nmodule.exports = slice;","var _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2.js\");\n\nvar equals =\n/*#__PURE__*/\nrequire(\"./equals.js\");\n\nvar take =\n/*#__PURE__*/\nrequire(\"./take.js\");\n/**\n * Checks if a list starts with the provided sublist.\n *\n * Similarly, checks if a string starts with the provided substring.\n *\n * @func\n * @memberOf R\n * @since v0.24.0\n * @category List\n * @sig [a] -> [a] -> Boolean\n * @sig String -> String -> Boolean\n * @param {*} prefix\n * @param {*} list\n * @return {Boolean}\n * @see R.endsWith\n * @example\n *\n * R.startsWith('a', 'abc') //=> true\n * R.startsWith('b', 'abc') //=> false\n * R.startsWith(['a'], ['a', 'b', 'c']) //=> true\n * R.startsWith(['b'], ['a', 'b', 'c']) //=> false\n */\n\n\nvar startsWith =\n/*#__PURE__*/\n_curry2(function (prefix, list) {\n return equals(take(prefix.length, list), prefix);\n});\n\nmodule.exports = startsWith;","var _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2.js\");\n\nvar _dispatchable =\n/*#__PURE__*/\nrequire(\"./internal/_dispatchable.js\");\n\nvar _xtake =\n/*#__PURE__*/\nrequire(\"./internal/_xtake.js\");\n\nvar slice =\n/*#__PURE__*/\nrequire(\"./slice.js\");\n/**\n * Returns the first `n` elements of the given list, string, or\n * transducer/transformer (or object with a `take` method).\n *\n * Dispatches to the `take` method of the second argument, if present.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig Number -> [a] -> [a]\n * @sig Number -> String -> String\n * @param {Number} n\n * @param {*} list\n * @return {*}\n * @see R.drop\n * @example\n *\n * R.take(1, ['foo', 'bar', 'baz']); //=> ['foo']\n * R.take(2, ['foo', 'bar', 'baz']); //=> ['foo', 'bar']\n * R.take(3, ['foo', 'bar', 'baz']); //=> ['foo', 'bar', 'baz']\n * R.take(4, ['foo', 'bar', 'baz']); //=> ['foo', 'bar', 'baz']\n * R.take(3, 'ramda'); //=> 'ram'\n *\n * const personnel = [\n * 'Dave Brubeck',\n * 'Paul Desmond',\n * 'Eugene Wright',\n * 'Joe Morello',\n * 'Gerry Mulligan',\n * 'Bob Bates',\n * 'Joe Dodge',\n * 'Ron Crotty'\n * ];\n *\n * const takeFive = R.take(5);\n * takeFive(personnel);\n * //=> ['Dave Brubeck', 'Paul Desmond', 'Eugene Wright', 'Joe Morello', 'Gerry Mulligan']\n * @symb R.take(-1, [a, b]) = [a, b]\n * @symb R.take(0, [a, b]) = []\n * @symb R.take(1, [a, b]) = [a]\n * @symb R.take(2, [a, b]) = [a, b]\n */\n\n\nvar take =\n/*#__PURE__*/\n_curry2(\n/*#__PURE__*/\n_dispatchable(['take'], _xtake, function take(n, xs) {\n return slice(0, n < 0 ? Infinity : n, xs);\n}));\n\nmodule.exports = take;","var _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1.js\");\n\nvar _has =\n/*#__PURE__*/\nrequire(\"./internal/_has.js\");\n/**\n * Converts an object into an array of key, value arrays. Only the object's\n * own properties are used.\n * Note that the order of the output array is not guaranteed to be consistent\n * across different JS platforms.\n *\n * @func\n * @memberOf R\n * @since v0.4.0\n * @category Object\n * @sig {String: *} -> [[String,*]]\n * @param {Object} obj The object to extract from\n * @return {Array} An array of key, value arrays from the object's own properties.\n * @see R.fromPairs, R.keys, R.values\n * @example\n *\n * R.toPairs({a: 1, b: 2, c: 3}); //=> [['a', 1], ['b', 2], ['c', 3]]\n */\n\n\nvar toPairs =\n/*#__PURE__*/\n_curry1(function toPairs(obj) {\n var pairs = [];\n\n for (var prop in obj) {\n if (_has(prop, obj)) {\n pairs[pairs.length] = [prop, obj[prop]];\n }\n }\n\n return pairs;\n});\n\nmodule.exports = toPairs;","var _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1.js\");\n/**\n * Gives a single-word string description of the (native) type of a value,\n * returning such answers as 'Object', 'Number', 'Array', or 'Null'. Does not\n * attempt to distinguish user Object types any further, reporting them all as\n * 'Object'.\n *\n * @func\n * @memberOf R\n * @since v0.8.0\n * @category Type\n * @sig (* -> {*}) -> String\n * @param {*} val The value to test\n * @return {String}\n * @example\n *\n * R.type({}); //=> \"Object\"\n * R.type(1); //=> \"Number\"\n * R.type(false); //=> \"Boolean\"\n * R.type('s'); //=> \"String\"\n * R.type(null); //=> \"Null\"\n * R.type([]); //=> \"Array\"\n * R.type(/[A-z]/); //=> \"RegExp\"\n * R.type(() => {}); //=> \"Function\"\n * R.type(undefined); //=> \"Undefined\"\n */\n\n\nvar type =\n/*#__PURE__*/\n_curry1(function type(val) {\n return val === null ? 'Null' : val === undefined ? 'Undefined' : Object.prototype.toString.call(val).slice(8, -1);\n});\n\nmodule.exports = type;","\"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 _toConsumableArray2 = _interopRequireDefault(require(\"@babel/runtime/helpers/toConsumableArray\"));\n\nvar _classCallCheck2 = _interopRequireDefault(require(\"@babel/runtime/helpers/classCallCheck\"));\n\nvar _possibleConstructorReturn2 = _interopRequireDefault(require(\"@babel/runtime/helpers/possibleConstructorReturn\"));\n\nvar _getPrototypeOf2 = _interopRequireDefault(require(\"@babel/runtime/helpers/getPrototypeOf\"));\n\nvar _assertThisInitialized2 = _interopRequireDefault(require(\"@babel/runtime/helpers/assertThisInitialized\"));\n\nvar _createClass2 = _interopRequireDefault(require(\"@babel/runtime/helpers/createClass\"));\n\nvar _inherits2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inherits\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _throttle = _interopRequireDefault(require(\"./throttle\"));\n\nfunction isEqualArray(a, b) {\n return a.length === b.length && a.every(function (item, index) {\n return item === b[index];\n });\n}\n\nvar Scrollspy =\n/*#__PURE__*/\nfunction (_React$Component) {\n (0, _inherits2.default)(Scrollspy, _React$Component);\n (0, _createClass2.default)(Scrollspy, null, [{\n key: \"propTypes\",\n get: function get() {\n return {\n items: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,\n currentClassName: _propTypes.default.string.isRequired,\n scrolledPastClassName: _propTypes.default.string,\n style: _propTypes.default.object,\n componentTag: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.elementType]),\n offset: _propTypes.default.number,\n rootEl: _propTypes.default.string,\n onUpdate: _propTypes.default.func\n };\n }\n }, {\n key: \"defaultProps\",\n get: function get() {\n return {\n items: [],\n currentClassName: '',\n style: {},\n componentTag: 'ul',\n offset: 0,\n onUpdate: function onUpdate() {}\n };\n }\n }]);\n\n function Scrollspy(props) {\n var _this;\n\n (0, _classCallCheck2.default)(this, Scrollspy);\n _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Scrollspy).call(this, props));\n _this.state = {\n targetItems: [],\n inViewState: [],\n isScrolledPast: [] // manually bind as ES6 does not apply this\n // auto binding as React.createClass does\n\n };\n _this._handleSpy = _this._handleSpy.bind((0, _assertThisInitialized2.default)(_this));\n return _this;\n }\n\n (0, _createClass2.default)(Scrollspy, [{\n key: \"_initSpyTarget\",\n value: function _initSpyTarget(items) {\n var targetItems = items.map(function (item) {\n return document.getElementById(item);\n });\n return targetItems;\n } // https://github.com/makotot/react-scrollspy/pull/45\n\n }, {\n key: \"_fillArray\",\n value: function _fillArray(array, val) {\n var newArray = [];\n\n for (var i = 0, max = array.length; i < max; i++) {\n newArray[i] = val;\n }\n\n return newArray;\n }\n }, {\n key: \"_isScrolled\",\n value: function _isScrolled() {\n return this._getScrollDimension().scrollTop > 0;\n }\n }, {\n key: \"_getScrollDimension\",\n value: function _getScrollDimension() {\n var doc = document;\n var rootEl = this.props.rootEl;\n var scrollTop = rootEl ? doc.querySelector(rootEl).scrollTop : doc.documentElement.scrollTop || doc.body.parentNode.scrollTop || doc.body.scrollTop;\n var scrollHeight = rootEl ? doc.querySelector(rootEl).scrollHeight : doc.documentElement.scrollHeight || doc.body.parentNode.scrollHeight || doc.body.scrollHeight;\n return {\n scrollTop: scrollTop,\n scrollHeight: scrollHeight\n };\n }\n }, {\n key: \"_getElemsViewState\",\n value: function _getElemsViewState(targets) {\n var elemsInView = [];\n var elemsOutView = [];\n var viewStatusList = [];\n var targetItems = targets ? targets : this.state.targetItems;\n var hasInViewAlready = false;\n\n for (var i = 0, max = targetItems.length; i < max; i++) {\n var currentContent = targetItems[i];\n var isInView = hasInViewAlready ? false : this._isInView(currentContent);\n\n if (isInView) {\n hasInViewAlready = true;\n elemsInView.push(currentContent);\n } else {\n elemsOutView.push(currentContent);\n }\n\n var isLastItem = i === max - 1;\n\n var isScrolled = this._isScrolled(); // https://github.com/makotot/react-scrollspy/pull/26#issue-167413769\n\n\n var isLastShortItemAtBottom = this._isAtBottom() && this._isInView(currentContent) && !isInView && isLastItem && isScrolled;\n\n if (isLastShortItemAtBottom) {\n elemsOutView.pop();\n elemsOutView.push.apply(elemsOutView, (0, _toConsumableArray2.default)(elemsInView));\n elemsInView = [currentContent];\n viewStatusList = this._fillArray(viewStatusList, false);\n isInView = true;\n }\n\n viewStatusList.push(isInView);\n }\n\n return {\n inView: elemsInView,\n outView: elemsOutView,\n viewStatusList: viewStatusList,\n scrolledPast: this.props.scrolledPastClassName && this._getScrolledPast(viewStatusList)\n };\n }\n }, {\n key: \"_isInView\",\n value: function _isInView(el) {\n if (!el) {\n return false;\n }\n\n var _this$props = this.props,\n rootEl = _this$props.rootEl,\n offset = _this$props.offset;\n var rootRect;\n\n if (rootEl) {\n rootRect = document.querySelector(rootEl).getBoundingClientRect();\n }\n\n var rect = el.getBoundingClientRect();\n var winH = rootEl ? rootRect.height : window.innerHeight;\n\n var _this$_getScrollDimen = this._getScrollDimension(),\n scrollTop = _this$_getScrollDimen.scrollTop;\n\n var scrollBottom = scrollTop + winH;\n var elTop = rootEl ? rect.top + scrollTop - rootRect.top + offset : rect.top + scrollTop + offset;\n var elBottom = elTop + el.offsetHeight;\n return elTop < scrollBottom && elBottom > scrollTop;\n }\n }, {\n key: \"_isAtBottom\",\n value: function _isAtBottom() {\n var rootEl = this.props.rootEl;\n\n var _this$_getScrollDimen2 = this._getScrollDimension(),\n scrollTop = _this$_getScrollDimen2.scrollTop,\n scrollHeight = _this$_getScrollDimen2.scrollHeight;\n\n var winH = rootEl ? document.querySelector(rootEl).getBoundingClientRect().height : window.innerHeight;\n var scrolledToBottom = scrollTop + winH >= scrollHeight;\n return scrolledToBottom;\n }\n }, {\n key: \"_getScrolledPast\",\n value: function _getScrolledPast(viewStatusList) {\n if (!viewStatusList.some(function (item) {\n return item;\n })) {\n return viewStatusList;\n }\n\n var hasFoundInView = false;\n var scrolledPastItems = viewStatusList.map(function (item) {\n if (item && !hasFoundInView) {\n hasFoundInView = true;\n return false;\n }\n\n return !hasFoundInView;\n });\n return scrolledPastItems;\n }\n }, {\n key: \"_spy\",\n value: function _spy(targets) {\n var _this2 = this;\n\n var elemensViewState = this._getElemsViewState(targets);\n\n var currentStatuses = this.state.inViewState;\n this.setState({\n inViewState: elemensViewState.viewStatusList,\n isScrolledPast: elemensViewState.scrolledPast\n }, function () {\n _this2._update(currentStatuses);\n });\n }\n }, {\n key: \"_update\",\n value: function _update(prevStatuses) {\n if (isEqualArray(this.state.inViewState, prevStatuses)) {\n return;\n }\n\n this.props.onUpdate(this.state.targetItems[this.state.inViewState.indexOf(true)]);\n }\n }, {\n key: \"_handleSpy\",\n value: function _handleSpy() {\n (0, _throttle.default)(this._spy(), 100);\n }\n }, {\n key: \"_initFromProps\",\n value: function _initFromProps() {\n var targetItems = this._initSpyTarget(this.props.items);\n\n this.setState({\n targetItems: targetItems\n });\n\n this._spy(targetItems);\n }\n }, {\n key: \"offEvent\",\n value: function offEvent() {\n var el = this.props.rootEl ? document.querySelector(this.props.rootEl) : window;\n el.removeEventListener('scroll', this._handleSpy);\n }\n }, {\n key: \"onEvent\",\n value: function onEvent() {\n var el = this.props.rootEl ? document.querySelector(this.props.rootEl) : window;\n el.addEventListener('scroll', this._handleSpy);\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this._initFromProps();\n\n this.onEvent();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.offEvent();\n }\n }, {\n key: \"UNSAFE_componentWillReceiveProps\",\n value: function UNSAFE_componentWillReceiveProps() {\n this._initFromProps();\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this3 = this;\n\n var Tag = this.props.componentTag;\n var _this$props2 = this.props,\n children = _this$props2.children,\n className = _this$props2.className,\n scrolledPastClassName = _this$props2.scrolledPastClassName,\n style = _this$props2.style;\n var counter = 0;\n\n var items = _react.default.Children.map(children, function (child, idx) {\n var _classNames;\n\n if (!child) {\n return null;\n }\n\n var ChildTag = child.type;\n var isScrolledPast = scrolledPastClassName && _this3.state.isScrolledPast[idx];\n var childClass = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, \"\".concat(child.props.className), child.props.className), (0, _defineProperty2.default)(_classNames, \"\".concat(_this3.props.currentClassName), _this3.state.inViewState[idx]), (0, _defineProperty2.default)(_classNames, \"\".concat(_this3.props.scrolledPastClassName), isScrolledPast), _classNames));\n return _react.default.createElement(ChildTag, (0, _extends2.default)({}, child.props, {\n className: childClass,\n key: counter++\n }), child.props.children);\n });\n\n var itemClass = (0, _classnames.default)((0, _defineProperty2.default)({}, \"\".concat(className), className));\n return _react.default.createElement(Tag, {\n className: itemClass,\n style: style\n }, items);\n }\n }]);\n return Scrollspy;\n}(_react.default.Component);\n\nexports.default = Scrollspy;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar throttle = function throttle(fn) {\n var threshold = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;\n var last;\n var timer;\n return function () {\n var now = +new Date();\n var timePassed = !!last && now < last + threshold;\n\n if (timePassed) {\n clearTimeout(timer);\n timer = setTimeout(function () {\n last = now;\n fn();\n }, threshold);\n } else {\n last = now;\n fn();\n }\n };\n};\n\nvar _default = throttle;\nexports.default = _default;","/*\n * Swipe 2.0.0\n * Brad Birdsall\n * https://github.com/thebird/Swipe\n * Copyright 2013-2015, MIT License\n *\n */\n\n(function(root, factory) {\n if (typeof module !== 'undefined' && module.exports) {\n module.exports = factory();\n } else {\n root.Swipe = factory();\n }\n})(this, function() {\n 'use strict';\n\n return function Swipe(container, options) {\n // utilities\n var noop = function() {}; // simple no operation function\n var offloadFn = function(fn) {\n setTimeout(fn || noop, 0);\n }; // offload a functions execution\n\n // check browser capabilities\n var browser = {\n addEventListener: !!window.addEventListener,\n touch:\n 'ontouchstart' in window ||\n (window.DocumentTouch && document instanceof window.DocumentTouch),\n transitions: (function(temp) {\n var props = [\n 'transitionProperty',\n 'WebkitTransition',\n 'MozTransition',\n 'OTransition',\n 'msTransition'\n ];\n for (var i in props)\n if (temp.style[props[i]] !== undefined) return true;\n return false;\n })(document.createElement('swipe'))\n };\n\n // quit if no root element\n if (!container) return;\n var element = container.children[0];\n var slides, slidePos, width, length;\n options = options || {};\n var index = parseInt(options.startSlide, 10) || 0;\n var speed = options.speed || 300;\n var widthOfSiblingSlidePreview =\n parseInt(options.widthOfSiblingSlidePreview, 10) || 0;\n var continuous = (options.continuous =\n options.continuous !== undefined ? options.continuous : true);\n\n function setup() {\n // cache slides\n slides = element.children;\n length = slides.length;\n\n // set continuous to false if only one slide\n continuous = slides.length < 2 ? false : options.continuous;\n\n // create an array to store current positions of each slide\n slidePos = new Array(slides.length);\n\n // determine width of each slide\n width =\n Math.round(\n container.getBoundingClientRect().width || container.offsetWidth\n ) -\n widthOfSiblingSlidePreview * 2;\n\n element.style.width = slides.length * width + 'px';\n\n // stack elements\n var pos = slides.length;\n while (pos--) {\n var slide = slides[pos];\n\n slide.style.width = width + 'px';\n slide.setAttribute('data-index', pos);\n\n if (browser.transitions) {\n slide.style.left = pos * -width + widthOfSiblingSlidePreview + 'px';\n move(pos, index > pos ? -width : index < pos ? width : 0, 0);\n }\n }\n\n // reposition elements before and after index\n if (continuous && browser.transitions) {\n move(circle(index - 1), -width, 0);\n move(circle(index + 1), width, 0);\n }\n\n if (!browser.transitions)\n element.style.left = index * -width + widthOfSiblingSlidePreview + 'px';\n\n container.style.visibility = 'visible';\n }\n\n function prev() {\n if (continuous) slide(index - 1);\n else if (index) slide(index - 1);\n }\n\n function next() {\n if (continuous) slide(index + 1);\n else if (index < slides.length - 1) slide(index + 1);\n }\n\n function circle(index) {\n // a simple positive modulo using slides.length\n return (slides.length + (index % slides.length)) % slides.length;\n }\n\n function slide(to, slideSpeed) {\n // do nothing if already on requested slide\n if (index == to) return;\n\n if (browser.transitions) {\n var direction = Math.abs(index - to) / (index - to); // 1: backward, -1: forward\n\n // get the actual position of the slide\n if (continuous) {\n var natural_direction = direction;\n direction = -slidePos[circle(to)] / width;\n\n // if going forward but to < index, use to = slides.length + to\n // if going backward but to > index, use to = -slides.length + to\n if (direction !== natural_direction)\n to = -direction * slides.length + to;\n }\n\n var diff = Math.abs(index - to) - 1;\n\n // move all the slides between index and to in the right direction\n while (diff--)\n move(\n circle((to > index ? to : index) - diff - 1),\n width * direction,\n 0\n );\n\n to = circle(to);\n\n move(index, width * direction, slideSpeed || speed);\n move(to, 0, slideSpeed || speed);\n\n if (continuous) move(circle(to - direction), -(width * direction), 0); // we need to get the next in place\n } else {\n to = circle(to);\n animate(index * -width, to * -width, slideSpeed || speed);\n //no fallback for a circular continuous if the browser does not accept transitions\n }\n\n index = to;\n offloadFn(options.callback && options.callback(index, slides[index]));\n }\n\n function move(index, dist, speed) {\n translate(index, dist, speed);\n slidePos[index] = dist;\n }\n\n function translate(index, dist, speed) {\n var slide = slides[index];\n var style = slide && slide.style;\n\n if (!style) return;\n\n style.webkitTransitionDuration = style.MozTransitionDuration = style.msTransitionDuration = style.OTransitionDuration = style.transitionDuration =\n speed + 'ms';\n\n style.webkitTransform = 'translate(' + dist + 'px,0)' + 'translateZ(0)';\n style.msTransform = style.MozTransform = style.OTransform =\n 'translateX(' + dist + 'px)';\n }\n\n function animate(from, to, speed) {\n // if not an animation, just reposition\n if (!speed) {\n element.style.left = to + 'px';\n return;\n }\n\n var start = +new Date();\n\n var timer = setInterval(function() {\n var timeElap = +new Date() - start;\n\n if (timeElap > speed) {\n element.style.left = to + 'px';\n\n if (delay) begin();\n\n options.transitionEnd &&\n options.transitionEnd.call(event, index, slides[index]);\n\n clearInterval(timer);\n return;\n }\n\n element.style.left =\n (to - from) * (Math.floor((timeElap / speed) * 100) / 100) +\n from +\n 'px';\n }, 4);\n }\n\n // setup auto slideshow\n var delay = options.auto || 0;\n var interval;\n\n function begin() {\n clearTimeout(interval);\n interval = setTimeout(next, delay);\n }\n\n function stop() {\n delay = 0;\n clearTimeout(interval);\n }\n\n // setup initial vars\n var start = {};\n var delta = {};\n var isScrolling;\n\n // setup event capturing\n var events = {\n handleEvent: function(event) {\n switch (event.type) {\n case 'touchstart':\n this.start(event);\n break;\n case 'touchmove':\n this.move(event);\n break;\n case 'touchend':\n offloadFn(this.end(event));\n break;\n case 'webkitTransitionEnd':\n case 'msTransitionEnd':\n case 'oTransitionEnd':\n case 'otransitionend':\n case 'transitionend':\n offloadFn(this.transitionEnd(event));\n break;\n case 'resize':\n offloadFn(setup);\n break;\n }\n\n if (options.stopPropagation) event.stopPropagation();\n },\n start: function(event) {\n var touches = event.touches[0];\n\n // measure start values\n start = {\n // get initial touch coords\n x: touches.pageX,\n y: touches.pageY,\n\n // store time to determine touch duration\n time: +new Date()\n };\n\n // used for testing first move event\n isScrolling = undefined;\n\n // reset delta and end measurements\n delta = {};\n\n // attach touchmove and touchend listeners\n element.addEventListener('touchmove', this, false);\n element.addEventListener('touchend', this, false);\n },\n move: function(event) {\n // ensure swiping with one touch and not pinching\n if (event.touches.length > 1 || (event.scale && event.scale !== 1))\n return;\n\n if (options.disableScroll) return;\n\n var touches = event.touches[0];\n\n // measure change in x and y\n delta = {\n x: touches.pageX - start.x,\n y: touches.pageY - start.y\n };\n\n // determine if scrolling test has run - one time test\n if (typeof isScrolling == 'undefined') {\n isScrolling = !!(\n isScrolling || Math.abs(delta.x) < Math.abs(delta.y)\n );\n }\n\n // if user is not trying to scroll vertically\n if (!isScrolling) {\n // prevent native scrolling\n event.preventDefault();\n\n // stop slideshow\n stop();\n\n // increase resistance if first or last slide\n if (continuous) {\n // we don't add resistance at the end\n\n translate(\n circle(index - 1),\n delta.x + slidePos[circle(index - 1)],\n 0\n );\n translate(index, delta.x + slidePos[index], 0);\n translate(\n circle(index + 1),\n delta.x + slidePos[circle(index + 1)],\n 0\n );\n } else {\n delta.x =\n delta.x /\n ((!index && delta.x > 0) || // if first slide and sliding left\n (index == slides.length - 1 && // or if last slide and sliding right\n delta.x < 0) // and if sliding at all\n ? Math.abs(delta.x) / width + 1 // determine resistance level\n : 1); // no resistance if false\n\n // translate 1:1\n translate(index - 1, delta.x + slidePos[index - 1], 0);\n translate(index, delta.x + slidePos[index], 0);\n translate(index + 1, delta.x + slidePos[index + 1], 0);\n }\n options.swiping && options.swiping(-delta.x / width);\n }\n },\n end: function(event) {\n // measure duration\n var duration = +new Date() - start.time;\n\n // determine if slide attempt triggers next/prev slide\n var isValidSlide =\n (Number(duration) < 250 && // if slide duration is less than 250ms\n Math.abs(delta.x) > 20) || // and if slide amt is greater than 20px\n Math.abs(delta.x) > width / 2; // or if slide amt is greater than half the width\n\n // determine if slide attempt is past start and end\n var isPastBounds =\n (!index && delta.x > 0) || // if first slide and slide amt is greater than 0\n (index == slides.length - 1 && delta.x < 0); // or if last slide and slide amt is less than 0\n\n if (continuous) isPastBounds = false;\n\n // determine direction of swipe (true:right, false:left)\n var direction = delta.x < 0;\n\n // if not scrolling vertically\n if (!isScrolling) {\n if (isValidSlide && !isPastBounds) {\n if (direction) {\n if (continuous) {\n // we need to get the next in this direction in place\n\n move(circle(index - 1), -width, 0);\n move(circle(index + 2), width, 0);\n } else {\n move(index - 1, -width, 0);\n }\n\n move(index, slidePos[index] - width, speed);\n move(\n circle(index + 1),\n slidePos[circle(index + 1)] - width,\n speed\n );\n index = circle(index + 1);\n } else {\n if (continuous) {\n // we need to get the next in this direction in place\n\n move(circle(index + 1), width, 0);\n move(circle(index - 2), -width, 0);\n } else {\n move(index + 1, width, 0);\n }\n\n move(index, slidePos[index] + width, speed);\n move(\n circle(index - 1),\n slidePos[circle(index - 1)] + width,\n speed\n );\n index = circle(index - 1);\n }\n\n options.callback && options.callback(index, slides[index]);\n } else {\n if (continuous) {\n move(circle(index - 1), -width, speed);\n move(index, 0, speed);\n move(circle(index + 1), width, speed);\n } else {\n move(index - 1, -width, speed);\n move(index, 0, speed);\n move(index + 1, width, speed);\n }\n }\n }\n\n // kill touchmove and touchend event listeners until touchstart called again\n element.removeEventListener('touchmove', events, false);\n element.removeEventListener('touchend', events, false);\n element.removeEventListener('touchforcechange', function() {}, false);\n },\n transitionEnd: function(event) {\n if (parseInt(event.target.getAttribute('data-index'), 10) == index) {\n if (delay) begin();\n\n options.transitionEnd &&\n options.transitionEnd.call(event, index, slides[index]);\n }\n }\n };\n\n // trigger setup\n setup();\n\n // start auto slideshow if applicable\n if (delay) begin();\n\n // add event listeners\n if (browser.addEventListener) {\n // set touchstart event on element\n if (browser.touch) {\n element.addEventListener('touchstart', events, false);\n element.addEventListener('touchforcechange', function() {}, false);\n }\n\n if (browser.transitions) {\n element.addEventListener('webkitTransitionEnd', events, false);\n element.addEventListener('msTransitionEnd', events, false);\n element.addEventListener('oTransitionEnd', events, false);\n element.addEventListener('otransitionend', events, false);\n element.addEventListener('transitionend', events, false);\n }\n\n // set resize event on window\n window.addEventListener('resize', events, false);\n } else {\n window.onresize = function() {\n setup();\n }; // to play nice with old IE\n }\n\n // expose the Swipe API\n return {\n setup: function() {\n setup();\n },\n slide: function(to, speed) {\n // cancel slideshow\n stop();\n\n slide(to, speed);\n },\n prev: function() {\n // cancel slideshow\n stop();\n\n prev();\n },\n next: function() {\n // cancel slideshow\n stop();\n\n next();\n },\n stop: function() {\n // cancel slideshow\n stop();\n },\n getPos: function() {\n // return current index position\n return index;\n },\n getNumSlides: function() {\n // return total number of slides\n return length;\n },\n kill: function() {\n // cancel slideshow\n stop();\n\n // reset element\n element.style.width = '';\n element.style.left = '';\n\n // reset slides\n var pos = slides.length;\n while (pos--) {\n var slide = slides[pos];\n slide.style.width = '';\n slide.style.left = '';\n\n if (browser.transitions) translate(pos, 0, 0);\n }\n\n // removed event listeners\n if (browser.addEventListener) {\n // remove current event listeners\n element.removeEventListener('touchstart', events, false);\n element.removeEventListener('webkitTransitionEnd', events, false);\n element.removeEventListener('msTransitionEnd', events, false);\n element.removeEventListener('oTransitionEnd', events, false);\n element.removeEventListener('otransitionend', events, false);\n element.removeEventListener('transitionend', events, false);\n window.removeEventListener('resize', events, false);\n } else {\n window.onresize = null;\n }\n }\n };\n };\n});\n","/**\n * Swiper 4.5.1\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * http://www.idangero.us/swiper/\n *\n * Copyright 2014-2019 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: September 13, 2019\n */\n!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=e||self).Swiper=t()}(this,function(){\"use strict\";var f=\"undefined\"==typeof document?{body:{},addEventListener:function(){},removeEventListener:function(){},activeElement:{blur:function(){},nodeName:\"\"},querySelector:function(){return null},querySelectorAll:function(){return[]},getElementById:function(){return null},createEvent:function(){return{initEvent:function(){}}},createElement:function(){return{children:[],childNodes:[],style:{},setAttribute:function(){},getElementsByTagName:function(){return[]}}},location:{hash:\"\"}}:document,ee=\"undefined\"==typeof window?{document:f,navigator:{userAgent:\"\"},location:{},history:{},CustomEvent:function(){return this},addEventListener:function(){},removeEventListener:function(){},getComputedStyle:function(){return{getPropertyValue:function(){return\"\"}}},Image:function(){},Date:function(){},screen:{},setTimeout:function(){},clearTimeout:function(){}}:window,l=function(e){for(var t=0;t\")){var o=\"div\";for(0===n.indexOf(\":~]/)?(t||f).querySelectorAll(e.trim()):[f.getElementById(e.trim().split(\"#\")[1])],i=0;ia.slides.length)break;i.push(a.slides.eq(r)[0])}else i.push(a.slides.eq(a.activeIndex)[0]);for(t=0;t=t.size)&&(t.visibleSlides.push(o),t.visibleSlidesIndexes.push(n),i.eq(n).addClass(a.slideVisibleClass))}o.progress=s?-l:l}t.visibleSlides=I(t.visibleSlides)}},updateProgress:function(e){void 0===e&&(e=this&&this.translate||0);var t=this,a=t.params,i=t.maxTranslate()-t.minTranslate(),s=t.progress,r=t.isBeginning,n=t.isEnd,o=r,l=n;n=0==i?r=!(s=0):(r=(s=(e-t.minTranslate())/i)<=0,1<=s),te.extend(t,{progress:s,isBeginning:r,isEnd:n}),(a.watchSlidesProgress||a.watchSlidesVisibility)&&t.updateSlidesProgress(e),r&&!o&&t.emit(\"reachBeginning toEdge\"),n&&!l&&t.emit(\"reachEnd toEdge\"),(o&&!r||l&&!n)&&t.emit(\"fromEdge\"),t.emit(\"progress\",s)},updateSlidesClasses:function(){var e,t=this,a=t.slides,i=t.params,s=t.$wrapperEl,r=t.activeIndex,n=t.realIndex,o=t.virtual&&i.virtual.enabled;a.removeClass(i.slideActiveClass+\" \"+i.slideNextClass+\" \"+i.slidePrevClass+\" \"+i.slideDuplicateActiveClass+\" \"+i.slideDuplicateNextClass+\" \"+i.slideDuplicatePrevClass),(e=o?t.$wrapperEl.find(\".\"+i.slideClass+'[data-swiper-slide-index=\"'+r+'\"]'):a.eq(r)).addClass(i.slideActiveClass),i.loop&&(e.hasClass(i.slideDuplicateClass)?s.children(\".\"+i.slideClass+\":not(.\"+i.slideDuplicateClass+')[data-swiper-slide-index=\"'+n+'\"]').addClass(i.slideDuplicateActiveClass):s.children(\".\"+i.slideClass+\".\"+i.slideDuplicateClass+'[data-swiper-slide-index=\"'+n+'\"]').addClass(i.slideDuplicateActiveClass));var l=e.nextAll(\".\"+i.slideClass).eq(0).addClass(i.slideNextClass);i.loop&&0===l.length&&(l=a.eq(0)).addClass(i.slideNextClass);var d=e.prevAll(\".\"+i.slideClass).eq(0).addClass(i.slidePrevClass);i.loop&&0===d.length&&(d=a.eq(-1)).addClass(i.slidePrevClass),i.loop&&(l.hasClass(i.slideDuplicateClass)?s.children(\".\"+i.slideClass+\":not(.\"+i.slideDuplicateClass+')[data-swiper-slide-index=\"'+l.attr(\"data-swiper-slide-index\")+'\"]').addClass(i.slideDuplicateNextClass):s.children(\".\"+i.slideClass+\".\"+i.slideDuplicateClass+'[data-swiper-slide-index=\"'+l.attr(\"data-swiper-slide-index\")+'\"]').addClass(i.slideDuplicateNextClass),d.hasClass(i.slideDuplicateClass)?s.children(\".\"+i.slideClass+\":not(.\"+i.slideDuplicateClass+')[data-swiper-slide-index=\"'+d.attr(\"data-swiper-slide-index\")+'\"]').addClass(i.slideDuplicatePrevClass):s.children(\".\"+i.slideClass+\".\"+i.slideDuplicateClass+'[data-swiper-slide-index=\"'+d.attr(\"data-swiper-slide-index\")+'\"]').addClass(i.slideDuplicatePrevClass))},updateActiveIndex:function(e){var t,a=this,i=a.rtlTranslate?a.translate:-a.translate,s=a.slidesGrid,r=a.snapGrid,n=a.params,o=a.activeIndex,l=a.realIndex,d=a.snapIndex,p=e;if(void 0===p){for(var c=0;c=s[c]&&i=s[c]&&i=s[c]&&(p=c);n.normalizeSlideIndex&&(p<0||void 0===p)&&(p=0)}if((t=0<=r.indexOf(i)?r.indexOf(i):Math.floor(p/n.slidesPerGroup))>=r.length&&(t=r.length-1),p!==o){var u=parseInt(a.slides.eq(p).attr(\"data-swiper-slide-index\")||p,10);te.extend(a,{snapIndex:t,realIndex:u,previousIndex:o,activeIndex:p}),a.emit(\"activeIndexChange\"),a.emit(\"snapIndexChange\"),l!==u&&a.emit(\"realIndexChange\"),(a.initialized||a.runCallbacksOnInit)&&a.emit(\"slideChange\")}else t!==d&&(a.snapIndex=t,a.emit(\"snapIndexChange\"))},updateClickedSlide:function(e){var t=this,a=t.params,i=I(e.target).closest(\".\"+a.slideClass)[0],s=!1;if(i)for(var r=0;r=o.length&&(u=o.length-1),(p||n.initialSlide||0)===(d||0)&&a&&s.emit(\"beforeSlideChangeStart\");var h,v=-o[u];if(s.updateProgress(v),n.normalizeSlideIndex)for(var f=0;f=Math.floor(100*l[f])&&(r=f);if(s.initialized&&r!==p){if(!s.allowSlideNext&&vs.translate&&v>s.maxTranslate()&&(p||0)!==r)return!1}return h=pt.slides.length-t.loopedSlides+s/2?(t.loopFix(),r=i.children(\".\"+a.slideClass+'[data-swiper-slide-index=\"'+e+'\"]:not(.'+a.slideDuplicateClass+\")\").eq(0).index(),te.nextTick(function(){t.slideTo(r)})):t.slideTo(r):r>t.slides.length-s?(t.loopFix(),r=i.children(\".\"+a.slideClass+'[data-swiper-slide-index=\"'+e+'\"]:not(.'+a.slideDuplicateClass+\")\").eq(0).index(),te.nextTick(function(){t.slideTo(r)})):t.slideTo(r)}else t.slideTo(r)}};var h={loopCreate:function(){var i=this,e=i.params,t=i.$wrapperEl;t.children(\".\"+e.slideClass+\".\"+e.slideDuplicateClass).remove();var s=t.children(\".\"+e.slideClass);if(e.loopFillGroupWithBlank){var a=e.slidesPerGroup-s.length%e.slidesPerGroup;if(a!==e.slidesPerGroup){for(var r=0;rs.length&&(i.loopedSlides=s.length);var o=[],l=[];s.each(function(e,t){var a=I(t);e=s.length-i.loopedSlides&&o.push(t),a.attr(\"data-swiper-slide-index\",e)});for(var d=0;d=s.length-r){e=-s.length+i+r,e+=r,t.slideTo(e,0,!1,!0)&&0!=p&&t.setTranslate((d?-t.translate:t.translate)-p)}t.allowSlidePrev=n,t.allowSlideNext=o},loopDestroy:function(){var e=this.$wrapperEl,t=this.params,a=this.slides;e.children(\".\"+t.slideClass+\".\"+t.slideDuplicateClass+\",.\"+t.slideClass+\".\"+t.slideBlankClass).remove(),a.removeAttr(\"data-swiper-slide-index\")}};var v={setGrabCursor:function(e){if(!(ae.touch||!this.params.simulateTouch||this.params.watchOverflow&&this.isLocked)){var t=this.el;t.style.cursor=\"move\",t.style.cursor=e?\"-webkit-grabbing\":\"-webkit-grab\",t.style.cursor=e?\"-moz-grabbin\":\"-moz-grab\",t.style.cursor=e?\"grabbing\":\"grab\"}},unsetGrabCursor:function(){ae.touch||this.params.watchOverflow&&this.isLocked||(this.el.style.cursor=\"\")}};var m={appendSlide:function(e){var t=this,a=t.$wrapperEl,i=t.params;if(i.loop&&t.loopDestroy(),\"object\"==typeof e&&\"length\"in e)for(var s=0;s=ee.screen.width-d)){if(te.extend(a,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),s.startX=n,s.startY=o,a.touchStartTime=te.now(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,0s.startY&&t.translate>=t.minTranslate())return a.isTouched=!1,void(a.isMoved=!1)}else if(os.startX&&t.translate>=t.minTranslate())return;if(a.isTouchEvent&&f.activeElement&&n.target===f.activeElement&&I(n.target).is(a.formElements))return a.isMoved=!0,void(t.allowClick=!1);if(a.allowTouchCallbacks&&t.emit(\"touchMove\",n),!(n.targetTouches&&1i.touchAngle:90-c>i.touchAngle);if(a.isScrolling&&t.emit(\"touchMoveOpposite\",n),void 0===a.startMoving&&(s.currentX===s.startX&&s.currentY===s.startY||(a.startMoving=!0)),a.isScrolling)a.isTouched=!1;else if(a.startMoving){t.allowClick=!1,n.preventDefault(),i.touchMoveStopPropagation&&!i.nested&&n.stopPropagation(),a.isMoved||(i.loop&&t.loopFix(),a.startTranslate=t.getTranslate(),t.setTransition(0),t.animating&&t.$wrapperEl.trigger(\"webkitTransitionEnd transitionend\"),a.allowMomentumBounce=!1,!i.grabCursor||!0!==t.allowSlideNext&&!0!==t.allowSlidePrev||t.setGrabCursor(!0),t.emit(\"sliderFirstMove\",n)),t.emit(\"sliderMove\",n),a.isMoved=!0;var u=t.isHorizontal()?d:p;s.diff=u,u*=i.touchRatio,r&&(u=-u),t.swipeDirection=0t.minTranslate()?(h=!1,i.resistance&&(a.currentTranslate=t.minTranslate()-1+Math.pow(-t.minTranslate()+a.startTranslate+u,v))):u<0&&a.currentTranslatea.startTranslate&&(a.currentTranslate=a.startTranslate),0i.threshold||a.allowThresholdMove))return void(a.currentTranslate=a.startTranslate);if(!a.allowThresholdMove)return a.allowThresholdMove=!0,s.startX=s.currentX,s.startY=s.currentY,a.currentTranslate=a.startTranslate,void(s.diff=t.isHorizontal()?s.currentX-s.startX:s.currentY-s.startY)}i.followFinger&&((i.freeMode||i.watchSlidesProgress||i.watchSlidesVisibility)&&(t.updateActiveIndex(),t.updateSlidesClasses()),i.freeMode&&(0===a.velocities.length&&a.velocities.push({position:s[t.isHorizontal()?\"startX\":\"startY\"],time:a.touchStartTime}),a.velocities.push({position:s[t.isHorizontal()?\"currentX\":\"currentY\"],time:te.now()})),t.updateProgress(a.currentTranslate),t.setTranslate(a.currentTranslate))}}}}}else a.startMoving&&a.isScrolling&&t.emit(\"touchMoveOpposite\",n)}.bind(e),e.onTouchEnd=function(e){var t=this,a=t.touchEventsData,i=t.params,s=t.touches,r=t.rtlTranslate,n=t.$wrapperEl,o=t.slidesGrid,l=t.snapGrid,d=e;if(d.originalEvent&&(d=d.originalEvent),a.allowTouchCallbacks&&t.emit(\"touchEnd\",d),a.allowTouchCallbacks=!1,!a.isTouched)return a.isMoved&&i.grabCursor&&t.setGrabCursor(!1),a.isMoved=!1,void(a.startMoving=!1);i.grabCursor&&a.isMoved&&a.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);var p,c=te.now(),u=c-a.touchStartTime;if(t.allowClick&&(t.updateClickedSlide(d),t.emit(\"tap\",d),u<300&&300-t.maxTranslate())return void(t.slides.lengtht.minTranslate())i.freeModeMomentumBounce?(w-t.minTranslate()>E&&(w=t.minTranslate()+E),y=t.minTranslate(),T=!0,a.allowMomentumBounce=!0):w=t.minTranslate(),i.loop&&i.centeredSlides&&(x=!0);else if(i.freeModeSticky){for(var S,C=0;C-w){S=C;break}w=-(w=Math.abs(l[S]-w)=i.longSwipesMs)&&(t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses())}else{for(var M=0,P=t.slidesSizesGrid[0],k=0;k=o[k]&&p=o[k]&&(M=k,P=o[o.length-1]-o[o.length-2]);var z=(p-o[M])/P;if(u>i.longSwipesMs){if(!i.longSwipes)return void t.slideTo(t.activeIndex);\"next\"===t.swipeDirection&&(z>=i.longSwipesRatio?t.slideTo(M+i.slidesPerGroup):t.slideTo(M)),\"prev\"===t.swipeDirection&&(z>1-i.longSwipesRatio?t.slideTo(M+i.slidesPerGroup):t.slideTo(M))}else{if(!i.shortSwipes)return void t.slideTo(t.activeIndex);\"next\"===t.swipeDirection&&t.slideTo(M+i.slidesPerGroup),\"prev\"===t.swipeDirection&&t.slideTo(M)}}}.bind(e),e.onClick=function(e){this.allowClick||(this.params.preventClicks&&e.preventDefault(),this.params.preventClicksPropagation&&this.animating&&(e.stopPropagation(),e.stopImmediatePropagation()))}.bind(e);var r=\"container\"===t.touchEventsTarget?i:s,n=!!t.nested;if(ae.touch||!ae.pointerEvents&&!ae.prefixedPointerEvents){if(ae.touch){var o=!(\"touchstart\"!==a.start||!ae.passiveListener||!t.passiveListeners)&&{passive:!0,capture:!1};r.addEventListener(a.start,e.onTouchStart,o),r.addEventListener(a.move,e.onTouchMove,ae.passiveListener?{passive:!1,capture:n}:n),r.addEventListener(a.end,e.onTouchEnd,o)}(t.simulateTouch&&!g.ios&&!g.android||t.simulateTouch&&!ae.touch&&g.ios)&&(r.addEventListener(\"mousedown\",e.onTouchStart,!1),f.addEventListener(\"mousemove\",e.onTouchMove,n),f.addEventListener(\"mouseup\",e.onTouchEnd,!1))}else r.addEventListener(a.start,e.onTouchStart,!1),f.addEventListener(a.move,e.onTouchMove,n),f.addEventListener(a.end,e.onTouchEnd,!1);(t.preventClicks||t.preventClicksPropagation)&&r.addEventListener(\"click\",e.onClick,!0),e.on(g.ios||g.android?\"resize orientationchange observerUpdate\":\"resize observerUpdate\",b,!0)},detachEvents:function(){var e=this,t=e.params,a=e.touchEvents,i=e.el,s=e.wrapperEl,r=\"container\"===t.touchEventsTarget?i:s,n=!!t.nested;if(ae.touch||!ae.pointerEvents&&!ae.prefixedPointerEvents){if(ae.touch){var o=!(\"onTouchStart\"!==a.start||!ae.passiveListener||!t.passiveListeners)&&{passive:!0,capture:!1};r.removeEventListener(a.start,e.onTouchStart,o),r.removeEventListener(a.move,e.onTouchMove,n),r.removeEventListener(a.end,e.onTouchEnd,o)}(t.simulateTouch&&!g.ios&&!g.android||t.simulateTouch&&!ae.touch&&g.ios)&&(r.removeEventListener(\"mousedown\",e.onTouchStart,!1),f.removeEventListener(\"mousemove\",e.onTouchMove,n),f.removeEventListener(\"mouseup\",e.onTouchEnd,!1))}else r.removeEventListener(a.start,e.onTouchStart,!1),f.removeEventListener(a.move,e.onTouchMove,n),f.removeEventListener(a.end,e.onTouchEnd,!1);(t.preventClicks||t.preventClicksPropagation)&&r.removeEventListener(\"click\",e.onClick,!0),e.off(g.ios||g.android?\"resize orientationchange observerUpdate\":\"resize observerUpdate\",b)}},breakpoints:{setBreakpoint:function(){var e=this,t=e.activeIndex,a=e.initialized,i=e.loopedSlides;void 0===i&&(i=0);var s=e.params,r=s.breakpoints;if(r&&(!r||0!==Object.keys(r).length)){var n=e.getBreakpoint(r);if(n&&e.currentBreakpoint!==n){var o=n in r?r[n]:void 0;o&&[\"slidesPerView\",\"spaceBetween\",\"slidesPerGroup\"].forEach(function(e){var t=o[e];void 0!==t&&(o[e]=\"slidesPerView\"!==e||\"AUTO\"!==t&&\"auto\"!==t?\"slidesPerView\"===e?parseFloat(t):parseInt(t,10):\"auto\")});var l=o||e.originalParams,d=l.direction&&l.direction!==s.direction,p=s.loop&&(l.slidesPerView!==s.slidesPerView||d);d&&a&&e.changeDirection(),te.extend(e.params,l),te.extend(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),e.currentBreakpoint=n,p&&a&&(e.loopDestroy(),e.loopCreate(),e.updateSlides(),e.slideTo(t-i+e.loopedSlides,0,!1)),e.emit(\"breakpoint\",l)}}},getBreakpoint:function(e){if(e){var t=!1,a=[];Object.keys(e).forEach(function(e){a.push(e)}),a.sort(function(e,t){return parseInt(e,10)-parseInt(t,10)});for(var i=0;i=ee.innerWidth&&!t&&(t=s)}return t||\"max\"}}},checkOverflow:{checkOverflow:function(){var e=this,t=e.isLocked;e.isLocked=1===e.snapGrid.length,e.allowSlideNext=!e.isLocked,e.allowSlidePrev=!e.isLocked,t!==e.isLocked&&e.emit(e.isLocked?\"lock\":\"unlock\"),t&&t!==e.isLocked&&(e.isEnd=!1,e.navigation.update())}},classes:{addClasses:function(){var t=this.classNames,a=this.params,e=this.rtl,i=this.$el,s=[];s.push(\"initialized\"),s.push(a.direction),a.freeMode&&s.push(\"free-mode\"),ae.flexbox||s.push(\"no-flexbox\"),a.autoHeight&&s.push(\"autoheight\"),e&&s.push(\"rtl\"),1'+e+\"\");return s.attr(\"data-swiper-slide-index\")||s.attr(\"data-swiper-slide-index\",t),i.cache&&(a.virtual.cache[t]=s),s},appendSlide:function(e){if(\"object\"==typeof e&&\"length\"in e)for(var t=0;tMath.abs(n.pixelY)))return!0;s=n.pixelX*r}else{if(!(Math.abs(n.pixelY)>Math.abs(n.pixelX)))return!0;s=n.pixelY}else s=Math.abs(n.pixelX)>Math.abs(n.pixelY)?-n.pixelX*r:-n.pixelY;if(0===s)return!0;if(i.invert&&(s=-s),a.params.freeMode){a.params.loop&&a.loopFix();var o=a.getTranslate()+s*i.sensitivity,l=a.isBeginning,d=a.isEnd;if(o>=a.minTranslate()&&(o=a.minTranslate()),o<=a.maxTranslate()&&(o=a.maxTranslate()),a.setTransition(0),a.setTranslate(o),a.updateProgress(),a.updateActiveIndex(),a.updateSlidesClasses(),(!l&&a.isBeginning||!d&&a.isEnd)&&a.updateSlidesClasses(),a.params.freeModeSticky&&(clearTimeout(a.mousewheel.timeout),a.mousewheel.timeout=te.nextTick(function(){a.slideToClosest()},300)),a.emit(\"scroll\",t),a.params.autoplay&&a.params.autoplayDisableOnInteraction&&a.autoplay.stop(),o===a.minTranslate()||o===a.maxTranslate())return!0}else{if(60a-1-2*e.loopedSlides&&(r-=a-2*e.loopedSlides),n-1s.dynamicMainBullets-1?e.pagination.dynamicBulletIndex=s.dynamicMainBullets-1:e.pagination.dynamicBulletIndex<0&&(e.pagination.dynamicBulletIndex=0)),o=r-e.pagination.dynamicBulletIndex,d=((l=o+(Math.min(p.length,s.dynamicMainBullets)-1))+o)/2),p.removeClass(s.bulletActiveClass+\" \"+s.bulletActiveClass+\"-next \"+s.bulletActiveClass+\"-next-next \"+s.bulletActiveClass+\"-prev \"+s.bulletActiveClass+\"-prev-prev \"+s.bulletActiveClass+\"-main\"),1\";i.html(s),e.pagination.bullets=i.find(\".\"+t.bulletClass)}\"fraction\"===t.type&&(s=t.renderFraction?t.renderFraction.call(e,t.currentClass,t.totalClass):''),s.append(r)),te.extend(t,{$el:s,el:s[0],$dragEl:r,dragEl:r[0]}),i.draggable&&t.enableDraggable()}},destroy:function(){this.scrollbar.disableDraggable()}},N={setTransform:function(e,t){var a=this.rtl,i=I(e),s=a?-1:1,r=i.attr(\"data-swiper-parallax\")||\"0\",n=i.attr(\"data-swiper-parallax-x\"),o=i.attr(\"data-swiper-parallax-y\"),l=i.attr(\"data-swiper-parallax-scale\"),d=i.attr(\"data-swiper-parallax-opacity\");if(n||o?(n=n||\"0\",o=o||\"0\"):this.isHorizontal()?(n=r,o=\"0\"):(o=r,n=\"0\"),n=0<=n.indexOf(\"%\")?parseInt(n,10)*t*s+\"%\":n*t*s+\"px\",o=0<=o.indexOf(\"%\")?parseInt(o,10)*t+\"%\":o*t+\"px\",null!=d){var p=d-(d-1)*(1-Math.abs(t));i[0].style.opacity=p}if(null==l)i.transform(\"translate3d(\"+n+\", \"+o+\", 0px)\");else{var c=l-(l-1)*(1-Math.abs(t));i.transform(\"translate3d(\"+n+\", \"+o+\", 0px) scale(\"+c+\")\")}},setTranslate:function(){var i=this,e=i.$el,t=i.slides,s=i.progress,r=i.snapGrid;e.children(\"[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]\").each(function(e,t){i.parallax.setTransform(t,s)}),t.each(function(e,t){var a=t.progress;1i.maxRatio&&(a.scale=i.maxRatio-1+Math.pow(a.scale-i.maxRatio+1,.5)),a.scales.touchesStart.x))return void(s.isTouched=!1);if(!t.isHorizontal()&&(Math.floor(s.minY)===Math.floor(s.startY)&&s.touchesCurrent.ys.touchesStart.y))return void(s.isTouched=!1)}e.preventDefault(),e.stopPropagation(),s.isMoved=!0,s.currentX=s.touchesCurrent.x-s.touchesStart.x+s.startX,s.currentY=s.touchesCurrent.y-s.touchesStart.y+s.startY,s.currentXs.maxX&&(s.currentX=s.maxX-1+Math.pow(s.currentX-s.maxX+1,.8)),s.currentYs.maxY&&(s.currentY=s.maxY-1+Math.pow(s.currentY-s.maxY+1,.8)),r.prevPositionX||(r.prevPositionX=s.touchesCurrent.x),r.prevPositionY||(r.prevPositionY=s.touchesCurrent.y),r.prevTime||(r.prevTime=Date.now()),r.x=(s.touchesCurrent.x-r.prevPositionX)/(Date.now()-r.prevTime)/2,r.y=(s.touchesCurrent.y-r.prevPositionY)/(Date.now()-r.prevTime)/2,Math.abs(s.touchesCurrent.x-r.prevPositionX)<2&&(r.x=0),Math.abs(s.touchesCurrent.y-r.prevPositionY)<2&&(r.y=0),r.prevPositionX=s.touchesCurrent.x,r.prevPositionY=s.touchesCurrent.y,r.prevTime=Date.now(),i.$imageWrapEl.transform(\"translate3d(\"+s.currentX+\"px, \"+s.currentY+\"px,0)\")}}},onTouchEnd:function(){var e=this.zoom,t=e.gesture,a=e.image,i=e.velocity;if(t.$imageEl&&0!==t.$imageEl.length){if(!a.isTouched||!a.isMoved)return a.isTouched=!1,void(a.isMoved=!1);a.isTouched=!1,a.isMoved=!1;var s=300,r=300,n=i.x*s,o=a.currentX+n,l=i.y*r,d=a.currentY+l;0!==i.x&&(s=Math.abs((o-a.currentX)/i.x)),0!==i.y&&(r=Math.abs((d-a.currentY)/i.y));var p=Math.max(s,r);a.currentX=o,a.currentY=d;var c=a.width*e.scale,u=a.height*e.scale;a.minX=Math.min(t.slideWidth/2-c/2,0),a.maxX=-a.minX,a.minY=Math.min(t.slideHeight/2-u/2,0),a.maxY=-a.minY,a.currentX=Math.max(Math.min(a.currentX,a.maxX),a.minX),a.currentY=Math.max(Math.min(a.currentY,a.maxY),a.minY),t.$imageWrapEl.transition(p).transform(\"translate3d(\"+a.currentX+\"px, \"+a.currentY+\"px,0)\")}},onTransitionEnd:function(){var e=this.zoom,t=e.gesture;t.$slideEl&&this.previousIndex!==this.activeIndex&&(t.$imageEl.transform(\"translate3d(0,0,0) scale(1)\"),t.$imageWrapEl.transform(\"translate3d(0,0,0)\"),e.scale=1,e.currentScale=1,t.$slideEl=void 0,t.$imageEl=void 0,t.$imageWrapEl=void 0)},toggle:function(e){var t=this.zoom;t.scale&&1!==t.scale?t.out():t.in(e)},in:function(e){var t,a,i,s,r,n,o,l,d,p,c,u,h,v,f,m,g=this,b=g.zoom,w=g.params.zoom,y=b.gesture,x=b.image;y.$slideEl||(y.$slideEl=g.clickedSlide?I(g.clickedSlide):g.slides.eq(g.activeIndex),y.$imageEl=y.$slideEl.find(\"img, svg, canvas\"),y.$imageWrapEl=y.$imageEl.parent(\".\"+w.containerClass)),y.$imageEl&&0!==y.$imageEl.length&&(y.$slideEl.addClass(\"\"+w.zoomedSlideClass),a=void 0===x.touchesStart.x&&e?(t=\"touchend\"===e.type?e.changedTouches[0].pageX:e.pageX,\"touchend\"===e.type?e.changedTouches[0].pageY:e.pageY):(t=x.touchesStart.x,x.touchesStart.y),b.scale=y.$imageWrapEl.attr(\"data-swiper-zoom\")||w.maxRatio,b.currentScale=y.$imageWrapEl.attr(\"data-swiper-zoom\")||w.maxRatio,e?(f=y.$slideEl[0].offsetWidth,m=y.$slideEl[0].offsetHeight,i=y.$slideEl.offset().left+f/2-t,s=y.$slideEl.offset().top+m/2-a,o=y.$imageEl[0].offsetWidth,l=y.$imageEl[0].offsetHeight,d=o*b.scale,p=l*b.scale,h=-(c=Math.min(f/2-d/2,0)),v=-(u=Math.min(m/2-p/2,0)),(r=i*b.scale)>1]<=t?i=s:a=s;return a};return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(n=o(this.x,e),r=n-1,(e-this.x[r])*(this.y[n]-this.y[r])/(this.x[n]-this.x[r])+this.y[r]):0},this},getInterpolateFunction:function(e){var t=this;t.controller.spline||(t.controller.spline=t.params.loop?new V.LinearSpline(t.slidesGrid,e.slidesGrid):new V.LinearSpline(t.snapGrid,e.snapGrid))},setTranslate:function(e,t){var a,i,s=this,r=s.controller.control;function n(e){var t=s.rtlTranslate?-s.translate:s.translate;\"slide\"===s.params.controller.by&&(s.controller.getInterpolateFunction(e),i=-s.controller.spline.interpolate(-t)),i&&\"container\"!==s.params.controller.by||(a=(e.maxTranslate()-e.minTranslate())/(s.maxTranslate()-s.minTranslate()),i=(t-s.minTranslate())*a+e.minTranslate()),s.params.controller.inverse&&(i=e.maxTranslate()-i),e.updateProgress(i),e.setTranslate(i,s),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(r))for(var o=0;o'),i.append(e)),e.css({height:r+\"px\"})):0===(e=a.find(\".swiper-cube-shadow\")).length&&(e=I('
'),a.append(e)));for(var h=0;h'),v.append(E)),0===S.length&&(S=I('
'),v.append(S)),E.length&&(E[0].style.opacity=Math.max(-b,0)),S.length&&(S[0].style.opacity=Math.max(b,0))}}if(i.css({\"-webkit-transform-origin\":\"50% 50% -\"+l/2+\"px\",\"-moz-transform-origin\":\"50% 50% -\"+l/2+\"px\",\"-ms-transform-origin\":\"50% 50% -\"+l/2+\"px\",\"transform-origin\":\"50% 50% -\"+l/2+\"px\"}),d.shadow)if(p)e.transform(\"translate3d(0px, \"+(r/2+d.shadowOffset)+\"px, \"+-r/2+\"px) rotateX(90deg) rotateZ(0deg) scale(\"+d.shadowScale+\")\");else{var C=Math.abs(u)-90*Math.floor(Math.abs(u)/90),M=1.5-(Math.sin(2*C*Math.PI/360)/2+Math.cos(2*C*Math.PI/360)/2),P=d.shadowScale,k=d.shadowScale/M,z=d.shadowOffset;e.transform(\"scale3d(\"+P+\", 1, \"+k+\") translate3d(0px, \"+(n/2+z)+\"px, \"+-n/2/k+\"px) rotateX(-90deg)\")}var $=ie.isSafari||ie.isUiWebView?-l/2:0;i.transform(\"translate3d(0px,0,\"+$+\"px) rotateX(\"+(t.isHorizontal()?0:u)+\"deg) rotateY(\"+(t.isHorizontal()?-u:0)+\"deg)\")},setTransition:function(e){var t=this.$el;this.slides.transition(e).find(\".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left\").transition(e),this.params.cubeEffect.shadow&&!this.isHorizontal()&&t.find(\".swiper-cube-shadow\").transition(e)}},U={setTranslate:function(){for(var e=this,t=e.slides,a=e.rtlTranslate,i=0;i'),s.append(p)),0===c.length&&(c=I('
'),s.append(c)),p.length&&(p[0].style.opacity=Math.max(-r,0)),c.length&&(c[0].style.opacity=Math.max(r,0))}s.transform(\"translate3d(\"+l+\"px, \"+d+\"px, 0px) rotateX(\"+o+\"deg) rotateY(\"+n+\"deg)\")}},setTransition:function(e){var a=this,t=a.slides,i=a.activeIndex,s=a.$wrapperEl;if(t.transition(e).find(\".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left\").transition(e),a.params.virtualTranslate&&0!==e){var r=!1;t.eq(i).transitionEnd(function(){if(!r&&a&&!a.destroyed){r=!0,a.animating=!1;for(var e=[\"webkitTransitionEnd\",\"transitionend\"],t=0;t'),v.append(E)),0===S.length&&(S=I('
'),v.append(S)),E.length&&(E[0].style.opacity=0')}}),Object.keys(Y).forEach(function(e){t.a11y[e]=Y[e].bind(t)})},on:{init:function(){this.params.a11y.enabled&&(this.a11y.init(),this.a11y.updateNavigation())},toEdge:function(){this.params.a11y.enabled&&this.a11y.updateNavigation()},fromEdge:function(){this.params.a11y.enabled&&this.a11y.updateNavigation()},paginationUpdate:function(){this.params.a11y.enabled&&this.a11y.updatePagination()},destroy:function(){this.params.a11y.enabled&&this.a11y.destroy()}}},{name:\"history\",params:{history:{enabled:!1,replaceState:!1,key:\"slides\"}},create:function(){var e=this;te.extend(e,{history:{init:F.init.bind(e),setHistory:F.setHistory.bind(e),setHistoryPopState:F.setHistoryPopState.bind(e),scrollToSlide:F.scrollToSlide.bind(e),destroy:F.destroy.bind(e)}})},on:{init:function(){this.params.history.enabled&&this.history.init()},destroy:function(){this.params.history.enabled&&this.history.destroy()},transitionEnd:function(){this.history.initialized&&this.history.setHistory(this.params.history.key,this.activeIndex)}}},{name:\"hash-navigation\",params:{hashNavigation:{enabled:!1,replaceState:!1,watchState:!1}},create:function(){var e=this;te.extend(e,{hashNavigation:{initialized:!1,init:R.init.bind(e),destroy:R.destroy.bind(e),setHash:R.setHash.bind(e),onHashCange:R.onHashCange.bind(e)}})},on:{init:function(){this.params.hashNavigation.enabled&&this.hashNavigation.init()},destroy:function(){this.params.hashNavigation.enabled&&this.hashNavigation.destroy()},transitionEnd:function(){this.hashNavigation.initialized&&this.hashNavigation.setHash()}}},{name:\"autoplay\",params:{autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1}},create:function(){var t=this;te.extend(t,{autoplay:{running:!1,paused:!1,run:q.run.bind(t),start:q.start.bind(t),stop:q.stop.bind(t),pause:q.pause.bind(t),onTransitionEnd:function(e){t&&!t.destroyed&&t.$wrapperEl&&e.target===this&&(t.$wrapperEl[0].removeEventListener(\"transitionend\",t.autoplay.onTransitionEnd),t.$wrapperEl[0].removeEventListener(\"webkitTransitionEnd\",t.autoplay.onTransitionEnd),t.autoplay.paused=!1,t.autoplay.running?t.autoplay.run():t.autoplay.stop())}}})},on:{init:function(){this.params.autoplay.enabled&&this.autoplay.start()},beforeTransitionStart:function(e,t){this.autoplay.running&&(t||!this.params.autoplay.disableOnInteraction?this.autoplay.pause(e):this.autoplay.stop())},sliderFirstMove:function(){this.autoplay.running&&(this.params.autoplay.disableOnInteraction?this.autoplay.stop():this.autoplay.pause())},destroy:function(){this.autoplay.running&&this.autoplay.stop()}}},{name:\"effect-fade\",params:{fadeEffect:{crossFade:!1}},create:function(){te.extend(this,{fadeEffect:{setTranslate:W.setTranslate.bind(this),setTransition:W.setTransition.bind(this)}})},on:{beforeInit:function(){var e=this;if(\"fade\"===e.params.effect){e.classNames.push(e.params.containerModifierClass+\"fade\");var t={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!0};te.extend(e.params,t),te.extend(e.originalParams,t)}},setTranslate:function(){\"fade\"===this.params.effect&&this.fadeEffect.setTranslate()},setTransition:function(e){\"fade\"===this.params.effect&&this.fadeEffect.setTransition(e)}}},{name:\"effect-cube\",params:{cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}},create:function(){te.extend(this,{cubeEffect:{setTranslate:j.setTranslate.bind(this),setTransition:j.setTransition.bind(this)}})},on:{beforeInit:function(){var e=this;if(\"cube\"===e.params.effect){e.classNames.push(e.params.containerModifierClass+\"cube\"),e.classNames.push(e.params.containerModifierClass+\"3d\");var t={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0};te.extend(e.params,t),te.extend(e.originalParams,t)}},setTranslate:function(){\"cube\"===this.params.effect&&this.cubeEffect.setTranslate()},setTransition:function(e){\"cube\"===this.params.effect&&this.cubeEffect.setTransition(e)}}},{name:\"effect-flip\",params:{flipEffect:{slideShadows:!0,limitRotation:!0}},create:function(){te.extend(this,{flipEffect:{setTranslate:U.setTranslate.bind(this),setTransition:U.setTransition.bind(this)}})},on:{beforeInit:function(){var e=this;if(\"flip\"===e.params.effect){e.classNames.push(e.params.containerModifierClass+\"flip\"),e.classNames.push(e.params.containerModifierClass+\"3d\");var t={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!0};te.extend(e.params,t),te.extend(e.originalParams,t)}},setTranslate:function(){\"flip\"===this.params.effect&&this.flipEffect.setTranslate()},setTransition:function(e){\"flip\"===this.params.effect&&this.flipEffect.setTransition(e)}}},{name:\"effect-coverflow\",params:{coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:!0}},create:function(){te.extend(this,{coverflowEffect:{setTranslate:K.setTranslate.bind(this),setTransition:K.setTransition.bind(this)}})},on:{beforeInit:function(){var e=this;\"coverflow\"===e.params.effect&&(e.classNames.push(e.params.containerModifierClass+\"coverflow\"),e.classNames.push(e.params.containerModifierClass+\"3d\"),e.params.watchSlidesProgress=!0,e.originalParams.watchSlidesProgress=!0)},setTranslate:function(){\"coverflow\"===this.params.effect&&this.coverflowEffect.setTranslate()},setTransition:function(e){\"coverflow\"===this.params.effect&&this.coverflowEffect.setTransition(e)}}},{name:\"thumbs\",params:{thumbs:{swiper:null,slideThumbActiveClass:\"swiper-slide-thumb-active\",thumbsContainerClass:\"swiper-container-thumbs\"}},create:function(){te.extend(this,{thumbs:{swiper:null,init:_.init.bind(this),update:_.update.bind(this),onThumbClick:_.onThumbClick.bind(this)}})},on:{beforeInit:function(){var e=this.params.thumbs;e&&e.swiper&&(this.thumbs.init(),this.thumbs.update(!0))},slideChange:function(){this.thumbs.swiper&&this.thumbs.update()},update:function(){this.thumbs.swiper&&this.thumbs.update()},resize:function(){this.thumbs.swiper&&this.thumbs.update()},observerUpdate:function(){this.thumbs.swiper&&this.thumbs.update()},setTransition:function(e){var t=this.thumbs.swiper;t&&t.setTransition(e)},beforeDestroy:function(){var e=this.thumbs.swiper;e&&this.thumbs.swiperCreated&&e&&e.destroy()}}}];return void 0===T.use&&(T.use=T.Class.use,T.installModule=T.Class.installModule),T.use(Z),T});\n//# sourceMappingURL=swiper.min.js.map\n","module.exports=/[\\0-\\x1F\\x7F-\\x9F]/","module.exports=/[\\xAD\\u0600-\\u0605\\u061C\\u06DD\\u070F\\u08E2\\u180E\\u200B-\\u200F\\u202A-\\u202E\\u2060-\\u2064\\u2066-\\u206F\\uFEFF\\uFFF9-\\uFFFB]|\\uD804[\\uDCBD\\uDCCD]|\\uD82F[\\uDCA0-\\uDCA3]|\\uD834[\\uDD73-\\uDD7A]|\\uDB40[\\uDC01\\uDC20-\\uDC7F]/","module.exports=/[!-#%-\\*,-\\/:;\\?@\\[-\\]_\\{\\}\\xA1\\xA7\\xAB\\xB6\\xB7\\xBB\\xBF\\u037E\\u0387\\u055A-\\u055F\\u0589\\u058A\\u05BE\\u05C0\\u05C3\\u05C6\\u05F3\\u05F4\\u0609\\u060A\\u060C\\u060D\\u061B\\u061E\\u061F\\u066A-\\u066D\\u06D4\\u0700-\\u070D\\u07F7-\\u07F9\\u0830-\\u083E\\u085E\\u0964\\u0965\\u0970\\u09FD\\u0A76\\u0AF0\\u0C84\\u0DF4\\u0E4F\\u0E5A\\u0E5B\\u0F04-\\u0F12\\u0F14\\u0F3A-\\u0F3D\\u0F85\\u0FD0-\\u0FD4\\u0FD9\\u0FDA\\u104A-\\u104F\\u10FB\\u1360-\\u1368\\u1400\\u166D\\u166E\\u169B\\u169C\\u16EB-\\u16ED\\u1735\\u1736\\u17D4-\\u17D6\\u17D8-\\u17DA\\u1800-\\u180A\\u1944\\u1945\\u1A1E\\u1A1F\\u1AA0-\\u1AA6\\u1AA8-\\u1AAD\\u1B5A-\\u1B60\\u1BFC-\\u1BFF\\u1C3B-\\u1C3F\\u1C7E\\u1C7F\\u1CC0-\\u1CC7\\u1CD3\\u2010-\\u2027\\u2030-\\u2043\\u2045-\\u2051\\u2053-\\u205E\\u207D\\u207E\\u208D\\u208E\\u2308-\\u230B\\u2329\\u232A\\u2768-\\u2775\\u27C5\\u27C6\\u27E6-\\u27EF\\u2983-\\u2998\\u29D8-\\u29DB\\u29FC\\u29FD\\u2CF9-\\u2CFC\\u2CFE\\u2CFF\\u2D70\\u2E00-\\u2E2E\\u2E30-\\u2E4E\\u3001-\\u3003\\u3008-\\u3011\\u3014-\\u301F\\u3030\\u303D\\u30A0\\u30FB\\uA4FE\\uA4FF\\uA60D-\\uA60F\\uA673\\uA67E\\uA6F2-\\uA6F7\\uA874-\\uA877\\uA8CE\\uA8CF\\uA8F8-\\uA8FA\\uA8FC\\uA92E\\uA92F\\uA95F\\uA9C1-\\uA9CD\\uA9DE\\uA9DF\\uAA5C-\\uAA5F\\uAADE\\uAADF\\uAAF0\\uAAF1\\uABEB\\uFD3E\\uFD3F\\uFE10-\\uFE19\\uFE30-\\uFE52\\uFE54-\\uFE61\\uFE63\\uFE68\\uFE6A\\uFE6B\\uFF01-\\uFF03\\uFF05-\\uFF0A\\uFF0C-\\uFF0F\\uFF1A\\uFF1B\\uFF1F\\uFF20\\uFF3B-\\uFF3D\\uFF3F\\uFF5B\\uFF5D\\uFF5F-\\uFF65]|\\uD800[\\uDD00-\\uDD02\\uDF9F\\uDFD0]|\\uD801\\uDD6F|\\uD802[\\uDC57\\uDD1F\\uDD3F\\uDE50-\\uDE58\\uDE7F\\uDEF0-\\uDEF6\\uDF39-\\uDF3F\\uDF99-\\uDF9C]|\\uD803[\\uDF55-\\uDF59]|\\uD804[\\uDC47-\\uDC4D\\uDCBB\\uDCBC\\uDCBE-\\uDCC1\\uDD40-\\uDD43\\uDD74\\uDD75\\uDDC5-\\uDDC8\\uDDCD\\uDDDB\\uDDDD-\\uDDDF\\uDE38-\\uDE3D\\uDEA9]|\\uD805[\\uDC4B-\\uDC4F\\uDC5B\\uDC5D\\uDCC6\\uDDC1-\\uDDD7\\uDE41-\\uDE43\\uDE60-\\uDE6C\\uDF3C-\\uDF3E]|\\uD806[\\uDC3B\\uDE3F-\\uDE46\\uDE9A-\\uDE9C\\uDE9E-\\uDEA2]|\\uD807[\\uDC41-\\uDC45\\uDC70\\uDC71\\uDEF7\\uDEF8]|\\uD809[\\uDC70-\\uDC74]|\\uD81A[\\uDE6E\\uDE6F\\uDEF5\\uDF37-\\uDF3B\\uDF44]|\\uD81B[\\uDE97-\\uDE9A]|\\uD82F\\uDC9F|\\uD836[\\uDE87-\\uDE8B]|\\uD83A[\\uDD5E\\uDD5F]/","module.exports=/[ \\xA0\\u1680\\u2000-\\u200A\\u2028\\u2029\\u202F\\u205F\\u3000]/","'use strict';\n\nexports.Any = require('./properties/Any/regex');\nexports.Cc = require('./categories/Cc/regex');\nexports.Cf = require('./categories/Cf/regex');\nexports.P = require('./categories/P/regex');\nexports.Z = require('./categories/Z/regex');\n","module.exports=/[\\0-\\uD7FF\\uE000-\\uFFFF]|[\\uD800-\\uDBFF][\\uDC00-\\uDFFF]|[\\uD800-\\uDBFF](?![\\uDC00-\\uDFFF])|(?:[^\\uD800-\\uDBFF]|^)[\\uDC00-\\uDFFF]/","export default function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}","export default function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}","export default function _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}","import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _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}","import _typeof from \"@babel/runtime/helpers/typeof\";\nimport assertThisInitialized from \"./assertThisInitialized.js\";\nexport default function _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","export default function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}"],"names":["module","exports","arr","len","length","i","arr2","Array","__esModule","arrayLikeToArray","isArray","self","ReferenceError","instance","Constructor","TypeError","_defineProperties","target","props","descriptor","enumerable","configurable","writable","Object","defineProperty","key","protoProps","staticProps","prototype","obj","value","_extends","assign","arguments","source","hasOwnProperty","call","apply","this","_getPrototypeOf","o","setPrototypeOf","getPrototypeOf","__proto__","subClass","superClass","create","constructor","iter","Symbol","iterator","from","_typeof","assertThisInitialized","_setPrototypeOf","p","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","minLen","n","toString","slice","name","test","styles","_excluded","_excluded2","icons","info","success","warning","attention","error","v2Icons","Alert","_ref","_clsx","closeIcon","btnType","btnSize","className","_ref$type","type","_ref$typeIconAriaLabe","typeIconAriaLabel","closeButton","_ref$closeButtonLabel","closeButtonLabel","children","theme","rest","_theme","isThemeV2","AlertStatusIcon","closeBtnEl","alertClasses","ppvx_alert","concat","closeButtonCls","otherProps","closeButtonClass","buttonType","size","svgIconComponent","alertIconClass","role","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","push","Animator","_ref$shouldHide","shouldHide","onOpen","onClose","_ref$onCloseComplete","onCloseComplete","_ref$phaseProps","phaseProps","initial","isHidden","showing","hiding","_useState","useState","_useState2","currentPhase","setCurrentPhase","closeEvent","useRef","event","closeMethod","useEffect","timer","setTimeout","clearTimeout","onAnimationEnd","evt","_ref2","current","_event","childProps","forEach","getOwnPropertyDescriptors","defineProperties","_objectSpread","requestClose","closedBy","onTransitionEnd","__assign","t","s","__rest","e","indexOf","propertyIsEnumerable","zeroRightClassName","fullWidthClassName","useMergeRefs","refs","defaultValue","initialValue","callback","newValue","ref","assignRef","facade","last","ItoI","a","innerCreateMedium","defaults","middleware","buffer","assigned","read","Error","useMedium","data","item","x","assignSyncMedium","cb","cbs","assignMedium","pendingQueue","executeQueue","cycle","Promise","resolve","then","createMedium","createSidecarMedium","options","medium","async","ssr","effectCar","nothing","RemoveScroll","parentRef","_a","onScrollCapture","onWheelCapture","onTouchMoveCapture","callbacks","setCallbacks","forwardProps","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","_b","as","Container","SideCar","containerRef","containerProps","lockRef","defaultProps","classNames","fullWidth","zeroRight","FOCUS_GROUP","FOCUS_DISABLED","hiddenGuard","width","height","padding","overflow","position","top","left","InFocusGuard","style","propTypes","mediumFocus","currentTarget","mediumBlur","mediumEffect","mediumSidecar","emptyArray","FocusLock","_extends2","_React$useState","realObserved","setObserved","observed","isActive","originalFocusedElement","disabled","noFocusGuards","persistentFocus","crossFrame","autoFocus","group","allowTextSelection","whiteList","hasPositiveIndices","_props$shards","_props$as","_props$lockProps","lockProps","shouldReturnFocus","returnFocus","focusOptions","onActivationCallback","onActivation","onDeactivationCallback","onDeactivation","id","document","activeElement","allowDefer","returnFocusTo","focus","howToReturnFocus","returnFocusOptions","undefined","onFocus","onBlur","setObserveNode","newObserved","hasLeadingGuards","hasTailingGuards","mergedRef","tabIndex","FocusOn","setLockProps","_c","scrollLock","_d","focusLock","_e","shouldIgnore","restProps","appliedLockProps","Target","exportSidecar","exported","isSideCarExport","getParentNode","node","parentNode","nodeType","Node","DOCUMENT_FRAGMENT_NODE","host","isTopNode","DOCUMENT_NODE","isVisibleCached","visibilityCache","cached","get","result","checkParent","ELEMENT_NODE","computedStyle","window","getComputedStyle","getPropertyValue","isElementHidden","isVisibleUncached","bind","set","isAutoFocusAllowedCached","cache","isAutoFocusAllowed","isAutoFocusAllowedUncached","getDataset","dataset","isHTMLInputElement","tagName","isRadioElement","attribute","getAttribute","includes","isGuard","Boolean","focusGuard","isNotAGuard","isDefined","correctNode","nodes","el","checked","findSelectedRadio","pickFirstFocus","pickFocusable","index","NEW_FOCUS","toArray","ret","asArray","tabSort","b","tabDiff","indexDiff","orderByTabIndex","filterNegative","keepGuards","map","sort","queryTabbables","join","queryGuardTabbables","getFocusablesWithShadowDom","parent","withGuards","shadowRoot","reduce","acc","child","matches","getFocusables","parents","querySelectorAll","filterFocusable","isHTMLButtonElement","notHiddenInput","filterAutoFocusable","Map","getTabbableNodes","topNodes","getAllTabbableNodes","contains","scope","element","some","getTopParent","getAllAffectedNodes","currentNode","contained","Set","l","j","compareDocumentPosition","DOCUMENT_POSITION_CONTAINED_BY","add","DOCUMENT_POSITION_CONTAINS","_","has","filterNested","getNestedShadowActiveElement","getActiveElement","getParents","getCommonParent","nodeA","nodeB","parentsA","parentsB","currentParent","getTopCommonParent","baseActiveElement","leftEntry","rightEntries","activeElements","leftEntries","topCommon","entry","subEntry","common","getFocusMerge","topNode","lastNode","entries","commonParent","anyFocusable","innerElements","srcNodes","dstNodes","remap","autoFocusables","outerNodes","orderedInnerElements","entity","innerNodes","newId","cnt","firstFocus","lastFocus","isOnGuard","resultSet","activeIndex","lastIndex","lastNodeInside","firstNodeIndex","lastNodeIndex","correctedNodes","correctedIndexDiff","returnFirstNode","returnLastNode","Math","abs","newFocus","autoFocusable","parentFocus","parentAutofocusables","allParentAutofocusables","autofocus","guardCount","lockDisabled","focusable","console","contentWindow","focusInside","focusInsideIframe","deferAction","action","setImmediate","lastActiveTrap","lastActiveFocus","lastPortaledElement","focusWasOutsideWindow","defaultWhitelist","autoGuard","startIndex","end","step","allNodes","lastGuard","guard","focusAutoGuard","lockItem","extractRef","checkInHost","check","boundary","activateTrap","_lastActiveTrap","workingNode","portaledElement","workingArea","focusWhitelisted","body","isFreeFocus","area","withinHost","blur","newActiveElement","focusedIndex","_ref3","removeAttribute","onTrap","stopPropagation","preventDefault","onWindowBlur","observerNode","moveFocusInside","reducePropsToState","propsList","_ref5","handleStateChangeOnClient","traps","trap","addEventListener","lastTrap","sameTrap","_ref6","removeEventListener","WrappedComponent","state","mountedInstances","emitChange","SideEffect","_PureComponent","peek","_proto","componentDidMount","componentDidUpdate","componentWillUnmount","splice","render","PureComponent","displayName","getDisplayName","stylesheetSingleton","counter","stylesheet","tag","css","createElement","nonce","setAttribute","makeStyleTag","styleSheet","cssText","appendChild","createTextNode","head","getElementsByTagName","insertStyleTag","remove","removeChild","styleSingleton","sheet","useStyle","isDynamic","dynamic","zeroGap","right","gap","parse","parseInt","Style","getStyles","allowRelative","gapMode","important","RemoveScrollBar","noRelative","noImportant","offsets","cs","getOffset","documentWidth","documentElement","clientWidth","windowWidth","innerWidth","max","getGapWidth","passiveSupported","err","nonPassive","passive","locationCouldBeScrolled","axis","ShadowRoot","elementCouldBeScrolled","getScrollVariables","overflowY","overflowX","elementCouldBeVScrolled","elementCouldBeHScrolled","scrollTop","scrollHeight","clientHeight","scrollLeft","scrollWidth","getHScrollVariables","getTouchXY","changedTouches","clientX","clientY","getDeltaXY","deltaX","deltaY","generateStyle","idCounter","lockStack","shouldPreventQueue","touchStartRef","activeAxis","lastProps","classList","allow_1","to","pack","ar","shouldCancelEvent","touches","currentAxis","touch","touchStart","moveDirection","canBeScrolledInMainDirection","cancelingAxis","endTarget","sourceDelta","noOverscroll","directionFactor","direction","getDirectionFactor","delta","targetInLock","shouldCancelScroll","isDeltaPositive","availableScroll","availableScrollTop","elementScroll","handleScroll","shouldPrevent","sourceEvent","y","should","shardNodes","shouldCancel","scrollTouchStart","scrollWheel","scrollTouchMove","inst","counterMap","WeakMap","uncontrolledNodes","markerMap","lockCount","InteractivityDisabler","onEscapeKey","onClickOutside","activeNode","setActiveNode","lastEventTarget","mouseTouches","onKeyDown","defaultPrevented","code","keyCode","onMouseDown","MouseEvent","button","onTouchStart","onTouchEnd","_undo","unmounted","originalTarget","markerName","ownerDocument","getDefaultParent","targets","markerCounter","hiddenNodes","elementsToKeep","keep","deep","attr","alreadyHidden","counterValue","markerValue","clear","delete","hideOthers","il","r","k","jl","__spreadArrays","RequireSideCar","yesYouMayClose","SheetComponent","_clsx3","_clsx4","_clsx5","startX","startY","_ref$onBeforeClose","onBeforeClose","center","noPadding","noCloseButton","_ref$closeButtonProps","closeButtonProps","divider","hideTitle","mobileFixedHeight","title","headerContents","footerContents","footerAlign","_ref$returnFocusToTri","returnFocusToTrigger","headerClassName","containerClassName","wrapperClassName","footerClassName","skipFormFocus","_ref$contentScrollTop","contentScrollTop","onContentScroll","headerScroll","setHeaderScroll","_useState3","_useState4","footerScroll","setFooterScroll","sheetRef","closeButtonRef","actionZoneRef","contentRef","headerContentRef","idBase","random","toFixed","showHeader","scrollCheck","contents","newHeaderScroll","newFooterScroll","offsetHeight","setFixedHeight","fixedHeight","innerHeight","sheetEl","maxHeight","focused","formElement","querySelector","focusableEls","focusableActionEl","closeButtonCurrent","navigator","msMaxTouchPoints","wrapperClasses","ppvx_scrim","classes","ppvx_modal","contentClasses","ppvx_modal__contents","ariaHidden","handleClose","closeButtonTag","onClick","titleId","ariaProps","emptyCloseButtonZone","emptyActionZone","closeButtonZone","actionZone","headerContentZone","header","firstTouch","pageY","pageX","endTouch","endX","endY","xDiff","yDiff","footer","onScroll","_excluded$1","Sheet","isOpen","componentProps","isMounted","setIsMounted","containerElm","selectionMenuClass","SelectionMenuOption","menuName","primaryText","primaryTextLineClamp","secondaryText","secondaryTextLineClamp","decoration","optionId","isFocused","isHilite","isSelected","unselectable","isMobile","isLoadingOptions","optionRef","itemId","itemClasses","option","parentElement","boundingBox","getBoundingClientRect","optionBox","bottom","scrollIntoView","block","behavior","thumbNail","itemTextClasses","selectedCheckMark","strong","clampAtLine","SelectionMenu","typeToFindTimer","_React$useState2","setState","reference","_ref2$name","itemClassName","mobileHeaderClassName","sheetClassName","sheetWrapperClassName","_ref2$id","replace","_ref2$initialItemFocu","initialItemFocus","ignoreKeyboard","mobileTitle","_ref2$mobileDivider","mobileDivider","mobileHeaderContents","outsideClickCheck","onSelection","_ref2$returnFocusToTr","_ref2$selectedIndex","selectedIndex","_ref2$activeItem","activeItem","triggerElementId","_ref2$rtl","rtl","_ref2$isLoadingOption","_ref2$searchEnabled","searchEnabled","wrapperRef","menuRef","loaderRef","searchText","validateOptions","_useReferredState","_useReferredState2","focusedIndexRef","setFocusedIndex","keyboardActive","setKeyboardActive","currentValue","selectionMenuClasses","MAX_WIDTH","getRefCurrent","setFocus","newIndex","moveFocus","offset","nextIndex","min","handleClickOutside","wrapperCurrent","triggerElement","getElementById","isTriggerClicked","handleKeyDown","firstMatchedItemIndex","_options$i$primaryTex","toLowerCase","startsWith","handleKey","selectedValue","optionList","idx","optionValue","src","renderImg","imgSrc","useLayoutEffect","triggerWidth","menu","menuWidth","calculateWidth","contentList","optionsList","findIndex","findValue","handleClick","dir","containerClasses","loadingSpinner","screenReaderText","content","isFixedHeight","bodyWrapper","DropdownMenu","forwardRef","menuContainerClassName","menuListClassName","menuItemClassName","menuMobileHeaderClassName","menuButtonClassName","menuLabelClassName","_props$skipButtonFocu","skipButtonFocus","label","errorText","_props$errorIconAriaL","errorIconAriaLabel","helperText","selectedItemIndex","ariaLabelledby","removeBorderRadiusRight","removeBorderRadiusLeft","removeBorderRadiusBoth","renderButtonContent","onChange","buttonId","internalRef","buttonRef","selectId","showMenu","setShowMenu","_useState5","_useState6","isRtl","setRtl","btn","dropdownMenuClass","buttonClass","openMenu","prevState","detail","handleItemClick","buttonCurrent","msgId","buttonText","buttonValue","V1AffordanceIcon","V2AffordanceIcon","affordanceClass","AffordanceIcon","labelClasses","labelledBy","otherButtonAttr","opt","altKey","ctrlKey","shiftKey","metaKey","hasNoModifiers","htmlFor","errorProps","dropdownErrorIcon","errorClasses","renderMessage","CombinedInput","childrenLength","childrenComponent","combinedInputClasses","Flag","countryCode","_ref$size","_ref$noRoundCorners","noRoundCorners","countryClassName","flagContainerClasses","ppvx_flag","flagClasses","ppvx_flag__scale","FormMessage","messageId","successText","successIconAriaLabel","_errorIcon","errorIcon","successIcon","text","processText","msg","successProps","renderIcon","icon","side","TextInputWrapper","inputClassName","labelClassName","_ref2$successIconAria","_ref2$error","_ref2$errorIconAriaLa","isLabelHidden","_ref2$multiline","multiline","_ref2$placeholder","placeholder","placemat","_ref2$leftIcon","leftIcon","_ref2$rightIcon","rightIcon","renderContent","InputTag","mainClasses","inputTagClasses","valueProps","hasError","inputTag","Placemat","_ref$value","combinedText","mask","vLen","mLen","substring","overlayValue","TextInputContent","inputRef","elem","_excluded$2","TextInputContentWithPrefixSuffix","prefix","suffix","prefixClassName","suffixClassName","_ref$onBlur","_ref$onFocus","textInputRef","textInputHasFocus","setTextInputFocus","inputClass","PrefixClass","SuffixClass","prefixWrapperClass","labelId","prefixEleId","suffixEleId","ariaLabelledByIds","trim","_excluded$3","TextInput","_excluded$4","_excluded2$1","_classCallCheck","_createClass","_inherits","excluded","sourceKeys","_objectWithoutPropertiesLoose","sourceSymbolKeys","_possibleConstructorReturn","_assertThisInitialized","_createSuper","Derived","hasNativeReflectConstruct","Reflect","construct","sham","Proxy","valueOf","_isNativeReflectConstruct","Super","NewTarget","_superPropBase","property","_get","receiver","base","desc","_set","isStrict","_slicedToArray","_arrayWithHoles","_i","_s","_arr","_n","next","done","_iterableToArrayLimit","_arrayLikeToArray","_unsupportedIterableToArray","_nonIterableRest","_ref$minRows","minRows","_ref$maxRows","maxRows","_ref$showCharacterCou","showCharacterCounter","maxCharacters","counterStatusText","_ref$onChange","baseCls","maxAllowedRows","minAllowedRows","charCount","setCharCount","isRTL","setRTL","textAreaHasFocus","setTextAreaFocus","textAreaRef","intlContext","useContext","bordersOffset","minHeight","textAreaElm","lineHeightValue","Number","split","paddingBottomValue","paddingTopValue","lineHeight","isNaN","paddingBottom","paddingTop","handleCounterWrapperClick","newHeight","textInputContent","maxCharsText","counterText","counterStatusMessage","wrapperCls","ChangeDetails","details","inserted","rawInserted","skip","tailShift","isString","str","String","DIRECTION","escapeRegExp","normalizePrepare","prep","objectIncludes","arrA","arrB","dateA","Date","dateB","getTime","regexpA","RegExp","regexpB","ActionDetails","cursorPos","oldValue","oldSelection","startChangePos","start","substr","insertedCount","removedCount","ContinuousTailDetails","stop","tail","masked","append","aggregate","_appendPlaceholder","beforePos","shiftChar","IMask","opts","InputMask","Masked","_value","_update","DEFAULTS","isInitialized","withValueRefresh","reset","input","doCommit","doParse","doFormat","extractInput","raw","isComplete","fromPos","toPos","appendTo","ch","flags","checkTail","consistentState","_normalizePrepare","doPrepare","_normalizePrepare2","_appendCharRaw","consistentTail","appended","doValidate","beforeTailState","overwrite","unshift","tailDetails","appendTail","shift","_beforeTailState","ci","_appendChar","eager","_appendEager","fn","_refreshing","rawInput","rawInputValue","_isolated","prepare","validate","commit","format","deleteCount","removeDirection","oldRawValue","tailPos","extractTail","forceDirection","nearestInputPos","valLength","maskedClass","MaskedRegExp","MaskedPattern","MaskedDate","MaskedNumber","MaskedDynamic","Function","MaskedFunction","warn","createMask","MaskedClass","v","DEFAULT_INPUT_DEFINITIONS","PatternInputDefinition","blockOpts","isFilled","isOptional","placeholderChar","unmaskedValue","lazy","_this$masked","_this$masked2","_this$masked3","minPos","maxPos","boundPos","_this$masked4","_this$parent","PatternFixedDefinition","isFixed","isUnmasking","_isRawInput","char","isResolved","ChunksTailDetails","chunks","tailChunk","lastChunk","extendLast","extend","firstTailChunk","blockIndex","chunk","lastBlockIter","_mapPosToBlock","chunkBlock","_stops","_blocks","remainChars","c","cstate","chunkShiftPos","PatternCursor","pos","_log","ok","_blockStartPos","pop","pushState","bindBlock","_this$block","_this","_pushLeft","_this2","_this3","_this4","_pushRight","_this5","_this6","_Masked","_super","search","definitions","_rebuildMask","defs","_maskedBlocks","pattern","unmaskingBlock","optionalBlock","blocks","bNames","bName","maskedBlock","isInput","STOP_CHAR","ESCAPE_CHAR","def","maskedState","bi","every","_this$_mapPosToBlock","startBlockIndex","d","blockIter","_flags$_beforeTailSta","_block","blockDetails","chunkTail","_forEachBlocksInRange","bFromPos","bToPos","blockChunk","_findStopBefore","stopBefore","si","toBlockIndex","startBlockIter","endBlockIndex","args","bDetails","accVal","_block2","blockStartPos","fromBlockIter","toBlockIter","isSameBlock","fromBlockStartPos","fromBlockEndPos","removeDetails","cursor","pushRightBeforeInput","popState","pushLeftBeforeInput","pushRightBeforeFilled","pushLeftBeforeRequired","pushLeftBeforeFilled","pushRightBeforeRequired","maskedBlocks","indices","gi","InputDefinition","FixedDefinition","MaskedRange","_MaskedPattern","maxLength","fromStr","padStart","toStr","sameCharsCount","repeat","minstr","maxstr","match","num","padEnd","autofix","nextVal","_this$boundaries","boundaries","_this$boundaries2","_get2","firstNonZero","_matchFrom","_this$boundaries3","_this$boundaries4","_len","_key","GET_DEFAULT_BLOCKS","Y","getFullYear","m","getMonth","getDate","bk","date","isDateExist","typedValue","_str$split2","day","month","year","MaskElement","_unsafeSelectionStart","_unsafeSelectionEnd","selectionStart","selectionEnd","_unsafeSelect","handlers","HTMLMaskElement","_MaskElement","_handlers","_this$input$getRootNo","_this$input$getRootNo2","_this$input","getRootNode","rootElement","setSelectionRange","_toggleEventHandler","EVENTS_MAP","handler","selectionChange","drop","click","HTMLContenteditableMaskElement","_HTMLMaskElement","root","selection","getSelection","anchorOffset","focusOffset","createRange","range","setStart","firstChild","setEnd","lastChild","removeAllRanges","addRange","textContent","isContentEditable","_listeners","_unmaskedValue","_saveSelection","_onInput","_onChange","_onDrop","_onFocus","_onClick","alignCursor","alignCursorFriendly","_bindEvents","updateValue","maskEquals","updateOptions","updateControl","val","bindEvents","unbindEvents","ev","listeners","_cursorChanging","_changingCursorPos","select","_selection","newUnmaskedValue","isChanged","_fireChangeEvents","restOpts","updateMask","updateOpts","_delayUpdateCursor","_abortUpdateCursor","_fireEvent","_inputEvent","hIndex","removed","updateCursor","_unbindEvents","_updateRegExps","allowNegative","scale","radix","_numberRegExpInput","_numberRegExp","_mapToRadixRegExp","mapToRadix","_thousandsSeparatorRegExp","thousandsSeparator","parts","noSepCh","_removeThousandsSeparators","prepCh","extendOnSeparators","count","_separatorsCount","_this$_adjustRangeWit","_adjustRangeWithSeparators","_this$_adjustRangeWit2","prevBeforeTailValue","prevBeforeTailSeparatorsCount","_separatorsCountFromSlice","appendDetails","_insertThousandsSeparators","beforeTailValue","beforeTailSeparatorsCount","searchFrom","separatorPos","separatorAroundFromPos","_findSeparatorAround","separatorAroundToPos","_this$_adjustRangeWit3","_this$_adjustRangeWit4","valueBeforePos","valueAfterPos","separatorAtLeftPos","separatorAtLeftEndPos","separatorAtRightPos","valid","number","validnum","formatted","normalizeZeros","_normalizeZeros","padFractionalZeros","_padFractionalZeros","sign","zeros","signed","MaskedTextInput","_ref$maskOptions","maskOptions","onAccept","onComplete","maskedRef","elm","on","_masked","off","destroy","VAR_LENGTH_COUNTRIES_FIXED_LINE","VAR_LENGTH_COUNTRIES_MOBILE","getPhoneFormat","phoneRegion","formatType","providedCountryCode","providedPhoneFormat","phoneFormatter","phoneType","phoneNumberFormat","phoneExampleGenerator","exampleGenerator","feature","region","exampleNumberObj","generate","nationalNumber","formattedNumber","phoneNumber","varLengthCountries","patternLength","optionalDigits","PhoneCodeDropdown","countryOptions","flagId","codeId","isV2","selectedOption","countryPhoneCode","countryName","optionCode","optionPattern","optionCountryRegion","optionCountryName","menuOptions","_ref$inputLabel","inputLabel","_ref$menuLabel","menuLabel","menuId","menuClassName","_ref$mobile","mobile","onPhoneCodeChange","phoneCode","stateContainerRef","setStateContainerRef","isWrap","setIsWrap","useCallback","resizeObserver","ResizeObserver","fontSize","observe","disconnect","preselectedMask","useMemo","country","countryRegion","menuTheme","phoneParts","phoneFormat","displayNamesObj","getDisplayNamesObject","_useState7","_useState8","currentMask","setMask","_useState9","_useState10","hasFocus","menuClasses","inputClasses","generatedFlagId","generatedCodeId","dropdownEl","inputEl","PhoneInput","phoneMask","_ref$label","_ref$formatType","codePrefix","codeSuffix","PLATFORMS","IOS","IOS_WHITE","ANDROID","values","hasOwn","arg","argType","inner","default","attributeNames","elementNames","__createBinding","k2","__setModuleDefault","__importStar","mod","ElementType","entities_1","foreignNames_1","unencodedElements","singleTag","output","renderNode","Root","Directive","Doctype","Comment","CDATA","renderCdata","Script","Tag","xmlMode","foreignModeIntegrationPoints","foreignElements","attribs","attributes","emptyAttrs","decodeEntities","encodeXML","formatAttributes","selfClosingTags","renderTag","Text","renderText","__importDefault","decodeHTML","decodeHTMLStrict","decodeXML","entities_json_1","legacy_json_1","xml_json_1","decode_codepoint_1","strictEntityRe","getStrictDecoder","getReplacer","sorter","charAt","secondChar","legacy","re","replacer","decode_json_1","fromCodePoint","codePoint","fromCharCode","escapeUTF8","escape","encodeNonAsciiHTML","encodeHTML","inverseXML","getInverseObj","xmlReplacer","getInverseReplacer","getASCIIEncoder","inverse","inverseHTML","htmlReplacer","single","multiple","charCodeAt","reNonASCII","singleCharReplacer","getCodePoint","codePointAt","toUpperCase","reEscapeChars","decodeXMLStrict","decodeHTML5Strict","decodeHTML4Strict","decodeHTML5","decodeHTML4","encodeHTML5","encodeHTML4","encode","decodeStrict","decode","decode_1","encode_1","level","encode_2","decode_2","isTag","__exportStar","DomHandler","domelementtype_1","node_1","reWhitespace","defaultOpts","normalizeWhitespace","withStartIndices","withEndIndices","elementCB","dom","Document","tagStack","parser","onparserinit","onreset","onend","handleCallback","onerror","onclosetag","endIndex","onopentag","Element","addNode","ontext","oncomment","oncommentend","oncdatastart","NodeWithChildren","oncdataend","onprocessinginstruction","ProcessingInstruction","previousSibling","prev","extendStatics","__extends","__","cloneNode","hasChildren","isDocument","isDirective","isComment","isText","isCDATA","DataNode","nodeTypes","recursive","namespace","cloneChildren","clone_1","clone_2","clone_3","instruction","sourceCodeLocation","childs","getFeed","stringify_1","legacy_1","doc","feedRoot","getOneElement","isValidFeed","feed","items","media","getMediaElements","addConditionally","href","link","description","fetch","pubDate","updated","getAtomFeed","getRssFeed","MEDIA_KEYS_STRING","MEDIA_KEYS_INT","where","isDefault","MEDIA_KEYS_STRING_1","attrib","MEDIA_KEYS_INT_1","expression","recurse","prop","uniqueSort","removeSubsets","domhandler_1","aParents","bParents","maxIdx","sharedParent","siblings","aSibling","bSibling","lastIndexOf","ancestor","relative","getElementsByTagType","getElements","testElement","querying_1","Checks","tag_name","tag_type","tag_contains","getAttribCheck","combineFuncs","compileTest","funcs","limit","Infinity","findOne","removeElement","prepend","prependChild","replaceElement","replacement","sibling","currNext","findAll","existsOne","findOneChild","find","nodes_1","stack","innerText","getText","getInnerHTML","getOuterHTML","dom_serializer_1","prevElementSibling","nextElementSibling","getName","hasAttrib","getAttributeValue","getSiblings","getParent","getChildren","determineBranch","JUMP_OFFSET_BASE","BinTrieFlags","xmlDecodeTree","htmlDecodeTree","decode_data_html_1","decode_data_xml_1","getDecoder","decodeTree","strict","lastIdx","strIdx","excess","treeIdx","HAS_VALUE","MULTI_BYTE","cp","parsed","nodeIdx","branchCount","BRANCH_LENGTH","jumpOffset","JUMP_TABLE","lo","hi","mid","midVal","htmlDecoder","xmlDecoder","decodeMap","Uint16Array","processingInstructions","isValidNodeDefinitions","processNodeDefinitions","Parser","ProcessingInstructions","IsValidNodeDefinitions","ProcessNodeDefinitions","camelCaseMap","soFar","lower","alwaysValid","reject","addIndex","HtmlParser","utils","traverseDom","isValidNode","preprocessingInstructions","preprocessingInstruction","shouldPreprocessNode","preprocessNode","processingInstruction","shouldProcessNode","replaceChildren","processNode","parseWithInstructions","html","list","parseComplete","parseHtmlToTree","domTreeItem","defaultProcessingInstructions","voidElementTags","processDefaultNode","ShouldProcessNodeDefinitions","shouldProcessEveryNode","camelCase","toPairs","React","camelCaseAttrMap","booleanAttrs","elementProps","keyAndValue","styleString","singleStyle","jsonStyles","createStyleJsonFromString","allChildren","parseFeed","FeedHandler","domutils_1","Parser_1","Tokenizer_1","formTags","pTag","tableSectionTags","ddtTags","rtpTags","openImpliesClose","voidElements","foreignContextElements","htmlIntegrationElements","reNameEnd","openTagStart","tagname","attribname","attribvalue","foreignContext","lowerCaseTagNames","lowerCaseTags","lowerCaseAttributeNames","tokenizer","Tokenizer","getAbsoluteIndex","isVoidElement","onopentagname","emitOpenTag","impliesClose","endOpenTag","isImplied","onopentagend","_f","closeCurrentTag","onselfclosingtag","recognizeSelfClosing","isOpenImplied","onattribname","getAbsoluteSectionStart","onattribdata","onattribend","quote","onattribute","getInstructionName","ondeclaration","name_1","name_2","oncdata","_g","_h","_j","_k","recognizeCDATA","write","pause","resume","parseChunk","isWhitespace","isEndOfTagSection","isNumber","Sequences","Cdata","CdataEnd","CommentEnd","ScriptEnd","StyleEnd","TitleEnd","_state","sectionStart","_index","bufferOffset","baseState","isSpecial","running","ended","sequenceIndex","trieIndex","trieCurrent","trieResult","entityExcess","entityTrie","currentSequence","finish","stateText","fastForwardTo","getSection","stateSpecialStartSequence","isEnd","stateInTagName","stateInSpecialTag","endOfText","actualIndex","stateInClosingTagName","stateCDATASequence","stateInDeclaration","stateInCommentLike","section","isTagStartChar","isASCIIAlpha","startSpecial","sequence","stateBeforeTagName","stateBeforeAttributeName","stateBeforeClosingTagName","stateAfterClosingTagName","stateInSelfClosingTag","stateInAttributeName","stateAfterAttributeName","stateBeforeAttributeValue","stateInAttributeValueNoQuotes","handleInAttributeValue","stateInAttributeValueDoubleQuotes","stateInAttributeValueSingleQuotes","stateBeforeDeclaration","stateInProcessingInstruction","stateBeforeComment","stateInSpecialComment","stateBeforeSpecialS","stateBeforeEntity","stateInNamedEntity","emitNamedEntity","allowLegacyEntity","entityStart","emitPartial","stateBeforeNumericEntity","stateInNumericEntity","decodeNumericEntity","numberStart","stateInHexEntity","cleanup","shouldContinue","handleTrailingData","RssHandler","DefaultHandler","DomUtils","createDomStream","parseDOM","parseDocument","elementCb","FeedHandler_1","sources","_class","isFunction","escapeRE","defaultOptions","fuzzyLink","fuzzyEmail","fuzzyIP","defaultSchemas","http","src_auth","src_host_port_strict","src_path","no_http","src_domain","src_domain_root","src_port","src_host_terminator","mailto","src_email_name","src_host_strict","tlds_default","compile","__opts__","tlds","__tlds__","untpl","tpl","src_tlds","onCompile","__tlds_replaced__","src_xn","email_fuzzy","tpl_email_fuzzy","link_fuzzy","tpl_link_fuzzy","link_no_ip_fuzzy","tpl_link_no_ip_fuzzy","host_fuzzy_test","tpl_host_fuzzy_test","aliases","schemaError","__compiled__","__schemas__","compiled","createValidator","normalize","alias","slist","schema_test","src_ZPCc","schema_search","pretest","__index__","__text_cache__","resetScanCache","Match","__last_index__","schema","__schema__","url","createMatch","LinkifyIt","schemas","definition","ml","me","tld_pos","exec","testSchemaAt","keepOld","reverse","src_Any","src_Cc","src_Z","src_P","src_ZCc","src_pseudo_letter","src_ip4","src_host","tpl_host_fuzzy","tpl_host_no_ip_fuzzy","tpl_host_fuzzy_strict","tpl_host_port_fuzzy_strict","tpl_host_port_no_ip_fuzzy_strict","reAsciiWord","reLatin","rsLowerRange","rsUpperRange","rsBreakRange","rsMathOpRange","rsBreak","rsCombo","rsDigits","rsLower","rsMisc","rsFitz","rsNonAstral","rsRegional","rsSurrPair","rsUpper","rsLowerMisc","rsUpperMisc","rsOptLowerContr","rsOptUpperContr","reOptMod","rsModifier","rsOptVar","rsSeq","rsEmoji","rsSymbol","reApos","reComboMark","reUnicode","reUnicodeWord","reHasUnicode","reHasUnicodeWord","freeGlobal","g","freeSelf","deburrLetter","hasUnicode","string","objectToString","symbolProto","symbolToString","isObjectLike","isSymbol","baseToString","word","upperFirst","array","iteratee","accumulator","initAccum","arrayReduce","hasUnicodeWord","unicodeWords","asciiWords","words","deburr","strSymbols","unicodeToArray","asciiToArray","stringToArray","chr","trailing","baseSlice","nativeObjectToString","nativeKeys","overArg","func","transform","isLength","baseKeys","getTag","isArguments","isArrayLike","isBuffer","isPrototype","isTypedArray","baseGetTag","isObject","UNESCAPE_RE","superscript","silent","found","posMax","md","inline","skipToken","markup","ruler","after","open_tag","close_tag","HTML_TAG_RE","HTML_OPEN_CLOSE_TAG_RE","_hasOwnProperty","isValidEntityCode","surrogate1","surrogate2","UNESCAPE_MD_RE","UNESCAPE_ALL_RE","DIGITAL_ENTITY_TEST_RE","entities","HTML_ESCAPE_TEST_RE","HTML_ESCAPE_REPLACE_RE","HTML_REPLACEMENTS","replaceUnsafeChar","REGEXP_ESCAPE_RE","UNICODE_PUNCT_RE","lib","mdurl","ucmicro","unescapeMd","unescapeAll","escaped","replaceEntityPattern","escapeHtml","arrayReplaceAt","newElements","isSpace","isWhiteSpace","isMdAsciiPunct","isPunctChar","normalizeReference","parseLinkLabel","parseLinkDestination","parseLinkTitle","lines","disableNested","marker","prevPos","labelEnd","oldPos","helpers","Renderer","ParserCore","ParserBlock","ParserInline","punycode","config","zero","commonmark","BAD_PROTO_RE","GOOD_DATA_RE","validateLink","RECODE_HOSTNAME_FOR","normalizeLink","hostname","protocol","toASCII","er","normalizeLinkText","toUnicode","MarkdownIt","presetName","core","renderer","linkify","configure","presets","components","rules","enableOnly","rules2","ruler2","enable","ignoreInvalid","chain","missed","disable","use","plugin","env","State","process","tokens","parseInline","inlineMode","renderInline","Ruler","_rules","alt","tokenize","startLine","endLine","getRules","line","hasEmptyLines","maxNesting","skipEmptyLines","sCount","blkIndent","tight","isEmpty","outTokens","lineMax","Core","_rules2","pending","pushPending","xhtmlOut","breaks","langPrefix","typographer","quotes","highlight","default_rules","code_inline","slf","token","renderAttrs","code_block","fence","highlighted","tmpAttrs","tmpToken","langName","attrIndex","attrs","image","renderInlineAsText","renderToken","hardbreak","softbreak","html_block","html_inline","nextToken","needLf","hidden","nesting","__rules__","__cache__","__find__","__compile__","chains","rule","altName","at","before","beforeName","ruleName","afterName","chainName","adjustTab","lastLineEmpty","nextLine","oldBMarks","oldBSCount","oldIndent","oldParentType","oldSCount","oldTShift","spaceAfterMarker","terminate","terminatorRules","wasOutdented","oldLineMax","bMarks","tShift","eMarks","bsCount","parentType","getLines","params","mem","haveEndMarker","skipChars","skipSpaces","tmp","skipSpacesBack","skipCharsBack","block_names","HTML_SEQUENCES","lineText","skipBulletListMarker","skipOrderedListMarker","contentStart","indent","indentAfterMarker","isOrdered","itemLines","listLines","listTokIdx","markerCharCode","oldListIndent","oldTight","posAfterMarker","prevEmptyEnd","isTerminatingParagraph","listIndent","markTightParagraphs","_endLine","destEndPos","destEndLineNo","res","references","Token","StateBlock","indent_found","ddIndent","begin","keepLastLF","lineIndent","first","queue","lineStart","getLine","escapedSplit","escapes","lastPos","backTicked","lastBackTick","columns","columnCount","aligns","tableLines","tbodyLines","tok","isLinkClose","currentToken","ln","htmlLinkLevel","fullUrl","urlText","links","blockTokens","NEWLINES_RE","NULL_RE","RARE_RE","SCOPED_ABBR_TEST_RE","SCOPED_ABBR_RE","SCOPED_ABBR","tm","replaceFn","replace_scoped","inlineTokens","inside_autolink","replace_rare","blkIdx","QUOTE_TEST_RE","QUOTE_RE","replaceAt","process_inlines","thisLevel","lastChar","nextChar","isLastPunctChar","isNextPunctChar","isLastWhiteSpace","isNextWhiteSpace","canOpen","canClose","isSingle","openQuote","closeQuote","OUTER","StateCore","EMAIL_RE","AUTOLINK_RE","linkMatch","emailMatch","matchStart","matchEnd","processDelimiters","delimiters","closerIdx","openerIdx","closer","opener","minOpenerIdx","newMinOpenerIdx","isOddMatch","lastJump","openersBottom","close","jump","open","curr","tokens_meta","postProcess","startDelim","endDelim","isStrong","scanned","scanDelims","can_open","can_close","DIGITAL_RE","NAMED_RE","ESCAPED","lc","isLetter","labelStart","parseReference","pmax","StateInline","pendingLevel","_prev_delimiters","token_meta","canSplitWord","left_flanking","right_flanking","loneMarkers","isTerminatorChar","meta","attrPush","attrData","attrSet","attrGet","attrJoin","_react2","_interopRequireDefault","_propTypes2","renderBadges","badge","os","fpti","AppBadge","clientInfo","ios","android","clientOS","client_os_type","iosBadge","androidBadge","store","client_is_mobile","shape","isRequired","oneOf","bool","_htmlToReact2","_classnames2","_objectWithoutProperties","htmlToReactParser","sizeClasses","small","colorClasses","white","generateClassNames","color","Button","properties","renderButton","MPPDataPoint","stats","_Icon2","CheckboxGroup","helper","isValid","baseClass","wrapperClassNames","arrayOf","oneOfType","Dropdown","_defineProperty","Input","componentClass","RadioGroup","Switch","ctrlIcon","MPPHeading","LevelComponent","sizes","xs","sm","lg","xl","xl2","Icon","MPPImage","Logo","_button2","_videoModal2","MPPMediaButton","_React$Component","setBodyRef","currentRef","bodyRef","forceUpdate","openModal","showModal","closeModal","renderVideoModal","videoId","show","_props","Component","Tile","active","img","_react","MOLECULE_NAME","ActionDropdown","_Component","updateFeesSelection","openSelectedHyperlink","para","footerCopy","_heading2","_mediaButton2","_intersectionService","ContentPanel","enableImages","showImage","renderHeadline","headline","renderItems","itemHeadline","itemParagraph","ariaLabel","pnlIdx","mediaButton","renderMediaButton","renderCta","cta","targetValue","ctaType","renderHatchText","hatchText","IntersectionListener","elementRef","_props$content","paragraph","primaryCta","moleculeClasses","_dataPoint2","DataPointPanel","dataPoint","renderDataPoint","renderParagraph","FaqContent","linkTarget","renderHatchLink","moleculeClass","FeesCalculation","fees","renderFees","renderFooter","FeesContact","legalText","renderLegalText","FeesCalculatorIntent","_temp","handleChange","fireTracking","organismClass","renderSubheadline","subheadline","renderSelect","IconPanel","enableIcon","showIcon","divElement","secondaryCta","ImageHeadline","enableImage","handleResize","domRect","renderImage","_isObject2","ImagePanel","fptiValue","event_name","sectionElement","LegalContent","table","paragraph2","renderTable","LinkPanel","NoImagePanel","headlineLevel","NotificationCTA","renderTertiaryCta","tertiaryCta","NotificationLogo","renderLogo","logo","NotificationQR","_image2","SimpleImagePanel","showImages","SocialInnovationPanel","backgroundImage","backgroundSize","squareImage","ToggleSection","toggleOpenClose","sectionOpen","openIcon","altText","background","VideoImage","calculateHeight","videoImage","offsetWidth","mediaButtonText","mediaBtnIdx","round","videoCallback","_videoImage2","VideoPanel","renderVideoImage","Youtube","isAutoplay","playerState","pauseByScroll","isPlayer","iframeRef","screenChange","sentMsgtoYoutube","onPlayerReady","onMessageReceived","origin","JSON","autoplay","pauseBy","postMessage","videoRect","playRect","stringify","fullScreenElement","msFullscreenElement","webkitFullscreenElement","mozFullScreenElement","frameBorder","allowFullScreen","sandbox","AccordionContent","AccordionHeader","AccordionItem","Accordion","_Accordion2","_AccordionItem2","_AccordionHeader2","_AccordionContent2","onItemOpen","openItems","_toConsumableArray","accordion","configureState","nextProps","Children","cloneElement","accordionClasses","renderAccordionItems","renderInactiveAccordion","enableInactiveAccordion","idxPrefix","display","handleMouseDown","cloneChildrenWithProps","renderAccordionHeader","renderChildren","_themeManager3","_default2","ORGANISM_NAME","renderCTA","panelID","BifurcatedHero","backgroundUrl","panelOne","panelTwo","sectionClasses","organismRef","_swiper2","_MPPHeading2","CardCarousel","currentSlide","slidesPerView","hideNavigation","prevSlide","nextSlide","updateCarousel","transitionEnd","stopAutoplay","startAutoplay","initCarousel","swiper","realIndex","swiperOptions","allowTouchMove","loop","preloadImages","slidePrevTransitionStart","isBeginning","slideToLoop","pagination","clickable","navigation","prevEl","nextEl","breakpoints","slidesPerGroup","container","setSlidesPerView","setPos","update","showNavigation","slidePrev","slideNext","secondaryButton","hatchLink","overlayOpacity","alwaysShowPopup","disableBackgroundImage","hasLink","styleProps","itemsLength","activeSlide","_props2","trackId","floor","numDots","ceil","listStyle","_loop","_cx2","selectorClass","isTransitioning","goToSlide","onMouseEnter","onMouseLeave","_cx3","_cx4","_props3","goToPreviousSlide","goToNextSlide","leftClass","rightClass","renderNumberCounter","numberCounterThreshold","renderSlideCounter","renderDotSelectors","numSlides","_props4","renderSlide","renderNavigation","spaceBetween","ftpi","_Carousel2","_HomePageHero2","_breakpoints2","HeroCarousel","isDesktop","handleNavigationClick","rel","carousel","defaultView","large","slides","viewport","clientType","startSlide","speed","auto","autoplayInterval","continuous","newKey","domPath","renderHero","heroCarouselClasses","renderCarousel","_appBadges2","_themeManager2","getAlignment","textAlign","renderBadge","isCentered","appBadgeContent","HomePageHero","newWindowWidth","deviceType","checkCurrentViewPort","heroClasses","shouldRenderBackground","backgroundPosition","backgroundImageStyle","inlineStyle","deviceImageSize","client_type","portable","_MPPImage2","ImageCarousel","_initialiseProps","iFrameWidth","renderImages","wrapperClass","carouselClass","_swipeJsIso2","Carousel","autoPlay","isLoading","slideTo","swiping","pauseSlide","resumeSlide","stopAutoPlay","setTabIndex","handleInitialLoad","prevProps","stopSliding","swipe","kill","timeout","inactiveSlides","tabableElements","inactiveSlidesArr","activeSlidesArr","getNumSlides","getPos","play","_swipe","slide","itemsLen","_cx","onKeyUp","wrapper","disableScroll","float","transitionProperty","CommercePlatformHero","renderBrowline","browline","ctaClasses","renderCtaLine","_themeColors2","ContentHeader","Event","dispatchEvent","newProps","themeColor","backgroundColor","_MPPHeaderRoot2","MPPCustomHeader","_GlobalHeader","clickHandlers","handleMenuButton","handleMainLinks","openHeader","closeHeader","openSubnav","closeSubnav","getHeaderRef","domNode","headerRef","menuOpen","isClosing","register","registerDropDown","activeLink","activeLinkIndex","closingLinkIndex","DeviceHero","deviceImage","deviceImageWrapperClass","deviceImageClass","containerClass","contentClass","flexItemClass","tabletImageClass","deviceImageStyle","_imagePanel2","_panels2","DevicePanels","_Panels","deviceImagePosition","panelsClasses","renderDefaultChildren","renderPanels","_markdownIt2","_markdownItSup2","Disclosure","isHTML","disclosureClasses","Divider","DSHeader","DSHero","headlineSize","fontClass","renderContentSection","Editorial","textPosition","editorialClasses","renderImageSection","_editorial2","_modal2","EnhancedEditorial","_Editorial","renderEnhancedContentSection","renderInteractiveImages","handelImageInteraction","modelContent","enableEnchancedImages","targetNode","images","isInteractiveImages","isNotDesktop","hideInMobile","imageClass","partner","anchorAttributes","processContent","enchdedtrClasses","bgPortableImageStyle","portableURL","bgMobileImageStyle","mobileURL","Fragment","columnConfig","handleSelectChange","location","EnhancedFooter","enhancedFooterClasses","groups","column","groupIndex","groupKey","itemIndex","itemKey","renderSelectGroups","processSelectGroups","columnClass","getColumnConfig","numberOfColumns","columnIndex","renderedGroups","renderAnchorGroups","columnKey","processAnchorGroups","language","_legalContent2","_locales2","EnhancedLegal","renderIndex","indexType","breadcrumbs","vLevel","lvl","timestamp","legalhub","targetPagePath","selectLocation","localesOptions","loc","locale","fixedPath","optionProps","printable","align","print","linkedContent","backToTop","jumpToSection","jumpLinks","paragraphs","uniqueIndex","jLink","legalEnhancedClasses","renderBreadcrumbs","renderTimestamp","renderPrintable","renderLegalhub","renderLinkedContent","_accordion","_FaqContent2","Faq","renderFaqHeadline","faqs","faqId","faq","faqIndex","faqKey","_props$config","faqAccordionClasses","renderFaqItems","Features","columnClasses","features","cols","columnsClass","featuresClasses","renderFeatures","_genericIntent","_feesCalculatorIntent2","_feesCalculatorContact2","_feesCalculatorCalculation2","typeMap","FeesCalculator","FeesType","intent","GenericIntent","Intent","Content","_pullout2","_actionDropdown2","renderActionDropdown","actionDropdown","FeesPullout","_Pullout","pulloutClasses","renderHatchContent","Fees","feesClasses","_MPPFooterPropTypes2","_MPPFooterDefaultProps2","MPPFooter","renderFlag","flag","loggedIn","_this$props","flagHref","localeCountry","renderLinks","renderFeedbackLink","feedbackLink","renderCopyRight","copyRightReservedText","copyRight","renderFooterNotes","footerNotes","imageUrl","logoClass","logoStyle","renderLocales","locales","customStyle","footerType","_content$country","mainLinks","secondaryLogo","secondaryLinks","tertiaryLinks","footNoteLogo","reservedText","footerClassNames","LinkPropType","_GenericIntent2","_Intent2","_Content2","orgClass","any","ChildrenArray","_GenericTabs","_Tabs","_genericTabs","GenericTabs","childrenArr","currentState","Tabs","handleListChange","selectedClass","renderTabs","_footer2","_clone2","MPPGivingFundFooter","_MPPFooter","_customHeader2","MPPGivingFundHeader","contentLoggedIn","contentLoggedOut","useMinimalHeader","minimalHeader","labelMenuButton","labelClose","headerButtons","mainMenuContent","sublistMobile","_GlobalHeader2","_GlobalHeader4","_GlobalHeader6","_GlobalHeader8","_MPPHeaderDefaultProps2","_MPPHeaderPropTypes2","MPPHeader","version","hideHeaderButtons","enhanced","dwHeader","subnavLinks","subnavLinksL2","groupName","groupL2","linkType","dwMainMenuContent","mobileOnlyText","mobileOnlyHref","subtext","iconUrl","_Logo2","_Button2","_MPPMainMenu2","MPPHeaderRoot","logoProps","renderMainMenu","renderMenuButton","logoutBtn","amplitudeHeaderEvents","elemKey","_props$content$minima","renderHeaderButtons","_MPPSubnav2","MainMenu","renderByStrategies","elementContent","linkOnly","highlighClassName","pathname","linkClass","languageDesk","languageMobile","linkOnlyDesk","subnav","subnavGrouped","grouped","dwSubnav","isDigitalWallet","renderMainMenuLinks","renderSublistLinks","renderHelper","linksHeader","linkClassNames","MPPSubnav","locationMatched","renderSubmenuCols","totalLinks","colsClassname","renderSubmenuGrouped","totalL2Cols","countL2Columns","subNav","subNavLinksHeading","linksL2","renderDigitalWalletSubmenu","cols1","cols2","mobileOnlyLink","pa","handleAccordianEvent","renderCards","renderMobileCloser","renderDesktopCloser","handleClickOverlay","indexAssigned","currentLocation","isLinkHighlighted","subNavLinksArr","overlayDiv","subMenu","isGrouped","_props$isDigitalWalle","renderSubmenu","dropdownLinks","GlobalHeader","elemRef","bodyClassNameWhenOpen","currentWindowWidth","idxOpen","handleTouchMove","handleOrientationChange","processStickyState","processFixedStyleState","isHeaderFixed","isSticky","isHeaderOpen","fixedStyles","isWhiteThemeSet","scrollY","iFrameScrollY","pageYOffset","orientation","handleCloseState","isScrollYTruthy","functionsArr","finalState","nextState","nextFunc","fixedClasses","handleMainLinksHover","handleSubNavHover","hoverLinkTimeOut","handleCloseFixedStyles","closeSubNavTimeOut","delay","handleDelayedClose","_MPPHeaderRoot3","MPPHeaderRootCustom","_MPPHeaderRoot","MainMenuCustom","_MainMenu","_GlobalHeaderV","_youtube2","HomePageHeroVideo","xSmall","showVideo","enableVideo","video","renderVideo","time","duration","elapsedTime","_easing2","singleton","easing","a11y","distance","timeStart","timeElapsed","windowObj","timeCurrent","scrollTo","requestAnimationFrame","_divider2","_jump2","InPageAnchors","blurred","containerIds","isScrolling","isTabing","selectedLink","showDropdown","isStickyHeader","isCanvas","handleBlur","handleHighlightLink","handleLink","handleTouchOutside","setContainerIds","getElementsByClassName","inPageAnchorsContainer","distanceFromTop","visibleSectionId","scrollBottom","targetHref","jumpToElement","iframeWindow","linkClasses","handleDropdownArrow","dropdownButton","buttonAlign","navClasses","optionsClasses","linksContainerClasses","flexWrapperClasses","dropdownButtonClasses","renderDropdownButton","InformationalHero","_InnovationLabFooterDefaultProps2","InnovationLabFooter","InnovationLabHeader","subText","_main2","_tile2","DrawerTiles","_InteractiveTiles","renderTiles","scrollToModule","drawerOpen","tiles","selectedItemTheme","bootstrapClass","offsetTop","scrollToPx","calculateScrollTo","ua","userAgent","scroll","_state2","Heading","InteractiveTiles","downArrow","JobsHeader","_JobsSearchDefaultProps2","JOBS_HOST","JobsSearch","jobsSearchRef","handleSubmit","keywords","encodeURIComponent","city","category","finalURL","renderOptions","renderOptionGroup","optionGroup","renderPrimaryCta","renderDropDown","renderCityDropdown","cities","onSubmit","handleFocus","placeHolder","jobsSearchInput","LegalBody","legalBodyClasses","_header2","_LogoOnlyHeaderDefaultProps2","LogoOnlyHeader","Markdown","MinimalFooter","_MPPMinimalHeaderDefaultProps2","MPPMinimalHeader","_reactDom2","domBody","Modal","onEntered","getFptiVal","onHide","modalContainer","createPortal","_NotificationCTA2","_NotificationQR2","_NotificationLogo2","NotificationRibbon","TypeMap","NotificationRibbonClasses","notification","showMobile","_content2","MPPNotification","isShown","setClose","hideComponent","showComponent","Storage","localStorage","getItem","setItem","customClass","MPPNotificationClasses","renderMPPNotification","renderClose","PanelsCard","renderSteps","cards","stepsClasses","_contentPanel2","_dataPointPanel2","_iconPanel2","_linkPanel2","_noImagePanel2","_simpleImagePanel2","_videoPanel2","Panels","panelsChildren","rows","panels","component","renderDeviceImage","_Panels2","_simplePanelsAccordion2","_moleculesMap2","MultimediaPanelsAccordion","_SimplePanelsAccordio","handleOpenItem","moleculesMap","MultimediaPanelsStacked","renderPanelType","Panel","_SlideNumberCarousel2","OfferPanels","panelsRef","carouselContent","renderByViewPort","_Carousel3","SlideNumberCarousel","_Carousel","_imageHeadline2","SimplePanelsAccordion","onOpenItem","panelId","filteredProps","accordionItems","renderAccordionItemHeader","renderAccordionItemContent","renderAccordion","sectionClassName","SimplePanelsStacked","defaultType","_multimediaPanelsStacked2","_socialInnovationPanel2","socInnoProps","SocialInnovation","blogpost","postlabel","SplitPanels","leftPanel","rightPanel","deepMerge","dst","_deepMerge2","defaultTheme","whiteTheme","themeOptions","currentTheme","getTheme","ProductHero","changeBackground","transition","App","appBadge","Cta","isLongHeadline","renderLink","Pullout","propsLevel","arialabel","Offer","VideoButton","mediaButtonObj","Selection","_ref2$headline","_ref2$headlineClass","headlineClass","_ref2$level","_ref2$idx","_ref2$show","renderMainHeadline","renderGroup","secondary","primary","fptiData","hatch","centerText","renderMobilePanels","panelsArr","panelHeadline","showSubheadline","renderIconRow","renderHeaderRow","renderGroupRow","numberOfRows","pre","cur","groupMarkup","renderCtaRow","renderDesktopPanels","panel1","panel2","selectionClasses","panelPropTypes","showMainHeadline","Showcase","merchantLogos","merchant","renderedLogo","linkForLogos","showcaseClasses","renderMerchantLogos","_sideNavigation2","SideNavContent","SideNavSupport","SideNavigation","handleMenuClick","handleHeroEvent","userInteraction","l1","l2","highlightSection","handleHighlight","pathArr","categoryIndex","activeSections","sections","maxHeightOpened","borderColor","categories","sectionAnchor","sectionKey","index2","pages","categoryAnchor","isActive2","categoryKey","page","SimpleSteps","renderStepsImage","_this$props$config","showArrows","steps","tabindex","MPPSocialInnovationHeader","_SocialProofItem2","SocialProof","itemProperties","renderSlides","socialProofClasses","SocialProofItem","citation","shouldUseImage","contentClassname","renderBackgroundImage","renderQuoteText","referenceClassnames","renderReference","socialProofReference","SocialShare","renderSocialIcons","socialIcons","renderedSocialIcons","iconImage","_DeviceHero3","SplitBannerHero","_DeviceHero","subHeadline","productImage","logoPicture","logoImage","productImageClass","productImageSize","productImageStyle","logoImageStyle","renderSubHeadline","Statement","add_class","statementClasses","renderHr","renderStepsHeadline","renderStepAccordion","stepsAccId","renderBelowSteps","StepsAccordion","showImagesMod","StepsFlow","handleMouseEnter","handleMouseLeave","handleAutoPlay","selectedStep","hoverStep","setInterval","getCircleClass","getParagraphClass","getImageClass","headClasses","ctaMap","handleIntentChange","renderFilteredProps","intents","StepsIntent","stepsObj","renderIntents","stepsIntentClasses","renderToggleSection","toggleSection","MediaButton","TogglePullout","UAHeader","_reactScrollspy2","UANav","renderSections","currentSectionIndex","currentSubSectionIndex","sectionIndex","anchorLink","subsections","sectionId","subsectionsIds","ss","currentClassName","renderSubSections","subSections","subSection","subSectionClasses","renderBackLink","backLink","renderPDF","pdf","isNavOpen","setNavRef","_UASubSection2","UASection","setSection","scrollDirection","sectionRef","sectionTop","headerOffset","ppHeadline","setSubSection","sticky","subsection","renderSubsections","UASubSection","subSectionRef","_UAHeader2","_UANav2","_UASection2","UserAgreement","subSectionIndex","navRef","clickOutsideNav","closeMainNav","handleDocumentClick","openMainNav","handleMenuButtonClick","nav","uaClasses","uaRef","MPPVideoModal","youtubeVideoIdMatch","youtubeFullUrlMatch","youtubeEmbedUrlMatch","youtubeShortUrlMatch","paypalVideoUrlMatch","youtubeId","paypalVideoUrl","youtubeUrl","videoHTML","controls","kind","VideoThumbnail","VideoThumbnailClasses","Video","alignment","_appBadges","_button","_checkboxGroup","_dataPoint","_dropdown","_heading","_icon","_image","_input","_logo","_mediaButton","_radioGroup","_switch","_tile","_actionDropdown","_contentPanel","_dataPointPanel","_faqContent","_feesCalculatorCalculation","_feesCalculatorIntent","_feesCalculatorContact","_iconPanel","_imageHeadline","_imagePanel","_legalContent","_linkPanel","_noImagePanel","_notificationRibbonCta","_notificationRibbonPartners","_notificationRibbonQr","_simpleImagePanel","_socialInnovationPanel","_toggleSection","_videoImage","_videoPanel","_youtube","_Accordion","_AccordionContent","_AccordionHeader","_AccordionItem","_App","_bifurcatedHero","_cardCarousel","_commercePlatformHero","_Content","_contentHeader","_Cta","_customHeader","_deviceHero","_devicePanels","_disclosure","_divider","_drawer","_dsHeader","_dsHero","_editorial","_enhancedEditorial","_enhancedFooter","_enhancedLegal","_faq","_features","_fees","_FeesCalculator","_feesPullout","_footer","_GenericIntent","_givingFundFooter","_givingFundHeader","_header","_HeroCarousel","_homepageHero","_homepageHeroVideo","_ImageCarousel","_informationalHero","_innovationLabHeader","_innovationLabFooter","_inPageAnchors","_Intent","_interactiveTiles","_jobsHeader","_jobsSearch","_legalBody","_logoOnlyHeader","_markdown","_minimalFooter","_minimalHeader","_modal","_MultimediaPanelsAccordion","_MultimediaPanelsStacked","_notification","_notificationRibbon","_Offer","_OfferPanels","_panelsCard","_productHero","_showcase","_sideNavContent","_sideNavigation","_sideNavSupport","_SimplePanelsAccordion","_SimplePanelsStacked","_simpleSteps","_SocialInnovation","_socialInnovationHeader","_socialProof","_socialShare","_splitBannerHero","_SplitPanels","_statement","_stepsAccordion","_stepsFlow","_stepsIntent","_togglePullout","_userAgreement","_video","_VideoButton","_videoModal","_videoThumbnail","xlarge","clone","out","copy","elementRefs","IntersectionObserver","observer","isIntersecting","unobserve","rootMargin","decodeCache","exclude","defaultChars","getDecodeCache","seq","b1","b2","b3","b4","componentChars","encodeCache","keepEscaped","nextCode","getEncodeCache","slashes","auth","port","hash","Url","protocolPattern","portPattern","simplePathPattern","unwise","autoEscape","nonHostChars","hostEndingChars","hostnamePartPattern","hostnamePartStart","hostlessProtocol","slashedProtocol","slashesDenoteHost","lowerProto","hec","simplePath","proto","atSign","hostEnd","parseHost","ipv6Hostname","hostparts","part","newpart","validParts","notHost","bit","qm","u","maxInt","regexPunycode","regexNonASCII","regexSeparators","errors","stringFromCharCode","RangeError","mapDomain","encoded","ucs2decode","extra","ucs2encode","digitToBasic","digit","adapt","numPoints","firstTime","baseMinusTMin","inputLength","bias","basic","oldi","w","baseMinusT","basicLength","handledCPCount","handledCPCountPlusOne","q","qMinusT","mode","QR8bitByte","MODE_8BIT_BYTE","getLength","put","QRBitBuffer","bufIndex","putBit","getLengthInBits","L","M","Q","H","math","QRPolynomial","multiply","gexp","glog","ratio","BitByte","RSBlock","BitBuffer","util","Polynomial","QRCode","typeNumber","errorCorrectLevel","modules","moduleCount","dataCache","dataList","addData","newData","isDark","row","col","getModuleCount","make","rsBlocks","getRSBlocks","totalDataCount","dataCount","makeImpl","getBestMaskPattern","maskPattern","setupPositionProbePattern","setupPositionAdjustPattern","setupTimingPattern","setupTypeInfo","setupTypeNumber","createData","mapData","minLostPoint","lostPoint","getLostPoint","createMovieClip","target_mc","instance_name","depth","qr_mc","createEmptyMovieClip","beginFill","moveTo","lineTo","endFill","getPatternPosition","bits","getBCHTypeNumber","getBCHTypeInfo","inc","bitIndex","byteIndex","dark","getMask","PAD0","PAD1","createBytes","maxDcCount","maxEcCount","dcdata","ecdata","dcCount","ecCount","totalCount","rsPoly","getErrorCorrectPolynomial","modPoly","modIndex","totalCodeCount","ECL","QRRSBlock","RS_BLOCK_TABLE","rsBlock","getRsBlockTable","QRMath","LOG_TABLE","EXP_TABLE","MODE_NUMBER","MODE_ALPHA_NUM","MODE_KANJI","Mode","QRUtil","PATTERN_POSITION_TABLE","G15","G18","G15_MASK","getBCHDigit","errorCorrectLength","qrCode","sameCount","darkCount","QRCodeImpl","ErrorCorrectLevel","convertStr","charcode","DEFAULT_PROPS","bgColor","fgColor","includeMargin","generatePath","margin","ops","cell","excavateModules","excavation","h","getImageSettings","cells","imageSettings","numCells","defaultSize","excavate","floorX","floorY","SUPPORTS_PATH2D","Path2D","addPath","QRCodeCanvas","_React$PureComponent","_getPrototypeOf2","imgLoaded","complete","handleImageLoad","_this$props$imageSett","_nextProps$imageSetti","qrcode","_canvas","canvas","ctx","getContext","calculatedImageSettings","pixelRatio","devicePixelRatio","fillStyle","fillRect","fill","rdx","cdx","drawImage","_this$props2","canvasStyle","onLoad","QRCodeSVG","_React$PureComponent2","_this$props3","xlinkHref","preserveAspectRatio","fgPath","shapeRendering","viewBox","renderAs","_concat","_curry1","curryN","origFn","_arity","_curry2","thisObj","_curryN","_equals","equals","_dispatchable","_filter","_isObject","_reduce","_xfilter","pred","filterable","_checkForMethod","_includes","a0","a1","a2","a3","a4","a5","a6","a7","a8","a9","_isArray","methodname","f","set1","set2","len1","len2","_isPlaceholder","f1","f2","f3","received","combined","argsIdx","combinedIdx","_isTransformer","methodNames","transducerCreator","transducer","_arrayFromIterator","_includesWith","_functionName","_has","_objectIs","_uniqContentEquals","aIterator","bIterator","stackA","stackB","eq","aItem","typeA","message","global","ignoreCase","unicode","keysA","extendedStackA","extendedStackB","_indexOf","inf","_isArguments","_isString","_isArrayLike","functor","is","_xwrap","_iterableReduce","xf","_methodReduce","methodName","symIterator","_arrayReduce","init","_xfBase","XFilter","_reduced","XFind","_xfind","XMap","_xmap","XTake","_xtake","XWrap","hasEnumBug","nonEnumerableProps","hasArgsEnumBug","nIdx","ks","checkArgsLength","_map","_curry3","_complement","fromIndex","toIndex","take","pairs","_defineProperty2","_toConsumableArray2","_classCallCheck2","_possibleConstructorReturn2","_assertThisInitialized2","_createClass2","_inherits2","_propTypes","_classnames","_throttle","Scrollspy","targetItems","inViewState","isScrolledPast","_handleSpy","scrolledPastClassName","componentTag","elementType","rootEl","onUpdate","newArray","_getScrollDimension","elemsInView","elemsOutView","viewStatusList","hasInViewAlready","currentContent","isInView","_isInView","isLastItem","isScrolled","_isScrolled","_isAtBottom","_fillArray","inView","outView","scrolledPast","_getScrolledPast","rootRect","rect","winH","elTop","elBottom","_this$_getScrollDimen2","hasFoundInView","elemensViewState","_getElemsViewState","currentStatuses","prevStatuses","_spy","_initSpyTarget","_initFromProps","onEvent","offEvent","_classNames","ChildTag","childClass","itemClass","threshold","now","factory","noop","offloadFn","browser","DocumentTouch","temp","slidePos","interval","widthOfSiblingSlidePreview","events","handleEvent","move","setup","translate","circle","isValidSlide","isPastBounds","onresize","visibility","slideSpeed","natural_direction","diff","timeElap","clearInterval","animate","dist","webkitTransitionDuration","MozTransitionDuration","msTransitionDuration","OTransitionDuration","transitionDuration","webkitTransform","msTransform","MozTransform","OTransform","Swipe","nodeName","createEvent","initEvent","childNodes","ee","history","CustomEvent","Image","screen","I","innerHTML","Class","Dom7","addClass","removeClass","hasClass","toggleClass","toggle","removeAttr","dom7ElementDataStorage","dom7EventData","dom7LiveListeners","listener","proxyListener","dom7Listeners","dom7proxy","trigger","bubbles","cancelable","outerWidth","parseFloat","outerHeight","clientTop","clientLeft","scrollX","each","webkitMatchesSelector","msMatchesSelector","insertBefore","nextAll","previousElementSibling","prevAll","closest","eventsListeners","te","deleteProps","nextTick","getTranslate","WebKitCSSMatrix","MsTransform","m41","m42","parseUrlQuery","decodeURIComponent","ae","Modernizr","maxTouchPoints","pointerEvents","pointerEnabled","PointerEvent","prefixedPointerEvents","msPointerEnabled","transforms3d","csstransforms3d","flexbox","passiveListener","gestures","ie","isIE","isEdge","isSafari","isUiWebView","once","f7proxy","emit","context","useModulesParams","useModules","installModule","static","install","updateSize","$el","isHorizontal","isVertical","updateSlides","$wrapperEl","rtlTranslate","wrongRTL","virtual","slideClass","slidesOffsetBefore","slidesOffsetAfter","snapGrid","T","virtualSize","marginLeft","marginTop","marginRight","marginBottom","slidesPerColumn","slidesPerColumnFill","E","S","C","P","z","$","order","D","O","A","roundLengths","G","N","B","X","V","F","R","W","swiperSlideSize","centeredSlides","effect","setWrapperSize","U","K","Z","centerInsufficientSlides","J","slidesGrid","slidesSizesGrid","watchOverflow","checkOverflow","watchSlidesProgress","watchSlidesVisibility","updateSlidesOffset","updateAutoHeight","setTransition","swiperSlideOffset","offsetLeft","updateSlidesProgress","slideVisibleClass","visibleSlidesIndexes","visibleSlides","minTranslate","progress","updateProgress","maxTranslate","updateSlidesClasses","slideActiveClass","slideNextClass","slidePrevClass","slideDuplicateActiveClass","slideDuplicateNextClass","slideDuplicatePrevClass","slideDuplicateClass","updateActiveIndex","snapIndex","normalizeSlideIndex","previousIndex","initialized","runCallbacksOnInit","updateClickedSlide","clickedSlide","clickedIndex","slideToClickedSlide","virtualTranslate","setTranslate","previousTranslate","animating","preventInteractionOnTransition","initialSlide","allowSlideNext","allowSlidePrev","autoHeight","transitionStart","onSlideToWrapperTransitionEnd","destroyed","loopedSlides","loopFix","_clientLeft","slideReset","slideToClosest","slidesPerViewDynamic","loopCreate","loopFillGroupWithBlank","slideBlankClass","loopAdditionalSlides","loopDestroy","setGrabCursor","simulateTouch","isLocked","unsetGrabCursor","appendSlide","prependSlide","addSlide","removeSlide","removeAllSlides","androidChrome","desktop","windows","iphone","ipod","ipad","cordova","phonegap","osVersion","webView","minimalUi","setBreakpoint","freeMode","paused","run","touchEventsTarget","edgeSwipeDetection","edgeSwipeThreshold","freeModeMomentum","freeModeMomentumRatio","freeModeMomentumBounce","freeModeMomentumBounceRatio","freeModeMomentumVelocityRatio","freeModeSticky","freeModeMinimumVelocity","breakpointsInverse","touchRatio","touchAngle","shortSwipes","longSwipes","longSwipesRatio","longSwipesMs","followFinger","touchMoveStopPropagation","touchStartPreventDefault","touchStartForcePreventDefault","touchReleaseOnEdges","uniqueNavElements","resistance","resistanceRatio","grabCursor","preventClicks","preventClicksPropagation","updateOnImagesReady","swipeHandler","noSwiping","noSwipingClass","noSwipingSelector","passiveListeners","containerModifierClass","manipulation","attachEvents","touchEvents","wrapperEl","touchEventsData","originalEvent","isTouchEvent","which","isTouched","isMoved","allowClick","currentX","targetTouches","currentY","iOSEdgeSwipeDetection","iOSEdgeSwipeThreshold","allowTouchCallbacks","startMoving","touchStartTime","swipeDirection","allowThresholdMove","formElements","onTouchMove","preventedByNestedSwiper","sqrt","pow","atan2","PI","nested","startTranslate","allowMomentumBounce","currentTranslate","velocities","lastClickTime","clickTimeout","velocity","stopImmediatePropagation","capture","detachEvents","getBreakpoint","currentBreakpoint","originalParams","changeDirection","addClasses","removeClasses","loadImage","onload","srcset","imagesLoaded","imagesToLoad","currentSrc","passedParams","touchEventsTouch","touchEventsDesktop","extendedDefaults","extendDefaults","device","support","resize","resizeHandler","orientationChangeHandler","MutationObserver","WebkitMutationObserver","attach","childList","characterData","observers","observeParents","observeSlideChildren","addSlidesBefore","addSlidesAfter","load","renderExternal","beforeInit","handle","charCode","keyboard","onlyInViewport","returnValue","lastScrollTime","implementation","hasFeature","wheelDelta","wheelDeltaY","wheelDeltaX","HORIZONTAL_AXIS","deltaMode","spinX","spinY","pixelX","pixelY","mouseEntered","mousewheel","releaseOnEdges","forceToAxis","invert","sensitivity","autoplayDisableOnInteraction","eventsTarged","$nextEl","$prevEl","disabledClass","lockClass","onPrevClick","onNextClick","paginationType","bullets","dynamicBullets","bulletSize","dynamicMainBullets","dynamicBulletIndex","bulletActiveClass","currentClass","formatFractionCurrent","totalClass","formatFractionTotal","progressbarOpposite","progressbarFillClass","renderCustom","renderBullet","bulletClass","bulletElement","renderFraction","renderProgressbar","clickableClass","modifierClass","progressbarOppositeClass","hiddenClass","scrollbar","dragSize","trackSize","$dragEl","hide","opacity","moveDivider","getPointerPosition","setDragPosition","dragStartPos","onDragStart","dragTimeout","onDragMove","onDragEnd","snapOnRelease","enableDraggable","disableDraggable","dragClass","dragEl","draggable","setTransform","parallax","getDistanceBetweenTouches","onGestureStart","zoom","gesture","fakeGestureTouched","fakeGestureMoved","scaleStart","$slideEl","$imageEl","$imageWrapEl","maxRatio","isScaling","onGestureChange","scaleMove","currentScale","minRatio","onGestureEnd","touchesStart","slideWidth","slideHeight","minX","maxX","minY","maxY","touchesCurrent","prevPositionX","prevPositionY","prevTime","in","zoomedSlideClass","loadInSlide","elementClass","loadedClass","loadingClass","preloaderClass","initialImageLoaded","loadPrevNext","loadPrevNextAmount","LinearSpline","interpolate","getInterpolateFunction","controller","spline","control","by","makeElFocusable","addElRole","addElLabel","disableEl","enableEl","onEnterKey","notify","lastSlideMessage","nextSlideMessage","firstSlideMessage","prevSlideMessage","liveRegion","updateNavigation","updatePagination","paginationBulletMessage","hashNavigation","paths","getPathValues","scrollToSlide","replaceState","setHistoryPopState","setHistory","slugify","onHashCange","setHash","watchState","reverseDirection","stopOnLastSlide","waitForTransition","fadeEffect","crossFade","cubeEffect","shadow","slideShadows","shadowOffset","shadowScale","sin","cos","flipEffect","limitRotation","zIndex","coverflowEffect","rotate","modifier","stretch","perspectiveOrigin","thumbs","swiperCreated","thumbsContainerClass","onThumbClick","slideThumbActiveClass","hideOnClick","toEdge","fromEdge","activeIndexChange","snapIndexChange","slidesLengthChange","snapGridLengthChange","observerUpdate","touchEnd","doubleTap","loadOnTransitionStart","scrollbarDragMove","notificationClass","paginationUpdate","disableOnInteraction","beforeTransitionStart","sliderFirstMove","slideChange","beforeDestroy","Any","Cc","Cf"],"sourceRoot":""}