zuora | ActiveModel backed Zuora integration | Application Framework library

I'm working on an angular based prototype which feeding a SaaS (Zuora) Backend. My Prototype can create new orders in Zuora with information filled in a reactive form for account information etc. (basically anything that just has to appear once in the POST request). But I have no clue how to add "n" (1=<) subscriptions to the call.

At the moment the service is partially hardcoded: Post Function from Service:

I'm developing a prototype to showcase how we could change our business model from a "box" driven market and turn it into a subscription business. We are using the platform Zuora central to manage our subscriptions. The data is provided via REST. (See https://www.zuora.com/developer/api-reference/#tag/Catalog). I'm using the data that I have called from ZUORA to adjust pricing.

I have following n-level datamodel:

I'm loading information from an AZURE ressource (in total there are ~3700 records with 10 attributes). The response provides a header (x-ms-continuation: {"token":"-RID:R-UdANZutGzxAwAAAAAAAA==#RT:1#TRC:1000","range":{"min":"","max":"FF"}}) that indicates that more items are to be loaded + the header must be added to the next request so that the next 1000 records are retrived. The data shall be stored in a variable (accounts) so data is only fetched once when the application is loaded.

On page initialization the function: public getAccounts() triggers the load() function returns the first 1000 records and stores them in accounts. In the outcommented section there is fetchAccounts where I tried to get this working.

I have following dataframe

So I have a question I want to ask my Ruby object:

Are there any failed scenarios in my testing results?

The object that I am inquiring looks like this:

Here is the block of code in question, the response being passed to it is irrelevant at this point in my development due to the actual method returning a stub that should not pass:

I'm using the Zuora hosted payment iframe. In short, you load the Zuora library to give you access to a Z object containing the Zuora API methods. Using Z.render() to render the payment form into an iframe.

When the iframe loads this error is shown in the console:

Short question: Using the get_invoices endpoint, when I try to access the URL from the InvoiceFiles.pdfFileUrl response, it pops up a api.zuora login form. I need my customers to be able to access these PDFs.

If I enter my Zuora creds, it will display the invoice, but of course my customers don't have Zuora creds.

Is there some sort of setting to allow customers to view PDFs from the URL?

Long Question:

The get_invoices endpoint returns 2 items of interest.

body is the REST URL of the invoice PDF file.

and

InvoiceFiles returns

1. id ID of the invoice PDF file. This is the ID for the file object and different from the file handle id in the pdfFileUrl field. To open a file, you need to use the file handle ID.
2. versionNumber Version number of the invoice PDF file
3. pdfFileUrl REST URL for the invoice PDF file. Click the URL to open the invoice PDF file.

Is there a difference between what is returned by body and InvoiceFiles.pdfFileUrl, and how do I use them correctly?

The pdfFileUrl can return multiple files. Each time the invoice is update (the customer pays etc) it generates another file. The most recent is the at index 0.

However trying to access any of the URLs, I get a api.zuora login form. If I enter my Zuora creds, it will display the invoice, but of course my customers don't have Zuora creds.

The example on the endpoint page has both the body and the pdfFiles return as blank so that doesn't help much.

Searched through their community for a while, nothing couldn't find anything remotely similar to my issue.

I have a main app.component file which redirects to a login file. I want to have named router outlets throughout the app because I need to navigate to full page views in different places in the app. Unfortunately, the redirect doesn't work and angular complains that

RROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'login'

Here's the code