Доставка и оплата

Оплата

Доставка

`; } // ========================= // ВЫЗОВ API ПО ТЕЛЕФОНУ (пока просто логируем ответ) // ========================= function renderNoCardState(phoneDigits) { const container = ensureMaceloyaltyContainer(); clearHiddenFields(); if (!container) return; container.innerHTML = `

Скидки • Предложения • Бонусы

`; const btn = container.querySelector('[data-ml-action]'); if (!btn) return; btn.addEventListener('click', function () { const mode = btn.getAttribute('data-ml-action'); if (mode === 'issue') { // открыть страницу оформления карты window.open(MaceLoyaltySettings.cardIssueURL, '_blank'); // поменять кнопку на "Обновить" btn.textContent = 'Обновить'; btn.setAttribute('data-ml-action', 'refresh'); } else if (mode === 'refresh') { // повторный запрос карты по тому же номеру showLoader(); fetchCardByPhone(phoneDigits); } }); } function renderCashbackCard(card, phoneDigits) { const container = ensureMaceloyaltyContainer(); if (!container) return; const { totalCashback, bonusesToDeposit, bonusesToWithdrawal } = calculateCashbackMetrics(card); const spendFloor = Math.floor(bonusesToWithdrawal); const canUse = spendFloor > 0; MaceLoyaltyState.card = card; MaceLoyaltyState.phone = phoneDigits; MaceLoyaltyState.mode = 'addCashback'; MaceLoyaltyState.bonusesToDeposit = bonusesToDeposit; MaceLoyaltyState.bonusesToWithdrawal = bonusesToWithdrawal; MaceLoyaltyState.totalCashback = totalCashback; MaceLoyaltyState.useBonusAmount = 0; updateHiddenFields(); container.innerHTML = `

`; const btnAdd = container.querySelector('[data-ml-mode="add"]'); const btnUse = container.querySelector('[data-ml-mode="use"]'); if (!btnAdd || !btnUse) return; if (!canUse) { btnUse.classList.add('maceloyalty__btn--disabled'); btnUse.setAttribute('aria-disabled', 'true'); btnUse.setAttribute('tabindex', '-1'); } function setActive(mode) { if (mode === 'add') { // выбран "Накопить" btnAdd.classList.remove('maceloyalty__btn--secondary'); btnUse.classList.add('maceloyalty__btn--secondary'); MaceLoyaltyState.mode = 'addCashback'; MaceLoyaltyState.useBonusAmount = 0; removePromo(); updateHiddenFields(); } else if (mode === 'use') { if (!canUse) return; // нельзя списывать, просто игнорируем // выбран "Списать" btnUse.classList.remove('maceloyalty__btn--secondary'); btnAdd.classList.add('maceloyalty__btn--secondary'); MaceLoyaltyState.mode = 'useCashback'; MaceLoyaltyState.useBonusAmount = spendFloor; updateHiddenFields(); applyUseCashbak(card.balance.type, spendFloor); } } // по умолчанию: "Накопить" активно (чёрная) setActive('add'); btnAdd.addEventListener('click', function () { setActive('add'); }); btnUse.addEventListener('click', function () { setActive('use'); }); } function renderDiscountCard(card, phoneDigits) { const container = ensureMaceloyaltyContainer(); if (!container) return; const modifier = card.level && typeof card.level.modifier === 'number' ? card.level.modifier : 0; const percent = Math.round(modifier); MaceLoyaltyState.card = card; MaceLoyaltyState.phone = phoneDigits; MaceLoyaltyState.mode = 'addPurchase'; MaceLoyaltyState.bonusesToDeposit = 0; MaceLoyaltyState.bonusesToWithdrawal = 0; MaceLoyaltyState.useBonusAmount = 0; updateHiddenFields(); container.innerHTML = `

по вашей карте лояльности

`; applyUseCashbak(card.balance.type, percent); } function renderCardState(card, phoneDigits) { const type = (card.balance.type || '').toLowerCase(); if (type === 'cashback') { renderCashbackCard(card, phoneDigits); } else if (type === 'discount') { renderDiscountCard(card, phoneDigits); } else { // на всякий случай считаем неизвестный тип как cashback logInfo('Неизвестный тип карты, используем поведение cashback:', type); renderCashbackCard(card, phoneDigits); } } async function fetchCardByPhone(phoneDigits) { const { clientId, secret } = MaceLoyaltySettings; const url = API_HOST + '/cards?customer.phoneNumber.like=' + encodeURIComponent(phoneDigits) + '&pageSize=5'; logInfo('Получаем карту по номеру телефона: ' + phoneDigits); try { const response = await fetch(url, { method: 'GET', headers: { Authorization: 'Basic ' + btoa(clientId + ':' + secret), }, }); if (!response.ok) { const text = await response.text(); logError( 'Ошибка: ' + response.status + ' ' + response.statusText ); console.log(text); return; } const data = await response.json(); logInfo('Ответ сервера:'); console.log(data); if (!data.items || !Array.isArray(data.items) || data.items.length === 0) { logInfo('Карта по этому номеру не найдена.'); renderNoCardState(phoneDigits); return; } const card = data.items[0]; logInfo('Используем первую найденную карту: ' + card.serialNumber); renderCardState(card, phoneDigits); } catch (e) { logError('Ошибка при получении карты: ' + e); } } // ========================= // ОСНОВНАЯ ЛОГИКА: отслеживаем телефон // ========================= function initMaceLoyalty() { if (!validateSettings()) { return; // без настроек не работаем, на верстке тишина } detectedFontFamily = detectTildaFont(); const promoWrapper = document.querySelector('.t-inputpromocode__wrapper'); if (promoWrapper) { promoField = promoWrapper.innerHTML; hasPromoField = true; } else { promoField = null; hasPromoField = false; } injectBaseStylesOnce(); ensureHiddenFields(); clearHiddenFields(); const phoneInput = findPhoneInput(); if (!phoneInput) { return; // не нашли поле телефона — выходим тихо } logInfo('Интеграция запущена. Ожидание ввода номера телефона'); let lastValidPhone = null; const onPhoneInput = function (event) { const rawValue = event.target.value || ''; const digits = rawValue.replace(/\D/g, ''); // только цифры if (digits.length === 10) { // полный номер без кода страны, например 916 555 55 55 const phoneForApi = digits; // Если выбран несовместимый способ оплаты – вообще не грузим карту if (isPaymentForbidden()) { logInfo('Выбран несовместимый способ оплаты, карту лояльности не загружаем.'); // не запоминаем lastValidPhone, чтобы после смены способа оплаты // можно было подтянуть карту для уже введённого номера clearHiddenFields(); removePromo(); const container = document.getElementById('maceloyalty'); if (container) container.remove(); return; } // Проверяем, не тот же номер уже обрабатывали при совместимом способе оплаты if (phoneForApi === lastValidPhone) { return; } lastValidPhone = phoneForApi; // 1) показываем loader showLoader(); // 2) вызываем API уже с номером БЕЗ кода страны fetchCardByPhone(phoneForApi); } else { // номер введен не полностью -> сбрасываем state и убираем блок if (lastValidPhone !== null) { logInfo('Номер телефона стал неполным. Сбрасываем статус.'); } removePromo(); clearHiddenFields(); lastValidPhone = null; const container = document.getElementById('maceloyalty'); if (container) container.remove(); } }; phoneInput.addEventListener('input', onPhoneInput); // следим за сменой способа оплаты const paymentInputs = document.querySelectorAll('input[name="paymentsystem"]'); paymentInputs.forEach(function (input) { input.addEventListener('change', function () { const current = getSelectedPaymentSystem(); logInfo('Сменился способ оплаты: ' + current); if (isPaymentForbidden()) { // Запрещённый способ оплаты — очищаем всё, скрываем блок logInfo('Выбран способ оплаты из forbiddenPayment, очищаем данные лояльности.'); removePromo(); clearHiddenFields(); const container = document.getElementById('maceloyalty'); if (container) container.remove(); return; } // Способ оплаты совместим: // если телефон уже введён полностью — подгружаем карту автоматически const rawValue = phoneInput.value || ''; const digits = rawValue.replace(/\D/g, ''); if (digits.length === 10) { const phoneForApi = digits; logInfo('Совместимый способ оплаты и уже введён телефон, загружаем карту лояльности.'); showLoader(); lastValidPhone = phoneForApi; fetchCardByPhone(phoneForApi); } else { // телефон ещё не полный — просто очищаем UI лояльности removePromo(); clearHiddenFields(); const container = document.getElementById('maceloyalty'); if (container) container.remove(); } }); }); // следим за изменением общего итога var reDrawTotalFunction = window.tcart__reDrawTotal; window.tcart__reDrawTotal = function (d) { reDrawTotalFunction(d); setTimeout(function () { updateCartTotalsLabels(); updateHiddenFields(); }, 10); }; var updatetCart__reDrawCartIcon = window.tcart__reDrawCartIcon; window.tcart__reDrawCartIcon = function () { updatetCart__reDrawCartIcon(); setTimeout(function () { recalcAfterCartChange(); }, 10); }; } // ========================= // СТАРТ // ========================= if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { bootstrapMaceLoyalty(); }); } else { bootstrapMaceLoyalty(); } })();