@redneckz/wildless-cms-uni-blocks 0.14.698 → 0.14.700

package/src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.tsx

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { sendCode } from '../../api/RetailAPI/sendCode';
 import { Headline } from '../../components/Headline/Headline';
+import { formatPhone } from '../../utils/formatPhone';
 import { noop } from '../../utils/noop';
 import { CaptchaDialog } from '../CaptchaDialog/CaptchaDialog';
 import { Dialog } from '../DialogManager/Dialog';
@@ -15,29 +16,16 @@ import { SubmitButton } from './SubmitButton';
 import { useVerifyPhoneDialogSubmit } from './useVerifyPhoneDialogSubmit';
 
 export interface VerifyPhoneDialogProps {
-  title?: string;
-  description?: string;
+  phone: string;
   code?: boolean;
-  __html?: string;
   codeLength?: number;
-  textButton?: string;
-  phoneNumber?: string;
+  consents?: string[];
   onSuccess?: (smsCode?: string) => void;
   onClose?: () => void;
 }
 
 export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
-  ({
-    title,
-    description,
-    __html,
-    code = true,
-    codeLength = 4,
-    textButton = 'Далее',
-    phoneNumber = '+79999999999',
-    onSuccess = noop,
-    onClose = noop,
-  }) => {
+  ({ phone, code = true, codeLength = 4, consents, onSuccess = noop, onClose = noop }) => {
     const [values, setValues] = useState(Array(codeLength).fill(''));
 
     const {
@@ -54,6 +42,8 @@ export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
 
     const captchaDialog = useDialog(CaptchaDialog);
 
+    const phoneNumber = formatPhone(phone);
+
     const handleSendCode = useCallback(async () => {
       const isSuccessSendCode = await sendCode({
         phoneNumber,
@@ -81,8 +71,8 @@ export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
         <div className="flex flex-col gap-xl items-center rounded-md">
           <Headline
             className="w-full"
-            title={title}
-            description={description}
+            title="Подтвердите номер телефона"
+            description={`Мы отправили код на ${phone}`}
             headlineVersion="XS"
             isEmbedded={true}
             as="h6"
@@ -97,10 +87,16 @@ export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
           ) : null}
           {renderText(timeNextReq, setTimeNextReq, handleSendCode)}
 
-          <RichText itemSize="list-s" __html={__html} />
-
-          {renderTextButton(textButton, isSubmitButtonDisabled, handleSubmit)}
+          <RichText itemSize="list-s">
+            <span>Вводя код, я подтверждаю, что ознакомлен и подписываю: </span>
+            <ul>
+              {consents?.map((_, i) => (
+                <li key={`${_}-${i}`}>{_}</li>
+              ))}
+            </ul>
+          </RichText>
 
+          {renderNextButton(isSubmitButtonDisabled, handleSubmit)}
           {isLoading ? <Loader blur={false} /> : null}
         </div>
       </Dialog>
@@ -108,10 +104,9 @@ export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
   },
 );
 
-const renderTextButton = (textButton: string, isDisabled: boolean, handleSubmit: () => void) =>
-  textButton ? (
-    <SubmitButton isDisabled={isDisabled} onClick={handleSubmit} text={textButton} />
-  ) : null;
+const renderNextButton = (isDisabled: boolean, onClick: () => void) => (
+  <SubmitButton text="Далее" isDisabled={isDisabled} onClick={onClick} />
+);
 
 const renderText = (
   timeNextReq: number,

package/bundle/ui-kit/RichText/getHtmlText.d.ts

@@ -1 +0,0 @@
-export declare const getHtmlText: (html: string) => string;

package/dist/ui-kit/RichText/getHtmlText.d.ts

@@ -1 +0,0 @@
-export declare const getHtmlText: (html: string) => string;

package/dist/ui-kit/RichText/getHtmlText.js

@@ -1,5 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getHtmlText = void 0;
-const getHtmlText = (html) => html.replace(/<\/?[^>]+\/?>/g, '').trim();
-exports.getHtmlText = getHtmlText;
-//# sourceMappingURL=getHtmlText.js.map

package/dist/ui-kit/RichText/getHtmlText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getHtmlText.js","sourceRoot":"","sources":["../../../src/ui-kit/RichText/getHtmlText.tsx"],"names":[],"mappings":";;AAAO,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;AAA1E,QAAA,WAAW,eAA+D"}

package/lib/ui-kit/RichText/getHtmlText.d.ts

@@ -1 +0,0 @@
-export declare const getHtmlText: (html: string) => string;

package/lib/ui-kit/RichText/getHtmlText.js

@@ -1,2 +0,0 @@
-export const getHtmlText = (html) => html.replace(/<\/?[^>]+\/?>/g, '').trim();
-//# sourceMappingURL=getHtmlText.js.map

package/lib/ui-kit/RichText/getHtmlText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getHtmlText.js","sourceRoot":"","sources":["../../../src/ui-kit/RichText/getHtmlText.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC"}

package/mobile/bundle/ui-kit/RichText/getHtmlText.d.ts

@@ -1 +0,0 @@
-export declare const getHtmlText: (html: string) => string;

package/mobile/dist/ui-kit/RichText/getHtmlText.d.ts

@@ -1 +0,0 @@
-export declare const getHtmlText: (html: string) => string;

package/mobile/dist/ui-kit/RichText/getHtmlText.js

@@ -1,5 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getHtmlText = void 0;
-const getHtmlText = (html) => html.replace(/<\/?[^>]+\/?>/g, '').trim();
-exports.getHtmlText = getHtmlText;
-//# sourceMappingURL=getHtmlText.js.map

package/mobile/dist/ui-kit/RichText/getHtmlText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getHtmlText.js","sourceRoot":"","sources":["../../../src/ui-kit/RichText/getHtmlText.tsx"],"names":[],"mappings":";;AAAO,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;AAA1E,QAAA,WAAW,eAA+D"}

package/mobile/lib/ui-kit/RichText/getHtmlText.d.ts

@@ -1 +0,0 @@
-export declare const getHtmlText: (html: string) => string;

package/mobile/lib/ui-kit/RichText/getHtmlText.js

@@ -1,2 +0,0 @@
-export const getHtmlText = (html) => html.replace(/<\/?[^>]+\/?>/g, '').trim();
-//# sourceMappingURL=getHtmlText.js.map

package/mobile/lib/ui-kit/RichText/getHtmlText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getHtmlText.js","sourceRoot":"","sources":["../../../src/ui-kit/RichText/getHtmlText.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC"}

package/mobile/src/ui-kit/RichText/getHtmlText.tsx

@@ -1 +0,0 @@
-export const getHtmlText = (html: string) => html.replace(/<\/?[^>]+\/?>/g, '').trim();

package/src/ui-kit/RichText/getHtmlText.tsx

@@ -1 +0,0 @@
-export const getHtmlText = (html: string) => html.replace(/<\/?[^>]+\/?>/g, '').trim();