feat: enhance FastRequest functionality with shift scheduling and improve payment callback handling

resources/js/Client/components/dashboard/FastRequestModal.vue

@@ -11,10 +11,14 @@ import RequestDoctor from './fastRequest/RequestDoctor.vue';
 import RequestReview from './fastRequest/RequestReview.vue';
 import InvoiceModal from './fastRequest/InvoiceModal.vue';
 import { useFastRequestStore } from '../../store/FastRequest';
+import { useAnimatedHeight } from '../../composables/useAnimatedHeight';
 
 const visible = defineModel('visible');
 const fastRequestStore = useFastRequestStore();
 
+const stepContentRef = ref(null);
+const stepContentHeight = useAnimatedHeight(stepContentRef);
+
 const invoiceVisible = ref(false);
 const invoiceDocument = ref(null);
 
@@ -83,7 +87,11 @@ const handleNext = async () => {
                 </div>
             </template>
         </div>
-        <component :is="currentStepComponent" />
+        <div class="overflow-hidden transition-[height] duration-300 ease-in-out" :style="stepContentHeight !== null ? { height: `${stepContentHeight}px` } : null">
+            <div ref="stepContentRef">
+                <component :is="currentStepComponent" />
+            </div>
+        </div>
 
         <div class="w-full pt-3 flex items-center justify-between border-t border-[#EBEBEB]">
             <ui-button v-if="fastRequestStore.step > 1" label="مرحله قبل" severity="secondary" size="small" @click="fastRequestStore.prevStep" />