@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.
62 lines (61 loc) • 2.9 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] = "fa121bf3-3e27-49e9-a6a7-a762f41932d5", e._sentryDebugIdIdentifier = "sentry-dbid-fa121bf3-3e27-49e9-a6a7-a762f41932d5");
} catch (e) {}
import { r as Loader } from "./Button-i8I2dHP8.js";
import cx from "classnames";
import { jsx, jsxs } from "preact/jsx-runtime";
var LoaderWrapper_module_default = {
"loader-wrapper-loader": "_loader-wrapper-loader_17ekf_1",
loaderWrapperLoader: "_loader-wrapper-loader_17ekf_1",
"loader-wrapper-loader-active": "_loader-wrapper-loader-active_17ekf_11",
loaderWrapperLoaderActive: "_loader-wrapper-loader-active_17ekf_11"
};
//#endregion
//#region src/components/ui/atoms/LoaderWrapper/LoaderWrapper.tsx
var LoaderWrapper = ({ children, status, formOpacityWhenLoading = 0, loaderSize = "medium", showSpinner = true, className }) => {
const opacitySyle = status === "loading" ? { opacity: formOpacityWhenLoading } : { opacity: 1 };
const showLoader = status === "loading" && showSpinner;
const loaderWrapperClass = cx(LoaderWrapper_module_default.loaderWrapperLoader, { [LoaderWrapper_module_default.loaderWrapperLoaderActive]: showLoader });
return /* @__PURE__ */ jsxs("div", {
className: cx(LoaderWrapper_module_default.loaderWrapper, className),
style: { position: "relative" },
children: [showLoader && /* @__PURE__ */ jsx("div", {
className: loaderWrapperClass,
children: /* @__PURE__ */ jsx(Loader, { size: loaderSize })
}), /* @__PURE__ */ jsx("div", {
className: LoaderWrapper_module_default.loaderWrapperForm,
style: opacitySyle,
children
})]
});
};
//#endregion
//#region src/language/utils.ts
/**
* Returns a LanguageCode from locale
* @param locale - The locale the user wants to use
*
* @example for getLanguageCode('en-US')
* // returns 'en'
*/
var getLanguageCode = (locale) => {
const [languageCode] = locale.split("-");
return languageCode;
};
var isTranslationObject = (value) => value !== null && typeof value === "object" && "key" in value && "values" in value;
/**
* A helper function to translate a `Translatable` type, which can be either a simple string key
* or an object with a key and values for interpolation. It uses the provided `i18next` `t` function.
*
* @param t - The `i18next` translation function.
* @param translatable - The string or object to translate.
* @returns The translated string.
*/
var translateTranslatable = (t, translatable) => {
if (!translatable) return void 0;
if (isTranslationObject(translatable)) return t(($) => $[translatable.key], translatable.values);
return t(($) => $[translatable]);
};
//#endregion
export { translateTranslatable as n, LoaderWrapper as r, getLanguageCode as t };