Changelog

Marketing routes completed

The missing marketing routes from the footer are now real pages.

This removes router warnings and gives visitors a more complete view of what Uraibu supports.

New pages:

• Help Center
• Customer Reviews
• Available Countries
• Social Order
• Online Payments
• Nova
• Live Deals
• Resellers
• Delivery Services
• About
• Privacy Policy
• Terms of Service
• For Nonprofits
• Contact Us
• Sauti

Why it matters:

The footer represents the product surface area. These pages now match Uraibu’s focus on WhatsApp ordering, storefronts, local payments, delivery, and role-based commerce.

Account persistence and protected onboarding

Protected onboarding now has a more reliable account hydration path.

The app can persist the auth account in local storage and hydrate auth state on the client before onboarding pages rely on it.

Improvements:

• Pinia store local storage wiring
• Client hydration plugin for auth account state
• Protected onboarding support
• More reliable personalization of onboarding titles and role actions

Why it matters:

Once /onboard is protected, role setup pages need user context. Persisting and hydrating the auth account prevents onboarding from losing that context between redirects.

Auth redirect index

Uraibu now has an auth index page for redirect handling.

This route lets login, signup, OAuth, and auth-code flows converge before deciding whether the user should go to phone verification, onboarding, or another destination.

Highlights:

• Shared /auth redirect page
• Conditional navigation based on next_step
• Better support for protected /onboard
• Cleaner separation between authentication and onboarding

Why it matters:

As onboarding becomes conditional and role-based, auth flows need one reliable place to interpret backend next steps.

Product media aspect ratios

The storefront details step now includes media aspect ratio selection.

Sellers can choose the product tile shape that best fits their catalog.

Supported ratios:

• 1:1
• 5:4
• 4:3
• 3:2
• 16:9
• 1.91:1

Preview behavior:

Wider ratios such as 3:2, 16:9, and 1.91:1 use six product tiles in the preview. More square ratios use four tiles.

Why it matters:

Product media has a large impact on how a store feels on mobile. Sellers can now see that choice before creating the storefront.

Storefront quickstart steps

Storefront setup now continues into quickstart steps.

The main setup page has moved to /onboard/storefront, and created storefronts can route into reference-based setup pages.

What's new:

• /onboard/storefront/index.vue
• /onboard/storefront/{reference}/products
• /onboard/storefront/{reference}/delivery
• /onboard/storefront/{reference}/payments
• Create action redirects into the products step

Why it matters:

Creating a storefront is only the first step. Sellers still need products, delivery, and payment setup before the store is ready to share.

Compact onboarding improvements

The role selection experience has been tightened for compact devices.

When a role is selected, the action now appears on the selected card instead of being pinned separately at the bottom.

Improvements:

• Selected role and continue action live together on compact screens
• Role-specific helper text
• Resume copy when the account already has the role
• Buyer continue action opens Nova in a new tab
• Higher contrast selected states

Why it matters:

Onboarding should feel direct on a phone. The selected card now carries the next action where the user is already focused.

Phone verification route

Phone verification now has its own auth page.

Both login and signup flows can redirect to the same route when the backend returns phone_verification as the next step.

What's new:

• Dedicated /auth/verify-phone page
• Shared redirect behavior for OAuth and auth-code flows
• SMS and WhatsApp verification channel support
• Icon toggle control for channel selection

Why it matters:

Phone verification is not only a signup concern. Existing users may also need to verify a phone number before continuing into protected onboarding or role setup.

System color mode support

The storefront setup experience now follows system color mode.

This keeps the preview closer to what users expect from the rest of the site and avoids forcing a theme during onboarding.

Improvements:

• System-aware light and dark mode handling
• Dark-mode friendly storefront preview
• Higher contrast selected states
• PrimeVue-inspired color options such as sky, emerald, rose, amber, violet, and fuchsia

Why it matters:

Store setup is a working surface. It should be legible, predictable, and comfortable in the environment the user already prefers.

Role-based onboarding

Uraibu now treats onboarding as a role-based flow.

Instead of sending every user through the same setup, the onboarding page can route people based on what they want to do.

What's new:

• Buyer path opens Nova
• Seller and reseller path starts storefront setup
• Courier profile setup page
• Creator profile setup page
• Partner profile setup page
• Personalized onboarding copy based on selected role

Why it matters:

Uraibu is not only for sellers. Resellers, couriers, creators, and partners all participate in the commerce network, and each needs a different setup path.

Uraibu storefront foundation

The storefront foundation is now in place.

This release introduces the first seller setup path for creating a public Uraibu storefront. It is designed for businesses that sell through WhatsApp, social links, and direct customer conversations.

Highlights:

• Storefront role path from onboarding
• Product category selection from the API
• Store name, phone, logo, store link, and primary color fields
• Mobile storefront preview during setup
• Media aspect ratio selection for product grids
• Local draft persistence for storefront setup

Why it matters:

Sellers need a simple link they can share before the order conversation starts. This release creates the base for cleaner product discovery and more structured order messages.