{"version":3,"file":"gatewayControl.obs.js","sources":["../../../Framework/Controls/gatewayControl.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <div>\n        <ComponentFromUrl :url=\"url\"\n                          :settings=\"settings\"\n                          :amount=\"amountToPay\"\n                          :returnUrl=\"returnUrl\"\n                          @validation=\"onValidation\"\n                          @success=\"onSuccess\"\n                          @error=\"onError\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType } from \"vue\";\n    import ComponentFromUrl from \"./componentFromUrl.obs\";\n    import { FormError } from \"@Obsidian/Utility/form\";\n    import { GatewayControlBag } from \"@Obsidian/ViewModels/Controls/gatewayControlBag\";\n    import { GatewayEmitStrings } from \"@Obsidian/Enums/Controls/gatewayEmitStrings\";\n\n    const props = defineProps({\n        gatewayControlModel: {\n            type: Object as PropType<GatewayControlBag>,\n            required: true\n        },\n\n        amountToPay: {\n            type: Number as PropType<number>,\n            required: true\n        },\n\n        returnUrl: {\n            type: String as PropType<string>,\n            required: false\n        }\n    });\n\n    const emit = defineEmits<{\n        (e: typeof GatewayEmitStrings.Success, value: string): void;\n        (e: typeof GatewayEmitStrings.Validation, value: FormError[]): void;\n        (e: typeof GatewayEmitStrings.Error, value: string): void;\n    }>();\n\n    /** The URL that will be used to load the gateway component. */\n    const url = computed((): string => props.gatewayControlModel.fileUrl ?? \"\");\n\n    /** The settings that will be supplied to the gateway component. */\n    const settings = computed((): Record<string, unknown> => props.gatewayControlModel.settings as Record<string, unknown>);\n\n    /** The amount to be charged to the payment method by the gateway. */\n    const amountToPay = computed((): number => props.amountToPay);\n\n    /**\n     * Intercept the success event, so that local state can reflect it.\n     * @param token\n     */\n    function onSuccess(token: string): void {\n        emit(GatewayEmitStrings.Success, token);\n    }\n\n    /**\n     * This method handles validation updates.\n     *\n     * @param validationErrors The fields and error messages.\n     */\n    function onValidation(validationErrors: FormError[]): void {\n        emit(GatewayEmitStrings.Validation, validationErrors);\n    }\n\n    /**\n     * This method handles errors in the gateway component.\n     *\n     * @param message The error message to display.\n     */\n    function onError(message: string): void {\n        emit(GatewayEmitStrings.Error, message);\n    }\n</script>\n"],"names":["url","computed","_props$gatewayControl","props","gatewayControlModel","fileUrl","settings","amountToPay","onSuccess","token","emit","GatewayEmitStrings","Success","onValidation","validationErrors","Validation","onError","message","Error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA4CI,IAAMA,GAAG,GAAGC,QAAQ,CAAC,MAAA;MAAA,MAAA,IAAAC,qBAAA,CAAA;MAAA,MAAA,OAAA,CAAAA,qBAAA,GAAcC,KAAK,CAACC,mBAAmB,CAACC,OAAO,MAAA,IAAA,IAAAH,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,EAAE,CAAA;WAAC,CAAA,CAAA;UAG3E,IAAMI,QAAQ,GAAGL,QAAQ,CAAC,MAA+BE,KAAK,CAACC,mBAAmB,CAACE,QAAmC,CAAC,CAAA;UAGvH,IAAMC,WAAW,GAAGN,QAAQ,CAAC,MAAcE,KAAK,CAACI,WAAW,CAAC,CAAA;UAM7D,SAASC,SAASA,CAACC,KAAa,EAAQ;MACpCC,MAAAA,IAAI,CAACC,kBAAkB,CAACC,OAAO,EAAEH,KAAK,CAAC,CAAA;MAC3C,KAAA;UAOA,SAASI,YAAYA,CAACC,gBAA6B,EAAQ;MACvDJ,MAAAA,IAAI,CAACC,kBAAkB,CAACI,UAAU,EAAED,gBAAgB,CAAC,CAAA;MACzD,KAAA;UAOA,SAASE,OAAOA,CAACC,OAAe,EAAQ;MACpCP,MAAAA,IAAI,CAACC,kBAAkB,CAACO,KAAK,EAAED,OAAO,CAAC,CAAA;MAC3C,KAAA;;;;;;;;;;;;;;;;;;;;;;;"}