@redneckz/wildless-cms-uni-blocks 0.14.1030 → 0.14.1031
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 +9 -13
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/ReferalForm/ReferalFormContent.d.ts +3 -0
- package/bundle/components/ReferalForm/ResultLink.d.ts +2 -0
- package/bundle/components/ReferalForm/renderLinkInput.d.ts +6 -1
- package/dist/components/Blocks.mobile.js +2 -0
- package/dist/components/Blocks.mobile.js.map +1 -1
- package/dist/components/ReferalForm/ReferalForm.js +2 -2
- package/dist/components/ReferalForm/ReferalForm.js.map +1 -1
- package/dist/components/ReferalForm/ReferalFormContent.d.ts +3 -0
- package/dist/components/ReferalForm/ResultLink.d.ts +2 -0
- package/dist/components/ReferalForm/ResultLink.js +2 -1
- package/dist/components/ReferalForm/ResultLink.js.map +1 -1
- package/dist/components/ReferalForm/renderLinkInput.d.ts +6 -1
- package/dist/components/ReferalForm/renderLinkInput.js +2 -7
- package/dist/components/ReferalForm/renderLinkInput.js.map +1 -1
- package/lib/components/Blocks.mobile.js +2 -0
- package/lib/components/Blocks.mobile.js.map +1 -1
- package/lib/components/ReferalForm/ReferalForm.js +2 -2
- package/lib/components/ReferalForm/ReferalForm.js.map +1 -1
- package/lib/components/ReferalForm/ReferalFormContent.d.ts +3 -0
- package/lib/components/ReferalForm/ResultLink.d.ts +2 -0
- package/lib/components/ReferalForm/ResultLink.js +2 -1
- package/lib/components/ReferalForm/ResultLink.js.map +1 -1
- package/lib/components/ReferalForm/renderLinkInput.d.ts +6 -1
- package/lib/components/ReferalForm/renderLinkInput.js +2 -7
- package/lib/components/ReferalForm/renderLinkInput.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +60 -3
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/ReferalForm/ReferalFormContent.d.ts +3 -0
- package/mobile/bundle/components/ReferalForm/ResultLink.d.ts +2 -0
- package/mobile/bundle/components/ReferalForm/renderLinkInput.d.ts +6 -1
- package/mobile/dist/components/Blocks.js +2 -0
- package/mobile/dist/components/Blocks.js.map +1 -1
- package/mobile/dist/components/ReferalForm/ReferalForm.js +2 -2
- package/mobile/dist/components/ReferalForm/ReferalForm.js.map +1 -1
- package/mobile/dist/components/ReferalForm/ReferalFormContent.d.ts +3 -0
- package/mobile/dist/components/ReferalForm/ResultLink.d.ts +2 -0
- package/mobile/dist/components/ReferalForm/ResultLink.js +2 -1
- package/mobile/dist/components/ReferalForm/ResultLink.js.map +1 -1
- package/mobile/dist/components/ReferalForm/renderLinkInput.d.ts +6 -1
- package/mobile/dist/components/ReferalForm/renderLinkInput.js +2 -7
- package/mobile/dist/components/ReferalForm/renderLinkInput.js.map +1 -1
- package/mobile/lib/components/Blocks.js +2 -0
- package/mobile/lib/components/Blocks.js.map +1 -1
- package/mobile/lib/components/ReferalForm/ReferalForm.js +2 -2
- package/mobile/lib/components/ReferalForm/ReferalForm.js.map +1 -1
- package/mobile/lib/components/ReferalForm/ReferalFormContent.d.ts +3 -0
- package/mobile/lib/components/ReferalForm/ResultLink.d.ts +2 -0
- package/mobile/lib/components/ReferalForm/ResultLink.js +2 -1
- package/mobile/lib/components/ReferalForm/ResultLink.js.map +1 -1
- package/mobile/lib/components/ReferalForm/renderLinkInput.d.ts +6 -1
- package/mobile/lib/components/ReferalForm/renderLinkInput.js +2 -7
- package/mobile/lib/components/ReferalForm/renderLinkInput.js.map +1 -1
- package/mobile/src/components/Blocks.ts +2 -0
- package/mobile/src/components/ReferalForm/ReferalForm.tsx +49 -47
- package/mobile/src/components/ReferalForm/ReferalForm.ui.json +12 -1
- package/mobile/src/components/ReferalForm/ReferalFormContent.ts +3 -0
- package/mobile/src/components/ReferalForm/ResultLink.tsx +4 -1
- package/mobile/src/components/ReferalForm/renderLinkInput.tsx +4 -6
- package/package.json +1 -1
- package/src/components/Blocks.mobile.ts +2 -0
- package/src/components/ReferalForm/ReferalForm.fixture.mobile.tsx +8 -0
- package/src/components/ReferalForm/ReferalForm.fixture.tsx +8 -0
- package/src/components/ReferalForm/ReferalForm.tsx +49 -47
- package/src/components/ReferalForm/ReferalForm.ui.json +12 -1
- package/src/components/ReferalForm/ReferalFormContent.ts +3 -0
- package/src/components/ReferalForm/ResultLink.tsx +4 -1
- package/src/components/ReferalForm/renderLinkInput.tsx +4 -6
- package/src/icons/IconName.ts +4 -4
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type TextProps } from '../../model/HeadlineType';
|
|
2
|
+
import { type Picture } from '../../model/Picture';
|
|
2
3
|
import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
|
|
3
4
|
/**
|
|
4
5
|
* @title Форма для создания реферальной ссылки
|
|
@@ -8,4 +9,6 @@ export declare type ReferalFormContent = UniBlockContent & {
|
|
|
8
9
|
link?: string;
|
|
9
10
|
/** @title Кнопка */
|
|
10
11
|
button?: TextProps;
|
|
12
|
+
/** @title Иконка кнопки копирования */
|
|
13
|
+
copyIcon?: Picture;
|
|
11
14
|
};
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
+
import { type Picture } from '../../model/Picture';
|
|
1
2
|
import { type InputProps } from '../../ui-kit/Input/InputProps';
|
|
2
|
-
|
|
3
|
+
declare type renderLinkInputProps = InputProps & {
|
|
4
|
+
copyIcon?: Picture;
|
|
5
|
+
};
|
|
6
|
+
export declare const renderLinkInput: import("@redneckz/uni-jsx").UNIComponent<renderLinkInputProps, any, any>;
|
|
7
|
+
export {};
|
|
@@ -37,6 +37,7 @@ const MobileAppTile_1 = require("./MobileAppTile/MobileAppTile");
|
|
|
37
37
|
const OfficesAtmsMap_1 = require("./OfficesAtmsMap/OfficesAtmsMap");
|
|
38
38
|
const ProductBlock_1 = require("./ProductBlock/ProductBlock");
|
|
39
39
|
const RatesTable_1 = require("./RatesTable/RatesTable");
|
|
40
|
+
const ReferalForm_1 = require("./ReferalForm/ReferalForm");
|
|
40
41
|
const RichTextBlock_1 = require("./RichTextBlock/RichTextBlock");
|
|
41
42
|
const RkoTariffCardsTable_1 = require("./RkoTariffCardsTable/RkoTariffCardsTable");
|
|
42
43
|
const RollupItem_1 = require("./RollupItem/RollupItem");
|
|
@@ -93,5 +94,6 @@ exports.Blocks = {
|
|
|
93
94
|
CalculatorRko: CalculatorRko_1.CalculatorRko,
|
|
94
95
|
RkoTariffCardsTable: RkoTariffCardsTable_1.RkoTariffCardsTable,
|
|
95
96
|
RatesTable: RatesTable_1.RatesTable,
|
|
97
|
+
ReferalForm: ReferalForm_1.ReferalForm,
|
|
96
98
|
};
|
|
97
99
|
//# sourceMappingURL=Blocks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../../src/components/Blocks.ts"],"names":[],"mappings":";;AAEA,4CAAyC;AACzC,uEAAoE;AACpE,mFAAgF;AAChF,yFAAsF;AACtF,iEAA8D;AAC9D,gFAA6E;AAC7E,8DAA2D;AAC3D,uEAAoE;AACpE,qGAAkG;AAClG,0EAAuE;AACvE,6EAA0E;AAC1E,yFAAsF;AACtF,iEAA8D;AAC9D,8DAA2D;AAC3D,kDAA+C;AAC/C,mFAAgF;AAChF,wGAAqG;AACrG,mFAAgF;AAChF,gFAA6E;AAC7E,oEAAiE;AACjE,wDAAqD;AACrD,qDAAkD;AAClD,6EAA0E;AAC1E,wDAAqD;AACrD,0EAAuE;AACvE,4CAAyC;AACzC,iEAA8D;AAC9D,8DAA2D;AAC3D,4CAAyC;AACzC,kDAA+C;AAC/C,0EAAuE;AACvE,kDAA+C;AAC/C,kDAA+C;AAC/C,iEAA8D;AAC9D,oEAAiE;AACjE,8DAA2D;AAC3D,wDAAqD;AACrD,iEAA8D;AAC9D,mFAAgF;AAChF,wDAAqD;AACrD,wDAAqD;AACrD,0EAAuE;AACvE,wDAAqD;AACrD,8DAA2D;AAC3D,qDAAkD;AAClD,oEAAiE;AAEpD,QAAA,MAAM,GAAmB;IACpC,MAAM,EAAN,eAAM;IACN,eAAe,EAAf,iCAAe;IACf,qBAAqB,EAArB,6CAAqB;IACrB,aAAa,EAAb,6BAAa;IACb,kBAAkB,EAAlB,uCAAkB;IAClB,YAAY,EAAZ,2BAAY;IACZ,eAAe,EAAf,iCAAe;IACf,yBAAyB,EAAzB,qDAAyB;IACzB,gBAAgB,EAAhB,mCAAgB;IAChB,iBAAiB,EAAjB,qCAAiB;IACjB,qBAAqB,EAArB,6CAAqB;IACrB,YAAY,EAAZ,2BAAY;IACZ,QAAQ,EAAR,mBAAQ;IACR,mBAAmB,EAAnB,yCAAmB;IACnB,0BAA0B,EAA1B,uDAA0B;IAC1B,mBAAmB,EAAnB,yCAAmB;IACnB,iBAAiB,EAAjB,qCAAiB;IACjB,UAAU,EAAV,uBAAU;IACV,gBAAgB,EAAhB,mCAAgB;IAChB,MAAM,EAAN,eAAM;IACN,aAAa,EAAb,6BAAa;IACb,YAAY,EAAZ,2BAAY;IACZ,MAAM,EAAN,eAAM;IACN,QAAQ,EAAR,mBAAQ;IACR,gBAAgB,EAAhB,mCAAgB;IAChB,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,aAAa,EAAb,6BAAa;IACb,cAAc,EAAd,+BAAc;IACd,YAAY,EAAZ,2BAAY;IACZ,aAAa,EAAb,6BAAa;IACb,UAAU,EAAV,uBAAU;IACV,UAAU,EAAV,uBAAU;IACV,gBAAgB,EAAhB,mCAAgB;IAChB,UAAU,EAAV,uBAAU;IACV,YAAY,EAAZ,2BAAY;IACZ,SAAS,EAAT,qBAAS;IACT,cAAc,EAAd,+BAAc;IACd,mBAAmB,EAAnB,yCAAmB;IACnB,cAAc,EAAd,+BAAc;IACd,UAAU,EAAV,uBAAU;IACV,SAAS,EAAT,qBAAS;IACT,kBAAkB,EAAlB,uCAAkB;IAClB,aAAa,EAAb,6BAAa;IACb,mBAAmB,EAAnB,yCAAmB;IACnB,UAAU,EAAV,uBAAU;
|
|
1
|
+
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../../src/components/Blocks.ts"],"names":[],"mappings":";;AAEA,4CAAyC;AACzC,uEAAoE;AACpE,mFAAgF;AAChF,yFAAsF;AACtF,iEAA8D;AAC9D,gFAA6E;AAC7E,8DAA2D;AAC3D,uEAAoE;AACpE,qGAAkG;AAClG,0EAAuE;AACvE,6EAA0E;AAC1E,yFAAsF;AACtF,iEAA8D;AAC9D,8DAA2D;AAC3D,kDAA+C;AAC/C,mFAAgF;AAChF,wGAAqG;AACrG,mFAAgF;AAChF,gFAA6E;AAC7E,oEAAiE;AACjE,wDAAqD;AACrD,qDAAkD;AAClD,6EAA0E;AAC1E,wDAAqD;AACrD,0EAAuE;AACvE,4CAAyC;AACzC,iEAA8D;AAC9D,8DAA2D;AAC3D,4CAAyC;AACzC,kDAA+C;AAC/C,0EAAuE;AACvE,kDAA+C;AAC/C,kDAA+C;AAC/C,iEAA8D;AAC9D,oEAAiE;AACjE,8DAA2D;AAC3D,wDAAqD;AACrD,2DAAwD;AACxD,iEAA8D;AAC9D,mFAAgF;AAChF,wDAAqD;AACrD,wDAAqD;AACrD,0EAAuE;AACvE,wDAAqD;AACrD,8DAA2D;AAC3D,qDAAkD;AAClD,oEAAiE;AAEpD,QAAA,MAAM,GAAmB;IACpC,MAAM,EAAN,eAAM;IACN,eAAe,EAAf,iCAAe;IACf,qBAAqB,EAArB,6CAAqB;IACrB,aAAa,EAAb,6BAAa;IACb,kBAAkB,EAAlB,uCAAkB;IAClB,YAAY,EAAZ,2BAAY;IACZ,eAAe,EAAf,iCAAe;IACf,yBAAyB,EAAzB,qDAAyB;IACzB,gBAAgB,EAAhB,mCAAgB;IAChB,iBAAiB,EAAjB,qCAAiB;IACjB,qBAAqB,EAArB,6CAAqB;IACrB,YAAY,EAAZ,2BAAY;IACZ,QAAQ,EAAR,mBAAQ;IACR,mBAAmB,EAAnB,yCAAmB;IACnB,0BAA0B,EAA1B,uDAA0B;IAC1B,mBAAmB,EAAnB,yCAAmB;IACnB,iBAAiB,EAAjB,qCAAiB;IACjB,UAAU,EAAV,uBAAU;IACV,gBAAgB,EAAhB,mCAAgB;IAChB,MAAM,EAAN,eAAM;IACN,aAAa,EAAb,6BAAa;IACb,YAAY,EAAZ,2BAAY;IACZ,MAAM,EAAN,eAAM;IACN,QAAQ,EAAR,mBAAQ;IACR,gBAAgB,EAAhB,mCAAgB;IAChB,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,aAAa,EAAb,6BAAa;IACb,cAAc,EAAd,+BAAc;IACd,YAAY,EAAZ,2BAAY;IACZ,aAAa,EAAb,6BAAa;IACb,UAAU,EAAV,uBAAU;IACV,UAAU,EAAV,uBAAU;IACV,gBAAgB,EAAhB,mCAAgB;IAChB,UAAU,EAAV,uBAAU;IACV,YAAY,EAAZ,2BAAY;IACZ,SAAS,EAAT,qBAAS;IACT,cAAc,EAAd,+BAAc;IACd,mBAAmB,EAAnB,yCAAmB;IACnB,cAAc,EAAd,+BAAc;IACd,UAAU,EAAV,uBAAU;IACV,SAAS,EAAT,qBAAS;IACT,kBAAkB,EAAlB,uCAAkB;IAClB,aAAa,EAAb,6BAAa;IACb,mBAAmB,EAAnB,yCAAmB;IACnB,UAAU,EAAV,uBAAU;IACV,WAAW,EAAX,yBAAW;CACZ,CAAC"}
|
|
@@ -13,7 +13,7 @@ const UniBlock_1 = require("../../UniBlock/UniBlock");
|
|
|
13
13
|
const referalFormData_1 = require("./referalFormData");
|
|
14
14
|
const renderSections_1 = require("./renderSections");
|
|
15
15
|
const ResultLink_1 = require("./ResultLink");
|
|
16
|
-
exports.ReferalForm = (0, UniBlock_1.UniBlock)(({ link = '', button, ...rest }) => {
|
|
16
|
+
exports.ReferalForm = (0, UniBlock_1.UniBlock)(({ link = '', button, copyIcon, ...rest }) => {
|
|
17
17
|
const [isShowResultLink, setIsShowResultLink] = (0, hooks_1.useState)(false);
|
|
18
18
|
const [referalLink, setReferalLink] = (0, hooks_1.useState)('');
|
|
19
19
|
const inputs = (0, hooks_1.useMemo)(() => (referalFormData_1.sections?.flatMap((_) => _?.inputs) || []), [referalFormData_1.sections]);
|
|
@@ -27,7 +27,7 @@ exports.ReferalForm = (0, UniBlock_1.UniBlock)(({ link = '', button, ...rest })
|
|
|
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 })) : ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, children: [(0, renderSections_1.renderSections)(referalFormData_1.sections, 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", children: button?.text ?? 'Получить ссылку' })] })) }));
|
|
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, renderSections_1.renderSections)(referalFormData_1.sections, 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
32
|
const getTitle = (isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' : 'Как получить бесплатное обслуживание счёта';
|
|
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,uDAA6C;AAC7C,qDAAkD;AAClD,6CAA0C;AAS7B,QAAA,WAAW,GAAG,IAAA,mBAAQ,
|
|
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,uDAA6C;AAC7C,qDAAkD;AAClD,6CAA0C;AAS7B,QAAA,WAAW,GAAG,IAAA,mBAAQ,EACjC,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC3C,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;IACnD,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,CAAC,0BAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,EAAE,CAAe,EAC/D,CAAC,0BAAQ,CAAC,CACX,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,qCAAgB,EAAC,MAAM,CAAC,EAAE,CAAC,MAAM,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,gBAAgB,CAAC,KAC7B,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,aACrB,IAAA,+BAAc,EAAC,0BAAQ,EAAE,KAAK,CAAC,EAChC,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,gBAAgB,GAAG,KAAK,EAAE,EAAE,CAC5C,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,4CAA4C,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type TextProps } from '../../model/HeadlineType';
|
|
2
|
+
import { type Picture } from '../../model/Picture';
|
|
2
3
|
import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
|
|
3
4
|
/**
|
|
4
5
|
* @title Форма для создания реферальной ссылки
|
|
@@ -8,4 +9,6 @@ export declare type ReferalFormContent = UniBlockContent & {
|
|
|
8
9
|
link?: string;
|
|
9
10
|
/** @title Кнопка */
|
|
10
11
|
button?: TextProps;
|
|
12
|
+
/** @title Иконка кнопки копирования */
|
|
13
|
+
copyIcon?: Picture;
|
|
11
14
|
};
|
|
@@ -4,9 +4,10 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const Text_1 = require("../../ui-kit/Text/Text");
|
|
6
6
|
const renderLinkInput_1 = require("./renderLinkInput");
|
|
7
|
-
exports.ResultLink = (0, uni_jsx_1.JSX)(({ link }) => {
|
|
7
|
+
exports.ResultLink = (0, uni_jsx_1.JSX)(({ link, copyIcon }) => {
|
|
8
8
|
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "@xl:text-center @xl:col-span-2 mb-m", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h6", children: "\u0421\u043A\u043E\u043F\u0438\u0440\u0443\u0439\u0442\u0435 \u0441\u0441\u044B\u043B\u043A\u0443 \u0438 \u043E\u0442\u043F\u0440\u0430\u0432\u044C\u0442\u0435 \u0434\u0440\u0443\u0433\u0443" }) }), (0, renderLinkInput_1.renderLinkInput)({
|
|
9
9
|
value: link,
|
|
10
|
+
copyIcon,
|
|
10
11
|
})] }));
|
|
11
12
|
});
|
|
12
13
|
//# sourceMappingURL=ResultLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResultLink.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ResultLink.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;
|
|
1
|
+
{"version":3,"file":"ResultLink.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ResultLink.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,iDAA8C;AAC9C,uDAAoD;AAOvC,QAAA,UAAU,GAAG,IAAA,aAAG,EAAkB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,4CACE,gCAAK,SAAS,EAAC,qCAAqC,YAClD,uBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,+MAA2C,GAC3D,EACL,IAAA,iCAAe,EAAC;gBACf,KAAK,EAAE,IAAI;gBACX,QAAQ;aACT,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
+
import { type Picture } from '../../model/Picture';
|
|
1
2
|
import { type InputProps } from '../../ui-kit/Input/InputProps';
|
|
2
|
-
|
|
3
|
+
declare type renderLinkInputProps = InputProps & {
|
|
4
|
+
copyIcon?: Picture;
|
|
5
|
+
};
|
|
6
|
+
export declare const renderLinkInput: import("@redneckz/uni-jsx").UNIComponent<renderLinkInputProps, any, any>;
|
|
7
|
+
export {};
|
|
@@ -6,12 +6,7 @@ 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
|
-
|
|
10
|
-
src: 'CopyIcon.svg',
|
|
11
|
-
iconVersion: 'normal',
|
|
12
|
-
size: { width: 20 },
|
|
13
|
-
};
|
|
14
|
-
exports.renderLinkInput = (0, uni_jsx_1.JSX)(({ className, value = '' }) => {
|
|
9
|
+
exports.renderLinkInput = (0, uni_jsx_1.JSX)(({ className, value = '', copyIcon }) => {
|
|
15
10
|
const onClick = (0, hooks_1.useCallback)(async () => {
|
|
16
11
|
try {
|
|
17
12
|
await globalThis.navigator.clipboard.writeText(value);
|
|
@@ -20,6 +15,6 @@ exports.renderLinkInput = (0, uni_jsx_1.JSX)(({ className, value = '' }) => {
|
|
|
20
15
|
console.log('Ошибка копирования');
|
|
21
16
|
}
|
|
22
17
|
}, []);
|
|
23
|
-
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:
|
|
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 }) })] }));
|
|
24
19
|
});
|
|
25
20
|
//# 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;AAM7B,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,GAAI,GACpB,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -35,6 +35,7 @@ import { MobileAppTile } from './MobileAppTile/MobileAppTile.js';
|
|
|
35
35
|
import { OfficesAtmsMap } from './OfficesAtmsMap/OfficesAtmsMap.js';
|
|
36
36
|
import { ProductBlock } from './ProductBlock/ProductBlock.js';
|
|
37
37
|
import { RatesTable } from './RatesTable/RatesTable.js';
|
|
38
|
+
import { ReferalForm } from './ReferalForm/ReferalForm.js';
|
|
38
39
|
import { RichTextBlock } from './RichTextBlock/RichTextBlock.js';
|
|
39
40
|
import { RkoTariffCardsTable } from './RkoTariffCardsTable/RkoTariffCardsTable.js';
|
|
40
41
|
import { RollupItem } from './RollupItem/RollupItem.js';
|
|
@@ -91,5 +92,6 @@ export const Blocks = {
|
|
|
91
92
|
CalculatorRko,
|
|
92
93
|
RkoTariffCardsTable,
|
|
93
94
|
RatesTable,
|
|
95
|
+
ReferalForm,
|
|
94
96
|
};
|
|
95
97
|
//# sourceMappingURL=Blocks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../../src/components/Blocks.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../../src/components/Blocks.ts"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ import { UniBlock } from '../../UniBlock/UniBlock.js';
|
|
|
11
11
|
import { sections } from './referalFormData.js';
|
|
12
12
|
import { renderSections } from './renderSections.js';
|
|
13
13
|
import { ResultLink } from './ResultLink.js';
|
|
14
|
-
export const ReferalForm = UniBlock(({ link = '', button, ...rest }) => {
|
|
14
|
+
export const ReferalForm = UniBlock(({ link = '', button, copyIcon, ...rest }) => {
|
|
15
15
|
const [isShowResultLink, setIsShowResultLink] = useState(false);
|
|
16
16
|
const [referalLink, setReferalLink] = useState('');
|
|
17
17
|
const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
|
|
@@ -25,7 +25,7 @@ export const ReferalForm = UniBlock(({ link = '', button, ...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 })) : (_jsxs("form", { onSubmit: onSubmit, children: [renderSections(sections, 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", children: button?.text ?? 'Получить ссылку' })] })) }));
|
|
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: [renderSections(sections, 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
30
|
const getTitle = (isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' : 'Как получить бесплатное обслуживание счёта';
|
|
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,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAInD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,
|
|
1
|
+
{"version":3,"file":"ReferalForm.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ReferalForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type TextProps } from '../../model/HeadlineType';
|
|
2
|
+
import { type Picture } from '../../model/Picture';
|
|
2
3
|
import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
|
|
3
4
|
/**
|
|
4
5
|
* @title Форма для создания реферальной ссылки
|
|
@@ -8,4 +9,6 @@ export declare type ReferalFormContent = UniBlockContent & {
|
|
|
8
9
|
link?: string;
|
|
9
10
|
/** @title Кнопка */
|
|
10
11
|
button?: TextProps;
|
|
12
|
+
/** @title Иконка кнопки копирования */
|
|
13
|
+
copyIcon?: Picture;
|
|
11
14
|
};
|
|
@@ -2,9 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { Text } from '../../ui-kit/Text/Text.js';
|
|
4
4
|
import { renderLinkInput } from './renderLinkInput.js';
|
|
5
|
-
export const ResultLink = JSX(({ link }) => {
|
|
5
|
+
export const ResultLink = JSX(({ link, copyIcon }) => {
|
|
6
6
|
return (_jsxs("div", { children: [_jsx("div", { className: "@xl:text-center @xl:col-span-2 mb-m", children: _jsx(Text, { size: "text-h6", children: "\u0421\u043A\u043E\u043F\u0438\u0440\u0443\u0439\u0442\u0435 \u0441\u0441\u044B\u043B\u043A\u0443 \u0438 \u043E\u0442\u043F\u0440\u0430\u0432\u044C\u0442\u0435 \u0434\u0440\u0443\u0433\u0443" }) }), renderLinkInput({
|
|
7
7
|
value: link,
|
|
8
|
+
copyIcon,
|
|
8
9
|
})] }));
|
|
9
10
|
});
|
|
10
11
|
//# sourceMappingURL=ResultLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResultLink.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ResultLink.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ResultLink.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ResultLink.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAOpD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,0BACE,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,+MAA2C,GAC3D,EACL,eAAe,CAAC;gBACf,KAAK,EAAE,IAAI;gBACX,QAAQ;aACT,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
+
import { type Picture } from '../../model/Picture';
|
|
1
2
|
import { type InputProps } from '../../ui-kit/Input/InputProps';
|
|
2
|
-
|
|
3
|
+
declare type renderLinkInputProps = InputProps & {
|
|
4
|
+
copyIcon?: Picture;
|
|
5
|
+
};
|
|
6
|
+
export declare const renderLinkInput: import("@redneckz/uni-jsx").UNIComponent<renderLinkInputProps, any, any>;
|
|
7
|
+
export {};
|
|
@@ -4,12 +4,7 @@ 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
|
|
8
|
-
src: 'CopyIcon.svg',
|
|
9
|
-
iconVersion: 'normal',
|
|
10
|
-
size: { width: 20 },
|
|
11
|
-
};
|
|
12
|
-
export const renderLinkInput = JSX(({ className, value = '' }) => {
|
|
7
|
+
export const renderLinkInput = JSX(({ className, value = '', copyIcon }) => {
|
|
13
8
|
const onClick = useCallback(async () => {
|
|
14
9
|
try {
|
|
15
10
|
await globalThis.navigator.clipboard.writeText(value);
|
|
@@ -18,6 +13,6 @@ export const renderLinkInput = JSX(({ className, value = '' }) => {
|
|
|
18
13
|
console.log('Ошибка копирования');
|
|
19
14
|
}
|
|
20
15
|
}, []);
|
|
21
|
-
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:
|
|
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 }) })] }));
|
|
22
17
|
});
|
|
23
18
|
//# 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;
|
|
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,GAAI,GACpB,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -37,6 +37,7 @@ import { MobileAppTile } from './MobileAppTile/MobileAppTile';
|
|
|
37
37
|
import { OfficesAtmsMap } from './OfficesAtmsMap/OfficesAtmsMap';
|
|
38
38
|
import { ProductBlock } from './ProductBlock/ProductBlock';
|
|
39
39
|
import { RatesTable } from './RatesTable/RatesTable';
|
|
40
|
+
import { ReferalForm } from './ReferalForm/ReferalForm';
|
|
40
41
|
import { RichTextBlock } from './RichTextBlock/RichTextBlock';
|
|
41
42
|
import { RkoTariffCardsTable } from './RkoTariffCardsTable/RkoTariffCardsTable';
|
|
42
43
|
import { RollupItem } from './RollupItem/RollupItem';
|
|
@@ -94,4 +95,5 @@ export const Blocks: BlocksRegistry = {
|
|
|
94
95
|
CalculatorRko,
|
|
95
96
|
RkoTariffCardsTable,
|
|
96
97
|
RatesTable,
|
|
98
|
+
ReferalForm,
|
|
97
99
|
};
|
|
@@ -22,57 +22,59 @@ export interface FormState {
|
|
|
22
22
|
|
|
23
23
|
export interface ReferalFormProps extends ReferalFormContent, UniBlockProps {}
|
|
24
24
|
|
|
25
|
-
export const ReferalForm = UniBlock<ReferalFormProps>(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
export const ReferalForm = UniBlock<ReferalFormProps>(
|
|
26
|
+
({ link = '', button, copyIcon, ...rest }) => {
|
|
27
|
+
const [isShowResultLink, setIsShowResultLink] = useState(false);
|
|
28
|
+
const [referalLink, setReferalLink] = useState('');
|
|
29
|
+
const inputs = useMemo(
|
|
30
|
+
() => (sections?.flatMap((_) => _?.inputs) || []) as FieldDef[],
|
|
31
|
+
[sections],
|
|
32
|
+
);
|
|
32
33
|
|
|
33
|
-
|
|
34
|
+
const formValidator = useMemo(() => getFormValidator(inputs), [inputs]);
|
|
34
35
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
36
|
+
const handleSubmit = useCallback(async (formData: FormState) => {
|
|
37
|
+
setReferalLink(
|
|
38
|
+
`${link}?utm_source=${formData.dadataPartyInnSelect?.text}&utm_mail=${formData.email}`,
|
|
39
|
+
);
|
|
40
|
+
setIsShowResultLink(true);
|
|
41
|
+
}, []);
|
|
41
42
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
43
|
+
const [, { field, onSubmit }] = useForm(
|
|
44
|
+
{},
|
|
45
|
+
{
|
|
46
|
+
resetOnSubmit: true,
|
|
47
|
+
formValidator,
|
|
48
|
+
onSubmit: handleSubmit,
|
|
49
|
+
},
|
|
50
|
+
);
|
|
50
51
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}
|
|
52
|
+
return (
|
|
53
|
+
<ApplicationFormLayout
|
|
54
|
+
className="container space-y-m col-span-12"
|
|
55
|
+
title={getTitle(isShowResultLink)}
|
|
56
|
+
{...rest}
|
|
57
|
+
>
|
|
58
|
+
{isShowResultLink ? (
|
|
59
|
+
<ResultLink link={referalLink} copyIcon={copyIcon} />
|
|
60
|
+
) : (
|
|
61
|
+
<form onSubmit={onSubmit}>
|
|
62
|
+
{renderSections(sections, field)}
|
|
63
|
+
<Paragraph size="text-l" font="font-light" color="text-secondary-text">
|
|
64
|
+
<Text>Нажимая кнопку, вы подтверждаете согласие с </Text>
|
|
65
|
+
<Link href="/privacy-policy" target="_blank" ariaLabel="условия передачи данных">
|
|
66
|
+
условиями передачи данных
|
|
67
|
+
</Link>
|
|
68
|
+
</Paragraph>
|
|
69
|
+
<SubmitButton className="w-full @xl:w-auto mt-xs">
|
|
70
|
+
{button?.text ?? 'Получить ссылку'}
|
|
71
|
+
</SubmitButton>
|
|
72
|
+
</form>
|
|
73
|
+
)}
|
|
74
|
+
</ApplicationFormLayout>
|
|
75
|
+
);
|
|
76
|
+
},
|
|
77
|
+
);
|
|
76
78
|
|
|
77
79
|
const getTitle = (isShowResultLink = false) =>
|
|
78
80
|
isShowResultLink ? 'Ваша личная ссылка' : 'Как получить бесплатное обслуживание счёта';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type TextProps } from '../../model/HeadlineType';
|
|
2
|
+
import { type Picture } from '../../model/Picture';
|
|
2
3
|
import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
|
|
3
4
|
|
|
4
5
|
/**
|
|
@@ -9,4 +10,6 @@ export type ReferalFormContent = UniBlockContent & {
|
|
|
9
10
|
link?: string;
|
|
10
11
|
/** @title Кнопка */
|
|
11
12
|
button?: TextProps;
|
|
13
|
+
/** @title Иконка кнопки копирования */
|
|
14
|
+
copyIcon?: Picture;
|
|
12
15
|
};
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import { type Picture } from '../../model/Picture';
|
|
2
3
|
import { Text } from '../../ui-kit/Text/Text';
|
|
3
4
|
import { renderLinkInput } from './renderLinkInput';
|
|
4
5
|
|
|
5
6
|
type ResultLinkProps = {
|
|
6
7
|
link: string;
|
|
8
|
+
copyIcon?: Picture;
|
|
7
9
|
};
|
|
8
10
|
|
|
9
|
-
export const ResultLink = JSX<ResultLinkProps>(({ link }) => {
|
|
11
|
+
export const ResultLink = JSX<ResultLinkProps>(({ link, copyIcon }) => {
|
|
10
12
|
return (
|
|
11
13
|
<div>
|
|
12
14
|
<div className="@xl:text-center @xl:col-span-2 mb-m">
|
|
@@ -14,6 +16,7 @@ export const ResultLink = JSX<ResultLinkProps>(({ link }) => {
|
|
|
14
16
|
</div>
|
|
15
17
|
{renderLinkInput({
|
|
16
18
|
value: link,
|
|
19
|
+
copyIcon,
|
|
17
20
|
})}
|
|
18
21
|
</div>
|
|
19
22
|
);
|
|
@@ -6,13 +6,11 @@ import { type InputProps } from '../../ui-kit/Input/InputProps';
|
|
|
6
6
|
import { defaultStyle } from '../../ui-kit/Input/styles';
|
|
7
7
|
import { style } from '../../utils/style';
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
iconVersion: 'normal',
|
|
12
|
-
size: { width: 20 },
|
|
9
|
+
type renderLinkInputProps = InputProps & {
|
|
10
|
+
copyIcon?: Picture;
|
|
13
11
|
};
|
|
14
12
|
|
|
15
|
-
export const renderLinkInput = JSX<
|
|
13
|
+
export const renderLinkInput = JSX<renderLinkInputProps>(({ className, value = '', copyIcon }) => {
|
|
16
14
|
const onClick = useCallback(async () => {
|
|
17
15
|
try {
|
|
18
16
|
await globalThis.navigator.clipboard.writeText(value);
|
|
@@ -30,7 +28,7 @@ export const renderLinkInput = JSX<InputProps>(({ className, value = '' }) => {
|
|
|
30
28
|
disabled={true}
|
|
31
29
|
/>
|
|
32
30
|
<div role="button" className="absolute right-3" onClick={onClick}>
|
|
33
|
-
<Img image={
|
|
31
|
+
<Img image={copyIcon} />
|
|
34
32
|
</div>
|
|
35
33
|
</div>
|
|
36
34
|
);
|
package/package.json
CHANGED
|
@@ -37,6 +37,7 @@ import { MobileAppTile } from './MobileAppTile/MobileAppTile';
|
|
|
37
37
|
import { OfficesAtmsMap } from './OfficesAtmsMap/OfficesAtmsMap';
|
|
38
38
|
import { ProductBlock } from './ProductBlock/ProductBlock';
|
|
39
39
|
import { RatesTable } from './RatesTable/RatesTable';
|
|
40
|
+
import { ReferalForm } from './ReferalForm/ReferalForm';
|
|
40
41
|
import { RichTextBlock } from './RichTextBlock/RichTextBlock';
|
|
41
42
|
import { RkoTariffCardsTable } from './RkoTariffCardsTable/RkoTariffCardsTable';
|
|
42
43
|
import { RollupItem } from './RollupItem/RollupItem';
|
|
@@ -94,4 +95,5 @@ export const Blocks: BlocksRegistry = {
|
|
|
94
95
|
CalculatorRko,
|
|
95
96
|
RkoTariffCardsTable,
|
|
96
97
|
RatesTable,
|
|
98
|
+
ReferalForm,
|
|
97
99
|
};
|
|
@@ -1,14 +1,22 @@
|
|
|
1
|
+
import { type Picture } from '../../model/Picture';
|
|
1
2
|
import '../../setup-fixture';
|
|
2
3
|
|
|
3
4
|
import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
|
|
4
5
|
import { ReferalForm } from './ReferalForm';
|
|
5
6
|
|
|
7
|
+
const icon: Picture = {
|
|
8
|
+
src: 'CopyIcon.svg',
|
|
9
|
+
iconVersion: 'normal',
|
|
10
|
+
size: { width: 20 },
|
|
11
|
+
};
|
|
12
|
+
|
|
6
13
|
export default {
|
|
7
14
|
default: (
|
|
8
15
|
<div className="container grid grid-cols-12">
|
|
9
16
|
<ReferalForm
|
|
10
17
|
link="https://www.rshb.ru/business/dlya-druga/rko"
|
|
11
18
|
button={{ text: 'Получить ссылку' }}
|
|
19
|
+
copyIcon={icon}
|
|
12
20
|
/>
|
|
13
21
|
<PopupManager />
|
|
14
22
|
</div>
|
|
@@ -1,14 +1,22 @@
|
|
|
1
|
+
import { type Picture } from '../../model/Picture';
|
|
1
2
|
import '../../setup-fixture';
|
|
2
3
|
|
|
3
4
|
import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
|
|
4
5
|
import { ReferalForm } from './ReferalForm';
|
|
5
6
|
|
|
7
|
+
const icon: Picture = {
|
|
8
|
+
src: 'CopyIcon.svg',
|
|
9
|
+
iconVersion: 'normal',
|
|
10
|
+
size: { width: 20 },
|
|
11
|
+
};
|
|
12
|
+
|
|
6
13
|
export default {
|
|
7
14
|
default: (
|
|
8
15
|
<div className="container grid grid-cols-12">
|
|
9
16
|
<ReferalForm
|
|
10
17
|
link="https://www.rshb.ru/business/dlya-druga/rko"
|
|
11
18
|
button={{ text: 'Получить ссылку' }}
|
|
19
|
+
copyIcon={icon}
|
|
12
20
|
/>
|
|
13
21
|
<PopupManager />
|
|
14
22
|
</div>
|