@cirkay-eng/cirkay-components 0.7.2 → 0.7.5

package/dist/components/connected/connected.js

@@ -0,0 +1,592 @@
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.2_rollup@4.40.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { css, html } from 'lit';
+import { property } from 'lit/decorators/property.js';
+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/overlay';
+import CirkayElement from '../../internal/CirkayElement.js';
+import { getLatestSession } from '../../utils/helpers.js';
+import { LoginController } from '../../controllers/LoginController.js';
+import { state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { LoginEvents } from '../../events/login.js';
+
+class Connected extends CirkayElement {
+    constructor() {
+        super();
+        this.loginController = null;
+        this.staging = true;
+        this.apiKey = '';
+        this.fanPassTitle = 'test';
+        this.displayText = null;
+        this.debugLogging = false;
+        this.showMobilePassButtons = false;
+        this._popoverOpen = false;
+        this._fpSession = null;
+        this._handleFormChange = (event) => {
+            const target = event.target;
+            const form = target.closest('form');
+            if (!form)
+                return;
+            const formData = new FormData(form);
+            const formObject = {};
+            formData.forEach((value, key) => {
+                formObject[key] = value;
+            });
+            const changedField = {
+                name: target.name,
+                value: target instanceof HTMLInputElement && target.type === 'checkbox'
+                    ? target.checked
+                    : target.value,
+            };
+            const detail = {
+                formData: formObject,
+                changedField,
+                userEmail: this.loginController?.user?.email,
+            };
+            this.dispatchEvent(new CustomEvent(LoginEvents.Submit, {
+                detail,
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this.addEventListener('focusout', this._popoverFocusOut);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        const magicApiOptions = {
+            staging: this.staging,
+        };
+        const session = getLatestSession(this.apiKey);
+        const minutesAgo = Date.now() - 3.5 * 60 * 1000;
+        if (session && !(session.issueTS < minutesAgo)) {
+            this._fpSession = session;
+        }
+        this.loginController = LoginController.getInstance(magicApiOptions, this.debugLogging);
+        this.loginController.addHost(this);
+        this._setupFormListener();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback?.();
+        this._removeFormListener();
+    }
+    _removeFormListener() {
+        const formSlot = this.querySelector('[slot="form-content"]');
+        if (formSlot) {
+            const form = formSlot.querySelector('form');
+            if (form) {
+                const formElements = form.querySelectorAll('input, select, textarea');
+                formElements.forEach((element) => {
+                    element.removeEventListener('change', this._handleFormChange);
+                });
+            }
+        }
+    }
+    async handleLogout() {
+        this.emit(LoginEvents.Logout, {
+            bubbles: true,
+            composed: true,
+            detail: {
+                LoggedIn: false,
+            },
+        });
+        const actionMenu = this.shadowRoot?.querySelector('[data-fp-action-menu]');
+        if (actionMenu) {
+            actionMenu.setAttribute('disabled', 'disabled');
+        }
+        await this.loginController?.logout();
+    }
+    _popoverFocusOut(e) {
+        if (!e.relatedTarget || !this.contains(e.relatedTarget)) {
+            this._popoverOpen = false;
+        }
+    }
+    _toggleSuccessPopover() {
+        this._popoverOpen = !this._popoverOpen ? true : false;
+    }
+    _setupFormListener() {
+        const formSlot = this.querySelector('[slot="form-content"]');
+        if (formSlot) {
+            const form = formSlot.querySelector('form');
+            if (form) {
+                form.querySelectorAll('input, select, textarea').forEach((element) => {
+                    element.addEventListener('change', this._handleFormChange);
+                });
+            }
+        }
+    }
+    renderPopoverMenu() {
+        if (!this._popoverOpen) {
+            return html ``;
+        }
+        return html `
+            <div
+                part="popover-content"
+                id="popover-content"
+                class="popover__content popover-open-direction--down"
+            >
+                <button
+                    part="button-icon"
+                    class="popover__close-button"
+                    type="button"
+                    aria-label="Close popover"
+                    aria-controls="popover-content"
+                    @click=${this._toggleSuccessPopover}
+                >
+                    <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        id="close"
+                        part="icon"
+                        class="icon"
+                        width="1em"
+                        height="1em"
+                        viewBox="0 0 384 512"
+                        role="presentation"
+                        aria-hidden="true"
+                        focusable="false"
+                        fill="currentColor"
+                    >
+                        <path
+                            d="M192 233.4L59.5 100.9 36.9 123.5 169.4 256 36.9 388.5l22.6 22.6L192 278.6 324.5 411.1l22.6-22.6L214.6 256 347.1 123.5l-22.6-22.6L192 233.4z"
+                        />
+                    </svg>
+                </button>
+                <div
+                    class="popover__content-inner"
+                    part="popover-content-inner"
+                >
+                    <pu-button
+                        slot="button"
+                        @click=${this.handleLogout}
+                        type="button"
+                        class="disconnectButton"
+                        name="disconnect"
+                        size="medium"
+                        buttonstyle="plain"
+                    >
+                        <pu-text
+                            as="span"
+                            variant="bodyMd"
+                            fontWeight="regular"
+                            withoutMargin
+                            spacing="loose"
+                        >
+                            Disconnect
+                        </pu-text>
+                    </pu-button>
+                </div>
+            </div>
+        `;
+    }
+    render() {
+        if (this.loginController?.loginInit &&
+            !this.loginController?.loggedIn) {
+            return html ``;
+        }
+        if (!this._fpSession && !this.loginController?.loginInit) {
+            return html ``;
+        }
+        const displayText = this.displayText
+            ? this.displayText
+            : 'Invalid connection';
+        return html `
+            <pu-box
+                class="successContainer"
+                padding="16, 24"
+                mobilePadding=${16}
+                border
+            >
+                <pu-vertical-stack align="center" spacing="8" mobileSpacing="8">
+                    <pu-text
+                        as="p"
+                        variant="headingLg"
+                        fontWeight="bold"
+                        withoutMargin
+                    >
+                        ${this.loginController?.user?.email
+            ? displayText
+            : html `<svg
+                                  part="loading__spinner"
+                                  class="loading__spinner"
+                                  width="16"
+                                  height="16"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  focusable="false"
+                                  role="presentation"
+                                  aria-hidden="true"
+                                  viewBox="0 0 512 512"
+                              >
+                                  <path
+                                      d="M463.9 376c7.6 4.4 17.5 1.8 21.4-6.1c17.1-34.3 26.7-73 26.7-113.9C512 120 405.9 8.8 272 .5c-8.8-.5-16 6.7-16 15.5v0c0 8.8 7.2 15.9 16 16.6C388.2 40.8 480 137.7 480 256c0 35.1-8.1 68.3-22.5 97.9c-3.9 8-1.3 17.7 6.4 22.2v0z"
+                                  />
+                              </svg>`}
+                    </pu-text>
+
+                    <slot name="inner-content"></slot>
+
+                    ${this.loginController?.user?.email
+            ? html `
+                              <pu-text
+                                  as="p"
+                                  variant="bodyXs"
+                                  fontWeight="regular"
+                                  withoutMargin
+                              >
+                                  connected as:
+                                  ${this.loginController?.user?.email}
+                              </pu-text>
+                          `
+            : null}
+                    ${this.loginController?.user?.email &&
+            this._fpSession?.mobilePass &&
+            this.showMobilePassButtons
+            ? html `
+                              <fp-mobile-pass
+                                  .fanPassTitle=${this.fanPassTitle}
+                                  .androidLink=${Array.isArray(this._fpSession?.mobilePass) && this._fpSession?.mobilePass.length
+                ? this._fpSession.mobilePass[this._fpSession?.mobilePass
+                    ?.length - 1].androidWalletUri
+                : ''}
+                                  .appleLink=${Array.isArray(this._fpSession?.mobilePass) && this._fpSession?.mobilePass.length
+                ? this._fpSession.mobilePass[this._fpSession?.mobilePass
+                    ?.length - 1].iPhoneWalletUri
+                : ''}
+                                  .downloadLink=${Array.isArray(this._fpSession?.mobilePass) && this._fpSession?.mobilePass.length
+                ? this._fpSession.mobilePass[this._fpSession?.mobilePass
+                    ?.length - 1].downloadLink
+                : ''}
+                                  .displayIntro=${false}
+                              ></fp-mobile-pass>
+                          `
+            : null}
+
+                    <pu-horizontal-stack
+                        spacing="4"
+                        align="center"
+                        mobileAlign="center"
+                        justify="center"
+                        mobileJustify="center"
+                    >
+                        <pu-text as="span" variant="bodyXs" withoutMargin>
+                            Powered by
+                            <pu-link target="_blank" url="http://cirkay.com"
+                                >Cirkay®</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"
+                    >
+                        <div
+                            part="popover"
+                            class="popover ${classMap({
+            'popover--open': this._popoverOpen,
+        })}"
+                        >
+                            <button
+                                part="threeDotMenuButton"
+                                class="threeDotMenuButton"
+                                type="button"
+                                data-fp-action-menu
+                                ?disabled=${!this.loginController?.loggedIn ||
+            !this.loginController?.loginInit}
+                                aria-label="Close popover"
+                                aria-controls="popover-content"
+                                @click=${this._toggleSuccessPopover}
+                            >
+                                <svg
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    id="ellipsis-vertical"
+                                    class="icon"
+                                    width="0.75em"
+                                    height="0.75em"
+                                    viewBox="0 0 128 512"
+                                    role="presentation"
+                                    aria-hidden="true"
+                                    focusable="false"
+                                    fill="currentColor"
+                                >
+                                    <path
+                                        d="M64 384a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-160a32 32 0 1 0 0 64 32 32 0 1 0 0-64zM96 96A32 32 0 1 0 32 96a32 32 0 1 0 64 0z"
+                                    />
+                                </svg>
+                            </button>
+                            ${this.renderPopoverMenu()}
+                        </div>
+                    </div>
+                </pu-vertical-stack>
+            </pu-box>
+        `;
+    }
+}
+Connected.styles = css `
+        .cirkay-logo {
+            width: 12px;
+        }
+
+        /* success box and popover */
+        .successContainer {
+            --pu-border-base-corner-radius: var(--pu-border-radius-20, 12px);
+            position: relative;
+        }
+
+        .popover-positioning-container {
+            position: absolute;
+            top: 0.25rem;
+            right: 0.25rem;
+        }
+
+        .threeDotMenuButton {
+            z-index: 499;
+            cursor: pointer;
+            border: none;
+            border-radius: var(
+                --pu-border-icon-corner-radius,
+                var(--pu-border-base-corner-radius, 0)
+            );
+            font-size: var(--pu-font-size-icon, 1.5rem);
+            padding: 0;
+            color: var(--pu-color-icon-text, inherit);
+            background-color: var(--pu-color-icon-background, inherit);
+        }
+
+        .threeDotMenuButton:disabled {
+            opacity: 0.2;
+            pointer-events: none;
+        }
+
+        .popover {
+            --pu-color-popover-text: rgb(0, 0, 0);
+            position: relative;
+        }
+
+        .popover__content {
+            width: max-content;
+
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            width: 100%;
+            z-index: 499; // under overlay z-index
+            color: var(
+                --pu-color-popover-text,
+                var(--pu-color-base-text, rgb(255, 255, 255))
+            );
+            background-color: var(
+                --pu-color-popover-background,
+                var(--pu-color-base-background, rgb(255, 255, 255))
+            );
+            padding: 1.5rem 0;
+        }
+        @supports (color: rgb(from white r g b)) {
+            .popover__content {
+                color: rgb(
+                    from
+                        var(
+                            --pu-color-popover-text,
+                            var(--pu-color-base-text, rgb(255, 255, 255))
+                        )
+                        r g b
+                );
+                background-color: rgb(
+                    from
+                        var(
+                            --pu-color-popover-background,
+                            var(--pu-color-base-background, rgb(255, 255, 255))
+                        )
+                        r g b / alpha
+                );
+            }
+        }
+
+        .popover__content-inner {
+            display: flex;
+            flex-direction: column;
+            justify-content: start;
+            align-items: center;
+            text-align: center;
+            gap: var(--pu-space-20, var(--pu-space-vertical-gap, 1.25rem));
+        }
+        @media screen and (min-width: 48.06rem) {
+            .popover__content {
+                position: absolute;
+                left: initial;
+                bottom: initial;
+                top: -0.25rem;
+                right: -0.25rem;
+                border-radius: var(--pu-border-base-corner-radius, 0.5rem);
+                border: 1px solid var(--pu-color-base-border, rgb(0, 0, 0, 0.3));
+                padding: 0.5rem 2rem 0.5rem 1rem;
+                width: max-content;
+
+                --pu-font-body-scale: 0.8;
+            }
+
+            .popover__content.popover-open-direction--down {
+                bottom: initial;
+                top: -0.25rem;
+            }
+
+            .popover__content.popover-open-direction--up {
+                bottom: 0;
+                top: initial;
+            }
+
+            .popover__content-inner {
+                gap: var(--pu-space-16, var(--pu-space-vertical-gap, 1rem));
+                width: fit-content;
+            }
+        }
+
+        .popover__close-button {
+            position: absolute;
+            top: 0.5rem;
+            right: 0.5rem;
+            cursor: pointer;
+            border: none;
+            color: var(--pu-color-icon-text, inherit);
+            background-color: var(--pu-color-icon-background, inherit);
+            padding: 0;
+        }
+        @media screen and (min-width: 48.06rem) {
+            .popover__close-button {
+                top: 0.5rem;
+                right: 0.5rem;
+                cursor: pointer;
+                border: none;
+            }
+        }
+
+        /* Mobile overlay */
+        @media screen and (max-width: 48rem) {
+            .popover--open::after {
+                content: '';
+                position: fixed;
+                inset: 0;
+                background-color: rgb(0, 0, 0, 0.5);
+                backdrop-filter: blur(2px);
+                z-index: 498;
+            }
+        }
+
+        /* buttons */
+
+        .button::part(button) {
+            --pu-border-button-corner-radius: var(--pu-border-radius-20, 12px);
+        }
+
+        .button-icon {
+            position: absolute;
+            top: 1rem;
+            right: 1rem;
+            z-index: 501;
+            cursor: pointer;
+            border: none;
+            border-radius: var(
+                --pu-border-icon-corner-radius,
+                var(--pu-border-base-corner-radius, 0)
+            );
+            font-size: var(--pu-font-size-icon, 1.5rem);
+            padding: 0;
+            color: var(--pu-color-icon-text, inherit);
+            background-color: var(--pu-color-icon-background, inherit);
+        }
+
+        @supports (color: rgb(from white r g b)) {
+            .button-icon {
+                color: rgb(
+                    from var(--pu-color-icon-text, inherit) r g b / alpha
+                );
+                background-color: rgb(
+                    from var(--pu-color-icon-background, inherit) r g b / alpha
+                );
+            }
+        }
+
+        .button-icon > * {
+            position: relative;
+            display: block;
+            padding: var(
+                --pu-space-icon-padding,
+                var(--pu-space-padding, 0.5rem)
+            );
+        }
+
+        .button-icon:hover {
+            opacity: 0.7;
+        }
+
+        .button-icon[disabled]:hover {
+            opacity: 0.7;
+        }
+
+        /* loading spinner animation */
+        .loading__spinner {
+            animation-name: spin;
+            animation-duration: 500ms;
+            animation-timing-function: cubic-bezier(0, 0, 1, 1);
+            animation-iteration-count: infinite;
+            fill: currentcolor;
+            color: var(--pu-color-base-text, rgb(160, 160, 160));
+            height: 3rem;
+            width: 3rem;
+            left: 50%;
+            top: 50%;
+            margin: calc(var(--pu-space-16, 1rem) / 2 * -1) 0 0
+                calc(var(--pu-space-16, 1rem) / 2 * -1);
+        }
+        @keyframes spin {
+            to {
+                transform: rotate(1turn);
+            }
+        }
+    `;
+__decorate([
+    property({ type: Boolean })
+], Connected.prototype, "staging", void 0);
+__decorate([
+    property({ type: String })
+], Connected.prototype, "apiKey", void 0);
+__decorate([
+    property({ type: String })
+], Connected.prototype, "fanPassTitle", void 0);
+__decorate([
+    property()
+], Connected.prototype, "displayText", void 0);
+__decorate([
+    property({ type: Boolean })
+], Connected.prototype, "debugLogging", void 0);
+__decorate([
+    property({ type: Boolean })
+], Connected.prototype, "showMobilePassButtons", void 0);
+__decorate([
+    state()
+], Connected.prototype, "_popoverOpen", void 0);
+__decorate([
+    state()
+], Connected.prototype, "_fpSession", void 0);
+
+export { Connected };
+//# sourceMappingURL=connected.js.map

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

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

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

@@ -0,0 +1,8 @@
+import { Connected } from './connected';
+declare global {
+    interface HTMLElementTagNameMap {
+        'fp-connected': Connected;
+    }
+}
+export default Connected;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/connected/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAIvC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF;AAED,eAAe,SAAS,CAAA"}

package/dist/components/connected/index.js

@@ -0,0 +1,6 @@
+import { Connected } from './connected.js';
+
+Connected.define('fp-connected');
+
+export { Connected as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/connected/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;;;;"}

package/dist/components/error-screen/error-screen.d.ts

@@ -1,14 +1,15 @@
-import { LitElement } from 'lit';
+import { TemplateResult } from 'lit';
 import '@pushengineering/push-web-components/text';
 import '@pushengineering/push-web-components/button';
 import '@pushengineering/push-web-components/vertical-stack';
 import '@pushengineering/push-web-components/link';
-export declare class ErrorScreen extends LitElement {
+import CirkayElement from '../../internal/CirkayElement';
+export declare class ErrorScreen extends CirkayElement {
     errorText: string;
     faqUrl?: string;
     constructor();
     connectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
     static styles: import("lit").CSSResult[];
 }
 //# sourceMappingURL=error-screen.d.ts.map

package/dist/components/error-screen/error-screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-screen.d.ts","sourceRoot":"","sources":["../../../src/components/error-screen/error-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAI3C,OAAO,2CAA2C,CAAA;AAClD,OAAO,6CAA6C,CAAA;AACpD,OAAO,qDAAqD,CAAA;AAC5D,OAAO,2CAA2C,CAAA;AAQlD,qBACa,WAAY,SAAQ,UAAU;IAGvC,SAAS,EAAE,MAAM,CAA0B;IAI3C,MAAM,CAAC,EAAE,MAAM,CAAA;;IAMf,iBAAiB;IAIjB,MAAM;IA+BN,MAAM,CAAC,MAAM,4BAAkB;CAClC"}
+{"version":3,"file":"error-screen.d.ts","sourceRoot":"","sources":["../../../src/components/error-screen/error-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAA;AAG/C,OAAO,2CAA2C,CAAA;AAClD,OAAO,6CAA6C,CAAA;AACpD,OAAO,qDAAqD,CAAA;AAC5D,OAAO,2CAA2C,CAAA;AAElD,OAAO,aAAa,MAAM,8BAA8B,CAAA;AAGxD,qBAAa,WAAY,SAAQ,aAAa;IAG1C,SAAS,EAAE,MAAM,CAA0B;IAI3C,MAAM,CAAC,EAAE,MAAM,CAAA;;IAMf,iBAAiB;IAIV,MAAM,IAAI,cAAc;IA+B/B,MAAM,CAAC,MAAM,4BAAkB;CAClC"}