File "Embedpress_Elementor_Integration.php"
Full Path: /home/digimqhe/flashdigi.uk/comment-content/plugins/embedpress/EmbedPress/Elementor/Embedpress_Elementor_Integration.php
File size: 33.58 KB
MIME-type: text/x-php
Charset: utf-8
<?php
namespace EmbedPress\Elementor;
(defined('ABSPATH')) or die("No direct script access allowed.");
use EmbedPress\Compatibility;
use EmbedPress\Elementor\Widgets\Embedpress_Calendar;
use EmbedPress\Elementor\Widgets\Embedpress_Document;
use EmbedPress\Elementor\Widgets\Embedpress_Elementor;
use EmbedPress\Elementor\Widgets\Embedpress_Pdf;
use EmbedPress\Includes\Classes\Helper;
class Embedpress_Elementor_Integration
{
/**
* @since 2.4.2
*/
public function init()
{
$elements = (array) get_option(EMBEDPRESS_PLG_NAME . ":elements", []);
$e_blocks = isset($elements['elementor']) ? (array) $elements['elementor'] : [];
if (!empty($e_blocks['embedpress']) || !empty($e_blocks['embedpress-document']) || !empty($e_blocks['embedpress-pdf'])) {
add_action('elementor/frontend/after_enqueue_styles', [$this, 'embedpress_enqueue_style']);
add_action('elementor/editor/before_enqueue_styles', array($this, 'editor_enqueue_style'));
add_action('elementor/editor/before_enqueue_scripts', array($this, 'editor_enqueue_scripts'));
add_action('elementor/elements/categories_registered', array($this, 'register_widget_categories'));
add_action('elementor/widgets/widgets_registered', array($this, 'register_widget'));
add_action('elementor/widgets/register', array($this, 'register_widget'));
add_filter('oembed_providers', [$this, 'addOEmbedProviders']);
if (Helper::get_options_value('turn_off_rating_help') || !is_plugin_active('embedpress-pro/embedpress-pro.php')) {
add_action('elementor/editor/after_enqueue_scripts', [$this, 'elementor_upsale']);
}
}
}
/**
* Add elementor category
*
* @since 2.4.3
*/
public function register_widget_categories($elements_manager)
{
$elements_manager->add_category(
'embedpress',
[
'title' => __('EmbedPress', 'embedpress'),
'icon' => 'font',
],
1
);
}
/**
* Load elementor widget
*
* @param $widgets_manager
* @throws \Exception
* @since 2.4.2
*/
public function register_widget($widgets_manager)
{
if (
did_action('elementor/widgets/widgets_registered') &&
did_action('elementor/widgets/register') // doing action
) {
return;
}
$elements = (array) get_option(EMBEDPRESS_PLG_NAME . ":elements", []);
$e_blocks = isset($elements['elementor']) ? (array) $elements['elementor'] : [];
if (method_exists($widgets_manager, 'register')) {
if (!empty($e_blocks['embedpress'])) {
$widgets_manager->register(new Embedpress_Elementor);
}
if (!empty($e_blocks['embedpress-document'])) {
$widgets_manager->register(new Embedpress_Document);
}
if (!empty($e_blocks['embedpress-pdf'])) {
$widgets_manager->register(new Embedpress_Pdf);
}
if (!empty($e_blocks['embedpress-calendar'])) {
$widgets_manager->register(new Embedpress_Calendar);
}
} else {
if (!empty($e_blocks['embedpress'])) {
$widgets_manager->register_widget_type(new Embedpress_Elementor);
}
if (!empty($e_blocks['embedpress-document'])) {
$widgets_manager->register_widget_type(new Embedpress_Document);
}
if (!empty($e_blocks['embedpress-pdf'])) {
$widgets_manager->register_widget_type(new Embedpress_Pdf);
}
if (!empty($e_blocks['embedpress-calendar'])) {
$widgets_manager->register_widget_type(new Embedpress_Calendar);
}
}
}
/**
* Enqueue elementor assets
* @since 2.4.3
*/
public function embedpress_enqueue_style()
{
wp_register_style(
'embedpress-elementor-css',
EMBEDPRESS_URL_ASSETS . 'css/embedpress-elementor.css',
false,
EMBEDPRESS_VERSION
);
}
public function editor_enqueue_style()
{
wp_enqueue_style(
'embedpress-el-icon',
EMBEDPRESS_URL_ASSETS . 'css/el-icon.css',
false,
EMBEDPRESS_VERSION
);
}
public function editor_enqueue_scripts()
{ }
public function addOEmbedProviders($providers)
{
if (Compatibility::isWordPress5() && !Compatibility::isClassicalEditorActive()) {
unset($providers['#https?://(.+\.)?wistia\.com/medias/.+#i'], $providers['#https?://(.+\.)?fast\.wistia\.com/embed/medias/.+#i\.jsonp']);
}
return $providers;
}
public function elementor_upsale()
{
?>
<style>
:root {
/* Light Mode Variables */
--background-color: #FDFAFF;
--text-color: #0C0D0E;
--secondary-text-color: #5f6c7f;
--description-text-color: #5f6c7f;
--border-color: #ECEFF5;
--button-bg: #5b4e96;
--button-text: #ffffff;
--upgrade-bg: linear-gradient(181.32deg, #fffbf8 1.12%, #ffffff 98.95%);
--star-color: #b1b8c2;
--placeholder-text-color: #5f6c7f;
--submit-button-color: #5b4e96;
--form-control-backgound: #fff;
--upgrade-box-title-color: #1d2939;
}
@media (prefers-color-scheme: light) {
:root {
/* Light Mode Variables */
--background-color: #FDFAFF;
--text-color: #0C0D0E;
--secondary-text-color: #5f6c7f;
--description-text-color: #5f6c7f;
--border-color: #ECEFF5;
--button-bg: #5b4e96;
--button-text: #ffffff;
--upgrade-bg: linear-gradient(181.32deg, #fffbf8 1.12%, #ffffff 98.95%);
--star-color: #b1b8c2;
--placeholder-text-color: #5f6c7f;
--submit-button-color: #5b4e96;
--form-control-backgound: #fff;
--upgrade-box-title-color: #1d2939;
}
}
@media (prefers-color-scheme: dark) {
:root {
/* Dark Mode Variables */
--background-color: #1A1C1F;
--text-color: #ffffff;
--secondary-text-color: #CBCBD0;
--description-text-color: #fff;
--border-color: #272A2F;
--button-bg: #4b3293;
--button-text: #ffffff;
--upgrade-bg: linear-gradient(181.32deg, #1F2023 1.12%, #18191B 98.95%);
--star-color: #676D76;
--placeholder-text-color: #CBCBD0;
--submit-button-color: #fff;
--form-control-backgound: #1F2124;
--upgrade-box-title-color: #fff;
}
}
.elementor-panel .plugin-rating {
border-top: 2px solid #e6e8ea;
}
/* Applying Variables */
.elementor-panel .rating-chat-content {
background-color: var(--background-color);
border: 0.6px solid var(--border-color);
color: var(--text-color);
}
.elementor-panel .plugin-rating h4 {
color: var(--text-color);
}
.elementor-panel .plugin-rating .chat-button {
background-color: var(--button-bg);
color: var(--button-text);
}
.elementor-panel .plugin-rating .upgrade-box {
background: var(--upgrade-bg);
border: 0.6px solid var(--border-color);
}
.elementor-panel p.thank-you-message {
color: var(--secondary-text-color);
}
.elementor-panel .plugin-rating .stars .star {
color: var(--star-color);
}
.elementor-panel .plugin-rating {
font-family: system-ui;
padding: 15px;
padding-top: 0;
}
.elementor-panel .rating-chat-content {
border-radius: 4px;
border-width: 0.6px;
gap: 12px;
padding: 15px;
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
margin-top: 15px;
}
.rating-chat-content::after {
content: "";
position: absolute;
top: -65px;
right: -65px;
width: 120px;
height: 120px;
background: radial-gradient(circle, rgb(121 62 255 / 14%) 20%, transparent 70%);
border-radius: 50%;
}
/* .rating-chat-content::after{
content: '';
background: linear-gradient(175.54deg, rgba(81, 241, 255, 0.117) 19.13%, rgba(71, 58, 217, 0.132319) 22.57%, rgba(127, 22, 255, 0.2085) 39.66%, rgba(17, 1, 35, 0.3) 60.19%);
transform: rotate(60deg);
top: 0;
right: 0;
z-index: 1212;
width: 118.63550843535211px;
height: 208.14842708207777px;
position: absolute;
transform: rotate(60deg);
backdrop-filter: blur(20px);
} */
.elementor-panel .plugin-rating h4 {
font-size: 15px;
font-weight: 500;
}
.elementor-panel .plugin-rating .stars {
display: flex;
gap: 5px;
margin-bottom: 10px;
color: #FFFFFF;
}
.elementor-panel .plugin-rating .stars .star {
cursor: pointer;
width: 20px;
height: 20px;
}
.elementor-panel .plugin-rating .thank-you-msg-container {
padding: 15px;
border-radius: 8px;
text-align: left;
background: linear-gradient(181.32deg, #f5f3ff 1.12%, #ffffff 98.95%);
border: 0.6px solid #f4efec;
position: relative;
}
.elementor-panel .plugin-rating .thank-you-msg-container span.close-icon {
position: absolute;
top: 8px;
right: 8px;
}
.elementor-panel .plugin-rating .thank-you-msg-container span.close-icon svg {
height: 12px;
width: 12px;
cursor: pointer;
}
/* .elementor-panel .plugin-rating .thankyou-msg-container span.close-icon {
position: absolute;
top: 8px;
right: 8px;
} */
.elementor-panel .plugin-rating .thank-you-msg-container p.thank-you-message {
font-weight: 400;
color: #232c39;
margin-bottom: 8px;
font-size: 12px;
}
.elementor-panel .plugin-rating .thank-you-msg-container span.undo-review {
color: #5b4e96;
font-weight: 400;
text-decoration: none;
cursor: pointer !important;
}
.elementor-panel .plugin-rating .chat-button {
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
font-weight: 400;
width: 100%;
}
.elementor-panel .plugin-rating .chat-button svg {
width: 18px;
height: 18px;
}
.elementor-panel .plugin-rating .chat-button:hover {
background-color: #4b3293;
}
.elementor-panel .plugin-rating .upgrade-box {
padding: 15px;
margin-top: 15px;
border-radius: 8px;
text-align: left;
}
.elementor-panel .plugin-rating .upgrade-box h5 {
font-size: 14px;
margin-top: 0;
margin-bottom: 10px;
color: #1d2939;
color: #fff;
color: var(--upgrade-box-title-color);
font-weight: 600;
}
.elementor-panel .plugin-rating .upgrade-box p {
font-size: 12px;
color: var(--secondary-text-color);
margin-bottom: 12px;
font-weight: 400;
line-height: 1.6;
}
.elementor-panel .plugin-rating .upgrade-box .upgrade-link {
color: #ec6e00;
font-weight: 400;
text-decoration: none;
}
.elementor-panel .plugin-rating .upgrade-box .upgrade-link:hover {
text-decoration: underline;
}
.elementor-panel .thankyou-msg-container,
.elementor-panel .feedback-submit-container {
border-radius: 8px;
text-align: left;
position: relative;
margin-bottom: 10px;
}
.elementor-panel .thankyou-msg-container textarea.form-control,
.elementor-panel .feedback-submit-container textarea.form-control {
width: 100%;
background: var(--form-control-backgound);
outline: 1px solid var(--border-color);
margin-bottom: 10px;
border: none;
font-weight: 400;
font-size: 14px;
line-height: 1.6;
font-family: system-ui;
padding: 8px 8px;
}
.elementor-panel .thankyou-msg-container textarea.form-control::placeholder,
.elementor-panel .feedback-submit-container textarea.form-control::placeholder {
font-weight: 400;
font-size: 14px;
line-height: 1.6;
color: var(--placeholder-text-color);
font-family: system-ui;
}
.elementor-panel .thankyou-msg-container textarea:focus,
.elementor-panel .feedback-submit-container textarea:focus {
outline-color: #5b4e96;
box-shadow: none !important;
outline: 1px solid #5b4e96;
}
.elementor-panel .submit-button,
.elementor-panel .rating-button {
border-radius: 4px;
border-width: 1px;
width: 100%;
border: 1px solid #5b4e96;
color: var(--submit-button-color);
background: transparent;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 12px 8px;
}
.elementor-panel .submit-button svg,
.elementor-panel .rating-button svg {
height: 18px;
width: 18px;
}
.elementor-panel .help-message {
font-weight: 500;
font-size: 15px;
line-height: 1.6;
letter-spacing: 0%;
margin-bottom: 10px;
margin-top: 0 color: var(--text-color)
}
.elementor-panel p.form-description {
font-size: 14px;
margin-bottom: 12px;
font-family: system-ui;
color: var(--description-text-color);
line-height: 1.4;
}
.elementor-panel span.close-icon {
position: absolute;
top: 8px;
right: 8px;
}
.elementor-panel span.close-icon svg {
height: 12px;
width: 12px;
cursor: pointer;
}
.elementor-panel span.undo-review {
color: #5b4e96;
font-weight: 400;
text-decoration: none;
cursor: pointer;
}
.elementor-panel p.thank-you-message {
font-weight: 400;
color: var(--secondary-text-color);
font-size: 14px;
line-height: 1.6;
}
.elementor-panel .chat-button {
background-color: #5b4e96;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
font-weight: 500;
width: 100%;
}
.elementor-panel .chat-button {
background-color: transparent;
border: 1px solid #5B4E96;
color: #fff;
}
.elementor-panel .rating-button {
background-color: transparent;
border: 1px solid #5B4E96;
color: var(--submit-button-color);
margin-top: 20px;
}
.elementor-panel .chat-button svg {
width: 18px;
height: 18px;
}
.elementor-panel .chat-button:hover {
background-color: #4b3293;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
if (typeof jQuery === 'undefined') {
console.error("❌ jQuery is not loaded!");
return;
}
jQuery(document).ready(function($) {
console.log("✅ jQuery is loaded and ready!");
let message = ""; // Store the thank-you message state
let rating = 0; // Store rating state
let showThank = localStorage.getItem("feedbackSubmitted") ? 1 : 0; // Store rating state
let targetNode = null; // Store reference to the Elementor controls section
const currentUser = <?php echo json_encode(wp_get_current_user()->data); ?>;
const isProActive = <?php echo json_encode(is_plugin_active('embedpress-pro/embedpress-pro.php')); ?>;
const isEmbedpressFeedbackSubmited = <?php echo json_encode(get_option('embedpress_feedback_submited')); ?>;
const turnOffRattingHelp = <?php echo json_encode(Helper::get_options_value('turn_off_rating_help')); ?>;
function handleRating(selectedRating) {
rating = selectedRating;
$(".star").each(function() {
const starValue = $(this).data("rating");
$(this).attr("fill", starValue <= rating ? "#FFD700" : "#B1B8C2"); // Gold for selected, Grey for unselected
});
if (rating == 5) {
sendFiveStarRating();
}
// Delay message update by 2 seconds
setTimeout(() => {
if (rating < 5) {
message = "Please describe your issue in details.";
} else {
message = `Thanks for rating ${rating} stars!`;
}
renderUpsellSection();
}, 500);
}
function setMessage(value) {
message = value;
renderUpsellSection();
}
function handleSubmit(event) {
event.preventDefault();
const submitButton = event.target.querySelector('.submit-button');
submitButton.disabled = true; // Disable the button
submitButton.textContent = 'Sending...'; // Update button text
const formData = new FormData(event.target);
const data = {
name: currentUser.display_name,
email: currentUser.user_email,
rating: rating,
message: formData.get('message')
};
fetch('/wp-json/embedpress/v1/send-feedback', { // Updated API endpoint
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => {
submitButton.disabled = false; // Re-enable the button
submitButton.textContent = 'Send'; // Reset button text
showThank = 1;
localStorage.setItem("feedbackSubmitted", "true");
renderUpsellSection();
setTimeout(() => {
$(".thankyou-msg-container").fadeOut(500, function() {
$(this).remove();
});
}, 3000); // Disappear after 3 seconds
})
.catch(error => {
console.error('Error:', error);
alert('Failed to send email.');
});
};
function sendFiveStarRating() {
const data = {
name: currentUser.display_name,
email: currentUser.user_email,
rating: '5',
message: ''
};
fetch('/wp-json/embedpress/v1/send-feedback', { // Updated API endpoint
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => {
console.log('Success:', data);
localStorage.setItem("feedbackSubmitted", "true");
renderUpsellSection();
})
.catch(error => {
console.error('Error:', error);
alert('Failed to send email.');
});
}
function renderUpsellSection() {
if (!targetNode) return;
$(".plugin-rating").remove(); // Remove previous upsell section
const thnkMsgHeading = rating < 5 ? 'We appreciate it!' : 'We’re glad that you liked us! 😍';
const thnkMsgDsc = rating < 5 ? 'A heartfelt gratitude for managing the time to share your thoughts with us' : 'If you don’t mind, could you take 30 seconds to review us on WordPress? Your feedback will help us improve and grow. Thank you in advance! 🙏';
let upsellHtml = `
<div class="plugin-rating">
${turnOffRattingHelp ? `
<div class="rating-chat-content">
${!isEmbedpressFeedbackSubmited ? `
${((rating && rating == 5) || showThank) ? `
<div class="thankyou-msg-container">
<h5 class="help-message">${thnkMsgHeading}</h5>
<p class="thank-you-message">${thnkMsgDsc}</p>
${rating == 5 ? `
<button class="rating-button">
Rate the Plugin
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.75 2.083 6.25 5l-2.5 2.917" stroke="#5B4E96" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
` : ''}
</div>
` : rating && rating < 5 ? `
<div class="feedback-submit-container">
<h5 class="help-message">Help us make it better!</h5>
<p class="form-description">Please share what went wrong with The EmbedPress so that we can improve further*</p>
<form id="feedback-form">
<div class="form-group">
<textarea name="message" placeholder="Describe your issue in details" type="text" rows="4" class="form-control" required></textarea>
</div>
<div class="form-group">
<button class="submit-button" type="submit">Send</button>
</div>
</form>
</div>
` : `
<h4>Rate EmbedPress</h4>
<div class="stars">
${[1, 2, 3, 4, 5].map(i => `
<svg class="star" data-rating="${i}" width="20" height="18.667" viewBox="0 0 20 18.667" fill="none" xmlns="http://www.w3.org/2000/svg"
style={{ cursor: "pointer", transition: "fill 0.2s ease-in-out" }}>
<g clip-path="url(#a)">
<path d="m7.3 5.709-4.963.72-.087.017a.777.777 0 0 0-.343 1.309l3.595 3.499-.848 4.943-.009.087a.777.777 0 0 0 1.139.733l4.437-2.333 4.428 2.333.077.036a.777.777 0 0 0 1.053-.855l-.849-4.944 3.596-3.5.061-.067a.777.777 0 0 0-.493-1.259l-4.961-.72-2.218-4.495a.777.777 0 0 0-1.396 0z"/>
</g>
<defs><clipPath id="a"><path fill="#fff" d="M.888 0h18.667v18.667H.888z"/></clipPath></defs>
</svg>
`).join('')}
</div>
`}
` : ''}
<p style="font-weight: 500">Need help? We're here</p>
<a href="https://embedpress.com/?support=chat" target="_blank" class="chat-button">
<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)" fill="#fff"><path d="M7.93.727H1.555C.97.727.5 1.198.5 1.782V6c0 .584.471 1.055 1.055 1.055h.351V8.11c0 .254.263.438.52.31.008-.008.022-.008.029-.015 1.934-1.297 1.5-1.008 1.933-1.294a.35.35 0 0 1 .19-.056H7.93c.583 0 1.054-.47 1.054-1.055V1.782c0-.584-.47-1.055-1.054-1.055M5.117 4.946h-2.86c-.463 0-.465-.703 0-.703h2.86c.464 0 .466.703 0 .703m2.11-1.406h-4.97c-.463 0-.465-.704 0-.704h4.97c.463 0 .465.704 0 .704" /><path d="M11.445 3.54H9.687V6c0 .97-.787 1.758-1.757 1.758H4.684l-.668.443v.612c0 .584.47 1.055 1.054 1.055h3.457l2.018 1.35c.276.153.549-.033.549-.296V9.868h.351c.584 0 1.055-.471 1.055-1.055V4.594c0-.583-.471-1.054-1.055-1.054" /></g><defs><clipPath id="a"><path fill="#fff" d="M.5 0h12v12H.5z" /></clipPath></defs></svg>
Let’s Chat
</a>
</div>` : ''}
${!isProActive ? `
<div class="upgrade-box">
<h5>Want to explore more?</h5>
<p>Dive in and discover all the premium features</p>
<a href="https://embedpress.com/#pricing" target="_blank" class="upgrade-link">Upgrade to PRO</a>
</div>` : ''}
</div>
`;
$(upsellHtml).insertAfter(targetNode);
let currentRating = 0; // Store the selected rating
$(".star").attr("fill", "#FFD700");
$(".star").on("mouseenter", function() {
let hoverRating = $(this).data("rating");
console.log(hoverRating);
$(".star").each(function() {
$(this).attr("fill", $(this).data("rating") <= hoverRating ? "#FFD700" : "#B1B8C2");
});
});
$(".star").on("mouseleave", function() {
$(".star").each(function() {
$(this).attr("fill", $(this).data("rating") <= currentRating ? "#FFD700" : "#B1B8C2");
});
});
$(".star").on("click", function() {
currentRating = $(this).data("rating");
$(".star").each(function() {
$(this).attr("fill", $(this).data("rating") <= currentRating ? "#FFD700" : "#B1B8C2");
});
handleRating(currentRating);
});
$(".rating-button").on("click", function() {
window.open('https://wordpress.org/support/plugin/embedpress/reviews/#new-post')
});
$("#feedback-form").on("submit", handleSubmit);
}
function addUpsellSection(node) {
if (!node) return;
targetNode = node; // Store reference to the correct node
if (!$(".plugin-rating").length) {
console.log("✅ Elementor Panel Found! Adding Upsell Section...");
renderUpsellSection();
}
}
// MutationObserver to detect Elementor panel changes
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
mutation.addedNodes.forEach((node) => {
if ($(node).hasClass("elementor-controls-stack")) {
const elementorControls = node.querySelector("#elementor-controls:has(.elementor-control-embedpress_elementor_content_settings, .elementor-control-embedpress_pdf_content_settings, .elementor-control-embedpress_document_content_settings, .elementor-control-embedpress_calendar_content_settings)");
if (elementorControls) {
addUpsellSection(elementorControls);
}
}
});
});
});
// Start observing Elementor panel for changes
const elementorPanel = document.querySelector(".elementor-panel");
if (elementorPanel) {
observer.observe(elementorPanel, {
childList: true,
subtree: true,
});
console.log("🔍 Observer started on Elementor Panel");
} else {
console.log("❌ Elementor panel not found, observer not started.");
}
});
});
</script>
<?php
}
}