{"version":3,"sources":["webpack:///./Scripts/Components/AdvancedSearch/AdvancedSearch.SearchInfoBox.js","webpack:///./Scripts/Components/LicensePlateInput.js","webpack:///./Scripts/Components/LoadingDots.js","webpack:///./Scripts/Components/StyledSelect.js","webpack:///./Scripts/render-for-server.js"],"names":["text","buttonText","onClick","children","className","translate","autoFocus","value","onChange","onEnterKey","placeholder","disabled","src","mask","unmask","onAccept","v","onKeyDown","e","key","target","replace","size","color","StyledSelectComponents","DownChevron","IndicatorSeparator","StyledSelectStyles","control","provided","height","forwardRef","props","ref","styles","components","Component","theme","KransensGummiMuiTheme","store","global","LitiumReduxStore"],"mappings":"gIAGA,MAwBA,EAxBoC,EAClCA,OACAC,aACAC,UACAC,cAGE,uBAAKC,UAAU,gCACb,uBAAKA,UAAU,wCACb,2BACE,6BAAOC,OAAU,kCAAjB,MACCL,GAEH,0BAAQI,UAAU,8BAA8BF,QAASA,GACtDD,IAGJE,GACC,uBAAKC,UAAU,yCAAyCD,G,yEClBhE,MA8BA,EA9B0B,EACxBG,YACAC,QACAC,WACAC,aACAC,cACAC,cAIE,uBAAKP,UAAU,uBACb,uBAAKA,UAAU,gCACb,uBAAKQ,IAAI,mCACT,gBAAC,KAAD,CACEN,UAAWA,EACXO,KAPiB,cAQjBC,QAAQ,EACRP,MAAOA,EACPI,SAAUA,EACVI,SAAWC,GAAMR,EAASQ,GAC1BN,YAAaA,GAAe,UAC5BO,UAAYC,GACD,SAATA,EAAEC,KAAkBV,EAAWS,EAAEE,OAAOb,MAAMc,QAAQ,IAAK,Q,+DCvBvE,UAAkBC,OAAMC,WAEpB,uBACEnB,UAAY,uBACVkB,EAAO,gBAAkBA,EAAO,cAChCC,EAAQ,gBAAkBA,EAAQ,MAEpC,uBAAKnB,UAAU,uBACf,uBAAKA,UAAU,wBACf,uBAAKA,UAAU,sB,iTCNd,MAAMoB,EAAyB,CACpCC,YAAa,gBAAC,IAAD,CAAWH,KAAM,KAC9BI,mBAAoB,MAGTC,EAAqB,CAChCC,QAAUC,IAAD,IACJA,EACHC,OAAQ,MAgBZ,GAZqBC,iBAAW,CAACC,EAAOC,IAEpC,gBAAC,KAAD,GACEvB,aAAaL,OAAU,+BACnB2B,EAFN,CAGEC,IAAKA,EACLC,OAAQ,IAAKP,KAAuBK,EAAME,QAC1CC,WAAY,IAAKX,KAA2BQ,EAAMG,gB,+FCnBxD,SAAgBC,EAAWJ,IACzB,gBAAC,IAAD,CAAeK,MAAOC,KACpB,gBAAC,KAAD,CAAUC,MAAOC,IAAOC,kBACtB,gBAACL,EAAcJ,I","file":"8522.84f21e5a1c7a9a3423d6.js","sourcesContent":["import React from 'react';\nimport { translate } from '../../Services/translation';\n\nconst AdvancedSearchSearchInfoBox = ({\n  text,\n  buttonText,\n  onClick,\n  children,\n}) => {\n  return (\n    <div className=\"advanced-search__search-info\">\n      <div className=\"advanced-search__search-info-content\">\n        <div>\n          <span>{translate('advanced-search.showing-result')}: </span>\n          {text}\n        </div>\n        <button className=\"btn btn--outline btn--small\" onClick={onClick}>\n          {buttonText}\n        </button>\n      </div>\n      {children && (\n        <div className=\"advanced-search__search-info-children\">{children}</div>\n      )}\n    </div>\n  );\n};\n\nexport default AdvancedSearchSearchInfoBox;\n","import React from 'react';\nimport { IMaskInput } from 'react-imask';\n\nconst LicensePlateInput = ({\n  autoFocus,\n  value,\n  onChange,\n  onEnterKey,\n  placeholder,\n  disabled,\n}) => {\n  const licensePlateMask = '{***} {***}';\n  return (\n    <div className=\"license-plate-input\">\n      <div className=\"license-plate-input__wrapper\">\n        <img src=\"/ui/images/registration-se.svg\" />\n        <IMaskInput\n          autoFocus={autoFocus}\n          mask={licensePlateMask}\n          unmask={true}\n          value={value}\n          disabled={disabled}\n          onAccept={(v) => onChange(v)}\n          placeholder={placeholder ?? 'ABC 123'}\n          onKeyDown={(e) =>\n            e.key == 'Enter' && onEnterKey(e.target.value.replace(' ', ''))\n          }\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default LicensePlateInput;\n","import React from 'react';\n\nexport default ({ size, color }) => {\n  return (\n    <div\n      className={`dot-elastic \n      ${size ? 'dot-elastic--' + size : ''} \n      ${color ? 'dot-elastic--' + color : ''}`}\n    >\n      <div className=\"dot-elastic__first\"></div>\n      <div className=\"dot-elastic__second\"></div>\n      <div className=\"dot-elastic__last\"></div>\n    </div>\n  );\n};\n","import { CaretDown } from 'phosphor-react';\nimport React, { forwardRef } from 'react';\nimport ReactSelect from 'react-select';\nimport { translate } from '../Services/translation';\n\nexport const StyledSelectComponents = {\n  DownChevron: <CaretDown size={24} />,\n  IndicatorSeparator: null,\n};\n\nexport const StyledSelectStyles = {\n  control: (provided) => ({\n    ...provided,\n    height: 48,\n  }),\n};\n\nconst StyledSelect = forwardRef((props, ref) => {\n  return (\n    <ReactSelect\n      placeholder={translate('general.select-placeholder')}\n      {...props}\n      ref={ref}\n      styles={{ ...StyledSelectStyles, ...props.styles }}\n      components={{ ...StyledSelectComponents, ...props.components }}\n    />\n  );\n});\n\nexport default StyledSelect;\n","import React from 'react';\nimport { ThemeProvider } from '@material-ui/core/styles';\nimport { Provider } from 'react-redux';\nimport KransensGummiMuiTheme from './KransensGummiMuiTheme';\n\nexport default (Component, props) => (\n  <ThemeProvider theme={KransensGummiMuiTheme}>\n    <Provider store={global.LitiumReduxStore}>\n      <Component {...props} />\n    </Provider>\n  </ThemeProvider>\n);\n"],"sourceRoot":""}