import { IGenericCreditCard} from "../../../../generic/types";
import { IRWCAnswerComponent } from "../../../types";
import { transformMediaContent } from '../index';

export const transformCreditCard = (msg: IRWCAnswerComponent): IGenericCreditCard => {
    const result: IGenericCreditCard = {
        type: 'creditCard',
        props: {
            rwc: {
                buttonLabel: msg.vBind?.buttonLabel || "",
                cancelButtonLabel: msg.vBind?.cancelButtonLabel || "",
                termsCheckboxLabel: msg.vBind?.termsCheckboxLabel || "",
            }
        },
        children: []
    };

    const terms = (msg?.vBind?.termsCheckboxLink || []).map(link => transformMediaContent(link, 'termsCheckboxLink'));
    result.children.push(...terms);

    return result;
};