@seontechnologies/seon-id-verification/dist/CameraCard-DCtEAYmX.mjs

An advanced SDK featuring web components for natural person identification through document scanning, facial recognition, hand gesture, and face turning detection, designed for secure and efficient user verification.

import { j as t, E as c, i as o, F as x } from "./index-oGnhSncZ.mjs";
import * as r from "react";
const m = (e) => /* @__PURE__ */ r.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M4.35048 7.43287L10.5727 1.24306C10.8644 0.918981 11.3505 0.918981 11.6746 1.24306C11.9662 1.53472 11.9662 2.02083 11.6746 2.3125L5.97085 7.9838L11.6421 13.6875C11.9662 13.9792 11.9662 14.4653 11.6421 14.7569C11.3505 15.081 10.8644 15.081 10.5727 14.7569L4.35048 8.53472C4.0264 8.24306 4.0264 7.75694 4.35048 7.43287Z", fill: "currentColor" })), h = ({ children: e, onBack: s, idPrefix: a, title: l, className: i, instructions: w, hideInstructions: n }) => t.jsx("div", { className: `tw-flex tw-min-h-[360px] tw-max-h-screen tw-flex-col tw-h-full sm:tw-h-auto ${i}`, children: t.jsxs("div", { className: "tw-text-primary-on-light-100 dark:tw-text-primary-on-light-100-dark tw-flex tw-flex-col tw-h-full tw-transition-all tw-duration-300 tw-max-h-[90vh]", children: [t.jsxs("div", { className: "tw-relative tw-w-full tw-flex tw-justify-center tw-items-center tw-px-3 tw-min-h-14 tw-max-h-14", children: [t.jsx("div", { id: a + "-back-button", onClick: s, className: "tw-text-secondary-on-light-60 dark:tw-text-secondary-on-light-60-dark hover:tw-text-accent hover:dark:tw-text-accent-dark tw-p-3 tw-h-full tw-absolute tw-left-0 tw-z-50 tw-flex tw-justify-center tw-items-center", children: t.jsx(m, { width: 16, height: 16 }) }), t.jsx("h2", { className: "tw-w-full tw-text-center tw-text-primary-on-light-100 dark:tw-text-primary-on-light-100-dark", id: a + "-title", children: l })] }), e, w && t.jsx("div", { className: `tw-h-[40%] tw-flex tw-items-center tw-justify-center tw-justify-items-center ${n ? "tw-invisible" : "tw-visible"}`, children: t.jsxs("div", { className: "tw-py-12 tw-px-6 tw-h-[40%] tw-w-full tw-flex tw-flex-col tw-justify-center tw-items-center tw-text-center tw-min-h-[188px] tw-my-auto sm:tw-my-0", children: [w.icon && t.jsx("span", { className: "tw-text-accent dark:tw-text-accent-dark tw-pb-4", children: w.icon }), w.text && t.jsx("p", { className: "labe tw-text-primary-on-light-100 dark:tw-text-primary-on-light-100-dark", children: w.text })] }) })] }) }), f = ({ children: e, className: s }) => {
  const { closeFlow: a } = c(), l = o();
  return t.jsxs("div", { style: { position: "relative" }, className: `tw-flex tw-overflow-hidden tw-flex-col tw-gap-2 sm:tw-rounded-xl sm:tw-mx-2 sm:tw-my-auto sm:tw-shadow-card-shadow tw-bg-web-secondary tw-max-w-[640px] ${s || ""}`, children: [e, !l && t.jsx(x, { onClick: a })] });
};
export {
  f as C,
  h as a
};