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

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.
Files changed (230) hide show
  1. package/.eslintignore +1 -0
  2. package/.eslintrc.cjs +18 -0
  3. package/.eslintrc.yml +47 -0
  4. package/.github/workflows/publish-beta.yml +154 -0
  5. package/.github/workflows/publish-production.yml +143 -0
  6. package/.prettierignore +3 -0
  7. package/.prettierrc.yml +5 -0
  8. package/CHANGELOG.md +4 -0
  9. package/babel.config.json +10 -0
  10. package/build/index.js +82 -82
  11. package/build/index.js.map +1 -1
  12. package/build/types/version.d.ts +1 -1
  13. package/examples/.eslintrc.yml +4 -0
  14. package/index.html +18 -0
  15. package/package.json +1 -1
  16. package/public/vite.svg +1 -0
  17. package/src/App.tsx +209 -0
  18. package/src/assets/Fonts/Lexi-Regular.ttf +0 -0
  19. package/src/assets/images/create-template/prebuilt.svg +13 -0
  20. package/src/assets/images/create-template/scratch.svg +4 -0
  21. package/src/assets/images/input/cancel.tsx +20 -0
  22. package/src/assets/images/input/search.tsx +20 -0
  23. package/src/assets/images/input/select-cancel.tsx +17 -0
  24. package/src/assets/images/modal-icons/add.tsx +36 -0
  25. package/src/assets/images/modal-icons/cancel-file.tsx +12 -0
  26. package/src/assets/images/modal-icons/cancel-input.tsx +13 -0
  27. package/src/assets/images/modal-icons/cancel.tsx +35 -0
  28. package/src/assets/images/modal-icons/close-new.svg +3 -0
  29. package/src/assets/images/modal-icons/confirm-close-icon.tsx +14 -0
  30. package/src/assets/images/modal-icons/confirm-new.tsx +22 -0
  31. package/src/assets/images/modal-icons/confirm.svg +12 -0
  32. package/src/assets/images/modal-icons/cross.tsx +23 -0
  33. package/src/assets/images/modal-icons/del.tsx +19 -0
  34. package/src/assets/images/modal-icons/design-icon.tsx +22 -0
  35. package/src/assets/images/modal-icons/doc.tsx +43 -0
  36. package/src/assets/images/modal-icons/docx.tsx +43 -0
  37. package/src/assets/images/modal-icons/envelope-icon.tsx +26 -0
  38. package/src/assets/images/modal-icons/info.tsx +19 -0
  39. package/src/assets/images/modal-icons/jpeg.tsx +43 -0
  40. package/src/assets/images/modal-icons/jpg.tsx +43 -0
  41. package/src/assets/images/modal-icons/modal-cros.svg +4 -0
  42. package/src/assets/images/modal-icons/modal-cross.tsx +37 -0
  43. package/src/assets/images/modal-icons/new-cancel.tsx +11 -0
  44. package/src/assets/images/modal-icons/order-download.tsx +42 -0
  45. package/src/assets/images/modal-icons/pdf.tsx +51 -0
  46. package/src/assets/images/modal-icons/png.tsx +43 -0
  47. package/src/assets/images/modal-icons/save.tsx +23 -0
  48. package/src/assets/images/modal-icons/template-copy.tsx +25 -0
  49. package/src/assets/images/modal-icons/tool-cancel.tsx +25 -0
  50. package/src/assets/images/products/bi-new.svg +23 -0
  51. package/src/assets/images/products/left-arrow.svg +17 -0
  52. package/src/assets/images/products/personal-new.tsx +31 -0
  53. package/src/assets/images/products/postcard-new.tsx +27 -0
  54. package/src/assets/images/products/professional-new.tsx +24 -0
  55. package/src/assets/images/products/real-new.tsx +30 -0
  56. package/src/assets/images/products/right-arrow.svg +17 -0
  57. package/src/assets/images/products/snap-new.svg +31 -0
  58. package/src/assets/images/templates/actions.svg +3 -0
  59. package/src/assets/images/templates/address-block-icon.tsx +62 -0
  60. package/src/assets/images/templates/archive.svg +3 -0
  61. package/src/assets/images/templates/arrow-down.tsx +27 -0
  62. package/src/assets/images/templates/back-arrow.tsx +19 -0
  63. package/src/assets/images/templates/bi-fold-self-mailers.tsx +28 -0
  64. package/src/assets/images/templates/check.svg +3 -0
  65. package/src/assets/images/templates/code.svg +10 -0
  66. package/src/assets/images/templates/content-copy-icon.tsx +24 -0
  67. package/src/assets/images/templates/custom-add-on-icon.tsx +18 -0
  68. package/src/assets/images/templates/custom-qr-section-icon.tsx +9 -0
  69. package/src/assets/images/templates/custom-template.tsx +23 -0
  70. package/src/assets/images/templates/designer.tsx +43 -0
  71. package/src/assets/images/templates/dot.tsx +22 -0
  72. package/src/assets/images/templates/download-v2.svg +4 -0
  73. package/src/assets/images/templates/download.svg +4 -0
  74. package/src/assets/images/templates/dummy-template.tsx +76 -0
  75. package/src/assets/images/templates/dynamic-field.tsx +119 -0
  76. package/src/assets/images/templates/edit-pencil-icon.tsx +21 -0
  77. package/src/assets/images/templates/edit.svg +3 -0
  78. package/src/assets/images/templates/epo-icon.tsx +16 -0
  79. package/src/assets/images/templates/field.tsx +29 -0
  80. package/src/assets/images/templates/gsv-icon.tsx +31 -0
  81. package/src/assets/images/templates/info-icon.tsx +37 -0
  82. package/src/assets/images/templates/left-arrow.svg +17 -0
  83. package/src/assets/images/templates/pencil.svg +3 -0
  84. package/src/assets/images/templates/personal-letter.tsx +53 -0
  85. package/src/assets/images/templates/postcard.tsx +32 -0
  86. package/src/assets/images/templates/professional-letter.tsx +53 -0
  87. package/src/assets/images/templates/qr-code.tsx +13 -0
  88. package/src/assets/images/templates/real-penned-letters.tsx +57 -0
  89. package/src/assets/images/templates/right-arrow.svg +17 -0
  90. package/src/assets/images/templates/size-image-lg.tsx +20 -0
  91. package/src/assets/images/templates/size-image-mid.tsx +20 -0
  92. package/src/assets/images/templates/size-image-xl.tsx +20 -0
  93. package/src/assets/images/templates/size-image.tsx +20 -0
  94. package/src/assets/images/templates/snap-pack.tsx +67 -0
  95. package/src/assets/images/templates/template-default-design.tsx +21 -0
  96. package/src/assets/images/templates/trash-upload.svg +3 -0
  97. package/src/assets/images/templates/trash.svg +3 -0
  98. package/src/assets/images/templates/tri-fold-self-mailers.tsx +93 -0
  99. package/src/assets/images/templates/upload-image.svg +10 -0
  100. package/src/assets/images/templates/x.svg +3 -0
  101. package/src/assets/images/thumbnails/one.svg +9 -0
  102. package/src/assets/images/tooltip/tool-arrow.tsx +25 -0
  103. package/src/components/CreateTemplate/V2/index.tsx +525 -0
  104. package/src/components/CreateTemplate/V2/styles.scss +372 -0
  105. package/src/components/CreateTemplate/index.tsx +508 -0
  106. package/src/components/CreateTemplate/styles.scss +404 -0
  107. package/src/components/GenericUIBlocks/Button/index.tsx +54 -0
  108. package/src/components/GenericUIBlocks/Button/styles.scss +43 -0
  109. package/src/components/GenericUIBlocks/CircularProgress/index.tsx +18 -0
  110. package/src/components/GenericUIBlocks/CircularProgress/styles.scss +93 -0
  111. package/src/components/GenericUIBlocks/CustomTooltip/index.tsx +88 -0
  112. package/src/components/GenericUIBlocks/CustomTooltip/styles.scss +19 -0
  113. package/src/components/GenericUIBlocks/Dialog/V2/index.tsx +227 -0
  114. package/src/components/GenericUIBlocks/Dialog/V2/styles.scss +289 -0
  115. package/src/components/GenericUIBlocks/Dialog/index.tsx +185 -0
  116. package/src/components/GenericUIBlocks/Dialog/styles.scss +227 -0
  117. package/src/components/GenericUIBlocks/Divider/index.tsx +12 -0
  118. package/src/components/GenericUIBlocks/Divider/styles.scss +7 -0
  119. package/src/components/GenericUIBlocks/GeneralSelect/index.tsx +114 -0
  120. package/src/components/GenericUIBlocks/GeneralSelect/styles.scss +406 -0
  121. package/src/components/GenericUIBlocks/GeneralTooltip/index.tsx +25 -0
  122. package/src/components/GenericUIBlocks/GeneralTooltip/styles.scss +20 -0
  123. package/src/components/GenericUIBlocks/GenericSnackbar/Toast/index.tsx +91 -0
  124. package/src/components/GenericUIBlocks/GenericSnackbar/Toast/styles.scss +92 -0
  125. package/src/components/GenericUIBlocks/Grid/index.tsx +82 -0
  126. package/src/components/GenericUIBlocks/Input/index.tsx +269 -0
  127. package/src/components/GenericUIBlocks/Input/styles.scss +332 -0
  128. package/src/components/GenericUIBlocks/Tabs/index.tsx +71 -0
  129. package/src/components/GenericUIBlocks/Tabs/styles.scss +42 -0
  130. package/src/components/GenericUIBlocks/Typography/index.tsx +18 -0
  131. package/src/components/GenericUIBlocks/Typography/styles.scss +27 -0
  132. package/src/components/SidePanel/CustomAddOns/index.tsx +342 -0
  133. package/src/components/SidePanel/CustomAddOns/styles.scss +86 -0
  134. package/src/components/SidePanel/CustomBlockColors/index.tsx +211 -0
  135. package/src/components/SidePanel/CustomBlockColors/styles.scss +80 -0
  136. package/src/components/SidePanel/CustomFields/customFieldSection.tsx +547 -0
  137. package/src/components/SidePanel/CustomFields/styles.scss +64 -0
  138. package/src/components/SidePanel/CustomQRCode/V2/QRCodeModal/index.tsx +172 -0
  139. package/src/components/SidePanel/CustomQRCode/V2/QRCodeModal/styles.scss +46 -0
  140. package/src/components/SidePanel/CustomQRCode/index.tsx +1070 -0
  141. package/src/components/SidePanel/CustomQRCode/styles.scss +149 -0
  142. package/src/components/SidePanel/CustomUploads/V2/index.tsx +542 -0
  143. package/src/components/SidePanel/CustomUploads/V2/styles.scss +267 -0
  144. package/src/components/SidePanel/CustomUploads/index.tsx +301 -0
  145. package/src/components/SidePanel/Templates/ModalGallery/HireDesigner/index.tsx +424 -0
  146. package/src/components/SidePanel/Templates/ModalGallery/HireDesigner/styles.scss +180 -0
  147. package/src/components/SidePanel/Templates/ModalGallery/V2/index.tsx +235 -0
  148. package/src/components/SidePanel/Templates/ModalGallery/V2/styles.scss +244 -0
  149. package/src/components/SidePanel/Templates/ModalGallery/index.tsx +231 -0
  150. package/src/components/SidePanel/Templates/SideBarGallery/index.tsx +233 -0
  151. package/src/components/SidePanel/Templates/SideBarGallery/styles.scss +152 -0
  152. package/src/components/SidePanel/Templates/TemplatesCard/V2/index.tsx +149 -0
  153. package/src/components/SidePanel/Templates/TemplatesCard/V2/styles.scss +156 -0
  154. package/src/components/SidePanel/Templates/TemplatesCard/index.tsx +160 -0
  155. package/src/components/SidePanel/Templates/TemplatesCard/styles.scss +98 -0
  156. package/src/components/SidePanel/Templates/customTemplateSection.tsx +793 -0
  157. package/src/components/SidePanel/Templates/styles.scss +244 -0
  158. package/src/components/SidePanel/index.tsx +160 -0
  159. package/src/components/TemplateBuilder/index.tsx +585 -0
  160. package/src/components/TemplateBuilder/styles.scss +100 -0
  161. package/src/components/TemplateTypes/index.tsx +96 -0
  162. package/src/components/TemplateTypes/styles.scss +91 -0
  163. package/src/components/TopNavigation/ConfirmNavigateDialog/index.tsx +81 -0
  164. package/src/components/TopNavigation/ConfirmNavigateDialog/styles.scss +123 -0
  165. package/src/components/TopNavigation/DuplicateTemplateModal.tsx +103 -0
  166. package/src/components/TopNavigation/EditTemplateNameModel/index.tsx +71 -0
  167. package/src/components/TopNavigation/EditTemplateNameModel/styles.scss +88 -0
  168. package/src/components/TopNavigation/SaveTemplateModel/index.tsx +201 -0
  169. package/src/components/TopNavigation/SaveTemplateModel/styles.scss +128 -0
  170. package/src/components/TopNavigation/index.tsx +938 -0
  171. package/src/components/TopNavigation/styles.scss +303 -0
  172. package/src/importMeta.d.ts +31 -0
  173. package/src/index.scss +131 -0
  174. package/src/index.tsx +238 -0
  175. package/src/libs/test.ts +7 -0
  176. package/src/redux/actions/action-types.ts +52 -0
  177. package/src/redux/actions/customQRCodeActions.ts +54 -0
  178. package/src/redux/actions/snackbarActions.ts +16 -0
  179. package/src/redux/actions/templateActions.ts +236 -0
  180. package/src/redux/reducers/customFieldReducer.ts +99 -0
  181. package/src/redux/reducers/customQRCodeReducer.ts +58 -0
  182. package/src/redux/reducers/index.ts +15 -0
  183. package/src/redux/reducers/snackbarReducer.ts +40 -0
  184. package/src/redux/reducers/templateReducer.ts +485 -0
  185. package/src/redux/store.ts +18 -0
  186. package/src/styles/colors.scss +61 -0
  187. package/src/test/mocks.js +89 -0
  188. package/src/test/setupJest.js +1 -0
  189. package/src/utils/api.ts +36 -0
  190. package/src/utils/constants.ts +182 -0
  191. package/src/utils/customStyles.ts +45 -0
  192. package/src/utils/fetchWrapper.ts +73 -0
  193. package/src/utils/fonts.json +1597 -0
  194. package/src/utils/helper.ts +205 -0
  195. package/src/utils/local-storage.ts +15 -0
  196. package/src/utils/message.ts +162 -0
  197. package/src/utils/products.ts +186 -0
  198. package/src/utils/template-builder.ts +328 -0
  199. package/src/utils/templateIdentifierArea/biFold.ts +107 -0
  200. package/src/utils/templateIdentifierArea/index.ts +35 -0
  201. package/src/utils/templateIdentifierArea/personal.ts +107 -0
  202. package/src/utils/templateIdentifierArea/postCards.ts +163 -0
  203. package/src/utils/templateIdentifierArea/professional.ts +125 -0
  204. package/src/utils/templateIdentifierArea/snapPack.ts +107 -0
  205. package/src/utils/templateIdentifierArea/triFold.ts +107 -0
  206. package/src/utils/templateRestrictedArea/biFold.ts +329 -0
  207. package/src/utils/templateRestrictedArea/nonWindowProfessional.ts +90 -0
  208. package/src/utils/templateRestrictedArea/personal.ts +90 -0
  209. package/src/utils/templateRestrictedArea/postCard.ts +334 -0
  210. package/src/utils/templateRestrictedArea/postCardJumbo.tsx +408 -0
  211. package/src/utils/templateRestrictedArea/professional.ts +318 -0
  212. package/src/utils/templateRestrictedArea/realPenned.ts +233 -0
  213. package/src/utils/templateRestrictedArea/snapPack.ts +1009 -0
  214. package/src/utils/templateRestrictedArea/triFold.ts +330 -0
  215. package/src/utils/templateSafetyBorders/biFold.ts +91 -0
  216. package/src/utils/templateSafetyBorders/index.ts +43 -0
  217. package/src/utils/templateSafetyBorders/personal.ts +41 -0
  218. package/src/utils/templateSafetyBorders/postCards.ts +259 -0
  219. package/src/utils/templateSafetyBorders/professional.ts +78 -0
  220. package/src/utils/templateSafetyBorders/snapPack.ts +165 -0
  221. package/src/utils/templateSafetyBorders/triFold.ts +114 -0
  222. package/src/utils/templateSafetyBorders/types.d.ts +68 -0
  223. package/src/utils/types.ts +12 -0
  224. package/src/v2Theme.scss +142 -0
  225. package/tsconfig.json +29 -0
  226. package/tsconfig.node.json +12 -0
  227. package/update-version.js +23 -0
  228. package/version.js +1 -0
  229. package/vite.config.ts +8 -0
  230. package/webpack.config.js +80 -0
package/build/types/version.d.ts CHANGED
@@ -1 +1 @@
1
- export const SDK_VERSION: "2.1.4";
1
+ export const SDK_VERSION: "2.1.5-beta.2";
package/examples/.eslintrc.yml ADDED
@@ -0,0 +1,4 @@
1
+ ---
2
+ extends: '../.eslintrc.yml'
3
+ rules:
4
+ import/no-extraneous-dependencies: 0
package/index.html ADDED
@@ -0,0 +1,18 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+ <link
7
+ href="https://unpkg.com/@blueprintjs/core@5/lib/css/blueprint.css"
8
+ rel="stylesheet"
9
+ />
10
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
11
+ <title>Template Builder SDK</title>
12
+ </head>
13
+ <body>
14
+ <div id="root"></div>
15
+ <script type="module" src="/src/index.tsx"></script>
16
+
17
+ </body>
18
+ </html>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@openlettermarketing/olc-react-sdk",
3
3
  "private": false,
4
- "version": "2.1.4",
4
+ "version": "2.1.5-beta.2",
5
5
  "type": "module",
6
6
  "description": "Simplify template builder integration for any product.",
7
7
  "main": "build/index.js",
package/public/vite.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/src/App.tsx ADDED
@@ -0,0 +1,209 @@
1
+ import React, { useState, useEffect } from 'react';
2
+
3
+ // Libraries/Packages
4
+ import { Routes, Route } from 'react-router-dom';
5
+ import { createStore, StoreType } from 'polotno/model/store';
6
+
7
+ // components
8
+ import TemplateTypes from './components/TemplateTypes';
9
+ import CreateTemplate from './components/CreateTemplate';
10
+ import CreateTemplateV2 from './components/CreateTemplate/V2';
11
+ import TemplateBuilder from './components/TemplateBuilder';
12
+ import { createGlobalStyle } from 'styled-components';
13
+ import GenericSnackbar from './components/GenericUIBlocks/GenericSnackbar/Toast';
14
+
15
+ // Initialize Plotno Store
16
+ const initializeStore = (secretKey: string) => {
17
+ return createStore({
18
+ key: secretKey,
19
+ // you can hide back-link on a paid license
20
+ // but it will be good if you can keep it for Polotno project support
21
+ showCredit: false,
22
+ });
23
+ };
24
+
25
+ interface AppProps {
26
+ secretKey: string;
27
+ platformName?: string | null;
28
+ templateGalleryModal?: boolean;
29
+ createTemplateRoute?: string | null;
30
+ templateBuilderRoute?: string | null;
31
+ olcTemplate?: Record<string, any>;
32
+ designerTemplateQuery?: Record<string, any> | null;
33
+ allowSenderFields?: boolean;
34
+ excludedFields?: string[] | null;
35
+ designerQueryAmount?: string | number;
36
+ allowPropertyFields?: boolean;
37
+ allowedAddOns?: any;
38
+ allowedTemplateSections?: any;
39
+ allowAdditionalPage?: boolean;
40
+ restrictedProducts?: any;
41
+ disallowedProducts?: string[] | null | undefined;
42
+ propertyOfferCost?: number;
43
+ customPropertyOfferCost?: number;
44
+ gsvCost?: number;
45
+ showTemplateTypesPage?: boolean;
46
+ currentTheme?: string | null | undefined;
47
+ styles?: any;
48
+ onReturnAndNavigate?: () => void;
49
+ onCreateCustomTemplateQuery?: (payload: any) => Promise<any>;
50
+ onGetOneTemplate?: (payload: any) => Promise<any>;
51
+ onGetTemplates?: (payload: any) => Promise<any>;
52
+ onGetCustomFields?: () => Promise<any>;
53
+ onDuplicateTemplate?: (payload: any) => Promise<any>;
54
+ onGetBrandingImages?: (payload: any) => Promise<any>;
55
+ onDeleteBrandingImage?: (id: string | number) => Promise<void>;
56
+ onUploadBrandingImage?: (payload: any) => Promise<any>;
57
+ onGetQRCodes?: (payload: any) => Promise<any>;
58
+ onDeleteQRCodes?: (id: string | number) => Promise<void>;
59
+ onUploadQRCode?: (payload: any) => Promise<any>;
60
+ onEditQRCode?: (payload: any) => Promise<any>;
61
+ onSubmit?: (payload: any) => Promise<any>;
62
+ }
63
+
64
+ const App: React.FC<AppProps> = ({
65
+ secretKey,
66
+ platformName,
67
+ templateGalleryModal,
68
+ createTemplateRoute,
69
+ templateBuilderRoute,
70
+ olcTemplate,
71
+ designerTemplateQuery,
72
+ allowSenderFields,
73
+ excludedFields,
74
+ designerQueryAmount,
75
+ allowPropertyFields,
76
+ allowedAddOns,
77
+ allowedTemplateSections,
78
+ allowAdditionalPage,
79
+ restrictedProducts,
80
+ disallowedProducts,
81
+ propertyOfferCost,
82
+ customPropertyOfferCost,
83
+ showTemplateTypesPage,
84
+ gsvCost,
85
+ currentTheme,
86
+ styles,
87
+ onReturnAndNavigate,
88
+ onCreateCustomTemplateQuery,
89
+ onGetOneTemplate,
90
+ onGetCustomFields,
91
+ onDuplicateTemplate,
92
+ onGetTemplates,
93
+ onGetBrandingImages,
94
+ onDeleteBrandingImage,
95
+ onUploadBrandingImage,
96
+ onGetQRCodes,
97
+ onDeleteQRCodes,
98
+ onUploadQRCode,
99
+ onEditQRCode,
100
+ onSubmit,
101
+ }) => {
102
+ const [store, setStore] = useState<StoreType>(initializeStore(secretKey));
103
+ const [selectedTemplateType, setSelectedTemplateType] = useState<string | null>(null);
104
+ const [templateTypeSelected, setTemplateTypeSelected] = useState(false);
105
+
106
+ const currentPath = window?.location?.pathname;
107
+
108
+ useEffect(() => {
109
+ if (
110
+ currentPath === createTemplateRoute ||
111
+ currentPath === '/create-template' || designerTemplateQuery
112
+ ) {
113
+ const newStore = initializeStore(secretKey);
114
+ setStore(newStore);
115
+ }
116
+ }, [currentPath]);
117
+
118
+ const GlobalStyle =
119
+ styles && Object.keys(styles).length
120
+ ? createGlobalStyle`
121
+ :root {
122
+ ${styles
123
+ ? Object.entries(styles.root)
124
+ .map(([key, value]) => `${key}: ${value} !important;`)
125
+ .join(' ')
126
+ : ''
127
+ }
128
+ }
129
+ `
130
+ : createGlobalStyle`<></>`;
131
+
132
+ return (
133
+ <div className="builder-wrapper">
134
+ <GenericSnackbar />
135
+ <GlobalStyle />
136
+ <Routes>
137
+ <Route
138
+ path={createTemplateRoute || '/create-template'}
139
+ element={showTemplateTypesPage && !templateTypeSelected ?
140
+ <TemplateTypes
141
+ createTemplateRoute={createTemplateRoute}
142
+ onReturnAndNavigate={onReturnAndNavigate}
143
+ selectedTemplateType={selectedTemplateType}
144
+ setSelectedTemplateType={setSelectedTemplateType}
145
+ setTemplateTypeSelected={setTemplateTypeSelected}
146
+ /> : currentTheme === 'v2' ?
147
+ <CreateTemplateV2
148
+ createTemplateRoute={createTemplateRoute}
149
+ templateBuilderRoute={templateBuilderRoute}
150
+ restrictedProducts={restrictedProducts}
151
+ onReturnAndNavigate={onReturnAndNavigate}
152
+ disallowedProducts={disallowedProducts}
153
+ currentTheme={currentTheme}
154
+ /> :
155
+ <CreateTemplate
156
+ createTemplateRoute={createTemplateRoute}
157
+ templateBuilderRoute={templateBuilderRoute}
158
+ restrictedProducts={restrictedProducts}
159
+ onReturnAndNavigate={onReturnAndNavigate}
160
+ disallowedProducts={disallowedProducts}
161
+ currentTheme={currentTheme}
162
+ />
163
+ }
164
+ />
165
+ <Route
166
+ path={templateBuilderRoute || '/template-builder/:id?'}
167
+ element={
168
+ <TemplateBuilder
169
+ store={store}
170
+ olcTemplate={olcTemplate}
171
+ designerTemplateQuery={designerTemplateQuery}
172
+ platformName={platformName}
173
+ templateGalleryModal={templateGalleryModal}
174
+ allowSenderFields={allowSenderFields}
175
+ excludedFields={excludedFields}
176
+ designerQueryAmount={designerQueryAmount}
177
+ allowPropertyFields={allowPropertyFields}
178
+ createTemplateRoute={createTemplateRoute}
179
+ allowedAddOns={allowedAddOns}
180
+ allowedTemplateSections={allowedTemplateSections}
181
+ allowAdditionalPage={allowAdditionalPage}
182
+ propertyOfferCost={propertyOfferCost}
183
+ customPropertyOfferCost={customPropertyOfferCost}
184
+ gsvCost={gsvCost}
185
+ selectedTemplateType={selectedTemplateType}
186
+ currentTheme={currentTheme}
187
+ onReturnAndNavigate={onReturnAndNavigate}
188
+ onCreateCustomTemplateQuery={onCreateCustomTemplateQuery}
189
+ onGetOneTemplate={onGetOneTemplate}
190
+ onGetTemplates={onGetTemplates}
191
+ onGetCustomFields={onGetCustomFields}
192
+ onDuplicateTemplate={onDuplicateTemplate}
193
+ onGetBrandingImages={onGetBrandingImages}
194
+ onDeleteBrandingImage={onDeleteBrandingImage}
195
+ onUploadBrandingImage={onUploadBrandingImage}
196
+ onGetQRCodes={onGetQRCodes}
197
+ onDeleteQRCodes={onDeleteQRCodes}
198
+ onUploadQRCode={onUploadQRCode}
199
+ onEditQRCode={onEditQRCode}
200
+ onSubmit={onSubmit}
201
+ />
202
+ }
203
+ />
204
+ </Routes>
205
+ </div>
206
+ );
207
+ };
208
+
209
+ export default App;
package/src/assets/images/create-template/prebuilt.svg ADDED
@@ -0,0 +1,13 @@
1
+ <svg width="73" height="72" viewBox="0 0 73 72" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_13527_44155)">
3
+ <path d="M60.7112 29.6221C63.2161 29.6221 65.2466 27.5916 65.2466 25.0867C65.2466 22.5819 63.2161 20.5513 60.7112 20.5513C58.2064 20.5513 56.1758 22.5819 56.1758 25.0867C56.1758 27.5916 58.2064 29.6221 60.7112 29.6221Z" fill="#ED5C2F"/>
4
+ <path d="M37.7506 65.0551C37.7506 65.8375 37.1142 66.4725 36.3333 66.4725C35.5523 66.4725 34.9159 65.8375 34.9159 65.0551C34.9159 64.2742 35.5523 63.6378 36.3333 63.6378C37.1142 63.6378 37.7506 64.2742 37.7506 65.0551ZM11.6188 30.189C10.836 30.189 10.2015 30.8235 10.2015 31.6063C10.2015 32.3891 10.836 33.0237 11.6188 33.0237H14.5065V47.1969C14.5065 47.9797 15.141 48.6142 15.9238 48.6142C16.7066 48.6142 17.3411 47.9797 17.3411 47.1969V33.0237H20.2288C21.0116 33.0237 21.6461 32.3891 21.6461 31.6063C21.6461 30.8235 21.0116 30.189 20.2288 30.189H11.6188ZM60.7112 19.1339C63.9936 19.1339 66.664 21.8043 66.664 25.0866C66.664 28.369 63.9936 31.0394 60.7112 31.0394C57.4288 31.0394 54.7584 28.369 54.7584 25.0866C54.7584 21.8043 57.4288 19.1339 60.7112 19.1339ZM57.5931 25.0866C57.5931 26.806 58.9919 28.2048 60.7112 28.2048C62.4306 28.2048 63.8293 26.806 63.8293 25.0866C63.8293 23.3673 62.4306 21.9685 60.7112 21.9685C58.9919 21.9685 57.5931 23.3673 57.5931 25.0866ZM56.7427 66.4725H42.7112C41.8989 66.4725 41.243 65.7855 41.297 64.9603C41.3463 64.207 42.0061 63.6378 42.761 63.6378H55.3254V60.8032H44.8372C42.4888 60.8032 40.5852 58.8996 40.5852 56.5512V52.8662C40.5852 50.5178 42.4888 48.6142 44.8372 48.6142H55.3254V42.6614H35.7663C34.9835 42.6614 34.349 42.0269 34.349 41.2441V14.8819C34.349 14.0991 34.9835 13.4646 35.7663 13.4646H55.3254V9.77956C55.3254 8.99677 54.6908 8.36223 53.9081 8.36223H18.7584C17.9757 8.36223 17.3411 8.99677 17.3411 9.77956V23.8111H30.097C30.8798 23.8111 31.5144 24.4456 31.5144 25.2284V53.5748C31.5144 54.3576 30.8798 54.9922 30.097 54.9922H17.3411V63.6378H29.9056C30.6604 63.6378 31.3202 64.207 31.3695 64.9603C31.4235 65.7855 30.7676 66.4725 29.9553 66.4725H15.9238C15.141 66.4725 14.5065 65.8379 14.5065 65.0551V54.9922H1.75057C0.967787 54.9922 0.333252 54.3576 0.333252 53.5748V25.2284C0.333252 24.4456 0.967787 23.8111 1.75057 23.8111H14.5065V9.77956C14.5065 7.43119 16.4101 5.52759 18.7584 5.52759H53.9081C56.2564 5.52759 58.16 7.43119 58.16 9.77956V13.4646H70.9159C71.6987 13.4646 72.3333 14.0991 72.3333 14.8819V41.2441C72.3333 42.0269 71.6987 42.6614 70.9159 42.6614H58.16V48.6142H61.8451C64.1934 48.6142 66.097 50.5178 66.097 52.8662V56.5512C66.097 58.8996 64.1934 60.8032 61.8451 60.8032H58.16V65.0551C58.16 65.8379 57.5255 66.4725 56.7427 66.4725ZM28.6797 26.6457H3.1679V52.1575H28.6797V26.6457ZM61.8451 51.4488H44.8372C44.0557 51.4488 43.4199 52.0847 43.4199 52.8662V56.5512C43.4199 57.3327 44.0557 57.9685 44.8372 57.9685H61.8451C62.6266 57.9685 63.2624 57.3327 63.2624 56.5512V52.8662C63.2624 52.0847 62.6266 51.4488 61.8451 51.4488ZM37.1836 39.8268H59.1373L46.0528 27.5957C44.4246 26.0738 41.8737 26.0735 40.2456 27.5957L37.1836 30.4582V39.8268ZM69.4986 16.2992H37.1836V26.5778L38.3099 25.525C41.0236 22.9883 45.2751 22.9884 47.9886 25.525L63.2883 39.8268H69.4986V16.2992Z" fill="black"/>
5
+ <path d="M10.2017 31.6063C10.2017 30.8235 10.8362 30.189 11.619 30.189H20.2289C21.0117 30.189 21.6463 30.8235 21.6463 31.6063C21.6463 32.3891 21.0117 33.0236 20.2289 33.0236H17.3413V47.1968C17.3413 47.9796 16.7067 48.6142 15.924 48.6142C15.1412 48.6142 14.5066 47.9796 14.5066 47.1968V33.0236H11.619C10.8362 33.0236 10.2017 32.3891 10.2017 31.6063Z" fill="#ED5C2F"/>
6
+ <path d="M66.6638 25.0867C66.6638 21.8043 63.9934 19.1339 60.7111 19.1339C57.4287 19.1339 54.7583 21.8043 54.7583 25.0867C54.7583 28.369 57.4287 31.0394 60.7111 31.0394C63.9934 31.0394 66.6638 28.369 66.6638 25.0867Z" fill="#ED5C2F"/>
7
+ </g>
8
+ <defs>
9
+ <clipPath id="clip0_13527_44155">
10
+ <rect width="72" height="72" fill="white" transform="translate(0.333252)"/>
11
+ </clipPath>
12
+ </defs>
13
+ </svg>
package/src/assets/images/create-template/scratch.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M65.6913 19.9172C65.3802 18.6978 64.514 17.6803 63.3787 17.1588L63.5806 16.6963C63.8496 16.074 63.8581 15.3845 63.5973 14.7538C63.4162 14.2995 63.1064 13.9078 62.706 13.6269L63.7655 11.1125V11.1042C64.5391 9.24574 63.6561 7.08445 61.8061 6.29411C59.956 5.5036 57.7864 6.36145 56.9791 8.20295V8.2197L55.9279 10.6921C54.8011 10.4986 53.6407 11.0958 53.1696 12.1974L34.9806 54.614C34.8881 54.8242 34.8545 55.0512 34.8712 55.2784L35.2917 61.0134C34.4761 59.9118 33.6266 58.8017 32.626 57.8347C31.2889 56.548 29.2203 54.9082 26.7228 55.4801C24.9315 55.8921 23.7291 57.4983 22.661 58.9195C22.3246 59.3652 22.005 59.7941 21.7107 60.1135C19.9447 62.0393 18.6497 61.8879 17.8171 61.6105C17.0856 61.3582 16.3371 60.9377 15.6307 60.3911C16.766 59.5922 17.8759 58.7597 18.9524 57.8767C19.9783 57.0358 21.1556 55.993 22.0891 54.6728C22.7114 53.7898 23.4262 52.6041 23.4093 51.2417C23.4009 49.8879 22.7619 48.5171 21.7107 47.5837C19.8019 45.8935 17.3715 45.5655 14.8739 46.6503C12.1492 47.8276 10.232 50.342 9.87873 53.2095C9.60116 55.4548 10.3665 57.9271 11.9811 60.0211C10.1898 61.19 8.36506 62.3083 6.56544 63.4015C6.01046 63.7379 5.8339 64.4611 6.17027 65.0161C6.50664 65.571 7.22981 65.7476 7.78479 65.4112C9.71892 64.2339 11.6784 63.0399 13.6039 61.7699C14.6719 62.7117 15.8577 63.4265 17.0518 63.8386C19.297 64.6038 21.4499 63.8806 23.4428 61.7026C23.8129 61.2989 24.166 60.828 24.536 60.3404C25.3602 59.2472 26.2936 58.0025 27.2437 57.7839C28.3117 57.54 29.4638 58.0782 30.9775 59.5415C31.995 60.5169 32.8528 61.6942 33.7693 62.9389C34.4168 63.8302 35.0981 64.7469 35.838 65.5962C36.0735 65.8652 36.3929 65.9999 36.7209 65.9999C36.9479 65.9999 37.1667 65.9325 37.3684 65.8064C37.545 65.756 37.7131 65.6635 37.8646 65.5457L45.0882 59.6676L45.0966 59.6592C45.1302 59.6339 45.1639 59.6004 45.189 59.5751L45.1974 59.5668C45.2311 59.5331 45.2562 59.4994 45.2899 59.4659C45.2983 59.4576 45.3066 59.4492 45.3066 59.4406C45.3234 59.4153 45.3403 59.3902 45.3654 59.3649C45.3738 59.3482 45.3822 59.3396 45.3907 59.3229C45.4075 59.2976 45.416 59.2724 45.4328 59.2472C45.4411 59.2304 45.4495 59.2219 45.4581 59.2051L45.5085 59.1043V59.0875L62.4621 19.3201C62.933 19.5557 63.2862 19.9929 63.4208 20.5058C63.5636 21.0524 63.4375 21.6411 63.0928 22.0868C63.0844 22.0952 63.076 22.1036 63.076 22.1121L63.0507 22.1374C60.9568 25.1647 59.7123 27.9145 59.1488 30.7906C58.9218 31.9426 58.7956 33.1705 58.7451 34.6589C58.7283 35.3063 59.2329 35.8529 59.8803 35.8698H59.9224C60.5531 35.8698 61.0744 35.3653 61.0997 34.7262C61.1417 33.364 61.2595 32.2538 61.4613 31.2363C61.9575 28.6883 63.0844 26.2244 64.9849 23.4661C65.7417 22.4736 66.0109 21.145 65.6913 19.9172ZM12.1998 53.5039C12.4521 51.4604 13.8313 49.6609 15.7991 48.8114C16.3289 48.5844 16.9847 48.391 17.6828 48.391C18.4817 48.391 19.331 48.6349 20.1468 49.358C20.7017 49.8458 21.0465 50.5774 21.055 51.2669C21.0634 51.9649 20.5841 52.7301 20.1637 53.3272C19.3901 54.4204 18.3641 55.3201 17.456 56.0685C16.3158 56.9962 15.1404 57.8799 13.9324 58.7175C12.6119 57.0694 11.9896 55.1774 12.1998 53.5039ZM38.1845 61.5852L37.9322 58.1457C38.8418 58.7109 39.8311 59.1361 40.8671 59.4071L38.1845 61.5852ZM43.1292 57.3805C41.1614 57.2797 39.2863 56.4808 37.8567 55.1268L49.3774 28.2591L54.5828 30.4876L43.1292 57.3805ZM55.5076 28.335L50.3023 26.1065L55.6589 13.6187L60.8223 15.8639L55.5076 28.335ZM61.1335 10.0027L60.116 12.4247L58.577 11.7519L59.6029 9.33853C59.7795 8.92645 60.2673 8.73313 60.6877 8.91807C61.1082 9.09447 61.3017 9.58227 61.1335 10.0027Z" fill="black"/>
3
+ <path d="M35.838 65.5962L35.2917 61.0135C34.4761 59.9119 33.6266 58.8018 32.626 57.8347C31.2889 56.548 29.2203 54.9082 26.7228 55.4801C24.9315 55.8922 23.7291 57.4983 22.661 58.9195C22.3246 59.3653 22.005 59.7941 21.7107 60.1136C19.9447 62.0393 18.6497 61.8879 17.8171 61.6105C17.0856 61.3582 16.3371 60.9378 15.6307 60.3912C16.766 59.5923 17.8759 58.7597 18.9524 57.8767C19.9783 57.0358 21.1556 55.993 22.0891 54.6728C22.7114 53.7899 23.4262 52.6042 23.4093 51.2418C23.4009 49.8879 22.7619 48.5171 21.7107 47.5837C19.8019 45.8935 17.3715 45.5655 14.8739 46.6503C12.1492 47.8276 10.232 50.342 9.87873 53.2096C9.60116 55.4548 10.3665 57.9272 11.9811 60.0211C10.1898 61.19 8.36506 62.3084 6.56544 63.4016C6.01046 63.7379 5.8339 64.4611 6.17027 65.0161C6.50664 65.5711 7.22981 65.7476 7.78479 65.4113C9.71892 64.234 11.6784 63.0399 13.6039 61.77C14.6719 62.7118 15.8577 63.4265 17.0518 63.8386C19.297 64.6038 21.4499 63.8807 23.4428 61.7026C23.8129 61.2989 24.166 60.828 24.536 60.3404C25.3602 59.2472 26.2936 58.0025 27.2437 57.7839C28.3117 57.54 29.4638 58.0783 30.9775 59.5415C31.995 60.517 32.8528 61.6943 33.7693 62.9389C34.4168 63.8303 35.098 64.7469 35.838 65.5962ZM12.1998 53.5039C12.4521 51.4604 13.8313 49.6609 15.7991 48.8115C16.3289 48.5845 16.9847 48.391 17.6828 48.391C18.4817 48.391 19.331 48.6349 20.1468 49.3581C20.7017 49.8459 21.0465 50.5774 21.055 51.2669C21.0634 51.9649 20.5841 52.7302 20.1637 53.3272C19.3901 54.4204 18.3641 55.3201 17.456 56.0686C16.3158 56.9963 15.1404 57.8799 13.9324 58.7175C12.6119 57.0695 11.9896 55.1774 12.1998 53.5039Z" fill="#ED5C2F"/>
4
+ </svg>
package/src/assets/images/input/cancel.tsx ADDED
@@ -0,0 +1,20 @@
1
+ import React from 'react'
2
+
3
+ const Cancel = (props: any) => {
4
+ const {fill} = props;
5
+ return (
6
+ <>
7
+ <svg
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ height="24px"
10
+ viewBox="0 -960 960 960"
11
+ width="24px"
12
+ fill={fill}
13
+ >
14
+ <path d="m336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" />
15
+ </svg>
16
+ </>
17
+ );
18
+ }
19
+
20
+ export default Cancel
package/src/assets/images/input/search.tsx ADDED
@@ -0,0 +1,20 @@
1
+ import React from 'react'
2
+
3
+ const Search = (props:any) => {
4
+ const {fill} = props;
5
+ return (
6
+ <>
7
+ <svg
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ height="24px"
10
+ viewBox="0 -960 960 960"
11
+ width="24px"
12
+ fill={fill}
13
+ >
14
+ <path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z" />
15
+ </svg>
16
+ </>
17
+ );
18
+ }
19
+
20
+ export default Search
package/src/assets/images/input/select-cancel.tsx ADDED
@@ -0,0 +1,17 @@
1
+ import React from 'react'
2
+
3
+ const selectCancel = () => {
4
+ return (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ height="24px"
8
+ viewBox="0 -960 960 960"
9
+ width="24px"
10
+ fill="#44424180"
11
+ >
12
+ <path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" />
13
+ </svg>
14
+ );
15
+ };
16
+
17
+ export default selectCancel
package/src/assets/images/modal-icons/add.tsx ADDED
@@ -0,0 +1,36 @@
1
+ import React from 'react';
2
+
3
+ const Add = () => {
4
+ return (
5
+ <>
6
+ <svg
7
+ width="25"
8
+ height="26"
9
+ viewBox="0 0 25 26"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ >
13
+ <path
14
+ d="M12.5 25.4727C19.1274 25.4727 24.5 20.1001 24.5 13.4727C24.5 6.84524 19.1274 1.47266 12.5 1.47266C5.87258 1.47266 0.5 6.84524 0.5 13.4727C0.5 20.1001 5.87258 25.4727 12.5 25.4727Z"
15
+ stroke="var(--primary-color)"
16
+ strokeLinecap="round"
17
+ strokeLinejoin="round"
18
+ />
19
+ <path
20
+ d="M7.35547 13.4727H17.6412"
21
+ stroke="var(--primary-color)"
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ />
25
+ <path
26
+ d="M12.5 8.33008V18.6158"
27
+ stroke="var(--primary-color)"
28
+ strokeLinecap="round"
29
+ strokeLinejoin="round"
30
+ />
31
+ </svg>
32
+ </>
33
+ );
34
+ };
35
+
36
+ export default Add;
package/src/assets/images/modal-icons/cancel-file.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react'
2
+
3
+ const CancelFile = () => {
4
+ return (
5
+ <><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
6
+ <path d="M12.59 6.5L10 9.09L7.41 6.5L6 7.91L8.59 10.5L6 13.09L7.41 14.5L10 11.91L12.59 14.5L14 13.09L11.41 10.5L14 7.91L12.59 6.5ZM10 0.5C4.47 0.5 0 4.97 0 10.5C0 16.03 4.47 20.5 10 20.5C15.53 20.5 20 16.03 20 10.5C20 4.97 15.53 0.5 10 0.5ZM10 18.5C5.59 18.5 2 14.91 2 10.5C2 6.09 5.59 2.5 10 2.5C14.41 2.5 18 6.09 18 10.5C18 14.91 14.41 18.5 10 18.5Z" fill="#969696"/>
7
+ </svg>
8
+ </>
9
+ )
10
+ }
11
+
12
+ export default CancelFile;
package/src/assets/images/modal-icons/cancel-input.tsx ADDED
@@ -0,0 +1,13 @@
1
+ import React from 'react'
2
+
3
+ const CancelInput = () => {
4
+ return (
5
+ <>
6
+ <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7
+ <path d="M9.00681 0.689941C9.04653 0.689596 9.08624 0.697402 9.12302 0.712402C9.15983 0.727462 9.19351 0.749733 9.22165 0.777832C9.24981 0.80599 9.27199 0.83961 9.28708 0.876465C9.30216 0.913334 9.30989 0.952843 9.30954 0.992676C9.30918 1.03238 9.30076 1.07142 9.28513 1.10791C9.26946 1.14437 9.24722 1.17796 9.21872 1.20557H9.21774L5.4238 4.99951L9.20602 8.78174L9.24216 8.82764C9.27361 8.87647 9.29052 8.93376 9.29001 8.99268C9.28929 9.07123 9.25764 9.14608 9.20212 9.20166C9.14658 9.25719 9.07166 9.28877 8.99313 9.28955C8.93396 9.29006 8.87608 9.27341 8.82712 9.2417L8.7822 9.20557L5.35349 5.77783L4.99997 5.42432L4.64645 5.77783L1.21384 9.2085C1.15768 9.26092 1.08376 9.29022 1.00681 9.28955C0.928295 9.28876 0.853344 9.25718 0.797821 9.20166C0.742317 9.14608 0.710647 9.07122 0.70993 8.99268C0.709419 8.93377 0.726342 8.87646 0.757782 8.82764L0.793915 8.78174L4.57614 4.99951L0.788055 1.21143C0.731936 1.15519 0.700165 1.07897 0.700165 0.999512C0.700234 0.920057 0.731875 0.843795 0.788055 0.787598C0.844292 0.731469 0.92051 0.699714 0.999969 0.699707C1.07943 0.699707 1.15564 0.731479 1.21188 0.787598L4.99997 4.57568L8.79391 0.781738C8.82159 0.753086 8.85497 0.730078 8.89157 0.714355C8.92802 0.698717 8.96715 0.690341 9.00681 0.689941Z" fill="#111827" stroke="#9CA3AF"/>
8
+ </svg>
9
+ </>
10
+ )
11
+ }
12
+
13
+ export default CancelInput;
package/src/assets/images/modal-icons/cancel.tsx ADDED
@@ -0,0 +1,35 @@
1
+ /**
2
+ * @Author: Junaid Atari junaid.attari@invozone.dev
3
+ * @Date: 2024-12-20 12:33:00
4
+ * @LastEditors: Junaid Atari junaid.attari@invozone.dev
5
+ * @LastEditTime: 2024-12-20 12:33:00
6
+ * @FilePath: src/assets/images/hire-designer/cancel.tsx
7
+ * @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
8
+ */
9
+ import React from 'react';
10
+
11
+ const Cancel = () => {
12
+ return (
13
+ <>
14
+ <svg
15
+ width="24"
16
+ height="25"
17
+ viewBox="0 0 24 25"
18
+ fill="none"
19
+ xmlns="http://www.w3.org/2000/svg"
20
+ >
21
+ <path
22
+ opacity="0.3"
23
+ d="M12 4.5C7.59 4.5 4 8.09 4 12.5C4 16.91 7.59 20.5 12 20.5C16.41 20.5 20 16.91 20 12.5C20 8.09 16.41 4.5 12 4.5ZM16 15.09L14.59 16.5L12 13.91L9.41 16.5L8 15.09L10.59 12.5L8 9.91L9.41 8.5L12 11.09L14.59 8.5L16 9.91L13.41 12.5L16 15.09Z"
24
+ fill="#858585"
25
+ />
26
+ <path
27
+ d="M14.59 8.5L12 11.09L9.41 8.5L8 9.91L10.59 12.5L8 15.09L9.41 16.5L12 13.91L14.59 16.5L16 15.09L13.41 12.5L16 9.91L14.59 8.5ZM12 2.5C6.47 2.5 2 6.97 2 12.5C2 18.03 6.47 22.5 12 22.5C17.53 22.5 22 18.03 22 12.5C22 6.97 17.53 2.5 12 2.5ZM12 20.5C7.59 20.5 4 16.91 4 12.5C4 8.09 7.59 4.5 12 4.5C16.41 4.5 20 8.09 20 12.5C20 16.91 16.41 20.5 12 20.5Z"
28
+ fill="#969696"
29
+ />
30
+ </svg>
31
+ </>
32
+ );
33
+ };
34
+
35
+ export default Cancel;
package/src/assets/images/modal-icons/close-new.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M13.0962 1.09627L1.09619 13.0963M13.0962 13.0962L1.09619 1.09619" stroke="#28303F" stroke-width="2.12132" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/src/assets/images/modal-icons/confirm-close-icon.tsx ADDED
@@ -0,0 +1,14 @@
1
+ import React from 'react'
2
+
3
+ const ConfirmCloseIcon = (props: any) => {
4
+ const { fill } = props;
5
+ return (
6
+ <>
7
+ <svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
8
+ <path d="M15.5 2.45468L1.5 16.4547M15.5 16.4546L1.5 2.45459" stroke={fill} strokeWidth="3" strokeLinecap="round" strokeLinejoin="round"/>
9
+ </svg>
10
+ </>
11
+ )
12
+ }
13
+
14
+ export default ConfirmCloseIcon
package/src/assets/images/modal-icons/confirm-new.tsx ADDED
@@ -0,0 +1,22 @@
1
+ import React from 'react'
2
+
3
+ const ConfirmNew = (props: any) => {
4
+ const { fill } = props;
5
+ return (
6
+ <>
7
+ <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
8
+ <g clipPath="url(#clip0_17499_40226)">
9
+ <path d="M19.5072 15.2095C19.5072 15.8747 19.1436 16.6578 18.5503 17.2491C17.959 17.8424 17.1759 18.206 16.5107 18.206H12.9309L15.2202 15.9147C16.1871 14.9718 14.7128 13.5774 13.8078 14.5023L9.89842 18.4118C9.77597 18.5055 9.67689 18.6264 9.60896 18.7648C9.54102 18.9033 9.50607 19.0556 9.50685 19.2098C9.50762 19.364 9.5441 19.516 9.61342 19.6538C9.68274 19.7915 9.78302 19.9114 9.90641 20.0039L13.8078 23.9073C14.7507 24.8862 16.201 23.4359 15.2202 22.493L12.9309 20.2037H16.5127C17.8451 20.2037 19.0597 19.5684 19.9646 18.6615C20.8716 17.7565 21.5068 16.5419 21.5068 15.2095C21.5068 13.8811 19.5092 13.8811 19.5092 15.2095" fill={fill} />
10
+ <path d="M9.79225 2.41382L12.0798 4.70336H8.49965C7.16708 4.70336 5.95239 5.33867 5.04737 6.2457C4.14034 7.15072 3.50503 8.36541 3.50503 9.69798C3.48505 11.0485 5.52285 11.0485 5.50288 9.69798C5.50288 9.03269 5.86648 8.24954 6.45985 7.65817C7.05121 7.06481 7.83436 6.70121 8.49965 6.70121H12.0818L9.79026 8.99074C8.81131 9.93372 10.2617 11.3842 11.2047 10.4052L15.1125 6.49543C15.2342 6.40245 15.3328 6.28274 15.4009 6.14556C15.4689 6.00838 15.5045 5.85739 15.5049 5.70426C15.5053 5.55114 15.4704 5.39998 15.4031 5.26245C15.3358 5.12493 15.2377 5.00473 15.1165 4.91113L15.1045 4.90114L11.2007 0.999349C10.2957 0.064356 8.81531 1.47084 9.78826 2.41382" fill={fill} />
11
+ </g>
12
+ <defs>
13
+ <clipPath id="clip0_17499_40226">
14
+ <rect width="24" height="24" fill="white" transform="translate(0.5 0.45459)"/>
15
+ </clipPath>
16
+ </defs>
17
+ </svg>
18
+ </>
19
+ )
20
+ }
21
+
22
+ export default ConfirmNew
package/src/assets/images/modal-icons/confirm.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="61" height="59" viewBox="0 0 61 59" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="0.5" width="60" height="58.9091" rx="29.4545" fill="#FFEAE3"/>
3
+ <g clip-path="url(#clip0_17493_40179)">
4
+ <path d="M37.5072 32.2095C37.5072 32.8747 37.1436 33.6578 36.5503 34.2491C35.959 34.8424 35.1759 35.206 34.5107 35.206H30.9309L33.2202 32.9147C34.1871 31.9718 32.7128 30.5774 31.8078 31.5023L27.8984 35.4118C27.776 35.5055 27.6769 35.6264 27.609 35.7648C27.541 35.9033 27.5061 36.0556 27.5068 36.2098C27.5076 36.364 27.5441 36.516 27.6134 36.6538C27.6827 36.7915 27.783 36.9114 27.9064 37.0039L31.8078 40.9073C32.7507 41.8862 34.201 40.4359 33.2202 39.493L30.9309 37.2037H34.5127C35.8451 37.2037 37.0597 36.5684 37.9646 35.6615C38.8716 34.7565 39.5068 33.5419 39.5068 32.2095C39.5068 30.8811 37.5092 30.8811 37.5092 32.2095" fill="#ED5C2F"/>
5
+ <path d="M27.7923 19.4138L30.0798 21.7034H26.4996C25.1671 21.7034 23.9524 22.3387 23.0474 23.2457C22.1403 24.1507 21.505 25.3654 21.505 26.698C21.4851 28.0485 23.5229 28.0485 23.5029 26.698C23.5029 26.0327 23.8665 25.2495 24.4598 24.6582C25.0512 24.0648 25.8344 23.7012 26.4996 23.7012H30.0818L27.7903 25.9907C26.8113 26.9337 28.2617 28.3842 29.2047 27.4052L33.1125 23.4954C33.2342 23.4024 33.3328 23.2827 33.4009 23.1456C33.4689 23.0084 33.5045 22.8574 33.5049 22.7043C33.5053 22.5511 33.4704 22.4 33.4031 22.2625C33.3358 22.1249 33.2377 22.0047 33.1165 21.9111L33.1045 21.9011L29.2007 17.9993C28.2957 17.0644 26.8153 18.4708 27.7883 19.4138" fill="#ED5C2F"/>
6
+ </g>
7
+ <defs>
8
+ <clipPath id="clip0_17493_40179">
9
+ <rect width="24" height="24" fill="white" transform="translate(18.5 17.4546)"/>
10
+ </clipPath>
11
+ </defs>
12
+ </svg>
package/src/assets/images/modal-icons/cross.tsx ADDED
@@ -0,0 +1,23 @@
1
+ import React from 'react'
2
+
3
+ const Cross = (props:any) => {
4
+ const { toast } = props;
5
+ return (
6
+ <svg
7
+ width="22"
8
+ height="22"
9
+ viewBox="0 0 22 22"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ >
13
+ <path
14
+ fillRule="evenodd"
15
+ clipRule="evenodd"
16
+ d="M2.11597 10.866C2.11597 8.40681 3.09286 6.04839 4.83173 4.30951C6.57061 2.57064 8.92903 1.59375 11.3882 1.59375C13.8473 1.59375 16.2057 2.57064 17.9446 4.30951C19.6835 6.04839 20.6604 8.40681 20.6604 10.866C20.6604 13.3251 19.6835 15.6835 17.9446 17.4224C16.2057 19.1613 13.8473 20.1382 11.3882 20.1382C8.92903 20.1382 6.57061 19.1613 4.83173 17.4224C3.09286 15.6835 2.11597 13.3251 2.11597 10.866ZM11.3882 2.92375C9.28176 2.92375 7.26164 3.76052 5.77218 5.24997C4.28273 6.73942 3.44597 8.75955 3.44597 10.866C3.44597 12.9724 4.28273 14.9925 5.77218 16.4819C7.26164 17.9714 9.28176 18.8082 11.3882 18.8082C13.4946 18.8082 15.5147 17.9714 17.0042 16.4819C18.4936 14.9925 19.3304 12.9724 19.3304 10.866C19.3304 8.75955 18.4936 6.73942 17.0042 5.24997C15.5147 3.76052 13.4946 2.92375 11.3882 2.92375ZM14.6838 7.57175C14.815 7.70302 14.8887 7.88104 14.8887 8.06665C14.8887 8.25227 14.815 8.43028 14.6838 8.56155L12.378 10.866L14.6838 13.1704C14.8152 13.3018 14.8891 13.4801 14.8891 13.666C14.8891 13.8518 14.8152 14.0301 14.6838 14.1616C14.5523 14.293 14.3741 14.3668 14.1882 14.3668C14.0023 14.3668 13.824 14.293 13.6926 14.1616L11.3882 11.8558L9.08377 14.1616C9.01868 14.2266 8.94142 14.2783 8.85638 14.3135C8.77135 14.3487 8.68021 14.3668 8.58817 14.3668C8.49613 14.3668 8.40499 14.3487 8.31995 14.3135C8.23492 14.2783 8.15765 14.2266 8.09257 14.1616C8.02748 14.0965 7.97586 14.0192 7.94063 13.9342C7.90541 13.8491 7.88728 13.758 7.88728 13.666C7.88728 13.5739 7.90541 13.4828 7.94063 13.3977C7.97586 13.3127 8.02748 13.2354 8.09257 13.1704L10.3984 10.866L8.09257 8.56155C7.96113 8.43011 7.88728 8.25184 7.88728 8.06595C7.88728 7.88006 7.96113 7.70179 8.09257 7.57035C8.22401 7.43891 8.40228 7.36507 8.58817 7.36507C8.77405 7.36507 8.95233 7.43891 9.08377 7.57035L11.3882 9.87615L13.6926 7.57035C13.7576 7.50516 13.8348 7.45344 13.9199 7.41815C14.0049 7.38286 14.0961 7.3647 14.1882 7.3647C14.2802 7.3647 14.3714 7.38286 14.4565 7.41815C14.5415 7.45344 14.6187 7.50656 14.6838 7.57175Z"
17
+ fill={toast ? `#fff` : `var(--text-color)`}
18
+ />
19
+ </svg>
20
+ );
21
+ }
22
+
23
+ export default Cross
package/src/assets/images/modal-icons/del.tsx ADDED
@@ -0,0 +1,19 @@
1
+ import React from 'react'
2
+
3
+ const del = (props: any) => {
4
+ const {className={}}= props;
5
+ return (
6
+ <svg
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ height="24px"
9
+ viewBox="0 -960 960 960"
10
+ width="24px"
11
+ fill="#e8eaed"
12
+ className={className}
13
+ >
14
+ <path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z" />
15
+ </svg>
16
+ );
17
+ }
18
+
19
+ export default del
package/src/assets/images/modal-icons/design-icon.tsx ADDED
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+
3
+ const DesignIcon = () => {
4
+ return (
5
+ <>
6
+ <svg
7
+ width="43"
8
+ height="47"
9
+ viewBox="0 0 43 47"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ >
13
+ <path
14
+ d="M38.8066 6.11206H38.249C39.312 4.38144 38.9195 2.05802 37.2134 0.792255C35.3753 -0.571453 32.763 -0.132489 31.4802 1.78456L28.5844 6.11215H3.70825C1.66351 6.11215 0 7.77566 0 9.82039V33.5287C0 35.5734 1.66351 37.2369 3.70825 37.2369H18.1122L17.0239 41.808H14.6749C13.144 41.808 11.8986 43.0534 11.8986 44.5843V45.164H9.00289C8.49591 45.164 8.08494 45.575 8.08494 46.0819C8.08494 46.5888 8.49591 46.9999 9.00289 46.9999H33.5121C34.0191 46.9999 34.43 46.5888 34.43 46.0819C34.43 45.575 34.0191 45.164 33.5121 45.164H30.6164V44.5843C30.6164 43.0534 29.3709 41.808 27.8401 41.808H25.4911L24.4028 37.2369H38.8067C40.8515 37.2369 42.515 35.5734 42.515 33.5287V28.312V9.8203C42.515 7.77557 40.8515 6.11206 38.8066 6.11206ZM25.6541 22.2495C24.2188 23.2542 21.5301 21.8886 18.9624 23.2587C18.3359 20.0041 18.7309 16.9432 21.9919 16.2676C22.4133 16.1798 22.8671 16.14 23.2533 16.1477C24.3571 16.9666 25.4735 17.7949 26.5741 18.6116C27.056 20.0131 26.8751 21.3948 25.6541 22.2495ZM26.5792 12.4102L29.1776 14.3381L27.1793 16.7744C26.3567 16.1641 25.6495 15.6394 24.8268 15.0289C24.9976 14.7737 26.423 12.6435 26.5792 12.4102ZM33.0061 2.8056C33.7014 1.76638 35.1193 1.5246 36.1195 2.26676C37.1201 3.00901 37.2993 4.43606 36.5064 5.40275C35.0997 7.11776 31.7552 11.1954 30.3431 12.917L27.6012 10.8826L33.0061 2.8056ZM28.7804 44.5843V45.164H13.7345V44.5843C13.7345 44.0658 14.1564 43.6439 14.6749 43.6439H27.84C28.3585 43.6439 28.7804 44.0658 28.7804 44.5843ZM23.6038 41.808H18.9111L19.9994 37.2369H22.5155L23.6038 41.808ZM40.6791 33.5287C40.6791 34.5611 39.8392 35.401 38.8067 35.401C37.3496 35.401 5.3467 35.401 3.70834 35.401C2.67592 35.401 1.83599 34.5611 1.83599 33.5287V29.2299H4.45913C4.96611 29.2299 5.37708 28.8189 5.37708 28.312C5.37708 27.8051 4.96611 27.394 4.45913 27.394H1.83581V9.8203C1.83581 8.78788 2.67573 7.94796 3.70815 7.94796H27.3559C26.4765 9.26219 23.911 13.0963 23.0983 14.3106C21.2994 14.3269 19.5034 14.9536 18.3277 16.3261C16.7278 18.1937 16.4467 21.1282 17.4923 25.048C17.671 25.7183 18.5074 25.9584 19.0134 25.475C21.387 23.2071 24.3431 25.6809 26.9904 23.5383C28.6064 22.2302 28.9888 20.1506 28.3795 18.2061C29.2031 17.2018 35.9676 8.95458 36.7932 7.94796H38.8066C39.839 7.94796 40.6789 8.78788 40.6789 9.8203V27.3939H11.8026C11.2956 27.3939 10.8846 27.805 10.8846 28.3119C10.8846 28.8188 11.2956 29.2298 11.8026 29.2298H40.6791V33.5287Z"
15
+ fill="#ED5C2F"
16
+ />
17
+ </svg>
18
+ </>
19
+ );
20
+ };
21
+
22
+ export default DesignIcon;
package/src/assets/images/modal-icons/doc.tsx ADDED
@@ -0,0 +1,43 @@
1
+ /**
2
+ * @Author: Junaid Atari junaid.attari@invozone.dev
3
+ * @Date: 2024-12-20 12:33:00
4
+ * @LastEditors: Junaid Atari junaid.attari@invozone.dev
5
+ * @LastEditTime: 2024-12-20 12:33:01
6
+ * @FilePath: src/assets/images/hire-designer/doc.tsx
7
+ * @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
8
+ */
9
+ import React from 'react';
10
+
11
+ const DOC = () => {
12
+ return (
13
+ <>
14
+ <svg
15
+ width="33"
16
+ height="32"
17
+ viewBox="0 0 33 32"
18
+ fill="none"
19
+ xmlns="http://www.w3.org/2000/svg"
20
+ >
21
+ <path
22
+ d="M32.2584 11.309V27.4382C32.2584 29.486 30.5984 31.1461 28.5506 31.1461H12.236C10.1882 31.1461 8.52809 29.486 8.52809 27.4382V4.44947C8.52809 2.40167 10.1882 0.741601 12.236 0.741601H21.691V6.11801C21.691 8.98492 24.0151 11.309 26.882 11.309H32.2584ZM31.2097 9.82587H26.882C24.8342 9.82587 23.1742 8.1658 23.1742 6.11801V1.79034L31.2097 9.82587Z"
23
+ fill="#EEF1F7"
24
+ stroke="#CBD0DC"
25
+ strokeWidth="1.48315"
26
+ />
27
+ <rect
28
+ y="14.0899"
29
+ width="22.2472"
30
+ height="12.9775"
31
+ rx="2.59551"
32
+ fill="#5235F6"
33
+ />
34
+ <path
35
+ d="M3.10227 22.4893C2.96212 22.4893 2.84186 22.4391 2.74148 22.3387C2.6411 22.2384 2.59091 22.1181 2.59091 21.9779C2.59091 21.8378 2.6411 21.7175 2.74148 21.6171C2.84186 21.5168 2.96212 21.4666 3.10227 21.4666C3.24242 21.4666 3.36269 21.5168 3.46307 21.6171C3.56345 21.7175 3.61364 21.8378 3.61364 21.9779C3.61364 22.0707 3.58996 22.156 3.54261 22.2336C3.49716 22.3113 3.43561 22.3738 3.35795 22.4211C3.2822 22.4666 3.19697 22.4893 3.10227 22.4893ZM6.46449 22.5348C6.10085 22.5348 5.77983 22.4429 5.50142 22.2592C5.22301 22.0736 5.00521 21.8122 4.84801 21.4751C4.69081 21.1361 4.61222 20.7355 4.61222 20.2734C4.61222 19.8151 4.69081 19.4173 4.84801 19.0802C5.00521 18.7431 5.22396 18.4827 5.50426 18.299C5.78456 18.1152 6.10843 18.0234 6.47585 18.0234C6.75994 18.0234 6.98438 18.0707 7.14915 18.1654C7.31581 18.2582 7.44271 18.3643 7.52983 18.4836C7.61884 18.601 7.68797 18.6976 7.73722 18.7734H7.79403V16.6257H8.46449V22.4438H7.81676V21.7734H7.73722C7.68797 21.8529 7.6179 21.9533 7.52699 22.0745C7.43608 22.1938 7.30634 22.3009 7.13778 22.3956C6.96922 22.4884 6.74479 22.5348 6.46449 22.5348ZM6.5554 21.9325C6.82434 21.9325 7.05161 21.8624 7.23722 21.7223C7.42282 21.5802 7.56392 21.3842 7.66051 21.1342C7.7571 20.8823 7.8054 20.5916 7.8054 20.262C7.8054 19.9363 7.75805 19.6512 7.66335 19.4069C7.56866 19.1607 7.4285 18.9694 7.2429 18.8331C7.05729 18.6948 6.82813 18.6257 6.5554 18.6257C6.27131 18.6257 6.03456 18.6986 5.84517 18.8444C5.65767 18.9884 5.51657 19.1844 5.42188 19.4325C5.32907 19.6787 5.28267 19.9552 5.28267 20.262C5.28267 20.5726 5.33002 20.8548 5.42472 21.1086C5.52131 21.3605 5.66335 21.5613 5.85085 21.7109C6.04025 21.8586 6.27509 21.9325 6.5554 21.9325ZM11.5582 22.5348C11.1643 22.5348 10.8187 22.441 10.5213 22.2535C10.2259 22.066 9.99479 21.8037 9.82812 21.4666C9.66335 21.1295 9.58097 20.7355 9.58097 20.2848C9.58097 19.8302 9.66335 19.4334 9.82812 19.0944C9.99479 18.7554 10.2259 18.4921 10.5213 18.3046C10.8187 18.1171 11.1643 18.0234 11.5582 18.0234C11.9522 18.0234 12.2969 18.1171 12.5923 18.3046C12.8897 18.4921 13.1207 18.7554 13.2855 19.0944C13.4522 19.4334 13.5355 19.8302 13.5355 20.2848C13.5355 20.7355 13.4522 21.1295 13.2855 21.4666C13.1207 21.8037 12.8897 22.066 12.5923 22.2535C12.2969 22.441 11.9522 22.5348 11.5582 22.5348ZM11.5582 21.9325C11.8575 21.9325 12.1037 21.8558 12.2969 21.7024C12.4901 21.549 12.633 21.3473 12.7259 21.0973C12.8187 20.8473 12.8651 20.5764 12.8651 20.2848C12.8651 19.9931 12.8187 19.7213 12.7259 19.4694C12.633 19.2175 12.4901 19.0139 12.2969 18.8586C12.1037 18.7033 11.8575 18.6257 11.5582 18.6257C11.259 18.6257 11.0128 18.7033 10.8196 18.8586C10.6264 19.0139 10.4834 19.2175 10.3906 19.4694C10.2978 19.7213 10.2514 19.9931 10.2514 20.2848C10.2514 20.5764 10.2978 20.8473 10.3906 21.0973C10.4834 21.3473 10.6264 21.549 10.8196 21.7024C11.0128 21.8558 11.259 21.9325 11.5582 21.9325ZM16.3317 22.5348C15.9226 22.5348 15.5703 22.4382 15.2749 22.245C14.9794 22.0518 14.7521 21.7857 14.593 21.4467C14.4339 21.1077 14.3544 20.7204 14.3544 20.2848C14.3544 19.8416 14.4358 19.4505 14.5987 19.1115C14.7635 18.7706 14.9927 18.5045 15.2862 18.3132C15.5817 18.12 15.9264 18.0234 16.3203 18.0234C16.6271 18.0234 16.9036 18.0802 17.1499 18.1938C17.3961 18.3075 17.5978 18.4666 17.755 18.6711C17.9122 18.8757 18.0097 19.1143 18.0476 19.387H17.3771C17.326 19.1882 17.2124 19.012 17.0362 18.8586C16.862 18.7033 16.6271 18.6257 16.3317 18.6257C16.0703 18.6257 15.8411 18.6938 15.6442 18.8302C15.4491 18.9647 15.2966 19.155 15.1868 19.4012C15.0788 19.6456 15.0249 19.9325 15.0249 20.262C15.0249 20.5992 15.0779 20.8927 15.1839 21.1427C15.2919 21.3927 15.4434 21.5868 15.6385 21.7251C15.8355 21.8634 16.0665 21.9325 16.3317 21.9325C16.5059 21.9325 16.6641 21.9022 16.8061 21.8416C16.9482 21.781 17.0684 21.6938 17.1669 21.5802C17.2654 21.4666 17.3355 21.3302 17.3771 21.1711H18.0476C18.0097 21.4287 17.916 21.6607 17.7663 21.8671C17.6186 22.0717 17.4226 22.2346 17.1783 22.3558C16.9358 22.4751 16.6536 22.5348 16.3317 22.5348Z"
36
+ fill="white"
37
+ />
38
+ </svg>
39
+ </>
40
+ );
41
+ };
42
+
43
+ export default DOC;