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

package/bundle/bundle.umd.js

@@ -6496,24 +6496,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;
@@ -10394,7 +10467,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;