@akinon/pz-akifast 1.41.0

package/.gitattributes

@@ -0,0 +1,15 @@
+*.js    text eol=lf
+*.jsx   text eol=lf
+*.ts    text eol=lf
+*.tsx   text eol=lf
+*.json  text eol=lf
+*.md    text eol=lf
+
+.eslintignore text eol=lf
+.eslintrc text eol=lf
+.gitignore text eol=lf
+.prettierrc text eol=lf
+.yarnrc text eol=lf
+
+* text=auto
+

package/.prettierrc

@@ -0,0 +1,13 @@
+{
+  "bracketSameLine": false,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "jsxSingleQuote": false,
+  "bracketSpacing": true,
+  "semi": true,
+  "useTabs": false,
+  "arrowParens": "always",
+  "endOfLine": "lf",
+  "proseWrap": "never",
+  "trailingComma": "none"
+}

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @akinon/pz-akifast
+
+## 1.41.0
+
+### Minor Changes
+
+- 8f09473: ZERO-2686: create akifast plugin

package/README.md

@@ -0,0 +1,66 @@
+# pz-akifast
+
+### Setting the Visibility of Buttons
+(all buttons are visible by default)
+
+```javascript
+// settings.js file
+
+module.exports = {
+  // other settings
+  plugins: {
+    // other plugin settings
+    'pz-akifast': {
+      quickLogin: false,
+      pdp: false,
+      basket: false,
+    },
+  },
+};
+```
+
+### Usage in Plugin Module System
+
+## Checkout Button
+
+```javascript
+import PluginModule, { Component } from '@akinon/next/components/plugin-module';
+
+<PluginModule
+  component={Component.AkifastCheckoutButton}
+  props={{
+    ...checkoutProviderProps, // same with one click checkout props
+    isPdp: true
+  }}
+/>
+```
+
+## Quick Login Button
+
+```javascript
+import PluginModule, { Component } from '@akinon/next/components/plugin-module';
+
+<PluginModule
+  component={Component.AkifastQuickLoginButton}
+  props={{
+    isCaptchaVisible,
+    captchaValidated
+  }}
+/>
+```
+
+## Checkout Button Props
+
+You can see other props for the button in the `pz-one-click-checkout` package.
+
+| Property | Type      | Description                            |
+|----------|-----------|----------------------------------------|
+| isPdp    | `boolean` | Indicates if it's a product info page. |
+
+## Quick Login Props
+
+| Property         | Type      | Description                        |
+|------------------|-----------|------------------------------------|
+| buttonText       | `string`  | Text displayed on the button.      |
+| isCaptchaVisible | `boolean` | Indicates if captcha is visible.   |
+| captchaValidated | `boolean` | Indicates if captcha is validated. |

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@akinon/pz-akifast",
+  "version": "1.41.0",
+  "main": "./src/index.ts",
+  "module": "./src/index.ts",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "@reduxjs/toolkit": "^1.8.3",
+    "pz-one-click-checkout": "^1.40.0"
+  },
+  "devDependencies": {
+    "@types/node": "^18.7.8",
+    "@types/react": "^18.0.17",
+    "@types/react-dom": "^18.0.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.2.2",
+    "@reduxjs/toolkit": "^1.8.3"
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { QuickLoginButton } from './views/QuickLoginButton';
+export { CheckoutButton } from './views/CheckoutButton';

package/src/views/CheckoutButton.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import { PluginModuleComponentProps } from '@akinon/next/types';
+import PluginModule, { Component } from '@akinon/next/components/plugin-module';
+import { useGetCheckoutProvidersQuery } from '@akinon/pz-one-click-checkout/src/endpoints';
+import {
+  OneClickCheckoutButtonProps,
+  ProvidersType
+} from '@akinon/pz-one-click-checkout/src/types';
+
+interface CheckoutButtonProps
+  extends PluginModuleComponentProps,
+    OneClickCheckoutButtonProps {
+  isPdp?: boolean;
+}
+
+export const CheckoutButton = ({
+  settings,
+  isPdp = false,
+  ...rest
+}: CheckoutButtonProps) => {
+  const { data: checkoutProviders } = useGetCheckoutProvidersQuery(null, {});
+  const provider = checkoutProviders?.find(
+    (provider: ProvidersType) => provider.slug === 'akifast'
+  );
+
+  if (
+    !provider ||
+    (isPdp && settings?.pdp === false) ||
+    (!isPdp && settings?.basket === false)
+  ) {
+    return;
+  }
+
+  return (
+    <PluginModule
+      component={Component.OneClickProviderButton}
+      props={{
+        ...rest,
+        provider
+      }}
+    />
+  );
+};
+
+export default CheckoutButton;

package/src/views/QuickLoginButton.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Button } from 'projectzeronext/src/components';
+import { PluginModuleComponentProps } from '@akinon/next/types';
+
+interface QuickLoginButtonProps extends PluginModuleComponentProps {
+  isCaptchaVisible: boolean;
+  captchaValidated: boolean;
+  buttonText?: string;
+}
+
+export const QuickLoginButton = ({
+  buttonText = 'Quick Login',
+  isCaptchaVisible,
+  captchaValidated,
+  settings
+}: QuickLoginButtonProps) => {
+  if (settings?.quickLogin === false) {
+    return;
+  }
+
+  return (
+    <Button
+      className="w-full h-14 uppercase text-xs font-semibold flex items-center justify-center gap-2 hover:bg-transparent hover:border hover:border-primary-800 hover:text-primary"
+      type="submit"
+      appearance="outlined"
+      disabled={isCaptchaVisible && !captchaValidated}
+      onClick={() => {
+        location.href = `/akifast/login/`;
+      }}
+    >
+      {buttonText}
+    </Button>
+  );
+};