@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.
71 lines (70 loc) • 3.02 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] = "ba37a07f-4991-485a-b3ba-b4de75a6fad3", e._sentryDebugIdIdentifier = "sentry-dbid-ba37a07f-4991-485a-b3ba-b4de75a6fad3");
} catch (e) {}
import { a as Icon } from "./translation-BYvhW5zA.js";
import { t as Avatar } from "./Avatar-CdBNstmD.js";
import cx from "classnames";
import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
var ListItem_module_default = {
"list-item": "_list-item_rscmk_1",
listItem: "_list-item_rscmk_1",
"list-item-interactive": "_list-item-interactive_rscmk_12",
listItemInteractive: "_list-item-interactive_rscmk_12",
"list-item-text": "_list-item-text_rscmk_41",
listItemText: "_list-item-text_rscmk_41",
"list-item-title": "_list-item-title_rscmk_50",
listItemTitle: "_list-item-title_rscmk_50",
"list-item-description": "_list-item-description_rscmk_59",
listItemDescription: "_list-item-description_rscmk_59",
"list-item-disclosure": "_list-item-disclosure_rscmk_66",
listItemDisclosure: "_list-item-disclosure_rscmk_66",
"list-item-accessory": "_list-item-accessory_rscmk_72",
listItemAccessory: "_list-item-accessory_rscmk_72"
};
//#endregion
//#region src/components/ui/atoms/ListItem/ListItem.tsx
var ListItem = ({ accessory, action, avatar, description, title }) => {
const isInteractive = !!action && typeof action.onClick === "function";
const isDisabled = !!action?.disabled;
const listItemAvatar = {
...avatar,
...isDisabled && { variant: "disabled" }
};
const rootClassname = cx(ListItem_module_default.listItem, { [ListItem_module_default.listItemInteractive]: isInteractive });
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
avatar && /* @__PURE__ */ jsx(Avatar, { ...listItemAvatar }),
/* @__PURE__ */ jsxs("div", {
className: ListItem_module_default.listItemText,
children: [/* @__PURE__ */ jsx("h3", {
className: ListItem_module_default.listItemTitle,
children: title
}), description && /* @__PURE__ */ jsx("span", {
className: ListItem_module_default.listItemDescription,
children: description
})]
}),
accessory && /* @__PURE__ */ jsx("div", {
className: ListItem_module_default.listItemAccessory,
children: accessory
})
] });
if (isInteractive) return /* @__PURE__ */ jsxs("button", {
"aria-label": title,
className: rootClassname,
disabled: isDisabled,
onClick: action.onClick,
type: "button",
children: [content, action?.disclosure && !isDisabled && /* @__PURE__ */ jsx("div", {
className: ListItem_module_default.listItemDisclosure,
"data-testid": "disclosure-indicator",
children: /* @__PURE__ */ jsx(Icon, { name: "chevron-right" })
})]
});
else return /* @__PURE__ */ jsx("div", {
className: rootClassname,
children: content
});
};
//#endregion
export { ListItem as t };