@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.
112 lines (111 loc) • 4.36 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] = "8105bc51-7766-4aeb-841f-5043b2ec677d", e._sentryDebugIdIdentifier = "sentry-dbid-8105bc51-7766-4aeb-841f-5043b2ec677d");
} catch (e) {}
import { a as Icon, i as Typography } from "./translation-BYvhW5zA.js";
import cx from "classnames";
import { jsx, jsxs } from "preact/jsx-runtime";
import { defineSlots } from "named-slots";
var Skeleton_module_default = {
skeleton: "_skeleton_xa3xt_1",
"skeleton-circle": "_skeleton-circle_xa3xt_11",
skeletonCircle: "_skeleton-circle_xa3xt_11",
"skeleton-text": "_skeleton-text_xa3xt_14",
skeletonText: "_skeleton-text_xa3xt_14"
};
//#endregion
//#region src/components/ui/atoms/Skeleton/Skeleton.tsx
var Skeleton = ({ circle = false, text = false, height = "1em", width }) => {
return /* @__PURE__ */ jsx("div", {
className: cx(Skeleton_module_default.skeleton, {
[Skeleton_module_default.skeletonCircle]: circle,
[Skeleton_module_default.skeletonText]: text
}),
style: {
height,
width
}
});
};
var Accordion_module_default = {
accordion: "_accordion_1sg6i_1",
"accordion-summary": "_accordion-summary_1sg6i_2",
accordionSummary: "_accordion-summary_1sg6i_2",
"accordion-basic": "_accordion-basic_1sg6i_16",
accordionBasic: "_accordion-basic_1sg6i_16",
"accordion-info": "_accordion-info_1sg6i_19",
accordionInfo: "_accordion-info_1sg6i_19",
"accordion-error": "_accordion-error_1sg6i_22",
accordionError: "_accordion-error_1sg6i_22",
"accordion-warning": "_accordion-warning_1sg6i_25",
accordionWarning: "_accordion-warning_1sg6i_25",
"accordion-success": "_accordion-success_1sg6i_28",
accordionSuccess: "_accordion-success_1sg6i_28",
"accordion-narrow": "_accordion-narrow_1sg6i_31",
accordionNarrow: "_accordion-narrow_1sg6i_31",
"accordion-content": "_accordion-content_1sg6i_34",
accordionContent: "_accordion-content_1sg6i_34",
"accordion-with-icon": "_accordion-with-icon_1sg6i_38",
accordionWithIcon: "_accordion-with-icon_1sg6i_38",
"accordion-arrow": "_accordion-arrow_1sg6i_53",
accordionArrow: "_accordion-arrow_1sg6i_53",
"accordion-arrow-right": "_accordion-arrow-right_1sg6i_59",
accordionArrowRight: "_accordion-arrow-right_1sg6i_59"
};
//#endregion
//#region src/components/ui/atoms/Accordion/Accordion.tsx
var Accordion = ({ children, expandOnLeft = false, onToggle, className, variant = "basic", narrow = false }) => {
const { Slot } = defineSlots(children, [
"title",
"content",
"icon"
]);
const handleToggle = (e) => {
if (!onToggle) return;
onToggle(e.newState === "closed" ? "close" : "open");
};
const variantMap = {
basic: Accordion_module_default.accordionBasic,
info: Accordion_module_default.accordionInfo,
error: Accordion_module_default.accordionError,
warning: Accordion_module_default.accordionWarning,
success: Accordion_module_default.accordionSuccess
};
return /* @__PURE__ */ jsxs("details", {
onToggle: handleToggle,
className: cx(className, Accordion_module_default.accordion, variantMap[variant], {
[Accordion_module_default.accordionWithIcon]: expandOnLeft,
[Accordion_module_default.accordionNarrow]: narrow
}),
children: [/* @__PURE__ */ jsxs("summary", {
className: Accordion_module_default.accordionSummary,
children: [
expandOnLeft && /* @__PURE__ */ jsx(Icon, {
name: "chevron-down",
className: Accordion_module_default.accordionArrow
}),
/* @__PURE__ */ jsx(Slot, { name: "icon" }),
/* @__PURE__ */ jsx(Typography, {
el: "h3",
variant: "body-strongest",
children: /* @__PURE__ */ jsx(Slot, {
name: "title",
children: /* @__PURE__ */ jsx(Skeleton, {})
})
}),
!expandOnLeft && /* @__PURE__ */ jsx(Icon, {
name: "chevron-down",
className: cx(Accordion_module_default.accordionArrow, Accordion_module_default.accordionArrowRight)
})
]
}), /* @__PURE__ */ jsx("div", {
className: Accordion_module_default.accordionContent,
children: /* @__PURE__ */ jsx(Slot, {
name: "content",
children: /* @__PURE__ */ jsx(Skeleton, {})
})
})]
});
};
//#endregion
export { Skeleton as n, Accordion as t };