@verii/components-organizations-registrar 1.0.0 → 1.0.2

package/dist/chunks/{index.DMWKdmxs.js → index.DFMQZMWE.js}

@@ -8,6 +8,8 @@ import InfoIcon from "@mui/icons-material/Info";
 import { L as Loading } from "./Loading.Bcm3xNJU.js";
 import { h as copyTextToClipboard, o as objectToString } from "./index.DIur8MCO.js";
 import { Form } from "react-admin";
+import "lodash-es";
+import "./serviceTypes.BbBTNXB9.js";
 const titleDefault = "Wait! Before you close this window, please make sure you have saved a copy of your keys";
 const subTitleDefault = (
   // eslint-disable-next-line max-len
@@ -171,6 +173,13 @@ const getTitle = (step) => {
       return "Select type of service to add";
   }
 };
+const getNewServiceIndex = (services, kebabType) => {
+  const servicesOfSameType = services.filter((item) => item.id.split("#")[1]?.startsWith(kebabType)).sort();
+  return (
+    // eslint-disable-next-line better-mutation/no-mutating-methods
+    parseInt(servicesOfSameType[servicesOfSameType.length - 1]?.id.split("-").reverse()[0], 10) + 1 || 1
+  );
+};
 const selectedStep = 4;
 const ServiceSecretKeys = ({
   secretKeys,
@@ -349,7 +358,8 @@ SecretKeysPopup.propTypes = {
 };
 export {
   SecretKeysPopup as S,
+  getTitle as a,
   downloadTxtAsFile$1 as d,
-  getTitle as g
+  getNewServiceIndex as g
 };
-//# sourceMappingURL=index.DMWKdmxs.js.map
+//# sourceMappingURL=index.DFMQZMWE.js.map

package/dist/chunks/index.DFMQZMWE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.DFMQZMWE.js","sources":["../../src/pages/services/components/SecretKeysPopup/WarningSecretKeysPopup/index.jsx","../../src/utils/downloadTxtAsFile.js","../../src/pages/services/hooks/useKeyDownload.js","../../src/pages/services/utils/formatSecrets.js","../../src/pages/services/utils/getTitle.js","../../src/utils/invitations.js","../../src/pages/services/components/SecretKeysPopup/ServiceSecretKeys/index.jsx","../../src/pages/services/components/SecretKeysPopup/index.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 { Box, Typography, Button, useTheme } from '@mui/material';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport InfoIcon from '@mui/icons-material/Info';\nimport PropTypes from 'prop-types';\n\nimport Popup from '@/components/common/Popup.jsx';\nimport Loading from '@/components/Loading.jsx';\n\nconst titleDefault =\n  'Wait! Before you close this window, please make sure you have saved a copy of your keys';\nconst subTitleDefault =\n  // eslint-disable-next-line max-len\n  'Your organization’s unique keys are critical for managing your organization’s data on Velocity Network™. This information will not be available once you close this window.';\nconst buttonLabelDefault = 'Download keys';\n\nconst WarningSecretKeysPopup = ({\n  isModalOpened,\n  onClose,\n  title = titleDefault,\n  subTitle = subTitleDefault,\n  buttonLabel = buttonLabelDefault,\n  isLoading = false,\n  onClick,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Popup\n      onClose={onClose}\n      title=\"\"\n      isOpen={isModalOpened}\n      mainContainerStyles={styles.mainContainer}\n      isBackBoxVisible\n      backBoxColor={theme.palette.warning.main}\n      disableCloseButton={isLoading}\n    >\n      <InfoIcon color=\"warning\" sx={styles.icon} />\n      <Typography sx={styles.title}>{title}</Typography>\n      <Typography textAlign=\"center\">{subTitle}</Typography>\n\n      <Box sx={styles.buttonBlock}>\n        <Button\n          variant=\"outlined\"\n          endIcon={\n            isLoading ? <Loading color=\"error\" sx={styles.loader} size={26} /> : <DownloadIcon />\n          }\n          disabled={isLoading}\n          sx={styles.button}\n          onClick={onClick}\n        >\n          {buttonLabel}\n        </Button>\n      </Box>\n    </Popup>\n  );\n};\n\nconst styles = {\n  mainContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    pt: '19px',\n  },\n  title: {\n    fontWeight: 600,\n    fontSize: '32px',\n    lineHeight: '39px',\n    textAlign: 'center',\n    mb: '32px',\n    mt: '35px',\n  },\n  button: { px: 4, py: 1, fontSize: '16px' },\n  buttonBlock: {\n    marginTop: '52px',\n  },\n  icon: { width: '50px', height: '50px' },\n  loader: { pl: '10px' },\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nWarningSecretKeysPopup.propTypes = {\n  isModalOpened: PropTypes.bool,\n  // eslint-disable-next-line react/forbid-prop-types\n  onClose: PropTypes.func,\n  title: PropTypes.string,\n  subTitle: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  isLoading: PropTypes.bool,\n  onClick: PropTypes.func,\n};\n\nexport default WarningSecretKeysPopup;\n","/* eslint-disable better-mutation/no-mutation */\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 */\nconst download = (fileName, onLoading, onError, onClick, callback) => {\n  // eslint-disable-next-line no-undef\n  const request = new XMLHttpRequest();\n  request.responseType = 'blob';\n  request.open('GET', fileName);\n\n  request.addEventListener('load', () => {\n    callback();\n  });\n  request.onloadstart = () => {\n    onClick(true);\n    onLoading(true);\n  };\n  request.onloadend = () => {\n    onLoading(false);\n  };\n  request.onerror = () => {\n    onError(true);\n  };\n  request.onabort = () => {\n    onError(true);\n  };\n\n  request.send();\n};\n/* eslint-disable better-mutation/no-mutation */\nconst downloadTxtAsFile = (text, name) => {\n  // eslint-disable-next-line no-undef\n  const a = document.createElement('a');\n  const file = new Blob([text], { type: 'application/json' });\n\n  a.href = URL.createObjectURL(file);\n  a.download = name;\n  a.click();\n  a.remove();\n};\n\nexport default (fileName, text, onLoading, onError, onClick) => {\n  download(fileName, onLoading, onError, onClick, () => {\n    downloadTxtAsFile(text, fileName);\n  });\n};\n","import { useState, useCallback } from 'react';\nimport downloadTxtAsFile from '@/utils/downloadTxtAsFile.js';\nimport { copyTextToClipboard, objectToString } from '@/utils/index.jsx';\n\nexport const useKeyDownload = () => {\n  const [isDownloaded, setIsDownloaded] = useState(false);\n  const [isLoadingKeys, setIsLoadingKeys] = useState(false);\n  const [isLoadingKeysError, setIsLoadingKeysError] = useState(false);\n  const [isCopied, setIsCopied] = useState(false);\n\n  const onCopy = useCallback((secretKeys) => {\n    copyTextToClipboard(objectToString(secretKeys), (error) => {\n      setIsCopied(!error);\n    });\n  }, []);\n\n  const onDownload = useCallback((secretKeys) => {\n    setIsLoadingKeys(true);\n    const keys = objectToString(secretKeys);\n    downloadTxtAsFile(\n      'keys.json',\n      keys,\n      (isLoading) => setIsLoadingKeys(isLoading),\n      (isError) => setIsLoadingKeysError(isError),\n      (isClicked) => setIsDownloaded(isClicked),\n    );\n  }, []);\n\n  return { isDownloaded, isLoadingKeys, isLoadingKeysError, isCopied, onDownload, onCopy };\n};\n\nexport default useKeyDownload;\n","export const formatSecrets = (secretKeys) => {\n  return secretKeys\n    ? [\n        ...(secretKeys.keys\n          ? secretKeys.keys.map((item) => ({\n              ...item,\n              id: item.didDocumentKey.id.replace('#', ''),\n            }))\n          : []),\n        ...(secretKeys.authClients\n          ? secretKeys.authClients.reduce(\n              (acc, { clientId, clientSecret }) => [\n                ...acc,\n                { id: 'Client Id', key: clientId },\n                { id: 'Client Secret', key: clientSecret },\n              ],\n              [],\n            )\n          : []),\n      ]\n    : [];\n};\n","export const getTitle = (step) => {\n  switch (step) {\n    case 2:\n      return \"You're one step away from setting up your new service on Velocity Network™\";\n    case 3:\n      return 'Set a Secure Messages URL';\n    case 4:\n      return 'Congratulations!';\n    default:\n      return 'Select type of service to add';\n  }\n};\n","export const getNewServiceIndex = (services, kebabType) => {\n  // eslint-disable-next-line better-mutation/no-mutating-methods\n  const servicesOfSameType = services\n    .filter((item) => item.id.split('#')[1]?.startsWith(kebabType))\n    .sort();\n\n  return (\n    // eslint-disable-next-line better-mutation/no-mutating-methods\n    parseInt(servicesOfSameType[servicesOfSameType.length - 1]?.id.split('-').reverse()[0], 10) +\n      1 || 1\n  );\n};\n","import { useMemo } from 'react';\nimport { Box, Button, Grid, Typography } from '@mui/material';\nimport InfoIcon from '@mui/icons-material/Info';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport { Form } from 'react-admin';\nimport PropTypes from 'prop-types';\n\nimport { getTitle, formatSecrets } from '@/pages/services/utils/index.js';\n\nconst selectedStep = 4;\n\nexport const ServiceSecretKeys = ({\n  secretKeys,\n  subtitle,\n  description,\n  onDownload,\n  onCopy,\n  isCopied,\n}) => {\n  const formattedKeys = useMemo(() => formatSecrets(secretKeys), [secretKeys]);\n\n  return (\n    <>\n      <Typography sx={styles.title} mb={2}>\n        {getTitle(selectedStep)}\n      </Typography>\n      <Typography sx={styles.subtitle}>{subtitle}</Typography>\n      <Typography>{description}</Typography>\n      <Form>\n        {formattedKeys.map((item) => (\n          <Grid container spacing={2} columns={14} key={item.id} sx={styles.keysBlock}>\n            <Key label={item.id} />\n            <Value value={item.key} />\n          </Grid>\n        ))}\n        <Box sx={styles.doNotDisclosureBlock}>\n          <InfoIcon />\n          <Typography marginLeft=\"20px\">\n            Do not disclose these keys to unauthorized persons or transmit via unsecured channels.\n          </Typography>\n        </Box>\n\n        <Box sx={styles.buttonsBlock}>\n          <Button\n            variant=\"outlined\"\n            color=\"secondary\"\n            sx={[styles.button, { marginRight: '30px' }]}\n            onClick={() => onCopy(secretKeys)}\n          >\n            {isCopied ? 'Copied' : 'Copy'}\n          </Button>\n          <Button\n            variant=\"outlined\"\n            endIcon={<DownloadIcon />}\n            sx={styles.button}\n            onClick={() => onDownload(secretKeys)}\n          >\n            Download\n          </Button>\n        </Box>\n      </Form>\n    </>\n  );\n};\n\nconst Key = ({ label }) => (\n  <Grid size={{ xs: 4 }} sx={styles.keyLabel}>\n    <Typography>{label}</Typography>\n  </Grid>\n);\n\nconst Value = ({ value }) => (\n  <Grid size={{ xs: 10 }}>\n    <Typography sx={styles.keyValue}>{value}</Typography>\n  </Grid>\n);\n\nconst styles = {\n  title: {\n    fontSize: '32px',\n    fontWeight: '600',\n    lineHeight: '38px',\n  },\n  subtitle: {\n    fontWeight: '600',\n    fontSize: '16px',\n    marginBottom: '24px',\n  },\n  doNotDisclosureBlock: {\n    color: 'secondary.light',\n    fontSize: '14px',\n    display: 'flex',\n    flexDirection: 'row',\n    marginTop: '30px',\n  },\n  keysBlock: {\n    marginTop: '30px',\n  },\n  keyLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    wordBreak: 'break-all',\n  },\n  keyValue: {\n    width: '100%',\n    borderColor: 'divider.main',\n    borderWidth: '1px',\n    borderStyle: 'solid',\n    borderRadius: '6px',\n    padding: '16px',\n    boxSizing: 'border-box',\n    wordBreak: 'break-word',\n  },\n  buttonsBlock: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    marginTop: '40px',\n  },\n  button: { px: 4, py: 1, fontSize: '16px', width: '160px' },\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nServiceSecretKeys.propTypes = {\n  // eslint-disable-next-line react/forbid-prop-types\n  secretKeys: PropTypes.object,\n  subtitle: PropTypes.string,\n  description: PropTypes.string,\n  onCopy: PropTypes.func,\n  isCopied: PropTypes.bool,\n  onDownload: PropTypes.func,\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nKey.propTypes = {\n  label: PropTypes.string.isRequired,\n};\n// eslint-disable-next-line better-mutation/no-mutation\nValue.propTypes = {\n  value: PropTypes.string.isRequired,\n};\n\nexport default ServiceSecretKeys;\n","import { useCallback, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Popup from '@/components/common/Popup.jsx';\nimport WarningSecretKeysPopup from './WarningSecretKeysPopup/index.jsx';\nimport { useKeyDownload } from '../../hooks/useKeyDownload.js';\nimport { ServiceSecretKeys } from './ServiceSecretKeys/index.jsx';\n\nexport const SecretKeysPopup = ({ isOpen, secretKeys, onClose, wording, warningWording }) => {\n  const { onDownload, onCopy, isLoadingKeys, isLoadingKeysError, isDownloaded, isCopied } =\n    useKeyDownload();\n\n  const [isOpenWarningSecretPopup, setIsOpenWarningSecretPopup] = useState(false);\n\n  const handleClose = useCallback(() => {\n    if ((!isCopied && !isDownloaded) || isLoadingKeysError) {\n      setIsOpenWarningSecretPopup(true);\n    } else {\n      onClose();\n    }\n  }, [isCopied, isDownloaded, isLoadingKeysError, onClose]);\n\n  useEffect(() => {\n    if (isOpenWarningSecretPopup && !isLoadingKeys && !isLoadingKeysError && isDownloaded) {\n      onClose();\n    }\n  }, [isOpenWarningSecretPopup, isLoadingKeys, isLoadingKeysError, isDownloaded, onClose]);\n\n  return (\n    <Popup\n      onClose={handleClose}\n      title=\"\"\n      isOpen={isOpen}\n      mainContainerStyles={styles.mainContainer}\n      disableCloseButton={isLoadingKeys}\n    >\n      <>\n        <ServiceSecretKeys\n          secretKeys={secretKeys}\n          onDownload={onDownload}\n          onCopy={onCopy}\n          isCopied={isCopied}\n          subtitle={wording.title}\n          description={wording.subtitle}\n        />\n        <WarningSecretKeysPopup\n          isModalOpened={isOpenWarningSecretPopup}\n          onClose={onClose}\n          title={warningWording.title}\n          subtitle={warningWording.subtitle}\n          onClick={() => onDownload(secretKeys)}\n          isLoading={isLoadingKeys}\n        />\n      </>\n    </Popup>\n  );\n};\n\nconst styles = {\n  mainContainer: { pt: 2 },\n};\n// eslint-disable-next-line better-mutation/no-mutation\nSecretKeysPopup.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  // eslint-disable-next-line react/forbid-prop-types\n  secretKeys: PropTypes.object.isRequired,\n  onClose: PropTypes.func.isRequired,\n  wording: PropTypes.shape({\n    title: PropTypes.string.isRequired,\n    subtitle: PropTypes.string.isRequired,\n  }).isRequired,\n  warningWording: PropTypes.shape({\n    title: PropTypes.string.isRequired,\n    subtitle: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nexport default SecretKeysPopup;\n"],"names":["styles","downloadTxtAsFile"],"mappings":"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"}

package/dist/chunks/{index.DND10PiY.js → index.DTlm8AhC.js}

@@ -9,6 +9,8 @@ const InfoIcon = require("@mui/icons-material/Info");
 const Loading = require("./Loading.cGHE59CV.js");
 const index = require("./index.iexmV4Mr.js");
 const reactAdmin = require("react-admin");
+require("lodash-es");
+require("./serviceTypes.BWVBK33e.js");
 const titleDefault = "Wait! Before you close this window, please make sure you have saved a copy of your keys";
 const subTitleDefault = (
   // eslint-disable-next-line max-len
@@ -172,6 +174,13 @@ const getTitle = (step) => {
       return "Select type of service to add";
   }
 };
+const getNewServiceIndex = (services, kebabType) => {
+  const servicesOfSameType = services.filter((item) => item.id.split("#")[1]?.startsWith(kebabType)).sort();
+  return (
+    // eslint-disable-next-line better-mutation/no-mutating-methods
+    parseInt(servicesOfSameType[servicesOfSameType.length - 1]?.id.split("-").reverse()[0], 10) + 1 || 1
+  );
+};
 const selectedStep = 4;
 const ServiceSecretKeys = ({
   secretKeys,
@@ -350,5 +359,6 @@ SecretKeysPopup.propTypes = {
 };
 exports.SecretKeysPopup = SecretKeysPopup;
 exports.downloadTxtAsFile = downloadTxtAsFile$1;
+exports.getNewServiceIndex = getNewServiceIndex;
 exports.getTitle = getTitle;
-//# sourceMappingURL=index.DND10PiY.js.map
+//# sourceMappingURL=index.DTlm8AhC.js.map

package/dist/chunks/index.DTlm8AhC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.DTlm8AhC.js","sources":["../../src/pages/services/components/SecretKeysPopup/WarningSecretKeysPopup/index.jsx","../../src/utils/downloadTxtAsFile.js","../../src/pages/services/hooks/useKeyDownload.js","../../src/pages/services/utils/formatSecrets.js","../../src/pages/services/utils/getTitle.js","../../src/utils/invitations.js","../../src/pages/services/components/SecretKeysPopup/ServiceSecretKeys/index.jsx","../../src/pages/services/components/SecretKeysPopup/index.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 { Box, Typography, Button, useTheme } from '@mui/material';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport InfoIcon from '@mui/icons-material/Info';\nimport PropTypes from 'prop-types';\n\nimport Popup from '@/components/common/Popup.jsx';\nimport Loading from '@/components/Loading.jsx';\n\nconst titleDefault =\n  'Wait! Before you close this window, please make sure you have saved a copy of your keys';\nconst subTitleDefault =\n  // eslint-disable-next-line max-len\n  'Your organization’s unique keys are critical for managing your organization’s data on Velocity Network™. This information will not be available once you close this window.';\nconst buttonLabelDefault = 'Download keys';\n\nconst WarningSecretKeysPopup = ({\n  isModalOpened,\n  onClose,\n  title = titleDefault,\n  subTitle = subTitleDefault,\n  buttonLabel = buttonLabelDefault,\n  isLoading = false,\n  onClick,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Popup\n      onClose={onClose}\n      title=\"\"\n      isOpen={isModalOpened}\n      mainContainerStyles={styles.mainContainer}\n      isBackBoxVisible\n      backBoxColor={theme.palette.warning.main}\n      disableCloseButton={isLoading}\n    >\n      <InfoIcon color=\"warning\" sx={styles.icon} />\n      <Typography sx={styles.title}>{title}</Typography>\n      <Typography textAlign=\"center\">{subTitle}</Typography>\n\n      <Box sx={styles.buttonBlock}>\n        <Button\n          variant=\"outlined\"\n          endIcon={\n            isLoading ? <Loading color=\"error\" sx={styles.loader} size={26} /> : <DownloadIcon />\n          }\n          disabled={isLoading}\n          sx={styles.button}\n          onClick={onClick}\n        >\n          {buttonLabel}\n        </Button>\n      </Box>\n    </Popup>\n  );\n};\n\nconst styles = {\n  mainContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    pt: '19px',\n  },\n  title: {\n    fontWeight: 600,\n    fontSize: '32px',\n    lineHeight: '39px',\n    textAlign: 'center',\n    mb: '32px',\n    mt: '35px',\n  },\n  button: { px: 4, py: 1, fontSize: '16px' },\n  buttonBlock: {\n    marginTop: '52px',\n  },\n  icon: { width: '50px', height: '50px' },\n  loader: { pl: '10px' },\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nWarningSecretKeysPopup.propTypes = {\n  isModalOpened: PropTypes.bool,\n  // eslint-disable-next-line react/forbid-prop-types\n  onClose: PropTypes.func,\n  title: PropTypes.string,\n  subTitle: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  isLoading: PropTypes.bool,\n  onClick: PropTypes.func,\n};\n\nexport default WarningSecretKeysPopup;\n","/* eslint-disable better-mutation/no-mutation */\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 */\nconst download = (fileName, onLoading, onError, onClick, callback) => {\n  // eslint-disable-next-line no-undef\n  const request = new XMLHttpRequest();\n  request.responseType = 'blob';\n  request.open('GET', fileName);\n\n  request.addEventListener('load', () => {\n    callback();\n  });\n  request.onloadstart = () => {\n    onClick(true);\n    onLoading(true);\n  };\n  request.onloadend = () => {\n    onLoading(false);\n  };\n  request.onerror = () => {\n    onError(true);\n  };\n  request.onabort = () => {\n    onError(true);\n  };\n\n  request.send();\n};\n/* eslint-disable better-mutation/no-mutation */\nconst downloadTxtAsFile = (text, name) => {\n  // eslint-disable-next-line no-undef\n  const a = document.createElement('a');\n  const file = new Blob([text], { type: 'application/json' });\n\n  a.href = URL.createObjectURL(file);\n  a.download = name;\n  a.click();\n  a.remove();\n};\n\nexport default (fileName, text, onLoading, onError, onClick) => {\n  download(fileName, onLoading, onError, onClick, () => {\n    downloadTxtAsFile(text, fileName);\n  });\n};\n","import { useState, useCallback } from 'react';\nimport downloadTxtAsFile from '@/utils/downloadTxtAsFile.js';\nimport { copyTextToClipboard, objectToString } from '@/utils/index.jsx';\n\nexport const useKeyDownload = () => {\n  const [isDownloaded, setIsDownloaded] = useState(false);\n  const [isLoadingKeys, setIsLoadingKeys] = useState(false);\n  const [isLoadingKeysError, setIsLoadingKeysError] = useState(false);\n  const [isCopied, setIsCopied] = useState(false);\n\n  const onCopy = useCallback((secretKeys) => {\n    copyTextToClipboard(objectToString(secretKeys), (error) => {\n      setIsCopied(!error);\n    });\n  }, []);\n\n  const onDownload = useCallback((secretKeys) => {\n    setIsLoadingKeys(true);\n    const keys = objectToString(secretKeys);\n    downloadTxtAsFile(\n      'keys.json',\n      keys,\n      (isLoading) => setIsLoadingKeys(isLoading),\n      (isError) => setIsLoadingKeysError(isError),\n      (isClicked) => setIsDownloaded(isClicked),\n    );\n  }, []);\n\n  return { isDownloaded, isLoadingKeys, isLoadingKeysError, isCopied, onDownload, onCopy };\n};\n\nexport default useKeyDownload;\n","export const formatSecrets = (secretKeys) => {\n  return secretKeys\n    ? [\n        ...(secretKeys.keys\n          ? secretKeys.keys.map((item) => ({\n              ...item,\n              id: item.didDocumentKey.id.replace('#', ''),\n            }))\n          : []),\n        ...(secretKeys.authClients\n          ? secretKeys.authClients.reduce(\n              (acc, { clientId, clientSecret }) => [\n                ...acc,\n                { id: 'Client Id', key: clientId },\n                { id: 'Client Secret', key: clientSecret },\n              ],\n              [],\n            )\n          : []),\n      ]\n    : [];\n};\n","export const getTitle = (step) => {\n  switch (step) {\n    case 2:\n      return \"You're one step away from setting up your new service on Velocity Network™\";\n    case 3:\n      return 'Set a Secure Messages URL';\n    case 4:\n      return 'Congratulations!';\n    default:\n      return 'Select type of service to add';\n  }\n};\n","export const getNewServiceIndex = (services, kebabType) => {\n  // eslint-disable-next-line better-mutation/no-mutating-methods\n  const servicesOfSameType = services\n    .filter((item) => item.id.split('#')[1]?.startsWith(kebabType))\n    .sort();\n\n  return (\n    // eslint-disable-next-line better-mutation/no-mutating-methods\n    parseInt(servicesOfSameType[servicesOfSameType.length - 1]?.id.split('-').reverse()[0], 10) +\n      1 || 1\n  );\n};\n","import { useMemo } from 'react';\nimport { Box, Button, Grid, Typography } from '@mui/material';\nimport InfoIcon from '@mui/icons-material/Info';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport { Form } from 'react-admin';\nimport PropTypes from 'prop-types';\n\nimport { getTitle, formatSecrets } from '@/pages/services/utils/index.js';\n\nconst selectedStep = 4;\n\nexport const ServiceSecretKeys = ({\n  secretKeys,\n  subtitle,\n  description,\n  onDownload,\n  onCopy,\n  isCopied,\n}) => {\n  const formattedKeys = useMemo(() => formatSecrets(secretKeys), [secretKeys]);\n\n  return (\n    <>\n      <Typography sx={styles.title} mb={2}>\n        {getTitle(selectedStep)}\n      </Typography>\n      <Typography sx={styles.subtitle}>{subtitle}</Typography>\n      <Typography>{description}</Typography>\n      <Form>\n        {formattedKeys.map((item) => (\n          <Grid container spacing={2} columns={14} key={item.id} sx={styles.keysBlock}>\n            <Key label={item.id} />\n            <Value value={item.key} />\n          </Grid>\n        ))}\n        <Box sx={styles.doNotDisclosureBlock}>\n          <InfoIcon />\n          <Typography marginLeft=\"20px\">\n            Do not disclose these keys to unauthorized persons or transmit via unsecured channels.\n          </Typography>\n        </Box>\n\n        <Box sx={styles.buttonsBlock}>\n          <Button\n            variant=\"outlined\"\n            color=\"secondary\"\n            sx={[styles.button, { marginRight: '30px' }]}\n            onClick={() => onCopy(secretKeys)}\n          >\n            {isCopied ? 'Copied' : 'Copy'}\n          </Button>\n          <Button\n            variant=\"outlined\"\n            endIcon={<DownloadIcon />}\n            sx={styles.button}\n            onClick={() => onDownload(secretKeys)}\n          >\n            Download\n          </Button>\n        </Box>\n      </Form>\n    </>\n  );\n};\n\nconst Key = ({ label }) => (\n  <Grid size={{ xs: 4 }} sx={styles.keyLabel}>\n    <Typography>{label}</Typography>\n  </Grid>\n);\n\nconst Value = ({ value }) => (\n  <Grid size={{ xs: 10 }}>\n    <Typography sx={styles.keyValue}>{value}</Typography>\n  </Grid>\n);\n\nconst styles = {\n  title: {\n    fontSize: '32px',\n    fontWeight: '600',\n    lineHeight: '38px',\n  },\n  subtitle: {\n    fontWeight: '600',\n    fontSize: '16px',\n    marginBottom: '24px',\n  },\n  doNotDisclosureBlock: {\n    color: 'secondary.light',\n    fontSize: '14px',\n    display: 'flex',\n    flexDirection: 'row',\n    marginTop: '30px',\n  },\n  keysBlock: {\n    marginTop: '30px',\n  },\n  keyLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    wordBreak: 'break-all',\n  },\n  keyValue: {\n    width: '100%',\n    borderColor: 'divider.main',\n    borderWidth: '1px',\n    borderStyle: 'solid',\n    borderRadius: '6px',\n    padding: '16px',\n    boxSizing: 'border-box',\n    wordBreak: 'break-word',\n  },\n  buttonsBlock: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    marginTop: '40px',\n  },\n  button: { px: 4, py: 1, fontSize: '16px', width: '160px' },\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nServiceSecretKeys.propTypes = {\n  // eslint-disable-next-line react/forbid-prop-types\n  secretKeys: PropTypes.object,\n  subtitle: PropTypes.string,\n  description: PropTypes.string,\n  onCopy: PropTypes.func,\n  isCopied: PropTypes.bool,\n  onDownload: PropTypes.func,\n};\n\n// eslint-disable-next-line better-mutation/no-mutation\nKey.propTypes = {\n  label: PropTypes.string.isRequired,\n};\n// eslint-disable-next-line better-mutation/no-mutation\nValue.propTypes = {\n  value: PropTypes.string.isRequired,\n};\n\nexport default ServiceSecretKeys;\n","import { useCallback, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Popup from '@/components/common/Popup.jsx';\nimport WarningSecretKeysPopup from './WarningSecretKeysPopup/index.jsx';\nimport { useKeyDownload } from '../../hooks/useKeyDownload.js';\nimport { ServiceSecretKeys } from './ServiceSecretKeys/index.jsx';\n\nexport const SecretKeysPopup = ({ isOpen, secretKeys, onClose, wording, warningWording }) => {\n  const { onDownload, onCopy, isLoadingKeys, isLoadingKeysError, isDownloaded, isCopied } =\n    useKeyDownload();\n\n  const [isOpenWarningSecretPopup, setIsOpenWarningSecretPopup] = useState(false);\n\n  const handleClose = useCallback(() => {\n    if ((!isCopied && !isDownloaded) || isLoadingKeysError) {\n      setIsOpenWarningSecretPopup(true);\n    } else {\n      onClose();\n    }\n  }, [isCopied, isDownloaded, isLoadingKeysError, onClose]);\n\n  useEffect(() => {\n    if (isOpenWarningSecretPopup && !isLoadingKeys && !isLoadingKeysError && isDownloaded) {\n      onClose();\n    }\n  }, [isOpenWarningSecretPopup, isLoadingKeys, isLoadingKeysError, isDownloaded, onClose]);\n\n  return (\n    <Popup\n      onClose={handleClose}\n      title=\"\"\n      isOpen={isOpen}\n      mainContainerStyles={styles.mainContainer}\n      disableCloseButton={isLoadingKeys}\n    >\n      <>\n        <ServiceSecretKeys\n          secretKeys={secretKeys}\n          onDownload={onDownload}\n          onCopy={onCopy}\n          isCopied={isCopied}\n          subtitle={wording.title}\n          description={wording.subtitle}\n        />\n        <WarningSecretKeysPopup\n          isModalOpened={isOpenWarningSecretPopup}\n          onClose={onClose}\n          title={warningWording.title}\n          subtitle={warningWording.subtitle}\n          onClick={() => onDownload(secretKeys)}\n          isLoading={isLoadingKeys}\n        />\n      </>\n    </Popup>\n  );\n};\n\nconst styles = {\n  mainContainer: { pt: 2 },\n};\n// eslint-disable-next-line better-mutation/no-mutation\nSecretKeysPopup.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  // eslint-disable-next-line react/forbid-prop-types\n  secretKeys: PropTypes.object.isRequired,\n  onClose: PropTypes.func.isRequired,\n  wording: PropTypes.shape({\n    title: PropTypes.string.isRequired,\n    subtitle: PropTypes.string.isRequired,\n  }).isRequired,\n  warningWording: PropTypes.shape({\n    title: PropTypes.string.isRequired,\n    subtitle: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nexport default SecretKeysPopup;\n"],"names":["useTheme","jsxs","Popup","styles","jsx","Typography","Box","Button","Loading","useState","useCallback","copyTextToClipboard","objectToString","downloadTxtAsFile","useMemo","Fragment","Form","Grid","useEffect"],"mappings":"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"}

package/dist/chunks/{index.CYCWawJT.js → index.DmF-wFBs.js}

@@ -1,22 +1,104 @@
 "use strict";
+const lodashEs = require("lodash-es");
+const serviceTypes = require("./serviceTypes.BWVBK33e.js");
+const index = require("./index.DTlm8AhC.js");
 const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
+const reactAdmin = require("react-admin");
 const material = require("@mui/material");
 const KeyboardArrowLeftIcon = require("@mui/icons-material/KeyboardArrowLeft");
-const reactAdmin = require("react-admin");
-const InfoIcon = require("@mui/icons-material/Info");
 const PropTypes = require("prop-types");
+const HolderWalletSelection = require("./HolderWalletSelection.BvPFTrTh.js");
+const React = require("react");
+const InfoIcon = require("@mui/icons-material/Info");
 const CustomDropDown = require("./CustomDropDown.rP9eQtKr.js");
 const OrganizationAvatar = require("./OrganizationAvatar.BXW4diDT.js");
-const CreateOrganizationUtils = require("./CreateOrganizationUtils.C5C_r3Zp.js");
-const chainNames = require("./chainNames.DF5Kayu_.js");
 const ConfigContext = require("./ConfigContext.CqbiiiBD.js");
-const index = require("./index.DND10PiY.js");
+const chainNames = require("./chainNames.DF5Kayu_.js");
+const CreateOrganizationUtils = require("./CreateOrganizationUtils.C5C_r3Zp.js");
 const KeyboardArrowRightIcon = require("@mui/icons-material/KeyboardArrowRight");
 const Loading = require("./Loading.cGHE59CV.js");
-const serviceTypes = require("./serviceTypes.D7c4G5GY.js");
-const isAddButtonDisabled = (inProgress, isIssueOrInspection, selectedCAO, serviceEndpoint) => {
-  return !(isIssueOrInspection && serviceEndpoint && selectedCAO || !isIssueOrInspection && serviceEndpoint) || inProgress;
+const hasValue = (value) => {
+  if (Array.isArray(value)) {
+    return value.length > 0;
+  }
+  return Boolean(value);
+};
+const hasRequiredFields = (fields, formData) => {
+  if (!formData) {
+    return false;
+  }
+  return fields.every((field) => hasValue(formData[field]));
+};
+const requiredFieldsByServiceType = [
+  {
+    isActive: ({ isIssuingOrInspection }) => isIssuingOrInspection,
+    requiredFields: ["serviceEndpoint", "serviceCAO"]
+  },
+  {
+    isActive: ({ isCAO }) => isCAO,
+    requiredFields: ["serviceEndpoint"]
+  },
+  {
+    isActive: ({ isWebWallet }) => isWebWallet,
+    requiredFields: ["name", "logo", "serviceEndpoint", "supportedExchangeProtocols"]
+  },
+  {
+    isActive: ({ isHolderWallet }) => isHolderWallet,
+    requiredFields: [
+      "name",
+      "logo",
+      "serviceEndpoint",
+      "supportedExchangeProtocols",
+      "playStoreUrl",
+      "googlePlayId",
+      "appleAppStoreUrl",
+      "appleAppId"
+    ]
+  }
+];
+const isAddButtonDisabled = (inProgress, isIssuingOrInspection, isCAO, isWebWallet, isHolderWallet, formData) => {
+  if (inProgress) {
+    return true;
+  }
+  const serviceType = requiredFieldsByServiceType.find(
+    (item) => item.isActive({ isIssuingOrInspection, isCAO, isWebWallet, isHolderWallet })
+  );
+  if (!serviceType) {
+    return true;
+  }
+  return !hasRequiredFields(serviceType.requiredFields, formData);
+};
+const addProp = (name, value) => value ? { [name]: value } : {};
+const buildPayload = (service, type, did, services) => {
+  const kebabType = lodashEs.kebabCase(type);
+  const { name, logo, supportedExchangeProtocols, serviceEndpoint } = service;
+  const genericPayload = {
+    ...did && services && { id: `${did}#${kebabType}-${index.getNewServiceIndex(services, kebabType)}` },
+    serviceEndpoint,
+    type
+  };
+  if (type === serviceTypes.CREDENTIAL_TYPES_IDS.VLC_WEB_WALLET_PROVIDER) {
+    return {
+      ...genericPayload,
+      ...addProp("logoUrl", logo),
+      ...addProp("supportedExchangeProtocols", supportedExchangeProtocols),
+      ...addProp("name", name)
+    };
+  }
+  if (type === serviceTypes.CREDENTIAL_TYPES_IDS.VLC_HOLDER_APP_PROVIDER) {
+    const { playStoreUrl, googlePlayId, appleAppStoreUrl, appleAppId } = service;
+    return {
+      ...genericPayload,
+      ...addProp("logoUrl", logo),
+      ...addProp("supportedExchangeProtocols", supportedExchangeProtocols),
+      ...addProp("name", name),
+      ...addProp("playStoreUrl", playStoreUrl),
+      ...addProp("googlePlayId", googlePlayId),
+      ...addProp("appleAppStoreUrl", appleAppStoreUrl),
+      ...addProp("appleAppId", appleAppId)
+    };
+  }
+  return genericPayload;
 };
 const Autocomplete = React.forwardRef(function Autocomplete2({
   label,
@@ -89,15 +171,7 @@ Autocomplete.propTypes = {
   defaultValue: PropTypes.any,
   parse: PropTypes.func
 };
-const selectedStep$1 = 2;
-const ServiceEndpointSelection = ({
-  credentialAgentOperators,
-  isIssueOrInspection,
-  inProgress,
-  onCreate,
-  handleBack
-}) => {
-  const config = ConfigContext.useConfig();
+const IssuingOrInspectionSelection = ({ credentialAgentOperators, inProgress }) => {
   const [selectedCAO, setSelectedCAO] = React.useState("");
   const [selectedServiceId, setSelectedServiceId] = React.useState("");
   const getOptionAsText = (item) => item.name;
@@ -107,78 +181,163 @@ const ServiceEndpointSelection = ({
     }
     return "";
   }, [credentialAgentOperators, selectedCAO]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { sx: { mt: 2 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", alignItems: "center", sx: styles$2.selectCAOContainer, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Autocomplete,
+        {
+          source: "serviceCAO",
+          label: "Select Credential Agent Operator",
+          value: selectedCAO,
+          onChange: setSelectedCAO,
+          items: credentialAgentOperators,
+          stringValue: (item) => /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: styles$2.menuItemLogo, component: "div", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(OrganizationAvatar.OrganizationAvatar, { size: 32, name: item.name, logo: item.logo })
+          ] }),
+          inputText: getOptionAsText,
+          disabled: inProgress,
+          styles: styles$2.selectCAO
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { ml: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: "The Credential Agent Operator your organization will use to integrate with Velocity Network™", children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { color: "info", fontSize: "small", cursor: "pointer" }) }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", alignItems: "center", mt: 1, mb: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CustomDropDown.CustomDropDown,
+        {
+          label: 'Select "Service ID"',
+          value: selectedServiceId,
+          onChange: setSelectedServiceId,
+          items: CAO.service || [],
+          stringValue: (item) => `${item.id} (${item.serviceEndpoint})`,
+          disabled: !selectedCAO || inProgress,
+          source: "serviceEndpoint",
+          parse: (value) => `${selectedCAO}${value.id}`
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { ml: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        material.Tooltip,
+        {
+          title: "The agent's service ID your organization needs to use. \n          If there are multiple service IDs available, please contact your Credential Agent Operator to know which one to select.",
+          children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { color: "info", fontSize: "small", cursor: "pointer" })
+        }
+      ) })
+    ] })
+  ] });
+};
+const styles$2 = {
+  selectCAOContainer: {
+    width: "100%",
+    marginBottom: "20px"
+  },
+  selectCAO: {
+    width: "100%",
+    "& .MuiInputBase-root": {
+      width: "100%"
+    },
+    "& .MuiSelect-select": {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      py: 0
+    },
+    "& .MuiFormHelperText-root": {
+      display: "none"
+    }
+  },
+  menuItemLogo: {
+    display: "flex",
+    flex: "1",
+    justifyContent: "space-between",
+    alignItems: "center"
+  }
+};
+IssuingOrInspectionSelection.propTypes = {
+  credentialAgentOperators: PropTypes.arrayOf(
+    PropTypes.shape({
+      id: PropTypes.string.isRequired,
+      name: PropTypes.string.isRequired,
+      logo: PropTypes.string,
+      service: PropTypes.arrayOf(
+        PropTypes.shape({
+          id: PropTypes.string.isRequired,
+          serviceEndpoint: PropTypes.string.isRequired
+        })
+      )
+    })
+  ).isRequired,
+  inProgress: PropTypes.bool.isRequired
+};
+const UserAgreement = ({ isWallet }) => {
+  const config = ConfigContext.useConfig();
+  return config.chainName !== chainNames.chainNames.testnet && /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "subtitle1", sx: sx.userAgreement, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "By clicking Add, you agree to our " }),
+    isWallet ? /* @__PURE__ */ jsxRuntime.jsx(
+      material.Link,
+      {
+        target: "_blank",
+        href: "https://velocitynetwork.foundation/wp-content/uploads/2022/07/VNF-Wallet-Operator-Agreement-v1.1.pdf",
+        children: "Wallet Developer Agreement"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      material.Link,
+      {
+        target: "_blank",
+        href: "https://www.velocitynetwork.foundation/main2/participation-agreements",
+        children: "Participant Agreement"
+      }
+    )
+  ] });
+};
+const sx = {
+  userAgreement: {
+    marginTop: "10px"
+  }
+};
+UserAgreement.propTypes = {
+  isWallet: PropTypes.bool.isRequired
+};
+const CAOSelection = ({ inProgress }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAdmin.TextInput,
+    {
+      source: "serviceEndpoint",
+      label: "Service endpoint URL",
+      validate: [reactAdmin.required("Service endpoint URL field is required"), ...CreateOrganizationUtils.validateServiceEndpoint],
+      parse: (value) => value?.trim() ?? "",
+      disabled: inProgress
+    }
+  );
+};
+CAOSelection.propTypes = {
+  inProgress: PropTypes.bool.isRequired
+};
+const selectedStep$1 = 2;
+const ServiceEndpointSelection = ({
+  credentialAgentOperators,
+  selectedServiceType,
+  inProgress,
+  onCreate,
+  handleBack
+}) => {
+  const { isIssuingOrInspection, isCAO, isWallet, isWebWallet, isHolderWallet } = HolderWalletSelection.useIsIssuingInspection(selectedServiceType);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "pm", sx: styles$1.step, children: "Step 2/2" }),
     /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: styles$1.title, mb: 2, children: index.getTitle(selectedStep$1) }),
     /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { children: "Please complete the details below to continue" }),
     /* @__PURE__ */ jsxRuntime.jsx(reactAdmin.Form, { onSubmit: onCreate, mode: "onChange", defaultValues: { serviceEndpoint: "" }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { sx: styles$1.endpointForm, children: [
-      isIssueOrInspection ? /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { sx: { mt: 2 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", alignItems: "center", sx: styles$1.selectCAOContainer, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Autocomplete,
-            {
-              source: "serviceCAO",
-              label: "Select Credential Agent Operator",
-              value: selectedCAO,
-              onChange: setSelectedCAO,
-              items: credentialAgentOperators,
-              stringValue: (item) => /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: styles$1.menuItemLogo, component: "div", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.name }),
-                /* @__PURE__ */ jsxRuntime.jsx(OrganizationAvatar.OrganizationAvatar, { size: 32, name: item.name, logo: item.logo })
-              ] }),
-              inputText: getOptionAsText,
-              disabled: false,
-              styles: styles$1.selectCAO
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { ml: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: "The Credential Agent Operator your organization will use to integrate with Velocity Network™", children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { color: "info", fontSize: "small", cursor: "pointer" }) }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", alignItems: "center", mt: 1, mb: 4, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            CustomDropDown.CustomDropDown,
-            {
-              label: 'Select "Service ID"',
-              value: selectedServiceId,
-              onChange: setSelectedServiceId,
-              items: CAO.service || [],
-              stringValue: (item) => `${item.id} (${item.serviceEndpoint})`,
-              disabled: !selectedCAO,
-              source: "serviceEndpoint",
-              parse: (value) => `${selectedCAO}${value.id}`
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { ml: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-            material.Tooltip,
-            {
-              title: "The agent's service ID your organization needs to use. \n                  If there are multiple service IDs available, please contact your Credential Agent Operator to know which one to select.",
-              children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { color: "info", fontSize: "small", cursor: "pointer" })
-            }
-          ) })
-        ] })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-        reactAdmin.TextInput,
+      isIssuingOrInspection && /* @__PURE__ */ jsxRuntime.jsx(
+        IssuingOrInspectionSelection,
         {
-          source: "serviceEndpoint",
-          label: "Service endpoint URL",
-          validate: [
-            reactAdmin.required("Service endpoint URL field is required"),
-            ...CreateOrganizationUtils.validateServiceEndpoint
-          ],
-          parse: (value) => value?.trim() ?? "",
-          disabled: inProgress
+          credentialAgentOperators,
+          inProgress
         }
       ),
-      config.chainName !== chainNames.chainNames.testnet && /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "subtitle1", sx: { marginTop: "10px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "By clicking Add, you agree to our " }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          material.Link,
-          {
-            target: "_blank",
-            href: "https://www.velocitynetwork.foundation/main2/participation-agreements",
-            children: "Participant Agreement"
-          }
-        )
-      ] }),
+      isWebWallet && /* @__PURE__ */ jsxRuntime.jsx(HolderWalletSelection.WebWalletSelection, { inProgress }),
+      isHolderWallet && /* @__PURE__ */ jsxRuntime.jsx(HolderWalletSelection.HolderWalletSelection, { inProgress }),
+      isCAO && /* @__PURE__ */ jsxRuntime.jsx(CAOSelection, { inProgress }),
+      /* @__PURE__ */ jsxRuntime.jsx(UserAgreement, { isWallet }),
       /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: styles$1.buttonBlock, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           material.Button,
@@ -194,9 +353,11 @@ const ServiceEndpointSelection = ({
         /* @__PURE__ */ jsxRuntime.jsx(reactAdmin.FormDataConsumer, { children: ({ formData }) => {
           const isDisabled = isAddButtonDisabled(
             inProgress,
-            isIssueOrInspection,
-            formData.serviceCAO,
-            formData.serviceEndpoint
+            isIssuingOrInspection,
+            isCAO,
+            isWebWallet,
+            isHolderWallet,
+            formData
           );
           return /* @__PURE__ */ jsxRuntime.jsx(
             reactAdmin.SaveButton,
@@ -224,31 +385,6 @@ const styles$1 = {
   endpointForm: {
     marginTop: "20px"
   },
-  selectCAOContainer: {
-    width: "100%",
-    marginBottom: "20px"
-  },
-  selectCAO: {
-    width: "100%",
-    "& .MuiInputBase-root": {
-      width: "100%"
-    },
-    "& .MuiSelect-select": {
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: "center",
-      py: 0
-    },
-    "& .MuiFormHelperText-root": {
-      display: "none"
-    }
-  },
-  menuItemLogo: {
-    display: "flex",
-    flex: "1",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
   buttonBlock: {
     display: "flex",
     marginTop: "40px",
@@ -290,7 +426,7 @@ ServiceEndpointSelection.propTypes = {
       )
     })
   ).isRequired,
-  isIssueOrInspection: PropTypes.bool.isRequired,
+  selectedServiceType: PropTypes.string.isRequired,
   inProgress: PropTypes.bool.isRequired,
   onCreate: PropTypes.func.isRequired,
   handleBack: PropTypes.func.isRequired
@@ -366,4 +502,5 @@ ServiceTypeSelection.defaultProps = {
 };
 exports.ServiceEndpointSelection = ServiceEndpointSelection;
 exports.ServiceTypeSelection = ServiceTypeSelection;
-//# sourceMappingURL=index.CYCWawJT.js.map
+exports.buildPayload = buildPayload;
+//# sourceMappingURL=index.DmF-wFBs.js.map