text: "use strict";
  /*
   * Copyright 2017-2017 Amazon.com, Inc. or its affiliates. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
   * the License. A copy of the License is located at
   *
   *     http://aws.amazon.com/apache2.0/
   *
   * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
   * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
   * and limitations under the License.
   */
  var __extends = (this && this.__extends) || (function () {
      var extendStatics = Object.setPrototypeOf ||
          ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
          function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
      return function (d, b) {
          extendStatics(d, b);
          function __() { this.constructor = d; }
          d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
      };
  })();
  Object.defineProperty(exports, "__esModule", { value: true });
  var React = require("react");
  var react_1 = require("react");
  var core_1 = require("@aws-amplify/core");
  var Picker_1 = require("./Picker");
  var Amplify_UI_Theme_1 = require("../Amplify-UI/Amplify-UI-Theme");
  var Amplify_UI_Components_React_1 = require("../Amplify-UI/Amplify-UI-Components-React");
  var PickerPreview = {
      maxWidth: '100%'
  };
  var logger = new core_1.ConsoleLogger('PhotoPicker');
  var PhotoPicker = /** @class */ (function (_super) {
      __extends(PhotoPicker, _super);
      function PhotoPicker(props) {
          var _this = _super.call(this, props) || this;
          _this.handlePick = _this.handlePick.bind(_this);
          _this.state = {
              previewSrc: props.previewSrc
          };
          return _this;
      }
      PhotoPicker.prototype.handlePick = function (data) {
          var that = this;
          var file = data.file, name = data.name, size = data.size, type = data.type;
          var _a = this.props, preview = _a.preview, onPick = _a.onPick, onLoad = _a.onLoad;
          if (onPick) {
              onPick(data);
          }
          if (preview) {
              var reader = new FileReader();
              reader.onload = function (e) {
                  var url = e.target.result;
                  that.setState({ previewSrc: url });
                  if (onLoad) {
                      onLoad(url);
                  }
              };
              reader.readAsDataURL(file);
          }
      };
      PhotoPicker.prototype.render = function () {
          var preview = this.props.preview;
          var previewSrc = this.state.previewSrc;
          var headerText = this.props.headerText || 'Photos';
          var headerHint = this.props.headerHint || 'Add your photos by clicking below';
          var title = this.props.title || 'Select a Photo';
          var theme = this.props.theme || Amplify_UI_Theme_1.default;
          var containerStyle = Object.assign({}, Picker_1.default, theme.picker);
          var previewStyle = Object.assign({}, PickerPreview, theme.pickerPreview);
          var previewHidden = !(preview && preview !== 'hidden');
          return (React.createElement(Amplify_UI_Components_React_1.FormSection, { theme: theme },
              React.createElement(Amplify_UI_Components_React_1.SectionHeader, { theme: theme, hint: headerHint }, core_1.I18n.get(headerText)),
              React.createElement(Amplify_UI_Components_React_1.SectionBody, { theme: theme }, previewSrc ?
                  (previewHidden ?
                      'The image has been selected' :
                      React.createElement("img", { src: previewSrc, style: previewStyle })) :
                  React.createElement(Amplify_UI_Components_React_1.PhotoPlaceholder, { theme: theme })),
              React.createElement(Picker_1.default, { title: title, accept: "image/*", theme: theme, onPick: this.handlePick })));
      };
      return PhotoPicker;
  }(react_1.Component));
  exports.default = PhotoPicker;
  //# sourceMappingURL=PhotoPicker.js.map