@adyen/kyc-components
Version:
This guide assumes that you have already an account with Adyen. A legalEntity needs to be created, and you need to have a `legalEntityId` to instatiate a Component.
83 lines (82 loc) • 4.11 kB
JavaScript
try {
let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f31c5872-48e2-4a94-9c89-cdbcb8c53aad", e._sentryDebugIdIdentifier = "sentry-dbid-f31c5872-48e2-4a94-9c89-cdbcb8c53aad");
} catch (e) {}
import { a as Icon } from "./translation-BYvhW5zA.js";
import { r as Loader, t as Button } from "./Button-i8I2dHP8.js";
import cx from "classnames";
import { jsx, jsxs } from "preact/jsx-runtime";
import { cloneElement, isValidElement } from "preact";
var EndStateLayout_module_default = {
"end-state-layout": "_end-state-layout_z1k0z_1",
endStateLayout: "_end-state-layout_z1k0z_1",
"end-state-layout-header": "_end-state-layout-header_z1k0z_15",
endStateLayoutHeader: "_end-state-layout-header_z1k0z_15",
"end-state-layout-icon": "_end-state-layout-icon_z1k0z_23",
endStateLayoutIcon: "_end-state-layout-icon_z1k0z_23",
"end-state-layout-icon-success": "_end-state-layout-icon-success_z1k0z_37",
endStateLayoutIconSuccess: "_end-state-layout-icon-success_z1k0z_37",
"end-state-layout-icon-error": "_end-state-layout-icon-error_z1k0z_43",
endStateLayoutIconError: "_end-state-layout-icon-error_z1k0z_43",
"end-state-layout-icon-info": "_end-state-layout-icon-info_z1k0z_49",
endStateLayoutIconInfo: "_end-state-layout-icon-info_z1k0z_49",
"end-state-layout-icon-warning": "_end-state-layout-icon-warning_z1k0z_54",
endStateLayoutIconWarning: "_end-state-layout-icon-warning_z1k0z_54",
"end-state-layout-title": "_end-state-layout-title_z1k0z_59",
endStateLayoutTitle: "_end-state-layout-title_z1k0z_59",
"end-state-layout-description": "_end-state-layout-description_z1k0z_67",
endStateLayoutDescription: "_end-state-layout-description_z1k0z_67",
"end-state-layout-action": "_end-state-layout-action_z1k0z_74",
endStateLayoutAction: "_end-state-layout-action_z1k0z_74"
};
//#endregion
//#region src/components/ui/layout/EndStateLayout/EndStateLayout.tsx
var EndStateLayout = ({ action, description, loading = false, title, variant = "success" }) => {
if (action && (!isValidElement(action) || action.type !== Button)) throw new Error("EndStateLayout component only accepts Button component as \"action\".");
const iconClassname = cx(EndStateLayout_module_default.endStateLayoutIcon, {
[EndStateLayout_module_default.endStateLayoutIconSuccess]: variant === "success",
[EndStateLayout_module_default.endStateLayoutIconError]: variant === "error",
[EndStateLayout_module_default.endStateLayoutIconWarning]: variant === "warning",
[EndStateLayout_module_default.endStateLayoutIconInfo]: variant === "info" || variant === "basic"
});
const iconName = {
basic: "info-circle",
error: "cross",
info: "info-circle",
success: "check",
warning: "warning"
};
const actionButton = action ? cloneElement(action, { disabled: loading }) : null;
return /* @__PURE__ */ jsxs("article", {
className: EndStateLayout_module_default.endStateLayout,
children: [/* @__PURE__ */ jsxs("header", {
className: EndStateLayout_module_default.endStateLayoutHeader,
children: [
loading ? /* @__PURE__ */ jsx("div", {
className: EndStateLayout_module_default.endStateLayoutIcon,
role: "progressbar",
children: /* @__PURE__ */ jsx(Loader, {})
}) : /* @__PURE__ */ jsx("div", {
className: iconClassname,
role: "img",
"aria-label": variant,
children: /* @__PURE__ */ jsx(Icon, { name: iconName[variant] })
}),
/* @__PURE__ */ jsx("h1", {
className: EndStateLayout_module_default.endStateLayoutTitle,
children: title
}),
description && /* @__PURE__ */ jsx("div", {
className: EndStateLayout_module_default.endStateLayoutDescription,
children: description
})
]
}), actionButton && /* @__PURE__ */ jsx("div", {
className: EndStateLayout_module_default.endStateLayoutAction,
role: "toolbar",
children: actionButton
})]
});
};
//#endregion
export { EndStateLayout as t };