@pareto-engineering/design-system 2.0.0-alpha.40 → 2.0.0-alpha.43
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/dist/cjs/a/GradientBackground/GradientBackground.js +140 -0
- package/dist/cjs/a/GradientBackground/index.js +15 -0
- package/dist/cjs/a/GradientBackground/styles.scss +191 -0
- package/dist/cjs/a/Popover/Popover.js +134 -0
- package/dist/cjs/a/Popover/common/Divider/Divider.js +67 -0
- package/dist/cjs/a/Popover/common/Divider/index.js +15 -0
- package/dist/cjs/a/Popover/common/Item/Item.js +67 -0
- package/dist/cjs/a/Popover/common/Item/index.js +15 -0
- package/dist/cjs/a/Popover/common/index.js +21 -0
- package/dist/cjs/a/Popover/index.js +15 -0
- package/dist/cjs/a/Popover/styles.scss +33 -0
- package/dist/cjs/a/index.js +9 -1
- package/dist/cjs/c/AcceptCookies/AcceptCookies.js +134 -0
- package/dist/cjs/c/AcceptCookies/index.js +15 -0
- package/dist/cjs/c/AcceptCookies/styles.scss +49 -0
- package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +95 -0
- package/dist/cjs/c/BlogCategoryButton/index.js +15 -0
- package/dist/cjs/c/BlogContext/BlogContextProvider.js +63 -0
- package/dist/cjs/c/BlogContext/Context.js +16 -0
- package/dist/cjs/c/BlogContext/ContextProvider.js +63 -0
- package/dist/cjs/c/BlogContext/index.js +31 -0
- package/dist/cjs/c/BlogContext/useBlog.js +16 -0
- package/dist/cjs/c/BlogPost/BlogPost.js +147 -0
- package/dist/cjs/c/BlogPost/index.js +15 -0
- package/dist/cjs/c/BlogPost/styles.scss +33 -0
- package/dist/cjs/c/BlogPostsList/BlogPostsList.js +73 -0
- package/dist/cjs/c/BlogPostsList/common/Card/Card.js +170 -0
- package/dist/cjs/c/BlogPostsList/common/Card/index.js +15 -0
- package/dist/cjs/c/BlogPostsList/common/index.js +13 -0
- package/dist/cjs/c/BlogPostsList/index.js +15 -0
- package/dist/cjs/c/BlogPostsList/styles.scss +72 -0
- package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +11 -4
- package/dist/cjs/c/SiteFooter/SiteFooter.js +73 -0
- package/dist/cjs/c/SiteFooter/common/Section/Section.js +95 -0
- package/dist/cjs/c/SiteFooter/common/Section/index.js +15 -0
- package/dist/cjs/c/SiteFooter/common/index.js +13 -0
- package/dist/cjs/c/SiteFooter/index.js +15 -0
- package/dist/cjs/c/SiteFooter/styles.scss +34 -0
- package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +108 -0
- package/dist/cjs/c/SiteHeaderCTA/index.js +15 -0
- package/dist/cjs/c/SiteHeaderCTA/styles.scss +44 -0
- package/dist/cjs/c/SiteMission/SiteMission.js +113 -0
- package/dist/cjs/c/SiteMission/index.js +15 -0
- package/dist/cjs/c/SiteMission/styles.scss +30 -0
- package/dist/cjs/c/SiteNavigation/SiteNavigation.js +130 -0
- package/dist/cjs/c/SiteNavigation/index.js +15 -0
- package/dist/cjs/c/SiteNavigation/styles.scss +118 -0
- package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +98 -0
- package/dist/cjs/c/SiteOnboardingStep/index.js +15 -0
- package/dist/cjs/c/SiteOnboardingStep/styles.scss +51 -0
- package/dist/cjs/c/SitePricing/SitePricing.js +108 -0
- package/dist/cjs/c/SitePricing/index.js +15 -0
- package/dist/cjs/c/SitePricing/styles.scss +73 -0
- package/dist/cjs/c/SiteServices/SiteServices.js +211 -0
- package/dist/cjs/c/SiteServices/index.js +15 -0
- package/dist/cjs/c/SiteServices/styles.scss +138 -0
- package/dist/cjs/c/TeamGallery/TeamGallery.js +80 -0
- package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +84 -0
- package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +15 -0
- package/dist/cjs/c/TeamGallery/common/index.js +13 -0
- package/dist/cjs/c/TeamGallery/index.js +15 -0
- package/dist/cjs/c/TeamGallery/styles.scss +100 -0
- package/dist/cjs/c/Testimonials/Testimonials.js +119 -0
- package/dist/cjs/c/Testimonials/index.js +15 -0
- package/dist/cjs/c/Testimonials/styles.scss +112 -0
- package/dist/cjs/experimental/GradientBackground/GradientBackground.js +98 -0
- package/dist/cjs/experimental/GradientBackground/index.js +15 -0
- package/dist/cjs/experimental/GradientBackground/styles.scss +64 -0
- package/dist/cjs/experimental/index.js +13 -0
- package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +105 -0
- package/dist/cjs/f/fields/CheckboxInput/index.js +15 -0
- package/dist/cjs/f/fields/CheckboxInput/styles.scss +28 -0
- package/dist/cjs/f/fields/RadioInput/RadioInput.js +110 -0
- package/dist/cjs/f/fields/RadioInput/index.js +15 -0
- package/dist/cjs/f/fields/RadioInput/styles.scss +26 -0
- package/dist/cjs/f/fields/RatingsInput/RatingsInput.js +10 -2
- package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +129 -0
- package/dist/cjs/f/fields/TaskRecommendation/index.js +15 -0
- package/dist/cjs/f/fields/TaskRecommendation/styles.scss +37 -0
- package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +131 -0
- package/dist/cjs/f/fields/TaskRecommendationInput/index.js +15 -0
- package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +41 -0
- package/dist/cjs/f/fields/TextArea/TextArea.js +141 -0
- package/dist/cjs/f/fields/TextArea/index.js +15 -0
- package/dist/cjs/f/fields/TextArea/styles.scss +19 -0
- package/dist/cjs/f/fields/TextInput/TextInput.js +10 -3
- package/dist/cjs/index.js +13 -0
- package/dist/cjs/utils/hooks/index.js +23 -0
- package/dist/cjs/utils/hooks/useDynamicPosition.js +107 -0
- package/dist/cjs/utils/hooks/useWindowSize.js +39 -0
- package/dist/cjs/utils/index.js +19 -0
- package/dist/es/a/GradientBackground/GradientBackground.js +118 -0
- package/dist/es/a/GradientBackground/index.js +2 -0
- package/dist/es/a/GradientBackground/styles.scss +191 -0
- package/dist/es/a/Popover/Popover.js +118 -0
- package/dist/es/a/Popover/common/Divider/Divider.js +47 -0
- package/dist/es/a/Popover/common/Divider/index.js +2 -0
- package/dist/es/a/Popover/common/Item/Item.js +47 -0
- package/dist/es/a/Popover/common/Item/index.js +2 -0
- package/dist/es/a/Popover/common/index.js +2 -0
- package/dist/es/a/Popover/index.js +2 -0
- package/dist/es/a/Popover/styles.scss +33 -0
- package/dist/es/a/index.js +2 -1
- package/dist/es/c/AcceptCookies/AcceptCookies.js +117 -0
- package/dist/es/c/AcceptCookies/index.js +2 -0
- package/dist/es/c/AcceptCookies/styles.scss +49 -0
- package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +68 -0
- package/dist/es/c/BlogCategoryButton/index.js +2 -0
- package/dist/es/c/BlogContext/BlogContextProvider.js +45 -0
- package/dist/es/c/BlogContext/Context.js +2 -0
- package/dist/es/c/BlogContext/ContextProvider.js +45 -0
- package/dist/es/c/BlogContext/index.js +4 -0
- package/dist/es/c/BlogContext/useBlog.js +3 -0
- package/dist/es/c/BlogPost/BlogPost.js +128 -0
- package/dist/es/c/BlogPost/index.js +2 -0
- package/dist/es/c/BlogPost/styles.scss +33 -0
- package/dist/es/c/BlogPostsList/BlogPostsList.js +56 -0
- package/dist/es/c/BlogPostsList/common/Card/Card.js +143 -0
- package/dist/es/c/BlogPostsList/common/Card/index.js +2 -0
- package/dist/es/c/BlogPostsList/common/index.js +1 -0
- package/dist/es/c/BlogPostsList/index.js +2 -0
- package/dist/es/c/BlogPostsList/styles.scss +72 -0
- package/dist/es/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +11 -4
- package/dist/es/c/SiteFooter/SiteFooter.js +56 -0
- package/dist/es/c/SiteFooter/common/Section/Section.js +73 -0
- package/dist/es/c/SiteFooter/common/Section/index.js +2 -0
- package/dist/es/c/SiteFooter/common/index.js +1 -0
- package/dist/es/c/SiteFooter/index.js +2 -0
- package/dist/es/c/SiteFooter/styles.scss +34 -0
- package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +92 -0
- package/dist/es/c/SiteHeaderCTA/index.js +2 -0
- package/dist/es/c/SiteHeaderCTA/styles.scss +44 -0
- package/dist/es/c/SiteMission/SiteMission.js +96 -0
- package/dist/es/c/SiteMission/index.js +2 -0
- package/dist/es/c/SiteMission/styles.scss +30 -0
- package/dist/es/c/SiteNavigation/SiteNavigation.js +111 -0
- package/dist/es/c/SiteNavigation/index.js +2 -0
- package/dist/es/c/SiteNavigation/styles.scss +118 -0
- package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +81 -0
- package/dist/es/c/SiteOnboardingStep/index.js +2 -0
- package/dist/es/c/SiteOnboardingStep/styles.scss +51 -0
- package/dist/es/c/SitePricing/SitePricing.js +91 -0
- package/dist/es/c/SitePricing/index.js +2 -0
- package/dist/es/c/SitePricing/styles.scss +73 -0
- package/dist/es/c/SiteServices/SiteServices.js +195 -0
- package/dist/es/c/SiteServices/index.js +2 -0
- package/dist/es/c/SiteServices/styles.scss +138 -0
- package/dist/es/c/TeamGallery/TeamGallery.js +64 -0
- package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +64 -0
- package/dist/es/c/TeamGallery/common/PersonCard/index.js +2 -0
- package/dist/es/c/TeamGallery/common/index.js +1 -0
- package/dist/es/c/TeamGallery/index.js +2 -0
- package/dist/es/c/TeamGallery/styles.scss +100 -0
- package/dist/es/c/Testimonials/Testimonials.js +99 -0
- package/dist/es/c/Testimonials/index.js +2 -0
- package/dist/es/c/Testimonials/styles.scss +112 -0
- package/dist/es/experimental/GradientBackground/GradientBackground.js +76 -0
- package/dist/es/experimental/GradientBackground/index.js +2 -0
- package/dist/es/experimental/GradientBackground/styles.scss +64 -0
- package/dist/es/experimental/index.js +1 -0
- package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +85 -0
- package/dist/es/f/fields/CheckboxInput/index.js +2 -0
- package/dist/es/f/fields/CheckboxInput/styles.scss +28 -0
- package/dist/es/f/fields/RadioInput/RadioInput.js +90 -0
- package/dist/es/f/fields/RadioInput/index.js +2 -0
- package/dist/es/f/fields/RadioInput/styles.scss +26 -0
- package/dist/es/f/fields/RatingsInput/RatingsInput.js +10 -2
- package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +111 -0
- package/dist/es/f/fields/TaskRecommendation/index.js +2 -0
- package/dist/es/f/fields/TaskRecommendation/styles.scss +37 -0
- package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +111 -0
- package/dist/es/f/fields/TaskRecommendationInput/index.js +2 -0
- package/dist/es/f/fields/TaskRecommendationInput/styles.scss +41 -0
- package/dist/es/f/fields/TextArea/TextArea.js +124 -0
- package/dist/es/f/fields/TextArea/index.js +2 -0
- package/dist/es/f/fields/TextArea/styles.scss +19 -0
- package/dist/es/f/fields/TextInput/TextInput.js +10 -3
- package/dist/es/index.js +2 -1
- package/dist/es/utils/hooks/index.js +2 -0
- package/dist/es/utils/hooks/useDynamicPosition.js +93 -0
- package/dist/es/utils/hooks/useWindowSize.js +27 -0
- package/dist/es/utils/index.js +1 -0
- package/package.json +1 -1
- package/src/__snapshots__/Storyshots.test.js.snap +413 -1
- package/src/stories/a/Popover.stories.jsx +106 -0
- package/src/stories/utils/lorem.js +15 -0
- package/src/ui/a/Popover/Popover.jsx +157 -0
- package/src/ui/a/Popover/index.js +2 -0
- package/src/ui/a/Popover/styles.scss +33 -0
- package/src/ui/a/index.js +1 -0
- package/src/ui/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.jsx +8 -1
- package/src/ui/f/fields/RatingsInput/RatingsInput.jsx +10 -2
- package/src/ui/f/fields/TextInput/TextInput.jsx +7 -0
- package/src/ui/index.js +1 -0
- package/src/ui/utils/hooks/index.js +2 -0
- package/src/ui/utils/hooks/useDynamicPosition.js +104 -0
- package/src/ui/utils/hooks/useWindowSize.js +32 -0
- package/src/ui/utils/index.js +1 -0
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
/* @pareto-engineering/generator-front 1.0.12 */
|
|
2
|
+
|
|
3
|
+
@use "@pareto-engineering/bem";
|
|
4
|
+
@use "@aztlan/stylebook/src/mixins";
|
|
5
|
+
@use "@aztlan/stylebook/src/globals" as *;
|
|
6
|
+
|
|
7
|
+
$default-desktop-padding:1em;
|
|
8
|
+
|
|
9
|
+
.#{bem.$base}.site-navigation {
|
|
10
|
+
//background: var(--secondary2);
|
|
11
|
+
position: sticky;
|
|
12
|
+
top: 0;//TODO
|
|
13
|
+
|
|
14
|
+
.#{bem.$modifier-active} {
|
|
15
|
+
text-decoration: underline;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@include mixins.media($to:$sm-md) {
|
|
19
|
+
cursor: pointer;
|
|
20
|
+
|
|
21
|
+
.wrapper {
|
|
22
|
+
display: none;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&.open {
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
|
|
29
|
+
height: 100%;
|
|
30
|
+
position: fixed;
|
|
31
|
+
width: 100%;
|
|
32
|
+
|
|
33
|
+
.wrapper {
|
|
34
|
+
display: flex;
|
|
35
|
+
flex-direction: column;
|
|
36
|
+
height: 100%;
|
|
37
|
+
justify-content: space-between;
|
|
38
|
+
|
|
39
|
+
.title,
|
|
40
|
+
.menu,
|
|
41
|
+
.cta {
|
|
42
|
+
padding: var(--u);
|
|
43
|
+
text-align: center;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.menu {
|
|
47
|
+
ul {
|
|
48
|
+
list-style: none;
|
|
49
|
+
padding: 0;
|
|
50
|
+
/* stylelint-disable selector-max-compound-selectors -- required */
|
|
51
|
+
/* stylelint-disable max-nesting-depth -- required */
|
|
52
|
+
li {
|
|
53
|
+
+ li {
|
|
54
|
+
margin-top: 2em;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
/* stylelint-enable selector-max-compound-selectors */
|
|
58
|
+
/* stylelint-enable max-nesting-depth */
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
@include mixins.media($from:$sm-md) {
|
|
65
|
+
.hamburger {
|
|
66
|
+
display: none;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.wrapper {
|
|
70
|
+
display: grid;
|
|
71
|
+
grid-template-areas: "title menu cta";
|
|
72
|
+
grid-template-columns: 200px 1fr 200px;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.title {
|
|
76
|
+
//background: var(--main1);
|
|
77
|
+
grid-area: title;
|
|
78
|
+
justify-content: flex-start;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.menu {
|
|
82
|
+
//background: var(--main2);
|
|
83
|
+
grid-area: menu;
|
|
84
|
+
|
|
85
|
+
ul {
|
|
86
|
+
display: flex;
|
|
87
|
+
justify-content: center;
|
|
88
|
+
list-style: none;
|
|
89
|
+
padding: 0;
|
|
90
|
+
width: 100%;
|
|
91
|
+
|
|
92
|
+
/* stylelint-disable selector-max-compound-selectors -- required */
|
|
93
|
+
li {
|
|
94
|
+
+ li {
|
|
95
|
+
margin-left: 2em;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
/* stylelint-enable selector-max-compound-selectors */
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.cta {
|
|
103
|
+
//background: var(--secondary1);
|
|
104
|
+
grid-area: cta;
|
|
105
|
+
justify-content: flex-end;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.title,
|
|
109
|
+
.menu,
|
|
110
|
+
.cta {
|
|
111
|
+
align-items: center;
|
|
112
|
+
display: flex;
|
|
113
|
+
padding: $default-desktop-padding/2 $default-desktop-padding;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
12
|
+
var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
|
|
13
|
+
|
|
14
|
+
var _a = require("../../a");
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
18
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
+
|
|
20
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
|
|
22
|
+
// Local Definitions
|
|
23
|
+
var baseClassName = _bem.default.base;
|
|
24
|
+
var componentClassName = 'onboarding-step';
|
|
25
|
+
/**
|
|
26
|
+
* This is the component description.
|
|
27
|
+
*/
|
|
28
|
+
|
|
29
|
+
var SiteOnboardingStep = _ref => {
|
|
30
|
+
var {
|
|
31
|
+
id,
|
|
32
|
+
className: userClassName,
|
|
33
|
+
style,
|
|
34
|
+
color,
|
|
35
|
+
stepMap // ...otherProps
|
|
36
|
+
|
|
37
|
+
} = _ref;
|
|
38
|
+
(0, React.useLayoutEffect)(() => {
|
|
39
|
+
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
40
|
+
}, []);
|
|
41
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
42
|
+
id: id,
|
|
43
|
+
className: [baseClassName, componentClassName, userClassName, "y-".concat(color), 'u2'].filter(e => e).join(' '),
|
|
44
|
+
style: style // {...otherProps}
|
|
45
|
+
|
|
46
|
+
}, stepMap.map(step => /*#__PURE__*/React.createElement("div", {
|
|
47
|
+
key: step.index,
|
|
48
|
+
className: "y-background b-y content s0 md-s1 v1"
|
|
49
|
+
}, /*#__PURE__*/React.createElement(_a.SVG, {
|
|
50
|
+
className: "m-v",
|
|
51
|
+
height: "10em",
|
|
52
|
+
target: step.svgTarget,
|
|
53
|
+
sprite: "/illustrations.sprite.svg"
|
|
54
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
55
|
+
className: "index uc mb-v"
|
|
56
|
+
}, step.index), /*#__PURE__*/React.createElement("span", {
|
|
57
|
+
className: "title uc mb-v"
|
|
58
|
+
}, /*#__PURE__*/React.createElement("strong", null, step.title)), /*#__PURE__*/React.createElement("p", {
|
|
59
|
+
className: "description uc"
|
|
60
|
+
}, step.description))));
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
SiteOnboardingStep.propTypes = {
|
|
64
|
+
/**
|
|
65
|
+
* The HTML id for this element
|
|
66
|
+
*/
|
|
67
|
+
id: _propTypes.default.string,
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* The HTML class names for this element
|
|
71
|
+
*/
|
|
72
|
+
className: _propTypes.default.string,
|
|
73
|
+
|
|
74
|
+
/**
|
|
75
|
+
* The background color
|
|
76
|
+
*/
|
|
77
|
+
color: _propTypes.default.string,
|
|
78
|
+
|
|
79
|
+
/**
|
|
80
|
+
* The React-written, css properties for this element.
|
|
81
|
+
*/
|
|
82
|
+
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
83
|
+
|
|
84
|
+
/**
|
|
85
|
+
* The children JSX
|
|
86
|
+
*/
|
|
87
|
+
stepMap: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
88
|
+
svgTarget: _propTypes.default.string.isRequired,
|
|
89
|
+
index: _propTypes.default.string.isRequired,
|
|
90
|
+
title: _propTypes.default.string.isRequired,
|
|
91
|
+
description: _propTypes.default.string.isRequired
|
|
92
|
+
})).isRequired
|
|
93
|
+
};
|
|
94
|
+
SiteOnboardingStep.defaultProps = {
|
|
95
|
+
color: 'secondary1'
|
|
96
|
+
};
|
|
97
|
+
var _default = SiteOnboardingStep;
|
|
98
|
+
exports.default = _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "SiteOnboardingStep", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _SiteOnboardingStep.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
var _SiteOnboardingStep = _interopRequireDefault(require("./SiteOnboardingStep"));
|
|
14
|
+
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
/* @pareto-engineering/generator-front 1.0.12 */
|
|
2
|
+
|
|
3
|
+
@use "@pareto-engineering/bem";
|
|
4
|
+
@use "@aztlan/stylebook/src/mixins";
|
|
5
|
+
@use "@aztlan/stylebook/src/globals" as *;
|
|
6
|
+
|
|
7
|
+
$onboarding-step-img-height:10em;
|
|
8
|
+
$index-color:var(--dark-subtitle);
|
|
9
|
+
$title-color: var(--dark-heading);
|
|
10
|
+
$description-color:var(--subtitle);
|
|
11
|
+
$onboarding-step-gap:var(--u);
|
|
12
|
+
$onboarding-step-min-max:250px;
|
|
13
|
+
|
|
14
|
+
.#{bem.$base}.onboarding-step {
|
|
15
|
+
display: grid;
|
|
16
|
+
gap: $onboarding-step-gap;
|
|
17
|
+
grid-template-columns: 1fr;
|
|
18
|
+
height: auto;
|
|
19
|
+
justify-content: center;
|
|
20
|
+
|
|
21
|
+
@include mixins.media($from:$sm-md) {
|
|
22
|
+
grid-template-columns: repeat(3, 1fr);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.content {
|
|
26
|
+
align-items: center;
|
|
27
|
+
display: flex;
|
|
28
|
+
flex-direction: column;
|
|
29
|
+
padding: var(--v);
|
|
30
|
+
|
|
31
|
+
/*
|
|
32
|
+
.img {
|
|
33
|
+
height: $onboarding-step-img-height;
|
|
34
|
+
object-fit: contain;
|
|
35
|
+
} */
|
|
36
|
+
|
|
37
|
+
.index {
|
|
38
|
+
color: $index-color;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.title {
|
|
42
|
+
color: $title-color;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.description {
|
|
46
|
+
color: $description-color;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
12
|
+
var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
|
|
13
|
+
|
|
14
|
+
var _b = require("../../b");
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
18
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
+
|
|
20
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
|
|
22
|
+
// Local Definitions
|
|
23
|
+
var baseClassName = _bem.default.base;
|
|
24
|
+
var componentClassName = 'pricing';
|
|
25
|
+
/**
|
|
26
|
+
* This is the component description.
|
|
27
|
+
*/
|
|
28
|
+
|
|
29
|
+
var SitePricing = _ref => {
|
|
30
|
+
var {
|
|
31
|
+
id,
|
|
32
|
+
className: userClassName,
|
|
33
|
+
style,
|
|
34
|
+
color,
|
|
35
|
+
pricingMap,
|
|
36
|
+
ctaLink // ...otherProps
|
|
37
|
+
|
|
38
|
+
} = _ref;
|
|
39
|
+
(0, React.useLayoutEffect)(() => {
|
|
40
|
+
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
41
|
+
}, []);
|
|
42
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
43
|
+
id: id,
|
|
44
|
+
className: [baseClassName, componentClassName, userClassName, "y-".concat(color), 'u2'].filter(e => e).join(' '),
|
|
45
|
+
style: style // {...otherProps}
|
|
46
|
+
|
|
47
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
48
|
+
className: "content s-1 md-s0"
|
|
49
|
+
}, pricingMap.map((pricing, index) => /*#__PURE__*/React.createElement("div", {
|
|
50
|
+
key: pricing.type,
|
|
51
|
+
className: "info-content md-u2 u1 p-u"
|
|
52
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
53
|
+
className: "info md-v2 v1"
|
|
54
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
55
|
+
className: "plan-name uc s1 mb-v"
|
|
56
|
+
}, pricing.type), /*#__PURE__*/React.createElement("span", {
|
|
57
|
+
className: "plan-price uc s5 mb-v"
|
|
58
|
+
}, pricing.price), /*#__PURE__*/React.createElement("ul", null, pricing.features.map(feature => /*#__PURE__*/React.createElement("li", {
|
|
59
|
+
key: feature,
|
|
60
|
+
className: "mb-v"
|
|
61
|
+
}, feature)))), index === 0 && /*#__PURE__*/React.createElement("div", {
|
|
62
|
+
className: "cta"
|
|
63
|
+
}, /*#__PURE__*/React.createElement("a", {
|
|
64
|
+
href: ctaLink,
|
|
65
|
+
rel: "noreferrer"
|
|
66
|
+
}, /*#__PURE__*/React.createElement(_b.Button, null, "Get started in 5 min")))))));
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
SitePricing.propTypes = {
|
|
70
|
+
/**
|
|
71
|
+
* The HTML id for this element
|
|
72
|
+
*/
|
|
73
|
+
id: _propTypes.default.string,
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* The HTML class names for this element
|
|
77
|
+
*/
|
|
78
|
+
className: _propTypes.default.string,
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* The title and background color
|
|
82
|
+
*/
|
|
83
|
+
color: _propTypes.default.string,
|
|
84
|
+
|
|
85
|
+
/**
|
|
86
|
+
* The link of the call to action button
|
|
87
|
+
*/
|
|
88
|
+
ctaLink: _propTypes.default.string,
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* The React-written, css properties for this element.
|
|
92
|
+
*/
|
|
93
|
+
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
94
|
+
|
|
95
|
+
/**
|
|
96
|
+
* The pricingMap
|
|
97
|
+
*/
|
|
98
|
+
pricingMap: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
99
|
+
type: _propTypes.default.string.isRequired,
|
|
100
|
+
price: _propTypes.default.string.isRequired,
|
|
101
|
+
features: _propTypes.default.arrayOf(_propTypes.default.string).isRequired
|
|
102
|
+
})).isRequired
|
|
103
|
+
};
|
|
104
|
+
SitePricing.defaultProps = {
|
|
105
|
+
color: 'main1'
|
|
106
|
+
};
|
|
107
|
+
var _default = SitePricing;
|
|
108
|
+
exports.default = _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "SitePricing", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _SitePricing.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
var _SitePricing = _interopRequireDefault(require("./SitePricing"));
|
|
14
|
+
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
/* @pareto-engineering/generator-front 1.0.12 */
|
|
2
|
+
|
|
3
|
+
@use "@pareto-engineering/bem";
|
|
4
|
+
@use "@aztlan/stylebook/src/mixins";
|
|
5
|
+
@use "@aztlan/stylebook/src/globals" as *;
|
|
6
|
+
|
|
7
|
+
$default-pricing-main-column-width: 220px;
|
|
8
|
+
$desktop-pricing-main-column-width: 300px;
|
|
9
|
+
$box-shadow:0 2px 2px 0 var(--background2);
|
|
10
|
+
|
|
11
|
+
.#{bem.$base}.pricing {
|
|
12
|
+
height: auto;
|
|
13
|
+
|
|
14
|
+
.content {
|
|
15
|
+
display: grid;
|
|
16
|
+
gap: var(--u);
|
|
17
|
+
grid-template-columns: repeat(auto-fit, minmax($default-pricing-main-column-width, 1fr));
|
|
18
|
+
justify-content: center;
|
|
19
|
+
|
|
20
|
+
@include mixins.media($from: $sm-md) {
|
|
21
|
+
grid-template-columns: repeat(auto-fit, minmax($desktop-pricing-main-column-width, 1fr));
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.info-content {
|
|
26
|
+
background-color: var(--on-main1);
|
|
27
|
+
border-radius: var(--theme-border-radius);
|
|
28
|
+
//box-shadow: $box-shadow;
|
|
29
|
+
display: flex;
|
|
30
|
+
flex-direction: column;
|
|
31
|
+
|
|
32
|
+
button {
|
|
33
|
+
margin: 0 auto;
|
|
34
|
+
width: auto;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.info {
|
|
39
|
+
align-items: center;
|
|
40
|
+
display: flex;
|
|
41
|
+
flex-direction: column;
|
|
42
|
+
justify-content: space-between;
|
|
43
|
+
|
|
44
|
+
ul {
|
|
45
|
+
display: flex;
|
|
46
|
+
flex-direction: column;
|
|
47
|
+
list-style: none;
|
|
48
|
+
padding: 0;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.cta {
|
|
53
|
+
align-items: center;
|
|
54
|
+
display: flex;
|
|
55
|
+
flex-direction: column;
|
|
56
|
+
justify-content: center;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.title {
|
|
60
|
+
color: var(--on-y);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
@include mixins.media($to:$sm-md) {
|
|
64
|
+
.content {
|
|
65
|
+
display: grid;
|
|
66
|
+
gap: var(--u);
|
|
67
|
+
grid-template-columns: none;
|
|
68
|
+
justify-content: center;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
|
|
@@ -0,0 +1,211 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
12
|
+
var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
+
|
|
18
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
+
|
|
20
|
+
// Local Definitions
|
|
21
|
+
var baseClassName = _bem.default.base;
|
|
22
|
+
var componentClassName = 'services';
|
|
23
|
+
/**
|
|
24
|
+
* This is the component description.
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
var SiteServices = _ref => {
|
|
28
|
+
var {
|
|
29
|
+
id,
|
|
30
|
+
className: userClassName,
|
|
31
|
+
style,
|
|
32
|
+
deletePath,
|
|
33
|
+
servicesMap,
|
|
34
|
+
attachmentPath,
|
|
35
|
+
defaultService,
|
|
36
|
+
defaultServiceTask,
|
|
37
|
+
defaultTaskEmailContent // ...otherProps
|
|
38
|
+
|
|
39
|
+
} = _ref;
|
|
40
|
+
(0, React.useLayoutEffect)(() => {
|
|
41
|
+
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
42
|
+
}, []);
|
|
43
|
+
var [service, setService] = (0, React.useState)(defaultService);
|
|
44
|
+
var [serviceTask, setServiceTask] = (0, React.useState)(defaultServiceTask);
|
|
45
|
+
var [serviceTaskIndx, setServiceTaskIndx] = (0, React.useState)(0);
|
|
46
|
+
var [taskEmailContent, setTaskEmailContent] = (0, React.useState)(defaultTaskEmailContent);
|
|
47
|
+
|
|
48
|
+
var handleServiceClick = serviceArg => setService(serviceArg);
|
|
49
|
+
|
|
50
|
+
var handleTaskClick = taskArg => setServiceTask(taskArg);
|
|
51
|
+
|
|
52
|
+
(0, React.useEffect)(() => {
|
|
53
|
+
var serviceObjs = servicesMap[service];
|
|
54
|
+
setServiceTask(serviceObjs[0].task);
|
|
55
|
+
}, [service]);
|
|
56
|
+
(0, React.useEffect)(() => {
|
|
57
|
+
var serviceContent = servicesMap[service].find(serviceObj => serviceObj.task === serviceTask);
|
|
58
|
+
setTaskEmailContent(serviceContent.email);
|
|
59
|
+
}, [serviceTask]);
|
|
60
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
61
|
+
id: id,
|
|
62
|
+
className: [baseClassName, componentClassName, userClassName, 'u2 v1'].filter(e => e).join(' '),
|
|
63
|
+
style: style
|
|
64
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
65
|
+
className: "btn-content v1 s-1 md-s0"
|
|
66
|
+
}, Object.keys(servicesMap).map(serviceName => /*#__PURE__*/React.createElement("button", {
|
|
67
|
+
className: "s1 ".concat(serviceName === service && 'active-service-btn'),
|
|
68
|
+
key: serviceName,
|
|
69
|
+
type: "button",
|
|
70
|
+
onClick: () => {
|
|
71
|
+
handleServiceClick(serviceName);
|
|
72
|
+
setServiceTaskIndx(0);
|
|
73
|
+
}
|
|
74
|
+
}, serviceName))), /*#__PURE__*/React.createElement("div", {
|
|
75
|
+
className: "tasks-and-content s-1 md-s0"
|
|
76
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
77
|
+
className: "tasks"
|
|
78
|
+
}, servicesMap[service].map((serviceObj, index) => /*#__PURE__*/React.createElement("button", {
|
|
79
|
+
key: serviceObj.task,
|
|
80
|
+
className: "v1 mb-v ".concat(serviceTaskIndx === index ? 'b-dark-y c-on-y' : 'b-on-y'),
|
|
81
|
+
type: "button",
|
|
82
|
+
onClick: () => {
|
|
83
|
+
handleTaskClick(serviceObj.task);
|
|
84
|
+
setServiceTaskIndx(index);
|
|
85
|
+
}
|
|
86
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
87
|
+
className: "v50 m-v"
|
|
88
|
+
}, serviceObj.icon), /*#__PURE__*/React.createElement("p", {
|
|
89
|
+
className: "ul"
|
|
90
|
+
}, serviceObj.task)))), /*#__PURE__*/React.createElement("div", {
|
|
91
|
+
className: "task-email b-on-y u2 p-u"
|
|
92
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
93
|
+
className: "task-email-header"
|
|
94
|
+
}, /*#__PURE__*/React.createElement("span", null, "To"), /*#__PURE__*/React.createElement("span", {
|
|
95
|
+
className: "ml-u"
|
|
96
|
+
}, "camille@hellopareto.com")), /*#__PURE__*/React.createElement("span", {
|
|
97
|
+
className: "v1 mv-v"
|
|
98
|
+
}, taskEmailContent.subject), /*#__PURE__*/React.createElement("p", {
|
|
99
|
+
className: "email-content v25 pb-v"
|
|
100
|
+
}, "Hi Camille,", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), taskEmailContent.description, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Warmly,", /*#__PURE__*/React.createElement("br", null), "Phoebe"), /*#__PURE__*/React.createElement("div", {
|
|
101
|
+
className: "u1 task-email-footer"
|
|
102
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
103
|
+
className: "task-footer-text"
|
|
104
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
105
|
+
className: "mr-u"
|
|
106
|
+
}, "Send"), /*#__PURE__*/React.createElement("span", {
|
|
107
|
+
className: "mr-u"
|
|
108
|
+
}, "Send later"), /*#__PURE__*/React.createElement("span", {
|
|
109
|
+
className: "mr-u"
|
|
110
|
+
}, "Remind me")), /*#__PURE__*/React.createElement("div", {
|
|
111
|
+
className: "task-footer-icons"
|
|
112
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
113
|
+
className: "ml-u",
|
|
114
|
+
alt: "attach",
|
|
115
|
+
src: attachmentPath
|
|
116
|
+
}), /*#__PURE__*/React.createElement("img", {
|
|
117
|
+
className: "ml-u",
|
|
118
|
+
alt: "delete",
|
|
119
|
+
src: deletePath
|
|
120
|
+
}))))));
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
SiteServices.propTypes = {
|
|
124
|
+
/**
|
|
125
|
+
* The HTML id for this element .
|
|
126
|
+
*/
|
|
127
|
+
id: _propTypes.default.string,
|
|
128
|
+
|
|
129
|
+
/**
|
|
130
|
+
* The HTML class names for this element
|
|
131
|
+
*/
|
|
132
|
+
className: _propTypes.default.string,
|
|
133
|
+
|
|
134
|
+
/**
|
|
135
|
+
* The React-written, css properties for this element.
|
|
136
|
+
*/
|
|
137
|
+
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
138
|
+
|
|
139
|
+
/**
|
|
140
|
+
* services map
|
|
141
|
+
*/
|
|
142
|
+
servicesMap: _propTypes.default.shape({
|
|
143
|
+
sales: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
144
|
+
task: _propTypes.default.string.isRequired,
|
|
145
|
+
icon: _propTypes.default.string.isRequired,
|
|
146
|
+
email: _propTypes.default.shape({
|
|
147
|
+
subject: _propTypes.default.string.isRequired,
|
|
148
|
+
description: _propTypes.default.string.isRequired
|
|
149
|
+
}).isRequired
|
|
150
|
+
})).isRequired,
|
|
151
|
+
product: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
152
|
+
task: _propTypes.default.string.isRequired,
|
|
153
|
+
icon: _propTypes.default.string.isRequired,
|
|
154
|
+
email: _propTypes.default.shape({
|
|
155
|
+
subject: _propTypes.default.string.isRequired,
|
|
156
|
+
description: _propTypes.default.string.isRequired
|
|
157
|
+
}).isRequired
|
|
158
|
+
})).isRequired,
|
|
159
|
+
hiring: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
160
|
+
task: _propTypes.default.string.isRequired,
|
|
161
|
+
icon: _propTypes.default.string.isRequired,
|
|
162
|
+
email: _propTypes.default.shape({
|
|
163
|
+
subject: _propTypes.default.string.isRequired,
|
|
164
|
+
description: _propTypes.default.string.isRequired
|
|
165
|
+
}).isRequired
|
|
166
|
+
})).isRequired,
|
|
167
|
+
admin: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
168
|
+
task: _propTypes.default.string.isRequired,
|
|
169
|
+
icon: _propTypes.default.string.isRequired,
|
|
170
|
+
email: _propTypes.default.shape({
|
|
171
|
+
subject: _propTypes.default.string.isRequired,
|
|
172
|
+
description: _propTypes.default.string.isRequired
|
|
173
|
+
}).isRequired
|
|
174
|
+
})).isRequired
|
|
175
|
+
}).isRequired,
|
|
176
|
+
|
|
177
|
+
/**
|
|
178
|
+
* default service
|
|
179
|
+
*/
|
|
180
|
+
defaultService: _propTypes.default.string,
|
|
181
|
+
|
|
182
|
+
/**
|
|
183
|
+
* default service task
|
|
184
|
+
*/
|
|
185
|
+
defaultServiceTask: _propTypes.default.string,
|
|
186
|
+
|
|
187
|
+
/**
|
|
188
|
+
* default service task
|
|
189
|
+
*/
|
|
190
|
+
defaultTaskEmailContent: _propTypes.default.objectOf(_propTypes.default.string),
|
|
191
|
+
|
|
192
|
+
/**
|
|
193
|
+
* email attachment path
|
|
194
|
+
*/
|
|
195
|
+
attachmentPath: _propTypes.default.string.isRequired,
|
|
196
|
+
|
|
197
|
+
/**
|
|
198
|
+
* delete attachment path
|
|
199
|
+
*/
|
|
200
|
+
deletePath: _propTypes.default.string.isRequired
|
|
201
|
+
};
|
|
202
|
+
SiteServices.defaultProps = {
|
|
203
|
+
defaultService: 'sales',
|
|
204
|
+
defaultServiceTask: 'Generate sales leads',
|
|
205
|
+
defaultTaskEmailContent: {
|
|
206
|
+
subject: 'Fintech founder lead generation',
|
|
207
|
+
description: 'I need a list of all fintech founders featured in Forbes, Business Insider, CB Insights, and AngelList newsletters. Please send me a spreadsheet containing their name, title, company website, and email address within the week.'
|
|
208
|
+
}
|
|
209
|
+
};
|
|
210
|
+
var _default = SiteServices;
|
|
211
|
+
exports.default = _default;
|