@unidy.io/sdk 1.1.2 → 1.1.4

package/dist/collection/ticketable/components/ticketable-list/ticketable-list.js

@@ -0,0 +1,498 @@
+import { Host, h } from "@stencil/core";
+import { format } from "date-fns/format";
+import { de } from "date-fns/locale/de";
+import { enUS } from "date-fns/locale/en-US";
+import { fr } from "date-fns/locale/fr";
+import { nlBE } from "date-fns/locale/nl-BE";
+import { ro } from "date-fns/locale/ro";
+import { getUnidyClient } from "../../../api";
+import { t } from "../../../i18n";
+import { UnidyComponent } from "../../../logger";
+import { unidyState, waitForConfig } from "../../../shared/store/unidy-store";
+import { createPaginationStore } from "../../store/pagination-store";
+import { createSkeletonLoader, replaceTextNodesWithSkeletons } from "./skeleton-helpers";
+const LOCALES = {
+    "en-US": enUS,
+    de: de,
+    fr: fr,
+    "nl-BE": nlBE,
+    ro: ro,
+};
+export class TicketableList extends UnidyComponent {
+    constructor() {
+        super();
+    }
+    element;
+    // TODO: move into a generic store, since we'll have this kind of fetching all over the app (also implement SWR and other things inside of it)
+    items = [];
+    loading = true;
+    error = null;
+    paginationMeta = null;
+    target;
+    containerClass;
+    // TODO: add a component that can override this
+    filter = "";
+    // TODO: Add pagination component to override all of this
+    limit = 10;
+    page = 1;
+    skeletonCount;
+    skeletonAllText = false;
+    ticketableType;
+    async fetchData() {
+        await this.loadData();
+    }
+    store = null;
+    uTicketableListSuccess;
+    uTicketableListError;
+    async componentWillLoad() {
+        this.store = createPaginationStore();
+    }
+    async componentDidLoad() {
+        this.logger.trace("start componentDidLoad");
+        await waitForConfig();
+        this.logger.trace("UnidyConfig loaded, start to load data");
+        await this.loadData();
+        this.logger.debug(`data loaded, items: ${this.items}, paginationMeta: ${this.paginationMeta}`);
+    }
+    async loadData() {
+        this.loading = true;
+        if (!this.ticketableType) {
+            this.error = "[u-ticketable-list] ticketable-type attribute is required";
+            this.loading = false;
+            this.uTicketableListError.emit({ error: this.error });
+            return;
+        }
+        if (this.ticketableType !== "ticket" && this.ticketableType !== "subscription") {
+            this.error = `[u-ticketable-list] Invalid ticketable-type: ${this.ticketableType}. Must be 'ticket' or 'subscription'`;
+            this.loading = false;
+            this.uTicketableListError.emit({ error: this.error });
+            return;
+        }
+        try {
+            const unidyClient = await getUnidyClient();
+            const service = this.ticketableType === "ticket" ? unidyClient.tickets : unidyClient.subscriptions;
+            const response = await service.list({}, {
+                page: this.page,
+                limit: this.limit,
+                ...Object.fromEntries((this.filter || "").split(";").map((pair) => pair.split("="))),
+            });
+            if (!response.success || !response.data) {
+                this.error =
+                    response.error instanceof Error
+                        ? response.error.message
+                        : response.error || `[u-ticketable-list] Failed to fetch ${this.ticketableType}s`;
+                this.loading = false;
+                this.uTicketableListError.emit({ error: this.error });
+                return;
+            }
+            this.items = response.data.results;
+            this.paginationMeta = response.data.meta;
+            // Update the store with pagination data
+            if (this.store) {
+                this.store.state.paginationMeta = response.data.meta;
+            }
+            this.loading = false;
+            this.uTicketableListSuccess.emit({ ticketableType: this.ticketableType, items: this.items, paginationMeta: this.paginationMeta });
+        }
+        catch (err) {
+            this.error = err instanceof Error ? err.message : "[u-ticketable-list] An error occurred";
+            this.loading = false;
+            this.uTicketableListError.emit({ error: this.error });
+        }
+    }
+    renderFragment(template, item) {
+        const fragment = template.content.cloneNode(true);
+        const isSkeleton = !item;
+        for (const elem of fragment.querySelectorAll("[unidy-attr]")) {
+            for (const [unidyAttr, newValue] of Array.from(elem.attributes)
+                .filter((attr) => attr.name.startsWith("unidy-attr-"))
+                .map((attr) => {
+                if (isSkeleton) {
+                    return [attr, "#"];
+                }
+                let value = attr.value;
+                for (const [key, val] of Object.entries(item)) {
+                    value = value.replaceAll(`{{${key}}}`, val);
+                }
+                return [attr, value];
+            })) {
+                elem.setAttribute(unidyAttr.name.replace("unidy-attr-", ""), newValue);
+                elem.removeAttribute(unidyAttr.name);
+            }
+        }
+        if (isSkeleton && this.skeletonAllText) {
+            replaceTextNodesWithSkeletons(fragment);
+        }
+        for (const valueEl of fragment.querySelectorAll("ticketable-value")) {
+            if (isSkeleton) {
+                valueEl.innerHTML = createSkeletonLoader("Sample Text");
+            }
+            else {
+                const key = valueEl.getAttribute("name");
+                if (!key)
+                    continue;
+                const value = item[key];
+                const formatAttr = valueEl.getAttribute("format");
+                const dateFormatAttr = valueEl.getAttribute("date-format");
+                let finalValue;
+                if (typeof value === "object" && value instanceof Date) {
+                    finalValue = format(value, dateFormatAttr || "yyyy-MM-dd", { locale: LOCALES[unidyState.locale] || de });
+                }
+                else if (typeof value === "number" && key === "price") {
+                    finalValue = new Intl.NumberFormat(unidyState.locale, { style: "currency", currency: item.currency || "EUR" }).format(value);
+                }
+                else if (typeof value === "number") {
+                    finalValue = value.toFixed(2);
+                }
+                else if (value != null) {
+                    finalValue = String(value);
+                }
+                else {
+                    finalValue = valueEl.getAttribute("default") || "";
+                }
+                if (formatAttr) {
+                    finalValue = formatAttr.replaceAll("{{value}}", finalValue);
+                }
+                valueEl.textContent = finalValue;
+            }
+        }
+        return fragment;
+    }
+    componentDidUpdate() {
+        if (this.target) {
+            requestAnimationFrame(() => this.renderToTarget());
+        }
+    }
+    componentDidRender() {
+        if (this.target) {
+            requestAnimationFrame(() => this.renderToTarget());
+        }
+    }
+    renderToTarget() {
+        const template = this.element.querySelector("template");
+        if (!template)
+            return;
+        const targetElement = document.querySelector(this.target);
+        if (!targetElement) {
+            this.logger.warn("targetElement not found");
+            return;
+        }
+        // Clear existing content
+        targetElement.innerHTML = "";
+        this.renderContent(targetElement, template);
+    }
+    renderContent(target, template) {
+        if (this.loading) {
+            // Use skeletonCount if provided, otherwise use limit
+            const skeletonCount = this.skeletonCount || this.limit;
+            for (const _item of Array.from({ length: skeletonCount })) {
+                target.appendChild(this.renderFragment(template));
+            }
+        }
+        else if (!this.error) {
+            for (const item of this.items) {
+                target.appendChild(this.renderFragment(template, item));
+            }
+        }
+        else {
+            this.logger.error(`failed to load content: ${this.error}`);
+            target.innerHTML = `<h1>${t("errors.prefix")} ${this.error}</h1>`;
+        }
+    }
+    render() {
+        if (this.error) {
+            this.logger.error(`can't render content: ${this.error}`);
+            return (h("h1", null, "`$", t("errors.prefix"), " $", this.error, "`"));
+        }
+        const template = this.element.querySelector("template");
+        if (!template) {
+            this.logger.error("template not found");
+            return h("h1", null, "No template found - fix config");
+        }
+        if (this.target) {
+            return (h(Host, null, h("slot", null)));
+        }
+        const element = document.createElement("div");
+        this.renderContent(element, template);
+        return (h(Host, null, h("div", { class: this.containerClass, innerHTML: element.innerHTML }), h("slot", { name: "pagination" })));
+    }
+    static get is() { return "u-ticketable-list"; }
+    static get properties() {
+        return {
+            "paginationMeta": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "PaginationMeta | null",
+                    "resolved": "{ count: number; page: number; limit: number; last: number; prev?: number; next?: number; }",
+                    "references": {
+                        "PaginationMeta": {
+                            "location": "import",
+                            "path": "../../../api",
+                            "id": "src/api/index.ts::PaginationMeta"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "null"
+            },
+            "target": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "target"
+            },
+            "containerClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "container-class"
+            },
+            "filter": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "filter",
+                "defaultValue": "\"\""
+            },
+            "limit": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "limit",
+                "defaultValue": "10"
+            },
+            "page": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "page",
+                "defaultValue": "1"
+            },
+            "skeletonCount": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "skeleton-count"
+            },
+            "skeletonAllText": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "skeleton-all-text",
+                "defaultValue": "false"
+            },
+            "ticketableType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"ticket\" | \"subscription\"",
+                    "resolved": "\"subscription\" | \"ticket\"",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "ticketable-type"
+            },
+            "store": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "PaginationStore | null",
+                    "resolved": "{ state: PaginationState; onChange: <K extends keyof PaginationState>(prop: K, cb: (newValue: PaginationState[K]) => void) => () => void; reset: () => void; }",
+                    "references": {
+                        "PaginationStore": {
+                            "location": "import",
+                            "path": "../../store/pagination-store",
+                            "id": "src/ticketable/store/pagination-store.ts::PaginationStore"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "items": {},
+            "loading": {},
+            "error": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "uTicketableListSuccess",
+                "name": "uTicketableListSuccess",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{\n    ticketableType: \"ticket\" | \"subscription\";\n    items: Subscription[] | Ticket[];\n    paginationMeta: PaginationMeta | null;\n  }",
+                    "resolved": "{ ticketableType: \"ticket\" | \"subscription\"; items: { id: string; title: string; text: string; state: string; reference: string; created_at: Date; updated_at: Date; price: number; user_id: string; subscription_category_id: string; payment_frequency?: string; metadata?: Record<string, unknown>; wallet_export?: Record<string, unknown>; payment_state?: string; currency?: string; button_cta_url?: string; starts_at?: Date; ends_at?: Date; next_payment_at?: Date; }[] | { id: string; title: string; reference: string; state: string; starts_at: Date; created_at: Date; updated_at: Date; price: number; user_id: string; ticket_category_id: string; text?: string; metadata?: Record<string, unknown>; wallet_export?: Record<string, unknown>; payment_state?: string; button_cta_url?: string; info_banner?: string; seating?: string; venue?: string; currency?: string; ends_at?: Date; }[]; paginationMeta: { count: number; page: number; limit: number; last: number; prev?: number; next?: number; }; }",
+                    "references": {
+                        "Subscription": {
+                            "location": "import",
+                            "path": "../../api/subscriptions",
+                            "id": "src/ticketable/api/subscriptions.ts::Subscription"
+                        },
+                        "Ticket": {
+                            "location": "import",
+                            "path": "../../api/tickets",
+                            "id": "src/ticketable/api/tickets.ts::Ticket"
+                        },
+                        "PaginationMeta": {
+                            "location": "import",
+                            "path": "../../../api",
+                            "id": "src/api/index.ts::PaginationMeta"
+                        }
+                    }
+                }
+            }, {
+                "method": "uTicketableListError",
+                "name": "uTicketableListError",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{\n    ticketableType?: \"ticket\" | \"subscription\";\n    error: string;\n  }",
+                    "resolved": "{ ticketableType?: \"ticket\" | \"subscription\"; error: string; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "element"; }
+    static get watchers() {
+        return [{
+                "propName": "page",
+                "methodName": "fetchData"
+            }, {
+                "propName": "limit",
+                "methodName": "fetchData"
+            }, {
+                "propName": "filter",
+                "methodName": "fetchData"
+            }];
+    }
+}
+//# sourceMappingURL=ticketable-list.js.map

package/dist/collection/ticketable/components/ticketable-list/ticketable-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ticketable-list.js","sourceRoot":"","sources":["../../../../src/ticketable/components/ticketable-list/ticketable-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, type EventEmitter, Host, h, Prop, State, Watch } from \"@stencil/core\";\nimport type { Locale } from \"date-fns\";\nimport { format } from \"date-fns/format\";\nimport { de } from \"date-fns/locale/de\";\nimport { enUS } from \"date-fns/locale/en-US\";\nimport { fr } from \"date-fns/locale/fr\";\nimport { nlBE } from \"date-fns/locale/nl-BE\";\nimport { ro } from \"date-fns/locale/ro\";\nimport type { PaginationMeta } from \"../../../api\";\nimport { getUnidyClient } from \"../../../api\";\nimport { t } from \"../../../i18n\";\nimport { UnidyComponent } from \"../../../logger\";\nimport { unidyState, waitForConfig } from \"../../../shared/store/unidy-store\";\nimport type { Subscription } from \"../../api/subscriptions\";\nimport type { Ticket } from \"../../api/tickets\";\nimport { createPaginationStore, type PaginationStore } from \"../../store/pagination-store\";\nimport { createSkeletonLoader, replaceTextNodesWithSkeletons } from \"./skeleton-helpers\";\n\nconst LOCALES: Record<string, Locale> = {\n  \"en-US\": enUS,\n  de: de,\n  fr: fr,\n  \"nl-BE\": nlBE,\n  ro: ro,\n};\n\n@Component({ tag: \"u-ticketable-list\", shadow: false })\nexport class TicketableList extends UnidyComponent {\n  @Element() element: HTMLElement;\n\n  // TODO: move into a generic store, since we'll have this kind of fetching all over the app (also implement SWR and other things inside of it)\n  @State() items: Subscription[] | Ticket[] = [];\n  @State() loading = true;\n  @State() error: string | null = null;\n  @Prop() paginationMeta: PaginationMeta | null = null;\n\n  @Prop() target?: string;\n  @Prop() containerClass?: string;\n\n  // TODO: add a component that can override this\n  @Prop({ mutable: true }) filter = \"\";\n\n  // TODO: Add pagination component to override all of this\n  @Prop({ mutable: true }) limit = 10;\n  @Prop({ mutable: true }) page = 1;\n\n  @Prop() skeletonCount?: number;\n  @Prop() skeletonAllText?: boolean = false;\n  @Prop() ticketableType!: \"ticket\" | \"subscription\";\n\n  @Watch(\"page\")\n  @Watch(\"limit\")\n  @Watch(\"filter\")\n  async fetchData() {\n    await this.loadData();\n  }\n\n  @Prop() store: PaginationStore | null = null;\n\n  @Event() uTicketableListSuccess!: EventEmitter<{\n    ticketableType: \"ticket\" | \"subscription\";\n    items: Subscription[] | Ticket[];\n    paginationMeta: PaginationMeta | null;\n  }>;\n\n  @Event() uTicketableListError!: EventEmitter<{\n    ticketableType?: \"ticket\" | \"subscription\";\n    error: string;\n  }>;\n\n  async componentWillLoad() {\n    this.store = createPaginationStore();\n  }\n\n  async componentDidLoad() {\n    this.logger.trace(\"start componentDidLoad\");\n    await waitForConfig();\n    this.logger.trace(\"UnidyConfig loaded, start to load data\");\n    await this.loadData();\n    this.logger.debug(`data loaded, items: ${this.items}, paginationMeta: ${this.paginationMeta}`);\n  }\n\n  private async loadData() {\n    this.loading = true;\n\n    if (!this.ticketableType) {\n      this.error = \"[u-ticketable-list] ticketable-type attribute is required\";\n      this.loading = false;\n      this.uTicketableListError.emit({ error: this.error });\n      return;\n    }\n\n    if (this.ticketableType !== \"ticket\" && this.ticketableType !== \"subscription\") {\n      this.error = `[u-ticketable-list] Invalid ticketable-type: ${this.ticketableType}. Must be 'ticket' or 'subscription'`;\n      this.loading = false;\n      this.uTicketableListError.emit({ error: this.error });\n      return;\n    }\n\n    try {\n      const unidyClient = await getUnidyClient();\n      const service = this.ticketableType === \"ticket\" ? unidyClient.tickets : unidyClient.subscriptions;\n\n      const response = await service.list(\n        {},\n        {\n          page: this.page,\n          limit: this.limit,\n          ...Object.fromEntries((this.filter || \"\").split(\";\").map((pair) => pair.split(\"=\"))),\n        },\n      );\n\n      if (!response.success || !response.data) {\n        this.error =\n          response.error instanceof Error\n            ? response.error.message\n            : response.error || `[u-ticketable-list] Failed to fetch ${this.ticketableType}s`;\n        this.loading = false;\n        this.uTicketableListError.emit({ error: this.error });\n        return;\n      }\n\n      this.items = response.data.results;\n      this.paginationMeta = response.data.meta;\n\n      // Update the store with pagination data\n      if (this.store) {\n        this.store.state.paginationMeta = response.data.meta;\n      }\n\n      this.loading = false;\n\n      this.uTicketableListSuccess.emit({ ticketableType: this.ticketableType, items: this.items, paginationMeta: this.paginationMeta });\n    } catch (err) {\n      this.error = err instanceof Error ? err.message : \"[u-ticketable-list] An error occurred\";\n      this.loading = false;\n      this.uTicketableListError.emit({ error: this.error });\n    }\n  }\n\n  private renderFragment(template: HTMLTemplateElement, item?: Subscription | Ticket): DocumentFragment {\n    const fragment = template.content.cloneNode(true) as DocumentFragment;\n    const isSkeleton = !item;\n\n    for (const elem of fragment.querySelectorAll(\"[unidy-attr]\")) {\n      for (const [unidyAttr, newValue] of Array.from(elem.attributes)\n        .filter((attr) => attr.name.startsWith(\"unidy-attr-\"))\n        .map((attr) => {\n          if (isSkeleton) {\n            return [attr, \"#\"] as const;\n          }\n\n          let value = attr.value;\n          for (const [key, val] of Object.entries(item)) {\n            value = value.replaceAll(`{{${key}}}`, val as string);\n          }\n\n          return [attr, value] as const;\n        })) {\n        elem.setAttribute(unidyAttr.name.replace(\"unidy-attr-\", \"\"), newValue);\n        elem.removeAttribute(unidyAttr.name);\n      }\n    }\n\n    if (isSkeleton && this.skeletonAllText) {\n      replaceTextNodesWithSkeletons(fragment);\n    }\n\n    for (const valueEl of fragment.querySelectorAll(\"ticketable-value\")) {\n      if (isSkeleton) {\n        valueEl.innerHTML = createSkeletonLoader(\"Sample Text\");\n      } else {\n        const key = valueEl.getAttribute(\"name\");\n        if (!key) continue;\n        const value = item[key];\n        const formatAttr = valueEl.getAttribute(\"format\");\n        const dateFormatAttr = valueEl.getAttribute(\"date-format\");\n\n        let finalValue: string;\n\n        if (typeof value === \"object\" && value instanceof Date) {\n          finalValue = format(value, dateFormatAttr || \"yyyy-MM-dd\", { locale: LOCALES[unidyState.locale] || de });\n        } else if (typeof value === \"number\" && key === \"price\") {\n          finalValue = new Intl.NumberFormat(unidyState.locale, { style: \"currency\", currency: item.currency || \"EUR\" }).format(value);\n        } else if (typeof value === \"number\") {\n          finalValue = value.toFixed(2);\n        } else if (value != null) {\n          finalValue = String(value);\n        } else {\n          finalValue = valueEl.getAttribute(\"default\") || \"\";\n        }\n\n        if (formatAttr) {\n          finalValue = formatAttr.replaceAll(\"{{value}}\", finalValue);\n        }\n\n        valueEl.textContent = finalValue;\n      }\n    }\n\n    return fragment;\n  }\n\n  componentDidUpdate() {\n    if (this.target) {\n      requestAnimationFrame(() => this.renderToTarget());\n    }\n  }\n\n  componentDidRender() {\n    if (this.target) {\n      requestAnimationFrame(() => this.renderToTarget());\n    }\n  }\n\n  private renderToTarget() {\n    const template = this.element.querySelector(\"template\");\n    if (!template) return;\n\n    const targetElement = document.querySelector(this.target);\n    if (!targetElement) {\n      this.logger.warn(\"targetElement not found\");\n      return;\n    }\n\n    // Clear existing content\n    targetElement.innerHTML = \"\";\n    this.renderContent(targetElement, template);\n  }\n\n  private renderContent(target: Element, template: HTMLTemplateElement) {\n    if (this.loading) {\n      // Use skeletonCount if provided, otherwise use limit\n      const skeletonCount = this.skeletonCount || this.limit;\n      for (const _item of Array.from({ length: skeletonCount })) {\n        target.appendChild(this.renderFragment(template));\n      }\n    } else if (!this.error) {\n      for (const item of this.items) {\n        target.appendChild(this.renderFragment(template, item));\n      }\n    } else {\n      this.logger.error(`failed to load content: ${this.error}`);\n      target.innerHTML = `<h1>${t(\"errors.prefix\")} ${this.error}</h1>`;\n    }\n  }\n\n  render() {\n    if (this.error) {\n      this.logger.error(`can't render content: ${this.error}`);\n      return (\n        <h1>\n          `${t(\"errors.prefix\")} ${this.error}`\n        </h1>\n      );\n    }\n\n    const template = this.element.querySelector(\"template\");\n    if (!template) {\n      this.logger.error(\"template not found\");\n      return <h1>No template found - fix config</h1>;\n    }\n\n    if (this.target) {\n      return (\n        <Host>\n          <slot />\n        </Host>\n      );\n    }\n\n    const element = document.createElement(\"div\");\n    this.renderContent(element, template);\n\n    return (\n      <Host>\n        <div class={this.containerClass} innerHTML={element.innerHTML} />\n        <slot name=\"pagination\" />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/ticketable/index.js

@@ -0,0 +1,13 @@
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export * from "./api/tickets";
+export * from "./api/subscriptions";
+export * from "./store/pagination-store";
+//# sourceMappingURL=index.js.map

package/dist/collection/ticketable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ticketable/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport * from \"./api/tickets\";\nexport * from \"./api/subscriptions\";\nexport * from \"./store/pagination-store\";\n"]}

package/dist/collection/ticketable/store/pagination-store.js

@@ -0,0 +1,9 @@
+import { createStore } from "@stencil/store";
+export function createPaginationStore() {
+    const initialState = {
+        paginationMeta: null,
+    };
+    const store = createStore(initialState);
+    return { state: store.state, onChange: store.onChange, reset: store.reset };
+}
+//# sourceMappingURL=pagination-store.js.map

package/dist/collection/ticketable/store/pagination-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-store.js","sourceRoot":"","sources":["../../../src/ticketable/store/pagination-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAa7C,MAAM,UAAU,qBAAqB;IACnC,MAAM,YAAY,GAAoB;QACpC,cAAc,EAAE,IAAI;KACrB,CAAC;IAEF,MAAM,KAAK,GAAG,WAAW,CAAkB,YAAY,CAAC,CAAC;IAEzD,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;AAC9E,CAAC","sourcesContent":["import { createStore } from \"@stencil/store\";\nimport type { PaginationMeta } from \"../../api\";\n\nexport interface PaginationState {\n  paginationMeta: PaginationMeta | null;\n}\n\nexport type PaginationStore = {\n  state: PaginationState;\n  onChange: <K extends keyof PaginationState>(prop: K, cb: (newValue: PaginationState[K]) => void) => () => void;\n  reset: () => void;\n};\n\nexport function createPaginationStore(): PaginationStore {\n  const initialState: PaginationState = {\n    paginationMeta: null,\n  };\n\n  const store = createStore<PaginationState>(initialState);\n\n  return { state: store.state, onChange: store.onChange, reset: store.reset };\n}\n"]}

package/dist/{sdk/auth-store-CapiC8gJ.js → components/auth-store.js}

@@ -1,5 +1,5 @@
-import { c as createStore } from './index-BnBstyfp.js';
-import { u as unidyState } from './unidy-store-BwZym11Y.js';
+import { c as createStore } from './index3.js';
+import { u as unidyState } from './unidy-store.js';
 
 const missingRequiredUserDefaultFields = () => {
     const fields = store.state.missingRequiredFields ?? {};
@@ -48,6 +48,7 @@ const initialState = {
         resetPassword: null,
         general: null,
         connection: null,
+        passkey: null,
     },
     globalErrors: {},
     authenticated: false,
@@ -174,6 +175,6 @@ class AuthStore {
 const authStore = new AuthStore();
 
 export { authStore as a, authStoreOnChange as b, missingFieldNames as m, state as s };
-//# sourceMappingURL=auth-store-CapiC8gJ.js.map
+//# sourceMappingURL=auth-store.js.map
 
-//# sourceMappingURL=auth-store-CapiC8gJ.js.map
+//# sourceMappingURL=auth-store.js.map

package/dist/components/auth-store.js.map

@@ -0,0 +1 @@
+{"file":"auth-store.js","mappings":"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","names":[],"sources":["src/auth/store/auth-store.ts"],"sourcesContent":["import { createStore } from \"@stencil/store\";\nimport type { ProfileNode } from \"../../profile\";\nimport { unidyState } from \"../../shared/store/unidy-store\";\nimport type { LoginOptions, RequiredFieldsResponse } from \"../api/auth\";\nimport type { SigninRoot } from \"../components/signin-root/signin-root\";\n\nexport type AuthStep = \"email\" | \"verification\" | \"magic-code\" | \"missing-fields\" | \"reset-password\" | \"registration\" | \"single-login\";\n\nexport interface AuthState {\n  step: AuthStep;\n  sid: string | null;\n  email: string;\n  password: string;\n\n  magicCodeStep: null | \"requested\" | \"sent\";\n  resetPassword: {\n    step: null | \"requested\" | \"sent\" | \"completed\";\n    token: string | null;\n    newPassword: string;\n    passwordConfirmation: string;\n  };\n  missingRequiredFields?: RequiredFieldsResponse[\"fields\"];\n  availableLoginOptions: LoginOptions | null;\n\n  loading: boolean;\n  errors: Record<\"email\" | \"password\" | \"magicCode\" | \"resetPassword\" | \"general\" | \"connection\" | \"passkey\", string | null>;\n  globalErrors: Record<string, string | null>;\n\n  authenticated: boolean;\n  token: string | null;\n}\n\nconst missingRequiredUserDefaultFields = () => {\n  const fields = store.state.missingRequiredFields ?? ({} as RequiredFieldsResponse[\"fields\"]);\n  const { custom_attributes, ...missingRequiredUserDefaultFields } = fields;\n  return missingRequiredUserDefaultFields as Record<string, ProfileNode>;\n};\n\nconst missingRequiredCustomAttributeFields = () => {\n  const fields = store.state.missingRequiredFields ?? ({} as RequiredFieldsResponse[\"fields\"]);\n  return (fields?.custom_attributes ?? {}) as Record<string, ProfileNode>;\n};\n\nexport const missingFieldNames = () => {\n  const userDefaultFields = Object.keys(missingRequiredUserDefaultFields());\n  const ca = Object.keys(missingRequiredCustomAttributeFields()).map((k) => `custom_attributes.${k}`);\n  return [...userDefaultFields, ...ca];\n};\n\nconst SESSION_KEYS = {\n  SID: \"unidy_signin_id\",\n  TOKEN: \"unidy_token\",\n  EMAIL: \"unidy_email\",\n} as const;\n\nconst saveToStorage = (storage: Storage, key: string, value: string | null) => {\n  if (value) {\n    storage.setItem(key, value);\n  } else {\n    storage.removeItem(key);\n  }\n};\n\nconst initialState: AuthState = {\n  step: undefined,\n  email: localStorage.getItem(SESSION_KEYS.EMAIL) ?? \"\",\n  password: \"\",\n  magicCodeStep: null,\n  resetPassword: {\n    step: null,\n    token: null,\n    newPassword: \"\",\n    passwordConfirmation: \"\",\n  },\n  sid: localStorage.getItem(SESSION_KEYS.SID),\n  loading: false,\n  errors: {\n    email: null,\n    password: null,\n    magicCode: null,\n    resetPassword: null,\n    general: null,\n    connection: null,\n    passkey: null,\n  },\n  globalErrors: {},\n  authenticated: false,\n  missingRequiredFields: undefined,\n  availableLoginOptions: {\n    magic_link: false,\n    password: false,\n    social_logins: [],\n    passkey: true,\n  },\n  token: sessionStorage.getItem(SESSION_KEYS.TOKEN),\n};\n\nconst store = createStore<AuthState>(initialState);\nconst { state, reset } = store;\n\nconst authStoreOnChange: <K extends keyof AuthState>(prop: K, cb: (value: AuthState[K]) => void) => () => void = store.onChange;\n\nclass AuthStore {\n  private rootComponentRef: SigninRoot | null = null;\n\n  setRootComponentRef(ref: SigninRoot) {\n    this.rootComponentRef = ref;\n  }\n\n  getRootComponentRef() {\n    return this.rootComponentRef;\n  }\n\n  get state() {\n    return state;\n  }\n\n  setInitialStep(step: AuthStep) {\n    if (state.step === undefined) state.step = step;\n  }\n\n  setEmail(email: string) {\n    state.email = email;\n    state.errors.email = null;\n    saveToStorage(localStorage, SESSION_KEYS.EMAIL, email);\n  }\n\n  setPassword(password: string) {\n    state.password = password;\n    state.errors.password = null;\n  }\n\n  setMissingFields(fields: RequiredFieldsResponse[\"fields\"]) {\n    state.missingRequiredFields = fields;\n  }\n\n  setLoginOptions(availableLoginOptions: LoginOptions) {\n    state.availableLoginOptions = availableLoginOptions;\n  }\n\n  setLoading(loading: boolean) {\n    state.loading = loading;\n  }\n\n  setFieldError(field: string, error: string | null) {\n    if (!this.handleError(error)) return;\n\n    state.errors = { ...state.errors, [field]: error };\n  }\n\n  setGlobalError(key: string, error: string | null) {\n    if (!this.handleError(error)) return;\n    state.globalErrors = { ...state.globalErrors, [key]: error };\n  }\n\n  private handleError(error: string | null): boolean {\n    if (!error) return true;\n\n    if (error === \"connection_failed\") {\n      unidyState.backendConnected = false;\n      return false;\n    }\n\n    if (error === \"sign_in_not_found\") {\n      this.reset();\n      return false;\n    }\n\n    this.rootComponentRef?.onError(error);\n    return true;\n  }\n\n  clearFieldError(field: \"email\" | \"password\" | \"magicCode\" | \"resetPassword\" | \"general\" | \"connection\" | \"passkey\") {\n    state.errors = { ...state.errors, [field]: null } as Record<\n      \"email\" | \"password\" | \"magicCode\" | \"resetPassword\" | \"general\" | \"connection\" | \"passkey\",\n      string | null\n    >;\n  }\n\n  clearErrors() {\n    state.errors = initialState.errors;\n    state.globalErrors = {};\n  }\n\n  setStep(step: AuthStep) {\n    state.step = step;\n  }\n\n  setSignInId(signInId: string) {\n    state.sid = signInId;\n    saveToStorage(localStorage, SESSION_KEYS.SID, signInId);\n  }\n\n  setToken(token: string) {\n    state.token = token;\n    saveToStorage(sessionStorage, SESSION_KEYS.TOKEN, token);\n    this.setAuthenticated(!!token);\n  }\n\n  setMagicCodeStep(step: null | \"requested\" | \"sent\") {\n    state.magicCodeStep = step;\n  }\n\n  setResetPasswordStep(step: null | \"requested\" | \"sent\" | \"completed\") {\n    state.resetPassword = { ...state.resetPassword, step };\n  }\n\n  setResetToken(token: string | null) {\n    state.resetPassword = { ...state.resetPassword, token };\n  }\n\n  setNewPassword(password: string) {\n    state.resetPassword = { ...state.resetPassword, newPassword: password };\n  }\n\n  setConfirmPassword(password: string) {\n    state.resetPassword = { ...state.resetPassword, passwordConfirmation: password };\n  }\n\n  updateResetPassword(updates: Partial<AuthState[\"resetPassword\"]>) {\n    state.resetPassword = { ...state.resetPassword, ...updates };\n  }\n\n  setAuthenticated(authenticated: boolean) {\n    state.authenticated = authenticated;\n\n    if (!authenticated) {\n      state.token = null;\n      state.sid = null;\n    }\n  }\n\n  reset() {\n    reset();\n    saveToStorage(localStorage, SESSION_KEYS.SID, null);\n    saveToStorage(localStorage, SESSION_KEYS.EMAIL, null);\n    saveToStorage(sessionStorage, SESSION_KEYS.TOKEN, null);\n  }\n}\n\nexport const authStore = new AuthStore();\nexport { state as authState, authStoreOnChange as onChange };\n"],"version":3}