intentful/apl/components/alexa-style/templates/detail.js

Create Custom Skills with less headache

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AlexaDetail = void 0;
const helpers_1 = require("../../../interfaces/helpers");
const component_1 = require("../../component");
class AlexaDetail extends component_1.APLComponent {
    constructor(props) {
        super('AlexaDetail', props);
    }
    componentSpecificModel() {
        return {
            backgroundAlign: this.props.backgroundAlign,
            backgroundBlur: this.props.backgroundBlur,
            backgroundColor: this.props.backgroundColor,
            backgroundColorOverlay: this.props.backgroundColorOverlay,
            backgroundImageSource: this.props.backgroundImageSource,
            backgroundOverlayGradient: this.props.backgroundOverlayGradient,
            backgroundOverlayNoise: this.props.backgroundOverlayNoise,
            backgroundScale: this.props.backgroundScale,
            backgroundVideoAudioTrack: this.props.backgroundVideoAudioTrack,
            backgroundVideoAutoPlay: this.props.backgroundVideoAutoPlay,
            backgroundVideoSource: this.props.backgroundVideoSource,
            bodyText: this.props.bodyText,
            button1AccessibilityLabel: this.props.button1AccessibilityLabel,
            button1PrimaryAction: this.props.button1PrimaryAction,
            button1Style: this.props.button1Style,
            button1Text: this.props.button1Text,
            button1Theme: this.props.button1Theme,
            button2AccessibilityLabel: this.props.button2AccessibilityLabel,
            button2PrimaryAction: this.props.button2PrimaryAction,
            button2Style: this.props.button2Style,
            button2Text: this.props.button2Text,
            button2Theme: this.props.button2Theme,
            detailImageAlignment: this.props.detailImageAlignment,
            detailType: this.props.detailType,
            emptyRatingGraphic: this.props.emptyRatingGraphic,
            externalLinkButtonAccessibilityLabel: this.props.externalLinkButtonAccessibilityLabel,
            externalLinkButtonPrimaryAction: this.props.externalLinkButtonPrimaryAction,
            externalLinkButtonText: this.props.externalLinkButtonText,
            externalLinkButtonTheme: this.props.externalLinkButtonTheme,
            fullRatingGraphic: this.props.fullRatingGraphic,
            halfRatingGraphic: this.props.halfRatingGraphic,
            headerAttributionImage: this.props.headerAttributionImage,
            headerAttributionPrimacy: this.props.headerAttributionPrimacy,
            headerAttributionText: this.props.headerAttributionText,
            headerBackButton: this.props.headerBackButton,
            headerBackButtonAccessibilityLabel: this.props.headerBackButtonAccessibilityLabel,
            headerBackButtonCommand: this.props.headerBackButtonCommand,
            headerBackgroundColor: this.props.headerBackgroundColor,
            headerDivider: this.props.headerDivider,
            headerSubtitle: this.props.headerSubtitle,
            headerTitle: this.props.headerTitle,
            imageAlignment: this.props.imageAlignment,
            imageAspectRatio: this.props.imageAspectRatio,
            imageBlurredBackground: this.props.imageBlurredBackground,
            imageCaption: this.props.imageCaption,
            imageHeight: this.props.imageHeight,
            imageRoundedCorner: this.props.imageRoundedCorner,
            imageScale: this.props.imageScale,
            imageShadow: this.props.imageShadow,
            imageSource: this.props.imageSource,
            ingredientListItems: this.props.ingredientListItems,
            ingredientsHideDivider: this.props.ingredientsHideDivider,
            ingredientsText: this.props.ingredientsText,
            locationText: this.props.locationText,
            primaryText: this.props.primaryText,
            quaternaryText: this.props.quaternaryText,
            ratingGraphicType: this.props.ratingGraphicType,
            ratingNumber: this.props.ratingNumber,
            ratingSlotMode: this.props.ratingSlotMode,
            ratingSlotPadding: this.props.ratingSlotPadding,
            ratingText: this.props.ratingText,
            scrollViewId: this.props.scrollViewId,
            secondaryText: this.props.secondaryText,
            singleRatingGraphic: this.props.singleRatingGraphic,
            singleRatingGraphicWidth: this.props.singleRatingGraphicWidth,
            tertiaryText: this.props.tertiaryText
        };
    }
    componentSpecificRequestHandlers() {
        return [
            ...(0, helpers_1.convertVideoSourcePropsToRequestHandlers)(this.props.backgroundVideoSource),
            ...(0, helpers_1.convertCommandListToRequestHandlers)([
                this.props.button1PrimaryAction,
                this.props.button2PrimaryAction,
                this.props.headerBackButtonCommand,
                this.props.externalLinkButtonPrimaryAction
            ])
        ];
    }
}
exports.AlexaDetail = AlexaDetail;