@openlettermarketing/olc-react-sdk 2.1.4 → 2.1.5-beta.2

package/src/utils/templateRestrictedArea/realPenned.ts

@@ -0,0 +1,233 @@
+// Define the type for the element being added
+interface Element {
+  id: string;
+  type: string;
+  name: string;
+  opacity: number;
+  visible: boolean;
+  selectable: boolean;
+  removable: boolean;
+  alwaysOnTop: boolean;
+  showInExport: boolean;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  rotation: number;
+  animations?: any[];
+  blurEnabled?: boolean;
+  blurRadius?: number;
+  brightnessEnabled?: boolean;
+  brightness?: number;
+  sepiaEnabled?: boolean;
+  grayscaleEnabled?: boolean;
+  shadowEnabled?: boolean;
+  shadowBlur?: number;
+  shadowOffsetX?: number;
+  shadowOffsetY?: number;
+  shadowColor?: string;
+  shadowOpacity?: number;
+  draggable?: boolean;
+  resizable?: boolean;
+  contentEditable: boolean;
+  styleEditable: boolean;
+  subType?: string;
+  fill?: string;
+  dash?: any[];
+  strokeWidth?: number;
+  stroke?: string;
+  cornerRadius?: number;
+  text?: string;
+  placeholder?: string;
+  fontSize?: number;
+  fontFamily?: string;
+  fontStyle?: string;
+  fontWeight?: string;
+  textDecoration?: string;
+  align?: string;
+  verticalAlign?: string;
+  lineHeight?: number;
+  letterSpacing?: number;
+  backgroundEnabled?: boolean;
+  backgroundColor?: string;
+  backgroundOpacity?: number;
+  backgroundCornerRadius?: number;
+  backgroundPadding?: number;
+  src?: string;
+  cropX?: number;
+  cropY?: number;
+  cropWidth?: number;
+  cropHeight?: number;
+  flipX?: boolean;
+  flipY?: boolean;
+  clipSrc?: string;
+  borderSize?: number;
+  keepRatio?: boolean;
+}
+
+// Define the type for the page
+interface Page {
+  addElement: (element: Element) => void;
+}
+
+// Define the type for the store
+interface Store {
+  width: number;
+  height: number;
+  pages: Page[];
+  history: {
+    clear: () => void;
+  };
+}
+
+export const addElementsforRealPennedLetters = (store: Store): void => {
+  const page = store.pages[0];
+
+  const elements: Element[] = [
+    {
+      id: 'content',
+      type: 'text',
+      name: '',
+      opacity: 1,
+      visible: true,
+      selectable: true,
+      removable: false,
+      alwaysOnTop: false,
+      showInExport: true,
+      x: 26.500000000000114,
+      y: 130,
+      width: 477,
+      height: 456,
+      rotation: 0,
+      animations: [],
+      blurEnabled: false,
+      blurRadius: 10,
+      brightnessEnabled: false,
+      brightness: 0,
+      sepiaEnabled: false,
+      grayscaleEnabled: false,
+      shadowEnabled: false,
+      shadowBlur: 5,
+      shadowOffsetX: 0,
+      shadowOffsetY: 0,
+      shadowColor: 'black',
+      shadowOpacity: 1,
+      draggable: false,
+      resizable: false,
+      contentEditable: true,
+      styleEditable: false,
+      text: 'Hi ((C.FIRST_NAME)), \n\n We are interested in purchasing your property at ((C.PROPERTY_ADDRESS)). \n  \n     I am a serious buyer with CASH. \n\n Please call me at  ((SPF.PHONE_NUMBER)) to discuss my offer.\n                  \n\n                  Thanks! \n                    ((SPF.FIRST_NAME))',
+      fontSize: 20,
+      fontFamily: 'lexi Regular',
+      fontStyle: 'normal',
+      fontWeight: 'normal',
+      textDecoration: '',
+      fill: 'blue',
+      align: 'start',
+      verticalAlign: 'top',
+      strokeWidth: 0,
+      stroke: 'black',
+      lineHeight: 1.75,
+      letterSpacing: 0,
+      backgroundEnabled: false,
+      backgroundColor: '#7ED321',
+      backgroundOpacity: 1,
+      backgroundCornerRadius: 0.5,
+      backgroundPadding: 0.5,
+    },
+    {
+      id: 'safety-box',
+      type: 'figure',
+      name: '',
+      opacity: 1,
+      visible: true,
+      selectable: false,
+      removable: false,
+      alwaysOnTop: true,
+      showInExport: true,
+      x: -1.1429403222173616e-11,
+      y: 595.3928042183522,
+      width: 527.9999999999511,
+      height: 220.60719578157597,
+      rotation: 0,
+      animations: [],
+      blurEnabled: false,
+      blurRadius: 10,
+      brightnessEnabled: false,
+      brightness: 0,
+      sepiaEnabled: false,
+      grayscaleEnabled: false,
+      shadowEnabled: false,
+      shadowBlur: 5,
+      shadowOffsetX: 0,
+      shadowOffsetY: 0,
+      shadowColor: 'black',
+      shadowOpacity: 1,
+      draggable: false,
+      resizable: false,
+      contentEditable: false,
+      styleEditable: false,
+      subType: 'rect',
+      fill: '#FFFFFF',
+      dash: [],
+      strokeWidth: 0,
+      stroke: '#0c0c0c',
+      cornerRadius: 0,
+    },
+    {
+      id: 'safety-note',
+      type: 'text',
+      name: '',
+      opacity: 1,
+      visible: true,
+      selectable: false,
+      removable: false,
+      alwaysOnTop: true,
+      showInExport: false,
+      x: 4.999999999999986,
+      y: 610.8462884505318,
+      width: 518,
+      height: 22,
+      rotation: 0,
+      animations: [],
+      blurEnabled: false,
+      blurRadius: 10,
+      brightnessEnabled: false,
+      brightness: 0,
+      sepiaEnabled: false,
+      grayscaleEnabled: false,
+      shadowEnabled: false,
+      shadowBlur: 5,
+      shadowOffsetX: 0,
+      shadowOffsetY: 0,
+      shadowColor: 'black',
+      shadowOpacity: 1,
+      draggable: false,
+      resizable: false,
+      contentEditable: false,
+      styleEditable: false,
+      text: '**Pen-written area ends here. Keep your message above this line.',
+      placeholder: '',
+      fontSize: 17,
+      fontFamily: 'Roboto',
+      fontStyle: 'italic',
+      fontWeight: 'normal',
+      textDecoration: '',
+      fill: 'black',
+      align: 'center',
+      verticalAlign: 'top',
+      strokeWidth: 0,
+      stroke: 'black',
+      lineHeight: 1.2,
+      letterSpacing: 0,
+      backgroundEnabled: false,
+      backgroundColor: '#7ED321',
+      backgroundOpacity: 1,
+      backgroundCornerRadius: 0.5,
+      backgroundPadding: 0.5,
+    },
+  ];
+
+  elements.forEach((element) => page.addElement(element));
+  store.history.clear();
+};