@formsnip/embed 1.0.0

package/dist/types.d.ts

@@ -0,0 +1,47 @@
+export interface FormField {
+    id: string;
+    type: 'text' | 'email' | 'textarea' | 'number' | 'date' | 'checkbox' | 'radio' | 'file';
+    label: string;
+    placeholder?: string;
+    required: boolean;
+    position: number;
+    isActive: boolean;
+}
+export interface Form {
+    _id: string;
+    name: string;
+    description?: string;
+    fields: FormField[];
+    submitButtonText: string;
+    embedStyles?: {
+        field?: {
+            backgroundColor?: string;
+            color?: string;
+            borderColor?: string;
+            borderRadius?: number;
+            paddingX?: number;
+            paddingY?: number;
+        };
+        button?: {
+            backgroundColor?: string;
+            color?: string;
+            borderColor?: string;
+            borderRadius?: number;
+            paddingX?: number;
+            paddingY?: number;
+        };
+    };
+}
+export interface FormSnipProps {
+    formId: string;
+    baseUrl?: string;
+    onSuccess?: (data: any) => void;
+    onError?: (error: string) => void;
+    className?: string;
+}
+export interface SubmissionResponse {
+    success: boolean;
+    data?: any;
+    message?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE;YACN,eAAe,CAAC,EAAE,MAAM,CAAC;YACzB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;SACnB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,eAAe,CAAC,EAAE,MAAM,CAAC;YACzB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/utils/styles.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Inject base styles into the document head (same as embed script)
+ */
+export declare function injectBaseStyles(): void;
+/**
+ * Apply embed styles to an element (same logic as embed script)
+ */
+export declare function applyStyles(styles: React.CSSProperties, customStyles?: {
+    backgroundColor?: string;
+    color?: string;
+    borderColor?: string;
+    borderRadius?: number;
+    paddingX?: number;
+    paddingY?: number;
+}): React.CSSProperties;
+/**
+ * CSS class names matching embed script
+ */
+export declare const CLASSES: {
+    form: string;
+    field: string;
+    inner: string;
+    input: string;
+    textarea: string;
+    button: string;
+};
+//# sourceMappingURL=styles.d.ts.map

package/dist/utils/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/utils/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAiEvC;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,KAAK,CAAC,aAAa,EAC3B,YAAY,CAAC,EAAE;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GACA,KAAK,CAAC,aAAa,CAyBrB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC"}

package/dist/utils/upload.d.ts

@@ -0,0 +1,22 @@
+declare const ALLOWED_FILE_EXTENSIONS = ".jpg,.jpeg,.png,.gif,.webp,.svg,.pdf,.mp4,.mpeg,.mov,.avi,.webm,.mkv,.mp3,.wav,.ogg,.aac,.flac";
+declare const MAX_TOTAL_FILE_SIZE: number;
+export interface UploadResult {
+    success: boolean;
+    fileKey?: string;
+    error?: string;
+}
+export interface UploadMultipleResult {
+    success: boolean;
+    fileKeys?: string[];
+    errors?: string[];
+}
+/**
+ * Upload a file to R2 via presigned URL
+ */
+export declare function uploadFile(file: File, formId: string, baseUrl: string): Promise<UploadResult>;
+/**
+ * Upload multiple files to R2
+ */
+export declare function uploadFiles(files: File[], formId: string, baseUrl: string): Promise<UploadMultipleResult>;
+export { ALLOWED_FILE_EXTENSIONS, MAX_TOTAL_FILE_SIZE };
+//# sourceMappingURL=upload.d.ts.map

package/dist/utils/upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../src/utils/upload.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,uBAAuB,mGAAmG,CAAC;AACjI,QAAA,MAAM,mBAAmB,QAAmB,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAED;;GAEG;AACH,wBAAsB,UAAU,CAC9B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,YAAY,CAAC,CA4DvB;AAED;;GAEG;AACH,wBAAsB,WAAW,CAC/B,KAAK,EAAE,IAAI,EAAE,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,oBAAoB,CAAC,CAkC/B;AAED,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAC"}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@formsnip/embed",
+  "version": "1.0.0",
+  "description": "React component for embedding FormSnip forms",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "prepare": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "rollup": "^4.24.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "typescript": "^5.4.5"
+  },
+  "keywords": [
+    "forms",
+    "form-builder",
+    "react",
+    "embed",
+    "formsnip"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  }
+}