@akinon/next 1.59.0-rc.5 → 1.59.0

package/assets/styles/index.css

@@ -1,49 +0,0 @@
-.checkout-payment-iframe-wrapper {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: none;
-  z-index: 1000;
-  background-color: white;
-}
-.checkout-payment-iframe-wrapper iframe {
-  width: 100%;
-  height: 100%;
-  border: none;
-  background-color: white;
-}
-.checkout-payment-iframe-wrapper .close-button {
-  position: fixed;
-  top: 16px;
-  right: 16px;
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1001;
-}
-
-.checkout-payment-redirection-iframe-wrapper {
-  width: 100%;
-  position: relative;
-}
-.checkout-payment-redirection-iframe-wrapper iframe {
-  width: 100%;
-  height: 100%;
-  border: none;
-  background-color: white;
-}
-.checkout-payment-redirection-iframe-wrapper .close-button {
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1001;
-}/*# sourceMappingURL=index.css.map */

package/assets/styles/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.scss","index.css"],"names":[],"mappings":"AAAA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,uBAAA;ACCF;ADCE;EACE,WAAA;EACA,YAAA;EACA,YAAA;EACA,uBAAA;ACCJ;ADEE;EACE,eAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,aAAA;ACAJ;;ADIA;EACE,WAAA;EACA,kBAAA;ACDF;ADGE;EACE,WAAA;EACA,YAAA;EACA,YAAA;EACA,uBAAA;ACDJ;ADIE;EACE,kBAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,aAAA;ACFJ","file":"index.css"}

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/lib/cache-handler.mjs

@@ -1,33 +0,0 @@
-import { CacheHandler } from '@neshca/cache-handler';
-import createLruHandler from '@neshca/cache-handler/local-lru';
-import createRedisHandler from '@neshca/cache-handler/redis-stack';
-import { createClient } from 'redis';
-
-CacheHandler.onCreation(async () => {
-  const redisUrl = `redis://${process.env.CACHE_HOST}:${
-    process.env.CACHE_PORT
-  }/${process.env.CACHE_BUCKET ?? '0'}`;
-
-  const client = createClient({
-    url: redisUrl
-  });
-
-  client.on('error', (error) => {
-    console.error('Redis client error', { redisUrl, error });
-  });
-
-  await client.connect();
-
-  const redisHandler = await createRedisHandler({
-    client,
-    timeoutMs: 5000
-  });
-
-  const localHandler = createLruHandler();
-
-  return {
-    handlers: [redisHandler, localHandler]
-  };
-});
-
-export default CacheHandler;

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/routes/pretty-url.tsx

@@ -1,192 +0,0 @@
-import { URLS } from '@akinon/next/data/urls';
-import { Metadata, PageProps } from '@akinon/next/types';
-import logger from '@akinon/next/utils/log';
-import { notFound } from 'next/navigation';
-
-type PrettyUrlResult = {
-  matched: boolean;
-  path?: string;
-  pk?: number;
-};
-
-const resolvePrettyUrlHandler =
-  (pathname: string, ip: string | null) => async () => {
-    let results = [] as { old_path: string }[];
-    let prettyUrlResult: PrettyUrlResult = {
-      matched: false
-    };
-
-    try {
-      const requestUrl = URLS.misc.prettyUrls(`/${pathname}/`);
-
-      logger.debug(`Resolving pretty url`, { pathname, requestUrl, ip });
-
-      const start = Date.now();
-      const apiResponse = await fetch(requestUrl, {
-        next: {
-          revalidate: 0
-        }
-      });
-      const data = await apiResponse.json();
-      ({ results } = data);
-      const end = Date.now();
-      console.warn('Pretty url response time', end - start, requestUrl);
-
-      const matched = results.length > 0;
-      const [{ old_path: path } = { old_path: '' }] = results;
-      let pk;
-
-      if (matched) {
-        const pkRegex = /\/(\d+)\/$/;
-        const match = path.match(pkRegex);
-        pk = match ? parseInt(match[1]) : undefined;
-      }
-
-      prettyUrlResult = {
-        matched,
-        path,
-        pk
-      };
-
-      logger.trace('Pretty url result', { prettyUrlResult, ip });
-    } catch (error) {
-      logger.error('Error resolving pretty url', { error, pathname, ip });
-    }
-
-    return prettyUrlResult;
-  };
-
-export async function generateMetadata({ params }: PageProps) {
-  let result: Metadata = {};
-  const { prettyurl } = params;
-  const pageSlug = prettyurl
-    .filter((x) => !x.startsWith('searchparams'))
-    .join('/');
-
-  const searchParams = new URLSearchParams(
-    decodeURIComponent(
-      prettyurl
-        .find((x) => x.startsWith('searchparams'))
-        ?.replace('searchparams%7C', '')
-    ) ?? {}
-  );
-
-  const prettyUrlResult = await resolvePrettyUrlHandler(pageSlug, null)();
-
-  if (!prettyUrlResult.matched) {
-    return notFound();
-  }
-
-  const commonProps = {
-    params: {
-      ...params,
-      pk: prettyUrlResult.pk
-    },
-    searchParams
-  };
-
-  try {
-    if (prettyUrlResult.path.startsWith('/product/')) {
-      await import('@product/[pk]/page').then(async (module) => {
-        result = await module['generateMetadata']?.(commonProps);
-      });
-    }
-
-    if (prettyUrlResult.path.startsWith('/group-product/')) {
-      await import('@group-product/[pk]/page').then(async (module) => {
-        result = await module['generateMetadata']?.(commonProps);
-      });
-    }
-
-    if (prettyUrlResult.path.startsWith('/category/')) {
-      await import('@category/[pk]/page').then(async (module) => {
-        result = await module['generateMetadata']?.(commonProps);
-      });
-    }
-
-    if (prettyUrlResult.path.startsWith('/special-page/')) {
-      await import('@special-page/[pk]/page').then(async (module) => {
-        result = await module['generateMetadata']?.(commonProps);
-      });
-    }
-
-    if (prettyUrlResult.path.startsWith('/flat-page/')) {
-      await import('@flat-page/[pk]/page').then(async (module) => {
-        result = await module['generateMetadata']?.(commonProps);
-      });
-    }
-    // eslint-disable-next-line no-empty
-  } catch (error) {}
-
-  return result;
-}
-
-export const dynamic = 'force-static';
-export const revalidate = 300;
-
-export default async function Page({ params }) {
-  const { prettyurl } = params;
-  const pageSlug = prettyurl
-    .filter((x) => !x.startsWith('searchparams'))
-    .join('/');
-
-  const urlSearchParams = new URLSearchParams(
-    decodeURIComponent(
-      prettyurl
-        .find((x) => x.startsWith('searchparams'))
-        ?.replace('searchparams%7C', '')
-    ) ?? {}
-  );
-
-  const searchParams = {};
-
-  for (const [key, value] of urlSearchParams.entries() as unknown as Array<
-    [string, string]
-  >) {
-    if (!searchParams[key]) {
-      searchParams[key] = [];
-    }
-    searchParams[key].push(value);
-  }
-
-  const result = await resolvePrettyUrlHandler(pageSlug, null)();
-
-  if (!result.matched) {
-    return notFound();
-  }
-
-  const commonProps = {
-    params: {
-      ...params,
-      pk: result.pk
-    },
-    searchParams: new URLSearchParams(searchParams)
-  };
-
-  if (result.path.startsWith('/category/')) {
-    const CategoryPage = (await import('@category/[pk]/page')).default;
-    return <CategoryPage {...commonProps} />;
-  }
-
-  if (result.path.startsWith('/product/')) {
-    const ProductPage = (await import('@product/[pk]/page')).default;
-    return <ProductPage {...commonProps} />;
-  }
-
-  if (result.path.startsWith('/group-product/')) {
-    const GroupProduct = (await import('@group-product/[pk]/page')).default;
-    return <GroupProduct {...commonProps} />;
-  }
-
-  if (result.path.startsWith('/special-page/')) {
-    const SpecialPage = (await import('@special-page/[pk]/page')).default;
-    return <SpecialPage {...commonProps} />;
-  }
-
-  if (result.path.startsWith('/flat-page/')) {
-    const FlatPage = (await import('@flat-page/[pk]/page')).default;
-    return <FlatPage {...commonProps} />;
-  }
-
-  return null;
-}

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);
-    }
-  });
-};