@akinon/pz-saved-card 2.0.0-beta.1 → 2.0.0-beta.11

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @akinon/pz-saved-card
 
+## 2.0.0-beta.11
+
+### Minor Changes
+
+- ac783d6: ZERO-3482: Update tailwindcss to version 4.1.11 and enhance button cursor styles
+
+## 2.0.0-beta.10
+
+### Minor Changes
+
+- 2806320: ZERO-3390: Update version tailwindcss, autoprefixer, tailwind-merge, postcss
+
+## 2.0.0-beta.9
+
+### Minor Changes
+
+- 0fe7711: ZERO-3387: Upgrade nextjs, eslint-config-next
+
+## 2.0.0-beta.8
+
+## 2.0.0-beta.7
+
+## 2.0.0-beta.6
+
+### Minor Changes
+
+- 8f05f9b: ZERO-3250: Beta branch synchronized with Main branch
+
+## 2.0.0-beta.5
+
+## 2.0.0-beta.4
+
+## 2.0.0-beta.3
+
+## 2.0.0-beta.2
+
+### Minor Changes
+
+- a006015: ZERO-3116: Add not-found page and update default middleware.
+- 1eeb3d8: ZERO-3116: Add not found page
+
 ## 2.0.0-beta.1
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-saved-card",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.11",
   "license": "MIT",
   "main": "src/index.tsx",
   "peerDependencies": {

package/readme.md

@@ -2,19 +2,7 @@
 
 ## Installation
 
-There are two ways to install the Saved Card plugin:
-
-### 1. Install the npm package using Yarn
-
-For the latest version, you can install the package using Yarn:
-
-```bash
-yarn add @akinon/pz-saved-card
-```
-
-### 2. Preferred installation method
-
-You can also use the following command to install the extension with the latest plugins:
+You can use the following command to install the extension with the latest plugins:
 
 ```bash
 npx @akinon/projectzero@latest --plugins
@@ -28,17 +16,17 @@ npx @akinon/projectzero@latest --plugins
 import PluginModule, { Component } from '@akinon/next/components/plugin-module';
 
 const SavedCard = () => {
-    return (
-        <PluginModule
-            component={Component.SavedCard}
-            props={{
-                texts: {
-                    title: 'Pay with Saved Card',
-                    button: 'Pay Now'
-                }
-            }}
-        />
-    );
+  return (
+    <PluginModule
+      component={Component.SavedCard}
+      props={{
+        texts: {
+          title: 'Pay with Saved Card',
+          button: 'Pay Now'
+        }
+      }}
+    />
+  );
 };
 
 export default SavedCard;

package/src/components/agreement-and-submit.tsx

@@ -17,6 +17,7 @@ export const AgreementAndSubmit = ({
     <Button
       type="submit"
       className="group uppercase mt-4 inline-flex items-center justify-center"
+      data-testid="saved-card-submit-button"
     >
       <span>{buttonText}</span>
       <Icon name="chevron-end" size={12} className="ml-2 h-3" />

package/src/components/card-selection-section.tsx

@@ -16,7 +16,7 @@ export const CardSelectionSection = ({
   <div className="border-solid border-gray-400 px-4 py-2">
     <span className="text-black-800 text-lg font-medium">{title}</span>
     <ul className="mt-4 text-xs w-full">
-      {cards?.map((card) => (
+      {cards?.map((card, index) => (
         <li
           key={card.token}
           className="p-4 mb-2 border-2 border-gray-200 flex justify-between items-center cursor-pointer"
@@ -24,6 +24,7 @@ export const CardSelectionSection = ({
             e.preventDefault();
             onSelect(card);
           }}
+          data-testid={`saved-card-item-${index}`}
         >
           <input
             name="card"

package/src/components/installments.tsx

@@ -68,7 +68,7 @@ const SavedCardInstallments = ({
             </tr>
           </thead>
           <tbody>
-            {installmentOptions.map((option) => (
+            {installmentOptions.map((option, index) => (
               <tr
                 key={`installment-${option.pk}`}
                 className="border-t border-solid border-gray-400"
@@ -84,6 +84,7 @@ const SavedCardInstallments = ({
                       });
                       setInstallmentOption(option.pk);
                     }}
+                    data-testid={`saved-card-installment-${index}`}
                   >
                     <span className="w-full flex items-center justify-start pl-2">
                       <span className="text-xs text-black-800 transition-all">

package/src/views/saved-card-option.tsx

@@ -95,7 +95,7 @@ const SavedCardOption = ({
   customRender,
   formWrapperClassName = 'flex flex-wrap w-full',
   cardSelectionWrapperClassName = 'w-full flex flex-col xl:w-6/10',
-  installmentWrapperClassName = 'w-full xl:w-4/10 xl:border-l xl:border-t-0',
+  installmentWrapperClassName = 'w-full xl:w-4/10 xl:border-l xl:border-t-0 xl:border-gray-200',
   formProps = {},
   cardSelectionWrapperProps = {},
   installmentWrapperProps = {}