feat: change checkout args

Signed-off-by: James Chien <james@numbersprotocol.io>

Author: James Chien

scripts/deploy-staging.sh

@@ -2,10 +2,10 @@
 
 # Variables
 DISTRIBUTION_ID="E1GEDS049Y53CA"
-INVALIDATION_PATH="/staging/capture-eye.bundled.js"
+INVALIDATION_PATH="/staging/capture-eye-popl.bundled.js"
 FILE_PATH="dist/capture-eye.bundled.js"
 S3_BUCKET="numbers-static"
-S3_KEY="staging/capture-eye.bundled.js"
+S3_KEY="staging/capture-eye-popl.bundled.js"
 
 # Upload the file to S3
 aws s3 cp $FILE_PATH s3://$S3_BUCKET/$S3_KEY

src/constant.ts

@@ -66,7 +66,7 @@ export const Constant: ConstantType = {
     ipfsGateway: 'https://ipfs-pin.numbersprotocol.io/ipfs',
     explorer: 'https://mainnet.num.network',
     profile: 'https://asset.captureapp.xyz',
-    showcase: 'https://dashboard.captureapp.xyz/showcase',
+    showcase: 'https://timecapsule.lollipoppool.org/showcase',
     collect: 'https://captureappiframe.numbersprotocol.io/checkout',
     fontFaceCssUrl: `${numbersCdnUrl}/fonts/degular.css`,
     blankThumbnail: 'https://via.placeholder.com/100',

src/modal/modal.ts

@@ -416,7 +416,7 @@ export class CaptureEyeModal extends LitElement {
     const actionButtonLink = this._actionButtonLink
       ? this._actionButtonLink
       : this._asset?.hasNftProduct
-      ? `${Constant.url.collect}?nid=${this.nid}&from=capture-eye`
+      ? `${Constant.url.collect}?nid=${this.nid}&from=lpop`
       : this.isOriginal()
       ? `${Constant.url.profile}/${this.nid}`
       : this._asset?.usedBy ?? '';
@@ -555,7 +555,7 @@ export class CaptureEyeModal extends LitElement {
     this.style.setProperty('--primary-color', this._color);
 
     // Set hover color
-    this.style.setProperty('--hover-color', '');  // Clear the color
+    this.style.setProperty('--hover-color', ''); // Clear the color
     if (!this._color) {
       return;
     }
@@ -580,7 +580,9 @@ export class CaptureEyeModal extends LitElement {
     const r = fadeColor(1);
     const g = fadeColor(3);
     const b = fadeColor(5);
-    hoverColor = `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;
+    hoverColor = `#${((1 << 24) + (r << 16) + (g << 8) + b)
+      .toString(16)
+      .slice(1)}`;
     this.style.setProperty('--hover-color', hoverColor);
   }