@adyen/kyc-components 4.0.0-beta.5 → 4.0.0-compact.0

package/dist/RadioGroup-CYDXrtrO.js

@@ -0,0 +1,143 @@
+;
+{
+  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] = "392d5433-8ca1-42de-a009-7d20fdcadd9d", e._sentryDebugIdIdentifier = "sentry-dbid-392d5433-8ca1-42de-a009-7d20fdcadd9d");
+  } catch (e) {
+  }
+}
+;
+import { b as useApiContext, aA as useMutation, k as httpPost, aC as useQueryClient, a as useTranslation, U as useAnalyticsContext, W as noop } from "./StoreProvider-BlaJzXSZ.js";
+import { a as useInvalidateRootLegalEntity } from "./useToastContext-DGMeMy5R.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { b as useId } from "./useForm-C1DW3mPC.js";
+import { R as Radio } from "./CountryField-D0YZrov9.js";
+const createLegalEntity = async (legalEntityId, baseUrl, data) => {
+  return httpPost(
+    {
+      baseUrl,
+      path: `legalEntities/${legalEntityId}/create`
+    },
+    data
+  );
+};
+const useCreateLegalEntity = (options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useMutation({
+    mutationFn: (payload) => {
+      return createLegalEntity(rootLegalEntityId.value, baseUrl.value, payload);
+    },
+    ...options
+  });
+};
+const updateLegalEntity = async (rootLegalEntityId, baseUrl, data) => {
+  return httpPost(
+    {
+      baseUrl,
+      path: `legalEntities/${rootLegalEntityId}`
+    },
+    data
+  );
+};
+const useUpdateLegalEntity = (options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  const invalidateRootLegalEntity = useInvalidateRootLegalEntity();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (payload) => updateLegalEntity(rootLegalEntityId.value, baseUrl.value, payload),
+    onSuccess: async (response, payload) => {
+      if (response.id === rootLegalEntityId.value) {
+        await invalidateRootLegalEntity();
+      } else {
+        queryClient.setQueryData(["legalEntity", payload.id], response);
+      }
+    },
+    ...options
+  });
+};
+const RadioWithLabel = ({
+  value,
+  label,
+  content,
+  groupName,
+  checked = false,
+  disabled = false,
+  onClick
+}) => {
+  const id = useId("radio");
+  return /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "adyen-kyc-input-radio", children: [
+    /* @__PURE__ */ jsx(
+      Radio,
+      {
+        id,
+        checked,
+        groupName,
+        onClick,
+        value,
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-input-radio__content", children: [
+      /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input-radio__label adyen-kyc-label__text", children: label }),
+      content
+    ] })
+  ] });
+};
+function RadioGroup({
+  items = [],
+  name,
+  onChange = noop,
+  value,
+  disabled = false,
+  horizontal = false,
+  showContentOnlyOnSelected = false,
+  className,
+  enableTracking = false
+}) {
+  const { t } = useTranslation("common");
+  const userEvents = useAnalyticsContext();
+  const handleChange = (id) => {
+    if (enableTracking) {
+      userEvents.addFieldEvent("Interacted with form field", {
+        actionType: "input",
+        field: name,
+        returnValue: value
+      });
+    }
+    onChange(id);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx([
+        "adyen-kyc-radio-group",
+        { "adyen-kyc-radio-group--horizontal": horizontal },
+        className
+      ]),
+      children: items.map((item) => {
+        const isSelected = item.id === value;
+        const visibleContent = isSelected || !showContentOnlyOnSelected ? item.content : void 0;
+        return /* @__PURE__ */ jsx(
+          RadioWithLabel,
+          {
+            value: item.id,
+            label: t(($) => $[item.name]),
+            content: visibleContent,
+            groupName: name,
+            checked: isSelected,
+            disabled,
+            onClick: () => handleChange(item.id)
+          },
+          item.id
+        );
+      })
+    }
+  );
+}
+export {
+  RadioGroup as R,
+  useUpdateLegalEntity as a,
+  RadioWithLabel as b,
+  useCreateLegalEntity as u
+};