<% screen.content.forEach(function(item, contentItemIndex) { %> <% if (item.hidden) { return } %> <% if (item['show-condition']) { let showCondition = evaluateFunction(item['show-condition'], user_properties); if (!showCondition) { return; } } %> <% if (item['visible'] == 'false' || item['visible'] == 'hide') { return; } %> <% if (item.type=='html' ) { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- __(item.content) %>

<% } %> <% if (item.type=='js-script' ) { %> <% if (getParams('edit_mode') == 1) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

JS Code (executes after <%- item.timeout || 100 %>ms)

<% if (item.content && item.content.length > 0) { %>

<%- item.content.substring(0, 200) %><% if (item.content.length > 200) { %>...<% } %>

<% } %>

<% } else { %> <% } %> <% } %> <% if (item.type=='progress-bar-cards' ) { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% item.options.forEach(function(option, index) { %>

<%- option.title %>

<%- __(option.text) %>

<% }) %>

<% } %> <% if (item.type=='title' ) { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- __(item.content) %>

<% } %> <% if (item.type == 'express-checkout') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

' data-oncancel="<%-item.oncancel || ''%>" data-oncancel-url="<%-item.oncancel_url || ''%>" data-phone-number-required="<%-item.phoneNumberRequired || ''%>" data-billing-address-required="<%-item.billingAddressRequired || ''%>"> <%-item.content%>

<% if (item['Fallback Button Text']) {%> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ { "type": "pay-button", "content": item['Fallback Button Text'], "attrs": "data-express-fallback-btn", //"style": "display: none", "pay_button_onclick": item.pay_button_onclick, 'icon': " " } ] }}) %> <%} %> <% if (item['Other payment methods Button Text']) {%> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ { "type": "pay-button", "content": item['Other payment methods Button Text'], "attrs": "data-express-other-payments-btn", "class": "button-inverted", "style": "display: none", "pay_button_onclick": item.pay_button_onclick, 'icon': " " } ] }}) %> <%} %>

<% } %> <% if (item.type == 'paddle-form') { %>

' data-block-area-index="<%-contentItemIndex%>" <%- item.attributes || '' %> >

<% } %> <% if (item.type == 'primer-form') { %> <% if (getParams('edit_mode') && ['primer', 'hubx'].indexOf(window?.paywall?.payment_system) == -1) { %>

Change 'Main Payment system' in Paywall Settings to Primer to use this block

<% } %> <% const isComponentsFormPreview = (item.checkoutVersion || 1) >= 2 || (typeof window !== 'undefined' && !!window.usesPrimerCheckoutComponents); %> <% if (isComponentsFormPreview) { %>

<%- __('Card number') %>

<%- __(item['Submit Button Text'] || 'Confirm purchase') %>

<% } else { %>

<% } %> <% } %> <% if (item.type == 'stripe-embedded-form') { %>

<% } %> <% if (item.type == 'hubx-form') { %>

' data-block-area-index="<%-contentItemIndex%>" data-payment-failed-actions='<%- escapeHtmlForAttribute(JSON.stringify(item["payment_failed_actions"]) || "") %>' <%- item.attributes || '' %> >

<% } %> <% if (item.type == 'solidgate-form') { %>

' data-form-styles='<%- JSON.stringify(item['formStyles'] || '') %>' data-form-params='<%- JSON.stringify(item['formParams'] || '') %>' data-block-area-index="<%-contentItemIndex%>" <%- item.attributes || '' %> >

<% } %> <% if (item.type == 'stripe-form') {%>

' data-form-appearance='<%-JSON.stringify(item['form-appearance']) || ''%>' data-auto-fill-billing-from-ip="<%- item['auto_fill_billing_from_ip'] || '' %>" data-custom-terms="<%- item['custom_terms'] ? 'true' : '' %>" data-block-area-index="<%-contentItemIndex%>" <%- item.attributes || '' %> <%- item.show_on_answer >= 0 ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

Loading payment methods

<% // Extract form appearance variables for the fields let formAppearance = {}; let stripeFormBlock = null; // Find the stripe-form block to get its appearance settings if (screen && screen.content) { stripeFormBlock = screen.content.find(block => block.type === 'stripe-form'); } if (stripeFormBlock) { try { formAppearance = typeof stripeFormBlock['form-appearance'] === 'string' ? JSON.parse(stripeFormBlock['form-appearance']) : (stripeFormBlock['form-appearance'] || {}); } catch (e) { formAppearance = {}; } } const variables = formAppearance.variables || {}; // Build inline style string let inlineVarStyles = ''; if (variables.colorText) inlineVarStyles += `--stripe-input-text-color: ${variables.colorText}; `; if (variables.colorBackground) inlineVarStyles += `--stripe-input-bg-color: ${variables.colorBackground}; `; if (variables.borderRadius) inlineVarStyles += `--stripe-input-border-radius: ${variables.borderRadius}; `; if (variables.fontFamily) inlineVarStyles += `--stripe-input-font-family: ${variables.fontFamily}; `; if (variables.colorPrimary) inlineVarStyles += `--stripe-input-primary-color: ${variables.colorPrimary}; `; if (variables.spacingUnit) inlineVarStyles += `--stripe-input-spacing-unit: ${variables.spacingUnit}; `; %> <% if (item.add_email_field && !window.user_properties.email) { %>

value="<%- window.user_properties.email %>" readonly <% } %> pattern="^[^\s@]+@[^\s@]+\.[^\s@]+$" > <%- __('Email') %>

<% } %> <% if (item.add_name_field === 'above') { %>

<%-__('Name on card')%>

<% } %>

<% if (item.add_name_field === 'below') { %>

<%-__('Name on card')%>

<% } %> <% if (item.custom_terms && item.custom_terms.trim()) { %>

<%- __(item.custom_terms) %>

<% } %>

<% } %> <% if (item.type == 'stripe-payment-request-button') { %>

<% if (item['Other payment methods Button Text']) {%> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ { "type": "pay-button", "content": item['Other payment methods Button Text'], "attrs": "data-payment-request-other-payments-btn", "class": "button-inverted", "style": "display: none", "pay_button_onclick": item.pay_button_onclick, 'icon': " " } ] }}) %> <%} %>

<% } %> <% if (item.type == 'google-pay-button') { %>

<% } %> <% if (item.type == 'primer-apple-pay-button') { %>

Apple Pay

<% } %> <% if (item.type == 'primer-google-pay-button') { %>

Google Pay

<% } %> <% if (item.type == 'primer-paypal-button') { %>

PayPal

<% } %> <% if (item.type == 'primer-adaptive-wallets-button') { %>

<% } %> <% if (item.type == 'paypal-button') { %>

data-options='<%-JSON.stringify(item.options) || ''%>' data-only-paypal='<%-item.onlyPaypal%>'>

<% } %> <% if (item.type == 'paypal-card-form') { %>

<% } %> <% if (item.type=='paragraph' ) { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%- __(item.content) %>

<% } %> <% if (item.type=='time' ) { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% } %> <% if (item.type=='duration' ) { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%- __('Duration') %>

<% } %> <% if (item.type=='spinner' ) { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% } %> <% if (item.type=='auto-swiper' ) { %>

<% item.options.forEach(function(option, index) { %>

<%- __(option.content) %>

<% }) %>

<% } %> <% if (item.type=='auto-swiper-reviews' ) { %>

<% item.options.forEach(function(option, index) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <% if (option.image) {%>

<% } %>

<% if (option.title) { %>

<%- __(option.title) %>

<% } %>

<%- __(option.content || option.review) %>

<%- __(option.name) %>

<% }) %>

<% } %> <% if (item.type=='country' ) { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <% let countriesList = [{"code":"AF","name":"Afghanistan","flag":"🇦🇫"},{"code":"AL","name":"Albania","flag":"🇦🇱"},{"code":"DZ","name":"Algeria","flag":"🇩🇿"},{"code":"AS","name":"American Samoa","flag":"🇦🇸"},{"code":"AD","name":"Andorra","flag":"🇦🇩"},{"code":"AO","name":"Angola","flag":"🇦🇴"},{"code":"AI","name":"Anguilla","flag":"🇦🇮"},{"code":"AG","name":"Antigua and Barbuda","flag":"🇦🇬"},{"code":"AR","name":"Argentina","flag":"🇦🇷"},{"code":"AM","name":"Armenia","flag":"🇦🇲"},{"code":"AW","name":"Aruba","flag":"🇦🇼"},{"code":"AU","name":"Australia","flag":"🇦🇺"},{"code":"AT","name":"Austria","flag":"🇦🇹"},{"code":"AZ","name":"Azerbaijan","flag":"🇦🇿"},{"code":"BS","name":"Bahamas","flag":"🇧🇸"},{"code":"BH","name":"Bahrain","flag":"🇧🇭"},{"code":"BD","name":"Bangladesh","flag":"🇧🇩"},{"code":"BB","name":"Barbados","flag":"🇧🇧"},{"code":"BY","name":"Belarus","flag":"🇧🇾"},{"code":"BE","name":"Belgium","flag":"🇧🇪"},{"code":"BZ","name":"Belize","flag":"🇧🇿"},{"code":"BJ","name":"Benin","flag":"🇧🇯"},{"code":"BM","name":"Bermuda Islands","flag":"🇧🇲"},{"code":"BT","name":"Bhutan","flag":"🇧🇹"},{"code":"BO","name":"Bolivia","flag":"🇧🇴"},{"code":"BQ","name":"Bonaire, Sint Eustatius and Saba","flag":"🇧🇶"},{"code":"BA","name":"Bosnia and Herzegovina","flag":"🇧🇦"},{"code":"BW","name":"Botswana","flag":"🇧🇼"},{"code":"BR","name":"Brazil","flag":"🇧🇷"},{"code":"IO","name":"British Indian Ocean Territory","flag":"🇮🇴"},{"code":"VG","name":"British Virgin Islands","flag":"🇻🇬"},{"code":"BN","name":"Brunei","flag":"🇧🇳"},{"code":"BG","name":"Bulgaria","flag":"🇧🇬"},{"code":"BF","name":"Burkina Faso","flag":"🇧🇫"},{"code":"BI","name":"Burundi","flag":"🇧🇮"},{"code":"CV","name":"Cabo Verde","flag":"🇨🇻"},{"code":"KH","name":"Cambodia","flag":"🇰🇭"},{"code":"CM","name":"Cameroon","flag":"🇨🇲"},{"code":"CA","name":"Canada","flag":"🇨🇦"},{"code":"CF","name":"CAR","flag":"🇨🇫"},{"code":"KY","name":"Cayman Islands","flag":"🇰🇾"},{"code":"TD","name":"Chad","flag":"🇹🇩"},{"code":"CL","name":"Chile","flag":"🇨🇱"},{"code":"TW","name":"China","flag":"🇹🇼"},{"code":"CX","name":"Christmas Island","flag":"🇨🇽"},{"code":"CO","name":"Colombia","flag":"🇨🇴"},{"code":"KM","name":"Comoros","flag":"🇰🇲"},{"code":"CK","name":"Cook Islands","flag":"🇨🇰"},{"code":"CR","name":"Costa Rica","flag":"🇨🇷"},{"code":"CI","name":"Côte d'Ivoire","flag":"🇨🇮"},{"code":"HR","name":"Croatia","flag":"🇭🇷"},{"code":"CU","name":"Cuba","flag":"🇨🇺"},{"code":"CW","name":"Curaçao","flag":"🇨🇼"},{"code":"CY","name":"Cyprus","flag":"🇨🇾"},{"code":"CZ","name":"Czech Republic","flag":"🇨🇿"},{"code":"CD","name":"Democratic Republic of the Congo","flag":"🇨🇩"},{"code":"DK","name":"Denmark","flag":"🇩🇰"},{"code":"DJ","name":"Djibouti","flag":"🇩🇯"},{"code":"DM","name":"Dominica","flag":"🇩🇲"},{"code":"DO","name":"Dominican Republic","flag":"🇩🇴"},{"code":"KP","name":"DPRK","flag":"🇰🇵"},{"code":"TL","name":"East Timor","flag":"🇹🇱"},{"code":"EC","name":"Ecuador","flag":"🇪🇨"},{"code":"EG","name":"Egypt","flag":"🇪🇬"},{"code":"SV","name":"El Salvador","flag":"🇸🇻"},{"code":"GQ","name":"Equatorial Guinea","flag":"🇬🇶"},{"code":"ER","name":"Eritrea","flag":"🇪🇷"},{"code":"EE","name":"Estonia","flag":"🇪🇪"},{"code":"SZ","name":"Eswatini","flag":"🇸🇿"},{"code":"ET","name":"Ethiopia","flag":"🇪🇹"},{"code":"FK","name":"Falkland Islands","flag":"🇫🇰"},{"code":"FJ","name":"Fiji","flag":"🇫🇯"},{"code":"FI","name":"Finland","flag":"🇫🇮"},{"code":"FR","name":"France","flag":"🇫🇷"},{"code":"PF","name":"French Polynesia","flag":"🇵🇫"},{"code":"TF","name":"French Southern and Antarctic Lands","flag":"🇹🇫"},{"code":"GA","name":"Gabon","flag":"🇬🇦"},{"code":"GM","name":"Gambia","flag":"🇬🇲"},{"code":"GE","name":"Georgia","flag":"🇬🇪"},{"code":"DE","name":"Germany","flag":"🇩🇪"},{"code":"GH","name":"Ghana","flag":"🇬🇭"},{"code":"GI","name":"Gibraltar","flag":"🇬🇮"},{"code":"GR","name":"Greece","flag":"🇬🇷"},{"code":"GL","name":"Greenland","flag":"🇬🇱"},{"code":"GD","name":"Grenada","flag":"🇬🇩"},{"code":"GP","name":"Guadeloupe","flag":"🇬🇵"},{"code":"GU","name":"Guam","flag":"🇬🇺"},{"code":"GT","name":"Guatemala","flag":"🇬🇹"},{"code":"GG","name":"Guernsey","flag":"🇬🇬"},{"code":"GN","name":"Guinea","flag":"🇬🇳"},{"code":"GW","name":"Guinea-Bissau","flag":"🇬🇼"},{"code":"GF","name":"Guyana","flag":"🇬🇫"},{"code":"GY","name":"Guyana","flag":"🇬🇾"},{"code":"HT","name":"Haiti","flag":"🇭🇹"},{"code":"HN","name":"Honduras","flag":"🇭🇳"},{"code":"HK","name":"Hong Kong","flag":"🇭🇰"},{"code":"HU","name":"Hungary","flag":"🇭🇺"},{"code":"IS","name":"Iceland","flag":"🇮🇸"},{"code":"IN","name":"India","flag":"🇮🇳"},{"code":"ID","name":"Indonesia","flag":"🇮🇩"},{"code":"IR","name":"Iran","flag":"🇮🇷"},{"code":"IQ","name":"Iraq","flag":"🇮🇶"},{"code":"IE","name":"Ireland","flag":"🇮🇪"},{"code":"IL","name":"Israel","flag":"🇮🇱"},{"code":"IT","name":"Italy","flag":"🇮🇹"},{"code":"JM","name":"Jamaica","flag":"🇯🇲"},{"code":"JP","name":"Japan","flag":"🇯🇵"},{"code":"JE","name":"Jersey","flag":"🇯🇪"},{"code":"JO","name":"Jordan","flag":"🇯🇴"},{"code":"KZ","name":"Kazakhstan","flag":"🇰🇿"},{"code":"KE","name":"Kenya","flag":"🇰🇪"},{"code":"KI","name":"Kiribati","flag":"🇰🇮"},{"code":"KW","name":"Kuwait","flag":"🇰🇼"},{"code":"KG","name":"Kyrgyzstan","flag":"🇰🇬"},{"code":"LA","name":"Laos","flag":"🇱🇦"},{"code":"LV","name":"Latvia","flag":"🇱🇻"},{"code":"LB","name":"Lebanon","flag":"🇱🇧"},{"code":"LS","name":"Lesotho","flag":"🇱🇸"},{"code":"LR","name":"Liberia","flag":"🇱🇷"},{"code":"LY","name":"Libya","flag":"🇱🇾"},{"code":"LI","name":"Liechtenstein","flag":"🇱🇮"},{"code":"LT","name":"Lithuania","flag":"🇱🇹"},{"code":"LU","name":"Luxembourg","flag":"🇱🇺"},{"code":"MO","name":"Macau, Aomen","flag":"🇲🇴"},{"code":"MG","name":"Madagascar","flag":"🇲🇬"},{"code":"MW","name":"Malawi","flag":"🇲🇼"},{"code":"MY","name":"Malaysia","flag":"🇲🇾"},{"code":"MV","name":"Maldives","flag":"🇲🇻"},{"code":"ML","name":"Mali","flag":"🇲🇱"},{"code":"MT","name":"Malta","flag":"🇲🇹"},{"code":"MH","name":"Marshall Islands","flag":"🇲🇭"},{"code":"MQ","name":"Martinique","flag":"🇲🇶"},{"code":"MR","name":"Mauritania","flag":"🇲🇷"},{"code":"MU","name":"Mauritius","flag":"🇲🇺"},{"code":"YT","name":"Mayotte","flag":"🇾🇹"},{"code":"MX","name":"Mexico","flag":"🇲🇽"},{"code":"FM","name":"Micronesia","flag":"🇫🇲"},{"code":"MD","name":"Moldova","flag":"🇲🇩"},{"code":"MC","name":"Monaco","flag":"🇲🇨"},{"code":"MN","name":"Mongolia","flag":"🇲🇳"},{"code":"ME","name":"Montenegro","flag":"🇲🇪"},{"code":"MS","name":"Montserrat","flag":"🇲🇸"},{"code":"MA","name":"Morocco","flag":"🇲🇦"},{"code":"MZ","name":"Mozambique","flag":"🇲🇿"},{"code":"MM","name":"Myanmar","flag":"🇲🇲"},{"code":"NA","name":"Namibia","flag":"🇳🇦"},{"code":"NR","name":"Nauru","flag":"🇳🇷"},{"code":"NP","name":"Nepal","flag":"🇳🇵"},{"code":"NL","name":"Netherlands","flag":"🇳🇱"},{"code":"NC","name":"New Caledonia","flag":"🇳🇨"},{"code":"NZ","name":"New Zealand","flag":"🇳🇿"},{"code":"NI","name":"Nicaragua","flag":"🇳🇮"},{"code":"NE","name":"Niger","flag":"🇳🇪"},{"code":"NG","name":"Nigeria","flag":"🇳🇬"},{"code":"NU","name":"Niue","flag":"🇳🇺"},{"code":"NF","name":"Norfolk Island","flag":"🇳🇫"},{"code":"MK","name":"North Macedonia","flag":"🇲🇰"},{"code":"MP","name":"Northern Mariana Islands","flag":"🇲🇵"},{"code":"NO","name":"Norway","flag":"🇳🇴"},{"code":"OM","name":"Oman","flag":"🇴🇲"},{"code":"PK","name":"Pakistan","flag":"🇵🇰"},{"code":"PW","name":"Palau","flag":"🇵🇼"},{"code":"PA","name":"Panama","flag":"🇵🇦"},{"code":"PG","name":"Papua New Guinea","flag":"🇵🇬"},{"code":"PY","name":"Paraguay","flag":"🇵🇾"},{"code":"PE","name":"Peru","flag":"🇵🇪"},{"code":"PH","name":"Philippines","flag":"🇵🇭"},{"code":"PN","name":"Pitcairn Islands","flag":"🇵🇳"},{"code":"PL","name":"Poland","flag":"🇵🇱"},{"code":"PT","name":"Portugal","flag":"🇵🇹"},{"code":"PR","name":"Puerto Rico","flag":"🇵🇷"},{"code":"QA","name":"Qatar","flag":"🇶🇦"},{"code":"CG","name":"Republic of the Congo","flag":"🇨🇬"},{"code":"KR","name":"Republic of Korea","flag":"🇰🇷"},{"code":"RE","name":"Réunion","flag":"🇷🇪"},{"code":"RO","name":"Romania","flag":"🇷🇴"},{"code":"RU","name":"Russia","flag":"🇷🇺"},{"code":"RW","name":"Rwanda","flag":"🇷🇼"},{"code":"BL","name":"Saint Barthélemy","flag":"🇧🇱"},{"code":"SH","name":"Saint Helena, Ascension and Tristan da Cunha","flag":"🇸🇭"},{"code":"KN","name":"Saint Kitts and Nevis","flag":"🇰🇳"},{"code":"LC","name":"Saint Lucia","flag":"🇱🇨"},{"code":"MF","name":"Saint Martin","flag":"🇲🇫"},{"code":"PM","name":"Saint Pierre and Miquelon","flag":"🇵🇲"},{"code":"VC","name":"Saint Vincent and the Grenadines","flag":"🇻🇨"},{"code":"WS","name":"Samoa","flag":"🇼🇸"},{"code":"SM","name":"San Marino","flag":"🇸🇲"},{"code":"ST","name":"São Tomé and Príncipe","flag":"🇸🇹"},{"code":"SA","name":"Saudi Arabia","flag":"🇸🇦"},{"code":"SN","name":"Senegal","flag":"🇸🇳"},{"code":"RS","name":"Serbia","flag":"🇷🇸"},{"code":"SC","name":"Seychelles","flag":"🇸🇨"},{"code":"SL","name":"Sierra Leone","flag":"🇸🇱"},{"code":"SG","name":"Singapore","flag":"🇸🇬"},{"code":"SX","name":"Sint Maarten","flag":"🇸🇽"},{"code":"SK","name":"Slovakia","flag":"🇸🇰"},{"code":"SI","name":"Slovenia","flag":"🇸🇮"},{"code":"SB","name":"Solomon Islands","flag":"🇸🇧"},{"code":"SO","name":"Somalia","flag":"🇸🇴"},{"code":"ZA","name":"South Africa","flag":"🇿🇦"},{"code":"SS","name":"South Sudan","flag":"🇸🇸"},{"code":"ES","name":"Spain","flag":"🇪🇸"},{"code":"LK","name":"Sri Lanka","flag":"🇱🇰"},{"code":"SD","name":"Sudan","flag":"🇸🇩"},{"code":"SR","name":"Suriname","flag":"🇸🇷"},{"code":"SJ","name":"Svalbard","flag":"🇸🇯"},{"code":"SE","name":"Sweden","flag":"🇸🇪"},{"code":"CH","name":"Switzerland","flag":"🇨🇭"},{"code":"SY","name":"Syria","flag":"🇸🇾"},{"code":"TJ","name":"Tajikistan","flag":"🇹🇯"},{"code":"TZ","name":"Tanzania","flag":"🇹🇿"},{"code":"TH","name":"Thailand","flag":"🇹🇭"},{"code":"TG","name":"Togo","flag":"🇹🇬"},{"code":"TK","name":"Tokelau","flag":"🇹🇰"},{"code":"TO","name":"Tonga","flag":"🇹🇴"},{"code":"TT","name":"Trinidad and Tobago","flag":"🇹🇹"},{"code":"TN","name":"Tunisia","flag":"🇹🇳"},{"code":"TR","name":"Turkey","flag":"🇹🇷"},{"code":"TM","name":"Turkmenistan","flag":"🇹🇲"},{"code":"TC","name":"Turks and Caicos","flag":"🇹🇨"},{"code":"TV","name":"Tuvalu","flag":"🇹🇻"},{"code":"AE","name":"UAE","flag":"🇦🇪"},{"code":"UG","name":"Uganda","flag":"🇺🇬"},{"code":"UA","name":"Ukraine","flag":"🇺🇦"},{"code":"GB","name":"United Kingdom","flag":"🇬🇧"},{"code":"US","name":"United States of America","flag":"🇺🇸"},{"code":"UY","name":"Uruguay","flag":"🇺🇾"},{"code":"UZ","name":"Uzbekistan","flag":"🇺🇿"},{"code":"VU","name":"Vanuatu","flag":"🇻🇺"},{"code":"VA","name":"Vatican","flag":"🇻🇦"},{"code":"VE","name":"Venezuela","flag":"🇻🇪"},{"code":"VN","name":"Vietnam","flag":"🇻🇳"},{"code":"VI","name":"Virgin Islands (U.S.)","flag":"🇻🇮"},{"code":"WF","name":"Wallis and Futuna","flag":"🇼🇫"},{"code":"YE","name":"Yemen","flag":"🇾🇪"},{"code":"ZM","name":"Zambia","flag":"🇿🇲"},{"code":"ZW","name":"Zimbabwe","flag":"🇿🇼"}]; // Get default value from locales.country_code or item.value const defaultValue = (typeof locales !== 'undefined' && locales.country_code) ? locales.country_code : (__(item.value || '')); let placeholderText = __(item.placeholder || 'Select country'); // If there's a default value, try to find matching country text if (defaultValue) { const matchingCountry = countriesList.find(country => country.code === defaultValue.toUpperCase() || country.name.toLowerCase() === defaultValue.toLowerCase() ); if (matchingCountry) { placeholderText = `${matchingCountry.flag} ${matchingCountry.name}`; } } else { // If no default value, use first country as placeholder const firstCountry = countriesList[0]; if (firstCountry) { placeholderText = `${firstCountry.flag} ${firstCountry.name}`; } } %>

<%- country.flag %> <%- country.name %>

<% } %> <% if (item.type=='options' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% item.options.forEach(function(option, index) { %>

<% if (option.selected || (window.quiz.custom_json?.prefill_answers && window.user_properties[item.name || screen.id] && window.user_properties[item.name || screen.id] == (option.value || option.content || (typeof option == 'object' ? index : option)))) { %>checked="checked"<% }%>> <% if (option.image) { %>

<% } %> <%- replaceStartingEmojiWithSpan(__(typeof option === 'string' ? option : (option && typeof option.content === 'string' ? option.content : ''))) %> <% var iconType = item.icon_type || 'arrow'; %> <% if (iconType === 'none') { %> <% } else if (iconType === 'radio') { %> <% } else if (iconType === 'checkbox') { %> <% } else { %> <% } %>

<% }) %>

<% } %> <% if (item.type=='options-multiple' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% item.options.forEach(function(option, index){ %>

checked="checked"<% }%><% if (option.uncheck_all === true || option.uncheck_all === 'true') { %> data-uncheck-all="true"<% }%> > <% if (option.image) { %>

<% } %> <%- replaceStartingEmojiWithSpan(__(option.content || option)) %>

<% }) %>

<% } %> <% if (item.type=='list' ) { %>

<% if (item.marker) { %> <%- __(item.marker) %> <%- __(listItem) %> <% } else { %> <%- __(listItem) %> <% } %>

<% if (item.duration) { setTimeout(function(){ let els = $('[data-block-area-index=' + contentItemIndex + '] li.quiz__list-item'); els.css('opacity', '0'); els.each(function (index, el) { setTimeout(function(){ $(el).animate({opacity: 1}, item.duration) }, item.duration * index) }) }, 200) } %> <% } %> <% if (item.type=='review' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <% if (item.title) {%>

<% if (item.image) {%>

<% } %> <%- __(item.title) %>

<% } %> <% var rating = parseFloat(item.star_rating) || 5; var fullStars = Math.floor(rating); var hasHalfStar = (rating % 1) >= 0.5; var emptyStars = 5 - fullStars - (hasHalfStar ? 1 : 0); %>

<%- __(item.content || item.review) %>

<%- __(item.name) %>

<% } %> <% if (item.type=='review-fb' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%-__(item.name)%>

recommends

<%- __(item.app_name || window.app_name) %>

<%- __(item.date) %>

<%- __(item.comment) %>

<% } %> <% if (item.type=='review-card') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% if (item.image) { %>

<% } %>

<%- __(item.name) %>

<%- __(item.content) %>

<% } %> <% if (item.type=='image') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <% if (item.image_prompt) { %>

[image: <%-item.image_prompt%>]

<% } else { %> <%- item.alt %>

<% } %>

<% } %> <% if (item.type=='button' ) { %> <% } %> <% if (item.type=='button-link' || item.type=='button-after-pay' ) { %> data-block-area-index="<%-contentItemIndex%>" <%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- __(item.content) %> <% } %> <% if (item.type=='button-inline' ) { %> <% } %> <% if (item.type=='sub-title' ) { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- __(item.content) %>

<% } %> <% if (item.type=='sub-title-gray' ) { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- __(item.content) %>

<% } %> <% if (item.type=='preview-steps') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <% item.steps.forEach(function(step, index) { %>

<% if (step.image_prompt) { %>

[image: <%-step.image_prompt%>]

<% } else { %>

<% } %>

<%- __(step.title) %>

<% }) %>

<% } %> <% if (item.type=='sale-timer' ) { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%-__('Applied limited discount')%>

<%- item.sale_old %><%- item.sale %>

<%- item.user_old %>

<%- __(item.user) %>

<%-__('Applicable for')%>

<%-__('minutes')%>

<%-__('seconds')%>

<% } %> <% if (item.type=='options-multiple-images' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% item.options.forEach(function(option, index) { %> checked="checked"<% }%> > <% if (option.image) { %>

<% } %> <%- __(option.content || option) %> <% }) %>

<% } %> <% if (item.type=='options-image-horizontal' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% item.options.forEach(function(option, index) { %>

<% if (window.quiz.custom_json?.prefill_answers && window.user_properties[item.name || screen.id] && window.user_properties[item.name || screen.id] == (option.value || option.content || (typeof option == 'object' ? index : option))) { %>checked="checked"<% }%>> <%- __(option.content) %> <%- __(option.icon) %> <%- option.value %>

<% }) %>

<% } %> <% if (item.type=='options-vertical' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% item.options.forEach(function(option, index) { %> > <%- __(option.content) %> <% }) %>

<% } %> <% if (item.type=='options-images-small' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% item.options.forEach(function(option, index) { %> <% if (window.quiz.custom_json?.prefill_answers && window.user_properties[item.name || screen.id] && window.user_properties[item.name || screen.id] == (option.value || option.content || (typeof option == 'object' ? index : option))) { %>checked="checked"<% }%>> <%- option.content %>

<%- __(option.content) %> <% }) %>

<% } %> <% if (item.type=='options-evaluation' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

> <% if (window.quiz.custom_json?.prefill_answers && window.user_properties[item.name || screen.id]) { var savedValue = window.user_properties[item.name || screen.id]; var displayValue = savedValue; for (var i = 0; i < item.options.length; i++) { var opt = item.options[i]; var optValue = opt.value || opt.content || (typeof opt == 'object' ? i : opt); if (String(optValue) === String(savedValue)) { displayValue = opt.content || opt.value || savedValue; break; } } %><%- displayValue %><% } else { %>·<% } %>

<% if (window.quiz.custom_json?.prefill_answers && window.user_properties[item.name || screen.id] && window.user_properties[item.name || screen.id] == (option.value || option.content || (typeof option == 'object' ? index : option))) { %>checked="checked"<% }%>> <%- __(replaceStartingEmojiWithSpan(option.content || option))%>

<%- __(item.text_left) %> <%- __(item.text_right) %>

<% }%> <% if (item.type=='progress-circle' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <% if (item.text) { %>

<%- __(item.text) %>

<% } %>

style="display: none" <% } %>> 0%

<% if (item.questions_popups ) { %> <% item.questions_popups.forEach(function(option) { %> <% }) %> <% } %> <% } %> <% if (item.type=='progress-bars' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-progress-complete-content="<%-item.progress_complete_content || ''%>"> <% if (item.checkmark_content) { %> <% } %> <% item.options.forEach(function(option, index) { %>

data-percent="<%- option.percent%>"<% } %>>

<% if (item.list_icon && item.list_icon[index]) { %>

<% } %> <%- __(option.content || option) %>

style="display: none"<%}%>>

<% }) %>

<% if (item.questions_popups ) { %> <% item.questions_popups.forEach(function(option) { %> <% }) %> <% } %> <% } %> <% if (item.type=='email' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- __(item.label) %>

autocomplete="off" <%- item.attributes || '' %> data-email-input data-domains='<%= JSON.stringify(item.domains || []) %>' data-callback="<%- JSON.stringify({callback: item.callback || ''}).replace(/"/g, '"') %>">

<% } %> <% if (item.type=='popup-email' ) { %> <% } %> <% if (item.type=='text' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- item.label %> <% if (item.isTextarea) { %> <% } else { %> required<% } %> value="<%-__(item.value || ((window.quiz.custom_json?.prefill_answers && window.user_properties[item.name || screen.id]) ? window.user_properties[item.name || screen.id] : ''))%>" <%= item.isAutofocus === "false" ? '' : 'data-autofocus' %> data-callback="<%- JSON.stringify({callback: item.callback || ''}).replace(/"/g, '"') %>" > <% } %>

<% } %> <% if (item.type=='city' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- item.label %> required<% } %> value="<%-__(item.value || ((window.quiz.custom_json?.prefill_answers && window.user_properties[item.name || screen.id]) ? window.user_properties[item.name || screen.id] : ''))%>" autocomplete="off" <%= item.isAutofocus === "false" ? '' : 'data-autofocus' %>>

<% } %> <% if (item.type=='password' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- item.label %> required<% } %> value="" <%= item.isAutofocus === "false" ? '' : 'data-autofocus' %> minlength="<%- item.minLength || '' %>">

<% } %> <% if (item.type=='time-input' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- item.label %> <% if(item.required == 'true') {%>required<% } %> value="<%- __(item.value || ((window.quiz.custom_json?.prefill_answers && window.user_properties[item.name || screen.id]) ? window.user_properties[item.name || screen.id] : '')) %>" autofocus>

<% } %> <% if (item.type=='time-select' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- item.label %>

<% const timeValue = __(item.value); const [hours, minutes] = timeValue ? timeValue.split(':').map(Number) : [0, 0]; const roundedMinutes = Math.round(minutes / 5) * 5; let adjustedHours = hours; let adjustedMinutes = roundedMinutes; if (roundedMinutes === 60) { adjustedHours = (hours + 1) % 24; adjustedMinutes = 0; } %>

<% } %> <% if (item.type=='number' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- item.label %> required<% } %> value="<%-__(item.value || ((window.quiz.custom_json?.prefill_answers && window.user_properties[item.name || screen.id]) ? window.user_properties[item.name || screen.id] : ''))%>" <%= item.isAutofocus === "false" ? '' : 'data-autofocus' %> data-callback="<%- JSON.stringify({callback: item.callback || ''}).replace(/"/g, '"') %>" >

<% } %> <% if (item.type=='date' ) { %>

<% } %> <% if (item.type=='date-format' ) { %> <% var dateFormat = item.date_format || 'DD-MM-YYYY'; var dateOrder = []; if (dateFormat.toUpperCase().indexOf('DD') < dateFormat.toUpperCase().indexOf('MM') && dateFormat.toUpperCase().indexOf('MM') < dateFormat.toUpperCase().indexOf('YYYY')) { dateOrder = ['day', 'month', 'year']; // DD-MM-YYYY } else if (dateFormat.toUpperCase().indexOf('MM') < dateFormat.toUpperCase().indexOf('DD') && dateFormat.toUpperCase().indexOf('DD') < dateFormat.toUpperCase().indexOf('YYYY')) { dateOrder = ['month', 'day', 'year']; // MM-DD-YYYY } else if (dateFormat.toUpperCase().indexOf('YYYY') < dateFormat.toUpperCase().indexOf('MM') && dateFormat.toUpperCase().indexOf('MM') < dateFormat.toUpperCase().indexOf('DD')) { dateOrder = ['year', 'month', 'day']; // YYYY-MM-DD } else { dateOrder = ['day', 'month', 'year']; // default } var defaultDay = null; var defaultMonth = null; var defaultYear = null; if (item.value) { // Try to parse the value as a date var parsedDate = null; // Try different separators and formats var separators = ['-', '.', '/', ' ']; var parts = null; for (var i = 0; i < separators.length; i++) { if (item.value.indexOf(separators[i]) > -1) { parts = item.value.split(separators[i]); break; } } if (parts && parts.length === 3) { var p1 = parseInt(parts[0]); var p2 = parseInt(parts[1]); var p3 = parseInt(parts[2]); if (!isNaN(p1) && !isNaN(p2) && !isNaN(p3)) { // Determine format based on values and current format if (p3 > 31 || p3.toString().length === 4) { // Year is last if (p1 > 12) { defaultYear = p3; defaultMonth = p2; defaultDay = p1; // DD-MM-YYYY } else if (p2 > 12) { defaultYear = p3; defaultMonth = p1; defaultDay = p2; // MM-DD-YYYY } else { // Use current format preference if (dateFormat === 'MM-DD-YYYY') { defaultYear = p3; defaultMonth = p1; defaultDay = p2; } else { defaultYear = p3; defaultMonth = p2; defaultDay = p1; // default DD-MM-YYYY } } } else { // All values are ambiguous (≤31), use current format if (dateFormat === 'MM-DD-YYYY') { defaultYear = p3; defaultMonth = p1; defaultDay = p2; } else if (dateFormat === 'YYYY-MM-DD') { defaultYear = p1; defaultMonth = p2; defaultDay = p3; } else { defaultYear = p3; defaultMonth = p2; defaultDay = p1; // default DD-MM-YYYY } } } } // If parsing failed, try as ISO date if (defaultDay === null) { var isoDate = new Date(item.value); if (!isNaN(isoDate.getTime())) { defaultDay = isoDate.getDate(); defaultMonth = isoDate.getMonth() + 1; defaultYear = isoDate.getFullYear(); } } } var minDate = null; var maxDate = null; if (item.min_date) { minDate = new Date(item.min_date); } if (item.max_date) { maxDate = new Date(item.max_date); } var minYear = minDate ? minDate.getFullYear() : 1900; var maxYear = maxDate ? maxDate.getFullYear() : 2100; %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

<% if (item.label) { %> <%- item.label %> <% } %>

<% if (dateFormat === 'DD-MM-YYYY') { %>

<% } else if (dateFormat === 'MM-DD-YYYY') { %>

<% } %>

<% } %> <% if (item.type=='time-format' ) { %> <% // Parse item.value if provided (expects format like "02:30 PM") var defaultHour = null; var defaultMinute = null; var defaultPeriod = null; if (item.value) { var timeParts = item.value.trim().split(/[\s:]+/); if (timeParts.length >= 2) { var h = parseInt(timeParts[0]); var m = parseInt(timeParts[1]); if (!isNaN(h) && !isNaN(m)) { // Check if 12-hour format with AM/PM if (timeParts.length >= 3 && (timeParts[2].toUpperCase() === 'AM' || timeParts[2].toUpperCase() === 'PM')) { defaultHour = h; defaultMinute = m; defaultPeriod = timeParts[2].toUpperCase(); } else { // Convert 24h to 12h if no AM/PM provided if (h >= 12) { defaultPeriod = 'PM'; defaultHour = h > 12 ? h - 12 : 12; } else { defaultPeriod = 'AM'; defaultHour = h === 0 ? 12 : h; } defaultMinute = m; } } } } %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

<% if (item.label) { %> <%- item.label %> <% } %>

<% } %> <% if (item.type=='video' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% } %> <% if (item.type=='audio' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

> <% if (item.show_time === true || item.show_time === 'true') { %>

0:00 0:00

<% } %>

<% } %> <% if (item.type=='sort-select' ) { %>

required<% } %> value="<%- (window.quiz.custom_json?.prefill_answers && window.user_properties[screen.id]) ? window.user_properties[screen.id] : '' %>">

<% } %> <% if (item.type=='block-back-time-counter') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%- item.content %>

<% } %> <% if (item.type=='prices-list' ) { %>

checked <% } %> <% if (priceOverride.price_url) { %> data-price-url="<%-priceOverride.price_url%>" <% } %> > <% if (specialOfferText) { %> <%= specialOfferText %> <% } %> <% if (priceOverride.top_label) { %> <%-priceOverride.top_label%> <% } %> <% if (priceImage) { %> <% } %> <%- priceTitle %> <% if ( (priceOldNum && Number(priceOldNum) > Number(priceCurrent)) || priceOverride.price_old) { %> <%- priceOld %> <% } %> <%- pricePeriodDescr %> <% if (bottomLabel) { %> <%= bottomLabel %> <% } %> <% if (priceOverride.price_comparison_amount != ' ') {%> <% if (oldDailyPrice) { %> <%- oldDailyPrice %> <% } %> <%= currency.symbol %> <% if (priceCurrentComparisonSplit) { %> <%= priceCurrentComparisonSplit[0] %> <% } else { %> <%= priceCurrent.toString().split('.')[0] %> <% } %> <% if (priceCurrentComparisonSplit) { %> <% if (priceCurrentComparisonSplit[1]) { %> <%= priceCurrentComparisonSplit[1] %> <% } %> <%= priceComparisonDescr %> <% } else { %> <% if (priceCurrent.toString().split('.')[1]) { %> <%= priceCurrent.toString().split('.')[1] %> <% } %> <% } %> <% } %> <% if (priceContent) { %> <%- __(priceContent) %> <% } %> <% if (item.list_position != 'vertical') { %> <% if (item.more_button_text) { %> <%- __(item.more_button_text) %> <% } %> <% if (item.price_content?.length || item.button_text?.length) { %> <% if (item.price_content?.length) { %> <% item.price_content.forEach(function(option) { %>
<%- __(option.content || option) %>
<% }) %> <% } %> <% if (item.button_text?.length) { %> <% } %> <% } %> <% } %>

<% } %> <% if (item.type == 'safe-checkout-banners') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%- __('Guaranteed safe checkout') %>

<%- __('All transactions are secure and encrypted') %>

<% } %> <% if (item.type == 'tos-check') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- __(item.content || 'By purchasing, you agree to our Privacy policy, Terms of policy, Refund policy.') %>

<% } %> <% if (item.type == 'range-4-variants') { %>

<%- __(item.textLeft) %>

<%- __(item.textRight) %>

<%- __(item.variant1) %>

<%- __(item.variant2) %>

<%- __(item.variant3) %>

<%- __(item.variant4) %>

<% } %> <% if (item.type == 'slider-results') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% item.content.forEach(function(option, index) { %>

<% if (!item.hide_header) { %> <% } %>

<% if (option.name || option.text || option.title) { %>

<% if (option.name || option.title) { %>

<%- __(option.title || option.name)%>

<% } %> <% if (option.text) { %>

<%- __(option.text)%>

<% } %>

<% }) %>

<% } %> <% if (item.type == 'border-block') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- TemplateManager.renderTemplate('screen-content', { screen: item, prices: window?.paywall_products?.product_info?.product_data?.prices, product_info: window?.paywall_products?.product_info }) %>

<% } %> <% if (item.type == 'columns') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- TemplateManager.renderTemplate('screen-content', {screen: item}) %>

<% } %> <% if (item.type == 'container') { %> Container is not supported in this version of the template. <% } %> <% if (item.type == 'faq-question') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%-__(item.content)%>

<% } %> <% if (item.type == 'pay-button') { %> <% } %> <% if (item.type == 'weight') { %> <% // Determine default unit system - imperial if not specified var isMetric = false; if (window.user_properties && window.user_properties.user_units_system) { isMetric = window.user_properties .user_units_system === 'metric'; } else { isMetric = item.default_user_units_system === 'metric'; } // Default to imperial (ft) if no system specified var showImperial = !isMetric; // Determine tab text style var tabTextStyle = item.tab_text_style || 'short'; var imperialTabText = tabTextStyle === 'full' ? 'Imperial' : 'lbs'; var metricTabText = tabTextStyle === 'full' ? 'Metric' : 'kg'; %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <% if (item.second == 'true') { %>

<%-__(imperialTabText)%>
<%-__(metricTabText)%>

<% } %>

<% if (item.default) {%> value="<%- item.default %>" <% } %> <% if (item.min_kg) { %>min="<%- __(item.min_kg) %>"<% } %> <% if (item.max_kg) { %>max="<%- __(item.max_kg) %>"<% } %> <% if (item.placeholder_kg) { %>placeholder="<%- __(item.placeholder_kg) %>"<% } %> <% if(item.required == 'true') {%>required<% } %> data-callback="<%- JSON.stringify({callback: item.callback || ''}).replace(/"/g, '"') %>"/><%-__('kg')%>

<% if (item.second == 'true') { AnalyticsManager.setUserProperty("weight_selected_measure", "lbs"); %>

<% if (item.default) {%> value="<%- Math.round(item.default * 2.20462) %>" <% } %> <% if (item.min_lbs) { %>min="<%- __(item.min_lbs) %>"<% } %> <% if (item.max_lbs) { %>max="<%- __(item.max_lbs) %>"<% } %> <% if (item.placeholder_lbs) { %>placeholder="<%- __(item.placeholder_lbs) %>"<% } %> <% if(item.required == 'true') {%>required<% } %> data-callback="<%- JSON.stringify({callback: item.callback || ''}).replace(/"/g, '"') %>"/><%-__('lbs')%>

<% } %>

<% } %> <% if (item.type == 'weight-scroller') { %> <% var defaultUnitSystem = (item.default_user_units_system === 'imperial') ? 'imperial' : 'metric'; var unitLabelKg = (item.unit_label_metric != null && item.unit_label_metric !== '') ? item.unit_label_metric : __('kg'); var unitLabelLbs = (item.unit_label_imperial != null && item.unit_label_imperial !== '') ? item.unit_label_imperial : __('lbs'); %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

data-min-kg="<%- item.min_kg != null && item.min_kg !== '' ? item.min_kg : 30 %>" data-max-kg="<%- item.max_kg != null && item.max_kg !== '' ? item.max_kg : 200 %>" data-min-lbs="<%- item.min_lbs != null && item.min_lbs !== '' ? item.min_lbs : 66 %>" data-max-lbs="<%- item.max_lbs != null && item.max_lbs !== '' ? item.max_lbs : 441 %>" data-default-kg="<%- item.default != null && item.default !== '' ? item.default : 70 %>" data-default-lbs="<%- item.default_lbs != null && item.default_lbs !== '' ? item.default_lbs : 154 %>" data-name="<%- (item.name && String(item.name).trim() !== '' && item.name !== 'weight') ? item.name : 'weight_scroller' %>" data-block-index="<%- screen.id %>-<%- contentItemIndex %>" data-default-unit-system="<%- defaultUnitSystem %>" data-unit-label-kg="<%- unitLabelKg %>" data-unit-label-lbs="<%- unitLabelLbs %>" data-callback="<%- JSON.stringify({callback: item.callback || ''}).replace(/"/g, '"') %>">

<% } %> <% if (item.type == 'height-scroller') { %> <% var defaultUnitSystemHeight = (item.default_user_units_system === 'imperial') ? 'imperial' : 'metric'; var unitLabelCm = (item.unit_label_metric != null && item.unit_label_metric !== '') ? item.unit_label_metric : __('cm'); var unitLabelFt = (item.unit_label_imperial != null && item.unit_label_imperial !== '') ? item.unit_label_imperial : __('ft'); %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

data-min-cm="<%- item.min_cm != null && item.min_cm !== '' ? item.min_cm : 90 %>" data-max-cm="<%- item.max_cm != null && item.max_cm !== '' ? item.max_cm : 240 %>" data-min-ft="<%- item.min_ft != null && item.min_ft !== '' ? item.min_ft : 3 %>" data-min-in="<%- item.min_in != null && item.min_in !== '' ? item.min_in : 0 %>" data-max-ft="<%- item.max_ft != null && item.max_ft !== '' ? item.max_ft : 7 %>" data-max-in="<%- item.max_in != null && item.max_in !== '' ? item.max_in : 11 %>" data-default-cm="<%- item.default != null && item.default !== '' ? item.default : 170 %>" data-default-ft="<%- item.default_ft != null && item.default_ft !== '' ? item.default_ft : 5 %>" data-default-in="<%- item.default_in != null && item.default_in !== '' ? item.default_in : 7 %>" data-name="<%- (item.name && String(item.name).trim() !== '' && item.name !== 'height') ? item.name : 'height_scroller' %>" data-block-index="<%- screen.id %>-<%- contentItemIndex %>" data-default-unit-system="<%- defaultUnitSystemHeight %>" data-unit-label-cm="<%- unitLabelCm %>" data-unit-label-ft="<%- unitLabelFt %>" data-callback="<%- JSON.stringify({callback: item.callback || ''}).replace(/"/g, '"') %>">

<% } %> <% if (item.type == 'number-scroller') { %> <% var numberLabelText = (item.label_text != null && item.label_text !== '') ? item.label_text : ''; %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

data-min="<%- item.min != null && item.min !== '' ? item.min : 1 %>" data-max="<%- item.max != null && item.max !== '' ? item.max : 100 %>" data-default="<%- item.default != null && item.default !== '' ? item.default : 50 %>" data-name="<%- (item.name && String(item.name).trim() !== '') ? item.name : 'number_scroller' %>" data-block-index="<%- screen.id %>-<%- contentItemIndex %>" data-label-text="<%- numberLabelText.replace(/"/g, '"') %>" data-callback="<%- JSON.stringify({callback: item.callback || ''}).replace(/"/g, '"') %>">

<% if (numberLabelText) { %>

<% } %>

<% } %> <% if (item.type == 'diagram') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

> <% var additionalScaleMaxX = 10; var additionalScaleMaxY = 10; var axisX = Array.isArray(item.axis_x) ? item.axis_x : []; var axisY = Array.isArray(item.axis_y) ? item.axis_y : []; var lineList = Array.isArray(item.lines) ? item.lines : []; var diagramPlotGridHorizontalOnly = item.horizontal_lines_only === true || item.horizontal_lines_only === 'true' || item.plot_grid === 'horizontal'; var isDiagramPreview = typeof getParams === 'function' && (getParams('edit_mode') == 1 || getParams('edit_mode') === '1' || getParams('edit_mode') === true); var hideAuxMarkup = item.hide_aux_markup === true || item.hide_aux_markup === 'true'; var showRuler = isDiagramPreview && item.show_aux_ruler !== false && item.show_aux_ruler !== 'false' && !hideAuxMarkup; var plotW; var plotH; var x0; var y0; var vbW; var vbH; var yRulerX0 = 14; var yRulerX1 = 22; var yRulerNumX = 12; var axisYLabelPad = 6; if (showRuler) { plotW = 250; plotH = 128; x0 = 60; y0 = 144; vbH = 202; axisYLabelPad = 8; } else { plotW = 276; plotH = 132; x0 = 40; y0 = 148; vbH = 180; axisYLabelPad = 8; } var hasAxisY = axisY.length > 0; var hasAxisX = axisX.length > 0; if (!hasAxisY) { if (showRuler) { x0 = 34; } else { x0 = 12; } axisYLabelPad = 4; } if (!hasAxisX && !showRuler) { vbH = y0 + 14; } var plotBleed = 10; vbW = Math.ceil(x0 + plotW + plotBleed); var xRulerSpineY = y0 + (hasAxisX ? 34 : 12); var xRulerTickY1 = y0 + (hasAxisX ? 42 : 20); var xRulerNumY = y0 + (hasAxisX ? 52 : 30); if (showRuler) { vbH = Math.ceil(xRulerNumY + 10); } var labelTopPad = 24; function diagramLabel(cell) { if (cell == null) return ''; if (typeof cell === 'object' && cell.label != null) return String(cell.label); return String(cell || ''); } function diagramNum(v) { var n = parseFloat(v); return isNaN(n) ? 0 : n; } function diagramPointLabelPaddingFromItem(it) { var defX = 6; var defY = 3; var cv = it && it.css_variables; if (!cv || typeof cv !== 'object') { return { padLeft: defX, padRight: defX, padTop: defY, padBottom: defY }; } var raw = cv['--type-diagram-point-label-bg-padding']; if (raw == null || String(raw).trim() === '') { return { padLeft: defX, padRight: defX, padTop: defY, padBottom: defY }; } var nums = String(raw).match(/[\d.]+/g); if (!nums || !nums.length) { return { padLeft: defX, padRight: defX, padTop: defY, padBottom: defY }; } var a = nums.map(function (x) { return parseFloat(x, 10); }); if (a.some(function (n) { return isNaN(n); })) { return { padLeft: defX, padRight: defX, padTop: defY, padBottom: defY }; } if (a.length === 1) { return { padLeft: a[0], padRight: a[0], padTop: a[0], padBottom: a[0] }; } if (a.length === 2) { return { padLeft: a[1], padRight: a[1], padTop: a[0], padBottom: a[0] }; } if (a.length === 3) { return { padLeft: a[1], padRight: a[1], padTop: a[0], padBottom: a[2] }; } return { padLeft: a[3], padRight: a[1], padTop: a[0], padBottom: a[2] }; } function diagramPointLabelBgRadiusFromItem(it) { var def = 3; var cv = it && it.css_variables; if (!cv || typeof cv !== 'object') { return def; } var raw = cv['--type-diagram-point-label-bg-border-radius']; if (raw == null || String(raw).trim() === '') { return def; } var m = String(raw).match(/[\d.]+/); if (!m) { return def; } var n = parseFloat(m[0], 10); if (isNaN(n) || n < 0) { return def; } return n; } function diagramPxX(raw) { var x = Math.max(0, Math.min(additionalScaleMaxX, diagramNum(raw))); return x0 + (x / additionalScaleMaxX) * plotW; } function diagramPyY(raw) { var y = Math.max(0, Math.min(additionalScaleMaxY, diagramNum(raw))); return y0 - (y / additionalScaleMaxY) * plotH; } function diagramAxisXTick(i) { var n = axisX.length; if (n <= 0) return 0; if (n === 1) return additionalScaleMaxX / 2; return (i / (n - 1)) * additionalScaleMaxX; } function diagramAxisYTick(j) { var n = axisY.length; if (n <= 0) return 0; if (n === 1) return additionalScaleMaxY / 2; return (j / (n - 1)) * additionalScaleMaxY; } var xTickEnd = Math.min(200, Math.max(0, Math.floor(Number(additionalScaleMaxX) + 1e-9))); var yTickEnd = Math.min(200, Math.max(0, Math.floor(Number(additionalScaleMaxY) + 1e-9))); var gridDivisions = 10; function diagramLineColorStops(line) { var raw = line && line.color; var arr = []; if (Array.isArray(raw)) { raw.forEach(function (c) { var t = c != null ? String(c).trim() : ''; if (t) arr.push(t); }); } else if (raw != null && String(raw).trim() !== '') { arr.push(String(raw).trim()); } if (!arr.length) { arr.push('#3B82F6'); } return arr; } function diagramLinePixelPoints(pts) { var out = []; if (!Array.isArray(pts)) { return out; } pts.forEach(function (p) { if (!p) { return; } out.push({ x: diagramPxX(p.x), y: diagramPyY(p.y) }); }); return out; } function diagramLinePathSmoothD(pts) { var pv = diagramLinePixelPoints(pts); var n = pv.length; if (n < 2) { return ''; } if (n === 2) { return 'M ' + pv[0].x + ',' + pv[0].y + ' L ' + pv[1].x + ',' + pv[1].y; } var d = 'M ' + pv[0].x + ',' + pv[0].y; for (var i = 0; i < n - 1; i++) { var p0 = pv[Math.max(0, i - 1)]; var p1 = pv[i]; var p2 = pv[i + 1]; var p3 = pv[Math.min(n - 1, i + 2)]; var c1x = p1.x + (p2.x - p0.x) / 6; var c1y = p1.y + (p2.y - p0.y) / 6; var c2x = p2.x - (p3.x - p1.x) / 6; var c2y = p2.y - (p3.y - p1.y) / 6; d += ' C ' + c1x + ',' + c1y + ' ' + c2x + ',' + c2y + ' ' + p2.x + ',' + p2.y; } return d; } function diagramLinePathFlatD(pts) { var pv = diagramLinePixelPoints(pts); if (pv.length < 2) { return ''; } var d = 'M ' + pv[0].x + ',' + pv[0].y; for (var k = 1; k < pv.length; k++) { d += ' L ' + pv[k].x + ',' + pv[k].y; } return d; } function diagramLineStrokePathD(line, pts) { if (line && (line.smooth === false || line.smooth === 'false')) { return diagramLinePathFlatD(pts); } return diagramLinePathSmoothD(pts); } function diagramLineAreaClosedPathD(line, pts) { var open = diagramLineStrokePathD(line, pts); if (!open) { return ''; } var pv = diagramLinePixelPoints(pts); if (pv.length < 2) { return ''; } var first = pv[0]; var last = pv[pv.length - 1]; return open + ' L ' + last.x + ',' + y0 + ' L ' + first.x + ',' + y0 + ' Z'; } var diagramBlockIx = typeof contentItemIndex !== 'undefined' ? contentItemIndex : 0; var diagramAreaFillGx = x0 + plotW / 2; %>

<% } %> <% if (item.type == 'height') { %> <% // Determine default unit system - imperial if not specified var isMetric = false; if (window.user_properties && window.user_properties.user_units_system) { isMetric = window.user_properties.user_units_system === 'metric'; } else { isMetric = item.default_user_units_system === 'metric'; } // Default to imperial (ft) if no system specified var showImperial = !isMetric; // Determine tab text style var tabTextStyle = item.tab_text_style || 'short'; var imperialTabText = tabTextStyle === 'full' ? 'Imperial' : 'ft'; var metricTabText = tabTextStyle === 'full' ? 'Metric' : 'cm'; %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <% if (item.second == 'true') { %>

<%-__(imperialTabText)%>
<%-__(metricTabText)%>

<% } %>

name="<%- item.name || screen.id %>_cm" <% if (item.min_cm) { %>min="<%- __(item.min_cm) %>"<% } %> <% if (item.max_cm) { %>max="<%- __(item.max_cm) %>"<% } %> <% if (item.default) {%> value="<%- item.default %>" <% } %> <% if(item.required == 'true') {%>required<% } %> <% if (item.placeholder_cm) { %>placeholder="<%- __(item.placeholder_cm) %>"<% } %> data-callback="<%- JSON.stringify({callback: item.callback || ''}).replace(/"/g, '"') %>" /><%-__('cm')%>

<% if (item.second == 'true') { %> <% AnalyticsManager.setUserProperty("height_selected_measure", "ft"); let d_in_total = item.default / 2.54; let d_ft = Math.floor(d_in_total / 12) || ''; d_in_total = Math.round(d_in_total - 12 * d_ft) || ''; %>

<% if (item.min_ft) { %>min="<%- __(item.min_ft) %>"<% } %> <% if (item.max_ft) { %>max="<%- __(item.max_ft) %>"<% } %> value="<%- d_ft %>" <% if (item.placeholder_ft) { %>placeholder="<%- __(item.placeholder_ft) %>"<% } %> <% if(item.required == 'true') {%>required<% } %> data-callback="<%- JSON.stringify({callback: item.callback || ''}).replace(/"/g, '"') %>" /><%-__('ft')%>

min="<%- __(item.min_in) %>"<% } %> <% if(item.max_in) { %>max="<%- __(item.max_in) %>"<% } %> value="<%- d_in_total %>" <% if (item.placeholder_in) { %>placeholder="<%- __(item.placeholder_in) %>"<% } %> /><%-__('in')%>

<% } %>

<% } %> <% if (item.type == 'options-images') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% if (option.content || (typeof option == 'object' ? false : option)) { %> <%- __(option.content || (typeof option == 'object' ? index : option)) %> <% } %> <% }) %>

<% } %> <% if (item.type == 'options-audio') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% } %> <% if (option.image) { %>

<% } %> <%- __(option.content || (typeof option == 'object' ? index : option)) %> <% var iconType = item.icon_type || 'arrow'; if (iconType !== 'none') { %> <% } %> <% }) %>

<% } %> <% if (item.type == 'before-after-animated') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%- __(item.content.before_text) %>

<%- __(item.content.after_text) %>

<% } %> <% if (item.type == 'personalization-block') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <% item.blocks.forEach(function(option) { %>

<%- __(option.text) %> <%- __(option.option) %>

<% }) %>

<% } %> <% if (item.type == 'twitter-review') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%- item.name %>

@<%- item.username %>

<% function replaceContent(text) { return text.replace(/([@#]\w+)/g, '$1'); } %> <%- replaceContent(item.comment) %>

<%- item.comment_count %>

<%- item.retweet_count %>

<%- item.likes_count %>

<% } %> <% if (item.type == 'graph') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <% if (item.lines_count == '1' || item.lines_count == '2_wavy') { %>

<% if (item.axis_y.length) { %>

<% } %>

<%- __(item.zero_point) %>

<%- __(item.line_1_text) %>

<%- __(item.line_2_text) %>

<% if (item.line_1_point) { %>

<%- __(item.line_1_point) %>

<% } %> <% if (item.wavy_line) { %> <% } %> <% if (item.graph_direction == "up" && item.line_1_background) { %> <% } %> <% if (item.graph_direction != "up" && item.line_1_background) { %> <% } %> <% if (item.wavy_line && item.wavy_background) { %> <% } %>

<% item.axis_y.forEach(function(option) { %>

<%- __(option.content || option) %>

<% }) %>

<% item.axis_x.forEach(function(option) { %>

<%- __(option.content || option) %>

<% }) %>

<% } %> <% if (item.lines_count == '2') { %>

<% if (item.axis_y.length) { %>

<% } %>

<%- __(item.zero_point) %>

<%- item.line_1_text %>

<%- item.line_2_text %>

<% if (item.line_1_point) { %>

<%- __(item.line_1_point) %>

<% } %> <% if (item.line_2_point) { %>

<%- __(item.line_2_point) %>

<% } %> <% if (item.graph_direction == "up") { %> <% if (item.line_1_background) { %> <% } %> <% if (item.line_2_background) { %> <% } %> <% } %> <% if (item.graph_direction != "up") { %> <% if (item.line_1_background) { %> <% } %> <% if (item.line_2_background) { %> <% } %> <% } %>

<% item.axis_y.forEach(function(option) { %>

<%- __(option.content || option) %>

<% }) %>

<% item.axis_x.forEach(function(option) { %>

<%- __(option.content || option) %>

<% }) %>

<% } %>

<% } %> <% if (item.type == 'graph-new') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <% function topDownLength(str) { str = str.split(' '); return str.filter(line => line === "top_down").length; } %> <% function downTopLength(str) { str = str.split(' '); return str.filter(line => line === "down_top").length; } %> <% function topWavyLength(str) { str = str.split(' '); return str.filter(line => line === "top_wavy").length; } %>

<% if (item.axis_y.length) { %>

<% } %>

<% if (item.top_zero_point.length) { %>

<%- __(item.top_zero_point) %>

<% } %> <% if (item.down_zero_point.length) { %>

<%- __(item.down_zero_point) %>

<% } %> <% if (item.down_line_1_point.length && downTopLength(item.set_lines) >= 1) { %>

<%- __(item.down_line_1_point) %>

<% } %> <% if (item.top_line_1_point.length && topDownLength(item.set_lines) >= 1) { %>

<%- __(item.top_line_1_point) %>

<% } %> <% if (item.top_line_2_point.length && topDownLength(item.set_lines) === 2) { %>

<%- __(item.top_line_2_point) %>

<% } %> <% if (item.down_line_2_point.length && downTopLength(item.set_lines) === 2) { %>

<%- __(item.down_line_2_point) %>

<% } %>

<% item.axis_x.forEach(function(option) { %>

<%- __(option.content || option) %>

<% }) %>

<% item.axis_y.forEach(function(option) { %>

<%- __(option.content || option) %>

<% }) %>

<% } %> <% if (item.type=='payment-accordion' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% item.options.forEach(function(option, index) { %> checked <% } %> name="<%- screen.id %>-payment-accordion" id="payment-accordion-<%- screen.id %>-<%- index %>" value="<%- option.type %>"> <% if (option.title) { %> <%- __(option.title) %> <% } %> <% const optionImage = option.image || ((option.type === 'google-pay-button' || option.type === 'google-pay') ? '/img/paywall/google-pay-black.svg' : ''); %> <% if (optionImage) { %>

<% } %> <% if (option.list && option.list.length ) { %>

<%- __(item) %>

<% } %> <% if (option.type == "card") { %> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ mergeObjects({ "type": "stripe-form" }, option['stripe-form']) ] }}) %> <% } else if (option.type == "paypal") { %>

<% } else if (option.type == "applepay") { %> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ mergeObjects({ "type": "express-checkout" }, option['express-checkout']) ] }}) %> <% } else if (option.type == "stripe-payment-request-button") { %> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ mergeObjects({ "type": "stripe-payment-request-button" }, option['stripe-payment-request-button']) ] }}) %> <% } else if (option.type == "google-pay-button" || option.type == "google-pay") { %> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ mergeObjects({ "type": "google-pay-button" }, option['google-pay-button'] || option['google-pay'] || {}) ] }}) %> <% } %> <%- __(option.text_down) %> <% }) %>

<% } %> <% if (item.type=='primer-payment-accordion' ) { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <% if (getParams('edit_mode') && ['primer', 'hubx'].indexOf(window?.paywall?.payment_system) == -1) { %>

Change 'Main Payment system' in Paywall Settings to Primer to use this block

<% } %>

<% item.options.forEach(function(option, index) { %> checked <% } %> name="<%- screen.id %>-primer-payment-accordion" id="primer-payment-accordion-<%- screen.id %>-<%- index %>" value="<%- option.type %>"> <% if (option.title) { %> <%- __(option.title) %> <% } %> <% const optionImage = option.image || ((option.type === 'primer-google-pay-button') ? '/img/paywall/google-pay-black.svg' : ((option.type === 'primer-adaptive-wallets-button' || option.type === 'primer-apple-pay-button') ? '/img/paywall/applepay.png' : ((option.type === 'primer-paypal-button') ? '/img/paywall/paypal.webp' : ((option.type === 'primer-form') ? '/img/paywall/cards.webp' : '')))); %> <% if (optionImage) { %>

<% } %> <% if (option.list && option.list.length ) { %>

<%- __(item) %>

<% } %> <% if (option.type == "primer-form") { %> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ mergeObjects({ "type": "primer-form" }, option['primer-form'] || {}) ] }}) %> <% } else if (option.type == "primer-apple-pay-button") { %> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ mergeObjects({ "type": "primer-apple-pay-button" }, option['primer-apple-pay-button'] || {}) ] }}) %> <% } else if (option.type == "primer-google-pay-button") { %> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ mergeObjects({ "type": "primer-google-pay-button" }, option['primer-google-pay-button'] || {}) ] }}) %> <% } else if (option.type == "primer-paypal-button") { %> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ mergeObjects({ "type": "primer-paypal-button" }, option['primer-paypal-button'] || {}) ] }}) %> <% } else if (option.type == "primer-adaptive-wallets-button") { %> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ mergeObjects({ "type": "primer-adaptive-wallets-button" }, option['primer-adaptive-wallets-button'] || {}) ] }}) %> <% } %> <%- __(option.text_down) %> <% }) %>

<% } %> <% if (item.type == 'text-range-slider') { %>

<%- item.title %>

<%- item.start_content %> <%- item.end_content %>

<% } %> <% if (item.type == 'timer-sticky') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%-__(item.content) %>

<% } %> <% if (item.type == 'customers-joined') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%- item.title %>

<% item.customers.forEach(function(option) { %>

<%- __(option) %>

<% }) %>

<% } %> <% if (item.type == 'range-slider') { %>

<%- item.title %>

<%- item.options[0]?.content %> <%- item.options[item.options.length - 1]?.content %>

<% } %> <% if (item.type == 'checkout-summary') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%-__('Original price')%> <%-__('% OFF')%> <%# specialOfferText - removed from priceInfo %>

<%-__('Total:')%>

<%-__('No payment now')%>

<%-item.content%>

<% } %> <% if (item.type == 'powered-stripe') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%-__('Powered by')%>

<% } %> <% if (item.type == 'download-app-banners') { %>

> <% if (!item.download_app_mode) { if (detectPlatform() == 'iOS' || detectPlatform() == 'iPad') { %>

<%} else if (detectPlatform() == 'Android') { %>

<% } else { %>

<%-__(item.qr_code_text)%>

<% } } else { %>

<%-__(item.qr_code_text)%>

<% } %>

<% } %> <% if (item.type == 'send-download-link') { %>

<% } %> <% if (item.type == 'redirect-url') { %> <% if (getParams('edit_mode') == 1) { %>

Redirect to <%-__(item.url)%>

<% } else { %> <% } %> <% } %> <% if (item.type=='payment-terms' ) { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<%- __(item.content) %>

<% } %> <% if (item.type == 'one-click-pay-button') { %> <% } %> <% if (item.type == 'answer-hint') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- __(item.content) %>

<% } %> <% if (item.type == 'paywall-selector') { %> <%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ { type: "options", name: "paywall_slug", class: "trial-selector", columns: item.options.length, options: item.options.map((el, index) => { el.onclick = '_nothing'; el.value = el.paywall_slug || '/'; el.selected = (index == item.selected_index) || (typeof item.selected_index == 'undefined' && index == item.options.length -1); return el; }) } ] }}) %>

<%-__(item.content)%>

<% } %> <% if (item.type == 'lottie') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% } %> <% if (item.type == 'file-upload') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>> <%- __(item.label) %> " <%- item.required ? 'required' : '' %> accept="<%- item.accept_types || '' %>" <%- item.attributes || '' %> />

<% } %> <% if (item.type == 'subscriptions-list') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

<% if (window.subscriptions && window.subscriptions.length > 0) { %> <% // First show active subscriptions (excluding those scheduled for cancellation) const activeSubscriptions = window.subscriptions.filter(sub => ['active', 'trialing', 'past_due'].includes(sub.status) && sub.price?.period_interval > 0 && !sub.cancel_at_period_end ); const purchases = window.subscriptions.filter(sub => ['active', 'trialing', 'past_due'].includes(sub.status) && sub.price?.period_interval === 0 && !sub.cancel_at_period_end ); const canceledSubscriptions = window.subscriptions.filter(sub => sub.status === 'canceled' || sub.cancel_at_period_end ); %> <% if (activeSubscriptions.length > 0) { %>

<%-__('Active Subscriptions')%>

<% activeSubscriptions.forEach(function(subscription) { %>

Subscription #<%= subscription.id %>

<%= subscription.price?.price_option_text %>

<%-__('Next charge:')%> <%= new Date(subscription.next_charge_date).toLocaleDateString() %> <%-__('Created at:')%> <%= new Date(subscription.created_at).toLocaleDateString() %>

<% }); %>

<% } %> <% if (purchases.length > 0) { %>

<%-__('Purchases')%>

<% purchases.forEach(function(subscription) { %>

Purchase #<%= subscription.id %>

<%= subscription.price?.price_option_text %>

<%-__('Created at:')%> <%= new Date(subscription.created_at).toLocaleDateString() %>

<% }); %>

<% } %> <% if (canceledSubscriptions.length > 0) { %>

<%-__('Canceled Subscriptions')%>

<% canceledSubscriptions.forEach(function(subscription) { %>

Subscription #<%= subscription.id %>

<%= subscription.price?.price_option_text %>

<% if (subscription.cancel_at_period_end && new Date(subscription.next_charge_date) > new Date()) { %> <%-__('Will be canceled at')%> <%= new Date(subscription.next_charge_date).toLocaleDateString() %> <% } else { %> <%-__('Status:')%> <%-__('Canceled')%> <% } %>

<% }); %>

<% } %> <% } else { %>

<%-__('No active subscriptions found')%>

<% } %>

<% } %> <% if (item.type == 'cancel-subscription-button') { %> <% } %> <% if (item.type == 'translations') { %> <%# Select autocomplete field template with unified structure %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>"> <% // Get default value and find corresponding display text for translations const defaultValue = __(item.value || ''); let placeholderText = __(item.placeholder || 'Select language'); // If there are translations available, try to find current or first one if (typeof window.translationsVariants !== 'undefined' && window.translationsVariants && window.translationsVariants.length > 0) { const currentTranslation = window.translationsVariants.find(t => t.is_current); const firstTranslation = window.translationsVariants[0]; if (currentTranslation) { placeholderText = `${currentTranslation.emoji} ${currentTranslation.display_name} (${currentTranslation.display_name_en})`; } else if (firstTranslation) { placeholderText = `${firstTranslation.emoji} ${firstTranslation.display_name} (${firstTranslation.display_name_en})`; } } %>

class="translation-current"<% } %>> <%= translation.emoji %> <%= translation.display_name %> (<%= translation.display_name_en %>)
No translations available

<% } %> <% if (item.type == 'background-draggable') { %>

<%- (item.show_on_answer !== "" && item.show_on_answer >= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %>>

Drag me

<% } %> <% if (item.type == 'required-checkbox') { %>

> <%- (__(item.default) === "true") ? ' checked' : '' %>> <%- __(item.content || 'I agree to the terms and conditions') %>

<% } %> <% if (item.type == 'toggle') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

> <%- __(item.label || '') %> data-callback="<%- JSON.stringify({callback: item.js_callback || ''}).replace(/"/g, '"') %>" >

<% } %> <% if (item.type == 'signature') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

required<% } %> data-signature-value />

<% } %> <% if (item.type == 'spin-wheel') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

<%- __(item.segment_1 || '') %>

<%- __(item.segment_2 || '') %>

<%- __(item.segment_3 || '') %>

<%- __(item.segment_4 || '') %>

<%- __(item.segment_5 || '') %>

<%- __(item.segment_6 || '') %>

<% } %> <% if (item.type == 'scratch-discount') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

<%- __(item.reveal_text || '') %>

<% } %> <% if (item.type == 'update-subscription-button') { %>

= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

<% } %> <% }) %>