if (! defined('ABSPATH')) {
'help_icon' => esc_url(CHT_PLUGIN_URL."admin/assets/images/help/help-icon.svg"),
'close_icon' => esc_url(CHT_PLUGIN_URL."admin/assets/images/help/close.svg"),
'pro_icon' => esc_url(CHT_PLUGIN_URL."admin/assets/images/help/pro.svg"),
'support_icon' => esc_url(CHT_PLUGIN_URL."admin/assets/images/help/help-circle.svg"),
'contact_icon' => esc_url(CHT_PLUGIN_URL."admin/assets/images/help/headphones.svg"),
'get_support_link' => esc_url("https://wordpress.org/support/plugin/chaty/"),
'upgrade_to_pro_link' => esc_url(admin_url("admin.php?page=chaty-app-upgrade")),
'recommended_plugins_link' => esc_url(admin_url("admin.php?page=recommended-chaty-plugins")),
'recommended_plugins_link_status' => get_option("hide_chaty_recommended_plugin"),
'chaty_live_chat_link' => esc_url(admin_url("admin.php?page=chaty-live-chat")),
'chaty_live_chat_link_status' => apply_filters('check_for_chatway', false),
'premio_site_info' => esc_url('https://premio.io/'),
'help_center_link' => esc_url('https://premio.io/help/chaty/?utm_source=pluginspage'),
border: 1px solid #e9edf0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
.premio-help-form.active {
border-bottom: solid 1px #e9edf0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px 10px 0 0;
.premio-form-field input, .premio-form-field textarea {
-webkit-border-radius: 5px;
border: 1px solid #c5c5c5
.premio-form-field textarea {
.premio-help-form .error-message {
.premio-help-form input.input-error, .premio-help-form textarea.input-error {
html[dir=rtl] .premio-help-btn {
html[dir=rtl] .premio-help-form {
justify-content: space-between;
/* font-family: Poppins; */
.premio-help-menu a:focus {
outline: none !important;
box-shadow: none !important;
/* font-family: Poppins; */
.premio-help-content p a {
.premio-help-btn-wrap img {
.premio-help-btn, .premio-help-close-btn {
background-color: #7459B3;
background-color: #000 !important;
.premio-help-close-btn.show{
.premio-help-btn-wrap span.tooltiptext {
.premio-help-btn-wrap span.tooltiptext:after {
transform: translateX(-50%);
border-width: 10px 5px 0;
border-color: #000 transparent transparent;
.premio-form-field input,
.premio-form-field textarea {
-webkit-border-radius: 5px;
border: 1px solid #c5c5c5;
.help-form-footer p + p {
.premio-help-form input.input-error,
.premio-help-form textarea.input-error {
.premio-help-absulate-content {
transform: translateY(10px); /* optional slide effect */
transition: opacity 0.4s ease, transform 0.4s ease;
pointer-events: none; /* prevent interaction when hidden */
/* .premio-help-btn-wrap:hover .premio-help-absulate-content, */
.premio-help-absulate-content.active
transform: translateY(0);
.premio-help-absulate-content-single {
transform: translateY(20px);
.premio-help-absulate-content.active .premio-help-absulate-content-single {
animation: slideInBottom 0.4s forwards ease;
.premio-help-absulate-content.hide .premio-help-absulate-content-single {
animation: slideOutTop 0.4s forwards ease;
@keyframes slideInBottom {
transform: translateY(20px);
transform: translateY(0);
transform: translateY(0);
transform: translateY(20px);
.premio-help-absulate-content a {
.premio-help-absulate-content-single span {
background-color: #7459B3;
.premio-help-absulate-content-single .icon-img {
.premio-help-absulate-content-single .icon-img.pro {
background: var(--Main-gradient, linear-gradient(180deg, #F69D01 0%, #F65901 100%));
.premio-help-absulate-content-single .text {
box-shadow: 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03);
@media (max-width: 960px) {
@media (max-width: 576px) {
@media (max-width: 480px) {
<div class="premio-footer-help">
<div class="premio-help-wrap">
<div class="premio-help-menu">
<a target="_blank" href="<?php echo esc_url($data['get_support_link']) ?>"><?php esc_html_e("Get Support", "chaty") ?></a>
<a target="_blank" href="<?php echo esc_url($data['upgrade_to_pro_link']) ?>"><?php esc_html_e("Upgrade to Pro", "chaty") ?></a>
<?php if($data['recommended_plugins_link_status'] != true): ?>
<a target="_blank" href="<?php echo esc_url($data['recommended_plugins_link']) ?>"><?php esc_html_e("Recommended Plugins", "chaty") ?></a>
<?php if($data['chaty_live_chat_link_status'] != true): ?>
<a target="_blank" href="<?php echo esc_url($data['chaty_live_chat_link']) ?>"><?php esc_html_e("Add Live Chat", "chaty") ?></a>
<div class="premio-help-content">
<p><?php esc_html_e("Powered by ", "chaty") ?><a target="_blank" href="<?php echo esc_url($data['premio_site_info']) ?>"><?php esc_html_e("Premio", "chaty") ?></a></p>
<div class="premio-help-btn-wrap">
<!-- Free/Pro Only URL Change -->
<a class="premio-help-btn" href="#"><img src="<?php echo esc_url($data['help_icon']) ?>" alt="<?php esc_html_e("Need help?", 'chaty'); ?>" /></a>
<a class="premio-help-close-btn" href="#"><img src="<?php echo esc_url($data['close_icon']) ?>" alt="<?php esc_html_e("Close", 'chaty'); ?>" /></a>
$option = get_option("hide_chaty_cta");
if ($option !== "yes") { ?>
<span class="tooltiptext"><?php esc_html_e("Support", "chaty") ?></span>
<div class="premio-help-absulate-content">
<a target="_blank" href="<?php echo esc_url($data['upgrade_to_pro_link']) ?>" class="premio-help-absulate-content-single premio-click-to-close">
<span class="text"><?php esc_html_e("Upgrade to Pro", "chaty") ?></span>
<span class="icon-img pro"><img src="<?php echo esc_url($data['pro_icon']) ?>" alt=""></span>
<a target="_blank" href="<?php echo esc_url($data['get_support_link']) ?>" class="premio-help-absulate-content-single premio-click-to-close">
<span class="text"><?php esc_html_e("Get Support", "chaty") ?></span>
<span class="icon-img"><img src="<?php echo esc_url($data['support_icon']) ?>" alt=""></span>
<a href="#" class="premio-help-absulate-content-single contact-us-btn">
<span class="text"><?php esc_html_e("Contact Us", "chaty") ?></span>
<span class="icon-img"><img src="<?php echo esc_url($data['contact_icon']) ?>" alt=""></span>
<div class="premio-help-form">
<form action="<?php echo esc_url(admin_url('admin-ajax.php')) ?>" method="post" id="premio-help-form">
<div class="premio-help-header">
<b>Gal Dubinski</b> <?php esc_html_e("Co-Founder at Premio", "chaty") ?>
<div class="premio-help-content">
<p><?php esc_html_e("Hello! Are you experiencing any problems with Chaty? Please let me know :)", 'chaty'); ?></p>
<div class="premio-form-field">
<input type="text" name="user_email" id="user_email" placeholder="<?php esc_html_e("Email", 'chaty'); ?>">
<div class="premio-form-field">
<textarea type="text" name="textarea_text" id="textarea_text" placeholder="<?php esc_html_e("How can I help you?", 'chaty'); ?>"></textarea>
<div class="form-button">
<button type="submit" class="premio-help-button" ><?php esc_html_e("Chat", 'chaty') ?></button>
<input type="hidden" name="action" value="wcp_admin_send_message_to_owner" >
<input type="hidden" id="nonce" name="nonce" value="<?php echo esc_attr(wp_create_nonce('chaty_send_message_to_owner')) ?>" >
<div class="help-form-footer">
<p><?php esc_html_e("Or", 'chaty'); ?></p>
<p><a href="<?php echo esc_url($data['help_center_link']) ?>" target="_blank"><?php esc_html_e("Visit our Help Center >>", 'chaty'); ?></a></p>
<div class="premio-form-response"></div>
jQuery(document).ready(function(){
jQuery(".premio-help-btn").click(function(e){
jQuery(".premio-help-btn-wrap .tooltiptext").hide();
jQuery(".premio-help-close-btn").addClass('show');
jQuery(".premio-help-btn").addClass('hide');
jQuery(".premio-help-absulate-content").addClass('active');
jQuery(".premio-help-absulate-content").removeClass('hide');
jQuery(".premio-help-close-btn").click(function(e){
jQuery(".premio-help-close-btn").removeClass('show');
jQuery(".premio-help-btn").removeClass('hide');
jQuery(".premio-help-absulate-content").removeClass('active');
jQuery(".premio-help-absulate-content").addClass('hide');
jQuery(".premio-help-form").hide();
jQuery(".premio-click-to-close").click(function(e){
jQuery(".premio-help-close-btn").removeClass('show');
jQuery(".premio-help-btn").removeClass('hide');
jQuery(".premio-help-absulate-content").removeClass('active');
jQuery(".premio-help-absulate-content").addClass('hide');
jQuery("#premio-help-form").submit(function(){
jQuery(".premio-help-button").attr("disabled",true);
jQuery(".premio-help-button").text("<?php esc_html_e("Sending Request...", "chaty") ?>");
formData = jQuery(this).serialize();
url: "<?php echo esc_url(admin_url('admin-ajax.php')) ?>",
success: function(responseArray){
jQuery("#premio-help-form").find(".error-message").remove();
jQuery("#premio-help-form").find(".input-error").removeClass("input-error");
if(responseArray.error == 1) {
jQuery(".premio-help-button").attr("disabled",false);
jQuery(".premio-help-button").text("<?php esc_html_e("Chat", 'chaty'); ?>");
for(i=0;i<responseArray.errors.length;i++) {
jQuery("#"+responseArray.errors[i]['key']).addClass("input-error");
jQuery("#"+responseArray.errors[i]['key']).after('<span class="error-message">'+responseArray.errors[i]['message']+'</span>');
} else if(responseArray.status == 1) {
jQuery(".premio-help-button").text("<?php esc_html_e("Done!", 'chaty'); ?>");
jQuery("#user_email").val("");
jQuery("#textarea_text").val("");
jQuery("#premio-help-form").hide();
jQuery(".premio-help-header").hide();
jQuery(".help-form-footer").hide();
jQuery(".premio-form-response").html("<p class='success-p'><?php esc_html_e("Your message is sent successfully.", 'chaty'); ?></p>");
} else if(responseArray.status == 0) {
jQuery("#premio-help-form").hide();
jQuery(".premio-help-header").hide();