@pdfme/schemas 5.3.8-dev.4 → 5.3.8-dev.41

package/dist/types/src/multiVariableText/pdfRender.d.ts

@@ -1,3 +1,3 @@
 import { PDFRenderProps } from '@pdfme/common';
-import { MultiVariableTextSchema } from './types';
+import { MultiVariableTextSchema } from './types.js';
 export declare const pdfRender: (arg: PDFRenderProps<MultiVariableTextSchema>) => Promise<void>;

package/dist/types/src/multiVariableText/propPanel.d.ts

@@ -1,3 +1,3 @@
 import { PropPanel } from '@pdfme/common';
-import { MultiVariableTextSchema } from './types';
+import { MultiVariableTextSchema } from './types.js';
 export declare const propPanel: PropPanel<MultiVariableTextSchema>;

package/dist/types/src/multiVariableText/types.d.ts

@@ -1,4 +1,4 @@
-import type { TextSchema } from '../text/types';
+import type { TextSchema } from '../text/types.js';
 export interface MultiVariableTextSchema extends TextSchema {
     text: string;
     variables: string[];

package/dist/types/src/multiVariableText/uiRender.d.ts

@@ -1,3 +1,3 @@
 import { UIRenderProps } from '@pdfme/common';
-import { MultiVariableTextSchema } from './types';
+import { MultiVariableTextSchema } from './types.js';
 export declare const uiRender: (arg: UIRenderProps<MultiVariableTextSchema>) => Promise<void>;

package/dist/types/src/select/index.d.ts

@@ -1,5 +1,5 @@
 import { Plugin } from '@pdfme/common';
-import { TextSchema } from '../text/types';
+import { TextSchema } from '../text/types.js';
 interface Select extends TextSchema {
     options: string[];
 }

package/dist/types/src/tables/cell.d.ts

@@ -1,4 +1,4 @@
 import { Plugin } from '@pdfme/common';
-import type { CellSchema } from './types';
+import type { CellSchema } from './types.js';
 declare const cellSchema: Plugin<CellSchema>;
 export default cellSchema;

package/dist/types/src/tables/classes.d.ts

@@ -1,5 +1,5 @@
 import { Font } from '@pdfme/common';
-import type { Styles, TableInput, Settings, Section, StylesProps } from './types';
+import type { Styles, TableInput, Settings, Section, StylesProps } from './types.js';
 type ContentSettings = {
     body: Row[];
     head: Row[];

package/dist/types/src/tables/helper.d.ts

@@ -1,7 +1,7 @@
 export declare const getDefaultCellStyles: () => {
     fontName: undefined;
-    alignment: import("../text/types").ALIGNMENT;
-    verticalAlignment: import("../text/types").VERTICAL_ALIGNMENT;
+    alignment: import("../text/types.js").ALIGNMENT;
+    verticalAlignment: import("../text/types.js").VERTICAL_ALIGNMENT;
     fontSize: number;
     lineHeight: number;
     characterSpacing: number;
@@ -182,7 +182,7 @@ export declare const getCellPropPanelSchema: (arg: {
         props: {
             options: {
                 label: string;
-                value: import("../text/types").ALIGNMENT;
+                value: import("../text/types.js").ALIGNMENT;
             }[];
         };
         span: number;
@@ -194,7 +194,7 @@ export declare const getCellPropPanelSchema: (arg: {
         props: {
             options: {
                 label: string;
-                value: import("../text/types").VERTICAL_ALIGNMENT;
+                value: import("../text/types.js").VERTICAL_ALIGNMENT;
             }[];
         };
         span: number;

package/dist/types/src/tables/pdfRender.d.ts

@@ -1,3 +1,3 @@
-import type { TableSchema } from './types';
+import type { TableSchema } from './types.js';
 import type { PDFRenderProps } from '@pdfme/common';
 export declare const pdfRender: (arg: PDFRenderProps<TableSchema>) => Promise<void>;

package/dist/types/src/tables/propPanel.d.ts

@@ -1,3 +1,3 @@
 import type { PropPanel } from '@pdfme/common';
-import type { TableSchema } from './types';
+import type { TableSchema } from './types.js';
 export declare const propPanel: PropPanel<TableSchema>;

package/dist/types/src/tables/tableHelper.d.ts

@@ -1,5 +1,5 @@
 import { Schema, BasePdf, CommonOptions } from '@pdfme/common';
-import { Table } from './classes';
+import { Table } from './classes.js';
 interface CreateTableArgs {
     schema: Schema;
     basePdf: BasePdf;

package/dist/types/src/tables/types.d.ts

@@ -1,4 +1,4 @@
-import type { ALIGNMENT, VERTICAL_ALIGNMENT } from '../text/types';
+import type { ALIGNMENT, VERTICAL_ALIGNMENT } from '../text/types.js';
 import type { Schema } from '@pdfme/common';
 export type Spacing = {
     top: number;

package/dist/types/src/text/constants.d.ts

@@ -1,4 +1,4 @@
-import { ALIGNMENT, VERTICAL_ALIGNMENT, DYNAMIC_FONT_SIZE_FIT } from './types';
+import { ALIGNMENT, VERTICAL_ALIGNMENT, DYNAMIC_FONT_SIZE_FIT } from './types.js';
 export declare const DEFAULT_FONT_SIZE = 13;
 export declare const ALIGN_LEFT: ALIGNMENT;
 export declare const ALIGN_CENTER: ALIGNMENT;

package/dist/types/src/text/helper.d.ts

@@ -1,7 +1,7 @@
 import * as fontkit from 'fontkit';
 import type { Font as FontKitFont } from 'fontkit';
 import { Font } from '@pdfme/common';
-import type { TextSchema, FontWidthCalcValues } from './types';
+import type { TextSchema, FontWidthCalcValues } from './types.js';
 export declare const getBrowserVerticalFontAdjustments: (fontKitFont: FontKitFont, fontSize: number, lineHeight: number, verticalAlignment: string) => {
     topAdj: number;
     bottomAdj: number;

package/dist/types/src/text/index.d.ts

@@ -1,4 +1,4 @@
 import type { Plugin } from '@pdfme/common';
-import type { TextSchema } from './types';
+import type { TextSchema } from './types.js';
 declare const textSchema: Plugin<TextSchema>;
 export default textSchema;

package/dist/types/src/text/pdfRender.d.ts

@@ -1,3 +1,3 @@
-import type { TextSchema } from './types';
+import type { TextSchema } from './types.js';
 import { PDFRenderProps } from '@pdfme/common';
 export declare const pdfRender: (arg: PDFRenderProps<TextSchema>) => Promise<void>;

package/dist/types/src/text/propPanel.d.ts

@@ -1,3 +1,3 @@
 import { PropPanel } from '@pdfme/common';
-import type { TextSchema } from './types';
+import type { TextSchema } from './types.js';
 export declare const propPanel: PropPanel<TextSchema>;

package/dist/types/src/text/uiRender.d.ts

@@ -1,6 +1,6 @@
 import type { Font as FontKitFont } from 'fontkit';
 import { UIRenderProps } from '@pdfme/common';
-import type { TextSchema } from './types';
+import type { TextSchema } from './types.js';
 export declare const uiRender: (arg: UIRenderProps<TextSchema>) => Promise<void>;
 export declare const buildStyledTextContainer: (arg: UIRenderProps<TextSchema>, fontKitFont: FontKitFont, value: string) => HTMLDivElement;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/schemas",
-  "version": "5.3.8-dev.4",
+  "version": "5.3.8-dev.41",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",
@@ -59,9 +59,8 @@
     "air-datepicker": "^3.5.3",
     "bwip-js": "^4.1.1",
     "date-fns": "^4.1.0",
-    "fast-xml-parser": "^4.3.2",
     "fontkit": "^2.0.2",
-    "lucide": "^0.460.0"
+    "lucide": "^0.476.0"
   },
   "devDependencies": {
     "@pdfme/common": "file:../common",

package/src/barcodes/helper.ts

@@ -2,7 +2,7 @@ import { b64toUint8Array } from '@pdfme/common';
 import bwipjs, { RenderOptions } from 'bwip-js';
 import { Buffer } from 'buffer';
 import { BARCODE_TYPES, DEFAULT_BARCODE_INCLUDETEXT } from './constants.js';
-import { BarcodeTypes } from './types';
+import { BarcodeTypes } from './types.js';
 
 // GTIN-13, GTIN-8, GTIN-12, GTIN-14
 const validateCheckDigit = (input: string, checkDigitPos: number) => {

package/src/barcodes/index.ts

@@ -1,7 +1,7 @@
 import { pdfRender } from './pdfRender.js';
 import { getPropPanelByBarcodeType } from './propPanel.js';
 import { uiRender } from './uiRender.js';
-import type { BarcodeSchema, BarcodeTypes } from './types';
+import type { BarcodeSchema, BarcodeTypes } from './types.js';
 import { BARCODE_TYPES } from './constants.js';
 import { createSvgStr } from '../utils.js';
 import { Plugin } from '@pdfme/common';

package/src/barcodes/pdfRender.ts

@@ -1,6 +1,6 @@
 import { PDFRenderProps } from '@pdfme/common';
 import { convertForPdfLayoutProps } from '../utils.js';
-import type { BarcodeSchema } from './types';
+import type { BarcodeSchema } from './types.js';
 import { createBarCode, validateBarcodeInput } from './helper.js';
 
 const getBarcodeCacheKey = (schema: BarcodeSchema, value: string) => {

package/src/barcodes/propPanel.ts

@@ -1,5 +1,5 @@
 import type { PropPanel } from '@pdfme/common';
-import type { BarcodeSchema } from './types';
+import type { BarcodeSchema } from './types.js';
 import {
   DEFAULT_BARCODE_COLOR,
   DEFAULT_BARCODE_BG_COLOR,

package/src/barcodes/uiRender.ts

@@ -1,6 +1,6 @@
 import type * as CSS from 'csstype';
 import { UIRenderProps } from '@pdfme/common';
-import type { BarcodeSchema } from './types';
+import type { BarcodeSchema } from './types.js';
 import { validateBarcodeInput, createBarCode } from './helper.js';
 import { addAlphaToHex, isEditable, createErrorElm } from '../utils.js';
 

package/src/checkbox/index.ts

@@ -1,6 +1,6 @@
 import { Plugin } from '@pdfme/common';
 import { Schema } from '@pdfme/common';
-import svg from '../graphics/svg';
+import svg from '../graphics/svg.js';
 import { isEditable } from '../utils.js';
 import { HEX_COLOR_PATTERN } from '../constants.js';
 import { Square, SquareCheck } from 'lucide';

package/src/date/date.ts

@@ -1,4 +1,4 @@
-import { getPlugin } from './helper';
+import { getPlugin } from './helper.js';
 import { createSvgStr } from '../utils.js';
 import { Calendar } from 'lucide';
 

package/src/date/dateTime.ts

@@ -1,4 +1,4 @@
-import { getPlugin } from './helper';
+import { getPlugin } from './helper.js';
 import { createSvgStr } from '../utils.js';
 import { CalendarClock } from 'lucide';
 

package/src/date/helper.ts

@@ -2,47 +2,89 @@ import type * as CSS from 'csstype';
 
 import AirDatepicker from 'air-datepicker';
 import type { AirDatepickerLocale, AirDatepickerButton } from 'air-datepicker';
-import localeAr from 'air-datepicker/locale/ar';
-import localeBg from 'air-datepicker/locale/bg';
-import localeCa from 'air-datepicker/locale/ca';
-import localeCs from 'air-datepicker/locale/cs';
-import localeDa from 'air-datepicker/locale/da';
-import localeDe from 'air-datepicker/locale/de';
-import localeEl from 'air-datepicker/locale/el';
-import localeEn from 'air-datepicker/locale/en';
-import localeEs from 'air-datepicker/locale/es';
-import localeEu from 'air-datepicker/locale/eu';
-import localeFi from 'air-datepicker/locale/fi';
-import localeFr from 'air-datepicker/locale/fr';
-import localeHr from 'air-datepicker/locale/hr';
-import localeHu from 'air-datepicker/locale/hu';
-import localeId from 'air-datepicker/locale/id';
-import localeIt from 'air-datepicker/locale/it';
-import localeJa from 'air-datepicker/locale/ja';
-import localeKo from 'air-datepicker/locale/ko';
-import localeNb from 'air-datepicker/locale/nb';
-import localeNl from 'air-datepicker/locale/nl';
-import localeTh from 'air-datepicker/locale/th';
-import localePl from 'air-datepicker/locale/pl';
-import localePtBR from 'air-datepicker/locale/pt-BR';
-import localePt from 'air-datepicker/locale/pt';
-import localeRo from 'air-datepicker/locale/ro';
-import localeRu from 'air-datepicker/locale/ru';
-import localeSi from 'air-datepicker/locale/si';
-import localeSk from 'air-datepicker/locale/sk';
-import localeSl from 'air-datepicker/locale/sl';
-import localeSv from 'air-datepicker/locale/sv';
-import localeTr from 'air-datepicker/locale/tr';
-import localeUk from 'air-datepicker/locale/uk';
-import localeZh from 'air-datepicker/locale/zh';
+
+// Define custom interfaces for AirDatepicker types
+interface AirDatepickerDate extends Date {}
+interface AirDatepickerInstance {
+  selectedDates: Date[];
+  hide: () => void;
+  destroy: () => void;
+  show: () => void;
+}
+// @ts-ignore
+import localeAr from 'air-datepicker/locale/ar.js';
+// @ts-ignore
+import localeBg from 'air-datepicker/locale/bg.js';
+// @ts-ignore
+import localeCa from 'air-datepicker/locale/ca.js';
+// @ts-ignore
+import localeCs from 'air-datepicker/locale/cs.js';
+// @ts-ignore
+import localeDa from 'air-datepicker/locale/da.js';
+// @ts-ignore
+import localeDe from 'air-datepicker/locale/de.js';
+// @ts-ignore
+import localeEl from 'air-datepicker/locale/el.js';
+// @ts-ignore
+import localeEn from 'air-datepicker/locale/en.js';
+// @ts-ignore
+import localeEs from 'air-datepicker/locale/es.js';
+// @ts-ignore
+import localeEu from 'air-datepicker/locale/eu.js';
+// @ts-ignore
+import localeFi from 'air-datepicker/locale/fi.js';
+// @ts-ignore
+import localeFr from 'air-datepicker/locale/fr.js';
+// @ts-ignore
+import localeHr from 'air-datepicker/locale/hr.js';
+// @ts-ignore
+import localeHu from 'air-datepicker/locale/hu.js';
+// @ts-ignore
+import localeId from 'air-datepicker/locale/id.js';
+// @ts-ignore
+import localeIt from 'air-datepicker/locale/it.js';
+// @ts-ignore
+import localeJa from 'air-datepicker/locale/ja.js';
+// @ts-ignore
+import localeKo from 'air-datepicker/locale/ko.js';
+// @ts-ignore
+import localeNb from 'air-datepicker/locale/nb.js';
+// @ts-ignore
+import localeNl from 'air-datepicker/locale/nl.js';
+// @ts-ignore
+import localeTh from 'air-datepicker/locale/th.js';
+// @ts-ignore
+import localePl from 'air-datepicker/locale/pl.js';
+// @ts-ignore
+import localePtBR from 'air-datepicker/locale/pt-BR.js';
+// @ts-ignore
+import localePt from 'air-datepicker/locale/pt.js';
+// @ts-ignore
+import localeRo from 'air-datepicker/locale/ro.js';
+// @ts-ignore
+import localeRu from 'air-datepicker/locale/ru.js';
+// @ts-ignore
+import localeSi from 'air-datepicker/locale/si.js';
+// @ts-ignore
+import localeSk from 'air-datepicker/locale/sk.js';
+// @ts-ignore
+import localeSl from 'air-datepicker/locale/sl.js';
+// @ts-ignore
+import localeSv from 'air-datepicker/locale/sv.js';
+// @ts-ignore
+import localeTr from 'air-datepicker/locale/tr.js';
+// @ts-ignore
+import localeUk from 'air-datepicker/locale/uk.js';
+// @ts-ignore
+import localeZh from 'air-datepicker/locale/zh.js';
 
 import * as dateFns from 'date-fns/locale';
 import { format } from 'date-fns';
 
 import { Plugin, getFallbackFontName, DEFAULT_FONT_NAME, PropPanelSchema } from '@pdfme/common';
-import text from '../text';
+import text from '../text/index.js';
 import { DEFAULT_OPACITY, HEX_COLOR_PATTERN } from '../constants.js';
-import { mapVerticalAlignToFlex } from '../text/uiRender';
+import { mapVerticalAlignToFlex } from '../text/uiRender.js';
 import {
   DEFAULT_FONT_SIZE,
   DEFAULT_ALIGNMENT,
@@ -51,9 +93,9 @@ import {
   DEFAULT_CHARACTER_SPACING,
   DEFAULT_FONT_COLOR,
 } from '../text/constants.js';
-import { DateSchema } from './types';
-import { getExtraFormatterSchema, Formatter } from '../text/extraFormatter';
-import { isEditable } from '../utils';
+import { DateSchema } from './types.js';
+import { getExtraFormatterSchema, Formatter } from '../text/extraFormatter.js';
+import { isEditable } from '../utils.js';
 
 type PickerType = 'date' | 'time' | 'dateTime';
 
@@ -260,15 +302,15 @@ export const getPlugin = ({ type, icon }: { type: PickerType; icon: string }) =>
         });
       }
 
-      const airDatepicker = new AirDatepicker(input, {
+      const airDatepicker = new (AirDatepicker as any)(input, {
         locale: locale.adLocale,
         selectedDates: [strDateToDate(value, type)],
-        dateFormat: (date) => format(date, schema.format, { locale: locale.formatLocale }),
+        dateFormat: (date: AirDatepickerDate) => format(date, schema.format, { locale: locale.formatLocale }),
         timepicker: type !== 'date',
         onlyTimepicker: type === 'time',
         isMobile: window.innerWidth < 768,
         buttons: adButtons,
-        onSelect: ({ datepicker }) => {
+        onSelect: ({ datepicker }: { datepicker: AirDatepickerInstance }) => {
           if (type === 'date') {
             commitChange(datepicker.selectedDates.length ? datepicker.selectedDates[0] : null);
             datepicker.hide();
@@ -429,7 +471,6 @@ export const getPlugin = ({ type, icon }: { type: PickerType; icon: string }) =>
         format: defaultFormat,
         type,
         content: getFmtContent(new Date(), type),
-        position: { x: 0, y: 0 },
         width: 50,
         height: 10,
         rotate: 0,
@@ -441,7 +482,7 @@ export const getPlugin = ({ type, icon }: { type: PickerType; icon: string }) =>
         backgroundColor: '',
         locale: undefined,
         opacity: DEFAULT_OPACITY,
-      },
+      } as DateSchema,
     },
     icon,
   };

package/src/date/time.ts

@@ -1,4 +1,4 @@
-import { getPlugin } from './helper';
+import { getPlugin } from './helper.js';
 import { createSvgStr } from '../utils.js';
 import { Clock } from 'lucide';
 

package/src/date/types.ts

@@ -1,5 +1,5 @@
 import { Schema } from '@pdfme/common';
-import { ALIGNMENT } from '../text/types';
+import { ALIGNMENT } from '../text/types.js';
 
 export interface DateSchema extends Schema {
   format: string;
@@ -10,4 +10,10 @@ export interface DateSchema extends Schema {
   fontColor: string;
   backgroundColor: string;
   locale?: string;
+  // Explicitly include these properties from Schema for TypeScript
+  width: number;
+  height: number;
+  name: string;
+  type: string;
+  content?: string;
 }

package/src/graphics/svg.ts

@@ -1,5 +1,4 @@
 import { Plugin, Schema } from '@pdfme/common';
-import { XMLValidator } from 'fast-xml-parser';
 import {
   convertForPdfLayoutProps,
   isEditable,
@@ -9,7 +8,33 @@ import {
 } from '../utils.js';
 import { Route } from 'lucide';
 
-const isValidSVG = (svgString: string) => XMLValidator.validate(svgString) === true;
+const isValidSVG = (svgString: string): boolean => {
+  try {
+    // Basic validation checks that work in both Node.js and browser
+    if (!svgString || typeof svgString !== 'string') {
+      return false;
+    }
+    
+    // Check for basic SVG structure
+    if (!svgString.includes('<svg') || !svgString.includes('</svg>')) {
+      return false;
+    }
+    
+    // Additional browser-specific validation if DOMParser is available
+    if (typeof DOMParser !== 'undefined') {
+      const parser = new DOMParser();
+      const doc = parser.parseFromString(svgString, 'image/svg+xml');
+      const parserError = doc.querySelector('parsererror');
+      if (parserError !== null) {
+        return false;
+      }
+    }
+    
+    return true;
+  } catch (error) {
+    return false;
+  }
+};
 
 const defaultValue = `<svg viewBox="0 0 488 600" version="1.1" xmlns="http://www.w3.org/2000/svg">
     <g transform="matrix(1,0,0,1,-56,0)" fill="#000000" stroke="none">

package/src/index.ts

@@ -1,17 +1,17 @@
-import multiVariableText from './multiVariableText/index';
-import text from './text/index';
-import image from './graphics/image';
-import svg from './graphics/svg';
-import barcodes from './barcodes/index';
-import line from './shapes/line';
-import table from './tables/index';
-import { rectangle, ellipse } from './shapes/rectAndEllipse';
-import dateTime from './date/dateTime';
-import date from './date/date';
-import time from './date/time';
-import select from './select/index';
-import radioGroup from './radioGroup/index';
-import checkbox from './checkbox/index';
+import multiVariableText from './multiVariableText/index.js';
+import text from './text/index.js';
+import image from './graphics/image.js';
+import svg from './graphics/svg.js';
+import barcodes from './barcodes/index.js';
+import line from './shapes/line.js';
+import table from './tables/index.js';
+import { rectangle, ellipse } from './shapes/rectAndEllipse.js';
+import dateTime from './date/dateTime.js';
+import date from './date/date.js';
+import time from './date/time.js';
+import select from './select/index.js';
+import radioGroup from './radioGroup/index.js';
+import checkbox from './checkbox/index.js';
 
 const builtInPlugins = { Text: text };
 

package/src/multiVariableText/helper.ts

@@ -1,14 +1,18 @@
-import { MultiVariableTextSchema } from "./types";
+import { MultiVariableTextSchema } from './types.js';
 
-export const substituteVariables = (text: string, variablesIn: string | Record<string, string>): string => {
+export const substituteVariables = (
+  text: string,
+  variablesIn: string | Record<string, string>
+): string => {
   if (!text) {
-    return "";
+    return '';
   }
 
   let substitutedText = text;
 
   if (variablesIn) {
-    const variables: Record<string, string> = (typeof variablesIn === "string") ? JSON.parse(variablesIn) || {} : variablesIn;
+    const variables: Record<string, string> =
+      typeof variablesIn === 'string' ? JSON.parse(variablesIn) || {} : variablesIn;
 
     Object.keys(variables).forEach((variableName) => {
       // handle special characters in variable name
@@ -33,13 +37,17 @@ export const validateVariables = (value: string, schema: MultiVariableTextSchema
   try {
     values = value ? JSON.parse(value) : {};
   } catch (e) {
-    throw new SyntaxError(`[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`);
+    throw new SyntaxError(
+      `[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`
+    );
   }
 
   for (const variable of schema.variables) {
     if (!values[variable]) {
       if (schema.required) {
-        throw new Error(`[@pdfme/generator] variable ${variable} is missing for field ${schema.name}`);
+        throw new Error(
+          `[@pdfme/generator] variable ${variable} is missing for field ${schema.name}`
+        );
       }
       // If not required, then simply don't render this field if an input is missing
       return false;
@@ -47,4 +55,4 @@ export const validateVariables = (value: string, schema: MultiVariableTextSchema
   }
 
   return true;
-}
+};

package/src/multiVariableText/index.ts

@@ -2,7 +2,7 @@ import type { Plugin } from '@pdfme/common';
 import { pdfRender } from './pdfRender.js';
 import { propPanel } from './propPanel.js';
 import { uiRender } from './uiRender.js';
-import type { MultiVariableTextSchema } from './types';
+import type { MultiVariableTextSchema } from './types.js';
 import { Type } from 'lucide';
 import { createSvgStr } from '../utils.js';
 

package/src/multiVariableText/pdfRender.ts

@@ -1,7 +1,7 @@
 import { PDFRenderProps } from '@pdfme/common';
-import { MultiVariableTextSchema } from './types';
-import { pdfRender as parentPdfRender } from '../text/pdfRender';
-import { substituteVariables, validateVariables } from './helper';
+import { MultiVariableTextSchema } from './types.js';
+import { pdfRender as parentPdfRender } from '../text/pdfRender.js';
+import { substituteVariables, validateVariables } from './helper.js';
 
 export const pdfRender = async (arg: PDFRenderProps<MultiVariableTextSchema>) => {
   const { value, schema, ...rest } = arg;

package/src/multiVariableText/propPanel.ts

@@ -1,6 +1,6 @@
-import { propPanel as parentPropPanel } from '../text/propPanel';
+import { propPanel as parentPropPanel } from '../text/propPanel.js';
 import { PropPanel, PropPanelWidgetProps } from '@pdfme/common';
-import { MultiVariableTextSchema } from './types';
+import { MultiVariableTextSchema } from './types.js';
 
 const mapDynamicVariables = (props: PropPanelWidgetProps) => {
   const { rootElement, changeSchemas, activeSchema, i18n, options } = props;

package/src/multiVariableText/types.ts

@@ -1,4 +1,4 @@
-import type { TextSchema } from '../text/types';
+import type { TextSchema } from '../text/types.js';
 
 export interface MultiVariableTextSchema extends TextSchema {
   text: string;

package/src/multiVariableText/uiRender.ts

@@ -1,13 +1,13 @@
 import { getDefaultFont, UIRenderProps } from '@pdfme/common';
-import { MultiVariableTextSchema } from './types';
+import { MultiVariableTextSchema } from './types.js';
 import {
   uiRender as parentUiRender,
   buildStyledTextContainer,
   makeElementPlainTextContentEditable
-} from '../text/uiRender';
-import { isEditable } from '../utils';
-import { getFontKitFont } from '../text/helper';
-import { substituteVariables } from './helper';
+} from '../text/uiRender.js';
+import { isEditable } from '../utils.js';
+import { getFontKitFont } from '../text/helper.js';
+import { substituteVariables } from './helper.js';
 
 export const uiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
   const { value, schema, rootElement, mode, onChange, ...rest } = arg;

package/src/radioGroup/index.ts

@@ -1,7 +1,7 @@
 import { Plugin } from '@pdfme/common';
 import { Schema } from '@pdfme/common';
 import { Circle, CircleDot } from 'lucide';
-import svg from '../graphics/svg';
+import svg from '../graphics/svg.js';
 import { isEditable, createSvgStr } from '../utils.js';
 import { HEX_COLOR_PATTERN } from '../constants.js';