fix: support only edit fields option

packages/angular/bin/build.sh

@@ -8,7 +8,7 @@ cd "$(dirname "$0")/.."
 cp ./util/trusted-resource-url-pipe.ts ./src/trusted-resource-url-pipe.ts
 
 # Array of files to process
-files=('./src/direct-template.ts' './src/sign-document.ts' './src/create-document.ts' './src/create-template.ts')
+files=('./src/direct-template.ts' './src/sign-document.ts' './src/create-document.ts' './src/create-template.ts' './src/update-document.ts' './src/update-template.ts')
 
 # Detect OS type
 OS_TYPE=$(uname)

packages/angular/src/index.ts

@@ -1,5 +1,9 @@
 export { default as EmbedDirectTemplate } from './direct-template';
 export { default as EmbedSignDocument } from './sign-document';
+export { default as EmbedCreateDocumentV1 } from './create-document';
+export { default as EmbedCreateTemplateV1 } from './create-template';
+export { default as EmbedUpdateDocumentV1 } from './update-document';
+export { default as EmbedUpdateTemplateV1 } from './update-template';
 export { default as unstable_EmbedCreateDocument } from './create-document';
 export { default as unstable_EmbedCreateTemplate } from './create-template';
 export { default as unstable_EmbedUpdateDocument } from './update-document';

packages/angular/src/update-document.ts

@@ -1,3 +1,4 @@
+import { TrustedResourceUrlPipe } from "./trusted-resource-url-pipe";
 import { Component, ViewChild, ElementRef, Input } from "@angular/core";
 import { CommonModule } from "@angular/common";
 
@@ -18,7 +19,8 @@ export type EmbedUpdateDocumentProps = {
     allowConfigureTimezone?: boolean;
     allowConfigureRedirectUrl?: boolean;
     allowConfigureCommunication?: boolean;
-  }; // Additional props to be passed to the iframe, used for testing out features
+  };
+  onlyEditFields?: boolean | undefined; // Additional props to be passed to the iframe, used for testing out features
   // prior to being added to the main props
 
   additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -33,7 +35,7 @@ import { CssVars } from "./css-vars";
 @Component({
   selector: "embed-update-document, EmbedUpdateDocument",
   template: `
-    <iframe #__iframe [class]="className" [attr.src]="src"></iframe>
+    <iframe #__iframe [class]="className" [attr.src]="src | trustedResourceUrl"></iframe>
   `,
   styles: [
     `
@@ -43,7 +45,7 @@ import { CssVars } from "./css-vars";
     `,
   ],
   standalone: true,
-  imports: [CommonModule],
+  imports: [CommonModule, TrustedResourceUrlPipe],
 })
 export default class EmbedUpdateDocument {
   @Input() host!: EmbedUpdateDocumentProps["host"];
@@ -53,6 +55,7 @@ export default class EmbedUpdateDocument {
   @Input() css!: EmbedUpdateDocumentProps["css"];
   @Input() cssVars!: EmbedUpdateDocumentProps["cssVars"];
   @Input() darkModeDisabled!: EmbedUpdateDocumentProps["darkModeDisabled"];
+  @Input() onlyEditFields!: EmbedUpdateDocumentProps["onlyEditFields"];
   @Input() additionalProps!: EmbedUpdateDocumentProps["additionalProps"];
   @Input() documentId!: EmbedUpdateDocumentProps["documentId"];
   @Input() onDocumentUpdated!: EmbedUpdateDocumentProps["onDocumentUpdated"];
@@ -71,6 +74,7 @@ export default class EmbedUpdateDocument {
           css: this.css,
           cssVars: this.cssVars,
           darkModeDisabled: this.darkModeDisabled,
+          onlyEditFields: this.onlyEditFields,
           ...this.additionalProps,
         })
       )

packages/angular/src/update-template.ts

@@ -1,3 +1,4 @@
+import { TrustedResourceUrlPipe } from "./trusted-resource-url-pipe";
 import { Component, ViewChild, ElementRef, Input } from "@angular/core";
 import { CommonModule } from "@angular/common";
 
@@ -18,7 +19,8 @@ export type EmbedUpdateTemplateProps = {
     allowConfigureTimezone?: boolean;
     allowConfigureRedirectUrl?: boolean;
     allowConfigureCommunication?: boolean;
-  }; // Additional props to be passed to the iframe, used for testing out features
+  };
+  onlyEditFields?: boolean | undefined; // Additional props to be passed to the iframe, used for testing out features
   // prior to being added to the main props
 
   additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -33,7 +35,7 @@ import { CssVars } from "./css-vars";
 @Component({
   selector: "embed-update-template, EmbedUpdateTemplate",
   template: `
-    <iframe #__iframe [class]="className" [attr.src]="src"></iframe>
+    <iframe #__iframe [class]="className" [attr.src]="src | trustedResourceUrl"></iframe>
   `,
   styles: [
     `
@@ -43,7 +45,7 @@ import { CssVars } from "./css-vars";
     `,
   ],
   standalone: true,
-  imports: [CommonModule],
+  imports: [CommonModule, TrustedResourceUrlPipe],
 })
 export default class EmbedUpdateTemplate {
   @Input() host!: EmbedUpdateTemplateProps["host"];
@@ -52,6 +54,7 @@ export default class EmbedUpdateTemplate {
   @Input() css!: EmbedUpdateTemplateProps["css"];
   @Input() cssVars!: EmbedUpdateTemplateProps["cssVars"];
   @Input() darkModeDisabled!: EmbedUpdateTemplateProps["darkModeDisabled"];
+  @Input() onlyEditFields!: EmbedUpdateTemplateProps["onlyEditFields"];
   @Input() additionalProps!: EmbedUpdateTemplateProps["additionalProps"];
   @Input() templateId!: EmbedUpdateTemplateProps["templateId"];
   @Input() presignToken!: EmbedUpdateTemplateProps["presignToken"];
@@ -70,6 +73,7 @@ export default class EmbedUpdateTemplate {
           css: this.css,
           cssVars: this.cssVars,
           darkModeDisabled: this.darkModeDisabled,
+          onlyEditFields: this.onlyEditFields,
           ...this.additionalProps,
         })
       )

packages/mitosis/src/index.ts

@@ -1,5 +1,11 @@
 export { default as EmbedDirectTemplate } from './direct-template.lite';
 export { default as EmbedSignDocument } from './sign-document.lite';
+
+export { default as EmbedCreateDocumentV1 } from './create-document.lite';
+export { default as EmbedCreateTemplateV1 } from './create-template.lite';
+export { default as EmbedUpdateDocumentV1 } from './update-document.lite';
+export { default as EmbedUpdateTemplateV1 } from './update-template.lite';
+
 export { default as unstable_EmbedCreateDocument } from './create-document.lite';
 export { default as unstable_EmbedCreateTemplate } from './create-template.lite';
 export { default as unstable_EmbedUpdateDocument } from './update-document.lite';

packages/mitosis/src/update-document.lite.tsx

@@ -24,6 +24,8 @@ export type EmbedUpdateDocumentProps = {
     allowConfigureCommunication?: boolean;
   };
 
+  onlyEditFields?: boolean | undefined;
+
   // Additional props to be passed to the iframe, used for testing out features
   // prior to being added to the main props
   additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -49,6 +51,7 @@ export default function EmbedUpdateDocument(props: EmbedUpdateDocumentProps) {
             css: props.css,
             cssVars: props.cssVars,
             darkModeDisabled: props.darkModeDisabled,
+            onlyEditFields: props.onlyEditFields,
             ...props.additionalProps,
           }),
         ),

packages/mitosis/src/update-template.lite.tsx

@@ -24,6 +24,8 @@ export type EmbedUpdateTemplateProps = {
     allowConfigureCommunication?: boolean;
   };
 
+  onlyEditFields?: boolean | undefined;
+
   // Additional props to be passed to the iframe, used for testing out features
   // prior to being added to the main props
   additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -47,6 +49,7 @@ export default function EmbedUpdateTemplate(props: EmbedUpdateTemplateProps) {
             css: props.css,
             cssVars: props.cssVars,
             darkModeDisabled: props.darkModeDisabled,
+            onlyEditFields: props.onlyEditFields,
             ...props.additionalProps,
           }),
         ),

packages/preact/src/index.ts

@@ -1,5 +1,9 @@
 export { default as EmbedDirectTemplate } from './direct-template';
 export { default as EmbedSignDocument } from './sign-document';
+export { default as EmbedCreateDocumentV1 } from './create-document';
+export { default as EmbedCreateTemplateV1 } from './create-template';
+export { default as EmbedUpdateDocumentV1 } from './update-document';
+export { default as EmbedUpdateTemplateV1 } from './update-template';
 export { default as unstable_EmbedCreateDocument } from './create-document';
 export { default as unstable_EmbedCreateTemplate } from './create-template';
 export { default as unstable_EmbedUpdateDocument } from './update-document';

packages/preact/src/update-document.tsx

@@ -19,7 +19,8 @@ export type EmbedUpdateDocumentProps = {
     allowConfigureTimezone?: boolean;
     allowConfigureRedirectUrl?: boolean;
     allowConfigureCommunication?: boolean;
-  }; // Additional props to be passed to the iframe, used for testing out features
+  };
+  onlyEditFields?: boolean | undefined; // Additional props to be passed to the iframe, used for testing out features
   // prior to being added to the main props
 
   additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -43,6 +44,7 @@ function EmbedUpdateDocument(props: EmbedUpdateDocumentProps) {
           css: props.css,
           cssVars: props.cssVars,
           darkModeDisabled: props.darkModeDisabled,
+          onlyEditFields: props.onlyEditFields,
           ...props.additionalProps,
         })
       )

packages/preact/src/update-template.tsx

@@ -19,7 +19,8 @@ export type EmbedUpdateTemplateProps = {
     allowConfigureTimezone?: boolean;
     allowConfigureRedirectUrl?: boolean;
     allowConfigureCommunication?: boolean;
-  }; // Additional props to be passed to the iframe, used for testing out features
+  };
+  onlyEditFields?: boolean | undefined; // Additional props to be passed to the iframe, used for testing out features
   // prior to being added to the main props
 
   additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -42,6 +43,7 @@ function EmbedUpdateTemplate(props: EmbedUpdateTemplateProps) {
           css: props.css,
           cssVars: props.cssVars,
           darkModeDisabled: props.darkModeDisabled,
+          onlyEditFields: props.onlyEditFields,
           ...props.additionalProps,
         })
       )

packages/react/src/index.ts

@@ -1,5 +1,9 @@
 export { default as EmbedDirectTemplate } from './direct-template';
 export { default as EmbedSignDocument } from './sign-document';
+export { default as EmbedCreateDocumentV1 } from './create-document';
+export { default as EmbedCreateTemplateV1 } from './create-template';
+export { default as EmbedUpdateDocumentV1 } from './update-document';
+export { default as EmbedUpdateTemplateV1 } from './update-template';
 export { default as unstable_EmbedCreateDocument } from './create-document';
 export { default as unstable_EmbedCreateTemplate } from './create-template';
 export { default as unstable_EmbedUpdateDocument } from './update-document';

packages/react/src/update-document.tsx

@@ -19,7 +19,8 @@ export type EmbedUpdateDocumentProps = {
     allowConfigureTimezone?: boolean;
     allowConfigureRedirectUrl?: boolean;
     allowConfigureCommunication?: boolean;
-  }; // Additional props to be passed to the iframe, used for testing out features
+  };
+  onlyEditFields?: boolean | undefined; // Additional props to be passed to the iframe, used for testing out features
   // prior to being added to the main props
 
   additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -43,6 +44,7 @@ function EmbedUpdateDocument(props: EmbedUpdateDocumentProps) {
           css: props.css,
           cssVars: props.cssVars,
           darkModeDisabled: props.darkModeDisabled,
+          onlyEditFields: props.onlyEditFields,
           ...props.additionalProps,
         })
       )

packages/react/src/update-template.tsx

@@ -19,7 +19,8 @@ export type EmbedUpdateTemplateProps = {
     allowConfigureTimezone?: boolean;
     allowConfigureRedirectUrl?: boolean;
     allowConfigureCommunication?: boolean;
-  }; // Additional props to be passed to the iframe, used for testing out features
+  };
+  onlyEditFields?: boolean | undefined; // Additional props to be passed to the iframe, used for testing out features
   // prior to being added to the main props
 
   additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -42,6 +43,7 @@ function EmbedUpdateTemplate(props: EmbedUpdateTemplateProps) {
           css: props.css,
           cssVars: props.cssVars,
           darkModeDisabled: props.darkModeDisabled,
+          onlyEditFields: props.onlyEditFields,
           ...props.additionalProps,
         })
       )

packages/solid/src/index.ts

@@ -1,5 +1,9 @@
 export { default as EmbedDirectTemplate } from './direct-template';
 export { default as EmbedSignDocument } from './sign-document';
+export { default as EmbedCreateDocumentV1 } from './create-document';
+export { default as EmbedCreateTemplateV1 } from './create-template';
+export { default as EmbedUpdateDocumentV1 } from './update-document';
+export { default as EmbedUpdateTemplateV1 } from './update-template';
 export { default as unstable_EmbedCreateDocument } from './create-document';
 export { default as unstable_EmbedCreateTemplate } from './create-template';
 export { default as unstable_EmbedUpdateDocument } from './update-document';

packages/solid/src/update-document.tsx

@@ -17,7 +17,8 @@ export type EmbedUpdateDocumentProps = {
     allowConfigureTimezone?: boolean;
     allowConfigureRedirectUrl?: boolean;
     allowConfigureCommunication?: boolean;
-  }; // Additional props to be passed to the iframe, used for testing out features
+  };
+  onlyEditFields?: boolean | undefined; // Additional props to be passed to the iframe, used for testing out features
   // prior to being added to the main props
 
   additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -41,6 +42,7 @@ function EmbedUpdateDocument(props: EmbedUpdateDocumentProps) {
           css: props.css,
           cssVars: props.cssVars,
           darkModeDisabled: props.darkModeDisabled,
+          onlyEditFields: props.onlyEditFields,
           ...props.additionalProps,
         })
       )

packages/solid/src/update-template.tsx

@@ -17,7 +17,8 @@ export type EmbedUpdateTemplateProps = {
     allowConfigureTimezone?: boolean;
     allowConfigureRedirectUrl?: boolean;
     allowConfigureCommunication?: boolean;
-  }; // Additional props to be passed to the iframe, used for testing out features
+  };
+  onlyEditFields?: boolean | undefined; // Additional props to be passed to the iframe, used for testing out features
   // prior to being added to the main props
 
   additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -40,6 +41,7 @@ function EmbedUpdateTemplate(props: EmbedUpdateTemplateProps) {
           css: props.css,
           cssVars: props.cssVars,
           darkModeDisabled: props.darkModeDisabled,
+          onlyEditFields: props.onlyEditFields,
           ...props.additionalProps,
         })
       )

packages/svelte/src/index.ts

@@ -1,5 +1,9 @@
 export { default as EmbedDirectTemplate } from './direct-template.svelte';
 export { default as EmbedSignDocument } from './sign-document.svelte';
+export { default as EmbedCreateDocumentV1 } from './create-document.svelte';
+export { default as EmbedCreateTemplateV1 } from './create-template.svelte';
+export { default as EmbedUpdateDocumentV1 } from './update-document.svelte';
+export { default as EmbedUpdateTemplateV1 } from './update-template.svelte';
 export { default as unstable_EmbedCreateDocument } from './create-document.svelte';
 export { default as unstable_EmbedCreateTemplate } from './create-template.svelte';
 export { default as unstable_EmbedUpdateDocument } from './update-document.svelte';

packages/svelte/src/update-document.svelte

@@ -16,7 +16,8 @@
       allowConfigureTimezone?: boolean;
       allowConfigureRedirectUrl?: boolean;
       allowConfigureCommunication?: boolean;
-    }; // Additional props to be passed to the iframe, used for testing out features
+    };
+    onlyEditFields?: boolean | undefined; // Additional props to be passed to the iframe, used for testing out features
     // prior to being added to the main props
 
     additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -40,6 +41,8 @@
   export let cssVars: EmbedUpdateDocumentProps["cssVars"] = undefined;
   export let darkModeDisabled: EmbedUpdateDocumentProps["darkModeDisabled"] =
     undefined;
+  export let onlyEditFields: EmbedUpdateDocumentProps["onlyEditFields"] =
+    undefined;
   export let additionalProps: EmbedUpdateDocumentProps["additionalProps"] =
     undefined;
   export let documentId: EmbedUpdateDocumentProps["documentId"];
@@ -70,6 +73,7 @@
           css: css,
           cssVars: cssVars,
           darkModeDisabled: darkModeDisabled,
+          onlyEditFields: onlyEditFields,
           ...additionalProps,
         })
       )

packages/svelte/src/update-template.svelte

@@ -16,7 +16,8 @@
       allowConfigureTimezone?: boolean;
       allowConfigureRedirectUrl?: boolean;
       allowConfigureCommunication?: boolean;
-    }; // Additional props to be passed to the iframe, used for testing out features
+    };
+    onlyEditFields?: boolean | undefined; // Additional props to be passed to the iframe, used for testing out features
     // prior to being added to the main props
 
     additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -39,6 +40,8 @@
   export let cssVars: EmbedUpdateTemplateProps["cssVars"] = undefined;
   export let darkModeDisabled: EmbedUpdateTemplateProps["darkModeDisabled"] =
     undefined;
+  export let onlyEditFields: EmbedUpdateTemplateProps["onlyEditFields"] =
+    undefined;
   export let additionalProps: EmbedUpdateTemplateProps["additionalProps"] =
     undefined;
   export let templateId: EmbedUpdateTemplateProps["templateId"];
@@ -69,6 +72,7 @@
           css: css,
           cssVars: cssVars,
           darkModeDisabled: darkModeDisabled,
+          onlyEditFields: onlyEditFields,
           ...additionalProps,
         })
       )

packages/vue/src/index.ts

@@ -1,5 +1,9 @@
 export { default as EmbedDirectTemplate } from './direct-template.vue';
 export { default as EmbedSignDocument } from './sign-document.vue';
+export { default as EmbedCreateDocumentV1 } from './create-document.vue';
+export { default as EmbedCreateTemplateV1 } from './create-template.vue';
+export { default as EmbedUpdateDocumentV1 } from './update-document.vue';
+export { default as EmbedUpdateTemplateV1 } from './update-template.vue';
 export { default as unstable_EmbedCreateDocument } from './create-document.vue';
 export { default as unstable_EmbedCreateTemplate } from './create-template.vue';
 export { default as unstable_EmbedUpdateDocument } from './update-document.vue';

packages/vue/src/update-document.vue

@@ -24,7 +24,8 @@ export type EmbedUpdateDocumentProps = {
     allowConfigureTimezone?: boolean;
     allowConfigureRedirectUrl?: boolean;
     allowConfigureCommunication?: boolean;
-  }; // Additional props to be passed to the iframe, used for testing out features
+  };
+  onlyEditFields?: boolean | undefined; // Additional props to be passed to the iframe, used for testing out features
   // prior to being added to the main props
 
   additionalProps?: Record<string, string | number | boolean> | undefined;
@@ -55,6 +56,7 @@ const src = computed(() => {
         css: props.css,
         cssVars: props.cssVars,
         darkModeDisabled: props.darkModeDisabled,
+        onlyEditFields: props.onlyEditFields,
         ...props.additionalProps,
       })
     )