statement of work supports optional IP clauses

Author: Jimmy Lee

components/Page.tsx

@@ -9,6 +9,7 @@ export interface PageProps {
   title: string;
   description: string;
   url: string;
+  isNotOpenSourceExample?: boolean;
   children?: React.ReactNode;
 }
 
@@ -42,13 +43,15 @@ export default function Page(props: PageProps) {
       </Head>
       <img className={styles.pixel} src="https://intdev-global.s3.us-west-2.amazonaws.com/template-app-icon.png" alt="" />
       {props.children}
-      <div className={styles.prompt}>
-        This is an open source example. Take the code and remix it! <br />
-        <br />
-        <SmallButton href={source} target="_blank">
-          View source
-        </SmallButton>
-      </div>
+      {!props.isNotOpenSourceExample ? (
+        <div className={styles.prompt}>
+          This is an open source example. Take the code and remix it! <br />
+          <br />
+          <SmallButton href={source} target="_blank">
+            View source
+          </SmallButton>
+        </div>
+      ) : null}
     </>
   );
 }

next-env.d.ts

@@ -3,4 +3,4 @@
 /// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

pages/examples/features/statement-of-work/[id].tsx

@@ -56,10 +56,12 @@ function ExampleSOW(props) {
     maintenance: props.data.service_maintenance,
     launch: props.data.service_launch,
     embedding: props.data.service_embedding,
+    property_handoff: props.data.service_property_handoff,
   };
 
   return (
     <Page
+      isNotOpenSourceExample
       title={`wireframes.internet.dev ➝ features ➝ SOW ${props.id}`}
       description={`This Statement of Work (“SOW”) is between ${supplier.name} (“${supplier.shorthand}”) and the client listed below (“Client”).`}
       url={`https://wireframes.internet.dev/examples/features/statement-of-work/${props.id}`}
@@ -237,8 +239,8 @@ function ExampleSOW(props) {
           <section className={Utilities.classNames(styles.serviceColumn)}></section>
           <section className={Utilities.classNames(styles.serviceColumn, styles.right)}>4.4.2. Collaborative Sessions</section>
           <section className={styles.serviceRemainder}>
-            {supplier.shorthand} will hold discovery meetings to meet with the Client, understand goals and requirements for the project, and provide recommendations on technical
-            approach, design, and development process while producing deliverables through Figma.
+            {supplier.shorthand} will hold discovery meetings with the Client to understand project goals and requirements, and to provide recommendations on the technical
+            approach, design, and development process. Deliverables will be produced using Figma, GitHub, or other agreed-upon software.
           </section>
         </section>
 
@@ -253,7 +255,7 @@ function ExampleSOW(props) {
 
         <section className={Utilities.classNames(styles.row, !services.development ? styles.inactive : null)}>
           <section className={Utilities.classNames(styles.serviceColumn)}></section>
-          <section className={Utilities.classNames(styles.serviceColumn, styles.right)}>4.4.4. Holistic Web Development</section>
+          <section className={Utilities.classNames(styles.serviceColumn, styles.right)}>4.4.4. Holistic Software Development</section>
           <section className={styles.serviceRemainder}>
             {supplier.shorthand} will use code and services to implement the entire design and provide instructions for Client for how to run and manage the deliverables
             themselves.
@@ -360,6 +362,48 @@ function ExampleSOW(props) {
           </section>
         </section>
 
+        {services.property_handoff ? (
+          <>
+            <section className={styles.row} style={{ marginTop: 24 }}>
+              <section className={Utilities.classNames(styles.column, styles.shaded)}>7. Intellectual Property</section>
+              <section className={Utilities.classNames(styles.column, styles.subshaded)}>7.1. Ownership of Work Product</section>
+              <section className={styles.remainder}>
+                Upon delivery of the final work product as described in this SOW (“Work Product”), {supplier.name} (“{supplier.shorthand}”) hereby assigns to {client.name} all
+                rights, title, and interest in and to the specific intellectual property created solely for {client.name} as part of the Work Product. This assignment is limited to
+                the copyrights, patents, and any other intellectual property rights directly arising from the Work Product and does not include any broader rights beyond those
+                necessary for {client.name} to fully use and benefit from the Work Product.
+              </section>
+            </section>
+            <section className={styles.row}>
+              <section className={Utilities.classNames(styles.column, styles.shaded)}></section>
+              <section className={Utilities.classNames(styles.column, styles.subshaded)}>7.2. Scope of Assignment</section>
+              <section className={styles.remainder}>
+                The assignment shall cover the specific code, designs, and assets created by {supplier.name} (“{supplier.shorthand}”) for {client.name} as part of the Work Product
+                under this agreement. {supplier.name} (“{supplier.shorthand}”) agrees to permanently relinquish any claim, ownership, or rights to use, copy, distribute, modify, or
+                otherwise exploit the assigned Work Product.
+              </section>
+            </section>
+            <section className={styles.row}>
+              <section className={Utilities.classNames(styles.column, styles.shaded)}></section>
+              <section className={Utilities.classNames(styles.column, styles.subshaded)}>7.3. Right to Derivative Works</section>
+              <section className={styles.remainder}>
+                {supplier.name} (“{supplier.shorthand}”) retains the right to create derivative works and engage in projects within the same or related domains or technologies,
+                provided that no direct reuse of the specific code, documentation, or materials created and assigned to {client.name} takes place. While the Work Product itself is
+                assigned to {client.name}, it is acknowledged that similarities in architecture, structure, concepts, or methodologies may occur between the Work Product and other
+                works by {supplier.name} (“{supplier.shorthand}”).
+              </section>
+            </section>
+            <section className={styles.row}>
+              <section className={Utilities.classNames(styles.column, styles.shaded)}></section>
+              <section className={Utilities.classNames(styles.column, styles.subshaded)}>7.4. Moral Rights and Waiver</section>
+              <section className={styles.remainder}>
+                {supplier.name} (“{supplier.shorthand}”) agrees to waive any moral rights or equivalent rights under applicable laws, to the fullest extent permissible by law, in
+                the Work Product, and shall not make any claims or take any actions based on moral rights in relation to the assigned Work Product.
+              </section>
+            </section>
+          </>
+        ) : null}
+
         <Title style={{ marginTop: 48 }}>Notice</Title>
         <Text style={{ marginTop: 16 }}>
           If you are signing on behalf of your company, you represent and warrant that you:

pages/examples/features/statement-of-work/index.tsx

@@ -146,6 +146,7 @@ function ExampleStatementOfWorks(props) {
                 service_maintenance: each.data.service_maintenance,
                 service_launch: each.data.service_launch,
                 service_embedding: each.data.service_embedding,
+                service_property_handoff: each.data.service_property_handoff,
               });
             }}
             onDelete={async () => {
@@ -377,6 +378,18 @@ function ExampleStatementOfWorks(props) {
             >
               You team will engage proactively in your preferred communication channels, seamlessly integrating with your team as if we were full-time staff members.
             </Checkbox>
+
+            <Checkbox
+              name="service_property_handoff"
+              onChange={(e) => {
+                setUpdates({ ...updates, [e.target.name]: e.target.checked });
+              }}
+              value={updates.service_property_handoff}
+              style={{ marginTop: 8 }}
+            >
+              All IP will be handed off.
+            </Checkbox>
+
             <InputLabel style={{ marginTop: 64 }}>2. Our incorporation state</InputLabel>
             <Input
               autoComplete="off"