https://kampnagel.de/assets/javascripts/chunks/f42d0a75ef4b82b18245.notify-signup.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[561],{1042:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s}),n(4962),n(76),n(2367);var r=n(8983),a=n(4777);function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t,n,r,a,l,o){try{var c=e[l](o),u=c.value}catch(e){return void n(e)}c.done?t(u):Promise.resolve(u).then(r,a)}function i(){return r.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},r.default.createElement("path",{d:"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"}),r.default.createElement("path",{d:"M13.73 21a2 2 0 0 1-3.46 0"}))}function s(e){var{productionId:t,productionTitle:n,mode:l="onsale",subscribeUrl:c,csrfUrl:s,privacyUrl:f,labels:m={},theme:d="yellow"}=e,[p,y]=(0,r.useState)(!1),[b,v]=(0,r.useState)(!1),[h,g]=(0,r.useState)(null),[E,k]=(0,r.useState)({email:"",consent:!1}),O=(0,r.useRef)(null),w=(0,r.useRef)(null),x=()=>{y(!1),w.current&&w.current.focus()};(0,r.useEffect)((()=>{if(p){O.current&&O.current.focus();var e=e=>{"Escape"===e.key&&x()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}}),[p]);var N=function(){var e,n=(e=function*(e){if(e.preventDefault(),!b){v(!0),g(null);try{var{token:n}=yield(0,a.Q)(s),r=yield fetch(c,{method:"POST",headers:{"X-CSRF-Token":n,"Content-Type":"application/json"},body:JSON.stringify({productionId:t,email:E.email,notifyOnSale:"onsale"===l,remindBeforeStart:"remind"===l,consent:E.consent})}),o=yield r.json().catch((()=>null));g(o||{success:!1,message:m.errorGeneric||"Error"})}catch(e){g({success:!1,message:m.errorGeneric||"Error"})}finally{v(!1)}}},function(){var t=this,n=arguments;return new Promise((function(r,a){var l=e.apply(t,n);function o(e){u(l,r,a,o,c,"next",e)}function c(e){u(l,r,a,o,c,"throw",e)}o(void 0)}))});return function(e){return n.apply(this,arguments)}}(),_=e=>t=>{var n="checkbox"===t.target.type?t.target.checked:t.target.value;k((t=>o(o({},t),{},{[e]:n})))};return r.default.createElement("div",{className:"notify-signup","data-theme":d},r.default.createElement("button",{type:"button",ref:w,className:"notify-signup__trigger",onClick:()=>y(!0)},r.default.createElement(i,null),r.default.createElement("span",null,m.trigger)),p&&r.default.createElement("div",{className:"notify-signup__overlay",onMouseDown:e=>{e.target===e.currentTarget&&x()}},r.default.createElement("div",{className:"notify-signup__dialog",role:"dialog","aria-modal":"true","aria-label":m.heading,"data-theme":d},r.default.createElement("button",{type:"button",className:"notify-signup__close",onClick:x,"aria-label":m.close},"×"),h&&h.success?r.default.createElement("div",{className:"notify-signup__done","data-stack":"s"},r.default.createElement("p",{className:"text text--subline"},m.heading),r.default.createElement("p",{className:"text text--copy"},h.message),r.default.createElement("button",{type:"button",className:"button button--primary",onClick:x},r.default.createElement("span",null,m.close))):r.default.createElement("form",{className:"notify-signup__form",onSubmit:N,"data-stack":"s"},r.default.createElement("p",{className:"text text--subline"},m.heading),n&&r.default.createElement("p",{className:"text text--copy notify-signup__production"}

1,"»",n,"«"),m.intro&&r.default.createElement("p",{className:"text text--meta"},m.intro),r.default.createElement("label",{className:"notify-signup__field"},r.default.createElement("span",{className:"text text--meta"},m.email),r.default.createElement("input",{ref:O,type:"email",className:"input",required:!0,autoComplete:"email",value:E.email,onChange:_("email")})),r.default.createElement("label",{className:"notify-signup__check"},r.default.createElement("input",{type:"checkbox",checked:E.consent,onChange:_("consent"),required:!0}),r.default.createElement("span",{className:"text text--meta"},m.consent,f&&r.default.createElement(r.default.Fragment,null," ",r.default.createElement("a",{href:f,target:"_blank",rel:"noopener noreferrer"},m.privacyLink)))),h&&!h.success&&r.default.createElement("p",{className:"text text--meta notify-signup__error",role:"alert"},h.message),r.default.createElement("button",{type:"submit",className:"button button--primary",disabled:b},r.default.createElement("span",null,b?m.sending:m.submit))))))}},4777:(e,t,n)=>{function r(e,t,n,r,a,l,o){try{var c=e[l](o),u=c.value}catch(e){return void n(e)}c.done?t(u):Promise.resolve(u).then(r,a)}n.d(t,{Q:()=>a}),n(76);var a=function(){var e,t=(e=function*(e){try{if(!e)return Promise.resolve({token:""});var t=yield fetch(e,{method:"POST",headers:{Accept:"application/json"}});return t.ok?t.json():Promise.reject()}catch(e){return null}},function(){var t=this,n=arguments;return new Promise((function(a,l){var o=e.apply(t,n);function c(e){r(o,a,l,c,u,"next",e)}function u(e){r(o,a,l,c,u,"throw",e)}c(void 0)}))});return function(e){return t.apply(this,arguments)}}()}}]);
2//# sourceMappingURL=f42d0a75ef4b82b18245.notify-signup.js.map