Create Itemized Invoice

Required Inputs

• organizationId: this is the organization whose payment terms you want listed in the selector
• saleType: order
• saleGroupItems: an array of the sale items and quantities associated with this sale.

Optional Input

• addPaymentTerms: boolean, set to "true" to display the link to launch the add payment terms modal
• newTermsAdded: boolean, set to "true" to preselect newly added terms (via addPaymentTerms)
• preSelectedTermId: the id of the payment terms that should be selected when the element is loaded or changed
• triggerPaymentTermError: boolean, triggers validation checks and applicable errors in the element when the user performs an action (e.g. button click) located in the host application.

  The validation checks happen on all applicable form controls in the element (paymentTermSelect, customDates, upfrontAmount).

  The 'valid' attribute emitted with the `outputPaymentTermForm` can be used to set and update the 'triggerPaymentTermError' attribute in the host application.

  See a code example in sn_frontend: https://github.com/sportngin/sn_frontend/blob/master/client-apps/org/send-invoices/send-invoices.directive.js#L46-L48

Outputs

• outputPaymentTermForm: when payment terms are selected from the drop down or the element itself changes, the form data is emitted.
• openPaymentTermsModal: If the input 'addPaymentTerms' is passed to the element, event is emitted when a click on the link 'Add Payment Terms' happens. Host app needs to then trigger the payment terms modal to open.