\\n\\n\\n\"\n\n/***/ }),\n\n/***/ \"../node_modules/noop-loader/index.js!./components/xo-wallet-components/src/member-sepa/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"\\n\"\n\n/***/ }),\n\n/***/ \"../node_modules/object-assign/index.js\":\n/***/ (function(module, exports) {\n\n/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n\n\n/* eslint-disable no-unused-vars */\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n\tif (val === null || val === undefined) {\n\t\tthrow new TypeError('Object.assign cannot be called with null or undefined');\n\t}\n\n\treturn Object(val);\n}\n\nfunction shouldUseNative() {\n\ttry {\n\t\tif (!Object.assign) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Detect buggy property enumeration order in older V8 versions.\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\t\tvar test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n\t\ttest1[5] = 'de';\n\t\tif (Object.getOwnPropertyNames(test1)[0] === '5') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test2 = {};\n\t\tfor (var i = 0; i < 10; i++) {\n\t\t\ttest2['_' + String.fromCharCode(i)] = i;\n\t\t}\n\t\tvar order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n\t\t\treturn test2[n];\n\t\t});\n\t\tif (order2.join('') !== '0123456789') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test3 = {};\n\t\t'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n\t\t\ttest3[letter] = letter;\n\t\t});\n\t\tif (Object.keys(Object.assign({}, test3)).join('') !==\n\t\t\t\t'abcdefghijklmnopqrst') {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} catch (err) {\n\t\t// We don't expect any of the above to throw, but better to be safe.\n\t\treturn false;\n\t}\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n\tvar from;\n\tvar to = toObject(target);\n\tvar symbols;\n\n\tfor (var s = 1; s < arguments.length; s++) {\n\t\tfrom = Object(arguments[s]);\n\n\t\tfor (var key in from) {\n\t\t\tif (hasOwnProperty.call(from, key)) {\n\t\t\t\tto[key] = from[key];\n\t\t\t}\n\t\t}\n\n\t\tif (getOwnPropertySymbols) {\n\t\t\tsymbols = getOwnPropertySymbols(from);\n\t\t\tfor (var i = 0; i < symbols.length; i++) {\n\t\t\t\tif (propIsEnumerable.call(from, symbols[i])) {\n\t\t\t\t\tto[symbols[i]] = from[symbols[i]];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn to;\n};\n\n\n/***/ }),\n\n/***/ \"../node_modules/xo-webpack-config/polyfills.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n// It will use the native implementation if it's present and isn't buggy.\nObject.assign = __webpack_require__(\"../node_modules/object-assign/index.js\");\n\n// array\n__webpack_require__(\"../node_modules/core-js/fn/array/find.js\");\n__webpack_require__(\"../node_modules/core-js/fn/array/includes.js\");\n__webpack_require__(\"../node_modules/core-js/fn/array/some.js\");\n__webpack_require__(\"../node_modules/core-js/fn/array/every.js\");\n\n// string\n__webpack_require__(\"../node_modules/core-js/fn/string/includes.js\");\n\n\n// object\n__webpack_require__(\"../node_modules/core-js/fn/object/entries.js\");\n__webpack_require__(\"../node_modules/core-js/fn/object/values.js\");\n\n\n/***/ }),\n\n/***/ \"./components/base64/base64.min.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n!function(){function t(t){this.message=t}var r= true?exports:this,e=\"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\";t.prototype=new Error,t.prototype.name=\"InvalidCharacterError\",r.btoa||(r.btoa=function(r){for(var o,n,a=String(r),i=0,c=e,d=\"\";a.charAt(0|i)||(c=\"=\",i%1);d+=c.charAt(63&o>>8-i%1*8)){if(n=a.charCodeAt(i+=.75),n>255)throw new t(\"'btoa' failed: The string to be encoded contains characters outside of the Latin1 range.\");o=o<<8|n}return d}),r.atob||(r.atob=function(r){var o=String(r).replace(/=+$/,\"\");if(o.length%4==1)throw new t(\"'atob' failed: The string to be decoded is not correctly encoded.\");for(var n,a,i=0,c=0,d=\"\";a=o.charAt(c++);~a&&(n=i%4?64*n+a:a,i++%4)?d+=String.fromCharCode(255&n>>(-2*i&6)):0)a=e.indexOf(a);return d})}();\n\n\n/***/ }),\n\n/***/ \"./components/node-uuid/uuid.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function(console) {var __WEBPACK_AMD_DEFINE_RESULT__;\n\n// uuid.js\n//\n// Copyright (c) 2010-2012 Robert Kieffer\n// MIT License - http://opensource.org/licenses/mit-license.php\n\n/*global window, require, define */\n(function (_window) {\n \n\n // Unique ID creation requires a high quality random # generator. We feature\n // detect to determine the best RNG source, normalizing to a function that\n // returns 128-bits of randomness, since that's what's usually required\n\n var _rng, _mathRNG, _nodeRNG, _whatwgRNG, _previousRoot;\n\n function setupBrowser() {\n // Allow for MSIE11 msCrypto\n var _crypto = _window.crypto || _window.msCrypto;\n\n if (!_rng && _crypto && _crypto.getRandomValues) {\n // WHATWG crypto-based RNG - http://wiki.whatwg.org/wiki/Crypto\n //\n // Moderately fast, high quality\n try {\n var _rnds8 = new Uint8Array(16);\n _whatwgRNG = _rng = function whatwgRNG() {\n _crypto.getRandomValues(_rnds8);\n return _rnds8;\n };\n _rng();\n } catch (e) {}\n }\n\n if (!_rng) {\n // Math.random()-based (RNG)\n //\n // If all else fails, use Math.random(). It's fast, but is of unspecified\n // quality.\n var _rnds = new Array(16);\n _mathRNG = _rng = function _rng() {\n for (var i = 0, r; i < 16; i++) {\n if ((i & 0x03) === 0) {\n r = Math.random() * 0x100000000;\n }\n _rnds[i] = r >>> ((i & 0x03) << 3) & 0xff;\n }\n\n return _rnds;\n };\n if ('undefined' !== typeof console && console.warn) {\n console.warn(\"[SECURITY] node-uuid: crypto not usable, falling back to insecure Math.random()\");\n }\n }\n }\n\n function setupNode() {\n // Node.js crypto-based RNG - http://nodejs.org/docs/v0.6.2/api/crypto.html\n //\n // Moderately fast, high quality\n if (true) {\n try {\n var _rb = __webpack_require__(!(function webpackMissingModule() { var e = new Error(\"Cannot find module \\\"crypto\\\"\"); e.code = 'MODULE_NOT_FOUND'; throw e; }())).randomBytes;\n _nodeRNG = _rng = _rb && function () {\n return _rb(16);\n };\n _rng();\n } catch (e) {}\n }\n }\n\n if (_window) {\n setupBrowser();\n } else {\n setupNode();\n }\n\n // Buffer class to use\n var BufferClass = 'function' === typeof Buffer ? Buffer : Array;\n\n // Maps for number <-> hex string conversion\n var _byteToHex = [];\n var _hexToByte = {};\n for (var i = 0; i < 256; i++) {\n _byteToHex[i] = (i + 0x100).toString(16).substr(1);\n _hexToByte[_byteToHex[i]] = i;\n }\n\n // **`parse()` - Parse a UUID into it's component bytes**\n function parse(s, buf, offset) {\n var i = buf && offset || 0,\n ii = 0;\n\n buf = buf || [];\n s.toLowerCase().replace(/[0-9a-f]{2}/g, function (oct) {\n if (ii < 16) {\n // Don't overflow!\n buf[i + ii++] = _hexToByte[oct];\n }\n });\n\n // Zero out remaining bytes if string was short\n while (ii < 16) {\n buf[i + ii++] = 0;\n }\n\n return buf;\n }\n\n // **`unparse()` - Convert UUID byte array (ala parse()) into a string**\n function unparse(buf, offset) {\n var i = offset || 0,\n bth = _byteToHex;\n return bth[buf[i++]] + bth[buf[i++]] + bth[buf[i++]] + bth[buf[i++]] + '-' + bth[buf[i++]] + bth[buf[i++]] + '-' + bth[buf[i++]] + bth[buf[i++]] + '-' + bth[buf[i++]] + bth[buf[i++]] + '-' + bth[buf[i++]] + bth[buf[i++]] + bth[buf[i++]] + bth[buf[i++]] + bth[buf[i++]] + bth[buf[i++]];\n }\n\n // **`v1()` - Generate time-based UUID**\n //\n // Inspired by https://github.com/LiosK/UUID.js\n // and http://docs.python.org/library/uuid.html\n\n // random #'s we need to init node and clockseq\n var _seedBytes = _rng();\n\n // Per 4.5, create and 48-bit node id, (47 random bits + multicast bit = 1)\n var _nodeId = [_seedBytes[0] | 0x01, _seedBytes[1], _seedBytes[2], _seedBytes[3], _seedBytes[4], _seedBytes[5]];\n\n // Per 4.2.2, randomize (14 bit) clockseq\n var _clockseq = (_seedBytes[6] << 8 | _seedBytes[7]) & 0x3fff;\n\n // Previous uuid creation time\n var _lastMSecs = 0,\n _lastNSecs = 0;\n\n // See https://github.com/broofa/node-uuid for API details\n function v1(options, buf, offset) {\n var i = buf && offset || 0;\n var b = buf || [];\n\n options = options || {};\n\n var clockseq = options.clockseq != null ? options.clockseq : _clockseq;\n\n // UUID timestamps are 100 nano-second units since the Gregorian epoch,\n // (1582-10-15 00:00). JSNumbers aren't precise enough for this, so\n // time is handled internally as 'msecs' (integer milliseconds) and 'nsecs'\n // (100-nanoseconds offset from msecs) since unix epoch, 1970-01-01 00:00.\n var msecs = options.msecs != null ? options.msecs : new Date().getTime();\n\n // Per 4.2.1.2, use count of uuid's generated during the current clock\n // cycle to simulate higher resolution clock\n var nsecs = options.nsecs != null ? options.nsecs : _lastNSecs + 1;\n\n // Time since last uuid creation (in msecs)\n var dt = msecs - _lastMSecs + (nsecs - _lastNSecs) / 10000;\n\n // Per 4.2.1.2, Bump clockseq on clock regression\n if (dt < 0 && options.clockseq == null) {\n clockseq = clockseq + 1 & 0x3fff;\n }\n\n // Reset nsecs if clock regresses (new clockseq) or we've moved onto a new\n // time interval\n if ((dt < 0 || msecs > _lastMSecs) && options.nsecs == null) {\n nsecs = 0;\n }\n\n // Per 4.2.1.2 Throw error if too many uuids are requested\n if (nsecs >= 10000) {\n throw new Error('uuid.v1(): Can\\'t create more than 10M uuids/sec');\n }\n\n _lastMSecs = msecs;\n _lastNSecs = nsecs;\n _clockseq = clockseq;\n\n // Per 4.1.4 - Convert from unix epoch to Gregorian epoch\n msecs += 12219292800000;\n\n // `time_low`\n var tl = ((msecs & 0xfffffff) * 10000 + nsecs) % 0x100000000;\n b[i++] = tl >>> 24 & 0xff;\n b[i++] = tl >>> 16 & 0xff;\n b[i++] = tl >>> 8 & 0xff;\n b[i++] = tl & 0xff;\n\n // `time_mid`\n var tmh = msecs / 0x100000000 * 10000 & 0xfffffff;\n b[i++] = tmh >>> 8 & 0xff;\n b[i++] = tmh & 0xff;\n\n // `time_high_and_version`\n b[i++] = tmh >>> 24 & 0xf | 0x10; // include version\n b[i++] = tmh >>> 16 & 0xff;\n\n // `clock_seq_hi_and_reserved` (Per 4.2.2 - include variant)\n b[i++] = clockseq >>> 8 | 0x80;\n\n // `clock_seq_low`\n b[i++] = clockseq & 0xff;\n\n // `node`\n var node = options.node || _nodeId;\n for (var n = 0; n < 6; n++) {\n b[i + n] = node[n];\n }\n\n return buf ? buf : unparse(b);\n }\n\n // **`v4()` - Generate random UUID**\n\n // See https://github.com/broofa/node-uuid for API details\n function v4(options, buf, offset) {\n // Deprecated - 'format' argument, as supported in v1.2\n var i = buf && offset || 0;\n\n if (typeof options === 'string') {\n buf = options === 'binary' ? new BufferClass(16) : null;\n options = null;\n }\n options = options || {};\n\n var rnds = options.random || (options.rng || _rng)();\n\n // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80;\n\n // Copy bytes to buffer, if provided\n if (buf) {\n for (var ii = 0; ii < 16; ii++) {\n buf[i + ii] = rnds[ii];\n }\n }\n\n return buf || unparse(rnds);\n }\n\n // Export public API\n var uuid = v4;\n uuid.v1 = v1;\n uuid.v4 = v4;\n uuid.parse = parse;\n uuid.unparse = unparse;\n uuid.BufferClass = BufferClass;\n uuid._rng = _rng;\n uuid._mathRNG = _mathRNG;\n uuid._nodeRNG = _nodeRNG;\n uuid._whatwgRNG = _whatwgRNG;\n\n if ('undefined' !== typeof module && module.exports) {\n // Publish as node.js module\n module.exports = uuid;\n } else if (true) {\n // Publish as AMD module\n !(__WEBPACK_AMD_DEFINE_RESULT__ = (function () {\n return uuid;\n }).call(exports, __webpack_require__, exports, module),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n } else {\n // Publish as global (in browsers)\n _previousRoot = _window.uuid;\n\n // **`noConflict()` - (browser only) to reset global 'uuid' var**\n uuid.noConflict = function () {\n _window.uuid = _previousRoot;\n return uuid;\n };\n\n _window.uuid = uuid;\n }\n})('undefined' !== typeof window ? window : null);\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"../node_modules/console-browserify/index.js\")))\n\n/***/ }),\n\n/***/ \"./components/squid/dist/core/api.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\nexports.$Api = undefined;\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.$getLatestCorrelationID = $getLatestCorrelationID;\n\nvar _jquery = __webpack_require__(\"./components/jquery/dist/jquery.min.js\");\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nvar _logger = __webpack_require__(\"./components/xo-beaver/dist/logger.js\");\n\nvar _event = __webpack_require__(\"./components/squid/dist/core/event.js\");\n\nvar _class = __webpack_require__(\"./components/squid/dist/core/class.js\");\n\nvar _util = __webpack_require__(\"./components/squid/dist/core/util.js\");\n\nvar _promise = __webpack_require__(\"./components/squid/dist/core/promise.js\");\n\nvar _config = __webpack_require__(\"./components/squid/dist/core/config.js\");\n\nvar _error = __webpack_require__(\"./components/squid/dist/core/error.js\");\n\nvar _loader = __webpack_require__(\"./components/squid/dist/core/loader.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n/*\n API\n ---\n\n This layer is responsible for handling api requests. It has a number of responsibilities:\n\n - Caching responses\n - Transparently returning data that has been preloaded into the initial page response\n - Instrumentation\n - Batching multiple api calls into a single http request\n - Handling multiple types of responses and dispatching to the correct handlers\n - Emitting loading events for all http calls\n */\n\n_config.$meta.headers = _config.$meta.headers || {};\n_config.$meta.headers['x-cookies'] = _typeof(_config.$meta.headers['x-cookies']) !== 'object' ? JSON.parse(_config.$meta.headers['x-cookies'] || '{}') : _config.$meta.headers['x-cookies'];\n\n// Are we in 'cookies disabled' mode? (Do we need to keep a local store of cookies)\nfunction cookiesEnabled() {\n return _util.$util.cookiesEnabled() && window.location.hostname.indexOf('.paypal.com') > -1;\n}\n\n// Cache for api responses, when cache: true\nvar cache = {};\nvar standardHeaders = {};\n\nvar latestCorrelationID = _config.$meta.correlationId;\n\n// Window load promise\nvar windowLoad = _util.$util.memoize(function () {\n return _promise.$promise.resolver(function (resolve) {\n if (document.readyState === 'complete') {\n resolve();\n } else {\n window.addEventListener('load', resolve);\n }\n });\n});\n\n// Buffer for batch requests made within the same frame\nvar batchQueue = {};\n\n// Backwards compat\nwindow.pre = {};\n\n// Transient cache resolvers\nvar transientCache = {};\n\n// Transient cache resolvers\nvar transientCacheResolvers = {};\n\n// Metabuilder\nvar metaBuilder = void 0;\n\n// Add to transientCache\nwindow.preload = function (method, url, data, name) {\n\n if (name) {\n window.pre[name] = {\n method: method,\n uri: url,\n res: data\n };\n }\n\n var key = method + ':' + url;\n var resolvers = transientCacheResolvers[key] || [];\n\n transientCache[key] = data;\n\n while (resolvers.length) {\n resolvers.pop().call();\n }\n};\n\n// Preload complete\nvar preloadComplete = false;\n\nwindow.preloadComplete = function () {\n preloadComplete = true;\n Object.keys(transientCacheResolvers).forEach(function (key) {\n var resolvers = transientCacheResolvers[key] || [];\n\n while (resolvers.length) {\n resolvers.pop().call();\n }\n });\n};\n\n_logger.$logger.info(cookiesEnabled() ? 'cookies_enabled' : 'cookies_disabled');\n\nvar $Api = exports.$Api = _class.$Class.extend('$Api', {\n\n // Cache any GET responses indefinitely\n cache: false,\n\n // Http timeout for all requests\n timeout: 45000,\n\n // Default number of attempts on aborted requests and 500 server errors\n getAttempts: 3,\n postAttempts: 1,\n\n // POST on a resource with an action name myapi.action('foo') -> POST /my/api/foo\n action: function action(_action, options) {\n options.action = _action;\n return this.post(options);\n },\n\n // GET on a resource myapi.retrieve() -> GET /my/api\n retrieve: function retrieve(options) {\n options.method = 'get';\n return this.call(options);\n },\n\n // POST on a resource myapi.retrieve() -> POST /my/api\n post: function post(options) {\n options.method = 'post';\n return this.call(options);\n },\n\n // Generic handler for calling an api and dispatching requests to the right place\n call: function call(options) {\n var self = this;\n\n // Set up request options and params. `options` is an object which should contain everything\n // the request needs to run and handle the response\n\n options.api = this;\n options.uri = this.getURI(options.model, options.action);\n options.params = options.params || {};\n options.cache = options.cache || self.cache && options.method === 'get';\n options.name = this.buildAPIName(options);\n options.meta = this.buildMeta();\n options.transientError = options.transientError || false;\n options.cacheKey = _util.$util.buildURL(options.uri, options.params);\n\n _logger.$logger.info(options.name + '_call', {\n name: options.name,\n method: options.method,\n uri: options.uri\n });\n\n if (!options.silent) {\n _event.$event.emit('loading');\n }\n\n // Decide where to get the response\n return _promise.$promise.first([\n\n // If caching is enabled and we have the data in local cache, use the cache\n function () {\n if (options.cache && cache[options.cacheKey]) {\n return cache[options.cacheKey];\n }\n },\n\n // Otherwise if we have transient cache data for this api, we can use that\n function () {\n return _promise.$promise.providing(self.hasTransientCacheData(options), function () {\n\n // The reason we use self.attemptRequest here is so any errors in the cached response\n // can trigger the retry code path, as if it were a regular request\n return self.attemptRequest(options);\n });\n },\n\n // If we're in batch mode, queue up a batch request\n function () {\n if (options.batch) {\n return self.batchRequest(options);\n }\n },\n\n // Otherwise attempt a regular http request (at this point an http call is guaranteed)\n function () {\n return self.attemptRequest(options);\n }])['finally'](function () {\n\n if (!options.silent) {\n _event.$event.emit('loaded');\n }\n }).then(function (res) {\n\n // Cache the response if we need to\n if (options.cache) {\n cache[options.cacheKey] = res;\n }\n\n // Handle the response\n return self.handleResponse(res.data, options);\n }, function (err) {\n\n // $BatchShortCircuit will be thrown if:\n //\n // 1. batch api call B depends on api call A, but-\n // 2. api call A fails\n //\n // In which case we end up in a situation where had it been a regular chain of events,\n // api B would never have been called in the first place.\n //\n // One possibility here is to return $unresolved, which prevents the promise from ever\n // resolving, but this has the potential to cause a lot of difficulty debugging and strange\n // corner cases.\n //\n // Instead we opt to simply reject the promise, and not call any of the response handlers\n\n if (err instanceof _error.$BatchShortCircuit) {\n return _promise.$promise.reject(err);\n }\n\n // Otherwise, handle the error normally\n return self.handleErrorResponse(err, options);\n });\n },\n\n // Set up a batch request for processing in the next frame\n batchRequest: function batchRequest(options) {\n\n // Batch Requests are an optimization layer on top of regular api calls. The purpose of this\n // layer is to combine multiple atomic api calls into a single http request, without forcing\n // developers to create large orchestration layers on the client/server with cross-cutting concerns.\n //\n // This layer will queue up multiple requests made in the same frame whenever batch-mode is enabled,\n // attach them all to an http call to /api/batch/:name, then on the response it will dispatch each\n // individual api call to the correct handler.\n //\n // The way this is implemented is to place each response in the transient api cache, then to yield\n // control to the regular api request handler, which will handle instrumentation and retries\n\n // For quick dev-time feedback...\n _util.$util.assert(options.batch.name, 'Must define a \"name\" for batch request: ' + options.batch);\n _util.$util.assert(options.batch.id, 'Must define a \"id\" for batch request: ' + options.batch);\n\n var name = options.batch.name;\n var id = options.batch.id;\n\n // Add the batch request options to the batchQueue for processing on the next frame\n var batch = batchQueue[name] = batchQueue[name] || {};\n\n batch[id] = options;\n\n // Fire off a batch request. This will be debounced: calls in the same frame will be combined to one\n return this.buildBatchRequest(name).then(function (results) {\n\n // We get back a mapping of id->response, so we now extract the response for our api\n // call. If we have no response, we can assume the call was never made, and short circuit.\n return results[id].then(function (result) {\n return result || _promise.$promise.reject(new _error.$BatchShortCircuit());\n });\n });\n },\n\n // Process all of the accumulated batch api requests\n buildBatchRequest: _promise.$promise.debounce(function (name) {\n\n var self = this;\n var batch = batchQueue[name];\n var batchIds = _class.$Class.keys(batch);\n var batchData = {};\n var headers = {};\n\n delete batchQueue[name];\n\n // If we have just a single request, we can short-circuit and just hit that api\n\n if (batchIds.length === 1) {\n\n var batchId = batchIds[0];\n var opts = batch[batchId];\n\n var results = {};\n\n results[batchId] = opts.api.attemptRequest(opts);\n return results;\n }\n\n // Build the request to send to the server side. This is an mapping of id->request, each containing\n // the method, uri, data, and dependencies for each api.\n //\n // Specifying a dependency for an api essentially means the back-end will only\n // call api-B if api-A returns ack=success. Otherwise there will be no response for api B.\n\n _util.$util.forEach(batch, function (options, id) {\n\n batchData[id] = {\n method: options.method,\n uri: options.api.getURI(options.model, options.action, true),\n data: options.data,\n params: options.params,\n dependencies: options.batch.dependencies\n };\n\n _util.$util.extend(headers, options.headers);\n });\n\n // Unfortunate circular dependency... $Api depends on another api.\n //\n // $batchApi is subject to all of the same rules regarding retries, so if for some reason the server\n // does not respond the first time, our batch request can still get through.\n\n return $batchApi.action(name, { // eslint-disable-line no-use-before-define\n data: batchData,\n headers: headers\n }).then(function (res) {\n\n // The final response will be a mapping of id->response-promise.\n //\n // However, we do not treat this data as our final response. Instead, we simply use it to\n // prime our transient cache, then proceed to jump to our regular request handler. This will\n // take care of retries and instrumentation as if this were a regular request.\n //\n // Note that a retry for $batchApi is different to a retry for an individual api. If\n // an *individual* api call fails, we do not want to re-do the entire batch call; instead we\n // can just retry the individual api call.\n\n return self.handleBatchResponse(batch, res.data);\n });\n }),\n\n // Process the responses for all of the batch requests we sent to the server\n handleBatchResponse: function handleBatchResponse(batch, data) {\n\n var self = this;\n\n var promises = {};\n\n // Loop over each individual api response contained in the batch response, and process the result\n\n _util.$util.forEach(batch, function (options, id) {\n\n // Store each response promise so we can check and wait for api dependencies\n\n promises[id] = _promise.$promise.run(function () {\n\n // Check if all of the dependencies are present for our individual api call. To do this\n // we must wait until the dependent api call is entirely complete, including any retries.\n\n var depsPresent = _promise.$promise.every(options.batch.dependencies || [], function (depName) {\n\n if (!batch[depName]) {\n _logger.$logger.info('missing_batch_dependency', {\n dependency: depName,\n available: Object.keys(batch).join('|')\n });\n }\n\n return !batch[depName] || promises[depName].then(function (dependency) {\n return dependency && dependency.data && dependency.data.ack === 'success';\n });\n });\n\n // If our dependencies are present, we can continue, otherwise we are not interested in\n // the result of the individual api call - if its dependency is not present, it will not be.\n\n return _promise.$promise.providing(depsPresent, function () {\n\n // If there is data returned for the individual call, add it to the transient cache\n\n return _promise.$promise.providing(data[id], function (result) {\n var uri = options.api.getURI(options.model, options.action);\n\n uri = _util.$util.buildURL(uri, options.params);\n\n self.addTransientCacheData(options.method, uri, result);\n }).then(function () {\n\n // Regardless of whether or not there is data, we can now attempt the request.\n // This will either get the data from the transient cache, or make an http call,\n // and handle any retries that need to be made.\n\n return options.api.attemptRequest(options);\n });\n });\n });\n });\n\n return promises;\n },\n\n // Handle the request and any retries, using either the transient cache or http calls\n attemptRequest: function attemptRequest(options) {\n var self = this;\n\n var attempts = options.method === 'get' ? this.getAttempts : this.postAttempts;\n\n // We allow a certain number of attempts/retries for each api call\n return _promise.$promise.attempt(attempts, function (remaining) {\n\n // Query the transient cache\n return self.getTransientCacheResponse(options).then(function (res) {\n\n // If we can get a response from the transient cache, then use it\n if (res) {\n return res;\n }\n\n // Otherwise resort to making an http call\n return self.getHttpResponse(options);\n })['catch'](function (res) {\n\n // If our request was aborted without even a status code, force a single retry\n if ((!res || !res.status) && attempts === 1) {\n\n _logger.$logger.warn('api_retry_aborted', {\n method: options.method,\n uri: options.uri\n });\n\n return self.getHttpResponse(options);\n }\n\n return _promise.$promise.reject(res);\n })['catch'](function (res) {\n\n // If our request was 401 denied (probably due to a CSRF error), force a single retry\n if (res.status === 401) {\n\n _logger.$logger.warn('api_retry_401', {\n method: options.method,\n uri: options.uri\n });\n\n return self.getHttpResponse(options);\n }\n\n return _promise.$promise.reject(res);\n })['catch'](function (res) {\n\n // Set the correct response and ack for 401\n if (res.status === 401) {\n return {\n data: {\n ack: 'permission_denied'\n }\n };\n }\n\n // Setup to throw a TOO_MANY_REQUESTS contingency for 429 response from ratelimiter (velocityserv)\n if (res.status === 429) {\n return {\n data: {\n ack: 'contingency',\n contingency: 'TOO_MANY_REQUESTS'\n }\n };\n }\n\n // If we have any remaining retries, log and reject\n if (remaining) {\n\n _logger.$logger.warn('api_retry', {\n method: options.method,\n uri: options.uri\n });\n\n return _promise.$promise.reject(res);\n }\n\n // Otherwise reject the request with the appropriate error\n\n // We got ack=error in the response\n if (res && res.data && res.data.ack === 'error') {\n return _promise.$promise.reject(new _error.$ApiError('api_error', { // eslint-disable-line no-reserved-keys\n name: options.name,\n method: options.method,\n uri: options.uri,\n stack: res.data.stack,\n transient: options.transientError\n }));\n }\n\n // We got a response error status\n else if (res && res.status) {\n return _promise.$promise.reject(new _error.$ApiError('response_status_' + res.status, { // eslint-disable-line no-reserved-keys\n uri: options.uri,\n transient: options.transientError\n }));\n } else if (res && res.error) {\n return _promise.$promise.reject(new _error.$ApiError('request_' + res.error, { // eslint-disable-line no-reserved-keys\n uri: options.uri,\n transient: options.transientError\n }));\n }\n\n // The request was aborted\n else {\n return _promise.$promise.reject(new _error.$ApiError('request_aborted', { // eslint-disable-line no-reserved-keys\n uri: options.uri,\n transient: options.transientError\n }));\n }\n });\n });\n },\n\n // Get an api response via http\n getHttpResponse: function getHttpResponse(options) {\n var self = this;\n\n var startTime = _util.$util.now();\n\n var request = this.http(options);\n\n return request['finally'](function () {\n\n // Calculate the end-to-end duration of the request from the client's perspective\n options.duration = _util.$util.now() - startTime;\n })['catch'](function (res) {\n\n // Turn responses with an ack into a 'success' so it makes it to the standard handlers\n if (res && res.status && res.data && res.data.ack && res.data.ack !== 'error') {\n return res;\n }\n\n return _promise.$promise.reject(res);\n }).then(function (res) {\n self.saveResponseState(res);\n\n var loggerPayload = {\n name: options.name,\n method: options.method,\n uri: options.uri,\n server: res.data.server,\n time: options.duration,\n duration: options.duration,\n corrid: res && res.headers('Paypal-Debug-Id')\n };\n\n // In certain browsers we can match up this api call to the performance data from the browser\n if (window.performance && window.performance.getEntries) {\n _util.$util.forEach(window.performance.getEntries(), function (resource) {\n if (resource.name && resource.name.indexOf(options.uri) > -1) {\n _util.$util.extend(loggerPayload, resource);\n }\n });\n }\n\n _logger.$logger.info('api_response', loggerPayload);\n\n if (res && res.status) {\n _logger.$logger.info('http_response_' + res.status);\n }\n\n return res;\n }, function (res) {\n self.saveResponseState(res);\n\n if (res && res.status) {\n _logger.$logger.info('http_response_' + res.status);\n }\n\n return _promise.$promise.reject(res);\n });\n },\n\n setTransientCache: function setTransientCache(data) {\n throw new Error('NotImplemented');\n },\n\n // Get an individual api response from the transient cache, as an object\n getTransientCacheData: function getTransientCacheData(options, pop) {\n\n if (!_config.$config.enablePreload) {\n return _promise.$promise.resolve();\n }\n\n var preMethod = options.method.toLowerCase();\n var preUri = _util.$util.buildURL(options.uri, options.params);\n\n var key = preMethod + ':' + preUri;\n\n return _promise.$promise.resolver(function (resolve) {\n\n function res() {\n var data = transientCache[key];\n\n if (pop) {\n delete transientCache[key];\n }\n resolve(data);\n }\n\n if (transientCache[key] || document.readyState === 'complete' || preloadComplete) {\n return res();\n }\n\n transientCacheResolvers[key] = transientCacheResolvers[key] || [];\n transientCacheResolvers[key].push(res);\n\n windowLoad().then(res);\n });\n },\n\n // Check if the transient cache has the data for a particular api\n hasTransientCacheData: function hasTransientCacheData(options) {\n return this.getTransientCacheData(options, false).then(function (data) {\n return Boolean(data);\n });\n },\n\n // Add data to the transient cache\n addTransientCacheData: function addTransientCacheData(method, uri, data) {\n var key = method + ':' + uri;\n\n transientCache[key] = data;\n },\n\n // Get an individual api response from transient cache, as a res promise with the correct status code\n getTransientCacheResponse: function getTransientCacheResponse(options) {\n\n return this.getTransientCacheData(options, true).then(function (data) {\n\n // Preload data does not come with a response code, so massage it into a response promise\n if (data) {\n if (data.ack === 'error') {\n return _promise.$promise.reject({\n status: 500,\n data: data\n });\n } else if (data.ack === 'permission_denied') {\n return _promise.$promise.reject({\n status: 401,\n data: data\n });\n } else if (data.ack === 'contingency' || data.ack === 'validation_error') {\n return {\n status: 400,\n data: data\n };\n } else {\n return {\n status: 200,\n data: data\n };\n }\n }\n\n // Log a cache miss if we are currently in the first-page load\n else if (options.method === 'get' && !_loader.$loader.firstLoad() && !options.silent) {\n _logger.$logger.info('preload_cache_miss', {\n uri: options.uri\n });\n }\n });\n },\n\n getHeaders: function getHeaders(options) {\n\n if (!_config.$meta.headers['x-csrf-jwt'] && !_config.$meta.csrfJwt) {\n _logger.$logger.warn('missing_csrf_jwt');\n }\n\n var headers = {\n 'X-Requested-With': 'XMLHttpRequest',\n 'x-csrf-jwt': _config.$meta.headers['x-csrf-jwt'] || _config.$meta.csrfJwt\n };\n\n _util.$util.extend(headers, standardHeaders);\n\n if (!cookiesEnabled()) {\n headers['x-cookies'] = JSON.stringify(_config.$meta.headers['x-cookies']);\n }\n\n if (options.headers) {\n _util.$util.extend(headers, options.headers);\n }\n\n return headers;\n },\n http: function http(options) {\n return this.httpJQuery(options);\n },\n\n\n /*\n // Raw http call\n httpAngular: function(options) {\n let request = {\n method: options.method,\n url: options.uri,\n data: {\n data: options.data,\n meta: options.meta\n },\n headers: this.getHeaders(options),\n params: options.params,\n requestType: 'json',\n responseType: 'json',\n timeout: this.timeout\n };\n if (options.method === 'get' && options.meta && Object.keys(options.meta).length) {\n request.params.meta = JSON.stringify(options.meta);\n }\n return $http(request);\n },\n */\n\n httpJQuery: function httpJQuery(options) {\n\n var request = {\n method: options.method,\n data: options.method === 'get' ? options.params : JSON.stringify({\n data: options.data,\n meta: options.meta || {}\n }),\n headers: this.getHeaders(options),\n timeout: this.timeout\n };\n\n if (options.method === 'post') {\n request.headers['Content-Type'] = 'application/json;charset=UTF-8';\n } else if (options.method === 'get') {\n request.data.meta = JSON.stringify(options.meta);\n }\n\n return _promise.$promise.resolver(function (resolve, reject) {\n\n function getRes(res, data) {\n return {\n status: res.status,\n data: data,\n headers: function headers(name) {\n return res.getResponseHeader(name);\n }\n };\n }\n\n request.success = function (data, status, res) {\n return resolve(getRes(res, data));\n };\n\n request.error = function (res) {\n if (res && res.status) {\n if (res.status >= 400) {\n return reject(getRes(res, res.responseJSON));\n } else {\n return resolve(getRes(res, res.responseJSON));\n }\n }\n\n return reject({\n status: 0,\n headers: _util.$util.noop,\n error: res && res.statusText\n });\n };\n\n _jquery2['default'].ajax(options.uri, request);\n });\n },\n\n // Save cookies and jwt-csrf token from the response\n saveResponseState: function saveResponseState(res) {\n\n if (res.headers('x-csrf-jwt')) {\n _config.$meta.headers['x-csrf-jwt'] = res.headers('x-csrf-jwt');\n _config.$meta.csrfJwt = res.headers('x-csrf-jwt');\n _config.$meta.headers['x-csrf-jwt-hash'] = res.headers('x-csrf-jwt-hash');\n }\n\n if (res.headers('X-cookies')) {\n\n _config.$meta.headers['x-cookies-hash'] = res.headers('x-cookies-hash');\n\n // Extend local cookie jar of encrypted-cookie-name->encrypted-cookie-value with any new cookies\n _util.$util.extend(_config.$meta.headers['x-cookies'], JSON.parse(res.headers('X-cookies') || '{}'));\n }\n\n latestCorrelationID = res.headers('Paypal-Debug-Id') || latestCorrelationID;\n },\n\n // Dispatch the response to the correct handlers\n handleResponse: function handleResponse(res, options) {\n var loggerName = 'ui_' + options.name;\n\n var loggerPayload = {\n name: options.name,\n method: options.method,\n uri: options.uri,\n time: options.duration,\n duration: options.duration\n };\n\n // Here we dispatch the response to the correct handler based on the ack.\n //\n // ack=success -> options.success()\n // ack=error -> options.error()\n // ack=validation -> options.validation()\n // ack=contingency -> options.contingencies[contingency]()\n //\n // Why do this rather than just rejecting the promise with a custom error?\n //\n // a) Angular promises have no `.catchType()`, so this saves us a lot of `instanceof` checks\n // b) Angular promises have no `.done()`, so callers can not assert that they have handled\n // every error they want to. This is exacerbated by the fact that there is no single thread\n // of execution on the front-end a la node, so we can't just call `.done()` at the very end :(\n //\n // This way, if somebody passes a handler, it will be called. Otherwise, an error will be thrown\n // and the global error handler will be invoked. The api responses are also given as promises.\n\n var resultModel = options.resultModel || options.model;\n\n /* jshint maxcomplexity: 17 */\n return _promise.$promise.call(function () {\n\n // If we are given a `resultModel`, we always extend it with `res.data`, no matter the ack\n\n if (res.data && resultModel) {\n\n if (resultModel.populate) {\n resultModel.populate(res.data);\n } else {\n _util.$util.extend(resultModel, res.data);\n }\n }\n\n if (res && res.ack === 'success' && resultModel && resultModel.fetchChildren) {\n return _promise.$promise.resolve(resultModel.fetchChildren()).then(function (children) {\n return _util.$util.extend(resultModel, children);\n });\n }\n }).then(function () {\n // eslint-disable-line max-statements\n\n // Handle each ack type, throw errors accordingly\n\n if (res.ack === 'success') {\n _logger.$logger.info(loggerName + '_success', loggerPayload);\n\n if (options.success) {\n if (options.success instanceof Function) {\n return options.success(res.data);\n }\n return options.success;\n }\n\n return res;\n }\n\n if (options.failSilently) {\n return;\n }\n\n if (res.ack === 'contingency') {\n _logger.$logger.info(loggerName + '_contingency', _util.$util.extend(loggerPayload, {\n contingency: res.contingency\n }));\n\n if (!res.contingency) {\n throw new _error.$ApiError('expected_contingency_name', {\n api: options.name\n });\n }\n\n var contingency = new _error.$Contingency(res.contingency, { // eslint-disable-line no-reserved-keys\n transient: options.transientError\n });\n\n if (resultModel) {\n resultModel.errorData = res.errorData || {};\n }\n\n var handler = options.contingencies && (options.contingencies[contingency.message] || options.contingencies['DEFAULT']);\n\n _util.$util.extend(contingency, res.errorData);\n\n if (handler) {\n if (handler instanceof Function) {\n return handler(contingency.message, contingency);\n }\n return handler;\n }\n\n throw contingency;\n } else if (res.ack === 'validation') {\n _logger.$logger.info(loggerName + '_validation', _util.$util.extend(loggerPayload, {\n validation: res.validation\n }));\n\n if (options.validation) {\n return options.validation(res.validation);\n }\n\n throw new _error.$ApiError('validation', { // eslint-disable-line no-reserved-keys\n transient: options.transientError\n });\n } else if (res.ack === 'permission_denied') {\n _logger.$logger.info(loggerName + '_denied', loggerPayload);\n\n var properties = {\n transient: options.transientError\n };\n\n if (res.reason) {\n properties.reason = res.reason;\n }\n\n throw new _error.$Forbidden(options.uri + ': forbidden', properties);\n } else {\n _logger.$logger.info(loggerName + '_noack', loggerPayload);\n\n throw new _error.$ApiError('noack', { // eslint-disable-line no-reserved-keys\n transient: options.transientError\n });\n }\n });\n },\n\n // Handle http error responses (ack=error or unhandled errors)\n handleErrorResponse: function handleErrorResponse(err, options) {\n\n return _promise.$promise.run(function () {\n\n // If the caller provides an error handler, let them handle it\n if (options.error) {\n return options.error(err);\n }\n\n // Otherwise we throw the error. Please not that this is NOT just rejecting the promise,\n // this will always end up in the global error handler due to how angular promises work.\n throw err;\n });\n },\n\n // Build the uri for the api call\n getURI: function getURI(model, action, relative) {\n var self = this;\n\n // build the uri as a seriest of segments\n var uri = [];\n\n uri.push(this.uri.replace(/\\/:[\\w\\.]+\\?/g, function (key) {\n\n // Add any *optional* dynamic keys from the model (/foo/:bar? -> /foo/{{model.bar}})\n\n key = key.slice(2);\n key = key.substring(0, key.length - 1);\n\n var component = model.get ? model.get(key) : model[key];\n\n if (!component) {\n return '';\n }\n\n return '/' + component;\n }).replace(/:[\\w\\.]+/g, function (key) {\n\n // Add any dynamic keys from the model (/foo/:bar -> /foo/{{model.bar}})\n\n key = key.slice(1);\n\n var component = model.get ? model.get(key) : model[key];\n\n if (!component) {\n throw new Error('Property \"' + key + '\" not found in model for: ' + self.uri);\n }\n\n return component;\n }));\n\n // Add the action, if provided (`foo.action('bar', {...})` -> /api/foo/bar\n if (action) {\n uri.push(action);\n }\n\n // Add the extension (e.g. for doing a GET on a .json resource)\n if (this.ext) {\n uri[uri.length - 1] += '.' + this.ext;\n }\n\n // Join the uri segments and strip any extra slashes\n uri = '/' + uri.join('/').replace(/\\/{2,}/g, '/').replace(/^\\//, '');\n\n // Add on the base uri, e.g. /webapps/hermes\n if (!relative) {\n uri = (this.baseURI || _config.$config.urls.baseUrl) + uri;\n }\n\n return uri;\n },\n\n // Attach meta data provided by the parent app\n buildMeta: function buildMeta() {\n if (metaBuilder) {\n return metaBuilder();\n }\n },\n\n // Build the name of the api for logging. /api/foo/bar -> api_foo_bar\n buildAPIName: function buildAPIName(options) {\n var self = this;\n var apiName = self.uri.replace(/^\\/+/, ''). // Remove leading '/'\n replace(/\\//g, '_'). // Replace remaining '/' with '_'\n replace(/\\?(.*)/, ''). // Remove everything after '?'\n replace(/[^a-zA-Z0-9_]/g, '');\n\n apiName = options.action ? apiName + '_' + options.action : apiName;\n apiName = apiName.charAt(0) === '_' ? apiName.slice(1) : apiName;\n return apiName;\n }\n});\n\n$Api.reopenClass({\n clearCache: function clearCache() {\n cache = {};\n }\n});\n\n$Api.registerMetaBuilder = function (builder) {\n metaBuilder = builder;\n};\n\n$Api.addHeader = function (name, value) {\n standardHeaders[name] = value;\n};\n\nvar $batchApi = new $Api({\n uri: '/api/batch',\n postAttempts: 3\n});\n\nfunction $getLatestCorrelationID() {\n return latestCorrelationID;\n}\n\nangular.value(\"$Api\", $Api);\nangular.value(\"$getLatestCorrelationID\", $getLatestCorrelationID);\n_logger.$logger;\n\n_event.$event;\n\n_class.$Class;\n\n_util.$util;\n\n_promise.$promise;\n\n_config.$config;\n\n_config.$meta;\n\n_error.$Contingency;\n\n_error.$Forbidden;\n\n_error.$ApiError;\n\n_error.$BatchShortCircuit;\n\n_loader.$loader;\n\n/***/ }),\n\n/***/ \"./components/squid/dist/core/class.js\":\n/***/ (function(module, exports) {\n\n\n\nexports.__esModule = true;\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\n/*\n Class\n -----\n\n A class pattern, adding sugar on top of javascript prototypes\n\n ### Basic Usage\n\n let MyClass = Class.extend({\n foo: 'bar';\n });\n\n myInstance = new MyClass({\n hello: 'world'\n });\n\n console.log(myInstance.foo, myInstance.hello)\n\n In this example, `foo` becomes a property on `MyClass`'s prototype,\n and `hello` becomes a property on `myInstance`.\n\n ### Default Object Methods\n\n - `init()`: Called after the object is first instantiated, with all properties available\n\n - `get(, )`: Get an object an arbitrary number of levels deep, or return a default\n\n e.g. `myInstance.get('foo.bar.baz', 'some_default');`\n\n Default return value is undefined\n\n - `set(, )`: Set an object an arbitrary number of levels deep\n\n e.g. `myInstance.set('foo.bar.baz', 'some_value');`\n\n Error is thrown if no object is found to set the value on\n\n - `setProperties(
\\n\"\n\n/***/ }),\n\n/***/ \"./components/xo-device-info/dist/index.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function(module, __dirname, __filename) {var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* eslint-disable no-use-before-define */\n\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (angular) {\n\n (function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n })(window.angular);\n\n angular.module('xo-device-info', ['squid']).factory('$DeviceInfo', function ($window, $meta, $logger) {\n var userAgent = $window.navigator.userAgent;\n var standalone = $window.navigator.standalone;\n var DEVICE_PATTERN = /iPod|iPhone|iPad|Android|BlackBerry|BB10|Palm|CriOS|IEMobile|Windows Phone OS|webOS|Symbian|silk|Kindle|Opera Mini|mobile/i;\n var TABLET_PATTERN = /ip(a|ro)d|silk|xoom|playbook|tablet|kindle|Nexus 7|GT-P10|SC-01C|SHW-M180S|SM-T320|SGH-T849|SCH-I800|SHW-M180L|SPH-P100|SGH-I987|zt180|HTC( Flyer|_Flyer)|Sprint ATP51|ViewPad7|pandigital(sprnova|nova)|Ideos S7|Dell Streak 7|Advent Vega|A101IT|A70BHT|MID7015|Next2|nook|FOLIO|MB511.*RUTEM|Mac OS.*Silk/i;\n\n function getIntegrationContext(integrationKey) {\n // additonal context sent via partners in regards to integration\n var integrationContext = $meta.integrationCTX || {};\n return integrationContext[integrationKey];\n }\n\n // Supports iOS and Android. Updated / more accurate method of detecting webviews\n function isWebView() {\n var logEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n var ua = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : userAgent;\n\n var ios = /iphone|ipod|ipad/i.test(ua),\n android = /Android/i.test(ua);\n\n if (ios) {\n // Unfortunately no perfectly reliable way, this will detect some 3rd party browsers as ui webview\n // Major browsers: chrome, safari, firefox, uc browser, puffin, are detected reliably.\n var ios_uiwebview = /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(ua);\n\n if (!standalone && ios_uiwebview && !isSafariViewController()) {\n // uiwebview\n logWebView('iOS');\n return true;\n }\n } else if (android) {\n // not iOS, Android platform handling\n // Whitelist for x-requested-with header values for web view detection\n var allowedXRequestedWithRegexMap = {\n ajax: /XMLHttpRequest/i,\n baiduBrowser: /com.baidu.browser.inter/i,\n operaMini: /com.opera.mini.native/i,\n maxthon: /com.mx.browser/i,\n litterPenguinBrowser: /com.explore.web.browser/i\n };\n var xRequestedWithHeaderVal = $meta.requestHeaders['x-requested-with'];\n\n if (xRequestedWithHeaderVal) {\n // check if x-requested-with header val is in whitelist\n for (var key in allowedXRequestedWithRegexMap) {\n if (allowedXRequestedWithRegexMap.hasOwnProperty(key)) {\n if (allowedXRequestedWithRegexMap[key].test(xRequestedWithHeaderVal)) {\n return false;\n }\n }\n }\n logWebView('Android');\n return true;\n }\n }\n\n return false;\n\n function logWebView(device) {\n if (!logEnabled) {\n return;\n }\n // cal log\n $logger.info('WebView :: ' + device);\n }\n }\n\n /**\n * Check if the given the user-agent string is belongs to a device.\n */\n function isDevice() {\n if (angular.isString(userAgent)) {\n return DEVICE_PATTERN.test(userAgent) || TABLET_PATTERN.test(userAgent);\n }\n\n return false;\n }\n\n /**\n * Check if the given the user-agent string is belongs to a tablet.\n */\n function isTablet() {\n if (angular.isString(userAgent)) {\n return TABLET_PATTERN.test(userAgent);\n }\n\n return false;\n }\n\n /**\n * Check if the given the user-agent string is belongs to a mobile\n */\n function isMobile() {\n return isDevice(userAgent) && !isTablet(userAgent);\n }\n\n /**\n * Get the mobile platform value given the user-agent string.\n */\n function getDevicePlatform() {\n if (angular.isString(userAgent)) {\n var matched = userAgent.match(/iPod|iPhone|iPad|Android|BlackBerry|Windows Phone OS|webOS|Symbian|mobile/g);\n\n if (matched && matched.length > 0) {\n return matched[0];\n }\n }\n }\n\n /**\n * Check if the give user agent is from an app.\n */\n function isApp(uaString) {\n userAgent = uaString || userAgent;\n\n if (DEVICE_PATTERN.test(userAgent) || TABLET_PATTERN.test(userAgent)) {\n if (getDevicePlatform(userAgent) === 'Android') {\n return (/Version\\/\\d.\\d/i.test(userAgent)\n );\n }\n\n return (/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)|PLAYSTATION|iPadApp/i.test(userAgent)\n );\n }\n\n return false;\n }\n\n function isSafariViewController() {\n if (getIntegrationContext('brainTreeIntegration') === 'SFVC') {\n return true;\n }\n if (angular.isString(userAgent)) {\n var ios = /iphone|ipod|ipad/i.test(userAgent);\n\n return ios && $window.indexedDB && isApp();\n } else {\n return false;\n }\n }\n\n /**\n * Get the device capabilities\n */\n function getCapabilities() {\n var capabilities = {},\n device = DEVICE_PATTERN.test(userAgent),\n tablet = TABLET_PATTERN.test(userAgent),\n app = isApp(userAgent);\n\n if (angular.isString(userAgent)) {\n capabilities.isWireless = device || tablet;\n capabilities.isTablet = tablet;\n capabilities.isMobile = device && !tablet;\n capabilities.isDesktop = !device;\n capabilities.isApp = app;\n }\n\n return capabilities;\n }\n\n /**\n * Get various AppIntegrationType\n */\n function getAppIntegrationType() {\n var app_int_type;\n\n if (isDevice()) {\n if (isApp()) {\n if (isSafariViewController()) {\n app_int_type = 'SFVC';\n } else {\n app_int_type = 'WebView';\n }\n } else {\n app_int_type = 'Browser';\n }\n }\n return app_int_type;\n }\n\n return {\n isDevice: isDevice,\n isTablet: isTablet,\n isMobile: isMobile,\n isApp: isApp,\n isSafariViewController: isSafariViewController,\n getCapabilities: getCapabilities,\n getAppIntegrationType: getAppIntegrationType,\n isWebView: isWebView\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"../node_modules/webpack/buildin/module.js\")(module), \"components/xo-device-info/dist\", \"components/xo-device-info/dist/index.js\"))\n\n/***/ }),\n\n/***/ \"./components/xo-form-components/src/add-tax-id/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/jquery/dist/jquery.min.js\"), __webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"../node_modules/noop-loader/index.js!./components/xo-form-components/src/add-tax-id/template.html\"), __webpack_require__(\"./components/xo-models/src/checkout/index.js\"), __webpack_require__(\"./components/xo-models/src/user/index.js\"), __webpack_require__(\"./components/xo-ui-components/src/error-tooltip/directive.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function ($, squid, template) {\n\n squid.module('xo-add-tax-id.directive', ['squid', 'xomodel.checkout', 'xomodel.user', 'xo-error-tooltip.directive']).directive('xoAddTaxId', function () {\n return {\n scope: {\n token: '=',\n finish: '='\n },\n template: template,\n\n controller: function controller($scope, $populate, $state, $element, $CheckoutSessionModel, $UserInfoModel, $CheckoutCartModel) {\n\n function thenFunction() {\n var taxIdType = 'CPF';\n if ($scope.checkoutSession.errorData && $scope.checkoutSession.errorData.cause === 'NEED_BUSINESS_TAX_INFO_TO_PAY') {\n taxIdType = 'CNPJ';\n }\n var issuer = 'BR_' + taxIdType;\n $scope.subType = taxIdType;\n\n $scope.userInfo = $UserInfoModel.instance($scope.token);\n\n $scope.onSubmit = function () {\n // Scrub the formatting when invoking the backend services.\n var unformatted = ($scope.taxId || '').replace(/[^0-9]+/g, '');\n var data = {\n newDocId: {\n type: 'TAX_ID',\n subType: $scope.subType,\n issuerCountry: 'BR',\n issuer: issuer,\n value: unformatted,\n collectionPoint: 'UNKNOWN',\n placeOfIssue: 'BR'\n }\n };\n\n $scope.userInfo.action('addTaxId', {\n data: data,\n\n success: function success() {\n var checkoutSession = $CheckoutSessionModel.instance($scope.token);\n var checkoutCart = $CheckoutCartModel.instance($scope.token);\n return checkoutSession.action('create', {\n data: {\n baToken: checkoutCart.billing && checkoutCart.billing.ba_token\n },\n success: function success() {\n // Clear the errors if create checkout session was successful\n $scope.checkoutSession.errorData = undefined;\n $scope.finish();\n }\n });\n },\n\n validation: function validation(validationData) {\n var $el = $($element);\n var $field = $($el.find('[name=\"' + validationData.field + '\"]'));\n $field.addClass('backendError');\n $field.attr('aria-invalid', true);\n $field.focus();\n }\n });\n };\n\n $scope.changeTaxId = function (newValue) {\n var unformatted = (newValue || '').replace(/[^0-9]+/g, '');\n var formatted = '';\n var i = 0;\n\n // For CPF we will format the output with dots and dashes like this:\n // 999.999.999-99\n if ($scope.subType === 'CPF') {\n for (i = 0; i < unformatted.length; i++) {\n if (i === 3 || i === 6) {\n formatted = formatted + '.';\n }\n if (i === 9) {\n formatted = formatted + '-';\n }\n formatted = formatted + unformatted.charAt(i);\n }\n $scope.taxId = formatted;\n // For CNPJ we will format the output with dots, dashes, and slashes like this:\n // 99.999.999/9999-99\n } else if ($scope.subType === 'CNPJ') {\n for (i = 0; i < unformatted.length; i++) {\n if (i === 2 || i === 5) {\n formatted = formatted + '.';\n } else if (i === 8) {\n formatted = formatted + '/';\n } else if (i === 12) {\n formatted = formatted + '-';\n }\n formatted = formatted + unformatted.charAt(i);\n }\n $scope.taxId = formatted;\n } else {\n $scope.taxId = unformatted;\n }\n };\n }\n\n $populate($scope, {\n checkoutSession: $CheckoutSessionModel.instance($scope.token)\n }).then(thenFunction());\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n/***/ }),\n\n/***/ \"./components/xo-form-components/src/dob-input/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n__webpack_require__(\"./components/xo-ui-components/src/directionality/directive.js\");\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/jquery/dist/jquery.min.js\"), __webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"../node_modules/noop-loader/index.js!./components/xo-form-components/src/dob-input/template.html\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function ($, squid, template) {\n\n squid.module('xo-dob-input.directive', ['squid']).directive('dobValidation', function () {\n\n return {\n require: 'ngModel',\n link: function link(scope, element, attr, ctrl) {\n\n // init scope vars\n // age - above 18 yrs\n // validDate - months <= 12 and day <= 31 or based on month\n scope.isValidDate = true;\n scope.isValidAge = true;\n scope.isValid = false;\n scope.dobToolTip = 'hide';\n\n function isValidDate(year, month, day) {\n // dates like 02/31 33/33 should return false\n var date = new Date(year, month, day);\n\n var fullYear = date.getFullYear();\n var dateMonth = date.getMonth();\n var dateDay = date.getDate();\n\n // If birth year is in the future or before 1900, dob is invalid\n var now = new Date();\n if (fullYear > now.getFullYear() || fullYear < 1900) {\n return false;\n }\n\n if (fullYear === parseInt(year, 10) && dateMonth === parseInt(month, 10) && dateDay === parseInt(day, 10)) {\n return true;\n }\n return false;\n }\n\n function isOfLegalAge(birthDate) {\n // user should be of exact 18 years of age or older\n var tempDate = new Date(birthDate.getFullYear() + 18, birthDate.getMonth(), birthDate.getDate());\n return tempDate <= new Date().setHours(0, 0, 0, 0);\n }\n\n /**\n * Parses input value to set corresponding day, month, year values for scope\n * @param {String} inputVal - the value to be parsed\n */\n function parseDob(inputVal) {\n var day;\n var month;\n var year;\n\n var sep = scope.dateSeparator();\n var partsArr = inputVal.split(sep);\n var first = partsArr[0];\n var sec = partsArr[1];\n var third = partsArr[2];\n\n if (scope.dateFormat() === 'DMY') {\n day = first;\n month = sec;\n year = third;\n } else if (scope.dateFormat() === 'YMD') {\n year = first;\n month = sec;\n day = third;\n } else {\n month = first;\n day = sec;\n year = third;\n }\n\n // Validate only on entering the last digit of the dob\n var dayLen = ('' + day).length;\n var monLen = ('' + month).length;\n var yrLen = ('' + year).length;\n var validDay = dayLen === 1 || dayLen === 2;\n var validMon = monLen === 1 || monLen === 2;\n var validYr = yrLen === 4;\n var requirement = validDay && validMon && validYr;\n\n if (requirement) {\n scope.isValidDate = isValidDate(year, month - 1, day);\n\n scope.isValidAge = isOfLegalAge(new Date(year, month - 1, day));\n scope.isValid = scope.isValidDate && scope.isValidAge;\n scope.dobToolTip = scope.isValid ? 'hide' : 'show';\n\n scope.user.dob_day = day;\n scope.user.dob_month = month;\n scope.user.dob_year = year;\n } else {\n scope.isValid = false;\n }\n\n ctrl.$setValidity('dobText', scope.isValid);\n\n return inputVal;\n }\n\n /**\n * Validates the inputted DOB value\n * @param {string} ngModelValue - the to-be mutated input value\n * onComplete for mask listener - called when user copy/pastes DOB into the field\n */\n scope.dobValidator = function dobValidator(ngModelValue) {\n var input = element;\n var dateMask = scope.dateMask();\n input.mask(dateMask, {\n translation: {\n 'Z': {\n pattern: /[0-9]/, optional: true\n },\n '0': {\n pattern: /[0-9]/, optional: false\n }\n },\n onComplete: function onComplete(val) {\n ngModelValue = val;\n return parseDob(ngModelValue);\n }\n });\n\n return parseDob(ngModelValue);\n };\n\n scope.dobTester = function dobTester(val) {\n return parseDob(val);\n };\n\n ctrl.$parsers.push(scope.dobValidator);\n }\n };\n }).directive('xoDobInput', function () {\n return {\n template: template,\n restrict: 'E',\n scope: {\n user: '='\n },\n controller: function controller($scope, $locale, $pxp) {\n\n // To support additional date separators, simply add separator to getDateSeparators function\n var DateManager = {\n dateSeparator: undefined,\n dateFormat: undefined,\n griffinDateEntry: undefined,\n\n _init_: function _init_() {\n this.griffinDateEntry = $locale.metadata.dateEntry;\n this.dateSeparator = this.getDateSeparator(this.griffinDateEntry);\n this.dateFormat = undefined;\n this.dateFormat = this.getDateFormat();\n this.dateRegex = this.getDateRegex();\n // dob validator depends on dateFormat function in $scope, so context is bound.\n $scope.dateFormat = this.getDateFormat.bind(this);\n $scope.dateSeparator = this.getDateSeparator.bind(this, this.griffinDateEntry);\n $scope.dateMask = this.getDateMask.bind(this, this.dateSeparator);\n this.getDobNumericCheck();\n },\n getDateFormat: function getDateFormat() {\n // cache date format value, must be unset on init\n if (this.dateFormat) {\n return this.dateFormat;\n }\n\n var griffinDateFormat = $locale.metadata.dateFormat.toUpperCase();\n var dateFormatComponents = griffinDateFormat.split(this.dateSeparator);\n\n // Trim the white space in griffin dateFormat\n // Eg: SK dateFormat is MM. DD. YYYY - here we need to strip spaces\n dateFormatComponents = dateFormatComponents.map(function (str) {\n return str.trim();\n });\n\n var dIdx = dateFormatComponents.indexOf('DD'),\n mIdx = dateFormatComponents.indexOf('MM');\n\n var formatComponentMap = this.getFormatComponentIdxMappings();\n if (formatComponentMap['DMY'].day === dIdx && formatComponentMap['DMY'].month === mIdx) {\n return 'DMY';\n } else if (formatComponentMap['MDY'].day === dIdx && formatComponentMap['MDY'].month === mIdx) {\n return 'MDY';\n }\n return 'YMD';\n },\n setDobTextPlaceHolder: function setDobTextPlaceHolder() {\n $scope.dobTextPlaceholder = this.griffinDateEntry.toUpperCase();\n },\n dobTextKeyupHandler: function dobTextKeyupHandler(event) {\n this.updateDobBindings(true);\n },\n getDobNumericCheck: function getDobNumericCheck() {\n return $pxp('xo_xoon_numeric_keypad_expirydob', { 'ctx.COUNTRY': $locale.country }, 'xo_xoon_numeric_keypad_expirydob_test').then(function (result) {\n if (result) {\n $scope.dobTextInputType = 'tel';\n }\n });\n },\n /**\n * Absolutely makes sure that dob input doesn't contain bad characters.\n * Called on any chatacter input AND on locale change.\n */\n updateDobBindings: function updateDobBindings(change) {\n var cleanedDob = ($scope.dob.value || '').replace(this.dateRegex, '');\n $scope.dob.value = cleanedDob;\n\n // This way, our dob value is always formatted correctly.\n if (change) {\n $scope.dob.value = $('#dobText').val();\n }\n },\n // Dynamically construct regex to only include date separator supported by country and nondigits\n getDateRegex: function getDateRegex() {\n var escapedRegexChars = ['.', '$', '^', '{', '[', '(', '|', ')', '*', '+', '?', '\\\\'];\n var sep = this.dateSeparator;\n var assembledRegex = '[^0-9' + (escapedRegexChars.indexOf(sep) !== -1 ? '\\\\' + sep : sep) + ']';\n return new RegExp(assembledRegex, 'gi');\n },\n getDateMask: function getDateMask(dateSeparator) {\n var dateFormat = this.dateFormat;\n if (dateFormat === 'DMY' || dateFormat === 'MDY') {\n return '0Z' + dateSeparator + '0Z' + dateSeparator + '0000';\n }\n\n return '0000' + dateSeparator + '0Z' + dateSeparator + '0Z';\n },\n getDateSeparator: function getDateSeparator(dateEntry) {\n var ret = '';\n this.getDateSeparators().forEach(function (ele, iter) {\n // eslint-disable-line\n if (dateEntry.indexOf(ele) !== -1) {\n ret = ele;\n }\n });\n return ret;\n },\n // To add any additional date separators, simply add them to the returned array.\n getDateSeparators: function getDateSeparators() {\n return ['-', '.', '/'];\n },\n // Handles changes in date component order or date separator change.\n updateDateInputForFormat: function updateDateInputForFormat(oldFormat, newFormat, oldSeparator) {\n var curDateVal = $scope.dob.value || '';\n\n // Clear dob input if date is incomplete so user can see updated placeholder\n if (curDateVal.length < 8) {\n $scope.dob.value = '';\n return;\n }\n\n var formatComponentIdxMappings = this.getFormatComponentIdxMappings(),\n oldFormatIdxMapping = formatComponentIdxMappings[oldFormat],\n newFormatIdxMapping = formatComponentIdxMappings[newFormat];\n var oldDateComponents = curDateVal.split(oldSeparator),\n newDateComponents = ['', '', ''];\n\n newDateComponents[newFormatIdxMapping.day] = oldDateComponents[oldFormatIdxMapping.day];\n newDateComponents[newFormatIdxMapping.month] = oldDateComponents[oldFormatIdxMapping.month];\n newDateComponents[newFormatIdxMapping.year] = oldDateComponents[oldFormatIdxMapping.year];\n $scope.dob.value = newDateComponents.join(this.dateSeparator);\n },\n getFormatComponentIdxMappings: function getFormatComponentIdxMappings() {\n return {\n 'DMY': {\n 'day': 0,\n 'month': 1,\n 'year': 2\n },\n 'MDY': {\n 'day': 1,\n 'month': 0,\n 'year': 2\n },\n 'YMD': {\n 'day': 2,\n 'month': 1,\n 'year': 0\n }\n };\n },\n prefillFetchedDob: function prefillFetchedDob() {\n if ($scope.user && $scope.user.dob_day && $scope.user.dob_month && $scope.user.dob_year) {\n if (!$scope.dob) {\n $scope.dob = {};\n }\n\n if (this.dateFormat === 'DMY') {\n $scope.dob.value = $scope.user.dob_day + this.dateSeparator + $scope.user.dob_month + this.dateSeparator + $scope.user.dob_year;\n } else if (this.dateFormat === 'YMD') {\n $scope.dob.value = $scope.user.dob_year + this.dateSeparator + $scope.user.dob_month + this.dateSeparator + $scope.user.dob_day;\n } else {\n $scope.dob.value = $scope.user.dob_month + this.dateSeparator + $scope.user.dob_day + this.dateSeparator + $scope.user.dob_year;\n }\n } else {\n $scope.dob = {\n value: ''\n };\n }\n }\n };\n\n DateManager._init_();\n DateManager.setDobTextPlaceHolder();\n DateManager.prefillFetchedDob();\n\n $scope.onDobTextKeyup = function (event) {\n DateManager.dobTextKeyupHandler(event);\n };\n\n $scope.$on('localeChange', function () {\n var oldDateFormat = DateManager.dateFormat;\n var oldSeparator = DateManager.dateSeparator;\n DateManager._init_();\n DateManager.updateDateInputForFormat(oldDateFormat, DateManager.dateFormat, oldSeparator);\n DateManager.updateDobBindings(false);\n DateManager.setDobTextPlaceHolder();\n });\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n/***/ }),\n\n/***/ \"./components/xo-form-components/src/dob-nationalid/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"../node_modules/noop-loader/index.js!./components/xo-form-components/src/dob-nationalid/template.html\"), __webpack_require__(\"./components/xo-ui-components/src/tooltip/directive.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (squid, template) {\n squid.module('xo-dob-nationalid.directive', ['squid', 'xo-tooltip.directive']).directive('xoDobNationalid', function () {\n var padNumber = function padNumber(num) {\n return num.toString().replace(/^(\\d)$/, '0$1');\n };\n /**\n * Create an array from a start and end number.\n * @param {Number} start\n * @param {Number} end\n * @return {Array}\n */\n var getRange = function getRange(start, end) {\n var arr = [];\n // decide how this array shall be sorted\n if (start < end) {\n for (; start <= end; start++) {\n arr.push(padNumber(start));\n }\n } else {\n for (; start >= end; start--) {\n arr.push(padNumber(start));\n }\n }\n return arr;\n };\n\n return {\n template: template,\n scope: {\n pi: '='\n },\n\n controller: function controller($scope) {\n\n $scope.init = function () {\n var thisYear = new Date().getFullYear();\n $scope.days = getRange(1, 31);\n $scope.months = getRange(1, 12);\n $scope.years = getRange(thisYear - 18, thisYear - 110);\n };\n $scope.init();\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n/***/ }),\n\n/***/ \"./components/xo-form-components/src/emailInput/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/directionality/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/error-tooltip/directive.js\");\n\n__webpack_require__(\"./components/xo-validation/dist/directive.js\");\n\n__webpack_require__(\"./components/xo-form-components/src/emailInput/styles.less\");\n\nvar _template = __webpack_require__(\"./components/xo-form-components/src/emailInput/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Component.extend('xoEmailInput', {\n tag: 'xo-email-input',\n template: _template2['default'],\n props: {\n user: {\n type: 'var',\n required: 'true'\n },\n disabled: {\n type: 'var',\n required: 'false'\n },\n hideHelper: {\n type: 'var', // flow: Optional string, if \"signup\" then use the Signup tooltip\n required: 'false'\n },\n flags: {\n type: 'var',\n required: 'false'\n }\n },\n lifecycle: {\n enter: function enter() {\n this.flags = this.flags ? this.flags : {};\n }\n }\n});\n\n\n_squid.$Component;\nmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ \"./components/xo-form-components/src/emailInput/styles.less\":\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ \"./components/xo-form-components/src/emailInput/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"
\\n\"\n\n/***/ }),\n\n/***/ \"./components/xo-member-components/src/msb-offer/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\nexports.$xoMsbOffer = undefined;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _template = __webpack_require__(\"./components/xo-member-components/src/msb-offer/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\n__webpack_require__(\"./components/xo-ui-components/src/tooltip/directive.js\");\n\n__webpack_require__(\"./components/xo-member-components/src/msb-offer/styles.less\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n/**\n * Component for rendering Merchant specific balance on the review page for multi fi\n * It renders on top of the list of the FI's\n * As far as we know - there can only be 1 msb applied per plan\n * and so each should have \"incentive\" attached\n*/\nvar $xoMsbOffer = exports.$xoMsbOffer = _squid.$Component.extend('$xoMsbOffer', {\n tag: 'xo-msb-offer',\n template: _template2['default'],\n props: {\n /**\n * incentive field from FI object\n */\n msb: {\n type: 'var'\n }\n },\n lifecycle: {\n enter: function enter() {\n var msb = this.props.msb;\n\n\n this.amount = (0, _squid.formatCurrency)(msb.amount.value, msb.amount.currency);\n this.minPurchaseAmount = msb.minPurchaseAmount;\n }\n }\n});\n\nangular.value(\"$xoMsbOffer\", $xoMsbOffer);\n_squid.$Component;\n\n_squid.formatCurrency;\n\n/***/ }),\n\n/***/ \"./components/xo-member-components/src/msb-offer/styles.less\":\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ \"./components/xo-member-components/src/msb-offer/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"
\\n\"\n\n/***/ }),\n\n/***/ \"./components/xo-third-party-components/src/thirdParty-info/index.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\nexports.thirdPartyExperience = exports.venmoExperience = exports.thirdPartyInfo = undefined;\n\nvar _angular = __webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\");\n\nvar _index = __webpack_require__(\"./components/xo-device-info/dist/index.js\");\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _auth = __webpack_require__(\"./components/xo-models/src/auth/index.js\");\n\nvar _checkout = __webpack_require__(\"./components/xo-models/src/checkout/index.js\");\n\nvar _sessionStorage = __webpack_require__(\"./components/xo-third-party-components/src/thirdParty-info/sessionStorage.js\");\n\nvar _sessionStorage2 = _interopRequireDefault(_sessionStorage);\n\nvar _logger = __webpack_require__(\"./components/xo-beaver/dist/logger.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n// TODO: Check how the cookie should be read/set (through meta? if read on server side)\nvar PWV_COOKIE = 'pwv';\n\nvar readCookie = function readCookie(name) {\n var nameEQ = name + '=';\n var ca = document.cookie.split(';');\n for (var i = 0; i < ca.length; i++) {\n var c = ca[i];\n while (c.charAt(0) === ' ') {\n c = c.substring(1, c.length);\n }\n if (c.indexOf(nameEQ) === 0) {\n return c.substring(nameEQ.length, c.length);\n }\n }\n return null;\n};\n\nvar thirdPartyInfo = exports.thirdPartyInfo = {\n isThirdPartyEligible: function isThirdPartyEligible() {\n var _this = this;\n\n // This utility returns a promise\n\n return this.isBaiduEligible().then(function (baiduEligibility) {\n return _this.isVenmoEligible() || baiduEligibility;\n });\n },\n isBaiduEligible: function isBaiduEligible() {\n // This utility return a promise\n\n return _checkout.$FlowEligibilityModel.instance(_angular.$rootScope.token, {\n params: {\n geolocation: _squid.$meta.geolocation\n }\n }).retrieve().then(function (eligibility) {\n _logger.$logger.info('baidu_eligibility', eligibility);\n return eligibility.baiduWallet;\n });\n },\n\n\n // Handler to call to determine if user can use Venmo\n isVenmoEligible: function isVenmoEligible() {\n\n var appData = _checkout.$CheckoutAppDataModel.instance(_angular.$rootScope.token);\n var cart = _checkout.$CheckoutCartModel.instance(_angular.$rootScope.token);\n\n var merchantCountry = appData.get('merchant.merchant_country');\n var isProcessorDeclined = appData.get('flags.processor_declined');\n var isInvoice = appData.get('flags.is_invoice_flow');\n var isBillingAgreement = cart.isBilling();\n\n var isMobile = _index.$DeviceInfo.isDevice();\n var isVenmoCookie = this.isVenmoCookiePresent();\n var isSFAuthenticationSession = _squid.$util.param('bt_int_type') === '2';\n var isMSPTransaction = cart.isMultiSellerPurchase();\n\n var eligibilityParams = {\n isMobile: isMobile,\n isVenmoCookie: isVenmoCookie,\n isNotInvoice: !isInvoice,\n isNotProcessorDeclined: !isProcessorDeclined,\n isNotBillingAgreement: !isBillingAgreement,\n isUSMerchant: merchantCountry === 'US',\n isNotSFAuthenticationSession: !isSFAuthenticationSession,\n isNotMSPTransaction: !isMSPTransaction\n };\n\n var venmoEligibility = Object.keys(eligibilityParams).filter(function (param) {\n return !eligibilityParams[param];\n });\n venmoEligibility = venmoEligibility && venmoEligibility.length > 0 ? 'ineligible:' + venmoEligibility.join() : 'eligible';\n\n _logger.$logger.info('venmo_eligibility', venmoEligibility);\n\n _logger.$logger.info('checkout_fpti', {\n 'is_venmo_cookie': isVenmoCookie ? '1' : '0',\n 'eligibility_reason': venmoEligibility\n });\n\n return Boolean(venmoEligibility === 'eligible');\n },\n isVenmoCookiePresent: function isVenmoCookiePresent() {\n var cookieValue = readCookie(PWV_COOKIE);\n return Boolean(cookieValue);\n },\n\n\n // Build the venmo URL scheme\n buildVenmoURL: function buildVenmoURL() {\n // SCHEME needs to change according to old or new experience\n // const linkType = venmoUrlSchemeType();\n var SCHEME = _squid.$config.urls && _squid.$config.urls.venmoAppSwitchURL['universal'];\n var VENMO_ROUTE = '#/checkout/venmo';\n var LOGIN_ROUTE = '#/checkout/login?venmoError=true';\n\n var cartModel = _checkout.$CheckoutCartModel.instance(_angular.$rootScope.token);\n\n var params = (0, _angular.$httpParamSerializer)({\n 'x-success': _angular.$location.absUrl().replace(/#.*$/, VENMO_ROUTE),\n 'x-failure': _angular.$location.absUrl().replace(/#.*$/, LOGIN_ROUTE),\n 'ua': _angular.$window.navigator.userAgent,\n 'merchant_id': _checkout.$CheckoutPayeeModel.instance(_angular.$rootScope.token).getId(),\n 'token': _angular.$rootScope.token,\n 'total': cartModel.purchase.amounts.total.amount,\n 'currency': cartModel.purchase.amounts.total.currency_code,\n 'intent': cartModel.payment_action\n });\n\n return SCHEME + 'paypal/checkout?' + params;\n }\n};\n\nvar venmoExperienceKey = 'VENMO_EXPERIENCE';\n\n// Get whether a token is marked as Venmo experience.\nvar venmoExperience = exports.venmoExperience = {\n set: function set(token) {\n var sessionStorage = (0, _sessionStorage2['default'])();\n sessionStorage.setItem(venmoExperienceKey, token);\n },\n get: function get(token) {\n var auth = _auth.$AuthModel.instance();\n var sessionStorage = (0, _sessionStorage2['default'])();\n if (auth.logged_in && auth.guest && // Check if Venmo guest account logged in\n sessionStorage.getItem(venmoExperienceKey) === token) {\n return true;\n } else {\n this.set(null);\n return false;\n }\n }\n};\n\nvar allowedThirdPartyExperiences = {\n VENMO: 'VENMO_EXPERIENCE',\n BAIDU: 'BAIDU_EXPERIENCE'\n};\n\nvar THIRD_PARTY_NAMESPSACE = 'THIRD_PARTY_EXPERIENCE';\n\nvar thirdPartyExperience = exports.thirdPartyExperience = {\n setAsVenmoExperience: function setAsVenmoExperience(token) {\n var _JSON$stringify;\n\n var sessionStorage = (0, _sessionStorage2['default'])();\n\n var payload = JSON.stringify((_JSON$stringify = {}, _JSON$stringify[token] = allowedThirdPartyExperiences['VENMO'], _JSON$stringify));\n\n sessionStorage.setItem(THIRD_PARTY_NAMESPSACE, payload);\n },\n setAsBaiduExperience: function setAsBaiduExperience(token) {\n var _JSON$stringify2;\n\n var sessionStorage = (0, _sessionStorage2['default'])();\n\n var payload = JSON.stringify((_JSON$stringify2 = {}, _JSON$stringify2[token] = allowedThirdPartyExperiences['BAIDU'], _JSON$stringify2));\n\n sessionStorage.setItem(THIRD_PARTY_NAMESPSACE, payload);\n },\n isThirdPartyExperience: function isThirdPartyExperience(token) {\n\n var availableExperiences = [];\n\n for (var key in allowedThirdPartyExperiences) {\n availableExperiences.push(allowedThirdPartyExperiences[key]);\n }\n\n var currentExperience = this.getExperience(token);\n\n return Boolean(availableExperiences.indexOf(currentExperience) > -1);\n },\n getExperience: function getExperience(token) {\n var auth = _auth.$AuthModel.instance();\n var sessionStorage = (0, _sessionStorage2['default'])();\n\n // if logged in, and guest, we return the experience if any\n if (auth.logged_in && auth.guest && sessionStorage.getItem(THIRD_PARTY_NAMESPSACE)) {\n var payload = JSON.parse(sessionStorage.getItem(THIRD_PARTY_NAMESPSACE) || '');\n return payload && payload[token] || 'MEMBER_EXPERIENCE';\n } else {\n\n // If not logged in, we reset the third party experience\n this.resetThirdPartyExperience();\n return 'MEMBER_EXPERIENCE';\n }\n },\n resetThirdPartyExperience: function resetThirdPartyExperience() {\n var sessionStorage = (0, _sessionStorage2['default'])();\n sessionStorage.removeItem(THIRD_PARTY_NAMESPSACE);\n }\n};\n\n_angular.$rootScope;\n\n_angular.$window;\n\n_angular.$location;\n\n_angular.$httpParamSerializer;\n\n_index.$DeviceInfo;\n\n_squid.$config;\n\n_squid.$util;\n\n_squid.$meta;\n\n_auth.$AuthModel;\n\n_checkout.$CheckoutPayeeModel;\n\n_checkout.$CheckoutCartModel;\n\n_checkout.$CheckoutAppDataModel;\n\n_checkout.$FlowEligibilityModel;\n\n_logger.$logger;\n\n/***/ }),\n\n/***/ \"./components/xo-third-party-components/src/thirdParty-info/sessionStorage.js\":\n/***/ (function(module, exports) {\n\n\n\nexports.__esModule = true;\nexports['default'] = getSessionStorage;\nvar store = {};\n\n// Polyfill for sessionStorage if not available. Simple variable store\n\nfunction getSessionStorage() {\n try {\n\n window['sessionStorage'].setItem('__feature_test__', '0');\n window['sessionStorage'].removeItem('__feature_test__');\n return window.sessionStorage;\n } catch (err) {\n return {\n getItem: function getItem(key) {\n if (arguments < 1) {\n throw new Error('1 argument required');\n }\n return store[key];\n },\n setItem: function setItem(key, val) {\n if (arguments < 2) {\n throw new Error('2 arguments required');\n }\n store[key] = val;\n },\n removeItem: function removeItem(key) {\n\n delete store[key];\n }\n };\n }\n}\nmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ \"./components/xo-third-party-components/src/venmo-billing/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _checkout = __webpack_require__(\"./components/xo-models/src/checkout/index.js\");\n\nvar _index = __webpack_require__(\"./components/xo-models/src/fi/index.js\");\n\nvar _venmoModels = __webpack_require__(\"./components/xo-third-party-components/src/venmo-models/index.js\");\n\n__webpack_require__(\"./components/xo-address-components/src/add-address/directive.js\");\n\n__webpack_require__(\"./components/xo-page-components/src/aside-header/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/accessibility/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/error-tooltip/directive.js\");\n\nvar _jquery = __webpack_require__(\"./components/jquery/dist/jquery.min.js\");\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nvar _template = __webpack_require__(\"./components/xo-third-party-components/src/venmo-billing/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\n__webpack_require__(\"./components/xo-third-party-components/src/venmo-billing/style.less\");\n\nvar _logger = __webpack_require__(\"./components/xo-beaver/dist/logger.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Component.extend('$VenmoAddBilling', {\n tag: 'venmo-add-billing',\n template: _template2['default'],\n\n props: {\n token: {\n type: 'var',\n optional: false\n },\n sidebar: {\n type: 'var',\n optional: false\n }\n },\n\n resolve: {\n models: function models() {\n return {\n checkoutSession: _checkout.$CheckoutSessionModel.instance(this.token).retrieve()\n };\n }\n },\n\n lifecycle: {\n enter: function enter() {\n this.country = _squid.$locale.getCountryCodeISO();\n this.billing = true;\n this.address = this.address || { country: this.country };\n },\n populate: function populate() {\n\n var $el = (0, _jquery2['default'])(this.$element);\n\n var handleValidation = function handleValidation(res) {\n if (res && res.fields && res.fields.length) {\n res.fields.forEach(function (field) {\n if (field.field) {\n var $field = (0, _jquery2['default'])($el.find('[name=\"' + field.field + '\"]'));\n\n if ($field.length === 0 && field.field === 'zip') {\n $field = (0, _jquery2['default'])($el.find('[ng-model=\"address.postal_code\"], [ng-model=\"zipCode\"]'));\n }\n $field.addClass('backendError');\n $field.attr('aria-invalid', true);\n }\n });\n }\n\n $el.find('form').find('.backendError, .ng-invalid').first().focus();\n };\n\n this.done = function () {\n this.goto('checkout.review');\n };\n\n this.error = function () {\n this.goto('checkout.login', { venmoError: true });\n };\n\n this.onSubmit = function () {\n this.validateAddress();\n };\n\n this.validateAddress = function () {\n\n var self = this;\n var newBilling = new _index.$BillingAddressModel({\n line1: this.address.line1,\n line2: this.address.line2,\n city: this.address.city,\n state: this.address.state,\n postal_code: this.address.postal_code,\n country: this.country,\n id: '0'\n });\n\n newBilling.save({\n success: function success() {\n if (self && self.models && self.models.checkoutSession && self.models.checkoutSession.plan && self.models.checkoutSession.plan.sources && self.models.checkoutSession.plan.sources['0'] && self.models.checkoutSession.plan.sources['0'].instrument_id) {\n var instrumentID = self.models.checkoutSession.plan.sources['0'].instrument_id;\n self.saveBillingAddressAndReturn(instrumentID);\n } else {\n self.error();\n }\n },\n\n validation: function validation(res) {\n handleValidation(res);\n },\n\n error: function error(err) {\n _logger.$logger.error('venmoBillingAddressValidateError', err);\n self.error();\n }\n\n });\n };\n\n this.saveBillingAddressAndReturn = function (instrumentID) {\n\n var self = this;\n\n var add = {\n newAddress: {\n address1: this.address.line1,\n address2: this.address.line2,\n city: this.address.city,\n state: this.address.state,\n zip: this.address.postal_code,\n isoCountry: this.country\n }\n };\n\n var billingAddress = new _index.$AddBillingAddressModel({ instrumentid: instrumentID });\n\n billingAddress.save({\n data: add,\n\n success: function success() {\n _logger.$logger.info(['venmo-billing directive', 'Billing Address', 'added'].join('::'));\n\n // Fix: Need to have a better solution\n _logger.$logger.info(['venmo-billing directive', 'Calling checkout session again'].join('::'));\n var sessionModel = _checkout.$CheckoutSessionModel.instance(self.token);\n var cartModel = _checkout.$CheckoutCartModel.instance(self.token);\n var venmoOnboardModel = _venmoModels.$VenmoOnboardModel.instance(self.token);\n\n sessionModel.action('create', {\n data: {\n fraudnet_id: cartModel.supplementary && cartModel.supplementary.risk_correlation_id,\n baToken: cartModel.billing && cartModel.billing.ba_token,\n user_selected_funding_source: {\n dcvv: venmoOnboardModel.dcvv,\n product_name: 'VENMO_US_PPMERCHANT_SINGLEUSETOKEN'\n },\n is_skip_gfo: true\n },\n success: function success() {\n self.done();\n }\n });\n },\n\n validation: function validation(err) {\n _logger.$logger.error('venmoBillingAddressValidationError', err);\n self.error();\n },\n\n error: function error(err) {\n _logger.$logger.error('venmoAddBillingAddressError', err);\n self.error();\n }\n });\n };\n }\n }\n\n});\n\n\n_squid.$Component;\n\n_squid.$locale;\n\n_checkout.$CheckoutSessionModel;\n\n_checkout.$CheckoutCartModel;\n\n_index.$BillingAddressModel;\n\n_index.$AddBillingAddressModel;\n\n_venmoModels.$VenmoOnboardModel;\n\n_logger.$logger;\nmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ \"./components/xo-third-party-components/src/venmo-billing/route.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _directive = __webpack_require__(\"./components/xo-third-party-components/src/venmo-billing/directive.js\");\n\nvar _directive2 = _interopRequireDefault(_directive);\n\n__webpack_require__(\"./components/xo-address-components/src/add-address/directive.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Route.extend('$VenmoAddBillingRoute', {\n path: 'addBilling',\n directive: _directive2['default'],\n titleContent: 'addBillingAddress.title',\n\n trackingData: {\n fptiState: 'edit_billing'\n },\n loginRequired: true\n});\n\n\n_squid.$Route;\nmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ \"./components/xo-third-party-components/src/venmo-billing/style.less\":\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ \"./components/xo-third-party-components/src/venmo-billing/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"
\\n\\n\\n
{{ content('addBillingAddress.title') }}
\\n\\n \\n
\\n\\n\"\n\n/***/ }),\n\n/***/ \"./components/xo-third-party-components/src/venmo-models/index.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\nexports.$VenmoOnboardModel = undefined;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar $VenmoOnboardModel = exports.$VenmoOnboardModel = _squid.$Model.extend('$VenmoOnboardModel', {\n api: new _squid.$Api({\n uri: '/api/venmo/onboard'\n })\n});\n\nangular.value(\"$VenmoOnboardModel\", $VenmoOnboardModel);\n_squid.$Model;\n\n_squid.$Api;\n\n/***/ }),\n\n/***/ \"./components/xo-title/dist/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\nvar _angular = __webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\");\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"../node_modules/noop-loader/index.js!./components/xo-title/dist/template.html\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (squid, template) {\n\n squid.module('xo-title.directive', ['squid']).directive('xoTitle', function () {\n return {\n template: template,\n restrict: 'E',\n scope: {\n titleTxt: '@',\n className: '@',\n tagName: '@'\n },\n link: function link($scope, $element) {\n if ($scope.tagName) {\n var newEl = document.createElement($scope.tagName || 'h1');\n\n newEl.className = $scope.className || 'alpha';\n newEl.textContent = '{{ titleTxt }}';\n (0, _angular.$compile)(newEl)($scope);\n $element.empty().append(newEl);\n }\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n_angular.$compile;\n\n/***/ }),\n\n/***/ \"./components/xo-tracking/dist/builder.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function(module, __dirname, __filename) {var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\"), __webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"./components/xo-tracking/dist/model.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (angular) {\n\n (function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n })(window.angular);\n\n angular.module('tracking.builder', ['squid', 'tracking.model']).factory('$FptiBuilder', function ($Class, $locale, $rootScope, $FptiConstants, $FptiDataModel, $CalDataModel, $util, $getLatestCorrelationID) {\n /**\n * Build the front-end FPTI event from three data sources\n * 1. the per-product configuration\n * 2. the buzname defined per-route\n * 3. the additional attributes that only available at a specific checkpoint\n *\n */\n\n return $Class.extend('FptiBuilder', {\n\n resolvePageQualifier: function resolvePageQualifier(trackingData) {\n // The pages can populated pageQualifier to override the default one\n this.pageQualifier = trackingData && trackingData.pageQualifier ? trackingData.pageQualifier\n // because 'fullpage' has been widely embedded into routes\n // we had better to keep it as a place holder\n : 'fullpage'; // update later if it's in-context\n },\n\n build: function build() {\n\n if (!this.trackingData && !this.error) {\n // do nothing if neither page nor error tracking\n return this;\n }\n\n this.resolvePageQualifier(this.trackingData);\n\n this._dataObj = new $FptiDataModel().decorate('buzname', this.trackingData, this.pageQualifier, undefined, this.productOverride).decorate('templateName', this.trackingData, this.pageQualifier).decorate('locale', $locale).decorate('pageGoal', this.trackingData.pageGoal).decorate('ecToken', this.trackingData.token).decorate('correlationId', $getLatestCorrelationID()).decorate('uuid', $CalDataModel.getUUID()).decorate('fieldError', this.error).decorate('pageError', this.error).decorate('pageStartTime', new Date().getTime()).decorate('pxptrackingdata', this.trackingData.pxpData).decorate('transition_time', this.transition_time).decorate('cust', this.cust).decorate('dc', this.dc).decorate('az', this.az).decorate('comp', this.comp).getDataObject(this.isInContext);\n\n return this;\n },\n\n toString: function toString() {\n var dataAry = [];\n\n angular.forEach(this._dataObj, function (v, k) {\n dataAry.push(k + '=' + v);\n });\n\n return dataAry.join('&');\n }\n });\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"../node_modules/webpack/buildin/module.js\")(module), \"components/xo-tracking/dist\", \"components/xo-tracking/dist/builder.js\"))\n\n/***/ }),\n\n/***/ \"./components/xo-tracking/dist/button.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function(module, __dirname, __filename) {var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\"), __webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"./components/xo-models/src/checkout/index.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (angular) {\n\n (function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n })(window.angular);\n\n angular.module('button.tracking', ['squid', 'xomodel.checkout']).factory('$ButtonTrackingService', function ($rootScope, $http, $populate, $CheckoutAppDataModel, $CheckoutPayeeModel, $meta, $cookies) {\n\n var _beaconUrl = 'https://www.paypalobjects.com/en_US/i/scr/btn_tracking_pixel.gif?teal=null&Id=null&ru=null';\n var _beaconParams = ['fltk', 'calc', 'page', 'xe', 'xt'];\n var _alreadyFired = false;\n\n function _strToElements(str) {\n var elements = {};\n\n if (str && str.length) {\n str.split('&').forEach(function (param) {\n var nvp = param.split('=');\n\n elements[nvp[0]] = nvp[1];\n });\n }\n return elements;\n }\n\n function _fireButtonTrackingBeacon(elements) {\n var url = _beaconUrl;\n var xoData = {};\n\n function buildParam(param, value) {\n var p = '&' + param + '=' + (value ? value : 'null');\n\n return p;\n }\n\n function getGUIID(ts) {\n return _strToElements(ts).vr;\n }\n\n function addToDocument(uri) {\n var img = document.createElement('img');\n\n img.setAttribute('src', uri);\n document.body.appendChild(img);\n }\n\n // Get some params from FPTI data.\n _beaconParams.forEach(function (param) {\n url += buildParam(param, elements[param]);\n });\n\n // Build the rest of the params.\n url += buildParam('fpti', getGUIID($cookies && $cookies.ts));\n url += buildParam('WWW_AKA_MVT_BUTTONS', $cookies && $cookies.WWW_AKA_MVT_BUTTONS);\n url += buildParam('WWW_AKA_MVT_ID', $cookies && $cookies.WWW_AKA_MVT_ID);\n url += buildParam('ip', $meta && $meta.ipaddress);\n\n if ($rootScope.token) {\n $populate(xoData, {\n payee: $CheckoutPayeeModel.instance($rootScope.token),\n appData: $CheckoutAppDataModel.instance($rootScope.token)\n }).then(function () {\n url += buildParam('mrid', xoData.payee && xoData.payee.getId());\n url += buildParam('calf', xoData.appData && xoData.appData.flow_id);\n\n addToDocument(url);\n });\n } else {\n url += buildParam('mrid', null);\n url += buildParam('calf', null);\n addToDocument(url);\n }\n }\n\n return {\n fireBeacon: function fireBeacon(fptiData) {\n if (!_alreadyFired && fptiData) {\n var elements = _strToElements(fptiData);\n\n // Fire the beacon if this is a page render.\n if (elements.page) {\n _alreadyFired = true;\n return _fireButtonTrackingBeacon(elements);\n }\n }\n },\n resetAlreadyFired: function resetAlreadyFired() {\n _alreadyFired = false;\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"../node_modules/webpack/buildin/module.js\")(module), \"components/xo-tracking/dist\", \"components/xo-tracking/dist/button.js\"))\n\n/***/ }),\n\n/***/ \"./components/xo-tracking/dist/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/jquery/dist/jquery.min.js\"), __webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\"), __webpack_require__(\"./components/angular-ui-router/release/angular-ui-router.min.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function ($, angular) {\n\n angular.module('tracking.directive', ['ui.router']).directive('trackSubmit', function ($state, $rootScope) {\n return {\n restrict: 'AE',\n link: function link($scope, element, attr) {\n element.on('mousedown', function (event) {\n var transition = attr && attr.trackSubmit;\n var trackSubmit = {\n currentRoute: $state.current,\n transition: transition,\n errors: []\n };\n\n angular.forEach($('input.ng-invalid, select.ng-invalid'), function (el) {\n var elem = $(el);\n var elementId = elem.attr('id');\n var elementName = elem.attr('name');\n var errorKey = elem.attr('data-error-key');\n var errorText = elem.has('required') ? 'required' : 'no error key';\n var fieldName = elementId ? elementId : elementName;\n\n if (!fieldName) {\n var elementModel = elem.attr('ng-model');\n\n fieldName = elementModel ? elementModel : 'unnamed-field';\n }\n\n trackSubmit.errors.push({\n fieldName: fieldName,\n errorMessage: errorKey ? errorKey : errorText\n });\n });\n\n $rootScope.$broadcast('trackSubmit', trackSubmit);\n });\n }\n };\n }).directive('trackLink', function ($state, $rootScope) {\n return {\n restrict: 'AE',\n link: function link($scope, element, attr) {\n element.on('mousedown', function (event) {\n\n var state = attr && attr.trackLink;\n\n if (state) {\n var trackLink = {\n currentRoute: $state.current,\n transition: state\n };\n\n $rootScope.$broadcast('trackLink', trackLink);\n }\n });\n }\n };\n }).directive('trackClick', function ($state, $rootScope) {\n return {\n restrict: 'AE',\n link: function link($scope, element, attr) {\n element.on('click', function (event) {\n var state = attr && attr.trackClick;\n\n if (state) {\n var trackClick = {\n currentRoute: $state.current,\n transition: state\n };\n\n $rootScope.$broadcast('trackClick', trackClick);\n }\n });\n }\n };\n }).directive('trackInput', function ($state, $rootScope) {\n /*\n * Track an input tag with track-input attribute\n * you can use the value of track-input attribute as\n * a tracking attr Eg.: track-input=\"xo_guest_yes\"\n */\n return {\n restrict: 'AE',\n link: function link($scope, element, attr) {\n element.on('click', function (event) {\n\n var state;\n\n if (event.target.type === 'checkbox') {\n if (event.target.checked) {\n state = attr && attr.trackInput + '_CHECKED';\n } else {\n state = attr && attr.trackInput + '_UNCHECKED';\n }\n } else {\n state = attr && attr.trackInput;\n }\n\n var trackInput = {\n currentRoute: $state.current,\n page: 'main:ec:hermes::fullpage-billing:guest:aries:'\n };\n\n if (state) {\n trackInput.transition = state;\n }\n\n $rootScope.$broadcast('trackInput', trackInput);\n });\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n/***/ }),\n\n/***/ \"./components/xo-tracking/dist/fpti.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function(module, __dirname, __filename) {var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\"), __webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"./components/xo-tracking/dist/builder.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (angular) {\n\n (function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n })(window.angular);\n\n angular.module('tracking.fpti', ['squid', 'tracking.builder']).factory('$fpti', function ($config, $FptiBuilder, $rootScope, $window, $util) {\n\n var _beaconUrl;\n\n // Logic to switch between production/staging urls. This way we don't pollute live logs,\n // and we are able to test on stage using the fpti log viewing tool.\n if ($config.deploy.isLocal() || $config.deploy.isStage()) {\n _beaconUrl = 'https://tracking.qa.paypal.com/webapps/tracking/ts'; // stage url\n } else {\n _beaconUrl = $config.urls && $config.urls.fptiBeaconUrl;\n }\n\n return {\n // Get all the tracking data defined at the page level\n getPageTrackingData: function getPageTrackingData(route) {\n route = route || {};\n\n var trackingData = route.trackingData || {};\n var routeParent = route.parent;\n\n trackingData.token = $rootScope.token;\n\n while (routeParent) {\n trackingData = angular.merge({}, routeParent.trackingData || {}, trackingData);\n routeParent = routeParent.parent;\n }\n return trackingData;\n },\n\n setupDataString: function setupDataString(route, err, data) {\n\n var trackingData = this.getPageTrackingData(route);\n var fptiData;\n\n var PAYPAL = window.PAYPAL;\n\n if (PAYPAL && typeof PAYPAL.analytics !== 'undefined') {\n PAYPAL.core = PAYPAL.core || {};\n\n var payload = {\n trackingData: trackingData,\n error: err,\n isInContext: $rootScope.miniBrowser\n };\n\n angular.extend(payload, data || {});\n\n fptiData = new $FptiBuilder(payload).build().toString();\n\n // FPTI client side tracking only if we have template\n if (route && route.template && angular.isFunction(PAYPAL.analytics.setup)) {\n PAYPAL.core.pta = PAYPAL.analytics.setup({\n data: fptiData,\n url: _beaconUrl\n });\n }\n }\n\n return fptiData;\n }\n };\n }).factory('$fptiError', function ($Error) {\n function stringifyErrorMessage(msg) {\n return encodeURIComponent(angular.isString(msg) ? msg.split('\\n').slice(0, 2).join('@') // Get the first two lines of stack\n : (angular.toJson(msg) || 'undefined').substring(0, 128));\n }\n\n return $Error.extend({\n construct: function construct(err) {\n if (!err) {\n return;\n }\n this.type = err.type;\n this.field = err.field;\n this.msg = stringifyErrorMessage(err.message || err.error);\n this.code = err.code || err.cause;\n }\n });\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"../node_modules/webpack/buildin/module.js\")(module), \"components/xo-tracking/dist\", \"components/xo-tracking/dist/fpti.js\"))\n\n/***/ }),\n\n/***/ \"./components/xo-tracking/dist/index.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n/**\n * xo-tracking encapsulates all the details about instrumentation\n * and only register event listeners during bootstrap\n *\n */\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\"), __webpack_require__(\"./components/xo-tracking/dist/listener.js\"), __webpack_require__(\"./components/xo-tracking/dist/directive.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (angular) {\n\n // Declare the dependency to register the listeners\n return angular.module('tracking', ['tracking.listener', 'tracking.directive']);\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n/***/ }),\n\n/***/ \"./components/xo-tracking/dist/listener.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function(console) {var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\"), __webpack_require__(\"./components/jquery/dist/jquery.min.js\"), __webpack_require__(\"./components/xo-beaver/dist/logger.js\"), __webpack_require__(\"./components/xo-tracking/dist/fpti.js\"), __webpack_require__(\"./components/xo-tracking/dist/button.js\"), __webpack_require__(\"./components/xo-models/src/auth/index.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (angular, $) {\n angular.module('tracking.listener', ['beaver', 'tracking.fpti', 'button.tracking']).run(function ($rootScope, $logger, $CalDataModel, $AuthModel, $fpti, $fptiError, $FptiConstants, $ButtonTrackingService, $timeout, $FptiBuilder, $meta, $config, $experiment, $util) {\n // eslint-disable-line max-statements\n\n var token = window.meta.token;\n\n var addTrackingData = function addTrackingData(object) {\n return $util.extend(object, {\n dc: $meta.dc,\n az: $meta.az,\n cust: $AuthModel.instance().buyer_id || '',\n comp: 'hermesnodeweb'\n });\n };\n\n var cplSettings = $config.enableCPL;\n\n var passesCplThrottle = cplSettings && (typeof cplSettings.throttle === 'undefined' || $experiment('cpl_tracking', cplSettings.throttle, token));\n\n var cplEnabled = passesCplThrottle || $util.params().forceEnableCPL;\n\n function logTransition(state) {\n return !(state.trackingData && state.trackingData.suppressTransitionLog);\n }\n\n function logStateExit(state) {\n return state.trackingData && state.trackingData.trackStateExit;\n }\n\n function getBeaconUrl() {\n // Logic to switch between production/staging urls. This way we don't pollute live logs,\n // and we are able to test on stage using the fpti log viewing tool.\n return $config.deploy.isLocal() || $config.deploy.isStage() ? 'https://tracking.qa.paypal.com/webapps/tracking/ts' // stage url\n : $config.urls && $config.urls.fptiBeaconUrl;\n }\n\n /*\n * Triggers pa.js recordClick with custom parameters\n */\n function fptiCustomRecordClick(route, customData) {\n var analyticsInstance, fptiData, fptiDataObj;\n var PAYPAL = window.PAYPAL;\n\n if (PAYPAL && typeof PAYPAL.analytics !== 'undefined') {\n PAYPAL.core = PAYPAL.core || {};\n\n analyticsInstance = new PAYPAL.analytics.Analytics();\n\n fptiData = new $FptiBuilder({\n trackingData: route.trackingData,\n isInContext: $rootScope.miniBrowser,\n comp: 'hermesnodeweb'\n // ... Other flow data pass-in here to resolve page qualifier\n }).build();\n\n // Grab the fpti data object and extend with custom params\n // The fpti data obj should include pxp params as well\n fptiDataObj = fptiData._dataObj;\n $.extend(fptiDataObj, customData);\n\n analyticsInstance.setRequestData(fptiDataObj);\n analyticsInstance.recordClick({\n url: getBeaconUrl()\n });\n }\n }\n\n $rootScope.$on('trackInput', function (event, trackInput) {\n if (!trackInput) {\n return;\n }\n var customData = {\n link: trackInput.transition,\n page: trackInput.page\n };\n\n fptiCustomRecordClick(trackInput.currentRoute, customData);\n });\n\n $rootScope.$on('trackClick', function (event, trackClick) {\n if (!trackClick) {\n return;\n }\n\n var customData = {\n link: trackClick.transition\n };\n\n fptiCustomRecordClick(trackClick.currentRoute, customData);\n });\n\n $rootScope.$on('trackSubmit', function (event, trackSubmit) {\n if (!trackSubmit) {\n return;\n }\n var currentRoute = trackSubmit.currentRoute;\n var routeName = currentRoute ? currentRoute.name : 'noRoute';\n\n $logger.info('track_submit', {\n route_name: routeName\n // ID stuff here later\n });\n\n if (logTransition(currentRoute)) {\n routeName = routeName.replace(/\\./g, '_');\n var state = currentRoute.trackingData && currentRoute.trackingData.fptiState || routeName;\n var transition = trackSubmit.transition || state;\n\n $logger.info(routeName + '_exit', {\n fptiState: state,\n fptiTransition: transition\n });\n }\n\n if (trackSubmit.errors && trackSubmit.errors.length) {\n var fptiFieldErrors = JSON.stringify(trackSubmit.errors);\n\n $logger.info('checkout_fpti', {\n form_field_errors: fptiFieldErrors\n });\n }\n\n var errors = trackSubmit.errors;\n\n if (angular.isArray(errors)) {\n errors.forEach(function (err) {\n $logger.debug('track_submit_error', err);\n if ($fpti) {\n $fpti.setupDataString(currentRoute, new $fptiError({\n type: 'fieldError',\n field: err.fieldName,\n code: err.errorMessage\n }));\n }\n });\n\n if (errors.length) {\n $logger.flush(true);\n }\n }\n });\n\n $rootScope.$on('unhandled_error', function (event, exception) {\n if ($fpti) {\n $fpti.setupDataString(exception.currentRoute, new $fptiError({\n type: 'pageError',\n message: exception.message,\n code: exception.cause\n }));\n }\n });\n\n $rootScope.$on('trackLink', function (event, trackLink) {\n if (!trackLink) {\n return;\n }\n\n var currentRoute = trackLink.currentRoute;\n var routeName = (currentRoute ? currentRoute.name : 'noRoute').replace(/\\./g, '_');\n var state = currentRoute.trackingData && currentRoute.trackingData.fptiState || routeName;\n\n $logger.info(routeName + '_exit', {\n fptiState: state,\n fptiTransition: trackLink.transition\n });\n });\n\n $rootScope.$on('$transition', function (event, data) {\n\n $timeout(function () {\n if ($fpti) {\n var fptiData = $fpti.setupDataString(data.toState, null, addTrackingData({\n transition_time: data.duration\n }));\n\n // This seems to conflict with CPL data, so don't fire if CPL\n if (!cplEnabled) {\n // Fire and forget button tracking beacon.\n $ButtonTrackingService.fireBeacon(fptiData);\n }\n }\n });\n });\n\n $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState) {\n\n var from = fromState.name.replace(/\\./g, '_');\n var to = toState.name.replace(/\\./g, '_');\n\n if (from && logTransition(fromState) && logStateExit(fromState)) {\n var trackingData = fromState.trackingData && fromState.trackingData || {};\n\n $logger.info(from + '_exit', { fptiState: trackingData.fptiState || from, fptiTransition: trackingData.fptiState || from });\n }\n\n $logger.info('state_change', {\n from: from || 'start',\n to: to || 'end'\n });\n\n // Generate a new CAL correlation_id to be shared until next flow transition (only for view states)\n if (toState.template) {\n $CalDataModel.generateMetaIds();\n }\n\n $rootScope.currentState = to;\n\n if (to && logTransition(toState)) {\n $logger.info(to + '_enter', { fptiState: toState.trackingData && toState.trackingData.fptiState || to });\n }\n });\n\n $rootScope.$on('page_loaded', function (event, from, to) {\n if (from !== 'checkout_init') {\n return;\n }\n var key = $FptiConstants.stateName[to] || 'review';\n var landing_page = $FptiConstants.landing_page[key];\n\n $logger.info('landing_page', {\n 'from': landing_page,\n 'to': 'process_page_loaded',\n fpti_landing_page: landing_page\n });\n });\n\n $rootScope.$on('page_reloaded', function () {\n $logger.flush(true);\n $CalDataModel.generateMetaIds();\n });\n\n $rootScope.$on('$stateChangeSuccess', function (event, toState) {\n var to = toState.name.replace(/\\./g, '_');\n\n if (toState.hasResolver && to) {\n $logger.info(to + '_load');\n } else if (to) {\n $logger.info(to + '_rendering');\n }\n });\n\n $rootScope.$on('addrDiff', function (event, addrDiff) {\n if (!addrDiff) {\n return;\n }\n\n $logger.info('checkout_fpti', addrDiff);\n });\n\n function getHash(url) {\n if (!url || !~url.indexOf('#')) {\n // eslint-disable-line no-bitwise\n return;\n }\n\n url = url.split('#');\n return url[url.length - 1];\n }\n\n var oldHash = window.location.hash;\n\n window.addEventListener('hashchange', function (event) {\n $logger.info('hashchange', {\n from: getHash(event.oldURL || oldHash),\n to: getHash(event.newURL || window.location.hash)\n });\n oldHash = window.location.hash;\n });\n\n $(document).on('click', function (event) {\n if (event && event.target && event.target.tagName) {\n var name = event.target.tagName.toLowerCase();\n\n if (event.target.id) {\n name += '#' + event.target.id;\n } else if (event.target.attributes && event.target.attributes['ng-model']) {\n name += ':' + event.target.attributes['ng-model'].value;\n } else if (event.target.className) {\n name += '.' + event.target.className.split(' ').join('.');\n }\n\n $logger.info('click', {\n el: name\n });\n }\n });\n\n if (cplEnabled) {\n\n window.fptiserverurl = getBeaconUrl();\n\n var firstInvocation = true;\n var trackPageStart = function trackPageStart() {\n if (firstInvocation) {\n firstInvocation = false;\n return;\n }\n try {\n window.PAYPAL.analytics.startCPLTracking();\n } catch (e) {\n console.log('error starting cpl tracking', e);\n }\n };\n\n var firstDone = true;\n var trackDone = function trackDone(beaconData) {\n window.PAYPAL.analytics.endCPLTracking({\n pageData: addTrackingData(beaconData),\n inferStart: firstDone\n });\n firstDone = false;\n };\n\n var currentRoute = null;\n\n $rootScope.$on('startLoad', function () {\n return trackPageStart();\n });\n\n $rootScope.$on('$stateChangeSuccess', function (e, route) {\n currentRoute = route;\n });\n\n $rootScope.$on('allLoaded', function () {\n try {\n var buildParams = {\n productOverride: window.fptiProductOverride,\n trackingData: $fpti.getPageTrackingData(currentRoute)\n };\n\n var legacyFptiData = new $FptiBuilder(buildParams).build()._dataObj;\n\n var product = window.fptiProductOverride || 'ec';\n\n legacyFptiData.pgrp = 'main:' + product + ':hermes';\n\n legacyFptiData.flid = token;\n\n trackDone(legacyFptiData);\n } catch (e) {\n console.log('error tracking CPL data', e);\n }\n });\n }\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"../node_modules/console-browserify/index.js\")))\n\n/***/ }),\n\n/***/ \"./components/xo-tracking/dist/model.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function(module, __dirname, __filename) {var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\"), __webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"./components/node-uuid/uuid.js\") // Using the same module as used in NodeInfra\n], __WEBPACK_AMD_DEFINE_RESULT__ = (function (angular, squid, uuid) {\n\n (function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n })(window.angular);\n\n angular.module('tracking.model', ['squid']).constant('$FptiConstants', {\n // The prototype of buzname data object\n buznameMap: {\n country: {\n placeHolder: 'glb',\n fptiKey: 'ccpg'\n },\n\n flowgatename: {\n placeHolder: '',\n fptiKey: 'fltp'\n },\n\n 'flowname': {\n placeHolder: 'ec:hermes:',\n fptiKey: 'flnm'\n },\n 'hier1': {\n placeHolder: 'main_ec_hermes_',\n fptiKey: 'shir'\n },\n /*\n * No key defined in FPTI\n */\n // 'hier2': '',\n // 'hier3': '',\n // 'hier4': '',\n // 'hier5': '',\n 'inout': {\n placeHolder: 'inout',\n fptiKey: 'lgin'\n },\n 'pagename': {\n placeHolder: 'main:ec:hermes',\n fptiKey: 'pgrp'\n },\n 'pagename2': {\n placeHolder: 'main:ec:hermes',\n fptiKey: 'page'\n },\n 'version': {\n placeHolder: 'hermes',\n fptiKey: 'vers'\n /*\n * Deprecated SiteCatalyst keys\n */\n // 'feature': 'ec',\n // 'oldpagename': '',\n // 'product': ';ec',\n // 'subfeature1': 'hermes',\n // 'subfeature2': '',\n // 'website': 'main'\n } },\n\n // Full list of FPTI keys indexed by readable names\n // This mapping can also be served as default decorator\n fptiKeys: {\n 'businessType': 'bztp',\n 'correlationId': 'calc', // CalDataModel\n 'countryOfPage': 'ccpg', // buzname\n 'cust': 'cust',\n 'errorCode': 'eccd',\n 'fieldError': 'erfd',\n 'flowgatename': 'fltp', // buzname\n 'flowname': 'flnm', // buzname\n 'locale': 'rsta', // LocaleModel\n 'loggedIn': 'lgin', // buzname\n 'merchantId': 'mrid',\n 'merchantType': 'mbtp',\n 'pageError': 'erpg',\n 'pageGoal': 'goal', // route\n 'pageGroup': 'pgrp', // buzname\n 'pageName': 'page', // buzname\n 'pageQualifer': 'qual', // buzname\n 'pageStartTime': 'pgst', // FptiBuilder\n 'pageTechnologyFlag': 'pgtf', // productConfig\n 'paymentFlowId': 'pfid',\n 'rLogId': 'teal',\n 'sessionId': 'fpti',\n 'siteHierarchy': 'shir', // buzname\n 'sourceCi': 's', // productConfig\n 'tealeaf': 'teal',\n 'templateName': 'tmpl', // route\n 'transition_time': 'transition_time',\n 'uuid': 'csci', // CalDataModel\n 'version': 'vers', // buzname\n 'visitorId': 'vid',\n 'ecToken': 'fltk', // metadata\n 'pxpExpSelected': 'xe',\n 'pxpTreatementSelected': 'xt',\n 'pxpQualifiedTreatment': 'qt',\n 'pxpContextId': 'qc',\n 'dc': 'dc',\n 'az': 'az',\n 'comp': 'comp'\n },\n\n landing_page: {\n login: 'LOGIN',\n econsent: 'eConsent',\n review: 'Review',\n error_page: 'error_page',\n add_card: 'add_card',\n add_bank: 'add_bank',\n billing: 'billing',\n done_page: 'done_page',\n shoppingCart: 'shoppingCart',\n emptyCart: 'emptyCart',\n soldout: 'soldout',\n openButton: 'openButton'\n },\n\n stateName: {\n checkout_login: 'login',\n checkout_genericError: 'error_page',\n checkout_fastlogin: 'login',\n checkout_econsent: 'econsent',\n checkout_review: 'review',\n checkout_pageAddCard_addCardFlow_addCard: 'add_card',\n checkout_updateCard_addCardFlow_addCard: 'add_card',\n checkout_pageAddFi_bank_add: 'add_bank',\n guest: 'billing',\n checkout_done: 'done_page',\n checkout_guest: 'billing',\n checkout_signup: 'billing',\n guestupgrade_genericError: 'error_page',\n checkout_multistepsignup_multistepsignupaddcard: 'billing',\n checkout_shoppingCart: 'shoppingCart',\n checkout_emptyCart: 'emptyCart',\n checkout_soldout: 'soldout',\n checkout_openButton: 'openButton'\n }\n }).factory('$FptiDataModel', function ($Class, $FptiConstants, $util, $config) {\n var productConfig = {};\n\n // TODO to read from config.json\n productConfig[$FptiConstants.fptiKeys.sourceCi] = 'ci';\n productConfig[$FptiConstants.fptiKeys.pageTechnologyFlag] = 'NodeJS';\n\n /**\n * Utilizing Decorator pattern to allow defining additional logic for specific keys\n */\n return $Class.extend('FptiDataModel', {\n init: function init() {\n this._dataObj = angular.extend({}, productConfig);\n this._decoratorList = [];\n },\n decorators: {\n buzname: function buzname(trackingData, pageQualifier, isInContext, productOverride) {\n\n if (!trackingData) {\n return;\n }\n\n var buzname = trackingData.buzname;\n\n if (!buzname) {\n return;\n }\n\n var buznameDiff = buzname[pageQualifier];\n\n if (!buznameDiff) {\n return;\n }\n\n var dataObj = this._dataObj;\n var buznameMap = $FptiConstants.buznameMap;\n // read app specific place holder from config\n var placeHolderConfig = $config && $config.fpti && $config.fpti.buznameEntryPlaceHolder;\n\n Object.keys(buznameMap).forEach(function (key) {\n var buznameEntry = buznameMap[key];\n var fptiKey = buznameEntry.fptiKey;\n var placeHolder = buznameEntry.placeHolder;\n\n if (buznameDiff[key]) {\n if (placeHolderConfig && placeHolderConfig[key]) {\n placeHolder = placeHolderConfig[key];\n }\n\n if (productOverride) {\n var _placeHolder$split = placeHolder.split(':'),\n main = _placeHolder$split[0],\n hermes = _placeHolder$split[2];\n\n placeHolder = main + ':' + productOverride + ':' + hermes;\n }\n\n dataObj[fptiKey] = buznameDiff[key].replace('%', placeHolder);\n } else {\n dataObj[fptiKey] = placeHolder;\n }\n });\n dataObj[$FptiConstants.fptiKeys.pageQualifer] = pageQualifier;\n },\n\n locale: function locale(_locale) {\n if (_locale && _locale.country) {\n this._dataObj[$FptiConstants.fptiKeys.locale] = _locale.country;\n }\n },\n\n pxptrackingdata: function pxptrackingdata(pxpData) {\n var qt = [];\n var qc = [];\n var xe = [];\n var xt = [];\n\n $util.some(pxpData, function (trackInfo) {\n var match = trackInfo && trackInfo.tracking_tags && trackInfo.tracking_tags.match('\\\\bqt=([^;]+);');\n\n if (match) {\n qt.push(match[1]);\n }\n\n match = trackInfo && trackInfo.tracking_tags && trackInfo.tracking_tags.match('\\\\bqc=([^;]+);');\n if (match) {\n qc.push(match[1]);\n }\n\n $util.some(trackInfo.treatments, function (treatment) {\n xe.push(treatment.experiment_id);\n xt.push(treatment.treatment_id);\n });\n });\n\n this._dataObj[$FptiConstants.fptiKeys.pxpQualifiedTreatment] = qt.join(',');\n this._dataObj[$FptiConstants.fptiKeys.pxpContextId] = qc.join(',');\n this._dataObj[$FptiConstants.fptiKeys.pxpExpSelected] = xe.join(',');\n this._dataObj[$FptiConstants.fptiKeys.pxpTreatementSelected] = xt.join(',');\n },\n\n templateName: function templateName(trackingData, pageQualifier, isInContext) {\n if (trackingData && trackingData.templateName) {\n var templateName = (trackingData.templateName || '') + (pageQualifier ? ':' + pageQualifier : '');\n\n this._dataObj[$FptiConstants.fptiKeys.templateName] = templateName;\n }\n },\n\n fieldError: function fieldError(err) {\n if (err && err.type === 'fieldError') {\n this._dataObj[$FptiConstants.fptiKeys.fieldError] = err.field;\n this._dataObj[$FptiConstants.fptiKeys.errorCode] = err.code;\n }\n },\n\n pageError: function pageError(err) {\n if (err && err.type === 'pageError') {\n\n this._dataObj[$FptiConstants.fptiKeys.pageError] = err.msg;\n this._dataObj[$FptiConstants.fptiKeys.errorCode] = err.code;\n }\n }\n\n },\n decorate: function decorate(name) {\n this._decoratorList.push({\n name: name,\n params: Array.prototype.slice.call(arguments, 1)\n });\n return this;\n },\n getDataObject: function getDataObject(isInContext) {\n var i;\n var decorator;\n\n for (i = 0; i < this._decoratorList.length; i++) {\n decorator = this._decoratorList[i];\n if (!decorator) {\n continue;\n }\n var name = decorator.name;\n var params = decorator.params;\n\n if (angular.isFunction(this.decorators[name])) {\n // Invoke the decorator and pass in the parameter list\n this.decorators[name].apply(this, params);\n } else {\n var fptiKey = $FptiConstants.fptiKeys[name];\n\n // If the fptiKey is defined and value is present, add the k-v pair\n if (fptiKey && params && params.length > 0) {\n this._dataObj[fptiKey] = params[0];\n }\n }\n }\n\n // 'fullpage' was widely used as default key in page routs definition\n // finally replace it here if it's incontext\n var dataObj = this._dataObj;\n\n if (isInContext) {\n Object.keys(dataObj).forEach(function (k) {\n if (angular.isString(dataObj[k])) {\n // some values can be number\n dataObj[k] = dataObj[k].replace('fullpage', 'incontext');\n }\n });\n }\n\n return this._dataObj;\n }\n });\n }).factory('$CalDataModel', function ($Model) {\n\n var uuid_v4_mask = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';\n var uuid_v1_mask = 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX';\n\n function _generateCorrelationId() {\n var uidRandomArr = (uuid.v4() || uuid_v4_mask).split('-');\n var uidTime = (uuid.v1() || uuid_v1_mask).split('-');\n\n return uidTime[0] + uidRandomArr[0].substr(0, 5);\n }\n\n function _generateUUID() {\n return (uuid.v4() || uuid_v4_mask).replace(/-/g, '');\n }\n\n var CalModel = $Model.extend({\n _calCorrId: _generateCorrelationId(),\n _uuid: _generateUUID(),\n\n generateCalCorrId: function generateCalCorrId() {\n this._calCorrId = _generateCorrelationId();\n },\n generateUUID: function generateUUID() {\n this._uuid = _generateUUID();\n },\n generateMetaIds: function generateMetaIds() {\n this.generateCalCorrId();\n this.generateUUID();\n },\n\n getCalCorrId: function getCalCorrId() {\n return this._calCorrId;\n },\n\n getUUID: function getUUID() {\n return this._uuid;\n }\n });\n\n return new CalModel();\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"../node_modules/webpack/buildin/module.js\")(module), \"components/xo-tracking/dist\", \"components/xo-tracking/dist/model.js\"))\n\n/***/ }),\n\n/***/ \"./components/xo-tray-height/dist/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* global define:true */\n\n\n/* grab the logger so we can warn about being in the fallback mode */\n\nvar _logger = __webpack_require__(\"./components/xo-beaver/dist/logger.js\");\n\n/** Name: Tray height helper */\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"./components/jquery/dist/jquery.min.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (squid, $) {\n squid.module('xo-tray-height.directive', ['squid']).directive('xoTrayHeight', function ($timeout) {\n return {\n restrict: 'A',\n link: function link($scope, element, attrs) {\n // Check to see if we can use the safer full height approach\n // or if we need to fallback to calculating the height using\n // math and relying on the \"right\" timing.\n var topClass = 'xo-sidebar-wrapper';\n var topSelector = '.' + topClass;\n var topElem = document.querySelector(topSelector);\n var inScope = topElem && topElem.querySelector('[xo-tray-height]');\n var useNewFlow = topElem && inScope;\n\n /**\n * NOTE:\n * The following code, despite being the \"new\" flow, is still\n * a stopgap solution until such time as the markup and or\n * CSS undergo an overhaul. It relies on the more stable\n * cascading relative/absolute positioning and 100% height\n * *and* the fact that the code is an instance of xo-tray-height\n * within the xo-sidebar-wrapper.\n */\n function calculate() {\n var curElem = element[0];\n\n while (!~curElem.className.indexOf(topClass)) {\n var style = getComputedStyle(curElem, null);\n\n if (style.position !== 'absolute') {\n curElem.style.position = 'relative';\n }\n curElem.style.height = '100%';\n curElem = curElem.parentNode;\n }\n }\n\n /**\n * NOTE:\n * The following DEPRECATED version of the calculate method\n * relies on calculating the heights using math. This heavy\n * handed approach is fine if it is called at the right times\n * and often enough; however, this criteria is hard to achieve.\n *\n * A markup and styles overhaul is recommended to do away with\n * both of these methods.\n */\n function deprecatedCalculate() {\n // DEPRECATED\n _logger.$logger.warn('xo-tray-height-fallback', {\n message: 'Using the fallback sidebar height calculation. ' + 'height may not be 100%. You should not be here!'\n });\n var height;\n var headerHeight;\n var mainHeight;\n var trayMinheight = 400;\n var asideContentHeight;\n var $aside = $(element).parents('aside:visible');\n var $asideContent = $aside.find('.asideContent');\n\n if (!$aside || !$asideContent) {\n return;\n }\n\n // Updates the tray height to the section height\n headerHeight = $aside.find('.header').outerHeight(true);\n mainHeight = $('#main').outerHeight(true);\n\n height = mainHeight - headerHeight;\n asideContentHeight = $asideContent.outerHeight(true);\n if ($scope.miniBrowser) {\n $aside.find('.aside').css('height', '534px');\n var minHeight = 534 - headerHeight;\n\n $asideContent.css('height', minHeight);\n } else if (asideContentHeight > height) {\n $asideContent.css('height', height);\n $aside.find('aside:visible').addClass('hasScroll');\n } else {\n height = height > trayMinheight ? height : trayMinheight;\n $asideContent.css('height', height);\n $aside.removeClass('hasScroll');\n }\n }\n\n if (useNewFlow) {\n calculate();\n } else {\n $timeout(deprecatedCalculate, 1);\n\n $scope.$on('SidebarError', function () {\n deprecatedCalculate();\n });\n }\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n_logger.$logger;\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/accessibility/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nvar _angular = __webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\");\n\nvar _ui = __webpack_require__(\"./components/xo-ui-components/src/accessibility/ui.js\");\n\nvar _jquery = __webpack_require__(\"./components/jquery/dist/jquery.min.js\");\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n// Adds role='button' and tabindex='0' to anchor elements\n// so that it is keyboard navigable and recognized by screen\n// readers as a button.\n//\n// As anchors without href do not fire their click event\n// automatically on a Space or ENTER key, this directive forces\n// that functionality.\n//\n// If something is assigned to the link-button attribute, then\n// it is used as an aria-label.\n(0, _angular.$registerDirective)('link-button', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n var ariaLabel = (0, _angular.$parse)(attrs.linkButton)(scope);\n var $element = (0, _jquery2['default'])(element);\n\n $element.attr('role', 'button');\n $element.attr('tabindex', '0');\n if (ariaLabel) {\n $element.attr('aria-label', ariaLabel);\n }\n $element.on('keydown', function (event) {\n // do nothing if there is an alt or ctrl key as well\n if (!(event.altKey || event.ctrlKey)) {\n switch (event.keyCode) {\n case _ui.KEYS.SPACE:\n case _ui.KEYS.ENTER:\n element[0].click();\n return false;\n default:\n break;\n }\n }\n return true;\n });\n }\n };\n});\n\n// this directive gives an element characteristics of a native\n// select element in terms of keyboard navigation. It becomes reachable\n// via the tab key, reflects screenreader characteristics and\n// can be activated by any of the DOWN, SPACE or ENTER KEYS.\n(0, _angular.$registerDirective)('select-button', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n var $element = (0, _jquery2['default'])(element);\n $element.attr('role', 'button').attr('aria-haspopup', 'true').attr('tabindex', '0').on('keydown', function (event) {\n // do nothing if there is an alt or ctrl key as well\n if (!(event.altKey || event.ctrlKey)) {\n switch (event.keyCode) {\n case _ui.KEYS.DOWN:\n case _ui.KEYS.SPACE:\n case _ui.KEYS.ENTER:\n element[0].click();\n return false;\n default:\n break;\n }\n }\n return true;\n });\n }\n };\n});\n\n// this directive makes a container with links act as if it were a select dropdown\n// in terms of keyboard accessibility. The following characteristics are implemented:\n//\n// * UP/RIGHT and DOWN/lEFT KEYS navigate through the options.\n// * ESC cancels and closes the dropdown\n// * SPACE or ENTER select an option\n// * You cannot TAB out of a dropdown until you select or cancel\n//\n// in addition, the following extra characteristics are implemented\n//\n// * The TAB (and SHIFT-TAB) key will also function to move between options\n// * Upon reaching the end of the list, the focus will shift back to the first item, and vice versa\n//\n// How to use:\n// 1. The select-cancel attribute is an agnostic expression to implement the cancel / back mechanic.\n// The expression is run whenever the ESC key is pressed.\n// 2. The select-allow-tab-escape attribute can be added alongside the select-box attribute to allow\n// tabs to escape the select-box element.\n(0, _angular.$registerDirective)('select-box', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n var allowTabEscape = (0, _angular.isDefined)(attrs.selectAllowTabEscape);\n\n function escapeToggle() {\n if (attrs.selectCancel) {\n (0, _angular.$parse)(attrs.selectCancel)(scope);\n scope.$apply();\n }\n }\n\n element.attr('role', 'menu');\n\n element.on('keydown.selectBox', function (event) {\n var $allTabbable = (0, _ui.findAll)(element, _ui.tabbable);\n var $origin = (0, _jquery2['default'])(event.target);\n\n if (!(event.altKey || event.ctrlKey)) {\n var index = $allTabbable.index($origin);\n\n switch (event.keyCode) {\n case _ui.KEYS.TAB:\n if (allowTabEscape && (index === 0 && event.shiftKey || index === $allTabbable.length && !event.shiftKey)) {\n // Enable default behavior to escape select-box\n escapeToggle();\n break;\n } else if (event.shiftKey) {\n index = (index - 1 + $allTabbable.length) % $allTabbable.length;\n } else {\n index = (index + 1) % $allTabbable.length;\n }\n $allTabbable.eq(index).focus();\n event.preventDefault();\n break;\n case _ui.KEYS.DOWN:\n case _ui.KEYS.RIGHT:\n index = (index + 1) % $allTabbable.length;\n $allTabbable.eq(index).focus();\n event.preventDefault();\n break;\n case _ui.KEYS.UP:\n case _ui.KEYS.LEFT:\n index = (index - 1 + $allTabbable.length) % $allTabbable.length;\n $allTabbable.eq(index).focus();\n event.preventDefault();\n break;\n case _ui.KEYS.SPACE:\n case _ui.KEYS.ENTER:\n $origin.click();\n event.preventDefault();\n break;\n case _ui.KEYS.ESC:\n escapeToggle();\n break;\n default:\n break;\n }\n }\n });\n }\n };\n});\n\n// similar to select-box, this directive restrains tabbing within a container\n// to the container itself.\n//\n// 1. modal-cancel is the equivalent of select-cancel from select-box, and\n// should define a cancellation / ESC function.\n(0, _angular.$registerDirective)('modal-box', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n function escapeToggle() {\n (0, _angular.$parse)(attrs.modalCancel)(scope);\n scope.$apply();\n }\n\n // Gets the index of the element that should be focused after pressing Tab\n function getNextIndex($element, $elements, shift) {\n if (shift) {\n return ($elements.index($element) - 1 + $elements.length) % $elements.length;\n } else {\n return ($elements.index($element) + 1) % $elements.length;\n }\n }\n\n if ((0, _angular.$parse)(attrs.modalBox)(scope) !== false) {\n element.on('keydown.modalBox', function (event) {\n var $allTabbable = (0, _ui.findAll)(element, _ui.tabbable);\n var $origin = (0, _jquery2['default'])(event.target);\n\n if (!(event.altKey || event.ctrlKey)) {\n switch (event.keyCode) {\n case _ui.KEYS.TAB:\n var index = getNextIndex($origin, $allTabbable, event.shiftKey);\n $allTabbable.eq(index).focus();\n event.preventDefault();\n event.stopPropagation();\n break;\n case _ui.KEYS.ESC:\n escapeToggle();\n event.preventDefault();\n event.stopPropagation();\n break;\n default:\n break;\n }\n }\n });\n }\n }\n };\n});\n\n// A simple version of modal that doesn't rely on controlling keyboard behavior\n// as strictly. Should be used in cases where tab items are not as easily accessible\n// via JS (ie. iframes)\n// Redirects focus to container when focusin event fired on element not in container\n(0, _angular.$registerDirective)('simple-modal', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n element.attr('tabindex', '-1');\n\n var cancelFn;\n if (attrs.modalCancel) {\n cancelFn = function cancelFn() {\n (0, _angular.$parse)(attrs.modalCancel)(scope);\n scope.$apply();\n };\n }\n\n function registerModal() {\n (0, _jquery2['default'])(document).on('focusin.simple-modal', function (event) {\n if (!element[0].contains(event.target)) {\n event.stopPropagation();\n element.focus();\n }\n });\n if (cancelFn) {\n (0, _jquery2['default'])(document).on('click.simple-modal', function (event) {\n if (!element[0].contains(event.target)) {\n deregisterModal();\n cancelFn();\n }\n });\n }\n }\n\n function deregisterModal() {\n (0, _jquery2['default'])(document).off('focusin.simple-modal');\n (0, _jquery2['default'])(document).off('click.simple-modal');\n }\n\n // Watch the expression provided to simpleModal and add modal behavior when\n // expression result changes to truthy\n if ((0, _angular.isDefined)(element.attr('simpleModal'))) {\n scope.$watch(attrs['simpleModal'], function (newVal) {\n if (newVal) {\n registerModal();\n } else {\n deregisterModal();\n }\n });\n } else {\n registerModal();\n }\n\n scope.$on('$destroy', deregisterModal);\n }\n };\n});\n\n// this directive gives an element characteristics of a native\n// option element in terms of aria attributes. It must be used\n// as a child of a selectBox for proper keyboard behavior as it\n// disables default tabbing behavior.\n//\n// The expression provided to the directive is used to set the\n// aria-selected attribute when the expression evaluates to true.\n(0, _angular.$registerDirective)('select-option', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n (0, _jquery2['default'])(element).attr('role', 'menuitem');\n if ((0, _angular.$parse)(attrs.selectOption)(scope)) {\n (0, _jquery2['default'])(element).attr('aria-selected', 'true');\n }\n }\n };\n});\n\n// adapted from http://stackoverflow.com/a/24416690\n// This directive makes the element focused when the expression\n// provided _changes_ to true.\n//\n// In order to avoid conflicts with autofocus when a page first loads,\n// adding the focused-once-before attribute will enable the expression\n// only if it has been focused on before.\n//\n// * if the element itself is not focusable, then it will locate the first focusable\n// element within it.\n// * if the additional attribute focus-element is provided, it is wrapped\n// as a jQuery element (could be selector string or actual element) and focused on\n// it will be parsed when the focus-when attribute is true\n// * if the attribute focus-on is provided, then the focus-when attribute is ignored and\n// the directive listens to the event specified by focus-on\n(0, _angular.$registerDirective)('focus-when', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n\n function locateAndFocus(active) {\n (0, _angular.$timeout)(function () {\n if (active) {\n // deal with figuring out which element to focus on\n var $elementToFocus = (0, _jquery2['default'])(); // start with \"monad\" to make life easier\n var directiveElementFocusable = (0, _ui.focusable)(element[0]);\n\n // this works by fallthrough. it will try each one\n // in succession until an element is found\n if (attrs.focusElement) {\n // scenario 1 - specific element provided\n $elementToFocus = (0, _ui.filterAll)((0, _angular.$parse)(attrs.focusElement)(scope), _ui.focusable);\n }\n\n if ($elementToFocus.length === 0 && !directiveElementFocusable) {\n // scenario 2 - element with directive is not focusable\n $elementToFocus = (0, _ui.findAll)(element, _ui.focusable);\n }\n\n // default / scenario 3 - no valid targets specified or found\n if ($elementToFocus.length === 0) {\n $elementToFocus = (0, _jquery2['default'])(element);\n }\n\n $elementToFocus.first().focus();\n }\n });\n }\n\n var active = true;\n\n if ('focusedOnceBefore' in attrs) {\n active = false;\n (0, _jquery2['default'])(element).on('focus', function () {\n active = true;\n });\n }\n\n if (attrs.focusRefreshOn) {\n scope.$on((0, _angular.$parse)(attrs.focusRefreshOn)(scope), function () {\n locateAndFocus(active);\n });\n } else {\n scope.$watch(attrs.focusWhen, function (val) {\n locateAndFocus(active && val);\n });\n }\n }\n };\n});\n\n// angularUI router specific - listens to a specific transition\n// defined in two attributes, focusWhenState (this directive) and TransitionsTo\nvar FOCUS_EVENT_NAME = 'accessible-focus';\n(0, _angular.$registerDirective)('focus-when-state', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n var startState = attrs.focusWhenState;\n var endState = attrs.transitionsTo;\n var transitionMessage = startState + ' > ' + endState;\n var unregisterEventFn = _angular.$rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {\n if (fromState.name === startState && toState.name === endState) {\n scope.$broadcast(FOCUS_EVENT_NAME, transitionMessage);\n }\n });\n\n scope.$on(FOCUS_EVENT_NAME, function (event, message) {\n if (message === transitionMessage) {\n (0, _angular.$timeout)(function () {\n return element[0].focus();\n });\n }\n });\n\n // see http://stackoverflow.com/a/27016855\n scope.$on('$destroy', unregisterEventFn);\n }\n };\n});\n\n// Listens for the next state transition and focuses an element provided by selector\n// Use with links where focus is needed to return to a specific element after the transition\n(0, _angular.$registerDirective)('focus-after-transition', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n element.on('click', function () {\n var focusSelector = attrs['focusAfterTransition'];\n var cancel = _angular.$rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {\n cancel();\n (0, _angular.$timeout)(function () {\n (0, _jquery2['default'])(focusSelector).focus();\n });\n });\n });\n }\n };\n});\n\n// focuses on the first focusable element on a container containing form elements\n(0, _angular.$registerDirective)('form-autofocus', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n // wait for the entire DOM to settle down first\n (0, _angular.$timeout)(function () {\n var $allFocusable = (0, _ui.findAll)(element, _ui.focusable);\n if ($allFocusable.length > 0) {\n $allFocusable.first().focus();\n }\n });\n }\n };\n});\n\n// Change element to be focusable and tabbable or unfocusable if it is\n// not typically a focusable element by removing the tabindex attribute.\n(0, _angular.$registerDirective)('focusable', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n function setFocusable(value) {\n if (value) {\n element.attr('tabindex', 0);\n } else {\n element.removeAttr('tabindex');\n }\n }\n\n if (attrs.focusable) {\n scope.$watch(attrs.focusable, function (newVal) {\n if (newVal) {\n setFocusable(true);\n } else {\n setFocusable(false);\n }\n });\n } else {\n setFocusable(true);\n }\n }\n };\n});\n\n_angular.$registerDirective;\n\n_angular.$parse;\n\n_angular.$timeout;\n\n_angular.$rootScope;\n\n_angular.isDefined;\n\n_ui.KEYS;\n\n_ui.focusable;\n\n_ui.tabbable;\n\n_ui.findAll;\n\n_ui.filterAll;\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/accessibility/ui.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\nexports.filterAll = exports.findAll = exports.tabbable = exports.focusable = exports.visible = exports.KEYS = undefined;\n\nvar _jquery = __webpack_require__(\"./components/jquery/dist/jquery.min.js\");\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar KEYS = {\n TAB: 0x09,\n ENTER: 0x0D,\n ESC: 0x1B,\n SPACE: 0x20,\n LEFT: 0x25,\n UP: 0x26,\n RIGHT: 0x27,\n DOWN: 0x28\n};\n\nfunction visible(element) {\n return _jquery2['default'].expr.filters.visible(element) && !(0, _jquery2['default'])(element).parents().addBack().filter(function () {\n return _jquery2['default'].css(this, 'visibility') === 'hidden';\n }).length;\n}\n\n// ripped from http://stackoverflow.com/a/7668761\n/* istanbul ignore next */\nfunction focusable(element) {\n var nodeName = element.nodeName.toLowerCase();\n var isTabIndexNotNaN = !isNaN(_jquery2['default'].attr(element, 'tabindex'));\n var map;\n var mapName;\n var img;\n\n if (nodeName === 'area') {\n map = element.parentNode;\n mapName = map.name;\n if (!element.href || !mapName || map.nodeName.toLowerCase() !== 'map') {\n return false;\n }\n img = (0, _jquery2['default'])('img[usemap=#' + mapName + ']')[0];\n return !!img && visible(img);\n }\n return (/^(input|select|textarea|button|object)$/.test(nodeName) ? // eslint-disable-line no-nested-ternary\n !element.disabled : nodeName === 'a' ? element.href || isTabIndexNotNaN : isTabIndexNotNaN) &&\n // the element and all of its ancestors must be visible\n visible(element);\n}\n\n/* istanbul ignore next */\nfunction tabbable(element) {\n var tabIndex = _jquery2['default'].attr(element, 'tabindex');\n var isTabIndexNaN = isNaN(tabIndex);\n\n return (isTabIndexNaN || tabIndex >= 0) && focusable(element);\n}\n\nfunction filterAll(elements, filterFn) {\n return (0, _jquery2['default'])(elements).filter(function () {\n return filterFn(this);\n });\n}\n\nfunction findAll(container, filterFn) {\n return filterAll((0, _jquery2['default'])(container).find('*'), filterFn);\n}\n\nexports.KEYS = KEYS;\nexports.visible = visible;\nexports.focusable = focusable;\nexports.tabbable = tabbable;\nexports.findAll = findAll;\nexports.filterAll = filterAll;\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/address-box/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/address-box/styles.less\");\n\nvar _template = __webpack_require__(\"./components/xo-ui-components/src/address-box/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\nvar _logger = __webpack_require__(\"./components/xo-beaver/dist/logger.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n(0, _squid.$registerDirective)('xo-address-box', function () {\n return {\n template: _template2['default'],\n scope: {\n header: '=',\n fullname: '=',\n addresses: '=',\n changeFn: '='\n },\n lifecycle: {\n enter: function enter() {\n _logger.$logger.info('xo-address-box_enter');\n }\n },\n controller: function controller($scope) {\n var addressList = $scope.addresses && $scope.addresses.addresses || [];\n $scope.address = addressList[0] || {};\n $scope.line3 = $scope.address.city + ', ' + $scope.address.state + ' ' + $scope.address.postal_code;\n\n $scope.updateType = addressList.length > 1 ? _squid.$locale.content.get('common.change') : _squid.$locale.content.get('common.edit');\n $scope.updateFn = function () {\n return $scope.changeFn($scope.updateType);\n };\n\n $scope.fullname = $scope.fullname;\n if ($scope.fullname) {\n $scope.name = $scope.fullname.first_name + ' ' + $scope.fullname.last_name;\n }\n }\n };\n});\n\n_squid.$registerDirective;\n\n_squid.$locale;\n\n_logger.$logger;\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/address-box/styles.less\":\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/address-box/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"
\\n\\n\\n\\n\"\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/directionality/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function($) {\n\nvar _angular = __webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\");\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/directionality/styles.less\");\n\n/**\n * This directive watches the model and listens to user input to look for arabic/hebrew/right-to-left language\n * unicode chars, then adds dir=\"rtl\" or dir=\"ltr\" attribute to input field\n *\n * Add directionality to the container html div element of a input field.\n * \n */\n(0, _angular.$registerDirective)('directionality', function () {\n return {\n restrict: 'A',\n link: function link(scope, element) {\n var currentWatchDeregister = void 0;\n var input = element.find('input');\n if (!input.length) {\n listenForInputRendered();\n return;\n }\n\n // If the input has not yet been rendered inside the container, listen for dom node inserted\n // then, if the node inserted is an input, we will use that element and init the directionality \n // listeners. The first input rendered is the one that will be captured by this directive.\n function listenForInputRendered() {\n element.bind('DOMNodeInserted', checkDOMNodeInserted);\n\n function checkDOMNodeInserted(event) {\n if (event && event.target && event.target.tagName === 'INPUT') {\n element.unbind('DOMNodeInserted', checkDOMNodeInserted);\n input = angular.element(event.target);\n init();\n }\n }\n }\n\n function setDirectionality(value) {\n if (value) {\n // set directionality to 'rtl' if the value has hebrew/arabic unicode chars.\n element.toggleClass('ltrOverride', !_squid.$util.hasRTL(value));\n } else {\n element.toggleClass('ltrOverride', _angular.$document.prop('documentElement').getAttribute('dir') !== 'rtl');\n }\n }\n\n function jqueryOnKeyupHandler(event) {\n setDirectionality(event.target.value);\n }\n\n // Reset directionality listeners when we transition from ltr -> rtl locale or vice versa\n function resetDirectionalityListener() {\n // remove directionality listeners that were set on prior locale\n input.unbind('keyup', jqueryOnKeyupHandler);\n if (currentWatchDeregister) {\n currentWatchDeregister();\n }\n\n // set new directionality listeners for the current locale if 'rtl'\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n (0, _angular.$timeout)(function () {\n // Watch ng-model on input to set directionality if it contains RTL char\n currentWatchDeregister = scope.$watch(input.attr('ng-model'), function (value) {\n setDirectionality(value);\n });\n // jQuery listener for cases where ng-model is not populated until post validation\n input.on('keyup', jqueryOnKeyupHandler);\n });\n }\n }\n\n function init() {\n resetDirectionalityListener();\n scope.$on('localeChange', function () {\n resetDirectionalityListener();\n });\n }\n\n init();\n }\n };\n});\n\n/**\n * This directive watches the model for arabic/hebrew/right-to-left language unicode chars, then adds dir=\"rtl\"\n * or dir=\"ltr\" attribute to the html element.\n *\n * Add directionality-text=\"<>\" to the div or span or any element containing text.\n * <{{user.name}}\n */\n(0, _angular.$registerDirective)('directionality-text', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n var $element = $(element);\n\n (0, _angular.$timeout)(function () {\n if (attrs.directionalityText) {\n scope.$watch(attrs.directionalityText, function () {\n $element.toggleClass('ltrOverride', !_squid.$util.hasRTL((0, _angular.$parse)(attrs.directionalityText)(scope)));\n });\n } else {\n $element.toggleClass('ltrOverride', !_squid.$util.hasRTL(element.text()));\n }\n });\n }\n }\n };\n});\n\n_angular.$document;\n\n_angular.$parse;\n\n_angular.$registerDirective;\n\n_angular.$timeout;\n\n_squid.$util;\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"./components/jquery/dist/jquery.min.js\")))\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/directionality/styles.less\":\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/dropdown-multiline/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"./components/jquery/dist/jquery.min.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (squid, $) {\n\n squid.module('xo-dropdown-multiline.directive', ['squid']).directive('xoDropdownMultiline', function ($timeout) {\n return {\n restrict: 'A',\n\n require: '?ngModel',\n\n link: function link($scope, $select, attrs, ngModel) {\n\n var isListVisible = false;\n var listCreated = false;\n\n $select = $($select);\n\n var $span = $('');\n var $container = $('');\n var $list;\n\n function updateCover() {\n $timeout(function () {\n $span.find('span span').html($select.find('[selected]').text().replace(/\\\\n/gi, ' ').trim());\n }, 10);\n }\n\n function createList($options) {\n if ($options.length < 2) {\n return;\n }\n\n function getModel() {\n var modelName;\n var model;\n var subParts;\n\n if ($select.attr('ng-options')) {\n modelName = $select.attr('ng-options').substring($select.attr('ng-options').indexOf('in ') + 3, $select.attr('ng-options').length);\n } else {\n var $option = $($select.find('[ng-repeat]')[0]);\n modelName = $option.attr('ng-repeat').substring($option.attr('ng-repeat').indexOf('in ') + 3, $option.attr('ng-repeat').length);\n }\n\n // This is to handle cases like card.billingAddress\n if (modelName.indexOf('.') !== -1) {\n subParts = modelName.split('.');\n model = $scope;\n\n for (var i = 0; i < subParts.length; i++) {\n model = model[subParts[i]];\n }\n } else {\n // And this is to handle straightforward model names\n model = $scope[modelName];\n }\n\n return model;\n }\n\n function hideList(event) {\n $list.hide();\n $container.append($list);\n isListVisible = false;\n $container.removeClass('open');\n }\n\n function positionList() {\n $list.css('left', $container.offset().left + 'px');\n $list.css('top', $container.offset().top + $container.height() + 'px');\n $list.css('width', $container.width() + 'px');\n }\n\n function setFocusOnSelected() {\n var $selected = $select.find('[selected]');\n\n if ($selected.length) {\n var $item = $list.find('[data-value=\"' + $selected.attr('value') + '\"]');\n $item.focus();\n } else {\n $list.find('li')[0].focus();\n }\n }\n\n function showList() {\n $('body').append($list);\n $container.addClass('open');\n $list.show();\n positionList();\n isListVisible = true;\n setFocusOnSelected();\n }\n\n function processContainerKeypress(event) {\n var keyCode = event.keyCode;\n\n if (keyCode === 13 || keyCode === 40) {\n // enter or down arrow\n if (!isListVisible) {\n showList();\n } else {\n hideList();\n $container.focus();\n }\n } else if (keyCode === 27) {\n // escape\n if (isListVisible) {\n hideList();\n $container.focus();\n }\n }\n }\n\n if ($list) {\n $list.remove();\n }\n\n $list = $('
');\n\n Array.prototype.forEach.call($options, function (option) {\n var $option = $(option);\n var value = $option.attr('value');\n var text = option.innerHTML.replace(/\\\\n/gi, ' ');\n\n if (text.indexOf('content(') !== -1) {\n text = $scope.content(text.substring(text.indexOf('(\\'') + 2, text.indexOf('\\')')));\n }\n\n var html = '
' + text + '
';\n $list.append($(html));\n });\n\n $container.append($list);\n $list.hide();\n\n $($list.find('li')).click(function (event) {\n var $target = $(event.target);\n var value = $target.data('value');\n\n if (typeof value !== 'undefined') {\n $select.find('option').removeAttr('selected');\n $select.find('option[value=\"' + value + '\"]').attr('selected', 'selected');\n $select.find('option').removeProp('selected');\n $select.find('option[value=\"' + value + '\"]').prop('selected', 'selected');\n } else {\n value = $target.html().replace(/\\//gi, '\\\\n');\n $select.val(value);\n }\n\n if ($select.attr('ng-model')) {\n if ($select.attr('ng-options') || $select.find('[ng-repeat]').length) {\n /* This parses the 'ng-options' directive and returns the options model.\n For example: If you have: ng-options='opt as opt.label for opt in options'\n Here it will parse this attribute and return 'options */\n var model = getModel();\n\n ngModel.$setViewValue(model[value]);\n } else {\n ngModel.$setViewValue(value);\n }\n }\n\n updateCover();\n hideList();\n });\n\n var $innerContainer = $container.find('.innerContainer');\n\n $container.click(function (event) {\n if (isListVisible) {\n hideList();\n $container.focus();\n } else {\n showList();\n }\n });\n\n $container.keydown(function (event) {\n processContainerKeypress(event);\n });\n\n $innerContainer.keydown(function (event) {\n processContainerKeypress(event);\n });\n\n $list.find('li').keydown(function (event) {\n var keyCode = event.keyCode;\n var $target = $(event.target);\n\n if (keyCode === 13) {\n // enter\n $target.click();\n event.stopPropagation();\n } else if (keyCode === 27) {\n // escape\n if (isListVisible) {\n hideList();\n $container.focus();\n event.stopPropagation();\n }\n } else if (keyCode === 40) {\n // down arrow\n if (!$target.is(':last-of-type')) {\n $target.next().focus();\n event.preventDefault();\n event.stopPropagation();\n }\n } else if (keyCode === 38) {\n // up arrow\n if (!$target.is(':first-of-type')) {\n $target.prev().focus();\n }\n event.preventDefault();\n event.stopPropagation();\n }\n });\n\n $(window).resize(function () {\n if (isListVisible) {\n positionList();\n }\n });\n\n $(window).bind('hashchange', function () {\n if (isListVisible) {\n hideList();\n }\n });\n\n $(document).click(function (event) {\n var $target = $(event.target);\n\n if (!($target.is($container) || $.contains($container.get()[0], $target.get()[0])) && isListVisible) {\n hideList();\n }\n });\n\n $container.blur(function (event) {\n // The setTimeout here is to ensure activeElement is set before our function executes\n $timeout(function () {\n var $newTarget = $(event.explicitOriginalTarget || document.activeElement);\n\n if (!($.contains($container.get()[0], $newTarget.get()[0]) || $.contains($list.get()[0], $newTarget.get()[0]))) {\n hideList(event);\n }\n }, 1);\n });\n\n listCreated = true;\n updateCover();\n }\n\n function render() {\n var options = $select.find('option');\n if (!listCreated) {\n createList(options);\n }\n }\n\n $select.wrap($container);\n $container = $select.parent();\n\n // Change class names to enable styling of hover/focus states\n $select.bind('mouseenter focus', function () {\n $span.addClass('active');\n });\n\n // Change class names to enable styling of hover/focus states\n $select.bind('mouseleave blur', function () {\n $span.removeClass('active');\n });\n\n $select.after($span);\n\n $select.addClass('replaced');\n\n $select.attr('tabindex', '-1');\n\n if (attrs['default']) {\n var defaultOption = document.createElement('option');\n defaultOption.innerText = attrs['default'];\n $select.append(defaultOption);\n }\n\n if ($select.attr('ng-options')) {\n $scope.$watch(attrs.ngModel, function () {\n render();\n });\n } else {\n $timeout(function () {\n $scope.$broadcast('pageRendered');\n }, 0);\n }\n\n $scope.$on('pageRendered', function () {\n render();\n });\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/dropdown/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function(console) {var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"./components/jquery/dist/jquery.min.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (squid, $) {\n\n $.fn.dropdown = function () {\n console.warn('Dropdown deprecated');\n };\n\n squid.module('xo-dropdown.directive', ['squid']).directive('xoDropdown', function ($parse, $window, $timeout, $injector, $rootScope, $config, $locale, $experiment, $util, $compile) {\n\n var userAgent = ($window.navigator || {}).userAgent;\n var isWinOS = Boolean(userAgent.match(/\\(win/i));\n\n return {\n\n restrict: 'A',\n\n scope: {\n dropdownTextBindVar: '='\n },\n\n link: function link($scope, $element, attrs) {\n var $parentScope = $scope.$parent;\n\n var $select = $($element);\n\n var selectInitialValue = '';\n\n var ngChange = '';\n // TODO: This html should be refactored out into a template.\n var $span = $('');\n\n $select.parent().addClass('custom-select-container');\n\n // Change class names to enable styling of hover/focus states\n $select.bind('mouseenter', function () {\n $span.addClass('active');\n });\n\n // Change class names to enable styling of hover/focus states\n $select.bind('focus', function () {\n selectInitialValue = $parse(attrs.ngModel)($parentScope);\n $span.addClass('active');\n });\n\n // Change class names to enable styling of hover/focus states\n $select.bind('mouseleave', function () {\n $span.removeClass('active');\n });\n\n function executeSelectChange() {\n // setTimeout here is to ensure activeElement is set before our function executes\n $timeout(function () {\n var val = $parse(attrs.ngModel)($parentScope);\n if (selectInitialValue !== val) {\n if (ngChange) {\n ngChange($parentScope);\n }\n selectInitialValue = val;\n }\n }, 10);\n }\n\n if (isWinOS) {\n if (attrs['ngChange']) {\n ngChange = $parse(attrs.ngChange);\n attrs['ngChange'] = '';\n }\n\n $select.bind('blur', function () {\n executeSelectChange();\n $span.removeClass('active');\n });\n\n $select.bind('click', function () {\n executeSelectChange();\n });\n } else {\n $select.bind('blur', function () {\n $span.removeClass('active');\n });\n }\n\n $select.after($span);\n\n $select.addClass('replaced');\n\n if (attrs['default']) {\n var defaultOption = document.createElement('option');\n defaultOption.innerText = attrs['default'];\n $select.append(defaultOption);\n }\n\n var match = (attrs.ngOptions || '').match(/in ([\\w\\.]+)/);\n // Text Update Method 1(new): ng-bind on variable passed in directive and that is updated in parent/sibling scope\n if (angular.isDefined($scope.dropdownTextBindVar)) {\n var selectTextElement = $span.find('span span');\n if (selectTextElement.length) {\n $(selectTextElement).attr('ng-bind', 'dropdownTextBindVar');\n $(selectTextElement).html($compile(selectTextElement[0])($scope));\n }\n\n $scope.$watch('dropdownTextBindVar', function (newVal) {\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n $span.toggleClass('ltrOverride', !$util.hasRTL(newVal));\n }\n });\n }\n // Text Update Method 2(old): jQuery text update on various conditions (not as reliable for me, ran into timing edge cases)\n else {\n var updateCover = function updateCover() {\n $timeout(function () {\n var text = $select.find(':selected').text().trim();\n $span.find('span span').text(text);\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n $span.toggleClass('ltrOverride', !$util.hasRTL(text));\n }\n }, 10);\n };\n\n $parentScope.$watch(attrs.ngModel, updateCover);\n\n $scope.$on('contentChange', updateCover);\n\n if (match) {\n $parentScope.$watch(match[1], updateCover);\n }\n // Update cover on arrow key press, for case where menu is not open\n // but user is interacting with dropdown (eg. Firefox)\n $select.bind('keyup', function (event) {\n // Arrow keys are 37 - 40\n if (event.which >= 37 || event.which <= 40) {\n updateCover();\n }\n });\n }\n\n toggleOptionsLTROverride();\n if (match) {\n $parentScope.$watch(match[1], function (newVal) {\n toggleOptionsLTROverride();\n });\n }\n\n function toggleOptionsLTROverride() {\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n $timeout(function () {\n var options = $select.find('option');\n for (var i = 0; i < options.length; i++) {\n $(options.get(i)).toggleClass('ltrOverride', !$util.hasRTL(options.get(i).text));\n }\n });\n }\n }\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"../node_modules/console-browserify/index.js\")))\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/error-tooltip/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function($) {\n\nvar _angular = __webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\");\n\nvar _angularAria = __webpack_require__(\"./components/angular-aria/angular-aria.min.js\");\n\n// Configure angular aria.\n// Note that aria configuration applies globally\n_angularAria.$ariaProvider.config({ // eslint-disable-line angular/di\n // Remove bindRoleForClick since we use ngClick for several items that shouldn't be treated as buttons.\n bindRoleForClick: false,\n\n // Remove ariaInvalid and ariaRequired as we want to handle them ourselves.\n // These attributes should only be set once the form is submitted, to match what\n // visually what we display\n ariaInvalid: false,\n ariaRequired: false,\n // Removing aria-hidden attribute for hidden elements\n ariaHidden: false\n});\n\n(0, _angular.$registerDirective)('xo-error-tooltip', function () {\n\n return {\n restrict: 'A',\n require: ['?^form', '?ngModel'],\n link: function link(scope, element, attrs, ctrls) {\n var formCtrl = ctrls[0],\n modelCtrl = ctrls[1];\n\n\n function shouldBeRequired() {\n if (formCtrl) {\n // If input is a checkbox and has error-text or error-key, show the error text instead of the required text.\n // error-text is a legacy thing for backward compatibility, we can get rid of this once all teams\n // adopt error-key in all input tags\n var showCheckboxRequired = !(element.attr('type') === 'checkbox' && (attrs.errorText || attrs.errorKey));\n return formCtrl.$submitted && modelCtrl.$error.required && showCheckboxRequired;\n } else {\n return modelCtrl.$error.required;\n }\n }\n\n function shouldBeInvalid() {\n if (formCtrl) {\n return formCtrl.$submitted && modelCtrl.$invalid;\n } else {\n return modelCtrl.$invalid;\n }\n }\n\n // Add or remove a string into a space split string (eg. aria-describedby ids, class names)\n function formatSpaceSplitString(str, id, add) {\n var strArray;\n if (str) {\n strArray = str.split(' ');\n } else {\n strArray = [];\n }\n\n var idIndex = strArray.indexOf(id);\n\n if (~idIndex && !add) {\n strArray.splice(idIndex, 1);\n } else if (!~idIndex && add) {\n strArray.push(id);\n }\n\n return strArray.join(' ');\n }\n\n // Add tooltip behavior after DOM settles\n (0, _angular.$timeout)(function () {\n var generateId = function generateId() {\n return Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 7);\n };\n\n var requiredId = generateId();\n var invalidId = generateId();\n var requiredError;\n var invalidError;\n\n if (attrs.errorKey) {\n element.addClass('hasErrorTooltipRuleSpecific');\n invalidError = (0, _angular.$compile)('
{{content(\"' + attrs.errorKey + '\")}}
')(scope);\n element.after(invalidError);\n } else if (attrs.errorText) {\n // errorText if case is for backward compatibility, we can get rid of this once\n // all teams adopt error-key in all input tags for tooltip message display\n element.addClass('hasErrorTooltipRuleSpecific');\n invalidError = $('
\\n\\n\"\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/generic-message/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/jquery/dist/jquery.min.js\"), __webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\"), __webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"../node_modules/noop-loader/index.js!./components/xo-ui-components/src/generic-message/template.html\"), __webpack_require__(\"./components/xo-models/src/checkout/index.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function ($, angular, squid, template) {\n\n return angular.module('xo-generic-message.directive', ['squid', 'xomodel.checkout']).directive('xoGenericMessage', function ($rootScope) {\n\n return {\n template: template,\n\n scope: {\n token: '='\n },\n\n controller: function controller($scope, $rootScope, // eslint-disable-line no-shadow\n $stateParams, $state, $logger, $CheckoutAppDataModel, $populate) {\n\n $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {\n event.preventDefault();\n });\n\n $('.paypalHeaderWrapper').hide();\n $('.footerWrapper').addClass('genericMessage');\n\n var titleKeyMapping = {\n PAYMENT_SUCCESS: 'paymentSuccessTitle',\n DEFAULT: 'paymentSuccessTitle'\n };\n\n $scope.titleKey = 'genericMessage.' + ($stateParams.code && titleKeyMapping[$stateParams.code]) || titleKeyMapping.DEFAULT;\n\n var contentKeyMapping = {\n PAYMENT_SUCCESS: 'paymentSuccessMessage',\n DEFAULT: 'paymentSuccessMessage'\n };\n var contentKey = $stateParams.code && contentKeyMapping[$stateParams.code];\n\n if (contentKey) {\n $scope.contentKey = 'genericMessage.' + contentKey;\n }\n\n $populate($scope, {\n checkoutAppData: $CheckoutAppDataModel.instance($scope.token)\n }).then(function () {\n var merchant = $scope.checkoutAppData.merchant;\n $scope.merchant = merchant.brand_name || merchant.merchant_name || merchant.merchant_email;\n });\n\n $scope.$on('$destroy', function (event) {\n $('.paypalHeaderWrapper').show();\n $('.footerWrapper').removeClass('genericMessage');\n });\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/link/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _uiRouter = __webpack_require__(\"./components/angular-ui-router/release/angular-ui-router.min.js\");\n\nvar _template = __webpack_require__(\"./components/xo-ui-components/src/link/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\n__webpack_require__(\"./components/xo-ui-components/src/link/styles.less\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Component.extend('$xoLink', {\n tag: 'xo-link',\n template: _template2['default'],\n props: {\n onClick: {\n type: 'var',\n required: false\n },\n leftIcon: {\n type: 'str',\n required: false\n },\n rightIcon: {\n type: 'str',\n required: false\n },\n goTo: {\n type: 'str',\n required: false\n },\n label: {\n type: 'str',\n required: false\n }\n },\n\n actions: {\n onClick: function onClick(event) {\n var _props = this.props,\n onClick = _props.onClick,\n goTo = _props.goTo;\n\n\n if (onClick) {\n onClick(event);\n }\n\n if (goTo) {\n _uiRouter.$state.go(goTo);\n }\n }\n }\n});\n\n\n_squid.$Component;\n\n_uiRouter.$state;\nmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/link/styles.less\":\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/link/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"\\n {{props.label}}\\n\\n\"\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/message/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"../node_modules/noop-loader/index.js!./components/xo-ui-components/src/message/template.html\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (squid, template) {\n\n squid.module('xo-message.directive', ['squid']).directive('xoMessage', function ($timeout, $loader, $rootScope) {\n return {\n scope: {\n message: '=', // Expected type - {msgs: [], type: \"info|error|success|warning\"}\n isgreyheader: '='\n },\n template: template,\n link: function link(scope, element, attrs) {\n\n // Hide and show the alerts so that messages can be registered by\n // screen reader even if they are repeats. Uses $timeout to\n // wait for DOM before showing alerts again.\n var toggleAlert = function toggleAlert() {\n var $alert = element.find('ul');\n $alert.detach();\n $timeout(function () {\n element.find('#pageLevelErrors').append($alert);\n });\n };\n\n // Toggle the alert whenever message changes by removing it and reappending it\n // to the DOM. Should fire even if message\n // is changed to the same, as assumes that the message should be reapplied.\n var cancel;\n scope.$watchCollection('message', function () {\n if ($loader.isLoading() && !cancel) {\n // If loading, toggle the alert after all loading calls have been made.\n // This is so that the alert can be read by screen reader after focus\n cancel = $rootScope.$on('allLoaded', function () {\n cancel();\n toggleAlert();\n\n cancel = null;\n });\n } else {\n toggleAlert();\n }\n });\n\n scope.$on('$destroy', function () {\n if (cancel) {\n cancel();\n }\n });\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/mobile-pin/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _angular = __webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\");\n\nvar _template = __webpack_require__(\"./components/xo-ui-components/src/mobile-pin/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\n__webpack_require__(\"./components/xo-ui-components/src/mobile-pin/styles.less\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n// wrapper class which looks like password black dot\nvar PASSWORD_DOT_CLASS = 'passwordDot';\n\n// wrapper class which looks like an empty grey dot\nvar DEFAULT_DOT_CLASS = 'defaultDot';\n\n// delay after which input becomes a password dot, so user can see what number was entered for 1 sec\nvar DELAY = 600;\n\n// back key code\nvar BACK_KEY = 0x8;\n\n// check if entered pin combination is valid\nvar isPinValid = function isPinValid(value) {\n var onlyNumbers = /^\\d{4}$/i;\n var consecutiveDigits = /^0123|1234|2345|3456|4567|5678|6789$/i;\n var commonPattern = /^0246|1357|2468|3579$/i;\n var repeatingDigits = /^([0-9])\\1*$/i;\n return onlyNumbers.test(value) && !consecutiveDigits.test(value) && !commonPattern.test(value) && !repeatingDigits.test(value);\n};\n\n// check if entered input value is number before proceeding to the next input\nvar isKeyValid = function isKeyValid(val) {\n return (/^\\d{1}/.test(val)\n );\n};\n\n// get wrapper of input element\nvar getWrapperElement = function getWrapperElement(el) {\n return angular.element(el).parent();\n};\n\n/**\n * This component is for setting PIN number for in-store purchases in tokenized flows (e.g Google Pay / Samsung Pay)\n * It's used in Hermes -> pages/xo-pin-setup\n * After Pin is set -> done callback is being called\n * and pin is getting saved in $TokenizedWalletPinModel and on the xo-review page there is POST API call to save it in the database (see '/api/pin/tokenizedWallet/:id')\n */\nexports['default'] = _squid.$Component.extend('$xoMobilePin', {\n tag: 'xo-mobile-pin',\n template: _template2['default'],\n props: {\n /**\n * callback function passed from xo-pin-setup page in Hermes\n * which is being called when all 4 pin numbers are set\n * (even after first attempt or if it's a too simple combination)\n *\n */\n done: {\n type: 'var'\n }\n },\n\n actions: {\n /**\n * Every time key is released we need to check if all 4 digits are set and so call done function\n * otherwise move cursor to the right if entered value is a number\n */\n releaseKey: function releaseKey(eventObj) {\n var currID = eventObj && eventObj.currentTarget.id;\n if (eventObj && eventObj.keyCode === BACK_KEY) {\n return;\n }\n var currEle = document.getElementById(currID);\n var currentValue = this.pinvalue[currID];\n\n if (this.isDone()) {\n currEle.blur();\n var pin = this.getPin();\n this.props.done(pin);\n }\n if (isKeyValid(currentValue)) {\n this.moveCursor(currID, 'right', false);\n }\n },\n\n /**\n * Every time key is pressed check if it was a back key\n * if yes -> move cursor to the left to the previous input\n */\n pressedKey: function pressedKey(eventObj) {\n var currID = eventObj && eventObj.currentTarget.id;\n\n if (eventObj && eventObj.keyCode === BACK_KEY) {\n this.moveCursor(currID, 'left', true);\n }\n },\n\n /**\n * Every time input is focused:\n * 1. reset input value and store value\n * 2. remove password dot class and default dot class from the parent wrapper\n */\n onFocus: function onFocus(eventObj) {\n var currID = eventObj && eventObj.currentTarget.id;\n var currEle = document.getElementById(currID);\n\n this.pinvalue[currID] = '';\n currEle.value = '';\n\n getWrapperElement(currEle).removeClass(PASSWORD_DOT_CLASS);\n getWrapperElement(currEle).removeClass(DEFAULT_DOT_CLASS);\n },\n\n /**\n * Every time input is unfocused:\n * 1. if current value is empty -> add default dot class to the parent wrapper\n * 2. otherwise add password dot class to the parent wrapper with a delay so user can see an entered value\n */\n onBlur: function onBlur(eventObj) {\n var currID = eventObj && eventObj.currentTarget.id;\n var currentValue = eventObj && eventObj.currentTarget.value;\n var currEle = document.getElementById(currID);\n if (!currentValue) {\n getWrapperElement(currEle).addClass(DEFAULT_DOT_CLASS);\n }\n if (!this.doingReset && currentValue) {\n (0, _angular.$timeout)(function () {\n getWrapperElement(currEle).addClass(PASSWORD_DOT_CLASS);\n currEle.value = '';\n }, DELAY);\n }\n },\n\n /**\n * since we have pseudo classes to render password dot / default dot on top of the inout ->\n * make sure element under the dot is focused every time there is a click\n */\n onWrapperClick: function onWrapperClick(eventObj) {\n angular.element(eventObj.currentTarget).find('input').focus();\n }\n },\n\n lifecycle: {\n enter: function enter() {\n var _this = this;\n\n // store of pin values\n this.pinvalue = {};\n this.doingReset = false;\n this.fields = ['field1', 'field2', 'field3', 'field4'];\n\n // get pin result and check if pin is too simple\n this.getPin = function () {\n var result = { value: '', error: '' };\n _this.fields.forEach(function (fieldName) {\n result.value = result.value + String(_this.pinvalue[fieldName]);\n });\n result.error = isPinValid(result.value) ? '' : 'pin_too_simple';\n return result;\n };\n\n // check if all input values are set and valid\n this.isDone = function () {\n return _squid.$util.every(Object.keys(_this.pinvalue), function (key) {\n var inputVal = _this.pinvalue[key];\n\n return isKeyValid(inputVal);\n });\n };\n\n // move cursor to the left or right based on direction\n this.moveCursor = function (currID, direction, clearCurrent) {\n var currentIndex = _this.fields.indexOf(currID);\n var currEle = document.getElementById(currID);\n if (clearCurrent) {\n currEle.value = '';\n _this.pinvalue[currID] = '';\n }\n\n var nextIndex = void 0;\n if (direction === 'left') {\n nextIndex = currentIndex > 0 ? currentIndex - 1 : 0;\n }\n if (direction === 'right') {\n nextIndex = currentIndex < _this.fields.length - 1 ? currentIndex + 1 : _this.fields.length - 1;\n }\n\n var nextID = _this.fields[nextIndex];\n if (nextID !== currID) {\n var nextEle = document.getElementById(nextID);\n nextEle.focus();\n } else {\n // if user enters value into the last input - unfocus it to prevent entering more\n currEle.blur();\n }\n };\n\n // reset all inputs / store and set focus on first element\n this.reset = function () {\n _this.fields.forEach(function (fieldName) {\n _this.pinvalue[fieldName] = '';\n var currentElement = document.getElementById(fieldName);\n\n getWrapperElement(currentElement).removeClass(PASSWORD_DOT_CLASS);\n getWrapperElement(currentElement).addClass(DEFAULT_DOT_CLASS);\n });\n // set focus to first elemnt\n var firstInput = document.getElementById(_this.fields[0]);\n\n if (firstInput) {\n firstInput.focus();\n }\n _this.doingReset = false;\n };\n },\n populate: function populate() {\n var _this2 = this;\n\n this.reset();\n this.$on('resetPin', function () {\n _this2.doingReset = true;\n (0, _angular.$timeout)(function () {\n return _this2.reset();\n }, DELAY);\n });\n }\n }\n});\n\n\n_squid.$Component;\n\n_squid.$util;\n\n_angular.$timeout;\nmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/mobile-pin/styles.less\":\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/mobile-pin/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"
\\n
\\n \\n
\\n
\\n \\n
\\n
\\n \\n
\\n
\\n \\n
\\n
\"\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/modal/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function($) {\n\n__webpack_require__(\"./components/xo-ui-components/src/accessibility/directive.js\");\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _template = __webpack_require__(\"./components/xo-ui-components/src/modal/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n// Directives used in the template\n(0, _squid.$registerDirective)('xoModal', function () {\n return {\n template: _template2['default'],\n restrict: 'E',\n replace: true,\n transclude: true,\n\n scope: {\n show: '=?',\n showCloseButton: '=?',\n enableCloseOnEscape: '=?',\n onClose: '=?',\n overrideDefaultContainer: '@?' // Boolean to determine if default styling should be applied to container\n },\n\n controller: function controller($scope) {\n\n var escapeKeyHandler = function escapeKeyHandler($event) {\n if ($event.keyCode === 27) {\n // escape key maps to keycode 27\n $scope.hideModal();\n }\n };\n\n if ($scope.enableCloseOnEscape) {\n // Handle Escape button as close button click\n $(document).bind('keyup', escapeKeyHandler);\n }\n\n $scope.hideModal = function ($event) {\n if ($event) {\n $event.preventDefault();\n }\n\n $scope.show = false;\n $(document).unbind('keyup', escapeKeyHandler);\n\n if ($scope.onClose) {\n $scope.onClose();\n }\n };\n }\n };\n});\n\n_squid.$registerDirective;\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"./components/jquery/dist/jquery.min.js\")))\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/modal/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"
\\n\"\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/popup/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/jquery/dist/jquery.min.js\"), __webpack_require__(\"./components/squid/dist/index.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function ($, squid) {\n\n squid.module('xo-popup.directive', ['squid']).directive('xoPopup', function ($window, $util) {\n return {\n restrict: 'A',\n\n link: function link(scope, element, attr) {\n\n element.on('click', function (event) {\n event.preventDefault();\n event.stopPropagation();\n\n var config = {\n popupUrl: attr.href,\n popupWindowName: 'popup',\n width: 835,\n height: 500,\n\n popupWindowFeatures: {\n location: 1,\n status: 1,\n scrollbars: 1,\n resizable: 1,\n toolbar: 0,\n menubar: 0\n }\n };\n\n scope.trackExternalLink(attr.id || 'external_link');\n\n var isOneTouch = $util.param('isOneTouch');\n\n if (/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)|PLAYSTATION|iPadApp/i.test($window.navigator.userAgent) && isOneTouch !== '1') {\n scope.$emit('showModal', config);\n return false;\n }\n\n if ($(element).hasClass('smallPopup')) {\n config.width = 385;\n }\n\n var left = 0;\n var top = 0;\n\n if (window.outerWidth) {\n left = Math.round((window.outerWidth - config.width) / 2) + window.screenX;\n top = Math.round((window.outerHeight - config.height) / 2) + window.screenY;\n } else if (window.screen.width) {\n left = Math.round((window.screen.width - config.width) / 2);\n top = Math.round((window.screen.height - config.height) / 2);\n }\n\n var features = Object.keys(config.popupWindowFeatures).map(function (k) {\n return k + '=' + config.popupWindowFeatures[k];\n }).join(',');\n\n // put together WindowFeatures, since, window.open needs it as a string\n features += ',width=' + config.width + ',height=' + config.height + ',left=' + left + ',top=' + top;\n\n var popup = $window.open(config.popupUrl, config.popupWindowName, features);\n\n if (popup.focus) {\n popup.focus();\n }\n });\n },\n\n controller: function controller($scope, $logger) {\n $scope.trackExternalLink = function (linkName) {\n $logger.info(linkName);\n };\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/prefix-attrs-with/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\n\nvar _angular = __webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\");\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nexports['default'] = (0, _angular.$registerDirective)('prefix-attrs-with', function () {\n return {\n restrict: 'A',\n link: function link(scope, elem, attrs, controller) {\n var prefix = attrs.prefixAttrsWith;\n\n if (prefix && prefix.length) {\n ['id', 'for', 'name'].forEach(function (attrName) {\n var base = attrs[attrName];\n\n if (base) {\n elem.attr(attrName, _squid.$util.dasherizeToCamel(prefix + '-' + base));\n }\n });\n }\n }\n };\n});\n\n\n_angular.$registerDirective;\n\n_squid.$util;\nmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/spinner-button/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\"), __webpack_require__(\"../node_modules/noop-loader/index.js!./components/xo-ui-components/src/spinner-button/template.html\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (angular, template) {\n return angular.module('xo-spinner-button.directive', []).directive('xoSpinnerButton', function () {\n return {\n template: template,\n scope: {\n token: '=',\n track: '@',\n onClick: '=',\n buttonText: '@',\n isProcessing: '=',\n validate: '='\n },\n controller: function controller($scope) {\n\n $scope.submit = function () {\n if ($scope.onClick) {\n $scope.onClick();\n } else {\n $scope.validate = true;\n }\n };\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/spinner/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(\"./components/jquery/dist/jquery.min.js\"), __webpack_require__(\"./components/squid/dist/index.js\"), __webpack_require__(\"../node_modules/noop-loader/index.js!./components/xo-ui-components/src/spinner/template.html\"), __webpack_require__(\"./components/xo-beaver/dist/logger.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function ($, squid, template) {\n\n squid.module('xo-spinner.directive', ['squid', 'beaver']).directive('xoSpinner', function () {\n\n return {\n scope: {},\n template: template,\n controller: function controller($scope, $element, $rootScope, $Api, $locale, $logger, $loader, $timeout) {\n\n var $body = angular.element(document.getElementsByTagName('body'));\n var $priorActiveElement = $();\n var $capturedElement = $();\n var $header = $('header');\n var $slidingArea = $('#main');\n var $footer = $('footer');\n\n /**\n * This hides page content from any screen readers.\n * When the spinner's active, the only thing that should be read out is the \"Loading...\" text.\n *\n * The only crappy thing here is the spinner's nested deep in the content, so please excuse this jQuery crap.\n * At the very least, let's cache these selectors :|\n */\n function hidePageContentFromScreenReader(toggle) {\n $header.attr('aria-disabled', toggle);\n $slidingArea.attr('aria-disabled', toggle);\n $footer.attr('aria-disabled', toggle);\n }\n\n function preventDefault(event) {\n var _event$target = event.target;\n _event$target = _event$target === undefined ? {} : _event$target;\n var targetId = _event$target.id;\n\n // Only call preventDefault if the target is not a captcha input.\n // If the target is a captcha input we don't want to prevent the\n // user from entering the captcha code.\n\n if (targetId !== 'captchaCode') {\n event.preventDefault();\n }\n }\n\n function captureFocus(event) {\n if (!$element.has(event.target).length) {\n $capturedElement = $(event.target);\n }\n }\n\n function setLoadingMessage(message) {\n if (angular.isObject(message)) {\n $scope.message = message.heading;\n $('#spinnerMessage').css('font-size', '17.5px');\n $('#spinnerMessage').html(message.heading);\n $('#spinnerSubHeading').html(message.subHeading);\n } else {\n $scope.message = message;\n $('#spinnerMessage').html(message);\n }\n }\n\n function showSpinner() {\n $scope.loading = true;\n $logger.info('show_loading_spinner');\n $body.addClass('loading');\n\n // remember what was previously focused\n $priorActiveElement = $(':focus');\n\n $(':input, a').blur();\n\n hidePageContentFromScreenReader(true);\n\n if ($loader.firstLoad()) {\n setLoadingMessage($locale.content.get('base.processing'));\n }\n\n // focus on the message so that screen readers will let the user know the page is loading\n $(document).on('keydown', preventDefault);\n $(document).on('focusin', captureFocus);\n $timeout(function () {\n $('#spinner-message').focus();\n });\n }\n\n function hideSpinner() {\n $scope.loading = false;\n $logger.info('hide_loading_spinner');\n $('#preloaderSpinner').hide();\n $body.removeClass('loading');\n $(document).off('keydown', preventDefault);\n $(document).off('focusin', captureFocus);\n\n hidePageContentFromScreenReader(false);\n\n // Focus captured element if focus was given to an element while spinner was active.\n if ($capturedElement.length && $(document.body).has($capturedElement).length) {\n $capturedElement.focus();\n // Focus element that had focus before if it is still within the document\n } else if ($priorActiveElement.length && $(document.body).has($priorActiveElement).length) {\n $priorActiveElement.focus();\n } else {\n // If focus is not managed, default to focusing sliding area. Fixes FF and IE bug where tab focus starts from\n // the element last clicked, rather than top of page.\n $slidingArea.focus();\n }\n $priorActiveElement = $();\n $capturedElement = $();\n }\n\n var cancelStartLoad = $rootScope.$on('startLoad', showSpinner);\n var cancelAllLoaded = $rootScope.$on('allLoaded', hideSpinner);\n\n var cancelSetLoadingMessage = $rootScope.$on('loadingMessage', function (event, text) {\n setLoadingMessage(text);\n });\n\n $scope.$on('$destroy', function () {\n hideSpinner();\n cancelStartLoad();\n cancelAllLoaded();\n cancelSetLoadingMessage();\n });\n\n if ($loader.isLoading()) {\n showSpinner();\n }\n }\n };\n });\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/sticky-cta/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _logger = __webpack_require__(\"./components/xo-beaver/dist/logger.js\");\n\nvar _angular = __webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\");\n\nvar _template = __webpack_require__(\"./components/xo-ui-components/src/sticky-cta/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\n__webpack_require__(\"./components/xo-ui-components/src/sticky-cta/styles.less\");\n\nvar _utils = __webpack_require__(\"./components/xo-ui-components/src/sticky-cta/utils.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Component.extend('$xoStickyCta', {\n tag: 'xo-sticky-cta',\n template: _template2['default'],\n transclude: true,\n props: {\n eligibility: {\n type: 'var'\n }\n },\n resolve: {},\n lifecycle: {\n populate: function populate() {\n _logger.$logger.info('xoStickyCta_populate_' + this.eligibility);\n if (!this.eligibility) {\n return;\n }\n var position = this.eligibility;\n var stickyContent = document.getElementById('sticky-content');\n var stickyPlaceholder = document.getElementById('sticky-placeholder-' + position);\n var foundContentDom = Boolean(stickyContent);\n var placeholderIsVisible = (0, _utils.isInViewport)(stickyPlaceholder);\n\n angular.element(stickyContent).addClass('sticky-' + position + '-off');\n\n _logger.$logger.info('xoStickyCta_init', {\n foundContentDom: foundContentDom,\n placeholderIsVisible: placeholderIsVisible,\n position: position\n });\n\n /** \n * TODO: Replace sticky logic with 'position:sticky' only when\n * there is greater browser compatibility. It is more seamless.\n * When using 'position:sticky' revert 'overflow:hidden' else sticky is not possible.\n * angular.element(document.getElementById('sliding-area')).css('overflow', 'inherit');\n */\n\n /**\n * Current Logic: if the stickyContent DOM is found in html then\n * - if placeholder is visible on screen -> fix the DOM position to its regular position\n * - if placeholder is not visible on screen -> we make the DOM float\n */\n\n var isFloating = false;\n\n var bindHandler = function bindHandler(event) {\n isFloating = (0, _utils.stickyHandler)(stickyPlaceholder, stickyContent, {\n isFloating: isFloating,\n position: position,\n currentState: _angular.$rootScope.currentState\n });\n };\n\n var stateHandler = function stateHandler(event, toState, toParams, fromState) {\n /**\n * TODO:\n * try to use something like .trayOpen -> great grand child .sticky via css\n * this is required for cases when overlay or sidebar is opened.\n */\n var review = 'checkout.review';\n var to = toState && toState.name;\n var from = fromState && fromState.name;\n\n var conflict = from === to;\n var leaving = !conflict && from === review;\n var entering = !conflict && to === review;\n\n if (leaving) {\n isFloating = (0, _utils.stickyHandler)(stickyPlaceholder, stickyContent, {\n force: 'off',\n position: position\n });\n }\n if (entering) {\n isFloating = (0, _utils.stickyHandler)(stickyPlaceholder, stickyContent, {\n isFloating: isFloating,\n position: position,\n currentState: _angular.$rootScope.currentState\n });\n }\n\n _logger.$logger.info('xoStickyCta_stateChangeSuccess', { to: to, from: from, isFloating: isFloating });\n };\n\n angular.element(_angular.$window).bind('scroll', bindHandler).bind('resize', bindHandler);\n // .bind('orientationchange', bindHandler); // TODO\n\n var stateChangeListener = _angular.$rootScope.$on('$stateChangeSuccess', stateHandler);\n\n this.$on('$destroy', function () {\n _logger.$logger.info('xoStickyCta_destroy');\n angular.element(_angular.$window).unbind('scroll', bindHandler) // remove only the handlers used in this element\n // .bind('orientationchange', bindHandler) // TODO\n .unbind('resize', bindHandler); // remove only the handlers used in this element\n stateChangeListener();\n });\n }\n }\n});\n\n_squid.$Component;\n\n_logger.$logger;\n\n_angular.$window;\n\n_angular.$rootScope;\n\n_utils.isInViewport;\n\n_utils.stickyHandler;\nmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/sticky-cta/styles.less\":\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/sticky-cta/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"
\\n \\n \\n \\n
\"\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/sticky-cta/utils.js\":\n/***/ (function(module, exports) {\n\n\n\nexports.__esModule = true;\n/**\n * Checks if provided element is currently visible.\n * \n * @param {any} element: Reference to DOM object\n * @returns {Boolean}\n */\nvar isInViewport = exports.isInViewport = function isInViewport(element) {\n var bounding = element.getBoundingClientRect();\n\n return (\n // check if element is bellow top most pixel\n // check if element is on the right of left most pixel\n // check if element is above the lowest pixel on screen\n // check if element is on the left of the right most pixel\n bounding.top >= 0 && bounding.left >= 0 && bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) && bounding.right <= (window.innerWidth || document.documentElement.clientWidth)\n );\n};\n\n/**\n * Make the element provided sticky\n * \n * @param {any} placeholder: Reference to placeholder DOM object\n * @param {any} element: Reference to DOM object\n * @param {string} position: where the element is located ('top', 'bottom').\n */\nvar makeSticky = exports.makeSticky = function makeSticky(placeholder, element, position) {\n var elementHeight = element.offsetHeight;\n\n angular.element(element).addClass('sticky').addClass('sticky-' + position).removeClass('sticky-' + position + '-off');\n angular.element(placeholder).css('height', elementHeight);\n return true;\n};\n\n/**\n * Make the element provided fixed to regular location\n * \n * @param {any} placeholder: Reference to placeholder DOM object\n * @param {any} element: Reference to DOM object\n * @param {string} position: where the element is located ('top', 'bottom').\n */\nvar removeSticky = exports.removeSticky = function removeSticky(placeholder, element, position) {\n angular.element(element).removeClass('sticky').removeClass('sticky-' + position).addClass('sticky-' + position + '-off');\n angular.element(placeholder).css('height', '');\n return false;\n};\n\n/**\n * Decides when to enable or disable sticky effect on DOM\n * \n * @param {any} stickyPlaceholder: Reference to DOM object\n * @param {any} stickyContent: Reference to DOM object \n * @param {any} context: context related to current state of DOM\n * @returns {Boolean}: Updated state of DOM\n */\nvar stickyHandler = exports.stickyHandler = function stickyHandler(stickyPlaceholder, stickyContent, context) {\n var position = context.position,\n force = context.force,\n currentState = context.currentState,\n isFloating = context.isFloating;\n\n\n if (force === 'off') {\n return removeSticky(stickyPlaceholder, stickyContent, position);\n }\n\n var alreadyFloating = isInViewport(stickyPlaceholder) && isFloating;\n var canEnable = !isInViewport(stickyPlaceholder) && !isFloating && currentState === 'checkout_review';\n\n if (alreadyFloating) {\n return removeSticky(stickyPlaceholder, stickyContent, position);\n } else if (canEnable) {\n return makeSticky(stickyPlaceholder, stickyContent, position);\n } else {\n return isFloating;\n }\n};\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/tooltip/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function($) {\n\nexports.__esModule = true;\n\nvar _angular = __webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\");\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _template = __webpack_require__(\"./components/xo-ui-components/src/tooltip/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nfunction getDefaultShowEvent($el) {\n return $el.is('a') || $el.is('button') ? 'click' : 'focus';\n}\n\n// Modify the aria-describedby property to include the id when showing the element so contents are properly read\nfunction addDescribedById($el, id) {\n var describedByIds = $el.attr('aria-describedby') ? $el.attr('aria-describedby').split(' ') : [];\n\n if (!~describedByIds.indexOf(id)) {\n describedByIds.push(id);\n }\n\n $el.attr('aria-describedby', describedByIds.join(' '));\n}\n\n// Modify the aria-describedby attribute to remove the id when hiding the element so contents are no longer read\nfunction removeDescribedById($el, id) {\n var describedByIds = $el.attr('aria-describedby') || '';\n\n $el.attr('aria-describedby', describedByIds.split(' ').filter(function (existingId) {\n return existingId !== id;\n }).join(' '));\n}\n\nvar isMouseTypeEvent = function isMouseTypeEvent(type) {\n return (/mouse/.test(type)\n );\n};\n\nfunction debounceOnMouseTrigger(type, fn) {\n var isMouseType = isMouseTypeEvent(type);\n\n return function () {\n var _arguments = arguments;\n\n if (isMouseType) {\n (0, _angular.$timeout)(function () {\n return fn.apply(null, _arguments);\n }, 250);\n } else {\n fn.apply(null, arguments);\n }\n };\n}\n\nexports['default'] = _squid.$Component.extend('xoTooltip', {\n tag: 'xo-tooltip',\n template: _template2['default'],\n transclude: true,\n props: {\n trigger: {\n type: 'str'\n },\n showEvent: {\n type: 'str'\n },\n hideEvent: {\n type: 'str'\n },\n displayInline: {\n type: 'var'\n },\n align: {\n type: 'str'\n }\n },\n lifecycle: {\n populate: function populate() {\n var $element = this.$element,\n trigger = this.trigger;\n\n var $trigger = $(trigger);\n var toolTip = $element.find('.toolTip');\n var toolTipID = this.toolTipID = 'toolTip_' + Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 7);\n var isMouseOver = false;\n\n /**\n * Toggle the show/hide state of the tooltip\n */\n var toggle = function toggle(event) {\n if (toolTip.length && toolTip.is(':visible')) {\n close(event);\n } else {\n show(event);\n }\n };\n\n /**\n * Show the tooltip, if not already shown.\n */\n var show = function show(event) {\n if (event) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n addDescribedById($trigger, toolTipID);\n\n // Show the tooltip and position the page scroll to include the element on page\n $element.show();\n toolTip.slideDown({\n progress: function progress() {\n var windowBot = $(window).scrollTop() + $(window).height();\n var toolTipBot = toolTip.offset().top + toolTip.outerHeight();\n if (toolTipBot > windowBot) {\n $(window).scrollTop(toolTipBot - $(window).height());\n }\n }\n });\n };\n\n /**\n * Hide the tooltip\n */\n var close = function close(event) {\n if (event) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if (!isMouseOver) {\n if (toolTip.length && toolTip.is(':visible')) {\n toolTip.slideUp(100, function () {\n $element.hide();\n });\n } else {\n $element.hide();\n }\n\n removeDescribedById($trigger, toolTipID);\n }\n };\n\n /**\n * Setting up the DOM behavior for this component\n */\n // Set defaults for showEvent and hideEvent if not provided\n this.showEvent = this.showEvent || getDefaultShowEvent($element);\n this.hideEvent = this.hideEvent || 'blur';\n\n var SHOW_EVENT = this.showEvent + '.toolTip';\n var HIDE_EVENT = this.hideEvent + '.toolTip';\n\n // Initially hide the tooltip\n $element.hide();\n\n // If tooltip is clicked, don't bubble up and trigger parent handlers\n $element.on('click', function (event) {\n return event.stopPropagation();\n });\n\n // If the tooltip contains an element with a \"close\" class, treat it as a close button\n $element.on('click', '.close', close);\n\n // Track whether the mouse is on the tooltip or not\n $element.on('mouseover', function () {\n isMouseOver = true;\n });\n $element.on('mouseleave', function () {\n isMouseOver = false;\n });\n\n // Clicking anywhere on the document not on the tooltip will close the tooltip.\n // Event is not passed so that other actions are not prevented\n $(document).on('click.toolTip', function (e) {\n // Needed because when the trigger is clicked, this click handler will also be fired.\n // So without this check the tooltip will open due to the trigger click and then this\n // document event handler would immediately close it\n if (!$trigger.is(e.target)) {\n close();\n }\n });\n\n // Register the handlers to show and hide the tooltip\n if (this.showEvent === this.hideEvent) {\n $trigger.on(SHOW_EVENT, toggle);\n $element.on(SHOW_EVENT, toggle);\n } else {\n $trigger.on(SHOW_EVENT, show);\n $trigger.on(HIDE_EVENT, debounceOnMouseTrigger(this.hideEvent, close));\n // Also allow close event to happen on the tooltip itself, for mouse type events\n $element.on(HIDE_EVENT, debounceOnMouseTrigger(this.hideEvent, close));\n }\n\n // Clean up external listeners on exit\n this.$on('$destroy', function () {\n $(document).off('click.toolTip');\n $trigger.off(SHOW_EVENT);\n $trigger.off(HIDE_EVENT);\n close();\n });\n }\n }\n});\n\n\n_angular.$timeout;\n\n_squid.$Component;\nmodule.exports = exports['default'];\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"./components/jquery/dist/jquery.min.js\")))\n\n/***/ }),\n\n/***/ \"./components/xo-ui-components/src/tooltip/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"
\\n\\n\"\n\n/***/ }),\n\n/***/ \"./pages/xo-review/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\nexports.$xoReviewPageComponent = undefined;\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 _angular = __webpack_require__(\"./components/angularjs-ie8-build/dist/angular.min.js\");\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _jquery = __webpack_require__(\"./components/jquery/dist/jquery.min.js\");\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\n__webpack_require__(\"./js/lib/index.js\");\n\n__webpack_require__(\"./components/xo-models/src/checkout/index.js\");\n\n__webpack_require__(\"./components/xo-title/dist/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/message/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/banner/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/sticky-cta/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/user-assist-banner/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/expired-message/directive.js\");\n\n__webpack_require__(\"./components/xo-form-components/src/select-shipping-method/directive.js\");\n\n__webpack_require__(\"./components/xo-member-components/src/review-address/directive.js\");\n\n__webpack_require__(\"./components/xo-member-components/src/review-paywith/directive.js\");\n\n__webpack_require__(\"./components/xo-third-party-components/src/review-paywith-venmo/directive.js\");\n\n__webpack_require__(\"./components/xo-third-party-components/src/review-paywith-baidu/directive.js\");\n\n__webpack_require__(\"./components/xo-page-components/src/value-props/directive.js\");\n\n__webpack_require__(\"./components/xo-page-components/src/messenger-plugin/directive.js\");\n\nvar _fbMessenger = __webpack_require__(\"./components/xo-page-components/src/constants/fbMessenger.js\");\n\nvar _fbMessenger2 = _interopRequireDefault(_fbMessenger);\n\n__webpack_require__(\"./components/xo-address-components/src/address-display/directive.js\");\n\n__webpack_require__(\"./components/xo-credit-components/src/offer/directive.js\");\n\n__webpack_require__(\"./components/xo-credit-components/src/offer/xo-credit-example-uk/directive.js\");\n\n__webpack_require__(\"./components/xo-credit-components/src/xo-offer-top-banner/directive.js\");\n\n__webpack_require__(\"./components/xo-return-to-merchant/dist/util.js\");\n\n__webpack_require__(\"./components/xo-models/src/app/index.js\");\n\n__webpack_require__(\"./components/xo-models/src/user/index.js\");\n\n__webpack_require__(\"./components/xo-models/src/bml/index.js\");\n\n__webpack_require__(\"./components/xo-models/src/fi/index.js\");\n\n__webpack_require__(\"./components/xo-models/src/fi/lib/fiMessages.js\");\n\n__webpack_require__(\"./components/xo-models/src/fi/lib/fiApis.js\");\n\n__webpack_require__(\"./components/xo-models/src/auth/lib/xoAPayUtils.js\");\n\n__webpack_require__(\"./components/xo-device-info/dist/index.js\");\n\nvar _logger = __webpack_require__(\"./components/xo-beaver/dist/logger.js\");\n\n__webpack_require__(\"./components/xo-credit-components/src/bml-display/xo-bml-popup/directive.js\");\n\n__webpack_require__(\"./components/xo-page-components/src/cart/lib/pxp.js\");\n\n__webpack_require__(\"./components/xo-wallet-components/src/3ds/directive.js\");\n\nvar _index = __webpack_require__(\"./components/xo-models/src/choice/index.js\");\n\n__webpack_require__(\"./components/xo-page-components/src/marketingOffers/directive.js\");\n\nvar _integration = __webpack_require__(\"./js/lib/integration.js\");\n\n__webpack_require__(\"./components/xo-member-components/src/review-topup/directive.js\");\n\nvar _template = __webpack_require__(\"./pages/xo-review/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\nvar _fi = __webpack_require__(\"./components/xo-models/src/fi/index.js\");\n\nvar _index2 = __webpack_require__(\"./components/xo-models/src/fiMeta/index.js\");\n\nvar _index3 = _interopRequireDefault(_index2);\n\n__webpack_require__(\"./components/xo-styles/dist/lib/toggle.less\");\n\nvar _ul = __webpack_require__(\"./components/xo-login-components/src/unified-login/ul.js\");\n\nvar _thirdPartyInfo = __webpack_require__(\"./components/xo-third-party-components/src/thirdParty-info/index.js\");\n\n__webpack_require__(\"./components/xo-login-components/src/onetouch-interstitial/kmliUpsell.js\");\n\nvar _newMember = __webpack_require__(\"./components/xo-models/src/newMember/index.js\");\n\n__webpack_require__(\"./components/xo-page-components/src/notYou/directive.js\");\n\nvar _app = __webpack_require__(\"./components/xo-models/src/app/index.js\");\n\nvar _index4 = __webpack_require__(\"./components/xo-models/src/credit/index.js\");\n\nvar _factory = __webpack_require__(\"./pages/xo-review/factory.js\");\n\nvar _factory2 = __webpack_require__(\"./pages/xo-select-fi/factory.js\");\n\nvar _factory3 = __webpack_require__(\"./components/xo-ui-components/src/expired-message/factory.js\");\n\nvar _index5 = __webpack_require__(\"./components/xo-models/src/eligibility/index.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n// Create payload that contains relevant data about the checkout state at review page\nfunction createReviewFptiPayload(_ref) {\n var checkoutSession = _ref.checkoutSession;\n\n var shipping_address_id = checkoutSession.get('shipping.id');\n\n return {\n shipping_address_id: shipping_address_id\n };\n}\n\nvar $xoReviewPageComponent = exports.$xoReviewPageComponent = _squid.$Component.extend('$xoReviewPageComponent', {\n tag: 'xo-review-page',\n template: _template2['default'],\n scope: {\n redirectiframe: '=',\n redirectLightbox: '='\n },\n actions: {\n updatePreferredFi: function updatePreferredFi(logger) {\n if (this.makeFiPreferred && this.makeFiPreferred.selected) {\n var PreferredFi = new _fi.$PreferredFi({\n preferred: [this.makeFiPreferred.fiId]\n });\n\n logger.info('checkout_fpti', {\n 'pref_fi_set': '1'\n });\n\n return PreferredFi.save({\n transientError: true,\n contingencies: {\n DEFAULT: function DEFAULT() {}\n }\n });\n }\n\n logger.info('checkout_fpti', {\n 'pref_fi_set': '0'\n });\n\n return _angular.$q.when();\n },\n\n // Log currency conversion options if present\n logSessionCurrencyConversion: function logSessionCurrencyConversion(checkoutSession) {\n var payload = {};\n\n if (checkoutSession.get('plan.conversion')) {\n payload.type = checkoutSession.get('plan.conversion.paypal') ? 'PAYPAL' : 'VENDOR';\n payload.is_conversion_shown = checkoutSession.get('plan.conversion.changeable') ? 1 : 0;\n } else {\n payload.type = 'NONE';\n payload.is_conversion_shown = 0;\n }\n\n _logger.$logger.info('currency_conversion', payload);\n }\n },\n lifecycle: {\n reenter: function reenter() {\n var msgKeys = this.checkoutSession.get('message.msgKeys', []);\n\n if (msgKeys.indexOf('confirmUpop.confirmUpopOrChooseAltMethod') === -1) {\n this.showUnconfirmedUpopMsg = !!this.checkoutSession.unconfirmed_upop;\n }\n\n // Reset the selectedmethod indicator and state change listener\n if (this.setupMultipleFi) {\n this.setupMultipleFi();\n }\n\n var instrumentId = this.checkoutSession.fundingOptions.get('plans.0.primaryFs.id');\n\n // If FS has changed due to an update, reset the preferred FI checkbox\n if (this.makeFiPreferred && this.makeFiPreferred.fiId !== instrumentId) {\n _logger.$logger.info('checkout_fpti', {\n 'pref_fi_option_shown': '1'\n });\n this.makeFiPreferred.selected = false;\n }\n\n this.topupError = false; // set default value to false (hide error when enter)\n\n _logger.$logger.info('checkout_fpti', _extends({\n from: 'REVIEW',\n to: 'prepare_review'\n }, createReviewFptiPayload({\n checkoutSession: this.checkoutSession\n })));\n this.actions.logSessionCurrencyConversion(this.checkoutSession);\n this.showExpiredMsg = _factory3.$ExpiredMsgFactory.showExpiredMsg(this.isNmj, this.checkoutSession);\n },\n populate: function populate() {\n if (this.checkoutCart.isWalletTokenization()) {\n (0, _jquery2['default'])('#outerWrapper').addClass('tokenization topup');\n\n (0, _jquery2['default'])('.review .reviewTopup').css('min-height', function () {\n var height = window.innerHeight || document.documentElement && document.documentElement.clientHeight;\n return height && height - 110; // 110px => height of header & footer\n });\n }\n },\n exit: function exit() {\n if (this.checkoutCart.isWalletTokenization()) {\n (0, _jquery2['default'])('.tokenization').removeClass('topup');\n }\n }\n },\n controller: function controller($scope, $state, $rootScope, $FallbackError, $populate, $DeviceInfo, $KmliUpsell, $CheckoutAppDataModel, $CheckoutCartModel, $CheckoutSessionModel, $ShippingRuleSummaryModel, $feature, $AuthModel, $pxp, $config, $meta, $experiment, $miniBrowser, $locale, $pxpFactors, $window, $util, $featureCountries, $BMLModel, $ApplyForBMLModel, $CheckoutPayeeModel, $pxpCartAmt, $timeout, $unresolved, $renderContent, $fiMessages, $fiApis, $element, $AddCardModel, $CardModel, $CreditDataModel, $WalletPreferences, $xoAPayUtils, $TokenizedWalletPinModel, $MemberSegmentModel, $AuthConsentModel) {\n\n $scope.choiceBalanceCheckboxState = _factory2.$BalanceFactory.get();\n\n $scope.isThirdPartyWalletExperience = function () {\n var experience = _thirdPartyInfo.thirdPartyExperience.getExperience($rootScope.token);\n return experience === 'BAIDU_EXPERIENCE' || experience === 'VENMO_EXPERIENCE';\n };\n\n $scope.determineThirdPartyWalletExperience = function () {\n return _thirdPartyInfo.thirdPartyExperience.getExperience($rootScope.token);\n };\n\n $scope.creditParentContext = {\n populated: false,\n newMember: {},\n showCreditOffer: true // Flag for experimenting with display of the Credit Offer based on CEP\n };\n $scope.memberSegment = $MemberSegmentModel.instance();\n\n $scope.showCreditPlacement = function () {\n $scope.creditParentContext.newMember.creditOffer = $scope.memberSegment && $scope.memberSegment.creditOffer; // for xo-offer handling\n var show = !$scope.isThirdPartyWalletExperience() && $scope.creditParentContext.populated && $scope.creditParentContext.showCreditOffer && !$rootScope.showFiSelectPage;\n\n return show;\n };\n\n var useCEPForCreditOfferDisplay = function useCEPForCreditOfferDisplay() {\n return $scope.memberSegment.showCreditOffer().then(function (show) {\n $scope.creditParentContext.showCreditOffer = !!show;\n });\n };\n\n var applyNewMemberVariant = function applyNewMemberVariant() {\n _newMember.$NewMemberEligibility.instance().getVariant($scope.token).then(function (variant) {\n // feature flag for one page nmj experience\n var isNmjDesign1 = $scope.isNmjDesign1 = variant === 'one_page';\n\n // feature flag for one page nmj design 2 experience\n var isNmjDesign2 = $scope.isNmjDesign2 = variant === 'design_2';\n\n // feature flag for one page nmj design 3 experience\n var isNmjDesign3 = $scope.isNmjDesign3 = variant === 'design_3';\n\n // umbrella flag for nmj experience\n var isNmj = $scope.isNmj = isNmjDesign1 || isNmjDesign2 || isNmjDesign3;\n\n $scope.showViewYourPaymentRights = (isNmjDesign2 || isNmjDesign3) && $locale.country === 'US';\n\n $scope.showGreyHeader = $scope.isNmjDesign2 || $scope.isNmjDesign3;\n\n $scope.nmjExperience = {\n one_page: $scope.isNmjDesign1,\n design_2: $scope.isNmjDesign2,\n design_3: $scope.isNmjDesign3\n };\n\n // set assist-banner content based on type of nmj flow - if any\n var isPayNow = $scope.useraction === 'commit';\n var userName = $scope.auth.first_name ? $scope.auth.first_name : $scope.auth.email;\n if (isNmjDesign1) {\n $scope.assistBannerHeader = $locale.content.get('memberReview.assistHeader_1page');\n $scope.assistBannerBody = $locale.content.get(isPayNow ? 'memberReview.assistBody_paynow_1page' : 'memberReview.assistBody_continue_1page');\n } else if ($scope.showGreyHeader) {\n if (isPayNow) {\n $scope.headerMsg = $renderContent('memberReview.nmjDesign2HeaderMsgPayNow', { userName: userName });\n } else {\n $scope.headerMsg = $renderContent('memberReview.nmjDesign2HeaderMsgContinue', { userName: userName });\n }\n }\n\n $scope.creditParentContext.newMember.variant = variant;\n $scope.creditParentContext.newMember.useCEPDecision = isNmj;\n $scope.creditParentContext.populated = true;\n\n $scope.showPaypalPolicy = !$scope.isThirdPartyWalletExperience() && $scope.showPaypalPolicies && !$scope.showViewYourPaymentRights;\n $scope.showPaymentRights = !$scope.isThirdPartyWalletExperience() && $scope.showPaypalPolicies && $scope.showViewYourPaymentRights;\n\n _logger.$logger.info('member_ryi_variant_' + (variant || 'unknown'), {\n isNmj: isNmj,\n variant: variant\n });\n });\n };\n\n var triggerPersonalizedBanner = function triggerPersonalizedBanner() {\n $scope.personalizedBanner.trigger();\n };\n\n if ($scope.isThirdPartyWalletExperience()) {\n // log buyer type for third Party usecases\n _logger.$logger.info('buyer_info', {\n fpti_buyer_type: $scope.determineThirdPartyWalletExperience() === 'VENMO_EXPERIENCE' ? 'Guestuser_venmo' : 'nonloginmember_benteley'\n });\n } else {\n // log existing buyer\n _logger.$logger.info('buyer_info', {\n fpti_buyer_type: 'Existinguser'\n });\n }\n\n // OUTRO PXP VARS - START //\n\n // indicates which exit message to display, for EC txns\n // 0 - message default (i.e., does nothing)\n // 1 - variation 1 - diff button label and exit msg with slight delay\n // 2 - variation 2 - diff exit msg and slight delay\n // 3 - variation 3 - diff exit msg and longer delay\n var pxpExitMsg = 0;\n // max length of the merchant name\n var pxpMerchNameLimit = 20;\n // the brand or merchant name - resolved after retrieving appdata\n var pxpMerchName = void 0;\n\n // OUTRO PXP VARS - END //\n\n $scope.token = $rootScope.token;\n\n $scope.backUri = 'checkout.review';\n\n $scope.installmentNotSelected = false;\n\n $scope.installment = {\n showBanner: false,\n showCYCO: false,\n showCreditExample: false\n };\n\n /* Flag to determine whether merchant supports callback shipping options for given address\n 1. Default : true\n 2. shippingRegionSupported : false -> Show shipping region not supported error in review page and do not allow Pay\n */\n $scope.instantUpdateFeature = {\n shippingRegionSupported: true\n };\n\n // PAD Toggle feature\n $scope.padToggleFeature = {\n applicable: false,\n checkboxEnabled: false,\n showCheckbox: false,\n defaultPlan: false,\n pxpControlEnabled: false,\n fptiLogged: false,\n multiFiCheckboxStates: {}\n };\n\n // 'continue' or 'pay now' button text\n $scope.payButtonText = function () {\n return '';\n };\n\n $scope.isGCcountry = ($config.giftCardSupportedCountries || '').indexOf($locale.country) > -1;\n\n $scope.showPaypalPolicies = $featureCountries('showPaypalPolicies').indexOf($locale.country) > -1;\n\n $scope.makeAddrPreferred = {\n shown: false,\n selected: false\n };\n\n $scope.showPolicyAgreement = $feature('showPolicyAgreement');\n\n $scope.isMessengerBAIntegration = _integration.$integration.getConfig('IS_MESSENGER_BA_INTEGRATION');\n $scope.isPrechecked = _fbMessenger2['default'].PRECHECKED_COUNTRIES.indexOf($locale.country) >= 0;\n\n $scope.personalizedBanner = {\n show: false,\n trigger: function trigger() {\n var isOneTouchBanner = $scope.auth.rememberedOT() && $feature('oneTouchPersonalization'),\n newMemberDesign1 = $scope.isNmjDesign1;\n\n $scope.personalizedBanner.show = newMemberDesign1 || isOneTouchBanner;\n }\n };\n\n $scope.optin_toggle = {\n isEnabled: false,\n value: false,\n showExpandedTerms: true,\n setValue: function setValue(val) {\n this.value = val;\n // this.showExpandedTerms = false; // hide terms upon user interaction\n _logger.$logger.debug('ryi_optin_toggle_setValue', {\n value: this.value,\n showExpandedTerms: this.showExpandedTerms\n });\n }\n };\n _logger.$logger.debug('kmliUpsell review: init');\n $KmliUpsell.init($scope.token, false, true);\n\n function optInUser() {\n // eslint-disable-line no-unused-vars\n\n _logger.$logger.info('ryi_optin', {\n 'from': 'OT_Toggle',\n 'to': 'prepare_optin'\n });\n $scope.optin_toggle.setValue(true);\n var optinSource = 'checkoutToggle';\n var silentSpinner = true;\n _ul.$ul.optInToOneTouch($scope.token, $locale.country, $locale.lang, silentSpinner, {\n 'stateName': 'OT_Toggle',\n 'transInfix': 'process_optin'\n }, optinSource).then(function (res) {\n _logger.$logger.debug('ryi_optin_toggle_process_optin');\n })['catch'](function (err) {\n // eslint-disable-line handle-callback-err\n _logger.$logger.debug('ryi_optin_toggle_process_optin_Error', {\n 'int_error_description': err.message\n });\n });\n }\n\n function optOutUser() {\n // eslint-disable-line no-unused-vars\n\n _logger.$logger.info('ryi_optin', {\n 'from': 'OT_Toggle',\n 'to': 'prepare_optout'\n });\n\n $scope.auth.action('optout', { silent: true }).then(function (res) {\n _logger.$logger.info('ryi_optin', {\n 'from': 'OT_Toggle',\n 'to': 'process_optout'\n });\n $scope.$applyAsync(function () {\n var bannerElement = $element.find('.oneTouchBanner');\n bannerElement.addClass('leave_animation');\n _logger.$logger.debug('ryi_optin bannerElement animate');\n $timeout(function () {\n $scope.optin_toggle.setValue(false);\n $scope.optin_toggle.isEnabled = false;\n }, 1400);\n });\n })['catch'](function (err) {\n _logger.$logger.info('ryi_optin', {\n 'from': 'OT_Toggle',\n 'to': 'process_optout',\n 'error_source': 'identityauthorizationserv',\n 'int_error_code': 'optout_failure',\n 'int_error_description': err.message\n });\n });\n }\n\n $scope.onTouchToggle = function (value) {\n _logger.$logger.debug('optin_toggle_change_attempt', {\n 'ryi_optin': $scope.optin_toggle,\n 'remembered': $scope.auth.remembered,\n 'value': value\n });\n if ($scope.optin_toggle.isEnabled) {\n if (value) {\n optInUser();\n } else {\n optOutUser();\n }\n }\n };\n\n $scope.tagFamilyComputer = function () {\n // creates a log to tag device as family computer.\n // if we can distinguish between single user, family computer and shared computer\n // we may be able to offer a way to switch accounts\n var buyer_id = $scope.auth.buyer_id;\n var logPayload = {\n localStorageEnabled: false,\n isMobile: $DeviceInfo.isMobile()\n };\n if ($util.localStorageEnabled()) {\n var family_device_key = 'family_device_test';\n var public_device_key = 'public_device_test';\n logPayload.localStorageEnabled = true;\n\n var objStr = localStorage.getItem(family_device_key);\n var publicDeviceTest = localStorage.getItem(public_device_key);\n if (publicDeviceTest === 'true') {\n // dont overuse localStorage there is a size limit\n localStorage.removeItem(family_device_key);\n logPayload.isPublicDevice = true;\n } else {\n var buyerList = objStr ? JSON.parse(objStr) : [];\n if (buyerList.indexOf(buyer_id) === -1) {\n buyerList.push(buyer_id);\n }\n\n // assuming 5 or less users on a device as family computer\n logPayload.isFamilyDevice = Boolean(buyerList.length > 1 && buyerList.length < 6);\n logPayload.isPublicDevice = Boolean(buyerList.length > 20);\n logPayload.userCount = buyerList.length;\n\n objStr = JSON.stringify(buyerList);\n localStorage.setItem(family_device_key, objStr);\n localStorage.setItem(public_device_key, logPayload.isPublicDevice.toString());\n }\n }\n var eligibility_reason = 'localStorage:' + logPayload.localStorageEnabled + '_isPublicDevice:' + logPayload.isPublicDevice + '_isFamilyDevice:' + logPayload.isFamilyDevice + '_userCount:' + logPayload.userCount;\n _logger.$logger.debug('family_device_test', logPayload);\n _logger.$logger.info('checkout_fpti', {\n 'from': 'family_device_test',\n 'to': 'process_elg_chk',\n 'eligibility_reason': eligibility_reason\n });\n };\n\n function stickyCTA() {\n return _index5.$stickyCTA.instance().getEligibility().then(function (eligibility) {\n $scope.stickyEligibility = eligibility;\n });\n }\n\n // Format the informal name if populated\n function setInformalName() {\n if ($scope.auth) {\n $scope.formattedNameInformal = (0, _squid.formatNameInformal)({\n first_name: $scope.auth.first_name,\n last_name: $scope.auth.last_name\n }) || $scope.auth.email;\n }\n }\n\n function updateAddressAsPreferred() {\n if ($scope.makeAddrPreferred.shown) {\n _logger.$logger.info('makeAddrPreferred.shown', {});\n }\n\n if ($scope.makeAddrPreferred.selected) {\n _logger.$logger.info('makeAddrPreferred.selected', {});\n\n // Ignore all errors from setPreferred api, by passing transientError as true\n return $scope.checkoutSession.shipping.action('setPreferred', {\n transientError: true\n });\n }\n\n return _angular.$q.when();\n }\n\n function setStickyInstrument() {\n if (!$config.features.DEFAULT.enableStickyFunding || $scope.isThirdPartyWalletExperience()) {\n return _angular.$q.when();\n }\n\n // If the currently selected plan is not saved in the checkoutSession, make the call to save it.\n // For BA no purchase cases, the only way we track it is in the checkout session, so it should already be saved (selected id will equal sticky id).\n // For all other purchase cases, we need to look at the first in fundingOptions and match it to futurePaymentInstruments\n var savedSticky = $scope.checkoutSession.selectedFuturePaymentInstrument;\n var selectedSticky = $scope.checkoutSession.getSelectedStickyInstrument();\n\n // selectedSticky will not be populated if this isn't a billing case.\n if (!selectedSticky) {\n return _angular.$q.when();\n }\n\n // If we haven't saved the selected sticky instrument yet,\n // make the API call to save it\n if (!savedSticky || savedSticky.instrument_id !== selectedSticky.instrument_id) {\n return $scope.checkoutSession.action('setStickyFI', {\n data: {\n instrument_id: selectedSticky.instrument_id\n }\n });\n }\n\n return _angular.$q.when();\n }\n\n function linkAuthConsent() {\n /* Check if its BA flow and we have merchant consent code */\n if ($scope.checkoutCart.isBilling() && $scope.checkoutCart.billing) {\n\n // Getting merchant account's billing consent code i.e. legal_text_code\n var billingConsentCode = $scope.checkoutCart.billing.consent_code;\n var FB_CONSENT_CODE = 'facebookp2p';\n var authConsentModel = $AuthConsentModel.instance();\n\n if (billingConsentCode === FB_CONSENT_CODE) {\n authConsentModel.action('link', {\n data: {\n 'ba_token': $meta.baToken\n },\n success: function success() {\n _logger.$logger.info('link_authconsent_success', {});\n }\n });\n }\n }\n }\n\n function setWalletTopupPreferences() {\n if ($scope.checkoutCart.isWalletTokenization()) {\n $scope.walletPreferences = $WalletPreferences.instance($scope.token);\n return $scope.walletPreferences.save();\n }\n }\n\n function isValidPinSetup() {\n if ($scope.walletPinModel && $scope.walletPinModel.isSetupEligible()) {\n if (!$scope.walletPinModel.userPin) {\n return false;\n }\n }\n return true;\n }\n\n function prepareTokenizedWallet() {\n if ($scope.checkoutCart.isWalletTokenization()) {\n return $populate($scope, {\n walletPreferences: $WalletPreferences.instance($scope.token),\n walletPinModel: $TokenizedWalletPinModel.instance($scope.token)\n }).then(function (result) {\n\n var instrument_id = $scope.walletPreferences.topup.fundingSource.instrument_id;\n var defaultFI = $util.find($scope.checkoutSession.topupFundingSources, function (fs) {\n return fs.instrument_id === instrument_id;\n }) || {};\n var pinStatus = 'default_pin_unavailable';\n if ($scope.walletPinModel.isPinIdPresent()) {\n pinStatus = 'already_exist';\n } else if ($scope.walletPinModel.getPinOrigin() !== 'UNSET') {\n pinStatus = 'pin_error';\n } else if ($scope.walletPinModel.getSuggestedPin()) {\n pinStatus = 'default_pin_available';\n }\n\n _logger.$logger.info('tokenized_wallet', {\n 'from': 'TopUp_REVIEW',\n 'to': 'prepare_review',\n 'context_id': $scope.token,\n 'context_type': 'EC-Token',\n 'billing_token': $meta.baToken,\n 'default_topup_fi': defaultFI.type,\n 'pin': pinStatus\n });\n });\n }\n return _angular.$q.when();\n }\n\n function setTokenizedWalletPin() {\n if ($scope.walletPinModel) {\n var pinModel = {\n data: {\n pin: $scope.walletPinModel.userPin\n },\n contingencies: {\n DEFAULT: function DEFAULT(name, err) {\n _logger.$logger.info('tokenized_wallet', {\n 'from': 'TopUp_REVIEW',\n 'to': 'process_review',\n 'context_id': $scope.token,\n 'context_type': 'BA-Token',\n 'billing_token': $meta.baToken,\n 'int_error_code': 'pin_setup_contingencies',\n 'int_error_description': err,\n 'error_source': 'issuancemanagementserv'\n });\n\n throw err;\n }\n }\n };\n\n if ($scope.walletPinModel.isSetupEligible()) {\n if ($scope.walletPinModel.isPinIdPresent()) {\n pinModel.data.pinId = $scope.walletPinModel.getPinId();\n }\n return $scope.walletPinModel.save(pinModel);\n }\n }\n return _angular.$q.when();\n }\n\n function show3DSLightbox() {\n var cc_id = $scope.checkoutSession.get('resolve_3ds.ccId');\n var plans = $scope.checkoutSession.get('plan.sources');\n var plan = plans && plans.filter(function (e) {\n return e.instrument_id === cc_id;\n })[0].amount;\n $scope.resolve_3ds_data = {\n cc_id: cc_id,\n flow_id: 'HERMES',\n merchant_id: $scope.payee.get('merchant.id'),\n merchant_country_code: $scope.checkoutAppData.get('merchant.merchant_country'),\n transaction_amount_currency: plan.currency_code || null,\n transaction_amount_value: plan.amount || null\n };\n $scope.launch3DSResolver = true;\n }\n\n function setProcessorDeclineMessage() {\n\n var processorDeclinedMsg = $fiMessages.processorDeclinedMsg($scope.checkoutSession, true);\n\n if (processorDeclinedMsg) {\n $scope.checkoutSession.message = {\n type: processorDeclinedMsg.type,\n msgs: [processorDeclinedMsg.msg]\n };\n }\n }\n\n function getPadToggleStatus() {\n var toggleStatus = 'NA'; // NOT APPLICABLE status\n if (_factory.$PADFactory.isPadToggleFeatureApplicable($scope.padToggleFeature)) {\n if ($scope.padToggleFeature.checkboxEnabled) {\n toggleStatus = 'ON';\n } else {\n toggleStatus = 'OFF';\n }\n }\n\n return toggleStatus;\n }\n\n function authorize() {\n if ($scope.checkoutSession.resolve_3ds) {\n return show3DSLightbox();\n }\n\n function isXoonUpopRedirect() {\n if (!($scope.checkoutSession && $scope.checkoutSession.get('errorData.resolution.data.fi.type'))) {\n return false;\n }\n\n return $util.param('redirectToHermesOnUpopCancel') === 'xoon' && $scope.checkoutSession.errorData.resolution.name === 'PAYER_TO_AUTHENTICATE_CARD' && !$scope.checkoutSession.errorData.resolution.data.alternate_options && $scope.checkoutSession.errorData.resolution.data.fi.type.toUpperCase() === 'CUP';\n }\n\n if ($scope.checkoutSession.unconfirmed_upop || isXoonUpopRedirect()) {\n var card = void 0;\n\n if ($scope.checkoutSession.unconfirmed_upop) {\n card = $scope.checkoutSession.unconfirmed_upop;\n } else {\n card = $scope.checkoutSession.errorData.resolution.data;\n }\n\n $scope.cardModel = new $AddCardModel({});\n $scope.cardModel.id = card.fundingId;\n $scope.cardModel.card = new $CardModel({\n number: 'xxxx-xxxx-xxxx-' + card.fi.number,\n type: card.fi.type.toUpperCase(),\n productType: card.fi.productType\n });\n\n $state.go('.confirmUpop');\n return;\n }\n\n if ($scope.checkoutCart.isWalletTokenization()) {\n $xoAPayUtils.setAPayCookie($scope.token);\n }\n\n // if testing exit messaging (besides 4)...\n if (pxpExitMsg && pxpExitMsg !== 4) {\n\n // HACK - REMOVE and REFACTOR ONCE DONE\n\n // overload base.processing in strings\n // since quid is hardcoded to use string each time\n // required only for testing - remove and refactor,\n // to properly allow for dynamic spinner messages\n\n // resolve merchant name\n var merchantName = pxpMerchName;\n // Dont restrict the length of the merchant name displayed for variation 6\n var applyMerchantNameLimit = pxpExitMsg !== 6;\n // flag when name is missing or longer than 20 chars\n var badMerchantName = !merchantName || applyMerchantNameLimit && merchantName.length > pxpMerchNameLimit;\n var outroMsg = void 0;\n\n // if exiting with variation 1 or 5 or 6 ...\n if (pxpExitMsg === 1 || pxpExitMsg === 5 || pxpExitMsg === 6) {\n outroMsg = badMerchantName ? 'We’re sending you back to the merchant to complete this purchase.' : 'We\\u2019re sending you back to ' + merchantName + ' to complete this purchase.';\n } else {\n // otherwise, show variation 2/3\n outroMsg = badMerchantName ? 'Next, complete your purchase with the merchant.' : 'Next, complete your purchase with ' + merchantName + '.';\n }\n\n // capture current route\n var reviewRoute = $state.current;\n\n // listen to !startLoad\n // this is the only way we can then manipulate the spinner\n var cancelOutroOverride = $rootScope.$on('startLoad', function () {\n // if this is the review route...\n // this is needed, in case the session has ended\n // at this point, we need this listener to do nothing\n if ($state.current === reviewRoute) {\n // force spinner styling and content\n // this is delayed, because (for some reason)\n // the spinner isn't in the DOM _yet_,\n // even though #showSpinner() fired... UGH!\n $timeout(function () {\n (0, _jquery2['default'])('#spinner-message').css({\n width: '130%',\n marginLeft: '-15%'\n })\n // setting here, since `ng-bind-html` didn't work in spinner directive\n .html(outroMsg);\n }, 1);\n } else {\n // (otherwise) when no longer the review route...\n // this means something happened before redirect\n // likely an expired session\n // In that case we'll remove this listener\n // It will just be re-added, in the next redirect attempt\n cancelOutroOverride();\n }\n });\n }\n\n function testOutros(fn) {\n // if showing an outro variation and it's not 4...\n if (pxpExitMsg && pxpExitMsg !== 4) {\n // the spinner will be hidden _after_ this success callback\n // we need to show it again, but have no hook for doing so\n // besides the \"allLoaded\" event.\n // Chaining events **is** bad juju, but... (sigh)\n var tmpSpinnerDelayFix = $rootScope.$on('allLoaded', function () {\n tmpSpinnerDelayFix();\n $rootScope.$emit('startLoad');\n });\n\n var applyDesktopVariation = pxpExitMsg === 6 && !$DeviceInfo.isMobile();\n\n if (applyDesktopVariation || pxpExitMsg === 3) {\n _logger.$logger.info('exit_msg_delay_variation', {\n pxpExitMsg: pxpExitMsg,\n applyDesktopVariation: applyDesktopVariation\n });\n // do long delay\n $timeout(fn, 4000);\n } else {\n // (otherwise) when the other variations...\n // do slight delay\n $timeout(fn, 2500);\n }\n } else {\n // (otherwise) when control treatment...\n // redirect now\n fn();\n }\n }\n\n var cardBackup = $scope.checkoutSession.cardBackup.getPlan();\n\n _logger.$logger.info('checkout_fpti', {\n from: 'processor_decline_retry',\n to: 'processor_decline_retry_eligibility',\n 'is_bkp_funding_chosen': cardBackup && cardBackup.planId ? 1 : 0\n });\n\n _logger.$logger.info('checkout_fpti', _extends({\n from: 'REVIEW',\n to: 'process_review'\n }, createReviewFptiPayload({ checkoutSession: $scope.checkoutSession })));\n\n return $scope.checkoutSession.action('authorize', {\n data: {\n alternateFundingOptionId: cardBackup && cardBackup.planId\n },\n // TODO: REMOVE WRAP AFTER TESTING!\n success: function success() {\n return testOutros(function () {\n if ($scope.checkoutSession.get('plan.paypal_credit')) {\n _logger.$logger.info('checkout_fpti', {\n 'ppc_reuse_status': 'success'\n });\n }\n\n var padToggleStatus = getPadToggleStatus();\n\n if (padToggleStatus === 'ON') {\n _logger.$logger.info('checkout_fpti', {\n 'pad_toggle_status': 'padToggleOnSuccess'\n });\n } else if (padToggleStatus === 'OFF') {\n _logger.$logger.info('checkout_fpti', {\n 'pad_toggle_status': 'padToggleOffSuccess'\n });\n }\n\n if ($scope.checkoutCart.isWalletTokenization()) {\n _logger.$logger.info('tokenized_wallet', {\n 'from': 'TopUp_REVIEW',\n 'to': 'process_review',\n 'topup_amt': $scope.walletPreferences.topup.amount,\n 'chosen_topup_fi': $scope.walletPreferences.topup.fundingSource.type,\n 'currency_code': $scope.walletPreferences.topup.currency,\n 'context_id': $scope.token,\n 'context_type': 'BA-Token',\n 'billing_token': $meta.baToken\n });\n }\n\n // Just in case, cancel the state change listener checking if updateFs needs to be called\n if ($scope.cancelUpdateListener) {\n $scope.cancelUpdateListener();\n }\n\n if ($scope.checkoutSession.get('sepa_mandate.bankId')) {\n return $state.go('checkout.sepapage');\n }\n\n // xchild = V4 Incontext Integration. Do not initiate Payment.\n if (!window.xchild && $scope.checkoutAppData.doec_on_approve()) {\n return $state.go('checkout.pay');\n }\n\n return $state.go('checkout.end');\n });\n }\n });\n }\n\n function setShowShippingMethodProperty() {\n return $populate($scope, {\n shippingRulesSummary: $ShippingRuleSummaryModel.instance($rootScope.token).retrieve({\n params: {\n merchant_id: $scope.payee.get('merchant.id'),\n currency_code: $scope.checkoutCart.get('purchase.amounts.total.currency_code')\n }\n })\n }).then(function () {\n if ($scope.shippingRulesSummary.isSnTEnabled) {\n _logger.$logger.info('shipping_rules_summary_snt_enabled');\n } else {\n _logger.$logger.info('shipping_rules_summary_snt_disabled');\n }\n $scope.showShippingMethod = $scope.shippingRulesSummary.isSnTEnabled || $scope.isInstantUpdateAPIFlow;\n return;\n });\n }\n\n function show3DSDeclineMsg(declineAfter3DSAccept) {\n // Instrument number of available plans for 3DS decline case.\n var numberOfPlans = $scope.checkoutSession.getPlanList() ? $scope.checkoutSession.getPlanList().length : 0;\n _logger.$logger.info('3DS_decline_plan_count', {\n 'plans': numberOfPlans\n });\n\n var key = 'threeDS.memberDecline';\n\n if (declineAfter3DSAccept) {\n key = 'threeDS.memberDeclineAfter3DSAccept';\n }\n\n var card = $scope.checkoutSession.resolve_3ds;\n\n if (card) {\n var msg = $renderContent(key, {\n cardType: card.type,\n last4: card.number\n });\n\n $scope.checkoutSession.message = {\n msgs: [msg],\n type: 'warning'\n };\n }\n }\n\n /**\n * call patchXO API to clear the 3DS contingency and then call authorize API.\n */\n function clear3DSContingency() {\n var resolve_3ds = $scope.checkoutSession.resolve_3ds || {};\n\n return $scope.checkoutSession.action('clear3DSContingency', {\n data: {\n ccId: resolve_3ds.ccId\n },\n success: function success(response) {\n // Clear3DSContingency can change the plan ids, so reset the multipleFi indicator after this is called\n if ($scope.setupMultipleFi) {\n $scope.setupMultipleFi();\n }\n\n if (!$scope.checkoutSession.resolve_3ds) {\n // For app redirect flow, we cannot continue directly to approve and redirect due to browser security\n // Stop here and have the user click the \"Continue\" button again\n var url = $scope.checkoutAppData.get('urls.return_url') || '';\n var isHTTPUrl = Boolean(url.indexOf('http') === 0 || url.indexOf('www') === 0);\n var isAppRedirect = Boolean($DeviceInfo.isDevice() && !isHTTPUrl);\n\n // Reset the message if present\n delete $scope.checkoutSession.message;\n\n if (isAppRedirect) {\n return;\n }\n\n return authorize();\n } else {\n // Symphony is not able to clear the 3DS contingency\n show3DSDeclineMsg(true);\n }\n }\n });\n }\n\n $scope.onComplete3DSHandler = function (status) {\n $scope.launch3DSResolver = false;\n if (status === 'success') {\n return clear3DSContingency();\n } else if (status === 'decline') {\n // 3DS got declined\n show3DSDeclineMsg();\n }\n };\n\n $scope.upopCallbacks = {\n onConfirmUpopSuccess: function onConfirmUpopSuccess() {\n $state.go('checkout.review');\n $scope.checkoutSession.action('clearContingency', {\n data: {\n contingency: 'UNCONFIRMED_UPOP',\n ccId: $scope.checkoutSession.get('unconfirmed_upop.fundingId') || $scope.checkoutSession.get('errorData.resolution.data.fundingId')\n },\n success: function success() {\n if (!$scope.checkoutSession.unconfirmed_upop) {\n return authorize();\n } else {\n $scope.checkoutSession.message = {\n type: 'warning',\n msgKeys: ['confirmUpop.confirmUpopOrChooseAltMethod']\n };\n }\n }\n });\n },\n onConfirmUpopCancel: function onConfirmUpopCancel() {\n $state.go('checkout.review');\n $scope.showUnconfirmedUpopMsg = false;\n $scope.checkoutSession.message = {\n type: 'warning',\n msgKeys: ['confirmUpop.confirmUpopOrChooseAltMethod']\n };\n }\n };\n\n $scope.errorHandlerHelper = {};\n\n $scope.errorHandlerHelper.addPageError = function (contentKey, dynamicValuesInContent) {\n var messages = [];\n var msg;\n\n if (dynamicValuesInContent) {\n msg = $renderContent(contentKey, dynamicValuesInContent);\n } else {\n msg = $locale.content.get(contentKey);\n }\n\n messages.push(msg);\n\n $scope.checkoutSession.message = {\n msgs: messages,\n type: 'error'\n };\n };\n\n $scope.errorHandlerHelper.clearPageErrors = function () {\n $scope.checkoutSession.message = '';\n };\n\n $scope.returnFromCape = function (isCapeReturnKey) {\n return $scope.creditDataModel.action('readCreditKey', {\n data: {\n capeKey: isCapeReturnKey\n },\n success: function success(res) {\n\n if (res.financial_instrument_id) {\n var financial_instrument_id = res.financial_instrument_id.indexOf('BC') !== 0 ? 'BC' + res.financial_instrument_id : res.financial_instrument_id;\n\n return $scope.checkoutSession.fundingOptions.action('update', {\n resultModel: $scope.checkoutSession,\n data: {\n planId: financial_instrument_id\n },\n success: function success(result) {\n $scope.checkoutSession.message = {\n type: 'success',\n msgKeys: ['offers.bmlInWalletSuccessMsg']\n };\n\n if ($scope.setupMultipleFi) {\n $scope.setupMultipleFi();\n }\n }\n });\n }\n\n // User does not have any FI in wallet and they choose to pay in full.\n else if (!$scope.checkoutSession.get('plan.sources') && $scope.checkoutSession.isCreditPromoted) {\n $state.go('checkout.pageAddCard.addCardFlow.addCard');\n } else if ($scope.creditDataModel.isCapeInternalServiceError()) {\n // Todo Show error message from CAPE\n return _angular.$q.when();\n } else {\n return _angular.$q.when();\n }\n },\n contingencies: {\n DEFAULT: function DEFAULT(name, err) {\n _logger.$logger.info('read_cape_key_failure');\n return _angular.$q.when();\n }\n }\n\n });\n };\n\n // For the multiple FI variant of the choice experiment:\n // Update the funding option in the plan based on the user's stored selection\n var updateFS = function updateFS() {\n if (!$scope.selectedmethod) {\n return _angular.$q.when();\n }\n\n var defaultPlan = $scope.checkoutSession.get('plan.sources') && $scope.checkoutSession.get('plan.sources')[0];\n var selectedMethodPlanId = $scope.selectedmethod.planId;\n\n // For pad toggle feature with Choice Multi FI experience, we look up the plan ID here\n if (_factory.$PADFactory.isPadToggleFeatureApplicable($scope.padToggleFeature)) {\n var padOrIachPlanId = _factory.$PADFactory.getPadOrIachBankPlanId({\n selectedMethodPlanId: selectedMethodPlanId,\n fundingOptions: $scope.checkoutSession.fundingOptions,\n multiFiCheckboxStates: $scope.padToggleFeature.multiFiCheckboxStates\n });\n\n if (padOrIachPlanId) {\n selectedMethodPlanId = padOrIachPlanId;\n }\n }\n\n // If the plan is already selected, we don't need to duplicate the call\n if (selectedMethodPlanId === (defaultPlan && defaultPlan.id)) {\n return _angular.$q.when();\n }\n\n // This is handled in onPay\n if (selectedMethodPlanId === 'applyForPPCRadio') {\n return _angular.$q.when();\n }\n\n return $scope.checkoutSession.fundingOptions.action('select', {\n data: {\n planId: selectedMethodPlanId\n },\n success: function success(result) {\n $scope.checkoutSession.populate(result);\n // for multi fi use case after replan we need to reset index to 0\n // since selected instrument will always be first\n $scope.selectedmethod.index = 0;\n },\n contingencies: {\n NEED_AUTHENTICATED_CARD: function NEED_AUTHENTICATED_CARD(name, result) {\n // Route to the Confirm Upop page\n if (result && result.resolution) {\n var card = result.resolution.data;\n\n if (card.fundingId && card.fi && card.fi.type) {\n $scope.cardModel = new $AddCardModel();\n $scope.cardModel.id = card.fundingId;\n $scope.cardModel.card = new $CardModel({\n number: 'xxxx-xxxx-xxxx-' + card.fi.number,\n type: card.fi.type.toUpperCase(),\n productType: card.fi.productType\n });\n }\n }\n\n // Before routing to confirm Upop route, we cancel the state change listener so that we don't call updateFS. At this point, the user has already made their selection, so this is unneeded.\n if ($scope.cancelUpdateListener) {\n $scope.cancelUpdateListener();\n }\n\n // Route to the Confirm Upop page. We'll hold on to this deferred promise until the confirmation flow is finished, so we can then continue the chain or cancel out\n var upopResult = _angular.$q.defer();\n\n // Create the handlers for Upop, specifically for this flow. They will act on the deferred promise when the flow is completed\n $scope.upopCallbacks.isOnUpdate = true;\n $scope.upopCallbacks.onUpdateSuccess = function () {\n // On confirmed, update the checkout session then continue\n $scope.checkoutSession.fundingOptions.action('update', {\n resultModel: $scope.checkoutSession,\n silent: true,\n data: {\n planId: $scope.cardModel.id\n },\n success: function success() {\n if ($scope.checkoutSession.cvvData) {\n $scope.checkoutSession.set('cvvData.security_code', $scope.cardModel.get('card.security_code'));\n }\n\n // Reset the callback flag\n $scope.upopCallbacks.isOnUpdate = false;\n $scope.setupMultipleFi();\n // Return to this route, resolve the promise\n $state.go('checkout.review');\n upopResult.resolve();\n }\n });\n };\n $scope.upopCallbacks.onUpdateCancel = function () {\n // Break the promise chain and return to the review page\n $scope.upopCallbacks.isOnUpdate = false;\n $scope.setupMultipleFi();\n upopResult.reject();\n $scope.upopCallbacks.onConfirmUpopCancel();\n };\n\n $state.go('.confirmUpop');\n\n return upopResult.promise;\n }\n }\n });\n };\n\n // The following functions are all used in the `$q.all` promise chain below\n var populateScope = function populateScope() {\n _index3['default'].instance($scope.token).fetch();\n return $populate($scope, {\n auth: $AuthModel.instance(),\n checkoutAppData: $CheckoutAppDataModel.instance($scope.token),\n checkoutCart: $CheckoutCartModel.instance($scope.token),\n checkoutSession: $CheckoutSessionModel.instance($scope.token),\n payee: $CheckoutPayeeModel.instance($scope.token),\n tokenizedWalletInfoModel: _app.$TokenizedWalletInfoModel.instance($rootScope.token).retrieve()\n });\n };\n\n var applyChoiceExperimentVariant = function applyChoiceExperimentVariant() {\n\n $scope.tagFamilyComputer();\n // Get the choice experiment variant to determine what needs to be shown in the UI\n return _index.$ChoiceEligibility.instance().getVariant($scope.token).then(function (variant) {\n $scope.choiceVariant = variant;\n\n var checkboxVariants = $config.choiceExperiment && $config.choiceExperiment.preferredCheckbox || [];\n var multipleFiVariants = $config.choiceExperiment && $config.choiceExperiment.multipleFi || [];\n var selectFiVariants = $config.choiceExperiment && $config.choiceExperiment.selectFi || [];\n\n if (checkboxVariants.indexOf(variant) !== -1 && !$scope.checkoutCart.isBilling()) {\n // Do setup for preferred checkbox\n $scope.makeFiPreferred = {\n selected: false\n };\n }\n\n if (multipleFiVariants.indexOf(variant) !== -1) {\n var planList = $scope.checkoutSession.get('plan.sources');\n var defaultPlanId = planList && planList[0] && planList[0].id;\n // Do the setup for the multipleFiVariant\n $scope.setupMultipleFi = function () {\n $scope.selectedmethod = {\n index: 0,\n planId: defaultPlanId\n };\n\n if ($scope.cancelUpdateListener) {\n $scope.cancelUpdateListener();\n }\n\n // Before changing state, persist the change that the user selected\n var stateChangeListener = $rootScope.$on('$stateChangeStart', function (event, toState, toParams) {\n $scope.cancelUpdateListener();\n if (defaultPlanId === $scope.selectedmethod && $scope.selectedmethod.planId) {\n return;\n }\n\n event.preventDefault();\n updateFS().then(function () {\n return $state.go(toState, toParams);\n });\n });\n\n // If the checkout session changes, also change the planId according to the selected index in case plan ids were changed. Save the listener to destroy the handler when changing routes or re-calling setupMultipleFi\n var fundingOptionsListener = $scope.$watch('checkoutSession.fundingOptions', function (newVal, oldVal) {\n if (!newVal) {\n return;\n }\n\n $scope.selectedmethod.planId = newVal.get('plans.' + $scope.selectedmethod.index + '.planId');\n });\n\n $scope.cancelUpdateListener = function () {\n stateChangeListener();\n fundingOptionsListener();\n };\n\n $scope.$on('$destroy', $scope.cancelUpdateListener);\n };\n\n $scope.setupMultipleFi();\n }\n\n if (selectFiVariants.indexOf(variant) !== -1) {\n $scope.selectFiVariant = true;\n }\n })['catch'](function (err) {\n // TODO: Check what happens to PXP errors\n _logger.$logger.error('choice_eligibility_error', err);\n });\n };\n\n var applyMerchantName = function applyMerchantName() {\n // resolve merchant name now, just in case we're in a matching treatment\n pxpMerchName = $scope.checkoutAppData.merchant.brand_name || $scope.checkoutAppData.merchant.merchant_name;\n\n // only get pxp if...\n if (\n // in US\n $locale.country === 'US' &&\n // this is **not** user action \"commit\"\n $scope.useraction !== 'commit' &&\n // is not a billing agreement\n !$scope.checkoutCart.isBilling() &&\n // `DONE_PAGE` is false\n !_integration.$integration.getConfig('DONE_PAGE')) {\n var forceApiCall = false;\n var silent = true;\n return $pxp('xo_hermes_exit_msg', { 'ctx.COUNTRY': $locale.country }, 'xo_hermes_exit_msg_option\\\\d', forceApiCall, silent).then(function (result) {\n if (result) {\n // set value to numeric version of treatment\n pxpExitMsg = +result.treatment_name.slice(-1);\n }\n });\n }\n };\n\n var logSessionDetails = function logSessionDetails() {\n _logger.$logger.info('checkout_fpti', _extends({\n from: 'REVIEW',\n to: 'prepare_review'\n }, createReviewFptiPayload({ checkoutSession: $scope.checkoutSession })));\n // Log details about checkout session\n $scope.actions.logSessionCurrencyConversion($scope.checkoutSession);\n };\n\n // Reg E - Regulation E compliance guide mandates invoicing payers see a disclaimer message during payment review when RTR is present.\n // The Remittance Transfer Rule (RTR) is a rule published by the Consumer Financial Protection Bureau.\n // It applies to companies processing remittance transfers of more than $15 USD from a US-based consumer (Sender) to a foreign-based receiver (Recipient).\n var applyInvoicingRegEDetails = function applyInvoicingRegEDetails() {\n // Show invoicing RegE compliance message if its invoicing flow only and if RTR is present\n $scope.showInvoicingRegEMsg = $scope.checkoutAppData.flags.is_invoicing_flow && $scope.checkoutSession.showRemittanceDisclosure ? true : false;\n _logger.$logger.info('show_invoicing_regE_msg', $scope.showInvoicingRegEMsg);\n if ($scope.showInvoicingRegEMsg) {\n\n var totalAmount = $scope.checkoutCart.purchase.amounts.total.amount_formatted_currency;\n var merchantName = $scope.checkoutAppData.merchant.brand_name;\n\n // The RegE message differs for cases with and without currency conversion\n if ($scope.checkoutSession.plan.hasConversion()) {\n\n var total = 0;\n var planSources = $scope.checkoutSession.get('plan.sources');\n var currencyCode = planSources[0].amount.currency_code;\n\n planSources.forEach(function (source) {\n\n if (currencyCode !== source.amount.currency_code) {\n $scope.showInvoicingRegEMsg = false;\n return;\n }\n\n total = total + Number(source.amount.amount);\n });\n\n var totalInvoicePaymentAmount = (0, _squid.formatCurrency)(total, currencyCode);\n\n $scope.invoicingRegEMsg = $renderContent('memberReview.invRegEMsgWithCurrConv', {\n merchantName: merchantName,\n amountInPayerCurrency: totalInvoicePaymentAmount,\n amountInInvCurrency: totalAmount\n });\n } else {\n $scope.invoicingRegEMsg = $renderContent('memberReview.invRegEMsg', {\n merchantName: merchantName,\n amount: totalAmount\n });\n }\n }\n };\n\n var applyKmliUpsellEligibility = function applyKmliUpsellEligibility() {\n if ($util.param('redirectToHermesOnUpopCancel') === 'xoon') {\n var fiModel = $scope.checkoutSession.get('plan.sources');\n if (fiModel && fiModel.length && fiModel[0].card_type === 'CHINA_UNION_PAY') {\n $scope.checkoutSession.message = {\n msgKeys: ['confirmUpop.confirmUpopToPay'],\n type: 'warning'\n };\n }\n }\n\n $KmliUpsell.eligible().then(function (eligibility) {\n\n eligibility.interstitial = eligibility.interstitial ? eligibility.interstitial : {};\n $scope.optin_toggle.isEnabled = eligibility.banner;\n $scope.optin_toggle.value = $scope.auth.rememberedOT() // came in as OneTouch user\n || $scope.auth.isKmliSet // used to set toggle value via interstial\n || $scope.auth.loggedIn() && $scope.auth.refreshToken(); // FirstTime OT (check this for webview case)\n delete $scope.auth.isKmliSet;\n\n $scope.optin_toggle.showExpandedTerms = false; // collapse by default;\n var cookiePayload = {};\n if (eligibility.interstitial.eligible) {\n // show optin interstitial only once per user per version\n cookiePayload.ot_inter_shown = eligibility.interstitial.pxpVersion; // cookieList.push({ name: 'ot_inter_shown', value: eligibility.interstitial.pxpVersion });\n }\n if (Object.keys(cookiePayload).length > 0) {\n $scope.auth.action('updateAuthExperience', {\n silent: true,\n data: cookiePayload\n }).then(function (res) {\n _logger.$logger.debug('optin_toggle_cookie_drop_success', res);\n })['catch'](function (err) {\n _logger.$logger.debug('optin_toggle_cookie_drop_err', err);\n });\n }\n _logger.$logger.info('optin_toggle_init', $scope.optin_toggle);\n });\n\n $scope.personalizedBanner.trigger();\n\n $scope.showRemittanceDisclosure = $DeviceInfo.isMobile() && $scope.checkoutSession.showRemittanceDisclosure ? true : false;\n };\n\n var applyCreditOptions = function applyCreditOptions() {\n $scope.creditDataModel = $CreditDataModel.instance($scope.token);\n var isChangeInstallments = $scope.creditDataModel.isChangeStatus();\n var isCapeReturnKey = $scope.creditDataModel.getCapeKey();\n var isCapeReturn = isCapeReturnKey && $util.param('success');\n\n if (isChangeInstallments && $scope.creditDataModel && !$scope.creditDataModel.payInFull) {\n $state.go('checkout.chooseCreditOffer');\n }\n if (isCapeReturn) {\n $scope.returnFromCape(isCapeReturnKey);\n }\n\n if ($feature('creditInstallmentOffers') && ($scope.checkoutSession.get('plan.paypal_credit') || isCapeReturnKey)) {\n $scope.creditOptions = _index4.$CreditInstallmentModel.instance($scope.token);\n $scope.creditOptions.retrieve();\n }\n\n $scope.cartCurrency = $scope.checkoutCart.get('purchase.amounts.total.currency_code');\n\n $scope.showInstallmentOption = function () {\n if ($feature('creditInstallmentOffers') && $scope.checkoutSession.get('plan.paypal_credit') && $scope.creditOptions && $scope.creditOptions.creditType) {\n if ($scope.creditOptions.creditType === 'INST') {\n $scope.installmentInfo = {\n monthlyPaymentAmt: (0, _squid.formatCurrency)($scope.creditOptions.monthlyPayment, $scope.cartCurrency),\n totalInterestAmt: (0, _squid.formatCurrency)($scope.creditOptions.totalInterest, $scope.cartCurrency),\n totalPaymentAmt: (0, _squid.formatCurrency)($scope.creditOptions.totalPayment, $scope.cartCurrency)\n };\n }\n return true;\n } else {\n return false;\n }\n };\n\n $scope.showCYCO = function () {\n $state.go('checkout.chooseCreditOffer');\n };\n\n if ($window.location.search.search('atoSuccess') !== -1) {\n _logger.$logger.debug('PLANNING_ATO_SUCCESS');\n var atoMsg = $locale.content.get('memberReview.stepupAuthSuccess');\n\n if (atoMsg) {\n $scope.checkoutSession.message = {\n msgs: [atoMsg],\n type: 'success'\n };\n }\n }\n\n $scope.$on('localeChange', setInformalName);\n setInformalName();\n\n $scope.showNotYou = $scope.auth && $scope.auth.showNotYou();\n\n if ($util.param('redirectToHermesOn3DSDecline')) {\n // check and show the 3DS decline message when the app is redirected from Xoon app\n show3DSDeclineMsg();\n }\n\n $scope.showAuthMsg = ['authorize', 'order'].indexOf($scope.checkoutCart.get('payment_action')) > -1 && !$scope.checkoutSession.get('plan.paypal_credit');\n\n if ($scope.showAuthMsg) {\n /*\n new compliance message for AS1 / AS2 is not for US which displays LearnMore Link\n have this scope variable set based on country\n */\n\n $scope.showAuthMsgLearnMore = $locale.country !== 'US' ? true : false;\n }\n\n $scope.showUnconfirmedUpopMsg = !!$scope.checkoutSession.unconfirmed_upop;\n\n $scope.useraction = $scope.checkoutAppData.useraction() && $scope.checkoutAppData.useraction().toLowerCase();\n\n // Non-AU merchants are subjected to PXP test when user action is not commit and line item details\n // are not available and purchase amount is not zero.\n var noLineItemDetails = $scope.useraction !== 'commit' && $scope.checkoutCart.get('purchase.items.length', 0) === 0;\n\n var fundingInstruments = $scope.checkoutSession.get('fundingOptions.instruments');\n var isCreditInWallet = false;\n\n if ($scope.checkoutCart.isBillingNoPurchase()) {\n isCreditInWallet = $scope.checkoutSession.get('futurePayment.isCreditInWallet');\n } else {\n isCreditInWallet = $util.find(fundingInstruments, function (fi) {\n return fi.name === 'BILL_ME_LATER';\n });\n }\n\n var isPPCEligible = $scope.checkoutSession.creditOffer;\n var isPayPalCredit = $scope.checkoutAppData.is_second_button_txn || _squid.$Class.get(window, 'xprops.fundingSource') === 'credit';\n _logger.$logger.debug('creditInstallmentOffer ' + $scope.checkoutSession.creditInstallmentOffer + ', ' + 'creditOffer ' + $scope.checkoutSession.creditOffer + ', ' + isCreditInWallet + ', ' + isPayPalCredit);\n\n if ($scope.checkoutSession.creditOffer) {\n if (!$rootScope.bml) {\n $rootScope.bml = new $BMLModel();\n }\n $rootScope.bmlApply = new $ApplyForBMLModel();\n }\n // the second button user is ineligible for PPC, no credit in wallet, and has not selected to \"pay with paypal\"\n else if (isPayPalCredit && !isPPCEligible && !isCreditInWallet && !$scope.creditDataModel.payInFull && !isCapeReturn) {\n $scope.checkoutSession.message = {\n type: 'info',\n msgKeys: ['offers.bmlIneligibleHeader', 'offers.bmlIneligibleContent']\n };\n\n _logger.$logger.info('checkout_fpti', {\n from: 'Login',\n to: 'Review',\n error_type: 'second_btn_ineligible'\n });\n }\n\n $scope.showSoftDescriptor = !$scope.checkoutAppData.flags.hide_soft_descriptor && $scope.checkoutCart.get('purchaseUnits.length', 0) <= 1;\n\n return $pxpCartAmt($scope.checkoutAppData.get('merchant.merchant_country'), $scope.payee.get('merchant.id', ''), noLineItemDetails, $scope.checkoutCart.isPurchase()).then(function (showAmount) {\n $scope.showAmt = showAmount;\n });\n };\n\n var applyNegativeBalanceStatus = function applyNegativeBalanceStatus() {\n var checkoutSession = $scope.checkoutSession,\n negBals = checkoutSession.negBals,\n nbrMsgContentKey,\n tokenHash;\n\n if (negBals) {\n\n nbrMsgContentKey = 'memberReview.nbrMsg';\n tokenHash = {\n neg_bal: (0, _squid.formatCurrency)(negBals[0].amount, negBals[0].currency_code, false),\n merchantName: $scope.checkoutAppData.get('merchant.brand_name')\n };\n\n if (negBals.length > 1) {\n nbrMsgContentKey += 'Plural';\n tokenHash.neg_bal2 = (0, _squid.formatCurrency)(negBals[1].amount, negBals[1].currency_code, false);\n }\n\n checkoutSession.message = {\n type: 'warning',\n msgs: [$renderContent(nbrMsgContentKey, tokenHash)]\n };\n }\n };\n\n var applyBrPxp = function applyBrPxp() {\n if (!$miniBrowser.isMiniBrowser() && $locale.country === 'BR') {\n var brPxp = $config.pxpExperiments.BR.xo_br_hermesnode_ryi_design;\n\n $pxpFactors(brPxp.pgName, brPxp.params, brPxp.pattern).then(function (result) {\n $scope.ryiDesignExp = result;\n });\n }\n };\n\n var applyShowShippingMethod = function applyShowShippingMethod() {\n $scope.isInstantUpdateAPIFlow = $scope.checkoutCart && $scope.checkoutCart.get('instantUpdateIntegration');\n $scope.showShippingMethod = $scope.isInstantUpdateAPIFlow ? true : false;\n if (_integration.$integration.getConfig('SHOW_SHIPPING_METHOD')) {\n return setShowShippingMethodProperty();\n }\n };\n\n var applyPayButtonOption = function applyPayButtonOption() {\n $scope.cancel = $scope.checkoutAppData.urls.cancel_url;\n\n var isBilling = $scope.checkoutCart.isBilling();\n $scope.merchantMsg = $scope.checkoutCart.getBillingDescription();\n\n var merchant = $scope.checkoutAppData.merchant;\n $scope.merchantName = merchant.brand_name || merchant.merchant_name || merchant.merchant_email;\n\n // Determine whether the button type is a Pay button or Continue button\n $scope.buttonLabelIsPay = $scope.useraction === 'commit' || _integration.$integration.getConfig('SHOW_PAY_NOW_LABEL_ON_REVIEW');\n\n // log paybuttonText as paynow or continue\n // irrespective of PAD, credit, etc\n\n _logger.$logger.info('checkout_fpti', {\n 'ryp_button_text': $scope.buttonLabelIsPay ? 'paynnow_y' : 'paynnow_n'\n });\n\n // show shipping address based on merchant passed in parameter\n $scope.showShippingAddress = Boolean(!$scope.checkoutAppData.flags.hide_shipping_address && $scope.checkoutAppData.flags.shipping_address_required && $scope.checkoutSession.shipping);\n\n // review page 'continue' or 'pay now' button logic to return the button text\n $scope.payButtonText = function () {\n\n if ($scope.selectedmethod && $scope.selectedmethod.planId === 'applyForPPCRadio') {\n return $locale.content.get('applyForBml.bmlApplyHeadline');\n }\n\n if (isBilling) {\n if ($scope.buttonLabelIsPay) {\n return $locale.content.get('memberReview.agreeAndPayLabel');\n } else {\n return $locale.content.get('memberReview.agreeAndContinueLabel');\n }\n } else if (getPadToggleStatus() === 'ON') {\n return $locale.content.get('memberReview.padLabel');\n } else if ($scope.buttonLabelIsPay) {\n if ($scope.checkoutSession.unconfirmed_upop) {\n return $locale.content.get('memberReview.pay');\n } else {\n $scope.payButton = 'paynnow_y';\n return $locale.content.get('memberReview.payLabel');\n }\n } else {\n $scope.payButton = 'paynnow_n';\n // if showing test label...\n if (pxpExitMsg === 1) {\n // resolve merchant name\n var merchantName = pxpMerchName;\n\n if (!merchantName || merchantName.length > pxpMerchNameLimit) {\n merchantName = 'the Merchant';\n }\n\n return 'Continue to ' + merchantName;\n } else if (pxpExitMsg === 4) {\n return 'Continue to Pay';\n } else {\n return $locale.content.get('memberReview.continueLabel');\n }\n }\n };\n\n $scope.onRedeemGC = function () {\n throw new $FallbackError({\n reason: 'redeem_coupon_feature_not_supported',\n product: 'ux'\n });\n };\n\n // Check if processor decline message needs to be set\n setProcessorDeclineMessage();\n\n $scope.promotion = {\n type: null,\n name: ''\n };\n\n var plccOffer = $scope.checkoutSession.plccOffer;\n\n if (plccOffer) {\n $scope.promotion.logoUrl = plccOffer.product_logo;\n $scope.promotion.name = plccOffer.product_name;\n }\n\n $scope.onFBBANotNow = function () {\n var _$scope$checkoutSessi = $scope.checkoutSession.payer;\n _$scope$checkoutSessi = _$scope$checkoutSessi === undefined ? {} : _$scope$checkoutSessi;\n var payerId = _$scope$checkoutSessi.id;\n\n var isUnchecked = $util.sessionStorageEnabled() && window.sessionStorage.getItem('checkboxPluginState') === 'unchecked';\n\n _logger.$logger.info('checkout_fpti', {\n buyer_country: $locale.country,\n buyer_id: payerId,\n context_id: $scope.token,\n design: 'fbmessenger',\n from: 'BILLING_AGREEMENT',\n to: 'process_billing_agreement',\n eligibility_reason: isUnchecked ? 'checkbox_plugin_unchecked' : 'checkbox_plugin_checked',\n click_source: 'not_now'\n });\n\n window.xchild.close();\n };\n\n $scope.onPay = function (result) {\n\n // Track NMJ variations.\n var payEventName = void 0;\n if ($scope.isNmjDesign1) {\n payEventName = 'member_ryi_onPayVariant_nmj_design1_page';\n } else if ($scope.isNmjDesign2) {\n payEventName = 'member_ryi_onPayVariant_nmj_design2_page';\n } else if ($scope.isNmjDesign3) {\n payEventName = 'member_ryi_onPayVariant_nmj_design3_page';\n } else {\n payEventName = 'member_ryi_onPayVariant_control';\n }\n\n _logger.$logger.info(payEventName);\n\n if (!isValidPinSetup()) {\n $scope.topupError = true;\n _logger.$logger.debug('pin_missing');\n $state.go('checkout.pinSetup');\n return;\n }\n\n if ($scope.checkoutSession.installments && $scope.checkoutSession.installments.length > 1 && !$scope.checkoutSession.selectedInstallmentData) {\n $scope.installmentNotSelected = true;\n return;\n }\n\n if ($scope.isInstantUpdateAPIFlow && !$scope.instantUpdateFeature.shippingRegionSupported) {\n return;\n }\n\n if ($feature('creditInstallmentOffers') && $scope.checkoutSession.get('plan.paypal_credit') && $scope.installment.showCYCO && $scope.creditOptions && !$scope.creditOptions.creditType) {\n return $state.go('checkout.chooseCreditOffer');\n }\n // \"Paying\" by applying for PPC\n if ($scope.selectedmethod && $scope.selectedmethod.planId === 'applyForPPCRadio') {\n if ($feature('creditInstallmentOffers') && $scope.installment && $scope.installment.installmentOptionsPresent) {\n return $state.go('checkout.chooseCreditOffer');\n } else {\n return $state.go('checkout.redirectToCape', {}, { location: false });\n }\n }\n // Address Normalization Checks\n if ($scope.checkoutAppData.get('flags.allow_change_shipping', false) && $feature('shippingAddressNormalization') && $scope.checkoutSession.get('shipping.normalization_status') === 'UNKNOWN') {\n\n return $state.go('checkout.review.sidebar.updateShipping');\n }\n\n var padToggleStatus = getPadToggleStatus();\n\n if (padToggleStatus === 'ON') {\n _logger.$logger.info('checkout_fpti', {\n 'pad_toggle_status': 'padToggleOnSubmit'\n });\n } else if (padToggleStatus === 'OFF') {\n _logger.$logger.info('checkout_fpti', {\n 'pad_toggle_status': 'padToggleOffSubmit'\n });\n }\n\n /* Call updateFS so that if user has made a change in the multiple FI on RYI variant, we select their instrument before doing other logic */\n /* Call patchCvv first, if error, need buyers to input again */\n /* Call to set Sticky Funding Instrument for Billing Agreement.\n * We have to ensure the sticky call happens before authorize due to symphony spec.*/\n /* We need to wait for the response from updateAddressAsPreferred before calling authorize */\n\n var preAuthorizeError = void 0;\n\n return updateFS()\n // Make PAPS patch calls sequentially. Concurrent patch calls are currently not supported\n .then(function () {\n return setTokenizedWalletPin();\n }).then(function () {\n return $fiApis.patchCvv($scope.checkoutSession);\n }).then(function () {\n return setStickyInstrument();\n })\n // Other calls that won't affect the checkout session. Multiple patch calls to PAPS should not be made here\n .then(function () {\n return _angular.$q.all([updateAddressAsPreferred(), // This is a patch call to PAPS\n setWalletTopupPreferences(), linkAuthConsent(), $scope.actions.updatePreferredFi(_logger.$logger)])['catch'](function (err) {\n // should we have more elaborate error handling here?\n if ($scope.checkoutCart.isWalletTokenization()) {\n if (err.message === 'WALLET_PREFERENCE_SET_ERROR') {\n preAuthorizeError = err;\n }\n }\n _logger.$logger.error('onPay() error', err);\n })['finally'](function () {\n if (preAuthorizeError) {\n var code = 'ANDROID_PAY_SET_WALLET_PREFERENCE_ERROR';\n code = window.btoa(code);\n $state.go('checkout.genericError', {\n code: code\n });\n } else {\n return authorize();\n }\n });\n }, function (err) {\n if ($scope.checkoutCart.isWalletTokenization()) {\n if (err.message === 'ISSUANCE_PIN_SERVICE_ERROR') {\n var code = 'ANDROID_PAY_SET_PIN_ERROR';\n code = window.btoa(code);\n $state.go('checkout.genericError', {\n code: code\n });\n return;\n }\n }\n _logger.$logger.error('onPay() patchCvv error', err);\n });\n };\n\n /* This is used for a BML 'popup' that opens covering the whole review page,\n hiding the rest of the review page when its open. */\n $scope.bmlPopupOpen = false;\n\n $scope.showBmlPopup = function () {\n $scope.bmlPopupOpen = true;\n };\n\n $scope.hideBmlPopup = function () {\n $scope.bmlPopupOpen = false;\n };\n };\n\n /* This promise chain renders critical content in the page. Avoid\n * the temptation to tack on another `.then` to this promise chain.\n *\n * If you are making a critical network request, consider putting\n * function inside the `$q.all` array so it can be run in parallel\n * and not slow down page rendering.\n *\n * If your function requires values available on `$scope` after\n * the critical functions in `$q.all` are complete, put your\n * function in the following `.then` block.\n *\n * Otherwise, your function can likely go somewhere else.\n */\n\n _angular.$q.all([populateScope(), applyNewMemberVariant(), applyBrPxp(), useCEPForCreditOfferDisplay(), stickyCTA()]).then(function () {\n // applyCreditOptions could potentially redirect out of the RYI.\n // Seperate it out from the rest of the pack to avoid unnecessary code execution\n applyCreditOptions();\n // resolve the banner before anything else\n triggerPersonalizedBanner();\n // resolve the pxp before determining the submit btn text\n applyMerchantName();\n $scope.showExpiredMsg = _factory3.$ExpiredMsgFactory.showExpiredMsg($scope.isNmj, $scope.checkoutSession);\n }).then(function () {\n // All of these functions apply variations to different sections of the RYI. OK to execute them in parallel\n return _angular.$q.all([applyPayButtonOption(), applyChoiceExperimentVariant(), logSessionDetails(), prepareTokenizedWallet(), applyNegativeBalanceStatus(), applyKmliUpsellEligibility(), applyShowShippingMethod(), applyInvoicingRegEDetails()]);\n });\n\n (0, _jquery2['default'])('.paypalHeaderWrapper').removeClass('paypalCredit');\n (0, _jquery2['default'])('.paypalHeaderWrapper').removeClass('paypalCreditTnc');\n\n $scope.onComplete = function (params) {\n if (params) {\n _logger.$logger.debug('ryi_optin_isKmliSet_' + params.isKmliSet);\n if (params.isKmliSet) {\n $scope.optin_toggle.setValue(true);\n }\n }\n $state.go('checkout.review');\n };\n $scope.propValueObj = {};\n if ($feature('propValue')) {\n $scope.propValueObj.propHeader = 'memberReview.propHead';\n $scope.propValueObj.propVal = 'memberReview.propVal';\n $scope.propValueObj.propImage = 'https://www.paypalobjects.com/images/checkout/hermes/scr_vp_fprd_shield_bags.png';\n } else {\n $scope.propValueObj.propHeader = 'login.propHeadAlt';\n $scope.propValueObj.propVal = 'login.propValAlt';\n $scope.propValueObj.propImage = 'https://www.paypalobjects.com/images/checkout/hermes/scr_vp_fprd_wallet_card_v3.png';\n }\n }\n});\n\nangular.value(\"$xoReviewPageComponent\", $xoReviewPageComponent);\n_angular.$q;\n\n_squid.formatCurrency;\n\n_squid.$Component;\n\n_squid.formatNameInformal;\n\n_squid.$Class;\n\n_index.$ChoiceEligibility;\n\n_integration.$integration;\n\n_fi.$PreferredFi;\n\n_logger.$logger;\n\n_ul.$ul;\n\n_thirdPartyInfo.thirdPartyExperience;\n\n_newMember.$NewMemberEligibility;\n\n_app.$TokenizedWalletInfoModel;\n\n_index4.$CreditInstallmentModel;\n\n_factory.$PADFactory;\n\n_factory2.$BalanceFactory;\n\n_factory3.$ExpiredMsgFactory;\n\n_index5.$stickyCTA;\n\n/***/ }),\n\n/***/ \"./pages/xo-review/factory.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function(module, __dirname, __filename) {\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\n(function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n})(window.angular);\n\nangular.module().factory('$PADFactory', function () {\n\n /**\n * is pad toggle feature enabled (in config/config.json)\n */\n var padToggleFeatureSupported = function padToggleFeatureSupported() {\n return (0, _squid.$feature)('padToggleFeatureSupported');\n };\n\n /**\n *\n * get PAD or IACH plan id based on selected plan id and PAD toggle status\n * if selected plan is IACH and toggle is on -> use associated PAD plan id\n * if selected plan is IACH and toggle is off -> use it's ID\n * if selected plan is PAD and toggle is on -> use it's ID\n * if selected plan is PAD and toggle is off -> use associated IACH plan id\n */\n var getPadOrIachBankPlanId = function getPadOrIachBankPlanId(_ref) {\n var selectedMethodPlanId = _ref.selectedMethodPlanId,\n fundingOptions = _ref.fundingOptions,\n multiFiCheckboxStates = _ref.multiFiCheckboxStates;\n\n var plan = fundingOptions.getPlanByPlanId(selectedMethodPlanId);\n var padOrIachPlanId = void 0;\n\n if (fundingOptions.isPAD(plan) || fundingOptions.isIACH(plan)) {\n if (multiFiCheckboxStates[plan.primaryFs.id]) {\n padOrIachPlanId = fundingOptions.getPadOrIachPlanIdBySelectedPlan({ plan: plan, isPadToggleSelected: true });\n } else {\n padOrIachPlanId = fundingOptions.getPadOrIachPlanIdBySelectedPlan({ plan: plan, isPadToggleSelected: false });\n }\n }\n return padOrIachPlanId;\n };\n\n // check if PAD feature is applicable\n var isPadToggleFeatureApplicable = function isPadToggleFeatureApplicable(padToggleFeature) {\n return padToggleFeatureSupported() && padToggleFeature.applicable;\n };\n\n return {\n getPadOrIachBankPlanId: getPadOrIachBankPlanId,\n isPadToggleFeatureApplicable: isPadToggleFeatureApplicable,\n padToggleFeatureSupported: padToggleFeatureSupported\n };\n});\n\n_squid.$feature;\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"../node_modules/webpack/buildin/module.js\")(module), \"pages/xo-review\", \"pages/xo-review/factory.js\"))\n\n/***/ }),\n\n/***/ \"./pages/xo-review/route.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\nexports.$ReviewRoute = undefined;\n\nvar _logger = __webpack_require__(\"./components/xo-beaver/dist/logger.js\");\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _route = __webpack_require__(\"./components/xo-wallet-components/src/confirm-upop/route.js\");\n\nvar _route2 = _interopRequireDefault(_route);\n\n__webpack_require__(\"./components/xo-login-components/src/onetouch-interstitial/route.js\");\n\nvar _route3 = __webpack_require__(\"./pages/xo-sidebar/route.js\");\n\nvar _route4 = _interopRequireDefault(_route3);\n\nvar _route5 = __webpack_require__(\"./pages/xo-sidepage/route.js\");\n\nvar _route6 = _interopRequireDefault(_route5);\n\nvar _directive = __webpack_require__(\"./pages/xo-review/directive.js\");\n\nvar _checkout = __webpack_require__(\"./components/xo-models/src/checkout/index.js\");\n\nvar _choice = __webpack_require__(\"./components/xo-models/src/choice/index.js\");\n\nvar _credit = __webpack_require__(\"./components/xo-models/src/credit/index.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar $ReviewRoute = exports.$ReviewRoute = _squid.$ComponentRoute.extend('$ReviewRoute', {\n\n path: 'review',\n directive: _directive.$xoReviewPageComponent,\n titleContent: 'memberReview.memberReviewTitle',\n\n trackingData: {\n fptiState: 'review',\n templateName: 'memberReview.dust',\n pageGoal: 'Payment Review',\n buzname: {\n 'fullpage': {\n 'pagename': '%::fullpage-review',\n 'pagename2': '%::fullpage-review:member:hermes:',\n 'version': 'member:%:'\n // More page qualifiers come here...\n } }\n },\n\n resolve: {\n action: function action($rootScope, $state) {\n\n // Determine if we should instead route to the selectFi choice experiment page\n if (!(0, _squid.$feature)('choiceExperiment')) {\n return;\n }\n\n var _$config$choiceExperi = _squid.$config.choiceExperiment;\n _$config$choiceExperi = _$config$choiceExperi === undefined ? {} : _$config$choiceExperi;\n var _$config$choiceExperi2 = _$config$choiceExperi.selectFi,\n fiPageVariants = _$config$choiceExperi2 === undefined ? [] : _$config$choiceExperi2,\n _$config$choiceExperi3 = _$config$choiceExperi.skipSelectFi,\n skipFiPageVariants = _$config$choiceExperi3 === undefined ? [] : _$config$choiceExperi3;\n var fromState = $state.fromState;\n\n var skipStates = ['checkout.review', 'checkout.selectFi', 'checkout.authorizationmessage', 'checkout.pageAddCard.addCardFlow.addCard', 'checkout.chooseCreditOffer'];\n\n if (!fromState.name ||\n // Current state contains one of the skip states (can be nested)\n skipStates.some(function (state) {\n return fromState.name.indexOf(state) !== -1;\n })) {\n return;\n }\n\n // If returning from credit application, skip the selectFi page\n var isCapeReturnKey = _credit.$CreditDataModel.instance($rootScope.token).getCapeKey();\n\n if (isCapeReturnKey) {\n return;\n }\n\n return _choice.$ChoiceEligibility.instance().getVariant($rootScope.token).then(function (variant) {\n // Check if variant is selectFi variant\n if (fiPageVariants.indexOf(variant) === -1) {\n return;\n }\n\n var models = {};\n\n // Check that there is more than one plan to choose from, or that plan is not preferred\n return (0, _squid.$populate)(models, {\n checkoutSession: _checkout.$CheckoutSessionModel.instance($rootScope.token)\n }).then(function () {\n var plans = models.checkoutSession.get('fundingOptions.plans');\n var isPreferredDefault = skipFiPageVariants.indexOf(variant) > -1 && plans && plans[0].primaryFs.isPreferred;\n var stickyPlans = models.checkoutSession.futurePaymentInstruments;\n\n if (!isPreferredDefault && (plans && plans.length > 1 || stickyPlans && stickyPlans.length > 1)) {\n return {\n to: 'checkout.selectFi',\n newState: true\n };\n } else {\n _logger.$logger.info('skip_selectFi', {\n reason: isPreferredDefault ? 'default_is_preferred' : 'not_enough_plans'\n });\n return;\n }\n });\n });\n }\n },\n\n children: [{\n route: _route4['default'],\n attributes: {\n 'back-uri': 'backUri',\n 'promotion': 'promotion',\n 'update': 'update',\n 'token': 'token',\n 'installment': 'installment'\n }\n }, {\n name: '$OneTouchUpsellRoute',\n attributes: {\n 'token': 'token',\n 'on-complete': 'onComplete'\n }\n }, {\n route: _route2['default'],\n props: function props() {\n var props = {\n token: this.token,\n cardmodel: this.cardModel\n };\n\n if (this.upopCallbacks.isOnUpdate) {\n props.onSuccess = this.upopCallbacks.onUpdateSuccess;\n props.onCancel = this.upopCallbacks.onUpdateCancel;\n } else {\n props.onSuccess = this.upopCallbacks.onConfirmUpopSuccess;\n props.onCancel = this.upopCallbacks.onConfirmUpopCancel;\n }\n\n return props;\n }\n }, {\n route: _route6['default'],\n props: function props() {\n return {\n token: this.token\n };\n }\n }]\n});\n\nangular.value(\"$ReviewRoute\", $ReviewRoute);\n_logger.$logger;\n\n_squid.$ComponentRoute;\n\n_squid.$feature;\n\n_squid.$config;\n\n_squid.$populate;\n\n_directive.$xoReviewPageComponent;\n\n_checkout.$CheckoutSessionModel;\n\n_choice.$ChoiceEligibility;\n\n_credit.$CreditDataModel;\n\n/***/ }),\n\n/***/ \"./pages/xo-review/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"\\n \\n \\n \\n\\n
\\n \\n \\n\\n\"\n\n/***/ }),\n\n/***/ \"./pages/xo-select-fi/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\nexports.$xoSelectFiComponent = undefined;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _uiRouter = __webpack_require__(\"./components/angular-ui-router/release/angular-ui-router.min.js\");\n\nvar _logger = __webpack_require__(\"./components/xo-beaver/dist/logger.js\");\n\nvar _auth = __webpack_require__(\"./components/xo-models/src/auth/index.js\");\n\nvar _index = __webpack_require__(\"./components/xo-models/src/checkout/index.js\");\n\nvar _choice = __webpack_require__(\"./components/xo-models/src/choice/index.js\");\n\nvar _index2 = __webpack_require__(\"./components/xo-models/src/fi/index.js\");\n\nvar _index3 = __webpack_require__(\"./components/xo-models/src/fiMeta/index.js\");\n\nvar _index4 = _interopRequireDefault(_index3);\n\n__webpack_require__(\"./js/lib/index.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/message/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/banner/directive.js\");\n\n__webpack_require__(\"./components/xo-title/dist/directive.js\");\n\n__webpack_require__(\"./components/xo-models/src/fi/lib/fiMessages.js\");\n\n__webpack_require__(\"./components/xo-models/src/fi/lib/fiApis.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/fi-panel/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/experience/directive.js\");\n\n__webpack_require__(\"./components/xo-device-info/dist/index.js\");\n\n__webpack_require__(\"./components/xo-credit-components/src/offer/directive.js\");\n\n__webpack_require__(\"./components/xo-credit-components/src/offer/xo-credit-example-uk/directive.js\");\n\n__webpack_require__(\"./components/xo-member-components/src/review-paywith/directive.js\");\n\n__webpack_require__(\"./components/xo-page-components/src/marketingOffers/directive.js\");\n\n__webpack_require__(\"./components/xo-page-components/src/notYou/directive.js\");\n\nvar _template = __webpack_require__(\"./pages/xo-select-fi/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\n__webpack_require__(\"./pages/xo-select-fi/styles.less\");\n\nvar _factory = __webpack_require__(\"./pages/xo-select-fi/factory.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar $xoSelectFiComponent = exports.$xoSelectFiComponent = _squid.$Component.extend('$xoSelectFiComponent', {\n tag: 'xo-select-fi',\n template: _template2['default'],\n props: {\n token: {\n type: 'var',\n required: true\n }\n },\n resolve: {\n models: function models() {\n _index4['default'].instance(this.props.token).fetch();\n return {\n checkoutSession: _index.$CheckoutSessionModel.instance(this.props.token).retrieve(),\n cart: _index.$CheckoutCartModel.instance(this.props.token).retrieve(),\n auth: _auth.$AuthModel.instance().retrieve(),\n checkoutAppData: _index.$CheckoutAppDataModel.instance(this.props.token).retrieve(),\n variant: _choice.$ChoiceEligibility.instance().getVariant(this.props.token),\n checkoutPayeeModel: _index.$CheckoutPayeeModel.instance(this.props.token).retrieve()\n };\n }\n },\n actions: {},\n lifecycle: {\n enter: function enter() {\n // make this better\n this.propValueObj = {\n propHeader: 'memberReview.propHead',\n propVal: 'memberReview.propVal',\n propImage: 'https://www.paypalobjects.com/images/checkout/hermes/scr_vp_fprd_shield_bags.png'\n };\n\n this.isMessengerBAIntegration = _squid.$integration.getConfig('IS_MESSENGER_BA_INTEGRATION');\n\n this.personalizedBanner = {\n show: false\n };\n this.personalizedBanner = {\n show: false\n };\n this.locale = _squid.$locale;\n this.isCountryDE = _squid.$locale.country === 'DE';\n },\n populate: function populate() {\n var _this = this;\n\n var _models = this.models,\n checkoutSession = _models.checkoutSession,\n cart = _models.cart;\n\n var masterPlanList = checkoutSession.getPlanList(); // initial fundingOptions that's returned by planning (unmodified)\n\n this.isBillingNoPurchase = cart.isBillingNoPurchase();\n this.isBilling = cart.isBilling();\n\n this.personalizedBanner.show = this.models.auth.rememberedOT() && (0, _squid.$feature)('oneTouchPersonalization');\n\n this.showNotYou = this.models.auth && this.models.auth.showNotYou();\n\n this.formattedNameInformal = (0, _squid.formatNameInformal)({\n first_name: this.models.auth.first_name,\n last_name: this.models.auth.last_name\n }) || this.models.auth.email;\n\n // selected plan model\n var selectedmethod = this.selectedmethod = {\n // first selection to start\n index: 0,\n // needed by xo-reuse and will be resolved later\n planId: 0\n };\n\n var serializedPlans = {}; // index of all plans by primary and balance currency code(s)\n var balanceCodes = {}; // index of cataloged currency codes\n var primaryList = []; // list of plans with unique primaryFs ids\n var balanceList = this.balanceList = []; // list of unique balance currencies\n var cardMap = { // FI names that we know map to content keys\n BILL_ME_LATER: 'BILL_ME_LATER',\n PAD: 'PAD',\n PAYPAL_EXTRAS_MASTERCARD: 'PAYPAL_EXTRAS_MASTERCARD'\n };\n\n this.isUSGambling = function () {\n // US Only Real Money Gaming\n var isUSBuyer = _squid.$locale.country === 'US';\n var isUSmerchant = _this.models.checkoutAppData && _this.models.checkoutAppData.get('merchant.merchant_country') === 'US';\n\n return _this.models.checkoutPayeeModel && _this.models.checkoutPayeeModel.isGambling() && isUSBuyer && isUSmerchant;\n };\n\n // Return a representation of the primaryFs of a plan\n // Based on id, currency code, subtype to ensure uniqueness\n // TODO(refactor): $MultiFiPlanFactory.getSerializedPrimary()\n var getSerializedPrimary = function getSerializedPrimary(primary) {\n var serial = primary.id + primary.amount.currency_code.toLowerCase();\n\n // if there's a subtype...\n if (primary.subtype) {\n serial += primary.subtype;\n }\n return serial;\n };\n\n // return a serialized key for the plan\n // plan - a plan object from checkoutSession.fundingOptions.plans\n // balances - array of currency code strings\n // TODO (refactor): $MultiFiPlanFactory.getSerializedPlanId()\n var getSerializedPlanId = function getSerializedPlanId(plan, balances) {\n var pid = getSerializedPrimary(plan.primaryFs);\n\n // if no balances array...\n if (!balances) {\n // just return the pid\n return pid;\n }\n\n // (otherwise) sort balances\n balances.sort();\n\n return pid + balances.join();\n };\n\n if (masterPlanList) {\n // If more than one fully funded balance plan, show the balance currency next to instrument name\n // TODO(refactor): the entire `showBalanceCurrencies` logic can be abstracted away\n // with $MultiFiPlanFactory.getShowBalanceCurrenciesStatus()\n var showBalanceCurrencies = checkoutSession.isMultipleBalancePlan();\n\n // if not multiple balance plans...\n if (!showBalanceCurrencies) {\n // start with first plan's currency\n var knownCurrency = masterPlanList[0].primaryFs.amount.currency_code;\n\n // update flag if any plan has more than two secondaries or one with a different currency\n showBalanceCurrencies = masterPlanList.some(function (plan) {\n // show currencies, when this plan has a different one, or...\n return plan.primaryFs.amount.currency_code !== knownCurrency ||\n // this plan has secondaries, where...\n plan.secondaryFIs && (\n // there's more than one\n plan.secondaryFIs.length > 1 ||\n // the one has a different currency\n plan.secondaryFIs[0].amount.currency_code !== knownCurrency);\n });\n }\n\n // index of captured primaryFs ids\n var primaryFsIds = {};\n\n // Filter through the masterPlanList, set up the split balance lists for the checkboxes if present, and set up the primary FI list. This is mostly needed for split balance cases\n // TODO(refactor): use $MultiFiPlanFactory.getCompositeBalances() to get `balanceCodes`, `balanceList` and `balCurCodes`\n masterPlanList.forEach(function (plan) {\n var balances = plan.secondaryFIs || [];\n var balCurCodes = [];\n\n // catalog balances\n balances.forEach(function (balance) {\n var code = balance.amount.currency_code;\n\n // capture code (for serialization, next)\n balCurCodes.push(code);\n // if this code has not been cataloged...\n if (!balanceCodes.hasOwnProperty(code)) {\n var balInfoAndState = {\n code: code,\n checked: false,\n enabled: true,\n intent: false,\n fake: false\n };\n\n if (showBalanceCurrencies) {\n balInfoAndState.amount = balance.amount.amount_formatted_currency;\n } else {\n balInfoAndState.amount = balance.amount.amount_formatted;\n }\n // flag that we've cataloged this code\n balanceCodes[code] = balInfoAndState;\n // capture balance details and initial ui state\n balanceList.push(balInfoAndState);\n }\n });\n\n // if this is a primary split-balance plan...\n if (plan.primaryFs.type === 'BALANCE') {\n // add key to template\n // NOTE: easier to build string here, than with template tags\n plan.currencies = [plan.primaryFs.amount.currency_code].concat(balCurCodes).join(', ');\n }\n\n // catalog plan by serial and balances\n serializedPlans[getSerializedPlanId(plan, balCurCodes)] = plan;\n\n // get plan primary\n var serialPrimary = getSerializedPrimary(plan.primaryFs);\n\n // if haven't indexed the primary...\n if (!primaryFsIds.hasOwnProperty(serialPrimary)) {\n // note that we've cataloged this primary\n primaryFsIds[serialPrimary] = 1;\n // capture plan with unique primary\n primaryList.push(plan);\n }\n });\n\n // sort unique balances by currency code\n // TODO(refactor): part of $MultiFiPlanFactory.getCompositeBalances() logic\n balanceList.sort(function (balA, balB) {\n // balance codes are never the same, so no need to return 0\n return balA.code < balB.code ? -1 : 1;\n });\n\n // expose to template\n this.isMultipleBalance = showBalanceCurrencies;\n\n // filtering primary list by DE specific logic so it combines IACH and PAD together\n if (this.isCountryDE) {\n primaryList = checkoutSession.fundingOptions.getPadAndIachCombinedPlans(primaryList);\n }\n\n this.primaryList = primaryList;\n }\n\n // TODO(refactor): use $MultiFiPlanFactory.getPlansByPrimaryId()\n var getPlansByPrimaryId = function getPlansByPrimaryId(pid) {\n var matchingPlans = {};\n\n // with each serialized plan\n for (var key in serializedPlans) {\n // if this key is not inherited and begins with this pid...\n if (serializedPlans.hasOwnProperty(key) && !key.indexOf(pid)) {\n // add to matched plans\n matchingPlans[key] = serializedPlans[key];\n }\n }\n return matchingPlans;\n };\n\n // checkPad() determines whether to show/hide the PAD warning message and PAD label\n var checkPad = function checkPad() {\n var _$BalanceFactory$getP = _factory.$BalanceFactory.getPadAndCheckboxStatus(_this.balanceList, masterPlanList),\n isChecked = _$BalanceFactory$getP.isChecked,\n hasPad = _$BalanceFactory$getP.hasPad;\n\n // only display this warning message to current user who have selected PayPal balance and\n // currently has a PAD type funding option\n\n\n _this.displayPadMessage = isChecked && hasPad;\n // display PAD label when PayPal balance is unchecked\n _this.displayPadLabel = isChecked === false;\n\n _factory.$BalanceFactory.set({ checkbox: isChecked });\n };\n\n this.capUserIntent = function (code, state) {\n var balance = balanceCodes[code];\n\n // if this balance is enabled...\n if (balance.enabled) {\n // capture user triggered state change\n balance.intent = state;\n }\n\n // check PAD related business logic to display PAD label and PAD warning message\n checkPad();\n };\n\n // check if plan is MEFT and has associated IACH bank\n var isMEFTWithIACH = function isMEFTWithIACH(plan) {\n if (!checkoutSession.fundingOptions.isMEFT(plan)) {\n return false;\n }\n return masterPlanList.some(function (p) {\n return plan.primaryFs && plan.primaryFs.id === p.primaryFs.id && checkoutSession.fundingOptions.isIACH(p);\n });\n };\n\n // for DE only we show preferred only for PAD or IACH banks\n var showPreferredLabelForDE = function showPreferredLabelForDE(isPAD, isMEFT, isIACHWithPad) {\n return (isPAD || isIACHWithPad) && _this.isCountryDE && !isMEFT; // if it's pad or iach and not meft\n };\n\n // for all countries except DE check if it's not PAD bank and not a MEFT bank with associated IACH\n var showPreferredLabelForAll = function showPreferredLabelForAll(isPAD, meftWithIach) {\n return !isPAD && !meftWithIach;\n };\n\n // for PAD isPreferred will never be true\n // only MEFT and IACH subtypes can have isPreferred as true\n this.showPreferredLabel = function (plan) {\n var preferred = checkoutSession.fundingOptions.isPreferred(plan);\n var isPAD = checkoutSession.fundingOptions.isPAD(plan);\n var isMEFT = checkoutSession.fundingOptions.isMEFT(plan);\n var isIACHWithPad = checkoutSession.fundingOptions.isIACHWithPad(plan);\n var meftWithIach = isMEFTWithIACH(plan);\n\n return !_this.isBilling && preferred && _this.preferredFiVariant && (showPreferredLabelForAll(isPAD, meftWithIach) || showPreferredLabelForDE(isPAD, isMEFT, isIACHWithPad));\n };\n\n // Update the balance checkbox states based on the index of primaryFs user has selected\n this.updateBalances = function (index) {\n var primary = primaryList[index].primaryFs;\n var bankOrOther = primary.type === 'BANK' ? 'BANK' : 'OTHER';\n var primaryCodeAsBalance = primary.type === 'BALANCE' && primary.amount.currency_code;\n var pid = getSerializedPrimary(primary);\n var matchingPlans = getPlansByPrimaryId(pid);\n\n // if no balances, set selected planId to the matching primaryFs by pid (should only be one) and exit early\n if (!balanceList.length) {\n if (matchingPlans.hasOwnProperty(pid)) {\n // capture the matching plan (needed by xo-reuse)\n selectedmethod.planId = matchingPlans[pid].planId;\n }\n\n return;\n }\n\n // Otherwise, match the balances based on index of user choice\n var combinedSerials = Object.keys(matchingPlans).join();\n var cardName = cardMap[primary.name] || bankOrOther;\n var includeCodes = [];\n var excludeCodes = [];\n\n var selectedPlan = primaryList[index]; // current selected plan\n var id = selectedPlan.secondaryFIs.length && selectedPlan.primaryFs.subtype === 'IACH' && selectedPlan.primaryFs.padPlanId || selectedPlan.secondaryFIs === false && selectedPlan.primaryFs.subtype === 'PAD' && selectedPlan.primaryFs.iachPlanId;\n\n var foundCorrespondingPlan = masterPlanList.some(function (plan) {\n return plan.planId === id;\n });\n\n // with each balance...\n // TODO(refactor)\n _squid.$util.forEach(balanceCodes, function (balState, code) {\n var isFake =\n\n // When the primary is Balance with the same currency\n // user cannot deselect this balance, so show fake selected+disabled checkbox\n balState.fake = primaryCodeAsBalance === code;\n\n // if faking this checkbox\n if (isFake) {\n // fake that it's being forced\n includeCodes.push(code);\n }\n\n // if no plans allow this balance...\n if (combinedSerials.indexOf(code) === -1 && !foundCorrespondingPlan) {\n // deselect and disable this balance\n balState.checked = balState.enabled = false;\n if (!isFake) {\n // add currency code to exclude list\n excludeCodes.push(code);\n }\n } else if (foundCorrespondingPlan) {\n // checks for crossed combination between IACH and PAD\n balState.enabled = true;\n balState.checked = balState.intent;\n } else {\n _this.installment = _this.installment || {};\n _this.installment.isSplitBalance = true;\n\n // assume all plans require this balance\n var requiresBalance = true;\n\n // with each plan...\n for (var serial in matchingPlans) {\n // if it can be used without this balance...\n if (matchingPlans.hasOwnProperty(serial) && serial.indexOf(code) === -1) {\n // flag that all plans do not use this balance\n requiresBalance = false;\n break;\n }\n }\n // if this balance is required for this (or all) plans...\n if (requiresBalance) {\n // select this balance\n balState.checked = true;\n // disable this balance\n balState.enabled = false;\n\n // add currency code to include list\n includeCodes.push(code);\n } else {\n // (otherwise) when this balance is optional for this primaryFs...\n // just enable the balance checkbox\n balState.enabled = true;\n // use intent state to persist user intent\n balState.checked = balState.intent;\n }\n }\n });\n\n // if not a balance plan, and we have any include and/or exclude messages to display...\n if (primary.type !== 'BALANCE' && (includeCodes.length || excludeCodes.length)) {\n var msgs = [];\n var fiName = (0, _squid.$renderContent)('fsMappings.' + primary.name).string || primary.name;\n\n // log when user messaging occurs\n _logger.$logger.info('checkout_fpti', {\n primary: primary.id || primary.type,\n denied: excludeCodes.join(),\n forced: includeCodes.join()\n });\n\n // build include and exclude messages\n [['yes', includeCodes], ['no', excludeCodes]].forEach(function (pair) {\n var codes = pair[1];\n var codesLn = codes.length;\n\n // if there are codes to report as in/ex-cluded...\n if (codesLn) {\n var msgKey = 'memberReview.' + pair[0] + 'Bal_' + cardName;\n var msgObj = { fi: fiName };\n\n // if more than one code...\n if (codesLn > 1) {\n // use plural content key\n msgKey += '_plural';\n // if more than two codes...\n if (codesLn > 2) {\n // group all but the last as the first code\n msgObj.code1 = codes.slice(0, -1).join(', ');\n // use last code alone\n msgObj.code2 = codes[codes.length - 1];\n } else {\n // set code to each token\n msgObj.code1 = codes[0];\n msgObj.code2 = codes[1];\n }\n } else {\n // (otherwise) when only one code...\n // list as first code\n msgObj.code1 = codes[0];\n }\n // capture final message\n msgs.push((0, _squid.$renderContent)(msgKey, msgObj));\n }\n });\n // show informational messages\n checkoutSession.message = {\n msgs: msgs,\n type: 'info'\n };\n } else {\n // clear (any) existing message(s)\n checkoutSession.message = '';\n }\n\n // check PAD related business logic to display PAD label and PAD warning message\n checkPad();\n };\n\n // determine which plan to pre-select\n\n // if BA txn...\n if (this.isBillingNoPurchase) {\n // just deal with plan id - ignore index approach\n selectedmethod.planId = checkoutSession.getSelectedStickyInstrument().instrument_id;\n } else if (balanceList.length) {\n // (or) there are balances...\n\n // Select checkboxes by default if first plan has balances by default\n if (masterPlanList[0].secondaryFIs) {\n masterPlanList[0].secondaryFIs.forEach(function (bal) {\n _this.capUserIntent(bal.amount.currency_code, true);\n });\n }\n\n // update balance checkboxes for the first/default selected plan\n this.updateBalances(0);\n } else {\n\n // (otherwise) without balances...\n\n // honor preferred/active/current plan\n var preferredPlanId = checkoutSession.plan.id;\n\n // behave as if the preferred plan were selected - if not, the first/default\n var preferredPlanIndex = _squid.$util.findIndex(primaryList, function (plan) {\n return plan.planId === preferredPlanId;\n }) || 0;\n\n var plan = primaryList[preferredPlanIndex];\n\n if (plan) {\n // specify selected method\n selectedmethod.index = preferredPlanIndex;\n\n // capture preferred plan id - should be same as `preferredPlanId`\n selectedmethod.planId = plan.planId;\n }\n }\n\n this.getBAPlans = function () {\n return checkoutSession.futurePaymentInstruments;\n };\n\n // Check if is variant where preferred can be set\n var preferredFiVariants = _squid.$config.choiceExperiment && _squid.$config.choiceExperiment.preferredCheckbox || [];\n\n this.preferredFiVariant = preferredFiVariants.indexOf(this.models.variant) > -1;\n\n var updateFS = function updateFS() {\n var planId = void 0;\n\n if (_this.selectedmethod.index === 'applyForPPCRadio') {\n return _squid.$promise.resolve();\n }\n\n // if BA plans...\n if (_this.isBillingNoPurchase) {\n planId = selectedmethod.planId;\n } else {\n\n // (otherwise) resolve plan from index and checked balance checkboxes\n\n var index = selectedmethod.index;\n var _plan = primaryList[index];\n\n // TODO: refactor this to FundingOptionsModel\n var getPadSplitBalPlan = function getPadSplitBalPlan(currentPlan) {\n return masterPlanList.find(function (p) {\n return p.primaryFs.id === currentPlan.primaryFs.id && p.primaryFs.subtype === 'IACH' && p.secondaryFIs && p.secondaryFIs.length;\n });\n };\n\n // find iach or pad plan without balance\n var getIachOrPadPlanWithoutBalance = function getIachOrPadPlanWithoutBalance(currentPlan) {\n return masterPlanList.find(function (p) {\n return p.primaryFs.id === currentPlan.primaryFs.id && (checkoutSession.fundingOptions.isIACH(p) || checkoutSession.fundingOptions.isPAD(p)) && !p.secondaryFIs;\n });\n };\n\n // check if plan is IACH with a balance\n var isPlanIachWithBalance = function isPlanIachWithBalance(p) {\n return checkoutSession.fundingOptions.isIACH(p) && p.secondaryFIs && p.secondaryFIs.length;\n };\n\n var isChecked = balanceList.some(function (balance) {\n return balance.checked;\n });\n var planWithSplitBal = getPadSplitBalPlan(_plan);\n\n // if balance checkbox is checked make sure the selected plan is correct by looking for a plan with a balance\n // otherwise if unchecked and selected plan has balance -> find plan without balance\n if (isChecked) {\n if (planWithSplitBal) {\n _plan = planWithSplitBal;\n }\n } else if (isPlanIachWithBalance(_plan)) {\n var planWithIachOrPad = getIachOrPadPlanWithoutBalance(_plan);\n\n if (planWithIachOrPad) {\n _plan = planWithIachOrPad;\n }\n }\n\n // get plan with serial, built from user selections\n // TODO(refactor): use $MultiFiPlanFactory.getCheckedBalances()\n var checkedBalances = [];\n\n _squid.$util.forEach(balanceCodes, function (balance, code) {\n if (balance.checked) {\n checkedBalances.push(code);\n }\n });\n\n // use plan with this primaryFs and balance options\n var fundingsource = serializedPlans[getSerializedPlanId(_plan, checkedBalances)];\n\n // if no plan matches the user's selections...\n if (!fundingsource) {\n\n // FUZZY MATCHING x-{\n\n var pid = getSerializedPrimary(_plan.primaryFs);\n var pidForLogger = _plan.primaryFs.id || _plan.primaryFs.type;\n\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n denied: checkedBalances.join()\n });\n\n // (perhaps only one of the selected balances is applicable?)\n\n // find a plan with each individual balance\n checkedBalances.some(function (code) {\n // match plan with this serial combination\n fundingsource = serializedPlans[pid + code];\n return fundingsource;\n });\n\n // flag that one of the checked balances was unusable\n if (fundingsource) {\n\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n denied: checkedBalances.join()\n });\n }\n\n // if no plan yet...\n // (perhaps the plan doesn't have any balance combination?)\n if (!fundingsource) {\n // get the plan with just this primaryFs\n fundingsource = serializedPlans[pid];\n // if we now have a plan...\n if (fundingsource) {\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n denied: checkedBalances.join()\n });\n }\n }\n\n // if still no plan...\n // (at this point, the plan requires a specific balance combination)\n if (!fundingsource) {\n var serializedPlanKeys = Object.keys(serializedPlans);\n\n // use the first plan that begins with this primary id\n fundingsource = serializedPlans[serializedPlanKeys[_squid.$util.findIndex(serializedPlanKeys, function (serial) {\n return serial.indexOf(pid) === 0;\n })]];\n\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n forced: balanceList.map(function (balance) {\n return balance.code;\n }).join()\n });\n }\n }\n\n // use of the matched plan\n planId = fundingsource.planId;\n }\n if (_this.isBillingNoPurchase && checkoutSession.getSelectedStickyInstrument() && checkoutSession.getSelectedStickyInstrument().instrument_id !== planId) {\n return checkoutSession.action('setStickyFI', {\n data: {\n instrument_id: planId\n },\n success: function success(result) {\n checkoutSession.message = {\n type: 'success',\n msgKeys: ['paymentMethod.paymentMethodUpdated']\n };\n return result;\n },\n DEFAULT: function DEFAULT() {\n // Error message for failures\n _uiRouter.$state.go('checkout.review');\n }\n });\n } else if (!_this.isBillingNoPurchase && checkoutSession.get('plan.sources')[0].id !== planId) {\n\n return checkoutSession.fundingOptions.action('select', {\n data: {\n planId: planId\n },\n success: function success(result) {\n checkoutSession.populate(result);\n return result;\n },\n contingencies: {\n NEED_AUTHENTICATED_CARD: function NEED_AUTHENTICATED_CARD(name, result) {\n // Route to the Confirm Upop page. When finished, use the default handlers to return to the review page\n if (result && result.resolution) {\n var card = result.resolution.data;\n\n if (card.fundingId && card.fi && card.fi.type) {\n _this.cardModel = new _index2.$AddCardModel();\n _this.cardModel.id = card.fundingId;\n _this.cardModel.card = new _index2.$CardModel({\n number: 'xxxx-xxxx-xxxx-' + card.fi.number,\n type: card.fi.type.toUpperCase(),\n productType: card.fi.productType\n });\n }\n }\n\n // Reject to break out of the promise chain\n return _squid.$promise.reject(_uiRouter.$state.go('.confirmUpop'));\n },\n\n DEFAULT: function DEFAULT() {\n // Error message for failures\n _uiRouter.$state.go('checkout.review');\n }\n }\n });\n } else {\n return _squid.$promise.resolve();\n }\n };\n\n this['continue'] = function (evt) {\n return updateFS().then(function (result) {\n\n // clear (any) existing message(s)\n checkoutSession.message = '';\n\n // Decide routing after update\n\n if (result) {\n // Update the installments to support the user selecting a card that does not support installments.\n _this.models.checkoutSession.installments = result.installments;\n }\n // If paypal credit, check for installments and redirect if needed\n if ((_this.models.checkoutSession.get('plan.paypal_credit') || _this.selectedmethod.index === 'applyForPPCRadio') && _this.models.checkoutSession.creditInstallmentOffer) {\n var token = _this.props.token;\n var installments = _index.$InstallmentOptionsModel.instance(token);\n var data = {\n isMemberCredit: true\n };\n\n return (0, _squid.$populate)(data, {\n payee: _this.models.checkoutPayeeModel,\n checkoutCart: _index.$CheckoutCartModel.instance(token),\n checkoutAppData: _this.models.checkoutAppData\n }).then(function () {\n return installments.save({\n cache: true, // Cache between here and $ChoiceEligibilityModel\n data: data,\n success: function success(installmentResult) {\n var offers = installmentResult.installments && installmentResult.installments[0];\n var hasInstallments = offers && offers.installment_options && offers.installment_options.length;\n\n return hasInstallments;\n },\n contingencies: {\n DEFAULT: function DEFAULT() {\n // Assume is eligible if contingency\n return false;\n }\n },\n error: function error() {\n return false;\n }\n });\n }).then(function (hasInstallments) {\n if (hasInstallments) {\n return _uiRouter.$state.go('checkout.chooseCreditOffer');\n } else if (_this.selectedmethod.index === 'applyForPPCRadio') {\n return _uiRouter.$state.go('checkout.redirectToCape', {}, { location: false });\n } else {\n return _uiRouter.$state.go('checkout.review');\n }\n });\n } else {\n return _uiRouter.$state.go('checkout.review');\n }\n });\n };\n }\n },\n controller: function controller($scope, $rootScope) {\n $rootScope.showFiSelectPage = true;\n $scope.installment = $scope.installment || {};\n $scope.installment.showBanner = false;\n $scope.installment.showCYCO = false;\n $scope.installment.showCreditExample = false;\n\n $scope.showPPCAcquisitionRadioButton = function () {\n return $scope.installment && $scope.installment.showPPCAcquisitionRadioButton;\n };\n $scope.continueButtonText = function () {\n if (this.selectedmethod && this.selectedmethod.index === 'applyForPPCRadio') {\n return _squid.$locale.content.get('applyForBml.bmlApplyHeadline');\n } else {\n return _squid.$locale.content.get('common.continuetext');\n }\n };\n $scope.showCreditPlacement = function (plan) {\n return plan && !plan.primaryFs.isPinlessDebit && plan.primaryFs.name === 'BILL_ME_LATER';\n };\n }\n});\n\nangular.value(\"$xoSelectFiComponent\", $xoSelectFiComponent);\n_squid.$Component;\n\n_squid.$renderContent;\n\n_squid.$populate;\n\n_squid.$config;\n\n_squid.$feature;\n\n_squid.$integration;\n\n_squid.formatNameInformal;\n\n_squid.$util;\n\n_squid.$locale;\n\n_squid.$promise;\n\n_uiRouter.$state;\n\n_logger.$logger;\n\n_auth.$AuthModel;\n\n_index.$CheckoutSessionModel;\n\n_index.$InstallmentOptionsModel;\n\n_index.$CheckoutPayeeModel;\n\n_index.$CheckoutCartModel;\n\n_index.$CheckoutAppDataModel;\n\n_choice.$ChoiceEligibility;\n\n_index2.$AddCardModel;\n\n_index2.$CardModel;\n\n_factory.$BalanceFactory;\n\n/***/ }),\n\n/***/ \"./pages/xo-select-fi/factory.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function(module, __dirname, __filename) {\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\n(function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n})(window.angular);\n\nangular.module().factory('$BalanceFactory', function () {\n // initial choiceBalanceState checkbox is unselected\n var state = {\n checkbox: undefined\n };\n\n var get = function get() {\n return state;\n };\n\n var set = function set(data) {\n return _squid.$util.extend(state, data);\n };\n\n var getPadAndCheckboxStatus = function getPadAndCheckboxStatus() {\n var balanceList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var planList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n\n var isChecked = balanceList.some(function (balance) {\n return balance.checked;\n });\n var hasPad = planList.some(function (plan) {\n return plan.primaryFs.subtype === 'PAD';\n });\n\n return {\n isChecked: isChecked,\n hasPad: hasPad\n };\n };\n\n return {\n get: get,\n set: set,\n getPadAndCheckboxStatus: getPadAndCheckboxStatus\n };\n});\n\n_squid.$util;\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(\"../node_modules/webpack/buildin/module.js\")(module), \"pages/xo-select-fi\", \"pages/xo-select-fi/factory.js\"))\n\n/***/ }),\n\n/***/ \"./pages/xo-select-fi/route.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\nexports.$SelectFiRoute = undefined;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _route = __webpack_require__(\"./components/xo-wallet-components/src/confirm-upop/route.js\");\n\nvar _route2 = _interopRequireDefault(_route);\n\nvar _directive = __webpack_require__(\"./pages/xo-select-fi/directive.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar $SelectFiRoute = exports.$SelectFiRoute = _squid.$ComponentRoute.extend('$SelectFiRoute', {\n\n path: 'selectFi',\n directive: _directive.$xoSelectFiComponent,\n titleContent: 'memberReview.selectFi',\n trackingData: {\n fptiState: 'choose_FI_interstitial',\n buzname: {\n 'fullpage': {\n 'pagename': '%::select-fi',\n 'pagename2': '%::select-fi:member:hermes:',\n 'version': 'member:%:'\n }\n }\n },\n children: [{\n route: _route2['default'],\n props: function props() {\n return {\n token: this.props.token,\n cardmodel: this.cardModel\n };\n }\n }]\n});\n\nangular.value(\"$SelectFiRoute\", $SelectFiRoute);\n_squid.$ComponentRoute;\n\n_directive.$xoSelectFiComponent;\n\n/***/ }),\n\n/***/ \"./pages/xo-select-fi/styles.less\":\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ \"./pages/xo-select-fi/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"\\n \\n\\n
\\n\\n\"\n\n/***/ }),\n\n/***/ \"./pages/xo-venmo/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\nexports.COOKIE_AGE = exports.COOKIE_NAME = exports.VENMO_VERSION = exports.TOKEN_PARAM_NAME = undefined;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _logger = __webpack_require__(\"./components/xo-beaver/dist/logger.js\");\n\nvar _checkout = __webpack_require__(\"./components/xo-models/src/checkout/index.js\");\n\nvar _index = __webpack_require__(\"./components/xo-models/src/fi/index.js\");\n\nvar _auth = __webpack_require__(\"./components/xo-models/src/auth/index.js\");\n\nvar _venmoModels = __webpack_require__(\"./components/xo-third-party-components/src/venmo-models/index.js\");\n\nvar _thirdPartyInfo = __webpack_require__(\"./components/xo-third-party-components/src/thirdParty-info/index.js\");\n\nvar _uiRouter = __webpack_require__(\"./components/angular-ui-router/release/angular-ui-router.min.js\");\n\nvar _jquery = __webpack_require__(\"./components/jquery/dist/jquery.min.js\");\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nvar _template = __webpack_require__(\"./pages/xo-venmo/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar TOKEN_PARAM_NAME = exports.TOKEN_PARAM_NAME = 'payload_id';\nvar VENMO_VERSION = exports.VENMO_VERSION = 'venmo-version';\nvar COOKIE_NAME = exports.COOKIE_NAME = 'pwv';\nvar COOKIE_AGE = exports.COOKIE_AGE = 365 * 4 * 24 * 60 * 60 * 1000;\n\nexports['default'] = _squid.$Component.extend('$VenmoPayloadBootstrap', {\n tag: 'venmo-payload-bootstrap',\n template: _template2['default'],\n\n props: {\n token: {\n type: 'var',\n optional: false\n }\n },\n\n resolve: {\n venmoParams: function venmoParams() {\n var _ref;\n\n return _ref = {}, _ref[TOKEN_PARAM_NAME] = _uiRouter.$stateParams[TOKEN_PARAM_NAME], _ref;\n },\n venmoAppVersion: function venmoAppVersion() {\n var _ref2;\n\n return _ref2 = {}, _ref2[VENMO_VERSION] = _uiRouter.$stateParams[VENMO_VERSION], _ref2;\n },\n checkoutCart: function checkoutCart() {\n return _checkout.$CheckoutCartModel.instance(this.token).retrieve();\n },\n checkoutPayee: function checkoutPayee() {\n return _checkout.$CheckoutPayeeModel.instance(this.token).retrieve();\n },\n appData: function appData() {\n return _checkout.$CheckoutAppDataModel.instance(this.token).retrieve();\n }\n },\n\n lifecycle: {\n enter: function enter() {\n var _this = this;\n\n _logger.$logger.info(['xo-venmo directive', 'lifecycle', 'enter'].join('::'));\n\n this.done = function (shippingAddress) {\n\n // usecase 1: the billing address of the venmo user existed\n // usecase 2: the checkbox was displayed on the shipping address form and the venmo user checked it\n // usecase 3: the checkbox was displayed on the shipping address form and the venmo user did not check it -> go to billing page\n\n if (!_this.renderBillingAddCheckbox) {\n // usecase 1\n _this.goto('checkout.review');\n } else if (shippingAddress) {\n // usecase 2\n\n // Transform shipping address into billing address : format\n var add = {\n newAddress: {\n address1: shippingAddress.line1,\n address2: shippingAddress.line2,\n city: shippingAddress.city,\n state: shippingAddress.state,\n zip: shippingAddress.postal_code,\n isoCountry: shippingAddress.country\n }\n };\n var billingAddress = new _index.$AddBillingAddressModel({ instrumentid: _this.instrumentID });\n var self = _this;\n billingAddress.save({\n data: add,\n success: function success() {\n _logger.$logger.info(['xo-venmo directive', 'Billing Address', 'added'].join('::'));\n\n // Fix to mitigate the symphony issue with POSTAL CODE MISSING\n // Need to have a better solution\n _logger.$logger.info(['xo-venmo directive', 'Calling checkout session again'].join('::'));\n\n var sessionModel = _checkout.$CheckoutSessionModel.instance(self.token);\n var cartModel = _checkout.$CheckoutCartModel.instance(self.token);\n var venmoOnboardModel = _venmoModels.$VenmoOnboardModel.instance(self.token);\n\n sessionModel.action('create', {\n data: {\n fraudnet_id: cartModel.supplementary && cartModel.supplementary.risk_correlation_id,\n baToken: cartModel.billing && cartModel.billing.ba_token,\n user_selected_funding_source: {\n dcvv: venmoOnboardModel.dcvv,\n product_name: 'VENMO_US_PPMERCHANT_SINGLEUSETOKEN'\n },\n is_skip_gfo: true\n },\n success: function success() {\n _uiRouter.$state.go('checkout.review');\n }\n });\n },\n error: function error(err) {\n _logger.$logger.error('billingAddressSaveError', err);\n _uiRouter.$state.go('checkout.login', { venmoError: true });\n },\n validation: function validation(_validation) {\n _logger.$logger.error('billingAddressValidationError', _validation);\n _uiRouter.$state.go('checkout.login', { venmoError: true });\n }\n });\n } else {\n // usecase 3\n _this.goto('checkout.venmo.addBilling');\n }\n };\n },\n populate: function populate() {\n var _this2 = this;\n\n (0, _jquery2['default'])('#preloaderSpinner').show();\n var venmoParams = this.venmoParams,\n venmoAppVersion = this.venmoAppVersion,\n checkoutCart = this.checkoutCart,\n checkoutPayee = this.checkoutPayee,\n appData = this.appData;\n\n // Placeholder to update the value of the venmo cookie with the incoming app version\n\n this.updateVenmoCookie = function () {\n var appVersion = venmoAppVersion[VENMO_VERSION];\n if (appVersion) {\n var expires = ';expires=' + new Date(Date.now() + COOKIE_AGE);\n window.document.cookie = COOKIE_NAME + '=' + appVersion + expires + ';domain=.paypal.com;path=/';\n _logger.$logger.info('pwv_cookie_updated', appVersion);\n }\n };\n this.updateVenmoCookie();\n\n var checkoutSessionModel = _checkout.$CheckoutSessionModel.instance(this.token);\n var venmoOnboardModel = _venmoModels.$VenmoOnboardModel.instance(this.token);\n var venmoDcvv = void 0;\n\n var totalTransaction = checkoutCart && checkoutCart.purchase && checkoutCart.purchase.amounts && checkoutCart.purchase.amounts.total;\n\n var onboardRequest = {\n payload_id: venmoParams.payload_id,\n limit: {\n currency: totalTransaction.currency_code,\n amount: totalTransaction.amount\n },\n intent: checkoutCart.payment_action,\n merchant_id: checkoutPayee.merchant.id\n };\n\n // define steps\n var onboardMember = function onboardMember() {\n return venmoOnboardModel.save({\n data: onboardRequest,\n success: function success(data) {\n _logger.$logger.info(data);\n venmoDcvv = data.dcvv;\n _this2.instrumentID = data.instrument_id;\n return data;\n },\n error: function error(err) {\n\n failureHandling('hermesnodeweb', err && err.stack || err);\n },\n validation: function validation(_validation2) {\n return _uiRouter.$state.go('checkout.login', { venmoError: true });\n },\n contingencies: {\n DEFAULT: function DEFAULT(msg, contingency) {\n failureHandling('hermesnodeweb', contingency && contingency.message);\n }\n }\n });\n };\n\n var setVenmoToken = function setVenmoToken() {\n return _thirdPartyInfo.thirdPartyExperience.setAsVenmoExperience(_this2.token);\n };\n\n var self = this;\n var createCheckoutSession = function createCheckoutSession() {\n return checkoutSessionModel.action('create', {\n data: {\n fraudnet_id: checkoutCart.supplementary && checkoutCart.supplementary.risk_correlation_id,\n baToken: checkoutCart.billing && checkoutCart.billing.ba_token,\n user_selected_funding_source: {\n dcvv: venmoDcvv,\n product_name: 'VENMO_US_PPMERCHANT_SINGLEUSETOKEN'\n },\n is_skip_gfo: true\n },\n success: function success(result) {\n return result;\n },\n contingencies: {\n NEED_SHIPPING_ADDRESS: function NEED_SHIPPING_ADDRESS(msg, contingency) {\n\n // In the case the merchant only ships to local country\n _logger.$logger.info('venmo_shipping_contingency');\n\n // If the user hasn't entered a billing address, we'll also take it into consideration.\n return _index.$BillingAddressesModel.instance().retrieve().then(function (billingAddresses) {\n\n self.renderBillingAddCheckbox = !(billingAddresses && billingAddresses.addresses && billingAddresses.addresses['0']);\n\n _uiRouter.$state.go('checkout.venmo.addShipping');\n });\n },\n DEFAULT: function DEFAULT(msg, contingency) {\n _logger.$logger.info('venmo_unhandled_symphony_contingency', msg);\n failureHandling('paymentapiplatserv', contingency && contingency.message);\n }\n }\n });\n };\n var refreshAuthState = function refreshAuthState() {\n var auth = _auth.$AuthModel.instance().reload();\n _squid.$locale.choose(auth.country, auth.language, false);\n return auth;\n };\n\n var onAuth = function onAuth(authModel) {\n\n if (window.xprops && window.xprops.onAuth && authModel && authModel.access_token) {\n\n return window.xprops.onAuth({\n accessToken: authModel.access_token\n });\n }\n };\n\n var routeDecision = function routeDecision(checkoutSession) {\n\n if (checkoutSession) {\n\n _index.$BillingAddressesModel.instance().retrieve().then(function (billingAddresses) {\n\n // if the billing address model retrieves an existing address, the addresses array will have a property '0'\n _this2.renderBillingAddCheckbox = !(billingAddresses && billingAddresses.addresses && billingAddresses.addresses['0']);\n\n if (appData && appData.flags && appData.flags.shipping_address_required && !checkoutSession.shipping) {\n // if shipping is required and no shipping is sent in xo session, we route to shipping address page\n return _uiRouter.$state.go('checkout.venmo.addShipping');\n } else if (_this2.renderBillingAddCheckbox) {\n // shipping address exists, go to billing page\n return _uiRouter.$state.go('checkout.venmo.addBilling');\n } else {\n // else, we go to review page\n\n return _uiRouter.$state.go('checkout.review');\n }\n });\n } else {\n _logger.$logger.info('venmo_empty_checkoutSession');\n }\n };\n\n var failureHandling = function failureHandling(source, err) {\n _logger.$logger.info('checkout_fpti', {\n from: 'VENMO_ENTRYPOINT',\n to: 'process_venmo_entrypoint',\n 'int_error_description': 'venmo_onboard_failure',\n 'error_type': 'soft_decline',\n 'error_source': source\n });\n\n _logger.$logger.error('venmoOnboardingError', err);\n\n // go back to login with an error param to show the buyer oupon landing\n _uiRouter.$state.go('checkout.login', { venmoError: true });\n };\n\n onboardMember().then(setVenmoToken).then(refreshAuthState).then(onAuth).then(createCheckoutSession).then(routeDecision)['catch'](function (err) {\n venmoOnboardModel.invalidate();\n if (err instanceof _squid.$Forbidden) {// ignore forbidden errors\n\n } else {\n failureHandling('hermesnodeweb', err && err.stack || err);\n }\n });\n },\n exit: function exit() {\n (0, _jquery2['default'])('#preloaderSpinner').hide();\n }\n }\n});\n\n\n_squid.$Component;\n\n_squid.$locale;\n\n_squid.$Forbidden;\n\n_logger.$logger;\n\n_checkout.$CheckoutSessionModel;\n\n_checkout.$CheckoutCartModel;\n\n_checkout.$CheckoutAppDataModel;\n\n_checkout.$CheckoutPayeeModel;\n\n_index.$AddBillingAddressModel;\n\n_index.$BillingAddressesModel;\n\n_auth.$AuthModel;\n\n_venmoModels.$VenmoOnboardModel;\n\n_thirdPartyInfo.thirdPartyExperience;\n\n_uiRouter.$stateParams;\n\n_uiRouter.$state;\n\n/***/ }),\n\n/***/ \"./pages/xo-venmo/route.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _directive = __webpack_require__(\"./pages/xo-venmo/directive.js\");\n\nvar _directive2 = _interopRequireDefault(_directive);\n\nvar _route = __webpack_require__(\"./components/xo-third-party-components/src/venmo-billing/route.js\");\n\nvar _route2 = _interopRequireDefault(_route);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Route.extend('$VenmoRoute', {\n path: 'venmo',\n directive: _directive2['default'],\n\n auth: false,\n query: [_directive.TOKEN_PARAM_NAME, _directive.VENMO_VERSION],\n\n trackingData: {\n fptiState: 'venmo_entrypoint',\n trackStateExit: true\n },\n children: [{\n name: '$AddShippingRoute',\n attributes: {\n token: 'token',\n 'done-fn': 'done',\n sidebar: 'sidebar',\n 'render-billing-add-checkbox': 'renderBillingAddCheckbox'\n }\n }, {\n route: _route2['default'],\n attributes: {\n token: 'token',\n sidebar: 'sidebar'\n }\n }]\n});\n\n\n_squid.$Route;\n\n_directive.TOKEN_PARAM_NAME;\n\n_directive.VENMO_VERSION;\nmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ \"./pages/xo-venmo/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"\\n
\\n\\n
\\n \\n
\\n\\n
\\n\\n\\n\"\n\n/***/ }),\n\n/***/ \"./pages/xo-wallet/directive.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\n\nvar _uiRouter = __webpack_require__(\"./components/angular-ui-router/release/angular-ui-router.min.js\");\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _logger = __webpack_require__(\"./components/xo-beaver/dist/logger.js\");\n\nvar _choice = __webpack_require__(\"./components/xo-models/src/choice/index.js\");\n\nvar _index = __webpack_require__(\"./components/xo-models/src/checkout/index.js\");\n\nvar _index2 = __webpack_require__(\"./components/xo-models/src/fi/index.js\");\n\nvar _index3 = __webpack_require__(\"./components/xo-models/src/credit/index.js\");\n\nvar _index4 = __webpack_require__(\"./components/xo-models/src/auth/index.js\");\n\nvar _index5 = __webpack_require__(\"./components/xo-models/src/fiMeta/index.js\");\n\nvar _index6 = _interopRequireDefault(_index5);\n\n__webpack_require__(\"./components/xo-credit-components/src/offer/directive.js\");\n\n__webpack_require__(\"./components/xo-tray-height/dist/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/popup/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/experience/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/fi-panel/directive.js\");\n\n__webpack_require__(\"./components/xo-page-components/src/aside-header/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/accessibility/directive.js\");\n\n__webpack_require__(\"./components/xo-ui-components/src/expired-fi-panel/directive.js\");\n\nvar _factory = __webpack_require__(\"./components/xo-ui-components/src/expired-fi-panel/factory.js\");\n\nvar _marketingoffer = __webpack_require__(\"./components/xo-models/src/marketingoffer/index.js\");\n\nvar _newMember = __webpack_require__(\"./components/xo-models/src/newMember/index.js\");\n\nvar _template = __webpack_require__(\"./pages/xo-wallet/template.html\");\n\nvar _template2 = _interopRequireDefault(_template);\n\n__webpack_require__(\"./pages/xo-wallet/styles.less\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Component.extend({\n tag: 'xo-wallet',\n\n template: _template2['default'],\n\n props: {\n token: {\n type: 'var',\n required: true\n },\n promotion: {\n type: 'var',\n required: false\n },\n installment: {\n type: 'var',\n required: false\n }\n },\n\n resolve: {\n models: function models() {\n _index6['default'].instance(this.props.token).fetch();\n return {\n checkoutSession: _index.$CheckoutSessionModel.instance(this.props.token).retrieve(),\n choiceVariant: _choice.$ChoiceEligibility.instance().getVariant(this.props.token)\n };\n },\n displayPosition: function displayPosition(resolvers) {\n return resolvers.models.then(function (models) {\n return {\n expired: _factory.$ExpiredFiPanelFactory.determineDisplayPosition(models.checkoutSession)\n };\n });\n }\n },\n\n lifecycle: {\n enter: function enter() {\n this.isDE = _squid.$locale.country === 'DE';\n },\n populate: function populate() {\n var $scope = this;\n var useAssetLiteNoInterestInsteadOfSAC = void 0;\n var creditDataModel = void 0;\n\n $scope.locale = _squid.$locale;\n $scope.showDisallowedMessage = false;\n $scope.toggleDisallowedMessage = function () {\n $scope.showDisallowedMessage = !$scope.showDisallowedMessage;\n };\n\n $scope.doneFn = function (result) {\n if ($scope.checkoutSession.plan.paypal_credit && $scope.installment.showCYCO) {\n _uiRouter.$state.go('checkout.chooseCreditOffer');\n } else {\n _uiRouter.$state.go('checkout.review');\n }\n };\n\n $scope.showCreditPlacement = function (plan) {\n return plan && !plan.primaryFs.isPinlessDebit && plan.primaryFs.name === 'BILL_ME_LATER';\n };\n\n $scope.showDualFi = (0, _squid.$feature)('addBank');\n\n $scope.padToggleFeature = _uiRouter.$stateParams.padToggleFeature;\n\n $scope.padToggleFeatureSupported = (0, _squid.$feature)('padToggleFeatureSupported');\n\n $scope.padToggleWalletSupported = (0, _squid.$feature)('padToggleWalletSupported');\n\n $scope.creditParentContext = {};\n\n $scope.memberSegment = _marketingoffer.$MemberSegmentModel.instance();\n\n var newMemberExperience = function newMemberExperience(result) {\n var isNmj = result;\n\n $scope.creditParentContext.newMember = {\n creditOffer: $scope.memberSegment && $scope.memberSegment.creditOffer,\n useCEPDecision: isNmj\n };\n };\n\n $scope.isPadToggleFeatureApplicable = function () {\n var applicable = false;\n\n if ($scope.padToggleFeatureSupported && $scope.padToggleWalletSupported && $scope.padToggleFeature && $scope.padToggleFeature.applicable) {\n applicable = true;\n }\n\n return applicable;\n };\n\n var isCreditInWallet = void 0;\n var isCoreSACEligible = void 0;\n\n var CREDIT_TYPE = {\n 'CORE': 'CORE',\n 'SAC': 'SAC',\n 'EZP': 'EZP',\n 'NI': 'NI'\n };\n\n var getMORSCreditIncentiveCampaign = function getMORSCreditIncentiveCampaign(MORSCampaigns) {\n var creditIncentiveCampaign = null;\n\n Object.keys(MORSCampaigns).forEach(function (key) {\n // A \"credit incentive\" campaign is one that contains\n // the \"incentiveOfferProgramId\" property\n if (MORSCampaigns[key] && MORSCampaigns[key].hasOwnProperty('incentiveOfferProgramId')) {\n creditIncentiveCampaign = MORSCampaigns[key];\n }\n });\n return creditIncentiveCampaign;\n };\n\n var getCreditIncentiveBanner = function getCreditIncentiveBanner(creditIncentiveCampaign) {\n return {\n bodyText: creditIncentiveCampaign.OfferText1,\n bodyText2: creditIncentiveCampaign.OfferText2,\n ctaText: (0, _squid.$renderContent)('offers.bmlOfferPassiveCta'),\n termsText: creditIncentiveCampaign.TermsText,\n termsLink: creditIncentiveCampaign.TermsLink,\n termsLinkText: creditIncentiveCampaign.TermsLinkText\n };\n };\n\n var getDefaultBanner = function getDefaultBanner(creditType, amount, termsLink) {\n if (creditType === CREDIT_TYPE.CORE) {\n return {\n bodyText: (0, _squid.$renderContent)('offers.bmlOfferPassiveDetails', { cartAmount: amount }),\n ctaText: (0, _squid.$renderContent)('offers.bmlOfferPassiveCta'),\n termsText: (0, _squid.$renderContent)('offers.subjectToApproval'),\n termsLink: termsLink,\n termsLinkText: (0, _squid.$renderContent)('offers.seeTermsText')\n };\n } else if (creditType === CREDIT_TYPE.NI) {\n return {\n bodyText: (0, _squid.$renderContent)('offers.assetLite.bmlOfferNIWalletDetails'),\n ctaText: (0, _squid.$renderContent)('offers.assetLite.bmlOfferNIWalletCta')\n };\n } else if (creditType === CREDIT_TYPE.SAC) {\n return {\n bodyText: (0, _squid.$renderContent)('offers.bmlOfferPassiveSACDetails', { cartAmount: amount }),\n ctaText: (0, _squid.$renderContent)('offers.bmlOfferPassiveCta'),\n termsText: (0, _squid.$renderContent)('offers.subjectToApproval'),\n termsLink: termsLink,\n termsLinkText: (0, _squid.$renderContent)('offers.seeTermsText')\n };\n } else if (creditType === CREDIT_TYPE.EZP) {\n return {\n bodyText: (0, _squid.$renderContent)('offers.bmlOfferPassiveDetails', { cartAmount: amount }),\n ctaText: (0, _squid.$renderContent)('offers.bmlOfferPassiveCta'),\n termsText: (0, _squid.$renderContent)('offers.subjectToApproval')\n };\n }\n };\n\n $scope.isUSGambling = function () {\n // US Only Real Money Gaming\n var isUSBuyer = _squid.$locale.country === 'US';\n var isUSmerchant = $scope.checkoutAppData && $scope.checkoutAppData.get('merchant.merchant_country') === 'US';\n var isGambling = $scope.payee && $scope.payee.isGambling();\n\n return isGambling && isUSBuyer && isUSmerchant;\n };\n\n (0, _squid.$populate)($scope, {\n auth: _index4.$AuthModel.instance($scope.token),\n checkoutSession: _index.$CheckoutSessionModel.instance($scope.token),\n checkoutCart: _index.$CheckoutCartModel.create($scope.token),\n checkoutAppData: _index.$CheckoutAppDataModel.instance($scope.token),\n payee: _index.$CheckoutPayeeModel.instance($scope.token)\n }).then(function () {\n _newMember.$NewMemberEligibility.instance().isNmj($scope.token).then(function (result) {\n return newMemberExperience(result);\n });\n if ($scope.padToggleFeatureSupported && $scope.padToggleWalletSupported && $scope.padToggleFeature === null) {\n var padToggleApplicable = $scope.checkoutSession.fundingOptions.isPadToggleApplicable();\n\n if (padToggleApplicable) {\n $scope.padToggleFeature = {\n applicable: false\n };\n\n $scope.padToggleFeature.applicable = padToggleApplicable;\n }\n }\n\n $scope.isCurrentPlanPad = $scope.checkoutSession.plan.isPAD();\n }).then(function () {\n creditDataModel = _index3.$CreditDataModel.instance($scope.token);\n return creditDataModel.isAssetLiteNoInterestOfferTreatment({ silent: true }).then(function (isAssetLiteNoInterestRamped) {\n useAssetLiteNoInterestInsteadOfSAC = isAssetLiteNoInterestRamped;\n });\n }).then(function () {\n var fundingInstruments = _index.$CheckoutSessionModel.instance($scope.token).get('fundingOptions.instruments');\n\n isCreditInWallet = _squid.$util.find(fundingInstruments, function (fi) {\n return fi.name === 'BILL_ME_LATER';\n });\n isCoreSACEligible = $scope.checkoutSession.creditOffer;\n\n var getCreditType = function getCreditType(creditOfferIntensity, isInst) {\n // Check if there is an offer already selected\n var instModel = _index3.$CreditInstallmentModel.instance($scope.token);\n\n if (instModel && instModel.creditType === CREDIT_TYPE.SAC) {\n return CREDIT_TYPE.SAC;\n } else if (instModel && instModel.creditType === CREDIT_TYPE.NI) {\n return CREDIT_TYPE.NI;\n } else if (isInst) {\n return CREDIT_TYPE.EZP;\n } else if (creditOfferIntensity === 1) {\n if (useAssetLiteNoInterestInsteadOfSAC) {\n return CREDIT_TYPE.NI;\n } else {\n return CREDIT_TYPE.SAC;\n }\n } else if (creditOfferIntensity === 2) {\n return CREDIT_TYPE.CORE;\n }\n _logger.$logger.warn('unknown_credit_type');\n };\n\n var mapDefaultToBanner = function mapDefaultToBanner(creditReuseTerms, creditTerms) {\n $scope.useFallbackBanner = true;\n\n _logger.$logger.info('checkout_fpti', {\n 'banner_type': 'ACQUISITION_wallet'\n });\n\n $scope.banner = getDefaultBanner(getCreditType($scope.installment.creditOfferIntensity, $scope.installment.installmentOptionsPresent), $scope.checkoutCart.get('purchase.amounts.total.amount_formatted'), isCreditInWallet ? creditReuseTerms : creditTerms);\n };\n\n var mapCreditIncentiveToBanner = function mapCreditIncentiveToBanner(creditIncentive) {\n $scope.useCreditIncentiveBanner = true;\n\n _logger.$logger.info('checkout_fpti', {\n 'banner_type': 'ACQUISITION_wallet'\n });\n\n $scope.banner = getCreditIncentiveBanner(creditIncentive);\n };\n\n if (_squid.$locale.country === 'US' && !isCreditInWallet) {\n $scope.banner = {};\n var creditIncentive = getMORSCreditIncentiveCampaign($scope.$root.MORS || {});\n\n if (creditIncentive) {\n return mapCreditIncentiveToBanner(creditIncentive);\n }\n\n return mapDefaultToBanner(_squid.$config.urls.creditReuseTerms, _squid.$config.urls.creditTerms);\n }\n }).then(function () {\n $scope.isBillingNoPurchase = $scope.checkoutCart.isBillingNoPurchase();\n $scope.isBilling = $scope.checkoutCart.isBilling();\n $scope.expiredInstruments = $scope.checkoutSession.expiredInstruments();\n if (!$scope.isBillingNoPurchase) {\n $scope.displayPosition = $scope.displayPosition.expired;\n }\n if ((0, _squid.$feature)('giftCard')) {\n $scope.showGC = Math.random() < 0.01 && !$scope.isBillingNoPurchase;\n\n if ($scope.showGC) {\n _logger.$logger.info('wallet_gift_card_redeem_link_shown');\n } else {\n _logger.$logger.info('wallet_gift_card_redeem_link_not_shown');\n }\n }\n\n // Manage wallet feature can be turned on by country.\n // User will see manage link on wallet page if feature is turned on and has FIs allowed to edit.\n if ((0, _squid.$feature)('enableManageWallet')) {\n var instruments = $scope.checkoutSession.get('fundingOptions.instruments');\n var managebleFIs = _squid.$util.filter(instruments, function (funding) {\n if (funding && !funding.editDisallowedMsg) {\n return funding;\n }\n });\n\n $scope.showManageLink = managebleFIs && managebleFIs.length > 0;\n }\n\n $scope.checkoutSession.message = null;\n $scope.showAddLink = _squid.$locale.country !== 'DE';\n $scope.showPlcc = $scope.checkoutSession.plccOffer && !$scope.checkoutCart.isBilling();\n $scope.showBML = function () {\n return _squid.$locale.country !== 'GB' && !isCreditInWallet && isCoreSACEligible && !$scope.installment.showWalletBanner && !creditDataModel.isRedirectFromCape();\n };\n\n $scope.bml = function () {\n // TODO: Deprecate creditOffer() - installment should not be a different banner\n if ($scope.installment.showWalletBanner) {\n _uiRouter.$state.go('checkout.chooseCreditOffer');\n } else {\n _uiRouter.$state.go('checkout.redirectToCape', {}, { location: false });\n }\n };\n\n $scope.onRedeemGC = function () {\n throw new _squid.$FallbackError({\n reason: 'redeem_coupon_feature_not_supported',\n product: 'ux',\n entryPoint: 'giftCard'\n });\n };\n\n $scope.addPlcc = function () {\n if ($scope.promotion) {\n $scope.promotion.type = 'plcc';\n }\n _uiRouter.$state.go('checkout.review.sidebar.sidebarAddCard.addCardFlow.addCard');\n };\n\n $scope.sacEligible = function (fsName) {\n // Return false for non BML products\n if (fsName !== 'BILL_ME_LATER') {\n return false;\n }\n\n if (!$scope.installment.showCYCO && parseFloat($scope.checkoutCart.purchase.amounts.total.amount) >= _index.$CreditOptionsModel.sacEligibleAmount[_squid.$locale.country]) {\n return true;\n }\n };\n\n $scope.cardModel = new _index2.$AddCardModel({\n card: new _index2.$CardModel()\n });\n\n $scope.creditOffer = function () {\n _uiRouter.$state.go('checkout.chooseCreditOffer');\n };\n\n $scope.showBannerinWallet = function () {\n if ($scope.installment.showBanner && _squid.$locale.country === 'GB') {\n if ($scope.installment.installmentOptionsPresent) {\n $scope.showInstallmentBannerContent = true;\n $scope.showBannerContent = false;\n } else {\n $scope.showBannerContent = true;\n $scope.showInstallmentBannerContent = false;\n }\n return true;\n }\n return false;\n };\n\n $scope.userSelectedFI = $scope.checkoutSession.getSelectedStickyInstrument() && $scope.checkoutSession.getSelectedStickyInstrument().instrument_id;\n\n $scope.updateStickyFS = function (stickyFI) {\n if (stickyFI.instrument_id !== $scope.userSelectedFI) {\n $scope.checkoutSession.action('setStickyFI', {\n data: {\n instrument_id: stickyFI.instrument_id\n },\n success: function success(result) {\n $scope.checkoutSession.message = {\n type: 'success',\n msgKeys: ['paymentMethod.paymentMethodUpdated']\n };\n $scope.doneFn(result);\n }\n });\n } else {\n _uiRouter.$state.go('checkout.review');\n }\n };\n\n var masterPlanList = $scope.checkoutSession.getPlanList();\n var serializedPlans = {}; // index of all plans by primary and balance currency code(s)\n var balanceCodes = {}; // index of cataloged currency codes\n var primaryList = []; // list of plans with unique primaryFs ids\n var balanceList = $scope.balanceList = []; // list of unique balance currencies\n // determine if the selectFi variant is active\n var isSelectFiVariant = $scope.isSelectFiVariant = _squid.$config.choiceExperiment && _squid.$config.choiceExperiment.selectFi && $scope.models && $scope.models.choiceVariant && _squid.$config.choiceExperiment.selectFi.indexOf($scope.models.choiceVariant) !== -1;\n\n // TODO(refactor): $MultiFiPlanFactory.getSerializedPrimary()\n var getSerializedPrimary = function getSerializedPrimary(primary) {\n var serial = primary.id + primary.amount.currency_code.toLowerCase();\n\n // if there's a subtype...\n if (primary.subtype) {\n serial += primary.subtype;\n }\n return serial;\n };\n\n // return a serialized key for the plan\n // plan - a plan object from checkoutSession.fundingOptions.plans\n // balances - array of currency code strings\n // TODO (refactor): $MultiFiPlanFactory.getSerializedPlanId()\n var getSerializedPlanId = function getSerializedPlanId(plan, balances) {\n var pid = getSerializedPrimary(plan.primaryFs);\n\n // if no balances array...\n if (!balances) {\n // just return the pid\n return pid;\n }\n\n // (otherwise) sort balances\n balances.sort();\n\n return pid + balances.join();\n };\n\n if (masterPlanList) {\n var initiallyActiveBalances = [];\n // TODO(refactor): $MultiFiPlanFactory.getShowBalanceCurrenciesStatus()\n var showBalanceCurrencies = $scope.checkoutSession.isMultipleBalancePlan();\n\n // if selectFi variant...\n if (isSelectFiVariant) {\n\n // if not multiple balance plans...\n if (!showBalanceCurrencies) {\n // start with first plan's currency\n var knownCurrency = masterPlanList[0].primaryFs.amount.currency_code;\n\n // update flag if any plan has more than two secondaries or one with a different currency\n showBalanceCurrencies = masterPlanList.some(function (plan) {\n // show currencies, when this plan has a different one, or...\n return plan.primaryFs.amount.currency_code !== knownCurrency ||\n // this plan has secondaries, where...\n plan.secondaryFIs && (\n // there's more than one\n plan.secondaryFIs.length > 1 ||\n // the one has a different currency\n plan.secondaryFIs[0].amount.currency_code !== knownCurrency);\n });\n }\n\n // index of captured primaryFs ids\n var primaryFsIds = {};\n\n // with each plan...\n // TODO(refactor): use $MultiFiPlanFactory.getCompositeBalances() to get `balanceCodes`, `balanceList` and `balCurCodes`\n masterPlanList.forEach(function (plan) {\n var balances = plan.secondaryFIs || [];\n var balCurCodes = [];\n\n // if this is the active plan...\n if ($scope.checkoutSession.plan.id === plan.planId) {\n // capture it's balances - to be processed later\n initiallyActiveBalances = balances;\n }\n\n // catalog balances\n balances.forEach(function (balance) {\n var code = balance.amount.currency_code;\n\n // capture code (for serialization, next)\n balCurCodes.push(code);\n // if this code has not been cataloged...\n if (!balanceCodes.hasOwnProperty(code)) {\n var balInfoAndState = {\n code: code,\n checked: false\n };\n\n if (showBalanceCurrencies) {\n balInfoAndState.amount = balance.amount.amount_formatted_currency;\n } else {\n balInfoAndState.amount = balance.amount.amount_formatted;\n }\n // flag that we've cataloged this code\n balanceCodes[code] = balInfoAndState;\n // capture balance details and initial ui state\n balanceList.push(balInfoAndState);\n }\n });\n\n // if this is a primary split-balance plan...\n if (plan.primaryFs.type === 'BALANCE') {\n // add key to template\n // NOTE: easier to build string here, than with template tags\n plan.currencies = [plan.primaryFs.amount.currency_code].concat(balCurCodes).join(', ');\n }\n\n // catalog plan by serial and balances\n serializedPlans[getSerializedPlanId(plan, balCurCodes)] = plan;\n\n // get plan primary\n var serialPrimary = getSerializedPrimary(plan.primaryFs);\n\n // if haven't indexed the primary...\n if (!primaryFsIds.hasOwnProperty(serialPrimary)) {\n // note that we've cataloged this primary\n primaryFsIds[serialPrimary] = 1;\n // capture plan with unique primary\n primaryList.push(plan);\n }\n });\n\n // sort unique balances by currency code\n balanceList.sort(function (balA, balB) {\n // balance codes are never the same, so no need to return 0\n return balA.code < balB.code ? -1 : 1;\n });\n\n // pre-check balances that match the active plan's balances (if any)\n initiallyActiveBalances.forEach(function (balance) {\n balanceCodes[balance.amount.currency_code].checked = true;\n });\n } else {\n // (otherwise) use master as local and scoped list\n primaryList = masterPlanList;\n }\n\n // expose to template\n $scope.isMultipleBalance = showBalanceCurrencies;\n\n // expose final list\n $scope.primaryList = primaryList;\n }\n\n $scope.updateFS = function (index) {\n // impacts when/how to notify user that balances were unusable\n var unusableBalances = 0;\n // impacts when/how to notify user that balances were required\n var requiredBalances = 0;\n // the plan to use\n var fundingsource = void 0;\n\n // flag when the plan has changed\n var updateMessaging = function updateMessaging(planWasChanged) {\n // if this is a primary balance plan...\n if ($scope.checkoutSession.plan.sources[0].type === 'BALANCE') {\n // suppress any info messages\n unusableBalances = requiredBalances = 0;\n }\n if (unusableBalances) {\n // show info message about failed balances\n $scope.checkoutSession.message = {\n type: 'info',\n msgKeys: [unusableBalances === 1 ? 'memberReview.ryi_noBal' : 'memberReview.ryi_noBal_plural']\n };\n } else if (requiredBalances) {\n // show info message about added balances\n $scope.checkoutSession.message = {\n type: 'info',\n msgKeys: [requiredBalances === 1 ? 'memberReview.ryi_yesBal' : 'memberReview.ryi_yesBal_plural']\n };\n } else if (planWasChanged) {\n // show that their selection went fine\n $scope.checkoutSession.message = {\n type: 'success',\n msgKeys: ['paymentMethod.paymentMethodUpdated']\n };\n }\n };\n\n if (isSelectFiVariant) {\n // get plan with serial, built from user selections\n var checkedBalances = [];\n\n // capture checked balance codes\n _squid.$util.forEach(balanceCodes, function (balInfoAndState, code) {\n if (balInfoAndState.checked) {\n // capture balance object\n // this is what getSerializedPlanId expects - ugh\n checkedBalances.push(code);\n }\n });\n var plan = primaryList[index];\n var pid = void 0;\n var pidForLogger = void 0;\n\n // use plan with this primaryFs and balance options - if any\n fundingsource = serializedPlans[getSerializedPlanId(plan, checkedBalances)];\n\n // if no plan yet...\n // (perhaps only one of the selected balances is applicable?)\n if (!fundingsource) {\n // resolve pid now\n pid = getSerializedPrimary(plan.primaryFs);\n pidForLogger = plan.primaryFs.id || plan.primaryFs.type;\n // find a plan with each individual balance\n checkedBalances.some(function (code) {\n // match plan with this serial combination\n fundingsource = serializedPlans[pid + code];\n return fundingsource;\n });\n // flag that one of the checked balances was unusable\n if (fundingsource) {\n unusableBalances = 2;\n\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n denied: checkedBalances.join()\n });\n }\n }\n\n // if no plan yet...\n // (perhaps the plan doesn't have any balance combination?)\n if (!fundingsource) {\n // get the plan with just this primaryFs\n fundingsource = serializedPlans[pid];\n // if we now have a plan...\n if (fundingsource) {\n // note how many desired balances we're ignoring (if any)\n unusableBalances = checkedBalances.length;\n\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n denied: checkedBalances.join()\n });\n }\n }\n\n // if still no plan...\n // (at this point, the plan requires a specific balance combination)\n if (!fundingsource) {\n var serializedPlanKeys = Object.keys(serializedPlans);\n\n // use the first plan that begins with this primary\n fundingsource = serializedPlans[serializedPlanKeys[_squid.$util.findIndex(serializedPlanKeys, function (serial) {\n return serial.indexOf(pid) === 0;\n })]];\n // indicate that one or more balances were required for this plan\n requiredBalances = balanceList.length;\n\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n forced: balanceList.map(function (balance) {\n return balance.code;\n }).join()\n });\n }\n } else {\n\n // (otherwise) when performing control logic...\n\n // the first argument is the funding source\n fundingsource = index;\n }\n\n // clear messaging - by default\n $scope.checkoutSession.message = '';\n\n if (fundingsource.infoMsg) {\n $scope.disallowedIndex = index;\n return;\n }\n\n // if the final plan hasn't changed...\n if (fundingsource.planId === $scope.checkoutSession.plan.id) {\n // tells user if any balances were not used or were required\n updateMessaging();\n // show message if balances were selected, but couldn't be used\n $scope.doneFn();\n return;\n }\n\n $scope.checkoutSession.fundingOptions.action('select', {\n\n data: {\n planId: fundingsource.planId\n },\n success: function success(result) {\n\n $scope.checkoutSession.populate(result);\n\n if (result) {\n // Update the installments to support the user selecting a card that does not support installments.\n $scope.checkoutSession.installments = result.installments;\n }\n\n if ($scope.checkoutSession.plan.paypal_credit && $scope.installment.showCYCO) {\n _uiRouter.$state.go('checkout.chooseCreditOffer');\n } else {\n if (!fundingsource.selected) {\n // handle messaging around unusable balances (if any)\n // send flag that the plan was changed\n updateMessaging(true);\n\n if ($scope.checkoutSession.selectedInstallmentData && !$scope.checkoutSession.selectedInstallmentData.preventChange) {\n // Resetting selected installment data, if installment change is not explicitly prohibited.\n $scope.checkoutSession.selectedInstallmentData = undefined;\n }\n }\n\n $scope.doneFn(result);\n }\n },\n contingencies: {\n NEED_AUTHENTICATED_CARD: function NEED_AUTHENTICATED_CARD(name, result) {\n if (result && result.resolution) {\n var card = result.resolution.data;\n\n if (card.fundingId && card.fi && card.fi.type) {\n $scope.cardModel.id = card.fundingId;\n $scope.cardModel.card = new _index2.$CardModel({\n number: 'xxxx-xxxx-xxxx-' + card.fi.number,\n type: card.fi.type.toUpperCase(),\n productType: card.fi.productType\n });\n }\n }\n\n _uiRouter.$state.go('.confirmUpop');\n }\n }\n });\n };\n\n $scope.shouldShowFSTile = function (fundingsource) {\n var showFS = true;\n\n if ($scope.isPadToggleFeatureApplicable()) {\n // If PAD is not the current plan, then we will not show any PAD plan and show IACH plans.\n // If PAD is the current plan, then we will visualize it as a bank plan and IACH plan without balance for corresponding bank will not be shown\n if (!$scope.isCurrentPlanPad && fundingsource.primaryFs && fundingsource.primaryFs.subtype === 'PAD') {\n showFS = false;\n } else if ($scope.isCurrentPlanPad && fundingsource.primaryFs && fundingsource.primaryFs.subtype === 'PAD' && fundingsource.planId !== $scope.checkoutSession.plan.id) {\n showFS = false;\n } else if ($scope.isCurrentPlanPad && fundingsource.primaryFs && fundingsource.primaryFs.subtype === 'IACH' && fundingsource.primaryFs.id === $scope.checkoutSession.plan.sources[0].instrument_id && !fundingsource.secondaryFIs) {\n showFS = false;\n }\n }\n\n return showFS;\n };\n });\n\n // Check if is variant where preferred label can be shown\n var preferredFiVariants = _squid.$config.choiceExperiment && _squid.$config.choiceExperiment.preferredCheckbox || [];\n\n this.preferredFiVariant = preferredFiVariants.indexOf(this.models.choiceVariant) > -1;\n }\n }\n});\n\n\n_uiRouter.$state;\n\n_uiRouter.$stateParams;\n\n_squid.$Component;\n\n_squid.$populate;\n\n_squid.$FallbackError;\n\n_squid.$feature;\n\n_squid.$locale;\n\n_squid.$util;\n\n_squid.$config;\n\n_squid.$renderContent;\n\n_logger.$logger;\n\n_choice.$ChoiceEligibility;\n\n_index.$CheckoutSessionModel;\n\n_index.$CheckoutCartModel;\n\n_index.$CheckoutAppDataModel;\n\n_index.$CreditOptionsModel;\n\n_index.$CheckoutPayeeModel;\n\n_index2.$AddCardModel;\n\n_index2.$CardModel;\n\n_index3.$CreditDataModel;\n\n_index3.$CreditInstallmentModel;\n\n_index4.$AuthModel;\n\n_factory.$ExpiredFiPanelFactory;\n\n_marketingoffer.$MemberSegmentModel;\n\n_newMember.$NewMemberEligibility;\nmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ \"./pages/xo-wallet/route.js\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\n\nexports.__esModule = true;\nexports.$SidebarWalletRoute = undefined;\n\nvar _squid = __webpack_require__(\"./components/squid/dist/index.js\");\n\nvar _route = __webpack_require__(\"./components/xo-wallet-components/src/confirm-upop/route.js\");\n\nvar _route2 = _interopRequireDefault(_route);\n\n__webpack_require__(\"./pages/xo-wallet/directive.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar $SidebarWalletRoute = exports.$SidebarWalletRoute = _squid.$ComponentRoute.extend('$SidebarWalletRoute', {\n\n path: 'wallet',\n directive: 'xo-wallet',\n titleContent: 'asideHeader.wallet',\n trackingData: {\n fptiState: 'funding_option_selection',\n templateName: 'fundingInstruments.dust',\n pageGoal: 'Change Instruments',\n buzname: {\n 'fullpage': {\n 'pagename': '%::fullpage-wallet-fundingsources',\n 'pagename2': '%::fullpage-wallet-fundingsources:member:hermes:',\n 'version': 'member:%:'\n // More page qualifiers come here...\n } }\n },\n params: {\n padToggleFeature: null\n },\n children: [{\n route: _route2['default'],\n attributes: {\n token: 'token',\n phone: 'phone',\n cardmodel: 'cardModel'\n }\n }]\n});\n\nangular.value(\"$SidebarWalletRoute\", $SidebarWalletRoute);\n_squid.$ComponentRoute;\n\n/***/ }),\n\n/***/ \"./pages/xo-wallet/styles.less\":\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ \"./pages/xo-wallet/template.html\":\n/***/ (function(module, exports) {\n\nmodule.exports = \"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
\\n\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ../node_modules/noop-loader!./components/xo-wallet-components/src/member-sepa/sepaMandate/template.html\n// module id = ../node_modules/noop-loader/index.js!./components/xo-wallet-components/src/member-sepa/sepaMandate/template.html\n// module chunks = 0","module.exports = \"\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ../node_modules/noop-loader!./components/xo-wallet-components/src/member-sepa/template.html\n// module id = ../node_modules/noop-loader/index.js!./components/xo-wallet-components/src/member-sepa/template.html\n// module chunks = 0","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n\n\n/* eslint-disable no-unused-vars */\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n\tif (val === null || val === undefined) {\n\t\tthrow new TypeError('Object.assign cannot be called with null or undefined');\n\t}\n\n\treturn Object(val);\n}\n\nfunction shouldUseNative() {\n\ttry {\n\t\tif (!Object.assign) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Detect buggy property enumeration order in older V8 versions.\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\t\tvar test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n\t\ttest1[5] = 'de';\n\t\tif (Object.getOwnPropertyNames(test1)[0] === '5') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test2 = {};\n\t\tfor (var i = 0; i < 10; i++) {\n\t\t\ttest2['_' + String.fromCharCode(i)] = i;\n\t\t}\n\t\tvar order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n\t\t\treturn test2[n];\n\t\t});\n\t\tif (order2.join('') !== '0123456789') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test3 = {};\n\t\t'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n\t\t\ttest3[letter] = letter;\n\t\t});\n\t\tif (Object.keys(Object.assign({}, test3)).join('') !==\n\t\t\t\t'abcdefghijklmnopqrst') {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} catch (err) {\n\t\t// We don't expect any of the above to throw, but better to be safe.\n\t\treturn false;\n\t}\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n\tvar from;\n\tvar to = toObject(target);\n\tvar symbols;\n\n\tfor (var s = 1; s < arguments.length; s++) {\n\t\tfrom = Object(arguments[s]);\n\n\t\tfor (var key in from) {\n\t\t\tif (hasOwnProperty.call(from, key)) {\n\t\t\t\tto[key] = from[key];\n\t\t\t}\n\t\t}\n\n\t\tif (getOwnPropertySymbols) {\n\t\t\tsymbols = getOwnPropertySymbols(from);\n\t\t\tfor (var i = 0; i < symbols.length; i++) {\n\t\t\t\tif (propIsEnumerable.call(from, symbols[i])) {\n\t\t\t\t\tto[symbols[i]] = from[symbols[i]];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn to;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ../node_modules/object-assign/index.js\n// module id = ../node_modules/object-assign/index.js\n// module chunks = 0","// It will use the native implementation if it's present and isn't buggy.\nObject.assign = require('object-assign');\n\n// array\nrequire('core-js/fn/array/find');\nrequire('core-js/fn/array/includes');\nrequire('core-js/fn/array/some');\nrequire('core-js/fn/array/every');\n\n// string\nrequire('core-js/fn/string/includes');\n\n\n// object\nrequire('core-js/fn/object/entries');\nrequire('core-js/fn/object/values');\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ../node_modules/xo-webpack-config/polyfills.js\n// module id = ../node_modules/xo-webpack-config/polyfills.js\n// module chunks = 0","!function(){function t(t){this.message=t}var r=\"undefined\"!=typeof exports?exports:this,e=\"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\";t.prototype=new Error,t.prototype.name=\"InvalidCharacterError\",r.btoa||(r.btoa=function(r){for(var o,n,a=String(r),i=0,c=e,d=\"\";a.charAt(0|i)||(c=\"=\",i%1);d+=c.charAt(63&o>>8-i%1*8)){if(n=a.charCodeAt(i+=.75),n>255)throw new t(\"'btoa' failed: The string to be encoded contains characters outside of the Latin1 range.\");o=o<<8|n}return d}),r.atob||(r.atob=function(r){var o=String(r).replace(/=+$/,\"\");if(o.length%4==1)throw new t(\"'atob' failed: The string to be decoded is not correctly encoded.\");for(var n,a,i=0,c=0,d=\"\";a=o.charAt(c++);~a&&(n=i%4?64*n+a:a,i++%4)?d+=String.fromCharCode(255&n>>(-2*i&6)):0)a=e.indexOf(a);return d})}();\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/base64/base64.min.js\n// module id = ./components/base64/base64.min.js\n// module chunks = 0","\n\n// uuid.js\n//\n// Copyright (c) 2010-2012 Robert Kieffer\n// MIT License - http://opensource.org/licenses/mit-license.php\n\n/*global window, require, define */\n(function (_window) {\n \n\n // Unique ID creation requires a high quality random # generator. We feature\n // detect to determine the best RNG source, normalizing to a function that\n // returns 128-bits of randomness, since that's what's usually required\n\n var _rng, _mathRNG, _nodeRNG, _whatwgRNG, _previousRoot;\n\n function setupBrowser() {\n // Allow for MSIE11 msCrypto\n var _crypto = _window.crypto || _window.msCrypto;\n\n if (!_rng && _crypto && _crypto.getRandomValues) {\n // WHATWG crypto-based RNG - http://wiki.whatwg.org/wiki/Crypto\n //\n // Moderately fast, high quality\n try {\n var _rnds8 = new Uint8Array(16);\n _whatwgRNG = _rng = function whatwgRNG() {\n _crypto.getRandomValues(_rnds8);\n return _rnds8;\n };\n _rng();\n } catch (e) {}\n }\n\n if (!_rng) {\n // Math.random()-based (RNG)\n //\n // If all else fails, use Math.random(). It's fast, but is of unspecified\n // quality.\n var _rnds = new Array(16);\n _mathRNG = _rng = function _rng() {\n for (var i = 0, r; i < 16; i++) {\n if ((i & 0x03) === 0) {\n r = Math.random() * 0x100000000;\n }\n _rnds[i] = r >>> ((i & 0x03) << 3) & 0xff;\n }\n\n return _rnds;\n };\n if ('undefined' !== typeof console && console.warn) {\n console.warn(\"[SECURITY] node-uuid: crypto not usable, falling back to insecure Math.random()\");\n }\n }\n }\n\n function setupNode() {\n // Node.js crypto-based RNG - http://nodejs.org/docs/v0.6.2/api/crypto.html\n //\n // Moderately fast, high quality\n if ('function' === typeof require) {\n try {\n var _rb = require('crypto').randomBytes;\n _nodeRNG = _rng = _rb && function () {\n return _rb(16);\n };\n _rng();\n } catch (e) {}\n }\n }\n\n if (_window) {\n setupBrowser();\n } else {\n setupNode();\n }\n\n // Buffer class to use\n var BufferClass = 'function' === typeof Buffer ? Buffer : Array;\n\n // Maps for number <-> hex string conversion\n var _byteToHex = [];\n var _hexToByte = {};\n for (var i = 0; i < 256; i++) {\n _byteToHex[i] = (i + 0x100).toString(16).substr(1);\n _hexToByte[_byteToHex[i]] = i;\n }\n\n // **`parse()` - Parse a UUID into it's component bytes**\n function parse(s, buf, offset) {\n var i = buf && offset || 0,\n ii = 0;\n\n buf = buf || [];\n s.toLowerCase().replace(/[0-9a-f]{2}/g, function (oct) {\n if (ii < 16) {\n // Don't overflow!\n buf[i + ii++] = _hexToByte[oct];\n }\n });\n\n // Zero out remaining bytes if string was short\n while (ii < 16) {\n buf[i + ii++] = 0;\n }\n\n return buf;\n }\n\n // **`unparse()` - Convert UUID byte array (ala parse()) into a string**\n function unparse(buf, offset) {\n var i = offset || 0,\n bth = _byteToHex;\n return bth[buf[i++]] + bth[buf[i++]] + bth[buf[i++]] + bth[buf[i++]] + '-' + bth[buf[i++]] + bth[buf[i++]] + '-' + bth[buf[i++]] + bth[buf[i++]] + '-' + bth[buf[i++]] + bth[buf[i++]] + '-' + bth[buf[i++]] + bth[buf[i++]] + bth[buf[i++]] + bth[buf[i++]] + bth[buf[i++]] + bth[buf[i++]];\n }\n\n // **`v1()` - Generate time-based UUID**\n //\n // Inspired by https://github.com/LiosK/UUID.js\n // and http://docs.python.org/library/uuid.html\n\n // random #'s we need to init node and clockseq\n var _seedBytes = _rng();\n\n // Per 4.5, create and 48-bit node id, (47 random bits + multicast bit = 1)\n var _nodeId = [_seedBytes[0] | 0x01, _seedBytes[1], _seedBytes[2], _seedBytes[3], _seedBytes[4], _seedBytes[5]];\n\n // Per 4.2.2, randomize (14 bit) clockseq\n var _clockseq = (_seedBytes[6] << 8 | _seedBytes[7]) & 0x3fff;\n\n // Previous uuid creation time\n var _lastMSecs = 0,\n _lastNSecs = 0;\n\n // See https://github.com/broofa/node-uuid for API details\n function v1(options, buf, offset) {\n var i = buf && offset || 0;\n var b = buf || [];\n\n options = options || {};\n\n var clockseq = options.clockseq != null ? options.clockseq : _clockseq;\n\n // UUID timestamps are 100 nano-second units since the Gregorian epoch,\n // (1582-10-15 00:00). JSNumbers aren't precise enough for this, so\n // time is handled internally as 'msecs' (integer milliseconds) and 'nsecs'\n // (100-nanoseconds offset from msecs) since unix epoch, 1970-01-01 00:00.\n var msecs = options.msecs != null ? options.msecs : new Date().getTime();\n\n // Per 4.2.1.2, use count of uuid's generated during the current clock\n // cycle to simulate higher resolution clock\n var nsecs = options.nsecs != null ? options.nsecs : _lastNSecs + 1;\n\n // Time since last uuid creation (in msecs)\n var dt = msecs - _lastMSecs + (nsecs - _lastNSecs) / 10000;\n\n // Per 4.2.1.2, Bump clockseq on clock regression\n if (dt < 0 && options.clockseq == null) {\n clockseq = clockseq + 1 & 0x3fff;\n }\n\n // Reset nsecs if clock regresses (new clockseq) or we've moved onto a new\n // time interval\n if ((dt < 0 || msecs > _lastMSecs) && options.nsecs == null) {\n nsecs = 0;\n }\n\n // Per 4.2.1.2 Throw error if too many uuids are requested\n if (nsecs >= 10000) {\n throw new Error('uuid.v1(): Can\\'t create more than 10M uuids/sec');\n }\n\n _lastMSecs = msecs;\n _lastNSecs = nsecs;\n _clockseq = clockseq;\n\n // Per 4.1.4 - Convert from unix epoch to Gregorian epoch\n msecs += 12219292800000;\n\n // `time_low`\n var tl = ((msecs & 0xfffffff) * 10000 + nsecs) % 0x100000000;\n b[i++] = tl >>> 24 & 0xff;\n b[i++] = tl >>> 16 & 0xff;\n b[i++] = tl >>> 8 & 0xff;\n b[i++] = tl & 0xff;\n\n // `time_mid`\n var tmh = msecs / 0x100000000 * 10000 & 0xfffffff;\n b[i++] = tmh >>> 8 & 0xff;\n b[i++] = tmh & 0xff;\n\n // `time_high_and_version`\n b[i++] = tmh >>> 24 & 0xf | 0x10; // include version\n b[i++] = tmh >>> 16 & 0xff;\n\n // `clock_seq_hi_and_reserved` (Per 4.2.2 - include variant)\n b[i++] = clockseq >>> 8 | 0x80;\n\n // `clock_seq_low`\n b[i++] = clockseq & 0xff;\n\n // `node`\n var node = options.node || _nodeId;\n for (var n = 0; n < 6; n++) {\n b[i + n] = node[n];\n }\n\n return buf ? buf : unparse(b);\n }\n\n // **`v4()` - Generate random UUID**\n\n // See https://github.com/broofa/node-uuid for API details\n function v4(options, buf, offset) {\n // Deprecated - 'format' argument, as supported in v1.2\n var i = buf && offset || 0;\n\n if (typeof options === 'string') {\n buf = options === 'binary' ? new BufferClass(16) : null;\n options = null;\n }\n options = options || {};\n\n var rnds = options.random || (options.rng || _rng)();\n\n // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80;\n\n // Copy bytes to buffer, if provided\n if (buf) {\n for (var ii = 0; ii < 16; ii++) {\n buf[i + ii] = rnds[ii];\n }\n }\n\n return buf || unparse(rnds);\n }\n\n // Export public API\n var uuid = v4;\n uuid.v1 = v1;\n uuid.v4 = v4;\n uuid.parse = parse;\n uuid.unparse = unparse;\n uuid.BufferClass = BufferClass;\n uuid._rng = _rng;\n uuid._mathRNG = _mathRNG;\n uuid._nodeRNG = _nodeRNG;\n uuid._whatwgRNG = _whatwgRNG;\n\n if ('undefined' !== typeof module && module.exports) {\n // Publish as node.js module\n module.exports = uuid;\n } else if (typeof define === 'function' && define.amd) {\n // Publish as AMD module\n define(function () {\n return uuid;\n });\n } else {\n // Publish as global (in browsers)\n _previousRoot = _window.uuid;\n\n // **`noConflict()` - (browser only) to reset global 'uuid' var**\n uuid.noConflict = function () {\n _window.uuid = _previousRoot;\n return uuid;\n };\n\n _window.uuid = uuid;\n }\n})('undefined' !== typeof window ? window : null);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/node-uuid/uuid.js\n// module id = ./components/node-uuid/uuid.js\n// module chunks = 0","\n\nexports.__esModule = true;\nexports.$Api = undefined;\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.$getLatestCorrelationID = $getLatestCorrelationID;\n\nvar _jquery = require('jquery');\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nvar _logger = require('xo-beaver/dist/logger');\n\nvar _event = require('./event');\n\nvar _class = require('./class');\n\nvar _util = require('./util');\n\nvar _promise = require('./promise');\n\nvar _config = require('./config');\n\nvar _error = require('./error');\n\nvar _loader = require('./loader');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n/*\n API\n ---\n\n This layer is responsible for handling api requests. It has a number of responsibilities:\n\n - Caching responses\n - Transparently returning data that has been preloaded into the initial page response\n - Instrumentation\n - Batching multiple api calls into a single http request\n - Handling multiple types of responses and dispatching to the correct handlers\n - Emitting loading events for all http calls\n */\n\n_config.$meta.headers = _config.$meta.headers || {};\n_config.$meta.headers['x-cookies'] = _typeof(_config.$meta.headers['x-cookies']) !== 'object' ? JSON.parse(_config.$meta.headers['x-cookies'] || '{}') : _config.$meta.headers['x-cookies'];\n\n// Are we in 'cookies disabled' mode? (Do we need to keep a local store of cookies)\nfunction cookiesEnabled() {\n return _util.$util.cookiesEnabled() && window.location.hostname.indexOf('.paypal.com') > -1;\n}\n\n// Cache for api responses, when cache: true\nvar cache = {};\nvar standardHeaders = {};\n\nvar latestCorrelationID = _config.$meta.correlationId;\n\n// Window load promise\nvar windowLoad = _util.$util.memoize(function () {\n return _promise.$promise.resolver(function (resolve) {\n if (document.readyState === 'complete') {\n resolve();\n } else {\n window.addEventListener('load', resolve);\n }\n });\n});\n\n// Buffer for batch requests made within the same frame\nvar batchQueue = {};\n\n// Backwards compat\nwindow.pre = {};\n\n// Transient cache resolvers\nvar transientCache = {};\n\n// Transient cache resolvers\nvar transientCacheResolvers = {};\n\n// Metabuilder\nvar metaBuilder = void 0;\n\n// Add to transientCache\nwindow.preload = function (method, url, data, name) {\n\n if (name) {\n window.pre[name] = {\n method: method,\n uri: url,\n res: data\n };\n }\n\n var key = method + ':' + url;\n var resolvers = transientCacheResolvers[key] || [];\n\n transientCache[key] = data;\n\n while (resolvers.length) {\n resolvers.pop().call();\n }\n};\n\n// Preload complete\nvar preloadComplete = false;\n\nwindow.preloadComplete = function () {\n preloadComplete = true;\n Object.keys(transientCacheResolvers).forEach(function (key) {\n var resolvers = transientCacheResolvers[key] || [];\n\n while (resolvers.length) {\n resolvers.pop().call();\n }\n });\n};\n\n_logger.$logger.info(cookiesEnabled() ? 'cookies_enabled' : 'cookies_disabled');\n\nvar $Api = exports.$Api = _class.$Class.extend('$Api', {\n\n // Cache any GET responses indefinitely\n cache: false,\n\n // Http timeout for all requests\n timeout: 45000,\n\n // Default number of attempts on aborted requests and 500 server errors\n getAttempts: 3,\n postAttempts: 1,\n\n // POST on a resource with an action name myapi.action('foo') -> POST /my/api/foo\n action: function action(_action, options) {\n options.action = _action;\n return this.post(options);\n },\n\n // GET on a resource myapi.retrieve() -> GET /my/api\n retrieve: function retrieve(options) {\n options.method = 'get';\n return this.call(options);\n },\n\n // POST on a resource myapi.retrieve() -> POST /my/api\n post: function post(options) {\n options.method = 'post';\n return this.call(options);\n },\n\n // Generic handler for calling an api and dispatching requests to the right place\n call: function call(options) {\n var self = this;\n\n // Set up request options and params. `options` is an object which should contain everything\n // the request needs to run and handle the response\n\n options.api = this;\n options.uri = this.getURI(options.model, options.action);\n options.params = options.params || {};\n options.cache = options.cache || self.cache && options.method === 'get';\n options.name = this.buildAPIName(options);\n options.meta = this.buildMeta();\n options.transientError = options.transientError || false;\n options.cacheKey = _util.$util.buildURL(options.uri, options.params);\n\n _logger.$logger.info(options.name + '_call', {\n name: options.name,\n method: options.method,\n uri: options.uri\n });\n\n if (!options.silent) {\n _event.$event.emit('loading');\n }\n\n // Decide where to get the response\n return _promise.$promise.first([\n\n // If caching is enabled and we have the data in local cache, use the cache\n function () {\n if (options.cache && cache[options.cacheKey]) {\n return cache[options.cacheKey];\n }\n },\n\n // Otherwise if we have transient cache data for this api, we can use that\n function () {\n return _promise.$promise.providing(self.hasTransientCacheData(options), function () {\n\n // The reason we use self.attemptRequest here is so any errors in the cached response\n // can trigger the retry code path, as if it were a regular request\n return self.attemptRequest(options);\n });\n },\n\n // If we're in batch mode, queue up a batch request\n function () {\n if (options.batch) {\n return self.batchRequest(options);\n }\n },\n\n // Otherwise attempt a regular http request (at this point an http call is guaranteed)\n function () {\n return self.attemptRequest(options);\n }])['finally'](function () {\n\n if (!options.silent) {\n _event.$event.emit('loaded');\n }\n }).then(function (res) {\n\n // Cache the response if we need to\n if (options.cache) {\n cache[options.cacheKey] = res;\n }\n\n // Handle the response\n return self.handleResponse(res.data, options);\n }, function (err) {\n\n // $BatchShortCircuit will be thrown if:\n //\n // 1. batch api call B depends on api call A, but-\n // 2. api call A fails\n //\n // In which case we end up in a situation where had it been a regular chain of events,\n // api B would never have been called in the first place.\n //\n // One possibility here is to return $unresolved, which prevents the promise from ever\n // resolving, but this has the potential to cause a lot of difficulty debugging and strange\n // corner cases.\n //\n // Instead we opt to simply reject the promise, and not call any of the response handlers\n\n if (err instanceof _error.$BatchShortCircuit) {\n return _promise.$promise.reject(err);\n }\n\n // Otherwise, handle the error normally\n return self.handleErrorResponse(err, options);\n });\n },\n\n // Set up a batch request for processing in the next frame\n batchRequest: function batchRequest(options) {\n\n // Batch Requests are an optimization layer on top of regular api calls. The purpose of this\n // layer is to combine multiple atomic api calls into a single http request, without forcing\n // developers to create large orchestration layers on the client/server with cross-cutting concerns.\n //\n // This layer will queue up multiple requests made in the same frame whenever batch-mode is enabled,\n // attach them all to an http call to /api/batch/:name, then on the response it will dispatch each\n // individual api call to the correct handler.\n //\n // The way this is implemented is to place each response in the transient api cache, then to yield\n // control to the regular api request handler, which will handle instrumentation and retries\n\n // For quick dev-time feedback...\n _util.$util.assert(options.batch.name, 'Must define a \"name\" for batch request: ' + options.batch);\n _util.$util.assert(options.batch.id, 'Must define a \"id\" for batch request: ' + options.batch);\n\n var name = options.batch.name;\n var id = options.batch.id;\n\n // Add the batch request options to the batchQueue for processing on the next frame\n var batch = batchQueue[name] = batchQueue[name] || {};\n\n batch[id] = options;\n\n // Fire off a batch request. This will be debounced: calls in the same frame will be combined to one\n return this.buildBatchRequest(name).then(function (results) {\n\n // We get back a mapping of id->response, so we now extract the response for our api\n // call. If we have no response, we can assume the call was never made, and short circuit.\n return results[id].then(function (result) {\n return result || _promise.$promise.reject(new _error.$BatchShortCircuit());\n });\n });\n },\n\n // Process all of the accumulated batch api requests\n buildBatchRequest: _promise.$promise.debounce(function (name) {\n\n var self = this;\n var batch = batchQueue[name];\n var batchIds = _class.$Class.keys(batch);\n var batchData = {};\n var headers = {};\n\n delete batchQueue[name];\n\n // If we have just a single request, we can short-circuit and just hit that api\n\n if (batchIds.length === 1) {\n\n var batchId = batchIds[0];\n var opts = batch[batchId];\n\n var results = {};\n\n results[batchId] = opts.api.attemptRequest(opts);\n return results;\n }\n\n // Build the request to send to the server side. This is an mapping of id->request, each containing\n // the method, uri, data, and dependencies for each api.\n //\n // Specifying a dependency for an api essentially means the back-end will only\n // call api-B if api-A returns ack=success. Otherwise there will be no response for api B.\n\n _util.$util.forEach(batch, function (options, id) {\n\n batchData[id] = {\n method: options.method,\n uri: options.api.getURI(options.model, options.action, true),\n data: options.data,\n params: options.params,\n dependencies: options.batch.dependencies\n };\n\n _util.$util.extend(headers, options.headers);\n });\n\n // Unfortunate circular dependency... $Api depends on another api.\n //\n // $batchApi is subject to all of the same rules regarding retries, so if for some reason the server\n // does not respond the first time, our batch request can still get through.\n\n return $batchApi.action(name, { // eslint-disable-line no-use-before-define\n data: batchData,\n headers: headers\n }).then(function (res) {\n\n // The final response will be a mapping of id->response-promise.\n //\n // However, we do not treat this data as our final response. Instead, we simply use it to\n // prime our transient cache, then proceed to jump to our regular request handler. This will\n // take care of retries and instrumentation as if this were a regular request.\n //\n // Note that a retry for $batchApi is different to a retry for an individual api. If\n // an *individual* api call fails, we do not want to re-do the entire batch call; instead we\n // can just retry the individual api call.\n\n return self.handleBatchResponse(batch, res.data);\n });\n }),\n\n // Process the responses for all of the batch requests we sent to the server\n handleBatchResponse: function handleBatchResponse(batch, data) {\n\n var self = this;\n\n var promises = {};\n\n // Loop over each individual api response contained in the batch response, and process the result\n\n _util.$util.forEach(batch, function (options, id) {\n\n // Store each response promise so we can check and wait for api dependencies\n\n promises[id] = _promise.$promise.run(function () {\n\n // Check if all of the dependencies are present for our individual api call. To do this\n // we must wait until the dependent api call is entirely complete, including any retries.\n\n var depsPresent = _promise.$promise.every(options.batch.dependencies || [], function (depName) {\n\n if (!batch[depName]) {\n _logger.$logger.info('missing_batch_dependency', {\n dependency: depName,\n available: Object.keys(batch).join('|')\n });\n }\n\n return !batch[depName] || promises[depName].then(function (dependency) {\n return dependency && dependency.data && dependency.data.ack === 'success';\n });\n });\n\n // If our dependencies are present, we can continue, otherwise we are not interested in\n // the result of the individual api call - if its dependency is not present, it will not be.\n\n return _promise.$promise.providing(depsPresent, function () {\n\n // If there is data returned for the individual call, add it to the transient cache\n\n return _promise.$promise.providing(data[id], function (result) {\n var uri = options.api.getURI(options.model, options.action);\n\n uri = _util.$util.buildURL(uri, options.params);\n\n self.addTransientCacheData(options.method, uri, result);\n }).then(function () {\n\n // Regardless of whether or not there is data, we can now attempt the request.\n // This will either get the data from the transient cache, or make an http call,\n // and handle any retries that need to be made.\n\n return options.api.attemptRequest(options);\n });\n });\n });\n });\n\n return promises;\n },\n\n // Handle the request and any retries, using either the transient cache or http calls\n attemptRequest: function attemptRequest(options) {\n var self = this;\n\n var attempts = options.method === 'get' ? this.getAttempts : this.postAttempts;\n\n // We allow a certain number of attempts/retries for each api call\n return _promise.$promise.attempt(attempts, function (remaining) {\n\n // Query the transient cache\n return self.getTransientCacheResponse(options).then(function (res) {\n\n // If we can get a response from the transient cache, then use it\n if (res) {\n return res;\n }\n\n // Otherwise resort to making an http call\n return self.getHttpResponse(options);\n })['catch'](function (res) {\n\n // If our request was aborted without even a status code, force a single retry\n if ((!res || !res.status) && attempts === 1) {\n\n _logger.$logger.warn('api_retry_aborted', {\n method: options.method,\n uri: options.uri\n });\n\n return self.getHttpResponse(options);\n }\n\n return _promise.$promise.reject(res);\n })['catch'](function (res) {\n\n // If our request was 401 denied (probably due to a CSRF error), force a single retry\n if (res.status === 401) {\n\n _logger.$logger.warn('api_retry_401', {\n method: options.method,\n uri: options.uri\n });\n\n return self.getHttpResponse(options);\n }\n\n return _promise.$promise.reject(res);\n })['catch'](function (res) {\n\n // Set the correct response and ack for 401\n if (res.status === 401) {\n return {\n data: {\n ack: 'permission_denied'\n }\n };\n }\n\n // Setup to throw a TOO_MANY_REQUESTS contingency for 429 response from ratelimiter (velocityserv)\n if (res.status === 429) {\n return {\n data: {\n ack: 'contingency',\n contingency: 'TOO_MANY_REQUESTS'\n }\n };\n }\n\n // If we have any remaining retries, log and reject\n if (remaining) {\n\n _logger.$logger.warn('api_retry', {\n method: options.method,\n uri: options.uri\n });\n\n return _promise.$promise.reject(res);\n }\n\n // Otherwise reject the request with the appropriate error\n\n // We got ack=error in the response\n if (res && res.data && res.data.ack === 'error') {\n return _promise.$promise.reject(new _error.$ApiError('api_error', { // eslint-disable-line no-reserved-keys\n name: options.name,\n method: options.method,\n uri: options.uri,\n stack: res.data.stack,\n transient: options.transientError\n }));\n }\n\n // We got a response error status\n else if (res && res.status) {\n return _promise.$promise.reject(new _error.$ApiError('response_status_' + res.status, { // eslint-disable-line no-reserved-keys\n uri: options.uri,\n transient: options.transientError\n }));\n } else if (res && res.error) {\n return _promise.$promise.reject(new _error.$ApiError('request_' + res.error, { // eslint-disable-line no-reserved-keys\n uri: options.uri,\n transient: options.transientError\n }));\n }\n\n // The request was aborted\n else {\n return _promise.$promise.reject(new _error.$ApiError('request_aborted', { // eslint-disable-line no-reserved-keys\n uri: options.uri,\n transient: options.transientError\n }));\n }\n });\n });\n },\n\n // Get an api response via http\n getHttpResponse: function getHttpResponse(options) {\n var self = this;\n\n var startTime = _util.$util.now();\n\n var request = this.http(options);\n\n return request['finally'](function () {\n\n // Calculate the end-to-end duration of the request from the client's perspective\n options.duration = _util.$util.now() - startTime;\n })['catch'](function (res) {\n\n // Turn responses with an ack into a 'success' so it makes it to the standard handlers\n if (res && res.status && res.data && res.data.ack && res.data.ack !== 'error') {\n return res;\n }\n\n return _promise.$promise.reject(res);\n }).then(function (res) {\n self.saveResponseState(res);\n\n var loggerPayload = {\n name: options.name,\n method: options.method,\n uri: options.uri,\n server: res.data.server,\n time: options.duration,\n duration: options.duration,\n corrid: res && res.headers('Paypal-Debug-Id')\n };\n\n // In certain browsers we can match up this api call to the performance data from the browser\n if (window.performance && window.performance.getEntries) {\n _util.$util.forEach(window.performance.getEntries(), function (resource) {\n if (resource.name && resource.name.indexOf(options.uri) > -1) {\n _util.$util.extend(loggerPayload, resource);\n }\n });\n }\n\n _logger.$logger.info('api_response', loggerPayload);\n\n if (res && res.status) {\n _logger.$logger.info('http_response_' + res.status);\n }\n\n return res;\n }, function (res) {\n self.saveResponseState(res);\n\n if (res && res.status) {\n _logger.$logger.info('http_response_' + res.status);\n }\n\n return _promise.$promise.reject(res);\n });\n },\n\n setTransientCache: function setTransientCache(data) {\n throw new Error('NotImplemented');\n },\n\n // Get an individual api response from the transient cache, as an object\n getTransientCacheData: function getTransientCacheData(options, pop) {\n\n if (!_config.$config.enablePreload) {\n return _promise.$promise.resolve();\n }\n\n var preMethod = options.method.toLowerCase();\n var preUri = _util.$util.buildURL(options.uri, options.params);\n\n var key = preMethod + ':' + preUri;\n\n return _promise.$promise.resolver(function (resolve) {\n\n function res() {\n var data = transientCache[key];\n\n if (pop) {\n delete transientCache[key];\n }\n resolve(data);\n }\n\n if (transientCache[key] || document.readyState === 'complete' || preloadComplete) {\n return res();\n }\n\n transientCacheResolvers[key] = transientCacheResolvers[key] || [];\n transientCacheResolvers[key].push(res);\n\n windowLoad().then(res);\n });\n },\n\n // Check if the transient cache has the data for a particular api\n hasTransientCacheData: function hasTransientCacheData(options) {\n return this.getTransientCacheData(options, false).then(function (data) {\n return Boolean(data);\n });\n },\n\n // Add data to the transient cache\n addTransientCacheData: function addTransientCacheData(method, uri, data) {\n var key = method + ':' + uri;\n\n transientCache[key] = data;\n },\n\n // Get an individual api response from transient cache, as a res promise with the correct status code\n getTransientCacheResponse: function getTransientCacheResponse(options) {\n\n return this.getTransientCacheData(options, true).then(function (data) {\n\n // Preload data does not come with a response code, so massage it into a response promise\n if (data) {\n if (data.ack === 'error') {\n return _promise.$promise.reject({\n status: 500,\n data: data\n });\n } else if (data.ack === 'permission_denied') {\n return _promise.$promise.reject({\n status: 401,\n data: data\n });\n } else if (data.ack === 'contingency' || data.ack === 'validation_error') {\n return {\n status: 400,\n data: data\n };\n } else {\n return {\n status: 200,\n data: data\n };\n }\n }\n\n // Log a cache miss if we are currently in the first-page load\n else if (options.method === 'get' && !_loader.$loader.firstLoad() && !options.silent) {\n _logger.$logger.info('preload_cache_miss', {\n uri: options.uri\n });\n }\n });\n },\n\n getHeaders: function getHeaders(options) {\n\n if (!_config.$meta.headers['x-csrf-jwt'] && !_config.$meta.csrfJwt) {\n _logger.$logger.warn('missing_csrf_jwt');\n }\n\n var headers = {\n 'X-Requested-With': 'XMLHttpRequest',\n 'x-csrf-jwt': _config.$meta.headers['x-csrf-jwt'] || _config.$meta.csrfJwt\n };\n\n _util.$util.extend(headers, standardHeaders);\n\n if (!cookiesEnabled()) {\n headers['x-cookies'] = JSON.stringify(_config.$meta.headers['x-cookies']);\n }\n\n if (options.headers) {\n _util.$util.extend(headers, options.headers);\n }\n\n return headers;\n },\n http: function http(options) {\n return this.httpJQuery(options);\n },\n\n\n /*\n // Raw http call\n httpAngular: function(options) {\n let request = {\n method: options.method,\n url: options.uri,\n data: {\n data: options.data,\n meta: options.meta\n },\n headers: this.getHeaders(options),\n params: options.params,\n requestType: 'json',\n responseType: 'json',\n timeout: this.timeout\n };\n if (options.method === 'get' && options.meta && Object.keys(options.meta).length) {\n request.params.meta = JSON.stringify(options.meta);\n }\n return $http(request);\n },\n */\n\n httpJQuery: function httpJQuery(options) {\n\n var request = {\n method: options.method,\n data: options.method === 'get' ? options.params : JSON.stringify({\n data: options.data,\n meta: options.meta || {}\n }),\n headers: this.getHeaders(options),\n timeout: this.timeout\n };\n\n if (options.method === 'post') {\n request.headers['Content-Type'] = 'application/json;charset=UTF-8';\n } else if (options.method === 'get') {\n request.data.meta = JSON.stringify(options.meta);\n }\n\n return _promise.$promise.resolver(function (resolve, reject) {\n\n function getRes(res, data) {\n return {\n status: res.status,\n data: data,\n headers: function headers(name) {\n return res.getResponseHeader(name);\n }\n };\n }\n\n request.success = function (data, status, res) {\n return resolve(getRes(res, data));\n };\n\n request.error = function (res) {\n if (res && res.status) {\n if (res.status >= 400) {\n return reject(getRes(res, res.responseJSON));\n } else {\n return resolve(getRes(res, res.responseJSON));\n }\n }\n\n return reject({\n status: 0,\n headers: _util.$util.noop,\n error: res && res.statusText\n });\n };\n\n _jquery2['default'].ajax(options.uri, request);\n });\n },\n\n // Save cookies and jwt-csrf token from the response\n saveResponseState: function saveResponseState(res) {\n\n if (res.headers('x-csrf-jwt')) {\n _config.$meta.headers['x-csrf-jwt'] = res.headers('x-csrf-jwt');\n _config.$meta.csrfJwt = res.headers('x-csrf-jwt');\n _config.$meta.headers['x-csrf-jwt-hash'] = res.headers('x-csrf-jwt-hash');\n }\n\n if (res.headers('X-cookies')) {\n\n _config.$meta.headers['x-cookies-hash'] = res.headers('x-cookies-hash');\n\n // Extend local cookie jar of encrypted-cookie-name->encrypted-cookie-value with any new cookies\n _util.$util.extend(_config.$meta.headers['x-cookies'], JSON.parse(res.headers('X-cookies') || '{}'));\n }\n\n latestCorrelationID = res.headers('Paypal-Debug-Id') || latestCorrelationID;\n },\n\n // Dispatch the response to the correct handlers\n handleResponse: function handleResponse(res, options) {\n var loggerName = 'ui_' + options.name;\n\n var loggerPayload = {\n name: options.name,\n method: options.method,\n uri: options.uri,\n time: options.duration,\n duration: options.duration\n };\n\n // Here we dispatch the response to the correct handler based on the ack.\n //\n // ack=success -> options.success()\n // ack=error -> options.error()\n // ack=validation -> options.validation()\n // ack=contingency -> options.contingencies[contingency]()\n //\n // Why do this rather than just rejecting the promise with a custom error?\n //\n // a) Angular promises have no `.catchType()`, so this saves us a lot of `instanceof` checks\n // b) Angular promises have no `.done()`, so callers can not assert that they have handled\n // every error they want to. This is exacerbated by the fact that there is no single thread\n // of execution on the front-end a la node, so we can't just call `.done()` at the very end :(\n //\n // This way, if somebody passes a handler, it will be called. Otherwise, an error will be thrown\n // and the global error handler will be invoked. The api responses are also given as promises.\n\n var resultModel = options.resultModel || options.model;\n\n /* jshint maxcomplexity: 17 */\n return _promise.$promise.call(function () {\n\n // If we are given a `resultModel`, we always extend it with `res.data`, no matter the ack\n\n if (res.data && resultModel) {\n\n if (resultModel.populate) {\n resultModel.populate(res.data);\n } else {\n _util.$util.extend(resultModel, res.data);\n }\n }\n\n if (res && res.ack === 'success' && resultModel && resultModel.fetchChildren) {\n return _promise.$promise.resolve(resultModel.fetchChildren()).then(function (children) {\n return _util.$util.extend(resultModel, children);\n });\n }\n }).then(function () {\n // eslint-disable-line max-statements\n\n // Handle each ack type, throw errors accordingly\n\n if (res.ack === 'success') {\n _logger.$logger.info(loggerName + '_success', loggerPayload);\n\n if (options.success) {\n if (options.success instanceof Function) {\n return options.success(res.data);\n }\n return options.success;\n }\n\n return res;\n }\n\n if (options.failSilently) {\n return;\n }\n\n if (res.ack === 'contingency') {\n _logger.$logger.info(loggerName + '_contingency', _util.$util.extend(loggerPayload, {\n contingency: res.contingency\n }));\n\n if (!res.contingency) {\n throw new _error.$ApiError('expected_contingency_name', {\n api: options.name\n });\n }\n\n var contingency = new _error.$Contingency(res.contingency, { // eslint-disable-line no-reserved-keys\n transient: options.transientError\n });\n\n if (resultModel) {\n resultModel.errorData = res.errorData || {};\n }\n\n var handler = options.contingencies && (options.contingencies[contingency.message] || options.contingencies['DEFAULT']);\n\n _util.$util.extend(contingency, res.errorData);\n\n if (handler) {\n if (handler instanceof Function) {\n return handler(contingency.message, contingency);\n }\n return handler;\n }\n\n throw contingency;\n } else if (res.ack === 'validation') {\n _logger.$logger.info(loggerName + '_validation', _util.$util.extend(loggerPayload, {\n validation: res.validation\n }));\n\n if (options.validation) {\n return options.validation(res.validation);\n }\n\n throw new _error.$ApiError('validation', { // eslint-disable-line no-reserved-keys\n transient: options.transientError\n });\n } else if (res.ack === 'permission_denied') {\n _logger.$logger.info(loggerName + '_denied', loggerPayload);\n\n var properties = {\n transient: options.transientError\n };\n\n if (res.reason) {\n properties.reason = res.reason;\n }\n\n throw new _error.$Forbidden(options.uri + ': forbidden', properties);\n } else {\n _logger.$logger.info(loggerName + '_noack', loggerPayload);\n\n throw new _error.$ApiError('noack', { // eslint-disable-line no-reserved-keys\n transient: options.transientError\n });\n }\n });\n },\n\n // Handle http error responses (ack=error or unhandled errors)\n handleErrorResponse: function handleErrorResponse(err, options) {\n\n return _promise.$promise.run(function () {\n\n // If the caller provides an error handler, let them handle it\n if (options.error) {\n return options.error(err);\n }\n\n // Otherwise we throw the error. Please not that this is NOT just rejecting the promise,\n // this will always end up in the global error handler due to how angular promises work.\n throw err;\n });\n },\n\n // Build the uri for the api call\n getURI: function getURI(model, action, relative) {\n var self = this;\n\n // build the uri as a seriest of segments\n var uri = [];\n\n uri.push(this.uri.replace(/\\/:[\\w\\.]+\\?/g, function (key) {\n\n // Add any *optional* dynamic keys from the model (/foo/:bar? -> /foo/{{model.bar}})\n\n key = key.slice(2);\n key = key.substring(0, key.length - 1);\n\n var component = model.get ? model.get(key) : model[key];\n\n if (!component) {\n return '';\n }\n\n return '/' + component;\n }).replace(/:[\\w\\.]+/g, function (key) {\n\n // Add any dynamic keys from the model (/foo/:bar -> /foo/{{model.bar}})\n\n key = key.slice(1);\n\n var component = model.get ? model.get(key) : model[key];\n\n if (!component) {\n throw new Error('Property \"' + key + '\" not found in model for: ' + self.uri);\n }\n\n return component;\n }));\n\n // Add the action, if provided (`foo.action('bar', {...})` -> /api/foo/bar\n if (action) {\n uri.push(action);\n }\n\n // Add the extension (e.g. for doing a GET on a .json resource)\n if (this.ext) {\n uri[uri.length - 1] += '.' + this.ext;\n }\n\n // Join the uri segments and strip any extra slashes\n uri = '/' + uri.join('/').replace(/\\/{2,}/g, '/').replace(/^\\//, '');\n\n // Add on the base uri, e.g. /webapps/hermes\n if (!relative) {\n uri = (this.baseURI || _config.$config.urls.baseUrl) + uri;\n }\n\n return uri;\n },\n\n // Attach meta data provided by the parent app\n buildMeta: function buildMeta() {\n if (metaBuilder) {\n return metaBuilder();\n }\n },\n\n // Build the name of the api for logging. /api/foo/bar -> api_foo_bar\n buildAPIName: function buildAPIName(options) {\n var self = this;\n var apiName = self.uri.replace(/^\\/+/, ''). // Remove leading '/'\n replace(/\\//g, '_'). // Replace remaining '/' with '_'\n replace(/\\?(.*)/, ''). // Remove everything after '?'\n replace(/[^a-zA-Z0-9_]/g, '');\n\n apiName = options.action ? apiName + '_' + options.action : apiName;\n apiName = apiName.charAt(0) === '_' ? apiName.slice(1) : apiName;\n return apiName;\n }\n});\n\n$Api.reopenClass({\n clearCache: function clearCache() {\n cache = {};\n }\n});\n\n$Api.registerMetaBuilder = function (builder) {\n metaBuilder = builder;\n};\n\n$Api.addHeader = function (name, value) {\n standardHeaders[name] = value;\n};\n\nvar $batchApi = new $Api({\n uri: '/api/batch',\n postAttempts: 3\n});\n\nfunction $getLatestCorrelationID() {\n return latestCorrelationID;\n}\n\nangular.value(\"$Api\", $Api);\nangular.value(\"$getLatestCorrelationID\", $getLatestCorrelationID);\n_logger.$logger;\n\n_event.$event;\n\n_class.$Class;\n\n_util.$util;\n\n_promise.$promise;\n\n_config.$config;\n\n_config.$meta;\n\n_error.$Contingency;\n\n_error.$Forbidden;\n\n_error.$ApiError;\n\n_error.$BatchShortCircuit;\n\n_loader.$loader;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/squid/dist/core/api.js\n// module id = ./components/squid/dist/core/api.js\n// module chunks = 0","\n\nexports.__esModule = true;\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\n/*\n Class\n -----\n\n A class pattern, adding sugar on top of javascript prototypes\n\n ### Basic Usage\n\n let MyClass = Class.extend({\n foo: 'bar';\n });\n\n myInstance = new MyClass({\n hello: 'world'\n });\n\n console.log(myInstance.foo, myInstance.hello)\n\n In this example, `foo` becomes a property on `MyClass`'s prototype,\n and `hello` becomes a property on `myInstance`.\n\n ### Default Object Methods\n\n - `init()`: Called after the object is first instantiated, with all properties available\n\n - `get(, )`: Get an object an arbitrary number of levels deep, or return a default\n\n e.g. `myInstance.get('foo.bar.baz', 'some_default');`\n\n Default return value is undefined\n\n - `set(, )`: Set an object an arbitrary number of levels deep\n\n e.g. `myInstance.set('foo.bar.baz', 'some_value');`\n\n Error is thrown if no object is found to set the value on\n\n - `setProperties(
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-credit-components/src/xo-offer-top-banner/template.html\n// module id = ./components/xo-credit-components/src/xo-offer-top-banner/template.html\n// module chunks = 0","/* eslint-disable no-use-before-define */\n\n\ndefine(['angular'], function (angular) {\n\n (function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n })(window.angular);\n\n angular.module('xo-device-info', ['squid']).factory('$DeviceInfo', function ($window, $meta, $logger) {\n var userAgent = $window.navigator.userAgent;\n var standalone = $window.navigator.standalone;\n var DEVICE_PATTERN = /iPod|iPhone|iPad|Android|BlackBerry|BB10|Palm|CriOS|IEMobile|Windows Phone OS|webOS|Symbian|silk|Kindle|Opera Mini|mobile/i;\n var TABLET_PATTERN = /ip(a|ro)d|silk|xoom|playbook|tablet|kindle|Nexus 7|GT-P10|SC-01C|SHW-M180S|SM-T320|SGH-T849|SCH-I800|SHW-M180L|SPH-P100|SGH-I987|zt180|HTC( Flyer|_Flyer)|Sprint ATP51|ViewPad7|pandigital(sprnova|nova)|Ideos S7|Dell Streak 7|Advent Vega|A101IT|A70BHT|MID7015|Next2|nook|FOLIO|MB511.*RUTEM|Mac OS.*Silk/i;\n\n function getIntegrationContext(integrationKey) {\n // additonal context sent via partners in regards to integration\n var integrationContext = $meta.integrationCTX || {};\n return integrationContext[integrationKey];\n }\n\n // Supports iOS and Android. Updated / more accurate method of detecting webviews\n function isWebView() {\n var logEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n var ua = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : userAgent;\n\n var ios = /iphone|ipod|ipad/i.test(ua),\n android = /Android/i.test(ua);\n\n if (ios) {\n // Unfortunately no perfectly reliable way, this will detect some 3rd party browsers as ui webview\n // Major browsers: chrome, safari, firefox, uc browser, puffin, are detected reliably.\n var ios_uiwebview = /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(ua);\n\n if (!standalone && ios_uiwebview && !isSafariViewController()) {\n // uiwebview\n logWebView('iOS');\n return true;\n }\n } else if (android) {\n // not iOS, Android platform handling\n // Whitelist for x-requested-with header values for web view detection\n var allowedXRequestedWithRegexMap = {\n ajax: /XMLHttpRequest/i,\n baiduBrowser: /com.baidu.browser.inter/i,\n operaMini: /com.opera.mini.native/i,\n maxthon: /com.mx.browser/i,\n litterPenguinBrowser: /com.explore.web.browser/i\n };\n var xRequestedWithHeaderVal = $meta.requestHeaders['x-requested-with'];\n\n if (xRequestedWithHeaderVal) {\n // check if x-requested-with header val is in whitelist\n for (var key in allowedXRequestedWithRegexMap) {\n if (allowedXRequestedWithRegexMap.hasOwnProperty(key)) {\n if (allowedXRequestedWithRegexMap[key].test(xRequestedWithHeaderVal)) {\n return false;\n }\n }\n }\n logWebView('Android');\n return true;\n }\n }\n\n return false;\n\n function logWebView(device) {\n if (!logEnabled) {\n return;\n }\n // cal log\n $logger.info('WebView :: ' + device);\n }\n }\n\n /**\n * Check if the given the user-agent string is belongs to a device.\n */\n function isDevice() {\n if (angular.isString(userAgent)) {\n return DEVICE_PATTERN.test(userAgent) || TABLET_PATTERN.test(userAgent);\n }\n\n return false;\n }\n\n /**\n * Check if the given the user-agent string is belongs to a tablet.\n */\n function isTablet() {\n if (angular.isString(userAgent)) {\n return TABLET_PATTERN.test(userAgent);\n }\n\n return false;\n }\n\n /**\n * Check if the given the user-agent string is belongs to a mobile\n */\n function isMobile() {\n return isDevice(userAgent) && !isTablet(userAgent);\n }\n\n /**\n * Get the mobile platform value given the user-agent string.\n */\n function getDevicePlatform() {\n if (angular.isString(userAgent)) {\n var matched = userAgent.match(/iPod|iPhone|iPad|Android|BlackBerry|Windows Phone OS|webOS|Symbian|mobile/g);\n\n if (matched && matched.length > 0) {\n return matched[0];\n }\n }\n }\n\n /**\n * Check if the give user agent is from an app.\n */\n function isApp(uaString) {\n userAgent = uaString || userAgent;\n\n if (DEVICE_PATTERN.test(userAgent) || TABLET_PATTERN.test(userAgent)) {\n if (getDevicePlatform(userAgent) === 'Android') {\n return (/Version\\/\\d.\\d/i.test(userAgent)\n );\n }\n\n return (/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)|PLAYSTATION|iPadApp/i.test(userAgent)\n );\n }\n\n return false;\n }\n\n function isSafariViewController() {\n if (getIntegrationContext('brainTreeIntegration') === 'SFVC') {\n return true;\n }\n if (angular.isString(userAgent)) {\n var ios = /iphone|ipod|ipad/i.test(userAgent);\n\n return ios && $window.indexedDB && isApp();\n } else {\n return false;\n }\n }\n\n /**\n * Get the device capabilities\n */\n function getCapabilities() {\n var capabilities = {},\n device = DEVICE_PATTERN.test(userAgent),\n tablet = TABLET_PATTERN.test(userAgent),\n app = isApp(userAgent);\n\n if (angular.isString(userAgent)) {\n capabilities.isWireless = device || tablet;\n capabilities.isTablet = tablet;\n capabilities.isMobile = device && !tablet;\n capabilities.isDesktop = !device;\n capabilities.isApp = app;\n }\n\n return capabilities;\n }\n\n /**\n * Get various AppIntegrationType\n */\n function getAppIntegrationType() {\n var app_int_type;\n\n if (isDevice()) {\n if (isApp()) {\n if (isSafariViewController()) {\n app_int_type = 'SFVC';\n } else {\n app_int_type = 'WebView';\n }\n } else {\n app_int_type = 'Browser';\n }\n }\n return app_int_type;\n }\n\n return {\n isDevice: isDevice,\n isTablet: isTablet,\n isMobile: isMobile,\n isApp: isApp,\n isSafariViewController: isSafariViewController,\n getCapabilities: getCapabilities,\n getAppIntegrationType: getAppIntegrationType,\n isWebView: isWebView\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-device-info/dist/index.js\n// module id = ./components/xo-device-info/dist/index.js\n// module chunks = 0","\n\ndefine(['jquery', 'squid/index', 'text!./template.html', 'xo-models/src/checkout/index', 'xo-models/src/user/index', 'xo-ui-components/src/error-tooltip/directive'], function ($, squid, template) {\n\n squid.module('xo-add-tax-id.directive', ['squid', 'xomodel.checkout', 'xomodel.user', 'xo-error-tooltip.directive']).directive('xoAddTaxId', function () {\n return {\n scope: {\n token: '=',\n finish: '='\n },\n template: template,\n\n controller: function controller($scope, $populate, $state, $element, $CheckoutSessionModel, $UserInfoModel, $CheckoutCartModel) {\n\n function thenFunction() {\n var taxIdType = 'CPF';\n if ($scope.checkoutSession.errorData && $scope.checkoutSession.errorData.cause === 'NEED_BUSINESS_TAX_INFO_TO_PAY') {\n taxIdType = 'CNPJ';\n }\n var issuer = 'BR_' + taxIdType;\n $scope.subType = taxIdType;\n\n $scope.userInfo = $UserInfoModel.instance($scope.token);\n\n $scope.onSubmit = function () {\n // Scrub the formatting when invoking the backend services.\n var unformatted = ($scope.taxId || '').replace(/[^0-9]+/g, '');\n var data = {\n newDocId: {\n type: 'TAX_ID',\n subType: $scope.subType,\n issuerCountry: 'BR',\n issuer: issuer,\n value: unformatted,\n collectionPoint: 'UNKNOWN',\n placeOfIssue: 'BR'\n }\n };\n\n $scope.userInfo.action('addTaxId', {\n data: data,\n\n success: function success() {\n var checkoutSession = $CheckoutSessionModel.instance($scope.token);\n var checkoutCart = $CheckoutCartModel.instance($scope.token);\n return checkoutSession.action('create', {\n data: {\n baToken: checkoutCart.billing && checkoutCart.billing.ba_token\n },\n success: function success() {\n // Clear the errors if create checkout session was successful\n $scope.checkoutSession.errorData = undefined;\n $scope.finish();\n }\n });\n },\n\n validation: function validation(validationData) {\n var $el = $($element);\n var $field = $($el.find('[name=\"' + validationData.field + '\"]'));\n $field.addClass('backendError');\n $field.attr('aria-invalid', true);\n $field.focus();\n }\n });\n };\n\n $scope.changeTaxId = function (newValue) {\n var unformatted = (newValue || '').replace(/[^0-9]+/g, '');\n var formatted = '';\n var i = 0;\n\n // For CPF we will format the output with dots and dashes like this:\n // 999.999.999-99\n if ($scope.subType === 'CPF') {\n for (i = 0; i < unformatted.length; i++) {\n if (i === 3 || i === 6) {\n formatted = formatted + '.';\n }\n if (i === 9) {\n formatted = formatted + '-';\n }\n formatted = formatted + unformatted.charAt(i);\n }\n $scope.taxId = formatted;\n // For CNPJ we will format the output with dots, dashes, and slashes like this:\n // 99.999.999/9999-99\n } else if ($scope.subType === 'CNPJ') {\n for (i = 0; i < unformatted.length; i++) {\n if (i === 2 || i === 5) {\n formatted = formatted + '.';\n } else if (i === 8) {\n formatted = formatted + '/';\n } else if (i === 12) {\n formatted = formatted + '-';\n }\n formatted = formatted + unformatted.charAt(i);\n }\n $scope.taxId = formatted;\n } else {\n $scope.taxId = unformatted;\n }\n };\n }\n\n $populate($scope, {\n checkoutSession: $CheckoutSessionModel.instance($scope.token)\n }).then(thenFunction());\n }\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-form-components/src/add-tax-id/directive.js\n// module id = ./components/xo-form-components/src/add-tax-id/directive.js\n// module chunks = 0","\n\nrequire('xo-ui-components/src/directionality/directive');\n\ndefine(['jquery', 'squid/index', 'text!./template.html'], function ($, squid, template) {\n\n squid.module('xo-dob-input.directive', ['squid']).directive('dobValidation', function () {\n\n return {\n require: 'ngModel',\n link: function link(scope, element, attr, ctrl) {\n\n // init scope vars\n // age - above 18 yrs\n // validDate - months <= 12 and day <= 31 or based on month\n scope.isValidDate = true;\n scope.isValidAge = true;\n scope.isValid = false;\n scope.dobToolTip = 'hide';\n\n function isValidDate(year, month, day) {\n // dates like 02/31 33/33 should return false\n var date = new Date(year, month, day);\n\n var fullYear = date.getFullYear();\n var dateMonth = date.getMonth();\n var dateDay = date.getDate();\n\n // If birth year is in the future or before 1900, dob is invalid\n var now = new Date();\n if (fullYear > now.getFullYear() || fullYear < 1900) {\n return false;\n }\n\n if (fullYear === parseInt(year, 10) && dateMonth === parseInt(month, 10) && dateDay === parseInt(day, 10)) {\n return true;\n }\n return false;\n }\n\n function isOfLegalAge(birthDate) {\n // user should be of exact 18 years of age or older\n var tempDate = new Date(birthDate.getFullYear() + 18, birthDate.getMonth(), birthDate.getDate());\n return tempDate <= new Date().setHours(0, 0, 0, 0);\n }\n\n /**\n * Parses input value to set corresponding day, month, year values for scope\n * @param {String} inputVal - the value to be parsed\n */\n function parseDob(inputVal) {\n var day;\n var month;\n var year;\n\n var sep = scope.dateSeparator();\n var partsArr = inputVal.split(sep);\n var first = partsArr[0];\n var sec = partsArr[1];\n var third = partsArr[2];\n\n if (scope.dateFormat() === 'DMY') {\n day = first;\n month = sec;\n year = third;\n } else if (scope.dateFormat() === 'YMD') {\n year = first;\n month = sec;\n day = third;\n } else {\n month = first;\n day = sec;\n year = third;\n }\n\n // Validate only on entering the last digit of the dob\n var dayLen = ('' + day).length;\n var monLen = ('' + month).length;\n var yrLen = ('' + year).length;\n var validDay = dayLen === 1 || dayLen === 2;\n var validMon = monLen === 1 || monLen === 2;\n var validYr = yrLen === 4;\n var requirement = validDay && validMon && validYr;\n\n if (requirement) {\n scope.isValidDate = isValidDate(year, month - 1, day);\n\n scope.isValidAge = isOfLegalAge(new Date(year, month - 1, day));\n scope.isValid = scope.isValidDate && scope.isValidAge;\n scope.dobToolTip = scope.isValid ? 'hide' : 'show';\n\n scope.user.dob_day = day;\n scope.user.dob_month = month;\n scope.user.dob_year = year;\n } else {\n scope.isValid = false;\n }\n\n ctrl.$setValidity('dobText', scope.isValid);\n\n return inputVal;\n }\n\n /**\n * Validates the inputted DOB value\n * @param {string} ngModelValue - the to-be mutated input value\n * onComplete for mask listener - called when user copy/pastes DOB into the field\n */\n scope.dobValidator = function dobValidator(ngModelValue) {\n var input = element;\n var dateMask = scope.dateMask();\n input.mask(dateMask, {\n translation: {\n 'Z': {\n pattern: /[0-9]/, optional: true\n },\n '0': {\n pattern: /[0-9]/, optional: false\n }\n },\n onComplete: function onComplete(val) {\n ngModelValue = val;\n return parseDob(ngModelValue);\n }\n });\n\n return parseDob(ngModelValue);\n };\n\n scope.dobTester = function dobTester(val) {\n return parseDob(val);\n };\n\n ctrl.$parsers.push(scope.dobValidator);\n }\n };\n }).directive('xoDobInput', function () {\n return {\n template: template,\n restrict: 'E',\n scope: {\n user: '='\n },\n controller: function controller($scope, $locale, $pxp) {\n\n // To support additional date separators, simply add separator to getDateSeparators function\n var DateManager = {\n dateSeparator: undefined,\n dateFormat: undefined,\n griffinDateEntry: undefined,\n\n _init_: function _init_() {\n this.griffinDateEntry = $locale.metadata.dateEntry;\n this.dateSeparator = this.getDateSeparator(this.griffinDateEntry);\n this.dateFormat = undefined;\n this.dateFormat = this.getDateFormat();\n this.dateRegex = this.getDateRegex();\n // dob validator depends on dateFormat function in $scope, so context is bound.\n $scope.dateFormat = this.getDateFormat.bind(this);\n $scope.dateSeparator = this.getDateSeparator.bind(this, this.griffinDateEntry);\n $scope.dateMask = this.getDateMask.bind(this, this.dateSeparator);\n this.getDobNumericCheck();\n },\n getDateFormat: function getDateFormat() {\n // cache date format value, must be unset on init\n if (this.dateFormat) {\n return this.dateFormat;\n }\n\n var griffinDateFormat = $locale.metadata.dateFormat.toUpperCase();\n var dateFormatComponents = griffinDateFormat.split(this.dateSeparator);\n\n // Trim the white space in griffin dateFormat\n // Eg: SK dateFormat is MM. DD. YYYY - here we need to strip spaces\n dateFormatComponents = dateFormatComponents.map(function (str) {\n return str.trim();\n });\n\n var dIdx = dateFormatComponents.indexOf('DD'),\n mIdx = dateFormatComponents.indexOf('MM');\n\n var formatComponentMap = this.getFormatComponentIdxMappings();\n if (formatComponentMap['DMY'].day === dIdx && formatComponentMap['DMY'].month === mIdx) {\n return 'DMY';\n } else if (formatComponentMap['MDY'].day === dIdx && formatComponentMap['MDY'].month === mIdx) {\n return 'MDY';\n }\n return 'YMD';\n },\n setDobTextPlaceHolder: function setDobTextPlaceHolder() {\n $scope.dobTextPlaceholder = this.griffinDateEntry.toUpperCase();\n },\n dobTextKeyupHandler: function dobTextKeyupHandler(event) {\n this.updateDobBindings(true);\n },\n getDobNumericCheck: function getDobNumericCheck() {\n return $pxp('xo_xoon_numeric_keypad_expirydob', { 'ctx.COUNTRY': $locale.country }, 'xo_xoon_numeric_keypad_expirydob_test').then(function (result) {\n if (result) {\n $scope.dobTextInputType = 'tel';\n }\n });\n },\n /**\n * Absolutely makes sure that dob input doesn't contain bad characters.\n * Called on any chatacter input AND on locale change.\n */\n updateDobBindings: function updateDobBindings(change) {\n var cleanedDob = ($scope.dob.value || '').replace(this.dateRegex, '');\n $scope.dob.value = cleanedDob;\n\n // This way, our dob value is always formatted correctly.\n if (change) {\n $scope.dob.value = $('#dobText').val();\n }\n },\n // Dynamically construct regex to only include date separator supported by country and nondigits\n getDateRegex: function getDateRegex() {\n var escapedRegexChars = ['.', '$', '^', '{', '[', '(', '|', ')', '*', '+', '?', '\\\\'];\n var sep = this.dateSeparator;\n var assembledRegex = '[^0-9' + (escapedRegexChars.indexOf(sep) !== -1 ? '\\\\' + sep : sep) + ']';\n return new RegExp(assembledRegex, 'gi');\n },\n getDateMask: function getDateMask(dateSeparator) {\n var dateFormat = this.dateFormat;\n if (dateFormat === 'DMY' || dateFormat === 'MDY') {\n return '0Z' + dateSeparator + '0Z' + dateSeparator + '0000';\n }\n\n return '0000' + dateSeparator + '0Z' + dateSeparator + '0Z';\n },\n getDateSeparator: function getDateSeparator(dateEntry) {\n var ret = '';\n this.getDateSeparators().forEach(function (ele, iter) {\n // eslint-disable-line\n if (dateEntry.indexOf(ele) !== -1) {\n ret = ele;\n }\n });\n return ret;\n },\n // To add any additional date separators, simply add them to the returned array.\n getDateSeparators: function getDateSeparators() {\n return ['-', '.', '/'];\n },\n // Handles changes in date component order or date separator change.\n updateDateInputForFormat: function updateDateInputForFormat(oldFormat, newFormat, oldSeparator) {\n var curDateVal = $scope.dob.value || '';\n\n // Clear dob input if date is incomplete so user can see updated placeholder\n if (curDateVal.length < 8) {\n $scope.dob.value = '';\n return;\n }\n\n var formatComponentIdxMappings = this.getFormatComponentIdxMappings(),\n oldFormatIdxMapping = formatComponentIdxMappings[oldFormat],\n newFormatIdxMapping = formatComponentIdxMappings[newFormat];\n var oldDateComponents = curDateVal.split(oldSeparator),\n newDateComponents = ['', '', ''];\n\n newDateComponents[newFormatIdxMapping.day] = oldDateComponents[oldFormatIdxMapping.day];\n newDateComponents[newFormatIdxMapping.month] = oldDateComponents[oldFormatIdxMapping.month];\n newDateComponents[newFormatIdxMapping.year] = oldDateComponents[oldFormatIdxMapping.year];\n $scope.dob.value = newDateComponents.join(this.dateSeparator);\n },\n getFormatComponentIdxMappings: function getFormatComponentIdxMappings() {\n return {\n 'DMY': {\n 'day': 0,\n 'month': 1,\n 'year': 2\n },\n 'MDY': {\n 'day': 1,\n 'month': 0,\n 'year': 2\n },\n 'YMD': {\n 'day': 2,\n 'month': 1,\n 'year': 0\n }\n };\n },\n prefillFetchedDob: function prefillFetchedDob() {\n if ($scope.user && $scope.user.dob_day && $scope.user.dob_month && $scope.user.dob_year) {\n if (!$scope.dob) {\n $scope.dob = {};\n }\n\n if (this.dateFormat === 'DMY') {\n $scope.dob.value = $scope.user.dob_day + this.dateSeparator + $scope.user.dob_month + this.dateSeparator + $scope.user.dob_year;\n } else if (this.dateFormat === 'YMD') {\n $scope.dob.value = $scope.user.dob_year + this.dateSeparator + $scope.user.dob_month + this.dateSeparator + $scope.user.dob_day;\n } else {\n $scope.dob.value = $scope.user.dob_month + this.dateSeparator + $scope.user.dob_day + this.dateSeparator + $scope.user.dob_year;\n }\n } else {\n $scope.dob = {\n value: ''\n };\n }\n }\n };\n\n DateManager._init_();\n DateManager.setDobTextPlaceHolder();\n DateManager.prefillFetchedDob();\n\n $scope.onDobTextKeyup = function (event) {\n DateManager.dobTextKeyupHandler(event);\n };\n\n $scope.$on('localeChange', function () {\n var oldDateFormat = DateManager.dateFormat;\n var oldSeparator = DateManager.dateSeparator;\n DateManager._init_();\n DateManager.updateDateInputForFormat(oldDateFormat, DateManager.dateFormat, oldSeparator);\n DateManager.updateDobBindings(false);\n DateManager.setDobTextPlaceHolder();\n });\n }\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-form-components/src/dob-input/directive.js\n// module id = ./components/xo-form-components/src/dob-input/directive.js\n// module chunks = 0","\n\ndefine(['squid/index', 'text!./template.html', 'xo-ui-components/src/tooltip/directive'], function (squid, template) {\n squid.module('xo-dob-nationalid.directive', ['squid', 'xo-tooltip.directive']).directive('xoDobNationalid', function () {\n var padNumber = function padNumber(num) {\n return num.toString().replace(/^(\\d)$/, '0$1');\n };\n /**\n * Create an array from a start and end number.\n * @param {Number} start\n * @param {Number} end\n * @return {Array}\n */\n var getRange = function getRange(start, end) {\n var arr = [];\n // decide how this array shall be sorted\n if (start < end) {\n for (; start <= end; start++) {\n arr.push(padNumber(start));\n }\n } else {\n for (; start >= end; start--) {\n arr.push(padNumber(start));\n }\n }\n return arr;\n };\n\n return {\n template: template,\n scope: {\n pi: '='\n },\n\n controller: function controller($scope) {\n\n $scope.init = function () {\n var thisYear = new Date().getFullYear();\n $scope.days = getRange(1, 31);\n $scope.months = getRange(1, 12);\n $scope.years = getRange(thisYear - 18, thisYear - 110);\n };\n $scope.init();\n }\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-form-components/src/dob-nationalid/directive.js\n// module id = ./components/xo-form-components/src/dob-nationalid/directive.js\n// module chunks = 0","\n\nexports.__esModule = true;\n\nvar _squid = require('squid');\n\nrequire('xo-ui-components/src/directionality/directive');\n\nrequire('xo-ui-components/src/error-tooltip/directive');\n\nrequire('xo-validation/dist/directive');\n\nrequire('./styles');\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Component.extend('xoEmailInput', {\n tag: 'xo-email-input',\n template: _template2['default'],\n props: {\n user: {\n type: 'var',\n required: 'true'\n },\n disabled: {\n type: 'var',\n required: 'false'\n },\n hideHelper: {\n type: 'var', // flow: Optional string, if \"signup\" then use the Signup tooltip\n required: 'false'\n },\n flags: {\n type: 'var',\n required: 'false'\n }\n },\n lifecycle: {\n enter: function enter() {\n this.flags = this.flags ? this.flags : {};\n }\n }\n});\n\n\n_squid.$Component;\nmodule.exports = exports['default'];\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-form-components/src/emailInput/directive.js\n// module id = ./components/xo-form-components/src/emailInput/directive.js\n// module chunks = 0","module.exports = \"
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-member-components/src/card-backup/template.html\n// module id = ./components/xo-member-components/src/card-backup/template.html\n// module chunks = 0","\n\nexports.__esModule = true;\nexports.$xoMsbOffer = undefined;\n\nvar _squid = require('squid');\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nrequire('xo-ui-components/src/tooltip/directive');\n\nrequire('./styles');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n/**\n * Component for rendering Merchant specific balance on the review page for multi fi\n * It renders on top of the list of the FI's\n * As far as we know - there can only be 1 msb applied per plan\n * and so each should have \"incentive\" attached\n*/\nvar $xoMsbOffer = exports.$xoMsbOffer = _squid.$Component.extend('$xoMsbOffer', {\n tag: 'xo-msb-offer',\n template: _template2['default'],\n props: {\n /**\n * incentive field from FI object\n */\n msb: {\n type: 'var'\n }\n },\n lifecycle: {\n enter: function enter() {\n var msb = this.props.msb;\n\n\n this.amount = (0, _squid.formatCurrency)(msb.amount.value, msb.amount.currency);\n this.minPurchaseAmount = msb.minPurchaseAmount;\n }\n }\n});\n\nangular.value(\"$xoMsbOffer\", $xoMsbOffer);\n_squid.$Component;\n\n_squid.formatCurrency;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-member-components/src/msb-offer/directive.js\n// module id = ./components/xo-member-components/src/msb-offer/directive.js\n// module chunks = 0","module.exports = \"
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-third-party-components/src/review-paywith-venmo/template.html\n// module id = ./components/xo-third-party-components/src/review-paywith-venmo/template.html\n// module chunks = 0","\n\nexports.__esModule = true;\nexports.thirdPartyExperience = exports.venmoExperience = exports.thirdPartyInfo = undefined;\n\nvar _angular = require('angular');\n\nvar _index = require('xo-device-info/dist/index');\n\nvar _squid = require('squid');\n\nvar _auth = require('xo-models/src/auth');\n\nvar _checkout = require('xo-models/src/checkout');\n\nvar _sessionStorage = require('./sessionStorage');\n\nvar _sessionStorage2 = _interopRequireDefault(_sessionStorage);\n\nvar _logger = require('xo-beaver/dist/logger');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n// TODO: Check how the cookie should be read/set (through meta? if read on server side)\nvar PWV_COOKIE = 'pwv';\n\nvar readCookie = function readCookie(name) {\n var nameEQ = name + '=';\n var ca = document.cookie.split(';');\n for (var i = 0; i < ca.length; i++) {\n var c = ca[i];\n while (c.charAt(0) === ' ') {\n c = c.substring(1, c.length);\n }\n if (c.indexOf(nameEQ) === 0) {\n return c.substring(nameEQ.length, c.length);\n }\n }\n return null;\n};\n\nvar thirdPartyInfo = exports.thirdPartyInfo = {\n isThirdPartyEligible: function isThirdPartyEligible() {\n var _this = this;\n\n // This utility returns a promise\n\n return this.isBaiduEligible().then(function (baiduEligibility) {\n return _this.isVenmoEligible() || baiduEligibility;\n });\n },\n isBaiduEligible: function isBaiduEligible() {\n // This utility return a promise\n\n return _checkout.$FlowEligibilityModel.instance(_angular.$rootScope.token, {\n params: {\n geolocation: _squid.$meta.geolocation\n }\n }).retrieve().then(function (eligibility) {\n _logger.$logger.info('baidu_eligibility', eligibility);\n return eligibility.baiduWallet;\n });\n },\n\n\n // Handler to call to determine if user can use Venmo\n isVenmoEligible: function isVenmoEligible() {\n\n var appData = _checkout.$CheckoutAppDataModel.instance(_angular.$rootScope.token);\n var cart = _checkout.$CheckoutCartModel.instance(_angular.$rootScope.token);\n\n var merchantCountry = appData.get('merchant.merchant_country');\n var isProcessorDeclined = appData.get('flags.processor_declined');\n var isInvoice = appData.get('flags.is_invoice_flow');\n var isBillingAgreement = cart.isBilling();\n\n var isMobile = _index.$DeviceInfo.isDevice();\n var isVenmoCookie = this.isVenmoCookiePresent();\n var isSFAuthenticationSession = _squid.$util.param('bt_int_type') === '2';\n var isMSPTransaction = cart.isMultiSellerPurchase();\n\n var eligibilityParams = {\n isMobile: isMobile,\n isVenmoCookie: isVenmoCookie,\n isNotInvoice: !isInvoice,\n isNotProcessorDeclined: !isProcessorDeclined,\n isNotBillingAgreement: !isBillingAgreement,\n isUSMerchant: merchantCountry === 'US',\n isNotSFAuthenticationSession: !isSFAuthenticationSession,\n isNotMSPTransaction: !isMSPTransaction\n };\n\n var venmoEligibility = Object.keys(eligibilityParams).filter(function (param) {\n return !eligibilityParams[param];\n });\n venmoEligibility = venmoEligibility && venmoEligibility.length > 0 ? 'ineligible:' + venmoEligibility.join() : 'eligible';\n\n _logger.$logger.info('venmo_eligibility', venmoEligibility);\n\n _logger.$logger.info('checkout_fpti', {\n 'is_venmo_cookie': isVenmoCookie ? '1' : '0',\n 'eligibility_reason': venmoEligibility\n });\n\n return Boolean(venmoEligibility === 'eligible');\n },\n isVenmoCookiePresent: function isVenmoCookiePresent() {\n var cookieValue = readCookie(PWV_COOKIE);\n return Boolean(cookieValue);\n },\n\n\n // Build the venmo URL scheme\n buildVenmoURL: function buildVenmoURL() {\n // SCHEME needs to change according to old or new experience\n // const linkType = venmoUrlSchemeType();\n var SCHEME = _squid.$config.urls && _squid.$config.urls.venmoAppSwitchURL['universal'];\n var VENMO_ROUTE = '#/checkout/venmo';\n var LOGIN_ROUTE = '#/checkout/login?venmoError=true';\n\n var cartModel = _checkout.$CheckoutCartModel.instance(_angular.$rootScope.token);\n\n var params = (0, _angular.$httpParamSerializer)({\n 'x-success': _angular.$location.absUrl().replace(/#.*$/, VENMO_ROUTE),\n 'x-failure': _angular.$location.absUrl().replace(/#.*$/, LOGIN_ROUTE),\n 'ua': _angular.$window.navigator.userAgent,\n 'merchant_id': _checkout.$CheckoutPayeeModel.instance(_angular.$rootScope.token).getId(),\n 'token': _angular.$rootScope.token,\n 'total': cartModel.purchase.amounts.total.amount,\n 'currency': cartModel.purchase.amounts.total.currency_code,\n 'intent': cartModel.payment_action\n });\n\n return SCHEME + 'paypal/checkout?' + params;\n }\n};\n\nvar venmoExperienceKey = 'VENMO_EXPERIENCE';\n\n// Get whether a token is marked as Venmo experience.\nvar venmoExperience = exports.venmoExperience = {\n set: function set(token) {\n var sessionStorage = (0, _sessionStorage2['default'])();\n sessionStorage.setItem(venmoExperienceKey, token);\n },\n get: function get(token) {\n var auth = _auth.$AuthModel.instance();\n var sessionStorage = (0, _sessionStorage2['default'])();\n if (auth.logged_in && auth.guest && // Check if Venmo guest account logged in\n sessionStorage.getItem(venmoExperienceKey) === token) {\n return true;\n } else {\n this.set(null);\n return false;\n }\n }\n};\n\nvar allowedThirdPartyExperiences = {\n VENMO: 'VENMO_EXPERIENCE',\n BAIDU: 'BAIDU_EXPERIENCE'\n};\n\nvar THIRD_PARTY_NAMESPSACE = 'THIRD_PARTY_EXPERIENCE';\n\nvar thirdPartyExperience = exports.thirdPartyExperience = {\n setAsVenmoExperience: function setAsVenmoExperience(token) {\n var _JSON$stringify;\n\n var sessionStorage = (0, _sessionStorage2['default'])();\n\n var payload = JSON.stringify((_JSON$stringify = {}, _JSON$stringify[token] = allowedThirdPartyExperiences['VENMO'], _JSON$stringify));\n\n sessionStorage.setItem(THIRD_PARTY_NAMESPSACE, payload);\n },\n setAsBaiduExperience: function setAsBaiduExperience(token) {\n var _JSON$stringify2;\n\n var sessionStorage = (0, _sessionStorage2['default'])();\n\n var payload = JSON.stringify((_JSON$stringify2 = {}, _JSON$stringify2[token] = allowedThirdPartyExperiences['BAIDU'], _JSON$stringify2));\n\n sessionStorage.setItem(THIRD_PARTY_NAMESPSACE, payload);\n },\n isThirdPartyExperience: function isThirdPartyExperience(token) {\n\n var availableExperiences = [];\n\n for (var key in allowedThirdPartyExperiences) {\n availableExperiences.push(allowedThirdPartyExperiences[key]);\n }\n\n var currentExperience = this.getExperience(token);\n\n return Boolean(availableExperiences.indexOf(currentExperience) > -1);\n },\n getExperience: function getExperience(token) {\n var auth = _auth.$AuthModel.instance();\n var sessionStorage = (0, _sessionStorage2['default'])();\n\n // if logged in, and guest, we return the experience if any\n if (auth.logged_in && auth.guest && sessionStorage.getItem(THIRD_PARTY_NAMESPSACE)) {\n var payload = JSON.parse(sessionStorage.getItem(THIRD_PARTY_NAMESPSACE) || '');\n return payload && payload[token] || 'MEMBER_EXPERIENCE';\n } else {\n\n // If not logged in, we reset the third party experience\n this.resetThirdPartyExperience();\n return 'MEMBER_EXPERIENCE';\n }\n },\n resetThirdPartyExperience: function resetThirdPartyExperience() {\n var sessionStorage = (0, _sessionStorage2['default'])();\n sessionStorage.removeItem(THIRD_PARTY_NAMESPSACE);\n }\n};\n\n_angular.$rootScope;\n\n_angular.$window;\n\n_angular.$location;\n\n_angular.$httpParamSerializer;\n\n_index.$DeviceInfo;\n\n_squid.$config;\n\n_squid.$util;\n\n_squid.$meta;\n\n_auth.$AuthModel;\n\n_checkout.$CheckoutPayeeModel;\n\n_checkout.$CheckoutCartModel;\n\n_checkout.$CheckoutAppDataModel;\n\n_checkout.$FlowEligibilityModel;\n\n_logger.$logger;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-third-party-components/src/thirdParty-info/index.js\n// module id = ./components/xo-third-party-components/src/thirdParty-info/index.js\n// module chunks = 0","\n\nexports.__esModule = true;\nexports['default'] = getSessionStorage;\nvar store = {};\n\n// Polyfill for sessionStorage if not available. Simple variable store\n\nfunction getSessionStorage() {\n try {\n\n window['sessionStorage'].setItem('__feature_test__', '0');\n window['sessionStorage'].removeItem('__feature_test__');\n return window.sessionStorage;\n } catch (err) {\n return {\n getItem: function getItem(key) {\n if (arguments < 1) {\n throw new Error('1 argument required');\n }\n return store[key];\n },\n setItem: function setItem(key, val) {\n if (arguments < 2) {\n throw new Error('2 arguments required');\n }\n store[key] = val;\n },\n removeItem: function removeItem(key) {\n\n delete store[key];\n }\n };\n }\n}\nmodule.exports = exports['default'];\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-third-party-components/src/thirdParty-info/sessionStorage.js\n// module id = ./components/xo-third-party-components/src/thirdParty-info/sessionStorage.js\n// module chunks = 0","\n\nexports.__esModule = true;\n\nvar _squid = require('squid');\n\nvar _checkout = require('xo-models/src/checkout');\n\nvar _index = require('xo-models/src/fi/index');\n\nvar _venmoModels = require('xo-third-party-components/src/venmo-models');\n\nrequire('xo-address-components/src/add-address/directive');\n\nrequire('xo-page-components/src/aside-header/directive');\n\nrequire('xo-ui-components/src/accessibility/directive');\n\nrequire('xo-ui-components/src/error-tooltip/directive');\n\nvar _jquery = require('jquery');\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nrequire('./style');\n\nvar _logger = require('xo-beaver/dist/logger');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Component.extend('$VenmoAddBilling', {\n tag: 'venmo-add-billing',\n template: _template2['default'],\n\n props: {\n token: {\n type: 'var',\n optional: false\n },\n sidebar: {\n type: 'var',\n optional: false\n }\n },\n\n resolve: {\n models: function models() {\n return {\n checkoutSession: _checkout.$CheckoutSessionModel.instance(this.token).retrieve()\n };\n }\n },\n\n lifecycle: {\n enter: function enter() {\n this.country = _squid.$locale.getCountryCodeISO();\n this.billing = true;\n this.address = this.address || { country: this.country };\n },\n populate: function populate() {\n\n var $el = (0, _jquery2['default'])(this.$element);\n\n var handleValidation = function handleValidation(res) {\n if (res && res.fields && res.fields.length) {\n res.fields.forEach(function (field) {\n if (field.field) {\n var $field = (0, _jquery2['default'])($el.find('[name=\"' + field.field + '\"]'));\n\n if ($field.length === 0 && field.field === 'zip') {\n $field = (0, _jquery2['default'])($el.find('[ng-model=\"address.postal_code\"], [ng-model=\"zipCode\"]'));\n }\n $field.addClass('backendError');\n $field.attr('aria-invalid', true);\n }\n });\n }\n\n $el.find('form').find('.backendError, .ng-invalid').first().focus();\n };\n\n this.done = function () {\n this.goto('checkout.review');\n };\n\n this.error = function () {\n this.goto('checkout.login', { venmoError: true });\n };\n\n this.onSubmit = function () {\n this.validateAddress();\n };\n\n this.validateAddress = function () {\n\n var self = this;\n var newBilling = new _index.$BillingAddressModel({\n line1: this.address.line1,\n line2: this.address.line2,\n city: this.address.city,\n state: this.address.state,\n postal_code: this.address.postal_code,\n country: this.country,\n id: '0'\n });\n\n newBilling.save({\n success: function success() {\n if (self && self.models && self.models.checkoutSession && self.models.checkoutSession.plan && self.models.checkoutSession.plan.sources && self.models.checkoutSession.plan.sources['0'] && self.models.checkoutSession.plan.sources['0'].instrument_id) {\n var instrumentID = self.models.checkoutSession.plan.sources['0'].instrument_id;\n self.saveBillingAddressAndReturn(instrumentID);\n } else {\n self.error();\n }\n },\n\n validation: function validation(res) {\n handleValidation(res);\n },\n\n error: function error(err) {\n _logger.$logger.error('venmoBillingAddressValidateError', err);\n self.error();\n }\n\n });\n };\n\n this.saveBillingAddressAndReturn = function (instrumentID) {\n\n var self = this;\n\n var add = {\n newAddress: {\n address1: this.address.line1,\n address2: this.address.line2,\n city: this.address.city,\n state: this.address.state,\n zip: this.address.postal_code,\n isoCountry: this.country\n }\n };\n\n var billingAddress = new _index.$AddBillingAddressModel({ instrumentid: instrumentID });\n\n billingAddress.save({\n data: add,\n\n success: function success() {\n _logger.$logger.info(['venmo-billing directive', 'Billing Address', 'added'].join('::'));\n\n // Fix: Need to have a better solution\n _logger.$logger.info(['venmo-billing directive', 'Calling checkout session again'].join('::'));\n var sessionModel = _checkout.$CheckoutSessionModel.instance(self.token);\n var cartModel = _checkout.$CheckoutCartModel.instance(self.token);\n var venmoOnboardModel = _venmoModels.$VenmoOnboardModel.instance(self.token);\n\n sessionModel.action('create', {\n data: {\n fraudnet_id: cartModel.supplementary && cartModel.supplementary.risk_correlation_id,\n baToken: cartModel.billing && cartModel.billing.ba_token,\n user_selected_funding_source: {\n dcvv: venmoOnboardModel.dcvv,\n product_name: 'VENMO_US_PPMERCHANT_SINGLEUSETOKEN'\n },\n is_skip_gfo: true\n },\n success: function success() {\n self.done();\n }\n });\n },\n\n validation: function validation(err) {\n _logger.$logger.error('venmoBillingAddressValidationError', err);\n self.error();\n },\n\n error: function error(err) {\n _logger.$logger.error('venmoAddBillingAddressError', err);\n self.error();\n }\n });\n };\n }\n }\n\n});\n\n\n_squid.$Component;\n\n_squid.$locale;\n\n_checkout.$CheckoutSessionModel;\n\n_checkout.$CheckoutCartModel;\n\n_index.$BillingAddressModel;\n\n_index.$AddBillingAddressModel;\n\n_venmoModels.$VenmoOnboardModel;\n\n_logger.$logger;\nmodule.exports = exports['default'];\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-third-party-components/src/venmo-billing/directive.js\n// module id = ./components/xo-third-party-components/src/venmo-billing/directive.js\n// module chunks = 0","\n\nexports.__esModule = true;\n\nvar _squid = require('squid');\n\nvar _directive = require('./directive');\n\nvar _directive2 = _interopRequireDefault(_directive);\n\nrequire('xo-address-components/src/add-address/directive');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Route.extend('$VenmoAddBillingRoute', {\n path: 'addBilling',\n directive: _directive2['default'],\n titleContent: 'addBillingAddress.title',\n\n trackingData: {\n fptiState: 'edit_billing'\n },\n loginRequired: true\n});\n\n\n_squid.$Route;\nmodule.exports = exports['default'];\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-third-party-components/src/venmo-billing/route.js\n// module id = ./components/xo-third-party-components/src/venmo-billing/route.js\n// module chunks = 0","module.exports = \"
\\n\\n\\n
{{ content('addBillingAddress.title') }}
\\n\\n \\n
\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-third-party-components/src/venmo-billing/template.html\n// module id = ./components/xo-third-party-components/src/venmo-billing/template.html\n// module chunks = 0","\n\nexports.__esModule = true;\nexports.$VenmoOnboardModel = undefined;\n\nvar _squid = require('squid');\n\nvar $VenmoOnboardModel = exports.$VenmoOnboardModel = _squid.$Model.extend('$VenmoOnboardModel', {\n api: new _squid.$Api({\n uri: '/api/venmo/onboard'\n })\n});\n\nangular.value(\"$VenmoOnboardModel\", $VenmoOnboardModel);\n_squid.$Model;\n\n_squid.$Api;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-third-party-components/src/venmo-models/index.js\n// module id = ./components/xo-third-party-components/src/venmo-models/index.js\n// module chunks = 0","\n\nvar _angular = require('angular');\n\ndefine(['squid/index', 'text!./template.html'], function (squid, template) {\n\n squid.module('xo-title.directive', ['squid']).directive('xoTitle', function () {\n return {\n template: template,\n restrict: 'E',\n scope: {\n titleTxt: '@',\n className: '@',\n tagName: '@'\n },\n link: function link($scope, $element) {\n if ($scope.tagName) {\n var newEl = document.createElement($scope.tagName || 'h1');\n\n newEl.className = $scope.className || 'alpha';\n newEl.textContent = '{{ titleTxt }}';\n (0, _angular.$compile)(newEl)($scope);\n $element.empty().append(newEl);\n }\n }\n };\n });\n});\n\n_angular.$compile;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-title/dist/directive.js\n// module id = ./components/xo-title/dist/directive.js\n// module chunks = 0","\n\ndefine(['angular', 'squid/index', './model'], function (angular) {\n\n (function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n })(window.angular);\n\n angular.module('tracking.builder', ['squid', 'tracking.model']).factory('$FptiBuilder', function ($Class, $locale, $rootScope, $FptiConstants, $FptiDataModel, $CalDataModel, $util, $getLatestCorrelationID) {\n /**\n * Build the front-end FPTI event from three data sources\n * 1. the per-product configuration\n * 2. the buzname defined per-route\n * 3. the additional attributes that only available at a specific checkpoint\n *\n */\n\n return $Class.extend('FptiBuilder', {\n\n resolvePageQualifier: function resolvePageQualifier(trackingData) {\n // The pages can populated pageQualifier to override the default one\n this.pageQualifier = trackingData && trackingData.pageQualifier ? trackingData.pageQualifier\n // because 'fullpage' has been widely embedded into routes\n // we had better to keep it as a place holder\n : 'fullpage'; // update later if it's in-context\n },\n\n build: function build() {\n\n if (!this.trackingData && !this.error) {\n // do nothing if neither page nor error tracking\n return this;\n }\n\n this.resolvePageQualifier(this.trackingData);\n\n this._dataObj = new $FptiDataModel().decorate('buzname', this.trackingData, this.pageQualifier, undefined, this.productOverride).decorate('templateName', this.trackingData, this.pageQualifier).decorate('locale', $locale).decorate('pageGoal', this.trackingData.pageGoal).decorate('ecToken', this.trackingData.token).decorate('correlationId', $getLatestCorrelationID()).decorate('uuid', $CalDataModel.getUUID()).decorate('fieldError', this.error).decorate('pageError', this.error).decorate('pageStartTime', new Date().getTime()).decorate('pxptrackingdata', this.trackingData.pxpData).decorate('transition_time', this.transition_time).decorate('cust', this.cust).decorate('dc', this.dc).decorate('az', this.az).decorate('comp', this.comp).getDataObject(this.isInContext);\n\n return this;\n },\n\n toString: function toString() {\n var dataAry = [];\n\n angular.forEach(this._dataObj, function (v, k) {\n dataAry.push(k + '=' + v);\n });\n\n return dataAry.join('&');\n }\n });\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-tracking/dist/builder.js\n// module id = ./components/xo-tracking/dist/builder.js\n// module chunks = 0","\n\ndefine(['angular', 'squid/index', 'xo-models/src/checkout/index'], function (angular) {\n\n (function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n })(window.angular);\n\n angular.module('button.tracking', ['squid', 'xomodel.checkout']).factory('$ButtonTrackingService', function ($rootScope, $http, $populate, $CheckoutAppDataModel, $CheckoutPayeeModel, $meta, $cookies) {\n\n var _beaconUrl = 'https://www.paypalobjects.com/en_US/i/scr/btn_tracking_pixel.gif?teal=null&Id=null&ru=null';\n var _beaconParams = ['fltk', 'calc', 'page', 'xe', 'xt'];\n var _alreadyFired = false;\n\n function _strToElements(str) {\n var elements = {};\n\n if (str && str.length) {\n str.split('&').forEach(function (param) {\n var nvp = param.split('=');\n\n elements[nvp[0]] = nvp[1];\n });\n }\n return elements;\n }\n\n function _fireButtonTrackingBeacon(elements) {\n var url = _beaconUrl;\n var xoData = {};\n\n function buildParam(param, value) {\n var p = '&' + param + '=' + (value ? value : 'null');\n\n return p;\n }\n\n function getGUIID(ts) {\n return _strToElements(ts).vr;\n }\n\n function addToDocument(uri) {\n var img = document.createElement('img');\n\n img.setAttribute('src', uri);\n document.body.appendChild(img);\n }\n\n // Get some params from FPTI data.\n _beaconParams.forEach(function (param) {\n url += buildParam(param, elements[param]);\n });\n\n // Build the rest of the params.\n url += buildParam('fpti', getGUIID($cookies && $cookies.ts));\n url += buildParam('WWW_AKA_MVT_BUTTONS', $cookies && $cookies.WWW_AKA_MVT_BUTTONS);\n url += buildParam('WWW_AKA_MVT_ID', $cookies && $cookies.WWW_AKA_MVT_ID);\n url += buildParam('ip', $meta && $meta.ipaddress);\n\n if ($rootScope.token) {\n $populate(xoData, {\n payee: $CheckoutPayeeModel.instance($rootScope.token),\n appData: $CheckoutAppDataModel.instance($rootScope.token)\n }).then(function () {\n url += buildParam('mrid', xoData.payee && xoData.payee.getId());\n url += buildParam('calf', xoData.appData && xoData.appData.flow_id);\n\n addToDocument(url);\n });\n } else {\n url += buildParam('mrid', null);\n url += buildParam('calf', null);\n addToDocument(url);\n }\n }\n\n return {\n fireBeacon: function fireBeacon(fptiData) {\n if (!_alreadyFired && fptiData) {\n var elements = _strToElements(fptiData);\n\n // Fire the beacon if this is a page render.\n if (elements.page) {\n _alreadyFired = true;\n return _fireButtonTrackingBeacon(elements);\n }\n }\n },\n resetAlreadyFired: function resetAlreadyFired() {\n _alreadyFired = false;\n }\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-tracking/dist/button.js\n// module id = ./components/xo-tracking/dist/button.js\n// module chunks = 0","\n\ndefine(['jquery', 'angular', 'uiRouter'], function ($, angular) {\n\n angular.module('tracking.directive', ['ui.router']).directive('trackSubmit', function ($state, $rootScope) {\n return {\n restrict: 'AE',\n link: function link($scope, element, attr) {\n element.on('mousedown', function (event) {\n var transition = attr && attr.trackSubmit;\n var trackSubmit = {\n currentRoute: $state.current,\n transition: transition,\n errors: []\n };\n\n angular.forEach($('input.ng-invalid, select.ng-invalid'), function (el) {\n var elem = $(el);\n var elementId = elem.attr('id');\n var elementName = elem.attr('name');\n var errorKey = elem.attr('data-error-key');\n var errorText = elem.has('required') ? 'required' : 'no error key';\n var fieldName = elementId ? elementId : elementName;\n\n if (!fieldName) {\n var elementModel = elem.attr('ng-model');\n\n fieldName = elementModel ? elementModel : 'unnamed-field';\n }\n\n trackSubmit.errors.push({\n fieldName: fieldName,\n errorMessage: errorKey ? errorKey : errorText\n });\n });\n\n $rootScope.$broadcast('trackSubmit', trackSubmit);\n });\n }\n };\n }).directive('trackLink', function ($state, $rootScope) {\n return {\n restrict: 'AE',\n link: function link($scope, element, attr) {\n element.on('mousedown', function (event) {\n\n var state = attr && attr.trackLink;\n\n if (state) {\n var trackLink = {\n currentRoute: $state.current,\n transition: state\n };\n\n $rootScope.$broadcast('trackLink', trackLink);\n }\n });\n }\n };\n }).directive('trackClick', function ($state, $rootScope) {\n return {\n restrict: 'AE',\n link: function link($scope, element, attr) {\n element.on('click', function (event) {\n var state = attr && attr.trackClick;\n\n if (state) {\n var trackClick = {\n currentRoute: $state.current,\n transition: state\n };\n\n $rootScope.$broadcast('trackClick', trackClick);\n }\n });\n }\n };\n }).directive('trackInput', function ($state, $rootScope) {\n /*\n * Track an input tag with track-input attribute\n * you can use the value of track-input attribute as\n * a tracking attr Eg.: track-input=\"xo_guest_yes\"\n */\n return {\n restrict: 'AE',\n link: function link($scope, element, attr) {\n element.on('click', function (event) {\n\n var state;\n\n if (event.target.type === 'checkbox') {\n if (event.target.checked) {\n state = attr && attr.trackInput + '_CHECKED';\n } else {\n state = attr && attr.trackInput + '_UNCHECKED';\n }\n } else {\n state = attr && attr.trackInput;\n }\n\n var trackInput = {\n currentRoute: $state.current,\n page: 'main:ec:hermes::fullpage-billing:guest:aries:'\n };\n\n if (state) {\n trackInput.transition = state;\n }\n\n $rootScope.$broadcast('trackInput', trackInput);\n });\n }\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-tracking/dist/directive.js\n// module id = ./components/xo-tracking/dist/directive.js\n// module chunks = 0","\n\ndefine(['angular', 'squid/index', './builder'], function (angular) {\n\n (function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n })(window.angular);\n\n angular.module('tracking.fpti', ['squid', 'tracking.builder']).factory('$fpti', function ($config, $FptiBuilder, $rootScope, $window, $util) {\n\n var _beaconUrl;\n\n // Logic to switch between production/staging urls. This way we don't pollute live logs,\n // and we are able to test on stage using the fpti log viewing tool.\n if ($config.deploy.isLocal() || $config.deploy.isStage()) {\n _beaconUrl = 'https://tracking.qa.paypal.com/webapps/tracking/ts'; // stage url\n } else {\n _beaconUrl = $config.urls && $config.urls.fptiBeaconUrl;\n }\n\n return {\n // Get all the tracking data defined at the page level\n getPageTrackingData: function getPageTrackingData(route) {\n route = route || {};\n\n var trackingData = route.trackingData || {};\n var routeParent = route.parent;\n\n trackingData.token = $rootScope.token;\n\n while (routeParent) {\n trackingData = angular.merge({}, routeParent.trackingData || {}, trackingData);\n routeParent = routeParent.parent;\n }\n return trackingData;\n },\n\n setupDataString: function setupDataString(route, err, data) {\n\n var trackingData = this.getPageTrackingData(route);\n var fptiData;\n\n var PAYPAL = window.PAYPAL;\n\n if (PAYPAL && typeof PAYPAL.analytics !== 'undefined') {\n PAYPAL.core = PAYPAL.core || {};\n\n var payload = {\n trackingData: trackingData,\n error: err,\n isInContext: $rootScope.miniBrowser\n };\n\n angular.extend(payload, data || {});\n\n fptiData = new $FptiBuilder(payload).build().toString();\n\n // FPTI client side tracking only if we have template\n if (route && route.template && angular.isFunction(PAYPAL.analytics.setup)) {\n PAYPAL.core.pta = PAYPAL.analytics.setup({\n data: fptiData,\n url: _beaconUrl\n });\n }\n }\n\n return fptiData;\n }\n };\n }).factory('$fptiError', function ($Error) {\n function stringifyErrorMessage(msg) {\n return encodeURIComponent(angular.isString(msg) ? msg.split('\\n').slice(0, 2).join('@') // Get the first two lines of stack\n : (angular.toJson(msg) || 'undefined').substring(0, 128));\n }\n\n return $Error.extend({\n construct: function construct(err) {\n if (!err) {\n return;\n }\n this.type = err.type;\n this.field = err.field;\n this.msg = stringifyErrorMessage(err.message || err.error);\n this.code = err.code || err.cause;\n }\n });\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-tracking/dist/fpti.js\n// module id = ./components/xo-tracking/dist/fpti.js\n// module chunks = 0","\n\n/**\n * xo-tracking encapsulates all the details about instrumentation\n * and only register event listeners during bootstrap\n *\n */\n\ndefine(['angular', './listener', './directive'], function (angular) {\n\n // Declare the dependency to register the listeners\n return angular.module('tracking', ['tracking.listener', 'tracking.directive']);\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-tracking/dist/index.js\n// module id = ./components/xo-tracking/dist/index.js\n// module chunks = 0","\n\ndefine(['angular', 'jquery', 'xo-beaver/dist/logger', './fpti', './button', 'xo-models/src/auth'], function (angular, $) {\n angular.module('tracking.listener', ['beaver', 'tracking.fpti', 'button.tracking']).run(function ($rootScope, $logger, $CalDataModel, $AuthModel, $fpti, $fptiError, $FptiConstants, $ButtonTrackingService, $timeout, $FptiBuilder, $meta, $config, $experiment, $util) {\n // eslint-disable-line max-statements\n\n var token = window.meta.token;\n\n var addTrackingData = function addTrackingData(object) {\n return $util.extend(object, {\n dc: $meta.dc,\n az: $meta.az,\n cust: $AuthModel.instance().buyer_id || '',\n comp: 'hermesnodeweb'\n });\n };\n\n var cplSettings = $config.enableCPL;\n\n var passesCplThrottle = cplSettings && (typeof cplSettings.throttle === 'undefined' || $experiment('cpl_tracking', cplSettings.throttle, token));\n\n var cplEnabled = passesCplThrottle || $util.params().forceEnableCPL;\n\n function logTransition(state) {\n return !(state.trackingData && state.trackingData.suppressTransitionLog);\n }\n\n function logStateExit(state) {\n return state.trackingData && state.trackingData.trackStateExit;\n }\n\n function getBeaconUrl() {\n // Logic to switch between production/staging urls. This way we don't pollute live logs,\n // and we are able to test on stage using the fpti log viewing tool.\n return $config.deploy.isLocal() || $config.deploy.isStage() ? 'https://tracking.qa.paypal.com/webapps/tracking/ts' // stage url\n : $config.urls && $config.urls.fptiBeaconUrl;\n }\n\n /*\n * Triggers pa.js recordClick with custom parameters\n */\n function fptiCustomRecordClick(route, customData) {\n var analyticsInstance, fptiData, fptiDataObj;\n var PAYPAL = window.PAYPAL;\n\n if (PAYPAL && typeof PAYPAL.analytics !== 'undefined') {\n PAYPAL.core = PAYPAL.core || {};\n\n analyticsInstance = new PAYPAL.analytics.Analytics();\n\n fptiData = new $FptiBuilder({\n trackingData: route.trackingData,\n isInContext: $rootScope.miniBrowser,\n comp: 'hermesnodeweb'\n // ... Other flow data pass-in here to resolve page qualifier\n }).build();\n\n // Grab the fpti data object and extend with custom params\n // The fpti data obj should include pxp params as well\n fptiDataObj = fptiData._dataObj;\n $.extend(fptiDataObj, customData);\n\n analyticsInstance.setRequestData(fptiDataObj);\n analyticsInstance.recordClick({\n url: getBeaconUrl()\n });\n }\n }\n\n $rootScope.$on('trackInput', function (event, trackInput) {\n if (!trackInput) {\n return;\n }\n var customData = {\n link: trackInput.transition,\n page: trackInput.page\n };\n\n fptiCustomRecordClick(trackInput.currentRoute, customData);\n });\n\n $rootScope.$on('trackClick', function (event, trackClick) {\n if (!trackClick) {\n return;\n }\n\n var customData = {\n link: trackClick.transition\n };\n\n fptiCustomRecordClick(trackClick.currentRoute, customData);\n });\n\n $rootScope.$on('trackSubmit', function (event, trackSubmit) {\n if (!trackSubmit) {\n return;\n }\n var currentRoute = trackSubmit.currentRoute;\n var routeName = currentRoute ? currentRoute.name : 'noRoute';\n\n $logger.info('track_submit', {\n route_name: routeName\n // ID stuff here later\n });\n\n if (logTransition(currentRoute)) {\n routeName = routeName.replace(/\\./g, '_');\n var state = currentRoute.trackingData && currentRoute.trackingData.fptiState || routeName;\n var transition = trackSubmit.transition || state;\n\n $logger.info(routeName + '_exit', {\n fptiState: state,\n fptiTransition: transition\n });\n }\n\n if (trackSubmit.errors && trackSubmit.errors.length) {\n var fptiFieldErrors = JSON.stringify(trackSubmit.errors);\n\n $logger.info('checkout_fpti', {\n form_field_errors: fptiFieldErrors\n });\n }\n\n var errors = trackSubmit.errors;\n\n if (angular.isArray(errors)) {\n errors.forEach(function (err) {\n $logger.debug('track_submit_error', err);\n if ($fpti) {\n $fpti.setupDataString(currentRoute, new $fptiError({\n type: 'fieldError',\n field: err.fieldName,\n code: err.errorMessage\n }));\n }\n });\n\n if (errors.length) {\n $logger.flush(true);\n }\n }\n });\n\n $rootScope.$on('unhandled_error', function (event, exception) {\n if ($fpti) {\n $fpti.setupDataString(exception.currentRoute, new $fptiError({\n type: 'pageError',\n message: exception.message,\n code: exception.cause\n }));\n }\n });\n\n $rootScope.$on('trackLink', function (event, trackLink) {\n if (!trackLink) {\n return;\n }\n\n var currentRoute = trackLink.currentRoute;\n var routeName = (currentRoute ? currentRoute.name : 'noRoute').replace(/\\./g, '_');\n var state = currentRoute.trackingData && currentRoute.trackingData.fptiState || routeName;\n\n $logger.info(routeName + '_exit', {\n fptiState: state,\n fptiTransition: trackLink.transition\n });\n });\n\n $rootScope.$on('$transition', function (event, data) {\n\n $timeout(function () {\n if ($fpti) {\n var fptiData = $fpti.setupDataString(data.toState, null, addTrackingData({\n transition_time: data.duration\n }));\n\n // This seems to conflict with CPL data, so don't fire if CPL\n if (!cplEnabled) {\n // Fire and forget button tracking beacon.\n $ButtonTrackingService.fireBeacon(fptiData);\n }\n }\n });\n });\n\n $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState) {\n\n var from = fromState.name.replace(/\\./g, '_');\n var to = toState.name.replace(/\\./g, '_');\n\n if (from && logTransition(fromState) && logStateExit(fromState)) {\n var trackingData = fromState.trackingData && fromState.trackingData || {};\n\n $logger.info(from + '_exit', { fptiState: trackingData.fptiState || from, fptiTransition: trackingData.fptiState || from });\n }\n\n $logger.info('state_change', {\n from: from || 'start',\n to: to || 'end'\n });\n\n // Generate a new CAL correlation_id to be shared until next flow transition (only for view states)\n if (toState.template) {\n $CalDataModel.generateMetaIds();\n }\n\n $rootScope.currentState = to;\n\n if (to && logTransition(toState)) {\n $logger.info(to + '_enter', { fptiState: toState.trackingData && toState.trackingData.fptiState || to });\n }\n });\n\n $rootScope.$on('page_loaded', function (event, from, to) {\n if (from !== 'checkout_init') {\n return;\n }\n var key = $FptiConstants.stateName[to] || 'review';\n var landing_page = $FptiConstants.landing_page[key];\n\n $logger.info('landing_page', {\n 'from': landing_page,\n 'to': 'process_page_loaded',\n fpti_landing_page: landing_page\n });\n });\n\n $rootScope.$on('page_reloaded', function () {\n $logger.flush(true);\n $CalDataModel.generateMetaIds();\n });\n\n $rootScope.$on('$stateChangeSuccess', function (event, toState) {\n var to = toState.name.replace(/\\./g, '_');\n\n if (toState.hasResolver && to) {\n $logger.info(to + '_load');\n } else if (to) {\n $logger.info(to + '_rendering');\n }\n });\n\n $rootScope.$on('addrDiff', function (event, addrDiff) {\n if (!addrDiff) {\n return;\n }\n\n $logger.info('checkout_fpti', addrDiff);\n });\n\n function getHash(url) {\n if (!url || !~url.indexOf('#')) {\n // eslint-disable-line no-bitwise\n return;\n }\n\n url = url.split('#');\n return url[url.length - 1];\n }\n\n var oldHash = window.location.hash;\n\n window.addEventListener('hashchange', function (event) {\n $logger.info('hashchange', {\n from: getHash(event.oldURL || oldHash),\n to: getHash(event.newURL || window.location.hash)\n });\n oldHash = window.location.hash;\n });\n\n $(document).on('click', function (event) {\n if (event && event.target && event.target.tagName) {\n var name = event.target.tagName.toLowerCase();\n\n if (event.target.id) {\n name += '#' + event.target.id;\n } else if (event.target.attributes && event.target.attributes['ng-model']) {\n name += ':' + event.target.attributes['ng-model'].value;\n } else if (event.target.className) {\n name += '.' + event.target.className.split(' ').join('.');\n }\n\n $logger.info('click', {\n el: name\n });\n }\n });\n\n if (cplEnabled) {\n\n window.fptiserverurl = getBeaconUrl();\n\n var firstInvocation = true;\n var trackPageStart = function trackPageStart() {\n if (firstInvocation) {\n firstInvocation = false;\n return;\n }\n try {\n window.PAYPAL.analytics.startCPLTracking();\n } catch (e) {\n console.log('error starting cpl tracking', e);\n }\n };\n\n var firstDone = true;\n var trackDone = function trackDone(beaconData) {\n window.PAYPAL.analytics.endCPLTracking({\n pageData: addTrackingData(beaconData),\n inferStart: firstDone\n });\n firstDone = false;\n };\n\n var currentRoute = null;\n\n $rootScope.$on('startLoad', function () {\n return trackPageStart();\n });\n\n $rootScope.$on('$stateChangeSuccess', function (e, route) {\n currentRoute = route;\n });\n\n $rootScope.$on('allLoaded', function () {\n try {\n var buildParams = {\n productOverride: window.fptiProductOverride,\n trackingData: $fpti.getPageTrackingData(currentRoute)\n };\n\n var legacyFptiData = new $FptiBuilder(buildParams).build()._dataObj;\n\n var product = window.fptiProductOverride || 'ec';\n\n legacyFptiData.pgrp = 'main:' + product + ':hermes';\n\n legacyFptiData.flid = token;\n\n trackDone(legacyFptiData);\n } catch (e) {\n console.log('error tracking CPL data', e);\n }\n });\n }\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-tracking/dist/listener.js\n// module id = ./components/xo-tracking/dist/listener.js\n// module chunks = 0","\n\ndefine(['angular', 'squid/index', 'node-uuid/uuid' // Using the same module as used in NodeInfra\n], function (angular, squid, uuid) {\n\n (function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n })(window.angular);\n\n angular.module('tracking.model', ['squid']).constant('$FptiConstants', {\n // The prototype of buzname data object\n buznameMap: {\n country: {\n placeHolder: 'glb',\n fptiKey: 'ccpg'\n },\n\n flowgatename: {\n placeHolder: '',\n fptiKey: 'fltp'\n },\n\n 'flowname': {\n placeHolder: 'ec:hermes:',\n fptiKey: 'flnm'\n },\n 'hier1': {\n placeHolder: 'main_ec_hermes_',\n fptiKey: 'shir'\n },\n /*\n * No key defined in FPTI\n */\n // 'hier2': '',\n // 'hier3': '',\n // 'hier4': '',\n // 'hier5': '',\n 'inout': {\n placeHolder: 'inout',\n fptiKey: 'lgin'\n },\n 'pagename': {\n placeHolder: 'main:ec:hermes',\n fptiKey: 'pgrp'\n },\n 'pagename2': {\n placeHolder: 'main:ec:hermes',\n fptiKey: 'page'\n },\n 'version': {\n placeHolder: 'hermes',\n fptiKey: 'vers'\n /*\n * Deprecated SiteCatalyst keys\n */\n // 'feature': 'ec',\n // 'oldpagename': '',\n // 'product': ';ec',\n // 'subfeature1': 'hermes',\n // 'subfeature2': '',\n // 'website': 'main'\n } },\n\n // Full list of FPTI keys indexed by readable names\n // This mapping can also be served as default decorator\n fptiKeys: {\n 'businessType': 'bztp',\n 'correlationId': 'calc', // CalDataModel\n 'countryOfPage': 'ccpg', // buzname\n 'cust': 'cust',\n 'errorCode': 'eccd',\n 'fieldError': 'erfd',\n 'flowgatename': 'fltp', // buzname\n 'flowname': 'flnm', // buzname\n 'locale': 'rsta', // LocaleModel\n 'loggedIn': 'lgin', // buzname\n 'merchantId': 'mrid',\n 'merchantType': 'mbtp',\n 'pageError': 'erpg',\n 'pageGoal': 'goal', // route\n 'pageGroup': 'pgrp', // buzname\n 'pageName': 'page', // buzname\n 'pageQualifer': 'qual', // buzname\n 'pageStartTime': 'pgst', // FptiBuilder\n 'pageTechnologyFlag': 'pgtf', // productConfig\n 'paymentFlowId': 'pfid',\n 'rLogId': 'teal',\n 'sessionId': 'fpti',\n 'siteHierarchy': 'shir', // buzname\n 'sourceCi': 's', // productConfig\n 'tealeaf': 'teal',\n 'templateName': 'tmpl', // route\n 'transition_time': 'transition_time',\n 'uuid': 'csci', // CalDataModel\n 'version': 'vers', // buzname\n 'visitorId': 'vid',\n 'ecToken': 'fltk', // metadata\n 'pxpExpSelected': 'xe',\n 'pxpTreatementSelected': 'xt',\n 'pxpQualifiedTreatment': 'qt',\n 'pxpContextId': 'qc',\n 'dc': 'dc',\n 'az': 'az',\n 'comp': 'comp'\n },\n\n landing_page: {\n login: 'LOGIN',\n econsent: 'eConsent',\n review: 'Review',\n error_page: 'error_page',\n add_card: 'add_card',\n add_bank: 'add_bank',\n billing: 'billing',\n done_page: 'done_page',\n shoppingCart: 'shoppingCart',\n emptyCart: 'emptyCart',\n soldout: 'soldout',\n openButton: 'openButton'\n },\n\n stateName: {\n checkout_login: 'login',\n checkout_genericError: 'error_page',\n checkout_fastlogin: 'login',\n checkout_econsent: 'econsent',\n checkout_review: 'review',\n checkout_pageAddCard_addCardFlow_addCard: 'add_card',\n checkout_updateCard_addCardFlow_addCard: 'add_card',\n checkout_pageAddFi_bank_add: 'add_bank',\n guest: 'billing',\n checkout_done: 'done_page',\n checkout_guest: 'billing',\n checkout_signup: 'billing',\n guestupgrade_genericError: 'error_page',\n checkout_multistepsignup_multistepsignupaddcard: 'billing',\n checkout_shoppingCart: 'shoppingCart',\n checkout_emptyCart: 'emptyCart',\n checkout_soldout: 'soldout',\n checkout_openButton: 'openButton'\n }\n }).factory('$FptiDataModel', function ($Class, $FptiConstants, $util, $config) {\n var productConfig = {};\n\n // TODO to read from config.json\n productConfig[$FptiConstants.fptiKeys.sourceCi] = 'ci';\n productConfig[$FptiConstants.fptiKeys.pageTechnologyFlag] = 'NodeJS';\n\n /**\n * Utilizing Decorator pattern to allow defining additional logic for specific keys\n */\n return $Class.extend('FptiDataModel', {\n init: function init() {\n this._dataObj = angular.extend({}, productConfig);\n this._decoratorList = [];\n },\n decorators: {\n buzname: function buzname(trackingData, pageQualifier, isInContext, productOverride) {\n\n if (!trackingData) {\n return;\n }\n\n var buzname = trackingData.buzname;\n\n if (!buzname) {\n return;\n }\n\n var buznameDiff = buzname[pageQualifier];\n\n if (!buznameDiff) {\n return;\n }\n\n var dataObj = this._dataObj;\n var buznameMap = $FptiConstants.buznameMap;\n // read app specific place holder from config\n var placeHolderConfig = $config && $config.fpti && $config.fpti.buznameEntryPlaceHolder;\n\n Object.keys(buznameMap).forEach(function (key) {\n var buznameEntry = buznameMap[key];\n var fptiKey = buznameEntry.fptiKey;\n var placeHolder = buznameEntry.placeHolder;\n\n if (buznameDiff[key]) {\n if (placeHolderConfig && placeHolderConfig[key]) {\n placeHolder = placeHolderConfig[key];\n }\n\n if (productOverride) {\n var _placeHolder$split = placeHolder.split(':'),\n main = _placeHolder$split[0],\n hermes = _placeHolder$split[2];\n\n placeHolder = main + ':' + productOverride + ':' + hermes;\n }\n\n dataObj[fptiKey] = buznameDiff[key].replace('%', placeHolder);\n } else {\n dataObj[fptiKey] = placeHolder;\n }\n });\n dataObj[$FptiConstants.fptiKeys.pageQualifer] = pageQualifier;\n },\n\n locale: function locale(_locale) {\n if (_locale && _locale.country) {\n this._dataObj[$FptiConstants.fptiKeys.locale] = _locale.country;\n }\n },\n\n pxptrackingdata: function pxptrackingdata(pxpData) {\n var qt = [];\n var qc = [];\n var xe = [];\n var xt = [];\n\n $util.some(pxpData, function (trackInfo) {\n var match = trackInfo && trackInfo.tracking_tags && trackInfo.tracking_tags.match('\\\\bqt=([^;]+);');\n\n if (match) {\n qt.push(match[1]);\n }\n\n match = trackInfo && trackInfo.tracking_tags && trackInfo.tracking_tags.match('\\\\bqc=([^;]+);');\n if (match) {\n qc.push(match[1]);\n }\n\n $util.some(trackInfo.treatments, function (treatment) {\n xe.push(treatment.experiment_id);\n xt.push(treatment.treatment_id);\n });\n });\n\n this._dataObj[$FptiConstants.fptiKeys.pxpQualifiedTreatment] = qt.join(',');\n this._dataObj[$FptiConstants.fptiKeys.pxpContextId] = qc.join(',');\n this._dataObj[$FptiConstants.fptiKeys.pxpExpSelected] = xe.join(',');\n this._dataObj[$FptiConstants.fptiKeys.pxpTreatementSelected] = xt.join(',');\n },\n\n templateName: function templateName(trackingData, pageQualifier, isInContext) {\n if (trackingData && trackingData.templateName) {\n var templateName = (trackingData.templateName || '') + (pageQualifier ? ':' + pageQualifier : '');\n\n this._dataObj[$FptiConstants.fptiKeys.templateName] = templateName;\n }\n },\n\n fieldError: function fieldError(err) {\n if (err && err.type === 'fieldError') {\n this._dataObj[$FptiConstants.fptiKeys.fieldError] = err.field;\n this._dataObj[$FptiConstants.fptiKeys.errorCode] = err.code;\n }\n },\n\n pageError: function pageError(err) {\n if (err && err.type === 'pageError') {\n\n this._dataObj[$FptiConstants.fptiKeys.pageError] = err.msg;\n this._dataObj[$FptiConstants.fptiKeys.errorCode] = err.code;\n }\n }\n\n },\n decorate: function decorate(name) {\n this._decoratorList.push({\n name: name,\n params: Array.prototype.slice.call(arguments, 1)\n });\n return this;\n },\n getDataObject: function getDataObject(isInContext) {\n var i;\n var decorator;\n\n for (i = 0; i < this._decoratorList.length; i++) {\n decorator = this._decoratorList[i];\n if (!decorator) {\n continue;\n }\n var name = decorator.name;\n var params = decorator.params;\n\n if (angular.isFunction(this.decorators[name])) {\n // Invoke the decorator and pass in the parameter list\n this.decorators[name].apply(this, params);\n } else {\n var fptiKey = $FptiConstants.fptiKeys[name];\n\n // If the fptiKey is defined and value is present, add the k-v pair\n if (fptiKey && params && params.length > 0) {\n this._dataObj[fptiKey] = params[0];\n }\n }\n }\n\n // 'fullpage' was widely used as default key in page routs definition\n // finally replace it here if it's incontext\n var dataObj = this._dataObj;\n\n if (isInContext) {\n Object.keys(dataObj).forEach(function (k) {\n if (angular.isString(dataObj[k])) {\n // some values can be number\n dataObj[k] = dataObj[k].replace('fullpage', 'incontext');\n }\n });\n }\n\n return this._dataObj;\n }\n });\n }).factory('$CalDataModel', function ($Model) {\n\n var uuid_v4_mask = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';\n var uuid_v1_mask = 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX';\n\n function _generateCorrelationId() {\n var uidRandomArr = (uuid.v4() || uuid_v4_mask).split('-');\n var uidTime = (uuid.v1() || uuid_v1_mask).split('-');\n\n return uidTime[0] + uidRandomArr[0].substr(0, 5);\n }\n\n function _generateUUID() {\n return (uuid.v4() || uuid_v4_mask).replace(/-/g, '');\n }\n\n var CalModel = $Model.extend({\n _calCorrId: _generateCorrelationId(),\n _uuid: _generateUUID(),\n\n generateCalCorrId: function generateCalCorrId() {\n this._calCorrId = _generateCorrelationId();\n },\n generateUUID: function generateUUID() {\n this._uuid = _generateUUID();\n },\n generateMetaIds: function generateMetaIds() {\n this.generateCalCorrId();\n this.generateUUID();\n },\n\n getCalCorrId: function getCalCorrId() {\n return this._calCorrId;\n },\n\n getUUID: function getUUID() {\n return this._uuid;\n }\n });\n\n return new CalModel();\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-tracking/dist/model.js\n// module id = ./components/xo-tracking/dist/model.js\n// module chunks = 0","/* global define:true */\n\n\n/* grab the logger so we can warn about being in the fallback mode */\n\nvar _logger = require('xo-beaver/dist/logger');\n\n/** Name: Tray height helper */\ndefine(['squid/index', 'jquery'], function (squid, $) {\n squid.module('xo-tray-height.directive', ['squid']).directive('xoTrayHeight', function ($timeout) {\n return {\n restrict: 'A',\n link: function link($scope, element, attrs) {\n // Check to see if we can use the safer full height approach\n // or if we need to fallback to calculating the height using\n // math and relying on the \"right\" timing.\n var topClass = 'xo-sidebar-wrapper';\n var topSelector = '.' + topClass;\n var topElem = document.querySelector(topSelector);\n var inScope = topElem && topElem.querySelector('[xo-tray-height]');\n var useNewFlow = topElem && inScope;\n\n /**\n * NOTE:\n * The following code, despite being the \"new\" flow, is still\n * a stopgap solution until such time as the markup and or\n * CSS undergo an overhaul. It relies on the more stable\n * cascading relative/absolute positioning and 100% height\n * *and* the fact that the code is an instance of xo-tray-height\n * within the xo-sidebar-wrapper.\n */\n function calculate() {\n var curElem = element[0];\n\n while (!~curElem.className.indexOf(topClass)) {\n var style = getComputedStyle(curElem, null);\n\n if (style.position !== 'absolute') {\n curElem.style.position = 'relative';\n }\n curElem.style.height = '100%';\n curElem = curElem.parentNode;\n }\n }\n\n /**\n * NOTE:\n * The following DEPRECATED version of the calculate method\n * relies on calculating the heights using math. This heavy\n * handed approach is fine if it is called at the right times\n * and often enough; however, this criteria is hard to achieve.\n *\n * A markup and styles overhaul is recommended to do away with\n * both of these methods.\n */\n function deprecatedCalculate() {\n // DEPRECATED\n _logger.$logger.warn('xo-tray-height-fallback', {\n message: 'Using the fallback sidebar height calculation. ' + 'height may not be 100%. You should not be here!'\n });\n var height;\n var headerHeight;\n var mainHeight;\n var trayMinheight = 400;\n var asideContentHeight;\n var $aside = $(element).parents('aside:visible');\n var $asideContent = $aside.find('.asideContent');\n\n if (!$aside || !$asideContent) {\n return;\n }\n\n // Updates the tray height to the section height\n headerHeight = $aside.find('.header').outerHeight(true);\n mainHeight = $('#main').outerHeight(true);\n\n height = mainHeight - headerHeight;\n asideContentHeight = $asideContent.outerHeight(true);\n if ($scope.miniBrowser) {\n $aside.find('.aside').css('height', '534px');\n var minHeight = 534 - headerHeight;\n\n $asideContent.css('height', minHeight);\n } else if (asideContentHeight > height) {\n $asideContent.css('height', height);\n $aside.find('aside:visible').addClass('hasScroll');\n } else {\n height = height > trayMinheight ? height : trayMinheight;\n $asideContent.css('height', height);\n $aside.removeClass('hasScroll');\n }\n }\n\n if (useNewFlow) {\n calculate();\n } else {\n $timeout(deprecatedCalculate, 1);\n\n $scope.$on('SidebarError', function () {\n deprecatedCalculate();\n });\n }\n }\n };\n });\n});\n\n_logger.$logger;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-tray-height/dist/directive.js\n// module id = ./components/xo-tray-height/dist/directive.js\n// module chunks = 0","\n\nvar _angular = require('angular');\n\nvar _ui = require('./ui');\n\nvar _jquery = require('jquery');\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n// Adds role='button' and tabindex='0' to anchor elements\n// so that it is keyboard navigable and recognized by screen\n// readers as a button.\n//\n// As anchors without href do not fire their click event\n// automatically on a Space or ENTER key, this directive forces\n// that functionality.\n//\n// If something is assigned to the link-button attribute, then\n// it is used as an aria-label.\n(0, _angular.$registerDirective)('link-button', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n var ariaLabel = (0, _angular.$parse)(attrs.linkButton)(scope);\n var $element = (0, _jquery2['default'])(element);\n\n $element.attr('role', 'button');\n $element.attr('tabindex', '0');\n if (ariaLabel) {\n $element.attr('aria-label', ariaLabel);\n }\n $element.on('keydown', function (event) {\n // do nothing if there is an alt or ctrl key as well\n if (!(event.altKey || event.ctrlKey)) {\n switch (event.keyCode) {\n case _ui.KEYS.SPACE:\n case _ui.KEYS.ENTER:\n element[0].click();\n return false;\n default:\n break;\n }\n }\n return true;\n });\n }\n };\n});\n\n// this directive gives an element characteristics of a native\n// select element in terms of keyboard navigation. It becomes reachable\n// via the tab key, reflects screenreader characteristics and\n// can be activated by any of the DOWN, SPACE or ENTER KEYS.\n(0, _angular.$registerDirective)('select-button', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n var $element = (0, _jquery2['default'])(element);\n $element.attr('role', 'button').attr('aria-haspopup', 'true').attr('tabindex', '0').on('keydown', function (event) {\n // do nothing if there is an alt or ctrl key as well\n if (!(event.altKey || event.ctrlKey)) {\n switch (event.keyCode) {\n case _ui.KEYS.DOWN:\n case _ui.KEYS.SPACE:\n case _ui.KEYS.ENTER:\n element[0].click();\n return false;\n default:\n break;\n }\n }\n return true;\n });\n }\n };\n});\n\n// this directive makes a container with links act as if it were a select dropdown\n// in terms of keyboard accessibility. The following characteristics are implemented:\n//\n// * UP/RIGHT and DOWN/lEFT KEYS navigate through the options.\n// * ESC cancels and closes the dropdown\n// * SPACE or ENTER select an option\n// * You cannot TAB out of a dropdown until you select or cancel\n//\n// in addition, the following extra characteristics are implemented\n//\n// * The TAB (and SHIFT-TAB) key will also function to move between options\n// * Upon reaching the end of the list, the focus will shift back to the first item, and vice versa\n//\n// How to use:\n// 1. The select-cancel attribute is an agnostic expression to implement the cancel / back mechanic.\n// The expression is run whenever the ESC key is pressed.\n// 2. The select-allow-tab-escape attribute can be added alongside the select-box attribute to allow\n// tabs to escape the select-box element.\n(0, _angular.$registerDirective)('select-box', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n var allowTabEscape = (0, _angular.isDefined)(attrs.selectAllowTabEscape);\n\n function escapeToggle() {\n if (attrs.selectCancel) {\n (0, _angular.$parse)(attrs.selectCancel)(scope);\n scope.$apply();\n }\n }\n\n element.attr('role', 'menu');\n\n element.on('keydown.selectBox', function (event) {\n var $allTabbable = (0, _ui.findAll)(element, _ui.tabbable);\n var $origin = (0, _jquery2['default'])(event.target);\n\n if (!(event.altKey || event.ctrlKey)) {\n var index = $allTabbable.index($origin);\n\n switch (event.keyCode) {\n case _ui.KEYS.TAB:\n if (allowTabEscape && (index === 0 && event.shiftKey || index === $allTabbable.length && !event.shiftKey)) {\n // Enable default behavior to escape select-box\n escapeToggle();\n break;\n } else if (event.shiftKey) {\n index = (index - 1 + $allTabbable.length) % $allTabbable.length;\n } else {\n index = (index + 1) % $allTabbable.length;\n }\n $allTabbable.eq(index).focus();\n event.preventDefault();\n break;\n case _ui.KEYS.DOWN:\n case _ui.KEYS.RIGHT:\n index = (index + 1) % $allTabbable.length;\n $allTabbable.eq(index).focus();\n event.preventDefault();\n break;\n case _ui.KEYS.UP:\n case _ui.KEYS.LEFT:\n index = (index - 1 + $allTabbable.length) % $allTabbable.length;\n $allTabbable.eq(index).focus();\n event.preventDefault();\n break;\n case _ui.KEYS.SPACE:\n case _ui.KEYS.ENTER:\n $origin.click();\n event.preventDefault();\n break;\n case _ui.KEYS.ESC:\n escapeToggle();\n break;\n default:\n break;\n }\n }\n });\n }\n };\n});\n\n// similar to select-box, this directive restrains tabbing within a container\n// to the container itself.\n//\n// 1. modal-cancel is the equivalent of select-cancel from select-box, and\n// should define a cancellation / ESC function.\n(0, _angular.$registerDirective)('modal-box', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n function escapeToggle() {\n (0, _angular.$parse)(attrs.modalCancel)(scope);\n scope.$apply();\n }\n\n // Gets the index of the element that should be focused after pressing Tab\n function getNextIndex($element, $elements, shift) {\n if (shift) {\n return ($elements.index($element) - 1 + $elements.length) % $elements.length;\n } else {\n return ($elements.index($element) + 1) % $elements.length;\n }\n }\n\n if ((0, _angular.$parse)(attrs.modalBox)(scope) !== false) {\n element.on('keydown.modalBox', function (event) {\n var $allTabbable = (0, _ui.findAll)(element, _ui.tabbable);\n var $origin = (0, _jquery2['default'])(event.target);\n\n if (!(event.altKey || event.ctrlKey)) {\n switch (event.keyCode) {\n case _ui.KEYS.TAB:\n var index = getNextIndex($origin, $allTabbable, event.shiftKey);\n $allTabbable.eq(index).focus();\n event.preventDefault();\n event.stopPropagation();\n break;\n case _ui.KEYS.ESC:\n escapeToggle();\n event.preventDefault();\n event.stopPropagation();\n break;\n default:\n break;\n }\n }\n });\n }\n }\n };\n});\n\n// A simple version of modal that doesn't rely on controlling keyboard behavior\n// as strictly. Should be used in cases where tab items are not as easily accessible\n// via JS (ie. iframes)\n// Redirects focus to container when focusin event fired on element not in container\n(0, _angular.$registerDirective)('simple-modal', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n element.attr('tabindex', '-1');\n\n var cancelFn;\n if (attrs.modalCancel) {\n cancelFn = function cancelFn() {\n (0, _angular.$parse)(attrs.modalCancel)(scope);\n scope.$apply();\n };\n }\n\n function registerModal() {\n (0, _jquery2['default'])(document).on('focusin.simple-modal', function (event) {\n if (!element[0].contains(event.target)) {\n event.stopPropagation();\n element.focus();\n }\n });\n if (cancelFn) {\n (0, _jquery2['default'])(document).on('click.simple-modal', function (event) {\n if (!element[0].contains(event.target)) {\n deregisterModal();\n cancelFn();\n }\n });\n }\n }\n\n function deregisterModal() {\n (0, _jquery2['default'])(document).off('focusin.simple-modal');\n (0, _jquery2['default'])(document).off('click.simple-modal');\n }\n\n // Watch the expression provided to simpleModal and add modal behavior when\n // expression result changes to truthy\n if ((0, _angular.isDefined)(element.attr('simpleModal'))) {\n scope.$watch(attrs['simpleModal'], function (newVal) {\n if (newVal) {\n registerModal();\n } else {\n deregisterModal();\n }\n });\n } else {\n registerModal();\n }\n\n scope.$on('$destroy', deregisterModal);\n }\n };\n});\n\n// this directive gives an element characteristics of a native\n// option element in terms of aria attributes. It must be used\n// as a child of a selectBox for proper keyboard behavior as it\n// disables default tabbing behavior.\n//\n// The expression provided to the directive is used to set the\n// aria-selected attribute when the expression evaluates to true.\n(0, _angular.$registerDirective)('select-option', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n (0, _jquery2['default'])(element).attr('role', 'menuitem');\n if ((0, _angular.$parse)(attrs.selectOption)(scope)) {\n (0, _jquery2['default'])(element).attr('aria-selected', 'true');\n }\n }\n };\n});\n\n// adapted from http://stackoverflow.com/a/24416690\n// This directive makes the element focused when the expression\n// provided _changes_ to true.\n//\n// In order to avoid conflicts with autofocus when a page first loads,\n// adding the focused-once-before attribute will enable the expression\n// only if it has been focused on before.\n//\n// * if the element itself is not focusable, then it will locate the first focusable\n// element within it.\n// * if the additional attribute focus-element is provided, it is wrapped\n// as a jQuery element (could be selector string or actual element) and focused on\n// it will be parsed when the focus-when attribute is true\n// * if the attribute focus-on is provided, then the focus-when attribute is ignored and\n// the directive listens to the event specified by focus-on\n(0, _angular.$registerDirective)('focus-when', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n\n function locateAndFocus(active) {\n (0, _angular.$timeout)(function () {\n if (active) {\n // deal with figuring out which element to focus on\n var $elementToFocus = (0, _jquery2['default'])(); // start with \"monad\" to make life easier\n var directiveElementFocusable = (0, _ui.focusable)(element[0]);\n\n // this works by fallthrough. it will try each one\n // in succession until an element is found\n if (attrs.focusElement) {\n // scenario 1 - specific element provided\n $elementToFocus = (0, _ui.filterAll)((0, _angular.$parse)(attrs.focusElement)(scope), _ui.focusable);\n }\n\n if ($elementToFocus.length === 0 && !directiveElementFocusable) {\n // scenario 2 - element with directive is not focusable\n $elementToFocus = (0, _ui.findAll)(element, _ui.focusable);\n }\n\n // default / scenario 3 - no valid targets specified or found\n if ($elementToFocus.length === 0) {\n $elementToFocus = (0, _jquery2['default'])(element);\n }\n\n $elementToFocus.first().focus();\n }\n });\n }\n\n var active = true;\n\n if ('focusedOnceBefore' in attrs) {\n active = false;\n (0, _jquery2['default'])(element).on('focus', function () {\n active = true;\n });\n }\n\n if (attrs.focusRefreshOn) {\n scope.$on((0, _angular.$parse)(attrs.focusRefreshOn)(scope), function () {\n locateAndFocus(active);\n });\n } else {\n scope.$watch(attrs.focusWhen, function (val) {\n locateAndFocus(active && val);\n });\n }\n }\n };\n});\n\n// angularUI router specific - listens to a specific transition\n// defined in two attributes, focusWhenState (this directive) and TransitionsTo\nvar FOCUS_EVENT_NAME = 'accessible-focus';\n(0, _angular.$registerDirective)('focus-when-state', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n var startState = attrs.focusWhenState;\n var endState = attrs.transitionsTo;\n var transitionMessage = startState + ' > ' + endState;\n var unregisterEventFn = _angular.$rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {\n if (fromState.name === startState && toState.name === endState) {\n scope.$broadcast(FOCUS_EVENT_NAME, transitionMessage);\n }\n });\n\n scope.$on(FOCUS_EVENT_NAME, function (event, message) {\n if (message === transitionMessage) {\n (0, _angular.$timeout)(function () {\n return element[0].focus();\n });\n }\n });\n\n // see http://stackoverflow.com/a/27016855\n scope.$on('$destroy', unregisterEventFn);\n }\n };\n});\n\n// Listens for the next state transition and focuses an element provided by selector\n// Use with links where focus is needed to return to a specific element after the transition\n(0, _angular.$registerDirective)('focus-after-transition', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n element.on('click', function () {\n var focusSelector = attrs['focusAfterTransition'];\n var cancel = _angular.$rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {\n cancel();\n (0, _angular.$timeout)(function () {\n (0, _jquery2['default'])(focusSelector).focus();\n });\n });\n });\n }\n };\n});\n\n// focuses on the first focusable element on a container containing form elements\n(0, _angular.$registerDirective)('form-autofocus', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n // wait for the entire DOM to settle down first\n (0, _angular.$timeout)(function () {\n var $allFocusable = (0, _ui.findAll)(element, _ui.focusable);\n if ($allFocusable.length > 0) {\n $allFocusable.first().focus();\n }\n });\n }\n };\n});\n\n// Change element to be focusable and tabbable or unfocusable if it is\n// not typically a focusable element by removing the tabindex attribute.\n(0, _angular.$registerDirective)('focusable', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n function setFocusable(value) {\n if (value) {\n element.attr('tabindex', 0);\n } else {\n element.removeAttr('tabindex');\n }\n }\n\n if (attrs.focusable) {\n scope.$watch(attrs.focusable, function (newVal) {\n if (newVal) {\n setFocusable(true);\n } else {\n setFocusable(false);\n }\n });\n } else {\n setFocusable(true);\n }\n }\n };\n});\n\n_angular.$registerDirective;\n\n_angular.$parse;\n\n_angular.$timeout;\n\n_angular.$rootScope;\n\n_angular.isDefined;\n\n_ui.KEYS;\n\n_ui.focusable;\n\n_ui.tabbable;\n\n_ui.findAll;\n\n_ui.filterAll;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/accessibility/directive.js\n// module id = ./components/xo-ui-components/src/accessibility/directive.js\n// module chunks = 0","\n\nexports.__esModule = true;\nexports.filterAll = exports.findAll = exports.tabbable = exports.focusable = exports.visible = exports.KEYS = undefined;\n\nvar _jquery = require('jquery');\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar KEYS = {\n TAB: 0x09,\n ENTER: 0x0D,\n ESC: 0x1B,\n SPACE: 0x20,\n LEFT: 0x25,\n UP: 0x26,\n RIGHT: 0x27,\n DOWN: 0x28\n};\n\nfunction visible(element) {\n return _jquery2['default'].expr.filters.visible(element) && !(0, _jquery2['default'])(element).parents().addBack().filter(function () {\n return _jquery2['default'].css(this, 'visibility') === 'hidden';\n }).length;\n}\n\n// ripped from http://stackoverflow.com/a/7668761\n/* istanbul ignore next */\nfunction focusable(element) {\n var nodeName = element.nodeName.toLowerCase();\n var isTabIndexNotNaN = !isNaN(_jquery2['default'].attr(element, 'tabindex'));\n var map;\n var mapName;\n var img;\n\n if (nodeName === 'area') {\n map = element.parentNode;\n mapName = map.name;\n if (!element.href || !mapName || map.nodeName.toLowerCase() !== 'map') {\n return false;\n }\n img = (0, _jquery2['default'])('img[usemap=#' + mapName + ']')[0];\n return !!img && visible(img);\n }\n return (/^(input|select|textarea|button|object)$/.test(nodeName) ? // eslint-disable-line no-nested-ternary\n !element.disabled : nodeName === 'a' ? element.href || isTabIndexNotNaN : isTabIndexNotNaN) &&\n // the element and all of its ancestors must be visible\n visible(element);\n}\n\n/* istanbul ignore next */\nfunction tabbable(element) {\n var tabIndex = _jquery2['default'].attr(element, 'tabindex');\n var isTabIndexNaN = isNaN(tabIndex);\n\n return (isTabIndexNaN || tabIndex >= 0) && focusable(element);\n}\n\nfunction filterAll(elements, filterFn) {\n return (0, _jquery2['default'])(elements).filter(function () {\n return filterFn(this);\n });\n}\n\nfunction findAll(container, filterFn) {\n return filterAll((0, _jquery2['default'])(container).find('*'), filterFn);\n}\n\nexports.KEYS = KEYS;\nexports.visible = visible;\nexports.focusable = focusable;\nexports.tabbable = tabbable;\nexports.findAll = findAll;\nexports.filterAll = filterAll;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/accessibility/ui.js\n// module id = ./components/xo-ui-components/src/accessibility/ui.js\n// module chunks = 0","\n\nvar _squid = require('squid');\n\nrequire('./styles');\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nvar _logger = require('xo-beaver/dist/logger');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n(0, _squid.$registerDirective)('xo-address-box', function () {\n return {\n template: _template2['default'],\n scope: {\n header: '=',\n fullname: '=',\n addresses: '=',\n changeFn: '='\n },\n lifecycle: {\n enter: function enter() {\n _logger.$logger.info('xo-address-box_enter');\n }\n },\n controller: function controller($scope) {\n var addressList = $scope.addresses && $scope.addresses.addresses || [];\n $scope.address = addressList[0] || {};\n $scope.line3 = $scope.address.city + ', ' + $scope.address.state + ' ' + $scope.address.postal_code;\n\n $scope.updateType = addressList.length > 1 ? _squid.$locale.content.get('common.change') : _squid.$locale.content.get('common.edit');\n $scope.updateFn = function () {\n return $scope.changeFn($scope.updateType);\n };\n\n $scope.fullname = $scope.fullname;\n if ($scope.fullname) {\n $scope.name = $scope.fullname.first_name + ' ' + $scope.fullname.last_name;\n }\n }\n };\n});\n\n_squid.$registerDirective;\n\n_squid.$locale;\n\n_logger.$logger;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/address-box/directive.js\n// module id = ./components/xo-ui-components/src/address-box/directive.js\n// module chunks = 0","module.exports = \"
\\n\\n\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/cardicon/template.html\n// module id = ./components/xo-ui-components/src/cardicon/template.html\n// module chunks = 0","\n\nvar _angular = require('angular');\n\nvar _squid = require('squid');\n\nrequire('./styles.less');\n\n/**\n * This directive watches the model and listens to user input to look for arabic/hebrew/right-to-left language\n * unicode chars, then adds dir=\"rtl\" or dir=\"ltr\" attribute to input field\n *\n * Add directionality to the container html div element of a input field.\n * \n */\n(0, _angular.$registerDirective)('directionality', function () {\n return {\n restrict: 'A',\n link: function link(scope, element) {\n var currentWatchDeregister = void 0;\n var input = element.find('input');\n if (!input.length) {\n listenForInputRendered();\n return;\n }\n\n // If the input has not yet been rendered inside the container, listen for dom node inserted\n // then, if the node inserted is an input, we will use that element and init the directionality \n // listeners. The first input rendered is the one that will be captured by this directive.\n function listenForInputRendered() {\n element.bind('DOMNodeInserted', checkDOMNodeInserted);\n\n function checkDOMNodeInserted(event) {\n if (event && event.target && event.target.tagName === 'INPUT') {\n element.unbind('DOMNodeInserted', checkDOMNodeInserted);\n input = angular.element(event.target);\n init();\n }\n }\n }\n\n function setDirectionality(value) {\n if (value) {\n // set directionality to 'rtl' if the value has hebrew/arabic unicode chars.\n element.toggleClass('ltrOverride', !_squid.$util.hasRTL(value));\n } else {\n element.toggleClass('ltrOverride', _angular.$document.prop('documentElement').getAttribute('dir') !== 'rtl');\n }\n }\n\n function jqueryOnKeyupHandler(event) {\n setDirectionality(event.target.value);\n }\n\n // Reset directionality listeners when we transition from ltr -> rtl locale or vice versa\n function resetDirectionalityListener() {\n // remove directionality listeners that were set on prior locale\n input.unbind('keyup', jqueryOnKeyupHandler);\n if (currentWatchDeregister) {\n currentWatchDeregister();\n }\n\n // set new directionality listeners for the current locale if 'rtl'\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n (0, _angular.$timeout)(function () {\n // Watch ng-model on input to set directionality if it contains RTL char\n currentWatchDeregister = scope.$watch(input.attr('ng-model'), function (value) {\n setDirectionality(value);\n });\n // jQuery listener for cases where ng-model is not populated until post validation\n input.on('keyup', jqueryOnKeyupHandler);\n });\n }\n }\n\n function init() {\n resetDirectionalityListener();\n scope.$on('localeChange', function () {\n resetDirectionalityListener();\n });\n }\n\n init();\n }\n };\n});\n\n/**\n * This directive watches the model for arabic/hebrew/right-to-left language unicode chars, then adds dir=\"rtl\"\n * or dir=\"ltr\" attribute to the html element.\n *\n * Add directionality-text=\"<>\" to the div or span or any element containing text.\n * <{{user.name}}\n */\n(0, _angular.$registerDirective)('directionality-text', function () {\n return {\n restrict: 'A',\n link: function link(scope, element, attrs) {\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n var $element = $(element);\n\n (0, _angular.$timeout)(function () {\n if (attrs.directionalityText) {\n scope.$watch(attrs.directionalityText, function () {\n $element.toggleClass('ltrOverride', !_squid.$util.hasRTL((0, _angular.$parse)(attrs.directionalityText)(scope)));\n });\n } else {\n $element.toggleClass('ltrOverride', !_squid.$util.hasRTL(element.text()));\n }\n });\n }\n }\n };\n});\n\n_angular.$document;\n\n_angular.$parse;\n\n_angular.$registerDirective;\n\n_angular.$timeout;\n\n_squid.$util;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/directionality/directive.js\n// module id = ./components/xo-ui-components/src/directionality/directive.js\n// module chunks = 0","\n\ndefine(['squid/index', 'jquery'], function (squid, $) {\n\n squid.module('xo-dropdown-multiline.directive', ['squid']).directive('xoDropdownMultiline', function ($timeout) {\n return {\n restrict: 'A',\n\n require: '?ngModel',\n\n link: function link($scope, $select, attrs, ngModel) {\n\n var isListVisible = false;\n var listCreated = false;\n\n $select = $($select);\n\n var $span = $('');\n var $container = $('');\n var $list;\n\n function updateCover() {\n $timeout(function () {\n $span.find('span span').html($select.find('[selected]').text().replace(/\\\\n/gi, ' ').trim());\n }, 10);\n }\n\n function createList($options) {\n if ($options.length < 2) {\n return;\n }\n\n function getModel() {\n var modelName;\n var model;\n var subParts;\n\n if ($select.attr('ng-options')) {\n modelName = $select.attr('ng-options').substring($select.attr('ng-options').indexOf('in ') + 3, $select.attr('ng-options').length);\n } else {\n var $option = $($select.find('[ng-repeat]')[0]);\n modelName = $option.attr('ng-repeat').substring($option.attr('ng-repeat').indexOf('in ') + 3, $option.attr('ng-repeat').length);\n }\n\n // This is to handle cases like card.billingAddress\n if (modelName.indexOf('.') !== -1) {\n subParts = modelName.split('.');\n model = $scope;\n\n for (var i = 0; i < subParts.length; i++) {\n model = model[subParts[i]];\n }\n } else {\n // And this is to handle straightforward model names\n model = $scope[modelName];\n }\n\n return model;\n }\n\n function hideList(event) {\n $list.hide();\n $container.append($list);\n isListVisible = false;\n $container.removeClass('open');\n }\n\n function positionList() {\n $list.css('left', $container.offset().left + 'px');\n $list.css('top', $container.offset().top + $container.height() + 'px');\n $list.css('width', $container.width() + 'px');\n }\n\n function setFocusOnSelected() {\n var $selected = $select.find('[selected]');\n\n if ($selected.length) {\n var $item = $list.find('[data-value=\"' + $selected.attr('value') + '\"]');\n $item.focus();\n } else {\n $list.find('li')[0].focus();\n }\n }\n\n function showList() {\n $('body').append($list);\n $container.addClass('open');\n $list.show();\n positionList();\n isListVisible = true;\n setFocusOnSelected();\n }\n\n function processContainerKeypress(event) {\n var keyCode = event.keyCode;\n\n if (keyCode === 13 || keyCode === 40) {\n // enter or down arrow\n if (!isListVisible) {\n showList();\n } else {\n hideList();\n $container.focus();\n }\n } else if (keyCode === 27) {\n // escape\n if (isListVisible) {\n hideList();\n $container.focus();\n }\n }\n }\n\n if ($list) {\n $list.remove();\n }\n\n $list = $('
');\n\n Array.prototype.forEach.call($options, function (option) {\n var $option = $(option);\n var value = $option.attr('value');\n var text = option.innerHTML.replace(/\\\\n/gi, ' ');\n\n if (text.indexOf('content(') !== -1) {\n text = $scope.content(text.substring(text.indexOf('(\\'') + 2, text.indexOf('\\')')));\n }\n\n var html = '
' + text + '
';\n $list.append($(html));\n });\n\n $container.append($list);\n $list.hide();\n\n $($list.find('li')).click(function (event) {\n var $target = $(event.target);\n var value = $target.data('value');\n\n if (typeof value !== 'undefined') {\n $select.find('option').removeAttr('selected');\n $select.find('option[value=\"' + value + '\"]').attr('selected', 'selected');\n $select.find('option').removeProp('selected');\n $select.find('option[value=\"' + value + '\"]').prop('selected', 'selected');\n } else {\n value = $target.html().replace(/\\//gi, '\\\\n');\n $select.val(value);\n }\n\n if ($select.attr('ng-model')) {\n if ($select.attr('ng-options') || $select.find('[ng-repeat]').length) {\n /* This parses the 'ng-options' directive and returns the options model.\n For example: If you have: ng-options='opt as opt.label for opt in options'\n Here it will parse this attribute and return 'options */\n var model = getModel();\n\n ngModel.$setViewValue(model[value]);\n } else {\n ngModel.$setViewValue(value);\n }\n }\n\n updateCover();\n hideList();\n });\n\n var $innerContainer = $container.find('.innerContainer');\n\n $container.click(function (event) {\n if (isListVisible) {\n hideList();\n $container.focus();\n } else {\n showList();\n }\n });\n\n $container.keydown(function (event) {\n processContainerKeypress(event);\n });\n\n $innerContainer.keydown(function (event) {\n processContainerKeypress(event);\n });\n\n $list.find('li').keydown(function (event) {\n var keyCode = event.keyCode;\n var $target = $(event.target);\n\n if (keyCode === 13) {\n // enter\n $target.click();\n event.stopPropagation();\n } else if (keyCode === 27) {\n // escape\n if (isListVisible) {\n hideList();\n $container.focus();\n event.stopPropagation();\n }\n } else if (keyCode === 40) {\n // down arrow\n if (!$target.is(':last-of-type')) {\n $target.next().focus();\n event.preventDefault();\n event.stopPropagation();\n }\n } else if (keyCode === 38) {\n // up arrow\n if (!$target.is(':first-of-type')) {\n $target.prev().focus();\n }\n event.preventDefault();\n event.stopPropagation();\n }\n });\n\n $(window).resize(function () {\n if (isListVisible) {\n positionList();\n }\n });\n\n $(window).bind('hashchange', function () {\n if (isListVisible) {\n hideList();\n }\n });\n\n $(document).click(function (event) {\n var $target = $(event.target);\n\n if (!($target.is($container) || $.contains($container.get()[0], $target.get()[0])) && isListVisible) {\n hideList();\n }\n });\n\n $container.blur(function (event) {\n // The setTimeout here is to ensure activeElement is set before our function executes\n $timeout(function () {\n var $newTarget = $(event.explicitOriginalTarget || document.activeElement);\n\n if (!($.contains($container.get()[0], $newTarget.get()[0]) || $.contains($list.get()[0], $newTarget.get()[0]))) {\n hideList(event);\n }\n }, 1);\n });\n\n listCreated = true;\n updateCover();\n }\n\n function render() {\n var options = $select.find('option');\n if (!listCreated) {\n createList(options);\n }\n }\n\n $select.wrap($container);\n $container = $select.parent();\n\n // Change class names to enable styling of hover/focus states\n $select.bind('mouseenter focus', function () {\n $span.addClass('active');\n });\n\n // Change class names to enable styling of hover/focus states\n $select.bind('mouseleave blur', function () {\n $span.removeClass('active');\n });\n\n $select.after($span);\n\n $select.addClass('replaced');\n\n $select.attr('tabindex', '-1');\n\n if (attrs['default']) {\n var defaultOption = document.createElement('option');\n defaultOption.innerText = attrs['default'];\n $select.append(defaultOption);\n }\n\n if ($select.attr('ng-options')) {\n $scope.$watch(attrs.ngModel, function () {\n render();\n });\n } else {\n $timeout(function () {\n $scope.$broadcast('pageRendered');\n }, 0);\n }\n\n $scope.$on('pageRendered', function () {\n render();\n });\n }\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/dropdown-multiline/directive.js\n// module id = ./components/xo-ui-components/src/dropdown-multiline/directive.js\n// module chunks = 0","\n\ndefine(['squid/index', 'jquery'], function (squid, $) {\n\n $.fn.dropdown = function () {\n console.warn('Dropdown deprecated');\n };\n\n squid.module('xo-dropdown.directive', ['squid']).directive('xoDropdown', function ($parse, $window, $timeout, $injector, $rootScope, $config, $locale, $experiment, $util, $compile) {\n\n var userAgent = ($window.navigator || {}).userAgent;\n var isWinOS = Boolean(userAgent.match(/\\(win/i));\n\n return {\n\n restrict: 'A',\n\n scope: {\n dropdownTextBindVar: '='\n },\n\n link: function link($scope, $element, attrs) {\n var $parentScope = $scope.$parent;\n\n var $select = $($element);\n\n var selectInitialValue = '';\n\n var ngChange = '';\n // TODO: This html should be refactored out into a template.\n var $span = $('');\n\n $select.parent().addClass('custom-select-container');\n\n // Change class names to enable styling of hover/focus states\n $select.bind('mouseenter', function () {\n $span.addClass('active');\n });\n\n // Change class names to enable styling of hover/focus states\n $select.bind('focus', function () {\n selectInitialValue = $parse(attrs.ngModel)($parentScope);\n $span.addClass('active');\n });\n\n // Change class names to enable styling of hover/focus states\n $select.bind('mouseleave', function () {\n $span.removeClass('active');\n });\n\n function executeSelectChange() {\n // setTimeout here is to ensure activeElement is set before our function executes\n $timeout(function () {\n var val = $parse(attrs.ngModel)($parentScope);\n if (selectInitialValue !== val) {\n if (ngChange) {\n ngChange($parentScope);\n }\n selectInitialValue = val;\n }\n }, 10);\n }\n\n if (isWinOS) {\n if (attrs['ngChange']) {\n ngChange = $parse(attrs.ngChange);\n attrs['ngChange'] = '';\n }\n\n $select.bind('blur', function () {\n executeSelectChange();\n $span.removeClass('active');\n });\n\n $select.bind('click', function () {\n executeSelectChange();\n });\n } else {\n $select.bind('blur', function () {\n $span.removeClass('active');\n });\n }\n\n $select.after($span);\n\n $select.addClass('replaced');\n\n if (attrs['default']) {\n var defaultOption = document.createElement('option');\n defaultOption.innerText = attrs['default'];\n $select.append(defaultOption);\n }\n\n var match = (attrs.ngOptions || '').match(/in ([\\w\\.]+)/);\n // Text Update Method 1(new): ng-bind on variable passed in directive and that is updated in parent/sibling scope\n if (angular.isDefined($scope.dropdownTextBindVar)) {\n var selectTextElement = $span.find('span span');\n if (selectTextElement.length) {\n $(selectTextElement).attr('ng-bind', 'dropdownTextBindVar');\n $(selectTextElement).html($compile(selectTextElement[0])($scope));\n }\n\n $scope.$watch('dropdownTextBindVar', function (newVal) {\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n $span.toggleClass('ltrOverride', !$util.hasRTL(newVal));\n }\n });\n }\n // Text Update Method 2(old): jQuery text update on various conditions (not as reliable for me, ran into timing edge cases)\n else {\n var updateCover = function updateCover() {\n $timeout(function () {\n var text = $select.find(':selected').text().trim();\n $span.find('span span').text(text);\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n $span.toggleClass('ltrOverride', !$util.hasRTL(text));\n }\n }, 10);\n };\n\n $parentScope.$watch(attrs.ngModel, updateCover);\n\n $scope.$on('contentChange', updateCover);\n\n if (match) {\n $parentScope.$watch(match[1], updateCover);\n }\n // Update cover on arrow key press, for case where menu is not open\n // but user is interacting with dropdown (eg. Firefox)\n $select.bind('keyup', function (event) {\n // Arrow keys are 37 - 40\n if (event.which >= 37 || event.which <= 40) {\n updateCover();\n }\n });\n }\n\n toggleOptionsLTROverride();\n if (match) {\n $parentScope.$watch(match[1], function (newVal) {\n toggleOptionsLTROverride();\n });\n }\n\n function toggleOptionsLTROverride() {\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n $timeout(function () {\n var options = $select.find('option');\n for (var i = 0; i < options.length; i++) {\n $(options.get(i)).toggleClass('ltrOverride', !$util.hasRTL(options.get(i).text));\n }\n });\n }\n }\n }\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/dropdown/directive.js\n// module id = ./components/xo-ui-components/src/dropdown/directive.js\n// module chunks = 0","\n\nvar _angular = require('angular');\n\nvar _angularAria = require('angularAria');\n\n// Configure angular aria.\n// Note that aria configuration applies globally\n_angularAria.$ariaProvider.config({ // eslint-disable-line angular/di\n // Remove bindRoleForClick since we use ngClick for several items that shouldn't be treated as buttons.\n bindRoleForClick: false,\n\n // Remove ariaInvalid and ariaRequired as we want to handle them ourselves.\n // These attributes should only be set once the form is submitted, to match what\n // visually what we display\n ariaInvalid: false,\n ariaRequired: false,\n // Removing aria-hidden attribute for hidden elements\n ariaHidden: false\n});\n\n(0, _angular.$registerDirective)('xo-error-tooltip', function () {\n\n return {\n restrict: 'A',\n require: ['?^form', '?ngModel'],\n link: function link(scope, element, attrs, ctrls) {\n var formCtrl = ctrls[0],\n modelCtrl = ctrls[1];\n\n\n function shouldBeRequired() {\n if (formCtrl) {\n // If input is a checkbox and has error-text or error-key, show the error text instead of the required text.\n // error-text is a legacy thing for backward compatibility, we can get rid of this once all teams\n // adopt error-key in all input tags\n var showCheckboxRequired = !(element.attr('type') === 'checkbox' && (attrs.errorText || attrs.errorKey));\n return formCtrl.$submitted && modelCtrl.$error.required && showCheckboxRequired;\n } else {\n return modelCtrl.$error.required;\n }\n }\n\n function shouldBeInvalid() {\n if (formCtrl) {\n return formCtrl.$submitted && modelCtrl.$invalid;\n } else {\n return modelCtrl.$invalid;\n }\n }\n\n // Add or remove a string into a space split string (eg. aria-describedby ids, class names)\n function formatSpaceSplitString(str, id, add) {\n var strArray;\n if (str) {\n strArray = str.split(' ');\n } else {\n strArray = [];\n }\n\n var idIndex = strArray.indexOf(id);\n\n if (~idIndex && !add) {\n strArray.splice(idIndex, 1);\n } else if (!~idIndex && add) {\n strArray.push(id);\n }\n\n return strArray.join(' ');\n }\n\n // Add tooltip behavior after DOM settles\n (0, _angular.$timeout)(function () {\n var generateId = function generateId() {\n return Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 7);\n };\n\n var requiredId = generateId();\n var invalidId = generateId();\n var requiredError;\n var invalidError;\n\n if (attrs.errorKey) {\n element.addClass('hasErrorTooltipRuleSpecific');\n invalidError = (0, _angular.$compile)('
{{content(\"' + attrs.errorKey + '\")}}
')(scope);\n element.after(invalidError);\n } else if (attrs.errorText) {\n // errorText if case is for backward compatibility, we can get rid of this once\n // all teams adopt error-key in all input tags for tooltip message display\n element.addClass('hasErrorTooltipRuleSpecific');\n invalidError = $('
\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/generic-error/template.html\n// module id = ./components/xo-ui-components/src/generic-error/template.html\n// module chunks = 0","\n\ndefine(['jquery', 'angular', 'squid/index', 'text!./template.html', 'xo-models/src/checkout/index'], function ($, angular, squid, template) {\n\n return angular.module('xo-generic-message.directive', ['squid', 'xomodel.checkout']).directive('xoGenericMessage', function ($rootScope) {\n\n return {\n template: template,\n\n scope: {\n token: '='\n },\n\n controller: function controller($scope, $rootScope, // eslint-disable-line no-shadow\n $stateParams, $state, $logger, $CheckoutAppDataModel, $populate) {\n\n $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {\n event.preventDefault();\n });\n\n $('.paypalHeaderWrapper').hide();\n $('.footerWrapper').addClass('genericMessage');\n\n var titleKeyMapping = {\n PAYMENT_SUCCESS: 'paymentSuccessTitle',\n DEFAULT: 'paymentSuccessTitle'\n };\n\n $scope.titleKey = 'genericMessage.' + ($stateParams.code && titleKeyMapping[$stateParams.code]) || titleKeyMapping.DEFAULT;\n\n var contentKeyMapping = {\n PAYMENT_SUCCESS: 'paymentSuccessMessage',\n DEFAULT: 'paymentSuccessMessage'\n };\n var contentKey = $stateParams.code && contentKeyMapping[$stateParams.code];\n\n if (contentKey) {\n $scope.contentKey = 'genericMessage.' + contentKey;\n }\n\n $populate($scope, {\n checkoutAppData: $CheckoutAppDataModel.instance($scope.token)\n }).then(function () {\n var merchant = $scope.checkoutAppData.merchant;\n $scope.merchant = merchant.brand_name || merchant.merchant_name || merchant.merchant_email;\n });\n\n $scope.$on('$destroy', function (event) {\n $('.paypalHeaderWrapper').show();\n $('.footerWrapper').removeClass('genericMessage');\n });\n }\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/generic-message/directive.js\n// module id = ./components/xo-ui-components/src/generic-message/directive.js\n// module chunks = 0","\n\nexports.__esModule = true;\n\nvar _squid = require('squid');\n\nvar _uiRouter = require('uiRouter');\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nrequire('./styles');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Component.extend('$xoLink', {\n tag: 'xo-link',\n template: _template2['default'],\n props: {\n onClick: {\n type: 'var',\n required: false\n },\n leftIcon: {\n type: 'str',\n required: false\n },\n rightIcon: {\n type: 'str',\n required: false\n },\n goTo: {\n type: 'str',\n required: false\n },\n label: {\n type: 'str',\n required: false\n }\n },\n\n actions: {\n onClick: function onClick(event) {\n var _props = this.props,\n onClick = _props.onClick,\n goTo = _props.goTo;\n\n\n if (onClick) {\n onClick(event);\n }\n\n if (goTo) {\n _uiRouter.$state.go(goTo);\n }\n }\n }\n});\n\n\n_squid.$Component;\n\n_uiRouter.$state;\nmodule.exports = exports['default'];\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/link/directive.js\n// module id = ./components/xo-ui-components/src/link/directive.js\n// module chunks = 0","module.exports = \"\\n {{props.label}}\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/link/template.html\n// module id = ./components/xo-ui-components/src/link/template.html\n// module chunks = 0","\n\ndefine(['squid/index', 'text!./template.html'], function (squid, template) {\n\n squid.module('xo-message.directive', ['squid']).directive('xoMessage', function ($timeout, $loader, $rootScope) {\n return {\n scope: {\n message: '=', // Expected type - {msgs: [], type: \"info|error|success|warning\"}\n isgreyheader: '='\n },\n template: template,\n link: function link(scope, element, attrs) {\n\n // Hide and show the alerts so that messages can be registered by\n // screen reader even if they are repeats. Uses $timeout to\n // wait for DOM before showing alerts again.\n var toggleAlert = function toggleAlert() {\n var $alert = element.find('ul');\n $alert.detach();\n $timeout(function () {\n element.find('#pageLevelErrors').append($alert);\n });\n };\n\n // Toggle the alert whenever message changes by removing it and reappending it\n // to the DOM. Should fire even if message\n // is changed to the same, as assumes that the message should be reapplied.\n var cancel;\n scope.$watchCollection('message', function () {\n if ($loader.isLoading() && !cancel) {\n // If loading, toggle the alert after all loading calls have been made.\n // This is so that the alert can be read by screen reader after focus\n cancel = $rootScope.$on('allLoaded', function () {\n cancel();\n toggleAlert();\n\n cancel = null;\n });\n } else {\n toggleAlert();\n }\n });\n\n scope.$on('$destroy', function () {\n if (cancel) {\n cancel();\n }\n });\n }\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/message/directive.js\n// module id = ./components/xo-ui-components/src/message/directive.js\n// module chunks = 0","\n\nexports.__esModule = true;\n\nvar _squid = require('squid');\n\nvar _angular = require('angular');\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nrequire('./styles');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n// wrapper class which looks like password black dot\nvar PASSWORD_DOT_CLASS = 'passwordDot';\n\n// wrapper class which looks like an empty grey dot\nvar DEFAULT_DOT_CLASS = 'defaultDot';\n\n// delay after which input becomes a password dot, so user can see what number was entered for 1 sec\nvar DELAY = 600;\n\n// back key code\nvar BACK_KEY = 0x8;\n\n// check if entered pin combination is valid\nvar isPinValid = function isPinValid(value) {\n var onlyNumbers = /^\\d{4}$/i;\n var consecutiveDigits = /^0123|1234|2345|3456|4567|5678|6789$/i;\n var commonPattern = /^0246|1357|2468|3579$/i;\n var repeatingDigits = /^([0-9])\\1*$/i;\n return onlyNumbers.test(value) && !consecutiveDigits.test(value) && !commonPattern.test(value) && !repeatingDigits.test(value);\n};\n\n// check if entered input value is number before proceeding to the next input\nvar isKeyValid = function isKeyValid(val) {\n return (/^\\d{1}/.test(val)\n );\n};\n\n// get wrapper of input element\nvar getWrapperElement = function getWrapperElement(el) {\n return angular.element(el).parent();\n};\n\n/**\n * This component is for setting PIN number for in-store purchases in tokenized flows (e.g Google Pay / Samsung Pay)\n * It's used in Hermes -> pages/xo-pin-setup\n * After Pin is set -> done callback is being called\n * and pin is getting saved in $TokenizedWalletPinModel and on the xo-review page there is POST API call to save it in the database (see '/api/pin/tokenizedWallet/:id')\n */\nexports['default'] = _squid.$Component.extend('$xoMobilePin', {\n tag: 'xo-mobile-pin',\n template: _template2['default'],\n props: {\n /**\n * callback function passed from xo-pin-setup page in Hermes\n * which is being called when all 4 pin numbers are set\n * (even after first attempt or if it's a too simple combination)\n *\n */\n done: {\n type: 'var'\n }\n },\n\n actions: {\n /**\n * Every time key is released we need to check if all 4 digits are set and so call done function\n * otherwise move cursor to the right if entered value is a number\n */\n releaseKey: function releaseKey(eventObj) {\n var currID = eventObj && eventObj.currentTarget.id;\n if (eventObj && eventObj.keyCode === BACK_KEY) {\n return;\n }\n var currEle = document.getElementById(currID);\n var currentValue = this.pinvalue[currID];\n\n if (this.isDone()) {\n currEle.blur();\n var pin = this.getPin();\n this.props.done(pin);\n }\n if (isKeyValid(currentValue)) {\n this.moveCursor(currID, 'right', false);\n }\n },\n\n /**\n * Every time key is pressed check if it was a back key\n * if yes -> move cursor to the left to the previous input\n */\n pressedKey: function pressedKey(eventObj) {\n var currID = eventObj && eventObj.currentTarget.id;\n\n if (eventObj && eventObj.keyCode === BACK_KEY) {\n this.moveCursor(currID, 'left', true);\n }\n },\n\n /**\n * Every time input is focused:\n * 1. reset input value and store value\n * 2. remove password dot class and default dot class from the parent wrapper\n */\n onFocus: function onFocus(eventObj) {\n var currID = eventObj && eventObj.currentTarget.id;\n var currEle = document.getElementById(currID);\n\n this.pinvalue[currID] = '';\n currEle.value = '';\n\n getWrapperElement(currEle).removeClass(PASSWORD_DOT_CLASS);\n getWrapperElement(currEle).removeClass(DEFAULT_DOT_CLASS);\n },\n\n /**\n * Every time input is unfocused:\n * 1. if current value is empty -> add default dot class to the parent wrapper\n * 2. otherwise add password dot class to the parent wrapper with a delay so user can see an entered value\n */\n onBlur: function onBlur(eventObj) {\n var currID = eventObj && eventObj.currentTarget.id;\n var currentValue = eventObj && eventObj.currentTarget.value;\n var currEle = document.getElementById(currID);\n if (!currentValue) {\n getWrapperElement(currEle).addClass(DEFAULT_DOT_CLASS);\n }\n if (!this.doingReset && currentValue) {\n (0, _angular.$timeout)(function () {\n getWrapperElement(currEle).addClass(PASSWORD_DOT_CLASS);\n currEle.value = '';\n }, DELAY);\n }\n },\n\n /**\n * since we have pseudo classes to render password dot / default dot on top of the inout ->\n * make sure element under the dot is focused every time there is a click\n */\n onWrapperClick: function onWrapperClick(eventObj) {\n angular.element(eventObj.currentTarget).find('input').focus();\n }\n },\n\n lifecycle: {\n enter: function enter() {\n var _this = this;\n\n // store of pin values\n this.pinvalue = {};\n this.doingReset = false;\n this.fields = ['field1', 'field2', 'field3', 'field4'];\n\n // get pin result and check if pin is too simple\n this.getPin = function () {\n var result = { value: '', error: '' };\n _this.fields.forEach(function (fieldName) {\n result.value = result.value + String(_this.pinvalue[fieldName]);\n });\n result.error = isPinValid(result.value) ? '' : 'pin_too_simple';\n return result;\n };\n\n // check if all input values are set and valid\n this.isDone = function () {\n return _squid.$util.every(Object.keys(_this.pinvalue), function (key) {\n var inputVal = _this.pinvalue[key];\n\n return isKeyValid(inputVal);\n });\n };\n\n // move cursor to the left or right based on direction\n this.moveCursor = function (currID, direction, clearCurrent) {\n var currentIndex = _this.fields.indexOf(currID);\n var currEle = document.getElementById(currID);\n if (clearCurrent) {\n currEle.value = '';\n _this.pinvalue[currID] = '';\n }\n\n var nextIndex = void 0;\n if (direction === 'left') {\n nextIndex = currentIndex > 0 ? currentIndex - 1 : 0;\n }\n if (direction === 'right') {\n nextIndex = currentIndex < _this.fields.length - 1 ? currentIndex + 1 : _this.fields.length - 1;\n }\n\n var nextID = _this.fields[nextIndex];\n if (nextID !== currID) {\n var nextEle = document.getElementById(nextID);\n nextEle.focus();\n } else {\n // if user enters value into the last input - unfocus it to prevent entering more\n currEle.blur();\n }\n };\n\n // reset all inputs / store and set focus on first element\n this.reset = function () {\n _this.fields.forEach(function (fieldName) {\n _this.pinvalue[fieldName] = '';\n var currentElement = document.getElementById(fieldName);\n\n getWrapperElement(currentElement).removeClass(PASSWORD_DOT_CLASS);\n getWrapperElement(currentElement).addClass(DEFAULT_DOT_CLASS);\n });\n // set focus to first elemnt\n var firstInput = document.getElementById(_this.fields[0]);\n\n if (firstInput) {\n firstInput.focus();\n }\n _this.doingReset = false;\n };\n },\n populate: function populate() {\n var _this2 = this;\n\n this.reset();\n this.$on('resetPin', function () {\n _this2.doingReset = true;\n (0, _angular.$timeout)(function () {\n return _this2.reset();\n }, DELAY);\n });\n }\n }\n});\n\n\n_squid.$Component;\n\n_squid.$util;\n\n_angular.$timeout;\nmodule.exports = exports['default'];\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/mobile-pin/directive.js\n// module id = ./components/xo-ui-components/src/mobile-pin/directive.js\n// module chunks = 0","module.exports = \"
\\n
\\n \\n
\\n
\\n \\n
\\n
\\n \\n
\\n
\\n \\n
\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/mobile-pin/template.html\n// module id = ./components/xo-ui-components/src/mobile-pin/template.html\n// module chunks = 0","\n\nrequire('../accessibility/directive');\n\nvar _squid = require('squid');\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n// Directives used in the template\n(0, _squid.$registerDirective)('xoModal', function () {\n return {\n template: _template2['default'],\n restrict: 'E',\n replace: true,\n transclude: true,\n\n scope: {\n show: '=?',\n showCloseButton: '=?',\n enableCloseOnEscape: '=?',\n onClose: '=?',\n overrideDefaultContainer: '@?' // Boolean to determine if default styling should be applied to container\n },\n\n controller: function controller($scope) {\n\n var escapeKeyHandler = function escapeKeyHandler($event) {\n if ($event.keyCode === 27) {\n // escape key maps to keycode 27\n $scope.hideModal();\n }\n };\n\n if ($scope.enableCloseOnEscape) {\n // Handle Escape button as close button click\n $(document).bind('keyup', escapeKeyHandler);\n }\n\n $scope.hideModal = function ($event) {\n if ($event) {\n $event.preventDefault();\n }\n\n $scope.show = false;\n $(document).unbind('keyup', escapeKeyHandler);\n\n if ($scope.onClose) {\n $scope.onClose();\n }\n };\n }\n };\n});\n\n_squid.$registerDirective;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/modal/directive.js\n// module id = ./components/xo-ui-components/src/modal/directive.js\n// module chunks = 0","module.exports = \"
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/modal/template.html\n// module id = ./components/xo-ui-components/src/modal/template.html\n// module chunks = 0","\n\ndefine(['jquery', 'squid/index'], function ($, squid) {\n\n squid.module('xo-popup.directive', ['squid']).directive('xoPopup', function ($window, $util) {\n return {\n restrict: 'A',\n\n link: function link(scope, element, attr) {\n\n element.on('click', function (event) {\n event.preventDefault();\n event.stopPropagation();\n\n var config = {\n popupUrl: attr.href,\n popupWindowName: 'popup',\n width: 835,\n height: 500,\n\n popupWindowFeatures: {\n location: 1,\n status: 1,\n scrollbars: 1,\n resizable: 1,\n toolbar: 0,\n menubar: 0\n }\n };\n\n scope.trackExternalLink(attr.id || 'external_link');\n\n var isOneTouch = $util.param('isOneTouch');\n\n if (/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)|PLAYSTATION|iPadApp/i.test($window.navigator.userAgent) && isOneTouch !== '1') {\n scope.$emit('showModal', config);\n return false;\n }\n\n if ($(element).hasClass('smallPopup')) {\n config.width = 385;\n }\n\n var left = 0;\n var top = 0;\n\n if (window.outerWidth) {\n left = Math.round((window.outerWidth - config.width) / 2) + window.screenX;\n top = Math.round((window.outerHeight - config.height) / 2) + window.screenY;\n } else if (window.screen.width) {\n left = Math.round((window.screen.width - config.width) / 2);\n top = Math.round((window.screen.height - config.height) / 2);\n }\n\n var features = Object.keys(config.popupWindowFeatures).map(function (k) {\n return k + '=' + config.popupWindowFeatures[k];\n }).join(',');\n\n // put together WindowFeatures, since, window.open needs it as a string\n features += ',width=' + config.width + ',height=' + config.height + ',left=' + left + ',top=' + top;\n\n var popup = $window.open(config.popupUrl, config.popupWindowName, features);\n\n if (popup.focus) {\n popup.focus();\n }\n });\n },\n\n controller: function controller($scope, $logger) {\n $scope.trackExternalLink = function (linkName) {\n $logger.info(linkName);\n };\n }\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/popup/directive.js\n// module id = ./components/xo-ui-components/src/popup/directive.js\n// module chunks = 0","\n\nexports.__esModule = true;\n\nvar _angular = require('angular');\n\nvar _squid = require('squid');\n\nexports['default'] = (0, _angular.$registerDirective)('prefix-attrs-with', function () {\n return {\n restrict: 'A',\n link: function link(scope, elem, attrs, controller) {\n var prefix = attrs.prefixAttrsWith;\n\n if (prefix && prefix.length) {\n ['id', 'for', 'name'].forEach(function (attrName) {\n var base = attrs[attrName];\n\n if (base) {\n elem.attr(attrName, _squid.$util.dasherizeToCamel(prefix + '-' + base));\n }\n });\n }\n }\n };\n});\n\n\n_angular.$registerDirective;\n\n_squid.$util;\nmodule.exports = exports['default'];\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/prefix-attrs-with/directive.js\n// module id = ./components/xo-ui-components/src/prefix-attrs-with/directive.js\n// module chunks = 0","\n\ndefine(['angular', 'text!./template.html'], function (angular, template) {\n return angular.module('xo-spinner-button.directive', []).directive('xoSpinnerButton', function () {\n return {\n template: template,\n scope: {\n token: '=',\n track: '@',\n onClick: '=',\n buttonText: '@',\n isProcessing: '=',\n validate: '='\n },\n controller: function controller($scope) {\n\n $scope.submit = function () {\n if ($scope.onClick) {\n $scope.onClick();\n } else {\n $scope.validate = true;\n }\n };\n }\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/spinner-button/directive.js\n// module id = ./components/xo-ui-components/src/spinner-button/directive.js\n// module chunks = 0","\n\ndefine(['jquery', 'squid/index', 'text!./template.html', 'xo-beaver/dist/logger'], function ($, squid, template) {\n\n squid.module('xo-spinner.directive', ['squid', 'beaver']).directive('xoSpinner', function () {\n\n return {\n scope: {},\n template: template,\n controller: function controller($scope, $element, $rootScope, $Api, $locale, $logger, $loader, $timeout) {\n\n var $body = angular.element(document.getElementsByTagName('body'));\n var $priorActiveElement = $();\n var $capturedElement = $();\n var $header = $('header');\n var $slidingArea = $('#main');\n var $footer = $('footer');\n\n /**\n * This hides page content from any screen readers.\n * When the spinner's active, the only thing that should be read out is the \"Loading...\" text.\n *\n * The only crappy thing here is the spinner's nested deep in the content, so please excuse this jQuery crap.\n * At the very least, let's cache these selectors :|\n */\n function hidePageContentFromScreenReader(toggle) {\n $header.attr('aria-disabled', toggle);\n $slidingArea.attr('aria-disabled', toggle);\n $footer.attr('aria-disabled', toggle);\n }\n\n function preventDefault(event) {\n var _event$target = event.target;\n _event$target = _event$target === undefined ? {} : _event$target;\n var targetId = _event$target.id;\n\n // Only call preventDefault if the target is not a captcha input.\n // If the target is a captcha input we don't want to prevent the\n // user from entering the captcha code.\n\n if (targetId !== 'captchaCode') {\n event.preventDefault();\n }\n }\n\n function captureFocus(event) {\n if (!$element.has(event.target).length) {\n $capturedElement = $(event.target);\n }\n }\n\n function setLoadingMessage(message) {\n if (angular.isObject(message)) {\n $scope.message = message.heading;\n $('#spinnerMessage').css('font-size', '17.5px');\n $('#spinnerMessage').html(message.heading);\n $('#spinnerSubHeading').html(message.subHeading);\n } else {\n $scope.message = message;\n $('#spinnerMessage').html(message);\n }\n }\n\n function showSpinner() {\n $scope.loading = true;\n $logger.info('show_loading_spinner');\n $body.addClass('loading');\n\n // remember what was previously focused\n $priorActiveElement = $(':focus');\n\n $(':input, a').blur();\n\n hidePageContentFromScreenReader(true);\n\n if ($loader.firstLoad()) {\n setLoadingMessage($locale.content.get('base.processing'));\n }\n\n // focus on the message so that screen readers will let the user know the page is loading\n $(document).on('keydown', preventDefault);\n $(document).on('focusin', captureFocus);\n $timeout(function () {\n $('#spinner-message').focus();\n });\n }\n\n function hideSpinner() {\n $scope.loading = false;\n $logger.info('hide_loading_spinner');\n $('#preloaderSpinner').hide();\n $body.removeClass('loading');\n $(document).off('keydown', preventDefault);\n $(document).off('focusin', captureFocus);\n\n hidePageContentFromScreenReader(false);\n\n // Focus captured element if focus was given to an element while spinner was active.\n if ($capturedElement.length && $(document.body).has($capturedElement).length) {\n $capturedElement.focus();\n // Focus element that had focus before if it is still within the document\n } else if ($priorActiveElement.length && $(document.body).has($priorActiveElement).length) {\n $priorActiveElement.focus();\n } else {\n // If focus is not managed, default to focusing sliding area. Fixes FF and IE bug where tab focus starts from\n // the element last clicked, rather than top of page.\n $slidingArea.focus();\n }\n $priorActiveElement = $();\n $capturedElement = $();\n }\n\n var cancelStartLoad = $rootScope.$on('startLoad', showSpinner);\n var cancelAllLoaded = $rootScope.$on('allLoaded', hideSpinner);\n\n var cancelSetLoadingMessage = $rootScope.$on('loadingMessage', function (event, text) {\n setLoadingMessage(text);\n });\n\n $scope.$on('$destroy', function () {\n hideSpinner();\n cancelStartLoad();\n cancelAllLoaded();\n cancelSetLoadingMessage();\n });\n\n if ($loader.isLoading()) {\n showSpinner();\n }\n }\n };\n });\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/spinner/directive.js\n// module id = ./components/xo-ui-components/src/spinner/directive.js\n// module chunks = 0","\n\nexports.__esModule = true;\n\nvar _squid = require('squid');\n\nvar _logger = require('xo-beaver/dist/logger');\n\nvar _angular = require('angular');\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nrequire('./styles');\n\nvar _utils = require('./utils');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Component.extend('$xoStickyCta', {\n tag: 'xo-sticky-cta',\n template: _template2['default'],\n transclude: true,\n props: {\n eligibility: {\n type: 'var'\n }\n },\n resolve: {},\n lifecycle: {\n populate: function populate() {\n _logger.$logger.info('xoStickyCta_populate_' + this.eligibility);\n if (!this.eligibility) {\n return;\n }\n var position = this.eligibility;\n var stickyContent = document.getElementById('sticky-content');\n var stickyPlaceholder = document.getElementById('sticky-placeholder-' + position);\n var foundContentDom = Boolean(stickyContent);\n var placeholderIsVisible = (0, _utils.isInViewport)(stickyPlaceholder);\n\n angular.element(stickyContent).addClass('sticky-' + position + '-off');\n\n _logger.$logger.info('xoStickyCta_init', {\n foundContentDom: foundContentDom,\n placeholderIsVisible: placeholderIsVisible,\n position: position\n });\n\n /** \n * TODO: Replace sticky logic with 'position:sticky' only when\n * there is greater browser compatibility. It is more seamless.\n * When using 'position:sticky' revert 'overflow:hidden' else sticky is not possible.\n * angular.element(document.getElementById('sliding-area')).css('overflow', 'inherit');\n */\n\n /**\n * Current Logic: if the stickyContent DOM is found in html then\n * - if placeholder is visible on screen -> fix the DOM position to its regular position\n * - if placeholder is not visible on screen -> we make the DOM float\n */\n\n var isFloating = false;\n\n var bindHandler = function bindHandler(event) {\n isFloating = (0, _utils.stickyHandler)(stickyPlaceholder, stickyContent, {\n isFloating: isFloating,\n position: position,\n currentState: _angular.$rootScope.currentState\n });\n };\n\n var stateHandler = function stateHandler(event, toState, toParams, fromState) {\n /**\n * TODO:\n * try to use something like .trayOpen -> great grand child .sticky via css\n * this is required for cases when overlay or sidebar is opened.\n */\n var review = 'checkout.review';\n var to = toState && toState.name;\n var from = fromState && fromState.name;\n\n var conflict = from === to;\n var leaving = !conflict && from === review;\n var entering = !conflict && to === review;\n\n if (leaving) {\n isFloating = (0, _utils.stickyHandler)(stickyPlaceholder, stickyContent, {\n force: 'off',\n position: position\n });\n }\n if (entering) {\n isFloating = (0, _utils.stickyHandler)(stickyPlaceholder, stickyContent, {\n isFloating: isFloating,\n position: position,\n currentState: _angular.$rootScope.currentState\n });\n }\n\n _logger.$logger.info('xoStickyCta_stateChangeSuccess', { to: to, from: from, isFloating: isFloating });\n };\n\n angular.element(_angular.$window).bind('scroll', bindHandler).bind('resize', bindHandler);\n // .bind('orientationchange', bindHandler); // TODO\n\n var stateChangeListener = _angular.$rootScope.$on('$stateChangeSuccess', stateHandler);\n\n this.$on('$destroy', function () {\n _logger.$logger.info('xoStickyCta_destroy');\n angular.element(_angular.$window).unbind('scroll', bindHandler) // remove only the handlers used in this element\n // .bind('orientationchange', bindHandler) // TODO\n .unbind('resize', bindHandler); // remove only the handlers used in this element\n stateChangeListener();\n });\n }\n }\n});\n\n_squid.$Component;\n\n_logger.$logger;\n\n_angular.$window;\n\n_angular.$rootScope;\n\n_utils.isInViewport;\n\n_utils.stickyHandler;\nmodule.exports = exports['default'];\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/sticky-cta/directive.js\n// module id = ./components/xo-ui-components/src/sticky-cta/directive.js\n// module chunks = 0","module.exports = \"
\\n \\n \\n \\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/sticky-cta/template.html\n// module id = ./components/xo-ui-components/src/sticky-cta/template.html\n// module chunks = 0","\n\nexports.__esModule = true;\n/**\n * Checks if provided element is currently visible.\n * \n * @param {any} element: Reference to DOM object\n * @returns {Boolean}\n */\nvar isInViewport = exports.isInViewport = function isInViewport(element) {\n var bounding = element.getBoundingClientRect();\n\n return (\n // check if element is bellow top most pixel\n // check if element is on the right of left most pixel\n // check if element is above the lowest pixel on screen\n // check if element is on the left of the right most pixel\n bounding.top >= 0 && bounding.left >= 0 && bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) && bounding.right <= (window.innerWidth || document.documentElement.clientWidth)\n );\n};\n\n/**\n * Make the element provided sticky\n * \n * @param {any} placeholder: Reference to placeholder DOM object\n * @param {any} element: Reference to DOM object\n * @param {string} position: where the element is located ('top', 'bottom').\n */\nvar makeSticky = exports.makeSticky = function makeSticky(placeholder, element, position) {\n var elementHeight = element.offsetHeight;\n\n angular.element(element).addClass('sticky').addClass('sticky-' + position).removeClass('sticky-' + position + '-off');\n angular.element(placeholder).css('height', elementHeight);\n return true;\n};\n\n/**\n * Make the element provided fixed to regular location\n * \n * @param {any} placeholder: Reference to placeholder DOM object\n * @param {any} element: Reference to DOM object\n * @param {string} position: where the element is located ('top', 'bottom').\n */\nvar removeSticky = exports.removeSticky = function removeSticky(placeholder, element, position) {\n angular.element(element).removeClass('sticky').removeClass('sticky-' + position).addClass('sticky-' + position + '-off');\n angular.element(placeholder).css('height', '');\n return false;\n};\n\n/**\n * Decides when to enable or disable sticky effect on DOM\n * \n * @param {any} stickyPlaceholder: Reference to DOM object\n * @param {any} stickyContent: Reference to DOM object \n * @param {any} context: context related to current state of DOM\n * @returns {Boolean}: Updated state of DOM\n */\nvar stickyHandler = exports.stickyHandler = function stickyHandler(stickyPlaceholder, stickyContent, context) {\n var position = context.position,\n force = context.force,\n currentState = context.currentState,\n isFloating = context.isFloating;\n\n\n if (force === 'off') {\n return removeSticky(stickyPlaceholder, stickyContent, position);\n }\n\n var alreadyFloating = isInViewport(stickyPlaceholder) && isFloating;\n var canEnable = !isInViewport(stickyPlaceholder) && !isFloating && currentState === 'checkout_review';\n\n if (alreadyFloating) {\n return removeSticky(stickyPlaceholder, stickyContent, position);\n } else if (canEnable) {\n return makeSticky(stickyPlaceholder, stickyContent, position);\n } else {\n return isFloating;\n }\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/sticky-cta/utils.js\n// module id = ./components/xo-ui-components/src/sticky-cta/utils.js\n// module chunks = 0","\n\nexports.__esModule = true;\n\nvar _angular = require('angular');\n\nvar _squid = require('squid');\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nfunction getDefaultShowEvent($el) {\n return $el.is('a') || $el.is('button') ? 'click' : 'focus';\n}\n\n// Modify the aria-describedby property to include the id when showing the element so contents are properly read\nfunction addDescribedById($el, id) {\n var describedByIds = $el.attr('aria-describedby') ? $el.attr('aria-describedby').split(' ') : [];\n\n if (!~describedByIds.indexOf(id)) {\n describedByIds.push(id);\n }\n\n $el.attr('aria-describedby', describedByIds.join(' '));\n}\n\n// Modify the aria-describedby attribute to remove the id when hiding the element so contents are no longer read\nfunction removeDescribedById($el, id) {\n var describedByIds = $el.attr('aria-describedby') || '';\n\n $el.attr('aria-describedby', describedByIds.split(' ').filter(function (existingId) {\n return existingId !== id;\n }).join(' '));\n}\n\nvar isMouseTypeEvent = function isMouseTypeEvent(type) {\n return (/mouse/.test(type)\n );\n};\n\nfunction debounceOnMouseTrigger(type, fn) {\n var isMouseType = isMouseTypeEvent(type);\n\n return function () {\n var _arguments = arguments;\n\n if (isMouseType) {\n (0, _angular.$timeout)(function () {\n return fn.apply(null, _arguments);\n }, 250);\n } else {\n fn.apply(null, arguments);\n }\n };\n}\n\nexports['default'] = _squid.$Component.extend('xoTooltip', {\n tag: 'xo-tooltip',\n template: _template2['default'],\n transclude: true,\n props: {\n trigger: {\n type: 'str'\n },\n showEvent: {\n type: 'str'\n },\n hideEvent: {\n type: 'str'\n },\n displayInline: {\n type: 'var'\n },\n align: {\n type: 'str'\n }\n },\n lifecycle: {\n populate: function populate() {\n var $element = this.$element,\n trigger = this.trigger;\n\n var $trigger = $(trigger);\n var toolTip = $element.find('.toolTip');\n var toolTipID = this.toolTipID = 'toolTip_' + Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 7);\n var isMouseOver = false;\n\n /**\n * Toggle the show/hide state of the tooltip\n */\n var toggle = function toggle(event) {\n if (toolTip.length && toolTip.is(':visible')) {\n close(event);\n } else {\n show(event);\n }\n };\n\n /**\n * Show the tooltip, if not already shown.\n */\n var show = function show(event) {\n if (event) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n addDescribedById($trigger, toolTipID);\n\n // Show the tooltip and position the page scroll to include the element on page\n $element.show();\n toolTip.slideDown({\n progress: function progress() {\n var windowBot = $(window).scrollTop() + $(window).height();\n var toolTipBot = toolTip.offset().top + toolTip.outerHeight();\n if (toolTipBot > windowBot) {\n $(window).scrollTop(toolTipBot - $(window).height());\n }\n }\n });\n };\n\n /**\n * Hide the tooltip\n */\n var close = function close(event) {\n if (event) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if (!isMouseOver) {\n if (toolTip.length && toolTip.is(':visible')) {\n toolTip.slideUp(100, function () {\n $element.hide();\n });\n } else {\n $element.hide();\n }\n\n removeDescribedById($trigger, toolTipID);\n }\n };\n\n /**\n * Setting up the DOM behavior for this component\n */\n // Set defaults for showEvent and hideEvent if not provided\n this.showEvent = this.showEvent || getDefaultShowEvent($element);\n this.hideEvent = this.hideEvent || 'blur';\n\n var SHOW_EVENT = this.showEvent + '.toolTip';\n var HIDE_EVENT = this.hideEvent + '.toolTip';\n\n // Initially hide the tooltip\n $element.hide();\n\n // If tooltip is clicked, don't bubble up and trigger parent handlers\n $element.on('click', function (event) {\n return event.stopPropagation();\n });\n\n // If the tooltip contains an element with a \"close\" class, treat it as a close button\n $element.on('click', '.close', close);\n\n // Track whether the mouse is on the tooltip or not\n $element.on('mouseover', function () {\n isMouseOver = true;\n });\n $element.on('mouseleave', function () {\n isMouseOver = false;\n });\n\n // Clicking anywhere on the document not on the tooltip will close the tooltip.\n // Event is not passed so that other actions are not prevented\n $(document).on('click.toolTip', function (e) {\n // Needed because when the trigger is clicked, this click handler will also be fired.\n // So without this check the tooltip will open due to the trigger click and then this\n // document event handler would immediately close it\n if (!$trigger.is(e.target)) {\n close();\n }\n });\n\n // Register the handlers to show and hide the tooltip\n if (this.showEvent === this.hideEvent) {\n $trigger.on(SHOW_EVENT, toggle);\n $element.on(SHOW_EVENT, toggle);\n } else {\n $trigger.on(SHOW_EVENT, show);\n $trigger.on(HIDE_EVENT, debounceOnMouseTrigger(this.hideEvent, close));\n // Also allow close event to happen on the tooltip itself, for mouse type events\n $element.on(HIDE_EVENT, debounceOnMouseTrigger(this.hideEvent, close));\n }\n\n // Clean up external listeners on exit\n this.$on('$destroy', function () {\n $(document).off('click.toolTip');\n $trigger.off(SHOW_EVENT);\n $trigger.off(HIDE_EVENT);\n close();\n });\n }\n }\n});\n\n\n_angular.$timeout;\n\n_squid.$Component;\nmodule.exports = exports['default'];\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./components/xo-ui-components/src/tooltip/directive.js\n// module id = ./components/xo-ui-components/src/tooltip/directive.js\n// module chunks = 0","module.exports = \"
\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-pin-setup/template.html\n// module id = ./pages/xo-pin-setup/template.html\n// module chunks = 0","\n\nexports.__esModule = true;\nexports.$xoReviewPageComponent = undefined;\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 _angular = require('angular');\n\nvar _squid = require('squid');\n\nvar _jquery = require('jquery');\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nrequire('js/lib/index');\n\nrequire('xo-models/src/checkout/index');\n\nrequire('xo-title/dist/directive');\n\nrequire('xo-ui-components/src/message/directive');\n\nrequire('xo-ui-components/src/banner/directive');\n\nrequire('xo-ui-components/src/sticky-cta/directive');\n\nrequire('xo-ui-components/src/user-assist-banner/directive');\n\nrequire('xo-ui-components/src/expired-message/directive');\n\nrequire('xo-form-components/src/select-shipping-method/directive');\n\nrequire('xo-member-components/src/review-address/directive');\n\nrequire('xo-member-components/src/review-paywith/directive');\n\nrequire('xo-third-party-components/src/review-paywith-venmo/directive');\n\nrequire('xo-third-party-components/src/review-paywith-baidu/directive');\n\nrequire('xo-page-components/src/value-props/directive');\n\nrequire('xo-page-components/src/messenger-plugin/directive');\n\nvar _fbMessenger = require('xo-page-components/src/constants/fbMessenger');\n\nvar _fbMessenger2 = _interopRequireDefault(_fbMessenger);\n\nrequire('xo-address-components/src/address-display/directive');\n\nrequire('xo-credit-components/src/offer/directive');\n\nrequire('xo-credit-components/src/offer/xo-credit-example-uk/directive');\n\nrequire('xo-credit-components/src/xo-offer-top-banner/directive');\n\nrequire('xo-return-to-merchant/dist/util');\n\nrequire('xo-models/src/app/index');\n\nrequire('xo-models/src/user/index');\n\nrequire('xo-models/src/bml/index');\n\nrequire('xo-models/src/fi/index');\n\nrequire('xo-models/src/fi/lib/fiMessages');\n\nrequire('xo-models/src/fi/lib/fiApis');\n\nrequire('xo-models/src/auth/lib/xoAPayUtils');\n\nrequire('xo-device-info/dist/index');\n\nvar _logger = require('xo-beaver/dist/logger');\n\nrequire('xo-credit-components/src/bml-display/xo-bml-popup/directive');\n\nrequire('xo-page-components/src/cart/lib/pxp');\n\nrequire('xo-wallet-components/src/3ds/directive');\n\nvar _index = require('xo-models/src/choice/index');\n\nrequire('xo-page-components/src/marketingOffers/directive');\n\nvar _integration = require('js/lib/integration');\n\nrequire('xo-member-components/src/review-topup/directive');\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nvar _fi = require('xo-models/src/fi');\n\nvar _index2 = require('xo-models/src/fiMeta/index');\n\nvar _index3 = _interopRequireDefault(_index2);\n\nrequire('xo-styles/dist/lib/toggle');\n\nvar _ul = require('xo-login-components/src/unified-login/ul');\n\nvar _thirdPartyInfo = require('xo-third-party-components/src/thirdParty-info');\n\nrequire('xo-login-components/src/onetouch-interstitial/kmliUpsell');\n\nvar _newMember = require('xo-models/src/newMember');\n\nrequire('xo-page-components/src/notYou/directive');\n\nvar _app = require('xo-models/src/app');\n\nvar _index4 = require('xo-models/src/credit/index');\n\nvar _factory = require('./factory');\n\nvar _factory2 = require('../xo-select-fi/factory');\n\nvar _factory3 = require('xo-ui-components/src/expired-message/factory');\n\nvar _index5 = require('xo-models/src/eligibility/index');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n// Create payload that contains relevant data about the checkout state at review page\nfunction createReviewFptiPayload(_ref) {\n var checkoutSession = _ref.checkoutSession;\n\n var shipping_address_id = checkoutSession.get('shipping.id');\n\n return {\n shipping_address_id: shipping_address_id\n };\n}\n\nvar $xoReviewPageComponent = exports.$xoReviewPageComponent = _squid.$Component.extend('$xoReviewPageComponent', {\n tag: 'xo-review-page',\n template: _template2['default'],\n scope: {\n redirectiframe: '=',\n redirectLightbox: '='\n },\n actions: {\n updatePreferredFi: function updatePreferredFi(logger) {\n if (this.makeFiPreferred && this.makeFiPreferred.selected) {\n var PreferredFi = new _fi.$PreferredFi({\n preferred: [this.makeFiPreferred.fiId]\n });\n\n logger.info('checkout_fpti', {\n 'pref_fi_set': '1'\n });\n\n return PreferredFi.save({\n transientError: true,\n contingencies: {\n DEFAULT: function DEFAULT() {}\n }\n });\n }\n\n logger.info('checkout_fpti', {\n 'pref_fi_set': '0'\n });\n\n return _angular.$q.when();\n },\n\n // Log currency conversion options if present\n logSessionCurrencyConversion: function logSessionCurrencyConversion(checkoutSession) {\n var payload = {};\n\n if (checkoutSession.get('plan.conversion')) {\n payload.type = checkoutSession.get('plan.conversion.paypal') ? 'PAYPAL' : 'VENDOR';\n payload.is_conversion_shown = checkoutSession.get('plan.conversion.changeable') ? 1 : 0;\n } else {\n payload.type = 'NONE';\n payload.is_conversion_shown = 0;\n }\n\n _logger.$logger.info('currency_conversion', payload);\n }\n },\n lifecycle: {\n reenter: function reenter() {\n var msgKeys = this.checkoutSession.get('message.msgKeys', []);\n\n if (msgKeys.indexOf('confirmUpop.confirmUpopOrChooseAltMethod') === -1) {\n this.showUnconfirmedUpopMsg = !!this.checkoutSession.unconfirmed_upop;\n }\n\n // Reset the selectedmethod indicator and state change listener\n if (this.setupMultipleFi) {\n this.setupMultipleFi();\n }\n\n var instrumentId = this.checkoutSession.fundingOptions.get('plans.0.primaryFs.id');\n\n // If FS has changed due to an update, reset the preferred FI checkbox\n if (this.makeFiPreferred && this.makeFiPreferred.fiId !== instrumentId) {\n _logger.$logger.info('checkout_fpti', {\n 'pref_fi_option_shown': '1'\n });\n this.makeFiPreferred.selected = false;\n }\n\n this.topupError = false; // set default value to false (hide error when enter)\n\n _logger.$logger.info('checkout_fpti', _extends({\n from: 'REVIEW',\n to: 'prepare_review'\n }, createReviewFptiPayload({\n checkoutSession: this.checkoutSession\n })));\n this.actions.logSessionCurrencyConversion(this.checkoutSession);\n this.showExpiredMsg = _factory3.$ExpiredMsgFactory.showExpiredMsg(this.isNmj, this.checkoutSession);\n },\n populate: function populate() {\n if (this.checkoutCart.isWalletTokenization()) {\n (0, _jquery2['default'])('#outerWrapper').addClass('tokenization topup');\n\n (0, _jquery2['default'])('.review .reviewTopup').css('min-height', function () {\n var height = window.innerHeight || document.documentElement && document.documentElement.clientHeight;\n return height && height - 110; // 110px => height of header & footer\n });\n }\n },\n exit: function exit() {\n if (this.checkoutCart.isWalletTokenization()) {\n (0, _jquery2['default'])('.tokenization').removeClass('topup');\n }\n }\n },\n controller: function controller($scope, $state, $rootScope, $FallbackError, $populate, $DeviceInfo, $KmliUpsell, $CheckoutAppDataModel, $CheckoutCartModel, $CheckoutSessionModel, $ShippingRuleSummaryModel, $feature, $AuthModel, $pxp, $config, $meta, $experiment, $miniBrowser, $locale, $pxpFactors, $window, $util, $featureCountries, $BMLModel, $ApplyForBMLModel, $CheckoutPayeeModel, $pxpCartAmt, $timeout, $unresolved, $renderContent, $fiMessages, $fiApis, $element, $AddCardModel, $CardModel, $CreditDataModel, $WalletPreferences, $xoAPayUtils, $TokenizedWalletPinModel, $MemberSegmentModel, $AuthConsentModel) {\n\n $scope.choiceBalanceCheckboxState = _factory2.$BalanceFactory.get();\n\n $scope.isThirdPartyWalletExperience = function () {\n var experience = _thirdPartyInfo.thirdPartyExperience.getExperience($rootScope.token);\n return experience === 'BAIDU_EXPERIENCE' || experience === 'VENMO_EXPERIENCE';\n };\n\n $scope.determineThirdPartyWalletExperience = function () {\n return _thirdPartyInfo.thirdPartyExperience.getExperience($rootScope.token);\n };\n\n $scope.creditParentContext = {\n populated: false,\n newMember: {},\n showCreditOffer: true // Flag for experimenting with display of the Credit Offer based on CEP\n };\n $scope.memberSegment = $MemberSegmentModel.instance();\n\n $scope.showCreditPlacement = function () {\n $scope.creditParentContext.newMember.creditOffer = $scope.memberSegment && $scope.memberSegment.creditOffer; // for xo-offer handling\n var show = !$scope.isThirdPartyWalletExperience() && $scope.creditParentContext.populated && $scope.creditParentContext.showCreditOffer && !$rootScope.showFiSelectPage;\n\n return show;\n };\n\n var useCEPForCreditOfferDisplay = function useCEPForCreditOfferDisplay() {\n return $scope.memberSegment.showCreditOffer().then(function (show) {\n $scope.creditParentContext.showCreditOffer = !!show;\n });\n };\n\n var applyNewMemberVariant = function applyNewMemberVariant() {\n _newMember.$NewMemberEligibility.instance().getVariant($scope.token).then(function (variant) {\n // feature flag for one page nmj experience\n var isNmjDesign1 = $scope.isNmjDesign1 = variant === 'one_page';\n\n // feature flag for one page nmj design 2 experience\n var isNmjDesign2 = $scope.isNmjDesign2 = variant === 'design_2';\n\n // feature flag for one page nmj design 3 experience\n var isNmjDesign3 = $scope.isNmjDesign3 = variant === 'design_3';\n\n // umbrella flag for nmj experience\n var isNmj = $scope.isNmj = isNmjDesign1 || isNmjDesign2 || isNmjDesign3;\n\n $scope.showViewYourPaymentRights = (isNmjDesign2 || isNmjDesign3) && $locale.country === 'US';\n\n $scope.showGreyHeader = $scope.isNmjDesign2 || $scope.isNmjDesign3;\n\n $scope.nmjExperience = {\n one_page: $scope.isNmjDesign1,\n design_2: $scope.isNmjDesign2,\n design_3: $scope.isNmjDesign3\n };\n\n // set assist-banner content based on type of nmj flow - if any\n var isPayNow = $scope.useraction === 'commit';\n var userName = $scope.auth.first_name ? $scope.auth.first_name : $scope.auth.email;\n if (isNmjDesign1) {\n $scope.assistBannerHeader = $locale.content.get('memberReview.assistHeader_1page');\n $scope.assistBannerBody = $locale.content.get(isPayNow ? 'memberReview.assistBody_paynow_1page' : 'memberReview.assistBody_continue_1page');\n } else if ($scope.showGreyHeader) {\n if (isPayNow) {\n $scope.headerMsg = $renderContent('memberReview.nmjDesign2HeaderMsgPayNow', { userName: userName });\n } else {\n $scope.headerMsg = $renderContent('memberReview.nmjDesign2HeaderMsgContinue', { userName: userName });\n }\n }\n\n $scope.creditParentContext.newMember.variant = variant;\n $scope.creditParentContext.newMember.useCEPDecision = isNmj;\n $scope.creditParentContext.populated = true;\n\n $scope.showPaypalPolicy = !$scope.isThirdPartyWalletExperience() && $scope.showPaypalPolicies && !$scope.showViewYourPaymentRights;\n $scope.showPaymentRights = !$scope.isThirdPartyWalletExperience() && $scope.showPaypalPolicies && $scope.showViewYourPaymentRights;\n\n _logger.$logger.info('member_ryi_variant_' + (variant || 'unknown'), {\n isNmj: isNmj,\n variant: variant\n });\n });\n };\n\n var triggerPersonalizedBanner = function triggerPersonalizedBanner() {\n $scope.personalizedBanner.trigger();\n };\n\n if ($scope.isThirdPartyWalletExperience()) {\n // log buyer type for third Party usecases\n _logger.$logger.info('buyer_info', {\n fpti_buyer_type: $scope.determineThirdPartyWalletExperience() === 'VENMO_EXPERIENCE' ? 'Guestuser_venmo' : 'nonloginmember_benteley'\n });\n } else {\n // log existing buyer\n _logger.$logger.info('buyer_info', {\n fpti_buyer_type: 'Existinguser'\n });\n }\n\n // OUTRO PXP VARS - START //\n\n // indicates which exit message to display, for EC txns\n // 0 - message default (i.e., does nothing)\n // 1 - variation 1 - diff button label and exit msg with slight delay\n // 2 - variation 2 - diff exit msg and slight delay\n // 3 - variation 3 - diff exit msg and longer delay\n var pxpExitMsg = 0;\n // max length of the merchant name\n var pxpMerchNameLimit = 20;\n // the brand or merchant name - resolved after retrieving appdata\n var pxpMerchName = void 0;\n\n // OUTRO PXP VARS - END //\n\n $scope.token = $rootScope.token;\n\n $scope.backUri = 'checkout.review';\n\n $scope.installmentNotSelected = false;\n\n $scope.installment = {\n showBanner: false,\n showCYCO: false,\n showCreditExample: false\n };\n\n /* Flag to determine whether merchant supports callback shipping options for given address\n 1. Default : true\n 2. shippingRegionSupported : false -> Show shipping region not supported error in review page and do not allow Pay\n */\n $scope.instantUpdateFeature = {\n shippingRegionSupported: true\n };\n\n // PAD Toggle feature\n $scope.padToggleFeature = {\n applicable: false,\n checkboxEnabled: false,\n showCheckbox: false,\n defaultPlan: false,\n pxpControlEnabled: false,\n fptiLogged: false,\n multiFiCheckboxStates: {}\n };\n\n // 'continue' or 'pay now' button text\n $scope.payButtonText = function () {\n return '';\n };\n\n $scope.isGCcountry = ($config.giftCardSupportedCountries || '').indexOf($locale.country) > -1;\n\n $scope.showPaypalPolicies = $featureCountries('showPaypalPolicies').indexOf($locale.country) > -1;\n\n $scope.makeAddrPreferred = {\n shown: false,\n selected: false\n };\n\n $scope.showPolicyAgreement = $feature('showPolicyAgreement');\n\n $scope.isMessengerBAIntegration = _integration.$integration.getConfig('IS_MESSENGER_BA_INTEGRATION');\n $scope.isPrechecked = _fbMessenger2['default'].PRECHECKED_COUNTRIES.indexOf($locale.country) >= 0;\n\n $scope.personalizedBanner = {\n show: false,\n trigger: function trigger() {\n var isOneTouchBanner = $scope.auth.rememberedOT() && $feature('oneTouchPersonalization'),\n newMemberDesign1 = $scope.isNmjDesign1;\n\n $scope.personalizedBanner.show = newMemberDesign1 || isOneTouchBanner;\n }\n };\n\n $scope.optin_toggle = {\n isEnabled: false,\n value: false,\n showExpandedTerms: true,\n setValue: function setValue(val) {\n this.value = val;\n // this.showExpandedTerms = false; // hide terms upon user interaction\n _logger.$logger.debug('ryi_optin_toggle_setValue', {\n value: this.value,\n showExpandedTerms: this.showExpandedTerms\n });\n }\n };\n _logger.$logger.debug('kmliUpsell review: init');\n $KmliUpsell.init($scope.token, false, true);\n\n function optInUser() {\n // eslint-disable-line no-unused-vars\n\n _logger.$logger.info('ryi_optin', {\n 'from': 'OT_Toggle',\n 'to': 'prepare_optin'\n });\n $scope.optin_toggle.setValue(true);\n var optinSource = 'checkoutToggle';\n var silentSpinner = true;\n _ul.$ul.optInToOneTouch($scope.token, $locale.country, $locale.lang, silentSpinner, {\n 'stateName': 'OT_Toggle',\n 'transInfix': 'process_optin'\n }, optinSource).then(function (res) {\n _logger.$logger.debug('ryi_optin_toggle_process_optin');\n })['catch'](function (err) {\n // eslint-disable-line handle-callback-err\n _logger.$logger.debug('ryi_optin_toggle_process_optin_Error', {\n 'int_error_description': err.message\n });\n });\n }\n\n function optOutUser() {\n // eslint-disable-line no-unused-vars\n\n _logger.$logger.info('ryi_optin', {\n 'from': 'OT_Toggle',\n 'to': 'prepare_optout'\n });\n\n $scope.auth.action('optout', { silent: true }).then(function (res) {\n _logger.$logger.info('ryi_optin', {\n 'from': 'OT_Toggle',\n 'to': 'process_optout'\n });\n $scope.$applyAsync(function () {\n var bannerElement = $element.find('.oneTouchBanner');\n bannerElement.addClass('leave_animation');\n _logger.$logger.debug('ryi_optin bannerElement animate');\n $timeout(function () {\n $scope.optin_toggle.setValue(false);\n $scope.optin_toggle.isEnabled = false;\n }, 1400);\n });\n })['catch'](function (err) {\n _logger.$logger.info('ryi_optin', {\n 'from': 'OT_Toggle',\n 'to': 'process_optout',\n 'error_source': 'identityauthorizationserv',\n 'int_error_code': 'optout_failure',\n 'int_error_description': err.message\n });\n });\n }\n\n $scope.onTouchToggle = function (value) {\n _logger.$logger.debug('optin_toggle_change_attempt', {\n 'ryi_optin': $scope.optin_toggle,\n 'remembered': $scope.auth.remembered,\n 'value': value\n });\n if ($scope.optin_toggle.isEnabled) {\n if (value) {\n optInUser();\n } else {\n optOutUser();\n }\n }\n };\n\n $scope.tagFamilyComputer = function () {\n // creates a log to tag device as family computer.\n // if we can distinguish between single user, family computer and shared computer\n // we may be able to offer a way to switch accounts\n var buyer_id = $scope.auth.buyer_id;\n var logPayload = {\n localStorageEnabled: false,\n isMobile: $DeviceInfo.isMobile()\n };\n if ($util.localStorageEnabled()) {\n var family_device_key = 'family_device_test';\n var public_device_key = 'public_device_test';\n logPayload.localStorageEnabled = true;\n\n var objStr = localStorage.getItem(family_device_key);\n var publicDeviceTest = localStorage.getItem(public_device_key);\n if (publicDeviceTest === 'true') {\n // dont overuse localStorage there is a size limit\n localStorage.removeItem(family_device_key);\n logPayload.isPublicDevice = true;\n } else {\n var buyerList = objStr ? JSON.parse(objStr) : [];\n if (buyerList.indexOf(buyer_id) === -1) {\n buyerList.push(buyer_id);\n }\n\n // assuming 5 or less users on a device as family computer\n logPayload.isFamilyDevice = Boolean(buyerList.length > 1 && buyerList.length < 6);\n logPayload.isPublicDevice = Boolean(buyerList.length > 20);\n logPayload.userCount = buyerList.length;\n\n objStr = JSON.stringify(buyerList);\n localStorage.setItem(family_device_key, objStr);\n localStorage.setItem(public_device_key, logPayload.isPublicDevice.toString());\n }\n }\n var eligibility_reason = 'localStorage:' + logPayload.localStorageEnabled + '_isPublicDevice:' + logPayload.isPublicDevice + '_isFamilyDevice:' + logPayload.isFamilyDevice + '_userCount:' + logPayload.userCount;\n _logger.$logger.debug('family_device_test', logPayload);\n _logger.$logger.info('checkout_fpti', {\n 'from': 'family_device_test',\n 'to': 'process_elg_chk',\n 'eligibility_reason': eligibility_reason\n });\n };\n\n function stickyCTA() {\n return _index5.$stickyCTA.instance().getEligibility().then(function (eligibility) {\n $scope.stickyEligibility = eligibility;\n });\n }\n\n // Format the informal name if populated\n function setInformalName() {\n if ($scope.auth) {\n $scope.formattedNameInformal = (0, _squid.formatNameInformal)({\n first_name: $scope.auth.first_name,\n last_name: $scope.auth.last_name\n }) || $scope.auth.email;\n }\n }\n\n function updateAddressAsPreferred() {\n if ($scope.makeAddrPreferred.shown) {\n _logger.$logger.info('makeAddrPreferred.shown', {});\n }\n\n if ($scope.makeAddrPreferred.selected) {\n _logger.$logger.info('makeAddrPreferred.selected', {});\n\n // Ignore all errors from setPreferred api, by passing transientError as true\n return $scope.checkoutSession.shipping.action('setPreferred', {\n transientError: true\n });\n }\n\n return _angular.$q.when();\n }\n\n function setStickyInstrument() {\n if (!$config.features.DEFAULT.enableStickyFunding || $scope.isThirdPartyWalletExperience()) {\n return _angular.$q.when();\n }\n\n // If the currently selected plan is not saved in the checkoutSession, make the call to save it.\n // For BA no purchase cases, the only way we track it is in the checkout session, so it should already be saved (selected id will equal sticky id).\n // For all other purchase cases, we need to look at the first in fundingOptions and match it to futurePaymentInstruments\n var savedSticky = $scope.checkoutSession.selectedFuturePaymentInstrument;\n var selectedSticky = $scope.checkoutSession.getSelectedStickyInstrument();\n\n // selectedSticky will not be populated if this isn't a billing case.\n if (!selectedSticky) {\n return _angular.$q.when();\n }\n\n // If we haven't saved the selected sticky instrument yet,\n // make the API call to save it\n if (!savedSticky || savedSticky.instrument_id !== selectedSticky.instrument_id) {\n return $scope.checkoutSession.action('setStickyFI', {\n data: {\n instrument_id: selectedSticky.instrument_id\n }\n });\n }\n\n return _angular.$q.when();\n }\n\n function linkAuthConsent() {\n /* Check if its BA flow and we have merchant consent code */\n if ($scope.checkoutCart.isBilling() && $scope.checkoutCart.billing) {\n\n // Getting merchant account's billing consent code i.e. legal_text_code\n var billingConsentCode = $scope.checkoutCart.billing.consent_code;\n var FB_CONSENT_CODE = 'facebookp2p';\n var authConsentModel = $AuthConsentModel.instance();\n\n if (billingConsentCode === FB_CONSENT_CODE) {\n authConsentModel.action('link', {\n data: {\n 'ba_token': $meta.baToken\n },\n success: function success() {\n _logger.$logger.info('link_authconsent_success', {});\n }\n });\n }\n }\n }\n\n function setWalletTopupPreferences() {\n if ($scope.checkoutCart.isWalletTokenization()) {\n $scope.walletPreferences = $WalletPreferences.instance($scope.token);\n return $scope.walletPreferences.save();\n }\n }\n\n function isValidPinSetup() {\n if ($scope.walletPinModel && $scope.walletPinModel.isSetupEligible()) {\n if (!$scope.walletPinModel.userPin) {\n return false;\n }\n }\n return true;\n }\n\n function prepareTokenizedWallet() {\n if ($scope.checkoutCart.isWalletTokenization()) {\n return $populate($scope, {\n walletPreferences: $WalletPreferences.instance($scope.token),\n walletPinModel: $TokenizedWalletPinModel.instance($scope.token)\n }).then(function (result) {\n\n var instrument_id = $scope.walletPreferences.topup.fundingSource.instrument_id;\n var defaultFI = $util.find($scope.checkoutSession.topupFundingSources, function (fs) {\n return fs.instrument_id === instrument_id;\n }) || {};\n var pinStatus = 'default_pin_unavailable';\n if ($scope.walletPinModel.isPinIdPresent()) {\n pinStatus = 'already_exist';\n } else if ($scope.walletPinModel.getPinOrigin() !== 'UNSET') {\n pinStatus = 'pin_error';\n } else if ($scope.walletPinModel.getSuggestedPin()) {\n pinStatus = 'default_pin_available';\n }\n\n _logger.$logger.info('tokenized_wallet', {\n 'from': 'TopUp_REVIEW',\n 'to': 'prepare_review',\n 'context_id': $scope.token,\n 'context_type': 'EC-Token',\n 'billing_token': $meta.baToken,\n 'default_topup_fi': defaultFI.type,\n 'pin': pinStatus\n });\n });\n }\n return _angular.$q.when();\n }\n\n function setTokenizedWalletPin() {\n if ($scope.walletPinModel) {\n var pinModel = {\n data: {\n pin: $scope.walletPinModel.userPin\n },\n contingencies: {\n DEFAULT: function DEFAULT(name, err) {\n _logger.$logger.info('tokenized_wallet', {\n 'from': 'TopUp_REVIEW',\n 'to': 'process_review',\n 'context_id': $scope.token,\n 'context_type': 'BA-Token',\n 'billing_token': $meta.baToken,\n 'int_error_code': 'pin_setup_contingencies',\n 'int_error_description': err,\n 'error_source': 'issuancemanagementserv'\n });\n\n throw err;\n }\n }\n };\n\n if ($scope.walletPinModel.isSetupEligible()) {\n if ($scope.walletPinModel.isPinIdPresent()) {\n pinModel.data.pinId = $scope.walletPinModel.getPinId();\n }\n return $scope.walletPinModel.save(pinModel);\n }\n }\n return _angular.$q.when();\n }\n\n function show3DSLightbox() {\n var cc_id = $scope.checkoutSession.get('resolve_3ds.ccId');\n var plans = $scope.checkoutSession.get('plan.sources');\n var plan = plans && plans.filter(function (e) {\n return e.instrument_id === cc_id;\n })[0].amount;\n $scope.resolve_3ds_data = {\n cc_id: cc_id,\n flow_id: 'HERMES',\n merchant_id: $scope.payee.get('merchant.id'),\n merchant_country_code: $scope.checkoutAppData.get('merchant.merchant_country'),\n transaction_amount_currency: plan.currency_code || null,\n transaction_amount_value: plan.amount || null\n };\n $scope.launch3DSResolver = true;\n }\n\n function setProcessorDeclineMessage() {\n\n var processorDeclinedMsg = $fiMessages.processorDeclinedMsg($scope.checkoutSession, true);\n\n if (processorDeclinedMsg) {\n $scope.checkoutSession.message = {\n type: processorDeclinedMsg.type,\n msgs: [processorDeclinedMsg.msg]\n };\n }\n }\n\n function getPadToggleStatus() {\n var toggleStatus = 'NA'; // NOT APPLICABLE status\n if (_factory.$PADFactory.isPadToggleFeatureApplicable($scope.padToggleFeature)) {\n if ($scope.padToggleFeature.checkboxEnabled) {\n toggleStatus = 'ON';\n } else {\n toggleStatus = 'OFF';\n }\n }\n\n return toggleStatus;\n }\n\n function authorize() {\n if ($scope.checkoutSession.resolve_3ds) {\n return show3DSLightbox();\n }\n\n function isXoonUpopRedirect() {\n if (!($scope.checkoutSession && $scope.checkoutSession.get('errorData.resolution.data.fi.type'))) {\n return false;\n }\n\n return $util.param('redirectToHermesOnUpopCancel') === 'xoon' && $scope.checkoutSession.errorData.resolution.name === 'PAYER_TO_AUTHENTICATE_CARD' && !$scope.checkoutSession.errorData.resolution.data.alternate_options && $scope.checkoutSession.errorData.resolution.data.fi.type.toUpperCase() === 'CUP';\n }\n\n if ($scope.checkoutSession.unconfirmed_upop || isXoonUpopRedirect()) {\n var card = void 0;\n\n if ($scope.checkoutSession.unconfirmed_upop) {\n card = $scope.checkoutSession.unconfirmed_upop;\n } else {\n card = $scope.checkoutSession.errorData.resolution.data;\n }\n\n $scope.cardModel = new $AddCardModel({});\n $scope.cardModel.id = card.fundingId;\n $scope.cardModel.card = new $CardModel({\n number: 'xxxx-xxxx-xxxx-' + card.fi.number,\n type: card.fi.type.toUpperCase(),\n productType: card.fi.productType\n });\n\n $state.go('.confirmUpop');\n return;\n }\n\n if ($scope.checkoutCart.isWalletTokenization()) {\n $xoAPayUtils.setAPayCookie($scope.token);\n }\n\n // if testing exit messaging (besides 4)...\n if (pxpExitMsg && pxpExitMsg !== 4) {\n\n // HACK - REMOVE and REFACTOR ONCE DONE\n\n // overload base.processing in strings\n // since quid is hardcoded to use string each time\n // required only for testing - remove and refactor,\n // to properly allow for dynamic spinner messages\n\n // resolve merchant name\n var merchantName = pxpMerchName;\n // Dont restrict the length of the merchant name displayed for variation 6\n var applyMerchantNameLimit = pxpExitMsg !== 6;\n // flag when name is missing or longer than 20 chars\n var badMerchantName = !merchantName || applyMerchantNameLimit && merchantName.length > pxpMerchNameLimit;\n var outroMsg = void 0;\n\n // if exiting with variation 1 or 5 or 6 ...\n if (pxpExitMsg === 1 || pxpExitMsg === 5 || pxpExitMsg === 6) {\n outroMsg = badMerchantName ? 'We’re sending you back to the merchant to complete this purchase.' : 'We\\u2019re sending you back to ' + merchantName + ' to complete this purchase.';\n } else {\n // otherwise, show variation 2/3\n outroMsg = badMerchantName ? 'Next, complete your purchase with the merchant.' : 'Next, complete your purchase with ' + merchantName + '.';\n }\n\n // capture current route\n var reviewRoute = $state.current;\n\n // listen to !startLoad\n // this is the only way we can then manipulate the spinner\n var cancelOutroOverride = $rootScope.$on('startLoad', function () {\n // if this is the review route...\n // this is needed, in case the session has ended\n // at this point, we need this listener to do nothing\n if ($state.current === reviewRoute) {\n // force spinner styling and content\n // this is delayed, because (for some reason)\n // the spinner isn't in the DOM _yet_,\n // even though #showSpinner() fired... UGH!\n $timeout(function () {\n (0, _jquery2['default'])('#spinner-message').css({\n width: '130%',\n marginLeft: '-15%'\n })\n // setting here, since `ng-bind-html` didn't work in spinner directive\n .html(outroMsg);\n }, 1);\n } else {\n // (otherwise) when no longer the review route...\n // this means something happened before redirect\n // likely an expired session\n // In that case we'll remove this listener\n // It will just be re-added, in the next redirect attempt\n cancelOutroOverride();\n }\n });\n }\n\n function testOutros(fn) {\n // if showing an outro variation and it's not 4...\n if (pxpExitMsg && pxpExitMsg !== 4) {\n // the spinner will be hidden _after_ this success callback\n // we need to show it again, but have no hook for doing so\n // besides the \"allLoaded\" event.\n // Chaining events **is** bad juju, but... (sigh)\n var tmpSpinnerDelayFix = $rootScope.$on('allLoaded', function () {\n tmpSpinnerDelayFix();\n $rootScope.$emit('startLoad');\n });\n\n var applyDesktopVariation = pxpExitMsg === 6 && !$DeviceInfo.isMobile();\n\n if (applyDesktopVariation || pxpExitMsg === 3) {\n _logger.$logger.info('exit_msg_delay_variation', {\n pxpExitMsg: pxpExitMsg,\n applyDesktopVariation: applyDesktopVariation\n });\n // do long delay\n $timeout(fn, 4000);\n } else {\n // (otherwise) when the other variations...\n // do slight delay\n $timeout(fn, 2500);\n }\n } else {\n // (otherwise) when control treatment...\n // redirect now\n fn();\n }\n }\n\n var cardBackup = $scope.checkoutSession.cardBackup.getPlan();\n\n _logger.$logger.info('checkout_fpti', {\n from: 'processor_decline_retry',\n to: 'processor_decline_retry_eligibility',\n 'is_bkp_funding_chosen': cardBackup && cardBackup.planId ? 1 : 0\n });\n\n _logger.$logger.info('checkout_fpti', _extends({\n from: 'REVIEW',\n to: 'process_review'\n }, createReviewFptiPayload({ checkoutSession: $scope.checkoutSession })));\n\n return $scope.checkoutSession.action('authorize', {\n data: {\n alternateFundingOptionId: cardBackup && cardBackup.planId\n },\n // TODO: REMOVE WRAP AFTER TESTING!\n success: function success() {\n return testOutros(function () {\n if ($scope.checkoutSession.get('plan.paypal_credit')) {\n _logger.$logger.info('checkout_fpti', {\n 'ppc_reuse_status': 'success'\n });\n }\n\n var padToggleStatus = getPadToggleStatus();\n\n if (padToggleStatus === 'ON') {\n _logger.$logger.info('checkout_fpti', {\n 'pad_toggle_status': 'padToggleOnSuccess'\n });\n } else if (padToggleStatus === 'OFF') {\n _logger.$logger.info('checkout_fpti', {\n 'pad_toggle_status': 'padToggleOffSuccess'\n });\n }\n\n if ($scope.checkoutCart.isWalletTokenization()) {\n _logger.$logger.info('tokenized_wallet', {\n 'from': 'TopUp_REVIEW',\n 'to': 'process_review',\n 'topup_amt': $scope.walletPreferences.topup.amount,\n 'chosen_topup_fi': $scope.walletPreferences.topup.fundingSource.type,\n 'currency_code': $scope.walletPreferences.topup.currency,\n 'context_id': $scope.token,\n 'context_type': 'BA-Token',\n 'billing_token': $meta.baToken\n });\n }\n\n // Just in case, cancel the state change listener checking if updateFs needs to be called\n if ($scope.cancelUpdateListener) {\n $scope.cancelUpdateListener();\n }\n\n if ($scope.checkoutSession.get('sepa_mandate.bankId')) {\n return $state.go('checkout.sepapage');\n }\n\n // xchild = V4 Incontext Integration. Do not initiate Payment.\n if (!window.xchild && $scope.checkoutAppData.doec_on_approve()) {\n return $state.go('checkout.pay');\n }\n\n return $state.go('checkout.end');\n });\n }\n });\n }\n\n function setShowShippingMethodProperty() {\n return $populate($scope, {\n shippingRulesSummary: $ShippingRuleSummaryModel.instance($rootScope.token).retrieve({\n params: {\n merchant_id: $scope.payee.get('merchant.id'),\n currency_code: $scope.checkoutCart.get('purchase.amounts.total.currency_code')\n }\n })\n }).then(function () {\n if ($scope.shippingRulesSummary.isSnTEnabled) {\n _logger.$logger.info('shipping_rules_summary_snt_enabled');\n } else {\n _logger.$logger.info('shipping_rules_summary_snt_disabled');\n }\n $scope.showShippingMethod = $scope.shippingRulesSummary.isSnTEnabled || $scope.isInstantUpdateAPIFlow;\n return;\n });\n }\n\n function show3DSDeclineMsg(declineAfter3DSAccept) {\n // Instrument number of available plans for 3DS decline case.\n var numberOfPlans = $scope.checkoutSession.getPlanList() ? $scope.checkoutSession.getPlanList().length : 0;\n _logger.$logger.info('3DS_decline_plan_count', {\n 'plans': numberOfPlans\n });\n\n var key = 'threeDS.memberDecline';\n\n if (declineAfter3DSAccept) {\n key = 'threeDS.memberDeclineAfter3DSAccept';\n }\n\n var card = $scope.checkoutSession.resolve_3ds;\n\n if (card) {\n var msg = $renderContent(key, {\n cardType: card.type,\n last4: card.number\n });\n\n $scope.checkoutSession.message = {\n msgs: [msg],\n type: 'warning'\n };\n }\n }\n\n /**\n * call patchXO API to clear the 3DS contingency and then call authorize API.\n */\n function clear3DSContingency() {\n var resolve_3ds = $scope.checkoutSession.resolve_3ds || {};\n\n return $scope.checkoutSession.action('clear3DSContingency', {\n data: {\n ccId: resolve_3ds.ccId\n },\n success: function success(response) {\n // Clear3DSContingency can change the plan ids, so reset the multipleFi indicator after this is called\n if ($scope.setupMultipleFi) {\n $scope.setupMultipleFi();\n }\n\n if (!$scope.checkoutSession.resolve_3ds) {\n // For app redirect flow, we cannot continue directly to approve and redirect due to browser security\n // Stop here and have the user click the \"Continue\" button again\n var url = $scope.checkoutAppData.get('urls.return_url') || '';\n var isHTTPUrl = Boolean(url.indexOf('http') === 0 || url.indexOf('www') === 0);\n var isAppRedirect = Boolean($DeviceInfo.isDevice() && !isHTTPUrl);\n\n // Reset the message if present\n delete $scope.checkoutSession.message;\n\n if (isAppRedirect) {\n return;\n }\n\n return authorize();\n } else {\n // Symphony is not able to clear the 3DS contingency\n show3DSDeclineMsg(true);\n }\n }\n });\n }\n\n $scope.onComplete3DSHandler = function (status) {\n $scope.launch3DSResolver = false;\n if (status === 'success') {\n return clear3DSContingency();\n } else if (status === 'decline') {\n // 3DS got declined\n show3DSDeclineMsg();\n }\n };\n\n $scope.upopCallbacks = {\n onConfirmUpopSuccess: function onConfirmUpopSuccess() {\n $state.go('checkout.review');\n $scope.checkoutSession.action('clearContingency', {\n data: {\n contingency: 'UNCONFIRMED_UPOP',\n ccId: $scope.checkoutSession.get('unconfirmed_upop.fundingId') || $scope.checkoutSession.get('errorData.resolution.data.fundingId')\n },\n success: function success() {\n if (!$scope.checkoutSession.unconfirmed_upop) {\n return authorize();\n } else {\n $scope.checkoutSession.message = {\n type: 'warning',\n msgKeys: ['confirmUpop.confirmUpopOrChooseAltMethod']\n };\n }\n }\n });\n },\n onConfirmUpopCancel: function onConfirmUpopCancel() {\n $state.go('checkout.review');\n $scope.showUnconfirmedUpopMsg = false;\n $scope.checkoutSession.message = {\n type: 'warning',\n msgKeys: ['confirmUpop.confirmUpopOrChooseAltMethod']\n };\n }\n };\n\n $scope.errorHandlerHelper = {};\n\n $scope.errorHandlerHelper.addPageError = function (contentKey, dynamicValuesInContent) {\n var messages = [];\n var msg;\n\n if (dynamicValuesInContent) {\n msg = $renderContent(contentKey, dynamicValuesInContent);\n } else {\n msg = $locale.content.get(contentKey);\n }\n\n messages.push(msg);\n\n $scope.checkoutSession.message = {\n msgs: messages,\n type: 'error'\n };\n };\n\n $scope.errorHandlerHelper.clearPageErrors = function () {\n $scope.checkoutSession.message = '';\n };\n\n $scope.returnFromCape = function (isCapeReturnKey) {\n return $scope.creditDataModel.action('readCreditKey', {\n data: {\n capeKey: isCapeReturnKey\n },\n success: function success(res) {\n\n if (res.financial_instrument_id) {\n var financial_instrument_id = res.financial_instrument_id.indexOf('BC') !== 0 ? 'BC' + res.financial_instrument_id : res.financial_instrument_id;\n\n return $scope.checkoutSession.fundingOptions.action('update', {\n resultModel: $scope.checkoutSession,\n data: {\n planId: financial_instrument_id\n },\n success: function success(result) {\n $scope.checkoutSession.message = {\n type: 'success',\n msgKeys: ['offers.bmlInWalletSuccessMsg']\n };\n\n if ($scope.setupMultipleFi) {\n $scope.setupMultipleFi();\n }\n }\n });\n }\n\n // User does not have any FI in wallet and they choose to pay in full.\n else if (!$scope.checkoutSession.get('plan.sources') && $scope.checkoutSession.isCreditPromoted) {\n $state.go('checkout.pageAddCard.addCardFlow.addCard');\n } else if ($scope.creditDataModel.isCapeInternalServiceError()) {\n // Todo Show error message from CAPE\n return _angular.$q.when();\n } else {\n return _angular.$q.when();\n }\n },\n contingencies: {\n DEFAULT: function DEFAULT(name, err) {\n _logger.$logger.info('read_cape_key_failure');\n return _angular.$q.when();\n }\n }\n\n });\n };\n\n // For the multiple FI variant of the choice experiment:\n // Update the funding option in the plan based on the user's stored selection\n var updateFS = function updateFS() {\n if (!$scope.selectedmethod) {\n return _angular.$q.when();\n }\n\n var defaultPlan = $scope.checkoutSession.get('plan.sources') && $scope.checkoutSession.get('plan.sources')[0];\n var selectedMethodPlanId = $scope.selectedmethod.planId;\n\n // For pad toggle feature with Choice Multi FI experience, we look up the plan ID here\n if (_factory.$PADFactory.isPadToggleFeatureApplicable($scope.padToggleFeature)) {\n var padOrIachPlanId = _factory.$PADFactory.getPadOrIachBankPlanId({\n selectedMethodPlanId: selectedMethodPlanId,\n fundingOptions: $scope.checkoutSession.fundingOptions,\n multiFiCheckboxStates: $scope.padToggleFeature.multiFiCheckboxStates\n });\n\n if (padOrIachPlanId) {\n selectedMethodPlanId = padOrIachPlanId;\n }\n }\n\n // If the plan is already selected, we don't need to duplicate the call\n if (selectedMethodPlanId === (defaultPlan && defaultPlan.id)) {\n return _angular.$q.when();\n }\n\n // This is handled in onPay\n if (selectedMethodPlanId === 'applyForPPCRadio') {\n return _angular.$q.when();\n }\n\n return $scope.checkoutSession.fundingOptions.action('select', {\n data: {\n planId: selectedMethodPlanId\n },\n success: function success(result) {\n $scope.checkoutSession.populate(result);\n // for multi fi use case after replan we need to reset index to 0\n // since selected instrument will always be first\n $scope.selectedmethod.index = 0;\n },\n contingencies: {\n NEED_AUTHENTICATED_CARD: function NEED_AUTHENTICATED_CARD(name, result) {\n // Route to the Confirm Upop page\n if (result && result.resolution) {\n var card = result.resolution.data;\n\n if (card.fundingId && card.fi && card.fi.type) {\n $scope.cardModel = new $AddCardModel();\n $scope.cardModel.id = card.fundingId;\n $scope.cardModel.card = new $CardModel({\n number: 'xxxx-xxxx-xxxx-' + card.fi.number,\n type: card.fi.type.toUpperCase(),\n productType: card.fi.productType\n });\n }\n }\n\n // Before routing to confirm Upop route, we cancel the state change listener so that we don't call updateFS. At this point, the user has already made their selection, so this is unneeded.\n if ($scope.cancelUpdateListener) {\n $scope.cancelUpdateListener();\n }\n\n // Route to the Confirm Upop page. We'll hold on to this deferred promise until the confirmation flow is finished, so we can then continue the chain or cancel out\n var upopResult = _angular.$q.defer();\n\n // Create the handlers for Upop, specifically for this flow. They will act on the deferred promise when the flow is completed\n $scope.upopCallbacks.isOnUpdate = true;\n $scope.upopCallbacks.onUpdateSuccess = function () {\n // On confirmed, update the checkout session then continue\n $scope.checkoutSession.fundingOptions.action('update', {\n resultModel: $scope.checkoutSession,\n silent: true,\n data: {\n planId: $scope.cardModel.id\n },\n success: function success() {\n if ($scope.checkoutSession.cvvData) {\n $scope.checkoutSession.set('cvvData.security_code', $scope.cardModel.get('card.security_code'));\n }\n\n // Reset the callback flag\n $scope.upopCallbacks.isOnUpdate = false;\n $scope.setupMultipleFi();\n // Return to this route, resolve the promise\n $state.go('checkout.review');\n upopResult.resolve();\n }\n });\n };\n $scope.upopCallbacks.onUpdateCancel = function () {\n // Break the promise chain and return to the review page\n $scope.upopCallbacks.isOnUpdate = false;\n $scope.setupMultipleFi();\n upopResult.reject();\n $scope.upopCallbacks.onConfirmUpopCancel();\n };\n\n $state.go('.confirmUpop');\n\n return upopResult.promise;\n }\n }\n });\n };\n\n // The following functions are all used in the `$q.all` promise chain below\n var populateScope = function populateScope() {\n _index3['default'].instance($scope.token).fetch();\n return $populate($scope, {\n auth: $AuthModel.instance(),\n checkoutAppData: $CheckoutAppDataModel.instance($scope.token),\n checkoutCart: $CheckoutCartModel.instance($scope.token),\n checkoutSession: $CheckoutSessionModel.instance($scope.token),\n payee: $CheckoutPayeeModel.instance($scope.token),\n tokenizedWalletInfoModel: _app.$TokenizedWalletInfoModel.instance($rootScope.token).retrieve()\n });\n };\n\n var applyChoiceExperimentVariant = function applyChoiceExperimentVariant() {\n\n $scope.tagFamilyComputer();\n // Get the choice experiment variant to determine what needs to be shown in the UI\n return _index.$ChoiceEligibility.instance().getVariant($scope.token).then(function (variant) {\n $scope.choiceVariant = variant;\n\n var checkboxVariants = $config.choiceExperiment && $config.choiceExperiment.preferredCheckbox || [];\n var multipleFiVariants = $config.choiceExperiment && $config.choiceExperiment.multipleFi || [];\n var selectFiVariants = $config.choiceExperiment && $config.choiceExperiment.selectFi || [];\n\n if (checkboxVariants.indexOf(variant) !== -1 && !$scope.checkoutCart.isBilling()) {\n // Do setup for preferred checkbox\n $scope.makeFiPreferred = {\n selected: false\n };\n }\n\n if (multipleFiVariants.indexOf(variant) !== -1) {\n var planList = $scope.checkoutSession.get('plan.sources');\n var defaultPlanId = planList && planList[0] && planList[0].id;\n // Do the setup for the multipleFiVariant\n $scope.setupMultipleFi = function () {\n $scope.selectedmethod = {\n index: 0,\n planId: defaultPlanId\n };\n\n if ($scope.cancelUpdateListener) {\n $scope.cancelUpdateListener();\n }\n\n // Before changing state, persist the change that the user selected\n var stateChangeListener = $rootScope.$on('$stateChangeStart', function (event, toState, toParams) {\n $scope.cancelUpdateListener();\n if (defaultPlanId === $scope.selectedmethod && $scope.selectedmethod.planId) {\n return;\n }\n\n event.preventDefault();\n updateFS().then(function () {\n return $state.go(toState, toParams);\n });\n });\n\n // If the checkout session changes, also change the planId according to the selected index in case plan ids were changed. Save the listener to destroy the handler when changing routes or re-calling setupMultipleFi\n var fundingOptionsListener = $scope.$watch('checkoutSession.fundingOptions', function (newVal, oldVal) {\n if (!newVal) {\n return;\n }\n\n $scope.selectedmethod.planId = newVal.get('plans.' + $scope.selectedmethod.index + '.planId');\n });\n\n $scope.cancelUpdateListener = function () {\n stateChangeListener();\n fundingOptionsListener();\n };\n\n $scope.$on('$destroy', $scope.cancelUpdateListener);\n };\n\n $scope.setupMultipleFi();\n }\n\n if (selectFiVariants.indexOf(variant) !== -1) {\n $scope.selectFiVariant = true;\n }\n })['catch'](function (err) {\n // TODO: Check what happens to PXP errors\n _logger.$logger.error('choice_eligibility_error', err);\n });\n };\n\n var applyMerchantName = function applyMerchantName() {\n // resolve merchant name now, just in case we're in a matching treatment\n pxpMerchName = $scope.checkoutAppData.merchant.brand_name || $scope.checkoutAppData.merchant.merchant_name;\n\n // only get pxp if...\n if (\n // in US\n $locale.country === 'US' &&\n // this is **not** user action \"commit\"\n $scope.useraction !== 'commit' &&\n // is not a billing agreement\n !$scope.checkoutCart.isBilling() &&\n // `DONE_PAGE` is false\n !_integration.$integration.getConfig('DONE_PAGE')) {\n var forceApiCall = false;\n var silent = true;\n return $pxp('xo_hermes_exit_msg', { 'ctx.COUNTRY': $locale.country }, 'xo_hermes_exit_msg_option\\\\d', forceApiCall, silent).then(function (result) {\n if (result) {\n // set value to numeric version of treatment\n pxpExitMsg = +result.treatment_name.slice(-1);\n }\n });\n }\n };\n\n var logSessionDetails = function logSessionDetails() {\n _logger.$logger.info('checkout_fpti', _extends({\n from: 'REVIEW',\n to: 'prepare_review'\n }, createReviewFptiPayload({ checkoutSession: $scope.checkoutSession })));\n // Log details about checkout session\n $scope.actions.logSessionCurrencyConversion($scope.checkoutSession);\n };\n\n // Reg E - Regulation E compliance guide mandates invoicing payers see a disclaimer message during payment review when RTR is present.\n // The Remittance Transfer Rule (RTR) is a rule published by the Consumer Financial Protection Bureau.\n // It applies to companies processing remittance transfers of more than $15 USD from a US-based consumer (Sender) to a foreign-based receiver (Recipient).\n var applyInvoicingRegEDetails = function applyInvoicingRegEDetails() {\n // Show invoicing RegE compliance message if its invoicing flow only and if RTR is present\n $scope.showInvoicingRegEMsg = $scope.checkoutAppData.flags.is_invoicing_flow && $scope.checkoutSession.showRemittanceDisclosure ? true : false;\n _logger.$logger.info('show_invoicing_regE_msg', $scope.showInvoicingRegEMsg);\n if ($scope.showInvoicingRegEMsg) {\n\n var totalAmount = $scope.checkoutCart.purchase.amounts.total.amount_formatted_currency;\n var merchantName = $scope.checkoutAppData.merchant.brand_name;\n\n // The RegE message differs for cases with and without currency conversion\n if ($scope.checkoutSession.plan.hasConversion()) {\n\n var total = 0;\n var planSources = $scope.checkoutSession.get('plan.sources');\n var currencyCode = planSources[0].amount.currency_code;\n\n planSources.forEach(function (source) {\n\n if (currencyCode !== source.amount.currency_code) {\n $scope.showInvoicingRegEMsg = false;\n return;\n }\n\n total = total + Number(source.amount.amount);\n });\n\n var totalInvoicePaymentAmount = (0, _squid.formatCurrency)(total, currencyCode);\n\n $scope.invoicingRegEMsg = $renderContent('memberReview.invRegEMsgWithCurrConv', {\n merchantName: merchantName,\n amountInPayerCurrency: totalInvoicePaymentAmount,\n amountInInvCurrency: totalAmount\n });\n } else {\n $scope.invoicingRegEMsg = $renderContent('memberReview.invRegEMsg', {\n merchantName: merchantName,\n amount: totalAmount\n });\n }\n }\n };\n\n var applyKmliUpsellEligibility = function applyKmliUpsellEligibility() {\n if ($util.param('redirectToHermesOnUpopCancel') === 'xoon') {\n var fiModel = $scope.checkoutSession.get('plan.sources');\n if (fiModel && fiModel.length && fiModel[0].card_type === 'CHINA_UNION_PAY') {\n $scope.checkoutSession.message = {\n msgKeys: ['confirmUpop.confirmUpopToPay'],\n type: 'warning'\n };\n }\n }\n\n $KmliUpsell.eligible().then(function (eligibility) {\n\n eligibility.interstitial = eligibility.interstitial ? eligibility.interstitial : {};\n $scope.optin_toggle.isEnabled = eligibility.banner;\n $scope.optin_toggle.value = $scope.auth.rememberedOT() // came in as OneTouch user\n || $scope.auth.isKmliSet // used to set toggle value via interstial\n || $scope.auth.loggedIn() && $scope.auth.refreshToken(); // FirstTime OT (check this for webview case)\n delete $scope.auth.isKmliSet;\n\n $scope.optin_toggle.showExpandedTerms = false; // collapse by default;\n var cookiePayload = {};\n if (eligibility.interstitial.eligible) {\n // show optin interstitial only once per user per version\n cookiePayload.ot_inter_shown = eligibility.interstitial.pxpVersion; // cookieList.push({ name: 'ot_inter_shown', value: eligibility.interstitial.pxpVersion });\n }\n if (Object.keys(cookiePayload).length > 0) {\n $scope.auth.action('updateAuthExperience', {\n silent: true,\n data: cookiePayload\n }).then(function (res) {\n _logger.$logger.debug('optin_toggle_cookie_drop_success', res);\n })['catch'](function (err) {\n _logger.$logger.debug('optin_toggle_cookie_drop_err', err);\n });\n }\n _logger.$logger.info('optin_toggle_init', $scope.optin_toggle);\n });\n\n $scope.personalizedBanner.trigger();\n\n $scope.showRemittanceDisclosure = $DeviceInfo.isMobile() && $scope.checkoutSession.showRemittanceDisclosure ? true : false;\n };\n\n var applyCreditOptions = function applyCreditOptions() {\n $scope.creditDataModel = $CreditDataModel.instance($scope.token);\n var isChangeInstallments = $scope.creditDataModel.isChangeStatus();\n var isCapeReturnKey = $scope.creditDataModel.getCapeKey();\n var isCapeReturn = isCapeReturnKey && $util.param('success');\n\n if (isChangeInstallments && $scope.creditDataModel && !$scope.creditDataModel.payInFull) {\n $state.go('checkout.chooseCreditOffer');\n }\n if (isCapeReturn) {\n $scope.returnFromCape(isCapeReturnKey);\n }\n\n if ($feature('creditInstallmentOffers') && ($scope.checkoutSession.get('plan.paypal_credit') || isCapeReturnKey)) {\n $scope.creditOptions = _index4.$CreditInstallmentModel.instance($scope.token);\n $scope.creditOptions.retrieve();\n }\n\n $scope.cartCurrency = $scope.checkoutCart.get('purchase.amounts.total.currency_code');\n\n $scope.showInstallmentOption = function () {\n if ($feature('creditInstallmentOffers') && $scope.checkoutSession.get('plan.paypal_credit') && $scope.creditOptions && $scope.creditOptions.creditType) {\n if ($scope.creditOptions.creditType === 'INST') {\n $scope.installmentInfo = {\n monthlyPaymentAmt: (0, _squid.formatCurrency)($scope.creditOptions.monthlyPayment, $scope.cartCurrency),\n totalInterestAmt: (0, _squid.formatCurrency)($scope.creditOptions.totalInterest, $scope.cartCurrency),\n totalPaymentAmt: (0, _squid.formatCurrency)($scope.creditOptions.totalPayment, $scope.cartCurrency)\n };\n }\n return true;\n } else {\n return false;\n }\n };\n\n $scope.showCYCO = function () {\n $state.go('checkout.chooseCreditOffer');\n };\n\n if ($window.location.search.search('atoSuccess') !== -1) {\n _logger.$logger.debug('PLANNING_ATO_SUCCESS');\n var atoMsg = $locale.content.get('memberReview.stepupAuthSuccess');\n\n if (atoMsg) {\n $scope.checkoutSession.message = {\n msgs: [atoMsg],\n type: 'success'\n };\n }\n }\n\n $scope.$on('localeChange', setInformalName);\n setInformalName();\n\n $scope.showNotYou = $scope.auth && $scope.auth.showNotYou();\n\n if ($util.param('redirectToHermesOn3DSDecline')) {\n // check and show the 3DS decline message when the app is redirected from Xoon app\n show3DSDeclineMsg();\n }\n\n $scope.showAuthMsg = ['authorize', 'order'].indexOf($scope.checkoutCart.get('payment_action')) > -1 && !$scope.checkoutSession.get('plan.paypal_credit');\n\n if ($scope.showAuthMsg) {\n /*\n new compliance message for AS1 / AS2 is not for US which displays LearnMore Link\n have this scope variable set based on country\n */\n\n $scope.showAuthMsgLearnMore = $locale.country !== 'US' ? true : false;\n }\n\n $scope.showUnconfirmedUpopMsg = !!$scope.checkoutSession.unconfirmed_upop;\n\n $scope.useraction = $scope.checkoutAppData.useraction() && $scope.checkoutAppData.useraction().toLowerCase();\n\n // Non-AU merchants are subjected to PXP test when user action is not commit and line item details\n // are not available and purchase amount is not zero.\n var noLineItemDetails = $scope.useraction !== 'commit' && $scope.checkoutCart.get('purchase.items.length', 0) === 0;\n\n var fundingInstruments = $scope.checkoutSession.get('fundingOptions.instruments');\n var isCreditInWallet = false;\n\n if ($scope.checkoutCart.isBillingNoPurchase()) {\n isCreditInWallet = $scope.checkoutSession.get('futurePayment.isCreditInWallet');\n } else {\n isCreditInWallet = $util.find(fundingInstruments, function (fi) {\n return fi.name === 'BILL_ME_LATER';\n });\n }\n\n var isPPCEligible = $scope.checkoutSession.creditOffer;\n var isPayPalCredit = $scope.checkoutAppData.is_second_button_txn || _squid.$Class.get(window, 'xprops.fundingSource') === 'credit';\n _logger.$logger.debug('creditInstallmentOffer ' + $scope.checkoutSession.creditInstallmentOffer + ', ' + 'creditOffer ' + $scope.checkoutSession.creditOffer + ', ' + isCreditInWallet + ', ' + isPayPalCredit);\n\n if ($scope.checkoutSession.creditOffer) {\n if (!$rootScope.bml) {\n $rootScope.bml = new $BMLModel();\n }\n $rootScope.bmlApply = new $ApplyForBMLModel();\n }\n // the second button user is ineligible for PPC, no credit in wallet, and has not selected to \"pay with paypal\"\n else if (isPayPalCredit && !isPPCEligible && !isCreditInWallet && !$scope.creditDataModel.payInFull && !isCapeReturn) {\n $scope.checkoutSession.message = {\n type: 'info',\n msgKeys: ['offers.bmlIneligibleHeader', 'offers.bmlIneligibleContent']\n };\n\n _logger.$logger.info('checkout_fpti', {\n from: 'Login',\n to: 'Review',\n error_type: 'second_btn_ineligible'\n });\n }\n\n $scope.showSoftDescriptor = !$scope.checkoutAppData.flags.hide_soft_descriptor && $scope.checkoutCart.get('purchaseUnits.length', 0) <= 1;\n\n return $pxpCartAmt($scope.checkoutAppData.get('merchant.merchant_country'), $scope.payee.get('merchant.id', ''), noLineItemDetails, $scope.checkoutCart.isPurchase()).then(function (showAmount) {\n $scope.showAmt = showAmount;\n });\n };\n\n var applyNegativeBalanceStatus = function applyNegativeBalanceStatus() {\n var checkoutSession = $scope.checkoutSession,\n negBals = checkoutSession.negBals,\n nbrMsgContentKey,\n tokenHash;\n\n if (negBals) {\n\n nbrMsgContentKey = 'memberReview.nbrMsg';\n tokenHash = {\n neg_bal: (0, _squid.formatCurrency)(negBals[0].amount, negBals[0].currency_code, false),\n merchantName: $scope.checkoutAppData.get('merchant.brand_name')\n };\n\n if (negBals.length > 1) {\n nbrMsgContentKey += 'Plural';\n tokenHash.neg_bal2 = (0, _squid.formatCurrency)(negBals[1].amount, negBals[1].currency_code, false);\n }\n\n checkoutSession.message = {\n type: 'warning',\n msgs: [$renderContent(nbrMsgContentKey, tokenHash)]\n };\n }\n };\n\n var applyBrPxp = function applyBrPxp() {\n if (!$miniBrowser.isMiniBrowser() && $locale.country === 'BR') {\n var brPxp = $config.pxpExperiments.BR.xo_br_hermesnode_ryi_design;\n\n $pxpFactors(brPxp.pgName, brPxp.params, brPxp.pattern).then(function (result) {\n $scope.ryiDesignExp = result;\n });\n }\n };\n\n var applyShowShippingMethod = function applyShowShippingMethod() {\n $scope.isInstantUpdateAPIFlow = $scope.checkoutCart && $scope.checkoutCart.get('instantUpdateIntegration');\n $scope.showShippingMethod = $scope.isInstantUpdateAPIFlow ? true : false;\n if (_integration.$integration.getConfig('SHOW_SHIPPING_METHOD')) {\n return setShowShippingMethodProperty();\n }\n };\n\n var applyPayButtonOption = function applyPayButtonOption() {\n $scope.cancel = $scope.checkoutAppData.urls.cancel_url;\n\n var isBilling = $scope.checkoutCart.isBilling();\n $scope.merchantMsg = $scope.checkoutCart.getBillingDescription();\n\n var merchant = $scope.checkoutAppData.merchant;\n $scope.merchantName = merchant.brand_name || merchant.merchant_name || merchant.merchant_email;\n\n // Determine whether the button type is a Pay button or Continue button\n $scope.buttonLabelIsPay = $scope.useraction === 'commit' || _integration.$integration.getConfig('SHOW_PAY_NOW_LABEL_ON_REVIEW');\n\n // log paybuttonText as paynow or continue\n // irrespective of PAD, credit, etc\n\n _logger.$logger.info('checkout_fpti', {\n 'ryp_button_text': $scope.buttonLabelIsPay ? 'paynnow_y' : 'paynnow_n'\n });\n\n // show shipping address based on merchant passed in parameter\n $scope.showShippingAddress = Boolean(!$scope.checkoutAppData.flags.hide_shipping_address && $scope.checkoutAppData.flags.shipping_address_required && $scope.checkoutSession.shipping);\n\n // review page 'continue' or 'pay now' button logic to return the button text\n $scope.payButtonText = function () {\n\n if ($scope.selectedmethod && $scope.selectedmethod.planId === 'applyForPPCRadio') {\n return $locale.content.get('applyForBml.bmlApplyHeadline');\n }\n\n if (isBilling) {\n if ($scope.buttonLabelIsPay) {\n return $locale.content.get('memberReview.agreeAndPayLabel');\n } else {\n return $locale.content.get('memberReview.agreeAndContinueLabel');\n }\n } else if (getPadToggleStatus() === 'ON') {\n return $locale.content.get('memberReview.padLabel');\n } else if ($scope.buttonLabelIsPay) {\n if ($scope.checkoutSession.unconfirmed_upop) {\n return $locale.content.get('memberReview.pay');\n } else {\n $scope.payButton = 'paynnow_y';\n return $locale.content.get('memberReview.payLabel');\n }\n } else {\n $scope.payButton = 'paynnow_n';\n // if showing test label...\n if (pxpExitMsg === 1) {\n // resolve merchant name\n var merchantName = pxpMerchName;\n\n if (!merchantName || merchantName.length > pxpMerchNameLimit) {\n merchantName = 'the Merchant';\n }\n\n return 'Continue to ' + merchantName;\n } else if (pxpExitMsg === 4) {\n return 'Continue to Pay';\n } else {\n return $locale.content.get('memberReview.continueLabel');\n }\n }\n };\n\n $scope.onRedeemGC = function () {\n throw new $FallbackError({\n reason: 'redeem_coupon_feature_not_supported',\n product: 'ux'\n });\n };\n\n // Check if processor decline message needs to be set\n setProcessorDeclineMessage();\n\n $scope.promotion = {\n type: null,\n name: ''\n };\n\n var plccOffer = $scope.checkoutSession.plccOffer;\n\n if (plccOffer) {\n $scope.promotion.logoUrl = plccOffer.product_logo;\n $scope.promotion.name = plccOffer.product_name;\n }\n\n $scope.onFBBANotNow = function () {\n var _$scope$checkoutSessi = $scope.checkoutSession.payer;\n _$scope$checkoutSessi = _$scope$checkoutSessi === undefined ? {} : _$scope$checkoutSessi;\n var payerId = _$scope$checkoutSessi.id;\n\n var isUnchecked = $util.sessionStorageEnabled() && window.sessionStorage.getItem('checkboxPluginState') === 'unchecked';\n\n _logger.$logger.info('checkout_fpti', {\n buyer_country: $locale.country,\n buyer_id: payerId,\n context_id: $scope.token,\n design: 'fbmessenger',\n from: 'BILLING_AGREEMENT',\n to: 'process_billing_agreement',\n eligibility_reason: isUnchecked ? 'checkbox_plugin_unchecked' : 'checkbox_plugin_checked',\n click_source: 'not_now'\n });\n\n window.xchild.close();\n };\n\n $scope.onPay = function (result) {\n\n // Track NMJ variations.\n var payEventName = void 0;\n if ($scope.isNmjDesign1) {\n payEventName = 'member_ryi_onPayVariant_nmj_design1_page';\n } else if ($scope.isNmjDesign2) {\n payEventName = 'member_ryi_onPayVariant_nmj_design2_page';\n } else if ($scope.isNmjDesign3) {\n payEventName = 'member_ryi_onPayVariant_nmj_design3_page';\n } else {\n payEventName = 'member_ryi_onPayVariant_control';\n }\n\n _logger.$logger.info(payEventName);\n\n if (!isValidPinSetup()) {\n $scope.topupError = true;\n _logger.$logger.debug('pin_missing');\n $state.go('checkout.pinSetup');\n return;\n }\n\n if ($scope.checkoutSession.installments && $scope.checkoutSession.installments.length > 1 && !$scope.checkoutSession.selectedInstallmentData) {\n $scope.installmentNotSelected = true;\n return;\n }\n\n if ($scope.isInstantUpdateAPIFlow && !$scope.instantUpdateFeature.shippingRegionSupported) {\n return;\n }\n\n if ($feature('creditInstallmentOffers') && $scope.checkoutSession.get('plan.paypal_credit') && $scope.installment.showCYCO && $scope.creditOptions && !$scope.creditOptions.creditType) {\n return $state.go('checkout.chooseCreditOffer');\n }\n // \"Paying\" by applying for PPC\n if ($scope.selectedmethod && $scope.selectedmethod.planId === 'applyForPPCRadio') {\n if ($feature('creditInstallmentOffers') && $scope.installment && $scope.installment.installmentOptionsPresent) {\n return $state.go('checkout.chooseCreditOffer');\n } else {\n return $state.go('checkout.redirectToCape', {}, { location: false });\n }\n }\n // Address Normalization Checks\n if ($scope.checkoutAppData.get('flags.allow_change_shipping', false) && $feature('shippingAddressNormalization') && $scope.checkoutSession.get('shipping.normalization_status') === 'UNKNOWN') {\n\n return $state.go('checkout.review.sidebar.updateShipping');\n }\n\n var padToggleStatus = getPadToggleStatus();\n\n if (padToggleStatus === 'ON') {\n _logger.$logger.info('checkout_fpti', {\n 'pad_toggle_status': 'padToggleOnSubmit'\n });\n } else if (padToggleStatus === 'OFF') {\n _logger.$logger.info('checkout_fpti', {\n 'pad_toggle_status': 'padToggleOffSubmit'\n });\n }\n\n /* Call updateFS so that if user has made a change in the multiple FI on RYI variant, we select their instrument before doing other logic */\n /* Call patchCvv first, if error, need buyers to input again */\n /* Call to set Sticky Funding Instrument for Billing Agreement.\n * We have to ensure the sticky call happens before authorize due to symphony spec.*/\n /* We need to wait for the response from updateAddressAsPreferred before calling authorize */\n\n var preAuthorizeError = void 0;\n\n return updateFS()\n // Make PAPS patch calls sequentially. Concurrent patch calls are currently not supported\n .then(function () {\n return setTokenizedWalletPin();\n }).then(function () {\n return $fiApis.patchCvv($scope.checkoutSession);\n }).then(function () {\n return setStickyInstrument();\n })\n // Other calls that won't affect the checkout session. Multiple patch calls to PAPS should not be made here\n .then(function () {\n return _angular.$q.all([updateAddressAsPreferred(), // This is a patch call to PAPS\n setWalletTopupPreferences(), linkAuthConsent(), $scope.actions.updatePreferredFi(_logger.$logger)])['catch'](function (err) {\n // should we have more elaborate error handling here?\n if ($scope.checkoutCart.isWalletTokenization()) {\n if (err.message === 'WALLET_PREFERENCE_SET_ERROR') {\n preAuthorizeError = err;\n }\n }\n _logger.$logger.error('onPay() error', err);\n })['finally'](function () {\n if (preAuthorizeError) {\n var code = 'ANDROID_PAY_SET_WALLET_PREFERENCE_ERROR';\n code = window.btoa(code);\n $state.go('checkout.genericError', {\n code: code\n });\n } else {\n return authorize();\n }\n });\n }, function (err) {\n if ($scope.checkoutCart.isWalletTokenization()) {\n if (err.message === 'ISSUANCE_PIN_SERVICE_ERROR') {\n var code = 'ANDROID_PAY_SET_PIN_ERROR';\n code = window.btoa(code);\n $state.go('checkout.genericError', {\n code: code\n });\n return;\n }\n }\n _logger.$logger.error('onPay() patchCvv error', err);\n });\n };\n\n /* This is used for a BML 'popup' that opens covering the whole review page,\n hiding the rest of the review page when its open. */\n $scope.bmlPopupOpen = false;\n\n $scope.showBmlPopup = function () {\n $scope.bmlPopupOpen = true;\n };\n\n $scope.hideBmlPopup = function () {\n $scope.bmlPopupOpen = false;\n };\n };\n\n /* This promise chain renders critical content in the page. Avoid\n * the temptation to tack on another `.then` to this promise chain.\n *\n * If you are making a critical network request, consider putting\n * function inside the `$q.all` array so it can be run in parallel\n * and not slow down page rendering.\n *\n * If your function requires values available on `$scope` after\n * the critical functions in `$q.all` are complete, put your\n * function in the following `.then` block.\n *\n * Otherwise, your function can likely go somewhere else.\n */\n\n _angular.$q.all([populateScope(), applyNewMemberVariant(), applyBrPxp(), useCEPForCreditOfferDisplay(), stickyCTA()]).then(function () {\n // applyCreditOptions could potentially redirect out of the RYI.\n // Seperate it out from the rest of the pack to avoid unnecessary code execution\n applyCreditOptions();\n // resolve the banner before anything else\n triggerPersonalizedBanner();\n // resolve the pxp before determining the submit btn text\n applyMerchantName();\n $scope.showExpiredMsg = _factory3.$ExpiredMsgFactory.showExpiredMsg($scope.isNmj, $scope.checkoutSession);\n }).then(function () {\n // All of these functions apply variations to different sections of the RYI. OK to execute them in parallel\n return _angular.$q.all([applyPayButtonOption(), applyChoiceExperimentVariant(), logSessionDetails(), prepareTokenizedWallet(), applyNegativeBalanceStatus(), applyKmliUpsellEligibility(), applyShowShippingMethod(), applyInvoicingRegEDetails()]);\n });\n\n (0, _jquery2['default'])('.paypalHeaderWrapper').removeClass('paypalCredit');\n (0, _jquery2['default'])('.paypalHeaderWrapper').removeClass('paypalCreditTnc');\n\n $scope.onComplete = function (params) {\n if (params) {\n _logger.$logger.debug('ryi_optin_isKmliSet_' + params.isKmliSet);\n if (params.isKmliSet) {\n $scope.optin_toggle.setValue(true);\n }\n }\n $state.go('checkout.review');\n };\n $scope.propValueObj = {};\n if ($feature('propValue')) {\n $scope.propValueObj.propHeader = 'memberReview.propHead';\n $scope.propValueObj.propVal = 'memberReview.propVal';\n $scope.propValueObj.propImage = 'https://www.paypalobjects.com/images/checkout/hermes/scr_vp_fprd_shield_bags.png';\n } else {\n $scope.propValueObj.propHeader = 'login.propHeadAlt';\n $scope.propValueObj.propVal = 'login.propValAlt';\n $scope.propValueObj.propImage = 'https://www.paypalobjects.com/images/checkout/hermes/scr_vp_fprd_wallet_card_v3.png';\n }\n }\n});\n\nangular.value(\"$xoReviewPageComponent\", $xoReviewPageComponent);\n_angular.$q;\n\n_squid.formatCurrency;\n\n_squid.$Component;\n\n_squid.formatNameInformal;\n\n_squid.$Class;\n\n_index.$ChoiceEligibility;\n\n_integration.$integration;\n\n_fi.$PreferredFi;\n\n_logger.$logger;\n\n_ul.$ul;\n\n_thirdPartyInfo.thirdPartyExperience;\n\n_newMember.$NewMemberEligibility;\n\n_app.$TokenizedWalletInfoModel;\n\n_index4.$CreditInstallmentModel;\n\n_factory.$PADFactory;\n\n_factory2.$BalanceFactory;\n\n_factory3.$ExpiredMsgFactory;\n\n_index5.$stickyCTA;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-review/directive.js\n// module id = ./pages/xo-review/directive.js\n// module chunks = 0","\n\nvar _squid = require('squid');\n\n(function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n})(window.angular);\n\nangular.module().factory('$PADFactory', function () {\n\n /**\n * is pad toggle feature enabled (in config/config.json)\n */\n var padToggleFeatureSupported = function padToggleFeatureSupported() {\n return (0, _squid.$feature)('padToggleFeatureSupported');\n };\n\n /**\n *\n * get PAD or IACH plan id based on selected plan id and PAD toggle status\n * if selected plan is IACH and toggle is on -> use associated PAD plan id\n * if selected plan is IACH and toggle is off -> use it's ID\n * if selected plan is PAD and toggle is on -> use it's ID\n * if selected plan is PAD and toggle is off -> use associated IACH plan id\n */\n var getPadOrIachBankPlanId = function getPadOrIachBankPlanId(_ref) {\n var selectedMethodPlanId = _ref.selectedMethodPlanId,\n fundingOptions = _ref.fundingOptions,\n multiFiCheckboxStates = _ref.multiFiCheckboxStates;\n\n var plan = fundingOptions.getPlanByPlanId(selectedMethodPlanId);\n var padOrIachPlanId = void 0;\n\n if (fundingOptions.isPAD(plan) || fundingOptions.isIACH(plan)) {\n if (multiFiCheckboxStates[plan.primaryFs.id]) {\n padOrIachPlanId = fundingOptions.getPadOrIachPlanIdBySelectedPlan({ plan: plan, isPadToggleSelected: true });\n } else {\n padOrIachPlanId = fundingOptions.getPadOrIachPlanIdBySelectedPlan({ plan: plan, isPadToggleSelected: false });\n }\n }\n return padOrIachPlanId;\n };\n\n // check if PAD feature is applicable\n var isPadToggleFeatureApplicable = function isPadToggleFeatureApplicable(padToggleFeature) {\n return padToggleFeatureSupported() && padToggleFeature.applicable;\n };\n\n return {\n getPadOrIachBankPlanId: getPadOrIachBankPlanId,\n isPadToggleFeatureApplicable: isPadToggleFeatureApplicable,\n padToggleFeatureSupported: padToggleFeatureSupported\n };\n});\n\n_squid.$feature;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-review/factory.js\n// module id = ./pages/xo-review/factory.js\n// module chunks = 0","\n\nexports.__esModule = true;\nexports.$ReviewRoute = undefined;\n\nvar _logger = require('xo-beaver/dist/logger');\n\nvar _squid = require('squid');\n\nvar _route = require('xo-wallet-components/src/confirm-upop/route');\n\nvar _route2 = _interopRequireDefault(_route);\n\nrequire('xo-login-components/src/onetouch-interstitial/route');\n\nvar _route3 = require('pages/xo-sidebar/route');\n\nvar _route4 = _interopRequireDefault(_route3);\n\nvar _route5 = require('pages/xo-sidepage/route');\n\nvar _route6 = _interopRequireDefault(_route5);\n\nvar _directive = require('./directive');\n\nvar _checkout = require('xo-models/src/checkout');\n\nvar _choice = require('xo-models/src/choice');\n\nvar _credit = require('xo-models/src/credit');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar $ReviewRoute = exports.$ReviewRoute = _squid.$ComponentRoute.extend('$ReviewRoute', {\n\n path: 'review',\n directive: _directive.$xoReviewPageComponent,\n titleContent: 'memberReview.memberReviewTitle',\n\n trackingData: {\n fptiState: 'review',\n templateName: 'memberReview.dust',\n pageGoal: 'Payment Review',\n buzname: {\n 'fullpage': {\n 'pagename': '%::fullpage-review',\n 'pagename2': '%::fullpage-review:member:hermes:',\n 'version': 'member:%:'\n // More page qualifiers come here...\n } }\n },\n\n resolve: {\n action: function action($rootScope, $state) {\n\n // Determine if we should instead route to the selectFi choice experiment page\n if (!(0, _squid.$feature)('choiceExperiment')) {\n return;\n }\n\n var _$config$choiceExperi = _squid.$config.choiceExperiment;\n _$config$choiceExperi = _$config$choiceExperi === undefined ? {} : _$config$choiceExperi;\n var _$config$choiceExperi2 = _$config$choiceExperi.selectFi,\n fiPageVariants = _$config$choiceExperi2 === undefined ? [] : _$config$choiceExperi2,\n _$config$choiceExperi3 = _$config$choiceExperi.skipSelectFi,\n skipFiPageVariants = _$config$choiceExperi3 === undefined ? [] : _$config$choiceExperi3;\n var fromState = $state.fromState;\n\n var skipStates = ['checkout.review', 'checkout.selectFi', 'checkout.authorizationmessage', 'checkout.pageAddCard.addCardFlow.addCard', 'checkout.chooseCreditOffer'];\n\n if (!fromState.name ||\n // Current state contains one of the skip states (can be nested)\n skipStates.some(function (state) {\n return fromState.name.indexOf(state) !== -1;\n })) {\n return;\n }\n\n // If returning from credit application, skip the selectFi page\n var isCapeReturnKey = _credit.$CreditDataModel.instance($rootScope.token).getCapeKey();\n\n if (isCapeReturnKey) {\n return;\n }\n\n return _choice.$ChoiceEligibility.instance().getVariant($rootScope.token).then(function (variant) {\n // Check if variant is selectFi variant\n if (fiPageVariants.indexOf(variant) === -1) {\n return;\n }\n\n var models = {};\n\n // Check that there is more than one plan to choose from, or that plan is not preferred\n return (0, _squid.$populate)(models, {\n checkoutSession: _checkout.$CheckoutSessionModel.instance($rootScope.token)\n }).then(function () {\n var plans = models.checkoutSession.get('fundingOptions.plans');\n var isPreferredDefault = skipFiPageVariants.indexOf(variant) > -1 && plans && plans[0].primaryFs.isPreferred;\n var stickyPlans = models.checkoutSession.futurePaymentInstruments;\n\n if (!isPreferredDefault && (plans && plans.length > 1 || stickyPlans && stickyPlans.length > 1)) {\n return {\n to: 'checkout.selectFi',\n newState: true\n };\n } else {\n _logger.$logger.info('skip_selectFi', {\n reason: isPreferredDefault ? 'default_is_preferred' : 'not_enough_plans'\n });\n return;\n }\n });\n });\n }\n },\n\n children: [{\n route: _route4['default'],\n attributes: {\n 'back-uri': 'backUri',\n 'promotion': 'promotion',\n 'update': 'update',\n 'token': 'token',\n 'installment': 'installment'\n }\n }, {\n name: '$OneTouchUpsellRoute',\n attributes: {\n 'token': 'token',\n 'on-complete': 'onComplete'\n }\n }, {\n route: _route2['default'],\n props: function props() {\n var props = {\n token: this.token,\n cardmodel: this.cardModel\n };\n\n if (this.upopCallbacks.isOnUpdate) {\n props.onSuccess = this.upopCallbacks.onUpdateSuccess;\n props.onCancel = this.upopCallbacks.onUpdateCancel;\n } else {\n props.onSuccess = this.upopCallbacks.onConfirmUpopSuccess;\n props.onCancel = this.upopCallbacks.onConfirmUpopCancel;\n }\n\n return props;\n }\n }, {\n route: _route6['default'],\n props: function props() {\n return {\n token: this.token\n };\n }\n }]\n});\n\nangular.value(\"$ReviewRoute\", $ReviewRoute);\n_logger.$logger;\n\n_squid.$ComponentRoute;\n\n_squid.$feature;\n\n_squid.$config;\n\n_squid.$populate;\n\n_directive.$xoReviewPageComponent;\n\n_checkout.$CheckoutSessionModel;\n\n_choice.$ChoiceEligibility;\n\n_credit.$CreditDataModel;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-review/route.js\n// module id = ./pages/xo-review/route.js\n// module chunks = 0","module.exports = \"\\n \\n \\n \\n\\n
\\n \\n \\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-review/template.html\n// module id = ./pages/xo-review/template.html\n// module chunks = 0","\n\nexports.__esModule = true;\nexports.$xoSelectFiComponent = undefined;\n\nvar _squid = require('squid');\n\nvar _uiRouter = require('uiRouter');\n\nvar _logger = require('xo-beaver/dist/logger');\n\nvar _auth = require('xo-models/src/auth');\n\nvar _index = require('xo-models/src/checkout/index');\n\nvar _choice = require('xo-models/src/choice');\n\nvar _index2 = require('xo-models/src/fi/index');\n\nvar _index3 = require('xo-models/src/fiMeta/index');\n\nvar _index4 = _interopRequireDefault(_index3);\n\nrequire('js/lib/index');\n\nrequire('xo-ui-components/src/message/directive');\n\nrequire('xo-ui-components/src/banner/directive');\n\nrequire('xo-title/dist/directive');\n\nrequire('xo-models/src/fi/lib/fiMessages');\n\nrequire('xo-models/src/fi/lib/fiApis');\n\nrequire('xo-ui-components/src/fi-panel/directive');\n\nrequire('xo-ui-components/src/experience/directive');\n\nrequire('xo-device-info/dist/index');\n\nrequire('xo-credit-components/src/offer/directive');\n\nrequire('xo-credit-components/src/offer/xo-credit-example-uk/directive');\n\nrequire('xo-member-components/src/review-paywith/directive');\n\nrequire('xo-page-components/src/marketingOffers/directive');\n\nrequire('xo-page-components/src/notYou/directive');\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nrequire('./styles');\n\nvar _factory = require('./factory');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar $xoSelectFiComponent = exports.$xoSelectFiComponent = _squid.$Component.extend('$xoSelectFiComponent', {\n tag: 'xo-select-fi',\n template: _template2['default'],\n props: {\n token: {\n type: 'var',\n required: true\n }\n },\n resolve: {\n models: function models() {\n _index4['default'].instance(this.props.token).fetch();\n return {\n checkoutSession: _index.$CheckoutSessionModel.instance(this.props.token).retrieve(),\n cart: _index.$CheckoutCartModel.instance(this.props.token).retrieve(),\n auth: _auth.$AuthModel.instance().retrieve(),\n checkoutAppData: _index.$CheckoutAppDataModel.instance(this.props.token).retrieve(),\n variant: _choice.$ChoiceEligibility.instance().getVariant(this.props.token),\n checkoutPayeeModel: _index.$CheckoutPayeeModel.instance(this.props.token).retrieve()\n };\n }\n },\n actions: {},\n lifecycle: {\n enter: function enter() {\n // make this better\n this.propValueObj = {\n propHeader: 'memberReview.propHead',\n propVal: 'memberReview.propVal',\n propImage: 'https://www.paypalobjects.com/images/checkout/hermes/scr_vp_fprd_shield_bags.png'\n };\n\n this.isMessengerBAIntegration = _squid.$integration.getConfig('IS_MESSENGER_BA_INTEGRATION');\n\n this.personalizedBanner = {\n show: false\n };\n this.personalizedBanner = {\n show: false\n };\n this.locale = _squid.$locale;\n this.isCountryDE = _squid.$locale.country === 'DE';\n },\n populate: function populate() {\n var _this = this;\n\n var _models = this.models,\n checkoutSession = _models.checkoutSession,\n cart = _models.cart;\n\n var masterPlanList = checkoutSession.getPlanList(); // initial fundingOptions that's returned by planning (unmodified)\n\n this.isBillingNoPurchase = cart.isBillingNoPurchase();\n this.isBilling = cart.isBilling();\n\n this.personalizedBanner.show = this.models.auth.rememberedOT() && (0, _squid.$feature)('oneTouchPersonalization');\n\n this.showNotYou = this.models.auth && this.models.auth.showNotYou();\n\n this.formattedNameInformal = (0, _squid.formatNameInformal)({\n first_name: this.models.auth.first_name,\n last_name: this.models.auth.last_name\n }) || this.models.auth.email;\n\n // selected plan model\n var selectedmethod = this.selectedmethod = {\n // first selection to start\n index: 0,\n // needed by xo-reuse and will be resolved later\n planId: 0\n };\n\n var serializedPlans = {}; // index of all plans by primary and balance currency code(s)\n var balanceCodes = {}; // index of cataloged currency codes\n var primaryList = []; // list of plans with unique primaryFs ids\n var balanceList = this.balanceList = []; // list of unique balance currencies\n var cardMap = { // FI names that we know map to content keys\n BILL_ME_LATER: 'BILL_ME_LATER',\n PAD: 'PAD',\n PAYPAL_EXTRAS_MASTERCARD: 'PAYPAL_EXTRAS_MASTERCARD'\n };\n\n this.isUSGambling = function () {\n // US Only Real Money Gaming\n var isUSBuyer = _squid.$locale.country === 'US';\n var isUSmerchant = _this.models.checkoutAppData && _this.models.checkoutAppData.get('merchant.merchant_country') === 'US';\n\n return _this.models.checkoutPayeeModel && _this.models.checkoutPayeeModel.isGambling() && isUSBuyer && isUSmerchant;\n };\n\n // Return a representation of the primaryFs of a plan\n // Based on id, currency code, subtype to ensure uniqueness\n // TODO(refactor): $MultiFiPlanFactory.getSerializedPrimary()\n var getSerializedPrimary = function getSerializedPrimary(primary) {\n var serial = primary.id + primary.amount.currency_code.toLowerCase();\n\n // if there's a subtype...\n if (primary.subtype) {\n serial += primary.subtype;\n }\n return serial;\n };\n\n // return a serialized key for the plan\n // plan - a plan object from checkoutSession.fundingOptions.plans\n // balances - array of currency code strings\n // TODO (refactor): $MultiFiPlanFactory.getSerializedPlanId()\n var getSerializedPlanId = function getSerializedPlanId(plan, balances) {\n var pid = getSerializedPrimary(plan.primaryFs);\n\n // if no balances array...\n if (!balances) {\n // just return the pid\n return pid;\n }\n\n // (otherwise) sort balances\n balances.sort();\n\n return pid + balances.join();\n };\n\n if (masterPlanList) {\n // If more than one fully funded balance plan, show the balance currency next to instrument name\n // TODO(refactor): the entire `showBalanceCurrencies` logic can be abstracted away\n // with $MultiFiPlanFactory.getShowBalanceCurrenciesStatus()\n var showBalanceCurrencies = checkoutSession.isMultipleBalancePlan();\n\n // if not multiple balance plans...\n if (!showBalanceCurrencies) {\n // start with first plan's currency\n var knownCurrency = masterPlanList[0].primaryFs.amount.currency_code;\n\n // update flag if any plan has more than two secondaries or one with a different currency\n showBalanceCurrencies = masterPlanList.some(function (plan) {\n // show currencies, when this plan has a different one, or...\n return plan.primaryFs.amount.currency_code !== knownCurrency ||\n // this plan has secondaries, where...\n plan.secondaryFIs && (\n // there's more than one\n plan.secondaryFIs.length > 1 ||\n // the one has a different currency\n plan.secondaryFIs[0].amount.currency_code !== knownCurrency);\n });\n }\n\n // index of captured primaryFs ids\n var primaryFsIds = {};\n\n // Filter through the masterPlanList, set up the split balance lists for the checkboxes if present, and set up the primary FI list. This is mostly needed for split balance cases\n // TODO(refactor): use $MultiFiPlanFactory.getCompositeBalances() to get `balanceCodes`, `balanceList` and `balCurCodes`\n masterPlanList.forEach(function (plan) {\n var balances = plan.secondaryFIs || [];\n var balCurCodes = [];\n\n // catalog balances\n balances.forEach(function (balance) {\n var code = balance.amount.currency_code;\n\n // capture code (for serialization, next)\n balCurCodes.push(code);\n // if this code has not been cataloged...\n if (!balanceCodes.hasOwnProperty(code)) {\n var balInfoAndState = {\n code: code,\n checked: false,\n enabled: true,\n intent: false,\n fake: false\n };\n\n if (showBalanceCurrencies) {\n balInfoAndState.amount = balance.amount.amount_formatted_currency;\n } else {\n balInfoAndState.amount = balance.amount.amount_formatted;\n }\n // flag that we've cataloged this code\n balanceCodes[code] = balInfoAndState;\n // capture balance details and initial ui state\n balanceList.push(balInfoAndState);\n }\n });\n\n // if this is a primary split-balance plan...\n if (plan.primaryFs.type === 'BALANCE') {\n // add key to template\n // NOTE: easier to build string here, than with template tags\n plan.currencies = [plan.primaryFs.amount.currency_code].concat(balCurCodes).join(', ');\n }\n\n // catalog plan by serial and balances\n serializedPlans[getSerializedPlanId(plan, balCurCodes)] = plan;\n\n // get plan primary\n var serialPrimary = getSerializedPrimary(plan.primaryFs);\n\n // if haven't indexed the primary...\n if (!primaryFsIds.hasOwnProperty(serialPrimary)) {\n // note that we've cataloged this primary\n primaryFsIds[serialPrimary] = 1;\n // capture plan with unique primary\n primaryList.push(plan);\n }\n });\n\n // sort unique balances by currency code\n // TODO(refactor): part of $MultiFiPlanFactory.getCompositeBalances() logic\n balanceList.sort(function (balA, balB) {\n // balance codes are never the same, so no need to return 0\n return balA.code < balB.code ? -1 : 1;\n });\n\n // expose to template\n this.isMultipleBalance = showBalanceCurrencies;\n\n // filtering primary list by DE specific logic so it combines IACH and PAD together\n if (this.isCountryDE) {\n primaryList = checkoutSession.fundingOptions.getPadAndIachCombinedPlans(primaryList);\n }\n\n this.primaryList = primaryList;\n }\n\n // TODO(refactor): use $MultiFiPlanFactory.getPlansByPrimaryId()\n var getPlansByPrimaryId = function getPlansByPrimaryId(pid) {\n var matchingPlans = {};\n\n // with each serialized plan\n for (var key in serializedPlans) {\n // if this key is not inherited and begins with this pid...\n if (serializedPlans.hasOwnProperty(key) && !key.indexOf(pid)) {\n // add to matched plans\n matchingPlans[key] = serializedPlans[key];\n }\n }\n return matchingPlans;\n };\n\n // checkPad() determines whether to show/hide the PAD warning message and PAD label\n var checkPad = function checkPad() {\n var _$BalanceFactory$getP = _factory.$BalanceFactory.getPadAndCheckboxStatus(_this.balanceList, masterPlanList),\n isChecked = _$BalanceFactory$getP.isChecked,\n hasPad = _$BalanceFactory$getP.hasPad;\n\n // only display this warning message to current user who have selected PayPal balance and\n // currently has a PAD type funding option\n\n\n _this.displayPadMessage = isChecked && hasPad;\n // display PAD label when PayPal balance is unchecked\n _this.displayPadLabel = isChecked === false;\n\n _factory.$BalanceFactory.set({ checkbox: isChecked });\n };\n\n this.capUserIntent = function (code, state) {\n var balance = balanceCodes[code];\n\n // if this balance is enabled...\n if (balance.enabled) {\n // capture user triggered state change\n balance.intent = state;\n }\n\n // check PAD related business logic to display PAD label and PAD warning message\n checkPad();\n };\n\n // check if plan is MEFT and has associated IACH bank\n var isMEFTWithIACH = function isMEFTWithIACH(plan) {\n if (!checkoutSession.fundingOptions.isMEFT(plan)) {\n return false;\n }\n return masterPlanList.some(function (p) {\n return plan.primaryFs && plan.primaryFs.id === p.primaryFs.id && checkoutSession.fundingOptions.isIACH(p);\n });\n };\n\n // for DE only we show preferred only for PAD or IACH banks\n var showPreferredLabelForDE = function showPreferredLabelForDE(isPAD, isMEFT, isIACHWithPad) {\n return (isPAD || isIACHWithPad) && _this.isCountryDE && !isMEFT; // if it's pad or iach and not meft\n };\n\n // for all countries except DE check if it's not PAD bank and not a MEFT bank with associated IACH\n var showPreferredLabelForAll = function showPreferredLabelForAll(isPAD, meftWithIach) {\n return !isPAD && !meftWithIach;\n };\n\n // for PAD isPreferred will never be true\n // only MEFT and IACH subtypes can have isPreferred as true\n this.showPreferredLabel = function (plan) {\n var preferred = checkoutSession.fundingOptions.isPreferred(plan);\n var isPAD = checkoutSession.fundingOptions.isPAD(plan);\n var isMEFT = checkoutSession.fundingOptions.isMEFT(plan);\n var isIACHWithPad = checkoutSession.fundingOptions.isIACHWithPad(plan);\n var meftWithIach = isMEFTWithIACH(plan);\n\n return !_this.isBilling && preferred && _this.preferredFiVariant && (showPreferredLabelForAll(isPAD, meftWithIach) || showPreferredLabelForDE(isPAD, isMEFT, isIACHWithPad));\n };\n\n // Update the balance checkbox states based on the index of primaryFs user has selected\n this.updateBalances = function (index) {\n var primary = primaryList[index].primaryFs;\n var bankOrOther = primary.type === 'BANK' ? 'BANK' : 'OTHER';\n var primaryCodeAsBalance = primary.type === 'BALANCE' && primary.amount.currency_code;\n var pid = getSerializedPrimary(primary);\n var matchingPlans = getPlansByPrimaryId(pid);\n\n // if no balances, set selected planId to the matching primaryFs by pid (should only be one) and exit early\n if (!balanceList.length) {\n if (matchingPlans.hasOwnProperty(pid)) {\n // capture the matching plan (needed by xo-reuse)\n selectedmethod.planId = matchingPlans[pid].planId;\n }\n\n return;\n }\n\n // Otherwise, match the balances based on index of user choice\n var combinedSerials = Object.keys(matchingPlans).join();\n var cardName = cardMap[primary.name] || bankOrOther;\n var includeCodes = [];\n var excludeCodes = [];\n\n var selectedPlan = primaryList[index]; // current selected plan\n var id = selectedPlan.secondaryFIs.length && selectedPlan.primaryFs.subtype === 'IACH' && selectedPlan.primaryFs.padPlanId || selectedPlan.secondaryFIs === false && selectedPlan.primaryFs.subtype === 'PAD' && selectedPlan.primaryFs.iachPlanId;\n\n var foundCorrespondingPlan = masterPlanList.some(function (plan) {\n return plan.planId === id;\n });\n\n // with each balance...\n // TODO(refactor)\n _squid.$util.forEach(balanceCodes, function (balState, code) {\n var isFake =\n\n // When the primary is Balance with the same currency\n // user cannot deselect this balance, so show fake selected+disabled checkbox\n balState.fake = primaryCodeAsBalance === code;\n\n // if faking this checkbox\n if (isFake) {\n // fake that it's being forced\n includeCodes.push(code);\n }\n\n // if no plans allow this balance...\n if (combinedSerials.indexOf(code) === -1 && !foundCorrespondingPlan) {\n // deselect and disable this balance\n balState.checked = balState.enabled = false;\n if (!isFake) {\n // add currency code to exclude list\n excludeCodes.push(code);\n }\n } else if (foundCorrespondingPlan) {\n // checks for crossed combination between IACH and PAD\n balState.enabled = true;\n balState.checked = balState.intent;\n } else {\n _this.installment = _this.installment || {};\n _this.installment.isSplitBalance = true;\n\n // assume all plans require this balance\n var requiresBalance = true;\n\n // with each plan...\n for (var serial in matchingPlans) {\n // if it can be used without this balance...\n if (matchingPlans.hasOwnProperty(serial) && serial.indexOf(code) === -1) {\n // flag that all plans do not use this balance\n requiresBalance = false;\n break;\n }\n }\n // if this balance is required for this (or all) plans...\n if (requiresBalance) {\n // select this balance\n balState.checked = true;\n // disable this balance\n balState.enabled = false;\n\n // add currency code to include list\n includeCodes.push(code);\n } else {\n // (otherwise) when this balance is optional for this primaryFs...\n // just enable the balance checkbox\n balState.enabled = true;\n // use intent state to persist user intent\n balState.checked = balState.intent;\n }\n }\n });\n\n // if not a balance plan, and we have any include and/or exclude messages to display...\n if (primary.type !== 'BALANCE' && (includeCodes.length || excludeCodes.length)) {\n var msgs = [];\n var fiName = (0, _squid.$renderContent)('fsMappings.' + primary.name).string || primary.name;\n\n // log when user messaging occurs\n _logger.$logger.info('checkout_fpti', {\n primary: primary.id || primary.type,\n denied: excludeCodes.join(),\n forced: includeCodes.join()\n });\n\n // build include and exclude messages\n [['yes', includeCodes], ['no', excludeCodes]].forEach(function (pair) {\n var codes = pair[1];\n var codesLn = codes.length;\n\n // if there are codes to report as in/ex-cluded...\n if (codesLn) {\n var msgKey = 'memberReview.' + pair[0] + 'Bal_' + cardName;\n var msgObj = { fi: fiName };\n\n // if more than one code...\n if (codesLn > 1) {\n // use plural content key\n msgKey += '_plural';\n // if more than two codes...\n if (codesLn > 2) {\n // group all but the last as the first code\n msgObj.code1 = codes.slice(0, -1).join(', ');\n // use last code alone\n msgObj.code2 = codes[codes.length - 1];\n } else {\n // set code to each token\n msgObj.code1 = codes[0];\n msgObj.code2 = codes[1];\n }\n } else {\n // (otherwise) when only one code...\n // list as first code\n msgObj.code1 = codes[0];\n }\n // capture final message\n msgs.push((0, _squid.$renderContent)(msgKey, msgObj));\n }\n });\n // show informational messages\n checkoutSession.message = {\n msgs: msgs,\n type: 'info'\n };\n } else {\n // clear (any) existing message(s)\n checkoutSession.message = '';\n }\n\n // check PAD related business logic to display PAD label and PAD warning message\n checkPad();\n };\n\n // determine which plan to pre-select\n\n // if BA txn...\n if (this.isBillingNoPurchase) {\n // just deal with plan id - ignore index approach\n selectedmethod.planId = checkoutSession.getSelectedStickyInstrument().instrument_id;\n } else if (balanceList.length) {\n // (or) there are balances...\n\n // Select checkboxes by default if first plan has balances by default\n if (masterPlanList[0].secondaryFIs) {\n masterPlanList[0].secondaryFIs.forEach(function (bal) {\n _this.capUserIntent(bal.amount.currency_code, true);\n });\n }\n\n // update balance checkboxes for the first/default selected plan\n this.updateBalances(0);\n } else {\n\n // (otherwise) without balances...\n\n // honor preferred/active/current plan\n var preferredPlanId = checkoutSession.plan.id;\n\n // behave as if the preferred plan were selected - if not, the first/default\n var preferredPlanIndex = _squid.$util.findIndex(primaryList, function (plan) {\n return plan.planId === preferredPlanId;\n }) || 0;\n\n var plan = primaryList[preferredPlanIndex];\n\n if (plan) {\n // specify selected method\n selectedmethod.index = preferredPlanIndex;\n\n // capture preferred plan id - should be same as `preferredPlanId`\n selectedmethod.planId = plan.planId;\n }\n }\n\n this.getBAPlans = function () {\n return checkoutSession.futurePaymentInstruments;\n };\n\n // Check if is variant where preferred can be set\n var preferredFiVariants = _squid.$config.choiceExperiment && _squid.$config.choiceExperiment.preferredCheckbox || [];\n\n this.preferredFiVariant = preferredFiVariants.indexOf(this.models.variant) > -1;\n\n var updateFS = function updateFS() {\n var planId = void 0;\n\n if (_this.selectedmethod.index === 'applyForPPCRadio') {\n return _squid.$promise.resolve();\n }\n\n // if BA plans...\n if (_this.isBillingNoPurchase) {\n planId = selectedmethod.planId;\n } else {\n\n // (otherwise) resolve plan from index and checked balance checkboxes\n\n var index = selectedmethod.index;\n var _plan = primaryList[index];\n\n // TODO: refactor this to FundingOptionsModel\n var getPadSplitBalPlan = function getPadSplitBalPlan(currentPlan) {\n return masterPlanList.find(function (p) {\n return p.primaryFs.id === currentPlan.primaryFs.id && p.primaryFs.subtype === 'IACH' && p.secondaryFIs && p.secondaryFIs.length;\n });\n };\n\n // find iach or pad plan without balance\n var getIachOrPadPlanWithoutBalance = function getIachOrPadPlanWithoutBalance(currentPlan) {\n return masterPlanList.find(function (p) {\n return p.primaryFs.id === currentPlan.primaryFs.id && (checkoutSession.fundingOptions.isIACH(p) || checkoutSession.fundingOptions.isPAD(p)) && !p.secondaryFIs;\n });\n };\n\n // check if plan is IACH with a balance\n var isPlanIachWithBalance = function isPlanIachWithBalance(p) {\n return checkoutSession.fundingOptions.isIACH(p) && p.secondaryFIs && p.secondaryFIs.length;\n };\n\n var isChecked = balanceList.some(function (balance) {\n return balance.checked;\n });\n var planWithSplitBal = getPadSplitBalPlan(_plan);\n\n // if balance checkbox is checked make sure the selected plan is correct by looking for a plan with a balance\n // otherwise if unchecked and selected plan has balance -> find plan without balance\n if (isChecked) {\n if (planWithSplitBal) {\n _plan = planWithSplitBal;\n }\n } else if (isPlanIachWithBalance(_plan)) {\n var planWithIachOrPad = getIachOrPadPlanWithoutBalance(_plan);\n\n if (planWithIachOrPad) {\n _plan = planWithIachOrPad;\n }\n }\n\n // get plan with serial, built from user selections\n // TODO(refactor): use $MultiFiPlanFactory.getCheckedBalances()\n var checkedBalances = [];\n\n _squid.$util.forEach(balanceCodes, function (balance, code) {\n if (balance.checked) {\n checkedBalances.push(code);\n }\n });\n\n // use plan with this primaryFs and balance options\n var fundingsource = serializedPlans[getSerializedPlanId(_plan, checkedBalances)];\n\n // if no plan matches the user's selections...\n if (!fundingsource) {\n\n // FUZZY MATCHING x-{\n\n var pid = getSerializedPrimary(_plan.primaryFs);\n var pidForLogger = _plan.primaryFs.id || _plan.primaryFs.type;\n\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n denied: checkedBalances.join()\n });\n\n // (perhaps only one of the selected balances is applicable?)\n\n // find a plan with each individual balance\n checkedBalances.some(function (code) {\n // match plan with this serial combination\n fundingsource = serializedPlans[pid + code];\n return fundingsource;\n });\n\n // flag that one of the checked balances was unusable\n if (fundingsource) {\n\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n denied: checkedBalances.join()\n });\n }\n\n // if no plan yet...\n // (perhaps the plan doesn't have any balance combination?)\n if (!fundingsource) {\n // get the plan with just this primaryFs\n fundingsource = serializedPlans[pid];\n // if we now have a plan...\n if (fundingsource) {\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n denied: checkedBalances.join()\n });\n }\n }\n\n // if still no plan...\n // (at this point, the plan requires a specific balance combination)\n if (!fundingsource) {\n var serializedPlanKeys = Object.keys(serializedPlans);\n\n // use the first plan that begins with this primary id\n fundingsource = serializedPlans[serializedPlanKeys[_squid.$util.findIndex(serializedPlanKeys, function (serial) {\n return serial.indexOf(pid) === 0;\n })]];\n\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n forced: balanceList.map(function (balance) {\n return balance.code;\n }).join()\n });\n }\n }\n\n // use of the matched plan\n planId = fundingsource.planId;\n }\n if (_this.isBillingNoPurchase && checkoutSession.getSelectedStickyInstrument() && checkoutSession.getSelectedStickyInstrument().instrument_id !== planId) {\n return checkoutSession.action('setStickyFI', {\n data: {\n instrument_id: planId\n },\n success: function success(result) {\n checkoutSession.message = {\n type: 'success',\n msgKeys: ['paymentMethod.paymentMethodUpdated']\n };\n return result;\n },\n DEFAULT: function DEFAULT() {\n // Error message for failures\n _uiRouter.$state.go('checkout.review');\n }\n });\n } else if (!_this.isBillingNoPurchase && checkoutSession.get('plan.sources')[0].id !== planId) {\n\n return checkoutSession.fundingOptions.action('select', {\n data: {\n planId: planId\n },\n success: function success(result) {\n checkoutSession.populate(result);\n return result;\n },\n contingencies: {\n NEED_AUTHENTICATED_CARD: function NEED_AUTHENTICATED_CARD(name, result) {\n // Route to the Confirm Upop page. When finished, use the default handlers to return to the review page\n if (result && result.resolution) {\n var card = result.resolution.data;\n\n if (card.fundingId && card.fi && card.fi.type) {\n _this.cardModel = new _index2.$AddCardModel();\n _this.cardModel.id = card.fundingId;\n _this.cardModel.card = new _index2.$CardModel({\n number: 'xxxx-xxxx-xxxx-' + card.fi.number,\n type: card.fi.type.toUpperCase(),\n productType: card.fi.productType\n });\n }\n }\n\n // Reject to break out of the promise chain\n return _squid.$promise.reject(_uiRouter.$state.go('.confirmUpop'));\n },\n\n DEFAULT: function DEFAULT() {\n // Error message for failures\n _uiRouter.$state.go('checkout.review');\n }\n }\n });\n } else {\n return _squid.$promise.resolve();\n }\n };\n\n this['continue'] = function (evt) {\n return updateFS().then(function (result) {\n\n // clear (any) existing message(s)\n checkoutSession.message = '';\n\n // Decide routing after update\n\n if (result) {\n // Update the installments to support the user selecting a card that does not support installments.\n _this.models.checkoutSession.installments = result.installments;\n }\n // If paypal credit, check for installments and redirect if needed\n if ((_this.models.checkoutSession.get('plan.paypal_credit') || _this.selectedmethod.index === 'applyForPPCRadio') && _this.models.checkoutSession.creditInstallmentOffer) {\n var token = _this.props.token;\n var installments = _index.$InstallmentOptionsModel.instance(token);\n var data = {\n isMemberCredit: true\n };\n\n return (0, _squid.$populate)(data, {\n payee: _this.models.checkoutPayeeModel,\n checkoutCart: _index.$CheckoutCartModel.instance(token),\n checkoutAppData: _this.models.checkoutAppData\n }).then(function () {\n return installments.save({\n cache: true, // Cache between here and $ChoiceEligibilityModel\n data: data,\n success: function success(installmentResult) {\n var offers = installmentResult.installments && installmentResult.installments[0];\n var hasInstallments = offers && offers.installment_options && offers.installment_options.length;\n\n return hasInstallments;\n },\n contingencies: {\n DEFAULT: function DEFAULT() {\n // Assume is eligible if contingency\n return false;\n }\n },\n error: function error() {\n return false;\n }\n });\n }).then(function (hasInstallments) {\n if (hasInstallments) {\n return _uiRouter.$state.go('checkout.chooseCreditOffer');\n } else if (_this.selectedmethod.index === 'applyForPPCRadio') {\n return _uiRouter.$state.go('checkout.redirectToCape', {}, { location: false });\n } else {\n return _uiRouter.$state.go('checkout.review');\n }\n });\n } else {\n return _uiRouter.$state.go('checkout.review');\n }\n });\n };\n }\n },\n controller: function controller($scope, $rootScope) {\n $rootScope.showFiSelectPage = true;\n $scope.installment = $scope.installment || {};\n $scope.installment.showBanner = false;\n $scope.installment.showCYCO = false;\n $scope.installment.showCreditExample = false;\n\n $scope.showPPCAcquisitionRadioButton = function () {\n return $scope.installment && $scope.installment.showPPCAcquisitionRadioButton;\n };\n $scope.continueButtonText = function () {\n if (this.selectedmethod && this.selectedmethod.index === 'applyForPPCRadio') {\n return _squid.$locale.content.get('applyForBml.bmlApplyHeadline');\n } else {\n return _squid.$locale.content.get('common.continuetext');\n }\n };\n $scope.showCreditPlacement = function (plan) {\n return plan && !plan.primaryFs.isPinlessDebit && plan.primaryFs.name === 'BILL_ME_LATER';\n };\n }\n});\n\nangular.value(\"$xoSelectFiComponent\", $xoSelectFiComponent);\n_squid.$Component;\n\n_squid.$renderContent;\n\n_squid.$populate;\n\n_squid.$config;\n\n_squid.$feature;\n\n_squid.$integration;\n\n_squid.formatNameInformal;\n\n_squid.$util;\n\n_squid.$locale;\n\n_squid.$promise;\n\n_uiRouter.$state;\n\n_logger.$logger;\n\n_auth.$AuthModel;\n\n_index.$CheckoutSessionModel;\n\n_index.$InstallmentOptionsModel;\n\n_index.$CheckoutPayeeModel;\n\n_index.$CheckoutCartModel;\n\n_index.$CheckoutAppDataModel;\n\n_choice.$ChoiceEligibility;\n\n_index2.$AddCardModel;\n\n_index2.$CardModel;\n\n_factory.$BalanceFactory;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-select-fi/directive.js\n// module id = ./pages/xo-select-fi/directive.js\n// module chunks = 0","\n\nvar _squid = require('squid');\n\n(function exportProviders(angular) {\n angular && angular.exportProviders(module, exports, __dirname, __filename);\n})(window.angular);\n\nangular.module().factory('$BalanceFactory', function () {\n // initial choiceBalanceState checkbox is unselected\n var state = {\n checkbox: undefined\n };\n\n var get = function get() {\n return state;\n };\n\n var set = function set(data) {\n return _squid.$util.extend(state, data);\n };\n\n var getPadAndCheckboxStatus = function getPadAndCheckboxStatus() {\n var balanceList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var planList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n\n var isChecked = balanceList.some(function (balance) {\n return balance.checked;\n });\n var hasPad = planList.some(function (plan) {\n return plan.primaryFs.subtype === 'PAD';\n });\n\n return {\n isChecked: isChecked,\n hasPad: hasPad\n };\n };\n\n return {\n get: get,\n set: set,\n getPadAndCheckboxStatus: getPadAndCheckboxStatus\n };\n});\n\n_squid.$util;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-select-fi/factory.js\n// module id = ./pages/xo-select-fi/factory.js\n// module chunks = 0","\n\nexports.__esModule = true;\nexports.$SelectFiRoute = undefined;\n\nvar _squid = require('squid');\n\nvar _route = require('xo-wallet-components/src/confirm-upop/route');\n\nvar _route2 = _interopRequireDefault(_route);\n\nvar _directive = require('./directive');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar $SelectFiRoute = exports.$SelectFiRoute = _squid.$ComponentRoute.extend('$SelectFiRoute', {\n\n path: 'selectFi',\n directive: _directive.$xoSelectFiComponent,\n titleContent: 'memberReview.selectFi',\n trackingData: {\n fptiState: 'choose_FI_interstitial',\n buzname: {\n 'fullpage': {\n 'pagename': '%::select-fi',\n 'pagename2': '%::select-fi:member:hermes:',\n 'version': 'member:%:'\n }\n }\n },\n children: [{\n route: _route2['default'],\n props: function props() {\n return {\n token: this.props.token,\n cardmodel: this.cardModel\n };\n }\n }]\n});\n\nangular.value(\"$SelectFiRoute\", $SelectFiRoute);\n_squid.$ComponentRoute;\n\n_directive.$xoSelectFiComponent;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-select-fi/route.js\n// module id = ./pages/xo-select-fi/route.js\n// module chunks = 0","module.exports = \"\\n \\n\\n
\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-update-card/template.html\n// module id = ./pages/xo-update-card/template.html\n// module chunks = 0","\n\nexports.__esModule = true;\nexports.COOKIE_AGE = exports.COOKIE_NAME = exports.VENMO_VERSION = exports.TOKEN_PARAM_NAME = undefined;\n\nvar _squid = require('squid');\n\nvar _logger = require('xo-beaver/dist/logger');\n\nvar _checkout = require('xo-models/src/checkout');\n\nvar _index = require('xo-models/src/fi/index');\n\nvar _auth = require('xo-models/src/auth');\n\nvar _venmoModels = require('xo-third-party-components/src/venmo-models');\n\nvar _thirdPartyInfo = require('xo-third-party-components/src/thirdParty-info');\n\nvar _uiRouter = require('uiRouter');\n\nvar _jquery = require('jquery');\n\nvar _jquery2 = _interopRequireDefault(_jquery);\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar TOKEN_PARAM_NAME = exports.TOKEN_PARAM_NAME = 'payload_id';\nvar VENMO_VERSION = exports.VENMO_VERSION = 'venmo-version';\nvar COOKIE_NAME = exports.COOKIE_NAME = 'pwv';\nvar COOKIE_AGE = exports.COOKIE_AGE = 365 * 4 * 24 * 60 * 60 * 1000;\n\nexports['default'] = _squid.$Component.extend('$VenmoPayloadBootstrap', {\n tag: 'venmo-payload-bootstrap',\n template: _template2['default'],\n\n props: {\n token: {\n type: 'var',\n optional: false\n }\n },\n\n resolve: {\n venmoParams: function venmoParams() {\n var _ref;\n\n return _ref = {}, _ref[TOKEN_PARAM_NAME] = _uiRouter.$stateParams[TOKEN_PARAM_NAME], _ref;\n },\n venmoAppVersion: function venmoAppVersion() {\n var _ref2;\n\n return _ref2 = {}, _ref2[VENMO_VERSION] = _uiRouter.$stateParams[VENMO_VERSION], _ref2;\n },\n checkoutCart: function checkoutCart() {\n return _checkout.$CheckoutCartModel.instance(this.token).retrieve();\n },\n checkoutPayee: function checkoutPayee() {\n return _checkout.$CheckoutPayeeModel.instance(this.token).retrieve();\n },\n appData: function appData() {\n return _checkout.$CheckoutAppDataModel.instance(this.token).retrieve();\n }\n },\n\n lifecycle: {\n enter: function enter() {\n var _this = this;\n\n _logger.$logger.info(['xo-venmo directive', 'lifecycle', 'enter'].join('::'));\n\n this.done = function (shippingAddress) {\n\n // usecase 1: the billing address of the venmo user existed\n // usecase 2: the checkbox was displayed on the shipping address form and the venmo user checked it\n // usecase 3: the checkbox was displayed on the shipping address form and the venmo user did not check it -> go to billing page\n\n if (!_this.renderBillingAddCheckbox) {\n // usecase 1\n _this.goto('checkout.review');\n } else if (shippingAddress) {\n // usecase 2\n\n // Transform shipping address into billing address : format\n var add = {\n newAddress: {\n address1: shippingAddress.line1,\n address2: shippingAddress.line2,\n city: shippingAddress.city,\n state: shippingAddress.state,\n zip: shippingAddress.postal_code,\n isoCountry: shippingAddress.country\n }\n };\n var billingAddress = new _index.$AddBillingAddressModel({ instrumentid: _this.instrumentID });\n var self = _this;\n billingAddress.save({\n data: add,\n success: function success() {\n _logger.$logger.info(['xo-venmo directive', 'Billing Address', 'added'].join('::'));\n\n // Fix to mitigate the symphony issue with POSTAL CODE MISSING\n // Need to have a better solution\n _logger.$logger.info(['xo-venmo directive', 'Calling checkout session again'].join('::'));\n\n var sessionModel = _checkout.$CheckoutSessionModel.instance(self.token);\n var cartModel = _checkout.$CheckoutCartModel.instance(self.token);\n var venmoOnboardModel = _venmoModels.$VenmoOnboardModel.instance(self.token);\n\n sessionModel.action('create', {\n data: {\n fraudnet_id: cartModel.supplementary && cartModel.supplementary.risk_correlation_id,\n baToken: cartModel.billing && cartModel.billing.ba_token,\n user_selected_funding_source: {\n dcvv: venmoOnboardModel.dcvv,\n product_name: 'VENMO_US_PPMERCHANT_SINGLEUSETOKEN'\n },\n is_skip_gfo: true\n },\n success: function success() {\n _uiRouter.$state.go('checkout.review');\n }\n });\n },\n error: function error(err) {\n _logger.$logger.error('billingAddressSaveError', err);\n _uiRouter.$state.go('checkout.login', { venmoError: true });\n },\n validation: function validation(_validation) {\n _logger.$logger.error('billingAddressValidationError', _validation);\n _uiRouter.$state.go('checkout.login', { venmoError: true });\n }\n });\n } else {\n // usecase 3\n _this.goto('checkout.venmo.addBilling');\n }\n };\n },\n populate: function populate() {\n var _this2 = this;\n\n (0, _jquery2['default'])('#preloaderSpinner').show();\n var venmoParams = this.venmoParams,\n venmoAppVersion = this.venmoAppVersion,\n checkoutCart = this.checkoutCart,\n checkoutPayee = this.checkoutPayee,\n appData = this.appData;\n\n // Placeholder to update the value of the venmo cookie with the incoming app version\n\n this.updateVenmoCookie = function () {\n var appVersion = venmoAppVersion[VENMO_VERSION];\n if (appVersion) {\n var expires = ';expires=' + new Date(Date.now() + COOKIE_AGE);\n window.document.cookie = COOKIE_NAME + '=' + appVersion + expires + ';domain=.paypal.com;path=/';\n _logger.$logger.info('pwv_cookie_updated', appVersion);\n }\n };\n this.updateVenmoCookie();\n\n var checkoutSessionModel = _checkout.$CheckoutSessionModel.instance(this.token);\n var venmoOnboardModel = _venmoModels.$VenmoOnboardModel.instance(this.token);\n var venmoDcvv = void 0;\n\n var totalTransaction = checkoutCart && checkoutCart.purchase && checkoutCart.purchase.amounts && checkoutCart.purchase.amounts.total;\n\n var onboardRequest = {\n payload_id: venmoParams.payload_id,\n limit: {\n currency: totalTransaction.currency_code,\n amount: totalTransaction.amount\n },\n intent: checkoutCart.payment_action,\n merchant_id: checkoutPayee.merchant.id\n };\n\n // define steps\n var onboardMember = function onboardMember() {\n return venmoOnboardModel.save({\n data: onboardRequest,\n success: function success(data) {\n _logger.$logger.info(data);\n venmoDcvv = data.dcvv;\n _this2.instrumentID = data.instrument_id;\n return data;\n },\n error: function error(err) {\n\n failureHandling('hermesnodeweb', err && err.stack || err);\n },\n validation: function validation(_validation2) {\n return _uiRouter.$state.go('checkout.login', { venmoError: true });\n },\n contingencies: {\n DEFAULT: function DEFAULT(msg, contingency) {\n failureHandling('hermesnodeweb', contingency && contingency.message);\n }\n }\n });\n };\n\n var setVenmoToken = function setVenmoToken() {\n return _thirdPartyInfo.thirdPartyExperience.setAsVenmoExperience(_this2.token);\n };\n\n var self = this;\n var createCheckoutSession = function createCheckoutSession() {\n return checkoutSessionModel.action('create', {\n data: {\n fraudnet_id: checkoutCart.supplementary && checkoutCart.supplementary.risk_correlation_id,\n baToken: checkoutCart.billing && checkoutCart.billing.ba_token,\n user_selected_funding_source: {\n dcvv: venmoDcvv,\n product_name: 'VENMO_US_PPMERCHANT_SINGLEUSETOKEN'\n },\n is_skip_gfo: true\n },\n success: function success(result) {\n return result;\n },\n contingencies: {\n NEED_SHIPPING_ADDRESS: function NEED_SHIPPING_ADDRESS(msg, contingency) {\n\n // In the case the merchant only ships to local country\n _logger.$logger.info('venmo_shipping_contingency');\n\n // If the user hasn't entered a billing address, we'll also take it into consideration.\n return _index.$BillingAddressesModel.instance().retrieve().then(function (billingAddresses) {\n\n self.renderBillingAddCheckbox = !(billingAddresses && billingAddresses.addresses && billingAddresses.addresses['0']);\n\n _uiRouter.$state.go('checkout.venmo.addShipping');\n });\n },\n DEFAULT: function DEFAULT(msg, contingency) {\n _logger.$logger.info('venmo_unhandled_symphony_contingency', msg);\n failureHandling('paymentapiplatserv', contingency && contingency.message);\n }\n }\n });\n };\n var refreshAuthState = function refreshAuthState() {\n var auth = _auth.$AuthModel.instance().reload();\n _squid.$locale.choose(auth.country, auth.language, false);\n return auth;\n };\n\n var onAuth = function onAuth(authModel) {\n\n if (window.xprops && window.xprops.onAuth && authModel && authModel.access_token) {\n\n return window.xprops.onAuth({\n accessToken: authModel.access_token\n });\n }\n };\n\n var routeDecision = function routeDecision(checkoutSession) {\n\n if (checkoutSession) {\n\n _index.$BillingAddressesModel.instance().retrieve().then(function (billingAddresses) {\n\n // if the billing address model retrieves an existing address, the addresses array will have a property '0'\n _this2.renderBillingAddCheckbox = !(billingAddresses && billingAddresses.addresses && billingAddresses.addresses['0']);\n\n if (appData && appData.flags && appData.flags.shipping_address_required && !checkoutSession.shipping) {\n // if shipping is required and no shipping is sent in xo session, we route to shipping address page\n return _uiRouter.$state.go('checkout.venmo.addShipping');\n } else if (_this2.renderBillingAddCheckbox) {\n // shipping address exists, go to billing page\n return _uiRouter.$state.go('checkout.venmo.addBilling');\n } else {\n // else, we go to review page\n\n return _uiRouter.$state.go('checkout.review');\n }\n });\n } else {\n _logger.$logger.info('venmo_empty_checkoutSession');\n }\n };\n\n var failureHandling = function failureHandling(source, err) {\n _logger.$logger.info('checkout_fpti', {\n from: 'VENMO_ENTRYPOINT',\n to: 'process_venmo_entrypoint',\n 'int_error_description': 'venmo_onboard_failure',\n 'error_type': 'soft_decline',\n 'error_source': source\n });\n\n _logger.$logger.error('venmoOnboardingError', err);\n\n // go back to login with an error param to show the buyer oupon landing\n _uiRouter.$state.go('checkout.login', { venmoError: true });\n };\n\n onboardMember().then(setVenmoToken).then(refreshAuthState).then(onAuth).then(createCheckoutSession).then(routeDecision)['catch'](function (err) {\n venmoOnboardModel.invalidate();\n if (err instanceof _squid.$Forbidden) {// ignore forbidden errors\n\n } else {\n failureHandling('hermesnodeweb', err && err.stack || err);\n }\n });\n },\n exit: function exit() {\n (0, _jquery2['default'])('#preloaderSpinner').hide();\n }\n }\n});\n\n\n_squid.$Component;\n\n_squid.$locale;\n\n_squid.$Forbidden;\n\n_logger.$logger;\n\n_checkout.$CheckoutSessionModel;\n\n_checkout.$CheckoutCartModel;\n\n_checkout.$CheckoutAppDataModel;\n\n_checkout.$CheckoutPayeeModel;\n\n_index.$AddBillingAddressModel;\n\n_index.$BillingAddressesModel;\n\n_auth.$AuthModel;\n\n_venmoModels.$VenmoOnboardModel;\n\n_thirdPartyInfo.thirdPartyExperience;\n\n_uiRouter.$stateParams;\n\n_uiRouter.$state;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-venmo/directive.js\n// module id = ./pages/xo-venmo/directive.js\n// module chunks = 0","\n\nexports.__esModule = true;\n\nvar _squid = require('squid');\n\nvar _directive = require('./directive');\n\nvar _directive2 = _interopRequireDefault(_directive);\n\nvar _route = require('xo-third-party-components/src/venmo-billing/route');\n\nvar _route2 = _interopRequireDefault(_route);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Route.extend('$VenmoRoute', {\n path: 'venmo',\n directive: _directive2['default'],\n\n auth: false,\n query: [_directive.TOKEN_PARAM_NAME, _directive.VENMO_VERSION],\n\n trackingData: {\n fptiState: 'venmo_entrypoint',\n trackStateExit: true\n },\n children: [{\n name: '$AddShippingRoute',\n attributes: {\n token: 'token',\n 'done-fn': 'done',\n sidebar: 'sidebar',\n 'render-billing-add-checkbox': 'renderBillingAddCheckbox'\n }\n }, {\n route: _route2['default'],\n attributes: {\n token: 'token',\n sidebar: 'sidebar'\n }\n }]\n});\n\n\n_squid.$Route;\n\n_directive.TOKEN_PARAM_NAME;\n\n_directive.VENMO_VERSION;\nmodule.exports = exports['default'];\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-venmo/route.js\n// module id = ./pages/xo-venmo/route.js\n// module chunks = 0","module.exports = \"\\n
\\n\\n
\\n \\n
\\n\\n
\\n\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-venmo/template.html\n// module id = ./pages/xo-venmo/template.html\n// module chunks = 0","\n\nexports.__esModule = true;\n\nvar _uiRouter = require('uiRouter');\n\nvar _squid = require('squid');\n\nvar _logger = require('xo-beaver/dist/logger');\n\nvar _choice = require('xo-models/src/choice');\n\nvar _index = require('xo-models/src/checkout/index');\n\nvar _index2 = require('xo-models/src/fi/index');\n\nvar _index3 = require('xo-models/src/credit/index');\n\nvar _index4 = require('xo-models/src/auth/index');\n\nvar _index5 = require('xo-models/src/fiMeta/index');\n\nvar _index6 = _interopRequireDefault(_index5);\n\nrequire('xo-credit-components/src/offer/directive');\n\nrequire('xo-tray-height/dist/directive');\n\nrequire('xo-ui-components/src/popup/directive');\n\nrequire('xo-ui-components/src/experience/directive');\n\nrequire('xo-ui-components/src/fi-panel/directive');\n\nrequire('xo-page-components/src/aside-header/directive');\n\nrequire('xo-ui-components/src/accessibility/directive');\n\nrequire('xo-ui-components/src/expired-fi-panel/directive');\n\nvar _factory = require('xo-ui-components/src/expired-fi-panel/factory');\n\nvar _marketingoffer = require('xo-models/src/marketingoffer');\n\nvar _newMember = require('xo-models/src/newMember');\n\nvar _template = require('./template');\n\nvar _template2 = _interopRequireDefault(_template);\n\nrequire('./styles');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nexports['default'] = _squid.$Component.extend({\n tag: 'xo-wallet',\n\n template: _template2['default'],\n\n props: {\n token: {\n type: 'var',\n required: true\n },\n promotion: {\n type: 'var',\n required: false\n },\n installment: {\n type: 'var',\n required: false\n }\n },\n\n resolve: {\n models: function models() {\n _index6['default'].instance(this.props.token).fetch();\n return {\n checkoutSession: _index.$CheckoutSessionModel.instance(this.props.token).retrieve(),\n choiceVariant: _choice.$ChoiceEligibility.instance().getVariant(this.props.token)\n };\n },\n displayPosition: function displayPosition(resolvers) {\n return resolvers.models.then(function (models) {\n return {\n expired: _factory.$ExpiredFiPanelFactory.determineDisplayPosition(models.checkoutSession)\n };\n });\n }\n },\n\n lifecycle: {\n enter: function enter() {\n this.isDE = _squid.$locale.country === 'DE';\n },\n populate: function populate() {\n var $scope = this;\n var useAssetLiteNoInterestInsteadOfSAC = void 0;\n var creditDataModel = void 0;\n\n $scope.locale = _squid.$locale;\n $scope.showDisallowedMessage = false;\n $scope.toggleDisallowedMessage = function () {\n $scope.showDisallowedMessage = !$scope.showDisallowedMessage;\n };\n\n $scope.doneFn = function (result) {\n if ($scope.checkoutSession.plan.paypal_credit && $scope.installment.showCYCO) {\n _uiRouter.$state.go('checkout.chooseCreditOffer');\n } else {\n _uiRouter.$state.go('checkout.review');\n }\n };\n\n $scope.showCreditPlacement = function (plan) {\n return plan && !plan.primaryFs.isPinlessDebit && plan.primaryFs.name === 'BILL_ME_LATER';\n };\n\n $scope.showDualFi = (0, _squid.$feature)('addBank');\n\n $scope.padToggleFeature = _uiRouter.$stateParams.padToggleFeature;\n\n $scope.padToggleFeatureSupported = (0, _squid.$feature)('padToggleFeatureSupported');\n\n $scope.padToggleWalletSupported = (0, _squid.$feature)('padToggleWalletSupported');\n\n $scope.creditParentContext = {};\n\n $scope.memberSegment = _marketingoffer.$MemberSegmentModel.instance();\n\n var newMemberExperience = function newMemberExperience(result) {\n var isNmj = result;\n\n $scope.creditParentContext.newMember = {\n creditOffer: $scope.memberSegment && $scope.memberSegment.creditOffer,\n useCEPDecision: isNmj\n };\n };\n\n $scope.isPadToggleFeatureApplicable = function () {\n var applicable = false;\n\n if ($scope.padToggleFeatureSupported && $scope.padToggleWalletSupported && $scope.padToggleFeature && $scope.padToggleFeature.applicable) {\n applicable = true;\n }\n\n return applicable;\n };\n\n var isCreditInWallet = void 0;\n var isCoreSACEligible = void 0;\n\n var CREDIT_TYPE = {\n 'CORE': 'CORE',\n 'SAC': 'SAC',\n 'EZP': 'EZP',\n 'NI': 'NI'\n };\n\n var getMORSCreditIncentiveCampaign = function getMORSCreditIncentiveCampaign(MORSCampaigns) {\n var creditIncentiveCampaign = null;\n\n Object.keys(MORSCampaigns).forEach(function (key) {\n // A \"credit incentive\" campaign is one that contains\n // the \"incentiveOfferProgramId\" property\n if (MORSCampaigns[key] && MORSCampaigns[key].hasOwnProperty('incentiveOfferProgramId')) {\n creditIncentiveCampaign = MORSCampaigns[key];\n }\n });\n return creditIncentiveCampaign;\n };\n\n var getCreditIncentiveBanner = function getCreditIncentiveBanner(creditIncentiveCampaign) {\n return {\n bodyText: creditIncentiveCampaign.OfferText1,\n bodyText2: creditIncentiveCampaign.OfferText2,\n ctaText: (0, _squid.$renderContent)('offers.bmlOfferPassiveCta'),\n termsText: creditIncentiveCampaign.TermsText,\n termsLink: creditIncentiveCampaign.TermsLink,\n termsLinkText: creditIncentiveCampaign.TermsLinkText\n };\n };\n\n var getDefaultBanner = function getDefaultBanner(creditType, amount, termsLink) {\n if (creditType === CREDIT_TYPE.CORE) {\n return {\n bodyText: (0, _squid.$renderContent)('offers.bmlOfferPassiveDetails', { cartAmount: amount }),\n ctaText: (0, _squid.$renderContent)('offers.bmlOfferPassiveCta'),\n termsText: (0, _squid.$renderContent)('offers.subjectToApproval'),\n termsLink: termsLink,\n termsLinkText: (0, _squid.$renderContent)('offers.seeTermsText')\n };\n } else if (creditType === CREDIT_TYPE.NI) {\n return {\n bodyText: (0, _squid.$renderContent)('offers.assetLite.bmlOfferNIWalletDetails'),\n ctaText: (0, _squid.$renderContent)('offers.assetLite.bmlOfferNIWalletCta')\n };\n } else if (creditType === CREDIT_TYPE.SAC) {\n return {\n bodyText: (0, _squid.$renderContent)('offers.bmlOfferPassiveSACDetails', { cartAmount: amount }),\n ctaText: (0, _squid.$renderContent)('offers.bmlOfferPassiveCta'),\n termsText: (0, _squid.$renderContent)('offers.subjectToApproval'),\n termsLink: termsLink,\n termsLinkText: (0, _squid.$renderContent)('offers.seeTermsText')\n };\n } else if (creditType === CREDIT_TYPE.EZP) {\n return {\n bodyText: (0, _squid.$renderContent)('offers.bmlOfferPassiveDetails', { cartAmount: amount }),\n ctaText: (0, _squid.$renderContent)('offers.bmlOfferPassiveCta'),\n termsText: (0, _squid.$renderContent)('offers.subjectToApproval')\n };\n }\n };\n\n $scope.isUSGambling = function () {\n // US Only Real Money Gaming\n var isUSBuyer = _squid.$locale.country === 'US';\n var isUSmerchant = $scope.checkoutAppData && $scope.checkoutAppData.get('merchant.merchant_country') === 'US';\n var isGambling = $scope.payee && $scope.payee.isGambling();\n\n return isGambling && isUSBuyer && isUSmerchant;\n };\n\n (0, _squid.$populate)($scope, {\n auth: _index4.$AuthModel.instance($scope.token),\n checkoutSession: _index.$CheckoutSessionModel.instance($scope.token),\n checkoutCart: _index.$CheckoutCartModel.create($scope.token),\n checkoutAppData: _index.$CheckoutAppDataModel.instance($scope.token),\n payee: _index.$CheckoutPayeeModel.instance($scope.token)\n }).then(function () {\n _newMember.$NewMemberEligibility.instance().isNmj($scope.token).then(function (result) {\n return newMemberExperience(result);\n });\n if ($scope.padToggleFeatureSupported && $scope.padToggleWalletSupported && $scope.padToggleFeature === null) {\n var padToggleApplicable = $scope.checkoutSession.fundingOptions.isPadToggleApplicable();\n\n if (padToggleApplicable) {\n $scope.padToggleFeature = {\n applicable: false\n };\n\n $scope.padToggleFeature.applicable = padToggleApplicable;\n }\n }\n\n $scope.isCurrentPlanPad = $scope.checkoutSession.plan.isPAD();\n }).then(function () {\n creditDataModel = _index3.$CreditDataModel.instance($scope.token);\n return creditDataModel.isAssetLiteNoInterestOfferTreatment({ silent: true }).then(function (isAssetLiteNoInterestRamped) {\n useAssetLiteNoInterestInsteadOfSAC = isAssetLiteNoInterestRamped;\n });\n }).then(function () {\n var fundingInstruments = _index.$CheckoutSessionModel.instance($scope.token).get('fundingOptions.instruments');\n\n isCreditInWallet = _squid.$util.find(fundingInstruments, function (fi) {\n return fi.name === 'BILL_ME_LATER';\n });\n isCoreSACEligible = $scope.checkoutSession.creditOffer;\n\n var getCreditType = function getCreditType(creditOfferIntensity, isInst) {\n // Check if there is an offer already selected\n var instModel = _index3.$CreditInstallmentModel.instance($scope.token);\n\n if (instModel && instModel.creditType === CREDIT_TYPE.SAC) {\n return CREDIT_TYPE.SAC;\n } else if (instModel && instModel.creditType === CREDIT_TYPE.NI) {\n return CREDIT_TYPE.NI;\n } else if (isInst) {\n return CREDIT_TYPE.EZP;\n } else if (creditOfferIntensity === 1) {\n if (useAssetLiteNoInterestInsteadOfSAC) {\n return CREDIT_TYPE.NI;\n } else {\n return CREDIT_TYPE.SAC;\n }\n } else if (creditOfferIntensity === 2) {\n return CREDIT_TYPE.CORE;\n }\n _logger.$logger.warn('unknown_credit_type');\n };\n\n var mapDefaultToBanner = function mapDefaultToBanner(creditReuseTerms, creditTerms) {\n $scope.useFallbackBanner = true;\n\n _logger.$logger.info('checkout_fpti', {\n 'banner_type': 'ACQUISITION_wallet'\n });\n\n $scope.banner = getDefaultBanner(getCreditType($scope.installment.creditOfferIntensity, $scope.installment.installmentOptionsPresent), $scope.checkoutCart.get('purchase.amounts.total.amount_formatted'), isCreditInWallet ? creditReuseTerms : creditTerms);\n };\n\n var mapCreditIncentiveToBanner = function mapCreditIncentiveToBanner(creditIncentive) {\n $scope.useCreditIncentiveBanner = true;\n\n _logger.$logger.info('checkout_fpti', {\n 'banner_type': 'ACQUISITION_wallet'\n });\n\n $scope.banner = getCreditIncentiveBanner(creditIncentive);\n };\n\n if (_squid.$locale.country === 'US' && !isCreditInWallet) {\n $scope.banner = {};\n var creditIncentive = getMORSCreditIncentiveCampaign($scope.$root.MORS || {});\n\n if (creditIncentive) {\n return mapCreditIncentiveToBanner(creditIncentive);\n }\n\n return mapDefaultToBanner(_squid.$config.urls.creditReuseTerms, _squid.$config.urls.creditTerms);\n }\n }).then(function () {\n $scope.isBillingNoPurchase = $scope.checkoutCart.isBillingNoPurchase();\n $scope.isBilling = $scope.checkoutCart.isBilling();\n $scope.expiredInstruments = $scope.checkoutSession.expiredInstruments();\n if (!$scope.isBillingNoPurchase) {\n $scope.displayPosition = $scope.displayPosition.expired;\n }\n if ((0, _squid.$feature)('giftCard')) {\n $scope.showGC = Math.random() < 0.01 && !$scope.isBillingNoPurchase;\n\n if ($scope.showGC) {\n _logger.$logger.info('wallet_gift_card_redeem_link_shown');\n } else {\n _logger.$logger.info('wallet_gift_card_redeem_link_not_shown');\n }\n }\n\n // Manage wallet feature can be turned on by country.\n // User will see manage link on wallet page if feature is turned on and has FIs allowed to edit.\n if ((0, _squid.$feature)('enableManageWallet')) {\n var instruments = $scope.checkoutSession.get('fundingOptions.instruments');\n var managebleFIs = _squid.$util.filter(instruments, function (funding) {\n if (funding && !funding.editDisallowedMsg) {\n return funding;\n }\n });\n\n $scope.showManageLink = managebleFIs && managebleFIs.length > 0;\n }\n\n $scope.checkoutSession.message = null;\n $scope.showAddLink = _squid.$locale.country !== 'DE';\n $scope.showPlcc = $scope.checkoutSession.plccOffer && !$scope.checkoutCart.isBilling();\n $scope.showBML = function () {\n return _squid.$locale.country !== 'GB' && !isCreditInWallet && isCoreSACEligible && !$scope.installment.showWalletBanner && !creditDataModel.isRedirectFromCape();\n };\n\n $scope.bml = function () {\n // TODO: Deprecate creditOffer() - installment should not be a different banner\n if ($scope.installment.showWalletBanner) {\n _uiRouter.$state.go('checkout.chooseCreditOffer');\n } else {\n _uiRouter.$state.go('checkout.redirectToCape', {}, { location: false });\n }\n };\n\n $scope.onRedeemGC = function () {\n throw new _squid.$FallbackError({\n reason: 'redeem_coupon_feature_not_supported',\n product: 'ux',\n entryPoint: 'giftCard'\n });\n };\n\n $scope.addPlcc = function () {\n if ($scope.promotion) {\n $scope.promotion.type = 'plcc';\n }\n _uiRouter.$state.go('checkout.review.sidebar.sidebarAddCard.addCardFlow.addCard');\n };\n\n $scope.sacEligible = function (fsName) {\n // Return false for non BML products\n if (fsName !== 'BILL_ME_LATER') {\n return false;\n }\n\n if (!$scope.installment.showCYCO && parseFloat($scope.checkoutCart.purchase.amounts.total.amount) >= _index.$CreditOptionsModel.sacEligibleAmount[_squid.$locale.country]) {\n return true;\n }\n };\n\n $scope.cardModel = new _index2.$AddCardModel({\n card: new _index2.$CardModel()\n });\n\n $scope.creditOffer = function () {\n _uiRouter.$state.go('checkout.chooseCreditOffer');\n };\n\n $scope.showBannerinWallet = function () {\n if ($scope.installment.showBanner && _squid.$locale.country === 'GB') {\n if ($scope.installment.installmentOptionsPresent) {\n $scope.showInstallmentBannerContent = true;\n $scope.showBannerContent = false;\n } else {\n $scope.showBannerContent = true;\n $scope.showInstallmentBannerContent = false;\n }\n return true;\n }\n return false;\n };\n\n $scope.userSelectedFI = $scope.checkoutSession.getSelectedStickyInstrument() && $scope.checkoutSession.getSelectedStickyInstrument().instrument_id;\n\n $scope.updateStickyFS = function (stickyFI) {\n if (stickyFI.instrument_id !== $scope.userSelectedFI) {\n $scope.checkoutSession.action('setStickyFI', {\n data: {\n instrument_id: stickyFI.instrument_id\n },\n success: function success(result) {\n $scope.checkoutSession.message = {\n type: 'success',\n msgKeys: ['paymentMethod.paymentMethodUpdated']\n };\n $scope.doneFn(result);\n }\n });\n } else {\n _uiRouter.$state.go('checkout.review');\n }\n };\n\n var masterPlanList = $scope.checkoutSession.getPlanList();\n var serializedPlans = {}; // index of all plans by primary and balance currency code(s)\n var balanceCodes = {}; // index of cataloged currency codes\n var primaryList = []; // list of plans with unique primaryFs ids\n var balanceList = $scope.balanceList = []; // list of unique balance currencies\n // determine if the selectFi variant is active\n var isSelectFiVariant = $scope.isSelectFiVariant = _squid.$config.choiceExperiment && _squid.$config.choiceExperiment.selectFi && $scope.models && $scope.models.choiceVariant && _squid.$config.choiceExperiment.selectFi.indexOf($scope.models.choiceVariant) !== -1;\n\n // TODO(refactor): $MultiFiPlanFactory.getSerializedPrimary()\n var getSerializedPrimary = function getSerializedPrimary(primary) {\n var serial = primary.id + primary.amount.currency_code.toLowerCase();\n\n // if there's a subtype...\n if (primary.subtype) {\n serial += primary.subtype;\n }\n return serial;\n };\n\n // return a serialized key for the plan\n // plan - a plan object from checkoutSession.fundingOptions.plans\n // balances - array of currency code strings\n // TODO (refactor): $MultiFiPlanFactory.getSerializedPlanId()\n var getSerializedPlanId = function getSerializedPlanId(plan, balances) {\n var pid = getSerializedPrimary(plan.primaryFs);\n\n // if no balances array...\n if (!balances) {\n // just return the pid\n return pid;\n }\n\n // (otherwise) sort balances\n balances.sort();\n\n return pid + balances.join();\n };\n\n if (masterPlanList) {\n var initiallyActiveBalances = [];\n // TODO(refactor): $MultiFiPlanFactory.getShowBalanceCurrenciesStatus()\n var showBalanceCurrencies = $scope.checkoutSession.isMultipleBalancePlan();\n\n // if selectFi variant...\n if (isSelectFiVariant) {\n\n // if not multiple balance plans...\n if (!showBalanceCurrencies) {\n // start with first plan's currency\n var knownCurrency = masterPlanList[0].primaryFs.amount.currency_code;\n\n // update flag if any plan has more than two secondaries or one with a different currency\n showBalanceCurrencies = masterPlanList.some(function (plan) {\n // show currencies, when this plan has a different one, or...\n return plan.primaryFs.amount.currency_code !== knownCurrency ||\n // this plan has secondaries, where...\n plan.secondaryFIs && (\n // there's more than one\n plan.secondaryFIs.length > 1 ||\n // the one has a different currency\n plan.secondaryFIs[0].amount.currency_code !== knownCurrency);\n });\n }\n\n // index of captured primaryFs ids\n var primaryFsIds = {};\n\n // with each plan...\n // TODO(refactor): use $MultiFiPlanFactory.getCompositeBalances() to get `balanceCodes`, `balanceList` and `balCurCodes`\n masterPlanList.forEach(function (plan) {\n var balances = plan.secondaryFIs || [];\n var balCurCodes = [];\n\n // if this is the active plan...\n if ($scope.checkoutSession.plan.id === plan.planId) {\n // capture it's balances - to be processed later\n initiallyActiveBalances = balances;\n }\n\n // catalog balances\n balances.forEach(function (balance) {\n var code = balance.amount.currency_code;\n\n // capture code (for serialization, next)\n balCurCodes.push(code);\n // if this code has not been cataloged...\n if (!balanceCodes.hasOwnProperty(code)) {\n var balInfoAndState = {\n code: code,\n checked: false\n };\n\n if (showBalanceCurrencies) {\n balInfoAndState.amount = balance.amount.amount_formatted_currency;\n } else {\n balInfoAndState.amount = balance.amount.amount_formatted;\n }\n // flag that we've cataloged this code\n balanceCodes[code] = balInfoAndState;\n // capture balance details and initial ui state\n balanceList.push(balInfoAndState);\n }\n });\n\n // if this is a primary split-balance plan...\n if (plan.primaryFs.type === 'BALANCE') {\n // add key to template\n // NOTE: easier to build string here, than with template tags\n plan.currencies = [plan.primaryFs.amount.currency_code].concat(balCurCodes).join(', ');\n }\n\n // catalog plan by serial and balances\n serializedPlans[getSerializedPlanId(plan, balCurCodes)] = plan;\n\n // get plan primary\n var serialPrimary = getSerializedPrimary(plan.primaryFs);\n\n // if haven't indexed the primary...\n if (!primaryFsIds.hasOwnProperty(serialPrimary)) {\n // note that we've cataloged this primary\n primaryFsIds[serialPrimary] = 1;\n // capture plan with unique primary\n primaryList.push(plan);\n }\n });\n\n // sort unique balances by currency code\n balanceList.sort(function (balA, balB) {\n // balance codes are never the same, so no need to return 0\n return balA.code < balB.code ? -1 : 1;\n });\n\n // pre-check balances that match the active plan's balances (if any)\n initiallyActiveBalances.forEach(function (balance) {\n balanceCodes[balance.amount.currency_code].checked = true;\n });\n } else {\n // (otherwise) use master as local and scoped list\n primaryList = masterPlanList;\n }\n\n // expose to template\n $scope.isMultipleBalance = showBalanceCurrencies;\n\n // expose final list\n $scope.primaryList = primaryList;\n }\n\n $scope.updateFS = function (index) {\n // impacts when/how to notify user that balances were unusable\n var unusableBalances = 0;\n // impacts when/how to notify user that balances were required\n var requiredBalances = 0;\n // the plan to use\n var fundingsource = void 0;\n\n // flag when the plan has changed\n var updateMessaging = function updateMessaging(planWasChanged) {\n // if this is a primary balance plan...\n if ($scope.checkoutSession.plan.sources[0].type === 'BALANCE') {\n // suppress any info messages\n unusableBalances = requiredBalances = 0;\n }\n if (unusableBalances) {\n // show info message about failed balances\n $scope.checkoutSession.message = {\n type: 'info',\n msgKeys: [unusableBalances === 1 ? 'memberReview.ryi_noBal' : 'memberReview.ryi_noBal_plural']\n };\n } else if (requiredBalances) {\n // show info message about added balances\n $scope.checkoutSession.message = {\n type: 'info',\n msgKeys: [requiredBalances === 1 ? 'memberReview.ryi_yesBal' : 'memberReview.ryi_yesBal_plural']\n };\n } else if (planWasChanged) {\n // show that their selection went fine\n $scope.checkoutSession.message = {\n type: 'success',\n msgKeys: ['paymentMethod.paymentMethodUpdated']\n };\n }\n };\n\n if (isSelectFiVariant) {\n // get plan with serial, built from user selections\n var checkedBalances = [];\n\n // capture checked balance codes\n _squid.$util.forEach(balanceCodes, function (balInfoAndState, code) {\n if (balInfoAndState.checked) {\n // capture balance object\n // this is what getSerializedPlanId expects - ugh\n checkedBalances.push(code);\n }\n });\n var plan = primaryList[index];\n var pid = void 0;\n var pidForLogger = void 0;\n\n // use plan with this primaryFs and balance options - if any\n fundingsource = serializedPlans[getSerializedPlanId(plan, checkedBalances)];\n\n // if no plan yet...\n // (perhaps only one of the selected balances is applicable?)\n if (!fundingsource) {\n // resolve pid now\n pid = getSerializedPrimary(plan.primaryFs);\n pidForLogger = plan.primaryFs.id || plan.primaryFs.type;\n // find a plan with each individual balance\n checkedBalances.some(function (code) {\n // match plan with this serial combination\n fundingsource = serializedPlans[pid + code];\n return fundingsource;\n });\n // flag that one of the checked balances was unusable\n if (fundingsource) {\n unusableBalances = 2;\n\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n denied: checkedBalances.join()\n });\n }\n }\n\n // if no plan yet...\n // (perhaps the plan doesn't have any balance combination?)\n if (!fundingsource) {\n // get the plan with just this primaryFs\n fundingsource = serializedPlans[pid];\n // if we now have a plan...\n if (fundingsource) {\n // note how many desired balances we're ignoring (if any)\n unusableBalances = checkedBalances.length;\n\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n denied: checkedBalances.join()\n });\n }\n }\n\n // if still no plan...\n // (at this point, the plan requires a specific balance combination)\n if (!fundingsource) {\n var serializedPlanKeys = Object.keys(serializedPlans);\n\n // use the first plan that begins with this primary\n fundingsource = serializedPlans[serializedPlanKeys[_squid.$util.findIndex(serializedPlanKeys, function (serial) {\n return serial.indexOf(pid) === 0;\n })]];\n // indicate that one or more balances were required for this plan\n requiredBalances = balanceList.length;\n\n _logger.$logger.info('checkout_fpti', {\n primary: pidForLogger,\n forced: balanceList.map(function (balance) {\n return balance.code;\n }).join()\n });\n }\n } else {\n\n // (otherwise) when performing control logic...\n\n // the first argument is the funding source\n fundingsource = index;\n }\n\n // clear messaging - by default\n $scope.checkoutSession.message = '';\n\n if (fundingsource.infoMsg) {\n $scope.disallowedIndex = index;\n return;\n }\n\n // if the final plan hasn't changed...\n if (fundingsource.planId === $scope.checkoutSession.plan.id) {\n // tells user if any balances were not used or were required\n updateMessaging();\n // show message if balances were selected, but couldn't be used\n $scope.doneFn();\n return;\n }\n\n $scope.checkoutSession.fundingOptions.action('select', {\n\n data: {\n planId: fundingsource.planId\n },\n success: function success(result) {\n\n $scope.checkoutSession.populate(result);\n\n if (result) {\n // Update the installments to support the user selecting a card that does not support installments.\n $scope.checkoutSession.installments = result.installments;\n }\n\n if ($scope.checkoutSession.plan.paypal_credit && $scope.installment.showCYCO) {\n _uiRouter.$state.go('checkout.chooseCreditOffer');\n } else {\n if (!fundingsource.selected) {\n // handle messaging around unusable balances (if any)\n // send flag that the plan was changed\n updateMessaging(true);\n\n if ($scope.checkoutSession.selectedInstallmentData && !$scope.checkoutSession.selectedInstallmentData.preventChange) {\n // Resetting selected installment data, if installment change is not explicitly prohibited.\n $scope.checkoutSession.selectedInstallmentData = undefined;\n }\n }\n\n $scope.doneFn(result);\n }\n },\n contingencies: {\n NEED_AUTHENTICATED_CARD: function NEED_AUTHENTICATED_CARD(name, result) {\n if (result && result.resolution) {\n var card = result.resolution.data;\n\n if (card.fundingId && card.fi && card.fi.type) {\n $scope.cardModel.id = card.fundingId;\n $scope.cardModel.card = new _index2.$CardModel({\n number: 'xxxx-xxxx-xxxx-' + card.fi.number,\n type: card.fi.type.toUpperCase(),\n productType: card.fi.productType\n });\n }\n }\n\n _uiRouter.$state.go('.confirmUpop');\n }\n }\n });\n };\n\n $scope.shouldShowFSTile = function (fundingsource) {\n var showFS = true;\n\n if ($scope.isPadToggleFeatureApplicable()) {\n // If PAD is not the current plan, then we will not show any PAD plan and show IACH plans.\n // If PAD is the current plan, then we will visualize it as a bank plan and IACH plan without balance for corresponding bank will not be shown\n if (!$scope.isCurrentPlanPad && fundingsource.primaryFs && fundingsource.primaryFs.subtype === 'PAD') {\n showFS = false;\n } else if ($scope.isCurrentPlanPad && fundingsource.primaryFs && fundingsource.primaryFs.subtype === 'PAD' && fundingsource.planId !== $scope.checkoutSession.plan.id) {\n showFS = false;\n } else if ($scope.isCurrentPlanPad && fundingsource.primaryFs && fundingsource.primaryFs.subtype === 'IACH' && fundingsource.primaryFs.id === $scope.checkoutSession.plan.sources[0].instrument_id && !fundingsource.secondaryFIs) {\n showFS = false;\n }\n }\n\n return showFS;\n };\n });\n\n // Check if is variant where preferred label can be shown\n var preferredFiVariants = _squid.$config.choiceExperiment && _squid.$config.choiceExperiment.preferredCheckbox || [];\n\n this.preferredFiVariant = preferredFiVariants.indexOf(this.models.choiceVariant) > -1;\n }\n }\n});\n\n\n_uiRouter.$state;\n\n_uiRouter.$stateParams;\n\n_squid.$Component;\n\n_squid.$populate;\n\n_squid.$FallbackError;\n\n_squid.$feature;\n\n_squid.$locale;\n\n_squid.$util;\n\n_squid.$config;\n\n_squid.$renderContent;\n\n_logger.$logger;\n\n_choice.$ChoiceEligibility;\n\n_index.$CheckoutSessionModel;\n\n_index.$CheckoutCartModel;\n\n_index.$CheckoutAppDataModel;\n\n_index.$CreditOptionsModel;\n\n_index.$CheckoutPayeeModel;\n\n_index2.$AddCardModel;\n\n_index2.$CardModel;\n\n_index3.$CreditDataModel;\n\n_index3.$CreditInstallmentModel;\n\n_index4.$AuthModel;\n\n_factory.$ExpiredFiPanelFactory;\n\n_marketingoffer.$MemberSegmentModel;\n\n_newMember.$NewMemberEligibility;\nmodule.exports = exports['default'];\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-wallet/directive.js\n// module id = ./pages/xo-wallet/directive.js\n// module chunks = 0","\n\nexports.__esModule = true;\nexports.$SidebarWalletRoute = undefined;\n\nvar _squid = require('squid');\n\nvar _route = require('xo-wallet-components/src/confirm-upop/route');\n\nvar _route2 = _interopRequireDefault(_route);\n\nrequire('./directive');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar $SidebarWalletRoute = exports.$SidebarWalletRoute = _squid.$ComponentRoute.extend('$SidebarWalletRoute', {\n\n path: 'wallet',\n directive: 'xo-wallet',\n titleContent: 'asideHeader.wallet',\n trackingData: {\n fptiState: 'funding_option_selection',\n templateName: 'fundingInstruments.dust',\n pageGoal: 'Change Instruments',\n buzname: {\n 'fullpage': {\n 'pagename': '%::fullpage-wallet-fundingsources',\n 'pagename2': '%::fullpage-wallet-fundingsources:member:hermes:',\n 'version': 'member:%:'\n // More page qualifiers come here...\n } }\n },\n params: {\n padToggleFeature: null\n },\n children: [{\n route: _route2['default'],\n attributes: {\n token: 'token',\n phone: 'phone',\n cardmodel: 'cardModel'\n }\n }]\n});\n\nangular.value(\"$SidebarWalletRoute\", $SidebarWalletRoute);\n_squid.$ComponentRoute;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./pages/xo-wallet/route.js\n// module id = ./pages/xo-wallet/route.js\n// module chunks = 0","module.exports = \"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
![\\\"PayPal](\\\"https://www.paypalobjects.com/images/checkout/hermes/PP_Messenger_mobile_logo_lockup_2x.png\\\")
\\n ![\\\"PayPal](\\\"https://www.paypalobjects.com/images/checkout/hermes/PP_Messenger_logo_lockup_2x.png\\\")
\\n