@openlettermarketing/olc-react-sdk 0.0.8 → 0.0.10
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/.eslintignore +1 -0
- package/.eslintrc.cjs +18 -0
- package/.eslintrc.yml +47 -0
- package/.prettierignore +3 -0
- package/.prettierrc.yml +5 -0
- package/CHANGELOG.md +4 -0
- package/babel.config.json +10 -0
- package/build/index.js +2 -2
- package/build/index.js.map +1 -1
- package/examples/.eslintrc.yml +4 -0
- package/index.html +18 -0
- package/package.json +6 -6
- package/public/vite.svg +1 -0
- package/src/App.tsx +76 -0
- package/src/assets/Fonts/Lexi-Regular.ttf +0 -0
- package/src/assets/images/input/cancel.tsx +20 -0
- package/src/assets/images/input/search.tsx +20 -0
- package/src/assets/images/modal-icons/cancelIcon.png +0 -0
- package/src/assets/images/modal-icons/del.tsx +19 -0
- package/src/assets/images/modal-icons/delete.svg +3 -0
- package/src/assets/images/modal-icons/modal-cross.tsx +23 -0
- package/src/assets/images/modal-icons/save.tsx +23 -0
- package/src/assets/images/templates/add-icon.svg +5 -0
- package/src/assets/images/templates/back-arrow.tsx +19 -0
- package/src/assets/images/templates/back-dialog-icon.png +0 -0
- package/src/assets/images/templates/back-dialog-icon.svg +3 -0
- package/src/assets/images/templates/barcode.png +0 -0
- package/src/assets/images/templates/bi-fold-self-mailers.tsx +28 -0
- package/src/assets/images/templates/black-trash-icon.svg +3 -0
- package/src/assets/images/templates/cancel.svg +4 -0
- package/src/assets/images/templates/cancelIcon.png +0 -0
- package/src/assets/images/templates/clipboard.svg +3 -0
- package/src/assets/images/templates/contact-search.svg +3 -0
- package/src/assets/images/templates/content-copy-icon.tsx +24 -0
- package/src/assets/images/templates/cross.svg +3 -0
- package/src/assets/images/templates/custom-template-icon-black.svg +3 -0
- package/src/assets/images/templates/custom-template-icon.svg +3 -0
- package/src/assets/images/templates/custom-template.tsx +23 -0
- package/src/assets/images/templates/dummy-template.svg +21 -0
- package/src/assets/images/templates/dynamic-field.tsx +119 -0
- package/src/assets/images/templates/edit-pencil-icon.tsx +21 -0
- package/src/assets/images/templates/filter-2.svg +13 -0
- package/src/assets/images/templates/info-icon.svg +12 -0
- package/src/assets/images/templates/info-icon.tsx +37 -0
- package/src/assets/images/templates/one-barcode.png +0 -0
- package/src/assets/images/templates/personal-letter.tsx +53 -0
- package/src/assets/images/templates/plus-icon.svg +5 -0
- package/src/assets/images/templates/postcard.tsx +32 -0
- package/src/assets/images/templates/professional-letter.tsx +53 -0
- package/src/assets/images/templates/real-penned-letters.tsx +57 -0
- package/src/assets/images/templates/search.svg +3 -0
- package/src/assets/images/templates/size-image-lg.tsx +20 -0
- package/src/assets/images/templates/size-image-mid.tsx +20 -0
- package/src/assets/images/templates/size-image.tsx +20 -0
- package/src/assets/images/templates/template-copy.svg +3 -0
- package/src/assets/images/templates/template-default-design.tsx +21 -0
- package/src/assets/images/templates/template-delete.svg +3 -0
- package/src/assets/images/templates/template-edit.svg +4 -0
- package/src/assets/images/templates/template-save-icon.svg +3 -0
- package/src/assets/images/templates/template-search-2.svg +9 -0
- package/src/assets/images/templates/template-search.svg +4 -0
- package/src/assets/images/templates/thumbnail.svg +10 -0
- package/src/assets/images/templates/trash-icon.svg +13 -0
- package/src/assets/images/templates/tri-fold-self-mailers.tsx +93 -0
- package/src/components/CreateTemplate/index.tsx +377 -0
- package/src/components/CreateTemplate/styles.scss +363 -0
- package/src/components/GenericUIBlocks/Button/index.tsx +21 -0
- package/src/components/GenericUIBlocks/Button/styles.scss +15 -0
- package/src/components/GenericUIBlocks/CircularProgress/index.tsx +18 -0
- package/src/components/GenericUIBlocks/CircularProgress/styles.scss +98 -0
- package/src/components/GenericUIBlocks/Dialog/index.tsx +127 -0
- package/src/components/GenericUIBlocks/Dialog/styles.scss +106 -0
- package/src/components/GenericUIBlocks/Divider/index.tsx +12 -0
- package/src/components/GenericUIBlocks/Divider/styles.scss +7 -0
- package/src/components/GenericUIBlocks/GeneralSelect/index.tsx +86 -0
- package/src/components/GenericUIBlocks/GeneralSelect/styles.scss +77 -0
- package/src/components/GenericUIBlocks/GeneralTooltip/index.tsx +24 -0
- package/src/components/GenericUIBlocks/GeneralTooltip/styles.scss +9 -0
- package/src/components/GenericUIBlocks/GenericSnackbar/index.tsx +53 -0
- package/src/components/GenericUIBlocks/GenericSnackbar/styles.scss +34 -0
- package/src/components/GenericUIBlocks/Grid/index.tsx +82 -0
- package/src/components/GenericUIBlocks/Input/index.tsx +89 -0
- package/src/components/GenericUIBlocks/Input/styles.scss +80 -0
- package/src/components/GenericUIBlocks/Snackbar/index.tsx +66 -0
- package/src/components/GenericUIBlocks/Typography/index.tsx +18 -0
- package/src/components/GenericUIBlocks/Typography/styles.scss +27 -0
- package/src/components/SidePanel/customFields/customFieldSection.tsx +162 -0
- package/src/components/SidePanel/customFields/styles.scss +47 -0
- package/src/components/SidePanel/index.tsx +30 -0
- package/src/components/SidePanel/templates/customTemplateSection.tsx +505 -0
- package/src/components/SidePanel/templates/styles.scss +151 -0
- package/src/components/TemplateBuilder/index.tsx +295 -0
- package/src/components/TemplateBuilder/styles.scss +66 -0
- package/src/components/TopNavigation/ConfirmNavigateDialog/index.tsx +58 -0
- package/src/components/TopNavigation/ConfirmNavigateDialog/styles.scss +123 -0
- package/src/components/TopNavigation/EditTemplateNameModel/index.tsx +98 -0
- package/src/components/TopNavigation/EditTemplateNameModel/styles.scss +88 -0
- package/src/components/TopNavigation/SaveTemplateModel/index.tsx +60 -0
- package/src/components/TopNavigation/SaveTemplateModel/styles.scss +128 -0
- package/src/components/TopNavigation/index.tsx +388 -0
- package/src/components/TopNavigation/styles.scss +83 -0
- package/src/importMeta.d.ts +9 -0
- package/src/index.scss +130 -0
- package/src/index.tsx +82 -0
- package/src/libs/test.ts +7 -0
- package/src/redux/actions/action-types.ts +42 -0
- package/src/redux/actions/customFieldAction.ts +28 -0
- package/src/redux/actions/snackbarActions.ts +16 -0
- package/src/redux/actions/templateActions.ts +456 -0
- package/src/redux/reducers/customFieldReducer.ts +97 -0
- package/src/redux/reducers/index.ts +14 -0
- package/src/redux/reducers/snackbarReducer.ts +41 -0
- package/src/redux/reducers/templateReducer.ts +353 -0
- package/src/redux/store.ts +18 -0
- package/src/styles/colors.scss +61 -0
- package/src/test/mocks.js +89 -0
- package/src/test/setupJest.js +1 -0
- package/src/utils/api.ts +36 -0
- package/src/utils/constants.ts +40 -0
- package/src/utils/customStyles.ts +135 -0
- package/src/utils/fetchWrapper.ts +68 -0
- package/src/utils/fonts.json +1597 -0
- package/src/utils/helper.ts +19 -0
- package/src/utils/local-storage.ts +15 -0
- package/src/utils/message.ts +71 -0
- package/src/utils/template-builder.ts +147 -0
- package/src/utils/templateRestrictedArea/biFold.ts +433 -0
- package/src/utils/templateRestrictedArea/postCard.ts +439 -0
- package/src/utils/templateRestrictedArea/professional.ts +422 -0
- package/src/utils/templateRestrictedArea/realPenned.ts +283 -0
- package/src/utils/templateRestrictedArea/triFold.ts +434 -0
- package/tsconfig.json +29 -0
- package/tsconfig.node.json +12 -0
- package/vite.config.ts +8 -0
- package/webpack.config.js +80 -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": "0.0.
|
|
4
|
+
"version": "0.0.10",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "Simplify template builder integration for any product.",
|
|
7
7
|
"main": "build/index.js",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
},
|
|
22
22
|
"repository": {
|
|
23
23
|
"type": "git",
|
|
24
|
-
"url": "git@github.com
|
|
24
|
+
"url": "git+ssh://git@github.com/Open-Letter-Marketing/olc-react-sdk.git"
|
|
25
25
|
},
|
|
26
26
|
"keywords": [
|
|
27
27
|
"olc",
|
|
@@ -43,15 +43,15 @@
|
|
|
43
43
|
"deepmerge": "^4.3.1",
|
|
44
44
|
"mobx-react-lite": "^4.0.7",
|
|
45
45
|
"polotno": "^2.4.5",
|
|
46
|
-
"react": "^18.
|
|
47
|
-
"react-dom": "^18.
|
|
46
|
+
"react": "^18.3.1",
|
|
47
|
+
"react-dom": "^18.3.1",
|
|
48
48
|
"react-redux": "^9.1.2",
|
|
49
49
|
"redux": "^5.0.1",
|
|
50
50
|
"@reduxjs/toolkit": "^1.9.7",
|
|
51
|
-
"react-router-dom": "^6.
|
|
51
|
+
"react-router-dom": "^6.23.1",
|
|
52
52
|
"react-select": "^5.8.0",
|
|
53
53
|
"react-toastify": "^10.0.5",
|
|
54
|
-
"react-tooltip": "^5.
|
|
54
|
+
"react-tooltip": "^5.27.0",
|
|
55
55
|
"styled-components": "^6.1.11"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
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,76 @@
|
|
|
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 GenericSnackbar from './components/GenericUIBlocks/GenericSnackbar';
|
|
9
|
+
import CreateTemplate from './components/CreateTemplate';
|
|
10
|
+
import TemplateBuilder from './components/TemplateBuilder';
|
|
11
|
+
import {createGlobalStyle} from 'styled-components';
|
|
12
|
+
|
|
13
|
+
// Initialize Plotno Store
|
|
14
|
+
const initializeStore = (secretKey: string) => {
|
|
15
|
+
return createStore({
|
|
16
|
+
key: secretKey,
|
|
17
|
+
// you can hide back-link on a paid license
|
|
18
|
+
// but it will be good if you can keep it for Polotno project support
|
|
19
|
+
showCredit: false,
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
interface AppProps {
|
|
24
|
+
secretKey: string;
|
|
25
|
+
returnRoute?: string | null;
|
|
26
|
+
styles?: any;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
const App: React.FC<AppProps> = ({secretKey, returnRoute, styles}) => {
|
|
30
|
+
const [store, setStore] = useState<StoreType>(initializeStore(secretKey));
|
|
31
|
+
|
|
32
|
+
const currentPath = window?.location?.pathname;
|
|
33
|
+
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
if (currentPath === '/create-template') {
|
|
36
|
+
const newStore = initializeStore(secretKey);
|
|
37
|
+
setStore(newStore);
|
|
38
|
+
}
|
|
39
|
+
}, [currentPath]);
|
|
40
|
+
|
|
41
|
+
const GlobalStyle =
|
|
42
|
+
styles && Object.keys(styles).length
|
|
43
|
+
? createGlobalStyle`
|
|
44
|
+
:root {
|
|
45
|
+
${
|
|
46
|
+
styles
|
|
47
|
+
? Object.entries(styles.root)
|
|
48
|
+
.map(([key, value]) => `${key}: ${value};`)
|
|
49
|
+
.join(' ')
|
|
50
|
+
: ''
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
body { background-color: var(--mainBackgroundColor);}`
|
|
54
|
+
: createGlobalStyle`<></>`;
|
|
55
|
+
|
|
56
|
+
return (
|
|
57
|
+
<>
|
|
58
|
+
<GlobalStyle />
|
|
59
|
+
<Routes>
|
|
60
|
+
<Route
|
|
61
|
+
path="/create-template"
|
|
62
|
+
element={<CreateTemplate returnRoute={returnRoute} />}
|
|
63
|
+
/>
|
|
64
|
+
<Route
|
|
65
|
+
path="/template-builder"
|
|
66
|
+
element={<TemplateBuilder store={store} returnRoute={returnRoute} />}
|
|
67
|
+
/>
|
|
68
|
+
</Routes>
|
|
69
|
+
|
|
70
|
+
{/* SNACKBAR FOR NOTIFICATIONS */}
|
|
71
|
+
{/* <GenericSnackbar /> */}
|
|
72
|
+
</>
|
|
73
|
+
);
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
export default App;
|
|
Binary file
|
|
@@ -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
|
|
@@ -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
|
|
Binary file
|
|
@@ -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
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M6.33398 8.16667V13.1667M9.66732 8.16667V13.1667M1.33398 4.83333H14.6673M13.834 4.83333L13.1115 14.9517C13.0816 15.3722 12.8934 15.7657 12.5849 16.053C12.2764 16.3403 11.8705 16.5 11.449 16.5H4.55232C4.13077 16.5 3.72487 16.3403 3.41639 16.053C3.1079 15.7657 2.91975 15.3722 2.88982 14.9517L2.16732 4.83333H13.834ZM10.5007 4.83333V2.33333C10.5007 2.11232 10.4129 1.90036 10.2566 1.74408C10.1003 1.5878 9.88833 1.5 9.66732 1.5H6.33398C6.11297 1.5 5.90101 1.5878 5.74473 1.74408C5.58845 1.90036 5.50065 2.11232 5.50065 2.33333V4.83333H10.5007Z" stroke="#ED5C2F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
const ModalCross = (props: any) => {
|
|
4
|
+
const { disabled, fill } = props;
|
|
5
|
+
return (
|
|
6
|
+
<svg
|
|
7
|
+
width="21"
|
|
8
|
+
height="22"
|
|
9
|
+
viewBox="0 0 21 22"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
fillRule="evenodd"
|
|
15
|
+
clipRule="evenodd"
|
|
16
|
+
d="M1.22803 10.6482C1.22803 8.18904 2.20492 5.83062 3.94379 4.09174C5.68267 2.35287 8.04109 1.37598 10.5002 1.37598C12.9594 1.37598 15.3178 2.35287 17.0567 4.09174C18.7955 5.83062 19.7724 8.18904 19.7724 10.6482C19.7724 13.1073 18.7955 15.4657 17.0567 17.2046C15.3178 18.9435 12.9594 19.9204 10.5002 19.9204C8.04109 19.9204 5.68267 18.9435 3.94379 17.2046C2.20492 15.4657 1.22803 13.1073 1.22803 10.6482ZM10.5002 2.70598C8.39383 2.70598 6.3737 3.54274 4.88424 5.03219C3.39479 6.52165 2.55803 8.54177 2.55803 10.6482C2.55803 12.7546 3.39479 14.7747 4.88424 16.2642C6.3737 17.7536 8.39383 18.5904 10.5002 18.5904C12.6066 18.5904 14.6268 17.7536 16.1162 16.2642C17.6057 14.7747 18.4424 12.7546 18.4424 10.6482C18.4424 8.54177 17.6057 6.52165 16.1162 5.03219C14.6268 3.54274 12.6066 2.70598 10.5002 2.70598ZM13.7958 7.35398C13.9271 7.48525 14.0008 7.66326 14.0008 7.84888C14.0008 8.03449 13.9271 8.21251 13.7958 8.34378L11.49 10.6482L13.7958 12.9526C13.9273 13.084 14.0011 13.2623 14.0011 13.4482C14.0011 13.6341 13.9273 13.8123 13.7958 13.9438C13.6644 14.0752 13.4861 14.1491 13.3002 14.1491C13.1143 14.1491 12.9361 14.0752 12.8046 13.9438L10.5002 11.638L8.19583 13.9438C8.13074 14.0089 8.05348 14.0605 7.96845 14.0957C7.88341 14.1309 7.79227 14.1491 7.70023 14.1491C7.60819 14.1491 7.51705 14.1309 7.43201 14.0957C7.34698 14.0605 7.26971 14.0089 7.20463 13.9438C7.13954 13.8787 7.08792 13.8014 7.0527 13.7164C7.01747 13.6314 6.99934 13.5402 6.99934 13.4482C6.99934 13.3561 7.01747 13.265 7.0527 13.18C7.08792 13.0949 7.13954 13.0177 7.20463 12.9526L9.51043 10.6482L7.20463 8.34378C7.07319 8.21234 6.99934 8.03406 6.99934 7.84818C6.99934 7.66229 7.07319 7.48402 7.20463 7.35258C7.33607 7.22114 7.51434 7.14729 7.70023 7.14729C7.88611 7.14729 8.06439 7.22114 8.19583 7.35258L10.5002 9.65838L12.8046 7.35258C12.8697 7.28739 12.9469 7.23567 13.0319 7.20038C13.117 7.16509 13.2082 7.14693 13.3002 7.14693C13.3923 7.14693 13.4835 7.16509 13.5685 7.20038C13.6536 7.23567 13.7308 7.28879 13.7958 7.35398Z"
|
|
17
|
+
fill={disabled ? 'gray' : fill}
|
|
18
|
+
/>
|
|
19
|
+
</svg>
|
|
20
|
+
);
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export default ModalCross;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
const Save = (props: any) => {
|
|
4
|
+
const {fill} = props;
|
|
5
|
+
return (
|
|
6
|
+
<>
|
|
7
|
+
<svg
|
|
8
|
+
width="69"
|
|
9
|
+
height="62"
|
|
10
|
+
viewBox="0 0 69 62"
|
|
11
|
+
fill="none"
|
|
12
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
13
|
+
>
|
|
14
|
+
<path
|
|
15
|
+
d="M68.25 53.4688V42.2188C68.25 41.4728 67.9537 40.7575 67.4262 40.23C66.8988 39.7026 66.1834 39.4062 65.4375 39.4062C64.6916 39.4062 63.9762 39.7026 63.4488 40.23C62.9213 40.7575 62.625 41.4728 62.625 42.2188V53.4688C62.625 54.2147 62.3287 54.93 61.8012 55.4575C61.2738 55.9849 60.5584 56.2812 59.8125 56.2812H9.1875C8.44158 56.2812 7.72621 55.9849 7.19876 55.4575C6.67132 54.93 6.375 54.2147 6.375 53.4688V42.2188C6.375 41.4728 6.07868 40.7575 5.55124 40.23C5.02379 39.7026 4.30842 39.4062 3.5625 39.4062C2.81658 39.4062 2.10121 39.7026 1.57376 40.23C1.04632 40.7575 0.75 41.4728 0.75 42.2188V53.4688C0.75 55.7065 1.63895 57.8526 3.22129 59.435C4.80363 61.0173 6.94974 61.9062 9.1875 61.9062H59.8125C62.0503 61.9062 64.1964 61.0173 65.7787 59.435C67.3611 57.8526 68.25 55.7065 68.25 53.4688ZM50.3063 38.7875L36.2438 50.0375C35.7472 50.4299 35.1329 50.6433 34.5 50.6433C33.8671 50.6433 33.2528 50.4299 32.7562 50.0375L18.6938 38.7875C18.1814 38.3038 17.8692 37.6455 17.819 36.9426C17.7688 36.2398 17.9842 35.5438 18.4226 34.9922C18.8611 34.4406 19.4906 34.0737 20.1866 33.964C20.8826 33.8544 21.5945 34.0099 22.1812 34.4L31.6875 41.9938V2.84375C31.6875 2.09783 31.9838 1.38246 32.5113 0.855013C33.0387 0.327567 33.7541 0.03125 34.5 0.03125C35.2459 0.03125 35.9613 0.327567 36.4887 0.855013C37.0162 1.38246 37.3125 2.09783 37.3125 2.84375V41.9938L46.8187 34.4C47.102 34.1327 47.4376 33.9271 47.8044 33.7962C48.1713 33.6654 48.5613 33.6122 48.9497 33.6399C49.3382 33.6677 49.7167 33.7758 50.0612 33.9574C50.4057 34.1391 50.7087 34.3903 50.951 34.6952C51.1934 35.0001 51.3697 35.352 51.469 35.7286C51.5682 36.1052 51.5882 36.4983 51.5275 36.883C51.4669 37.2677 51.3271 37.6356 51.1169 37.9635C50.9066 38.2913 50.6306 38.5719 50.3063 38.7875Z"
|
|
16
|
+
fill={fill}
|
|
17
|
+
/>
|
|
18
|
+
</svg>
|
|
19
|
+
</>
|
|
20
|
+
);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export default Save
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M9.46674 18.1914C14.1612 18.1914 17.9667 14.3858 17.9667 9.69141C17.9667 4.99699 14.1612 1.19141 9.46674 1.19141C4.77232 1.19141 0.966736 4.99699 0.966736 9.69141C0.966736 14.3858 4.77232 18.1914 9.46674 18.1914Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M5.82391 9.69141H13.1096" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="M9.46674 6.04883V13.3346" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
const BackArrow = () => {
|
|
4
|
+
return (
|
|
5
|
+
<>
|
|
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
|
+
>
|
|
13
|
+
<path d="m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z" />
|
|
14
|
+
</svg>
|
|
15
|
+
</>
|
|
16
|
+
);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export default BackArrow
|
|
Binary file
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="59" height="49" viewBox="0 0 59 49" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M27.4962 48.6953L54.791 48.6953C55.8467 48.6953 56.8591 48.2837 57.6056 47.551C58.3521 46.8183 58.7715 45.8245 58.7715 44.7883L58.7715 4.60229C58.7715 3.56609 58.3521 2.57234 57.6056 1.83964C56.8591 1.10694 55.8467 0.69531 54.791 0.69531L27.4962 0.695311C26.4405 0.695311 25.428 1.10694 24.6815 1.83964C23.935 2.57234 23.5157 3.56609 23.5157 4.60229L23.5157 11.3C23.5157 11.744 23.6954 12.1699 24.0153 12.484C24.3352 12.798 24.7692 12.9744 25.2216 12.9744C25.674 12.9744 26.1079 12.798 26.4279 12.484C26.7478 12.1699 26.9275 11.744 26.9275 11.3L26.9275 4.60229C26.9275 4.45426 26.9874 4.3123 27.0941 4.20762C27.2007 4.10295 27.3454 4.04415 27.4962 4.04415L54.791 4.04415C54.9418 4.04415 55.0864 4.10295 55.1931 4.20762C55.2997 4.31229 55.3596 4.45426 55.3596 4.60229L55.3596 44.7883C55.3596 44.9364 55.2997 45.0783 55.1931 45.183C55.0864 45.2877 54.9418 45.3465 54.791 45.3465L27.4962 45.3465C27.3454 45.3465 27.2007 45.2877 27.0941 45.183C26.9874 45.0783 26.9275 44.9364 26.9275 44.7883L26.9275 38.0907C26.9275 37.6466 26.7478 37.2207 26.4279 36.9067C26.1079 36.5927 25.674 36.4162 25.2216 36.4162C24.7692 36.4162 24.3352 36.5927 24.0153 36.9067C23.6954 37.2207 23.5157 37.6466 23.5157 38.0907L23.5157 44.7883C23.5157 45.8245 23.935 46.8183 24.6815 47.551C25.428 48.2837 26.4405 48.6953 27.4962 48.6953ZM15.0543 14.7158L6.59572 23.0209L34.3199 23.0209C34.7723 23.0209 35.2062 23.1973 35.5261 23.5113C35.8461 23.8253 36.0258 24.2512 36.0258 24.6953C36.0258 25.1394 35.8461 25.5653 35.5261 25.8793C35.2062 26.1933 34.7723 26.3697 34.3199 26.3697L6.59572 26.3697L15.0543 34.6748C15.2219 34.8281 15.3563 35.013 15.4496 35.2184C15.5428 35.4238 15.5929 35.6455 15.597 35.8703C15.601 36.0952 15.5589 36.3185 15.4731 36.527C15.3873 36.7355 15.2596 36.9249 15.0976 37.0839C14.9356 37.2429 14.7426 37.3682 14.5302 37.4524C14.3178 37.5366 14.0903 37.578 13.8612 37.574C13.6322 37.5701 13.4063 37.5209 13.197 37.4293C12.9877 37.3378 12.7994 37.2059 12.6432 37.0414L1.27039 25.8786C0.950925 25.5646 0.771485 25.139 0.771485 24.6953C0.771485 24.2516 0.950925 23.826 1.27039 23.5121L12.6432 12.3493C12.7994 12.1848 12.9877 12.0528 13.197 11.9613C13.4063 11.8698 13.6322 11.8206 13.8612 11.8166C14.0903 11.8126 14.3178 11.854 14.5302 11.9382C14.7426 12.0224 14.9356 12.1478 15.0976 12.3068C15.2596 12.4658 15.3873 12.6552 15.4731 12.8637C15.5589 13.0721 15.601 13.2955 15.597 13.5203C15.5929 13.7451 15.5428 13.9668 15.4496 14.1722C15.3563 14.3776 15.2219 14.5625 15.0543 14.7158Z" fill="#ED5C2F"/>
|
|
3
|
+
</svg>
|
|
Binary file
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
const biFoldSelfMailers = (props: any) => {
|
|
4
|
+
const {fill} = props;
|
|
5
|
+
return (
|
|
6
|
+
<svg width="55" height="56" viewBox="0 0 55 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
7
|
+
<g clipPath="url(#clip0_1099_4296)">
|
|
8
|
+
<path d="M27.443 14.6807L29.8068 18.871L34.5344 20.0683L31.5796 23.66V27.8504H30.9887L27.443 26.6532L23.3063 27.8504V23.66L20.3516 19.4697L24.4882 18.871L27.443 14.6807Z" fill={fill}/>
|
|
9
|
+
<path d="M12.0318 55.2031H42.8545C43.8508 55.2031 44.6612 54.3927 44.6612 53.3965V8.43434C44.6612 7.43822 43.8508 6.62769 42.8545 6.62769H41.1125V2.30513C41.1125 1.30869 40.303 0.498047 39.3079 0.498047C39.1787 0.498047 39.0488 0.512044 38.9218 0.539717L30.9667 2.27051C30.5343 2.36464 30.26 2.79139 30.3541 3.2239C30.4481 3.6562 30.8741 3.93068 31.3075 3.83655L39.2626 2.10576C39.2781 2.10244 39.2933 2.10073 39.308 2.10073C39.4051 2.10073 39.51 2.17884 39.51 2.30513V6.62779H18.4789L27.6533 4.6317C28.0857 4.53757 28.3599 4.11083 28.2658 3.67831C28.1717 3.2458 27.7453 2.97132 27.3124 3.06566L10.8664 6.64382C10.8651 6.64403 10.8637 6.64436 10.8624 6.64468L10.856 6.64607C10.486 6.72705 10.2251 7.05518 10.2251 7.42914V39.9622C10.2251 40.4048 10.5838 40.7636 11.0264 40.7636C11.4691 40.7636 11.8278 40.4048 11.8278 39.9622V8.23038H42.8545C42.9671 8.23038 43.0585 8.32184 43.0585 8.43434V53.3965C43.0585 53.509 42.9671 53.6004 42.8545 53.6004H12.0318C11.9192 53.6004 11.8278 53.509 11.8278 53.3965V43.7017C11.8278 43.2592 11.4691 42.9004 11.0264 42.9004C10.5838 42.9004 10.2251 43.2592 10.2251 43.7017V53.3965C10.2251 54.3927 11.0355 55.2031 12.0318 55.2031Z" fill="black"/>
|
|
10
|
+
<path d="M40.7989 30.0602V12.8045C40.7989 11.8913 40.056 11.1484 39.1428 11.1484H15.7435C14.8303 11.1484 14.0874 11.8913 14.0874 12.8045V30.0602C14.0874 30.9734 14.8303 31.7163 15.7435 31.7163H39.1428C40.056 31.7163 40.7989 30.9733 40.7989 30.0602ZM39.1962 30.0602C39.1962 30.0896 39.1721 30.1136 39.1428 30.1136H15.7435C15.7141 30.1136 15.6901 30.0896 15.6901 30.0602V12.8045C15.6901 12.7751 15.7141 12.7511 15.7435 12.7511H39.1428C39.1721 12.7511 39.1962 12.7751 39.1962 12.8045V30.0602Z" fill="black"/>
|
|
11
|
+
<path d="M14.0874 48.9162C14.0874 49.8896 14.8793 50.6815 15.8527 50.6815H39.0335C40.0068 50.6815 40.7988 49.8896 40.7988 48.9162V41.6891C40.7988 40.7158 40.0068 39.9238 39.0335 39.9238H15.8527C14.8793 39.9238 14.0874 40.7158 14.0874 41.6891V48.9162ZM15.6901 41.6891C15.6901 41.5995 15.7631 41.5265 15.8527 41.5265H39.0335C39.1232 41.5265 39.1961 41.5995 39.1961 41.6891V48.9162C39.1961 49.0058 39.1231 49.0788 39.0335 49.0788H15.8527C15.763 49.0788 15.6901 49.0058 15.6901 48.9162V41.6891Z" fill="black"/>
|
|
12
|
+
<path d="M39.2459 33.4033H29.3695C28.9268 33.4033 28.5681 33.7621 28.5681 34.2047C28.5681 34.6472 28.9268 35.006 29.3695 35.006H39.2459C39.6885 35.006 40.0472 34.6472 40.0472 34.2047C40.0472 33.7621 39.6884 33.4033 39.2459 33.4033Z" fill="black"/>
|
|
13
|
+
<path d="M39.2459 36.7344H29.3695C28.9268 36.7344 28.5681 37.0932 28.5681 37.5357C28.5681 37.9783 28.9268 38.3371 29.3695 38.3371H39.2459C39.6885 38.3371 40.0472 37.9783 40.0472 37.5357C40.0472 37.0932 39.6884 36.7344 39.2459 36.7344Z" fill="black"/>
|
|
14
|
+
<path d="M25.5169 33.4033H15.6405C15.1978 33.4033 14.8391 33.7621 14.8391 34.2047C14.8391 34.6472 15.1978 35.006 15.6405 35.006H25.5169C25.9595 35.006 26.3182 34.6472 26.3182 34.2047C26.3182 33.7621 25.9594 33.4033 25.5169 33.4033Z" fill="black"/>
|
|
15
|
+
<path d="M25.5169 36.7344H15.6405C15.1978 36.7344 14.8391 37.0932 14.8391 37.5357C14.8391 37.9783 15.1978 38.3371 15.6405 38.3371H25.5169C25.9595 38.3371 26.3182 37.9783 26.3182 37.5357C26.3182 37.0932 25.9594 36.7344 25.5169 36.7344Z" fill="black"/>
|
|
16
|
+
<path d="M33.3283 18.4721L30.4624 18.0557C30.4558 18.0547 30.4503 18.0506 30.4474 18.0449L29.1657 15.4478C28.8397 14.7872 28.1796 14.377 27.4431 14.377C26.7066 14.377 26.0465 14.7872 25.7205 15.4478L24.4389 18.0447C24.436 18.0506 24.4304 18.0547 24.424 18.0557L21.5579 18.4721C20.829 18.578 20.2347 19.079 20.0071 19.7796C19.7795 20.4801 19.9657 21.2346 20.4932 21.7488L22.5672 23.7704C22.5718 23.7749 22.5739 23.7813 22.5729 23.7878L22.0832 26.6422C21.9587 27.3682 22.2516 28.0882 22.8474 28.5211C23.4432 28.9538 24.2182 29.01 24.8705 28.6673L27.4338 27.3196C27.4399 27.3165 27.4468 27.3166 27.4523 27.3196L30.0157 28.6673C30.2993 28.8163 30.6061 28.8899 30.9114 28.8899C31.308 28.8899 31.702 28.7657 32.0388 28.5211C32.6346 28.0882 32.9275 27.3682 32.8029 26.6422L32.3134 23.7877C32.3123 23.7813 32.3144 23.7749 32.3191 23.7703L34.393 21.7488C34.9205 21.2346 35.1067 20.4801 34.8791 19.7796C34.6515 19.0791 34.0572 18.5781 33.3283 18.4721ZM33.2742 20.6012L31.2004 22.6226C30.8179 22.9954 30.6435 23.5323 30.7338 24.0587L31.2233 26.9131C31.2524 27.0827 31.1565 27.181 31.0967 27.2244C31.0369 27.2678 30.9141 27.3288 30.7615 27.2487L28.198 25.9009C27.9616 25.7768 27.7023 25.7146 27.4431 25.7146C27.1839 25.7146 26.9245 25.7768 26.6881 25.9009L24.1247 27.2486C23.9722 27.3287 23.8493 27.2678 23.7895 27.2243C23.7297 27.1808 23.6338 27.0826 23.6628 26.913L24.1524 24.0586C24.2427 23.532 24.0683 22.9951 23.6859 22.6225L21.612 20.6009C21.4887 20.4807 21.5086 20.3449 21.5314 20.2746C21.5543 20.2043 21.6181 20.0827 21.7883 20.0579L24.6544 19.6415C25.1827 19.5646 25.6394 19.233 25.876 18.754L27.1577 16.1569C27.2339 16.0025 27.3692 15.9794 27.4431 15.9794C27.517 15.9794 27.6523 16.0025 27.7285 16.1569L29.0103 18.7542C29.2468 19.233 29.7034 19.5646 30.2319 19.6415L33.0979 20.0579C33.2682 20.0827 33.3319 20.2043 33.3548 20.2746C33.3776 20.3449 33.3975 20.481 33.2742 20.6012Z" fill="black"/>
|
|
17
|
+
</g>
|
|
18
|
+
<defs>
|
|
19
|
+
<clipPath id="clip0_1099_4296">
|
|
20
|
+
<rect width="54.7051" height="54.7051" fill="white" transform="translate(0.0905762 0.498047)"/>
|
|
21
|
+
</clipPath>
|
|
22
|
+
</defs>
|
|
23
|
+
</svg>
|
|
24
|
+
|
|
25
|
+
)
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export default biFoldSelfMailers;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M6.375 3H10.125C10.125 2.50272 9.92746 2.02581 9.57582 1.67417C9.22419 1.32254 8.74728 1.125 8.25 1.125C7.75272 1.125 7.27581 1.32254 6.92417 1.67417C6.57254 2.02581 6.375 2.50272 6.375 3ZM5.25 3C5.25 2.20435 5.56607 1.44129 6.12868 0.87868C6.69129 0.316071 7.45435 0 8.25 0C9.04565 0 9.80871 0.316071 10.3713 0.87868C10.9339 1.44129 11.25 2.20435 11.25 3H15.9375C16.0867 3 16.2298 3.05926 16.3352 3.16475C16.4407 3.27024 16.5 3.41332 16.5 3.5625C16.5 3.71168 16.4407 3.85476 16.3352 3.96025C16.2298 4.06574 16.0867 4.125 15.9375 4.125H14.955L14.0422 15.0773C13.9758 15.874 13.6124 16.6167 13.0241 17.1581C12.4358 17.6994 11.6655 17.9999 10.866 18H5.634C4.83449 17.9999 4.0642 17.6994 3.47588 17.1581C2.88755 16.6167 2.52416 15.874 2.45775 15.0773L1.545 4.125H0.5625C0.413316 4.125 0.270242 4.06574 0.164752 3.96025C0.0592632 3.85476 0 3.71168 0 3.5625C0 3.41332 0.0592632 3.27024 0.164752 3.16475C0.270242 3.05926 0.413316 3 0.5625 3H5.25ZM3.579 14.9835C3.62189 15.4991 3.85697 15.9797 4.23761 16.33C4.61825 16.6804 5.11666 16.8749 5.634 16.875H10.866C11.3833 16.8749 11.8817 16.6804 12.2624 16.33C12.643 15.9797 12.8781 15.4991 12.921 14.9835L13.827 4.125H2.67375L3.579 14.9835ZM6.5625 6.75C6.71168 6.75 6.85476 6.80926 6.96025 6.91475C7.06574 7.02024 7.125 7.16332 7.125 7.3125V13.6875C7.125 13.8367 7.06574 13.9798 6.96025 14.0852C6.85476 14.1907 6.71168 14.25 6.5625 14.25C6.41332 14.25 6.27024 14.1907 6.16475 14.0852C6.05926 13.9798 6 13.8367 6 13.6875V7.3125C6 7.16332 6.05926 7.02024 6.16475 6.91475C6.27024 6.80926 6.41332 6.75 6.5625 6.75ZM10.5 7.3125C10.5 7.16332 10.4407 7.02024 10.3352 6.91475C10.2298 6.80926 10.0867 6.75 9.9375 6.75C9.78832 6.75 9.64524 6.80926 9.53975 6.91475C9.43426 7.02024 9.375 7.16332 9.375 7.3125V13.6875C9.375 13.8367 9.43426 13.9798 9.53975 14.0852C9.64524 14.1907 9.78832 14.25 9.9375 14.25C10.0867 14.25 10.2298 14.1907 10.3352 14.0852C10.4407 13.9798 10.5 13.8367 10.5 13.6875V7.3125Z" fill="#303030"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M24.9995 2.84375L24.9998 2.84375C30.1111 2.84777 35.0639 4.61838 39.0194 7.85568C42.9748 11.093 45.6897 15.598 46.7042 20.6076C47.7188 25.6172 46.9705 30.8235 44.5863 35.3447C42.2022 39.8655 38.3289 43.4234 33.6223 45.4159C28.2187 47.6429 22.1542 47.6454 16.7487 45.4227C11.3429 43.1999 7.03406 38.9315 4.76023 33.547C2.48641 28.1624 2.43172 22.0976 4.60808 16.6729C6.78433 11.2485 11.0152 6.90334 16.3796 4.58328C19.1068 3.4299 22.0385 2.83827 24.9995 2.84375ZM25 0.75C11.6076 0.75 0.75 11.6076 0.75 25C0.75 38.3924 11.6076 49.25 25 49.25C38.3924 49.25 49.25 38.3924 49.25 25C49.25 11.6076 38.3924 0.75 25 0.75Z" fill="#F15A22" stroke="#F15A22" stroke-width="0.5"/>
|
|
3
|
+
<path d="M32.2146 24.9999L38.5384 31.3236C38.5384 31.3237 38.5384 31.3237 38.5384 31.3237C38.7839 31.569 38.9786 31.8603 39.1115 32.1809C39.2444 32.5015 39.3128 32.8451 39.3128 33.1922C39.3128 33.5393 39.2444 33.8829 39.1115 34.2035C38.9786 34.5241 38.7839 34.8154 38.5384 35.0607C38.5384 35.0607 38.5384 35.0607 38.5384 35.0608L35.0619 38.5372C35.0618 38.5374 35.0616 38.5375 35.0614 38.5377C34.8168 38.7841 34.5257 38.9794 34.205 39.1124C33.8843 39.2454 33.5404 39.3134 33.1932 39.3124M32.2146 24.9999L35.0612 11.4618C34.8159 11.2164 34.5247 11.0216 34.2041 10.8888C33.8835 10.7559 33.5398 10.6875 33.1927 10.6875C32.8457 10.6875 32.502 10.7559 32.1814 10.8888C31.8608 11.0216 31.5695 11.2164 31.3242 11.4619L25.0004 17.7857L18.6766 11.4618L18.6765 11.4618C18.1808 10.9665 17.5088 10.6883 16.8081 10.6883C16.1074 10.6883 15.4353 10.9665 14.9396 11.4618L14.9396 11.4618L11.4615 14.939L11.4612 14.9392C10.9665 15.4351 10.6887 16.107 10.6887 16.8075C10.6887 17.508 10.9665 18.1799 11.4612 18.6758L11.4614 18.676L17.7862 24.9999L11.4614 31.3237L11.4614 31.3237C10.9659 31.8193 10.6875 32.4914 10.6875 33.1922C10.6875 33.893 10.9659 34.5651 11.4614 35.0607L11.4615 35.0607L14.9395 38.5378C15.1848 38.7833 15.4761 38.9781 15.7967 39.1109C16.1173 39.2438 16.461 39.3122 16.8081 39.3122C17.1551 39.3122 17.4988 39.2438 17.8194 39.1109C18.14 38.9781 18.4312 38.7833 18.6766 38.5379C18.6766 38.5379 18.6766 38.5378 18.6766 38.5378L25.0004 32.214L31.3236 38.5372C31.3237 38.5373 31.3238 38.5374 31.3239 38.5375C31.5687 38.784 31.8601 38.9795 32.181 39.1125C32.5019 39.2454 32.8459 39.3134 33.1932 39.3124M32.2146 24.9999L38.5384 18.6761C38.5384 18.676 38.5384 18.676 38.5384 18.676C38.7839 18.4307 38.9786 18.1394 39.1115 17.8188C39.2444 17.4982 39.3128 17.1546 39.3128 16.8075C39.3128 16.4604 39.2444 16.1168 39.1115 15.7962C38.9786 15.4756 38.7839 15.1843 38.5384 14.939C38.5384 14.939 38.5384 14.939 38.5384 14.9389L35.0613 11.4619L32.2146 24.9999ZM33.1932 39.3124C33.193 39.3124 33.1927 39.3123 33.1924 39.3123L33.1932 39.0624L33.194 39.3123C33.1938 39.3123 33.1935 39.3124 33.1932 39.3124ZM25.0004 28.9586L25.1773 29.1357L32.9507 36.9166C32.9507 36.9166 32.9507 36.9166 32.9508 36.9167C33.0151 36.9808 33.1023 37.0169 33.1932 37.0169C33.2841 37.0169 33.3714 36.9808 33.4357 36.9166L36.9171 33.4352C36.9813 33.3708 37.0174 33.2836 37.0174 33.1927C37.0174 33.1018 36.9814 33.0146 36.9172 32.9502C36.9172 32.9502 36.9172 32.9502 36.9171 32.9501L29.1362 25.1767L28.9592 24.9999L29.1362 24.823L36.9171 17.0496C36.9813 16.9852 37.0174 16.898 37.0174 16.807C37.0174 16.7161 36.9813 16.6289 36.9171 16.5645L33.4404 13.0878L25.0004 28.9586ZM25.0004 28.9586L24.8235 29.1357M25.0004 28.9586L24.8235 29.1357M24.8235 29.1357L17.0501 36.9166C16.9857 36.9808 16.8985 37.0169 16.8076 37.0169C16.7167 37.0169 16.6294 36.9808 16.5651 36.9166L13.0921 33.4352C13.0279 33.3708 12.9918 33.2836 12.9918 33.1927C12.9918 33.1017 13.0279 33.0145 13.0921 32.9501L20.8647 25.1766L21.0415 24.9998L20.8646 24.823L13.0881 17.053C13.0881 17.053 13.0881 17.053 13.088 17.053C13.0562 17.0212 13.031 16.9834 13.0138 16.9419C12.9966 16.9003 12.9877 16.8558 12.9877 16.8108C12.9877 16.7658 12.9966 16.7212 13.0138 16.6797C13.031 16.6381 13.0563 16.6004 13.0881 16.5685L13.0881 16.5685L16.5653 13.0913L16.5653 13.0913C16.5971 13.0595 16.6349 13.0342 16.6765 13.017C16.718 12.9998 16.7626 12.9909 16.8076 12.9909C16.8526 12.9909 16.8971 12.9998 16.9387 13.017C16.9803 13.0342 17.018 13.0595 17.0498 13.0913L17.0499 13.0913L24.8236 20.8641L25.0004 21.0409M24.8235 29.1357L25.0004 21.0409M25.0004 21.0409L25.1772 20.8641M25.0004 21.0409L25.1772 20.8641M25.1772 20.8641L32.9554 13.0878L25.1772 20.8641ZM33.1979 12.9875C33.2887 12.9875 33.3758 13.0235 33.4402 13.0876L32.9556 13.0876C33.02 13.0235 33.1071 12.9875 33.1979 12.9875Z" fill="#F15A22" stroke="#F15A22" stroke-width="0.5"/>
|
|
4
|
+
</svg>
|
|
Binary file
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M3.5 15.025H3.975V15.5C3.975 16.1697 4.24103 16.8119 4.71456 17.2854C5.18809 17.759 5.83033 18.025 6.5 18.025H15.5C16.1697 18.025 16.8119 17.759 17.2854 17.2854C17.759 16.8119 18.025 16.1697 18.025 15.5V6.5C18.025 5.83033 17.759 5.18809 17.2854 4.71456C16.8119 4.24103 16.1697 3.975 15.5 3.975H15.025V3.5C15.025 2.83033 14.759 2.18808 14.2854 1.71456C13.8119 1.24103 13.1697 0.975 12.5 0.975H3.5C2.83033 0.975 2.18808 1.24103 1.71456 1.71456C1.24103 2.18808 0.975 2.83033 0.975 3.5V12.5C0.975 13.1697 1.24103 13.8119 1.71456 14.2854C2.18808 14.759 2.83033 15.025 3.5 15.025ZM15.5 5.025C15.8912 5.025 16.2664 5.1804 16.543 5.45702C16.8196 5.73363 16.975 6.10881 16.975 6.5V15.5C16.975 15.8912 16.8196 16.2664 16.543 16.543C16.2664 16.8196 15.8912 16.975 15.5 16.975H6.5C6.10881 16.975 5.73363 16.8196 5.45702 16.543C5.1804 16.2664 5.025 15.8912 5.025 15.5V15.025H12.5C13.1697 15.025 13.8119 14.759 14.2854 14.2854C14.759 13.8119 15.025 13.1697 15.025 12.5V5.025H15.5ZM2.025 3.5C2.025 3.10881 2.1804 2.73363 2.45702 2.45702C2.73363 2.1804 3.10881 2.025 3.5 2.025H12.5C12.8912 2.025 13.2664 2.1804 13.543 2.45702C13.8196 2.73363 13.975 3.10881 13.975 3.5V12.5C13.975 12.8912 13.8196 13.2664 13.543 13.543C13.2664 13.8196 12.8912 13.975 12.5 13.975H3.5C3.10881 13.975 2.73363 13.8196 2.45702 13.543C2.1804 13.2664 2.025 12.8912 2.025 12.5V3.5Z" fill="#303030" stroke="#303030" stroke-width="0.05"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M15.143 14.1522L14.8508 14.5029L15.1736 14.8257L20.6861 20.3382L20.2949 20.7294L14.7824 15.217L14.4596 14.8942L14.1088 15.1863C12.5154 16.5136 10.4716 17.1755 8.40264 17.0343C6.33364 16.893 4.39875 15.9596 3.00046 14.4281C1.60218 12.8966 0.848162 10.885 0.89527 8.8117C0.942379 6.73842 1.78699 4.76313 3.25339 3.29672C4.71979 1.83032 6.69509 0.985714 8.76836 0.938605C10.8416 0.891497 12.8533 1.64551 14.3847 3.0438C15.9162 4.44208 16.8497 6.37698 16.9909 8.44597C17.1322 10.515 16.4703 12.5588 15.143 14.1522ZM1.47446 9.00854L1.47446 9.00909C1.47667 10.9949 2.26652 12.8988 3.67072 14.303C5.07493 15.7072 6.97881 16.4971 8.96465 16.4993H8.9652C10.4467 16.4993 11.895 16.06 13.1268 15.2369C14.3587 14.4138 15.3188 13.2439 15.8857 11.8751C16.4527 10.5064 16.601 9.00023 16.312 7.54717C16.023 6.09411 15.3096 4.75938 14.262 3.71179C13.2144 2.66419 11.8796 1.95076 10.4266 1.66173C8.97351 1.3727 7.46738 1.52104 6.09862 2.088C4.72987 2.65495 3.55997 3.61506 2.73688 4.84691C1.91379 6.07875 1.47446 7.52701 1.47446 9.00854Z" fill="#ED5C2F" stroke="#ED5C2F"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
const contentCopyIcon = (props:any) => {
|
|
4
|
+
const {className={}}= props;
|
|
5
|
+
return (
|
|
6
|
+
<svg
|
|
7
|
+
width="19"
|
|
8
|
+
className={className}
|
|
9
|
+
height="19"
|
|
10
|
+
viewBox="0 0 19 19"
|
|
11
|
+
fill="none"
|
|
12
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
13
|
+
>
|
|
14
|
+
<path
|
|
15
|
+
d="M3.5 15.025H3.975V15.5C3.975 16.1697 4.24103 16.8119 4.71456 17.2854C5.18809 17.759 5.83033 18.025 6.5 18.025H15.5C16.1697 18.025 16.8119 17.759 17.2854 17.2854C17.759 16.8119 18.025 16.1697 18.025 15.5V6.5C18.025 5.83033 17.759 5.18809 17.2854 4.71456C16.8119 4.24103 16.1697 3.975 15.5 3.975H15.025V3.5C15.025 2.83033 14.759 2.18808 14.2854 1.71456C13.8119 1.24103 13.1697 0.975 12.5 0.975H3.5C2.83033 0.975 2.18808 1.24103 1.71456 1.71456C1.24103 2.18808 0.975 2.83033 0.975 3.5V12.5C0.975 13.1697 1.24103 13.8119 1.71456 14.2854C2.18808 14.759 2.83033 15.025 3.5 15.025ZM15.5 5.025C15.8912 5.025 16.2664 5.1804 16.543 5.45702C16.8196 5.73363 16.975 6.10881 16.975 6.5V15.5C16.975 15.8912 16.8196 16.2664 16.543 16.543C16.2664 16.8196 15.8912 16.975 15.5 16.975H6.5C6.10881 16.975 5.73363 16.8196 5.45702 16.543C5.1804 16.2664 5.025 15.8912 5.025 15.5V15.025H12.5C13.1697 15.025 13.8119 14.759 14.2854 14.2854C14.759 13.8119 15.025 13.1697 15.025 12.5V5.025H15.5ZM2.025 3.5C2.025 3.10881 2.1804 2.73363 2.45702 2.45702C2.73363 2.1804 3.10881 2.025 3.5 2.025H12.5C12.8912 2.025 13.2664 2.1804 13.543 2.45702C13.8196 2.73363 13.975 3.10881 13.975 3.5V12.5C13.975 12.8912 13.8196 13.2664 13.543 13.543C13.2664 13.8196 12.8912 13.975 12.5 13.975H3.5C3.10881 13.975 2.73363 13.8196 2.45702 13.543C2.1804 13.2664 2.025 12.8912 2.025 12.5V3.5Z"
|
|
16
|
+
fill=""
|
|
17
|
+
stroke=""
|
|
18
|
+
strokeWidth="0.05"
|
|
19
|
+
/>
|
|
20
|
+
</svg>
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export default contentCopyIcon
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.417358 6.78809C0.417358 5.19679 1.0495 3.67066 2.17472 2.54545C3.29994 1.42023 4.82606 0.788086 6.41736 0.788086C8.00866 0.788086 9.53478 1.42023 10.66 2.54545C11.7852 3.67066 12.4174 5.19679 12.4174 6.78809C12.4174 8.37938 11.7852 9.90551 10.66 11.0307C9.53478 12.1559 8.00866 12.7881 6.41736 12.7881C4.82606 12.7881 3.29994 12.1559 2.17472 11.0307C1.0495 9.90551 0.417358 8.37938 0.417358 6.78809ZM6.41736 1.64872C5.05431 1.64872 3.7471 2.19019 2.78328 3.15401C1.81946 4.11783 1.278 5.42504 1.278 6.78809C1.278 8.15113 1.81946 9.45835 2.78328 10.4222C3.7471 11.386 5.05431 11.9275 6.41736 11.9275C7.7804 11.9275 9.08762 11.386 10.0514 10.4222C11.0153 9.45835 11.5567 8.15113 11.5567 6.78809C11.5567 5.42504 11.0153 4.11783 10.0514 3.15401C9.08762 2.19019 7.7804 1.64872 6.41736 1.64872ZM8.54993 4.65642C8.63484 4.74137 8.68255 4.85656 8.68255 4.97667C8.68255 5.09678 8.63484 5.21198 8.54993 5.29692L7.05785 6.78809L8.54993 8.27925C8.63498 8.36431 8.68277 8.47967 8.68277 8.59995C8.68277 8.72024 8.63498 8.8356 8.54993 8.92065C8.46487 9.00571 8.34951 9.05349 8.22923 9.05349C8.10894 9.05349 7.99358 9.00571 7.90853 8.92065L6.41736 7.42858L4.92619 8.92065C4.88408 8.96277 4.83408 8.99618 4.77905 9.01897C4.72403 9.04176 4.66505 9.05349 4.60549 9.05349C4.54593 9.05349 4.48695 9.04176 4.43193 9.01897C4.3769 8.99618 4.32691 8.96277 4.28479 8.92065C4.24268 8.87854 4.20927 8.82854 4.18648 8.77352C4.16368 8.71849 4.15195 8.65951 4.15195 8.59995C4.15195 8.54039 4.16368 8.48142 4.18648 8.42639C4.20927 8.37137 4.24268 8.32137 4.28479 8.27925L5.77686 6.78809L4.28479 5.29692C4.19974 5.21186 4.15195 5.0965 4.15195 4.97622C4.15195 4.85593 4.19974 4.74057 4.28479 4.65552C4.36985 4.57046 4.4852 4.52268 4.60549 4.52268C4.72578 4.52268 4.84114 4.57046 4.92619 4.65552L6.41736 6.14759L7.90853 4.65552C7.9506 4.61333 8.00059 4.57987 8.05562 4.55703C8.11065 4.5342 8.16965 4.52244 8.22923 4.52244C8.28881 4.52244 8.3478 4.5342 8.40283 4.55703C8.45786 4.57987 8.50785 4.61424 8.54993 4.65642Z" fill="#ED5C2F"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4.125 18.5625H11C11.1823 18.5625 11.3572 18.6349 11.4861 18.7639C11.6151 18.8928 11.6875 19.0677 11.6875 19.25C11.6875 19.4323 11.6151 19.6072 11.4861 19.7361C11.3572 19.8651 11.1823 19.9375 11 19.9375H4.125C3.57799 19.9375 3.05339 19.7202 2.66659 19.3334C2.2798 18.9466 2.0625 18.422 2.0625 17.875V4.125C2.0625 3.57799 2.2798 3.05339 2.66659 2.66659C3.05339 2.2798 3.57799 2.0625 4.125 2.0625H17.875C18.422 2.0625 18.9466 2.2798 19.3334 2.66659C19.7202 3.05339 19.9375 3.57799 19.9375 4.125V4.8125C19.9375 4.99484 19.8651 5.1697 19.7361 5.29864C19.6072 5.42757 19.4323 5.5 19.25 5.5C19.0677 5.5 18.8928 5.42757 18.7639 5.29864C18.6349 5.1697 18.5625 4.99484 18.5625 4.8125V4.125C18.5625 3.94266 18.4901 3.7678 18.3611 3.63886C18.2322 3.50993 18.0573 3.4375 17.875 3.4375H4.125C3.94266 3.4375 3.7678 3.50993 3.63886 3.63886C3.50993 3.7678 3.4375 3.94266 3.4375 4.125V6.875H19.25C19.4323 6.875 19.6072 6.94743 19.7361 7.07636C19.8651 7.2053 19.9375 7.38016 19.9375 7.5625V17.875C19.9375 18.422 19.7202 18.9466 19.3334 19.3334C18.9466 19.7202 18.422 19.9375 17.875 19.9375H13.75C13.5677 19.9375 13.3928 19.8651 13.2639 19.7361C13.1349 19.6072 13.0625 19.4323 13.0625 19.25V8.25H3.4375V17.875C3.4375 18.0573 3.50993 18.2322 3.63886 18.3611C3.7678 18.4901 3.94266 18.5625 4.125 18.5625ZM14.4375 18.5625H17.875C18.0573 18.5625 18.2322 18.4901 18.3611 18.3611C18.4901 18.2322 18.5625 18.0573 18.5625 17.875V8.25H14.4375V18.5625Z" fill="#303030"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4.125 18.5625H11C11.1823 18.5625 11.3572 18.6349 11.4861 18.7639C11.6151 18.8928 11.6875 19.0677 11.6875 19.25C11.6875 19.4323 11.6151 19.6072 11.4861 19.7361C11.3572 19.8651 11.1823 19.9375 11 19.9375H4.125C3.57799 19.9375 3.05339 19.7202 2.66659 19.3334C2.2798 18.9466 2.0625 18.422 2.0625 17.875V4.125C2.0625 3.57799 2.2798 3.05339 2.66659 2.66659C3.05339 2.2798 3.57799 2.0625 4.125 2.0625H17.875C18.422 2.0625 18.9466 2.2798 19.3334 2.66659C19.7202 3.05339 19.9375 3.57799 19.9375 4.125V4.8125C19.9375 4.99484 19.8651 5.1697 19.7361 5.29864C19.6072 5.42757 19.4323 5.5 19.25 5.5C19.0677 5.5 18.8928 5.42757 18.7639 5.29864C18.6349 5.1697 18.5625 4.99484 18.5625 4.8125V4.125C18.5625 3.94266 18.4901 3.7678 18.3611 3.63886C18.2322 3.50993 18.0573 3.4375 17.875 3.4375H4.125C3.94266 3.4375 3.7678 3.50993 3.63886 3.63886C3.50993 3.7678 3.4375 3.94266 3.4375 4.125V6.875H19.25C19.4323 6.875 19.6072 6.94743 19.7361 7.07636C19.8651 7.2053 19.9375 7.38016 19.9375 7.5625V17.875C19.9375 18.422 19.7202 18.9466 19.3334 19.3334C18.9466 19.7202 18.422 19.9375 17.875 19.9375H13.75C13.5677 19.9375 13.3928 19.8651 13.2639 19.7361C13.1349 19.6072 13.0625 19.4323 13.0625 19.25V8.25H3.4375V17.875C3.4375 18.0573 3.50993 18.2322 3.63886 18.3611C3.7678 18.4901 3.94266 18.5625 4.125 18.5625ZM14.4375 18.5625H17.875C18.0573 18.5625 18.2322 18.4901 18.3611 18.3611C18.4901 18.2322 18.5625 18.0573 18.5625 17.875V8.25H14.4375V18.5625Z" fill="#ED5C2F"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
const CustomTemplate = (props: any) => {
|
|
4
|
+
const {fill} = props;
|
|
5
|
+
return (
|
|
6
|
+
<>
|
|
7
|
+
<svg
|
|
8
|
+
width="22"
|
|
9
|
+
height="22"
|
|
10
|
+
viewBox="0 0 22 22"
|
|
11
|
+
fill="none"
|
|
12
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
13
|
+
>
|
|
14
|
+
<path
|
|
15
|
+
d="M4.125 18.5625H11C11.1823 18.5625 11.3572 18.6349 11.4861 18.7639C11.6151 18.8928 11.6875 19.0677 11.6875 19.25C11.6875 19.4323 11.6151 19.6072 11.4861 19.7361C11.3572 19.8651 11.1823 19.9375 11 19.9375H4.125C3.57799 19.9375 3.05339 19.7202 2.66659 19.3334C2.2798 18.9466 2.0625 18.422 2.0625 17.875V4.125C2.0625 3.57799 2.2798 3.05339 2.66659 2.66659C3.05339 2.2798 3.57799 2.0625 4.125 2.0625H17.875C18.422 2.0625 18.9466 2.2798 19.3334 2.66659C19.7202 3.05339 19.9375 3.57799 19.9375 4.125V4.8125C19.9375 4.99484 19.8651 5.1697 19.7361 5.29864C19.6072 5.42757 19.4323 5.5 19.25 5.5C19.0677 5.5 18.8928 5.42757 18.7639 5.29864C18.6349 5.1697 18.5625 4.99484 18.5625 4.8125V4.125C18.5625 3.94266 18.4901 3.7678 18.3611 3.63886C18.2322 3.50993 18.0573 3.4375 17.875 3.4375H4.125C3.94266 3.4375 3.7678 3.50993 3.63886 3.63886C3.50993 3.7678 3.4375 3.94266 3.4375 4.125V6.875H19.25C19.4323 6.875 19.6072 6.94743 19.7361 7.07636C19.8651 7.2053 19.9375 7.38016 19.9375 7.5625V17.875C19.9375 18.422 19.7202 18.9466 19.3334 19.3334C18.9466 19.7202 18.422 19.9375 17.875 19.9375H13.75C13.5677 19.9375 13.3928 19.8651 13.2639 19.7361C13.1349 19.6072 13.0625 19.4323 13.0625 19.25V8.25H3.4375V17.875C3.4375 18.0573 3.50993 18.2322 3.63886 18.3611C3.7678 18.4901 3.94266 18.5625 4.125 18.5625ZM14.4375 18.5625H17.875C18.0573 18.5625 18.2322 18.4901 18.3611 18.3611C18.4901 18.2322 18.5625 18.0573 18.5625 17.875V8.25H14.4375V18.5625Z"
|
|
16
|
+
fill={fill}
|
|
17
|
+
/>
|
|
18
|
+
</svg>
|
|
19
|
+
</>
|
|
20
|
+
);
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export default CustomTemplate;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g opacity="0.5" clip-path="url(#clip0_1428_1849)">
|
|
3
|
+
<path d="M31.9235 3.89844H19.7182C19.3252 3.89844 19.0068 4.21683 19.0068 4.6098C19.0068 5.00277 19.3253 5.32116 19.7182 5.32116H31.9234C32.3163 5.32116 32.6348 5.00277 32.6348 4.6098C32.6348 4.21683 32.3163 3.89844 31.9235 3.89844Z" fill="#ED5C2F"/>
|
|
4
|
+
<path d="M25.1525 6.92969H19.7172C19.3243 6.92969 19.0059 7.24817 19.0059 7.64105C19.0059 8.03402 19.3243 8.35241 19.7172 8.35241H25.1525C25.5455 8.35241 25.8639 8.03402 25.8639 7.64105C25.8639 7.24808 25.5454 6.92969 25.1525 6.92969Z" fill="#ED5C2F"/>
|
|
5
|
+
<path d="M44.8518 7.05417C44.4589 7.05417 44.1405 7.37257 44.1405 7.76553C44.1405 8.15841 44.4588 8.47689 44.8518 8.47689C45.5517 8.47689 46.121 9.04621 46.121 9.74607V29.9582H40.9293V8.4768H42.1149C42.5077 8.4768 42.8262 8.15841 42.8262 7.76544C42.8262 7.37257 42.5078 7.05408 42.1149 7.05408H40.9293V2.21352C40.9293 1.03499 39.9705 0.0761719 38.792 0.0761719H9.01719C7.83866 0.0761719 6.87984 1.03499 6.87984 2.21352V7.05417H3.14698C1.66267 7.05417 0.455078 8.26177 0.455078 9.74607V30.6696V37.2246C0.455078 38.7089 1.66267 39.9165 3.14698 39.9165H7.52784C7.92071 39.9165 8.2392 39.5981 8.2392 39.2052C8.2392 38.8123 7.92081 38.4938 7.52784 38.4938H3.14698C2.44711 38.4938 1.8778 37.9245 1.8778 37.2246V31.3809H7.59111H40.2179H46.1209V37.2246C46.1209 37.9245 45.5516 38.4938 44.8517 38.4938H29.1184H18.8804H10.8791C10.4863 38.4938 10.1678 38.8122 10.1678 39.2052C10.1678 39.5981 10.4862 39.9165 10.8791 39.9165H18.169V43.686C16.253 43.7202 14.7045 45.2885 14.7045 47.2125C14.7045 47.6053 15.0229 47.9238 15.4159 47.9238H32.5829C32.9758 47.9238 33.2943 47.6054 33.2943 47.2125C33.2943 45.2885 31.7458 43.7202 29.8298 43.686V39.9165H44.8518C46.3361 39.9165 47.5437 38.7089 47.5437 37.2246V30.6696V9.74607C47.5436 8.26177 46.336 7.05417 44.8518 7.05417ZM6.87984 29.9582H1.8778V9.74607C1.8778 9.04621 2.44711 8.47689 3.14698 8.47689H6.87984V29.9582ZM39.5066 10.4687H15.2736C14.8808 10.4687 14.5623 10.7871 14.5623 11.1801C14.5623 11.5731 14.8807 11.8915 15.2736 11.8915H39.5066V29.9582H8.30247V11.8915H11.5746C11.9675 11.8915 12.286 11.5731 12.286 11.1801C12.286 10.7871 11.9676 10.4687 11.5746 10.4687H8.30247V2.21352C8.30247 1.81943 8.62301 1.49889 9.0171 1.49889H38.792C39.1861 1.49889 39.5066 1.81943 39.5066 2.21352V10.4687ZM19.5916 39.9164H28.4071V43.6844H19.5916V39.9164ZM31.7479 46.5011H16.2509C16.5432 45.6891 17.3212 45.1071 18.2326 45.1071H18.8804H29.1184H29.7662C30.6776 45.1071 31.4556 45.6891 31.7479 46.5011Z" fill="#ED5C2F"/>
|
|
6
|
+
<path d="M24.3812 32.7871C23.1959 32.7871 22.2314 33.7515 22.2314 34.937C22.2314 36.1223 23.1959 37.0868 24.3812 37.0868C25.5668 37.0868 26.5311 36.1224 26.5311 34.937C26.5311 33.7515 25.5667 32.7871 24.3812 32.7871ZM24.3812 35.664C23.9804 35.6641 23.6542 35.3379 23.6542 34.937C23.6542 34.536 23.9804 34.2098 24.3812 34.2098C24.7822 34.2098 25.1084 34.5361 25.1084 34.937C25.1084 35.3379 24.7821 35.664 24.3812 35.664Z" fill="#ED5C2F"/>
|
|
7
|
+
<path d="M16.0912 7.43449L13.7498 3.37912C13.6227 3.15904 13.388 3.02344 13.1338 3.02344C12.8796 3.02344 12.6448 3.15904 12.5177 3.37912L10.1764 7.43449C10.0493 7.65457 10.0493 7.92577 10.1764 8.14585C10.3035 8.36593 10.5382 8.50153 10.7924 8.50153H15.4752C15.7293 8.50153 15.9642 8.36593 16.0912 8.14585C16.2183 7.92577 16.2183 7.65457 16.0912 7.43449ZM12.0244 7.0789L13.1338 5.15752L14.2431 7.0789H12.0244Z" fill="#ED5C2F"/>
|
|
8
|
+
<path d="M37.4109 14.5156H27.1088C26.7159 14.5156 26.3975 14.834 26.3975 15.227C26.3975 15.6199 26.7159 15.9383 27.1088 15.9383H37.4109C37.8038 15.9383 38.1223 15.62 38.1223 15.227C38.1223 14.834 37.8038 14.5156 37.4109 14.5156Z" fill="#ED5C2F"/>
|
|
9
|
+
<path d="M37.4109 17.6436H27.1088C26.7159 17.6436 26.3975 17.9619 26.3975 18.3549C26.3975 18.7479 26.7159 19.0663 27.1088 19.0663H37.4109C37.8038 19.0663 38.1223 18.7479 38.1223 18.3549C38.1223 17.9619 37.8038 17.6436 37.4109 17.6436Z" fill="#ED5C2F"/>
|
|
10
|
+
<path d="M37.4109 20.7715H27.1088C26.7159 20.7715 26.3975 21.0899 26.3975 21.4828C26.3975 21.8757 26.7159 22.1942 27.1088 22.1942H37.4109C37.8038 22.1942 38.1223 21.8758 38.1223 21.4828C38.1223 21.0899 37.8038 20.7715 37.4109 20.7715Z" fill="#ED5C2F"/>
|
|
11
|
+
<path d="M37.4109 23.8994H27.1088C26.7159 23.8994 26.3975 24.2178 26.3975 24.6108C26.3975 25.0036 26.7159 25.3221 27.1088 25.3221H37.4109C37.8038 25.3221 38.1223 25.0037 38.1223 24.6108C38.1223 24.2178 37.8038 23.8994 37.4109 23.8994Z" fill="#ED5C2F"/>
|
|
12
|
+
<path d="M31.9226 27.0293H27.1088C26.7159 27.0293 26.3975 27.3477 26.3975 27.7407C26.3975 28.1335 26.7159 28.452 27.1088 28.452H31.9226C32.3154 28.452 32.6339 28.1336 32.6339 27.7407C32.6339 27.3477 32.3155 27.0293 31.9226 27.0293Z" fill="#ED5C2F"/>
|
|
13
|
+
<path d="M23.9058 13.916H10.7924C10.3995 13.916 10.0811 14.2344 10.0811 14.6274V23.0148V27.7407C10.0811 28.1336 10.3994 28.4521 10.7924 28.4521H23.9058C24.2986 28.4521 24.6171 28.1337 24.6171 27.7407V23.7217V14.6274C24.6171 14.2344 24.2986 13.916 23.9058 13.916ZM11.5039 15.3387H23.1944V22.7766C23.1148 22.763 23.0352 22.751 22.9556 22.7421C21.7158 22.6032 21.0029 23.0993 20.4299 23.4978C19.9997 23.7968 19.6282 24.0551 19.006 24.1056C17.9996 24.1882 17.3543 23.6531 16.5368 22.9769C15.6269 22.2243 14.5948 21.3722 12.9543 21.471C12.4624 21.5009 11.9776 21.614 11.5039 21.8079V15.3387ZM23.1945 27.0294H11.5038V23.3971C12.0084 23.0924 12.5239 22.9225 13.0406 22.8911C14.1212 22.8252 14.8205 23.4036 15.6301 24.0732C16.5247 24.8131 17.538 25.6511 19.1211 25.5237C20.1255 25.4422 20.7445 25.0117 21.2421 24.6659C21.7523 24.3112 22.0899 24.0771 22.7975 24.156C22.929 24.1707 23.0617 24.1954 23.1945 24.2299V27.0294Z" fill="#ED5C2F"/>
|
|
14
|
+
<path d="M19.2252 16.9277C18.0251 16.9277 17.0488 17.904 17.0488 19.1041C17.0488 20.3042 18.0251 21.2806 19.2252 21.2806C20.4254 21.2806 21.4017 20.3043 21.4017 19.1041C21.4017 17.904 20.4254 16.9277 19.2252 16.9277ZM19.2252 19.8579C18.8097 19.8579 18.4715 19.5197 18.4715 19.1041C18.4715 18.6885 18.8097 18.3504 19.2252 18.3504C19.6408 18.3504 19.979 18.6886 19.979 19.1041C19.979 19.5197 19.6408 19.8579 19.2252 19.8579Z" fill="#ED5C2F"/>
|
|
15
|
+
</g>
|
|
16
|
+
<defs>
|
|
17
|
+
<clipPath id="clip0_1428_1849">
|
|
18
|
+
<rect width="47.8477" height="47.8477" fill="white" transform="translate(0.0761719 0.0761719)"/>
|
|
19
|
+
</clipPath>
|
|
20
|
+
</defs>
|
|
21
|
+
</svg>
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
const DynamicField = (props: any) => {
|
|
4
|
+
const {stroke} = props;
|
|
5
|
+
return (
|
|
6
|
+
<>
|
|
7
|
+
<svg
|
|
8
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
+
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
10
|
+
version="1.1"
|
|
11
|
+
id="Capa_1"
|
|
12
|
+
x="0px"
|
|
13
|
+
y="0px"
|
|
14
|
+
viewBox="0 0 512 512"
|
|
15
|
+
style={{ width: '18px', height: '18px'}}
|
|
16
|
+
xmlSpace="preserve"
|
|
17
|
+
width="512"
|
|
18
|
+
height="512"
|
|
19
|
+
>
|
|
20
|
+
<g>
|
|
21
|
+
<path
|
|
22
|
+
style={{
|
|
23
|
+
fill: 'none',
|
|
24
|
+
stroke: `${stroke}`,
|
|
25
|
+
strokeWidth: 40,
|
|
26
|
+
strokeLinecap: 'round',
|
|
27
|
+
strokeLinejoin: 'round',
|
|
28
|
+
strokeMiterlimit: 10,
|
|
29
|
+
}}
|
|
30
|
+
d="M412,136h40c22.091,0,40,17.909,40,40v160c0,22.091-17.909,40-40,40h-40"
|
|
31
|
+
/>
|
|
32
|
+
<line
|
|
33
|
+
style={{
|
|
34
|
+
fill: 'none',
|
|
35
|
+
stroke: `${stroke}`,
|
|
36
|
+
strokeWidth: 40,
|
|
37
|
+
strokeLinecap: 'round',
|
|
38
|
+
strokeLinejoin: 'round',
|
|
39
|
+
strokeMiterlimit: 10,
|
|
40
|
+
}}
|
|
41
|
+
x1="100"
|
|
42
|
+
y1="216"
|
|
43
|
+
x2="180"
|
|
44
|
+
y2="216"
|
|
45
|
+
/>
|
|
46
|
+
<line
|
|
47
|
+
style={{
|
|
48
|
+
fill: 'none',
|
|
49
|
+
stroke: `${stroke}`,
|
|
50
|
+
strokeWidth: 40,
|
|
51
|
+
strokeLinecap: 'round',
|
|
52
|
+
strokeLinejoin: 'round',
|
|
53
|
+
strokeMiterlimit: 10,
|
|
54
|
+
}}
|
|
55
|
+
x1="140"
|
|
56
|
+
y1="296"
|
|
57
|
+
x2="140"
|
|
58
|
+
y2="216"
|
|
59
|
+
/>
|
|
60
|
+
<line
|
|
61
|
+
style={{
|
|
62
|
+
fill: 'none',
|
|
63
|
+
stroke: `${stroke}`,
|
|
64
|
+
strokeWidth: 40,
|
|
65
|
+
strokeLinecap: 'round',
|
|
66
|
+
strokeLinejoin: 'round',
|
|
67
|
+
strokeMiterlimit: 10,
|
|
68
|
+
}}
|
|
69
|
+
x1="332"
|
|
70
|
+
y1="456"
|
|
71
|
+
x2="332"
|
|
72
|
+
y2="56"
|
|
73
|
+
/>
|
|
74
|
+
<line
|
|
75
|
+
style={{
|
|
76
|
+
fill: 'none',
|
|
77
|
+
stroke: `${stroke}`,
|
|
78
|
+
strokeWidth: 40,
|
|
79
|
+
strokeLinecap: 'round',
|
|
80
|
+
strokeLinejoin: 'round',
|
|
81
|
+
strokeMiterlimit: 10,
|
|
82
|
+
}}
|
|
83
|
+
x1="292"
|
|
84
|
+
y1="56"
|
|
85
|
+
x2="372"
|
|
86
|
+
y2="56"
|
|
87
|
+
/>
|
|
88
|
+
<line
|
|
89
|
+
style={{
|
|
90
|
+
fill: 'none',
|
|
91
|
+
stroke: `${stroke}`,
|
|
92
|
+
strokeWidth: 40,
|
|
93
|
+
strokeLinecap: 'round',
|
|
94
|
+
strokeLinejoin: 'round',
|
|
95
|
+
strokeMiterlimit: 10,
|
|
96
|
+
}}
|
|
97
|
+
x1="292"
|
|
98
|
+
y1="456"
|
|
99
|
+
x2="372"
|
|
100
|
+
y2="456"
|
|
101
|
+
/>
|
|
102
|
+
<path
|
|
103
|
+
style={{
|
|
104
|
+
fill: 'none',
|
|
105
|
+
stroke: `${stroke}`,
|
|
106
|
+
strokeWidth: 40,
|
|
107
|
+
strokeLinecap: 'round',
|
|
108
|
+
strokeLinejoin: 'round',
|
|
109
|
+
strokeMiterlimit: 10,
|
|
110
|
+
}}
|
|
111
|
+
d="M332,376H60c-22.091,0-40-17.909-40-40V176c0-22.091,17.909-40,40-40h272"
|
|
112
|
+
/>
|
|
113
|
+
</g>
|
|
114
|
+
</svg>
|
|
115
|
+
</>
|
|
116
|
+
);
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
export default DynamicField;
|