Name: Tea & Coffee Gift Box
Brand: Fifty Seven Roasters
Availability: InStock

0,00 zl

Taxes included.

(function () {
  const config = window.BundleFactoryConfig;
  const product = config.product;
  const root = document.getElementById('gb-root');
  if (!product || !root) return;

const QUERY = 'query CollectionProducts($handle: String!) { collection(handle: $handle) { products(first: 50) { nodes { id title availableForSale featuredImage { url altText } variants(first: 20) { nodes { id title availableForSale price { amount currencyCode } } } } } } }';

const state = {}; // slotKey -> { product, variant }
  const productsBySlot = {};

const esc = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
  const money = (amount) => config.formatMoney(Math.round(parseFloat(amount) * 100));
  const numericId = (gid) => String(gid).split('/').pop();

async function fetchProducts(handle) {
    const res = await fetch('https://' + config.shop + '/api/2026-07/graphql.json', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json', 'X-Shopify-Storefront-Access-Token': config.storefrontAccessToken },
      body: JSON.stringify({ query: QUERY, variables: { handle } })
    });
    const json = await res.json();
    const col = json && json.data && json.data.collection;
    return col ? col.products.nodes : [];
  }

function slotEl(key) { return root.querySelector('.gb__slot[data-slot-key="' + key + '"]'); }

function showSkeletons() {
    slots.forEach((slot) => {
      slotEl(slot.key).innerHTML =
        '<h3 class="gb__title">' + esc(slot.label) + '</h3><div class="gb__grid">' +
        '<div class="gb__skeleton"></div><div class="gb__skeleton"></div><div class="gb__skeleton"></div></div>';
    });
  }

function defaultVariant(p) {
    return p.variants.nodes.find((v) => v.availableForSale) || p.variants.nodes[0];
  }

function findProduct(slotKey, id) { return (productsBySlot[slotKey] || []).find((p) => p.id === id); }

function pricing() {
    const items = slots.map((s) => state[s.key]).filter(Boolean);
    const original = items.reduce((sum, it) => sum + parseFloat(it.variant.price.amount), 0);
    const finals = items.map((it) => (parseFloat(it.variant.price.amount) * (1 - discountPct / 100)));
    const total = finals.reduce((a, b) => a + b, 0);
    return { items, original, total };
  }

function showError(msg) {
    const el = document.getElementById('gb-error');
    el.textContent = msg || '';
    el.style.display = msg ? 'block' : 'none';
  }

root.addEventListener('change', (e) => {
    const sel = e.target.closest('.gb__variant');
    if (!sel) return;
    const slotKey = sel.closest('.gb__slot').getAttribute('data-slot-key');
    const p = findProduct(slotKey, sel.getAttribute('data-product'));
    const v = p.variants.nodes.find((x) => x.id === sel.value);
    if (state[slotKey] && state[slotKey].product.id === p.id) state[slotKey].variant = v;
    // remember chosen variant even if card not selected yet
    p._chosen = v;
    renderSlot(slots.find((s) => s.key === slotKey));
    renderSummary();
  });

root.addEventListener('click', (e) => {
    const btn = e.target.closest('.gb__select');
    if (!btn || btn.disabled) return;
    const slotKey = btn.closest('.gb__slot').getAttribute('data-slot-key');
    const p = findProduct(slotKey, btn.getAttribute('data-product'));
    const card = btn.closest('.gb__card');
    const vSel = card.querySelector('.gb__variant');
    const variant = vSel ? p.variants.nodes.find((x) => x.id === vSel.value) : defaultVariant(p);
    state[slotKey] = { product: p, variant };
    showError('');
    renderSlot(slots.find((s) => s.key === slotKey));
    renderSummary();
  });

btn.disabled = true;
    const prev = btn.textContent;
    btn.textContent = 'Adding…';
    try {
      const response = await fetch('/cart/add.js', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ items: [{ id: product.variants[0].id, quantity: 1, properties }] })
      });
      if (!response.ok) {
        const errorData = await response.json().catch(() => null);
        throw new Error((errorData && (errorData.description || errorData.message)) || 'Unable to add to cart. Please try again.');
      }
      await window.BundleFactoryConfig.cartRefresh();
    } catch (err) {
      showError(err.message);
    } finally {
      btn.textContent = prev;
      btn.disabled = false;
    }
  });

showSkeletons();
  renderSummary();
  Promise.all(slots.map((s) => s.handle ? fetchProducts(s.handle).catch(() => []) : Promise.resolve([])))
    .then((results) => {
      slots.forEach((s, i) => {
        productsBySlot[s.key] = results[i];
        renderSlot(s);
      });
    });
})();

Tea & Coffee Gift Box

Goes well with...

Your cart is empty

Your cart is empty

Country/Region

Country/Region

Tea & Coffee Gift Box

Goes well with...