Phone

(meta={}, site={}) => { class Ctxt { // === Job4Movers: endpoints + uploader + resize + uploads + submit (V3, method syntax) === PROOF_MINT_ENDPOINT = this.PROOF_MINT_ENDPOINT || '/api/proof/mint'; UPLOADS_ENDPOINT = this.UPLOADS_ENDPOINT || '/api/uploads'; SUBMIT_ENDPOINT = this.SUBMIT_ENDPOINT || '/api/v2/form'; MAX_FILES = this.MAX_FILES || 3; ALLOWED_TYPES = this.ALLOWED_TYPES || ['image/jpeg','image/png','image/webp','image/gif','image/heic','image/heif']; _uploads = []; _uploadBusy = false; mintProof = async (purpose = 'upload') => { const r = await fetch(this.PROOF_MINT_ENDPOINT, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ purpose, tenant: 'job4movers' }) }); const j = await r.json().catch(() => ({})); if (!r.ok) throw new Error('proof_mint_failed'); if (j && j.proof) return j.proof; if (j && j.ok && j.proof) return j.proof; throw new Error('proof_mint_failed'); } resizeToBlob = async (file, maxDim = 1920, quality = 0.85) => { try { if (!(file && file.type && file.type.startsWith('image/'))) return file; const img = document.createElement('img'); const url = URL.createObjectURL(file); img.src = url; await new Promise((res, rej) => { img.onload = res; img.onerror = rej; }); const w = img.naturalWidth, h = img.naturalHeight; URL.revokeObjectURL(url); const scale = Math.min(1, maxDim / Math.max(w, h)); if (scale >= 1 && file.size <= 2_000_000) return file; const cw = Math.max(1, Math.round(w * scale)); const ch = Math.max(1, Math.round(h * scale)); const canvas = document.createElement('canvas'); canvas.width = cw; canvas.height = ch; const ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0, cw, ch); const blob = await new Promise(res => canvas.toBlob(res, 'image/jpeg', quality)); return blob || file; } catch { return file; } } initUploader = (root = '#uploadSection') => { const host = (typeof root === 'string') ? document.querySelector(root) : root; if (!host) return; const on = (targetOrSelector, evt, fn) => { if (typeof this.attachSingleHandler === 'function') { if (typeof targetOrSelector === 'string') { this.attachSingleHandler(targetOrSelector, evt, fn); return; } if (targetOrSelector && targetOrSelector.nodeType === 1) { this.attachSingleHandler([targetOrSelector], evt, fn); return; } } const el = (typeof targetOrSelector === 'string') ? host.querySelector(targetOrSelector) : targetOrSelector; if (el) el.addEventListener(evt, fn, { once: false }); }; const previewsSel = '#evidence-previews'; // Shared handler for both inputs const handleFileSelection = (evt) => { const files = Array.from(evt.target.files || []); const acc = (this._uploads || []).slice(); for (const f of files) { if (!this.ALLOWED_TYPES.includes(f.type)) continue; if (acc.length >= this.MAX_FILES) break; acc.push({ file: f }); } this._uploads = acc.slice(0, this.MAX_FILES); this._renderPreviews(previewsSel, host); try { evt.target.value = ''; } catch {} }; // Button for regular file selection (uses #evidence input) on('#btnPick', 'click', () => { const input = host.querySelector('#evidence'); if (input) { input.removeAttribute('capture'); // Ensure no capture attribute input.click(); } }); // Button for camera (uses #evidenceCamera input) on('#btnCamera', 'click', () => { const input = host.querySelector('#evidenceCamera'); if (input) input.click(); }); // Regular file input (no capture) on('#evidence', 'change', handleFileSelection); // Camera input (always has capture="environment") on('#evidenceCamera', 'change', handleFileSelection); // tidy on form reset const form = host.closest('form'); if (form) { form.addEventListener('reset', () => { const previews = host.querySelector(previewsSel); try { (previews?.querySelectorAll('img') || []).forEach(img => { if (img.src && img.src.startsWith('blob:')) URL.revokeObjectURL(img.src); }); } catch {} this._uploads = []; if (previews) previews.innerHTML = ''; }, { once: false }); } } // small internal helper (method) to render thumbnails + remove buttons _renderPreviews = (previewsSelector = '#evidence-previews', scope = document) => { const previews = (typeof previewsSelector === 'string') ? scope.querySelector(previewsSelector) : previewsSelector; if (!previews) return; previews.innerHTML = ''; // same binding helper; scope to previews container const on = (targetOrSelector, evt, fn) => { if (typeof this.attachSingleHandler === 'function') { if (typeof targetOrSelector === 'string') { this.attachSingleHandler(targetOrSelector, evt, fn); return; } if (targetOrSelector && targetOrSelector.nodeType === 1) { this.attachSingleHandler([targetOrSelector], evt, fn); return; } } const el = (typeof targetOrSelector === 'string') ? (previews?.querySelector(targetOrSelector) || document.querySelector(targetOrSelector)) : targetOrSelector; if (el) el.addEventListener(evt, fn, { once: false }); }; (this._uploads || []).forEach((u, idx) => { const f = u.file || u; const li = document.createElement('li'); li.className = 'flex items-center gap-3 text-xs py-1'; const img = document.createElement('img'); try { img.src = URL.createObjectURL(f); // the “GET blob:” you see is normal img.width = 64; img.height = 64; img.loading = 'lazy'; img.className = 'rounded border'; li.appendChild(img); } catch {} const meta = document.createElement('div'); meta.className = 'flex-1 min-w-0 mcp-file-name'; meta.textContent = `${f.name} (${Math.round(f.size/1024)} KB)`; li.appendChild(meta); const rm = document.createElement('button'); rm.type = 'button'; rm.className = 'px-2 py-1 border rounded hover:bg-gray-50'; rm.textContent = 'Remove'; rm.addEventListener('click', () => { try { if (img.src?.startsWith('blob:')) URL.revokeObjectURL(img.src); } catch {} this._uploads.splice(idx, 1); const inputEl = (typeof scope.querySelector === 'function') ? scope.querySelector('#evidence') : document.querySelector('#evidence'); if (inputEl) { try { inputEl.value = ''; } catch {} } this._renderPreviews(previews, scope); }); li.appendChild(rm); previews.appendChild(li); }); } uploadSelectedFiles = async () => { if (!this._uploads?.length) return []; if (this._uploadBusy) throw new Error('upload_in_progress'); this._uploadBusy = true; try { const processed = []; for (const u of this._uploads) { const f = u.file || u; const blob = await this.resizeToBlob(f); const filename = f.name.replace(/\.(png|webp|gif)$/i, '.jpg'); processed.push({ blob, filename, contentType: blob.type || 'image/jpeg' }); } const proof = await this.mintProof('upload'); const files = processed.map(p => ({ filename: p.filename, contentType: p.contentType })); const pre = await fetch(this.UPLOADS_ENDPOINT, { method: 'POST', headers: { 'Content-Type': 'application/json', 'x-proof': proof }, body: JSON.stringify({ tenant:'job4movers', files, hp:'', website:'' }) }); const info = await pre.json().catch(() => ({})); if (!pre.ok || !info?.ok || !Array.isArray(info.uploads)) throw new Error('presign_failed'); const keys = []; for (let i = 0; i < info.uploads.length; i++) { const u = info.uploads[i]; const p = processed[i]; const fd = new FormData(); Object.entries(u.fields || {}).forEach(([k,v]) => fd.append(k, v)); fd.append('Content-Type', p.contentType); fd.append('file', p.blob, p.filename); const put = await fetch(u.url, { method: 'POST', body: fd }); if (!put.ok) throw new Error('s3_upload_failed'); keys.push(u.fields?.key || u.key); } return keys; } finally { this._uploadBusy = false; } } submitHandlerV3 = async (evt) => { try { const form = evt.currentTarget; evt.preventDefault(); this.showMessage('Processing...', undefined, undefined, 8000); const fields = Array.from(form.querySelectorAll('.mcp-data-field')); const payload = { tenant:'job4movers', hp:'', website:'' }; for (const el of fields) { const name = el.getAttribute('name'); if (!name) continue; if (el.type === 'checkbox' || el.type === 'radio') { payload[name] = el.checked ? '✅' : 'unchecked'; } else { payload[name] = el.value || ''; } } const fileKeys = await this.uploadSelectedFiles(); if (fileKeys.length) payload.fileKeys = fileKeys; const proof = await this.mintProof('submit'); const res = await fetch(this.SUBMIT_ENDPOINT, { method: 'POST', headers: { 'Content-Type': 'application/json', 'x-proof': proof }, body: JSON.stringify(payload) }); const j = await res.json().catch(() => ({})); if (!res.ok || !j?.ok) throw new Error('submit_failed'); this.showToast?.('toast-success'); form.reset(); } catch (e) { console.warn('submitHandlerV3 error', e); this.showToast?.('toast-failure'); } } constructor(meta, site) { this.id = this.getRandom(); meta.ctxt = () => { return this }; this.site = site; this.generate() } getSuggestions = async () => { return [ { detail: `(object)

${title}

Virtual Estimate