@redneckz/wildless-cms-uni-blocks 0.14.1039 → 0.14.1040
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/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +17 -23
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/ReferalForm/ReferalFormContent.d.ts +2 -2
- package/bundle/components/ReferalForm/referalFormData.d.ts +2 -2
- package/dist/components/ReferalForm/ReferalForm.js +6 -6
- package/dist/components/ReferalForm/ReferalForm.js.map +1 -1
- package/dist/components/ReferalForm/ReferalFormContent.d.ts +2 -2
- package/dist/components/ReferalForm/referalFormData.d.ts +2 -2
- package/dist/components/ReferalForm/referalFormData.js +8 -14
- package/dist/components/ReferalForm/referalFormData.js.map +1 -1
- package/dist/components/ReferalForm/renderLinkInput.js +4 -1
- package/dist/components/ReferalForm/renderLinkInput.js.map +1 -1
- package/lib/components/ReferalForm/ReferalForm.js +6 -6
- package/lib/components/ReferalForm/ReferalForm.js.map +1 -1
- package/lib/components/ReferalForm/ReferalFormContent.d.ts +2 -2
- package/lib/components/ReferalForm/referalFormData.d.ts +2 -2
- package/lib/components/ReferalForm/referalFormData.js +7 -13
- package/lib/components/ReferalForm/referalFormData.js.map +1 -1
- package/lib/components/ReferalForm/renderLinkInput.js +4 -1
- package/lib/components/ReferalForm/renderLinkInput.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +17 -23
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/ReferalForm/ReferalFormContent.d.ts +2 -2
- package/mobile/bundle/components/ReferalForm/referalFormData.d.ts +2 -2
- package/mobile/dist/components/ReferalForm/ReferalForm.js +6 -6
- package/mobile/dist/components/ReferalForm/ReferalForm.js.map +1 -1
- package/mobile/dist/components/ReferalForm/ReferalFormContent.d.ts +2 -2
- package/mobile/dist/components/ReferalForm/referalFormData.d.ts +2 -2
- package/mobile/dist/components/ReferalForm/referalFormData.js +8 -14
- package/mobile/dist/components/ReferalForm/referalFormData.js.map +1 -1
- package/mobile/dist/components/ReferalForm/renderLinkInput.js +4 -1
- package/mobile/dist/components/ReferalForm/renderLinkInput.js.map +1 -1
- package/mobile/lib/components/ReferalForm/ReferalForm.js +6 -6
- package/mobile/lib/components/ReferalForm/ReferalForm.js.map +1 -1
- package/mobile/lib/components/ReferalForm/ReferalFormContent.d.ts +2 -2
- package/mobile/lib/components/ReferalForm/referalFormData.d.ts +2 -2
- package/mobile/lib/components/ReferalForm/referalFormData.js +7 -13
- package/mobile/lib/components/ReferalForm/referalFormData.js.map +1 -1
- package/mobile/lib/components/ReferalForm/renderLinkInput.js +4 -1
- package/mobile/lib/components/ReferalForm/renderLinkInput.js.map +1 -1
- package/mobile/src/components/ReferalForm/ReferalForm.example.json +3 -1
- package/mobile/src/components/ReferalForm/ReferalForm.tsx +11 -11
- package/mobile/src/components/ReferalForm/ReferalFormContent.ts +11 -9
- package/mobile/src/components/ReferalForm/referalFormData.ts +8 -14
- package/mobile/src/components/ReferalForm/renderLinkInput.tsx +5 -1
- package/package.json +1 -1
- package/src/components/ReferalForm/ReferalForm.example.json +3 -1
- package/src/components/ReferalForm/ReferalForm.fixture.mobile.tsx +2 -0
- package/src/components/ReferalForm/ReferalForm.fixture.tsx +2 -0
- package/src/components/ReferalForm/ReferalForm.tsx +11 -11
- package/src/components/ReferalForm/ReferalFormContent.ts +11 -9
- package/src/components/ReferalForm/referalFormData.ts +8 -14
- package/src/components/ReferalForm/renderLinkInput.tsx +5 -1
- package/bundle/components/ReferalForm/renderSections.d.ts +0 -3
- package/dist/components/ReferalForm/renderSections.d.ts +0 -3
- package/dist/components/ReferalForm/renderSections.js +0 -10
- package/dist/components/ReferalForm/renderSections.js.map +0 -1
- package/lib/components/ReferalForm/renderSections.d.ts +0 -3
- package/lib/components/ReferalForm/renderSections.js +0 -7
- package/lib/components/ReferalForm/renderSections.js.map +0 -1
- package/mobile/bundle/components/ReferalForm/renderSections.d.ts +0 -3
- package/mobile/dist/components/ReferalForm/renderSections.d.ts +0 -3
- package/mobile/dist/components/ReferalForm/renderSections.js +0 -10
- package/mobile/dist/components/ReferalForm/renderSections.js.map +0 -1
- package/mobile/lib/components/ReferalForm/renderSections.d.ts +0 -3
- package/mobile/lib/components/ReferalForm/renderSections.js +0 -7
- package/mobile/lib/components/ReferalForm/renderSections.js.map +0 -1
- package/mobile/src/components/ReferalForm/renderSections.tsx +0 -18
- package/src/components/ReferalForm/renderSections.tsx +0 -18
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { type TextProps } from '../../model/HeadlineType';
|
|
1
|
+
import { type DescriptionProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
|
|
2
2
|
import { type Picture } from '../../model/Picture';
|
|
3
3
|
import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
|
|
4
4
|
/**
|
|
5
5
|
* @title Форма для создания реферальной ссылки
|
|
6
6
|
*/
|
|
7
|
-
export declare type ReferalFormContent = UniBlockContent & {
|
|
7
|
+
export declare type ReferalFormContent = UniBlockContent & TitleProps & DescriptionProps & {
|
|
8
8
|
/** @title Адрес страницы с заявкой для реферала */
|
|
9
9
|
link?: string;
|
|
10
10
|
/** @title Кнопка */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
export declare const
|
|
1
|
+
import { type FieldDef } from '../ApplicationForm/ApplicationFormContent';
|
|
2
|
+
export declare const inputs: FieldDef[];
|
|
@@ -5,19 +5,19 @@ const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
|
5
5
|
const useForm_1 = require("../../hooks/useForm/useForm");
|
|
6
6
|
const ApplicationFormLayout_1 = require("../../ui-kit/ApplicationFormLayout/ApplicationFormLayout");
|
|
7
7
|
const SubmitButton_1 = require("../../ui-kit/Button/SubmitButton");
|
|
8
|
+
const getField_1 = require("../../ui-kit/FormField/getField");
|
|
8
9
|
const getObjectValidator_1 = require("../../ui-kit/FormField/getObjectValidator");
|
|
10
|
+
const renderTitle_1 = require("../../ui-kit/FormField/renderTitle");
|
|
9
11
|
const Link_1 = require("../../ui-kit/Link/Link");
|
|
10
12
|
const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
|
|
11
13
|
const Text_1 = require("../../ui-kit/Text/Text");
|
|
12
14
|
const UniBlock_1 = require("../../UniBlock/UniBlock");
|
|
13
15
|
const referalFormData_1 = require("./referalFormData");
|
|
14
|
-
const renderSections_1 = require("./renderSections");
|
|
15
16
|
const ResultLink_1 = require("./ResultLink");
|
|
16
|
-
exports.ReferalForm = (0, UniBlock_1.UniBlock)(({ link = '', button, copyIcon, ...rest }) => {
|
|
17
|
+
exports.ReferalForm = (0, UniBlock_1.UniBlock)(({ title, description, link = '', button, copyIcon, ...rest }) => {
|
|
17
18
|
const [isShowResultLink, setIsShowResultLink] = (0, hooks_1.useState)(false);
|
|
18
19
|
const [referalLink, setReferalLink] = (0, hooks_1.useState)('');
|
|
19
|
-
const
|
|
20
|
-
const formValidator = (0, hooks_1.useMemo)(() => (0, getObjectValidator_1.getFormValidator)(inputs), [inputs]);
|
|
20
|
+
const formValidator = (0, hooks_1.useMemo)(() => (0, getObjectValidator_1.getFormValidator)(referalFormData_1.inputs), [referalFormData_1.inputs]);
|
|
21
21
|
const handleSubmit = (0, hooks_1.useCallback)(async (formData) => {
|
|
22
22
|
setReferalLink(`${link}?utm_source=${formData.dadataPartyInnSelect?.text}&utm_mail=${formData.email}`);
|
|
23
23
|
setIsShowResultLink(true);
|
|
@@ -27,7 +27,7 @@ exports.ReferalForm = (0, UniBlock_1.UniBlock)(({ link = '', button, copyIcon, .
|
|
|
27
27
|
formValidator,
|
|
28
28
|
onSubmit: handleSubmit,
|
|
29
29
|
});
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(ApplicationFormLayout_1.ApplicationFormLayout, { className: "container space-y-m col-span-12", title: getTitle(isShowResultLink), ...rest, children: isShowResultLink ? ((0, jsx_runtime_1.jsx)(ResultLink_1.ResultLink, { link: referalLink, copyIcon: copyIcon })) : ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, children: [(0,
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)(ApplicationFormLayout_1.ApplicationFormLayout, { className: "container space-y-m col-span-12", title: getTitle(title, isShowResultLink), ...rest, children: isShowResultLink ? ((0, jsx_runtime_1.jsx)(ResultLink_1.ResultLink, { link: referalLink, copyIcon: copyIcon })) : ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid @xl:grid-cols-2 gap-x-m", children: [(0, renderTitle_1.renderTitle)(description), referalFormData_1.inputs.map((0, getField_1.getField)(field))] }), (0, jsx_runtime_1.jsxs)(Paragraph_1.Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: "\u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0435\u0442\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u0441 " }), (0, jsx_runtime_1.jsx)(Link_1.Link, { href: "/privacy-policy", target: "_blank", ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", children: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F\u043C\u0438 \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), (0, jsx_runtime_1.jsx)(SubmitButton_1.SubmitButton, { className: "w-full @xl:w-auto mt-xs", children: button?.text ?? 'Получить ссылку' })] })) }));
|
|
31
31
|
});
|
|
32
|
-
const getTitle = (isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' :
|
|
32
|
+
const getTitle = (title = '', isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' : title;
|
|
33
33
|
//# sourceMappingURL=ReferalForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReferalForm.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ReferalForm.tsx"],"names":[],"mappings":";;;AAAA,uDAA6E;AAC7E,yDAAsD;AACtD,oGAAiG;AACjG,mEAAgE;AAChE,kFAA6E;AAC7E,iDAA8C;AAC9C,gEAA6D;AAE7D,iDAA8C;AAC9C,sDAAmD;AAInD,
|
|
1
|
+
{"version":3,"file":"ReferalForm.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ReferalForm.tsx"],"names":[],"mappings":";;;AAAA,uDAA6E;AAC7E,yDAAsD;AACtD,oGAAiG;AACjG,mEAAgE;AAChE,8DAA2D;AAC3D,kFAA6E;AAC7E,oEAAiE;AACjE,iDAA8C;AAC9C,gEAA6D;AAE7D,iDAA8C;AAC9C,sDAAmD;AAInD,uDAA2C;AAC3C,6CAA0C;AAS7B,QAAA,WAAW,GAAG,IAAA,mBAAQ,EACjC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEnD,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,qCAAgB,EAAC,wBAAM,CAAC,EAAE,CAAC,wBAAM,CAAC,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,KAAK,EAAE,QAAmB,EAAE,EAAE;QAC7D,cAAc,CACZ,GAAG,IAAI,eAAe,QAAQ,CAAC,oBAAoB,EAAE,IAAI,aAAa,QAAQ,CAAC,KAAK,EAAE,CACvF,CAAC;QACF,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAA,iBAAO,EACrC,EAAE,EACF;QACE,aAAa,EAAE,IAAI;QACnB,aAAa;QACb,QAAQ,EAAE,YAAY;KACvB,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,6CAAqB,IACpB,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC,KACpC,IAAI,YAEP,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,uBAAU,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACtD,CAAC,CAAC,CAAC,CACF,kCAAM,QAAQ,EAAE,QAAQ,aACtB,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,IAAA,yBAAW,EAAC,WAAW,CAAC,EACxB,wBAAM,CAAC,GAAG,CAAC,IAAA,mBAAQ,EAAW,KAAK,CAAC,CAAC,IAClC,EACN,wBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,aACpE,uBAAC,WAAI,wPAAoD,EACzD,uBAAC,WAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,kIAAyB,6JAEzE,IACG,EACZ,uBAAC,2BAAY,IAAC,SAAS,EAAC,yBAAyB,YAC9C,MAAM,EAAE,IAAI,IAAI,iBAAiB,GACrB,IACV,CACR,GACqB,CACzB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAAK,GAAG,EAAE,EAAE,gBAAgB,GAAG,KAAK,EAAE,EAAE,CACxD,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { type TextProps } from '../../model/HeadlineType';
|
|
1
|
+
import { type DescriptionProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
|
|
2
2
|
import { type Picture } from '../../model/Picture';
|
|
3
3
|
import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
|
|
4
4
|
/**
|
|
5
5
|
* @title Форма для создания реферальной ссылки
|
|
6
6
|
*/
|
|
7
|
-
export declare type ReferalFormContent = UniBlockContent & {
|
|
7
|
+
export declare type ReferalFormContent = UniBlockContent & TitleProps & DescriptionProps & {
|
|
8
8
|
/** @title Адрес страницы с заявкой для реферала */
|
|
9
9
|
link?: string;
|
|
10
10
|
/** @title Кнопка */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
export declare const
|
|
1
|
+
import { type FieldDef } from '../ApplicationForm/ApplicationFormContent';
|
|
2
|
+
export declare const inputs: FieldDef[];
|
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.
|
|
3
|
-
exports.
|
|
4
|
-
{ title: 'Заполните ваши данные и получите персональную ссылку', inputs: [] },
|
|
2
|
+
exports.inputs = void 0;
|
|
3
|
+
exports.inputs = [
|
|
5
4
|
{
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
{
|
|
13
|
-
name: 'email',
|
|
14
|
-
required: true,
|
|
15
|
-
},
|
|
16
|
-
],
|
|
5
|
+
name: 'dadataPartyInnSelect',
|
|
6
|
+
required: true,
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
name: 'email',
|
|
10
|
+
required: true,
|
|
17
11
|
},
|
|
18
12
|
];
|
|
19
13
|
//# sourceMappingURL=referalFormData.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"referalFormData.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/referalFormData.ts"],"names":[],"mappings":";;AAEa,QAAA,
|
|
1
|
+
{"version":3,"file":"referalFormData.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/referalFormData.ts"],"names":[],"mappings":";;AAEa,QAAA,MAAM,GAAe;IAChC;QACE,IAAI,EAAE,sBAAsB;QAC5B,QAAQ,EAAE,IAAI;KACf;IACD;QACE,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,IAAI;KACf;CACF,CAAC"}
|
|
@@ -6,6 +6,9 @@ const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
|
6
6
|
const Img_1 = require("../../ui-kit/Img/Img");
|
|
7
7
|
const styles_1 = require("../../ui-kit/Input/styles");
|
|
8
8
|
const style_1 = require("../../utils/style");
|
|
9
|
+
const defaultIcon = {
|
|
10
|
+
icon: 'CopyIcon',
|
|
11
|
+
};
|
|
9
12
|
exports.renderLinkInput = (0, uni_jsx_1.JSX)(({ className, value = '', copyIcon }) => {
|
|
10
13
|
const onClick = (0, hooks_1.useCallback)(async () => {
|
|
11
14
|
try {
|
|
@@ -15,6 +18,6 @@ exports.renderLinkInput = (0, uni_jsx_1.JSX)(({ className, value = '', copyIcon
|
|
|
15
18
|
console.log('Ошибка копирования');
|
|
16
19
|
}
|
|
17
20
|
}, []);
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative flex items-center max-w-lg m-auto', className), children: [(0, jsx_runtime_1.jsx)("input", { className: (0, style_1.style)('h-14 border-gray text-ellipsis pr-5xl', styles_1.defaultStyle), type: "text", value: value, disabled: true }), (0, jsx_runtime_1.jsx)("div", { role: "button", className: "absolute right-3", onClick: onClick, children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: copyIcon }) })] }));
|
|
21
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative flex items-center max-w-lg m-auto', className), children: [(0, jsx_runtime_1.jsx)("input", { className: (0, style_1.style)('h-14 border-gray text-ellipsis pr-5xl', styles_1.defaultStyle), type: "text", value: value, disabled: true }), (0, jsx_runtime_1.jsx)("div", { role: "button", className: "absolute right-3", onClick: onClick, children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: copyIcon ?? defaultIcon, width: "20px" }) })] }));
|
|
19
22
|
});
|
|
20
23
|
//# sourceMappingURL=renderLinkInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderLinkInput.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/renderLinkInput.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAE1D,8CAA2C;AAE3C,sDAAyD;AACzD,6CAA0C;
|
|
1
|
+
{"version":3,"file":"renderLinkInput.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/renderLinkInput.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAE1D,8CAA2C;AAE3C,sDAAyD;AACzD,6CAA0C;AAM1C,MAAM,WAAW,GAAY;IAC3B,IAAI,EAAE,UAAU;CACjB,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,aAAG,EAAuB,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACrC,IAAI;YACF,MAAM,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACvD;QAAC,MAAM;YACN,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,4CAA4C,EAAE,SAAS,CAAC,aAC5E,kCACE,SAAS,EAAE,IAAA,aAAK,EAAC,uCAAuC,EAAE,qBAAY,CAAC,EACvE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,GACd,EACF,gCAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,OAAO,YAC9D,uBAAC,SAAG,IAAC,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,KAAK,EAAC,MAAM,GAAG,GAChD,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -3,18 +3,18 @@ import { useCallback, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
|
3
3
|
import { useForm } from '../../hooks/useForm/useForm.js';
|
|
4
4
|
import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout.js';
|
|
5
5
|
import { SubmitButton } from '../../ui-kit/Button/SubmitButton.js';
|
|
6
|
+
import { getField } from '../../ui-kit/FormField/getField.js';
|
|
6
7
|
import { getFormValidator } from '../../ui-kit/FormField/getObjectValidator.js';
|
|
8
|
+
import { renderTitle } from '../../ui-kit/FormField/renderTitle.js';
|
|
7
9
|
import { Link } from '../../ui-kit/Link/Link.js';
|
|
8
10
|
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
|
|
9
11
|
import { Text } from '../../ui-kit/Text/Text.js';
|
|
10
12
|
import { UniBlock } from '../../UniBlock/UniBlock.js';
|
|
11
|
-
import {
|
|
12
|
-
import { renderSections } from './renderSections.js';
|
|
13
|
+
import { inputs } from './referalFormData.js';
|
|
13
14
|
import { ResultLink } from './ResultLink.js';
|
|
14
|
-
export const ReferalForm = UniBlock(({ link = '', button, copyIcon, ...rest }) => {
|
|
15
|
+
export const ReferalForm = UniBlock(({ title, description, link = '', button, copyIcon, ...rest }) => {
|
|
15
16
|
const [isShowResultLink, setIsShowResultLink] = useState(false);
|
|
16
17
|
const [referalLink, setReferalLink] = useState('');
|
|
17
|
-
const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
|
|
18
18
|
const formValidator = useMemo(() => getFormValidator(inputs), [inputs]);
|
|
19
19
|
const handleSubmit = useCallback(async (formData) => {
|
|
20
20
|
setReferalLink(`${link}?utm_source=${formData.dadataPartyInnSelect?.text}&utm_mail=${formData.email}`);
|
|
@@ -25,7 +25,7 @@ export const ReferalForm = UniBlock(({ link = '', button, copyIcon, ...rest }) =
|
|
|
25
25
|
formValidator,
|
|
26
26
|
onSubmit: handleSubmit,
|
|
27
27
|
});
|
|
28
|
-
return (_jsx(ApplicationFormLayout, { className: "container space-y-m col-span-12", title: getTitle(isShowResultLink), ...rest, children: isShowResultLink ? (_jsx(ResultLink, { link: referalLink, copyIcon: copyIcon })) : (_jsxs("form", { onSubmit: onSubmit, children: [
|
|
28
|
+
return (_jsx(ApplicationFormLayout, { className: "container space-y-m col-span-12", title: getTitle(title, isShowResultLink), ...rest, children: isShowResultLink ? (_jsx(ResultLink, { link: referalLink, copyIcon: copyIcon })) : (_jsxs("form", { onSubmit: onSubmit, children: [_jsxs("div", { className: "grid @xl:grid-cols-2 gap-x-m", children: [renderTitle(description), inputs.map(getField(field))] }), _jsxs(Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [_jsx(Text, { children: "\u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0435\u0442\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u0441 " }), _jsx(Link, { href: "/privacy-policy", target: "_blank", ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", children: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F\u043C\u0438 \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), _jsx(SubmitButton, { className: "w-full @xl:w-auto mt-xs", children: button?.text ?? 'Получить ссылку' })] })) }));
|
|
29
29
|
});
|
|
30
|
-
const getTitle = (isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' :
|
|
30
|
+
const getTitle = (title = '', isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' : title;
|
|
31
31
|
//# sourceMappingURL=ReferalForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReferalForm.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ReferalForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ReferalForm.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ReferalForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { type TextProps } from '../../model/HeadlineType';
|
|
1
|
+
import { type DescriptionProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
|
|
2
2
|
import { type Picture } from '../../model/Picture';
|
|
3
3
|
import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
|
|
4
4
|
/**
|
|
5
5
|
* @title Форма для создания реферальной ссылки
|
|
6
6
|
*/
|
|
7
|
-
export declare type ReferalFormContent = UniBlockContent & {
|
|
7
|
+
export declare type ReferalFormContent = UniBlockContent & TitleProps & DescriptionProps & {
|
|
8
8
|
/** @title Адрес страницы с заявкой для реферала */
|
|
9
9
|
link?: string;
|
|
10
10
|
/** @title Кнопка */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
export declare const
|
|
1
|
+
import { type FieldDef } from '../ApplicationForm/ApplicationFormContent';
|
|
2
|
+
export declare const inputs: FieldDef[];
|
|
@@ -1,17 +1,11 @@
|
|
|
1
|
-
export const
|
|
2
|
-
{ title: 'Заполните ваши данные и получите персональную ссылку', inputs: [] },
|
|
1
|
+
export const inputs = [
|
|
3
2
|
{
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
{
|
|
11
|
-
name: 'email',
|
|
12
|
-
required: true,
|
|
13
|
-
},
|
|
14
|
-
],
|
|
3
|
+
name: 'dadataPartyInnSelect',
|
|
4
|
+
required: true,
|
|
5
|
+
},
|
|
6
|
+
{
|
|
7
|
+
name: 'email',
|
|
8
|
+
required: true,
|
|
15
9
|
},
|
|
16
10
|
];
|
|
17
11
|
//# sourceMappingURL=referalFormData.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"referalFormData.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/referalFormData.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"referalFormData.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/referalFormData.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAAe;IAChC;QACE,IAAI,EAAE,sBAAsB;QAC5B,QAAQ,EAAE,IAAI;KACf;IACD;QACE,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,IAAI;KACf;CACF,CAAC"}
|
|
@@ -4,6 +4,9 @@ import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
|
|
|
4
4
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
5
5
|
import { defaultStyle } from '../../ui-kit/Input/styles.js';
|
|
6
6
|
import { style } from '../../utils/style.js';
|
|
7
|
+
const defaultIcon = {
|
|
8
|
+
icon: 'CopyIcon',
|
|
9
|
+
};
|
|
7
10
|
export const renderLinkInput = JSX(({ className, value = '', copyIcon }) => {
|
|
8
11
|
const onClick = useCallback(async () => {
|
|
9
12
|
try {
|
|
@@ -13,6 +16,6 @@ export const renderLinkInput = JSX(({ className, value = '', copyIcon }) => {
|
|
|
13
16
|
console.log('Ошибка копирования');
|
|
14
17
|
}
|
|
15
18
|
}, []);
|
|
16
|
-
return (_jsxs("div", { className: style('relative flex items-center max-w-lg m-auto', className), children: [_jsx("input", { className: style('h-14 border-gray text-ellipsis pr-5xl', defaultStyle), type: "text", value: value, disabled: true }), _jsx("div", { role: "button", className: "absolute right-3", onClick: onClick, children: _jsx(Img, { image: copyIcon }) })] }));
|
|
19
|
+
return (_jsxs("div", { className: style('relative flex items-center max-w-lg m-auto', className), children: [_jsx("input", { className: style('h-14 border-gray text-ellipsis pr-5xl', defaultStyle), type: "text", value: value, disabled: true }), _jsx("div", { role: "button", className: "absolute right-3", onClick: onClick, children: _jsx(Img, { image: copyIcon ?? defaultIcon, width: "20px" }) })] }));
|
|
17
20
|
});
|
|
18
21
|
//# sourceMappingURL=renderLinkInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderLinkInput.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/renderLinkInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM1C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAuB,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,IAAI;YACF,MAAM,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACvD;QAAC,MAAM;YACN,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,4CAA4C,EAAE,SAAS,CAAC,aAC5E,gBACE,SAAS,EAAE,KAAK,CAAC,uCAAuC,EAAE,YAAY,CAAC,EACvE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,GACd,EACF,cAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,OAAO,YAC9D,KAAC,GAAG,IAAC,KAAK,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"renderLinkInput.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/renderLinkInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM1C,MAAM,WAAW,GAAY;IAC3B,IAAI,EAAE,UAAU;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAuB,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,IAAI;YACF,MAAM,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACvD;QAAC,MAAM;YACN,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,4CAA4C,EAAE,SAAS,CAAC,aAC5E,gBACE,SAAS,EAAE,KAAK,CAAC,uCAAuC,EAAE,YAAY,CAAC,EACvE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,GACd,EACF,cAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,OAAO,YAC9D,KAAC,GAAG,IAAC,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,KAAK,EAAC,MAAM,GAAG,GAChD,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -3841,7 +3841,7 @@
|
|
|
3841
3841
|
|
|
3842
3842
|
const renderTitle = (title) => title ? (jsx("div", { className: "@xl:text-center @xl:col-span-2 mb-m", children: jsx(Text, { size: "text-h6", children: title }) })) : null;
|
|
3843
3843
|
|
|
3844
|
-
const renderSections
|
|
3844
|
+
const renderSections = (sections, field, { typeForm, additionalParams }) => sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid'), children: [renderTitle(_.title), (_?.inputs || [])?.map(getField(field, { typeForm, ...additionalParams }))] }, `section-${i}`)));
|
|
3845
3845
|
|
|
3846
3846
|
const useInterval = (handler, period) => {
|
|
3847
3847
|
const timer = useRef(null);
|
|
@@ -4050,7 +4050,7 @@
|
|
|
4050
4050
|
});
|
|
4051
4051
|
const fieldName = getConsentDataProcessing(inputs)?.name;
|
|
4052
4052
|
const consentDataProcessing = fieldName ? field('consentDataProcessing') : undefined;
|
|
4053
|
-
return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [renderSections
|
|
4053
|
+
return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [renderSections(sections, field, { typeForm, additionalParams }), renderAgreementSubmit({
|
|
4054
4054
|
consentDataProcessing,
|
|
4055
4055
|
link,
|
|
4056
4056
|
additionalLink,
|
|
@@ -13728,25 +13728,20 @@
|
|
|
13728
13728
|
return (jsxs(BlockWrapper, { className: style('p-6xl space-y-xl', className), defaultPadding: "p-0", ...rest, children: [jsx(Heading, { className: "mb-xl", children: title }), isArchive ? renderDataPickForm() : null, ratesList.map((list, i) => (jsx(RatesTableItem, { list: list, isRatesValid: isRatesValid, isArchive: isArchive, infoMessage: infoMessage }, String(i)))), href ? renderLink(href) : null] }));
|
|
13729
13729
|
});
|
|
13730
13730
|
|
|
13731
|
-
const
|
|
13732
|
-
{ title: 'Заполните ваши данные и получите персональную ссылку', inputs: [] },
|
|
13731
|
+
const inputs = [
|
|
13733
13732
|
{
|
|
13734
|
-
|
|
13735
|
-
|
|
13736
|
-
|
|
13737
|
-
|
|
13738
|
-
|
|
13739
|
-
|
|
13740
|
-
{
|
|
13741
|
-
name: 'email',
|
|
13742
|
-
required: true,
|
|
13743
|
-
},
|
|
13744
|
-
],
|
|
13733
|
+
name: 'dadataPartyInnSelect',
|
|
13734
|
+
required: true,
|
|
13735
|
+
},
|
|
13736
|
+
{
|
|
13737
|
+
name: 'email',
|
|
13738
|
+
required: true,
|
|
13745
13739
|
},
|
|
13746
13740
|
];
|
|
13747
13741
|
|
|
13748
|
-
const
|
|
13749
|
-
|
|
13742
|
+
const defaultIcon = {
|
|
13743
|
+
icon: 'CopyIcon',
|
|
13744
|
+
};
|
|
13750
13745
|
const renderLinkInput = JSX(({ className, value = '', copyIcon }) => {
|
|
13751
13746
|
const onClick = useCallback(async () => {
|
|
13752
13747
|
try {
|
|
@@ -13756,7 +13751,7 @@
|
|
|
13756
13751
|
console.log('Ошибка копирования');
|
|
13757
13752
|
}
|
|
13758
13753
|
}, []);
|
|
13759
|
-
return (jsxs("div", { className: style('relative flex items-center max-w-lg m-auto', className), children: [jsx("input", { className: style('h-14 border-gray text-ellipsis pr-5xl', defaultStyle$1), type: "text", value: value, disabled: true }), jsx("div", { role: "button", className: "absolute right-3", onClick: onClick, children: jsx(Img, { image: copyIcon }) })] }));
|
|
13754
|
+
return (jsxs("div", { className: style('relative flex items-center max-w-lg m-auto', className), children: [jsx("input", { className: style('h-14 border-gray text-ellipsis pr-5xl', defaultStyle$1), type: "text", value: value, disabled: true }), jsx("div", { role: "button", className: "absolute right-3", onClick: onClick, children: jsx(Img, { image: copyIcon ?? defaultIcon, width: "20px" }) })] }));
|
|
13760
13755
|
});
|
|
13761
13756
|
|
|
13762
13757
|
const ResultLink = JSX(({ link, copyIcon }) => {
|
|
@@ -13766,10 +13761,9 @@
|
|
|
13766
13761
|
})] }));
|
|
13767
13762
|
});
|
|
13768
13763
|
|
|
13769
|
-
const ReferalForm = UniBlock(({ link = '', button, copyIcon, ...rest }) => {
|
|
13764
|
+
const ReferalForm = UniBlock(({ title, description, link = '', button, copyIcon, ...rest }) => {
|
|
13770
13765
|
const [isShowResultLink, setIsShowResultLink] = useState(false);
|
|
13771
13766
|
const [referalLink, setReferalLink] = useState('');
|
|
13772
|
-
const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
|
|
13773
13767
|
const formValidator = useMemo(() => getFormValidator(inputs), [inputs]);
|
|
13774
13768
|
const handleSubmit = useCallback(async (formData) => {
|
|
13775
13769
|
setReferalLink(`${link}?utm_source=${formData.dadataPartyInnSelect?.text}&utm_mail=${formData.email}`);
|
|
@@ -13780,9 +13774,9 @@
|
|
|
13780
13774
|
formValidator,
|
|
13781
13775
|
onSubmit: handleSubmit,
|
|
13782
13776
|
});
|
|
13783
|
-
return (jsx(ApplicationFormLayout, { className: "container space-y-m col-span-12", title: getTitle(isShowResultLink), ...rest, children: isShowResultLink ? (jsx(ResultLink, { link: referalLink, copyIcon: copyIcon })) : (jsxs("form", { onSubmit: onSubmit, children: [
|
|
13777
|
+
return (jsx(ApplicationFormLayout, { className: "container space-y-m col-span-12", title: getTitle(title, isShowResultLink), ...rest, children: isShowResultLink ? (jsx(ResultLink, { link: referalLink, copyIcon: copyIcon })) : (jsxs("form", { onSubmit: onSubmit, children: [jsxs("div", { className: "grid @xl:grid-cols-2 gap-x-m", children: [renderTitle(description), inputs.map(getField(field))] }), jsxs(Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [jsx(Text, { children: "\u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0435\u0442\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u0441 " }), jsx(Link, { href: "/privacy-policy", target: "_blank", ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", children: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F\u043C\u0438 \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), jsx(SubmitButton$1, { className: "w-full @xl:w-auto mt-xs", children: button?.text ?? 'Получить ссылку' })] })) }));
|
|
13784
13778
|
});
|
|
13785
|
-
const getTitle = (isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' :
|
|
13779
|
+
const getTitle = (title = '', isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' : title;
|
|
13786
13780
|
|
|
13787
13781
|
const RichTextBlock = UniBlock((props) => {
|
|
13788
13782
|
const { __html, dynamicQueryParamText = {}, dynamicTextSource, richVersion = '', ...rest } = props;
|
|
@@ -14552,7 +14546,7 @@
|
|
|
14552
14546
|
slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
|
|
14553
14547
|
});
|
|
14554
14548
|
|
|
14555
|
-
const packageVersion = "0.14.
|
|
14549
|
+
const packageVersion = "0.14.1039";
|
|
14556
14550
|
|
|
14557
14551
|
exports.Blocks = Blocks;
|
|
14558
14552
|
exports.ContentPage = ContentPage;
|