One support inbox for all your Shopify apps.

// app.tsx: the server route keeps your key, the provider adds the widget.
<WishSupportProvider navigate={useNavigate()}>
  <Outlet />
</WishSupportProvider>

// app.support._index.tsx
<SupportList />

// app.support.$ticketId.tsx
<SupportTicket ticketId={useParams().ticketId!} />

// On your app's server: the API key never reaches a browser.
const response = await fetch('https://api.wishsupport.app/v1/client/tickets', {
  method: 'POST',
  headers: {
    Authorization: `Bearer ${process.env.WISHSUPPORT_API_KEY}`,
    'X-Shop-Domain': session.shop, // from your authenticated Shopify session
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    shopName: shop.name,
    requesterName: staff.name,
    requesterEmail: staff.email,
    subject: 'COD form not showing at checkout',
    message: 'The form disappeared after the last update.',
    plan: shop.planName,
  }),
});

const { ticket } = await response.json(); // keep ticket.code for replies

curl -X POST https://api.wishsupport.app/v1/client/tickets \
  -H "Authorization: Bearer $WISHSUPPORT_API_KEY" \
  -H "X-Shop-Domain: acme.myshopify.com" \
  -H "Content-Type: application/json" \
  -d '{
    "shopName": "Acme Supplies",
    "requesterName": "Nadia Rahman",
    "requesterEmail": "nadia@acme.example",
    "subject": "COD form not showing at checkout",
    "message": "The form disappeared after the last update.",
    "plan": "growth"
  }'

{
  "ticket": { "code": "TCK-A7K2P9X", "status": "open" },
  "message": {
    "id": 1,
    "senderType": "shop",
    "body": "The form disappeared after the last update."
  }
}