@docuseal/angular 1.0.0 → 1.0.1

package/dist/form.component.d.ts

@@ -0,0 +1,66 @@
+import { ElementRef, SimpleChanges } from "@angular/core";
+import * as i0 from "@angular/core";
+interface DocusealField {
+    name: string;
+    title?: string;
+    type?: string;
+    position?: number;
+    required?: boolean;
+}
+interface AfterViewInit {
+    ngAfterViewInit(): void;
+}
+interface OnChanges {
+    ngOnChanges(changes: SimpleChanges): void;
+}
+export declare class DocusealFormComponent implements AfterViewInit, OnChanges {
+    private el;
+    src: string;
+    host: string;
+    role: string;
+    submitter: string;
+    expand: boolean;
+    preview: boolean;
+    email: string;
+    applicationKey: string;
+    externalId: string;
+    backgroundColor: string;
+    logo: string;
+    language: string;
+    completedRedirectUrl: string;
+    completedButton: {
+        title: string;
+        url: string;
+    };
+    goToLast: boolean;
+    skipFields: boolean;
+    withTitle: boolean;
+    withFieldNames: boolean;
+    withDownloadButton: boolean;
+    withSendCopyButton: boolean;
+    allowToResubmit: boolean;
+    allowTypedSignature: boolean;
+    sendCopyEmail: boolean;
+    values: object;
+    metadata: object;
+    i18n: object;
+    fields: DocusealField[];
+    readonlyFields: string[];
+    onComplete: (detail: any) => void;
+    onInit: (detail: any) => void;
+    onLoad: (detail: any) => void;
+    customCss: string;
+    constructor(el: ElementRef);
+    get attributes(): {
+        [key: string]: any;
+    };
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onCompleteEvent(event: CustomEvent): void;
+    onInitEvent(event: CustomEvent): void;
+    onLoadEvent(event: CustomEvent): void;
+    loadScript(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DocusealFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocusealFormComponent, "docuseal-form", never, { "src": { "alias": "src"; "required": false; }; "host": { "alias": "host"; "required": false; }; "role": { "alias": "role"; "required": false; }; "submitter": { "alias": "submitter"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "email": { "alias": "email"; "required": false; }; "applicationKey": { "alias": "applicationKey"; "required": false; }; "externalId": { "alias": "externalId"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "language": { "alias": "language"; "required": false; }; "completedRedirectUrl": { "alias": "completedRedirectUrl"; "required": false; }; "completedButton": { "alias": "completedButton"; "required": false; }; "goToLast": { "alias": "goToLast"; "required": false; }; "skipFields": { "alias": "skipFields"; "required": false; }; "withTitle": { "alias": "withTitle"; "required": false; }; "withFieldNames": { "alias": "withFieldNames"; "required": false; }; "withDownloadButton": { "alias": "withDownloadButton"; "required": false; }; "withSendCopyButton": { "alias": "withSendCopyButton"; "required": false; }; "allowToResubmit": { "alias": "allowToResubmit"; "required": false; }; "allowTypedSignature": { "alias": "allowTypedSignature"; "required": false; }; "sendCopyEmail": { "alias": "sendCopyEmail"; "required": false; }; "values": { "alias": "values"; "required": false; }; "metadata": { "alias": "metadata"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "readonlyFields": { "alias": "readonlyFields"; "required": false; }; "onComplete": { "alias": "onComplete"; "required": false; }; "onInit": { "alias": "onInit"; "required": false; }; "onLoad": { "alias": "onLoad"; "required": false; }; "customCss": { "alias": "customCss"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@docuseal/angular" />
+export * from './public-api';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docuseal/angular",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "DocuSeal Angular components to integrate documents signing process into apps. ✍️",
   "esm2022": "dist/esm2022/docuseal-angular.mjs",
   "esm": "dist/esm2022/docuseal-angular.mjs",
@@ -42,6 +42,9 @@
     "esignature",
     "documents"
   ],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "ng": "ng",
     "build": "ng build",

package/.eslintrc.json

@@ -1,41 +0,0 @@
-{
-  "root": true,
-  "ignorePatterns": ["projects/**/*"],
-  "overrides": [
-    {
-      "files": ["*.ts"],
-      "extends": [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:@angular-eslint/recommended",
-        "plugin:@angular-eslint/template/process-inline-templates"
-      ],
-      "rules": {
-        "@angular-eslint/directive-selector": [
-          "error",
-          {
-            "type": "attribute",
-            "prefix": "docuseal",
-            "style": "camelCase"
-          }
-        ],
-        "@angular-eslint/component-selector": [
-          "error",
-          {
-            "type": "element",
-            "prefix": "docuseal",
-            "style": "kebab-case"
-          }
-        ]
-      }
-    },
-    {
-      "files": ["*.html"],
-      "extends": [
-        "plugin:@angular-eslint/template/recommended",
-        "plugin:@angular-eslint/template/accessibility"
-      ],
-      "rules": {}
-    }
-  ]
-}

package/angular.json

@@ -1,30 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "projects": {
-    "@docuseal/angular": {
-      "root": "src",
-      "projectType": "library",
-      "prefix": "docuseal",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
-          "options": {
-            "tsConfig": "tsconfig.json",
-            "project": "ng-package.json"
-          }
-        },
-        "lint": {
-          "builder": "@angular-eslint/builder:lint",
-          "options": {
-            "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
-          }
-        }
-      }
-    }
-  },
-  "cli": {
-    "analytics": false,
-    "schematicCollections": ["@angular-eslint/schematics"]
-  }
-}

package/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "./dist",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  }
-}

package/src/builder.component.ts

@@ -1,225 +0,0 @@
-import { Component, Input, ElementRef, HostListener, SimpleChanges } from "@angular/core"
-
-interface DocusealField {
-  name: string,
-  type?: string,
-  role?: string,
-  default_value?: string,
-}
-
-interface AfterViewInit {
-  ngAfterViewInit(): void
-}
-interface OnChanges {
-  ngOnChanges(changes: SimpleChanges): void
-}
-@Component({
-  selector: "docuseal-builder",
-  standalone: true,
-  template: "",
-  styles: []
-})
-
-export class DocusealBuilderComponent implements AfterViewInit, OnChanges {
-  @Input() token: string = ""
-  @Input() host: string = "cdn.docuseal.co"
-  @Input() language: string = "en"
-  @Input() preview: boolean = false
-  @Input() autosave: boolean = true
-  @Input() withRecipientsButton: boolean = true
-  @Input() withDocumentsList: boolean = true
-  @Input() withFieldsList: boolean = true
-  @Input() withSendButton: boolean = true
-  @Input() withTitle: boolean = true
-  @Input() onlyDefinedFields: boolean = false
-  @Input() withSignYourselfButton: boolean = true
-  @Input() withUploadButton: boolean = true
-  @Input() roles: string[] = []
-  @Input() fields: DocusealField[] = []
-  @Input() i18n: object = {}
-  @Input() fieldTypes: string[] = []
-  @Input() drawFieldType: string = "text"
-  @Input() customButton: { title: string, url: string } = { title: "", url: "" }
-  @Input() backgroundColor: string = ""
-  @Input() onLoad: (detail: any) => void = () => {}
-  @Input() onUpload: (detail: any) => void = () => {}
-  @Input() onSend: (detail: any) => void = () => {}
-  @Input() onSave: (detail: any) => void = () => {}
-  @Input() sendButtonText: string = ""
-  @Input() saveButtonText: string = ""
-  @Input() customCss: string = ""
-
-  constructor(private el: ElementRef) {}
-
-  get attributes (): { [key: string]: any } {
-    return {
-      src: {
-        name: "data-token",
-        value: () => this.token
-      },
-      preview: {
-        name: "data-preview",
-        value: () => this.preview
-      },
-      language: {
-        name: "data-language",
-        value: () => this.language
-      },
-      autosave: {
-        name: "data-autosave",
-        value: () => this.autosave
-      },
-      sendButtonText: {
-        name: "data-send-button-text",
-        value: () => this.sendButtonText
-      },
-      saveButtonText: {
-        name: "data-save-button-text",
-        value: () => this.saveButtonText
-      },
-      roles: {
-        name: "data-roles",
-        value: () => this.roles.join(',')
-      },
-      fieldTypes: {
-        name: "data-field-types",
-        value: () => this.fieldTypes.join(',')
-      },
-      drawFieldType: {
-        name: "data-draw-field-type",
-        value: () => this.drawFieldType
-      },
-      fields: {
-        name: "data-fields",
-        value: () => JSON.stringify(this.fields)
-      },
-      i18n: {
-        name: "data-i18n",
-        value: () => JSON.stringify(this.i18n)
-      },
-      customButton: [
-        {
-          name: "data-custom-button-title",
-          value: () => this.customButton.title
-        },
-        {
-          name: "data-custom-button-url",
-          value: () => this.customButton.url
-        }
-      ],
-      withRecipientsButton: {
-        name: "data-with-recipients-button",
-        value: () => this.withRecipientsButton
-      },
-      withSendButton: {
-        name: "data-with-send-button",
-        value: () => this.withSendButton
-      },
-      withDocumentsList: {
-        name: "data-with-documents-list",
-        value: () => this.withDocumentsList
-      },
-      withFieldsList: {
-        name: "data-with-fields-list",
-        value: () => this.withFieldsList
-      },
-      withTitle: {
-        name: "data-with-title",
-        value: () => this.withTitle
-      },
-      onlyDefinedFields: {
-        name: "data-only-defined-fields",
-        value: () => this.onlyDefinedFields
-      },
-      withUploadButton: {
-        name: "data-with-upload-button",
-        value: () => this.withUploadButton
-      },
-      withSignYourselfButton: {
-        name: "data-with-sign-yourself-button",
-        value: () => this.withSignYourselfButton
-      },
-      backgroundColor: {
-        name: "data-background-color",
-        value: () => this.backgroundColor
-      },
-      customCss: {
-        name: "data-custom-css",
-        value: () => this.customCss
-      }
-    }
-  }
-
-  ngAfterViewInit(): void {
-    const builder = this.el.nativeElement;
-
-    Object.entries(this.attributes).forEach(([_, attribute]) => {
-      if (Array.isArray(attribute)) {
-        attribute.forEach((attr) => {
-          builder.setAttribute(attr.name, attr.value())
-        })
-      } else if (attribute) {
-        builder.setAttribute(attribute.name, attribute.value())
-      }
-    })
-
-    this.loadScript()
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    const builder = this.el.nativeElement;
-    const attributes = this.attributes
-
-    Object.entries(changes).forEach(([key, change]) => {
-      const attribute = attributes[key]
-
-      if (Array.isArray(attribute)) {
-        attribute.forEach((attr) => {
-          builder.setAttribute(attr.name, attr.value())
-        })
-      } else if (attribute) {
-        builder.setAttribute(attribute.name, change.currentValue)
-      }
-    })
-  }
-
-  @HostListener('send', ['$event'])
-  onSendEvent(event: CustomEvent): void {
-    if (this.onSend) {
-      this.onSend(event.detail)
-    }
-  }
-
-  @HostListener('load', ['$event'])
-  onLoadEvent(event: CustomEvent): void {
-    if (this.onLoad) {
-      this.onLoad(event.detail)
-    }
-  }
-
-  @HostListener('upload', ['$event'])
-  onUploadEvent(event: CustomEvent): void {
-    if (this.onUpload) {
-      this.onUpload(event.detail)
-    }
-  }
-
-  @HostListener('save', ['$event'])
-  onSaveEvent(event: CustomEvent): void {
-    if (this.onSave) {
-      this.onSave(event.detail)
-    }
-  }
-
-  loadScript(): void {
-    const scriptId = 'docuseal-builder-script'
-    const scriptSrc = `https://${this.host}/js/builder.js`
-    const script = document.createElement("script")
-
-    script.id = scriptId
-    script.async = true
-    script.src = scriptSrc
-
-    document.head.appendChild(script)
-  }
-}

package/src/form.component.ts

@@ -1,240 +0,0 @@
-import { Component, Input, ElementRef, HostListener, SimpleChanges } from "@angular/core"
-
-interface DocusealField {
-  name: string,
-  title?: string,
-  type?: string,
-  position?: number,
-  required?: boolean,
-}
-
-interface AfterViewInit {
-  ngAfterViewInit(): void
-}
-interface OnChanges {
-  ngOnChanges(changes: SimpleChanges): void
-}
-@Component({
-  selector: "docuseal-form",
-  standalone: true,
-  template: "",
-  styles: []
-})
-
-export class DocusealFormComponent implements AfterViewInit, OnChanges {
-  @Input() src: string = ""
-  @Input() host: string = "cdn.docuseal.co"
-  @Input() role: string = ""
-  @Input() submitter: string = "" // Backward compatibility
-  @Input() expand: boolean = true
-  @Input() preview: boolean = false
-  @Input() email: string = ""
-  @Input() applicationKey: string = ""
-  @Input() externalId: string = ""
-  @Input() backgroundColor: string = ""
-  @Input() logo: string = ""
-  @Input() language: string = ""
-  @Input() completedRedirectUrl: string = ""
-  @Input() completedButton: { title: string, url: string } = { title: "", url: "" }
-  @Input() goToLast: boolean = true
-  @Input() skipFields: boolean = false
-  @Input() withTitle: boolean = true
-  @Input() withFieldNames: boolean = true
-  @Input() withDownloadButton: boolean = true
-  @Input() withSendCopyButton: boolean = true
-  @Input() allowToResubmit: boolean = true
-  @Input() allowTypedSignature: boolean = true
-  @Input() sendCopyEmail: boolean = false
-  @Input() values: object = {}
-  @Input() metadata: object = {}
-  @Input() i18n: object = {}
-  @Input() fields: DocusealField[] = []
-  @Input() readonlyFields: string[] = []
-  @Input() onComplete: (detail: any) => void = () => {}
-  @Input() onInit: (detail: any) => void = () => {}
-  @Input() onLoad: (detail: any) => void = () => {}
-  @Input() customCss: string = ""
-
-  constructor(private el: ElementRef) {}
-
-  get attributes (): { [key: string]: any } {
-    return {
-      src: {
-        name: "data-src",
-        value: () => this.src
-      },
-      email: {
-        name: "data-email",
-        value: () => this.email
-      },
-      role: {
-        name: "data-role",
-        value: () => this.role || this.submitter
-      },
-      externalId: {
-        name: "data-external-id",
-        value: () => this.externalId || this.applicationKey
-      },
-      expand: {
-        name: "data-expand",
-        value: () => this.expand
-      },
-      preview: {
-        name: "data-preview",
-        value: () => this.preview
-      },
-      goToLast: {
-        name: "data-go-to-last",
-        value: () => this.goToLast
-      },
-      skipFields: {
-        name: "data-skip-fields",
-        value: () => this.skipFields
-      },
-      sendCopyEmail: {
-        name: "data-send-copy-email",
-        value: () => this.sendCopyEmail
-      },
-      withTitle: {
-        name: "data-with-title",
-        value: () => this.withTitle
-      },
-      logo: {
-        name: "data-logo",
-        value: () => this.logo
-      },
-      language: {
-        name: "data-language",
-        value: () => this.language
-      },
-      withFieldNames: {
-        name: "data-with-field-names",
-        value: () => this.withFieldNames
-      },
-      withDownloadButton: {
-        name: "data-with-download-button",
-        value: () => this.withDownloadButton
-      },
-      allowToResubmit: {
-        name: "data-allow-to-resubmit",
-        value: () => this.allowToResubmit
-      },
-      allowTypedSignature: {
-        name: "data-allow-typed-signature",
-        value: () => this.allowTypedSignature
-      },
-      completedRedirectUrl: {
-        name: "data-completed-redirect-url",
-        value: () => this.completedRedirectUrl
-      },
-      withSendCopyButton: {
-        name: "data-with-send-copy-button",
-        value: () => this.withSendCopyButton
-      },
-      values: {
-        name: "data-values",
-        value: () => JSON.stringify(this.values)
-      },
-      metadata: {
-        name: "data-metadata",
-        value: () => JSON.stringify(this.metadata)
-      },
-      fields: {
-        name: "data-fields",
-        value: () => JSON.stringify(this.fields)
-      },
-      i18n: {
-        name: "data-i18n",
-        value: () => JSON.stringify(this.i18n)
-      },
-      readonlyFields: {
-        name: "data-readonly-fields",
-        value: () => this.readonlyFields.join(',')
-      },
-      completedButton: [
-        {
-          name: "data-completed-button-title",
-          value: () => this.completedButton.title
-        },
-        {
-          name: "data-completed-button-url",
-          value: () => this.completedButton.url
-        }
-      ],
-      backgroundColor: {
-        name: "data-background-color",
-        value: () => this.backgroundColor
-      },
-      customCss: {
-        name: "data-custom-css",
-        value: () => this.customCss
-      }
-    }
-  }
-
-  ngAfterViewInit(): void {
-    const form = this.el.nativeElement;
-
-    Object.entries(this.attributes).forEach(([_, attribute]) => {
-      if (Array.isArray(attribute)) {
-        attribute.forEach((attr) => {
-          form.setAttribute(attr.name, attr.value())
-        })
-      } else {
-        form.setAttribute(attribute.name, attribute.value())
-      }
-    })
-
-    this.loadScript()
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    const form = this.el.nativeElement;
-    const attributes = this.attributes
-
-    Object.entries(changes).forEach(([key, change]) => {
-      const attribute = attributes[key]
-
-      if (Array.isArray(attribute)) {
-        attribute.forEach((attr) => {
-          form.setAttribute(attr.name, attr.value())
-        })
-      } else if (attribute) {
-        form.setAttribute(attribute.name, change.currentValue)
-      }
-    })
-  }
-
-  @HostListener('completed', ['$event'])
-  onCompleteEvent(event: CustomEvent): void {
-    if (this.onComplete) {
-      this.onComplete(event.detail)
-    }
-  }
-
-  @HostListener('init', ['$event'])
-  onInitEvent(event: CustomEvent): void {
-    if (this.onInit) {
-      this.onInit(event.detail)
-    }
-  }
-
-  @HostListener('load', ['$event'])
-  onLoadEvent(event: CustomEvent): void {
-    if (this.onLoad) {
-      this.onLoad(event.detail)
-    }
-  }
-
-  loadScript(): void {
-    const scriptId = "docuseal-form-script"
-    const scriptSrc = `https://${this.host}/js/form.js`
-    const script = document.createElement("script")
-
-    script.id = scriptId
-    script.async = true
-    script.src = scriptSrc
-
-    document.head.appendChild(script)
-  }
-}

package/tsconfig.json

@@ -1,33 +0,0 @@
-{
-  "compilerOptions": {
-    "allowJs": true, // Allow JavaScript files to be compiled
-    "allowSyntheticDefaultImports": true, // Allow default imports from modules with no default export
-    "baseUrl": "src", // Base directory to resolve non-absolute module names
-    "declaration": true, // Generate corresponding .d.ts file
-    "esModuleInterop": true, // Disables namespace imports (import * as fs from "fs") and enables CJS/AMD/UMD style imports (import fs from "fs")
-    "forceConsistentCasingInFileNames": true, // Disallow inconsistently-cased references to the same file.
-    "incremental": true, // Enable incremental compilation by reading/writing information from prior compilations to a file on disk
-    "isolatedModules": true, // Unconditionally emit imports for unresolved files
-    "lib": ["ES2022", "dom"], // List of library files to be included in the compilation
-    "module": "ES2022", // Specify module code generation
-    "moduleResolution": "node", // Resolve modules using Node.js style
-    "noEmit": false, // Do not emit output (meaning do not compile code, only perform type checking)
-    "noFallthroughCasesInSwitch": true, // Report errors for fallthrough cases in switch statement
-    "noUnusedLocals": true, // Report errors on unused locals
-    "noUnusedParameters": true, // Report errors on unused parameters
-    "resolveJsonModule": true, // Include modules imported with .json extension
-    "outDir": "./dist",
-    "skipLibCheck": true, // Skip type checking of all declaration files
-    "sourceMap": true, // Generate corrresponding .map file
-    "strict": true, // Enable all strict type checking options
-    "target": "ES2022" // Specify ECMAScript target version,
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false, // Use the new message ID format
-    "strictInjectionParameters": true, // Ensure that the parameters for the DI token match the constructor
-    "strictInputAccessModifiers": true, // Ensure that the accessors of the directive inputs match the declared type
-    "strictTemplates": true // Ensure that the templates are type-safe
-  },
-  "include": ["src/**/*.ts"],
-  "exclude": ["node_modules"]
-}