@openlettermarketing/olc-react-sdk 2.1.6 → 2.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.js +1 -1
- package/build/index.js.map +1 -1
- package/build/types/version.d.ts +1 -1
- package/package.json +7 -6
- package/.eslintignore +0 -1
- package/.eslintrc.cjs +0 -18
- package/.eslintrc.yml +0 -47
- package/.github/workflows/publish-beta.yml +0 -154
- package/.github/workflows/publish-production.yml +0 -143
- package/.prettierignore +0 -3
- package/.prettierrc.yml +0 -5
- package/CHANGELOG.md +0 -4
- package/babel.config.json +0 -10
- package/examples/.eslintrc.yml +0 -4
- package/index.html +0 -18
- package/public/vite.svg +0 -1
- package/src/App.tsx +0 -209
- package/src/assets/Fonts/Lexi-Regular.ttf +0 -0
- package/src/assets/images/create-template/prebuilt.svg +0 -13
- package/src/assets/images/create-template/scratch.svg +0 -4
- package/src/assets/images/input/cancel.tsx +0 -20
- package/src/assets/images/input/search.tsx +0 -20
- package/src/assets/images/input/select-cancel.tsx +0 -17
- package/src/assets/images/modal-icons/add.tsx +0 -36
- package/src/assets/images/modal-icons/cancel-file.tsx +0 -12
- package/src/assets/images/modal-icons/cancel-input.tsx +0 -13
- package/src/assets/images/modal-icons/cancel.tsx +0 -35
- package/src/assets/images/modal-icons/close-new.svg +0 -3
- package/src/assets/images/modal-icons/confirm-close-icon.tsx +0 -14
- package/src/assets/images/modal-icons/confirm-new.tsx +0 -22
- package/src/assets/images/modal-icons/confirm.svg +0 -12
- package/src/assets/images/modal-icons/cross.tsx +0 -23
- package/src/assets/images/modal-icons/del.tsx +0 -19
- package/src/assets/images/modal-icons/design-icon.tsx +0 -22
- package/src/assets/images/modal-icons/doc.tsx +0 -43
- package/src/assets/images/modal-icons/docx.tsx +0 -43
- package/src/assets/images/modal-icons/envelope-icon.tsx +0 -26
- package/src/assets/images/modal-icons/info.tsx +0 -19
- package/src/assets/images/modal-icons/jpeg.tsx +0 -43
- package/src/assets/images/modal-icons/jpg.tsx +0 -43
- package/src/assets/images/modal-icons/modal-cros.svg +0 -4
- package/src/assets/images/modal-icons/modal-cross.tsx +0 -37
- package/src/assets/images/modal-icons/new-cancel.tsx +0 -11
- package/src/assets/images/modal-icons/order-download.tsx +0 -42
- package/src/assets/images/modal-icons/pdf.tsx +0 -51
- package/src/assets/images/modal-icons/png.tsx +0 -43
- package/src/assets/images/modal-icons/save.tsx +0 -23
- package/src/assets/images/modal-icons/template-copy.tsx +0 -25
- package/src/assets/images/modal-icons/tool-cancel.tsx +0 -25
- package/src/assets/images/products/bi-new.svg +0 -23
- package/src/assets/images/products/left-arrow.svg +0 -17
- package/src/assets/images/products/personal-new.tsx +0 -31
- package/src/assets/images/products/postcard-new.tsx +0 -27
- package/src/assets/images/products/professional-new.tsx +0 -24
- package/src/assets/images/products/real-new.tsx +0 -30
- package/src/assets/images/products/right-arrow.svg +0 -17
- package/src/assets/images/products/snap-new.svg +0 -31
- package/src/assets/images/templates/actions.svg +0 -3
- package/src/assets/images/templates/address-block-icon.tsx +0 -62
- package/src/assets/images/templates/archive.svg +0 -3
- package/src/assets/images/templates/arrow-down.tsx +0 -27
- package/src/assets/images/templates/back-arrow.tsx +0 -19
- package/src/assets/images/templates/bi-fold-self-mailers.tsx +0 -28
- package/src/assets/images/templates/check.svg +0 -3
- package/src/assets/images/templates/code.svg +0 -10
- package/src/assets/images/templates/content-copy-icon.tsx +0 -24
- package/src/assets/images/templates/custom-add-on-icon.tsx +0 -18
- package/src/assets/images/templates/custom-qr-section-icon.tsx +0 -9
- package/src/assets/images/templates/custom-template.tsx +0 -23
- package/src/assets/images/templates/designer.tsx +0 -43
- package/src/assets/images/templates/dot.tsx +0 -22
- package/src/assets/images/templates/download-v2.svg +0 -4
- package/src/assets/images/templates/download.svg +0 -4
- package/src/assets/images/templates/dummy-template.tsx +0 -76
- package/src/assets/images/templates/dynamic-field.tsx +0 -119
- package/src/assets/images/templates/edit-pencil-icon.tsx +0 -21
- package/src/assets/images/templates/edit.svg +0 -3
- package/src/assets/images/templates/epo-icon.tsx +0 -16
- package/src/assets/images/templates/field.tsx +0 -29
- package/src/assets/images/templates/gsv-icon.tsx +0 -31
- package/src/assets/images/templates/info-icon.tsx +0 -37
- package/src/assets/images/templates/left-arrow.svg +0 -17
- package/src/assets/images/templates/pencil.svg +0 -3
- package/src/assets/images/templates/personal-letter.tsx +0 -53
- package/src/assets/images/templates/postcard.tsx +0 -32
- package/src/assets/images/templates/professional-letter.tsx +0 -53
- package/src/assets/images/templates/qr-code.tsx +0 -13
- package/src/assets/images/templates/real-penned-letters.tsx +0 -57
- package/src/assets/images/templates/right-arrow.svg +0 -17
- package/src/assets/images/templates/size-image-lg.tsx +0 -20
- package/src/assets/images/templates/size-image-mid.tsx +0 -20
- package/src/assets/images/templates/size-image-xl.tsx +0 -20
- package/src/assets/images/templates/size-image.tsx +0 -20
- package/src/assets/images/templates/snap-pack.tsx +0 -67
- package/src/assets/images/templates/template-default-design.tsx +0 -21
- package/src/assets/images/templates/trash-upload.svg +0 -3
- package/src/assets/images/templates/trash.svg +0 -3
- package/src/assets/images/templates/tri-fold-self-mailers.tsx +0 -93
- package/src/assets/images/templates/upload-image.svg +0 -10
- package/src/assets/images/templates/x.svg +0 -3
- package/src/assets/images/thumbnails/one.svg +0 -9
- package/src/assets/images/tooltip/tool-arrow.tsx +0 -25
- package/src/components/CreateTemplate/V2/index.tsx +0 -527
- package/src/components/CreateTemplate/V2/styles.scss +0 -372
- package/src/components/CreateTemplate/index.tsx +0 -508
- package/src/components/CreateTemplate/styles.scss +0 -404
- package/src/components/GenericUIBlocks/Button/index.tsx +0 -54
- package/src/components/GenericUIBlocks/Button/styles.scss +0 -43
- package/src/components/GenericUIBlocks/CircularProgress/index.tsx +0 -18
- package/src/components/GenericUIBlocks/CircularProgress/styles.scss +0 -93
- package/src/components/GenericUIBlocks/CustomTooltip/index.tsx +0 -88
- package/src/components/GenericUIBlocks/CustomTooltip/styles.scss +0 -19
- package/src/components/GenericUIBlocks/Dialog/V2/index.tsx +0 -227
- package/src/components/GenericUIBlocks/Dialog/V2/styles.scss +0 -289
- package/src/components/GenericUIBlocks/Dialog/index.tsx +0 -185
- package/src/components/GenericUIBlocks/Dialog/styles.scss +0 -227
- package/src/components/GenericUIBlocks/Divider/index.tsx +0 -12
- package/src/components/GenericUIBlocks/Divider/styles.scss +0 -7
- package/src/components/GenericUIBlocks/GeneralSelect/index.tsx +0 -114
- package/src/components/GenericUIBlocks/GeneralSelect/styles.scss +0 -406
- package/src/components/GenericUIBlocks/GeneralTooltip/index.tsx +0 -25
- package/src/components/GenericUIBlocks/GeneralTooltip/styles.scss +0 -20
- package/src/components/GenericUIBlocks/GenericSnackbar/Toast/index.tsx +0 -91
- package/src/components/GenericUIBlocks/GenericSnackbar/Toast/styles.scss +0 -92
- package/src/components/GenericUIBlocks/Grid/index.tsx +0 -82
- package/src/components/GenericUIBlocks/Input/index.tsx +0 -269
- package/src/components/GenericUIBlocks/Input/styles.scss +0 -332
- package/src/components/GenericUIBlocks/Tabs/index.tsx +0 -71
- package/src/components/GenericUIBlocks/Tabs/styles.scss +0 -42
- package/src/components/GenericUIBlocks/Typography/index.tsx +0 -18
- package/src/components/GenericUIBlocks/Typography/styles.scss +0 -27
- package/src/components/SidePanel/CustomAddOns/index.tsx +0 -342
- package/src/components/SidePanel/CustomAddOns/styles.scss +0 -86
- package/src/components/SidePanel/CustomBlockColors/index.tsx +0 -211
- package/src/components/SidePanel/CustomBlockColors/styles.scss +0 -80
- package/src/components/SidePanel/CustomFields/customFieldSection.tsx +0 -547
- package/src/components/SidePanel/CustomFields/styles.scss +0 -64
- package/src/components/SidePanel/CustomQRCode/V2/QRCodeModal/index.tsx +0 -172
- package/src/components/SidePanel/CustomQRCode/V2/QRCodeModal/styles.scss +0 -46
- package/src/components/SidePanel/CustomQRCode/index.tsx +0 -1070
- package/src/components/SidePanel/CustomQRCode/styles.scss +0 -149
- package/src/components/SidePanel/CustomUploads/V2/index.tsx +0 -542
- package/src/components/SidePanel/CustomUploads/V2/styles.scss +0 -267
- package/src/components/SidePanel/CustomUploads/index.tsx +0 -301
- package/src/components/SidePanel/Templates/ModalGallery/HireDesigner/index.tsx +0 -424
- package/src/components/SidePanel/Templates/ModalGallery/HireDesigner/styles.scss +0 -180
- package/src/components/SidePanel/Templates/ModalGallery/V2/index.tsx +0 -235
- package/src/components/SidePanel/Templates/ModalGallery/V2/styles.scss +0 -244
- package/src/components/SidePanel/Templates/ModalGallery/index.tsx +0 -231
- package/src/components/SidePanel/Templates/SideBarGallery/index.tsx +0 -233
- package/src/components/SidePanel/Templates/SideBarGallery/styles.scss +0 -152
- package/src/components/SidePanel/Templates/TemplatesCard/V2/index.tsx +0 -149
- package/src/components/SidePanel/Templates/TemplatesCard/V2/styles.scss +0 -156
- package/src/components/SidePanel/Templates/TemplatesCard/index.tsx +0 -160
- package/src/components/SidePanel/Templates/TemplatesCard/styles.scss +0 -98
- package/src/components/SidePanel/Templates/customTemplateSection.tsx +0 -793
- package/src/components/SidePanel/Templates/styles.scss +0 -244
- package/src/components/SidePanel/index.tsx +0 -160
- package/src/components/TemplateBuilder/index.tsx +0 -585
- package/src/components/TemplateBuilder/styles.scss +0 -100
- package/src/components/TemplateTypes/index.tsx +0 -96
- package/src/components/TemplateTypes/styles.scss +0 -91
- package/src/components/TopNavigation/ConfirmNavigateDialog/index.tsx +0 -81
- package/src/components/TopNavigation/ConfirmNavigateDialog/styles.scss +0 -123
- package/src/components/TopNavigation/DuplicateTemplateModal.tsx +0 -103
- package/src/components/TopNavigation/EditTemplateNameModel/index.tsx +0 -71
- package/src/components/TopNavigation/EditTemplateNameModel/styles.scss +0 -88
- package/src/components/TopNavigation/SaveTemplateModel/index.tsx +0 -201
- package/src/components/TopNavigation/SaveTemplateModel/styles.scss +0 -128
- package/src/components/TopNavigation/index.tsx +0 -938
- package/src/components/TopNavigation/styles.scss +0 -303
- package/src/importMeta.d.ts +0 -31
- package/src/index.scss +0 -131
- package/src/index.tsx +0 -238
- package/src/libs/test.ts +0 -7
- package/src/redux/actions/action-types.ts +0 -52
- package/src/redux/actions/customQRCodeActions.ts +0 -54
- package/src/redux/actions/snackbarActions.ts +0 -16
- package/src/redux/actions/templateActions.ts +0 -236
- package/src/redux/reducers/customFieldReducer.ts +0 -99
- package/src/redux/reducers/customQRCodeReducer.ts +0 -58
- package/src/redux/reducers/index.ts +0 -15
- package/src/redux/reducers/snackbarReducer.ts +0 -40
- package/src/redux/reducers/templateReducer.ts +0 -485
- package/src/redux/store.ts +0 -18
- package/src/styles/colors.scss +0 -61
- package/src/test/mocks.js +0 -89
- package/src/test/setupJest.js +0 -1
- package/src/utils/api.ts +0 -36
- package/src/utils/constants.ts +0 -182
- package/src/utils/customStyles.ts +0 -45
- package/src/utils/fetchWrapper.ts +0 -73
- package/src/utils/fonts.json +0 -1597
- package/src/utils/helper.ts +0 -205
- package/src/utils/local-storage.ts +0 -15
- package/src/utils/message.ts +0 -162
- package/src/utils/products.ts +0 -186
- package/src/utils/template-builder.ts +0 -328
- package/src/utils/templateIdentifierArea/biFold.ts +0 -107
- package/src/utils/templateIdentifierArea/index.ts +0 -35
- package/src/utils/templateIdentifierArea/personal.ts +0 -107
- package/src/utils/templateIdentifierArea/postCards.ts +0 -163
- package/src/utils/templateIdentifierArea/professional.ts +0 -125
- package/src/utils/templateIdentifierArea/snapPack.ts +0 -107
- package/src/utils/templateIdentifierArea/triFold.ts +0 -107
- package/src/utils/templateRestrictedArea/biFold.ts +0 -329
- package/src/utils/templateRestrictedArea/nonWindowProfessional.ts +0 -90
- package/src/utils/templateRestrictedArea/personal.ts +0 -90
- package/src/utils/templateRestrictedArea/postCard.ts +0 -334
- package/src/utils/templateRestrictedArea/postCardJumbo.tsx +0 -408
- package/src/utils/templateRestrictedArea/professional.ts +0 -318
- package/src/utils/templateRestrictedArea/realPenned.ts +0 -233
- package/src/utils/templateRestrictedArea/snapPack.ts +0 -1009
- package/src/utils/templateRestrictedArea/triFold.ts +0 -330
- package/src/utils/templateSafetyBorders/biFold.ts +0 -91
- package/src/utils/templateSafetyBorders/index.ts +0 -43
- package/src/utils/templateSafetyBorders/personal.ts +0 -41
- package/src/utils/templateSafetyBorders/postCards.ts +0 -259
- package/src/utils/templateSafetyBorders/professional.ts +0 -78
- package/src/utils/templateSafetyBorders/snapPack.ts +0 -165
- package/src/utils/templateSafetyBorders/triFold.ts +0 -114
- package/src/utils/templateSafetyBorders/types.d.ts +0 -68
- package/src/utils/types.ts +0 -12
- package/src/v2Theme.scss +0 -142
- package/tsconfig.json +0 -29
- package/tsconfig.node.json +0 -12
- package/update-version.js +0 -23
- package/version.js +0 -1
- package/vite.config.ts +0 -8
- package/webpack.config.js +0 -80
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
// Define the type for the element being added
|
|
2
|
-
interface Element {
|
|
3
|
-
id: string;
|
|
4
|
-
type: string;
|
|
5
|
-
name: string;
|
|
6
|
-
opacity: number;
|
|
7
|
-
visible: boolean;
|
|
8
|
-
selectable: boolean;
|
|
9
|
-
removable: boolean;
|
|
10
|
-
alwaysOnTop: boolean;
|
|
11
|
-
showInExport: boolean;
|
|
12
|
-
x: number;
|
|
13
|
-
y: number;
|
|
14
|
-
width: number;
|
|
15
|
-
height: number;
|
|
16
|
-
rotation: number;
|
|
17
|
-
animations?: any[];
|
|
18
|
-
draggable?: boolean;
|
|
19
|
-
resizable?: boolean;
|
|
20
|
-
contentEditable: boolean;
|
|
21
|
-
styleEditable: boolean;
|
|
22
|
-
text: string;
|
|
23
|
-
fontSize: number;
|
|
24
|
-
fontFamily: string;
|
|
25
|
-
fontStyle: string;
|
|
26
|
-
fontWeight: string;
|
|
27
|
-
fill: string;
|
|
28
|
-
align: string;
|
|
29
|
-
verticalAlign: string;
|
|
30
|
-
lineHeight: number;
|
|
31
|
-
letterSpacing: number;
|
|
32
|
-
backgroundEnabled?: boolean;
|
|
33
|
-
backgroundColor?: string;
|
|
34
|
-
backgroundOpacity?: number;
|
|
35
|
-
backgroundCornerRadius?: number;
|
|
36
|
-
backgroundPadding?: number;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
// Define the type for the page
|
|
40
|
-
interface Page {
|
|
41
|
-
addElement: (element: Element) => void;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
// Define the type for the store
|
|
45
|
-
interface Store {
|
|
46
|
-
pages: Page[];
|
|
47
|
-
history: {
|
|
48
|
-
clear: () => void;
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
// Reusable function to create text elements
|
|
53
|
-
const createTextElement = (
|
|
54
|
-
id: string,
|
|
55
|
-
text: string,
|
|
56
|
-
x: number,
|
|
57
|
-
y: number,
|
|
58
|
-
width: number
|
|
59
|
-
): Element => ({
|
|
60
|
-
id,
|
|
61
|
-
type: "text",
|
|
62
|
-
name: "",
|
|
63
|
-
opacity: 1,
|
|
64
|
-
visible: true,
|
|
65
|
-
selectable: false,
|
|
66
|
-
removable: false,
|
|
67
|
-
alwaysOnTop: true,
|
|
68
|
-
showInExport: true,
|
|
69
|
-
x,
|
|
70
|
-
y,
|
|
71
|
-
width,
|
|
72
|
-
height: 11,
|
|
73
|
-
rotation: 0,
|
|
74
|
-
draggable: true,
|
|
75
|
-
resizable: true,
|
|
76
|
-
contentEditable: true,
|
|
77
|
-
styleEditable: false,
|
|
78
|
-
text,
|
|
79
|
-
fontSize: 7,
|
|
80
|
-
fontFamily: "Roboto",
|
|
81
|
-
fontStyle: "normal",
|
|
82
|
-
fontWeight: "normal",
|
|
83
|
-
fill: "grey",
|
|
84
|
-
align: "center",
|
|
85
|
-
verticalAlign: "top",
|
|
86
|
-
lineHeight: 1.2,
|
|
87
|
-
letterSpacing: 0,
|
|
88
|
-
});
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
export const addIdentifierAreaTo4x6PostCard = (store: Store): void => {
|
|
92
|
-
const page = store.pages[1];
|
|
93
|
-
|
|
94
|
-
const elements: Element[] = [
|
|
95
|
-
createTextElement("cont-id-placeholder", "C:", 401, 356, 11),
|
|
96
|
-
createTextElement("contId", "0000001", 408, 356, 30),
|
|
97
|
-
createTextElement("sequence-id-placeholder", "| S:", 436, 356, 12),
|
|
98
|
-
createTextElement("sequence", "0000001", 446, 356, 29),
|
|
99
|
-
createTextElement("template-id-placeholder", "| T:", 473, 356, 14),
|
|
100
|
-
createTextElement("templateId", "0001034", 485, 356, 29),
|
|
101
|
-
createTextElement("order-id-placeholder", "| O:", 514, 356, 11),
|
|
102
|
-
createTextElement("orderId", "0000127", 525, 356, 29),
|
|
103
|
-
];
|
|
104
|
-
|
|
105
|
-
elements.forEach(element => page.addElement(element));
|
|
106
|
-
store.history.clear();
|
|
107
|
-
};
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
export const addIdentifierAreaTo6x9PostCard = (store: Store): void => {
|
|
111
|
-
const page = store.pages[1];
|
|
112
|
-
|
|
113
|
-
const elements: Element[] = [
|
|
114
|
-
createTextElement("cont-id-placeholder", "C:", 680, 539, 11),
|
|
115
|
-
createTextElement("contId", "0000001", 689, 539, 30),
|
|
116
|
-
createTextElement("sequence-id-placeholder", "| S:", 717, 539, 12),
|
|
117
|
-
createTextElement("sequence", "0000001", 727, 539, 29),
|
|
118
|
-
createTextElement("template-id-placeholder", "| T:", 753, 539, 14),
|
|
119
|
-
createTextElement("templateId", "0001034", 764, 539, 29),
|
|
120
|
-
createTextElement("order-id-placeholder", "| O:", 793, 539, 11),
|
|
121
|
-
createTextElement("orderId", "0000127", 804, 539, 29),
|
|
122
|
-
];
|
|
123
|
-
|
|
124
|
-
elements.forEach(element => page.addElement(element));
|
|
125
|
-
store.history.clear();
|
|
126
|
-
};
|
|
127
|
-
|
|
128
|
-
export const addIdentifierAreaTo6x11PostCard = (store: Store): void => {
|
|
129
|
-
const page = store.pages[1];
|
|
130
|
-
|
|
131
|
-
const elements: Element[] = [
|
|
132
|
-
createTextElement("cont-id-placeholder", "C:", 875, 540, 11),
|
|
133
|
-
createTextElement("contId", "0000001", 882, 540, 30),
|
|
134
|
-
createTextElement("sequence-id-placeholder", "| S:", 910, 540, 12),
|
|
135
|
-
createTextElement("sequence", "0000001", 920, 540, 29),
|
|
136
|
-
createTextElement("template-id-placeholder", "| T:", 946, 540, 14),
|
|
137
|
-
createTextElement("templateId", "0001034", 958, 540, 29),
|
|
138
|
-
createTextElement("order-id-placeholder", "| O:", 987, 540, 11),
|
|
139
|
-
createTextElement("orderId", "0000127", 998, 540, 29),
|
|
140
|
-
];
|
|
141
|
-
|
|
142
|
-
elements.forEach(element => page.addElement(element));
|
|
143
|
-
store.history.clear();
|
|
144
|
-
};
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
export const addIdentifierAreaTo12x9PostCard = (store: Store): void => {
|
|
148
|
-
const page = store.pages[1];
|
|
149
|
-
|
|
150
|
-
const elements: Element[] = [
|
|
151
|
-
createTextElement("cont-id-placeholder", "C:", 560, 205, 11),
|
|
152
|
-
createTextElement("contId", "0000001", 570, 205, 30),
|
|
153
|
-
createTextElement("sequence-id-placeholder", "| S:", 597, 205, 12),
|
|
154
|
-
createTextElement("sequence", "0000001", 607, 205, 29),
|
|
155
|
-
createTextElement("template-id-placeholder", "| T:", 634, 205, 14),
|
|
156
|
-
createTextElement("templateId", "0001034", 645, 205, 29),
|
|
157
|
-
createTextElement("order-id-placeholder", "| O:", 674, 205, 11),
|
|
158
|
-
createTextElement("orderId", "0000127", 685, 205, 29),
|
|
159
|
-
];
|
|
160
|
-
|
|
161
|
-
elements.forEach(element => page.addElement(element));
|
|
162
|
-
store.history.clear();
|
|
163
|
-
};
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
// Define the type for the element being added
|
|
2
|
-
interface Element {
|
|
3
|
-
id: string;
|
|
4
|
-
type: string;
|
|
5
|
-
name: string;
|
|
6
|
-
opacity: number;
|
|
7
|
-
visible: boolean;
|
|
8
|
-
selectable: boolean;
|
|
9
|
-
removable: boolean;
|
|
10
|
-
alwaysOnTop: boolean;
|
|
11
|
-
showInExport: boolean;
|
|
12
|
-
x: number;
|
|
13
|
-
y: number;
|
|
14
|
-
width: number;
|
|
15
|
-
height: number;
|
|
16
|
-
rotation: number;
|
|
17
|
-
animations?: any[];
|
|
18
|
-
draggable?: boolean;
|
|
19
|
-
resizable?: boolean;
|
|
20
|
-
contentEditable: boolean;
|
|
21
|
-
styleEditable: boolean;
|
|
22
|
-
text: string;
|
|
23
|
-
fontSize: number;
|
|
24
|
-
fontFamily: string;
|
|
25
|
-
fontStyle: string;
|
|
26
|
-
fontWeight: string;
|
|
27
|
-
fill: string;
|
|
28
|
-
align: string;
|
|
29
|
-
verticalAlign: string;
|
|
30
|
-
lineHeight: number;
|
|
31
|
-
letterSpacing: number;
|
|
32
|
-
backgroundEnabled?: boolean;
|
|
33
|
-
backgroundColor?: string;
|
|
34
|
-
backgroundOpacity?: number;
|
|
35
|
-
backgroundCornerRadius?: number;
|
|
36
|
-
backgroundPadding?: number;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
// Define the type for the page
|
|
40
|
-
interface Page {
|
|
41
|
-
addElement: (element: Element) => void;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
// Define the type for the store
|
|
45
|
-
interface Store {
|
|
46
|
-
pages: Page[];
|
|
47
|
-
history: {
|
|
48
|
-
clear: () => void;
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
// Reusable function to create text elements
|
|
53
|
-
const createTextElement = (
|
|
54
|
-
id: string,
|
|
55
|
-
text: string,
|
|
56
|
-
x: number,
|
|
57
|
-
y: number,
|
|
58
|
-
width: number
|
|
59
|
-
): Element => ({
|
|
60
|
-
id,
|
|
61
|
-
type: "text",
|
|
62
|
-
name: "",
|
|
63
|
-
opacity: 1,
|
|
64
|
-
visible: true,
|
|
65
|
-
selectable: false,
|
|
66
|
-
removable: false,
|
|
67
|
-
alwaysOnTop: true,
|
|
68
|
-
showInExport: true,
|
|
69
|
-
x,
|
|
70
|
-
y,
|
|
71
|
-
width,
|
|
72
|
-
height: 11,
|
|
73
|
-
rotation: 0,
|
|
74
|
-
draggable: false,
|
|
75
|
-
resizable: true,
|
|
76
|
-
contentEditable: true,
|
|
77
|
-
styleEditable: false,
|
|
78
|
-
text,
|
|
79
|
-
fontSize: 7,
|
|
80
|
-
fontFamily: "Roboto",
|
|
81
|
-
fontStyle: "normal",
|
|
82
|
-
fontWeight: "normal",
|
|
83
|
-
fill: "grey",
|
|
84
|
-
align: "center",
|
|
85
|
-
verticalAlign: "top",
|
|
86
|
-
lineHeight: 1.2,
|
|
87
|
-
letterSpacing: 0,
|
|
88
|
-
});
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
export const addIdentifierAreaToProfessionalWindow = (store: Store): void => {
|
|
92
|
-
const page = store.pages[0];
|
|
93
|
-
|
|
94
|
-
const elements: Element[] = [
|
|
95
|
-
createTextElement("cont-id-placeholder", "C:", 283.5, 250, 11),
|
|
96
|
-
createTextElement("contId", "0000001", 291.5, 250, 30),
|
|
97
|
-
createTextElement("sequence-id-placeholder", "| S:", 321.5, 250, 12),
|
|
98
|
-
createTextElement("sequence", "0000001", 333.5, 250, 29),
|
|
99
|
-
createTextElement("template-id-placeholder", "| T:", 360.7, 250, 14),
|
|
100
|
-
createTextElement("templateId", "0001034", 372.6, 250, 29),
|
|
101
|
-
createTextElement("order-id-placeholder", "| O:", 401.6, 250, 11),
|
|
102
|
-
createTextElement("orderId", "0000127", 412.6, 250, 29),
|
|
103
|
-
];
|
|
104
|
-
|
|
105
|
-
elements.forEach(element => page.addElement(element));
|
|
106
|
-
store.history.clear();
|
|
107
|
-
};
|
|
108
|
-
|
|
109
|
-
export const addIdentifierAreaToProfessionalNonWindow = (store: Store, pageIndex: number = 0): void => {
|
|
110
|
-
const page = store.pages[pageIndex];
|
|
111
|
-
|
|
112
|
-
const elements: Element[] = [
|
|
113
|
-
createTextElement("cont-id-placeholder", "C:", 22, 1033, 11),
|
|
114
|
-
createTextElement("contId", "0000001", 30, 1033, 30),
|
|
115
|
-
createTextElement("sequence-id-placeholder", "| S:", 58, 1033, 12),
|
|
116
|
-
createTextElement("sequence", "0000001", 68, 1033, 29),
|
|
117
|
-
createTextElement("template-id-placeholder", "| T:", 95, 1033, 14),
|
|
118
|
-
createTextElement("templateId", "0001034", 107, 1033, 29),
|
|
119
|
-
createTextElement("order-id-placeholder", "| O:", 136, 1033, 11),
|
|
120
|
-
createTextElement("orderId", "0000127", 147, 1033, 29),
|
|
121
|
-
];
|
|
122
|
-
|
|
123
|
-
elements.forEach(element => page.addElement(element));
|
|
124
|
-
store.history.clear();
|
|
125
|
-
};
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
// Define the type for the element being added
|
|
2
|
-
interface Element {
|
|
3
|
-
id: string;
|
|
4
|
-
type: string;
|
|
5
|
-
name: string;
|
|
6
|
-
opacity: number;
|
|
7
|
-
visible: boolean;
|
|
8
|
-
selectable: boolean;
|
|
9
|
-
removable: boolean;
|
|
10
|
-
alwaysOnTop: boolean;
|
|
11
|
-
showInExport: boolean;
|
|
12
|
-
x: number;
|
|
13
|
-
y: number;
|
|
14
|
-
width: number;
|
|
15
|
-
height: number;
|
|
16
|
-
rotation: number;
|
|
17
|
-
animations?: any[];
|
|
18
|
-
draggable?: boolean;
|
|
19
|
-
resizable?: boolean;
|
|
20
|
-
contentEditable: boolean;
|
|
21
|
-
styleEditable: boolean;
|
|
22
|
-
text: string;
|
|
23
|
-
fontSize: number;
|
|
24
|
-
fontFamily: string;
|
|
25
|
-
fontStyle: string;
|
|
26
|
-
fontWeight: string;
|
|
27
|
-
fill: string;
|
|
28
|
-
align: string;
|
|
29
|
-
verticalAlign: string;
|
|
30
|
-
lineHeight: number;
|
|
31
|
-
letterSpacing: number;
|
|
32
|
-
backgroundEnabled?: boolean;
|
|
33
|
-
backgroundColor?: string;
|
|
34
|
-
backgroundOpacity?: number;
|
|
35
|
-
backgroundCornerRadius?: number;
|
|
36
|
-
backgroundPadding?: number;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
// Define the type for the page
|
|
40
|
-
interface Page {
|
|
41
|
-
addElement: (element: Element) => void;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
// Define the type for the store
|
|
45
|
-
interface Store {
|
|
46
|
-
pages: Page[];
|
|
47
|
-
history: {
|
|
48
|
-
clear: () => void;
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
// Reusable function to create text elements
|
|
53
|
-
const createTextElement = (
|
|
54
|
-
id: string,
|
|
55
|
-
text: string,
|
|
56
|
-
x: number,
|
|
57
|
-
y: number,
|
|
58
|
-
width: number
|
|
59
|
-
): Element => ({
|
|
60
|
-
id,
|
|
61
|
-
type: "text",
|
|
62
|
-
name: "",
|
|
63
|
-
opacity: 1,
|
|
64
|
-
visible: true,
|
|
65
|
-
selectable: false,
|
|
66
|
-
removable: false,
|
|
67
|
-
alwaysOnTop: true,
|
|
68
|
-
showInExport: true,
|
|
69
|
-
x,
|
|
70
|
-
y,
|
|
71
|
-
width,
|
|
72
|
-
height: 11,
|
|
73
|
-
rotation: 0,
|
|
74
|
-
draggable: false,
|
|
75
|
-
resizable: true,
|
|
76
|
-
contentEditable: true,
|
|
77
|
-
styleEditable: false,
|
|
78
|
-
text,
|
|
79
|
-
fontSize: 7,
|
|
80
|
-
fontFamily: "Roboto",
|
|
81
|
-
fontStyle: "normal",
|
|
82
|
-
fontWeight: "normal",
|
|
83
|
-
fill: "grey",
|
|
84
|
-
align: "center",
|
|
85
|
-
verticalAlign: "top",
|
|
86
|
-
lineHeight: 1.2,
|
|
87
|
-
letterSpacing: 0,
|
|
88
|
-
});
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
export const addIdentifierAreaToSnapPackMailer = (store: Store): void => {
|
|
92
|
-
const pages = [store.pages[0], store.pages[1]];
|
|
93
|
-
|
|
94
|
-
const elements: Element[] = [
|
|
95
|
-
createTextElement("cont-id-placeholder", "C:", 24, 1034, 11),
|
|
96
|
-
createTextElement("contId", "0000001", 32.3, 1034, 30),
|
|
97
|
-
createTextElement("sequence-id-placeholder", "| S:", 60.16, 1034, 12),
|
|
98
|
-
createTextElement("sequence", "0000001", 72.16, 1034, 29),
|
|
99
|
-
createTextElement("template-id-placeholder", "| T:", 98.16, 1034, 14),
|
|
100
|
-
createTextElement("templateId", "0001034", 109.5, 1034, 29),
|
|
101
|
-
createTextElement("order-id-placeholder", "| O:", 138.5, 1034, 11),
|
|
102
|
-
createTextElement("orderId", "0000127", 149.5, 1034, 29),
|
|
103
|
-
];
|
|
104
|
-
|
|
105
|
-
elements.forEach(element => pages.forEach((page)=> page.addElement(element)));
|
|
106
|
-
store.history.clear();
|
|
107
|
-
};
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
// Define the type for the element being added
|
|
2
|
-
interface Element {
|
|
3
|
-
id: string;
|
|
4
|
-
type: string;
|
|
5
|
-
name: string;
|
|
6
|
-
opacity: number;
|
|
7
|
-
visible: boolean;
|
|
8
|
-
selectable: boolean;
|
|
9
|
-
removable: boolean;
|
|
10
|
-
alwaysOnTop: boolean;
|
|
11
|
-
showInExport: boolean;
|
|
12
|
-
x: number;
|
|
13
|
-
y: number;
|
|
14
|
-
width: number;
|
|
15
|
-
height: number;
|
|
16
|
-
rotation: number;
|
|
17
|
-
animations?: any[];
|
|
18
|
-
draggable?: boolean;
|
|
19
|
-
resizable?: boolean;
|
|
20
|
-
contentEditable: boolean;
|
|
21
|
-
styleEditable: boolean;
|
|
22
|
-
text: string;
|
|
23
|
-
fontSize: number;
|
|
24
|
-
fontFamily: string;
|
|
25
|
-
fontStyle: string;
|
|
26
|
-
fontWeight: string;
|
|
27
|
-
fill: string;
|
|
28
|
-
align: string;
|
|
29
|
-
verticalAlign: string;
|
|
30
|
-
lineHeight: number;
|
|
31
|
-
letterSpacing: number;
|
|
32
|
-
backgroundEnabled?: boolean;
|
|
33
|
-
backgroundColor?: string;
|
|
34
|
-
backgroundOpacity?: number;
|
|
35
|
-
backgroundCornerRadius?: number;
|
|
36
|
-
backgroundPadding?: number;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
// Define the type for the page
|
|
40
|
-
interface Page {
|
|
41
|
-
addElement: (element: Element) => void;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
// Define the type for the store
|
|
45
|
-
interface Store {
|
|
46
|
-
pages: Page[];
|
|
47
|
-
history: {
|
|
48
|
-
clear: () => void;
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
// Reusable function to create text elements
|
|
53
|
-
const createTextElement = (
|
|
54
|
-
id: string,
|
|
55
|
-
text: string,
|
|
56
|
-
x: number,
|
|
57
|
-
y: number,
|
|
58
|
-
width: number
|
|
59
|
-
): Element => ({
|
|
60
|
-
id,
|
|
61
|
-
type: "text",
|
|
62
|
-
name: "",
|
|
63
|
-
opacity: 1,
|
|
64
|
-
visible: true,
|
|
65
|
-
selectable: false,
|
|
66
|
-
removable: false,
|
|
67
|
-
alwaysOnTop: true,
|
|
68
|
-
showInExport: true,
|
|
69
|
-
x,
|
|
70
|
-
y,
|
|
71
|
-
width,
|
|
72
|
-
height: 11,
|
|
73
|
-
rotation: 0,
|
|
74
|
-
draggable: true,
|
|
75
|
-
resizable: true,
|
|
76
|
-
contentEditable: true,
|
|
77
|
-
styleEditable: false,
|
|
78
|
-
text,
|
|
79
|
-
fontSize: 7,
|
|
80
|
-
fontFamily: "Roboto",
|
|
81
|
-
fontStyle: "normal",
|
|
82
|
-
fontWeight: "normal",
|
|
83
|
-
fill: "grey",
|
|
84
|
-
align: "center",
|
|
85
|
-
verticalAlign: "top",
|
|
86
|
-
lineHeight: 1.2,
|
|
87
|
-
letterSpacing: 0,
|
|
88
|
-
});
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
export const addIdentifierAreaToTriFold = (store: Store): void => {
|
|
92
|
-
const page = store.pages[0];
|
|
93
|
-
|
|
94
|
-
const elements: Element[] = [
|
|
95
|
-
createTextElement("cont-id-placeholder", "C:", 679, 739, 11),
|
|
96
|
-
createTextElement("contId", "0000001", 687, 739, 30),
|
|
97
|
-
createTextElement("sequence-id-placeholder", "| S:", 715, 739, 12),
|
|
98
|
-
createTextElement("sequence", "0000001", 724, 739, 29),
|
|
99
|
-
createTextElement("template-id-placeholder", "| T:", 750, 739, 14),
|
|
100
|
-
createTextElement("templateId", "0001034", 762.6, 739, 29),
|
|
101
|
-
createTextElement("order-id-placeholder", "| O:", 791.6, 739, 11),
|
|
102
|
-
createTextElement("orderId", "0000127", 802.6, 739, 29),
|
|
103
|
-
];
|
|
104
|
-
|
|
105
|
-
elements.forEach(element => page.addElement(element));
|
|
106
|
-
store.history.clear();
|
|
107
|
-
};
|