#638 Add deny credential and isOrderDisabled

content/pages/editAdvanceSettings.json

@@ -7,10 +7,24 @@
     "data": [
       {
         "name": "allow",
-        "label": "Wallet Address",
+        "label": "Allow Credential",
         "placeholder": "e.g. 0x12345678901234567890abcd",
         "help": "Enter wallet address and click ADD button to append the list",
         "type": "credential"
+      },
+      {
+        "name": "deny",
+        "label": "Deny Credential",
+        "placeholder": "e.g. 0x12345678901234567890abcd",
+        "help": "Enter wallet address and click ADD button to append the list",
+        "type": "credential"
+      },
+      {
+        "name": "isDisable",
+        "label": "Disable Consumption",
+        "help": "Disable dataset being consume when dataset undergoing maintenance.",
+        "type": "checkbox",
+        "options": ["Disable"]
       }
     ]
   }

src/components/molecules/FormFields/Credential/Credential.module.css

@@ -1,4 +1,5 @@
 .chip {
+  border: 1px solid var(--border-color);
   display: flex;
   margin-top: 5px;
   margin-bottom: 5px;
@@ -7,7 +8,6 @@
 .input {
   font-size: var(--font-size-base);
   font-family: var(--font-family-base);
-  font-weight: var(--font-weight-bold);
   color: var(--font-color-heading);
   border: 1px solid var(--border-color);
   box-shadow: none;
@@ -30,3 +30,23 @@
   fill: var(--brand-pink);
   transform: rotate(90deg);
 }
+
+.scroll {
+  border-top: 1px solid var(--border-color);
+  margin-top: calc(var(--spacer) / 4);
+  min-height: fit-content;
+  max-height: 50vh;
+  position: relative;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.credential {
+  padding: 0;
+  border: 1px solid var(--border-color);
+  background-color: var(--background-highlight);
+  border-radius: var(--border-radius);
+  margin-bottom: calc(var(--spacer) / 2);
+  font-size: var(--font-size-small);
+  min-height: 200px;
+}

src/components/molecules/FormFields/Credential/index.tsx

@@ -42,7 +42,7 @@ export default function Credential(props: InputProps) {
   }
 
   return (
-    <div>
+    <div className={styles.credential}>
       <InputGroup>
         <input
           className={styles.input}
@@ -57,21 +57,23 @@ export default function Credential(props: InputProps) {
           Add
         </Button>
       </InputGroup>
-      {arrayInput &&
-        arrayInput.map((value) => {
-          return (
-            <div className={styles.chip} key={value}>
-              {value}
-              <Button
-                className={styles.crossButton}
-                style="text"
-                onClick={(even) => handleDeleteChip(value)}
-              >
-                <Cross />
-              </Button>
-            </div>
-          )
-        })}
+      <div className={styles.scroll}>
+        {arrayInput &&
+          arrayInput.map((value) => {
+            return (
+              <div className={styles.chip} key={value}>
+                {value}
+                <Button
+                  className={styles.crossButton}
+                  style="text"
+                  onClick={(even) => handleDeleteChip(value)}
+                >
+                  <Cross />
+                </Button>
+              </div>
+            )
+          })}
+      </div>
     </div>
   )
 }

src/components/organisms/AssetActions/Edit/DebugEditAdvanceSettings.tsx

@@ -4,6 +4,11 @@ import { AdvanceSettingsForm } from '../../../../models/FormEditCredential'
 import { useOcean } from '../../../../providers/Ocean'
 import DebugOutput from '../../../atoms/DebugOutput'
 
+export interface AdvanceSettings {
+  credentail: Credentials
+  isOrderDisabled: boolean
+}
+
 export default function DebugEditCredential({
   values,
   ddo,
@@ -14,7 +19,7 @@ export default function DebugEditCredential({
   credentialType: CredentialType
 }): ReactElement {
   const { ocean } = useOcean()
-  const [credential, setCredential] = useState<Credentials>()
+  const [advanceSettings, setAdvanceSettings] = useState<AdvanceSettings>()
 
   useEffect(() => {
     if (!ocean) return
@@ -24,9 +29,12 @@ export default function DebugEditCredential({
         ddo,
         credentialType,
         values.allow,
-        [] // TODO: denyCredential
+        values.deny
       )
-      setCredential(newDdo.credentials)
+      setAdvanceSettings({
+        credentail: newDdo.credentials,
+        isOrderDisabled: values.isOrderDisabled
+      })
     }
     transformValues()
   }, [values, ddo, ocean])
@@ -34,7 +42,7 @@ export default function DebugEditCredential({
   return (
     <>
       <DebugOutput title="Collected Form Values" output={values} />
-      <DebugOutput title="Transformed Form Values" output={ddo.credentials} />
+      <DebugOutput title="Transformed Form Values" output={advanceSettings} />
     </>
   )
 }

src/components/organisms/AssetActions/Edit/EditAdvanceSettings.tsx

@@ -3,7 +3,7 @@ import React, { ReactElement, useState } from 'react'
 import { useAsset } from '../../../../providers/Asset'
 import { useUserPreferences } from '../../../../providers/UserPreferences'
 import styles from './index.module.css'
-import { Logger, CredentialType } from '@oceanprotocol/lib'
+import { Logger, CredentialType, DDO } from '@oceanprotocol/lib'
 import MetadataFeedback from '../../../molecules/MetadataFeedback'
 import { graphql, useStaticQuery } from 'gatsby'
 import { useWeb3 } from '../../../../providers/Web3'
@@ -36,6 +36,7 @@ const contentQuery = graphql`
                 label
                 help
                 type
+                options
               }
             }
           }
@@ -80,17 +81,21 @@ export default function EditAdvanceSettings({
     resetForm: () => void
   ) {
     try {
-      const ddoEditedCredential = await ocean.assets.updateCredentials(
+      let newDdo: DDO
+      newDdo = await ocean.assets.updateCredentials(
         ddo,
         credentialType,
         values.allow,
-        [] // TODO: denyCredential
+        values.deny
       )
 
-      const storedddo = await ocean.assets.updateMetadata(
-        ddoEditedCredential,
-        accountId
-      )
+      newDdo = await ocean.assets.editMetadata(newDdo, {
+        status: {
+          isOrderDisabled: values.isOrderDisabled
+        }
+      })
+
+      const storedddo = await ocean.assets.updateMetadata(newDdo, accountId)
 
       if (!storedddo) {
         setError(content.form.error)

src/components/organisms/AssetActions/Edit/FormAdvanceSettings.tsx

@@ -28,7 +28,9 @@ export default function FormAdvanceSettings({
     field: FormFieldProps
   ) {
     validateField(field.name)
-    setFieldValue(field.name, e.target.value)
+    if (e.target.type === 'checkbox')
+      setFieldValue(field.name, e.target.checked)
+    else setFieldValue(field.name, e.target.value)
   }
 
   return (

src/models/FormEditCredential.ts

@@ -8,11 +8,15 @@ import * as Yup from 'yup'
 
 export interface AdvanceSettingsForm {
   allow: string[]
+  deny: string[]
+  isOrderDisabled: boolean
 }
 
 export const validationSchema: Yup.SchemaOf<AdvanceSettingsForm> = Yup.object().shape(
   {
-    allow: Yup.array().nullable()
+    allow: Yup.array().nullable(),
+    deny: Yup.array().nullable(),
+    isOrderDisabled: Yup.boolean().nullable()
   }
 )
 
@@ -49,5 +53,15 @@ export function getInitialValues(
     credentailType,
     'allow'
   )
-  return { allow: allowCrendtail }
+  const denyCrendtail = getAssetCredentials(
+    ddo.credentials,
+    credentailType,
+    'deny'
+  )
+  const metadata = ddo.findServiceByType('metadata')
+  return {
+    allow: allowCrendtail,
+    deny: denyCrendtail,
+    isOrderDisabled: metadata.attributes?.status?.isOrderDisabled || false
+  }
 }