{ label }
\r\n \n \n this.input = ref }\n className=\"Checkbox-input\"\n type={ type === \"radio\" ? \"radio\" : \"checkbox\" }\n id={ this.uid }\n name={ name }\n value={ value }\n checked={ checked }\n required={ required }\n disabled={ disabled }\n onFocus={ this._onFocus }\n onBlur={ this._onBlur }\n onChange={ this._onChange }\n />\n { !!tooltip &&
\n );\n }\n\n // Internal methods\n _onFocus = (args) => {\n const { onFocus } = this.props;\n this.setState({ focused: true }, onFocus ? onFocus(args) : null);\n }\n\n _onBlur = (args) => {\n const { onBlur } = this.props;\n this.setState({ focused: false }, onBlur ? onBlur(args) : null);\n }\n\n _onChange = (args) => {\n const { onChange } = this.props;\n\n if(onChange) {\n const { checked, value } = this.input;\n onChange(checked, value);\n }\n }\n}\n\n\n// PRIVATE COMPONENTS\nfunction CheckboxTooltip({ text, onClick }) {\n return (\n \n
\n );\n}\n\n\n// WEBPACK FOOTER //\n// ./src/components/Checkbox/Checkbox.js","import axios from \"axios\";\r\n\r\n// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function apiRequest(path, data, props = {}) {\r\n if (!data) {\r\n data = {};\r\n }\r\n\r\n let apiUrl = AppConfig.get(\"apiUrl\");\r\n if (apiUrl === \"/\") {\r\n apiUrl = window.location.protocol + \"//\" + window.location.hostname;\r\n }\r\n\r\n if (process.env.NODE_ENV === \"development\") {\r\n const apiServerPort = AppConfig.get(\"developmentOptions\").apiServerPort;\r\n apiUrl = apiServerPort ? apiUrl + \":\" + apiServerPort : apiUrl;\r\n }\r\n\r\n const url = path[0] === \"/\" ? apiUrl + path : apiUrl + \"/\" + path;\r\n const headers = {};\r\n\r\n const config = {\r\n method: \"post\",\r\n data,\r\n url,\r\n ...props,\r\n headers: { ...headers, ...props.headers }\r\n };\r\n\r\n return new Promise((resolve, reject) => {\r\n axios(config)\r\n .then(response => {\r\n if (typeof response.data === \"string\") {\r\n reject(new Error(response.data));\r\n return;\r\n }\r\n\r\n if (response.data.success === true) {\r\n resolve(response.data.result);\r\n } else {\r\n reject(response.data.error);\r\n }\r\n })\r\n .catch(e => {\r\n console.log(e);\r\n reject(e);\r\n });\r\n });\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/helpers/api.js","import React from \"react\";\n\n// HELPERS\nimport * as utils from \"@helpers/utils\";\n\n\nexport default function StackLayout(props) {\n const { style, orientation, justifyContent, alignItems, rowWrap, fullWidth } = props;\n const classes = utils.createClassName(props.className, {\n \"StackLayout\": true,\n \"horizontal\": orientation !== \"vertical\",\n \"vertical\": orientation === \"vertical\",\n \"jc-s\": justifyContent === \"start\",\n \"jc-c\": justifyContent === \"center\",\n \"jc-e\": justifyContent === \"end\",\n \"jc-sb\": justifyContent === \"space-between\",\n \"jc-sa\": justifyContent === \"space-around\",\n \"ai-s\": alignItems === \"start\",\n \"ai-c\": alignItems === \"center\",\n \"ai-e\": alignItems === \"end\",\n \"ai-st\": alignItems === \"stretch\",\n \"row-wrap\": rowWrap === true,\n \"full-width\": fullWidth === true,\n });\n\n return (\n ?
\n { text }
\n { props.children }
\n );\n}\n\n\n// WEBPACK FOOTER //\n// ./src/components/layouts/StackLayout/StackLayout.js","export var top = 'top';\nexport var bottom = 'bottom';\nexport var right = 'right';\nexport var left = 'left';\nexport var auto = 'auto';\nexport var basePlacements = [top, bottom, right, left];\nexport var start = 'start';\nexport var end = 'end';\nexport var clippingParents = 'clippingParents';\nexport var viewport = 'viewport';\nexport var popper = 'popper';\nexport var reference = 'reference';\nexport var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {\n return acc.concat([placement + \"-\" + start, placement + \"-\" + end]);\n}, []);\nexport var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {\n return acc.concat([placement, placement + \"-\" + start, placement + \"-\" + end]);\n}, []); // modifiers that need to read the DOM\n\nexport var beforeRead = 'beforeRead';\nexport var read = 'read';\nexport var afterRead = 'afterRead'; // pure-logic modifiers\n\nexport var beforeMain = 'beforeMain';\nexport var main = 'main';\nexport var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)\n\nexport var beforeWrite = 'beforeWrite';\nexport var write = 'write';\nexport var afterWrite = 'afterWrite';\nexport var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/enums.js\n// module id = 22\n// module chunks = 0","'use strict';\n\nvar bind = require('./helpers/bind');\n\n/*global toString:true*/\n\n// utils is a library of generic helper functions non-specific to axios\n\nvar toString = Object.prototype.toString;\n\n/**\n * Determine if a value is an Array\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Array, otherwise false\n */\nfunction isArray(val) {\n return toString.call(val) === '[object Array]';\n}\n\n/**\n * Determine if a value is undefined\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if the value is undefined, otherwise false\n */\nfunction isUndefined(val) {\n return typeof val === 'undefined';\n}\n\n/**\n * Determine if a value is a Buffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Buffer, otherwise false\n */\nfunction isBuffer(val) {\n return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor)\n && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);\n}\n\n/**\n * Determine if a value is an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an ArrayBuffer, otherwise false\n */\nfunction isArrayBuffer(val) {\n return toString.call(val) === '[object ArrayBuffer]';\n}\n\n/**\n * Determine if a value is a FormData\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an FormData, otherwise false\n */\nfunction isFormData(val) {\n return (typeof FormData !== 'undefined') && (val instanceof FormData);\n}\n\n/**\n * Determine if a value is a view on an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false\n */\nfunction isArrayBufferView(val) {\n var result;\n if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {\n result = ArrayBuffer.isView(val);\n } else {\n result = (val) && (val.buffer) && (val.buffer instanceof ArrayBuffer);\n }\n return result;\n}\n\n/**\n * Determine if a value is a String\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a String, otherwise false\n */\nfunction isString(val) {\n return typeof val === 'string';\n}\n\n/**\n * Determine if a value is a Number\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Number, otherwise false\n */\nfunction isNumber(val) {\n return typeof val === 'number';\n}\n\n/**\n * Determine if a value is an Object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Object, otherwise false\n */\nfunction isObject(val) {\n return val !== null && typeof val === 'object';\n}\n\n/**\n * Determine if a value is a Date\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Date, otherwise false\n */\nfunction isDate(val) {\n return toString.call(val) === '[object Date]';\n}\n\n/**\n * Determine if a value is a File\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a File, otherwise false\n */\nfunction isFile(val) {\n return toString.call(val) === '[object File]';\n}\n\n/**\n * Determine if a value is a Blob\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Blob, otherwise false\n */\nfunction isBlob(val) {\n return toString.call(val) === '[object Blob]';\n}\n\n/**\n * Determine if a value is a Function\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Function, otherwise false\n */\nfunction isFunction(val) {\n return toString.call(val) === '[object Function]';\n}\n\n/**\n * Determine if a value is a Stream\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Stream, otherwise false\n */\nfunction isStream(val) {\n return isObject(val) && isFunction(val.pipe);\n}\n\n/**\n * Determine if a value is a URLSearchParams object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a URLSearchParams object, otherwise false\n */\nfunction isURLSearchParams(val) {\n return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;\n}\n\n/**\n * Trim excess whitespace off the beginning and end of a string\n *\n * @param {String} str The String to trim\n * @returns {String} The String freed of excess whitespace\n */\nfunction trim(str) {\n return str.replace(/^\\s*/, '').replace(/\\s*$/, '');\n}\n\n/**\n * Determine if we're running in a standard browser environment\n *\n * This allows axios to run in a web worker, and react-native.\n * Both environments support XMLHttpRequest, but not fully standard globals.\n *\n * web workers:\n * typeof window -> undefined\n * typeof document -> undefined\n *\n * react-native:\n * navigator.product -> 'ReactNative'\n * nativescript\n * navigator.product -> 'NativeScript' or 'NS'\n */\nfunction isStandardBrowserEnv() {\n if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' ||\n navigator.product === 'NativeScript' ||\n navigator.product === 'NS')) {\n return false;\n }\n return (\n typeof window !== 'undefined' &&\n typeof document !== 'undefined'\n );\n}\n\n/**\n * Iterate over an Array or an Object invoking a function for each item.\n *\n * If `obj` is an Array callback will be called passing\n * the value, index, and complete array for each item.\n *\n * If 'obj' is an Object callback will be called passing\n * the value, key, and complete object for each property.\n *\n * @param {Object|Array} obj The object to iterate\n * @param {Function} fn The callback to invoke for each item\n */\nfunction forEach(obj, fn) {\n // Don't bother if no value provided\n if (obj === null || typeof obj === 'undefined') {\n return;\n }\n\n // Force an array if not already something iterable\n if (typeof obj !== 'object') {\n /*eslint no-param-reassign:0*/\n obj = [obj];\n }\n\n if (isArray(obj)) {\n // Iterate over array values\n for (var i = 0, l = obj.length; i < l; i++) {\n fn.call(null, obj[i], i, obj);\n }\n } else {\n // Iterate over object keys\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n fn.call(null, obj[key], key, obj);\n }\n }\n }\n}\n\n/**\n * Accepts varargs expecting each argument to be an object, then\n * immutably merges the properties of each object and returns result.\n *\n * When multiple objects contain the same key the later object in\n * the arguments list will take precedence.\n *\n * Example:\n *\n * ```js\n * var result = merge({foo: 123}, {foo: 456});\n * console.log(result.foo); // outputs 456\n * ```\n *\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction merge(/* obj1, obj2, obj3, ... */) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = merge(result[key], val);\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Function equal to merge with the difference being that no reference\n * to original objects is kept.\n *\n * @see merge\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction deepMerge(/* obj1, obj2, obj3, ... */) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = deepMerge(result[key], val);\n } else if (typeof val === 'object') {\n result[key] = deepMerge({}, val);\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Extends object a by mutably adding to it the properties of object b.\n *\n * @param {Object} a The object to be extended\n * @param {Object} b The object to copy properties from\n * @param {Object} thisArg The object to bind function to\n * @return {Object} The resulting value of object a\n */\nfunction extend(a, b, thisArg) {\n forEach(b, function assignValue(val, key) {\n if (thisArg && typeof val === 'function') {\n a[key] = bind(val, thisArg);\n } else {\n a[key] = val;\n }\n });\n return a;\n}\n\nmodule.exports = {\n isArray: isArray,\n isArrayBuffer: isArrayBuffer,\n isBuffer: isBuffer,\n isFormData: isFormData,\n isArrayBufferView: isArrayBufferView,\n isString: isString,\n isNumber: isNumber,\n isObject: isObject,\n isUndefined: isUndefined,\n isDate: isDate,\n isFile: isFile,\n isBlob: isBlob,\n isFunction: isFunction,\n isStream: isStream,\n isURLSearchParams: isURLSearchParams,\n isStandardBrowserEnv: isStandardBrowserEnv,\n forEach: forEach,\n merge: merge,\n deepMerge: deepMerge,\n extend: extend,\n trim: trim\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/axios/lib/utils.js\n// module id = 23\n// module chunks = 0","// CLASSES\nimport Settings from \"@classes/Settings\";\n\n\nexport default function i18n(category, key, lowerCase = false) {\n\tconst fallbackValue = `{{ ${category}.${key} }}`;\n\n\ttry {\n\t\tconst result = _getLanguage()[category][key] || fallbackValue;\n\t\treturn lowerCase === true ? result.toLowerCase() : result;\n\t} catch (e) {\n\t\treturn lowerCase === true ? fallbackValue.toLowerCase() : fallbackValue;\n\t}\n}\n\n\n// PRIVATE FUNCTIONS & DATA\nconst _getLanguage = () => {\n\tconst langCode = Settings.get(\"LANGUAGE\");\n\treturn _importedLanguages[langCode] || (_importedLanguages[langCode] = require(`@src/i18n/${langCode}.json`));\n};\n\nconst _importedLanguages = {};\n\n\n// WEBPACK FOOTER //\n// ./src/helpers/i18n.js","import getWindow from \"./getWindow.js\";\n\nfunction isElement(node) {\n var OwnElement = getWindow(node).Element;\n return node instanceof OwnElement || node instanceof Element;\n}\n\nfunction isHTMLElement(node) {\n var OwnElement = getWindow(node).HTMLElement;\n return node instanceof OwnElement || node instanceof HTMLElement;\n}\n\nfunction isShadowRoot(node) {\n // IE 11 has no ShadowRoot\n if (typeof ShadowRoot === 'undefined') {\n return false;\n }\n\n var OwnElement = getWindow(node).ShadowRoot;\n return node instanceof OwnElement || node instanceof ShadowRoot;\n}\n\nexport { isElement, isHTMLElement, isShadowRoot };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js\n// module id = 25\n// module chunks = 0","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class QuestionField extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tComponent: PropTypes.any.isRequired,\r\n\t\tdescription: PropTypes.any\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {Component, description} = props;\r\n\t\tconst classes = createClassName(\"Cob-QuestionField\", {\r\n\t\t\t\"custom-description\": !!description && typeof description !== \"string\",\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/components/QuestionField/QuestionField.js","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\n/**\n * Similar to invariant but only logs a warning if the condition is not met.\n * This can be used to log issues in development environments in critical\n * paths. Removing the logging code for production environments will keep the\n * same logic and follow the same code paths.\n */\n\nvar __DEV__ = process.env.NODE_ENV !== 'production';\n\nvar warning = function() {};\n\nif (__DEV__) {\n var printWarning = function printWarning(format, args) {\n var len = arguments.length;\n args = new Array(len > 1 ? len - 1 : 0);\n for (var key = 1; key < len; key++) {\n args[key - 1] = arguments[key];\n }\n var argIndex = 0;\n var message = 'Warning: ' +\n format.replace(/%s/g, function() {\n return args[argIndex++];\n });\n if (typeof console !== 'undefined') {\n console.error(message);\n }\n try {\n // --- Welcome to debugging React ---\n // This error was thrown as a convenience so that you can use this stack\n // to find the callsite that caused this warning to fire.\n throw new Error(message);\n } catch (x) {}\n }\n\n warning = function(condition, format, args) {\n var len = arguments.length;\n args = new Array(len > 2 ? len - 2 : 0);\n for (var key = 2; key < len; key++) {\n args[key - 2] = arguments[key];\n }\n if (format === undefined) {\n throw new Error(\n '`warning(condition, format, ...args)` requires a warning ' +\n 'message argument'\n );\n }\n if (!condition) {\n printWarning.apply(null, [format].concat(args));\n }\n };\n}\n\nmodule.exports = warning;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/warning/warning.js\n// module id = 27\n// module chunks = 0","// MODULES\r\nimport React from \"react\";\r\nimport api from \"../../../../helpers/api\";\r\nimport EditableField from \"../../components/EditableField/EditableField\";\r\nimport Select from \"../../../../components/Select/Select\";\r\nimport NumberField from \"../../components/NumberField/NumberField\";\r\n\r\n/**\r\n * Class holding code that is shared by all autogiro implementations.\r\n */\r\nexport default class AbstractAutogiro extends React.PureComponent {\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\r\n\tasync componentDidMount() {\r\n\t\t/**\r\n\t\t * Fetch the list of products that are available for purchase\r\n\t\t */\r\n\t\ttry {\r\n\t\t\tconsole.log(\"Loading products for autogiro...\");\r\n\t\t\tconst newStateProps = {};\r\n\t\t\tnewStateProps.products = await api(\"/case/products\", {\r\n\t\t\t\tauthToken: this.authToken\r\n\t\t\t});\r\n\t\t\tthis.setState(newStateProps);\r\n\t\t}\r\n\t\tcatch (e) {\r\n\t\t\tconsole.log(e);\r\n\t\t}\r\n\t}\r\n\r\n\t_isValidBankAccountNo(doAdvancedValidation, accountNumber, clearingNumber) {\r\n\t\tif (accountNumber.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (doAdvancedValidation) {\r\n\t\t\tlet bankNoToValidate = clearingNumber + \", \" + accountNumber;\r\n\t\t\tlet kontonummer = window.kontonummer(bankNoToValidate);\r\n\t\t\treturn kontonummer !== false;\r\n\t\t}\r\n\r\n\t\tconst replacedValue = accountNumber.split(\" \").join(\"\");\r\n\t\treturn replacedValue.length > 5 && !isNaN(replacedValue);\r\n\t}\r\n}\r\n\r\nexport function ProductSelectionRow(parent, isFund, minimumSingleDeposit, minimumMonthlyDeposit, funds, rowType, i) {\r\n\r\n\tconst selectedFundsArray = rowType === \"single\" ? \"customer_autogiro_single_funds\" : \"customer_autogiro_monthly_funds\";\r\n\tconst selectedFundsArrayItemPrefix = rowType === \"single\" ? \"customer_autogiro_single_\" : \"customer_autogiro_monthly_\";\r\n\tconst selectedFundAssetPrefix = rowType === \"single\" ? \"advice_asset_single_\" : \"advice_asset_monthly_\";\r\n\tconst selectedFundTypePercentageTotal = rowType === \"single\" ? \"autogiroSingleFundsSharesTotal\" : \"autogiroMonthlyFundsSharesTotal\";\r\n\r\n\tconst dropdownLabel = isFund ? \"Sök på namn eller ISIN\" : \"Sök på namn\";\r\n\r\n\tlet fundAmount = 0;\r\n\tconst fundPercentage = parent.state.fields[selectedFundsArray][i - 1][selectedFundsArrayItemPrefix + \"fund_\" + i + \"_percentage\"] || 0;\r\n\tif (parent.state.fields[selectedFundsArrayItemPrefix + \"amount\"] && parent.state.fields[selectedFundsArrayItemPrefix + \"amount\"] > 0 && fundPercentage > 0) {\r\n\t\tfundAmount = parent.state.fields[selectedFundsArrayItemPrefix + \"amount\"] * (fundPercentage / 100);\r\n\t\tfundAmount = Math.round(fundAmount * 100) / 100;\r\n\t}\r\n\r\n\tconst fundName = parent.state.fields[selectedFundsArray][i - 1][selectedFundsArrayItemPrefix + \"fund_\" + i + \"_name\"] || \"\";\r\n\tconst fundIsin = parent.state.fields[selectedFundsArray][i - 1][selectedFundsArrayItemPrefix + \"fund_\" + i + \"_isin\"] || \"\";\r\n\r\n\tlet rowIsEditable = true;\r\n\tif (rowType === \"single\") {\r\n\t\trowIsEditable = parent.state.validFields.customer_autogiro_single_amount && parent.state.fields.customer_autogiro_single_amount >= minimumSingleDeposit;\r\n\t}\r\n\telse {\r\n\t\trowIsEditable = parent.state.validFields.customer_autogiro_monthly_amount && parent.state.fields.customer_autogiro_monthly_amount >= minimumMonthlyDeposit;\r\n\t}\r\n\r\n\tlet fundAmountForDisplay;\r\n\tif (fundAmount >= 0) {\r\n\t\tfundAmountForDisplay = fundAmount.toLocaleString(\"sv-SE\", {minimumFractionDigits: 0}) + \" SEK\";\r\n\t}\r\n\telse {\r\n\t\tfundAmountForDisplay = \"Felaktigt belopp\";\r\n\t}\r\n\r\n\treturn (\r\n\t\t{description}
\r\n\t\t\t\t\r\n\r\n\t\t\t\r\n\r\n\t\t\t\r\n\r\n\t\t\t
\r\n\t);\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/AbstractAutogiro.js","export default function getWindow(node) {\n if (node == null) {\n return window;\n }\n\n if (node.toString() !== '[object Window]') {\n var ownerDocument = node.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView || window : window;\n }\n\n return node;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js\n// module id = 29\n// module chunks = 0","import React from \"react\";\r\n\r\nexport default class KYCQuestion extends React.Component\r\n{\r\n\tfieldName = \"\";\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) =>\r\n\t{\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) =>\r\n\t\t{\r\n\t\t\tif (i === index)\r\n\t\t\t{\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t{\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tif (this.props.onUpdate)\r\n\t\t\t{\r\n\t\t\t\tlet fulfilled = false;\r\n\t\t\t\tfor (let i = 0; i < this.state.fields[this.fieldName].options.length; i++)\r\n\t\t\t\t{\r\n\t\t\t\t\tif (this.state.fields[this.fieldName].options[i].checked)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfulfilled = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tthis.props.onUpdate(fulfilled);\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/components/KYC/KYCQuestion.js","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\n/**\n * Use invariant() to assert state which your program assumes to be true.\n *\n * Provide sprintf-style format (only %s is supported) and arguments\n * to provide information about what broke and what you were\n * expecting.\n *\n * The invariant message will be stripped in production, but the invariant\n * will remain to ensure logic does not differ in production.\n */\n\nvar invariant = function(condition, format, a, b, c, d, e, f) {\n if (process.env.NODE_ENV !== 'production') {\n if (format === undefined) {\n throw new Error('invariant requires an error message argument');\n }\n }\n\n if (!condition) {\n var error;\n if (format === undefined) {\n error = new Error(\n 'Minified exception occurred; use the non-minified dev environment ' +\n 'for the full error message and additional helpful warnings.'\n );\n } else {\n var args = [a, b, c, d, e, f];\n var argIndex = 0;\n error = new Error(\n format.replace(/%s/g, function() { return args[argIndex++]; })\n );\n error.name = 'Invariant Violation';\n }\n\n error.framesToPop = 1; // we don't care about invariant's own frame\n throw error;\n }\n};\n\nmodule.exports = invariant;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/invariant/browser.js\n// module id = 31\n// module chunks = 0","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\n// HELPERS\nimport { createClassName } from \"@helpers/utils\";\n\n\nexport default class ActivityIndicator extends React.PureComponent {\n static propTypes = {\n busy: PropTypes.bool,\n scale: PropTypes.number,\n width: PropTypes.number,\n color: PropTypes.string,\n }\n static defaultProps = {\n busy: true,\n scale: 1,\n width: 2,\n }\n\n size = 38\n\n render() {\n const { props, size } = this;\n const { busy, scale, width, color } = props;\n const classes = createClassName(props.className, {\n \"ActivityIndicator\": true,\n \"active\": busy,\n });\n const circleStyle = {\n stroke: color,\n };\n\n return (\n \r\n\t\t\t\t{parent._getProductLabel() + \" \" + i}\r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\tBelopp\r\n\t\t\t\t{\r\n\t\t\t\t\tparent.state[selectedFundTypePercentageTotal] === 100 ? fundAmountForDisplay : \"-\"\r\n\t\t\t\t}\r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\n \n
\n );\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./src/components/ActivityIndicator/ActivityIndicator.js","import { auto } from \"../enums.js\";\nexport default function getBasePlacement(placement) {\n return placement.split('-')[0];\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/utils/getBasePlacement.js\n// module id = 33\n// module chunks = 0","import { isElement } from \"./instanceOf.js\";\nexport default function getDocumentElement(element) {\n // $FlowFixMe[incompatible-return]: assume body is always available\n return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]\n element.document) || window.document).documentElement;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js\n// module id = 34\n// module chunks = 0","var g;\r\n\r\n// This works in non-strict mode\r\ng = (function() {\r\n\treturn this;\r\n})();\r\n\r\ntry {\r\n\t// This works if eval is allowed (see CSP)\r\n\tg = g || Function(\"return this\")() || (1,eval)(\"this\");\r\n} catch(e) {\r\n\t// This works if the window reference is available\r\n\tif(typeof window === \"object\")\r\n\t\tg = window;\r\n}\r\n\r\n// g can still be undefined, but nothing to do about it...\r\n// We return undefined, instead of nothing here, so it's\r\n// easier to handle this case. if(!global) { ...}\r\n\r\nmodule.exports = g;\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// (webpack)/buildin/global.js\n// module id = 35\n// module chunks = 0","import React from \"react\";\n\n// HELPERS\nimport {createClassName} from \"@helpers/utils\";\n\n\nexport default class TextView extends React.PureComponent {\n\tstate = {\n\t\tfilled: false,\n\t\tfocused: false,\n\t};\n\n\trender() {\n\t\tconst {props, state} = this;\n\t\tconst {style, id, name, label, placeholder, required, readOnly, hideRequiredSymbol, value, valid, tooltip, fullWidth} = props;\n\t\tconst disabled = props.disabled === true;\n\t\tconst classes = createClassName(props.className, {\n\t\t\t\"TextView\": true,\n\t\t\t\"focus\": state.focused,\n\t\t\t\"disabled\": disabled,\n\t\t\t\"placeholder\": !!placeholder,\n\t\t\t\"filled\": state.filled || !!value,\n\t\t\t\"required\": required === true,\n\t\t\t\"tooltip\": !!tooltip,\n\t\t\t\"valid\": valid === true,\n\t\t\t\"invalid\": valid === false,\n\t\t\t\"full-width\": fullWidth === true,\n\t\t\t// \"resize-none\": resize === \"none\",\n\t\t\t// \"resize-both\": !resize || resize === \"both\",\n\t\t\t// \"resize-horizontal\": resize === \"horizontal\",\n\t\t\t// \"resize-vertical\": resize === \"vertical\",\n\t\t});\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t this.input = ref}\n\t\t\t\t\tclassName=\"TextView-input\"\n\t\t\t\t\tid={id}\n\t\t\t\t\tname={name}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\trequired={required === true}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\tonFocus={!disabled ? this._onFocus : undefined}\n\t\t\t\t\tonBlur={!disabled ? this._onBlur : undefined}\n\t\t\t\t\tonChange={!disabled ? this._onChange : undefined}\n\t\t\t\t/>\n\t\t\t\t{!!tooltip ?\n\t\t\t\t\t\n\t\t\t\t\t: valid === true ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t: required === true && !hideRequiredSymbol ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t: null}\n\t\t\t
\n\t\t);\n\t}\n\n\t// Internal methods\n\t_onFocus = ({target}) => {\n\t\tconst {onFocus} = this.props;\n\t\tthis.setState({focused: true}, onFocus ? () => onFocus(target.value) : undefined);\n\t};\n\n\t_onBlur = ({target}) => {\n\t\tconst {onBlur} = this.props;\n\t\tthis.setState({focused: false}, onBlur ? () => onBlur(target.value) : undefined);\n\t};\n\n\t_onChange = ({target}) => {\n\t\tconst {onChange, disableEnterKey} = this.props;\n\n\t\tlet newValue = target.value;\n\t\tif (disableEnterKey) {\n\t\t\tnewValue = newValue.replace(/\\n/g, \"\");\n\t\t}\n\n\t\tif (onChange) {\n\t\t\tonChange(newValue);\n\t\t}\n\t}\n}\n\n\n// PRIVATE COMPONENTS\nfunction TextViewTooltip({text, onClick}) {\n\treturn (\n\t\t\n\t\t\t
\n\t);\n}\n\nfunction TextViewStatus({icon, requiredSymbol}) {\n\treturn (\n\t\t?
\n\t\t\t{text}
\n\t\t\n\t\t\t
\n\t);\n}\n\n\n// WEBPACK FOOTER //\n// ./src/components/TextView/TextView.js","export default function getNodeName(element) {\n return element ? (element.nodeName || '').toLowerCase() : null;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/dom-utils/getNodeName.js\n// module id = 37\n// module chunks = 0","'use strict';\n\nfunction checkDCE() {\n /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\n if (\n typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||\n typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'\n ) {\n return;\n }\n if (process.env.NODE_ENV !== 'production') {\n // This branch is unreachable because this function is only called\n // in production, but the condition is true only in development.\n // Therefore if the branch is still here, dead code elimination wasn't\n // properly applied.\n // Don't change the message. React DevTools relies on it. Also make sure\n // this message doesn't occur elsewhere in this function, or it will cause\n // a false positive.\n throw new Error('^_^');\n }\n try {\n // Verify that the code above has been dead code eliminated (DCE'd).\n __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);\n } catch (err) {\n // DevTools shouldn't crash React, no matter what.\n // We should still report in case we break this code.\n console.error(err);\n }\n}\n\nif (process.env.NODE_ENV === 'production') {\n // DCE check should happen before ReactDOM bundle executes so that\n // DevTools can report bad minification during injection.\n checkDCE();\n module.exports = require('./cjs/react-dom.production.min.js');\n} else {\n module.exports = require('./cjs/react-dom.development.js');\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-dom/index.js\n// module id = 38\n// module chunks = 0","import _extends from '@babel/runtime/helpers/esm/extends';\nimport resolvePathname from 'resolve-pathname';\nimport valueEqual from 'value-equal';\nimport warning from 'tiny-warning';\nimport invariant from 'tiny-invariant';\n\nfunction addLeadingSlash(path) {\n return path.charAt(0) === '/' ? path : '/' + path;\n}\nfunction stripLeadingSlash(path) {\n return path.charAt(0) === '/' ? path.substr(1) : path;\n}\nfunction hasBasename(path, prefix) {\n return path.toLowerCase().indexOf(prefix.toLowerCase()) === 0 && '/?#'.indexOf(path.charAt(prefix.length)) !== -1;\n}\nfunction stripBasename(path, prefix) {\n return hasBasename(path, prefix) ? path.substr(prefix.length) : path;\n}\nfunction stripTrailingSlash(path) {\n return path.charAt(path.length - 1) === '/' ? path.slice(0, -1) : path;\n}\nfunction parsePath(path) {\n var pathname = path || '/';\n var search = '';\n var hash = '';\n var hashIndex = pathname.indexOf('#');\n\n if (hashIndex !== -1) {\n hash = pathname.substr(hashIndex);\n pathname = pathname.substr(0, hashIndex);\n }\n\n var searchIndex = pathname.indexOf('?');\n\n if (searchIndex !== -1) {\n search = pathname.substr(searchIndex);\n pathname = pathname.substr(0, searchIndex);\n }\n\n return {\n pathname: pathname,\n search: search === '?' ? '' : search,\n hash: hash === '#' ? '' : hash\n };\n}\nfunction createPath(location) {\n var pathname = location.pathname,\n search = location.search,\n hash = location.hash;\n var path = pathname || '/';\n if (search && search !== '?') path += search.charAt(0) === '?' ? search : \"?\" + search;\n if (hash && hash !== '#') path += hash.charAt(0) === '#' ? hash : \"#\" + hash;\n return path;\n}\n\nfunction createLocation(path, state, key, currentLocation) {\n var location;\n\n if (typeof path === 'string') {\n // Two-arg form: push(path, state)\n location = parsePath(path);\n location.state = state;\n } else {\n // One-arg form: push(location)\n location = _extends({}, path);\n if (location.pathname === undefined) location.pathname = '';\n\n if (location.search) {\n if (location.search.charAt(0) !== '?') location.search = '?' + location.search;\n } else {\n location.search = '';\n }\n\n if (location.hash) {\n if (location.hash.charAt(0) !== '#') location.hash = '#' + location.hash;\n } else {\n location.hash = '';\n }\n\n if (state !== undefined && location.state === undefined) location.state = state;\n }\n\n try {\n location.pathname = decodeURI(location.pathname);\n } catch (e) {\n if (e instanceof URIError) {\n throw new URIError('Pathname \"' + location.pathname + '\" could not be decoded. ' + 'This is likely caused by an invalid percent-encoding.');\n } else {\n throw e;\n }\n }\n\n if (key) location.key = key;\n\n if (currentLocation) {\n // Resolve incomplete/relative pathname relative to current location.\n if (!location.pathname) {\n location.pathname = currentLocation.pathname;\n } else if (location.pathname.charAt(0) !== '/') {\n location.pathname = resolvePathname(location.pathname, currentLocation.pathname);\n }\n } else {\n // When there is no prior location and pathname is empty, set it to /\n if (!location.pathname) {\n location.pathname = '/';\n }\n }\n\n return location;\n}\nfunction locationsAreEqual(a, b) {\n return a.pathname === b.pathname && a.search === b.search && a.hash === b.hash && a.key === b.key && valueEqual(a.state, b.state);\n}\n\nfunction createTransitionManager() {\n var prompt = null;\n\n function setPrompt(nextPrompt) {\n process.env.NODE_ENV !== \"production\" ? warning(prompt == null, 'A history supports only one prompt at a time') : void 0;\n prompt = nextPrompt;\n return function () {\n if (prompt === nextPrompt) prompt = null;\n };\n }\n\n function confirmTransitionTo(location, action, getUserConfirmation, callback) {\n // TODO: If another transition starts while we're still confirming\n // the previous one, we may end up in a weird state. Figure out the\n // best way to handle this.\n if (prompt != null) {\n var result = typeof prompt === 'function' ? prompt(location, action) : prompt;\n\n if (typeof result === 'string') {\n if (typeof getUserConfirmation === 'function') {\n getUserConfirmation(result, callback);\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(false, 'A history needs a getUserConfirmation function in order to use a prompt message') : void 0;\n callback(true);\n }\n } else {\n // Return false from a transition hook to cancel the transition.\n callback(result !== false);\n }\n } else {\n callback(true);\n }\n }\n\n var listeners = [];\n\n function appendListener(fn) {\n var isActive = true;\n\n function listener() {\n if (isActive) fn.apply(void 0, arguments);\n }\n\n listeners.push(listener);\n return function () {\n isActive = false;\n listeners = listeners.filter(function (item) {\n return item !== listener;\n });\n };\n }\n\n function notifyListeners() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n listeners.forEach(function (listener) {\n return listener.apply(void 0, args);\n });\n }\n\n return {\n setPrompt: setPrompt,\n confirmTransitionTo: confirmTransitionTo,\n appendListener: appendListener,\n notifyListeners: notifyListeners\n };\n}\n\nvar canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\nfunction getConfirmation(message, callback) {\n callback(window.confirm(message)); // eslint-disable-line no-alert\n}\n/**\n * Returns true if the HTML5 history API is supported. Taken from Modernizr.\n *\n * https://github.com/Modernizr/Modernizr/blob/master/LICENSE\n * https://github.com/Modernizr/Modernizr/blob/master/feature-detects/history.js\n * changed to avoid false negatives for Windows Phones: https://github.com/reactjs/react-router/issues/586\n */\n\nfunction supportsHistory() {\n var ua = window.navigator.userAgent;\n if ((ua.indexOf('Android 2.') !== -1 || ua.indexOf('Android 4.0') !== -1) && ua.indexOf('Mobile Safari') !== -1 && ua.indexOf('Chrome') === -1 && ua.indexOf('Windows Phone') === -1) return false;\n return window.history && 'pushState' in window.history;\n}\n/**\n * Returns true if browser fires popstate on hash change.\n * IE10 and IE11 do not.\n */\n\nfunction supportsPopStateOnHashChange() {\n return window.navigator.userAgent.indexOf('Trident') === -1;\n}\n/**\n * Returns false if using go(n) with hash history causes a full page reload.\n */\n\nfunction supportsGoWithoutReloadUsingHash() {\n return window.navigator.userAgent.indexOf('Firefox') === -1;\n}\n/**\n * Returns true if a given popstate event is an extraneous WebKit event.\n * Accounts for the fact that Chrome on iOS fires real popstate events\n * containing undefined state when pressing the back button.\n */\n\nfunction isExtraneousPopstateEvent(event) {\n return event.state === undefined && navigator.userAgent.indexOf('CriOS') === -1;\n}\n\nvar PopStateEvent = 'popstate';\nvar HashChangeEvent = 'hashchange';\n\nfunction getHistoryState() {\n try {\n return window.history.state || {};\n } catch (e) {\n // IE 11 sometimes throws when accessing window.history.state\n // See https://github.com/ReactTraining/history/pull/289\n return {};\n }\n}\n/**\n * Creates a history object that uses the HTML5 history API including\n * pushState, replaceState, and the popstate event.\n */\n\n\nfunction createBrowserHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n !canUseDOM ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Browser history needs a DOM') : invariant(false) : void 0;\n var globalHistory = window.history;\n var canUseHistory = supportsHistory();\n var needsHashChangeListener = !supportsPopStateOnHashChange();\n var _props = props,\n _props$forceRefresh = _props.forceRefresh,\n forceRefresh = _props$forceRefresh === void 0 ? false : _props$forceRefresh,\n _props$getUserConfirm = _props.getUserConfirmation,\n getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,\n _props$keyLength = _props.keyLength,\n keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;\n var basename = props.basename ? stripTrailingSlash(addLeadingSlash(props.basename)) : '';\n\n function getDOMLocation(historyState) {\n var _ref = historyState || {},\n key = _ref.key,\n state = _ref.state;\n\n var _window$location = window.location,\n pathname = _window$location.pathname,\n search = _window$location.search,\n hash = _window$location.hash;\n var path = pathname + search + hash;\n process.env.NODE_ENV !== \"production\" ? warning(!basename || hasBasename(path, basename), 'You are attempting to use a basename on a page whose URL path does not begin ' + 'with the basename. Expected path \"' + path + '\" to begin with \"' + basename + '\".') : void 0;\n if (basename) path = stripBasename(path, basename);\n return createLocation(path, state, key);\n }\n\n function createKey() {\n return Math.random().toString(36).substr(2, keyLength);\n }\n\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = globalHistory.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n function handlePopState(event) {\n // Ignore extraneous popstate events in WebKit.\n if (isExtraneousPopstateEvent(event)) return;\n handlePop(getDOMLocation(event.state));\n }\n\n function handleHashChange() {\n handlePop(getDOMLocation(getHistoryState()));\n }\n\n var forceNextPop = false;\n\n function handlePop(location) {\n if (forceNextPop) {\n forceNextPop = false;\n setState();\n } else {\n var action = 'POP';\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location\n });\n } else {\n revertPop(location);\n }\n });\n }\n }\n\n function revertPop(fromLocation) {\n var toLocation = history.location; // TODO: We could probably make this more reliable by\n // keeping a list of keys we've seen in sessionStorage.\n // Instead, we just default to 0 for keys we don't know.\n\n var toIndex = allKeys.indexOf(toLocation.key);\n if (toIndex === -1) toIndex = 0;\n var fromIndex = allKeys.indexOf(fromLocation.key);\n if (fromIndex === -1) fromIndex = 0;\n var delta = toIndex - fromIndex;\n\n if (delta) {\n forceNextPop = true;\n go(delta);\n }\n }\n\n var initialLocation = getDOMLocation(getHistoryState());\n var allKeys = [initialLocation.key]; // Public interface\n\n function createHref(location) {\n return basename + createPath(location);\n }\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to push when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var href = createHref(location);\n var key = location.key,\n state = location.state;\n\n if (canUseHistory) {\n globalHistory.pushState({\n key: key,\n state: state\n }, null, href);\n\n if (forceRefresh) {\n window.location.href = href;\n } else {\n var prevIndex = allKeys.indexOf(history.location.key);\n var nextKeys = allKeys.slice(0, prevIndex + 1);\n nextKeys.push(location.key);\n allKeys = nextKeys;\n setState({\n action: action,\n location: location\n });\n }\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Browser history cannot push state in browsers that do not support HTML5 history') : void 0;\n window.location.href = href;\n }\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to replace when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var href = createHref(location);\n var key = location.key,\n state = location.state;\n\n if (canUseHistory) {\n globalHistory.replaceState({\n key: key,\n state: state\n }, null, href);\n\n if (forceRefresh) {\n window.location.replace(href);\n } else {\n var prevIndex = allKeys.indexOf(history.location.key);\n if (prevIndex !== -1) allKeys[prevIndex] = location.key;\n setState({\n action: action,\n location: location\n });\n }\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Browser history cannot replace state in browsers that do not support HTML5 history') : void 0;\n window.location.replace(href);\n }\n });\n }\n\n function go(n) {\n globalHistory.go(n);\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n var listenerCount = 0;\n\n function checkDOMListeners(delta) {\n listenerCount += delta;\n\n if (listenerCount === 1 && delta === 1) {\n window.addEventListener(PopStateEvent, handlePopState);\n if (needsHashChangeListener) window.addEventListener(HashChangeEvent, handleHashChange);\n } else if (listenerCount === 0) {\n window.removeEventListener(PopStateEvent, handlePopState);\n if (needsHashChangeListener) window.removeEventListener(HashChangeEvent, handleHashChange);\n }\n }\n\n var isBlocked = false;\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n var unblock = transitionManager.setPrompt(prompt);\n\n if (!isBlocked) {\n checkDOMListeners(1);\n isBlocked = true;\n }\n\n return function () {\n if (isBlocked) {\n isBlocked = false;\n checkDOMListeners(-1);\n }\n\n return unblock();\n };\n }\n\n function listen(listener) {\n var unlisten = transitionManager.appendListener(listener);\n checkDOMListeners(1);\n return function () {\n checkDOMListeners(-1);\n unlisten();\n };\n }\n\n var history = {\n length: globalHistory.length,\n action: 'POP',\n location: initialLocation,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n block: block,\n listen: listen\n };\n return history;\n}\n\nvar HashChangeEvent$1 = 'hashchange';\nvar HashPathCoders = {\n hashbang: {\n encodePath: function encodePath(path) {\n return path.charAt(0) === '!' ? path : '!/' + stripLeadingSlash(path);\n },\n decodePath: function decodePath(path) {\n return path.charAt(0) === '!' ? path.substr(1) : path;\n }\n },\n noslash: {\n encodePath: stripLeadingSlash,\n decodePath: addLeadingSlash\n },\n slash: {\n encodePath: addLeadingSlash,\n decodePath: addLeadingSlash\n }\n};\n\nfunction stripHash(url) {\n var hashIndex = url.indexOf('#');\n return hashIndex === -1 ? url : url.slice(0, hashIndex);\n}\n\nfunction getHashPath() {\n // We can't use window.location.hash here because it's not\n // consistent across browsers - Firefox will pre-decode it!\n var href = window.location.href;\n var hashIndex = href.indexOf('#');\n return hashIndex === -1 ? '' : href.substring(hashIndex + 1);\n}\n\nfunction pushHashPath(path) {\n window.location.hash = path;\n}\n\nfunction replaceHashPath(path) {\n window.location.replace(stripHash(window.location.href) + '#' + path);\n}\n\nfunction createHashHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n !canUseDOM ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Hash history needs a DOM') : invariant(false) : void 0;\n var globalHistory = window.history;\n var canGoWithoutReload = supportsGoWithoutReloadUsingHash();\n var _props = props,\n _props$getUserConfirm = _props.getUserConfirmation,\n getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,\n _props$hashType = _props.hashType,\n hashType = _props$hashType === void 0 ? 'slash' : _props$hashType;\n var basename = props.basename ? stripTrailingSlash(addLeadingSlash(props.basename)) : '';\n var _HashPathCoders$hashT = HashPathCoders[hashType],\n encodePath = _HashPathCoders$hashT.encodePath,\n decodePath = _HashPathCoders$hashT.decodePath;\n\n function getDOMLocation() {\n var path = decodePath(getHashPath());\n process.env.NODE_ENV !== \"production\" ? warning(!basename || hasBasename(path, basename), 'You are attempting to use a basename on a page whose URL path does not begin ' + 'with the basename. Expected path \"' + path + '\" to begin with \"' + basename + '\".') : void 0;\n if (basename) path = stripBasename(path, basename);\n return createLocation(path);\n }\n\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = globalHistory.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n var forceNextPop = false;\n var ignorePath = null;\n\n function locationsAreEqual$$1(a, b) {\n return a.pathname === b.pathname && a.search === b.search && a.hash === b.hash;\n }\n\n function handleHashChange() {\n var path = getHashPath();\n var encodedPath = encodePath(path);\n\n if (path !== encodedPath) {\n // Ensure we always have a properly-encoded hash.\n replaceHashPath(encodedPath);\n } else {\n var location = getDOMLocation();\n var prevLocation = history.location;\n if (!forceNextPop && locationsAreEqual$$1(prevLocation, location)) return; // A hashchange doesn't always == location change.\n\n if (ignorePath === createPath(location)) return; // Ignore this change; we already setState in push/replace.\n\n ignorePath = null;\n handlePop(location);\n }\n }\n\n function handlePop(location) {\n if (forceNextPop) {\n forceNextPop = false;\n setState();\n } else {\n var action = 'POP';\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location\n });\n } else {\n revertPop(location);\n }\n });\n }\n }\n\n function revertPop(fromLocation) {\n var toLocation = history.location; // TODO: We could probably make this more reliable by\n // keeping a list of paths we've seen in sessionStorage.\n // Instead, we just default to 0 for paths we don't know.\n\n var toIndex = allPaths.lastIndexOf(createPath(toLocation));\n if (toIndex === -1) toIndex = 0;\n var fromIndex = allPaths.lastIndexOf(createPath(fromLocation));\n if (fromIndex === -1) fromIndex = 0;\n var delta = toIndex - fromIndex;\n\n if (delta) {\n forceNextPop = true;\n go(delta);\n }\n } // Ensure the hash is encoded properly before doing anything else.\n\n\n var path = getHashPath();\n var encodedPath = encodePath(path);\n if (path !== encodedPath) replaceHashPath(encodedPath);\n var initialLocation = getDOMLocation();\n var allPaths = [createPath(initialLocation)]; // Public interface\n\n function createHref(location) {\n var baseTag = document.querySelector('base');\n var href = '';\n\n if (baseTag && baseTag.getAttribute('href')) {\n href = stripHash(window.location.href);\n }\n\n return href + '#' + encodePath(basename + createPath(location));\n }\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Hash history cannot push state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, undefined, undefined, history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var path = createPath(location);\n var encodedPath = encodePath(basename + path);\n var hashChanged = getHashPath() !== encodedPath;\n\n if (hashChanged) {\n // We cannot tell if a hashchange was caused by a PUSH, so we'd\n // rather setState here and ignore the hashchange. The caveat here\n // is that other hash histories in the page will consider it a POP.\n ignorePath = path;\n pushHashPath(encodedPath);\n var prevIndex = allPaths.lastIndexOf(createPath(history.location));\n var nextPaths = allPaths.slice(0, prevIndex + 1);\n nextPaths.push(path);\n allPaths = nextPaths;\n setState({\n action: action,\n location: location\n });\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(false, 'Hash history cannot PUSH the same path; a new entry will not be added to the history stack') : void 0;\n setState();\n }\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Hash history cannot replace state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, undefined, undefined, history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var path = createPath(location);\n var encodedPath = encodePath(basename + path);\n var hashChanged = getHashPath() !== encodedPath;\n\n if (hashChanged) {\n // We cannot tell if a hashchange was caused by a REPLACE, so we'd\n // rather setState here and ignore the hashchange. The caveat here\n // is that other hash histories in the page will consider it a POP.\n ignorePath = path;\n replaceHashPath(encodedPath);\n }\n\n var prevIndex = allPaths.indexOf(createPath(history.location));\n if (prevIndex !== -1) allPaths[prevIndex] = path;\n setState({\n action: action,\n location: location\n });\n });\n }\n\n function go(n) {\n process.env.NODE_ENV !== \"production\" ? warning(canGoWithoutReload, 'Hash history go(n) causes a full page reload in this browser') : void 0;\n globalHistory.go(n);\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n var listenerCount = 0;\n\n function checkDOMListeners(delta) {\n listenerCount += delta;\n\n if (listenerCount === 1 && delta === 1) {\n window.addEventListener(HashChangeEvent$1, handleHashChange);\n } else if (listenerCount === 0) {\n window.removeEventListener(HashChangeEvent$1, handleHashChange);\n }\n }\n\n var isBlocked = false;\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n var unblock = transitionManager.setPrompt(prompt);\n\n if (!isBlocked) {\n checkDOMListeners(1);\n isBlocked = true;\n }\n\n return function () {\n if (isBlocked) {\n isBlocked = false;\n checkDOMListeners(-1);\n }\n\n return unblock();\n };\n }\n\n function listen(listener) {\n var unlisten = transitionManager.appendListener(listener);\n checkDOMListeners(1);\n return function () {\n checkDOMListeners(-1);\n unlisten();\n };\n }\n\n var history = {\n length: globalHistory.length,\n action: 'POP',\n location: initialLocation,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n block: block,\n listen: listen\n };\n return history;\n}\n\nfunction clamp(n, lowerBound, upperBound) {\n return Math.min(Math.max(n, lowerBound), upperBound);\n}\n/**\n * Creates a history object that stores locations in memory.\n */\n\n\nfunction createMemoryHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n var _props = props,\n getUserConfirmation = _props.getUserConfirmation,\n _props$initialEntries = _props.initialEntries,\n initialEntries = _props$initialEntries === void 0 ? ['/'] : _props$initialEntries,\n _props$initialIndex = _props.initialIndex,\n initialIndex = _props$initialIndex === void 0 ? 0 : _props$initialIndex,\n _props$keyLength = _props.keyLength,\n keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = history.entries.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n function createKey() {\n return Math.random().toString(36).substr(2, keyLength);\n }\n\n var index = clamp(initialIndex, 0, initialEntries.length - 1);\n var entries = initialEntries.map(function (entry) {\n return typeof entry === 'string' ? createLocation(entry, undefined, createKey()) : createLocation(entry, undefined, entry.key || createKey());\n }); // Public interface\n\n var createHref = createPath;\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to push when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var prevIndex = history.index;\n var nextIndex = prevIndex + 1;\n var nextEntries = history.entries.slice(0);\n\n if (nextEntries.length > nextIndex) {\n nextEntries.splice(nextIndex, nextEntries.length - nextIndex, location);\n } else {\n nextEntries.push(location);\n }\n\n setState({\n action: action,\n location: location,\n index: nextIndex,\n entries: nextEntries\n });\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to replace when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n history.entries[history.index] = location;\n setState({\n action: action,\n location: location\n });\n });\n }\n\n function go(n) {\n var nextIndex = clamp(history.index + n, 0, history.entries.length - 1);\n var action = 'POP';\n var location = history.entries[nextIndex];\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location,\n index: nextIndex\n });\n } else {\n // Mimic the behavior of DOM histories by\n // causing a render after a cancelled POP.\n setState();\n }\n });\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n function canGo(n) {\n var nextIndex = history.index + n;\n return nextIndex >= 0 && nextIndex < history.entries.length;\n }\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n return transitionManager.setPrompt(prompt);\n }\n\n function listen(listener) {\n return transitionManager.appendListener(listener);\n }\n\n var history = {\n length: entries.length,\n action: 'POP',\n location: entries[index],\n index: index,\n entries: entries,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n canGo: canGo,\n block: block,\n listen: listen\n };\n return history;\n}\n\nexport { createBrowserHistory, createHashHistory, createMemoryHistory, createLocation, locationsAreEqual, parsePath, createPath };\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/history/esm/history.js\n// module id = 39\n// module chunks = 0","import getWindow from \"./getWindow.js\";\nexport default function getComputedStyle(element) {\n return getWindow(element).getComputedStyle(element);\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js\n// module id = 40\n// module chunks = 0","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\n// HELPERS\r\nimport api from \"@helpers/api\";\r\n\r\nexport default class Partner {\r\n _data = null;\r\n\r\n constructor(name) {\r\n this._name = name;\r\n }\r\n\r\n // Properties\r\n get name() {\r\n return this._name;\r\n }\r\n\r\n get logoUrl() {\r\n return _createImageUrlForDataKey.call(this, \"logo\");\r\n }\r\n\r\n get isLogoClickable() {\r\n return _getData.call(this, \"logoClickable\") === true;\r\n }\r\n\r\n get backgroundUrl() {\r\n return _createImageUrlForDataKey.call(this, \"background\");\r\n }\r\n\r\n get faviconUrl() {\r\n return _createImageUrlForDataKey.call(this, \"favicon\");\r\n }\r\n\r\n get documentProcessor() {\r\n return _getData.call(this, \"documentProcessor\");\r\n }\r\n\r\n get bankid() {\r\n return _getData.call(this, \"bankid\");\r\n }\r\n\r\n get includeMeetingDocumentation() {\r\n return _getData.call(this, \"includeMeetingDocumentation\");\r\n }\r\n\r\n get requireDownloadableDocumentation() {\r\n let res = _getData.call(this, \"requireDownloadableDocumentation\");\r\n return res == null ? false : res;\r\n }\r\n\r\n get companyName() {\r\n return _getData.call(this, \"companyName\");\r\n }\r\n\r\n get partnerCustomerName() {\r\n return _getData.call(this, \"partnerCustomerName\");\r\n }\r\n\r\n get language() {\r\n return _getData.call(this, \"language\");\r\n }\r\n\r\n get partnerCustomerNo() {\r\n return _getData.call(this, \"partnerCustomerNo\");\r\n }\r\n\r\n get title() {\r\n return _getData.call(this, \"title\");\r\n }\r\n\r\n get accentColors() {\r\n return _getData.call(this, \"accentColors\") || {};\r\n }\r\n\r\n get borderStyle() {\r\n return _getData.call(this, \"borderStyle\") || {};\r\n }\r\n\r\n get containerShadow() {\r\n return _getData.call(this, \"containerShadow\") === true;\r\n }\r\n\r\n get allowPersonTypeChoice() {\r\n return _getData.call(this, \"allowPersonTypeChoice\") === true;\r\n }\r\n\r\n get allowCompany() {\r\n return _getData.call(this, \"allowCompany\") === true;\r\n }\r\n\r\n get allowShortSsn() {\r\n return _getData.call(this, \"allowShortSsn\") === true;\r\n }\r\n\r\n get signOnScreenEnabled() {\r\n return _getData.call(this, \"signOnScreenEnabled\") === true;\r\n }\r\n\r\n get signOnNewTab() {\r\n return _getData.call(this, \"signOnNewTab\") === true;\r\n }\r\n\r\n get skipSelectionOfSingleSignatory() {\r\n return _getData.call(this, \"skipSelectionOfSingleSignatory\") === true;\r\n }\r\n\r\n get skipSignConfirmationPage() {\r\n return _getData.call(this, \"skipSignConfirmationPage\") === true;\r\n }\r\n\r\n get sections() {\r\n return _getData.call(this, \"sections\");\r\n }\r\n\r\n get swish() {\r\n return _getData.call(this, \"swish\");\r\n }\r\n\r\n get iframed() {\r\n return _getData.call(this, \"iframed\");\r\n }\r\n\r\n get faSSO() {\r\n return _getData.call(this, \"faSSO\");\r\n }\r\n\r\n get startView() {\r\n return _getData.call(this, \"startView\");\r\n }\r\n\r\n get welcomeTitle() {\r\n return _getData.call(this, \"welcome-title\");\r\n }\r\n\r\n get welcomeSubtitle() {\r\n return _getData.call(this, \"welcome-subtitle\");\r\n }\r\n\r\n get welcomeParagraph() {\r\n return _getData.call(this, \"welcome-paragraph\");\r\n }\r\n\r\n get welcomeDisclaimer() {\r\n return _getData.call(this, \"welcome-disclaimer\");\r\n }\r\n\r\n /**\r\n * The app and redirect urls determines where the user is sent after the form has been completed. If the redirect url\r\n * is empty we will simply reset the form and start over.\r\n */\r\n get redirectUrl() {\r\n return _getData.call(this, \"redirectUrl\");\r\n }\r\n\r\n get appUrl() {\r\n return _getData.call(this, \"appUrl\");\r\n }\r\n\r\n get formCta() {\r\n return _getData.call(this, \"form-cta\");\r\n }\r\n\r\n get formCtaButton() {\r\n return _getData.call(this, \"form-cta-button\");\r\n }\r\n\r\n get formHeaderText() {\r\n return _getData.call(this, \"form-header-text\");\r\n }\r\n\r\n get formLongHeader() {\r\n return _getData.call(this, \"form-long-header\");\r\n }\r\n\r\n get formLongText() {\r\n return _getData.call(this, \"form-long-text\");\r\n }\r\n\r\n get formSubmitExplanation1() {\r\n return _getData.call(this, \"form-submit-explanation-1\");\r\n }\r\n\r\n get formSubmitExplanation2() {\r\n return _getData.call(this, \"form-submit-explanation-2\");\r\n }\r\n\r\n // Methods\r\n async loadData(authToken) {\r\n this._data = await api(\"partner/data\", {authToken});\r\n }\r\n\r\n setupDocument() {\r\n // Set body className\r\n document.body.classList.add(this.name);\r\n\r\n // Set page title\r\n if (this.title) {\r\n document.title = this.title;\r\n }\r\n\r\n // Set favicon\r\n if (_getData.call(this, \"favicon\")) {\r\n const faviconUrl = this.faviconUrl;\r\n let faviconElement = document.head.querySelector(\"#app-favicon\");\r\n\r\n if (faviconElement) {\r\n faviconElement.href = faviconUrl;\r\n } else {\r\n faviconElement = document.createElement(\"link\");\r\n faviconElement.id = \"app-favicon\";\r\n faviconElement.rel = \"shortcut icon\";\r\n faviconElement.href = faviconUrl;\r\n document.head.appendChild(faviconElement);\r\n }\r\n }\r\n\r\n // fade in background image\r\n const bgImg = document.getElementById(\"app-bg\");\r\n if (bgImg) {\r\n setTimeout(function () {\r\n document.getElementById(\"app-bg\").classList.add(\"visible\");\r\n }, 750);\r\n }\r\n }\r\n\r\n setData(key, value) {\r\n if (!this._data) {\r\n return;\r\n }\r\n\r\n this._data[key] = value;\r\n }\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getData(key) {\r\n return (this._data && this._data[key]) || null;\r\n}\r\n\r\nfunction _createImageUrlForDataKey(dataKey) {\r\n if (_getData.call(this, dataKey).startsWith(\"#\")) {\r\n return _getData.call(this, dataKey);\r\n }\r\n\r\n let apiUrl = AppConfig.get(\"apiUrl\");\r\n if (apiUrl === \"/\") {\r\n apiUrl = window.location.protocol + \"//\" + window.location.hostname;\r\n }\r\n\r\n if (process.env.NODE_ENV === \"development\") {\r\n const apiServerPort = AppConfig.get(\"developmentOptions\").apiServerPort;\r\n apiUrl = apiServerPort ? apiUrl + \":\" + apiServerPort : apiUrl;\r\n }\r\n\r\n return apiUrl + \"/partner/img?filename=\" + _getData.call(this, dataKey);\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/classes/Partner.js","export default class Settings {\r\n static keysWithDefaults = Object.freeze({\r\n LANGUAGE: \"sv\"\r\n });\r\n\r\n static get(key) {\r\n try {\r\n if (typeof Settings.keysWithDefaults[key] === \"undefined\")\r\n throw new Error(\"UNKNOWN_KEY\");\r\n\r\n const value = localStorage.getItem(key);\r\n return value !== null\r\n ? JSON.parse(atob(value))\r\n : Settings.keysWithDefaults[key];\r\n } catch (e) {\r\n console.error({ status: e, key });\r\n }\r\n }\r\n\r\n static set(key, value) {\r\n try {\r\n if (typeof Settings.keysWithDefaults[key] === \"undefined\")\r\n throw new Error(\"UNKNOWN_KEY\");\r\n\r\n localStorage.setItem(key, btoa(JSON.stringify(value)));\r\n } catch (e) {\r\n console.error({ status: e, key });\r\n }\r\n }\r\n\r\n static remove(key) {\r\n localStorage.removeItem(key);\r\n }\r\n\r\n static clear() {\r\n localStorage.clear();\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/classes/Settings.js","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// HELPERS\r\nimport {createClassName, validateNumber} from \"@helpers/utils\";\r\n\r\n\r\nexport default class TextField extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tstyle: PropTypes.object,\r\n\t\tid: PropTypes.string,\r\n\t\tname: PropTypes.string,\r\n\t\tlabel: PropTypes.string,\r\n\t\ttype: PropTypes.string.isRequired,\r\n\t\tplaceholder: PropTypes.string,\r\n\t\trequired: PropTypes.bool,\r\n\t\tdisabled: PropTypes.bool.isRequired,\r\n\t\treadOnly: PropTypes.bool.isRequired,\r\n\t\thideRequiredSymbol: PropTypes.bool,\r\n\t\tvalue: PropTypes.any,\r\n\t\tvalid: PropTypes.bool,\r\n\t\ttooltip: PropTypes.string,\r\n\t\tautoComplete: PropTypes.bool.isRequired,\r\n\t\tdecimalSeparator: PropTypes.string.isRequired,\r\n\t\tonChange: PropTypes.func,\r\n\t\tonFocus: PropTypes.func,\r\n\t\tonBlur: PropTypes.func,\r\n\t};\r\n\tstatic defaultProps = {\r\n\t\ttype: \"text\",\r\n\t\tdisabled: false,\r\n\t\treadOnly: false,\r\n\t\tautoComplete: true,\r\n\t\tdecimalSeparator: \".\",\r\n\t};\r\n\r\n\tstate = {\r\n\t\tfilled: false,\r\n\t\tfocused: false,\r\n\t\tautofilled: false,\r\n\t\tpreventAutoComplete: !this.props.autoComplete,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {style, id, name, label, type, placeholder, disabled, required, readOnly, hideRequiredSymbol, autoComplete, value, valid, tooltip} = props;\r\n\t\tconst classes = createClassName(props.className, {\r\n\t\t\t\"TextField\": true,\r\n\t\t\t[type]: true,\r\n\t\t\t\"focus\": state.focused,\r\n\t\t\t\"disabled\": disabled,\r\n\t\t\t\"placeholder\": !!placeholder,\r\n\t\t\t\"filled\": state.filled || !!value || state.autofilled,\r\n\t\t\t\"read-only\": readOnly,\r\n\t\t\t\"required\": required,\r\n\t\t\t\"tooltip\": !!tooltip,\r\n\t\t\t\"valid\": valid === true,\r\n\t\t\t\"invalid\": valid === false,\r\n\t\t\t\"autofilled\": state.autofilled,\r\n\t\t\t\"prevent-autocomplete\": state.preventAutoComplete,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t{requiredSymbol === true ? \"*\" : icon}
\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t this.input = ref}\r\n\t\t\t\t\tclassName=\"TextField-input\"\r\n\t\t\t\t\tid={id}\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\ttype={type || \"text\"}\r\n\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\tdefaultValue={props.defaultValue}\r\n\t\t\t\t\tvalue={value}\r\n\t\t\t\t\tautoComplete={autoComplete ? \"on\" : \"off\"}\r\n\t\t\t\t\trequired={required === true}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\treadOnly={!state.preventAutoComplete || !!value ? readOnly : true}\r\n\t\t\t\t\tonFocus={!disabled && !readOnly ? this._onFocus : undefined}\r\n\t\t\t\t\tonBlur={!disabled && !readOnly ? this._onBlur : undefined}\r\n\t\t\t\t\tonChange={!disabled ? this._onChange : undefined}\r\n\t\t\t\t\tonKeyPress={type === \"number\" ? this._onNumberKeyPress : undefined}\r\n\t\t\t\t\tonPaste={type === \"number\" ? this._onNumberPaste : undefined}\r\n\t\t\t\t\tonAnimationStart={!disabled && !state.preventAutoComplete ? this._onAnimationStart : undefined}\r\n\t\t\t\t/>\r\n\t\t\t\t{!!tooltip ?\r\n\t\t\t\t\t\r\n\t\t\t\t\t: valid === true ?\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t: required === true && !hideRequiredSymbol ?\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t: null}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_onFocus = () => {\r\n\t\tconst {onFocus} = this.props;\r\n\t\tthis.setState({\r\n\t\t\tfocused: true,\r\n\t\t\tautofilled: false,\r\n\t\t\tpreventAutoComplete: false\r\n\t\t}, onFocus ? () => onFocus() : undefined);\r\n\t};\r\n\r\n\t_onBlur = () => {\r\n\t\tconst {onBlur} = this.props;\r\n\t\tthis.setState({focused: false}, onBlur ? () => onBlur() : undefined);\r\n\t};\r\n\r\n\t_onChange = ({target}) => {\r\n\t\tconst {props} = this;\r\n\t\tconst {type, onChange} = props;\r\n\r\n\t\tif (onChange) {\r\n\t\t\tif (type === \"number\") {\r\n\t\t\t\tconst {decimalSeparator} = props;\r\n\t\t\t\tconst parsedValue = target.value !== \"\" ? parseFloat(decimalSeparator !== \".\" ? target.value.replace(decimalSeparator, \".\") : target.value) : null;\r\n\r\n\t\t\t\tonChange(target.value, parsedValue);\r\n\t\t\t} else {\r\n\t\t\t\tonChange(target.value, null);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t_onNumberKeyPress = (e) => {\r\n\t\tconst isNumeric = e.key >= 0 && e.key <= 9;\r\n\t\tconst isDecimalSeparator = e.key === this.props.decimalSeparator || e.key === \".\";\r\n\t\tconst isMinusSign = e.key === \"-\";\r\n\t\tif (!isNumeric && !isDecimalSeparator && !isMinusSign)\r\n\t\t{\r\n\t\t\te.preventDefault();\r\n\t\t}\r\n\t};\r\n\r\n\t_onNumberPaste = (e) => {\r\n\t\tconst {onChange} = this.props;\r\n\t\tconst data = e.clipboardData.getData(\"text/plain\");\r\n\t\tconst isValid = validateNumber(data) && !(/[eE]/.test(data));\r\n\t\tif (!isValid) {\r\n\t\t\te.preventDefault();\r\n\t\t\tif (onChange) onChange(\"\", null);\r\n\t\t}\r\n\t};\r\n\r\n\t_onAnimationStart = ({target, animationName}) => {\r\n\t\tswitch (animationName) {\r\n\t\t\tcase \"onTextFieldAutoFillStart\":\r\n\t\t\t\treturn this.setState({autofilled: true});\r\n\t\t\tcase \"onTextFieldAutoFillCancel\":\r\n\t\t\t\treturn this.setState({autofilled: false});\r\n\t\t\tdefault:\r\n\t\t\t\treturn;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n// PRIVATE COMPONENTS\r\nfunction TextFieldTooltip({text, onClick}) {\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nfunction TextFieldStatus({icon, requiredSymbol}) {\r\n\treturn (\r\n\t\t?
\r\n\t\t\t{text}
\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/components/TextField/TextField.js","// import { isHTMLElement } from './instanceOf';\nexport default function getBoundingClientRect(element, // eslint-disable-next-line unused-imports/no-unused-vars\nincludeScale) {\n if (includeScale === void 0) {\n includeScale = false;\n }\n\n var rect = element.getBoundingClientRect();\n var scaleX = 1;\n var scaleY = 1; // FIXME:\n // `offsetWidth` returns an integer while `getBoundingClientRect`\n // returns a float. This results in `scaleX` or `scaleY` being\n // non-1 when it should be for elements that aren't a full pixel in\n // width or height.\n // if (isHTMLElement(element) && includeScale) {\n // const offsetHeight = element.offsetHeight;\n // const offsetWidth = element.offsetWidth;\n // // Do not attempt to divide by 0, otherwise we get `Infinity` as scale\n // // Fallback to 1 in case both values are `0`\n // if (offsetWidth > 0) {\n // scaleX = rect.width / offsetWidth || 1;\n // }\n // if (offsetHeight > 0) {\n // scaleY = rect.height / offsetHeight || 1;\n // }\n // }\n\n return {\n width: rect.width / scaleX,\n height: rect.height / scaleY,\n top: rect.top / scaleY,\n right: rect.right / scaleX,\n bottom: rect.bottom / scaleY,\n left: rect.left / scaleX,\n x: rect.left / scaleX,\n y: rect.top / scaleY\n };\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js\n// module id = 44\n// module chunks = 0","import getWindow from \"./getWindow.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport isTableElement from \"./isTableElement.js\";\nimport getParentNode from \"./getParentNode.js\";\n\nfunction getTrueOffsetParent(element) {\n if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837\n getComputedStyle(element).position === 'fixed') {\n return null;\n }\n\n return element.offsetParent;\n} // `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\n\n\nfunction getContainingBlock(element) {\n var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;\n var isIE = navigator.userAgent.indexOf('Trident') !== -1;\n\n if (isIE && isHTMLElement(element)) {\n // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport\n var elementCss = getComputedStyle(element);\n\n if (elementCss.position === 'fixed') {\n return null;\n }\n }\n\n var currentNode = getParentNode(element);\n\n while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {\n var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that\n // create a containing block.\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n\n if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {\n return currentNode;\n } else {\n currentNode = currentNode.parentNode;\n }\n }\n\n return null;\n} // Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\n\n\nexport default function getOffsetParent(element) {\n var window = getWindow(element);\n var offsetParent = getTrueOffsetParent(element);\n\n while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {\n offsetParent = getTrueOffsetParent(offsetParent);\n }\n\n if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) {\n return window;\n }\n\n return offsetParent || getContainingBlock(element) || window;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js\n// module id = 45\n// module chunks = 0","export var max = Math.max;\nexport var min = Math.min;\nexport var round = Math.round;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/utils/math.js\n// module id = 46\n// module chunks = 0","export default function getVariation(placement) {\n return placement.split('-')[1];\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/utils/getVariation.js\n// module id = 47\n// module chunks = 0","import getClippingRect from \"../dom-utils/getClippingRect.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport getBoundingClientRect from \"../dom-utils/getBoundingClientRect.js\";\nimport computeOffsets from \"./computeOffsets.js\";\nimport rectToClientRect from \"./rectToClientRect.js\";\nimport { clippingParents, reference, popper, bottom, top, right, basePlacements, viewport } from \"../enums.js\";\nimport { isElement } from \"../dom-utils/instanceOf.js\";\nimport mergePaddingObject from \"./mergePaddingObject.js\";\nimport expandToHashMap from \"./expandToHashMap.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport default function detectOverflow(state, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n _options$placement = _options.placement,\n placement = _options$placement === void 0 ? state.placement : _options$placement,\n _options$boundary = _options.boundary,\n boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,\n _options$rootBoundary = _options.rootBoundary,\n rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,\n _options$elementConte = _options.elementContext,\n elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,\n _options$altBoundary = _options.altBoundary,\n altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,\n _options$padding = _options.padding,\n padding = _options$padding === void 0 ? 0 : _options$padding;\n var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n var altContext = elementContext === popper ? reference : popper;\n var popperRect = state.rects.popper;\n var element = state.elements[altBoundary ? altContext : elementContext];\n var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);\n var referenceClientRect = getBoundingClientRect(state.elements.reference);\n var popperOffsets = computeOffsets({\n reference: referenceClientRect,\n element: popperRect,\n strategy: 'absolute',\n placement: placement\n });\n var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));\n var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect\n // 0 or negative = within the clipping rect\n\n var overflowOffsets = {\n top: clippingClientRect.top - elementClientRect.top + paddingObject.top,\n bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,\n left: clippingClientRect.left - elementClientRect.left + paddingObject.left,\n right: elementClientRect.right - clippingClientRect.right + paddingObject.right\n };\n var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element\n\n if (elementContext === popper && offsetData) {\n var offset = offsetData[placement];\n Object.keys(overflowOffsets).forEach(function (key) {\n var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;\n var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';\n overflowOffsets[key] += offset[axis] * multiply;\n });\n }\n\n return overflowOffsets;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/utils/detectOverflow.js\n// module id = 48\n// module chunks = 0","export default [\n\t{\n\t\t\"label\": \"Andorra\",\n\t\t\"code\": \"AD\"\n\t},\n\t{\n\t\t\"label\": \"Förenade Arabemiraten\",\n\t\t\"code\": \"AE\"\n\t},\n\t{\n\t\t\"label\": \"Afghanistan\",\n\t\t\"code\": \"AF\"\n\t},\n\t{\n\t\t\"label\": \"Antigua och Barbuda\",\n\t\t\"code\": \"AG\"\n\t},\n\t{\n\t\t\"label\": \"Anguilla\",\n\t\t\"code\": \"AI\"\n\t},\n\t{\n\t\t\"label\": \"Albanien\",\n\t\t\"code\": \"AL\"\n\t},\n\t{\n\t\t\"label\": \"Armenien\",\n\t\t\"code\": \"AM\"\n\t},\n\t{\n\t\t\"label\": \"Nederländska Antillerna\",\n\t\t\"code\": \"AN\"\n\t},\n\t{\n\t\t\"label\": \"Angola\",\n\t\t\"code\": \"AO\"\n\t},\n\t{\n\t\t\"label\": \"Antarktis\",\n\t\t\"code\": \"AQ\"\n\t},\n\t{\n\t\t\"label\": \"Argentina\",\n\t\t\"code\": \"AR\"\n\t},\n\t{\n\t\t\"label\": \"Amerikanska Samoa\",\n\t\t\"code\": \"AS\"\n\t},\n\t{\n\t\t\"label\": \"Österrike\",\n\t\t\"code\": \"AT\"\n\t},\n\t{\n\t\t\"label\": \"Australien\",\n\t\t\"code\": \"AU\"\n\t},\n\t{\n\t\t\"label\": \"Aruba\",\n\t\t\"code\": \"AW\"\n\t},\n\t{\n\t\t\"label\": \"Åland\",\n\t\t\"code\": \"AX\"\n\t},\n\t{\n\t\t\"label\": \"Azerbajdzjan\",\n\t\t\"code\": \"AZ\"\n\t},\n\t{\n\t\t\"label\": \"Bosnien och Hercegovina\",\n\t\t\"code\": \"BA\"\n\t},\n\t{\n\t\t\"label\": \"Barbados\",\n\t\t\"code\": \"BB\"\n\t},\n\t{\n\t\t\"label\": \"Bangladesh\",\n\t\t\"code\": \"BD\"\n\t},\n\t{\n\t\t\"label\": \"Belgien\",\n\t\t\"code\": \"BE\"\n\t},\n\t{\n\t\t\"label\": \"Burkina Faso\",\n\t\t\"code\": \"BF\"\n\t},\n\t{\n\t\t\"label\": \"Bulgarien\",\n\t\t\"code\": \"BG\"\n\t},\n\t{\n\t\t\"label\": \"Bahrain\",\n\t\t\"code\": \"BH\"\n\t},\n\t{\n\t\t\"label\": \"Burundi\",\n\t\t\"code\": \"BI\"\n\t},\n\t{\n\t\t\"label\": \"Benin\",\n\t\t\"code\": \"BJ\"\n\t},\n\t{\n\t\t\"label\": \"Saint-Barthélemy\",\n\t\t\"code\": \"BL\"\n\t},\n\t{\n\t\t\"label\": \"Bermuda\",\n\t\t\"code\": \"BM\"\n\t},\n\t{\n\t\t\"label\": \"Brunei\",\n\t\t\"code\": \"BN\"\n\t},\n\t{\n\t\t\"label\": \"Bolivia\",\n\t\t\"code\": \"BO\"\n\t},\n\t{\n\t\t\"label\": \"Brasilien\",\n\t\t\"code\": \"BR\"\n\t},\n\t{\n\t\t\"label\": \"Bahamas\",\n\t\t\"code\": \"BS\"\n\t},\n\t{\n\t\t\"label\": \"Bhutan\",\n\t\t\"code\": \"BT\"\n\t},\n\t{\n\t\t\"label\": \"Bouvetön\",\n\t\t\"code\": \"BV\"\n\t},\n\t{\n\t\t\"label\": \"Botswana\",\n\t\t\"code\": \"BW\"\n\t},\n\t{\n\t\t\"label\": \"Vitryssland\",\n\t\t\"code\": \"BY\"\n\t},\n\t{\n\t\t\"label\": \"Belize\",\n\t\t\"code\": \"BZ\"\n\t},\n\t{\n\t\t\"label\": \"Kanada\",\n\t\t\"code\": \"CA\"\n\t},\n\t{\n\t\t\"label\": \"Kokosöarna\",\n\t\t\"code\": \"CC\"\n\t},\n\t{\n\t\t\"label\": \"Demokratiska republiken Kongo\",\n\t\t\"code\": \"CD\"\n\t},\n\t{\n\t\t\"label\": \"Centralafrikanska republiken\",\n\t\t\"code\": \"CF\"\n\t},\n\t{\n\t\t\"label\": \"Kongo-Brazzaville\",\n\t\t\"code\": \"CG\"\n\t},\n\t{\n\t\t\"label\": \"Schweiz\",\n\t\t\"code\": \"CH\"\n\t},\n\t{\n\t\t\"label\": \"Elfenbenskusten\",\n\t\t\"code\": \"CI\"\n\t},\n\t{\n\t\t\"label\": \"Cooköarna\",\n\t\t\"code\": \"CK\"\n\t},\n\t{\n\t\t\"label\": \"Chile\",\n\t\t\"code\": \"CL\"\n\t},\n\t{\n\t\t\"label\": \"Kamerun\",\n\t\t\"code\": \"CM\"\n\t},\n\t{\n\t\t\"label\": \"Kina\",\n\t\t\"code\": \"CN\"\n\t},\n\t{\n\t\t\"label\": \"Colombia\",\n\t\t\"code\": \"CO\"\n\t},\n\t{\n\t\t\"label\": \"Costa Rica\",\n\t\t\"code\": \"CR\"\n\t},\n\t{\n\t\t\"label\": \"Kuba\",\n\t\t\"code\": \"CU\"\n\t},\n\t{\n\t\t\"label\": \"Kap Verde\",\n\t\t\"code\": \"CV\"\n\t},\n\t{\n\t\t\"label\": \"Julön\",\n\t\t\"code\": \"CX\"\n\t},\n\t{\n\t\t\"label\": \"Cypern\",\n\t\t\"code\": \"CY\"\n\t},\n\t{\n\t\t\"label\": \"Tjeckien\",\n\t\t\"code\": \"CZ\"\n\t},\n\t{\n\t\t\"label\": \"Tyskland\",\n\t\t\"code\": \"DE\"\n\t},\n\t{\n\t\t\"label\": \"Djibouti\",\n\t\t\"code\": \"DJ\"\n\t},\n\t{\n\t\t\"label\": \"Danmark\",\n\t\t\"code\": \"DK\"\n\t},\n\t{\n\t\t\"label\": \"Dominica\",\n\t\t\"code\": \"DM\"\n\t},\n\t{\n\t\t\"label\": \"Dominikanska republiken\",\n\t\t\"code\": \"DO\"\n\t},\n\t{\n\t\t\"label\": \"Algeriet\",\n\t\t\"code\": \"DZ\"\n\t},\n\t{\n\t\t\"label\": \"Ecuador\",\n\t\t\"code\": \"EC\"\n\t},\n\t{\n\t\t\"label\": \"Estland\",\n\t\t\"code\": \"EE\"\n\t},\n\t{\n\t\t\"label\": \"Egypten\",\n\t\t\"code\": \"EG\"\n\t},\n\t{\n\t\t\"label\": \"Västsahara\",\n\t\t\"code\": \"EH\"\n\t},\n\t{\n\t\t\"label\": \"Eritrea\",\n\t\t\"code\": \"ER\"\n\t},\n\t{\n\t\t\"label\": \"Spanien\",\n\t\t\"code\": \"ES\"\n\t},\n\t{\n\t\t\"label\": \"Etiopien\",\n\t\t\"code\": \"ET\"\n\t},\n\t{\n\t\t\"label\": \"Finland\",\n\t\t\"code\": \"FI\"\n\t},\n\t{\n\t\t\"label\": \"Fiji\",\n\t\t\"code\": \"FJ\"\n\t},\n\t{\n\t\t\"label\": \"Falklandsöarna\",\n\t\t\"code\": \"FK\"\n\t},\n\t{\n\t\t\"label\": \"Mikronesiska federationen\",\n\t\t\"code\": \"FM\"\n\t},\n\t{\n\t\t\"label\": \"Färöarna\",\n\t\t\"code\": \"FO\"\n\t},\n\t{\n\t\t\"label\": \"Frankrike\",\n\t\t\"code\": \"FR\"\n\t},\n\t{\n\t\t\"label\": \"France métropolitaine (Frankrike, europeiska delen)\",\n\t\t\"code\": \"FX\"\n\t},\n\t{\n\t\t\"label\": \"Gabon\",\n\t\t\"code\": \"GA\"\n\t},\n\t{\n\t\t\"label\": \"Storbritannien\",\n\t\t\"code\": \"GB\"\n\t},\n\t{\n\t\t\"label\": \"Grenada\",\n\t\t\"code\": \"GD\"\n\t},\n\t{\n\t\t\"label\": \"Georgien\",\n\t\t\"code\": \"GE\"\n\t},\n\t{\n\t\t\"label\": \"Franska Guyana\",\n\t\t\"code\": \"GF\"\n\t},\n\t{\n\t\t\"label\": \"Guernsey\",\n\t\t\"code\": \"GG\"\n\t},\n\t{\n\t\t\"label\": \"Ghana\",\n\t\t\"code\": \"GH\"\n\t},\n\t{\n\t\t\"label\": \"Gibraltar\",\n\t\t\"code\": \"GI\"\n\t},\n\t{\n\t\t\"label\": \"Grönland\",\n\t\t\"code\": \"GL\"\n\t},\n\t{\n\t\t\"label\": \"Gambia\",\n\t\t\"code\": \"GM\"\n\t},\n\t{\n\t\t\"label\": \"Guinea\",\n\t\t\"code\": \"GN\"\n\t},\n\t{\n\t\t\"label\": \"Guadeloupe\",\n\t\t\"code\": \"GP\"\n\t},\n\t{\n\t\t\"label\": \"Ekvatorialguinea\",\n\t\t\"code\": \"GQ\"\n\t},\n\t{\n\t\t\"label\": \"Grekland\",\n\t\t\"code\": \"GR\"\n\t},\n\t{\n\t\t\"label\": \"Guatemala\",\n\t\t\"code\": \"GT\"\n\t},\n\t{\n\t\t\"label\": \"Guam\",\n\t\t\"code\": \"GU\"\n\t},\n\t{\n\t\t\"label\": \"Guinea Bissau\",\n\t\t\"code\": \"GW\"\n\t},\n\t{\n\t\t\"label\": \"Guyana\",\n\t\t\"code\": \"GY\"\n\t},\n\t{\n\t\t\"label\": \"Hongkong\",\n\t\t\"code\": \"HK\"\n\t},\n\t{\n\t\t\"label\": \"Heard- och McDonaldöarna\",\n\t\t\"code\": \"HM\"\n\t},\n\t{\n\t\t\"label\": \"Honduras\",\n\t\t\"code\": \"HN\"\n\t},\n\t{\n\t\t\"label\": \"Kroatien\",\n\t\t\"code\": \"HR\"\n\t},\n\t{\n\t\t\"label\": \"Haiti\",\n\t\t\"code\": \"HT\"\n\t},\n\t{\n\t\t\"label\": \"Ungern\",\n\t\t\"code\": \"HU\"\n\t},\n\t{\n\t\t\"label\": \"Indonesien\",\n\t\t\"code\": \"ID\"\n\t},\n\t{\n\t\t\"label\": \"Irland\",\n\t\t\"code\": \"IE\"\n\t},\n\t{\n\t\t\"label\": \"Israel\",\n\t\t\"code\": \"IL\"\n\t},\n\t{\n\t\t\"label\": \"Isle of Man\",\n\t\t\"code\": \"IM\"\n\t},\n\t{\n\t\t\"label\": \"Indien\",\n\t\t\"code\": \"IN\"\n\t},\n\t{\n\t\t\"label\": \"Brittiska territoriet i Indiska Oceanen\",\n\t\t\"code\": \"IO\"\n\t},\n\t{\n\t\t\"label\": \"Irak\",\n\t\t\"code\": \"IQ\"\n\t},\n\t{\n\t\t\"label\": \"Iran\",\n\t\t\"code\": \"IR\"\n\t},\n\t{\n\t\t\"label\": \"Island\",\n\t\t\"code\": \"IS\"\n\t},\n\t{\n\t\t\"label\": \"Italien\",\n\t\t\"code\": \"IT\"\n\t},\n\t{\n\t\t\"label\": \"Jersey\",\n\t\t\"code\": \"JE\"\n\t},\n\t{\n\t\t\"label\": \"Jamaica\",\n\t\t\"code\": \"JM\"\n\t},\n\t{\n\t\t\"label\": \"Jordanien\",\n\t\t\"code\": \"JO\"\n\t},\n\t{\n\t\t\"label\": \"Japan\",\n\t\t\"code\": \"JP\"\n\t},\n\t{\n\t\t\"label\": \"Kenya\",\n\t\t\"code\": \"KE\"\n\t},\n\t{\n\t\t\"label\": \"Kirgizistan\",\n\t\t\"code\": \"KG\"\n\t},\n\t{\n\t\t\"label\": \"Kambodja\",\n\t\t\"code\": \"KH\"\n\t},\n\t{\n\t\t\"label\": \"Kiribati\",\n\t\t\"code\": \"KI\"\n\t},\n\t{\n\t\t\"label\": \"Komorerna\",\n\t\t\"code\": \"KM\"\n\t},\n\t{\n\t\t\"label\": \"Saint Kitts och Nevis\",\n\t\t\"code\": \"KN\"\n\t},\n\t{\n\t\t\"label\": \"Nordkorea\",\n\t\t\"code\": \"KP\"\n\t},\n\t{\n\t\t\"label\": \"Sydkorea\",\n\t\t\"code\": \"KR\"\n\t},\n\t{\n\t\t\"label\": \"Kuwait\",\n\t\t\"code\": \"KW\"\n\t},\n\t{\n\t\t\"label\": \"Caymanöarna\",\n\t\t\"code\": \"KY\"\n\t},\n\t{\n\t\t\"label\": \"Kazakstan\",\n\t\t\"code\": \"KZ\"\n\t},\n\t{\n\t\t\"label\": \"Laos\",\n\t\t\"code\": \"LA\"\n\t},\n\t{\n\t\t\"label\": \"Libanon\",\n\t\t\"code\": \"LB\"\n\t},\n\t{\n\t\t\"label\": \"Saint Lucia\",\n\t\t\"code\": \"LC\"\n\t},\n\t{\n\t\t\"label\": \"Liechtenstein\",\n\t\t\"code\": \"LI\"\n\t},\n\t{\n\t\t\"label\": \"Sri Lanka\",\n\t\t\"code\": \"LK\"\n\t},\n\t{\n\t\t\"label\": \"Liberia\",\n\t\t\"code\": \"LR\"\n\t},\n\t{\n\t\t\"label\": \"Lesotho\",\n\t\t\"code\": \"LS\"\n\t},\n\t{\n\t\t\"label\": \"Litauen\",\n\t\t\"code\": \"LT\"\n\t},\n\t{\n\t\t\"label\": \"Luxemburg\",\n\t\t\"code\": \"LU\"\n\t},\n\t{\n\t\t\"label\": \"Lettland\",\n\t\t\"code\": \"LV\"\n\t},\n\t{\n\t\t\"label\": \"Libyen\",\n\t\t\"code\": \"LY\"\n\t},\n\t{\n\t\t\"label\": \"Marocko\",\n\t\t\"code\": \"MA\"\n\t},\n\t{\n\t\t\"label\": \"Monaco\",\n\t\t\"code\": \"MC\"\n\t},\n\t{\n\t\t\"label\": \"Moldavien\",\n\t\t\"code\": \"MD\"\n\t},\n\t{\n\t\t\"label\": \"Montenegro\",\n\t\t\"code\": \"ME\"\n\t},\n\t{\n\t\t\"label\": \"Madagaskar\",\n\t\t\"code\": \"MG\"\n\t},\n\t{\n\t\t\"label\": \"Marshallöarna\",\n\t\t\"code\": \"MH\"\n\t},\n\t{\n\t\t\"label\": \"Makedonien\",\n\t\t\"code\": \"MK\"\n\t},\n\t{\n\t\t\"label\": \"Mali\",\n\t\t\"code\": \"ML\"\n\t},\n\t{\n\t\t\"label\": \"Burma\",\n\t\t\"code\": \"MM\"\n\t},\n\t{\n\t\t\"label\": \"Mongoliet\",\n\t\t\"code\": \"MN\"\n\t},\n\t{\n\t\t\"label\": \"Macau\",\n\t\t\"code\": \"MO\"\n\t},\n\t{\n\t\t\"label\": \"Nordmarianerna\",\n\t\t\"code\": \"MP\"\n\t},\n\t{\n\t\t\"label\": \"Martinique\",\n\t\t\"code\": \"MQ\"\n\t},\n\t{\n\t\t\"label\": \"Mauretanien\",\n\t\t\"code\": \"MR\"\n\t},\n\t{\n\t\t\"label\": \"Montserrat\",\n\t\t\"code\": \"MS\"\n\t},\n\t{\n\t\t\"label\": \"Malta\",\n\t\t\"code\": \"MT\"\n\t},\n\t{\n\t\t\"label\": \"Mauritius\",\n\t\t\"code\": \"MU\"\n\t},\n\t{\n\t\t\"label\": \"Maldiverna\",\n\t\t\"code\": \"MV\"\n\t},\n\t{\n\t\t\"label\": \"Malawi\",\n\t\t\"code\": \"MW\"\n\t},\n\t{\n\t\t\"label\": \"Mexiko\",\n\t\t\"code\": \"MX\"\n\t},\n\t{\n\t\t\"label\": \"Malaysia\",\n\t\t\"code\": \"MY\"\n\t},\n\t{\n\t\t\"label\": \"Moçambique\",\n\t\t\"code\": \"MZ\"\n\t},\n\t{\n\t\t\"label\": \"Namibia\",\n\t\t\"code\": \"NA\"\n\t},\n\t{\n\t\t\"label\": \"Nya Kaledonien\",\n\t\t\"code\": \"NC\"\n\t},\n\t{\n\t\t\"label\": \"Niger\",\n\t\t\"code\": \"NE\"\n\t},\n\t{\n\t\t\"label\": \"Norfolkön\",\n\t\t\"code\": \"NF\"\n\t},\n\t{\n\t\t\"label\": \"Nigeria\",\n\t\t\"code\": \"NG\"\n\t},\n\t{\n\t\t\"label\": \"Nicaragua\",\n\t\t\"code\": \"NI\"\n\t},\n\t{\n\t\t\"label\": \"Nederländerna\",\n\t\t\"code\": \"NL\"\n\t},\n\t{\n\t\t\"label\": \"Norge\",\n\t\t\"code\": \"NO\"\n\t},\n\t{\n\t\t\"label\": \"Nepal\",\n\t\t\"code\": \"NP\"\n\t},\n\t{\n\t\t\"label\": \"Nauru\",\n\t\t\"code\": \"NR\"\n\t},\n\t{\n\t\t\"label\": \"Niue\",\n\t\t\"code\": \"NU\"\n\t},\n\t{\n\t\t\"label\": \"Nya Zeeland\",\n\t\t\"code\": \"NZ\"\n\t},\n\t{\n\t\t\"label\": \"Oman\",\n\t\t\"code\": \"OM\"\n\t},\n\t{\n\t\t\"label\": \"Panama\",\n\t\t\"code\": \"PA\"\n\t},\n\t{\n\t\t\"label\": \"Peru\",\n\t\t\"code\": \"PE\"\n\t},\n\t{\n\t\t\"label\": \"Franska Polynesien\",\n\t\t\"code\": \"PF\"\n\t},\n\t{\n\t\t\"label\": \"Papua Nya Guinea\",\n\t\t\"code\": \"PG\"\n\t},\n\t{\n\t\t\"label\": \"Filippinerna\",\n\t\t\"code\": \"PH\"\n\t},\n\t{\n\t\t\"label\": \"Pakistan\",\n\t\t\"code\": \"PK\"\n\t},\n\t{\n\t\t\"label\": \"Polen\",\n\t\t\"code\": \"PL\"\n\t},\n\t{\n\t\t\"label\": \"Saint-Pierre och Miquelon\",\n\t\t\"code\": \"PM\"\n\t},\n\t{\n\t\t\"label\": \"Pitcairnöarna\",\n\t\t\"code\": \"PN\"\n\t},\n\t{\n\t\t\"label\": \"Puerto Rico\",\n\t\t\"code\": \"PR\"\n\t},\n\t{\n\t\t\"label\": \"Portugal\",\n\t\t\"code\": \"PT\"\n\t},\n\t{\n\t\t\"label\": \"Palau\",\n\t\t\"code\": \"PW\"\n\t},\n\t{\n\t\t\"label\": \"Paraguay\",\n\t\t\"code\": \"PY\"\n\t},\n\t{\n\t\t\"label\": \"Qatar\",\n\t\t\"code\": \"QA\"\n\t},\n\t{\n\t\t\"label\": \"Réunion\",\n\t\t\"code\": \"RE\"\n\t},\n\t{\n\t\t\"label\": \"Rumänien\",\n\t\t\"code\": \"RO\"\n\t},\n\t{\n\t\t\"label\": \"Serbien\",\n\t\t\"code\": \"RS\"\n\t},\n\t{\n\t\t\"label\": \"Ryssland\",\n\t\t\"code\": \"RU\"\n\t},\n\t{\n\t\t\"label\": \"Rwanda\",\n\t\t\"code\": \"RW\"\n\t},\n\t{\n\t\t\"label\": \"Saudiarabien\",\n\t\t\"code\": \"SA\"\n\t},\n\t{\n\t\t\"label\": \"Salomonöarna\",\n\t\t\"code\": \"SB\"\n\t},\n\t{\n\t\t\"label\": \"Seychellerna\",\n\t\t\"code\": \"SC\"\n\t},\n\t{\n\t\t\"label\": \"Sudan\",\n\t\t\"code\": \"SD\"\n\t},\n\t{\n\t\t\"label\": \"Sverige\",\n\t\t\"code\": \"SE\"\n\t},\n\t{\n\t\t\"label\": \"Singapore\",\n\t\t\"code\": \"SG\"\n\t},\n\t{\n\t\t\"label\": \"Sankta Helena\",\n\t\t\"code\": \"SH\"\n\t},\n\t{\n\t\t\"label\": \"Slovenien\",\n\t\t\"code\": \"SI\"\n\t},\n\t{\n\t\t\"label\": \"Svalbard och Jan Mayen\",\n\t\t\"code\": \"SJ\"\n\t},\n\t{\n\t\t\"label\": \"Slovakien\",\n\t\t\"code\": \"SK\"\n\t},\n\t{\n\t\t\"label\": \"Sierra Leone\",\n\t\t\"code\": \"SL\"\n\t},\n\t{\n\t\t\"label\": \"San Marino\",\n\t\t\"code\": \"SM\"\n\t},\n\t{\n\t\t\"label\": \"Senegal\",\n\t\t\"code\": \"SN\"\n\t},\n\t{\n\t\t\"label\": \"Somalia\",\n\t\t\"code\": \"SO\"\n\t},\n\t{\n\t\t\"label\": \"Surinam\",\n\t\t\"code\": \"SR\"\n\t},\n\t{\n\t\t\"label\": \"São Tomé och Príncipe\",\n\t\t\"code\": \"ST\"\n\t},\n\t{\n\t\t\"label\": \"El Salvador\",\n\t\t\"code\": \"SV\"\n\t},\n\t{\n\t\t\"label\": \"Syrien\",\n\t\t\"code\": \"SY\"\n\t},\n\t{\n\t\t\"label\": \"Swaziland\",\n\t\t\"code\": \"SZ\"\n\t},\n\t{\n\t\t\"label\": \"Turks- och Caicosöarna\",\n\t\t\"code\": \"TC\"\n\t},\n\t{\n\t\t\"label\": \"Tchad\",\n\t\t\"code\": \"TD\"\n\t},\n\t{\n\t\t\"label\": \"Franska södra territorierna\",\n\t\t\"code\": \"TF\"\n\t},\n\t{\n\t\t\"label\": \"Togo\",\n\t\t\"code\": \"TG\"\n\t},\n\t{\n\t\t\"label\": \"Thailand\",\n\t\t\"code\": \"TH\"\n\t},\n\t{\n\t\t\"label\": \"Tadzjikistan\",\n\t\t\"code\": \"TJ\"\n\t},\n\t{\n\t\t\"label\": \"Tokelauöarna\",\n\t\t\"code\": \"TK\"\n\t},\n\t{\n\t\t\"label\": \"Östtimor a.k.a. Timor-Leste\",\n\t\t\"code\": \"TL\"\n\t},\n\t{\n\t\t\"label\": \"Turkmenistan\",\n\t\t\"code\": \"TM\"\n\t},\n\t{\n\t\t\"label\": \"Tunisien\",\n\t\t\"code\": \"TN\"\n\t},\n\t{\n\t\t\"label\": \"Tonga\",\n\t\t\"code\": \"TO\"\n\t},\n\t{\n\t\t\"label\": \"Östtimor\",\n\t\t\"code\": \"TP\"\n\t},\n\t{\n\t\t\"label\": \"Turkiet\",\n\t\t\"code\": \"TR\"\n\t},\n\t{\n\t\t\"label\": \"Trinidad och Tobago\",\n\t\t\"code\": \"TT\"\n\t},\n\t{\n\t\t\"label\": \"Tuvalu\",\n\t\t\"code\": \"TV\"\n\t},\n\t{\n\t\t\"label\": \"Taiwan\",\n\t\t\"code\": \"TW\"\n\t},\n\t{\n\t\t\"label\": \"Tanzania\",\n\t\t\"code\": \"TZ\"\n\t},\n\t{\n\t\t\"label\": \"Ukraina\",\n\t\t\"code\": \"UA\"\n\t},\n\t{\n\t\t\"label\": \"Uganda\",\n\t\t\"code\": \"UG\"\n\t},\n\t{\n\t\t\"label\": \"USA:s yttre öar\",\n\t\t\"code\": \"UM\"\n\t},\n\t{\n\t\t\"label\": \"USA\",\n\t\t\"code\": \"US\"\n\t},\n\t{\n\t\t\"label\": \"Uruguay\",\n\t\t\"code\": \"UY\"\n\t},\n\t{\n\t\t\"label\": \"Uzbekistan\",\n\t\t\"code\": \"UZ\"\n\t},\n\t{\n\t\t\"label\": \"Vatikanstaten\",\n\t\t\"code\": \"VA\"\n\t},\n\t{\n\t\t\"label\": \"Saint Vincent och Grenadinerna\",\n\t\t\"code\": \"VC\"\n\t},\n\t{\n\t\t\"label\": \"Venezuela\",\n\t\t\"code\": \"VE\"\n\t},\n\t{\n\t\t\"label\": \"Brittiska Jungfruöarna\",\n\t\t\"code\": \"VG\"\n\t},\n\t{\n\t\t\"label\": \"Amerikanska Jungfruöarna\",\n\t\t\"code\": \"VI\"\n\t},\n\t{\n\t\t\"label\": \"Vietnam\",\n\t\t\"code\": \"VN\"\n\t},\n\t{\n\t\t\"label\": \"Vanuatu\",\n\t\t\"code\": \"VU\"\n\t},\n\t{\n\t\t\"label\": \"Wallis- och Futunaöarna\",\n\t\t\"code\": \"WF\"\n\t},\n\t{\n\t\t\"label\": \"Samoa\",\n\t\t\"code\": \"WS\"\n\t},\n\t{\n\t\t\"label\": \"Jemen\",\n\t\t\"code\": \"YE\"\n\t},\n\t{\n\t\t\"label\": \"Mayotte\",\n\t\t\"code\": \"YT\"\n\t},\n\t{\n\t\t\"label\": \"Sydafrika\",\n\t\t\"code\": \"ZA\"\n\t},\n\t{\n\t\t\"label\": \"Zambia\",\n\t\t\"code\": \"ZM\"\n\t},\n\t{\n\t\t\"label\": \"Zimbabwe\",\n\t\t\"code\": \"ZW\"\n\t}\n];\n\n\n// WEBPACK FOOTER //\n// ./src/helpers/countries.js","/**\r\n * Partner specific configuration of the POA view\r\n */\r\nexport default {\r\n\t\"nordfk-cob\": {\r\n\t\tshowFullmakt: true,\r\n\t\tshowInsynsfullmakt: true,\r\n\t\tshowForvaltarfullmakt: true,\r\n\r\n\t\tshowAttachFullmaktWarning: true,\r\n\t\tforceAtLeastOneForvaltarfullmakt: false,\r\n\t\tshowLongLabelForvaltarfullmakt: false\r\n\t},\r\n\t\"auagfonder\": {\r\n\t\tshowFullmakt: false,\r\n\t\tshowInsynsfullmakt: false,\r\n\t\tshowForvaltarfullmakt: true,\r\n\r\n\t\tshowAttachFullmaktWarning: true,\r\n\t\tforceAtLeastOneForvaltarfullmakt: false,\r\n\t\tshowLongLabelForvaltarfullmakt: false\r\n\t},\r\n\t\"alfakraft\": {\r\n\t\tshowFullmakt: false,\r\n\t\tshowInsynsfullmakt: false,\r\n\t\tshowForvaltarfullmakt: true,\r\n\r\n\t\tshowAttachFullmaktWarning: true,\r\n\t\tforceAtLeastOneForvaltarfullmakt: true,\r\n\t\tshowLongLabelForvaltarfullmakt: true\r\n\t}\r\n};\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Poa/PoaConfig.js","export default {\r\n\t\"odin\": {\r\n\t\tComponent: require(\"./odin/Fields/Fields\").default,\r\n\t\tfulfillmentCheck: require(\"./odin/Fields/Fields.fulfillment\").default,\r\n\t},\r\n\t\"nordfk-cob\": {\r\n\t\tComponent: require(\"./nordfk-cob/Fields/Fields\").default,\r\n\t\tfulfillmentCheck: require(\"./nordfk-cob/Fields/Fields.fulfillment\").default,\r\n\t},\r\n\t\"auagfonder\": {\r\n\t\tComponent: require(\"./auagfonder/Fields/Fields\").default,\r\n\t\tfulfillmentCheck: require(\"./auagfonder/Fields/Fields.fulfillment\").default,\r\n\t},\r\n\t\"alfakraft\": {\r\n\t\tComponent: require(\"./alfakraft/Fields/Fields\").default,\r\n\t\tfulfillmentCheck: require(\"./alfakraft/Fields/Fields.fulfillment\").default,\r\n\t},\r\n\t\"fair-gds-oppna\": {\r\n\t\tComponent: require(\"./fair-gds-oppna/Fields/Fields\").default,\r\n\t\tfulfillmentCheck: require(\"./fair-gds-oppna/Fields/Fields.fulfillment\").default,\r\n\t}\r\n};\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/index.js","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n\n'use strict';\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 = 52\n// module chunks = 0","export default function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@babel/runtime/helpers/esm/extends.js\n// module id = 53\n// module chunks = 0","import createStore from './createStore';\nimport combineReducers from './combineReducers';\nimport bindActionCreators from './bindActionCreators';\nimport applyMiddleware from './applyMiddleware';\nimport compose from './compose';\nimport warning from './utils/warning';\n\n/*\n* This is a dummy function to check if the function name has been altered by minification.\n* If the function has been minified and NODE_ENV !== 'production', warn the user.\n*/\nfunction isCrushed() {}\n\nif (process.env.NODE_ENV !== 'production' && typeof isCrushed.name === 'string' && isCrushed.name !== 'isCrushed') {\n warning('You are currently using minified code outside of NODE_ENV === \\'production\\'. ' + 'This means that you are running a slower development build of Redux. ' + 'You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify ' + 'or DefinePlugin for webpack (http://stackoverflow.com/questions/30030031) ' + 'to ensure you have the correct code for your production build.');\n}\n\nexport { createStore, combineReducers, bindActionCreators, applyMiddleware, compose };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/redux/es/index.js\n// module id = 54\n// module chunks = 0","var _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\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nimport warning from \"warning\";\nimport invariant from \"invariant\";\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\n\n/**\n * The public API for putting history on context.\n */\n\nvar Router = function (_React$Component) {\n _inherits(Router, _React$Component);\n\n function Router() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, Router);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {\n match: _this.computeMatch(_this.props.history.location.pathname)\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n Router.prototype.getChildContext = function getChildContext() {\n return {\n router: _extends({}, this.context.router, {\n history: this.props.history,\n route: {\n location: this.props.history.location,\n match: this.state.match\n }\n })\n };\n };\n\n Router.prototype.computeMatch = function computeMatch(pathname) {\n return {\n path: \"/\",\n url: \"/\",\n params: {},\n isExact: pathname === \"/\"\n };\n };\n\n Router.prototype.componentWillMount = function componentWillMount() {\n var _this2 = this;\n\n var _props = this.props,\n children = _props.children,\n history = _props.history;\n\n\n invariant(children == null || React.Children.count(children) === 1, \"A {requiredSymbol === true ? \"*\" : icon}
\r\n\t\t\n \n
\n );\n }\n\n // Internal methods\n _onBackdropClick = () => this.props.onClose();\n\n // Static components\n static Button(props) {\n return (\n \n );\n }\n\n static ButtonsContainer({ children }) {\n return (\n \n
\n \n { !!title && (\n
\n \n { !!statusIcon &&
\n )}\n\n { children }\n { statusIcon }
}\n { title }\n \r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t\tssnTextFieldDescription = (\r\n\t\t\t\t\r\n\t\t\t\t\tFör privatpersoner kommer en ISK att öppnas.\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t\tssnTextField = (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t\tssnTextFieldDescription = (\r\n\t\t\t\t\r\n\t\t\t\t\tFör juridiska personer kommer ett depåkonto att öppnas.\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t\tssnTextField = (\r\n\t\t\t\t\r\n\t\t\t\t\t{partner.allowCompany ? \"Var vänlig fyll i person- eller organisationsnummer (12 siffror).\" : \"Var vänlig fyll i personnummer (12 siffror).\"}\r\n\t\t\t\t
\r\n\t\t\t);\r\n\r\n\t\t\tif (partner.name === 'fair-ag' || partner.name === 'glofitech-ag') {\r\n\t\t\t\tssnTextFieldLabel = null;\r\n\t\t\t}\r\n\r\n\t\t\tssnTextFieldDescription = \"\";\r\n\t\t\tssnTextField = (\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\r\n\t\t\t\t{assentlyStatus && assentlyStatus.length > 0 && (\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_setCompanyType = (value) => {\r\n\t\tif (value) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tpersonTypeSelected: \"company\"\r\n\t\t\t}, () => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tssnOrgType: this._validateSsnOrg(this.state.ssnOrg).type,\r\n\t\t\t\t\tssnOrgValid: this._validateSsnOrg(this.state.ssnOrg).valid ? true : null\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tthis.setState({\r\n\t\t\t\tpersonTypeSelected: \"individual\",\r\n\t\t\t}, () => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tssnOrgType: this._validateSsnOrg(this.state.ssnOrg).type,\r\n\t\t\t\t\tssnOrgValid: this._validateSsnOrg(this.state.ssnOrg).valid ? true : null\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\t// Internal methods\r\n\t_validateSsnOrg = (value) => {\r\n\t\tconst {partner} = this.props.app;\r\n\t\tvalue = value.replace(/-/g, \"\");\r\n\r\n\t\tif (value.length !== 12) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tconst isValidPerson = Validator.validateSsn(value, partner.allowShortSsn);\r\n\t\tconst isValidCompany = Validator.validateOrgNum(value, partner.allowShortSsn);\r\n\r\n\t\tif (this.state.personTypeSelected === 'individual') {\r\n\t\t\treturn {\r\n\t\t\t\ttype: !isValidPerson ? null : \"person\",\r\n\t\t\t\tvalid: value ? isValidPerson : null\r\n\t\t\t};\r\n\t\t}\r\n\t\telse if (this.state.personTypeSelected === 'company') {\r\n\t\t\treturn {\r\n\t\t\t\ttype: !isValidCompany ? null : \"company\",\r\n\t\t\t\tvalid: value ? isValidCompany : null\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tif (partner.allowCompany) {\r\n\t\t\tconst isValid = isValidPerson || isValidCompany;\r\n\t\t\treturn {\r\n\t\t\t\ttype: !isValid ? null : (isValidCompany ? \"company\" : \"person\"),\r\n\t\t\t\tvalid: value ? isValid : null\r\n\t\t\t};\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconst isValid = isValidPerson;\r\n\t\t\treturn {\r\n\t\t\t\ttype: !isValid ? null : (isValidPerson ? \"person\" : \"company\"),\r\n\t\t\t\tvalid: value ? isValid : null\r\n\t\t\t};\r\n\t\t}\r\n\t};\r\n\r\n\t_onSsnOrgChange = (value) => {\r\n\t\tconst ssnOrgValidated = this._validateSsnOrg(value);\r\n\r\n\t\tthis.setState({\r\n\t\t\tssnOrg: value,\r\n\t\t\tssnOrgType: ssnOrgValidated.type,\r\n\t\t\tssnOrgValid: ssnOrgValidated.valid ? true : null,\r\n\t\t});\r\n\t};\r\n\r\n\t_onSsnOrgBlur = () => this.setState({ssnOrgValid: this._validateSsnOrg(this.state.ssnOrg).valid});\r\n\r\n\t_onContinue = () => {\r\n\t\tif (this.state.ssnOrgValid) {\r\n\t\t\tconst {actions} = this.props;\r\n\r\n\t\t\tthis.setState({busy: true}, async () => {\r\n\t\t\t\tawait delay(1000);\r\n\t\t\t\tconst {props, state} = this;\r\n\t\t\t\tconst {app, onLookupDataLoaded} = props;\r\n\t\t\t\tconst {session, partner} = app;\r\n\r\n\t\t\t\ttry {\r\n\t\t\t\t\tawait session.loadLookupData({\r\n\t\t\t\t\t\ttype: partner.allowCompany ? state.ssnOrgType : \"person\",\r\n\t\t\t\t\t\tvalue: state.ssnOrg.replace(/-/g, \"\"),\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tthis.setState({busy: false}, onLookupDataLoaded);\r\n\t\t\t\t}\r\n\t\t\t\tcatch (e) {\r\n\t\t\t\t\tthis.setState({busy: false}, async () => {\r\n\t\t\t\t\t\tif (e.message === \"REQUEST_TIMED_OUT\") {\r\n\t\t\t\t\t\t\tawait actions.openErrorModal({\r\n\t\t\t\t\t\t\t\ttitle: \"Ett fel uppstod\",\r\n\t\t\t\t\t\t\t\tbody: \"Anropet tog för lång tid. Vänligen försök igen.\",\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse if (e.message === 'FRAUD_FLAG') {\r\n\t\t\t\t\t\t\tawait actions.openErrorModal({\r\n\t\t\t\t\t\t\t\ttitle: \"Personnummer spärrat\",\r\n\t\t\t\t\t\t\t\tbody: \"Ditt personnummer är låst via en extern ID-spärr. Kontrollera med ditt \" +\r\n\t\t\t\t\t\t\t\t\t\"kreditupplysningsföretag gällande status och för att eventuellt ta bort spärren.\",\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\tconsole.log(e.message);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getInitialState() {\r\n\tconst partner = this.props.app.partner;\r\n\treturn {\r\n\t\thidden: true,\r\n\t\tbusy: false,\r\n\t\tpersonTypeSelected: partner.allowPersonTypeChoice ? \"individual\" : \"\",\r\n\t\tssnOrg: AppConfig.env === \"development\" ? \"\" : \"\",\r\n\t\tssnOrgType: AppConfig.env === \"development\" ? null : null,\r\n\t\tssnOrgValid: AppConfig.env === \"development\" ? null : null,\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Start/Start.js","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// COMPONENTS\r\nimport StackLayout from \"@components/layouts/StackLayout/StackLayout\";\r\nimport {BankIdModal} from \"@glofitech/react-lib\";\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport Button from \"../../../../../components/Button/Button\";\r\nimport logoBankID from \"@assets/img/logo_bankid.png\";\r\nimport api from \"../../../../../helpers/api\";\r\n\r\nexport default class CobStart extends React.PureComponent\r\n{\r\n static propTypes = {\r\n onLookupDataLoaded: PropTypes.func.isRequired\r\n };\r\n\r\n state = _getInitialState.call(this);\r\n\r\n toggleBankIdModal = () =>\r\n {\r\n this.setState({\r\n ...this.state,\r\n showBankIdModal: !this.state.showBankIdModal\r\n });\r\n };\r\n\r\n handleLogin = async authData =>\r\n {\r\n try\r\n {\r\n const verificationResult = await api(\"/bankid/verify\", {\r\n identity_no: authData.personalNumber,\r\n token: authData.token\r\n });\r\n\r\n window.location = window.location.href + \"?context=\" + verificationResult.context;\r\n }\r\n catch (ex)\r\n {\r\n alert(\"Fel vid inloggning med BankID\");\r\n }\r\n };\r\n\r\n render()\r\n {\r\n const {props} = this;\r\n const {app} = props;\r\n const {partner} = app;\r\n const classes = createClassName(\"Cob-Start\", {});\r\n\r\n return (\r\n {partner.welcomeTitle}
\r\n\r\n\t\t\t\t\t{partner.welcomeSubtitle && (\r\n\t\t\t\t\t\t{partner.welcomeSubtitle}
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{welcomeParagraph && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{ssnTextFieldLabel}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{partner.welcomeDisclaimer && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{partner.welcomeDisclaimer}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\tDriftstörning Assently (digital signering)\r\n\t\t\t\t\t\tFör närvarande påverkas följande system: {assentlyStatus.join(\", \")}
\r\n\t\t\t\t\t\tFör mer information, klicka här\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\tFör mer information, klicka här\r\n\t\t\t\t\t
\r\n \r\n 
\r\n\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getInitialState()\r\n{\r\n return {\r\n showBankIdModal: false,\r\n hidden: true,\r\n busy: false\r\n };\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Start/login/Start.js","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// COMPONENTS\r\nimport StackLayout from \"@components/layouts/StackLayout/StackLayout\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\nexport default class CobStart extends React.PureComponent {\r\n\r\n\tstatic propTypes = {\r\n\t\tonLookupDataLoaded: PropTypes.func.isRequired,\r\n\t};\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {app} = props;\r\n\t\tconst {partner} = app;\r\n\t\tconst classes = createClassName(\"Cob-Start\", {});\r\n\r\n\t\treturn (\r\n\t\t\t{partner.welcomeTitle}
\r\n\r\n {partner.welcomeSubtitle && (\r\n{partner.welcomeSubtitle}
\r\n )}\r\n\r\n\r\n Logga in med BankID genom att klicka på knappen \"Legitimera\" ovan.\r\n
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getInitialState() {\r\n\treturn {\r\n\t\thidden: true,\r\n\t\tbusy: false,\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Start/restricted/Start.js","import React from \"react\";\r\n\r\n// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport Button from \"@components/Button/Button\";\r\nimport Form from \"@components/Form/Form\";\r\nimport StackLayout from \"@components/layouts/StackLayout/StackLayout\";\r\nimport TextField from \"@components/TextField/TextField\";\r\n\r\n// HELPERS\r\nimport {createClassName, delay} from \"@helpers/utils\";\r\nimport api from \"../../../../../helpers/api\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport i18n from \"../../../../../helpers/i18n\";\r\n\r\nexport default class CobStart extends React.PureComponent {\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {app, assentlyStatus} = props;\r\n\t\tconst {partner} = app;\r\n\t\tconst classes = createClassName(\"Cob-Start\", {});\r\n\r\n\t\tlet apiUrl = AppConfig.get(\"apiUrl\");\r\n\t\tif (apiUrl === \"/\") {\r\n\t\t\tapiUrl = window.location.protocol + '//' + window.location.hostname;\r\n\t\t}\r\n\r\n if (process.env.NODE_ENV === \"development\") {\r\n const apiServerPort = AppConfig.get(\"developmentOptions\").apiServerPort; \r\n apiUrl = apiServerPort ? apiUrl + \":\" + apiServerPort : apiUrl;\r\n }\r\n\r\n\t\tlet welcomeParagraph = partner.welcomeParagraph;\r\n\t\tif (welcomeParagraph) {\r\n\t\t\twelcomeParagraph = welcomeParagraph.replace(new RegExp(\"#API#\", 'g'), apiUrl);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t{partner.welcomeTitle}
\r\n\r\n\t\t\t\t\t{partner.welcomeSubtitle && (\r\n\t\t\t\t\t\t{partner.welcomeSubtitle}
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tDen här funktionen går enbart att komma åt via rådgivingsapplikationen. \r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{partner.welcomeSubtitle && (\r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t{assentlyStatus && assentlyStatus.length > 0 && (\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_validateSsnOrg = (value) => {\r\n\t\tconst {partner} = this.props.app;\r\n\t\tvalue = value.replace(/-/g, \"\");\r\n\r\n\t\tif (value.length !== 12) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tconst isValidPerson = Validator.validateSsn(value, partner.allowShortSsn);\r\n\t\tconst isValidCompany = false;\r\n\r\n\t\tif (this.state.personTypeSelected === 'individual') {\r\n\t\t\treturn {\r\n\t\t\t\ttype: !isValidPerson ? null : \"person\",\r\n\t\t\t\tvalid: value ? isValidPerson : null\r\n\t\t\t};\r\n\t\t}\r\n\t\telse if (this.state.personTypeSelected === 'company') {\r\n\t\t\treturn {\r\n\t\t\t\ttype: !isValidCompany ? null : \"company\",\r\n\t\t\t\tvalid: value ? isValidCompany : null\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tif (partner.allowCompany) {\r\n\t\t\tconst isValid = isValidPerson || isValidCompany;\r\n\t\t\treturn {\r\n\t\t\t\ttype: !isValid ? null : (isValidCompany ? \"company\" : \"person\"),\r\n\t\t\t\tvalid: value ? isValid : null\r\n\t\t\t};\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconst isValid = isValidPerson;\r\n\t\t\treturn {\r\n\t\t\t\ttype: !isValid ? null : (isValidPerson ? \"person\" : \"company\"),\r\n\t\t\t\tvalid: value ? isValid : null\r\n\t\t\t};\r\n\t\t}\r\n\t};\r\n\r\n\t_onEmailChange = (name, value) => {\r\n\t\tconst emailValid = Validator.validateEmail(value);\r\n\r\n\t\tthis.setState({\r\n\t\t\tcustomer_email: value,\r\n\t\t\tcustomer_email_valid: emailValid\r\n\t\t});\r\n\t};\r\n\r\n\t_onSsnOrgChange = (value) => {\r\n\t\tconst ssnOrgValidated = this._validateSsnOrg(value);\r\n\r\n\t\tthis.setState({\r\n\t\t\tssnOrg: value,\r\n\t\t\tssnOrgType: ssnOrgValidated.type,\r\n\t\t\tssnOrgValid: ssnOrgValidated.valid ? true : null,\r\n\t\t});\r\n\t};\r\n\r\n\t_onSsnOrgBlur = () => this.setState({ssnOrgValid: this._validateSsnOrg(this.state.ssnOrg).valid});\r\n\t_onEmailBlur = () => this.setState({customer_email_valid: Validator.validateEmail(this.state.customer_email)});\r\n\r\n\t_onContinue = () => {\r\n\t\tif (this.state.ssnOrgValid) {\r\n\t\t\tconst {actions} = this.props;\r\n\r\n\t\t\tthis.setState({busy: true}, async () => {\r\n\t\t\t\tawait delay(1000);\r\n\t\t\t\tconst {props, state} = this;\r\n\t\t\t\tconst {app} = props;\r\n\t\t\t\tconst {session, partner} = app;\r\n\r\n\t\t\t\ttry {\r\n\t\t\t\t\tawait session.loadLookupData({\r\n\t\t\t\t\t\ttype: partner.allowCompany ? state.ssnOrgType : \"person\",\r\n\t\t\t\t\t\tvalue: state.ssnOrg.replace(/-/g, \"\"),\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tconst response = await api(\"/assently/sendCaseDraft\", {\r\n\t\t\t\t\t\tformFields: {\r\n\t\t\t\t\t\t\tcustomer_social_security_number: state.ssnOrg,\r\n\t\t\t\t\t\t\tcustomer_firstname: session.lookupData[\"firstName\"],\r\n\t\t\t\t\t\t\tcustomer_lastname: session.lookupData[\"lastName\"],\r\n\t\t\t\t\t\t\tcustomer_address_street: session.lookupData[\"street\"],\r\n\t\t\t\t\t\t\tcustomer_address_zipcode: session.lookupData[\"zipCode\"],\r\n\t\t\t\t\t\t\tcustomer_address_city: session.lookupData[\"city\"],\r\n\t\t\t\t\t\t\tcustomer_email: state.customer_email\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (response.signatories) {\r\n\t\t\t\t\t\twindow.location = response.signatories[0].PartyUrl;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\tthis.setState({busy: false});\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tcatch (e) {\r\n\t\t\t\t\tthis.setState({busy: false}, async () => {\r\n\t\t\t\t\t\tif (e.message === \"REQUEST_TIMED_OUT\") {\r\n\t\t\t\t\t\t\tawait actions.openErrorModal({\r\n\t\t\t\t\t\t\t\ttitle: \"Ett fel uppstod\",\r\n\t\t\t\t\t\t\t\tbody: \"Anropet tog för lång tid. Vänligen försök igen.\",\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse if (e.message === 'FRAUD_FLAG') {\r\n\t\t\t\t\t\t\tawait actions.openErrorModal({\r\n\t\t\t\t\t\t\t\ttitle: \"Personnummer spärrat\",\r\n\t\t\t\t\t\t\t\tbody: \"Ditt personnummer är låst via en extern ID-spärr. Kontrollera med ditt \" +\r\n\t\t\t\t\t\t\t\t\t\"kreditupplysningsföretag gällande status och för att eventuellt ta bort spärren.\",\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\tconsole.log(e.message);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getInitialState() {\r\n\tconst partner = this.props.app.partner;\r\n\treturn {\r\n\t\thidden: true,\r\n\t\tbusy: false,\r\n\t\tpersonTypeSelected: partner.allowPersonTypeChoice ? \"individual\" : \"\",\r\n\t\tcustomer_email: \"\",\r\n\t\tcustomer_email_valid: false,\r\n\t\tssnOrg: AppConfig.env === \"development\" ? \"\" : \"\",\r\n\t\tssnOrgType: AppConfig.env === \"development\" ? null : null,\r\n\t\tssnOrgValid: AppConfig.env === \"development\" ? null : null,\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Start/simplified/Start.js","/**\n * Prints a warning in the console if it exists.\n *\n * @param {String} message The warning message.\n * @returns {void}\n */\nexport default function warning(message) {\n /* eslint-disable no-console */\n if (typeof console !== 'undefined' && typeof console.error === 'function') {\n console.error(message);\n }\n /* eslint-enable no-console */\n\n\n try {\n // This error was thrown as a convenience so that if you enable\n // \"break on all exceptions\" in your console,\n // it would pause the execution at this line.\n throw new Error(message);\n /* eslint-disable no-empty */\n } catch (e) {}\n /* eslint-enable no-empty */\n\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-redux/es/utils/warning.js\n// module id = 70\n// module chunks = 0","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\n// module id = 71\n// module chunks = 0","import _ConnectedRouter from './ConnectedRouter';\nexport { _ConnectedRouter as ConnectedRouter };\n\nexport { getLocation, createMatchSelector } from './selectors';\nexport { LOCATION_CHANGE, routerReducer } from './reducer';\nexport { CALL_HISTORY_METHOD, push, replace, go, goBack, goForward, routerActions } from './actions';\nimport _routerMiddleware from './middleware';\nexport { _routerMiddleware as routerMiddleware };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router-redux/es/index.js\n// module id = 72\n// module chunks = 0","import pathToRegexp from \"path-to-regexp\";\n\nvar patternCache = {};\nvar cacheLimit = 10000;\nvar cacheCount = 0;\n\nvar compileGenerator = function compileGenerator(pattern) {\n var cacheKey = pattern;\n var cache = patternCache[cacheKey] || (patternCache[cacheKey] = {});\n\n if (cache[pattern]) return cache[pattern];\n\n var compiledGenerator = pathToRegexp.compile(pattern);\n\n if (cacheCount < cacheLimit) {\n cache[pattern] = compiledGenerator;\n cacheCount++;\n }\n\n return compiledGenerator;\n};\n\n/**\n * Public API for generating a URL pathname from a pattern and parameters.\n */\nvar generatePath = function generatePath() {\n var pattern = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"/\";\n var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n if (pattern === \"/\") {\n return pattern;\n }\n var generator = compileGenerator(pattern);\n return generator(params, { pretty: true });\n};\n\nexport default generatePath;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router/es/generatePath.js\n// module id = 73\n// module chunks = 0","var _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\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nimport warning from \"warning\";\nimport invariant from \"invariant\";\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport matchPath from \"./matchPath\";\n\nvar isEmptyChildren = function isEmptyChildren(children) {\n return React.Children.count(children) === 0;\n};\n\n/**\n * The public API for matching a single path and rendering.\n */\n\nvar Route = function (_React$Component) {\n _inherits(Route, _React$Component);\n\n function Route() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, Route);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {\n match: _this.computeMatch(_this.props, _this.context.router)\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n Route.prototype.getChildContext = function getChildContext() {\n return {\n router: _extends({}, this.context.router, {\n route: {\n location: this.props.location || this.context.router.route.location,\n match: this.state.match\n }\n })\n };\n };\n\n Route.prototype.computeMatch = function computeMatch(_ref, router) {\n var computedMatch = _ref.computedMatch,\n location = _ref.location,\n path = _ref.path,\n strict = _ref.strict,\n exact = _ref.exact,\n sensitive = _ref.sensitive;\n\n if (computedMatch) return computedMatch; // {partner.welcomeSubtitle}
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{welcomeParagraph && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{partner.welcomeDisclaimer && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{partner.welcomeDisclaimer}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tDriftstörning Assently (digital signering)\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\tFör närvarande påverkas följande system: {assentlyStatus.join(\", \")}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tFör mer information, klicka här\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tFör mer information, klicka här\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\n { children }\n
\n \n );\n }\n\n // Internal methods\n _onKeyPress = (e) => {\n const { props } = this;\n const { key } = e;\n \n if(key === \"Enter\" && e.target.nodeName !== \"TEXTAREA\") {\n e.preventDefault();\n if(props.submitOnEnter === true) this._onSubmit();\n }\n }\n\n _onSubmit = (e) => {\n const { defaultFieldValue, onSubmit } = this.props;\n \n if(e) e.preventDefault();\n if(onSubmit) {\n const { form } = this;\n const result = serialize(form, {\n hash: true,\n empty: true,\n });\n \n // Loop through result to set default values\n for(const key in result) {\n let value = result[key];\n \n if(typeof value === \"object\") value = value[value.length-1];\n if(typeof value === \"undefined\" || value === \"\") value = defaultFieldValue;\n\n result[key] = value;\n }\n\n onSubmit(result);\n }\n }\n};\n\n\n// WEBPACK FOOTER //\n// ./src/components/Form/Form.js","// MODULES\r\nimport React from \"react\";\r\nimport Modal from \"../../../../components/Modal/Modal\";\r\nimport Checkbox from \"../../../../components/Checkbox/Checkbox\";\r\nimport Signatory from \"./Signatory\";\r\nimport i18n from \"../../../../helpers/i18n\";\r\n\r\nexport default class SignModal extends React.PureComponent {\r\n\tstate = _getInitialState.call(this);\r\n\r\n\trender() {\r\n\t\tconst {visible, title, buttonText, signOnScreenChecked, signOnScreenEnabled, onCloseModal, onSign, onSignOnScreenChange, isSigning, signatories, onSignatoryCheckedChanged} = this.props;\r\n\r\n\t\tconst signatoriesHeader = signatories.length === 1 ? i18n(\"general\", \"signatory\") : i18n(\"general\", \"signatories\");\r\n\t\tconst buttonCta = (buttonText === undefined || buttonText.length === 0) ? i18n(\"general\", \"sign_with_bank_id\") : buttonText;\r\n\r\n\t\treturn (\r\n\t\t\t{signatoriesHeader}
\r\n\r\n\t\t\t\t{signatories.map((signatoryData, index) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{signOnScreenChecked && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t{i18n(\"general\", \"sign_on_screen_text_1\")}
\r\n\r\n\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t
- {i18n(\"general\", \"sign_on_screen_text_2\")} \r\n\t\t\t\t\t\t\t\t
- {i18n(\"general\", \"sign_on_screen_text_3\")} \r\n\t\t\t\t\t\t\t\t
- {i18n(\"general\", \"sign_on_screen_text_4\")} \r\n\t\t\t\t\t\t\t
{i18n(\"general\", \"sign_on_screen_text_5\")}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t{selectable && (\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onSelectedChange = (selected) => {\r\n\t\tconst {data, index, selectedSignatoriesAmount, onChange} = this.props;\r\n\t\tif (data.selected === false || selectedSignatoriesAmount > 1) onChange({...data, selected}, index);\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/SignModal/Signatory.js","// MODULES\r\nimport React from \"react\";\r\nimport Modal from \"../../../../components/Modal/Modal\";\r\nimport i18n from \"../../../../helpers/i18n\";\r\n\r\nexport default class SignConfirmationModal extends React.PureComponent {\r\n\trender() {\r\n\t\tconst {visible, signUrls, onCloseModal, signOnNewTab, signatories} = this.props;\r\n\r\n\t\tfunction ShowSignatories(signUrls) {\r\n\r\n\t\t\tif (signUrls.signUrls.length === 1) {\r\n\t\t\t\treturn (\r\n \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{(!selectable || data.selected !== false) && (\r\n\t\t\t\t\t{data.firstName + \" \" + data.lastName}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{data.firstName}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{data.lastName}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{data.ssn}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{data.phone}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{data.email}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t{hasSmsSignatory ? i18n(\"general\", \"documents_sent_1_sms\") : i18n(\"general\", \"documents_sent_1\")}\r\n\t\t\t\t
\r\n\t\t\t\t{i18n(\"general\", \"documents_sent_2\")}
\r\n\r\n\t\t\t\t- \r\n\t\t\t\t\t
- {i18n(\"general\", \"documents_sent_signatories\")} \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/SignModal/SignConfirmationModal.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (!fields.checkbox_autogiro_single.checked && !fields.checkbox_autogiro_monthly.checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_autogiro_single.checked) {\r\n\t\tif (!optionsListValueSelected(fields.customer_autogiro_single_amount)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (fields.customer_autogiro_single_amount.options[2].checked && fields.customer_autogiro_single_amount_other.length <= 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (fields.checkbox_autogiro_monthly.checked) {\r\n\t\tif (!optionsListValueSelected(fields.customer_autogiro_monthly_amount)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (fields.customer_autogiro_monthly_amount.options[2].checked && fields.customer_autogiro_monthly_amount_other.length <= 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\treturn true;\r\n\r\n}\r\n\r\nfunction optionsListValueSelected(optionsList) {\r\n\tconst options = optionsList.options;\r\n\tfor (let i = 0; i < options.length; i++) {\r\n\t\tif (options[i].checked) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t}\r\n\treturn false;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/AmountSelection/AmountSelection.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n if (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n return true;\r\n }\r\n\r\n const { fields } = state;\r\n\r\n // for (const name in validFields) {\r\n // if (validFields[name] === false) {\r\n // return false;\r\n // }\r\n // }\r\n\r\n if (\r\n !fields.checkbox_autogiro_single.checked &&\r\n !fields.checkbox_autogiro_monthly.checked\r\n ) {\r\n return false;\r\n }\r\n\r\n if (fields.checkbox_autogiro_single.checked) {\r\n if (!optionsListValueSelected(fields.customer_autogiro_single_amount)) {\r\n return false;\r\n }\r\n if (\r\n fields.customer_autogiro_single_amount.options[2].checked &&\r\n fields.customer_autogiro_single_amount_other.length <= 0\r\n ) {\r\n return false;\r\n }\r\n }\r\n\r\n if (fields.checkbox_autogiro_monthly.checked) {\r\n if (!optionsListValueSelected(fields.customer_autogiro_monthly_amount)) {\r\n return false;\r\n }\r\n\r\n if (\r\n fields.customer_autogiro_monthly_amount.options[2].checked &&\r\n fields.customer_autogiro_monthly_amount_other.length <= 0\r\n ) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n}\r\n\r\nfunction optionsListValueSelected(optionsList) {\r\n const options = optionsList.options;\r\n for (let i = 0; i < options.length; i++) {\r\n if (options[i].checked) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/AmountSelectionSwishMC/AmountSelection.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\n\r\nimport FileDrop from \"@components/FileDrop/FileDrop\";\r\n\r\n// HELPERS\r\nimport {createClassName, localeNumber} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./AttachFiles.fulfillment\";\r\nimport DefaultFields from \"../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../Cob.helpers\";\r\nimport i18n from \"@helpers/i18n\";\r\n\r\n\r\nexport default class AttachFiles extends React.PureComponent {\r\n\r\n\tstatic fields = _getFields();\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {state} = this;\r\n\r\n\t\tconst totalDocsSize = state.docs.reduceRight((a, b) => a + Math.round(b.size / 1024), 0);\r\n\t\tconst maxUploadFileSize = 8192; // 8 MB\r\n\r\n\t\tconst classes = createClassName(\"Cob-AttachFiles\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t\t\"size-exceeded\": totalDocsSize > maxUploadFileSize\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onDocDrop = (documents) => {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {session} = props;\r\n\r\n\t\tconst docs = [...state.docs];\r\n\t\tconst docNames = [...state.docNames];\r\n\r\n\t\tfor (let i = 0, n = documents.length; i < n; i++) {\r\n\t\t\tconst doc = documents[i];\r\n\r\n\t\t\t// Prevent duplicates\r\n\t\t\tif (docNames.indexOf(doc.name) !== -1) {\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\r\n\t\t\tdocs.push({\r\n\t\t\t\tname: doc.name,\r\n\t\t\t\tsize: doc.size\r\n\t\t\t});\r\n\r\n\t\t\tdocNames.push(doc.name);\r\n\r\n\t\t\tsession.addDocument({\r\n\t\t\t\tname: doc.name,\r\n\t\t\t\tsize: doc.size,\r\n\t\t\t\tdata: doc.data\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.setState({docs, docNames}, () => {\r\n\t\t\tconst {app} = this.props;\r\n\t\t\tconst isFulfilled = fulfillmentCheck(this.props, this.state);\r\n\t\t\tconst fulfilledViewsById = {...app.fulfilledViewsById};\r\n\t\t\tif (isFulfilled) {\r\n\t\t\t\tfulfilledViewsById[\"attachfiles\"] = true;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tdelete fulfilledViewsById[\"attachfiles\"];\r\n\t\t\t}\r\n\t\t\tthis.props.actions.setAppState({fulfilledViewsById});\r\n\t\t});\r\n\t};\r\n\r\n\t_onDocRemove = (index) => {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {session} = props;\r\n\t\tconst docs = [...state.docs].filter((d, i) => i !== index);\r\n\t\tconst docNames = [...state.docNames].filter((d, i) => i !== index);\r\n\r\n\t\tsession.removeDocumentAtIndex(index);\r\n\r\n\t\tthis.setState({docs, docNames}, () => {\r\n\t\t\tconst {app} = this.props;\r\n\t\t\tconst isFulfilled = fulfillmentCheck(this.props, this.state);\r\n\t\t\tconst fulfilledViewsById = {...app.fulfilledViewsById};\r\n\t\t\tif (isFulfilled) {\r\n\t\t\t\tfulfilledViewsById[\"attachfiles\"] = true;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tdelete fulfilledViewsById[\"attachfiles\"];\r\n\t\t\t}\r\n\t\t\tthis.props.actions.setAppState({fulfilledViewsById});\r\n\t\t});\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\tisFulfilled: true,\r\n\t\tdocs: [],\r\n\t\tdocNames: [],\r\n\t\tfields: {},\r\n\t\tvalidFields: {}\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE COMPONENTS\r\nclass DocsList extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {items, totalSize, maxSize, onDocRemove} = props;\r\n\t\tconst classes = createClassName(\"Cob-AttachFiles-DocsList\", {});\r\n\r\n\t\treturn (\r\n\t\t\t{i18n(\"attach_files\", \"header\")}
\r\n\t\t\t\t{i18n(\"attach_files\", \"text\")}
\r\n\t\t\t\t{i18n(\"attach_files\", \"text_unique_filenames\")}
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nclass DocsListItem extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {item, onRemove} = this.props;\r\n\t\tconst size = Math.round(item.size * 100) / 100000;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t{i18n(\"attach_files\", \"number_of_docs\")}:\r\n\t\t\t\t\t\t{items.length}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{i18n(\"attach_files\", \"max_total_size\")}:\r\n\t\t\t\t\t\t{`${localeNumber(totalSize)} KB / ${localeNumber(maxSize)} KB`}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{items.length === 0 ? (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t))}\r\n\t\t\t\t
\r\n\t\t\t{i18n(\"attach_files\", \"no_documents_hint\")}
\r\n\t\t\t\t\t) : items.map((item, index) => (\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_onRemove = () => {\r\n\t\tconst {index, onRemove} = this.props;\r\n\t\tonRemove(index);\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/AttachFiles/AttachFiles.js","// CLASSES\r\n\r\nexport default function (props, state) {\r\n\r\n\t/**\r\n\t * Check size of all uploaded documents to make sure it does not exceed 8 MB\r\n\t */\r\n\tlet totalDocumentsSize = 0;\r\n\tstate.docs.forEach(function(doc) {\r\n\t\ttotalDocumentsSize += (doc.size / 1024); // Size is in bytes, convert to kb\r\n\t});\r\n\r\n\treturn totalDocumentsSize <= 8192;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/AttachFiles/AttachFiles.fulfillment.js","// CLASSES\r\n\r\nexport default function (props, state) {\r\n\r\n\t/**\r\n\t * Check size of all uploaded documents to make sure it does not exceed 8 MB\r\n\t */\r\n\tlet totalDocumentsSize = 0;\r\n\tstate.docs.forEach(function(doc) {\r\n\t\ttotalDocumentsSize += (doc.size / 1024); // Size is in bytes, convert to kb\r\n\t});\r\n\r\n\treturn totalDocumentsSize <= 8192;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/AttachFiles/Futur/AttachFiles.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro.options[0].checked) {\r\n\t\tconst replacedAccountNo = state.fields.customer_account_bank_no.split(\" \").join(\"\");\r\n\t\tif (replacedAccountNo.length <= 5 || state.fields.customer_account_bank.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse if (!state.fields.customer_autogiro.options[1].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/alfakraft/Autogiro.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\n\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport FieldsCollection from \"../../../../../components/FieldsCollection/FieldsCollection\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\nimport fulfillmentCheck from \"./Autogiro.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport CheckboxWithName from \"../../../components/CheckboxWithName/CheckboxWithName\";\r\nimport NumberField from \"../../../components/NumberField/NumberField\";\r\nimport AbstractAutogiro from \"../AbstractAutogiro\";\r\nimport Checkbox from \"../../../../../components/Checkbox/Checkbox\";\r\nimport Select from \"../../../../../components/Select/Select\";\r\nimport Validator from \"../../../../../classes/Validator\";\r\n\r\nexport default class Autogiro extends AbstractAutogiro {\r\n\r\n\tstatic minimumAmountSingleDeposit = 1;\r\n\tstatic minimumAmountMonthlyDeposit = 2000;\r\n\r\n\tstatic maxNumberOfSelectableProducts = 4;\r\n\tstatic productLabel = \"Portfölj\";\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {state, props} = this;\r\n\t\tconst {availableBanks} = props;\r\n\t\tconst {fields, validFields} = state;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Autogiro-AuAg\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\tconst textClasses = createClassName(\"description\", {\r\n\t\t\t\"contractable\": true,\r\n\t\t\t\"expanded\": state.textFieldExpanded\r\n\t\t});\r\n\r\n\t\tconst textClassSingle = createClassName(\"payments-details\", {\r\n\t\t\t\"expanded\": state.fields.checkbox_autogiro_single.checked\r\n\t\t});\r\n\r\n\t\tconst textClassMonthly = createClassName(\"payments-details\", {\r\n\t\t\t\"expanded\": state.fields.checkbox_autogiro_monthly.checked\r\n\t\t});\r\n\r\n\t\tconst isInvalidSingleDepositShareDistribution = state.fields.customer_autogiro_single_amount >= Autogiro.minimumAmountSingleDeposit &&\r\n\t\t\t(state.autogiroSingleFundsSharesTotal < 100 ||\r\n\t\t\t\tstate.autogiroSingleFundsSharesTotal > 100);\r\n\r\n\t\tconst isInvalidMonthlyDepositShareDistribution = state.fields.customer_autogiro_monthly_amount >= Autogiro.minimumAmountMonthlyDeposit &&\r\n\t\t\t(state.autogiroMonthlyFundsSharesTotal < 100 ||\r\n\t\t\t\tstate.autogiroMonthlyFundsSharesTotal > 100);\r\n\r\n\t\t/**\r\n\t\t * Set up the dropdown with selectable banks.\r\n\t\t */\r\n\t\tlet availableBankOptions = [];\r\n\t\tfor (const bankName in availableBanks) {\r\n\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\t\t\tavailableBankOptions.push({\r\n\t\t\t\tlabel: bankName,\r\n\t\t\t\tvalue: bankName\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tavailableBankOptions.push({\r\n\t\t\tlabel: \"Övriga\",\r\n\t\t\tvalue: \"-\"\r\n\t\t});\r\n\r\n\t\tlet selectedBankIndex = -1;\r\n\r\n\t\tif (state.fields.customer_account_bank && state.fields.customer_account_bank.length > 0) {\r\n\t\t\tlet bankFoundInList = false;\r\n\t\t\tfor (const bankName in availableBanks) {\r\n\t\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t\tif (bankName === state.fields.customer_account_bank) {\r\n\t\t\t\t\tbankFoundInList = true;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (!bankFoundInList && state.fields.customer_account_bank === '-') {\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{item.name}
\r\n\t\t\t\t\t{localeNumber(size)} KB
\r\n\t\t\t\tremove_circle\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t \r\n\t);\r\n\r\n\t_onNameIsinChange = (name, option, value) => {\r\n\t\tconst indexKey = name.replace(\"_name\", \"_index\");\r\n\t\tlet fundIndexInArray = name.replace(\"_name\", \"\");\r\n\t\tfundIndexInArray = parseInt(fundIndexInArray.substring(fundIndexInArray.lastIndexOf(\"_\") + 1), 10) - 1;\r\n\r\n\t\tlet selectedDropdownIndex = -1;\r\n\t\tfor (let i = 0; i < this.state.products.length; i++) {\r\n\t\t\tconst fund = this.state.products[i];\r\n\t\t\tif (fund.isin === value.isin) {\r\n\t\t\t\tselectedDropdownIndex = i;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst newStateProps = {\r\n\t\t\t[indexKey]: selectedDropdownIndex,\r\n\t\t\tfields: this.state.fields\r\n\t\t};\r\n\r\n\t\tif (selectedDropdownIndex > -1) {\r\n\t\t\tconst selectedFund = this.state.products[selectedDropdownIndex];\r\n\r\n\t\t\tif (name.indexOf(\"_monthly\") > -1) {\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_monthly_funds[fundIndexInArray][\"customer_autogiro_monthly_fund_\" + (fundIndexInArray + 1) + \"_name\"] = selectedFund.label;\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_monthly_funds[fundIndexInArray][\"customer_autogiro_monthly_fund_\" + (fundIndexInArray + 1) + \"_isin\"] = selectedFund.isin;\r\n\r\n\t\t\t\t/**\r\n\t\t\t\t * Update state with new values. We reset the amount field to the same value as it already has because\r\n\t\t\t\t * this triggers a revalidation of the form. This is a hack that works, made because of lack of time.\r\n\t\t\t\t * If you find a better way of triggering revalidation, feel free to change.\r\n\t\t\t\t */\r\n\t\t\t\tconst resetValue = this.state.fields.customer_autogiro_monthly_amount;\r\n\t\t\t\tthis.setState(newStateProps, function () {\r\n\t\t\t\t\t// triggers revalidation of form after dropdown value has been set\r\n\t\t\t\t\tCobHelpers.onViewFieldChange.call(this, \"customer_autogiro_monthly_amount\", resetValue);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\telse if (name.indexOf(\"_single\") > -1) {\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_single_funds[fundIndexInArray][\"customer_autogiro_single_fund_\" + (fundIndexInArray + 1) + \"_name\"] = selectedFund.label;\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_single_funds[fundIndexInArray][\"customer_autogiro_single_fund_\" + (fundIndexInArray + 1) + \"_isin\"] = selectedFund.isin;\r\n\r\n\t\t\t\t/**\r\n\t\t\t\t * Update state with new values. We reset the amount field to the same value as it already has because\r\n\t\t\t\t * this triggers a revalidation of the form. This is a hack that works, made because of lack of time.\r\n\t\t\t\t * If you find a better way of triggering revalidation, feel free to change.\r\n\t\t\t\t */\r\n\t\t\t\tconst resetValue = this.state.fields.customer_autogiro_single_amount;\r\n\t\t\t\tthis.setState(newStateProps, function () {\r\n\t\t\t\t\tCobHelpers.onViewFieldChange.call(this, \"customer_autogiro_single_amount\", resetValue);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tconsole.log(\"_onNameIsinChange :: invalid type \" + name);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t_onAddFund = (type) => {\r\n\t\tif (type === \"single\") {\r\n\t\t\tthis.setState({\r\n\t\t\t\tautogiroSingleFundsActive: this.state.autogiroSingleFundsActive + 1,\r\n\t\t\t\tautogiroSingleFundsSharesTotal: this._calculateFundsPercentagesTotal(\r\n\t\t\t\t\tthis.state.fields.customer_autogiro_single_funds,\r\n\t\t\t\t\tthis.state.autogiroSingleFundsActive + 1,\r\n\t\t\t\t\t\"single\"\r\n\t\t\t\t)\r\n\t\t\t});\r\n\t\t}\r\n\t\telse if (type === \"monthly\") {\r\n\t\t\tthis.setState({\r\n\t\t\t\tautogiroMonthlyFundsActive: this.state.autogiroMonthlyFundsActive + 1,\r\n\t\t\t\tautogiroMonthlyFundsSharesTotal: this._calculateFundsPercentagesTotal(\r\n\t\t\t\t\tthis.state.fields.customer_autogiro_monthly_funds,\r\n\t\t\t\t\tthis.state.autogiroMonthlyFundsActive + 1,\r\n\t\t\t\t\t\"monthly\"\r\n\t\t\t\t)\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(\"_onAddFund :: invalid type \" + type);\r\n\t\t}\r\n\t};\r\n\r\n\t_onRemoveFund = (type) => {\r\n\t\tif (type === \"single\") {\r\n\t\t\tlet activeFundsBeforeRemove = this.state.autogiroSingleFundsActive;\r\n\t\t\tlet newStateProps = {\r\n\t\t\t\tautogiroSingleFundsActive: activeFundsBeforeRemove - 1,\r\n\t\t\t\tautogiroSingleFundsSharesTotal: this._calculateFundsPercentagesTotal(\r\n\t\t\t\t\tthis.state.fields.customer_autogiro_single_funds,\r\n\t\t\t\t\tactiveFundsBeforeRemove - 1,\r\n\t\t\t\t\t\"single\"\r\n\t\t\t\t),\r\n\t\t\t\tfields: this.state.fields\r\n\t\t\t};\r\n\r\n\t\t\t/**\r\n\t\t\t * Clear all rows above the row that we just removed\r\n\t\t\t */\r\n\t\t\tfor (let i = (activeFundsBeforeRemove - 1); i < newStateProps.fields.customer_autogiro_single_funds.length; i++) {\r\n\t\t\t\tnewStateProps[\"customer_autogiro_single_fund_\" + (i + 1) + \"_index\"] = -1;\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_single_funds[i][[\"customer_autogiro_single_fund_\" + (i + 1) + \"_name\"]] = \"\";\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_single_funds[i][[\"customer_autogiro_single_fund_\" + (i + 1) + \"_isin\"]] = \"\";\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_single_funds[i][[\"customer_autogiro_single_fund_\" + (i + 1) + \"_percentage\"]] = \"0\";\r\n\t\t\t}\r\n\r\n\t\t\tthis.setState(newStateProps);\r\n\t\t}\r\n\t\telse if (type === \"monthly\") {\r\n\t\t\tlet activeFundsBeforeRemove = this.state.autogiroMonthlyFundsActive;\r\n\t\t\tlet newStateProps = {\r\n\t\t\t\tautogiroMonthlyFundsActive: activeFundsBeforeRemove - 1,\r\n\t\t\t\tautogiroMonthlyFundsSharesTotal: this._calculateFundsPercentagesTotal(\r\n\t\t\t\t\tthis.state.fields.customer_autogiro_monthly_funds,\r\n\t\t\t\t\tactiveFundsBeforeRemove - 1,\r\n\t\t\t\t\t\"monthly\"\r\n\t\t\t\t),\r\n\t\t\t\tfields: this.state.fields\r\n\t\t\t};\r\n\r\n\t\t\t/**\r\n\t\t\t * Clear all rows above the row that we just removed\r\n\t\t\t */\r\n\t\t\tfor (let i = (activeFundsBeforeRemove - 1); i < newStateProps.fields.customer_autogiro_monthly_funds.length; i++) {\r\n\t\t\t\tnewStateProps[\"customer_autogiro_monthly_fund_\" + (i + 1) + \"_index\"] = -1;\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_monthly_funds[i][[\"customer_autogiro_monthly_fund_\" + (i + 1) + \"_name\"]] = \"\";\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_monthly_funds[i][[\"customer_autogiro_monthly_fund_\" + (i + 1) + \"_isin\"]] = \"\";\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_monthly_funds[i][[\"customer_autogiro_monthly_fund_\" + (i + 1) + \"_percentage\"]] = \"0\";\r\n\t\t\t}\r\n\r\n\t\t\tthis.setState(newStateProps);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(\"_onAddFund :: invalid type \" + type);\r\n\t\t}\r\n\r\n\t};\r\n\r\n\t_onPercentageSingleFieldChange = (name, value) => {\r\n\t\tconst index = name.substring(0, name.indexOf(\"_\"));\r\n\t\tconst fieldName = name.substring(name.indexOf(\"_\") + 1);\r\n\r\n\t\tif (value < 0 || value === \"\") {\r\n\t\t\tvalue = 0;\r\n\t\t}\r\n\t\tvalue = parseInt(value, 10);\r\n\r\n\r\n\t\tif (name.indexOf(\"_monthly\") > -1) {\r\n\t\t\tconst newFunds = this.state.fields.customer_autogiro_monthly_funds;\r\n\t\t\tnewFunds[index][fieldName] = value;\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tfields: {\r\n\t\t\t\t\t...this.state.fields,\r\n\t\t\t\t\tcustomer_autogiro_monthly_funds: newFunds\r\n\t\t\t\t},\r\n\t\t\t\tautogiroMonthlyFundsSharesTotal: this._calculateFundsPercentagesTotal(newFunds, this.state.autogiroMonthlyFundsActive, \"monthly\")\r\n\t\t\t});\r\n\t\t}\r\n\t\telse if (name.indexOf(\"_single\") > -1) {\r\n\t\t\tconst newFunds = this.state.fields.customer_autogiro_single_funds;\r\n\t\t\tnewFunds[index][fieldName] = value;\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tfields: {\r\n\t\t\t\t\t...this.state.fields,\r\n\t\t\t\t\tcustomer_autogiro_single_funds: newFunds\r\n\t\t\t\t},\r\n\t\t\t\tautogiroSingleFundsSharesTotal: this._calculateFundsPercentagesTotal(newFunds, this.state.autogiroSingleFundsActive, \"single\")\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(\"_onPercentageSingleFieldChange :: invalid type \" + name);\r\n\t\t}\r\n\t};\r\n\r\n\t_calculateFundsPercentagesTotal(funds, fundsActive, type) {\r\n\t\tlet percentagesSum = 0;\r\n\t\tfor (let i = 0; i < fundsActive; i++) {\r\n\t\t\tconst fundInfo = funds[i];\r\n\t\t\tpercentagesSum += parseInt(fundInfo[\"customer_autogiro_\" + type + \"_fund_\" + (i + 1) + \"_percentage\"], 10);\r\n\t\t}\r\n\t\treturn percentagesSum;\r\n\t}\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\t/**\r\n\t\t * For the single deposit and monthly savings field treat zero as if the value has not been entered\r\n\t\t */\r\n\t\tif ((name === 'customer_autogiro_single_amount' || name === 'customer_autogiro_monthly_amount') && value === \"0\") {\r\n\t\t\tvalue = \"\";\r\n\t\t}\r\n\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t},\r\n\t\t\tautogiroSingleFundsSharesTotal: this._calculateFundsPercentagesTotal(\r\n\t\t\t\tthis.state.fields.customer_autogiro_single_funds,\r\n\t\t\t\tthis.state.autogiroSingleFundsActive,\r\n\t\t\t\t\"single\"\r\n\t\t\t),\r\n\t\t\tautogiroMonthlyFundsSharesTotal: this._calculateFundsPercentagesTotal(\r\n\t\t\t\tthis.state.fields.customer_autogiro_monthly_funds,\r\n\t\t\t\tthis.state.autogiroMonthlyFundsActive,\r\n\t\t\t\t\"monthly\"\r\n\t\t\t)\r\n\t\t});\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_getProductLabel() {\r\n\t\treturn ProductPurchase2.productLabel;\r\n\t}\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\tlet fieldsArray = [\r\n\t\t\"checkbox_autogiro_single\",\r\n\t\t\"customer_autogiro_single_amount\",\r\n\r\n\t\t\"checkbox_autogiro_monthly\",\r\n\t\t\"customer_autogiro_monthly_amount\"\r\n\t];\r\n\r\n\tfor (let i = 1; i <= ProductPurchase2.maxNumberOfSelectableProducts; i++) {\r\n\t\tfieldsArray.push(\"customer_autogiro_single_fund_\" + i + \"_name\");\r\n\t\tfieldsArray.push(\"customer_autogiro_single_fund_\" + i + \"_isin\");\r\n\t\tfieldsArray.push(\"customer_autogiro_single_fund_\" + i + \"_percentage\");\r\n\r\n\t\tfieldsArray.push(\"customer_autogiro_monthly_fund_\" + i + \"_name\");\r\n\t\tfieldsArray.push(\"customer_autogiro_monthly_fund_\" + i + \"_isin\");\r\n\t\tfieldsArray.push(\"customer_autogiro_monthly_fund_\" + i + \"_percentage\");\r\n\t}\r\n\r\n\treturn fieldsArray;\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\tconst fundsSingle = [];\r\n\tconst fundsMonthly = [];\r\n\r\n\tfor (let i = 1; i <= ProductPurchase2.maxNumberOfSelectableProducts; i++) {\r\n\t\tconst fundPercentage = (i === 1) ? \"100\" : \"0\";\r\n\r\n\t\tfundsSingle.push({\r\n\t\t\t[\"customer_autogiro_single_fund_\" + i + \"_name\"]: \"\",\r\n\t\t\t[\"customer_autogiro_single_fund_\" + i + \"_isin\"]: \"\",\r\n\t\t\t[\"customer_autogiro_single_fund_\" + i + \"_percentage\"]: fundPercentage\r\n\t\t});\r\n\r\n\t\tfundsMonthly.push({\r\n\t\t\t[\"customer_autogiro_monthly_fund_\" + i + \"_name\"]: \"\",\r\n\t\t\t[\"customer_autogiro_monthly_fund_\" + i + \"_isin\"]: \"\",\r\n\t\t\t[\"customer_autogiro_monthly_fund_\" + i + \"_percentage\"]: fundPercentage\r\n\t\t});\r\n\t}\r\n\r\n\tlet initialState = {\r\n\t\ttextFieldExpanded: false,\r\n\t\tautogiroSingleFundsActive: 1,\r\n\t\tautogiroSingleFundsSharesTotal: 0,\r\n\t\tautogiroMonthlyFundsActive: 1,\r\n\t\tautogiroMonthlyFundsSharesTotal: 0,\r\n\t\tproducts: [],\r\n\r\n\t\tfields: {\r\n\t\t\t\"checkbox_autogiro_single\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\t\t\t\"customer_autogiro_single_amount\": \"\",\r\n\t\t\t\"customer_autogiro_single_funds\": fundsSingle,\r\n\r\n\t\t\t\"checkbox_autogiro_monthly\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\t\t\t\"customer_autogiro_monthly_amount\": \"\",\r\n\t\t\t\"customer_autogiro_monthly_funds\": fundsMonthly\r\n\t\t},\r\n\t\tvalidFields: {}\r\n\t};\r\n\r\n\tfor (let i = 1; i <= ProductPurchase2.maxNumberOfSelectableProducts; i++) {\r\n\t\tinitialState[\"customer_autogiro_single_fund_\" + i + \"_index:\"] = -1;\r\n\t\tinitialState[\"customer_autogiro_monthly_fund_\" + i + \"_index:\"] = -1;\r\n\t}\r\n\r\n\treturn initialState;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/ProductPurchase-2/alfakraft/ProductPurchase2.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport ProductPurchase2 from \"./ProductPurchase2\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tif (state.fields.checkbox_autogiro_single.checked && state.fields.customer_autogiro_single_amount <= 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (state.fields.checkbox_autogiro_monthly.checked && state.fields.customer_autogiro_monthly_amount <= 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (state.fields.checkbox_autogiro_single.checked &&\r\n\t\tstate.fields.customer_autogiro_single_amount &&\r\n\t\tstate.fields.customer_autogiro_single_amount > 0) {\r\n\t\tif (state.fields.customer_autogiro_single_amount < ProductPurchase2.minimumAmountSingleDeposit) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (state.autogiroSingleFundsSharesTotal !== 100) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\t/**\r\n\t\t * For each of active funds, loop and check that isin value is set\r\n\t\t */\r\n\t\tfor (let i = 0; i < state.autogiroSingleFundsActive; i++) {\r\n\t\t\tconst fund = state.fields.customer_autogiro_single_funds[i];\r\n\t\t\tif (fund[\"customer_autogiro_single_fund_\" + (i + 1) + \"_name\"] === \"\" ||\r\n\t\t\t\tfund[\"customer_autogiro_single_fund_\" + (i + 1) + \"_isin\"] === \"\") {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tif (state.fields.checkbox_autogiro_monthly.checked &&\r\n\t\tstate.fields.customer_autogiro_monthly_amount &&\r\n\t\tstate.fields.customer_autogiro_monthly_amount > 0) {\r\n\r\n\t\tif (state.fields.customer_autogiro_monthly_amount < ProductPurchase2.minimumAmountMonthlyDeposit) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (state.autogiroMonthlyFundsSharesTotal !== 100) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\t/**\r\n\t\t * For each of active funds, loop and check that isin value is set\r\n\t\t */\r\n\t\tfor (let i = 0; i < state.autogiroMonthlyFundsActive; i++) {\r\n\t\t\tconst fund = state.fields.customer_autogiro_monthly_funds[i];\r\n\t\t\tif (fund[\"customer_autogiro_monthly_fund_\" + (i + 1) + \"_name\"] === \"\" ||\r\n\t\t\t\tfund[\"customer_autogiro_monthly_fund_\" + (i + 1) + \"_isin\"] === \"\") {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/ProductPurchase-2/alfakraft/ProductPurchase2.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Partner from \"@classes/Partner\";\r\nimport Session from \"@classes/Session\";\r\nimport {createClassName, localeNumber} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./ProductPurchase.fulfillment\";\r\nimport api from \"../../../../../helpers/api\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport NumberField from \"../../../components/NumberField/NumberField\";\r\nimport CheckboxWithName from \"../../../components/CheckboxWithName/CheckboxWithName\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\nimport FieldsCollection from \"../../../../../components/FieldsCollection/FieldsCollection\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport AppConfig from \"../../../../../classes/AppConfig\";\r\n\r\nexport default class ProductPurchase extends React.PureComponent {\r\n\r\n\tstatic minimumAmountSingleDeposit = 100000;\r\n\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tpartner: PropTypes.instanceOf(Partner).isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tasync componentDidMount() {\r\n\t\tconst {app, partner} = this.props;\r\n\r\n\t\t/**\r\n\t\t * Fetch the list of products that are available for purchase\r\n\t\t */\r\n\t\ttry {\r\n\t\t\tconsole.log(\"Loading products for ProductPurchase...\");\r\n\t\t\tconst newStateProps = {};\r\n\t\t\tnewStateProps.products = await api(\"/case/products\", {\r\n\t\t\t\tproductVariant: \"aif\",\r\n\t\t\t\tauthToken: this.authToken\r\n\t\t\t});\r\n\t\t\tthis.setState(newStateProps);\r\n\t\t}\r\n\t\tcatch (e) {\r\n\t\t\tconsole.log(e);\r\n\t\t}\r\n\r\n\t\t/**\r\n\t\t * Purchasing product is optional so mark is green right from the start\r\n\t\t */\r\n\t\tconst fulfilledViewsById = {...app.fulfilledViewsById};\r\n\t\tfor (let i = 0; i < partner.sections.length; i++) {\r\n\t\t\tif (partner.sections[i][0] === \"productpurchase2-alfakraft\") {\r\n\t\t\t\tfulfilledViewsById[\"productpurchase2-alfakraft\"] = true;\r\n\t\t\t}\r\n\t\t\telse if (partner.sections[i][0] === \"productpurchase-alfakraft\") {\r\n\t\t\t\tfulfilledViewsById[\"productpurchase-alfakraft\"] = true;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.props.actions.setAppState({fulfilledViewsById});\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tconst {state} = this;\r\n\t\tconst {session} = this.props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-ProductPurchase-Alfakraft\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\tconst textClassDeposit = createClassName(\"products\", {\r\n\t\t\t\"expanded\": state.fields.customer_product_deposit_checkbox.checked\r\n\t\t});\r\n\r\n\t\tconst frfLogoUrl = AppConfig.get(\"apiUrl\") + \"/partner/img?filename=alfa-frf.png\";\r\n\r\n\t\tlet fundAmountForDisplay;\r\n\t\tif (state.fields.investedamount >= 0) {\r\n\t\t\tif (state.fields.investedamount === 0) {\r\n\t\t\t\tfundAmountForDisplay = \"0 SEK\";\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tfundAmountForDisplay = localeNumber(state.fields.investedamount, 0) + \" SEK\";\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\tfundAmountForDisplay = \"Felaktigt belopp\";\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/nordfk-cob/Fields/collections/CollectionKyc.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport EditableField from \"@routes/Cob/components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\nimport NumberField from \"@routes/Cob/components/NumberField/NumberField\";\r\nimport QuestionField from \"@routes/Cob/components/QuestionField/QuestionField\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, validFields, numberLocaleFormatter, onFieldChange, onFieldBlur, onOptionsListChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/nordfk-cob/Fields/collections/CollectionExperience.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, onOptionsListChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t\telse {\r\n\t\t\taccountOptions = (\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tlet shouldShowAccountTypeOption = session.context != null;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\r\n\t\t\t\t{!shouldShowAccountTypeOption && (\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t{session.isCompany && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t{!session.isCompany && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{shouldShowAccountTypeOption && (\r\n\t\t\t\t\t \r\n\t\t);\r\n\t}\r\n\r\n\t_sliderValueFormatter = (value) => value.toFixed(2).replace(\".\", \",\");\r\n\r\n\t_onSlider1Change(value) {\r\n\t\tthis.props.onFieldChange.call(this, \"newAccountSlider1\", value)\r\n\t}\r\n\r\n\t_onSlider2Change(value) {\r\n\t\tthis.props.onFieldChange.call(this, \"newAccountSlider2\", value)\r\n\t}\r\n\r\n\t_onSlider3Change(value) {\r\n\t\tthis.props.onFieldChange.call(this, \"newAccountSlider3\", value)\r\n\t}\r\n\r\n\t_onSlider4Change(value) {\r\n\t\tthis.props.onFieldChange.call(this, \"newAccountSlider4\", value)\r\n\t}\r\n\r\n\t_onSlider5Change(value) {\r\n\t\tthis.props.onFieldChange.call(this, \"newAccountSlider5\", value)\r\n\t}\r\n}\r\n\r\nclass FeeSlider extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {name, label, valueFormatter, hasCheckbox, onCheckboxChange, onChange} = props;\r\n\r\n\t\tlet checkboxName = \"newAccountCheckbox\" + this.props.number;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{hasCheckbox === true && (\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_getCheckboxValue() {\r\n\t\tlet checkboxName = \"newAccountCheckbox\" + this.props.number;\r\n\t\treturn this.props.fields[checkboxName].checked;\r\n\t}\r\n\r\n\t_getSliderValue = () => {\r\n\t\tconst checkboxChecked = !!this._getCheckboxValue();\r\n\r\n\t\tif (checkboxChecked) {\r\n\t\t\t/**\r\n\t\t\t * Set up default values if user hasn't changed them manually\r\n\t\t\t */\r\n\t\t\tif (this.props.fields[\"newAccountSlider\" + this.props.number] === \"\") {\r\n\t\t\t\tif (this.props.number === 1) {\r\n\r\n\t\t\t\t\tif (this.props.fields.radio_account_type_open.options[0].checked) { // Brutto type\r\n\t\t\t\t\t\treturn 0.85;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn 0.95; // Net and net performance based\r\n\r\n\t\t\t\t}\r\n\t\t\t\telse if (this.props.number === 2) {\r\n\r\n\t\t\t\t\tif (this.props.fields.radio_account_type_open.options[0].checked) { // Brutto type\r\n\t\t\t\t\t\treturn 0.15;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if (this.props.fields.radio_account_type_open.options[1].checked) { // Net type\r\n\t\t\t\t\t\treturn 1.05;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn 0.55; // Net performance based type\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn this._getSliderMinValue();\r\n\t\t\t}\r\n\r\n\t\t\treturn Math.max(Math.round(this.props.fields[`newAccountSlider${ this.props.number }`] * 100) / 100, this._getSliderMinValue());\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn 0;\r\n\t\t}\r\n\t};\r\n\r\n\t_getSliderMinValue = (format = false) => {\r\n\t\tconst minValue = this.props.fields.radio_account_type_open.options[0].checked ? 0.15 : 0.1;\r\n\t\tconst formatValue = number => format === true ? localeNumber(number) : number;\r\n\t\treturn !!this._getCheckboxValue() ? formatValue(minValue) : formatValue(0);\r\n\t};\r\n\r\n\t_getSliderMaxValue = (format = false) => {\r\n\t\tconst {props} = this;\r\n\t\tconst {number, fields} = props;\r\n\t\tconst formatValue = number => format === true ? localeNumber(number) : number;\r\n\t\tconst maxValue = (\r\n\t\t\tfields.radio_account_type_open.options[0].checked ? 1 :\r\n\t\t\t\tfields.radio_account_type_open.options[1].checked ? 2 :\r\n\t\t\t\t\t1.5\r\n\t\t);\r\n\r\n\t\tif (number === 1) { // Max value for Slider 1\r\n\t\t\tif (!fields.newAccountCheckbox2.checked) { // Slider 2 is not active\r\n\t\t\t\treturn formatValue(maxValue);\r\n\t\t\t}\r\n\r\n\t\t\t/**\r\n\t\t\t * Slider 2 was active so the max value for slider 1 is the max value minus whatever slider 2 is set to.\r\n\t\t\t * Return a toFixed value since javascript floating point arithmetic sometimes causes us to end up with\r\n\t\t\t * a lot of decimals (similar to .0000000001).\r\n\t\t\t */\r\n\t\t\tconst sliderMaxValue = maxValue - (fields.newAccountSlider2 || this._getSliderMinValue());\r\n\t\t\treturn formatValue(sliderMaxValue.toFixed(2));\r\n\t\t}\r\n\r\n\t\tif (number === 2) {\r\n\t\t\tif (!fields.newAccountCheckbox1.checked) { // Slider 1 is not active\r\n\t\t\t\treturn formatValue(maxValue);\r\n\t\t\t}\r\n\r\n\t\t\t/**\r\n\t\t\t * Slider 1 was active so the max value for slider 2 is the max value minus whatever slider 1 is set to.\r\n\t\t\t * Return a toFixed value since javascript floating point arithmetic sometimes causes us to end up with\r\n\t\t\t * a lot of decimals (similar to .0000000001).\r\n\t\t\t */\r\n\t\t\tconst sliderMaxValue = maxValue - (fields.newAccountSlider1 || this._getSliderMinValue());\r\n\t\t\treturn formatValue(sliderMaxValue.toFixed(2));\r\n\t\t}\r\n\r\n\t\treturn null;\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/nordfk-cob/Fields/collections/CollectionAccountType.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport EditableField from \"@routes/Cob/components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport Select from \"../../../../../../../../components/Select/Select\";\r\nimport Validator from \"../../../../../../../../classes/Validator\";\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, validFields, onFieldChange, onFieldBlur, onOptionsListChange, availableBanks} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * Set up the dropdown with selectable banks.\r\n\t\t */\r\n\t\tlet availableBankOptions = [];\r\n\t\tfor (const bankName in availableBanks) {\r\n\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\t\t\tavailableBankOptions.push({\r\n\t\t\t\tlabel: bankName,\r\n\t\t\t\tvalue: bankName\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tavailableBankOptions.push({\r\n\t\t\tlabel: \"Övriga\",\r\n\t\t\tvalue: \"-\"\r\n\t\t});\r\n\r\n\t\tlet selectedBankIndex = -1;\r\n\r\n\t\tif (fields.customer_account_bank && fields.customer_account_bank.length > 0) {\r\n\t\t\tlet bankFoundInList = false;\r\n\t\t\tfor (const bankName in availableBanks) {\r\n\t\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t\tif (bankName === fields.customer_account_bank) {\r\n\t\t\t\t\tbankFoundInList = true;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (!bankFoundInList && fields.customer_account_bank === '-') {\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/auagfonder/Fields/collections/CollectionKyc.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport EditableField from \"@routes/Cob/components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\nimport NumberField from \"@routes/Cob/components/NumberField/NumberField\";\r\nimport QuestionField from \"@routes/Cob/components/QuestionField/QuestionField\";\r\n\r\n// HELPERS\r\nimport { createClassName } from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst { props } = this;\r\n\t\tconst { index, fields, validFields, numberLocaleFormatter, onFieldChange, onFieldBlur, onOptionsListChange } = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t})\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/auagfonder/Fields/collections/CollectionAccountType.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport CheckboxWithName from \"@routes/Cob/components/CheckboxWithName/CheckboxWithName\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, onCheckboxChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/alfakraft/Fields/collections/CollectionKyc.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport EditableField from \"@routes/Cob/components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\nimport NumberField from \"@routes/Cob/components/NumberField/NumberField\";\r\nimport QuestionField from \"@routes/Cob/components/QuestionField/QuestionField\";\r\n\r\n// HELPERS\r\nimport { createClassName } from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst { props } = this;\r\n\t\tconst { index, fields, validFields, numberLocaleFormatter, onFieldChange, onFieldBlur, onOptionsListChange } = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t})\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\t\t\t\t),\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\tif (app.isProductClassBSelected) {\r\n\t\t\tfieldsToDisplay.push(\r\n\t\t\t\t{\r\n\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t),\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/alfakraft/Fields/collections/CollectionAccountType.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport CheckboxWithName from \"@routes/Cob/components/CheckboxWithName/CheckboxWithName\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, onCheckboxChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t, \") + (\"or explicitly pass \\\"\" + storeKey + \"\\\" as a prop to \\\"\" + displayName + \"\\\".\"));\n\n _this.initSelector();\n\n _this.initSubscription();\n\n return _this;\n }\n\n var _proto = Connect.prototype;\n\n _proto.getChildContext = function getChildContext() {\n var _ref3;\n\n // If this component received store from props, its subscription should be transparent\n // to any descendants receiving store+subscription from context; it passes along\n // subscription passed to it. Otherwise, it shadows the parent subscription, which allows\n // Connect to control ordering of notifications to flow top-down.\n var subscription = this.propsMode ? null : this.subscription;\n return _ref3 = {}, _ref3[subscriptionKey] = subscription || this.context[subscriptionKey], _ref3;\n };\n\n _proto.componentDidMount = function componentDidMount() {\n if (!shouldHandleStateChanges) return; // componentWillMount fires during server side rendering, but componentDidMount and\n // componentWillUnmount do not. Because of this, trySubscribe happens during ...didMount.\n // Otherwise, unsubscription would never take place during SSR, causing a memory leak.\n // To handle the case where a child component may have triggered a state change by\n // dispatching an action in its componentWillMount, we have to re-run the select and maybe\n // re-render.\n\n this.subscription.trySubscribe();\n this.selector.run(this.props);\n if (this.selector.shouldComponentUpdate) this.forceUpdate();\n }; // Note: this is renamed below to the UNSAFE_ version in React >=16.3.0\n\n\n _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n this.selector.run(nextProps);\n };\n\n _proto.shouldComponentUpdate = function shouldComponentUpdate() {\n return this.selector.shouldComponentUpdate;\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.subscription) this.subscription.tryUnsubscribe();\n this.subscription = null;\n this.notifyNestedSubs = noop;\n this.store = null;\n this.selector.run = noop;\n this.selector.shouldComponentUpdate = false;\n };\n\n _proto.getWrappedInstance = function getWrappedInstance() {\n invariant(withRef, \"To access the wrapped instance, you need to specify \" + (\"{ withRef: true } in the options argument of the \" + methodName + \"() call.\"));\n return this.wrappedInstance;\n };\n\n _proto.setWrappedInstance = function setWrappedInstance(ref) {\n this.wrappedInstance = ref;\n };\n\n _proto.initSelector = function initSelector() {\n var sourceSelector = selectorFactory(this.store.dispatch, selectorFactoryOptions);\n this.selector = makeSelectorStateful(sourceSelector, this.store);\n this.selector.run(this.props);\n };\n\n _proto.initSubscription = function initSubscription() {\n if (!shouldHandleStateChanges) return; // parentSub's source should match where store came from: props vs. context. A component\n // connected to the store via props shouldn't use subscription from context, or vice versa.\n\n var parentSub = (this.propsMode ? this.props : this.context)[subscriptionKey];\n this.subscription = new Subscription(this.store, parentSub, this.onStateChange.bind(this)); // `notifyNestedSubs` is duplicated to handle the case where the component is unmounted in\n // the middle of the notification loop, where `this.subscription` will then be null. An\n // extra null check every change can be avoided by copying the method onto `this` and then\n // replacing it with a no-op on unmount. This can probably be avoided if Subscription's\n // listeners logic is changed to not call listeners that have been unsubscribed in the\n // middle of the notification loop.\n\n this.notifyNestedSubs = this.subscription.notifyNestedSubs.bind(this.subscription);\n };\n\n _proto.onStateChange = function onStateChange() {\n this.selector.run(this.props);\n\n if (!this.selector.shouldComponentUpdate) {\n this.notifyNestedSubs();\n } else {\n this.componentDidUpdate = this.notifyNestedSubsOnComponentDidUpdate;\n this.setState(dummyState);\n }\n };\n\n _proto.notifyNestedSubsOnComponentDidUpdate = function notifyNestedSubsOnComponentDidUpdate() {\n // `componentDidUpdate` is conditionally implemented when `onStateChange` determines it\n // needs to notify nested subs. Once called, it unimplements itself until further state\n // changes occur. Doing it this way vs having a permanent `componentDidUpdate` that does\n // a boolean check every time avoids an extra method call most of the time, resulting\n // in some perf boost.\n this.componentDidUpdate = undefined;\n this.notifyNestedSubs();\n };\n\n _proto.isSubscribed = function isSubscribed() {\n return Boolean(this.subscription) && this.subscription.isSubscribed();\n };\n\n _proto.addExtraProps = function addExtraProps(props) {\n if (!withRef && !renderCountProp && !(this.propsMode && this.subscription)) return props; // make a shallow copy so that fields added don't leak to the original selector.\n // this is especially important for 'ref' since that's a reference back to the component\n // instance. a singleton memoized selector would then be holding a reference to the\n // instance, preventing the instance from being garbage collected, and that would be bad\n\n var withExtras = _extends({}, props);\n\n if (withRef) withExtras.ref = this.setWrappedInstance;\n if (renderCountProp) withExtras[renderCountProp] = this.renderCount++;\n if (this.propsMode && this.subscription) withExtras[subscriptionKey] = this.subscription;\n return withExtras;\n };\n\n _proto.render = function render() {\n var selector = this.selector;\n selector.shouldComponentUpdate = false;\n\n if (selector.error) {\n throw selector.error;\n } else {\n return createElement(WrappedComponent, this.addExtraProps(selector.props));\n }\n };\n\n return Connect;\n }(Component);\n\n if (prefixUnsafeLifecycleMethods) {\n // Use UNSAFE_ event name where supported\n Connect.prototype.UNSAFE_componentWillReceiveProps = Connect.prototype.componentWillReceiveProps;\n delete Connect.prototype.componentWillReceiveProps;\n }\n /* eslint-enable react/no-deprecated */\n\n\n Connect.WrappedComponent = WrappedComponent;\n Connect.displayName = displayName;\n Connect.childContextTypes = childContextTypes;\n Connect.contextTypes = contextTypes;\n Connect.propTypes = contextTypes;\n\n if (process.env.NODE_ENV !== 'production') {\n // Use UNSAFE_ event name where supported\n var eventName = prefixUnsafeLifecycleMethods ? 'UNSAFE_componentWillUpdate' : 'componentWillUpdate';\n\n Connect.prototype[eventName] = function componentWillUpdate() {\n var _this2 = this;\n\n // We are hot reloading!\n if (this.version !== version) {\n this.version = version;\n this.initSelector(); // If any connected descendants don't hot reload (and resubscribe in the process), their\n // listeners will be lost when we unsubscribe. Unfortunately, by copying over all\n // listeners, this does mean that the old versions of connected descendants will still be\n // notified of state changes; however, their onStateChange function is a no-op so this\n // isn't a huge deal.\n\n var oldListeners = [];\n\n if (this.subscription) {\n oldListeners = this.subscription.listeners.get();\n this.subscription.tryUnsubscribe();\n }\n\n this.initSubscription();\n\n if (shouldHandleStateChanges) {\n this.subscription.trySubscribe();\n oldListeners.forEach(function (listener) {\n return _this2.subscription.listeners.subscribe(listener);\n });\n }\n }\n };\n }\n\n return hoistStatics(Connect, WrappedComponent);\n };\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-redux/es/components/connectAdvanced.js\n// module id = 200\n// module chunks = 0","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-is.production.min.js');\n} else {\n module.exports = require('./cjs/react-is.development.js');\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-is/index.js\n// module id = 201\n// module chunks = 0","import isPlainObject from 'lodash-es/isPlainObject';\nimport $$observable from 'symbol-observable';\n\n/**\n * These are private action types reserved by Redux.\n * For any unknown actions, you must return the current state.\n * If the current state is undefined, you must return the initial state.\n * Do not reference these action types directly in your code.\n */\nexport var ActionTypes = {\n INIT: '@@redux/INIT'\n\n /**\n * Creates a Redux store that holds the state tree.\n * The only way to change the data in the store is to call `dispatch()` on it.\n *\n * There should only be a single store in your app. To specify how different\n * parts of the state tree respond to actions, you may combine several reducers\n * into a single reducer function by using `combineReducers`.\n *\n * @param {Function} reducer A function that returns the next state tree, given\n * the current state tree and the action to handle.\n *\n * @param {any} [preloadedState] The initial state. You may optionally specify it\n * to hydrate the state from the server in universal apps, or to restore a\n * previously serialized user session.\n * If you use `combineReducers` to produce the root reducer function, this must be\n * an object with the same shape as `combineReducers` keys.\n *\n * @param {Function} [enhancer] The store enhancer. You may optionally specify it\n * to enhance the store with third-party capabilities such as middleware,\n * time travel, persistence, etc. The only store enhancer that ships with Redux\n * is `applyMiddleware()`.\n *\n * @returns {Store} A Redux store that lets you read the state, dispatch actions\n * and subscribe to changes.\n */\n};export default function createStore(reducer, preloadedState, enhancer) {\n var _ref2;\n\n if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {\n enhancer = preloadedState;\n preloadedState = undefined;\n }\n\n if (typeof enhancer !== 'undefined') {\n if (typeof enhancer !== 'function') {\n throw new Error('Expected the enhancer to be a function.');\n }\n\n return enhancer(createStore)(reducer, preloadedState);\n }\n\n if (typeof reducer !== 'function') {\n throw new Error('Expected the reducer to be a function.');\n }\n\n var currentReducer = reducer;\n var currentState = preloadedState;\n var currentListeners = [];\n var nextListeners = currentListeners;\n var isDispatching = false;\n\n function ensureCanMutateNextListeners() {\n if (nextListeners === currentListeners) {\n nextListeners = currentListeners.slice();\n }\n }\n\n /**\n * Reads the state tree managed by the store.\n *\n * @returns {any} The current state tree of your application.\n */\n function getState() {\n return currentState;\n }\n\n /**\n * Adds a change listener. It will be called any time an action is dispatched,\n * and some part of the state tree may potentially have changed. You may then\n * call `getState()` to read the current state tree inside the callback.\n *\n * You may call `dispatch()` from a change listener, with the following\n * caveats:\n *\n * 1. The subscriptions are snapshotted just before every `dispatch()` call.\n * If you subscribe or unsubscribe while the listeners are being invoked, this\n * will not have any effect on the `dispatch()` that is currently in progress.\n * However, the next `dispatch()` call, whether nested or not, will use a more\n * recent snapshot of the subscription list.\n *\n * 2. The listener should not expect to see all state changes, as the state\n * might have been updated multiple times during a nested `dispatch()` before\n * the listener is called. It is, however, guaranteed that all subscribers\n * registered before the `dispatch()` started will be called with the latest\n * state by the time it exits.\n *\n * @param {Function} listener A callback to be invoked on every dispatch.\n * @returns {Function} A function to remove this change listener.\n */\n function subscribe(listener) {\n if (typeof listener !== 'function') {\n throw new Error('Expected listener to be a function.');\n }\n\n var isSubscribed = true;\n\n ensureCanMutateNextListeners();\n nextListeners.push(listener);\n\n return function unsubscribe() {\n if (!isSubscribed) {\n return;\n }\n\n isSubscribed = false;\n\n ensureCanMutateNextListeners();\n var index = nextListeners.indexOf(listener);\n nextListeners.splice(index, 1);\n };\n }\n\n /**\n * Dispatches an action. It is the only way to trigger a state change.\n *\n * The `reducer` function, used to create the store, will be called with the\n * current state tree and the given `action`. Its return value will\n * be considered the **next** state of the tree, and the change listeners\n * will be notified.\n *\n * The base implementation only supports plain object actions. If you want to\n * dispatch a Promise, an Observable, a thunk, or something else, you need to\n * wrap your store creating function into the corresponding middleware. For\n * example, see the documentation for the `redux-thunk` package. Even the\n * middleware will eventually dispatch plain object actions using this method.\n *\n * @param {Object} action A plain object representing “what changed”. It is\n * a good idea to keep actions serializable so you can record and replay user\n * sessions, or use the time travelling `redux-devtools`. An action must have\n * a `type` property which may not be `undefined`. It is a good idea to use\n * string constants for action types.\n *\n * @returns {Object} For convenience, the same action object you dispatched.\n *\n * Note that, if you use a custom middleware, it may wrap `dispatch()` to\n * return something else (for example, a Promise you can await).\n */\n function dispatch(action) {\n if (!isPlainObject(action)) {\n throw new Error('Actions must be plain objects. ' + 'Use custom middleware for async actions.');\n }\n\n if (typeof action.type === 'undefined') {\n throw new Error('Actions may not have an undefined \"type\" property. ' + 'Have you misspelled a constant?');\n }\n\n if (isDispatching) {\n throw new Error('Reducers may not dispatch actions.');\n }\n\n try {\n isDispatching = true;\n currentState = currentReducer(currentState, action);\n } finally {\n isDispatching = false;\n }\n\n var listeners = currentListeners = nextListeners;\n for (var i = 0; i < listeners.length; i++) {\n var listener = listeners[i];\n listener();\n }\n\n return action;\n }\n\n /**\n * Replaces the reducer currently used by the store to calculate the state.\n *\n * You might need this if your app implements code splitting and you want to\n * load some of the reducers dynamically. You might also need this if you\n * implement a hot reloading mechanism for Redux.\n *\n * @param {Function} nextReducer The reducer for the store to use instead.\n * @returns {void}\n */\n function replaceReducer(nextReducer) {\n if (typeof nextReducer !== 'function') {\n throw new Error('Expected the nextReducer to be a function.');\n }\n\n currentReducer = nextReducer;\n dispatch({ type: ActionTypes.INIT });\n }\n\n /**\n * Interoperability point for observable/reactive libraries.\n * @returns {observable} A minimal observable of state changes.\n * For more information, see the observable proposal:\n * https://github.com/tc39/proposal-observable\n */\n function observable() {\n var _ref;\n\n var outerSubscribe = subscribe;\n return _ref = {\n /**\n * The minimal observable subscription method.\n * @param {Object} observer Any object that can be used as an observer.\n * The observer object should have a `next` method.\n * @returns {subscription} An object with an `unsubscribe` method that can\n * be used to unsubscribe the observable from the store, and prevent further\n * emission of values from the observable.\n */\n subscribe: function subscribe(observer) {\n if (typeof observer !== 'object') {\n throw new TypeError('Expected the observer to be an object.');\n }\n\n function observeState() {\n if (observer.next) {\n observer.next(getState());\n }\n }\n\n observeState();\n var unsubscribe = outerSubscribe(observeState);\n return { unsubscribe: unsubscribe };\n }\n }, _ref[$$observable] = function () {\n return this;\n }, _ref;\n }\n\n // When a store is created, an \"INIT\" action is dispatched so that every\n // reducer returns their initial state. This effectively populates\n // the initial state tree.\n dispatch({ type: ActionTypes.INIT });\n\n return _ref2 = {\n dispatch: dispatch,\n subscribe: subscribe,\n getState: getState,\n replaceReducer: replaceReducer\n }, _ref2[$$observable] = observable, _ref2;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/redux/es/createStore.js\n// module id = 202\n// module chunks = 0","import baseGetTag from './_baseGetTag.js';\nimport getPrototype from './_getPrototype.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar objectTag = '[object Object]';\n\n/** Used for built-in method references. */\nvar funcProto = Function.prototype,\n objectProto = Object.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/** Used to infer the `Object` constructor. */\nvar objectCtorString = funcToString.call(Object);\n\n/**\n * Checks if `value` is a plain object, that is, an object created by the\n * `Object` constructor or one with a `[[Prototype]]` of `null`.\n *\n * @static\n * @memberOf _\n * @since 0.8.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * }\n *\n * _.isPlainObject(new Foo);\n * // => false\n *\n * _.isPlainObject([1, 2, 3]);\n * // => false\n *\n * _.isPlainObject({ 'x': 0, 'y': 0 });\n * // => true\n *\n * _.isPlainObject(Object.create(null));\n * // => true\n */\nfunction isPlainObject(value) {\n if (!isObjectLike(value) || baseGetTag(value) != objectTag) {\n return false;\n }\n var proto = getPrototype(value);\n if (proto === null) {\n return true;\n }\n var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor;\n return typeof Ctor == 'function' && Ctor instanceof Ctor &&\n funcToString.call(Ctor) == objectCtorString;\n}\n\nexport default isPlainObject;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/lodash-es/isPlainObject.js\n// module id = 203\n// module chunks = 0","import root from './_root.js';\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nexport default Symbol;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/lodash-es/_Symbol.js\n// module id = 204\n// module chunks = 0","/**\n * Composes single-argument functions from right to left. The rightmost\n * function can take multiple arguments as it provides the signature for\n * the resulting composite function.\n *\n * @param {...Function} funcs The functions to compose.\n * @returns {Function} A function obtained by composing the argument functions\n * from right to left. For example, compose(f, g, h) is identical to doing\n * (...args) => f(g(h(...args))).\n */\n\nexport default function compose() {\n for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {\n funcs[_key] = arguments[_key];\n }\n\n if (funcs.length === 0) {\n return function (arg) {\n return arg;\n };\n }\n\n if (funcs.length === 1) {\n return funcs[0];\n }\n\n return funcs.reduce(function (a, b) {\n return function () {\n return a(b.apply(undefined, arguments));\n };\n });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/redux/es/compose.js\n// module id = 206\n// module chunks = 0","import verifyPlainObject from '../utils/verifyPlainObject';\nexport function wrapMapToPropsConstant(getConstant) {\n return function initConstantSelector(dispatch, options) {\n var constant = getConstant(dispatch, options);\n\n function constantSelector() {\n return constant;\n }\n\n constantSelector.dependsOnOwnProps = false;\n return constantSelector;\n };\n} // dependsOnOwnProps is used by createMapToPropsProxy to determine whether to pass props as args\n// to the mapToProps function being wrapped. It is also used by makePurePropsSelector to determine\n// whether mapToProps needs to be invoked when props have changed.\n// \n// A length of one signals that mapToProps does not depend on props from the parent component.\n// A length of zero is assumed to mean mapToProps is getting args via arguments or ...args and\n// therefore not reporting its length accurately..\n\nexport function getDependsOnOwnProps(mapToProps) {\n return mapToProps.dependsOnOwnProps !== null && mapToProps.dependsOnOwnProps !== undefined ? Boolean(mapToProps.dependsOnOwnProps) : mapToProps.length !== 1;\n} // Used by whenMapStateToPropsIsFunction and whenMapDispatchToPropsIsFunction,\n// this function wraps mapToProps in a proxy function which does several things:\n// \n// * Detects whether the mapToProps function being called depends on props, which\n// is used by selectorFactory to decide if it should reinvoke on props changes.\n// \n// * On first call, handles mapToProps if returns another function, and treats that\n// new function as the true mapToProps for subsequent calls.\n// \n// * On first call, verifies the first result is a plain object, in order to warn\n// the developer that their mapToProps function is not returning a valid result.\n// \n\nexport function wrapMapToPropsFunc(mapToProps, methodName) {\n return function initProxySelector(dispatch, _ref) {\n var displayName = _ref.displayName;\n\n var proxy = function mapToPropsProxy(stateOrDispatch, ownProps) {\n return proxy.dependsOnOwnProps ? proxy.mapToProps(stateOrDispatch, ownProps) : proxy.mapToProps(stateOrDispatch);\n }; // allow detectFactoryAndVerify to get ownProps\n\n\n proxy.dependsOnOwnProps = true;\n\n proxy.mapToProps = function detectFactoryAndVerify(stateOrDispatch, ownProps) {\n proxy.mapToProps = mapToProps;\n proxy.dependsOnOwnProps = getDependsOnOwnProps(mapToProps);\n var props = proxy(stateOrDispatch, ownProps);\n\n if (typeof props === 'function') {\n proxy.mapToProps = props;\n proxy.dependsOnOwnProps = getDependsOnOwnProps(props);\n props = proxy(stateOrDispatch, ownProps);\n }\n\n if (process.env.NODE_ENV !== 'production') verifyPlainObject(props, displayName, methodName);\n return props;\n };\n\n return proxy;\n };\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-redux/es/connect/wrapMapToProps.js\n// module id = 207\n// module chunks = 0","import isPlainObject from './isPlainObject';\nimport warning from './warning';\nexport default function verifyPlainObject(value, displayName, methodName) {\n if (!isPlainObject(value)) {\n warning(methodName + \"() in \" + displayName + \" must return a plain object. Instead received \" + value + \".\");\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-redux/es/utils/verifyPlainObject.js\n// module id = 208\n// module chunks = 0","import _MemoryRouter from \"./MemoryRouter\";\nexport { _MemoryRouter as MemoryRouter };\nimport _Prompt from \"./Prompt\";\nexport { _Prompt as Prompt };\nimport _Redirect from \"./Redirect\";\nexport { _Redirect as Redirect };\nimport _Route from \"./Route\";\nexport { _Route as Route };\nimport _Router from \"./Router\";\nexport { _Router as Router };\nimport _StaticRouter from \"./StaticRouter\";\nexport { _StaticRouter as StaticRouter };\nimport _Switch from \"./Switch\";\nexport { _Switch as Switch };\nimport _generatePath from \"./generatePath\";\nexport { _generatePath as generatePath };\nimport _matchPath from \"./matchPath\";\nexport { _matchPath as matchPath };\nimport _withRouter from \"./withRouter\";\nexport { _withRouter as withRouter };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router/es/index.js\n// module id = 209\n// module chunks = 0","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nimport warning from \"warning\";\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { createMemoryHistory as createHistory } from \"history\";\nimport Router from \"./Router\";\n\n/**\n * The public API for a that stores location in memory.\n */\n\nvar MemoryRouter = function (_React$Component) {\n _inherits(MemoryRouter, _React$Component);\n\n function MemoryRouter() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, MemoryRouter);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.history = createHistory(_this.props), _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n MemoryRouter.prototype.componentWillMount = function componentWillMount() {\n warning(!this.props.history, \" ignores the history prop. To use a custom history, \" + \"use `import { Router }` instead of `import { MemoryRouter as Router }`.\");\n };\n\n MemoryRouter.prototype.render = function render() {\n return React.createElement(Router, { history: this.history, children: this.props.children });\n };\n\n return MemoryRouter;\n}(React.Component);\n\nMemoryRouter.propTypes = {\n initialEntries: PropTypes.array,\n initialIndex: PropTypes.number,\n getUserConfirmation: PropTypes.func,\n keyLength: PropTypes.number,\n children: PropTypes.node\n};\n\n\nexport default MemoryRouter;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router/es/MemoryRouter.js\n// module id = 210\n// module chunks = 0","function isAbsolute(pathname) {\n return pathname.charAt(0) === '/';\n}\n\n// About 1.5x faster than the two-arg version of Array#splice()\nfunction spliceOne(list, index) {\n for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1) {\n list[i] = list[k];\n }\n\n list.pop();\n}\n\n// This implementation is based heavily on node's url.parse\nfunction resolvePathname(to, from) {\n if (from === undefined) from = '';\n\n var toParts = (to && to.split('/')) || [];\n var fromParts = (from && from.split('/')) || [];\n\n var isToAbs = to && isAbsolute(to);\n var isFromAbs = from && isAbsolute(from);\n var mustEndAbs = isToAbs || isFromAbs;\n\n if (to && isAbsolute(to)) {\n // to is absolute\n fromParts = toParts;\n } else if (toParts.length) {\n // to is relative, drop the filename\n fromParts.pop();\n fromParts = fromParts.concat(toParts);\n }\n\n if (!fromParts.length) return '/';\n\n var hasTrailingSlash;\n if (fromParts.length) {\n var last = fromParts[fromParts.length - 1];\n hasTrailingSlash = last === '.' || last === '..' || last === '';\n } else {\n hasTrailingSlash = false;\n }\n\n var up = 0;\n for (var i = fromParts.length; i >= 0; i--) {\n var part = fromParts[i];\n\n if (part === '.') {\n spliceOne(fromParts, i);\n } else if (part === '..') {\n spliceOne(fromParts, i);\n up++;\n } else if (up) {\n spliceOne(fromParts, i);\n up--;\n }\n }\n\n if (!mustEndAbs) for (; up--; up) fromParts.unshift('..');\n\n if (\n mustEndAbs &&\n fromParts[0] !== '' &&\n (!fromParts[0] || !isAbsolute(fromParts[0]))\n )\n fromParts.unshift('');\n\n var result = fromParts.join('/');\n\n if (hasTrailingSlash && result.substr(-1) !== '/') result += '/';\n\n return result;\n}\n\nexport default resolvePathname;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/resolve-pathname/esm/resolve-pathname.js\n// module id = 211\n// module chunks = 0","function valueOf(obj) {\n return obj.valueOf ? obj.valueOf() : Object.prototype.valueOf.call(obj);\n}\n\nfunction valueEqual(a, b) {\n // Test for strict equality first.\n if (a === b) return true;\n\n // Otherwise, if either of them == null they are not equal.\n if (a == null || b == null) return false;\n\n if (Array.isArray(a)) {\n return (\n Array.isArray(b) &&\n a.length === b.length &&\n a.every(function(item, index) {\n return valueEqual(item, b[index]);\n })\n );\n }\n\n if (typeof a === 'object' || typeof b === 'object') {\n var aValue = valueOf(a);\n var bValue = valueOf(b);\n\n if (aValue !== a || bValue !== b) return valueEqual(aValue, bValue);\n\n return Object.keys(Object.assign({}, a, b)).every(function(key) {\n return valueEqual(a[key], b[key]);\n });\n }\n\n return false;\n}\n\nexport default valueEqual;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/value-equal/esm/value-equal.js\n// module id = 212\n// module chunks = 0","var isProduction = process.env.NODE_ENV === 'production';\nfunction warning(condition, message) {\n if (!isProduction) {\n if (condition) {\n return;\n }\n\n var text = \"Warning: \" + message;\n\n if (typeof console !== 'undefined') {\n console.warn(text);\n }\n\n try {\n throw Error(text);\n } catch (x) {}\n }\n}\n\nexport default warning;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/tiny-warning/dist/tiny-warning.esm.js\n// module id = 213\n// module chunks = 0","var isProduction = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\nfunction invariant(condition, message) {\n if (condition) {\n return;\n }\n if (isProduction) {\n throw new Error(prefix);\n }\n throw new Error(prefix + \": \" + (message || ''));\n}\n\nexport default invariant;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/tiny-invariant/dist/tiny-invariant.esm.js\n// module id = 214\n// module chunks = 0","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport invariant from \"invariant\";\n\n/**\n * The public API for prompting the user before navigating away\n * from a screen with a component.\n */\n\nvar Prompt = function (_React$Component) {\n _inherits(Prompt, _React$Component);\n\n function Prompt() {\n _classCallCheck(this, Prompt);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n Prompt.prototype.enable = function enable(message) {\n if (this.unblock) this.unblock();\n\n this.unblock = this.context.router.history.block(message);\n };\n\n Prompt.prototype.disable = function disable() {\n if (this.unblock) {\n this.unblock();\n this.unblock = null;\n }\n };\n\n Prompt.prototype.componentWillMount = function componentWillMount() {\n invariant(this.context.router, \"You should not use outside a \");\n\n if (this.props.when) this.enable(this.props.message);\n };\n\n Prompt.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (nextProps.when) {\n if (!this.props.when || this.props.message !== nextProps.message) this.enable(nextProps.message);\n } else {\n this.disable();\n }\n };\n\n Prompt.prototype.componentWillUnmount = function componentWillUnmount() {\n this.disable();\n };\n\n Prompt.prototype.render = function render() {\n return null;\n };\n\n return Prompt;\n}(React.Component);\n\nPrompt.propTypes = {\n when: PropTypes.bool,\n message: PropTypes.oneOfType([PropTypes.func, PropTypes.string]).isRequired\n};\nPrompt.defaultProps = {\n when: true\n};\nPrompt.contextTypes = {\n router: PropTypes.shape({\n history: PropTypes.shape({\n block: PropTypes.func.isRequired\n }).isRequired\n }).isRequired\n};\n\n\nexport default Prompt;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router/es/Prompt.js\n// module id = 215\n// module chunks = 0","var _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\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport warning from \"warning\";\nimport invariant from \"invariant\";\nimport { createLocation, locationsAreEqual } from \"history\";\nimport generatePath from \"./generatePath\";\n\n/**\n * The public API for updating the location programmatically\n * with a component.\n */\n\nvar Redirect = function (_React$Component) {\n _inherits(Redirect, _React$Component);\n\n function Redirect() {\n _classCallCheck(this, Redirect);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n Redirect.prototype.isStatic = function isStatic() {\n return this.context.router && this.context.router.staticContext;\n };\n\n Redirect.prototype.componentWillMount = function componentWillMount() {\n invariant(this.context.router, \"You should not use outside a \");\n\n if (this.isStatic()) this.perform();\n };\n\n Redirect.prototype.componentDidMount = function componentDidMount() {\n if (!this.isStatic()) this.perform();\n };\n\n Redirect.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {\n var prevTo = createLocation(prevProps.to);\n var nextTo = createLocation(this.props.to);\n\n if (locationsAreEqual(prevTo, nextTo)) {\n warning(false, \"You tried to redirect to the same route you're currently on: \" + (\"\\\"\" + nextTo.pathname + nextTo.search + \"\\\"\"));\n return;\n }\n\n this.perform();\n };\n\n Redirect.prototype.computeTo = function computeTo(_ref) {\n var computedMatch = _ref.computedMatch,\n to = _ref.to;\n\n if (computedMatch) {\n if (typeof to === \"string\") {\n return generatePath(to, computedMatch.params);\n } else {\n return _extends({}, to, {\n pathname: generatePath(to.pathname, computedMatch.params)\n });\n }\n }\n\n return to;\n };\n\n Redirect.prototype.perform = function perform() {\n var history = this.context.router.history;\n var push = this.props.push;\n\n var to = this.computeTo(this.props);\n\n if (push) {\n history.push(to);\n } else {\n history.replace(to);\n }\n };\n\n Redirect.prototype.render = function render() {\n return null;\n };\n\n return Redirect;\n}(React.Component);\n\nRedirect.propTypes = {\n computedMatch: PropTypes.object, // private, from \n push: PropTypes.bool,\n from: PropTypes.string,\n to: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired\n};\nRedirect.defaultProps = {\n push: false\n};\nRedirect.contextTypes = {\n router: PropTypes.shape({\n history: PropTypes.shape({\n push: PropTypes.func.isRequired,\n replace: PropTypes.func.isRequired\n }).isRequired,\n staticContext: PropTypes.object\n }).isRequired\n};\n\n\nexport default Redirect;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router/es/Redirect.js\n// module id = 216\n// module chunks = 0","var isarray = require('isarray')\n\n/**\n * Expose `pathToRegexp`.\n */\nmodule.exports = pathToRegexp\nmodule.exports.parse = parse\nmodule.exports.compile = compile\nmodule.exports.tokensToFunction = tokensToFunction\nmodule.exports.tokensToRegExp = tokensToRegExp\n\n/**\n * The main path matching regexp utility.\n *\n * @type {RegExp}\n */\nvar PATH_REGEXP = new RegExp([\n // Match escaped characters that would otherwise appear in future matches.\n // This allows the user to escape special characters that won't transform.\n '(\\\\\\\\.)',\n // Match Express-style parameters and un-named parameters with a prefix\n // and optional suffixes. Matches appear as:\n //\n // \"/:test(\\\\d+)?\" => [\"/\", \"test\", \"\\d+\", undefined, \"?\", undefined]\n // \"/route(\\\\d+)\" => [undefined, undefined, undefined, \"\\d+\", undefined, undefined]\n // \"/*\" => [\"/\", undefined, undefined, undefined, undefined, \"*\"]\n '([\\\\/.])?(?:(?:\\\\:(\\\\w+)(?:\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))?|\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))([+*?])?|(\\\\*))'\n].join('|'), 'g')\n\n/**\n * Parse a string for the raw tokens.\n *\n * @param {string} str\n * @param {Object=} options\n * @return {!Array}\n */\nfunction parse (str, options) {\n var tokens = []\n var key = 0\n var index = 0\n var path = ''\n var defaultDelimiter = options && options.delimiter || '/'\n var res\n\n while ((res = PATH_REGEXP.exec(str)) != null) {\n var m = res[0]\n var escaped = res[1]\n var offset = res.index\n path += str.slice(index, offset)\n index = offset + m.length\n\n // Ignore already escaped sequences.\n if (escaped) {\n path += escaped[1]\n continue\n }\n\n var next = str[index]\n var prefix = res[2]\n var name = res[3]\n var capture = res[4]\n var group = res[5]\n var modifier = res[6]\n var asterisk = res[7]\n\n // Push the current path onto the tokens.\n if (path) {\n tokens.push(path)\n path = ''\n }\n\n var partial = prefix != null && next != null && next !== prefix\n var repeat = modifier === '+' || modifier === '*'\n var optional = modifier === '?' || modifier === '*'\n var delimiter = res[2] || defaultDelimiter\n var pattern = capture || group\n\n tokens.push({\n name: name || key++,\n prefix: prefix || '',\n delimiter: delimiter,\n optional: optional,\n repeat: repeat,\n partial: partial,\n asterisk: !!asterisk,\n pattern: pattern ? escapeGroup(pattern) : (asterisk ? '.*' : '[^' + escapeString(delimiter) + ']+?')\n })\n }\n\n // Match any characters still remaining.\n if (index < str.length) {\n path += str.substr(index)\n }\n\n // If the path exists, push it onto the end.\n if (path) {\n tokens.push(path)\n }\n\n return tokens\n}\n\n/**\n * Compile a string to a template function for the path.\n *\n * @param {string} str\n * @param {Object=} options\n * @return {!function(Object=, Object=)}\n */\nfunction compile (str, options) {\n return tokensToFunction(parse(str, options), options)\n}\n\n/**\n * Prettier encoding of URI path segments.\n *\n * @param {string}\n * @return {string}\n */\nfunction encodeURIComponentPretty (str) {\n return encodeURI(str).replace(/[\\/?#]/g, function (c) {\n return '%' + c.charCodeAt(0).toString(16).toUpperCase()\n })\n}\n\n/**\n * Encode the asterisk parameter. Similar to `pretty`, but allows slashes.\n *\n * @param {string}\n * @return {string}\n */\nfunction encodeAsterisk (str) {\n return encodeURI(str).replace(/[?#]/g, function (c) {\n return '%' + c.charCodeAt(0).toString(16).toUpperCase()\n })\n}\n\n/**\n * Expose a method for transforming tokens into the path function.\n */\nfunction tokensToFunction (tokens, options) {\n // Compile all the tokens into regexps.\n var matches = new Array(tokens.length)\n\n // Compile all the patterns before compilation.\n for (var i = 0; i < tokens.length; i++) {\n if (typeof tokens[i] === 'object') {\n matches[i] = new RegExp('^(?:' + tokens[i].pattern + ')$', flags(options))\n }\n }\n\n return function (obj, opts) {\n var path = ''\n var data = obj || {}\n var options = opts || {}\n var encode = options.pretty ? encodeURIComponentPretty : encodeURIComponent\n\n for (var i = 0; i < tokens.length; i++) {\n var token = tokens[i]\n\n if (typeof token === 'string') {\n path += token\n\n continue\n }\n\n var value = data[token.name]\n var segment\n\n if (value == null) {\n if (token.optional) {\n // Prepend partial segment prefixes.\n if (token.partial) {\n path += token.prefix\n }\n\n continue\n } else {\n throw new TypeError('Expected \"' + token.name + '\" to be defined')\n }\n }\n\n if (isarray(value)) {\n if (!token.repeat) {\n throw new TypeError('Expected \"' + token.name + '\" to not repeat, but received `' + JSON.stringify(value) + '`')\n }\n\n if (value.length === 0) {\n if (token.optional) {\n continue\n } else {\n throw new TypeError('Expected \"' + token.name + '\" to not be empty')\n }\n }\n\n for (var j = 0; j < value.length; j++) {\n segment = encode(value[j])\n\n if (!matches[i].test(segment)) {\n throw new TypeError('Expected all \"' + token.name + '\" to match \"' + token.pattern + '\", but received `' + JSON.stringify(segment) + '`')\n }\n\n path += (j === 0 ? token.prefix : token.delimiter) + segment\n }\n\n continue\n }\n\n segment = token.asterisk ? encodeAsterisk(value) : encode(value)\n\n if (!matches[i].test(segment)) {\n throw new TypeError('Expected \"' + token.name + '\" to match \"' + token.pattern + '\", but received \"' + segment + '\"')\n }\n\n path += token.prefix + segment\n }\n\n return path\n }\n}\n\n/**\n * Escape a regular expression string.\n *\n * @param {string} str\n * @return {string}\n */\nfunction escapeString (str) {\n return str.replace(/([.+*?=^!:${}()[\\]|\\/\\\\])/g, '\\\\$1')\n}\n\n/**\n * Escape the capturing group by escaping special characters and meaning.\n *\n * @param {string} group\n * @return {string}\n */\nfunction escapeGroup (group) {\n return group.replace(/([=!:$\\/()])/g, '\\\\$1')\n}\n\n/**\n * Attach the keys as a property of the regexp.\n *\n * @param {!RegExp} re\n * @param {Array} keys\n * @return {!RegExp}\n */\nfunction attachKeys (re, keys) {\n re.keys = keys\n return re\n}\n\n/**\n * Get the flags for a regexp from the options.\n *\n * @param {Object} options\n * @return {string}\n */\nfunction flags (options) {\n return options && options.sensitive ? '' : 'i'\n}\n\n/**\n * Pull out keys from a regexp.\n *\n * @param {!RegExp} path\n * @param {!Array} keys\n * @return {!RegExp}\n */\nfunction regexpToRegexp (path, keys) {\n // Use a negative lookahead to match only capturing groups.\n var groups = path.source.match(/\\((?!\\?)/g)\n\n if (groups) {\n for (var i = 0; i < groups.length; i++) {\n keys.push({\n name: i,\n prefix: null,\n delimiter: null,\n optional: false,\n repeat: false,\n partial: false,\n asterisk: false,\n pattern: null\n })\n }\n }\n\n return attachKeys(path, keys)\n}\n\n/**\n * Transform an array into a regexp.\n *\n * @param {!Array} path\n * @param {Array} keys\n * @param {!Object} options\n * @return {!RegExp}\n */\nfunction arrayToRegexp (path, keys, options) {\n var parts = []\n\n for (var i = 0; i < path.length; i++) {\n parts.push(pathToRegexp(path[i], keys, options).source)\n }\n\n var regexp = new RegExp('(?:' + parts.join('|') + ')', flags(options))\n\n return attachKeys(regexp, keys)\n}\n\n/**\n * Create a path regexp from string input.\n *\n * @param {string} path\n * @param {!Array} keys\n * @param {!Object} options\n * @return {!RegExp}\n */\nfunction stringToRegexp (path, keys, options) {\n return tokensToRegExp(parse(path, options), keys, options)\n}\n\n/**\n * Expose a function for taking tokens and returning a RegExp.\n *\n * @param {!Array} tokens\n * @param {(Array|Object)=} keys\n * @param {Object=} options\n * @return {!RegExp}\n */\nfunction tokensToRegExp (tokens, keys, options) {\n if (!isarray(keys)) {\n options = /** @type {!Object} */ (keys || options)\n keys = []\n }\n\n options = options || {}\n\n var strict = options.strict\n var end = options.end !== false\n var route = ''\n\n // Iterate over the tokens and create our regexp string.\n for (var i = 0; i < tokens.length; i++) {\n var token = tokens[i]\n\n if (typeof token === 'string') {\n route += escapeString(token)\n } else {\n var prefix = escapeString(token.prefix)\n var capture = '(?:' + token.pattern + ')'\n\n keys.push(token)\n\n if (token.repeat) {\n capture += '(?:' + prefix + capture + ')*'\n }\n\n if (token.optional) {\n if (!token.partial) {\n capture = '(?:' + prefix + '(' + capture + '))?'\n } else {\n capture = prefix + '(' + capture + ')?'\n }\n } else {\n capture = prefix + '(' + capture + ')'\n }\n\n route += capture\n }\n }\n\n var delimiter = escapeString(options.delimiter || '/')\n var endsWithDelimiter = route.slice(-delimiter.length) === delimiter\n\n // In non-strict mode we allow a slash at the end of match. If the path to\n // match already ends with a slash, we remove it for consistency. The slash\n // is valid at the end of a path match, not in the middle. This is important\n // in non-ending mode, where \"/test/\" shouldn't match \"/test//route\".\n if (!strict) {\n route = (endsWithDelimiter ? route.slice(0, -delimiter.length) : route) + '(?:' + delimiter + '(?=$))?'\n }\n\n if (end) {\n route += '$'\n } else {\n // In non-ending mode, we need the capturing groups to match as much as\n // possible by using a positive lookahead to the end or next path segment.\n route += strict && endsWithDelimiter ? '' : '(?=' + delimiter + '|$)'\n }\n\n return attachKeys(new RegExp('^' + route, flags(options)), keys)\n}\n\n/**\n * Normalize the given path string, returning a regular expression.\n *\n * An empty array can be passed in for the keys, which will hold the\n * placeholder key descriptions. For example, using `/user/:id`, `keys` will\n * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`.\n *\n * @param {(string|RegExp|Array)} path\n * @param {(Array|Object)=} keys\n * @param {Object=} options\n * @return {!RegExp}\n */\nfunction pathToRegexp (path, keys, options) {\n if (!isarray(keys)) {\n options = /** @type {!Object} */ (keys || options)\n keys = []\n }\n\n options = options || {}\n\n if (path instanceof RegExp) {\n return regexpToRegexp(path, /** @type {!Array} */ (keys))\n }\n\n if (isarray(path)) {\n return arrayToRegexp(/** @type {!Array} */ (path), /** @type {!Array} */ (keys), options)\n }\n\n return stringToRegexp(/** @type {string} */ (path), /** @type {!Array} */ (keys), options)\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/path-to-regexp/index.js\n// module id = 217\n// module chunks = 0","var _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\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nimport warning from \"warning\";\nimport invariant from \"invariant\";\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { createLocation, createPath } from \"history\";\nimport Router from \"./Router\";\n\nvar addLeadingSlash = function addLeadingSlash(path) {\n return path.charAt(0) === \"/\" ? path : \"/\" + path;\n};\n\nvar addBasename = function addBasename(basename, location) {\n if (!basename) return location;\n\n return _extends({}, location, {\n pathname: addLeadingSlash(basename) + location.pathname\n });\n};\n\nvar stripBasename = function stripBasename(basename, location) {\n if (!basename) return location;\n\n var base = addLeadingSlash(basename);\n\n if (location.pathname.indexOf(base) !== 0) return location;\n\n return _extends({}, location, {\n pathname: location.pathname.substr(base.length)\n });\n};\n\nvar createURL = function createURL(location) {\n return typeof location === \"string\" ? location : createPath(location);\n};\n\nvar staticHandler = function staticHandler(methodName) {\n return function () {\n invariant(false, \"You cannot %s with \", methodName);\n };\n};\n\nvar noop = function noop() {};\n\n/**\n * The public top-level API for a \"static\" , so-called because it\n * can't actually change the current location. Instead, it just records\n * location changes in a context object. Useful mainly in testing and\n * server-rendering scenarios.\n */\n\nvar StaticRouter = function (_React$Component) {\n _inherits(StaticRouter, _React$Component);\n\n function StaticRouter() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, StaticRouter);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.createHref = function (path) {\n return addLeadingSlash(_this.props.basename + createURL(path));\n }, _this.handlePush = function (location) {\n var _this$props = _this.props,\n basename = _this$props.basename,\n context = _this$props.context;\n\n context.action = \"PUSH\";\n context.location = addBasename(basename, createLocation(location));\n context.url = createURL(context.location);\n }, _this.handleReplace = function (location) {\n var _this$props2 = _this.props,\n basename = _this$props2.basename,\n context = _this$props2.context;\n\n context.action = \"REPLACE\";\n context.location = addBasename(basename, createLocation(location));\n context.url = createURL(context.location);\n }, _this.handleListen = function () {\n return noop;\n }, _this.handleBlock = function () {\n return noop;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n StaticRouter.prototype.getChildContext = function getChildContext() {\n return {\n router: {\n staticContext: this.props.context\n }\n };\n };\n\n StaticRouter.prototype.componentWillMount = function componentWillMount() {\n warning(!this.props.history, \" ignores the history prop. To use a custom history, \" + \"use `import { Router }` instead of `import { StaticRouter as Router }`.\");\n };\n\n StaticRouter.prototype.render = function render() {\n var _props = this.props,\n basename = _props.basename,\n context = _props.context,\n location = _props.location,\n props = _objectWithoutProperties(_props, [\"basename\", \"context\", \"location\"]);\n\n var history = {\n createHref: this.createHref,\n action: \"POP\",\n location: stripBasename(basename, createLocation(location)),\n push: this.handlePush,\n replace: this.handleReplace,\n go: staticHandler(\"go\"),\n goBack: staticHandler(\"goBack\"),\n goForward: staticHandler(\"goForward\"),\n listen: this.handleListen,\n block: this.handleBlock\n };\n\n return React.createElement(Router, _extends({}, props, { history: history }));\n };\n\n return StaticRouter;\n}(React.Component);\n\nStaticRouter.propTypes = {\n basename: PropTypes.string,\n context: PropTypes.object.isRequired,\n location: PropTypes.oneOfType([PropTypes.string, PropTypes.object])\n};\nStaticRouter.defaultProps = {\n basename: \"\",\n location: \"/\"\n};\nStaticRouter.childContextTypes = {\n router: PropTypes.object.isRequired\n};\n\n\nexport default StaticRouter;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router/es/StaticRouter.js\n// module id = 218\n// module chunks = 0","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport warning from \"warning\";\nimport invariant from \"invariant\";\nimport matchPath from \"./matchPath\";\n\n/**\n * The public API for rendering the first that matches.\n */\n\nvar Switch = function (_React$Component) {\n _inherits(Switch, _React$Component);\n\n function Switch() {\n _classCallCheck(this, Switch);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n Switch.prototype.componentWillMount = function componentWillMount() {\n invariant(this.context.router, \"You should not use outside a \");\n };\n\n Switch.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n warning(!(nextProps.location && !this.props.location), ' elements should not change from uncontrolled to controlled (or vice versa). You initially used no \"location\" prop and then provided one on a subsequent render.');\n\n warning(!(!nextProps.location && this.props.location), ' elements should not change from controlled to uncontrolled (or vice versa). You provided a \"location\" prop initially but omitted it on a subsequent render.');\n };\n\n Switch.prototype.render = function render() {\n var route = this.context.router.route;\n var children = this.props.children;\n\n var location = this.props.location || route.location;\n\n var match = void 0,\n child = void 0;\n React.Children.forEach(children, function (element) {\n if (match == null && React.isValidElement(element)) {\n var _element$props = element.props,\n pathProp = _element$props.path,\n exact = _element$props.exact,\n strict = _element$props.strict,\n sensitive = _element$props.sensitive,\n from = _element$props.from;\n\n var path = pathProp || from;\n\n child = element;\n match = matchPath(location.pathname, { path: path, exact: exact, strict: strict, sensitive: sensitive }, route.match);\n }\n });\n\n return match ? React.cloneElement(child, { location: location, computedMatch: match }) : null;\n };\n\n return Switch;\n}(React.Component);\n\nSwitch.contextTypes = {\n router: PropTypes.shape({\n route: PropTypes.object.isRequired\n }).isRequired\n};\nSwitch.propTypes = {\n children: PropTypes.node,\n location: PropTypes.object\n};\n\n\nexport default Switch;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router/es/Switch.js\n// module id = 219\n// module chunks = 0","var _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\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport hoistStatics from \"hoist-non-react-statics\";\nimport Route from \"./Route\";\n\n/**\n * A public higher-order component to access the imperative API\n */\nvar withRouter = function withRouter(Component) {\n var C = function C(props) {\n var wrappedComponentRef = props.wrappedComponentRef,\n remainingProps = _objectWithoutProperties(props, [\"wrappedComponentRef\"]);\n\n return React.createElement(Route, {\n children: function children(routeComponentProps) {\n return React.createElement(Component, _extends({}, remainingProps, routeComponentProps, {\n ref: wrappedComponentRef\n }));\n }\n });\n };\n\n C.displayName = \"withRouter(\" + (Component.displayName || Component.name) + \")\";\n C.WrappedComponent = Component;\n C.propTypes = {\n wrappedComponentRef: PropTypes.func\n };\n\n return hoistStatics(C, Component);\n};\n\nexport default withRouter;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router/es/withRouter.js\n// module id = 220\n// module chunks = 0","var _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\n/**\n * This action type will be dispatched when your history\n * receives a location change.\n */\nexport var LOCATION_CHANGE = '@@router/LOCATION_CHANGE';\n\nvar initialState = {\n location: null\n\n /**\n * This reducer will update the state with the most recent location history\n * has transitioned to. This may not be in sync with the router, particularly\n * if you have asynchronously-loaded routes, so reading from and relying on\n * this state is discouraged.\n */\n};export function routerReducer() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;\n\n var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n type = _ref.type,\n payload = _ref.payload;\n\n if (type === LOCATION_CHANGE) {\n return _extends({}, state, { location: payload });\n }\n\n return state;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router-redux/es/reducer.js\n// module id = 221\n// module chunks = 0","\n/**\n * This action type will be dispatched by the history actions below.\n * If you're writing a middleware to watch for navigation events, be sure to\n * look for actions of this type.\n */\nexport var CALL_HISTORY_METHOD = '@@router/CALL_HISTORY_METHOD';\n\nfunction updateLocation(method) {\n return function () {\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return {\n type: CALL_HISTORY_METHOD,\n payload: { method: method, args: args }\n };\n };\n}\n\n/**\n * These actions correspond to the history API.\n * The associated routerMiddleware will capture these events before they get to\n * your reducer and reissue them as the matching function on your history.\n */\nexport var push = updateLocation('push');\nexport var replace = updateLocation('replace');\nexport var go = updateLocation('go');\nexport var goBack = updateLocation('goBack');\nexport var goForward = updateLocation('goForward');\n\nexport var routerActions = { push: push, replace: replace, go: go, goBack: goBack, goForward: goForward };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router-redux/es/actions.js\n// module id = 222\n// module chunks = 0","import _BrowserRouter from \"./BrowserRouter\";\nexport { _BrowserRouter as BrowserRouter };\nimport _HashRouter from \"./HashRouter\";\nexport { _HashRouter as HashRouter };\nimport _Link from \"./Link\";\nexport { _Link as Link };\nimport _MemoryRouter from \"./MemoryRouter\";\nexport { _MemoryRouter as MemoryRouter };\nimport _NavLink from \"./NavLink\";\nexport { _NavLink as NavLink };\nimport _Prompt from \"./Prompt\";\nexport { _Prompt as Prompt };\nimport _Redirect from \"./Redirect\";\nexport { _Redirect as Redirect };\nimport _Route from \"./Route\";\nexport { _Route as Route };\nimport _Router from \"./Router\";\nexport { _Router as Router };\nimport _StaticRouter from \"./StaticRouter\";\nexport { _StaticRouter as StaticRouter };\nimport _Switch from \"./Switch\";\nexport { _Switch as Switch };\nimport _generatePath from \"./generatePath\";\nexport { _generatePath as generatePath };\nimport _matchPath from \"./matchPath\";\nexport { _matchPath as matchPath };\nimport _withRouter from \"./withRouter\";\nexport { _withRouter as withRouter };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router-dom/es/index.js\n// module id = 223\n// module chunks = 0","var _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\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport invariant from \"invariant\";\nimport { createLocation } from \"history\";\n\nvar isModifiedEvent = function isModifiedEvent(event) {\n return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);\n};\n\n/**\n * The public API for rendering a history-aware .\n */\n\nvar Link = function (_React$Component) {\n _inherits(Link, _React$Component);\n\n function Link() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, Link);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.handleClick = function (event) {\n if (_this.props.onClick) _this.props.onClick(event);\n\n if (!event.defaultPrevented && // onClick prevented default\n event.button === 0 && // ignore everything but left clicks\n !_this.props.target && // let browser handle \"target=_blank\" etc.\n !isModifiedEvent(event) // ignore clicks with modifier keys\n ) {\n event.preventDefault();\n\n var history = _this.context.router.history;\n var _this$props = _this.props,\n replace = _this$props.replace,\n to = _this$props.to;\n\n\n if (replace) {\n history.replace(to);\n } else {\n history.push(to);\n }\n }\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n Link.prototype.render = function render() {\n var _props = this.props,\n replace = _props.replace,\n to = _props.to,\n innerRef = _props.innerRef,\n props = _objectWithoutProperties(_props, [\"replace\", \"to\", \"innerRef\"]); // eslint-disable-line no-unused-vars\n\n invariant(this.context.router, \"You should not use outside a \");\n\n invariant(to !== undefined, 'You must specify the \"to\" property');\n\n var history = this.context.router.history;\n\n var location = typeof to === \"string\" ? createLocation(to, null, null, history.location) : to;\n\n var href = history.createHref(location);\n return React.createElement(\"a\", _extends({}, props, { onClick: this.handleClick, href: href, ref: innerRef }));\n };\n\n return Link;\n}(React.Component);\n\nLink.propTypes = {\n onClick: PropTypes.func,\n target: PropTypes.string,\n replace: PropTypes.bool,\n to: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n innerRef: PropTypes.oneOfType([PropTypes.string, PropTypes.func])\n};\nLink.defaultProps = {\n replace: false\n};\nLink.contextTypes = {\n router: PropTypes.shape({\n history: PropTypes.shape({\n push: PropTypes.func.isRequired,\n replace: PropTypes.func.isRequired,\n createHref: PropTypes.func.isRequired\n }).isRequired\n }).isRequired\n};\n\n\nexport default Link;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router-dom/es/Link.js\n// module id = 224\n// module chunks = 0","// Written in this round about way for babel-transform-imports\nimport Route from \"react-router/es/Route\";\n\nexport default Route;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-router-dom/es/Route.js\n// module id = 225\n// module chunks = 0","'use strict';\n\nmodule.exports = function bind(fn, thisArg) {\n return function wrap() {\n var args = new Array(arguments.length);\n for (var i = 0; i < args.length; i++) {\n args[i] = arguments[i];\n }\n return fn.apply(thisArg, args);\n };\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/axios/lib/helpers/bind.js\n// module id = 226\n// module chunks = 0","'use strict';\n\nvar utils = require('./../utils');\n\nfunction encode(val) {\n return encodeURIComponent(val).\n replace(/%40/gi, '@').\n replace(/%3A/gi, ':').\n replace(/%24/g, '$').\n replace(/%2C/gi, ',').\n replace(/%20/g, '+').\n replace(/%5B/gi, '[').\n replace(/%5D/gi, ']');\n}\n\n/**\n * Build a URL by appending params to the end\n *\n * @param {string} url The base of the url (e.g., http://www.google.com)\n * @param {object} [params] The params to be appended\n * @returns {string} The formatted url\n */\nmodule.exports = function buildURL(url, params, paramsSerializer) {\n /*eslint no-param-reassign:0*/\n if (!params) {\n return url;\n }\n\n var serializedParams;\n if (paramsSerializer) {\n serializedParams = paramsSerializer(params);\n } else if (utils.isURLSearchParams(params)) {\n serializedParams = params.toString();\n } else {\n var parts = [];\n\n utils.forEach(params, function serialize(val, key) {\n if (val === null || typeof val === 'undefined') {\n return;\n }\n\n if (utils.isArray(val)) {\n key = key + '[]';\n } else {\n val = [val];\n }\n\n utils.forEach(val, function parseValue(v) {\n if (utils.isDate(v)) {\n v = v.toISOString();\n } else if (utils.isObject(v)) {\n v = JSON.stringify(v);\n }\n parts.push(encode(key) + '=' + encode(v));\n });\n });\n\n serializedParams = parts.join('&');\n }\n\n if (serializedParams) {\n var hashmarkIndex = url.indexOf('#');\n if (hashmarkIndex !== -1) {\n url = url.slice(0, hashmarkIndex);\n }\n\n url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;\n }\n\n return url;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/axios/lib/helpers/buildURL.js\n// module id = 227\n// module chunks = 0","'use strict';\n\nmodule.exports = function isCancel(value) {\n return !!(value && value.__CANCEL__);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/axios/lib/cancel/isCancel.js\n// module id = 228\n// module chunks = 0","'use strict';\n\nvar utils = require('./utils');\nvar normalizeHeaderName = require('./helpers/normalizeHeaderName');\n\nvar DEFAULT_CONTENT_TYPE = {\n 'Content-Type': 'application/x-www-form-urlencoded'\n};\n\nfunction setContentTypeIfUnset(headers, value) {\n if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {\n headers['Content-Type'] = value;\n }\n}\n\nfunction getDefaultAdapter() {\n var adapter;\n if (typeof XMLHttpRequest !== 'undefined') {\n // For browsers use XHR adapter\n adapter = require('./adapters/xhr');\n } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {\n // For node use HTTP adapter\n adapter = require('./adapters/http');\n }\n return adapter;\n}\n\nvar defaults = {\n adapter: getDefaultAdapter(),\n\n transformRequest: [function transformRequest(data, headers) {\n normalizeHeaderName(headers, 'Accept');\n normalizeHeaderName(headers, 'Content-Type');\n if (utils.isFormData(data) ||\n utils.isArrayBuffer(data) ||\n utils.isBuffer(data) ||\n utils.isStream(data) ||\n utils.isFile(data) ||\n utils.isBlob(data)\n ) {\n return data;\n }\n if (utils.isArrayBufferView(data)) {\n return data.buffer;\n }\n if (utils.isURLSearchParams(data)) {\n setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');\n return data.toString();\n }\n if (utils.isObject(data)) {\n setContentTypeIfUnset(headers, 'application/json;charset=utf-8');\n return JSON.stringify(data);\n }\n return data;\n }],\n\n transformResponse: [function transformResponse(data) {\n /*eslint no-param-reassign:0*/\n if (typeof data === 'string') {\n try {\n data = JSON.parse(data);\n } catch (e) { /* Ignore */ }\n }\n return data;\n }],\n\n /**\n * A timeout in milliseconds to abort a request. If set to 0 (default) a\n * timeout is not created.\n */\n timeout: 0,\n\n xsrfCookieName: 'XSRF-TOKEN',\n xsrfHeaderName: 'X-XSRF-TOKEN',\n\n maxContentLength: -1,\n\n validateStatus: function validateStatus(status) {\n return status >= 200 && status < 300;\n }\n};\n\ndefaults.headers = {\n common: {\n 'Accept': 'application/json, text/plain, */*'\n }\n};\n\nutils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {\n defaults.headers[method] = {};\n});\n\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);\n});\n\nmodule.exports = defaults;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/axios/lib/defaults.js\n// module id = 229\n// module chunks = 0","// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things. But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals. It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n throw new Error('clearTimeout has not been defined');\n}\n(function () {\n try {\n if (typeof setTimeout === 'function') {\n cachedSetTimeout = setTimeout;\n } else {\n cachedSetTimeout = defaultSetTimout;\n }\n } catch (e) {\n cachedSetTimeout = defaultSetTimout;\n }\n try {\n if (typeof clearTimeout === 'function') {\n cachedClearTimeout = clearTimeout;\n } else {\n cachedClearTimeout = defaultClearTimeout;\n }\n } catch (e) {\n cachedClearTimeout = defaultClearTimeout;\n }\n} ())\nfunction runTimeout(fun) {\n if (cachedSetTimeout === setTimeout) {\n //normal enviroments in sane situations\n return setTimeout(fun, 0);\n }\n // if setTimeout wasn't available but was latter defined\n if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n cachedSetTimeout = setTimeout;\n return setTimeout(fun, 0);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedSetTimeout(fun, 0);\n } catch(e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedSetTimeout.call(null, fun, 0);\n } catch(e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n return cachedSetTimeout.call(this, fun, 0);\n }\n }\n\n\n}\nfunction runClearTimeout(marker) {\n if (cachedClearTimeout === clearTimeout) {\n //normal enviroments in sane situations\n return clearTimeout(marker);\n }\n // if clearTimeout wasn't available but was latter defined\n if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n cachedClearTimeout = clearTimeout;\n return clearTimeout(marker);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedClearTimeout(marker);\n } catch (e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedClearTimeout.call(null, marker);\n } catch (e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n return cachedClearTimeout.call(this, marker);\n }\n }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n if (!draining || !currentQueue) {\n return;\n }\n draining = false;\n if (currentQueue.length) {\n queue = currentQueue.concat(queue);\n } else {\n queueIndex = -1;\n }\n if (queue.length) {\n drainQueue();\n }\n}\n\nfunction drainQueue() {\n if (draining) {\n return;\n }\n var timeout = runTimeout(cleanUpNextTick);\n draining = true;\n\n var len = queue.length;\n while(len) {\n currentQueue = queue;\n queue = [];\n while (++queueIndex < len) {\n if (currentQueue) {\n currentQueue[queueIndex].run();\n }\n }\n queueIndex = -1;\n len = queue.length;\n }\n currentQueue = null;\n draining = false;\n runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n var args = new Array(arguments.length - 1);\n if (arguments.length > 1) {\n for (var i = 1; i < arguments.length; i++) {\n args[i - 1] = arguments[i];\n }\n }\n queue.push(new Item(fun, args));\n if (queue.length === 1 && !draining) {\n runTimeout(drainQueue);\n }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n this.fun = fun;\n this.array = array;\n}\nItem.prototype.run = function () {\n this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/process/browser.js\n// module id = 230\n// module chunks = 0","'use strict';\n\nvar utils = require('./../utils');\nvar settle = require('./../core/settle');\nvar buildURL = require('./../helpers/buildURL');\nvar buildFullPath = require('../core/buildFullPath');\nvar parseHeaders = require('./../helpers/parseHeaders');\nvar isURLSameOrigin = require('./../helpers/isURLSameOrigin');\nvar createError = require('../core/createError');\n\nmodule.exports = function xhrAdapter(config) {\n return new Promise(function dispatchXhrRequest(resolve, reject) {\n var requestData = config.data;\n var requestHeaders = config.headers;\n\n if (utils.isFormData(requestData)) {\n delete requestHeaders['Content-Type']; // Let the browser set it\n }\n\n var request = new XMLHttpRequest();\n\n // HTTP basic authentication\n if (config.auth) {\n var username = config.auth.username || '';\n var password = config.auth.password || '';\n requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);\n }\n\n var fullPath = buildFullPath(config.baseURL, config.url);\n request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);\n\n // Set the request timeout in MS\n request.timeout = config.timeout;\n\n // Listen for ready state\n request.onreadystatechange = function handleLoad() {\n if (!request || request.readyState !== 4) {\n return;\n }\n\n // The request errored out and we didn't get a response, this will be\n // handled by onerror instead\n // With one exception: request that using file: protocol, most browsers\n // will return status as 0 even though it's a successful request\n if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {\n return;\n }\n\n // Prepare the response\n var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;\n var responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response;\n var response = {\n data: responseData,\n status: request.status,\n statusText: request.statusText,\n headers: responseHeaders,\n config: config,\n request: request\n };\n\n settle(resolve, reject, response);\n\n // Clean up request\n request = null;\n };\n\n // Handle browser request cancellation (as opposed to a manual cancellation)\n request.onabort = function handleAbort() {\n if (!request) {\n return;\n }\n\n reject(createError('Request aborted', config, 'ECONNABORTED', request));\n\n // Clean up request\n request = null;\n };\n\n // Handle low level network errors\n request.onerror = function handleError() {\n // Real errors are hidden from us by the browser\n // onerror should only fire if it's a network error\n reject(createError('Network Error', config, null, request));\n\n // Clean up request\n request = null;\n };\n\n // Handle timeout\n request.ontimeout = function handleTimeout() {\n var timeoutErrorMessage = 'timeout of ' + config.timeout + 'ms exceeded';\n if (config.timeoutErrorMessage) {\n timeoutErrorMessage = config.timeoutErrorMessage;\n }\n reject(createError(timeoutErrorMessage, config, 'ECONNABORTED',\n request));\n\n // Clean up request\n request = null;\n };\n\n // Add xsrf header\n // This is only done if running in a standard browser environment.\n // Specifically not if we're in a web worker, or react-native.\n if (utils.isStandardBrowserEnv()) {\n var cookies = require('./../helpers/cookies');\n\n // Add xsrf header\n var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ?\n cookies.read(config.xsrfCookieName) :\n undefined;\n\n if (xsrfValue) {\n requestHeaders[config.xsrfHeaderName] = xsrfValue;\n }\n }\n\n // Add headers to the request\n if ('setRequestHeader' in request) {\n utils.forEach(requestHeaders, function setRequestHeader(val, key) {\n if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {\n // Remove Content-Type if data is undefined\n delete requestHeaders[key];\n } else {\n // Otherwise add header to the request\n request.setRequestHeader(key, val);\n }\n });\n }\n\n // Add withCredentials to request if needed\n if (!utils.isUndefined(config.withCredentials)) {\n request.withCredentials = !!config.withCredentials;\n }\n\n // Add responseType to request if needed\n if (config.responseType) {\n try {\n request.responseType = config.responseType;\n } catch (e) {\n // Expected DOMException thrown by browsers not compatible XMLHttpRequest Level 2.\n // But, this can be suppressed for 'json' type as it can be parsed by default 'transformResponse' function.\n if (config.responseType !== 'json') {\n throw e;\n }\n }\n }\n\n // Handle progress if needed\n if (typeof config.onDownloadProgress === 'function') {\n request.addEventListener('progress', config.onDownloadProgress);\n }\n\n // Not all browsers support upload events\n if (typeof config.onUploadProgress === 'function' && request.upload) {\n request.upload.addEventListener('progress', config.onUploadProgress);\n }\n\n if (config.cancelToken) {\n // Handle cancellation\n config.cancelToken.promise.then(function onCanceled(cancel) {\n if (!request) {\n return;\n }\n\n request.abort();\n reject(cancel);\n // Clean up request\n request = null;\n });\n }\n\n if (requestData === undefined) {\n requestData = null;\n }\n\n // Send the request\n request.send(requestData);\n });\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/axios/lib/adapters/xhr.js\n// module id = 231\n// module chunks = 0","'use strict';\n\nvar enhanceError = require('./enhanceError');\n\n/**\n * Create an Error with the specified message, config, error code, request and response.\n *\n * @param {string} message The error message.\n * @param {Object} config The config.\n * @param {string} [code] The error code (for example, 'ECONNABORTED').\n * @param {Object} [request] The request.\n * @param {Object} [response] The response.\n * @returns {Error} The created error.\n */\nmodule.exports = function createError(message, config, code, request, response) {\n var error = new Error(message);\n return enhanceError(error, config, code, request, response);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/axios/lib/core/createError.js\n// module id = 232\n// module chunks = 0","'use strict';\n\nvar utils = require('../utils');\n\n/**\n * Config-specific merge-function which creates a new config-object\n * by merging two configuration objects together.\n *\n * @param {Object} config1\n * @param {Object} config2\n * @returns {Object} New object resulting from merging config2 to config1\n */\nmodule.exports = function mergeConfig(config1, config2) {\n // eslint-disable-next-line no-param-reassign\n config2 = config2 || {};\n var config = {};\n\n var valueFromConfig2Keys = ['url', 'method', 'params', 'data'];\n var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy'];\n var defaultToConfig2Keys = [\n 'baseURL', 'url', 'transformRequest', 'transformResponse', 'paramsSerializer',\n 'timeout', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',\n 'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress',\n 'maxContentLength', 'validateStatus', 'maxRedirects', 'httpAgent',\n 'httpsAgent', 'cancelToken', 'socketPath'\n ];\n\n utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {\n if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n }\n });\n\n utils.forEach(mergeDeepPropertiesKeys, function mergeDeepProperties(prop) {\n if (utils.isObject(config2[prop])) {\n config[prop] = utils.deepMerge(config1[prop], config2[prop]);\n } else if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n } else if (utils.isObject(config1[prop])) {\n config[prop] = utils.deepMerge(config1[prop]);\n } else if (typeof config1[prop] !== 'undefined') {\n config[prop] = config1[prop];\n }\n });\n\n utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {\n if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n } else if (typeof config1[prop] !== 'undefined') {\n config[prop] = config1[prop];\n }\n });\n\n var axiosKeys = valueFromConfig2Keys\n .concat(mergeDeepPropertiesKeys)\n .concat(defaultToConfig2Keys);\n\n var otherKeys = Object\n .keys(config2)\n .filter(function filterAxiosKeys(key) {\n return axiosKeys.indexOf(key) === -1;\n });\n\n utils.forEach(otherKeys, function otherKeysDefaultToConfig2(prop) {\n if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n } else if (typeof config1[prop] !== 'undefined') {\n config[prop] = config1[prop];\n }\n });\n\n return config;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/axios/lib/core/mergeConfig.js\n// module id = 233\n// module chunks = 0","'use strict';\n\n/**\n * A `Cancel` is an object that is thrown when an operation is canceled.\n *\n * @class\n * @param {string=} message The message.\n */\nfunction Cancel(message) {\n this.message = message;\n}\n\nCancel.prototype.toString = function toString() {\n return 'Cancel' + (this.message ? ': ' + this.message : '');\n};\n\nCancel.prototype.__CANCEL__ = true;\n\nmodule.exports = Cancel;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/axios/lib/cancel/Cancel.js\n// module id = 234\n// module chunks = 0","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../components/DefaultFields/DefaultFields\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./AmountSelection.fulfillment\";\r\nimport CheckboxWithName from \"../../components/CheckboxWithName/CheckboxWithName\";\r\nimport OptionsList from \"../../components/OptionsList/OptionsList\";\r\nimport EditableField from \"../../components/EditableField/EditableField\";\r\nimport NumberField from \"../../components/NumberField/NumberField\";\r\nimport * as CobHelpers from \"../../Cob.helpers\";\r\n\r\nimport swishLogo from \"@assets/img/swish-logo.svg\";\r\nimport swish100 from \"@assets/img/swish-demo-100.png\";\r\nimport swish500 from \"@assets/img/swish-demo-500.png\";\r\nimport swishChoose from \"@assets/img/swish-demo-choose.png\";\r\n\r\n\r\nexport default class AmountSelection extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired,\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\tconst checkboxMonthlyText = (state.fields.checkbox_autogiro_single.checked) ? \"Jag vill även bli månadsgivare\" : \"Jag vill bli månadsgivare\";\r\n\r\n\t\tlet amountMonthly = 0;\r\n\t\tif (state.fields.checkbox_autogiro_monthly.checked) {\r\n\t\t\tif (state.fields.customer_autogiro_monthly_amount.options[0].checked) {\r\n\t\t\t\tamountMonthly = state.fields.customer_autogiro_monthly_amount.options[0].value;\r\n\t\t\t}\r\n\t\t\telse if (state.fields.customer_autogiro_monthly_amount.options[1].checked) {\r\n\t\t\t\tamountMonthly = state.fields.customer_autogiro_monthly_amount.options[1].value;\r\n\t\t\t}\r\n\t\t\telse if (state.fields.customer_autogiro_monthly_amount.options[2].checked) {\r\n\t\t\t\tamountMonthly = state.fields.customer_autogiro_monthly_amount_other;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlet amountSingle = 0;\r\n\t\tif (state.fields.checkbox_autogiro_single.checked) {\r\n\t\t\tif (state.fields.customer_autogiro_single_amount.options[0].checked) {\r\n\t\t\t\tamountSingle = state.fields.customer_autogiro_single_amount.options[0].value;\r\n\t\t\t}\r\n\t\t\telse if (state.fields.customer_autogiro_single_amount.options[1].checked) {\r\n\t\t\t\tamountSingle = state.fields.customer_autogiro_single_amount.options[1].value;\r\n\t\t\t}\r\n\t\t\telse if (state.fields.customer_autogiro_single_amount.options[2].checked) {\r\n\t\t\t\tamountSingle = state.fields.customer_autogiro_single_amount_other;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t
\r\n\r\n {/* {(state.fields.customer_autogiro_single_amount.options[0]\r\n .checked ||\r\n state.fields.customer_autogiro_single_amount.options[1]\r\n .checked ||\r\n state.fields.customer_autogiro_single_amount.options[2]\r\n .checked) &&\r\n !state.showSwish && (\r\n \r\n Klicka här för att göra engångsöverföringen direkt med Swish\r\n \r\n )} */}\r\n\r\n {(state.fields.customer_autogiro_single_amount.options[0]\r\n .checked ||\r\n state.fields.customer_autogiro_single_amount.options[1]\r\n .checked ||\r\n state.fields.customer_autogiro_single_amount.options[2]\r\n .checked) &&\r\n state.showSwish && (\r\n Förvaltningsstrategier/mandat
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\tVälj en eller flera inriktningar för ditt sparande.\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t{state.products.map((product, index) => {\r\n\t\t\t\t\t\tconst checked = this.state.fields.customer_products_selected.includes(product.label);\r\n\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\tFast avgift 19 kr/mån, vid flera depåer maximalt 29 kr/mån per kund.
\r\n\t\t\t\t\tObservera att depåavgiften påverkar den totala avgiften vid mindre belopp\r\n\t\t\t\t
\r\n\t\t\t\t\tFör att du ska kunna sätta in och ta ut pengar, samt månadsspara via Autogiro måste nedanstående\r\n\t\t\t\t\tAutogiromedgivande fyllas i:\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAutogiromedgivande / Föranmält konto\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t \r\n\t);\r\n\r\n\t_onNameIsinChange = (name, option, value) => {\r\n\t\tconst indexKey = name.replace(\"_name\", \"_index\");\r\n\t\tlet fundIndexInArray = name.replace(\"_name\", \"\");\r\n\t\tfundIndexInArray = parseInt(fundIndexInArray.substring(fundIndexInArray.lastIndexOf(\"_\") + 1), 10) - 1;\r\n\r\n\t\tlet selectedDropdownIndex = -1;\r\n\t\tfor (let i = 0; i < this.state.products.length; i++) {\r\n\t\t\tconst fund = this.state.products[i];\r\n\t\t\tif (fund.isin === value.isin) {\r\n\t\t\t\tselectedDropdownIndex = i;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst newStateProps = {\r\n\t\t\t[indexKey]: selectedDropdownIndex,\r\n\t\t\tfields: this.state.fields\r\n\t\t};\r\n\r\n\t\tif (selectedDropdownIndex > -1) {\r\n\t\t\tconst selectedFund = this.state.products[selectedDropdownIndex];\r\n\r\n\t\t\tif (name.indexOf(\"_monthly\") > -1) {\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_monthly_funds[fundIndexInArray][\"customer_autogiro_monthly_fund_\" + (fundIndexInArray + 1) + \"_name\"] = selectedFund.label;\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_monthly_funds[fundIndexInArray][\"customer_autogiro_monthly_fund_\" + (fundIndexInArray + 1) + \"_isin\"] = selectedFund.isin;\r\n\r\n\t\t\t\t/**\r\n\t\t\t\t * Update state with new values. We reset the amount field to the same value as it already has because\r\n\t\t\t\t * this triggers a revalidation of the form. This is a hack that works, made because of lack of time.\r\n\t\t\t\t * If you find a better way of triggering revalidation, feel free to change.\r\n\t\t\t\t */\r\n\t\t\t\tconst resetValue = this.state.fields.customer_autogiro_monthly_amount;\r\n\t\t\t\tthis.setState(newStateProps, function () {\r\n\t\t\t\t\t// triggers revalidation of form after dropdown value has been set\r\n\t\t\t\t\tCobHelpers.onViewFieldChange.call(this, \"customer_autogiro_monthly_amount\", resetValue);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\telse if (name.indexOf(\"_single\") > -1) {\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_single_funds[fundIndexInArray][\"customer_autogiro_single_fund_\" + (fundIndexInArray + 1) + \"_name\"] = selectedFund.label;\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_single_funds[fundIndexInArray][\"customer_autogiro_single_fund_\" + (fundIndexInArray + 1) + \"_isin\"] = selectedFund.isin;\r\n\r\n\t\t\t\t/**\r\n\t\t\t\t * Update state with new values. We reset the amount field to the same value as it already has because\r\n\t\t\t\t * this triggers a revalidation of the form. This is a hack that works, made because of lack of time.\r\n\t\t\t\t * If you find a better way of triggering revalidation, feel free to change.\r\n\t\t\t\t */\r\n\t\t\t\tconst resetValue = this.state.fields.customer_autogiro_single_amount;\r\n\t\t\t\tthis.setState(newStateProps, function () {\r\n\t\t\t\t\tCobHelpers.onViewFieldChange.call(this, \"customer_autogiro_single_amount\", resetValue);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tconsole.log(\"_onNameIsinChange :: invalid type \" + name);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t_onExpandText = () => {\r\n\t\tthis.setState({\r\n\t\t\ttextFieldExpanded: !this.state.textFieldExpanded\r\n\t\t});\r\n\t};\r\n\r\n\t_onAddFund = (type) => {\r\n\t\tif (type === \"single\") {\r\n\t\t\tthis.setState({\r\n\t\t\t\tautogiroSingleFundsActive: this.state.autogiroSingleFundsActive + 1,\r\n\t\t\t\tautogiroSingleFundsSharesTotal: this._calculateFundsPercentagesTotal(\r\n\t\t\t\t\tthis.state.fields.customer_autogiro_single_funds,\r\n\t\t\t\t\tthis.state.autogiroSingleFundsActive + 1,\r\n\t\t\t\t\t\"single\"\r\n\t\t\t\t)\r\n\t\t\t});\r\n\t\t}\r\n\t\telse if (type === \"monthly\") {\r\n\t\t\tthis.setState({\r\n\t\t\t\tautogiroMonthlyFundsActive: this.state.autogiroMonthlyFundsActive + 1,\r\n\t\t\t\tautogiroMonthlyFundsSharesTotal: this._calculateFundsPercentagesTotal(\r\n\t\t\t\t\tthis.state.fields.customer_autogiro_monthly_funds,\r\n\t\t\t\t\tthis.state.autogiroMonthlyFundsActive + 1,\r\n\t\t\t\t\t\"monthly\"\r\n\t\t\t\t)\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(\"_onAddFund :: invalid type \" + type);\r\n\t\t}\r\n\t};\r\n\r\n\t_onRemoveFund = (type) => {\r\n\r\n\t\tif (type === \"single\") {\r\n\t\t\tlet activeFundsBeforeRemove = this.state.autogiroSingleFundsActive;\r\n\t\t\tlet newStateProps = {\r\n\t\t\t\tautogiroSingleFundsActive: activeFundsBeforeRemove - 1,\r\n\t\t\t\tautogiroSingleFundsSharesTotal: this._calculateFundsPercentagesTotal(\r\n\t\t\t\t\tthis.state.fields.customer_autogiro_single_funds,\r\n\t\t\t\t\tactiveFundsBeforeRemove - 1,\r\n\t\t\t\t\t\"single\"\r\n\t\t\t\t),\r\n\t\t\t\tfields: this.state.fields\r\n\t\t\t};\r\n\r\n\t\t\t/**\r\n\t\t\t * Clear all rows above the row that we just removed\r\n\t\t\t */\r\n\t\t\tfor (let i = (activeFundsBeforeRemove - 1); i < newStateProps.fields.customer_autogiro_single_funds.length; i++) {\r\n\t\t\t\tnewStateProps[\"customer_autogiro_single_fund_\" + (i + 1) + \"_index\"] = -1;\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_single_funds[i][[\"customer_autogiro_single_fund_\" + (i + 1) + \"_name\"]] = \"\";\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_single_funds[i][[\"customer_autogiro_single_fund_\" + (i + 1) + \"_isin\"]] = \"\";\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_single_funds[i][[\"customer_autogiro_single_fund_\" + (i + 1) + \"_percentage\"]] = \"0\";\r\n\t\t\t}\r\n\r\n\t\t\tthis.setState(newStateProps);\r\n\t\t}\r\n\t\telse if (type === \"monthly\") {\r\n\t\t\tlet activeFundsBeforeRemove = this.state.autogiroMonthlyFundsActive;\r\n\t\t\tlet newStateProps = {\r\n\t\t\t\tautogiroMonthlyFundsActive: activeFundsBeforeRemove - 1,\r\n\t\t\t\tautogiroMonthlyFundsSharesTotal: this._calculateFundsPercentagesTotal(\r\n\t\t\t\t\tthis.state.fields.customer_autogiro_monthly_funds,\r\n\t\t\t\t\tactiveFundsBeforeRemove - 1,\r\n\t\t\t\t\t\"monthly\"\r\n\t\t\t\t),\r\n\t\t\t\tfields: this.state.fields\r\n\t\t\t};\r\n\r\n\t\t\t/**\r\n\t\t\t * Clear all rows above the row that we just removed\r\n\t\t\t */\r\n\t\t\tfor (let i = (activeFundsBeforeRemove - 1); i < newStateProps.fields.customer_autogiro_monthly_funds.length; i++) {\r\n\t\t\t\tnewStateProps[\"customer_autogiro_monthly_fund_\" + (i + 1) + \"_index\"] = -1;\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_monthly_funds[i][[\"customer_autogiro_monthly_fund_\" + (i + 1) + \"_name\"]] = \"\";\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_monthly_funds[i][[\"customer_autogiro_monthly_fund_\" + (i + 1) + \"_isin\"]] = \"\";\r\n\t\t\t\tnewStateProps.fields.customer_autogiro_monthly_funds[i][[\"customer_autogiro_monthly_fund_\" + (i + 1) + \"_percentage\"]] = \"0\";\r\n\t\t\t}\r\n\r\n\t\t\tthis.setState(newStateProps);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(\"_onAddFund :: invalid type \" + type);\r\n\t\t}\r\n\r\n\t};\r\n\r\n\t_onPercentageSingleFieldChange = (name, value) => {\r\n\t\tconst index = name.substring(0, name.indexOf(\"_\"));\r\n\t\tconst fieldName = name.substring(name.indexOf(\"_\") + 1);\r\n\r\n\t\tif (value < 0 || value === \"\") {\r\n\t\t\tvalue = 0;\r\n\t\t}\r\n\t\tvalue = parseInt(value, 10);\r\n\r\n\r\n\t\tif (name.indexOf(\"_monthly\") > -1) {\r\n\t\t\tconst newFunds = this.state.fields.customer_autogiro_monthly_funds;\r\n\t\t\tnewFunds[index][fieldName] = value;\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tfields: {\r\n\t\t\t\t\t...this.state.fields,\r\n\t\t\t\t\tcustomer_autogiro_monthly_funds: newFunds\r\n\t\t\t\t},\r\n\t\t\t\tautogiroMonthlyFundsSharesTotal: this._calculateFundsPercentagesTotal(newFunds, this.state.autogiroMonthlyFundsActive, \"monthly\")\r\n\t\t\t});\r\n\t\t}\r\n\t\telse if (name.indexOf(\"_single\") > -1) {\r\n\t\t\tconst newFunds = this.state.fields.customer_autogiro_single_funds;\r\n\t\t\tnewFunds[index][fieldName] = value;\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tfields: {\r\n\t\t\t\t\t...this.state.fields,\r\n\t\t\t\t\tcustomer_autogiro_single_funds: newFunds\r\n\t\t\t\t},\r\n\t\t\t\tautogiroSingleFundsSharesTotal: this._calculateFundsPercentagesTotal(newFunds, this.state.autogiroSingleFundsActive, \"single\")\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconsole.log(\"_onPercentageSingleFieldChange :: invalid type \" + name);\r\n\t\t}\r\n\t};\r\n\r\n\t_calculateFundsPercentagesTotal(funds, fundsActive, type) {\r\n\t\tlet percentagesSum = 0;\r\n\t\tfor (let i = 0; i < fundsActive; i++) {\r\n\t\t\tconst fundInfo = funds[i];\r\n\t\t\tpercentagesSum += parseInt(fundInfo[\"customer_autogiro_\" + type + \"_fund_\" + (i + 1) + \"_percentage\"], 10);\r\n\t\t}\r\n\t\treturn percentagesSum;\r\n\t}\r\n\r\n\t_onClearingFieldChange = (name, value) => {\r\n\t\t// Remove all non-numbers\r\n\t\tvalue = value.replace(/[^0-9]+/g, \"\");\r\n\r\n\t\t// Limit clearing numbers to 4 numbers, we'll show a message that says to enter only first four for the\r\n\t\t// banks with longer numbers\r\n\t\tif (value.length >= 4) {\r\n\t\t\tvalue = value.substring(0, 4);\r\n\t\t}\r\n\r\n\t\tlet valid = (this.state.fields.customer_account_bank === '-') ?\r\n\t\t\ttrue :\r\n\t\t\tValidator.validateClearingNumber(value, this.state.fields.customer_account_bank, this.props.availableBanks);\r\n\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value, valid);\r\n\t};\r\n\r\n\t_onAccountFieldChange = (name, value) => {\r\n\t\t// Remove dashes\r\n\t\tvalue = value.replace(\"-\", \"\");\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\t/**\r\n\t\t * For the single deposit and monthly savings field treat zero as if the value has not been entered\r\n\t\t */\r\n\t\tif ((name === 'customer_autogiro_single_amount' || name === 'customer_autogiro_monthly_amount') && value === \"0\") {\r\n\t\t\tvalue = \"\";\r\n\t\t}\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t},\r\n\t\t\tautogiroSingleFundsSharesTotal: this._calculateFundsPercentagesTotal(\r\n\t\t\t\tthis.state.fields.customer_autogiro_single_funds,\r\n\t\t\t\tthis.state.autogiroSingleFundsActive,\r\n\t\t\t\t\"single\"\r\n\t\t\t),\r\n\t\t\tautogiroMonthlyFundsSharesTotal: this._calculateFundsPercentagesTotal(\r\n\t\t\t\tthis.state.fields.customer_autogiro_monthly_funds,\r\n\t\t\t\tthis.state.autogiroMonthlyFundsActive,\r\n\t\t\t\t\"monthly\"\r\n\t\t\t)\r\n\t\t});\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tif (name === 'customer_account_bank_clearingno') {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name, null, true);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t\t}\r\n\t};\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === 'customer_account_bank_no') {\r\n\t\t\treturn this._isValidBankAccountNo(false, value, this.state.fields.customer_autogiro_bank_clearingno);\r\n\t\t}\r\n\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onChangeAutogiroSelect = ({type, name}, option, index) => {\r\n\t\tname = name || option.name;\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n\r\n\t_getProductLabel() {\r\n\t\treturn Autogiro.productLabel;\r\n\t}\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\tlet fieldsArray = [\r\n\t\t\"customer_account_bank\",\r\n\t\t\"customer_account_bank_custom\",\r\n\t\t\"customer_account_bank_no\",\r\n\t\t\"customer_account_bank_clearingno\",\r\n\t\t\"customer_autogiro\",\r\n\r\n\t\t\"checkbox_autogiro_single\",\r\n\t\t\"customer_autogiro_single_amount\",\r\n\r\n\t\t\"checkbox_autogiro_monthly\",\r\n\t\t\"customer_autogiro_monthly_amount\"\r\n\t];\r\n\r\n\tfor (let i = 1; i <= 18; i++) {\r\n\t\tfieldsArray.push(\"customer_autogiro_single_fund_\" + i + \"_name\");\r\n\t\tfieldsArray.push(\"customer_autogiro_single_fund_\" + i + \"_isin\");\r\n\t\tfieldsArray.push(\"customer_autogiro_single_fund_\" + i + \"_percentage\");\r\n\r\n\t\tfieldsArray.push(\"customer_autogiro_monthly_fund_\" + i + \"_name\");\r\n\t\tfieldsArray.push(\"customer_autogiro_monthly_fund_\" + i + \"_isin\");\r\n\t\tfieldsArray.push(\"customer_autogiro_monthly_fund_\" + i + \"_percentage\");\r\n\t}\r\n\r\n\treturn fieldsArray;\r\n}\r\n\r\nfunction _createProductClassOptions() {\r\n\treturn [\r\n\t\t{label: \"Ja\", value: \"yes\"},\r\n\t\t{label: \"Nej\", value: \"no\"}\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\tconst fundsSingle = [];\r\n\tconst fundsMonthly = [];\r\n\r\n\tfor (let i = 1; i <= 18; i++) {\r\n\t\tconst fundPercentage = (i === 1) ? \"100\" : \"0\";\r\n\r\n\t\tfundsSingle.push({\r\n\t\t\t[\"customer_autogiro_single_fund_\" + i + \"_name\"]: \"\",\r\n\t\t\t[\"customer_autogiro_single_fund_\" + i + \"_isin\"]: \"\",\r\n\t\t\t[\"customer_autogiro_single_fund_\" + i + \"_percentage\"]: fundPercentage\r\n\t\t});\r\n\r\n\t\tfundsMonthly.push({\r\n\t\t\t[\"customer_autogiro_monthly_fund_\" + i + \"_name\"]: \"\",\r\n\t\t\t[\"customer_autogiro_monthly_fund_\" + i + \"_isin\"]: \"\",\r\n\t\t\t[\"customer_autogiro_monthly_fund_\" + i + \"_percentage\"]: fundPercentage\r\n\t\t});\r\n\t}\r\n\r\n\tlet initialState = {\r\n\t\ttextFieldExpanded: false,\r\n\t\tautogiroSingleFundsActive: 1,\r\n\t\tautogiroSingleFundsSharesTotal: 0,\r\n\t\tautogiroMonthlyFundsActive: 1,\r\n\t\tautogiroMonthlyFundsSharesTotal: 0,\r\n\t\tproducts: [],\r\n\r\n\t\tfields: {\r\n\t\t\t\"customer_account_bank\": \"\",\r\n\t\t\t\"customer_account_bank_custom\": \"\",\r\n\t\t\t\"customer_account_bank_no\": \"\",\r\n\t\t\t\"customer_account_bank_clearingno\": \"\",\r\n\t\t\t\"customer_autogiro\": {options: _createProductClassOptions()},\r\n\r\n\t\t\t\"checkbox_autogiro_single\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\t\t\t\"customer_autogiro_single_amount\": \"\",\r\n\t\t\t\"customer_autogiro_single_funds\": fundsSingle,\r\n\r\n\t\t\t\"checkbox_autogiro_monthly\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\t\t\t\"customer_autogiro_monthly_amount\": \"\",\r\n\t\t\t\"customer_autogiro_monthly_funds\": fundsMonthly\r\n\t\t},\r\n\t\tvalidFields: {}\r\n\t};\r\n\r\n\tfor (let i = 1; i <= 18; i++) {\r\n\t\tinitialState[\"customer_autogiro_single_fund_\" + i + \"_index:\"] = -1;\r\n\t\tinitialState[\"customer_autogiro_monthly_fund_\" + i + \"_index:\"] = -1;\r\n\t}\r\n\r\n\treturn initialState;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/odin/Autogiro.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Autogiro from \"./Autogiro\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro.options[0].checked) {\r\n\t\tconst replacedAccountNo = state.fields.customer_account_bank_no.split(\" \").join(\"\");\r\n\t\tif (replacedAccountNo <= 5 || state.fields.customer_account_bank.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse if (!state.fields.customer_autogiro.options[1].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro_single_amount && state.fields.customer_autogiro_single_amount > 0) {\r\n\r\n\t\tif (state.fields.customer_autogiro_single_amount < Autogiro.minimumAmountSingleDeposit) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (state.autogiroSingleFundsSharesTotal !== 100) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\t/**\r\n\t\t * For each of active funds, loop and check that isin value is set\r\n\t\t */\r\n\t\tfor (let i = 0; i < state.autogiroSingleFundsActive; i++) {\r\n\t\t\tconst fund = state.fields.customer_autogiro_single_funds[i];\r\n\t\t\tif (fund[\"customer_autogiro_single_fund_\" + (i + 1) + \"_name\"] === \"\" ||\r\n\t\t\t\tfund[\"customer_autogiro_single_fund_\" + (i + 1) + \"_isin\"] === \"\") {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro_monthly_amount && state.fields.customer_autogiro_monthly_amount > 0) {\r\n\r\n\t\tif (state.fields.customer_autogiro_monthly_amount < Autogiro.minimumAmountMonthlyDeposit) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (state.autogiroMonthlyFundsSharesTotal !== 100) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\t/**\r\n\t\t * For each of active funds, loop and check that isin value is set\r\n\t\t */\r\n\t\tfor (let i = 0; i < state.autogiroMonthlyFundsActive; i++) {\r\n\t\t\tconst fund = state.fields.customer_autogiro_monthly_funds[i];\r\n\t\t\tif (fund[\"customer_autogiro_monthly_fund_\" + (i + 1) + \"_name\"] === \"\" ||\r\n\t\t\t\tfund[\"customer_autogiro_monthly_fund_\" + (i + 1) + \"_isin\"] === \"\") {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/odin/Autogiro.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./Orderinstruktion.fulfillment\";\r\nimport ActivityIndicator from \"../../../../../components/ActivityIndicator/ActivityIndicator\";\r\nimport api from \"../../../../../helpers/api\";\r\nimport Button from \"../../../../../components/Button/Button\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport TextView from \"../../../../../components/TextView/TextView\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport FieldsCollection from \"../../../../../components/FieldsCollection/FieldsCollection\";\r\nimport Select from \"../../../../../components/Select/Select\";\r\nimport {localeNumber} from \"../../../../../helpers/utils\";\r\nimport moment from \"moment\";\r\nimport NumberField from \"../../../components/NumberField/NumberField\";\r\nimport StackLayout from \"../../../../../components/layouts/StackLayout/StackLayout\";\r\n\r\nexport default class Orderinstruktion extends React.PureComponent\r\n{\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\tproductOptions = null;\r\n\r\n\taccountTypeOptions = [\r\n\t\t{\r\n\t\t\t\"label\": \"Aktie- & fondkonto\",\r\n\t\t\t\"value\": \"Aktie- & fondkonto\"\r\n\t\t},\r\n\t\t{\r\n\t\t\t\"label\": \"Investeringssparkonto\",\r\n\t\t\t\"value\": \"Investeringssparkonto\"\r\n\t\t},\r\n\t\t{\r\n\t\t\t\"label\": \"Kapitalförsäkring\",\r\n\t\t\t\"value\": \"Kapitalförsäkring\"\r\n\t\t},\r\n\t\t{\r\n\t\t\t\"label\": \"Tjänstepensionsförsäkring\",\r\n\t\t\t\"value\": \"Tjänstepensionsförsäkring\"\r\n\t\t}\r\n\t];\r\n\r\n\ttransactionTypeOptions = [\r\n\t\t{\"label\": \"Köp\", \"value\": \"Köp\"},\r\n\t\t{\"label\": \"Sälj\", \"value\": \"Sälj\"}\r\n\t];\r\n\r\n\tstatic ALLOWED_PRODUCTS_COUNT = 20;\r\n\r\n\tasync componentDidMount()\r\n\t{\r\n\t\tconst {session, onParentCaseLoaded} = this.props;\r\n\t\ttry\r\n\t\t{\r\n\t\t\tif (this.productOptions == null || this.productOptions.length === 0)\r\n\t\t\t{\r\n\t\t\t\tconsole.log(\"Fetching available products...\");\r\n\t\t\t\tthis.productOptions = await _fetchProducts.call(this);\r\n\t\t\t}\r\n\r\n\t\t\t// If we want to start with a blank page, don't load case data\r\n\t\t\tif (session.context.caseId === \"-\" || session.context.caseId == null)\r\n\t\t\t{\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoading: false,\r\n\t\t\t\t\tshowError: false,\r\n\t\t\t\t\tisBlank: true\r\n\t\t\t\t}, () =>\r\n\t\t\t\t{\r\n\t\t\t\t\tonParentCaseLoaded([]);\r\n\t\t\t\t});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst caseInfoResult = await api(\"/case/data\", {\r\n\t\t\t\tcaseId: session.context.caseId,\r\n\t\t\t\tauthToken: session.authToken\r\n\t\t\t});\r\n\r\n\t\t\tif (!caseInfoResult)\r\n\t\t\t{\r\n\t\t\t\tthis.setState({isLoading: false, showError: \"not-found\"});\r\n\t\t\t}\r\n\t\t\telse if (caseInfoResult.Signed !== \"1\")\r\n\t\t\t{\r\n\t\t\t\tthis.setState({isLoading: false, showError: \"not-signed\"});\r\n\t\t\t}\r\n\t\t\telse if (!caseInfoResult.CaseData)\r\n\t\t\t{\r\n\t\t\t\tthis.setState({isLoading: false, showError: \"error\"});\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t{\r\n\t\t\t\tcaseInfoResult.CaseData = JSON.parse(caseInfoResult.CaseData);\r\n\t\t\t\tcaseInfoResult.SecondaryData = caseInfoResult.SecondaryData ? JSON.parse(caseInfoResult.SecondaryData) : null;\r\n\r\n\t\t\t\tif (!caseInfoResult.CaseData.data)\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.setState({isLoading: false, showError: \"error\"});\r\n\t\t\t\t}\r\n\t\t\t\telse if (!caseInfoResult.CaseData.data.checkbox_advice_recommendation || caseInfoResult.CaseData.data.checkbox_advice_recommendation !== \"yes\")\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.setState({isLoading: false, showError: \"no-orderinstruktion\"});\r\n\t\t\t\t}\r\n\t\t\t\telse\r\n\t\t\t\t{\r\n\t\t\t\t\tlet accountOwner = caseInfoResult.CaseData.data.customer_firstname;\r\n\t\t\t\t\tif (caseInfoResult.CaseData.data.customer_lastname &&\r\n\t\t\t\t\t\tcaseInfoResult.CaseData.data.customer_lastname.length > 0)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\taccountOwner += \" \";\r\n\t\t\t\t\t\taccountOwner += caseInfoResult.CaseData.data.customer_lastname;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tconst newFields = {...this.state.fields};\r\n\t\t\t\t\tnewFields.advice_instruction_account_owner = accountOwner;\r\n\r\n\t\t\t\t\tlet accountNumber = caseInfoResult.CaseData.data.recommendation_for_account;\r\n\t\t\t\t\tconst usedCaseData = caseInfoResult.SecondaryData ? caseInfoResult.SecondaryData : caseInfoResult.CaseData;\r\n\r\n\t\t\t\t\tif (accountNumber !== undefined)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tif (isNaN(accountNumber))\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tif (accountNumber.includes(\"aktie- & fondkonto\"))\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\taccountNumber = usedCaseData.data.account_no_depa;\r\n\t\t\t\t\t\t\t\tnewFields.advice_instruction_account_type = \"Aktie- & fondkonto\";\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse if (accountNumber.includes(\"ISK\"))\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\taccountNumber = usedCaseData.data.account_no_isk;\r\n\t\t\t\t\t\t\t\tnewFields.advice_instruction_account_type = \"Investeringssparkonto\";\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse if (accountNumber.includes(\"kapitalförsäkring\"))\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\taccountNumber = usedCaseData.data.account_no_kf;\r\n\t\t\t\t\t\t\t\tnewFields.advice_instruction_account_type = \"Kapitalförsäkring\";\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse if (accountNumber.includes(\"tjänstepensionsförsäkring\"))\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\taccountNumber = usedCaseData.data.account_no_tp;\r\n\t\t\t\t\t\t\t\tnewFields.advice_instruction_account_type = \"Tjänstepensionsförsäkring\";\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tif (accountNumber > 500000 || accountNumber < 100000)\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tnewFields.advice_instruction_account_type = \"\"; // Unknown\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse if (accountNumber > 400000)\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tnewFields.advice_instruction_account_type = \"Tjänstepensionsförsäkring\";\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse if (accountNumber > 300000)\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tnewFields.advice_instruction_account_type = \"Kapitalförsäkring\";\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse if (accountNumber > 200000)\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tnewFields.advice_instruction_account_type = \"Investeringssparkonto\";\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tnewFields.advice_instruction_account_type = \"Aktie- & fondkonto\";\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (!isNaN(accountNumber))\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tnewFields.advice_instruction_account_number = accountNumber;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoading: false,\r\n\t\t\t\t\t\tshowError: false,\r\n\t\t\t\t\t\tparentCaseId: session.context.caseId,\r\n\t\t\t\t\t\tcaseData: caseInfoResult.CaseData.data,\r\n\t\t\t\t\t\tfields: newFields\r\n\t\t\t\t\t}, () =>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tonParentCaseLoaded(caseInfoResult.CaseData.data);\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tcatch (e)\r\n\t\t{\r\n\t\t\tthis.setState({isLoading: false, showError: \"error\"});\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps, prevState)\r\n\t{\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields)\r\n\t\t{\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender()\r\n\t{\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, partner, session} = props;\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\tif (state.isLoading)\r\n\t\t{\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{transactionType}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{productName}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{productIsin}\r\n\t\t\t\t\t\t\t{state.isBlank && (\r\n\t\t\t\t\t\t\t\t (ta bort rad)\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{productTicker}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tMarknadspris\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tTills makulerad\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\tonChange={this._onTableFieldChange}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t{transactionType === \"Köp\" && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{shareOfTotal.toFixed(2)}%\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tconst signDate = moment();\r\n\r\n\t\tconst customerSsn = state.caseData && state.caseData.customer_social_security_number ?\r\n\t\t\tstate.caseData.customer_social_security_number : session.context.customer.id;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t \r\n\t);\r\n\r\n\t_nameIsinFilterer = ({option}, input) =>\r\n\t{\r\n\t\tinput = input.toLowerCase();\r\n\r\n\t\tlet matchesIsinNumber = false;\r\n\t\tif (option.Isin)\r\n\t\t{\r\n\t\t\tconst isin = option.Isin.toLowerCase();\r\n\t\t\tmatchesIsinNumber = isin.indexOf(input) === 0;\r\n\t\t}\r\n\r\n\t\tconst name = option.Name.toLowerCase();\r\n\t\tconst type = option.Type.toLowerCase();\r\n\t\treturn name.indexOf(input) >= 0 || matchesIsinNumber || type.indexOf(input) >= 0;\r\n\t};\r\n\r\n\t_isTransactionDataIncomplete = () =>\r\n\t{\r\n\t\treturn this.state.fields.add_product_amount.length <= 0 ||\r\n\t\t\tthis.state.fields.add_product_index <= -1 ||\r\n\t\t\tthis.state.fields.add_product_type.length <= 0;\r\n\t};\r\n\r\n\t_addTransaction = () =>\r\n\t{\r\n\t\tif (this._isTransactionDataIncomplete())\r\n\t\t{\r\n\t\t\tconsole.log(\"Transaction data was incomplete, cannot add product\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst productIndex = this._getNumberOfActiveProducts();\r\n\r\n\t\tconst newStateCaseData = this.state.caseData;\r\n\t\tnewStateCaseData[\"recommendation_product_type_\" + productIndex] = this.state.fields.add_product_type;\r\n\t\tnewStateCaseData[\"recommendation_product_isin_\" + productIndex] = this.state.fields.add_product_isin;\r\n\t\tnewStateCaseData[\"recommendation_product_ticker_\" + productIndex] = this.state.fields.add_product_ticker;\r\n\t\tnewStateCaseData[\"recommendation_product_name_\" + productIndex] = this.state.fields.add_product_name;\r\n\t\tnewStateCaseData[\"recommendation_product_amount_\" + productIndex] = this.state.fields.add_product_amount;\r\n\r\n\t\tconst newFields = {...this.state.fields};\r\n\t\tnewFields.add_product_index = -1;\r\n\t\tnewFields.add_product_type = \"\";\r\n\t\tnewFields.add_product_ticker = \"\";\r\n\t\tnewFields.add_product_name = \"\";\r\n\t\tnewFields.add_product_amount = \"\";\r\n\t\tthis.setState({caseData: newStateCaseData, fields: newFields});\r\n\t};\r\n\r\n\t_removeTransaction = (row) =>\r\n\t{\r\n\t\t// create a new array that doesn't contain this row\r\n\t\tconst rowToRemoveIndex = row.substring(4);\r\n\r\n\t\tconst newStateCaseData = this.state.caseData;\r\n\t\tnewStateCaseData[\"recommendation_product_type_\" + rowToRemoveIndex] = \"\";\r\n\t\tnewStateCaseData[\"recommendation_product_isin_\" + rowToRemoveIndex] = \"\";\r\n\t\tnewStateCaseData[\"recommendation_product_ticker_\" + rowToRemoveIndex] = \"\";\r\n\t\tnewStateCaseData[\"recommendation_product_name_\" + rowToRemoveIndex] = \"\";\r\n\t\tnewStateCaseData[\"recommendation_product_amount_\" + rowToRemoveIndex] = \"\";\r\n\r\n\t\tconst nextIndex = parseInt(rowToRemoveIndex, 10) + 1;\r\n\t\tif (nextIndex < Orderinstruktion.ALLOWED_PRODUCTS_COUNT)\r\n\t\t{\r\n\t\t\tfor (let i = nextIndex; i < Orderinstruktion.ALLOWED_PRODUCTS_COUNT; i++)\r\n\t\t\t{\r\n\t\t\t\tnewStateCaseData[\"recommendation_product_type_\" + (i - 1)] = newStateCaseData[\"recommendation_product_type_\" + i];\r\n\t\t\t\tnewStateCaseData[\"recommendation_product_isin_\" + (i - 1)] = newStateCaseData[\"recommendation_product_isin_\" + i];\r\n\t\t\t\tnewStateCaseData[\"recommendation_product_ticker_\" + (i - 1)] = newStateCaseData[\"recommendation_product_ticker_\" + i];\r\n\t\t\t\tnewStateCaseData[\"recommendation_product_name_\" + (i - 1)] = newStateCaseData[\"recommendation_product_name_\" + i];\r\n\t\t\t\tnewStateCaseData[\"recommendation_product_amount_\" + (i - 1)] = newStateCaseData[\"recommendation_product_amount_\" + i];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// Update fields since this will trigger a rerender\r\n\t\tconst newFields = {...this.state.fields};\r\n\t\tnewFields.product_changes = this.state.fields.product_changes + 1;\r\n\t\tthis.setState({caseData: newStateCaseData, fields: newFields});\r\n\t};\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields()\r\n{\r\n\treturn [];\r\n}\r\n\r\nfunction _fetchProducts()\r\n{\r\n\treturn new Promise(async (resolve, reject) =>\r\n\t{\r\n\t\ttry\r\n\t\t{\r\n\t\t\tconst result = await api(\"/instruments\", {});\r\n\t\t\tresolve(result);\r\n\t\t}\r\n\t\tcatch (e)\r\n\t\t{\r\n\t\t\tconsole.error(e.message);\r\n\t\t\treject();\r\n\t\t}\r\n\t});\r\n}\r\n\r\nfunction _getInitialState()\r\n{\r\n\tif (this.props.prevState)\r\n\t{\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\tisLoading: true,\r\n\t\tshowError: true,\r\n\t\tisBlank: false,\r\n\t\tparentCaseId: \"\",\r\n\t\tcaseData: [],\r\n\t\tactiveSignatories: 1,\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\tproduct_changes: 0,\r\n\r\n\t\t\tadvice_instruction_account_type: \"\",\r\n\t\t\tadvice_instruction_account_number: \"\",\r\n\t\t\tadvice_instruction_account_owner: \"\",\r\n\t\t\tadvice_instruction_transaction_currency: \"SEK\",\r\n\t\t\tadvice_instruction_implementation: \"\",\r\n\r\n\t\t\tadd_product_type: \"\",\r\n\t\t\tadd_product_index: -1,\r\n\t\t\tadd_product_name: \"\",\r\n\t\t\tadd_product_isin: \"\",\r\n\t\t\tadd_product_ticker: \"\",\r\n\t\t\tadd_product_amount: \"\",\r\n\r\n\t\t\tsignatories: [\r\n\t\t\t\t{\r\n\t\t\t\t\tssn: \"\",\r\n\t\t\t\t\tfirstName: \"\",\r\n\t\t\t\t\tlastName: \"\",\r\n\t\t\t\t\temail: \"\",\r\n\t\t\t\t\tphone: \"\",\r\n\t\t\t\t\tselected: true\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Citroneer/orderinstruktion/Orderinstruktion.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"../../../../../classes/Validator\";\r\nimport Orderinstruktion from \"./Orderinstruktion\";\r\n\r\nexport default function(props, state)\r\n{\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true)\r\n\t{\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields} = state;\r\n\r\n\tif (state.isLoading)\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (state.showError !== false)\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.advice_instruction_account_type.length <= 0 ||\r\n\t\tfields.advice_instruction_account_number.length <= 0 ||\r\n\t\tfields.advice_instruction_account_owner.length <= 0 ||\r\n\t\tfields.advice_instruction_transaction_currency.length !== 3)\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\t// we need to have at least one active product\r\n\tlet numberOfActiveProducts = 0;\r\n\tfor (let i = 0; i < Orderinstruktion.ALLOWED_PRODUCTS_COUNT; i++)\r\n\t{\r\n\t\tconst transactionType = state.caseData[\"recommendation_product_type_\" + i];\r\n\t\tif (transactionType !== undefined && transactionType !== \"\") {\r\n\t\t\tnumberOfActiveProducts++;\r\n\t\t}\r\n\t}\r\n\tif (numberOfActiveProducts === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (state.isBlank)\r\n\t{\r\n\t\tlet signatoryCheckFailed = false;\r\n\t\tfields.signatories.forEach(function(s)\r\n\t\t{\r\n\t\t\tif (s.firstName.length <= 0 ||\r\n\t\t\t\ts.lastName.length <= 0 ||\r\n\t\t\t\t!Validator.validateSsn(s.ssn) ||\r\n\t\t\t\t!Validator.validateEmail(s.email))\r\n\t\t\t{\r\n\t\t\t\tsignatoryCheckFailed = true;\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t});\r\n\t\tif (signatoryCheckFailed) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Citroneer/orderinstruktion/Orderinstruktion.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\tconst {session} = props;\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (session.isCompany) {\r\n\t\treturn !!(\r\n\t\t\tfields.customer_firstname.length > 0\r\n\t\t\t&& Validator.validateOrgNum(fields.customer_social_security_number, true)\r\n\t\t\t&& fields.customer_address_street.length > 0\r\n\t\t\t&& fields.customer_address_zipcode.length > 0\r\n\t\t\t&& fields.customer_address_city.length > 0\r\n\t\t\t&& Validator.validateEmail(fields.customer_email)\r\n\t\t);\r\n\t}\r\n\r\n\treturn !!(\r\n\t\tfields.customer_firstname.length > 0\r\n\t\t&& fields.customer_lastname.length > 0\r\n\t\t&& Validator.validateSsn(fields.customer_social_security_number)\r\n\t\t&& fields.customer_address_street.length > 0\r\n\t\t&& fields.customer_address_zipcode.length > 0\r\n\t\t&& fields.customer_address_city.length > 0\r\n\t\t// && fields.customer_phonenumber_cell.length > 0\r\n\t\t&& Validator.validateEmail(fields.customer_email)\r\n\t);\r\n\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/CustomerInformation.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\tconst {session} = props;\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (session.isCompany) {\r\n\t\treturn !!(\r\n\t\t\tfields.customer_firstname.length > 0\r\n\t\t\t&& Validator.validateOrgNum(fields.customer_social_security_number, true)\r\n\t\t\t&& fields.customer_address_street.length > 0\r\n\t\t\t&& fields.customer_address_zipcode.length > 0\r\n\t\t\t&& fields.customer_address_city.length > 0\r\n\t\t\t&& Validator.validateEmail(fields.customer_email)\r\n\t\t);\r\n\t}\r\n\r\n\treturn !!(\r\n\t\tfields.customer_firstname.length > 0\r\n\t\t&& fields.customer_lastname.length > 0\r\n\t\t&& Validator.validateSsn(fields.customer_social_security_number)\r\n\t\t&& fields.customer_address_street.length > 0\r\n\t\t&& fields.customer_address_zipcode.length > 0\r\n\t\t&& fields.customer_address_city.length > 0\r\n\t\t// && fields.customer_phonenumber_cell.length > 0\r\n\t\t&& Validator.validateEmail(fields.customer_email)\r\n\t);\r\n\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/fair-ag/CustomerInformation.fulfillment.js","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport ReactSlider from \"react-slider\";\n\n// HELPERS\nimport {createClassName} from \"@helpers/utils\";\n\n\nexport default class Slider extends React.PureComponent {\n\tstatic propTypes = {\n\t\tname: PropTypes.string,\n\t\tlabel: PropTypes.string,\n\t\tvalue: PropTypes.any.isRequired,\n\t\tmin: PropTypes.any.isRequired,\n\t\tmax: PropTypes.any.isRequired,\n\t\tstep: PropTypes.number.isRequired,\n\t\tstepValues: PropTypes.array,\n\t\tdisabled: PropTypes.bool.isRequired,\n\t\tshouldFormatInputValue: PropTypes.bool.isRequired,\n\t\tvalueFormatter: PropTypes.func,\n\t\tonChange: PropTypes.func,\n\t};\n\n\tstatic defaultProps = {\n\t\tmin: 0,\n\t\tmax: 100,\n\t\tstep: 1,\n\t\tdisabled: false,\n\t\tshouldFormatInputValue: false\n\t};\n\n\tcomponentDidUpdate(prevProps) {\n\t\tconst {props} = this;\n\n\t\tif (prevProps.min !== props.min || prevProps.max !== props.max) {\n\t\t\tconst {min, max, onChange} = props;\n\n\t\t\tif (onChange) {\n\t\t\t\tconst value = props.value !== null ? props.value : min;\n\t\t\t\tconst newValue = Math.min(Math.max(value, min), max);\n\t\t\t\tonChange(newValue);\n\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {props} = this;\n\t\tconst {disabled, name, label, min, max, step, stepValues, valueFormatter, shouldFormatInputValue, onChange, unit} = props;\n\t\tlet {showValues} = props;\n\t\tconst value = !disabled ? props.value || min : min;\n\t\tconst classes = createClassName(props.className, {\n\t\t\t\"Slider\": true,\n\t\t\t\"disabled\": disabled,\n\t\t});\n\n\t\tif (showValues === undefined) {\n\t\t\tshowValues = true;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t)}\n\t\t\t
\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/components/Slider/Slider.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields, company} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (company) {\r\n\t\tfor (let i = 0; i < fields.numberOfSignatories; i++) {\r\n\t\t\tif (fields['customer_signatory_firstname_' + i].length <= 0 ||\r\n\t\t\t\tfields['customer_signatory_lastname_' + i].length <= 0) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tif (!Validator.validateEmail(fields['customer_signatory_email_' + i])) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Grunduppgifter radio needs to be selected\r\n\t */\r\n\tif (!optionsListValueSelected(fields.kyc_documentation)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.kyc_documentation.options[0].checked && fields.kyc_date.length <= 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Grunduppgifter fields all need to be entered\r\n\t */\r\n\tif (fields.kyc_documentation.options[1].checked) {\r\n\t\tif (fields.customer_address_street.length <= 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (fields.customer_address_zipcode.length <= 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (fields.customer_address_city.length <= 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (fields.customer_phonenumber_home.length <= 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (company) {\r\n\t\t\tif (fields.contact_firstname.length <= 0) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tif (fields.contact_lastname.length <= 0) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tif (fields.contact_email.length <= 0 || !Validator.validateEmail(fields.contact_email)) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!fields.checkbox_idcheck_id.checked &&\r\n\t\t\t!fields.checkbox_idcheck_drivinglic.checked &&\r\n\t\t\t!fields.checkbox_idcheck_passport.checked &&\r\n\t\t\t!fields.checkbox_idcheck_known.checked &&\r\n\t\t\t!fields.checkbox_idcheck_bankid.checked) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (company) {\r\n\t\t\tif (!fields.ubo_checkbox_idcheck_id.checked &&\r\n\t\t\t\t!fields.ubo_checkbox_idcheck_drivinglic.checked &&\r\n\t\t\t\t!fields.ubo_checkbox_idcheck_passport.checked &&\r\n\t\t\t\t!fields.ubo_checkbox_idcheck_bankid.checked) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!optionsListValueSelected(fields.checkbox_customer_kyc_non_proff)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (!optionsListValueSelected(fields.radio_distans)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (fields.radio_distans.options[1].checked &&\r\n\t\t\t(!fields.checkbox_customer_extcheck.checked ||\r\n\t\t\t\t!fields.checkbox_customer_countercheck.checked)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (company && !fields.ubo_fields_valid) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (company) {\r\n\t\treturn !!(\r\n\t\t\tfields.customer_firstname.length > 0\r\n\t\t\t&& Validator.validateOrgNum(fields.customer_social_security_number, true)\r\n\t\t\t&& Validator.validateEmail(fields.customer_email)\r\n\t\t);\r\n\t}\r\n\r\n\treturn !!(\r\n\t\tfields.customer_firstname.length > 0 &&\r\n\t\tfields.customer_lastname.length > 0 &&\r\n\t\tValidator.validateSsn(fields.customer_social_security_number, false) &&\r\n\t\tValidator.validateEmail(fields.customer_email)\r\n\t);\r\n}\r\n\r\nfunction optionsListValueSelected(optionsList) {\r\n\tconst options = optionsList.options;\r\n\tfor (let i = 0; i < options.length; i++) {\r\n\t\tif (options[i].checked) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t}\r\n\treturn false;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/fair-futur/CustomerInformation.fulfillment.js","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addMilliseconds\n * @category Millisecond Helpers\n * @summary Add the specified number of milliseconds to the given date.\n *\n * @description\n * Add the specified number of milliseconds to the given date.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of milliseconds to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the milliseconds added\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Add 750 milliseconds to 10 July 2014 12:45:30.000:\n * const result = addMilliseconds(new Date(2014, 6, 10, 12, 45, 30, 0), 750)\n * //=> Thu Jul 10 2014 12:45:30.750\n */\n\nexport default function addMilliseconds(dirtyDate, dirtyAmount) {\n requiredArgs(2, arguments);\n var timestamp = toDate(dirtyDate).getTime();\n var amount = toInteger(dirtyAmount);\n return new Date(timestamp + amount);\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/date-fns/esm/addMilliseconds/index.js\n// module id = 102\n// module chunks = 0","import toInteger from \"../toInteger/index.js\";\nimport toDate from \"../../toDate/index.js\";\nimport startOfUTCWeek from \"../startOfUTCWeek/index.js\";\nimport requiredArgs from \"../requiredArgs/index.js\"; // This function will be a part of public API when UTC function will be implemented.\n// See issue: https://github.com/date-fns/date-fns/issues/376\n\nexport default function getUTCWeekYear(dirtyDate, dirtyOptions) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate, dirtyOptions);\n var year = date.getUTCFullYear();\n var options = dirtyOptions || {};\n var locale = options.locale;\n var localeFirstWeekContainsDate = locale && locale.options && locale.options.firstWeekContainsDate;\n var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);\n var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN\n\n if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {\n throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');\n }\n\n var firstWeekOfNextYear = new Date(0);\n firstWeekOfNextYear.setUTCFullYear(year + 1, 0, firstWeekContainsDate);\n firstWeekOfNextYear.setUTCHours(0, 0, 0, 0);\n var startOfNextYear = startOfUTCWeek(firstWeekOfNextYear, dirtyOptions);\n var firstWeekOfThisYear = new Date(0);\n firstWeekOfThisYear.setUTCFullYear(year, 0, firstWeekContainsDate);\n firstWeekOfThisYear.setUTCHours(0, 0, 0, 0);\n var startOfThisYear = startOfUTCWeek(firstWeekOfThisYear, dirtyOptions);\n\n if (date.getTime() >= startOfNextYear.getTime()) {\n return year + 1;\n } else if (date.getTime() >= startOfThisYear.getTime()) {\n return year;\n } else {\n return year - 1;\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/date-fns/esm/_lib/getUTCWeekYear/index.js\n// module id = 103\n// module chunks = 0","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\n\nexport default function addDays(dirtyDate, dirtyAmount) {\n requiredArgs(2, arguments);\n var date = toDate(dirtyDate);\n var amount = toInteger(dirtyAmount);\n\n if (isNaN(amount)) {\n return new Date(NaN);\n }\n\n if (!amount) {\n // If 0 days, no-op to avoid changing times in the hour before end of DST\n return date;\n }\n\n date.setDate(date.getDate() + amount);\n return date;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/date-fns/esm/addDays/index.js\n// module id = 104\n// module chunks = 0","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addMonths\n * @category Month Helpers\n * @summary Add the specified number of months to the given date.\n *\n * @description\n * Add the specified number of months to the given date.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of months to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the months added\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Add 5 months to 1 September 2014:\n * const result = addMonths(new Date(2014, 8, 1), 5)\n * //=> Sun Feb 01 2015 00:00:00\n */\n\nexport default function addMonths(dirtyDate, dirtyAmount) {\n requiredArgs(2, arguments);\n var date = toDate(dirtyDate);\n var amount = toInteger(dirtyAmount);\n\n if (isNaN(amount)) {\n return new Date(NaN);\n }\n\n if (!amount) {\n // If 0 months, no-op to avoid changing times in the hour before end of DST\n return date;\n }\n\n var dayOfMonth = date.getDate(); // The JS Date object supports date math by accepting out-of-bounds values for\n // month, day, etc. For example, new Date(2020, 0, 0) returns 31 Dec 2019 and\n // new Date(2020, 13, 1) returns 1 Feb 2021. This is *almost* the behavior we\n // want except that dates will wrap around the end of a month, meaning that\n // new Date(2020, 13, 31) will return 3 Mar 2021 not 28 Feb 2021 as desired. So\n // we'll default to the end of the desired month by adding 1 to the desired\n // month and using a date of 0 to back up one day to the end of the desired\n // month.\n\n var endOfDesiredMonth = new Date(date.getTime());\n endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);\n var daysInMonth = endOfDesiredMonth.getDate();\n\n if (dayOfMonth >= daysInMonth) {\n // If we're already at the end of the month, then this is the correct date\n // and we're done.\n return endOfDesiredMonth;\n } else {\n // Otherwise, we now know that setting the original day-of-month value won't\n // cause an overflow, so set the desired day-of-month. Note that we can't\n // just set the date of `endOfDesiredMonth` because that object may have had\n // its time changed in the unusual case where where a DST transition was on\n // the last day of the month and its local time was in the hour skipped or\n // repeated next to a DST transition. So we use `date` instead which is\n // guaranteed to still have the original time.\n date.setFullYear(endOfDesiredMonth.getFullYear(), endOfDesiredMonth.getMonth(), dayOfMonth);\n return date;\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/date-fns/esm/addMonths/index.js\n// module id = 105\n// module chunks = 0","import startOfWeek from \"../startOfWeek/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfISOWeek\n * @category ISO Week Helpers\n * @summary Return the start of an ISO week for the given date.\n *\n * @description\n * Return the start of an ISO week for the given date.\n * The result will be in the local timezone.\n *\n * ISO week-numbering year: http://en.wikipedia.org/wiki/ISO_week_date\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of an ISO week\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of an ISO week for 2 September 2014 11:55:00:\n * var result = startOfISOWeek(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Mon Sep 01 2014 00:00:00\n */\n\nexport default function startOfISOWeek(dirtyDate) {\n requiredArgs(1, arguments);\n return startOfWeek(dirtyDate, {\n weekStartsOn: 1\n });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/date-fns/esm/startOfISOWeek/index.js\n// module id = 106\n// module chunks = 0","import toDate from \"../toDate/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfWeek\n * @category Week Helpers\n * @summary Return the start of a week for the given date.\n *\n * @description\n * Return the start of a week for the given date.\n * The result will be in the local timezone.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the original date\n * @param {Object} [options] - an object with options.\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)\n * @returns {Date} the start of a week\n * @throws {TypeError} 1 argument required\n * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6\n *\n * @example\n * // The start of a week for 2 September 2014 11:55:00:\n * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Sun Aug 31 2014 00:00:00\n *\n * @example\n * // If the week starts on Monday, the start of the week for 2 September 2014 11:55:00:\n * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })\n * //=> Mon Sep 01 2014 00:00:00\n */\n\nexport default function startOfWeek(dirtyDate, dirtyOptions) {\n requiredArgs(1, arguments);\n var options = dirtyOptions || {};\n var locale = options.locale;\n var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;\n var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);\n var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN\n\n if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {\n throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');\n }\n\n var date = toDate(dirtyDate);\n var day = date.getDay();\n var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;\n date.setDate(date.getDate() - diff);\n date.setHours(0, 0, 0, 0);\n return date;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/date-fns/esm/startOfWeek/index.js\n// module id = 107\n// module chunks = 0","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\n\nexport default function startOfDay(dirtyDate) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate);\n date.setHours(0, 0, 0, 0);\n return date;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/date-fns/esm/startOfDay/index.js\n// module id = 108\n// module chunks = 0","import * as React from 'react';\nexport var ManagerReferenceNodeContext = React.createContext();\nexport var ManagerReferenceNodeSetterContext = React.createContext();\nexport function Manager(_ref) {\n var children = _ref.children;\n\n var _React$useState = React.useState(null),\n referenceNode = _React$useState[0],\n setReferenceNode = _React$useState[1];\n\n var hasUnmounted = React.useRef(false);\n React.useEffect(function () {\n return function () {\n hasUnmounted.current = true;\n };\n }, []);\n var handleSetReferenceNode = React.useCallback(function (node) {\n if (!hasUnmounted.current) {\n setReferenceNode(node);\n }\n }, []);\n return /*#__PURE__*/React.createElement(ManagerReferenceNodeContext.Provider, {\n value: referenceNode\n }, /*#__PURE__*/React.createElement(ManagerReferenceNodeSetterContext.Provider, {\n value: handleSetReferenceNode\n }, children));\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-popper/lib/esm/Manager.js\n// module id = 109\n// module chunks = 0","import * as React from 'react';\n\n/**\n * Takes an argument and if it's an array, returns the first item in the array,\n * otherwise returns the argument. Used for Preact compatibility.\n */\nexport var unwrapArray = function unwrapArray(arg) {\n return Array.isArray(arg) ? arg[0] : arg;\n};\n/**\n * Takes a maybe-undefined function and arbitrary args and invokes the function\n * only if it is defined.\n */\n\nexport var safeInvoke = function safeInvoke(fn) {\n if (typeof fn === 'function') {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return fn.apply(void 0, args);\n }\n};\n/**\n * Sets a ref using either a ref callback or a ref object\n */\n\nexport var setRef = function setRef(ref, node) {\n // if its a function call it\n if (typeof ref === 'function') {\n return safeInvoke(ref, node);\n } // otherwise we should treat it as a ref object\n else if (ref != null) {\n ref.current = node;\n }\n};\n/**\n * Simple ponyfill for Object.fromEntries\n */\n\nexport var fromEntries = function fromEntries(entries) {\n return entries.reduce(function (acc, _ref) {\n var key = _ref[0],\n value = _ref[1];\n acc[key] = value;\n return acc;\n }, {});\n};\n/**\n * Small wrapper around `useLayoutEffect` to get rid of the warning on SSR envs\n */\n\nexport var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? React.useLayoutEffect : React.useEffect;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-popper/lib/esm/utils.js\n// module id = 110\n// module chunks = 0","import getNodeName from \"../dom-utils/getNodeName.js\";\nimport { isHTMLElement } from \"../dom-utils/instanceOf.js\"; // This modifier takes the styles prepared by the `computeStyles` modifier\n// and applies them to the HTMLElements such as popper and arrow\n\nfunction applyStyles(_ref) {\n var state = _ref.state;\n Object.keys(state.elements).forEach(function (name) {\n var style = state.styles[name] || {};\n var attributes = state.attributes[name] || {};\n var element = state.elements[name]; // arrow is optional + virtual elements\n\n if (!isHTMLElement(element) || !getNodeName(element)) {\n return;\n } // Flow doesn't support to extend this property, but it's the most\n // effective way to apply styles to an HTMLElement\n // $FlowFixMe[cannot-write]\n\n\n Object.assign(element.style, style);\n Object.keys(attributes).forEach(function (name) {\n var value = attributes[name];\n\n if (value === false) {\n element.removeAttribute(name);\n } else {\n element.setAttribute(name, value === true ? '' : value);\n }\n });\n });\n}\n\nfunction effect(_ref2) {\n var state = _ref2.state;\n var initialStyles = {\n popper: {\n position: state.options.strategy,\n left: '0',\n top: '0',\n margin: '0'\n },\n arrow: {\n position: 'absolute'\n },\n reference: {}\n };\n Object.assign(state.elements.popper.style, initialStyles.popper);\n state.styles = initialStyles;\n\n if (state.elements.arrow) {\n Object.assign(state.elements.arrow.style, initialStyles.arrow);\n }\n\n return function () {\n Object.keys(state.elements).forEach(function (name) {\n var element = state.elements[name];\n var attributes = state.attributes[name] || {};\n var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them\n\n var style = styleProperties.reduce(function (style, property) {\n style[property] = '';\n return style;\n }, {}); // arrow is optional + virtual elements\n\n if (!isHTMLElement(element) || !getNodeName(element)) {\n return;\n }\n\n Object.assign(element.style, style);\n Object.keys(attributes).forEach(function (attribute) {\n element.removeAttribute(attribute);\n });\n });\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'applyStyles',\n enabled: true,\n phase: 'write',\n fn: applyStyles,\n effect: effect,\n requires: ['computeStyles']\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/modifiers/applyStyles.js\n// module id = 111\n// module chunks = 0","import getBoundingClientRect from \"./getBoundingClientRect.js\"; // Returns the layout rect of an element relative to its offsetParent. Layout\n// means it doesn't take into account transforms.\n\nexport default function getLayoutRect(element) {\n var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.\n // Fixes https://github.com/popperjs/popper-core/issues/1223\n\n var width = element.offsetWidth;\n var height = element.offsetHeight;\n\n if (Math.abs(clientRect.width - width) <= 1) {\n width = clientRect.width;\n }\n\n if (Math.abs(clientRect.height - height) <= 1) {\n height = clientRect.height;\n }\n\n return {\n x: element.offsetLeft,\n y: element.offsetTop,\n width: width,\n height: height\n };\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js\n// module id = 112\n// module chunks = 0","export default function getMainAxisFromPlacement(placement) {\n return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js\n// module id = 113\n// module chunks = 0","import { top, left, right, bottom, end } from \"../enums.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport getWindow from \"../dom-utils/getWindow.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport getComputedStyle from \"../dom-utils/getComputedStyle.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getVariation from \"../utils/getVariation.js\";\nimport { round } from \"../utils/math.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar unsetSides = {\n top: 'auto',\n right: 'auto',\n bottom: 'auto',\n left: 'auto'\n}; // Round the offsets to the nearest suitable subpixel based on the DPR.\n// Zooming can change the DPR, but it seems to report a value that will\n// cleanly divide the values into the appropriate subpixels.\n\nfunction roundOffsetsByDPR(_ref) {\n var x = _ref.x,\n y = _ref.y;\n var win = window;\n var dpr = win.devicePixelRatio || 1;\n return {\n x: round(round(x * dpr) / dpr) || 0,\n y: round(round(y * dpr) / dpr) || 0\n };\n}\n\nexport function mapToStyles(_ref2) {\n var _Object$assign2;\n\n var popper = _ref2.popper,\n popperRect = _ref2.popperRect,\n placement = _ref2.placement,\n variation = _ref2.variation,\n offsets = _ref2.offsets,\n position = _ref2.position,\n gpuAcceleration = _ref2.gpuAcceleration,\n adaptive = _ref2.adaptive,\n roundOffsets = _ref2.roundOffsets;\n\n var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets,\n _ref3$x = _ref3.x,\n x = _ref3$x === void 0 ? 0 : _ref3$x,\n _ref3$y = _ref3.y,\n y = _ref3$y === void 0 ? 0 : _ref3$y;\n\n var hasX = offsets.hasOwnProperty('x');\n var hasY = offsets.hasOwnProperty('y');\n var sideX = left;\n var sideY = top;\n var win = window;\n\n if (adaptive) {\n var offsetParent = getOffsetParent(popper);\n var heightProp = 'clientHeight';\n var widthProp = 'clientWidth';\n\n if (offsetParent === getWindow(popper)) {\n offsetParent = getDocumentElement(popper);\n\n if (getComputedStyle(offsetParent).position !== 'static' && position === 'absolute') {\n heightProp = 'scrollHeight';\n widthProp = 'scrollWidth';\n }\n } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it\n\n\n offsetParent = offsetParent;\n\n if (placement === top || (placement === left || placement === right) && variation === end) {\n sideY = bottom; // $FlowFixMe[prop-missing]\n\n y -= offsetParent[heightProp] - popperRect.height;\n y *= gpuAcceleration ? 1 : -1;\n }\n\n if (placement === left || (placement === top || placement === bottom) && variation === end) {\n sideX = right; // $FlowFixMe[prop-missing]\n\n x -= offsetParent[widthProp] - popperRect.width;\n x *= gpuAcceleration ? 1 : -1;\n }\n }\n\n var commonStyles = Object.assign({\n position: position\n }, adaptive && unsetSides);\n\n if (gpuAcceleration) {\n var _Object$assign;\n\n return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? \"translate(\" + x + \"px, \" + y + \"px)\" : \"translate3d(\" + x + \"px, \" + y + \"px, 0)\", _Object$assign));\n }\n\n return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + \"px\" : '', _Object$assign2[sideX] = hasX ? x + \"px\" : '', _Object$assign2.transform = '', _Object$assign2));\n}\n\nfunction computeStyles(_ref4) {\n var state = _ref4.state,\n options = _ref4.options;\n var _options$gpuAccelerat = options.gpuAcceleration,\n gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,\n _options$adaptive = options.adaptive,\n adaptive = _options$adaptive === void 0 ? true : _options$adaptive,\n _options$roundOffsets = options.roundOffsets,\n roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;\n\n if (process.env.NODE_ENV !== \"production\") {\n var transitionProperty = getComputedStyle(state.elements.popper).transitionProperty || '';\n\n if (adaptive && ['transform', 'top', 'right', 'bottom', 'left'].some(function (property) {\n return transitionProperty.indexOf(property) >= 0;\n })) {\n console.warn(['Popper: Detected CSS transitions on at least one of the following', 'CSS properties: \"transform\", \"top\", \"right\", \"bottom\", \"left\".', '\\n\\n', 'Disable the \"computeStyles\" modifier\\'s `adaptive` option to allow', 'for smooth transitions, or remove these properties from the CSS', 'transition declaration on the popper element if only transitioning', 'opacity or background-color for example.', '\\n\\n', 'We recommend using the popper element as a wrapper around an inner', 'element that can have any CSS property transitioned for animations.'].join(' '));\n }\n }\n\n var commonStyles = {\n placement: getBasePlacement(state.placement),\n variation: getVariation(state.placement),\n popper: state.elements.popper,\n popperRect: state.rects.popper,\n gpuAcceleration: gpuAcceleration\n };\n\n if (state.modifiersData.popperOffsets != null) {\n state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {\n offsets: state.modifiersData.popperOffsets,\n position: state.options.strategy,\n adaptive: adaptive,\n roundOffsets: roundOffsets\n })));\n }\n\n if (state.modifiersData.arrow != null) {\n state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {\n offsets: state.modifiersData.arrow,\n position: 'absolute',\n adaptive: false,\n roundOffsets: roundOffsets\n })));\n }\n\n state.attributes.popper = Object.assign({}, state.attributes.popper, {\n 'data-popper-placement': state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'computeStyles',\n enabled: true,\n phase: 'beforeWrite',\n fn: computeStyles,\n data: {}\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/modifiers/computeStyles.js\n// module id = 114\n// module chunks = 0","import getWindow from \"../dom-utils/getWindow.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar passive = {\n passive: true\n};\n\nfunction effect(_ref) {\n var state = _ref.state,\n instance = _ref.instance,\n options = _ref.options;\n var _options$scroll = options.scroll,\n scroll = _options$scroll === void 0 ? true : _options$scroll,\n _options$resize = options.resize,\n resize = _options$resize === void 0 ? true : _options$resize;\n var window = getWindow(state.elements.popper);\n var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);\n\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.addEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.addEventListener('resize', instance.update, passive);\n }\n\n return function () {\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.removeEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.removeEventListener('resize', instance.update, passive);\n }\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'eventListeners',\n enabled: true,\n phase: 'write',\n fn: function fn() {},\n effect: effect,\n data: {}\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/modifiers/eventListeners.js\n// module id = 115\n// module chunks = 0","import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nexport default function getWindowScrollBarX(element) {\n // If has a CSS width greater than the viewport, then this will be\n // incorrect for RTL.\n // Popper 1 is broken in this case and never had a bug report so let's assume\n // it's not an issue. I don't think anyone ever specifies width on \n // anyway.\n // Browsers where the left scrollbar doesn't cause an issue report `0` for\n // this (e.g. Edge 2019, IE11, Safari)\n return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js\n// module id = 116\n// module chunks = 0","import getWindow from \"./getWindow.js\";\nexport default function getWindowScroll(node) {\n var win = getWindow(node);\n var scrollLeft = win.pageXOffset;\n var scrollTop = win.pageYOffset;\n return {\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n };\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js\n// module id = 117\n// module chunks = 0","import getComputedStyle from \"./getComputedStyle.js\";\nexport default function isScrollParent(element) {\n // Firefox wants us to check `-x` and `-y` variations as well\n var _getComputedStyle = getComputedStyle(element),\n overflow = _getComputedStyle.overflow,\n overflowX = _getComputedStyle.overflowX,\n overflowY = _getComputedStyle.overflowY;\n\n return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js\n// module id = 118\n// module chunks = 0","import computeOffsets from \"../utils/computeOffsets.js\";\n\nfunction popperOffsets(_ref) {\n var state = _ref.state,\n name = _ref.name;\n // Offsets are the actual position the popper needs to have to be\n // properly positioned near its reference element\n // This is the most basic placement, and will be adjusted by\n // the modifiers in the next step\n state.modifiersData[name] = computeOffsets({\n reference: state.rects.reference,\n element: state.rects.popper,\n strategy: 'absolute',\n placement: state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'popperOffsets',\n enabled: true,\n phase: 'read',\n fn: popperOffsets,\n data: {}\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/modifiers/popperOffsets.js\n// module id = 119\n// module chunks = 0","import getCompositeRect from \"./dom-utils/getCompositeRect.js\";\nimport getLayoutRect from \"./dom-utils/getLayoutRect.js\";\nimport listScrollParents from \"./dom-utils/listScrollParents.js\";\nimport getOffsetParent from \"./dom-utils/getOffsetParent.js\";\nimport getComputedStyle from \"./dom-utils/getComputedStyle.js\";\nimport orderModifiers from \"./utils/orderModifiers.js\";\nimport debounce from \"./utils/debounce.js\";\nimport validateModifiers from \"./utils/validateModifiers.js\";\nimport uniqueBy from \"./utils/uniqueBy.js\";\nimport getBasePlacement from \"./utils/getBasePlacement.js\";\nimport mergeByName from \"./utils/mergeByName.js\";\nimport detectOverflow from \"./utils/detectOverflow.js\";\nimport { isElement } from \"./dom-utils/instanceOf.js\";\nimport { auto } from \"./enums.js\";\nvar INVALID_ELEMENT_ERROR = 'Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.';\nvar INFINITE_LOOP_ERROR = 'Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.';\nvar DEFAULT_OPTIONS = {\n placement: 'bottom',\n modifiers: [],\n strategy: 'absolute'\n};\n\nfunction areValidElements() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return !args.some(function (element) {\n return !(element && typeof element.getBoundingClientRect === 'function');\n });\n}\n\nexport function popperGenerator(generatorOptions) {\n if (generatorOptions === void 0) {\n generatorOptions = {};\n }\n\n var _generatorOptions = generatorOptions,\n _generatorOptions$def = _generatorOptions.defaultModifiers,\n defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,\n _generatorOptions$def2 = _generatorOptions.defaultOptions,\n defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;\n return function createPopper(reference, popper, options) {\n if (options === void 0) {\n options = defaultOptions;\n }\n\n var state = {\n placement: 'bottom',\n orderedModifiers: [],\n options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),\n modifiersData: {},\n elements: {\n reference: reference,\n popper: popper\n },\n attributes: {},\n styles: {}\n };\n var effectCleanupFns = [];\n var isDestroyed = false;\n var instance = {\n state: state,\n setOptions: function setOptions(setOptionsAction) {\n var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;\n cleanupModifierEffects();\n state.options = Object.assign({}, defaultOptions, state.options, options);\n state.scrollParents = {\n reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],\n popper: listScrollParents(popper)\n }; // Orders the modifiers based on their dependencies and `phase`\n // properties\n\n var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers\n\n state.orderedModifiers = orderedModifiers.filter(function (m) {\n return m.enabled;\n }); // Validate the provided modifiers so that the consumer will get warned\n // if one of the modifiers is invalid for any reason\n\n if (process.env.NODE_ENV !== \"production\") {\n var modifiers = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function (_ref) {\n var name = _ref.name;\n return name;\n });\n validateModifiers(modifiers);\n\n if (getBasePlacement(state.options.placement) === auto) {\n var flipModifier = state.orderedModifiers.find(function (_ref2) {\n var name = _ref2.name;\n return name === 'flip';\n });\n\n if (!flipModifier) {\n console.error(['Popper: \"auto\" placements require the \"flip\" modifier be', 'present and enabled to work.'].join(' '));\n }\n }\n\n var _getComputedStyle = getComputedStyle(popper),\n marginTop = _getComputedStyle.marginTop,\n marginRight = _getComputedStyle.marginRight,\n marginBottom = _getComputedStyle.marginBottom,\n marginLeft = _getComputedStyle.marginLeft; // We no longer take into account `margins` on the popper, and it can\n // cause bugs with positioning, so we'll warn the consumer\n\n\n if ([marginTop, marginRight, marginBottom, marginLeft].some(function (margin) {\n return parseFloat(margin);\n })) {\n console.warn(['Popper: CSS \"margin\" styles cannot be used to apply padding', 'between the popper and its reference element or boundary.', 'To replicate margin, use the `offset` modifier, as well as', 'the `padding` option in the `preventOverflow` and `flip`', 'modifiers.'].join(' '));\n }\n }\n\n runModifierEffects();\n return instance.update();\n },\n // Sync update – it will always be executed, even if not necessary. This\n // is useful for low frequency updates where sync behavior simplifies the\n // logic.\n // For high frequency updates (e.g. `resize` and `scroll` events), always\n // prefer the async Popper#update method\n forceUpdate: function forceUpdate() {\n if (isDestroyed) {\n return;\n }\n\n var _state$elements = state.elements,\n reference = _state$elements.reference,\n popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements\n // anymore\n\n if (!areValidElements(reference, popper)) {\n if (process.env.NODE_ENV !== \"production\") {\n console.error(INVALID_ELEMENT_ERROR);\n }\n\n return;\n } // Store the reference and popper rects to be read by modifiers\n\n\n state.rects = {\n reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),\n popper: getLayoutRect(popper)\n }; // Modifiers have the ability to reset the current update cycle. The\n // most common use case for this is the `flip` modifier changing the\n // placement, which then needs to re-run all the modifiers, because the\n // logic was previously ran for the previous placement and is therefore\n // stale/incorrect\n\n state.reset = false;\n state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier\n // is filled with the initial data specified by the modifier. This means\n // it doesn't persist and is fresh on each update.\n // To ensure persistent data, use `${name}#persistent`\n\n state.orderedModifiers.forEach(function (modifier) {\n return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);\n });\n var __debug_loops__ = 0;\n\n for (var index = 0; index < state.orderedModifiers.length; index++) {\n if (process.env.NODE_ENV !== \"production\") {\n __debug_loops__ += 1;\n\n if (__debug_loops__ > 100) {\n console.error(INFINITE_LOOP_ERROR);\n break;\n }\n }\n\n if (state.reset === true) {\n state.reset = false;\n index = -1;\n continue;\n }\n\n var _state$orderedModifie = state.orderedModifiers[index],\n fn = _state$orderedModifie.fn,\n _state$orderedModifie2 = _state$orderedModifie.options,\n _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,\n name = _state$orderedModifie.name;\n\n if (typeof fn === 'function') {\n state = fn({\n state: state,\n options: _options,\n name: name,\n instance: instance\n }) || state;\n }\n }\n },\n // Async and optimistically optimized update – it will not be executed if\n // not necessary (debounced to run at most once-per-tick)\n update: debounce(function () {\n return new Promise(function (resolve) {\n instance.forceUpdate();\n resolve(state);\n });\n }),\n destroy: function destroy() {\n cleanupModifierEffects();\n isDestroyed = true;\n }\n };\n\n if (!areValidElements(reference, popper)) {\n if (process.env.NODE_ENV !== \"production\") {\n console.error(INVALID_ELEMENT_ERROR);\n }\n\n return instance;\n }\n\n instance.setOptions(options).then(function (state) {\n if (!isDestroyed && options.onFirstUpdate) {\n options.onFirstUpdate(state);\n }\n }); // Modifiers have the ability to execute arbitrary code before the first\n // update cycle runs. They will be executed in the same order as the update\n // cycle. This is useful when a modifier adds some persistent data that\n // other modifiers need to use, but the modifier is run after the dependent\n // one.\n\n function runModifierEffects() {\n state.orderedModifiers.forEach(function (_ref3) {\n var name = _ref3.name,\n _ref3$options = _ref3.options,\n options = _ref3$options === void 0 ? {} : _ref3$options,\n effect = _ref3.effect;\n\n if (typeof effect === 'function') {\n var cleanupFn = effect({\n state: state,\n name: name,\n instance: instance,\n options: options\n });\n\n var noopFn = function noopFn() {};\n\n effectCleanupFns.push(cleanupFn || noopFn);\n }\n });\n }\n\n function cleanupModifierEffects() {\n effectCleanupFns.forEach(function (fn) {\n return fn();\n });\n effectCleanupFns = [];\n }\n\n return instance;\n };\n}\nexport var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line import/no-unused-modules\n\nexport { detectOverflow };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@popperjs/core/lib/createPopper.js\n// module id = 120\n// module chunks = 0","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields} = state;\r\n\r\n\t/**\r\n\t * If you're a minor your guardians need to be on the document\r\n\t */\r\n\tlet needsGuardianToSign = false;\r\n\tif (fields.customer_social_security_number.startsWith(\"20\")) {\r\n\t\tconst dateOfBirthYear = fields.customer_social_security_number.substring(0, 4);\r\n\t\tconst dateOfBirthMonth = fields.customer_social_security_number.substring(4, 6);\r\n\t\tconst dateOfBirthDay = fields.customer_social_security_number.substring(6, 8);\r\n\t\tconst dateOfBirth = new Date(dateOfBirthYear + \"-\" + dateOfBirthMonth + \"-\" + dateOfBirthDay);\r\n\r\n\t\tconst date18yearsAgo = new Date();\r\n\t\tdate18yearsAgo.setFullYear(date18yearsAgo.getFullYear() - 18);\r\n\r\n\t\tif (dateOfBirth > date18yearsAgo) {\r\n\t\t\tneedsGuardianToSign = true;\r\n\t\t}\r\n\t}\r\n\r\n\tif (needsGuardianToSign) {\r\n\t\tif (fields.caretaker_name_1.length === 0 || !Validator.validateSsn(fields.caretaker_ssn_1) ||\r\n\t\t\tfields.caretaker_name_2.length === 0 || !Validator.validateSsn(fields.caretaker_ssn_2)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * If you're not a tax resident of Sweden you can't open an ISK account\r\n\t */\r\n\tif (!fields.radio_customer_kyc_taxdom.options[1].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * PEP persons need to specify the type of PEP and relationship\r\n\t */\r\n\tif (!fields.radio_customer_pep.options[0].checked) {\r\n\t\tif (!fields.radio_customer_pep.options[1].checked || fields.radio_customer_pep_details.index === -1) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (!fields.radio_customer_pep_past.options[0].checked) {\r\n\t\tif (!fields.radio_customer_pep_past.options[1].checked || fields.radio_customer_pep_past_details.index === -1) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * FATCA persons can't open an account ever\r\n\t */\r\n\tif (fields.radio_customer_us_person.options[1].checked || !fields.radio_customer_us_person.options[0].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn !!(\r\n\t\tfields.customer_firstname.length > 0\r\n\t\t&& fields.customer_lastname.length > 0\r\n\t\t&& Validator.validateSsn(fields.customer_social_security_number, true)\r\n\t\t&& fields.customer_address_street.length > 0\r\n\t\t&& fields.customer_address_zipcode.length > 0\r\n\t\t&& fields.customer_address_city.length > 0\r\n\t\t&& fields.customer_phonenumber_cell.length > 0\r\n\t\t&& Validator.validateEmail(fields.customer_email)\r\n\t);\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/fair-gds-oppna/CustomerInformation.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// HELPERS\r\nimport StackLayout from \"../../../../components/layouts/StackLayout/StackLayout\";\r\nimport Button from \"../../../../components/Button/Button\";\r\nimport EditableField from \"../EditableField/EditableField\";\r\nimport FieldsCollection from \"../../../../components/FieldsCollection/FieldsCollection\";\r\nimport Checkbox from \"../../../../components/Checkbox/Checkbox\";\r\nimport Validator from \"../../../../classes/Validator\";\r\nimport i18n from \"@helpers/i18n\";\r\n\r\nconst MAX_COMPANY_REPS = 10;\r\n\r\nexport default class CompanyReps extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\torgNr: PropTypes.string,\r\n\t\tfirma: PropTypes.string,\r\n\t\tceo: PropTypes.object,\r\n\t\tboard: PropTypes.array,\r\n\t\tonRepsUpdated: PropTypes.func\r\n\t};\r\n\r\n\tstate = {\r\n\t\torgNr: \"\",\r\n\t\tfirma: \"\",\r\n\t\trepresentatives: [{\r\n\t\t\tfirst_name: \"\",\r\n\t\t\tlast_name: \"\",\r\n\t\t\tssn: \"\",\r\n\t\t\temail: \"\",\r\n\t\t\trole: []\r\n\t\t}],\r\n\t\tfilled: false\r\n\t};\r\n\r\n\r\n\t/**\r\n\t * Load reps from lookup data sent as a property to the component. If no lookup data is provided\r\n\t * we show an empty row.\r\n\t */\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tlet shouldUpdateState = false;\r\n\r\n\t\tif (prevProps.orgNr !== this.props.orgNr ||\r\n\t\t\tprevProps.board.length !== this.props.board.length) {\r\n\t\t\tshouldUpdateState = true;\r\n\t\t}\r\n\t\telse if (prevProps.board.length === this.props.board.length) {\r\n\t\t\tfor (let i = 0; i < this.props.board.length; i++) {\r\n\t\t\t\tif (this.props.board[i] == null) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.props.board[i].ssn !== prevProps.board[i].ssn) {\r\n\t\t\t\t\tshouldUpdateState = true;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (shouldUpdateState) {\r\n\t\t\tconst reps = [];\r\n\t\t\tlet hasSavedCeo = false;\r\n\r\n\t\t\tfor (let i = 0; i < this.props.board.length; i++) {\r\n\r\n\t\t\t\tif (this.props.board[i] == null) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet rep = {\r\n\t\t\t\t\tfirst_name: this.props.board[i].first_name,\r\n\t\t\t\t\tlast_name: this.props.board[i].last_name,\r\n\t\t\t\t\tssn: this.props.board[i].ssn,\r\n\t\t\t\t\trole: [\"board\"]\r\n\t\t\t\t};\r\n\r\n\t\t\t\tif (this.props.ceo.ssn === this.props.board[i].ssn) {\r\n\t\t\t\t\thasSavedCeo = true;\r\n\t\t\t\t\trep.role = [\"board\", \"ceo\"];\r\n\t\t\t\t}\r\n\r\n\t\t\t\treps.push(rep);\r\n\t\t\t}\r\n\r\n\t\t\tif (!hasSavedCeo && this.props.ceo !== null && this.props.ceo['first_name'] !== undefined) {\r\n\t\t\t\treps.unshift({\r\n\t\t\t\t\tfirst_name: this.props.ceo.first_name,\r\n\t\t\t\t\tlast_name: this.props.ceo.last_name,\r\n\t\t\t\t\tssn: this.props.ceo.ssn,\r\n\t\t\t\t\temail: \"\",\r\n\t\t\t\t\trole: [\"ceo\"]\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tif (reps.length === 0) (\r\n\t\t\t\treps.push({\r\n\t\t\t\t\tfirst_name: \"\",\r\n\t\t\t\t\tlast_name: \"\",\r\n\t\t\t\t\tssn: \"\",\r\n\t\t\t\t\temail: \"\",\r\n\t\t\t\t\trole: []\r\n\t\t\t\t})\r\n\t\t\t);\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\torgNr: this.props.orgNr,\r\n\t\t\t\tfirma: this.props.firma,\r\n\t\t\t\trepresentatives: reps\r\n\t\t\t}, () => {\r\n\t\t\t\tthis.props.onRepsUpdated(this.state.representatives);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {representatives} = this.state;\r\n\r\n\t\tlet hasAtLeastOneSignatory = false;\r\n\t\trepresentatives.forEach(function (rep) {\r\n\t\t\tif (rep.role.includes(\"signatory\")) {\r\n\t\t\t\thasAtLeastOneSignatory = true;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\tUndertecknad (”betalaren”), medger att betalning får göras genom uttag från angivet konto eller\r\n\t\t\t\t\t\tav betalaren senare angivet Konto, på begäran av angiven betalningsmottagare för betalning till\r\n\t\t\t\t\t\tdenne på viss dag (”förfallodagen”) via Autogiro. Betalaren medger att insättning och uttag från\r\n\t\t\t\t\t\tangivet konto eller av betalaren föranmält konto får göras på begäran av betalaren. Betalaren\r\n\t\t\t\t\t\tsamtycker till att behandling av personuppgifter som lämnats i detta medgivande behandlas av\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör, betalningsmottagaren, betalningsmottagarens\r\n\t\t\t\t\t\tbetaltjänstleverantör och Bankgirocentralen BGC AB för administration av tjänsten.\r\n\t\t\t\t\t\tPersonuppgiftsansvariga för denna personuppgiftsbehandling är betalarens betaltjänstleverantör,\r\n\t\t\t\t\t\tbetalningsmottagaren samt betalningsmottagarens betaltjänstleverantör. Betalaren kan när som\r\n\t\t\t\t\t\thelst begära att få tillgång till eller rättelse av personuppgifterna genom att kontakta\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör. Ytterligare information om behandling av personuppgifter i\r\n\t\t\t\t\t\tsamband med betalningar kan finnas i villkoren för kontot och i avtalet med\r\n\t\t\t\t\t\tbetalningsmottagaren. Betalaren kan när som helst återkalla sitt samtycke, vilket medför att\r\n\t\t\t\t\t\ttjänsten i sin helhet avslutas.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t{!!state.fields.customer_autogiro.options[0].checked && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{\r\n\t\t\t\t\t/**\r\n\t\t\t\t\t * In case we don't allow autogiro we make sure to fill out the first form with the selected products\r\n\t\t\t\t\t * anyway, or otherwise these won't be visible in the final documentation (and no accounts will\r\n\t\t\t\t\t * be created). Also, show a descip\r\n\t\t\t\t\t **/\r\n\t\t\t\t}\r\n\t\t\t\t{!!state.fields.customer_autogiro.options[1].checked && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t \r\n\t\t\t\t)}\r\n\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onSelectBankChange = (option) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"customer_account_bank\", option.value);\r\n\t};\r\n\r\n\t_onProductCheck = (name, checked) => {\r\n\t\tlet productsArray = this.state.fields.customer_products_selected;\r\n\t\tlet fixedFee = this.state.fields.customer_fixed_fee_products;\r\n\r\n\t\tlet singleDepositProducts = this.state.fields.customer_single_deposit_products;\r\n\t\tlet monthlyDepositProducts = this.state.fields.customer_monthly_deposit_products;\r\n\r\n\t\t// Remove the checkbox for variable fee for the product (since this is not the default option it should always go\r\n\t\tconst variableFee = this.state.fields.customer_variable_fee_products.filter(function (value, index, arr) {\r\n\t\t\treturn value !== name;\r\n\t\t});\r\n\r\n\t\tif (productsArray.includes(name)) { // Unchecking\r\n\t\t\tproductsArray = productsArray.filter(function (value, index, arr) {\r\n\t\t\t\treturn value !== name;\r\n\t\t\t});\r\n\r\n\t\t\t// Since we are unchecking the product we remove it from the fixed fee products array\r\n\t\t\tfixedFee = fixedFee.filter(function (value, index, arr) {\r\n\t\t\t\treturn value !== name;\r\n\t\t\t});\r\n\r\n\t\t\tconst newSingleDepositProducts = [];\r\n\t\t\tfor (let i = 0; i < singleDepositProducts.length; i++) {\r\n\t\t\t\tif (singleDepositProducts[i].name !== name) {\r\n\t\t\t\t\tnewSingleDepositProducts.push(singleDepositProducts[i]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tsingleDepositProducts = newSingleDepositProducts;\r\n\r\n\t\t\tconst newMonthlyDepositProducts = [];\r\n\t\t\tfor (let i = 0; i < monthlyDepositProducts.length; i++) {\r\n\t\t\t\tif (monthlyDepositProducts[i].name !== name) {\r\n\t\t\t\t\tnewMonthlyDepositProducts.push(monthlyDepositProducts[i]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tmonthlyDepositProducts = newMonthlyDepositProducts;\r\n\t\t}\r\n\t\telse {\r\n\t\t\tproductsArray.push(name);\r\n\t\t\tfixedFee.push(name); // Fixed fee is the default option\r\n\r\n\t\t\tsingleDepositProducts.push({\r\n\t\t\t\t\"name\": name,\r\n\t\t\t\t\"share\": \"\"\r\n\t\t\t});\r\n\r\n\t\t\tmonthlyDepositProducts.push({\r\n\t\t\t\t\"name\": name,\r\n\t\t\t\t\"share\": \"\"\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\tcustomer_products_selected: productsArray,\r\n\t\t\t\tcustomer_variable_fee_products: variableFee,\r\n\t\t\t\tcustomer_fixed_fee_products: fixedFee,\r\n\t\t\t\tcustomer_single_deposit_products: singleDepositProducts,\r\n\t\t\t\tcustomer_monthly_deposit_products: monthlyDepositProducts\r\n\t\t\t},\r\n\t\t\tautogiroSingleFundsSharesTotal: this._calculateFundsPercentagesTotal(\"single\", singleDepositProducts),\r\n\t\t\tautogiroMonthlyFundsSharesTotal: this._calculateFundsPercentagesTotal(\"monthly\", monthlyDepositProducts)\r\n\t\t});\r\n\t};\r\n\r\n\t_onSetVariableFee = (checked, name) => {\r\n\t\tconst variableFee = this.state.fields.customer_variable_fee_products;\r\n\t\tvariableFee.push(name);\r\n\r\n\t\tconst fixedFee = this.state.fields.customer_fixed_fee_products.filter(function (value, index, arr) {\r\n\t\t\treturn value !== name;\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\tcustomer_variable_fee_products: variableFee,\r\n\t\t\t\tcustomer_fixed_fee_products: fixedFee\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onSetFixedFee = (checked, name) => {\r\n\t\tconst fixedFee = this.state.fields.customer_fixed_fee_products;\r\n\t\tfixedFee.push(name);\r\n\r\n\t\tconst variableFee = this.state.fields.customer_variable_fee_products.filter(function (value, index, arr) {\r\n\t\t\treturn value !== name;\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\tcustomer_variable_fee_products: variableFee,\r\n\t\t\t\tcustomer_fixed_fee_products: fixedFee\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onExpandText = () => {\r\n\t\tthis.setState({\r\n\t\t\ttextFieldExpanded: !this.state.textFieldExpanded\r\n\t\t});\r\n\t};\r\n\r\n\t_onClearingFieldChange = (name, value) => {\r\n\t\t// Remove all non-numbers\r\n\t\tvalue = value.replace(/[^0-9]+/g, \"\");\r\n\r\n\t\t// Limit clearing numbers to 4 numbers, we'll show a message that says to enter only first four for the\r\n\t\t// banks with longer numbers\r\n\t\tif (value.length >= 4) {\r\n\t\t\tvalue = value.substring(0, 4);\r\n\t\t}\r\n\r\n\t\tlet valid = (this.state.fields.customer_account_bank === '-') ?\r\n\t\t\ttrue :\r\n\t\t\tValidator.validateClearingNumber(value, this.state.fields.customer_account_bank, this.props.availableBanks);\r\n\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value, valid);\r\n\t};\r\n\r\n\t_onAccountFieldChange = (name, value) => {\r\n\t\t// Remove dashes\r\n\t\tvalue = value.replace(\"-\", \"\");\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\t/**\r\n\t\t * For the single deposit and monthly savings field treat zero as if the value has not been entered\r\n\t\t */\r\n\t\tif ((name === 'customer_autogiro_single_amount' || name === 'customer_autogiro_monthly_amount') && value === \"0\") {\r\n\t\t\tvalue = \"\";\r\n\t\t}\r\n\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t},\r\n\t\t\tautogiroSingleFundsSharesTotal: this._calculateFundsPercentagesTotal(\"single\", null),\r\n\t\t\tautogiroMonthlyFundsSharesTotal: this._calculateFundsPercentagesTotal(\"monthly\", null)\r\n\t\t});\r\n\t};\r\n\r\n\t_onPercentageSingleFieldChange = (name, value) => {\r\n\t\tlet singleDepositProducts = this.state.fields.customer_single_deposit_products;\r\n\t\tfor (let i = 0; i < singleDepositProducts.length; i++) {\r\n\t\t\tif (singleDepositProducts[i].name === name) {\r\n\t\t\t\tsingleDepositProducts[i].share = value;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\tcustomer_single_deposit_products: singleDepositProducts\r\n\t\t\t},\r\n\t\t\tautogiroSingleFundsSharesTotal: this._calculateFundsPercentagesTotal(\"single\", singleDepositProducts)\r\n\t\t});\r\n\t};\r\n\r\n\t_onPercentageMonthlyFieldChange = (name, value) => {\r\n\t\tlet monthlyDepositProducts = this.state.fields.customer_monthly_deposit_products;\r\n\t\tfor (let i = 0; i < monthlyDepositProducts.length; i++) {\r\n\t\t\tif (monthlyDepositProducts[i].name === name) {\r\n\t\t\t\tmonthlyDepositProducts[i].share = value;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\tcustomer_monthly_deposit_products: monthlyDepositProducts\r\n\t\t\t},\r\n\t\t\tautogiroMonthlyFundsSharesTotal: this._calculateFundsPercentagesTotal(\"monthly\", monthlyDepositProducts)\r\n\t\t});\r\n\t};\r\n\r\n\t_getProductSingleShare(name) {\r\n\t\tlet singleDepositProducts = this.state.fields.customer_single_deposit_products;\r\n\t\tfor (let i = 0; i < singleDepositProducts.length; i++) {\r\n\t\t\tif (singleDepositProducts[i].name === name) {\r\n\t\t\t\treturn singleDepositProducts[i].share;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn \"\";\r\n\t}\r\n\r\n\t_getProductMonthlyShare(name) {\r\n\t\tlet monthlyDepositProducts = this.state.fields.customer_monthly_deposit_products;\r\n\t\tfor (let i = 0; i < monthlyDepositProducts.length; i++) {\r\n\t\t\tif (monthlyDepositProducts[i].name === name) {\r\n\t\t\t\treturn monthlyDepositProducts[i].share;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn \"\";\r\n\t}\r\n\r\n\t_calculateFundsPercentagesTotal(type, products) {\r\n\t\tif (products == null) {\r\n\t\t\tproducts = (type === \"single\") ? this.state.fields.customer_single_deposit_products : this.state.fields.customer_monthly_deposit_products;\r\n\t\t}\r\n\r\n\t\tlet total = 0;\r\n\t\tfor (let i = 0; i < products.length; i++) {\r\n\t\t\tconst productShare = parseInt(products[i].share, 10);\r\n\t\t\tif (!isNaN(productShare)) {\r\n\t\t\t\ttotal += productShare;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn total;\r\n\t}\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tif (name === 'customer_account_bank_clearingno') {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name, null, true);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t\t}\r\n\t};\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === 'customer_account_bank_no') {\r\n\t\t\treturn this._isValidBankAccountNo(false, value, this.state.fields.customer_autogiro_bank_clearingno);\r\n\t\t}\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onChangeAutogiroSelect = ({type, name}, option, index) => {\r\n\t\tname = name || option.name;\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"customer_account_bank\",\r\n\t\t\"customer_account_bank_custom\",\r\n\t\t\"customer_account_bank_no\",\r\n\t\t\"customer_account_bank_clearingno\",\r\n\t\t\"customer_autogiro\",\r\n\r\n\t\t\"checkbox_autogiro_single\",\r\n\t\t\"customer_autogiro_single_amount\",\r\n\r\n\t\t\"checkbox_autogiro_monthly\",\r\n\t\t\"customer_autogiro_monthly_amount\"\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\ttextFieldExpanded: false,\r\n\t\tautogiroOneTimeDepositProductsActive: 1,\r\n\t\tautogiroSingleFundsSharesTotal: 0,\r\n\t\tautogiroMonthlyFundsActive: 1,\r\n\t\tautogiroMonthlyFundsSharesTotal: 0,\r\n\t\tproducts: [],\r\n\r\n\t\tfields: {\r\n\t\t\t\"customer_products_selected\": [],\r\n\t\t\t\"customer_variable_fee_products\": [],\r\n\t\t\t\"customer_fixed_fee_products\": [],\r\n\t\t\t\"customer_single_deposit_products\": [],\r\n\t\t\t\"customer_monthly_deposit_products\": [],\r\n\t\t\t\"fee_options\": [\r\n\t\t\t\t{label: \"Rörlig avgift\", value: \"rorlig\"},\r\n\t\t\t\t{label: \"Fast avgift\", value: \"fast\"}\r\n\t\t\t],\r\n\r\n\t\t\t\"customer_account_bank\": \"\",\r\n\t\t\t\"customer_account_bank_custom\": \"\",\r\n\t\t\t\"customer_account_bank_no\": \"\",\r\n\t\t\t\"customer_account_bank_clearingno\": \"\",\r\n\t\t\t\"customer_autogiro\": {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\"},\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\"}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\t\"checkbox_autogiro_single\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\t\t\t\"checkbox_autogiro_monthly\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t}\r\n\t\t},\r\n\t\tvalidFields: {}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/auagfonder/Autogiro.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Autogiro from \"./Autogiro\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tif (state.fields.customer_products_selected.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro.options[0].checked) {\r\n\t\tconst replacedAccountNo = state.fields.customer_account_bank_no.split(\" \").join(\"\");\r\n\t\tif (replacedAccountNo <= 5 || state.fields.customer_account_bank.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse if (!state.fields.customer_autogiro.options[1].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro_single_amount && state.fields.customer_autogiro_single_amount > 0) {\r\n\r\n\t\tif (state.fields.customer_autogiro_single_amount < Autogiro.minimumAmountSingleDeposit) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (state.autogiroSingleFundsSharesTotal !== 100) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro_monthly_amount && state.fields.customer_autogiro_monthly_amount > 0) {\r\n\t\tif (state.fields.customer_autogiro_monthly_amount < Autogiro.minimumAmountMonthlyDeposit) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (state.autogiroMonthlyFundsSharesTotal !== 100) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/auagfonder/Autogiro.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport fulfillmentCheck from \"./Autogiro.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport CheckboxWithName from \"../../../components/CheckboxWithName/CheckboxWithName\";\r\nimport NumberField from \"../../../components/NumberField/NumberField\";\r\nimport AbstractAutogiro from \"../AbstractAutogiro\";\r\nimport Select from \"../../../../../components/Select/Select\";\r\nimport Validator from \"../../../../../classes/Validator\";\r\nimport Checkbox from \"../../../../../components/Checkbox/Checkbox\";\r\n\r\n\r\nexport default class Autogiro extends AbstractAutogiro {\r\n\r\n\tstatic minimumAmountSingleDeposit = 0;\r\n\tstatic minimumAmountMonthlyDeposit = 0;\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {state, props} = this;\r\n\t\tconst {availableBanks} = props;\r\n\t\tconst {fields, validFields} = state;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Autogiro-Odin\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\tconst textClasses = createClassName(\"description\", {\r\n\t\t\t\"contractable\": true,\r\n\t\t\t\"expanded\": state.textFieldExpanded\r\n\t\t});\r\n\r\n\t\tconst textClassSingle = createClassName(\"payments-details\", {\r\n\t\t\t\"expanded\": state.fields.checkbox_autogiro_single.checked\r\n\t\t});\r\n\r\n\t\tconst textClassMonthly = createClassName(\"payments-details\", {\r\n\t\t\t\"expanded\": state.fields.checkbox_autogiro_monthly.checked\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * Set up the dropdown with selectable banks.\r\n\t\t */\r\n\t\tlet availableBankOptions = [];\r\n\t\tfor (const bankName in availableBanks) {\r\n\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\t\t\tavailableBankOptions.push({\r\n\t\t\t\tlabel: bankName,\r\n\t\t\t\tvalue: bankName\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tavailableBankOptions.push({\r\n\t\t\tlabel: \"Övriga\",\r\n\t\t\tvalue: \"-\"\r\n\t\t});\r\n\r\n\t\tlet selectedBankIndex = -1;\r\n\r\n\t\tif (state.fields.customer_autogiro_bank && state.fields.customer_autogiro_bank.length > 0) {\r\n\t\t\tlet bankFoundInList = false;\r\n\t\t\tfor (const bankName in availableBanks) {\r\n\t\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t\tif (bankName === state.fields.customer_autogiro_bank) {\r\n\t\t\t\t\tbankFoundInList = true;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (!bankFoundInList && state.fields.customer_autogiro_bank === '-') {\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tExpandera texten
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tMinimera texten\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t{fields.customer_account_bank === '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{fields.customer_account_bank !== '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{fields.customer_account_bank === 'Swedbank' && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDet förekommer att Swedbank har en femte siffra i clearingnumret. Vänligen ange\r\n\t\t\t\t\t\t\t\tenbart de fyra första innan bindestrecket. Exempel: 8214-9 ska anges som 8214.\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t= Autogiro.minimumAmountSingleDeposit}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t{state.fields.customer_products_selected.map((product, index) => {\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tconst depositAmount = state.fields.customer_autogiro_single_amount || 0;\r\n\t\t\t\t\t\t\t\t\t\t\tlet fundAmount = 0;\r\n\t\t\t\t\t\t\t\t\t\t\tif (depositAmount > 0) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tfundAmount = depositAmount * (this._getProductSingleShare(product) / 100);\r\n\t\t\t\t\t\t\t\t\t\t\t\tfundAmount = Math.round(fundAmount * 100) / 100;\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tlet fundAmountForDisplay;\r\n\t\t\t\t\t\t\t\t\t\t\tif (fundAmount >= 0) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tfundAmountForDisplay = fundAmount.toLocaleString(\"sv-SE\", {minimumFractionDigits: 0}) + \" SEK\";\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\t\t\t\t\t\tfundAmountForDisplay = \"Felaktigt belopp\";\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{isInvalidSingleDepositShareDistribution && (\r\n\t\t\t\t\t\t\t\t\t\t\t{product}
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{fundAmountForDisplay}
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tVar god åtgärda: Summan av fördelningen måste vara\r\n\t\t\t\t\t\t\t\t\t\t\t\t100% (just nu {state.autogiroSingleFundsSharesTotal}%).\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t= Autogiro.minimumAmountMonthlyDeposit}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t(min. {Autogiro.minimumAmountMonthlyDeposit.toLocaleString(\"sv-SE\", {minimumFractionDigits: 0})} SEK totalt. Fördela fritt mellan förvaltningsstrategierna/mandaten.)\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t{state.fields.customer_products_selected.map((product, index) => {\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tconst depositAmount = state.fields.customer_autogiro_monthly_amount || 0;\r\n\t\t\t\t\t\t\t\t\t\t\tlet fundAmount = 0;\r\n\t\t\t\t\t\t\t\t\t\t\tif (depositAmount > 0) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tfundAmount = depositAmount * (this._getProductMonthlyShare(product) / 100);\r\n\t\t\t\t\t\t\t\t\t\t\t\tfundAmount = Math.round(fundAmount * 100) / 100;\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tlet fundAmountForDisplay;\r\n\t\t\t\t\t\t\t\t\t\t\tif (fundAmount >= 0) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tfundAmountForDisplay = fundAmount.toLocaleString(\"sv-SE\", {minimumFractionDigits: 0}) + \" SEK\";\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\t\t\t\t\t\tfundAmountForDisplay = \"Felaktigt belopp\";\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{isInvalidMonthlyDepositShareDistribution && (\r\n\t\t\t\t\t\t\t\t\t\t\t{product}
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{fundAmountForDisplay}
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tVar god åtgärda: Summan av fördelningen måste vara\r\n\t\t\t\t\t\t\t\t\t\t\t\t100% (just nu {state.autogiroMonthlyFundsSharesTotal}%).\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tÖverföring kan göras via insättning till Bankgiro. Instruktion kommer till din mail i\r\n\t\t\t\t\t\t\tvälkomstbrevet.\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{state.fields.customer_products_selected.map((product, index) => {\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{fields.radio_autogiro_source === \"bankgiro\" && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t)}\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onSelectBankChange = (option) => {\r\n\r\n\t\tlet shouldValidateAccountNumber = false;\r\n\t\tconst availableBanks = this.props.availableBanks;\r\n\t\tfor (const bankName in availableBanks) {\r\n\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\r\n\t\t\tif (option.value === bankName) {\r\n\t\t\t\tconst bankInfo = availableBanks[bankName];\r\n\t\t\t\tif (bankInfo.length > 0) {\r\n\t\t\t\t\tif (bankInfo[0]['validationEnabled'] === \"1\") {\r\n\t\t\t\t\t\tshouldValidateAccountNumber = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\tcustomer_autogiro_bank: option.value,\r\n\t\t\t\tshouldValidateBankAccount: shouldValidateAccountNumber\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onSelectBgChange = (option, index) => {\r\n\t\tconst val = option.value;\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\thouse_bgno: {...this.state.fields[\"house_bgno\"], val},\r\n\t\t\t\thouse_bgno_index: index\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onSelectMonthlyChange = (option, index) => {\r\n\t\tconst val = option.value;\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\tradio_autogiro_recurring: {...this.state.fields[\"radio_autogiro_recurring\"], val},\r\n\t\t\t\tradio_autogiro_recurring_index: index\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onExpandText = () => {\r\n\t\tthis.setState({\r\n\t\t\ttextFieldExpanded: !this.state.textFieldExpanded\r\n\t\t});\r\n\t};\r\n\r\n\t_onClearingFieldChange = (name, value) => {\r\n\t\t// Remove all non-numbers\r\n\t\tvalue = value.replace(/[^0-9]+/g, \"\");\r\n\r\n\t\t// Limit clearing numbers to 4 numbers, we'll show a message that says to enter only first four for the\r\n\t\t// banks with longer numbers\r\n\t\tif (value.length >= 4) {\r\n\t\t\tvalue = value.substring(0, 4);\r\n\t\t}\r\n\r\n\t\tlet valid = (this.state.fields.customer_autogiro_bank === '-') ?\r\n\t\t\ttrue :\r\n\t\t\tValidator.validateClearingNumber(value, this.state.fields.customer_autogiro_bank, this.props.availableBanks);\r\n\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value, valid);\r\n\t};\r\n\r\n\t_onAccountFieldChange = (name, value) => {\r\n\t\t// Remove dashes\r\n\t\tvalue = value.replace(\"-\", \"\");\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onBankgiroFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\t/**\r\n\t\t * For the single deposit and monthly savings field treat zero as if the value has not been entered\r\n\t\t */\r\n\t\tif ((name === 'customer_autogiro_amount_onetime' || name === 'customer_autogiro_amount_recurring') && value === \"0\") {\r\n\t\t\tvalue = \"\";\r\n\t\t}\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tif (name === 'customer_autogiro_bank_clearingno') {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name, null, true);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t\t}\r\n\t};\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === 'customer_autogiro_bankno') {\r\n\t\t\t/**\r\n\t\t\t * For the banks where we know the validation rules, check if the number should be validated.\r\n\t\t\t */\r\n\t\t\tlet shouldValidateAccountNumber = false;\r\n\t\t\tconst availableBanks = this.props.availableBanks;\r\n\t\t\tfor (const bankName in availableBanks) {\r\n\t\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\r\n\t\t\t\tif (this.state.fields.customer_autogiro_bank === bankName) {\r\n\t\t\t\t\tconst bankInfo = availableBanks[bankName];\r\n\t\t\t\t\tif (bankInfo.length > 0) {\r\n\t\t\t\t\t\tif (bankInfo[0]['validationEnabled'] === \"1\") {\r\n\t\t\t\t\t\t\tshouldValidateAccountNumber = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn this._isValidBankAccountNo(shouldValidateAccountNumber, value, this.state.fields.customer_autogiro_bank_clearingno);\r\n\t\t}\r\n\r\n\t\treturn value.length > 0;\r\n\t};\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"customer_autogiro_bank\",\r\n\t\t\"house_bgno\",\r\n\t\t\"customer_account_bank_custom\",\r\n\t\t\"customer_autogiro_bankno\",\r\n\t\t\"customer_autogiro_bank_clearingno\",\r\n\t\t\"customer_accountno_fair\",\r\n\t\t\"customer_autogiro_amount_quantity\",\r\n\r\n\t\t\"checkbox_autogiro_single\",\r\n\t\t\"customer_autogiro_amount_onetime\",\r\n\r\n\t\t\"checkbox_autogiro_monthly\",\r\n\t\t\"radio_autogiro_source\",\r\n\t\t\"customer_autogiro_amount_recurring\"\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\ttextFieldExpanded: false,\r\n\t\tfields: {\r\n\t\t\t\"shouldValidateBankAccount\": false,\r\n\t\t\t\"skipBankAccountValidation\": false,\r\n\t\t\t\"radio_new_isk\": \"no\",\r\n\t\t\t\"customer_autogiro_bank\": \"\",\r\n\t\t\t\"house_bgno\": \"\",\r\n\t\t\t\"house_bgno_index\": -1,\r\n\t\t\t\"radio_autogiro_recurring\": -1,\r\n\t\t\t\"radio_autogiro_recurring_index\": -1,\r\n\t\t\t\"customer_account_bank_custom\": \"\",\r\n\t\t\t\"customer_autogiro_bankno\": \"\",\r\n\t\t\t\"customer_autogiro_bank_clearingno\": \"\",\r\n\t\t\t\"customer_accountno_fair\": \"\",\r\n\t\t\t\"radio_autogiro_source\": \"konto\",\r\n\t\t\t\"customer_autogiro_custno\": \"\",\r\n\t\t\t\"customer_autogiro_amount_quantity\": \"\",\r\n\r\n\t\t\t\"checkbox_autogiro_single\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\t\t\t\"customer_autogiro_amount_onetime\": \"\",\r\n\r\n\t\t\t\"checkbox_autogiro_monthly\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\t\t\t\"customer_autogiro_amount_recurring\": \"\"\r\n\t\t},\r\n\t\tvalidFields: {}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/fair-ag/Autogiro.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Autogiro from \"./Autogiro\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro_amount_onetime && state.fields.customer_autogiro_amount_onetime > 0) {\r\n\t\tif (state.fields.customer_autogiro_amount_onetime < Autogiro.minimumAmountSingleDeposit) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro_amount_recurring && state.fields.customer_autogiro_amount_recurring > 0) {\r\n\t\tif (state.fields.customer_autogiro_amount_recurring < Autogiro.minimumAmountMonthlyDeposit) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (state.fields.house_bgno.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (state.fields.radio_new_isk !== \"yes\" && state.fields.customer_accountno_fair.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (state.fields.radio_autogiro_source === \"konto\") {\r\n\t\tconst replacedAccountNo = state.fields.customer_autogiro_bankno.split(\" \").join(\"\");\r\n\t\tif (replacedAccountNo.length <= 5 || state.fields.customer_autogiro_bank.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (!state.fields.skipBankAccountValidation && state.fields.shouldValidateBankAccount && (!state.validFields.customer_autogiro_bankno || !state.validFields.customer_autogiro_bank_clearingno)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\tif (state.fields.customer_autogiro_custno.length < 5) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro_amount_quantity !== '' && state.fields.customer_autogiro_amount_quantity <= 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/fair-ag/Autogiro.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport fulfillmentCheck from \"./Autogiro.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport CheckboxWithName from \"../../../components/CheckboxWithName/CheckboxWithName\";\r\nimport NumberField from \"../../../components/NumberField/NumberField\";\r\nimport AbstractAutogiro from \"../AbstractAutogiro\";\r\nimport Select from \"../../../../../components/Select/Select\";\r\nimport Validator from \"../../../../../classes/Validator\";\r\nimport Checkbox from \"../../../../../components/Checkbox/Checkbox\";\r\n\r\n\r\nexport default class Autogiro extends AbstractAutogiro {\r\n\r\n\tstatic minimumAmountSingleDeposit = 0;\r\n\tstatic minimumAmountMonthlyDeposit = 0;\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {state, props} = this;\r\n\t\tconst {availableBanks} = props;\r\n\t\tconst {fields, validFields} = state;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Autogiro-Odin\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\tconst textClasses = createClassName(\"description\", {\r\n\t\t\t\"contractable\": true,\r\n\t\t\t\"expanded\": state.textFieldExpanded\r\n\t\t});\r\n\r\n\t\tconst textClassSingle = createClassName(\"payments-details\", {\r\n\t\t\t\"expanded\": state.fields.checkbox_autogiro_single.checked\r\n\t\t});\r\n\r\n\t\tconst textClassMonthly = createClassName(\"payments-details\", {\r\n\t\t\t\"expanded\": state.fields.checkbox_autogiro_monthly.checked\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * Set up the dropdown with selectable banks.\r\n\t\t */\r\n\t\tlet availableBankOptions = [];\r\n\t\tfor (const bankName in availableBanks) {\r\n\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\t\t\tavailableBankOptions.push({\r\n\t\t\t\tlabel: bankName,\r\n\t\t\t\tvalue: bankName\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tavailableBankOptions.push({\r\n\t\t\tlabel: \"Övriga\",\r\n\t\t\tvalue: \"-\"\r\n\t\t});\r\n\r\n\t\tlet selectedBankIndex = -1;\r\n\r\n\t\tif (state.fields.customer_autogiro_bank && state.fields.customer_autogiro_bank.length > 0) {\r\n\t\t\tlet bankFoundInList = false;\r\n\t\t\tfor (const bankName in availableBanks) {\r\n\t\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t\tif (bankName === state.fields.customer_autogiro_bank) {\r\n\t\t\t\t\tbankFoundInList = true;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (!bankFoundInList && state.fields.customer_autogiro_bank === '-') {\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\tAutogiromedgivande / Föranmält konto
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t{fields.radio_autogiro_source === \"konto\" && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tUndertecknad (”betalaren”), medger att betalning får göras genom uttag från angivet konto eller\r\n\t\t\t\t\t\tav betalaren senare angivet Konto, på begäran av angiven betalningsmottagare för betalning till\r\n\t\t\t\t\t\tdenne på viss dag (”förfallodagen”) via Autogiro. Betalaren medger att insättning och uttag från\r\n\t\t\t\t\t\tangivet konto eller av betalaren föranmält konto får göras på begäran av betalaren. Betalaren\r\n\t\t\t\t\t\tsamtycker till att behandling av personuppgifter som lämnats i detta medgivande behandlas av\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör, betalningsmottagaren, betalningsmottagarens\r\n\t\t\t\t\t\tbetaltjänstleverantör och Bankgirocentralen BGC AB för administration av tjänsten.\r\n\t\t\t\t\t\tPersonuppgiftsansvariga för denna personuppgiftsbehandling är betalarens betaltjänstleverantör,\r\n\t\t\t\t\t\tbetalningsmottagaren samt betalningsmottagarens betaltjänstleverantör. Betalaren kan när som\r\n\t\t\t\t\t\thelst begära att få tillgång till eller rättelse av personuppgifterna genom att kontakta\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör. Ytterligare information om behandling av personuppgifter i\r\n\t\t\t\t\t\tsamband med betalningar kan finnas i villkoren för kontot och i avtalet med\r\n\t\t\t\t\t\tbetalningsmottagaren. Betalaren kan när som helst återkalla sitt samtycke, vilket medför att\r\n\t\t\t\t\t\ttjänsten i sin helhet avslutas.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tExpandera texten
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tMinimera texten\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t{fields.customer_autogiro_bank === '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{fields.customer_autogiro_bank !== '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{fields.customer_autogiro_bank === 'Swedbank' && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDet förekommer att Swedbank har en femte siffra i clearingnumret. Vänligen ange\r\n\t\t\t\t\t\t\t\tenbart de fyra första innan bindestrecket. Exempel: 8214-9 ska anges som 8214.\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t{fields.shouldValidateBankAccount && (\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\t\t\t\tfields: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t...this.state.fields,\r\n\t\t\t\t\t\t\t\t\t\t\t\tskipBankAccountValidation: checked\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t= Autogiro.minimumAmountSingleDeposit}\r\n\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t= Autogiro.minimumAmountMonthlyDeposit}\r\n\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tAntal dragningar totalt
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tLämnas fältet tomt sker de periodiska dragningarna tillsvidare.\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tTill konto
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\t\t\t\tfields: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t...this.state.fields,\r\n\t\t\t\t\t\t\t\t\t\t\t\tradio_new_isk: checked ? \"yes\" : \"no\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t{(fields.radio_new_isk === \"yes\") && (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{fields.radio_autogiro_source === \"bankgiro\" && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t)}\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onSelectBankChange = (option) => {\r\n\r\n\t\tlet shouldValidateAccountNumber = false;\r\n\t\tconst availableBanks = this.props.availableBanks;\r\n\t\tfor (const bankName in availableBanks) {\r\n\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\r\n\t\t\tif (option.value === bankName) {\r\n\t\t\t\tconst bankInfo = availableBanks[bankName];\r\n\t\t\t\tif (bankInfo.length > 0) {\r\n\t\t\t\t\tif (bankInfo[0]['validationEnabled'] === \"1\") {\r\n\t\t\t\t\t\tshouldValidateAccountNumber = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\tcustomer_autogiro_bank: option.value,\r\n\t\t\t\tshouldValidateBankAccount: shouldValidateAccountNumber\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onSelectMonthlyChange = (option, index) => {\r\n\t\tconst val = option.value;\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\tradio_autogiro_recurring: {...this.state.fields[\"radio_autogiro_recurring\"], val},\r\n\t\t\t\tradio_autogiro_recurring_index: index\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onExpandText = () => {\r\n\t\tthis.setState({\r\n\t\t\ttextFieldExpanded: !this.state.textFieldExpanded\r\n\t\t});\r\n\t};\r\n\r\n\t_onClearingFieldChange = (name, value) => {\r\n\t\t// Remove all non-numbers\r\n\t\tvalue = value.replace(/[^0-9]+/g, \"\");\r\n\r\n\t\t// Limit clearing numbers to 4 numbers, we'll show a message that says to enter only first four for the\r\n\t\t// banks with longer numbers\r\n\t\tif (value.length >= 4) {\r\n\t\t\tvalue = value.substring(0, 4);\r\n\t\t}\r\n\r\n\t\tlet valid = (this.state.fields.customer_autogiro_bank === '-') ?\r\n\t\t\ttrue :\r\n\t\t\tValidator.validateClearingNumber(value, this.state.fields.customer_autogiro_bank, this.props.availableBanks);\r\n\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value, valid);\r\n\t};\r\n\r\n\t_onAccountFieldChange = (name, value) => {\r\n\t\t// Remove dashes\r\n\t\tvalue = value.replace(\"-\", \"\");\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onBankgiroFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\t/**\r\n\t\t * For the single deposit and monthly savings field treat zero as if the value has not been entered\r\n\t\t */\r\n\t\tif ((name === 'customer_autogiro_amount_onetime' || name === 'customer_autogiro_amount_recurring') && value === \"0\") {\r\n\t\t\tvalue = \"\";\r\n\t\t}\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tif (name === 'customer_autogiro_bank_clearingno') {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name, null, true);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t\t}\r\n\t};\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === 'customer_autogiro_bankno') {\r\n\t\t\t/**\r\n\t\t\t * For the banks where we know the validation rules, check if the number should be validated.\r\n\t\t\t */\r\n\t\t\tlet shouldValidateAccountNumber = false;\r\n\t\t\tconst availableBanks = this.props.availableBanks;\r\n\t\t\tfor (const bankName in availableBanks) {\r\n\t\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\r\n\t\t\t\tif (this.state.fields.customer_autogiro_bank === bankName) {\r\n\t\t\t\t\tconst bankInfo = availableBanks[bankName];\r\n\t\t\t\t\tif (bankInfo.length > 0) {\r\n\t\t\t\t\t\tif (bankInfo[0]['validationEnabled'] === \"1\") {\r\n\t\t\t\t\t\t\tshouldValidateAccountNumber = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn this._isValidBankAccountNo(shouldValidateAccountNumber, value, this.state.fields.customer_autogiro_bank_clearingno);\r\n\t\t}\r\n\r\n\t\treturn value.length > 0;\r\n\t};\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"customer_autogiro_bank\",\r\n\t\t\"customer_account_bank_custom\",\r\n\t\t\"customer_autogiro_bankno\",\r\n\t\t\"customer_autogiro_bank_clearingno\",\r\n\t\t\"customer_accountno_fair\",\r\n\t\t\"customer_autogiro_amount_quantity\",\r\n\r\n\t\t\"checkbox_autogiro_single\",\r\n\t\t\"customer_autogiro_amount_onetime\",\r\n\r\n\t\t\"checkbox_autogiro_monthly\",\r\n\t\t\"radio_autogiro_source\",\r\n\t\t\"customer_autogiro_amount_recurring\"\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\ttextFieldExpanded: false,\r\n\t\tfields: {\r\n\t\t\t\"shouldValidateBankAccount\": false,\r\n\t\t\t\"skipBankAccountValidation\": false,\r\n\t\t\t\"customer_autogiro_bank\": \"\",\r\n\t\t\t\"radio_autogiro_recurring\": -1,\r\n\t\t\t\"radio_autogiro_recurring_index\": -1,\r\n\t\t\t\"customer_account_bank_custom\": \"\",\r\n\t\t\t\"customer_autogiro_bankno\": \"\",\r\n\t\t\t\"customer_autogiro_bank_clearingno\": \"\",\r\n\t\t\t\"customer_accountno_fair\": \"\",\r\n\t\t\t\"radio_autogiro_source\": \"konto\",\r\n\t\t\t\"customer_autogiro_custno\": \"\",\r\n\t\t\t\"customer_autogiro_amount_quantity\": \"\",\r\n\r\n\t\t\t\"checkbox_autogiro_single\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\t\t\t\"customer_autogiro_amount_onetime\": \"\",\r\n\r\n\t\t\t\"checkbox_autogiro_monthly\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\t\t\t\"customer_autogiro_amount_recurring\": \"\"\r\n\t\t},\r\n\t\tvalidFields: {}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/glofitech-ag/Autogiro.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Autogiro from \"./Autogiro\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro_amount_onetime && state.fields.customer_autogiro_amount_onetime > 0) {\r\n\t\tif (state.fields.customer_autogiro_amount_onetime < Autogiro.minimumAmountSingleDeposit) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro_amount_recurring && state.fields.customer_autogiro_amount_recurring > 0) {\r\n\t\tif (state.fields.customer_autogiro_amount_recurring < Autogiro.minimumAmountMonthlyDeposit) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (state.fields.radio_autogiro_source === \"konto\") {\r\n\t\tconst replacedAccountNo = state.fields.customer_autogiro_bankno.split(\" \").join(\"\");\r\n\t\tif (replacedAccountNo.length <= 5 || state.fields.customer_autogiro_bank.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (!state.fields.skipBankAccountValidation && state.fields.shouldValidateBankAccount && (!state.validFields.customer_autogiro_bankno || !state.validFields.customer_autogiro_bank_clearingno)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\tif (state.fields.customer_autogiro_custno.length < 5) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (state.fields.customer_autogiro_amount_quantity !== '' && state.fields.customer_autogiro_amount_quantity <= 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/glofitech-ag/Autogiro.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tif (state.fields.radio_autogiro_source === \"konto\") {\r\n\t\tconst replacedAccountNo = state.fields.customer_autogiro_bankno.split(\" \").join(\"\");\r\n\t\tif (replacedAccountNo.length <= 5 || state.fields.customer_autogiro_bank.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (!state.fields.skipBankAccountValidation && state.fields.shouldValidateBankAccount && (!state.validFields.customer_autogiro_bankno || !state.validFields.customer_autogiro_bank_clearingno)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\tif (state.fields.customer_autogiro_custno.length < 5) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/no-amount/Autogiro.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport FieldsCollection from \"../../../../../components/FieldsCollection/FieldsCollection\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\nimport fulfillmentCheck from \"./Autogiro.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport CheckboxWithName from \"../../../components/CheckboxWithName/CheckboxWithName\";\r\nimport NumberField from \"../../../components/NumberField/NumberField\";\r\nimport StackLayout from \"../../../../../components/layouts/StackLayout/StackLayout\";\r\nimport Button from \"../../../../../components/Button/Button\";\r\nimport AbstractAutogiro, {ProductSelectionRow} from \"../AbstractAutogiro\";\r\nimport Select from \"../../../../../components/Select/Select\";\r\nimport Validator from \"../../../../../classes/Validator\";\r\n\r\n\r\nexport default class Autogiro extends AbstractAutogiro {\r\n\r\n\tstatic minimumAmountSingleDeposit = 50000;\r\n\tstatic minimumAmountMonthlyDeposit = 1000;\r\n\r\n\tstatic productLabel = \"Fond\";\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {state, props} = this;\r\n\t\tconst {availableBanks} = props;\r\n\t\tconst {fields, validFields} = state;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Autogiro-Odin\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\tconst textClasses = createClassName(\"description\", {\r\n\t\t\t\"contractable\": true,\r\n\t\t\t\"expanded\": state.textFieldExpanded\r\n\t\t});\r\n\r\n\t\tconst textClassSingle = createClassName(\"payments-details\", {\r\n\t\t\t\"expanded\": state.fields.checkbox_autogiro_single.checked\r\n\t\t});\r\n\r\n\t\tconst textClassMonthly = createClassName(\"payments-details\", {\r\n\t\t\t\"expanded\": state.fields.checkbox_autogiro_monthly.checked\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * Set up the dropdown with selectable banks.\r\n\t\t */\r\n\t\tlet availableBankOptions = [];\r\n\t\tfor (const bankName in availableBanks) {\r\n\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\t\t\tavailableBankOptions.push({\r\n\t\t\t\tlabel: bankName,\r\n\t\t\t\tvalue: bankName\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tavailableBankOptions.push({\r\n\t\t\tlabel: \"Övriga\",\r\n\t\t\tvalue: \"-\"\r\n\t\t});\r\n\r\n\t\tlet selectedBankIndex = -1;\r\n\r\n\t\tif (state.fields.customer_account_bank && state.fields.customer_account_bank.length > 0) {\r\n\t\t\tlet bankFoundInList = false;\r\n\t\t\tfor (const bankName in availableBanks) {\r\n\t\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t\tif (bankName === state.fields.customer_account_bank) {\r\n\t\t\t\t\tbankFoundInList = true;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (!bankFoundInList && state.fields.customer_account_bank === '-') {\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/**\r\n\t\t * Create rows for selecting funds when you have decided to make either a single deposit\r\n\t\t * or to start a monthly savings routine.\r\n\t\t */\r\n\t\tconst autogiroSingleFunds = [];\r\n\t\tfor (let i = 1; i <= state.autogiroSingleFundsActive; i++) {\r\n\t\t\tautogiroSingleFunds.push(ProductSelectionRow(this, true, Autogiro.minimumAmountSingleDeposit, Autogiro.minimumAmountMonthlyDeposit, state.products, \"single\", i));\r\n\t\t}\r\n\r\n\t\tconst autogiroMonthlyFunds = [];\r\n\t\tfor (let i = 1; i <= state.autogiroMonthlyFundsActive; i++) {\r\n\t\t\tautogiroMonthlyFunds.push(ProductSelectionRow(this, true, Autogiro.minimumAmountSingleDeposit, Autogiro.minimumAmountMonthlyDeposit, state.products, \"monthly\", i));\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\tAutogiromedgivande / Föranmält konto
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t{fields.radio_autogiro_source === \"konto\" && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tUndertecknad (”betalaren”), medger att betalning får göras genom uttag från angivet konto eller\r\n\t\t\t\t\t\tav betalaren senare angivet Konto, på begäran av angiven betalningsmottagare för betalning till\r\n\t\t\t\t\t\tdenne på viss dag (”förfallodagen”) via Autogiro. Betalaren medger att insättning och uttag från\r\n\t\t\t\t\t\tangivet konto eller av betalaren föranmält konto får göras på begäran av betalaren. Betalaren\r\n\t\t\t\t\t\tsamtycker till att behandling av personuppgifter som lämnats i detta medgivande behandlas av\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör, betalningsmottagaren, betalningsmottagarens\r\n\t\t\t\t\t\tbetaltjänstleverantör och Bankgirocentralen BGC AB för administration av tjänsten.\r\n\t\t\t\t\t\tPersonuppgiftsansvariga för denna personuppgiftsbehandling är betalarens betaltjänstleverantör,\r\n\t\t\t\t\t\tbetalningsmottagaren samt betalningsmottagarens betaltjänstleverantör. Betalaren kan när som\r\n\t\t\t\t\t\thelst begära att få tillgång till eller rättelse av personuppgifterna genom att kontakta\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör. Ytterligare information om behandling av personuppgifter i\r\n\t\t\t\t\t\tsamband med betalningar kan finnas i villkoren för kontot och i avtalet med\r\n\t\t\t\t\t\tbetalningsmottagaren. Betalaren kan när som helst återkalla sitt samtycke, vilket medför att\r\n\t\t\t\t\t\ttjänsten i sin helhet avslutas.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tExpandera texten
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tMinimera texten\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t{fields.customer_autogiro_bank === '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{fields.customer_autogiro_bank !== '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{fields.customer_autogiro_bank === 'Swedbank' && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDet förekommer att Swedbank har en femte siffra i clearingnumret. Vänligen ange\r\n\t\t\t\t\t\t\t\tenbart de fyra första innan bindestrecket. Exempel: 8214-9 ska anges som 8214.\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t{fields.shouldValidateBankAccount && (\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\t\t\t\tfields: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t...this.state.fields,\r\n\t\t\t\t\t\t\t\t\t\t\t\tskipBankAccountValidation: checked\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t= Autogiro.minimumAmountSingleDeposit}\r\n\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t= Autogiro.minimumAmountMonthlyDeposit}\r\n\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tAntal dragningar totalt
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tLämnas fältet tomt sker de periodiska dragningarna tillsvidare.\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t{!!state.fields.customer_autogiro.options[0].checked && (\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t \r\n\t\t\t\t)}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onSelectBankChange = (option) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"customer_account_bank\", option.value);\r\n\t};\r\n\r\n\t_nameIsinFilterer = ({option}, input) => {\r\n\t\tinput = input.toLowerCase();\r\n\r\n\t\tlet matchesIsinNumber = false;\r\n\t\tif (option.isin) {\r\n\t\t\tconst isin = option.isin.toLowerCase();\r\n\t\t\tmatchesIsinNumber = isin.indexOf(input) === 0;\r\n\t\t}\r\n\r\n\t\tconst name = option.label.toLowerCase();\r\n\t\treturn name.indexOf(input) >= 0 || matchesIsinNumber;\r\n\t};\r\n\r\n\t_renderNameIsinOption = ({label, isin}) => (\r\n\t\t\r\n\t\t\t\t\tFör att du ska kunna sätta in och ta ut pengar, samt månadsspara via Autogiro måste nedan\r\n\t\t\t\t\tAutogiromedgivande fyllas i:\r\n\t\t\t\t
\r\n\r\n\t\t\t\tAutogiromedgivande / Föranmält konto
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\tUndertecknad (”betalaren”), medger att betalning får göras genom uttag från angivet konto eller\r\n\t\t\t\t\t\tav betalaren senare angivet Konto, på begäran av angiven betalningsmottagare för betalning till\r\n\t\t\t\t\t\tdenne på viss dag (”förfallodagen”) via Autogiro. Betalaren medger att insättning och uttag från\r\n\t\t\t\t\t\tangivet konto eller av betalaren föranmält konto får göras på begäran av betalaren. Betalaren\r\n\t\t\t\t\t\tsamtycker till att behandling av personuppgifter som lämnats i detta medgivande behandlas av\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör, betalningsmottagaren, betalningsmottagarens\r\n\t\t\t\t\t\tbetaltjänstleverantör och Bankgirocentralen BGC AB för administration av tjänsten.\r\n\t\t\t\t\t\tPersonuppgiftsansvariga för denna personuppgiftsbehandling är betalarens betaltjänstleverantör,\r\n\t\t\t\t\t\tbetalningsmottagaren samt betalningsmottagarens betaltjänstleverantör. Betalaren kan när som\r\n\t\t\t\t\t\thelst begära att få tillgång till eller rättelse av personuppgifterna genom att kontakta\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör. Ytterligare information om behandling av personuppgifter i\r\n\t\t\t\t\t\tsamband med betalningar kan finnas i villkoren för kontot och i avtalet med\r\n\t\t\t\t\t\tbetalningsmottagaren. Betalaren kan när som helst återkalla sitt samtycke, vilket medför att\r\n\t\t\t\t\t\ttjänsten i sin helhet avslutas.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tExpandera texten
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tMinimera texten\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t{fields.customer_account_bank === '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{fields.customer_account_bank !== '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{fields.customer_account_bank === 'Swedbank' && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDet förekommer att Swedbank har en femte siffra i clearingnumret. Vänligen ange\r\n\t\t\t\t\t\t\t\tenbart de fyra första innan bindestrecket. Exempel: 8214-9 ska anges som 8214.\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t= 18 ? \"medium\" : \"primary\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={state.autogiroSingleFundsActive >= 18}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={this._onAddFund.bind(this, \"single\")}\r\n\t\t\t\t\t\t\t\t\t\t\t\tfilled\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t= Autogiro.minimumAmountSingleDeposit}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t(min. {Autogiro.minimumAmountSingleDeposit.toLocaleString(\"sv-SE\", {minimumFractionDigits: 0})} SEK)\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t{autogiroSingleFunds}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{(state.autogiroSingleFundsSharesTotal < 100 ||\r\n\t\t\t\t\t\t\t\t\t\t\tstate.autogiroSingleFundsSharesTotal > 100) && (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tVar god åtgärda:\r\n\t\t\t\t\t\t\t\t\t\t\t\tSumman av fondfördelningen måste vara\r\n\t\t\t\t\t\t\t\t\t\t\t\t100% (just nu {state.autogiroSingleFundsSharesTotal}%).\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t= 18 ? \"medium\" : \"primary\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={state.autogiroMonthlyFundsActive >= 18}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={this._onAddFund.bind(this, \"monthly\")}\r\n\t\t\t\t\t\t\t\t\t\t\t\tfilled\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t= Autogiro.minimumAmountMonthlyDeposit}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t(min. {Autogiro.minimumAmountMonthlyDeposit.toLocaleString(\"sv-SE\", {minimumFractionDigits: 0})} SEK)\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t{autogiroMonthlyFunds}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{(state.autogiroMonthlyFundsSharesTotal < 100 ||\r\n\t\t\t\t\t\t\t\t\t\t\tstate.autogiroMonthlyFundsSharesTotal > 100) && (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tVar god åtgärda: Summan av fondfördelningen måste vara\r\n\t\t\t\t\t\t\t\t\t\t\t\t100%\r\n\t\t\t\t\t\t\t\t\t\t\t\t(just nu {state.autogiroMonthlyFundsSharesTotal}%).\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{label}
\r\n\t\t\t{isin}
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif (state.showError)\r\n\t\t{\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t{title}
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tlet selectedAccountTypeIndex = -1;\r\n\t\tfor (let i = 0; i < this.accountTypeOptions.length; i++)\r\n\t\t{\r\n\t\t\tif (state.fields.advice_instruction_account_type === this.accountTypeOptions[i].value)\r\n\t\t\t{\r\n\t\t\t\tselectedAccountTypeIndex = i;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst transactionBuyRows = [];\r\n\t\tconst transactionSellRows = [];\r\n\t\tlet totalAmountBuy = 0;\r\n\t\tlet totalAmountSell = 0;\r\n\t\tconst numberOfActiveProducts = this._getNumberOfActiveProducts();\r\n\t\tconst canAddTransactionDisabled = this._isTransactionDataIncomplete();\r\n\r\n\t\tfor (let i = 0; i < numberOfActiveProducts; i++)\r\n\t\t{\r\n\t\t\tconst transactionType = state.caseData[\"recommendation_product_type_\" + i];\r\n\t\t\tlet productAmount = state.caseData[\"recommendation_product_amount_\" + i];\r\n\t\t\tif (productAmount)\r\n\t\t\t{\r\n\t\t\t\tproductAmount = productAmount.replaceAll(\" \", \"\").replaceAll(\"kr\", \"\").replaceAll(\"SEK\", \"\").replaceAll(\",\", \".\");\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t{\r\n\t\t\t\tproductAmount = 0;\r\n\t\t\t}\r\n\r\n\t\t\tlet parsedAmount = parseFloat(productAmount);\r\n\t\t\tparsedAmount = isNaN(parsedAmount) ? 0 : parsedAmount;\r\n\r\n\t\t\tif (transactionType === \"Köp\")\r\n\t\t\t{\r\n\t\t\t\ttotalAmountBuy += parsedAmount;\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t{\r\n\t\t\t\ttotalAmountSell += parsedAmount;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// Fix for JS sometimes adding a bunch of unrelated decimals\r\n\t\ttotalAmountBuy = Math.round(totalAmountBuy * 100) / 100;\r\n\t\ttotalAmountSell = Math.round(totalAmountSell * 100) / 100;\r\n\r\n\t\tfor (let i = 0; i < numberOfActiveProducts; i++)\r\n\t\t{\r\n\t\t\tconst transactionType = state.caseData[\"recommendation_product_type_\" + i];\r\n\t\t\tconst productIsin = state.caseData[\"recommendation_product_isin_\" + i];\r\n\t\t\tconst productTicker = state.caseData[\"recommendation_product_ticker_\" + i];\r\n\t\t\tconst productName = state.caseData[\"recommendation_product_name_\" + i];\r\n\t\t\tlet productAmount = state.caseData[\"recommendation_product_amount_\" + i];\r\n\t\t\tif (productAmount)\r\n\t\t\t{\r\n\t\t\t\tproductAmount = productAmount.replaceAll(\" \", \"\").replaceAll(\"kr\", \"\").replaceAll(\"SEK\", \"\").replaceAll(\",\", \".\");\r\n\t\t\t}\r\n\r\n\t\t\tlet shareOfTotal = 0;\r\n\t\t\tif (transactionType === \"Köp\")\r\n\t\t\t{\r\n\t\t\t\tshareOfTotal = (productAmount / totalAmountBuy) * 100;\r\n\t\t\t}\r\n\r\n\t\t\tif (!productName || productName.length <= 0)\r\n\t\t\t{\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\r\n\t\t\tlet transactionsCollection = (transactionType === \"Köp\" ? transactionBuyRows : transactionSellRows);\r\n\t\t\tconst rowPrefix = (transactionType === \"Köp\" ? \"buy\" : \"sell\");\r\n\r\n\t\t\ttransactionsCollection.push(\r\n\t\t\t\t\r\n\t\t\t\t\t\t window.location = partner.redirectUrl}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t{title}
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{state.showError === \"not-found\" && (\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tID {session.context.caseId}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tID {session.context.caseId}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tID {session.context.caseId}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tID {session.context.caseId}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onSelectChangeType = (option, index) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"advice_instruction_account_type\", option.value);\r\n\t};\r\n\r\n\t_onTransTypeChange = (option, index) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"add_product_type\", option.value);\r\n\t};\r\n\r\n\t_onAmountChange = (value) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"add_product_amount\", value);\r\n\t};\r\n\r\n\t_onNameIsinChange = (option, index) =>\r\n\t{\r\n\t\tconst newFields = {...this.state.fields};\r\n\t\tnewFields.add_product_index = index;\r\n\t\tnewFields.add_product_name = option.Name;\r\n\t\tnewFields.add_product_isin = option.Isin;\r\n\t\tnewFields.add_product_ticker = option.Ticker;\r\n\t\tthis.setState({fields: newFields});\r\n\t};\r\n\r\n\t_fieldValidator = (name, value) =>\r\n\t{\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_addSignatory = () =>\r\n\t{\r\n\t\tconst signatories = this.state.fields.signatories;\r\n\t\tsignatories.push(\r\n\t\t\t{\r\n\t\t\t\tssn: \"\",\r\n\t\t\t\tfirstName: \"\",\r\n\t\t\t\tlastName: \"\",\r\n\t\t\t\temail: \"\",\r\n\t\t\t\tphone: \"\",\r\n\t\t\t\tselected: true\r\n\t\t\t}\r\n\t\t);\r\n\t\tconst newFields = {...this.state.fields};\r\n\t\tnewFields.signatories = signatories;\r\n\t\tthis.setState({fields: newFields});\r\n\t};\r\n\r\n\t_removeSignatory = () =>\r\n\t{\r\n\t\tconst signatories = this.state.fields.signatories;\r\n\t\tsignatories.pop();\r\n\t\tconst newFields = {...this.state.fields};\r\n\t\tnewFields.signatories = signatories;\r\n\t\tthis.setState({fields: newFields});\r\n\t};\r\n\r\n\t_onSignatoryChange = (name, value) =>\r\n\t{\r\n\t\tconst signatoryIndex = name.substring(10).substring(0, 1);\r\n\t\tconst signatoryFieldKey = name.substring(12);\r\n\r\n\t\tconst signatories = this.state.fields.signatories;\r\n\r\n\t\tif (signatoryFieldKey === \"firstName\")\r\n\t\t{\r\n\t\t\tsignatories[[signatoryIndex]].firstName = value;\r\n\t\t}\r\n\t\telse if (signatoryFieldKey === \"lastName\")\r\n\t\t{\r\n\t\t\tsignatories[[signatoryIndex]].lastName = value;\r\n\t\t}\r\n\t\telse if (signatoryFieldKey === \"phone\")\r\n\t\t{\r\n\t\t\tsignatories[[signatoryIndex]].phone = value;\r\n\t\t}\r\n\t\telse if (signatoryFieldKey === \"ssn\")\r\n\t\t{\r\n\t\t\tsignatories[[signatoryIndex]].ssn = value;\r\n\t\t}\r\n\t\telse if (signatoryFieldKey === \"email\")\r\n\t\t{\r\n\t\t\tsignatories[[signatoryIndex]].email = value;\r\n\t\t}\r\n\r\n\t\tconst newFields = {...this.state.fields};\r\n\t\tnewFields.signatories = signatories;\r\n\r\n\t\tthis.setState({fields: newFields}, () =>\r\n\t\t{\r\n\t\t\tthis.props.onManualSignatoriesSet(signatories);\r\n\t\t});\r\n\t};\r\n\r\n\t_onFieldBlur = (name) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onTableFieldChange = (name, value) =>\r\n\t{\r\n\t\tconst newCaseData = {...this.state.caseData, [name]: value};\r\n\t\tthis.setState({caseData: newCaseData});\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_getNumberOfActiveProducts = () =>\r\n\t{\r\n\t\tlet numberOfActiveProducts = 0;\r\n\t\tfor (let i = 0; i < Orderinstruktion.ALLOWED_PRODUCTS_COUNT; i++)\r\n\t\t{\r\n\t\t\tconst transactionType = this.state.caseData[\"recommendation_product_type_\" + i];\r\n\t\t\tif (transactionType !== undefined && transactionType !== \"\")\r\n\t\t\t{\r\n\t\t\t\tnumberOfActiveProducts++;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn numberOfActiveProducts;\r\n\t};\r\n\r\n\t_renderNameIsinOption = ({Name, Isin, Type}) => (\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0 ? true : null}\r\n\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0 ? true : null}\r\n\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0 ?\r\n\t\t\t\t\t\t\t\t\t\t\t\tstate.fields.advice_instruction_transaction_currency.length === 3 : \"\"\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{state.isBlank && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t 0 ? true : null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onSignatoryChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t 0 ? true : null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onSignatoryChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t 0 ? Validator.validateSsn(state.fields.signatories[i].ssn) : null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onSignatoryChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t 0 ? Validator.validateEmail(state.fields.signatories[i].email) : null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onSignatoryChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t 0 ? true : null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onSignatoryChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t\t\t\t} />\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t))}\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t= 4 ? \"medium\" : \"primary\"}\r\n\t\t\t\t\t\t\t\t\tdisabled={state.fields.signatories.length >= 4}\r\n\t\t\t\t\t\t\t\t\tonClick={this._addSignatory}\r\n\t\t\t\t\t\t\t\t\tfilled\r\n\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t{state.fields.signatories.length > 1 && (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t{state.isBlank && numberOfActiveProducts < Orderinstruktion.ALLOWED_PRODUCTS_COUNT && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{numberOfActiveProducts <= 0 && (\r\n\t\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\tstate.fields.advice_instruction_implementation.length <= 2000 ? true : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tresize=\"vertical\"\r\n\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\tstyle={{maxWidth: \"none\"}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t{state.isBlank && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tGäller rådgivning genomförd utanför applikationen.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{!state.isBlank && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tGäller rådgivning genomförd av rådgivare {state.caseData.partner_firstname + \" \" +\r\n\t\t\t\t\t\t\tstate.caseData.partner_lastname}, utskickad för signering av kund {state.caseData.sign_date}.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\tDepå
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tSignatärer\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\tAnge den eller de personer som ska signera orderinstruktionsdokumentet.
\r\n\r\n\t\t\t\t\t\t\t{state.fields.signatories.map((rep, i) => (\r\n\t\t\t\t\t\t\t\tSignatär {i + 1}
\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\tTransaktioner\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\tKöp
\r\n\t\t\t\t\t| Typ | \r\n\t\t\t\t\t\t\tVärdepapper | \r\n\t\t\t\t\t\t\tPris | \r\n\t\t\t\t\t\t\tGiltighet | \r\n\t\t\t\t\t\t\tBelopp | \r\n\t\t\t\t\t\t
| Summa | \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{localeNumber(totalAmountBuy) + \" SEK\"}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t
Sälj
\r\n\t\t\t\t\t| Typ | \r\n\t\t\t\t\t\t\tVärdepapper | \r\n\t\t\t\t\t\t\tPris | \r\n\t\t\t\t\t\t\tGiltighet | \r\n\t\t\t\t\t\t\tBelopp | \r\n\t\t\t\t\t\t
| Summa | \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{localeNumber(totalAmountSell) + \" SEK\"}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t
Lägg till köp- eller säljtransaktion
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t c.value).indexOf(state.fields.add_product_type)}\r\n\t\t\t\t\t\t\t\t\t\toptions={this.transactionTypeOptions}\r\n\t\t\t\t\t\t\t\t\t\tonChange={this._onTransTypeChange}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t onChange={this._onAmountChange}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tÅtminstone en köp- eller säljtransaktion måste finnas med i orderinstruktionen.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tImplementering\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t{Name}
\r\n\t\t\t{Type}
\r\n\t\t\t{Isin}
\r\n\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{!!label && {(valueFormatter ? valueFormatter(value) : value) + (unit || \"\")}
\n\t\t\t\t\t}\n\t\t\t\t{label}
}\n\t\t\t\t\t{!!showValues &&\n\t\t\t\t\t\n\n\t\t\t\t\t{!!showValues &&\n\t\t\t\t\t
\n\n\t\t\t\t{!!name && (\n\t\t\t\t\t{stepValues ? stepValues[0] : min}
\n\t\t\t\t\t}\n\n\t\t\t\t\t{stepValues ? stepValues[1] : max}
\n\t\t\t\t\t}\n\t\t\t\t\r\n\t\t\t\t{this.state.firma !== \"\" && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t)}\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t= MAX_COMPANY_REPS ? \"medium\" : \"primary\"}\r\n\t\t\t\t\t\tdisabled={this.state.representatives.length >= MAX_COMPANY_REPS}\r\n\t\t\t\t\t\tonClick={this._addEmptyRep.bind(this)}\r\n\t\t\t\t\t\tfilled\r\n\t\t\t\t\t/>\r\n\t\t\t\t \r\n\r\n\t\t\t\t{!hasAtLeastOneSignatory && (\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_addEmptyRep = () => {\r\n\t\tlet emptyRow = {\r\n\t\t\tfirst_name: \"\",\r\n\t\t\tlast_name: \"\",\r\n\t\t\tssn: \"\",\r\n\t\t\temail: \"\",\r\n\t\t\trole: []\r\n\t\t};\r\n\r\n\t\tthis.setState({\r\n\t\t\trepresentatives: [...this.state.representatives, emptyRow]\r\n\t\t}, () => {\r\n\t\t\tthis.props.onRepsUpdated(this.state.representatives);\r\n\t\t});\r\n\t};\r\n\r\n\t_removeLastRep = () => {\r\n\t\tconst repsList = [...this.state.representatives];\r\n\r\n\t\tif (repsList.length > 0) {\r\n\t\t\trepsList.pop();\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\trepresentatives: repsList\r\n\t\t}, () => {\r\n\t\t\tthis.props.onRepsUpdated(this.state.representatives);\r\n\t\t});\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tlet index = name.substring(name.lastIndexOf(\"_\") + 1);\r\n\t\tlet field = name.replace(\"company_rep_\", \"\");\r\n\t\tfield = field.substring(0, field.lastIndexOf(\"_\"));\r\n\r\n\t\tconst repsList = [...this.state.representatives];\r\n\t\trepsList[index][field] = value;\r\n\r\n\t\tthis.setState({\r\n\t\t\trepresentatives: repsList\r\n\t\t}, () => {\r\n\t\t\tthis.props.onRepsUpdated(this.state.representatives);\r\n\t\t});\r\n\t};\r\n\r\n\t_onTypeChange = (ssn, type) => {\r\n\t\tconst repsList = [...this.state.representatives];\r\n\r\n\t\tfor (let i = 0; i < repsList.length; i++) {\r\n\t\t\tlet rep = repsList[i];\r\n\t\t\tif (rep.ssn === ssn) {\r\n\t\t\t\tif (!rep.role.includes(type)) {\r\n\t\t\t\t\trep.role.push(type);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\trep.role = rep.role.filter(item => item !== type);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\trepresentatives: repsList\r\n\t\t}, () => {\r\n\t\t\tthis.props.onRepsUpdated(this.state.representatives);\r\n\t\t});\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/components/CompanyReps/CompanyReps.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function(props, state)\r\n{\r\n if (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true)\r\n {\r\n return true;\r\n }\r\n\r\n const {fields, validFields} = state;\r\n\r\n\r\n for (const name in validFields)\r\n {\r\n if (validFields[name] === false)\r\n {\r\n return false;\r\n }\r\n }\r\n\r\n /**\r\n * First and last name needs to be entered\r\n */\r\n if ((fields.is_company && fields.customer_firstname.length === 0) ||\r\n (!fields.is_company && (fields.customer_firstname.length === 0 || fields.customer_lastname.length === 0)))\r\n {\r\n return false;\r\n }\r\n\r\n /**\r\n * One of the checkboxes regarding information to be changed needs to be checked\r\n */\r\n if (!fields.checkbox_change_phone.checked &&\r\n !fields.checkbox_change_account.checked &&\r\n !fields.checkbox_change_email.checked)\r\n {\r\n return false;\r\n }\r\n\r\n if (fields.checkbox_change_phone.checked)\r\n {\r\n if (fields.customer_phone_old.length === 0 || fields.customer_phone_new.length === 0)\r\n {\r\n return false;\r\n }\r\n\r\n // Phone numbers are same\r\n if (fields.customer_phone_old === fields.customer_phone_new)\r\n {\r\n return false;\r\n }\r\n }\r\n\r\n if (fields.checkbox_change_account.checked)\r\n {\r\n if (fields.customer_autogiro_bank_clearingno_old.length === 0 ||\r\n fields.customer_autogiro_bank_clearingno.length === 0 ||\r\n fields.customer_autogiro_bankno_old.length === 0 ||\r\n fields.customer_autogiro_bankno.length === 0)\r\n {\r\n return false;\r\n }\r\n\r\n // Bank account numbers are the same - don't allow\r\n if (fields.customer_autogiro_bank_clearingno_old === fields.customer_autogiro_bank_clearingno &&\r\n fields.customer_autogiro_bankno_old === fields.customer_autogiro_bankno)\r\n {\r\n return false;\r\n }\r\n }\r\n\r\n if (fields.checkbox_change_email.checked)\r\n {\r\n if (fields.customer_email_old.length === 0 || fields.customer_email_new.length === 0)\r\n {\r\n return false;\r\n }\r\n\r\n // Emails are same\r\n if (fields.customer_email_old === fields.customer_email_new)\r\n {\r\n return false;\r\n }\r\n }\r\n else if (!fields.is_company && (fields.customer_email.length === 0 || !Validator.validateEmail(fields.customer_email)))\r\n {\r\n return false;\r\n }\r\n\r\n return true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/fair-kundinfo/CustomerInformation.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function(props, state)\r\n{\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true)\r\n\t{\r\n\t\treturn true;\r\n\t}\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields)\r\n\t{\r\n\t\tif (validFields[name] === false)\r\n\t\t{\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (state.isCompany)\r\n\t{\r\n\t\treturn !!(\r\n\t\t\tfields.customer_firstname.length > 0\r\n\t\t\t&& Validator.validateOrgNum(fields.customer_social_security_number, true)\r\n\t\t\t&& fields.signatory_fields_valid\r\n\t\t);\r\n\t}\r\n\r\n\treturn !!(\r\n\t\tfields.customer_firstname.length > 0\r\n\t\t&& fields.customer_lastname.length > 0\r\n\t\t&& Validator.validateSsn(fields.customer_social_security_number)\r\n\t\t&& Validator.validateEmail(fields.customer_email)\r\n\t);\r\n\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/fair-kyc/CustomerInformation.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields, company} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (company) {\r\n\t\tfor (let i = 0; i < fields.numberOfSignatories; i++) {\r\n\t\t\tif (fields['customer_signatory_firstname_' + i].length <= 0 ||\r\n\t\t\t\tfields['customer_signatory_lastname_' + i].length <= 0) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tif (!Validator.validateEmail(fields['customer_signatory_email_' + i])) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn !!(\r\n\t\t\tfields.customer_firstname.length > 0\r\n\t\t\t&& Validator.validateOrgNum(fields.customer_social_security_number, true)\r\n\t\t\t&& Validator.validateEmail(fields.customer_email)\r\n\t\t);\r\n\t}\r\n\r\n\treturn !!(\r\n\t\tfields.customer_firstname.length > 0 &&\r\n\t\tfields.customer_lastname.length > 0 &&\r\n\t\tfields.customer_depot.length > 0 &&\r\n\t\tValidator.validateSsn(fields.customer_social_security_number, false) &&\r\n\t\tValidator.validateEmail(fields.customer_email)\r\n\t);\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/futur/CustomerInformation.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\tconst {session} = props;\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (session.isCompany) {\r\n\t\treturn !!(\r\n\t\t\tfields.customer_firstname.length > 0\r\n\t\t\t&& Validator.validateOrgNum(fields.customer_social_security_number, true)\r\n\t\t\t&& fields.customer_address_street.length > 0\r\n\t\t\t&& fields.customer_address_zipcode.length > 0\r\n\t\t\t&& fields.customer_address_city.length > 0\r\n\t\t\t&& Validator.validateEmail(fields.customer_email)\r\n\t\t);\r\n\t}\r\n\r\n\treturn !!(\r\n\t\tfields.customer_firstname.length > 0\r\n\t\t&& fields.customer_lastname.length > 0\r\n\t\t&& Validator.validateSsn(fields.customer_social_security_number)\r\n\t\t&& fields.customer_address_street.length > 0\r\n\t\t&& fields.customer_address_zipcode.length > 0\r\n\t\t&& fields.customer_address_city.length > 0\r\n\t\t// && fields.customer_phonenumber_cell.length > 0\r\n\t\t&& Validator.validateEmail(fields.customer_email)\r\n\t);\r\n\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/glofitech-ag/CustomerInformation.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function (props, state) {\r\n if (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n return true;\r\n }\r\n\r\n const { fields } = state;\r\n\r\n let isCompany =\r\n !Validator.validateSsn(fields.customer_social_security_number, true) &&\r\n Validator.validateOrgNum(fields.customer_social_security_number, true);\r\n\r\n if (isCompany) {\r\n /**\r\n * Start by making sure that at least one signatory has been selected an that the email is valid\r\n */\r\n let hasAtLeastOneSignatory = false;\r\n let isSignatoryEmailValid = true;\r\n let allRepFieldsValid = true;\r\n\r\n fields.reps.forEach(function (rep) {\r\n if (rep.role.includes(\"signatory\")) {\r\n hasAtLeastOneSignatory = true;\r\n isSignatoryEmailValid = Validator.validateEmail(rep.email);\r\n }\r\n\r\n if (\r\n rep.first_name.trim().length === 0 ||\r\n rep.last_name.trim().length === 0\r\n ) {\r\n allRepFieldsValid = false;\r\n }\r\n });\r\n\r\n if (\r\n !hasAtLeastOneSignatory ||\r\n !isSignatoryEmailValid ||\r\n !allRepFieldsValid\r\n ) {\r\n return false;\r\n }\r\n\r\n /**\r\n * Check other company fields\r\n */\r\n return !!(\r\n fields.customer_firstname.length > 0 &&\r\n Validator.validateOrgNum(fields.customer_social_security_number, true) &&\r\n fields.customer_address_street.length > 0 &&\r\n fields.customer_address_zipcode.length > 0 &&\r\n fields.customer_address_city.length > 0\r\n );\r\n }\r\n\r\n return (\r\n fields.isInfoSubmitted === true &&\r\n fields.customer_firstname.length > 0 &&\r\n fields.customer_firstname.length > 0 &&\r\n fields.customer_lastname.length > 0 &&\r\n Validator.validateSsn(fields.customer_social_security_number, true) &&\r\n fields.customer_address_street.length > 0 &&\r\n fields.customer_address_zipcode.length > 0 &&\r\n fields.customer_address_city.length > 0 &&\r\n Validator.validateEmail(fields.customer_email)\r\n );\r\n}\r\n\r\nexport function formFieldsCheck(state) {\r\n const { fields } = state;\r\n return (\r\n fields.customer_firstname.length > 0 &&\r\n fields.customer_firstname.length > 0 &&\r\n fields.customer_lastname.length > 0 &&\r\n Validator.validateSsn(fields.customer_social_security_number, true) &&\r\n fields.customer_address_street.length > 0 &&\r\n fields.customer_address_zipcode.length > 0 &&\r\n fields.customer_address_city.length > 0 &&\r\n Validator.validateEmail(fields.customer_email)\r\n );\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/no-prefetch-swish/CustomerInformation.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields} = state;\r\n\r\n\tlet isCompany = !Validator.validateSsn(fields.customer_social_security_number, true) &&\r\n\t\tValidator.validateOrgNum(fields.customer_social_security_number, true);\r\n\r\n\tif (isCompany) {\r\n\r\n\t\t/**\r\n\t\t * Start by making sure that at least one signatory has been selected an that the email is valid\r\n\t\t */\r\n\t\tlet hasAtLeastOneSignatory = false;\r\n\t\tlet isSignatoryEmailValid = true;\r\n\t\tlet allRepFieldsValid = true;\r\n\r\n\t\tfields.reps.forEach(function (rep) {\r\n\t\t\tif (rep.role.includes(\"signatory\")) {\r\n\t\t\t\thasAtLeastOneSignatory = true;\r\n\t\t\t\tisSignatoryEmailValid = Validator.validateEmail(rep.email);\r\n\t\t\t}\r\n\r\n\t\t\tif (rep.first_name.trim().length === 0 ||\r\n\t\t\t\trep.last_name.trim().length === 0) {\r\n\t\t\t\tallRepFieldsValid = false;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (!hasAtLeastOneSignatory || !isSignatoryEmailValid || !allRepFieldsValid) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\t/**\r\n\t\t * Check other company fields\r\n\t\t */\r\n\t\treturn !!(\r\n\t\t\tfields.customer_firstname.length > 0\r\n\t\t\t&& Validator.validateOrgNum(fields.customer_social_security_number, true)\r\n\t\t\t&& fields.customer_address_street.length > 0\r\n\t\t\t&& fields.customer_address_zipcode.length > 0\r\n\t\t\t&& fields.customer_address_city.length > 0\r\n\t\t);\r\n\t}\r\n\r\n\treturn !!(\r\n\t\tfields.customer_firstname.length > 0\r\n\t\t&& fields.customer_lastname.length > 0\r\n\t\t&& Validator.validateSsn(fields.customer_social_security_number, true)\r\n\t\t&& fields.customer_address_street.length > 0\r\n\t\t&& fields.customer_address_zipcode.length > 0\r\n\t\t&& fields.customer_address_city.length > 0\r\n\t\t&& Validator.validateEmail(fields.customer_email)\r\n\t);\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/no-prefetch/CustomerInformation.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function(props, state)\r\n{\r\n if (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true)\r\n {\r\n return true;\r\n }\r\n\r\n const {fields, validFields} = state;\r\n\r\n for (const name in validFields)\r\n {\r\n if (validFields[name] === false)\r\n {\r\n return false;\r\n }\r\n }\r\n\r\n /**\r\n * First and last name needs to be entered\r\n */\r\n if ((fields.is_company && fields.customer_firstname.length === 0) ||\r\n (!fields.is_company && (fields.customer_firstname.length === 0 || fields.customer_lastname.length === 0)))\r\n {\r\n return false;\r\n }\r\n\r\n if (!fields.is_company && (fields.customer_email.length === 0 || !Validator.validateEmail(fields.customer_email)))\r\n {\r\n return false;\r\n }\r\n\r\n return true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/simple/CustomerInformation.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields} = state;\r\n\r\n\tif (!fields.checkbox_customer_kyc_forkop.checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (!fields.checkbox_customer_kyc_isk.checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Fair/IskBilagor.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function(props, state)\r\n{\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true)\r\n\t{\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields)\r\n\t{\r\n\t\tif (validFields[name] === false)\r\n\t\t{\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (fields.customer_occupation_last24m.length <= 0)\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.customer_occupation.length <= 0)\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Customer needs to be owner of funds, otherwise no account can be opened\r\n\t */\r\n\tif (!fields.checkbox_aml_own_money.options[1].checked)\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\r\n\t/**\r\n\t * PEP persons \r\n\t */\r\n\tif (!fields.pep_fields_valid)\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Fair/Kyc/Kyc.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function(props, state)\r\n{\r\n if (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true)\r\n {\r\n return true;\r\n }\r\n\r\n const {fields, validFields} = state;\r\n\r\n for (const name in validFields)\r\n {\r\n if (validFields[name] === false)\r\n {\r\n return false;\r\n }\r\n }\r\n\r\n if ((!state.isCompany && !isOptionsListChecked(fields.radio_kyc_updt_sek5.options)) ||\r\n !isOptionsListChecked(fields.radio_kyc_updt_invgoals.options) ||\r\n !isOptionsListChecked(fields.radio_kyc_updt_risktaking.options) ||\r\n !isOptionsListChecked(fields.radio_kyc_updt_invhorizon.options) ||\r\n !isOptionsListChecked(fields.radio_hallbarhet_has_preferences.options))\r\n {\r\n return false;\r\n }\r\n\r\n if (fields.radio_kyc_updt_sek5.options[1].checked &&\r\n fields.customer_situation_changed_description.length <= 0)\r\n {\r\n return false;\r\n }\r\n\r\n if (fields.radio_kyc_updt_invgoals.options[1].checked &&\r\n fields.customer_goals_changed_description.length <= 0)\r\n {\r\n return false;\r\n }\r\n\r\n if (fields.radio_kyc_updt_risktaking.options[1].checked &&\r\n fields.customer_risktaking_changed_description.length <= 0)\r\n {\r\n return false;\r\n }\r\n\r\n if (fields.radio_kyc_updt_invhorizon.options[1].checked &&\r\n fields.customer_invhorizon_changed_description.length <= 0)\r\n {\r\n return false;\r\n }\r\n\r\n if (fields.radio_hallbarhet_has_preferences.options[1].checked)\r\n {\r\n if (!(fields.checkbox_hallbarhet_852 === \"yes\" ||\r\n fields.checkbox_hallbarhet_2088 === \"yes\" ||\r\n fields.checkbox_hallbarhet_customer === \"yes\" ||\r\n fields.checkbox_hallbarhet_art6 === \"yes\"))\r\n {\r\n return false;\r\n }\r\n\r\n if (fields.checkbox_hallbarhet_852 === \"yes\" &&\r\n fields.customer_hallbarhet_852_minimum.length <= 0)\r\n {\r\n return false;\r\n }\r\n\r\n if (fields.checkbox_hallbarhet_2088 === \"yes\" &&\r\n fields.customer_hallbarhet_2088_text.length <= 0)\r\n {\r\n return false;\r\n }\r\n\r\n if (fields.checkbox_hallbarhet_art6 === \"yes\" &&\r\n fields.customer_hallbarhet_art6_description.length <= 0)\r\n {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n}\r\n\r\nfunction isOptionsListChecked(list)\r\n{\r\n for (let i = 0; i < list.length; i++)\r\n {\r\n if (list[i].checked)\r\n {\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Fair/Kyc/KycChanges.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function(props, state)\r\n{\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true)\r\n\t{\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields)\r\n\t{\r\n\t\tif (validFields[name] === false)\r\n\t\t{\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (fields.company_business.length <= 0 ||\r\n\t\tfields.customer_comp_histresult1.length <= 0 ||\r\n\t\tfields.customer_comp_histresult2.length <= 0 ||\r\n\t\tfields.customer_comp_histresult3.length <= 0 ||\r\n\t\tfields.customer_comp_budresult12m.length <= 0 ||\r\n\t\tfields.customer_comp_budresult24m.length <= 0 ||\r\n\t\tfields.customer_comp_assets_cash.length <= 0 ||\r\n\t\tfields.customer_comp_assets_fininstr.length <= 0 ||\r\n\t\tfields.customer_comp_assets_other.length <= 0 ||\r\n\t\tfields.customer_comp_assets_sum.length <= 0 ||\r\n\t\t!fields.ubo_fields_valid)\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (!fields.typeOfCompanyFulfilled ||\r\n\t\t!fields.numberOfEmployeesFulfilled ||\r\n\t\t!fields.sizeOfTurnoverFulfilled ||\r\n\t\t!fields.originOfCompanyFundsFulfilled ||\r\n\t\t!fields.sizeOfDepositsFulfilled ||\r\n\t\t!fields.frequencyOfDepositsFulfilled)\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (!(fields.radio_company_fininst.options[0].checked || fields.radio_company_fininst.options[1].checked) ||\r\n\t\t!(fields.radio_company_active.options[0].checked || fields.radio_company_active.options[1].checked) ||\r\n\t\t!(fields.radio_company_revisor.options[0].checked || fields.radio_company_revisor.options[1].checked))\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Fair/Kyc/KycForetag.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields} = state;\r\n\r\n\t/**\r\n\t * If fund is checked we need to see that the amounts meet our minimum limits\r\n\t */\r\n\tif (fields.radio_fund_spets.options[1].checked) {\r\n\t\tif (fields.monthly_save === '' && fields.onetime_save === '') {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (fields.onetime_save !== '' && fields.onetime_save < 1000) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (fields.monthly_save !== '' && fields.monthly_save < 500) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse if (!fields.radio_fund_spets.options[0].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * If autogiro is checked we also need to enter a bank account and bank name\r\n\t */\r\n\tif (fields.radio_customer_autopay.options[1].checked) {\r\n\t\tif (fields.account_number.length === 0 || fields.claering_nr.length !== 4 || fields.bank_name.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse if (!fields.radio_customer_autopay.options[0].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Fair/Placering.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function(props, state)\r\n{\r\n if (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true)\r\n {\r\n return true;\r\n }\r\n\r\n const {fields} = state;\r\n\r\n if (fields.accounts.options.length === 0)\r\n {\r\n if (fields.customer_account_number.length <= 0 || fields.customer_placement_name.length <= 0)\r\n {\r\n return false;\r\n }\r\n }\r\n else\r\n {\r\n let accountSelected = false;\r\n let accountOtherSelected = false;\r\n for (let i = 0; i < fields.accounts.options.length; i++)\r\n {\r\n if (fields.accounts.options[i].checked)\r\n {\r\n accountSelected = true;\r\n if (fields.accounts.options[i].value === \"-\")\r\n {\r\n accountOtherSelected = true;\r\n }\r\n }\r\n }\r\n\r\n if (!accountSelected)\r\n {\r\n return false;\r\n }\r\n\r\n if (accountOtherSelected && (\r\n fields.customer_account_other_number.length <= 0 ||\r\n fields.customer_account_other_placement.length <= 0\r\n ))\r\n {\r\n return false;\r\n }\r\n }\r\n\r\n if (fields.customer_withdrawal_reason_option.length <= 0)\r\n {\r\n return false;\r\n }\r\n\r\n if (fields.customer_withdrawal_reason_option === \"Kapitalbehov\" && fields.customer_withdrawal_reason_kapitalbehov.length <= 0)\r\n {\r\n return false;\r\n }\r\n else if (fields.customer_withdrawal_reason_option === \"Annat\" && fields.customer_withdrawal_reason.length <= 0)\r\n {\r\n return false;\r\n }\r\n\r\n let actionSelected = false;\r\n for (let i = 0; i < fields.radio_action.options.length; i++)\r\n {\r\n if (fields.radio_action.options[i].checked)\r\n {\r\n actionSelected = true;\r\n }\r\n }\r\n\r\n if (!actionSelected)\r\n {\r\n return false;\r\n }\r\n\r\n if (state.fields.radio_action.options[1].checked && state.fields.move_all_account.length <= 0)\r\n {\r\n return false;\r\n }\r\n\r\n if (state.fields.radio_action.options[2].checked && (\r\n state.fields.move_some_account.length <= 0 ||\r\n state.fields.move_some_amount.length <= 0 ||\r\n state.fields.move_some_amount <= 0\r\n ))\r\n {\r\n return false;\r\n }\r\n\r\n if (state.fields.radio_action.options[3].checked && (\r\n state.fields.withdraw_some_amount.length <= 0 ||\r\n state.fields.withdraw_some_amount <= 0\r\n ))\r\n {\r\n return false;\r\n }\r\n\r\n if (state.fields.radio_action.options[4].checked && state.fields.other_text.length <= 0)\r\n {\r\n return false;\r\n }\r\n\r\n if (!state.fields.has_withdrawal_fee.options[0].checked && !state.fields.has_withdrawal_fee.options[1].checked)\r\n {\r\n return false;\r\n }\r\n\r\n if (state.fields.has_withdrawal_fee.options[1].checked && (\r\n state.fields.withdrawal_fee.length <= 0 ||\r\n state.fields.withdrawal_fee < 0 ||\r\n state.fields.withdrawal_fee > 100\r\n ))\r\n {\r\n return false;\r\n }\r\n\r\n return true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Fair/Withdrawal/Withdrawal.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (fields.advice_customer_investment.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.customer_amount_investment.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.advice_customer_investment_motivation.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.allocation_fee.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (!optionsListValueSelected(fields.checkbox_advice_suitability_knowledge_inv) ||\r\n\t\tfields.checkbox_advice_suitability_knowledge_inv.options[0].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (!optionsListValueSelected(fields.checkbox_advice_suitability_non_personal) ||\r\n\t\tfields.checkbox_advice_suitability_non_personal.options[0].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (!optionsListValueSelected(fields.checkbox_advice_risc) ||\r\n\t\tfields.checkbox_advice_risc.options[0].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (!optionsListValueSelected(fields.checkbox_advice_inv_loan)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (!optionsListValueSelected(fields.checkbox_avradan)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_avradan.options[1].checked &&\r\n\t\tfields.advice_customer_adv_against_motivation.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\r\n\r\nfunction optionsListValueSelected(optionsList) {\r\n\tconst options = optionsList.options;\r\n\tfor (let i = 0; i < options.length; i++) {\r\n\t\tif (options[i].checked) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t}\r\n\treturn false;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/Advice/Advice.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function(props, state)\r\n{\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true)\r\n\t{\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields)\r\n\t{\r\n\t\tif (validFields[name] === false)\r\n\t\t{\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (fields.futur_fee_premie.length === 0 || fields.futur_fee_kapital.length === 0)\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.futur_fee_premie.length > 0 && (fields.futur_fee_premie > 100))\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.futur_fee_kapital.length > 0 && (fields.futur_fee_kapital > 1.5 || fields.futur_fee_kapital <= 0))\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/Fees/Citroneer/Fees.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (fields.futur_fee_premie.length === 0 ||\r\n\t\tfields.futur_fee_kapital.length === 0 ||\r\n\t\tfields.futur_fee_fast.length === 0)\r\n\t{\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/Fees/Fees.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields, company} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (company || !fields.checkbox_insured_same.checked) {\r\n\t\tif (!Validator.validateSsn(fields.futur_insured_ssn)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (!Validator.validateEmail(fields.futur_insured_email)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\t// Om man angett att man har annat medborgarskap än svenskt måste fältet fyllas i\r\n\t\tif (fields.checkbox_additional_citizenship.checked && fields.futur_insured_citizenship_2.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/Insured/Insured.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Is this tjänstepension needs to be selected\r\n\t */\r\n\tif (!optionsListValueSelected(fields.checkbox_accounttype)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\r\n\t/**\r\n\t * Hur stor andel av förmögenheten needs to be selected\r\n\t */\r\n\tif (!optionsListValueSelected(fields.checkbox_advice_invpercentage)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * How was the meeting conducted needs to be selected\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_insured_kyc_meeting_form)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Purpose for opening an account needs to be selected\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_insured_kyc_purpose)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * If selected other purpose we need to fill out the text field\r\n\t */\r\n\tif (fields.futur_insured_kyc_purpose.options[3].checked && fields.futur_insured_kyc_purpose_other.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Inital deposit to the account needs to be selected\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_insured_kyc_initial_premium)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * If selected other initial deposit we need to fill out the text field\r\n\t */\r\n\tif (fields.futur_insured_kyc_initial_premium.options[4].checked && fields.futur_insured_kyc_initial_premium_other.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Inital deposit to the account needs to be selected\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_insured_kyc_yearly_premium)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * If selected other initial deposit we need to fill out the text field\r\n\t */\r\n\tif (fields.futur_insured_kyc_yearly_premium.options[5].checked && fields.futur_insured_kyc_yearly_premium_other.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.advice_allocation_motivation_risc.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.advice_customer_financial_suitability.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.customer_aml_origin.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.advice_customer_suitability_knowledge.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.advice_notes.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\r\n\r\nfunction optionsListValueSelected(optionsList) {\r\n\tconst options = optionsList.options;\r\n\tfor (let i = 0; i < options.length; i++) {\r\n\t\tif (options[i].checked) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t}\r\n\treturn false;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/InsuredKyc/Fair/InsuredKyc.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * How was the meeting conducted needs to be selected\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_insured_kyc_meeting_form)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Purpose for opening an account needs to be selected\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_insured_kyc_purpose)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * If selected other purpose we need to fill out the text field\r\n\t */\r\n\tif (fields.futur_insured_kyc_purpose.options[3].checked && fields.futur_insured_kyc_purpose_other.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Inital deposit to the account needs to be selected\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_insured_kyc_initial_premium)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * If selected other initial deposit we need to fill out the text field\r\n\t */\r\n\tif (fields.futur_insured_kyc_initial_premium.options[4].checked && fields.futur_insured_kyc_initial_premium_other.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Inital deposit to the account needs to be selected\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_insured_kyc_yearly_premium)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * If selected other initial deposit we need to fill out the text field\r\n\t */\r\n\tif (fields.futur_insured_kyc_yearly_premium.options[5].checked && fields.futur_insured_kyc_yearly_premium_other.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\r\n\r\nfunction optionsListValueSelected(optionsList) {\r\n\tconst options = optionsList.options;\r\n\tfor (let i = 0; i < options.length; i++) {\r\n\t\tif (options[i].checked) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t}\r\n\treturn false;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/InsuredKyc/InsuredKyc.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Source of funds needs to be checked\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_kyc_juridisk_source)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * We need to know if this is a foreign entity or not\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_kyc_juridisk_is_foreign)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Foreign entity checks\r\n\t */\r\n\tif (fields.futur_kyc_juridisk_is_foreign.options[1].checked) {\r\n\t\t/**\r\n\t\t * Tax residency country needs to be selected from the list\r\n\t\t */\r\n\t\tif (fields.futur_kyc_juridisk_tax_residency_country.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\t/**\r\n\t\t * TIN needs to be either given or a reason for selected for why not\r\n\t\t */\r\n\t\tif (fields.futur_kyc_juridisk_tax_residency_tin_missing.checked) {\r\n\t\t\t/**\r\n\t\t\t * TIN is missing was checked. In that case we need to give a reason\r\n\t\t\t */\r\n\t\t\tif (!optionsListValueSelected(fields.futur_kyc_juridisk_tax_residency_tin_missing_reason)) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\t/**\r\n\t\t\t * If we select \"other\" as reason, we need to specify it in text\r\n\t\t\t */\r\n\t\t\tif (fields.futur_kyc_juridisk_tax_residency_tin_missing_reason.options[1].checked && fields.futur_kyc_juridisk_tax_residency_tin_missing_reason_other.length === 0) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse if (fields.futur_kyc_juridisk_tax_residency_tin.length === 0) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t/**\r\n\t * If other source of funds selected it needs to be entered manually\r\n\t */\r\n\tif (fields.futur_kyc_juridisk_source.options[5].checked && fields.futur_kyc_juridisk_source_other.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Type of company needs to be checked\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_kyc_juridisk_type)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * If other company we need to check either passive or active\r\n\t */\r\n\tif (fields.futur_kyc_juridisk_type.options[5].checked && !optionsListValueSelected(fields.futur_kyc_juridisk_passive)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * If you have an active company, you should select another option\r\n\t */\r\n\tif (fields.futur_kyc_juridisk_type.options[5].checked && fields.futur_kyc_juridisk_passive.options[0].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Beneficial owner exists needs to be checked either yes or no\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_kyc_juridisk_has_bo)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.futur_kyc_juridisk_has_bo.options[1].checked && !optionsListValueSelected(fields.futur_kyc_juridisk_100_owned)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Beneficial owner outside Sweden needs to be checked no\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_kyc_bo_outside_sweden) || fields.futur_kyc_bo_outside_sweden.options[1].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Beneficial owner not US person needs to be checked no\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_kyc_bo_us_persons) || fields.futur_kyc_bo_us_persons.options[1].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Listed question needs to be answered\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_kyc_listed_question)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.futur_kyc_listed_question.options[1].checked && !optionsListValueSelected(fields.futur_kyc_juridisk_is_listed)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\r\n\r\nfunction optionsListValueSelected(optionsList) {\r\n\tconst options = optionsList.options;\r\n\tfor (let i = 0; i < options.length; i++) {\r\n\t\tif (options[i].checked) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t}\r\n\treturn false;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/KycJuridiskPerson/KycJuridiskPerson.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Source of funds needs to be checked\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_kyc_privat_source)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * We need to know if this is a foreign entity or not\r\n\t */\r\n\tif (!optionsListValueSelected(fields.futur_kyc_privat_is_foreign)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t// PEP needs to be checked\r\n\tif (!optionsListValueSelected(fields.radio_customer_pep)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t// Fatca question needs to be checked\r\n\tif (!optionsListValueSelected(fields.radio_customer_fatca)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * If US person we need to enter TIN\r\n\t */\r\n\tif (fields.radio_customer_fatca.options[1].checked && fields.futur_kyc_privat_us_tin.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * If other source of funds selected it needs to be entered manually\r\n\t */\r\n\tif (fields.futur_kyc_privat_source.options[5].checked && fields.futur_kyc_privat_source_other.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\r\n\r\nfunction optionsListValueSelected(optionsList) {\r\n\tconst options = optionsList.options;\r\n\tfor (let i = 0; i < options.length; i++) {\r\n\t\tif (options[i].checked) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t}\r\n\treturn false;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/KycPrivatperson/KycPrivatperson.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/Notes/Notes.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (!optionsListValueSelected(fields.futur_survivors_protection_beneficiary)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.futur_survivors_protection_beneficiary.options[5].checked &&\r\n\t\tfields.futur_survivors_protection_beneficiary_other.length <= 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (!optionsListValueSelected(fields.futur_survivors_protection_private_property)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\r\n\r\nfunction optionsListValueSelected(optionsList) {\r\n\tconst options = optionsList.options;\r\n\tfor (let i = 0; i < options.length; i++) {\r\n\t\tif (options[i].checked) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t}\r\n\treturn false;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/SurvivorsProtection/SurvivorsProtection.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields} = state;\r\n\r\n\tif (fields.radio_customer_personal_info.checked) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\treturn false;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/GDPR/GDPR.fulfillment.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tlet hasAtLeastOneSignatory = false;\r\n\r\n\tfor (let i = 0; i < state.numberOfCompanyReps; i++) {\r\n\t\tlet allFieldsValid = true;\r\n\r\n\t\tallFieldsValid = allFieldsValid && fields['company_representative_firstname_' + i].length > 0;\r\n\t\tallFieldsValid = allFieldsValid && fields['company_representative_lastname_' + i].length > 0;\r\n\t\tallFieldsValid = allFieldsValid && fields['company_representative_citizenship_' + i].length > 0;\r\n\t\tallFieldsValid = allFieldsValid && Validator.validateEmail(fields['company_representative_email_' + i]);\r\n\t\tallFieldsValid = allFieldsValid && Validator.validateSsn(fields['company_representative_sec_num_' + i]);\r\n\r\n\t\tif (fields[\"checkbox_signatory_\" + i]) {\r\n\t\t\thasAtLeastOneSignatory = true;\r\n\t\t}\r\n\r\n\t\tif (!allFieldsValid) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Åtminstone en firmatecknare måste väljas\r\n\t */\r\n\tif (!hasAtLeastOneSignatory) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * If the partner shows Förvaltarfullmakt rather than Fullmakt we need to make sure at least one person has\r\n\t * this property set.\r\n\t */\r\n\tif (state.forceAtLeastOneForvaltarfullmakt) {\r\n\t\tlet hasAtLeastOneForvaltarFullmakt = false;\r\n\t\tfor (let i = 0; i < state.numberOfCompanyReps; i++) {\r\n\t\t\tif (fields[\"checkbox_mng_\" + i]) {\r\n\t\t\t\thasAtLeastOneForvaltarFullmakt = true;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!hasAtLeastOneForvaltarFullmakt) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Poa/Poa.fulfillment.js","import AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tlet hasAtLeastOneSignatory = false;\r\n\r\n\tfor (let i = 0; i < state.numberOfCompanyReps; i++) {\r\n\t\tlet allFieldsValid = true;\r\n\r\n\t\tallFieldsValid = allFieldsValid && fields['company_representative_firstname_' + i].length > 0;\r\n\t\tallFieldsValid = allFieldsValid && fields['company_representative_lastname_' + i].length > 0;\r\n\t\tallFieldsValid = allFieldsValid && Validator.validateEmail(fields['company_representative_email_' + i]);\r\n\t\tallFieldsValid = allFieldsValid && Validator.validateSsn(fields['company_representative_sec_num_' + i]);\r\n\r\n\t\tif (fields[\"checkbox_signatory_\" + i]) {\r\n\t\t\thasAtLeastOneSignatory = true;\r\n\t\t}\r\n\r\n\t\tif (!allFieldsValid) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Åtminstone en firmatecknare måste väljas\r\n\t */\r\n\tif (!hasAtLeastOneSignatory) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Poa/fair-ag/Poa.fulfillment.js","import AppConfig from \"@classes/AppConfig\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tlet hasAtLeastOneSignatory = false;\r\n\r\n\tfor (let i = 0; i < state.numberOfCompanyReps; i++) {\r\n\t\tlet allFieldsValid = true;\r\n\r\n\t\tallFieldsValid = allFieldsValid && fields['company_representative_firstname_' + i].length > 0;\r\n\t\tallFieldsValid = allFieldsValid && fields['company_representative_lastname_' + i].length > 0;\r\n\t\tallFieldsValid = allFieldsValid && Validator.validateEmail(fields['company_representative_email_' + i]);\r\n\t\tallFieldsValid = allFieldsValid && Validator.validateSsn(fields['company_representative_sec_num_' + i]);\r\n\r\n\t\tif (fields[\"checkbox_signatory_\" + i]) {\r\n\t\t\thasAtLeastOneSignatory = true;\r\n\t\t}\r\n\r\n\t\tif (!allFieldsValid) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Åtminstone en firmatecknare måste väljas\r\n\t */\r\n\tif (!hasAtLeastOneSignatory) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Poa/glofitech-ag/Poa.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport fulfillmentCheck from \"./ProductPurchase2.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport CheckboxWithName from \"../../../components/CheckboxWithName/CheckboxWithName\";\r\nimport NumberField from \"../../../components/NumberField/NumberField\";\r\nimport StackLayout from \"../../../../../components/layouts/StackLayout/StackLayout\";\r\nimport Button from \"../../../../../components/Button/Button\";\r\nimport AppConfig from \"../../../../../classes/AppConfig\";\r\nimport AbstractAutogiro, {ProductSelectionRow} from \"../../Autogiro/AbstractAutogiro\";\r\n\r\n\r\nexport default class ProductPurchase2 extends AbstractAutogiro {\r\n\r\n\tstatic minimumAmountSingleDeposit = 50000;\r\n\tstatic minimumAmountMonthlyDeposit = 1000;\r\n\r\n\tstatic maxNumberOfSelectableProducts = 4;\r\n\tstatic productLabel = \"Fond\";\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {state} = this;\r\n\t\tconst {session} = this.props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Autogiro-ProductPurchase2\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\tconst textClassSingle = createClassName(\"payments-details\", {\r\n\t\t\t\"expanded\": state.fields.checkbox_autogiro_single.checked\r\n\t\t});\r\n\r\n\t\tconst textClassMonthly = createClassName(\"payments-details\", {\r\n\t\t\t\"expanded\": state.fields.checkbox_autogiro_monthly.checked\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * Create rows for selecting funds when you have decided to make either a single deposit\r\n\t\t * or to start a monthly savings routine.\r\n\t\t */\r\n\t\tconst autogiroSingleFunds = [];\r\n\t\tfor (let i = 1; i <= state.autogiroSingleFundsActive; i++) {\r\n\t\t\tautogiroSingleFunds.push(ProductSelectionRow(this, true, ProductPurchase2.minimumAmountSingleDeposit, ProductPurchase2.minimumAmountMonthlyDeposit, state.products, \"single\", i));\r\n\t\t}\r\n\r\n\t\tconst autogiroMonthlyFunds = [];\r\n\t\tfor (let i = 1; i <= state.autogiroMonthlyFundsActive; i++) {\r\n\t\t\tautogiroMonthlyFunds.push(ProductSelectionRow(this, true, ProductPurchase2.minimumAmountSingleDeposit, ProductPurchase2.minimumAmountMonthlyDeposit, state.products, \"monthly\", i));\r\n\t\t}\r\n\r\n\t\tconst sheInvestsLogoUrl = AppConfig.get(\"apiUrl\") + \"/partner/img?filename=alfa-sheinvest.png\";\r\n\t\tconst globecapLogoUrl = AppConfig.get(\"apiUrl\") + \"/partner/img?filename=alfa-globecap.png\";\r\n\r\n\t\treturn (\r\n\t\t\tBolagets Firmateckning
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.state.firma || \"-\"}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t{i18n(\"company_reps\", \"header\")}\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t{representatives.map((rep, i) => (\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t))}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t{rep.role.includes(\"signatory\") && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{i18n(\"customer_info\", \"email_info\")}
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t{i18n(\"company_reps\", \"hint_select_one\")}\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_nameIsinFilterer = ({option}, input) => {\r\n\t\tinput = input.toLowerCase();\r\n\r\n\t\tlet matchesIsinNumber = false;\r\n\t\tif (option.isin) {\r\n\t\t\tconst isin = option.isin.toLowerCase();\r\n\t\t\tmatchesIsinNumber = isin.indexOf(input) === 0;\r\n\t\t}\r\n\r\n\t\tconst name = option.label.toLowerCase();\r\n\t\treturn name.indexOf(input) >= 0 || matchesIsinNumber;\r\n\t};\r\n\r\n\t_renderNameIsinOption = ({label, isin}) => (\r\n\t\tFondsparande i UCITS-fonder
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\tGlobeCap 100\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\tShe Invest Sweden\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\tFör att du ska kunna sätta in och ta ut pengar, samt månadsspara i UCITS-fonder via autogiro måste\r\n\t\t\t\t\tovanstående autogiromedgivande fyllas i. \r\n\r\n\t\t\t\t\t{!session.isCompany && (\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{this.props.app.isAutogiroApproved && (\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t{this.props.app.isAutogiroApproved && (\r\n\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t= ProductPurchase2.maxNumberOfSelectableProducts ? \"medium\" : \"primary\"}\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled={state.autogiroSingleFundsActive >= ProductPurchase2.maxNumberOfSelectableProducts}\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={this._onAddFund.bind(this, \"single\")}\r\n\t\t\t\t\t\t\t\t\t\t\tfilled\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t= ProductPurchase2.minimumAmountSingleDeposit}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t(min. {ProductPurchase2.minimumAmountSingleDeposit.toLocaleString(\"sv-SE\", {minimumFractionDigits: 0})} SEK)\r\n\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t{autogiroSingleFunds}\r\n\r\n\t\t\t\t\t\t\t\t\t{(state.autogiroSingleFundsSharesTotal < 100 ||\r\n\t\t\t\t\t\t\t\t\t\tstate.autogiroSingleFundsSharesTotal > 100) && (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tVar god åtgärda: Summan av fondfördelningen måste vara\r\n\t\t\t\t\t\t\t\t\t\t\t100%\r\n\t\t\t\t\t\t\t\t\t\t\t(just nu {state.autogiroSingleFundsSharesTotal}%).\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t= ProductPurchase2.maxNumberOfSelectableProducts ? \"medium\" : \"primary\"}\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled={state.autogiroMonthlyFundsActive >= ProductPurchase2.maxNumberOfSelectableProducts}\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={this._onAddFund.bind(this, \"monthly\")}\r\n\t\t\t\t\t\t\t\t\t\t\tfilled\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t= ProductPurchase2.minimumAmountMonthlyDeposit}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t(min. {ProductPurchase2.minimumAmountMonthlyDeposit.toLocaleString(\"sv-SE\", {minimumFractionDigits: 0})} SEK)\r\n\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t{autogiroMonthlyFunds}\r\n\r\n\t\t\t\t\t\t\t\t\t{(state.autogiroMonthlyFundsSharesTotal < 100 ||\r\n\t\t\t\t\t\t\t\t\t\tstate.autogiroMonthlyFundsSharesTotal > 100) && (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tVar god åtgärda: Summan av fondfördelningen måste\r\n\t\t\t\t\t\t\t\t\t\t\tvara\r\n\t\t\t\t\t\t\t\t\t\t\t100%\r\n\t\t\t\t\t\t\t\t\t\t\t(just nu {state.autogiroMonthlyFundsSharesTotal}%).\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{label}
\r\n\t\t\t{isin}
\r\n\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === \"investedamount\") {\r\n\t\t\treturn value.length > 0 && value >= ProductPurchase.minimumAmountSingleDeposit;\r\n\t\t}\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onChangeAutogiroSelect = ({type, name}, option, index) => {\r\n\t\tname = name || option.name;\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\t/**\r\n\t\t * For the single deposit and monthly savings field treat zero as if the value has not been entered\r\n\t\t */\r\n\t\tif (name === 'investedamount' && value === \"0\") {\r\n\t\t\tvalue = \"\";\r\n\t\t}\r\n\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\tcustomer_product_deposit_checkbox: {\r\n\t\t\t\t\tchecked: checked\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tthis.props.actions.setAppState({\r\n\t\t\t\tisProductClassBSelected: checked\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getInitialState() {\r\n\tconst {props} = this;\r\n\tif (props.prevState) {\r\n\t\treturn {...props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\tfields: {\r\n\t\t\tcustomer_product_deposit_checkbox: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\t\t\tcustomer_product_autogiro: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: true},\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\tinvestedamount: \"\"\r\n\t\t},\r\n\t\tvalidFields: {}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/ProductPurchase/alfakraft/ProductPurchase.js","// CLASSES\r\nimport ProductPurchase from \"./ProductPurchase\";\r\n\r\nexport default function (props, state) {\r\n\r\n\tif (state.fields.customer_product_deposit_checkbox.checked) {\r\n\t\tif (state.fields.investedamount < ProductPurchase.minimumAmountSingleDeposit) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\treturn true;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/ProductPurchase/alfakraft/ProductPurchase.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Validator from \"@classes/Validator\";\r\n\r\n\r\nconst collections = [\r\n\trequire(\"./collections/Collection1\").default,\r\n\trequire(\"./collections/Collection2\").default,\r\n\trequire(\"./collections/Collection3\").default,\r\n\trequire(\"./collections/Collection4\").default,\r\n\trequire(\"./collections/Collection5\").default,\r\n\trequire(\"./collections/Collection7\").default\r\n];\r\n\r\nexport default class Fields extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tvalidFields: PropTypes.object.isRequired,\r\n\t\tfields: PropTypes.object.isRequired,\r\n\t\tnumberLocaleFormatter: PropTypes.func.isRequired,\r\n\t\tonFieldChange: PropTypes.func.isRequired,\r\n\t\tonFieldBlur: PropTypes.func.isRequired,\r\n\t\tonSelectChange: PropTypes.func.isRequired,\r\n\t\tonOptionsListChange: PropTypes.func.isRequired,\r\n\t\tonCheckboxChange: PropTypes.func.isRequired\r\n\t};\r\n\r\n\tstatic getFieldNames = _getFieldNames;\r\n\tstatic getHiddenDefaultFields = _getHiddenDefaultFields;\r\n\tstatic setupFieldsState = _setupFieldsState;\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {title, fields, validFields, partner, numberLocaleFormatter, onFieldChange, onFieldBlur, onOptionsListChange, onCheckboxChange} = props;\r\n\t\tconst collectionProps = {\r\n\t\t\tfields,\r\n\t\t\tvalidFields,\r\n\t\t\tnumberLocaleFormatter,\r\n\t\t\tonFieldChange,\r\n\t\t\tonFieldBlur,\r\n\t\t\tonSelectChange: this._onSelectChange,\r\n\t\t\tonOptionsListChange,\r\n\t\t\tonCheckboxChange\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\tFondsparande i AIF-fond: Fastighetsräntefonden
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\tFastighetsräntefonden\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\tTecknar du Fastighetsräntefonden via samarbetet med Nord betalar du enbart 1,2% i avgift\r\n\t\t\t\t\tistället för ordinarie 1,6% i fast förvaltningsavgift. Rabatten sätts in på din depå varje kvartal.\r\n\t\t\t\t\tMinsta insättning 100 000 SEK. Om du har fyllt i ovanstående autogiromedgivande kan vi dra pengar\r\n\t\t\t\t\tautomatiskt från ditt bankkonto när det är godkänt hos Bankgirocentralen. Annars måste du se till\r\n\t\t\t\t\tatt likviden finns på din depå i slutet av månaden.
\r\n\t\t\t\t\tOBS! för att teckna AIF-fonden Fastighetsräntefonden kommer du att behöva\r\n\t\t\t\t\tsignera två olika avtal. Det första är för att öppna själva ISK:n/depån, sedan kommer automatiskt\r\n\t\t\t\t\tteckningsanmälan för fonden upp. Kom ihåg att inte stänga ned browserfönstret.\r\n\t\t\t\t
\r\n\t\t\t\t\t\tFör att kunna investera i AIF-fonden Fastighetsräntefonden måste LEI-kod innehas och anges under kunduppgifter.\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t(min. 100 000 SEK)\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{this.props.app.isAutogiroApproved && state.fields.customer_product_deposit_checkbox.checked && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tBelopp att investera\r\n\t\t\t\t\t\t\t\t{fundAmountForDisplay}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t))}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_onSelectChange = (option, index) => {\r\n\t\tconst {onSelectChange} = this.props;\r\n\t\tconst stateFieldKey = (\r\n\t\t\toption.name.indexOf(\"checkbox_customer_reason_business_relationship\") === 0 ? \"checkbox_customer_reason_business_relationship\" :\r\n\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_net_income\") === 0 ? \"checkbox_customer_kyc_net_income\" :\r\n\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_purpose\") === 0 ? \"checkbox_customer_kyc_purpose\" :\r\n\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_deposit\") === 0 ? \"checkbox_customer_kyc_deposit\" :\r\n\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_empl\") === 0 ? \"checkbox_customer_kyc_empl\" :\r\n\t\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_inv\") === 0 ? \"checkbox_customer_kyc_inv\" :\r\n\t\t\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_aml_origin\") === 0 ? \"checkbox_aml_origin\" :\r\n\t\t\t\t\t\t\t\t\t\tnull\r\n\t\t);\r\n\r\n\t\tif (stateFieldKey) {\r\n\t\t\tonSelectChange(stateFieldKey, option, index);\r\n\t\t}\r\n\t};\r\n\r\n\t// Static methods\r\n\tstatic fieldValidator = (name, value) => {\r\n\t\tif (name === \"poa_company_socialsecuritynr\") {\r\n\t\t\treturn Validator.validateSsn(value, false);\r\n\t\t}\r\n\t\telse if (name === \"poa_company_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFieldNames() {\r\n\treturn [\r\n\t\t\"checkbox_customer_reason_business_relationship_saving\",\r\n\t\t\"checkbox_customer_reason_business_relationship_assetmanagement\",\r\n\t\t\"checkbox_customer_reason_business_relationship_other\",\r\n\t\t\"customer_reason_business_relationship_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_purpose_pension\",\r\n\t\t\"checkbox_customer_kyc_purpose_private_consumption\",\r\n\t\t\"checkbox_customer_kyc_purpose_financial_security\",\r\n\t\t\"checkbox_customer_kyc_purpose_relative\",\r\n\t\t\"checkbox_customer_kyc_purpose_beneficiary\",\r\n\t\t\"checkbox_customer_kyc_purpose_saving\",\r\n\t\t\"checkbox_customer_kyc_purpose_other\",\r\n\t\t\"customer_kyc_purpose_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_inv_own_part\",\r\n\t\t\"checkbox_customer_kyc_inv_through_poa\",\r\n\t\t\"checkbox_customer_kyc_inv_other\",\r\n\t\t\"customer_kyc_inv_other\",\r\n\r\n\t\t\"checkbox_aml_origin_savings\",\r\n\t\t\"checkbox_aml_origin_heritage_gift\",\r\n\t\t\"checkbox_aml_origin_salary\",\r\n\t\t\"checkbox_aml_origin_re_sales\",\r\n\t\t\"checkbox_aml_origin_capital_return\",\r\n\t\t\"checkbox_aml_origin_other\",\r\n\t\t\"aml_origin_other_desc\",\r\n\r\n\t\t\"checkbox_customer_kyc_empl_other_until_further_notice\",\r\n\t\t\"checkbox_customer_kyc_empl_other_temporary_employment\",\r\n\t\t\"checkbox_customer_kyc_empl_unemployed\",\r\n\t\t\"checkbox_customer_kyc_empl_retired\",\r\n\t\t\"checkbox_customer_kyc_empl_student\",\r\n\t\t\"checkbox_customer_kyc_empl_self_employed\",\r\n\t\t\"checkbox_customer_kyc_empl_other\",\r\n\t\t\"customer_kyc_empl_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_net_income_0_15000\",\r\n\t\t\"checkbox_customer_kyc_net_income_15000_30000\",\r\n\t\t\"checkbox_customer_kyc_net_income_30000_50000\",\r\n\t\t\"checkbox_customer_kyc_net_income_50000\",\r\n\r\n\t\t\"checkbox_customer_kyc_deposit_swedish_bank\",\r\n\t\t\"checkbox_customer_kyc_deposit_foreign_bank\",\r\n\t\t\"checkbox_customer_kyc_deposit_swedish_insurance\",\r\n\t\t\"checkbox_customer_kyc_deposit_foreign_insurance\",\r\n\t\t\"checkbox_customer_kyc_deposit_pension\",\r\n\t\t\"checkbox_customer_kyc_deposit_employer\",\r\n\t\t\"checkbox_customer_kyc_deposit_inheritance\",\r\n\t\t\"checkbox_customer_kyc_deposit_other\",\r\n\t\t\"customer_kyc_deposit_other\",\r\n\r\n\t\t\"customer_kyc_sek_invested\",\r\n\r\n\t\t\"kyc_experience_fonder_investments\",\r\n\t\t\"radio_kyc_knowledge_fonder\",\r\n\r\n\t\t\"radio_customer_pep\",\r\n\t\t\"radio_customer_us_person\",\r\n\r\n\t\t\"radio_product_class_a\"\r\n\t];\r\n}\r\n\r\nfunction _getHiddenDefaultFields() {\r\n\treturn [\r\n\t\t// Depåtyp\r\n\t\t{name: \"radio_account_type_open\", value: \"Brutto\"},\r\n\t\t{name: \"checkbox_account_isk\", value: \"yes\"},\r\n\r\n\t\t// Avgiftsstruktur\r\n\t\t{name: \"account_account_fee\", value: \"\"},\r\n\t\t{name: \"account_advice_fee\", value: \"\"},\r\n\t\t{name: \"account_insurance_fee\", value: \"\"},\r\n\t\t{name: \"account_performance_fee\", value: \"\"},\r\n\t\t{name: \"account_performance_hurdle_fee\", value: \"\"},\r\n\t\t{name: \"account_total_fee\", value: \"\"},\r\n\r\n\t\t{name: \"checkbox_customer_kyc_non_proff\", value: \"yes\"},\r\n\t\t{name: \"radio_reseller_poa\", value: \"view\"},\r\n\r\n\t\t// Partner info\r\n\t\t{name: \"partner_firstname\", value: \"\"},\r\n\t\t{name: \"partner_lastname\", value: \"\"},\r\n\t\t{name: \"partner_company\", value: this.props.partner.partnerCustomerName},\r\n\t\t{name: \"partner_customer_number\", value: this.props.partner.partnerCustomerNo}\r\n\t];\r\n}\r\n\r\nfunction _setupFieldsState(parent) {\r\n\treturn {\r\n\t\t\"checkbox_customer_kyc_purpose\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Pension\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_pension\"},\r\n\t\t\t\t{label: \"Privat konsumtion\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_private_consumption\"},\r\n\t\t\t\t{label: \"Ekonomisk trygghet\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_financial_security\"},\r\n\t\t\t\t{label: \"Till närstående\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_relative\"},\r\n\t\t\t\t{label: \"Jag är förmånstagare\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_beneficiary\"},\r\n\t\t\t\t{label: \"Sparande\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_saving\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_purpose_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_reason_business_relationship\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Sparande\", value: \"yes\", name: \"checkbox_customer_reason_business_relationship_saving\"},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Kapitalförvaltning\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_reason_business_relationship_assetmanagement\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_reason_business_relationship_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_reason_business_relationship_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_inv\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"För egen del\", value: \"yes\", name: \"checkbox_customer_kyc_inv_own_part\"},\r\n\t\t\t\t{label: \"För någon annan genom fullmakt\", value: \"yes\", name: \"checkbox_customer_kyc_inv_through_poa\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_inv_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_inv_other\": \"\",\r\n\r\n\t\t\"checkbox_aml_origin\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Sparande\", value: \"yes\", name: \"checkbox_aml_origin_savings\"},\r\n\t\t\t\t{label: \"Arv/gåva\", value: \"yes\", name: \"checkbox_aml_origin_heritage_gift\"},\r\n\t\t\t\t{label: \"Lön/pension\", value: \"yes\", name: \"checkbox_aml_origin_salary\"},\r\n\t\t\t\t{label: \"Fastighetsförsäljning\", value: \"yes\", name: \"checkbox_aml_origin_re_sales\"},\r\n\t\t\t\t{label: \"Kapitalavkastning\", value: \"yes\", name: \"checkbox_aml_origin_capital_return\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_aml_origin_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"aml_origin_other_desc\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_empl\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Tillsvidareanställd\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_empl_other_until_further_notice\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Visstidsanställd\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_empl_other_temporary_employment\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Arbetssökande\", value: \"yes\", name: \"checkbox_customer_kyc_empl_unemployed\"},\r\n\t\t\t\t{label: \"Pensionerad\", value: \"yes\", name: \"checkbox_customer_kyc_empl_retired\"},\r\n\t\t\t\t{label: \"Student\", value: \"yes\", name: \"checkbox_customer_kyc_empl_student\"},\r\n\t\t\t\t{label: \"Egen företagare\", value: \"yes\", name: \"checkbox_customer_kyc_empl_self_employed\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_empl_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_empl_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_net_income\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"0—15 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_0_15000\"},\r\n\t\t\t\t{label: \"15—30 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_15000_30000\"},\r\n\t\t\t\t{label: \"30—50 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_30000_50000\"},\r\n\t\t\t\t{label: \"> 50 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_50000\"}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"checkbox_customer_kyc_deposit\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Svensk bank/institut\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_swedish_bank\"},\r\n\t\t\t\t{label: \"Utländsk bank/institut\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_foreign_bank\"},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Svenskt försäkringsbolag\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_swedish_insurance\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Utländskt försäkringsbolag\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_foreign_insurance\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Pension\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_pension\"},\r\n\t\t\t\t{label: \"Från min arbetsgivare\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_employer\"},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Förmånstagare till depå genom arv\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_inheritance\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_deposit_other\": \"\",\r\n\r\n\t\t\"customer_kyc_sek_invested\": \"\",\r\n\t\t\"kyc_experience_fonder_investments\": \"\",\r\n\r\n\t\t\"radio_kyc_knowledge_fonder\": {options: _createKnowledgeOptions()},\r\n\t\t\"radio_customer_pep\": {options: _createCustomerPepOptions()},\r\n\t\t\"radio_customer_us_person\": {options: _createCustomerUsPersonOptions()},\r\n\r\n\t\t\"radio_product_class_a\": {options: _createProductClassOptions()},\r\n\r\n\t\t\"checkbox_customer_kyc_gdpr\": {\r\n\t\t\tchecked: false\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction _createKnowledgeOptions() {\r\n\treturn [\r\n\t\t{label: \"Ingen\", value: \"ingen\"},\r\n\t\t{label: \"Någon\", value: \"nagon\"},\r\n\t\t{label: \"Omfattande\", value: \"omfattande\"}\r\n\t];\r\n}\r\n\r\nfunction _createCustomerPepOptions() {\r\n\treturn [\r\n\t\t{label: \"Nej\", value: \"no\"},\r\n\t\t{label: \"Ja (fyll i 'Frågeformulär PEP')\", value: \"yes\"}\r\n\t];\r\n}\r\n\r\nfunction _createCustomerUsPersonOptions() {\r\n\treturn [\r\n\t\t{label: \"Nej\", value: \"no\"},\r\n\t\t{label: \"Ja (det är ej möjligt att öppna konto)\", value: \"yes\"}\r\n\t];\r\n}\r\n\r\nfunction _createProductClassOptions() {\r\n\treturn [\r\n\t\t{label: \"Ja\", value: \"yes\"},\r\n\t\t{label: \"Nej\", value: \"no\"}\r\n\t];\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/odin/Fields/Fields.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport EditableField from \"@routes/Cob/components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport NumberField from \"@routes/Cob/components/NumberField/NumberField\";\r\nimport Select from \"@components/Select/Select\";\r\nimport QuestionField from \"@routes/Cob/components/QuestionField/QuestionField\";\r\n\r\n// HELPERS\r\nimport { createClassName } from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n render() {\r\n const { props } = this;\r\n const { index, fields, validFields, numberLocaleFormatter, onFieldChange, onFieldBlur, onSelectChange } = props;\r\n const classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n \"first\": index === 0,\r\n })\r\n\r\n return (\r\n {title}
\r\n\r\n\t\t\t\t\r\n\r\n\t\t\t\t{collections.map((Collection, index) => (\r\n\t\t\t\t\t\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n// PRIVATE COMPONENTS\r\nfunction NumberFieldWithName(props) {\r\n return Frågor enligt penningtvättslagen
\r\n\r\n\r\n Hur många affärer i Fonder har du genomfört under senaste 3 åren?\r\n }\r\n label=\"Ange antal affärer\"\r\n value={ fields.kyc_experience_fonder_investments || \"\" }\r\n unit={ fields.kyc_experience_fonder_investments ? \" st\" : undefined }\r\n decimals={ 0 }\r\n valid={ validFields.kyc_experience_fonder_investments }\r\n customInputFormatter={ numberLocaleFormatter }\r\n onChange={ onFieldChange }\r\n onBlur={ onFieldBlur }\r\n />\r\n ),\r\n }, {\r\n render: (\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n// PRIVATE COMPONENTS\r\nfunction NumberFieldWithName(props) {\r\n return Fonder
\r\n\r\n\r\n
\r\n );\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/odin/Fields/collections/Collection3.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\n\r\n// HELPERS\r\nimport { createClassName } from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n render() {\r\n const { props } = this;\r\n const { index, fields, onOptionsListChange } = props;\r\n const classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n \"first\": index === 0,\r\n })\r\n\r\n return (\r\n Produktklass A
\r\n\r\nIcke komplexa produkter
\r\n \r\n
\r\n\r\n I Produktklass A ingår t.ex. aktier, fonder, räntebärande produkter och obligationer.
\r\n\r\n
\r\n );\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/odin/Fields/collections/Collection4.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\n\r\n// HELPERS\r\nimport { createClassName } from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n render() {\r\n const { props } = this;\r\n const { index, fields, onOptionsListChange } = props;\r\n const classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n \"first\": index === 0,\r\n })\r\n\r\n return (\r\n PEP - Politiskt exponerad person
\r\n\r\n\r\n
\r\n\r\n PEP – Person i politiskt utsatt ställning – Har, eller har tidigare haft en hög politisk post, en hög statlig befattning eller funktion i ledningen i en internationell organisation, eller en nära familjemedlem eller medarbetare med ovanstående befattning. För mer information se blankett: Definition – PEP.
\r\n\r\n
\r\n );\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/odin/Fields/collections/Collection5.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport CheckboxWithName from \"@routes/Cob/components/CheckboxWithName/CheckboxWithName\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport { createClassName } from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n render() {\r\n const { props } = this;\r\n const { index, fields, onCheckboxChange } = props;\r\n const classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n \"first\": index === 0,\r\n })\r\n\r\n return (\r\n FATCA
\r\n\r\n\r\n
\r\n\r\n U.S. person – Person som har ett Amerikanskt medborgarskap eller på annat sätt är skatteskyldig i USA. För mer information se blankett: Definition – FATCA
\r\n\r\n
\r\n );\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/odin/Fields/collections/Collection7.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_reason_business_relationship.index !== -1) {\r\n\t\tif (fields.checkbox_customer_reason_business_relationship.index === 2 && fields.customer_reason_business_relationship_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_purpose.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_purpose.index === 6 && fields.customer_kyc_purpose_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_inv.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_inv.index === 2 && fields.customer_kyc_inv_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_aml_origin.index !== -1) {\r\n\t\tif (fields.checkbox_aml_origin.index === 5 && fields.aml_origin_other_desc.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_deposit.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_deposit.index === 7 && fields.customer_kyc_deposit_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_empl.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_empl.index === 7 && fields.customer_kyc_empl_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_net_income.index === -1) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.customer_kyc_sek_invested.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.kyc_experience_fonder_investments.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.radio_kyc_knowledge_fonder.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.radio_customer_pep.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (!fields.radio_customer_us_person.options[0].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (!fields.radio_product_class_a.options[0].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (!fields.checkbox_customer_kyc_gdpr.checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/odin/Fields/Fields.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Validator from \"@classes/Validator\";\r\n\r\n\r\nconst collections = [\r\n\trequire(\"./collections/CollectionKyc\").default,\r\n\trequire(\"./collections/CollectionExperience\").default,\r\n\trequire(\"./collections/CollectionPEP\").default,\r\n\trequire(\"./collections/CollectionFATCA\").default,\r\n\trequire(\"./collections/CollectionAllocationProfile\").default,\r\n\trequire(\"./collections/CollectionAccountType\").default,\r\n\trequire(\"./collections/CollectionAutogiro\").default,\r\n\trequire(\"./collections/CollectionProductClass\").default,\r\n\trequire(\"./collections/CollectionGDPR\").default\r\n];\r\n\r\nexport default class Fields extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tvalidFields: PropTypes.object.isRequired,\r\n\t\tfields: PropTypes.object.isRequired,\r\n\t\tnumberLocaleFormatter: PropTypes.func.isRequired,\r\n\t\tonFieldChange: PropTypes.func.isRequired,\r\n\t\tonFieldBlur: PropTypes.func.isRequired,\r\n\t\tonSelectChange: PropTypes.func.isRequired,\r\n\t\tonOptionsListChange: PropTypes.func.isRequired,\r\n\t\tonCheckboxChange: PropTypes.func.isRequired\r\n\t};\r\n\r\n\tstatic getFieldNames = _getFieldNames;\r\n\tstatic getHiddenDefaultFields = _getHiddenDefaultFields;\r\n\tstatic setupFieldsState = _setupFieldsState;\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {title, fields, validFields, numberLocaleFormatter, onFieldChange, onFieldBlur, onOptionsListChange, onCheckboxChange, session, availableBanks} = props;\r\n\t\tconst collectionProps = {\r\n\t\t\tfields,\r\n\t\t\tvalidFields,\r\n\t\t\tnumberLocaleFormatter,\r\n\t\t\tonFieldChange,\r\n\t\t\tonFieldBlur,\r\n\t\t\tonSelectChange: this._onSelectChange,\r\n\t\t\tonOptionsListChange,\r\n\t\t\tonCheckboxChange,\r\n\t\t\tsession\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\tPersonuppgiftshantering (GDPR)
\r\n\r\n\r\n
\r\n\r\n Undertecknad medger härmed att Bolaget behandlar personuppgifter som lämnas i samband med ingåendet av detta avtal. Personuppgifterna används av Bolaget för öppnande av depå och i övrigt vid händelser förenade med vad som framgår av detta avtal.
\r\n\r\n\t\t\t\t\r\n\t\t\t\t))}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_onSelectChange = (option, index) => {\r\n\t\tconst {onSelectChange} = this.props;\r\n\t\tconst stateFieldKey = (\r\n\t\t\toption.name.indexOf(\"checkbox_customer_reason_business_relationship\") === 0 ? \"checkbox_customer_reason_business_relationship\" :\r\n\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_net_income\") === 0 ? \"checkbox_customer_kyc_net_income\" :\r\n\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_purpose\") === 0 ? \"checkbox_customer_kyc_purpose\" :\r\n\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_deposit\") === 0 ? \"checkbox_customer_kyc_deposit\" :\r\n\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_empl\") === 0 ? \"checkbox_customer_kyc_empl\" :\r\n\t\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_inv\") === 0 ? \"checkbox_customer_kyc_inv\" :\r\n\t\t\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_aml_origin\") === 0 ? \"checkbox_aml_origin\" :\r\n\t\t\t\t\t\t\t\t\t\tnull\r\n\t\t);\r\n\r\n\t\tif (stateFieldKey) {\r\n\t\t\tonSelectChange(stateFieldKey, option, index);\r\n\t\t}\r\n\t};\r\n\r\n\t// Static methods\r\n\tstatic fieldValidator = (name, value) => {\r\n\t\tif (name === \"poa_company_socialsecuritynr\") {\r\n\t\t\treturn Validator.validateSsn(value, false);\r\n\t\t}\r\n\t\telse if (name === \"poa_company_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFieldNames() {\r\n\treturn [\r\n\t\t\"customer_account_type_person\",\r\n\t\t\"customer_account_type_company\",\r\n\t\t\"checkbox_account_isk\",\r\n\t\t\"checkbox_account_insurance\",\r\n\t\t\"checkbox_account_naked\",\r\n\r\n\t\t\"radio_account_type_open\",\r\n\t\t\"radio_reseller_poa\",\r\n\r\n\t\t\"newAccountCheckbox1\",\r\n\t\t\"newAccountCheckbox2\",\r\n\t\t\"newAccountCheckbox3\",\r\n\t\t\"newAccountCheckbox5\",\r\n\t\t\"newAccountSlider1\",\r\n\t\t\"newAccountSlider2\",\r\n\t\t\"newAccountSlider3\",\r\n\t\t\"newAccountSlider4\",\r\n\t\t\"newAccountSlider5\",\r\n\r\n\t\t\"checkbox_customer_reason_business_relationship_saving\",\r\n\t\t\"checkbox_customer_reason_business_relationship_assetmanagement\",\r\n\t\t\"checkbox_customer_reason_business_relationship_other\",\r\n\t\t\"customer_reason_business_relationship_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_purpose_pension\",\r\n\t\t\"checkbox_customer_kyc_purpose_private_consumption\",\r\n\t\t\"checkbox_customer_kyc_purpose_financial_security\",\r\n\t\t\"checkbox_customer_kyc_purpose_relative\",\r\n\t\t\"checkbox_customer_kyc_purpose_beneficiary\",\r\n\t\t\"checkbox_customer_kyc_purpose_saving\",\r\n\t\t\"checkbox_customer_kyc_purpose_other\",\r\n\t\t\"customer_kyc_purpose_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_inv_own_part\",\r\n\t\t\"checkbox_customer_kyc_inv_through_poa\",\r\n\t\t\"checkbox_customer_kyc_inv_other\",\r\n\t\t\"customer_kyc_inv_other\",\r\n\r\n\t\t\"account_allocation_profile\",\r\n\r\n\t\t\"radio_aml_purpose_gains\",\r\n\r\n\t\t\"checkbox_aml_origin_savings\",\r\n\t\t\"checkbox_aml_origin_heritage_gift\",\r\n\t\t\"checkbox_aml_origin_salary\",\r\n\t\t\"checkbox_aml_origin_re_sales\",\r\n\t\t\"checkbox_aml_origin_capital_return\",\r\n\t\t\"checkbox_aml_origin_other\",\r\n\t\t\"aml_origin_other_desc\",\r\n\r\n\t\t\"checkbox_customer_kyc_empl_other_until_further_notice\",\r\n\t\t\"checkbox_customer_kyc_empl_other_temporary_employment\",\r\n\t\t\"checkbox_customer_kyc_empl_unemployed\",\r\n\t\t\"checkbox_customer_kyc_empl_retired\",\r\n\t\t\"checkbox_customer_kyc_empl_student\",\r\n\t\t\"checkbox_customer_kyc_empl_self_employed\",\r\n\t\t\"checkbox_customer_kyc_empl_other\",\r\n\t\t\"customer_kyc_empl_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_net_income_0_15000\",\r\n\t\t\"checkbox_customer_kyc_net_income_15000_30000\",\r\n\t\t\"checkbox_customer_kyc_net_income_30000_50000\",\r\n\t\t\"checkbox_customer_kyc_net_income_50000\",\r\n\r\n\t\t\"checkbox_customer_kyc_deposit_swedish_bank\",\r\n\t\t\"checkbox_customer_kyc_deposit_foreign_bank\",\r\n\t\t\"checkbox_customer_kyc_deposit_swedish_insurance\",\r\n\t\t\"checkbox_customer_kyc_deposit_foreign_insurance\",\r\n\t\t\"checkbox_customer_kyc_deposit_pension\",\r\n\t\t\"checkbox_customer_kyc_deposit_employer\",\r\n\t\t\"checkbox_customer_kyc_deposit_inheritance\",\r\n\t\t\"checkbox_customer_kyc_deposit_other\",\r\n\t\t\"customer_kyc_deposit_other\",\r\n\r\n\t\t\"customer_kyc_sek_invested\",\r\n\r\n\t\t\"kyc_experience_aktier_investments\",\r\n\t\t\"radio_kyc_knowledge_aktier\",\r\n\r\n\t\t\"kyc_experience_fonder_investments\",\r\n\t\t\"radio_kyc_knowledge_fonder\",\r\n\r\n\t\t\"kyc_experience_obligationer_investments\",\r\n\t\t\"radio_kyc_knowledge_obligationer\",\r\n\r\n\t\t\"kyc_experience_aio_investments\",\r\n\t\t\"radio_kyc_knowledge_aio\",\r\n\r\n\t\t\"kyc_experience_sprinter_investments\",\r\n\t\t\"radio_kyc_knowledge_sprinter\",\r\n\r\n\t\t\"kyc_experience_kreditcertifikat_investments\",\r\n\t\t\"radio_kyc_knowledge_kreditcertifikat\",\r\n\r\n\t\t\"kyc_experience_autocalls_investments\",\r\n\t\t\"radio_kyc_knowledge_autocalls\",\r\n\r\n\t\t\"kyc_experience_derivat_investments\",\r\n\t\t\"radio_kyc_knowledge_derivat\",\r\n\r\n\t\t\"radio_customer_pep\",\r\n\t\t\"radio_customer_us_person\",\r\n\r\n\t\t\"radio_product_class_a\",\r\n\t\t\"radio_product_class_b\",\r\n\r\n\t\t\"customer_autogiro\",\r\n\t\t\"customer_account_bank_no\",\r\n\t\t\"customer_account_bank_clearingno\",\r\n\t\t\"customer_account_bank\",\r\n\t\t\"customer_account_bank_custom\"\r\n\t];\r\n}\r\n\r\nfunction _getHiddenDefaultFields() {\r\n\treturn [\r\n\t\t// Avgiftsstruktur\r\n\t\t{name: \"account_account_fee\", value: \"\"},\r\n\t\t{name: \"account_advice_fee\", value: \"\"},\r\n\t\t{name: \"account_disk_fee\", value: \"\"},\r\n\t\t{name: \"account_insurance_fee\", value: \"\"},\r\n\t\t{name: \"account_performance_fee\", value: \"\"},\r\n\t\t{name: \"account_performance_hurdle_fee\", value: \"\"},\r\n\t\t{name: \"account_total_fee\", value: \"\"},\r\n\r\n\t\t{name: \"checkbox_customer_kyc_non_proff\", value: \"yes\"},\r\n\t\t{name: \"radio_reseller_poa\", value: \"view\"}\r\n\t];\r\n}\r\n\r\nfunction _setupFieldsState(parent) {\r\n\tlet values = {\r\n\t\t\"newAccountCheckbox1\": {\r\n\t\t\tchecked: true\r\n\t\t},\r\n\t\t\"newAccountCheckbox2\": {\r\n\t\t\tchecked: true\r\n\t\t},\r\n\t\t\"newAccountCheckbox3\": {\r\n\t\t\tchecked: false\r\n\t\t},\r\n\t\t\"newAccountCheckbox5\": {\r\n\t\t\tchecked: true\r\n\t\t},\r\n\t\t\"newAccountSlider1\": \"\",\r\n\t\t\"newAccountSlider2\": \"\",\r\n\t\t\"newAccountSlider3\": \"\",\r\n\t\t\"newAccountSlider4\": \"\",\r\n\t\t\"newAccountSlider5\": \"\",\r\n\r\n\t\t\"account_allocation_profile\": \"\",\r\n\r\n\t\t\"customer_account_type_person\": {\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"ISK\", value: \"yes\", name: \"checkbox_account_isk\"},\r\n\t\t\t\t{label: \"Depåförsäkring\", value: \"yes\", name: \"checkbox_account_insurance\"},\r\n\t\t\t\t{label: \"Depåkonto\", value: \"yes\", name: \"checkbox_account_naked\"}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"customer_account_type_company\": {\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Depåförsäkring\", value: \"yes\", name: \"checkbox_account_insurance\"},\r\n\t\t\t\t{label: \"Depåkonto\", value: \"yes\", name: \"checkbox_account_naked\"}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"has_account_type_selection\": true,\r\n\r\n\t\t\"radio_account_type_open\": {\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Brutto\", value: \"Brutto\", name: \"radio_account_type_open\"},\r\n\t\t\t\t{label: \"Netto\", value: \"Net\", name: \"radio_account_type_open\"},\r\n\t\t\t\t{label: \"Netto resultatbaserad\", value: \"NetPerf\", name: \"radio_account_type_open\"}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"checkbox_customer_kyc_purpose\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Pension\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_pension\"},\r\n\t\t\t\t{label: \"Privat konsumtion\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_private_consumption\"},\r\n\t\t\t\t{label: \"Ekonomisk trygghet\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_financial_security\"},\r\n\t\t\t\t{label: \"Till närstående\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_relative\"},\r\n\t\t\t\t{label: \"Jag är förmånstagare\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_beneficiary\"},\r\n\t\t\t\t{label: \"Sparande/placering\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_saving\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_purpose_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_reason_business_relationship\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Sparande\", value: \"yes\", name: \"checkbox_customer_reason_business_relationship_saving\"},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Kapitalförvaltning\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_reason_business_relationship_assetmanagement\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_reason_business_relationship_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_reason_business_relationship_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_inv\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"För egen del (eller av mig helägt företag)\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_inv_own_part\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"För någon annan genom fullmakt\", value: \"yes\", name: \"checkbox_customer_kyc_inv_through_poa\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_inv_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_inv_other\": \"\",\r\n\r\n\t\t\"radio_aml_purpose_gains\": {\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Ja\", value: \"yes\"},\r\n\t\t\t\t{label: \"Nej\", value: \"no\"}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"checkbox_aml_origin\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Sparande\", value: \"yes\", name: \"checkbox_aml_origin_savings\"},\r\n\t\t\t\t{label: \"Arv/gåva\", value: \"yes\", name: \"checkbox_aml_origin_heritage_gift\"},\r\n\t\t\t\t{label: \"Lön/pension\", value: \"yes\", name: \"checkbox_aml_origin_salary\"},\r\n\t\t\t\t{label: \"Fastighetsförsäljning\", value: \"yes\", name: \"checkbox_aml_origin_re_sales\"},\r\n\t\t\t\t{label: \"Kapitalavkastning\", value: \"yes\", name: \"checkbox_aml_origin_capital_return\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_aml_origin_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"aml_origin_other_desc\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_empl\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Tillsvidareanställd\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_empl_other_until_further_notice\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Visstidsanställd\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_empl_other_temporary_employment\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Arbetssökande\", value: \"yes\", name: \"checkbox_customer_kyc_empl_unemployed\"},\r\n\t\t\t\t{label: \"Pensionerad\", value: \"yes\", name: \"checkbox_customer_kyc_empl_retired\"},\r\n\t\t\t\t{label: \"Student\", value: \"yes\", name: \"checkbox_customer_kyc_empl_student\"},\r\n\t\t\t\t{label: \"Egen företagare\", value: \"yes\", name: \"checkbox_customer_kyc_empl_self_employed\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_empl_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_empl_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_net_income\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"0—15 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_0_15000\"},\r\n\t\t\t\t{label: \"15—30 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_15000_30000\"},\r\n\t\t\t\t{label: \"30—50 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_30000_50000\"},\r\n\t\t\t\t{label: \"> 50 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_50000\"}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"checkbox_customer_kyc_deposit\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Svensk bank/institut\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_swedish_bank\"},\r\n\t\t\t\t{label: \"Utländsk bank/institut\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_foreign_bank\"},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Svenskt försäkringsbolag\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_swedish_insurance\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Utländskt försäkringsbolag\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_foreign_insurance\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Pension\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_pension\"},\r\n\t\t\t\t{label: \"Från min arbetsgivare\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_employer\"},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Förmånstagare till depå genom arv\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_inheritance\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_deposit_other\": \"\",\r\n\r\n\t\t\"customer_kyc_sek_invested\": \"\",\r\n\r\n\t\t\"kyc_experience_aktier_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_aktier\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_fonder_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_fonder\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_obligationer_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_obligationer\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_aio_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_aio\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_sprinter_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_sprinter\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_kreditcertifikat_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_kreditcertifikat\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_autocalls_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_autocalls\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_derivat_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_derivat\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"radio_customer_pep\": {options: _createCustomerPepOptions()},\r\n\t\t\"radio_customer_us_person\": {options: _createCustomerUsPersonOptions()},\r\n\r\n\t\t\"radio_product_class_a\": {options: _createYesNoOptions()},\r\n\t\t\"radio_product_class_b\": {options: _createYesNoOptions()},\r\n\r\n\t\t\"customer_autogiro\": {options: _createYesNoOptions()},\r\n\t\t\"customer_account_bank_no\": \"\",\r\n\t\t\"customer_account_bank_clearingno\": \"\",\r\n\t\t\"customer_account_bank\": \"\",\r\n\t\t\"customer_account_bank_custom\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_gdpr\": {\r\n\t\t\tchecked: false\r\n\t\t}\r\n\t};\r\n\r\n\tlet partnerRole = \"radgivare\";\r\n\tconst session = parent.props.session;\r\n\tif (session.context && session.context.partner && session.context.partner.role) {\r\n\t\tpartnerRole = session.context.partner.role;\r\n\t}\r\n\r\n\tif (partnerRole === \"disk\") {\r\n\t\tvalues.radio_reseller_poa = {\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Insynsfullmakt\",\r\n\t\t\t\t\tvalue: \"view\",\r\n\t\t\t\t\tname: \"radio_reseller_poa\",\r\n\t\t\t\t\tchecked: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Hanteringsfullmakt\",\r\n\t\t\t\t\tvalue: \"viewcom\",\r\n\t\t\t\t\tname: \"radio_reseller_poa\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Förvaltarfullmakt\",\r\n\t\t\t\t\tvalue: \"trade\",\r\n\t\t\t\t\tname: \"radio_reseller_poa\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Diskretionär fullmakt\",\r\n\t\t\t\t\tvalue: \"full\",\r\n\t\t\t\t\tname: \"radio_reseller_poa\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\telse {\r\n\t\tvalues.radio_reseller_poa = {\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Insynsfullmakt\",\r\n\t\t\t\t\tvalue: \"view\",\r\n\t\t\t\t\tname: \"radio_reseller_poa\",\r\n\t\t\t\t\tchecked: true\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Hanteringsfullmakt\",\r\n\t\t\t\t\tvalue: \"viewcom\",\r\n\t\t\t\t\tname: \"radio_reseller_poa\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t]\r\n\t\t};\r\n\t}\r\n\r\n\treturn values;\r\n}\r\n\r\nfunction _createKnowledgeOptions() {\r\n\treturn [\r\n\t\t{label: \"Ingen\", value: \"ingen\", checked: true},\r\n\t\t{label: \"Någon\", value: \"nagon\"},\r\n\t\t{label: \"Omfattande\", value: \"omfattande\"}\r\n\t];\r\n}\r\n\r\nfunction _createCustomerPepOptions() {\r\n\treturn [\r\n\t\t{label: \"Nej\", value: \"no\"},\r\n\t\t{label: \"Ja (fyll i 'Frågeformulär PEP')\", value: \"yes\"}\r\n\t];\r\n}\r\n\r\nfunction _createCustomerUsPersonOptions() {\r\n\treturn [\r\n\t\t{label: \"Nej\", value: \"no\"},\r\n\t\t{label: \"Ja (det är ej möjligt att öppna konto)\", value: \"yes\"}\r\n\t];\r\n}\r\n\r\nfunction _createYesNoOptions() {\r\n\treturn [\r\n\t\t{label: \"Ja\", value: \"yes\"},\r\n\t\t{label: \"Nej\", value: \"no\"}\r\n\t];\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/nordfk-cob/Fields/Fields.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport EditableField from \"@routes/Cob/components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\nimport NumberField from \"@routes/Cob/components/NumberField/NumberField\";\r\nimport Select from \"@components/Select/Select\";\r\nimport QuestionField from \"@routes/Cob/components/QuestionField/QuestionField\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, validFields, numberLocaleFormatter, onFieldChange, onFieldBlur, onSelectChange, onOptionsListChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t{collections.map((Collection, index) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_reason_business_relationship.index === 2,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_purpose.index === 6,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_inv.index === 2,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_aml_origin.index === 5,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_empl.index === 6,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_deposit.index === 7,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\n// PRIVATE COMPONENTS\r\nfunction NumberFieldWithName(props) {\r\n\treturn Frågor enligt penningtvättslagen
\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\n\r\n// PRIVATE COMPONENTS\r\nfunction NumberFieldWithName(props) {\r\n\treturn Erfarenhetsbakgrund
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tPlacering\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tAntal affärer under senaste 3 åren\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tKunskap och erfarenhet\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tAktier
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tFonder
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tObligationer
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tAktieindexobligationer
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tSprinter
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tKreditcertifikat
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tAutoCalls
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tDerivat
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/nordfk-cob/Fields/collections/CollectionPEP.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, onOptionsListChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\tPEP - Politiskt exponerad person
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\tPEP – Person i politiskt utsatt ställning – Har, eller har tidigare haft en hög politisk post, en\r\n\t\t\t\t\t\thög statlig befattning eller funktion i ledningen i en internationell organisation, eller en\r\n\t\t\t\t\t\tnära familjemedlem eller medarbetare med ovanstående befattning. För mer information se\r\n\t\t\t\t\t\tblankett: Definition – PEP.
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/nordfk-cob/Fields/collections/CollectionFATCA.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport Select from \"../../../../../../../../components/Select/Select\";\r\nimport api from \"../../../../../../../../helpers/api\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\tasync componentDidMount() {\r\n\t\tconst {session} = this.props;\r\n\r\n\t\tif (session.context && session.context.partner && session.context.partner.role === 'disk') {\r\n\t\t\t/**\r\n\t\t\t * Fetch the list of products that are available for purchase\r\n\t\t\t */\r\n\t\t\ttry {\r\n\t\t\t\tconsole.log(\"Loading allocation profiles...\");\r\n\t\t\t\tconst newStateProps = {};\r\n\t\t\t\tnewStateProps.profiles = await api(\"/case/allocationprofiles\", {\r\n\t\t\t\t\tssn: session.context.partner.ssn,\r\n\t\t\t\t\tauthToken: session.authToken\r\n\t\t\t\t});\r\n\t\t\t\tthis.setState(newStateProps);\r\n\t\t\t}\r\n\t\t\tcatch (e) {\r\n\t\t\t\tconsole.log(e);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {index, session, fields} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\tlet partnerRole = \"radgivare\";\r\n\t\tif (session.context && session.context.partner && session.context.partner.role) {\r\n\t\t\tpartnerRole = session.context.partner.role;\r\n\t\t}\r\n\r\n\t\tlet allocationProfileOptions = [];\r\n\t\tlet selectedAllocationIndex = -1;\r\n\t\tif (state != null) {\r\n\t\t\tfor (let i = 0; i < state.profiles.length; i++) {\r\n\t\t\t\tallocationProfileOptions.push({\r\n\t\t\t\t\tlabel: state.profiles[i].name,\r\n\t\t\t\t\tvalue: state.profiles[i].name\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (fields.account_allocation_profile === state.profiles[i].name) {\r\n\t\t\t\t\tselectedAllocationIndex = i;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (partnerRole === \"disk\" && allocationProfileOptions.length > 0) {\r\n\t\t\treturn (\r\n\t\t\t\tFATCA
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\tU.S. person – Person som har ett Amerikanskt medborgarskap eller på annat sätt är skatteskyldig i\r\n\t\t\t\t\t\tUSA. För mer information se blankett: Definition – FATCA
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn null;\r\n\t}\r\n\r\n\t_onSelectChange = (option, index) => {\r\n\t\tthis.props.onFieldChange.call(this, \"account_allocation_profile\", option.value);\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/nordfk-cob/Fields/collections/CollectionAllocationProfile.js","// MODULES\r\nimport React from \"react\";\r\n\r\nimport OptionsList from \"../../../../../../components/OptionsList/OptionsList\";\r\nimport {createClassName, localeNumber} from \"@helpers/utils\";\r\nimport Slider from \"../../../../../../../../components/Slider/Slider\";\r\nimport CheckboxWithName from \"../../../../../../components/CheckboxWithName/CheckboxWithName\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\tnetDescriptionString = \"Vid nettodepå går den tredjepartsersättning från fonder som annars tillfaller rådgivaren tillbaka till kunds depå.\";\r\n\tadminCostString = \"En fast administrationsavgift om 39kr/mån tas ut per kvartal per kund.\";\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, session, onOptionsListChange, onCheckboxChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\tconst insuranceAccountText = \"Danica-blanketterna samt handelsfullmakten \" +\r\n\t\t\t\" behöver fyllas i och signeras fysiskt utanför detta verktyg. När depån öppnats hos Nord \" +\r\n\t\t\t\" fyller ni i depånumret på dessa handlingar och postar dem i original till Danica.\";\r\n\r\n\t\tconst noticeStyleYellow = {\r\n\t\t\tmarginTop: \"15px\",\r\n\t\t\tmaxWidth: \"450px\",\r\n\t\t\tpadding: \"10px\",\r\n\t\t\tbackground: \"#FBF1D7\",\r\n\t\t\tborder: \"1px solid #f7e2a8\",\r\n\t\t\tborderRadius: \"3px\",\r\n\t\t\tlineHeight: \"20px\"\r\n\t\t};\r\n\r\n\t\tconst noticeStyleGray = {\r\n\t\t\tmarginTop: \"15px\",\r\n\t\t\twidth: \"100%\",\r\n\t\t\tflex: \"1\",\r\n\t\t\tpadding: \"10px\",\r\n\t\t\tbackground: \"#f4f5f7\",\r\n\t\t\tcolor: \"#91a0ad\",\r\n\t\t\tborderRadius: \"3px\",\r\n\t\t\tfontSize: \"12px\"\r\n\t\t};\r\n\r\n\t\tconst noticeStyleGrayNet = {\r\n\t\t\tmarginTop: \"5px\",\r\n\t\t\twidth: \"100%\",\r\n\t\t\tflex: \"1\",\r\n\t\t\tpadding: \"10px\",\r\n\t\t\tbackground: \"#f4f5f7\",\r\n\t\t\tcolor: \"#91a0ad\",\r\n\t\t\tborderRadius: \"3px\",\r\n\t\t\tfontSize: \"12px\"\r\n\t\t};\r\n\r\n\t\tlet partnerRole = \"radgivare\";\r\n\t\tif (session.context && session.context.partner && session.context.partner.role) {\r\n\t\t\tpartnerRole = session.context.partner.role;\r\n\t\t}\r\n\r\n\t\tlet accountOptions;\r\n\t\tif (session.isCompany) {\r\n\t\t\taccountOptions = (\r\n\t\t\t\tDiskretionär förvaltning
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tVälj diskretionär portfölj (allokeringsprofil)\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{insuranceAccountText}
\r\n\t\t\t\t\t)}\r\n\t\t\t\t{insuranceAccountText}
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t{(fields.radio_account_type_open.options[0].checked ||\r\n\t\t\t\t\t\t\tfields.radio_account_type_open.options[1].checked ||\r\n\t\t\t\t\t\t\tfields.radio_account_type_open.options[2].checked) && (\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t{partnerRole === \"disk\" && !fields.radio_account_type_open.options[0].checked && (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t{fields.radio_account_type_open.options[2].checked && (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\r\n\t\t\t\tVal av konto
\r\n\t\t\t\t\t\t{accountOptions}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.adminCostString} \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t{(fields.radio_account_type_open.options[1].checked ||\r\n\t\t\t\t\t\t\tfields.radio_account_type_open.options[2].checked) && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.netDescriptionString} \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t{(fields.radio_account_type_open.options[0].checked ||\r\n\t\t\t\t\t\t\tfields.radio_account_type_open.options[1].checked ||\r\n\t\t\t\t\t\t\tfields.radio_account_type_open.options[2].checked) && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t
\r\n\t\t\tFullmakt
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{fields.radio_reseller_poa.options[0].checked ? (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{fields.radio_reseller_poa.options[2].checked ? (\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tHärmed lämnar jag/vi nedan angivna ombud fullmakt att för min/vår räkning\r\n\t\t\t\t\t\t\t\t\terhålla uppgift om min/vår kontoställning, mitt/vårt depåinnehav och mina\r\n\t\t\t\t\t\t\t\t\thos Nord Fondkommission, inklusive tidigare enomförda affärer. Fullmakten\r\n\t\t\t\t\t\t\t\t\tgäller samtliga mina/våra nuvarande och blivande depåer/konton hos Nord\r\n\t\t\t\t\t\t\t\t\tFondkommission. Om två eller fler personer angivits som ombud gäller\r\n\t\t\t\t\t\t\t\t\tfullmakten för dem var för sig. Om fullmaktsgivaren och/eller ombud är\r\n\t\t\t\t\t\t\t\t\tjuridisk person ska handlingar som utvisar vem som tecknar firman bifogas\r\n\t\t\t\t\t\t\t\t\t(max 6 månader gamla). Ombud får inte sätta annan i sitt ställe. Om firma\r\n\t\t\t\t\t\t\t\t\tangivits som ombud åligger det ombudet att tillse att Nord Fondkommission\r\n\t\t\t\t\t\t\t\t\tskriftligen hålls uppdaterad avseende förteckningen över befintliga\r\n\t\t\t\t\t\t\t\t\tfirmatecknare.\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t) : \"\"}\r\n\r\n\t\t\t\t\t\t\t{fields.radio_reseller_poa.options[1].checked ? (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tHärmed lämnar jag/vi angivna ombudet fullmakt att för min/vår räkning erhålla\r\n\t\t\t\t\t\t\t\t\tuppgift om min/vår kontoställning, mitt/vårt depåinnehav, och mina hos Nord\r\n\t\t\t\t\t\t\t\t\tFondkommission, inklusive tidigare, genomförda affärer samt, på kundens uppdrag,\r\n\t\t\t\t\t\t\t\t\tgenomföra flytt av likvider mellan mina depåer hos Nord Fondkommission. Fullmakten\r\n\t\t\t\t\t\t\t\t\tgäller samtliga mina/våra nuvarande och blivande depåer/konton hos Nord\r\n\t\t\t\t\t\t\t\t\tFondkommission. Om två eller fler personer angivits som ombud gäller fullmakten för\r\n\t\t\t\t\t\t\t\t\tdem var för sig. Om fullmaktsgivaren och/eller ombud är juridisk person ska\r\n\t\t\t\t\t\t\t\t\thandlingar som utvisar vem som tecknar firman bifogas (max 6 månader gamla). Ombud\r\n\t\t\t\t\t\t\t\t\tfår inte sätta annan i sitt ställe. Om firma angivits som ombud åligger det ombudet\r\n\t\t\t\t\t\t\t\t\tatt tillse att Nord Fondkommission skriftligen hålls uppdaterad avseende\r\n\t\t\t\t\t\t\t\t\tförteckningen över befintliga firmatecknare.\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t) : \"\"}\r\n\r\n\t\t\t\t\t\t\t{fields.radio_reseller_poa.options.length > 2 && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tHärmed lämnar jag/vi angivna ombudet fullmakt att för min/vår räkning erhålla\r\n\t\t\t\t\t\t\t\t\t\t\tuppgift om min/vår kontoställning, mitt/vårt depåinnehav och mina hos Nord\r\n\t\t\t\t\t\t\t\t\t\t\tFondkommission, inklusive tidigare, genomförda affärer. Förvärva, avyttra och\r\n\t\t\t\t\t\t\t\t\t\t\tförfoga över värdepapper och andra rättigheter. Om två eller fler personer angivits\r\n\t\t\t\t\t\t\t\t\t\t\tsom ombud gäller fullmakten för dem var för sig. Om fullmaktsgivaren och/eller ombud\r\n\t\t\t\t\t\t\t\t\t\t\tär juridisk person ska handlingar som utvisar vem som tecknar firman bifogas (max 6\r\n\t\t\t\t\t\t\t\t\t\t\tmånader gamla). Ombud får inte sätta annan i sitt ställe. Om firma angivits som\r\n\t\t\t\t\t\t\t\t\t\t\tombud åligger det ombudet att tillse att Nord Fondkommission skriftligen hålls\r\n\t\t\t\t\t\t\t\t\t\t\tuppdaterad avseende förteckningen över befintliga firmatecknare.\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t) : \"\"}\r\n\r\n\t\t\t\t\t\t\t\t\t{fields.radio_reseller_poa.options[3].checked ? (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tHärmed lämnar jag/vi angivna ombudet fullmakt att för min/vår räkning erhålla\r\n\t\t\t\t\t\t\t\t\t\t\tuppgift om min/vår kontoställning, mitt/vårt depåinnehav och mina hos Nord\r\n\t\t\t\t\t\t\t\t\t\t\tFondkommission, inklusive tidigare, genomförda affärer. Förvärva, avyttra och\r\n\t\t\t\t\t\t\t\t\t\t\tförfoga över värdepapper i syfte att placera eller omplacera tillgångar i depån. Likvida\r\n\t\t\t\t\t\t\t\t\t\t\tmedel får disponeras i syfte att genomföra placeringar eller att göra utbetalningar\r\n\t\t\t\t\t\t\t\t\t\t\tenligt depåhavarens instruktioner till föranmält konto som tillhör depåhållaren. Om\r\n\t\t\t\t\t\t\t\t\t\t\ttvå eller fler personer angivits som ombud gäller fullmakten för dem var för sig. Om\r\n\t\t\t\t\t\t\t\t\t\t\tfullmaktsgivaren och/eller ombud är juridisk person ska handlingar som utvisar vem\r\n\t\t\t\t\t\t\t\t\t\t\tsom tecknar firman bifogas (max 6 månader gamla). Ombud får inte sätta annan i sitt\r\n\t\t\t\t\t\t\t\t\t\t\tställe. Om firma angivits som ombud åligger det ombudet att tillse att Nord\r\n\t\t\t\t\t\t\t\t\t\t\tFondkommission skriftligen hålls uppdaterad avseende förteckningen över befintliga\r\n\t\t\t\t\t\t\t\t\t\t\tfirmatecknare. Det åligger den diskretionära förvaltaren att ett ingånget\r\n\t\t\t\t\t\t\t\t\t\t\tdiskretionärt avtal finns med kunden och att den diskretionära förvaltaren\r\n\t\t\t\t\t\t\t\t\t\t\tefterlever gällande lagar, föreskrifter och de villkor som överenskommit. Uppsägning\r\n\t\t\t\t\t\t\t\t\t\t\tav diskretionärt avtal ska göras hos ombudet och Nord Fondkommission. Uppsägning av denna fullmakt görs hos Nord Fondkommission. Om det\r\n\t\t\t\t\t\t\t\t\t\t\tDiskretionära avtalet sägs upp, sägs denna fullmakt upp samtidigt.\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t) : \"\"}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t{!!fields.customer_autogiro.options[0].checked && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t)}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onSelectBankChange = (option) => {\r\n\t\tthis.props.onFieldChange.call(this, \"customer_account_bank\", option.value);\r\n\t};\r\n\r\n\t_onClearingFieldChange = (name, value) => {\r\n\t\t// Remove all non-numbers\r\n\t\tvalue = value.replace(/[^0-9]+/g, \"\");\r\n\r\n\t\t// Limit clearing numbers to 4 numbers, we'll show a message that says to enter only first four for the\r\n\t\t// banks with longer numbers\r\n\t\tif (value.length >= 4) {\r\n\t\t\tvalue = value.substring(0, 4);\r\n\t\t}\r\n\r\n\t\tlet valid = (this.props.fields.customer_account_bank === '-') ?\r\n\t\t\ttrue :\r\n\t\t\tValidator.validateClearingNumber(value, this.props.fields.customer_account_bank, this.props.availableBanks);\r\n\r\n\t\tthis.props.onFieldChange.call(this, name, value, valid);\r\n\t};\r\n\r\n\t_onAccountFieldChange = (name, value) => {\r\n\t\t// Remove dashes\r\n\t\tvalue = value.replace(\"-\", \"\");\r\n\t\tthis.props.onFieldChange.call(this, name, value, value.length > 0);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tthis.props.onFieldBlur.call(this, name, true);\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/nordfk-cob/Fields/collections/CollectionAutogiro.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, onOptionsListChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\tAutogiromedgivande / Föranmält konto
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\tUndertecknad (”betalaren”), medger att betalning får göras genom uttag från angivet konto eller\r\n\t\t\t\t\t\tav betalaren senare angivet Konto, på begäran av angiven betalningsmottagare för betalning till\r\n\t\t\t\t\t\tdenne på viss dag (”förfallodagen”) via Autogiro. Betalaren medger att insättning och uttag från\r\n\t\t\t\t\t\tangivet konto eller av betalaren föranmält konto får göras på begäran av betalaren. Betalaren\r\n\t\t\t\t\t\tsamtycker till att behandling av personuppgifter som lämnats i detta medgivande behandlas av\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör, betalningsmottagaren, betalningsmottagarens\r\n\t\t\t\t\t\tbetaltjänstleverantör och Bankgirocentralen BGC AB för administration av tjänsten.\r\n\t\t\t\t\t\tPersonuppgiftsansvariga för denna personuppgiftsbehandling är betalarens betaltjänstleverantör,\r\n\t\t\t\t\t\tbetalningsmottagaren samt betalningsmottagarens betaltjänstleverantör. Betalaren kan när som\r\n\t\t\t\t\t\thelst begära att få tillgång till eller rättelse av personuppgifterna genom att kontakta\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör. Ytterligare information om behandling av personuppgifter i\r\n\t\t\t\t\t\tsamband med betalningar kan finnas i villkoren för kontot och i avtalet med\r\n\t\t\t\t\t\tbetalningsmottagaren. Betalaren kan när som helst återkalla sitt samtycke, vilket medför att\r\n\t\t\t\t\t\ttjänsten i sin helhet avslutas.
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\r\n\t\t\t\t\t\t\t{fields.customer_account_bank === '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{fields.customer_account_bank !== '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{fields.customer_account_bank === 'Swedbank' && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDet förekommer att Swedbank har en femte siffra i clearingnumret. Vänligen ange\r\n\t\t\t\t\t\t\t\tenbart de fyra första innan bindestrecket. Exempel: 8214-9 ska anges som 8214.\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/nordfk-cob/Fields/collections/CollectionProductClass.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport CheckboxWithName from \"@routes/Cob/components/CheckboxWithName/CheckboxWithName\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, onCheckboxChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\tProduktklasser
\r\n\r\n\t\t\t\tProduktklass A
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tIcke komplexa produkter
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tI Produktklass A ingår t.ex. aktier, fonder, räntebärande\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprodukter och obligationer.
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tProduktklass B
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tKomplexa produkter
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/nordfk-cob/Fields/collections/CollectionGDPR.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_reason_business_relationship.index !== -1) {\r\n\t\tif (fields.checkbox_customer_reason_business_relationship.index === 2 && fields.customer_reason_business_relationship_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_purpose.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_purpose.index === 6 && fields.customer_kyc_purpose_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_inv.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_inv.index === 2 && fields.customer_kyc_inv_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_aml_origin.index !== -1) {\r\n\t\tif (fields.checkbox_aml_origin.index === 5 && fields.aml_origin_other_desc.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.customer_autogiro.options[0].checked) {\r\n\t\tif (fields.customer_account_bank_no.length === 0 || fields.customer_account_bank.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\tif (!fields.customer_autogiro.options[1].checked) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (fields.customer_kyc_sek_invested.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.kyc_experience_aktier_investments.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (fields.radio_kyc_knowledge_aktier.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.kyc_experience_fonder_investments.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (fields.radio_kyc_knowledge_fonder.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.kyc_experience_obligationer_investments.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (fields.radio_kyc_knowledge_obligationer.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.kyc_experience_aio_investments.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (fields.radio_kyc_knowledge_aio.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.kyc_experience_sprinter_investments.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (fields.radio_kyc_knowledge_sprinter.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.kyc_experience_kreditcertifikat_investments.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (fields.radio_kyc_knowledge_kreditcertifikat.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.kyc_experience_autocalls_investments.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (fields.radio_kyc_knowledge_autocalls.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.kyc_experience_derivat_investments.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (fields.radio_kyc_knowledge_derivat.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.radio_customer_pep.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (!fields.radio_customer_us_person.options[0].checked) {\r\n\t\treturn false;\r\n\t}\r\n\tif (!fields.checkbox_customer_kyc_gdpr.checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Jag förstår riskerna is required but either option is accepted. Even people who don't understand\r\n\t * the risks completely are welcome to open an account.\r\n\t */\r\n\tif (!(fields.radio_product_class_a.options[0].checked || fields.radio_product_class_a.options[1].checked)) {\r\n\t\treturn false;\r\n\t}\r\n\tif (!(fields.radio_product_class_b.options[0].checked || fields.radio_product_class_b.options[1].checked)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_empl.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_empl.index === 7 && fields.customer_kyc_empl_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_net_income.index === -1) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_deposit.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_deposit.index === 7 && fields.customer_kyc_deposit_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Make sure a type of account (ISK, Depåförsäkring, Depåkonto) is selected\r\n\t */\r\n\tif (fields.has_account_type_selection) {\r\n\t\tlet accountTypeChecked = false;\r\n\t\tfor (let i = 0; i < fields.customer_account_type_person.options.length; i++) {\r\n\t\t\tconst option = fields.customer_account_type_person.options[i];\r\n\t\t\tif (option.checked) {\r\n\t\t\t\taccountTypeChecked = true;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!accountTypeChecked) {\r\n\t\t\tfor (let i = 0; i < fields.customer_account_type_company.options.length; i++) {\r\n\t\t\t\tconst option = fields.customer_account_type_company.options[i];\r\n\t\t\t\tif (option.checked) {\r\n\t\t\t\t\taccountTypeChecked = true;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!accountTypeChecked) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\t/**\r\n\t\t * Make sure an account fee structure has been selected\r\n\t\t */\r\n\t\tlet accountFeeStructureSelected = false;\r\n\t\tfor (let i = 0; i < fields.radio_account_type_open.options.length; i++) {\r\n\t\t\tconst option = fields.radio_account_type_open.options[i];\r\n\t\t\tif (option.checked) {\r\n\t\t\t\taccountFeeStructureSelected = true;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!accountFeeStructureSelected) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\treturn true;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/nordfk-cob/Fields/Fields.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Validator from \"@classes/Validator\";\r\n\r\n\r\nconst collections = [\r\n\trequire(\"./collections/CollectionKyc\").default,\r\n\trequire(\"./collections/CollectionExperience\").default,\r\n\trequire(\"./collections/CollectionProductClass\").default,\r\n\trequire(\"./collections/CollectionPEP\").default,\r\n\trequire(\"./collections/CollectionFATCA\").default,\r\n\trequire(\"./collections/CollectionAccountType\").default,\r\n\trequire(\"./collections/CollectionGDPR\").default\r\n];\r\n\r\nexport default class Fields extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tvalidFields: PropTypes.object.isRequired,\r\n\t\tfields: PropTypes.object.isRequired,\r\n\t\tnumberLocaleFormatter: PropTypes.func.isRequired,\r\n\t\tonFieldChange: PropTypes.func.isRequired,\r\n\t\tonFieldBlur: PropTypes.func.isRequired,\r\n\t\tonSelectChange: PropTypes.func.isRequired,\r\n\t\tonOptionsListChange: PropTypes.func.isRequired,\r\n\t\tonCheckboxChange: PropTypes.func.isRequired\r\n\t};\r\n\r\n\tstatic getFieldNames = _getFieldNames;\r\n\tstatic getHiddenDefaultFields = _getHiddenDefaultFields;\r\n\tstatic setupFieldsState = _setupFieldsState;\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {title, fields, validFields, numberLocaleFormatter, onFieldChange, onFieldBlur, onOptionsListChange, onCheckboxChange, session} = props;\r\n\t\tconst collectionProps = {\r\n\t\t\tfields,\r\n\t\t\tvalidFields,\r\n\t\t\tnumberLocaleFormatter,\r\n\t\t\tonFieldChange,\r\n\t\t\tonFieldBlur,\r\n\t\t\tonSelectChange: this._onSelectChange,\r\n\t\t\tonOptionsListChange,\r\n\t\t\tonCheckboxChange,\r\n\t\t\tsession\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\tPersonuppgiftshantering (GDPR)
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\tUndertecknad medger härmed att Bolaget behandlar personuppgifter som lämnas i samband med\r\n\t\t\t\t\t\tingåendet av detta avtal. Personuppgifterna används av Bolaget för öppnande av depå och i övrigt\r\n\t\t\t\t\t\tvid händelser förenade med vad som framgår av detta avtal.
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t))}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_onSelectChange = (option, index) => {\r\n\t\tconst {onSelectChange} = this.props;\r\n\t\tconst stateFieldKey = (\r\n\t\t\toption.name.indexOf(\"checkbox_customer_reason_business_relationship\") === 0 ? \"checkbox_customer_reason_business_relationship\" :\r\n\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_net_income\") === 0 ? \"checkbox_customer_kyc_net_income\" :\r\n\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_purpose\") === 0 ? \"checkbox_customer_kyc_purpose\" :\r\n\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_deposit\") === 0 ? \"checkbox_customer_kyc_deposit\" :\r\n\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_empl\") === 0 ? \"checkbox_customer_kyc_empl\" :\r\n\t\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_inv\") === 0 ? \"checkbox_customer_kyc_inv\" :\r\n\t\t\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_aml_origin\") === 0 ? \"checkbox_aml_origin\" :\r\n\t\t\t\t\t\t\t\t\t\tnull\r\n\t\t);\r\n\r\n\t\tif (stateFieldKey) {\r\n\t\t\tonSelectChange(stateFieldKey, option, index);\r\n\t\t}\r\n\t};\r\n\r\n\t// Static methods\r\n\tstatic fieldValidator = (name, value) => {\r\n\t\tif (name === \"poa_company_socialsecuritynr\") {\r\n\t\t\treturn Validator.validateSsn(value, false);\r\n\t\t}\r\n\t\telse if (name === \"poa_company_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFieldNames() {\r\n\treturn [\r\n\t\t\"checkbox_account_isk\",\r\n\t\t\"checkbox_account_naked\",\r\n\t\t\"radio_account_type_open\",\r\n\t\t\"radio_reseller_poa\",\r\n\r\n\t\t\"newAccountCheckbox1\",\r\n\t\t\"newAccountCheckbox2\",\r\n\t\t\"newAccountCheckbox3\",\r\n\t\t\"newAccountCheckbox5\",\r\n\t\t\"newAccountSlider1\",\r\n\t\t\"newAccountSlider2\",\r\n\t\t\"newAccountSlider3\",\r\n\t\t\"newAccountSlider4\",\r\n\t\t\"newAccountSlider5\",\r\n\r\n\t\t\"checkbox_customer_reason_business_relationship_saving\",\r\n\t\t\"checkbox_customer_reason_business_relationship_assetmanagement\",\r\n\t\t\"checkbox_customer_reason_business_relationship_other\",\r\n\t\t\"customer_reason_business_relationship_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_purpose_pension\",\r\n\t\t\"checkbox_customer_kyc_purpose_private_consumption\",\r\n\t\t\"checkbox_customer_kyc_purpose_financial_security\",\r\n\t\t\"checkbox_customer_kyc_purpose_relative\",\r\n\t\t\"checkbox_customer_kyc_purpose_beneficiary\",\r\n\t\t\"checkbox_customer_kyc_purpose_saving\",\r\n\t\t\"checkbox_customer_kyc_purpose_other\",\r\n\t\t\"customer_kyc_purpose_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_inv_own_part\",\r\n\t\t\"checkbox_customer_kyc_inv_through_poa\",\r\n\t\t\"checkbox_customer_kyc_inv_other\",\r\n\t\t\"customer_kyc_inv_other\",\r\n\r\n\t\t\"radio_aml_purpose_gains\",\r\n\r\n\t\t\"checkbox_aml_origin_savings\",\r\n\t\t\"checkbox_aml_origin_heritage_gift\",\r\n\t\t\"checkbox_aml_origin_salary\",\r\n\t\t\"checkbox_aml_origin_re_sales\",\r\n\t\t\"checkbox_aml_origin_capital_return\",\r\n\t\t\"checkbox_aml_origin_other\",\r\n\t\t\"aml_origin_other_desc\",\r\n\r\n\t\t\"checkbox_customer_kyc_empl_other_until_further_notice\",\r\n\t\t\"checkbox_customer_kyc_empl_other_temporary_employment\",\r\n\t\t\"checkbox_customer_kyc_empl_unemployed\",\r\n\t\t\"checkbox_customer_kyc_empl_retired\",\r\n\t\t\"checkbox_customer_kyc_empl_student\",\r\n\t\t\"checkbox_customer_kyc_empl_self_employed\",\r\n\t\t\"checkbox_customer_kyc_empl_other\",\r\n\t\t\"customer_kyc_empl_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_net_income_0_15000\",\r\n\t\t\"checkbox_customer_kyc_net_income_15000_30000\",\r\n\t\t\"checkbox_customer_kyc_net_income_30000_50000\",\r\n\t\t\"checkbox_customer_kyc_net_income_50000\",\r\n\r\n\t\t\"checkbox_customer_kyc_deposit_swedish_bank\",\r\n\t\t\"checkbox_customer_kyc_deposit_foreign_bank\",\r\n\t\t\"checkbox_customer_kyc_deposit_swedish_insurance\",\r\n\t\t\"checkbox_customer_kyc_deposit_foreign_insurance\",\r\n\t\t\"checkbox_customer_kyc_deposit_pension\",\r\n\t\t\"checkbox_customer_kyc_deposit_employer\",\r\n\t\t\"checkbox_customer_kyc_deposit_inheritance\",\r\n\t\t\"checkbox_customer_kyc_deposit_other\",\r\n\t\t\"customer_kyc_deposit_other\",\r\n\r\n\t\t\"customer_kyc_sek_invested\",\r\n\r\n\t\t\"kyc_experience_aktier_investments\",\r\n\t\t\"radio_kyc_knowledge_aktier\",\r\n\r\n\t\t\"kyc_experience_fonder_investments\",\r\n\t\t\"radio_kyc_knowledge_fonder\",\r\n\r\n\t\t\"kyc_experience_obligationer_investments\",\r\n\t\t\"radio_kyc_knowledge_obligationer\",\r\n\r\n\t\t\"kyc_experience_aio_investments\",\r\n\t\t\"radio_kyc_knowledge_aio\",\r\n\r\n\t\t\"kyc_experience_sprinter_investments\",\r\n\t\t\"radio_kyc_knowledge_sprinter\",\r\n\r\n\t\t\"kyc_experience_kreditcertifikat_investments\",\r\n\t\t\"radio_kyc_knowledge_kreditcertifikat\",\r\n\r\n\t\t\"kyc_experience_autocalls_investments\",\r\n\t\t\"radio_kyc_knowledge_autocalls\",\r\n\r\n\t\t\"kyc_experience_derivat_investments\",\r\n\t\t\"radio_kyc_knowledge_derivat\",\r\n\r\n\t\t\"radio_customer_pep\",\r\n\t\t\"radio_customer_us_person\",\r\n\r\n\t\t\"radio_product_class_a\"\r\n\t];\r\n}\r\n\r\nfunction _getHiddenDefaultFields() {\r\n\tconsole.log(this.props.partner);\r\n\r\n\treturn [\r\n\t\t// Avgiftsstruktur\r\n\t\t{name: \"account_account_fee\", value: \"\"},\r\n\t\t{name: \"account_advice_fee\", value: \"\"},\r\n\t\t{name: \"account_disk_fee\", value: \"\"},\r\n\t\t{name: \"account_insurance_fee\", value: \"\"},\r\n\t\t{name: \"account_performance_fee\", value: \"\"},\r\n\t\t{name: \"account_performance_hurdle_fee\", value: \"\"},\r\n\t\t{name: \"account_total_fee\", value: \"\"},\r\n\r\n\t\t{name: \"checkbox_customer_kyc_non_proff\", value: \"yes\"},\r\n\t\t{name: \"radio_reseller_poa\", value: \"full\"},\r\n\r\n\t\t// Partner info\r\n\t\t{name: \"partner_firstname\", value: \"\"},\r\n\t\t{name: \"partner_lastname\", value: \"\"},\r\n\t\t{name: \"partner_company\", value: this.props.partner.partnerCustomerName},\r\n\t\t{name: \"partner_customer_number\", value: this.props.partner.partnerCustomerNo}\r\n\t];\r\n}\r\n\r\nfunction _setupFieldsState(parent) {\r\n\r\n\treturn {\r\n\r\n\t\t\"newAccountCheckbox1\": {\r\n\t\t\tchecked: true\r\n\t\t},\r\n\t\t\"newAccountCheckbox2\": {\r\n\t\t\tchecked: true\r\n\t\t},\r\n\t\t\"newAccountCheckbox3\": {\r\n\t\t\tchecked: false\r\n\t\t},\r\n\t\t\"newAccountCheckbox5\": {\r\n\t\t\tchecked: true\r\n\t\t},\r\n\t\t\"newAccountSlider1\": \"\",\r\n\t\t\"newAccountSlider2\": \"\",\r\n\t\t\"newAccountSlider3\": \"\",\r\n\t\t\"newAccountSlider4\": \"\",\r\n\t\t\"newAccountSlider5\": \"\",\r\n\r\n\t\t\"radio_reseller_poa\": {\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Diskretionär fullmakt\", value: \"full\", name: \"full\", checked: true}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"checkbox_customer_kyc_purpose\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Pension\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_pension\"},\r\n\t\t\t\t{label: \"Privat konsumtion\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_private_consumption\"},\r\n\t\t\t\t{label: \"Ekonomisk trygghet\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_financial_security\"},\r\n\t\t\t\t{label: \"Till närstående\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_relative\"},\r\n\t\t\t\t{label: \"Jag är förmånstagare\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_beneficiary\"},\r\n\t\t\t\t{label: \"Sparande/placering\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_saving\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_purpose_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_reason_business_relationship\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Sparande\", value: \"yes\", name: \"checkbox_customer_reason_business_relationship_saving\"},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Kapitalförvaltning\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_reason_business_relationship_assetmanagement\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_reason_business_relationship_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_reason_business_relationship_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_inv\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"För egen del (eller av mig helägt företag)\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_inv_own_part\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"För någon annan genom fullmakt\", value: \"yes\", name: \"checkbox_customer_kyc_inv_through_poa\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_inv_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_inv_other\": \"\",\r\n\r\n\t\t\"radio_aml_purpose_gains\": {\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Ja\", value: \"yes\"},\r\n\t\t\t\t{label: \"Nej\", value: \"no\"}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"checkbox_aml_origin\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Sparande\", value: \"yes\", name: \"checkbox_aml_origin_savings\"},\r\n\t\t\t\t{label: \"Arv/gåva\", value: \"yes\", name: \"checkbox_aml_origin_heritage_gift\"},\r\n\t\t\t\t{label: \"Lön/pension\", value: \"yes\", name: \"checkbox_aml_origin_salary\"},\r\n\t\t\t\t{label: \"Fastighetsförsäljning\", value: \"yes\", name: \"checkbox_aml_origin_re_sales\"},\r\n\t\t\t\t{label: \"Kapitalavkastning\", value: \"yes\", name: \"checkbox_aml_origin_capital_return\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_aml_origin_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"aml_origin_other_desc\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_empl\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Tillsvidareanställd\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_empl_other_until_further_notice\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Visstidsanställd\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_empl_other_temporary_employment\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Arbetssökande\", value: \"yes\", name: \"checkbox_customer_kyc_empl_unemployed\"},\r\n\t\t\t\t{label: \"Pensionerad\", value: \"yes\", name: \"checkbox_customer_kyc_empl_retired\"},\r\n\t\t\t\t{label: \"Student\", value: \"yes\", name: \"checkbox_customer_kyc_empl_student\"},\r\n\t\t\t\t{label: \"Egen företagare\", value: \"yes\", name: \"checkbox_customer_kyc_empl_self_employed\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_empl_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_empl_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_net_income\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"0—15 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_0_15000\"},\r\n\t\t\t\t{label: \"15—30 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_15000_30000\"},\r\n\t\t\t\t{label: \"30—50 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_30000_50000\"},\r\n\t\t\t\t{label: \"> 50 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_50000\"}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"checkbox_customer_kyc_deposit\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Svensk bank/institut\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_swedish_bank\"},\r\n\t\t\t\t{label: \"Utländsk bank/institut\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_foreign_bank\"},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Svenskt försäkringsbolag\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_swedish_insurance\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Utländskt försäkringsbolag\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_foreign_insurance\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Pension\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_pension\"},\r\n\t\t\t\t{label: \"Från min arbetsgivare\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_employer\"},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Förmånstagare till depå genom arv\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_inheritance\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_deposit_other\": \"\",\r\n\r\n\t\t\"customer_kyc_sek_invested\": \"\",\r\n\r\n\t\t\"kyc_experience_aktier_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_aktier\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_fonder_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_fonder\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_obligationer_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_obligationer\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_aio_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_aio\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_sprinter_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_sprinter\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_kreditcertifikat_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_kreditcertifikat\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_autocalls_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_autocalls\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_derivat_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_derivat\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"radio_customer_pep\": {options: _createCustomerPepOptions()},\r\n\t\t\"radio_customer_us_person\": {options: _createCustomerUsPersonOptions()},\r\n\r\n\t\t\"radio_product_class_a\": {options: _createYesNoOptions()},\r\n\r\n\t\t\"checkbox_customer_kyc_gdpr\": {\r\n\t\t\tchecked: false\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction _createKnowledgeOptions() {\r\n\treturn [\r\n\t\t{label: \"Ingen\", value: \"ingen\", checked: true},\r\n\t\t{label: \"Någon\", value: \"nagon\"},\r\n\t\t{label: \"Omfattande\", value: \"omfattande\"}\r\n\t];\r\n}\r\n\r\nfunction _createCustomerPepOptions() {\r\n\treturn [\r\n\t\t{label: \"Nej\", value: \"no\"},\r\n\t\t{label: \"Ja (fyll i 'Frågeformulär PEP')\", value: \"yes\"}\r\n\t];\r\n}\r\n\r\nfunction _createCustomerUsPersonOptions() {\r\n\treturn [\r\n\t\t{label: \"Nej\", value: \"no\"},\r\n\t\t{label: \"Ja (det är ej möjligt att öppna konto)\", value: \"yes\"}\r\n\t];\r\n}\r\n\r\nfunction _createYesNoOptions() {\r\n\treturn [\r\n\t\t{label: \"Ja\", value: \"yes\"},\r\n\t\t{label: \"Nej\", value: \"no\"}\r\n\t];\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/auagfonder/Fields/Fields.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport EditableField from \"@routes/Cob/components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport NumberField from \"@routes/Cob/components/NumberField/NumberField\";\r\nimport Select from \"@components/Select/Select\";\r\nimport QuestionField from \"@routes/Cob/components/QuestionField/QuestionField\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, validFields, numberLocaleFormatter, onFieldChange, onFieldBlur, onSelectChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t{collections.map((Collection, index) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_reason_business_relationship.index === 2,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_purpose.index === 6,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_inv.index === 2,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_aml_origin.index === 5,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_empl.index === 6,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_deposit.index === 7,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\n// PRIVATE COMPONENTS\r\nfunction NumberFieldWithName(props) {\r\n\treturn Frågor enligt penningtvättslagen
\r\n\r\n\t\t\t\t\r\n\t\t\t\tHur många affärer i Fonder har du genomfört under senaste 3 åren?\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tlabel=\"Ange antal affärer\"\r\n\t\t\t\t\t\t\t\t\tvalue={ fields.kyc_experience_fonder_investments || \"\" }\r\n\t\t\t\t\t\t\t\t\tunit={ fields.kyc_experience_fonder_investments ? \" st\" : undefined }\r\n\t\t\t\t\t\t\t\t\tdecimals={ 0 }\r\n\t\t\t\t\t\t\t\t\tvalid={ validFields.kyc_experience_fonder_investments }\r\n\t\t\t\t\t\t\t\t\tcustomInputFormatter={ numberLocaleFormatter }\r\n\t\t\t\t\t\t\t\t\tonChange={ onFieldChange }\r\n\t\t\t\t\t\t\t\t\tonBlur={ onFieldBlur }\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\n\r\n// PRIVATE COMPONENTS\r\nfunction NumberFieldWithName(props) {\r\n\treturn Fonder
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/auagfonder/Fields/collections/CollectionProductClass.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, onOptionsListChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\tProduktklasser
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\tFörvaltningsstrategierna/mandaten investerar i fonder, aktier och ETF:er.\r\n\t\t\t\t
\r\n\r\n\t\t\t\tProduktklass A
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tIcke komplexa produkter
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tI Produktklass A ingår t.ex. aktier, fonder, räntebärande\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprodukter och obligationer.
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/auagfonder/Fields/collections/CollectionPEP.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, onOptionsListChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\tPEP - Politiskt exponerad person
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\tPEP – Person i politiskt utsatt ställning – Har, eller har tidigare haft en hög politisk post, en\r\n\t\t\t\t\t\thög statlig befattning eller funktion i ledningen i en internationell organisation, eller en\r\n\t\t\t\t\t\tnära familjemedlem eller medarbetare med ovanstående befattning. För mer information se\r\n\t\t\t\t\t\tblankett: Definition – PEP.
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/auagfonder/Fields/collections/CollectionFATCA.js","// MODULES\r\nimport React from \"react\";\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\tadminCostString = \"En fast administrationsavgift om 19kr/mån tas ut per kvartal per depå, dock max 29kr/mån och kund.\";\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {session} = props;\r\n\r\n\t\t/**\r\n\t\t * There is no account type choice for AuAg.\r\n\t\t * Non-companies always get an ISK - companies always get a standard account.\r\n\t\t */\r\n\t\tconst accountTypeIskChecked = !session.isCompany;\r\n\t\tconst accountTypeNakedChecked = session.isCompany;\r\n\r\n\t\treturn (\r\n\t\t\tFATCA
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\tU.S. person – Person som har ett Amerikanskt medborgarskap eller på annat sätt är skatteskyldig i\r\n\t\t\t\t\t\tUSA. För mer information se blankett: Definition – FATCA
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/auagfonder/Fields/collections/CollectionGDPR.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_reason_business_relationship.index !== -1) {\r\n\t\tif (fields.checkbox_customer_reason_business_relationship.index === 2 && fields.customer_reason_business_relationship_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_purpose.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_purpose.index === 6 && fields.customer_kyc_purpose_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_inv.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_inv.index === 2 && fields.customer_kyc_inv_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_aml_origin.index !== -1) {\r\n\t\tif (fields.checkbox_aml_origin.index === 5 && fields.aml_origin_other_desc.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.customer_kyc_sek_invested.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.kyc_experience_fonder_investments.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (fields.radio_kyc_knowledge_fonder.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.radio_customer_pep.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (!fields.radio_customer_us_person.options[0].checked) {\r\n\t\treturn false;\r\n\t}\r\n\tif (!fields.checkbox_customer_kyc_gdpr.checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Jag förstår riskerna is required but either option is accepted. Even people who don't understand\r\n\t * the risks completely are welcome to open an account.\r\n\t */\r\n\tif (!(fields.radio_product_class_a.options[0].checked || fields.radio_product_class_a.options[1].checked)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_empl.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_empl.index === 7 && fields.customer_kyc_empl_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_net_income.index === -1) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_deposit.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_deposit.index === 7 && fields.customer_kyc_deposit_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/auagfonder/Fields/Fields.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Validator from \"@classes/Validator\";\r\n\r\n\r\nconst collections = [\r\n\trequire(\"./collections/CollectionKyc\").default,\r\n\trequire(\"./collections/CollectionExperience\").default,\r\n\trequire(\"./collections/CollectionProductClass\").default,\r\n\trequire(\"./collections/CollectionPEP\").default,\r\n\trequire(\"./collections/CollectionFATCA\").default,\r\n\trequire(\"./collections/CollectionAccountType\").default,\r\n\trequire(\"./collections/CollectionGDPR\").default\r\n];\r\n\r\nexport default class Fields extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tvalidFields: PropTypes.object.isRequired,\r\n\t\tfields: PropTypes.object.isRequired,\r\n\t\tnumberLocaleFormatter: PropTypes.func.isRequired,\r\n\t\tonFieldChange: PropTypes.func.isRequired,\r\n\t\tonFieldBlur: PropTypes.func.isRequired,\r\n\t\tonSelectChange: PropTypes.func.isRequired,\r\n\t\tonOptionsListChange: PropTypes.func.isRequired,\r\n\t\tonCheckboxChange: PropTypes.func.isRequired\r\n\t};\r\n\r\n\tstatic getFieldNames = _getFieldNames;\r\n\tstatic getHiddenDefaultFields = _getHiddenDefaultFields;\r\n\tstatic setupFieldsState = _setupFieldsState;\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {title, fields, validFields, numberLocaleFormatter, onFieldChange, onFieldBlur, onOptionsListChange, onCheckboxChange, session, app} = props;\r\n\r\n\t\tconst collectionProps = {\r\n\t\t\tfields,\r\n\t\t\tvalidFields,\r\n\t\t\tnumberLocaleFormatter,\r\n\t\t\tonFieldChange,\r\n\t\t\tonFieldBlur,\r\n\t\t\tonSelectChange: this._onSelectChange,\r\n\t\t\tonOptionsListChange,\r\n\t\t\tonCheckboxChange,\r\n\t\t\tsession,\r\n\t\t\tapp\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\tPersonuppgiftshantering (GDPR)
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\tUndertecknad medger härmed att Bolaget behandlar personuppgifter som lämnas i samband med\r\n\t\t\t\t\t\tingåendet av detta avtal. Personuppgifterna används av Bolaget för öppnande av depå och i övrigt\r\n\t\t\t\t\t\tvid händelser förenade med vad som framgår av detta avtal.
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t))}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_onSelectChange = (option, index) => {\r\n\t\tconst {onSelectChange} = this.props;\r\n\t\tconst stateFieldKey = (\r\n\t\t\toption.name.indexOf(\"checkbox_customer_reason_business_relationship\") === 0 ? \"checkbox_customer_reason_business_relationship\" :\r\n\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_net_income\") === 0 ? \"checkbox_customer_kyc_net_income\" :\r\n\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_purpose\") === 0 ? \"checkbox_customer_kyc_purpose\" :\r\n\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_deposit\") === 0 ? \"checkbox_customer_kyc_deposit\" :\r\n\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_empl\") === 0 ? \"checkbox_customer_kyc_empl\" :\r\n\t\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_inv\") === 0 ? \"checkbox_customer_kyc_inv\" :\r\n\t\t\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_aml_origin\") === 0 ? \"checkbox_aml_origin\" :\r\n\t\t\t\t\t\t\t\t\t\tnull\r\n\t\t);\r\n\r\n\t\tif (stateFieldKey) {\r\n\t\t\tonSelectChange(stateFieldKey, option, index);\r\n\t\t}\r\n\t};\r\n\r\n\t// Static methods\r\n\tstatic fieldValidator = (name, value) => {\r\n\t\tif (name === \"poa_company_socialsecuritynr\") {\r\n\t\t\treturn Validator.validateSsn(value, false);\r\n\t\t}\r\n\t\telse if (name === \"poa_company_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFieldNames() {\r\n\treturn [\r\n\t\t\"checkbox_account_isk\",\r\n\t\t\"checkbox_account_naked\",\r\n\t\t\"radio_account_type_open\",\r\n\t\t\"radio_reseller_poa\",\r\n\r\n\t\t\"newAccountCheckbox1\",\r\n\t\t\"newAccountCheckbox2\",\r\n\t\t\"newAccountCheckbox3\",\r\n\t\t\"newAccountSlider1\",\r\n\t\t\"newAccountSlider2\",\r\n\t\t\"newAccountSlider3\",\r\n\t\t\"newAccountSlider4\",\r\n\r\n\t\t\"checkbox_customer_reason_business_relationship_saving\",\r\n\t\t\"checkbox_customer_reason_business_relationship_assetmanagement\",\r\n\t\t\"checkbox_customer_reason_business_relationship_other\",\r\n\t\t\"customer_reason_business_relationship_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_purpose_pension\",\r\n\t\t\"checkbox_customer_kyc_purpose_private_consumption\",\r\n\t\t\"checkbox_customer_kyc_purpose_financial_security\",\r\n\t\t\"checkbox_customer_kyc_purpose_relative\",\r\n\t\t\"checkbox_customer_kyc_purpose_beneficiary\",\r\n\t\t\"checkbox_customer_kyc_purpose_saving\",\r\n\t\t\"checkbox_customer_kyc_purpose_other\",\r\n\t\t\"customer_kyc_purpose_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_inv_own_part\",\r\n\t\t\"checkbox_customer_kyc_inv_through_poa\",\r\n\t\t\"checkbox_customer_kyc_inv_other\",\r\n\t\t\"customer_kyc_inv_other\",\r\n\r\n\t\t\"checkbox_aml_origin_savings\",\r\n\t\t\"checkbox_aml_origin_heritage_gift\",\r\n\t\t\"checkbox_aml_origin_salary\",\r\n\t\t\"checkbox_aml_origin_re_sales\",\r\n\t\t\"checkbox_aml_origin_capital_return\",\r\n\t\t\"checkbox_aml_origin_other\",\r\n\t\t\"aml_origin_other_desc\",\r\n\r\n\t\t\"checkbox_customer_kyc_empl_other_until_further_notice\",\r\n\t\t\"checkbox_customer_kyc_empl_other_temporary_employment\",\r\n\t\t\"checkbox_customer_kyc_empl_unemployed\",\r\n\t\t\"checkbox_customer_kyc_empl_retired\",\r\n\t\t\"checkbox_customer_kyc_empl_student\",\r\n\t\t\"checkbox_customer_kyc_empl_self_employed\",\r\n\t\t\"checkbox_customer_kyc_empl_other\",\r\n\t\t\"customer_kyc_empl_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_net_income_0_15000\",\r\n\t\t\"checkbox_customer_kyc_net_income_15000_30000\",\r\n\t\t\"checkbox_customer_kyc_net_income_30000_50000\",\r\n\t\t\"checkbox_customer_kyc_net_income_50000\",\r\n\r\n\t\t\"checkbox_customer_kyc_deposit_swedish_bank\",\r\n\t\t\"checkbox_customer_kyc_deposit_foreign_bank\",\r\n\t\t\"checkbox_customer_kyc_deposit_swedish_insurance\",\r\n\t\t\"checkbox_customer_kyc_deposit_foreign_insurance\",\r\n\t\t\"checkbox_customer_kyc_deposit_pension\",\r\n\t\t\"checkbox_customer_kyc_deposit_employer\",\r\n\t\t\"checkbox_customer_kyc_deposit_inheritance\",\r\n\t\t\"checkbox_customer_kyc_deposit_other\",\r\n\t\t\"customer_kyc_deposit_other\",\r\n\r\n\t\t\"customer_kyc_sek_invested\",\r\n\r\n\t\t\"kyc_experience_aktier_investments\",\r\n\t\t\"radio_kyc_knowledge_aktier\",\r\n\r\n\t\t\"kyc_experience_fonder_investments\",\r\n\t\t\"radio_kyc_knowledge_fonder\",\r\n\r\n\t\t\"kyc_experience_obligationer_investments\",\r\n\t\t\"radio_kyc_knowledge_obligationer\",\r\n\r\n\t\t\"kyc_experience_aio_investments\",\r\n\t\t\"radio_kyc_knowledge_aio\",\r\n\r\n\t\t\"kyc_experience_sprinter_investments\",\r\n\t\t\"radio_kyc_knowledge_sprinter\",\r\n\r\n\t\t\"kyc_experience_kreditcertifikat_investments\",\r\n\t\t\"radio_kyc_knowledge_kreditcertifikat\",\r\n\r\n\t\t\"kyc_experience_autocalls_investments\",\r\n\t\t\"radio_kyc_knowledge_autocalls\",\r\n\r\n\t\t\"kyc_experience_derivat_investments\",\r\n\t\t\"radio_kyc_knowledge_derivat\",\r\n\r\n\t\t\"radio_customer_pep\",\r\n\t\t\"radio_customer_us_person\",\r\n\r\n\t\t\"radio_product_class_a\",\r\n\t\t\"radio_product_class_b\",\r\n\t\t\"checkbox_delivery_dvp\",\r\n\t\t\"bankorbroker\"\r\n\t];\r\n}\r\n\r\nfunction _getHiddenDefaultFields() {\r\n\treturn [\r\n\t\t// Avgiftsstruktur\r\n\t\t{name: \"account_account_fee\", value: \"\"},\r\n\t\t{name: \"account_advice_fee\", value: \"\"},\r\n\t\t{name: \"account_insurance_fee\", value: \"\"},\r\n\t\t{name: \"account_performance_fee\", value: \"\"},\r\n\t\t{name: \"account_performance_hurdle_fee\", value: \"\"},\r\n\t\t{name: \"account_total_fee\", value: \"\"},\r\n\t\t{name: \"checkbox_delivery_dvp\", value: \"yes\"},\r\n\r\n\t\t{name: \"checkbox_customer_kyc_non_proff\", value: \"yes\"},\r\n\t\t{name: \"radio_reseller_poa\", value: \"view\"},\r\n\r\n\t\t{name: \"partner_firstname\", value: \"\"},\r\n\t\t{name: \"partner_lastname\", value: \"\"},\r\n\t\t{name: \"partner_company\", value: this.props.partner.partnerCustomerName},\r\n\t\t{name: \"partner_customer_number\", value: this.props.partner.partnerCustomerNo},\r\n\t\t{name: \"bankorbroker\", value: \"Nord Fondkommission AB\"}\r\n\t];\r\n}\r\n\r\nfunction _setupFieldsState(parent) {\r\n\r\n\treturn {\r\n\t\t\"newAccountCheckbox1\": {\r\n\t\t\tchecked: true\r\n\t\t},\r\n\t\t\"newAccountCheckbox2\": {\r\n\t\t\tchecked: true\r\n\t\t},\r\n\t\t\"newAccountCheckbox3\": {\r\n\t\t\tchecked: false\r\n\t\t},\r\n\t\t\"newAccountSlider1\": \"\",\r\n\t\t\"newAccountSlider2\": \"\",\r\n\t\t\"newAccountSlider3\": \"\",\r\n\t\t\"newAccountSlider4\": \"\",\r\n\r\n\t\t\"radio_reseller_poa\": {\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Insynsfullmakt\", value: \"radio_reseller_poa\", name: \"view\", checked: true}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"checkbox_customer_kyc_purpose\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Pension\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_pension\"},\r\n\t\t\t\t{label: \"Privat konsumtion\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_private_consumption\"},\r\n\t\t\t\t{label: \"Ekonomisk trygghet\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_financial_security\"},\r\n\t\t\t\t{label: \"Till närstående\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_relative\"},\r\n\t\t\t\t{label: \"Jag är förmånstagare\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_beneficiary\"},\r\n\t\t\t\t{label: \"Sparande/placering\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_saving\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_purpose_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_purpose_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_reason_business_relationship\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Sparande\", value: \"yes\", name: \"checkbox_customer_reason_business_relationship_saving\"},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Kapitalförvaltning\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_reason_business_relationship_assetmanagement\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_reason_business_relationship_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_reason_business_relationship_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_inv\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"För egen del (eller av mig helägt företag)\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_inv_own_part\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"För någon annan genom fullmakt\", value: \"yes\", name: \"checkbox_customer_kyc_inv_through_poa\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_inv_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_inv_other\": \"\",\r\n\r\n\t\t\"checkbox_aml_origin\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Sparande\", value: \"yes\", name: \"checkbox_aml_origin_savings\"},\r\n\t\t\t\t{label: \"Arv/gåva\", value: \"yes\", name: \"checkbox_aml_origin_heritage_gift\"},\r\n\t\t\t\t{label: \"Lön/pension\", value: \"yes\", name: \"checkbox_aml_origin_salary\"},\r\n\t\t\t\t{label: \"Fastighetsförsäljning\", value: \"yes\", name: \"checkbox_aml_origin_re_sales\"},\r\n\t\t\t\t{label: \"Kapitalavkastning\", value: \"yes\", name: \"checkbox_aml_origin_capital_return\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_aml_origin_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"aml_origin_other_desc\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_empl\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Tillsvidareanställd\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_empl_other_until_further_notice\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Visstidsanställd\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_empl_other_temporary_employment\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Arbetssökande\", value: \"yes\", name: \"checkbox_customer_kyc_empl_unemployed\"},\r\n\t\t\t\t{label: \"Pensionerad\", value: \"yes\", name: \"checkbox_customer_kyc_empl_retired\"},\r\n\t\t\t\t{label: \"Student\", value: \"yes\", name: \"checkbox_customer_kyc_empl_student\"},\r\n\t\t\t\t{label: \"Egen företagare\", value: \"yes\", name: \"checkbox_customer_kyc_empl_self_employed\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_empl_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_empl_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_net_income\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"0—15 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_0_15000\"},\r\n\t\t\t\t{label: \"15—30 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_15000_30000\"},\r\n\t\t\t\t{label: \"30—50 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_30000_50000\"},\r\n\t\t\t\t{label: \"> 50 tkr\", value: \"yes\", name: \"checkbox_customer_kyc_net_income_50000\"}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"checkbox_customer_kyc_deposit\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Svensk bank/institut\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_swedish_bank\"},\r\n\t\t\t\t{label: \"Utländsk bank/institut\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_foreign_bank\"},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Svenskt försäkringsbolag\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_swedish_insurance\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Utländskt försäkringsbolag\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_foreign_insurance\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Pension\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_pension\"},\r\n\t\t\t\t{label: \"Från min arbetsgivare\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_employer\"},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Förmånstagare till depå genom arv\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_inheritance\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_deposit_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_deposit_other\": \"\",\r\n\r\n\t\t\"customer_kyc_sek_invested\": \"\",\r\n\r\n\t\t\"kyc_experience_aktier_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_aktier\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_fonder_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_fonder\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_obligationer_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_obligationer\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_aio_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_aio\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_sprinter_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_sprinter\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_kreditcertifikat_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_kreditcertifikat\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_autocalls_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_autocalls\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"kyc_experience_derivat_investments\": \"\",\r\n\t\t\"radio_kyc_knowledge_derivat\": {options: _createKnowledgeOptions()},\r\n\r\n\t\t\"radio_customer_pep\": {options: _createCustomerPepOptions()},\r\n\t\t\"radio_customer_us_person\": {options: _createCustomerUsPersonOptions()},\r\n\r\n\t\t\"radio_product_class_a\": {options: _createYesNoOptions()},\r\n\t\t\"radio_product_class_b\": {options: _createYesNoOptions()},\r\n\r\n\t\t\"checkbox_customer_kyc_gdpr\": {\r\n\t\t\tchecked: false\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction _createKnowledgeOptions() {\r\n\treturn [\r\n\t\t{label: \"Ingen\", value: \"ingen\", checked: true},\r\n\t\t{label: \"Någon\", value: \"nagon\"},\r\n\t\t{label: \"Omfattande\", value: \"omfattande\"}\r\n\t];\r\n}\r\n\r\nfunction _createCustomerPepOptions() {\r\n\treturn [\r\n\t\t{label: \"Nej\", value: \"no\"},\r\n\t\t{label: \"Ja (fyll i 'Frågeformulär PEP')\", value: \"yes\"}\r\n\t];\r\n}\r\n\r\nfunction _createCustomerUsPersonOptions() {\r\n\treturn [\r\n\t\t{label: \"Nej\", value: \"no\"},\r\n\t\t{label: \"Ja (det är ej möjligt att öppna konto)\", value: \"yes\"}\r\n\t];\r\n}\r\n\r\nfunction _createYesNoOptions() {\r\n\treturn [\r\n\t\t{label: \"Ja\", value: \"yes\"},\r\n\t\t{label: \"Nej\", value: \"no\"}\r\n\t];\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/alfakraft/Fields/Fields.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport EditableField from \"@routes/Cob/components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport NumberField from \"@routes/Cob/components/NumberField/NumberField\";\r\nimport Select from \"@components/Select/Select\";\r\nimport QuestionField from \"@routes/Cob/components/QuestionField/QuestionField\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, validFields, numberLocaleFormatter, onFieldChange, onFieldBlur, onSelectChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t{collections.map((Collection, index) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_reason_business_relationship.index === 2,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_purpose.index === 6,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_inv.index === 2,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_aml_origin.index === 5,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_empl.index === 6,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_deposit.index === 7,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\n// PRIVATE COMPONENTS\r\nfunction NumberFieldWithName(props) {\r\n\treturn Frågor enligt penningtvättslagen
\r\n\r\n\t\t\t\t\r\n\t\t\t\tHur många affärer i Fonder har du genomfört under senaste 3 åren?\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tlabel=\"Ange antal affärer\"\r\n\t\t\t\t\t\t\t\t\tvalue={ fields.kyc_experience_fonder_investments || \"\" }\r\n\t\t\t\t\t\t\t\t\tunit={ fields.kyc_experience_fonder_investments ? \" st\" : undefined }\r\n\t\t\t\t\t\t\t\t\tdecimals={ 0 }\r\n\t\t\t\t\t\t\t\t\tvalid={ validFields.kyc_experience_fonder_investments }\r\n\t\t\t\t\t\t\t\t\tcustomInputFormatter={ numberLocaleFormatter }\r\n\t\t\t\t\t\t\t\t\tonChange={ onFieldChange }\r\n\t\t\t\t\t\t\t\t\tonBlur={ onFieldBlur }\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\n\r\n// PRIVATE COMPONENTS\r\nfunction NumberFieldWithName(props) {\r\n\treturn Fonder
\r\n\r\n\t\t\t\tProduktklass A
\r\n\t\t\t\t\t\t\t\t\t\tIcke komplexa produkter
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tI Produktklass A ingår t.ex. aktier, fonder, räntebärande\r\n\t\t\t\t\t\t\t\t\t\t\t\tprodukter och obligationer.\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\tProduktklass B
\r\n\t\t\t\t\t\t\t\t\t\t\tKomplexa produkter
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tI Produktklass B ingår t.ex. AIF-fonder och onoterade obligationer.\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/alfakraft/Fields/collections/CollectionProductClass.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, onOptionsListChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\tProduktklasser
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/alfakraft/Fields/collections/CollectionPEP.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, onOptionsListChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\tPEP - Politiskt exponerad person
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\tPEP – Person i politiskt utsatt ställning – Har, eller har tidigare haft en hög politisk post, en\r\n\t\t\t\t\t\thög statlig befattning eller funktion i ledningen i en internationell organisation, eller en\r\n\t\t\t\t\t\tnära familjemedlem eller medarbetare med ovanstående befattning. För mer information se\r\n\t\t\t\t\t\tblankett: Definition – PEP.
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/alfakraft/Fields/collections/CollectionFATCA.js","// MODULES\r\nimport React from \"react\";\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\tadminCostString = \"En fast administrationsavgift om 19kr/mån tas ut per kvartal per depå, dock max 29kr/mån och kund.\";\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {session} = props;\r\n\r\n\t\t/**\r\n\t\t * There is no account type choice for Alfakraft.\r\n\t\t * Non-companies always get an ISK - companies always get a standard account.\r\n\t\t */\r\n\t\tconst accountTypeIskChecked = !session.isCompany;\r\n\t\tconst accountTypeNakedChecked = session.isCompany;\r\n\r\n\t\treturn (\r\n\t\t\tFATCA
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\tU.S. person – Person som har ett Amerikanskt medborgarskap eller på annat sätt är skatteskyldig i\r\n\t\t\t\t\t\tUSA. För mer information se blankett: Definition – FATCA
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/alfakraft/Fields/collections/CollectionGDPR.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\t\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_reason_business_relationship.index !== -1) {\r\n\t\tif (fields.checkbox_customer_reason_business_relationship.index === 2 && fields.customer_reason_business_relationship_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_purpose.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_purpose.index === 6 && fields.customer_kyc_purpose_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_inv.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_inv.index === 2 && fields.customer_kyc_inv_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_aml_origin.index !== -1) {\r\n\t\tif (fields.checkbox_aml_origin.index === 5 && fields.aml_origin_other_desc.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.customer_kyc_sek_invested.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.kyc_experience_fonder_investments.length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (fields.radio_kyc_knowledge_fonder.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.radio_customer_pep.options.filter(o => o.checked).length === 0) {\r\n\t\treturn false;\r\n\t}\r\n\tif (!fields.radio_customer_us_person.options[0].checked) {\r\n\t\treturn false;\r\n\t}\r\n\tif (!fields.checkbox_customer_kyc_gdpr.checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Jag förstår riskerna is required but either option is accepted. Even people who don't understand\r\n\t * the risks completely are welcome to open an account.\r\n\t */\r\n\tif (!(fields.radio_product_class_a.options[0].checked || fields.radio_product_class_a.options[1].checked)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (props.app.isProductClassBSelected) {\r\n\t\tif (!(fields.radio_product_class_b.options[0].checked || fields.radio_product_class_b.options[1].checked)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_empl.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_empl.index === 7 && fields.customer_kyc_empl_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_net_income.index === -1) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_deposit.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_deposit.index === 7 && fields.customer_kyc_deposit_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/alfakraft/Fields/Fields.fulfillment.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Validator from \"@classes/Validator\";\r\n\r\n\r\nconst collections = [\r\n\trequire(\"./collections/CollectionKyc\").default,\r\n\trequire(\"./collections/CollectionExperience\").default,\r\n\trequire(\"./collections/CollectionAllocationProfile\").default\r\n];\r\n\r\nexport default class Fields extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tvalidFields: PropTypes.object.isRequired,\r\n\t\tfields: PropTypes.object.isRequired,\r\n\t\tnumberLocaleFormatter: PropTypes.func.isRequired,\r\n\t\tonFieldChange: PropTypes.func.isRequired,\r\n\t\tonFieldBlur: PropTypes.func.isRequired,\r\n\t\tonSelectChange: PropTypes.func.isRequired,\r\n\t\tonOptionsListChange: PropTypes.func.isRequired,\r\n\t\tonCheckboxChange: PropTypes.func.isRequired\r\n\t};\r\n\r\n\tstatic getFieldNames = _getFieldNames;\r\n\tstatic getHiddenDefaultFields = _getHiddenDefaultFields;\r\n\tstatic setupFieldsState = _setupFieldsState;\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {title, fields, validFields, numberLocaleFormatter, onFieldChange, onFieldBlur, onOptionsListChange, onCheckboxChange, session, availableBanks} = props;\r\n\t\tconst collectionProps = {\r\n\t\t\tfields,\r\n\t\t\tvalidFields,\r\n\t\t\tnumberLocaleFormatter,\r\n\t\t\tonFieldChange,\r\n\t\t\tonFieldBlur,\r\n\t\t\tonSelectChange: this._onSelectChange,\r\n\t\t\tonOptionsListChange,\r\n\t\t\tonCheckboxChange,\r\n\t\t\tsession\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\tPersonuppgiftshantering (GDPR)
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\tUndertecknad medger härmed att Bolaget behandlar personuppgifter som lämnas i samband med\r\n\t\t\t\t\t\tingåendet av detta avtal. Personuppgifterna används av Bolaget för öppnande av depå och i övrigt\r\n\t\t\t\t\t\tvid händelser förenade med vad som framgår av detta avtal.
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t))}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_onSelectChange = (option, index) => {\r\n\t\tconst {onSelectChange} = this.props;\r\n\t\tconst stateFieldKey = (\r\n\t\t\toption.name.indexOf(\"checkbox_customer_kyc_purpose\") === 0 ? \"checkbox_customer_kyc_purpose\" :\r\n\r\n\t\t\t\toption.name.indexOf(\"radio_kyc_knowledge_isk\") === 0 ? \"radio_kyc_knowledge_isk\" :\r\n\t\t\t\t\toption.name.indexOf(\"radio_kyc_knowledge_aktier\") === 0 ? \"radio_kyc_knowledge_aktier\" :\r\n\t\t\t\t\t\toption.name.indexOf(\"radio_kyc_knowledge_fonder\") === 0 ? \"radio_kyc_knowledge_fonder\" :\r\n\r\n\t\t\t\t\t\t\toption.name.indexOf(\"radio_kyc_transactions_aktier\") === 0 ? \"radio_kyc_transactions_aktier\" :\r\n\t\t\t\t\t\t\t\toption.name.indexOf(\"radio_kyc_transactions_fonder\") === 0 ? \"radio_kyc_transactions_fonder\" :\r\n\t\t\t\t\t\t\t\t\toption.name.indexOf(\"radio_kyc_transactions_isk\") === 0 ? \"radio_kyc_transactions_isk\" :\r\n\r\n\t\t\t\t\t\t\t\t\t\toption.name.indexOf(\"radio_aml_transaction_size_aktier\") === 0 ? \"radio_aml_transaction_size_aktier\" :\r\n\t\t\t\t\t\t\t\t\t\t\toption.name.indexOf(\"radio_aml_transaction_size_fonder\") === 0 ? \"radio_aml_transaction_size_fonder\" :\r\n\t\t\t\t\t\t\t\t\t\t\t\toption.name.indexOf(\"radio_aml_transaction_size_isk\") === 0 ? \"radio_aml_transaction_size_isk\" :\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_deposit\") === 0 ? \"checkbox_customer_kyc_deposit\" :\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\toption.name.indexOf(\"checkbox_customer_kyc_empl\") === 0 ? \"checkbox_customer_kyc_empl\" :\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnull\r\n\t\t);\r\n\r\n\t\tif (stateFieldKey) {\r\n\t\t\tonSelectChange(stateFieldKey, option, index);\r\n\t\t}\r\n\t};\r\n\r\n\t// Static methods\r\n\tstatic fieldValidator = (name, value) => {\r\n\t\tif (name === \"poa_company_socialsecuritynr\") {\r\n\t\t\treturn Validator.validateSsn(value, false);\r\n\t\t}\r\n\t\telse if (name === \"poa_company_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFieldNames() {\r\n\treturn [\r\n\t\t\"customer_account_type_person\",\r\n\r\n\t\t\"newAccountCheckbox1\",\r\n\t\t\"newAccountCheckbox2\",\r\n\t\t\"newAccountCheckbox3\",\r\n\t\t\"newAccountCheckbox5\",\r\n\t\t\"newAccountSlider1\",\r\n\t\t\"newAccountSlider2\",\r\n\t\t\"newAccountSlider3\",\r\n\t\t\"newAccountSlider4\",\r\n\t\t\"newAccountSlider5\",\r\n\r\n\t\t\"checkbox_customer_kyc_purpose_financial_security\",\r\n\t\t\"checkbox_customer_kyc_purpose_relative\",\r\n\t\t\"checkbox_customer_kyc_purpose_pension\",\r\n\t\t\"checkbox_customer_kyc_purpose_private_consumption\",\r\n\r\n\t\t\"account_allocation_profile\",\r\n\r\n\t\t\"checkbox_aml_origin_savings\",\r\n\t\t\"checkbox_aml_origin_heritage_gift\",\r\n\t\t\"checkbox_aml_origin_salary\",\r\n\t\t\"checkbox_aml_origin_re_sales\",\r\n\t\t\"checkbox_aml_origin_biz_sales\",\r\n\t\t\"checkbox_aml_origin_insurance\",\r\n\t\t\"checkbox_aml_origin_capital_return\",\r\n\t\t\"checkbox_aml_origin_trading\",\r\n\t\t\"checkbox_aml_origin_gambling\",\r\n\t\t\"checkbox_aml_origin_other\",\r\n\t\t\"aml_origin_other_desc\",\r\n\r\n\t\t\"checkbox_customer_kyc_empl_other_until_further_notice\",\r\n\t\t\"checkbox_customer_kyc_empl_other_temporary_employment\",\r\n\t\t\"checkbox_customer_kyc_empl_unemployed\",\r\n\t\t\"checkbox_customer_kyc_empl_retired\",\r\n\t\t\"checkbox_customer_kyc_empl_student\",\r\n\t\t\"checkbox_customer_kyc_empl_self_employed\",\r\n\t\t\"checkbox_customer_kyc_empl_other\",\r\n\t\t\"customer_kyc_empl_other\",\r\n\r\n\t\t\"checkbox_customer_kyc_deposit_swedish_bank\",\r\n\t\t\"checkbox_customer_kyc_deposit_foreign_bank\",\r\n\t\t\"checkbox_customer_kyc_deposit_swedish_insurance\",\r\n\t\t\"checkbox_customer_kyc_deposit_foreign_insurance\",\r\n\t\t\"checkbox_customer_kyc_deposit_pension\",\r\n\t\t\"checkbox_customer_kyc_deposit_employer\",\r\n\r\n\t\t\"radio_kyc_knowledge_aktier\",\r\n\t\t\"radio_kyc_knowledge_fonder\",\r\n\t\t\"radio_kyc_knowledge_isk\",\r\n\r\n\t\t\"radio_kyc_transactions_aktier\",\r\n\t\t\"radio_kyc_transactions_fonder\",\r\n\t\t\"radio_kyc_transactions_isk\",\r\n\r\n\t\t\"radio_aml_transaction_size_aktier\",\r\n\t\t\"radio_aml_transaction_size_fonder\",\r\n\t\t\"radio_aml_transaction_size_isk\",\r\n\t];\r\n}\r\n\r\nfunction _getHiddenDefaultFields() {\r\n\treturn [\r\n\t\t// Avgiftsstruktur\r\n\t\t{name: \"account_account_fee\", value: \"\"},\r\n\t\t{name: \"account_advice_fee\", value: \"\"},\r\n\t\t{name: \"account_disk_fee\", value: \"\"},\r\n\t\t{name: \"account_insurance_fee\", value: \"\"},\r\n\t\t{name: \"account_performance_fee\", value: \"\"},\r\n\t\t{name: \"account_performance_hurdle_fee\", value: \"\"},\r\n\t\t{name: \"account_total_fee\", value: \"\"},\r\n\r\n\t\t{name: \"checkbox_customer_kyc_non_proff\", value: \"yes\"}\r\n\t];\r\n}\r\n\r\nfunction _setupFieldsState(parent) {\r\n\tlet values = {\r\n\t\t\"newAccountCheckbox1\": {\r\n\t\t\tchecked: true\r\n\t\t},\r\n\t\t\"newAccountCheckbox2\": {\r\n\t\t\tchecked: true\r\n\t\t},\r\n\t\t\"newAccountCheckbox3\": {\r\n\t\t\tchecked: false\r\n\t\t},\r\n\t\t\"newAccountCheckbox5\": {\r\n\t\t\tchecked: true\r\n\t\t},\r\n\t\t\"newAccountSlider1\": \"\",\r\n\t\t\"newAccountSlider2\": \"\",\r\n\t\t\"newAccountSlider3\": \"\",\r\n\t\t\"newAccountSlider4\": \"\",\r\n\t\t\"newAccountSlider5\": \"\",\r\n\r\n\t\t\"account_allocation_profile\": \"\",\r\n\r\n\t\t\"customer_account_type_person\": {\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"ISK\", value: \"yes\", name: \"checkbox_account_isk\"},\r\n\t\t\t\t{label: \"Depåkonto\", value: \"yes\", name: \"checkbox_account_naked\"}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"has_account_type_selection\": true,\r\n\r\n\t\t\"radio_account_type_open\": {\r\n\t\t\toptions: [\r\n\t\t\t\t{label: \"Brutto\", value: \"Brutto\", name: \"radio_account_type_open\"},\r\n\t\t\t\t{label: \"Netto\", value: \"Net\", name: \"radio_account_type_open\"},\r\n\t\t\t\t{label: \"Netto resultatbaserad\", value: \"NetPerf\", name: \"radio_account_type_open\"}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"checkbox_customer_kyc_purpose\": {\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Ekonomisk trygghet\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_aml_purpose_econ_sec\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Gåva till närstående\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_aml_purpose_gift\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Pension\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_aml_purpose_pension\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Privat konsumtion\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_aml_purpose_consump\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\taml_origin_options: {\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"checkbox_aml_origin_interest\",\r\n\t\t\t\t\tlabel: \"Ränta/utdelningar från tidigare sparande\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"checkbox_aml_origin_salary_pension\",\r\n\t\t\t\t\tlabel: \"Lön/pension\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"checkbox_aml_origin_savings_herit_gift\",\r\n\t\t\t\t\tlabel: \"Arv/gåva\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"checkbox_advice_origin_security_prof\",\r\n\t\t\t\t\tlabel: \"Vinst från värdepappershandel\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"checkbox_advice_origin_lottery\",\r\n\t\t\t\t\tlabel: \"Lotteri/spel\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"checkbox_aml_origin_re\",\r\n\t\t\t\t\tlabel: \"Bostads-/fastighetsförsäljning\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"checkbox_aml_origin_companyexit\",\r\n\t\t\t\t\tlabel: \"Företagsförsäljning\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"checkbox_aml_origin_insur_payment\",\r\n\t\t\t\t\tlabel: \"Försäkringsutbetalning\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\tradio_aml_deposit_amt: {\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"radio_aml_deposit_amt\",\r\n\t\t\t\t\tlabel: \"0 - 100 000 kr\",\r\n\t\t\t\t\tvalue: \"0-100\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"radio_aml_deposit_amt\",\r\n\t\t\t\t\tlabel: \"100 000 - 250 000 kr\",\r\n\t\t\t\t\tvalue: \"100-250\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"radio_aml_deposit_amt\",\r\n\t\t\t\t\tlabel: \"250 000 - 500 000 kr\",\r\n\t\t\t\t\tvalue: \"250-500\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"radio_aml_deposit_amt\",\r\n\t\t\t\t\tlabel: \"500 000 - 1 mkr\",\r\n\t\t\t\t\tvalue: \"500-1000\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"radio_aml_deposit_amt\",\r\n\t\t\t\t\tlabel: \"Mer än 1 mkr\",\r\n\t\t\t\t\tvalue: \">1mn\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\tradio_aml_deposit: {\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"radio_aml_deposit\",\r\n\t\t\t\t\tlabel: \"Mindre än 1 gång/månad\",\r\n\t\t\t\t\tvalue: \"<1/m\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"radio_aml_deposit\",\r\n\t\t\t\t\tlabel: \"1 - 5 gånger/månad\",\r\n\t\t\t\t\tvalue: \"1-5/m\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"radio_aml_deposit\",\r\n\t\t\t\t\tlabel: \"Mer än 5 gånger/månad\",\r\n\t\t\t\t\tvalue: \">5/m \",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"checkbox_customer_kyc_empl\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Tillsvidareanställd\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_empl_other_until_further_notice\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Visstidsanställd\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_empl_other_temporary_employment\"\r\n\t\t\t\t},\r\n\t\t\t\t{label: \"Arbetssökande\", value: \"yes\", name: \"checkbox_customer_kyc_empl_unemployed\"},\r\n\t\t\t\t{label: \"Pensionerad\", value: \"yes\", name: \"checkbox_customer_kyc_empl_retired\"},\r\n\t\t\t\t{label: \"Student\", value: \"yes\", name: \"checkbox_customer_kyc_empl_student\"},\r\n\t\t\t\t{label: \"Egen företagare\", value: \"yes\", name: \"checkbox_customer_kyc_empl_self_employed\"},\r\n\t\t\t\t{label: \"Annat (beskriv)\", value: \"yes\", name: \"checkbox_customer_kyc_empl_other\"}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"customer_kyc_empl_other\": \"\",\r\n\r\n\t\t\"checkbox_customer_kyc_deposit\": {\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Svensk bank/institut\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_swedish_bank\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Utländsk bank/institut\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_foreign_bank\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Svenskt försäkringsbolag\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_swedish_insurance\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Utländskt försäkringsbolag\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_foreign_insurance\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Pension\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_pension\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Från min arbetsgivare\",\r\n\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\tname: \"checkbox_customer_kyc_deposit_employer\",\r\n\t\t\t\t\tchecked: false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"radio_kyc_knowledge_aktier\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Ingen\",\r\n\t\t\t\t\tvalue: \"ingen\",\r\n\t\t\t\t\tname: \"radio_kyc_knowledge_aktier\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Någon\",\r\n\t\t\t\t\tvalue: \"nagon\",\r\n\t\t\t\t\tname: \"radio_kyc_knowledge_aktier\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Medel\",\r\n\t\t\t\t\tvalue: \"medel\",\r\n\t\t\t\t\tname: \"radio_kyc_knowledge_aktier\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Hög\",\r\n\t\t\t\t\tvalue: \"hog\",\r\n\t\t\t\t\tname: \"radio_kyc_knowledge_aktier\"\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"radio_kyc_knowledge_fonder\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Ingen\",\r\n\t\t\t\t\tvalue: \"ingen\",\r\n\t\t\t\t\tname: \"radio_kyc_knowledge_fonder\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Någon\",\r\n\t\t\t\t\tvalue: \"nagon\",\r\n\t\t\t\t\tname: \"radio_kyc_knowledge_fonder\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Medel\",\r\n\t\t\t\t\tvalue: \"medel\",\r\n\t\t\t\t\tname: \"radio_kyc_knowledge_fonder\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Hög\",\r\n\t\t\t\t\tvalue: \"hog\",\r\n\t\t\t\t\tname: \"radio_kyc_knowledge_fonder\"\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"radio_kyc_knowledge_isk\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Ingen\",\r\n\t\t\t\t\tvalue: \"ingen\",\r\n\t\t\t\t\tname: \"radio_kyc_knowledge_isk\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Någon\",\r\n\t\t\t\t\tvalue: \"nagon\",\r\n\t\t\t\t\tname: \"radio_kyc_knowledge_isk\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Medel\",\r\n\t\t\t\t\tvalue: \"medel\",\r\n\t\t\t\t\tname: \"radio_kyc_knowledge_isk\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Hög\",\r\n\t\t\t\t\tvalue: \"hog\",\r\n\t\t\t\t\tname: \"radio_kyc_knowledge_isk\"\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"radio_kyc_transactions_aktier\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"0-5 st/år\",\r\n\t\t\t\t\tvalue: \"0-5\",\r\n\t\t\t\t\tname: \"radio_kyc_transactions_aktier\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"6-15 st/år\",\r\n\t\t\t\t\tvalue: \"6-15\",\r\n\t\t\t\t\tname: \"radio_kyc_transactions_aktier\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"16-50 st/år\",\r\n\t\t\t\t\tvalue: \"16-50\",\r\n\t\t\t\t\tname: \"radio_kyc_transactions_aktier\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Över 50 st/år\",\r\n\t\t\t\t\tvalue: \">50\",\r\n\t\t\t\t\tname: \"radio_kyc_transactions_aktier\"\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"radio_kyc_transactions_fonder\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"0-5 st/år\",\r\n\t\t\t\t\tvalue: \"0-5\",\r\n\t\t\t\t\tname: \"radio_kyc_transactions_fonder\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"6-15 st/år\",\r\n\t\t\t\t\tvalue: \"6-15\",\r\n\t\t\t\t\tname: \"radio_kyc_transactions_fonder\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"16-50 st/år\",\r\n\t\t\t\t\tvalue: \"16-50\",\r\n\t\t\t\t\tname: \"radio_kyc_transactions_fonder\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Över 50 st/år\",\r\n\t\t\t\t\tvalue: \">50\",\r\n\t\t\t\t\tname: \"radio_kyc_transactions_fonder\"\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"radio_kyc_transactions_isk\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"0-5 st/år\",\r\n\t\t\t\t\tvalue: \"0-5\",\r\n\t\t\t\t\tname: \"radio_kyc_transactions_isk\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"6-15 st/år\",\r\n\t\t\t\t\tvalue: \"6-15\",\r\n\t\t\t\t\tname: \"radio_kyc_transactions_isk\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"16-50 st/år\",\r\n\t\t\t\t\tvalue: \"16-50\",\r\n\t\t\t\t\tname: \"radio_kyc_transactions_isk\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Över 50 st/år\",\r\n\t\t\t\t\tvalue: \">50\",\r\n\t\t\t\t\tname: \"radio_kyc_transactions_isk\"\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"radio_aml_transaction_size_aktier\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"0 - 100'\",\r\n\t\t\t\t\tvalue: \"0-100\",\r\n\t\t\t\t\tname: \"radio_aml_transaction_size_aktier\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"101' - 500'\",\r\n\t\t\t\t\tvalue: \"101-500\",\r\n\t\t\t\t\tname: \"radio_aml_transaction_size_aktier\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"501' - 1 500'\",\r\n\t\t\t\t\tvalue: \"501-1500\",\r\n\t\t\t\t\tname: \"radio_aml_transaction_size_aktier\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Över 1 500'\",\r\n\t\t\t\t\tvalue: \">1500\",\r\n\t\t\t\t\tname: \"radio_aml_transaction_size_aktier\"\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"radio_aml_transaction_size_fonder\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"0 - 100'\",\r\n\t\t\t\t\tvalue: \"0-100\",\r\n\t\t\t\t\tname: \"radio_aml_transaction_size_fonder\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"101' - 500'\",\r\n\t\t\t\t\tvalue: \"101-500\",\r\n\t\t\t\t\tname: \"radio_aml_transaction_size_fonder\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"501' - 1 500'\",\r\n\t\t\t\t\tvalue: \"501-1500\",\r\n\t\t\t\t\tname: \"radio_aml_transaction_size_fonder\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Över 1 500'\",\r\n\t\t\t\t\tvalue: \">1500\",\r\n\t\t\t\t\tname: \"radio_aml_transaction_size_fonder\"\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\t\t\"radio_aml_transaction_size_isk\": {\r\n\t\t\tindex: -1,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"0 - 100'\",\r\n\t\t\t\t\tvalue: \"0-100\",\r\n\t\t\t\t\tname: \"radio_aml_transaction_size_isk\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"101' - 500'\",\r\n\t\t\t\t\tvalue: \"101-500\",\r\n\t\t\t\t\tname: \"radio_aml_transaction_size_isk\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"501' - 1 500'\",\r\n\t\t\t\t\tvalue: \"501-1500\",\r\n\t\t\t\t\tname: \"radio_aml_transaction_size_isk\"\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: \"Över 1 500'\",\r\n\t\t\t\t\tvalue: \">1500\",\r\n\t\t\t\t\tname: \"radio_aml_transaction_size_isk\"\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t},\r\n\r\n\t\t\"checkbox_aml_own_money\": {options: _createYesNoOptions()},\r\n\t};\r\n\r\n\treturn values;\r\n}\r\n\r\nfunction _createYesNoOptions() {\r\n\treturn [\r\n\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t];\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/fair-gds-oppna/Fields/Fields.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport EditableField from \"@routes/Cob/components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport OptionsList from \"@routes/Cob/components/OptionsList/OptionsList\";\r\nimport Select from \"@components/Select/Select\";\r\nimport QuestionField from \"@routes/Cob/components/QuestionField/QuestionField\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, validFields, onFieldChange, onFieldBlur, onSelectChange, onOptionsListChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t{collections.map((Collection, index) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_aml_own_money.options[0].checked,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: fields.checkbox_customer_kyc_empl.index === 6,\r\n\t\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t{fields.checkbox_customer_kyc_empl.index !== -1 && fields.checkbox_customer_kyc_empl.index !== 6 && (\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{fields.checkbox_customer_kyc_empl.index === 6 && (\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/fair-gds-oppna/Fields/collections/CollectionKyc.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport QuestionField from \"@routes/Cob/components/QuestionField/QuestionField\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport Select from \"../../../../../../../../components/Select/Select\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {index, fields, onSelectChange} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\tFrågor rörande lagen om penningtvätt och finansiering av terrorism
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tKontoöppning tyvärr inte möjlig. Som kund hos oss måste du själv äga pengarna du vill placera på kontot.\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/fair-gds-oppna/Fields/collections/CollectionExperience.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport Select from \"../../../../../../../../components/Select/Select\";\r\nimport api from \"../../../../../../../../helpers/api\";\r\n\r\n\r\nexport default class Collection extends React.PureComponent {\r\n\r\n\tasync componentDidMount() {\r\n\t\tconst {session} = this.props;\r\n\r\n\t\tif (session.context && session.context.partner && session.context.partner.role === 'disk') {\r\n\t\t\t/**\r\n\t\t\t * Fetch the list of products that are available for purchase\r\n\t\t\t */\r\n\t\t\ttry {\r\n\t\t\t\tconsole.log(\"Loading allocation profiles...\");\r\n\t\t\t\tconst newStateProps = {};\r\n\t\t\t\tnewStateProps.profiles = await api(\"/case/allocationprofiles\", {\r\n\t\t\t\t\tssn: session.context.partner.ssn,\r\n\t\t\t\t\tauthToken: session.authToken\r\n\t\t\t\t});\r\n\t\t\t\tthis.setState(newStateProps);\r\n\t\t\t}\r\n\t\t\tcatch (e) {\r\n\t\t\t\tconsole.log(e);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {index, session, fields} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire-Collection\", {\r\n\t\t\t\"first\": index === 0,\r\n\t\t});\r\n\r\n\t\tlet partnerRole = \"radgivare\";\r\n\t\tif (session.context && session.context.partner && session.context.partner.role) {\r\n\t\t\tpartnerRole = session.context.partner.role;\r\n\t\t}\r\n\r\n\t\tlet allocationProfileOptions = [];\r\n\t\tlet selectedAllocationIndex = -1;\r\n\t\tif (state != null) {\r\n\t\t\tfor (let i = 0; i < state.profiles.length; i++) {\r\n\t\t\t\tallocationProfileOptions.push({\r\n\t\t\t\t\tlabel: state.profiles[i].name,\r\n\t\t\t\t\tvalue: state.profiles[i].name\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (fields.account_allocation_profile === state.profiles[i].name) {\r\n\t\t\t\t\tselectedAllocationIndex = i;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (partnerRole === \"disk\" && allocationProfileOptions.length > 0) {\r\n\t\t\treturn (\r\n\t\t\t\tErfarenhetsbakgrund
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tFinansiella instrument\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tKunskap och erfarenhet\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tHur ofta gör du affärer?\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tHur stor är genomsnittsaffären i kronor? (Tusental)\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tAktier
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tFonder
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tISK / Depå
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn null;\r\n\t}\r\n\r\n\t_onSelectChange = (option, index) => {\r\n\t\tthis.props.onFieldChange.call(this, \"account_allocation_profile\", option.value);\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/fair-gds-oppna/Fields/collections/CollectionAllocationProfile.js","// CLASSES\r\nimport AppConfig from \"@classes/AppConfig\";\r\n\r\n\r\nexport default function (props, state) {\r\n\tif (AppConfig.get(\"developmentOptions\").ignoreFullfillment === true) {\r\n\t\treturn true;\r\n\t}\r\n\tconst {fields, validFields} = state;\r\n\r\n\tfor (const name in validFields) {\r\n\t\tif (validFields[name] === false) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * At least AML origin option needs to be checked\r\n\t */\r\n\tif (!optionsListValueSelected(fields.aml_origin_options)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * At least one Syfte option needs to be checked\r\n\t */\r\n\tif (!optionsListValueSelected(fields.checkbox_customer_kyc_purpose)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * At least one Size of deposits option needs to be checked\r\n\t */\r\n\tif (!optionsListValueSelected(fields.radio_aml_deposit_amt)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * At least one deposit frequency option needs to be checked\r\n\t */\r\n\tif (!optionsListValueSelected(fields.radio_aml_deposit)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * At least one Source option needs to be checked\r\n\t */\r\n\tif (!optionsListValueSelected(fields.checkbox_customer_kyc_deposit)) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Customer needs to be owner of funds, otherwise no account can be opened\r\n\t */\r\n\tif (!fields.checkbox_aml_own_money.options[1].checked) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tif (fields.checkbox_customer_kyc_empl.index !== -1) {\r\n\t\tif (fields.checkbox_customer_kyc_empl.index === 7 && fields.customer_kyc_empl_other.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\telse {\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Options List values for Erfernhetsbakgrund, all need to be selected\r\n\t */\r\n\tif (fields.radio_kyc_knowledge_aktier.index === -1 ||\r\n\t\tfields.radio_kyc_transactions_aktier.index === -1 ||\r\n\t\tfields.radio_aml_transaction_size_aktier.index === -1 ||\r\n\t\tfields.radio_kyc_knowledge_fonder.index === -1 ||\r\n\t\tfields.radio_kyc_transactions_fonder.index === -1 ||\r\n\t\tfields.radio_aml_transaction_size_fonder.index === -1 ||\r\n\t\tfields.radio_kyc_knowledge_isk.index === -1 ||\r\n\t\tfields.radio_kyc_transactions_isk.index === -1 ||\r\n\t\tfields.radio_aml_transaction_size_isk.index === -1\r\n\t) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn true;\r\n}\r\n\r\n\r\nfunction optionsListValueSelected(optionsList) {\r\n\tconst options = optionsList.options;\r\n\tfor (let i = 0; i < options.length; i++) {\r\n\t\tif (options[i].checked) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t}\r\n\treturn false;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/partners/fair-gds-oppna/Fields/Fields.fulfillment.js","'use strict';\n\nvar asap = require('asap/raw');\n\nfunction noop() {}\n\n// States:\n//\n// 0 - pending\n// 1 - fulfilled with _value\n// 2 - rejected with _value\n// 3 - adopted the state of another promise, _value\n//\n// once the state is no longer pending (0) it is immutable\n\n// All `_` prefixed properties will be reduced to `_{random number}`\n// at build time to obfuscate them and discourage their use.\n// We don't use symbols or Object.defineProperty to fully hide them\n// because the performance isn't good enough.\n\n\n// to avoid using try/catch inside critical functions, we\n// extract them to here.\nvar LAST_ERROR = null;\nvar IS_ERROR = {};\nfunction getThen(obj) {\n try {\n return obj.then;\n } catch (ex) {\n LAST_ERROR = ex;\n return IS_ERROR;\n }\n}\n\nfunction tryCallOne(fn, a) {\n try {\n return fn(a);\n } catch (ex) {\n LAST_ERROR = ex;\n return IS_ERROR;\n }\n}\nfunction tryCallTwo(fn, a, b) {\n try {\n fn(a, b);\n } catch (ex) {\n LAST_ERROR = ex;\n return IS_ERROR;\n }\n}\n\nmodule.exports = Promise;\n\nfunction Promise(fn) {\n if (typeof this !== 'object') {\n throw new TypeError('Promises must be constructed via new');\n }\n if (typeof fn !== 'function') {\n throw new TypeError('Promise constructor\\'s argument is not a function');\n }\n this._U = 0;\n this._V = 0;\n this._W = null;\n this._X = null;\n if (fn === noop) return;\n doResolve(fn, this);\n}\nPromise._Y = null;\nPromise._Z = null;\nPromise._0 = noop;\n\nPromise.prototype.then = function(onFulfilled, onRejected) {\n if (this.constructor !== Promise) {\n return safeThen(this, onFulfilled, onRejected);\n }\n var res = new Promise(noop);\n handle(this, new Handler(onFulfilled, onRejected, res));\n return res;\n};\n\nfunction safeThen(self, onFulfilled, onRejected) {\n return new self.constructor(function (resolve, reject) {\n var res = new Promise(noop);\n res.then(resolve, reject);\n handle(self, new Handler(onFulfilled, onRejected, res));\n });\n}\nfunction handle(self, deferred) {\n while (self._V === 3) {\n self = self._W;\n }\n if (Promise._Y) {\n Promise._Y(self);\n }\n if (self._V === 0) {\n if (self._U === 0) {\n self._U = 1;\n self._X = deferred;\n return;\n }\n if (self._U === 1) {\n self._U = 2;\n self._X = [self._X, deferred];\n return;\n }\n self._X.push(deferred);\n return;\n }\n handleResolved(self, deferred);\n}\n\nfunction handleResolved(self, deferred) {\n asap(function() {\n var cb = self._V === 1 ? deferred.onFulfilled : deferred.onRejected;\n if (cb === null) {\n if (self._V === 1) {\n resolve(deferred.promise, self._W);\n } else {\n reject(deferred.promise, self._W);\n }\n return;\n }\n var ret = tryCallOne(cb, self._W);\n if (ret === IS_ERROR) {\n reject(deferred.promise, LAST_ERROR);\n } else {\n resolve(deferred.promise, ret);\n }\n });\n}\nfunction resolve(self, newValue) {\n // Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure\n if (newValue === self) {\n return reject(\n self,\n new TypeError('A promise cannot be resolved with itself.')\n );\n }\n if (\n newValue &&\n (typeof newValue === 'object' || typeof newValue === 'function')\n ) {\n var then = getThen(newValue);\n if (then === IS_ERROR) {\n return reject(self, LAST_ERROR);\n }\n if (\n then === self.then &&\n newValue instanceof Promise\n ) {\n self._V = 3;\n self._W = newValue;\n finale(self);\n return;\n } else if (typeof then === 'function') {\n doResolve(then.bind(newValue), self);\n return;\n }\n }\n self._V = 1;\n self._W = newValue;\n finale(self);\n}\n\nfunction reject(self, newValue) {\n self._V = 2;\n self._W = newValue;\n if (Promise._Z) {\n Promise._Z(self, newValue);\n }\n finale(self);\n}\nfunction finale(self) {\n if (self._U === 1) {\n handle(self, self._X);\n self._X = null;\n }\n if (self._U === 2) {\n for (var i = 0; i < self._X.length; i++) {\n handle(self, self._X[i]);\n }\n self._X = null;\n }\n}\n\nfunction Handler(onFulfilled, onRejected, promise){\n this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;\n this.onRejected = typeof onRejected === 'function' ? onRejected : null;\n this.promise = promise;\n}\n\n/**\n * Take a potentially misbehaving resolver function and make sure\n * onFulfilled and onRejected are only called once.\n *\n * Makes no guarantees about asynchrony.\n */\nfunction doResolve(fn, promise) {\n var done = false;\n var res = tryCallTwo(fn, function (value) {\n if (done) return;\n done = true;\n resolve(promise, value);\n }, function (reason) {\n if (done) return;\n done = true;\n reject(promise, reason);\n });\n if (!done && res === IS_ERROR) {\n done = true;\n reject(promise, LAST_ERROR);\n }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/promise/lib/core.js\n// module id = 196\n// module chunks = 0","import Provider, { createProvider } from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport connect from './connect/connect';\nexport { Provider, createProvider, connectAdvanced, connect };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-redux/es/index.js\n// module id = 197\n// module chunks = 0","export default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\n// module id = 198\n// module chunks = 0","import PropTypes from 'prop-types';\nexport var subscriptionShape = PropTypes.shape({\n trySubscribe: PropTypes.func.isRequired,\n tryUnsubscribe: PropTypes.func.isRequired,\n notifyNestedSubs: PropTypes.func.isRequired,\n isSubscribed: PropTypes.func.isRequired\n});\nexport var storeShape = PropTypes.shape({\n subscribe: PropTypes.func.isRequired,\n dispatch: PropTypes.func.isRequired,\n getState: PropTypes.func.isRequired\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/react-redux/es/utils/PropTypes.js\n// module id = 199\n// module chunks = 0","import _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport hoistStatics from 'hoist-non-react-statics';\nimport invariant from 'invariant';\nimport React, { Component, createElement } from 'react';\nimport { isValidElementType } from 'react-is';\nimport Subscription from '../utils/Subscription';\nimport { storeShape, subscriptionShape } from '../utils/PropTypes';\nvar prefixUnsafeLifecycleMethods = typeof React.forwardRef !== \"undefined\";\nvar hotReloadingVersion = 0;\nvar dummyState = {};\n\nfunction noop() {}\n\nfunction makeSelectorStateful(sourceSelector, store) {\n // wrap the selector in an object that tracks its results between runs.\n var selector = {\n run: function runComponentSelector(props) {\n try {\n var nextProps = sourceSelector(store.getState(), props);\n\n if (nextProps !== selector.props || selector.error) {\n selector.shouldComponentUpdate = true;\n selector.props = nextProps;\n selector.error = null;\n }\n } catch (error) {\n selector.shouldComponentUpdate = true;\n selector.error = error;\n }\n }\n };\n return selector;\n}\n\nexport default function connectAdvanced(\n/*\n selectorFactory is a func that is responsible for returning the selector function used to\n compute new props from state, props, and dispatch. For example:\n export default connectAdvanced((dispatch, options) => (state, props) => ({\n thing: state.things[props.thingId],\n saveThing: fields => dispatch(actionCreators.saveThing(props.thingId, fields)),\n }))(YourComponent)\n Access to dispatch is provided to the factory so selectorFactories can bind actionCreators\n outside of their selector as an optimization. Options passed to connectAdvanced are passed to\n the selectorFactory, along with displayName and WrappedComponent, as the second argument.\n Note that selectorFactory is responsible for all caching/memoization of inbound and outbound\n props. Do not use connectAdvanced directly without memoizing results between calls to your\n selector, otherwise the Connect component will re-render on every state or props change.\n*/\nselectorFactory, // options object:\n_ref) {\n var _contextTypes, _childContextTypes;\n\n if (_ref === void 0) {\n _ref = {};\n }\n\n var _ref2 = _ref,\n _ref2$getDisplayName = _ref2.getDisplayName,\n getDisplayName = _ref2$getDisplayName === void 0 ? function (name) {\n return \"ConnectAdvanced(\" + name + \")\";\n } : _ref2$getDisplayName,\n _ref2$methodName = _ref2.methodName,\n methodName = _ref2$methodName === void 0 ? 'connectAdvanced' : _ref2$methodName,\n _ref2$renderCountProp = _ref2.renderCountProp,\n renderCountProp = _ref2$renderCountProp === void 0 ? undefined : _ref2$renderCountProp,\n _ref2$shouldHandleSta = _ref2.shouldHandleStateChanges,\n shouldHandleStateChanges = _ref2$shouldHandleSta === void 0 ? true : _ref2$shouldHandleSta,\n _ref2$storeKey = _ref2.storeKey,\n storeKey = _ref2$storeKey === void 0 ? 'store' : _ref2$storeKey,\n _ref2$withRef = _ref2.withRef,\n withRef = _ref2$withRef === void 0 ? false : _ref2$withRef,\n connectOptions = _objectWithoutPropertiesLoose(_ref2, [\"getDisplayName\", \"methodName\", \"renderCountProp\", \"shouldHandleStateChanges\", \"storeKey\", \"withRef\"]);\n\n var subscriptionKey = storeKey + 'Subscription';\n var version = hotReloadingVersion++;\n var contextTypes = (_contextTypes = {}, _contextTypes[storeKey] = storeShape, _contextTypes[subscriptionKey] = subscriptionShape, _contextTypes);\n var childContextTypes = (_childContextTypes = {}, _childContextTypes[subscriptionKey] = subscriptionShape, _childContextTypes);\n return function wrapWithConnect(WrappedComponent) {\n invariant(isValidElementType(WrappedComponent), \"You must pass a component to the function returned by \" + (methodName + \". Instead received \" + JSON.stringify(WrappedComponent)));\n var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n var displayName = getDisplayName(wrappedComponentName);\n\n var selectorFactoryOptions = _extends({}, connectOptions, {\n getDisplayName: getDisplayName,\n methodName: methodName,\n renderCountProp: renderCountProp,\n shouldHandleStateChanges: shouldHandleStateChanges,\n storeKey: storeKey,\n withRef: withRef,\n displayName: displayName,\n wrappedComponentName: wrappedComponentName,\n WrappedComponent: WrappedComponent // TODO Actually fix our use of componentWillReceiveProps\n\n /* eslint-disable react/no-deprecated */\n\n });\n\n var Connect =\n /*#__PURE__*/\n function (_Component) {\n _inheritsLoose(Connect, _Component);\n\n function Connect(props, context) {\n var _this;\n\n _this = _Component.call(this, props, context) || this;\n _this.version = version;\n _this.state = {};\n _this.renderCount = 0;\n _this.store = props[storeKey] || context[storeKey];\n _this.propsMode = Boolean(props[storeKey]);\n _this.setWrappedInstance = _this.setWrappedInstance.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n invariant(_this.store, \"Could not find \\\"\" + storeKey + \"\\\" in either the context or props of \" + (\"\\\"\" + displayName + \"\\\". Either wrap the root component in a Diskretionär förvaltning
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tVälj diskretionär portfölj (allokeringsprofil)\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) => {\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n\r\n\t_showSwish = () => {\r\n\t\tthis.setState({showSwish: true});\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"checkbox_autogiro_single\",\r\n\t\t\"checkbox_autogiro_monthly\",\r\n\t\t\"customer_autogiro_single_amount\",\r\n\t\t\"customer_autogiro_monthly_amount\",\r\n\t\t\"customer_autogiro_single_amount_other\",\r\n\t\t\"customer_autogiro_monthly_amount_other\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\treturn {\r\n\t\tshowSwish: false,\r\n\t\tfields: {\r\n\t\t\tcustomer_autogiro_single_amount_other: \"\",\r\n\t\t\tcustomer_autogiro_monthly_amount_other: \"\",\r\n\r\n\t\t\tcheckbox_autogiro_single: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_autogiro_monthly: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tcustomer_autogiro_single_amount: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"100 kr\", value: \"100\", checked: false},\r\n\t\t\t\t\t{label: \"500 kr\", value: \"500\", checked: false},\r\n\t\t\t\t\t{label: \"Valfritt\", value: \"other\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tcustomer_autogiro_monthly_amount: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"150 kr\", value: \"150\", checked: false},\r\n\t\t\t\t\t{label: \"200 kr\", value: \"200\", checked: false},\r\n\t\t\t\t\t{label: \"Valfritt\", value: \"other\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t},\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/AmountSelection/AmountSelection.js","module.exports = __webpack_public_path__ + \"static/media/swish-logo.352bb8d0.svg\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/img/swish-logo.svg\n// module id = 236\n// module chunks = 0","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport {v4 as generateGUID} from \"uuid\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../components/DefaultFields/DefaultFields\";\r\nimport ActivityIndicator from \"@components/ActivityIndicator/ActivityIndicator\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./AmountSelection.fulfillment\";\r\nimport Button from \"../../../../components/Button/Button\";\r\nimport CheckboxWithName from \"../../components/CheckboxWithName/CheckboxWithName\";\r\nimport OptionsList from \"../../components/OptionsList/OptionsList\";\r\nimport EditableField from \"../../components/EditableField/EditableField\";\r\nimport NumberField from \"../../components/NumberField/NumberField\";\r\nimport api from \"../../../../helpers/api\";\r\nimport * as CobHelpers from \"../../Cob.helpers\";\r\n\r\nimport swishLogo from \"@assets/img/swish-logo.svg\";\r\n\r\nexport default class AmountSelectionSwishMC extends React.PureComponent {\r\n static propTypes = {\r\n id: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n session: PropTypes.instanceOf(Session).isRequired,\r\n sectionNumber: PropTypes.number.isRequired,\r\n number: PropTypes.number.isRequired,\r\n prevState: PropTypes.object,\r\n onChange: PropTypes.func.isRequired,\r\n toggleVisibleSection: PropTypes.func.isRequired\r\n };\r\n\r\n static companyExclusive = false;\r\n static privateExclusive = false;\r\n static fields = _getFields();\r\n\r\n isMobileOrTablet = _isMobileOrTablet();\r\n frontEndURL =\r\n window.location.protocol +\r\n \"//\" +\r\n window.location.host +\r\n \"/swish-sandbox/index.html\";\r\n accentColors = this.props.partner._data.accentColors;\r\n swishSettings = this.props.partner._data.swish;\r\n apiBaseURL = this.swishSettings.apiBaseURL;\r\n apiKey = this.swishSettings.apiKey;\r\n paymentStatusCheck = null;\r\n payeePaymentReference = generateGUID().slice(0, -4).toUpperCase(); // generate guid and convert to 32 uppercase chars\r\n PAYMENT_STATUS_CHECK_INTERVAL_MS = 5000;\r\n\r\n initialState = {\r\n showSwish: false,\r\n swishFieldsEnabled: !this.swishSettings.requirePersonalInfo,\r\n token: \"\",\r\n identifier: \"\",\r\n qrImageURL: \"\",\r\n swishStatus: \"NOT-LOADED\",\r\n swishPaymentId: null,\r\n fields: {\r\n customer_autogiro_single_amount_other: \"\",\r\n customer_autogiro_monthly_amount_other: \"\",\r\n\r\n checkbox_autogiro_single: {\r\n checked: false\r\n },\r\n\r\n checkbox_autogiro_monthly: {\r\n checked: false\r\n },\r\n\r\n customer_autogiro_single_amount: {\r\n options: [\r\n {label: \"100 kr\", value: \"100\", checked: false},\r\n {label: \"500 kr\", value: \"500\", checked: false},\r\n {label: \"Valfritt\", value: \"other\", checked: false}\r\n ]\r\n },\r\n\r\n customer_autogiro_monthly_amount: {\r\n options: [\r\n {label: \"150 kr\", value: \"150\", checked: false},\r\n {label: \"200 kr\", value: \"200\", checked: false},\r\n {label: \"Valfritt\", value: \"other\", checked: false}\r\n ]\r\n }\r\n },\r\n validFields: {\r\n customer_autogiro_single_amount_other: false,\r\n customer_autogiro_monthly_amount_other: false\r\n },\r\n inputErrors: {\r\n customer_autogiro_single_amount_other: false,\r\n customer_autogiro_monthly_amount_other: false\r\n }\r\n };\r\n\r\n state = _getInitialState.call(this);\r\n\r\n componentWillUnmount() {\r\n window.clearInterval(this.paymentStatusCheck);\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const {props, state} = this;\r\n const {id, onChange} = props;\r\n\r\n if (prevState.fields !== state.fields) {\r\n onChange(id, {...state}, fulfillmentCheck(props, state));\r\n }\r\n\r\n if (\r\n prevProps.app.fulfilledViewsById.CustomerInformation !==\r\n props.app.fulfilledViewsById.CustomerInformation\r\n ) {\r\n if (this.swishSettings.requirePersonalInfo) {\r\n const isPersonalInfoFulfilled =\r\n props.app.fulfilledViewsById.hasOwnProperty(\"CustomerInformation\") &&\r\n props.app.fulfilledViewsById.CustomerInformation === true;\r\n\r\n if (isPersonalInfoFulfilled) {\r\n this.setState({...this.state, swishFieldsEnabled: true});\r\n } else {\r\n this.setState(this.initialState);\r\n this.props.toggleVisibleSection(\"AccountDetails\", false);\r\n }\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const {props, state} = this;\r\n const {title} = props;\r\n\r\n const classes = createClassName(\"Cob-Swish-MC\", {\r\n \"Cob-View\": true,\r\n fulfilled: state.isFulfilled\r\n });\r\n\r\n const checkboxMonthlyText = state.fields.checkbox_autogiro_single.checked\r\n ? \"Jag vill även bli månadsgivare\"\r\n : \"Jag vill bli månadsgivare\";\r\n\r\n let amountMonthly = 0;\r\n if (state.fields.checkbox_autogiro_monthly.checked) {\r\n if (state.fields.customer_autogiro_monthly_amount.options[0].checked) {\r\n amountMonthly =\r\n state.fields.customer_autogiro_monthly_amount.options[0].value;\r\n } else if (\r\n state.fields.customer_autogiro_monthly_amount.options[1].checked\r\n ) {\r\n amountMonthly =\r\n state.fields.customer_autogiro_monthly_amount.options[1].value;\r\n } else if (\r\n state.fields.customer_autogiro_monthly_amount.options[2].checked\r\n ) {\r\n amountMonthly = state.fields.customer_autogiro_monthly_amount_other;\r\n }\r\n }\r\n\r\n let amountSingle = 0;\r\n if (state.fields.checkbox_autogiro_single.checked) {\r\n if (state.fields.customer_autogiro_single_amount.options[0].checked) {\r\n amountSingle =\r\n state.fields.customer_autogiro_single_amount.options[0].value;\r\n } else if (\r\n state.fields.customer_autogiro_single_amount.options[1].checked\r\n ) {\r\n amountSingle =\r\n state.fields.customer_autogiro_single_amount.options[1].value;\r\n } else if (\r\n state.fields.customer_autogiro_single_amount.options[2].checked\r\n ) {\r\n amountSingle = state.fields.customer_autogiro_single_amount_other;\r\n }\r\n }\r\n\r\n return (\r\n \r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{state.fields.checkbox_autogiro_single.checked && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{state.fields.checkbox_autogiro_monthly.checked && (\r\n\t\t\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t{(\r\n\t\t\t\t\t\t\t\tstate.fields.customer_autogiro_single_amount.options[0].checked ||\r\n\t\t\t\t\t\t\t\tstate.fields.customer_autogiro_single_amount.options[1].checked ||\r\n\t\t\t\t\t\t\t\tstate.fields.customer_autogiro_single_amount.options[2].checked\r\n\t\t\t\t\t\t\t) && !state.showSwish && (\r\n\t\t\t\t\t\t\t\tKlicka här för att göra engångsöverföringen direkt med Swish\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{(\r\n\t\t\t\t\t\t\t\tstate.fields.customer_autogiro_single_amount.options[0].checked ||\r\n\t\t\t\t\t\t\t\tstate.fields.customer_autogiro_single_amount.options[1].checked ||\r\n\t\t\t\t\t\t\t\tstate.fields.customer_autogiro_single_amount.options[2].checked\r\n\t\t\t\t\t\t\t) && state.showSwish && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tAnge ett\r\n\t\t\t\t\t\t\t\t\t\t\tbelopp\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t{state.fields.customer_autogiro_single_amount.options[0].checked && (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t![{\"Swisha]({swish100} "{\\"Swisha")
\r\n\t\t\t\t\t\t\t\t\t\t\t\tScanna koden ovan i din Swishapp och skänk 100 kr\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{state.fields.customer_autogiro_single_amount.options[1].checked && (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t![{\"Swisha]({swish500} "{\\"Swisha")
\r\n\t\t\t\t\t\t\t\t\t\t\t\tScanna koden ovan i din Swishapp och skänk 500 kr\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{state.fields.customer_autogiro_single_amount.options[2].checked && (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t![{\"Swisha]({swishChoose} "{\\"Swisha")
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tScanna koden ovan i din Swishapp och fyll i beloppet att skänka\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tAnge ett belopp\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n {this.state.inputErrors\r\n .customer_autogiro_single_amount_other && (\r\n
\r\n {title}
\r\n\r\n\r\n \r\n \r\n Ange ett belopp\r\n \r\n \r\n
\r\n \r\n Please enter the amount you swish to donate.\r\n
\r\n )}\r\n\r\n \r\n {(state.swishStatus === \"LOADED\" ||\r\n state.swishStatus === \"APP-STARTED\") && (\r\n \r\n \r\n It seems that you've cancelled your donation.\r\n \r\n \r\n )}\r\n {state.swishStatus === \"PAID\" && (\r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n\r\n {state.fields.customer_autogiro_single_amount.options[1]\r\n .checked && (\r\n \r\n {state.swishStatus === \"CREATED\" && (\r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n )}\r\n\r\n {state.fields.customer_autogiro_single_amount.options[2]\r\n .checked &&\r\n state.swishStatus === \"CREATED\" && (\r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n
\r\n \r\n )}\r\n \r\n )}\r\n\r\n \r\n \r\n Ursäkta, något gick fel med din betalning\r\n \r\n
\r\n )}\r\n {state.swishStatus === \"DECLINED\" && (\r\n \r\n \r\n Success! Many thanks for your donation :)\r\n \r\n
\r\n )}\r\n {state.swishStatus === \"APP-STARTED\" && (\r\n \r\n \r\n Waiting for payment through your Swish app...\r\n \r\n
\r\n )}\r\n {state.fields.customer_autogiro_single_amount.options[0]\r\n .checked &&\r\n state.swishStatus === \"CREATED\" && (\r\n \r\n
\r\n OR
\r\n\r\n
\r\n OR
\r\n\r\n
\r\n OR
\r\n\r\n \r\n \r\n Ange ett belopp\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/AmountSelectionSwishMC/AmountSelectionSwishMC.js","// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nvar getRandomValues;\nvar rnds8 = new Uint8Array(16);\nexport default function rng() {\n // lazy load so that environments that need to polyfill have a chance to do so\n if (!getRandomValues) {\n // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation. Also,\n // find the complete implementation of crypto (msCrypto) on IE11.\n getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);\n\n if (!getRandomValues) {\n throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n }\n }\n\n return getRandomValues(rnds8);\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/uuid/dist/esm-browser/rng.js\n// module id = 238\n// module chunks = 0","import stringify from './stringify.js';\nimport parse from './parse.js';\n\nfunction stringToBytes(str) {\n str = unescape(encodeURIComponent(str)); // UTF8 escape\n\n var bytes = [];\n\n for (var i = 0; i < str.length; ++i) {\n bytes.push(str.charCodeAt(i));\n }\n\n return bytes;\n}\n\nexport var DNS = '6ba7b810-9dad-11d1-80b4-00c04fd430c8';\nexport var URL = '6ba7b811-9dad-11d1-80b4-00c04fd430c8';\nexport default function (name, version, hashfunc) {\n function generateUUID(value, namespace, buf, offset) {\n if (typeof value === 'string') {\n value = stringToBytes(value);\n }\n\n if (typeof namespace === 'string') {\n namespace = parse(namespace);\n }\n\n if (namespace.length !== 16) {\n throw TypeError('Namespace must be array-like (16 iterable integer values, 0-255)');\n } // Compute hash of namespace and value, Per 4.3\n // Future: Use spread syntax when supported on all platforms, e.g. `bytes =\n // hashfunc([...namespace, ... value])`\n\n\n var bytes = new Uint8Array(16 + value.length);\n bytes.set(namespace);\n bytes.set(value, namespace.length);\n bytes = hashfunc(bytes);\n bytes[6] = bytes[6] & 0x0f | version;\n bytes[8] = bytes[8] & 0x3f | 0x80;\n\n if (buf) {\n offset = offset || 0;\n\n for (var i = 0; i < 16; ++i) {\n buf[offset + i] = bytes[i];\n }\n\n return buf;\n }\n\n return stringify(bytes);\n } // Function#name is not settable on some platforms (#270)\n\n\n try {\n generateUUID.name = name; // eslint-disable-next-line no-empty\n } catch (err) {} // For CommonJS default export support\n\n\n generateUUID.DNS = DNS;\n generateUUID.URL = URL;\n return generateUUID;\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/uuid/dist/esm-browser/v35.js\n// module id = 239\n// module chunks = 0","import validate from './validate.js';\n\nfunction parse(uuid) {\n if (!validate(uuid)) {\n throw TypeError('Invalid UUID');\n }\n\n var v;\n var arr = new Uint8Array(16); // Parse ########-....-....-....-............\n\n arr[0] = (v = parseInt(uuid.slice(0, 8), 16)) >>> 24;\n arr[1] = v >>> 16 & 0xff;\n arr[2] = v >>> 8 & 0xff;\n arr[3] = v & 0xff; // Parse ........-####-....-....-............\n\n arr[4] = (v = parseInt(uuid.slice(9, 13), 16)) >>> 8;\n arr[5] = v & 0xff; // Parse ........-....-####-....-............\n\n arr[6] = (v = parseInt(uuid.slice(14, 18), 16)) >>> 8;\n arr[7] = v & 0xff; // Parse ........-....-....-####-............\n\n arr[8] = (v = parseInt(uuid.slice(19, 23), 16)) >>> 8;\n arr[9] = v & 0xff; // Parse ........-....-....-....-############\n // (Use \"/\" to avoid 32-bit truncation when bit-shifting high-order bytes)\n\n arr[10] = (v = parseInt(uuid.slice(24, 36), 16)) / 0x10000000000 & 0xff;\n arr[11] = v / 0x100000000 & 0xff;\n arr[12] = v >>> 24 & 0xff;\n arr[13] = v >>> 16 & 0xff;\n arr[14] = v >>> 8 & 0xff;\n arr[15] = v & 0xff;\n return arr;\n}\n\nexport default parse;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/uuid/dist/esm-browser/parse.js\n// module id = 240\n// module chunks = 0","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\n// COMPONENTS\nimport ActivityIndicator from \"@components/ActivityIndicator/ActivityIndicator\";\n\n// HELPERS\nimport {createClassName} from \"@helpers/utils\";\n\n\nexport default class FileDrop extends React.PureComponent {\n\tstatic propTypes = {\n\t\tdropText: PropTypes.string,\n\t\tbusyText: PropTypes.string,\n\t\tfiles: PropTypes.array.isRequired,\n\t\taccept: PropTypes.string,\n\t\tdisabled: PropTypes.bool.isRequired,\n\t\tonDrop: PropTypes.func,\n\t};\n\n\tstatic defaultProps = {\n\t\tfiles: [],\n\t\tdisabled: false,\n\t};\n\n\tstate = {\n\t\tbusy: false,\n\t\tdragOver: false,\n\t};\n\n\trender() {\n\t\tconst {props, state} = this;\n\t\tconst {dropText, busyText, files, accept, disabled, onDrop} = props;\n\t\tconst classes = createClassName(props.className, {\n\t\t\t\"FileDrop\": true,\n\t\t\t\"files\": files.length > 0,\n\t\t\t\"disabled\": disabled || !onDrop,\n\t\t\t\"busy\": state.busy,\n\t\t\t\"drag-over\": state.dragOver,\n\t\t});\n\n\t\treturn (\n\t\t\t\n\t\t\t\t this.input = ref}\n\t\t\t\t\ttype=\"file\"\n\t\t\t\t\tclassName=\"FileDrop-input\"\n\t\t\t\t\taccept={accept}\n\t\t\t\t\tdisabled={disabled || !onDrop}\n\t\t\t\t\tonChange={onDrop ? this._onInputChange : undefined}\n\t\t\t\t\tmultiple\n\t\t\t\t/>\n\t\t\t\t
\n\t\t);\n\t}\n\n\t// Internal methods\n\t_onClick = ({target}) => this.input.click();\n\t_onDragLeave = () => this.setState({dragOver: false});\n\n\t_onDragOver = (e) => {\n\t\te.preventDefault();\n\t\tthis.setState({dragOver: true});\n\t};\n\n\t_onDropboxDrop = (e) => {\n\t\te.preventDefault();\n\t\tconst filesList = e.dataTransfer.files;\n\t\t_handleOnChange.call(this, filesList);\n\t};\n\n\t_onInputChange = (e) => {\n\t\tconst filesList = e.target.files;\n\t\t_handleOnChange.call(this, filesList);\n\t}\n}\n\n\n// PRIVATE FUNCTIONS\nfunction _mapFilesList(files) {\n\tconst {accept} = this.props;\n\tconst result = [];\n\n\tconst acceptFileTypes = accept ? accept.split(\",\") : [];\n\n\tfor (let i = 0, n = files.length; i < n; i++) {\n\t\tconst file = files[i];\n\t\tacceptFileTypes.forEach(function (type) {\n\t\t\tif (file.type === type.trim()) {\n\t\t\t\tresult.push(file);\n\t\t\t}\n\t\t});\n\t}\n\n\treturn result;\n}\n\nfunction _readFilesAsync(filesList) {\n\tconst files = _mapFilesList.call(this, filesList);\n\n\treturn new Promise(async (resolve) => {\n\t\tconst filesData = [];\n\n\t\tawait _processArrayAsync(files, (file) => new Promise(res => {\n\t\t\tconst reader = new FileReader();\n\t\t\tconst onReaderLoad = (e) => {\n\t\t\t\treader.removeEventListener(\"load\", onReaderLoad);\n\t\t\t\tfilesData.push(e.target.result);\n\t\t\t\tres();\n\t\t\t};\n\n\t\t\t// Setup load listener\n\t\t\treader.addEventListener(\"load\", onReaderLoad, false);\n\n\t\t\t// // Read the file\n\t\t\treader.readAsDataURL(file);\n\t\t}));\n\n\t\t// Reset input value before resolving\n\t\tthis.input.value = \"\";\n\n\t\tresolve(filesData.map((data, index) => {\n\t\t\tconst file = files[index];\n\t\t\treturn {\n\t\t\t\tname: file.name,\n\t\t\t\ttype: file.type,\n\t\t\t\tsize: file.size,\n\t\t\t\tdata,\n\t\t\t};\n\t\t}));\n\t});\n}\n\nfunction _handleOnChange(filesList) {\n\tconst {onDrop} = this.props;\n\n\tthis.setState({busy: true, dragOver: false}, async () => {\n\t\tconst filesData = await _readFilesAsync.call(this, filesList);\n\n\t\tthis.setState({busy: false}, () => {\n\t\t\tonDrop(filesData);\n\t\t});\n\t});\n}\n\nfunction _processArrayAsync(array, fn) {\n\tconst result = [];\n\treturn array.reduce((p, item) => p.then(() => fn(item).then(data => {\n\t\tresult.push(data);\n\t\treturn result;\n\t})), Promise.resolve());\n}\n\n\n// WEBPACK FOOTER //\n// ./src/components/FileDrop/FileDrop.js","// HELPERS\r\nimport AttachFiles from \"../AttachFiles\";\r\n\r\n/**\r\n * Version of AttachFiles that is visible for companies only\r\n */\r\nexport default class AttachFilesCompany extends AttachFiles {\r\n\tstatic companyExclusive = true;\r\n\tstatic privateExclusive = false;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/AttachFiles/AttachFilesCompany/AttachFilesCompany.js","// MODULES\r\nimport React from \"react\";\r\n\r\nimport FileDrop from \"@components/FileDrop/FileDrop\";\r\n\r\n// HELPERS\r\nimport {createClassName, localeNumber} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./AttachFiles.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport i18n from \"@helpers/i18n\";\r\n\r\n\r\nexport default class AttachFiles extends React.PureComponent {\r\n\r\n\tstatic fields = _getFields();\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tconst {app, partner} = this.props;\r\n\t\tconst fulfilledViewsById = {...app.fulfilledViewsById};\r\n\r\n\t\t/**\r\n\t\t * This view should start out per default as fulfilled. Only if some criteria are met should it be required\r\n\t\t * to attach a file.\r\n\t\t */\r\n\t\tfor (let i = 0; i < partner.sections.length; i++) {\r\n\t\t\tif (partner.sections[i].name === \"AttachFiles\") {\r\n\t\t\t\tfulfilledViewsById[\"AttachFiles\"] = true;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.props.actions.setAppState({fulfilledViewsById});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {state, props} = this;\r\n\t\tconst {app} = props;\r\n\r\n\t\tconst totalDocsSize = state.docs.reduceRight((a, b) => a + Math.round(b.size / 1024), 0);\r\n\t\tconst maxUploadFileSize = 8192; // 8 MB\r\n\r\n\t\tconst classes = createClassName(\"Cob-AttachFiles\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t\t\"size-exceeded\": totalDocsSize > maxUploadFileSize\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{state.busy ? (\n\t\t\t\t\t\t\t
\n\t\t\t\t\tattachment
\n\t\t\t\t\t\t)}\n\t\t\t\t\t{state.busy ? busyText : dropText}
\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\tFöljande dokument måste bifogas:\r\n\t\t\t\t\t\t \r\n\t\t\t\t)}\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onDocDrop = (documents) => {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {session} = props;\r\n\r\n\t\tconst docs = [...state.docs];\r\n\t\tconst docNames = [...state.docNames];\r\n\r\n\t\tfor (let i = 0, n = documents.length; i < n; i++) {\r\n\t\t\tconst doc = documents[i];\r\n\r\n\t\t\t// Prevent duplicates\r\n\t\t\tif (docNames.indexOf(doc.name) !== -1) {\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\r\n\t\t\tdocs.push({\r\n\t\t\t\tname: doc.name,\r\n\t\t\t\tsize: doc.size\r\n\t\t\t});\r\n\r\n\t\t\tdocNames.push(doc.name);\r\n\r\n\t\t\tsession.addDocument({\r\n\t\t\t\tname: doc.name,\r\n\t\t\t\tsize: doc.size,\r\n\t\t\t\tdata: doc.data\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.setState({docs, docNames}, () => {\r\n\t\t\tconst {app} = this.props;\r\n\t\t\tconst isFulfilled = fulfillmentCheck(this.props, this.state);\r\n\t\t\tconst fulfilledViewsById = {...app.fulfilledViewsById};\r\n\t\t\tif (isFulfilled) {\r\n\t\t\t\tfulfilledViewsById[\"AttachFiles\"] = true;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tdelete fulfilledViewsById[\"AttachFiles\"];\r\n\t\t\t}\r\n\r\n\t\t\tconst documentsAttached = docs.length;\r\n\t\t\tif (props.app.documentsRequired.length > 0 && documentsAttached === 0) {\r\n\t\t\t\tdelete fulfilledViewsById[\"AttachFiles\"];\r\n\t\t\t}\r\n\r\n\t\t\tthis.props.actions.setAppState({fulfilledViewsById, attachedDocuments: docs.length});\r\n\t\t});\r\n\t};\r\n\r\n\t_onDocRemove = (index) => {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {session} = props;\r\n\t\tconst docs = [...state.docs].filter((d, i) => i !== index);\r\n\t\tconst docNames = [...state.docNames].filter((d, i) => i !== index);\r\n\r\n\t\tsession.removeDocumentAtIndex(index);\r\n\r\n\t\tthis.setState({docs, docNames}, () => {\r\n\t\t\tconst {app} = this.props;\r\n\t\t\tconst isFulfilled = fulfillmentCheck(this.props, this.state);\r\n\t\t\tconst fulfilledViewsById = {...app.fulfilledViewsById};\r\n\t\t\tif (isFulfilled) {\r\n\t\t\t\tfulfilledViewsById[\"AttachFiles\"] = true;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tdelete fulfilledViewsById[\"AttachFiles\"];\r\n\t\t\t}\r\n\r\n\t\t\tconst documentsAttached = docs.length;\r\n\t\t\tif (props.app.documentsRequired.length > 0 && documentsAttached === 0) {\r\n\t\t\t\tdelete fulfilledViewsById[\"AttachFiles\"];\r\n\t\t\t}\r\n\r\n\t\t\tthis.props.actions.setAppState({fulfilledViewsById, attachedDocuments: docs.length});\r\n\t\t});\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\tisFulfilled: true,\r\n\t\tdocs: [],\r\n\t\tdocNames: [],\r\n\t\tfields: {},\r\n\t\tvalidFields: {}\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE COMPONENTS\r\nclass DocsList extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {props} = this;\r\n\t\tconst {items, totalSize, maxSize, onDocRemove} = props;\r\n\t\tconst classes = createClassName(\"Cob-AttachFiles-DocsList\", {});\r\n\r\n\t\treturn (\r\n\t\t\t{i18n(\"attach_files\", \"header\")}
\r\n\t\t\t\tHär lägger ni de dokument som ska bifogas mötesdokumentationen.
\r\n\r\n\t\t\t\t{app.documentsRequired.length > 0 && (\r\n\t\t\t\t\t- \r\n\t\t\t\t\t\t\t{app.documentsRequired.map(desc => (\r\n\t\t\t\t\t\t\t\t
- - {desc} \r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\tFilnamn måste vara unika.
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t))}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nclass DocsListItem extends React.PureComponent {\r\n\r\n\trender() {\r\n\t\tconst {item, onRemove} = this.props;\r\n\t\tconst size = Math.round(item.size * 100) / 100000;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t{i18n(\"attach_files\", \"number_of_docs\")}:\r\n\t\t\t\t\t\t{items.length}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{i18n(\"attach_files\", \"max_total_size\")}:\r\n\t\t\t\t\t\t{`${localeNumber(totalSize)} KB / ${localeNumber(maxSize)} KB`}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{items.length === 0 ? (\r\n\t\t\t\t\t\t{i18n(\"attach_files\", \"no_documents_hint\")}
\r\n\t\t\t\t\t) : items.map((item, index) => (\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_onRemove = () => {\r\n\t\tconst {index, onRemove} = this.props;\r\n\t\tonRemove(index);\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/AttachFiles/Futur/AttachFiles.js","// MODULES\r\nimport React from \"react\";\r\n\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport FieldsCollection from \"../../../../../components/FieldsCollection/FieldsCollection\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\nimport fulfillmentCheck from \"./Autogiro.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport AbstractAutogiro from \"../AbstractAutogiro\";\r\nimport Select from \"../../../../../components/Select/Select\";\r\nimport Validator from \"../../../../../classes/Validator\";\r\n\r\n\r\nexport default class Autogiro extends AbstractAutogiro {\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {state, props} = this;\r\n\t\tconst {availableBanks} = props;\r\n\t\tconst {fields, validFields} = state;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Autogiro-Alfakraft\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\tconst textClasses = createClassName(\"description\", {\r\n\t\t\t\"contractable\": true,\r\n\t\t\t\"expanded\": state.textFieldExpanded\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * Set up the dropdown with selectable banks.\r\n\t\t */\r\n\t\tlet availableBankOptions = [];\r\n\t\tfor (const bankName in availableBanks) {\r\n\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\t\t\tavailableBankOptions.push({\r\n\t\t\t\tlabel: bankName,\r\n\t\t\t\tvalue: bankName\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tavailableBankOptions.push({\r\n\t\t\tlabel: \"Övriga\",\r\n\t\t\tvalue: \"-\"\r\n\t\t});\r\n\r\n\t\tlet selectedBankIndex = -1;\r\n\r\n\t\tif (state.fields.customer_account_bank && state.fields.customer_account_bank.length > 0) {\r\n\t\t\tlet bankFoundInList = false;\r\n\t\t\tfor (const bankName in availableBanks) {\r\n\t\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t\tif (bankName === state.fields.customer_account_bank) {\r\n\t\t\t\t\tbankFoundInList = true;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (!bankFoundInList && state.fields.customer_account_bank === '-') {\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{item.name}
\r\n\t\t\t\t\t{localeNumber(size)} KB
\r\n\t\t\t\tremove_circle\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t]}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t{!!state.fields.customer_autogiro.options[0].checked && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t)}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onExpandText = () => {\r\n\t\tthis.setState({\r\n\t\t\ttextFieldExpanded: !this.state.textFieldExpanded\r\n\t\t});\r\n\t};\r\n\r\n\t_onClearingFieldChange = (name, value) => {\r\n\t\t// Remove all non-numbers\r\n\t\tvalue = value.replace(/[^0-9]+/g, \"\");\r\n\r\n\t\t// Limit clearing numbers to 4 numbers, we'll show a message that says to enter only first four for the\r\n\t\t// banks with longer numbers\r\n\t\tif (value.length >= 4) {\r\n\t\t\tvalue = value.substring(0, 4);\r\n\t\t}\r\n\r\n\t\tlet valid = (this.state.fields.customer_account_bank === '-') ?\r\n\t\t\ttrue :\r\n\t\t\tValidator.validateClearingNumber(value, this.state.fields.customer_account_bank, this.props.availableBanks);\r\n\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value, valid);\r\n\t};\r\n\r\n\t_onAccountFieldChange = (name, value) => {\r\n\t\t// Remove dashes\r\n\t\tvalue = value.replace(\"-\", \"\");\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\t/**\r\n\t\t * For the single deposit and monthly savings field treat zero as if the value has not been entered\r\n\t\t */\r\n\t\tif ((name === 'customer_autogiro_single_amount' || name === 'customer_autogiro_monthly_amount') && value === \"0\") {\r\n\t\t\tvalue = \"\";\r\n\t\t}\r\n\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tif (name === 'customer_account_bank_clearingno') {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name, null, true);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t\t}\r\n\t};\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === 'customer_account_bank_no') {\r\n\t\t\treturn this._isValidBankAccountNo(false, value, this.state.fields.customer_autogiro_bank_clearingno);\r\n\t\t}\r\n\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\r\n\t_onSelectBankChange = (option) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"customer_account_bank\", option.value);\r\n\t};\r\n\r\n\t_onChangeAutogiroSelect = ({type, name}, option, index) => {\r\n\t\tname = name || option.name;\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\r\n\t\tthis.props.actions.setAppState({\r\n\t\t\tisAutogiroApproved: option.value === 'yes'\r\n\t\t});\r\n\t};\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"customer_account_bank\",\r\n\t\t\"customer_account_bank_custom\",\r\n\t\t\"customer_account_bank_no\",\r\n\t\t\"customer_account_bank_clearingno\",\r\n\t\t\"customer_autogiro\"\r\n\t];\r\n}\r\n\r\nfunction _createProductClassOptions() {\r\n\treturn [\r\n\t\t{label: \"Ja\", value: \"yes\"},\r\n\t\t{label: \"Nej\", value: \"no\"}\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\ttextFieldExpanded: false,\r\n\t\tproducts: [],\r\n\r\n\t\tfields: {\r\n\t\t\t\"customer_account_bank\": \"\",\r\n\t\t\t\"customer_account_bank_custom\": \"\",\r\n\t\t\t\"customer_account_bank_no\": \"\",\r\n\t\t\t\"customer_account_bank_clearingno\": \"\",\r\n\t\t\t\"customer_autogiro\": {options: _createProductClassOptions()},\r\n\t\t},\r\n\t\tvalidFields: {}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/alfakraft/Autogiro.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport fulfillmentCheck from \"./Autogiro.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport AbstractAutogiro from \"../AbstractAutogiro\";\r\nimport Select from \"../../../../../components/Select/Select\";\r\nimport Validator from \"../../../../../classes/Validator\";\r\nimport Checkbox from \"../../../../../components/Checkbox/Checkbox\";\r\n\r\nexport default class Autogiro extends AbstractAutogiro {\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {state, props} = this;\r\n\t\tconst {availableBanks} = props;\r\n\t\tconst {fields, validFields} = state;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Autogiro-Odin\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\tconst textClasses = createClassName(\"description\", {\r\n\t\t\t\"contractable\": true,\r\n\t\t\t\"expanded\": state.textFieldExpanded\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * Set up the dropdown with selectable banks.\r\n\t\t */\r\n\t\tlet availableBankOptions = [];\r\n\t\tfor (const bankName in availableBanks) {\r\n\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\t\t\tavailableBankOptions.push({\r\n\t\t\t\tlabel: bankName,\r\n\t\t\t\tvalue: bankName\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tavailableBankOptions.push({\r\n\t\t\tlabel: \"Övriga\",\r\n\t\t\tvalue: \"-\"\r\n\t\t});\r\n\r\n\t\tlet selectedBankIndex = -1;\r\n\r\n\t\tif (state.fields.customer_autogiro_bank && state.fields.customer_autogiro_bank.length > 0) {\r\n\t\t\tlet bankFoundInList = false;\r\n\t\t\tfor (const bankName in availableBanks) {\r\n\t\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t\tif (bankName === state.fields.customer_autogiro_bank) {\r\n\t\t\t\t\tbankFoundInList = true;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (!bankFoundInList && state.fields.customer_autogiro_bank === '-') {\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\tAutogiro
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\tFör att du ska kunna sätta in och ta ut pengar, samt månadsspara i UCITS-fonder via autogiro måste\r\n\t\t\t\t\tnedanstående autogiromedgivande fyllas i.\r\n\t\t\t\t
\r\n\r\n\t\t\t\tAutogiromedgivande
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\tUndertecknad (”betalaren”), medger att betalning får göras genom uttag från angivet konto eller\r\n\t\t\t\t\t\tav betalaren senare angivet Konto, på begäran av angiven betalningsmottagare för betalning till\r\n\t\t\t\t\t\tdenne på viss dag (”förfallodagen”) via Autogiro. Betalaren medger att insättning och uttag från\r\n\t\t\t\t\t\tangivet konto eller av betalaren föranmält konto får göras på begäran av betalaren. Betalaren\r\n\t\t\t\t\t\tsamtycker till att behandling av personuppgifter som lämnats i detta medgivande behandlas av\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör, betalningsmottagaren, betalningsmottagarens\r\n\t\t\t\t\t\tbetaltjänstleverantör och Bankgirocentralen BGC AB för administration av tjänsten.\r\n\t\t\t\t\t\tPersonuppgiftsansvariga för denna personuppgiftsbehandling är betalarens betaltjänstleverantör,\r\n\t\t\t\t\t\tbetalningsmottagaren samt betalningsmottagarens betaltjänstleverantör. Betalaren kan när som\r\n\t\t\t\t\t\thelst begära att få tillgång till eller rättelse av personuppgifterna genom att kontakta\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör. Ytterligare information om behandling av personuppgifter i\r\n\t\t\t\t\t\tsamband med betalningar kan finnas i villkoren för kontot och i avtalet med\r\n\t\t\t\t\t\tbetalningsmottagaren. Betalaren kan när som helst återkalla sitt samtycke, vilket medför att\r\n\t\t\t\t\t\ttjänsten i sin helhet avslutas.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tExpandera texten
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tMinimera texten\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t{fields.customer_account_bank === '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{fields.customer_account_bank !== '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{fields.customer_account_bank === 'Swedbank' && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDet förekommer att Swedbank har en femte siffra i clearingnumret. Vänligen ange\r\n\t\t\t\t\t\t\t\tenbart de fyra första innan bindestrecket. Exempel: 8214-9 ska anges som 8214.\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tUtelämna eventuella punkter och streck i kontonumret.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{fields.radio_autogiro_source === \"bankgiro\" && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t)}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onSelectBankChange = (option) => {\r\n\r\n\t\tlet shouldValidateAccountNumber = false;\r\n\t\tconst availableBanks = this.props.availableBanks;\r\n\t\tfor (const bankName in availableBanks) {\r\n\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\r\n\t\t\tif (option.value === bankName) {\r\n\t\t\t\tconst bankInfo = availableBanks[bankName];\r\n\t\t\t\tif (bankInfo.length > 0) {\r\n\t\t\t\t\tif (bankInfo[0]['validationEnabled'] === \"1\") {\r\n\t\t\t\t\t\tshouldValidateAccountNumber = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\tcustomer_autogiro_bank: option.value,\r\n\t\t\t\tshouldValidateBankAccount: shouldValidateAccountNumber\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onExpandText = () => {\r\n\t\tthis.setState({\r\n\t\t\ttextFieldExpanded: !this.state.textFieldExpanded\r\n\t\t});\r\n\t};\r\n\r\n\t_onClearingFieldChange = (name, value) => {\r\n\t\t// Remove all non-numbers\r\n\t\tvalue = value.replace(/[^0-9]+/g, \"\");\r\n\r\n\t\t// Limit clearing numbers to 4 numbers, we'll show a message that says to enter only first four for the\r\n\t\t// banks with longer numbers\r\n\t\tif (value.length >= 4) {\r\n\t\t\tvalue = value.substring(0, 4);\r\n\t\t}\r\n\r\n\t\tlet valid = (this.state.fields.customer_autogiro_bank === '-') ?\r\n\t\t\ttrue :\r\n\t\t\tValidator.validateClearingNumber(value, this.state.fields.customer_autogiro_bank, this.props.availableBanks);\r\n\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value, valid);\r\n\t};\r\n\r\n\t_onAccountFieldChange = (name, value) => {\r\n\t\t// Remove dashes\r\n\t\tvalue = value.replace(\"-\", \"\");\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onBankgiroFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tif (name === 'customer_autogiro_bank_clearingno') {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name, null, true);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t\t}\r\n\t};\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === 'customer_autogiro_bankno') {\r\n\t\t\t/**\r\n\t\t\t * For the banks where we know the validation rules, check if the number should be validated.\r\n\t\t\t */\r\n\t\t\tlet shouldValidateAccountNumber = false;\r\n\t\t\tconst availableBanks = this.props.availableBanks;\r\n\t\t\tfor (const bankName in availableBanks) {\r\n\t\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\r\n\t\t\t\tif (this.state.fields.customer_autogiro_bank === bankName) {\r\n\t\t\t\t\tconst bankInfo = availableBanks[bankName];\r\n\t\t\t\t\tif (bankInfo.length > 0) {\r\n\t\t\t\t\t\tif (bankInfo[0]['validationEnabled'] === \"1\") {\r\n\t\t\t\t\t\t\tshouldValidateAccountNumber = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn this._isValidBankAccountNo(shouldValidateAccountNumber, value, this.state.fields.customer_autogiro_bank_clearingno);\r\n\t\t}\r\n\r\n\t\treturn value.length > 0;\r\n\t};\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"customer_autogiro_bank\",\r\n\t\t\"customer_account_bank_custom\",\r\n\t\t\"customer_autogiro_bankno\",\r\n\t\t\"customer_autogiro_bank_clearingno\",\r\n\t\t\"customer_accountno_fair\"\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\ttextFieldExpanded: false,\r\n\t\tfields: {\r\n\t\t\t\"shouldValidateBankAccount\": false,\r\n\t\t\t\"skipBankAccountValidation\": false,\r\n\t\t\t\"customer_autogiro_bank\": \"\",\r\n\t\t\t\"radio_autogiro_recurring\": -1,\r\n\t\t\t\"radio_autogiro_recurring_index\": -1,\r\n\t\t\t\"customer_account_bank_custom\": \"\",\r\n\t\t\t\"customer_autogiro_bankno\": \"\",\r\n\t\t\t\"customer_autogiro_bank_clearingno\": \"\",\r\n\t\t\t\"radio_autogiro_source\": \"konto\",\r\n\t\t\t\"customer_autogiro_custno\": \"\"\r\n\t\t},\r\n\t\tvalidFields: {}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Autogiro/no-amount/Autogiro.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport Checkbox from \"@components/Checkbox/Checkbox\";\r\nimport DefaultFields from \"../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./CustomerInformation.fulfillment\";\r\n\r\n\r\nexport default class CobCustomerInformation extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired,\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, session} = props;\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\tlet ssnShort = state.fields.customer_social_security_number.replaceAll(\"-\", \"\");\r\n\t\tif (ssnShort.length > 10) {\r\n\t\t\tssnShort = ssnShort.substring(2, ssnShort.length);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\tAutogiromedgivande / Föranmält konto
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t{fields.radio_autogiro_source === \"konto\" && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tUndertecknad (”betalaren”), medger att betalning får göras genom uttag från angivet konto eller\r\n\t\t\t\t\t\tav betalaren senare angivet Konto, på begäran av angiven betalningsmottagare för betalning till\r\n\t\t\t\t\t\tdenne på viss dag (”förfallodagen”) via Autogiro. Betalaren medger att insättning och uttag från\r\n\t\t\t\t\t\tangivet konto eller av betalaren föranmält konto får göras på begäran av betalaren. Betalaren\r\n\t\t\t\t\t\tsamtycker till att behandling av personuppgifter som lämnats i detta medgivande behandlas av\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör, betalningsmottagaren, betalningsmottagarens\r\n\t\t\t\t\t\tbetaltjänstleverantör och Bankgirocentralen BGC AB för administration av tjänsten.\r\n\t\t\t\t\t\tPersonuppgiftsansvariga för denna personuppgiftsbehandling är betalarens betaltjänstleverantör,\r\n\t\t\t\t\t\tbetalningsmottagaren samt betalningsmottagarens betaltjänstleverantör. Betalaren kan när som\r\n\t\t\t\t\t\thelst begära att få tillgång till eller rättelse av personuppgifterna genom att kontakta\r\n\t\t\t\t\t\tbetalarens betaltjänstleverantör. Ytterligare information om behandling av personuppgifter i\r\n\t\t\t\t\t\tsamband med betalningar kan finnas i villkoren för kontot och i avtalet med\r\n\t\t\t\t\t\tbetalningsmottagaren. Betalaren kan när som helst återkalla sitt samtycke, vilket medför att\r\n\t\t\t\t\t\ttjänsten i sin helhet avslutas.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tExpandera texten
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tMinimera texten\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t{fields.customer_autogiro_bank === '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{fields.customer_autogiro_bank !== '-' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{fields.customer_autogiro_bank === 'Swedbank' && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDet förekommer att Swedbank har en femte siffra i clearingnumret. Vänligen ange\r\n\t\t\t\t\t\t\t\tenbart de fyra första innan bindestrecket. Exempel: 8214-9 ska anges som 8214.\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t{fields.shouldValidateBankAccount && (\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\t\t\t\tfields: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t...this.state.fields,\r\n\t\t\t\t\t\t\t\t\t\t\t\tskipBankAccountValidation: checked\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === \"customer_social_security_number\") {\r\n\t\t\treturn this.props.session.isCompany ? Validator.validateOrgNum(value, true) : Validator.validateSsn(value, true);\r\n\t\t}\r\n\t\telse if (name === \"customer_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse if (name === \"customer_lei\") {\r\n\t\t\treturn value.length === 20;\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onIsCompanyChange = (checked) => {\r\n\t\tconst {session, onChange} = this.props;\r\n\r\n\t\tsession.isCompany = checked;\r\n\t\tif (this.props.session.isCompany !== checked) this.setState(_getInitialState.call(this), () => {\r\n\t\t\tonChange({...this.state}, false, this.props.number);\r\n\t\t});\r\n\t}\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"customer_firstname\",\r\n\t\t\"customer_lastname\",\r\n\t\t\"customer_social_security_number\",\r\n\t\t\"customer_address_street\",\r\n\t\t\"customer_address_zipcode\",\r\n\t\t\"customer_address_city\",\r\n\t\t\"customer_phonenumber_cell\",\r\n\t\t\"customer_email\",\r\n\t\t\"customer_lei\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\tconst {session} = this.props;\r\n\tconst {isCompany} = session;\r\n\tconst getLookupData = (name) => session.lookupData ? session.lookupData[name] || \"\" : \"\";\r\n\r\n\treturn {\r\n\t\tvalidFields: !session.lookupData ? {} : {\r\n\t\t\t\"customer_firstname\": !!getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n\t\t\t\"customer_social_security_number\": !!getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n\t\t\t\"customer_address_street\": !!getLookupData(\"street\"),\r\n\t\t\t\"customer_address_zipcode\": !!getLookupData(\"zipCode\"),\r\n\t\t\t\"customer_address_city\": !!getLookupData(\"city\"),\r\n\t\t\t...(\r\n\t\t\t\t!isCompany ? {\r\n\t\t\t\t\t\"customer_lastname\": !!getLookupData(\"lastName\")\r\n\t\t\t\t} : undefined\r\n\t\t\t),\r\n\t\t},\r\n\t\tfields: {\r\n\t\t\t\"customer_firstname\": getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n\t\t\t\"customer_lastname\": !isCompany ? getLookupData(\"lastName\") : \"\",\r\n\t\t\t\"customer_social_security_number\": getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n\t\t\t\"customer_address_street\": getLookupData(\"street\"),\r\n\t\t\t\"customer_address_zipcode\": getLookupData(\"zipCode\"),\r\n\t\t\t\"customer_address_city\": getLookupData(\"city\"),\r\n\t\t\t\"customer_phonenumber_cell\": getLookupData(\"phoneNumber\"),\r\n\t\t\t\"customer_email\": \"\",\r\n\t\t\t\"customer_lei\": \"\",\r\n\t\t},\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/CustomerInformation.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport Checkbox from \"@components/Checkbox/Checkbox\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./CustomerInformation.fulfillment\";\r\n\r\n\r\nexport default class CobCustomerInformation extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired,\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, session} = props;\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\tlet ssnShort = state.fields.customer_social_security_number.replaceAll(\"-\", \"\");\r\n\t\tif (ssnShort.length > 10) {\r\n\t\t\tssnShort = ssnShort.substring(2, ssnShort.length);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\tdisplay: !session.isCompany,\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t{!session.lookupData && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n Sök LEI-kod\r\n \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === \"customer_social_security_number\") {\r\n\t\t\treturn this.props.session.isCompany ? Validator.validateOrgNum(value, true) : Validator.validateSsn(value, true);\r\n\t\t}\r\n\t\telse if (name === \"customer_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onIsCompanyChange = (checked) => {\r\n\t\tconst {session, onChange} = this.props;\r\n\r\n\t\tsession.isCompany = checked;\r\n\t\tif (this.props.session.isCompany !== checked) this.setState(_getInitialState.call(this), () => {\r\n\t\t\tonChange({...this.state}, false, this.props.number);\r\n\t\t});\r\n\t}\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"customer_firstname\",\r\n\t\t\"customer_lastname\",\r\n\t\t\"customer_social_security_number\",\r\n\t\t\"customer_address_street\",\r\n\t\t\"customer_address_zipcode\",\r\n\t\t\"customer_address_city\",\r\n\t\t\"customer_phonenumber_cell\",\r\n\t\t\"customer_email\"\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\tconst {session} = this.props;\r\n\tconst {isCompany} = session;\r\n\tconst getLookupData = (name) => session.lookupData ? session.lookupData[name] || \"\" : \"\";\r\n\r\n\treturn {\r\n\t\tvalidFields: !session.lookupData ? {} : {\r\n\t\t\t\"customer_firstname\": !!getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n\t\t\t\"customer_social_security_number\": !!getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n\t\t\t\"customer_address_street\": !!getLookupData(\"street\"),\r\n\t\t\t\"customer_address_zipcode\": !!getLookupData(\"zipCode\"),\r\n\t\t\t\"customer_address_city\": !!getLookupData(\"city\"),\r\n\t\t\t...(\r\n\t\t\t\t!isCompany ? {\r\n\t\t\t\t\t\"customer_lastname\": !!getLookupData(\"lastName\")\r\n\t\t\t\t} : undefined\r\n\t\t\t),\r\n\t\t},\r\n\t\tfields: {\r\n\t\t\t\"customer_firstname\": getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n\t\t\t\"customer_lastname\": !isCompany ? getLookupData(\"lastName\") : \"\",\r\n\t\t\t\"customer_social_security_number\": getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n\t\t\t\"customer_address_street\": getLookupData(\"street\"),\r\n\t\t\t\"customer_address_zipcode\": getLookupData(\"zipCode\"),\r\n\t\t\t\"customer_address_city\": getLookupData(\"city\"),\r\n\t\t\t\"customer_phonenumber_cell\": getLookupData(\"phoneNumber\"),\r\n\t\t\t\"customer_email\": \"\"\r\n\t\t},\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/fair-ag/CustomerInformation.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport Checkbox from \"@components/Checkbox/Checkbox\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport UboFields from \"../../../components/UboFields/UboFields\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName, getPropertiesByPrefix, parseDraftDataPropsToFieldState, delay} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./CustomerInformation.fulfillment\";\r\nimport Button from \"../../../../../components/Button/Button\";\r\nimport StackLayout from \"../../../../../components/layouts/StackLayout/StackLayout\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\n\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport CheckboxWithName from \"../../../components/CheckboxWithName/CheckboxWithName\";\r\nimport Select from \"../../../../../components/Select/Select\";\r\nimport countries from \"@helpers/countries\";\r\n\r\nconst countriesOptions = countries.map(({label, code}) => ({label, value: code}));\r\n\r\nexport default class CobCustomerInformation extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired,\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState)\r\n\t{\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields)\r\n\t\t{\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\r\n\t\tif (prevProps.draftData !== props.draftData)\r\n\t\t{\r\n\t\t\tif (props.draftData)\r\n\t\t\t{\r\n\t\t\t\t// get the draftData props specific to this section only\r\n\t\t\t\tconst draftDataProps = getPropertiesByPrefix(props.draftData, [\"customer_\", \"contact_\", \"checkbox_\", \"radio_\", \"kyc_\", \"company_\", \"ubo_\"]);\r\n\t\t\t\t// parse the draftData props into state.fields\r\n\t\t\t\tconst newFieldsState = parseDraftDataPropsToFieldState(this.state.fields, draftDataProps);\r\n\t\t\t\tthis.setState(\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfields: {...newFieldsState}\r\n\t\t\t\t\t},\r\n\t\t\t\t\tasync () =>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tawait delay(200);\r\n\t\t\t\t\t\tonChange(id, {...this.state}, fulfillmentCheck(this.props, this.state));\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, session, partner} = props;\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\tlet ssnLong = state.fields.customer_social_security_number.replaceAll(\"-\", \"\");\r\n\t\tlet ssnShort = ssnLong;\r\n\t\tif (ssnLong.length > 10)\r\n\t\t{\r\n\t\t\tssnShort = ssnShort.substring(2, ssnShort.length);\r\n\t\t}\r\n\r\n\t\tlet selectedCitizenshipIndex = -1;\r\n\t\tfor (let i = 0; i < countriesOptions.length; i++) {\r\n\t\t\tif (state.fields.customer_citizenship === countriesOptions[i].value) {\r\n\t\t\t\tselectedCitizenshipIndex = i;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst signatories = [];\r\n\r\n\t\tfor (let i = 0; i < state.fields.numberOfSignatories; i++) {\r\n\t\t\tsignatories.push(\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\tdisplay: !session.isCompany,\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t{!session.lookupData && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === \"customer_social_security_number\") {\r\n\t\t\treturn this.props.session.isCompany ? Validator.validateOrgNum(value, true) : Validator.validateSsn(value, true);\r\n\t\t}\r\n\t\telse if (name === \"customer_email\" || name === \"contact_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onSelectChange = (option, index) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"customer_citizenship\", option.value);\r\n\t};\r\n\r\n\t_handleDateSelect = (value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"kyc_date\", value);\r\n\t};\r\n\r\n\t_onUboChange = (valid) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"ubo_fields_valid\", valid);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tconst documentsRequired = [];\r\n\r\n\t\t\tif (this.state.fields.checkbox_idcheck_passport.checked) {\r\n\t\t\t\tdocumentsRequired.push(\"Kopia på pass\");\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.fields.checkbox_idcheck_drivinglic.checked) {\r\n\t\t\t\tdocumentsRequired.push(\"Kopia på körkort\");\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.fields.checkbox_idcheck_id.checked) {\r\n\t\t\t\tdocumentsRequired.push(\"Kopia på ID-kort\");\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.fields.ubo_checkbox_idcheck_id.checked) {\r\n\t\t\t\tdocumentsRequired.push(\"Kopia på ID-kort (verklig huvudman)\");\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.fields.ubo_checkbox_idcheck_drivinglic.checked) {\r\n\t\t\t\tdocumentsRequired.push(\"Kopia på körkort (verklig huvudman)\");\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.fields.ubo_checkbox_idcheck_passport.checked) {\r\n\t\t\t\tdocumentsRequired.push(\"Kopia på pass (verklig huvudman)\");\r\n\t\t\t}\r\n\r\n\t\t\tthis.props.actions.setAppState({\r\n\t\t\t\tdocumentsRequired: documentsRequired\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n\r\n\t_onIsCompanyChange = (checked) => {\r\n\t\tconst {session, onChange} = this.props;\r\n\r\n\t\tsession.isCompany = checked;\r\n\t\tif (this.props.session.isCompany !== checked) this.setState(_getInitialState.call(this), () => {\r\n\t\t\tonChange({...this.state}, false, this.props.number);\r\n\t\t});\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) => {\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t}, () => {\r\n\t\t\tfulfillmentCheck(this.props, this.state);\r\n\r\n\t\t\tconst documentsRequired = [];\r\n\r\n\t\t\tif (this.state.fields.kyc_documentation.options[1].checked) {\r\n\t\t\t\tif (this.state.fields.checkbox_idcheck_passport.checked) {\r\n\t\t\t\t\tdocumentsRequired.push(\"Kopia på pass\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.state.fields.checkbox_idcheck_drivinglic.checked) {\r\n\t\t\t\t\tdocumentsRequired.push(\"Kopia på körkort\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.state.fields.checkbox_idcheck_id.checked) {\r\n\t\t\t\t\tdocumentsRequired.push(\"Kopia på ID-kort\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.state.fields.ubo_checkbox_idcheck_id.checked) {\r\n\t\t\t\t\tdocumentsRequired.push(\"Kopia på ID-kort (verklig huvudman)\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.state.fields.ubo_checkbox_idcheck_drivinglic.checked) {\r\n\t\t\t\t\tdocumentsRequired.push(\"Kopia på körkort (verklig huvudman)\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.state.fields.ubo_checkbox_idcheck_passport.checked) {\r\n\t\t\t\t\tdocumentsRequired.push(\"Kopia på pass (verklig huvudman)\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tthis.props.actions.setAppState({\r\n\t\t\t\tdocumentsRequired: documentsRequired\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"customer_firstname\",\r\n\t\t\"customer_lastname\",\r\n\t\t\"customer_social_security_number\",\r\n\t\t\"customer_email\",\r\n\t\t\"customer_citizenship\",\r\n\t\t\"customer_signatory_email_0\",\r\n\t\t\"customer_signatory_email_1\",\r\n\t\t\"customer_signatory_email_2\",\r\n\t\t\"customer_signatory_email_3\",\r\n\t\t\"customer_signatory_email_4\",\r\n\t\t\"kyc_date\",\r\n\t\t\"checkbox_customer_extcheck\",\r\n\t\t\"checkbox_customer_countercheck\",\r\n\r\n\t\t\"contact_firstname\",\r\n\t\t\"contact_lastname\",\r\n\t\t\"contact_email\",\r\n\t\t\"customer_phonenumber_home\",\r\n\t\t\"customer_phonenumber_cell\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\tconst {session} = this.props;\r\n\tconst {isCompany} = session;\r\n\tconst getLookupData = (name) => session.lookupData ? session.lookupData[name] || \"\" : \"\";\r\n\r\n\treturn {\r\n\t\tbusy: false,\r\n\t\tcompany: isCompany,\r\n\t\tvalidFields: !session.lookupData ? {} : {\r\n\t\t\t\"customer_firstname\": !!getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n\t\t\t\"customer_social_security_number\": !!getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n\t\t\t...(\r\n\t\t\t\t!isCompany ? {\r\n\t\t\t\t\t\"customer_lastname\": !!getLookupData(\"lastName\")\r\n\t\t\t\t} : undefined\r\n\t\t\t),\r\n\t\t},\r\n\t\tfields: {\r\n\t\t\t\"numberOfSignatories\": 1,\r\n\t\t\t\"customer_firstname\": getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n\t\t\t\"customer_lastname\": !isCompany ? getLookupData(\"lastName\") : \"\",\r\n\t\t\t\"customer_social_security_number\": getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n\t\t\t\"customer_email\": \"\",\r\n\t\t\t\"customer_citizenship\": \"SE\",\r\n\t\t\t\"customer_signatory_firstname_0\": \"\",\r\n\t\t\t\"customer_signatory_firstname_1\": \"\",\r\n\t\t\t\"customer_signatory_firstname_2\": \"\",\r\n\t\t\t\"customer_signatory_firstname_3\": \"\",\r\n\t\t\t\"customer_signatory_firstname_4\": \"\",\r\n\t\t\t\"customer_signatory_lastname_0\": \"\",\r\n\t\t\t\"customer_signatory_lastname_1\": \"\",\r\n\t\t\t\"customer_signatory_lastname_2\": \"\",\r\n\t\t\t\"customer_signatory_lastname_3\": \"\",\r\n\t\t\t\"customer_signatory_lastname_4\": \"\",\r\n\t\t\t\"customer_signatory_email_0\": \"\",\r\n\t\t\t\"customer_signatory_email_1\": \"\",\r\n\t\t\t\"customer_signatory_email_2\": \"\",\r\n\t\t\t\"customer_signatory_email_3\": \"\",\r\n\t\t\t\"customer_signatory_email_4\": \"\",\r\n\t\t\t\"kyc_date\": \"\",\r\n\r\n\t\t\t\"customer_address_street\": getLookupData(\"street\"),\r\n\t\t\t\"customer_address_zipcode\": getLookupData(\"zipCode\"),\r\n\t\t\t\"customer_address_city\": getLookupData(\"city\"),\r\n\r\n\t\t\t\"contact_firstname\": \"\",\r\n\t\t\t\"contact_lastname\": \"\",\r\n\t\t\t\"contact_email\": \"\",\r\n\t\t\t\"customer_phonenumber_home\": \"\",\r\n\t\t\t\"customer_phonenumber_cell\": \"\",\r\n\r\n\t\t\t\"kyc_documentation\": {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Kunden är känd, de senaste grunduppgifterna upprättades inom 24 månader från tillfället för denna rådgivning och inga betydande förändringar har skett\",\r\n\t\t\t\t\t\tvalue: \"not_included\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Nya grunduppgifter om kunden bifogas\",\r\n\t\t\t\t\t\tvalue: \"included\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tubo_fields_valid: false,\r\n\r\n\t\t\tcheckbox_idcheck_id: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_idcheck_drivinglic: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_idcheck_passport: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_idcheck_bankid: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_idcheck_known: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tubo_checkbox_idcheck_id: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tubo_checkbox_idcheck_drivinglic: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tubo_checkbox_idcheck_passport: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tubo_checkbox_idcheck_bankid: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_customer_extcheck: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_customer_countercheck: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_customer_kyc_non_proff: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Nej\",\r\n\t\t\t\t\t\tvalue: \"no\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Ja\",\r\n\t\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tradio_distans: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Nej\",\r\n\t\t\t\t\t\tvalue: \"no\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Ja\",\r\n\t\t\t\t\t\tvalue: \"yes\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t}\r\n\t\t},\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/fair-futur/CustomerInformation.js","import React from \"react\";\r\nimport Button from \"../../../../components/Button/Button\";\r\nimport StackLayout from \"../../../../components/layouts/StackLayout/StackLayout\";\r\nimport FieldsCollection from \"../../../../components/FieldsCollection/FieldsCollection\";\r\nimport EditableField from \"../EditableField/EditableField\";\r\nimport Validator from \"../../../../classes/Validator\";\r\nimport CheckboxWithName from \"../CheckboxWithName/CheckboxWithName\";\r\nimport Slider from \"../../../../components/Slider/Slider\";\r\nimport * as CobHelpers from \"../../Cob.helpers\";\r\nimport {getPropertiesByPrefix, parseDraftDataPropsToFieldState} from \"../../../../helpers/utils\";\r\n\r\n\r\nexport default class UboFields extends React.Component\r\n{\r\n state = _getInitialState.call(this);\r\n\r\n componentDidMount()\r\n {\r\n this.props.onChange(this._areUboFieldsValid());\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState)\r\n {\r\n const {props} = this;\r\n\r\n if (prevProps.draftData !== props.draftData)\r\n {\r\n if (props.draftData)\r\n {\r\n // get the draftData props specific to this section only\r\n const draftDataProps = getPropertiesByPrefix(props.draftData, [\"customer_\", \"contact_\", \"checkbox_\", \"radio_\", \"kyc_\", \"company_\"]);\r\n\r\n // parse the draftData props into state.fields\r\n const newFieldsState = parseDraftDataPropsToFieldState(this.state.fields, draftDataProps);\r\n this.setState(\r\n {\r\n fields: {...newFieldsState}\r\n }\r\n );\r\n }\r\n }\r\n }\r\n\r\n render()\r\n {\r\n const uboRows = [];\r\n for (let i = 0; i < this.state.numberOfUbos; i++)\r\n {\r\n const isCompanyCheckboxName = \"company_benowner_iscompany_\" + i;\r\n const firstNameFieldName = \"company_benowner_firstname_\" + i;\r\n const lastNameFieldName = \"company_benowner_lastname_\" + i;\r\n const ssnFieldName = \"company_benowner_ssn_\" + i;\r\n\r\n uboRows.push((\r\n \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\tdisplay: !session.isCompany,\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{session.isCompany && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t CobHelpers.onViewFieldChange.call(this, \"numberOfSignatories\", state.fields.numberOfSignatories - 1)}\r\n\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t= 5 ? \"medium\" : \"primary\"}\r\n\t\t\t\t\t\t\t\t\tdisabled={signatories.length >= 5}\r\n\t\t\t\t\t\t\t\t\tonClick={() => CobHelpers.onViewFieldChange.call(this, \"numberOfSignatories\", state.fields.numberOfSignatories + 1)}\r\n\t\t\t\t\t\t\t\t\tfilled\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{state.fields.kyc_documentation.options[1].checked && (\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t{session.isCompany && (\r\n\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={state.fields.customer_address_street.trim().length === 0 ? \"empty\" : \"\"}\r\n required={!partner._data.saveDraftButton}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={state.fields.customer_address_zipcode.trim().length === 0 ? \"empty\" : \"\"}\r\n required={!partner._data.saveDraftButton}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={state.fields.customer_address_city.trim().length === 0 ? \"empty\" : \"\"}\r\n required={!partner._data.saveDraftButton}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t{session.isCompany && (\r\n\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={state.fields.contact_firstname.trim().length === 0 ? \"empty\" : \"\"}\r\n required={!partner._data.saveDraftButton}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\tdisplay: session.isCompany\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={state.fields.contact_lastname.trim().length === 0 ? \"empty\" : \"\"}\r\n required={!partner._data.saveDraftButton}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\tdisplay: session.isCompany\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\tdisplay: session.isCompany\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={state.fields.customer_phonenumber_home.trim().length === 0 ? \"empty\" : \"\"}\r\n required={!partner._data.saveDraftButton}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{session.isCompany && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{state.fields.radio_distans.options[1].checked && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t{!session.lookupData && (\r\n\t\t\t\t\t\tKontaktuppgifter firmatecknare
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tFirmatecknare måste signera avtalet, vänligen ange deras kontaktuppgifter.\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t{signatories}\r\n\r\n\t\t\t\t\t\t\tGrunduppgifter
\r\n\r\n\t\t\t\t\tDatum då grunduppgifter inhämtades
\r\n\r\n\t\t\t\t\t\t\tAdress
\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{!session.isCompany && (\r\n\t\t\t\t\t\t\t\tAdress och kontaktuppgifter
\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\tKontaktperson
\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tRådgivaren har genomfört identitetskontroll\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tLadda upp kopia på identitetshandling mha uppladdningsrutan längre ner i ansökan.\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tKontroll av verklig huvudman (i förekommande fall)\r\n\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tLadda upp kopia på identitetshandling mha uppladdningsrutan längre ner i ansökan.\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tKunden är klassificerad som icke-professionell\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tRådgivning på distans (i förekommande fall, samtliga ska uppfyllas)\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\tHuvudman {i + 1}
\r\n\r\n\r\n Information om verkliga huvudmän\r\n
\r\n\r\n En fysisk person för vars räkning någon annan person handlar, eller om kunden är en juridisk person,\r\n den som utövar ett bestämmande inflytande över kunden.\r\n
\r\n\r\n\r\n Om det inte finns någon verklig huvudman enligt ägande (25%) uppge en alternativ verklig\r\n huvudman, t.ex. VD eller styrelseordförande.\r\n
\r\n \r\n\r\n- \r\n {uboRows}\r\n
\r\n\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === \"customer_social_security_number\") {\r\n\t\t\treturn Validator.validateSsn(value, true);\r\n\t\t}\r\n\t\telse if (name === \"customer_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onUnlock = () => {\r\n\t\tthis.setState({fieldsLocked: false});\r\n\t};\r\n\r\n\t_fetchCustomerDetails = async () => {\r\n\t\tthis.setState({busy: true}, async () => {\r\n\t\t\tlet lookupData = null;\r\n\r\n\t\t\tlet isCompany = !Validator.validateSsn(this.state.fields.customer_social_security_number, true) &&\r\n\t\t\t\tValidator.validateOrgNum(this.state.fields.customer_social_security_number, true);\r\n\r\n\t\t\ttry {\r\n\t\t\t\tlookupData = await api(\"/lookup\", {\r\n\t\t\t\t\t\"type\": (isCompany ? \"company\" : \"person\"),\r\n\t\t\t\t\t\"value\": this.state.fields.customer_social_security_number\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tcatch (e) {\r\n\t\t\t\tconsole.log(e);\r\n\t\t\t}\r\n\r\n\t\t\tif (lookupData == null) {\r\n\t\t\t\t// Show error\r\n\t\t\t\tthis.setState({busy: false, fieldsLocked: false});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst fieldsData = this.state.fields;\r\n\t\t\tfieldsData.customer_address_street = lookupData.street;\r\n\t\t\tfieldsData.customer_address_zipcode = lookupData.zipCode;\r\n\t\t\tfieldsData.customer_address_city = lookupData.city;\r\n\t\t\tfieldsData.customer_phonenumber_cell = lookupData.phoneNumber && lookupData.phoneNumber !== '-' ? lookupData.phoneNumber : \"\";\r\n\r\n\t\t\tif (isCompany) {\r\n\t\t\t\tfieldsData.customer_firstname = lookupData.companyName;\r\n\t\t\t\tfieldsData.customer_lastname = \"\";\r\n\r\n\t\t\t\tfieldsData.company_firma = lookupData.registeredFirmSignee;\r\n\t\t\t\tfieldsData.company_ceo = lookupData.ceo;\r\n\t\t\t\tfieldsData.company_board = lookupData.board;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tfieldsData.customer_firstname = lookupData.firstName;\r\n\t\t\t\tfieldsData.customer_lastname = lookupData.lastName;\r\n\t\t\t\tfieldsData.company_firma = \"\";\r\n\t\t\t\tfieldsData.company_ceo = null;\r\n\t\t\t\tfieldsData.company_board = [];\r\n\t\t\t}\r\n\r\n\t\t\tthis.setState({busy: false, fieldsLocked: false, fields: fieldsData});\r\n\t\t});\r\n\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onRepsUpdated = (reps) => {\r\n\t\tthis.setState({fields: {...this.state.fields, reps: reps}});\r\n\t};\r\n\r\n\t_onSelectPepChange = (option, index) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[option.name]: {\r\n\t\t\t\t\t...this.state.fields[option.name],\r\n\t\t\t\t\tindex: index,\r\n\t\t\t\t},\r\n\t\t\t\t[option.name + \"_value\"]: option.label\r\n\t\t\t},\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) => {\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"customer_firstname\",\r\n\t\t\"customer_lastname\",\r\n\t\t\"customer_social_security_number\",\r\n\t\t\"customer_address_street\",\r\n\t\t\"customer_address_zipcode\",\r\n\t\t\"customer_address_city\",\r\n\t\t\"customer_email\",\r\n\t\t\"radio_customer_kyc_taxdom\",\r\n\t\t\"customer_phonenumber_home\",\r\n\t\t\"customer_phonenumber_cell\",\r\n\t\t\"caretaker_name_1\",\r\n\t\t\"caretaker_name_2\",\r\n\t\t\"caretaker_ssn_1\",\r\n\t\t\"caretaker_ssn_2\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\treturn {\r\n\t\tbusy: false,\r\n\t\tfieldsLocked: true,\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\t\"customer_firstname\": \"\",\r\n\t\t\t\"customer_lastname\": \"\",\r\n\t\t\t\"customer_social_security_number\": \"\",\r\n\t\t\t\"customer_address_street\": \"\",\r\n\t\t\t\"customer_address_zipcode\": \"\",\r\n\t\t\t\"customer_address_city\": \"\",\r\n\t\t\t\"customer_email\": \"\",\r\n\r\n\t\t\t\"customer_phonenumber_home\": \"\",\r\n\t\t\t\"customer_phonenumber_cell\": \"\",\r\n\r\n\t\t\t\"caretaker_name_1\": \"\",\r\n\t\t\t\"caretaker_name_2\": \"\",\r\n\t\t\t\"caretaker_ssn_1\": \"\",\r\n\t\t\t\"caretaker_ssn_2\": \"\",\r\n\r\n\t\t\t\"radio_customer_pep\": {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\t\"radio_customer_pep_details\": {\r\n\t\t\t\tindex: -1,\r\n\t\t\t\tname: \"radio_customer_pep_details\",\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Statschefen\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Riksdagsledamöter\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Statsministern och övriga ministrar i regeringskansliet\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Domare i Högsta domstolen och Högsta förvaltningsdomstolen\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Riksrevisorerna\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Riksbankens direktion\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Ambassadörer\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Höga officerare (general, generallöjtnant, generalmajor, amiral, viceamiral och konteramiral)\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Vd eller styrelseledamot i statsägda företag\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Person i ledningen i en internationell organisation (styrelseledamöter, generalsekreterare med flera)\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Ledamot i politiskt partis styrelse\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_details\"\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\t\"pep_info\": \"\",\r\n\r\n\t\t\t\"radio_customer_pep_past\": {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\t\"radio_customer_pep_past_details\": {\r\n\t\t\t\tindex: -1,\r\n\t\t\t\tname: \"radio_customer_pep_past_details\",\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Statschefen\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_past_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Riksdagsledamöter\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_past_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Statsministern och övriga ministrar i regeringskansliet\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_past_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Domare i Högsta domstolen och Högsta förvaltningsdomstolen\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_past_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Riksrevisorerna\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_past_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Riksbankens direktion\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_past_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Ambassadörer\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_past_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Höga officerare (general, generallöjtnant, generalmajor, amiral, viceamiral och konteramiral)\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_past_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Vd eller styrelseledamot i statsägda företag\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_past_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Person i ledningen i en internationell organisation (styrelseledamöter, generalsekreterare med flera)\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_past_details\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Ledamot i politiskt partis styrelse\",\r\n\t\t\t\t\t\tname: \"radio_customer_pep_past_details\"\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\t\"pep_info_relative\": \"\",\r\n\r\n\t\t\t\"radio_customer_us_person\": {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja (det är ej möjligt att öppna konto)\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\t\"radio_customer_kyc_taxdom\": {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\t\"company_firma\": \"\",\r\n\t\t\t\"company_ceo\": null,\r\n\t\t\t\"company_board\": [],\r\n\t\t\t\"reps\": [],\r\n\t\t},\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/fair-gds-oppna/CustomerInformation.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./CustomerInformation.fulfillment\";\r\nimport CheckboxWithName from \"../../../components/CheckboxWithName/CheckboxWithName\";\r\n\r\n\r\nexport default class CobCustomerInformation extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired,\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, session} = props;\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\tlet ssnShort = state.fields.customer_social_security_number.replaceAll(\"-\", \"\");\r\n\t\tif (ssnShort.length > 10) {\r\n\t\t\tssnShort = ssnShort.substring(2, ssnShort.length);\r\n\t\t}\r\n\r\n\t\tlet addressInSingleLine = state.fields.customer_address_street.length !== 0 ? state.fields.customer_address_street : \"-\";\r\n\t\taddressInSingleLine += \" \";\r\n\t\taddressInSingleLine += state.fields.customer_address_zipcode.length !== 0 ? state.fields.customer_address_zipcode : \"-\";\r\n\t\taddressInSingleLine += \" \";\r\n\t\taddressInSingleLine += state.fields.customer_address_city.length !== 0 ? state.fields.customer_address_city : \"-\";\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\treadOnly={state.fieldsLocked}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={state.fields.customer_firstname.trim().length === 0 ? \"empty\" : \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{!isCompany && (\r\n\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\treadOnly={state.fieldsLocked}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={state.fields.customer_firstname.trim().length === 0 ? \"empty\" : \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\treadOnly={state.fieldsLocked}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={state.fields.customer_lastname.trim().length === 0 ? \"empty\" : \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\treadOnly={state.fieldsLocked}\r\n\t\t\t\t\t\t\t\t\t\tclassName={state.fields.customer_address_street.trim().length === 0 ? \"empty\" : \"\"}\r\n\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\treadOnly={state.fieldsLocked}\r\n\t\t\t\t\t\t\t\t\t\tclassName={state.fields.customer_address_zipcode.trim().length === 0 ? \"empty\" : \"\"}\r\n\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\treadOnly={state.fieldsLocked}\r\n\t\t\t\t\t\t\t\t\t\tclassName={state.fields.customer_address_city.trim().length === 0 ? \"empty\" : \"\"}\r\n\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\tclassName={state.fields.customer_phonenumber_cell.trim().length === 0 ? \"empty\" : \"\"}\r\n\t\t\t\t\t\t\t\t\t\treadOnly={state.fieldsLocked}\r\n\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{isCompany && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{needsGuardianToSign && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{state.fields.radio_customer_kyc_taxdom.options[0].checked && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{state.fields.radio_customer_pep.options[1].checked && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{state.fields.radio_customer_pep_past.options[1].checked && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{state.fields.radio_customer_us_person.options[1].checked && (\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{i18n(\"customer_info\", \"fill_manually_or\")}\r\n\t\t\t\t\t\t{i18n(\"customer_info\", \"fill_manually_action\")}\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t{isCompany && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{i18n(\"customer_info\", \"email_info\")}\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={state.fields.caretaker_name_1.trim().length === 0 ? \"empty\" : \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={state.fields.caretaker_name_2.trim().length === 0 ? \"empty\" : \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tAnge vårdnadshavare\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDå personnumret du angett tillhör en minderårig måste vårdnadshavarna anges. I det fall\r\n\t\t\t\t\t\t\t\tenbart en vårdnadshavare finns ber vi dig ta kontakt direkt med Fair\r\n\t\t\t\t\t\t\t\t(backoffice@fairinvestments.se).\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\tVårdnadshavare 1
\r\n\t\t\t\t\t\t\tVårdnadshavare 2
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\tSkattehemvist\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tDet är tyvärr inte möjligt att öppna ett ISK om du inte har skattehemvist i Sverige.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tPEP - Politiskt exponerad person\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tPEP – Person i politiskt utsatt ställning – Person som har eller tidigare har haft en hög\r\n\t\t\t\t\t\t\tpolitisk post, en hög statlig befattning eller funktion i ledningen i en internationell\r\n\t\t\t\t\t\t\torganisation, eller har en nära familjemedlem eller medarbetare med ovanstående befattning.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tstate.fields.radio_customer_pep.options[1].checked &&\r\n\t\t\t\t\t\tstate.fields.radio_customer_pep_details.index !== -1 && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tstate.fields.radio_customer_pep_past.options[1].checked &&\r\n\t\t\t\t\t\tstate.fields.radio_customer_pep_past_details.index !== -1 && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tFATCA\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tU.S. person – Person som har ett Amerikanskt medborgarskap eller på annat sätt är\r\n\t\t\t\t\t\t\tskatteskyldig i USA.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tDet är tyvärr inte möjligt att öppna ett ISK om du är U.S. Person.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === \"customer_social_security_number\") {\r\n\t\t\treturn this.props.session.isCompany ? Validator.validateOrgNum(value, true) : Validator.validateSsn(value, true);\r\n\t\t}\r\n\t\telse if (name === \"customer_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"customer_firstname\",\r\n\t\t\"customer_lastname\",\r\n\t\t\"customer_social_security_number\",\r\n\t\t\"customer_email\"\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\tconst {session} = this.props;\r\n\tconst {isCompany} = session;\r\n\tconst getLookupData = (name) => session.lookupData ? session.lookupData[name] || \"\" : \"\";\r\n\r\n\treturn {\r\n\t\tvalidFields: !session.lookupData ? {} : {\r\n\t\t\t\"is_company\": true,\r\n\t\t\t\"customer_firstname\": !!getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n\t\t\t\"customer_social_security_number\": !!getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n\t\t\t...(\r\n\t\t\t\t!isCompany ? {\r\n\t\t\t\t\t\"customer_lastname\": !!getLookupData(\"lastName\")\r\n\t\t\t\t} : undefined\r\n\t\t\t),\r\n\t\t},\r\n\t\tfields: {\r\n\t\t\t\"is_company\": isCompany,\r\n\t\t\t\"customer_firstname\": getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n\t\t\t\"customer_lastname\": !isCompany ? getLookupData(\"lastName\") : \"\",\r\n\t\t\t\"customer_social_security_number\": getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n\t\t\t\"customer_address_street\": getLookupData(\"street\"),\r\n\t\t\t\"customer_address_zipcode\": getLookupData(\"zipCode\"),\r\n\t\t\t\"customer_address_city\": getLookupData(\"city\"),\r\n\t\t\t\"customer_email\": \"\",\r\n\r\n\t\t\t\"customer_email_old\": \"\",\r\n\t\t\t\"customer_email_new\": \"\",\r\n\r\n\t\t\t\"customer_phone_old\": \"\",\r\n\t\t\t\"customer_phone_new\": \"\",\r\n\r\n\t\t\t\"customer_autogiro_bank_clearingno_old\": \"\",\r\n\t\t\t\"customer_autogiro_bank_clearingno\": \"\",\r\n\r\n\t\t\t\"customer_autogiro_bankno_old\": \"\",\r\n\t\t\t\"customer_autogiro_bankno\": \"\",\r\n\r\n\t\t\t\"checkbox_change_phone\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\t\"checkbox_change_account\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\t\"checkbox_change_email\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\t\"checkbox_same_email\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t}\r\n\t\t},\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/fair-kundinfo/CustomerInformation.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./CustomerInformation.fulfillment\";\r\nimport CompanySignatories from \"../../../components/CompanySignatories/CompanySignatories\";\r\n\r\n\r\nexport default class CobCustomerInformation extends React.PureComponent\r\n{\r\n static propTypes = {\r\n id: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n session: PropTypes.instanceOf(Session).isRequired,\r\n sectionNumber: PropTypes.number.isRequired,\r\n number: PropTypes.number.isRequired,\r\n prevState: PropTypes.object,\r\n onChange: PropTypes.func.isRequired\r\n };\r\n\r\n static companyExclusive = false;\r\n static privateExclusive = false;\r\n static fields = _getFields();\r\n\r\n state = _getInitialState.call(this);\r\n\r\n componentDidMount()\r\n {\r\n const {app} = this.props;\r\n const isFulfilled = fulfillmentCheck(this.props, this.state);\r\n const fulfilledViewsById = {...app.fulfilledViewsById};\r\n if (isFulfilled)\r\n {\r\n fulfilledViewsById[\"CustomerInformation\"] = true;\r\n }\r\n else\r\n {\r\n delete fulfilledViewsById[\"CustomerInformation\"];\r\n }\r\n this.props.actions.setAppState({fulfilledViewsById});\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState)\r\n {\r\n const {props, state} = this;\r\n const {id, onChange} = props;\r\n\r\n if (prevState.fields !== state.fields)\r\n {\r\n onChange(id, {...state}, fulfillmentCheck(props, state));\r\n }\r\n }\r\n\r\n render()\r\n {\r\n const {props, state} = this;\r\n const {title, session} = props;\r\n const classes = createClassName(\"Cob-CustomerInformation\", {\r\n \"Cob-View\": true,\r\n \"fulfilled\": state.isFulfilled\r\n });\r\n\r\n return (\r\n \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\tdisplay: !session.isCompany,\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{state.fields.checkbox_change_phone.checked && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{state.fields.checkbox_change_account.checked && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{state.fields.checkbox_change_email.checked && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t{!session.isCompany && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{!session.isCompany && !state.fields.checkbox_change_email.checked && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tDet digitala avtalet kommer att skickas ut för signering till e-postadressen du anger\r\n\t\t\t\t\t\t\t\t\t\tsom 'Ny e-postadress'.\r\n\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDet digitala avtalet kommer att skickas ut för signering till e-postadressen du anger\r\n\t\t\t\t\t\t\t\tnedan.\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n
\r\n );\r\n }\r\n\r\n // Internal methods\r\n _fieldValidator = (name, value) =>\r\n {\r\n if (name === \"customer_social_security_number\")\r\n {\r\n return Validator.validateSsn(value, true);\r\n }\r\n else if (name === \"customer_email\")\r\n {\r\n return Validator.validateEmail(value);\r\n }\r\n else\r\n {\r\n return value.length > 0;\r\n }\r\n };\r\n\r\n _onFieldChange = (name, value) =>\r\n {\r\n CobHelpers.onViewFieldChange.call(this, name, value);\r\n };\r\n\r\n _onFieldBlur = (name) =>\r\n {\r\n CobHelpers.onViewFieldBlur.call(this, name);\r\n };\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields()\r\n{\r\n return [\r\n \"customer_firstname\",\r\n \"customer_lastname\",\r\n \"customer_social_security_number\",\r\n \"customer_email\"\r\n ];\r\n}\r\n\r\nfunction _getInitialState()\r\n{\r\n if (this.props.prevState)\r\n {\r\n return {...this.props.prevState};\r\n }\r\n\r\n const {session} = this.props;\r\n const getLookupData = (name) => session.lookupData ? session.lookupData[name] || \"\" : \"\";\r\n\r\n let initialState = {\r\n validFields: {\r\n customer_firstname: session.isCompany ? !!getLookupData(\"companyName\") : !!getLookupData(\"firstName\"),\r\n customer_lastname: session.isCompany ? true : !!getLookupData(\"lastName\"),\r\n customer_social_security_number: session.isCompany ? !!getLookupData(\"orgNumber\") : !!getLookupData(\"ssn\"),\r\n customer_email: !!getLookupData(\"email\") && Validator.validateEmail(getLookupData(\"email\"))\r\n },\r\n fields: {\r\n customer_firstname: session.isCompany ? getLookupData(\"companyName\") : getLookupData(\"firstName\"),\r\n customer_lastname: getLookupData(\"lastName\"),\r\n customer_social_security_number: session.isCompany ? getLookupData(\"orgNumber\") : getLookupData(\"ssn\"),\r\n customer_email: getLookupData(\"email\"),\r\n signatory_fields_valid: false\r\n }\r\n };\r\n\r\n if (session.isCompany)\r\n {\r\n initialState.lookupSuccessful = initialState.fields.customer_firstname.length > 0;\r\n initialState.validFields.customer_email = true; // Not used for companies\r\n }\r\n else\r\n {\r\n initialState.lookupSuccessful = initialState.fields.customer_firstname.length > 0 && initialState.fields.customer_lastname.length > 0;\r\n }\r\n initialState.isCompany = session.isCompany;\r\n\r\n return initialState;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/fair-kyc/CustomerInformation.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport Checkbox from \"@components/Checkbox/Checkbox\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./CustomerInformation.fulfillment\";\r\nimport Button from \"../../../../../components/Button/Button\";\r\nimport StackLayout from \"../../../../../components/layouts/StackLayout/StackLayout\";\r\n\r\nimport Select from \"../../../../../components/Select/Select\";\r\nimport countries from \"@helpers/countries\";\r\nimport api from \"../../../../../helpers/api\";\r\nimport ActivityIndicator from \"../../../../../components/ActivityIndicator/ActivityIndicator\";\r\nimport {delay, getPropertiesByPrefix, parseDraftDataPropsToFieldState} from \"../../../../../helpers/utils\";\r\n\r\nconst countriesOptions = countries.map(({label, code}) => ({label, value: code}));\r\n\r\nexport default class CobCustomerInformation extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired,\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tasync componentDidMount()\r\n\t{\r\n\t\tconst {session, onParentCaseLoaded} = this.props;\r\n\r\n\t\ttry {\r\n\t\t\t// If we want to start with a blank page, don't load case data\r\n\t\t\tif (session.context.caseId === \"-\" || session.context.caseId == null)\r\n\t\t\t{\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoading: false,\r\n\t\t\t\t\tshowError: false,\r\n\t\t\t\t\tisBlank: true\r\n\t\t\t\t}, () =>\r\n\t\t\t\t{\r\n\t\t\t\t\tonParentCaseLoaded([]);\r\n\t\t\t\t});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst caseInfoResult = await api(\"/case/data\", {\r\n\t\t\t\tcaseId: session.context.caseId,\r\n\t\t\t\tauthToken: session.authToken\r\n\t\t\t});\r\n\r\n\t\t\tif (!caseInfoResult || caseInfoResult.Signed !== \"1\" || !caseInfoResult.CaseData)\r\n\t\t\t{\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoading: false,\r\n\t\t\t\t\tshowError: false,\r\n\t\t\t\t\tisBlank: true\r\n\t\t\t\t}, () =>\r\n\t\t\t\t{\r\n\t\t\t\t\tonParentCaseLoaded([]);\r\n\t\t\t\t});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tcaseInfoResult.CaseData = JSON.parse(caseInfoResult.CaseData);\r\n\t\t\tif (!caseInfoResult.CaseData.data)\r\n\t\t\t{\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoading: false,\r\n\t\t\t\t\tshowError: false,\r\n\t\t\t\t\tisBlank: true\r\n\t\t\t\t}, () =>\r\n\t\t\t\t{\r\n\t\t\t\t\tonParentCaseLoaded([]);\r\n\t\t\t\t});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tconst newFields = {...this.state.fields};\r\n\t\t\tconst newValidFields = {...this.state.validFields};\r\n\t\t\tif (caseInfoResult.CaseData.data.account_no_kf)\r\n\t\t\t{\r\n\t\t\t\tnewFields.customer_depot = caseInfoResult.CaseData.data.account_no_kf;\r\n\t\t\t}\r\n\r\n\t\t\tif (caseInfoResult.CaseData.data.customer_email && caseInfoResult.CaseData.data.customer_email.length > 0)\r\n\t\t\t{\r\n\t\t\t\tnewFields.customer_email = caseInfoResult.CaseData.data.customer_email;\r\n\t\t\t\tnewValidFields.customer_email = Validator.validateEmail(caseInfoResult.CaseData.data.customer_email);\r\n\t\t\t}\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tisLoading: false,\r\n\t\t\t\tshowError: false,\r\n\t\t\t\tcaseData: caseInfoResult.CaseData.data,\r\n\t\t\t\tfields: newFields,\r\n\t\t\t\tvalidFields: newValidFields\r\n\t\t\t}, () =>\r\n\t\t\t{\r\n\t\t\t\tonParentCaseLoaded(caseInfoResult.CaseData.data);\r\n\t\t\t});\r\n\t\t}\r\n\t\tcatch (e)\r\n\t\t{\r\n\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\r\n\t\tif (prevProps.draftData !== props.draftData)\r\n\t\t{\r\n\t\t\tif (props.draftData)\r\n\t\t\t{\r\n\t\t\t\t// get the draftData props specific to this section only\r\n\t\t\t\tconst draftDataProps = getPropertiesByPrefix(props.draftData, [\"customer_\", \"contact_\"]);\r\n\t\t\t\t// parse the draftData props into state.fields\r\n\t\t\t\tconst newFieldsState = parseDraftDataPropsToFieldState(this.state.fields, draftDataProps);\r\n\r\n\t\t\t\tthis.setState({fields: {...newFieldsState}},\r\n\t\t\t\t\tasync () =>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tawait delay(200);\r\n\t\t\t\t\t\tonChange(id, {...this.state}, fulfillmentCheck(this.props, this.state));\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, session, partner} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\tlet ssnLong = state.fields.customer_social_security_number.replaceAll(\"-\", \"\");\r\n\t\tlet ssnShort = ssnLong;\r\n\t\tif (ssnLong.length > 10)\r\n\t\t{\r\n\t\t\tssnShort = ssnShort.substring(2, ssnShort.length);\r\n\t\t}\r\n\r\n\t\tlet selectedCitizenshipIndex = -1;\r\n\t\tfor (let i = 0; i < countriesOptions.length; i++) {\r\n\t\t\tif (state.fields.customer_citizenship === countriesOptions[i].value) {\r\n\t\t\t\tselectedCitizenshipIndex = i;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst signatories = [];\r\n\r\n\t\tfor (let i = 0; i < state.fields.numberOfSignatories; i++) {\r\n\t\t\tsignatories.push(\r\n\t\t\t\t\r\n CobHelpers.onViewFieldChange.call(this, \"signatory_fields_valid\", valid)} />\r\n )}\r\n\r\n {!session.isCompany && (\r\n \r\n \r\n\r\n )}\r\n
\r\n {title}
\r\n \r\n\r\n\r\n Det digitala avtalet kommer att skickas till e-postadressen du anger nedan.\r\n
\r\n\r\n\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t{title}
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === \"customer_social_security_number\") {\r\n\t\t\treturn this.props.session.isCompany ? Validator.validateOrgNum(value, true) : Validator.validateSsn(value, true);\r\n\t\t}\r\n\t\telse if (name === \"customer_email\" || name === \"contact_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onSelectChange = (option, index) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"customer_citizenship\", option.value);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tconst documentsRequired = [];\r\n\r\n\t\t\tif (this.state.fields.checkbox_idcheck_passport.checked) {\r\n\t\t\t\tdocumentsRequired.push(\"Kopia på pass\");\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.fields.checkbox_idcheck_drivinglic.checked) {\r\n\t\t\t\tdocumentsRequired.push(\"Kopia på körkort\");\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.fields.checkbox_idcheck_id.checked) {\r\n\t\t\t\tdocumentsRequired.push(\"Kopia på ID-kort\");\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.fields.ubo_checkbox_idcheck_id.checked) {\r\n\t\t\t\tdocumentsRequired.push(\"Kopia på ID-kort (verklig huvudman)\");\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.fields.ubo_checkbox_idcheck_drivinglic.checked) {\r\n\t\t\t\tdocumentsRequired.push(\"Kopia på körkort (verklig huvudman)\");\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.fields.ubo_checkbox_idcheck_passport.checked) {\r\n\t\t\t\tdocumentsRequired.push(\"Kopia på pass (verklig huvudman)\");\r\n\t\t\t}\r\n\r\n\t\t\tthis.props.actions.setAppState({\r\n\t\t\t\tdocumentsRequired: documentsRequired\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n\r\n\t_onIsCompanyChange = (checked) => {\r\n\t\tconst {session, onChange} = this.props;\r\n\r\n\t\tsession.isCompany = checked;\r\n\t\tif (this.props.session.isCompany !== checked) {\r\n\t\t\tthis.setState(_getInitialState.call(this), () => {\r\n\t\t\t\tonChange({...this.state}, false, this.props.number);\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) => {\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t}, () => {\r\n\t\t\tfulfillmentCheck(this.props, this.state);\r\n\r\n\t\t\tconst documentsRequired = [];\r\n\r\n\t\t\tif (this.state.fields.kyc_documentation.options[1].checked) {\r\n\t\t\t\tif (this.state.fields.checkbox_idcheck_passport.checked) {\r\n\t\t\t\t\tdocumentsRequired.push(\"Kopia på pass\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.state.fields.checkbox_idcheck_drivinglic.checked) {\r\n\t\t\t\t\tdocumentsRequired.push(\"Kopia på körkort\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.state.fields.checkbox_idcheck_id.checked) {\r\n\t\t\t\t\tdocumentsRequired.push(\"Kopia på ID-kort\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.state.fields.ubo_checkbox_idcheck_id.checked) {\r\n\t\t\t\t\tdocumentsRequired.push(\"Kopia på ID-kort (verklig huvudman)\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.state.fields.ubo_checkbox_idcheck_drivinglic.checked) {\r\n\t\t\t\t\tdocumentsRequired.push(\"Kopia på körkort (verklig huvudman)\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.state.fields.ubo_checkbox_idcheck_passport.checked) {\r\n\t\t\t\t\tdocumentsRequired.push(\"Kopia på pass (verklig huvudman)\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tthis.props.actions.setAppState({\r\n\t\t\t\tdocumentsRequired: documentsRequired\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"customer_firstname\",\r\n\t\t\"customer_lastname\",\r\n\t\t\"customer_social_security_number\",\r\n\t\t\"customer_email\",\r\n\t\t\"customer_citizenship\",\r\n\t\t\"customer_signatory_email_0\",\r\n\t\t\"customer_signatory_email_1\",\r\n\t\t\"customer_signatory_email_2\",\r\n\t\t\"customer_signatory_email_3\",\r\n\t\t\"customer_signatory_email_4\",\r\n\t\t\"kyc_date\",\r\n\t\t\"checkbox_customer_extcheck\",\r\n\t\t\"checkbox_customer_countercheck\",\r\n\r\n\t\t\"contact_firstname\",\r\n\t\t\"contact_lastname\",\r\n\t\t\"contact_email\",\r\n\t\t\"customer_phonenumber_home\",\r\n\t\t\"customer_phonenumber_cell\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\tconst {session} = this.props;\r\n\tconst {isCompany} = session;\r\n\tconst getLookupData = (name) => session.lookupData ? session.lookupData[name] || \"\" : \"\";\r\n\r\n\treturn {\r\n\t\tisLoading: true,\r\n\t\tcompany: isCompany,\r\n\t\tvalidFields: !session.lookupData ? {} : {\r\n\t\t\t\"customer_firstname\": !!getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n\t\t\t\"customer_social_security_number\": !!getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n\t\t\t...(\r\n\t\t\t\t!isCompany ? {\r\n\t\t\t\t\t\"customer_lastname\": !!getLookupData(\"lastName\")\r\n\t\t\t\t} : undefined\r\n\t\t\t),\r\n\t\t},\r\n\t\tfields: {\r\n\t\t\t\"numberOfSignatories\": 1,\r\n\t\t\t\"customer_firstname\": getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n\t\t\t\"customer_lastname\": !isCompany ? getLookupData(\"lastName\") : \"\",\r\n\t\t\t\"customer_social_security_number\": getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n\t\t\t\"customer_email\": \"\",\r\n\t\t\t\"customer_citizenship\": \"SE\",\r\n\t\t\t\"customer_signatory_firstname_0\": \"\",\r\n\t\t\t\"customer_signatory_firstname_1\": \"\",\r\n\t\t\t\"customer_signatory_firstname_2\": \"\",\r\n\t\t\t\"customer_signatory_firstname_3\": \"\",\r\n\t\t\t\"customer_signatory_firstname_4\": \"\",\r\n\t\t\t\"customer_signatory_lastname_0\": \"\",\r\n\t\t\t\"customer_signatory_lastname_1\": \"\",\r\n\t\t\t\"customer_signatory_lastname_2\": \"\",\r\n\t\t\t\"customer_signatory_lastname_3\": \"\",\r\n\t\t\t\"customer_signatory_lastname_4\": \"\",\r\n\t\t\t\"customer_signatory_email_0\": \"\",\r\n\t\t\t\"customer_signatory_email_1\": \"\",\r\n\t\t\t\"customer_signatory_email_2\": \"\",\r\n\t\t\t\"customer_signatory_email_3\": \"\",\r\n\t\t\t\"customer_signatory_email_4\": \"\",\r\n\t\t\t\"kyc_date\": \"\",\r\n\t\t\t\"customer_depot\": \"\",\r\n\r\n\t\t\t\"customer_address_street\": getLookupData(\"street\"),\r\n\t\t\t\"customer_address_zipcode\": getLookupData(\"zipCode\"),\r\n\t\t\t\"customer_address_city\": getLookupData(\"city\"),\r\n\r\n\t\t\t\"contact_firstname\": \"\",\r\n\t\t\t\"contact_lastname\": \"\",\r\n\t\t\t\"contact_email\": \"\",\r\n\t\t\t\"customer_phonenumber_home\": \"\",\r\n\t\t\t\"customer_phonenumber_cell\": \"\",\r\n\t\t},\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/futur/CustomerInformation.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport Checkbox from \"@components/Checkbox/Checkbox\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./CustomerInformation.fulfillment\";\r\n\r\n\r\nexport default class CobCustomerInformation extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired,\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, session} = props;\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\tlet ssnShort = state.fields.customer_social_security_number.replaceAll(\"-\", \"\");\r\n\t\tif (ssnShort.length > 10) {\r\n\t\t\tssnShort = ssnShort.substring(2, ssnShort.length);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\tdisplay: !session.isCompany,\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t}]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{!session.isCompany && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{session.isCompany && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t CobHelpers.onViewFieldChange.call(this, \"numberOfSignatories\", state.fields.numberOfSignatories - 1)}\r\n\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t= 5 ? \"medium\" : \"primary\"}\r\n\t\t\t\t\t\t\t\t\tdisabled={signatories.length >= 5}\r\n\t\t\t\t\t\t\t\t\tonClick={() => CobHelpers.onViewFieldChange.call(this, \"numberOfSignatories\", state.fields.numberOfSignatories + 1)}\r\n\t\t\t\t\t\t\t\t\tfilled\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t{!session.lookupData && (\r\n\t\t\t\t\t\tKontaktuppgifter firmatecknare
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tFirmatecknare måste signera avtalet, vänligen ange deras kontaktuppgifter.\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t{signatories}\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === \"customer_social_security_number\") {\r\n\t\t\treturn this.props.session.isCompany ? Validator.validateOrgNum(value, true) : Validator.validateSsn(value, true);\r\n\t\t}\r\n\t\telse if (name === \"customer_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onIsCompanyChange = (checked) => {\r\n\t\tconst {session, onChange} = this.props;\r\n\r\n\t\tsession.isCompany = checked;\r\n\t\tif (this.props.session.isCompany !== checked) this.setState(_getInitialState.call(this), () => {\r\n\t\t\tonChange({...this.state}, false, this.props.number);\r\n\t\t});\r\n\t}\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"customer_firstname\",\r\n\t\t\"customer_lastname\",\r\n\t\t\"customer_social_security_number\",\r\n\t\t\"customer_address_street\",\r\n\t\t\"customer_address_zipcode\",\r\n\t\t\"customer_address_city\",\r\n\t\t\"customer_phonenumber_cell\",\r\n\t\t\"customer_email\"\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\tconst {session} = this.props;\r\n\tconst {isCompany} = session;\r\n\tconst getLookupData = (name) => session.lookupData ? session.lookupData[name] || \"\" : \"\";\r\n\r\n\treturn {\r\n\t\tvalidFields: !session.lookupData ? {} : {\r\n\t\t\t\"customer_firstname\": !!getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n\t\t\t\"customer_social_security_number\": !!getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n\t\t\t\"customer_address_street\": !!getLookupData(\"street\"),\r\n\t\t\t\"customer_address_zipcode\": !!getLookupData(\"zipCode\"),\r\n\t\t\t\"customer_address_city\": !!getLookupData(\"city\"),\r\n\t\t\t...(\r\n\t\t\t\t!isCompany ? {\r\n\t\t\t\t\t\"customer_lastname\": !!getLookupData(\"lastName\")\r\n\t\t\t\t} : undefined\r\n\t\t\t),\r\n\t\t},\r\n\t\tfields: {\r\n\t\t\t\"customer_firstname\": getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n\t\t\t\"customer_lastname\": !isCompany ? getLookupData(\"lastName\") : \"\",\r\n\t\t\t\"customer_social_security_number\": getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n\t\t\t\"customer_address_street\": getLookupData(\"street\"),\r\n\t\t\t\"customer_address_zipcode\": getLookupData(\"zipCode\"),\r\n\t\t\t\"customer_address_city\": getLookupData(\"city\"),\r\n\t\t\t\"customer_phonenumber_cell\": getLookupData(\"phoneNumber\"),\r\n\t\t\t\"customer_email\": \"\"\r\n\t\t},\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/glofitech-ag/CustomerInformation.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck, {\r\n formFieldsCheck\r\n} from \"./CustomerInformation.fulfillment\";\r\nimport Button from \"../../../../../components/Button/Button\";\r\nimport api from \"../../../../../helpers/api\";\r\nimport CompanyReps from \"../../../components/CompanyReps/CompanyReps\";\r\nimport i18n from \"@helpers/i18n\";\r\nimport Settings from \"@classes/Settings\";\r\n\r\nexport default class CobCustomerInformation extends React.PureComponent {\r\n static propTypes = {\r\n id: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n session: PropTypes.instanceOf(Session).isRequired,\r\n sectionNumber: PropTypes.number.isRequired,\r\n number: PropTypes.number.isRequired,\r\n prevState: PropTypes.object,\r\n config: PropTypes.object,\r\n onChange: PropTypes.func.isRequired\r\n };\r\n\r\n static companyExclusive = false;\r\n static privateExclusive = false;\r\n static fields = _getFields();\r\n\r\n state = _getInitialState.call(this);\r\n\r\n accentColors = this.props.partner._data.accentColors;\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const {props, state} = this;\r\n const {id, onChange} = props;\r\n\r\n if (prevState.fields !== state.fields) {\r\n onChange(id, {...state}, fulfillmentCheck(props, state));\r\n }\r\n }\r\n\r\n render() {\r\n const {props, state} = this;\r\n const {title} = props;\r\n const classes = createClassName(\"Cob-CustomerInformation\", {\r\n \"Cob-View\": true,\r\n fulfilled: state.isFulfilled\r\n });\r\n\r\n const isPersonalInfoFulfilled = formFieldsCheck(state);\r\n\r\n // getting swishPaymentId AmountSelectionSwishMC's current state\r\n const amountSelectionCurrentState =\r\n props.app.latestViewStates.AmountSelectionSwishMC || null;\r\n const swishPaymentId =\r\n amountSelectionCurrentState &&\r\n amountSelectionCurrentState.hasOwnProperty(\"swishPaymentId\")\r\n ? amountSelectionCurrentState.swishPaymentId\r\n : \"\";\r\n\r\n const langCode = Settings.get(\"LANGUAGE\");\r\n let ssnShort =\r\n langCode === \"fi\"\r\n ? state.fields.customer_social_security_number\r\n : state.fields.customer_social_security_number.replaceAll(\"-\", \"\");\r\n\r\n let isCompany = false;\r\n if (props.config && props.config.company_only) {\r\n isCompany = true;\r\n } else {\r\n isCompany =\r\n !Validator.validateSsn(ssnShort, true) &&\r\n Validator.validateOrgNum(ssnShort, true);\r\n if (ssnShort.length > 10) {\r\n ssnShort = ssnShort.substring(2, ssnShort.length);\r\n }\r\n }\r\n\r\n let isFetchButtonDisabled = isCompany\r\n ? !Validator.validateOrgNum(\r\n state.fields.customer_social_security_number,\r\n true\r\n )\r\n : !Validator.validateSsn(\r\n state.fields.customer_social_security_number,\r\n true\r\n );\r\n\r\n isFetchButtonDisabled = state.fields.isInfoSubmitted\r\n ? true\r\n : isFetchButtonDisabled;\r\n\r\n return (\r\n \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\tdisplay: !session.isCompany,\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t{!session.lookupData && (\r\n\t\t\t\t\t\t\r\n
\r\n \r\n );\r\n }\r\n\r\n // Internal methods\r\n _fieldValidator = (name, value) => {\r\n if (name === \"customer_social_security_number\") {\r\n return Validator.validateSsn(value, true);\r\n } else if (name === \"customer_email\") {\r\n return Validator.validateEmail(value);\r\n } else {\r\n return value.length > 0;\r\n }\r\n };\r\n\r\n _onFieldChange = (name, value) => {\r\n CobHelpers.onViewFieldChange.call(this, name, value, false, () =>\r\n fulfillmentCheck(this.props, this.state)\r\n );\r\n };\r\n\r\n _onUnlock = () => {\r\n this.setState({fieldsLocked: false});\r\n };\r\n\r\n _submitPersonalDetails = async () => {\r\n this.setState({busy: true, fieldsLocked: true}, async () => {\r\n let response = null;\r\n try {\r\n response = await api(\"/swish/upload\", {\r\n // type: isCompany ? \"company\" : \"person\",\r\n formFields: this.state.fields\r\n });\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n\r\n this.setState({\r\n ...this.state,\r\n busy: false,\r\n fields: {\r\n ...this.state.fields,\r\n isInfoSubmitted: true,\r\n caseId: response\r\n }\r\n });\r\n });\r\n };\r\n\r\n _fetchCustomerDetails = async () => {\r\n this.setState({busy: true}, async () => {\r\n let lookupData = null;\r\n\r\n let isCompany =\r\n !Validator.validateSsn(\r\n this.state.fields.customer_social_security_number,\r\n true\r\n ) &&\r\n Validator.validateOrgNum(\r\n this.state.fields.customer_social_security_number,\r\n true\r\n );\r\n\r\n try {\r\n lookupData = await api(\"/lookup\", {\r\n type: isCompany ? \"company\" : \"person\",\r\n value: this.state.fields.customer_social_security_number\r\n });\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n\r\n if (lookupData == null) {\r\n // Show error\r\n this.setState({busy: false, fieldsLocked: false});\r\n return;\r\n }\r\n\r\n const fieldsData = this.state.fields;\r\n fieldsData.customer_address_street = lookupData.street;\r\n fieldsData.customer_address_zipcode = lookupData.zipCode;\r\n fieldsData.customer_address_city = lookupData.city;\r\n\r\n if (isCompany) {\r\n fieldsData.customer_firstname = lookupData.companyName;\r\n fieldsData.customer_lastname = \"\";\r\n\r\n fieldsData.company_firma = lookupData.registeredFirmSignee;\r\n fieldsData.company_ceo = lookupData.ceo;\r\n fieldsData.company_board = lookupData.board;\r\n } else {\r\n fieldsData.customer_firstname = lookupData.firstName;\r\n fieldsData.customer_lastname = lookupData.lastName;\r\n fieldsData.company_firma = \"\";\r\n fieldsData.company_ceo = null;\r\n fieldsData.company_board = [];\r\n }\r\n\r\n this.setState({busy: false, fieldsLocked: false, fields: fieldsData});\r\n });\r\n };\r\n\r\n _onFieldBlur = name => {\r\n CobHelpers.onViewFieldBlur.call(this, name);\r\n };\r\n\r\n _onRepsUpdated = reps => {\r\n this.setState({fields: {...this.state.fields, reps: reps}});\r\n };\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n return [\r\n \"caseId\",\r\n \"swish_payment_id\",\r\n \"customer_firstname\",\r\n \"customer_lastname\",\r\n \"customer_social_security_number\",\r\n \"customer_address_street\",\r\n \"customer_address_zipcode\",\r\n \"customer_address_city\",\r\n \"customer_email\"\r\n ];\r\n}\r\n\r\nfunction _getInitialState() {\r\n if (this.props.prevState) return {...this.props.prevState};\r\n\r\n return {\r\n busy: false,\r\n fieldsLocked: true,\r\n validFields: {},\r\n fields: {\r\n isInfoSubmitted: false,\r\n caseId: null,\r\n customer_firstname: \"\",\r\n customer_lastname: \"\",\r\n customer_social_security_number: \"\",\r\n customer_address_street: \"\",\r\n customer_address_zipcode: \"\",\r\n customer_address_city: \"\",\r\n customer_email: \"\",\r\n\r\n company_firma: \"\",\r\n company_ceo: null,\r\n company_board: [],\r\n reps: [],\r\n\r\n customer_type: {\r\n options: [\r\n {label: \"Privatperson\", value: \"privatperson\", checked: false},\r\n {label: \"Företag\", value: \"foretag\", checked: false}\r\n ]\r\n }\r\n }\r\n };\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/no-prefetch-swish/CustomerInformation.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName, capitalizeFirstLetter} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./CustomerInformation.fulfillment\";\r\nimport Button from \"../../../../../components/Button/Button\";\r\nimport api from \"../../../../../helpers/api\";\r\nimport CompanyReps from \"../../../components/CompanyReps/CompanyReps\";\r\nimport i18n from \"@helpers/i18n\";\r\nimport Settings from \"@classes/Settings\";\r\n\r\nexport default class CobCustomerInformation extends React.PureComponent {\r\n static propTypes = {\r\n id: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n session: PropTypes.instanceOf(Session).isRequired,\r\n sectionNumber: PropTypes.number.isRequired,\r\n number: PropTypes.number.isRequired,\r\n prevState: PropTypes.object,\r\n config: PropTypes.object,\r\n onChange: PropTypes.func.isRequired\r\n };\r\n\r\n static companyExclusive = false;\r\n static privateExclusive = false;\r\n static fields = _getFields();\r\n\r\n urlParameters = Object.fromEntries(\r\n new URLSearchParams(window.location.search)\r\n );\r\n state = _getInitialState.call(this);\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const {props, state} = this;\r\n const {id, onChange} = props;\r\n\r\n if (prevState.fields !== state.fields) {\r\n onChange(id, {...state}, fulfillmentCheck(props, state));\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (this.urlParameters.hasOwnProperty(\"ssn\")) {\r\n Validator.validateSsn(this.urlParameters.ssn, true);\r\n this._onFieldChange(\r\n \"customer_social_security_number\",\r\n this.urlParameters.ssn\r\n );\r\n }\r\n }\r\n\r\n render() {\r\n const {props, state} = this;\r\n const {title} = props;\r\n const classes = createClassName(\"Cob-CustomerInformation\", {\r\n \"Cob-View\": true,\r\n fulfilled: state.isFulfilled\r\n });\r\n\r\n const langCode = Settings.get(\"LANGUAGE\");\r\n let ssnShort =\r\n langCode === \"fi\"\r\n ? state.fields.customer_social_security_number\r\n : state.fields.customer_social_security_number.replaceAll(\"-\", \"\");\r\n\r\n let isCompany = false;\r\n if (props.config && props.config.company_only) {\r\n isCompany = true;\r\n } else {\r\n isCompany =\r\n !Validator.validateSsn(ssnShort, true) &&\r\n Validator.validateOrgNum(ssnShort, true);\r\n if (ssnShort.length > 10) {\r\n ssnShort = ssnShort.substring(2, ssnShort.length);\r\n }\r\n }\r\n\r\n const isFetchButtonDisabled = isCompany\r\n ? !Validator.validateOrgNum(\r\n state.fields.customer_social_security_number,\r\n true\r\n )\r\n : !Validator.validateSsn(\r\n state.fields.customer_social_security_number,\r\n true\r\n );\r\n\r\n return (\r\n \r\n 0}\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n readOnly={state.fieldsLocked}\r\n className={\r\n state.fields.customer_firstname.trim().length === 0\r\n ? \"empty\"\r\n : \"\"\r\n }\r\n required\r\n />\r\n )\r\n }\r\n ]}\r\n />\r\n )}\r\n {!isCompany && (\r\n 0}\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n readOnly={state.fieldsLocked}\r\n className={\r\n state.fields.customer_firstname.trim().length === 0\r\n ? \"empty\"\r\n : \"\"\r\n }\r\n required\r\n />\r\n )\r\n },\r\n {\r\n render: (\r\n 0}\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n readOnly={state.fieldsLocked}\r\n className={\r\n state.fields.customer_lastname.trim().length === 0\r\n ? \"empty\"\r\n : \"\"\r\n }\r\n required\r\n />\r\n )\r\n }\r\n ]}\r\n />\r\n )}\r\n 0}\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n readOnly={state.fieldsLocked}\r\n className={\r\n state.fields.customer_address_street.trim().length === 0\r\n ? \"empty\"\r\n : \"\"\r\n }\r\n required\r\n />\r\n )\r\n },\r\n {\r\n render: (\r\n 0}\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n readOnly={state.fieldsLocked}\r\n className={\r\n state.fields.customer_address_zipcode.trim().length === 0\r\n ? \"empty\"\r\n : \"\"\r\n }\r\n required\r\n />\r\n )\r\n },\r\n {\r\n render: (\r\n 0}\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n readOnly={state.fieldsLocked}\r\n className={\r\n state.fields.customer_address_city.trim().length === 0\r\n ? \"empty\"\r\n : \"\"\r\n }\r\n required\r\n />\r\n )\r\n }\r\n ]}\r\n />\r\n {isCompany && (\r\n \r\n \r\n
\r\n )\r\n }\r\n ]}\r\n />\r\n \r\n )}\r\n {title}
\r\n\r\n
\r\n )\r\n }\r\n ]}\r\n />\r\n {!state.fields.isInfoSubmitted && (\r\n \r\n {i18n(\"customer_info\", \"fill_manually_or\")}\r\n \r\n {i18n(\"customer_info\", \"fill_manually_action\")}\r\n \r\n
\r\n )}\r\n {isCompany && (\r\n\r\n {i18n(\"customer_info\", \"email_info\")}\r\n
\r\n\r\n\r\n
\r\n );\r\n }\r\n\r\n // Internal methods\r\n _fieldValidator = (name, value) => {\r\n if (name === \"customer_social_security_number\") {\r\n return Validator.validateSsn(value, true);\r\n } else if (name === \"customer_email\") {\r\n return Validator.validateEmail(value);\r\n } else {\r\n return value.length > 0;\r\n }\r\n };\r\n\r\n _onFieldChange = (name, value) => {\r\n CobHelpers.onViewFieldChange.call(this, name, value);\r\n };\r\n\r\n _onUnlock = () => {\r\n this.setState({fieldsLocked: false});\r\n };\r\n\r\n _fetchCustomerDetails = async () => {\r\n this.setState({busy: true}, async () => {\r\n let lookupData = null;\r\n\r\n let isCompany =\r\n !Validator.validateSsn(\r\n this.state.fields.customer_social_security_number,\r\n true\r\n ) &&\r\n Validator.validateOrgNum(\r\n this.state.fields.customer_social_security_number,\r\n true\r\n );\r\n\r\n try {\r\n lookupData = await api(\"/lookup\", {\r\n type: isCompany ? \"company\" : \"person\",\r\n value: this.state.fields.customer_social_security_number\r\n });\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n\r\n if (lookupData == null) {\r\n // Show error\r\n this.setState({busy: false, fieldsLocked: false});\r\n return;\r\n }\r\n\r\n const fieldsData = this.state.fields;\r\n fieldsData.customer_address_street = lookupData.street;\r\n fieldsData.customer_address_zipcode = lookupData.zipCode;\r\n fieldsData.customer_address_city = lookupData.city;\r\n\r\n if (isCompany) {\r\n fieldsData.customer_firstname = lookupData.companyName;\r\n fieldsData.customer_lastname = \"\";\r\n\r\n fieldsData.company_firma = lookupData.registeredFirmSignee;\r\n fieldsData.company_ceo = lookupData.ceo;\r\n fieldsData.company_board = lookupData.board;\r\n } else {\r\n fieldsData.customer_firstname = lookupData.firstName;\r\n fieldsData.customer_lastname = lookupData.lastName;\r\n fieldsData.company_firma = \"\";\r\n fieldsData.company_ceo = null;\r\n fieldsData.company_board = [];\r\n }\r\n\r\n this.setState({busy: false, fieldsLocked: false, fields: fieldsData});\r\n });\r\n };\r\n\r\n _onFieldBlur = name => {\r\n CobHelpers.onViewFieldBlur.call(this, name);\r\n };\r\n\r\n _onRepsUpdated = reps => {\r\n this.setState({fields: {...this.state.fields, reps: reps}});\r\n };\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n return [\r\n \"customer_firstname\",\r\n \"customer_lastname\",\r\n \"customer_social_security_number\",\r\n \"customer_address_street\",\r\n \"customer_address_zipcode\",\r\n \"customer_address_city\",\r\n \"customer_email\"\r\n ];\r\n}\r\n\r\nfunction _getInitialState() {\r\n if (this.props.prevState) return {...this.props.prevState};\r\n\r\n return {\r\n busy: false,\r\n fieldsLocked: true,\r\n prePopulatedFields: this.urlParameters.hasOwnProperty(\"ssn\"),\r\n validFields: {},\r\n fields: {\r\n customer_firstname: this.urlParameters.firstName || \"\",\r\n customer_lastname: this.urlParameters.lastName || \"\",\r\n customer_social_security_number: this.urlParameters.ssn || \"\",\r\n customer_address_street: this.urlParameters.address1 || \"\",\r\n customer_address_zipcode: this.urlParameters.zipCode || \"\",\r\n customer_address_city: this.urlParameters.city || \"\",\r\n customer_email: this.urlParameters.email || \"\",\r\n\r\n company_firma: \"\",\r\n company_ceo: null,\r\n company_board: [],\r\n reps: [],\r\n\r\n customer_type: {\r\n options: [\r\n {label: \"Privatperson\", value: \"privatperson\", checked: false},\r\n {label: \"Företag\", value: \"foretag\", checked: false}\r\n ]\r\n }\r\n }\r\n };\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/no-prefetch/CustomerInformation.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./CustomerInformation.fulfillment\";\r\n\r\n\r\nexport default class CobCustomerInformation extends React.PureComponent\r\n{\r\n static propTypes = {\r\n id: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n session: PropTypes.instanceOf(Session).isRequired,\r\n sectionNumber: PropTypes.number.isRequired,\r\n number: PropTypes.number.isRequired,\r\n prevState: PropTypes.object,\r\n onChange: PropTypes.func.isRequired\r\n };\r\n\r\n static companyExclusive = false;\r\n static privateExclusive = false;\r\n static fields = _getFields();\r\n\r\n state = _getInitialState.call(this);\r\n\r\n componentDidUpdate(prevProps, prevState)\r\n {\r\n const {props, state} = this;\r\n const {id, onChange} = props;\r\n\r\n if (prevState.fields !== state.fields)\r\n {\r\n onChange(id, {...state}, fulfillmentCheck(props, state));\r\n }\r\n }\r\n\r\n componentDidMount()\r\n {\r\n const {app} = this.props;\r\n const isFulfilled = fulfillmentCheck(this.props, this.state);\r\n const fulfilledViewsById = {...app.fulfilledViewsById};\r\n if (isFulfilled)\r\n {\r\n fulfilledViewsById[\"CustomerInformation\"] = true;\r\n }\r\n else\r\n {\r\n delete fulfilledViewsById[\"CustomerInformation\"];\r\n }\r\n this.props.actions.setAppState({fulfilledViewsById});\r\n }\r\n\r\n render()\r\n {\r\n const {props, state} = this;\r\n const {title, session} = props;\r\n const classes = createClassName(\"Cob-CustomerInformation\", {\r\n \"Cob-View\": true,\r\n \"fulfilled\": state.isFulfilled\r\n });\r\n\r\n let ssnShort = state.fields.customer_social_security_number.replaceAll(\"-\", \"\");\r\n if (ssnShort.length > 10)\r\n {\r\n ssnShort = ssnShort.substring(2, ssnShort.length);\r\n }\r\n\r\n return (\r\n \r\n 0}\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n readOnly={state.fieldsLocked}\r\n className={\r\n state.fields.customer_firstname.trim().length === 0\r\n ? \"empty\"\r\n : \"\"\r\n }\r\n required\r\n />\r\n )\r\n }\r\n ]}\r\n />\r\n )}\r\n\r\n {!isCompany && (\r\n 0}\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n readOnly={state.fieldsLocked}\r\n className={\r\n state.fields.customer_firstname.trim().length === 0\r\n ? \"empty\"\r\n : \"\"\r\n }\r\n required\r\n />\r\n )\r\n },\r\n {\r\n render: (\r\n 0}\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n readOnly={state.fieldsLocked}\r\n className={\r\n state.fields.customer_lastname.trim().length === 0\r\n ? \"empty\"\r\n : \"\"\r\n }\r\n required\r\n />\r\n )\r\n }\r\n ]}\r\n />\r\n )}\r\n\r\n 0}\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n readOnly={state.fieldsLocked}\r\n className={\r\n state.fields.customer_address_street.trim().length === 0\r\n ? \"empty\"\r\n : \"\"\r\n }\r\n required\r\n />\r\n )\r\n },\r\n {\r\n render: (\r\n 0}\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n readOnly={state.fieldsLocked}\r\n className={\r\n state.fields.customer_address_zipcode.trim().length === 0\r\n ? \"empty\"\r\n : \"\"\r\n }\r\n required\r\n />\r\n )\r\n },\r\n {\r\n render: (\r\n 0}\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n readOnly={state.fieldsLocked}\r\n className={\r\n state.fields.customer_address_city.trim().length === 0\r\n ? \"empty\"\r\n : \"\"\r\n }\r\n required\r\n />\r\n )\r\n }\r\n ]}\r\n />\r\n\r\n {state.prePopulatedFields && (\r\n \r\n \r\n )}\r\n
\r\n {title}
\r\n\r\n\r\n
\r\n )\r\n }\r\n ]\r\n : [\r\n {\r\n render: (\r\n \r\n {i18n(\"customer_info\", \"fill_manually_or\")}\r\n \r\n {i18n(\"customer_info\", \"fill_manually_action\")}\r\n \r\n
\r\n )}\r\n\r\n {isCompany && (\r\n\r\n \r\n {capitalizeFirstLetter(\r\n i18n(\"customer_info\", \"fill_manually_action\")\r\n )}\r\n \r\n
\r\n )}\r\n\r\n {isCompany && (\r\n\r\n {i18n(\"customer_info\", \"email_info\")}\r\n
\r\n\r\n\r\n
\r\n );\r\n }\r\n\r\n // Internal methods\r\n _fieldValidator = (name, value) =>\r\n {\r\n if (name === \"customer_social_security_number\")\r\n {\r\n return this.props.session.isCompany ? Validator.validateOrgNum(value, true) : Validator.validateSsn(value, true);\r\n }\r\n else if (name === \"customer_email\")\r\n {\r\n return Validator.validateEmail(value);\r\n }\r\n else\r\n {\r\n return value.length > 0;\r\n }\r\n };\r\n\r\n _onFieldChange = (name, value) =>\r\n {\r\n CobHelpers.onViewFieldChange.call(this, name, value);\r\n };\r\n\r\n _onFieldBlur = (name) =>\r\n {\r\n CobHelpers.onViewFieldBlur.call(this, name);\r\n };\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields()\r\n{\r\n return [\r\n \"customer_name\",\r\n \"customer_firstname\",\r\n \"customer_lastname\",\r\n \"customer_social_security_number\",\r\n \"customer_email\"\r\n ];\r\n}\r\n\r\nfunction _getInitialState()\r\n{\r\n if (this.props.prevState)\r\n {\r\n return {...this.props.prevState};\r\n }\r\n\r\n const {session} = this.props;\r\n const {isCompany} = session;\r\n const getLookupData = (name) => session.lookupData ? session.lookupData[name] || \"\" : \"\";\r\n\r\n return {\r\n validFields: !session.lookupData ? {} : {\r\n \"is_company\": true,\r\n \"customer_firstname\": !!getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n \"customer_social_security_number\": !!getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n \"customer_email\": isCompany ? true : !!getLookupData(\"email\"),\r\n ...(\r\n !isCompany ? {\r\n \"customer_lastname\": !!getLookupData(\"lastName\")\r\n } : undefined\r\n )\r\n },\r\n fields: {\r\n \"is_company\": isCompany,\r\n \"customer_firstname\": getLookupData(isCompany ? \"companyName\" : \"firstName\"),\r\n \"customer_lastname\": !isCompany ? getLookupData(\"lastName\") : \"\",\r\n \"customer_social_security_number\": getLookupData(isCompany ? \"orgNumber\" : \"ssn\"),\r\n \"customer_email\": !isCompany ? getLookupData(\"email\") : \"\",\r\n },\r\n };\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/CustomerInformation/simple/CustomerInformation.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../components/DefaultFields/DefaultFields\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./IskBilagor.fulfillment\";\r\nimport CheckboxWithName from \"../../components/CheckboxWithName/CheckboxWithName\";\r\nimport imgPdf from \"@assets/img/ic_pdf.png\";\r\n\r\n\r\nexport default class IskBilagor extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired,\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {state} = this;\r\n\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n \r\n \r\n )}\r\n\r\n \r\n\r\n \r\n\r\n
\r\n {title}
\r\n\r\n\r\n Det digitala avtalet kommer att skickas ut för signering till e-postadressen du anger nedan.\r\n
\r\n\r\n\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"checkbox_customer_kyc_forkop\",\r\n\t\t\"checkbox_customer_kyc_isk\"\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\treturn {\r\n\t\tvalidFields: [],\r\n\t\tfields: {\r\n\t\t\t\"checkbox_customer_kyc_forkop\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\t\t\t\"checkbox_customer_kyc_isk\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t}\r\n\t\t},\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Fair/IskBilagor.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./Kyc.fulfillment\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport TextView from \"../../../../../components/TextView/TextView\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\nimport OriginOfFunds from \"../../../components/KYC/OriginOfFunds\";\r\nimport SizeOfDeposits from \"../../../components/KYC/SizeOfDeposits\";\r\nimport FrequencyOfDeposits from \"../../../components/KYC/FrequencyOfDeposits\";\r\nimport OriginOfDeposits from \"../../../components/KYC/OriginOfDeposits\";\r\nimport PurposeOfDeposits from \"../../../components/KYC/PurposeOfDeposits\";\r\nimport PepQuestions from \"../../../components/PepQuestions/PepQuestions\";\r\n\r\n\r\nexport default class Kyc extends React.PureComponent\r\n{\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = true;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState)\r\n\t{\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields)\r\n\t\t{\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\r\n\trender()\r\n\t{\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title} = props;\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\tBilagor
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tAllmänna bestämmelser för depå\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tAllmänna villkor för Investeringssparkonto\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) =>\r\n\t{\r\n\t\tif (name === \"customer_social_security_number\")\r\n\t\t{\r\n\t\t\treturn this.props.session.isCompany ? Validator.validateOrgNum(value, true) : Validator.validateSsn(value, true);\r\n\t\t}\r\n\t\telse if (name === \"customer_email\")\r\n\t\t{\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse\r\n\t\t{\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n\r\n\r\n\r\n\t_onPepChange = (valid) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"pep_fields_valid\", valid);\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) =>\r\n\t{\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) =>\r\n\t{\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) =>\r\n\t\t{\r\n\t\t\tif (i === index)\r\n\t\t\t{\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t{\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n\r\n\t_onSelectPepChange = (option, index) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[option.name]: {\r\n\t\t\t\t\t...this.state.fields[option.name],\r\n\t\t\t\t\tindex: index,\r\n\t\t\t\t},\r\n\t\t\t\t[option.name + \"_value\"]: option.label\r\n\t\t\t},\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields()\r\n{\r\n\treturn [\r\n\t\t\"customer_occupation_last24m\",\r\n\t\t\"customer_occupation\",\r\n\t\t\"checkbox_aml_own_money\"\r\n\t];\r\n}\r\n\r\nfunction _getInitialState()\r\n{\r\n\tif (this.props.prevState)\r\n\t{\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\tcustomer_occupation_last24m: \"\",\r\n\t\t\tcustomer_occupation: \"\",\r\n\t\t\tcheckbox_aml_own_money: {options: _createYesNoOptions()},\r\n\r\n\t\t\tpep_fields_valid: false,\r\n\r\n\t\t\toriginOfFundsFulfilled: false,\r\n\t\t\tsizeOfDepositsFulfilled: false,\r\n\t\t\tfrequencyOfDepositsFulfilled: false,\r\n\t\t\toriginOfDepositsFulfilled: false,\r\n\t\t\tpurposeOfDepositsFulfilled: false\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction _createYesNoOptions()\r\n{\r\n\treturn [\r\n\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t];\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Fair/Kyc/Kyc.js","import React from \"react\";\r\nimport OptionsList from \"../OptionsList/OptionsList\";\r\nimport KYCQuestion from \"./KYCQuestion\";\r\n\r\nexport default class SizeOfDeposits extends KYCQuestion\r\n{\r\n\tstate = {\r\n\t\tfields: {\r\n\t\t\tradio_aml_deposit_amt: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: \"radio_aml_deposit_amt\",\r\n\t\t\t\t\t\tlabel: \"0 - 100 000 kr\",\r\n\t\t\t\t\t\tvalue: \"0-100\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: \"radio_aml_deposit_amt\",\r\n\t\t\t\t\t\tlabel: \"100 000 - 250 000 kr\",\r\n\t\t\t\t\t\tvalue: \"100-250\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: \"radio_aml_deposit_amt\",\r\n\t\t\t\t\t\tlabel: \"250 000 - 500 000 kr\",\r\n\t\t\t\t\t\tvalue: \"250-500\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: \"radio_aml_deposit_amt\",\r\n\t\t\t\t\t\tlabel: \"500 000 - 1 mkr\",\r\n\t\t\t\t\t\tvalue: \"500-1000\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: \"radio_aml_deposit_amt\",\r\n\t\t\t\t\t\tlabel: \"Mer än 1 mkr\",\r\n\t\t\t\t\t\tvalue: \">1mn\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tconstructor(props, context)\r\n\t{\r\n\t\tsuper(props, context);\r\n\t\tthis.fieldName = \"radio_aml_deposit_amt\";\r\n\t}\r\n\r\n\trender()\r\n\t{\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\tstate.fields.customer_occupation_last24m.length <= 250 ? true : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tresize=\"vertical\"\r\n\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\tstyle={{height: \"100px\", marginBottom: \"10px\"}}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\tstate.fields.customer_occupation.length <= 250 ? true : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tresize=\"vertical\"\r\n\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\tstyle={{height: \"100px\", marginBottom: \"30px\"}}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{state.fields.checkbox_aml_own_money.options[0].checked && (\r\n\t\t\t\t\t\t this.setState({\r\n\t\t\t\t\t\tfields: {...this.state.fields, originOfFundsFulfilled: fulfilled}\r\n\t\t\t\t\t})} />\r\n\r\n\t\t\t\t\t this.setState({\r\n\t\t\t\t\t\tfields: {...this.state.fields, sizeOfDepositsFulfilled: fulfilled}\r\n\t\t\t\t\t})} />\r\n\r\n\t\t\t\t\t this.setState({\r\n\t\t\t\t\t\tfields: {...this.state.fields, frequencyOfDepositsFulfilled: fulfilled}\r\n\t\t\t\t\t})} />\r\n\r\n\t\t\t\t\t this.setState({\r\n\t\t\t\t\t\tfields: {...this.state.fields, originOfDepositsFulfilled: fulfilled}\r\n\t\t\t\t\t})} />\r\n\r\n\t\t\t\t\t this.setState({\r\n\t\t\t\t\t\tfields: {...this.state.fields, purposeOfDepositsFulfilled: fulfilled}\r\n\t\t\t\t\t})} />\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\tSysselsättning senaste 24 månaderna
\r\n\r\n\t\t\t\t\tVad arbetar du huvudsakligen med?
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tSom kund hos oss måste du äga de pengar och/eller de värdepapper du vill spara eller investera i.\r\n\t\t\t\t\t\t\tEftersom du har kryssat \"Nej\" kan du inte slutföra uppdateringen av kundkännedomsuppgifter här,\r\n\t\t\t\t\t\t\tta istället kontakt med din rådgivare.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\tPEP - Politiskt exponerad person
\r\n\r\n\r\n
\r\n\r\n \r\n PEP – Person i politiskt utsatt ställning – Person som har eller tidigare har haft en hög\r\n politisk post, en hög statlig befattning eller funktion i ledningen i en internationell\r\n organisation, eller har en nära familjemedlem eller medarbetare med ovanstående befattning.\r\n
\r\n\r\n
\r\n )}\r\n\r\n {state.fields.radio_customer_pep.options[1].checked && state.fields.radio_customer_pep_details.index !== -1 && (\r\n \r\n )}\r\n\r\n \r\n
\r\n )}\r\n\r\n {state.fields.radio_customer_pep_past.options[1].checked && state.fields.radio_customer_pep_past_details.index !== -1 && (\r\n \r\n )}\r\n \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onDownloadProtocol = () => {\r\n\t\tif (this.state.downloading)\r\n\t\t{\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.setState({downloadError: false, downloading: true}, async () => {\r\n\t\t\ttry\r\n\t\t\t{\r\n\t\t\t\tconst result = await api(\"/case/download/latest\", {identityNo: this.state.identity, checksum: this.state.checksum});\r\n\r\n\t\t\t\t// Base64 decode, download the file\r\n\t\t\t\tconst linkSource = `data:application/pdf;base64,${result.data}`;\r\n\t\t\t\tconst downloadLink = document.createElement(\"a\");\r\n\t\t\t\tconst fileName = result.filename;\r\n\t\t\t\tdownloadLink.href = linkSource;\r\n\t\t\t\tdownloadLink.download = fileName;\r\n\t\t\t\tdownloadLink.click();\r\n\r\n\t\t\t\tthis.setState({downloadError: false, downloading: false});\r\n\t\t\t}\r\n\t\t\tcatch (exception)\r\n\t\t\t{\r\n\t\t\t\tthis.setState({downloadError: true, downloading: false});\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) =>\r\n\t{\r\n\t\tif (name === \"customer_social_security_number\")\r\n\t\t{\r\n\t\t\treturn this.props.session.isCompany ? Validator.validateOrgNum(value, true) : Validator.validateSsn(value, true);\r\n\t\t}\r\n\t\telse if (name === \"customer_email\")\r\n\t\t{\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse\r\n\t\t{\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) =>\r\n\t{\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) =>\r\n\t\t{\r\n\t\t\tif (i === index)\r\n\t\t\t{\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t{\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields()\r\n{\r\n\treturn [];\r\n}\r\n\r\nfunction _getInitialState()\r\n{\r\n\tif (this.props.prevState)\r\n\t{\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\thasDownloadableDocumentation: this.props.hasDownloadableDocumentation,\r\n\t\tdownloadError: false,\r\n\t\tdownloading: false,\r\n\t\tidentity: this.props.session.context.customer.id,\r\n\t\tchecksum: this.props.session.context.customer.check,\r\n\t\tisCompany: this.props.session.isCompany,\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\tradio_kyc_updt_sek5: {options: _createYesNoOptions()},\r\n\t\t\tradio_kyc_updt_invgoals: {options: _createYesNoOptions()},\r\n\t\t\tradio_kyc_updt_risktaking: {options: _createYesNoOptions()},\r\n\t\t\tradio_kyc_updt_invhorizon: {options: _createYesNoOptions()},\r\n\t\t\tradio_hallbarhet_has_preferences: {options: _createYesNoOptions()},\r\n\r\n\t\t\tcustomer_situation_changed_description: \"\",\r\n\t\t\tcustomer_goals_changed_description: \"\",\r\n\t\t\tcustomer_risktaking_changed_description: \"\",\r\n\t\t\tcustomer_invhorizon_changed_description: \"\",\r\n\t\t\tcustomer_hallbarhet_art6_description: \"\",\r\n\r\n\t\t\tcheckbox_hallbarhet_852: \"\",\r\n\t\t\tcustomer_hallbarhet_852_minimum: \"\",\r\n\t\t\tcheckbox_hallbarhet_2088: \"\",\r\n\t\t\tcustomer_hallbarhet_2088_text: \"\",\r\n\t\t\tcheckbox_hallbarhet_customer: \"\",\r\n\t\t\tcheckbox_hallbarhet_art6: \"\"\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction _createYesNoOptions()\r\n{\r\n\treturn [\r\n\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t];\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Fair/Kyc/KycChanges.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\nimport Validator from \"@classes/Validator\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./KycForetag.fulfillment\";\r\nimport SizeOfDeposits from \"../../../components/KYC/SizeOfDeposits\";\r\nimport FrequencyOfDeposits from \"../../../components/KYC/FrequencyOfDeposits\";\r\nimport SizeOfTurnover from \"../../../components/KYC/SizeOfTurnover\";\r\nimport NumberOfEmployees from \"../../../components/KYC/NumberOfEmployees\";\r\nimport OriginOfCompanyFunds from \"../../../components/KYC/OriginOfCompanyFunds\";\r\nimport TypeOfCompany from \"../../../components/KYC/TypeOfCompany\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\nimport NumberField from \"../../../components/NumberField/NumberField\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"../../../../../components/FieldsCollection/FieldsCollection\";\r\nimport UboFields from \"../../../components/UboFields/UboFields\";\r\nimport TextField from \"../../../../../components/TextField/TextField\";\r\nimport PepQuestions from \"../../../components/PepQuestions/PepQuestions\";\r\n\r\n\r\nexport default class KycForetag extends React.PureComponent\r\n{\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired\r\n\t};\r\n\r\n\tstatic companyExclusive = true;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState)\r\n\t{\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields)\r\n\t\t{\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender()\r\n\t{\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title} = props;\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{!session.isCompany && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\tstyle={{marginTop: \"20px\"}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\tstyle={{marginTop: \"20px\"}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\tstyle={{marginTop: \"20px\"}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\tstyle={{marginTop: \"20px\"}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tSe avsnitt \"Information om hållbarhetspreferenser\" (sid 28, avsnitt 9)\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{state.fields.radio_hallbarhet_has_preferences.options[1].checked && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t this.setState({fields: {...state.fields, checkbox_hallbarhet_852: checked ? \"yes\" : \"no\"}})}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={\"smallText\"}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t{state.fields.checkbox_hallbarhet_852 === \"yes\" && (\r\n\t\t\t\t\t\t\t\t this.setState({fields: {...state.fields, checkbox_hallbarhet_2088: checked ? \"yes\" : \"no\"}})}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={\"smallText\"}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t{state.fields.checkbox_hallbarhet_2088 === \"yes\" && (\r\n\t\t\t\t\t\t\t\t this.setState({fields: {...state.fields, checkbox_hallbarhet_customer: checked ? \"yes\" : \"no\"}})}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={\"smallText\"}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t this.setState({fields: {...state.fields, checkbox_hallbarhet_art6: checked ? \"yes\" : \"no\"}})}\r\n\t\t\t\t\t\t\t\t\t className={\"smallText\"}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t{state.fields.checkbox_hallbarhet_art6 === \"yes\" && (\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t{pageTitle}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{state.hasDownloadableDocumentation && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDu hittar {subjectDitt} senaste rådgivningsprotokoll här:
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tLadda ner senaste rådgivningsprotokoll\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{state.downloadError && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tRådgivningsprotokollet kunde inte laddas ner. Var god kontakta din rådgivare.\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tVilken/vilka av följande instrumenttyper avser {\" \" + subjectDina + \" \"}\r\n\t\t\t\t\t\t\t\thållbarhetspreferenser?\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t 0 && state.fields.customer_hallbarhet_852_minimum <= 100}\r\n\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\tstyle={{marginTop: \"5px\"}}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\tMinimiandel
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t 0 && state.fields.customer_hallbarhet_2088_text <= 100}\r\n\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\tstyle={{marginTop: \"5px\"}}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\tMinimiandel
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t 0}\r\n\t\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\tstyle={{marginTop: \"20px\"}}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) =>\r\n\t{\r\n\t\tif (name === \"customer_social_security_number\")\r\n\t\t{\r\n\t\t\treturn this.props.session.isCompany ? Validator.validateOrgNum(value, true) : Validator.validateSsn(value, true);\r\n\t\t}\r\n\t\telse if (name === \"customer_email\")\r\n\t\t{\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\t\telse\r\n\t\t{\r\n\t\t\treturn value.length > 0;\r\n\t\t}\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) =>\r\n\t{\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) =>\r\n\t{\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) =>\r\n\t\t{\r\n\t\t\tif (i === index)\r\n\t\t\t{\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t{\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n\r\n\t_onUboChange = (valid) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"ubo_fields_valid\", valid);\r\n\t};\r\n\r\n\t_onPepChange = (valid) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"pep_fields_valid\", valid);\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields()\r\n{\r\n\treturn [\r\n\r\n\t];\r\n}\r\n\r\nfunction _getInitialState()\r\n{\r\n\tif (this.props.prevState)\r\n\t{\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\ttypeOfCompanyFulfilled: false,\r\n\t\t\toriginOfCompanyFundsFulfilled: false,\r\n\t\t\tnumberOfEmployeesFulfilled: false,\r\n\t\t\tsizeOfTurnoverFulfilled: false,\r\n\t\t\tsizeOfDepositsFulfilled: false,\r\n\t\t\tfrequencyOfDepositsFulfilled: false,\r\n\r\n\t\t\tubo_fields_valid: false,\r\n\t\t\tpep_fields_valid: false,\r\n\r\n\t\t\tcustomer_comp_histresult1: \"\",\r\n\t\t\tcustomer_comp_histresult2: \"\",\r\n\t\t\tcustomer_comp_histresult3: \"\",\r\n\r\n\t\t\tcustomer_comp_budresult12m: \"\",\r\n\t\t\tcustomer_comp_budresult24m: \"\",\r\n\r\n\t\t\tcustomer_comp_assets_cash: \"\",\r\n\t\t\tcustomer_comp_assets_fininstr: \"\",\r\n\t\t\tcustomer_comp_assets_other: \"\",\r\n\t\t\tcustomer_comp_assets_sum: \"\",\r\n\r\n\t\t\tcompany_business: \"\",\r\n\t\t\tradio_company_fininst: {options: _createYesNoOptions(true)},\r\n\t\t\tradio_company_active: {options: [\r\n\t\t\t\t{label: \"Aktivt\", value: \"Ja\", checked: false},\r\n\t\t\t\t{label: \"Passivt\", value: \"Nej\", checked: false}\r\n\t\t\t]},\r\n\t\t\tradio_company_revisor: {options: _createYesNoOptions(true)},\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction _createYesNoOptions(swedish = false)\r\n{\r\n\tif (swedish)\r\n\t{\r\n\t\treturn [\r\n\t\t\t{label: \"Nej\", value: \"Nej\", checked: false},\r\n\t\t\t{label: \"Ja\", value: \"Ja\", checked: false}\r\n\t\t];\r\n\t}\r\n\r\n\treturn [\r\n\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t];\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Fair/Kyc/KycForetag.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\n\r\n// COMPONENTS\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./Placering.fulfillment\";\r\nimport Select from \"../../../../components/Select/Select\";\r\nimport Validator from \"../../../../classes/Validator\";\r\nimport EditableField from \"../../components/EditableField/EditableField\";\r\nimport OptionsList from \"../../components/OptionsList/OptionsList\";\r\nimport DefaultFields from \"../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../Cob.helpers\";\r\nimport NumberField from \"../../components/NumberField/NumberField\";\r\n\r\n\r\nexport default class Placering extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired,\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {fields, validFields} = state;\r\n\t\tconst {availableBanks} = props;\r\n\r\n\t\t/**\r\n\t\t * Set up the dropdown with selectable banks.\r\n\t\t */\r\n\t\tlet availableBankOptions = [];\r\n\t\tfor (const bankName in availableBanks) {\r\n\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) continue;\r\n\t\t\tavailableBankOptions.push({\r\n\t\t\t\tlabel: bankName,\r\n\t\t\t\tvalue: bankName\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tavailableBankOptions.push({\r\n\t\t\tlabel: \"Övriga\",\r\n\t\t\tvalue: \"-\"\r\n\t\t});\r\n\r\n\t\tlet selectedBankIndex = -1;\r\n\r\n\t\tif (fields.bank_name && fields.bank_name.length > 0) {\r\n\t\t\tlet bankFoundInList = false;\r\n\t\t\tfor (const bankName in availableBanks) {\r\n\t\t\t\tif (bankName === 'length' || !availableBanks.hasOwnProperty(bankName)) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t\tif (bankName === fields.bank_name) {\r\n\t\t\t\t\tbankFoundInList = true;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (!bankFoundInList && fields.bank_name === '-') {\r\n\t\t\t\tselectedBankIndex++;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t 0)}\r\n\t\t\t\t\t/>\r\n\r\n\r\n\t\t\t\t\t 0 && state.fields.customer_comp_histresult1 !== \"-\")}\r\n\t\t\t\t\t\t\t\t\t\tunit={\"kr\"}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0 && state.fields.customer_comp_histresult2 !== \"-\")}\r\n\t\t\t\t\t\t\t\t\t\tunit={\"kr\"}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0 && state.fields.customer_comp_histresult3 !== \"-\")}\r\n\t\t\t\t\t\t\t\t\t\tunit={\"kr\"}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t 0 && state.fields.customer_comp_budresult12m !== \"-\")}\r\n\t\t\t\t\t\t\t\t\t\tunit={\"kr\"}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0 && state.fields.customer_comp_budresult24m !== \"-\")}\r\n\t\t\t\t\t\t\t\t\t\tunit={\"kr\"}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t 0 && state.fields.customer_comp_assets_cash !== \"-\")}\r\n\t\t\t\t\t\t\t\t\t\tunit={\"kr\"}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0 && state.fields.customer_comp_assets_fininstr !== \"-\")}\r\n\t\t\t\t\t\t\t\t\t\tunit={\"kr\"}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0 && state.fields.customer_comp_assets_other !== \"-\")}\r\n\t\t\t\t\t\t\t\t\t\tunit={\"kr\"}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t 0 && state.fields.customer_comp_assets_sum !== \"-\")}\r\n\t\t\t\t\t\t\t\t\t\tunit={\"kr\"}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t this.setState({\r\n\t\t\t\t\t\tfields: {...this.state.fields, typeOfCompanyFulfilled: fulfilled}\r\n\t\t\t\t\t})} />\r\n\r\n\t\t\t\t\t this.setState({\r\n\t\t\t\t\t\tfields: {...this.state.fields, numberOfEmployeesFulfilled: fulfilled}\r\n\t\t\t\t\t})} />\r\n\r\n\t\t\t\t\t this.setState({\r\n\t\t\t\t\t\tfields: {...this.state.fields, sizeOfTurnoverFulfilled: fulfilled}\r\n\t\t\t\t\t})} />\r\n\r\n\t\t\t\t\t this.setState({\r\n\t\t\t\t\t\tfields: {...this.state.fields, originOfCompanyFundsFulfilled: fulfilled}\r\n\t\t\t\t\t})} />\r\n\r\n\t\t\t\t\t this.setState({\r\n\t\t\t\t\t\tfields: {...this.state.fields, sizeOfDepositsFulfilled: fulfilled}\r\n\t\t\t\t\t})} />\r\n\r\n\t\t\t\t\t this.setState({\r\n\t\t\t\t\t\tfields: {...this.state.fields, frequencyOfDepositsFulfilled: fulfilled}\r\n\t\t\t\t\t})} />\r\n\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\tUppgifter om företaget
\r\n\r\n\t\t\t\t\tI vilken bransch verkar företaget
\r\n\t\t\t\t\tHistoriskt resultat
\r\n\r\n\t\t\t\t\tAnge siffror för årsbokslut, före skatt.
\r\n\r\n\t\t\t\t\tUppskattat resultat kommande period
\r\n\r\n\t\t\t\t\tAnge siffror för kommande årsbokslut, före skatt.
\r\n\r\n\t\t\t\t\tTillgångar
\r\n\r\n\t\t\t\t\tFrågor rörande lagen om penningtvätt och finansiering av terrorism
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t* Ett företag definieras som aktivt om minst 50 procent av företagets intäkter kommer från rörelse, till exempel\r\n\t\t\t\t\t\tförsäljning av varor och tjänster. Andra exempel på aktiva företag är: 1. Uppstartsbolag (de två första åren) 2.\r\n\t\t\t\t\t\tStiftelser och ideella föreningar som inte är skattskyldiga\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onChangeRadio = ({type, name}, option, index) => {\r\n\t\tname = name || option.name;\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n\r\n\t_onSelectBankChange = (option) => {\r\n\t\tthis._onFieldChange.call(this, \"bank_name\", option.value);\r\n\t};\r\n\r\n\t_onClearingFieldChange = (name, value) => {\r\n\t\t// Remove all non-numbers\r\n\t\tvalue = value.replace(/[^0-9]+/g, \"\");\r\n\r\n\t\t// Limit clearing numbers to 4 numbers, we'll show a message that says to enter only first four for the\r\n\t\t// banks with longer numbers\r\n\t\tif (value.length >= 4) {\r\n\t\t\tvalue = value.substring(0, 4);\r\n\t\t}\r\n\r\n\t\tlet valid = (this.state.fields.bank_name === '-') ? true :\r\n\t\t\tValidator.validateClearingNumber(value, this.state.fields.bank_name, this.props.availableBanks);\r\n\r\n\t\tthis._onFieldChange.call(this, name, value, valid);\r\n\t};\r\n\r\n\t_onAccountFieldChange = (name, value) => {\r\n\t\t// Remove dashes\r\n\t\tvalue = value.replace(\"-\", \"\");\r\n\t\tthis._onFieldChange.call(this, name, value, value.length > 0);\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name === 'account_number') {\r\n\t\t\treturn this._isValidBankAccountNo(false, value, this.state.fields.claering_nr);\r\n\t\t}\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tif (name === 'customer_account_bank_clearingno') {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name, null, true);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t\t}\r\n\t};\r\n\r\n\t_isValidBankAccountNo(doAdvancedValidation, accountNumber, clearingNumber) {\r\n\t\tif (accountNumber.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (doAdvancedValidation) {\r\n\t\t\tlet bankNoToValidate = clearingNumber + \", \" + accountNumber;\r\n\t\t\tlet kontonummer = window.kontonummer(bankNoToValidate);\r\n\t\t\treturn kontonummer !== false;\r\n\t\t}\r\n\r\n\t\tconst replacedValue = accountNumber.split(\" \").join(\"\");\r\n\t\treturn replacedValue.length > 5 && !isNaN(replacedValue);\r\n\t}\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"radio_customer_autopay\",\r\n\t\t\"account_number\",\r\n\t\t\"claering_nr\",\r\n\t\t\"bank_name\",\r\n\t\t\"bank_name_custom\",\r\n\r\n\t\t\"onetime_save\",\r\n\t\t\"onetime_save_1\",\r\n\t\t\"onetime_save_2\",\r\n\t\t\"onetime_save_3\",\r\n\t\t\"onetime_save_4\",\r\n\t\t\"onetime_save_5\",\r\n\r\n\t\t\"monthly_save\",\r\n\t\t\"monthly_save_1\",\r\n\t\t\"monthly_save_2\",\r\n\t\t\"monthly_save_3\",\r\n\t\t\"monthly_save_4\",\r\n\t\t\"monthly_save_5\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\treturn {\r\n\t\tvalidFields: [],\r\n\t\tfields: {\r\n\t\t\t\"account_number\": \"\",\r\n\t\t\t\"claering_nr\": \"\",\r\n\t\t\t\"bank_name\": \"\",\r\n\t\t\t\"bank_name_custom\": \"\",\r\n\r\n\t\t\t\"radio_fund_spets\": {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\t\"radio_customer_autopay\": {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\t\"onetime_save\": \"\",\r\n\t\t\t\"monthly_save\": \"\",\r\n\r\n\t\t\t\"onetime_save_1\": \"\",\r\n\t\t\t\"monthly_save_1\": \"\",\r\n\r\n\t\t\t\"onetime_save_2\": \"\",\r\n\t\t\t\"monthly_save_2\": \"\",\r\n\r\n\t\t\t\"onetime_save_3\": \"\",\r\n\t\t\t\"monthly_save_3\": \"\",\r\n\r\n\t\t\t\"onetime_save_4\": \"\",\r\n\t\t\t\"monthly_save_4\": \"\",\r\n\r\n\t\t\t\"onetime_save_5\": \"\",\r\n\t\t\t\"monthly_save_5\": \"\",\r\n\t\t},\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Fair/Placering.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\n\r\n// COMPONENTS\r\n// HELPERS\r\nimport fulfillmentCheck from \"./Withdrawal.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport {createClassName} from \"../../../../../helpers/utils\";\r\nimport api from \"../../../../../helpers/api\";\r\nimport ActivityIndicator from \"../../../../../components/ActivityIndicator/ActivityIndicator\";\r\nimport i18n from \"../../../../../helpers/i18n\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\nimport TextView from \"../../../../../components/TextView/TextView\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport Select from \"../../../../../components/Select/Select\";\r\nimport NumberField from \"../../../components/NumberField/NumberField\";\r\n\r\nexport default class Withdrawal extends React.PureComponent\r\n{\r\n static propTypes = {\r\n id: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n session: PropTypes.instanceOf(Session).isRequired,\r\n sectionNumber: PropTypes.number.isRequired,\r\n number: PropTypes.number.isRequired,\r\n prevState: PropTypes.object,\r\n onChange: PropTypes.func.isRequired\r\n };\r\n\r\n static companyExclusive = false;\r\n static privateExclusive = false;\r\n static fields = _getFields();\r\n\r\n withdrawalReasons = [\r\n {label: \"Flytt till annat institut\", value: \"Flytt till annat institut\"},\r\n {label: \"Pension ska betalas ut\", value: \"Pension ska betalas ut\"},\r\n {label: \"Kapitalbehov\", value: \"Kapitalbehov\"},\r\n {label: \"Annat\", value: \"Annat\"}\r\n ];\r\n\r\n kapitalbehovOptions = [\r\n {label: \"Bostadsköp\", value: \"Bostadsköp\"},\r\n {label: \"Fordonsköp\", value: \"Fordonsköp\"},\r\n {label: \"Betala lån/skulder\", value: \"Betala lån/skulder\"},\r\n {label: \"Resor\", value: \"Resor\"},\r\n {label: \"Dagligt leverne\", value: \"Dagligt leverne\"},\r\n {label: \"Reparation av fordon/bostad\", value: \"Reparation av fordon/bostad\"},\r\n {label: \"Sjukdomsfall\", value: \"Sjukdomsfall\"},\r\n {label: \"Förskott på arv\", value: \"Förskott på arv\"}\r\n ];\r\n\r\n state = _getInitialState.call(this);\r\n\r\n componentDidUpdate(prevProps, prevState)\r\n {\r\n const {props, state} = this;\r\n const {id, onChange} = props;\r\n\r\n if (prevState.fields !== state.fields)\r\n {\r\n onChange(id, {...state}, fulfillmentCheck(props, state));\r\n }\r\n }\r\n\r\n async componentDidMount()\r\n {\r\n try\r\n {\r\n console.log(\"Loading customer accounts...\");\r\n this.setState({accountsLoading: true}, async () =>\r\n {\r\n const newStateProps = {...this.state};\r\n let accounts = await api(\"/kundportal/accounts\", {\r\n identityNo: this.props.session._context.customer.id\r\n });\r\n newStateProps.fields.accounts = {options: []};\r\n newStateProps.fields.accounts.options = [];\r\n newStateProps.noAccounts = !(accounts && accounts.result && accounts.result.length > 0);\r\n if (!newStateProps.noAccounts)\r\n {\r\n for (let i = 0; i < accounts.result.length; i++)\r\n {\r\n const acc = accounts.result[i];\r\n newStateProps.fields.accounts.options.push({\r\n value: acc.AccountNo,\r\n label: \"(\" + acc.AccountNo + \") \" + acc.AccountName,\r\n placement: acc.AccountName,\r\n checked: false\r\n });\r\n }\r\n newStateProps.fields.accounts.options.push({\r\n value: \"-\",\r\n label: \"Annan depå/förvaltning\",\r\n placement: \"\",\r\n checked: false\r\n });\r\n }\r\n\r\n newStateProps.accountsLoading = false;\r\n this.setState(newStateProps);\r\n });\r\n }\r\n catch (e)\r\n {\r\n console.log(e);\r\n }\r\n }\r\n\r\n render()\r\n {\r\n const {props, state} = this;\r\n const {title} = props;\r\n\r\n const classes = createClassName(\"Cob-CustomerInformation\", {\r\n \"Cob-View\": true,\r\n \"fulfilled\": state.isFulfilled\r\n });\r\n\r\n if (state.accountsLoading)\r\n {\r\n return (\r\n \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{fields.radio_fund_spets.options[1].checked && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{!!fields.radio_customer_autopay.options[1].checked && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{!!fields.radio_customer_autopay.options[0].checked && (\r\n\t\t\t\t\t\t
\r\n\t\t\tEngångsinsättning / Månadssparande
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tDu kan i samband med att kontot öppnas även välja att påbörja ett sparande i någon av våra\r\n\t\t\t\t\t\tfonder, antingen genom en engångsinsättning eller genom ett regelbundet månadssparande.\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tAnge belopp för engångsinsättning och/eller månadssparande.\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t= 1000 || (state.fields.onetime_save === '' && state.fields.monthly_save >= 500))}\r\n\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\tunit={\"kr\"}\r\n\t\t\t\t\t\t\t\t\tstyle={{maxWidth: \"150px\"}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tEngångsinsättning
\r\n\t\t\t\t\t\t\t\tMinsta belopp 1 000 kr.
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t= 500 || (state.fields.monthly_save === '' && state.fields.onetime_save >= 1000))}\r\n\t\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\t\tunit={\"kr\"}\r\n\t\t\t\t\t\t\t\t\tstyle={{maxWidth: \"150px\"}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\tMånadssparande
\r\n\t\t\t\t\t\t\t\tMinsta belopp 500 kr.
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\tAutogiromedgivande\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tUndertecknad (”betalaren”), medger att betalning får göras genom uttag från angivet konto\r\n\t\t\t\t\t\t\teller\r\n\t\t\t\t\t\t\tav betalaren senare angivet Konto, på begäran av angiven betalningsmottagare för betalning\r\n\t\t\t\t\t\t\ttill\r\n\t\t\t\t\t\t\tdenne på viss dag (”förfallodagen”) via Autogiro. Betalaren medger att insättning och uttag\r\n\t\t\t\t\t\t\tfrån\r\n\t\t\t\t\t\t\tangivet konto eller av betalaren föranmält konto får göras på begäran av betalaren.\r\n\t\t\t\t\t\t\tBetalaren\r\n\t\t\t\t\t\t\tsamtycker till att behandling av personuppgifter som lämnats i detta medgivande behandlas av\r\n\t\t\t\t\t\t\tbetalarens betaltjänstleverantör, betalningsmottagaren, betalningsmottagarens\r\n\t\t\t\t\t\t\tbetaltjänstleverantör och Bankgirocentralen BGC AB för administration av tjänsten.\r\n\t\t\t\t\t\t\tPersonuppgiftsansvariga för denna personuppgiftsbehandling är betalarens\r\n\t\t\t\t\t\t\tbetaltjänstleverantör,\r\n\t\t\t\t\t\t\tbetalningsmottagaren samt betalningsmottagarens betaltjänstleverantör. Betalaren kan när som\r\n\t\t\t\t\t\t\thelst begära att få tillgång till eller rättelse av personuppgifterna genom att kontakta\r\n\t\t\t\t\t\t\tbetalarens betaltjänstleverantör. Ytterligare information om behandling av personuppgifter i\r\n\t\t\t\t\t\t\tsamband med betalningar kan finnas i villkoren för kontot och i avtalet med\r\n\t\t\t\t\t\t\tbetalningsmottagaren. Betalaren kan när som helst återkalla sitt samtycke, vilket medför att\r\n\t\t\t\t\t\t\ttjänsten i sin helhet avslutas.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\r\n\r\n\t\t\t\t\t\t\t\t{fields.bank_name === '-' && (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t{fields.bank_name !== '-' && (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t{fields.bank_name === 'Swedbank' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tDet förekommer att Swedbank har en femte siffra i clearingnumret. Vänligen ange\r\n\t\t\t\t\t\t\t\t\tenbart de fyra första innan bindestrecket. Exempel: 8214-9 ska anges som 8214.\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tInsättning\r\n\t\t\t\t\t\t\tFör att sätta in pengar använder du BG 5498-3614, mottagare Fair Investments Sweden AB, ange\r\n\t\t\t\t\t\t\tditt depånummer som referens.\r\n\r\n\t\t\t\t\t\t\tDepånummer tillsammans med en kopia på insättningsinstruktioner kommer att skickas till dig\r\n\t\t\t\t\t\t\tefter att avtalet signerats.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n
\r\n );\r\n }\r\n\r\n const today = new Date();\r\n let month = (today.getMonth() + 1);\r\n if (month < 10)\r\n {\r\n month = \"0\" + month;\r\n }\r\n let day = today.getDate();\r\n if (day < 10)\r\n {\r\n day = \"0\" + day;\r\n }\r\n let date = today.getFullYear() + \"-\" + month + \"-\" + day;\r\n\r\n let withdrawalReason = state.fields.customer_withdrawal_reason_option;\r\n\r\n if (withdrawalReason === \"Kapitalbehov\")\r\n {\r\n withdrawalReason += \": \" + state.fields.customer_withdrawal_reason_kapitalbehov;\r\n }\r\n else if (withdrawalReason === \"Flytt till annat institut\" && state.fields.customer_withdrawal_reason_institut.length > 0)\r\n {\r\n withdrawalReason += \": \" + state.fields.customer_withdrawal_reason_institut;\r\n }\r\n else if (withdrawalReason === \"Annat\")\r\n {\r\n withdrawalReason = state.fields.customer_withdrawal_reason;\r\n }\r\n\r\n let accountNumbersText = \"\";\r\n let accountPlacementsText = \"\";\r\n let isAccountOtherChecked = false;\r\n if (state.fields.accounts.options.length > 0)\r\n {\r\n for (let i = 0; i < state.fields.accounts.options.length; i++)\r\n {\r\n const opt = state.fields.accounts.options[i];\r\n if (opt.checked)\r\n {\r\n accountNumbersText += (accountNumbersText.length > 0 ? \", \" : \"\");\r\n accountPlacementsText += (accountPlacementsText.length > 0 ? \", \" : \"\");\r\n if (opt.value === \"-\")\r\n {\r\n isAccountOtherChecked = true;\r\n accountNumbersText += state.fields.customer_account_other_number;\r\n accountPlacementsText += state.fields.customer_account_other_placement;\r\n }\r\n else\r\n {\r\n accountNumbersText += opt.value;\r\n accountPlacementsText += opt.placement;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n {i18n(\"general\", \"please_wait\")}
\r\n\r\n
\r\n );\r\n }\r\n\r\n _fieldValidator = (name, value) =>\r\n {\r\n return value.length > 0;\r\n };\r\n\r\n _onFieldChange = (name, value) =>\r\n {\r\n if (name === 'other_text' && value.length > 300)\r\n {\r\n value = value.substring(0, 300);\r\n }\r\n\r\n if (name === 'customer_withdrawal_reason' && value.length > 220)\r\n {\r\n value = value.substring(0, 220);\r\n }\r\n\r\n CobHelpers.onViewFieldChange.call(this, name, value, false, () =>\r\n fulfillmentCheck(this.props, this.state)\r\n );\r\n };\r\n\r\n _onFieldBlur = (name) =>\r\n {\r\n CobHelpers.onViewFieldBlur.call(this, name);\r\n };\r\n\r\n _onOptionsListChange = ({type, name}, option, index) =>\r\n {\r\n const newOptions = [...this.state.fields[name].options].map((o, i) =>\r\n {\r\n if (i === index)\r\n {\r\n return option;\r\n }\r\n else\r\n {\r\n return {...o, checked: type === \"radio\" ? false : o.checked};\r\n }\r\n });\r\n\r\n this.setState({\r\n fields: {\r\n ...this.state.fields,\r\n [name]: {\r\n options: newOptions\r\n }\r\n }\r\n }, () => fulfillmentCheck(this.props, this.state));\r\n };\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields()\r\n{\r\n return [\r\n \"customer_withdrawal_reason_option\",\r\n \"customer_withdrawal_reason_kapitalbehov\",\r\n \"customer_withdrawal_reason\",\r\n \"customer_account_number\",\r\n \"customer_placement_name\",\r\n \"move_all_account\",\r\n \"move_some_account\",\r\n \"move_some_amount\",\r\n \"withdraw_some_amount\",\r\n \"customer_withdrawal_reason_institut\",\r\n \"withdrawal_fee\",\r\n \"other_text\",\r\n \"radio_action\"\r\n ];\r\n}\r\n\r\nfunction _getInitialState()\r\n{\r\n return {\r\n accountsLoading: true,\r\n fields: {\r\n customer_withdrawal_reason_option: \"\",\r\n customer_withdrawal_reason_kapitalbehov: \"\",\r\n customer_withdrawal_reason: \"\",\r\n customer_account_number: \"\",\r\n customer_account_other_number: \"\",\r\n customer_account_other_placement: \"\",\r\n customer_withdrawal_reason_institut: \"\",\r\n customer_placement_name: \"\",\r\n move_all_account: \"\",\r\n move_some_account: \"\",\r\n move_some_amount: \"\",\r\n withdraw_some_amount: \"\",\r\n withdrawal_fee: \"\",\r\n other_text: \"\",\r\n accounts: {\r\n options: []\r\n },\r\n has_withdrawal_fee: {\r\n options: [\r\n {\r\n value: \"no\",\r\n checked: false,\r\n label: \"Nej\"\r\n },\r\n {\r\n value: \"yes\",\r\n checked: false,\r\n label: \"Ja\"\r\n }\r\n ]\r\n },\r\n radio_action: {\r\n options: [\r\n {\r\n value: \"a\",\r\n checked: false,\r\n label: \"Jag vill att samtliga innehav på angiven depå/ISK avyttras och betalas ut till mitt föranmälda konto. Depå/ISK avslutas.\"\r\n },\r\n {\r\n value: \"m\",\r\n checked: false,\r\n label: \"Jag vill att samtliga innehav på angiven depå/ISK avyttras och att likviden därefter flyttas till annan depå hos Fair Investments.\"\r\n },\r\n {\r\n value: \"x\",\r\n checked: false,\r\n label: \"Jag vill ta ut ett bestämt belopp och att likviden därefter flyttas till annan depå hos Fair Investments.\"\r\n },\r\n {\r\n value: \"w\",\r\n checked: false,\r\n label: \"Jag vill ta ut ett bestämt belopp och att det betalas ut till mitt föranmälda konto.\"\r\n },\r\n {\r\n value: \"o\",\r\n checked: false,\r\n label: \"Annan åtgärd.\"\r\n }\r\n ]\r\n }\r\n }\r\n };\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Fair/Withdrawal/Withdrawal.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName, getPropertiesByPrefix, parseDraftDataPropsToFieldState, delay} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./Advice.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport TextView from \"../../../../../components/TextView/TextView\";\r\nimport NumberField from \"../../../components/NumberField/NumberField\";\r\n\r\n\r\nexport default class Advice extends React.PureComponent {\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState)\r\n\t{\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields)\r\n\t\t{\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\r\n\t\tif (prevProps.draftData !== props.draftData)\r\n\t\t{\r\n\t\t\tif (props.draftData)\r\n\t\t\t{\r\n\t\t\t\t// get the draftData props specific to this section only\r\n\t\t\t\tconst draftDataProps = getPropertiesByPrefix(\r\n\t\t\t\t\tprops.draftData,\r\n\t\t\t\t\t[\"advice_\", \"customer_\", \"allocation_fee\", \"checkbox_\"]\r\n\t\t\t\t);\r\n\t\t\t\t// parse the draftData props into state.fields\r\n\t\t\t\tconst newFieldsState = parseDraftDataPropsToFieldState(this.state.fields, draftDataProps);\r\n\r\n\t\t\t\tthis.setState(\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfields: {\r\n\t\t\t\t\t\t\t...newFieldsState\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\tasync () =>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tawait delay(200);\r\n\t\t\t\t\t\tonChange(id, {...this.state}, fulfillmentCheck(this.props, this.state));\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Fees\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n c.value).indexOf(state.fields.customer_withdrawal_reason_option)}\r\n onChange={(option) =>\r\n {\r\n CobHelpers.onViewFieldChange.call(this, \"customer_withdrawal_reason_option\", option.value, false, () =>\r\n fulfillmentCheck(this.props, this.state)\r\n );\r\n }}\r\n />\r\n\r\n {state.fields.customer_withdrawal_reason_option === \"Flytt till annat institut\" && (\r\n \r\n \r\n )}\r\n\r\n {state.fields.customer_withdrawal_reason_option === \"Kapitalbehov\" && (\r\n \r\n c.value).indexOf(state.fields.customer_withdrawal_reason_kapitalbehov)}\r\n onChange={(option) =>\r\n {\r\n CobHelpers.onViewFieldChange.call(this, \"customer_withdrawal_reason_kapitalbehov\", option.value, false, () =>\r\n fulfillmentCheck(this.props, this.state)\r\n );\r\n }}\r\n />\r\n \r\n )}\r\n\r\n {state.fields.customer_withdrawal_reason_option === \"Annat\" && (\r\n \r\n 0 &&\r\n state.fields.customer_withdrawal_reason.length <= 220 ? true : \"\"\r\n }\r\n resize=\"vertical\"\r\n fullWidth\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n style={{maxHeight: \"100px\"}}\r\n />\r\n \r\n )}\r\n\r\n \r\n\r\n \r\n 0 ? true : \"\"\r\n }\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n />\r\n \r\n )}\r\n\r\n {state.fields.radio_action.options[2].checked && (\r\n \r\n 0 ? true : \"\"\r\n }\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n unit={\"kr\"}\r\n />\r\n 0 ? true : \"\"\r\n }\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n required\r\n />\r\n \r\n )}\r\n\r\n {state.fields.radio_action.options[3].checked && (\r\n \r\n 0 ? true : \"\"\r\n }\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n required\r\n unit={\"kr\"}\r\n />\r\n \r\n )}\r\n\r\n {state.fields.radio_action.options[4].checked && (\r\n \r\n 0 &&\r\n state.fields.other_text.length <= 300 ? true : \"\"\r\n }\r\n resize=\"vertical\"\r\n fullWidth\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n style={{maxHeight: \"100px\"}}\r\n />\r\n \r\n )}\r\n\r\n
\r\n {title}
\r\n\r\n\r\n Då du säger upp hela/delar av ditt diskretionära mandat hos Fair Investments Sweden AB är det viktigt att ta i\r\n beaktan:\r\n
\r\n- \r\n
- \r\n Det diskretionära mandatet fortlöper kvartalet ut och meddelande om uppsägning av avtalet måste vara Fair\r\n Investments tillhanda minst 15 bankdagar innan utgången av innevarande kvartal.\r\n \r\n
- \r\n När din diskretionära förvaltning avslutas kommer Fair Investments att ta ut avgifter enligt avtalet om\r\n diskretionär förvaltning.\r\n \r\n
Välj depå / förvaltning
\r\n\r\n {state.fields.accounts.options.length > 0 && (\r\n\r\n
\r\n )}\r\n\r\n {isAccountOtherChecked && (\r\n \r\n 0 ? true : \"\"\r\n }\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n />\r\n\r\n 0 ? true : \"\"\r\n }\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n />\r\n
\r\n )}\r\n\r\n {state.fields.accounts.options.length === 0 && (\r\n \r\n Ange depånummer:\r\n
\r\n\r\n Namn på förvaltning:\r\n
\r\n\r\n 0 ? true : \"\"\r\n }\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n required\r\n />\r\n\r\n 0 ? true : \"\"\r\n }\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n required\r\n />\r\n
\r\n )}\r\n\r\n \r\n Ange samtliga depånummer:\r\n
\r\n\r\n Namn på förvaltning / förvaltningar:\r\n
\r\n\r\n Ange varför du valt att avsluta förvaltningen / göra ett uttag?\r\n
\r\n\r\n Ange institut (valfritt):\r\n
\r\n\r\n\r\n Specificera kapitalbehov:\r\n
\r\n\r\n\r\n Ange annan anledning:\r\n
\r\nVälj en åtgärd
\r\n\r\n Ange depå hos Fair:\r\n
\r\n\r\n Ange belopp:\r\n
\r\n\r\n Ange depå hos Fair:\r\n
\r\n\r\n Ange belopp:\r\n
\r\n\r\n Ange annan åtgärd:\r\n
\r\nUttagsavgift
\r\n\r\n Bolaget har rätt till en uttagsavgift som motsvarar en andel av det uttagna beloppet för de situationer där\r\n kunden säger upp avtalet eller vill göra uttag från depån. Denna andel uppgår till 5% under första året,\r\n 4% under andra året, 3% under tredje året, 2% under fjärde året, 1% under femte året och 0% efter 5 år.\r\n
\r\n\r\n 0 && state.fields.withdrawal_fee >= 0 && state.fields.withdrawal_fee <= 100)\r\n ? true : \"\"\r\n }\r\n onChange={this._onFieldChange}\r\n onBlur={this._onFieldBlur}\r\n required\r\n unit={\"%\"}\r\n />\r\n
\r\n )}\r\n \r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) => {\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n}\r\n\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"advice_customer_investment\",\r\n\t\t\"customer_amount_investment\",\r\n\t\t\"advice_customer_investment_motivation\",\r\n\t\t\"advice_notes_other\",\r\n\t\t\"allocation_fee\",\r\n\t\t\"advice_customer_adv_against_motivation\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\treturn {\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\tadvice_customer_investment: \"\",\r\n\t\t\tcustomer_amount_investment: \"\",\r\n\t\t\tadvice_customer_investment_motivation: \"\",\r\n\t\t\tadvice_notes_other: \"\",\r\n\t\t\tallocation_fee: \"\",\r\n\t\t\tadvice_customer_adv_against_motivation: \"\",\r\n\r\n\t\t\tcheckbox_advice_suitability_knowledge_inv: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_advice_suitability_non_personal: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_advice_risc: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_advice_inv_loan: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_avradan: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/Advice/Advice.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./Fees.fulfillment\";\r\nimport DefaultFields from \"../../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"../../../../../../components/FieldsCollection/FieldsCollection\";\r\nimport * as CobHelpers from \"../../../../Cob.helpers\";\r\nimport NumberField from \"../../../../components/NumberField/NumberField\";\r\nimport {delay, getPropertiesByPrefix, parseDraftDataPropsToFieldState} from \"../../../../../../helpers/utils\";\r\n\r\nexport default class Fees extends React.PureComponent\r\n{\r\n static companyExclusive = false;\r\n static privateExclusive = false;\r\n\r\n static fields = _getFields();\r\n state = _getInitialState.call(this);\r\n\r\n componentDidUpdate(prevProps, prevState)\r\n {\r\n const {props, state} = this;\r\n const {id, onChange} = props;\r\n\r\n if (prevState.fields !== state.fields)\r\n {\r\n onChange(id, {...state}, fulfillmentCheck(props, state));\r\n }\r\n\r\n if (prevProps.draftData !== props.draftData)\r\n {\r\n if (props.draftData)\r\n {\r\n // get the draftData props specific to this section only\r\n const draftDataProps = getPropertiesByPrefix(props.draftData, [\"futur_fee_\"]);\r\n // parse the draftData props into state.fields\r\n const newFieldsState = parseDraftDataPropsToFieldState(this.state.fields, draftDataProps);\r\n\r\n newFieldsState.futur_fee_premie = newFieldsState.futur_fee_premie.replace(\"%\", \"\");\r\n newFieldsState.futur_fee_premie = newFieldsState.futur_fee_premie.replace(\",\", \".\");\r\n newFieldsState.futur_fee_premie = newFieldsState.futur_fee_premie.replace(\".00\", \"\");\r\n\r\n newFieldsState.futur_fee_kapital = newFieldsState.futur_fee_kapital.replace(\"%\", \"\");\r\n newFieldsState.futur_fee_kapital = newFieldsState.futur_fee_kapital.replace(\",\", \".\");\r\n newFieldsState.futur_fee_kapital = newFieldsState.futur_fee_kapital.replace(\".00\", \"\");\r\n\r\n this.setState({fields: {...newFieldsState}},\r\n async () =>\r\n {\r\n await delay(200);\r\n onChange(id, {...this.state}, fulfillmentCheck(this.props, this.state));\r\n }\r\n );\r\n }\r\n }\r\n }\r\n\r\n render()\r\n {\r\n const {props, state} = this;\r\n const {title} = props;\r\n\r\n const classes = createClassName(\"Cob-Fees\", {\r\n \"Cob-View\": true,\r\n \"fulfilled\": state.isFulfilled\r\n });\r\n\r\n return (\r\n \r\n\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\tstate.fields.advice_customer_investment.length <= 570 ? true : \"\"\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tresize=\"vertical\"\r\n\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\tstate.fields.advice_customer_investment_motivation.length <= 1000 ? true : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tresize=\"vertical\"\r\n\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\tstate.fields.allocation_fee.length <= 570 ? true : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tresize=\"vertical\"\r\n\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t/>\r\n\r\n\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\t\t\tstate.fields.advice_customer_adv_against_motivation.length <= 570 ? true : null\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tresize=\"vertical\"\r\n\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\tstate.fields.advice_notes_other.length <= 1400 ? true : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tresize=\"vertical\"\r\n\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tVilket placeringsråd har givits till kunden?\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tBelopp att placera\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\tVarför har just detta placeringsråd givits?
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tMotivering till varför detta råd har givits till kunden, hur uppfyller rådet kundens syfte och\r\n\t\t\t\t\t\tbehov med placeringen? Hur är rådet förenligt med kundens risktolerans och förmåga att bära\r\n\t\t\t\t\t\tförluster?\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tObs! Kunden måste göras medveten om risken som\r\n\t\t\t\t\t\t\tföreslagen placering innebär.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tObs! Kunden måste informeras om att rådgivningen som\r\n\t\t\t\t\t\t\ttillhandahållits inte är grundad på en opartisk och personlig analys.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tObs! Kunden måste informeras om eventuell\r\n\t\t\t\t\t\t\temittentrisk i den föreslagna lösningen.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tPriser och ersättningar\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tOm placeringsrådet är en avrådan, var god motivera\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\tÖvriga noteringar\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n
\r\n );\r\n }\r\n\r\n _fieldValidator = (name, value) =>\r\n {\r\n if (name === \"futur_fee_kapital\")\r\n {\r\n return value.length > 0 && value <= 1.5 && value > 0;\r\n }\r\n\r\n return value.length > 0;\r\n };\r\n\r\n _onFieldChange = (name, value) =>\r\n {\r\n CobHelpers.onViewFieldChange.call(this, name, value);\r\n };\r\n\r\n _onFieldBlur = (name) =>\r\n {\r\n CobHelpers.onViewFieldBlur.call(this, name);\r\n };\r\n}\r\n\r\nfunction _getFields()\r\n{\r\n return [\r\n \"futur_fee_premie\",\r\n \"futur_fee_kapital\"\r\n ];\r\n}\r\n\r\nfunction _getInitialState()\r\n{\r\n if (this.props.prevState)\r\n {\r\n return {...this.props.prevState};\r\n }\r\n\r\n return {\r\n validFields: {},\r\n fields: {\r\n futur_fee_premie: \"\",\r\n futur_fee_kapital: \"\"\r\n }\r\n };\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/Fees/Citroneer/Fees.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./Fees.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"../../../../../components/FieldsCollection/FieldsCollection\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport NumberField from \"../../../components/NumberField/NumberField\";\r\n\r\n\r\nexport default class Fees extends React.PureComponent\r\n{\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState)\r\n\t{\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields)\r\n\t\t{\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender()\r\n\t{\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Fees\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n {title}
\r\n\r\n\r\n Obs!\r\n Kapitalavgiften understiger 0,25% vilket kommer leda till att\r\n ansökan måste granskas manuellt av Futur innan godkännande.\r\n
\r\n )}\r\n\r\n {state.fields.futur_fee_kapital.length > 0 && state.fields.futur_fee_kapital > 1.5 && (\r\n\r\n Obs! \r\n Kapitalavgiften överstiger max tillåtna 1,5%.\r\n
\r\n )}\r\n\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_fieldValidator = (name, value) =>\r\n\t{\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n}\r\n\r\nfunction _getFields()\r\n{\r\n\treturn [\r\n\t\t\"futur_fee_premie\",\r\n\t\t\"futur_fee_kapital\",\r\n\t\t\"futur_fee_fast\"\r\n\t];\r\n}\r\n\r\nfunction _getInitialState()\r\n{\r\n\tif (this.props.prevState)\r\n\t{\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\tfutur_fee_premie: \"\",\r\n\t\t\tfutur_fee_kapital: \"\",\r\n\t\t\tfutur_fee_fast: \"\"\r\n\t\t}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/Fees/Fees.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName, getPropertiesByPrefix, parseDraftDataPropsToFieldState, delay} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./Insured.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport Validator from \"@classes/Validator\";\r\nimport FieldsCollection from \"../../../../../components/FieldsCollection/FieldsCollection\";\r\nimport CheckboxWithName from \"../../../components/CheckboxWithName/CheckboxWithName\";\r\nimport countries from \"@helpers/countries\";\r\nimport Select from \"../../../../../components/Select/Select\";\r\n\r\nconst countriesOptions = countries.map(({label, code}) => ({label, value: code}));\r\n\r\nexport default class Insured extends React.PureComponent {\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState)\r\n\t{\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields)\r\n\t\t{\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\r\n\t\tif (prevProps.draftData !== props.draftData)\r\n\t\t{\r\n\t\t\tif (props.draftData)\r\n\t\t\t{\r\n\t\t\t\t// get the draftData props specific to this section only\r\n\t\t\t\tconst draftDataProps = getPropertiesByPrefix(props.draftData, [\"futur_insured_\", \"checkbox_\"]);\r\n\t\t\t\t// parse the draftData props into state.fields\r\n\t\t\t\tconst newFieldsState = parseDraftDataPropsToFieldState(this.state.fields, draftDataProps);\r\n\r\n\t\t\t\tthis.setState(\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfields: {\r\n\t\t\t\t\t\t\t...newFieldsState\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\tasync () =>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tawait delay(200);\r\n\t\t\t\t\t\tonChange(id, {...this.state}, fulfillmentCheck(this.props, this.state));\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, session, partner} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Fees\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\tlet selectedCitizenshipIndex = -1;\r\n\t\tfor (let i = 0; i < countriesOptions.length; i++) {\r\n\t\t\tif (state.fields.futur_insured_citizenship === countriesOptions[i].value) {\r\n\t\t\t\tselectedCitizenshipIndex = i;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlet selectedCitizenship2Index = -1;\r\n\t\tfor (let i = 0; i < countriesOptions.length; i++) {\r\n\t\t\tif (state.fields.futur_insured_citizenship_2 === countriesOptions[i].value) {\r\n\t\t\t\tselectedCitizenship2Index = i;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlet citizenshipValue = state.fields.futur_insured_citizenship;\r\n\t\tif (state.fields.checkbox_additional_citizenship.checked) {\r\n\t\t\tcitizenshipValue += \",\" + state.fields.futur_insured_citizenship_2;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\r\n\t\tif (name === \"futur_insured_ssn\") {\r\n\t\t\treturn Validator.validateSsn(value);\r\n\t\t}\r\n\r\n\t\tif (name === \"futur_insured_email\") {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onSelectChange = (option, index) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"futur_insured_citizenship\", option.value);\r\n\t};\r\n\r\n\t_onSelectChange2 = (option, index) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"futur_insured_citizenship_2\", option.value);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n}\r\n\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"checkbox_insured_same\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\treturn {\r\n\t\tvalidFields: {},\r\n\t\tcompany: this.props.session.isCompany,\r\n\t\tfields: {\r\n\t\t\tfutur_insured_ssn: \"\",\r\n\t\t\tfutur_insured_email: \"\",\r\n\t\t\tfutur_insured_citizenship: \"SE\",\r\n\t\t\tfutur_insured_citizenship_2: \"\",\r\n\t\t\tcheckbox_additional_citizenship: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\t\t\tcheckbox_insured_same: {\r\n\t\t\t\tchecked: true\r\n\t\t\t},\r\n\t\t\tcheckbox_placement_poa: {\r\n\t\t\t\tchecked: false\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/Insured/Insured.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName, getPropertiesByPrefix, parseDraftDataPropsToFieldState, delay} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./InsuredKyc.fulfillment\";\r\nimport DefaultFields from \"../../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../../Cob.helpers\";\r\nimport OptionsList from \"../../../../components/OptionsList/OptionsList\";\r\nimport EditableField from \"../../../../components/EditableField/EditableField\";\r\nimport NumberField from \"../../../../components/NumberField/NumberField\";\r\nimport TextView from \"../../../../../../components/TextView/TextView\";\r\n\r\nexport default class InsuredKyc extends React.PureComponent {\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\r\n if (prevProps.draftData !== props.draftData) {\r\n if (props.draftData) {\r\n // get the draftData props specific to this section only\r\n const draftDataProps = getPropertiesByPrefix(props.draftData, ['futur_insured_kyc_', 'checkbox_', 'advice_' , 'customer_']);\r\n // parse the draftData props into state.fields\r\n const newFieldsState = parseDraftDataPropsToFieldState(this.state.fields, draftDataProps); \r\n this.setState(\r\n {\r\n fields: {...newFieldsState}\r\n },\r\n async () => { \r\n await delay(200);\r\n onChange(id, {...this.state}, fulfillmentCheck(this.props, this.state));\r\n }\r\n );\r\n }\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, session} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Fees\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t{!session.isCompany && (\r\n\t\t\t\t\t\tFörsäkrad person
\r\n\r\n\t\t\t\t\t\t\tMedborgarskap
\r\n\r\n\t\t\t\t\t\t\tFullmakt
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tDenna fullmakt utställd av försäkringstagaren gör den försäkrade placeringsberättigad med\r\n\t\t\t\t\t\t\t\trätt att
\r\n\t\t\t\t\t\t\t\t– Erhålla information om försäkringens villkor och innehav.
\r\n\t\t\t\t\t\t\t\t– Ändra placeringar i försäkringen för befintligt kapital.
\r\n\t\t\t\t\t\t\t\t– Ändra placeringar i försäkringen för eventuell kommande premieinbetalningar.
\r\n\t\t\t\t\t\t\t\tDen placeringsberättigade äger inte rätt att transportera sin behörighet enligt denna\r\n\t\t\t\t\t\t\t\tfullmakt till annan.\r\n\t\t\t\t\t\t\t\tFullmakten gäller till dess den skriftligen återkallas av försäkringstagaren.\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) => {\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n}\r\n\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"futur_insured_kyc_meeting_form\",\r\n\r\n\t\t\"futur_insured_kyc_purpose\",\r\n\t\t\"futur_insured_kyc_purpose_other\",\r\n\r\n\t\t\"futur_insured_kyc_initial_premium\",\r\n\t\t\"futur_insured_kyc_initial_premium_other\",\r\n\r\n\t\t\"futur_insured_kyc_yearly_premium\",\r\n\t\t\"futur_insured_kyc_yearly_premium_other\",\r\n\t\t\"advice_allocation_motivation_risc\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\tlet initialState = {\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\tfutur_insured_kyc_meeting_form: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Försäkring tecknad vid fysiskt möte med förmedlare/rådgivare\",\r\n\t\t\t\t\t\tvalue: \"PhysicalMeeting\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{label: \"Försäkring tecknad på distans\", value: \"Distance\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_insured_kyc_purpose: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Pensionssparande\", value: \"Pension\", checked: false},\r\n\t\t\t\t\t{label: \"Målsparande\", value: \"Objective\", checked: false},\r\n\t\t\t\t\t{label: \"Placering\", value: \"Investments\", checked: false},\r\n\t\t\t\t\t{label: \"Annat\", value: \"Other\", checked: false},\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\tfutur_insured_kyc_purpose_other: \"\",\r\n\r\n\t\t\tcheckbox_accounttype: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"nej\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"tinsurance\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tcheckbox_advice_invpercentage: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"1-25%\", value: \"1-25\", checked: false},\r\n\t\t\t\t\t{label: \"26-50%\", value: \"26-50\", checked: false},\r\n\t\t\t\t\t{label: \"51-75%\", value: \"51-75\", checked: false},\r\n\t\t\t\t\t{label: \"76-100%\", value: \"76-100\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_insured_kyc_initial_premium: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"0 - 100 000 kr\", value: \"Amount0To100K\", checked: false},\r\n\t\t\t\t\t{label: \"100 001 - 500 000 kr\", value: \"Amount100KTo500K\", checked: false},\r\n\t\t\t\t\t{label: \"500 001 - 1 000 000 kr\", value: \"Amount500KTo1M\", checked: false},\r\n\t\t\t\t\t{label: \"1 000 001 - 5 000 000 kr\", value: \"Amount1MTo5M\", checked: false},\r\n\t\t\t\t\t{label: \"över 5 000 000 kr\", value: \"AmountAbove5M\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\tfutur_insured_kyc_initial_premium_other: \"\",\r\n\r\n\t\t\tfutur_insured_kyc_yearly_premium: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Endast engångsinsättning i samband med tecknandet av försäkringen\",\r\n\t\t\t\t\t\tvalue: \"NoYearlyPremium\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{label: \"0 - 100 000 kr\", value: \"Amount0To100K\", checked: false},\r\n\t\t\t\t\t{label: \"100 001 - 500 000 kr\", value: \"Amount100KTo500K\", checked: false},\r\n\t\t\t\t\t{label: \"500 001 - 1 000 000 kr\", value: \"Amount500KTo1M\", checked: false},\r\n\t\t\t\t\t{label: \"1 000 001 - 5 000 000 kr\", value: \"Amount1MTo5M\", checked: false},\r\n\t\t\t\t\t{label: \"över 5 000 000 kr\", value: \"AmountAbove5M\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\tfutur_insured_kyc_yearly_premium_other: \"\",\r\n\r\n\t\t\tadvice_allocation_motivation_risc: \"\",\r\n\t\t\tadvice_customer_financial_suitability: \"\",\r\n\t\t\tcustomer_aml_origin: \"\",\r\n\t\t\tadvice_customer_suitability_knowledge: \"\",\r\n\t\t\tadvice_notes: \"\",\r\n\t\t}\r\n\t};\r\n\r\n\t// Private individuals - tjänstepension not applicable\r\n\tif (!this.props.session.isCompany) {\r\n\t\tinitialState.fields.checkbox_accounttype.options[0].checked = true;\r\n\t}\r\n\r\n\treturn initialState;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/InsuredKyc/Fair/InsuredKyc.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./InsuredKyc.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport NumberField from \"../../../components/NumberField/NumberField\";\r\nimport {delay, getPropertiesByPrefix, parseDraftDataPropsToFieldState} from \"../../../../../helpers/utils\";\r\n\r\n\r\nexport default class InsuredKyc extends React.PureComponent {\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\r\n\t\tif (prevProps.draftData !== props.draftData)\r\n\t\t{\r\n\t\t\tif (props.draftData)\r\n\t\t\t{\r\n\t\t\t\t// get the draftData props specific to this section only\r\n\t\t\t\tconst draftDataProps = getPropertiesByPrefix(props.draftData, [\"futur_insured_kyc_\"]);\r\n\t\t\t\t// parse the draftData props into state.fields\r\n\t\t\t\tconst newFieldsState = parseDraftDataPropsToFieldState(this.state.fields, draftDataProps);\r\n\r\n\t\t\t\tthis.setState({fields: {...newFieldsState}},\r\n\t\t\t\t\tasync () =>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tawait delay(200);\r\n\t\t\t\t\t\tonChange(id, {...this.state}, fulfillmentCheck(this.props, this.state));\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Fees\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\tstate.fields.advice_allocation_motivation_risc.length <= 1000 ? true : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tresize=\"vertical\"\r\n\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\tstate.fields.advice_customer_financial_suitability.length <= 570 ? true : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\tstate.fields.customer_aml_origin.length <= 570 ? true : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\tstate.fields.advice_customer_suitability_knowledge.length <= 570 ? true : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\tstate.fields.advice_notes.length <= 840 ? true : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tresize=\"vertical\"\r\n\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\tKundens syfte och mål med placeringen
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tBeskrivning av kundens syfte och mål med placeringen, inklusive risktolerans.\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\tKundens ekonomiska förhållanden
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tBeskrivning av kundens ekonomiska situation, inklusive förmåga att bära förlust.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tVar kommer betalningsmedlen ifrån (ex. aktier, fonder, kontanter)?\r\n\t\t\t\t\t
\r\n\t\t\t\t\tKundens kunskap och erfarenhet
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tBeskrivning av kundens kunskaper om och erfarenheter av den specifika typen av produkt/tjänst.\r\n\t\t\t\t\t
\r\n\t\t\t\t\tMötesnoteringar
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tÖvergripande information om vad som har diskuterats med kunden, samt vilka produkter/tjänster\r\n\t\t\t\t\t\tsom det har redogjorts för.\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) => {\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n}\r\n\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"futur_insured_kyc_meeting_form\",\r\n\r\n\t\t\"futur_insured_kyc_purpose\",\r\n\t\t\"futur_insured_kyc_purpose_other\",\r\n\r\n\t\t\"futur_insured_kyc_initial_premium\",\r\n\t\t\"futur_insured_kyc_initial_premium_other\",\r\n\r\n\t\t\"futur_insured_kyc_yearly_premium\",\r\n\t\t\"futur_insured_kyc_yearly_premium_other\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\treturn {\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\tfutur_insured_kyc_meeting_form: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Försäkring tecknad vid fysiskt möte med förmedlare/rådgivare\", value: \"PhysicalMeeting\", checked: false},\r\n\t\t\t\t\t{label: \"Försäkring tecknad på distans\", value: \"Distance\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_insured_kyc_purpose: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Pensionssparande\", value: \"Pension\", checked: false},\r\n\t\t\t\t\t{label: \"Målsparande\", value: \"Objective\", checked: false},\r\n\t\t\t\t\t{label: \"Placering\", value: \"Investments\", checked: false},\r\n\t\t\t\t\t{label: \"Annat\", value: \"Other\", checked: false},\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\tfutur_insured_kyc_purpose_other: \"\",\r\n\r\n\t\t\tfutur_insured_kyc_initial_premium: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"0 - 100 000 kr\", value: \"Amount0To100K\", checked: false},\r\n\t\t\t\t\t{label: \"100 001 - 500 000 kr\", value: \"Amount100KTo500K\", checked: false},\r\n\t\t\t\t\t{label: \"500 001 - 1 000 000 kr\", value: \"Amount500KTo1M\", checked: false},\r\n\t\t\t\t\t{label: \"1 000 001 - 5 000 000 kr\", value: \"Amount1MTo5M\", checked: false},\r\n\t\t\t\t\t{label: \"över 5 000 000 kr\", value: \"AmountAbove5M\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\tfutur_insured_kyc_initial_premium_other: \"\",\r\n\r\n\t\t\tfutur_insured_kyc_yearly_premium: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Endast engångsinsättning i samband med tecknandet av försäkringen\", value: \"NoYearlyPremium\", checked: false},\r\n\t\t\t\t\t{label: \"0 - 100 000 kr\", value: \"Amount0To100K\", checked: false},\r\n\t\t\t\t\t{label: \"100 001 - 500 000 kr\", value: \"Amount100KTo500K\", checked: false},\r\n\t\t\t\t\t{label: \"500 001 - 1 000 000 kr\", value: \"Amount500KTo1M\", checked: false},\r\n\t\t\t\t\t{label: \"1 000 001 - 5 000 000 kr\", value: \"Amount1MTo5M\", checked: false},\r\n\t\t\t\t\t{label: \"över 5 000 000 kr\", value: \"AmountAbove5M\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\tfutur_insured_kyc_yearly_premium_other: \"\"\r\n\t\t}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/InsuredKyc/InsuredKyc.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName, getPropertiesByPrefix, parseDraftDataPropsToFieldState, delay} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./KycJuridiskPerson.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport Select from \"../../../../../components/Select/Select\";\r\nimport countries from \"@helpers/countries\";\r\nimport CheckboxWithName from \"../../../components/CheckboxWithName/CheckboxWithName\";\r\n\r\nconst countriesOptions = countries.map(({label, code}) => ({label, value: code}));\r\n\r\nexport default class KycJuridiskPerson extends React.PureComponent {\r\n\tstatic companyExclusive = true;\r\n\tstatic privateExclusive = false;\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\r\n if (prevProps.draftData !== props.draftData) {\r\n if (props.draftData) {\r\n const draftDataProps = getPropertiesByPrefix(props.draftData, ['futur_kyc_juridisk', 'futur_kyc_']);\r\n const newFieldsState = parseDraftDataPropsToFieldState(this.state.fields, draftDataProps);\r\n \r\n this.setState(\r\n {\r\n fields: {...newFieldsState}\r\n },\r\n async () => { \r\n await delay(200);\r\n onChange(id, {...this.state}, fulfillmentCheck(this.props, this.state));\r\n }\r\n );\r\n }\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Fees\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\tlet selectedTaxCountryIndex = -1;\r\n\t\tfor (let i = 0; i < countriesOptions.length; i++) {\r\n\t\t\tif (state.fields.futur_kyc_juridisk_tax_residency_country === countriesOptions[i].value) {\r\n\t\t\t\tselectedTaxCountryIndex = i;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst checkedSources = [];\r\n\t\tstate.fields.futur_kyc_juridisk_source.options.forEach(function (o) {\r\n\t\t\tif (o.checked) {\r\n\t\t\t\tcheckedSources.push(o.value);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tconst checkedListingType = [];\r\n\t\tstate.fields.futur_kyc_juridisk_is_listed.options.forEach(function (o) {\r\n\t\t\tif (o.checked) {\r\n\t\t\t\tcheckedListingType.push(o.value);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onSelectChange = (option, index) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"futur_kyc_juridisk_tax_residency_country\", option.value);\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) => {\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n}\r\n\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"futur_kyc_juridisk_source\",\r\n\t\t\"futur_kyc_juridisk_source_other\",\r\n\t\t\"futur_kyc_juridisk_type\",\r\n\t\t\"futur_kyc_juridisk_is_listed\",\r\n\t\t\"futur_kyc_juridisk_is_foreign\",\r\n\t\t\"futur_kyc_juridisk_has_bo\",\r\n\t\t\"futur_kyc_juridisk_passive\",\r\n\t\t\"futur_kyc_juridisk_tax_residency_country\",\r\n\t\t\"futur_kyc_juridisk_tax_residency_tin\",\r\n\t\t\"futur_kyc_juridisk_tax_residency_tin_missing\",\r\n\t\t\"futur_kyc_juridisk_tax_residency_tin_missing_reason\",\r\n\t\t\"futur_kyc_juridisk_tax_residency_tin_missing_reason_other\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\treturn {\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\tfutur_kyc_juridisk_source: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Företagets löpande verksamhet\", value: \"OngoingBusiness\", checked: false},\r\n\t\t\t\t\t{label: \"Bolagsförsäljning\", value: \"CorporationSale\", checked: false},\r\n\t\t\t\t\t{label: \"Avkastning från investering\", value: \"ReturnOnInvestment\", checked: false},\r\n\t\t\t\t\t{label: \"Utdelningar från företaget\", value: \"Dividends\", checked: false},\r\n\t\t\t\t\t{label: \"Fastighetsförsäljning\", value: \"PropertySale\", checked: false},\r\n\t\t\t\t\t{label: \"Annat\", value: \"Other\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\tfutur_kyc_juridisk_source_other: \"\",\r\n\r\n\t\t\tfutur_kyc_juridisk_tax_residency_country: \"\",\r\n\t\t\tfutur_kyc_juridisk_tax_residency_tin: \"\",\r\n\r\n\t\t\tfutur_kyc_juridisk_tax_residency_tin_missing: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tfutur_kyc_juridisk_tax_residency_tin_missing_reason: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Landet utfärdar ej TIN\", value: \"not_issued\", checked: false},\r\n\t\t\t\t\t{label: \"Annan anledning\", value: \"other\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_kyc_juridisk_tax_residency_tin_missing_reason_other: \"\",\r\n\r\n\t\t\tfutur_kyc_juridisk_type: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Bedriver näringsverksamhet\", value: \"ActiveBusiness\", checked: false},\r\n\t\t\t\t\t{label: \"Finansiellt institut\", value: \"FinancialInstitute\", checked: false},\r\n\t\t\t\t\t{label: \"Börsnoterat bolag\", value: \"ListedCompany\", checked: false},\r\n\t\t\t\t\t{label: \"Nystartat bolag\", value: \"NewlyStarted\", checked: false},\r\n\t\t\t\t\t{label: \"Välgörenhetsorganisation\", value: \"Charity\", checked: false},\r\n\t\t\t\t\t{label: \"Annat bolag\", value: \"Other\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_kyc_juridisk_is_listed: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Bolaget är börsnoterat\", value: \"listed\", checked: false},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tlabel: \"Bolaget är dotterbolag/majoritetsägt av ett börsnoterat bolag\",\r\n\t\t\t\t\t\tvalue: \"owned\",\r\n\t\t\t\t\t\tchecked: false\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_kyc_juridisk_has_bo: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"nej\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"ja\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_kyc_juridisk_100_owned: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"nej\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"ja\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_kyc_juridisk_passive: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"nej\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"ja\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_kyc_juridisk_is_foreign: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"nej\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"ja\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_kyc_bo_outside_sweden: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"nej\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"ja\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_kyc_listed_question: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"nej\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"ja\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_kyc_bo_us_persons: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"nej\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"ja\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/KycJuridiskPerson/KycJuridiskPerson.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName, getPropertiesByPrefix, parseDraftDataPropsToFieldState, delay} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./KycPrivatperson.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\n\r\nexport default class KycPrivatperson extends React.PureComponent {\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = true;\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\r\n if (prevProps.draftData !== props.draftData) {\r\n if (props.draftData) {\r\n const draftDataProps = getPropertiesByPrefix(props.draftData, ['futur_kyc_privat_', 'radio_customer_']);\r\n const newFieldsState = parseDraftDataPropsToFieldState(this.state.fields, draftDataProps);\r\n \r\n this.setState(\r\n {\r\n fields: {...newFieldsState}\r\n },\r\n async () => { \r\n await delay(200);\r\n onChange(id, {...this.state}, fulfillmentCheck(this.props, this.state));\r\n }\r\n );\r\n }\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Fees\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\tconst checkedSources = [];\r\n\t\tstate.fields.futur_kyc_privat_source.options.forEach(function (o) {\r\n\t\t\tif (o.checked) {\r\n\t\t\t\tcheckedSources.push(o.value);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\r\n\t\t\t\t\tVarifrån kommer inbetalningarna till\r\n\t\t\t\t\t\tförsäkringen?
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\tFörsäkringstagarens skattehemvist (om\r\n\t\t\t\t\t\t\t\tannat än Sverige)
\r\n\r\n\t\t\t\t\t\t\tAnge TIN i land där\r\n\t\t\t\t\t\t\t\tovanstående har skattehemvist
\r\n\t\t\t\t\t\t\tTyp av företag?
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tDu har markerat att bolaget är aktivt, vänligen välj någon av ovanstående bolagstyper istället\r\n\t\t\t\t\t\t\t(ej Annat bolag).\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tTyvärr kan din ansökan inte godkännas automatiskt i dagsläget.
\r\n\t\t\t\t\t\t\tVar god kontakta backoffice.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tTyvärr kan din ansökan inte godkännas automatiskt i dagsläget.
\r\n\t\t\t\t\t\t\tVar god kontakta backoffice.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onSelectChange = (option, index) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, \"futur_kyc_privat_tax_residency_country\", option.value);\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) => {\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n}\r\n\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"futur_kyc_privat_source\",\r\n\t\t\"futur_kyc_privat_source_other\",\r\n\t\t\"futur_kyc_privat_tax_residency_country\",\r\n\t\t\"futur_kyc_privat_is_foreign\",\r\n\t\t\"futur_kyc_privat_us_tin\",\r\n\t\t\"radio_customer_pep\",\r\n\t\t\"radio_customer_fatca\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\treturn {\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\tfutur_kyc_privat_source: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Lön / Pension\", value: \"SalaryOrPension\", checked: false},\r\n\t\t\t\t\t{label: \"Sparande / Placering\", value: \"Savings\", checked: false},\r\n\t\t\t\t\t{label: \"Bolagsförsäljning\", value: \"CorporationSale\", checked: false},\r\n\t\t\t\t\t{label: \"Arv / Gåva\", value: \"HeritageOrGift\", checked: false},\r\n\t\t\t\t\t{label: \"Fastighetsförsäljning\", value: \"PropertySale\", checked: false},\r\n\t\t\t\t\t{label: \"Annat\", value: \"Other\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\tfutur_kyc_privat_source_other: \"\",\r\n\t\t\tfutur_kyc_privat_tax_residency_country: \"\",\r\n\t\t\tfutur_kyc_privat_us_tin: \"\",\r\n\r\n\t\t\tfutur_kyc_privat_is_foreign: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"nej\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"ja\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tradio_customer_pep: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tradio_customer_fatca: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Nej\", value: \"no\", checked: false},\r\n\t\t\t\t\t{label: \"Ja\", value: \"yes\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/KycPrivatperson/KycPrivatperson.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName, getPropertiesByPrefix, parseDraftDataPropsToFieldState, delay} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./Notes.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport TextView from \"../../../../../components/TextView/TextView\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport CheckboxWithName from \"../../../components/CheckboxWithName/CheckboxWithName\";\r\n\r\n\r\nexport default class Notes extends React.PureComponent {\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\r\n if (prevProps.draftData !== props.draftData) {\r\n if (props.draftData) {\r\n // get the draftData props specific to this section only\r\n const draftDataProps = getPropertiesByPrefix(props.draftData, ['futur_notes', 'checkbox_']);\r\n // parse the draftData props into state.fields\r\n const newFieldsState = parseDraftDataPropsToFieldState(this.state.fields, draftDataProps);\r\n\r\n this.setState(\r\n {\r\n fields: {\r\n ...newFieldsState\r\n }\r\n },\r\n async () => { \r\n await delay(200);\r\n onChange(id, {...this.state}, fulfillmentCheck(this.props, this.state));\r\n }\r\n );\r\n }\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Fees\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{state.fields.radio_customer_fatca.options[1].checked && (\r\n\t\t\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tVarifrån kommer inbetalningarna till försäkringen?\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tPEP - Politiskt exponerad person\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tPEP – Person i politiskt utsatt ställning – Person som har eller tidigare har haft en hög\r\n\t\t\t\t\t\tpolitisk post, en hög statlig befattning eller funktion i ledningen i en internationell\r\n\t\t\t\t\t\torganisation, eller har en nära familjemedlem eller medarbetare med ovanstående befattning.\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tFATCA\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tU.S. person – Person som har ett Amerikanskt medborgarskap eller på annat sätt är skatteskyldig\r\n\t\t\t\t\t\ti USA.\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_fieldValidator = (name, value) =>\r\n\t{\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) =>\r\n\t{\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) =>\r\n\t{\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n}\r\n\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"futur_notes\"\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\treturn {\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\tfutur_notes: \"\",\r\n\t\t\tcheckbox_confirm_notes: {\r\n\t\t\t\tchecked: false\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/Notes/Notes.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// HELPERS\r\nimport {createClassName, getPropertiesByPrefix, parseDraftDataPropsToFieldState, delay} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./SurvivorsProtection.fulfillment\";\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport OptionsList from \"../../../components/OptionsList/OptionsList\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport TextView from \"../../../../../components/TextView/TextView\";\r\nimport CheckboxWithName from \"../../../components/CheckboxWithName/CheckboxWithName\";\r\n\r\nexport default class SurvivorsProtection extends React.PureComponent {\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = true;\r\n\r\n\tstatic fields = _getFields();\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n \r\n if (prevProps.draftData !== props.draftData) {\r\n if (props.draftData) {\r\n // get the draftData props specific to this section only\r\n const draftDataProps = getPropertiesByPrefix(props.draftData, ['futur_survivors_protection_']);\r\n // parse the draftData props into state.fields\r\n const newFieldsState = parseDraftDataPropsToFieldState(this.state.fields, draftDataProps);\r\n this.setState(\r\n {\r\n fields: {\r\n ...newFieldsState\r\n }\r\n },\r\n async () => { \r\n await delay(200);\r\n onChange(id, {...this.state}, fulfillmentCheck(this.props, this.state));\r\n }\r\n );\r\n }\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Fees\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{title}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tObs! Om du fyller i fältet \"Information till\r\n\t\t\t\t\t\tFutur Pension\" kommer din ansökan att behöva hanteras manuellt.\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_fieldValidator = (name, value) => {\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) => {\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n}\r\n\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"futur_survivors_protection_beneficiary\",\r\n\t\t\"futur_survivors_protection_beneficiary_other\",\r\n\t\t\"futur_survivors_protection_disposition_excluded\",\r\n\t\t\"futur_survivors_protection_private_property\",\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\r\n\treturn {\r\n\t\tvalidFields: {},\r\n\t\tfields: {\r\n\t\t\tfutur_survivors_protection_beneficiary: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"I första hand: mak(a/e)/sambo. I andra hand: barn. I tredje hand: arvingar.\", value: \"F10\", checked: false},\r\n\t\t\t\t\t{label: \"I första hand: barn. I andra hand: mak(a/e)/sambo. I tredje hand: arvingar.\", value: \"F11\", checked: false},\r\n\t\t\t\t\t{label: \"I första hand: barnbarn. I andra hand: arvingar.\", value: \"F12\", checked: false},\r\n\t\t\t\t\t{label: \"I första hand: barn. I andra hand: arvingar.\", value: \"F13\", checked: false},\r\n\t\t\t\t\t{label: \"Arvingar.\", value: \"F21\", checked: false},\r\n\t\t\t\t\t{label: \"Annat förordnande.\", value: \"F04\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\r\n\t\t\tfutur_survivors_protection_beneficiary_other: \"\",\r\n\r\n\t\t\tfutur_survivors_protection_disposition_excluded: {\r\n\t\t\t\tchecked: false\r\n\t\t\t},\r\n\r\n\t\t\tfutur_survivors_protection_private_property: {\r\n\t\t\t\toptions: [\r\n\t\t\t\t\t{label: \"Belopp, försäkring och avkastning ska bli förmånstagarens enskilda egendom\", value: \"TrueWithout\", checked: false},\r\n\t\t\t\t\t{label: \"Belopp, försäkring och avkastning ska bli förmånstagarens enskilda egendom men med rätt att förordna annorlunda\", value: \"TrueWith\", checked: false},\r\n\t\t\t\t\t{label: \"Belopp, försäkring och avkastning ska inte bli förmånstagarens enskilda egendom\", value: \"False\", checked: false}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t}\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Futur/SurvivorsProtection/SurvivorsProtection.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../components/DefaultFields/DefaultFields\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport fulfillmentCheck from \"./GDPR.fulfillment\";\r\nimport CheckboxWithName from \"../../components/CheckboxWithName/CheckboxWithName\";\r\n\r\n\r\nexport default class CobCustomerInformation extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired,\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-CustomerInformation\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t 0 &&\r\n\t\t\t\t\t\t\t\t\tstate.fields.futur_survivors_protection_beneficiary_other.length <= 570 ? true : null\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tonChange={this._onFieldChange}\r\n\t\t\t\t\t\t\t\tonBlur={this._onFieldBlur}\r\n\t\t\t\t\t\t\t\tresize=\"vertical\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tVar god ange annat förordnande\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\tEnskild egendom\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked}\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t\"radio_customer_personal_info\"\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) return {...this.props.prevState};\r\n\treturn {\r\n\t\tvalidFields: [],\r\n\t\tfields: {\r\n\t\t\t\"radio_customer_personal_info\": {\r\n\t\t\t\tchecked: false\r\n\t\t\t}\r\n\t\t},\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/GDPR/GDPR.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport Button from \"@components/Button/Button\";\r\nimport StackLayout from \"@components/layouts/StackLayout/StackLayout\";\r\nimport Select from \"@components/Select/Select\";\r\n\r\n// HELPERS\r\nimport {createClassName, loop} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./Poa.fulfillment\";\r\nimport countries from \"@helpers/countries\";\r\nimport Validator from \"../../../../classes/Validator\";\r\nimport Checkbox from \"../../../../components/Checkbox/Checkbox\";\r\nimport Slider from \"../../../../components/Slider/Slider\";\r\n\r\n// Partner specific config\r\nimport poaConfig from \"./PoaConfig\";\r\n\r\nconst countriesOptions = countries.map(({label, code}) => ({label, value: code}));\r\nconst countriesOptionsValuesOnly = countries.map(({label, code}) => code);\r\n\r\n\r\nexport default class CobPoa extends React.PureComponent {\r\n\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired\r\n\t};\r\n\r\n\tstatic companyExclusive = true;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields || prevState.numberOfCompanyReps !== state.numberOfCompanyReps) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, partner} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Poa\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\tconst companyRepsList = [];\r\n\r\n\t\tlet hasAtLeastOneSignatory = false;\r\n\t\tlet hasAtLeastOneForvaltarFullmakt = false;\r\n\r\n\t\tfor (let i = 0; i < this.state.numberOfCompanyReps; i++) {\r\n\t\t\tconst selectedCitizenIndex = (() => {\r\n\t\t\t\tlet returnValue = countriesOptionsValuesOnly.indexOf(this.state.fields[\"company_representative_citizenship_\" + i]);\r\n\t\t\t\tif (returnValue === -1) {\r\n\t\t\t\t\treturnValue = countriesOptionsValuesOnly.indexOf(\"SE\");\r\n\t\t\t\t} // If -1, set \"SE\" as default\r\n\t\t\t\treturn returnValue;\r\n\t\t\t})();\r\n\r\n\t\t\tif (state.fields[\"checkbox_signatory_\" + i] === \"yes\" || state.fields[\"checkbox_poa_\" + i] === \"yes\") {\r\n\t\t\t\thasAtLeastOneSignatory = true;\r\n\t\t\t}\r\n\r\n\t\t\tif (state.fields[\"checkbox_mng_\" + i] === \"yes\") {\r\n\t\t\t\thasAtLeastOneForvaltarFullmakt = true;\r\n\t\t\t}\r\n\r\n\t\t\tlet forvaltarFullmaktLabel = \"Förvaltarfullmakt\";\r\n\t\t\tif (poaConfig[partner.name] && poaConfig[partner.name].showLongLabelForvaltarfullmakt) {\r\n\t\t\t\tforvaltarFullmaktLabel = \"Förvaltarfullmakt (den privatperson som ska ha rätt att handla på depån)\"\r\n\t\t\t}\r\n\r\n\t\t\tcompanyRepsList.push(\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tUndertecknad medger härmed att Bolaget behandlar personuppgifter som lämnas i samband med\r\n\t\t\t\t\t\t\tingåendet av detta avtal. Personuppgifterna används av Bolaget för öppnande av depå och i\r\n\t\t\t\t\t\t\tövrigt\r\n\t\t\t\t\t\t\tvid händelser förenade med vad som framgår av detta avtal.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{poaConfig[partner.name] && poaConfig[partner.name].showAttachFullmaktWarning && ((poaConfig[partner.name].showFullmakt && state.fields[\"checkbox_poa_\" + i] === \"yes\") || (!poaConfig[partner.name].showFullmakt && state.fields[\"checkbox_mng_\" + i] === \"yes\")) && (\r\n\t\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\tFöreträdare {i + 1}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tVar god notera att fullmakten måste bifogas som PDF under \"Övriga dokument\" nedan.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t_onOwnershipChange = (name, value) => {\r\n\t\tconst newStateProps = {\r\n\t\t\tfields: {...this.state.fields, [name]: value}\r\n\t\t};\r\n\r\n\t\tthis.setState(newStateProps);\r\n\t};\r\n\r\n\t_onTypeChange = (name, value) => {\r\n\t\tconst newStateProps = {\r\n\t\t\tfields: {...this.state.fields, [name]: value ? \"yes\" : \"\"}\r\n\t\t};\r\n\r\n\t\tthis.setState(newStateProps);\r\n\t};\r\n\r\n\t_onCitizenshipChange = (name, value) => {\r\n\t\tconst newStateProps = {\r\n\t\t\tfields: {...this.state.fields, [name]: value.value}\r\n\t\t};\r\n\r\n\t\tthis.setState(newStateProps);\r\n\t};\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name.indexOf(\"company_representative_email_\") > -1) {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\r\n\t\tif (name.indexOf(\"company_representative_sec_num_\") > -1) {\r\n\t\t\treturn Validator.validateSsn(value, false);\r\n\t\t}\r\n\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t// Up to 6 company reps supported on the form\r\n\t\t...(() => {\r\n\t\t\tconst returnValue = [];\r\n\t\t\tloop(6, i => {\r\n\t\t\t\treturnValue.push(\"checkbox_signatory_\" + i);\r\n\t\t\t\treturnValue.push(\"checkbox_ubo_\" + i);\r\n\t\t\t\treturnValue.push(\"checkbox_poa_\" + i);\r\n\t\t\t\treturnValue.push(\"checkbox_mng_\" + i);\r\n\t\t\t\treturnValue.push(\"checkbox_view_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_firstname_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_lastname_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_citizenship_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_sec_num_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_email_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_percentage_\" + i);\r\n\t\t\t});\r\n\t\t\treturn returnValue;\r\n\t\t})()\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\tconst initialFieldsState = {};\r\n\t_getFields().forEach(function (field) {\r\n\t\tif (field.indexOf(\"company_representative_citizenship_\") > -1) {\r\n\t\t\tinitialFieldsState[field] = \"SE\";\r\n\t\t}\r\n\t\telse {\r\n\t\t\tinitialFieldsState[field] = \"\";\r\n\t\t}\r\n\t});\r\n\r\n\tlet initialState = {\r\n\t\tnumberOfCompanyReps: 1,\r\n\t\tvalidFields: {},\r\n\t\tfields: initialFieldsState\r\n\t};\r\n\r\n\tinitialState.forceAtLeastOneForvaltarfullmakt = poaConfig[this.props.partner.name] && poaConfig[this.props.partner.name].forceAtLeastOneForvaltarfullmakt;\r\n\treturn initialState;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Poa/Poa.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport Button from \"@components/Button/Button\";\r\nimport StackLayout from \"@components/layouts/StackLayout/StackLayout\";\r\n\r\n// HELPERS\r\nimport {createClassName, loop} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./Poa.fulfillment\";\r\nimport Validator from \"../../../../../classes/Validator\";\r\nimport Checkbox from \"../../../../../components/Checkbox/Checkbox\";\r\n\r\n// Partner specific config\r\nimport poaConfig from \"../PoaConfig\";\r\n\r\nexport default class CobPoa extends React.PureComponent {\r\n\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired\r\n\t};\r\n\r\n\tstatic companyExclusive = true;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields || prevState.numberOfCompanyReps !== state.numberOfCompanyReps) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, partner} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Poa\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\tconst companyRepsList = [];\r\n\t\tlet hasAtLeastOneSignatory = false;\r\n\t\tfor (let i = 0; i < this.state.numberOfCompanyReps; i++) {\r\n\t\t\tif (state.fields[\"checkbox_signatory_\" + i] === \"yes\" || state.fields[\"checkbox_poa_\" + i] === \"yes\") {\r\n\t\t\t\thasAtLeastOneSignatory = true;\r\n\t\t\t}\r\n\r\n\t\t\tcompanyRepsList.push(\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t this.setState({numberOfCompanyReps: this.state.numberOfCompanyReps - 1})}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t= 6 ? \"medium\" : \"primary\"}\r\n\t\t\t\t\t\t\t\tdisabled={this.state.numberOfCompanyReps >= 6}\r\n\t\t\t\t\t\t\t\tonClick={() => this.setState({numberOfCompanyReps: this.state.numberOfCompanyReps + 1})}\r\n\t\t\t\t\t\t\t\tfilled\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tOm det finns en verklig huvudman (som äger mer än 25 %) måste denna/dessa anges.\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t{(!hasAtLeastOneSignatory || (state.forceAtLeastOneForvaltarfullmakt && !hasAtLeastOneForvaltarFullmakt)) && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{companyRepsList}\r\n\r\n\t\t\t\t\t{this.state.numberOfCompanyReps <= 6 && (\r\n\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t{!hasAtLeastOneSignatory && (\r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t{state.showFullmakt && (\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\tÅtminstone en firmatecknare/fullmaktshavare måste anges.\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{!state.showFullmakt && (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tÅtminstone en firmatecknare måste anges.\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t{state.forceAtLeastOneForvaltarfullmakt && !hasAtLeastOneForvaltarFullmakt && (\r\n\t\t\t\t\t\t\t\t\t - \r\n\t\t\t\t\t\t\t\t\t\tÅtminstone en förvaltarfullmaktshavare måste anges.\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{poaConfig[partner.name] && poaConfig[partner.name].showAttachFullmaktWarning && ((poaConfig[partner.name].showFullmakt && state.fields[\"checkbox_poa_\" + i] === \"yes\") || (!poaConfig[partner.name].showFullmakt && state.fields[\"checkbox_mng_\" + i] === \"yes\")) && (\r\n\t\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\tFöreträdare {i + 1}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tVar god notera att fullmakten måste bifogas som PDF under \"Övriga dokument\" nedan.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name.indexOf(\"company_representative_email_\") > -1) {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\r\n\t\tif (name.indexOf(\"company_representative_sec_num_\") > -1) {\r\n\t\t\treturn Validator.validateSsn(value, false);\r\n\t\t}\r\n\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t// Up to 4 company signatories supported on the form\r\n\t\t...(() => {\r\n\t\t\tconst returnValue = [];\r\n\t\t\tloop(4, i => {\r\n\t\t\t\treturnValue.push(\"checkbox_signatory_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_firstname_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_lastname_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_sec_num_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_email_\" + i);\r\n\t\t\t});\r\n\t\t\treturn returnValue;\r\n\t\t})()\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\tconst initialFieldsState = {\r\n\t\t\"checkbox_signatory_0\": \"yes\",\r\n\t\t\"company_representative_firstname_0\": \"\",\r\n\t\t\"company_representative_lastname_0\": \"\",\r\n\t\t\"company_representative_sec_num_0\": \"\",\r\n\t\t\"company_representative_email_0\": \"\",\r\n\r\n\t\t\"checkbox_signatory_1\": \"yes\",\r\n\t\t\"company_representative_firstname_1\": \"\",\r\n\t\t\"company_representative_lastname_1\": \"\",\r\n\t\t\"company_representative_sec_num_1\": \"\",\r\n\t\t\"company_representative_email_1\": \"\",\r\n\r\n\t\t\"checkbox_signatory_2\": \"yes\",\r\n\t\t\"company_representative_firstname_2\": \"\",\r\n\t\t\"company_representative_lastname_2\": \"\",\r\n\t\t\"company_representative_sec_num_2\": \"\",\r\n\t\t\"company_representative_email_2\": \"\",\r\n\r\n\t\t\"checkbox_signatory_3\": \"yes\",\r\n\t\t\"company_representative_firstname_3\": \"\",\r\n\t\t\"company_representative_lastname_3\": \"\",\r\n\t\t\"company_representative_sec_num_3\": \"\",\r\n\t\t\"company_representative_email_3\": \"\",\r\n\t};\r\n\r\n\treturn {\r\n\t\tnumberOfCompanyReps: 1,\r\n\t\tvalidFields: {},\r\n\t\tfields: initialFieldsState\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Poa/fair-ag/Poa.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Session from \"@classes/Session\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"../../../components/DefaultFields/DefaultFields\";\r\nimport EditableField from \"../../../components/EditableField/EditableField\";\r\nimport FieldsCollection from \"@components/FieldsCollection/FieldsCollection\";\r\nimport Button from \"@components/Button/Button\";\r\nimport StackLayout from \"@components/layouts/StackLayout/StackLayout\";\r\n\r\n// HELPERS\r\nimport {createClassName, loop} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"../../../Cob.helpers\";\r\nimport fulfillmentCheck from \"./Poa.fulfillment\";\r\nimport Validator from \"../../../../../classes/Validator\";\r\nimport Checkbox from \"../../../../../components/Checkbox/Checkbox\";\r\n\r\n// Partner specific config\r\nimport poaConfig from \"../PoaConfig\";\r\n\r\nexport default class CobPoa extends React.PureComponent {\r\n\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired\r\n\t};\r\n\r\n\tstatic companyExclusive = true;\r\n\tstatic privateExclusive = false;\r\n\tstatic fields = _getFields();\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, onChange} = props;\r\n\r\n\t\tif (prevState.fields !== state.fields || prevState.numberOfCompanyReps !== state.numberOfCompanyReps) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, partner} = props;\r\n\r\n\t\tconst classes = createClassName(\"Cob-Poa\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled\r\n\t\t});\r\n\r\n\t\tconst companyRepsList = [];\r\n\t\tlet hasAtLeastOneSignatory = false;\r\n\t\tfor (let i = 0; i < this.state.numberOfCompanyReps; i++) {\r\n\t\t\tif (state.fields[\"checkbox_signatory_\" + i] === \"yes\" || state.fields[\"checkbox_poa_\" + i] === \"yes\") {\r\n\t\t\t\thasAtLeastOneSignatory = true;\r\n\t\t\t}\r\n\r\n\t\t\tcompanyRepsList.push(\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t this.setState({numberOfCompanyReps: this.state.numberOfCompanyReps - 1})}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t= 4 ? \"medium\" : \"primary\"}\r\n\t\t\t\t\t\t\t\tdisabled={this.state.numberOfCompanyReps >= 4}\r\n\t\t\t\t\t\t\t\tonClick={() => this.setState({numberOfCompanyReps: this.state.numberOfCompanyReps + 1})}\r\n\t\t\t\t\t\t\t\tfilled\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t{(!hasAtLeastOneSignatory) && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{companyRepsList}\r\n\r\n\t\t\t\t\t{this.state.numberOfCompanyReps <= 4 && (\r\n\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t{!hasAtLeastOneSignatory && (\r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\tÅtminstone en signatär måste anges.\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}, {\r\n\t\t\t\t\t\t\t\trender: (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{poaConfig[partner.name] && poaConfig[partner.name].showAttachFullmaktWarning && ((poaConfig[partner.name].showFullmakt && state.fields[\"checkbox_poa_\" + i] === \"yes\") || (!poaConfig[partner.name].showFullmakt && state.fields[\"checkbox_mng_\" + i] === \"yes\")) && (\r\n\t\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\tFöreträdare {i + 1}
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tVar god notera att fullmakten måste bifogas som PDF under \"Övriga dokument\" nedan.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = (name, value) => {\r\n\t\tif (name.indexOf(\"company_representative_email_\") > -1) {\r\n\t\t\treturn Validator.validateEmail(value);\r\n\t\t}\r\n\r\n\t\tif (name.indexOf(\"company_representative_sec_num_\") > -1) {\r\n\t\t\treturn Validator.validateSsn(value, false);\r\n\t\t}\r\n\r\n\t\treturn value.length > 0;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value) => {\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value);\r\n\t};\r\n\r\n\t_onFieldBlur = (name) => {\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name);\r\n\t};\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getFields() {\r\n\treturn [\r\n\t\t// Up to 4 company signatories supported on the form\r\n\t\t...(() => {\r\n\t\t\tconst returnValue = [];\r\n\t\t\tloop(4, i => {\r\n\t\t\t\treturnValue.push(\"checkbox_signatory_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_firstname_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_lastname_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_sec_num_\" + i);\r\n\t\t\t\treturnValue.push(\"company_representative_email_\" + i);\r\n\t\t\t});\r\n\t\t\treturn returnValue;\r\n\t\t})()\r\n\t];\r\n}\r\n\r\nfunction _getInitialState() {\r\n\tif (this.props.prevState) {\r\n\t\treturn {...this.props.prevState};\r\n\t}\r\n\r\n\tconst initialFieldsState = {\r\n\t\t\"checkbox_signatory_0\": \"yes\",\r\n\t\t\"company_representative_firstname_0\": \"\",\r\n\t\t\"company_representative_lastname_0\": \"\",\r\n\t\t\"company_representative_sec_num_0\": \"\",\r\n\t\t\"company_representative_email_0\": \"\",\r\n\r\n\t\t\"checkbox_signatory_1\": \"yes\",\r\n\t\t\"company_representative_firstname_1\": \"\",\r\n\t\t\"company_representative_lastname_1\": \"\",\r\n\t\t\"company_representative_sec_num_1\": \"\",\r\n\t\t\"company_representative_email_1\": \"\",\r\n\r\n\t\t\"checkbox_signatory_2\": \"yes\",\r\n\t\t\"company_representative_firstname_2\": \"\",\r\n\t\t\"company_representative_lastname_2\": \"\",\r\n\t\t\"company_representative_sec_num_2\": \"\",\r\n\t\t\"company_representative_email_2\": \"\",\r\n\r\n\t\t\"checkbox_signatory_3\": \"yes\",\r\n\t\t\"company_representative_firstname_3\": \"\",\r\n\t\t\"company_representative_lastname_3\": \"\",\r\n\t\t\"company_representative_sec_num_3\": \"\",\r\n\t\t\"company_representative_email_3\": \"\",\r\n\t};\r\n\r\n\treturn {\r\n\t\tnumberOfCompanyReps: 1,\r\n\t\tvalidFields: {},\r\n\t\tfields: initialFieldsState\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Poa/glofitech-ag/Poa.js","// MODULES\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// CLASSES\r\nimport Partner from \"@classes/Partner\";\r\nimport Session from \"@classes/Session\";\r\n\r\n// COMPONENTS\r\nimport DefaultFields from \"@routes/Cob/components/DefaultFields/DefaultFields\";\r\nimport HiddenDefaultFields from \"@routes/Cob/components/HiddenDefaultFields/HiddenDefaultFields\";\r\n\r\n// HELPERS\r\nimport {createClassName} from \"@helpers/utils\";\r\nimport * as CobHelpers from \"@routes/Cob/Cob.helpers\";\r\n\r\n// OTHER\r\nimport partnerFields from \"./partners\";\r\n\r\n\r\nexport default class CobQuestionnaire extends React.PureComponent {\r\n\tstatic propTypes = {\r\n\t\tid: PropTypes.string.isRequired,\r\n\t\ttitle: PropTypes.string.isRequired,\r\n\t\tpartner: PropTypes.instanceOf(Partner).isRequired,\r\n\t\tsession: PropTypes.instanceOf(Session).isRequired,\r\n\t\tsectionNumber: PropTypes.number.isRequired,\r\n\t\tnumber: PropTypes.number.isRequired,\r\n\t\tprevState: PropTypes.object,\r\n\t\tonChange: PropTypes.func.isRequired,\r\n\t};\r\n\r\n\tstatic companyExclusive = false;\r\n\tstatic privateExclusive = false;\r\n\r\n\tstate = _getInitialState.call(this);\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {id, partner, onChange} = props;\r\n\t\tconst fulfillmentCheck = partnerFields[partner.name].fulfillmentCheck;\r\n\r\n\t\tif (prevState.fields !== state.fields) {\r\n\t\t\tonChange(id, {...state}, fulfillmentCheck(props, state));\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {props, state} = this;\r\n\t\tconst {title, partner, session, app, availableBanks} = props;\r\n\t\tconst classes = createClassName(\"Cob-Questionnaire\", {\r\n\t\t\t\"Cob-View\": true,\r\n\t\t\t\"fulfilled\": state.isFulfilled,\r\n\t\t});\r\n\t\tconst Fields = partnerFields[partner.name].Component;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t this.setState({numberOfCompanyReps: this.state.numberOfCompanyReps - 1})}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t= 4 ? \"medium\" : \"primary\"}\r\n\t\t\t\t\t\t\t\tdisabled={this.state.numberOfCompanyReps >= 4}\r\n\t\t\t\t\t\t\t\tonClick={() => this.setState({numberOfCompanyReps: this.state.numberOfCompanyReps + 1})}\r\n\t\t\t\t\t\t\t\tfilled\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t{title}
\r\n\r\n\t\t\t\t\t{(!hasAtLeastOneSignatory) && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{companyRepsList}\r\n\r\n\t\t\t\t\t{this.state.numberOfCompanyReps <= 4 && (\r\n\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t{!hasAtLeastOneSignatory && (\r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\tÅtminstone en signatär måste anges.\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\t// Internal methods\r\n\t_fieldValidator = partnerFields[this.props.partner.name].Component.fieldValidator;\r\n\r\n\t_numberLocaleFormatter = (value) => {\r\n\t\tlet parsedValue = value.replace(/[\\D\\s._-]+/g, \"\");\r\n\t\tparsedValue = parsedValue || parsedValue === \"0\" ? parseInt(parsedValue, 10) : null;\r\n\t\treturn parsedValue === null ? \"\" : parsedValue;\r\n\t};\r\n\r\n\t_onFieldChange = (name, value, manualValidation) => {\r\n\t\tif (manualValidation === undefined) {\r\n\t\t\tmanualValidation = null;\r\n\t\t}\r\n\r\n\t\tCobHelpers.onViewFieldChange.call(this, name, value, manualValidation);\r\n\t};\r\n\r\n\t_onFieldBlur = (name, skipValidation) => {\r\n\t\tif (skipValidation === undefined) {\r\n\t\t\tskipValidation = false;\r\n\t\t}\r\n\r\n\t\tCobHelpers.onViewFieldBlur.call(this, name, null, skipValidation);\r\n\t};\r\n\r\n\t_onSelectChange = (fieldKey, option, index) => {\r\n\t\tconst {partner} = this.props;\r\n\t\tconst fulfillmentCheck = partnerFields[partner.name].fulfillmentCheck;\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[fieldKey]: {\r\n\t\t\t\t\t...this.state.fields[fieldKey],\r\n\t\t\t\t\tindex: index,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n\r\n\t_onOptionsListChange = ({type, name}, option, index) => {\r\n\t\tname = name || option.name;\r\n\t\tconst {partner} = this.props;\r\n\t\tconst fulfillmentCheck = partnerFields[partner.name].fulfillmentCheck;\r\n\t\tconst newOptions = [...this.state.fields[name].options].map((o, i) => {\r\n\t\t\tif (i === index) {\r\n\t\t\t\treturn option;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn {...o, checked: type === \"radio\" ? false : o.checked};\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {\r\n\t\t\t\t\toptions: newOptions,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t}, () => fulfillmentCheck(this.props, this.state));\r\n\t};\r\n\r\n\t_onCheckboxChange = (name, checked) => {\r\n\t\tthis.setState({\r\n\t\t\tfields: {\r\n\t\t\t\t...this.state.fields,\r\n\t\t\t\t[name]: {...this.state.fields[name], checked},\r\n\t\t\t},\r\n\t\t});\r\n\t}\r\n}\r\n\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getInitialState() {\r\n\tconst {props} = this;\r\n\tconst {session} = props;\r\n\tif (props.prevState) return {...props.prevState};\r\n\r\n\tconst {partner} = props;\r\n\tlet filledPartnerFields = partnerFields[partner.name].Component.setupFieldsState(this);\r\n\r\n\t/**\r\n\t * Set some variables manually. For example account type selection should be visible for Nord FK only\r\n\t * if you come from the advisory application (and have a session.context value set). Otherwise this\r\n\t * section should be hidden.\r\n\t */\r\n\tif ('has_account_type_selection' in filledPartnerFields) {\r\n\t\tfilledPartnerFields.has_account_type_selection = session.context != null;\r\n\t}\r\n\r\n\treturn {\r\n\t\tfields: filledPartnerFields,\r\n\t\tvalidFields: {},\r\n\t};\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/views/Questionnaire/Questionnaire.js","module.exports = __webpack_public_path__ + \"static/media/_Start.3d5524e6.scss\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/routes/Cob/views/Start/_Start.scss\n// module id = 314\n// module chunks = 0","'use strict'\n\nexports.byteLength = byteLength\nexports.toByteArray = toByteArray\nexports.fromByteArray = fromByteArray\n\nvar lookup = []\nvar revLookup = []\nvar Arr = typeof Uint8Array !== 'undefined' ? Uint8Array : Array\n\nvar code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'\nfor (var i = 0, len = code.length; i < len; ++i) {\n lookup[i] = code[i]\n revLookup[code.charCodeAt(i)] = i\n}\n\n// Support decoding URL-safe base64 strings, as Node.js does.\n// See: https://en.wikipedia.org/wiki/Base64#URL_applications\nrevLookup['-'.charCodeAt(0)] = 62\nrevLookup['_'.charCodeAt(0)] = 63\n\nfunction getLens (b64) {\n var len = b64.length\n\n if (len % 4 > 0) {\n throw new Error('Invalid string. Length must be a multiple of 4')\n }\n\n // Trim off extra bytes after placeholder bytes are found\n // See: https://github.com/beatgammit/base64-js/issues/42\n var validLen = b64.indexOf('=')\n if (validLen === -1) validLen = len\n\n var placeHoldersLen = validLen === len\n ? 0\n : 4 - (validLen % 4)\n\n return [validLen, placeHoldersLen]\n}\n\n// base64 is 4/3 + up to two characters of the original data\nfunction byteLength (b64) {\n var lens = getLens(b64)\n var validLen = lens[0]\n var placeHoldersLen = lens[1]\n return ((validLen + placeHoldersLen) * 3 / 4) - placeHoldersLen\n}\n\nfunction _byteLength (b64, validLen, placeHoldersLen) {\n return ((validLen + placeHoldersLen) * 3 / 4) - placeHoldersLen\n}\n\nfunction toByteArray (b64) {\n var tmp\n var lens = getLens(b64)\n var validLen = lens[0]\n var placeHoldersLen = lens[1]\n\n var arr = new Arr(_byteLength(b64, validLen, placeHoldersLen))\n\n var curByte = 0\n\n // if there are placeholders, only get up to the last complete 4 chars\n var len = placeHoldersLen > 0\n ? validLen - 4\n : validLen\n\n var i\n for (i = 0; i < len; i += 4) {\n tmp =\n (revLookup[b64.charCodeAt(i)] << 18) |\n (revLookup[b64.charCodeAt(i + 1)] << 12) |\n (revLookup[b64.charCodeAt(i + 2)] << 6) |\n revLookup[b64.charCodeAt(i + 3)]\n arr[curByte++] = (tmp >> 16) & 0xFF\n arr[curByte++] = (tmp >> 8) & 0xFF\n arr[curByte++] = tmp & 0xFF\n }\n\n if (placeHoldersLen === 2) {\n tmp =\n (revLookup[b64.charCodeAt(i)] << 2) |\n (revLookup[b64.charCodeAt(i + 1)] >> 4)\n arr[curByte++] = tmp & 0xFF\n }\n\n if (placeHoldersLen === 1) {\n tmp =\n (revLookup[b64.charCodeAt(i)] << 10) |\n (revLookup[b64.charCodeAt(i + 1)] << 4) |\n (revLookup[b64.charCodeAt(i + 2)] >> 2)\n arr[curByte++] = (tmp >> 8) & 0xFF\n arr[curByte++] = tmp & 0xFF\n }\n\n return arr\n}\n\nfunction tripletToBase64 (num) {\n return lookup[num >> 18 & 0x3F] +\n lookup[num >> 12 & 0x3F] +\n lookup[num >> 6 & 0x3F] +\n lookup[num & 0x3F]\n}\n\nfunction encodeChunk (uint8, start, end) {\n var tmp\n var output = []\n for (var i = start; i < end; i += 3) {\n tmp =\n ((uint8[i] << 16) & 0xFF0000) +\n ((uint8[i + 1] << 8) & 0xFF00) +\n (uint8[i + 2] & 0xFF)\n output.push(tripletToBase64(tmp))\n }\n return output.join('')\n}\n\nfunction fromByteArray (uint8) {\n var tmp\n var len = uint8.length\n var extraBytes = len % 3 // if we have 1 byte left, pad 2 bytes\n var parts = []\n var maxChunkLength = 16383 // must be multiple of 3\n\n // go through the array every three bytes, we'll deal with trailing stuff later\n for (var i = 0, len2 = len - extraBytes; i < len2; i += maxChunkLength) {\n parts.push(encodeChunk(\n uint8, i, (i + maxChunkLength) > len2 ? len2 : (i + maxChunkLength)\n ))\n }\n\n // pad the end with zeros, but make sure to not forget the extra bytes\n if (extraBytes === 1) {\n tmp = uint8[len - 1]\n parts.push(\n lookup[tmp >> 2] +\n lookup[(tmp << 4) & 0x3F] +\n '=='\n )\n } else if (extraBytes === 2) {\n tmp = (uint8[len - 2] << 8) + uint8[len - 1]\n parts.push(\n lookup[tmp >> 10] +\n lookup[(tmp >> 4) & 0x3F] +\n lookup[(tmp << 2) & 0x3F] +\n '='\n )\n }\n\n return parts.join('')\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/base64-js/index.js\n// module id = 315\n// module chunks = 0","'use strict';\n\nif (typeof Promise === 'undefined') {\n // Rejection tracking prevents a common issue where React gets into an\n // inconsistent state due to an error, but it gets swallowed by a Promise,\n // and the user has no idea what causes React's erratic future behavior.\n require('promise/lib/rejection-tracking').enable();\n window.Promise = require('promise/lib/es6-extensions.js');\n}\n\n// fetch() polyfill for making API calls.\nrequire('whatwg-fetch');\n\n// Object.assign() is commonly used with React.\n// It will use the native implementation if it's present and isn't buggy.\nObject.assign = require('object-assign');\n\n// In tests, polyfill requestAnimationFrame since jsdom doesn't provide it yet.\n// We don't polyfill it in the browser--this is user's responsibility.\nif (process.env.NODE_ENV === 'test') {\n require('raf').polyfill(global);\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./config/polyfills.js\n// module id = 317\n// module chunks = 0","'use strict';\n\nvar Promise = require('./core');\n\nvar DEFAULT_WHITELIST = [\n ReferenceError,\n TypeError,\n RangeError\n];\n\nvar enabled = false;\nexports.disable = disable;\nfunction disable() {\n enabled = false;\n Promise._Y = null;\n Promise._Z = null;\n}\n\nexports.enable = enable;\nfunction enable(options) {\n options = options || {};\n if (enabled) disable();\n enabled = true;\n var id = 0;\n var displayId = 0;\n var rejections = {};\n Promise._Y = function (promise) {\n if (\n promise._V === 2 && // IS REJECTED\n rejections[promise._1]\n ) {\n if (rejections[promise._1].logged) {\n onHandled(promise._1);\n } else {\n clearTimeout(rejections[promise._1].timeout);\n }\n delete rejections[promise._1];\n }\n };\n Promise._Z = function (promise, err) {\n if (promise._U === 0) { // not yet handled\n promise._1 = id++;\n rejections[promise._1] = {\n displayId: null,\n error: err,\n timeout: setTimeout(\n onUnhandled.bind(null, promise._1),\n // For reference errors and type errors, this almost always\n // means the programmer made a mistake, so log them after just\n // 100ms\n // otherwise, wait 2 seconds to see if they get handled\n matchWhitelist(err, DEFAULT_WHITELIST)\n ? 100\n : 2000\n ),\n logged: false\n };\n }\n };\n function onUnhandled(id) {\n if (\n options.allRejections ||\n matchWhitelist(\n rejections[id].error,\n options.whitelist || DEFAULT_WHITELIST\n )\n ) {\n rejections[id].displayId = displayId++;\n if (options.onUnhandled) {\n rejections[id].logged = true;\n options.onUnhandled(\n rejections[id].displayId,\n rejections[id].error\n );\n } else {\n rejections[id].logged = true;\n logError(\n rejections[id].displayId,\n rejections[id].error\n );\n }\n }\n }\n function onHandled(id) {\n if (rejections[id].logged) {\n if (options.onHandled) {\n options.onHandled(rejections[id].displayId, rejections[id].error);\n } else if (!rejections[id].onUnhandled) {\n console.warn(\n 'Promise Rejection Handled (id: ' + rejections[id].displayId + '):'\n );\n console.warn(\n ' This means you can ignore any previous messages of the form \"Possible Unhandled Promise Rejection\" with id ' +\n rejections[id].displayId + '.'\n );\n }\n }\n }\n}\n\nfunction logError(id, error) {\n console.warn('Possible Unhandled Promise Rejection (id: ' + id + '):');\n var errStr = (error && (error.stack || error)) + '';\n errStr.split('\\n').forEach(function (line) {\n console.warn(' ' + line);\n });\n}\n\nfunction matchWhitelist(error, list) {\n return list.some(function (cls) {\n return error instanceof cls;\n });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/promise/lib/rejection-tracking.js\n// module id = 318\n// module chunks = 0","\"use strict\";\n\n// Use the fastest means possible to execute a task in its own turn, with\n// priority over other events including IO, animation, reflow, and redraw\n// events in browsers.\n//\n// An exception thrown by a task will permanently interrupt the processing of\n// subsequent tasks. The higher level `asap` function ensures that if an\n// exception is thrown by a task, that the task queue will continue flushing as\n// soon as possible, but if you use `rawAsap` directly, you are responsible to\n// either ensure that no exceptions are thrown from your task, or to manually\n// call `rawAsap.requestFlush` if an exception is thrown.\nmodule.exports = rawAsap;\nfunction rawAsap(task) {\n if (!queue.length) {\n requestFlush();\n flushing = true;\n }\n // Equivalent to push, but avoids a function call.\n queue[queue.length] = task;\n}\n\nvar queue = [];\n// Once a flush has been requested, no further calls to `requestFlush` are\n// necessary until the next `flush` completes.\nvar flushing = false;\n// `requestFlush` is an implementation-specific method that attempts to kick\n// off a `flush` event as quickly as possible. `flush` will attempt to exhaust\n// the event queue before yielding to the browser's own event loop.\nvar requestFlush;\n// The position of the next task to execute in the task queue. This is\n// preserved between calls to `flush` so that it can be resumed if\n// a task throws an exception.\nvar index = 0;\n// If a task schedules additional tasks recursively, the task queue can grow\n// unbounded. To prevent memory exhaustion, the task queue will periodically\n// truncate already-completed tasks.\nvar capacity = 1024;\n\n// The flush function processes all tasks that have been scheduled with\n// `rawAsap` unless and until one of those tasks throws an exception.\n// If a task throws an exception, `flush` ensures that its state will remain\n// consistent and will resume where it left off when called again.\n// However, `flush` does not make any arrangements to be called again if an\n// exception is thrown.\nfunction flush() {\n while (index < queue.length) {\n var currentIndex = index;\n // Advance the index before calling the task. This ensures that we will\n // begin flushing on the next task the task throws an error.\n index = index + 1;\n queue[currentIndex].call();\n // Prevent leaking memory for long chains of recursive calls to `asap`.\n // If we call `asap` within tasks scheduled by `asap`, the queue will\n // grow, but to avoid an O(n) walk for every task we execute, we don't\n // shift tasks off the queue after they have been executed.\n // Instead, we periodically shift 1024 tasks off the queue.\n if (index > capacity) {\n // Manually shift all values starting at the index back to the\n // beginning of the queue.\n for (var scan = 0, newLength = queue.length - index; scan < newLength; scan++) {\n queue[scan] = queue[scan + index];\n }\n queue.length -= index;\n index = 0;\n }\n }\n queue.length = 0;\n index = 0;\n flushing = false;\n}\n\n// `requestFlush` is implemented using a strategy based on data collected from\n// every available SauceLabs Selenium web driver worker at time of writing.\n// https://docs.google.com/spreadsheets/d/1mG-5UYGup5qxGdEMWkhP6BWCz053NUb2E1QoUTU16uA/edit#gid=783724593\n\n// Safari 6 and 6.1 for desktop, iPad, and iPhone are the only browsers that\n// have WebKitMutationObserver but not un-prefixed MutationObserver.\n// Must use `global` or `self` instead of `window` to work in both frames and web\n// workers. `global` is a provision of Browserify, Mr, Mrs, or Mop.\n\n/* globals self */\nvar scope = typeof global !== \"undefined\" ? global : self;\nvar BrowserMutationObserver = scope.MutationObserver || scope.WebKitMutationObserver;\n\n// MutationObservers are desirable because they have high priority and work\n// reliably everywhere they are implemented.\n// They are implemented in all modern browsers.\n//\n// - Android 4-4.3\n// - Chrome 26-34\n// - Firefox 14-29\n// - Internet Explorer 11\n// - iPad Safari 6-7.1\n// - iPhone Safari 7-7.1\n// - Safari 6-7\nif (typeof BrowserMutationObserver === \"function\") {\n requestFlush = makeRequestCallFromMutationObserver(flush);\n\n// MessageChannels are desirable because they give direct access to the HTML\n// task queue, are implemented in Internet Explorer 10, Safari 5.0-1, and Opera\n// 11-12, and in web workers in many engines.\n// Although message channels yield to any queued rendering and IO tasks, they\n// would be better than imposing the 4ms delay of timers.\n// However, they do not work reliably in Internet Explorer or Safari.\n\n// Internet Explorer 10 is the only browser that has setImmediate but does\n// not have MutationObservers.\n// Although setImmediate yields to the browser's renderer, it would be\n// preferrable to falling back to setTimeout since it does not have\n// the minimum 4ms penalty.\n// Unfortunately there appears to be a bug in Internet Explorer 10 Mobile (and\n// Desktop to a lesser extent) that renders both setImmediate and\n// MessageChannel useless for the purposes of ASAP.\n// https://github.com/kriskowal/q/issues/396\n\n// Timers are implemented universally.\n// We fall back to timers in workers in most engines, and in foreground\n// contexts in the following browsers.\n// However, note that even this simple case requires nuances to operate in a\n// broad spectrum of browsers.\n//\n// - Firefox 3-13\n// - Internet Explorer 6-9\n// - iPad Safari 4.3\n// - Lynx 2.8.7\n} else {\n requestFlush = makeRequestCallFromTimer(flush);\n}\n\n// `requestFlush` requests that the high priority event queue be flushed as\n// soon as possible.\n// This is useful to prevent an error thrown in a task from stalling the event\n// queue if the exception handled by Node.js’s\n// `process.on(\"uncaughtException\")` or by a domain.\nrawAsap.requestFlush = requestFlush;\n\n// To request a high priority event, we induce a mutation observer by toggling\n// the text of a text node between \"1\" and \"-1\".\nfunction makeRequestCallFromMutationObserver(callback) {\n var toggle = 1;\n var observer = new BrowserMutationObserver(callback);\n var node = document.createTextNode(\"\");\n observer.observe(node, {characterData: true});\n return function requestCall() {\n toggle = -toggle;\n node.data = toggle;\n };\n}\n\n// The message channel technique was discovered by Malte Ubl and was the\n// original foundation for this library.\n// http://www.nonblocking.io/2011/06/windownexttick.html\n\n// Safari 6.0.5 (at least) intermittently fails to create message ports on a\n// page's first load. Thankfully, this version of Safari supports\n// MutationObservers, so we don't need to fall back in that case.\n\n// function makeRequestCallFromMessageChannel(callback) {\n// var channel = new MessageChannel();\n// channel.port1.onmessage = callback;\n// return function requestCall() {\n// channel.port2.postMessage(0);\n// };\n// }\n\n// For reasons explained above, we are also unable to use `setImmediate`\n// under any circumstances.\n// Even if we were, there is another bug in Internet Explorer 10.\n// It is not sufficient to assign `setImmediate` to `requestFlush` because\n// `setImmediate` must be called *by name* and therefore must be wrapped in a\n// closure.\n// Never forget.\n\n// function makeRequestCallFromSetImmediate(callback) {\n// return function requestCall() {\n// setImmediate(callback);\n// };\n// }\n\n// Safari 6.0 has a problem where timers will get lost while the user is\n// scrolling. This problem does not impact ASAP because Safari 6.0 supports\n// mutation observers, so that implementation is used instead.\n// However, if we ever elect to use timers in Safari, the prevalent work-around\n// is to add a scroll event listener that calls for a flush.\n\n// `setTimeout` does not call the passed callback if the delay is less than\n// approximately 7 in web workers in Firefox 8 through 18, and sometimes not\n// even then.\n\nfunction makeRequestCallFromTimer(callback) {\n return function requestCall() {\n // We dispatch a timeout with a specified delay of 0 for engines that\n // can reliably accommodate that request. This will usually be snapped\n // to a 4 milisecond delay, but once we're flushing, there's no delay\n // between events.\n var timeoutHandle = setTimeout(handleTimer, 0);\n // However, since this timer gets frequently dropped in Firefox\n // workers, we enlist an interval handle that will try to fire\n // an event 20 times per second until it succeeds.\n var intervalHandle = setInterval(handleTimer, 50);\n\n function handleTimer() {\n // Whichever timer succeeds will cancel both timers and\n // execute the callback.\n clearTimeout(timeoutHandle);\n clearInterval(intervalHandle);\n callback();\n }\n };\n}\n\n// This is for `asap.js` only.\n// Its name will be periodically randomized to break any code that depends on\n// its existence.\nrawAsap.makeRequestCallFromTimer = makeRequestCallFromTimer;\n\n// ASAP was originally a nextTick shim included in Q. This was factored out\n// into this ASAP package. It was later adapted to RSVP which made further\n// amendments. These decisions, particularly to marginalize MessageChannel and\n// to capture the MutationObserver implementation in a closure, were integrated\n// back into ASAP proper.\n// https://github.com/tildeio/rsvp.js/blob/cddf7232546a9cf858524b75cde6f9edf72620a7/lib/rsvp/asap.js\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/asap/browser-raw.js\n// module id = 319\n// module chunks = 0","'use strict';\n\n//This file contains the ES6 extensions to the core Promises/A+ API\n\nvar Promise = require('./core.js');\n\nmodule.exports = Promise;\n\n/* Static Functions */\n\nvar TRUE = valuePromise(true);\nvar FALSE = valuePromise(false);\nvar NULL = valuePromise(null);\nvar UNDEFINED = valuePromise(undefined);\nvar ZERO = valuePromise(0);\nvar EMPTYSTRING = valuePromise('');\n\nfunction valuePromise(value) {\n var p = new Promise(Promise._0);\n p._V = 1;\n p._W = value;\n return p;\n}\nPromise.resolve = function (value) {\n if (value instanceof Promise) return value;\n\n if (value === null) return NULL;\n if (value === undefined) return UNDEFINED;\n if (value === true) return TRUE;\n if (value === false) return FALSE;\n if (value === 0) return ZERO;\n if (value === '') return EMPTYSTRING;\n\n if (typeof value === 'object' || typeof value === 'function') {\n try {\n var then = value.then;\n if (typeof then === 'function') {\n return new Promise(then.bind(value));\n }\n } catch (ex) {\n return new Promise(function (resolve, reject) {\n reject(ex);\n });\n }\n }\n return valuePromise(value);\n};\n\nvar iterableToArray = function (iterable) {\n if (typeof Array.from === 'function') {\n // ES2015+, iterables exist\n iterableToArray = Array.from;\n return Array.from(iterable);\n }\n\n // ES5, only arrays and array-likes exist\n iterableToArray = function (x) { return Array.prototype.slice.call(x); };\n return Array.prototype.slice.call(iterable);\n}\n\nPromise.all = function (arr) {\n var args = iterableToArray(arr);\n\n return new Promise(function (resolve, reject) {\n if (args.length === 0) return resolve([]);\n var remaining = args.length;\n function res(i, val) {\n if (val && (typeof val === 'object' || typeof val === 'function')) {\n if (val instanceof Promise && val.then === Promise.prototype.then) {\n while (val._V === 3) {\n val = val._W;\n }\n if (val._V === 1) return res(i, val._W);\n if (val._V === 2) reject(val._W);\n val.then(function (val) {\n res(i, val);\n }, reject);\n return;\n } else {\n var then = val.then;\n if (typeof then === 'function') {\n var p = new Promise(then.bind(val));\n p.then(function (val) {\n res(i, val);\n }, reject);\n return;\n }\n }\n }\n args[i] = val;\n if (--remaining === 0) {\n resolve(args);\n }\n }\n for (var i = 0; i < args.length; i++) {\n res(i, args[i]);\n }\n });\n};\n\nPromise.reject = function (value) {\n return new Promise(function (resolve, reject) {\n reject(value);\n });\n};\n\nPromise.race = function (values) {\n return new Promise(function (resolve, reject) {\n iterableToArray(values).forEach(function(value){\n Promise.resolve(value).then(resolve, reject);\n });\n });\n};\n\n/* Prototype Methods */\n\nPromise.prototype['catch'] = function (onRejected) {\n return this.then(null, onRejected);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/promise/lib/es6-extensions.js\n// module id = 320\n// module chunks = 0","(function(self) {\n 'use strict';\n\n if (self.fetch) {\n return\n }\n\n var support = {\n searchParams: 'URLSearchParams' in self,\n iterable: 'Symbol' in self && 'iterator' in Symbol,\n blob: 'FileReader' in self && 'Blob' in self && (function() {\n try {\n new Blob()\n return true\n } catch(e) {\n return false\n }\n })(),\n formData: 'FormData' in self,\n arrayBuffer: 'ArrayBuffer' in self\n }\n\n if (support.arrayBuffer) {\n var viewClasses = [\n '[object Int8Array]',\n '[object Uint8Array]',\n '[object Uint8ClampedArray]',\n '[object Int16Array]',\n '[object Uint16Array]',\n '[object Int32Array]',\n '[object Uint32Array]',\n '[object Float32Array]',\n '[object Float64Array]'\n ]\n\n var isDataView = function(obj) {\n return obj && DataView.prototype.isPrototypeOf(obj)\n }\n\n var isArrayBufferView = ArrayBuffer.isView || function(obj) {\n return obj && viewClasses.indexOf(Object.prototype.toString.call(obj)) > -1\n }\n }\n\n function normalizeName(name) {\n if (typeof name !== 'string') {\n name = String(name)\n }\n if (/[^a-z0-9\\-#$%&'*+.\\^_`|~]/i.test(name)) {\n throw new TypeError('Invalid character in header field name')\n }\n return name.toLowerCase()\n }\n\n function normalizeValue(value) {\n if (typeof value !== 'string') {\n value = String(value)\n }\n return value\n }\n\n // Build a destructive iterator for the value list\n function iteratorFor(items) {\n var iterator = {\n next: function() {\n var value = items.shift()\n return {done: value === undefined, value: value}\n }\n }\n\n if (support.iterable) {\n iterator[Symbol.iterator] = function() {\n return iterator\n }\n }\n\n return iterator\n }\n\n function Headers(headers) {\n this.map = {}\n\n if (headers instanceof Headers) {\n headers.forEach(function(value, name) {\n this.append(name, value)\n }, this)\n } else if (Array.isArray(headers)) {\n headers.forEach(function(header) {\n this.append(header[0], header[1])\n }, this)\n } else if (headers) {\n Object.getOwnPropertyNames(headers).forEach(function(name) {\n this.append(name, headers[name])\n }, this)\n }\n }\n\n Headers.prototype.append = function(name, value) {\n name = normalizeName(name)\n value = normalizeValue(value)\n var oldValue = this.map[name]\n this.map[name] = oldValue ? oldValue+','+value : value\n }\n\n Headers.prototype['delete'] = function(name) {\n delete this.map[normalizeName(name)]\n }\n\n Headers.prototype.get = function(name) {\n name = normalizeName(name)\n return this.has(name) ? this.map[name] : null\n }\n\n Headers.prototype.has = function(name) {\n return this.map.hasOwnProperty(normalizeName(name))\n }\n\n Headers.prototype.set = function(name, value) {\n this.map[normalizeName(name)] = normalizeValue(value)\n }\n\n Headers.prototype.forEach = function(callback, thisArg) {\n for (var name in this.map) {\n if (this.map.hasOwnProperty(name)) {\n callback.call(thisArg, this.map[name], name, this)\n }\n }\n }\n\n Headers.prototype.keys = function() {\n var items = []\n this.forEach(function(value, name) { items.push(name) })\n return iteratorFor(items)\n }\n\n Headers.prototype.values = function() {\n var items = []\n this.forEach(function(value) { items.push(value) })\n return iteratorFor(items)\n }\n\n Headers.prototype.entries = function() {\n var items = []\n this.forEach(function(value, name) { items.push([name, value]) })\n return iteratorFor(items)\n }\n\n if (support.iterable) {\n Headers.prototype[Symbol.iterator] = Headers.prototype.entries\n }\n\n function consumed(body) {\n if (body.bodyUsed) {\n return Promise.reject(new TypeError('Already read'))\n }\n body.bodyUsed = true\n }\n\n function fileReaderReady(reader) {\n return new Promise(function(resolve, reject) {\n reader.onload = function() {\n resolve(reader.result)\n }\n reader.onerror = function() {\n reject(reader.error)\n }\n })\n }\n\n function readBlobAsArrayBuffer(blob) {\n var reader = new FileReader()\n var promise = fileReaderReady(reader)\n reader.readAsArrayBuffer(blob)\n return promise\n }\n\n function readBlobAsText(blob) {\n var reader = new FileReader()\n var promise = fileReaderReady(reader)\n reader.readAsText(blob)\n return promise\n }\n\n function readArrayBufferAsText(buf) {\n var view = new Uint8Array(buf)\n var chars = new Array(view.length)\n\n for (var i = 0; i < view.length; i++) {\n chars[i] = String.fromCharCode(view[i])\n }\n return chars.join('')\n }\n\n function bufferClone(buf) {\n if (buf.slice) {\n return buf.slice(0)\n } else {\n var view = new Uint8Array(buf.byteLength)\n view.set(new Uint8Array(buf))\n return view.buffer\n }\n }\n\n function Body() {\n this.bodyUsed = false\n\n this._initBody = function(body) {\n this._bodyInit = body\n if (!body) {\n this._bodyText = ''\n } else if (typeof body === 'string') {\n this._bodyText = body\n } else if (support.blob && Blob.prototype.isPrototypeOf(body)) {\n this._bodyBlob = body\n } else if (support.formData && FormData.prototype.isPrototypeOf(body)) {\n this._bodyFormData = body\n } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) {\n this._bodyText = body.toString()\n } else if (support.arrayBuffer && support.blob && isDataView(body)) {\n this._bodyArrayBuffer = bufferClone(body.buffer)\n // IE 10-11 can't handle a DataView body.\n this._bodyInit = new Blob([this._bodyArrayBuffer])\n } else if (support.arrayBuffer && (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body))) {\n this._bodyArrayBuffer = bufferClone(body)\n } else {\n throw new Error('unsupported BodyInit type')\n }\n\n if (!this.headers.get('content-type')) {\n if (typeof body === 'string') {\n this.headers.set('content-type', 'text/plain;charset=UTF-8')\n } else if (this._bodyBlob && this._bodyBlob.type) {\n this.headers.set('content-type', this._bodyBlob.type)\n } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) {\n this.headers.set('content-type', 'application/x-www-form-urlencoded;charset=UTF-8')\n }\n }\n }\n\n if (support.blob) {\n this.blob = function() {\n var rejected = consumed(this)\n if (rejected) {\n return rejected\n }\n\n if (this._bodyBlob) {\n return Promise.resolve(this._bodyBlob)\n } else if (this._bodyArrayBuffer) {\n return Promise.resolve(new Blob([this._bodyArrayBuffer]))\n } else if (this._bodyFormData) {\n throw new Error('could not read FormData body as blob')\n } else {\n return Promise.resolve(new Blob([this._bodyText]))\n }\n }\n\n this.arrayBuffer = function() {\n if (this._bodyArrayBuffer) {\n return consumed(this) || Promise.resolve(this._bodyArrayBuffer)\n } else {\n return this.blob().then(readBlobAsArrayBuffer)\n }\n }\n }\n\n this.text = function() {\n var rejected = consumed(this)\n if (rejected) {\n return rejected\n }\n\n if (this._bodyBlob) {\n return readBlobAsText(this._bodyBlob)\n } else if (this._bodyArrayBuffer) {\n return Promise.resolve(readArrayBufferAsText(this._bodyArrayBuffer))\n } else if (this._bodyFormData) {\n throw new Error('could not read FormData body as text')\n } else {\n return Promise.resolve(this._bodyText)\n }\n }\n\n if (support.formData) {\n this.formData = function() {\n return this.text().then(decode)\n }\n }\n\n this.json = function() {\n return this.text().then(JSON.parse)\n }\n\n return this\n }\n\n // HTTP methods whose capitalization should be normalized\n var methods = ['DELETE', 'GET', 'HEAD', 'OPTIONS', 'POST', 'PUT']\n\n function normalizeMethod(method) {\n var upcased = method.toUpperCase()\n return (methods.indexOf(upcased) > -1) ? upcased : method\n }\n\n function Request(input, options) {\n options = options || {}\n var body = options.body\n\n if (input instanceof Request) {\n if (input.bodyUsed) {\n throw new TypeError('Already read')\n }\n this.url = input.url\n this.credentials = input.credentials\n if (!options.headers) {\n this.headers = new Headers(input.headers)\n }\n this.method = input.method\n this.mode = input.mode\n if (!body && input._bodyInit != null) {\n body = input._bodyInit\n input.bodyUsed = true\n }\n } else {\n this.url = String(input)\n }\n\n this.credentials = options.credentials || this.credentials || 'omit'\n if (options.headers || !this.headers) {\n this.headers = new Headers(options.headers)\n }\n this.method = normalizeMethod(options.method || this.method || 'GET')\n this.mode = options.mode || this.mode || null\n this.referrer = null\n\n if ((this.method === 'GET' || this.method === 'HEAD') && body) {\n throw new TypeError('Body not allowed for GET or HEAD requests')\n }\n this._initBody(body)\n }\n\n Request.prototype.clone = function() {\n return new Request(this, { body: this._bodyInit })\n }\n\n function decode(body) {\n var form = new FormData()\n body.trim().split('&').forEach(function(bytes) {\n if (bytes) {\n var split = bytes.split('=')\n var name = split.shift().replace(/\\+/g, ' ')\n var value = split.join('=').replace(/\\+/g, ' ')\n form.append(decodeURIComponent(name), decodeURIComponent(value))\n }\n })\n return form\n }\n\n function parseHeaders(rawHeaders) {\n var headers = new Headers()\n // Replace instances of \\r\\n and \\n followed by at least one space or horizontal tab with a space\n // https://tools.ietf.org/html/rfc7230#section-3.2\n var preProcessedHeaders = rawHeaders.replace(/\\r?\\n[\\t ]+/g, ' ')\n preProcessedHeaders.split(/\\r?\\n/).forEach(function(line) {\n var parts = line.split(':')\n var key = parts.shift().trim()\n if (key) {\n var value = parts.join(':').trim()\n headers.append(key, value)\n }\n })\n return headers\n }\n\n Body.call(Request.prototype)\n\n function Response(bodyInit, options) {\n if (!options) {\n options = {}\n }\n\n this.type = 'default'\n this.status = options.status === undefined ? 200 : options.status\n this.ok = this.status >= 200 && this.status < 300\n this.statusText = 'statusText' in options ? options.statusText : 'OK'\n this.headers = new Headers(options.headers)\n this.url = options.url || ''\n this._initBody(bodyInit)\n }\n\n Body.call(Response.prototype)\n\n Response.prototype.clone = function() {\n return new Response(this._bodyInit, {\n status: this.status,\n statusText: this.statusText,\n headers: new Headers(this.headers),\n url: this.url\n })\n }\n\n Response.error = function() {\n var response = new Response(null, {status: 0, statusText: ''})\n response.type = 'error'\n return response\n }\n\n var redirectStatuses = [301, 302, 303, 307, 308]\n\n Response.redirect = function(url, status) {\n if (redirectStatuses.indexOf(status) === -1) {\n throw new RangeError('Invalid status code')\n }\n\n return new Response(null, {status: status, headers: {location: url}})\n }\n\n self.Headers = Headers\n self.Request = Request\n self.Response = Response\n\n self.fetch = function(input, init) {\n return new Promise(function(resolve, reject) {\n var request = new Request(input, init)\n var xhr = new XMLHttpRequest()\n\n xhr.onload = function() {\n var options = {\n status: xhr.status,\n statusText: xhr.statusText,\n headers: parseHeaders(xhr.getAllResponseHeaders() || '')\n }\n options.url = 'responseURL' in xhr ? xhr.responseURL : options.headers.get('X-Request-URL')\n var body = 'response' in xhr ? xhr.response : xhr.responseText\n resolve(new Response(body, options))\n }\n\n xhr.onerror = function() {\n reject(new TypeError('Network request failed'))\n }\n\n xhr.ontimeout = function() {\n reject(new TypeError('Network request failed'))\n }\n\n xhr.open(request.method, request.url, true)\n\n if (request.credentials === 'include') {\n xhr.withCredentials = true\n } else if (request.credentials === 'omit') {\n xhr.withCredentials = false\n }\n\n if ('responseType' in xhr && support.blob) {\n xhr.responseType = 'blob'\n }\n\n request.headers.forEach(function(value, name) {\n xhr.setRequestHeader(name, value)\n })\n\n xhr.send(typeof request._bodyInit === 'undefined' ? null : request._bodyInit)\n })\n }\n self.fetch.polyfill = true\n})(typeof self !== 'undefined' ? self : this);\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/whatwg-fetch/fetch.js\n// module id = 321\n// module chunks = 0","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Provider } from \"react-redux\";\nimport { ConnectedRouter } from \"react-router-redux\";\nimport { Route } from \"react-router-dom\";\nimport moment from \"moment\";\n// import registerServiceWorker from \"./registerServiceWorker\";\nimport { unregister } from \"./registerServiceWorker\";\nimport \"./index.css\";\nimport \"moment/locale/sv\";\n\nimport createStore, { history } from \"./store\";\nimport App from \"./App\";\n\n\n// Unregister service worker (if already initiated)\nunregister();\n\nmoment.locale(\"sv\");\n\nconst AppWithRedux = (\n \r\n {\r\n {typeof errorModal.body === \"string\" ? (\r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n\r\n // Internal methods\r\n _closeErrorModal = async () =>\r\n {\r\n const {actions} = this.props;\r\n await actions.closeErrorModal();\r\n };\r\n }\r\n);\r\n\r\n// PRIVATE COMPONENTS\r\nfunction CustomStyleSheet(props)\r\n{\r\n const {partner} = props.app;\r\n if (!partner)\r\n {\r\n return null;\r\n }\r\n\r\n // Stringify styles\r\n const styles = _getCustomStyles(props);\r\n const result = styles\r\n .map((style, i) =>\r\n {\r\n const styleName = Object.keys(style)[0];\r\n const values = style[styleName];\r\n const keys = Object.keys(values);\r\n const returnValue = [];\r\n for (let j = 0, n = keys.length; j < n; j++)\r\n {\r\n const key = keys[j];\r\n const value = values[key];\r\n if (value)\r\n {\r\n returnValue.push(\r\n `${key}:${value}` + (j !== keys.length - 1 ? \";\" : \"\")\r\n );\r\n }\r\n }\r\n return `${styleName}{${returnValue.join(\"\")}}`;\r\n })\r\n .join(\" \");\r\n\r\n return ;\r\n}\r\n\r\nfunction _getCustomStyles({app})\r\n{\r\n const {partner} = app;\r\n const {accentColors, borderStyle, containerShadow} = partner;\r\n const parseValue = (value, suffix) =>\r\n {\r\n if (typeof value === \"undefined\" || value === null || value === \"\")\r\n {\r\n return null;\r\n }\r\n if (value === 0 || value === \"0\")\r\n {\r\n return \"0\";\r\n }\r\n return (\r\n value +\r\n (typeof value === \"number\" ? \"px\" : \"\") +\r\n (suffix ? \" \" + suffix : \"\")\r\n );\r\n };\r\n const defaultValues = {\r\n fieldBorderRadius:\r\n borderStyle.radius === \"none\"\r\n ? \"0\"\r\n : borderStyle.radius === \"round\"\r\n ? \"10px\"\r\n : null\r\n };\r\n\r\n // This is an array containing one-key objects\r\n return [\r\n // General\r\n {\r\n h2: {\r\n color: parseValue(accentColors.primary)\r\n }\r\n },\r\n\r\n {\r\n h3: {\r\n color: parseValue(accentColors.secondary)\r\n }\r\n },\r\n\r\n // App\r\n {\r\n \".App-content\": {\r\n \"border-radius\":\r\n borderStyle.radius === \"round\"\r\n ? \"15px\"\r\n : defaultValues.fieldBorderRadius,\r\n \"box-shadow\": !containerShadow ? \"none\" : null\r\n }\r\n },\r\n\r\n // Button\r\n {\r\n \".Button\": {\r\n \"border-width\": parseValue(borderStyle.width)\r\n }\r\n },\r\n {\r\n \".Button.primary\": {\r\n color: parseValue(accentColors.primary)\r\n }\r\n },\r\n {\r\n \".Button.primary.filled\": {\r\n \"background-color\": parseValue(accentColors.primary)\r\n }\r\n },\r\n {\r\n \".Button.primary:not(.filled)\": {\r\n \"border-color\": parseValue(accentColors.primary)\r\n }\r\n },\r\n\r\n {\r\n \".Button.secondary\": {\r\n color: parseValue(accentColors.secondary)\r\n }\r\n },\r\n {\r\n \".Button.secondary.filled\": {\r\n \"background-color\": parseValue(accentColors.secondary)\r\n }\r\n },\r\n {\r\n \".Button.secondary:not(.filled)\": {\r\n \"border-color\": parseValue(accentColors.secondary)\r\n }\r\n },\r\n\r\n // Checkbox\r\n {\r\n \".Checkbox-checkbox\": {\r\n \"border-width\": parseValue(borderStyle.width),\r\n \"border-radius\":\r\n borderStyle.radius === \"round\"\r\n ? \"5px\"\r\n : defaultValues.fieldBorderRadius\r\n }\r\n },\r\n\r\n // Cob\r\n {\r\n \".Cob-buttons:before\": {\r\n height: parseValue(borderStyle.width)\r\n }\r\n },\r\n\r\n // Cob-SectionNumber\r\n {\r\n \".Cob-SectionNumber:before\": {\r\n width: parseValue(borderStyle.width)\r\n }\r\n },\r\n {\r\n \".Cob-SectionNumber-circle\": {\r\n \"border-radius\":\r\n borderStyle.radius === \"round\"\r\n ? \"100%\"\r\n : defaultValues.fieldBorderRadius,\r\n \"border-width\": parseValue(borderStyle.width)\r\n }\r\n },\r\n\r\n // Select\r\n {\r\n \".Select-inner\": {\r\n \"border-width\": parseValue(borderStyle.width)\r\n }\r\n },\r\n {\r\n \".Select.focus:not(.valid) .Select-inner\": {\r\n \"border-color\": parseValue(accentColors.secondary)\r\n }\r\n },\r\n {\r\n \".Select-dropdown-container\": {\r\n width: borderStyle.width\r\n ? `calc( 100% + ${parseValue(borderStyle.width * 2)} )`\r\n : null\r\n }\r\n },\r\n {\r\n \".Select-dropdown-container:before\": {\r\n left: parseValue(borderStyle.width),\r\n right: parseValue(borderStyle.width)\r\n }\r\n },\r\n {\r\n \".Select-dropdown\": {\r\n \"border-width\": parseValue(borderStyle.width),\r\n \"border-color\": parseValue(accentColors.secondary)\r\n }\r\n },\r\n {\r\n \".Select.focus .Select-dropdown\": {\r\n \"border-bottom-left-radius\": defaultValues.fieldBorderRadius,\r\n \"border-bottom-right-radius\": defaultValues.fieldBorderRadius\r\n }\r\n },\r\n {\r\n \".Select-dropdown-option.highlight, .Select-dropdown-option.selected\": {\r\n color: parseValue(accentColors.secondary)\r\n }\r\n },\r\n {\r\n \".Select.focus .Select-arrow\": {\r\n color: parseValue(accentColors.secondary)\r\n }\r\n },\r\n\r\n // TextField\r\n {\r\n \".TextField\": {\r\n \"border-width\": parseValue(borderStyle.width)\r\n }\r\n },\r\n {\r\n \".TextField:not(.valid).focus\": {\r\n \"border-color\": parseValue(accentColors.secondary)\r\n }\r\n },\r\n {\r\n \".TextField.focus:not(.invalid) .TextField-status .required-symbol\": {\r\n color: parseValue(accentColors.secondary)\r\n }\r\n },\r\n\r\n // Multiple selectors\r\n {\r\n \".Button\": {\r\n \"border-radius\":\r\n borderStyle.radius === \"round\"\r\n ? \"24px\"\r\n : defaultValues.fieldBorderRadius\r\n }\r\n },\r\n {\r\n \".Select, .TextField\": {\r\n \"border-radius\": defaultValues.fieldBorderRadius\r\n }\r\n }\r\n ];\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/App.js","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n// This method of obtaining a reference to the global object needs to be\n// kept identical to the way it is obtained in runtime.js\nvar g = (function() { return this })() || Function(\"return this\")();\n\n// Use `getOwnPropertyNames` because not all browsers support calling\n// `hasOwnProperty` on the global `self` object in a worker. See #183.\nvar hadRuntime = g.regeneratorRuntime &&\n Object.getOwnPropertyNames(g).indexOf(\"regeneratorRuntime\") >= 0;\n\n// Save the old regeneratorRuntime in case it needs to be restored later.\nvar oldRuntime = hadRuntime && g.regeneratorRuntime;\n\n// Force reevalutation of runtime.js.\ng.regeneratorRuntime = undefined;\n\nmodule.exports = require(\"./runtime\");\n\nif (hadRuntime) {\n // Restore the original runtime.\n g.regeneratorRuntime = oldRuntime;\n} else {\n // Remove the global property added by runtime.js.\n try {\n delete g.regeneratorRuntime;\n } catch(e) {\n g.regeneratorRuntime = undefined;\n }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/regenerator-runtime/runtime-module.js\n// module id = 384\n// module chunks = 0","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n!(function(global) {\n \"use strict\";\n\n var Op = Object.prototype;\n var hasOwn = Op.hasOwnProperty;\n var undefined; // More compressible than void 0.\n var $Symbol = typeof Symbol === \"function\" ? Symbol : {};\n var iteratorSymbol = $Symbol.iterator || \"@@iterator\";\n var asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\";\n var toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\";\n\n var inModule = typeof module === \"object\";\n var runtime = global.regeneratorRuntime;\n if (runtime) {\n if (inModule) {\n // If regeneratorRuntime is defined globally and we're in a module,\n // make the exports object identical to regeneratorRuntime.\n module.exports = runtime;\n }\n // Don't bother evaluating the rest of this file if the runtime was\n // already defined globally.\n return;\n }\n\n // Define the runtime globally (as expected by generated code) as either\n // module.exports (if we're in a module) or a new, empty object.\n runtime = global.regeneratorRuntime = inModule ? module.exports : {};\n\n function wrap(innerFn, outerFn, self, tryLocsList) {\n // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.\n var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;\n var generator = Object.create(protoGenerator.prototype);\n var context = new Context(tryLocsList || []);\n\n // The ._invoke method unifies the implementations of the .next,\n // .throw, and .return methods.\n generator._invoke = makeInvokeMethod(innerFn, self, context);\n\n return generator;\n }\n runtime.wrap = wrap;\n\n // Try/catch helper to minimize deoptimizations. Returns a completion\n // record like context.tryEntries[i].completion. This interface could\n // have been (and was previously) designed to take a closure to be\n // invoked without arguments, but in all the cases we care about we\n // already have an existing method we want to call, so there's no need\n // to create a new function object. We can even get away with assuming\n // the method takes exactly one argument, since that happens to be true\n // in every case, so we don't have to touch the arguments object. The\n // only additional allocation required is the completion record, which\n // has a stable shape and so hopefully should be cheap to allocate.\n function tryCatch(fn, obj, arg) {\n try {\n return { type: \"normal\", arg: fn.call(obj, arg) };\n } catch (err) {\n return { type: \"throw\", arg: err };\n }\n }\n\n var GenStateSuspendedStart = \"suspendedStart\";\n var GenStateSuspendedYield = \"suspendedYield\";\n var GenStateExecuting = \"executing\";\n var GenStateCompleted = \"completed\";\n\n // Returning this object from the innerFn has the same effect as\n // breaking out of the dispatch switch statement.\n var ContinueSentinel = {};\n\n // Dummy constructor functions that we use as the .constructor and\n // .constructor.prototype properties for functions that return Generator\n // objects. For full spec compliance, you may wish to configure your\n // minifier not to mangle the names of these two functions.\n function Generator() {}\n function GeneratorFunction() {}\n function GeneratorFunctionPrototype() {}\n\n // This is a polyfill for %IteratorPrototype% for environments that\n // don't natively support it.\n var IteratorPrototype = {};\n IteratorPrototype[iteratorSymbol] = function () {\n return this;\n };\n\n var getProto = Object.getPrototypeOf;\n var NativeIteratorPrototype = getProto && getProto(getProto(values([])));\n if (NativeIteratorPrototype &&\n NativeIteratorPrototype !== Op &&\n hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {\n // This environment has a native %IteratorPrototype%; use it instead\n // of the polyfill.\n IteratorPrototype = NativeIteratorPrototype;\n }\n\n var Gp = GeneratorFunctionPrototype.prototype =\n Generator.prototype = Object.create(IteratorPrototype);\n GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;\n GeneratorFunctionPrototype.constructor = GeneratorFunction;\n GeneratorFunctionPrototype[toStringTagSymbol] =\n GeneratorFunction.displayName = \"GeneratorFunction\";\n\n // Helper for defining the .next, .throw, and .return methods of the\n // Iterator interface in terms of a single ._invoke method.\n function defineIteratorMethods(prototype) {\n [\"next\", \"throw\", \"return\"].forEach(function(method) {\n prototype[method] = function(arg) {\n return this._invoke(method, arg);\n };\n });\n }\n\n runtime.isGeneratorFunction = function(genFun) {\n var ctor = typeof genFun === \"function\" && genFun.constructor;\n return ctor\n ? ctor === GeneratorFunction ||\n // For the native GeneratorFunction constructor, the best we can\n // do is to check its .name property.\n (ctor.displayName || ctor.name) === \"GeneratorFunction\"\n : false;\n };\n\n runtime.mark = function(genFun) {\n if (Object.setPrototypeOf) {\n Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);\n } else {\n genFun.__proto__ = GeneratorFunctionPrototype;\n if (!(toStringTagSymbol in genFun)) {\n genFun[toStringTagSymbol] = \"GeneratorFunction\";\n }\n }\n genFun.prototype = Object.create(Gp);\n return genFun;\n };\n\n // Within the body of any async function, `await x` is transformed to\n // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test\n // `hasOwn.call(value, \"__await\")` to determine if the yielded value is\n // meant to be awaited.\n runtime.awrap = function(arg) {\n return { __await: arg };\n };\n\n function AsyncIterator(generator) {\n function invoke(method, arg, resolve, reject) {\n var record = tryCatch(generator[method], generator, arg);\n if (record.type === \"throw\") {\n reject(record.arg);\n } else {\n var result = record.arg;\n var value = result.value;\n if (value &&\n typeof value === \"object\" &&\n hasOwn.call(value, \"__await\")) {\n return Promise.resolve(value.__await).then(function(value) {\n invoke(\"next\", value, resolve, reject);\n }, function(err) {\n invoke(\"throw\", err, resolve, reject);\n });\n }\n\n return Promise.resolve(value).then(function(unwrapped) {\n // When a yielded Promise is resolved, its final value becomes\n // the .value of the Promise<{value,done}> result for the\n // current iteration. If the Promise is rejected, however, the\n // result for this iteration will be rejected with the same\n // reason. Note that rejections of yielded Promises are not\n // thrown back into the generator function, as is the case\n // when an awaited Promise is rejected. This difference in\n // behavior between yield and await is important, because it\n // allows the consumer to decide what to do with the yielded\n // rejection (swallow it and continue, manually .throw it back\n // into the generator, abandon iteration, whatever). With\n // await, by contrast, there is no opportunity to examine the\n // rejection reason outside the generator function, so the\n // only option is to throw it from the await expression, and\n // let the generator function handle the exception.\n result.value = unwrapped;\n resolve(result);\n }, reject);\n }\n }\n\n var previousPromise;\n\n function enqueue(method, arg) {\n function callInvokeWithMethodAndArg() {\n return new Promise(function(resolve, reject) {\n invoke(method, arg, resolve, reject);\n });\n }\n\n return previousPromise =\n // If enqueue has been called before, then we want to wait until\n // all previous Promises have been resolved before calling invoke,\n // so that results are always delivered in the correct order. If\n // enqueue has not been called before, then it is important to\n // call invoke immediately, without waiting on a callback to fire,\n // so that the async generator function has the opportunity to do\n // any necessary setup in a predictable way. This predictability\n // is why the Promise constructor synchronously invokes its\n // executor callback, and why async functions synchronously\n // execute code before the first await. Since we implement simple\n // async functions in terms of async generators, it is especially\n // important to get this right, even though it requires care.\n previousPromise ? previousPromise.then(\n callInvokeWithMethodAndArg,\n // Avoid propagating failures to Promises returned by later\n // invocations of the iterator.\n callInvokeWithMethodAndArg\n ) : callInvokeWithMethodAndArg();\n }\n\n // Define the unified helper method that is used to implement .next,\n // .throw, and .return (see defineIteratorMethods).\n this._invoke = enqueue;\n }\n\n defineIteratorMethods(AsyncIterator.prototype);\n AsyncIterator.prototype[asyncIteratorSymbol] = function () {\n return this;\n };\n runtime.AsyncIterator = AsyncIterator;\n\n // Note that simple async functions are implemented on top of\n // AsyncIterator objects; they just return a Promise for the value of\n // the final result produced by the iterator.\n runtime.async = function(innerFn, outerFn, self, tryLocsList) {\n var iter = new AsyncIterator(\n wrap(innerFn, outerFn, self, tryLocsList)\n );\n\n return runtime.isGeneratorFunction(outerFn)\n ? iter // If outerFn is a generator, return the full iterator.\n : iter.next().then(function(result) {\n return result.done ? result.value : iter.next();\n });\n };\n\n function makeInvokeMethod(innerFn, self, context) {\n var state = GenStateSuspendedStart;\n\n return function invoke(method, arg) {\n if (state === GenStateExecuting) {\n throw new Error(\"Generator is already running\");\n }\n\n if (state === GenStateCompleted) {\n if (method === \"throw\") {\n throw arg;\n }\n\n // Be forgiving, per 25.3.3.3.3 of the spec:\n // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume\n return doneResult();\n }\n\n context.method = method;\n context.arg = arg;\n\n while (true) {\n var delegate = context.delegate;\n if (delegate) {\n var delegateResult = maybeInvokeDelegate(delegate, context);\n if (delegateResult) {\n if (delegateResult === ContinueSentinel) continue;\n return delegateResult;\n }\n }\n\n if (context.method === \"next\") {\n // Setting context._sent for legacy support of Babel's\n // function.sent implementation.\n context.sent = context._sent = context.arg;\n\n } else if (context.method === \"throw\") {\n if (state === GenStateSuspendedStart) {\n state = GenStateCompleted;\n throw context.arg;\n }\n\n context.dispatchException(context.arg);\n\n } else if (context.method === \"return\") {\n context.abrupt(\"return\", context.arg);\n }\n\n state = GenStateExecuting;\n\n var record = tryCatch(innerFn, self, context);\n if (record.type === \"normal\") {\n // If an exception is thrown from innerFn, we leave state ===\n // GenStateExecuting and loop back for another invocation.\n state = context.done\n ? GenStateCompleted\n : GenStateSuspendedYield;\n\n if (record.arg === ContinueSentinel) {\n continue;\n }\n\n return {\n value: record.arg,\n done: context.done\n };\n\n } else if (record.type === \"throw\") {\n state = GenStateCompleted;\n // Dispatch the exception by looping back around to the\n // context.dispatchException(context.arg) call above.\n context.method = \"throw\";\n context.arg = record.arg;\n }\n }\n };\n }\n\n // Call delegate.iterator[context.method](context.arg) and handle the\n // result, either by returning a { value, done } result from the\n // delegate iterator, or by modifying context.method and context.arg,\n // setting context.delegate to null, and returning the ContinueSentinel.\n function maybeInvokeDelegate(delegate, context) {\n var method = delegate.iterator[context.method];\n if (method === undefined) {\n // A .throw or .return when the delegate iterator has no .throw\n // method always terminates the yield* loop.\n context.delegate = null;\n\n if (context.method === \"throw\") {\n if (delegate.iterator.return) {\n // If the delegate iterator has a return method, give it a\n // chance to clean up.\n context.method = \"return\";\n context.arg = undefined;\n maybeInvokeDelegate(delegate, context);\n\n if (context.method === \"throw\") {\n // If maybeInvokeDelegate(context) changed context.method from\n // \"return\" to \"throw\", let that override the TypeError below.\n return ContinueSentinel;\n }\n }\n\n context.method = \"throw\";\n context.arg = new TypeError(\n \"The iterator does not provide a 'throw' method\");\n }\n\n return ContinueSentinel;\n }\n\n var record = tryCatch(method, delegate.iterator, context.arg);\n\n if (record.type === \"throw\") {\n context.method = \"throw\";\n context.arg = record.arg;\n context.delegate = null;\n return ContinueSentinel;\n }\n\n var info = record.arg;\n\n if (! info) {\n context.method = \"throw\";\n context.arg = new TypeError(\"iterator result is not an object\");\n context.delegate = null;\n return ContinueSentinel;\n }\n\n if (info.done) {\n // Assign the result of the finished delegate to the temporary\n // variable specified by delegate.resultName (see delegateYield).\n context[delegate.resultName] = info.value;\n\n // Resume execution at the desired location (see delegateYield).\n context.next = delegate.nextLoc;\n\n // If context.method was \"throw\" but the delegate handled the\n // exception, let the outer generator proceed normally. If\n // context.method was \"next\", forget context.arg since it has been\n // \"consumed\" by the delegate iterator. If context.method was\n // \"return\", allow the original .return call to continue in the\n // outer generator.\n if (context.method !== \"return\") {\n context.method = \"next\";\n context.arg = undefined;\n }\n\n } else {\n // Re-yield the result returned by the delegate method.\n return info;\n }\n\n // The delegate iterator is finished, so forget it and continue with\n // the outer generator.\n context.delegate = null;\n return ContinueSentinel;\n }\n\n // Define Generator.prototype.{next,throw,return} in terms of the\n // unified ._invoke helper method.\n defineIteratorMethods(Gp);\n\n Gp[toStringTagSymbol] = \"Generator\";\n\n // A Generator should always return itself as the iterator object when the\n // @@iterator function is called on it. Some browsers' implementations of the\n // iterator prototype chain incorrectly implement this, causing the Generator\n // object to not be returned from this call. This ensures that doesn't happen.\n // See https://github.com/facebook/regenerator/issues/274 for more details.\n Gp[iteratorSymbol] = function() {\n return this;\n };\n\n Gp.toString = function() {\n return \"[object Generator]\";\n };\n\n function pushTryEntry(locs) {\n var entry = { tryLoc: locs[0] };\n\n if (1 in locs) {\n entry.catchLoc = locs[1];\n }\n\n if (2 in locs) {\n entry.finallyLoc = locs[2];\n entry.afterLoc = locs[3];\n }\n\n this.tryEntries.push(entry);\n }\n\n function resetTryEntry(entry) {\n var record = entry.completion || {};\n record.type = \"normal\";\n delete record.arg;\n entry.completion = record;\n }\n\n function Context(tryLocsList) {\n // The root entry object (effectively a try statement without a catch\n // or a finally block) gives us a place to store values thrown from\n // locations where there is no enclosing try statement.\n this.tryEntries = [{ tryLoc: \"root\" }];\n tryLocsList.forEach(pushTryEntry, this);\n this.reset(true);\n }\n\n runtime.keys = function(object) {\n var keys = [];\n for (var key in object) {\n keys.push(key);\n }\n keys.reverse();\n\n // Rather than returning an object with a next method, we keep\n // things simple and return the next function itself.\n return function next() {\n while (keys.length) {\n var key = keys.pop();\n if (key in object) {\n next.value = key;\n next.done = false;\n return next;\n }\n }\n\n // To avoid creating an additional object, we just hang the .value\n // and .done properties off the next function object itself. This\n // also ensures that the minifier will not anonymize the function.\n next.done = true;\n return next;\n };\n };\n\n function values(iterable) {\n if (iterable) {\n var iteratorMethod = iterable[iteratorSymbol];\n if (iteratorMethod) {\n return iteratorMethod.call(iterable);\n }\n\n if (typeof iterable.next === \"function\") {\n return iterable;\n }\n\n if (!isNaN(iterable.length)) {\n var i = -1, next = function next() {\n while (++i < iterable.length) {\n if (hasOwn.call(iterable, i)) {\n next.value = iterable[i];\n next.done = false;\n return next;\n }\n }\n\n next.value = undefined;\n next.done = true;\n\n return next;\n };\n\n return next.next = next;\n }\n }\n\n // Return an iterator with no values.\n return { next: doneResult };\n }\n runtime.values = values;\n\n function doneResult() {\n return { value: undefined, done: true };\n }\n\n Context.prototype = {\n constructor: Context,\n\n reset: function(skipTempReset) {\n this.prev = 0;\n this.next = 0;\n // Resetting context._sent for legacy support of Babel's\n // function.sent implementation.\n this.sent = this._sent = undefined;\n this.done = false;\n this.delegate = null;\n\n this.method = \"next\";\n this.arg = undefined;\n\n this.tryEntries.forEach(resetTryEntry);\n\n if (!skipTempReset) {\n for (var name in this) {\n // Not sure about the optimal order of these conditions:\n if (name.charAt(0) === \"t\" &&\n hasOwn.call(this, name) &&\n !isNaN(+name.slice(1))) {\n this[name] = undefined;\n }\n }\n }\n },\n\n stop: function() {\n this.done = true;\n\n var rootEntry = this.tryEntries[0];\n var rootRecord = rootEntry.completion;\n if (rootRecord.type === \"throw\") {\n throw rootRecord.arg;\n }\n\n return this.rval;\n },\n\n dispatchException: function(exception) {\n if (this.done) {\n throw exception;\n }\n\n var context = this;\n function handle(loc, caught) {\n record.type = \"throw\";\n record.arg = exception;\n context.next = loc;\n\n if (caught) {\n // If the dispatched exception was caught by a catch block,\n // then let that catch block handle the exception normally.\n context.method = \"next\";\n context.arg = undefined;\n }\n\n return !! caught;\n }\n\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n var record = entry.completion;\n\n if (entry.tryLoc === \"root\") {\n // Exception thrown outside of any try block that could handle\n // it, so set the completion value of the entire function to\n // throw the exception.\n return handle(\"end\");\n }\n\n if (entry.tryLoc <= this.prev) {\n var hasCatch = hasOwn.call(entry, \"catchLoc\");\n var hasFinally = hasOwn.call(entry, \"finallyLoc\");\n\n if (hasCatch && hasFinally) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n } else if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else if (hasCatch) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n }\n\n } else if (hasFinally) {\n if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else {\n throw new Error(\"try statement without catch or finally\");\n }\n }\n }\n },\n\n abrupt: function(type, arg) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc <= this.prev &&\n hasOwn.call(entry, \"finallyLoc\") &&\n this.prev < entry.finallyLoc) {\n var finallyEntry = entry;\n break;\n }\n }\n\n if (finallyEntry &&\n (type === \"break\" ||\n type === \"continue\") &&\n finallyEntry.tryLoc <= arg &&\n arg <= finallyEntry.finallyLoc) {\n // Ignore the finally entry if control is not jumping to a\n // location outside the try/catch block.\n finallyEntry = null;\n }\n\n var record = finallyEntry ? finallyEntry.completion : {};\n record.type = type;\n record.arg = arg;\n\n if (finallyEntry) {\n this.method = \"next\";\n this.next = finallyEntry.finallyLoc;\n return ContinueSentinel;\n }\n\n return this.complete(record);\n },\n\n complete: function(record, afterLoc) {\n if (record.type === \"throw\") {\n throw record.arg;\n }\n\n if (record.type === \"break\" ||\n record.type === \"continue\") {\n this.next = record.arg;\n } else if (record.type === \"return\") {\n this.rval = this.arg = record.arg;\n this.method = \"return\";\n this.next = \"end\";\n } else if (record.type === \"normal\" && afterLoc) {\n this.next = afterLoc;\n }\n\n return ContinueSentinel;\n },\n\n finish: function(finallyLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.finallyLoc === finallyLoc) {\n this.complete(entry.completion, entry.afterLoc);\n resetTryEntry(entry);\n return ContinueSentinel;\n }\n }\n },\n\n \"catch\": function(tryLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc === tryLoc) {\n var record = entry.completion;\n if (record.type === \"throw\") {\n var thrown = record.arg;\n resetTryEntry(entry);\n }\n return thrown;\n }\n }\n\n // The context.catch method must only be called with a location\n // argument that corresponds to a known catch block.\n throw new Error(\"illegal catch attempt\");\n },\n\n delegateYield: function(iterable, resultName, nextLoc) {\n this.delegate = {\n iterator: values(iterable),\n resultName: resultName,\n nextLoc: nextLoc\n };\n\n if (this.method === \"next\") {\n // Deliberately forget the last sent value so that we don't\n // accidentally pass it on to the delegate.\n this.arg = undefined;\n }\n\n return ContinueSentinel;\n }\n };\n})(\n // In sloppy mode, unbound `this` refers to the global object, fallback to\n // Function constructor if we're in global strict mode. That is sadly a form\n // of indirect eval which violates Content Security Policy.\n (function() { return this })() || Function(\"return this\")()\n);\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/regenerator-runtime/runtime.js\n// module id = 385\n// module chunks = 0","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\n// CLASSES\nimport Partner from \"@classes/Partner\";\nimport Session from \"@classes/Session\";\n\n// HELPERS\nimport {createClassName} from \"@helpers/utils\";\n\n\nexport default class Header extends React.PureComponent {\n static propTypes = {\n partner: PropTypes.instanceOf(Partner),\n session: PropTypes.instanceOf(Session),\n };\n\n render() {\n const {props} = this;\n const {partner} = props;\n const classes = createClassName(\"Header\", {});\n\n return (\n \r\n \r\n \r\n
\r\n\r\n {(errorModal.title || errorModal.body) && (\r\n {errorModal.body}
\r\n ) : (\r\n errorModal.body\r\n )}\r\n\r\n\n
\n \n {partner && }\n
\n \r\n
\r\n );\r\n }\r\n\r\n if (!state.lookupDataLoaded && this.startView != null)\r\n {\r\n return (\r\n \r\n
\r\n {i18n(\"general\", \"please_wait\")}
\r\n\r\n
\r\n );\r\n }\r\n\r\n let formCallToAction = i18n(\"general\", \"create_form\");\r\n if (partner.formCta)\r\n {\r\n formCallToAction = partner.formCta;\r\n }\r\n\r\n let formButtonText = \"\";\r\n if (partner.formCtaButton)\r\n {\r\n formButtonText = partner.formCtaButton;\r\n }\r\n\r\n if (partner.formHeaderText)\r\n {\r\n if (session.isCompany)\r\n {\r\n partner.setData(\r\n \"form-header-text\",\r\n partner.formHeaderText.replace(\"#accountType#\", \"depå\")\r\n );\r\n }\r\n else\r\n {\r\n partner.setData(\r\n \"form-header-text\",\r\n partner.formHeaderText.replace(\"#accountType#\", \"ISK\")\r\n );\r\n }\r\n }\r\n\r\n const partnerViewIds = [];\r\n for (let i = 0; i < partner.sections.length; i++)\r\n {\r\n partnerViewIds.push([partner.sections[i].name]);\r\n }\r\n\r\n return (\r\n \r\n \r\n {state.signUrls && state.signUrls.length > 0 && (\r\n \r\n \r\n )}\r\n\r\n {(!state.signUrls || state.signUrls.length === 0) && (\r\n \r\n \r\n )}\r\n\r\n \r\n window.location = partner.appUrl}\r\n filled />\r\n \r\n \r\n\r\n \r\n \r\n window.location = partner.appUrl}\r\n filled />\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n\r\n _getVisibleSectionsNumber(visibleSections)\r\n {\r\n let count = 0;\r\n for (const property in visibleSections)\r\n {\r\n const value = visibleSections[property];\r\n if (value)\r\n {\r\n count++;\r\n }\r\n }\r\n return count;\r\n }\r\n\r\n _goToFuturSign = () =>\r\n {\r\n window.open(\"https://eservice.futurpension.se/selfservice\", \"_blank\");\r\n };\r\n\r\n // Internal methods\r\n _onLookupDataLoaded = () =>\r\n {\r\n if (!this.props.app.session.isCompany)\r\n {\r\n // For non-company sessions we need to remove non-company views\r\n this._removeNonCompanyViews(this.props.app.partner);\r\n }\r\n else\r\n {\r\n // Company session, remove views that are only visible to private individuals\r\n this._removePrivateExclusiveViews(this.props.app.partner);\r\n }\r\n\r\n this.setState({lookupDataLoaded: true});\r\n };\r\n\r\n _removeNonCompanyViews(partner)\r\n {\r\n let filteredSections = [];\r\n partner.sections.forEach(function(section)\r\n {\r\n const view = viewsById[section.name];\r\n if (!view.View.companyExclusive)\r\n {\r\n filteredSections[filteredSections.length] = section;\r\n }\r\n else\r\n {\r\n console.log(\r\n \"Skipping section '\" + section.name + \"' since it is company exclusive\"\r\n );\r\n }\r\n });\r\n partner._data.sections = filteredSections;\r\n }\r\n\r\n _removePrivateExclusiveViews(partner)\r\n {\r\n let filteredSections = [];\r\n partner.sections.forEach(function(section)\r\n {\r\n const view = viewsById[section.name];\r\n if (!view.View.privateExclusive)\r\n {\r\n filteredSections[filteredSections.length] = section;\r\n }\r\n else\r\n {\r\n console.log(\"Skipping section '\" + section.name + \"' since it is exclusive for private individuals\");\r\n }\r\n });\r\n partner._data.sections = filteredSections;\r\n }\r\n\r\n _onViewChange = (id, viewState, isFulfilled) =>\r\n {\r\n const {app} = this.props;\r\n\r\n const fulfilledViewsById = {...app.fulfilledViewsById};\r\n if (isFulfilled)\r\n {\r\n fulfilledViewsById[id] = true;\r\n }\r\n else\r\n {\r\n if (typeof fulfilledViewsById[id] !== \"undefined\")\r\n {\r\n delete fulfilledViewsById[id];\r\n }\r\n }\r\n\r\n this.props.actions.setAppState({\r\n latestViewStates: {...app.latestViewStates, [id]: viewState},\r\n fulfilledViewsById\r\n });\r\n };\r\n\r\n _promisedSetState = newState =>\r\n new Promise(resolve => this.setState(newState, resolve));\r\n\r\n _toggleVisibleSection = async (sectionName, setVisible) =>\r\n {\r\n // This function should only be called from swish configurations or risk unwanted behaviour with Further button getting hidden\r\n if (this.state.visibleSections[sectionName] === setVisible)\r\n { // if theres' no change in section state return false\r\n return false;\r\n }\r\n\r\n const visibleSectionsNumber =\r\n setVisible ?\r\n this.state.visibleSectionsNumber + 1\r\n : this.state.visibleSectionsNumber > 1 ?\r\n this.state.visibleSectionsNumber - 1\r\n : 1;\r\n\r\n new Promise(resolve =>\r\n this.setState(\r\n {\r\n ...this.state,\r\n hideFurtherButton: visibleSectionsNumber <= 2 ? true : false,\r\n visibleSections: {\r\n ...this.state.visibleSections,\r\n [sectionName]: setVisible\r\n },\r\n visibleSectionsNumber\r\n },\r\n resolve\r\n )\r\n );\r\n };\r\n\r\n _onWindowScroll = () =>\r\n {\r\n const sections = Object.keys(this.sectionRefs)\r\n .sort((a, b) => (a > b ? 1 : -1))\r\n .map(n => ({\r\n number: n,\r\n numberElement: this.sectionRefs[n].numberRef.containerElement\r\n }));\r\n const stickySectionNumbers = {};\r\n\r\n for (let i = 0, n = sections.length; i < n; i++)\r\n {\r\n const section = sections[i];\r\n const {number, numberElement} = section;\r\n const index = number - 1;\r\n const rect = numberElement.getBoundingClientRect();\r\n stickySectionNumbers[number] = rect.top < 20 * number + 40 * index;\r\n }\r\n\r\n this.setState({stickySectionNumbers});\r\n };\r\n\r\n /**\r\n * When the user clicks the save button we save the form\r\n * When the user clicks the sign button we open the SignModal dialog where more options are presented.\r\n */\r\n _onFormSubmit = data =>\r\n {\r\n const activeElement = document.activeElement;\r\n const isSaveDraftClick = (activeElement.name === \"save-draft-button\");\r\n\r\n const {session} = this.props.app;\r\n session.updateData(data);\r\n\r\n if (isSaveDraftClick)\r\n {\r\n return this._onSaveDraft(data);\r\n }\r\n\r\n let signatories = this._getSignatoriesFromAppSession(session);\r\n\r\n if (this.state.manualSignatories.length > 0)\r\n {\r\n signatories = this.state.manualSignatories;\r\n }\r\n\r\n if (signatories.length > 0)\r\n {\r\n this.setState({showSignDialog: true, signatories: signatories});\r\n }\r\n else\r\n {\r\n this.setState(\r\n {showSignDialog: false, signatories: signatories},\r\n () =>\r\n {\r\n this._onSignViaModal();\r\n }\r\n );\r\n }\r\n };\r\n\r\n _closeSignModal()\r\n {\r\n this.setState({showSignDialog: false});\r\n }\r\n\r\n _closeAndResetForm()\r\n {\r\n const {partner} = this.props.app;\r\n this.setState({showSignDialog: false, sentForSignature: false});\r\n\r\n // If partner has a redirect link, we send them there after pressing the close button\r\n if (partner.redirectUrl !== null && partner.redirectUrl !== \"\")\r\n {\r\n window.location = partner.redirectUrl;\r\n }\r\n }\r\n\r\n _onSignOnScreenChange()\r\n {\r\n this.setState({signOnScreen: !this.state.signOnScreen});\r\n }\r\n\r\n _onSignatoryCheckedChanged(val, index)\r\n {\r\n const newSignatories = JSON.parse(JSON.stringify(this.state.signatories));\r\n newSignatories[index].selected = !newSignatories[index].selected;\r\n this.setState({signatories: newSignatories});\r\n }\r\n\r\n async _checkCaseStatus(caseData)\r\n {\r\n if (this.checkingCaseStatus)\r\n {\r\n return;\r\n }\r\n\r\n const caseId = caseData.caseId;\r\n\r\n console.log(\"Checking case status for case with ID \" + caseId);\r\n this.checkingCaseStatus = true;\r\n\r\n const response = await api(\"/case/status\", {caseId: caseId});\r\n this.checkingCaseStatus = false;\r\n\r\n if (response.status === \"pending\" || response.status === \"received\")\r\n {\r\n console.log(\"Case status is pending...\");\r\n return;\r\n }\r\n\r\n /**\r\n * Status is not pending, no need to rerun the status check\r\n */\r\n if (this.caseStatusTimer != null)\r\n {\r\n clearInterval(this.caseStatusTimer);\r\n this.caseStatusTimer = null;\r\n }\r\n\r\n if (response.status === \"rejected\")\r\n {\r\n this.setState(\r\n {\r\n signing: false,\r\n showSignDialog: false,\r\n showFuturDialogManual: false,\r\n showFuturDialogSign: false,\r\n signUrls: caseData.signatories\r\n },\r\n async () =>\r\n {\r\n await this.props.actions.openErrorModal({\r\n title: \"Ett fel uppstod\",\r\n body: response.msg\r\n });\r\n }\r\n );\r\n }\r\n else if (response.status === \"waitforsign\")\r\n {\r\n await api(\"/case/notify\", {\r\n caseId: caseId\r\n });\r\n\r\n this.setState({\r\n signing: false,\r\n showSignDialog: false,\r\n showFuturDialogManual: false,\r\n showFuturDialogSign: true,\r\n signUrls: caseData.signatories\r\n });\r\n }\r\n else if (response.status === \"pendingmanualvalidation\")\r\n {\r\n this.setState({\r\n signing: false,\r\n showSignDialog: false,\r\n showFuturDialogManual: true,\r\n showFuturDialogSign: false,\r\n signUrls: caseData.signatories\r\n });\r\n }\r\n else\r\n {\r\n console.log(\"Unknown response code\", response);\r\n this.setState({signing: false, showSignDialog: false}, async () =>\r\n {\r\n await this.props.actions.openErrorModal({\r\n title: \"Ett fel uppstod\",\r\n body: \"Var god kontakta backoffice.\"\r\n });\r\n });\r\n }\r\n }\r\n\r\n _onSignViaModal()\r\n {\r\n const {props} = this;\r\n const {actions, app} = props;\r\n const {partner, session} = app;\r\n\r\n let caseId = null;\r\n\r\n this.setState({signing: true}, async () =>\r\n {\r\n try\r\n {\r\n // Upload to Assently\r\n const caseData = await session.upload(\r\n partner.name,\r\n this.state.signOnScreen,\r\n this.state.signatories\r\n );\r\n caseId = caseData.caseId;\r\n console.log(\"New case ID: \", caseId);\r\n\r\n if (caseData.documentProcessor === \"futur\")\r\n {\r\n /**\r\n * Check the status of the application until we get a response other than pending:\r\n * if in need of manual approval show a message\r\n * if it is ready for sign and show a confirmation message with a link to the signing portal\r\n */\r\n this.caseStatusTimer = setInterval(\r\n () => this._checkCaseStatus(caseData),\r\n 3000\r\n );\r\n await this._checkCaseStatus(caseData);\r\n }\r\n else\r\n {\r\n /**\r\n * skipSelectionOfSingleSignatory\r\n *\r\n * if set to true and there is only one signatory assigned to the case we redirect to the agreement and\r\n * page where everything can be signed.\r\n */\r\n if (caseData.signatories &&\r\n caseData.signatories.length === 1 &&\r\n partner.skipSelectionOfSingleSignatory)\r\n {\r\n window.location = caseData.signatories[0].PartyUrl;\r\n }\r\n else if (partner.skipSignConfirmationPage)\r\n {\r\n window.location = partner.redirectUrl + \"?redirect=\" + partner.name;\r\n }\r\n else\r\n {\r\n this.setState({\r\n showSignDialog: false,\r\n signing: false,\r\n sentForSignature: true,\r\n signUrls: caseData.signatories\r\n });\r\n }\r\n }\r\n }\r\n catch (e)\r\n {\r\n console.error(e.message);\r\n this.setState({signing: false, showSignDialog: false}, async () =>\r\n {\r\n if (e.message === \"rejected\")\r\n {\r\n await actions.openErrorModal({\r\n title: \"Ett fel uppstod\",\r\n body: \"Ansökan kunde inte tas emot. Vänligen kontakta backoffice.\"\r\n });\r\n }\r\n else if (e.message === \"REQUEST_TIMED_OUT\")\r\n {\r\n await actions.openErrorModal({\r\n title: \"Ett fel uppstod\",\r\n body: \"Anropet tog för lång tid. Vänligen försök igen.\"\r\n });\r\n }\r\n else if (e.message === \"UPLOAD_FAILED\")\r\n {\r\n await actions.openErrorModal({\r\n title: \"Filuppladdning misslyckades\",\r\n body: \"Filerna kunde inte laddas upp. Prova igen eller ta bort bifogade filer för att fortsätta.\"\r\n });\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n _applyDraft = (caseId, caseData) =>\r\n {\r\n this.setState({caseId, draftCases: [], selectedDraftCase: caseData}, async () =>\r\n {\r\n // Add half second delay to allow the form to be rendered\r\n await delay(500);\r\n\r\n const form = document.getElementById(\"cobForm\");\r\n // Iterate over each field in the form\r\n for (let i = 0; i < form.elements.length; i++)\r\n {\r\n const field = form.elements[i];\r\n // Trigger the onBlur event for the field (Validate)\r\n field.dispatchEvent(new Event(\"blur\", {bubbles: true}));\r\n }\r\n\r\n });\r\n };\r\n\r\n _removeDraft = async (caseId) =>\r\n {\r\n const {state} = this;\r\n const {customerId, checksum} = state;\r\n\r\n if (!window.confirm(\"Är du säker på att du vill ta bort utkastet?\")) {\r\n return;\r\n }\r\n\r\n try\r\n {\r\n await api(\"/case/delete\", {identityNo: customerId, checksum, caseId});\r\n\r\n // remove element from state draftCases\r\n const draftCases = state.draftCases.filter(function(element)\r\n {\r\n return element[\"CaseId\"] !== caseId;\r\n });\r\n this.setState({draftCases});\r\n }\r\n catch (e)\r\n {\r\n console.error(e.message);\r\n }\r\n };\r\n\r\n async _onSaveDraft(data)\r\n {\r\n const {state} = this;\r\n const {customerId, checksum} = state;\r\n\r\n this.setState({draftSaving: true});\r\n\r\n try\r\n {\r\n // Save to DB\r\n const response = await api(\"/case/save\", {\r\n identityNo: customerId,\r\n checksum,\r\n formFields: data\r\n // documents: this.documents\r\n });\r\n\r\n const caseId = response.caseId;\r\n this.setState({draftSaving: false, draftSaved: true, caseId});\r\n console.log(\"Saved draft with case ID: \", caseId);\r\n }\r\n catch (e)\r\n {\r\n console.error(e.message);\r\n }\r\n }\r\n\r\n async _checkHasProtocol(customerId, checksum)\r\n {\r\n try\r\n {\r\n let result = await api(\"/case/download/latest\", {identityNo: customerId, checksum: checksum, check_exists: 1});\r\n return result.filename.length > 0;\r\n\r\n }\r\n catch (exception)\r\n {\r\n return false;\r\n }\r\n }\r\n\r\n async _getCaseDrafts(customerId, checksum)\r\n {\r\n try\r\n {\r\n const {props} = this;\r\n if (!props.app.session.context)\r\n {\r\n return null;\r\n }\r\n const partnerSsn = props.app.session.context.partner.ssn;\r\n return await api(\"/partner/drafts\", {identityNo: customerId, checksum, partnerSsn});\r\n }\r\n catch (e)\r\n {\r\n if (e !== undefined)\r\n {\r\n console.error(e);\r\n }\r\n }\r\n }\r\n\r\n _onParentCaseLoaded = (caseData) =>\r\n {\r\n this.setState({parentCaseData: caseData});\r\n };\r\n\r\n _onManualSignatoriesSet = (signatories) =>\r\n {\r\n this.setState({manualSignatories: signatories});\r\n };\r\n\r\n _mapFulfilledSections = () =>\r\n {\r\n const {app} = this.props;\r\n const {partner, fulfilledViewsById} = app;\r\n const {sections} = partner;\r\n // console.log(sections);\r\n const result = {};\r\n\r\n for (let i = 0, n = sections.length; i < n; i++)\r\n {\r\n const viewIds = sections[i];\r\n if (fulfilledViewsById[viewIds.name] === true)\r\n {\r\n result[i + 1] = true;\r\n }\r\n }\r\n\r\n return result;\r\n };\r\n\r\n _getSignatoriesFromAppSession(appSession)\r\n {\r\n const signatories = [];\r\n\r\n let isCompanySession;\r\n if (appSession.lookupData !== null)\r\n {\r\n isCompanySession = appSession.isCompany;\r\n }\r\n else\r\n {\r\n isCompanySession =\r\n !Validator.validateSsn(\r\n appSession.data[\"customer_social_security_number\"],\r\n true\r\n ) &&\r\n Validator.validateOrgNum(\r\n appSession.data[\"customer_social_security_number\"],\r\n true\r\n );\r\n }\r\n\r\n if (isCompanySession)\r\n {\r\n for (let i = 0; i <= 5; i++)\r\n {\r\n if (appSession.data[\"checkbox_signatory_\" + i] === \"yes\")\r\n {\r\n signatories.push({\r\n firstName: appSession.data[\"company_representative_firstname_\" + i],\r\n lastName: appSession.data[\"company_representative_lastname_\" + i],\r\n ssn: appSession.data[\"company_representative_sec_num_\" + i],\r\n email: appSession.data[\"company_representative_email_\" + i],\r\n phone: \"\",\r\n selected: true\r\n });\r\n }\r\n else if (appSession.data[\"company_rep_type_signatory_\" + i] === \"yes\")\r\n {\r\n // Check other format of company signatories\r\n signatories.push({\r\n firstName: appSession.data[\"company_rep_first_name_\" + i],\r\n lastName: appSession.data[\"company_rep_last_name_\" + i],\r\n ssn: appSession.data[\"company_rep_ssn_\" + i],\r\n email: appSession.data[\"company_rep_email_\" + i],\r\n phone: \"\",\r\n selected: true\r\n });\r\n }\r\n else if (this.state.parentCaseData[\"checkbox_signatory_\" + i] && this.state.parentCaseData[\"checkbox_signatory_\" + i] === \"yes\")\r\n {\r\n signatories.push({\r\n firstName: this.state.parentCaseData[\"company_representative_firstname_\" + i],\r\n lastName: this.state.parentCaseData[\"company_representative_lastname_\" + i],\r\n ssn: this.state.parentCaseData[\"company_representative_sec_num_\" + i],\r\n email: this.state.parentCaseData[\"company_representative_email_\" + i],\r\n phone: this.state.parentCaseData[\"company_representative_phone_\" + i],\r\n selected: true\r\n });\r\n }\r\n }\r\n\r\n return signatories;\r\n }\r\n\r\n // Check if this is this is a minor and guardians need to sign\r\n const guardian1name = appSession.data.caretaker_name_1 || \"\";\r\n const guardian2name = appSession.data.caretaker_name_2 || \"\";\r\n if (guardian1name.length > 0 || guardian2name.length > 0)\r\n {\r\n console.log(\"Minor :: Setting guardians as signatories\");\r\n if (guardian1name.length > 0)\r\n {\r\n const g1firstName =\r\n guardian1name.indexOf(\" \") > 0\r\n ? guardian1name.substring(0, guardian1name.indexOf(\" \")).trim()\r\n : \"-\";\r\n const g1LasttName =\r\n guardian1name.indexOf(\" \") > 0\r\n ? guardian1name.substring(guardian1name.indexOf(\" \")).trim()\r\n : guardian1name;\r\n const g1Ssn = appSession.data.caretaker_ssn_1;\r\n signatories.push(\r\n Object.freeze({\r\n firstName: g1firstName,\r\n lastName: g1LasttName,\r\n ssn: g1Ssn,\r\n email: appSession.data.customer_email,\r\n phone: appSession.data.customer_phonenumber_cell,\r\n selected: true\r\n })\r\n );\r\n }\r\n\r\n if (guardian2name.length > 0)\r\n {\r\n const g2firstName =\r\n guardian2name.indexOf(\" \") > 0\r\n ? guardian2name.substring(0, guardian2name.indexOf(\" \")).trim()\r\n : \"-\";\r\n const g2LasttName =\r\n guardian2name.indexOf(\" \") > 0\r\n ? guardian2name.substring(guardian2name.indexOf(\" \")).trim()\r\n : guardian2name;\r\n const g2ssn = appSession.data.caretaker_ssn_2;\r\n signatories.push(\r\n Object.freeze({\r\n firstName: g2firstName,\r\n lastName: g2LasttName,\r\n ssn: g2ssn,\r\n email: appSession.data.customer_email,\r\n phone: appSession.data.customer_phonenumber_cell,\r\n selected: true\r\n })\r\n );\r\n }\r\n\r\n return signatories;\r\n }\r\n\r\n const signatory = {\r\n firstName: appSession.data.customer_firstname,\r\n lastName: appSession.data.customer_lastname,\r\n ssn: appSession.data.customer_social_security_number,\r\n email: appSession.data.customer_email,\r\n phone: appSession.data.customer_phonenumber_cell,\r\n selected: true\r\n };\r\n signatories.push(signatory);\r\n\r\n return signatories;\r\n }\r\n }\r\n);\r\n\r\nfunction _setupAvailableBanksAsync()\r\n{\r\n return new Promise(async (resolve, reject) =>\r\n {\r\n try\r\n {\r\n console.log(\"Fetching Available Banks...\");\r\n const result = await api(\"/banks\", {\r\n formFields: this._data\r\n });\r\n resolve(result);\r\n }\r\n catch (e)\r\n {\r\n console.error(e.message);\r\n reject();\r\n }\r\n });\r\n}\r\n\r\n// PRIVATE COMPONENTS\r\nclass CobSection extends React.PureComponent\r\n{\r\n static propTypes = {\r\n viewsById: PropTypes.object.isRequired,\r\n viewIds: PropTypes.array.isRequired,\r\n index: PropTypes.number.isRequired,\r\n stickyNumber: PropTypes.bool.isRequired,\r\n fulfilledSectionsByNumber: PropTypes.object.isRequired,\r\n latestViewStates: PropTypes.object.isRequired,\r\n partner: PropTypes.instanceOf(Partner).isRequired,\r\n session: PropTypes.instanceOf(Session).isRequired,\r\n onViewChange: PropTypes.func.isRequired,\r\n toggleVisibleSection: PropTypes.func.isRequired,\r\n visible: PropTypes.bool.isRequired,\r\n draftData: PropTypes.object\r\n };\r\n\r\n state = {\r\n views: _mapSectionViews.call(this)\r\n };\r\n\r\n render()\r\n {\r\n const {props, state} = this;\r\n const {\r\n index,\r\n stickyNumber,\r\n fulfilledSectionsByNumber,\r\n latestViewStates,\r\n partner,\r\n session,\r\n onViewChange,\r\n visibleSectionsNumber,\r\n toggleVisibleSection,\r\n availableBanks,\r\n hasDownloadableDocumentation,\r\n isFurtherButtonHidden,\r\n visible,\r\n onParentCaseLoaded,\r\n onManualSignatoriesSet,\r\n draftData\r\n } = props;\r\n\r\n const sectionNumber = index + 1;\r\n const isFulfilled = !!fulfilledSectionsByNumber[sectionNumber];\r\n\r\n // limited CobSectionNumber won't have a continuous line leading down as there's no Further button\r\n const limited = isFurtherButtonHidden && sectionNumber > 1;\r\n\r\n const hideSectionNumbers =\r\n (partner._data.hideSectionNumbers && visibleSectionsNumber <= 1) || false;\r\n\r\n const classes = createClassName(\"Cob-Section\", {\r\n hidden: !visible,\r\n isLast: visibleSectionsNumber === sectionNumber,\r\n fulfilled: isFulfilled,\r\n \"prev-fulfilled\": !!fulfilledSectionsByNumber[sectionNumber - 1],\r\n \"next-fulfilled\": !!fulfilledSectionsByNumber[sectionNumber + 1]\r\n });\r\n\r\n return (\r\n \r\n Kapitalförsäkringsdepån är nu nästan klar. Det som återstår är:\r\n
\r\n\r\n 1) Att rådgivaren samt kunden signerar\r\n mötesbilagan som dokumenterar rådgivningstillfället. Detta\r\n görs med Bank-ID hos vår signeringstjänst Assently:\r\n
\r\n- \r\n
- \r\n \r\n
\r\n
\r\n Klicka för att läsa och signera mötesbilagan\r\n Öppnas i nytt fönster\r\n\r\n \r\n \r\n
\r\n 2) Att kunden signerar avtalet för depån i\r\n vår signeringsportal hos Futur. Vänligen klicka på länken\r\n nedan för att komma dit. Notera att kunden måste logga in som\r\n privatperson.\r\n
\r\n\r\n Din kapitalförsäkringsdepå är nu nästan klar. Det som återstår\r\n är att kunden signerar avtalet i vår signeringsportal.\r\n Vänligen klicka på länken nedan för att komma dit. Notera att\r\n kunden måste logga in som privatperson.\r\n
\r\n\r\n Din kapitalförsäkringsdepå är nu nästan klar men viss information\r\n måste kontrolleras manuellt av Futur. Detta kan ta upp till två\r\n bankdagar. Vi återkommer till dig (kunden) när det är dags att\r\n signera.\r\n
\r\n\r\n\r\n (this.numberRef = ref)}\r\n number={sectionNumber}\r\n fulfilled={isFulfilled}\r\n sticky={stickyNumber}\r\n title={\"Avsnitt \" + (index + 1)}\r\n id={state.views[0].id}\r\n limited={limited}\r\n hidden={hideSectionNumbers}\r\n />\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\n// PRIVATE FUNCTIONS\r\nfunction _getInitialState()\r\n{\r\n return {\r\n hidden: true,\r\n busy: true,\r\n hasDownloadableDocumentation: false,\r\n checksum: null,\r\n customerId: null,\r\n caseId: null,\r\n assentlyComponents: [],\r\n lookupDataLoaded: false,\r\n draftSaving: false,\r\n draftSaved: false,\r\n signing: false,\r\n sentForSignature: false,\r\n signUrls: [],\r\n showSignDialog: false,\r\n showFuturDialogManual: false,\r\n showFuturDialogSign: false,\r\n signatories: [],\r\n manualSignatories: [],\r\n signOnScreen: false,\r\n stickySectionNumbers: {},\r\n parentCaseData: [],\r\n draftCases: [],\r\n selectedDraftCase: null\r\n };\r\n}\r\n\r\nfunction _mapSectionViews()\r\n{\r\n const {viewsById, viewIds, session} = this.props;\r\n const views = viewIds.map(id => ({...viewsById[id], id}));\r\n return views.filter(({View}) =>\r\n {\r\n if (View.companyExclusive)\r\n {\r\n return session.isCompany;\r\n }\r\n\r\n if (View.privateExclusive)\r\n {\r\n return !session.isCompany;\r\n }\r\n\r\n return true;\r\n });\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/Cob.js","// MODULES\r\nimport React from \"react\";\r\n\r\n// COMPONENTS\r\nimport FeatherIcon from \"@components/FeatherIcon/FeatherIcon\";\r\n\r\n// HELPERS\r\nimport { createClassName } from \"@helpers/utils\";\r\n\r\n\r\nexport default class CobSectionNumber extends React.PureComponent {\r\n \r\n render() {\r\n const { id, fulfilled, number, sticky, title, limited, hidden } = this.props;\r\n\r\n const index = number - 1;\r\n const classes = createClassName(\"Cob-SectionNumber\", {\r\n fulfilled,\r\n sticky,\r\n limited,\r\n hidden\r\n });\r\n const circleStyle = {\r\n top: !sticky ? undefined : (20 * number) + (40 * index),\r\n };\r\n\r\n return (\r\n \r\n {state.views.map(({id, title, View: CobView, params}, i) => (\r\n
\r\n this.containerElement = ref } className={ classes } title={ title }>\r\n \r\n
\r\n );\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/components/SectionNumber/SectionNumber.js","module.exports = __webpack_public_path__ + \"static/media/feather-sprite.92e938d9.svg\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/vendor/feathericons/feather-sprite.svg\n// module id = 408\n// module chunks = 0","// get successful control from form and assemble into object\n// http://www.w3.org/TR/html401/interact/forms.html#h-17.13.2\n\n// types which indicate a submit action and are not successful controls\n// these will be ignored\nvar k_r_submitter = /^(?:submit|button|image|reset|file)$/i;\n\n// node names which could be successful controls\nvar k_r_success_contrls = /^(?:input|select|textarea|keygen)/i;\n\n// Matches bracket notation.\nvar brackets = /(\\[[^\\[\\]]*\\])/g;\n\n// serializes form fields\n// @param form MUST be an HTMLForm element\n// @param options is an optional argument to configure the serialization. Default output\n// with no options specified is a url encoded string\n// - hash: [true | false] Configure the output type. If true, the output will\n// be a js object.\n// - serializer: [function] Optional serializer function to override the default one.\n// The function takes 3 arguments (result, key, value) and should return new result\n// hash and url encoded str serializers are provided with this module\n// - disabled: [true | false]. If true serialize disabled fields.\n// - empty: [true | false]. If true serialize empty fields\nfunction serialize(form, options) {\n if (typeof options != 'object') {\n options = { hash: !!options };\n }\n else if (options.hash === undefined) {\n options.hash = true;\n }\n\n var result = (options.hash) ? {} : '';\n var serializer = options.serializer || ((options.hash) ? hash_serializer : str_serialize);\n\n var elements = form && form.elements ? form.elements : [];\n\n //Object store each radio and set if it's empty or not\n var radio_store = Object.create(null);\n\n for (var i=0 ; i{ number }
\r\n Hello World
;\n * }\n * });\n *\n * The class specification supports a specific protocol of methods that have\n * special meaning (e.g. `render`). See `ReactClassInterface` for\n * more the comprehensive protocol. Any other properties and methods in the\n * class specification will be available on the prototype.\n *\n * @interface ReactClassInterface\n * @internal\n */\n var ReactClassInterface = {\n /**\n * An array of Mixin objects to include when defining your component.\n *\n * @type {array}\n * @optional\n */\n mixins: 'DEFINE_MANY',\n\n /**\n * An object containing properties and methods that should be defined on\n * the component's constructor instead of its prototype (static methods).\n *\n * @type {object}\n * @optional\n */\n statics: 'DEFINE_MANY',\n\n /**\n * Definition of prop types for this component.\n *\n * @type {object}\n * @optional\n */\n propTypes: 'DEFINE_MANY',\n\n /**\n * Definition of context types for this component.\n *\n * @type {object}\n * @optional\n */\n contextTypes: 'DEFINE_MANY',\n\n /**\n * Definition of context types this component sets for its children.\n *\n * @type {object}\n * @optional\n */\n childContextTypes: 'DEFINE_MANY',\n\n // ==== Definition methods ====\n\n /**\n * Invoked when the component is mounted. Values in the mapping will be set on\n * `this.props` if that prop is not specified (i.e. using an `in` check).\n *\n * This method is invoked before `getInitialState` and therefore cannot rely\n * on `this.state` or use `this.setState`.\n *\n * @return {object}\n * @optional\n */\n getDefaultProps: 'DEFINE_MANY_MERGED',\n\n /**\n * Invoked once before the component is mounted. The return value will be used\n * as the initial value of `this.state`.\n *\n * getInitialState: function() {\n * return {\n * isOn: false,\n * fooBaz: new BazFoo()\n * }\n * }\n *\n * @return {object}\n * @optional\n */\n getInitialState: 'DEFINE_MANY_MERGED',\n\n /**\n * @return {object}\n * @optional\n */\n getChildContext: 'DEFINE_MANY_MERGED',\n\n /**\n * Uses props from `this.props` and state from `this.state` to render the\n * structure of the component.\n *\n * No guarantees are made about when or how often this method is invoked, so\n * it must not have side effects.\n *\n * render: function() {\n * var name = this.props.name;\n * return Hello, {name}!
;\n * }\n *\n * @return {ReactComponent}\n * @required\n */\n render: 'DEFINE_ONCE',\n\n // ==== Delegate methods ====\n\n /**\n * Invoked when the component is initially created and about to be mounted.\n * This may have side effects, but any external subscriptions or data created\n * by this method must be cleaned up in `componentWillUnmount`.\n *\n * @optional\n */\n componentWillMount: 'DEFINE_MANY',\n\n /**\n * Invoked when the component has been mounted and has a DOM representation.\n * However, there is no guarantee that the DOM node is in the document.\n *\n * Use this as an opportunity to operate on the DOM when the component has\n * been mounted (initialized and rendered) for the first time.\n *\n * @param {DOMElement} rootNode DOM element representing the component.\n * @optional\n */\n componentDidMount: 'DEFINE_MANY',\n\n /**\n * Invoked before the component receives new props.\n *\n * Use this as an opportunity to react to a prop transition by updating the\n * state using `this.setState`. Current props are accessed via `this.props`.\n *\n * componentWillReceiveProps: function(nextProps, nextContext) {\n * this.setState({\n * likesIncreasing: nextProps.likeCount > this.props.likeCount\n * });\n * }\n *\n * NOTE: There is no equivalent `componentWillReceiveState`. An incoming prop\n * transition may cause a state change, but the opposite is not true. If you\n * need it, you are probably looking for `componentWillUpdate`.\n *\n * @param {object} nextProps\n * @optional\n */\n componentWillReceiveProps: 'DEFINE_MANY',\n\n /**\n * Invoked while deciding if the component should be updated as a result of\n * receiving new props, state and/or context.\n *\n * Use this as an opportunity to `return false` when you're certain that the\n * transition to the new props/state/context will not require a component\n * update.\n *\n * shouldComponentUpdate: function(nextProps, nextState, nextContext) {\n * return !equal(nextProps, this.props) ||\n * !equal(nextState, this.state) ||\n * !equal(nextContext, this.context);\n * }\n *\n * @param {object} nextProps\n * @param {?object} nextState\n * @param {?object} nextContext\n * @return {boolean} True if the component should update.\n * @optional\n */\n shouldComponentUpdate: 'DEFINE_ONCE',\n\n /**\n * Invoked when the component is about to update due to a transition from\n * `this.props`, `this.state` and `this.context` to `nextProps`, `nextState`\n * and `nextContext`.\n *\n * Use this as an opportunity to perform preparation before an update occurs.\n *\n * NOTE: You **cannot** use `this.setState()` in this method.\n *\n * @param {object} nextProps\n * @param {?object} nextState\n * @param {?object} nextContext\n * @param {ReactReconcileTransaction} transaction\n * @optional\n */\n componentWillUpdate: 'DEFINE_MANY',\n\n /**\n * Invoked when the component's DOM representation has been updated.\n *\n * Use this as an opportunity to operate on the DOM when the component has\n * been updated.\n *\n * @param {object} prevProps\n * @param {?object} prevState\n * @param {?object} prevContext\n * @param {DOMElement} rootNode DOM element representing the component.\n * @optional\n */\n componentDidUpdate: 'DEFINE_MANY',\n\n /**\n * Invoked when the component is about to be removed from its parent and have\n * its DOM representation destroyed.\n *\n * Use this as an opportunity to deallocate any external resources.\n *\n * NOTE: There is no `componentDidUnmount` since your component will have been\n * destroyed by that point.\n *\n * @optional\n */\n componentWillUnmount: 'DEFINE_MANY',\n\n /**\n * Replacement for (deprecated) `componentWillMount`.\n *\n * @optional\n */\n UNSAFE_componentWillMount: 'DEFINE_MANY',\n\n /**\n * Replacement for (deprecated) `componentWillReceiveProps`.\n *\n * @optional\n */\n UNSAFE_componentWillReceiveProps: 'DEFINE_MANY',\n\n /**\n * Replacement for (deprecated) `componentWillUpdate`.\n *\n * @optional\n */\n UNSAFE_componentWillUpdate: 'DEFINE_MANY',\n\n // ==== Advanced methods ====\n\n /**\n * Updates the component's currently mounted DOM representation.\n *\n * By default, this implements React's rendering and reconciliation algorithm.\n * Sophisticated clients may wish to override this.\n *\n * @param {ReactReconcileTransaction} transaction\n * @internal\n * @overridable\n */\n updateComponent: 'OVERRIDE_BASE'\n };\n\n /**\n * Similar to ReactClassInterface but for static methods.\n */\n var ReactClassStaticInterface = {\n /**\n * This method is invoked after a component is instantiated and when it\n * receives new props. Return an object to update state in response to\n * prop changes. Return null to indicate no change to state.\n *\n * If an object is returned, its keys will be merged into the existing state.\n *\n * @return {object || null}\n * @optional\n */\n getDerivedStateFromProps: 'DEFINE_MANY_MERGED'\n };\n\n /**\n * Mapping from class specification keys to special processing functions.\n *\n * Although these are declared like instance properties in the specification\n * when defining classes using `React.createClass`, they are actually static\n * and are accessible on the constructor instead of the prototype. Despite\n * being static, they must be defined outside of the \"statics\" key under\n * which all other static methods are defined.\n */\n var RESERVED_SPEC_KEYS = {\n displayName: function(Constructor, displayName) {\n Constructor.displayName = displayName;\n },\n mixins: function(Constructor, mixins) {\n if (mixins) {\n for (var i = 0; i < mixins.length; i++) {\n mixSpecIntoComponent(Constructor, mixins[i]);\n }\n }\n },\n childContextTypes: function(Constructor, childContextTypes) {\n if (process.env.NODE_ENV !== 'production') {\n validateTypeDef(Constructor, childContextTypes, 'childContext');\n }\n Constructor.childContextTypes = _assign(\n {},\n Constructor.childContextTypes,\n childContextTypes\n );\n },\n contextTypes: function(Constructor, contextTypes) {\n if (process.env.NODE_ENV !== 'production') {\n validateTypeDef(Constructor, contextTypes, 'context');\n }\n Constructor.contextTypes = _assign(\n {},\n Constructor.contextTypes,\n contextTypes\n );\n },\n /**\n * Special case getDefaultProps which should move into statics but requires\n * automatic merging.\n */\n getDefaultProps: function(Constructor, getDefaultProps) {\n if (Constructor.getDefaultProps) {\n Constructor.getDefaultProps = createMergedResultFunction(\n Constructor.getDefaultProps,\n getDefaultProps\n );\n } else {\n Constructor.getDefaultProps = getDefaultProps;\n }\n },\n propTypes: function(Constructor, propTypes) {\n if (process.env.NODE_ENV !== 'production') {\n validateTypeDef(Constructor, propTypes, 'prop');\n }\n Constructor.propTypes = _assign({}, Constructor.propTypes, propTypes);\n },\n statics: function(Constructor, statics) {\n mixStaticSpecIntoComponent(Constructor, statics);\n },\n autobind: function() {}\n };\n\n function validateTypeDef(Constructor, typeDef, location) {\n for (var propName in typeDef) {\n if (typeDef.hasOwnProperty(propName)) {\n // use a warning instead of an _invariant so components\n // don't show up in prod but only in __DEV__\n if (process.env.NODE_ENV !== 'production') {\n warning(\n typeof typeDef[propName] === 'function',\n '%s: %s type `%s` is invalid; it must be a function, usually from ' +\n 'React.PropTypes.',\n Constructor.displayName || 'ReactClass',\n ReactPropTypeLocationNames[location],\n propName\n );\n }\n }\n }\n }\n\n function validateMethodOverride(isAlreadyDefined, name) {\n var specPolicy = ReactClassInterface.hasOwnProperty(name)\n ? ReactClassInterface[name]\n : null;\n\n // Disallow overriding of base class methods unless explicitly allowed.\n if (ReactClassMixin.hasOwnProperty(name)) {\n _invariant(\n specPolicy === 'OVERRIDE_BASE',\n 'ReactClassInterface: You are attempting to override ' +\n '`%s` from your class specification. Ensure that your method names ' +\n 'do not overlap with React methods.',\n name\n );\n }\n\n // Disallow defining methods more than once unless explicitly allowed.\n if (isAlreadyDefined) {\n _invariant(\n specPolicy === 'DEFINE_MANY' || specPolicy === 'DEFINE_MANY_MERGED',\n 'ReactClassInterface: You are attempting to define ' +\n '`%s` on your component more than once. This conflict may be due ' +\n 'to a mixin.',\n name\n );\n }\n }\n\n /**\n * Mixin helper which handles policy validation and reserved\n * specification keys when building React classes.\n */\n function mixSpecIntoComponent(Constructor, spec) {\n if (!spec) {\n if (process.env.NODE_ENV !== 'production') {\n var typeofSpec = typeof spec;\n var isMixinValid = typeofSpec === 'object' && spec !== null;\n\n if (process.env.NODE_ENV !== 'production') {\n warning(\n isMixinValid,\n \"%s: You're attempting to include a mixin that is either null \" +\n 'or not an object. Check the mixins included by the component, ' +\n 'as well as any mixins they include themselves. ' +\n 'Expected object but got %s.',\n Constructor.displayName || 'ReactClass',\n spec === null ? null : typeofSpec\n );\n }\n }\n\n return;\n }\n\n _invariant(\n typeof spec !== 'function',\n \"ReactClass: You're attempting to \" +\n 'use a component class or function as a mixin. Instead, just use a ' +\n 'regular object.'\n );\n _invariant(\n !isValidElement(spec),\n \"ReactClass: You're attempting to \" +\n 'use a component as a mixin. Instead, just use a regular object.'\n );\n\n var proto = Constructor.prototype;\n var autoBindPairs = proto.__reactAutoBindPairs;\n\n // By handling mixins before any other properties, we ensure the same\n // chaining order is applied to methods with DEFINE_MANY policy, whether\n // mixins are listed before or after these methods in the spec.\n if (spec.hasOwnProperty(MIXINS_KEY)) {\n RESERVED_SPEC_KEYS.mixins(Constructor, spec.mixins);\n }\n\n for (var name in spec) {\n if (!spec.hasOwnProperty(name)) {\n continue;\n }\n\n if (name === MIXINS_KEY) {\n // We have already handled mixins in a special case above.\n continue;\n }\n\n var property = spec[name];\n var isAlreadyDefined = proto.hasOwnProperty(name);\n validateMethodOverride(isAlreadyDefined, name);\n\n if (RESERVED_SPEC_KEYS.hasOwnProperty(name)) {\n RESERVED_SPEC_KEYS[name](Constructor, property);\n } else {\n // Setup methods on prototype:\n // The following member methods should not be automatically bound:\n // 1. Expected ReactClass methods (in the \"interface\").\n // 2. Overridden methods (that were mixed in).\n var isReactClassMethod = ReactClassInterface.hasOwnProperty(name);\n var isFunction = typeof property === 'function';\n var shouldAutoBind =\n isFunction &&\n !isReactClassMethod &&\n !isAlreadyDefined &&\n spec.autobind !== false;\n\n if (shouldAutoBind) {\n autoBindPairs.push(name, property);\n proto[name] = property;\n } else {\n if (isAlreadyDefined) {\n var specPolicy = ReactClassInterface[name];\n\n // These cases should already be caught by validateMethodOverride.\n _invariant(\n isReactClassMethod &&\n (specPolicy === 'DEFINE_MANY_MERGED' ||\n specPolicy === 'DEFINE_MANY'),\n 'ReactClass: Unexpected spec policy %s for key %s ' +\n 'when mixing in component specs.',\n specPolicy,\n name\n );\n\n // For methods which are defined more than once, call the existing\n // methods before calling the new property, merging if appropriate.\n if (specPolicy === 'DEFINE_MANY_MERGED') {\n proto[name] = createMergedResultFunction(proto[name], property);\n } else if (specPolicy === 'DEFINE_MANY') {\n proto[name] = createChainedFunction(proto[name], property);\n }\n } else {\n proto[name] = property;\n if (process.env.NODE_ENV !== 'production') {\n // Add verbose displayName to the function, which helps when looking\n // at profiling tools.\n if (typeof property === 'function' && spec.displayName) {\n proto[name].displayName = spec.displayName + '_' + name;\n }\n }\n }\n }\n }\n }\n }\n\n function mixStaticSpecIntoComponent(Constructor, statics) {\n if (!statics) {\n return;\n }\n\n for (var name in statics) {\n var property = statics[name];\n if (!statics.hasOwnProperty(name)) {\n continue;\n }\n\n var isReserved = name in RESERVED_SPEC_KEYS;\n _invariant(\n !isReserved,\n 'ReactClass: You are attempting to define a reserved ' +\n 'property, `%s`, that shouldn\\'t be on the \"statics\" key. Define it ' +\n 'as an instance property instead; it will still be accessible on the ' +\n 'constructor.',\n name\n );\n\n var isAlreadyDefined = name in Constructor;\n if (isAlreadyDefined) {\n var specPolicy = ReactClassStaticInterface.hasOwnProperty(name)\n ? ReactClassStaticInterface[name]\n : null;\n\n _invariant(\n specPolicy === 'DEFINE_MANY_MERGED',\n 'ReactClass: You are attempting to define ' +\n '`%s` on your component more than once. This conflict may be ' +\n 'due to a mixin.',\n name\n );\n\n Constructor[name] = createMergedResultFunction(Constructor[name], property);\n\n return;\n }\n\n Constructor[name] = property;\n }\n }\n\n /**\n * Merge two objects, but throw if both contain the same key.\n *\n * @param {object} one The first object, which is mutated.\n * @param {object} two The second object\n * @return {object} one after it has been mutated to contain everything in two.\n */\n function mergeIntoWithNoDuplicateKeys(one, two) {\n _invariant(\n one && two && typeof one === 'object' && typeof two === 'object',\n 'mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.'\n );\n\n for (var key in two) {\n if (two.hasOwnProperty(key)) {\n _invariant(\n one[key] === undefined,\n 'mergeIntoWithNoDuplicateKeys(): ' +\n 'Tried to merge two objects with the same key: `%s`. This conflict ' +\n 'may be due to a mixin; in particular, this may be caused by two ' +\n 'getInitialState() or getDefaultProps() methods returning objects ' +\n 'with clashing keys.',\n key\n );\n one[key] = two[key];\n }\n }\n return one;\n }\n\n /**\n * Creates a function that invokes two functions and merges their return values.\n *\n * @param {function} one Function to invoke first.\n * @param {function} two Function to invoke second.\n * @return {function} Function that invokes the two argument functions.\n * @private\n */\n function createMergedResultFunction(one, two) {\n return function mergedResult() {\n var a = one.apply(this, arguments);\n var b = two.apply(this, arguments);\n if (a == null) {\n return b;\n } else if (b == null) {\n return a;\n }\n var c = {};\n mergeIntoWithNoDuplicateKeys(c, a);\n mergeIntoWithNoDuplicateKeys(c, b);\n return c;\n };\n }\n\n /**\n * Creates a function that invokes two functions and ignores their return vales.\n *\n * @param {function} one Function to invoke first.\n * @param {function} two Function to invoke second.\n * @return {function} Function that invokes the two argument functions.\n * @private\n */\n function createChainedFunction(one, two) {\n return function chainedFunction() {\n one.apply(this, arguments);\n two.apply(this, arguments);\n };\n }\n\n /**\n * Binds a method to the component.\n *\n * @param {object} component Component whose method is going to be bound.\n * @param {function} method Method to be bound.\n * @return {function} The bound method.\n */\n function bindAutoBindMethod(component, method) {\n var boundMethod = method.bind(component);\n if (process.env.NODE_ENV !== 'production') {\n boundMethod.__reactBoundContext = component;\n boundMethod.__reactBoundMethod = method;\n boundMethod.__reactBoundArguments = null;\n var componentName = component.constructor.displayName;\n var _bind = boundMethod.bind;\n boundMethod.bind = function(newThis) {\n for (\n var _len = arguments.length,\n args = Array(_len > 1 ? _len - 1 : 0),\n _key = 1;\n _key < _len;\n _key++\n ) {\n args[_key - 1] = arguments[_key];\n }\n\n // User is trying to bind() an autobound method; we effectively will\n // ignore the value of \"this\" that the user is trying to use, so\n // let's warn.\n if (newThis !== component && newThis !== null) {\n if (process.env.NODE_ENV !== 'production') {\n warning(\n false,\n 'bind(): React component methods may only be bound to the ' +\n 'component instance. See %s',\n componentName\n );\n }\n } else if (!args.length) {\n if (process.env.NODE_ENV !== 'production') {\n warning(\n false,\n 'bind(): You are binding a component method to the component. ' +\n 'React does this for you automatically in a high-performance ' +\n 'way, so you can safely remove this call. See %s',\n componentName\n );\n }\n return boundMethod;\n }\n var reboundMethod = _bind.apply(boundMethod, arguments);\n reboundMethod.__reactBoundContext = component;\n reboundMethod.__reactBoundMethod = method;\n reboundMethod.__reactBoundArguments = args;\n return reboundMethod;\n };\n }\n return boundMethod;\n }\n\n /**\n * Binds all auto-bound methods in a component.\n *\n * @param {object} component Component whose method is going to be bound.\n */\n function bindAutoBindMethods(component) {\n var pairs = component.__reactAutoBindPairs;\n for (var i = 0; i < pairs.length; i += 2) {\n var autoBindKey = pairs[i];\n var method = pairs[i + 1];\n component[autoBindKey] = bindAutoBindMethod(component, method);\n }\n }\n\n var IsMountedPreMixin = {\n componentDidMount: function() {\n this.__isMounted = true;\n }\n };\n\n var IsMountedPostMixin = {\n componentWillUnmount: function() {\n this.__isMounted = false;\n }\n };\n\n /**\n * Add more to the ReactClass base class. These are all legacy features and\n * therefore not already part of the modern ReactComponent.\n */\n var ReactClassMixin = {\n /**\n * TODO: This will be deprecated because state should always keep a consistent\n * type signature and the only use case for this, is to avoid that.\n */\n replaceState: function(newState, callback) {\n this.updater.enqueueReplaceState(this, newState, callback);\n },\n\n /**\n * Checks whether or not this composite component is mounted.\n * @return {boolean} True if mounted, false otherwise.\n * @protected\n * @final\n */\n isMounted: function() {\n if (process.env.NODE_ENV !== 'production') {\n warning(\n this.__didWarnIsMounted,\n '%s: isMounted is deprecated. Instead, make sure to clean up ' +\n 'subscriptions and pending requests in componentWillUnmount to ' +\n 'prevent memory leaks.',\n (this.constructor && this.constructor.displayName) ||\n this.name ||\n 'Component'\n );\n this.__didWarnIsMounted = true;\n }\n return !!this.__isMounted;\n }\n };\n\n var ReactClassComponent = function() {};\n _assign(\n ReactClassComponent.prototype,\n ReactComponent.prototype,\n ReactClassMixin\n );\n\n /**\n * Creates a composite component class given a class specification.\n * See https://facebook.github.io/react/docs/top-level-api.html#react.createclass\n *\n * @param {object} spec Class specification (which must define `render`).\n * @return {function} Component constructor function.\n * @public\n */\n function createClass(spec) {\n // To keep our warnings more understandable, we'll use a little hack here to\n // ensure that Constructor.name !== 'Constructor'. This makes sure we don't\n // unnecessarily identify a class without displayName as 'Constructor'.\n var Constructor = identity(function(props, context, updater) {\n // This constructor gets overridden by mocks. The argument is used\n // by mocks to assert on what gets mounted.\n\n if (process.env.NODE_ENV !== 'production') {\n warning(\n this instanceof Constructor,\n 'Something is calling a React component directly. Use a factory or ' +\n 'JSX instead. See: https://fb.me/react-legacyfactory'\n );\n }\n\n // Wire up auto-binding\n if (this.__reactAutoBindPairs.length) {\n bindAutoBindMethods(this);\n }\n\n this.props = props;\n this.context = context;\n this.refs = emptyObject;\n this.updater = updater || ReactNoopUpdateQueue;\n\n this.state = null;\n\n // ReactClasses doesn't have constructors. Instead, they use the\n // getInitialState and componentWillMount methods for initialization.\n\n var initialState = this.getInitialState ? this.getInitialState() : null;\n if (process.env.NODE_ENV !== 'production') {\n // We allow auto-mocks to proceed as if they're returning null.\n if (\n initialState === undefined &&\n this.getInitialState._isMockFunction\n ) {\n // This is probably bad practice. Consider warning here and\n // deprecating this convenience.\n initialState = null;\n }\n }\n _invariant(\n typeof initialState === 'object' && !Array.isArray(initialState),\n '%s.getInitialState(): must return an object or null',\n Constructor.displayName || 'ReactCompositeComponent'\n );\n\n this.state = initialState;\n });\n Constructor.prototype = new ReactClassComponent();\n Constructor.prototype.constructor = Constructor;\n Constructor.prototype.__reactAutoBindPairs = [];\n\n injectedMixins.forEach(mixSpecIntoComponent.bind(null, Constructor));\n\n mixSpecIntoComponent(Constructor, IsMountedPreMixin);\n mixSpecIntoComponent(Constructor, spec);\n mixSpecIntoComponent(Constructor, IsMountedPostMixin);\n\n // Initialize the defaultProps property after all mixins have been merged.\n if (Constructor.getDefaultProps) {\n Constructor.defaultProps = Constructor.getDefaultProps();\n }\n\n if (process.env.NODE_ENV !== 'production') {\n // This is a tag to indicate that the use of these method names is ok,\n // since it's used with createClass. If it's not, then it's likely a\n // mistake so we'll warn you to use the static property, property\n // initializer or constructor respectively.\n if (Constructor.getDefaultProps) {\n Constructor.getDefaultProps.isReactClassApproved = {};\n }\n if (Constructor.prototype.getInitialState) {\n Constructor.prototype.getInitialState.isReactClassApproved = {};\n }\n }\n\n _invariant(\n Constructor.prototype.render,\n 'createClass(...): Class specification must implement a `render` method.'\n );\n\n if (process.env.NODE_ENV !== 'production') {\n warning(\n !Constructor.prototype.componentShouldUpdate,\n '%s has a method called ' +\n 'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' +\n 'The name is phrased as a question because the function is ' +\n 'expected to return a value.',\n spec.displayName || 'A component'\n );\n warning(\n !Constructor.prototype.componentWillRecieveProps,\n '%s has a method called ' +\n 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?',\n spec.displayName || 'A component'\n );\n warning(\n !Constructor.prototype.UNSAFE_componentWillRecieveProps,\n '%s has a method called UNSAFE_componentWillRecieveProps(). ' +\n 'Did you mean UNSAFE_componentWillReceiveProps()?',\n spec.displayName || 'A component'\n );\n }\n\n // Reduce time spent doing lookups by setting these on the prototype.\n for (var methodName in ReactClassInterface) {\n if (!Constructor.prototype[methodName]) {\n Constructor.prototype[methodName] = null;\n }\n }\n\n return Constructor;\n }\n\n return createClass;\n}\n\nmodule.exports = factory;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/create-react-class/factory.js\n// module id = 442\n// module chunks = 0","!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?t(exports,require(\"react\"),require(\"prop-types\"),require(\"classnames\"),require(\"date-fns/isDate\"),require(\"date-fns/isValid\"),require(\"date-fns/format\"),require(\"date-fns/addMinutes\"),require(\"date-fns/addHours\"),require(\"date-fns/addDays\"),require(\"date-fns/addWeeks\"),require(\"date-fns/addMonths\"),require(\"date-fns/addYears\"),require(\"date-fns/subMinutes\"),require(\"date-fns/subHours\"),require(\"date-fns/subDays\"),require(\"date-fns/subWeeks\"),require(\"date-fns/subMonths\"),require(\"date-fns/subYears\"),require(\"date-fns/getSeconds\"),require(\"date-fns/getMinutes\"),require(\"date-fns/getHours\"),require(\"date-fns/getDay\"),require(\"date-fns/getDate\"),require(\"date-fns/getISOWeek\"),require(\"date-fns/getMonth\"),require(\"date-fns/getQuarter\"),require(\"date-fns/getYear\"),require(\"date-fns/getTime\"),require(\"date-fns/setSeconds\"),require(\"date-fns/setMinutes\"),require(\"date-fns/setHours\"),require(\"date-fns/setMonth\"),require(\"date-fns/setQuarter\"),require(\"date-fns/setYear\"),require(\"date-fns/min\"),require(\"date-fns/max\"),require(\"date-fns/differenceInCalendarDays\"),require(\"date-fns/differenceInCalendarMonths\"),require(\"date-fns/differenceInCalendarWeeks\"),require(\"date-fns/differenceInCalendarYears\"),require(\"date-fns/startOfDay\"),require(\"date-fns/startOfWeek\"),require(\"date-fns/startOfMonth\"),require(\"date-fns/startOfQuarter\"),require(\"date-fns/startOfYear\"),require(\"date-fns/endOfDay\"),require(\"date-fns/endOfWeek\"),require(\"date-fns/endOfMonth\"),require(\"date-fns/isEqual\"),require(\"date-fns/isSameDay\"),require(\"date-fns/isSameMonth\"),require(\"date-fns/isSameYear\"),require(\"date-fns/isSameQuarter\"),require(\"date-fns/isAfter\"),require(\"date-fns/isBefore\"),require(\"date-fns/isWithinInterval\"),require(\"date-fns/toDate\"),require(\"date-fns/parse\"),require(\"date-fns/parseISO\"),require(\"react-onclickoutside\"),require(\"react-dom\"),require(\"react-popper\")):\"function\"==typeof define&&define.amd?define([\"exports\",\"react\",\"prop-types\",\"classnames\",\"date-fns/isDate\",\"date-fns/isValid\",\"date-fns/format\",\"date-fns/addMinutes\",\"date-fns/addHours\",\"date-fns/addDays\",\"date-fns/addWeeks\",\"date-fns/addMonths\",\"date-fns/addYears\",\"date-fns/subMinutes\",\"date-fns/subHours\",\"date-fns/subDays\",\"date-fns/subWeeks\",\"date-fns/subMonths\",\"date-fns/subYears\",\"date-fns/getSeconds\",\"date-fns/getMinutes\",\"date-fns/getHours\",\"date-fns/getDay\",\"date-fns/getDate\",\"date-fns/getISOWeek\",\"date-fns/getMonth\",\"date-fns/getQuarter\",\"date-fns/getYear\",\"date-fns/getTime\",\"date-fns/setSeconds\",\"date-fns/setMinutes\",\"date-fns/setHours\",\"date-fns/setMonth\",\"date-fns/setQuarter\",\"date-fns/setYear\",\"date-fns/min\",\"date-fns/max\",\"date-fns/differenceInCalendarDays\",\"date-fns/differenceInCalendarMonths\",\"date-fns/differenceInCalendarWeeks\",\"date-fns/differenceInCalendarYears\",\"date-fns/startOfDay\",\"date-fns/startOfWeek\",\"date-fns/startOfMonth\",\"date-fns/startOfQuarter\",\"date-fns/startOfYear\",\"date-fns/endOfDay\",\"date-fns/endOfWeek\",\"date-fns/endOfMonth\",\"date-fns/isEqual\",\"date-fns/isSameDay\",\"date-fns/isSameMonth\",\"date-fns/isSameYear\",\"date-fns/isSameQuarter\",\"date-fns/isAfter\",\"date-fns/isBefore\",\"date-fns/isWithinInterval\",\"date-fns/toDate\",\"date-fns/parse\",\"date-fns/parseISO\",\"react-onclickoutside\",\"react-dom\",\"react-popper\"],t):t((e=\"undefined\"!=typeof globalThis?globalThis:e||self).DatePicker={},e.React,e.PropTypes,e.classNames,e.isDate,e.isValidDate,e.format,e.addMinutes,e.addHours,e.addDays,e.addWeeks,e.addMonths,e.addYears,null,null,e.subDays,e.subWeeks,e.subMonths,e.subYears,e.getSeconds,e.getMinutes,e.getHours,e.getDay,e.getDate,e.getISOWeek,e.getMonth,e.getQuarter,e.getYear,e.getTime,e.setSeconds,e.setMinutes,e.setHours,e.setMonth,e.setQuarter,e.setYear,e.min,e.max,e.differenceInCalendarDays,e.differenceInCalendarMonths,null,e.differenceInCalendarYears,e.startOfDay,e.startOfWeek,e.startOfMonth,e.startOfQuarter,e.startOfYear,e.endOfDay,null,null,e.dfIsEqual,e.dfIsSameDay,e.dfIsSameMonth,e.dfIsSameYear,e.dfIsSameQuarter,e.isAfter,e.isBefore,e.isWithinInterval,e.toDate,e.parse,e.parseISO,e.onClickOutside,e.ReactDOM,e.ReactPopper)}(this,(function(e,t,r,a,n,o,s,i,p,l,d,c,u,f,h,m,y,v,D,w,g,k,b,C,S,_,M,P,E,N,O,Y,x,T,I,L,F,R,A,q,W,B,K,j,H,Q,V,U,$,z,G,J,X,Z,ee,te,re,ae,ne,oe,se,ie,pe){\"use strict\";function le(e){return e&&\"object\"==typeof e&&\"default\"in e?e:{default:e}}var de=le(t),ce=le(a),ue=le(n),fe=le(o),he=le(s),me=le(i),ye=le(p),ve=le(l),De=le(d),we=le(c),ge=le(u),ke=le(m),be=le(y),Ce=le(v),Se=le(D),_e=le(w),Me=le(g),Pe=le(k),Ee=le(b),Ne=le(C),Oe=le(S),Ye=le(_),xe=le(M),Te=le(P),Ie=le(E),Le=le(N),Fe=le(O),Re=le(Y),Ae=le(x),qe=le(T),We=le(I),Be=le(L),Ke=le(F),je=le(R),He=le(A),Qe=le(W),Ve=le(B),Ue=le(K),$e=le(j),ze=le(H),Ge=le(Q),Je=le(V),Xe=le(z),Ze=le(G),et=le(J),tt=le(X),rt=le(Z),at=le(ee),nt=le(te),ot=le(re),st=le(ae),it=le(ne),pt=le(oe),lt=le(se),dt=le(ie);function ct(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function ut(e){for(var t=1;tKontaktuppgifter firmatecknare
\r\n\r\n\r\n Firmatecknare måste signera avtalet, vänligen ange deras kontaktuppgifter.\r\n
\r\n\r\n {signatories}\r\n\r\n\r\n { fields.map(field => ( \r\n \r\n ))}\r\n
\r\n );\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/routes/Cob/components/HiddenDefaultFields/HiddenDefaultFields.js","module.exports = __webpack_public_path__ + \"static/media/_Questionnaire.f80ea5fd.scss\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/routes/Cob/views/Questionnaire/_Questionnaire.scss\n// module id = 552\n// module chunks = 0","module.exports = __webpack_public_path__ + \"static/media/_SignModal.7df7c464.scss\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/routes/Cob/views/SignModal/_SignModal.scss\n// module id = 553\n// module chunks = 0","var Fa = Object.defineProperty, Ba = Object.defineProperties;\nvar $a = Object.getOwnPropertyDescriptors;\nvar Lo = Object.getOwnPropertySymbols;\nvar Ua = Object.prototype.hasOwnProperty, Va = Object.prototype.propertyIsEnumerable;\nvar Fo = (e, t, r) => t in e ? Fa(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ue = (e, t) => {\n for (var r in t || (t = {}))\n Ua.call(t, r) && Fo(e, r, t[r]);\n if (Lo)\n for (var r of Lo(t))\n Va.call(t, r) && Fo(e, r, t[r]);\n return e;\n}, Ve = (e, t) => Ba(e, $a(t));\nimport * as S from \"react\";\nimport Ke, { forwardRef as za, useContext as Wa, Children as Ga, isValidElement as Tr, cloneElement as Rr, useMemo as Ya, useState as Ha, useRef as at, useCallback as Ye, useEffect as An } from \"react\";\nimport * as Ka from \"react-dom\";\nimport br from \"react-dom\";\nfunction qa(e) {\n return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, \"default\") ? e.default : e;\n}\nvar Fn = { exports: {} }, qt = {};\n/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nvar Bo;\nfunction Za() {\n if (Bo)\n return qt;\n Bo = 1;\n var e = Ke, t = Symbol.for(\"react.element\"), r = Symbol.for(\"react.fragment\"), n = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };\n function s(a, c, u) {\n var f, d = {}, y = null, v = null;\n u !== void 0 && (y = \"\" + u), c.key !== void 0 && (y = \"\" + c.key), c.ref !== void 0 && (v = c.ref);\n for (f in c)\n n.call(c, f) && !i.hasOwnProperty(f) && (d[f] = c[f]);\n if (a && a.defaultProps)\n for (f in c = a.defaultProps, c)\n d[f] === void 0 && (d[f] = c[f]);\n return { $$typeof: t, type: a, key: y, ref: v, props: d, _owner: o.current };\n }\n return qt.Fragment = r, qt.jsx = s, qt.jsxs = s, qt;\n}\nvar Zt = {};\n/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nvar $o;\nfunction Ja() {\n return $o || ($o = 1, process.env.NODE_ENV !== \"production\" && function() {\n var e = Ke, t = Symbol.for(\"react.element\"), r = Symbol.for(\"react.portal\"), n = Symbol.for(\"react.fragment\"), o = Symbol.for(\"react.strict_mode\"), i = Symbol.for(\"react.profiler\"), s = Symbol.for(\"react.provider\"), a = Symbol.for(\"react.context\"), c = Symbol.for(\"react.forward_ref\"), u = Symbol.for(\"react.suspense\"), f = Symbol.for(\"react.suspense_list\"), d = Symbol.for(\"react.memo\"), y = Symbol.for(\"react.lazy\"), v = Symbol.for(\"react.offscreen\"), g = Symbol.iterator, m = \"@@iterator\";\n function b(p) {\n if (p === null || typeof p != \"object\")\n return null;\n var O = g && p[g] || p[m];\n return typeof O == \"function\" ? O : null;\n }\n var x = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n function w(p) {\n {\n for (var O = arguments.length, M = new Array(O > 1 ? O - 1 : 0), Z = 1; Z < O; Z++)\n M[Z - 1] = arguments[Z];\n R(\"error\", p, M);\n }\n }\n function R(p, O, M) {\n {\n var Z = x.ReactDebugCurrentFrame, ce = Z.getStackAddendum();\n ce !== \"\" && (O += \"%s\", M = M.concat([ce]));\n var be = M.map(function(se) {\n return String(se);\n });\n be.unshift(\"Warning: \" + O), Function.prototype.apply.call(console[p], console, be);\n }\n }\n var C = !1, h = !1, D = !1, N = !1, re = !1, J;\n J = Symbol.for(\"react.module.reference\");\n function j(p) {\n return !!(typeof p == \"string\" || typeof p == \"function\" || p === n || p === i || re || p === o || p === u || p === f || N || p === v || C || h || D || typeof p == \"object\" && p !== null && (p.$$typeof === y || p.$$typeof === d || p.$$typeof === s || p.$$typeof === a || p.$$typeof === c || // This needs to include all possible module reference object\n // types supported by any Flight configuration anywhere since\n // we don't know which Flight build this will end up being used\n // with.\n p.$$typeof === J || p.getModuleId !== void 0));\n }\n function Y(p, O, M) {\n var Z = p.displayName;\n if (Z)\n return Z;\n var ce = O.displayName || O.name || \"\";\n return ce !== \"\" ? M + \"(\" + ce + \")\" : M;\n }\n function oe(p) {\n return p.displayName || \"Context\";\n }\n function X(p) {\n if (p == null)\n return null;\n if (typeof p.tag == \"number\" && w(\"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"), typeof p == \"function\")\n return p.displayName || p.name || null;\n if (typeof p == \"string\")\n return p;\n switch (p) {\n case n:\n return \"Fragment\";\n case r:\n return \"Portal\";\n case i:\n return \"Profiler\";\n case o:\n return \"StrictMode\";\n case u:\n return \"Suspense\";\n case f:\n return \"SuspenseList\";\n }\n if (typeof p == \"object\")\n switch (p.$$typeof) {\n case a:\n var O = p;\n return oe(O) + \".Consumer\";\n case s:\n var M = p;\n return oe(M._context) + \".Provider\";\n case c:\n return Y(p, p.render, \"ForwardRef\");\n case d:\n var Z = p.displayName || null;\n return Z !== null ? Z : X(p.type) || \"Memo\";\n case y: {\n var ce = p, be = ce._payload, se = ce._init;\n try {\n return X(se(be));\n } catch (ie) {\n return null;\n }\n }\n }\n return null;\n }\n var F = Object.assign, H = 0, I, L, $, ne, A, k, U;\n function z() {\n }\n z.__reactDisabledLog = !0;\n function B() {\n {\n if (H === 0) {\n I = console.log, L = console.info, $ = console.warn, ne = console.error, A = console.group, k = console.groupCollapsed, U = console.groupEnd;\n var p = {\n configurable: !0,\n enumerable: !0,\n value: z,\n writable: !0\n };\n Object.defineProperties(console, {\n info: p,\n log: p,\n warn: p,\n error: p,\n group: p,\n groupCollapsed: p,\n groupEnd: p\n });\n }\n H++;\n }\n }\n function G() {\n {\n if (H--, H === 0) {\n var p = {\n configurable: !0,\n enumerable: !0,\n writable: !0\n };\n Object.defineProperties(console, {\n log: F({}, p, {\n value: I\n }),\n info: F({}, p, {\n value: L\n }),\n warn: F({}, p, {\n value: $\n }),\n error: F({}, p, {\n value: ne\n }),\n group: F({}, p, {\n value: A\n }),\n groupCollapsed: F({}, p, {\n value: k\n }),\n groupEnd: F({}, p, {\n value: U\n })\n });\n }\n H < 0 && w(\"disabledDepth fell below zero. This is a bug in React. Please file an issue.\");\n }\n }\n var V = x.ReactCurrentDispatcher, q;\n function Q(p, O, M) {\n {\n if (q === void 0)\n try {\n throw Error();\n } catch (ce) {\n var Z = ce.stack.trim().match(/\\n( *(at )?)/);\n q = Z && Z[1] || \"\";\n }\n return `\n` + q + p;\n }\n }\n var K = !1, ee;\n {\n var Ee = typeof WeakMap == \"function\" ? WeakMap : Map;\n ee = new Ee();\n }\n function E(p, O) {\n if (!p || K)\n return \"\";\n {\n var M = ee.get(p);\n if (M !== void 0)\n return M;\n }\n var Z;\n K = !0;\n var ce = Error.prepareStackTrace;\n Error.prepareStackTrace = void 0;\n var be;\n be = V.current, V.current = null, B();\n try {\n if (O) {\n var se = function() {\n throw Error();\n };\n if (Object.defineProperty(se.prototype, \"props\", {\n set: function() {\n throw Error();\n }\n }), typeof Reflect == \"object\" && Reflect.construct) {\n try {\n Reflect.construct(se, []);\n } catch (et) {\n Z = et;\n }\n Reflect.construct(p, [], se);\n } else {\n try {\n se.call();\n } catch (et) {\n Z = et;\n }\n p.call(se.prototype);\n }\n } else {\n try {\n throw Error();\n } catch (et) {\n Z = et;\n }\n p();\n }\n } catch (et) {\n if (et && Z && typeof et.stack == \"string\") {\n for (var ie = et.stack.split(`\n`), De = Z.stack.split(`\n`), Re = ie.length - 1, we = De.length - 1; Re >= 1 && we >= 0 && ie[Re] !== De[we]; )\n we--;\n for (; Re >= 1 && we >= 0; Re--, we--)\n if (ie[Re] !== De[we]) {\n if (Re !== 1 || we !== 1)\n do\n if (Re--, we--, we < 0 || ie[Re] !== De[we]) {\n var $e = `\n` + ie[Re].replace(\" at new \", \" at \");\n return p.displayName && $e.includes(\"` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `
` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: l.any,\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: l.node,\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: l.bool,\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: l.bool,\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: l.bool,\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: l.func\n} : {};\nAo.defaultProps = Qf;\nconst ed = Ao, td = (e) => e.scrollTop;\nfunction _i(e, t) {\n var r, n;\n const {\n timeout: o,\n easing: i,\n style: s = {}\n } = e;\n return {\n duration: (r = s.transitionDuration) != null ? r : typeof o == \"number\" ? o : o[t.mode] || 0,\n easing: (n = s.transitionTimingFunction) != null ? n : typeof i == \"object\" ? i[t.mode] : i,\n delay: s.transitionDelay\n };\n}\nfunction zs(e) {\n const {\n className: t,\n classes: r,\n pulsate: n = !1,\n rippleX: o,\n rippleY: i,\n rippleSize: s,\n in: a,\n onExited: c,\n timeout: u\n } = e, [f, d] = S.useState(!1), y = Oe(t, r.ripple, r.rippleVisible, n && r.ripplePulsate), v = {\n width: s,\n height: s,\n top: -(s / 2) + i,\n left: -(s / 2) + o\n }, g = Oe(r.child, f && r.childLeaving, n && r.childPulsate);\n return !a && !f && d(!0), S.useEffect(() => {\n if (!a && c != null) {\n const m = setTimeout(c, u);\n return () => {\n clearTimeout(m);\n };\n }\n }, [c, a, u]), /* @__PURE__ */ W.jsx(\"span\", {\n className: y,\n style: v,\n children: /* @__PURE__ */ W.jsx(\"span\", {\n className: g\n })\n });\n}\nprocess.env.NODE_ENV !== \"production\" && (zs.propTypes = {\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: l.object.isRequired,\n className: l.string,\n /**\n * @ignore - injected from TransitionGroup\n */\n in: l.bool,\n /**\n * @ignore - injected from TransitionGroup\n */\n onExited: l.func,\n /**\n * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.\n */\n pulsate: l.bool,\n /**\n * Diameter of the ripple.\n */\n rippleSize: l.number,\n /**\n * Horizontal position of the ripple center.\n */\n rippleX: l.number,\n /**\n * Vertical position of the ripple center.\n */\n rippleY: l.number,\n /**\n * exit delay\n */\n timeout: l.number.isRequired\n});\nconst rd = Et(\"MuiTouchRipple\", [\"root\", \"ripple\", \"rippleVisible\", \"ripplePulsate\", \"child\", \"childLeaving\", \"childPulsate\"]), ze = rd, nd = [\"center\", \"classes\", \"className\"];\nlet un = (e) => e, Li, Fi, Bi, $i;\nconst qn = 550, od = 80, id = ur(Li || (Li = un`\n 0% {\n transform: scale(0);\n opacity: 0.1;\n }\n\n 100% {\n transform: scale(1);\n opacity: 0.3;\n }\n`)), sd = ur(Fi || (Fi = un`\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n`)), ad = ur(Bi || (Bi = un`\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.92);\n }\n\n 100% {\n transform: scale(1);\n }\n`)), cd = Be(\"span\", {\n name: \"MuiTouchRipple\",\n slot: \"Root\"\n})({\n overflow: \"hidden\",\n pointerEvents: \"none\",\n position: \"absolute\",\n zIndex: 0,\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: \"inherit\"\n}), ld = Be(zs, {\n name: \"MuiTouchRipple\",\n slot: \"Ripple\"\n})($i || ($i = un`\n opacity: 0;\n position: absolute;\n\n &.${0} {\n opacity: 0.3;\n transform: scale(1);\n animation-name: ${0};\n animation-duration: ${0}ms;\n animation-timing-function: ${0};\n }\n\n &.${0} {\n animation-duration: ${0}ms;\n }\n\n & .${0} {\n opacity: 1;\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: currentColor;\n }\n\n & .${0} {\n opacity: 0;\n animation-name: ${0};\n animation-duration: ${0}ms;\n animation-timing-function: ${0};\n }\n\n & .${0} {\n position: absolute;\n /* @noflip */\n left: 0px;\n top: 0;\n animation-name: ${0};\n animation-duration: 2500ms;\n animation-timing-function: ${0};\n animation-iteration-count: infinite;\n animation-delay: 200ms;\n }\n`), ze.rippleVisible, id, qn, ({\n theme: e\n}) => e.transitions.easing.easeInOut, ze.ripplePulsate, ({\n theme: e\n}) => e.transitions.duration.shorter, ze.child, ze.childLeaving, sd, qn, ({\n theme: e\n}) => e.transitions.easing.easeInOut, ze.childPulsate, ad, ({\n theme: e\n}) => e.transitions.easing.easeInOut), Ws = /* @__PURE__ */ S.forwardRef(function(t, r) {\n const n = xt({\n props: t,\n name: \"MuiTouchRipple\"\n }), {\n center: o = !1,\n classes: i = {},\n className: s\n } = n, a = Te(n, nd), [c, u] = S.useState([]), f = S.useRef(0), d = S.useRef(null);\n S.useEffect(() => {\n d.current && (d.current(), d.current = null);\n }, [c]);\n const y = S.useRef(!1), v = S.useRef(0), g = S.useRef(null), m = S.useRef(null);\n S.useEffect(() => () => {\n v.current && clearTimeout(v.current);\n }, []);\n const b = S.useCallback((C) => {\n const {\n pulsate: h,\n rippleX: D,\n rippleY: N,\n rippleSize: re,\n cb: J\n } = C;\n u((j) => [...j, /* @__PURE__ */ W.jsx(ld, {\n classes: {\n ripple: Oe(i.ripple, ze.ripple),\n rippleVisible: Oe(i.rippleVisible, ze.rippleVisible),\n ripplePulsate: Oe(i.ripplePulsate, ze.ripplePulsate),\n child: Oe(i.child, ze.child),\n childLeaving: Oe(i.childLeaving, ze.childLeaving),\n childPulsate: Oe(i.childPulsate, ze.childPulsate)\n },\n timeout: qn,\n pulsate: h,\n rippleX: D,\n rippleY: N,\n rippleSize: re\n }, f.current)]), f.current += 1, d.current = J;\n }, [i]), x = S.useCallback((C = {}, h = {}, D = () => {\n }) => {\n const {\n pulsate: N = !1,\n center: re = o || h.pulsate,\n fakeElement: J = !1\n // For test purposes\n } = h;\n if ((C == null ? void 0 : C.type) === \"mousedown\" && y.current) {\n y.current = !1;\n return;\n }\n (C == null ? void 0 : C.type) === \"touchstart\" && (y.current = !0);\n const j = J ? null : m.current, Y = j ? j.getBoundingClientRect() : {\n width: 0,\n height: 0,\n left: 0,\n top: 0\n };\n let oe, X, F;\n if (re || C === void 0 || C.clientX === 0 && C.clientY === 0 || !C.clientX && !C.touches)\n oe = Math.round(Y.width / 2), X = Math.round(Y.height / 2);\n else {\n const {\n clientX: H,\n clientY: I\n } = C.touches && C.touches.length > 0 ? C.touches[0] : C;\n oe = Math.round(H - Y.left), X = Math.round(I - Y.top);\n }\n if (re)\n F = Math.sqrt((2 * Y.width ** 2 + Y.height ** 2) / 3), F % 2 === 0 && (F += 1);\n else {\n const H = Math.max(Math.abs((j ? j.clientWidth : 0) - oe), oe) * 2 + 2, I = Math.max(Math.abs((j ? j.clientHeight : 0) - X), X) * 2 + 2;\n F = Math.sqrt(H ** 2 + I ** 2);\n }\n C != null && C.touches ? g.current === null && (g.current = () => {\n b({\n pulsate: N,\n rippleX: oe,\n rippleY: X,\n rippleSize: F,\n cb: D\n });\n }, v.current = setTimeout(() => {\n g.current && (g.current(), g.current = null);\n }, od)) : b({\n pulsate: N,\n rippleX: oe,\n rippleY: X,\n rippleSize: F,\n cb: D\n });\n }, [o, b]), w = S.useCallback(() => {\n x({}, {\n pulsate: !0\n });\n }, [x]), R = S.useCallback((C, h) => {\n if (clearTimeout(v.current), (C == null ? void 0 : C.type) === \"touchend\" && g.current) {\n g.current(), g.current = null, v.current = setTimeout(() => {\n R(C, h);\n });\n return;\n }\n g.current = null, u((D) => D.length > 0 ? D.slice(1) : D), d.current = h;\n }, []);\n return S.useImperativeHandle(r, () => ({\n pulsate: w,\n start: x,\n stop: R\n }), [w, x, R]), /* @__PURE__ */ W.jsx(cd, P({\n className: Oe(ze.root, i.root, s),\n ref: m\n }, a, {\n children: /* @__PURE__ */ W.jsx(ed, {\n component: null,\n exit: !0,\n children: c\n })\n }));\n});\nprocess.env.NODE_ENV !== \"production\" && (Ws.propTypes = {\n /**\n * If `true`, the ripple starts at the center of the component\n * rather than at the point of interaction.\n */\n center: l.bool,\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: l.object,\n /**\n * @ignore\n */\n className: l.string\n});\nconst ud = Ws;\nfunction fd(e) {\n return ft(\"MuiButtonBase\", e);\n}\nconst dd = Et(\"MuiButtonBase\", [\"root\", \"disabled\", \"focusVisible\"]), pd = dd, md = [\"action\", \"centerRipple\", \"children\", \"className\", \"component\", \"disabled\", \"disableRipple\", \"disableTouchRipple\", \"focusRipple\", \"focusVisibleClassName\", \"LinkComponent\", \"onBlur\", \"onClick\", \"onContextMenu\", \"onDragLeave\", \"onFocus\", \"onFocusVisible\", \"onKeyDown\", \"onKeyUp\", \"onMouseDown\", \"onMouseLeave\", \"onMouseUp\", \"onTouchEnd\", \"onTouchMove\", \"onTouchStart\", \"tabIndex\", \"TouchRippleProps\", \"touchRippleRef\", \"type\"], hd = (e) => {\n const {\n disabled: t,\n focusVisible: r,\n focusVisibleClassName: n,\n classes: o\n } = e, s = $t({\n root: [\"root\", t && \"disabled\", r && \"focusVisible\"]\n }, fd, o);\n return r && n && (s.root += ` ${n}`), s;\n}, gd = Be(\"button\", {\n name: \"MuiButtonBase\",\n slot: \"Root\",\n overridesResolver: (e, t) => t.root\n})({\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n boxSizing: \"border-box\",\n WebkitTapHighlightColor: \"transparent\",\n backgroundColor: \"transparent\",\n // Reset default value\n // We disable the focus ring for mouse, touch and keyboard users.\n outline: 0,\n border: 0,\n margin: 0,\n // Remove the margin in Safari\n borderRadius: 0,\n padding: 0,\n // Remove the padding in Firefox\n cursor: \"pointer\",\n userSelect: \"none\",\n verticalAlign: \"middle\",\n MozAppearance: \"none\",\n // Reset\n WebkitAppearance: \"none\",\n // Reset\n textDecoration: \"none\",\n // So we take precedent over the style of a native element.\n color: \"inherit\",\n \"&::-moz-focus-inner\": {\n borderStyle: \"none\"\n // Remove Firefox dotted outline.\n },\n [`&.${pd.disabled}`]: {\n pointerEvents: \"none\",\n // Disable link interactions\n cursor: \"default\"\n },\n \"@media print\": {\n colorAdjust: \"exact\"\n }\n}), Gs = /* @__PURE__ */ S.forwardRef(function(t, r) {\n const n = xt({\n props: t,\n name: \"MuiButtonBase\"\n }), {\n action: o,\n centerRipple: i = !1,\n children: s,\n className: a,\n component: c = \"button\",\n disabled: u = !1,\n disableRipple: f = !1,\n disableTouchRipple: d = !1,\n focusRipple: y = !1,\n LinkComponent: v = \"a\",\n onBlur: g,\n onClick: m,\n onContextMenu: b,\n onDragLeave: x,\n onFocus: w,\n onFocusVisible: R,\n onKeyDown: C,\n onKeyUp: h,\n onMouseDown: D,\n onMouseLeave: N,\n onMouseUp: re,\n onTouchEnd: J,\n onTouchMove: j,\n onTouchStart: Y,\n tabIndex: oe = 0,\n TouchRippleProps: X,\n touchRippleRef: F,\n type: H\n } = n, I = Te(n, md), L = S.useRef(null), $ = S.useRef(null), ne = bt($, F), {\n isFocusVisibleRef: A,\n onFocus: k,\n onBlur: U,\n ref: z\n } = jc(), [B, G] = S.useState(!1);\n u && B && G(!1), S.useImperativeHandle(o, () => ({\n focusVisible: () => {\n G(!0), L.current.focus();\n }\n }), []);\n const [V, q] = S.useState(!1);\n S.useEffect(() => {\n q(!0);\n }, []);\n const Q = V && !f && !u;\n S.useEffect(() => {\n B && y && !f && V && $.current.pulsate();\n }, [f, y, B, V]);\n function K(te, Ht, Kt = d) {\n return Mt((yr) => (Ht && Ht(yr), !Kt && $.current && $.current[te](yr), !0));\n }\n const ee = K(\"start\", D), Ee = K(\"stop\", b), E = K(\"stop\", x), Se = K(\"stop\", re), _ = K(\"stop\", (te) => {\n B && te.preventDefault(), N && N(te);\n }), Ne = K(\"start\", Y), Ge = K(\"stop\", J), pt = K(\"stop\", j), hr = K(\"stop\", (te) => {\n U(te), A.current === !1 && G(!1), g && g(te);\n }, !1), At = Mt((te) => {\n L.current || (L.current = te.currentTarget), k(te), A.current === !0 && (G(!0), R && R(te)), w && w(te);\n }), Wt = () => {\n const te = L.current;\n return c && c !== \"button\" && !(te.tagName === \"A\" && te.href);\n }, Gt = S.useRef(!1), Yt = Mt((te) => {\n y && !Gt.current && B && $.current && te.key === \" \" && (Gt.current = !0, $.current.stop(te, () => {\n $.current.start(te);\n })), te.target === te.currentTarget && Wt() && te.key === \" \" && te.preventDefault(), C && C(te), te.target === te.currentTarget && Wt() && te.key === \"Enter\" && !u && (te.preventDefault(), m && m(te));\n }), yn = Mt((te) => {\n y && te.key === \" \" && $.current && B && !te.defaultPrevented && (Gt.current = !1, $.current.stop(te, () => {\n $.current.pulsate(te);\n })), h && h(te), m && te.target === te.currentTarget && Wt() && te.key === \" \" && !te.defaultPrevented && m(te);\n });\n let Ct = c;\n Ct === \"button\" && (I.href || I.to) && (Ct = v);\n const it = {};\n Ct === \"button\" ? (it.type = H === void 0 ? \"button\" : H, it.disabled = u) : (!I.href && !I.to && (it.role = \"button\"), u && (it[\"aria-disabled\"] = u));\n const gr = bt(r, z, L);\n process.env.NODE_ENV !== \"production\" && S.useEffect(() => {\n Q && !$.current && console.error([\"MUI: The `component` prop provided to ButtonBase is invalid.\", \"Please make sure the children prop is rendered in this custom component.\"].join(`\n`));\n }, [Q]);\n const st = P({}, n, {\n centerRipple: i,\n component: c,\n disabled: u,\n disableRipple: f,\n disableTouchRipple: d,\n focusRipple: y,\n tabIndex: oe,\n focusVisible: B\n }), bn = hd(st);\n return /* @__PURE__ */ W.jsxs(gd, P({\n as: Ct,\n className: Oe(bn.root, a),\n ownerState: st,\n onBlur: hr,\n onClick: m,\n onContextMenu: Ee,\n onFocus: At,\n onKeyDown: Yt,\n onKeyUp: yn,\n onMouseDown: ee,\n onMouseLeave: _,\n onMouseUp: Se,\n onDragLeave: E,\n onTouchEnd: Ge,\n onTouchMove: pt,\n onTouchStart: Ne,\n ref: gr,\n tabIndex: u ? -1 : oe,\n type: H\n }, it, I, {\n children: [s, Q ? (\n /* TouchRipple is only needed client-side, x2 boost on the server. */\n /* @__PURE__ */ W.jsx(ud, P({\n ref: ne,\n center: i\n }, X))\n ) : null]\n }));\n});\nprocess.env.NODE_ENV !== \"production\" && (Gs.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n /**\n * A ref for imperative actions.\n * It currently only supports `focusVisible()` action.\n */\n action: wc,\n /**\n * If `true`, the ripples are centered.\n * They won't start at the cursor interaction position.\n * @default false\n */\n centerRipple: l.bool,\n /**\n * The content of the component.\n */\n children: l.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: l.object,\n /**\n * @ignore\n */\n className: l.string,\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: vc,\n /**\n * If `true`, the component is disabled.\n * @default false\n */\n disabled: l.bool,\n /**\n * If `true`, the ripple effect is disabled.\n *\n * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\n * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.\n * @default false\n */\n disableRipple: l.bool,\n /**\n * If `true`, the touch ripple effect is disabled.\n * @default false\n */\n disableTouchRipple: l.bool,\n /**\n * If `true`, the base button will have a keyboard focus ripple.\n * @default false\n */\n focusRipple: l.bool,\n /**\n * This prop can help identify which element has keyboard focus.\n * The class name will be applied when the element gains the focus through keyboard interaction.\n * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\n * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\n * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\n * if needed.\n */\n focusVisibleClassName: l.string,\n /**\n * @ignore\n */\n href: l.any,\n /**\n * The component used to render a link when the `href` prop is provided.\n * @default 'a'\n */\n LinkComponent: l.elementType,\n /**\n * @ignore\n */\n onBlur: l.func,\n /**\n * @ignore\n */\n onClick: l.func,\n /**\n * @ignore\n */\n onContextMenu: l.func,\n /**\n * @ignore\n */\n onDragLeave: l.func,\n /**\n * @ignore\n */\n onFocus: l.func,\n /**\n * Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n */\n onFocusVisible: l.func,\n /**\n * @ignore\n */\n onKeyDown: l.func,\n /**\n * @ignore\n */\n onKeyUp: l.func,\n /**\n * @ignore\n */\n onMouseDown: l.func,\n /**\n * @ignore\n */\n onMouseLeave: l.func,\n /**\n * @ignore\n */\n onMouseUp: l.func,\n /**\n * @ignore\n */\n onTouchEnd: l.func,\n /**\n * @ignore\n */\n onTouchMove: l.func,\n /**\n * @ignore\n */\n onTouchStart: l.func,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: l.oneOfType([l.arrayOf(l.oneOfType([l.func, l.object, l.bool])), l.func, l.object]),\n /**\n * @default 0\n */\n tabIndex: l.number,\n /**\n * Props applied to the `TouchRipple` element.\n */\n TouchRippleProps: l.object,\n /**\n * A ref that points to the `TouchRipple` element.\n */\n touchRippleRef: l.oneOfType([l.func, l.shape({\n current: l.shape({\n pulsate: l.func.isRequired,\n start: l.func.isRequired,\n stop: l.func.isRequired\n })\n })]),\n /**\n * @ignore\n */\n type: l.oneOfType([l.oneOf([\"button\", \"reset\", \"submit\"]), l.string])\n});\nconst yd = Gs;\nfunction bd(e) {\n return ft(\"MuiTypography\", e);\n}\nEt(\"MuiTypography\", [\"root\", \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"subtitle1\", \"subtitle2\", \"body1\", \"body2\", \"inherit\", \"button\", \"caption\", \"overline\", \"alignLeft\", \"alignRight\", \"alignCenter\", \"alignJustify\", \"noWrap\", \"gutterBottom\", \"paragraph\"]);\nconst vd = [\"align\", \"className\", \"component\", \"gutterBottom\", \"noWrap\", \"paragraph\", \"variant\", \"variantMapping\"], Ed = (e) => {\n const {\n align: t,\n gutterBottom: r,\n noWrap: n,\n paragraph: o,\n variant: i,\n classes: s\n } = e, a = {\n root: [\"root\", i, e.align !== \"inherit\" && `align${Ce(t)}`, r && \"gutterBottom\", n && \"noWrap\", o && \"paragraph\"]\n };\n return $t(a, bd, s);\n}, xd = Be(\"span\", {\n name: \"MuiTypography\",\n slot: \"Root\",\n overridesResolver: (e, t) => {\n const {\n ownerState: r\n } = e;\n return [t.root, r.variant && t[r.variant], r.align !== \"inherit\" && t[`align${Ce(r.align)}`], r.noWrap && t.noWrap, r.gutterBottom && t.gutterBottom, r.paragraph && t.paragraph];\n }\n})(({\n theme: e,\n ownerState: t\n}) => P({\n margin: 0\n}, t.variant === \"inherit\" && {\n // Some elements, like