@akinon/pz-checkout-gift-pack 2.0.0-beta.1 → 2.0.0-beta.10

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @akinon/pz-checkout-gift-pack
 
+## 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/README.md

@@ -1,10 +1,13 @@
 # @akinon/pz-checkout-gift-package
 
-### Install the npm package
+## Installation
+
+You can use the following command to install the extension with the latest plugins:
 
 ```bash
-# For latest version
-yarn add @akinon/pz-checkout-gift-package
+
+npx @akinon/projectzero@latest --plugins
+
 ```
 
 ### Props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-checkout-gift-pack",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.10",
   "license": "MIT",
   "main": "src/index.tsx",
   "peerDependencies": {

package/src/index.tsx

@@ -120,19 +120,23 @@ export const CheckoutGiftPack = ({
     >
       <textarea
         className={clsx(
-          'w-full border border-solid p-4 placeholder:text-[0.75rem] placeholder:text-[#9c9d9d] outline-none text-[0.75rem]',
+          'w-full border border-solid p-4 placeholder:text-[0.75rem] placeholder:text-[#9c9d9d] outline-hidden text-[0.75rem]',
           noteLength > 160 ? 'border-[#e85150]' : 'border-[#7b9d75]'
         )}
         rows={4}
         placeholder={_translations.placeholderInput}
         {...register('message')}
+        data-testid="gift-note-input"
       />
       {errors.message && (
-        <span className="text-sm text-[#d72a04] text-[0.875rem]">
+        <span
+          className="text-sm text-[#d72a04] text-[0.875rem]"
+          data-testid="error-message"
+        >
           {errors.message.message}
         </span>
       )}
-      <div className="text-[0.75rem]">
+      <div className="text-[0.75rem]" data-testid="characters-length">
         {noteLength} / 160 {_translations.charactersLength}
       </div>
       <div className="flex justify-end items-end gap-2">
@@ -141,6 +145,7 @@ export const CheckoutGiftPack = ({
             appearance="ghost"
             className="text-[0.75rem] underline cursor-pointer border-0 px-0 py-0 h-auto hover:bg-transparent hover:text-[#e95151]"
             onClick={removeGiftNote}
+            data-testid="remove-gift-note-button"
           >
             {_translations.removeGiftNoteText}
           </Button>
@@ -149,6 +154,7 @@ export const CheckoutGiftPack = ({
           type="submit"
           className="w-[7rem] h-[1.75rem] font-[0.75rem] uppercase"
           appearance="outlined"
+          data-testid="save-gift-pack-button"
         >
           {_translations.save}
         </Button>
@@ -175,6 +181,7 @@ export const CheckoutGiftPack = ({
                 appearance="ghost"
                 className="cursor-pointer border-0 px-0 py-0 text-[1rem] font-light h-auto hover:bg-transparent hover:text-[#000000]"
                 onClick={() => addGiftPack({ note: DEFAULT_NOTE })}
+                data-testid="add-gift-pack-button"
               >
                 {_translations.addGiftPackText}
               </Button>
@@ -193,6 +200,7 @@ export const CheckoutGiftPack = ({
             await removeGiftPack().unwrap();
             setIsNoteFormOpen(false);
           }}
+          data-testid="remove-gift-pack-button"
         >
           {_translations.removeGiftPackText}
         </Button>
@@ -206,15 +214,20 @@ export const CheckoutGiftPack = ({
         )}
       >
         <div className="flex justify-between items-center">
-          <span>{_translations.informationText}</span>
+          <span data-testid="information-text">
+            {_translations.informationText}
+          </span>
           <Icon name="giftbox" size={14} className="fill-[#58585a]" />
         </div>
         <div className="flex justify-between items-center gap-8">
-          <span>{giftBox?.note !== DEFAULT_NOTE ? giftBox?.note : ''}</span>
+          <span data-testid="saved-gift-note">
+            {giftBox?.note !== DEFAULT_NOTE ? giftBox?.note : ''}
+          </span>
           <Button
             appearance="ghost"
-            className="underline cursor-pointer flex-shrink-0 border-0 px-0 py-0 h-auto hover:bg-transparent hover:text-[#000000]"
+            className="underline cursor-pointer shrink-0 border-0 px-0 py-0 h-auto hover:bg-transparent hover:text-[#000000]"
             onClick={() => setIsNoteFormOpen(true)}
+            data-testid="update-gift-pack-button"
           >
             {_translations.updateNote}
           </Button>