UNPKG

@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.

480 lines (479 loc) 14.8 kB
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] = "a0aa0fdd-22ee-49b0-80fb-ff57a33cf455", e._sentryDebugIdIdentifier = "sentry-dbid-a0aa0fdd-22ee-49b0-80fb-ff57a33cf455"); } catch (e) {} import { jsx, jsxs } from "preact/jsx-runtime"; //#region src/components/Individual/assets/passport-front-green.svg?component var SvgPassportFrontGreen = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 540 420", role: "img", ...props, children: [ /* @__PURE__ */ jsx("path", { fill: "#85DFA9", d: "M534.68 76.83a37.9 37.9 0 0 0-37.84-37.92h-454A37.9 37.9 0 0 0 5 76.83v265.4h529.68z", style: { fill: "#85dfa9", fill: "color(display-p3 .5216 .8745 .6627)", fillOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M5 342.22v37.91a37.9 37.9 0 0 0 37.83 37.92h454.01a37.9 37.9 0 0 0 37.84-37.92v-37.91z", style: { fill: "#fff", fillOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M42.83 380.13h151.34m66.21 0h85.13m-141.88-9.47 9.46 9.47-9.46 9.48m18.92-18.95 9.45 9.47-9.45 9.48m18.91-18.95 9.46 9.47-9.46 9.48m255.38 0-9.45-9.48 9.45-9.47m-18.91 18.95-9.46-9.48 9.46-9.47m-18.92 18.95-9.46-9.48 9.46-9.47m-18.91 18.95-9.47-9.48 9.46-9.47m-18.91 18.95-9.46-9.48 9.46-9.47m-18.92 18.95-9.46-9.48 9.46-9.47m-18.92 18.95-9.46-9.48 9.46-9.47m-18.92 18.95-9.45-9.48 9.45-9.47", style: { stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#08903F", stroke: "#08903F", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M485.5 76.83H243.35a11.37 11.37 0 0 0-11.36 11.37v15.17c0 6.28 5.09 11.37 11.35 11.37H485.5c6.27 0 11.35-5.1 11.35-11.37V88.2c0-6.28-5.08-11.37-11.35-11.37", style: { fill: "#08903f", fill: "color(display-p3 .0314 .5647 .2471)", fillOpacity: 1, stroke: "#08903f", stroke: "color(display-p3 .0314 .5647 .2471)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M42.83 76.83h454.01", style: { stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#00112C", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M307.67 152.65H232v11.38h75.67z", style: { fill: "#00112c", fill: "color(display-p3 0 .0667 .1725)", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#08903F", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M232 182.99h149.45", style: { stroke: "#08903f", stroke: "color(display-p3 .0314 .5647 .2471)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#00112C", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M383.34 211.42H232.01v11.37h151.33z", style: { fill: "#00112c", fill: "color(display-p3 0 .0667 .1725)", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#08903F", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M232 241.75h151.34", style: { stroke: "#08903f", stroke: "color(display-p3 .0314 .5647 .2471)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#00112C", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M307.67 270.19H232v11.37h75.67z", style: { fill: "#00112c", fill: "color(display-p3 0 .0667 .1725)", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#08903F", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M232 300.52h75.67", style: { stroke: "#08903f", stroke: "color(display-p3 .0314 .5647 .2471)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#00112C", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M496.84 270.19h-113.5v11.37h113.5z", style: { fill: "#00112c", fill: "color(display-p3 0 .0667 .1725)", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#08903F", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M383.34 300.52h113.5", style: { stroke: "#08903f", stroke: "color(display-p3 .0314 .5647 .2471)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#00112C", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M496.84 211.42h-37.83v11.37h37.83z", style: { fill: "#00112c", fill: "color(display-p3 0 .0667 .1725)", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#08903F", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M459.01 241.75h37.83", style: { stroke: "#08903f", stroke: "color(display-p3 .0314 .5647 .2471)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#fff", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M175.25 114.74H61.75a18.94 18.94 0 0 0-18.92 18.96v151.65a18.94 18.94 0 0 0 18.92 18.96h113.5a18.94 18.94 0 0 0 18.92-18.96V133.7a18.94 18.94 0 0 0-18.92-18.96", style: { fill: "#fff", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#FFAA80", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M145.93 231.78v-8l-27.65-2.01-27.62 2v8l27.62-2.04z", style: { fill: "#ffaa80", fill: "color(display-p3 1 .6667 .502)", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#D67056", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M118.7 292.9c9.9 0 19.36-4.1 26.14-11.34l9.26-9.9a18.3 18.3 0 0 1-8.2-15.28v-24.6l-27.62-2.05-27.62 2.05v24.6a18.3 18.3 0 0 1-8.02 15.17l10.55 10.7a35.8 35.8 0 0 0 25.5 10.64", style: { fill: "#d67056", fill: "color(display-p3 .8392 .4392 .3373)", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#00112C", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M145.93 241.07v-5.12l-27.62-2.05-27.62 2.05v5.12c0 15.13 12.15 27.52 27.25 27.6h.75a27.46 27.46 0 0 0 27.24-27.6", style: { fill: "#00112c", fill: "color(display-p3 0 .0667 .1725)", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#D67056", d: "m77.8 196.56-.12-6.26a5 5 0 0 0-4.24-4.93h-.07c-1.78-.22-3.6.95-4.73 2.77a14.4 14.4 0 0 0-1.86 6.4 25 25 0 0 0 3.79 15.14 21.8 21.8 0 0 0 10.59 8.68", style: { fill: "#d67056", fill: "color(display-p3 .8392 .4392 .3373)", fillOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m77.8 196.56-.12-6.26a5 5 0 0 0-4.24-4.93h-.07c-1.78-.22-3.6.95-4.73 2.77a14.4 14.4 0 0 0-1.86 6.4 25 25 0 0 0 3.79 15.14 21.8 21.8 0 0 0 10.59 8.68", style: { stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#D67056", d: "m158.72 196.56.11-6.26a5 5 0 0 1 4.24-4.93h.08c1.78-.22 3.6.95 4.73 2.77a14.4 14.4 0 0 1 1.85 6.4 25 25 0 0 1-3.78 15.14 21.8 21.8 0 0 1-10.6 8.68", style: { fill: "#d67056", fill: "color(display-p3 .8392 .4392 .3373)", fillOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m158.72 196.56.11-6.26a5 5 0 0 1 4.24-4.93h.08c1.78-.22 3.6.95 4.73 2.77a14.4 14.4 0 0 1 1.85 6.4 25 25 0 0 1-3.78 15.14 21.8 21.8 0 0 1-10.6 8.68", style: { stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#D67056", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M118.24 257.33c22.63 0 40.97-22.96 40.97-51.3 0-28.32-18.34-51.3-40.97-51.3s-40.98 22.98-40.98 51.3c0 28.34 18.35 51.3 40.98 51.3", style: { fill: "#d67056", fill: "color(display-p3 .8392 .4392 .3373)", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#00112C", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M167.5 170.44h.11c4.88-2.58 8.4-7.74 8.59-13.24.19-5.53-3.25-11.1-8.4-13-6.05-2.24-12.75.42-18.61 3.1.83-7.58-4.66-15.35-12.03-17.05-4.85-1.14-9.88.07-14.6 1.63-6.7 2.2-11.81 5.84-18.59 7.73-6.39 1.78-12.9 3.56-18.53 7.1-5.64 3.52-10.33 9.09-11.24 15.69-.68 5.08.9 10.16 1.97 15.2a75 75 0 0 1 1.47 20.78c4.05 0 7.34-3.3 7.34-7.36V180c0-2.24.6-4.48 1.9-6.33a10.7 10.7 0 0 1 11.91-4.21l10.7 3.22a31 31 0 0 0 17.6 0l10.7-3.22a10.74 10.74 0 0 1 13.8 10.27v11.26a7.4 7.4 0 0 0 7.36 7.36c-.34-1.25.26-2.96 1.13-3.9.87-1 2-1.64 3.1-2.36 3.03-1.93 5.83-4.36 7.57-7.5 1.74-3.15 2.27-7.13.72-10.35-.8-1.67-2.23-3-3.9-3.8z", style: { fill: "#00112c", fill: "color(display-p3 0 .0667 .1725)", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M149.41 147.88a14.7 14.7 0 0 1-9.57 10.88", style: { stroke: "#fff", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M145.52 201.49c-1.1-2.7-4.85-4.7-9.31-4.7-5.34 0-9.61 2.8-9.61 6.29s4.31 6.3 9.6 6.3q.7.02 1.37-.08c4.65-.42 8.29-3.08 8.29-6.22q0-.85-.34-1.6", style: { fill: "#fff", fillOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M145.86 203.08c0-3.49-4.32-6.3-9.61-6.3-5.34 0-9.61 2.81-9.61 6.3m-6.81 1.62a73 73 0 0 0 4.2 18.02c.6 1.59 1.25 3.37.68 4.96-.57 1.6-2.23 2.58-3.86 2.81s-3.33-.11-4.96-.5", style: { stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#00112C", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M144.2 180.75c.94.45 1.8.98 2.19 1.74a1.7 1.7 0 0 1-.72 2.28c-1.1.64-2.61.38-3.9.07-4.7-1.02-9.72-1.9-14.72-1.25-2.68.34-5.37 1.18-3.55-1.6 3.29-5.03 15.77-3.6 20.7-1.28z", style: { fill: "#00112c", fill: "color(display-p3 0 .0667 .1725)", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M109.2 201.49c-1.1-2.7-4.85-4.7-9.31-4.7-5.34 0-9.61 2.8-9.61 6.29s4.31 6.3 9.6 6.3q.7.02 1.37-.08c4.65-.42 8.29-3.08 8.29-6.22q0-.85-.35-1.6", style: { fill: "#fff", fillOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M109.54 203.08c0-3.49-4.32-6.3-9.61-6.3-5.34 0-9.61 2.81-9.61 6.3", style: { stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#00112C", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M88.84 182.11c-.83.57-1.63 1.25-1.9 2.05-.26.8.05 1.74 1.03 2.16 1.17.46 2.61 0 3.82-.5 4.43-1.66 9.23-3.25 14.23-3.33 2.65 0 5.4.42 3.25-2.08-3.93-4.51-15.93-1.3-20.4 1.7z", style: { fill: "#00112c", fill: "color(display-p3 0 .0667 .1725)", fillOpacity: 1, stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M107 236.6c4.8 3.6 12.37 5.68 17.75 4.92", style: { stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { fill: "#00112C", d: "M101.2 208.1a5.55 5.55 0 1 0 0-11.1 5.55 5.55 0 0 0 0 11.1m35.5 0a5.55 5.55 0 1 0 0-11.1 5.55 5.55 0 0 0 0 11.1", style: { fill: "#00112c", fill: "color(display-p3 0 .0667 .1725)", fillOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M82.64 271.51s-16-.22-39.8 7.28m111.26-7.16s23.95 1.81 40.07 4.24", style: { stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }), /* @__PURE__ */ jsx("path", { stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M496.84 38.91h-454A37.9 37.9 0 0 0 5 76.83v303.3a37.9 37.9 0 0 0 37.83 37.92h454.01a37.9 37.9 0 0 0 37.84-37.92V76.83a37.9 37.9 0 0 0-37.84-37.92M5 1a37.9 37.9 0 0 0 37.83 37.91h454.01A37.9 37.9 0 0 0 534.68 1", style: { stroke: "#00112c", stroke: "color(display-p3 0 .0667 .1725)", strokeOpacity: 1 } }) ] }); //#endregion export { SvgPassportFrontGreen as default };