<%# Generated Block Templates - Auto-generated file, do not edit manually %> <%# Generated: 2025-07-15 20:51:07 UTC %> <%# Environment: prod %> <%# Total Blocks: 86 %> <% 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; } %> <%# === Core Components === %> <% if (item.type == 'button') { %> <%# Block Type: button %> <%# Styled Component: .type-button %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'button-inline') { %> <%# Block Type: button-inline %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'button-link') { %> <%# Block Type: button-link %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>"> role="button"> <%- __(item.content) %> <% if (item.icon) { %><%- __(item.icon) %><% } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'sub-title') { %> <%# Block Type: sub-title %> <%# Styled Component: .type-sub-title %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

<%- __(item.content) %>

<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'sub-title-gray') { %> <%# Block Type: sub-title-gray %> <%# Styled Component: .type-sub-title-gray %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<%- __(item.content) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'title') { %> <%# Block Type: title %> <%# Styled Component: .type-title %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<%- __(item.content) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <%# === Form Components === %> <% if (item.type == 'date') { %> <%# Block Type: date %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
required<% } %> value="<%- item.value || ''%>" autofocus <%- item.attributes || '' %>>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'email') { %> <%# Block Type: email %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<%- item.attributes || '' %>>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'number') { %> <%# Block Type: number %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
required<% } %> <% if(item.value) {%>value="<%-__(item.value)%>"<% } %> <%= item.isAutofocus === "false" ? '' : 'data-autofocus' %>>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'paddle-form') { %> <%# Block Type: paddle-form %> <%# Styled Component: .type-paddle-form %>
' >
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'password') { %> <%# Block Type: password %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
required<% } %> value="" <%= item.isAutofocus === "false" ? '' : 'data-autofocus' %> minlength="<%- item.minLength || '' %>" >
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'paypal-card-form') { %> <%# Block Type: paypal-card-form %> <%# Styled Component: .type-paypal-card-form %>
>
<%// SCSS also defines __header, __title, __security if needed %>
<%// Could also be __error or __success depending on usage %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'popup-email') { %> <%# Block Type: popup-email %> <%# Styled Component: .type-popup-email %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'primer-form') { %> <%# Block Type: primer-form %> <%# Styled Component: .type-primer-form %>
<% let primerFormOptions = '{}'; if (item['form-options']) { try { primerFormOptions = JSON.stringify(item['form-options']); } catch (e) { /* Do nothing, keep default empty JSON */ } } %>
'>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'stripe-embedded-form') { %> <%# Block Type: stripe-embedded-form %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'stripe-form') { %> <%# Block Type: stripe-form %> <%# Styled Component: .type-stripe-form %>

Loading payment methods

<% if (item.add_email_field && !window.user_properties.email) { %> <% } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'text') { %> <%# Block Type: text %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% if (item.isTextarea) { %> <% } else { %> required<% } %> value="<%- item.value || '' %>" <%= item.isAutofocus === "false" ? '' : 'data-autofocus' %> <%- item.attributes || '' %> > <% } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'time-input') { %> <%# Block Type: time-input %>
<% if (item.required == 'true') { %>required<% } %> value="<%- __(item.value) || '' %>" autofocus <%- item.attributes || '' %> >
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <%# === Payment Components === %> <% if (item.type == 'cancel-subscription-button') { %> <%# Block Type: cancel-subscription-button %> <%# Styled Component: .type-cancel-subscription-button %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'checkout-summary') { %> <%# Block Type: checkout-summary %> <%# Styled Component: .type-checkout-summary %>
>
<%-__('Original price')%> <%-__('% OFF')%>
<%-__('Total:')%>
<%-__('No payment now')%>
<%-item.content%>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'express-checkout') { %> <%# Block Type: express-checkout %> <%# Styled Component: .type-express-checkout %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% let optionsJson = '{}'; if (item.options) { try { optionsJson = JSON.stringify(item.options); } catch (e) { /* Do nothing, keep default empty JSON */ } } %>
' data-oncancel="<%- item.oncancel || '' %>" data-oncancel-url="<%-item.oncancel_url || ''%>" data-apple-pay-product-info="<%-item['apple_pay_product_info']%>" > <%- 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 (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'one-click-pay-button') { %> <%# Block Type: one-click-pay-button %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'pay-button') { %> <%# Block Type: pay-button %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'payment-accordion') { %> <%# Block Type: payment-accordion %> <%# Styled Component: .type-payment-accordion %>
<% item.options.forEach(function(option, index) { %> <% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'payment-terms') { %> <%# Block Type: payment-terms %> <%# Styled Component: .type-payment-terms %>
>

<%- __(item.content) %>

<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'paypal-button') { %> <%# Block Type: paypal-button %> <%# Styled Component: .type-paypal-button %>
data-options='<%-JSON.stringify(item.options) || ''%>' data-only-paypal='<%-item.onlyPaypal%>'>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'paywall-selector') { %> <%# Block Type: paywall-selector %> <%# Styled Component: .type-paywall-selector %>
<%- TemplateManager.renderTemplate('screen-content', {screen: { content: [ { type: "options", name: "paywall_slug", class: "", // Removed trial-selector from here as it's on the parent now 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; }) } ] }}) %>
<% if (item.content) { %>

<%-__(item.content)%>

arrow
<% } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'powered-stripe') { %> <%# Block Type: powered-stripe %> <%# Styled Component: .type-powered-stripe %>
> <%-__('Powered by')%>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'prices-list') { %> <%# Block Type: prices-list %> <%# Styled Component: .type-prices-list %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'safe-checkout-banners') { %> <%# Block Type: safe-checkout-banners %> <%# Styled Component: .type-safe-checkout-banners %>

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

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

<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'stripe-payment-request-button') { %> <%# Block Type: stripe-payment-request-button %> <%# Styled Component: .type-stripe-payment-request-button %>
<% let prOptions = '{}'; if (item.options) { try { prOptions = JSON.stringify(item.options); } catch (e) { /* Do nothing */ } } %> <% 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 (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'subscriptions-list') { %> <%# Block Type: subscriptions-list %> <%# Styled Component: .type-subscriptions-list %>
>
<% if (window.subscriptions && window.subscriptions.length > 0) { %> <% // First show active subscriptions const activeSubscriptions = window.subscriptions.filter(sub => ['active', 'trialing', 'past_due'].includes(sub.status) && sub.price.period_interval > 0); const purchases = window.subscriptions.filter(sub => ['active', 'trialing', 'past_due'].includes(sub.status) && sub.price.period_interval === 0); const canceledSubscriptions = window.subscriptions.filter(sub => sub.status === 'canceled'); %> <% if (activeSubscriptions.length > 0) { %>

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

<% activeSubscriptions.forEach(function(subscription) { %>
<% }); %>
<% } %> <% 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 %>
<%-__('Status:')%> <%-__('Canceled')%>
<% }); %>
<% } %> <% } else { %>
<%-__('No active subscriptions found')%>
<% } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <%# === Layout Components === %> <% if (item.type == 'border-block') { %> <%# Block Type: border-block %> <%# Styled Component: .type-border-block %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<%- TemplateManager.renderTemplate('screen-content', { screen: item, prices: window?.paywall_products?.product_info?.product_data?.prices, product_info: window?.paywall_products?.product_info }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'columns') { %> <%# Block Type: columns %> <%# Styled Component: .type-columns %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<%// The content rendered below is expected to be one or more .type-columns__item elements %> <%- TemplateManager.renderTemplate('screen-content', {screen: item}) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'preview-steps') { %> <%# Block Type: preview-steps %> <%# Styled Component: .type-preview-steps %>
<% item.steps.forEach(function(step, index) { %>
<% if (step.image_prompt) { %>
[image: <%-step.image_prompt%>]
<% } else { %> <% } %>

<%- __(step.title) %>

<% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'redirect-url') { %> <%# Block Type: redirect-url %> <%# Styled Component: .type-redirect-url %>
<% if (getParams('edit_mode') == 1) { %>
Redirect to <%-__(item.url)%>
<% } else { %> <% } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <%# === Interactive Components === %> <% if (item.type == 'graph') { %> <%# Block Type: graph %> <%# Styled Component: .type-graph %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%-contentItemIndex%>"> <% 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.line_1_colors.length == 1) { %> <% } %> <% if (item.line_1_colors.length > 1) { %> <% } %> <% if (item.line_1_point.length) { %> <% } %> <% 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.line_1_colors.length == 1) { %> <% } %> <% if (item.line_2_colors.length == 1) { %> <% } %> <% if (item.line_1_colors.length > 1) { %> <% } %> <% if (item.line_2_colors.length > 1) { %> <% } %> <% if (item.line_1_point.length) { %> <% } %> <% if (item.line_2_point.length) { %> <% } %> <% 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 (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'graph-new') { %> <%# Block Type: graph-new %> <%# Styled Component: .type-graph-new %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% 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 && item.top_zero_point.length) { %>
<%- __(item.top_zero_point) %>
<% } %> <% if (item.down_zero_point && item.down_zero_point.length) { %>
<%- __(item.down_zero_point) %>
<% } %> <% if (item.down_line_1_point && item.down_line_1_point.length && downTopLength(item.set_lines) >= 1) { %>
<%- __(item.down_line_1_point) %>
<% } %> <% if (item.top_line_1_point && item.top_line_1_point.length && topDownLength(item.set_lines) >= 1) { %>
<%- __(item.top_line_1_point) %>
<% } %> <% if (item.top_line_2_point && item.top_line_2_point.length && topDownLength(item.set_lines) === 2) { %>
<%- __(item.top_line_2_point) %>
<% } %> <% if (item.down_line_2_point && item.down_line_2_point.length && downTopLength(item.set_lines) === 2) { %>
<%- __(item.down_line_2_point) %>
<% } %> <% if (item.top_wavy_background) { %> <% } %> <% if (item.top_down_2_background) { %> <% } %> <% if (item.top_down_1_background) { %> <% } %> <% if (item.down_top_2_background) { %> <% } %> <% if (item.down_top_1_background) { %> <% } %> <% if (topWavyLength(item.set_lines)) { %> <% } %> <% if (topDownLength(item.set_lines) >= 1) { %> <% } %> <% if (topDownLength(item.set_lines) === 2) { %> <% } %> <% if (downTopLength(item.set_lines) >= 1) { %> <% } %> <% if (downTopLength(item.set_lines) === 2) { %> <% } %> <% if (topDownLength(item.set_lines)) { %> <% } %> <% if (downTopLength(item.set_lines)) { %> <% } %>
<% item.axis_x.forEach(function(option) { %>
<%- __(option.content || option) %>
<% }) %>
<% item.axis_y.forEach(function(option) { %>
<%- __(option.content || option) %>
<% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'options') { %> <%# Block Type: options %> <%# Styled Component: .type-options %>
<% item.options.forEach(function(option, index) { %>
<% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'options-evaluation') { %> <%# Block Type: options-evaluation %> <%# Styled Component: .type-options-evaluation %>
> ยท
<%- __(item.text_left) %> <%- __(item.text_right) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'options-image-horizontal') { %> <%# Block Type: options-image-horizontal %> <%# Styled Component: .type-options-image-horizontal %>
<% item.options.forEach(function(option, index) { %> <% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'options-images') { %> <%# Block Type: options-images %> <%# Styled Component: .type-options-images %>
<% item.options.forEach(function(option, index) { %> <% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'options-images-small') { %> <%# Block Type: options-images-small %> <%# Styled Component: .type-options-images-small %>
<% var cssClass = item.class || ''; %>
<% item.options.forEach(function(option, index) { %> <% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'options-multiple') { %> <%# Block Type: options-multiple %>
<% item.options.forEach(function(option, index){ %>
<% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'options-multiple-images') { %> <%# Block Type: options-multiple-images %> <%# Styled Component: .type-options-multiple-images %>
<% item.options.forEach(function(option, index) { %> <% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'options-vertical') { %> <%# Block Type: options-vertical %> <%# Styled Component: .type-options-vertical %>
<% item.options.forEach(function(option, index) { %> <% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'paragraph') { %> <%# Block Type: paragraph %> <%# Styled Component: .type-paragraph %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

<%- __(item.content) %>

<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'progress-bar-cards') { %> <%# Block Type: progress-bar-cards %> <%# Styled Component: .type-progress-bar-cards %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<%- (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 %>
0%
<%- __(option.text) %>
<% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'progress-bars') { %> <%# Block Type: progress-bars %> <%# Styled Component: .type-progress-bars %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% item.options.forEach(function(option, index) { %>
data-percent="<%- option.percent%>"<% } %>>
<% if (item.list_icon && item.list_icon[index]) { %> <% } %> <%- __(option.content || option) %>
style="display: none"<%}%>>
style="background: linear-gradient(90deg, <%- item.color_gradient %>)"<% } %>>
0%
<% }) %>
<% if (item.questions_popups ) { %> <% item.questions_popups.forEach(function(option) { %>
<%- __(option.title) %>
<% if (option.image ) { %> <% } %>
<% (option.options || []).forEach(function(option1) { %> <% }) %>
<% }) %> <% } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'progress-circle') { %> <%# Block Type: progress-circle %> <%# Styled Component: .type-progress-circle %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% if (item.text) { %>
<%- __(item.text) %>
<% } %>
style="display: none" <% } %>> 0%
<% if (item.questions_popups ) { %> <% item.questions_popups.forEach(function(option) { %>
<%- __(option.title) %>
<% if (option.image ) { %> <% } %>
<% (option.options || []).forEach(function(option1) { %> <% }) %>
<% }) %> <% } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'range-4-variants') { %> <%# Block Type: range-4-variants %> <%# Styled Component: .type-range-4-variants %>
<%- __(item.textLeft) %>
or
<%- __(item.textRight) %>
<%- __(item.variant1) %>
<%- __(item.variant2) %>
<%- __(item.variant3) %>
<%- __(item.variant4) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'range-slider') { %> <%# Block Type: range-slider %> <%# Styled Component: .type-range-slider %>
Image Slider
<%- item.title %>
<%- item.options[item.start_option]?.content %>
<%- item.options[0]?.content %> <%- item.options[item.options.length - 1]?.content %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'slider-results') { %> <%# Block Type: slider-results %> <%# Styled Component: .type-slider-results %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% item.content.forEach(function(option, index) { %>
<% if (!item.hide_header) { %>
<%- __('Before') %>
<%- __('After') %>
<% } %>
<% if (option.name || option.text || option.title) { %>
<% if (option.name || option.title) { %>

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

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

<%- __(option.text)%>

<% } %>
<% } %>
<% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'text-range-slider') { %> <%# Block Type: text-range-slider %> <%# Styled Component: .type-text-range-slider %>
<%- item.title %>
<%- item.options[item.start_option]?.content %>
<%- item.start_content %> <%- item.end_content %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <%# === Content Components === %> <% if (item.type == 'auto-swiper-reviews') { %> <%# Block Type: auto-swiper-reviews %> <%# Styled Component: .type-auto-swiper-reviews %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% item.options.forEach(function(option, index) { %>
<% if (option.image) {%>
<% } %>
<% if (option.title) { %>
<%- __(option.title) %>
<% } %>
<%- __(option.content || option.review) %>
<%- __(option.name) %>
<% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'faq-question') { %> <%# Block Type: faq-question %> <%# Styled Component: .type-faq-question %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

<%-__(item.content)%>

<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'image') { %> <%# Block Type: image %> <%# Styled Component: .type-image %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% if (item.image_prompt) { %>
[image: <%-item.image_prompt%>]
<% } else { %> <%- item.alt %> <% } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'review') { %> <%# Block Type: review %> <%# Styled Component: .type-review %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% if (item.image) {%>
\"\"
<% } %> <% if (item.title) {%>
<%- __(item.title) %>
<% } %>
<%- __(item.content || item.review) %>
<%- __(item.name) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'review-card') { %> <%# Block Type: review-card %> <%# Styled Component: .type-review-card %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% if (item.image) { %>
<%- item.name %>
<% } %>

<%- __(item.name) %>

<%- __(item.content) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'review-fb') { %> <%# Block Type: review-fb %> <%# Styled Component: .type-review-fb %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<%-__(item.name)%>
recommends
<%- __(item.app_name || window.app_name) %>
<%- __(item.date) %>

<%- __(item.comment) %>

<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'twitter-review') { %> <%# Block Type: twitter-review %> <%# Styled Component: .type-twitter-review %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<%- 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 (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <%# === Utility Components === %> <% if (item.type == 'answer-hint') { %> <%# Block Type: answer-hint %> <%# Styled Component: .type-answer-hint %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
> <%- __(item.content) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'auto-swiper') { %> <%# Block Type: auto-swiper %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% item.options.forEach(function(option, index) { %>

<%- __(option.content) %>

<% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'before-after-animated') { %> <%# Block Type: before-after-animated %> <%# Styled Component: .type-before-after-animated %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<%- __(item.content.before_text) %>
<%- __(item.content.after_text) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'block-back-time-counter') { %> <%# Block Type: block-back-time-counter %> <%# Styled Component: .type-block-back-time-counter %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">

<%- item.content %>

<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'city') { %> <%# Block Type: city %> <%# Styled Component: .type-city %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
required<% } %> value="<%- item.value || '' %>" <%= item.isAutofocus === "false" ? '' : 'data-autofocus' %> autocomplete="off" <%- item.attributes || '' %> >
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'country') { %> <%# Block Type: country %> <%# Select autocomplete field template with unified structure %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>"> <% 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}`; } } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'customers-joined') { %> <%# Block Type: customers-joined %> <%# Styled Component: .type-customers-joined %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
>
<%- item.title %>
<% item.customers.forEach(function(option) { %>
<%- __(option) %>
<% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'download-app-banners') { %> <%# Block Type: download-app-banners %> <%# Styled Component: .type-download-app-banners %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
> <% if (!item.download_app_mode) { if (detectPlatform() == 'iOS') { %> <%} else if (detectPlatform() == 'Android') { %> <% } else { %>

<%-__(item.qr_code_text)%>

<% } } else { %>

<%-__(item.qr_code_text)%>

<% } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'duration') { %> <%# Block Type: duration %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<%- __('Duration') %>
<%- item.options[0] %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'file-upload') { %> <%# Block Type: file-upload %> <%# Styled Component: .type-file-upload %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
> " <%- item.required ? 'required' : '' %> accept="<%- item.accept_types || '' %>" class="type-file-upload__input" />
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'height') { %> <%# Block Type: height %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% if (item.second == 'true') { %> <% } %>
min="<%- __(item.min_cm) %>"<% } %> <% if (item.max_cm) { %>max="<%- __(item.max_cm) %>"<% } %> <% if (item.default) {%> value="<%- item.default %>" <% } %> <% if (item.placeholder_cm) { %>placeholder="<%- __(item.placeholder_cm) %>"<% } %> <% if(item.required == 'true') {%>required<% } %> /><%-__('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) || ''; %>
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<% } %> /><%-__('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 (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'html') { %> <%# Block Type: html %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>"> <%- __(item.content) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'list') { %> <%# Block Type: list %> <%# Styled Component: .type-list %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>"> <% if (item.duration) { setTimeout(function(){ let els = $('[data-block-area-index="' + contentItemIndex + '"] li.type-list__item'); els.css('opacity', '0'); els.each(function (index, el) { setTimeout(function(){ $(el).animate({opacity: 1}, item.duration) }, item.duration * index) }) }, 50) } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'lottie') { %> <%# Block Type: lottie %> <%# Styled Component: .type-lottie %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
>
'>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'personalization-block') { %> <%# Block Type: personalization-block %> <%# Styled Component: .type-personalization-block %>
<% item.blocks.forEach(function(option) { %>
<%- __(option.text) %> <%- __(option.option) %>
<% }) %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'sale-timer') { %> <%# Block Type: sale-timer %> <%# Styled Component: .type-sale-timer %>
<%-__('Applied limited discount')%>
<%- item.sale_old %><%- item.sale %>
<%- item.user_old %>
<%-__('Applicable for')%>
<%-__('minutes')%>
<%-__('seconds')%>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'send-download-link') { %> <%# Block Type: send-download-link %> <%# Styled Component: .type-send-download-link %>
>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'sort-select') { %> <%# Block Type: sort-select %> <%# Styled Component: .type-sort-select %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
required<% } %> value="">
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'spinner') { %> <%# Block Type: spinner %> <%# Styled Component: .type-spinner %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'time-select') { %> <%# Block Type: time-select %>
<% 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 (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'timer-sticky') { %> <%# Block Type: timer-sticky %> <%# Styled Component: .type-timer-sticky %>
>

<%-__(item.content) %>

<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'tos-check') { %> <%# Block Type: tos-check %> <%# Styled Component: .type-tos-check %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'translations') { %> <%# Block 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})`; } } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'video') { %> <%# Block Type: video %> <%# Styled Component: .type-video %>
= 0) ? 'data-show-on-answer="' + item.show_on_answer + '"' : '' %> data-block-area-index="<%- contentItemIndex %>">
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% if (item.type == 'weight') { %> <%# Block Type: weight %>
<% if (item.second == 'true') { %> <% } %>
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<% } %>/><%-__('kg')%>
<% if (item.second == 'true') { AnalyticsManager.setUserProperty("weight_selected_measure", "lbs"); %>
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<% } %>/><%-__('lbs')%>
<% } %>
<% if (Object.keys(item.css_variables || {}).length > 0) { %> <% } %> <% } %> <% }) %>