@akinon/pz-basket-gift-pack 1.89.0-rc.10 → 1.89.0-rc.11

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @akinon/pz-basket-gift-pack
 
+## 1.89.0-rc.11
+
+### Minor Changes
+
+- 72bfcbf: ZERO-3347: Manage save button disable status
+
 ## 1.89.0-rc.10
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-basket-gift-pack",
-  "version": "1.89.0-rc.10",
+  "version": "1.89.0-rc.11",
   "license": "MIT",
   "main": "src/index.tsx",
   "peerDependencies": {

package/src/index.tsx

@@ -60,6 +60,7 @@ export const BasketGiftPack = ({
     charactersLength: 'characters left',
     removeNote: 'Remove Note',
     save: 'SAVE',
+    saving: 'SAVING...',
     close: 'Close'
   };
 
@@ -68,7 +69,8 @@ export const BasketGiftPack = ({
     ...translations
   };
 
-  const [addGiftPackage] = useAddGiftPackageMutation();
+  const [addGiftPackage, { isLoading: isAddingGiftPackage }] =
+    useAddGiftPackageMutation();
   const [removeGiftPackage] = useRemoveGiftPackageMutation();
   const [hasGiftPack, setHasGiftPack] = useState(false);
   const [hasNote, setHasNote] = useState({
@@ -190,8 +192,14 @@ export const BasketGiftPack = ({
             type="submit"
             className="w-28 h-7 font-medium uppercase"
             data-testid="basket-gift-pack-note-save-button"
+            disabled={
+              isAddingGiftPackage ||
+              textAreaCount === 0 ||
+              note.trim() === '' ||
+              note === defaultMessage
+            }
           >
-            {_translations.save}
+            {isAddingGiftPackage ? _translations.saving : _translations.save}
           </Button>
         </div>
       </div>