@akinon/pz-basket-gift-pack 1.106.0 → 1.107.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @akinon/pz-basket-gift-pack
 
+## 1.107.0
+
+### Minor Changes
+
+- 72bfcbf2: ZERO-3347: Manage save button disable status
+
 ## 1.106.0
 
 ## 1.105.0

package/package.json

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

package/src/index.tsx

@@ -30,6 +30,7 @@ const defaultTranslations = {
   charactersLength: 'characters left',
   removeNote: 'Remove Note',
   save: 'SAVE',
+  saving: 'SAVING...',
   close: 'Close'
 };
 
@@ -80,7 +81,8 @@ export const BasketGiftPack = ({
   customGiftNoteFormUIRender
 }: Props) => {
   const _translations = { ...defaultTranslations, ...translations };
-  const [addGiftPackage] = useAddGiftPackageMutation();
+  const [addGiftPackage, { isLoading: isAddingGiftPackage }] =
+    useAddGiftPackageMutation();
   const [removeGiftPackage] = useRemoveGiftPackageMutation();
   const [hasGiftPack, setHasGiftPack] = useState(false);
   const [hasNote, setHasNote] = useState({
@@ -229,8 +231,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>
@@ -328,4 +336,4 @@ export const BasketGiftPack = ({
         translations: _translations
       })
     : defaultRender();
-};
+};