feat: Implement upsell functionality with repository and service layers

2026-05-02 23:30:23 +03:30
parent 4928901a08
commit 5930c1ad6f
26 changed files with 3130 additions and 126 deletions
--- a/admin/js/upsell-admin.js
+++ b/admin/js/upsell-admin.js
@@ -0,0 +1,106 @@
+(function () {
+    const triggerTypeInputs = document.querySelectorAll('.trigger-type');
+    const triggerProductWrapper = document.getElementById('trigger-product-wrapper');
+    const triggerCategoryWrapper = document.getElementById('trigger-category-wrapper');
+    const triggerAmountWrapper = document.getElementById('trigger-amount-wrapper');
+    const triggerValueInput = document.getElementById('trigger_value');
+    const triggerProductSearch = document.getElementById('trigger_product_search');
+    const triggerProductResults = document.getElementById('trigger_product_results');
+
+    const targetProductSearch = document.getElementById('target_product_search');
+    const targetProductResults = document.getElementById('target_product_results');
+    const targetProductIdInput = document.getElementById('target_product_id');
+
+    function setTriggerVisibility() {
+        const selected = document.querySelector('input[name="trigger_type"]:checked');
+        const value = selected ? selected.value : 'product';
+
+        triggerProductWrapper.classList.toggle('hidden', value !== 'product');
+        triggerCategoryWrapper.classList.toggle('hidden', value !== 'category');
+        triggerAmountWrapper.classList.toggle('hidden', value !== 'cart_total');
+
+        if (value !== 'product' && triggerProductSearch) {
+            triggerValueInput.value = '';
+        }
+    }
+
+    function searchProducts(inputElement, resultsContainer, targetInput) {
+        const term = inputElement.value.trim();
+        if (!term) {
+            resultsContainer.classList.add('hidden');
+            resultsContainer.innerHTML = '';
+            return;
+        }
+
+        const formData = new URLSearchParams();
+        formData.append('action', 'sodino_search_products');
+        formData.append('security', sodinoUpsellAdmin.nonce);
+        formData.append('term', term);
+
+        fetch(ajaxurl, {
+            method: 'POST',
+            credentials: 'same-origin',
+            body: formData,
+        })
+            .then(response => response.json())
+            .then(data => {
+                if (!Array.isArray(data)) {
+                    resultsContainer.classList.add('hidden');
+                    return;
+                }
+
+                const items = data.map(product => {
+                    const button = document.createElement('button');
+                    button.type = 'button';
+                    button.className = 'w-full text-right px-4 py-3 hover:bg-blue-50 focus:bg-blue-50';
+                    button.textContent = product.label;
+                    button.addEventListener('click', function () {
+                        if (targetInput) {
+                            targetInput.value = product.id;
+                            inputElement.value = product.label;
+                        } else {
+                            triggerValueInput.value = product.id;
+                            inputElement.value = product.label;
+                        }
+                        resultsContainer.classList.add('hidden');
+                    });
+                    return button;
+                });
+
+                resultsContainer.innerHTML = '';
+                items.forEach(item => resultsContainer.appendChild(item));
+                resultsContainer.classList.toggle('hidden', items.length === 0);
+            })
+            .catch(() => {
+                resultsContainer.classList.add('hidden');
+            });
+    }
+
+    if (triggerTypeInputs.length) {
+        triggerTypeInputs.forEach(input => {
+            input.addEventListener('change', setTriggerVisibility);
+        });
+        setTriggerVisibility();
+    }
+
+    if (triggerProductSearch) {
+        triggerProductSearch.addEventListener('input', function () {
+            searchProducts(triggerProductSearch, triggerProductResults, null);
+        });
+    }
+
+    if (targetProductSearch) {
+        targetProductSearch.addEventListener('input', function () {
+            searchProducts(targetProductSearch, targetProductResults, targetProductIdInput);
+        });
+    }
+
+    document.addEventListener('click', function (event) {
+        if (triggerProductResults && !triggerProductResults.contains(event.target) && event.target !== triggerProductSearch) {
+            triggerProductResults.classList.add('hidden');
+        }
+        if (targetProductResults && !targetProductResults.contains(event.target) && event.target !== targetProductSearch) {
+            targetProductResults.classList.add('hidden');
+        }
+    });
+})();