@akinon/next 1.45.0-rc.0 → 1.45.0

package/redux/middlewares/checkout.ts

@@ -16,10 +16,8 @@ import {
   setPreOrder,
   setRetailStores,
   setShippingOptions,
-  setDataSourceShippingOptions,
   setShippingStepCompleted,
-  setCreditPaymentOptions,
-  setAttributeBasedShippingOptions
+  setCreditPaymentOptions
 } from '../../redux/reducers/checkout';
 import { RootState, TypedDispatch } from 'redux/store';
 import { checkoutApi } from '../../data/client/checkout';
@@ -28,11 +26,10 @@ import { getCookie, setCookie } from '../../utils';
 import settings from 'settings';
 import { LocaleUrlStrategy } from '../../localization';
 import { showMobile3dIframe } from '../../utils/mobile-3d-iframe';
-import { showRedirectionIframe } from '../../utils/redirection-iframe';
 
 interface CheckoutResult {
   payload: {
-    errors?: Record<string, string[]>;
+    errors?: any;
     pre_order?: PreOrder;
     context_list?: CheckoutContext[];
   };
@@ -76,10 +73,8 @@ export const preOrderMiddleware: Middleware = ({
       deliveryOptions,
       addressList: addresses,
       shippingOptions,
-      dataSourceShippingOptions,
       paymentOptions,
-      installmentOptions,
-      attributeBasedShippingOptions
+      installmentOptions
     } = getState().checkout;
     const { endpoints: apiEndpoints } = checkoutApi;
 
@@ -130,40 +125,6 @@ export const preOrderMiddleware: Middleware = ({
       dispatch(apiEndpoints.setShippingOption.initiate(shippingOptions[0].pk));
     }
 
-    if (
-      dataSourceShippingOptions.length > 0 &&
-      !preOrder.data_source_shipping_options
-    ) {
-      const selectedDataSourceShippingOptionsPks =
-        dataSourceShippingOptions.map(
-          (opt) => opt.data_source_shipping_options[0].pk
-        );
-
-      dispatch(
-        apiEndpoints.setDataSourceShippingOptions.initiate(
-          selectedDataSourceShippingOptionsPks
-        )
-      );
-    }
-
-    if (
-      Object.keys(attributeBasedShippingOptions).length > 0 &&
-      !preOrder.attribute_based_shipping_options
-    ) {
-      const initialSelectedOptions: Record<string, number> = Object.fromEntries(
-        Object.entries(attributeBasedShippingOptions).map(([key, options]) => [
-          key,
-          options[0].pk
-        ])
-      );
-
-      dispatch(
-        apiEndpoints.setAttributeBasedShippingOptions.initiate(
-          initialSelectedOptions
-        )
-      );
-    }
-
     if (!preOrder.payment_option && paymentOptions.length > 0) {
       dispatch(apiEndpoints.setPaymentOption.initiate(paymentOptions[0].pk));
     }
@@ -202,7 +163,6 @@ export const contextListMiddleware: Middleware = ({
     if (result?.payload?.context_list) {
       result.payload.context_list.forEach((context) => {
         const redirectUrl = context.page_context.redirect_url;
-        const isIframe = context.page_context.is_frame ?? false;
 
         if (redirectUrl) {
           const currentLocale = getCookie('pz-locale');
@@ -221,19 +181,16 @@ export const contextListMiddleware: Middleware = ({
           }
 
           const urlObj = new URL(url, window.location.origin);
-          const isMobileDevice =
-            isMobileApp ||
-            /iPad|iPhone|iPod|Android/i.test(navigator.userAgent);
-          const isIframePaymentOptionExcluded =
-            !settings.checkout?.iframeExcludedPaymentOptions?.includes(
-              result.payload?.pre_order?.payment_option?.slug
-            );
           urlObj.searchParams.set('t', new Date().getTime().toString());
 
-          if (isMobileDevice && !isIframePaymentOptionExcluded) {
+          if (
+            (isMobileApp ||
+              /iPad|iPhone|iPod|Android/i.test(navigator.userAgent)) &&
+            !settings.checkout?.iframeExcludedPaymentOptions?.includes(
+              result.payload?.pre_order?.payment_option?.slug
+            )
+          ) {
             showMobile3dIframe(urlObj.toString());
-          } else if (isIframe && !isIframePaymentOptionExcluded) {
-            showRedirectionIframe(urlObj.toString());
           } else {
             window.location.href = urlObj.toString();
           }
@@ -263,28 +220,12 @@ export const contextListMiddleware: Middleware = ({
           dispatch(setShippingOptions(context.page_context.shipping_options));
         }
 
-        if (context.page_context.data_sources) {
-          dispatch(
-            setDataSourceShippingOptions(context.page_context.data_sources)
-          );
-        }
-
-        if (context.page_context.attribute_based_shipping_options) {
-          dispatch(
-            setAttributeBasedShippingOptions(
-              context.page_context.attribute_based_shipping_options
-            )
-          );
-        }
-
         if (context.page_context.payment_options) {
           dispatch(setPaymentOptions(context.page_context.payment_options));
         }
 
         if (context.page_context.credit_payment_options) {
-          dispatch(
-            setCreditPaymentOptions(context.page_context.credit_payment_options)
-          );
+          dispatch(setCreditPaymentOptions(context.page_context.credit_payment_options));
         }
 
         if (context.page_context.payment_choices) {

package/redux/reducers/checkout.ts

@@ -14,13 +14,12 @@ import {
   CheckoutCreditPaymentOption,
   PreOrder,
   RetailStore,
-  ShippingOption,
-  DataSource,
-  AttributeBasedShippingOption
+  ShippingOption
 } from '../../types';
 
 export interface CheckoutState {
-  errors: Record<string, string[]>;
+  // TODO: Add types
+  errors: any;
   hasGiftBox: boolean;
   canGuestPurchase: boolean;
   steps: {
@@ -38,7 +37,6 @@ export interface CheckoutState {
   addressList: Address[];
   deliveryOptions: DeliveryOption[];
   shippingOptions: ShippingOption[];
-  dataSourceShippingOptions: DataSource[];
   paymentOptions: PaymentOption[];
   creditPaymentOptions: CheckoutCreditPaymentOption[];
   selectedCreditPaymentPk: number;
@@ -49,8 +47,6 @@ export interface CheckoutState {
   selectedBankAccountPk: number;
   loyaltyBalance?: string;
   retailStores: RetailStore[];
-  attributeBasedShippingOptions: AttributeBasedShippingOption[];
-  selectedShippingOptions: Record<string, number>;
 }
 
 const initialState: CheckoutState = {
@@ -72,7 +68,6 @@ const initialState: CheckoutState = {
   addressList: [],
   deliveryOptions: [],
   shippingOptions: [],
-  dataSourceShippingOptions: [],
   paymentOptions: [],
   creditPaymentOptions: [],
   selectedCreditPaymentPk: null,
@@ -81,9 +76,7 @@ const initialState: CheckoutState = {
   installmentOptions: [],
   bankAccounts: [],
   selectedBankAccountPk: null,
-  retailStores: [],
-  attributeBasedShippingOptions: [],
-  selectedShippingOptions: {}
+  retailStores: []
 };
 
 const checkoutSlice = createSlice({
@@ -129,9 +122,6 @@ const checkoutSlice = createSlice({
     setShippingOptions(state, { payload }) {
       state.shippingOptions = payload;
     },
-    setDataSourceShippingOptions(state, { payload }) {
-      state.dataSourceShippingOptions = payload;
-    },
     setPaymentOptions(state, { payload }) {
       state.paymentOptions = payload;
     },
@@ -161,12 +151,6 @@ const checkoutSlice = createSlice({
     },
     setRetailStores(state, { payload }) {
       state.retailStores = payload;
-    },
-    setAttributeBasedShippingOptions(state, { payload }) {
-      state.attributeBasedShippingOptions = payload;
-    },
-    setSelectedShippingOptions: (state, { payload }) => {
-      state.selectedShippingOptions = payload;
     }
   }
 });
@@ -185,7 +169,6 @@ export const {
   setAddressList,
   setDeliveryOptions,
   setShippingOptions,
-  setDataSourceShippingOptions,
   setPaymentOptions,
   setCreditPaymentOptions,
   setSelectedCreditPaymentPk,
@@ -195,9 +178,7 @@ export const {
   setBankAccounts,
   setSelectedBankAccountPk,
   setLoyaltyBalance,
-  setRetailStores,
-  setAttributeBasedShippingOptions,
-  setSelectedShippingOptions
+  setRetailStores
 } = checkoutSlice.actions;
 
 export default checkoutSlice.reducer;

package/redux/reducers/config.ts

@@ -6,8 +6,6 @@ import { Config } from '../../types';
 const initialState: Config = {
   user_phone_regex: '^(05)\\d{9}$',
   user_phone_format: '05999999999',
-  user_post_code_regex: '^\\d{5}$',
-  user_post_code_format: '99999',
   country: {
     pk: 1,
     name: 'Türkiye',

package/types/commerce/account.ts

@@ -61,5 +61,4 @@ export type ContactFormType = {
   order?: string;
   country_code?: string;
   order_needed?: boolean;
-  file?: FileList
 };

package/types/commerce/address.ts

@@ -17,7 +17,7 @@ export type AddressFormType = {
   line: string;
   postcode: string;
   company_name?: string;
-  tax_no?: string;
+  tax_no?: number;
   tax_office?: string;
   e_bill_taxpayer?: boolean;
   country_code?: string;

package/types/commerce/checkout.ts

@@ -33,23 +33,6 @@ export interface ShippingOption {
   slug: string;
 }
 
-export interface DataSource {
-  pk: number;
-  name: string;
-  data_source_shipping_options: DataSourceShippingOption[];
-}
-
-export interface DataSourceShippingOption {
-  pk: number;
-  shipping_amount: string;
-  shipping_option_name: string;
-  shipping_option_logo: string | null;
-  data_source: {
-    pk: number;
-    title: string | null;
-  };
-}
-
 export interface CheckoutAddressType {
   label: string;
   text: string;
@@ -95,8 +78,6 @@ export interface PreOrder {
   retail_store?: RetailStore;
   gift_box?: GiftBox;
   credit_payment_option?: CheckoutCreditPaymentOption;
-  data_source_shipping_options: any;
-  attribute_based_shipping_options?: AttributeBasedShippingOption[];
 }
 
 export interface GuestLoginFormParams {
@@ -136,7 +117,6 @@ export interface CheckoutContext {
     redirect_url?: string;
     context_data?: any;
     balance?: string;
-    attribute_based_shipping_options?: AttributeBasedShippingOption[];
     [key: string]: any;
   };
 }
@@ -162,13 +142,3 @@ export interface BankAccount {
   pk: number;
   sort_order: number;
 }
-
-export interface AttributeBasedShippingOption {
-  pk: number;
-  shipping_amount: string | null;
-  shipping_option_name: string | null;
-  shipping_option_logo: string | null;
-  attribute_value: string | null;
-  attribute_key: string;
-  [key: string]: any;
-}

package/types/commerce/misc.ts

@@ -2,8 +2,6 @@ import { District } from './address';
 export interface Config {
   user_phone_regex: string;
   user_phone_format: string;
-  user_post_code_regex: string;
-  user_post_code_format: string;
   country: {
     pk: number;
     name: string;

package/types/commerce/order.ts

@@ -52,10 +52,6 @@ export interface OrderItem {
   quantity: string;
   unit_price: string;
   total_amount: string;
-  attributes: {
-    gift_note: string;
-    [key: string]: any;
-  };
 }
 
 export interface Order {
@@ -109,14 +105,6 @@ export interface Order {
   shipping_option: number;
   tracking_number: string;
   tracking_url: string;
-  [key: string]: any;
-  bank: {
-    pk: number;
-    name: string;
-    slug: string;
-    logo: string;
-    [key: string]: any;
-  };
 }
 
 export interface Quotations {

package/types/index.ts

@@ -2,7 +2,7 @@ import { LocaleUrlStrategy } from '../localization';
 import { PzNextRequest } from '../middlewares';
 import { Control, FieldError } from 'react-hook-form';
 import { ReactNode } from 'react';
-import { UsePaginationType } from '../hooks/use-pagination';
+
 declare global {
   interface Window {
     // we did it like this because declare types needs to be identical, if not it will fail
@@ -68,17 +68,9 @@ export interface Currency {
    * @see https://en.wikipedia.org/wiki/ISO_4217
    */
   code: string;
-  /**
-   * Number of decimal places to display.
-   *
-   * @example
-   * decimalScale: 3
-   */
-  decimalScale?: number;
 }
 
 export interface Settings {
-  usePrettyUrlRoute?: boolean;
   commerceUrl: string;
   redis: {
     defaultExpirationTime: number;
@@ -224,7 +216,7 @@ export type Translations = { [key: string]: object };
 
 export interface PageProps<T = any> {
   params: T;
-  searchParams: { [key: string]: string | string[] | undefined };
+  searchParams: URLSearchParams;
 }
 
 export interface LayoutProps<T = any> extends PageProps<T> {
@@ -291,21 +283,3 @@ export interface AccordionProps {
 export interface PluginModuleComponentProps {
   settings?: Record<string, any>;
 }
-
-export interface PaginationProps {
-  total: number | undefined;
-  limit?: number | undefined;
-  currentPage: number | undefined;
-  numberOfPages?: number | undefined;
-  containerClassName?: string;
-  moreButtonClassName?: string;
-  prevClassName?: string;
-  nextClassName?: string;
-  pageClassName?: string;
-  threshold?: number | undefined;
-  delta?: number | undefined;
-  render?: (pagination: UsePaginationType) => ReactNode;
-  type?: 'infinite' | 'list' | 'more';
-  onPageChange?: (page: number) => void;
-  direction?: 'next' | 'prev';
-}

package/utils/app-fetch.ts

@@ -41,7 +41,7 @@ const appFetch = async <T>(
     };
 
     init.next = {
-      revalidate: Settings.usePrettyUrlRoute ? 0 : 60
+      revalidate: 60
     };
 
     logger.debug(`FETCH START ${url}`, { requestURL, init, ip });

package/utils/generate-commerce-search-params.ts

@@ -1,15 +1,11 @@
 import logger from './log';
 
-export const generateCommerceSearchParams = (searchParams?: {
-  [key: string]: string | string[] | undefined;
-}) => {
+export const generateCommerceSearchParams = (searchParams?: URLSearchParams) => {
   if (!searchParams) {
     return null;
   }
 
-  const urlSerchParams = new URLSearchParams(
-    searchParams as Record<string, string>
-  );
+  const urlSerchParams = new URLSearchParams(searchParams);
 
   Object.entries(searchParams).forEach(([key, value]) => {
     if (typeof value === 'object') {

package/utils/index.ts

@@ -63,33 +63,18 @@ export function getTranslateFn(path: string, translations: any) {
 
 export function buildClientRequestUrl(
   path: string,
-  options?: ClientRequestOptions & { cache?: boolean }
+  options?: ClientRequestOptions
 ) {
   let url = `/api/client${path}`;
 
-  let hasQuery = url.includes('?');
-
   if (options) {
-    const { cache, ...otherOptions } = options;
-
-    if (Object.keys(otherOptions).length > 0) {
-      if (hasQuery) {
-        url += '&';
-      } else {
-        url += '?';
-        hasQuery = true;
-      }
-      url += `options=${encodeURIComponent(JSON.stringify(otherOptions))}`;
+    if (url.includes('?')) {
+      url += '&';
+    } else {
+      url += '?';
     }
 
-    if (cache === false) {
-      if (hasQuery) {
-        url += '&';
-      } else {
-        url += '?';
-      }
-      url += `t=${Date.now()}`;
-    }
+    url += `options=${encodeURIComponent(JSON.stringify(options))}`;
   }
 
   return url;
@@ -117,12 +102,6 @@ export function buildCDNUrl(url: string, config?: CDNOptions) {
     ''
   );
 
-  const noOptionFileExtension = url?.split('.').pop()?.toLowerCase() ?? '';
-
-  if (noOptionFileExtension === 'svg' || noOptionFileExtension === 'gif') {
-    return url;
-  }
-
   let options = '';
 
   if (config) {

package/utils/menu-generator.ts

@@ -13,8 +13,8 @@ export const menuGenerator = (arr: MenuItemType[]) => {
     });
 
     Object.values(data).forEach((item) => {
-      if (item.parent_pk) {
-        data[item.parent_pk].children.push(item);
+      if (item.parent) {
+        data[item.parent.pk].children.push(item);
       } else {
         tree.push(item);
       }

package/utils/server-translation.ts

@@ -5,10 +5,10 @@ import { getTranslateFn } from '../utils';
 import { Translations } from '../types';
 import settings from 'settings';
 import logger from './log';
-import { unstable_cache } from 'next/cache';
 
 export const translations: Translations = {};
 
+// TODO: Read translations from cache
 export async function getTranslations(locale_: string) {
   try {
     const locale = settings.localization.locales.find(
@@ -52,10 +52,6 @@ export async function getTranslations(locale_: string) {
   return translations;
 }
 
-export const getCachedTranslations = unstable_cache(async (locale: string) =>
-  getTranslations(locale)
-);
-
 export function t(path: string) {
   return getTranslateFn(path, translations);
 }

package/with-pz-config.js

@@ -8,7 +8,6 @@ const defaultConfig = {
   transpilePackages: ['@akinon/next', ...pzPlugins.map((p) => `@akinon/${p}`)],
   skipTrailingSlashRedirect: true,
   poweredByHeader: false,
-  cacheMaxMemorySize: 0,
   env: {
     NEXT_PUBLIC_SENTRY_DSN: process.env.SENTRY_DSN
   },
@@ -66,12 +65,7 @@ const defaultConfig = {
   }
 };
 
-const withPzConfig = (
-  myNextConfig = {},
-  options = {
-    useCacheHandler: false
-  }
-) => {
+const withPzConfig = (myNextConfig = {}) => {
   let extendedConfig = deepMerge({}, defaultConfig, myNextConfig);
 
   const originalPzHeadersFunction = defaultConfig.headers;
@@ -97,10 +91,6 @@ const withPzConfig = (
     return [...pzRewrites, ...myRewrites];
   };
 
-  if (options.useCacheHandler && process.env.CACHE_HOST) {
-    extendedConfig.cacheHandler = require.resolve('./lib/cache-handler.mjs');
-  }
-
   return extendedConfig;
 };
 

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/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;