PassFields are not displaying on generated pass

[mbappai]

All fields (headers, primary, auxiliary) I specified don't seem to be showing up on the pass. Any reason as to why that is?

Here is how I'm implementing it

              ...
          
      export default async function handler(req:any, res:NextApiResponse){

    const body = JSON.parse(req?.body)

    const {qrPayload,expiryDate, location} = body

    const {signerCert, signerKey, wwdr, signerKeyPassphrase} = await getCertificates()
    const pass = await PKPass.from({
        model: path.resolve(
            __dirname,
            "../../../../",
            'pages/api/passkit/models/ticket.pass',
        ),
        certificates:{ 
            wwdr,
            signerKey,
            signerCert,
            signerKeyPassphrase
        }
    })

    // pass.set
    pass.headerFields.push(
        {
            key: "header1",
            label: "Event",
            value: "Flexable natural line skips",
            textAlignment: "PKTextAlignmentCenter",
        },
        {
            key: "header2",
            label: "Description",
            value: "Best service in Syracuse",
            textAlignment: "PKTextAlignmentCenter",
        },
    );

    pass.setLocations(location)

    pass.setBarcodes({
        message: `${JSON.stringify(qrPayload)}`,
        format: "PKBarcodeFormatQR",
        altText: "Qr code for bars"
    })

    

    pass.primaryFields.push({
        key: "Name",
        label: "Event Name",
        value: "Flexable natural line skips",
        textAlignment: "PKTextAlignmentLeft",
    })

    pass.setExpirationDate(new Date(expiryDate))

    pass.type = "eventTicket"
    
    const buffer = pass.getAsBuffer();  
    
    // console.log('streaming...',buffer)
    res.status(200)
    res.setHeader("Content-Type", pass.mimeType)
    // res.setHeader("Content-Dispostion", 'attachment; filena.pkpass')
    res.send(buffer)

    }  
    ....

PS: I have also set default values of those same field in pass.json

[alexandercerutti]

@mbappai you might want to check console logs or Console.app logs to check if there's some meaningful message. For sure, if you could share your code, it might let me help you further!

[mbappai]

Yeah I previously didn't have labelColor set until you mentioned. It's still not showing up after giving it a color

[alexandercerutti]

Oh! I understood the issue: you are setting pass.type after having set the fields.

As per the documention, fields are strictly related to type, so if you change it, they will get deleted.

[mbappai]

No shit!! haha It works now!

Sorry I missed that part of the documentation. And besides i'm just realising that I already had the pass type set in the JSON so having it set dynamically is just redundant.

Thanks for the assistance as always Alex!

[alexandercerutti]

Just a tip for the future to debug: you can rename a .pkpass file into .zip and extract it and see what got generated 😉

[mbappai]

haha that is exactly what I did just now. Thanks for the tip though. Much appreciated!