https://pagesix.com/wp-content/plugins/nyp-membership/build/4874.37a10bd7b898c97bb2b1.bundle.min.js

1"use strict";(self.webpackChunknyp_membership=self.webpackChunknyp_membership||[]).push([[4874,5738],{5738:function(e,t,s){s.r(t),s.d(t,{FeedbackForm:function(){return d}});var n=s(1085),o=s(9067),a=s.n(o),i=s(7309),r=s(824),c=s(7519),u=s(316);const l=[(0,i.__)("Not enough coverage of my favorite sports or teams","nypost"),(0,i.__)("Not enough coverage of my favorite writers","nypost"),(0,i.__)("Not enough events","nypost"),(0,i.__)("My favorite sports seasons are over","nypost"),(0,i.__)("It’s too expensive","nypost"),(0,i.__)("Other","nypost")],d=({buttonLabel:e=(0,i.__)("Submit","nypost"),description:t="",onCancel:s=()=>null,onSubmit:o=()=>null,required:a=!1,hideCancel:d=!1})=>{const{handleSubmit:p,register:b,watch:m}=(0,r.mN)(),h=m("reason");return(0,n.jsxs)("form",{className:"subscription-feedback-form",onSubmit:p(e=>{const{reason:t="",text:s=""}=e;o({cancelReason:t,cancelReasonText:c.A.sanitize(s)})}),"data-testid":"subscription-feedback-form",children:[(0,n.jsx)("p",{children:t}),(0,n.jsx)("ul",{className:"subscription-feedback-form__reasons",children:l.map((e,t)=>(0,n.jsxs)("li",{children:[(0,n.jsx)("input",Object.assign({},b("reason",{required:a}),{type:"radio",id:`reason-${t}`,value:e})),(0,n.jsx)("label",{htmlFor:`reason-${t}`,children:e}),h!==e?null:(0,n.jsx)("textarea",Object.assign({name:"text","aria-label":(0,i.__)("Other Feedback","nypost"),placeholder:(0,i.__)("Could you tell us more?","nypost"),"data-testid":"subscription-feedback-other"},b("text",{setValueAs:e=>u.S.plainText(e)})))]},e))}),(0,n.jsxs)("div",{className:"input-container input-container--submit",children:[(0,n.jsx)("button",{type:"submit",className:"button button--solid","data-testid":"subscription-feedback-submit",disabled:a&&!h,children:e}),d?null:(0,n.jsx)("button",{"data-testid":"cancel",type:"button",className:"button button--secondary",onClick:s,children:(0,i.__)("Cancel","nypost")})]})]})};d.propTypes={buttonLabel:a().string,description:a().oneOfType([a().string,a().element,a().arrayOf(a().element)]),onCancel:a().func,onSubmit:a().func,required:a().bool,hideCancel:a().bool}},4874:function(e,t,s){s.r(t),s.d(t,{PauseSubscriptionForm:function(){return l}});var n=s(1085),o=s(4041),a=s(9067),i=s.n(a),r=s(7309),c=s(5738),u=s(5472);const l=({onPause:e=()=>{},onFeedback:t=()=>{},formState:s="open",setFormState:a=()=>{}})=>{const[i,l]=(0,o.useState)(1);if("closed"===s)return(0,n.jsx)("button",{type:"button",className:"button button--solid button--solid--alt",onClick:()=>a("open"),"data-testid":"pause-subscription-button",children:(0,r.__)("Pause Membership","nypost")});if("submitted"===s)return(0,n.jsxs)("div",{className:"pause-subscription-feedback",children:[(0,n.jsx)("p",{children:(0,r.__)("As we strive to continuously improve our service, your feedback is important to us.","nypost")}),(0,n.jsx)("hr",{}),(0,n.jsx)(c.FeedbackForm,{onCancel:t,onSubmit:e(i),description:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("strong",{children:(0,r.__)("Why did you pause your subscription with us?","nypost")})," ",(0,r.__)("(Select all that apply)","nypost")]})})]});const d={option:(e,t)=>Object.assign(Object.assign({},e),{color:"black",backgroundColor:t.isSelected?"#F3F3F3":"inherit"})},p=[{value:1,label:(0,r.__)("1 Month","nypost")},{value:2,label:(0,r.__)("2 Months","nypost")},{value:3,label:(0,r.__)("3 Months","nypost")}];return(0,n.jsxs)("form",{className:"pause-subscription-form",onSubmit:e=>{e.preventDefault(),a("submitted")},"data-testid":"pause-subscription-form",children:[(0,n.jsx)("label",{htmlFor:"pause-duration",className:"t-color-black",children:(0,r.__)("Select the pause duration","nypost")}),(0,n.jsx)(u.Ay,{id:"pause-duration",className:"react-select m-top m-bottom",options:p,defaultValue:p[0],onChange:e=>l(e.value),styles:d,theme:e=>Object.assign(Object.assign({},e),{borderRadius:0})}),(0,n.jsxs)("div",{className:"input-container input-container--submit",children:[(0,n.jsx)("button",{type:"submit",className:"button button--solid button--solid--alt","data-testid":"confirm-pause",children:(0,r.__)("Confirm Pause","nypost")}),(0,n.jsx)("button",{type:"button",className:"button button--secondary",onClick:()=>a("closed"),"data-testid":"cancel-pause",children:(0,r.__)("Cancel","nypost")})]})]})};l.propTypes={onPause:i().func,onFeedback:i().func,formState:i().string,

1setFormState:i().func}}}]);
2//# sourceMappingURL=4874.37a10bd7b898c97bb2b1.bundle.min.js.map