@akinon/projectzero 1.71.0-rc.4 → 1.71.0-rc.6

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @akinon/projectzero
 
+## 1.71.0-rc.6
+
+## 1.71.0-rc.5
+
 ## 1.71.0-rc.4
 
 ## 1.71.0-rc.3

package/app-template/CHANGELOG.md

@@ -1,5 +1,51 @@
 # projectzeronext
 
+## 1.71.0-rc.6
+
+### Minor Changes
+
+- f34454a: ZERO-2953: Add hepsipay payment method
+
+### Patch Changes
+
+- Updated dependencies [f34454a]
+  - @akinon/next@1.71.0-rc.6
+  - @akinon/pz-akifast@1.71.0-rc.6
+  - @akinon/pz-b2b@1.71.0-rc.6
+  - @akinon/pz-basket-gift-pack@1.71.0-rc.6
+  - @akinon/pz-bkm@1.71.0-rc.6
+  - @akinon/pz-checkout-gift-pack@1.71.0-rc.6
+  - @akinon/pz-click-collect@1.71.0-rc.6
+  - @akinon/pz-credit-payment@1.71.0-rc.6
+  - @akinon/pz-gpay@1.71.0-rc.6
+  - @akinon/pz-masterpass@1.71.0-rc.6
+  - @akinon/pz-one-click-checkout@1.71.0-rc.6
+  - @akinon/pz-otp@1.71.0-rc.6
+  - @akinon/pz-pay-on-delivery@1.71.0-rc.6
+  - @akinon/pz-saved-card@1.71.0-rc.6
+  - @akinon/pz-tabby-extension@1.71.0-rc.6
+
+## 1.71.0-rc.5
+
+### Patch Changes
+
+- Updated dependencies [0ab91e5]
+  - @akinon/pz-akifast@1.71.0-rc.5
+  - @akinon/next@1.71.0-rc.5
+  - @akinon/pz-b2b@1.71.0-rc.5
+  - @akinon/pz-basket-gift-pack@1.71.0-rc.5
+  - @akinon/pz-bkm@1.71.0-rc.5
+  - @akinon/pz-checkout-gift-pack@1.71.0-rc.5
+  - @akinon/pz-click-collect@1.71.0-rc.5
+  - @akinon/pz-credit-payment@1.71.0-rc.5
+  - @akinon/pz-gpay@1.71.0-rc.5
+  - @akinon/pz-masterpass@1.71.0-rc.5
+  - @akinon/pz-one-click-checkout@1.71.0-rc.5
+  - @akinon/pz-otp@1.71.0-rc.5
+  - @akinon/pz-pay-on-delivery@1.71.0-rc.5
+  - @akinon/pz-saved-card@1.71.0-rc.5
+  - @akinon/pz-tabby-extension@1.71.0-rc.5
+
 ## 1.71.0-rc.4
 
 ### Minor Changes

package/app-template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "projectzeronext",
-  "version": "1.71.0-rc.4",
+  "version": "1.71.0-rc.6",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -22,21 +22,21 @@
     "prestart": "pz-prestart"
   },
   "dependencies": {
-    "@akinon/next": "1.71.0-rc.4",
-    "@akinon/pz-akifast": "1.71.0-rc.4",
-    "@akinon/pz-b2b": "1.71.0-rc.4",
-    "@akinon/pz-basket-gift-pack": "1.71.0-rc.4",
-    "@akinon/pz-bkm": "1.71.0-rc.4",
-    "@akinon/pz-checkout-gift-pack": "1.71.0-rc.4",
-    "@akinon/pz-click-collect": "1.71.0-rc.4",
-    "@akinon/pz-credit-payment": "1.71.0-rc.4",
-    "@akinon/pz-gpay": "1.71.0-rc.4",
-    "@akinon/pz-masterpass": "1.71.0-rc.4",
-    "@akinon/pz-one-click-checkout": "1.71.0-rc.4",
-    "@akinon/pz-otp": "1.71.0-rc.4",
-    "@akinon/pz-pay-on-delivery": "1.71.0-rc.4",
-    "@akinon/pz-saved-card": "1.71.0-rc.4",
-    "@akinon/pz-tabby-extension": "1.71.0-rc.4",
+    "@akinon/next": "1.71.0-rc.6",
+    "@akinon/pz-akifast": "1.71.0-rc.6",
+    "@akinon/pz-b2b": "1.71.0-rc.6",
+    "@akinon/pz-basket-gift-pack": "1.71.0-rc.6",
+    "@akinon/pz-bkm": "1.71.0-rc.6",
+    "@akinon/pz-checkout-gift-pack": "1.71.0-rc.6",
+    "@akinon/pz-click-collect": "1.71.0-rc.6",
+    "@akinon/pz-credit-payment": "1.71.0-rc.6",
+    "@akinon/pz-gpay": "1.71.0-rc.6",
+    "@akinon/pz-masterpass": "1.71.0-rc.6",
+    "@akinon/pz-one-click-checkout": "1.71.0-rc.6",
+    "@akinon/pz-otp": "1.71.0-rc.6",
+    "@akinon/pz-pay-on-delivery": "1.71.0-rc.6",
+    "@akinon/pz-saved-card": "1.71.0-rc.6",
+    "@akinon/pz-tabby-extension": "1.71.0-rc.6",
     "@hookform/resolvers": "2.9.0",
     "@next/third-parties": "14.1.0",
     "@react-google-maps/api": "2.17.1",
@@ -60,7 +60,7 @@
     "yup": "0.32.11"
   },
   "devDependencies": {
-    "@akinon/eslint-plugin-projectzero": "1.71.0-rc.4",
+    "@akinon/eslint-plugin-projectzero": "1.71.0-rc.6",
     "@semantic-release/changelog": "6.0.2",
     "@semantic-release/exec": "6.0.3",
     "@semantic-release/git": "10.0.1",

package/app-template/src/views/checkout/steps/payment/index.tsx

@@ -4,8 +4,14 @@ import { CheckoutPaymentOption } from '@akinon/next/types';
 import clsx from 'clsx';
 import { RootState } from '@theme/redux/store';
 import PaymentOptionButtons from './payment-option-buttons';
+import HepsiPay from './options/hepsipay';
 
-export const PaymentOptionViews: Array<CheckoutPaymentOption> = [];
+export const PaymentOptionViews: Array<CheckoutPaymentOption> = [
+  {
+    slug: 'hepsipay',
+    view: HepsiPay
+  }
+];
 
 const PaymentStep = () => {
   const isPaymentStepBusy = useAppSelector(

package/app-template/src/views/checkout/steps/payment/options/hepsipay.tsx

@@ -0,0 +1,135 @@
+import { Button, Icon } from '@theme/components';
+import Script from 'next/script';
+import { useEffect, useCallback, useState } from 'react';
+import { RootState } from '@theme/redux/store';
+import { useAppSelector } from '@akinon/next/redux/hooks';
+import { useSetWalletCompletePageMutation } from '@akinon/next/data/client/checkout';
+import * as yup from 'yup';
+import { SubmitHandler, useForm } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import CheckoutAgreements from '../agreements';
+
+interface InitOptions {
+  frameUrl: string;
+  frameDivId: string;
+  paymentStatusCallback: (isPaymentAllowed: boolean) => void;
+  frameFailureCallback: () => void;
+  onPaymentSuccessCallback: (payload: any) => void;
+  maxHeight: string;
+  disableDynamicHeight: boolean;
+  showFramePaymentButton: boolean;
+  useApiCallOnSuccessCallback: boolean;
+  selectedPaymentInfoCallback: (payload: any) => void;
+  overrideFontFamily: string;
+  hideHeader: boolean;
+}
+
+const hepsiPayFormSchema = () =>
+  yup.object().shape({
+    agreement: yup.boolean().oneOf([true], 'Bu Alan Zorunlu')
+  });
+
+export default function HepsiPay() {
+  const {
+    handleSubmit,
+    control,
+    formState: { errors }
+  } = useForm({
+    resolver: yupResolver(hepsiPayFormSchema())
+  });
+
+  const [isPaymentSuccessful, setIsPaymentSuccessful] = useState(false);
+
+  const context_extras = useAppSelector(
+    (state: RootState) => state.checkout.preOrder?.context_extras
+  );
+
+  const hepsipayAvailability = useAppSelector(
+    (state: RootState) => state.checkout?.hepsipayAvailability
+  );
+
+  const frameUrl = context_extras?.FrameUrl;
+
+  const [setWalletCompletePage] = useSetWalletCompletePageMutation();
+
+  const initHepsipay = useCallback(() => {
+    if (!frameUrl || !window.HepsipaySdk) return;
+
+    const initOptions: InitOptions = {
+      frameUrl,
+      frameDivId: 'hepsipay-frame',
+      paymentStatusCallback: () => {},
+      frameFailureCallback: () => {},
+      onPaymentSuccessCallback: () => {
+        setIsPaymentSuccessful(true);
+        setWalletCompletePage();
+      },
+      maxHeight: '800',
+      disableDynamicHeight: false,
+      showFramePaymentButton: false,
+      useApiCallOnSuccessCallback: false,
+      selectedPaymentInfoCallback: () => {},
+      overrideFontFamily: 'Inter',
+      hideHeader: false
+    };
+
+    window.HepsipaySdk.init(initOptions);
+  }, [frameUrl, setWalletCompletePage]);
+
+  useEffect(() => {
+    if (window.HepsipaySdk) {
+      initHepsipay();
+    }
+  }, [initHepsipay]);
+
+  const onSubmit: SubmitHandler<null> = async () => {
+    if (window.HepsipaySdk) {
+      window.HepsipaySdk.initPayment();
+    } else {
+      console.error('Hepsipay SDK is not available');
+    }
+  };
+
+  return (
+    <div className="p-4 sm:px-6">
+      {isPaymentSuccessful ? (
+        <></>
+      ) : hepsipayAvailability ? (
+        <>
+          <div id="hepsipay-frame"></div>
+          <form onSubmit={handleSubmit(onSubmit)}>
+            <div className="flex items-start flex-col border-t border-solid border-gray-400 py-4 space-y-4">
+              <CheckoutAgreements
+                control={control}
+                error={errors.agreement}
+                fieldId="agreement"
+              />
+              <Button
+                className="group uppercase mt-4 inline-flex items-center justify-center w-full"
+                type="submit"
+                data-testid="checkout-bank-account-place-order"
+              >
+                <span>PLACE ORDER</span>
+                <Icon
+                  name="chevron-end"
+                  size={12}
+                  className="fill-primary-foreground ml-2 h-3 group-hover:fill-primary"
+                />
+              </Button>
+            </div>
+          </form>
+
+          <Script
+            src="https://images.hepsiburada.net/hepsipay/packages/pf/hepsipay-latest.min.js"
+            defer
+          />
+        </>
+      ) : (
+        <div className="py-12 px-4">
+          Bu kullanıcı için hepsipay kullanılamıyor. Lütfen başka bir ödeme
+          yöntemi seçin.
+        </div>
+      )}
+    </div>
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/projectzero",
-  "version": "1.71.0-rc.4",
+  "version": "1.71.0-rc.6",
   "private": false,
   "description": "CLI tool to manage your Project Zero Next project",
   "bin": {