@akinon/next 1.14.0 → 1.15.0

package/components/redirect-three-d/content/index.tsx

@@ -1,74 +1,74 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { ROUTES } from 'routes';
-import { useGet3dRedirectFormQuery } from '@akinon/next/data/client/checkout';
-import { LoaderSpinner } from 'components';
-import { useLocalization } from '../../../hooks/use-localization';
-import { getUrlPathWithLocale } from '../../../utils/localization';
-import { useSearchParams } from 'next/navigation';
-
-interface RedirectThreeDContentProps {
-  sessionId: string;
-}
-
-export default function RedirectThreeDContent({
-  sessionId
-}: RedirectThreeDContentProps) {
-  const searchParams = useSearchParams();
-  const { data } = useGet3dRedirectFormQuery();
-  const [error, setError] = useState(null);
-  const { locale } = useLocalization();
-
-  useEffect(() => {
-    if (data) {
-      const fragment = document.createElement('fragment');
-      fragment.innerHTML = data.result;
-
-      const form = fragment.querySelector('form');
-
-      // a way to determine if response includes a redirection form or not
-      if (fragment.querySelector('link[rel="canonical"]') || !form) {
-        setError('Redirecting to checkout page. Please wait...');
-
-        setTimeout(() => {
-          let checkoutUrl = `${ROUTES.CHECKOUT}`;
-
-          // iframe param is used to prevent header and footer rendering
-          if (searchParams.get('iframe') === 'true') {
-            checkoutUrl = `${checkoutUrl}?iframe=true`;
-          }
-
-          // Use `window.location.href` instead of `router.push`
-          // to capture the url change event in iframe
-          location.href = getUrlPathWithLocale(checkoutUrl, locale);
-        }, 3000);
-        return;
-      }
-
-      const pzParamsInput = document.createElement('input');
-      pzParamsInput.setAttribute('type', 'hidden');
-      pzParamsInput.setAttribute('name', 'pzparams');
-      pzParamsInput.setAttribute(
-        'value',
-        encodeURIComponent(
-          JSON.stringify({
-            session: sessionId,
-            locale
-          })
-        )
-      );
-      form.appendChild(pzParamsInput);
-
-      form.style.display = 'none';
-      document.body.appendChild(form);
-      form.submit();
-    }
-  }, [data]);
-
-  return (
-    <div className="flex items-center justify-center py-20">
-      {error ?? <LoaderSpinner />}
-    </div>
-  );
-}
+'use client';
+
+import { useEffect, useState } from 'react';
+import { ROUTES } from 'routes';
+import { useGet3dRedirectFormQuery } from '@akinon/next/data/client/checkout';
+import { LoaderSpinner } from 'components';
+import { useLocalization } from '../../../hooks/use-localization';
+import { getUrlPathWithLocale } from '../../../utils/localization';
+import { useSearchParams } from 'next/navigation';
+
+interface RedirectThreeDContentProps {
+  sessionId: string;
+}
+
+export default function RedirectThreeDContent({
+  sessionId
+}: RedirectThreeDContentProps) {
+  const searchParams = useSearchParams();
+  const { data } = useGet3dRedirectFormQuery();
+  const [error, setError] = useState(null);
+  const { locale } = useLocalization();
+
+  useEffect(() => {
+    if (data) {
+      const fragment = document.createElement('fragment');
+      fragment.innerHTML = data.result;
+
+      const form = fragment.querySelector('form');
+
+      // a way to determine if response includes a redirection form or not
+      if (fragment.querySelector('link[rel="canonical"]') || !form) {
+        setError('Redirecting to checkout page. Please wait...');
+
+        setTimeout(() => {
+          let checkoutUrl = `${ROUTES.CHECKOUT}`;
+
+          // iframe param is used to prevent header and footer rendering
+          if (searchParams.get('iframe') === 'true') {
+            checkoutUrl = `${checkoutUrl}?iframe=true`;
+          }
+
+          // Use `window.location.href` instead of `router.push`
+          // to capture the url change event in iframe
+          location.href = getUrlPathWithLocale(checkoutUrl, locale);
+        }, 3000);
+        return;
+      }
+
+      const pzParamsInput = document.createElement('input');
+      pzParamsInput.setAttribute('type', 'hidden');
+      pzParamsInput.setAttribute('name', 'pzparams');
+      pzParamsInput.setAttribute(
+        'value',
+        encodeURIComponent(
+          JSON.stringify({
+            session: sessionId,
+            locale
+          })
+        )
+      );
+      form.appendChild(pzParamsInput);
+
+      form.style.display = 'none';
+      document.body.appendChild(form);
+      form.submit();
+    }
+  }, [data]);
+
+  return (
+    <div className="flex items-center justify-center py-20">
+      {error ?? <LoaderSpinner />}
+    </div>
+  );
+}

package/components/redirect-three-d/index.tsx

@@ -1,17 +1,17 @@
-import { cookies } from 'next/headers';
-import { redirect } from 'next/navigation';
-import RedirectThreeDContent from './content';
-import { ROUTES } from 'routes';
-
-const RedirectThreeD = async () => {
-  const nextCookies = cookies();
-  const sessionId = await nextCookies.get('osessionid')?.value;
-
-  if (!sessionId) {
-    return redirect(ROUTES.CHECKOUT);
-  }
-
-  return <RedirectThreeDContent sessionId={sessionId} />;
-};
-
-export default RedirectThreeD;
+import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
+import RedirectThreeDContent from './content';
+import { ROUTES } from 'routes';
+
+const RedirectThreeD = async () => {
+  const nextCookies = cookies();
+  const sessionId = await nextCookies.get('osessionid')?.value;
+
+  if (!sessionId) {
+    return redirect(ROUTES.CHECKOUT);
+  }
+
+  return <RedirectThreeDContent sessionId={sessionId} />;
+};
+
+export default RedirectThreeD;

package/components/selected-payment-option-view.tsx

@@ -59,7 +59,7 @@ export default function SelectedPaymentOptionView() {
             //   promise = import(`views/checkout/steps/payment/options/credit-payment`);
             // }
             // else if (payment_option.payment_type === 'gpay') {
-            //   promise = import(`views/checkout/steps/payment/options/gpay`);
+              //   promise = import(`views/checkout/steps/payment/options/gpay`);
             // }
             // else if (payment_option.payment_type === 'bkm_express') {
             //   promise = import(`views/checkout/steps/payment/options/bkm`);

package/components/trans.tsx

@@ -1,39 +1,39 @@
-'use client';
-
-import { Fragment, useMemo } from 'react';
-import reactStringReplace from 'react-string-replace';
-import { useLocalization } from '@akinon/next/hooks';
-
-interface TransProps {
-  i18nKey: string;
-  components?: {
-    [key: string]: React.ReactElement;
-  };
-}
-
-export const Trans = ({ i18nKey, components }: TransProps) => {
-  const { t } = useLocalization();
-  const value = t(i18nKey);
-
-  const replacedValue = useMemo(() => {
-    if (!components) {
-      return value;
-    }
-
-    let text;
-
-    for (const [k] of Object.entries(components)) {
-      text = reactStringReplace(
-        text ?? value,
-        new RegExp(`(<${k}/>|<${k} />)`),
-        (_match, i) => (
-          <Fragment key={`trans-${k}-${i}`}>{components[k]}</Fragment>
-        )
-      );
-    }
-
-    return text;
-  }, [value, components]);
-
-  return <>{replacedValue}</>;
-};
+'use client';
+
+import { Fragment, useMemo } from 'react';
+import reactStringReplace from 'react-string-replace';
+import { useLocalization } from '@akinon/next/hooks';
+
+interface TransProps {
+  i18nKey: string;
+  components?: {
+    [key: string]: React.ReactElement;
+  };
+}
+
+export const Trans = ({ i18nKey, components }: TransProps) => {
+  const { t } = useLocalization();
+  const value = t(i18nKey);
+
+  const replacedValue = useMemo(() => {
+    if (!components) {
+      return value;
+    }
+
+    let text;
+
+    for (const [k] of Object.entries(components)) {
+      text = reactStringReplace(
+        text ?? value,
+        new RegExp(`(<${k}/>|<${k} />)`),
+        (_match, i) => (
+          <Fragment key={`trans-${k}-${i}`}>{components[k]}</Fragment>
+        )
+      );
+    }
+
+    return text;
+  }, [value, components]);
+
+  return <>{replacedValue}</>;
+};