https://www.gettyimages.co.jp/components/customer-notifications/static/8361.3fd2e4f2f6365ce1.js

1(self.rspackChunkcustomer_notifications=self.rspackChunkcustomer_notifications||[]).push([[8361],{2335:function(t,e,n){"use strict";var s=n(4152),r=n(9253);n.d(e,{},{c:()=>{let{t}=(0,s.useContext)(r.A);return t}})},5866:function(t,e,n){"use strict";n.d(e,{aF:function(){return y},Zn:function(){return R},hS:function(){return C}});var s,r=n(1987),i=n(4152),o=n.n(i),a=n(2616),c=n.n(a),u=n(5062),l=n(6905),p=n(5595);n(1896);var d=n(1434),f=n(1439),h=n(344),m=n(2365),x=function(t,e){return t&&e&&e.split(" ").forEach(function(e){return(0,f.A)(t,e)})},v=function(t){function e(){for(var e,n=arguments.length,s=Array(n),r=0;r<n;r++)s[r]=arguments[r];return(e=t.call.apply(t,[this].concat(s))||this).appliedClasses={appear:{},enter:{},exit:{}},e.onEnter=function(t,n){var s=e.resolveArguments(t,n),r=s[0],i=s[1];e.removeClasses(r,"exit"),e.addClass(r,i?"appear":"enter","base"),e.props.onEnter&&e.props.onEnter(t,n)},e.onEntering=function(t,n){var s=e.resolveArguments(t,n),r=s[0],i=s[1];e.addClass(r,i?"appear":"enter","active"),e.props.onEntering&&e.props.onEntering(t,n)},e.onEntered=function(t,n){var s=e.resolveArguments(t,n),r=s[0],i=s[1]?"appear":"enter";e.removeClasses(r,i),e.addClass(r,i,"done"),e.props.onEntered&&e.props.onEntered(t,n)},e.onExit=function(t){var n=e.resolveArguments(t)[0];e.removeClasses(n,"appear"),e.removeClasses(n,"enter"),e.addClass(n,"exit","base"),e.props.onExit&&e.props.onExit(t)},e.onExiting=function(t){var n=e.resolveArguments(t)[0];e.addClass(n,"exit","active"),e.props.onExiting&&e.props.onExiting(t)},e.onExited=function(t){var n=e.resolveArguments(t)[0];e.removeClasses(n,"exit"),e.addClass(n,"exit","done"),e.props.onExited&&e.props.onExited(t)},e.resolveArguments=function(t,n){return e.props.nodeRef?[e.props.nodeRef.current,t]:[t,n]},e.getClassNames=function(t){var n=e.props.classNames,s="string"==typeof n,r=s&&n?n+"-":"",i=s?""+r+t:n[t],o=s?i+"-active":n[t+"Active"],a=s?i+"-done":n[t+"Done"];return{baseClassName:i,activeClassName:o,doneClassName:a}},e}(0,p.A)(e,t);var n=e.prototype;return n.addClass=function(t,e,n){var s,r=this.getClassNames(e)[n+"ClassName"],i=this.getClassNames("enter").doneClassName;"appear"===e&&"done"===n&&i&&(r+=" "+i),"active"===n&&t&&(0,m.F)(t),r&&(this.appliedClasses[e][n]=r,s=r,t&&s&&s.split(" ").forEach(function(e){return(0,d.A)(t,e)}))},n.removeClasses=function(t,e){var n=this.appliedClasses[e],s=n.base,r=n.active,i=n.done;this.appliedClasses[e]={},s&&x(t,s),r&&x(t,r),i&&x(t,i)},n.render=function(){var t=this.props,e=(t.classNames,(0,l.A)(t,["classNames"]));return o().createElement(h.Ay,(0,u.A)({},e,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},e}(o().Component);function E(){return(E=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var s in n)({}).hasOwnProperty.call(n,s)&&(t[s]=n[s])}return t}).apply(null,arguments)}v.defaultProps={classNames:""},v.propTypes={};var g=t=>i.createElement("svg",E({xmlns:"http://www.w3.org/2000/svg",width:19,height:19,fill:"none",viewBox:"0 0 19 19"},t),s||(s=i.createElement("path",{fill:"#fff",d:"M9.5 8.28 1.97.75.75 1.968 8.28 9.5.75 17.032l1.22 1.218 7.53-7.53 7.53 7.53 1.22-1.218L10.72 9.5l7.53-7.532L17.03.75z"})));let C=()=>{let{showModal:t,hideModal:e,isOpen:n}=(0,i.useContext)(D);return{showModal:t,hideModal:e,isOpen:n}};var b={backdrop:"Nf8RErrQOW8Rx282",modal:"VnIDZH5IcBoAcXTU",header:"obquxXWs_8Uv8Ckv",closeIcon:"HCl0prttNYVUsPkK",body:"PcYmYc9kKzUC0wLO",footer:"JG14GlFQC6oDrT6D",enter:"KrwLFRTWzsEmXrgA",enterActive:"XJT47AcQYhknCk3S",enterDone:"Brn6kH3ot_0DhhV9",exit:"cxhw2P2b584DXeDn",exitActive:"zl6m_4YiZg4G_hOX",exitDone:"RliBQADWcJsouZKG",fade:"Jjy3OlViRgnDbdrw"};let N=c().bind(b),y=t=>{let{children:e,onClose:n,footer:s,forceShowFade:o,isLoading:a,loader:c,header:u,backdropClassName:l,headerClassName:p,footerClassName:d,bodyClassName:f,modalClassName:h,hideCloseButton:m,...x}=t,E=(0,i.useRef)(),y=(0,i.useRef)(),[A,O]=(0,i.useState)(!1),[S,k]=(0,i.useState)(o),{hideModal:D}=C(),R=(0,i.useRef)();(0,i.useLayoutEffect)(()=>{O(!0)},[]),(0,i.useLayoutEffect)(()=>{A&&R.current?.clientHeight<R.current?.scrollHeight&&k(!0);let t=t=>{R.current?.scrollHeight-R.current?.clientHeight-t.target.scrollTop<=1?k(!1):k(!0)};return R.current?.addEventListener("scroll",t),()=>R.current?.removeEventListener("scroll",t)},[A,R.current?.clientHeight,R.current?.scrollHeight]);let w=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;n&&n(t),O(!1),setTimeout(D,300)};return(0,r.jsx)(v,{nodeRef:E,in:A,unmountOnExit:!0,timeout:300,classNames:{appear:b.enter,appearActive:b.enterA

1ctive,appearDone:b.enterDone,enter:b.enter,enterActive:b.enterActive,enterDone:b.enterDone,exit:b.exit,exitActive:b.exitActive,exitDone:b.exitDone},...x,children:(0,r.jsx)("div",{"data-testid":"modal-backdrop",ref:E,className:N(b.backdrop,l),onClick:t=>{t.target.isSameNode(E.current)&&w("outside_modal")},children:a?c:(0,r.jsxs)("div",{className:N(b.modal,h),children:[!0==m?null:(0,r.jsx)(g,{"data-testid":"icon-close-button",className:b.closeIcon,onClick:()=>w("modal_x")}),u&&(0,r.jsx)("header",{className:N(b.header,p),children:u}),(0,r.jsx)("main",{ref:R,className:N(b.body,f),children:e(w)}),(0,r.jsx)(v,{nodeRef:y,in:S,unmountOnExit:!0,timeout:300,classNames:{enter:b.enter,enterActive:b.enterActive,enterDone:b.enterDone,exit:b.exit,exitActive:b.exitActive,exitDone:b.exitDone},children:(0,r.jsx)("div",{className:b.fade,"data-testid":"fade",ref:y})}),s&&(0,r.jsx)("footer",{className:N(b.footer,d),children:s})]})})})};var A=n(407),O=n.n(A),S=n(2590);let k="u">typeof window?i.useLayoutEffect:i.useEffect,D=(0,i.createContext)(),R=t=>{let{children:e,targetContainer:n="#modal-root"}=t,s=(0,i.useRef)(),[o,a]=(0,i.useState)(),[c,u]=(0,i.useState)(null),l=()=>{u(null),document.body.style.overflow=o};return k(()=>{a(document.body.style.overflow),s.current=document.querySelector(n),s.current||(s.current=document.createElement("div"),s.current.setAttribute("id",n.replace("#","")),document.body.appendChild(s.current))},[]),(0,r.jsxs)(D.Provider,{value:{showModal:function(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";try{t&&(a(document.body.style.overflow),document.body.style.overflow="hidden",u(t))}catch(n){l();let t=e?`: ${e}`:"";(0,S.d)(n,{message:`Failed to show modal${t}`})}},hideModal:l},children:[s.current&&O().createPortal(c,s.current),e]})}},2616:function(t){!function(){"use strict";var e={}.hasOwnProperty;function n(){for(var t=[],s=0;s<arguments.length;s++){var r=arguments[s];if(r){var i=typeof r;if("string"===i||"number"===i)t.push(this&&this[r]||r);else if(Array.isArray(r))t.push(n.apply(this,r));else if("object"===i){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){t.push(r.toString());continue}for(var o in r)e.call(r,o)&&r[o]&&t.push(this&&this[o]||o)}}}return t.join(" ")}t.exports?(n.default=n,t.exports=n):"function"==typeof define&&"object"==typeof define.amd&&define.amd?define("classnames",[],function(){return n}):window.classNames=n}()},1434:function(t,e,n){"use strict";function s(t,e){if(t.classList)t.classList.add(e);else(t.classList?e&&t.classList.contains(e):-1!==(" "+(t.className.baseVal||t.className)+" ").indexOf(" "+e+" "))||("string"==typeof t.className?t.className=t.className+" "+e:t.setAttribute("class",(t.className&&t.className.baseVal||"")+" "+e))}n.d(e,{A:function(){return s}})},1439:function(t,e,n){"use strict";function s(t,e){return t.replace(RegExp("(^|\\s)"+e+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function r(t,e){t.classList?t.classList.remove(e):"string"==typeof t.className?t.className=s(t.className,e):t.setAttribute("class",s(t.className&&t.className.baseVal||"",e))}n.d(e,{A:function(){return r}})},344:function(t,e,n){"use strict";n.d(e,{Ay:function(){return E}});var s=n(6905),r=n(5595);n(1896);var i=n(4152),o=n.n(i),a=n(407),c=n.n(a),u=o().createContext(null),l=n(2365),p="unmounted",d="exited",f="entering",h="entered",m="exiting",x=function(t){function e(e,n){var s,r=t.call(this,e,n)||this,i=n&&!n.isMounting?e.enter:e.appear;return r.appearStatus=null,e.in?i?(s=d,r.appearStatus=f):s=h:s=e.unmountOnExit||e.mountOnEnter?p:d,r.state={status:s},r.nextCallback=null,r}(0,r.A)(e,t),e.getDerivedStateFromProps=function(t,e){return t.in&&e.status===p?{status:d}:null};var n=e.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(t){var e=null;if(t!==this.props){var n=this.state.status;this.props.in?n!==f&&n!==h&&(e=f):(n===f||n===h)&&(e=m)}this.updateStatus(!1,e)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var t,e,n,s=this.props.timeout;return t=e=n=s,null!=s&&"number"!=typeof s&&(t=s.exit,e=s.enter,n=void 0!==s.appear?s.appear:e),{exit:t,enter:e,appear:n}},n.updateStatus=function(t,e){if(void 0===t&&(t=!1),null!==e)if(this.cancelNextCallback(),e===f){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:c().findDOMNode(this);n&&(0,l.F)(n)}this.performEnter(t)}else this.performExit();else this.props.unmountOnExit&&this.state.status===d&&this.setState({status:p})},n.performEnter=function(t){var e=this,n=this.props.enter,s=this.context?this.context.

1isMounting:t,r=this.props.nodeRef?[s]:[c().findDOMNode(this),s],i=r[0],o=r[1],a=this.getTimeouts(),u=s?a.appear:a.enter;(t||n)&&1?(this.props.onEnter(i,o),this.safeSetState({status:f},function(){e.props.onEntering(i,o),e.onTransitionEnd(u,function(){e.safeSetState({status:h},function(){e.props.onEntered(i,o)})})})):this.safeSetState({status:h},function(){e.props.onEntered(i)})},n.performExit=function(){var t=this,e=this.props.exit,n=this.getTimeouts(),s=this.props.nodeRef?void 0:c().findDOMNode(this);e?(this.props.onExit(s),this.safeSetState({status:m},function(){t.props.onExiting(s),t.onTransitionEnd(n.exit,function(){t.safeSetState({status:d},function(){t.props.onExited(s)})})})):this.safeSetState({status:d},function(){t.props.onExited(s)})},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(t,e){e=this.setNextCallback(e),this.setState(t,e)},n.setNextCallback=function(t){var e=this,n=!0;return this.nextCallback=function(s){n&&(n=!1,e.nextCallback=null,t(s))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(t,e){this.setNextCallback(e);var n=this.props.nodeRef?this.props.nodeRef.current:c().findDOMNode(this),s=null==t&&!this.props.addEndListener;if(!n||s)return void setTimeout(this.nextCallback,0);if(this.props.addEndListener){var r=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],i=r[0],o=r[1];this.props.addEndListener(i,o)}null!=t&&setTimeout(this.nextCallback,t)},n.render=function(){var t=this.state.status;if(t===p)return null;var e=this.props,n=e.children,r=(e.in,e.mountOnEnter,e.unmountOnExit,e.appear,e.enter,e.exit,e.timeout,e.addEndListener,e.onEnter,e.onEntering,e.onEntered,e.onExit,e.onExiting,e.onExited,e.nodeRef,(0,s.A)(e,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return o().createElement(u.Provider,{value:null},"function"==typeof n?n(t,r):o().cloneElement(o().Children.only(n),r))},e}(o().Component);function v(){}x.contextType=u,x.propTypes={},x.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:v,onEntering:v,onEntered:v,onExit:v,onExiting:v,onExited:v},x.UNMOUNTED=p,x.EXITED=d,x.ENTERING=f,x.ENTERED=h,x.EXITING=m;var E=x},2365:function(t,e,n){"use strict";var s=function(t){return t.scrollTop};n.d(e,{F:function(){return s}})},5062:function(t,e,n){"use strict";function s(){return(s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var s in n)({}).hasOwnProperty.call(n,s)&&(t[s]=n[s])}return t}).apply(null,arguments)}n.d(e,{A:function(){return s}})},5595:function(t,e,n){"use strict";function s(t,e){return(s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t})(t,e)}function r(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,s(t,e)}n.d(e,{A:function(){return r}})},6905:function(t,e,n){"use strict";function s(t,e){if(null==t)return{};var n={};for(var s in t)if(({}).hasOwnProperty.call(t,s)){if(-1!==e.indexOf(s))continue;n[s]=t[s]}return n}n.d(e,{A:function(){return s}})}}]);
2//# sourceMappingURL=8361.3fd2e4f2f6365ce1.js.map