@akinon/next 1.60.0-rc.9 → 1.60.0

package/bin/pz-generate-translations.js

@@ -1,41 +0,0 @@
-#!/usr/bin/env node
-
-const fs = require('fs');
-const path = require('path');
-const localesPath = path.resolve(`public/locales/`);
-
-async function generateTranslationIndex(locale_) {
-  let translations = {};
-
-  try {
-    const localeDirPath = path.resolve(`public/locales/${locale_}`);
-    const fileNames = fs.readdirSync(localeDirPath);
-
-    for await (const fileName of fileNames) {
-      if (fileName === 'index.json') {
-        continue;
-      }
-
-      const data = fs.readFileSync(
-        path.join(localeDirPath, `/${fileName}`),
-        'utf-8'
-      );
-
-      translations[fileName.substring(0, fileName.lastIndexOf('.'))] =
-        JSON.parse(data);
-    }
-
-    fs.writeFileSync(
-      path.resolve(`public/locales/${locale_}/index.json`),
-      JSON.stringify(translations)
-    );
-  } catch (error) {
-    console.error(error);
-  }
-}
-
-const localePaths = fs.readdirSync(localesPath);
-
-localePaths.forEach((localePath) => {
-  generateTranslationIndex(localePath);
-});

package/components/file-input.tsx

@@ -1,8 +0,0 @@
-import { forwardRef } from 'react';
-import { FileInputProps } from '../types/index';
-
-export const FileInput = forwardRef<HTMLInputElement, FileInputProps>(
-  function fileInput(props, ref) {
-    return <input type="file" {...props} ref={ref} />;
-  }
-);

package/hooks/use-message-listener.ts

@@ -1,24 +0,0 @@
-import { useEffect } from 'react';
-
-export const useMessageListener = () => {
-  useEffect(() => {
-    const handleMessage = (event: MessageEvent) => {
-      if (event.origin !== window.location.origin) {
-        return;
-      }
-
-      if (event.data && typeof event.data === 'string') {
-        const messageData = JSON.parse(event.data);
-        if (messageData?.url) {
-          window.location.href = messageData.url;
-        }
-      }
-    };
-
-    window.addEventListener('message', handleMessage);
-
-    return () => {
-      window.removeEventListener('message', handleMessage);
-    };
-  }, []);
-};

package/middlewares/saved-card-redirection.ts

@@ -1,179 +0,0 @@
-import { NextFetchEvent, NextMiddleware, NextResponse } from 'next/server';
-import Settings from 'settings';
-import { Buffer } from 'buffer';
-import logger from '../utils/log';
-import { getUrlPathWithLocale } from '../utils/localization';
-import { PzNextRequest } from '.';
-
-const streamToString = async (stream: ReadableStream<Uint8Array> | null) => {
-  if (stream) {
-    const chunks = [];
-    let result = '';
-
-    try {
-      for await (const chunk of stream as any) {
-        chunks.push(Buffer.from(chunk));
-      }
-
-      result = Buffer.concat(chunks).toString('utf-8');
-    } catch (error) {
-      logger.error('Error while reading body stream', {
-        middleware: 'saved-card-redirection',
-        error
-      });
-    }
-
-    return result;
-  }
-  return null;
-};
-
-const withSavedCardRedirection =
-  (middleware: NextMiddleware) =>
-  async (req: PzNextRequest, event: NextFetchEvent) => {
-    const url = req.nextUrl.clone();
-    const ip = req.headers.get('x-forwarded-for') ?? '';
-    const sessionId = req.cookies.get('osessionid');
-
-    if (url.search.indexOf('SavedCardThreeDSecurePage') === -1) {
-      return middleware(req, event);
-    }
-
-    const requestUrl = `${Settings.commerceUrl}/orders/checkout/${url.search}`;
-    const requestHeaders = {
-      'X-Requested-With': 'XMLHttpRequest',
-      'Content-Type': 'application/x-www-form-urlencoded',
-      Cookie: `osessionid=${req.cookies.get('osessionid')?.value ?? ''}`,
-      'x-currency': req.cookies.get('pz-currency')?.value ?? '',
-      'x-forwarded-for': ip
-    };
-
-    try {
-      const body = await streamToString(req.body);
-
-      if (!sessionId) {
-        logger.warn(
-          'Make sure that the SESSION_COOKIE_SAMESITE environment variable is set to None in Commerce.',
-          {
-            middleware: 'saved-card-redirection',
-            ip
-          }
-        );
-
-        return NextResponse.redirect(
-          `${url.origin}${getUrlPathWithLocale(
-            '/orders/checkout/',
-            req.cookies.get('pz-locale')?.value
-          )}`,
-          303
-        );
-      }
-
-      const request = await fetch(requestUrl, {
-        method: 'POST',
-        headers: requestHeaders,
-        body
-      });
-
-      logger.info('Complete 3D payment request', {
-        requestUrl,
-        status: request.status,
-        requestHeaders,
-        ip
-      });
-
-      const response = await request.json();
-
-      const { context_list: contextList, errors } = response;
-      const redirectionContext = contextList?.find(
-        (context) => context.page_context?.redirect_url
-      );
-      const redirectUrl = redirectionContext?.page_context?.redirect_url;
-
-      if (errors && Object.keys(errors).length) {
-        logger.error('Error while completing 3D payment', {
-          middleware: 'saved-card-redirection',
-          errors,
-          requestHeaders,
-          ip
-        });
-
-        return NextResponse.redirect(
-          `${url.origin}${getUrlPathWithLocale(
-            '/orders/checkout/',
-            req.cookies.get('pz-locale')?.value
-          )}`,
-          {
-            status: 303,
-            headers: {
-              'Set-Cookie': `pz-pos-error=${JSON.stringify(errors)}; path=/;`
-            }
-          }
-        );
-      }
-
-      logger.info('Order success page context list', {
-        middleware: 'saved-card-redirection',
-        contextList,
-        ip
-      });
-
-      if (!redirectUrl) {
-        logger.warn(
-          'No redirection url for order success page found in page_context. Redirecting to checkout page.',
-          {
-            middleware: 'saved-card-redirection',
-            requestHeaders,
-            response: JSON.stringify(response),
-            ip
-          }
-        );
-
-        const redirectUrlWithLocale = `${url.origin}${getUrlPathWithLocale(
-          '/orders/checkout/',
-          req.cookies.get('pz-locale')?.value
-        )}`;
-
-        return NextResponse.redirect(redirectUrlWithLocale, 303);
-      }
-
-      const redirectUrlWithLocale = `${url.origin}${getUrlPathWithLocale(
-        redirectUrl,
-        req.cookies.get('pz-locale')?.value
-      )}`;
-
-      logger.info('Redirecting to order success page', {
-        middleware: 'saved-card-redirection',
-        redirectUrlWithLocale,
-        ip
-      });
-
-      // Using POST method while redirecting causes an error,
-      // So we use 303 status code to change the method to GET
-      const nextResponse = NextResponse.redirect(redirectUrlWithLocale, 303);
-
-      nextResponse.headers.set(
-        'Set-Cookie',
-        request.headers.get('set-cookie') ?? ''
-      );
-
-      return nextResponse;
-    } catch (error) {
-      logger.error('Error while completing 3D payment', {
-        middleware: 'saved-card-redirection',
-        error,
-        requestHeaders,
-        ip
-      });
-
-      return NextResponse.redirect(
-        `${url.origin}${getUrlPathWithLocale(
-          '/orders/checkout/',
-          req.cookies.get('pz-locale')?.value
-        )}`,
-        303
-      );
-    }
-  };
-
-export default withSavedCardRedirection;

package/utils/redirection-iframe.ts

@@ -1,85 +0,0 @@
-const iframeURLChange = (iframe, callback) => {
-  iframe.addEventListener('load', () => {
-    setTimeout(() => {
-      if (iframe?.contentWindow?.location) {
-        callback(iframe.contentWindow.location);
-      }
-    }, 0);
-  });
-};
-
-const removeIframe = async () => {
-  const iframeSelector = document.querySelector(
-    '.checkout-payment-redirection-iframe-wrapper'
-  );
-
-  const redirectionPaymentWrapper = document.querySelector(
-    '.checkout-redirection-payment-wrapper'
-  );
-
-  const form = redirectionPaymentWrapper.querySelector('form') as HTMLElement;
-
-  if (!iframeSelector) {
-    return;
-  }
-
-  iframeSelector.remove();
-
-  if (form) {
-    form.style.display = 'block';
-  }
-
-  location.reload();
-};
-
-export const showRedirectionIframe = (redirectUrl: string) => {
-  const iframeWrapper = document.createElement('div');
-  const iframe = document.createElement('iframe');
-  const closeButton = document.createElement('div');
-  const redirectionPaymentWrapper = document.querySelector(
-    '.checkout-redirection-payment-wrapper'
-  );
-  const form = redirectionPaymentWrapper.querySelector('form') as HTMLElement;
-
-  iframeWrapper.className = 'checkout-payment-redirection-iframe-wrapper';
-  closeButton.className = 'close-button';
-
-  iframe.setAttribute('src', redirectUrl);
-  closeButton.innerHTML = '&#x2715';
-  closeButton.addEventListener('click', removeIframe);
-
-  iframeWrapper.append(iframe, closeButton);
-
-  if (form) {
-    form.style.display = 'none';
-  }
-
-  redirectionPaymentWrapper.appendChild(iframeWrapper);
-
-  iframeURLChange(iframe, (location) => {
-    if (location.origin !== window.location.origin) {
-      return false;
-    }
-
-    const searchParams = new URLSearchParams(location.search);
-    const isOrderCompleted = location.href.includes('/orders/completed');
-
-    if (isOrderCompleted) {
-      (window.parent as any)?.postMessage?.(
-        JSON.stringify({
-          url: location.pathname
-        })
-      );
-    }
-
-    if (
-      searchParams.has('success') ||
-      isOrderCompleted ||
-      location.href.includes('/orders/checkout')
-    ) {
-      setTimeout(() => {
-        removeIframe();
-      }, 0);
-    }
-  });
-};