{"version":3,"sources":["webpack://t-cards-online/./src/components/Features/Features.module.scss","webpack://t-cards-online/./src/components/Features/Features.jsx","webpack://t-cards-online/./node_modules/react-bootstrap/esm/divWithClassName.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/CardImg.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/Card.js","webpack://t-cards-online/./src/components/Pricing2/Pricing2.module.scss","webpack://t-cards-online/./node_modules/react-bootstrap/esm/Feedback.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/FormContext.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/FormCheckInput.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/FormCheckLabel.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/FormCheck.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/FormFileInput.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/FormFileLabel.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/FormFile.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/FormControl.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/FormGroup.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/FormLabel.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/FormText.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/Switch.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/Form.js","webpack://t-cards-online/./node_modules/react-bootstrap/esm/CloseButton.js","webpack://t-cards-online/./src/components/Pricing2/AdvancedCalculator/AdvancedCalculator.module.scss","webpack://t-cards-online/./src/components/Pricing2/AdvancedCalculator/AdvancedCalculator.jsx","webpack://t-cards-online/./src/components/Pricing2/Pricing2.jsx"],"names":["box","col","className","Container","fluid","Row","Col","sm","md","styles","p","ref","CardImg","_ref","bsPrefix","variant","_ref$as","as","Component","props","prefix","displayName","defaultProps","DivStyledAsH5","divWithClassName","DivStyledAsH6","CardBody","createWithBsPrefix","CardTitle","CardSubtitle","CardLink","CardText","CardHeader","CardFooter","CardImgOverlay","Card","bg","text","border","body","children","cardContext","useMemo","cardHeaderBsPrefix","CardContext","value","Img","Title","Subtitle","Body","Link","Text","Header","Footer","ImgOverlay","head","priceColIn","card","cardTitle","cardPrice","cardBody","period","Feedback","_ref$type","type","_ref$tooltip","tooltip","controlId","undefined","FormCheckInput","id","bsCustomPrefix","_ref$isValid","isValid","_ref$isInvalid","isInvalid","isStatic","_useContext","useContext","_ref2","custom","defaultPrefix","FormCheckLabel","htmlFor","FormCheck","_ref$inline","inline","_ref$disabled","disabled","_ref$feedbackTooltip","feedbackTooltip","feedback","style","_ref$title","title","label","propCustom","innerFormContext","hasLabel","input","Input","Label","FormFileInput","lang","FormFileLabel","FormFile","dataBrowse","_ref$inputAs","inputAs","FormControl","classes","_classes","size","htmlSize","plaintext","readOnly","_classes2","_classes3","_classes4","_classes5","Object","assign","FormGroup","context","FormLabel","column","srOnly","columnClass","FormText","muted","Switch","FormRow","FormImpl","validated","Group","Control","Check","File","CloseButton","onClick","container","breakdown","subInfo","includes","includesTitle","useState","cost","setCost","userCost","setUserCost","boardCost","setBoardCost","storageCost","setStorageCost","userVal","setUserVal","boardVal","setBoardVal","roundedBoardVal","setRoundedBoardVal","storageVal","setStorageVal","show","setShow","handleShow","document","classList","remove","add","Form","onChange","e","unitCost","users","target","parseInt","total","i","aria-label","min","boards","x","Math","ceil","step","storage","Number","EPSILON","toFixed","nmbr","checkS","calc","xs","Button","OutboundLink","href","DefaultText","additional","showAdvanced","order","lg","span","icon"],"mappings":"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","file":"3f324c6cd24b7ff43497afe29dd239923c83a379-5f6fc99a6225e3b5b2d5.js","sourcesContent":["// extracted by mini-css-extract-plugin\nexport var root = \"Features-module--root--3cS4j\";\nexport var box = \"Features-module--box--11Kdo\";\nexport var col = \"Features-module--col--1f8jC\";","import React from \"react\";\r\nimport { Col, Container, Row } from \"react-bootstrap\";\r\nimport * as styles from \"./Features.module.scss\";\r\n\r\nconst Features = () => {\r\n  return (\r\n    <section className={styles.root}>\r\n      <Container fluid>\r\n        <h2 className='title italic'>\r\n          ...and <em>much</em> more\r\n        </h2>\r\n        <Row>\r\n          <Col sm={6} md={3} className={styles.col}>\r\n            <div className={styles.box}>Unlimited T Cards</div>\r\n          </Col>\r\n          <Col sm={6} md={3} className={styles.col}>\r\n            <div className={styles.box}>5 Custom Boards</div>\r\n          </Col>\r\n          <Col sm={6} md={3} className={styles.col}>\r\n            <div className={styles.box}>Unlimited T Card Designs</div>\r\n          </Col>\r\n          <Col sm={6} md={3} className={styles.col}>\r\n            <div className={styles.box}>Free Mobile App</div>\r\n          </Col>\r\n          <Col sm={6} md={3} className={styles.col}>\r\n            <div className={styles.box}>1GB Storage for File Attachments</div>\r\n          </Col>\r\n          <Col sm={6} md={3} className={styles.col}>\r\n            <div className={styles.box}>200 Monthly API Credits</div>\r\n          </Col>\r\n          <Col sm={6} md={3} className={styles.col}>\r\n            <div className={styles.box}>Data Import and Export</div>\r\n          </Col>\r\n          <Col sm={6} md={3} className={styles.col}>\r\n            <div className={styles.box}>Accredited Secure Environment</div>\r\n          </Col>\r\n        </Row>\r\n      </Container>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default Features;\r\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport classNames from 'classnames';\nexport default (function (className) {\n  return /*#__PURE__*/React.forwardRef(function (p, ref) {\n    return /*#__PURE__*/React.createElement(\"div\", _extends({}, p, {\n      ref: ref,\n      className: classNames(p.className, className)\n    }));\n  });\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar defaultProps = {\n  variant: null\n};\nvar CardImg = /*#__PURE__*/React.forwardRef( // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\nfunction (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      className = _ref.className,\n      variant = _ref.variant,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'img' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"className\", \"variant\", \"as\"]);\n\n  var prefix = useBootstrapPrefix(bsPrefix, 'card-img');\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref,\n    className: classNames(variant ? prefix + \"-\" + variant : prefix, className)\n  }, props));\n});\nCardImg.displayName = 'CardImg';\nCardImg.defaultProps = defaultProps;\nexport default CardImg;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport createWithBsPrefix from './createWithBsPrefix';\nimport divWithClassName from './divWithClassName';\nimport CardContext from './CardContext';\nimport CardImg from './CardImg';\nvar DivStyledAsH5 = divWithClassName('h5');\nvar DivStyledAsH6 = divWithClassName('h6');\nvar CardBody = createWithBsPrefix('card-body');\nvar CardTitle = createWithBsPrefix('card-title', {\n  Component: DivStyledAsH5\n});\nvar CardSubtitle = createWithBsPrefix('card-subtitle', {\n  Component: DivStyledAsH6\n});\nvar CardLink = createWithBsPrefix('card-link', {\n  Component: 'a'\n});\nvar CardText = createWithBsPrefix('card-text', {\n  Component: 'p'\n});\nvar CardHeader = createWithBsPrefix('card-header');\nvar CardFooter = createWithBsPrefix('card-footer');\nvar CardImgOverlay = createWithBsPrefix('card-img-overlay');\nvar defaultProps = {\n  body: false\n};\nvar Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      className = _ref.className,\n      bg = _ref.bg,\n      text = _ref.text,\n      border = _ref.border,\n      body = _ref.body,\n      children = _ref.children,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'div' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"className\", \"bg\", \"text\", \"border\", \"body\", \"children\", \"as\"]);\n\n  var prefix = useBootstrapPrefix(bsPrefix, 'card');\n  var cardContext = useMemo(function () {\n    return {\n      cardHeaderBsPrefix: prefix + \"-header\"\n    };\n  }, [prefix]);\n  return /*#__PURE__*/React.createElement(CardContext.Provider, {\n    value: cardContext\n  }, /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref\n  }, props, {\n    className: classNames(className, prefix, bg && \"bg-\" + bg, text && \"text-\" + text, border && \"border-\" + border)\n  }), body ?\n  /*#__PURE__*/\n  // @ts-ignore\n  React.createElement(CardBody, null, children) : children));\n});\nCard.displayName = 'Card';\nCard.defaultProps = defaultProps;\nCard.Img = CardImg;\nCard.Title = CardTitle;\nCard.Subtitle = CardSubtitle;\nCard.Body = CardBody;\nCard.Link = CardLink;\nCard.Text = CardText;\nCard.Header = CardHeader;\nCard.Footer = CardFooter;\nCard.ImgOverlay = CardImgOverlay;\nexport default Card;","// extracted by mini-css-extract-plugin\nexport var root = \"Pricing2-module--root--2pppc\";\nexport var calcCol = \"Pricing2-module--calcCol--u8H6G\";\nexport var head = \"Pricing2-module--head--14rfn\";\nexport var inputHolder = \"Pricing2-module--inputHolder--3TGZk\";\nexport var inputHolderSmall = \"Pricing2-module--inputHolderSmall--2t-3q\";\nexport var inputEdit = \"Pricing2-module--inputEdit--GFw31\";\nexport var input = \"Pricing2-module--input--gDKAH\";\nexport var inputSmall = \"Pricing2-module--inputSmall--2keRs\";\nexport var btnGroup = \"Pricing2-module--btnGroup--37xLD\";\nexport var calc = \"Pricing2-module--calc--2gSJa\";\nexport var calcText = \"Pricing2-module--calcText--1DWhl\";\nexport var priceColIn = \"Pricing2-module--priceColIn--WL0UZ\";\nexport var card = \"Pricing2-module--card--1OP1O\";\nexport var hr = \"Pricing2-module--hr--2sVxj\";\nexport var cardTitle = \"Pricing2-module--cardTitle--11R-Y\";\nexport var cardPrice = \"Pricing2-module--cardPrice--17nWq\";\nexport var totalPrice = \"Pricing2-module--totalPrice--FHsQH\";\nexport var cardBody = \"Pricing2-module--cardBody--2QrVH\";\nexport var period = \"Pricing2-module--period--7aOVT\";\nexport var pricing = \"Pricing2-module--pricing--1YSob\";\nexport var textMuted = \"Pricing2-module--text-muted--30s2t\";\nexport var btn = \"Pricing2-module--btn--UHiVd\";","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React from 'react';\nvar Feedback = /*#__PURE__*/React.forwardRef( // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\nfunction (_ref, ref) {\n  var _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'div' : _ref$as,\n      className = _ref.className,\n      _ref$type = _ref.type,\n      type = _ref$type === void 0 ? 'valid' : _ref$type,\n      _ref$tooltip = _ref.tooltip,\n      tooltip = _ref$tooltip === void 0 ? false : _ref$tooltip,\n      props = _objectWithoutPropertiesLoose(_ref, [\"as\", \"className\", \"type\", \"tooltip\"]);\n\n  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {\n    ref: ref,\n    className: classNames(className, type + \"-\" + (tooltip ? 'tooltip' : 'feedback'))\n  }));\n});\nFeedback.displayName = 'Feedback';\nexport default Feedback;","import React from 'react'; // TODO\n\nvar FormContext = /*#__PURE__*/React.createContext({\n  controlId: undefined\n});\nexport default FormContext;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar FormCheckInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var id = _ref.id,\n      bsPrefix = _ref.bsPrefix,\n      bsCustomPrefix = _ref.bsCustomPrefix,\n      className = _ref.className,\n      _ref$type = _ref.type,\n      type = _ref$type === void 0 ? 'checkbox' : _ref$type,\n      _ref$isValid = _ref.isValid,\n      isValid = _ref$isValid === void 0 ? false : _ref$isValid,\n      _ref$isInvalid = _ref.isInvalid,\n      isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,\n      isStatic = _ref.isStatic,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'input' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"id\", \"bsPrefix\", \"bsCustomPrefix\", \"className\", \"type\", \"isValid\", \"isInvalid\", \"isStatic\", \"as\"]);\n\n  var _useContext = useContext(FormContext),\n      controlId = _useContext.controlId,\n      custom = _useContext.custom;\n\n  var _ref2 = custom ? [bsCustomPrefix, 'custom-control-input'] : [bsPrefix, 'form-check-input'],\n      prefix = _ref2[0],\n      defaultPrefix = _ref2[1];\n\n  bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);\n  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {\n    ref: ref,\n    type: type,\n    id: id || controlId,\n    className: classNames(className, bsPrefix, isValid && 'is-valid', isInvalid && 'is-invalid', isStatic && 'position-static')\n  }));\n});\nFormCheckInput.displayName = 'FormCheckInput';\nexport default FormCheckInput;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar FormCheckLabel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      bsCustomPrefix = _ref.bsCustomPrefix,\n      className = _ref.className,\n      htmlFor = _ref.htmlFor,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"bsCustomPrefix\", \"className\", \"htmlFor\"]);\n\n  var _useContext = useContext(FormContext),\n      controlId = _useContext.controlId,\n      custom = _useContext.custom;\n\n  var _ref2 = custom ? [bsCustomPrefix, 'custom-control-label'] : [bsPrefix, 'form-check-label'],\n      prefix = _ref2[0],\n      defaultPrefix = _ref2[1];\n\n  bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);\n  return /*#__PURE__*/React.createElement(\"label\", _extends({}, props, {\n    ref: ref,\n    htmlFor: htmlFor || controlId,\n    className: classNames(className, bsPrefix)\n  }));\n});\nFormCheckLabel.displayName = 'FormCheckLabel';\nexport default FormCheckLabel;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport all from 'prop-types-extra/lib/all';\nimport React, { useContext, useMemo } from 'react';\nimport Feedback from './Feedback';\nimport FormCheckInput from './FormCheckInput';\nimport FormCheckLabel from './FormCheckLabel';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar FormCheck = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var id = _ref.id,\n      bsPrefix = _ref.bsPrefix,\n      bsCustomPrefix = _ref.bsCustomPrefix,\n      _ref$inline = _ref.inline,\n      inline = _ref$inline === void 0 ? false : _ref$inline,\n      _ref$disabled = _ref.disabled,\n      disabled = _ref$disabled === void 0 ? false : _ref$disabled,\n      _ref$isValid = _ref.isValid,\n      isValid = _ref$isValid === void 0 ? false : _ref$isValid,\n      _ref$isInvalid = _ref.isInvalid,\n      isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,\n      _ref$feedbackTooltip = _ref.feedbackTooltip,\n      feedbackTooltip = _ref$feedbackTooltip === void 0 ? false : _ref$feedbackTooltip,\n      feedback = _ref.feedback,\n      className = _ref.className,\n      style = _ref.style,\n      _ref$title = _ref.title,\n      title = _ref$title === void 0 ? '' : _ref$title,\n      _ref$type = _ref.type,\n      type = _ref$type === void 0 ? 'checkbox' : _ref$type,\n      label = _ref.label,\n      children = _ref.children,\n      propCustom = _ref.custom,\n      _ref$as = _ref.as,\n      as = _ref$as === void 0 ? 'input' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"id\", \"bsPrefix\", \"bsCustomPrefix\", \"inline\", \"disabled\", \"isValid\", \"isInvalid\", \"feedbackTooltip\", \"feedback\", \"className\", \"style\", \"title\", \"type\", \"label\", \"children\", \"custom\", \"as\"]);\n\n  var custom = type === 'switch' ? true : propCustom;\n\n  var _ref2 = custom ? [bsCustomPrefix, 'custom-control'] : [bsPrefix, 'form-check'],\n      prefix = _ref2[0],\n      defaultPrefix = _ref2[1];\n\n  bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);\n\n  var _useContext = useContext(FormContext),\n      controlId = _useContext.controlId;\n\n  var innerFormContext = useMemo(function () {\n    return {\n      controlId: id || controlId,\n      custom: custom\n    };\n  }, [controlId, custom, id]);\n  var hasLabel = custom || label != null && label !== false && !children;\n  var input = /*#__PURE__*/React.createElement(FormCheckInput, _extends({}, props, {\n    type: type === 'switch' ? 'checkbox' : type,\n    ref: ref,\n    isValid: isValid,\n    isInvalid: isInvalid,\n    isStatic: !hasLabel,\n    disabled: disabled,\n    as: as\n  }));\n  return /*#__PURE__*/React.createElement(FormContext.Provider, {\n    value: innerFormContext\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    style: style,\n    className: classNames(className, bsPrefix, custom && \"custom-\" + type, inline && bsPrefix + \"-inline\")\n  }, children || /*#__PURE__*/React.createElement(React.Fragment, null, input, hasLabel && /*#__PURE__*/React.createElement(FormCheckLabel, {\n    title: title\n  }, label), (isValid || isInvalid) && /*#__PURE__*/React.createElement(Feedback, {\n    type: isValid ? 'valid' : 'invalid',\n    tooltip: feedbackTooltip\n  }, feedback))));\n});\nFormCheck.displayName = 'FormCheck';\nFormCheck.Input = FormCheckInput;\nFormCheck.Label = FormCheckLabel;\nexport default FormCheck;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar FormFileInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var id = _ref.id,\n      bsPrefix = _ref.bsPrefix,\n      bsCustomPrefix = _ref.bsCustomPrefix,\n      className = _ref.className,\n      isValid = _ref.isValid,\n      isInvalid = _ref.isInvalid,\n      lang = _ref.lang,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'input' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"id\", \"bsPrefix\", \"bsCustomPrefix\", \"className\", \"isValid\", \"isInvalid\", \"lang\", \"as\"]);\n\n  var _useContext = useContext(FormContext),\n      controlId = _useContext.controlId,\n      custom = _useContext.custom;\n\n  var type = 'file';\n\n  var _ref2 = custom ? [bsCustomPrefix, 'custom-file-input'] : [bsPrefix, 'form-control-file'],\n      prefix = _ref2[0],\n      defaultPrefix = _ref2[1];\n\n  bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);\n  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {\n    ref: ref,\n    id: id || controlId,\n    type: type,\n    lang: lang,\n    className: classNames(className, bsPrefix, isValid && 'is-valid', isInvalid && 'is-invalid')\n  }));\n});\nFormFileInput.displayName = 'FormFileInput';\nexport default FormFileInput;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar FormFileLabel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      bsCustomPrefix = _ref.bsCustomPrefix,\n      className = _ref.className,\n      htmlFor = _ref.htmlFor,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"bsCustomPrefix\", \"className\", \"htmlFor\"]);\n\n  var _useContext = useContext(FormContext),\n      controlId = _useContext.controlId,\n      custom = _useContext.custom;\n\n  var _ref2 = custom ? [bsCustomPrefix, 'custom-file-label'] : [bsPrefix, 'form-file-label'],\n      prefix = _ref2[0],\n      defaultPrefix = _ref2[1];\n\n  bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);\n  return /*#__PURE__*/React.createElement(\"label\", _extends({}, props, {\n    ref: ref,\n    htmlFor: htmlFor || controlId,\n    className: classNames(className, bsPrefix),\n    \"data-browse\": props['data-browse']\n  }));\n});\nFormFileLabel.displayName = 'FormFileLabel';\nexport default FormFileLabel;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useContext, useMemo } from 'react';\nimport all from 'prop-types-extra/lib/all';\nimport Feedback from './Feedback';\nimport FormFileInput from './FormFileInput';\nimport FormFileLabel from './FormFileLabel';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar FormFile = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var id = _ref.id,\n      bsPrefix = _ref.bsPrefix,\n      bsCustomPrefix = _ref.bsCustomPrefix,\n      _ref$disabled = _ref.disabled,\n      disabled = _ref$disabled === void 0 ? false : _ref$disabled,\n      _ref$isValid = _ref.isValid,\n      isValid = _ref$isValid === void 0 ? false : _ref$isValid,\n      _ref$isInvalid = _ref.isInvalid,\n      isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,\n      _ref$feedbackTooltip = _ref.feedbackTooltip,\n      feedbackTooltip = _ref$feedbackTooltip === void 0 ? false : _ref$feedbackTooltip,\n      feedback = _ref.feedback,\n      className = _ref.className,\n      style = _ref.style,\n      label = _ref.label,\n      children = _ref.children,\n      custom = _ref.custom,\n      lang = _ref.lang,\n      dataBrowse = _ref['data-browse'],\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'div' : _ref$as,\n      _ref$inputAs = _ref.inputAs,\n      inputAs = _ref$inputAs === void 0 ? 'input' : _ref$inputAs,\n      props = _objectWithoutPropertiesLoose(_ref, [\"id\", \"bsPrefix\", \"bsCustomPrefix\", \"disabled\", \"isValid\", \"isInvalid\", \"feedbackTooltip\", \"feedback\", \"className\", \"style\", \"label\", \"children\", \"custom\", \"lang\", \"data-browse\", \"as\", \"inputAs\"]);\n\n  var _ref2 = custom ? [bsCustomPrefix, 'custom'] : [bsPrefix, 'form-file'],\n      prefix = _ref2[0],\n      defaultPrefix = _ref2[1];\n\n  bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);\n  var type = 'file';\n\n  var _useContext = useContext(FormContext),\n      controlId = _useContext.controlId;\n\n  var innerFormContext = useMemo(function () {\n    return {\n      controlId: id || controlId,\n      custom: custom\n    };\n  }, [controlId, custom, id]);\n  var hasLabel = label != null && label !== false && !children;\n  var input = /*#__PURE__*/React.createElement(FormFileInput, _extends({}, props, {\n    ref: ref,\n    isValid: isValid,\n    isInvalid: isInvalid,\n    disabled: disabled,\n    as: inputAs,\n    lang: lang\n  }));\n  return /*#__PURE__*/React.createElement(FormContext.Provider, {\n    value: innerFormContext\n  }, /*#__PURE__*/React.createElement(Component, {\n    style: style,\n    className: classNames(className, bsPrefix, custom && \"custom-\" + type)\n  }, children || /*#__PURE__*/React.createElement(React.Fragment, null, custom ? /*#__PURE__*/React.createElement(React.Fragment, null, input, hasLabel && /*#__PURE__*/React.createElement(FormFileLabel, {\n    \"data-browse\": dataBrowse\n  }, label)) : /*#__PURE__*/React.createElement(React.Fragment, null, hasLabel && /*#__PURE__*/React.createElement(FormFileLabel, null, label), input), (isValid || isInvalid) && /*#__PURE__*/React.createElement(Feedback, {\n    type: isValid ? 'valid' : 'invalid',\n    tooltip: feedbackTooltip\n  }, feedback))));\n});\nFormFile.displayName = 'FormFile';\nFormFile.Input = FormFileInput;\nFormFile.Label = FormFileLabel;\nexport default FormFile;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport all from 'prop-types-extra/lib/all';\nimport React, { useContext } from 'react';\nimport warning from 'warning';\nimport Feedback from './Feedback';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar FormControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      bsCustomPrefix = _ref.bsCustomPrefix,\n      type = _ref.type,\n      size = _ref.size,\n      htmlSize = _ref.htmlSize,\n      id = _ref.id,\n      className = _ref.className,\n      _ref$isValid = _ref.isValid,\n      isValid = _ref$isValid === void 0 ? false : _ref$isValid,\n      _ref$isInvalid = _ref.isInvalid,\n      isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,\n      plaintext = _ref.plaintext,\n      readOnly = _ref.readOnly,\n      custom = _ref.custom,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'input' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"bsCustomPrefix\", \"type\", \"size\", \"htmlSize\", \"id\", \"className\", \"isValid\", \"isInvalid\", \"plaintext\", \"readOnly\", \"custom\", \"as\"]);\n\n  var _useContext = useContext(FormContext),\n      controlId = _useContext.controlId;\n\n  var _ref2 = custom ? [bsCustomPrefix, 'custom'] : [bsPrefix, 'form-control'],\n      prefix = _ref2[0],\n      defaultPrefix = _ref2[1];\n\n  bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);\n  var classes;\n\n  if (plaintext) {\n    var _classes;\n\n    classes = (_classes = {}, _classes[bsPrefix + \"-plaintext\"] = true, _classes);\n  } else if (type === 'file') {\n    var _classes2;\n\n    classes = (_classes2 = {}, _classes2[bsPrefix + \"-file\"] = true, _classes2);\n  } else if (type === 'range') {\n    var _classes3;\n\n    classes = (_classes3 = {}, _classes3[bsPrefix + \"-range\"] = true, _classes3);\n  } else if (Component === 'select' && custom) {\n    var _classes4;\n\n    classes = (_classes4 = {}, _classes4[bsPrefix + \"-select\"] = true, _classes4[bsPrefix + \"-select-\" + size] = size, _classes4);\n  } else {\n    var _classes5;\n\n    classes = (_classes5 = {}, _classes5[bsPrefix] = true, _classes5[bsPrefix + \"-\" + size] = size, _classes5);\n  }\n\n  process.env.NODE_ENV !== \"production\" ? warning(controlId == null || !id, '`controlId` is ignored on `<FormControl>` when `id` is specified.') : void 0;\n  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {\n    type: type,\n    size: htmlSize,\n    ref: ref,\n    readOnly: readOnly,\n    id: id || controlId,\n    className: classNames(className, classes, isValid && \"is-valid\", isInvalid && \"is-invalid\")\n  }));\n});\nFormControl.displayName = 'FormControl';\nexport default Object.assign(FormControl, {\n  Feedback: Feedback\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar FormGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      className = _ref.className,\n      children = _ref.children,\n      controlId = _ref.controlId,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'div' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"className\", \"children\", \"controlId\", \"as\"]);\n\n  bsPrefix = useBootstrapPrefix(bsPrefix, 'form-group');\n  var context = useMemo(function () {\n    return {\n      controlId: controlId\n    };\n  }, [controlId]);\n  return /*#__PURE__*/React.createElement(FormContext.Provider, {\n    value: context\n  }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {\n    ref: ref,\n    className: classNames(className, bsPrefix)\n  }), children));\n});\nFormGroup.displayName = 'FormGroup';\nexport default FormGroup;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\nimport warning from 'warning';\nimport Col from './Col';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar defaultProps = {\n  column: false,\n  srOnly: false\n};\nvar FormLabel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'label' : _ref$as,\n      bsPrefix = _ref.bsPrefix,\n      column = _ref.column,\n      srOnly = _ref.srOnly,\n      className = _ref.className,\n      htmlFor = _ref.htmlFor,\n      props = _objectWithoutPropertiesLoose(_ref, [\"as\", \"bsPrefix\", \"column\", \"srOnly\", \"className\", \"htmlFor\"]);\n\n  var _useContext = useContext(FormContext),\n      controlId = _useContext.controlId;\n\n  bsPrefix = useBootstrapPrefix(bsPrefix, 'form-label');\n  var columnClass = 'col-form-label';\n  if (typeof column === 'string') columnClass = columnClass + \" \" + columnClass + \"-\" + column;\n  var classes = classNames(className, bsPrefix, srOnly && 'sr-only', column && columnClass);\n  process.env.NODE_ENV !== \"production\" ? warning(controlId == null || !htmlFor, '`controlId` is ignored on `<FormLabel>` when `htmlFor` is specified.') : void 0;\n  htmlFor = htmlFor || controlId;\n  if (column) return /*#__PURE__*/React.createElement(Col, _extends({\n    as: \"label\",\n    className: classes,\n    htmlFor: htmlFor\n  }, props));\n  return (\n    /*#__PURE__*/\n    // eslint-disable-next-line jsx-a11y/label-has-for, jsx-a11y/label-has-associated-control\n    React.createElement(Component, _extends({\n      ref: ref,\n      className: classes,\n      htmlFor: htmlFor\n    }, props))\n  );\n});\nFormLabel.displayName = 'FormLabel';\nFormLabel.defaultProps = defaultProps;\nexport default FormLabel;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar FormText = /*#__PURE__*/React.forwardRef( // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\nfunction (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      className = _ref.className,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'small' : _ref$as,\n      muted = _ref.muted,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"className\", \"as\", \"muted\"]);\n\n  bsPrefix = useBootstrapPrefix(bsPrefix, 'form-text');\n  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {\n    ref: ref,\n    className: classNames(className, bsPrefix, muted && 'text-muted')\n  }));\n});\nFormText.displayName = 'FormText';\nexport default FormText;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport FormCheck from './FormCheck';\nvar Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(FormCheck, _extends({}, props, {\n    ref: ref,\n    type: \"switch\"\n  }));\n});\nSwitch.displayName = 'Switch';\nSwitch.Input = FormCheck.Input;\nSwitch.Label = FormCheck.Label;\nexport default Switch;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React from 'react';\nimport FormCheck from './FormCheck';\nimport FormFile from './FormFile';\nimport FormControl from './FormControl';\nimport FormGroup from './FormGroup';\nimport FormLabel from './FormLabel';\nimport FormText from './FormText';\nimport Switch from './Switch';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport createWithBsPrefix from './createWithBsPrefix';\nvar FormRow = createWithBsPrefix('form-row');\nvar defaultProps = {\n  inline: false\n};\nvar FormImpl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      inline = _ref.inline,\n      className = _ref.className,\n      validated = _ref.validated,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'form' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"inline\", \"className\", \"validated\", \"as\"]);\n\n  bsPrefix = useBootstrapPrefix(bsPrefix, 'form');\n  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {\n    ref: ref,\n    className: classNames(className, validated && 'was-validated', inline && bsPrefix + \"-inline\")\n  }));\n});\nFormImpl.displayName = 'Form';\nFormImpl.defaultProps = defaultProps;\nFormImpl.Row = FormRow;\nFormImpl.Group = FormGroup;\nFormImpl.Control = FormControl;\nFormImpl.Check = FormCheck;\nFormImpl.File = FormFile;\nFormImpl.Switch = Switch;\nFormImpl.Label = FormLabel;\nFormImpl.Text = FormText;\nexport default FormImpl;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport React from 'react';\nimport classNames from 'classnames';\nvar defaultProps = {\n  label: 'Close'\n};\nvar CloseButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var label = _ref.label,\n      onClick = _ref.onClick,\n      className = _ref.className,\n      props = _objectWithoutPropertiesLoose(_ref, [\"label\", \"onClick\", \"className\"]);\n\n  return /*#__PURE__*/React.createElement(\"button\", _extends({\n    ref: ref,\n    type: \"button\",\n    className: classNames('close', className),\n    onClick: onClick\n  }, props), /*#__PURE__*/React.createElement(\"span\", {\n    \"aria-hidden\": \"true\"\n  }, \"\\xD7\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"sr-only\"\n  }, label));\n});\nCloseButton.displayName = 'CloseButton';\nCloseButton.defaultProps = defaultProps;\nexport default CloseButton;","// extracted by mini-css-extract-plugin\nexport var calcOuter = \"AdvancedCalculator-module--calcOuter--1ZWfd\";\nexport var calc = \"AdvancedCalculator-module--calc--1s3Ms\";\nexport var row = \"AdvancedCalculator-module--row--36xb0\";\nexport var text = \"AdvancedCalculator-module--text--8ZVNA\";\nexport var container = \"AdvancedCalculator-module--container--3XNQ8\";\nexport var title = \"AdvancedCalculator-module--title--lSQDV\";\nexport var total = \"AdvancedCalculator-module--total--cx7jN\";\nexport var price = \"AdvancedCalculator-module--price--2WACa\";\nexport var pp = \"AdvancedCalculator-module--pp--4C-fc\";\nexport var vat = \"AdvancedCalculator-module--vat--1EAHl\";\nexport var breakdown = \"AdvancedCalculator-module--breakdown--Y1reH\";\nexport var subInfo = \"AdvancedCalculator-module--subInfo--3RQ1v\";\nexport var includes = \"AdvancedCalculator-module--includes--X4neA\";\nexport var includesTitle = \"AdvancedCalculator-module--includesTitle--sIeqU\";\nexport var close = \"AdvancedCalculator-module--close--aHT4Q\";","import { OutboundLink } from \"gatsby-plugin-google-gtag\";\r\nimport React, { useState } from \"react\";\r\nimport {\r\n  Button,\r\n  CloseButton,\r\n  Col,\r\n  Container,\r\n  Form,\r\n  Row,\r\n} from \"react-bootstrap\";\r\nimport * as styles from \"./AdvancedCalculator.module.scss\";\r\n\r\nconst AdvancedCalculator = () => {\r\n  const [cost, setCost] = useState(18);\r\n  const [userCost, setUserCost] = useState(18);\r\n  const [boardCost, setBoardCost] = useState(0);\r\n  const [storageCost, setStorageCost] = useState(0);\r\n  const [userVal, setUserVal] = useState(2);\r\n  const [boardVal, setBoardVal] = useState(5);\r\n  const [roundedBoardVal, setRoundedBoardVal] = useState(5);\r\n  const [storageVal, setStorageVal] = useState(1);\r\n  const [show, setShow] = useState(false);\r\n\r\n  function handleShow() {\r\n    if (show) {\r\n      document.body.classList.remove(\"overflow-hidden\");\r\n    } else {\r\n      document.body.classList.add(\"overflow-hidden\");\r\n    }\r\n\r\n    setShow(!show);\r\n  }\r\n\r\n  function onUserChange(e) {\r\n    let unitCost = [10.0, 8.0, 7.0, 6.0, 5.0];\r\n    let users = e.target.value ? parseInt(e.target.value, 10) : \"\";\r\n    setUserVal(users);\r\n    let total = 0;\r\n\r\n    for (let i = 1; i < users + 1; i++) {\r\n      if (i === 1) {\r\n        total += unitCost[0];\r\n        continue;\r\n      }\r\n\r\n      if (i >= 2 && i <= 10) {\r\n        total += unitCost[1];\r\n        continue;\r\n      }\r\n\r\n      if (i >= 11 && i <= 15) {\r\n        total += unitCost[2];\r\n        continue;\r\n      }\r\n\r\n      if (i >= 16 && i <= 20) {\r\n        total += unitCost[3];\r\n        continue;\r\n      }\r\n\r\n      if (i >= 21) {\r\n        total += unitCost[4];\r\n        continue;\r\n      }\r\n    }\r\n    setUserCost(total);\r\n    setCost(total + boardCost + storageCost);\r\n  }\r\n\r\n  function onBoardChange(e) {\r\n    let boards = e.target.value ? parseInt(e.target.value, 10) : \"\";\r\n    setBoardVal(boards);\r\n\r\n    if (boards === \"\") return;\r\n\r\n    let x = boards <= 5 ? 0 : (boards - 5) * 2;\r\n    setRoundedBoardVal(Math.ceil(boards / 5) * 5);\r\n    setBoardCost(x);\r\n    setCost(userCost + x + storageCost);\r\n  }\r\n\r\n  function onStorageChange(e) {\r\n    let storage = e.target.value ? parseInt(e.target.value, 10) : \"\";\r\n    setStorageVal(storage);\r\n    let x = storage <= 1 ? 0 : storage - 1;\r\n\r\n    setStorageCost(x);\r\n    setCost(userCost + boardCost + x);\r\n  }\r\n\r\n  function getBoardOptions() {\r\n    let x = [];\r\n    for (let i = 1; i < 21; i++) {\r\n      let bundle = i * 5;\r\n      x.push(\r\n        <option key={`board-${i}`} value={bundle}>\r\n          {bundle}\r\n        </option>\r\n      );\r\n    }\r\n    return x;\r\n  }\r\n\r\n  function getStorageOptions() {\r\n    let x = [];\r\n    for (let i = 1; i < 31; i++) {\r\n      x.push(\r\n        <option key={`storage-${i}`} value={i}>\r\n          {i}\r\n        </option>\r\n      );\r\n    }\r\n    return x;\r\n  }\r\n\r\n  const users = (nmbr) => {\r\n    let x = (\r\n      <div className={styles.breakdown}>\r\n        <div className={styles.subInfo}>1 user @ £10</div>\r\n      </div>\r\n    );\r\n\r\n    function checkS(calc) {\r\n      return calc === 1 ? \"\" : \"s\";\r\n    }\r\n\r\n    if (nmbr === 1) {\r\n      x = (\r\n        <div className={styles.breakdown}>\r\n          <div className={styles.subInfo}>1 user @ £10</div>\r\n        </div>\r\n      );\r\n    } else if (nmbr > 1 && nmbr <= 10) {\r\n      x = (\r\n        <div className={styles.breakdown}>\r\n          <div className={styles.subInfo}>1 user @ £10</div>\r\n          <div className={styles.subInfo}>\r\n            {nmbr - 1} user{checkS(nmbr - 1)} @ £8\r\n          </div>\r\n        </div>\r\n      );\r\n    } else if (nmbr > 10 && nmbr <= 15) {\r\n      x = (\r\n        <div className={styles.breakdown}>\r\n          <div className={styles.subInfo}>1 user @ £10</div>\r\n          <div className={styles.subInfo}>9 users @ £8</div>\r\n          <div className={styles.subInfo}>\r\n            {nmbr - 10} user{checkS(nmbr - 10)} @ £7\r\n          </div>\r\n        </div>\r\n      );\r\n    } else if (nmbr > 15 && nmbr <= 20) {\r\n      x = (\r\n        <div className={styles.breakdown}>\r\n          <div className={styles.subInfo}>1 user @ £10</div>\r\n          <div className={styles.subInfo}>9 users @ £8</div>\r\n          <div className={styles.subInfo}>5 users @ £7</div>\r\n          <div className={styles.subInfo}>\r\n            {nmbr - 15} user{checkS(nmbr - 15)} @ £6\r\n          </div>\r\n        </div>\r\n      );\r\n    } else if (nmbr > 20) {\r\n      x = (\r\n        <div className={styles.breakdown}>\r\n          <div className={styles.subInfo}>1 user @ £10</div>\r\n          <div className={styles.subInfo}>9 users @ £8</div>\r\n          <div className={styles.subInfo}>5 users @ £7</div>\r\n          <div className={styles.subInfo}>5 users @ £6</div>\r\n          <div className={styles.subInfo}>\r\n            {nmbr - 20} user{checkS(nmbr - 20)} @ £5\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return x;\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <div className={styles.text}>\r\n        <p>\r\n          5 Boards or 1gb storage not enough? Use our{\" \"}\r\n          <button onClick={handleShow}>Advanced Cost Calculator</button> to see\r\n          how little a subscription could cost you.\r\n        </p>\r\n      </div>\r\n      {show && (\r\n        <div className={styles.calcOuter}>\r\n          <div className={styles.calc}>\r\n            <div>\r\n              <Container>\r\n                <Row className={styles.row}>\r\n                  <Col md={6}>\r\n                    <div className={styles.container}>\r\n                      <h2 className={styles.title}>Total cost calculator</h2>\r\n                      <Form.Group className='mb-3' controlId='formBasicEmail'>\r\n                        <Form.Label>\r\n                          How many user accounts will you need?\r\n                        </Form.Label>\r\n                        <Form.Control\r\n                          type='number'\r\n                          value={userVal}\r\n                          onChange={onUserChange}\r\n                          aria-label='Number of users'\r\n                          min='1'\r\n                        />\r\n                      </Form.Group>\r\n                      <Form.Group className='mb-3' controlId='formBasicEmail'>\r\n                        <Form.Label>How many Boards will you need?</Form.Label>\r\n                        <Form.Control\r\n                          type='number'\r\n                          aria-label='Number of boards'\r\n                          onChange={onBoardChange}\r\n                          value={boardVal}\r\n                          min='5'\r\n                          step='5'\r\n                        ></Form.Control>\r\n                      </Form.Group>\r\n                      {/* <Form.Group className='mb-3' controlId='formBasicEmail'>\r\n                        <Form.Label>How many Boards will you need?</Form.Label>\r\n                        <Form.Control\r\n                          as='select'\r\n                          aria-label='Number of boards'\r\n                          onChange={onBoardChange}\r\n                          value={boardVal}\r\n                        >\r\n                          {getBoardOptions()}\r\n                        </Form.Control>\r\n                      </Form.Group> */}\r\n                      <Form.Group className='mb-3' controlId='formBasicEmail'>\r\n                        <Form.Label>\r\n                          How many gigabytes of storage will you need for T Card\r\n                          attachments?\r\n                        </Form.Label>\r\n                        <Form.Control\r\n                          type='number'\r\n                          aria-label='Storage amount'\r\n                          value={storageVal}\r\n                          onChange={onStorageChange}\r\n                          min='1'\r\n                        ></Form.Control>\r\n                      </Form.Group>\r\n                    </div>\r\n                  </Col>\r\n                  <Col md={6}>\r\n                    <div className={styles.container}>\r\n                      {/* <h2 className={styles.title}>Plan summary</h2> */}\r\n                      <div className={styles.total}>\r\n                        <div className={styles.price}>\r\n                          <span>£</span>\r\n                          {cost}\r\n                        </div>\r\n                        <div className={styles.pp}>\r\n                          <div>total</div>\r\n                          <div>\r\n                            per month{\" \"}\r\n                            <span className={styles.vat}>\r\n                              (£\r\n                              {(cost * 1.2 + Number.EPSILON).toFixed(2)} inc.\r\n                              VAT)\r\n                            </span>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className={styles.includes}>\r\n                        <h3 className={styles.includesTitle}>\r\n                          {userVal} user account{userVal > 1 ? \"s\" : \"\"}\r\n                        </h3>\r\n                        {users(userVal)}\r\n                      </div>\r\n                      <div className={styles.includes}>\r\n                        <h3 className={styles.includesTitle}>\r\n                          {roundedBoardVal} board\r\n                          {roundedBoardVal > 1 ? \"s\" : \"\"}\r\n                        </h3>\r\n                        {roundedBoardVal > 5 && (\r\n                          <div className={styles.breakdown}>\r\n                            <div className={styles.subInfo}>5 @ £0</div>\r\n                            <div className={styles.subInfo}>\r\n                              {roundedBoardVal - 5} @ £10 per 5 Boards\r\n                            </div>\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                      <div className={styles.includes}>\r\n                        <h3 className={styles.includesTitle}>\r\n                          {storageVal < 1 ? 1 : storageVal}gb card attachment\r\n                          storage\r\n                        </h3>\r\n                        {storageVal > 1 && (\r\n                          <div className={styles.breakdown}>\r\n                            <div className={styles.subInfo}>1gb @ £0</div>\r\n                            <div className={styles.subInfo}>\r\n                              {storageVal - 1}gb @ £1 per gb\r\n                            </div>\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                      <div className={styles.includes}>\r\n                        <h3 className={styles.includesTitle}>plus...</h3>\r\n                        <div className={styles.subInfo}>Unlimited T Cards</div>\r\n                        <div className={styles.subInfo}>\r\n                          Unlimited Card Designs\r\n                        </div>\r\n                        <div className={styles.subInfo}>\r\n                          Data Import & Export\r\n                        </div>\r\n                        <div className={styles.subInfo}>Mobile App</div>\r\n                        <div className={styles.subInfo}>API Access</div>\r\n                        <div className={styles.subInfo}>Audit Logs</div>\r\n                      </div>\r\n                    </div>\r\n                  </Col>\r\n                  <Col xs={12} className='text-center'>\r\n                    <Button\r\n                      as={OutboundLink}\r\n                      href='https://app.tcardsonline.co.uk/register'\r\n                      variant='primary'\r\n                      size='lg'\r\n                    >\r\n                      Sign up for your FREE TRIAL now\r\n                    </Button>\r\n                  </Col>\r\n                </Row>\r\n              </Container>\r\n            </div>\r\n            <CloseButton className={styles.close} onClick={handleShow} />\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default AdvancedCalculator;\r\n","import React, { useState } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Col, Container, Row, Card, Button } from \"react-bootstrap\";\r\nimport * as styles from \"./Pricing2.module.scss\";\r\nimport AdvancedCalculator from \"./AdvancedCalculator/AdvancedCalculator\";\r\n\r\nconst DefaultText = () => {\r\n  return (\r\n    <div className={styles.head}>\r\n      <h2 className='title'>Fair Pricing</h2>\r\n      <p>\r\n        Prices are based on the number of users, not the number of features, so\r\n        whether a team of 2 or 100 you get the same great product:\r\n      </p>\r\n      <p>\r\n        Unlimited T Cards, Unlimited Card Designs, 5 Custom Boards, 1gb\r\n        Attachment Storage and much more.\r\n      </p>\r\n    </div>\r\n  );\r\n};\r\n\r\nconst Pricing2 = ({ additional, showAdvanced, text }) => {\r\n  const [cost, setCost] = useState(18);\r\n  const [userVal, setUserVal] = useState(2);\r\n\r\n  function onUserChange(e) {\r\n    let unitCost = [10.0, 8.0, 7.0, 6.0, 5.0];\r\n    let users = e.target.value ? parseInt(e.target.value, 10) : \"\";\r\n    setUserVal(users);\r\n    let total = 0;\r\n\r\n    for (let i = 1; i < users + 1; i++) {\r\n      if (i === 1) {\r\n        total += unitCost[0];\r\n        continue;\r\n      }\r\n\r\n      if (i >= 2 && i <= 10) {\r\n        total += unitCost[1];\r\n        continue;\r\n      }\r\n\r\n      if (i >= 11 && i <= 15) {\r\n        total += unitCost[2];\r\n        continue;\r\n      }\r\n\r\n      if (i >= 16 && i <= 20) {\r\n        total += unitCost[3];\r\n        continue;\r\n      }\r\n\r\n      if (i >= 21) {\r\n        total += unitCost[4];\r\n        continue;\r\n      }\r\n    }\r\n\r\n    setCost(total);\r\n  }\r\n\r\n  return (\r\n    <section className={styles.root}>\r\n      <Container>\r\n        {text ? <div className={styles.head}>{text}</div> : <DefaultText />}\r\n        <Row>\r\n          <Col xs={{ order: 1 }} lg={{ span: 6, order: 0 }}>\r\n            <Row>\r\n              <Col xs={6} md={4} className={styles.priceColIn}>\r\n                <Card className={styles.card}>\r\n                  <Card.Body className={styles.cardBody}>\r\n                    <Card.Title\r\n                      className={\r\n                        styles.cardTitle +\r\n                        \" text-muted text-uppercase text-center\"\r\n                      }\r\n                    >\r\n                      User 1\r\n                    </Card.Title>\r\n                    <h6 className={styles.cardPrice}>\r\n                      £10<div className={styles.period}>per month</div>\r\n                    </h6>\r\n                  </Card.Body>\r\n                </Card>\r\n              </Col>\r\n              <Col xs={6} md={4} className={styles.priceColIn}>\r\n                <Card className={styles.card}>\r\n                  <Card.Body className={styles.cardBody}>\r\n                    <Card.Title\r\n                      className={\r\n                        styles.cardTitle +\r\n                        \" text-muted text-uppercase text-center\"\r\n                      }\r\n                    >\r\n                      Users 2 - 10\r\n                    </Card.Title>\r\n                    <h6 className={styles.cardPrice}>\r\n                      £8<div className={styles.period}>per user per month</div>\r\n                    </h6>\r\n                  </Card.Body>\r\n                </Card>\r\n              </Col>\r\n              <Col xs={6} md={4} className={styles.priceColIn}>\r\n                <Card className={styles.card}>\r\n                  <Card.Body className={styles.cardBody}>\r\n                    <Card.Title\r\n                      className={\r\n                        styles.cardTitle +\r\n                        \" text-muted text-uppercase text-center\"\r\n                      }\r\n                    >\r\n                      Users 11 - 15\r\n                    </Card.Title>\r\n                    <h6 className={styles.cardPrice}>\r\n                      £7<div className={styles.period}>per user per month</div>\r\n                    </h6>\r\n                  </Card.Body>\r\n                </Card>\r\n              </Col>\r\n              <Col xs={6} md={6} className={styles.priceColIn}>\r\n                <Card className={styles.card}>\r\n                  <Card.Body className={styles.cardBody}>\r\n                    <Card.Title\r\n                      className={\r\n                        styles.cardTitle +\r\n                        \" text-muted text-uppercase text-center\"\r\n                      }\r\n                    >\r\n                      Users 15 - 20\r\n                    </Card.Title>\r\n                    <h6 className={styles.cardPrice}>\r\n                      £6<div className={styles.period}>per user per month</div>\r\n                    </h6>\r\n                  </Card.Body>\r\n                </Card>\r\n              </Col>\r\n              <Col xs={12} md={6} className={styles.priceColIn}>\r\n                <Card className={styles.card}>\r\n                  <Card.Body className={styles.cardBody}>\r\n                    <Card.Title\r\n                      className={\r\n                        styles.cardTitle +\r\n                        \" text-muted text-uppercase text-center\"\r\n                      }\r\n                    >\r\n                      Users 21+\r\n                    </Card.Title>\r\n                    <h6 className={styles.cardPrice}>\r\n                      £5\r\n                      <div className={styles.period}>per user per month</div>\r\n                    </h6>\r\n                  </Card.Body>\r\n                </Card>\r\n              </Col>\r\n            </Row>\r\n          </Col>\r\n\r\n          <Col lg={6} className={styles.calcCol}>\r\n            <Card className={styles.card}>\r\n              <Card.Body className={styles.cardBody}>\r\n                <div className={styles.calc}>\r\n                  <Card.Title\r\n                    className={\r\n                      styles.cardTitle +\r\n                      \" text-muted text-uppercase text-center\"\r\n                    }\r\n                  >\r\n                    Quick total cost calculator\r\n                  </Card.Title>\r\n\r\n                  <div className={styles.calcText + \" text-center\"}>\r\n                    <span className={styles.inputHolder}>\r\n                      <input\r\n                        className={styles.input}\r\n                        aria-label='Number of users'\r\n                        onChange={onUserChange}\r\n                        type='number'\r\n                        value={userVal}\r\n                        min='1'\r\n                      />\r\n                      <FontAwesomeIcon\r\n                        className={styles.inputEdit}\r\n                        icon={[\"far\", \"pencil\"]}\r\n                      />\r\n                      user{userVal > 1 ? \"s\" : \"\"}\r\n                    </span>\r\n\r\n                    <h6 className={styles.totalPrice}>£{cost}</h6>\r\n                    <span className={styles.period + \" d-block\"}>\r\n                      per month\r\n                    </span>\r\n                  </div>\r\n                  <div className={styles.btnGroup}>\r\n                    <Button\r\n                      variant='primary'\r\n                      size='lg'\r\n                      href='https://app.tcardsonline.co.uk/register'\r\n                    >\r\n                      Sign up for a free trial now\r\n                    </Button>\r\n                  </div>\r\n                </div>\r\n              </Card.Body>\r\n            </Card>\r\n          </Col>\r\n        </Row>\r\n        {showAdvanced && <AdvancedCalculator />}\r\n      </Container>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default Pricing2;\r\n"],"sourceRoot":""}