ecomlab-components-next 0.1.212 → 0.1.214
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/components/Article/FormBtn/FormBtn.js +94 -284
- package/dist/components/Article/FormBtn/ModalBitrixForm/ModalBitrixForm.js +8 -7
- package/dist/components/Article/FormBtn/ModalBitrixForm/ModalBitrixFormStory.stories.js +66 -0
- package/dist/components/ConstructorComponents/FormWithBtn/FormWithBtn.js +72 -64
- package/dist/components/Inputs/InputDinamycPlaceholder/InputDinamycPlaceholder.js +13 -26
- package/package.json +1 -1
|
@@ -14,16 +14,86 @@ require("./FormBtn.scss");
|
|
|
14
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
17
18
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
18
19
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
20
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
20
21
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
21
22
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
23
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
23
|
-
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
24
|
+
// DOTASK
|
|
25
|
+
var token_DOTASK = 'gAAAAABopIEPlTICTdgD52GgH_GRFS30Tou2Ok2ICeC3ECQ8_aSQMMjTqU0HS7y9krbifcKbXroyR0iMmN6UXq1KL4xP0UtjYg==';
|
|
26
|
+
var url_DOTASK = "https://apps0.ecomru.ru:4447/api/crm/deals/create?step_id=167&token=".concat(token_DOTASK, "&author=546&responsible=546");
|
|
27
|
+
var name_id_DOTASK = 'f_61';
|
|
28
|
+
var form_data_DOTASK = [{
|
|
29
|
+
id: 'name',
|
|
30
|
+
placeholder: '',
|
|
31
|
+
hidden: true,
|
|
32
|
+
value: 'Лид клиент',
|
|
33
|
+
inputType: 'text',
|
|
34
|
+
type: 'input'
|
|
35
|
+
}, {
|
|
36
|
+
id: 'f_61',
|
|
37
|
+
placeholder: 'Имя',
|
|
38
|
+
inputType: 'name',
|
|
39
|
+
required: true,
|
|
40
|
+
type: 'input'
|
|
41
|
+
}, {
|
|
42
|
+
id: 'f_62',
|
|
43
|
+
placeholder: 'Email',
|
|
44
|
+
inputType: 'email',
|
|
45
|
+
type: 'input',
|
|
46
|
+
required: true
|
|
47
|
+
}, {
|
|
48
|
+
id: 'f_63',
|
|
49
|
+
placeholder: 'Телефон',
|
|
50
|
+
inputType: 'tel',
|
|
51
|
+
type: 'input',
|
|
52
|
+
required: true
|
|
53
|
+
}, {
|
|
54
|
+
id: 'f_64',
|
|
55
|
+
placeholder: 'Комментарий',
|
|
56
|
+
inputType: 'description',
|
|
57
|
+
type: 'textarea',
|
|
58
|
+
required: true
|
|
59
|
+
}];
|
|
60
|
+
|
|
61
|
+
// ECOMRU
|
|
62
|
+
var token_ECOMRU = 'gAAAAABoic_FGeFf0ovZb3kdbMwakwFHd6KhIdq7IZEaQxjQx4LjfB2mu4_nj3xmzAWRvCI3XP_AIkeoPnYCnyid3sZhkm3xaA==';
|
|
63
|
+
var url_ECOMRU = "https://apps0.ecomru.ru:4447/api/crm/deals/create?step_id=157&token=".concat(token_ECOMRU, "&author=197&responsible=546");
|
|
64
|
+
var name_id_ECOMRU = 'f_34';
|
|
65
|
+
var form_data_ECOMRU = [{
|
|
66
|
+
id: 'name',
|
|
67
|
+
placeholder: '',
|
|
68
|
+
hidden: true,
|
|
69
|
+
value: 'Лид клиент',
|
|
70
|
+
inputType: 'text',
|
|
71
|
+
type: 'input'
|
|
72
|
+
}, {
|
|
73
|
+
id: 'f_34',
|
|
74
|
+
placeholder: 'Имя',
|
|
75
|
+
inputType: 'name',
|
|
76
|
+
required: true,
|
|
77
|
+
type: 'input'
|
|
78
|
+
}, {
|
|
79
|
+
id: 'f_33',
|
|
80
|
+
placeholder: 'Email',
|
|
81
|
+
inputType: 'email',
|
|
82
|
+
type: 'input',
|
|
83
|
+
required: true
|
|
84
|
+
}, {
|
|
85
|
+
id: 'f_35',
|
|
86
|
+
placeholder: 'Телефон',
|
|
87
|
+
inputType: 'tel',
|
|
88
|
+
type: 'input',
|
|
89
|
+
required: true
|
|
90
|
+
}, {
|
|
91
|
+
id: 'f_58',
|
|
92
|
+
placeholder: 'Комментарий',
|
|
93
|
+
inputType: 'description',
|
|
94
|
+
type: 'textarea',
|
|
95
|
+
required: true
|
|
96
|
+
}];
|
|
27
97
|
var FormBtn = exports.FormBtn = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
28
98
|
var data = _ref.data,
|
|
29
99
|
onChange = _ref.onChange,
|
|
@@ -52,275 +122,7 @@ var FormBtn = exports.FormBtn = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
|
52
122
|
isModalBitrix = _useState2[0],
|
|
53
123
|
setIsModalBitrix = _useState2[1];
|
|
54
124
|
var url = "https://globalparsing.".concat(activeLang, "/");
|
|
55
|
-
var
|
|
56
|
-
id: 'FIELDS[TITLE]',
|
|
57
|
-
placeholder: 'Название лида',
|
|
58
|
-
hidden: true,
|
|
59
|
-
value: 'Лид клиент',
|
|
60
|
-
inputType: 'text',
|
|
61
|
-
type: 'input'
|
|
62
|
-
}, {
|
|
63
|
-
id: 'FIELDS[NAME]',
|
|
64
|
-
placeholder: 'Имя',
|
|
65
|
-
inputType: 'name',
|
|
66
|
-
type: 'input',
|
|
67
|
-
required: true
|
|
68
|
-
}, {
|
|
69
|
-
id: 'FIELDS[EMAIL][0][VALUE]',
|
|
70
|
-
placeholder: 'Email',
|
|
71
|
-
type: 'input',
|
|
72
|
-
inputType: 'email',
|
|
73
|
-
required: true
|
|
74
|
-
}, {
|
|
75
|
-
id: 'FIELDS[PHONE][0][VALUE]',
|
|
76
|
-
placeholder: 'Номер телефона',
|
|
77
|
-
type: 'input',
|
|
78
|
-
inputType: 'tel',
|
|
79
|
-
required: true
|
|
80
|
-
}, {
|
|
81
|
-
id: 'FIELDS[COMMENTS]',
|
|
82
|
-
placeholder: 'Комментарии',
|
|
83
|
-
type: 'textarea',
|
|
84
|
-
inputType: 'description'
|
|
85
|
-
}, {
|
|
86
|
-
id: 'FIELDS[SOURCE_ID]',
|
|
87
|
-
placeholder: 'выбирается из справочника источников в CRM',
|
|
88
|
-
type: 'input',
|
|
89
|
-
hidden: true,
|
|
90
|
-
value: 17
|
|
91
|
-
}, {
|
|
92
|
-
id: 'FIELDS[SOURCE_DESCRIPTION]',
|
|
93
|
-
placeholder: 'URL страницы',
|
|
94
|
-
type: 'input',
|
|
95
|
-
value: url,
|
|
96
|
-
hidden: true
|
|
97
|
-
}, {
|
|
98
|
-
id: 'FIELDS[ASSIGNED_BY_ID]',
|
|
99
|
-
placeholder: 'ФИО ответственного',
|
|
100
|
-
type: 'input',
|
|
101
|
-
value: 219,
|
|
102
|
-
hidden: true
|
|
103
|
-
}, {
|
|
104
|
-
id: 'FIELDS[UTM_CAMPAIGN]',
|
|
105
|
-
placeholder: 'Обозначение рекламной кампании',
|
|
106
|
-
type: 'input',
|
|
107
|
-
value: '',
|
|
108
|
-
hidden: true
|
|
109
|
-
}, {
|
|
110
|
-
id: 'FIELDS[UTM_CONTENT]',
|
|
111
|
-
placeholder: 'Содержание кампании',
|
|
112
|
-
type: 'input',
|
|
113
|
-
value: '',
|
|
114
|
-
hidden: true
|
|
115
|
-
}, {
|
|
116
|
-
id: 'FIELDS[UTM_MEDIUM]',
|
|
117
|
-
placeholder: 'Тип трафика',
|
|
118
|
-
value: '',
|
|
119
|
-
type: 'input',
|
|
120
|
-
hidden: true
|
|
121
|
-
}, {
|
|
122
|
-
id: 'FIELDS[UTM_SOURCE]',
|
|
123
|
-
placeholder: 'Рекламная система',
|
|
124
|
-
value: '',
|
|
125
|
-
type: 'input',
|
|
126
|
-
hidden: true
|
|
127
|
-
}, {
|
|
128
|
-
id: 'FIELDS[UTM_TERM]',
|
|
129
|
-
placeholder: 'Условие поиска кампании',
|
|
130
|
-
value: '',
|
|
131
|
-
type: 'input',
|
|
132
|
-
hidden: true
|
|
133
|
-
}];
|
|
134
|
-
var formStubData_EN = [{
|
|
135
|
-
id: 'FIELDS[TITLE]',
|
|
136
|
-
placeholder: 'Название лида',
|
|
137
|
-
hidden: true,
|
|
138
|
-
value: 'Лид клиент',
|
|
139
|
-
inputType: 'text',
|
|
140
|
-
type: 'input'
|
|
141
|
-
}, {
|
|
142
|
-
id: 'FIELDS[NAME]',
|
|
143
|
-
placeholder: 'Name',
|
|
144
|
-
inputType: 'name',
|
|
145
|
-
type: 'input',
|
|
146
|
-
required: true
|
|
147
|
-
}, {
|
|
148
|
-
id: 'FIELDS[EMAIL][0][VALUE]',
|
|
149
|
-
placeholder: 'Email',
|
|
150
|
-
type: 'input',
|
|
151
|
-
inputType: 'email',
|
|
152
|
-
required: true
|
|
153
|
-
}, {
|
|
154
|
-
id: 'FIELDS[PHONE][0][VALUE]',
|
|
155
|
-
placeholder: 'Phone Number',
|
|
156
|
-
type: 'input',
|
|
157
|
-
inputType: 'tel',
|
|
158
|
-
required: true
|
|
159
|
-
}, {
|
|
160
|
-
id: 'FIELDS[COMMENTS]',
|
|
161
|
-
placeholder: 'Comments',
|
|
162
|
-
type: 'textarea',
|
|
163
|
-
inputType: 'description'
|
|
164
|
-
}, {
|
|
165
|
-
id: 'FIELDS[SOURCE_ID]',
|
|
166
|
-
placeholder: 'выбирается из справочника источников в CRM',
|
|
167
|
-
type: 'input',
|
|
168
|
-
hidden: true,
|
|
169
|
-
value: 17
|
|
170
|
-
}, {
|
|
171
|
-
id: 'FIELDS[SOURCE_DESCRIPTION]',
|
|
172
|
-
placeholder: 'URL страницы',
|
|
173
|
-
type: 'input',
|
|
174
|
-
value: url,
|
|
175
|
-
hidden: true
|
|
176
|
-
}, {
|
|
177
|
-
id: 'FIELDS[ASSIGNED_BY_ID]',
|
|
178
|
-
placeholder: 'ФИО ответственного',
|
|
179
|
-
type: 'input',
|
|
180
|
-
value: 219,
|
|
181
|
-
hidden: true
|
|
182
|
-
}, {
|
|
183
|
-
id: 'FIELDS[UTM_CAMPAIGN]',
|
|
184
|
-
placeholder: 'Обозначение рекламной кампании',
|
|
185
|
-
type: 'input',
|
|
186
|
-
value: '',
|
|
187
|
-
hidden: true
|
|
188
|
-
}, {
|
|
189
|
-
id: 'FIELDS[UTM_CONTENT]',
|
|
190
|
-
placeholder: 'Содержание кампании',
|
|
191
|
-
type: 'input',
|
|
192
|
-
value: '',
|
|
193
|
-
hidden: true
|
|
194
|
-
}, {
|
|
195
|
-
id: 'FIELDS[UTM_MEDIUM]',
|
|
196
|
-
placeholder: 'Тип трафика',
|
|
197
|
-
value: '',
|
|
198
|
-
type: 'input',
|
|
199
|
-
hidden: true
|
|
200
|
-
}, {
|
|
201
|
-
id: 'FIELDS[UTM_SOURCE]',
|
|
202
|
-
placeholder: 'Рекламная система',
|
|
203
|
-
value: '',
|
|
204
|
-
type: 'input',
|
|
205
|
-
hidden: true
|
|
206
|
-
}, {
|
|
207
|
-
id: 'FIELDS[UTM_TERM]',
|
|
208
|
-
placeholder: 'Условие поиска кампании',
|
|
209
|
-
value: '',
|
|
210
|
-
type: 'input',
|
|
211
|
-
hidden: true
|
|
212
|
-
}];
|
|
213
|
-
var formStubData_TH = [{
|
|
214
|
-
id: 'FIELDS[TITLE]',
|
|
215
|
-
placeholder: 'Название лида',
|
|
216
|
-
hidden: true,
|
|
217
|
-
value: 'Лид клиент',
|
|
218
|
-
inputType: 'text',
|
|
219
|
-
type: 'input'
|
|
220
|
-
}, {
|
|
221
|
-
id: 'FIELDS[NAME]',
|
|
222
|
-
placeholder: 'ชื่อ',
|
|
223
|
-
inputType: 'name',
|
|
224
|
-
type: 'input',
|
|
225
|
-
required: true
|
|
226
|
-
}, {
|
|
227
|
-
id: 'FIELDS[EMAIL][0][VALUE]',
|
|
228
|
-
placeholder: 'อีเมล',
|
|
229
|
-
type: 'input',
|
|
230
|
-
inputType: 'email',
|
|
231
|
-
required: true
|
|
232
|
-
}, {
|
|
233
|
-
id: 'FIELDS[PHONE][0][VALUE]',
|
|
234
|
-
placeholder: 'หมายเลขโทรศัพท์',
|
|
235
|
-
type: 'input',
|
|
236
|
-
inputType: 'tel',
|
|
237
|
-
required: true
|
|
238
|
-
}, {
|
|
239
|
-
id: 'FIELDS[COMMENTS]',
|
|
240
|
-
placeholder: 'ความคิดเห็น ',
|
|
241
|
-
type: 'textarea',
|
|
242
|
-
inputType: 'description'
|
|
243
|
-
}, {
|
|
244
|
-
id: 'FIELDS[SOURCE_ID]',
|
|
245
|
-
placeholder: 'выбирается из справочника источников в CRM',
|
|
246
|
-
type: 'input',
|
|
247
|
-
hidden: true,
|
|
248
|
-
value: 17
|
|
249
|
-
}, {
|
|
250
|
-
id: 'FIELDS[SOURCE_DESCRIPTION]',
|
|
251
|
-
placeholder: 'URL страницы',
|
|
252
|
-
type: 'input',
|
|
253
|
-
value: url,
|
|
254
|
-
hidden: true
|
|
255
|
-
}, {
|
|
256
|
-
id: 'FIELDS[ASSIGNED_BY_ID]',
|
|
257
|
-
placeholder: 'ФИО ответственного',
|
|
258
|
-
type: 'input',
|
|
259
|
-
value: 219,
|
|
260
|
-
hidden: true
|
|
261
|
-
}, {
|
|
262
|
-
id: 'FIELDS[UTM_CAMPAIGN]',
|
|
263
|
-
placeholder: 'Обозначение рекламной кампании',
|
|
264
|
-
type: 'input',
|
|
265
|
-
value: '',
|
|
266
|
-
hidden: true
|
|
267
|
-
}, {
|
|
268
|
-
id: 'FIELDS[UTM_CONTENT]',
|
|
269
|
-
placeholder: 'Содержание кампании',
|
|
270
|
-
type: 'input',
|
|
271
|
-
value: '',
|
|
272
|
-
hidden: true
|
|
273
|
-
}, {
|
|
274
|
-
id: 'FIELDS[UTM_MEDIUM]',
|
|
275
|
-
placeholder: 'Тип трафика',
|
|
276
|
-
value: '',
|
|
277
|
-
type: 'input',
|
|
278
|
-
hidden: true
|
|
279
|
-
}, {
|
|
280
|
-
id: 'FIELDS[UTM_SOURCE]',
|
|
281
|
-
placeholder: 'Рекламная система',
|
|
282
|
-
value: '',
|
|
283
|
-
type: 'input',
|
|
284
|
-
hidden: true
|
|
285
|
-
}, {
|
|
286
|
-
id: 'FIELDS[UTM_TERM]',
|
|
287
|
-
placeholder: 'Условие поиска кампании',
|
|
288
|
-
value: '',
|
|
289
|
-
type: 'input',
|
|
290
|
-
hidden: true
|
|
291
|
-
}];
|
|
292
|
-
var formStubData = [{
|
|
293
|
-
id: 'name',
|
|
294
|
-
placeholder: '',
|
|
295
|
-
hidden: true,
|
|
296
|
-
value: 'Лид клиент',
|
|
297
|
-
inputType: 'text',
|
|
298
|
-
type: 'input'
|
|
299
|
-
}, {
|
|
300
|
-
id: 'f_61',
|
|
301
|
-
placeholder: 'Имя',
|
|
302
|
-
inputType: 'name',
|
|
303
|
-
required: true,
|
|
304
|
-
type: 'input'
|
|
305
|
-
}, {
|
|
306
|
-
id: 'f_62',
|
|
307
|
-
placeholder: 'Email',
|
|
308
|
-
inputType: 'email',
|
|
309
|
-
type: 'input',
|
|
310
|
-
required: true
|
|
311
|
-
}, {
|
|
312
|
-
id: 'f_63',
|
|
313
|
-
placeholder: 'Телефон',
|
|
314
|
-
inputType: 'tel',
|
|
315
|
-
type: 'input',
|
|
316
|
-
required: true
|
|
317
|
-
}, {
|
|
318
|
-
id: 'f_64',
|
|
319
|
-
placeholder: 'Комментарий',
|
|
320
|
-
inputType: 'description',
|
|
321
|
-
type: 'textarea',
|
|
322
|
-
required: true
|
|
323
|
-
}];
|
|
125
|
+
var currentUrl = window.location.href;
|
|
324
126
|
var currentColor = function currentColor() {
|
|
325
127
|
if (activePortal == '6') return '#22C55E'; //gtcom зел
|
|
326
128
|
if (activePortal == '2') return '#1890FF'; //ecom гол
|
|
@@ -355,10 +157,22 @@ var FormBtn = exports.FormBtn = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
|
355
157
|
if (activeLang == 'th') return 'ส่งคำขอและรับคำปรึกษาฟรี';
|
|
356
158
|
return 'Оставьте заявку и получите бесплатную консультацию';
|
|
357
159
|
};
|
|
358
|
-
var
|
|
359
|
-
if (
|
|
360
|
-
|
|
361
|
-
|
|
160
|
+
var currentProps = function currentProps() {
|
|
161
|
+
if (currentUrl !== null && currentUrl !== void 0 && currentUrl.includes('dotask.ru')) {
|
|
162
|
+
return {
|
|
163
|
+
bitrixToken: token_DOTASK,
|
|
164
|
+
inputArr: form_data_DOTASK,
|
|
165
|
+
nameId: name_id_DOTASK,
|
|
166
|
+
urlFetch: url_DOTASK
|
|
167
|
+
};
|
|
168
|
+
} else {
|
|
169
|
+
return {
|
|
170
|
+
bitrixToken: token_ECOMRU,
|
|
171
|
+
inputArr: form_data_ECOMRU,
|
|
172
|
+
nameId: name_id_ECOMRU,
|
|
173
|
+
urlFetch: url_ECOMRU
|
|
174
|
+
};
|
|
175
|
+
}
|
|
362
176
|
};
|
|
363
177
|
|
|
364
178
|
// Удалить блок
|
|
@@ -394,7 +208,6 @@ var FormBtn = exports.FormBtn = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
|
394
208
|
className: "form-consultation",
|
|
395
209
|
tabIndex: 0,
|
|
396
210
|
onClick: function onClick(e) {
|
|
397
|
-
console.log(before);
|
|
398
211
|
setCurrentIndex(ind);
|
|
399
212
|
setBeforeBlock(before);
|
|
400
213
|
},
|
|
@@ -405,17 +218,14 @@ var FormBtn = exports.FormBtn = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
|
405
218
|
setIsModal(true);
|
|
406
219
|
}
|
|
407
220
|
}
|
|
408
|
-
}, isModalBitrix && /*#__PURE__*/_react["default"].createElement(_ModalBitrixForm.ModalBitrixForm, {
|
|
221
|
+
}, isModalBitrix && /*#__PURE__*/_react["default"].createElement(_ModalBitrixForm.ModalBitrixForm, _extends({
|
|
409
222
|
activeLang: activeLang,
|
|
410
223
|
formTitle: translateSubmitRequest(),
|
|
411
224
|
setIsModal: function setIsModal(e) {
|
|
412
225
|
return setIsModalBitrix(e);
|
|
413
226
|
},
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
subTitle: translateFreeConsultation(),
|
|
417
|
-
urlFetch: urlFetch
|
|
418
|
-
}), /*#__PURE__*/_react["default"].createElement("p", {
|
|
227
|
+
subTitle: translateFreeConsultation()
|
|
228
|
+
}, currentProps())), /*#__PURE__*/_react["default"].createElement("p", {
|
|
419
229
|
className: "text_blue",
|
|
420
230
|
onClick: function onClick(e) {
|
|
421
231
|
setCurrentIndex(ind);
|
|
@@ -51,7 +51,9 @@ var ModalBitrixForm = exports.ModalBitrixForm = function ModalBitrixForm(_ref) {
|
|
|
51
51
|
_ref$communication = _ref.communication,
|
|
52
52
|
communication = _ref$communication === void 0 ? false : _ref$communication,
|
|
53
53
|
_ref$urlFetch = _ref.urlFetch,
|
|
54
|
-
urlFetch = _ref$urlFetch === void 0 ? '' : _ref$urlFetch
|
|
54
|
+
urlFetch = _ref$urlFetch === void 0 ? '' : _ref$urlFetch,
|
|
55
|
+
_ref$nameId = _ref.nameId,
|
|
56
|
+
nameId = _ref$nameId === void 0 ? '' : _ref$nameId;
|
|
55
57
|
var _useState = (0, _react.useState)({}),
|
|
56
58
|
_useState2 = _slicedToArray(_useState, 2),
|
|
57
59
|
inputValue = _useState2[0],
|
|
@@ -105,7 +107,7 @@ var ModalBitrixForm = exports.ModalBitrixForm = function ModalBitrixForm(_ref) {
|
|
|
105
107
|
key = _ref5[0],
|
|
106
108
|
value = _ref5[1];
|
|
107
109
|
if (key == 'name') {
|
|
108
|
-
return "".concat(key, "=").concat(value + ' // ' + inputValue[
|
|
110
|
+
return "".concat(key, "=").concat(value + ' // ' + inputValue[nameId]);
|
|
109
111
|
}
|
|
110
112
|
if (key == 'FIELDS[COMMENTS]') {
|
|
111
113
|
return selectedValue !== null && selectedValue !== void 0 && selectedValue.label ? "".concat(key, "=\u0422\u0438\u043F \u043F\u0430\u0440\u0442\u043D\u0435\u0440\u0430: ").concat(selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.label, " // ").concat(value) : "".concat(key, "=").concat(value);
|
|
@@ -179,15 +181,14 @@ var ModalBitrixForm = exports.ModalBitrixForm = function ModalBitrixForm(_ref) {
|
|
|
179
181
|
return setInputValue(function (prev) {
|
|
180
182
|
return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, id, e));
|
|
181
183
|
});
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
,
|
|
184
|
+
},
|
|
185
|
+
countrySelect: inputType === 'tel',
|
|
185
186
|
countryDefault: 'RU',
|
|
186
187
|
autoComplete: false,
|
|
187
188
|
err: err === null || err === void 0 ? void 0 : err[id],
|
|
188
189
|
required: required,
|
|
189
190
|
textErr: err === null || err === void 0 ? void 0 : err[id],
|
|
190
|
-
mask: '+{7} (000) 000-00-00'
|
|
191
|
+
mask: inputType === 'tel' ? '+{7} (000) 000-00-00' : ''
|
|
191
192
|
});
|
|
192
193
|
}
|
|
193
194
|
})));
|
|
@@ -239,7 +240,7 @@ var ModalBitrixForm = exports.ModalBitrixForm = function ModalBitrixForm(_ref) {
|
|
|
239
240
|
className: "modal-bitrix-form"
|
|
240
241
|
}, successfulResponse && /*#__PURE__*/_react["default"].createElement("div", {
|
|
241
242
|
className: "modal-bitrix-form__successful"
|
|
242
|
-
}, /*#__PURE__*/_react["default"].createElement("
|
|
243
|
+
}, /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
243
244
|
className: "modal-bitrix-form__icon-done",
|
|
244
245
|
alt: "icon",
|
|
245
246
|
src: _done_icon["default"]
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.ModalBitrixTeeeeeest = void 0;
|
|
7
|
+
var _ModalBitrixForm = require("./ModalBitrixForm");
|
|
8
|
+
// import { action } from '@storybook/addon-actions'
|
|
9
|
+
|
|
10
|
+
var formStubTitle = 'Тестовая форма';
|
|
11
|
+
var formStubSubTitle = 'Подзаголовок тестовой формы';
|
|
12
|
+
var formStubBitrixToken = 'gAAAAABopIEPlTICTdgD52GgH_GRFS30Tou2Ok2ICeC3ECQ8_aSQMMjTqU0HS7y9krbifcKbXroyR0iMmN6UXq1KL4xP0UtjYg==';
|
|
13
|
+
var urlFetch = "https://apps0.ecomru.ru:4447/api/crm/deals/create?step_id=167&token=".concat(formStubBitrixToken, "&author=546&responsible=546");
|
|
14
|
+
var formStubData = [{
|
|
15
|
+
id: 'name',
|
|
16
|
+
placeholder: '',
|
|
17
|
+
hidden: true,
|
|
18
|
+
value: 'Лид клиент',
|
|
19
|
+
inputType: 'text',
|
|
20
|
+
type: 'input'
|
|
21
|
+
}, {
|
|
22
|
+
id: 'f_61',
|
|
23
|
+
placeholder: 'Имя',
|
|
24
|
+
inputType: 'name',
|
|
25
|
+
required: true,
|
|
26
|
+
type: 'input'
|
|
27
|
+
}, {
|
|
28
|
+
id: 'f_62',
|
|
29
|
+
placeholder: 'Email',
|
|
30
|
+
inputType: 'email',
|
|
31
|
+
type: 'input',
|
|
32
|
+
required: true
|
|
33
|
+
}, {
|
|
34
|
+
id: 'f_63',
|
|
35
|
+
placeholder: 'Телефон',
|
|
36
|
+
inputType: 'tel',
|
|
37
|
+
type: 'input',
|
|
38
|
+
required: true
|
|
39
|
+
}, {
|
|
40
|
+
id: 'f_64',
|
|
41
|
+
placeholder: 'Комментарий',
|
|
42
|
+
inputType: 'description',
|
|
43
|
+
type: 'textarea',
|
|
44
|
+
required: true
|
|
45
|
+
}];
|
|
46
|
+
var _default = exports["default"] = {
|
|
47
|
+
title: 'Components/ModalBitrixForm',
|
|
48
|
+
component: _ModalBitrixForm.ModalBitrixForm,
|
|
49
|
+
parameters: {
|
|
50
|
+
layout: 'centered'
|
|
51
|
+
},
|
|
52
|
+
tags: ['autodocs'],
|
|
53
|
+
args: {
|
|
54
|
+
// setIsModal: action('setIsOpen'),
|
|
55
|
+
inputArr: formStubData,
|
|
56
|
+
formTitle: formStubTitle,
|
|
57
|
+
bitrixToken: formStubBitrixToken,
|
|
58
|
+
subTitle: formStubSubTitle,
|
|
59
|
+
urlFetch: urlFetch
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
var ModalBitrixTeeeeeest = exports.ModalBitrixTeeeeeest = {
|
|
63
|
+
render: function render(args) {
|
|
64
|
+
return /*#__PURE__*/React.createElement(_ModalBitrixForm.ModalBitrixForm, args);
|
|
65
|
+
}
|
|
66
|
+
};
|
|
@@ -8,116 +8,124 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _ButtonBasic = _interopRequireDefault(require("../../Buttons/ButtonBasic/ButtonBasic"));
|
|
11
|
-
var _ModalBitrixForm =
|
|
11
|
+
var _ModalBitrixForm = require("../../Article/FormBtn/ModalBitrixForm/ModalBitrixForm");
|
|
12
12
|
require("./FormWithBtn.scss");
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
15
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
16
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
17
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
17
18
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
19
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
19
20
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
20
21
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
21
22
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
22
|
-
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
// DOTASK
|
|
24
|
+
var token_DOTASK = 'gAAAAABopIEPlTICTdgD52GgH_GRFS30Tou2Ok2ICeC3ECQ8_aSQMMjTqU0HS7y9krbifcKbXroyR0iMmN6UXq1KL4xP0UtjYg==';
|
|
25
|
+
var url_DOTASK = "https://apps0.ecomru.ru:4447/api/crm/deals/create?step_id=167&token=".concat(token_DOTASK, "&author=546&responsible=546");
|
|
26
|
+
var name_id_DOTASK = 'f_61';
|
|
27
|
+
var form_data_DOTASK = [{
|
|
28
|
+
id: 'name',
|
|
29
|
+
placeholder: '',
|
|
26
30
|
hidden: true,
|
|
27
|
-
value: 'Лид клиент
|
|
31
|
+
value: 'Лид клиент',
|
|
28
32
|
inputType: 'text',
|
|
29
33
|
type: 'input'
|
|
30
34
|
}, {
|
|
31
|
-
id: '
|
|
35
|
+
id: 'f_61',
|
|
32
36
|
placeholder: 'Имя',
|
|
33
37
|
inputType: 'name',
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
required: true,
|
|
39
|
+
type: 'input'
|
|
36
40
|
}, {
|
|
37
|
-
id: '
|
|
41
|
+
id: 'f_62',
|
|
38
42
|
placeholder: 'Email',
|
|
39
43
|
inputType: 'email',
|
|
40
44
|
type: 'input',
|
|
41
45
|
required: true
|
|
42
46
|
}, {
|
|
43
|
-
id: '
|
|
44
|
-
placeholder: '
|
|
47
|
+
id: 'f_63',
|
|
48
|
+
placeholder: 'Телефон',
|
|
45
49
|
inputType: 'tel',
|
|
46
50
|
type: 'input',
|
|
47
51
|
required: true
|
|
48
52
|
}, {
|
|
49
|
-
id: '
|
|
50
|
-
placeholder: '
|
|
53
|
+
id: 'f_64',
|
|
54
|
+
placeholder: 'Комментарий',
|
|
51
55
|
inputType: 'description',
|
|
52
|
-
type: '
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
hidden: true,
|
|
64
|
-
type: 'input'
|
|
65
|
-
}, {
|
|
66
|
-
id: 'FIELDS[ASSIGNED_BY_ID]',
|
|
67
|
-
placeholder: 'ФИО ответственного',
|
|
68
|
-
value: 11,
|
|
69
|
-
hidden: true,
|
|
70
|
-
type: 'input'
|
|
71
|
-
}, {
|
|
72
|
-
id: 'FIELDS[UTM_CAMPAIGN]',
|
|
73
|
-
placeholder: 'Обозначение рекламной кампании',
|
|
74
|
-
value: '',
|
|
56
|
+
type: 'textarea',
|
|
57
|
+
required: true
|
|
58
|
+
}];
|
|
59
|
+
|
|
60
|
+
// ECOMRU
|
|
61
|
+
var token_ECOMRU = 'gAAAAABoic_FGeFf0ovZb3kdbMwakwFHd6KhIdq7IZEaQxjQx4LjfB2mu4_nj3xmzAWRvCI3XP_AIkeoPnYCnyid3sZhkm3xaA==';
|
|
62
|
+
var url_ECOMRU = "https://apps0.ecomru.ru:4447/api/crm/deals/create?step_id=157&token=".concat(token_ECOMRU, "&author=197&responsible=546");
|
|
63
|
+
var name_id_ECOMRU = 'f_34';
|
|
64
|
+
var form_data_ECOMRU = [{
|
|
65
|
+
id: 'name',
|
|
66
|
+
placeholder: '',
|
|
75
67
|
hidden: true,
|
|
68
|
+
value: 'Лид клиент',
|
|
69
|
+
inputType: 'text',
|
|
76
70
|
type: 'input'
|
|
77
71
|
}, {
|
|
78
|
-
id: '
|
|
79
|
-
placeholder: '
|
|
80
|
-
|
|
81
|
-
|
|
72
|
+
id: 'f_34',
|
|
73
|
+
placeholder: 'Имя',
|
|
74
|
+
inputType: 'name',
|
|
75
|
+
required: true,
|
|
82
76
|
type: 'input'
|
|
83
77
|
}, {
|
|
84
|
-
id: '
|
|
85
|
-
placeholder: '
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
78
|
+
id: 'f_33',
|
|
79
|
+
placeholder: 'Email',
|
|
80
|
+
inputType: 'email',
|
|
81
|
+
type: 'input',
|
|
82
|
+
required: true
|
|
89
83
|
}, {
|
|
90
|
-
id: '
|
|
91
|
-
placeholder: '
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
84
|
+
id: 'f_35',
|
|
85
|
+
placeholder: 'Телефон',
|
|
86
|
+
inputType: 'tel',
|
|
87
|
+
type: 'input',
|
|
88
|
+
required: true
|
|
95
89
|
}, {
|
|
96
|
-
id: '
|
|
97
|
-
placeholder: '
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
90
|
+
id: 'f_58',
|
|
91
|
+
placeholder: 'Комментарий',
|
|
92
|
+
inputType: 'description',
|
|
93
|
+
type: 'textarea',
|
|
94
|
+
required: true
|
|
101
95
|
}];
|
|
102
96
|
var FormWithBtn = function FormWithBtn(_ref) {
|
|
103
97
|
var title = _ref.title,
|
|
104
98
|
_ref$description = _ref.description,
|
|
105
99
|
description = _ref$description === void 0 ? 'Запишись на консультацию с нашим специалистом, чтобы получить бесплатный доступ к платформе на месяц' : _ref$description;
|
|
100
|
+
var currentUrl = window.location.href;
|
|
106
101
|
var _useState = (0, _react.useState)(false),
|
|
107
102
|
_useState2 = _slicedToArray(_useState, 2),
|
|
108
103
|
isModal = _useState2[0],
|
|
109
104
|
_setIsModal = _useState2[1];
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
105
|
+
var currentProps = function currentProps() {
|
|
106
|
+
if (currentUrl !== null && currentUrl !== void 0 && currentUrl.includes('dotask.ru')) {
|
|
107
|
+
return {
|
|
108
|
+
bitrixToken: token_DOTASK,
|
|
109
|
+
inputArr: form_data_DOTASK,
|
|
110
|
+
nameId: name_id_DOTASK,
|
|
111
|
+
urlFetch: url_DOTASK
|
|
112
|
+
};
|
|
113
|
+
} else {
|
|
114
|
+
return {
|
|
115
|
+
bitrixToken: token_ECOMRU,
|
|
116
|
+
inputArr: form_data_ECOMRU,
|
|
117
|
+
nameId: name_id_ECOMRU,
|
|
118
|
+
urlFetch: url_ECOMRU
|
|
119
|
+
};
|
|
120
|
+
}
|
|
121
|
+
};
|
|
122
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isModal && /*#__PURE__*/_react["default"].createElement(_ModalBitrixForm.ModalBitrixForm, _extends({
|
|
123
|
+
modal: true,
|
|
115
124
|
setIsModal: function setIsModal(e) {
|
|
116
125
|
return _setIsModal(e);
|
|
117
126
|
},
|
|
118
|
-
formTitle: 'Желаемый способ связи'
|
|
119
|
-
|
|
120
|
-
}), /*#__PURE__*/_react["default"].createElement("section", {
|
|
127
|
+
formTitle: 'Желаемый способ связи'
|
|
128
|
+
}, currentProps())), /*#__PURE__*/_react["default"].createElement("section", {
|
|
121
129
|
className: "form-with-btn"
|
|
122
130
|
}, title && /*#__PURE__*/_react["default"].createElement("h2", {
|
|
123
131
|
className: "form-with-btn__title"
|
|
@@ -115,7 +115,7 @@ var InputDinamycPlaceholder = function InputDinamycPlaceholder(_ref) {
|
|
|
115
115
|
if (type === 'tel' && inputRef.current) {
|
|
116
116
|
var code = (0, _libphonenumberJs.getCountryCallingCode)(newCountry);
|
|
117
117
|
var newMask = {
|
|
118
|
-
mask:
|
|
118
|
+
mask: "+".concat(code, " (000) 000-00-00")
|
|
119
119
|
}; // Пример маски для России
|
|
120
120
|
|
|
121
121
|
if (maskRef.current) {
|
|
@@ -144,18 +144,17 @@ var InputDinamycPlaceholder = function InputDinamycPlaceholder(_ref) {
|
|
|
144
144
|
(0, _react.useEffect)(function () {
|
|
145
145
|
setValueInside(changeValue || '');
|
|
146
146
|
}, [changeValue]);
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
// }, [type, country]);
|
|
147
|
+
(0, _react.useEffect)(function () {
|
|
148
|
+
if (type === 'tel' && inputRef.current) {
|
|
149
|
+
var maskOptions = {
|
|
150
|
+
mask: '+{7} (000) 000-00-00'
|
|
151
|
+
};
|
|
152
|
+
var _mask = (0, _imask["default"])(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current, maskOptions);
|
|
153
|
+
return function () {
|
|
154
|
+
return _mask.destroy();
|
|
155
|
+
};
|
|
156
|
+
}
|
|
157
|
+
}, [type]);
|
|
159
158
|
|
|
160
159
|
// Обновление значения из props
|
|
161
160
|
(0, _react.useEffect)(function () {
|
|
@@ -173,19 +172,7 @@ var InputDinamycPlaceholder = function InputDinamycPlaceholder(_ref) {
|
|
|
173
172
|
width: '100%',
|
|
174
173
|
marginBottom: tooltip ? '24px' : ''
|
|
175
174
|
}
|
|
176
|
-
},
|
|
177
|
-
options_prop: options_country,
|
|
178
|
-
state: selectedCountry,
|
|
179
|
-
setState: function setState(e) {
|
|
180
|
-
setSelectedCountry(e);
|
|
181
|
-
handleCountryChange(e);
|
|
182
|
-
},
|
|
183
|
-
width: "100%",
|
|
184
|
-
isClearable: false,
|
|
185
|
-
style: {
|
|
186
|
-
marginBottom: '12px'
|
|
187
|
-
}
|
|
188
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
175
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
189
176
|
className: "".concat(err ? 'input-box__err' : 'input-box', " ").concat(size === 's' ? 'size-s' : 'size-l', " ").concat(disabled ? 'input-box_disabled' : '')
|
|
190
177
|
}, /*#__PURE__*/_react["default"].createElement("input", {
|
|
191
178
|
ref: inputRef,
|