{"version":3,"sources":["theme.config.js","helpers/number.helpers.js","LoanCalculator/LoanCalculationChart.js","helpers/calculation.helpers.js","LoanCalculator/LoanCalculator.config.js","LoanCalculator/LoanCalculator.hooks.js","LoanCalculator/LoanCalculationTable.js","Button/Button.js","Link/BaseLink/BaseLink.js","icons/IconArrow.js","icons/IconCheck.js","icons/IconClose.js","icons/IconDownload.js","icons/IconFacebook.js","icons/IconHamburger.js","icons/IconHome.js","icons/IconInfo.js","icons/IconInstagram.js","icons/IconLinkedIn.js","icons/IconLogin.js","icons/IconQuestion.js","icons/IconSearch.js","icons/IconPlus.js","icons/IconMinus.js","icons/IconTwitter.js","icons/IconUpload.js","icons/IconWifi.js","icons/IconYoutube.js","icons/IconFallback.js","icons/Icon.js","Heading/Heading.styles.js","Heading/Heading.js","AdvancedLoanCalculatorBlock/AdvancedLoanCalculatorBlock.js","App.js","index.js"],"names":["colors","orange","gray","brand","components","Heading","baseStyle","fontWeight","Input","variants","outline","field","borderRadius","borderColor","boxShadow","_hover","_focus","_placeholder","color","Select","Table","striped","tbody","tr","_odd","td","background","border","thead","borderBottom","th","fontSize","textTransform","Radio","parts","control","borderWidth","_checked","sizes","md","_before","width","height","Textarea","theme","extendTheme","styles","global","body","bg","p","marginTop","marginBottom","fonts","heading","fontSizes","sm","lg","xl","lineHeights","shorter","short","tall","fontWeights","light","normal","bold","shadows","formatCurrency","num","separator","toString","replace","LoanCalculationChart","payments","remainingLabel","language","actualPayments","slice","paymentsAsChartData","map","payment","remaining","settings","data","labels","_","index","String","datasets","label","backgroundColor","fill","options","scales","y","ticks","callback","value","Number","toLocaleString","paddingBottom","error","nil","Error","div0","ref","name","na","parseNumber","string","undefined","isNaN","parseFloat","isFlat","array","i","length","Array","isArray","flattenShallow","reduce","a","b","aIsArray","bIsArray","concat","push","argsToArray","args","result","iteratee","arrayEach","utils","arr","len","parsed","apply","arguments","n","PMT","rate","periods","present","future","type","term","Math","pow","FV","loanCalculationRuleSet","SV","from","to","maxMonths","InvoiceFee","NO","DK","FREE","LoanTypes","useCalculatedLoan","loanType","amount","months","interestRate","establishmentFee","paymentFee","numberOfYearlyPayments","yearlyInterestRateDecimal","console","log","numberOfRepayments","nominalInterestRate","downPayment","prevClosingBalance","calcPayment","fees","isLast","_interestCost","period","IPMT","amortization","round","abs","interestCost","_payment","monthlyDiscountRate","values","guess","irrResult","dates","r","irrResultDeriv","frac","positive","negative","newRate","epsRate","resultValue","resultRate","contLoop","IRR","APR","totalPayment","acc","curr","totalAmount","monthlyPayment","calculatedMonthlyFee","totalCost","CalculationTh","children","base","LoanCalculationTable","_numberOfYearlyPayments","installmentPaymentLabel","installmentLabel","interestCostLabel","feesLabel","amortizationLabel","monthLabel","yearLabel","quarterLabel","spaceRemoverDk","thousandDelimiterDk","langSpecificKRsuffix","_installmentLabel","overflowX","css","variant","motion","Link","display","minHeight","justifyContent","alignItems","textAlign","paddingY","paddingX","lineHeight","textDecoration","secondary","transition","IconArrow","props","d","stroke","strokeWidth","strokeMiterlimit","strokeLinecap","strokeLinejoin","IconCheck","IconClose","clipPath","id","IconDownload","IconFacebook","cx","cy","fillRule","clipRule","IconHamburger","IconHome","IconInfo","IconInstagram","IconLinkedIn","IconLogin","IconQuestion","viewBox","IconSearch","IconPlus","IconMinus","IconTwitter","IconUpload","IconWifi","IconYoutube","IconFallback","Icon","icon","size","iconSize","getSize","iconProps","IconComponent","getIcon","h1","h2","h3","h4","h5","h6","breakpointSize","useBreakpointValue","_size","TooltipIcon","tooltip","useState","isLabelOpen","setIsLabelOpen","position","hasArrow","placement","whiteSpace","isOpen","top","onMouseEnter","onMouseLeave","onClick","LabelWithTooltip","AdvancedLoanCalculatorBlock","title","initialLoanAmount","initialLoanYears","initialLoanMonths","initialInterestRate","initialNumberOfYearlyPayments","minInterestRate","maxInterestRate","loanAmountLabel","content","loanTypeLabel","loanTypeTooltip","loanAmountTooltip","loanYearsLabel","loanYearsTooltip","interestRateLabel","yearlyPaymentsLabel","yearlyPaymentsTooltip","interestRateTooltip","paymentFeeLabel","paymentFeeTooltip","establishmentFeeLabel","establishmentFeeTooltip","yourLoanCostLabel","monthlyFee","totalCostLabel","paymentPlanLabel","annuityLoanLabel","viewPaymentPlanLabel","hidePaymentPlanLabel","monthly","quarterly","yearly","serialLoanLabel","initialPaymentFee","numberSeparator","handleNumberChange","stripped","loanAmount","setLoanAmount","loanMonths","setLoanMonths","setPaymentFee","viewPlanRef","useRef","isPlanVisible","loanCalculator","initialEstablishmentFee","initialLoanType","version","calculationRules","setLoanType","setAmount","setMonths","setInterestRate","setEstablishmentFee","setNumberOfYearlyPayments","minLoanAmount","setMinLoanAmount","maxLoanAmount","setMaxLoanAmount","maxLoanMonths","setMaxLoanMonths","useEffect","rule","filter","years","setYears","minLoanYears","maxLoanYears","useLoanCalculatorController","toUpperCase","calculatedLoan","templateColumns","gap","colSpan","defaultValue","onChange","e","spacing","direction","currentTarget","onBlur","paddingRight","right","marginRight","columns","as","marginY","App","currentLang","window","LOAN_CALCULATOR_LANGUAGE","languageProps","lang","languageFile","output","key","hasOwnProperty","getLanguageProps","resetCSS","process","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.9dcb3e9c.chunk.js","sourcesContent":["import { extendTheme } from \"@chakra-ui/react\";\r\n\r\nconst colors = {\r\n  orange: {\r\n    100: \"#FEF9F2\",\r\n    400: \"#FF9F1A\",\r\n    500: \"#F28D00\",\r\n    600: \"#B36800\",\r\n  },\r\n  gray: {\r\n    50: \"#FAF9F8\",\r\n    500: \"#E0DED8\",\r\n    700: \"#696969\",\r\n  },\r\n  brand: {\r\n    500: \"orange.500\",\r\n  },\r\n};\r\n\r\nconst fonts = {\r\n  body: '\"akzidenz-grotesk\",\"Helvetica Neue\",Helvetica,Arial,sans-serif',\r\n  heading: '\"akzidenz-grotesk\",\"Helvetica Neue\",Helvetica,Arial,sans-serif',\r\n};\r\n\r\nconst fontSizes = {\r\n  sm: \"14px\",\r\n  md: \"16px\",\r\n  lg: \"20px\",\r\n  xl: \"22px\",\r\n  \"2xl\": \"25px\",\r\n  \"3xl\": \"36px\",\r\n  \"4xl\": \"54px\",\r\n};\r\n\r\nconst lineHeights = {\r\n  shorter: 1.18,\r\n  short: 1.35,\r\n  tall: 1.65,\r\n};\r\n\r\nconst fontWeights = {\r\n  light: 300,\r\n  normal: 400,\r\n  bold: 600,\r\n};\r\n\r\nconst shadows = {\r\n  outline: \"0 0 0 3px rgba(242, 141, 0, 0.2)\",\r\n};\r\n\r\nconst styles = {\r\n  global: {\r\n    body: {\r\n      height: \"100%\",\r\n      bg: \"white\",\r\n    },\r\n    p: {\r\n      marginTop: \"0.625rem\",\r\n      marginBottom: \"0.625rem\",\r\n    },\r\n  },\r\n};\r\n\r\nconst components = {\r\n  Heading: {\r\n    baseStyle: {\r\n      fontWeight: \"light\",\r\n    },\r\n  },\r\n  Input: {\r\n    variants: {\r\n      outline: {\r\n        field: {\r\n          borderRadius: 0,\r\n          borderColor: \"#000\",\r\n          boxShadow: \"0 0 0 1px #000\",\r\n          _hover: {\r\n            borderColor: \"#000\",\r\n          },\r\n          _focus: {\r\n            boxShadow: `0 0 0 1px ${colors.orange[\"500\"]}`,\r\n            borderColor: \"orange.500\",\r\n          },\r\n          _placeholder: {\r\n            color: \"gray.700\",\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n  Select: {\r\n    variants: {\r\n      outline: {\r\n        field: {\r\n          borderRadius: 0,\r\n          borderColor: \"#000\",\r\n          boxShadow: \"0 0 0 1px #000\",\r\n          _hover: {\r\n            borderColor: \"#000\",\r\n          },\r\n          _focus: {\r\n            boxShadow: `0 0 0 1px ${colors.orange[\"500\"]}`,\r\n            borderColor: \"orange.500\",\r\n          },\r\n          _placeholder: {\r\n            color: \"gray.700\",\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n  Table: {\r\n    variants: {\r\n      striped: {\r\n        tbody: {\r\n          tr: {\r\n            _odd: {\r\n              td: {\r\n                background: colors.gray[\"50\"],\r\n              },\r\n            },\r\n            td: {\r\n              background: \"white\",\r\n              border: 0,\r\n            },\r\n          },\r\n        },\r\n        thead: {\r\n          borderBottom: \"2px solid\",\r\n        },\r\n        th: {\r\n          color: \"black\",\r\n          fontWeight: \"normal\",\r\n          fontSize: \"sm\",\r\n          textTransform: \"none\",\r\n          border: 0,\r\n        },\r\n      },\r\n    },\r\n  },\r\n  Radio: {\r\n    parts: [\"control\"],\r\n    baseStyle: {\r\n      control: {\r\n        borderColor: \"black\",\r\n        borderWidth: \"1px\",\r\n        _checked: {\r\n          borderWidth: \"2px\",\r\n          borderColor: \"orange.500\",\r\n          color: \"orange.500\",\r\n          _hover: {\r\n            borderColor: \"orange.500\",\r\n          },\r\n        },\r\n      },\r\n    },\r\n    sizes: {\r\n      md: {\r\n        control: {\r\n          _checked: {\r\n            _before: {\r\n              border: \"3px solid white\",\r\n              width: \"100%\",\r\n              height: \"100%\",\r\n            },\r\n          },\r\n          width: 6,\r\n          height: 6,\r\n        },\r\n      },\r\n    },\r\n  },\r\n  Textarea: {\r\n    variants: {\r\n      outline: {\r\n        borderWidth: \"2px\",\r\n        borderRadius: 0,\r\n        borderColor: \"black\",\r\n        _hover: {\r\n          borderColor: \"black\",\r\n        },\r\n        _focus: {\r\n          borderColor: \"black\",\r\n          boxShadow: \"outline\",\r\n        },\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nexport const theme = extendTheme({\r\n  colors,\r\n  styles,\r\n  components,\r\n  fonts,\r\n  fontSizes,\r\n  lineHeights,\r\n  fontWeights,\r\n  shadows,\r\n});\r\n","export const formatCurrency = (num, separator = ' ') =>\r\n  num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator); // 160 == Non-breakable space","import { Box } from \"@chakra-ui/layout\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Line } from \"react-chartjs-2\";\r\nimport { theme } from \"../theme.config\";\r\nimport { formatCurrency } from \"../helpers/number.helpers\";\r\n\r\nexport const LoanCalculationChart = ({\r\n  payments,\r\n  remainingLabel,\r\n  language,\r\n}) => {\r\n  const actualPayments = [...payments].slice(1);\r\n\r\n  const paymentsAsChartData = actualPayments.map((payment) => {\r\n    return payment.remaining;\r\n  });\r\n  const paymentsAsLabels = actualPayments.map((_, index) => {\r\n    return String(index + 1);\r\n  });\r\n\r\n  const settings = {\r\n    data: {\r\n      labels: paymentsAsLabels,\r\n      datasets: [\r\n        {\r\n          label: remainingLabel,\r\n          data: paymentsAsChartData,\r\n          borderColor: theme.colors.orange[\"500\"],\r\n          backgroundColor: theme.colors.orange[\"200\"],\r\n          fill: true,\r\n        },\r\n      ],\r\n    },\r\n    options: {\r\n      scales: {\r\n        y: {\r\n          ticks: {\r\n            callback(value) {\r\n              if (language === \"sv\") {\r\n                return formatCurrency(value, \" \");\r\n              }\r\n\r\n              if (language === \"dk\") {\r\n                return Number(value).toLocaleString(\"da\");\r\n              }\r\n\r\n              return Number(value).toLocaleString();\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Box paddingBottom=\"10\">\r\n      <Line {...settings} />\r\n    </Box>\r\n  );\r\n};\r\n\r\nLoanCalculationChart.propTypes = {\r\n  payments: PropTypes.arrayOf({\r\n    calcPayment: PropTypes.number,\r\n    payment: PropTypes.number,\r\n    interestCost: PropTypes.number,\r\n    fees: PropTypes.number,\r\n    amortization: PropTypes.number,\r\n    remaining: PropTypes.number,\r\n  }),\r\n  remainingLabel: PropTypes.string,\r\n};\r\n","// Cherrypicked code from @formulajs/formulajs@2.6.5\r\n\r\nconst error = {\r\n  nil: new Error('#NULL!'),\r\n  div0: new Error('#DIV/0!'),\r\n  value: new Error('#VALUE!'),\r\n  ref: new Error('#REF!'),\r\n  name: new Error('#NAME?'),\r\n  num: new Error('#NUM!'),\r\n  na: new Error('#N/A'),\r\n  error: new Error('#ERROR!'),\r\n  data: new Error('#GETTING_DATA'),\r\n};\r\n\r\nconst parseNumber = function (string) {\r\n  if (string === undefined || string === '') {\r\n    return error.value;\r\n  }\r\n  if (!isNaN(string)) {\r\n    return parseFloat(string);\r\n  }\r\n\r\n  return error.value;\r\n};\r\n\r\nconst isFlat = function (array) {\r\n  if (!array) {\r\n    return false;\r\n  }\r\n\r\n  for (var i = 0; i < array.length; ++i) {\r\n    if (Array.isArray(array[i])) {\r\n      return false;\r\n    }\r\n  }\r\n\r\n  return true;\r\n};\r\n\r\nconst flattenShallow = function (array) {\r\n  if (!array || !array.reduce) {\r\n    return array;\r\n  }\r\n\r\n  return array.reduce(function (a, b) {\r\n    var aIsArray = Array.isArray(a);\r\n    var bIsArray = Array.isArray(b);\r\n\r\n    if (aIsArray && bIsArray) {\r\n      return a.concat(b);\r\n    }\r\n    if (aIsArray) {\r\n      a.push(b);\r\n\r\n      return a;\r\n    }\r\n    if (bIsArray) {\r\n      return [a].concat(b);\r\n    }\r\n\r\n    return [a, b];\r\n  });\r\n};\r\n\r\nconst parseNumberArray = function (arr) {\r\n  var len;\r\n\r\n  if (!arr || (len = arr.length) === 0) {\r\n    return error.value;\r\n  }\r\n\r\n  var parsed;\r\n\r\n  while (len--) {\r\n    parsed = parseNumber(arr[len]);\r\n    if (parsed === error.value) {\r\n      return parsed;\r\n    }\r\n    arr[len] = parsed;\r\n  }\r\n\r\n  return arr;\r\n};\r\n\r\nconst arrayEach = function (array, iteratee) {\r\n  var index = -1,\r\n    length = array.length;\r\n\r\n  while (++index < length) {\r\n    if (iteratee(array[index], index, array) === false) {\r\n      break;\r\n    }\r\n  }\r\n\r\n  return array;\r\n};\r\n\r\nconst argsToArray = function (args) {\r\n  var result = [];\r\n\r\n  arrayEach(args, function (value) {\r\n    result.push(value);\r\n  });\r\n\r\n  return result;\r\n};\r\n\r\nconst flatten = function () {\r\n  var result = argsToArray.apply(null, arguments);\r\n\r\n  while (!isFlat(result)) {\r\n    result = flattenShallow(result);\r\n  }\r\n\r\n  return result;\r\n};\r\n\r\nconst anyIsError = function () {\r\n  var n = arguments.length;\r\n  while (n--) {\r\n    if (arguments[n] instanceof Error) {\r\n      return true;\r\n    }\r\n  }\r\n  return false;\r\n};\r\n\r\nconst utils = {\r\n  parseNumber,\r\n  parseNumberArray,\r\n  flatten,\r\n  anyIsError,\r\n};\r\n\r\nexport const PMT = function (rate, periods, present, future, type) {\r\n  \r\n\r\n  future = future || 0;\r\n  type = type || 0;\r\n\r\n  rate = utils.parseNumber(rate);\r\n  periods = utils.parseNumber(periods);\r\n  present = utils.parseNumber(present);\r\n  future = utils.parseNumber(future);\r\n  type = utils.parseNumber(type);\r\n  if (utils.anyIsError(rate, periods, present, future, type)) {\r\n    return error.value;\r\n  }\r\n\r\n  // Return payment\r\n  var result;\r\n  if (rate === 0) {\r\n    result = (present + future) / periods;\r\n  } else {\r\n    var term = Math.pow(1 + rate, periods);\r\n    if (type === 1) {\r\n      result =\r\n        ((future * rate) / (term - 1) + (present * rate) / (1 - 1 / term)) /\r\n        (1 + rate);\r\n    } else {\r\n      result = (future * rate) / (term - 1) + (present * rate) / (1 - 1 / term);\r\n    }\r\n  }\r\n  return -result;\r\n};\r\n//Returns the interest payment for a given period for an investment based on periodic, \r\n//constant payments and a constant interest rate.\r\nexport const IPMT = function (rate, period, periods, present, future, type) {\r\n  \r\n\r\n  future = future || 0;\r\n  type = type || 0;\r\n\r\n  rate = utils.parseNumber(rate);\r\n  period = utils.parseNumber(period);\r\n  periods = utils.parseNumber(periods);\r\n  present = utils.parseNumber(present);\r\n  future = utils.parseNumber(future);\r\n  type = utils.parseNumber(type);\r\n  if (utils.anyIsError(rate, period, periods, present, future, type)) {\r\n    return error.value;\r\n  }\r\n\r\n  // Compute payment\r\n  var payment = PMT(rate, periods, present, future, type);\r\n\r\n  // Compute interest\r\n  var interest;\r\n  if (period === 1) {\r\n    if (type === 1) {\r\n      interest = 0;\r\n    } else {\r\n      interest = -present;\r\n    }\r\n  } else {\r\n    if (type === 1) {\r\n      interest = FV(rate, period - 2, payment, present, 1) - payment;\r\n    } else {\r\n      interest = FV(rate, period - 1, payment, present, 0);\r\n    }\r\n  }\r\n\r\n  // Return interest\r\n  return interest * rate;\r\n};\r\n// Internal Rate of Return\r\nexport const IRR = function (values, guess) {\r\n  \r\n\r\n  guess = guess || 0;\r\n\r\n  values = utils.parseNumberArray(utils.flatten(values));\r\n  guess = utils.parseNumber(guess);\r\n  if (utils.anyIsError(values, guess)) {\r\n    return error.value;\r\n  }\r\n\r\n  // Calculates the resulting amount\r\n  var irrResult = function (values, dates, rate) {\r\n    var r = rate + 1;\r\n    var result = values[0];\r\n    for (var i = 1; i < values.length; i++) {\r\n      result += values[i] / Math.pow(r, (dates[i] - dates[0]) / 365);\r\n    }\r\n    return result;\r\n  };\r\n\r\n  // Calculates the first derivation\r\n  var irrResultDeriv = function (values, dates, rate) {\r\n    var r = rate + 1;\r\n    var result = 0;\r\n    for (var i = 1; i < values.length; i++) {\r\n      var frac = (dates[i] - dates[0]) / 365;\r\n      result -= (frac * values[i]) / Math.pow(r, frac + 1);\r\n    }\r\n    return result;\r\n  };\r\n\r\n  // Initialize dates and check that values contains at least one positive value and one negative value\r\n  var dates = [];\r\n  var positive = false;\r\n  var negative = false;\r\n  for (var i = 0; i < values.length; i++) {\r\n    dates[i] = i === 0 ? 0 : dates[i - 1] + 365;\r\n    if (values[i] > 0) {\r\n      positive = true;\r\n    }\r\n    if (values[i] < 0) {\r\n      negative = true;\r\n    }\r\n  }\r\n\r\n  // Return error if values does not contain at least one positive value and one negative value\r\n  if (!positive || !negative) {\r\n    return error.num;\r\n  }\r\n\r\n  // Initialize guess and resultRate\r\n  guess = guess === undefined ? 0.1 : guess;\r\n  var resultRate = guess;\r\n\r\n  // Set maximum epsilon for end of iteration\r\n  var epsMax = 1e-10;\r\n\r\n  // Implement Newton's method\r\n  var newRate, epsRate, resultValue;\r\n  var contLoop = true;\r\n  do {\r\n    resultValue = irrResult(values, dates, resultRate);\r\n    newRate =\r\n      resultRate - resultValue / irrResultDeriv(values, dates, resultRate);\r\n    epsRate = Math.abs(newRate - resultRate);\r\n    resultRate = newRate;\r\n    contLoop = epsRate > epsMax && Math.abs(resultValue) > epsMax;\r\n  } while (contLoop);\r\n\r\n  // Return internal rate of return\r\n  return resultRate;\r\n};\r\n\r\nexport const FV = function (rate, periods, payment, value, type) {\r\n  \r\n\r\n  value = value || 0;\r\n  type = type || 0;\r\n\r\n  rate = utils.parseNumber(rate);\r\n  periods = utils.parseNumber(periods);\r\n  payment = utils.parseNumber(payment);\r\n  value = utils.parseNumber(value);\r\n  type = utils.parseNumber(type);\r\n  if (utils.anyIsError(rate, periods, payment, value, type)) {\r\n    return error.value;\r\n  }\r\n\r\n  // Return future value\r\n  var result;\r\n  if (rate === 0) {\r\n    result = value + payment * periods;\r\n  } else {\r\n    var term = Math.pow(1 + rate, periods);\r\n    if (type === 1) {\r\n      result = value * term + (payment * (1 + rate) * (term - 1)) / rate;\r\n    } else {\r\n      result = value * term + (payment * (term - 1)) / rate;\r\n    }\r\n  }\r\n  return -result;\r\n};\r\n","export const loanCalculationRuleSet = {\r\n  SV: [\r\n    {\r\n      from: 10000,\r\n      to: 29999,\r\n      maxMonths: 60,\r\n      InvoiceFee: 29,\r\n    },\r\n    {\r\n      from: 30000,\r\n      to: 49999,\r\n      maxMonths: 72,\r\n    },\r\n    {\r\n      from: 50000,\r\n      to: 69999,\r\n      maxMonths: 108,\r\n    },\r\n    {\r\n      from: 70000,\r\n      to: 99999,\r\n      maxMonths: 120,\r\n    },\r\n    {\r\n      from: 100000,\r\n      to: 349999,\r\n      maxMonths: 144,\r\n    },\r\n    {\r\n      from: 350000,\r\n      to: 500000,\r\n      maxMonths: 180,\r\n    },\r\n  ],\r\n  NO: [\r\n    {\r\n      from: 10000,\r\n      to: 29999,\r\n      maxMonths: 60,\r\n      InvoiceFee: 45,\r\n    },\r\n    {\r\n      from: 30000,\r\n      to: 49999,\r\n      maxMonths: 72,\r\n    },\r\n    {\r\n      from: 50000,\r\n      to: 69999,\r\n      maxMonths: 108,\r\n    },\r\n    {\r\n      from: 70000,\r\n      to: 99999,\r\n      maxMonths: 120,\r\n    },\r\n    {\r\n      from: 100000,\r\n      to: 349999,\r\n      maxMonths: 144,\r\n    },\r\n    {\r\n      from: 350000,\r\n      to: 500000,\r\n      maxMonths: 180,\r\n    },\r\n  ],\r\n  DK: [\r\n    {\r\n      from: 10000,\r\n      to: 29999,\r\n      maxMonths: 48,\r\n      InvoiceFee: 0,\r\n    },\r\n    {\r\n      from: 30000,\r\n      to: 49999,\r\n      maxMonths: 72,\r\n    },\r\n    {\r\n      from: 50000,\r\n      to: 69999,\r\n      maxMonths: 108,\r\n    },\r\n    {\r\n      from: 70000,\r\n      to: 99999,\r\n      maxMonths: 120,\r\n    },\r\n    {\r\n      from: 100000,\r\n      to: 349999,\r\n      maxMonths: 144,\r\n    },\r\n    {\r\n      from: 350000,\r\n      to: 500000,\r\n      maxMonths: 180,\r\n    },\r\n  ],\r\n  FREE: [\r\n    {\r\n      from: 1,\r\n      to: 99999999,\r\n      maxMonths: 360,\r\n    },\r\n  ],\r\n};\r\n","import { useEffect, useState } from \"react\";\r\nimport { PMT, IRR, IPMT } from \"../helpers/calculation.helpers\";\r\nimport { loanCalculationRuleSet } from \"./LoanCalculator.config\";\r\n\r\nexport const useLoanCalculatorController = ({\r\n  initialLoanAmount,\r\n  initialLoanYears,\r\n  initialInterestRate,\r\n  initialPaymentFee,\r\n  initialEstablishmentFee,\r\n  initialNumberOfYearlyPayments,\r\n  initialLoanType,\r\n  minInterestRate,\r\n  maxInterestRate,\r\n  version,\r\n}) => {\r\n  const calculationRules = loanCalculationRuleSet[version]; //Lang Specific\r\n  const [loanType, setLoanType] = useState(initialLoanType);\r\n  const [amount, setAmount] = useState(initialLoanAmount);\r\n  const [months, setMonths] = useState(initialLoanYears);\r\n  const [interestRate, setInterestRate] = useState(initialInterestRate);\r\n  const [paymentFee, setPaymentFee] = useState(calculationRules[0].InvoiceFee);\r\n\r\n\r\n  const [establishmentFee, setEstablishmentFee] = useState(\r\n    initialEstablishmentFee\r\n  );\r\n   \r\n  const [numberOfYearlyPayments, setNumberOfYearlyPayments] = useState(\r\n    initialNumberOfYearlyPayments\r\n  );\r\n  const [minLoanAmount, setMinLoanAmount] = useState(0);\r\n  const [maxLoanAmount, setMaxLoanAmount] = useState(0);\r\n  const [maxLoanMonths, setMaxLoanMonths] = useState(0);\r\n  const minLoanYears = 1;\r\n\r\n  useEffect(() => {\r\n    setMinLoanAmount(calculationRules[0].from);\r\n    setMaxLoanAmount(calculationRules[calculationRules.length - 1].to);\r\n  }, [calculationRules]);\r\n\r\n\r\n  useEffect(() => {\r\n    const rule = calculationRules.filter(\r\n      (rule) => amount >= rule.from && amount <= rule.to\r\n    )[0];\r\n\r\n    if (rule) {\r\n      setMaxLoanMonths(rule.maxMonths);\r\n      \r\n      if (months > rule.maxMonths) {\r\n        setMonths(rule.maxMonths);\r\n      }\r\n    }\r\n\r\n    if (maxLoanAmount !== 0 && minLoanAmount !== 0) {\r\n      if (amount > maxLoanAmount) {\r\n        setAmount(maxLoanAmount);\r\n      } else if (amount < minLoanAmount) {\r\n        setAmount(minLoanAmount);\r\n      }\r\n    }\r\n  }, [amount, calculationRules]);\r\n\r\n  useEffect(() => {\r\n    if (maxLoanMonths !== 0) {\r\n      if (months > maxLoanMonths) {\r\n        setMonths(maxLoanMonths);\r\n        console.log(\"months > maxLoanMonths TRUE\" + maxLoanMonths);\r\n      } else if (months < minLoanYears) {\r\n        console.log(\"months < minLoanYears TRUE\" + maxLoanMonths);\r\n        setMonths(minLoanYears);\r\n      }\r\n    }\r\n    console.log(months);\r\n  }, [months]);\r\n\r\n  useEffect(() => {\r\n    if (interestRate > maxInterestRate) {\r\n      setInterestRate(maxInterestRate);\r\n    } else if (interestRate < minInterestRate) {\r\n      setInterestRate(minInterestRate);\r\n    }\r\n  }, [interestRate]);\r\n\r\n  return {\r\n    loanType,\r\n    setLoanType,\r\n    amount,\r\n    setAmount,\r\n    years: months,\r\n    setYears: setMonths,\r\n    interestRate,\r\n    setInterestRate,\r\n    paymentFee,\r\n    setPaymentFee,\r\n    establishmentFee,\r\n    setEstablishmentFee,\r\n    numberOfYearlyPayments,\r\n    setNumberOfYearlyPayments,\r\n    minLoanAmount,\r\n    maxLoanAmount,\r\n    minLoanYears,\r\n    maxLoanYears: maxLoanMonths,\r\n  };\r\n};\r\n\r\nexport const LoanTypes = {\r\n  Annuity: \"Annuity\",\r\n  Serial: \"Serial\",\r\n};\r\n\r\nexport const useCalculatedLoan = ({\r\n  loanType,\r\n  amount,\r\n  months,\r\n  interestRate,\r\n  establishmentFee,\r\n  paymentFee,\r\n  numberOfYearlyPayments,\r\n}) => {\r\n  \r\n  const yearlyInterestRateDecimal = interestRate / 100;\r\n  console.log(\r\n    \"years:\" +\r\n      months +\r\n      \"ypayments:\" +\r\n      numberOfYearlyPayments +\r\n      \"est fee: \" +\r\n      establishmentFee\r\n  );\r\n  const numberOfRepayments = months //months;\r\n  const nominalInterestRate =\r\n    yearlyInterestRateDecimal / numberOfYearlyPayments;\r\n\r\n  const downPayment =\r\n    PMT(nominalInterestRate, numberOfRepayments, amount + establishmentFee) -\r\n    paymentFee;\r\n\r\n  let prevClosingBalance = 0;\r\n  const payments = Array.apply(0, Array(numberOfRepayments + 1)).map(\r\n    (_, index) => {\r\n      if (index === 0) {\r\n        prevClosingBalance = amount + establishmentFee;\r\n        return { calcPayment: amount };\r\n      } else {\r\n        const fees = paymentFee;\r\n        const isLast = index === numberOfRepayments;\r\n\r\n        if (loanType === LoanTypes.Annuity) {\r\n          const _interestCost = IPMT(\r\n            nominalInterestRate,\r\n            index,\r\n            numberOfRepayments,\r\n            amount + establishmentFee\r\n          );\r\n\r\n          const amortization = isLast\r\n            ? prevClosingBalance\r\n            : Math.round(\r\n                Math.abs(downPayment) - Math.abs(_interestCost) - fees\r\n              );\r\n\r\n          // Om sista betalningen\r\n\r\n          const payment = !isLast\r\n            ? Math.round(Math.abs(downPayment))\r\n            : Math.round(\r\n                prevClosingBalance + paymentFee + Math.abs(_interestCost)\r\n              );\r\n\r\n          const remaining = isLast ? 0 : prevClosingBalance - amortization;\r\n          prevClosingBalance = remaining;\r\n\r\n          return {\r\n            calcPayment: downPayment,\r\n            payment,\r\n            interestCost: Math.round(Math.abs(_interestCost)),\r\n            fees,\r\n            amortization,\r\n            remaining,\r\n          };\r\n        } else {\r\n          const _interestCost = prevClosingBalance * nominalInterestRate;\r\n          const amortization = Math.round(\r\n            (amount + establishmentFee) / numberOfRepayments\r\n          );\r\n          const remaining = isLast ? 0 : prevClosingBalance - amortization;\r\n          const _payment = amortization + _interestCost + fees;\r\n          prevClosingBalance = remaining;\r\n\r\n          return {\r\n            calcPayment: -_payment,\r\n            interestCost: Math.round(_interestCost),\r\n            payment: Math.round(_payment),\r\n            fees,\r\n            amortization: amortization,\r\n            remaining,\r\n          };\r\n        }\r\n      }\r\n    }\r\n  );\r\n\r\n  const monthlyDiscountRate = IRR(\r\n    payments.map(({ calcPayment }) => calcPayment)\r\n  );\r\n  const APR = Math.pow(1 + monthlyDiscountRate, numberOfYearlyPayments) - 1;\r\n  console.log('effectiv ränta:' +APR);\r\n  const totalPayment =\r\n    loanType === LoanTypes.Annuity\r\n      ? downPayment * numberOfRepayments\r\n      : payments.reduce(\r\n          (acc, curr, index) =>\r\n            index > 0 ? acc + Math.abs(curr.calcPayment) : 0,\r\n          0\r\n        ) + establishmentFee;\r\n\r\n  return {\r\n    totalAmount: Math.round(Math.abs(totalPayment)),\r\n    monthlyPayment: Math.round(Math.abs(downPayment)),\r\n    calculatedMonthlyFee: -Math.round(totalPayment/numberOfRepayments),\r\n    totalCost: Math.round(Math.abs(totalPayment)) - amount,\r\n    payments,\r\n    \r\n  };\r\n};\r\n","import React from \"react\";\r\nimport { formatCurrency } from \"../helpers/number.helpers\";\r\nimport { Box, Table, Tbody, Tr, Td, Th, Thead } from \"@chakra-ui/react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst CalculationTh = ({ children }) => (\r\n  <Th fontSize={{ base: \"xs\", lg: \"md\" }}>{children}</Th>\r\n);\r\nCalculationTh.propTypes = {\r\n  children: PropTypes.node,\r\n};\r\n\r\nexport const LoanCalculationTable = ({\r\n  payments,\r\n  installmentLabel,\r\n  installmentPaymentLabel,\r\n  interestCostLabel,\r\n  feesLabel,\r\n  amortizationLabel,\r\n  remainingLabel,\r\n  numberOfYearlyPayments,\r\n  monthLabel,\r\n  yearLabel,\r\n  quarterLabel,\r\n  language\r\n}) => { \r\n  const spaceRemoverDk = language === \"dk\" ? \"\" : \" \";\r\n  const thousandDelimiterDk = language === \"dk\" ? \".\" : \" \";\r\n  const langSpecificKRsuffix = language === \"dk\" ? \".\" : \"\";\r\n  const getInstallmentLabel = (_numberOfYearlyPayments) => {\r\n    if (_numberOfYearlyPayments === 12) {\r\n      return monthLabel;\r\n    } else if (_numberOfYearlyPayments === 4) {\r\n      return quarterLabel;\r\n    } else if (_numberOfYearlyPayments === 1) {\r\n      return yearLabel;\r\n    }\r\n  }\r\n  const _installmentLabel = getInstallmentLabel(numberOfYearlyPayments);\r\n\r\n  return (\r\n    <Box\r\n      overflowX={{ base: \"scroll\", lg: \"visible\" }}\r\n      css={{ \"-webkit-overflow-scrolling\": \"touch\" }}\r\n    >\r\n      <Table variant=\"striped\" fontSize={{ base: \"xs\", lg: \"md\" }}>\r\n        <Thead>\r\n          <Tr>\r\n            <CalculationTh>{_installmentLabel}</CalculationTh>\r\n            <CalculationTh>{installmentPaymentLabel}</CalculationTh>\r\n            <CalculationTh>{interestCostLabel}</CalculationTh>\r\n            <CalculationTh>{feesLabel}</CalculationTh>\r\n            <CalculationTh>{amortizationLabel}</CalculationTh>\r\n            <CalculationTh>{remainingLabel}</CalculationTh>\r\n          </Tr>\r\n        </Thead>\r\n        <Tbody>\r\n          {payments.map((downPayment, index) =>\r\n            index > 0 ? (\r\n              <Tr>\r\n                <Td>{index}</Td>\r\n                <Td>\r\n                  {formatCurrency(downPayment.payment, spaceRemoverDk)} kr\r\n                  {langSpecificKRsuffix}\r\n                </Td>\r\n                <Td>\r\n                  {formatCurrency(downPayment.interestCost, spaceRemoverDk)} kr\r\n                  {langSpecificKRsuffix}\r\n                </Td>\r\n                <Td>\r\n                  {formatCurrency(downPayment.fees, spaceRemoverDk)} kr\r\n                  {langSpecificKRsuffix}\r\n                </Td>\r\n                <Td>\r\n                  {formatCurrency(downPayment.amortization, spaceRemoverDk)} kr\r\n                  {langSpecificKRsuffix}\r\n                </Td>\r\n                <Td>\r\n                  {formatCurrency(downPayment.remaining, thousandDelimiterDk)} kr\r\n                  {langSpecificKRsuffix}\r\n                </Td>\r\n              </Tr>\r\n            ) : null\r\n          )}\r\n        </Tbody>\r\n      </Table>\r\n    </Box>\r\n  );};\r\n\r\nLoanCalculationTable.propTypes = {\r\n  payments: PropTypes.arrayOf({\r\n    calcPayment: PropTypes.number,\r\n    payment: PropTypes.number,\r\n    interestCost: PropTypes.number,\r\n    fees: PropTypes.number,\r\n    amortization: PropTypes.number,\r\n    remaining: PropTypes.number,\r\n  }),\r\n  installmentLabel: PropTypes.string,\r\n  installmentPaymentLabel: PropTypes.string,\r\n  interestCostLabel: PropTypes.string,\r\n  feesLabel: PropTypes.string,\r\n  amortizationLabel: PropTypes.string,\r\n  remainingLabel: PropTypes.string,\r\n  numberSeparator: PropTypes.string,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { BaseLink } from '../Link';\r\nimport { Button as ChakraButton } from '@chakra-ui/react';\r\nconst base = {\r\n  display: 'inline-flex',\r\n  width: '100%',\r\n  minHeight: '14',\r\n  justifyContent: 'center',\r\n  alignItems: 'center',\r\n  fontWeight: 'normal',\r\n  fontSize: 'lg',\r\n  textAlign: 'center',\r\n  paddingY: '3',\r\n  paddingX: '2',\r\n  lineHeight: '1.2',\r\n  borderRadius: 0,\r\n  _hover: {\r\n    textDecoration: 'none',\r\n  },\r\n};\r\n\r\nconst primary = {\r\n  ...base,\r\n  bg: 'orange.500',\r\n  transition: 'background-color .2s',\r\n  _hover: {\r\n    bg: 'orange.400',\r\n  },\r\n};\r\n\r\nexport const secondary = {\r\n  ...base,\r\n  bg: 'transparent',\r\n  boxShadow: '0 0 0 1px black inset',\r\n\r\n  _hover: {\r\n    boxShadow: '0 0 0 2px black inset',\r\n  },\r\n};\r\n\r\nconst secondaryInverted = {\r\n  ...secondary,\r\n  borderColor: 'white',\r\n  boxShadow: '0 0 0 1px white inset',\r\n  _hover: {\r\n    boxShadow: '0 0 0 2px white inset',\r\n  },\r\n  color: 'white',\r\n};\r\n\r\nexport const alternative = {\r\n  ...base,\r\n  bg: 'black',\r\n  color: 'white',\r\n  _hover: {\r\n    bg: '#333333',\r\n  },\r\n};\r\n\r\nconst alternativeInverted = {\r\n  ...base,\r\n  bg: 'white',\r\n  color: 'black',\r\n  _hover: {\r\n    bg: 'gray.500',\r\n  },\r\n};\r\n\r\nexport const ButtonVariants = {\r\n  primary: 'primary',\r\n  secondary: 'secondary',\r\n  secondaryInverted: 'secondary-inverted',\r\n  alternative: 'alternative',\r\n  alternativeInverted: 'alternative-inverted',\r\n};\r\n\r\nconst getVariantStyles = (variant) => {\r\n  switch (variant) {\r\n    case ButtonVariants.secondary:\r\n      return secondary;\r\n    case ButtonVariants.secondaryInverted:\r\n      return secondaryInverted;\r\n    case ButtonVariants.alternative:\r\n      return alternative;\r\n    case ButtonVariants.alternativeInverted:\r\n      return alternativeInverted;\r\n    case ButtonVariants.primary:\r\n      return primary;\r\n    default:\r\n      return primary;\r\n  }\r\n};\r\n\r\nexport const Button = ({\r\n  title,\r\n  isButton,\r\n  variant = ButtonVariants.primary,\r\n  ...props\r\n}) => {\r\n  const Component = isButton ? ChakraButton : BaseLink;\r\n  const styles = getVariantStyles(variant);\r\n\r\n  return (\r\n    <Component\r\n      _hover={{ textDecoration: 'none' }}\r\n      textDecoration=\"none\"\r\n      {...styles}\r\n      {...props}\r\n    >\r\n      {title}\r\n    </Component>\r\n  );\r\n};\r\n\r\nButton.propTypes = {\r\n  title: PropTypes.string,\r\n  variant: PropTypes.oneOf(Object.values(ButtonVariants)),\r\n  isButton: PropTypes.bool,\r\n};\r\n","import { Link } from \"@chakra-ui/react\";\r\nimport { motion } from \"framer-motion\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst MotionLink = motion(Link);\r\n\r\nexport const BaseLink = ({ withMotion, innerRef, ...props }) => {\r\n  // TODO: Temporary to make links testable locally\r\n  if (process.env.NODE_ENV !== \"production\") {\r\n    const href =\r\n      props.href.replace(\"http://remember-next.azurewebsites.net\", \"\") ||\r\n      props.href ||\r\n      \"\";\r\n    props = {\r\n      ...props,\r\n      href,\r\n    };\r\n  }\r\n\r\n  const withRef = innerRef ? { ref: innerRef } : {};\r\n\r\n  return (\r\n    <Link {...withRef} {...props}>\r\n      {props.children}\r\n    </Link>\r\n  );\r\n};\r\n\r\nBaseLink.propTypes = {\r\n  href: PropTypes.string,\r\n  children: PropTypes.node,\r\n  innerRef: PropTypes.any,\r\n  /** Set to true if Framer Motion is needed for animating */\r\n  withMotion: PropTypes.bool,\r\n};\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconArrow = (props) => (\r\n  <Icon fill=\"none\" {...props}>\r\n    <path\r\n      d=\"M8.24585 1L22.3414 14.859L8 29\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconCheck = (props) => (\r\n  <Icon fill=\"none\" {...props}>\r\n    <path\r\n      d=\"M1 18.6774L10.6422 27L29 3\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconClose = (props) => (\r\n  <Icon fill=\"currentColor\" {...props}>\r\n    <g clipPath=\"url(#clip0)\">\r\n      <rect width=\"30\" height=\"30\" fill=\"white\" />\r\n      <path\r\n        d=\"M5.10049 4.89954L24.8995 24.6985\"\r\n        stroke=\"black\"\r\n        strokeWidth=\"2\"\r\n        strokeMiterlimit=\"10\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n      <path\r\n        d=\"M24.8995 4.89954L5.10049 24.6985\"\r\n        stroke=\"black\"\r\n        strokeWidth=\"2\"\r\n        strokeMiterlimit=\"10\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0\">\r\n        <rect width=\"30\" height=\"30\" fill=\"white\" />\r\n      </clipPath>\r\n    </defs>\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconDownload = (props) => (\r\n  <Icon fill=\"none\" {...props}>\r\n    <path\r\n      d=\"M14.9799 1V19.7432\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M23.9639 17.1421L15.0603 25.5956L6.03589 17.1421\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M29 24.1803V28.235C29 28.6557 28.6374 29 28.1942 29H1.80576C1.36259 29 1 28.6557 1 28.235V24.1803\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconFacebook = (props) => (\r\n  <Icon fill=\"none\" {...props}>\r\n    <circle cx=\"15\" cy=\"15\" r=\"14.5\" stroke=\"currentColor\" />\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M17.0882 9.09168H19.0531C19.1834 9.09168 19.3084 9.03992 19.4005 8.9478C19.4926 8.85567 19.5444 8.73072 19.5444 8.60044V6.70694C19.5444 6.57665 19.4926 6.4517 19.4005 6.35958C19.3084 6.26745 19.1834 6.2157 19.0531 6.2157H17.0882C16.5308 6.17903 15.9718 6.25715 15.4459 6.44524C14.9199 6.63332 14.4381 6.92735 14.0304 7.30914C13.6227 7.69092 13.2976 8.15234 13.0754 8.66482C12.8532 9.17729 12.7385 9.72993 12.7385 10.2885V12.7447H10.8361C10.7073 12.7447 10.5837 12.7952 10.4918 12.8854C10.3999 12.9756 10.3472 13.0983 10.3448 13.227V15.7189C10.3472 15.8477 10.3999 15.9703 10.4918 16.0605C10.5837 16.1507 10.7073 16.2013 10.8361 16.2012H12.7385V23.3465C12.7408 23.4658 12.7898 23.5794 12.875 23.6629C12.9602 23.7464 13.0747 23.7931 13.194 23.7931H15.6234C15.7427 23.7931 15.8572 23.7464 15.9424 23.6629C16.0275 23.5794 16.0766 23.4658 16.0789 23.3465V16.2012H18.6601C18.785 16.1897 18.9021 16.1354 18.9916 16.0475C19.0811 15.9596 19.1375 15.8436 19.1514 15.7189C19.1514 15.4867 19.3479 13.7182 19.4015 13.227C19.464 12.8787 19.1871 12.7447 18.9192 12.7447H16.0789V10.2885C16.1682 9.09168 17.0882 9.09168 17.0882 9.09168Z\"\r\n      fill=\"currentColor\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconHamburger = (props) => (\r\n  <Icon {...props}>\r\n    <path\r\n      d=\"M1 1H29\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M1 14.8208H29\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M1 29H29\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconHome = (props) => (\r\n  <Icon fill=\"none\" {...props}>\r\n    <path\r\n      d=\"M1 16.3356L14.8756 1L29 16.587\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M5.47998 17.2783V27.8058C5.47998 28.4658 6.00887 29 6.6622 29H23.3066C23.96 29 24.4889 28.4658 24.4889 27.8058V17.0584\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconInfo = (props) => (\r\n  <Icon fill=\"none\" {...props}>\r\n    <path\r\n      d=\"M15 29C22.732 29 29 22.732 29 15C29 7.26801 22.732 1 15 1C7.26801 1 1 7.26801 1 15C1 22.732 7.26801 29 15 29Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M16.161 6.7366V8.06831C16.161 8.30734 15.9561 8.51221 15.7171 8.51221H14.7269C14.4878 8.51221 14.283 8.30734 14.283 8.06831V6.7366C14.283 6.49758 14.4878 6.2927 14.7269 6.2927H15.7171C15.9561 6.2927 16.161 6.49758 16.161 6.7366ZM16.161 12.3707V22.7854C16.161 23.0244 15.9561 23.2293 15.7171 23.2293H14.7269C14.4878 23.2293 14.283 23.0244 14.283 22.7854V12.3707C14.283 12.1317 14.4878 11.9268 14.7269 11.9268H15.7171C15.9561 11.9268 16.161 12.1317 16.161 12.3707Z\"\r\n      fill=\"currentColor\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconInstagram = (props) => (\r\n  <Icon {...props} fill=\"none\">\r\n    <circle cx=\"15\" cy=\"15\" r=\"14.5\" stroke=\"currentColor\" />\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M18.7685 6.20689H11.2315C9.89891 6.20689 8.62088 6.73627 7.67857 7.67857C6.73627 8.62088 6.20689 9.89891 6.20689 11.2315V18.7685C6.20689 20.1011 6.73627 21.3791 7.67857 22.3214C8.62088 23.2637 9.89891 23.7931 11.2315 23.7931H18.7685C20.1011 23.7931 21.3791 23.2637 22.3214 22.3214C23.2637 21.3791 23.7931 20.1011 23.7931 18.7685V11.2315C23.7931 9.89891 23.2637 8.62088 22.3214 7.67857C21.3791 6.73627 20.1011 6.20689 18.7685 6.20689ZM22.1182 18.7685C22.1182 19.6569 21.7653 20.5089 21.1371 21.1371C20.5089 21.7653 19.6569 22.1182 18.7685 22.1182H11.2315C10.3431 22.1182 9.49109 21.7653 8.86289 21.1371C8.23469 20.5089 7.88177 19.6569 7.88177 18.7685V11.2315C7.88177 10.3431 8.23469 9.49109 8.86289 8.86289C9.49109 8.23469 10.3431 7.88177 11.2315 7.88177H18.7685C19.6569 7.88177 20.5089 8.23469 21.1371 8.86289C21.7653 9.49109 22.1182 10.3431 22.1182 11.2315V18.7685ZM15.0007 10.5447C14.1195 10.5447 13.2581 10.806 12.5255 11.2955C11.7929 11.7851 11.2218 12.4809 10.8846 13.2949C10.5474 14.109 10.4592 15.0048 10.6311 15.869C10.803 16.7332 11.2273 17.5271 11.8504 18.1501C12.4734 18.7732 13.2673 19.1975 14.1315 19.3694C14.9957 19.5413 15.8915 19.4531 16.7056 19.1159C17.5197 18.7787 18.2155 18.2077 18.705 17.475C19.1945 16.7424 19.4558 15.881 19.4558 14.9999C19.4536 13.8189 18.9835 12.687 18.1485 11.852C17.3135 11.017 16.1816 10.5469 15.0007 10.5447ZM15.0007 17.7801C14.4508 17.7801 13.9132 17.6171 13.456 17.3116C12.9988 17.0061 12.6424 16.5719 12.432 16.0638C12.2216 15.5558 12.1665 14.9968 12.2738 14.4574C12.3811 13.9181 12.6459 13.4227 13.0347 13.0339C13.4235 12.6451 13.9189 12.3803 14.4583 12.273C14.9976 12.1657 15.5566 12.2208 16.0646 12.4312C16.5727 12.6416 17.0069 12.998 17.3124 13.4552C17.6179 13.9124 17.781 14.45 17.781 14.9999C17.781 15.365 17.709 15.7265 17.5693 16.0638C17.4296 16.4011 17.2248 16.7076 16.9666 16.9658C16.7085 17.224 16.402 17.4288 16.0646 17.5685C15.7273 17.7082 15.3658 17.7801 15.0007 17.7801ZM20.6862 10.4027C20.6862 11.004 20.1988 11.4914 19.5975 11.4914C18.9963 11.4914 18.5089 11.004 18.5089 10.4027C18.5089 9.80147 18.9963 9.31405 19.5975 9.31405C20.1988 9.31405 20.6862 9.80147 20.6862 10.4027Z\"\r\n      fill=\"currentColor\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconLinkedIn = (props) => (\r\n  <Icon {...props} fill=\"none\">\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M15 29C22.732 29 29 22.732 29 15C29 7.26801 22.732 1 15 1C7.26801 1 1 7.26801 1 15C1 22.732 7.26801 29 15 29ZM15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30Z\"\r\n      fill=\"currentColor\"\r\n    />\r\n\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M10.2843 6.53186C9.95202 6.32596 9.57026 6.21368 9.17941 6.20689C9.0108 6.21465 8.84268 6.23092 8.67571 6.25564C8.2726 6.32174 7.90658 6.53028 7.64419 6.84336C7.3818 7.15644 7.24045 7.55328 7.24584 7.96173C7.22046 8.30428 7.30428 8.64607 7.48528 8.938C7.66628 9.22993 7.93514 9.457 8.25325 9.58658C8.68526 9.78565 9.17149 9.83427 9.63437 9.7247C9.8604 9.69194 10.0777 9.61476 10.2738 9.49761C10.4698 9.38047 10.6407 9.22567 10.7767 9.04214C10.9126 8.85862 11.0109 8.65 11.0658 8.42832C11.1208 8.20663 11.1313 7.97627 11.0967 7.7505C11.0626 7.49908 10.9717 7.25872 10.8309 7.04759C10.6902 6.83647 10.5032 6.66012 10.2843 6.53186ZM23.2099 21.6915H19.6596V15.8664C19.668 15.4537 19.6104 15.0423 19.489 14.6478C19.3969 14.3138 19.186 14.0249 18.8959 13.8354C18.6316 13.6777 18.3256 13.604 18.0185 13.6241C17.7031 13.6262 17.3943 13.7153 17.1263 13.8816C16.8582 14.0479 16.6413 14.2849 16.4992 14.5666C16.3214 14.8838 16.2316 15.2428 16.2393 15.6065V21.6753H12.6483V11.1137H16.223V12.5599L16.2718 12.4867C16.509 12.1184 16.8055 11.7917 17.1492 11.52C17.5673 11.2047 18.0599 11.0032 18.5791 10.935C19.1886 10.8412 19.8109 10.8744 20.407 11.0325C20.9199 11.1624 21.3952 11.4109 21.7945 11.758C22.1939 12.1052 22.5061 12.5412 22.7062 13.0311C22.9483 13.5426 23.0995 14.0925 23.153 14.6559C23.153 14.8225 23.1672 14.989 23.1814 15.1556C23.1957 15.3221 23.2099 15.4887 23.2099 15.6552V21.6753V21.6915ZM11.0232 11.1626V21.7241H7.48099V11.1626H11.0232Z\"\r\n      fill=\"currentColor\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconLogin = (props) => (\r\n  <Icon fill=\"none\" {...props}>\r\n    <path\r\n      d=\"M14.9807 19.0793C20.0145 19.0793 24.0952 15.0321 24.0952 10.0397C24.0952 5.0472 20.0145 1 14.9807 1C9.94695 1 5.86625 5.0472 5.86625 10.0397C5.86625 15.0321 9.94695 19.0793 14.9807 19.0793Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M9.61242 17.394C4.90069 19.3475 1.46345 23.7524 1 29\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M29 29C28.5365 23.7524 25.0993 19.3092 20.3876 17.394\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconQuestion = (props) => (\r\n  <Icon viewBox=\"0 0 31 30\" fill=\"none\" {...props}>\r\n    <path\r\n      d=\"M15.683 19.5415H14.6245C14.4196 19.5415 14.283 19.4049 14.283 19.2V14.6585C14.283 14.4878 14.4196 14.3171 14.6245 14.3171C15.0001 14.3171 15.3757 14.2829 15.7171 14.2488C16.1952 14.2146 16.6732 14.078 17.1171 13.8732C17.6976 13.5317 18.3805 12.7805 18.3805 11.6536C18.3805 9.74145 16.6732 8.78536 15.1025 8.78536C13.9757 8.78536 12.8147 9.19511 12.3025 10.6976C12.1318 11.1756 12.0976 11.6536 12.0976 12.1317C12.0976 12.3366 11.961 12.4732 11.7562 12.4732H10.5269C10.322 12.4732 10.1854 12.3024 10.1854 12.1317C10.2537 8.17072 13.361 7.14633 15.1366 7.14633C17.561 7.14633 20.2245 8.78536 20.2245 11.9268C20.2245 13.9415 19.0635 15.1707 18.0732 15.6829C17.6293 15.9219 17.0488 16.0927 16.3318 16.161C16.161 16.1951 16.0244 16.3317 16.0244 16.5024V19.2C16.0244 19.3707 15.8879 19.5415 15.683 19.5415ZM16.1269 21.0439V22.5122C16.1269 22.7171 15.9903 22.8536 15.7854 22.8536H14.522C14.3171 22.8536 14.1805 22.7171 14.1805 22.5122V21.0439C14.1805 20.839 14.3171 20.7024 14.522 20.7024H15.7854C15.9562 20.7024 16.1269 20.8732 16.1269 21.0439Z\"\r\n      fill=\"currentColor\"\r\n    />\r\n    <path\r\n      d=\"M15 29C22.732 29 29 22.732 29 15C29 7.26801 22.732 1 15 1C7.26801 1 1 7.26801 1 15C1 22.732 7.26801 29 15 29Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconSearch = (props) => (\r\n  <Icon viewBox=\"0 0 28 28\" {...props} fill=\"none\">\r\n    <path\r\n      d=\"M11.4438 21.8877C17.2118 21.8877 21.8876 17.2118 21.8876 11.4438C21.8876 5.67587 17.2118 1 11.4438 1C5.67585 1 1 5.67587 1 11.4438C1 17.2118 5.67585 21.8877 11.4438 21.8877Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n    />\r\n    <path\r\n      d=\"M20.7646 20.7647L28.9999 29\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconPlus = (props) => (\r\n  <Icon {...props} fill=\"none\">\r\n    <path\r\n      d=\"M1 15H29\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M14.9999 1V29\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconMinus = (props) => (\r\n  <Icon {...props} fill=\"none\">\r\n    <path\r\n      d=\"M1 15H29\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconTwitter = (props) => (\r\n  <Icon viewBox=\"0 0 29 29\" {...props} fill=\"none\">\r\n    <circle cx=\"15\" cy=\"15\" r=\"14.5\" stroke=\"currentColor\" />\r\n    <path\r\n      d=\"M5.17242 21.4498C6.27087 21.5095 7.37215 21.4084 8.44138 21.1498C9.41198 20.8281 10.3264 20.3569 11.1517 19.7532C10.3074 19.7371 9.48927 19.4571 8.81211 18.9524C8.13496 18.4478 7.63273 17.7439 7.37586 16.9394C7.97303 16.993 8.57464 16.9687 9.16552 16.867C8.24872 16.6715 7.42767 16.1651 6.84138 15.4336C6.25509 14.7022 5.93958 13.7906 5.94828 12.8532C6.51635 13.1686 7.15071 13.3458 7.8 13.3705C6.95154 12.7996 6.34937 11.93 6.11354 10.9349C5.87772 9.93982 6.02556 8.89242 6.52759 8.0015C7.5893 9.28353 8.89801 10.3389 10.3759 11.1049C11.797 11.7517 13.3196 12.1472 14.8759 12.2739V12.1394C14.7572 11.5766 14.7572 10.9953 14.8759 10.4325C15.0338 9.71516 15.3832 9.054 15.8869 8.5193C16.3906 7.9846 17.0297 7.59635 17.7363 7.39582C18.443 7.19528 19.1908 7.18994 19.9002 7.38038C20.6097 7.57081 21.2543 7.9499 21.7655 8.47736C21.7777 8.48582 21.7921 8.49035 21.8069 8.49035C21.8217 8.49035 21.8361 8.48582 21.8483 8.47736C22.6706 8.30848 23.4624 8.01547 24.1966 7.6084L24.3828 7.50495C24.2295 7.97019 23.9948 8.40452 23.6897 8.78771C23.3975 9.15777 23.0483 9.47902 22.6552 9.73943C23.4481 9.64614 24.2224 9.43339 24.9517 9.1084V9.17047C24.4274 9.94302 23.7729 10.6186 23.0172 11.167C23.0172 11.167 22.9655 11.167 23.0172 11.2498C23.0647 13.1697 22.6518 15.0731 21.8132 16.8008C20.9745 18.5286 19.7344 20.0304 18.1966 21.1808C16.0341 22.7161 13.4033 23.4479 10.7586 23.2498C8.7712 23.1486 6.84506 22.5279 5.17242 21.4498V21.4498Z\"\r\n      fill=\"currentColor\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconUpload = (props) => (\r\n  <Icon viewBox=\"0 0 30 31\" fill=\"none\" {...props}>\r\n    <path\r\n      d=\"M15.0201 25.5956V6.85245\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M6.03596 9.45354L14.9396 0.999994L23.964 9.45354\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M29 24.1804V28.235C29 28.6558 28.6374 29 28.1942 29H1.80576C1.36259 29 1 28.6558 1 28.235V24.1804\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconWifi = (props) => (\r\n  <Icon viewBox=\"0 0 24 30\" fill=\"none\" {...props}>\r\n    <path\r\n      d=\"M4 10.4485C5.05788 11.716 5.6682 13.3676 5.6682 15.0576C5.6682 16.7092 5.09857 18.2839 4.08138 19.5898\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M9.73694 7.2991C11.2831 9.56522 12.0968 12.2538 12.0968 15.0577C12.0968 17.7847 11.2831 20.4349 9.77763 22.701\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M15.474 4.14943C17.5084 7.41418 18.6069 11.1782 18.6069 15.0575C18.6069 18.8984 17.5491 22.624 15.5147 25.8504\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M21.1702 1C23.7335 5.22497 25.0762 10.0645 25.0762 15.0576C25.0762 20.0123 23.7335 24.8134 21.2109 29\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2\"\r\n      strokeMiterlimit=\"10\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconYoutube = (props) => (\r\n  <Icon viewBox=\"0 0 29 29\" fill=\"none\" {...props}>\r\n    <circle cx=\"15\" cy=\"15\" r=\"14.5\" stroke=\"currentColor\" />\r\n    <path\r\n      d=\"M20.7328 7.24138H9.26724C7.00573 7.24138 5.17241 9.26801 5.17241 11.768V18.232C5.17241 20.732 7.00573 22.7586 9.26724 22.7586H20.7328C22.9943 22.7586 24.8276 20.732 24.8276 18.232V11.768C24.8276 9.26801 22.9943 7.24138 20.7328 7.24138Z\"\r\n      fill=\"currentColor\"\r\n    />\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M12.2178 20.0484V10.7381L20.4937 15.3932L12.2178 20.0484Z\"\r\n      fill=\"#E0DED8\"\r\n    />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport { Icon } from '@chakra-ui/react';\r\n\r\nexport const IconFallback = (props) => (\r\n  <Icon {...props} fill=\"none\">\r\n    <circle cx=\"14\" cy=\"14\" r=\"11\" stroke=\"currentColor\" strokeWidth=\"2\" />\r\n    <path d=\"M14 4V24.5\" stroke=\"currentColor\" strokeWidth=\"2\" />\r\n  </Icon>\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { IconArrow } from './IconArrow';\r\nimport { IconCheck } from './IconCheck';\r\nimport { IconClose } from './IconClose';\r\nimport { IconDownload } from './IconDownload';\r\nimport { IconFacebook } from './IconFacebook';\r\nimport { IconHamburger } from './IconHamburger';\r\nimport { IconHome } from './IconHome';\r\nimport { IconInfo } from './IconInfo';\r\nimport { IconInstagram } from './IconInstagram';\r\nimport { IconLinkedIn } from './IconLinkedIn';\r\nimport { IconLogin } from './IconLogin';\r\nimport { IconQuestion } from './IconQuestion';\r\nimport { IconSearch } from './IconSearch';\r\nimport { IconPlus } from './IconPlus';\r\nimport { IconMinus } from './IconMinus';\r\nimport { IconTwitter } from './IconTwitter';\r\nimport { IconUpload } from './IconUpload';\r\nimport { IconWifi } from './IconWifi';\r\nimport { IconYoutube } from './IconYoutube';\r\nimport { IconFallback } from './IconFallback';\r\n\r\n//TODO: Add smaller IconCheck\r\nconst getIcon = (icon) => {\r\n  switch (icon) {\r\n    case 'arrow':\r\n      return IconArrow;\r\n    case 'hamburger':\r\n      return IconHamburger;\r\n    case 'download':\r\n      return IconDownload;\r\n    case 'upload':\r\n      return IconUpload;\r\n    case 'login':\r\n      return IconLogin;\r\n    case 'info':\r\n      return IconInfo;\r\n    case 'question':\r\n      return IconQuestion;\r\n    case 'close':\r\n      return IconClose;\r\n    case 'home':\r\n      return IconHome;\r\n    case 'check':\r\n      return IconCheck;\r\n    case 'wifi':\r\n      return IconWifi;\r\n    case 'facebook':\r\n      return IconFacebook;\r\n    case 'linkedin':\r\n      return IconLinkedIn;\r\n    case 'youtube':\r\n      return IconYoutube;\r\n    case 'instagram':\r\n      return IconInstagram;\r\n    case 'twitter':\r\n      return IconTwitter;\r\n    case 'plus':\r\n      return IconPlus;\r\n    case 'minus':\r\n      return IconMinus;\r\n    case 'search':\r\n      return IconSearch;\r\n\r\n    default:\r\n      return IconFallback;\r\n  }\r\n};\r\n\r\nconst getSize = (size) => {\r\n  switch (size) {\r\n    case 'xs':\r\n      return 3;\r\n    case 'sm':\r\n      return 4;\r\n    case 'md':\r\n      return 7;\r\n    case 'lg':\r\n      return 9;\r\n\r\n    default:\r\n      return 7;\r\n  }\r\n};\r\n\r\nexport const Icon = ({ icon, size, ...props }) => {\r\n  const iconSize = getSize(size);\r\n\r\n  const iconProps = {\r\n    ...props,\r\n    width: iconSize,\r\n    height: iconSize,\r\n    viewBox: '0 0 30 30',\r\n  };\r\n\r\n  const IconComponent = getIcon(icon);\r\n\r\n  return <IconComponent {...iconProps} />;\r\n};\r\n\r\nIcon.propTypes = {\r\n  icon: PropTypes.oneOf([\r\n    'arrow',\r\n    'hamburger',\r\n    'download',\r\n    'upload',\r\n    'login',\r\n    'info',\r\n    'question',\r\n    'close',\r\n    'home',\r\n    'check',\r\n    'wifi',\r\n    'facebook',\r\n    'linkedin',\r\n    'youtube',\r\n    'instagram',\r\n    'twitter',\r\n    'plus',\r\n    'minus',\r\n    'search',\r\n  ]),\r\n  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg']),\r\n};\r\n","export default {\r\n  h1: {\r\n    fontSize: { base: '2xl', lg: '4xl' },\r\n    lineHeight: { base: 'short', lg: 'shorter' },\r\n    fontWeight: { base: 'light', lg: 'light' },\r\n  },\r\n  h2: {\r\n    fontSize: { base: '2xl', lg: '3xl' },\r\n    lineHeight: { base: 'short' },\r\n    fontWeight: { base: 'light', lg: 'light' },\r\n  },\r\n  h3: {\r\n    fontSize: { base: 'lg', lg: '2xl' },\r\n    lineHeight: { base: 'short' },\r\n    fontWeight: { base: 'light', lg: 'light' },\r\n  },\r\n  h4: {\r\n    fontSize: { base: 'md', lg: 'xl' },\r\n    lineHeight: { base: 'short' },\r\n    fontWeight: { base: 'bold', lg: 'light' },\r\n  },\r\n  h5: {\r\n    fontSize: { base: 'md', lg: 'md' },\r\n    lineHeight: { base: 'short' },\r\n    fontWeight: { base: 'bold' },\r\n  },\r\n  h6: {\r\n    fontSize: { base: 'sm', lg: 'sm' },\r\n    lineHeight: { base: 'short' },\r\n    fontWeight: { base: 'bold' },\r\n  },\r\n};\r\n","import { Text } from \"@chakra-ui/layout\";\r\nimport { useBreakpointValue } from \"@chakra-ui/media-query\";\r\nimport PropTypes from \"prop-types\";\r\nimport styles from \"./Heading.styles\";\r\n\r\nexport const Heading = ({ children, size = 0, ...props }) => {\r\n  const breakpointSize = useBreakpointValue(size);\r\n  const _size = typeof size === \"object\" ? breakpointSize : size;\r\n  return (\r\n    <Text {...styles[\"h\" + _size]} {...props}>\r\n      {children}\r\n    </Text>\r\n  );\r\n};\r\n\r\nHeading.propTypes = {\r\n  size: PropTypes.oneOfType([\r\n    PropTypes.oneOf([\"1\", \"2\", \"3\", \"4\", \"5\", \"6\"]),\r\n    PropTypes.object,\r\n  ]).isRequired,\r\n  children: PropTypes.node,\r\n};\r\n","import React, { useRef, useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { LoanCalculationChart } from \"../LoanCalculator/LoanCalculationChart\";\r\nimport {\r\n  Grid,\r\n  GridItem,\r\n  SimpleGrid,\r\n  Input,\r\n  FormControl,\r\n  FormLabel,\r\n  Select,\r\n  Radio,\r\n  RadioGroup,\r\n  Stack,\r\n  Box,\r\n  Tooltip,\r\n  Text,\r\n} from \"@chakra-ui/react\";\r\nimport { formatCurrency } from \"../helpers/number.helpers\";\r\nimport {\r\n  LoanTypes,\r\n  useCalculatedLoan,\r\n  useLoanCalculatorController,\r\n} from \"../LoanCalculator/LoanCalculator.hooks\";\r\nimport { LoanCalculationTable } from \"../LoanCalculator/LoanCalculationTable\";\r\nimport { Button, ButtonVariants } from \"../Button/Button\";\r\nimport { Icon } from \"../icons/Icon\";\r\nimport { Heading } from \"../Heading/Heading\";\r\n\r\n\r\n\r\nconst TooltipIcon = ({ tooltip }) => {\r\nconst [isLabelOpen, setIsLabelOpen] = useState(false);\r\n\r\n  return (\r\n  <Box position=\"relative\" width=\"4\" height=\"4\">\r\n    <Icon icon=\"info\" size=\"sm\" display=\"block\"  />\r\n    <Tooltip hasArrow placement=\"top\" label={<Box whiteSpace=\"pre-wrap\">{tooltip}</Box>} isOpen={isLabelOpen} >\r\n      <Box width=\"4\" height=\"4\" position=\"absolute\" top=\"0\" onMouseEnter={() => setIsLabelOpen(true)}\r\n                onMouseLeave={() => setIsLabelOpen(false)}\r\n                onClick={() => setIsLabelOpen(true)} />\r\n    </Tooltip>\r\n  </Box>\r\n)};\r\nTooltipIcon.propTypes = {\r\n  tooltip: PropTypes.string,\r\n};\r\n\r\nconst LabelWithTooltip = ({ label, tooltip }) => (\r\n  \r\n  <Box display=\"flex\" alignItems=\"center\" marginBottom=\"2\">\r\n    <FormLabel marginBottom=\"0\">{label}:</FormLabel>\r\n    <TooltipIcon {...{ tooltip }} />\r\n  </Box>\r\n);\r\n\r\nLabelWithTooltip.propTypes = {\r\n  label: PropTypes.string,\r\n  tooltip: PropTypes.string,\r\n};\r\n\r\n\r\nexport const AdvancedLoanCalculatorBlock = ({\r\n  title,\r\n  language,\r\n  initialLoanAmount = 50000,\r\n  initialLoanYears: initialLoanMonths = 60,\r\n  initialInterestRate = 7.95,\r\n  initialNumberOfYearlyPayments = 12,\r\n  minInterestRate = 0.01,\r\n  maxInterestRate = 99.99,\r\n  establishmentFee = 0,\r\n  content,\r\n  loanTypeLabel,\r\n  loanTypeTooltip,\r\n  loanAmountLabel,\r\n  loanAmountTooltip,\r\n  loanYearsLabel,\r\n  loanYearsTooltip,\r\n  yearlyPaymentsLabel,\r\n  yearlyPaymentsTooltip,\r\n  interestRateLabel,\r\n  interestRateTooltip,\r\n  paymentFeeLabel,\r\n  paymentFeeTooltip,\r\n  establishmentFeeLabel,\r\n  establishmentFeeTooltip,\r\n  installmentLabel,\r\n  installmentPaymentLabel,\r\n  interestCostLabel,\r\n  feesLabel,\r\n  amortizationLabel,\r\n  remainingLabel,\r\n  yourLoanCostLabel,\r\n  monthlyFee,\r\n  totalCostLabel,\r\n  paymentPlanLabel,\r\n  viewPaymentPlanLabel,\r\n  hidePaymentPlanLabel,\r\n  monthly,\r\n  quarterly,\r\n  yearly,\r\n  annuityLoanLabel,\r\n  serialLoanLabel,\r\n  monthLabel,\r\n  yearLabel,\r\n  quarterLabel,\r\n  initialPaymentFee = (language === \"sv\" ? 29 : language === \"no\" ? 45 : language === \"dk\" ? 0 : null),\r\n}) => {\r\n  const langSpecificKRsuffix = language === \"dk\" ? \".\" : \"\";\r\n  const numberSeparator = language === \"dk\" ? \".\" : \" \";\r\n  const handleNumberChange = (value) => {\r\n    const string = String(value);\r\n    const stripped = string.replace(/\\D+/g, \"\");\r\n\r\n    const output = stripped;\r\n    return formatCurrency(output, numberSeparator);\r\n  };\r\n  const [loanAmount, setLoanAmount] = useState(\r\n    handleNumberChange(initialLoanAmount)\r\n  );\r\n  const [loanMonths, setLoanMonths] = useState(initialLoanMonths);\r\n  const [paymentFee, setPaymentFee] = useState(initialPaymentFee);\r\n  const [_establishmentFee, setEstablishmentFee] = useState(establishmentFee);\r\n\r\n  const viewPlanRef = useRef(null);\r\n  const [isPlanVisible, setIsPlanVisible] = useState(false);\r\n  const loanCalculator = useLoanCalculatorController({\r\n    initialLoanType: LoanTypes.Annuity,\r\n    initialLoanAmount,\r\n    initialLoanYears: initialLoanMonths,\r\n    initialInterestRate,\r\n    initialPaymentFee,\r\n    initialEstablishmentFee: establishmentFee,\r\n    initialNumberOfYearlyPayments,\r\n    minInterestRate,\r\n    maxInterestRate,\r\n    //See LoanCalcualtor.config:\r\n    version: language.toUpperCase(),\r\n  });\r\n\r\n  const calculatedLoan = useCalculatedLoan({\r\n    loanType: loanCalculator.loanType,\r\n    amount: loanCalculator.amount,\r\n    months: loanCalculator.years,\r\n    interestRate: loanCalculator.interestRate,\r\n    establishmentFee: loanCalculator.establishmentFee,\r\n    paymentFee: loanCalculator.paymentFee,\r\n    numberOfYearlyPayments: loanCalculator.numberOfYearlyPayments,\r\n  });\r\n\r\n\r\n\r\n  return (\r\n    <>\r\n      <Grid\r\n        width=\"100%\"\r\n        templateColumns=\"repeat(12, 1fr)\"\r\n        gap={{ base: 4, lg: 8 }}\r\n      >\r\n        <GridItem colSpan={{ base: 12, lg: 12 }}>\r\n          <FormControl defaultValue={loanCalculator.loanType}>\r\n            <RadioGroup\r\n              value={loanCalculator.loanType}\r\n              onChange={(e) => loanCalculator.setLoanType(e)}\r\n            >\r\n              <Stack spacing={5} direction=\"row\">\r\n                <Radio value={LoanTypes.Annuity}>{annuityLoanLabel}</Radio>\r\n              </Stack>\r\n            </RadioGroup>\r\n          </FormControl>\r\n        </GridItem>\r\n        <GridItem colSpan={{ base: 12, lg: 4 }}>\r\n          <FormControl id=\"loanAmount\" position=\"relative\">\r\n            <LabelWithTooltip\r\n              label={loanAmountLabel}\r\n              tooltip={loanAmountTooltip}\r\n            />\r\n            <Box position=\"relative\">\r\n              <Input\r\n                type=\"text\"\r\n                defaultValue={loanCalculator.amount}\r\n                value={loanAmount}\r\n                onChange={(e) =>\r\n                  setLoanAmount(handleNumberChange(e.currentTarget.value))\r\n                }\r\n                onBlur={(e) =>\r\n                  loanCalculator.setAmount(\r\n                    Number(e.currentTarget.value.replace(/\\D+/g, \"\"))\r\n                  )\r\n                }\r\n                textAlign=\"right\"\r\n                paddingRight={language === \"dk\" ? \"7\" : \"6\"}\r\n              />\r\n              <Box\r\n                height=\"100%\"\r\n                position=\"absolute\"\r\n                right=\"0\"\r\n                top=\"0\"\r\n                display=\"flex\"\r\n                alignItems=\"center\"\r\n                marginRight=\"2\"\r\n              >\r\n                kr{langSpecificKRsuffix}\r\n              </Box>\r\n            </Box>\r\n          </FormControl>\r\n        </GridItem>\r\n        <GridItem colSpan={{ base: 12, lg: 4 }}>\r\n          <SimpleGrid columns={1} spacing={4}>\r\n            <FormControl id=\"loanYears\">\r\n              <LabelWithTooltip\r\n                label={loanYearsLabel}\r\n                tooltip={loanYearsTooltip}\r\n              />\r\n              <Box position=\"relative\">\r\n                <Input\r\n                  type=\"text\"\r\n                  defaultValue={loanCalculator.years}\r\n                  value={loanMonths}\r\n                  onChange={(e) =>\r\n                    setLoanMonths(handleNumberChange(e.currentTarget.value))\r\n                  }\r\n                  onBlur={(e) =>\r\n                    loanCalculator.setYears(\r\n                      Number(e.currentTarget.value.replace(/\\D+/g, \"\")) | 0\r\n                    )\r\n                  }\r\n                  textAlign=\"right\"\r\n                  paddingRight=\"10\"\r\n                />\r\n                <Box\r\n                  height=\"100%\"\r\n                  position=\"absolute\"\r\n                  right=\"0\"\r\n                  top=\"0\"\r\n                  display=\"flex\"\r\n                  alignItems=\"center\"\r\n                  marginRight=\"1\"\r\n                >\r\n                  {language === \"dk\" ? \"mdr.\" : \"mån\"}\r\n                </Box>\r\n              </Box>\r\n            </FormControl>\r\n            {/* <FormControl id=\"yearlyPayments\">\r\n              <LabelWithTooltip\r\n                label={yearlyPaymentsLabel}\r\n                tooltip={yearlyPaymentsTooltip}\r\n              />\r\n              <Select\r\n                defaultValue={initialNumberOfYearlyPayments}\r\n                onChange={(e) =>\r\n                  loanCalculator.setNumberOfYearlyPayments(\r\n                    Number(e.currentTarget.value)\r\n                  )\r\n                }\r\n              >\r\n                <option value=\"12\">{monthly}</option>\r\n                <option value=\"4\">{quarterly}</option>\r\n                <option value=\"1\">{yearly}</option>\r\n              </Select>\r\n            </FormControl> */}\r\n          </SimpleGrid>\r\n        </GridItem>\r\n        <GridItem colSpan={{ base: 12, lg: 4 }}>\r\n          <FormControl id=\"interestRate\">\r\n            <LabelWithTooltip\r\n              label={interestRateLabel}\r\n              tooltip={interestRateTooltip}\r\n            />\r\n            <Box position=\"relative\">\r\n              <Input\r\n                type=\"number\"\r\n                defaultValue={loanCalculator.interestRate}\r\n                onBlur={(e) =>\r\n                  loanCalculator.setInterestRate(Number(e.currentTarget.value))\r\n                }\r\n                textAlign=\"right\"\r\n                paddingRight=\"6\"\r\n              />\r\n              <Box\r\n                height=\"100%\"\r\n                position=\"absolute\"\r\n                right=\"0\"\r\n                top=\"0\"\r\n                display=\"flex\"\r\n                alignItems=\"center\"\r\n                marginRight=\"1\"\r\n              >\r\n                %\r\n              </Box>\r\n            </Box>\r\n          </FormControl>\r\n        </GridItem>\r\n        {language !== \"dk\" ? (\r\n          <GridItem colSpan={{ base: 12, lg: 4 }}>\r\n            <FormControl id=\"paymentFee\">\r\n              <LabelWithTooltip\r\n                label={paymentFeeLabel}\r\n                tooltip={paymentFeeTooltip}\r\n              />\r\n              <Box position=\"relative\">\r\n                <Input\r\n                  type=\"text\"\r\n                  defaultValue={loanCalculator.paymentFee}\r\n                  value={paymentFee}\r\n                  onChange={(e) =>\r\n                    setPaymentFee(handleNumberChange(e.currentTarget.value))\r\n                  }\r\n                  onBlur={(e) =>\r\n                    loanCalculator.setPaymentFee(\r\n                      Number(e.currentTarget.value.replace(/\\D+/g, \"\"))\r\n                    )\r\n                  }\r\n                  textAlign=\"right\"\r\n                  paddingRight=\"6\"\r\n                />\r\n                <Box\r\n                  height=\"100%\"\r\n                  position=\"absolute\"\r\n                  right=\"0\"\r\n                  top=\"0\"\r\n                  display=\"flex\"\r\n                  alignItems=\"center\"\r\n                  marginRight=\"2\"\r\n                >\r\n                  kr{langSpecificKRsuffix}\r\n                </Box>\r\n              </Box>\r\n            </FormControl>\r\n          </GridItem>\r\n        ) : (\r\n          \"\"\r\n        )}\r\n        {/* <GridItem colSpan={{ base: 12, lg: 4 }}>\r\n          <FormControl id=\"establishmentFee\">\r\n            <LabelWithTooltip\r\n              label={establishmentFeeLabel}\r\n              tooltip={establishmentFeeTooltip}\r\n            />\r\n            <Box position=\"relative\">\r\n              <Input\r\n                type=\"text\"\r\n                defaultValue={loanCalculator.establishmentFee}\r\n                value={_establishmentFee}\r\n                onChange={(e) =>\r\n                  setEstablishmentFee(handleNumberChange(e.currentTarget.value))\r\n                }\r\n                onBlur={(e) =>\r\n                  loanCalculator.setEstablishmentFee(\r\n                    Number(e.currentTarget.value.replace(/\\D+/g, \"\"))\r\n                  )\r\n                }\r\n                textAlign=\"right\"\r\n                paddingRight=\"8\"\r\n              />\r\n              <Box\r\n                height=\"100%\"\r\n                position=\"absolute\"\r\n                right=\"0\"\r\n                top=\"0\"\r\n                display=\"flex\"\r\n                alignItems=\"center\"\r\n                paddingRight=\"4\"\r\n              >\r\n                kr{langSpecificKRsuffix}\r\n              </Box>\r\n            </Box>\r\n          </FormControl>\r\n        </GridItem> */}\r\n        <GridItem colSpan={12}>\r\n          <Heading as=\"h3\" size=\"3\" marginTop={{ base: 0, lg: 6 }}>\r\n            {yourLoanCostLabel}:\r\n          </Heading>\r\n        </GridItem>\r\n        <GridItem colSpan={{ base: 12, lg: 4 }}>\r\n          <Heading as=\"p\">{monthlyFee}:</Heading>\r\n          <Heading\r\n            as=\"span\"\r\n            size={{ base: 3, lg: 2 }}\r\n            marginY={{ base: 2, lg: 6 }}\r\n          >\r\n            {/* {calculatedLoan.calculatedMonthlyFee.toString().replace(\".\", \",\")}{\" \"}\r\n            kr */}\r\n            {formatCurrency(\r\n              calculatedLoan.calculatedMonthlyFee,\r\n              numberSeparator\r\n            )}{\" \"}\r\n            kr\r\n            {language === \"dk\" && \".\"}\r\n          </Heading>\r\n        </GridItem>\r\n        <GridItem colSpan={{ base: 12, lg: 4 }}>\r\n          <Heading as=\"p\">{interestCostLabel}:</Heading>\r\n          <Heading\r\n            as=\"span\"\r\n            size={{ base: 3, lg: 2 }}\r\n            marginY={{ base: 2, lg: 6 }}\r\n          >\r\n            {formatCurrency(calculatedLoan.totalCost, numberSeparator)} kr\r\n            {language === \"dk\" && \".\"}\r\n          </Heading>\r\n        </GridItem>\r\n\r\n        <GridItem colSpan={{ base: 12, lg: 4 }}>\r\n          <Heading as=\"p\">{totalCostLabel}:</Heading>\r\n          <Heading\r\n            as=\"span\"\r\n            size={{ base: 3, lg: 2 }}\r\n            marginY={{ base: 2, lg: 6 }}\r\n          >\r\n            {formatCurrency(calculatedLoan.totalAmount, numberSeparator)} kr\r\n            {language === \"dk\" && \".\"}\r\n          </Heading>\r\n        </GridItem>\r\n      </Grid>\r\n      <Box\r\n        paddingY=\"12\"\r\n        display=\"flex\"\r\n        justifyContent=\"center\"\r\n        ref={viewPlanRef}\r\n      >\r\n        {/* <Button\r\n          title={isPlanVisible ? hidePaymentPlanLabel : viewPaymentPlanLabel}\r\n          isButton\r\n          variant={ButtonVariants.secondary}\r\n          width=\"auto\"\r\n          paddingX=\"8\"\r\n          onClick={() => {\r\n            if (!isPlanVisible && viewPlanRef.current) {\r\n              window.scrollTo({\r\n                top:\r\n                  window.scrollY +\r\n                  viewPlanRef.current.getBoundingClientRect().top,\r\n                behavior: \"smooth\",\r\n              });\r\n            }\r\n            setIsPlanVisible(!isPlanVisible);\r\n          }}\r\n        /> */}\r\n      </Box>\r\n      {isPlanVisible && (\r\n        <>\r\n          <Heading as=\"h3\" size=\"2\" marginBottom=\"8\">\r\n            {paymentPlanLabel}\r\n          </Heading>\r\n          <LoanCalculationChart\r\n            language={language}\r\n            payments={calculatedLoan.payments}\r\n            {...{ remainingLabel }}\r\n          />\r\n          <LoanCalculationTable\r\n            payments={calculatedLoan.payments}\r\n            numberOfYearlyPayments={loanCalculator.numberOfYearlyPayments}\r\n            {...{\r\n              installmentLabel,\r\n              installmentPaymentLabel,\r\n              interestCostLabel,\r\n              feesLabel,\r\n              amortizationLabel,\r\n              remainingLabel,\r\n              monthLabel,\r\n              yearLabel,\r\n              quarterLabel,\r\n              numberSeparator,\r\n              language,\r\n            }}\r\n          />\r\n        </>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nAdvancedLoanCalculatorBlock.propTypes = {\r\n  title: PropTypes.string,\r\n  initialLoanAmount: PropTypes.number,\r\n  initialLoanYears: PropTypes.number,\r\n  initialInterestRate: PropTypes.number,\r\n  initialNumberOfYearlyPayments: PropTypes.number,\r\n  minInterestRate: PropTypes.number,\r\n  maxInterestRate: PropTypes.number,\r\n  establishmentFee: PropTypes.number,\r\n  initialPaymentFee: PropTypes.number,\r\n  content: PropTypes.string,\r\n  loanTypeLabel: PropTypes.string,\r\n  loanTypeTooltip: PropTypes.string,\r\n  loanAmountLabel: PropTypes.string,\r\n  loanAmountTooltip: PropTypes.string,\r\n  loanYearsLabel: PropTypes.string,\r\n  loanYearsTooltip: PropTypes.string,\r\n  yearlyPaymentsLabel: PropTypes.string,\r\n  yearlyPaymentsTooltip: PropTypes.string,\r\n  interestRateLabel: PropTypes.string,\r\n  interestRateTooltip: PropTypes.string,\r\n  paymentFeeLabel: PropTypes.string,\r\n  paymentFeeTooltip: PropTypes.string,\r\n  establishmentFeeLabel: PropTypes.string,\r\n  establishmentFeeTooltip: PropTypes.string,\r\n  installmentLabel: PropTypes.string,\r\n  installmentPaymentLabel: PropTypes.string,\r\n  interestCostLabel: PropTypes.string,\r\n  feesLabel: PropTypes.string,\r\n  amortizationLabel: PropTypes.string,\r\n  remainingLabel: PropTypes.string,\r\n  yourLoanCostLabel: PropTypes.string,\r\n  monthlyFee: PropTypes.string,\r\n  totalCostLabel: PropTypes.string,\r\n  paymentPlanLabel: PropTypes.string,\r\n  viewPaymentPlanLabel: PropTypes.string,\r\n  hidePaymentPlanLabel: PropTypes.string,\r\n  language: PropTypes.oneOf(['sv','dk','no'])\r\n};\r\n","import { ChakraProvider } from \"@chakra-ui/react\";\r\nimport { AdvancedLoanCalculatorBlock } from \"./AdvancedLoanCalculatorBlock/AdvancedLoanCalculatorBlock\";\r\nimport { theme } from \"./theme.config\";\r\nimport languageFile from './language.json';\r\nimport { Global } from \"@emotion/react\";\r\n\r\nfunction App() {\r\n  //DK, SV, NO\r\n  const currentLang = window.LOAN_CALCULATOR_LANGUAGE || 'dk';\r\n\r\n  const getLanguageProps = () => {\r\n    \r\n    const lang = languageFile || {};\r\n\r\n    let output = {};\r\n    for(const key in lang) {\r\n      if (lang.hasOwnProperty(key)) {\r\n        output = {\r\n          ...output,\r\n          [key]: lang[key][currentLang],\r\n        }\r\n      }\r\n    }\r\n\r\n    return output;\r\n  };\r\n\r\n  const languageProps = getLanguageProps();\r\n\r\n  return (\r\n    <ChakraProvider theme={theme} resetCSS={process.env.NODE_ENV !== 'production'}>\r\n      <AdvancedLoanCalculatorBlock\r\n        {...languageProps}\r\n        language={currentLang}\r\n      />\r\n    </ChakraProvider>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport App from \"./App\";\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <App />\r\n  </React.StrictMode>,\r\n  document.getElementById(\"mpt-calculator\")\r\n);\r\n"],"sourceRoot":""}