@unidy.io/sdk 1.1.8 → 1.1.10

package/dist/collection/ticketable/api/tickets.js

@@ -0,0 +1,48 @@
+import * as z from "zod";
+import { PaginationMetaSchema } from "../../api/shared";
+import { getWithSchema } from "./get-with-schema";
+import { TicketableListParamsBaseSchema } from "./schemas";
+// Date transformer for ISO8601 strings
+const dateTransformer = z.coerce.date();
+const nullableDateTransformer = z.coerce.date().nullable();
+// Ticket types based on TicketSerializer
+const TicketSchema = z.object({
+    id: z.uuid(), // unidy_id
+    title: z.string(),
+    text: z.string().nullable(),
+    reference: z.string(),
+    metadata: z.record(z.string(), z.unknown()).nullable(),
+    wallet_export: z.record(z.string(), z.unknown()).nullable(),
+    state: z.string(),
+    payment_state: z.string().nullable(),
+    button_cta_url: z.string().nullable(),
+    info_banner: z.string().nullable(),
+    seating: z.string().nullable(),
+    venue: z.string().nullable(),
+    currency: z.string().nullable(),
+    starts_at: dateTransformer, // ISO8601(3) -> Date
+    ends_at: nullableDateTransformer, // ISO8601(3) -> Date | null
+    created_at: dateTransformer, // ISO8601(3) -> Date
+    updated_at: dateTransformer, // ISO8601(3) -> Date
+    price: z.number(), // decimal(8, 2) -> float
+    user_id: z.uuid(),
+    ticket_category_id: z.uuid(),
+});
+// List response
+const TicketsListResponseSchema = z.object({
+    meta: PaginationMetaSchema,
+    results: z.array(TicketSchema),
+});
+// Query params schema with validations
+const TicketsListParamsSchema = TicketableListParamsBaseSchema.extend({ ticket_category_id: z.string().uuid() }).partial();
+export class TicketsService {
+    client;
+    list;
+    get;
+    constructor(client) {
+        this.client = client;
+        this.list = getWithSchema(this.client, TicketsListResponseSchema, (_args) => "/api/sdk/v1/tickets", TicketsListParamsSchema);
+        this.get = getWithSchema(this.client, TicketSchema, (args) => `/api/sdk/v1/tickets/${args.id}`);
+    }
+}
+//# sourceMappingURL=tickets.js.map

package/dist/collection/ticketable/api/tickets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tickets.js","sourceRoot":"","sources":["../../../src/ticketable/api/tickets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAE3D,uCAAuC;AACvC,MAAM,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;AACxC,MAAM,uBAAuB,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC;AAE3D,yCAAyC;AACzC,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC;IAC5B,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,WAAW;IACzB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;IACjB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC3B,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;IACrB,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,EAAE;IACtD,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC3D,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;IACjB,aAAa,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACpC,cAAc,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACrC,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAClC,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC9B,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC5B,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC/B,SAAS,EAAE,eAAe,EAAE,qBAAqB;IACjD,OAAO,EAAE,uBAAuB,EAAE,4BAA4B;IAC9D,UAAU,EAAE,eAAe,EAAE,qBAAqB;IAClD,UAAU,EAAE,eAAe,EAAE,qBAAqB;IAClD,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,yBAAyB;IAC5C,OAAO,EAAE,CAAC,CAAC,IAAI,EAAE;IACjB,kBAAkB,EAAE,CAAC,CAAC,IAAI,EAAE;CAC7B,CAAC,CAAC;AAIH,gBAAgB;AAChB,MAAM,yBAAyB,GAAG,CAAC,CAAC,MAAM,CAAC;IACzC,IAAI,EAAE,oBAAoB;IAC1B,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;CAC/B,CAAC,CAAC;AAIH,uCAAuC;AACvC,MAAM,uBAAuB,GAAG,8BAA8B,CAAC,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;AAI3H,MAAM,OAAO,cAAc;IAIL;IAHpB,IAAI,CAA0F;IAC9F,GAAG,CAAyD;IAE5D,YAAoB,MAAiB;QAAjB,WAAM,GAAN,MAAM,CAAW;QACnC,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,yBAAyB,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,qBAAqB,EAAE,uBAAuB,CAAC,CAAC;QAEtI,IAAI,CAAC,GAAG,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,uBAAuB,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAClH,CAAC;CACF","sourcesContent":["import * as z from \"zod\";\nimport type { ApiClient, ApiResponse } from \"../../api\";\nimport { PaginationMetaSchema } from \"../../api/shared\";\nimport { getWithSchema } from \"./get-with-schema\";\nimport { TicketableListParamsBaseSchema } from \"./schemas\";\n\n// Date transformer for ISO8601 strings\nconst dateTransformer = z.coerce.date();\nconst nullableDateTransformer = z.coerce.date().nullable();\n\n// Ticket types based on TicketSerializer\nconst TicketSchema = z.object({\n  id: z.uuid(), // unidy_id\n  title: z.string(),\n  text: z.string().nullable(),\n  reference: z.string(),\n  metadata: z.record(z.string(), z.unknown()).nullable(),\n  wallet_export: z.record(z.string(), z.unknown()).nullable(),\n  state: z.string(),\n  payment_state: z.string().nullable(),\n  button_cta_url: z.string().nullable(),\n  info_banner: z.string().nullable(),\n  seating: z.string().nullable(),\n  venue: z.string().nullable(),\n  currency: z.string().nullable(),\n  starts_at: dateTransformer, // ISO8601(3) -> Date\n  ends_at: nullableDateTransformer, // ISO8601(3) -> Date | null\n  created_at: dateTransformer, // ISO8601(3) -> Date\n  updated_at: dateTransformer, // ISO8601(3) -> Date\n  price: z.number(), // decimal(8, 2) -> float\n  user_id: z.uuid(),\n  ticket_category_id: z.uuid(),\n});\n\nexport type Ticket = z.infer<typeof TicketSchema>;\n\n// List response\nconst TicketsListResponseSchema = z.object({\n  meta: PaginationMetaSchema,\n  results: z.array(TicketSchema),\n});\n\nexport type TicketsListResponse = z.infer<typeof TicketsListResponseSchema>;\n\n// Query params schema with validations\nconst TicketsListParamsSchema = TicketableListParamsBaseSchema.extend({ ticket_category_id: z.string().uuid() }).partial();\n\nexport type TicketsListParams = z.input<typeof TicketsListParamsSchema>;\n\nexport class TicketsService {\n  list: (args: object, params?: TicketsListParams) => Promise<ApiResponse<TicketsListResponse>>;\n  get: (args: { id: string }) => Promise<ApiResponse<Ticket>>;\n\n  constructor(private client: ApiClient) {\n    this.list = getWithSchema(this.client, TicketsListResponseSchema, (_args: unknown) => \"/api/sdk/v1/tickets\", TicketsListParamsSchema);\n\n    this.get = getWithSchema(this.client, TicketSchema, (args: { id: string }) => `/api/sdk/v1/tickets/${args.id}`);\n  }\n}\n"]}

package/dist/collection/ticketable/components/pagination/pagination-button.js

@@ -0,0 +1,108 @@
+import { Host, h } from "@stencil/core";
+import { UnidyComponent } from "../../../logger";
+export class PaginationButton extends UnidyComponent {
+    constructor() {
+        super();
+    }
+    element;
+    direction = "next";
+    customClass;
+    paginationMeta = null;
+    store = null;
+    unsubscribe = null;
+    componentDidLoad() {
+        this.store = this.element.closest("u-ticketable-list")?.store;
+        if (!this.store) {
+            this.logger.warn("TicketableList component not found");
+            return;
+        }
+        // Get initial state
+        this.paginationMeta = this.store.state.paginationMeta;
+        // Subscribe to store changes - watch for changes to paginationMeta
+        this.unsubscribe = this.store.onChange("paginationMeta", (value) => {
+            this.paginationMeta = value;
+        });
+    }
+    disconnectedCallback() {
+        this.unsubscribe?.();
+    }
+    handleClick = () => {
+        const parent = this.element.closest("u-ticketable-list");
+        if (!parent || !this.paginationMeta) {
+            return;
+        }
+        const isPrev = this.direction === "prev";
+        let newPage = null;
+        if (isPrev && this.paginationMeta.prev !== null) {
+            newPage = this.paginationMeta.prev;
+        }
+        else if (!isPrev && this.paginationMeta.next !== null) {
+            newPage = this.paginationMeta.next;
+        }
+        if (newPage !== null) {
+            parent.setAttribute("page", String(newPage));
+        }
+    };
+    render() {
+        if (!this.store) {
+            this.logger.warn("TicketableList component not found");
+            return null;
+        }
+        const isPrev = this.direction === "prev";
+        const icon = isPrev ? "←" : "→";
+        // Determine disabled state based on pagination meta
+        const disabled = !this.paginationMeta || (isPrev ? this.paginationMeta.prev === null : this.paginationMeta.next === null);
+        return (h(Host, null, h("button", { type: "button", onClick: this.handleClick, disabled: disabled, "aria-label": isPrev ? "Previous page" : "Next page", class: this.customClass }, h("slot", { name: "icon" }, h("span", { "aria-hidden": "true" }, icon)))));
+    }
+    static get is() { return "u-pagination-button"; }
+    static get properties() {
+        return {
+            "direction": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"prev\" | \"next\"",
+                    "resolved": "\"next\" | \"prev\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "direction",
+                "defaultValue": "\"next\""
+            },
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "paginationMeta": {}
+        };
+    }
+    static get elementRef() { return "element"; }
+}
+//# sourceMappingURL=pagination-button.js.map

package/dist/collection/ticketable/components/pagination/pagination-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-button.js","sourceRoot":"","sources":["../../../../src/ticketable/components/pagination/pagination-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, h, Prop, State } from \"@stencil/core\";\nimport type { PaginationMeta } from \"../../../api\";\nimport { UnidyComponent } from \"../../../logger\";\nimport type { PaginationStore } from \"../../store/pagination-store\";\n\n@Component({ tag: \"u-pagination-button\", shadow: false })\nexport class PaginationButton extends UnidyComponent {\n  @Element() element: HTMLElement;\n\n  @Prop() direction: \"prev\" | \"next\" = \"next\";\n  @Prop() customClass?: string;\n\n  @State() paginationMeta: PaginationMeta | null = null;\n\n  private store: PaginationStore | null = null;\n  private unsubscribe: (() => void) | null = null;\n\n  componentDidLoad() {\n    this.store = this.element.closest(\"u-ticketable-list\")?.store;\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return;\n    }\n\n    // Get initial state\n    this.paginationMeta = this.store.state.paginationMeta;\n\n    // Subscribe to store changes - watch for changes to paginationMeta\n    this.unsubscribe = this.store.onChange(\"paginationMeta\", (value: PaginationMeta | null) => {\n      this.paginationMeta = value;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  private handleClick = () => {\n    const parent = this.element.closest(\"u-ticketable-list\");\n    if (!parent || !this.paginationMeta) {\n      return;\n    }\n\n    const isPrev = this.direction === \"prev\";\n    let newPage: number | null = null;\n\n    if (isPrev && this.paginationMeta.prev !== null) {\n      newPage = this.paginationMeta.prev;\n    } else if (!isPrev && this.paginationMeta.next !== null) {\n      newPage = this.paginationMeta.next;\n    }\n\n    if (newPage !== null) {\n      parent.setAttribute(\"page\", String(newPage));\n    }\n  };\n\n  render() {\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return null;\n    }\n\n    const isPrev = this.direction === \"prev\";\n    const icon = isPrev ? \"←\" : \"→\";\n\n    // Determine disabled state based on pagination meta\n    const disabled = !this.paginationMeta || (isPrev ? this.paginationMeta.prev === null : this.paginationMeta.next === null);\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          onClick={this.handleClick}\n          disabled={disabled}\n          aria-label={isPrev ? \"Previous page\" : \"Next page\"}\n          class={this.customClass}\n        >\n          <slot name=\"icon\">\n            <span aria-hidden=\"true\">{icon}</span>\n          </slot>\n        </button>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/ticketable/components/pagination/pagination-page.js

@@ -0,0 +1,69 @@
+import { Host, h } from "@stencil/core";
+import { UnidyComponent } from "../../../logger";
+export class PaginationPage extends UnidyComponent {
+    constructor() {
+        super();
+    }
+    element;
+    customClass;
+    paginationMeta = null;
+    store = null;
+    unsubscribe = null;
+    componentDidLoad() {
+        this.store = this.element.closest("u-ticketable-list")?.store;
+        if (!this.store) {
+            this.logger.warn("TicketableList component not found");
+            return;
+        }
+        // Get initial state
+        this.paginationMeta = this.store.state.paginationMeta;
+        // Subscribe to store changes - watch for changes to paginationMeta
+        this.unsubscribe = this.store.onChange("paginationMeta", (value) => {
+            this.paginationMeta = value;
+        });
+    }
+    disconnectedCallback() {
+        this.unsubscribe?.();
+    }
+    render() {
+        if (!this.store) {
+            this.logger.warn("TicketableList component not found");
+            return null;
+        }
+        if (!this.paginationMeta) {
+            return null;
+        }
+        return (h(Host, null, h("span", { class: this.customClass }, "Page ", this.paginationMeta.page, " of ", this.paginationMeta.last)));
+    }
+    static get is() { return "u-pagination-page"; }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "paginationMeta": {}
+        };
+    }
+    static get elementRef() { return "element"; }
+}
+//# sourceMappingURL=pagination-page.js.map

package/dist/collection/ticketable/components/pagination/pagination-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-page.js","sourceRoot":"","sources":["../../../../src/ticketable/components/pagination/pagination-page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,MAAM,OAAO,cAAe,SAAQ,cAAc;;;;IACrC,OAAO,CAAc;IAExB,WAAW,CAAU;IAEpB,cAAc,GAA0B,IAAI,CAAC;IAE9C,KAAK,GAA2B,IAAI,CAAC;IACrC,WAAW,GAAwB,IAAI,CAAC;IAEhD,gBAAgB;QACd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;YACvD,OAAO;QACT,CAAC;QAED,oBAAoB;QACpB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;QAEtD,mEAAmE;QACnE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAA4B,EAAE,EAAE;YACxF,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;YACvD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,EAAC,IAAI;YACH,YAAM,KAAK,EAAE,IAAI,CAAC,WAAW;;gBACrB,IAAI,CAAC,cAAc,CAAC,IAAI;;gBAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CACvD,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, h, Prop, State } from \"@stencil/core\";\nimport type { PaginationMeta } from \"../../../api\";\nimport { UnidyComponent } from \"../../../logger\";\nimport type { PaginationStore } from \"../../store/pagination-store\";\n\n@Component({ tag: \"u-pagination-page\", shadow: false })\nexport class PaginationPage extends UnidyComponent {\n  @Element() element: HTMLElement;\n\n  @Prop() customClass?: string;\n\n  @State() paginationMeta: PaginationMeta | null = null;\n\n  private store: PaginationStore | null = null;\n  private unsubscribe: (() => void) | null = null;\n\n  componentDidLoad() {\n    this.store = this.element.closest(\"u-ticketable-list\")?.store;\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return;\n    }\n\n    // Get initial state\n    this.paginationMeta = this.store.state.paginationMeta;\n\n    // Subscribe to store changes - watch for changes to paginationMeta\n    this.unsubscribe = this.store.onChange(\"paginationMeta\", (value: PaginationMeta | null) => {\n      this.paginationMeta = value;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  render() {\n    if (!this.store) {\n      this.logger.warn(\"TicketableList component not found\");\n      return null;\n    }\n\n    if (!this.paginationMeta) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <span class={this.customClass}>\n          Page {this.paginationMeta.page} of {this.paginationMeta.last}\n        </span>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,54 @@
+/**
+ * Creates a skeleton loader HTML string with animated placeholder
+ * @param text - The text to use as a placeholder (will be transparent)
+ * @returns HTML string for skeleton loader
+ */
+export function createSkeletonLoader(text) {
+    return `
+    <span style="position: relative;">
+      <span style="color: transparent;">${text}</span>
+      <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0; pointer-events: none;">
+        <rect width="100%" height="100%" fill="#e0e0e0" rx="4">
+          <animate attributeName="fill" values="#e0e0e0;#f0f0f0;#e0e0e0" dur="1.5s" repeatCount="indefinite"/>
+        </rect>
+      </svg>
+    </span>
+  `;
+}
+/**
+ * Replaces text nodes in a DOM tree with skeleton loaders
+ * Skips text nodes inside ticketable-value elements
+ * @param node - The root node to process
+ * @param createSkeletonFn - Function to create skeleton HTML (defaults to createSkeletonLoader)
+ */
+export function replaceTextNodesWithSkeletons(node, createSkeletonFn = createSkeletonLoader) {
+    const walker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
+    const textNodes = [];
+    for (let curTextNode = walker.nextNode(); curTextNode; curTextNode = walker.nextNode()) {
+        if (curTextNode.textContent?.trim()) {
+            let parent = curTextNode.parentNode;
+            let isInsideTicketableValue = false;
+            while (parent) {
+                if (parent.nodeName.toLowerCase() === "ticketable-value") {
+                    isInsideTicketableValue = true;
+                    break;
+                }
+                parent = parent.parentNode;
+            }
+            if (!isInsideTicketableValue) {
+                textNodes.push(curTextNode);
+            }
+        }
+    }
+    for (const textNode of textNodes) {
+        const parent = textNode.parentNode;
+        if (!parent)
+            continue;
+        const text = textNode.textContent || "";
+        const placeholderText = text.trim() || "Sample Text";
+        const skeletonSpan = document.createElement("span");
+        skeletonSpan.innerHTML = createSkeletonFn(placeholderText);
+        parent.replaceChild(skeletonSpan, textNode);
+    }
+}
+//# sourceMappingURL=skeleton-helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-helpers.js","sourceRoot":"","sources":["../../../../src/ticketable/components/ticketable-list/skeleton-helpers.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAY;IAC/C,OAAO;;0CAEiC,IAAI;;;;;;;GAO3C,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,6BAA6B,CAAC,IAAU,EAAE,mBAA6C,oBAAoB;IACzH,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,IAAI,EAAE,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAW,EAAE,CAAC;IAC7B,KAAK,IAAI,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,WAAW,EAAE,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC;QACvF,IAAI,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC;YACpC,IAAI,MAAM,GAAG,WAAW,CAAC,UAAU,CAAC;YACpC,IAAI,uBAAuB,GAAG,KAAK,CAAC;YACpC,OAAO,MAAM,EAAE,CAAC;gBACd,IAAI,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE,CAAC;oBACzD,uBAAuB,GAAG,IAAI,CAAC;oBAC/B,MAAM;gBACR,CAAC;gBACD,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC;YAC7B,CAAC;YACD,IAAI,CAAC,uBAAuB,EAAE,CAAC;gBAC7B,SAAS,CAAC,IAAI,CAAC,WAAmB,CAAC,CAAC;YACtC,CAAC;QACH,CAAC;IACH,CAAC;IAED,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;QACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC;QACnC,IAAI,CAAC,MAAM;YAAE,SAAS;QAEtB,MAAM,IAAI,GAAG,QAAQ,CAAC,WAAW,IAAI,EAAE,CAAC;QACxC,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,aAAa,CAAC;QACrD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACpD,YAAY,CAAC,SAAS,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAC;QAC3D,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IAC9C,CAAC;AACH,CAAC","sourcesContent":["/**\n * Creates a skeleton loader HTML string with animated placeholder\n * @param text - The text to use as a placeholder (will be transparent)\n * @returns HTML string for skeleton loader\n */\nexport function createSkeletonLoader(text: string): string {\n  return `\n    <span style=\"position: relative;\">\n      <span style=\"color: transparent;\">${text}</span>\n      <svg width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" style=\"position: absolute; top: 0; left: 0; pointer-events: none;\">\n        <rect width=\"100%\" height=\"100%\" fill=\"#e0e0e0\" rx=\"4\">\n          <animate attributeName=\"fill\" values=\"#e0e0e0;#f0f0f0;#e0e0e0\" dur=\"1.5s\" repeatCount=\"indefinite\"/>\n        </rect>\n      </svg>\n    </span>\n  `;\n}\n\n/**\n * Replaces text nodes in a DOM tree with skeleton loaders\n * Skips text nodes inside ticketable-value elements\n * @param node - The root node to process\n * @param createSkeletonFn - Function to create skeleton HTML (defaults to createSkeletonLoader)\n */\nexport function replaceTextNodesWithSkeletons(node: Node, createSkeletonFn: (text: string) => string = createSkeletonLoader): void {\n  const walker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);\n\n  const textNodes: Text[] = [];\n  for (let curTextNode = walker.nextNode(); curTextNode; curTextNode = walker.nextNode()) {\n    if (curTextNode.textContent?.trim()) {\n      let parent = curTextNode.parentNode;\n      let isInsideTicketableValue = false;\n      while (parent) {\n        if (parent.nodeName.toLowerCase() === \"ticketable-value\") {\n          isInsideTicketableValue = true;\n          break;\n        }\n        parent = parent.parentNode;\n      }\n      if (!isInsideTicketableValue) {\n        textNodes.push(curTextNode as Text);\n      }\n    }\n  }\n\n  for (const textNode of textNodes) {\n    const parent = textNode.parentNode;\n    if (!parent) continue;\n\n    const text = textNode.textContent || \"\";\n    const placeholderText = text.trim() || \"Sample Text\";\n    const skeletonSpan = document.createElement(\"span\");\n    skeletonSpan.innerHTML = createSkeletonFn(placeholderText);\n    parent.replaceChild(skeletonSpan, textNode);\n  }\n}\n"]}