(function () { 'use strict'; var VERSION = 46; if (window.__mwWishlistSearch === VERSION) return; window.__mwWishlistSearch = VERSION; var CONFIG = { placeholderColor: '#666666', inputColor: '#111111', inputBackground: '#ffffff', inputBorder: '#d0d0d0', fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif', trashOnly: true, trashIconColor: '#aaaaaa', trashIconHoverColor: '#dc2626', bulkSelect: true, bulkSelectAllLabel: 'Select all', bulkDeleteLabel: 'Delete selected', bulkAccentColor: '#111111', skipCartRedirectOnAddAll: true, orderTypeBadges: true, orderTypeNamespace: 'custom', orderTypeKey: 'order_type', orderTypeLabels: { preorder: { label: 'Pre-order', background: 'rgba(37,99,235,0.12)', color: '#1d4ed8' }, arrivingsoon: { label: 'Arriving soon', background: 'rgba(13,148,136,0.14)', color: '#0f766e' }, specialorder: { label: 'Special order', background: 'rgba(124,58,237,0.12)', color: '#6d28d9' }, }, }; var applyingDom = false; var STYLE_ID = 'mw-wishlist-search-css-v8'; var TRASH_STYLE_ID = 'mw-wishlist-trash-only-css-v1'; var BULK_STYLE_ID = 'mw-wishlist-bulk-select-css-v1'; var LAYOUT_FIX_STYLE_ID = 'mw-wishlist-layout-fix-css-v1'; var WRAP_CLASS = 'mw-wishlist-search-wrap'; var INPUT_CLASS = 'mw-wishlist-search-input'; var LABEL_CLASS = 'mw-wishlist-search-label'; var NO_RESULTS_CLASS = 'mw-wishlist-search-no-results'; var HIDDEN_ROW_CLASS = 'mw-wishlist-search-row-hidden'; var SURFACES = [ { id: 'page', actions: '.wishlist-page-header-actions', list: '.wishlist-page-list', row: '.wishlist-page-row', title: '.wishlist-page-row-title', share: '.wishlist-page-share', panel: '#magic-wishlist-page-root, .wishlist-page', }, { id: 'modal', actions: '.wishlist-modal-header-actions', list: '.wishlist-modal-list', row: '.wishlist-modal-row', title: '.wishlist-modal-row-title', share: '.wishlist-modal-share', panel: '.wishlist-modal-content', }, { id: 'drawer', actions: '.wishlist-drawer__header-actions', list: '.wishlist-drawer__items', row: '.wishlist-drawer__item', title: '.wishlist-drawer__item-title', share: '.wishlist-drawer__share-btn', panel: '.wishlist-drawer__inner', }, ]; var BULK_SURFACES = [ { id: 'page', list: '.wishlist-page-list', row: '.wishlist-page-row', productCell: '.wishlist-page-cell--product', footerActions: '.wishlist-page-footer-actions', addAllBtn: '.wishlist-page-add-all-btn', }, { id: 'modal', list: '.wishlist-modal-list', row: '.wishlist-modal-row', productCell: '.wishlist-modal-cell--product', footerActions: '.wishlist-modal-footer-actions', addAllBtn: '.wishlist-modal-add-all-btn', }, ]; var selectedKeys = {}; function injectStyles() { [ 'mw-wishlist-search-css-v1', 'mw-wishlist-search-css-v2', 'mw-wishlist-search-css-v3', 'mw-wishlist-search-css-v4', 'mw-wishlist-search-css-v5', 'mw-wishlist-search-css-v6', 'mw-wishlist-search-css-v7', STYLE_ID, ].forEach(function (id) { var old = document.getElementById(id); if (old && old.parentNode) old.parentNode.removeChild(old); }); if (document.getElementById(STYLE_ID)) return; var style = document.createElement('style'); style.id = STYLE_ID; style.textContent = [ '.' + WRAP_CLASS + '{', ' position:relative;display:flex;align-items:center;', ' flex:0 0 auto;width:220px;max-width:220px;min-width:220px;', '}', '.' + INPUT_CLASS + '{', ' box-sizing:border-box;width:100%;min-width:0;', ' height:34px;padding:0 10px 0 32px;margin:0;', ' border:1px solid ' + CONFIG.inputBorder + '!important;border-radius:6px;', ' background:' + CONFIG.inputBackground + '!important;color:' + CONFIG.inputColor + ';', ' font-family:' + CONFIG.fontFamily + ';', ' font-size:13px;font-weight:400;font-style:normal;line-height:normal;', ' letter-spacing:normal;text-transform:none;', ' text-shadow:none!important;-webkit-text-stroke:0!important;', ' -webkit-text-fill-color:' + CONFIG.inputColor + ';', ' -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;', ' outline:none!important;box-shadow:none!important;', ' appearance:none;-webkit-appearance:none;', ' transition:background .15s,border-color .15s;', '}', '.' + INPUT_CLASS + '::placeholder,', '.' + INPUT_CLASS + '::-webkit-input-placeholder,', '.' + INPUT_CLASS + '::-moz-placeholder,', '.' + INPUT_CLASS + ':-ms-input-placeholder{', ' color:transparent!important;opacity:0!important;', ' text-shadow:none!important;-webkit-text-stroke:0!important;', '}', '.' + INPUT_CLASS + ':hover{background:' + CONFIG.inputBackground + '!important;border-color:#bdbdbd!important;}', '.' + INPUT_CLASS + ':focus{background:' + CONFIG.inputBackground + '!important;border-color:#999!important;}', '.' + WRAP_CLASS + '__icon{', ' position:absolute;left:10px;top:50%;transform:translateY(-50%);', ' width:14px;height:14px;color:#888;pointer-events:none;z-index:1;', '}', '.' + LABEL_CLASS + '{', ' position:absolute;left:32px;right:10px;top:0;height:34px;', ' display:flex;align-items:center;', ' color:' + CONFIG.placeholderColor + ';', ' font-family:' + CONFIG.fontFamily + ';', ' font-size:13px;font-weight:400;font-style:normal;line-height:1.2;', ' letter-spacing:normal;text-transform:none;', ' text-shadow:none!important;-webkit-text-stroke:0!important;', ' -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;', ' pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;', ' z-index:1;', '}', '.' + WRAP_CLASS + '.has-text .' + LABEL_CLASS + '{display:none;}', /* Mobile layout uses #magic-wishlist-page-root .wishlist-page-row{display:flex!important} which outranks a bare .hidden class — filter must win on mobile. */ '.' + HIDDEN_ROW_CLASS + ',', '#magic-wishlist-page-root .wishlist-page-row.' + HIDDEN_ROW_CLASS + ',', '.wishlist-modal-row.' + HIDDEN_ROW_CLASS + ',', '.wishlist-drawer__item.' + HIDDEN_ROW_CLASS + '{', ' display:none!important;', '}', '.' + NO_RESULTS_CLASS + '{', ' display:none;padding:28px 16px;text-align:center;', ' font-size:14px;color:#666;line-height:1.5;', '}', '.' + NO_RESULTS_CLASS + '.is-visible{display:block;}', '@media (max-width:749px){', ' .' + WRAP_CLASS + '{width:160px;max-width:160px;min-width:160px;}', ' .' + INPUT_CLASS + ',.' + LABEL_CLASS + '{height:32px;font-size:12px;}', ' .wishlist-drawer__header-actions .' + WRAP_CLASS + '{width:140px;max-width:140px;min-width:140px;}', '}', ].join('\n'); document.head.appendChild(style); } function injectTrashStyles() { if (!CONFIG.trashOnly) return; if (document.getElementById(TRASH_STYLE_ID)) return; var style = document.createElement('style'); style.id = TRASH_STYLE_ID; style.textContent = [ '.mw-wishlist-trash-only .wishlist-modal-more-btn{display:none!important;}', '.mw-wishlist-trash-only .wishlist-modal-more-popover,', '.mw-wishlist-trash-only .wishlist-modal-more-popover[hidden]{', ' display:block!important;position:static!important;visibility:visible!important;', ' opacity:1!important;transform:none!important;animation:none!important;', ' border:none!important;box-shadow:none!important;min-width:0!important;', ' background:transparent!important;overflow:visible!important;', '}', '.mw-wishlist-trash-only .wishlist-modal-more-remove{', ' display:inline-flex!important;align-items:center!important;justify-content:center!important;', ' width:30px!important;height:30px!important;min-width:30px!important;', ' padding:0!important;gap:0!important;font-size:0!important;line-height:0!important;', ' color:' + CONFIG.trashIconColor + '!important;border-radius:6px!important;', '}', '.mw-wishlist-trash-only .wishlist-modal-more-remove:hover{', ' color:' + CONFIG.trashIconHoverColor + '!important;background:#f3f3f3!important;', '}', '.mw-wishlist-trash-only .wishlist-modal-more-remove svg{', ' width:15px!important;height:15px!important;', '}', ].join('\n'); document.head.appendChild(style); } function injectBulkStyles() { if (!CONFIG.bulkSelect) return; if (document.getElementById(BULK_STYLE_ID)) return; var style = document.createElement('style'); style.id = BULK_STYLE_ID; style.textContent = [ '.mw-bulk-checkbox-wrap{', ' display:inline-flex;align-items:center;justify-content:center;', ' flex-shrink:0;width:18px;height:18px;margin-right:4px;cursor:pointer;', '}', '.mw-bulk-checkbox{', ' width:17px;height:17px;margin:0;cursor:pointer;', ' accent-color:' + CONFIG.bulkAccentColor + ';', '}', '.mw-bulk-row-selected{background:#f7f7f7;}', '.mw-bulk-toolbar{', ' display:flex;align-items:center;flex-wrap:wrap;', ' gap:14px;justify-content:flex-end;width:100%;', '}', '.mw-bulk-select-all-label{', ' display:inline-flex;align-items:center;gap:8px;', ' padding:0 2px;', ' font-size:13px;font-weight:500;color:#333;cursor:pointer;', ' font-family:inherit;white-space:nowrap;user-select:none;', '}', '.mw-bulk-select-all-label input{', ' width:17px;height:17px;margin:0;cursor:pointer;', ' accent-color:' + CONFIG.bulkAccentColor + ';', '}', '.mw-bulk-delete-btn{', ' display:inline-flex;align-items:center;gap:7px;', ' height:38px;padding:0 16px;margin:0;', ' background:transparent;color:' + CONFIG.bulkAccentColor + ';', ' border:1px solid #d8d8d8;border-radius:4px;', ' font-size:12px;font-weight:600;letter-spacing:0.4px;text-transform:uppercase;', ' font-family:inherit;cursor:pointer;white-space:nowrap;', ' transition:background .15s,border-color .15s;', '}', '.mw-bulk-delete-btn:hover:not(:disabled){background:#f2f2f2;border-color:#bbb;}', '.mw-bulk-delete-btn:disabled{opacity:0.4;cursor:not-allowed;}', '.mw-bulk-delete-btn svg{width:14px;height:14px;flex-shrink:0;}', '@media (max-width:749px){', ' .mw-bulk-toolbar{justify-content:flex-start;gap:10px;}', '}', ].join('\n'); document.head.appendChild(style); } function injectLayoutFixStyles() { if (document.getElementById(LAYOUT_FIX_STYLE_ID)) return; var style = document.createElement('style'); style.id = LAYOUT_FIX_STYLE_ID; style.textContent = [ '.wishlist-modal-oos-overlay{display:none!important;}', '.wishlist-page-row--oos,.wishlist-modal-row--oos{opacity:1!important;}', '.wishlist-page-row--oos .wishlist-page-row-image,', '.wishlist-page-row--oos .wishlist-page-row-image img,', '.wishlist-page-row-image--oos img,', '.wishlist-modal-row-image--oos img,', '.wishlist-drawer__item-image-wrap--oos img{', ' opacity:1!important;filter:none!important;', '}', '#magic-wishlist-page-root .wishlist-page-row-image img{', ' object-fit:contain!important;margin:0!important;', '}', '.magic-sfl-modal__image{', ' min-height:0!important;height:auto!important;', ' display:flex!important;align-items:center!important;justify-content:center!important;', '}', '.magic-sfl-modal__image img{', ' position:static!important;inset:auto!important;', ' width:100%!important;height:auto!important;', ' max-width:100%!important;max-height:none!important;', ' object-fit:contain!important;object-position:center!important;', ' box-sizing:border-box!important;', '}', '@media (min-width:521px){', ' .magic-sfl-modal__card{width:500px!important;max-width:100%!important;}', ' .magic-sfl-modal__image img{padding:0 6px!important;}', '}', '@media (max-width:520px){', ' .magic-sfl-modal__card{max-height:100%!important;overflow-y:auto!important;}', ' .magic-sfl-modal__image{padding:10px 0!important;box-sizing:border-box!important;}', ' .magic-sfl-modal__image img{width:auto!important;max-height:min(32vh,240px)!important;}', '}', '#magic-wishlist-page-root .wishlist-page-row-title,', '#magic-wishlist-page-root a.wishlist-page-row-title{', ' -webkit-line-clamp:3!important;line-clamp:3!important;', ' width:100%!important;max-width:100%!important;', '}', '@media (max-width:700px){', ' #magic-wishlist-page-root .wishlist-page-row-title,', ' #magic-wishlist-page-root a.wishlist-page-row-title{', ' font-size:0.95rem!important;line-height:1.35!important;', ' display:block!important;-webkit-box-orient:unset!important;', ' -webkit-line-clamp:unset!important;line-clamp:unset!important;', ' overflow:visible!important;white-space:normal!important;', ' width:100%!important;max-width:100%!important;', ' }', ' #magic-wishlist-page-root .wishlist-page-header{flex-wrap:wrap!important;}', ' #magic-wishlist-page-root .wishlist-page-tabs-slot{', ' position:static!important;left:auto!important;top:auto!important;', ' transform:none!important;width:100%!important;order:3!important;padding-top:10px!important;', ' }', ' #magic-wishlist-page-root .wishlist-page-row{', ' display:flex!important;flex-wrap:wrap!important;position:relative!important;', ' grid-template-columns:none!important;', ' row-gap:10px!important;column-gap:0!important;', ' }', ' #magic-wishlist-page-root .wishlist-page-cell--product{', ' display:flex!important;flex:1 1 100%!important;order:1!important;', ' align-items:flex-start!important;gap:12px!important;min-width:0!important;', ' flex-wrap:nowrap!important;box-sizing:border-box!important;', ' padding-right:46px!important;', ' }', ' #magic-wishlist-page-root .wishlist-page-cell--del{', ' position:absolute!important;top:14px!important;right:14px!important;', ' margin:0!important;', ' }', ' #magic-wishlist-page-root .wishlist-page-cell--qty{', ' order:2!important;flex:0 0 auto!important;display:flex!important;', ' }', ' #magic-wishlist-page-root .wishlist-page-cell--atc{', ' order:3!important;margin-left:auto!important;', ' }', ' #magic-wishlist-page-root .wishlist-page-cell--status,', ' #magic-wishlist-page-root .wishlist-page-cell--price,', ' #magic-wishlist-page-root .wishlist-page-cell--total{', ' display:none!important;', ' }', ' #magic-wishlist-page-root .wishlist-page-row-image{', ' flex-shrink:0!important;width:64px!important;height:64px!important;', ' min-width:64px!important;min-height:64px!important;', ' }', ' #magic-wishlist-page-root .wishlist-page-row-info{', ' flex:1 1 0%!important;min-width:0!important;max-width:100%!important;', ' width:0!important;', ' }', ' #magic-wishlist-page-root .wishlist-page-row .wishlist-modal-stock-mobile{', ' display:flex!important;align-items:center!important;flex-wrap:wrap!important;', ' gap:8px!important;margin-top:6px!important;', ' }', ' #magic-wishlist-page-root .wishlist-modal-stock-mobile .wishlist-modal-stock--low,', ' #magic-wishlist-page-root .wishlist-modal-stock-mobile .wishlist-modal-stock--out{', ' display:none!important;', ' }', ' #magic-wishlist-page-root .wishlist-page-row .wishlist-modal-mobile-price{', ' white-space:nowrap!important;', ' }', '}', ].join('\n'); document.body.appendChild(style); } function debounce(fn, ms) { var timer; return function () { var ctx = this; var args = arguments; clearTimeout(timer); timer = setTimeout(function () { fn.apply(ctx, args); }, ms); }; } function getPlaceholder() { var lang = window.wishlistLanguage || {}; var text = lang.searchWishlist || lang.searchProducts || 'Search products...'; return String(text).trim() || 'Search products...'; } function getPanel(actionsEl, surface) { if (!actionsEl) return null; return actionsEl.closest(surface.panel) || actionsEl.closest('.wishlist-page, .wishlist-modal-content, .wishlist-drawer__inner'); } function syncLabel(wrap, input) { if (!wrap || !input) return; wrap.classList.toggle('has-text', !!String(input.value || '').trim()); } function ensurePlaceholderLabel(wrap) { var input = wrap.querySelector('.' + INPUT_CLASS); if (!input) return input; var text = getPlaceholder(); input.setAttribute('placeholder', ''); input.setAttribute('aria-label', text); input.setAttribute('aria-placeholder', text); var label = wrap.querySelector('.' + LABEL_CLASS); if (!label) { label = document.createElement('span'); label.className = LABEL_CLASS; label.setAttribute('aria-hidden', 'true'); wrap.appendChild(label); } label.textContent = text; syncLabel(wrap, input); return input; } function rowSearchText(row, surface) { var parts = []; var titleEl = row.querySelector(surface.title); if (titleEl) parts.push(titleEl.textContent || ''); var handle = row.getAttribute('data-handle'); if (handle) parts.push(handle.replace(/-/g, ' ')); row.querySelectorAll('[class*="row-variant"], .wishlist-drawer__item-variant').forEach(function (el) { parts.push(el.textContent || ''); }); return parts.join(' ').replace(/\s+/g, ' ').trim().toLowerCase(); } function getNoResultsEl(panel, surface) { var list = panel.querySelector(surface.list); if (!list) return null; var existing = panel.querySelector('.' + NO_RESULTS_CLASS + '[data-surface="' + surface.id + '"]'); if (existing) return existing; var el = document.createElement('p'); el.className = NO_RESULTS_CLASS; el.setAttribute('data-surface', surface.id); el.textContent = 'No products match your search.'; if (list.parentNode) { list.parentNode.insertBefore(el, list.nextSibling); } return el; } function applyFilter(panel, surface, query) { if (!panel) return; var list = panel.querySelector(surface.list); if (!list) return; var q = (query || '').trim().toLowerCase(); var rows = list.querySelectorAll(surface.row); var visible = 0; rows.forEach(function (row) { var match = !q || rowSearchText(row, surface).indexOf(q) !== -1; row.classList.toggle(HIDDEN_ROW_CLASS, !match); if (match) visible += 1; }); var noResults = getNoResultsEl(panel, surface); if (noResults) { noResults.classList.toggle('is-visible', !!(q && rows.length && !visible)); } } function updateSearchVisibility(wrap, panel, surface) { if (!wrap || !panel) return; var list = panel.querySelector(surface.list); var count = list ? list.querySelectorAll(surface.row).length : 0; wrap.hidden = count === 0; } function wireSearchInput(wrap, input, panel, surface) { if (!input) return; wrap.__mwSearchPanel = panel; wrap.__mwSearchSurface = surface; if (input.getAttribute('data-mw-search-wired') === '1') return; input.setAttribute('data-mw-search-wired', '1'); var runFilter = debounce(function () { syncLabel(wrap, input); applyFilter(wrap.__mwSearchPanel, wrap.__mwSearchSurface, input.value); }, 80); input.addEventListener('input', runFilter); input.addEventListener('keyup', runFilter); input.addEventListener('change', runFilter); input.addEventListener('search', runFilter); input.addEventListener('keydown', function (e) { if (e.key === 'Escape') { input.value = ''; syncLabel(wrap, input); applyFilter(wrap.__mwSearchPanel, wrap.__mwSearchSurface, ''); input.blur(); } }); syncLabel(wrap, input); } function observeList(panel, surface) { if (!panel || panel.__mwSearchListObserver) return; var list = panel.querySelector(surface.list); if (!list || typeof MutationObserver !== 'function') return; panel.__mwSearchListObserver = new MutationObserver(function () { if (applyingDom) return; var activeWrap = panel.querySelector('.' + WRAP_CLASS + '[data-surface="' + surface.id + '"]'); var activeInput = activeWrap && activeWrap.querySelector('.' + INPUT_CLASS); updateSearchVisibility(activeWrap, panel, surface); applyFilter(panel, surface, activeInput ? activeInput.value : ''); if (CONFIG.bulkSelect) { BULK_SURFACES.forEach(function (bulkSurface) { if (bulkSurface.id === surface.id) mountBulkSelect(bulkSurface); }); } }); panel.__mwSearchListObserver.observe(list, { childList: true, subtree: false }); } function mountSearch(actionsEl, surface) { if (!actionsEl) return; var panel = getPanel(actionsEl, surface); if (!panel) return; var wrap = actionsEl.querySelector('.' + WRAP_CLASS); if (!wrap) { wrap = document.createElement('div'); wrap.className = WRAP_CLASS; wrap.setAttribute('data-surface', surface.id); var icon = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); icon.setAttribute('class', WRAP_CLASS + '__icon'); icon.setAttribute('xmlns', 'http://www.w3.org/2000/svg'); icon.setAttribute('viewBox', '0 0 24 24'); icon.setAttribute('fill', 'none'); icon.setAttribute('stroke', 'currentColor'); icon.setAttribute('stroke-width', '2'); icon.setAttribute('stroke-linecap', 'round'); icon.setAttribute('stroke-linejoin', 'round'); icon.setAttribute('aria-hidden', 'true'); icon.innerHTML = ''; var input = document.createElement('input'); input.type = 'text'; input.className = INPUT_CLASS; input.autocomplete = 'off'; input.spellcheck = false; wrap.appendChild(icon); wrap.appendChild(input); var shareBtn = surface.share ? actionsEl.querySelector(surface.share) : null; if (shareBtn) { actionsEl.insertBefore(wrap, shareBtn); } else { actionsEl.appendChild(wrap); } } var input = ensurePlaceholderLabel(wrap); wireSearchInput(wrap, input, panel, surface); observeList(panel, surface); updateSearchVisibility(wrap, panel, surface); applyFilter(panel, surface, input ? input.value : ''); } function applyTrashOnly() { if (!CONFIG.trashOnly) return; document.documentElement.classList.add('mw-wishlist-trash-only'); var lang = window.wishlistLanguage || {}; var removeLabel = lang.remove || 'Remove'; document.querySelectorAll('.wishlist-modal-more-wrap').forEach(function (wrap) { var pop = wrap.querySelector('.wishlist-modal-more-popover'); var removeBtn = wrap.querySelector('.wishlist-modal-more-remove'); var moreBtn = wrap.querySelector('.wishlist-modal-more-btn'); if (pop) pop.removeAttribute('hidden'); if (removeBtn) { removeBtn.setAttribute('aria-label', removeLabel); removeBtn.setAttribute('title', removeLabel); } if (moreBtn) { moreBtn.setAttribute('aria-hidden', 'true'); moreBtn.tabIndex = -1; } }); } function rowKey(row) { var handle = row.getAttribute('data-handle') || ''; var variantId = row.getAttribute('data-variant-id') || ''; return handle + '::' + variantId; } function getSelectedSet(surfaceId) { if (!selectedKeys[surfaceId]) selectedKeys[surfaceId] = {}; return selectedKeys[surfaceId]; } function trashIconSvg() { return ''; } function ensureRowCheckbox(row, surface) { var cell = row.querySelector(surface.productCell); if (!cell) return; var wrap = cell.querySelector('.mw-bulk-checkbox-wrap'); var checkbox; var isSelected = !!getSelectedSet(surface.id)[rowKey(row)]; if (!wrap) { wrap = document.createElement('label'); wrap.className = 'mw-bulk-checkbox-wrap'; checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.className = 'mw-bulk-checkbox'; checkbox.checked = isSelected; wrap.appendChild(checkbox); cell.insertBefore(wrap, cell.firstChild); checkbox.addEventListener('change', function () { var set = getSelectedSet(surface.id); var key = rowKey(row); if (checkbox.checked) set[key] = true; else delete set[key]; if (checkbox.checked) row.classList.add('mw-bulk-row-selected'); else row.classList.remove('mw-bulk-row-selected'); updateBulkToolbarState(surface); }); } else { checkbox = wrap.querySelector('.mw-bulk-checkbox'); if (checkbox && checkbox.checked !== isSelected) { checkbox.checked = isSelected; } } row.classList.toggle('mw-bulk-row-selected', isSelected); } function getVisibleRows(list, surface) { if (!list) return []; var rows = Array.prototype.slice.call(list.querySelectorAll(surface.row)); return rows.filter(function (row) { return !row.classList.contains(HIDDEN_ROW_CLASS); }); } function ensureAddAllInToolbar(footerActionsEl, surface) { if (!footerActionsEl || !surface) return; var toolbar = footerActionsEl.querySelector('.mw-bulk-toolbar'); if (!toolbar) return; var addAllBtn = footerActionsEl.querySelector(surface.addAllBtn); if (addAllBtn && addAllBtn.parentNode !== toolbar) { toolbar.appendChild(addAllBtn); } } function buildBulkToolbar(footerActionsEl, surface) { if (!footerActionsEl) return; if (footerActionsEl.querySelector('.mw-bulk-toolbar')) { ensureAddAllInToolbar(footerActionsEl, surface); return; } var addAllBtn = footerActionsEl.querySelector(surface.addAllBtn); var toolbar = document.createElement('div'); toolbar.className = 'mw-bulk-toolbar'; var selectAllLabel = document.createElement('label'); selectAllLabel.className = 'mw-bulk-select-all-label'; var selectAllInput = document.createElement('input'); selectAllInput.type = 'checkbox'; selectAllInput.className = 'mw-bulk-select-all'; var selectAllText = document.createElement('span'); selectAllText.textContent = CONFIG.bulkSelectAllLabel; selectAllLabel.appendChild(selectAllInput); selectAllLabel.appendChild(selectAllText); var deleteBtn = document.createElement('button'); deleteBtn.type = 'button'; deleteBtn.className = 'mw-bulk-delete-btn'; deleteBtn.disabled = true; deleteBtn.innerHTML = trashIconSvg() + '' + CONFIG.bulkDeleteLabel + ''; selectAllInput.addEventListener('change', function () { var list = document.querySelector(surface.list); var rows = getVisibleRows(list, surface); var set = getSelectedSet(surface.id); rows.forEach(function (row) { var key = rowKey(row); if (selectAllInput.checked) { set[key] = true; } else { delete set[key]; } }); rows.forEach(function (row) { ensureRowCheckbox(row, surface); }); updateBulkToolbarState(surface); }); deleteBtn.addEventListener('click', function () { var set = getSelectedSet(surface.id); var keys = Object.keys(set); if (!keys.length) return; var textSpan = deleteBtn.querySelector('.mw-bulk-delete-btn-text'); var originalText = textSpan ? textSpan.textContent : ''; deleteBtn.disabled = true; if (textSpan) textSpan.textContent = 'Removing...'; var pending = keys.map(function (key) { var parts = key.split('::'); return { handle: parts[0], variantId: parts[1] || null }; }); (function next(i) { if (i >= pending.length) { selectedKeys[surface.id] = {}; if (textSpan) textSpan.textContent = originalText; updateBulkToolbarState(surface); return; } var item = pending[i]; var result = window.wishlistPage && window.wishlistPage.removeItem ? window.wishlistPage.removeItem(item.handle, item.variantId || null) : Promise.resolve(); Promise.resolve(result).then(function () { next(i + 1); }, function () { next(i + 1); }); })(0); }); toolbar.appendChild(selectAllLabel); toolbar.appendChild(deleteBtn); if (addAllBtn) toolbar.appendChild(addAllBtn); footerActionsEl.appendChild(toolbar); } function updateBulkToolbarState(surface) { var footerActionsEl = document.querySelector(surface.footerActions); if (!footerActionsEl) return; var toolbar = footerActionsEl.querySelector('.mw-bulk-toolbar'); if (!toolbar) return; var selectAllInput = toolbar.querySelector('.mw-bulk-select-all'); var deleteBtn = toolbar.querySelector('.mw-bulk-delete-btn'); var list = document.querySelector(surface.list); var rows = getVisibleRows(list, surface); var set = getSelectedSet(surface.id); var selectedCount = rows.filter(function (row) { return !!set[rowKey(row)]; }).length; if (selectAllInput) { var shouldCheck = rows.length > 0 && selectedCount === rows.length; var shouldIndeterminate = selectedCount > 0 && selectedCount < rows.length; if (selectAllInput.checked !== shouldCheck) selectAllInput.checked = shouldCheck; if (selectAllInput.indeterminate !== shouldIndeterminate) { selectAllInput.indeterminate = shouldIndeterminate; } } if (deleteBtn) { deleteBtn.disabled = selectedCount === 0; } } function mountBulkSelect(surface) { var list = document.querySelector(surface.list); if (!list) return; var wasApplying = applyingDom; applyingDom = true; try { var rows = list.querySelectorAll(surface.row); rows.forEach(function (row) { ensureRowCheckbox(row, surface); }); var footerActionsEl = document.querySelector(surface.footerActions); if (footerActionsEl) buildBulkToolbar(footerActionsEl, surface); updateBulkToolbarState(surface); } finally { applyingDom = wasApplying; } } function applyBulkSelect() { if (!CONFIG.bulkSelect) return; BULK_SURFACES.forEach(function (surface) { mountBulkSelect(surface); }); } function patchWishlistRenderHook() { var page = window.wishlistPage; if (!page || page.__mwBulkRenderHooked) return; var original = page.renderItems; if (typeof original !== 'function') return; page.renderItems = function () { var result = original.apply(this, arguments); applyingDom = true; try { applyTrashOnly(); applyBulkSelect(); patchAddAllNoCartRedirect(); applyOrderTypeLabels(); scheduleOrderTypes(); SURFACES.forEach(function (surface) { var list = document.querySelector(surface.list); if (!list) return; var panel = list.closest(surface.panel) || list.closest('.wishlist-page, .wishlist-modal-content, .wishlist-drawer__inner'); if (!panel) return; var activeWrap = panel.querySelector('.' + WRAP_CLASS + '[data-surface="' + surface.id + '"]'); var activeInput = activeWrap && activeWrap.querySelector('.' + INPUT_CLASS); if (activeWrap) { updateSearchVisibility(activeWrap, panel, surface); applyFilter(panel, surface, activeInput ? activeInput.value : ''); } }); } finally { applyingDom = false; } return result; }; page.__mwBulkRenderHooked = true; } function restoreAddAllButton(btn) { if (!btn) return; btn.disabled = false; var spinner = btn.querySelector( '.wishlist-page-add-all-spinner, .wishlist-modal-add-all-spinner, .wishlist-drawer__checkout-spinner' ); var text = btn.querySelector( '.wishlist-page-add-all-text, .wishlist-modal-add-all-text, .wishlist-drawer__checkout-text' ); if (spinner) spinner.classList.add('hidden'); if (text) { text.classList.remove('hidden'); var lang = window.wishlistLanguage || {}; if (lang.addAllToCart) text.textContent = lang.addAllToCart; } } function normalizeVariantIdForCart(variantId) { if (variantId == null || variantId === '') return null; if (typeof variantId === 'number' && isFinite(variantId)) return variantId; var digits = String(variantId).replace(/\D/g, ''); if (!digits) return null; var n = parseInt(digits, 10); return isFinite(n) ? n : null; } function checkoutLabelFromKey(key) { if (key === 'preorder') return 'PRE-ORDER'; if (key === 'arrivingsoon') return 'ARRIVING SOON'; if (key === 'specialorder') return 'SPECIAL ORDER'; var def = key && CONFIG.orderTypeLabels[key]; return def && def.label ? String(def.label).toUpperCase() : ''; } function orderTypePropertyLabel(handle) { if (!handle || !CONFIG.orderTypeBadges) return ''; // A fetched handle is authoritative, including a blank metafield. // Do not fall back to a badge that may still say Pre-order. if (Object.prototype.hasOwnProperty.call(orderTypes, handle)) { return checkoutLabelFromKey(orderTypes[handle]); } var safe = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(handle) : String(handle).replace(/\\/g, '\\\\').replace(/"/g, '\\"'); var row = document.querySelector( '.wishlist-page-row[data-handle="' + safe + '"],' + '.wishlist-modal-row[data-handle="' + safe + '"],' + '.wishlist-drawer__item[data-handle="' + safe + '"]' ); var badge = row && row.querySelector('[data-mw-order-type]'); return checkoutLabelFromKey(badge ? badge.getAttribute('data-mw-order-type') || '' : ''); } function findHandleForVariantId(variantId) { var want = normalizeVariantIdForCart(variantId); if (want == null) return ''; var rows = document.querySelectorAll( '.wishlist-page-row[data-handle], .wishlist-modal-row[data-handle], .wishlist-drawer__item[data-handle]' ); for (var i = 0; i < rows.length; i++) { var row = rows[i]; var vid = normalizeVariantIdForCart(row.getAttribute('data-variant-id')); if (vid === want) return row.getAttribute('data-handle') || ''; } var page = window.wishlistPage; if (page) { var lists = []; if (Array.isArray(page.wishlistItems)) lists.push(page.wishlistItems); if (Array.isArray(page.sflItems)) lists.push(page.sflItems); for (var l = 0; l < lists.length; l++) { for (var j = 0; j < lists[l].length; j++) { var item = lists[l][j]; if (normalizeVariantIdForCart(item.variantId) === want) { return item.productHandle || item.handle || ''; } } } } return ''; } function normalizeOrderTypeCheckoutLabel(value) { var key = normalizeOrderType(value); if (key === 'preorder') return 'PRE-ORDER'; if (key === 'arrivingsoon') return 'ARRIVING SOON'; if (key === 'specialorder') return 'SPECIAL ORDER'; return ''; } function clonePlainObject(obj) { var next = {}; if (!obj || typeof obj !== 'object') return next; for (var k in obj) { if (Object.prototype.hasOwnProperty.call(obj, k)) next[k] = obj[k]; } return next; } function lineOrderTypeRaw(props) { if (!props) return ''; return props['ORDER TYPE'] || props['Order type'] || props['order type'] || ''; } function propertiesMatchOrderType(props, label) { var raw = lineOrderTypeRaw(props); var legacy = props && (props['Order type'] || props['order type']); if (label) return raw === label && !legacy; return !raw && !legacy; } function assignOrderTypeProperties(props, label) { var next = clonePlainObject(props); delete next['ORDER TYPE']; delete next['Order type']; delete next['order type']; if (label) next['ORDER TYPE'] = label; return next; } function withOrderTypeProperties(cartItem, handle) { if (!cartItem || typeof cartItem !== 'object') return cartItem; var resolvedHandle = handle || findHandleForVariantId(cartItem.id); if (!resolvedHandle || !Object.prototype.hasOwnProperty.call(orderTypes, resolvedHandle)) { return cartItem; } var label = orderTypePropertyLabel(resolvedHandle); if (propertiesMatchOrderType(cartItem.properties, label)) return cartItem; var next = clonePlainObject(cartItem); next.properties = assignOrderTypeProperties(cartItem.properties, label); return next; } function collectAddAllItems(page) { var items = []; if (!page || typeof page._visibleItems !== 'function') return items; var visible = page._visibleItems(); for (var i = 0; i < visible.length; i++) { var item = visible[i]; var qty = typeof page.getItemQty === 'function' ? page.getItemQty(item) : 1; var stock = item.stockStatus || null; var isAvailable; if (typeof item.liveAvailable === 'boolean') isAvailable = item.liveAvailable; else if (stock) isAvailable = !!stock.inStock; else if (item.available === false) isAvailable = false; else isAvailable = true; var vid = normalizeVariantIdForCart(item.variantId); if (vid != null && isAvailable) { items.push( withOrderTypeProperties( { id: vid, quantity: qty || 1 }, item.productHandle || item.handle || '' ) ); } } return items; } function upgradeOrderTypePropertyInputs(root) { var scope = root && root.querySelectorAll ? root : document; var inputs = scope.querySelectorAll( 'input[data-peak-order-type-property],' + 'input[name="properties[ORDER TYPE]"],' + 'input[name="properties[Order type]"],' + 'input[name="properties[order type]"]' ); for (var i = 0; i < inputs.length; i++) { var input = inputs[i]; var label = normalizeOrderTypeCheckoutLabel(input.value) || (input.value ? String(input.value).toUpperCase() : ''); if (!label) continue; input.setAttribute('name', 'properties[ORDER TYPE]'); input.name = 'properties[ORDER TYPE]'; input.value = label; input.setAttribute('data-peak-order-type-property', ''); } } function setFormDataOrderType(fd, label) { if (!fd || typeof fd.delete !== 'function' || typeof fd.set !== 'function') return; fd.delete('properties[Order type]'); fd.delete('properties[order type]'); fd.delete('properties[ORDER TYPE]'); if (label) fd.set('properties[ORDER TYPE]', label); } function handleFromVariantInput(variantId) { var want = String(variantId || ''); if (!want) return ''; var inputs = document.querySelectorAll('form[action*="/cart/add"] input[name="id"], input.product-variant-id'); for (var i = 0; i < inputs.length; i++) { if (String(inputs[i].value) !== want) continue; var root = inputs[i].closest('[data-product-handle]'); if (root) return root.getAttribute('data-product-handle') || ''; } var pageRoot = document.querySelector('[data-product-handle]'); return pageRoot ? pageRoot.getAttribute('data-product-handle') || '' : ''; } function handlesFromAddBody(body) { var handles = []; function push(handle, variantId) { var resolved = handle || findHandleForVariantId(variantId) || handleFromVariantInput(variantId); if (resolved) handles.push(resolved); } if (body && Array.isArray(body.items)) { body.items.forEach(function (item) { push('', item && item.id); }); } else if (body && body.id != null) { push('', body.id); } return handles; } function applyOrderTypeToAddBody(body) { var changed = false; if (body && Array.isArray(body.items)) { var enrichedItems = body.items.map(function (cartItem) { var handle = findHandleForVariantId(cartItem && cartItem.id) || handleFromVariantInput(cartItem && cartItem.id); var nextItem = withOrderTypeProperties(cartItem, handle); if (nextItem !== cartItem) changed = true; return nextItem; }); if (changed) body.items = enrichedItems; } else if (body && body.id != null) { var handle = findHandleForVariantId(body.id) || handleFromVariantInput(body.id); var enrichedBody = withOrderTypeProperties(body, handle); if (enrichedBody !== body) return { body: enrichedBody, changed: true }; } return { body: body, changed: changed }; } var cartOrderTypeSync = null; function fetchFreshOrderTypes(handles) { var seen = {}; var unique = []; (handles || []).forEach(function (handle) { if (!handle || seen[handle]) return; seen[handle] = true; unique.push(handle); }); if (!unique.length) return Promise.resolve({}); var batches = []; for (var i = 0; i < unique.length; i += ORDER_TYPE_BATCH) { batches.push(fetchOrderTypeBatch(unique.slice(i, i + ORDER_TYPE_BATCH))); } return Promise.all(batches).then(function (maps) { var fresh = {}; var failed = false; maps.forEach(function (map) { if (!map) { failed = true; return; } Object.keys(map).forEach(function (handle) { fresh[handle] = map[handle]; }); }); if (!failed) applyOrderTypeLabels(); return failed ? null : fresh; }); } function syncCartOrderTypeProperties() { if (cartOrderTypeSync) return cartOrderTypeSync; var originalFetch = window.__mwOrderTypeCartFetchOriginal || window.fetch; cartOrderTypeSync = originalFetch.call(window, '/cart.js', { credentials: 'same-origin' }) .then(function (response) { return response.json(); }) .then(function (cart) { var items = cart && Array.isArray(cart.items) ? cart.items : []; return fetchFreshOrderTypes(items.map(function (item) { return item.handle; })).then(function (fresh) { if (!fresh) return; var pending = Promise.resolve(); items.forEach(function (item) { if (!item || !item.handle || !Object.prototype.hasOwnProperty.call(fresh, item.handle)) return; var label = checkoutLabelFromKey(fresh[item.handle]); if (propertiesMatchOrderType(item.properties, label)) return; var properties = assignOrderTypeProperties(item.properties, label); if (!label) properties['ORDER TYPE'] = ''; pending = pending.then(function () { return originalFetch.call(window, '/cart/change.js', { method: 'POST', credentials: 'same-origin', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ id: item.key, quantity: item.quantity, properties: properties, }), }); }); }); return pending; }); }) .catch(function () {}) .then(function () { cartOrderTypeSync = null; }); return cartOrderTypeSync; } function patchCartAddOrderTypeProperties() { var PATCH_VER = 45; if (window.__mwOrderTypeCartFetch === PATCH_VER) return; // Prefer the native fetch saved by an earlier patch; otherwise current fetch. var originalFetch = (typeof window.__mwOrderTypeCartFetchOriginal === 'function' && window.__mwOrderTypeCartFetchOriginal) || window.fetch; if (typeof originalFetch !== 'function') return; // If a previous broken wrapper is still installed, step through to the // saved original so we don't keep a sections-stripping wrapper in the chain. window.fetch = originalFetch; window.__mwOrderTypeCartFetchOriginal = originalFetch; window.__mwOrderTypeCartFetch = PATCH_VER; window.fetch = function (input, init) { try { var url = typeof input === 'string' ? input : input && input.url; if (!url || !/\/cart\/add(\.js)?(\?|$)/.test(String(url))) { return originalFetch.apply(this, arguments); } // Read the live metafield before the add. A blank field removes ORDER TYPE // instead of keeping a value from an earlier preorder. if (init && typeof FormData !== 'undefined' && init.body instanceof FormData) { var formHandle = handleFromVariantInput(init.body.get('id')); return fetchFreshOrderTypes(formHandle ? [formHandle] : []).then(function (fresh) { if (fresh && formHandle && Object.prototype.hasOwnProperty.call(fresh, formHandle)) { setFormDataOrderType(init.body, checkoutLabelFromKey(fresh[formHandle])); } return originalFetch.call(this, input, init); }.bind(this)).catch(function () { return originalFetch.call(this, input, init); }.bind(this)); } if (init && typeof init.body === 'string') { var body = JSON.parse(init.body); return fetchFreshOrderTypes(handlesFromAddBody(body)).then(function (fresh) { if (!fresh) return originalFetch.call(this, input, init); var applied = applyOrderTypeToAddBody(body); if (!applied.changed) return originalFetch.call(this, input, init); var nextInit = clonePlainObject(init); nextInit.body = JSON.stringify(applied.body); return originalFetch.call(this, input, nextInit); }.bind(this)).catch(function () { return originalFetch.call(this, input, init); }.bind(this)); } } catch (e) { // Fall through to the original fetch on any parse/enrich error. } return originalFetch.apply(this, arguments); }; } function setAddAllLoading(button, loading) { if (!button) return; var spinner = button.querySelector( '.wishlist-page-add-all-spinner, .wishlist-modal-add-all-spinner, .wishlist-drawer__checkout-spinner' ); var text = button.querySelector( '.wishlist-page-add-all-text, .wishlist-modal-add-all-text, .wishlist-drawer__checkout-text' ); if (loading) { button.disabled = true; if (text) text.classList.add('hidden'); if (spinner) spinner.classList.remove('hidden'); } else { restoreAddAllButton(button); } } function findAddAllButton(page, methodName) { if (page && page.container) { if (methodName === 'addAllToCart') { var drawerBtn = page.container.querySelector('.wishlist-drawer__checkout-btn'); if (drawerBtn) return drawerBtn; } var prefix = page.listUiPrefix; if (prefix) { var scoped = page.container.querySelector('.' + prefix + '-add-all-btn'); if (scoped) return scoped; } } return ( document.querySelector('.wishlist-page-add-all-btn') || document.querySelector('.wishlist-modal-add-all-btn') || document.querySelector('.wishlist-drawer__checkout-btn') ); } async function runAddAllLikeSingleItem(page, button) { var items = collectAddAllItems(page); if (!items.length) return; setAddAllLoading(button, true); try { var response = await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ items: items }), }); if (!response.ok) { var errData = await response.json().catch(function () { return {}; }); throw new Error(errData.description || errData.message || 'Failed to add to cart'); } await response.json().catch(function () { return null; }); if (page && typeof page.refreshCartUI === 'function') { await page.refreshCartUI(); } setAddAllLoading(button, false); } catch (error) { console.error('[Magic Wishlist custom JS] Add all failed:', error); setAddAllLoading(button, false); var text = button && button.querySelector( '.wishlist-page-add-all-text, .wishlist-modal-add-all-text, .wishlist-drawer__checkout-text' ); if (text) { var original = text.textContent; text.textContent = 'Error'; text.classList.remove('hidden'); setTimeout(function () { var lang = window.wishlistLanguage || {}; text.textContent = lang.addAllToCart || original || 'Add all to cart'; if (button) button.disabled = false; }, 3000); } } } function wrapAddAllMethod(page, methodName) { var current = page[methodName]; if (typeof current !== 'function') return; if (current.__mwNoCartRedirect) return; var wrapped = function () { var button = findAddAllButton(page, methodName); return runAddAllLikeSingleItem(page, button); }; wrapped.__mwNoCartRedirect = true; page[methodName] = wrapped; } function patchAddAllNoCartRedirect() { if (!CONFIG.skipCartRedirectOnAddAll) return; var page = window.wishlistPage; if (!page) return; wrapAddAllMethod(page, 'addAllToCartModal'); wrapAddAllMethod(page, 'addAllToCart'); } var SFL_IMAGE_SELECTOR = '.magic-sfl-modal__image img'; var SFL_MOBILE_QUERY = '(max-width:520px)'; var SFL_MOBILE_IMAGE_MAX_HEIGHT = 240; var SFL_MOBILE_IMAGE_VIEWPORT_SHARE = 0.32; function isSflMobile() { if (typeof window.matchMedia === 'function') return window.matchMedia(SFL_MOBILE_QUERY).matches; return window.innerWidth <= 520; } function forceSflImageFit(img) { var mobile = isSflMobile(); var cap = Math.min(SFL_MOBILE_IMAGE_MAX_HEIGHT, Math.round(window.innerHeight * SFL_MOBILE_IMAGE_VIEWPORT_SHARE)); img.style.setProperty('object-fit', 'contain', 'important'); img.style.setProperty('object-position', 'center', 'important'); img.style.setProperty('position', 'static', 'important'); img.style.setProperty('inset', 'auto', 'important'); img.style.setProperty('width', mobile ? 'auto' : '100%', 'important'); img.style.setProperty('height', 'auto', 'important'); img.style.setProperty('max-width', '100%', 'important'); img.style.setProperty('max-height', mobile ? cap + 'px' : 'none', 'important'); img.style.setProperty('box-sizing', 'border-box', 'important'); img.style.setProperty('padding', mobile ? '0' : '0 6px', 'important'); var col = img.closest ? img.closest('.magic-sfl-modal__image') : img.parentElement; if (col) { col.style.setProperty('min-height', '0', 'important'); col.style.setProperty('height', 'auto', 'important'); col.style.setProperty('display', 'flex', 'important'); col.style.setProperty('align-items', 'center', 'important'); col.style.setProperty('justify-content', 'center', 'important'); col.style.setProperty('box-sizing', 'border-box', 'important'); col.style.setProperty('padding', mobile ? '10px 0' : '0', 'important'); } } function refitSflImages() { document.querySelectorAll(SFL_IMAGE_SELECTOR).forEach(forceSflImageFit); } function scanForSflImages(node) { if (!node || node.nodeType !== 1) return; if (node.matches && node.matches(SFL_IMAGE_SELECTOR)) { forceSflImageFit(node); return; } if (node.querySelectorAll) { node.querySelectorAll(SFL_IMAGE_SELECTOR).forEach(forceSflImageFit); } } function observeSaveForLaterPopup() { if (typeof MutationObserver !== 'function') return; refitSflImages(); window.addEventListener('resize', debounce(refitSflImages, 100)); window.addEventListener('orientationchange', debounce(refitSflImages, 200)); var observer = new MutationObserver(function (mutations) { for (var i = 0; i < mutations.length; i++) { var added = mutations[i].addedNodes; for (var j = 0; j < added.length; j++) { scanForSflImages(added[j]); } } }); observer.observe(document.documentElement, { childList: true, subtree: true }); } var ORDER_TYPE_ROW_SELECTOR = '.wishlist-page-row[data-handle], .wishlist-modal-row[data-handle], .wishlist-drawer__item[data-handle]'; var ORDER_TYPE_BADGE_SELECTOR = '.wishlist-modal-stock'; var ORDER_TYPE_STYLE_ID = 'mw-wishlist-order-type-css-v1'; var ORDER_TYPE_STORAGE_KEY = 'mw-order-types-v1'; var ORDER_TYPE_TTL_MS = 10 * 60 * 1000; var ORDER_TYPE_RETRY_MS = 60 * 1000; var ORDER_TYPE_BATCH = 20; var orderTypes = {}; var orderTypePending = {}; var orderTypeFailedAt = 0; var orderTypeWarned = false; var orderTypeTimer = null; function loadOrderTypeCache() { try { var saved = JSON.parse(window.sessionStorage.getItem(ORDER_TYPE_STORAGE_KEY) || 'null'); if (saved && saved.t && Date.now() - saved.t < ORDER_TYPE_TTL_MS && saved.v && typeof saved.v === 'object') { orderTypes = saved.v; } } catch (e) { orderTypes = {}; } } function saveOrderTypeCache() { try { window.sessionStorage.setItem(ORDER_TYPE_STORAGE_KEY, JSON.stringify({ t: Date.now(), v: orderTypes })); } catch (e) { return; } } function normalizeOrderType(value) { var key = String(value == null ? '' : value).toLowerCase().replace(/[\s_-]+/g, ''); return CONFIG.orderTypeLabels[key] ? key : ''; } function injectOrderTypeStyles() { if (!CONFIG.orderTypeBadges) return; if (document.getElementById(ORDER_TYPE_STYLE_ID)) return; var rules = []; Object.keys(CONFIG.orderTypeLabels).forEach(function (key) { var badge = CONFIG.orderTypeLabels[key]; rules.push('.wishlist-modal-stock--ot-' + key + '{background:' + badge.background + ';color:' + badge.color + ';}'); }); var style = document.createElement('style'); style.id = ORDER_TYPE_STYLE_ID; style.textContent = rules.join('\n'); document.head.appendChild(style); } function orderTypeBadgeState(badge) { if (badge.classList.contains('wishlist-modal-stock--out')) return 'out'; if (badge.classList.contains('wishlist-modal-stock--in') || badge.classList.contains('wishlist-modal-stock--low')) return 'sellable'; if (badge.hasAttribute('data-mw-order-type')) return 'ours'; return 'unknown'; } function applyOrderTypeLabels() { if (!CONFIG.orderTypeBadges) return; document.querySelectorAll(ORDER_TYPE_ROW_SELECTOR).forEach(function (row) { var key = orderTypes[row.getAttribute('data-handle')]; var badgeDef = key ? CONFIG.orderTypeLabels[key] : null; row.querySelectorAll(ORDER_TYPE_BADGE_SELECTOR).forEach(function (badge) { var state = orderTypeBadgeState(badge); if (state === 'out') { if (badge.hasAttribute('data-mw-order-type')) badge.removeAttribute('data-mw-order-type'); return; } if (!badgeDef) { if (state === 'ours') { badge.className = 'wishlist-modal-stock wishlist-modal-stock--in'; badge.textContent = 'In stock'; badge.removeAttribute('data-mw-order-type'); } return; } if (state !== 'sellable' && state !== 'ours') return; var wantedClass = 'wishlist-modal-stock wishlist-modal-stock--ot-' + key; if (badge.className !== wantedClass) badge.className = wantedClass; if (badge.textContent !== badgeDef.label) badge.textContent = badgeDef.label; if (badge.getAttribute('data-mw-order-type') !== key) badge.setAttribute('data-mw-order-type', key); }); }); } function unknownOrderTypeHandles() { var seen = {}; var handles = []; document.querySelectorAll(ORDER_TYPE_ROW_SELECTOR).forEach(function (row) { var handle = row.getAttribute('data-handle'); if (!handle || seen[handle]) return; seen[handle] = true; if (Object.prototype.hasOwnProperty.call(orderTypes, handle) || orderTypePending[handle]) return; handles.push(handle); }); return handles; } function warnOrderTypes(message, detail) { if (orderTypeWarned) return; orderTypeWarned = true; console.warn('[Magic Wishlist custom JS] ' + message, detail || ''); } function fetchOrderTypeBatch(handles) { var token = window.wishlistConfig && window.wishlistConfig.storefrontAccessToken; var shop = window.Shopify && window.Shopify.shop; if (!token || !shop) { orderTypeFailedAt = Date.now(); warnOrderTypes('Order type labels need the storefront access token and shop domain.'); return Promise.resolve(); } var declarations = []; var fields = []; var variables = {}; handles.forEach(function (handle, i) { orderTypePending[handle] = true; declarations.push('$h' + i + ':String!'); fields.push('p' + i + ':product(handle:$h' + i + '){ metafield(namespace:"' + CONFIG.orderTypeNamespace + '",key:"' + CONFIG.orderTypeKey + '"){ value } }'); variables['h' + i] = handle; }); var query = 'query OrderTypes(' + declarations.join(',') + '){ ' + fields.join(' ') + ' }'; function release() { handles.forEach(function (handle) { delete orderTypePending[handle]; }); } return fetch('https://' + shop + '/api/2024-10/graphql.json', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Shopify-Storefront-Access-Token': token }, body: JSON.stringify({ query: query, variables: variables }), }) .then(function (response) { if (!response.ok) throw new Error('HTTP ' + response.status); return response.json(); }) .then(function (result) { if (!result || !result.data || (result.errors && result.errors.length)) { throw new Error('Storefront API returned errors'); } var fresh = {}; handles.forEach(function (handle, i) { var product = result.data['p' + i]; var value = product && product.metafield ? product.metafield.value : ''; orderTypes[handle] = normalizeOrderType(value); fresh[handle] = orderTypes[handle]; }); saveOrderTypeCache(); return fresh; }) .catch(function (error) { orderTypeFailedAt = Date.now(); warnOrderTypes('Could not read order types, showing the normal stock labels.', error); return null; }) .then(function (fresh) { release(); return fresh; }); } function refreshOrderTypes() { orderTypeTimer = null; if (!CONFIG.orderTypeBadges) return; applyOrderTypeLabels(); if (orderTypeFailedAt && Date.now() - orderTypeFailedAt < ORDER_TYPE_RETRY_MS) return; var handles = unknownOrderTypeHandles(); if (!handles.length) return; var batches = []; for (var i = 0; i < handles.length; i += ORDER_TYPE_BATCH) batches.push(handles.slice(i, i + ORDER_TYPE_BATCH)); Promise.all(batches.map(fetchOrderTypeBatch)).then(applyOrderTypeLabels); } function scheduleOrderTypes() { if (!CONFIG.orderTypeBadges || orderTypeTimer) return; orderTypeTimer = setTimeout(refreshOrderTypes, 60); } function observeOrderTypes() { if (!CONFIG.orderTypeBadges || typeof MutationObserver !== 'function') return; new MutationObserver(function (mutations) { for (var i = 0; i < mutations.length; i++) { var m = mutations[i]; var target = m.target && m.target.nodeType === 1 ? m.target : m.target && m.target.parentElement; if ( target && target.closest && target.closest( '.wishlist-page-row, .wishlist-modal-row, .wishlist-drawer__item, .wishlist-page-list, .wishlist-modal-list, .wishlist-drawer__items' ) ) { scheduleOrderTypes(); return; } } }).observe(document.documentElement, { childList: true, subtree: true, characterData: true, attributes: true, attributeFilter: ['class'], }); } function isOurMutationTarget(node) { if (!node || node.nodeType !== 1) return false; if (node.closest) { return !!( node.closest('.mw-bulk-checkbox-wrap') || node.closest('.mw-bulk-toolbar') || node.closest('.mw-wishlist-search-wrap') || node.closest('.' + NO_RESULTS_CLASS) ); } return false; } function mutationsNeedScan(mutations) { for (var i = 0; i < mutations.length; i++) { var m = mutations[i]; if (isOurMutationTarget(m.target)) continue; var nodes = []; if (m.addedNodes && m.addedNodes.length) { for (var a = 0; a < m.addedNodes.length; a++) nodes.push(m.addedNodes[a]); } if (m.removedNodes && m.removedNodes.length) { for (var r = 0; r < m.removedNodes.length; r++) nodes.push(m.removedNodes[r]); } if (!nodes.length) continue; for (var n = 0; n < nodes.length; n++) { var node = nodes[n]; if (node.nodeType !== 1) continue; if (isOurMutationTarget(node)) continue; if ( node.matches && (node.matches('.wishlist-page-row, .wishlist-modal-row, .wishlist-drawer__item') || node.matches('.wishlist-page-list, .wishlist-modal-list, .wishlist-drawer__items') || node.matches('.wishlist-page-footer-actions, .wishlist-modal-footer-actions') || node.matches('.wishlist-page-header-actions, .wishlist-modal-header-actions, .wishlist-drawer__header-actions') || node.querySelector && node.querySelector( '.wishlist-page-row, .wishlist-modal-row, .wishlist-drawer__item, .wishlist-page-list, .wishlist-modal-list' )) ) { return true; } } } return false; } function scan() { if (applyingDom) return; applyingDom = true; try { SURFACES.forEach(function (surface) { document.querySelectorAll(surface.actions).forEach(function (actionsEl) { mountSearch(actionsEl, surface); }); }); applyTrashOnly(); applyBulkSelect(); patchAddAllNoCartRedirect(); patchCartAddOrderTypeProperties(); upgradeOrderTypePropertyInputs(document); patchWishlistRenderHook(); scheduleOrderTypes(); } finally { applyingDom = false; } } var debouncedScan = debounce(scan, 120); function boot() { injectStyles(); injectTrashStyles(); injectBulkStyles(); injectLayoutFixStyles(); injectOrderTypeStyles(); loadOrderTypeCache(); patchCartAddOrderTypeProperties(); upgradeOrderTypePropertyInputs(document); scan(); observeOrderTypes(); observeSaveForLaterPopup(); document.addEventListener( 'submit', function (event) { var form = event.target; if (!form || !form.action || String(form.action).indexOf('/cart/add') === -1) return; if (form.getAttribute('data-mw-order-type-ready') === '1') { form.removeAttribute('data-mw-order-type-ready'); return; } var handle = ''; var idInput = form.querySelector('input[name="id"]'); if (idInput) handle = handleFromVariantInput(idInput.value); if (!handle) { var root = form.closest('[data-product-handle]'); handle = root ? root.getAttribute('data-product-handle') || '' : ''; } if (!handle) return; event.preventDefault(); event.stopPropagation(); fetchFreshOrderTypes([handle]).then(function (fresh) { if (fresh && Object.prototype.hasOwnProperty.call(fresh, handle)) { var label = checkoutLabelFromKey(fresh[handle]); var input = form.querySelector( 'input[name="properties[ORDER TYPE]"], input[name="properties[Order type]"], input[name="properties[order type]"]' ); if (label) { if (!input) { input = document.createElement('input'); input.type = 'hidden'; form.appendChild(input); } input.name = 'properties[ORDER TYPE]'; input.value = label; } else if (input && input.parentNode) { input.parentNode.removeChild(input); } } form.setAttribute('data-mw-order-type-ready', '1'); if (typeof form.requestSubmit === 'function') form.requestSubmit(); else form.submit(); }); }, true ); document.addEventListener( 'click', function (event) { var node = event.target && event.target.closest ? event.target.closest('a[href*="/checkout"], button[name="checkout"], input[name="checkout"]') : null; if (!node || node.getAttribute('data-mw-order-type-synced') === '1') return; event.preventDefault(); event.stopPropagation(); syncCartOrderTypeProperties().then(function () { node.setAttribute('data-mw-order-type-synced', '1'); node.click(); }); }, true ); document.addEventListener( 'submit', function (event) { var form = event.target; if (!form || !form.action || String(form.action).indexOf('/checkout') === -1) return; if (form.getAttribute('data-mw-order-type-synced') === '1') return; event.preventDefault(); event.stopPropagation(); syncCartOrderTypeProperties().then(function () { form.setAttribute('data-mw-order-type-synced', '1'); form.submit(); }); }, true ); syncCartOrderTypeProperties(); if (typeof MutationObserver === 'function') { var rootObserver = new MutationObserver(function (mutations) { if (applyingDom) return; if (!mutationsNeedScan(mutations)) return; debouncedScan(); }); rootObserver.observe(document.documentElement, { childList: true, subtree: true }); } window.addEventListener('wishlist:updated', debouncedScan); document.addEventListener('wishlist:updated', debouncedScan); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); } })();

Contact information

Stay in the Loop