@tvsgroup/appointment-form 0.1.1

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { register, TAG_NAME } from './registerFn';
+export { AppointmentForm } from './AppointmentForm';
+export type { AppointmentFormProps } from './AppointmentForm';

package/dist/index.js

@@ -0,0 +1,29 @@
+import { r as a, T as e } from "./chunks/registerFn-DsKKhIA8.js";
+import { defineComponent as n, h as o } from "vue";
+const l = n({
+  name: "AppointmentForm",
+  props: {
+    lang: { type: String, default: "nl" },
+    awsUrl: { type: String, required: !0 },
+    vacationMode: { type: Boolean, default: !1 },
+    vacationStart: { type: String, default: "" },
+    vacationEnd: { type: String, default: "" },
+    vacationReopen: { type: String, default: "" }
+  },
+  setup(t) {
+    return a(), () => o(e, {
+      lang: t.lang,
+      aws_url: t.awsUrl,
+      vacation_mode: t.vacationMode ? "true" : "false",
+      vacation_start: t.vacationStart,
+      vacation_end: t.vacationEnd,
+      vacation_reopen: t.vacationReopen
+    });
+  }
+});
+export {
+  l as AppointmentForm,
+  e as TAG_NAME,
+  a as register
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/lib/AppointmentForm.ts"],"sourcesContent":["import { defineComponent, h } from 'vue';\nimport { register, TAG_NAME } from './registerFn';\n\nexport interface AppointmentFormProps {\n  /** UI language, e.g. \"nl\" or \"en\". Defaults to \"nl\". */\n  lang?: string;\n  /** Base URL of the appointment API (required). */\n  awsUrl: string;\n  /** Holiday closure switch. Defaults to false. */\n  vacationMode?: boolean;\n  /** First closed day (ISO `YYYY-MM-DD`). */\n  vacationStart?: string;\n  /** Last closed day (ISO `YYYY-MM-DD`). */\n  vacationEnd?: string;\n  /** First day back at work (ISO `YYYY-MM-DD`). */\n  vacationReopen?: string;\n}\n\n/**\n * Vue wrapper around the <tvs-appointment-form> custom element with typed,\n * camelCase props. Rendered via a render function so consumers don't need\n * `isCustomElement` compiler configuration.\n */\nexport const AppointmentForm = defineComponent({\n  name: 'AppointmentForm',\n  props: {\n    lang: { type: String, default: 'nl' },\n    awsUrl: { type: String, required: true },\n    vacationMode: { type: Boolean, default: false },\n    vacationStart: { type: String, default: '' },\n    vacationEnd: { type: String, default: '' },\n    vacationReopen: { type: String, default: '' }\n  },\n  setup(props) {\n    // Runs on the client before mount; no-ops during SSR so Astro can still\n    // server-render the tag and let the browser upgrade it.\n    register();\n\n    return () =>\n      h(TAG_NAME, {\n        lang: props.lang,\n        aws_url: props.awsUrl,\n        vacation_mode: props.vacationMode ? 'true' : 'false',\n        vacation_start: props.vacationStart,\n        vacation_end: props.vacationEnd,\n        vacation_reopen: props.vacationReopen\n      });\n  }\n});\n"],"names":["AppointmentForm","defineComponent","props","register","h","TAG_NAME"],"mappings":";;AAuBO,MAAMA,IAAkBC,EAAgB;AAAA,EAC7C,MAAM;AAAA,EACN,OAAO;AAAA,IACL,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA,IAC/B,QAAQ,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA,IAClC,cAAc,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,IACxC,eAAe,EAAE,MAAM,QAAQ,SAAS,GAAA;AAAA,IACxC,aAAa,EAAE,MAAM,QAAQ,SAAS,GAAA;AAAA,IACtC,gBAAgB,EAAE,MAAM,QAAQ,SAAS,GAAA;AAAA,EAAG;AAAA,EAE9C,MAAMC,GAAO;AAGX,WAAAC,EAAA,GAEO,MACLC,EAAEC,GAAU;AAAA,MACV,MAAMH,EAAM;AAAA,MACZ,SAASA,EAAM;AAAA,MACf,eAAeA,EAAM,eAAe,SAAS;AAAA,MAC7C,gBAAgBA,EAAM;AAAA,MACtB,cAAcA,EAAM;AAAA,MACpB,iBAAiBA,EAAM;AAAA,IAAA,CACxB;AAAA,EACL;AACF,CAAC;"}

package/dist/register.d.ts

@@ -0,0 +1 @@
+export { register, TAG_NAME } from './registerFn';

package/dist/register.js

@@ -0,0 +1,8 @@
+import { r } from "./chunks/registerFn-DsKKhIA8.js";
+import { T as m } from "./chunks/registerFn-DsKKhIA8.js";
+r();
+export {
+  m as TAG_NAME,
+  r as register
+};
+//# sourceMappingURL=register.js.map

package/dist/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../src/lib/register.ts"],"sourcesContent":["// Side-effect entry: importing this module registers <tvs-appointment-form>.\nimport { register } from './registerFn';\n\nregister();\n\nexport { register, TAG_NAME } from './registerFn';\n"],"names":["register"],"mappings":";;AAGAA,EAAA;"}

package/dist/registerFn.d.ts

@@ -0,0 +1,7 @@
+export declare const TAG_NAME = "tvs-appointment-form";
+/**
+ * Defines the <tvs-appointment-form> custom element. Safe to call multiple
+ * times and during SSR: it no-ops without a `window` or when the tag is
+ * already registered.
+ */
+export declare function register(): void;

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@tvsgroup/appointment-form",
+  "version": "0.1.1",
+  "description": "TVS Engineering appointment booking form as a <tvs-appointment-form> web component with a typed Vue wrapper",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TVS-LATAM/appointment-form.git"
+  },
+  "type": "module",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./register": {
+      "types": "./dist/register.d.ts",
+      "import": "./dist/register.js"
+    },
+    "./package.json": "./package.json",
+    "./dist/*": "./dist/*"
+  },
+  "sideEffects": [
+    "./dist/register.js",
+    "./dist/appointment-form.es.js",
+    "**/*.css"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vite build --config vite.lib.config.ts",
+    "prepublishOnly": "npm run build",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "e2e": "playwright test",
+    "e2e:dry": "E2E_DRY_RUN=1 playwright test",
+    "e2e:ui": "playwright test --ui",
+    "e2e:report": "playwright show-report e2e/.report",
+    "type-check": "vue-tsc --noEmit",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "@vueuse/core": "^10.7.0",
+    "heic2any": "^0.0.4",
+    "intl-tel-input": "^23.7.3",
+    "js-datepicker": "^5.18.2",
+    "pinia": "^2.1.7"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@microsoft/api-extractor": "^7.58.12",
+    "@playwright/test": "^1.62.1",
+    "@rushstack/eslint-patch": "^1.8.0",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^20.19.17",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vue/eslint-config-prettier": "^9.0.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.5.1",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^8.57.0",
+    "eslint-plugin-vue": "^9.23.0",
+    "jsdom": "^24.1.0",
+    "npm-run-all2": "^6.2.0",
+    "postcss": "^8.4.32",
+    "postcss-cli": "^11.0.1",
+    "prettier": "^3.2.5",
+    "tailwindcss": "^3.3.6",
+    "typescript": "^5.6.3",
+    "vite": "^5.0.10",
+    "vite-plugin-dts": "^5.0.3",
+    "vite-plugin-vue-devtools": "^1.0.0-rc.7",
+    "vitest": "^1.6.0",
+    "vue": "^3.5.12",
+    "vue-tsc": "^2.0.21"
+  }
+}