fix BoxSelection fields checked state

src/components/@shared/Form/FormFields/BoxSelection.tsx

@@ -2,6 +2,7 @@ import React, { ChangeEvent } from 'react'
 import classNames from 'classnames/bind'
 import Loader from '@shared/atoms/Loader'
 import styles from './BoxSelection.module.css'
+import { useField } from 'formik'
 
 const cx = classNames.bind(styles)
 

src/components/Publish/Metadata/index.tsx

@@ -15,11 +15,6 @@ const dockerImageOptionsTitles = getFieldContent(
   content.metadata.fields
 ).options
 
-const assetTypeOptions = assetTypeOptionsTitles.map((title) => ({
-  name: title.toLowerCase(),
-  title
-}))
-
 const dockerImageOptions = dockerImageOptionsTitles.map((title) => ({
   name: title.toLowerCase(),
   title
@@ -29,6 +24,21 @@ export default function MetadataFields(): ReactElement {
   // connect with Form state, use for conditional field rendering
   const { values } = useFormikContext<FormPublishData>()
 
+  // BoxSelection component is not a Formik component
+  // so we need to handle checked state manually.
+  const assetTypeOptions = [
+    {
+      name: assetTypeOptionsTitles[0].toLowerCase(),
+      title: assetTypeOptionsTitles[0],
+      checked: values.metadata.type === assetTypeOptionsTitles[0].toLowerCase()
+    },
+    {
+      name: assetTypeOptionsTitles[1].toLowerCase(),
+      title: assetTypeOptionsTitles[1],
+      checked: values.metadata.type === assetTypeOptionsTitles[1].toLowerCase()
+    }
+  ]
+
   return (
     <>
       <Field

src/components/Publish/Services/index.tsx

@@ -29,6 +29,25 @@ export default function ServicesFields(): ReactElement {
   // connect with Form state, use for conditional field rendering
   const { values, setFieldValue } = useFormikContext<FormPublishData>()
 
+  const accessTypeOptions = [
+    {
+      name: accessTypeOptionsTitles[0].toLowerCase(),
+      title: accessTypeOptionsTitles[0],
+      icon: <IconDownload />,
+      // BoxSelection component is not a Formik component
+      // so we need to handle checked state manually.
+      checked:
+        values.services[0].access === accessTypeOptionsTitles[0].toLowerCase()
+    },
+    {
+      name: accessTypeOptionsTitles[1].toLowerCase(),
+      title: accessTypeOptionsTitles[1],
+      icon: <IconCompute />,
+      checked:
+        values.services[0].access === accessTypeOptionsTitles[1].toLowerCase()
+    }
+  ]
+
   // Auto-change access type based on algo privacy boolean.
   // Could be also done later in transformPublishFormToDdo().
   useEffect(() => {

src/components/Publish/_constants.tsx

@@ -37,7 +37,7 @@ export const initialValues: FormPublishData = {
   accountId: '',
   metadata: {
     nft: { name: '', symbol: '', tokenURI: '' },
-    type: '',
+    type: 'dataset',
     name: '',
     author: '',
     description: '',