working on gift flow

src/components/CustomBottomSheet/GiftBottomSheet.tsx

@@ -45,8 +45,8 @@ export function GiftBottomSheet({
       title={t("address.giftDetails")}
       showCloseButton={false}
       initialSnap={1}
-      height={"90vh"}
-      snapPoints={["90vh"]}
+      height={755}
+      snapPoints={[755]}
     >
       <Form
         layout="vertical"
@@ -114,6 +114,7 @@ export function GiftBottomSheet({
             autoFocus={false}
           />
         </Form.Item>
+
         <Form.Item
           name="senderPhone"
           label={t("address.senderPhone")}
@@ -130,6 +131,22 @@ export function GiftBottomSheet({
           />
         </Form.Item>
 
+        <Form.Item
+          name="senderEmail"
+          label={t("address.senderEmail")}
+          rules={[{ required: true, message: "" }]}
+          colon={false}
+        >
+          <Input
+            placeholder={t("address.senderEmail")}
+            size="large"
+            style={{
+              fontSize: 14,
+            }}
+            autoFocus={false}
+          />
+        </Form.Item>
+
         <Form.Item
           name="isSecret"
           rules={[{ required: true, message: "" }]}

src/components/Icons/CancelIcon.tsx

@@ -17,8 +17,8 @@ const CancelIcon = ({ className, onClick }: CancelIconType) => {
       <path
         d="M13.6666 5.68425L7.99998 8.83239M7.99998 8.83239L2.33331 5.68425M7.99998 8.83239L8 15.1657M14 9.16575L14 6.12671C14 5.89828 14 5.78407 13.9663 5.6822C13.9366 5.59208 13.8879 5.50936 13.8236 5.43957C13.7509 5.36068 13.651 5.30521 13.4514 5.19428L8.51802 2.45353C8.32895 2.3485 8.23442 2.29598 8.1343 2.27539C8.0457 2.25716 7.95431 2.25716 7.8657 2.27539C7.76559 2.29598 7.67105 2.3485 7.48198 2.45353L2.54865 5.19428C2.34897 5.30521 2.24912 5.36068 2.17642 5.43957C2.11211 5.50936 2.06343 5.59208 2.03366 5.6822C2 5.78407 2 5.89828 2 6.12671V11.5381C2 11.7665 2 11.8808 2.03366 11.9826C2.06343 12.0727 2.11211 12.1555 2.17642 12.2253C2.24912 12.3041 2.34897 12.3596 2.54865 12.4706L7.48198 15.2113C7.67105 15.3163 7.76559 15.3688 7.8657 15.3894C7.95431 15.4077 8.0457 15.4077 8.1343 15.3894C8.23442 15.3688 8.32895 15.3163 8.51802 15.2113L8.66667 15.1287M5 3.83241L11 7.16575M11 11.4991L14.3333 14.8324M14.3333 11.4991L11 14.8324"
         stroke="#FF6F59"
-        stroke-linecap="round"
-        stroke-linejoin="round"
+        strokeLinecap="round"
+        strokeLinejoin="round"
       />
     </svg>
   );

src/components/PaymentMethods/PaymentMethods.tsx

@@ -10,10 +10,9 @@ import { colors, ProGray1 } from "../../ThemeConstants";
 import ProInputCard from "../ProInputCard/ProInputCard";
 import styles from "./PaymentMethods.module.css";
 
-
 const PaymentMethods = () => {
   const { t } = useTranslation();
-  const { paymentMethod } = useAppSelector(selectCart);
+  const { paymentMethod, orderType } = useAppSelector(selectCart);
   const dispatch = useAppDispatch();
 
   const options: {
@@ -23,11 +22,15 @@ const PaymentMethods = () => {
     icon?: React.ReactNode;
     style?: React.CSSProperties;
   }[] = [
-    {
-      label: t("checkout.creditDebitCard"),
-      value: "creditDebitCard",
-      price: t("checkout.expiresIn") + ":12/26",
-    },
+    ...(orderType !== "gift"
+      ? [
+          {
+            label: t("checkout.creditDebitCard"),
+            value: "creditDebitCard",
+            price: t("checkout.expiresIn") + ":12/26",
+          },
+        ]
+      : []),
 
     {
       label: t("checkout.differentCard"),

src/components/ProBottomSheet/ProBottomSheet.tsx

@@ -218,7 +218,7 @@ export function ProBottomSheet({
   const contentStyle: React.CSSProperties = {
     flex: 1,
     overflow: "auto",
-    padding: "20px",
+    padding: "0 20px",
     backgroundColor: themeName === "dark" ? "#0a0a0a" : "#ffffff",
     color: themeName === "dark" ? "#ffffff" : "#000000",
   };