@akinon/projectzero 2.0.0-beta.2 → 2.0.0-beta.20

package/app-template/Procfile

@@ -1 +1 @@
-web: \"yarn start -p 8008\"
+web: PORT=8008 HOSTNAME=0.0.0.0 node .next/standalone/server.js

package/app-template/README.md

@@ -6,6 +6,12 @@ Headless Akinon Commerce Cloud Storefront.
 
 Run `cp .env.example .env && yarn` command at project root and all dependencies should be installed.
 
+## Environment Variables
+
+### Required Environment Variables
+
+- `SITEMAP_S3_BUCKET_NAME`: S3 bucket name for XML sitemaps (e.g., "0fb534"). This is required for the sitemap route to function correctly.
+
 ### Build
 
 To build the app, run the following command:

package/app-template/akinon.json

@@ -13,16 +13,13 @@
       "healthcheck": "/healthz"
     }
   },
-  "runtime": "node:22-alpine",
+  "runtime": "node:25-alpine",
   "addons": [
     {
       "plan": "redis"
     },
     {
       "plan": "sentry"
-    },
-    {
-      "plan": "postgresql"
     }
   ]
 }

package/app-template/build.sh

@@ -3,5 +3,15 @@ chmod +x /bin/pip
 
 apk update
 apk add git
+
 yarn install
+
 yarn build
+
+cp -r public .next/standalone/ && cp -r .next/static .next/standalone/.next/
+
+yarn cache clean
+
+rm -rf node_modules
+
+rm -rf .next/cache/webpack

package/app-template/config/prebuild-tests.json

@@ -0,0 +1,5 @@
+{
+  "tests": [
+    "test:middleware"
+  ]
+}

package/app-template/docs/advanced-usage.md

@@ -41,3 +41,114 @@ const middleware: NextMiddleware = (
   return NextResponse.next();
 };
 ```
+
+## Custom Segments
+
+The `[pz]` segment encodes `locale`, `currency`, and `url` by default. You can add custom segments via `pzSegments` in `settings.js` to encode additional values into the URL.
+
+### Configuration
+
+Define custom segments in `settings.js` with a `resolve` function that computes the segment value at request time:
+
+```js
+/** @type {import('@akinon/next/types').Settings} */
+module.exports = {
+  // ...
+  usePzSegment: true,
+  pzSegments: {
+    segments: [
+      {
+        name: 'segment',
+        resolve: (context) => context.req.cookies.get('pz-segment')?.value ?? 'default'
+      }
+    ]
+  }
+}
+```
+
+Default segments (`locale`, `currency`, `url`) are always included automatically. You only need to define your custom ones.
+
+### Resolve Context
+
+The `resolve` function receives a context object with the following properties:
+
+| Property   | Type             | Description                          |
+|------------|------------------|--------------------------------------|
+| `req`      | `PzNextRequest`  | The incoming request object (cookies, headers, middlewareParams) |
+| `event`    | `NextFetchEvent` | The Next.js fetch event (waitUntil, etc.) |
+| `url`      | `NextURL`        | Cloned URL object of the current request |
+| `locale`   | `string`         | Resolved locale value                |
+| `currency` | `string`         | Resolved currency value              |
+| `pathname` | `string`         | Pathname without locale prefix       |
+
+### Reading Segment Values
+
+In server components, use `parsePzParams` to read all segment values (both built-in and custom):
+
+```tsx
+import { parsePzParams } from '@akinon/next/utils'
+import settings from 'settings'
+
+export default function Page({ params }) {
+  const { locale, currency, url, segment } = parsePzParams(params, settings)
+  // ...
+}
+```
+
+In client components, use the `usePzParams` hook:
+
+```tsx
+'use client'
+import { usePzParams } from '@akinon/next/hooks/use-pz-params'
+
+export default function MyComponent() {
+  const { locale, currency, url, segment } = usePzParams()
+  // ...
+}
+```
+
+### Example: Cookie-based Segment
+
+A segment that reads a value from a cookie and falls back to a default:
+
+```js
+pzSegments: {
+  segments: [
+    {
+      name: 'segment',
+      resolve: (context) => context.req.cookies.get('pz-segment')?.value ?? 'default'
+    }
+  ]
+}
+```
+
+This encodes the cookie value into the `[pz]` URL parameter. The resulting URL structure becomes:
+
+```
+/tr--TL--<encoded-url>--default/page-path
+```
+
+### Migration from Legacy Structure
+
+To migrate a project using the legacy `[commerce]/[locale]/[currency]` directory structure to the new `[pz]` segment:
+
+```bash
+npx projectzero codemod --codemod=migrate-segments
+```
+
+This codemod will:
+- Detect all dynamic segments and merge them into `[pz]/`
+- Update `settings.js` with `usePzSegment: true`
+- Clean up middleware rewrite blocks
+- Update path references in `tsconfig.json`, `next.config.js`, and source files
+- Replace `params.locale` / `params.currency` / `params.url` usages with `parsePzParams`
+
+## Enabling Browser Back/Forward Cache (bfcache)
+
+By default, dynamic pages may include `Cache-Control: no-store` headers, which prevents browsers from using the back/forward cache (bfcache). To enable bfcache support, set the `BF_CACHE` environment variable to `true`:
+
+```bash
+BF_CACHE=true
+```
+
+When enabled, a middleware wrapper overrides the `Cache-Control` header to `private, no-cache, max-age=0, must-revalidate`, allowing the browser to cache pages for instant back/forward navigation while still revalidating content on revisit.

package/app-template/docs/plugins.md

@@ -15,13 +15,18 @@ The plugins selected from this list will be added to the project and ready for u
 
 ### Plugin List
 
-1. Masterpass
-2. Basket Gift Pack
+1. Basket Gift Pack
+2. Click & Collect
 3. Checkout Gift Pack
-4. Checkout Providers
-5. OTP
-6. Redirection Payment
-7. Click & Collect
+4. One Click Checkout
+5. Garanti Pay
+6. Pay On Delivery
+7. OTP
+8. BKM Express
+9. Credit Payment
+10. Multi Basket
+11. Tabby Payment Extension
+12. Tamara Payment Extension
 
 ## Installation
 
@@ -33,44 +38,74 @@ The plugins selected from this list will be added to the project and ready for u
 
 2. Select the plugins desire to install from the list provided.
 
-### Masterpass
+### Basket Gift Pack
 
-The Masterpass plugin enables users to make payments with their Masterpass-registered cards on the payment page. With this plugin, operations such as listing Masterpass-registered cards, adding new cards, and removing cards can be performed.
+Adds a gift pack and/or a gift note to products in the basket. Enhances the gifting experience for customers.
 
-[Click here for details](https://bitbucket.org/akinonteam/pz-masterpass/src/main/)
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-basket-gift-pack)
 
-### Basket Gift Pack
+### Click & Collect
 
-This plugin allows for the addition of gift pack and gift note or just a gift note for products on the basket page.
+Allows customers to place an order online and pick it up from a selected store. Reduces delivery costs and improves convenience for users.
 
-[Click here for details](https://bitbucket.org/akinonteam/pz-basket-gift-pack/src/main/)
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-click-collect)
 
 ### Checkout Gift Pack
 
-Used to enable the gift pack option for products on the payment page.
+Enables a gift pack option on the payment page. Customers can choose to wrap their purchases as gifts during checkout.
+
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-checkout-gift-pack)
+
+### One Click Checkout
 
-[Click here for details](https://bitbucket.org/akinonteam/pz-checkout-gift-pack/src/main/)
+Simplifies the checkout process by adding one-click payment methods.
 
-### Checkout Providers
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-one-click-checkout)
 
-This plugin is used to add payment methods to the checkout process.
+### Garanti Pay
 
-[Click here for details](https://bitbucket.org/akinonteam/pz_checkout_providers/src/master/)
+Allows Garanti Bank credit card users to make fast and secure payments without entering card details.
+
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-gpay)
+
+### Pay On Delivery
+
+Provides an option for customers to pay with cash or a credit card at the time of delivery.
+
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-pay-on-delivery)
 
 ### OTP
 
-This application provides SMS verification (OTP) support for desired actions such as registration and updating profile information.
+Adds SMS-based OTP (One-Time Password) verification for secure actions such as registration and updating profile information.
 
-[Click here for details](https://bitbucket.org/akinonteam/pz_otp/src/master/)
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-otp)
 
-### Redirection Payment
+### BKM Express
 
-Used to enable any payment option with a redirection type on the payment page.
+Integrates the BKM Express payment method for users to make fast and secure payments without entering card details.
 
-[Click here for details](https://bitbucket.org/akinonteam/pz-redirection-payment/src/main/)
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-bkm)
 
-### Click & Collect
+### Credit Payment
+
+Supports credit card payments with installment and non-installment options.
+
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-credit-payment)
+
+### Multi Basket
+
+Enables customers to create and manage multiple virtual baskets at the same time. Facilitates better basket organization.
+
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-multi-basket)
+
+### Tabby Payment Extension
+
+Integrates Tabby’s installment and deferred payment solutions into the checkout.
+
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-tabby-extension)
+
+### Tamara Payment Extension
 
-This plugin enables the "Click & Collect" in-store pickup option.
+Adds Tamara’s "Buy Now, Pay Later" feature to the payment options. Customers can defer payments while ensuring a seamless checkout experience.
 
-[Click here for details](https://bitbucket.org/akinonteam/pz-click-collect/src/main/)
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-tamara-extension)

package/app-template/docs/sentry-usage.md

@@ -0,0 +1,35 @@
+---
+title: Sentry Usage
+sidebar_label: Sentry Usage
+slug: sentry-usage
+custom_edit_url: null
+---
+
+Sentry is a powerful tool for monitoring and debugging applications. In the context of the Project Zero Next application, it can be used to track errors, performance issues, and other important metrics. This document provides guidelines on how to effectively use Sentry for the Project Zero Next application.
+
+## Filtering PZ Next Errors and Warnings
+
+To filter out errors and warnings that are specific to the PZ Next application, you can use the following tag:
+
+    APP_TYPE = ProjectZeroNext
+
+## Filtering Only Client-Side Errors
+
+To filter out client-side errors, you can use the following tag:
+
+    TYPE = client
+
+## Filtering Only Server-Side Errors
+
+To filter out server-side errors, you can use the following tag:
+
+    TYPE = server
+
+## Filtering Client-Side 500 Error Pages
+
+To filter out 500 error pages caused by the client-side code, you can use the following tags:
+
+    TYPE = Client
+    LOG_TYPE = UNCAUGHT_ERROR_PAGE
+
+You can use the **"Breadcrumbs"** feature in Sentry to track the navigation path that led to the error. This can help you understand how users arrived at the error page and what actions they took before encountering the issue.

package/app-template/jest.config.ts

@@ -1,11 +1,11 @@
 const nextJest = require('next/jest');
-import type { InitialOptionsTsJest } from 'ts-jest/dist/types';
+import type { JestConfigWithTsJest } from 'ts-jest';
 
 const createJestConfig = nextJest({
   dir: './'
 });
 
-const config: InitialOptionsTsJest = {
+const config: JestConfigWithTsJest = {
   preset: 'ts-jest',
   setupFilesAfterEnv: ['<rootDir>/setupTests.ts'],
   transform: {

package/app-template/next-env.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
 /// <reference types="next/navigation-types/compat/navigation" />
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/app-template/next.config.mjs

@@ -8,12 +8,12 @@ const nextConfig = {
   rewrites: async () => {
     return [
       {
-        source: '/:commerce/:locale/:currency/sitemap.xml',
-        destination: '/:commerce/:locale/:currency/xml-sitemap'
+        source: '/:pz/sitemap.xml',
+        destination: '/:pz/xml-sitemap'
       },
       {
-        source: '/:commerce/:locale/:currency/sitemap/:node',
-        destination: '/:commerce/:locale/:currency/xml-sitemap/:node'
+        source: '/:pz/sitemap/:node',
+        destination: '/:pz/xml-sitemap/:node'
       }
     ];
   }
@@ -26,7 +26,10 @@ const withPwaConfig = withPWA({
 
 const sentryConfig = {
   silent: true,
-  dryRun: !process.env.SENTRY_DSN
+  dryRun: !process.env.SENTRY_DSN,
+  org: 'akinon'
+  // project: 'enter_your_project_name_here',
+  // authToken: 'enter_your_auth_token_here'
 };
 
 const enhancedConfig = withPzConfig(nextConfig);

package/app-template/package.json

@@ -1,12 +1,13 @@
 {
   "name": "projectzeronext",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.20",
   "private": true,
   "license": "MIT",
   "scripts": {
     "clean": "rm -rf node_modules && rm -rf .next",
-    "dev": "next dev",
-    "build": "next build",
+    "dev": "next dev --webpack",
+    "dev-ssl": "next dev --experimental-https --webpack",
+    "build": "next build --webpack",
     "start": "next start -p 8008",
     "type-check": "tsc",
     "lint": "next lint",
@@ -19,76 +20,87 @@
     "prebuild": "pz-prebuild",
     "postbuild": "pz-postbuild",
     "poststart": "pz-poststart",
-    "prestart": "pz-prestart"
+    "prestart": "pz-prestart",
+    "test:middleware": "jest middleware-matcher.test.ts --bail"
   },
   "dependencies": {
-    "@akinon/next": "2.0.0-beta.2",
-    "@akinon/pz-akifast": "2.0.0-beta.2",
-    "@akinon/pz-b2b": "2.0.0-beta.2",
-    "@akinon/pz-basket-gift-pack": "2.0.0-beta.2",
-    "@akinon/pz-bkm": "2.0.0-beta.2",
-    "@akinon/pz-checkout-gift-pack": "2.0.0-beta.2",
-    "@akinon/pz-click-collect": "2.0.0-beta.2",
-    "@akinon/pz-credit-payment": "2.0.0-beta.2",
-    "@akinon/pz-gpay": "2.0.0-beta.2",
-    "@akinon/pz-masterpass": "2.0.0-beta.2",
-    "@akinon/pz-one-click-checkout": "2.0.0-beta.2",
-    "@akinon/pz-otp": "2.0.0-beta.2",
-    "@akinon/pz-pay-on-delivery": "2.0.0-beta.2",
-    "@akinon/pz-saved-card": "2.0.0-beta.2",
-    "@akinon/pz-tabby-extension": "2.0.0-beta.2",
+    "@akinon/next": "2.0.0-beta.20",
+    "@akinon/pz-akifast": "2.0.0-beta.20",
+    "@akinon/pz-apple-pay": "2.0.0-beta.20",
+    "@akinon/pz-b2b": "2.0.0-beta.20",
+    "@akinon/pz-basket-gift-pack": "2.0.0-beta.20",
+    "@akinon/pz-bkm": "2.0.0-beta.20",
+    "@akinon/pz-checkout-gift-pack": "2.0.0-beta.20",
+    "@akinon/pz-click-collect": "2.0.0-beta.20",
+    "@akinon/pz-credit-payment": "2.0.0-beta.20",
+    "@akinon/pz-cybersource-uc": "2.0.0-beta.20",
+    "@akinon/pz-flow-payment": "2.0.0-beta.20",
+    "@akinon/pz-google-pay": "2.0.0-beta.20",
+    "@akinon/pz-gpay": "2.0.0-beta.20",
+    "@akinon/pz-haso": "2.0.0-beta.20",
+    "@akinon/pz-hepsipay": "2.0.0-beta.20",
+    "@akinon/pz-masterpass": "2.0.0-beta.20",
+    "@akinon/pz-masterpass-rest": "2.0.0-beta.20",
+    "@akinon/pz-multi-basket": "2.0.0-beta.20",
+    "@akinon/pz-one-click-checkout": "2.0.0-beta.20",
+    "@akinon/pz-otp": "2.0.0-beta.20",
+    "@akinon/pz-pay-on-delivery": "2.0.0-beta.20",
+    "@akinon/pz-saved-card": "2.0.0-beta.20",
+    "@akinon/pz-similar-products": "2.0.0-beta.20",
+    "@akinon/pz-tabby-extension": "2.0.0-beta.20",
+    "@akinon/pz-tamara-extension": "2.0.0-beta.20",
+    "@akinon/pz-virtual-try-on": "2.0.0-beta.20",
     "@hookform/resolvers": "2.9.0",
-    "@next/third-parties": "14.1.0",
+    "@next/third-parties": "16.1.6",
     "@react-google-maps/api": "2.17.1",
-    "@sentry/nextjs": "7.116.0",
     "dayjs": "1.11.5",
     "lossless-json": "2.0.5",
-    "next": "15.1.2",
-    "next-auth": "4.24.11",
+    "next": "16.1.6",
+    "next-auth": "5.0.0-beta.30",
     "next-pwa": "5.6.0",
     "pino": "8.11.0",
-    "postcss": "8.4.31",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "postcss": "8.4.49",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
     "react-google-recaptcha": "2.1.0",
-    "react-hook-form": "7.31.3",
+    "react-hook-form": "7.71.2",
     "react-intersection-observer": "9.4.0",
     "react-multi-carousel": "2.8.4",
     "react-string-replace": "1.1.0",
     "start-server-and-test": "2.0.3",
     "tailwind-merge": "1.8.0",
-    "tailwindcss": "3.4.17",
     "yup": "0.32.11"
   },
   "devDependencies": {
-    "@akinon/eslint-plugin-projectzero": "2.0.0-beta.2",
+    "@akinon/eslint-plugin-projectzero": "2.0.0-beta.20",
     "@semantic-release/changelog": "6.0.2",
     "@semantic-release/exec": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "@tailwindcss/typography": "0.5.10",
-    "@testing-library/dom": "8.13.0",
+    "@tailwindcss/postcss": "4.2.0",
+    "@tailwindcss/typography": "0.5.19",
+    "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "5.16.4",
-    "@testing-library/react": "13.1.1",
+    "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.1.1",
     "@types/googlemaps": "3.43.3",
-    "@types/jest": "27.4.1",
-    "@types/react": "19.0.2",
-    "@types/react-dom": "19.0.2",
-    "@typescript-eslint/eslint-plugin": "8.18.2",
-    "@typescript-eslint/parser": "8.18.2",
-    "autoprefixer": "10.4.13",
+    "@types/jest": "29.5.14",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "@typescript-eslint/eslint-plugin": "6.7.4",
+    "@typescript-eslint/parser": "6.7.4",
     "client-only": "0.0.1",
     "clsx": "1.1.1",
     "currency-symbol-map": "5.1.0",
-    "eslint": "9.17.0",
-    "eslint-config-next": "15.1.2",
-    "eslint-config-prettier": "9.1.0",
+    "eslint": "8.14.0",
+    "eslint-config-next": "16.1.6",
+    "eslint-config-prettier": "8.5.0",
     "husky": "8.0.0",
     "jest": "29.7.0",
     "jest-css-modules-transform": "4.3.0",
+    "jest-environment-jsdom": "29.7.0",
     "lint-staged": "13.1.0",
-    "prettier": "3.4.2",
-    "react-number-format": "5.4.2",
+    "prettier": "2.6.2",
+    "react-number-format": "5.3.4",
     "sass": "1.49.9",
     "semantic-release": "19.0.5",
     "server-only": "0.0.1",
@@ -97,13 +109,11 @@
     "stylelint-config-standard": "25.0.0",
     "stylelint-scss": "4.2.0",
     "stylelint-selector-bem-pattern": "2.1.1",
-    "tailwindcss": "3.4.14",
-    "ts-jest": "29.1.1",
+    "tailwindcss": "4.2.0",
+    "ts-jest": "29.2.6",
     "ts-node": "10.7.0",
-    "typescript": "5.7.2"
+    "typescript": "5.9.3"
   },
-  "resolutions": {
-    "**/postcss": "8.4.31"
-  },
-  "packageManager": "yarn@1.22.22"
+  "resolutions": {},
+  "packageManager": "yarn@1.22.17"
 }

package/app-template/postcss.config.mjs

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {}
+  }
+};

package/app-template/public/amex.svg

@@ -0,0 +1,12 @@
+<svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#orp6w81v6a)">
+        <path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/>
+        <path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#006FCF"/>
+        <path d="m8.971 10.268.774 1.876H8.203l.768-1.876zm16.075.078h-2.977v.827h2.929v1.239h-2.923v.922h2.977v.739l2.077-2.245-2.077-2.34-.006.858zm-14.063-2.34h3.995l.887 1.935L16.687 8h10.37l1.078 1.19L29.25 8h4.763l-3.519 3.852 3.483 3.828h-4.834l-1.078-1.19-1.125 1.19H10.03l-.494-1.19h-1.13l-.495 1.19H4L7.286 8h3.43l.267.006zm8.663 1.078h-2.239l-1.5 3.536-1.625-3.536H12.06v4.81L10 9.084H8.007l-2.382 5.512H7.18l.494-1.19h2.596l.494 1.19h2.72v-3.935l1.751 3.941h1.19l1.74-3.929v3.93h1.458l.024-5.52-.001.001zm9.34 2.768 2.531-2.768h-1.822l-1.601 1.726-1.548-1.726h-5.894v5.518h5.81l1.614-1.738 1.548 1.738h1.875l-2.512-2.75h-.001z" fill="#fff"/>
+    </g>
+    <defs>
+        <clipPath id="orp6w81v6a">
+            <path fill="#fff" d="M0 0h38v24H0z"/>
+        </clipPath>
+    </defs>
+</svg>

package/app-template/public/apple-pay.svg

@@ -0,0 +1,16 @@
+<svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_0_453)">
+<path d="M34.3872 0H3.61287C3.48468 0 3.35626 0 3.2283 0.00067947C3.12026 0.00158543 3.01245 0.00271788 2.90441 0.00566225C2.66909 0.012004 2.43173 0.0260463 2.19935 0.0677205C1.9663 0.107648 1.74051 0.182074 1.52939 0.288548C1.10499 0.504411 0.760026 0.849374 0.544163 1.27378C0.4375 1.48497 0.363065 1.71095 0.323336 1.94419C0.281209 2.17679 0.267393 2.41393 0.261051 2.64903C0.258291 2.75697 0.25663 2.86493 0.256068 2.97291C0.255615 3.10065 0.255615 3.22884 0.255615 3.35726V20.6425C0.255615 20.7709 0.255615 20.8989 0.256068 21.0273C0.256748 21.1351 0.258107 21.2432 0.261051 21.3512C0.267393 21.5858 0.281435 21.8232 0.323336 22.0556C0.362983 22.2888 0.437342 22.5148 0.543937 22.726C0.651108 22.9369 0.790999 23.1296 0.958413 23.2967C1.12554 23.4642 1.31819 23.6041 1.52917 23.7112C1.74365 23.8206 1.96335 23.8902 2.19958 23.9325C2.43173 23.974 2.66909 23.988 2.90441 23.9943C3.01245 23.9968 3.12026 23.9982 3.2283 23.9989C3.35626 23.9998 3.48468 23.9998 3.61287 23.9998H34.3872C34.5152 23.9998 34.6436 23.9998 34.7715 23.9989C34.8794 23.9984 34.9872 23.9968 35.0956 23.9943C35.3305 23.988 35.5679 23.974 35.8007 23.9325C36.0338 23.8925 36.2596 23.818 36.4707 23.7112C36.8949 23.4951 37.2397 23.1502 37.4559 22.726C37.5653 22.5115 37.6346 22.2918 37.6765 22.0556C37.7186 21.8232 37.7322 21.5858 37.7386 21.3512C37.7415 21.2432 37.7431 21.1351 37.7435 21.0273C37.7444 20.8989 37.7444 20.7709 37.7444 20.6425V3.35749C37.7444 3.22907 37.7444 3.10087 37.7435 2.97268C37.7431 2.86478 37.7414 2.75689 37.7386 2.64903C37.7322 2.41393 37.7186 2.17679 37.6765 1.94419C37.6371 1.71091 37.5627 1.4849 37.4559 1.27378C37.2399 0.849448 36.895 0.504513 36.4707 0.288548C36.2595 0.182184 36.0337 0.107836 35.8007 0.067947C35.5679 0.0260463 35.3305 0.0122305 35.0956 0.00588874C34.9876 0.00314533 34.8796 0.00148432 34.7715 0.000905959C34.6436 0 34.5152 0 34.3872 0Z" fill="black"/>
+<path d="M34.3873 0.799805L34.766 0.800484C34.8683 0.801164 34.9709 0.802296 35.074 0.805014C35.2536 0.809997 35.4633 0.819736 35.659 0.854842C35.8289 0.885418 35.9716 0.931848 36.1084 1.00161C36.3821 1.1408 36.6045 1.36345 36.7434 1.63736C36.8128 1.77326 36.859 1.91504 36.8895 2.08649C36.9244 2.27992 36.9342 2.49033 36.9389 2.67084C36.9419 2.77276 36.9432 2.87468 36.9434 2.97886C36.9446 3.10502 36.9446 3.23095 36.9446 3.35733V20.6426C36.9446 20.769 36.9446 20.8949 36.9437 21.0235C36.9432 21.1255 36.9418 21.2274 36.9391 21.3293C36.9341 21.5096 36.9244 21.72 36.8891 21.9157C36.8634 22.0713 36.8141 22.2222 36.743 22.363C36.6038 22.637 36.3811 22.8597 36.107 22.9988C35.9711 23.0681 35.8289 23.1145 35.6606 23.1448C35.4611 23.1804 35.2423 23.1901 35.0776 23.1947C34.9741 23.1969 34.8711 23.1985 34.7653 23.199C34.6396 23.1999 34.5132 23.1999 34.3873 23.1999H3.60798C3.48341 23.1999 3.35884 23.1999 3.232 23.199C3.13007 23.1985 3.02815 23.1972 2.92624 23.1949C2.75774 23.1904 2.53895 23.1804 2.34099 23.1451C2.18448 23.119 2.03283 23.0694 1.89119 22.9979C1.75532 22.9288 1.63131 22.8386 1.52382 22.7306C1.41599 22.623 1.32593 22.4989 1.25701 22.363C1.18584 22.2214 1.13651 22.0698 1.1107 21.9134C1.07537 21.718 1.0654 21.5085 1.06087 21.3295C1.05831 21.2272 1.0568 21.1249 1.05634 21.0226L1.05566 20.7221V3.27806L1.05612 2.97796C1.05658 2.8755 1.05809 2.77304 1.06065 2.67061C1.06563 2.49123 1.07537 2.28173 1.11093 2.08468C1.13679 1.9286 1.18612 1.77733 1.25724 1.63601C1.32609 1.50056 1.41578 1.3769 1.5245 1.26841C1.63225 1.16049 1.75639 1.07029 1.89232 1.00115C2.03362 0.930167 2.18479 0.880844 2.34077 0.854842C2.53668 0.819736 2.74664 0.809997 2.92647 0.805014C3.02884 0.802296 3.13144 0.801164 3.23314 0.800484L3.61296 0.799805H34.3873Z" fill="white"/>
+<path d="M10.1097 8.10171C10.4277 7.70422 10.6433 7.17039 10.5864 6.625C10.1212 6.6481 9.55363 6.93189 9.22477 7.32984C8.92965 7.67048 8.66851 8.22651 8.73646 8.74902C9.25874 8.79432 9.78058 8.48811 10.1097 8.10171Z" fill="black"/>
+<path d="M10.5806 8.85119C9.82187 8.80589 9.17727 9.28152 8.81512 9.28152C8.45273 9.28152 7.89806 8.87384 7.29809 8.88493C6.51738 8.89626 5.79306 9.33791 5.39671 10.04C4.58179 11.4443 5.18154 13.528 5.97425 14.6717C6.35906 15.238 6.82291 15.8608 7.43398 15.8384C8.01153 15.8158 8.23779 15.4647 8.93946 15.4647C9.6409 15.4647 9.84474 15.8384 10.456 15.8271C11.0898 15.8157 11.4861 15.2608 11.8709 14.6946C12.3126 14.0491 12.4931 13.4263 12.5044 13.3923C12.4931 13.381 11.2823 12.9165 11.2709 11.5235C11.2596 10.3571 12.2218 9.80222 12.267 9.76802C11.7237 8.96443 10.8748 8.87384 10.5804 8.85119" fill="black"/>
+<path d="M18.1422 7.27295C19.7906 7.27295 20.9386 8.40925 20.9386 10.0635C20.9386 11.7237 19.767 12.8659 18.101 12.8659H16.2759V15.7686H14.9573V7.27295H18.1422ZM16.2759 11.759H17.7889C18.9372 11.759 19.5904 11.1409 19.5904 10.0694C19.5904 8.99812 18.9369 8.38569 17.7947 8.38569H16.2759V11.759Z" fill="black"/>
+<path d="M21.2656 14.008C21.2656 12.9188 22.0957 12.2949 23.6263 12.2006L25.2688 12.1005V11.6294C25.2688 10.9409 24.8156 10.564 24.0091 10.564C23.3437 10.564 22.8608 10.9053 22.7611 11.4292H21.5716C21.6072 10.3285 22.6431 9.52783 24.0444 9.52783C25.5515 9.52783 26.5347 10.3167 26.5347 11.5413V15.7683H25.3162V14.7498H25.2867C24.9393 15.415 24.1738 15.8329 23.3437 15.8329C22.1193 15.8329 21.2656 15.1031 21.2656 14.008ZM25.2688 13.4606V12.9836L23.803 13.0778C22.9786 13.1308 22.5491 13.4368 22.5491 13.9725C22.5491 14.4907 22.9965 14.8263 23.697 14.8263C24.5916 14.8263 25.2688 14.2551 25.2688 13.4606Z" fill="black"/>
+<path d="M27.6552 18.0408V17.0225C27.7376 17.034 27.9376 17.0458 28.0436 17.0458C28.6263 17.0458 28.9561 16.7989 29.1563 16.1627L29.2741 15.7861L27.0427 9.60449H28.4202L29.9746 14.6203H30.0041L31.5583 9.60449H32.9007L30.5868 16.098C30.0569 17.5876 29.4505 18.0763 28.1672 18.0763C28.0671 18.0763 27.7433 18.0646 27.6552 18.0408Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_0_453">
+<rect width="38" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/app-template/public/google-pay.svg

@@ -0,0 +1,16 @@
+<svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#7dr9ioy5ra)">
+        <path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/>
+        <path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/>
+        <path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698a1.348 1.348 0 0 0 1.37-1.117 1.39 1.39 0 0 0-1.37-1.64l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.65v3.333h-.97v-.766h-.048a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.605 1.605 0 0 1 .613-1.336 2.747 2.747 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.136 1.136 0 0 0-.417-.9 1.417 1.417 0 0 0-.98-.369 1.546 1.546 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.788.788 0 0 0 .337.662c.223.176.5.27.785.263.429 0 .84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.885.885 0 0 0-.392.73zm9.286-3.75-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/>
+        <path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/>
+        <path d="M9.629 15.72a4.352 4.352 0 0 0 3.01-1.096l-1.466-1.14a2.753 2.753 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/>
+        <path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/>
+        <path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/>
+    </g>
+    <defs>
+        <clipPath id="7dr9ioy5ra">
+            <path fill="#fff" d="M0 0h38v24H0z"/>
+        </clipPath>
+    </defs>
+</svg>