zignal-stencil-library 1.0.0

package/dist/collection/components/tag-popper/tag-popper.js

@@ -0,0 +1,124 @@
+import { Host, h } from "@stencil/core";
+import { ZButton } from "../internal-component/z-button";
+import { configStore } from "../../store/store";
+import { TagOrStatusItem } from "../internal-component/tag-or-status-item";
+import { computePosition, autoUpdate, offset, flip, shift } from "@floating-ui/dom";
+export class TagPopper {
+    tags = [];
+    referenceSelector;
+    isOpen = false;
+    triggerEl;
+    popperEl;
+    cleanup;
+    componentDidLoad() {
+        document.addEventListener('click', this.handleClickOutside);
+    }
+    disconnectedCallback() {
+        document.removeEventListener('click', this.handleClickOutside);
+        this.cleanup?.();
+        this.popperEl?.remove();
+    }
+    handleClickOutside = (e) => {
+        const path = e.composedPath();
+        if (!path.includes(this.triggerEl)) {
+            this.isOpen = false;
+        }
+    };
+    async togglePopper() {
+        this.isOpen = !this.isOpen;
+        if (this.isOpen) {
+            const referenceEl = document.querySelector(this.referenceSelector);
+            if (!referenceEl || !this.popperEl)
+                return;
+            document.body.appendChild(this.popperEl);
+            this.cleanup = autoUpdate(referenceEl, this.popperEl, () => {
+                computePosition(referenceEl, this.popperEl, {
+                    placement: 'bottom-start',
+                    middleware: [offset(8), flip(), shift()]
+                }).then(({ x, y }) => {
+                    Object.assign(this.popperEl.style, {
+                        left: `${x}px`,
+                        top: `${y}px`,
+                        zIndex: '9999'
+                    });
+                });
+            });
+        }
+        else {
+            this.cleanup?.();
+            this.popperEl?.remove();
+        }
+    }
+    render() {
+        const theme = configStore.get('theme');
+        return (h(Host, { key: 'f3fd39d557917b71759df69b23275c7e4162a9f4' }, h("slot", { key: 'd53693c9382affc79cc956920850991f9d4596c7' }, h("div", { key: '3f9c9aea7ba2030e9d55c692e899fa9d8717b66d', class: "relative" }, h(ZButton, { key: '0f7e627a7f1a621f2a0089eb0be2a9dd1631b437', label: "\u0E14\u0E39\u0E40\u0E1E\u0E34\u0E48\u0E21", variant: 'outlined', size: 'small', onClick: (event) => {
+                event.stopPropagation();
+                this.togglePopper();
+            }, ref: (el) => (this.triggerEl = el) }), this.isOpen && (h("div", { key: '7f1a03c34efdf8f007f94cd9f5aeb3118112cef7', ref: (el) => (this.popperEl = el), class: `absolute mt-1 z-50 z-paper-${theme} p-4 rounded-md shadow-lg w-52 flex flex-wrap gap-2` }, this.tags.map((tag) => h(TagOrStatusItem, { item: tag }))))))));
+    }
+    static get is() { return "tag-popper"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tag-popper.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tag-popper.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "tags": {
+                "type": "unknown",
+                "attribute": "tags",
+                "mutable": false,
+                "complexType": {
+                    "original": "TagOrStatusItem[]",
+                    "resolved": "TagOrStatusItem[]",
+                    "references": {
+                        "TagOrStatusItem": {
+                            "location": "import",
+                            "path": "../internal-component/tag-or-status-item",
+                            "id": "src/components/internal-component/tag-or-status-item.tsx::TagOrStatusItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "referenceSelector": {
+                "type": "string",
+                "attribute": "reference-selector",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isOpen": {}
+        };
+    }
+}
+//# sourceMappingURL=tag-popper.js.map

package/dist/collection/components/tag-popper/tag-popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-popper.js","sourceRoot":"","sources":["../../../src/components/tag-popper/tag-popper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, State, h, Prop } from '@stencil/core';\nimport { ZButton } from '../internal-component/z-button';\nimport { configStore } from '../../store/store';\nimport { TagOrStatusItem } from '../internal-component/tag-or-status-item';\nimport { computePosition, autoUpdate, offset, flip, shift } from '@floating-ui/dom';\n\n@Component({\n  tag: 'tag-popper',\n  styleUrl: 'tag-popper.css',\n})\nexport class TagPopper {\n\n  @Prop() tags: TagOrStatusItem[] = [];\n  @Prop() referenceSelector: string;\n\n  @State() isOpen = false;\n\n  private triggerEl!: HTMLElement;\n  private popperEl: HTMLDivElement;\n\n  private cleanup?: () => void;\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n    this.cleanup?.()\n    this.popperEl?.remove();\n  }\n\n  handleClickOutside = (e: MouseEvent) => {\n    const path = e.composedPath();\n    if (!path.includes(this.triggerEl)) {\n      this.isOpen = false;\n    }\n  };\n\n  async togglePopper() {\n    this.isOpen = !this.isOpen;\n\n    if (this.isOpen) {\n      const referenceEl = document.querySelector(this.referenceSelector);\n      if (!referenceEl || !this.popperEl) return;\n\n      document.body.appendChild(this.popperEl);\n\n      this.cleanup = autoUpdate(referenceEl, this.popperEl, () => {\n        computePosition(referenceEl, this.popperEl, {\n          placement: 'bottom-start',\n          middleware: [offset(8), flip(), shift()]\n        }).then(({ x, y }) => {\n          Object.assign(this.popperEl.style, {\n            left: `${x}px`,\n            top: `${y}px`,\n            zIndex: '9999'\n          });\n        });\n      });\n    } else {\n      this.cleanup?.();\n      this.popperEl?.remove();\n    }\n  }\n\n  render() {\n    const theme = configStore.get('theme');\n\n    return (\n      <Host>\n        <slot>\n          <div class=\"relative\">\n            <ZButton\n              label=\"ดูเพิ่ม\"\n              variant='outlined'\n              size='small'\n              onClick={(event) => {\n                event.stopPropagation()\n                this.togglePopper();\n              }}\n              ref={(el) => (this.triggerEl = el)}\n            />\n            {this.isOpen && (\n              <div\n                ref={(el) => (this.popperEl = el)}\n                class={`absolute mt-1 z-50 z-paper-${theme} p-4 rounded-md shadow-lg w-52 flex flex-wrap gap-2`}\n              >\n                {this.tags.map((tag) => <TagOrStatusItem item={tag} />)}\n              </div>\n            )}\n          </div>\n        </slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/global/i18n.js

@@ -0,0 +1,13 @@
+import i18n from "i18next";
+import en from "../locales/en.json";
+import th from "../locales/th.json";
+i18n.init({
+    resources: {
+        en: { translation: en },
+        th: { translation: th },
+    },
+    fallbackLng: 'en',
+    interpolation: { escapeValue: false },
+});
+export default i18n;
+//# sourceMappingURL=i18n.js.map

package/dist/collection/global/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/global/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpC,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEpC,IAAI,CAAC,IAAI,CAAC;IACR,SAAS,EAAE;QACT,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;QACvB,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;KACxB;IACD,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE;CACtC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC","sourcesContent":["import i18n from 'i18next';\nimport en from '../locales/en.json';\nimport th from '../locales/th.json';\n\ni18n.init({\n  resources: {\n    en: { translation: en },\n    th: { translation: th },\n  },\n  fallbackLng: 'en',\n  interpolation: { escapeValue: false },\n});\n\nexport default i18n;\n"]}

package/dist/collection/index.js

@@ -0,0 +1,11 @@
+/**
+ * @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`.
+ */
+import "./global/i18n";
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,eAAe,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\nimport './global/i18n';\nexport type * from './components';\n"]}

package/dist/collection/postcss/property-to-variable.js

@@ -0,0 +1,54 @@
+/** @type {import('postcss-load-config').Config} */
+const postcss = require('postcss');
+
+const buildFallbackSelectorGroup = decls => [
+  '@layer base {',
+  '*,::backdrop,:after,:before{',
+  decls.join(';'),
+  '}}',
+].join('');
+
+/**
+ * This plugin convert @property to normal css variables. @property is not yet supported
+ * by web components
+ */
+const propertyToCssVariablePolyfill = (pluginOptions = {}) => {
+  return {
+    postcssPlugin: 'postcss-property-to-variable',
+    Once(root) {
+      const fallbackVariableDecls = [];
+
+      root.walkAtRules('property', (atRule) => {
+
+        atRule.walkDecls((decl) => {
+          if (decl.prop === 'initial-value') {
+            const cssVariableName = atRule.params.trim();
+            fallbackVariableDecls.push(`${cssVariableName}:${decl.value}`)
+          }
+        });
+      });
+
+      if (fallbackVariableDecls.length > 0) {
+        const fallbackSelectors = buildFallbackSelectorGroup(fallbackVariableDecls);
+
+        const sourceFile = root.source?.input?.file || root.source?.input?.from;
+        const fallbackSelectorsAst = postcss.parse(fallbackSelectors, { from: sourceFile });
+
+        let lastImportIndex = -1;
+        for (const [i, node] of root.nodes.entries()) {
+          if (node.type === 'atrule' && node.name === 'import') {
+            lastImportIndex = i
+          }
+        }
+
+        lastImportIndex === -1
+          ? root.prepend(fallbackSelectorsAst)
+          : root.insertAfter(root.nodes[lastImportIndex], fallbackSelectorsAst);
+      }
+    },
+  };
+};
+
+propertyToCssVariablePolyfill.postcss = true;
+
+module.exports = propertyToCssVariablePolyfill;

package/dist/collection/store/store.js

@@ -0,0 +1,25 @@
+import { createStore } from "@stencil/store";
+export const configStore = createStore({
+    language: 'en',
+    theme: 'light',
+    businessId: null,
+    shopId: null,
+    accessToken: null,
+    isProduction: false
+});
+export const messagesStore = createStore({
+    messages: [],
+});
+export const chatsStore = createStore({
+    chats: [],
+});
+export const userStore = createStore({
+    user: null,
+});
+export const selectedChatStore = createStore({
+    selectedChat: null,
+});
+export const selectedMessageToReplyStore = createStore({
+    selectedMessageToReply: null,
+});
+//# sourceMappingURL=store.js.map

package/dist/collection/store/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../src/store/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAc;IAClD,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,IAAI;IAChB,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAkC;IACxE,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAwB;IAC3D,KAAK,EAAE,EAAE;CACV,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAA4B;IAC9D,IAAI,EAAE,IAAI;CACX,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAoC;IAC9E,YAAY,EAAE,IAAI;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,2BAA2B,GAAG,WAAW,CAAqD;IACzG,sBAAsB,EAAE,IAAI;CAC7B,CAAC,CAAC","sourcesContent":["import { createStore } from '@stencil/store';\n\nexport const configStore = createStore<ConfigStore>({\n  language: 'en',\n  theme: 'light',\n  businessId: null,\n  shopId: null,\n  accessToken: null,\n  isProduction: false\n});\n\nexport const messagesStore = createStore<{ messages: ChatMessageItem[] }>({\n  messages: [],\n});\n\nexport const chatsStore = createStore<{ chats: ChatItem[] }>({\n  chats: [],\n});\n\nexport const userStore = createStore<{ user: UserItem | null }>({\n  user: null,\n});\n\nexport const selectedChatStore = createStore<{ selectedChat: ChatItem | null }>({\n  selectedChat: null,\n});\n\nexport const selectedMessageToReplyStore = createStore<{ selectedMessageToReply: ChatMessageItem | null }>({\n  selectedMessageToReply: null,\n});\n"]}

package/dist/collection/utils/axios.js

@@ -0,0 +1,11 @@
+import axios from "axios";
+import { configStore } from "../store/store";
+import { baseURL } from "./constant";
+export const apiService = () => axios.create({
+    headers: {
+        Authorization: configStore.get('accessToken')
+    },
+    baseURL,
+    timeout: 30000
+});
+//# sourceMappingURL=axios.js.map

package/dist/collection/utils/axios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"axios.js","sourceRoot":"","sources":["../../src/utils/axios.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAC7B,KAAK,CAAC,MAAM,CAAC;IACX,OAAO,EAAE;QACP,aAAa,EAAE,WAAW,CAAC,GAAG,CAAC,aAAa,CAAC;KAC9C;IACD,OAAO;IACP,OAAO,EAAE,KAAK;CACf,CAAC,CAAA","sourcesContent":["import axios from \"axios\";\nimport { configStore } from \"../store/store\";\nimport { baseURL } from \"./constant\";\n\nexport const apiService = () =>\n  axios.create({\n    headers: {\n      Authorization: configStore.get('accessToken')\n    },\n    baseURL,\n    timeout: 30000\n  })\n"]}

package/dist/collection/utils/constant.js

@@ -0,0 +1,5 @@
+import { configStore } from "../store/store";
+export const baseURL = configStore.get('isProduction')
+    ? 'https://d1cl6ecu5d3v2r.cloudfront.net'
+    : 'https://dp46r1vjkg63g.cloudfront.net';
+//# sourceMappingURL=constant.js.map

package/dist/collection/utils/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sourceRoot":"","sources":["../../src/utils/constant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,cAAc,CAAC;IACpD,CAAC,CAAC,uCAAuC;IACzC,CAAC,CAAC,sCAAsC,CAAC","sourcesContent":["import { configStore } from \"../store/store\";\n\nexport const baseURL = configStore.get('isProduction')\n  ? 'https://d1cl6ecu5d3v2r.cloudfront.net'\n  : 'https://dp46r1vjkg63g.cloudfront.net';\n"]}

package/dist/collection/utils/dayjs.js

@@ -0,0 +1,175 @@
+import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
+import timezone from "dayjs/plugin/timezone";
+dayjs.extend(utc);
+dayjs.extend(timezone);
+dayjs.tz.setDefault('Asia/Bangkok');
+import relativeTime from "dayjs/plugin/relativeTime";
+dayjs.extend(relativeTime);
+import duration from "dayjs/plugin/duration";
+dayjs.extend(duration);
+import "dayjs/locale/th";
+// import buddhistEra from 'dayjs/plugin/buddhistEra'
+import isSameOrBefore from "dayjs/plugin/isSameOrBefore";
+dayjs.extend(isSameOrBefore);
+import isSameOrAfter from "dayjs/plugin/isSameOrAfter";
+dayjs.extend(isSameOrAfter);
+import isBetween from "dayjs/plugin/isBetween";
+dayjs.extend(isBetween);
+export const DATE_TIME_FORMAT_CALENDAR = {
+    year: 'BBBB',
+    monthAndYear: 'MMMM BBBB',
+    keyboardDate: 'DD/MM/BBBB'
+};
+dayjs.locale('th');
+// dayjs.extend(buddhistEra)
+export const convertMinuteToArrayNumber = (minutes) => {
+    const days = Math.floor(minutes / 1440); // 1440 minutes in a day (24 hours)
+    const hours = Math.floor((minutes % 1440) / 60);
+    const remainingMinutes = minutes % 60;
+    return [days, hours, remainingMinutes];
+};
+export const convertArrayNumberToMinute = (arr) => {
+    //[day, hour, minute]
+    const minutes = (arr[0] ? (arr[0] * (60 * 24)) : 0) + (arr[1] ? (arr[1] * 60) : 0) + (arr[2] ? arr[2] : 0);
+    return minutes;
+};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const convertMinuteToDuration = (value, type) => {
+    const tempValue = dayjs.duration(value, 'minutes');
+    let transformValue = tempValue.minutes();
+    switch (type.value) {
+        case 'minutes':
+            transformValue = tempValue.minutes();
+            break;
+        case 'hours':
+            transformValue = tempValue.hours();
+            break;
+        case 'days':
+            transformValue = tempValue.days()
+                + dayjs.duration({ 'months': tempValue.months() }).asDays() + dayjs.duration({ 'years': tempValue.years() }).asDays();
+            break;
+        case 'months':
+            transformValue = tempValue.months();
+            break;
+        case 'years':
+            transformValue = tempValue.years();
+            break;
+    }
+    return transformValue;
+};
+export const convertDurationToMinute = (value, type) => {
+    const tempValue = dayjs.duration({ [type]: value });
+    return tempValue.asMinutes();
+};
+export const isExpired = (date) => {
+    try {
+        return dayjs().isAfter(dayjs(date));
+    }
+    catch {
+        return true;
+    }
+};
+export const isCardExpired = (expiration) => {
+    const [month, year] = expiration.split('/').map(Number);
+    if (!month || !year)
+        return true;
+    const expDate = dayjs(`${2000 + year}-${month}-01`).endOf('month');
+    return dayjs().isAfter(expDate, 'day');
+};
+export const convertTimeToMinutes = (timeString) => {
+    // Parse the time string using Day.js
+    const parsedTime = dayjs(`2000-01-01 ${timeString}`);
+    // Check if the parsing was successful
+    if (!parsedTime.isValid()) {
+        console.error('Invalid time format');
+        return 0;
+    }
+    // Calculate the total minutes
+    const totalMinutes = parsedTime.hour() * 60 + parsedTime.minute();
+    return totalMinutes;
+};
+export const convertMinutesToTime = (totalMinutes) => {
+    // Calculate hours and minutes
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    // Format the result as "HH:mm"
+    const formattedTime = dayjs().set('hour', hours).set('minute', minutes).format('HH:mm');
+    return formattedTime;
+};
+export const convertMinutesToDayjs = (totalMinutes) => {
+    // Calculate hours and minutes
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    // Format the result as "HH:mm"
+    const formattedTime = dayjs().set('hour', hours).set('minute', minutes).set('ms', 0).set('s', 0).local();
+    return formattedTime;
+};
+export const isTimeBefore = (time1, time2) => {
+    //String Format HH:mm:ss
+    const parseTime = (time) => {
+        const [hours, minutes, seconds] = time.split(':').map(Number);
+        const date = new Date();
+        date.setHours(hours, minutes, seconds || 0, 0);
+        return date;
+    };
+    const date1 = parseTime(time1);
+    const date2 = parseTime(time2);
+    return date1.getTime() < date2.getTime();
+};
+export const isTimeAfter = (time1, time2) => {
+    const parseTime = (time) => {
+        const [hours, minutes, seconds] = time.split(':').map(Number);
+        const date = new Date();
+        date.setHours(hours, minutes, seconds || 0, 0);
+        return date;
+    };
+    const date1 = parseTime(time1);
+    const date2 = parseTime(time2);
+    return date1.getTime() > date2.getTime();
+};
+export const isTimeInRange = (start_time, end_time, current_time) => {
+    const format = 'HH:mm:ss';
+    const startTime = dayjs(start_time, format);
+    const endTime = dayjs(end_time, format);
+    const currentTime = dayjs(current_time, format);
+    return currentTime.isBetween(startTime, endTime, null, '[]'); // '[]' includes both start and end times
+};
+export const isTimeRangeOverlapping = (range1, range2) => {
+    const startTime1 = dayjs(range1.start_time, 'HH:mm:ss');
+    const endTime1 = dayjs(range1.end_time, 'HH:mm:ss').subtract(1, 'minutes');
+    const startTime2 = dayjs(range2.start_time, 'HH:mm:ss');
+    const endTime2 = dayjs(range2.end_time, 'HH:mm:ss').subtract(1, 'minutes');
+    // Check if range1 starts before or at the same time as range2 ends
+    // and range1 ends after or at the same time as range2 starts
+    return ((startTime1.isBefore(endTime2) || startTime1.isSame(endTime2)) &&
+        (endTime1.isAfter(startTime2) || endTime1.isSame(startTime2)));
+};
+export const getDates = (startDate, endDate, format) => {
+    const dates = [];
+    let currentDate = dayjs(startDate);
+    const endDateObj = dayjs(endDate);
+    while (currentDate.isBefore(endDateObj) || currentDate.isSame(endDateObj, 'day')) {
+        dates.push(currentDate.format(format));
+        currentDate = currentDate.add(1, 'day');
+    }
+    return dates;
+};
+export const checkOverlappingDayjs = (timeRanges) => {
+    for (let i = 0; i < timeRanges.length; i++) {
+        const { startTime: startTime1, endTime: endTime1 } = timeRanges[i];
+        if (!startTime1 || !endTime1)
+            continue; // Skip if either is null
+        for (let j = i + 1; j < timeRanges.length; j++) {
+            const { startTime: startTime2, endTime: endTime2 } = timeRanges[j];
+            if (!startTime2 || !endTime2)
+                continue; // Skip if either is null
+            if (startTime1.isBefore(endTime2) &&
+                startTime2.isBefore(endTime1)) {
+                return true; // Overlap found
+            }
+        }
+    }
+    return false; // No overlap
+};
+//# sourceMappingURL=dayjs.js.map

package/dist/collection/utils/dayjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayjs.js","sourceRoot":"","sources":["../../src/utils/dayjs.ts"],"names":[],"mappings":"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","sourcesContent":["import dayjs, { Dayjs } from 'dayjs'\n\nimport utc from 'dayjs/plugin/utc'\nimport timezone from 'dayjs/plugin/timezone'\n\ndayjs.extend(utc)\ndayjs.extend(timezone)\ndayjs.tz.setDefault('Asia/Bangkok')\n\nimport relativeTime from 'dayjs/plugin/relativeTime'\ndayjs.extend(relativeTime)\nimport duration from 'dayjs/plugin/duration'\ndayjs.extend(duration)\nimport 'dayjs/locale/th'\nimport { DurationUnitType } from 'dayjs/plugin/duration'\n// import buddhistEra from 'dayjs/plugin/buddhistEra'\n\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore'\ndayjs.extend(isSameOrBefore)\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter'\ndayjs.extend(isSameOrAfter)\n\nimport isBetween from 'dayjs/plugin/isBetween'\ndayjs.extend(isBetween)\n\nexport const DATE_TIME_FORMAT_CALENDAR = {\n  year: 'BBBB',\n  monthAndYear: 'MMMM BBBB',\n  keyboardDate: 'DD/MM/BBBB'\n}\ndayjs.locale('th')\n\n// dayjs.extend(buddhistEra)\n\nexport const convertMinuteToArrayNumber = (minutes: number) => {\n  const days = Math.floor(minutes / 1440); // 1440 minutes in a day (24 hours)\n  const hours = Math.floor((minutes % 1440) / 60);\n  const remainingMinutes = minutes % 60;\n  return [days, hours, remainingMinutes];\n}\n\nexport const convertArrayNumberToMinute = (arr: (number | undefined)[]) => {\n  //[day, hour, minute]\n  const minutes = (arr[0] ? (arr[0] * (60 * 24)) : 0) + (arr[1] ? (arr[1] * 60) : 0) + (arr[2] ? arr[2] : 0)\n  return minutes\n}\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const convertMinuteToDuration = (value: number, type: any) => {\n  const tempValue = dayjs.duration(value, 'minutes')\n  let transformValue = tempValue.minutes()\n  switch (type.value) {\n    case 'minutes':\n      transformValue = tempValue.minutes()\n      break\n    case 'hours':\n      transformValue = tempValue.hours()\n      break\n    case 'days':\n      transformValue = tempValue.days()\n        + dayjs.duration({ 'months': tempValue.months() }).asDays() + dayjs.duration({ 'years': tempValue.years() }).asDays()\n      break\n    case 'months':\n      transformValue = tempValue.months()\n      break\n    case 'years':\n      transformValue = tempValue.years()\n      break\n  }\n  return transformValue\n}\n\nexport const convertDurationToMinute = (value: number, type: DurationUnitType) => {\n  const tempValue = dayjs.duration({ [type]: value })\n  return tempValue.asMinutes()\n}\n\nexport const isExpired = (date: string | Date) => {\n  try {\n    return dayjs().isAfter(dayjs(date))\n  } catch {\n    return true\n  }\n}\nexport const isCardExpired = (expiration: string): boolean => {\n  const [month, year] = expiration.split('/').map(Number)\n\n  if (!month || !year) return true\n\n  const expDate = dayjs(`${2000 + year}-${month}-01`).endOf('month')\n\n  return dayjs().isAfter(expDate, 'day')\n}\n\nexport const convertTimeToMinutes = (timeString: string): number => {\n  // Parse the time string using Day.js\n  const parsedTime = dayjs(`2000-01-01 ${timeString}`);\n\n  // Check if the parsing was successful\n  if (!parsedTime.isValid()) {\n    console.error('Invalid time format');\n    return 0;\n  }\n\n  // Calculate the total minutes\n  const totalMinutes = parsedTime.hour() * 60 + parsedTime.minute();\n  return totalMinutes;\n}\nexport const convertMinutesToTime = (totalMinutes: number): string => {\n  // Calculate hours and minutes\n  const hours = Math.floor(totalMinutes / 60);\n  const minutes = totalMinutes % 60;\n\n  // Format the result as \"HH:mm\"\n  const formattedTime = dayjs().set('hour', hours).set('minute', minutes).format('HH:mm');\n  return formattedTime;\n}\n\nexport const convertMinutesToDayjs = (totalMinutes: number): Dayjs => {\n  // Calculate hours and minutes\n  const hours = Math.floor(totalMinutes / 60);\n  const minutes = totalMinutes % 60;\n\n  // Format the result as \"HH:mm\"\n  const formattedTime = dayjs().set('hour', hours).set('minute', minutes).set('ms', 0).set('s', 0).local();\n  return formattedTime;\n}\n\nexport const isTimeBefore = (time1: string, time2: string): boolean => {\n  //String Format HH:mm:ss\n  const parseTime = (time: string): Date => {\n    const [hours, minutes, seconds] = time.split(':').map(Number);\n    const date = new Date();\n    date.setHours(hours, minutes, seconds || 0, 0);\n    return date;\n  };\n\n  const date1 = parseTime(time1);\n  const date2 = parseTime(time2);\n\n  return date1.getTime() < date2.getTime();\n}\n\nexport const isTimeAfter = (time1: string, time2: string): boolean => {\n  const parseTime = (time: string): Date => {\n    const [hours, minutes, seconds] = time.split(':').map(Number);\n    const date = new Date();\n    date.setHours(hours, minutes, seconds || 0, 0);\n    return date;\n  };\n\n  const date1 = parseTime(time1);\n  const date2 = parseTime(time2);\n\n  return date1.getTime() > date2.getTime();\n}\n\nexport const isTimeInRange = (start_time: string, end_time: string, current_time: string): boolean => {\n  const format = 'HH:mm:ss';\n\n  const startTime = dayjs(start_time, format);\n  const endTime = dayjs(end_time, format);\n  const currentTime = dayjs(current_time, format);\n\n  return currentTime.isBetween(startTime, endTime, null, '[]'); // '[]' includes both start and end times\n}\n\nexport interface TimeRange {\n  start_time: string;\n  end_time: string;\n}\nexport const isTimeRangeOverlapping = (\n  range1: TimeRange,\n  range2: TimeRange\n): boolean => {\n  const startTime1 = dayjs(range1.start_time, 'HH:mm:ss');\n  const endTime1 = dayjs(range1.end_time, 'HH:mm:ss').subtract(1, 'minutes');\n  const startTime2 = dayjs(range2.start_time, 'HH:mm:ss');\n  const endTime2 = dayjs(range2.end_time, 'HH:mm:ss').subtract(1, 'minutes');\n  // Check if range1 starts before or at the same time as range2 ends\n  // and range1 ends after or at the same time as range2 starts\n  return (\n    (startTime1.isBefore(endTime2) || startTime1.isSame(endTime2)) &&\n    (endTime1.isAfter(startTime2) || endTime1.isSame(startTime2))\n  );\n};\nexport const getDates = (\n  startDate: string,\n  endDate: string,\n  format: 'DD/MM/YYYY' | 'YYYY-MM-DD'\n): string[] => {\n  const dates: string[] = [];\n  let currentDate = dayjs(startDate);\n  const endDateObj = dayjs(endDate);\n\n  while (currentDate.isBefore(endDateObj) || currentDate.isSame(endDateObj, 'day')) {\n    dates.push(currentDate.format(format));\n    currentDate = currentDate.add(1, 'day');\n  }\n\n  return dates;\n}\n\nexport interface TimeRangeDayjs {\n  startTime: Dayjs | null\n  endTime: Dayjs | null\n}\nexport const checkOverlappingDayjs = (timeRanges: TimeRangeDayjs[]): boolean => {\n  for (let i = 0; i < timeRanges.length; i++) {\n    const { startTime: startTime1, endTime: endTime1 } = timeRanges[i];\n    if (!startTime1 || !endTime1) continue; // Skip if either is null\n\n    for (let j = i + 1; j < timeRanges.length; j++) {\n      const { startTime: startTime2, endTime: endTime2 } = timeRanges[j];\n      if (!startTime2 || !endTime2) continue; // Skip if either is null\n\n      if (\n        startTime1.isBefore(endTime2) &&\n        startTime2.isBefore(endTime1)\n      ) {\n        return true; // Overlap found\n      }\n    }\n  }\n  return false; // No overlap\n};"]}

package/dist/collection/utils/socket.js

@@ -0,0 +1,59 @@
+import { io } from "socket.io-client";
+import { baseURL } from "./constant";
+import { configStore } from "../store/store";
+let socket = null;
+export function initSocket(options = {}) {
+    if (!socket) {
+        const url = baseURL + '/chat';
+        socket = io(url, {
+            transports: ['websocket'],
+            autoConnect: true,
+            reconnection: true,
+            reconnectionDelay: 1000,
+            reconnectionDelayMax: 10000,
+            reconnectionAttempts: 10,
+            timeout: 20000,
+            forceNew: true,
+            auth: {
+                accessToken: configStore.get('accessToken'),
+            },
+            ...options
+        });
+        socket.on('connect', () => {
+            console.log('[socket] Connected:', socket?.id);
+        });
+        socket.on('disconnect', () => {
+            console.log('[socket] Disconnected');
+        });
+    }
+    return socket;
+}
+export function getSocket() {
+    return socket;
+}
+export function disconnectSocket() {
+    if (socket) {
+        socket.removeAllListeners();
+        socket.disconnect();
+        socket = null;
+    }
+}
+export function joinRoom(room) {
+    if (socket && socket.connected) {
+        socket.emit('subscribe', { room });
+        console.log(`[socket] Joined room: ${room}`);
+    }
+    else {
+        console.warn('[socket] Cannot join room: socket not connected');
+    }
+}
+export function leaveRoom(room) {
+    if (socket && socket.connected) {
+        socket.emit('unsubscribe', { room });
+        console.log(`[socket] Leaved room: ${room}`);
+    }
+    else {
+        console.warn('[socket] Cannot leaved room: socket not connected');
+    }
+}
+//# sourceMappingURL=socket.js.map

package/dist/collection/utils/socket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"socket.js","sourceRoot":"","sources":["../../src/utils/socket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAU,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,IAAI,MAAM,GAAkB,IAAI,CAAC;AAEjC,MAAM,UAAU,UAAU,CAAC,OAAO,GAAG,EAAE;IACrC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,GAAG,GAAG,OAAO,GAAG,OAAO,CAAA;QAC7B,MAAM,GAAG,EAAE,CAAC,GAAG,EAAE;YACf,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,WAAW,EAAE,IAAI;YACjB,YAAY,EAAE,IAAI;YAClB,iBAAiB,EAAE,IAAI;YACvB,oBAAoB,EAAE,KAAK;YAC3B,oBAAoB,EAAE,EAAE;YACxB,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE;gBACJ,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,aAAa,CAAC;aAC5C;YACD,GAAG,OAAO;SACX,CAAC,CAAC;QAEH,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE;YACxB,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE;YAC3B,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,SAAS;IACvB,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,CAAC,kBAAkB,EAAE,CAAC;QAC5B,MAAM,CAAC,UAAU,EAAE,CAAC;QACpB,MAAM,GAAG,IAAI,CAAC;IAChB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,IAAY;IACnC,IAAI,MAAM,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;QACnC,OAAO,CAAC,GAAG,CAAC,yBAAyB,IAAI,EAAE,CAAC,CAAC;IAC/C,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC,CAAC;IAClE,CAAC;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAY;IACpC,IAAI,MAAM,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;QACrC,OAAO,CAAC,GAAG,CAAC,yBAAyB,IAAI,EAAE,CAAC,CAAC;IAC/C,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,IAAI,CAAC,mDAAmD,CAAC,CAAC;IACpE,CAAC;AACH,CAAC","sourcesContent":["import { io, Socket } from 'socket.io-client';\nimport { baseURL } from './constant';\nimport { configStore } from '../store/store';\n\nlet socket: Socket | null = null;\n\nexport function initSocket(options = {}): Socket {\n  if (!socket) {\n    const url = baseURL + '/chat'\n    socket = io(url, {\n      transports: ['websocket'],\n      autoConnect: true,\n      reconnection: true,\n      reconnectionDelay: 1000,\n      reconnectionDelayMax: 10000,\n      reconnectionAttempts: 10,\n      timeout: 20000,\n      forceNew: true,\n      auth: {\n        accessToken: configStore.get('accessToken'),\n      },\n      ...options\n    });\n\n    socket.on('connect', () => {\n      console.log('[socket] Connected:', socket?.id);\n    });\n\n    socket.on('disconnect', () => {\n      console.log('[socket] Disconnected');\n    });\n  }\n\n  return socket;\n}\n\nexport function getSocket(): Socket | null {\n  return socket;\n}\n\nexport function disconnectSocket() {\n  if (socket) {\n    socket.removeAllListeners();\n    socket.disconnect();\n    socket = null;\n  }\n}\n\nexport function joinRoom(room: string) {\n  if (socket && socket.connected) {\n    socket.emit('subscribe', { room });\n    console.log(`[socket] Joined room: ${room}`);\n  } else {\n    console.warn('[socket] Cannot join room: socket not connected');\n  }\n}\n\nexport function leaveRoom(room: string) {\n  if (socket && socket.connected) {\n    socket.emit('unsubscribe', { room });\n    console.log(`[socket] Leaved room: ${room}`);\n  } else {\n    console.warn('[socket] Cannot leaved room: socket not connected');\n  }\n}"]}

package/dist/collection/utils/utils.js

@@ -0,0 +1,8 @@
+import i18n from "../global/i18n";
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+export function useTranslation() {
+    return i18n.t;
+}
+//# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAElC,MAAM,UAAU,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa;IACnE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjF,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,IAAI,CAAC,CAAC,CAAC;AAChB,CAAC","sourcesContent":["import i18n from \"../global/i18n\";\n\nexport function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function useTranslation() {\n  return i18n.t;\n}"]}

package/dist/components/autocomplete-select.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AutocompleteSelect extends Components.AutocompleteSelect, HTMLElement {}
+export const AutocompleteSelect: {
+    prototype: AutocompleteSelect;
+    new (): AutocompleteSelect;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/autocomplete-select.js

@@ -0,0 +1,9 @@
+import { A as AutocompleteSelect$1, d as defineCustomElement$1 } from './p-CmWIRJ5t.js';
+
+const AutocompleteSelect = AutocompleteSelect$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AutocompleteSelect, defineCustomElement };
+//# sourceMappingURL=autocomplete-select.js.map
+
+//# sourceMappingURL=autocomplete-select.js.map

package/dist/components/autocomplete-select.js.map

@@ -0,0 +1 @@
+{"file":"autocomplete-select.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/channel-box.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ChannelBox extends Components.ChannelBox, HTMLElement {}
+export const ChannelBox: {
+    prototype: ChannelBox;
+    new (): ChannelBox;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/channel-box.js

@@ -0,0 +1,9 @@
+import { C as ChannelBox$1, d as defineCustomElement$1 } from './p-Urxy5c9-.js';
+
+const ChannelBox = ChannelBox$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ChannelBox, defineCustomElement };
+//# sourceMappingURL=channel-box.js.map
+
+//# sourceMappingURL=channel-box.js.map

package/dist/components/channel-box.js.map

@@ -0,0 +1 @@
+{"file":"channel-box.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/chat-app.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ChatApp extends Components.ChatApp, HTMLElement {}
+export const ChatApp: {
+    prototype: ChatApp;
+    new (): ChatApp;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;