@cirkay-eng/cirkay-components 0.9.22-beta.1 → 0.9.22-beta.11

package/README.md

@@ -15,18 +15,30 @@ Using via Cirkay Fan Pass CDN
 The UMD bundle includes all components and dependencies in a single file. Add the following script tag to your HTML:
 
 ```html
-<!-- Production -->
-<script src="https://cdn.n3xus.services/fan-pass-cdn/cirkay-fan-pass-standalone-umd.0.7.6.umd.js"></script>
+<!-- Latest -->
+<script src="https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/latest/cirkay-fan-pass-standalone-umd.umd.js"></script>
+
+<!-- Pinned (replace <version>) -->
+<script src="https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/<version>/cirkay-fan-pass-standalone-umd.<version>.umd.js"></script>
 ```
 
-### Modular Bundle (ES Modules)
+### ES Modules (Standalone or Modular)
 
-The modular bundle splits components into separate chunks for better tree-shaking and code splitting. First, load the vendor bundle, then the modular bundle:
+Use ES Modules if you prefer `import` (or if your app already provides shared dependencies like Lit).
 
 ```html
 <script type="module">
-  // Load main bundle
-  import { FanPassClaim, FanPassUnlock, MobilePass } from 'https://cdn.n3xus.services/fan-pass-cdn/cirkay-fan-pass-standalone-es.0.7.6.esm.js';
+  // Standalone ES module (includes dependencies)
+  import { FanPassClaim, FanPassUnlock, MobilePass } from 'https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/latest/cirkay-fan-pass-standalone-es.esm.js';
+
+  // Or pinned (replace <version>)
+  // import { FanPassClaim, FanPassUnlock, MobilePass } from 'https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/<version>/cirkay-fan-pass-standalone-es.<version>.esm.js';
+
+  // Modular ES module (excludes dependencies like lit / push-web-components)
+  // import { FanPassClaim, FanPassUnlock, MobilePass } from 'https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/latest/cirkay-fan-pass-modular-es.esm.js';
+  //
+  // Or pinned (replace <version>)
+  // import { FanPassClaim, FanPassUnlock, MobilePass } from 'https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/<version>/cirkay-fan-pass-modular-es.<version>.esm.js';
 </script>
 ```
 
@@ -184,6 +196,14 @@ document.querySelector('fp-claim').addEventListener('fp-claim-claimed', (event)
 
 ## Bundle Types
 
+The CDN publishes multiple bundles. Choose the one that matches your setup:
+
+| Bundle | Format | Includes dependencies | Latest | Pinned (replace `<version>`) |
+|---|---|---|---|---|
+| Standalone UMD | `<script>` | Yes | `https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/latest/cirkay-fan-pass-standalone-umd.umd.js` | `https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/<version>/cirkay-fan-pass-standalone-umd.<version>.umd.js` |
+| Standalone ES | `import` | Yes | `https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/latest/cirkay-fan-pass-standalone-es.esm.js` | `https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/<version>/cirkay-fan-pass-standalone-es.<version>.esm.js` |
+| Modular ES | `import` | No | `https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/latest/cirkay-fan-pass-modular-es.esm.js` | `https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/<version>/cirkay-fan-pass-modular-es.<version>.esm.js` |
+
 
 ## Production
 
@@ -192,12 +212,18 @@ For production, use the minified versions:
 
 ```html
 <!-- UMD -->
-<script src="https://cdn.n3xus.services/fan-pass-cdn/cirkay-fan-pass-standalone-umd.0.7.6.umd.js"></script>
+<script src="https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/latest/cirkay-fan-pass-standalone-umd.umd.js"></script>
+
+<!-- UMD (Pinned - replace <version>) -->
+<script src="https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/<version>/cirkay-fan-pass-standalone-umd.<version>.umd.js"></script>
 
 <!-- ES Modules -->
 <script type="module">
         // Load main bundle
-        import { FanPassClaim, FanPassUnlock, MobilePass } from 'https://cdn.n3xus.services/fan-pass-cdn/cirkay-fan-pass-standalone-es.0.7.6.esm.js';
+        import { FanPassClaim, FanPassUnlock, MobilePass } from 'https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/latest/cirkay-fan-pass-standalone-es.esm.js';
+
+        // Or pinned (replace <version>)
+        // import { FanPassClaim, FanPassUnlock, MobilePass } from 'https://cdn.n3xus.services/fan-pass-cdn/cirkay-components/<version>/cirkay-fan-pass-standalone-es.<version>.esm.js';
     </script>
 ```
 

package/dist/components/connected/connected.d.ts

@@ -3,8 +3,6 @@ import '@pushengineering/push-web-components/text';
 import '@pushengineering/push-web-components/button';
 import '@pushengineering/push-web-components/vertical-stack';
 import '@pushengineering/push-web-components/header-drawer';
-import '@pushengineering/push-web-components/link';
-import '@pushengineering/push-web-components/logo';
 import CirkayElement from '../../internal/CirkayElement';
 import { FpSession } from '../../utils/helpers';
 import { Environment } from '../../base/n3xus/types';
@@ -25,6 +23,7 @@ export declare class Connected extends CirkayElement {
     private handleLogout;
     private _popoverFocusOut;
     private _toggleSuccessPopover;
+    closePopover(): void;
     private parseDisplayText;
     private _setupFormListener;
     private _handleFormChange;

package/dist/components/connected/connected.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connected.d.ts","sourceRoot":"","sources":["../../../src/components/connected/connected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAA;AAE/C,OAAO,2CAA2C,CAAA;AAClD,OAAO,6CAA6C,CAAA;AACpD,OAAO,qDAAqD,CAAA;AAC5D,OAAO,oDAAoD,CAAA;AAC3D,OAAO,2CAA2C,CAAA;AAClD,OAAO,2CAA2C,CAAA;AAElD,OAAO,aAAa,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,SAAS,EAAoB,MAAM,qBAAqB,CAAA;AAGjE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAcpD,qBAAa,SAAU,SAAQ,aAAa;IACxC,OAAO,CAAC,eAAe,CAA+B;IAE1B,WAAW,EAAE,WAAW,CAAyB;IACjD,MAAM,SAAK;IACX,YAAY,SAAS;IACrC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAO;IAChB,YAAY,UAAQ;IACpB,qBAAqB,UAAQ;IAG1D,YAAY,UAAQ;IAGpB,UAAU,EAAE,SAAS,GAAG,IAAI,CAAO;;IAOnC,iBAAiB;IAuBjB,oBAAoB;IAKpB,OAAO,CAAC,mBAAmB;YAkBb,YAAY;IAiB1B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,gBAAgB;IA6BxB,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,iBAAiB,CAqCxB;IAED,OAAO,CAAC,iBAAiB;IAqElB,MAAM,IAAI,cAAc;IAoN/B,OAAgB,MAAM,0BA0OrB;CACJ"}
+{"version":3,"file":"connected.d.ts","sourceRoot":"","sources":["../../../src/components/connected/connected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAA;AAE/C,OAAO,2CAA2C,CAAA;AAClD,OAAO,6CAA6C,CAAA;AACpD,OAAO,qDAAqD,CAAA;AAC5D,OAAO,oDAAoD,CAAA;AAC3D,OAAO,aAAa,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,SAAS,EAAoB,MAAM,qBAAqB,CAAA;AAGjE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAcpD,qBAAa,SAAU,SAAQ,aAAa;IACxC,OAAO,CAAC,eAAe,CAA+B;IAE1B,WAAW,EAAE,WAAW,CAAyB;IACjD,MAAM,SAAK;IACX,YAAY,SAAS;IACrC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAO;IAChB,YAAY,UAAQ;IACpB,qBAAqB,UAAQ;IAG1D,YAAY,UAAQ;IAGpB,UAAU,EAAE,SAAS,GAAG,IAAI,CAAO;;IAOnC,iBAAiB;IAuBjB,oBAAoB;IAKpB,OAAO,CAAC,mBAAmB;YAkBb,YAAY;IAiB1B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,qBAAqB;IAItB,YAAY;IAQnB,OAAO,CAAC,gBAAgB;IA6BxB,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,iBAAiB,CAqCxB;IAED,OAAO,CAAC,iBAAiB;IAsElB,MAAM,IAAI,cAAc;IA6K/B,OAAgB,MAAM,0BAmOrB;CACJ"}

package/dist/components/connected/connected.js

@@ -5,8 +5,6 @@ import '@pushengineering/push-web-components/text';
 import '@pushengineering/push-web-components/button';
 import '@pushengineering/push-web-components/vertical-stack';
 import '@pushengineering/push-web-components/header-drawer';
-import '@pushengineering/push-web-components/link';
-import '@pushengineering/push-web-components/logo';
 import CirkayElement from '../../internal/CirkayElement.js';
 import { getLatestSession } from '../../utils/helpers.js';
 import { LoginController } from '../../controllers/LoginController.js';
@@ -108,6 +106,9 @@ class Connected extends CirkayElement {
     _toggleSuccessPopover() {
         this._popoverOpen = !this._popoverOpen ? true : false;
     }
+    closePopover() {
+        this._popoverOpen = false;
+    }
     parseDisplayText(text) {
         const parts = text.split('\n\n');
         if (parts.length >= 3) {
@@ -183,6 +184,7 @@ class Connected extends CirkayElement {
                     part="popover-content"
                     class="popover__content-inner"
                 >
+                    <slot name="popover-actions"></slot>
                     <pu-button
                         exportparts="button:button-link,button:disconnect-link"
                         part="base-button-link base-disconnect-link"
@@ -221,7 +223,7 @@ class Connected extends CirkayElement {
         }
         const displayText = this.displayText
             ? this.displayText
-            : 'Invalid connection';
+            : 'Connected';
         const parsedText = this.parseDisplayText(displayText.toString());
         return html `
             <pu-box
@@ -283,7 +285,6 @@ class Connected extends CirkayElement {
                                   fontWeight="regular"
                                   withoutMargin
                               >
-                                  connected as:
                                   ${this.loginController?.user?.email}
                               </pu-text>
                           `
@@ -322,44 +323,6 @@ class Connected extends CirkayElement {
                           `
             : null}
 
-                    <pu-horizontal-stack
-                        part="base-powered-by-layout"
-                        exportparts="base:powered-by-layout"
-                        spacing="4"
-                        align="center"
-                        alignNarrow="center"
-                        justify="center"
-                        justifyNarrow="center"
-                    >
-                        <pu-text
-                            exportparts="base:powered-by-text"
-                            part="base-powered-by-text base-text base-body"
-                            class="powered-by-text"
-                            as="span"
-                            variant="bodyXs"
-                            withoutMargin
-                            >
-                            Powered by
-                            <pu-link target="_blank" url="http://cirkay.com">Cirkay&reg;</pu-link>
-                        </pu-text>
-                        <pu-logo
-                            class="cirkay-logo"
-                            url="https://cirkay.com/"
-                            target="_blank"
-                            alt="Cirkay Logo"
-                            height="12"
-                            imgsrc="https://n3xus-store.s3.eu-west-2.amazonaws.com/staging/assets/cirkay-logo-transparent-no-padding.webp"
-                            imgsrcset="
-                                            https://n3xus-store.s3.eu-west-2.amazonaws.com/staging/assets/cirkay-logo-transparent-no-padding.webp 4x,
-                                            https://n3xus-store.s3.eu-west-2.amazonaws.com/staging/assets/cirkay-logo-transparent-no-padding.webp 3x,
-                                            https://n3xus-store.s3.eu-west-2.amazonaws.com/staging/assets/cirkay-logo-transparent-no-padding.webp 2x,
-                                            https://n3xus-store.s3.eu-west-2.amazonaws.com/staging/assets/cirkay-logo-transparent-no-padding.webp 1x
-                                        "
-                            imgsizes=""
-                            imgwidth="12"
-                            imgheight="12"
-                        ></pu-logo>
-                    </pu-horizontal-stack>
                     <div
                         part="popover-positioning-container"
                         class="popover-positioning-container"
@@ -410,13 +373,6 @@ Connected.styles = css `
         :host {
             font-size: var(--fp-font-size-base, 1em);
         }
-        .cirkay-logo {
-            width: 12px;
-        }
-
-        .powered-by-text {
-            line-height: 1;
-        }
 
         .date-text {
             white-space: nowrap;

package/dist/components/connected/connected.js.map

@@ -1 +1 @@
-{"version":3,"file":"connected.js","sources":["../../../src/components/connected/connected.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"connected.js","sources":["../../../src/components/connected/connected.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/fan-pass-claim/fan-pass-claim.d.ts

@@ -29,6 +29,7 @@ export default class FanPassClaim extends CirkayElement {
     private n3xusAPIController;
     private mintRequestDid;
     private walletCheckResponse;
+    private walletCheckInFlight;
     private loginFlow;
     private unlockedContent;
     private callerId;
@@ -59,6 +60,7 @@ export default class FanPassClaim extends CirkayElement {
     claimingText: string;
     claimSuccessText: string;
     claimSuccessPerkButtonText: string;
+    connectedText: string;
     faqUrl: string;
     _claimState: ClaimStateTypes;
     _campaignState: CampaignState;
@@ -93,6 +95,7 @@ export default class FanPassClaim extends CirkayElement {
     logout(): Promise<void>;
     closeOverlay(e?: Event | null): void;
     openOverlay(e?: Event | null): void;
+    private handleOpenModalFromPopover;
     private onClaimModalClickOut;
     private logging;
     private renderMobilePass;
@@ -102,6 +105,9 @@ export default class FanPassClaim extends CirkayElement {
     private renderContent;
     private renderClaimButton;
     private getConnectedDisplayText;
+    private isModalConnectedBlockVisible;
+    private shouldShowClaimInsideConnectedBox;
+    private shouldShowModalClaimOutsideConnected;
     render(): TemplateResult;
 }
 declare global {

package/dist/components/fan-pass-claim/fan-pass-claim.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fan-pass-claim.d.ts","sourceRoot":"","sources":["../../../src/components/fan-pass-claim/fan-pass-claim.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"fan-pass-claim.d.ts","sourceRoot":"","sources":["../../../src/components/fan-pass-claim/fan-pass-claim.ts"],"names":[],"mappings":"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"}

package/dist/components/fan-pass-claim/fan-pass-claim.js

@@ -39,6 +39,7 @@ class FanPassClaim extends CirkayElement {
         this.n3xusAPIController = null;
         this.mintRequestDid = null;
         this.walletCheckResponse = null;
+        this.walletCheckInFlight = false;
         this.loginFlow = false;
         this.unlockedContent = false;
         this.callerId = `fan-pass-claim-${Math.random().toString(36).substring(2, 9)}`;
@@ -79,6 +80,7 @@ class FanPassClaim extends CirkayElement {
         this.claimingText = 'Claiming - just a moment';
         this.claimSuccessText = 'You\'ve claimed your ${fanPassTitle}!';
         this.claimSuccessPerkButtonText = 'Check out your perks!';
+        this.connectedText = 'Connected';
         this.faqUrl = 'https://cirkay.com/faq/';
         this._claimState = ClaimStateTypes.validating;
         this._campaignState = CampaignState.available;
@@ -472,9 +474,18 @@ class FanPassClaim extends CirkayElement {
         }
         else if (this.loginController?.loginInit &&
             this.loginController?.loggedIn &&
+            !this.walletCheckInFlight &&
+            !this.walletCheckResponse &&
             this._claimState !== ClaimStateTypes.redeemedLogin &&
             this._claimState !== ClaimStateTypes.minting) {
-            const walletCheckResponse = await this.setSessionToken();
+            this.walletCheckInFlight = true;
+            let walletCheckResponse = null;
+            try {
+                walletCheckResponse = await this.setSessionToken();
+            }
+            finally {
+                this.walletCheckInFlight = false;
+            }
             if (walletCheckResponse) {
                 const state = walletCheckResponse.state;
                 if (state === 'NFT_EXPIRED') {
@@ -710,17 +721,56 @@ class FanPassClaim extends CirkayElement {
     }
     async checkSessionStatus() {
         this.logging('checkSessionStatus');
-        const session = getLatestSession(this.apiKey);
+        const previousSession = getLatestSession(this.apiKey);
+        const session = previousSession;
         this.logging('session', session);
-        const threeMinutesFortyFiveSeconds = 3.5 * 60 * 1000;
-        const minutesAgo = Date.now() - threeMinutesFortyFiveSeconds;
+        const now = Date.now();
+        const sessionTtlMs = 3.5 * 60 * 1000;
+        const refreshThresholdMs = 60 * 1000;
+        const minutesAgo = now - sessionTtlMs;
         this.logging('minutesAgo', minutesAgo);
+        if (session?.issueTS) {
+            const expiresAt = session.issueTS + sessionTtlMs;
+            const remainingMs = expiresAt - now;
+            this.logging('sessionRemainingMs', remainingMs);
+        }
         if (session && session.issueTS > minutesAgo) {
-            this.logging('session is still valid, no need to make API call');
-            return;
+            const remainingMs = (session.issueTS + sessionTtlMs) - now;
+            if (remainingMs <= refreshThresholdMs) {
+                this.logging('session is nearing expiry (< 1m), refreshing');
+                await this.setSessionToken(true);
+            }
+            else {
+                this.logging('session is still valid, no need to make API call');
+                return;
+            }
+        }
+        else {
+            this.logging('session is expired, making API call');
+            await this.setSessionToken(true);
+        }
+        const renewedSession = getLatestSession(this.apiKey);
+        if (renewedSession
+            && (!previousSession
+                || renewedSession.issueTS !== previousSession.issueTS
+                || renewedSession.token !== previousSession.token)) {
+            this.emit(LoginEvents.SessionRenewed, {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    apiKey: renewedSession.apiKey ?? this.apiKey,
+                    issueTS: renewedSession.issueTS,
+                    sessionToken: renewedSession.token,
+                    didToken: renewedSession.didToken,
+                    email: renewedSession.email ?? this.loginController?.user?.email ?? null,
+                    wallet: renewedSession.wallet ?? this.loginController?.user?.walletAddress ?? null,
+                    expiryDate: renewedSession.expiryDate ?? null,
+                    startDate: renewedSession.startDate ?? null,
+                    source: 'polling',
+                    component: 'fp-claim',
+                },
+            });
         }
-        this.logging('session is expired, making API call');
-        this.setSessionToken();
     }
     startPolling() {
         if (!this.interval) {
@@ -1078,6 +1128,11 @@ class FanPassClaim extends CirkayElement {
             window.addEventListener('mousedown', this.onClaimModalClickOut);
         }
     }
+    handleOpenModalFromPopover() {
+        this.openOverlay();
+        const fpConnected = this.querySelector('fp-connected');
+        fpConnected?.closePopover?.();
+    }
     logging(message, ...optionalParams) {
         if (this.debugLogging) {
             console.log(message, optionalParams);
@@ -1349,7 +1404,7 @@ class FanPassClaim extends CirkayElement {
                                     variant="bodyMd"
                                     withoutMargin
                                 >
-                                    Claim to this account
+                                    Claim to this email
                                 </pu-text>
                             </pu-button>
                             <pu-button
@@ -1368,7 +1423,7 @@ class FanPassClaim extends CirkayElement {
                                     variant="bodyMd"
                                     withoutMargin
                                 >
-                                    Change account
+                                    Change email
                                 </pu-text>
                             </pu-button>
                         </pu-vertical-stack>
@@ -1406,7 +1461,7 @@ class FanPassClaim extends CirkayElement {
                             ?showLoaderAfterLogin=${true}
                             exportparts="${loginShadowParts}"
                             >
-                            <div slot="form-content-before-submit">    
+                            <div class="form-before-submit-wrapper" slot="form-content-before-submit">
                                 <slot name="form-content-claim-before-submit"></slot>
                             </div>
                             <form part="form-content" slot="form-content">
@@ -1664,7 +1719,7 @@ class FanPassClaim extends CirkayElement {
             </div>
         `;
     }
-    getConnectedDisplayText(defaultText) {
+    getConnectedDisplayText() {
         if (this.walletCheckResponse?.data?.holds === true &&
             (this.walletCheckResponse.state === 'NFT_NOT_ACTIVE' ||
                 this.walletCheckResponse.data?.active === false)) {
@@ -1675,18 +1730,34 @@ class FanPassClaim extends CirkayElement {
             }
             return `You've claimed your ${this.fanPassTitle}\n\nIt will become active from`;
         }
-        return defaultText;
+        return this.connectedText;
+    }
+    isModalConnectedBlockVisible() {
+        return !!(this.walletCheckResponse &&
+            this.loginController?.loggedIn &&
+            !this.hideConnected);
+    }
+    shouldShowClaimInsideConnectedBox() {
+        return (this.isModalConnectedBlockVisible() &&
+            this.walletCheckResponse?.data?.holds !== true);
+    }
+    shouldShowModalClaimOutsideConnected() {
+        return !this.isModalConnectedBlockVisible();
     }
     render() {
         this.logging('render', 'claimState', this._claimState);
         if (this.modal) {
             return html `
-                ${this.walletCheckResponse && this.loginController?.loggedIn && !this.hideConnected
+                ${this.shouldShowModalClaimOutsideConnected()
+                ? this.renderClaimButton()
+                : html ``}
+                ${this.isModalConnectedBlockVisible()
                 ? html `
                           <fp-connected
+                                part="connected-block"
                                 exportparts="${connectedShadowParts}"
                                 displayText=${this.walletCheckResponse.data?.holds
-                    ? this.getConnectedDisplayText("You're connected!")
+                    ? this.getConnectedDisplayText()
                     : this.claimIntroText.replace('${fanPassTitle}', this.fanPassTitle)}
                                 fanPassTitle=${this.fanPassTitle}
                                 apiKey=${this.apiKey}
@@ -1696,12 +1767,38 @@ class FanPassClaim extends CirkayElement {
                     ? true
                     : false}
                             >
-                              <div part="inner-content" slot="inner-content">
-                                  ${this.renderClaimButton()}
-                              </div>
+                              ${this.shouldShowClaimInsideConnectedBox()
+                    ? html `
+                                        <div
+                                            part="inner-content"
+                                            slot="inner-content"
+                                            class="connected-claim-button-wrap"
+                                        >
+                                            ${this.renderClaimButton()}
+                                        </div>
+                                    `
+                    : html ``}
+                              <pu-button
+                                  slot="popover-actions"
+                                  @click=${this.handleOpenModalFromPopover}
+                                  type="button"
+                                  size="small"
+                                  variant="plain"
+                                  fullWidth
+                              >
+                                  <pu-text
+                                      as="span"
+                                      variant="bodyMd"
+                                      fontWeight="regular"
+                                      withoutMargin
+                                      spacing="loose"
+                                  >
+                                      See more
+                                  </pu-text>
+                              </pu-button>
                           </fp-connected>
                       `
-                : html ` ${this.renderClaimButton()} `}
+                : html ``}
 
                 <pu-overlay id="fb-modal" class="fb-modal" part="overlay-container" exportparts="base,close,content">
                     <pu-box
@@ -1759,8 +1856,9 @@ class FanPassClaim extends CirkayElement {
             ${this.walletCheckResponse && this.loginController?.loggedIn
             ? html `
                       <fp-connected
+                          part="connected-block"
                           displayText=${this.walletCheckResponse.data?.holds
-                ? this.getConnectedDisplayText(`You already have this ${this.fanPassTitle}`)
+                ? this.getConnectedDisplayText()
                 : this.claimIntroText.replace('${fanPassTitle}', this.fanPassTitle)}
                           fanPassTitle=${this.fanPassTitle}
                           apiKey=${this.apiKey}
@@ -1864,6 +1962,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], FanPassClaim.prototype, "claimSuccessPerkButtonText", void 0);
+__decorate([
+    property({ type: String })
+], FanPassClaim.prototype, "connectedText", void 0);
 __decorate([
     property({ type: String })
 ], FanPassClaim.prototype, "faqUrl", void 0);