{"version":3,"sources":["webpack:///./Scripts/Components/ValueCodeInput.js"],"names":["ValueCodeInput","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","state","value","inputValue","disabled","organization","name","id","_createClass","key","this","getOrganization","setState","length","_this2","get","then","response","json","setOrganization","ex","console","log","_this3","_this$props","_this$state","persons","onEdit","onRemove","React","createElement","Fragment","className","translate","readOnly","type","autoComplete","onChange","event","handleInputChange","target","onClick","resetOrganization","Component"],"mappings":"gmBAEoD,IAE9CA,EAAc,SAAAC,GAAAC,IAAAF,EAAAC,GAAA,IAAAE,EAAAC,EAAAJ,GAChB,SAAAA,EAAYK,GAAO,IAAAC,EASb,OATaC,IAAA,KAAAP,IACfM,EAAAH,EAAAK,KAAA,KAAMH,IACDI,MAAQ,CACTC,MAAOL,EAAMM,WACbC,UAAU,EACVC,aAAc,CACVC,KAAM,GACNC,GAAI,KAEVT,EA2FL,OA1FAU,IAAAhB,EAAA,EAAAiB,IAAA,oBAAAP,MAED,WACIQ,KAAKC,gBAAgBD,KAAKT,MAAMC,SACnC,CAAAO,IAAA,oBAAAP,MAED,SAAkBA,GACdQ,KAAKE,SAAS,CACVV,MAAOA,IAGPA,EAAMW,OAAS,GACfH,KAAKC,gBAAgBT,KAE5B,CAAAO,IAAA,oBAAAP,MAED,WACIQ,KAAKE,SAAS,CACVR,UAAU,EACVC,aAAc,CACVC,KAAM,GACNC,GAAI,IAERL,MAAO,OAEd,CAAAO,IAAA,kBAAAP,MAED,SAAgBC,GAAY,IAAAW,EAAA,KACxB,OAAOC,YAAI,iBAAmBZ,GACzBa,MAAK,SAACC,GAAQ,OAAKA,EAASC,UAC5BF,MAAK,SAACX,GACHS,EAAKK,gBAAgBd,MACvB,OACK,SAACe,GAAE,OAAKC,QAAQC,IAAI,YAClC,CAAAb,IAAA,kBAAAP,MAED,SAAgBG,GACTA,EAAaC,MACZI,KAAKE,SAAS,CACVP,aAAcA,EACdD,UAAU,MAGrB,CAAAK,IAAA,SAAAP,MAED,WAAS,IAAAqB,EAAA,KAAAC,EACiCd,KAAKb,MAAV4B,GAAlBD,EAAPE,QAAeF,EAANG,OAAgBH,EAARI,SACkBlB,KAAKT,OAAxCI,EAAYoB,EAAZpB,aAAcD,EAAQqB,EAARrB,SAAUF,EAAKuB,EAALvB,MAChC,OACI2B,IAAAC,cAACC,WAAQ,KAULF,IAAAC,cAAA,SAAOE,UAAU,eACZC,YAAU,oBAEfJ,IAAAC,cAAA,SACIE,UAAU,cACVzB,GAAG,yBACH2B,SAAU9B,EACVE,KAAK,yBACL6B,KAAK,OACLC,aAAa,QACblC,MAAOA,EACPmC,SAAU,SAACC,GAAK,OACZf,EAAKgB,kBAAkBD,EAAME,OAAOtC,UAG3CE,GAAYC,EAAaC,MACtBuB,IAAAC,cAACC,WAAQ,KACLF,IAAAC,cAAA,OAAKW,QAAS,kBAAMlB,EAAKmB,qBAAqBV,UAAU,0DACnDC,YAAU,yBAGfJ,IAAAC,cAAA,WACID,IAAAC,cAAA,SAAOE,UAAU,eACZC,YAAU,8BAEfJ,IAAAC,cAAA,OAAKE,UAAU,kBAAkB3B,EAAaC,aAMrEd,EArGe,CAASmD,aAwGdnD","file":"13.d1730acce02327572eb9.js","sourcesContent":["import React, { Component, Fragment } from \"react\";\r\nimport { get, post, put } from \"../Services/http\";\r\nimport { translate } from \"../Services/translation\";\r\n\r\nclass ValueCodeInput extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            value: props.inputValue,\r\n            disabled: false,\r\n            organization: {\r\n                name: '',\r\n                id: ''\r\n            }\r\n        };\r\n    }\r\n    \r\n    componentDidMount() { \r\n        this.getOrganization(this.state.value);                                 \r\n    }\r\n\r\n    handleInputChange(value) {\r\n        this.setState({\r\n            value: value,\r\n        });\r\n\r\n        if (value.length > 5) {\r\n            this.getOrganization(value);\r\n        }\r\n    }\r\n\r\n    resetOrganization() {\r\n        this.setState({\r\n            disabled: false,\r\n            organization: {\r\n                name: '',\r\n                id: ''\r\n            },\r\n            value: ''\r\n        });\r\n    }\r\n\r\n    getOrganization(inputValue) {\r\n        return get(\"/api/customer/\" + inputValue)\r\n            .then((response) => response.json())\r\n            .then((organization) => {\r\n                this.setOrganization(organization);\r\n            })\r\n            .catch((ex) => console.log(\"fel\"));\r\n    }\r\n\r\n    setOrganization(organization) {\r\n        if(organization.name){\r\n            this.setState({\r\n                organization: organization,\r\n                disabled: true,\r\n            });\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const { persons, onEdit, onRemove } = this.props;\r\n        const { organization, disabled, value  } = this.state;\r\n        return (\r\n            <Fragment>\r\n                {/* <input\r\n                    className=\"form__input\"\r\n                    id=\"RegisterForm_ValueCode\"\r\n                    name=\"RegisterForm.ValueCode\"\r\n                    type=\"text\"\r\n                    onChange={(event) =>\r\n                        this.handleInputChange(event.target.value)\r\n                    }\r\n                /> */}\r\n                <label className=\"form__label\">\r\n                    {translate(\"login.valuecode\")}\r\n                </label>\r\n                <input\r\n                    className=\"form__input\"\r\n                    id=\"RegisterForm_ValueCode\"\r\n                    readOnly={disabled}\r\n                    name=\"RegisterForm.ValueCode\"\r\n                    type=\"text\"\r\n                    autoComplete=\"email\"\r\n                    value={value}\r\n                    onChange={(event) =>\r\n                        this.handleInputChange(event.target.value)\r\n                    }\r\n                />\r\n                {disabled && organization.name && (\r\n                    <Fragment>\r\n                        <div onClick={() => this.resetOrganization()} className=\"btn btn__text btn__text--green login__wrong-value-code\">\r\n                            {translate(\"login.wrongvaluecode\")}\r\n                        </div>\r\n\r\n                        <div>\r\n                            <label className=\"form__label\">\r\n                                {translate(\"login.companyorganization\")}\r\n                            </label>\r\n                            <div className=\"login__company\">{organization.name}</div>\r\n                        </div>\r\n                    </Fragment>\r\n                )}\r\n            </Fragment>\r\n        );\r\n    }\r\n}\r\n\r\nexport default ValueCodeInput;\r\n"],"sourceRoot":""}