@redneckz/wildless-cms-uni-blocks 0.14.745 → 0.14.746

package/lib/components/CardTransfer/SubmitFailedDialog.d.ts

@@ -0,0 +1,6 @@
+export interface FormResponseDialogProps {
+    onClose?: () => void;
+    errorCode?: number;
+    errorMessage?: string;
+}
+export declare const SubmitFailedDialog: ({ onClose, errorCode, errorMessage, }: FormResponseDialogProps) => any;

package/lib/components/CardTransfer/SubmitFailedDialog.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { Dialog } from '../../ui-kit/DialogManager/Dialog.js';
+import { Img } from '../../ui-kit/Img/Img.js';
+import { Headline } from '../Headline/Headline.js';
+const FAILED_TITLE = 'Ошибка перевода';
+export const SubmitFailedDialog = ({ onClose, errorCode, errorMessage, }) => {
+    const description = errorCode ? `Код ошибки - ${errorCode}` : 'Пожалуйста, повторите позднее';
+    return (_jsx(Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto", onClose: onClose, children: _jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md space-x-m", children: [_jsx(Img, { image: { icon: 'ResponseFailIcon', iconVersion: 'normal' }, width: "136", height: "136" }), _jsx(Headline, { className: "w-full", title: FAILED_TITLE, description: description, headlineVersion: "XS", isEmbedded: true }), errorMessage ? (_jsxs("div", { className: "bg-secondary-dark rounded-xl px-4 pt-4 pb-8 grid gap-4 grid-cols-12", children: [_jsxs("div", { className: "col-span-8", children: [" ", errorMessage] }), _jsx("div", { className: "col-span-4", children: _jsx(Img, { image: { icon: 'ResponseFailIcon', iconVersion: 'normal' } }) })] })) : null] }) }));
+};
+//# sourceMappingURL=SubmitFailedDialog.js.map

package/lib/components/CardTransfer/SubmitFailedDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitFailedDialog.js","sourceRoot":"","sources":["../../../src/components/CardTransfer/SubmitFailedDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAQhD,MAAM,YAAY,GAAG,iBAAiB,CAAC;AAEvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,OAAO,EACP,SAAS,EACT,YAAY,GACY,EAAE,EAAE;IAC5B,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,gBAAgB,SAAS,EAAE,CAAC,CAAC,CAAC,+BAA+B,CAAC;IAE9F,OAAO,CACL,KAAC,MAAM,IAAC,SAAS,EAAC,0CAA0C,EAAC,OAAO,EAAE,OAAO,YAC3E,eAAK,SAAS,EAAC,wDAAwD,aACrE,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,GAAG,EAC5F,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,IAAI,EACpB,UAAU,EAAE,IAAI,GAChB,EACD,YAAY,CAAC,CAAC,CAAC,CACd,eAAK,SAAS,EAAC,qEAAqE,aAClF,eAAK,SAAS,EAAC,YAAY,kBAAG,YAAY,IAAO,EACjD,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAI,GAC/D,IACF,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACC,CACV,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/CardTransfer/submitCardTransfer.d.ts

@@ -0,0 +1,16 @@
+import { type CardTransferFormType } from './CardTransferContent';
+export declare type CardTransferResponse = Partial<{
+    errorCode: number;
+    errorMessage: string;
+    orderId: string;
+    formUrl: string;
+}>;
+export declare const submitCardTransfer: (typeForm: CardTransferFormType, amount: number) => Promise<CardTransferResponse | null>;
+export declare const isSuccessResponse: (response: CardTransferResponse | null) => response is {
+    orderId: string;
+    formUrl: string;
+};
+export declare const isErrorInResponse: (response: CardTransferResponse | null) => response is {
+    errorCode: number;
+    errorMessage: string;
+};

package/lib/components/CardTransfer/submitCardTransfer.js

@@ -0,0 +1,39 @@
+import { API_BASE_URI } from '../../api/apiBaseUrl.js';
+import { locationNavigator } from '../../external/locationNavigator.js';
+const paymentURLMap = {
+    private: 'p2p/registerP2P',
+    business: 'b2c/registerB2C',
+};
+const SUCCESS_URL = '/p2p/success';
+const FAIL_URL = '/p2p/success';
+const CURRENCY_CODE = '643';
+const LANGUAGE = 'ru';
+export const submitCardTransfer = async (typeForm, amount) => {
+    const navigator = locationNavigator();
+    const submitBody = {
+        amount: String(amount),
+        currency: CURRENCY_CODE,
+        returnUrl: `${navigator.origin}${SUCCESS_URL}`,
+        failUrl: `${navigator.origin}${FAIL_URL}`,
+        language: LANGUAGE,
+    };
+    const url = `${API_BASE_URI}/payment/${paymentURLMap[typeForm]}`;
+    try {
+        const res = await fetch(url, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            mode: 'cors',
+            body: JSON.stringify(submitBody),
+        });
+        if (!res.ok) {
+            return null;
+        }
+        return await res.json();
+    }
+    catch (ex) {
+        return null;
+    }
+};
+export const isSuccessResponse = (response) => Boolean(response?.formUrl) && Boolean(response?.orderId);
+export const isErrorInResponse = (response) => Boolean(response?.errorMessage) && response?.errorCode !== 0;
+//# sourceMappingURL=submitCardTransfer.js.map

package/lib/components/CardTransfer/submitCardTransfer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submitCardTransfer.js","sourceRoot":"","sources":["../../../src/components/CardTransfer/submitCardTransfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAkBrE,MAAM,aAAa,GAAyC;IAC1D,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,iBAAiB;CAC5B,CAAC;AAEF,MAAM,WAAW,GAAG,cAAc,CAAC;AACnC,MAAM,QAAQ,GAAG,cAAc,CAAC;AAChC,MAAM,aAAa,GAAG,KAAK,CAAC;AAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC;AAEtB,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,EACrC,QAA8B,EAC9B,MAAc,EACwB,EAAE;IACxC,MAAM,SAAS,GAAG,iBAAiB,EAAE,CAAC;IAEtC,MAAM,UAAU,GAA2B;QACzC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;QACtB,QAAQ,EAAE,aAAa;QACvB,SAAS,EAAE,GAAG,SAAS,CAAC,MAAM,GAAG,WAAW,EAAE;QAC9C,OAAO,EAAE,GAAG,SAAS,CAAC,MAAM,GAAG,QAAQ,EAAE;QACzC,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,MAAM,GAAG,GAAG,GAAG,YAAY,YAAY,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC;IAEjE,IAAI;QACF,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;YAC3B,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;YAC/C,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;SACjC,CAAC,CAAC;QAEH,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE;YACX,OAAO,IAAI,CAAC;SACb;QAED,OAAO,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;KACzB;IAAC,OAAO,EAAE,EAAE;QACX,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,QAAqC,EACa,EAAE,CACpD,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,QAAqC,EACoB,EAAE,CAC3D,OAAO,CAAC,QAAQ,EAAE,YAAY,CAAC,IAAI,QAAQ,EAAE,SAAS,KAAK,CAAC,CAAC"}

package/lib/components/CardTransfer/useSubmitCardTransfer.d.ts

@@ -0,0 +1,11 @@
+import { type CardTransferFormType } from './CardTransferContent';
+export interface TransactionStore {
+    transaction: {
+        orderId: string;
+        type: 'p2p' | 'b2c';
+        url: string;
+    };
+}
+export declare const useSubmitCardTransfer: (formType: CardTransferFormType) => ({ amount }: {
+    amount: number;
+}) => Promise<void>;

package/lib/components/CardTransfer/useSubmitCardTransfer.js

@@ -0,0 +1,30 @@
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
+import { locationNavigator } from '../../external/locationNavigator.js';
+import { useDialog } from '../../ui-kit/DialogManager/useDialog.js';
+import { isErrorInResponse, isSuccessResponse, submitCardTransfer } from './submitCardTransfer.js';
+import { SubmitFailedDialog } from './SubmitFailedDialog.js';
+export const useSubmitCardTransfer = (formType) => {
+    const responseTypeDialog = useDialog(SubmitFailedDialog);
+    const sessionStore = useSessionStore();
+    const navigator = locationNavigator();
+    const adjustedTypeForm = formType === 'private' ? 'p2p' : 'b2c';
+    return useCallback(async ({ amount }) => {
+        const response = await submitCardTransfer(formType, amount);
+        if (isSuccessResponse(response)) {
+            sessionStore.transaction = {
+                orderId: response.orderId,
+                type: adjustedTypeForm,
+                url: navigator.href,
+            };
+            navigator.assign(`${adjustedTypeForm}/?formUrl=${encodeURIComponent(response.formUrl)}`);
+        }
+        if (isErrorInResponse(response)) {
+            responseTypeDialog.open({
+                errorCode: response.errorCode,
+                errorMessage: response.errorMessage,
+            });
+        }
+    }, [formType]);
+};
+//# sourceMappingURL=useSubmitCardTransfer.js.map

package/lib/components/CardTransfer/useSubmitCardTransfer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubmitCardTransfer.js","sourceRoot":"","sources":["../../../src/components/CardTransfer/useSubmitCardTransfer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAEjE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAU1D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,QAA8B,EAAE,EAAE;IACtE,MAAM,kBAAkB,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC;IACzD,MAAM,YAAY,GAAG,eAAe,EAAoB,CAAC;IACzD,MAAM,SAAS,GAAG,iBAAiB,EAAE,CAAC;IAEtC,MAAM,gBAAgB,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAEhE,OAAO,WAAW,CAChB,KAAK,EAAE,EAAE,MAAM,EAAsB,EAAE,EAAE;QACvC,MAAM,QAAQ,GAAG,MAAM,kBAAkB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAE5D,IAAI,iBAAiB,CAAC,QAAQ,CAAC,EAAE;YAC/B,YAAY,CAAC,WAAW,GAAG;gBACzB,OAAO,EAAE,QAAQ,CAAC,OAAO;gBACzB,IAAI,EAAE,gBAAgB;gBACtB,GAAG,EAAE,SAAS,CAAC,IAAI;aACpB,CAAC;YAEF,SAAS,CAAC,MAAM,CAAC,GAAG,gBAAgB,aAAa,kBAAkB,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;SAC1F;QAED,IAAI,iBAAiB,CAAC,QAAQ,CAAC,EAAE;YAC/B,kBAAkB,CAAC,IAAI,CAAC;gBACtB,SAAS,EAAE,QAAQ,CAAC,SAAS;gBAC7B,YAAY,EAAE,QAAQ,CAAC,YAAY;aACpC,CAAC,CAAC;SACJ;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;AACJ,CAAC,CAAC"}

package/mobile/bundle/bundle.umd.js

@@ -6492,24 +6492,97 @@
 
     const CurrencyInput = JSX((props) => (jsx(NumberInput, { ...props, fractionDigits: 2, children: jsx("div", { className: "absolute right-4 bottom-4", children: jsx(Text, { size: "text-xl", font: "font-light", children: "\u20BD" }) }) })));
 
+    const sessionStore = new Store(); // sessionStorage cache
+    replicate(sessionStore, new StorageAdapter(globalThis?.sessionStorage));
+    function useSessionStore() {
+        return useStore(sessionStore);
+    }
+
+    const paymentURLMap = {
+        private: 'p2p/registerP2P',
+        business: 'b2c/registerB2C',
+    };
+    const SUCCESS_URL = '/p2p/success';
+    const FAIL_URL = '/p2p/success';
+    const CURRENCY_CODE = '643';
+    const LANGUAGE = 'ru';
+    const submitCardTransfer = async (typeForm, amount) => {
+        const navigator = locationNavigator();
+        const submitBody = {
+            amount: String(amount),
+            currency: CURRENCY_CODE,
+            returnUrl: `${navigator.origin}${SUCCESS_URL}`,
+            failUrl: `${navigator.origin}${FAIL_URL}`,
+            language: LANGUAGE,
+        };
+        const url = `${API_BASE_URI}/payment/${paymentURLMap[typeForm]}`;
+        try {
+            const res = await fetch(url, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                mode: 'cors',
+                body: JSON.stringify(submitBody),
+            });
+            if (!res.ok) {
+                return null;
+            }
+            return await res.json();
+        }
+        catch (ex) {
+            return null;
+        }
+    };
+    const isSuccessResponse = (response) => Boolean(response?.formUrl) && Boolean(response?.orderId);
+    const isErrorInResponse = (response) => Boolean(response?.errorMessage) && response?.errorCode !== 0;
+
+    const FAILED_TITLE = 'Ошибка перевода';
+    const SubmitFailedDialog = ({ onClose, errorCode, errorMessage, }) => {
+        const description = errorCode ? `Код ошибки - ${errorCode}` : 'Пожалуйста, повторите позднее';
+        return (jsx(Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md space-x-m", children: [jsx(Img, { image: { icon: 'ResponseFailIcon', iconVersion: 'normal' }, width: "136", height: "136" }), jsx(Headline, { className: "w-full", title: FAILED_TITLE, description: description, headlineVersion: "XS", isEmbedded: true }), errorMessage ? (jsxs("div", { className: "bg-secondary-dark rounded-xl px-4 pt-4 pb-8 grid gap-4 grid-cols-12", children: [jsxs("div", { className: "col-span-8", children: [" ", errorMessage] }), jsx("div", { className: "col-span-4", children: jsx(Img, { image: { icon: 'ResponseFailIcon', iconVersion: 'normal' } }) })] })) : null] }) }));
+    };
+
+    const useSubmitCardTransfer = (formType) => {
+        const responseTypeDialog = useDialog(SubmitFailedDialog);
+        const sessionStore = useSessionStore();
+        const navigator = locationNavigator();
+        const adjustedTypeForm = formType === 'private' ? 'p2p' : 'b2c';
+        return useCallback(async ({ amount }) => {
+            const response = await submitCardTransfer(formType, amount);
+            if (isSuccessResponse(response)) {
+                sessionStore.transaction = {
+                    orderId: response.orderId,
+                    type: adjustedTypeForm,
+                    url: navigator.href,
+                };
+                navigator.assign(`${adjustedTypeForm}/?formUrl=${encodeURIComponent(response.formUrl)}`);
+            }
+            if (isErrorInResponse(response)) {
+                responseTypeDialog.open({
+                    errorCode: response.errorCode,
+                    errorMessage: response.errorMessage,
+                });
+            }
+        }, [formType]);
+    };
+
     const DEFAULT_TITLE = 'Укажите сумму перевода';
     const DEFAULT_LABEL = 'Сумма перевода';
     const MAX_AMOUNT = 300000;
     const MIN_AMOUNT = 1;
-    const FORM_URL_MAP = {
-        private: 'https://old.rshb.ru/p2p/',
-        business: 'https://old.rshb.ru/smallbusiness/p2p/',
-    };
     const INITIAL_FORM_STATE = {
         amount: 1500,
     };
     const CardTransfer = JSX(({ className = '', title = DEFAULT_TITLE, label = DEFAULT_LABEL, button, formType = 'private', ...rest }) => {
-        const [{ amount }, { field }] = useForm(INITIAL_FORM_STATE);
-        const [isDisabled, setDisabled] = useState(false);
+        const [isDisabled, { setValue: setDisabled }] = useBool(false);
+        const handleSubmit = useSubmitCardTransfer(formType);
+        const [{ amount }, { field, onSubmit }] = useForm(INITIAL_FORM_STATE, {
+            onSubmit: handleSubmit,
+        });
+        // TODO: dont set state in useEffect
         useEffect(() => {
             setDisabled(amount <= 0);
         }, [amount]);
-        return (jsxs(BlockWrapper, { className: style('flex flex-col items-center', className), defaultPadding: "p-6xl", ...rest, children: [title ? (jsx(Heading, { className: "pb-lg xl:pb-4xl self-start xl:self-center", headingType: "h3", title: title })) : null, jsxs("form", { className: "w-full xl:max-w-[468px]", method: "POST", action: FORM_URL_MAP[formType], children: [jsx(CurrencyInput, { valid: !isDisabled, label: label, max: MAX_AMOUNT, min: MIN_AMOUNT, ...field('amount', { parse: Number, format: String }) }), jsx("input", { type: "hidden", name: "amount", value: amount }), button?.text ? (jsx(Button, { className: "w-full mt-lg", type: "submit", disabled: isDisabled, children: button.text })) : null] })] }));
+        return (jsxs(BlockWrapper, { className: style('flex flex-col items-center', className), defaultPadding: "p-6xl", ...rest, children: [title ? (jsx(Heading, { className: "pb-lg xl:pb-4xl self-start xl:self-center", headingType: "h3", title: title })) : null, jsxs("form", { className: "w-full xl:max-w-[468px]", method: "POST", onSubmit: onSubmit, children: [jsx(CurrencyInput, { valid: !isDisabled, label: label, max: MAX_AMOUNT, min: MIN_AMOUNT, ...field('amount', { parse: Number, format: String }) }), jsx("input", { type: "hidden", name: "amount", value: amount }), button?.text ? (jsx(Button, { className: "w-full mt-lg", type: "submit", disabled: isDisabled, children: button.text })) : null] })] }));
     });
 
     const ITEMS_GAP = 16;
@@ -10017,7 +10090,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.744";
+    const packageVersion = "0.14.745";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;