{"version":3,"file":"HostedPaymentError.mjs","names":["React","useTranslation","UdpMessageBar","HostedPaymentError","t0","$","_c","error","message","t","t1","defaultValue","t2","t3"],"sources":["../../../../src/utilities/form/paymentForm/HostedPaymentError.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { UdpMessageBar } from '../../../UI/fluent-web-components/UdpMessageBar';\n\n/**\n * Inline error surface for failures while preparing the hosted-payment iframe\n * (bad config string, missing baseUrl, etc.). Rendered above the payment form\n * so the user can see the problem without losing context.\n */\nexport const HostedPaymentError = ({\n  error,\n  message,\n}: {\n  error?: string;\n  message: string;\n}) => {\n  const { t } = useTranslation();\n  return (\n    <UdpMessageBar intent=\"error\" layout=\"multiline\">\n      {t('payments.form.hostedRenderError', {\n        defaultValue:\n          'There was an error rendering the hosted payment form. Please check your settings and try again',\n      })}\n      {': '}\n      {error ? `${error}: ` : ''}\n      {message}\n    </UdpMessageBar>\n  );\n};\n"],"mappings":";;;;;;;;;;AASA,MAAaG,sBAAqBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,OAAAC,YAAAJ;CAOjC,MAAA,EAAAK,MAAcR,gBAAgB;CAAC,IAAAS;AAAA,KAAAL,EAAA,OAAAI,GAAA;AAG1BC,OAAAD,EAAE,mCAAmC,EAAAE,cAElC,kGACH,CAAC;AAAAN,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAED,MAAAO,KAAAL,QAAA,GAAWA,MAAK,MAAhB;CAAyB,IAAAM;AAAA,KAAAR,EAAA,OAAAG,WAAAH,EAAA,OAAAK,MAAAL,EAAA,OAAAO,IAAA;AAN5BC,OAAA,sBAAA,cAAC,eAAD;GAAsB,QAAA;GAAe,QAAA;GAQrB,EAPbH,IAIA,MACAE,IACAJ,QACa;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAK;AAAAL,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;AAAA,QARhBQ"}