This component enables you to bind external gift card information and external gift card types for editing purposes.

Params

external-gift-card

An object with following properties:

• Type
• AccountNumber
• AuthorizationKey

card-types

An array of external gift card types. Each element of the array has the following properties:

• Value
• Name
• accountNumberRegex (optional)

External Gift Card

External Gift Card

HTML

<div ng-controller="ExternalGiftCardExampleController as ctrl" class="t-content">
    <ng-form class="c-generalForm" autocomplete="off">
        <inv-external-gift-card external-gift-card="ctrl.externalGiftCard" card-types="ctrl.cardTypes" on-change="ctrl.onChange" on-blur="ctrl.onBlur"></inv-external-gift-card>
    </ng-form>
</div>

External Gift Card without Heading

Shows the external gift card form sans heading

HTML

<div ng-controller="ExternalGiftCardExampleController as ctrl" class="t-content">
    <ng-form class="c-generalForm" autocomplete="off">
        <inv-external-gift-card external-gift-card="ctrl.externalGiftCard" card-types="ctrl.cardTypes" hide-title="true"></inv-external-gift-card>
    </ng-form>
</div>