Merge branch 'new-release' into CR/repeat-order

9 files changed, 331 insertions, 20 deletions

diff --git a/src/lib/checkout/components/Checkout.jsx b/src/lib/checkout/components/Checkout.jsx
index a9495a74..a8b31ece 100644
--- a/src/lib/checkout/components/Checkout.jsx
+++ b/src/lib/checkout/components/Checkout.jsx
@@ -483,13 +483,25 @@ const Checkout = () => {
     if (query) {
       data.source = 'buy';
     }
-    if (poNumber.current.value) data.po_number = poNumber.current.value;
+    if (poNumber.current.value) {
+      if (typeof file == 'undefined') {
+        toast.error(
+          'Nomor PO ' +
+            poNumber.current.value +
+            ' telah dimasukkan, Harap upload file PO yang dimaksud'
+        );
+        setIsLoading(false);
+        return;
+      }
+      data.po_number = poNumber.current.value;
+    }
     if (typeof file !== 'undefined') data.po_file = await getFileBase64(file);
 
     const isCheckouted = await checkoutApi({ data });
 
     if (!isCheckouted?.id) {
       toast.error('Gagal melakukan transaksi, terjadi kesalahan internal');
+      setIsLoading(false);
       return;
     } else {
       gtagPurchase(products, biayaKirim, isCheckouted.name);
diff --git a/src/lib/pengajuan-tempo/component/Dokumen.jsx b/src/lib/pengajuan-tempo/component/Dokumen.jsx
index f986d47a..aedb9016 100644
--- a/src/lib/pengajuan-tempo/component/Dokumen.jsx
+++ b/src/lib/pengajuan-tempo/component/Dokumen.jsx
@@ -566,7 +566,7 @@ const Dokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 >
                   <div>
                     <label className='form-label  text-nowrap'>
-                      Foto tempat kerja
+                      Foto Ruangan Tempat Kerja
                     </label>
                     <span className='text-xs opacity-60 text-red-500'>
                       Format: pdf, jpeg, jpg, png. max file size 2MB
@@ -1144,7 +1144,7 @@ const Dokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 ref={dokumenTempatBekerjaRef}
               >
                 <label className='form-label  text-nowrap'>
-                  Foto tempat kerja
+                  Foto Ruangan Tempat Kerja
                 </label>
                 <div className='flex flex-row gap-2'>
                   <label
diff --git a/src/lib/pengajuan-tempo/component/KonfirmasiDokumen.jsx b/src/lib/pengajuan-tempo/component/KonfirmasiDokumen.jsx
index 66d33b43..7c10f80c 100644
--- a/src/lib/pengajuan-tempo/component/KonfirmasiDokumen.jsx
+++ b/src/lib/pengajuan-tempo/component/KonfirmasiDokumen.jsx
@@ -646,7 +646,7 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
             <div className='w-full flex flex-row items-center '>
               <div className='w-2/5'>
                 <label className='form-label  text-nowrap'>
-                  Foto tempat kerja
+                  Foto Ruangan Tempat Kerja
                 </label>
               </div>
               <div className='w-3/5'>
@@ -1492,7 +1492,7 @@ const KonfirmasiDokumen = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
             <div className='w-full flex flex-row items-center '>
               <div className='w-2/5'>
                 <label className='form-label  text-wrap'>
-                  Foto tempat kerja
+                  Foto Ruangan Tempat Kerja
                 </label>
               </div>
               <div className='w-3/5'>
diff --git a/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx b/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx
index c577aa41..7cf201b7 100644
--- a/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx
+++ b/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx
@@ -191,7 +191,6 @@ const PengajuanTempo = () => {
 
   useEffect(() => {
     const cachedData = bigData;
-
     const loadBigData = async () => {
       if (cachedData) {
         // Ambil kunci-kunci yang relevan berdasarkan currentStep dari stepDivsForm
@@ -218,6 +217,10 @@ const PengajuanTempo = () => {
                   : String(bigData[key]); // Untuk tipe primitif
               // Kirim data yang sudah diubah ke string ke stepDivsUpdateForm
               stepDivsUpdateForm[currentStep](key, stringData);
+              if (key == 'dokumenProsedur') {
+                const stringData = bigData[key];
+                stepDivsUpdateForm[currentStep](key, stringData);
+              }
             }
           });
         }
@@ -298,6 +301,9 @@ const PengajuanTempo = () => {
         section: label,
         tempo_request: tempoRequest,
         ...formData,
+        formDokumenProsedur: formData.dokumenProsedur
+          ? JSON.stringify(formData.dokumenProsedur)
+          : false,
       });
       if (address.id) {
         setIdTempo(address.id);
@@ -466,6 +472,9 @@ const PengajuanTempo = () => {
             user_id: address2.userId,
             tempo_request: false,
             ...formPengiriman,
+            formDokumenProsedur: formPengiriman.dokumenProsedur
+            ? JSON.stringify(formPengiriman.dokumenProsedur)
+            : false,
           });
           if (address3.id && formattedDokumen.length > 0) {
             // Kirim dokumen yang sudah difilter
@@ -518,7 +527,7 @@ const PengajuanTempo = () => {
       toast.dismiss(toastId);
       setIsLoading(false);
 
-      toast.error('Terjadi kesalahan dalam pengiriman formulir');
+      toast.error('Terjadi kesalahan dalam pengiriman formulir hehehehe');
       console.error(error);
     }
   };
@@ -647,11 +656,14 @@ const PengajuanTempo = () => {
               <TempoTermCondition onCheckChange={handleCheckChange} />
               <Button
                 colorScheme='red'
-                w={`${isMobile ? 'full' : '36'}`}
+                w={`${isMobile ? 'full' : '48'}`}
                 isDisabled={!isCheckedTNC || isLoading}
                 onClick={handleDaftarTempo}
               >
-                Daftar Tempo {<ChevronRightIcon className='w-5' />}
+                {isLoading
+                  ? 'Loading...'
+                  : 'Daftar Tempo'}
+                  {!isLoading && <ChevronRightIcon className='w-5' />}
               </Button>
             </div>
           )}
diff --git a/src/lib/pengajuan-tempo/component/Pengiriman.jsx b/src/lib/pengajuan-tempo/component/Pengiriman.jsx
index 755cf45d..fcfa7e1e 100644
--- a/src/lib/pengajuan-tempo/component/Pengiriman.jsx
+++ b/src/lib/pengajuan-tempo/component/Pengiriman.jsx
@@ -13,6 +13,7 @@ import {
 } from '../../../../src-migrate/modules/register/stores/usePengajuanTempoStore';
 import { toast } from 'react-hot-toast';
 import useDevice from '@/core/hooks/useDevice';
+import getFileBase64 from '@/core/utils/getFileBase64';
 const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
   const { control, watch, setValue } = useForm();
   const { isDesktop, isMobile } = useDevice();
@@ -21,6 +22,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
     errorsPengiriman,
     validatePengiriman,
     updateFormPengiriman,
+    updateDokumenProsedur,
   } = usePengajuanTempoStorePengiriman();
   const { form } = usePengajuanTempoStore();
   const [states, setState] = useState([]);
@@ -34,6 +36,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
   const [zipsInvoice, setZipsInvoice] = useState([]);
   const [sameAddress, setSameAddress] = useState(false);
   const [sameAddressStreet, setSameAddressStreet] = useState(false);
+  const [nameFile, setNameFile] = useState();
 
   const [selectedIds, setSelectedIds] = useState(
     formPengiriman.dokumenPengiriman
@@ -299,6 +302,59 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
     validatePengiriman();
   };
 
+  const handleInputChangeFile = async (event) => {
+    let fileBase64 = '';
+    const { name } = event.target;
+    const file = event.target.files?.[0];
+    // Allowed file extensions
+    const allowedExtensions = ['pdf', 'png', 'jpg', 'jpeg'];
+    let fileExtension = '';
+    if (file) {
+      fileExtension = file.name.split('.').pop()?.toLowerCase(); // Extract file extension
+
+      // Check if the file extension is allowed
+      if (!fileExtension || !allowedExtensions.includes(fileExtension)) {
+        toast.error(
+          'Format file yang diijinkan adalah .pdf, .png, .jpg, atau .jpeg',
+          { duration: 4000 }
+        );
+
+        event.target.value = '';
+        return;
+      }
+
+      // Check for file size
+      if (file.size > 2000000) {
+        // try {
+        //   const toastId = toast.loading('mencoba mengompresi file...');
+        //   // Compress image file
+        //   const options = {
+        //     maxSizeMB: 0.5, // Target size in MB
+        //     maxWidthOrHeight: 1920, // Adjust as needed
+        //     useWebWorker: true,
+        //   };
+        //   const compressedFile = await imageCompression(file, options);
+        //   toast.success('berhasil mengompresi file', { duration: 4000 });
+        //   // Convert compressed file to Base64
+        //   fileBase64 = await getFileBase64(compressedFile);
+        //   updateFormDokumen(
+        //     name,
+        //     compressedFile.name,
+        //     fileExtension,
+        //     fileBase64
+        //   );
+        // } catch (error) {
+        //   toast.error('Gagal mengompresi file', { duration: 4000 });
+        // }
+        toast.error('Max File Upload 2MB', { duration: 4000 });
+      } else {
+        // Convert file to Base64
+        fileBase64 = await getFileBase64(file);
+        updateDokumenProsedur(file.name, fileExtension, fileBase64);
+      }
+      validatePengiriman();
+    }
+  };
   const isFormValid = useMemo(
     () => Object.keys(errorsPengiriman).length === 0,
     [errorsPengiriman]
@@ -311,7 +367,9 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
   const districtPengirimanRef = useRef(null);
   const subDistrictPengirimanRef = useRef(null);
   const zipRef = useRef(null);
+  const PICBarangMobileRef = useRef(null);
   const invoicePicRef = useRef(null);
+  const invoicePicMobileRef = useRef(null);
   const streetInvoiceRef = useRef(null);
   const stateInvoiceRef = useRef(null);
   const cityInvoiceRef = useRef(null);
@@ -366,10 +424,18 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
           zipRef.current.scrollIntoView(options);
           return;
         }
+        if (errorsPengiriman.PICBarangMobile && PICBarangMobileRef.current) {
+          PICBarangMobileRef.current.scrollIntoView(options);
+          return;
+        }
         if (errorsPengiriman.invoicePic && invoicePicRef.current) {
           invoicePicRef.current.scrollIntoView(options);
           return;
         }
+        if (errorsPengiriman.invoicePicMobile && invoicePicMobileRef.current) {
+          invoicePicMobileRef.current.scrollIntoView(options);
+          return;
+        }
         if (errorsPengiriman.streetInvoice && streetInvoiceRef.current) {
           streetInvoiceRef.current.scrollIntoView(options);
           return;
@@ -803,6 +869,38 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
               <div className='flex flex-row  justify-between items-start'>
                 <div className='w-2/5'>
                   <label className='form-label   text-nowrap'>
+                    No. HP PIC Penerimaan Barang
+                  </label>
+                  {!isKonfirmasi && (
+                    <span className='text-xs opacity-60'>
+                      isi nomor PIC penerimaan barang yang bertanggung jawab di
+                      perusahaan anda
+                    </span>
+                  )}
+                </div>
+                <div className='w-3/5'>
+                  <input
+                    id='PICBarangMobile'
+                    name='PICBarangMobile'
+                    ref={PICBarangMobileRef}
+                    placeholder='Masukkan nomor PIC penerimaan barang'
+                    value={formPengiriman.PICBarangMobile}
+                    type='tel'
+                    className='form-input'
+                    aria-invalid={errorsPengiriman.PICBarangMobile}
+                    onChange={handleInputChange}
+                  />
+                  {chekValid && (
+                    <div className='text-caption-2 text-danger-500 mt-1'>
+                      {errorsPengiriman.PICBarangMobile}
+                    </div>
+                  )}
+                </div>
+              </div>
+
+              <div className='flex flex-row  justify-between items-start'>
+                <div className='w-2/5'>
+                  <label className='form-label   text-nowrap'>
                     Alamat Pengiriman Barang
                   </label>
                   {!isKonfirmasi && (
@@ -955,7 +1053,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                                     {...props}
                                     options={zips}
                                     disabled={
-                                      !watchsubDistrict || sameAddressStreet
+                                      sameAddressStreet
                                     }
                                     placeholder='Zip'
                                   />
@@ -968,7 +1066,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                                     placeholder='Kode Pos'
                                     type='number'
                                     disabled={
-                                      !watchsubDistrict || sameAddressStreet
+                                      sameAddressStreet
                                     }
                                     value={formPengiriman.zipPengiriman}
                                     className='form-input'
@@ -1035,6 +1133,38 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
 
               <div className='flex flex-row  justify-between items-start'>
                 <div className='w-2/5'>
+                  <label className='form-label   text-nowrap'>
+                    No. HP PIC Penerimaan Invoice
+                  </label>
+                  {!isKonfirmasi && (
+                    <span className='text-xs opacity-60'>
+                      isi nomor PIC penerimaan invoice yang bertanggung jawab di
+                      perusahaan anda
+                    </span>
+                  )}
+                </div>
+                <div className='w-3/5'>
+                  <input
+                    id='invoicePicMobile'
+                    name='invoicePicMobile'
+                    ref={invoicePicMobileRef}
+                    placeholder='Masukkan nomor PIC Penerimaan Invoice'
+                    value={formPengiriman.invoicePicMobile}
+                    type='tel'
+                    className='form-input'
+                    aria-invalid={errorsPengiriman.invoicePicMobile}
+                    onChange={handleInputChange}
+                  />
+                  {chekValid && (
+                    <div className='text-caption-2 text-danger-500 mt-1'>
+                      {errorsPengiriman.invoicePicMobile}
+                    </div>
+                  )}
+                </div>
+              </div>
+
+              <div className='flex flex-row  justify-between items-start'>
+                <div className='w-2/5'>
                   <label className='form-label text-nowrap'>
                     Alamat Pengiriman Invoice
                   </label>
@@ -1193,7 +1323,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                                     {...props}
                                     options={zipsInvoice}
                                     disabled={
-                                      !watchsubDistrictInvoice || sameAddress
+                                      sameAddress
                                     }
                                     placeholder='Zip'
                                   />
@@ -1205,7 +1335,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                                     placeholder='Kode Pos'
                                     type='number'
                                     disabled={
-                                      !watchsubDistrictInvoice || sameAddress
+                                      sameAddress
                                     }
                                     value={formPengiriman.zipInvoice}
                                     className='form-input'
@@ -1280,6 +1410,48 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 </div>
               </div>
 
+              <div className='w-full flex flex-row justify-between items-start'>
+                <div className='w-2/5'>
+                  <label className='form-label  text-nowrap'>
+                    Prosedur Pengiriman{' '}
+                    <span className=' opacity-60'>(Opsional)</span>
+                  </label>
+                  <span className='text-xs opacity-60 text-red-500'>
+                    Format: pdf, jpeg, jpg, png. max file size 2MB
+                  </span>
+                </div>
+                <div className='w-3/5'>
+                  <div className='flex flex-row items-start gap-2'>
+                    <label
+                      htmlFor='dokumenProsedur'
+                      className='cursor-pointer min-w-40 text-center bg-gray-200 hover:bg-gray-300 text-gray-700 py-2 px-4 rounded'
+                    >
+                      {formPengiriman?.dokumenProsedur?.name
+                        ? 'Ubah Dokumen'
+                        : 'Upload Dokumen'}
+                    </label>
+                    <input
+                      id='dokumenProsedur'
+                      name='dokumenProsedur'
+                      type='file'
+                      title=' '
+                      className='hidden'
+                      aria-invalid={formPengiriman.dokumenProsedur}
+                      onChange={handleInputChangeFile}
+                      accept='.pdf,.png,.jpg,.jpeg'
+                    />
+                    <span className='text-gray-600 line-clamp-2'>
+                      {formPengiriman?.dokumenProsedur?.name}
+                    </span>
+                  </div>
+                  {chekValid && (
+                    <div className='text-caption-2 text-danger-500 mt-1'>
+                      {errorsPengiriman.dokumenProsedur}
+                    </div>
+                  )}
+                </div>
+              </div>
+
               <div className='flex flex-row  justify-between items-start'>
                 <div className='w-2/5'>
                   <label className='form-label   text-wrap'>
@@ -1429,6 +1601,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                   )}
                 </div>
               </div>
+              
             </div>
           </form>
         </div>
@@ -1483,6 +1656,30 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
               </div>
 
               <div className='flex flex-col gap-2  justify-between items-start'>
+                <label className='form-label  text-nowrap'>
+                  No. HP PIC Penerimaan Barang
+                </label>
+                <div className='flex items-center border border-gray-300 rounded-md w-full'>
+                  <input
+                    id='PICBarangMobile'
+                    name='PICBarangMobile'
+                    ref={PICBarangMobileRef}
+                    value={formPengiriman.PICBarangMobile}
+                    placeholder='Masukkan nomor PIC penerimaan barang'
+                    type='tel'
+                    className='form-input'
+                    aria-invalid={errorsPengiriman.PICBarangMobile}
+                    onChange={handleInputChange}
+                  />
+                </div>
+                {chekValid && (
+                  <div className='text-caption-2 text-danger-500 mt-1'>
+                    {errorsPengiriman.PICBarangMobile}
+                  </div>
+                )}
+              </div>
+
+              <div className='flex flex-col gap-2  justify-between items-start'>
                 <label className='form-label   text-nowrap'>
                   Alamat Pengiriman Barang
                 </label>
@@ -1701,6 +1898,30 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
               </div>
 
               <div className='flex flex-col gap-2  justify-between items-start'>
+                <label className='form-label  text-nowrap'>
+                  No. HP PIC Penerimaan Invoice
+                </label>
+                <div className='flex items-center border border-gray-300 rounded-md w-full'>
+                  <input
+                    id='invoicePicMobile'
+                    name='invoicePicMobile'
+                    ref={invoicePicMobileRef}
+                    value={formPengiriman.invoicePicMobile}
+                    placeholder='Masukkan nomor PIC Penerimaan Invoice'
+                    type='tel'
+                    className='form-input'
+                    aria-invalid={errorsPengiriman.invoicePicMobile}
+                    onChange={handleInputChange}
+                  />
+                </div>
+                {chekValid && (
+                  <div className='text-caption-2 text-danger-500 mt-1'>
+                    {errorsPengiriman.PICBarangMobile}
+                  </div>
+                )}
+              </div>
+
+              <div className='flex flex-col gap-2  justify-between items-start'>
                 <label className='form-label text-nowrap'>
                   Alamat Pengiriman Invoice
                 </label>
@@ -1920,6 +2141,48 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 </div>
               </div>
 
+              <div className='w-full flex flex-col justify-between items-start gap-2'>
+                <div className=''>
+                  <label className='form-label  text-nowrap'>
+                    Prosedur Pengiriman{' '}
+                    <span className=' opacity-60'>(Opsional)</span>
+                  </label>
+                </div>
+                <div className='flex flex-col gap-2'>
+                  <div className='flex flex-row items-start gap-2'>
+                    <label
+                      htmlFor='dokumenProsedur'
+                      className='cursor-pointer min-w-40 text-center bg-gray-200 hover:bg-gray-300 text-gray-700 py-2 px-4 rounded'
+                    >
+                      {formPengiriman?.dokumenProsedur?.name
+                        ? 'Ubah Dokumen'
+                        : 'Upload Dokumen'}
+                    </label>
+                    <input
+                      id='dokumenProsedur'
+                      name='dokumenProsedur'
+                      type='file'
+                      title=' '
+                      className='hidden'
+                      aria-invalid={errorsPengiriman.dokumenProsedur}
+                      onChange={handleInputChangeFile}
+                      accept='.pdf,.png,.jpg,.jpeg'
+                    />
+                    <span className='mt-2 text-gray-600 line-clamp-2'>
+                      {formPengiriman?.dokumenProsedur?.name}
+                    </span>
+                  </div>
+                  {chekValid && (
+                    <div className='text-caption-2 text-danger-500 mt-1'>
+                      {errorsPengiriman.dokumenProsedur}
+                    </div>
+                  )}
+                  <span className='text-xs opacity-60 text-red-500'>
+                    Format: pdf, jpeg, jpg, png. max file size 2MB
+                  </span>
+                </div>
+              </div>
+
               <div className='flex flex-col gap-2  justify-between items-start'>
                 <label className='form-label   text-wrap'>
                   Apakah ada dokumen tanda terima yang diberikan pada saat
@@ -2067,6 +2330,8 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 </div>
                 <div className='w-2/5'></div>
               </div>
+
+              
             </div>
           </form>
         </div>
diff --git a/src/lib/pengajuan-tempo/component/informasiPerusahaan.jsx b/src/lib/pengajuan-tempo/component/informasiPerusahaan.jsx
index 4e99f9f5..4898a3f8 100644
--- a/src/lib/pengajuan-tempo/component/informasiPerusahaan.jsx
+++ b/src/lib/pengajuan-tempo/component/informasiPerusahaan.jsx
@@ -782,7 +782,7 @@ const InformasiPerusahaan = ({
                                 <HookFormSelect
                                   {...props}
                                   options={zips}
-                                  disabled={!watchsubDistrict}
+                                  // disabled={!watchsubDistrict}
                                   placeholder='Zip'
                                 />
                               ) : (
@@ -793,7 +793,7 @@ const InformasiPerusahaan = ({
                                   ref={zipRef}
                                   placeholder='Kode Pos'
                                   type='number'
-                                  disabled={!watchsubDistrict}
+                                  // disabled={!watchsubDistrict}
                                   value={form.zip}
                                   className='form-input'
                                   onChange={handleInputChange}
@@ -1333,7 +1333,7 @@ const InformasiPerusahaan = ({
                               <HookFormSelect
                                 {...props}
                                 options={zips}
-                                disabled={!watchsubDistrict}
+                                // disabled={!watchsubDistrict}
                                 placeholder='Zip'
                               />
                             ) : (
@@ -1344,7 +1344,7 @@ const InformasiPerusahaan = ({
                                 ref={zipRef}
                                 placeholder='Kode Pos'
                                 type='number'
-                                disabled={!watchsubDistrict}
+                                // disabled={!watchsubDistrict}
                                 value={form.zip}
                                 className='form-input'
                                 onChange={handleInputChange}
diff --git a/src/lib/transaction/components/Transaction.jsx b/src/lib/transaction/components/Transaction.jsx
index 32416bc0..07f9573d 100644
--- a/src/lib/transaction/components/Transaction.jsx
+++ b/src/lib/transaction/components/Transaction.jsx
@@ -1125,7 +1125,7 @@ const Transaction = ({ id }) => {
                                 ? `| ${product?.attributes.join(', ')}`
                                 : ''}
                             </div>
-                            {product.soQty && product.reservedStockQty && (
+                            {product.soQty && (
                               <div className='text-[10px] text-red-500 italic mt-2'>
                                 {product.soQty !== product.reservedStockQty
                                   ? 'Barang sedang disiapkan'
diff --git a/src/lib/variant/components/VariantCard.jsx b/src/lib/variant/components/VariantCard.jsx
index d8cd5c93..79746995 100644
--- a/src/lib/variant/components/VariantCard.jsx
+++ b/src/lib/variant/components/VariantCard.jsx
@@ -128,10 +128,18 @@ const VariantCard = ({ product, openOnClick = true, buyMore = false }) => {
         <p className='text-caption-2 text-gray_r-11 mt-1'>
           Berat Item : {product?.weight} Kg x {product?.quantity} Barang
         </p>
-        <p className='text-[10px] text-red-500 italic mt-2'>
+        {product.soQty && (
+                              <div className='text-[10px] text-red-500 italic mt-2'>
+                                {product.soQty !== product.reservedStockQty
+                                  ? 'Barang sedang disiapkan'
+                                  : `${product.reservedStockQty} barang bisa di
+                              kirim/pickup`}
+                              </div>
+                            )}
+        {/* <p className='text-[10px] text-red-500 italic mt-2'>
           {qtyPickUp} barang ini bisa di pickup maksimal pukul
           16.00
-        </p>
+        </p> */}
         <div className='flex flex-wrap gap-x-1 items-center mt-auto'>
           {product.hasFlashsale && (
             <>
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index fce2202a..df5047a3 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -97,6 +97,20 @@ export default function Home({ categoryId }) {
                 'indoteknik, indoteknik.com, toko teknik, toko perkakas, jual genset, jual fogging, jual krisbow, harga krisbow, harga alat safety, harga pompa air',
             },
           ]}
+          openGraph={
+            {
+              title : 'Indoteknik.com: B2B Industrial Supply & Solution',
+              description : 'Temukan pilihan produk B2B Industri &amp; Alat Teknik untuk Perusahaan, UMKM &amp; Pemerintah dengan lengkap, mudah dan transparan.',    
+              images: [
+                {
+                  url: 'https://indoteknik.com/icon.jpg',
+                  width: 800,
+                  height: 600,
+                  alt: 'indoteknik.com',
+                },
+              ],
+            }
+          }
         />
 
         <PagePopupIformation />