Podmiana logo i dodanie przesłania wyborów do formularza kontaktu

src/islands/jambox/JamboxAddonsModalCompact.jsx

@@ -412,6 +412,137 @@ export default function JamboxAddonsModal({
     );
   };
 
+  // ---------
+  const LS_KEY = "fuz_offer_config_v1";
+
+function buildOfferPayload() {
+  const phone = selectedPhoneId
+    ? phonePlans.find((p) => String(p.id) === String(selectedPhoneId))
+    : null;
+
+  const decoder = selectedDecoderId
+    ? decodersList.find((d) => String(d.id) === String(selectedDecoderId))
+    : null;
+
+  const tvChosen = tvAddonsVisible
+    .map((a) => {
+      const qty = Number(selectedQty[a.id] || 0);
+      if (qty <= 0) return null;
+
+      const termPricing = hasTvTermPricing(a, pkg);
+      const term = tvTerm[a.id] || "12m";
+      const unit = getAddonUnitPrice(a, pkg, termPricing ? term : null);
+
+      return {
+        id: a.id,
+        nazwa: a.nazwa,
+        qty,
+        term: termPricing ? term : null,
+        unit,
+      };
+    })
+    .filter(Boolean);
+
+  const addonsChosen = addonsList
+    .map((a) => {
+      const qty = Number(selectedQty[a.id] || 0);
+      if (qty <= 0) return null;
+
+      const unit = getAddonUnitPrice(a, pkg, null);
+      return { id: a.id, nazwa: a.nazwa, qty, unit };
+    })
+    .filter(Boolean);
+
+  return {
+    createdAt: new Date().toISOString(),
+    pkg: { id: pkg?.id ?? null, name: pkg?.name ?? "", price: basePrice },
+    phone: phone ? { id: phone.id, name: phone.name, price: phone.price_monthly } : null,
+    decoder: decoder ? { id: decoder.id, name: decoder.nazwa, price: decoder.cena } : null,
+    tvAddons: tvChosen,
+    addons: addonsChosen,
+    totals: {
+      base: basePrice,
+      phone: phonePrice,
+      decoder: decoderPrice,
+      tv: tvAddonsPrice,
+      addons: addonsOnlyPrice,
+      total: totalMonthly,
+      currencyLabel: cenaOpis,
+    },
+  };
+}
+
+function saveOfferToLocalStorage() {
+  try {
+    const payload = buildOfferPayload();
+    localStorage.setItem(LS_KEY, JSON.stringify(payload));
+  } catch {}
+}
+
+//-- dopisane
+function moneyWithLabel(v) {
+  return `${money(v)} ${cenaOpis}`;
+}
+
+function buildOfferMessage(payload) {
+  const lines = [];
+
+  // nagłówek
+  lines.push(`Wybrana oferta: ${payload?.pkg?.name || "—"}`);
+  lines.push("");
+
+  // ✅ WSZYSTKIE linie jak w podsumowaniu
+  lines.push(`Pakiet: ${moneyWithLabel(payload?.totals?.base ?? 0)}`);
+  lines.push(`Telefon: ${payload?.phone ? moneyWithLabel(payload.totals.phone) : "—"}`);
+  lines.push(`Dekoder: ${payload?.decoder ? moneyWithLabel(payload.totals.decoder) : "—"}`);
+  lines.push(`Dodatki TV: ${payload?.tvAddons?.length ? moneyWithLabel(payload.totals.tv) : "—"}`);
+  lines.push(`Dodatkowe usługi: ${payload?.addons?.length ? moneyWithLabel(payload.totals.addons) : "—"}`);
+  lines.push(`Łącznie: ${moneyWithLabel(payload?.totals?.total ?? 0)}`);
+
+  // szczegóły (pozycje)
+  if (payload?.phone) {
+    lines.push("");
+    lines.push(`Telefon: ${payload.phone.name} (${moneyWithLabel(payload.phone.price)})`);
+  }
+
+  if (payload?.decoder) {
+    lines.push("");
+    lines.push(`Dekoder: ${payload.decoder.name} (${moneyWithLabel(payload.decoder.price)})`);
+  }
+
+  if (Array.isArray(payload?.tvAddons) && payload.tvAddons.length) {
+    lines.push("");
+    lines.push("Pakiety dodatkowe TV:");
+    for (const it of payload.tvAddons) {
+      const termTxt = it.term ? `, ${it.term}` : "";
+      lines.push(
+        `- ${it.nazwa} x${it.qty}${termTxt} @ ${moneyWithLabel(it.unit)}`
+      );
+    }
+  }
+
+  if (Array.isArray(payload?.addons) && payload.addons.length) {
+    lines.push("");
+    lines.push("Dodatkowe usługi:");
+    for (const it of payload.addons) {
+      lines.push(`- ${it.nazwa} x${it.qty} @ ${moneyWithLabel(it.unit)}`);
+    }
+  }
+
+  return lines.join("\n");
+}
+
+function saveOfferToLocalStorage() {
+  try {
+    const payload = buildOfferPayload();
+    payload.message = buildOfferMessage(payload); // ✅ gotowy tekst
+    localStorage.setItem(LS_KEY, JSON.stringify(payload));
+  } catch {}
+}
+
+
+  // ---------
+
   return (
     <div class="f-modal-overlay" onClick={onClose}>
       <button
@@ -668,7 +799,17 @@ export default function JamboxAddonsModal({
                   <div class="f-summary-total">
                     <span>Łącznie</span>
                     <span>{money(totalMonthly)} {cenaOpis}</span>
+                    
                   </div>
+
+                  <a
+  href="/kontakt"
+  class="btn btn-primary w-full mt-4"
+  onClick={() => saveOfferToLocalStorage()}
+>
+  Wyślij zapytanie z tym wyborem
+</a>
+
                 </div>
               </div>
             </SectionAccordion>