1(this["webpackJsonpscreen-sample"]=this["webpackJsonpscreen-sample"]||[]).push([[129],{378:function(n,e,t){"use strict";function r(n,e){if(null==n)return{};var t,r,a=function(n,e){if(null==n)return{};var t,r,a={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(a[t]=n[t]);return a}(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(a[t]=n[t])}return a}t.d(e,"a",(function(){return r}))},387:function(n,e,t){"use strict";t.d(e,"b",(function(){return I})),t.d(e,"a",(function(){return q})),t.d(e,"c",(function(){return J}));var r=t(378),a=t(14),i=t(7),o=t(0),s=t.n(o),c=t(4),l=t(31),u=t.n(l),p=t(116),h=t.n(p),m=t(388),d=t(47);function f(){const n=Object(i.a)(["\n ","\n\n height: 150px;\n\n resize: none;\n"]);return f=function(){return n},n}function b(){const n=Object(i.a)(["\n line-height: 24px;\n "]);return b=function(){return n},n}function g(){const n=Object(i.a)(["\n position: relative;\n display: block;\n width: 100%;\n max-width: 355px;\n\n label {\n font-size: 12px;\n\n ","\n\n color: ",";\n }\n"]);return g=function(){return n},n}function x(){const n=Object(i.a)(["\n transform: initial;\n border-radius: initial;\n\n max-width: 355px;\n"]);return x=function(){return n},n}function O(){const n=Object(i.a)(["\n font-size: 16px;\n "]);return O=function(){return n},n}function E(){const n=Object(i.a)(["\n font-size: 12px;\n "]);return E=function(){return n},n}function j(){const n=Object(i.a)(["\n font-size: 16px;\n "]);return j=function(){return n},n}function y(){const n=Object(i.a)(["\n ","\n\n height: auto;\n min-height: 30px;\n padding: 6px 12px 6px 12px;\n font-weight: 300;\n line-height: 1.5;\n color: #000;\n position: relative;\n background: #fff;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n margin-left: 0;\n border: #e3e3e3 1px solid;\n font-size: 12px;\n\n ","\n ","\n ","\n\n // TODO: payment\u3068\u30af\u30fc\u30dd\u30f3\u3082\u66f8\u304d\u63db\u3048\u3066\u304b\u3089\u53d6\u308b\n border-radius: 0;\n\n display: inline;\n"]);return y=function(){return n},n}function v(){const n=Object(i.a)(["\n ","\n\n height: 50px;\n"]);return v=function(){return n},n}function w(){const n=Object(i.a)(["\n border: 1px solid #e0e0e0;\n box-sizing: border-box;\n border-radius: 4px;\n font-size: 16px;\n\n width: 100%;\n\n padding: 1em;\n"]);return w=function(){return n},n}function C(){const n=Object(i.a)(["\n &.error {\n ","\n }\n"]);return C=function(){return n},n}function k(){const n=Object(i.a)(["\n &.error {\n ","\n }\n\n // spin\u3092\u8868\u793a\u3057\u306a\u3044\n /* Chrome/Safari */\n &[type='number']::-webkit-outer-spin-button,\n &[type='number']::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n\n // spin\u3092\u8868\u793a\u3057\u306a\u3044\n /* Firefox */\n &[type='number'] {\n -moz-appearance: textfield;\n }\n"]);return k=function(){return n},n}function S(){const n=Object(i.a)(["\n background-color: ",";\n border-color: ",";\n"]);return S=function(){return n},n}function z(){const n=Object(i.a)(["\n color: ",";\n text-align: left;\n"]);return z=function(){return n},n}function N(){const n=Object(i.a)(["\n text-align: left;\n display: block;\n"]);return N=function(){return n},n}const R=c.c.label(N()),T=c.c.p(z(),n=>n.theme.color.error.font),D=Object(c.b)(S(),n=>n.theme.color.error.bg,n=>n.theme.color.error.font),L=c.c.input(k(),D),P=c.c.textarea(C(),D);class M extends s.a.Component{prohibitCopyPaste(n){n.preventDefault()}render(){const n=this.props,e=n.formData,t=n.name,r=n.handleChange,i=n.handleInput,o=n.className,c=n.type,l=n.required,p=n.pattern,d=n.max,f=n.min,b=n.disabledPaste,g=n.placeholder,x=n.label,O=n.PostfixDom,E=n.TooltipDom,j=n.maxLength,y=n.minLength,v=n.autocomplete,w=n.forwardRef;let C={};b&&(C={onCopy:this.prohibitCopyPaste,onPaste:this.prohibitCopyPaste,onContextMenu:this.prohibitCopyPaste});const k=u.a.get(e,"errMsg.".concat(t),""),S=Object(a.a)({className:h()(o,{error:k}),type:c||"text",required:l,id:t,name:t,value:u.a.get(e,t,""),ref:w,onChange:r,onInput:i,maxLength:j||("textarea"===c?void 0:100),minLength:y,pattern:p,max:d,min:f,placeholder:g,autocomplete:v},C);return s.a.createElement(s.a.Fragment,null,x&&s.a.createElement(R,{htmlFor:t},x,l&&s.a.createElement("span",{style:{color:"red"}}," *"),E&&s.a.createElement(m.a,{isOnRightSide:!0},s.a.createElement(E,null))),"textarea"===c?s.a.createElement(P,S):s.a.createElement(L,Object.assign({},S,{onWheelCapture:n=>{n.currentTarget.blur()}})),O&&s.a.createElement(O,null),k&&s.a.createElement(T,null,k))}}const F=Object(c.b)(w()),A=Object(c.c)(M)(v(),F),I=Object(c.c)(M)(y(),F,d.a.lessThan("sp812")(j()),d.a.lessThan("tablet")(E()),d.a.lessThan("sp736")(O())),W=Object(c.c)(I)(x()),_=c.c.span(g(),d.a.lessThan("tablet")(b()),n=>n.theme.color.gray.dark),q=n=>{const e=n.className,t=Object(r.a)(n,["className"]);return s.a.createElement(_,{className:"inputWrapper ".concat(e)},s.a.createElement(W,t))},J=Object(c.c)(M)(f(),F);e.d=A},388:function(n,e,t){"use strict";var r=t(7),a=t(0),i=t.n(a),o=t(4),s=t(47);function c(){const n=Object(r.a)(["\n top: -8px;\n right: 27em;
1\n transform: rotateZ(45deg);\n "]);return c=function(){return n},n}function l(){const n=Object(r.a)(["\n top: -5px;\n right: ","\n "]);return l=function(){return n},n}function u(){const n=Object(r.a)(["\n // \u53f3\u304b\u3089\u5de6\u306bfade-in\n right: 4em;\n "]);return u=function(){return n},n}function p(){const n=Object(r.a)(["\n position: ",";\n top: initial;\n right: ",";\n width: ",";\n transform: none;\n "]);return p=function(){return n},n}function h(){const n=Object(r.a)(["\n position: 'absolute';\n top: 2.2em;\n width: '65vw';\n transform: none;\n left: -10em;\n "]);return h=function(){return n},n}function m(){const n=Object(r.a)(["\n /* \u4f4d\u7f6e\u306e\u60c5\u5831 */\n position: absolute;\n right: 2em;\n line-height: 3;\n\n display: block;\n overflow: visible;\n width: 45vw;\n max-width: 440px;\n height: fit-content;\n transform: translateY(-50%);\n\n z-index: ",";\n\n /* \u4e2d\u8eab\u306e\u60c5\u5831 */\n background: white;\n color: ",";\n font-size: 12px;\n padding: 10px;\n border-radius: 6px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n pointer-events: none;\n\n ","\n\n ","\n\n /* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u60c5\u5831 */\n transition: all 0.4s ease;\n visibility: hidden;\n opacity: 0;\n\n // Circle\u306bhover\u6642\u5439\u304d\u51fa\u3057\u3092\u8868\u793a\u3059\u308b\n div:hover > div > & {\n /* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u60c5\u5831 */\n visibility: visible;\n opacity: 1;\n ","\n }\n\n /* \u5439\u304d\u51fa\u3057\u306e\u3057\u3063\u307d */\n &::after {\n /* \u4f4d\u7f6e\u306e\u60c5\u5831 */\n position: absolute;\n right: -10px;\n top: 50%;\n transform: rotateZ(45deg) translateX(-50%);\n transform-origin: left;\n\n ","\n\n // \u4e0a\u306b\u8868\u793a\n ","\n\n /* \u4e2d\u8eab\u306e\u60c5\u5831 */\n content: ' ';\n display: block;\n width: 10px;\n height: 10px;\n\n background: white;\n }\n"]);return m=function(){return n},n}function d(){const n=Object(r.a)(["\n position: relative;\n\n /* \u4f4d\u7f6e\u306e\u60c5\u5831 */\n display: inline-block;\n width: 16px;\n height: 16px;\n margin-left: 5px;\n margin-bottom: 1px;\n vertical-align: middle;\n\n /* \u4e2d\u8eab\u306e\u60c5\u5831 */\n background: ",";\n border-radius: 100%;\n\n /* ?\u30de\u30fc\u30af */\n &::before {\n /* \u4f4d\u7f6e\u306e\u60c5\u5831 */\n position: absolute;\n display: inline-block;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%) scale(0.6);\n\n /* \u4e2d\u8eab\u306e\u60c5\u5831 */\n content: '?';\n color: white;\n font-size: 19px;\n font-weight: bold;\n }\n"]);return d=function(){return n},n}function f(){const n=Object(r.a)(["\n top: .5em;\n left: -1em;\n\n margin-top: 2em;\n\n display: grid;\n "]);return f=function(){return n},n}function b(){const n=Object(r.a)(["\n position: relative;\n ","\n"]);return b=function(){return n},n}const g=o.c.div(b(),s.a.lessThan("sp736")(f())),x=o.c.div(d(),n=>n.theme.color.primary.font),O=o.c.div(m(),n=>n.theme.zIndex.header+1,n=>n.theme.color.black,n=>n.isLeft?Object(o.b)(h()):"",s.a.lessThan("sp736")(p(),n=>n.isOnRightSide?"absolute":"initial",n=>n.isOnRightSide?"-1.5em":"2em",n=>n.isOnRightSide?"65vw":"45vw"),s.a.greaterThan("sp736")(u()),s.a.lessThan("sp736")(l(),n=>n.isOnRightSide?"6px":"-10px"),n=>n.isLeft?Object(o.b)(c()):"");class E extends i.a.PureComponent{constructor(n){super(n),this.state={isLeft:!1},this.circleRef=Object(a.createRef)()}componentDidMount(){const n=this.circleRef.current.getBoundingClientRect(),e=window.innerWidth/2;this.setState({isLeft:n.left<e})}render(){return i.a.createElement(x,{ref:this.circleRef},i.a.createElement(g,null,i.a.createElement(O,{isLeft:this.state.isLeft,isOnRightSide:this.props.isOnRightSide},this.props.children)))}}e.a=E},457:function(n,e,t){"use strict";t.d(e,"a",(function(){return w}));var r=t(378),a=t(7),i=t(0),o=t.n(i),s=t(31),c=t.n(s),l=t(4),u=t(387);function p(){const n=Object(a.a)(["\n font-size: 1.4em;\n"]);return p=function(){return n},n}function h(){const n=Object(a.a)(["\n font-size: x-small;\n color: ",";\n"]);return h=function(){return n},n}function m(){const n=Object(a.a)(["\n width: 100%;\n height: 1px;\n display: block;\n visibility: visible;\n\n border-top: 1px solid ",";\n"]);return m=function(){return n},n}function d(){const n=Object(a.a)(["\n margin-top: 1em;\n text-align: center;\n display: grid;\n grid-row-gap: 0.5em;\n\n word-break: break-all;\n"]);return d=function(){return n},n}const f=l.c.div(d()),b=l.c.hr(m(),n=>n.theme.color.gray.normal),g=l.c.span(h(),n=>n.theme.color.gray.dark),x=l.c.strong(p()),O=n=>0===n.email.length?null:o.a.createElement(o.a.Fragment,null,o.a.createElement(f,null,o.a.createElement(b,null),o.a.createElement(g,null,"\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306b\u9593\u9055\u3044\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f"),o.a.createElement(x,null,n.email))),E=()=>o.a.createElement(o.a.Fragment,null,"\u5165\u529b\u3057\u305f\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306b\u8aa4\u308a\u304c\u306a\u3044\u304b\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002",o.a.createElement("br",null),"\u30fb@\u306e\u76f4\u524d\u306b\u300c.\u300d(\u30c9\u30c3\u30c8)\u304c\u3042\u308b\uff08\u4f8b\[email protected]\u300d)",o.a.createElement("br",null),"\u30fb\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306e\u6700\u521d\u306e\u6587\u5b57\u304c\u300c.\u300d(\u30c9\u30c3\u30c8)\uff08\u4f8b\[email protected]\u300d\uff09",o.a.createElement("br",null),"\u30fb\u300c.\u300d(\u30c9\u30c3\u30c8)\u304c2\u3064\u4ee5\u4e0a\u9023\u7d9a\u3059\u308b\uff08\u4f8b\[email protected]\u300d\uff09",o.a.createElement("br",null),o.a.createElement("br",null),"\u4e0a\u8a18\u306e\u3088\u3046\u306a\u30a2\u30c9\u30ec\u30b9\u306f\u4e16\u754c\u6a19\u6e96\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u898f\u683c\u306b\u9055\u53cd\u3057\u3066\u304a\u308a\u3001\u767b\u9332\u3044\u305f\u3060\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u305b\u3093\u3002",o.a.createElement("br",null),"\u5927\u5909\u
16050\u308c\u5165\u308a\u307e\u3059\u304c\u3001\u5225\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u3054\u7528\u610f\u304f\u3060\u3055\u3044\u3002");function j(){const n=Object(a.a)(["\n transform: initial;\n border-radius: initial;\n\n max-width: 355px;\n"]);return j=function(){return n},n}class y extends o.a.Component{constructor(n){super(n),this.state={email:"",errMsg:{}},this.handleChange=this.handleChange.bind(this)}handleChange(n){const e=n.target.value,t=n.target.name,r=0===e.length;let a=!1;r||(a=n.target.checkValidity());let i=!1;var o;a&&(i=!/^\".*\"@/.test(o=e)&&(!!/^\.|\.@/.test(o)||!!/\.\./.test(o)||void 0));const s=c.a.get(this.state.errMsg,t);let l="";if(r)l="\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002";else if(a){if(i)l="\u3053\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306f\u4f7f\u7528\u3067\u304d\u307e\u305b\u3093\u3002\u304a\u624b\u6570\u3067\u3059\u304c\u3001\u5225\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002";else if(a&&s&&!i){const n={errMsg:{}};this.setState(n),this.props.handleChange(n)}}else l="\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002";if(l){const n={errMsg:{[t]:l}};this.setState(n),this.props.handleChange(n)}const u={[t]:e};this.setState(u),this.props.handleChange(u)}render(){const n={required:!0,label:this.props.label||"\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9",TooltipDom:E,type:"email",name:"email",className:this.props.className,handleChange:this.handleChange,formData:this.state,placeholder:"[email protected]"};return o.a.createElement(o.a.Fragment,null,this.props.styleOrder?o.a.createElement(u.b,n):o.a.createElement(u.d,n),o.a.createElement(O,{email:this.state.email}))}}e.b=y;const v=Object(l.c)(y)(j()),w=n=>{const e=n.className,t=Object(r.a)(n,["className"]);return o.a.createElement("span",{className:"inputWrapper ".concat(e)},o.a.createElement(v,t))}},850:function(n,e,t){"use strict";t.r(e);var r=t(14),a=t(7),i=t(0),o=t.n(i),s=t(31),c=t.n(s),l=t(65),u=t(4),p=t(71),h=t(94),m=t(563),d=t(457);function f(){const n=Object(a.a)(["\n display: grid;\n grid-row-gap: 2em;\n"]);return f=function(){return n},n}const b=u.c.section(f());class g extends o.a.Component{constructor(n){super(n),this.state={email:"",error:{AliasExistsException:!1},errMsg:{}},this.changeEmail=this.changeEmail.bind(this),this.handleChange=this.handleChange.bind(this)}handleChange(n){this.setState(n)}changeEmail(n){n.preventDefault();const e=this.state.email;l.a.currentAuthenticatedUser({bypassCache:!1}).then(n=>{l.a.updateUserAttributes(n,{email:e}).then(n=>{this.props.changeEmail(e),this.props.changeDisplayTarget(m.a.VERIFY_CODE)}).catch(n=>{this.setState({error:Object.keys(this.state.error).reduce((e,t)=>Object(r.a)(Object(r.a)({},e),{},{[t]:t===n.code}),{})})})}).catch(n=>{this.props.history.push("/login")})}render(){return o.a.createElement(b,null,o.a.createElement("div",{className:"myPageLayout__main-section-head"},o.a.createElement("h2",{className:"myPageLayout__main-section-head-title"},"\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306e\u518d\u8a2d\u5b9a")),o.a.createElement("div",null,o.a.createElement("section",{className:"inputArea"},o.a.createElement(d.a,{label:"\u65b0\u3057\u3044\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9",handleChange:this.handleChange}),o.a.createElement("span",{className:"inputWrapper"},this.state.error.AliasExistsException&&o.a.createElement("label",{className:"error",htmlFor:"email"},"\u6307\u5b9a\u3055\u308c\u305f\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306e\u30a2\u30ab\u30a6\u30f3\u30c8\u306f\u65e2\u306b\u5b58\u5728\u3057\u307e\u3059\u3002")))),o.a.createElement(p.a,{isDisabled:!this.state.email||!c.a.isEmpty(this.state.errMsg),onClick:this.changeEmail,text:"\u4fdd\u5b58"}),o.a.createElement(h.a,{onClick:this.props.cancelEdit}))}}e.default=g}}]); 2//# sourceMappingURL=129.f2ec538e.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.