values from customDomain in Territory Edit, domain string validation

Author: Soxasora

api/typeDefs/sub.js

@@ -10,7 +10,14 @@ export default gql`
   }
 
   type CustomDomain {
+    createdAt: Date!
+    updatedAt: Date!
     domain: String!
+    subName: String!
+    sslEnabled: Boolean!
+    sslCertExpiry: Date
+    verificationState: String!
+    lastVerifiedAt: Date
   }
 
   type Subs {

components/territory-form.js

@@ -97,7 +97,8 @@ export default function TerritoryForm ({ sub }) {
           billingType: sub?.billingType || 'MONTHLY',
           billingAutoRenew: sub?.billingAutoRenew || false,
           moderated: sub?.moderated || false,
-          nsfw: sub?.nsfw || false
+          nsfw: sub?.nsfw || false,
+          customDomain: sub?.customDomain?.domain || ''
         }}
         schema={schema}
         onSubmit={onSubmit}
@@ -275,10 +276,32 @@ export default function TerritoryForm ({ sub }) {
                 name='nsfw'
                 groupClassName='ms-1'
               />
-              <BootstrapForm.Label>personalized domains (TODO textbox/status)</BootstrapForm.Label>
-              <div className='mb-3'>WIP {sub?.customDomain?.domain || 'not set'}</div>
-              <BootstrapForm.Label>color scheme (TODO 5 options)</BootstrapForm.Label>
-              <div className='mb-3'>WIP</div>
+              <Input
+                label={
+                  <div className='d-flex align-items-center'>[NOT IMPLEMENTED] custom domain
+                    <Info>
+                      <ol>
+                        <li>TODO Immediate infos on Custom Domains</li>
+                      </ol>
+                    </Info>
+                  </div>
+                }
+                name='customDomain'
+                type='text'
+                required
+                append={
+                  <>
+                    <InputGroup.Text className='text-monospace'>{sub?.customDomain?.verificationState || 'not verified'}</InputGroup.Text>
+                  </>
+                }
+              />
+              {sub?.customDomain?.verificationState === 'VERIFIED' &&
+                <>
+                  <BootstrapForm.Label>[NOT IMPLEMENTED] color scheme</BootstrapForm.Label>
+                  <div className='mb-3'>WIP</div>
+                  <BootstrapForm.Label>[NOT IMPLEMENTED] color scheme</BootstrapForm.Label>
+                  <div className='mb-3'>WIP</div>
+                </>}
             </>
 
 }

fragments/subs.js

@@ -36,7 +36,14 @@ export const SUB_FIELDS = gql`
     meSubscription
     nsfw
     customDomain {
+      createdAt
+      updatedAt
       domain
+      subName
+      sslEnabled
+      sslCertExpiry
+      verificationState
+      lastVerifiedAt
     }
   }`
 

lib/validate.js

@@ -323,7 +323,10 @@ export function territorySchema (args) {
       .max(100000, 'must be at most 100k'),
     postTypes: array().of(string().oneOf(POST_TYPES)).min(1, 'must support at least one post type'),
     billingType: string().required('required').oneOf(TERRITORY_BILLING_TYPES, 'required'),
-    nsfw: boolean()
+    nsfw: boolean(),
+    customDomain: string().matches(/^([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,}$/, {
+      message: 'enter a valid domain name (e.g., example.com)'
+    }).nullable()
   })
 }