Objednat knihu Zuzana Čaputová: Neztratit se sama sobě • RESPEKT

<!DOCTYPE html> <html lang="cs"> <head> <meta charSet="utf-8"/> <meta name="viewport" content="width=device-width"/> <title>Objednat knihu Zuzana Čaputová: Neztratit se sama sobě • RESPEKT</title> <meta http-equiv="refresh" content="0; url=https://obchod.respekt.cz/show/1/zuzana-caputova-neztratit-se-sama-sobe"> <link rel="apple-touch-icon" sizes="180x180" href="https://respekt.cz/favicon/apple-touch-icon.png"/> <link rel="icon" type="image/png" sizes="32x32" href="https://respekt.cz/favicon/favicon-32x32.png"/> <link rel="icon" type="image/png" sizes="16x16" href="https://respekt.cz/favicon/favicon-16x16.png"/> <link rel="mask-icon" href="https://respekt.cz/favicon/safari-pinned-tab.svg" color="#000000"/> <meta name="msapplication-TileColor" content="#000000"/> <meta name="theme-color" content="#000000"/> <meta property="og:site_name" content="Týdeník Respekt"/> <meta name="apple-itunes-app" content="app-id=433867172"/> <meta name="description" content="Respekt je nezávislý týdeník komentující aktuální dění v domácí i zahraniční politice a ekonomice. Ohlíží se za historií, rozebírá současná…"/> <meta property="article:publisher" content="https://www.facebook.com/tydenikrespekt"/> <meta property="og:type" content="article"/> <meta property="og:image" content="https://www.respekt.cz/images/og/og-facebook.png?v1"/> <meta property="og:image:width" content="1200"/> <meta property="og:image:height" content="630"/> <meta property="og:title" content="Objednat knihu Zuzana Čaputová: Neztratit se sama sobě"/> <meta property="og:url" content="https://predplatne.respekt.cz/neztratit-se-sama-sobe"/> <meta property="og:description" content="Respekt je nezávislý týdeník komentující aktuální dění v domácí i zahraniční politice a ekonomice. Ohlíží se za historií, rozebírá současná…"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:creator" content="@respekt_cz"/> <meta name="twitter:description" content="Respekt je nezávislý týdeník komentující aktuální dění v domácí i zahraniční politice a ekonomice. Ohlíží se za historií, rozebírá současná…"/> <meta name="twitter:image" property="og:image" content="https://www.respekt.cz/images/og/og-twitter.png?v1"/> <meta name="twitter:site" content="@respekt_cz"/> <meta name="twitter:image:alt" property="og:description" content="Respekt je nezávislý týdeník komentující aktuální dění v domácí i zahraniční politice a ekonomice. Ohlíží se za historií, rozebírá současná…"/> <meta property="fb:pages" content="52479821102"/> <link rel="alternate" type="application/rss+xml" title="RSS Feed Respekt.cz" href="/api/rss"/> <link rel="canonical" href="https://predplatne.respekt.cz/neztratit-se-sama-sobe" /> <script> window.location.href = "https://obchod.respekt.cz/show/1/zuzana-caputova-neztratit-se-sama-sobe"; </script> <script type="application/javascript"> document.domain = "respekt.cz"; funnel_id = "15"; funnel_url_key = "neztratit-se-sama-sobe"; </script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Organization", "url": "https://www.respekt.cz", "logo": "https://www.respekt.cz/images/logo.png" }</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "SoftwareApplication", "name": "RESPEKT", "applicationCategory": "MultimediaApplication" }</script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://predplatne.respekt.cz/layouts/mailer/js/vue_3.4.21.global.prod.min.js"></script> <script type="text/javascript" src="https://client.smartform.cz/v2/smartform.js" async></script> <link rel="stylesheet" href="/layouts/respekt/sales_funnel/base.css"/> <link rel="stylesheet" href="/layouts/respekt/sales_funnel/main.css"/> <script src="/layouts/default/js/iframeResizer.contentWindow.min.js"></script>  <script> window.dataLayer = window.dataLayer || []; </script> <script type="text/javascript"> window['gtag_enable_tcf_support'] = true </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NVL3G7ZJ');</script>  <script> window.addEventListener("load", () => { window.addEventListener('message', function(event) { if (event.data.name === 'tp-checkout-box' && event.data.detail.width && event.data.detail.height) { let iframe = document.getElementById("tp-iframe"); iframe.style['width'] = event.data.detail.width + 'px'; iframe.style['height'] = event.data.detail.height + 'px'; } }); window.isTrustPayModalCompatible = function (form) { const isMobileDevice = navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i); const isTrustPay = form.payment_gateway.value === 'trustpay' || form.payment_gateway.value === 'trustpay_recurrent'; return isTrustPay && !isMobileDevice; } window.trustPayModalSubmit = function (form) { showModal(); let formData = new FormData(form); fetch(form.action, { method: form.method, body: formData, }).then(response => { console.log(response); showPaymentUI(response.url); }).catch((error) => { console.log(error); alert("Nastala chyba. Zkuste to prosím později."); }); } let modal = document.getElementById("tp-payment-modal"); let loader = document.getElementById("tp-payment-modal-loader"); let modalIframe = document.getElementById("tp-payment-modal-iframe"); modal.addEventListener('click', function() { modal.style.display = 'none'; modalIframe.firstChild.remove(); }); function showModal() { window.top.scrollTo({top: 0, behaviour: "smooth"}); modal.style.display = 'flex'; loader.style.display = 'flex'; } function showPaymentUI(url) { let iframe = document.createElement('iframe'); iframe.src = url; iframe.id = 'tp-iframe'; iframe.width = '100%'; iframe.style.width = '360px'; iframe.style.height = '300px'; iframe.setAttribute('frameborder', 0); iframe.setAttribute('marginwidth', 0); iframe.setAttribute('marginheight', 0); iframe.onload = function () { loader.style.display = 'none'; modalIframe.style.display = 'flex'; }; modalIframe.appendChild(iframe); } }); </script> <div id="tp-payment-modal" style="display: none; position: fixed; z-index: 1000; left: 0; top: 0; right: 0; bottom: 0; align-items: flex-start; justify-content: center; background-color: rgba(0,0,0,0.6);"> <div style="max-width: 95dvh; max-height: 95dvh; font-size: 0; margin-top: 50px;"> <div id="tp-payment-modal-loader" class="tp-payment-modal-loader" style="margin-top: 100px; display: none;"></div> <div id="tp-payment-modal-iframe" style="display: none;"></div> </div> </div> <style> .tp-payment-modal-loader { color: lightgrey; height: 30px; aspect-ratio: 2.5; --_g: no-repeat radial-gradient(farthest-side, #eeeeee 90%, #0000); background: var(--_g), var(--_g), var(--_g), var(--_g); background-size: 20% 50%; animation: l43 1s infinite linear; } @keyframes l43 { 0% { background-position: calc(0 * 100% / 3) 50%, calc(1 * 100% / 3) 50%, calc(2 * 100% / 3) 50%, calc(3 * 100% / 3) 50% } 16.67% { background-position: calc(0 * 100% / 3) 0, calc(1 * 100% / 3) 50%, calc(2 * 100% / 3) 50%, calc(3 * 100% / 3) 50% } 33.33% { background-position: calc(0 * 100% / 3) 100%, calc(1 * 100% / 3) 0, calc(2 * 100% / 3) 50%, calc(3 * 100% / 3) 50% } 50% { background-position: calc(0 * 100% / 3) 50%, calc(1 * 100% / 3) 100%, calc(2 * 100% / 3) 0, calc(3 * 100% / 3) 50% } 66.67% { background-position: calc(0 * 100% / 3) 50%, calc(1 * 100% / 3) 50%, calc(2 * 100% / 3) 100%, calc(3 * 100% / 3) 0 } 83.33% { background-position: calc(0 * 100% / 3) 50%, calc(1 * 100% / 3) 50%, calc(2 * 100% / 3) 50%, calc(3 * 100% / 3) 100% } 100% { background-position: calc(0 * 100% / 3) 50%, calc(1 * 100% / 3) 50%, calc(2 * 100% / 3) 50%, calc(3 * 100% / 3) 50% } } </style> <style> .input_text_input:disabled { background: #f4f4f4; } .input_text_input:not(disabled) { background: #fff; } </style> </head> <body> <div id="main" class="layout_root"> <header class="header_root"> <div class="header_container"> <div class="header_logo"><a title="Respekt.cz" href="https://respekt.cz"> <svg viewBox="0 0 147 44" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M133 44h9V9h5V0h-19v9h5v35m-18.9-25L114 0h-9v44h9V26h.1l5 18h10.1l-6.4-22.4L127.5 0H118l-3.9 19zM87 44h15v-9h-6v-9h5v-9h-5V9h6V0H87v44zM85 9.3C85 1.7 83.5 0 75.9 0H64v44h9V30h2.9c7.6 0 9.1-1.6 9.1-9.2V9.3zm-9 11.1c0 1.1-.7 1.6-1.8 1.6H73V7h1.2C75.3 7 76 8.1 76 9.2v11.2zM24 44h14v-9h-5v-9h5v-9h-5V9h5V0H24v44zm-8-19.9c5-.8 5-4 5-8.9V9.3C21 1.7 19.6 0 11.9 0H0v44h9V28h1.3c1.1 0 1.7.7 1.7 1.8V44h9V33.1c0-5.1 0-8.1-5-8.9v-.1zm-4-5.6c0 1.1-.6 1.5-1.7 1.5H9V7h1.3C11.4 7 12 8.1 12 9.2v9.3zm39.6-1.8c-1.5-.9-1.6-1.5-1.6-3V8.9c0-1.1.2-1.4 1-1.4s1 .3 1 1.4V16h10V9.3C62 1.9 60 0 50.9 0 42 0 40 1.9 40 9.3v6.1c0 3.7 1.2 6 4.2 7.7l6.1 3.6c1.5.9 1.7 1.5 1.7 3v5.2c0 1.1-.2 1.4-1 1.4s-1-.3-1-1.4V28H40v6.7c0 7.5 2 9.3 11.1 9.3C60 44 62 42.1 62 34.7v-6.6c0-3.7-1.1-6-4.1-7.7l-6.3-3.7z"></path> </svg> </a> </div> </div> </header> <div> <div class="block_bottom_padding_large block_top_padding_medium"> <div class="container_root container_tiny container_padding_inline_small"> <div class="rich_text_root"> <h1 class="text--center h1">Zuzana Čaputová:<br>Neztratit se sama sobě</h1> <div style="text-align: center; margin-top: 1em"> <strong style="text-align: center; margin-top: 1em">Exkluzivní knižní rozhovor se slovenskou prezidentkou. <br><span style="color:#d0021b">Nově i jako audiokniha a e-kniha.</span></strong></div> <div class="block_bottom_padding_tiny block_top_padding_small" style="display: flex; flex-wrap: wrap; column-gap: 50px; margin-top: 20px;"> <div style="flex: 1 0 230px; text-align: center"> <img alt="Respekt special" src="https://i.respekt.cz/data.eu.cntmbr.com/respekt-prod/respekt-prod/fa61f4ef-aa08-4241-88ad-50b3790e3bb6.jpeg?width=800" style="width: 230px"> </div> <div style="margin: 0; min-width: 300px; flex: 1 0 200px;"> <p style="">Dialog mezi prezidentkou Zuzanou Čaputovou a šéfredaktorem týdeníku Respekt Erikem Taberym trval více než dva roky. Jaké to je být ženou ve vrcholné politice a matkou dcer, na které útočí politici? Co musí hlava státu zvládat v zemi zmítané pandemií covidu, v době, kdy na Ukrajině vypukla válka, nebo v situaci, kdy je společnost extrémně polarizovaná? Jaké to je ocitnout se v čele země? </p> </div> </div>  <div class="block_bottom_padding_large block_top_padding_tiny"> <div class="container_root container_tiny"> <form action="/sales-funnel/sales-funnel-frontend/submit" method="post" class="form_product_root" ref="form"> <input type="hidden" name="subscription_type" :value="subscriptionType" /> <input type="hidden" name="funnel_url_key" :value="funnelUrlKey" /> <input type="hidden" name="payment_metadata[products]" :value="products"> <input v-if="productType === 'print'" type="hidden" name="payment_metadata[delivery]" :value="inputs.delivery"> <input id="input-address-country-code" type="hidden" name="address[country_code]" value="CZ" /> <input id="input-address-address-type" type="hidden" name="address[address_type]" value="shop" /> <h3 class="form_product_title_root form_product_title_h3">I. Vyberte variant</h3> <div class="form_product_section_root"> <div class="form_grid_root"> <label for="input_product_without_signature"> <span class="input_radio_root input_radio_large"> <input autocomplete="off" class="input_radio_input" id="input_product_without_signature" required="" type="radio" value="zuzana-caputova-neztratit-se-sama-sobe" v-model="inputs.product"> <span class="input_radio_fake_input input_radio_fake_input_large"></span> <span class="input_label_root"> <span> <span><b>Tištěná kniha</b></span> </span> <span class="input_label_price"> <span class=""><strong>[[ productFormatPrice('zuzana-caputova-neztratit-se-sama-sobe') ]]</strong></span> </span> </span> </span> </label> <label for="input_product_without_signature_ebook"> <span class="input_radio_root input_radio_large"> <input autocomplete="off" class="input_radio_input" id="input_product_without_signature_ebook" required="" type="radio" value="zuzana-caputova-neztratit-se-sama-sobe-ekniha" v-model="inputs.product"> <span class="input_radio_fake_input input_radio_fake_input_large"></span> <span class="input_label_root"> <span> <span><b>E-kniha</b> (EPUB, MOBI, PDF)</span> </span> <span class="input_label_price"> <span class=""><strong>[[ productFormatPrice('zuzana-caputova-neztratit-se-sama-sobe-ekniha') ]]</strong></span> </span> </span> </span> </label> <label for="input_product_without_signature_audiobook"> <span class="input_radio_root input_radio_large"> <input autocomplete="off" class="input_radio_input" id="input_product_without_signature_audiobook" required="" type="radio" value="zuzana-caputova-neztratit-se-sama-sobe-audio" v-model="inputs.product"> <span class="input_radio_fake_input input_radio_fake_input_large"></span> <span class="input_label_root"> <span> <span><b>Audiokniha</b> načtená Z. Čaputovou a E. Taberym (MP3)</span> </span> <span class="input_label_price"> <span class=""><strong>[[ productFormatPrice('zuzana-caputova-neztratit-se-sama-sobe-audio') ]]</strong></span> </span> </span> </span> </label>  </div> </div> <div v-if="productType === 'print'" style="margin-bottom: 2.1875rem;"> <h3 class="form_product_title_root form_product_title_h3">II. Vyberte způsob doručení</h3> <div class="form_product_section_root"> <div class="form_grid_root"> <label for="input_length_month"> <span class="input_radio_root input_radio_large"> <input autocomplete="off" class="input_radio_input" id="input_length_month" required="" type="radio" value="ppl" v-model="inputs.delivery"> <span class="input_radio_fake_input input_radio_fake_input_large"></span> <span class="input_label_root"> <span> <span><b>PPL</b></span> </span> <span class="input_label_price"> <span class=""><strong>90 Kč</strong></span> </span> </span> </span> </label> <label for="input_length_year"> <span class="input_radio_root input_radio_large"> <input autocomplete="off" class="input_radio_input" id="input_length_year" required="" type="radio" value="mailstep" v-model="inputs.delivery"> <span class="input_radio_fake_input input_radio_fake_input_large"></span> <span class="input_label_root"> <span> <span><b>Česká pošta</b></span> </span><span class="input_label_price"> <span class=""><strong>90 Kč</strong></span> </span> </span> </span> </label> </div> </div> </div> <h3 class="form_product_title_root form_product_title_h3" style="gap: 0.325rem"> <span v-if="productType === 'print'">III.</span><span v-else>II.</span> <span v-if="productType === 'print'">Doručovací adresa</span><span v-else>Jméno</span> </h3> <div class="form_product_section_root"> <input v-if="productType === 'digital'" type="hidden" name="address[address_type]" value="licence"> <div class="form_grid_root form_grid_two_columns"> <div class="input_text_root"><input class="input_text_input" id="input-address-name" name="address[name]" required="required" type="text" autocomplete="given-name" value=""><label class="input_text_label" for="input-address-name">Jméno</label> </div> <div class="input_text_root"><input class="input_text_input" id="input-address-surname" name="address[surname]" required="required" autocomplete="family-name" type="text" value=""> <label class="input_text_label" for="input-address-surname">Příjmení</label> </div> <div class="input_text_root" v-if="productType === 'print'"><input class="input_text_input smartform-address-street-and-number gwt-SuggestBox" id="input-address-street" name="address[street]" required="required" type="text" value="" tabindex="0" autocomplete="off"><label class="input_text_label" for="input-address-street">Ulice</label> </div> <div class="input_text_root" v-if="productType === 'print'"><input class=" input_text_input smartform-address-number gwt-SuggestBox" id="input-address-street-number" name="address[streetNumber]" required="required" type="text" value="" tabindex="0" autocomplete="off"><label class="input_text_label" for="input-address-street-number">Číslo popisné</label></div> <div class="input_text_root" v-if="productType === 'print'"><input class="input_text_input smartform-address-city gwt-SuggestBox" id="input-address-city" name="address[city]" required="required" type="text" value="" tabindex="0" autocomplete="off"><label class="input_text_label" for="input-address-city">Město</label> </div> <div class="input_text_root" v-if="productType === 'print'"><input class="input_text_input smartform-address-zip gwt-SuggestBox" id="input-address-postal-code" name="address[postalCode]" pattern="\s*([0-9]\s*){5}" required="required" type="text" tabindex="0" autocomplete="off"><label class="input_text_label" for="input-address-postal-code">PSČ</label> </div> <div class="input_text_root" v-if="productType === 'print'">  <input class="input_text_input" id="input-address-phone-number" name="address[phoneNumber]" required="required" pattern="[+\/\-\d]{6,}" type="text" autocomplete="phone-number" value=""> <label class="input_text_label" for="input-address-name">Telefon</label> </div> <div class="input_text_root"> <select class="input_text_input" id="input-address-country" name="address[country]" required="required" autocomplete="country" v-model="country" :disabled="productType === 'print'"> <option v-for="(value, key) in countries" :value="key"> [[ value ]] </option> </select> <label class="input_text_label" for="input-address-country">Země</label> </div> <input v-if="productType === 'print'" class="smartform-address-field-CODE" id="input-address-ruian" name="address[ruian]" type="hidden" /> </div> <div v-if="errors.address" style="margin-top: 8px" class="subscription_form_form_error">Neplatná adresa.</div> </div> <h3 class="form_product_title_root form_product_title_h3" style="gap: 0.325rem"> <span v-if="productType === 'print'">IV.</span><span v-else>III.</span> Zadejte své údaje a zvolte způsob platby </h3> <div class="form_product_section_root"> <div class="form_grid_root form_grid_two_columns"> <div class="form_grid_root"> <div v-if="isLogged"> <h4 class="form_product_title_root form_product_title_h4 form_product_title_nested"> Přihlášený uživatel</h4> <p class="form_product_user_name_root">[[ userEmail ]]</p> </div> <div v-else class="input_text_root"> <input class="input_text_input" id="inputs_email" name="email" required="required" @change="emailInputChanged" v-model="inputs.email" autocomplete="email" type="email" /> <label class="input_text_label" for="inputs_email">E-mail</label> </div> <template v-if="displayPasswordInput"> <div class="input_text_root"><input autocomplete="off" class="input_text_input input_text_input_password" id="input-password" v-model="inputs.password" name="password" required="required" :type="passwordTextVisible? 'text' : 'password'"> <label class="input_text_label" for="input-password">Heslo</label> <button class="input_text_button" :class="{'input_text_button_active': passwordTextVisible}" type="button" @click="passwordTextVisible = !passwordTextVisible"> <svg xmlns="http://www.w3.org/2000/svg" width="27" height="15" viewBox="0 0 27 15"> <path fill-rule="evenodd" d="M13.457,4.80397 C12.0629,4.80397 10.9289,5.96699 10.9289,7.39628 C10.9289,8.82679 12.0629,9.99071 13.457,9.99071 C14.8519,9.99071 15.9866,8.82679 15.9866,7.39628 C15.9866,5.96699 14.8519,4.80397 13.457,4.80397 Z M13.457,0 C6.75212,0 0,7.47744 0,7.47744 C0,7.47744 6.75212,14.9548 13.457,14.9548 C20.1629,14.9548 26.915,7.47744 26.915,7.47744 C26.915,7.47744 20.1629,0 13.457,0 Z M13.457,12.6892 C10.6078,12.6892 8.29781,10.3222 8.29781,7.39628 C8.29781,4.47404 10.6078,2.10558 13.457,2.10558 C16.3077,2.10558 18.6176,4.47404 18.6176,7.39628 C18.6176,10.3222 16.3077,12.6892 13.457,12.6892 Z"></path> </svg> </button> </div> <div v-if="errors.password" class="subscription_form_form_error">Nesprávné uživatelské jméno nebo heslo</div> <div class="form_link_actions_root form_link_actions_end"> <a class="form_link_action_root" href="/users/users/settings">Zapomenuté heslo?</a> </div> </template> </div> <div class="form_grid_root"> <div v-if="emailCheckProgress" class="subscription_form_user_info">Kontrola emailu...</div> <template v-else> <div v-if="emailCheckStatus==='available'" class="subscription_form_user_info">Děkujeme, na tento e-mail vytvoříme nový účet.</div> <div v-if="emailCheckStatus==='rate_limit_exceeded'" class="subscription_form_user_info">Interní chyba - překročen počet povolených požadavků na kontrolu email-u</div> <div v-if="emailCheckStatus==='invalid_email'" class="subscription_form_user_info">E-mail je neplatný</div> <div v-if="displayPasswordInput" class="subscription_form_user_info">Pro pokračování se prosím přihlaste</div> </template> </div> </div> </div> <div class="form_product_section_root"> <div class="form_grid_root"> <label for="input-payment-gateway-trustpay"><span class="input_radio_payment_root"><input class="input_radio_payment_input" id="input-payment-gateway-trustpay" name="payment_gateway" required="" type="radio" checked="" v-model="inputs.payment_gateway" value="trustpay"/><span class="input_radio_payment_label"><span class="input_radio_payment_main_content"><span class="input_radio_payment_fake_input"></span><span class="input_radio_payment_title_wrap"><span class="input_radio_payment_title">Platební karta</span><span class="input_radio_payment_title_small"> <img src="https://pub-cb76fce016a4412f808a369fc6adbfc1.r2.dev/02f9316e-0317-4227-8aa5-9186a6a39fd7.png" style="height:30px; display:inline">  <img src="https://pub-cb76fce016a4412f808a369fc6adbfc1.r2.dev/cb481315-bb91-4189-91fe-36cce342dd0e.png" style="height:30px; display:inline"> </span></span><span class="input_radio_payment_image"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="https://i.respekt.cz/www.respekt.cz/images/cards.svg?width=128&height=128&fit=crop"/></span><img alt="Mastercard a Visa loga" src="https://i.respekt.cz/www.respekt.cz/images/cards.svg?width=128&height=128&fit=crop" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/></span></span></span></span></span></label> <label for="input-payment-gateway-bank-transfer"><span class="input_radio_payment_root"><input class="input_radio_payment_input" id="input-payment-gateway-bank-transfer" name="payment_gateway" required="" type="radio" v-model="inputs.payment_gateway" value="bank_transfer"/><span class="input_radio_payment_label"><span class="input_radio_payment_main_content"><span class="input_radio_payment_fake_input"></span><span class="input_radio_payment_title_wrap"><span class="input_radio_payment_title">Bankovní převod</span></span><span class="input_radio_payment_image"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2725%27%20height=%2725%27/%3e"/></span></span></span></span></span></span></label> </div> </div> <div class="form_product_section_root form_product_section_margin_small"> <div class="form_product_legal_note_root"> <div style="margin-bottom: 8px"> <label for="input-newsletters-terms"> <span class="input_checkbox_checkbox input_checkbox_small"> <input class="input_checkbox_input" id="input-newsletters-terms" name="terms" required="required" type="checkbox"/> <span class="input_checkbox_fake_input input_checkbox_fake_input_small"></span> <span class="input_label_root"> <span> <span> Souhlasím, že mé osobní údaje budou zpracovány dle <a rel="noopener noreferrer" target="_blank" href="https://respekt.cz/ochrana-osobnich-udaju">Zásad ochrany osobních a dalších zpracovávaných údajů</a>, a souhlasím se <a rel="noopener noreferrer" target="_blank" href="https://respekt.cz/vseobecne-obchodni-podminky">Všeobecnými obchodními podmínkami</a>. </span> </span> </span> </span> </label> </div> <div> <label for="input-newsletters-subscribes"> <span class="input_checkbox_checkbox input_checkbox_small"> <input class="input_checkbox_input" id="input-newsletters-subscribes" name="newsletters_subscribe" type="checkbox"/> <span class="input_checkbox_fake_input input_checkbox_fake_input_small"></span> <span class="input_label_root"> <span> <span>Přeji si dostávat obchodní sdělení společnosti Respekt Media, a.s., týkající se též jiných než objednaných či obdobných produktů.</span> </span> </span> </span> </label> </div> </div> </div> <div class="form_product_section_root form_product_section_margin_large form_product_section_sticky"> <div class="form_grid_root"> <button @click.prevent="onSubmit" :disabled="(emailCheckProgress || submittingForm) ? 'disabled' : false" class="button_root button_success button_large Button_fullWidth" type="submit">Zaplatit <strong>[[ productFormatPrice(inputs.product, inputs.delivery) ]]</strong></button> </div> </div> <div class="form_product_section_root"> <p>Máte dotazy ohledně objednávky? Neváhejte nás kontaktovat na <a rel="noopener noreferrer" target="_blank" href="/cdn-cgi/l/email-protection#a6d6d4c3c2d6cac7d2c8c3e6d4c3d5d6c3cdd288c5dc86"> <b><span><span class="__cf_email__" data-cfemail="8bfbe4effbe4f9eacbf9eef8fbeee0ffa5e8f1">[email protected]</span> </span></b> </a> </p> </div> </form> </div> </div> </div> </div> </div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> var smartform = smartform || {}; smartform.beforeInit = function () { smartform.setClientId('7OXGvXW6eK'); } smartform.afterInit = function () { smartform.getInstance().addressControl.addValidationCallback(validationCallback); smartform.getInstance().addressControl.setSelectionCallback(selectionCallback); } function selectionCallback(element, text, fieldType, suggestion) { element.value = text; if (fieldType === 'smartform-address-street-and-number') { element.value = suggestion.getValue('smartform-address-street'); if (suggestion.getValue('smartform-address-street') === '') { element.value = suggestion.getValue('smartform-address-city'); } } } function validationCallback(validationResult) { if (window.vueApp) { let isValid = validationResult.result.type == smartform.AddressValidationResultType.HIT; window.vueApp.setAddressValid(isValid); } } function formatNumber(number) { return Intl.NumberFormat('cs-CZ', { style: 'currency', currency: 'CZK', minimumFractionDigits: 0, }).format(number); } // https://stackoverflow.com/questions/46155/how-can-i-validate-an-email-address-in-javascript function isEmailValid(email) { return String(email) .toLowerCase() .match( /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/ ); } function getParameterByName(name) { var url = window.location.href; name = name.replace(/[\[\]]/g, '\\$&'); var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } var backendData = { subscriptionTypePrices: { generic_product_no_content: 0, }, productPrices: { 'zuzana-caputova-neztratit-se-sama-sobe': 449, 'zuzana-caputova-neztratit-se-sama-sobe-s-podpisem': 990, 'zuzana-caputova-neztratit-se-sama-sobe-ekniha': 360, 'zuzana-caputova-neztratit-se-sama-sobe-audio': 360, }, productTypes: { 'zuzana-caputova-neztratit-se-sama-sobe': 'print', 'zuzana-caputova-neztratit-se-sama-sobe-s-podpisem': 'print', 'zuzana-caputova-neztratit-se-sama-sobe-ekniha': 'digital', 'zuzana-caputova-neztratit-se-sama-sobe-audio': 'digital', }, deliveryPrices: { 'ppl': 90, 'mailstep': 90, }, gateways: { bank_transfer: { is_recurrent: 0 }, csob: { is_recurrent: 0 }, trustpay: { is_recurrent: 0 }, }, userEmail: null, isLogged: false, funnelUrlKey: "neztratit-se-sama-sobe", oldValues: null, countries: {"AF":"Afghanistan","AL":"Albania","DZ":"Algeria","AD":"Andorra","AO":"Angola","AG":"Antigua and Barbuda","AR":"Argentina","AM":"Armenia","AW":"Aruba","AU":"Australia","AT":"Austria","AZ":"Azerbaijan","BS":"Bahamas","BH":"Bahrain","BD":"Bangladesh","BB":"Barbados","BY":"Belarus","BE":"Belgium","BZ":"Belize","BJ":"Benin","BT":"Bhutan","BO":"Bolivia","BA":"Bosnia and Herzegovina","BW":"Botswana","BR":"Brazil","BN":"Brunei","BG":"Bulgaria","BF":"Burkina Faso","BU":"Burma","BI":"Burundi","KH":"Cambodia","CM":"Cameroon","CA":"Canada","CV":"Cape Verde","CF":"Central African Republic","CZ":"\u010cesko","TD":"Chad","CL":"Chile","CN":"China","CO":"Colombia","KM":"Comoros","CD":"Congo Democratic Republic of the","CG":"Congo Republic of the","CR":"Costa Rica","CI":"Cote d'Ivoire","HR":"Croatia","CU":"Cuba","CW":"Curacao","CY":"Cyprus","DK":"Denmark","DJ":"Djibouti","DM":"Dominica","DO":"Dominican Republic","EC":"Ecuador","EG":"Egypt","SV":"El Salvador","GQ":"Equatorial Guinea","ER":"Eritrea","EE":"Estonia","ET":"Ethiopia","FJ":"Fiji","FI":"Finland","FR":"France","PF":"French Polynesia","GA":"Gabon","GM":"Gambia The","GE":"Georgia","DE":"Germany","GH":"Ghana","GI":"Gibraltar","GR":"Greece","GD":"Grenada","GT":"Guatemala","GN":"Guinea","GW":"Guinea-Bissau","GY":"Guyana","HT":"Haiti","VA":"Holy See","HN":"Honduras","HK":"Hong Kong","HU":"Hungary","IS":"Iceland","IN":"India","ID":"Indonesia","IR":"Iran","IQ":"Iraq","IE":"Ireland","IL":"Israel","IT":"Italy","JM":"Jamaica","JP":"Japan","JO":"Jordan","KZ":"Kazakhstan","KE":"Kenya","KI":"Kiribati","XK":"Kosovo","KW":"Kuwait","KG":"Kyrgyzstan","LA":"Laos","LV":"Latvia","LB":"Lebanon","LS":"Lesotho","LR":"Liberia","LY":"Libya","LI":"Liechtenstein","LT":"Lithuania","LU":"Luxembourg","MO":"Macau","MK":"Macedonia","MG":"Madagascar","MW":"Malawi","MY":"Malaysia","MV":"Maldives","ML":"Mali","MT":"Malta","MH":"Marshall Islands","MR":"Mauritania","MU":"Mauritius","MX":"Mexico","FM":"Micronesia","MD":"Moldova","MC":"Monaco","MN":"Mongolia","ME":"Montenegro","MA":"Morocco","MZ":"Mozambique","NA":"Namibia","NR":"Nauru","NP":"Nepal","NL":"Netherlands","AN":"Netherlands Antilles","NZ":"New Zealand","NI":"Nicaragua","NE":"Niger","NG":"Nigeria","KP":"North Korea","NO":"Norway","OM":"Oman","PK":"Pakistan","PW":"Palau","PS":"Palestinian Territories","PA":"Panama","PG":"Papua New Guinea","PY":"Paraguay","PE":"Peru","PH":"Philippines","PL":"Poland","PT":"Portugal","PR":"Puerto Rico","QA":"Qatar","RO":"Romania","RU":"Russia","RW":"Rwanda","KN":"Saint Kitts and Nevis","LC":"Saint Lucia","VC":"Saint Vincent and the Grenadines","WS":"Samoa","SM":"San Marino","ST":"Sao Tome and Principe","SA":"Saudi Arabia","SN":"Senegal","RS":"Serbia","SC":"Seychelles","SL":"Sierra Leone","SG":"Singapore","SX":"Sint Maarten","SI":"Slovenia","SK":"Slovensko","SB":"Solomon Islands","SO":"Somalia","ZA":"South Africa","KR":"South Korea","SS":"South Sudan","ES":"Spain","LK":"Sri Lanka","SD":"Sudan","SR":"Suriname","SZ":"Swaziland","SE":"Sweden","CH":"Switzerland","SY":"Syria","TW":"Taiwan","TJ":"Tajikistan","TZ":"Tanzania","TH":"Thailand","TL":"Timor-Leste","TG":"Togo","TO":"Tonga","TT":"Trinidad and Tobago","TN":"Tunisia","TR":"Turkey","TM":"Turkmenistan","TV":"Tuvalu","UG":"Uganda","UA":"Ukraine","AE":"United Arab Emirates","GB":"United Kingdom","US":"United States of America","UY":"Uruguay","UZ":"Uzbekistan","VU":"Vanuatu","VE":"Venezuela","VN":"Vietnam","YE":"Yemen","ZM":"Zambia","ZW":"Zimbabwe"} }; var abortController = new AbortController(); var SalesFunnelVue = { delimiters: ['[[', ']]'], created: function () { }, data: function () { return Object.assign(backendData, { inputs: { email: null, password: null, payment_gateway: 'trustpay', product: 'zuzana-caputova-neztratit-se-sama-sobe', delivery: 'ppl', }, passwordTextVisible: false, emailCheckProgress: false, emailCheckStatus: null, submittingForm: false, productType: 'print', country: 'CZ', errors: { email: null, password: null, }, addressValid: true, // controlled externally (smartform) }); }, computed: { totalPrice: function () { var sum = 0; if (this.subscriptionType) { sum += this.stPrice(this.subscriptionType); } return sum; }, subscriptionType: function () { return 'generic_product_no_content'; }, isPaymentGatewayRecurrent: function () { if (this.inputs.payment_gateway) { return this.gateways[this.inputs.payment_gateway]['is_recurrent']; } else { return false; } }, displayPasswordInput: function() { return ['taken', 'password_valid', 'password_invalid'].includes(this.emailCheckStatus); }, products: function() { return JSON.stringify([this.inputs.product]); } }, methods: { setAddressValid(value) { this.errors.address = null; // reset any set error this.addressValid = value; }, productPrice: function (product) { return this.productPrices[product]; }, deliveryPrice: function (delivery) { if (this.productType === 'digital') { return 0; } return this.deliveryPrices[delivery] || 0; }, productFormatPrice: function(product, delivery) { var product = this.productPrice(product); var delivery = this.deliveryPrice(delivery); console.log(product, delivery, product+delivery) return Intl.NumberFormat('cs-CZ', { style: 'currency', currency: 'CZK', minimumFractionDigits: 0, }).format(product+delivery); }, emailInputChanged: function(event) { this.checkEmail(); }, checkEmail: async function() { if (!isEmailValid(this.inputs.email)) { this.emailCheckStatus = null; return; } this.emailCheckProgress = true; try { let urlSearchParams = new URLSearchParams({ email: this.inputs.email }); if (this.inputs.password) { urlSearchParams.append("password", this.inputs.password); } let f = await fetch('/api/v1/users/email', { method: "POST", headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'Accept': '*/*' }, body: urlSearchParams, signal: abortController.signal }); const response = await f.json(); this.processCheckEmailResponse(response); this.emailCheckProgress = false; } catch(err) { this.emailCheckProgress = false; this.emailCheckStatus = null; if (err.name == 'AbortError') { // handle abort() console.info("Aborted!"); } else { console.warn(err); } } }, processCheckEmailResponse: function (response) { if (response.status === 'taken') { if (response.password === true) { this.emailCheckStatus = 'password_valid'; } else if (response.password === false) { this.emailCheckStatus = 'password_invalid'; this.errors.password = 'invalid'; this.scrollTo('input-password'); } else { this.emailCheckStatus = 'taken'; // no password } } else if (response.status === 'error') { if (response.code === 'invalid_email') { this.emailCheckStatus = 'invalid_email'; this.errors.email = 'invalid'; } else if (response.code === 'rate_limit_exceeded') { this.emailCheckStatus = 'rate_limit_exceeded'; } else { this.emailCheckStatus = null; } } else if (response.status === 'available') { this.emailCheckStatus = 'available'; } }, isFormValid: async function () { this.resetErrors(); // Native HTML validation const isNativeValid = this.$refs.form.reportValidity(); if (!isNativeValid) { return false; } // Check address if (!this.addressValid) { this.errors.address = true; return false; } return true; }, onSubmit: async function () { const valid = await this.isFormValid(); if (!valid) { return; } if (!this.isLogged) { let that = this; await this.checkEmail(); if (this.emailCheckStatus === 'available' || this.emailCheckStatus === 'password_valid') { that.submitForm(); } } else { this.submitForm(); } }, submitForm: function() { this.submittingForm = true; let form = this.$refs.form; isTrustPayModalCompatible(form) ? trustPayModalSubmit(form) : form.submit(); }, scrollTo: function (elementId) { this.$nextTick(function() { document.getElementById(elementId).scrollIntoView({ behavior: "smooth"}); }); }, resetErrors: function () { for (var param in this.errors) { if (!this.errors.hasOwnProperty(param)) { continue; } this.errors[param] = null; } }, }, watch: { 'inputs.product': function (value, oldValue) { this.productType = this.productTypes[value]; if (this.productType === 'print') { this.country = 'CZ'; } } } } window.vueApp = Vue.createApp(SalesFunnelVue).mount('#main'); </script> <script src="/layouts/default/js/iframeResizer.contentWindow.min.js"></script> </body> </html>

CINXE.COM

Objednat knihu Zuzana Čaputová: Neztratit se sama sobě • RESPEKT