@verii/components-organizations-registrar 1.0.0 → 1.0.2

package/dist/chunks/HolderWalletSelection.BYj3foq0.js

@@ -0,0 +1,167 @@
+import { useMemo } from "react";
+import { s as serviceTypesIssuingOrInspection, C as CREDENTIAL_TYPES_IDS } from "./serviceTypes.BbBTNXB9.js";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Stack } from "@mui/material";
+import { TextInput, required, FormDataConsumer, SelectArrayInput } from "react-admin";
+import PropTypes from "prop-types";
+import { C as CustomImageInput } from "./index.CaxYybSL.js";
+import { c as validateServiceEndpoint } from "./CreateOrganizationUtils.Xq78HHkP.js";
+const useIsIssuingInspection = (serviceType) => {
+  const serviceGroup = useMemo(() => {
+    const isIssuingOrInspection = !!serviceType && serviceTypesIssuingOrInspection.some((service) => service.id === serviceType.id);
+    const isCAO = !!serviceType && serviceType.id === CREDENTIAL_TYPES_IDS.VLC_CREDENTIAL_AGENT_OPERATOR;
+    const isWebWallet = !!serviceType && serviceType.id === CREDENTIAL_TYPES_IDS.VLC_WEB_WALLET_PROVIDER;
+    const isHolderWallet = !!serviceType && serviceType.id === CREDENTIAL_TYPES_IDS.VLC_HOLDER_APP_PROVIDER;
+    const isWallet = isWebWallet || isHolderWallet;
+    return { isIssuingOrInspection, isCAO, isWallet, isHolderWallet, isWebWallet };
+  }, [serviceType]);
+  return { ...serviceGroup };
+};
+const WebWalletSelection = ({ inProgress }) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        source: "name",
+        label: "Webwallet Name",
+        validate: [required("Webwallet Name field is required")],
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsx(Stack, { flexDirection: "row", gap: 1.75, mb: 3.5, mt: 1, children: /* @__PURE__ */ jsx(FormDataConsumer, { children: ({ formData }) => /* @__PURE__ */ jsx(
+      CustomImageInput,
+      {
+        label: false,
+        labelText: "Webwallet Logo URL",
+        editMode: !formData?.logoUrl,
+        imgSrc: formData?.logoUrl,
+        orientation: "vertical",
+        style: { flexDirection: "row", minHeight: "240px" },
+        addTo: "",
+        isRequired: true
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        source: "serviceEndpoint",
+        label: "Webwallet URL",
+        validate: [required("Webwallet URL field is required"), ...validateServiceEndpoint],
+        parse: (value) => value?.trim() ?? "",
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SelectArrayInput,
+      {
+        source: "supportedExchangeProtocols",
+        choices: [
+          { id: "VN_API", name: "VN_API" },
+          { id: "OPENID4VC", name: "OPENID4VC" }
+        ],
+        label: "Supported Exchange Protocols",
+        validate: [required("Supported Exchange Protocols field is required")]
+      }
+    )
+  ] });
+};
+WebWalletSelection.propTypes = {
+  inProgress: PropTypes.bool.isRequired
+};
+const HolderWalletSelection = ({ inProgress }) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        source: "name",
+        label: "App Wallet Name",
+        validate: [required("App Wallet Name field is required")],
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsx(Stack, { flexDirection: "row", gap: 1.75, mb: 3.5, mt: 1, children: /* @__PURE__ */ jsx(FormDataConsumer, { children: ({ formData }) => /* @__PURE__ */ jsx(
+      CustomImageInput,
+      {
+        label: false,
+        labelText: "App Wallet Logo URL",
+        editMode: !formData?.logoUrl,
+        orientation: "vertical",
+        style: { flexDirection: "row", minHeight: "240px" },
+        addTo: "",
+        imgSrc: formData?.logoUrl,
+        isRequired: true
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        source: "serviceEndpoint",
+        label: "App landing page",
+        validate: [required("App landing page field is required"), ...validateServiceEndpoint],
+        parse: (value) => value?.trim() ?? "",
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SelectArrayInput,
+      {
+        source: "supportedExchangeProtocols",
+        choices: [
+          { id: "VN_API", name: "VN_API" },
+          { id: "OPENID4VC", name: "OPENID4VC" }
+        ],
+        label: "Supported Exchange Protocols",
+        validate: [required("Supported Exchange Protocols field is required")]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        source: "playStoreUrl",
+        label: "Play Store URL",
+        validate: [required("Play Store URL field is required"), ...validateServiceEndpoint],
+        parse: (value) => value?.trim() ?? "",
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        source: "googlePlayId",
+        label: "Google Play ID",
+        validate: [required("Google Play ID field is required")],
+        parse: (value) => value?.trim() ?? "",
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        source: "appleAppStoreUrl",
+        label: "Apple App Store URL",
+        validate: [required("Apple App Store URL field is required"), ...validateServiceEndpoint],
+        parse: (value) => value?.trim() ?? "",
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        source: "appleAppId",
+        label: "Apple App ID",
+        validate: [required("Apple App ID field is required")],
+        parse: (value) => value?.trim() ?? "",
+        disabled: inProgress
+      }
+    )
+  ] });
+};
+HolderWalletSelection.propTypes = {
+  inProgress: PropTypes.bool.isRequired
+};
+export {
+  HolderWalletSelection as H,
+  WebWalletSelection as W,
+  useIsIssuingInspection as u
+};
+//# sourceMappingURL=HolderWalletSelection.BYj3foq0.js.map

package/dist/chunks/HolderWalletSelection.BYj3foq0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HolderWalletSelection.BYj3foq0.js","sources":["../../src/pages/services/hooks/useIsIssuingInspection.js","../../src/pages/services/components/ServiceEndpointSelection/components/WebWalletSelection.jsx","../../src/pages/services/components/ServiceEndpointSelection/components/HolderWalletSelection.jsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { serviceTypesIssuingOrInspection, CREDENTIAL_TYPES_IDS } from '@/utils/serviceTypes.js';\n\nexport const useIsIssuingInspection = (serviceType) => {\n  const serviceGroup = useMemo(() => {\n    const isIssuingOrInspection =\n      !!serviceType &&\n      serviceTypesIssuingOrInspection.some((service) => service.id === serviceType.id);\n\n    const isCAO =\n      !!serviceType && serviceType.id === CREDENTIAL_TYPES_IDS.VLC_CREDENTIAL_AGENT_OPERATOR;\n\n    const isWebWallet =\n      !!serviceType && serviceType.id === CREDENTIAL_TYPES_IDS.VLC_WEB_WALLET_PROVIDER;\n\n    const isHolderWallet =\n      !!serviceType && serviceType.id === CREDENTIAL_TYPES_IDS.VLC_HOLDER_APP_PROVIDER;\n\n    const isWallet = isWebWallet || isHolderWallet;\n\n    return { isIssuingOrInspection, isCAO, isWallet, isHolderWallet, isWebWallet };\n  }, [serviceType]);\n\n  return { ...serviceGroup };\n};\n\nexport default useIsIssuingInspection;\n","import { Stack } from '@mui/material';\nimport { TextInput, required, SelectArrayInput, FormDataConsumer } from 'react-admin';\nimport PropTypes from 'prop-types';\n\nimport CustomImageInput from '@/components/common/CustomImageInput/index.jsx';\nimport { validateServiceEndpoint } from '@/components/organizations/CreateOrganizationUtils.js';\n\nconst WebWalletSelection = ({ inProgress }) => {\n  return (\n    <>\n      <TextInput\n        source=\"name\"\n        label=\"Webwallet Name\"\n        validate={[required('Webwallet Name field is required')]}\n        disabled={inProgress}\n      />\n      <Stack flexDirection=\"row\" gap={1.75} mb={3.5} mt={1}>\n        <FormDataConsumer>\n          {/* eslint-disable-next-line complexity */}\n          {({ formData }) => (\n            <CustomImageInput\n              label={false}\n              labelText=\"Webwallet Logo URL\"\n              editMode={!formData?.logoUrl}\n              imgSrc={formData?.logoUrl}\n              orientation=\"vertical\"\n              style={{ flexDirection: 'row', minHeight: '240px' }}\n              addTo=\"\"\n              isRequired\n            />\n          )}\n        </FormDataConsumer>\n      </Stack>\n      <TextInput\n        source=\"serviceEndpoint\"\n        label=\"Webwallet URL\"\n        validate={[required('Webwallet URL field is required'), ...validateServiceEndpoint]}\n        parse={(value) => value?.trim() ?? ''}\n        disabled={inProgress}\n      />\n      <SelectArrayInput\n        source=\"supportedExchangeProtocols\"\n        choices={[\n          { id: 'VN_API', name: 'VN_API' },\n          { id: 'OPENID4VC', name: 'OPENID4VC' },\n        ]}\n        label=\"Supported Exchange Protocols\"\n        validate={[required('Supported Exchange Protocols field is required')]}\n      />\n    </>\n  );\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nWebWalletSelection.propTypes = {\n  inProgress: PropTypes.bool.isRequired,\n};\n\nexport default WebWalletSelection;\n","import { Stack } from '@mui/material';\nimport { TextInput, required, SelectArrayInput, FormDataConsumer } from 'react-admin';\nimport PropTypes from 'prop-types';\n\nimport CustomImageInput from '@/components/common/CustomImageInput/index.jsx';\nimport { validateServiceEndpoint } from '@/components/organizations/CreateOrganizationUtils.js';\n\nconst HolderWalletSelection = ({ inProgress }) => {\n  return (\n    <>\n      <TextInput\n        source=\"name\"\n        label=\"App Wallet Name\"\n        validate={[required('App Wallet Name field is required')]}\n        disabled={inProgress}\n      />\n      <Stack flexDirection=\"row\" gap={1.75} mb={3.5} mt={1}>\n        <FormDataConsumer>\n          {/* eslint-disable-next-line complexity */}\n          {({ formData }) => (\n            <CustomImageInput\n              label={false}\n              labelText=\"App Wallet Logo URL\"\n              editMode={!formData?.logoUrl}\n              orientation=\"vertical\"\n              style={{ flexDirection: 'row', minHeight: '240px' }}\n              addTo=\"\"\n              imgSrc={formData?.logoUrl}\n              isRequired\n            />\n          )}\n        </FormDataConsumer>\n      </Stack>\n      <TextInput\n        source=\"serviceEndpoint\"\n        label=\"App landing page\"\n        validate={[required('App landing page field is required'), ...validateServiceEndpoint]}\n        parse={(value) => value?.trim() ?? ''}\n        disabled={inProgress}\n      />\n      <SelectArrayInput\n        source=\"supportedExchangeProtocols\"\n        choices={[\n          { id: 'VN_API', name: 'VN_API' },\n          { id: 'OPENID4VC', name: 'OPENID4VC' },\n        ]}\n        label=\"Supported Exchange Protocols\"\n        validate={[required('Supported Exchange Protocols field is required')]}\n      />\n      <TextInput\n        source=\"playStoreUrl\"\n        label=\"Play Store URL\"\n        validate={[required('Play Store URL field is required'), ...validateServiceEndpoint]}\n        parse={(value) => value?.trim() ?? ''}\n        disabled={inProgress}\n      />\n      <TextInput\n        source=\"googlePlayId\"\n        label=\"Google Play ID\"\n        validate={[required('Google Play ID field is required')]}\n        parse={(value) => value?.trim() ?? ''}\n        disabled={inProgress}\n      />\n      <TextInput\n        source=\"appleAppStoreUrl\"\n        label=\"Apple App Store URL\"\n        validate={[required('Apple App Store URL field is required'), ...validateServiceEndpoint]}\n        parse={(value) => value?.trim() ?? ''}\n        disabled={inProgress}\n      />\n      <TextInput\n        source=\"appleAppId\"\n        label=\"Apple App ID\"\n        validate={[required('Apple App ID field is required')]}\n        parse={(value) => value?.trim() ?? ''}\n        disabled={inProgress}\n      />\n    </>\n  );\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nHolderWalletSelection.propTypes = {\n  inProgress: PropTypes.bool.isRequired,\n};\n\nexport default HolderWalletSelection;\n"],"names":[],"mappings":"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"}

package/dist/chunks/HolderWalletSelection.BvPFTrTh.js

@@ -0,0 +1,166 @@
+"use strict";
+const React = require("react");
+const serviceTypes = require("./serviceTypes.BWVBK33e.js");
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+const reactAdmin = require("react-admin");
+const PropTypes = require("prop-types");
+const index = require("./index.Cjk52g3G.js");
+const CreateOrganizationUtils = require("./CreateOrganizationUtils.C5C_r3Zp.js");
+const useIsIssuingInspection = (serviceType) => {
+  const serviceGroup = React.useMemo(() => {
+    const isIssuingOrInspection = !!serviceType && serviceTypes.serviceTypesIssuingOrInspection.some((service) => service.id === serviceType.id);
+    const isCAO = !!serviceType && serviceType.id === serviceTypes.CREDENTIAL_TYPES_IDS.VLC_CREDENTIAL_AGENT_OPERATOR;
+    const isWebWallet = !!serviceType && serviceType.id === serviceTypes.CREDENTIAL_TYPES_IDS.VLC_WEB_WALLET_PROVIDER;
+    const isHolderWallet = !!serviceType && serviceType.id === serviceTypes.CREDENTIAL_TYPES_IDS.VLC_HOLDER_APP_PROVIDER;
+    const isWallet = isWebWallet || isHolderWallet;
+    return { isIssuingOrInspection, isCAO, isWallet, isHolderWallet, isWebWallet };
+  }, [serviceType]);
+  return { ...serviceGroup };
+};
+const WebWalletSelection = ({ inProgress }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactAdmin.TextInput,
+      {
+        source: "name",
+        label: "Webwallet Name",
+        validate: [reactAdmin.required("Webwallet Name field is required")],
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, mb: 3.5, mt: 1, children: /* @__PURE__ */ jsxRuntime.jsx(reactAdmin.FormDataConsumer, { children: ({ formData }) => /* @__PURE__ */ jsxRuntime.jsx(
+      index.CustomImageInput,
+      {
+        label: false,
+        labelText: "Webwallet Logo URL",
+        editMode: !formData?.logoUrl,
+        imgSrc: formData?.logoUrl,
+        orientation: "vertical",
+        style: { flexDirection: "row", minHeight: "240px" },
+        addTo: "",
+        isRequired: true
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactAdmin.TextInput,
+      {
+        source: "serviceEndpoint",
+        label: "Webwallet URL",
+        validate: [reactAdmin.required("Webwallet URL field is required"), ...CreateOrganizationUtils.validateServiceEndpoint],
+        parse: (value) => value?.trim() ?? "",
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactAdmin.SelectArrayInput,
+      {
+        source: "supportedExchangeProtocols",
+        choices: [
+          { id: "VN_API", name: "VN_API" },
+          { id: "OPENID4VC", name: "OPENID4VC" }
+        ],
+        label: "Supported Exchange Protocols",
+        validate: [reactAdmin.required("Supported Exchange Protocols field is required")]
+      }
+    )
+  ] });
+};
+WebWalletSelection.propTypes = {
+  inProgress: PropTypes.bool.isRequired
+};
+const HolderWalletSelection = ({ inProgress }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactAdmin.TextInput,
+      {
+        source: "name",
+        label: "App Wallet Name",
+        validate: [reactAdmin.required("App Wallet Name field is required")],
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, mb: 3.5, mt: 1, children: /* @__PURE__ */ jsxRuntime.jsx(reactAdmin.FormDataConsumer, { children: ({ formData }) => /* @__PURE__ */ jsxRuntime.jsx(
+      index.CustomImageInput,
+      {
+        label: false,
+        labelText: "App Wallet Logo URL",
+        editMode: !formData?.logoUrl,
+        orientation: "vertical",
+        style: { flexDirection: "row", minHeight: "240px" },
+        addTo: "",
+        imgSrc: formData?.logoUrl,
+        isRequired: true
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactAdmin.TextInput,
+      {
+        source: "serviceEndpoint",
+        label: "App landing page",
+        validate: [reactAdmin.required("App landing page field is required"), ...CreateOrganizationUtils.validateServiceEndpoint],
+        parse: (value) => value?.trim() ?? "",
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactAdmin.SelectArrayInput,
+      {
+        source: "supportedExchangeProtocols",
+        choices: [
+          { id: "VN_API", name: "VN_API" },
+          { id: "OPENID4VC", name: "OPENID4VC" }
+        ],
+        label: "Supported Exchange Protocols",
+        validate: [reactAdmin.required("Supported Exchange Protocols field is required")]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactAdmin.TextInput,
+      {
+        source: "playStoreUrl",
+        label: "Play Store URL",
+        validate: [reactAdmin.required("Play Store URL field is required"), ...CreateOrganizationUtils.validateServiceEndpoint],
+        parse: (value) => value?.trim() ?? "",
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactAdmin.TextInput,
+      {
+        source: "googlePlayId",
+        label: "Google Play ID",
+        validate: [reactAdmin.required("Google Play ID field is required")],
+        parse: (value) => value?.trim() ?? "",
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactAdmin.TextInput,
+      {
+        source: "appleAppStoreUrl",
+        label: "Apple App Store URL",
+        validate: [reactAdmin.required("Apple App Store URL field is required"), ...CreateOrganizationUtils.validateServiceEndpoint],
+        parse: (value) => value?.trim() ?? "",
+        disabled: inProgress
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactAdmin.TextInput,
+      {
+        source: "appleAppId",
+        label: "Apple App ID",
+        validate: [reactAdmin.required("Apple App ID field is required")],
+        parse: (value) => value?.trim() ?? "",
+        disabled: inProgress
+      }
+    )
+  ] });
+};
+HolderWalletSelection.propTypes = {
+  inProgress: PropTypes.bool.isRequired
+};
+exports.HolderWalletSelection = HolderWalletSelection;
+exports.WebWalletSelection = WebWalletSelection;
+exports.useIsIssuingInspection = useIsIssuingInspection;
+//# sourceMappingURL=HolderWalletSelection.BvPFTrTh.js.map

package/dist/chunks/HolderWalletSelection.BvPFTrTh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HolderWalletSelection.BvPFTrTh.js","sources":["../../src/pages/services/hooks/useIsIssuingInspection.js","../../src/pages/services/components/ServiceEndpointSelection/components/WebWalletSelection.jsx","../../src/pages/services/components/ServiceEndpointSelection/components/HolderWalletSelection.jsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { serviceTypesIssuingOrInspection, CREDENTIAL_TYPES_IDS } from '@/utils/serviceTypes.js';\n\nexport const useIsIssuingInspection = (serviceType) => {\n  const serviceGroup = useMemo(() => {\n    const isIssuingOrInspection =\n      !!serviceType &&\n      serviceTypesIssuingOrInspection.some((service) => service.id === serviceType.id);\n\n    const isCAO =\n      !!serviceType && serviceType.id === CREDENTIAL_TYPES_IDS.VLC_CREDENTIAL_AGENT_OPERATOR;\n\n    const isWebWallet =\n      !!serviceType && serviceType.id === CREDENTIAL_TYPES_IDS.VLC_WEB_WALLET_PROVIDER;\n\n    const isHolderWallet =\n      !!serviceType && serviceType.id === CREDENTIAL_TYPES_IDS.VLC_HOLDER_APP_PROVIDER;\n\n    const isWallet = isWebWallet || isHolderWallet;\n\n    return { isIssuingOrInspection, isCAO, isWallet, isHolderWallet, isWebWallet };\n  }, [serviceType]);\n\n  return { ...serviceGroup };\n};\n\nexport default useIsIssuingInspection;\n","import { Stack } from '@mui/material';\nimport { TextInput, required, SelectArrayInput, FormDataConsumer } from 'react-admin';\nimport PropTypes from 'prop-types';\n\nimport CustomImageInput from '@/components/common/CustomImageInput/index.jsx';\nimport { validateServiceEndpoint } from '@/components/organizations/CreateOrganizationUtils.js';\n\nconst WebWalletSelection = ({ inProgress }) => {\n  return (\n    <>\n      <TextInput\n        source=\"name\"\n        label=\"Webwallet Name\"\n        validate={[required('Webwallet Name field is required')]}\n        disabled={inProgress}\n      />\n      <Stack flexDirection=\"row\" gap={1.75} mb={3.5} mt={1}>\n        <FormDataConsumer>\n          {/* eslint-disable-next-line complexity */}\n          {({ formData }) => (\n            <CustomImageInput\n              label={false}\n              labelText=\"Webwallet Logo URL\"\n              editMode={!formData?.logoUrl}\n              imgSrc={formData?.logoUrl}\n              orientation=\"vertical\"\n              style={{ flexDirection: 'row', minHeight: '240px' }}\n              addTo=\"\"\n              isRequired\n            />\n          )}\n        </FormDataConsumer>\n      </Stack>\n      <TextInput\n        source=\"serviceEndpoint\"\n        label=\"Webwallet URL\"\n        validate={[required('Webwallet URL field is required'), ...validateServiceEndpoint]}\n        parse={(value) => value?.trim() ?? ''}\n        disabled={inProgress}\n      />\n      <SelectArrayInput\n        source=\"supportedExchangeProtocols\"\n        choices={[\n          { id: 'VN_API', name: 'VN_API' },\n          { id: 'OPENID4VC', name: 'OPENID4VC' },\n        ]}\n        label=\"Supported Exchange Protocols\"\n        validate={[required('Supported Exchange Protocols field is required')]}\n      />\n    </>\n  );\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nWebWalletSelection.propTypes = {\n  inProgress: PropTypes.bool.isRequired,\n};\n\nexport default WebWalletSelection;\n","import { Stack } from '@mui/material';\nimport { TextInput, required, SelectArrayInput, FormDataConsumer } from 'react-admin';\nimport PropTypes from 'prop-types';\n\nimport CustomImageInput from '@/components/common/CustomImageInput/index.jsx';\nimport { validateServiceEndpoint } from '@/components/organizations/CreateOrganizationUtils.js';\n\nconst HolderWalletSelection = ({ inProgress }) => {\n  return (\n    <>\n      <TextInput\n        source=\"name\"\n        label=\"App Wallet Name\"\n        validate={[required('App Wallet Name field is required')]}\n        disabled={inProgress}\n      />\n      <Stack flexDirection=\"row\" gap={1.75} mb={3.5} mt={1}>\n        <FormDataConsumer>\n          {/* eslint-disable-next-line complexity */}\n          {({ formData }) => (\n            <CustomImageInput\n              label={false}\n              labelText=\"App Wallet Logo URL\"\n              editMode={!formData?.logoUrl}\n              orientation=\"vertical\"\n              style={{ flexDirection: 'row', minHeight: '240px' }}\n              addTo=\"\"\n              imgSrc={formData?.logoUrl}\n              isRequired\n            />\n          )}\n        </FormDataConsumer>\n      </Stack>\n      <TextInput\n        source=\"serviceEndpoint\"\n        label=\"App landing page\"\n        validate={[required('App landing page field is required'), ...validateServiceEndpoint]}\n        parse={(value) => value?.trim() ?? ''}\n        disabled={inProgress}\n      />\n      <SelectArrayInput\n        source=\"supportedExchangeProtocols\"\n        choices={[\n          { id: 'VN_API', name: 'VN_API' },\n          { id: 'OPENID4VC', name: 'OPENID4VC' },\n        ]}\n        label=\"Supported Exchange Protocols\"\n        validate={[required('Supported Exchange Protocols field is required')]}\n      />\n      <TextInput\n        source=\"playStoreUrl\"\n        label=\"Play Store URL\"\n        validate={[required('Play Store URL field is required'), ...validateServiceEndpoint]}\n        parse={(value) => value?.trim() ?? ''}\n        disabled={inProgress}\n      />\n      <TextInput\n        source=\"googlePlayId\"\n        label=\"Google Play ID\"\n        validate={[required('Google Play ID field is required')]}\n        parse={(value) => value?.trim() ?? ''}\n        disabled={inProgress}\n      />\n      <TextInput\n        source=\"appleAppStoreUrl\"\n        label=\"Apple App Store URL\"\n        validate={[required('Apple App Store URL field is required'), ...validateServiceEndpoint]}\n        parse={(value) => value?.trim() ?? ''}\n        disabled={inProgress}\n      />\n      <TextInput\n        source=\"appleAppId\"\n        label=\"Apple App ID\"\n        validate={[required('Apple App ID field is required')]}\n        parse={(value) => value?.trim() ?? ''}\n        disabled={inProgress}\n      />\n    </>\n  );\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nHolderWalletSelection.propTypes = {\n  inProgress: PropTypes.bool.isRequired,\n};\n\nexport default HolderWalletSelection;\n"],"names":["useMemo","serviceTypesIssuingOrInspection","CREDENTIAL_TYPES_IDS","jsxs","Fragment","jsx","TextInput","required","Stack","FormDataConsumer","CustomImageInput","validateServiceEndpoint","SelectArrayInput"],"mappings":"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"}

package/dist/chunks/{ServicesEdit.BnnqC203.js → ServicesEdit.CrmS66vz.js}

@@ -5,7 +5,7 @@ const PropTypes = require("prop-types");
 const Popup = require("./Popup.H_MqnNtr.js");
 const React = require("react");
 const reactAdmin = require("react-admin");
-const useIsIssuingInspection = require("./useIsIssuingInspection.DavhBs5B.js");
+const HolderWalletSelection = require("./HolderWalletSelection.BvPFTrTh.js");
 const CreateOrganizationUtils = require("./CreateOrganizationUtils.C5C_r3Zp.js");
 const ServicesDelete = ({ onClose, onConfirm, selectedService, isLoading }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -70,8 +70,75 @@ ServicesDelete.propTypes = {
   selectedService: PropTypes.object,
   isLoading: PropTypes.bool
 };
+const FormContent = ({ isModifyingServiceEnabled, selectedService }) => {
+  const { isIssuingOrInspection, isWebWallet, isHolderWallet } = HolderWalletSelection.useIsIssuingInspection({
+    id: selectedService?.type
+  });
+  const validateArray = [reactAdmin.required("Service endpoint URL field is required")];
+  if (!isIssuingOrInspection) {
+    validateArray.push(...CreateOrganizationUtils.validateServiceEndpoint);
+  }
+  if (isWebWallet) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(HolderWalletSelection.WebWalletSelection, { inProgress: false }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactAdmin.SaveButton,
+        {
+          variant: "outlined",
+          icon: null,
+          label: "Save",
+          sx: sx.saveButton,
+          alwaysEnable: isModifyingServiceEnabled
+        }
+      )
+    ] });
+  }
+  if (isHolderWallet) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(HolderWalletSelection.HolderWalletSelection, { inProgress: false }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactAdmin.SaveButton,
+        {
+          variant: "outlined",
+          icon: null,
+          label: "Save",
+          sx: sx.saveButton,
+          alwaysEnable: isModifyingServiceEnabled
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactAdmin.TextInput,
+      {
+        source: "serviceEndpoint",
+        label: "Service endpoint URL",
+        validate: validateArray,
+        parse: (value) => value.trim()
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactAdmin.SaveButton,
+      {
+        variant: "outlined",
+        icon: null,
+        label: "Save",
+        sx: sx.saveButton,
+        alwaysEnable: isModifyingServiceEnabled
+      }
+    )
+  ] });
+};
+const sx = {
+  saveButton: { width: "fit-content", alignSelf: "center", px: 4, py: 1, mt: 2 }
+};
+FormContent.propTypes = {
+  isModifyingServiceEnabled: PropTypes.bool.isRequired,
+  selectedService: PropTypes.shape({ id: PropTypes.string, type: PropTypes.string }).isRequired
+};
 const ServicesEdit = ({ onClose, onSave, selectedService, InterceptOnCreate }) => {
-  const { isIssuingOrInspection, isCAO } = useIsIssuingInspection.useIsIssuingInspection({ id: selectedService?.type });
+  const { isIssuingOrInspection, isCAO } = HolderWalletSelection.useIsIssuingInspection({ id: selectedService?.type });
   const [isInterceptOnCreateOpen, setIsInterceptOnCreateOpen] = React.useState(false);
   const [selectedCAO, setSelectedCAO] = React.useState(
     isIssuingOrInspection ? selectedService?.serviceEndpoint.split("#")[0] : null
@@ -98,21 +165,13 @@ const ServicesEdit = ({ onClose, onSave, selectedService, InterceptOnCreate }) =
         title: "Edit your service details here:",
         onClose,
         isOpen: Boolean(selectedService),
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          reactAdmin.Form,
+        children: /* @__PURE__ */ jsxRuntime.jsx(reactAdmin.Form, { record: selectedService, onSubmit: handleOnSave, mode: "onChange", children: /* @__PURE__ */ jsxRuntime.jsx(
+          FormContent,
           {
-            record: { serviceEndpoint: selectedService?.serviceEndpoint },
-            onSubmit: handleOnSave,
-            mode: "onChange",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              FormContent,
-              {
-                isIssuingOrInspection,
-                isModifyingServiceEnabled
-              }
-            )
+            isModifyingServiceEnabled,
+            selectedService
           }
-        )
+        ) })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -129,37 +188,6 @@ const ServicesEdit = ({ onClose, onSave, selectedService, InterceptOnCreate }) =
     )
   ] });
 };
-const FormContent = ({ isIssuingOrInspection, isModifyingServiceEnabled }) => {
-  const validateArray = [reactAdmin.required("Service endpoint URL field is required")];
-  if (!isIssuingOrInspection) {
-    validateArray.push(...CreateOrganizationUtils.validateServiceEndpoint);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactAdmin.TextInput,
-      {
-        source: "serviceEndpoint",
-        label: "Service endpoint URL",
-        validate: validateArray,
-        parse: (value) => value.trim()
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactAdmin.SaveButton,
-      {
-        variant: "outlined",
-        icon: null,
-        label: "Save",
-        sx: sx.saveButton,
-        alwaysEnable: isModifyingServiceEnabled
-      }
-    )
-  ] });
-};
-FormContent.propTypes = {
-  isIssuingOrInspection: PropTypes.bool.isRequired,
-  isModifyingServiceEnabled: PropTypes.bool.isRequired
-};
 ServicesEdit.propTypes = {
   onClose: PropTypes.func,
   onSave: PropTypes.func,
@@ -167,9 +195,6 @@ ServicesEdit.propTypes = {
   selectedService: PropTypes.object,
   InterceptOnCreate: PropTypes.elementType
 };
-const sx = {
-  saveButton: { width: "fit-content", alignSelf: "center", px: 4, py: 1, mt: 2 }
-};
 exports.ServicesDelete = ServicesDelete;
 exports.ServicesEdit = ServicesEdit;
-//# sourceMappingURL=ServicesEdit.BnnqC203.js.map
+//# sourceMappingURL=ServicesEdit.CrmS66vz.js.map

package/dist/chunks/ServicesEdit.CrmS66vz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServicesEdit.CrmS66vz.js","sources":["../../src/components/services/ServicesDelete.jsx","../../src/components/services/ServiceEditContent.jsx","../../src/components/services/ServicesEdit.jsx"],"sourcesContent":["/**\n * Copyright 2023 Velocity Team\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button, Typography, Stack } from '@mui/material';\nimport PropTypes from 'prop-types';\n\nimport Popup from '../common/Popup.jsx';\n\nconst ServicesDelete = ({ onClose, onConfirm, selectedService, isLoading }) => {\n  return (\n    <Popup\n      title=\"Delete service\"\n      onClose={isLoading ? () => {} : onClose}\n      isOpen={Boolean(selectedService)}\n    >\n      <Typography>Are you sure you want to delete {selectedService} service?</Typography>\n      <Stack sx={styles.buttonBlock}>\n        <Button\n          onClick={onConfirm}\n          disabled={isLoading}\n          variant=\"outlined\"\n          sx={styles.button}\n          autoFocus\n        >\n          Delete\n        </Button>\n        <Button\n          onClick={onClose}\n          disabled={isLoading}\n          variant=\"outlined\"\n          sx={[styles.button, styles.cancelButton]}\n        >\n          Cancel\n        </Button>\n      </Stack>\n    </Popup>\n  );\n};\n\nconst styles = {\n  buttonBlock: {\n    display: 'flex',\n    flexDirection: 'row-reverse',\n    marginTop: '40px',\n    justifyContent: 'center',\n  },\n  button: {\n    px: 4,\n    py: 1,\n    fontSize: '16px',\n    width: '160px',\n  },\n  cancelButton: { marginRight: '20px', color: 'text.primary', borderColor: 'secondary.light' },\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nServicesDelete.propTypes = {\n  onClose: PropTypes.func,\n  onConfirm: PropTypes.func,\n  // eslint-disable-next-line react/forbid-prop-types\n  selectedService: PropTypes.object,\n  isLoading: PropTypes.bool,\n};\n\nexport default ServicesDelete;\n","import { TextInput, SaveButton, required } from 'react-admin';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport PropTypes from 'prop-types';\nimport { Stack } from '@mui/material';\nimport { useIsIssuingInspection } from '@/pages/services/hooks/useIsIssuingInspection.js';\nimport WebWalletSelection from '@/pages/services/components/ServiceEndpointSelection/components/WebWalletSelection.jsx';\nimport HolderWalletSelection from '@/pages/services/components/ServiceEndpointSelection/components/HolderWalletSelection.jsx';\nimport { validateServiceEndpoint } from '../organizations/CreateOrganizationUtils.js';\n\nexport const FormContent = ({ isModifyingServiceEnabled, selectedService }) => {\n  const { isIssuingOrInspection, isWebWallet, isHolderWallet } = useIsIssuingInspection({\n    id: selectedService?.type,\n  });\n  const validateArray = [required('Service endpoint URL field is required')];\n  if (!isIssuingOrInspection) {\n    validateArray.push(...validateServiceEndpoint);\n  }\n\n  if (isWebWallet) {\n    return (\n      <Stack>\n        <WebWalletSelection inProgress={false} />\n        <SaveButton\n          variant=\"outlined\"\n          icon={null}\n          label=\"Save\"\n          sx={sx.saveButton}\n          alwaysEnable={isModifyingServiceEnabled}\n        />\n      </Stack>\n    );\n  }\n  if (isHolderWallet) {\n    return (\n      <Stack>\n        <HolderWalletSelection inProgress={false} />\n        <SaveButton\n          variant=\"outlined\"\n          icon={null}\n          label=\"Save\"\n          sx={sx.saveButton}\n          alwaysEnable={isModifyingServiceEnabled}\n        />\n      </Stack>\n    );\n  }\n  return (\n    <Stack>\n      <TextInput\n        source=\"serviceEndpoint\"\n        label=\"Service endpoint URL\"\n        validate={validateArray}\n        parse={(value) => value.trim()}\n      />\n      <SaveButton\n        variant=\"outlined\"\n        icon={null}\n        label=\"Save\"\n        sx={sx.saveButton}\n        alwaysEnable={isModifyingServiceEnabled}\n      />\n    </Stack>\n  );\n};\n\nconst sx = {\n  saveButton: { width: 'fit-content', alignSelf: 'center', px: 4, py: 1, mt: 2 },\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nFormContent.propTypes = {\n  isModifyingServiceEnabled: PropTypes.bool.isRequired,\n  selectedService: PropTypes.shape({ id: PropTypes.string, type: PropTypes.string }).isRequired,\n};\n","/**\n * Copyright 2023 Velocity Team\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState, useCallback } from 'react';\nimport { Form } from 'react-admin';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport PropTypes from 'prop-types';\nimport { useIsIssuingInspection } from '@/pages/services/hooks/useIsIssuingInspection.js';\nimport { FormContent } from '@/components/services/ServiceEditContent.jsx';\nimport Popup from '../common/Popup.jsx';\n\nconst ServicesEdit = ({ onClose, onSave, selectedService, InterceptOnCreate }) => {\n  const { isIssuingOrInspection, isCAO } = useIsIssuingInspection({ id: selectedService?.type });\n  const [isInterceptOnCreateOpen, setIsInterceptOnCreateOpen] = useState(false);\n  const [selectedCAO, setSelectedCAO] = useState(\n    isIssuingOrInspection ? selectedService?.serviceEndpoint.split('#')[0] : null,\n  );\n  const handleOnSave = useCallback(\n    (data) => {\n      onSave(data);\n      if (InterceptOnCreate) {\n        setSelectedCAO(() => data.serviceEndpoint.split('#')[0]);\n        setIsInterceptOnCreateOpen(() => true);\n      }\n    },\n    [onSave, InterceptOnCreate],\n  );\n\n  const handleOnClose = useCallback(() => {\n    setIsInterceptOnCreateOpen(false);\n    onClose();\n  }, [onClose]);\n\n  const isModifyingServiceEnabled = !!InterceptOnCreate;\n\n  return (\n    <>\n      <Popup\n        title=\"Edit your service details here:\"\n        onClose={onClose}\n        isOpen={Boolean(selectedService)}\n      >\n        <Form record={selectedService} onSubmit={handleOnSave} mode=\"onChange\">\n          <FormContent\n            isModifyingServiceEnabled={isModifyingServiceEnabled}\n            selectedService={selectedService}\n          />\n        </Form>\n      </Popup>\n      <InterceptOnCreate\n        isInterceptOnCreateOpen={isInterceptOnCreateOpen}\n        serviceId={selectedService?.id}\n        onNext={() => onClose()}\n        onClose={handleOnClose}\n        isIssueOrInspection={isIssuingOrInspection}\n        selectedCAO={selectedCAO}\n        isCAO={isCAO}\n      />\n    </>\n  );\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nServicesEdit.propTypes = {\n  onClose: PropTypes.func,\n  onSave: PropTypes.func,\n  // eslint-disable-next-line react/forbid-prop-types\n  selectedService: PropTypes.object,\n  InterceptOnCreate: PropTypes.elementType,\n};\n\nexport default ServicesEdit;\n"],"names":["jsxs","Popup","Typography","Stack","jsx","Button","useIsIssuingInspection","required","validateServiceEndpoint","WebWalletSelection","SaveButton","HolderWalletSelection","TextInput","useState","useCallback","Fragment","Form"],"mappings":";;;;;;;;;AAqBA,MAAM,iBAAiB,CAAC,EAAE,SAAS,WAAW,iBAAiB,gBAAgB;AAC7E,SACEA,2BAAAA;AAAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,YAAY,MAAM;AAAA,MAAC,IAAI;AAAA,MAChC,QAAQ,QAAQ,eAAe;AAAA,MAE/B,UAAA;AAAA,QAAAD,gCAACE,SAAAA,YAAA,EAAW,UAAA;AAAA,UAAA;AAAA,UAAiC;AAAA,UAAgB;AAAA,QAAA,GAAS;AAAA,QACtEF,2BAAAA,KAACG,SAAAA,OAAA,EAAM,IAAI,OAAO,aAChB,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAACC,SAAAA;AAAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,SAAQ;AAAA,cACR,IAAI,OAAO;AAAA,cACX,WAAS;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGDD,2BAAAA;AAAAA,YAACC,SAAAA;AAAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,SAAQ;AAAA,cACR,IAAI,CAAC,OAAO,QAAQ,OAAO,YAAY;AAAA,cACxC,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAM,SAAS;AAAA,EACb,aAAa;AAAA,IACX,SAAS;AAAA,IACT,eAAe;AAAA,IACf,WAAW;AAAA,IACX,gBAAgB;AAAA,EAAA;AAAA,EAElB,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET,cAAc,EAAE,aAAa,QAAQ,OAAO,gBAAgB,aAAa,kBAAA;AAC3E;AAGA,eAAe,YAAY;AAAA,EACzB,SAAS,UAAU;AAAA,EACnB,WAAW,UAAU;AAAA;AAAA,EAErB,iBAAiB,UAAU;AAAA,EAC3B,WAAW,UAAU;AACvB;AClEO,MAAM,cAAc,CAAC,EAAE,2BAA2B,sBAAsB;AAC7E,QAAM,EAAE,uBAAuB,aAAa,eAAA,IAAmBC,sBAAAA,uBAAuB;AAAA,IACpF,IAAI,iBAAiB;AAAA,EAAA,CACtB;AACD,QAAM,gBAAgB,CAACC,oBAAS,wCAAwC,CAAC;AACzE,MAAI,CAAC,uBAAuB;AAC1B,kBAAc,KAAK,GAAGC,+CAAuB;AAAA,EAC/C;AAEA,MAAI,aAAa;AACf,2CACGL,gBAAA,EACC,UAAA;AAAA,MAAAC,2BAAAA,IAACK,sBAAAA,oBAAA,EAAmB,YAAY,MAAA,CAAO;AAAA,MACvCL,2BAAAA;AAAAA,QAACM,WAAAA;AAAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAM;AAAA,UACN,OAAM;AAAA,UACN,IAAI,GAAG;AAAA,UACP,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GACF;AAAA,EAEJ;AACA,MAAI,gBAAgB;AAClB,2CACGP,gBAAA,EACC,UAAA;AAAA,MAAAC,2BAAAA,IAACO,sBAAAA,uBAAA,EAAsB,YAAY,MAAA,CAAO;AAAA,MAC1CP,2BAAAA;AAAAA,QAACM,WAAAA;AAAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAM;AAAA,UACN,OAAM;AAAA,UACN,IAAI,GAAG;AAAA,UACP,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GACF;AAAA,EAEJ;AACA,yCACGP,gBAAA,EACC,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACQ,WAAAA;AAAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,OAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO,CAAC,UAAU,MAAM,KAAA;AAAA,MAAK;AAAA,IAAA;AAAA,IAE/BR,2BAAAA;AAAAA,MAACM,WAAAA;AAAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAM;AAAA,QACN,IAAI,GAAG;AAAA,QACP,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;AAEA,MAAM,KAAK;AAAA,EACT,YAAY,EAAE,OAAO,eAAe,WAAW,UAAU,IAAI,GAAG,IAAI,GAAG,IAAI,EAAA;AAC7E;AAGA,YAAY,YAAY;AAAA,EACtB,2BAA2B,UAAU,KAAK;AAAA,EAC1C,iBAAiB,UAAU,MAAM,EAAE,IAAI,UAAU,QAAQ,MAAM,UAAU,OAAA,CAAQ,EAAE;AACrF;ACjDA,MAAM,eAAe,CAAC,EAAE,SAAS,QAAQ,iBAAiB,wBAAwB;AAChF,QAAM,EAAE,uBAAuB,UAAUJ,sBAAAA,uBAAuB,EAAE,IAAI,iBAAiB,MAAM;AAC7F,QAAM,CAAC,yBAAyB,0BAA0B,IAAIO,MAAAA,SAAS,KAAK;AAC5E,QAAM,CAAC,aAAa,cAAc,IAAIA,MAAAA;AAAAA,IACpC,wBAAwB,iBAAiB,gBAAgB,MAAM,GAAG,EAAE,CAAC,IAAI;AAAA,EAAA;AAE3E,QAAM,eAAeC,MAAAA;AAAAA,IACnB,CAAC,SAAS;AACR,aAAO,IAAI;AACX,UAAI,mBAAmB;AACrB,uBAAe,MAAM,KAAK,gBAAgB,MAAM,GAAG,EAAE,CAAC,CAAC;AACvD,mCAA2B,MAAM,IAAI;AAAA,MACvC;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,iBAAiB;AAAA,EAAA;AAG5B,QAAM,gBAAgBA,MAAAA,YAAY,MAAM;AACtC,+BAA2B,KAAK;AAChC,YAAA;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,4BAA4B,CAAC,CAAC;AAEpC,SACEd,2BAAAA,KAAAe,qBAAA,EACE,UAAA;AAAA,IAAAX,2BAAAA;AAAAA,MAACH,MAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN;AAAA,QACA,QAAQ,QAAQ,eAAe;AAAA,QAE/B,yCAACe,iBAAA,EAAK,QAAQ,iBAAiB,UAAU,cAAc,MAAK,YAC1D,UAAAZ,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,UAAA;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,iBAAiB;AAAA,QAC5B,QAAQ,MAAM,QAAA;AAAA,QACd,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAGA,aAAa,YAAY;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA;AAAA,EAElB,iBAAiB,UAAU;AAAA,EAC3B,mBAAmB,UAAU;AAC/B;;;"}