"use strict";var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard"),_interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")),_createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass")),_inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits")),_possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")),_getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")),_defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty")),React=_interopRequireWildcard(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_reactStripeElements=require("react-stripe-elements"),_withStyles=_interopRequireDefault(require("../../hoc/withStyles")),_CardSection=_interopRequireDefault(require("./CardSection")),_styles=_interopRequireDefault(require("./styles"));function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function(){var result,Super=(0,_getPrototypeOf2["default"])(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,_possibleConstructorReturn2["default"])(this,result)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}var CreditCardDetailForm=/*#__PURE__*/function(_React$Component){function CreditCardDetailForm(props){var _this;return(0,_classCallCheck2["default"])(this,CreditCardDetailForm),_this=_super.call(this,props),_this.state={elementFontSize:450>window.innerWidth?"14px":"18px"},window.addEventListener("resize",function(){450>window.innerWidth&&"14px"!==_this.state.elementFontSize?_this.setState({elementFontSize:"14px"}):450<=window.innerWidth&&"18px"!==_this.state.elementFontSize&&_this.setState({elementFontSize:"18px"})}),_this}(0,_inherits2["default"])(CreditCardDetailForm,_React$Component);var _super=_createSuper(CreditCardDetailForm);return(0,_createClass2["default"])(CreditCardDetailForm,[{key:"render",value:function render(){var classes=this.props.classes,elementFontSize=this.state.elementFontSize;return/*#__PURE__*/React.createElement(_reactStripeElements.Elements,{fontSize:elementFontSize},/*#__PURE__*/React.createElement(_CardSection["default"],{classes:classes,fontSize:elementFontSize}))}}]),CreditCardDetailForm}(React.Component);(0,_defineProperty2["default"])(CreditCardDetailForm,"propTypes",{classes:_propTypes["default"].any});var _default=(0,_withStyles["default"])(_styles["default"])(CreditCardDetailForm);exports["default"]=_default;