Unlocking · {d.unit.id}

{/* Big ring */}

{!isOk && !isHold && (<>

)}

{isOk ? : isHold ? : } {!isOk && !isHold &&

Searching

} {isHold &&

Hold near lock

}

{isOk ? "Unlocked" : isHold ? "Almost there" : "Connecting to lock"}

{isOk ? "You have 2 minutes to open the door before it locks again." : isHold ? "Hold your phone within 30 cm of the lock pad." : "Make sure Bluetooth is on. We're finding " + d.unit.locker.id + "."}

{/* Telemetry strip */}

{!isOk ? ( ) : ( )} {!isOk && (

Trouble? Use my PIN instead

)}

); }; const Telemetry = ({ label, value, good }) => (

{label}

{value}

); // ───────────────────────────────────────────────────────────── // ACCESS — PIN keypad / QR / digital key // ───────────────────────────────────────────────────────────── const Screen_Access = ({ entered = "47" }) => { const Mi = Mi2(); const d = D2(); const filled = entered.length; return (

Access

{/* Mode tabs */}

{["PIN", "QR code", "Digital key"].map((m, i) => ( ))}

Enter your 4-digit PIN at any gate

Gate 2 · {d.facility.name.split("·")[1].trim()}

{[0,1,2,3].map(i =>

)}

{[1,2,3,4,5,6,7,8,9].map(n => )}

PIN access works even when your phone is offline.

); }; // ───────────────────────────────────────────────────────────── // WAYFINDING — facility map with route to your unit // ───────────────────────────────────────────────────────────── const Screen_Wayfind = () => { const Mi = Mi2(); const d = D2(); return (

Find your unit

{/* Floating ETA */}

ETA on foot

2 min · 80m

Step-by-step

); }; const Step = ({ n, t, s, done, active }) => (

{done ? : n}

{t}

{s}

); // ───────────────────────────────────────────────────────────── // BILLING // ───────────────────────────────────────────────────────────── const Screen_Billing = () => { const Mi = Mi2(); const d = D2(); return (

Billing

Next charge · {d.unit.next_bill}

$250.00NZD

2 units · auto-pay enabled

Payment method

{d.cards.map((c, i) => (

{c.brand === "Visa" ? "VISA" : "MC"}

{c.brand} •• {c.last4}

Expires {c.exp}{c.primary ? " · Primary" : ""}

{c.primary && Default}

))}

Add card or bank account

Activity

{d.ledger.slice(0, 6).map((l, i) => (

{l.desc}

{l.date} · {l.status === "paid" ? "Paid" : "Scheduled"}

${l.amount.toFixed(2)}

))}

); }; // ───────────────────────────────────────────────────────────── // ACCOUNT // ───────────────────────────────────────────────────────────── const Screen_Account = () => { const Mi = Mi2(); const d = D2(); return (

Account

{d.tenant.initials}

{d.tenant.name}

Member since {d.tenant.member_since}

{/* Stats grid */}

Profile

Preferences

Plan

VaultOS Plus

Insurance + 24/7 access + climate

Active

Support

); }; const Row = ({ icon, t, s, rightToggle, defaultOn }) => { const Mi = Mi2(); const Icon = Mi[icon]; return (

{t}

{s}

{rightToggle ? (

) : ( )}

); }; const Stat2 = ({ label, value, good }) => (

{value}

{label}

); // ───────────────────────────────────────────────────────────── // ONBOARDING — three landing screens & pick-a-unit // ───────────────────────────────────────────────────────────── const Screen_Onboard_Welcome = () => { const Mi = Mi2(); return (

Storage that
opens with a tap.

Find a unit, sign your lease, and unlock the gate — all from your phone. No keys, no queues.

Already a customer? Sign in

); }; const Screen_Onboard_PickSize = () => { const Mi = Mi2(); const sizes = [ { id: 1, label: "Locker", sub: "1.0 × 1.5 m · holds boxes & bags", dim: "1.5m²", price: 65, ic: "package" }, { id: 2, label: "Standard", sub: "2.4 × 3.0 m · 1-bedroom worth", dim: "7.2m²", price: 185, ic: "unit", selected: true }, { id: 3, label: "Large", sub: "3.0 × 4.5 m · 2–3 bedrooms + couch", dim: "13.5m²", price: 295, ic: "unit" }, { id: 4, label: "Drive-up", sub: "3.0 × 4.5 m · van or trailer access", dim: "13.5m²", price: 245, ic: "package" }, ]; return (

Step 2 of 4

Pick your size

You can upgrade or downgrade any time.

{sizes.map(s => { const Icon = Mi[s.ic]; return (

{s.label}

{s.dim}

{s.sub}

${s.price}

/ month

); })}

Helpful for

{["1-bed apartment", "Studio gear", "Business stock", "Seasonal items", "Sports kit"].map(t => {t} )}

); }; const Screen_Onboard_Confirm = () => { const Mi = Mi2(); const d = D2(); return (

Step 4 of 4

Review & sign

You'll get keyless access the moment you sign.

Unit

{d.unit.id} · Standard

Size

{d.unit.size}

Climate

Constant 20°C

Insurance

Up to $5,000

Move-in

Today, 14:00 NZST

You'll pay today

Then $185/month on the 14th. Cancel any time, no penalty.

VISA

Visa •• 4218

Expires 08/27

Change

I agree to the tenancy agreement and confirm I'm storing only allowed items.

); }; const Line = ({ t, v, sub, big }) => (

{t}

{sub &&

{sub}

}

{v}

); // ───────────────────────────────────────────────────────────── // LOCK-UP REMINDER (push notification + in-app banner) // ───────────────────────────────────────────────────────────── const Screen_LockReminder = () => { const Mi = Mi2(); const d = D2(); return (

Reminder

Did you lock up?

Unit {d.unit.id} has been open for 32 minutes. We'll keep reminding you until it's secure.

Sensor: door open

Last closed at 14:08 today

32m

); }; window.MScreens2 = { Screen_Unlock, Screen_Access, Screen_Wayfind, Screen_Billing, Screen_Account, Screen_Onboard_Welcome, Screen_Onboard_PickSize, Screen_Onboard_Confirm, Screen_LockReminder, };