https://kluffa-blog.vercel.app/_next/static/chunks/795.4f06b45fed9bce77.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[795],{4795:function(e,t,r){r.r(t);var l=r(216),n=r(9405),a=r(9339),o=r.n(a),i=r(5265),u=r(327),s=r(465),c=r(7981),d=r(810);t.default=function(){let{publication:e}=(0,i.b)(),[,t]=(0,c.Db)(d.HZ),[r,a]=(0,n.useState)({submitDisabled:!1,err:"",subscribed:!1}),f=(0,n.useRef)(null),subscribe=async()=>{var l;if(!e||!f.current)return;let n=f.current.value,i=null===(l=e.id)||void 0===l?void 0:l.toString();if(!n.trim())return;if(!o()(n)){a({...r,err:"Please enter a valid email"});return}a({...r,submitDisabled:!0});let{data:u,error:s}=await t({input:{publicationId:i,email:n}}),c={submitDisabled:!1,err:"",subscribed:!1};(null==u?void 0:u.subscribeToNewsletter.status)&&!s?(c.subscribed=!0,c.err=""):c.err=(null==s?void 0:s.graphQLErrors[0].message)||"Something went wrong. Please try again.",a({...r,...c})};return(0,l.jsxs)("div",{className:"my-10 mt-20 flex w-full flex-col items-center pb-10 md:px-5",children:[(0,l.jsxs)("h3",{className:"mb-5 text-center font-heading text-2xl font-bold text-slate-900 dark:text-slate-50 md:text-3xl",children:["Subscribe to ",e.isTeam?"our":"my"," newsletter"]}),(0,l.jsxs)("p",{className:"mb-5 text-center text-lg text-slate-700 dark:text-slate-300 md:w-2/3 md:text-xl",children:["Read articles from ",(0,l.jsx)("strong",{children:e.title})||"this blog"," directly inside your inbox. Subscribe to the newsletter, and don't miss out."]}),!r.subscribed&&(0,l.jsxs)("div",{className:"flex flex-row overflow-hidden rounded-lg border border-slate-800 dark:border-slate-200 md:w-2/3",children:[(0,l.jsx)("input",{type:"email",ref:f,onKeyUp:e=>{r.err&&a({...r,err:""}),13===e.keyCode&&subscribe()},placeholder:"Enter your email address",className:"w-full bg-transparent p-3 text-black outline-none dark:text-white md:p-5 md:text-lg"}),(0,l.jsx)(u.Z,{type:"button",onClick:subscribe,variant:"transparent",disabled:r.submitDisabled,className:"shrink-0 rounded-none bg-slate-800 px-3 font-bold uppercase tracking-wide text-white hover:bg-slate-700 dark:bg-slate-200 dark:text-black dark:hover:bg-slate-300 md:px-5",children:"Subscribe"})]}),r.subscribed&&(0,l.jsxs)("div",{className:"flex flex-col items-center overflow-hidden rounded-lg border border-green-600 bg-green-50 p-5 text-center text-slate-900 dark:border-green-400 dark:bg-green-900 dark:text-white md:w-2/3",children:[(0,l.jsx)("span",{className:"text-green-600 dark:text-green-400",children:(0,l.jsx)(s.oX,{className:"[animation-iteration-count: 3] mb-5 h-10 w-10 animate-bounce fill-current"})}),(0,l.jsxs)("p",{className:"font-semibold ",children:["We've sent a confirmation email;",(0,l.jsx)("br",{}),"click on the link to complete your subscription to this newsletter."]})]}),r.err&&(0,l.jsx)("div",{className:"mt-2 text-red-600",children:r.err})]})}},266:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){(0,n.default)(e),"object"===_typeof(t)?(r=t.min||0,l=t.max):(r=arguments[1],l=arguments[2]);var r,l,a=encodeURI(e).split(/%..|./).length-1;return a>=r&&(void 0===l||a<=l)};var l,n=(l=r(8688))&&l.__esModule?l:{default:l};function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}e.exports=t.default,e.exports.default=t.default},9339:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){if((0,l.default)(e),(t=(0,i.default)(t,u)).require_display_name||t.allow_display_name){var r=e.match(s);if(r){var p,b,m=r[1];if(e=e.replace(m,"").replace(/(^<|>$)/g,""),m.endsWith(" ")&&(m=m.slice(0,-1)),!(b=(p=m).replace(/^"(.+)"$/,"$1")).trim()||/[\.";<>]/.test(b)&&(b===p||b.split('"').length!==b.split('\\"').length))return!1}else if(t.require_display_name)return!1}if(!t.ignore_max_length&&e.length>254)return!1;var g=e.split("@"),h=g.pop(),y=h.toLowerCase();if(t.host_blacklist.includes(y)||t.host_whitelist.length>0&&!t.host_whitelist.includes(y))return!1;var v=g.join("@");if(t.domain_specific_validation&&("gmail.com"===y||"googlemail.com"===y)){var w=(v=v.toLowerCase()).split("+")[0];if(!(0,n.default)(w.replace(/\./g,""),{min:6,max:30}))return!1;for(var F=w.split("."),k=0;k<F.length;k++)if(!d.test(F[k]))return!1}if(!1===t.ignore_max_length&&(!(0,n.default)(v,{max:64})||!(0,n.default)(h,{max:254})))return!1;if(!(0,a.default)(h,{require_tld:t.require_tld,ignore_max_length:t.ignore_max_length,allow_underscores:t.allow_underscores})){if(!t.allow_ip_domain)return!1;if(!(0,o.default)(h)){if(!h.startsWith("[")||!h.endsWith("]"))return!1;var D=h.slice(1,-1);if(0===D.length||!(0,o.default)(D))return!1}}if('"'===v[0])return v=v.slice(1,v.length-1),t.allow_utf8_local_part?_.test(v):f.test(v);for(var j=t.allow_utf8_local_part?x:c,S=v.split("."),q=0;q<S.length;q++)if(!j.test(S[q]))return!1;return!t.blacklisted_chars||-1===v.search(RegExp("[".concat(t.blacklisted_chars,"]+"),"g"))};var l=_interopRequireDefault(r(8688)),n=_interopRequireDefault(r(266)),a=_interopRequireDefault(r(381)),o=_interopRequireDefault(r(815)),i=_interopRequireDefault(r(8244));

1function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var u={allow_display_name:!1,allow_underscores:!1,require_display_name:!1,allow_utf8_local_part:!0,require_tld:!0,blacklisted_chars:"",ignore_max_length:!1,host_blacklist:[],host_whitelist:[]},s=/^([^\x00-\x1F\x7F-\x9F\cX]+)</i,c=/^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~]+$/i,d=/^[a-z\d]+$/,f=/^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f]))*$/i,x=/^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\u00A1-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+$/i,_=/^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*$/i;e.exports=t.default,e.exports.default=t.default},381:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){(0,l.default)(e),(t=(0,n.default)(t,a)).allow_trailing_dot&&"."===e[e.length-1]&&(e=e.substring(0,e.length-1)),!0===t.allow_wildcard&&0===e.indexOf("*.")&&(e=e.substring(2));var r=e.split("."),o=r[r.length-1];return!(t.require_tld&&(r.length<2||!t.allow_numeric_tld&&!/^([a-z\u00A1-\u00A8\u00AA-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}|xn[a-z0-9-]{2,})$/i.test(o)||/\s/.test(o))||!t.allow_numeric_tld&&/^\d+$/.test(o))&&r.every(function(e){return!(e.length>63&&!t.ignore_max_length||!/^[a-z_\u00a1-\uffff0-9-]+$/i.test(e)||/[\uff01-\uff5e]/.test(e)||/^-|-$/.test(e)||!t.allow_underscores&&/_/.test(e))})};var l=_interopRequireDefault(r(8688)),n=_interopRequireDefault(r(8244));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var a={require_tld:!0,allow_underscores:!1,allow_trailing_dot:!1,allow_numeric_tld:!1,allow_wildcard:!1,ignore_max_length:!1};e.exports=t.default,e.exports.default=t.default},815:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function isIP(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return((0,n.default)(e),t=String(t))?"4"===t?i.test(e):"6"===t&&s.test(e):isIP(e,4)||isIP(e,6)};var l,n=(l=r(8688))&&l.__esModule?l:{default:l},a="(?:[0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])",o="(".concat(a,"[.]){3}").concat(a),i=new RegExp("^".concat(o,"$")),u="(?:[0-9a-fA-F]{1,4})",s=RegExp("^("+"(?:".concat(u,":){7}(?:").concat(u,"|:)|")+"(?:".concat(u,":){6}(?:").concat(o,"|:").concat(u,"|:)|")+"(?:".concat(u,":){5}(?::").concat(o,"|(:").concat(u,"){1,2}|:)|")+"(?:".concat(u,":){4}(?:(:").concat(u,"){0,1}:").concat(o,"|(:").concat(u,"){1,3}|:)|")+"(?:".concat(u,":){3}(?:(:").concat(u,"){0,2}:").concat(o,"|(:").concat(u,"){1,4}|:)|")+"(?:".concat(u,":){2}(?:(:").concat(u,"){0,3}:").concat(o,"|(:").concat(u,"){1,5}|:)|")+"(?:".concat(u,":){1}(?:(:").concat(u,"){0,4}:").concat(o,"|(:").concat(u,"){1,6}|:)|")+"(?::((?::".concat(u,"){0,5}:").concat(o,"|(?::").concat(u,"){1,7}|:))")+")(%[0-9a-zA-Z-.:]{1,})?$");e.exports=t.default,e.exports.default=t.default},8688:function(e,t){function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if(!("string"==typeof e||e instanceof String)){var t=_typeof(e);throw null===e?t="null":"object"===t&&(t=e.constructor.name),TypeError("Expected a string but received a ".concat(t))}},e.exports=t.default,e.exports.default=t.default},8244:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;for(var r in t)void 0===e[r]&&(e[r]=t[r]);return e},e.exports=t.default,e.exports.default=t.default}}]);