@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.
125 lines (124 loc) • 4.22 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] = "0754175f-23e6-4453-95ac-160c6888c7fd", e._sentryDebugIdIdentifier = "sentry-dbid-0754175f-23e6-4453-95ac-160c6888c7fd");
} catch (e) {}
import { a as Icon, r as useTranslation } from "./translation-BYvhW5zA.js";
import { i as TaskStatuses } from "./taskStatus-BtekPA8E.js";
import cx from "classnames";
import { jsx, jsxs } from "preact/jsx-runtime";
var Status_module_default = {
status: "_status_31vb0_1",
"status-icon": "_status-icon_31vb0_8",
statusIcon: "_status-icon_31vb0_8",
"status-text": "_status-text_31vb0_19",
statusText: "_status-text_31vb0_19",
"status-text-responsive": "_status-text-responsive_31vb0_27",
statusTextResponsive: "_status-text-responsive_31vb0_27",
"status-neutral": "_status-neutral_31vb0_33",
statusNeutral: "_status-neutral_31vb0_33",
"status-error": "_status-error_31vb0_43",
statusError: "_status-error_31vb0_43",
"status-warning": "_status-warning_31vb0_49",
statusWarning: "_status-warning_31vb0_49",
"status-success": "_status-success_31vb0_55",
statusSuccess: "_status-success_31vb0_55"
};
//#endregion
//#region src/components/ui/atoms/Status/Status.tsx
/**
* Displays a UI for visually discribing a success, error, warning or neutral status.
*
*
* @example
* ```jsx
* <Status icon="checkmark" text="Complete" variant="success" />
* ```
*
* @param text String (required)
* @param icon IconName. Default: 'circle-small-filled'.
* @param variant 'success', 'error', 'neutral', 'warning'. Default: 'neutral'.
*/
var variantStyles = {
success: Status_module_default.statusSuccess,
error: Status_module_default.statusError,
neutral: Status_module_default.statusNeutral,
warning: Status_module_default.statusWarning
};
var Status = ({ text, icon = "circle-small-filled", variant = "neutral", responsive = true }) => {
const rootClassname = cx(Status_module_default.status, variantStyles[variant]);
const textClassname = cx(Status_module_default.statusText, { [Status_module_default.statusTextResponsive]: responsive });
return /* @__PURE__ */ jsxs("div", {
role: "status",
className: rootClassname,
children: [/* @__PURE__ */ jsx("div", {
className: Status_module_default.statusIcon,
children: /* @__PURE__ */ jsx(Icon, { name: icon })
}), /* @__PURE__ */ jsx("div", {
className: textClassname,
children: text
})]
});
};
//#endregion
//#region src/components/Shared/TaskVerificationStatus/TaskVerificationStatus.tsx
/**
* Displays a Task/Verification Status for an entity.
*
*
* @example
* ```jsx
* <TaskVerificationStatus status={TaskStatus} />
* ```
*
* @param status TaskStatus (required)
*/
var TaskVerificationStatus = ({ status, responsive }) => {
const { t } = useTranslation("ui");
switch (status) {
case TaskStatuses.DETAILS_REQUIRED: return /* @__PURE__ */ jsx(Status, {
icon: "warning",
text: t(($) => $["incomplete"]),
variant: "warning",
responsive
});
case TaskStatuses.ERROR: return /* @__PURE__ */ jsx(Status, {
icon: "field-error",
text: t(($) => $["actionNeeded"]),
variant: "error",
responsive
});
case TaskStatuses.FINISHED: return /* @__PURE__ */ jsx(Status, {
icon: "checkmark",
text: t(($) => $["verified"]),
variant: "success",
responsive
});
case TaskStatuses.PROCESSING: return /* @__PURE__ */ jsx(Status, {
icon: "clock",
text: t(($) => $["inReview"]),
responsive
});
case TaskStatuses.DOWNLOAD:
case TaskStatuses.SIGNED: return /* @__PURE__ */ jsx(Status, {
icon: "checkmark",
text: t(($) => $["signed"]),
variant: "success",
responsive
});
case "inviteSent": return /* @__PURE__ */ jsx(Status, {
icon: "mail",
text: t(($) => $.inviteSent),
variant: "neutral",
responsive
});
case "inviteExpired": return /* @__PURE__ */ jsx(Status, {
icon: "warning",
text: t(($) => $.inviteExpired),
variant: "warning",
responsive
});
default: return null;
}
};
//#endregion
export { Status as n, TaskVerificationStatus as t };