/* ============================================================ AFLEUR — Build Your Box · Delivery-date CALENDAR Paste this into the app's "Custom JS for bundle builder pages" field (same Settings area as the CSS box). Save + hard-refresh. What it does: - Watches for the Delivery step to appear. - Replaces the free-type message box with a real click-a-date calendar (the box is hidden but kept, so the app still saves it). - Blocks any date sooner than you can actually deliver, using the same Lima-timezone interval math your theme already uses. - Writes the picked date into the saved field + fires the events the app listens for. Safe to remove: clear this field, save, hard-refresh → back to the plain box. It only touches the delivery step; everything is wrapped in try/catch and namespaced, so a failure just means "no calendar," never a broken page. ============================================================ */ (function () { "use strict"; var WINE = "#4B1C2F", CREAM = "#FFFCF4", PLUM = "#633049"; var SOFT = "rgba(75,28,47,.16)", DISABLED = "#C9BFC4"; var TZ = "America/Lima"; var DISPLAY_FONT = '"Domaine Display Narrow","Domaine Disp Narrow",Georgia,serif'; /* AFLEUR delivery schedule — days to ADD to the order day to reach the soonest delivery, for orders placed BEFORE noon Lima time: Mon -> Fri (+4) Tue -> Mon (+6) Wed -> Mon (+5) Thu -> Tue (+5) Fri -> Wed (+5) Sat -> Thu (+5) Sun -> Thu (+4) After noon Lima, the order rolls to the next day's schedule (handled below). */ var INTERVAL = { Sun: 4, Mon: 4, Tue: 6, Wed: 5, Thu: 5, Fri: 5, Sat: 5 }; /* ---------- date helpers ---------- */ function limaNow() { return new Date(new Date().toLocaleString("en-US", { timeZone: TZ })); } function limaHour() { return parseInt(new Intl.DateTimeFormat("en-US", { hour: "2-digit", hour12: false, timeZone: TZ }).format(new Date()), 10); } function weekdayShort(d) { return new Intl.DateTimeFormat("en-US", { weekday: "short", timeZone: TZ }).format(d); } function soonestDate() { var today = limaNow(); var interval = INTERVAL[weekdayShort(today)]; if (interval == null) interval = 3; if (limaHour() >= 12) { var nd = new Date(today); nd.setDate(today.getDate() + 1); var n = INTERVAL[weekdayShort(nd)]; interval = (n == null ? 3 : n) + 1; if (interval < 1) interval = 1; } var s = new Date(today); s.setDate(today.getDate() + interval); s.setHours(0, 0, 0, 0); return s; } function fmtLong(d) { return d.toLocaleDateString("en-US", { weekday: "long", year: "numeric", month: "long", day: "numeric" }); } function sameDay(a, b) { return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate(); } function monthStart(d) { return new Date(d.getFullYear(), d.getMonth(), 1); } /* set value via the native setter so the app's listeners notice */ function saveValue(el, val) { try { var proto = window.HTMLTextAreaElement && window.HTMLTextAreaElement.prototype; var desc = proto && Object.getOwnPropertyDescriptor(proto, "value"); if (desc && desc.set) desc.set.call(el, val); else el.value = val; } catch (e) { el.value = val; } ["input", "change", "keyup", "blur"].forEach(function (t) { try { el.dispatchEvent(new Event(t, { bubbles: true })); } catch (e) {} }); } /* ---------- styles (injected once) ---------- */ function injectStyles() { if (document.getElementById("afleur-cal-styles")) return; var css = '' + '.afleur-cal{max-width:420px;margin:6px 0 4px;background:' + CREAM + ';' + 'border:1.5px solid ' + SOFT + ';border-radius:14px;padding:16px 16px 14px;' + 'box-shadow:0 20px 40px -28px rgba(75,28,47,.35);box-sizing:border-box;}' + '.afleur-cal *{box-sizing:border-box;}' + '.afleur-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}' + '.afleur-cal-month{font-family:' + DISPLAY_FONT + ';color:' + WINE + ';' + 'font-size:19px;font-weight:500;letter-spacing:.2px;}' + '.afleur-cal-nav{width:32px;height:32px;border-radius:50%;border:1.5px solid ' + SOFT + ';' + 'background:transparent;color:' + WINE + ';font-size:15px;line-height:1;cursor:pointer;' + 'display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;}' + '.afleur-cal-nav:hover:not(:disabled){background:' + WINE + ';color:#fff;border-color:' + WINE + ';}' + '.afleur-cal-nav:disabled{opacity:.3;cursor:default;}' + '.afleur-cal-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;}' + '.afleur-cal-dow span{text-align:center;font-size:11px;letter-spacing:.06em;' + 'color:' + PLUM + ';font-weight:600;padding:4px 0;}' + '.afleur-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;}' + '.afleur-cal-day{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;' + 'border-radius:50%;font-size:14px;color:' + WINE + ';cursor:pointer;' + 'font-family:-apple-system,"Segoe UI",sans-serif;transition:background .12s,color .12s;' + 'border:1.5px solid transparent;}' + '.afleur-cal-day:hover{background:rgba(99,48,73,.12);}' + '.afleur-cal-day.is-empty{cursor:default;}' + '.afleur-cal-day.is-disabled{color:' + DISABLED + ';cursor:default;}' + '.afleur-cal-day.is-disabled:hover{background:transparent;}' + '.afleur-cal-day.is-selected{background:' + WINE + ';color:#fff;font-weight:600;}' + '.afleur-cal-day.is-selected:hover{background:' + WINE + ';}' + '.afleur-cal-picked{margin-top:13px;padding-top:12px;border-top:1px solid ' + SOFT + ';' + 'font-family:' + DISPLAY_FONT + ';color:' + WINE + ';font-size:15px;text-align:center;}' + '.afleur-cal-picked b{font-weight:600;}' + '.afleur-cal-hidden-box{display:none !important;}'; var s = document.createElement("style"); s.id = "afleur-cal-styles"; s.textContent = css; document.head.appendChild(s); } /* ---------- build the calendar ---------- */ function buildCalendar(textarea) { var soonest = soonestDate(); var minView = monthStart(soonest); var selected = new Date(soonest); var view = monthStart(soonest); var wrap = document.createElement("div"); wrap.className = "afleur-cal"; var head = document.createElement("div"); head.className = "afleur-cal-head"; var prev = document.createElement("button"); prev.type = "button"; prev.className = "afleur-cal-nav"; prev.innerHTML = "‹"; var monthEl = document.createElement("div"); monthEl.className = "afleur-cal-month"; var next = document.createElement("button"); next.type = "button"; next.className = "afleur-cal-nav"; next.innerHTML = "›"; head.appendChild(prev); head.appendChild(monthEl); head.appendChild(next); var dow = document.createElement("div"); dow.className = "afleur-cal-dow"; ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].forEach(function (d) { var s = document.createElement("span"); s.textContent = d; dow.appendChild(s); }); var grid = document.createElement("div"); grid.className = "afleur-cal-grid"; var picked = document.createElement("div"); picked.className = "afleur-cal-picked"; wrap.appendChild(head); wrap.appendChild(dow); wrap.appendChild(grid); wrap.appendChild(picked); function commit() { saveValue(textarea, fmtLong(selected)); picked.innerHTML = "Delivery date: " + fmtLong(selected) + ""; } function render() { grid.innerHTML = ""; monthEl.textContent = view.toLocaleDateString("en-US", { month: "long", year: "numeric" }); prev.disabled = monthStart(view) <= minView; var startDow = new Date(view.getFullYear(), view.getMonth(), 1).getDay(); var days = new Date(view.getFullYear(), view.getMonth() + 1, 0).getDate(); for (var b = 0; b < startDow; b++) { var blank = document.createElement("div"); blank.className = "afleur-cal-day is-empty"; grid.appendChild(blank); } for (var day = 1; day <= days; day++) { (function (day) { var d = new Date(view.getFullYear(), view.getMonth(), day); d.setHours(0, 0, 0, 0); var cell = document.createElement("div"); cell.className = "afleur-cal-day"; cell.textContent = day; var isWeekend = (d.getDay() === 0 || d.getDay() === 6); if (d < soonest || isWeekend) { cell.className += " is-disabled"; } else { if (sameDay(d, selected)) cell.className += " is-selected"; cell.addEventListener("click", function () { selected = d; commit(); render(); }); } grid.appendChild(cell); })(day); } } prev.addEventListener("click", function () { if (monthStart(view) <= minView) return; view = new Date(view.getFullYear(), view.getMonth() - 1, 1); render(); }); next.addEventListener("click", function () { view = new Date(view.getFullYear(), view.getMonth() + 1, 1); render(); }); /* hide the original box but keep it populated so the app saves the date */ textarea.classList.add("afleur-cal-hidden-box"); commit(); render(); return wrap; } /* ---------- mount / watch ---------- */ function mount() { try { var fieldsDiv = document.querySelector("#gbbBundle .gbbGiftMessageV2InputFieldsDiv"); if (!fieldsDiv) return; if (fieldsDiv.querySelector(".afleur-cal")) return; /* already mounted */ var textarea = fieldsDiv.querySelector(".gbbGiftMessageV2InputField"); if (!textarea) return; injectStyles(); var cal = buildCalendar(textarea); fieldsDiv.insertBefore(cal, textarea); } catch (e) { /* fail silent — never break the page */ } } var scheduled = false; function schedule() { if (scheduled) return; scheduled = true; (window.requestAnimationFrame || setTimeout)(function () { scheduled = false; mount(); }); } try { new MutationObserver(schedule).observe(document.documentElement, { childList: true, subtree: true }); } catch (e) {} document.addEventListener("DOMContentLoaded", mount); setTimeout(mount, 1200); setTimeout(mount, 3000); })(); /* ============================================================ AFLEUR — Build Your Box · EDITORIAL BANNER (type-only) Replaces the photo banner with a clean cream banner: green overline + Domaine headline + italic subtext + hairlines. >>> To change the wording, edit the three lines marked EDIT below. <<< Remove: delete this block (everything from this comment to the final "})();"), or clear the whole field → the app's image banner comes back. Only touches the banner; wrapped so a failure just means "no custom banner," never a broken page. ============================================================ */ (function () { "use strict"; /* ---------- EDIT YOUR COPY HERE ---------- {stems} auto-fills with this page's order size (100, 200, 300, 400, 500). */ var OVERLINE = "FARM-DIRECT FROM ECUADOR"; var HEADLINE = "BUILD YOUR BOX"; var SUBLINE1 = "Mix any varieties & quantities, from {stems} stems"; var SUBLINE2 = "Always FREE farm-direct shipping"; /* ------------------------------------------ */ var WINE = "#4B1C2F", CREAM = "#FBF8F1", GREEN = "#42513E", TAUPE = "#8C7E72"; var DISPLAY = '"Domaine Display Narrow","Domaine Disp Narrow",Georgia,serif'; var ITALIC = 'Arapey,Georgia,serif'; /* read this page's order size from the URL: /products/300-stems -> "300" */ function stemCount() { try { var m = (location.pathname || "").match(/(\d+)\s*-?\s*stems?/i); if (m) return m[1]; var t = (window.shopifyLiquidValuesApp4Ext && window.shopifyLiquidValuesApp4Ext.product && window.shopifyLiquidValuesApp4Ext.product.productData && window.shopifyLiquidValuesApp4Ext.product.productData.title) || ""; var mm = t.match(/(\d+)/); if (mm) return mm[1]; } catch (e) {} return "100"; } function injectStyles() { if (document.getElementById("afleur-ebanner-styles")) return; var css = '' + '#gbbBundle .gbbBundleBanners{width:100vw !important;max-width:100vw !important;' + 'margin:0 0 0 calc(50% - 50vw) !important;}' + '.afleur-ebanner{background:' + CREAM + ';border:none;border-radius:0;' + 'padding:52px 24px 46px;text-align:center;}' + '.afleur-ebanner .afe-rule{width:38px;height:1px;background:' + GREEN + ';opacity:.55;margin:0 auto;}' + '.afleur-ebanner .afe-over{color:' + GREEN + ';font-size:11px;letter-spacing:.32em;' + 'text-transform:uppercase;margin:18px 0 16px;font-family:-apple-system,"Segoe UI",sans-serif;}' + '.afleur-ebanner .afe-head{font-family:' + DISPLAY + ';color:' + WINE + ';font-weight:500;' + 'font-size:44px;line-height:1.04;letter-spacing:.005em;margin:0;}' + '.afleur-ebanner .afe-sub{font-family:' + ITALIC + ';font-style:italic;color:' + TAUPE + ';' + 'font-size:17px;line-height:1.5;max-width:460px;margin:4px auto;}' + '.afleur-ebanner .afe-sub1{margin-top:16px;}' + '.afleur-ebanner .afe-sub2{margin-bottom:18px;}' + '@media (max-width:768px){' + '.afleur-ebanner{padding:34px 20px 30px;}' + '.afleur-ebanner .afe-head{font-size:30px;}' + '.afleur-ebanner .afe-sub{font-size:14px;max-width:300px;}' + '.afleur-ebanner .afe-over{font-size:10px;margin:14px 0 12px;letter-spacing:.28em;}' + '}'; var s = document.createElement("style"); s.id = "afleur-ebanner-styles"; s.textContent = css; document.head.appendChild(s); } function mount() { try { var banners = document.querySelector("#gbbBundle .gbbBundleBanners"); if (!banners) return; /* hide the app's image banners (inline !important beats the CSS show-rule) */ var imgs = banners.querySelectorAll("img"); for (var i = 0; i < imgs.length; i++) { imgs[i].style.setProperty("display", "none", "important"); } if (banners.querySelector(".afleur-ebanner")) return; /* already mounted */ injectStyles(); var el = document.createElement("div"); el.className = "afleur-ebanner"; el.innerHTML = '

' + '

'; el.querySelector(".afe-over").textContent = OVERLINE; el.querySelector(".afe-head").textContent = HEADLINE; el.querySelector(".afe-sub1").textContent = SUBLINE1.replace("{stems}", stemCount()); el.querySelector(".afe-sub2").textContent = SUBLINE2; banners.appendChild(el); } catch (e) { /* fail silent */ } } var scheduled = false; function schedule() { if (scheduled) return; scheduled = true; (window.requestAnimationFrame || setTimeout)(function () { scheduled = false; mount(); }); } try { new MutationObserver(schedule).observe(document.documentElement, { childList: true, subtree: true }); } catch (e) {} document.addEventListener("DOMContentLoaded", mount); setTimeout(mount, 800); setTimeout(mount, 2500); })();

Your cart

Your cart is empty

Have an account?

Subtotal:

Join AFLEUR