[issue] after the prod has been sold, it should disappear immediately on explore tab (doesn't need refresh)

[sync-by-unito]

Reproduced Steps:

1. Buy prod through moonpay
2. back to app, and let the checkout process redirect to explore tab, you'll see that prod still in explore tab.

Expectation
When #2, redirect to explore tab, the prod which user bought should be disappear.

User story

As an asset buyer on capture app, I want to see the asset should disappear immediately on explore tab when it's sold, so that I can believe this service and buy/create more asset.

┆Issue is synchronized with this Asana task by Unito
┆Created By: Kenny Hung

[sync-by-unito]

➤ Ethan Wu commented:

Kenny Hung it doesn't disappear immediately because it is still processing. when the process is complete it will disappear

[sync-by-unito]

➤ Scott Yan commented:

Kenny Hung have few qestion need chick it

1. This problem only occurs when user use moonpay to buy prod ?
2. if not disappear immediately will there be any adverse effects ?
3. as ethan said Do we have a specific time from confirming the order to disappearing ?

[sync-by-unito]

➤ Kenny Hung commented:

Scott Yan

1. No, Both moonpay & NUM wallet will happen. But moonpay need more time, because it's like Ethan said.
2. Yes, if other users haven't refresh the explore tab, and also buy the same prod, it will display error.
3. It needs about 5 mins. but it still needs user to refresh explore tab manually.

[sync-by-unito]

➤ Kenny Hung commented:

If user A bought the prod, another user haven't refresh the explore tab & buy the same prod, it will display this error.

[sync-by-unito]

➤ Sam commented:

Not sure if I can help from the ionic side.

Ethan Wu, in this comment ( https://app.asana.com/0/0/1203139504705444/1203147542867397/f ) you mentioned that "when the process is complete it will disappear".

My question is it will disappear without refresh? I mean it's using some real-time data (like web socket)?

[sync-by-unito]

➤ Ethan Wu commented:

Sam what i meant was the following:

when explorer page is loaded it will grab data from storage backend.

once the purchase flow is complete it will redirect back to explorer page and explorer page will do a fresh data grab from storage backend.

with NUM purchase the redirect doesn't happen until the entire process is complete. that is why the changes are recorded in backend.

with moonpay purchase the redirect happens before (bc we don't want users waiting in the checkout page for 15+ minutes) so what happens is when storage backend grabs the data it doesn't reflect the change bc the purchase hasn't officially completed.

[sync-by-unito]

➤ Ethan Wu commented:

let me know if that makes sense.

[sync-by-unito]

➤ Sherry Chung commented:

SamEthan Wu For this task, not sure if the expectation can be done.
QA can also accept some alternative. For example, making a clear error information to let other buyers know, there's an ongoing transaction happening so the product is not available now.

(also cc Scott YanKenny Hung)

[sync-by-unito]

➤ Sam commented:

Agree it can be also a solution. For example currently when user creates a capture I don’t allow open capture until it’s uploaded.

[sync-by-unito]

➤ Sam commented:

Ethan Wu, in the beginning I was thinking to use postMessage('purchase-completed-reload-iframe) from bubble side and reload it from ionic side.

However, as you mentioned there are 3 cases when we explore tab should be refreshed

1. once the purchase flow is complete it will redirect back to explorer page and explorer page will do a fresh data grab from storage backend.
2. with NUM purchase the redirect doesn't happen until the entire process is complete. that is why the changes are recorded in backend.
3. with moonpay purchase the redirect happens before (bc we don't want users waiting in the checkout page for 15+ minutes) so what happens is when storage backend grabs the data it doesn't reflect the change bc the purchase hasn't officially completed.

So I think postMessage is not suitable in this case. I'm not sure if it can be solved from ionic side.

One solution in mind is when the "Collect" button is clicked

• check if it's in purchase progress
• if can purchase then perform the purchase

Ethan Wu, what you think😅?

[sync-by-unito]

➤ Sam commented:

Ethan Wu is it more like bubble side thing?

Kenny Hung this task can not be delivered for v221115 can we move pls to next sprint.

[sync-by-unito]

➤ Kenny Hung commented:

Tammy Yang (cc Sam) because Sam doesn't deliver this task in this sprint, does this task drop or move to next sprint?

[sync-by-unito]

➤ Tammy Yang commented:

Ethan Wu can you please help confirm if this is an issue in Bubble side? If yes, let's move it to sprint 22.11.21

[sync-by-unito]

➤ Ethan Wu commented:

Tammy Yang yes this is a bubble side issue. the solution for this is to hold the users on the payment processing page until the asset has completely transferred.

similar to NUM wallet payment, we don't redirect until status is success that way when it redirects to explorer page the product will disappear (if asset_origin) or be grayed out (asset_clone).

[sync-by-unito]

➤ Sam commented:

Kenny Hung, this task for the bubble side can I re-assign to Ethan and moved to the next sprint?

[sync-by-unito]

➤ Kenny Hung commented:

Ethan Wu I think this issue should not be happened ?
When ✓ [FR] Show Captures which are bought by others with gray filter on top to represent the sold-out status ( https://app.asana.com/0/1201016280880500/1203132954384852/f ) finished & prod will be asset-clone in the future( after this sprint deploy).

[sync-by-unito]

➤ Ethan Wu commented:

Kenny Hung this is still an issue that needs to be resolved (especially with moonpay payment)

[sync-by-unito]

➤ Kenny Hung commented:

Ethan Wu Just confirm, how qa verified this issue fixed?

[sync-by-unito]

➤ Ethan Wu commented:

Kenny Hung

• purchase a product with NUM wallet
• purchase a product with MoonPay => post deployment

check explorer page after redirect

• see if asset is grayed out
• click on asset to see if button is clickable and says "processing"

[sync-by-unito]

➤ Kenny Hung commented:

Ethan Wu
QA confirm the prod will change to grey automatically, I found it will display collected not processing.
QA haven’t tested moonpay yet. Only try num wallet.
It doesn’t need to change now.

[sync-by-unito]

➤ Ethan Wu commented:

Kenny Hung ok that's good. sometimes backend processing time is slow so "processing" is used to catch these edge cases