hemfixarna-web-components 1.6.2 → 1.6.4

package/dist/collection/components/hemfixarna-invoice/hemfixarna-invoice.css

@@ -0,0 +1,76 @@
+:host .invoice {
+  gap: 16px;
+  display: grid;
+}
+:host .invoice form > span {
+  text-align: center;
+  padding: 16px 0;
+}
+:host .invoice img {
+  right: unset;
+  left: unset;
+  position: initial;
+  transform: none;
+}
+:host .invoice label {
+  cursor: pointer;
+  font-size: 14px;
+  display: flex;
+  align-items: flex-start;
+  padding: 16px 0;
+}
+:host .invoice label input {
+  margin: 0 5px 0 0;
+  accent-color: #ea662c;
+}
+:host .invoice-preview {
+  display: flex;
+  gap: 4px;
+}
+:host .invoice-preview div {
+  position: relative;
+}
+:host .invoice-preview div button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 0;
+}
+:host .invoice-preview div button img {
+  width: 24px;
+  height: 24px;
+}
+:host .invoice-preview div > img {
+  width: 100px;
+  height: 80px;
+  object-fit: cover;
+}
+:host .invoice input[type=email],
+:host .invoice input[type=tel],
+:host .invoice textarea {
+  padding: 16px;
+  border: 1px solid #fcd9c9;
+  font-size: 16px;
+}
+:host .invoice textarea {
+  resize: none;
+  height: 200px;
+  font-family: "Inter", sans-serif;
+}
+:host .invoice div:has(> input[type=file]) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  background: #fff;
+  border: 1px solid #fcd9c9;
+  padding: 32px 16px;
+  gap: 16px;
+}
+:host .invoice div:has(> input[type=file]) span {
+  color: #000;
+  font-size: 12px;
+}
+:host .invoice input[type=file] {
+  display: none;
+}

package/dist/{hemfixarna-components/hemfixarna-invoice.entry.js → collection/components/hemfixarna-invoice/hemfixarna-invoice.js}

@@ -1,12 +1,8 @@
-import { r as registerInstance, g as getAssetPath, h, e as getElement } from './index-f1a87cf1.js';
-import { s as state } from './index-b6a6e994.js';
-
-const hemfixarnaInvoiceCss = ":host .invoice{gap:16px;display:grid}:host .invoice form>span{text-align:center;padding:16px 0}:host .invoice img{right:unset;left:unset;position:initial;transform:none}:host .invoice label{cursor:pointer;font-size:14px;display:flex;align-items:flex-start;padding:16px 0}:host .invoice label input{margin:0 5px 0 0;accent-color:#ea662c}:host .invoice-preview{display:flex;gap:4px}:host .invoice-preview div{position:relative}:host .invoice-preview div button{position:absolute;top:0;right:0;padding:0}:host .invoice-preview div button img{width:24px;height:24px}:host .invoice-preview div>img{width:100px;height:80px;object-fit:cover}:host .invoice input[type=email],:host .invoice input[type=tel],:host .invoice textarea{padding:16px;border:1px solid #fcd9c9;font-size:16px}:host .invoice textarea{resize:none;height:200px;font-family:\"Inter\", sans-serif}:host .invoice div:has(>input[type=file]){display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;border:1px solid #fcd9c9;padding:32px 16px;gap:16px}:host .invoice div:has(>input[type=file]) span{color:#000;font-size:12px}:host .invoice input[type=file]{display:none}";
-
-const base = "https://hemfixarna.se" ? `${"https://hemfixarna.se"}/wp-json/headless` : 'https://hemfixarna.se/wp-json/headless';
-const HemfixarnaInvoice = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+import { getAssetPath, h } from '@stencil/core';
+import state from '../../store';
+const base = process.env.API_URL ? `${process.env.API_URL}/wp-json/headless` : 'https://hemfixarna.se/wp-json/headless';
+export class HemfixarnaInvoice {
+  constructor() {
     this.formError = null;
     this.displayImages = [];
     this.formImages = [];
@@ -145,10 +141,25 @@ const HemfixarnaInvoice = class {
     const upload = getAssetPath(`./assets/drag-drop.svg`);
     return (h("div", { class: "invoice" }, h("p", null, state.selectedProduct.invoice_description), h("form", { onSubmit: e => this.submit(e) }, h("textarea", { name: "descriptionInput", placeholder: "Beskriv ditt \u00E4rende" }), h("div", { role: "button", "aria-label": "upload image", onDragOver: e => this.preventDragOver(e), onDrop: e => this.handleImageDrop(e), onClick: () => this.handleImageClick() }, h("img", { src: upload, alt: "hemfixarna_logo", width: 24 }), h("div", null, h("p", null, "Bifoga ev bilder"), h("span", null, "(dra bilder hit)")), h("input", { onChange: e => this.handleFileInputChange(e), class: "hemfixarna-file-upload", accept: "image/*", type: "file", multiple: true, name: "fileInput" })), h("div", { class: "invoice-preview" }, this.displayImages.map((img, i) => (h("div", { key: i }, h("img", { src: img, alt: "uploaded image" }), h("button", { onClick: () => this.removeImage(i) }, h("img", { src: getAssetPath(`./assets/close.svg`), alt: "close" })))))), h("input", { placeholder: "E-post", type: "email", name: "emailInput" }), h("input", { placeholder: "Telefonnummer", type: "tel", name: "telInput" }), state.selectedProduct.terms_show_checkbox ? (h("label", null, h("input", { type: "checkbox", name: "termsInput" }), state.selectedProduct.terms)) : null, this.formError ? h("span", null, this.formError) : null, h("input", { type: "submit", value: this.formState === 'loading' ? 'Skickar' : 'Kontakta mig' }))));
   }
-  get el() { return getElement(this); }
-};
-HemfixarnaInvoice.style = hemfixarnaInvoiceCss;
-
-export { HemfixarnaInvoice as hemfixarna_invoice };
-
-//# sourceMappingURL=hemfixarna-invoice.entry.js.map
+  static get is() { return "hemfixarna-invoice"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hemfixarna-invoice.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hemfixarna-invoice.css"]
+    };
+  }
+  static get states() {
+    return {
+      "formError": {},
+      "displayImages": {},
+      "formImages": {},
+      "formState": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=hemfixarna-invoice.js.map

package/dist/collection/components/hemfixarna-invoice/hemfixarna-invoice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-invoice.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-invoice/hemfixarna-invoice.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, State, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\n\nconst base = process.env.API_URL ? `${process.env.API_URL}/wp-json/headless` : 'https://hemfixarna.se/wp-json/headless';\n\ninterface FormElements extends HTMLCollection {\n  descriptionInput: {\n    value: string;\n  };\n  emailInput: {\n    value: string;\n  };\n  telInput: {\n    value: string;\n  };\n  termsInput: {\n    checked: boolean;\n  };\n}\n\n@Component({\n  tag: 'hemfixarna-invoice',\n  styleUrl: 'hemfixarna-invoice.scss',\n  shadow: false,\n})\nexport class HemfixarnaInvoice {\n  @State() formError: string | null = null;\n  @Element() private el: HTMLElement;\n  @State() displayImages: Array<string | ArrayBuffer> = [];\n  @State() formImages: Array<File> = [];\n  @State() formState: 'initial' | 'loading' = 'initial';\n\n  isValidEmail(email: string) {\n    const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n    return emailRegex.test(email);\n  }\n\n  componentDidRender() {\n    const form = this.el.querySelector('form') as HTMLFormElement;\n    if (form) {\n      form.addEventListener('input', () => {\n        this.formError = null;\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    const form = this.el.querySelector('form') as HTMLFormElement;\n    if (form) {\n      form.removeEventListener('input', () => {\n        this.formError = null;\n      });\n    }\n  }\n\n  async submit(e: Event) {\n    e.preventDefault();\n    this.formState = 'loading';\n    this.formError = null;\n    const form = (e.currentTarget as HTMLFormElement).elements as FormElements;\n    const values = {\n      description: form.descriptionInput.value.length ? form.descriptionInput.value : null,\n      email: form.emailInput.value.length ? form.emailInput.value : null,\n      tel: form.telInput.value.length ? form.telInput.value : null,\n      terms: form.termsInput?.checked,\n    };\n\n    if (!values.description) {\n      this.formError = 'Vänligen fyll i formulärtexten';\n      this.formState = 'initial';\n      return;\n    }\n    if (!values.email || !this.isValidEmail(values.email)) {\n      this.formError = 'Vänligen ange en giltig e-postadress';\n      this.formState = 'initial';\n      return;\n    }\n    if (!values.tel) {\n      this.formError = 'Vänligen ange ditt telefonnummer';\n      this.formState = 'initial';\n      return;\n    }\n    if (state.selectedProduct.terms_show_checkbox && !values.terms) {\n      this.formError = 'Vänligen acceptera villkoren';\n      this.formState = 'initial';\n      return;\n    }\n\n    const formData = new FormData();\n    formData.append('text', values.description);\n    formData.append('email', values.email);\n    formData.append('phone', values.tel);\n    formData.append('customer', state.business);\n\n    this.formImages.forEach(file => {\n      formData.append('images[]', file);\n    });\n\n    formData.append(\n      'product',\n      JSON.stringify({\n        title: state.selectedProduct.title,\n        amount: 1,\n        has_rut: state.selectedProduct.rut,\n        has_rot: state.selectedProduct.rot,\n        has_green: state.selectedProduct.green,\n        ID: state.selectedProduct.ID,\n        parts: [],\n      }),\n    );\n\n    try {\n      const res = await fetch(`${base}/saveinvoiceproduct`, {\n        method: 'POST',\n        body: formData,\n      });\n      const { response } = await res.json();\n      if (response.code === 200) {\n        state.checkoutInvoice = true;\n        state.step = 6;\n      } else {\n        this.formError = 'Vi kan inte ta emot din beställning just nu';\n        this.formState = 'initial';\n      }\n    } catch (error) {\n      this.formError = 'Vi kan inte ta emot din beställning just nu';\n      this.formState = 'initial';\n    }\n  }\n\n  handleImageDrop(e: DragEvent) {\n    e.preventDefault();\n    const files = e.dataTransfer.files;\n    for (let i = 0; i < files.length; i++) {\n      const file = files[i];\n\n      if (file.type.startsWith('image/')) {\n        const reader = new FileReader();\n\n        reader.onload = () => {\n          this.displayImages = [...this.displayImages, reader.result];\n          this.formImages = [...this.formImages, file];\n        };\n\n        reader.readAsDataURL(file);\n      }\n    }\n  }\n\n  handleFileInputChange(e: Event) {\n    e.preventDefault();\n    const files = (e.target as HTMLInputElement).files;\n\n    for (let i = 0; i < files.length; i++) {\n      const file = files[i];\n      if (file.type.startsWith('image/')) {\n        const reader = new FileReader();\n        reader.onload = () => {\n          this.displayImages = [...this.displayImages, reader.result];\n          this.formImages = [...this.formImages, file];\n        };\n\n        reader.readAsDataURL(file);\n      }\n    }\n  }\n\n  handleImageClick() {\n    (this.el.querySelector('.hemfixarna-file-upload') as HTMLInputElement).click();\n  }\n\n  preventDragOver(e: DragEvent) {\n    e.preventDefault();\n  }\n\n  removeImage(index: number) {\n    this.displayImages = this.displayImages.filter((_, i) => i !== index);\n    this.formImages = this.formImages.filter((_, i) => i !== index);\n  }\n\n  render() {\n    const upload = getAssetPath(`./assets/drag-drop.svg`);\n    return (\n      <div class=\"invoice\">\n        <p>{state.selectedProduct.invoice_description}</p>\n        <form onSubmit={e => this.submit(e)}>\n          <textarea name=\"descriptionInput\" placeholder=\"Beskriv ditt ärende\" />\n          <div role=\"button\" aria-label=\"upload image\" onDragOver={e => this.preventDragOver(e)} onDrop={e => this.handleImageDrop(e)} onClick={() => this.handleImageClick()}>\n            <img src={upload} alt=\"hemfixarna_logo\" width={24} />\n            <div>\n              <p>Bifoga ev bilder</p>\n              <span>(dra bilder hit)</span>\n            </div>\n            <input onChange={e => this.handleFileInputChange(e)} class=\"hemfixarna-file-upload\" accept=\"image/*\" type=\"file\" multiple name=\"fileInput\" />\n          </div>\n          <div class=\"invoice-preview\">\n            {this.displayImages.map((img, i) => (\n              <div key={i}>\n                <img src={img as string} alt=\"uploaded image\" />\n                <button onClick={() => this.removeImage(i)}>\n                  <img src={getAssetPath(`./assets/close.svg`)} alt=\"close\" />\n                </button>\n              </div>\n            ))}\n          </div>\n          <input placeholder=\"E-post\" type=\"email\" name=\"emailInput\" />\n          <input placeholder=\"Telefonnummer\" type=\"tel\" name=\"telInput\" />\n          {state.selectedProduct.terms_show_checkbox ? (\n            <label>\n              <input type=\"checkbox\" name=\"termsInput\" />\n              {state.selectedProduct.terms}\n            </label>\n          ) : null}\n          {this.formError ? <span>{this.formError}</span> : null}\n          <input type=\"submit\" value={this.formState === 'loading' ? 'Skickar' : 'Kontakta mig'} />\n        </form>\n      </div>\n    );\n  }\n}\n"]}

package/dist/{hemfixarna-components/hemfixarna-order.entry.js → collection/components/hemfixarna-order/hemfixarna-order.js}

@@ -1,9 +1,7 @@
-import { r as registerInstance, h } from './index-f1a87cf1.js';
-import { s as state } from './index-b6a6e994.js';
-
-const HemfixarnaOrder = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+import { h } from '@stencil/core';
+import state from '../../store';
+export class HemfixarnaOrder {
+  constructor() {
     this.render = () => {
       return (h("div", { style: { background: `url(${state.options.thank_you_image})` }, class: "hemfixarna_order" }, h("div", null), h("div", null, h("h2", null, state.checkoutInvoice ? 'Tack för din förfrågan' : 'Tack för din bokning'), state.checkoutInvoice ? h("p", null, "Vi \u00E5terkommer inom kort till dig p\u00E5 angivet telefonnummer eller epost") : null, state.checkoutInvoice ? h("div", null) : h("hemfixarna-orderrows", { tree: this.tree, cart: false }), h("span", { onClick: () => this.resetShop() }, h("button", null, "G\u00F6r en ny bokning")), h("hemfixarna-info", null))));
     };
@@ -21,8 +19,30 @@ const HemfixarnaOrder = class {
   disconnectedCallback() {
     this.resetShop();
   }
-};
-
-export { HemfixarnaOrder as hemfixarna_order };
-
-//# sourceMappingURL=hemfixarna-order.entry.js.map
+  static get is() { return "hemfixarna-order"; }
+  static get properties() {
+    return {
+      "tree": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Category",
+          "resolved": "Category",
+          "references": {
+            "Category": {
+              "location": "import",
+              "path": "../../types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      }
+    };
+  }
+}
+//# sourceMappingURL=hemfixarna-order.js.map

package/dist/collection/components/hemfixarna-order/hemfixarna-order.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-order.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-order/hemfixarna-order.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,MAAM,OAAO,eAAe;;IAiB1B,WAAM,GAAG,GAAG,EAAE;MACZ,OAAO,CACL,WAAK,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,eAAe,GAAG,EAAE,EAAE,KAAK,EAAC,kBAAkB;QAC3F,cAAW;QACX;UACE,cAAK,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,sBAAsB,CAAM;UACnF,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,+FAA4E,CAAC,CAAC,CAAC,IAAI;UAC3G,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,cAAW,CAAC,CAAC,CAAC,4BAAsB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,GAAyB;UAClH,YAAM,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;YACnC,2CAAkC,CAC7B;UACP,0BAAmB,CACf,CACF,CACP,CAAC;IACJ,CAAC,CAAC;;;EA7BF,SAAS;IACP,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;IACf,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC;IAChB,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;IACpB,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;EACzB,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,SAAS,EAAE,CAAC;EACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CAkBF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport state from '../../store';\nimport { Category } from '../../types';\n\n@Component({\n  tag: 'hemfixarna-order',\n  shadow: false,\n})\nexport class HemfixarnaOrder {\n  @Prop() tree: Category;\n\n  resetShop() {\n    state.step = 1;\n    state.cart = [];\n    state.selectedCategory = null;\n    state.selectedService = null;\n    state.selectedProduct = null;\n    state.maleri = null;\n    state.checkoutStep = 1;\n  }\n\n  disconnectedCallback() {\n    this.resetShop();\n  }\n\n  render = () => {\n    return (\n      <div style={{ background: `url(${state.options.thank_you_image})` }} class=\"hemfixarna_order\">\n        <div></div>\n        <div>\n          <h2>{state.checkoutInvoice ? 'Tack för din förfrågan' : 'Tack för din bokning'}</h2>\n          {state.checkoutInvoice ? <p>Vi återkommer inom kort till dig på angivet telefonnummer eller epost</p> : null}\n          {state.checkoutInvoice ? <div></div> : <hemfixarna-orderrows tree={this.tree} cart={false}></hemfixarna-orderrows>}\n          <span onClick={() => this.resetShop()}>\n            <button>Gör en ny bokning</button>\n          </span>\n          <hemfixarna-info />\n        </div>\n      </div>\n    );\n  };\n}\n"]}

package/dist/{hemfixarna-components/hemfixarna-orderrows.entry.js → collection/components/hemfixarna-orderrows/hemfixarna-orderrows.js}

@@ -1,10 +1,8 @@
-import { r as registerInstance, g as getAssetPath, h, F as Fragment } from './index-f1a87cf1.js';
-import { s as state } from './index-b6a6e994.js';
-import { a as getProductPrice, b as getPartPrice, c as getStartFee, d as calculateRot, e as calculateRut, f as calculateGreenDiscount, h as getTotalPrice } from './calc-4c79b798.js';
-
-const HemfixarnaOrderrows = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+import { Fragment, getAssetPath, h } from '@stencil/core';
+import state from '../../store';
+import { calculateGreenDiscount, calculateRot, calculateRut, getPartPrice, getProductPrice, getStartFee, getTotalPrice } from '../../utils/calc';
+export class HemfixarnaOrderrows {
+  constructor() {
     this.cart = true;
     this.tree = undefined;
   }
@@ -71,8 +69,48 @@ const HemfixarnaOrderrows = class {
       return (h("li", { class: "hemfixarna_cart--item" }, h("div", null, h("div", null, item.icon && h("img", { width: 30, src: (_a = item.icon.url) !== null && _a !== void 0 ? _a : item.icon, alt: item.name }), h("p", null, h("strong", null, item.amount, "x "), item.name)), this.cart && h("button", { onClick: () => this.goToProduct(item.id) }, "\u00C4ndra")), h("p", null, h("strong", null, getProductPrice(item, item.price, item.amount), "kr"), h("span", null, this.getDiscountedInfo(item))), item.parts.length > 0 && (h("ul", null, item.parts.map(part => (h("li", null, h("p", null, h("strong", null, part.amount, "x "), part.name), h("p", null, h("strong", null, getPartPrice(part, item, part.amount), "kr")))))))));
     })), h("div", { class: "hemfixarna_cart--additional" }, h("div", null, getStartFee().rot > 0 && (h("div", { class: "hemfixarna_cart--startfee" }, h("p", null, h("strong", { onClick: () => this.openRot() }, state.rotOptions.rot_start_fee_heading, h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), h("p", null, getStartFee().rot, "kr"))), getStartFee().rut > 0 && (h("div", { class: "hemfixarna_cart--startfee" }, h("p", null, h("strong", { onClick: () => this.openRut() }, state.rutOptions.rut_start_fee_heading, h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), h("p", null, getStartFee().rut, "kr"))), getStartFee().green > 0 && (h("div", { class: "hemfixarna_cart--startfee" }, h("p", null, h("strong", { onClick: () => this.openGreen() }, state.greenOptions.green_start_fee_heading, h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), h("p", null, getStartFee().green, "kr")))), state.cart.find((item) => item.rot) && (h("div", { class: "hemfixarna_cart--rutrot" }, h("div", null, this.cart && (h("label", { class: "switch" }, h("input", { checked: state.rot, onChange: () => (state.rot = !state.rot), type: "checkbox" }), h("span", { class: "slider" }))), h("p", null, "ROT-avdrag")), h("p", null, "(-", state.rot ? calculateRot() : 0, "kr)"))), state.cart.find((item) => item.rut) && (h("div", { class: "hemfixarna_cart--rutrot" }, h("div", null, h("label", { class: "switch" }, h("input", { onChange: () => (state.rut = !state.rut), checked: state.rut, type: "checkbox" }), h("span", { class: "slider" })), h("p", null, "RUT-avdrag")), h("p", null, "(-", state.rut ? calculateRut() : 0, "kr)"))), state.cart.find((item) => item.green) && (h("div", { class: "hemfixarna_cart--rutrot" }, h("div", null, h("label", { class: "switch" }, h("input", { onChange: () => (state.green = !state.green), checked: state.green, type: "checkbox" }), h("span", { class: "slider" })), h("p", null, "Gr\u00F6n teknik avdrag")), h("p", null, "(-", state.green ? calculateGreenDiscount() : 0, "kr)")))), h("div", { class: "hemfixarna_cart--price" }, h("h2", null, "Totalbelopp: "), h("h2", null, getTotalPrice(), "kr"))));
   }
-};
-
-export { HemfixarnaOrderrows as hemfixarna_orderrows };
-
-//# sourceMappingURL=hemfixarna-orderrows.entry.js.map
+  static get is() { return "hemfixarna-orderrows"; }
+  static get properties() {
+    return {
+      "cart": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "cart",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "tree": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Category",
+          "resolved": "Category",
+          "references": {
+            "Category": {
+              "location": "import",
+              "path": "../../types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      }
+    };
+  }
+}
+//# sourceMappingURL=hemfixarna-orderrows.js.map

package/dist/collection/components/hemfixarna-orderrows/hemfixarna-orderrows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-orderrows.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-orderrows/hemfixarna-orderrows.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Fragment, Prop, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { CartItem, Category, Icon } from '../../types';\nimport { calculateGreenDiscount, calculateRot, calculateRut, getPartPrice, getProductPrice, getStartFee, getTotalPrice } from '../../utils/calc';\n\n@Component({\n  tag: 'hemfixarna-orderrows',\n  shadow: false,\n})\nexport class HemfixarnaOrderrows {\n  @Prop() cart: boolean = true;\n  @Prop() tree: Category;\n\n  goToProduct(id: number) {\n    if (state.customer) {\n      const products = state.customer.categories\n        .map(c => (c.show_products ? c.products : c.sub_categories ? c.sub_categories.map(c => c.products) : []))\n        .flat()\n        .flat();\n      const product = products.find(p => p && p.fields.ID === id);\n      if (product) {\n        state.selectedProduct = product.fields;\n        state.step = 4;\n      }\n    } else {\n      const services = this.tree.sub_cats.map((c: Category) => c.services).flat();\n      const products = services.map((s: any) => s.products).flat();\n      const product = products.find((p: any) => p.ID === id);\n      const service = services.find((s: any) => s.products.find((p: any) => p.ID === id));\n      const category = this.tree.sub_cats.find((c: any) => c.services.find((s: any) => s.products.find((p: any) => p.ID === id)));\n      state.selectedCategory = category;\n      state.selectedService = service;\n      state.selectedProduct = product;\n      state.step = 4;\n    }\n  }\n\n  openRot() {\n    state.modal = {\n      title: state.rotOptions.rot_start_fee_heading,\n      text: [state.rotOptions.rot_start_fee_text, state.rotOptions.rot_start_fee_text_secondary],\n    };\n  }\n\n  openRut() {\n    state.modal = {\n      title: state.rutOptions.rut_start_fee_heading,\n      text: [state.rutOptions.rut_start_fee_text, state.rutOptions.rut_start_fee_text_secondary],\n    };\n  }\n\n  openGreen() {\n    state.modal = {\n      title: state.greenOptions.green_start_fee_heading,\n      text: [state.greenOptions.green_start_fee_text, state.greenOptions.green_start_fee_text_secondary],\n    };\n  }\n\n  getDiscountedInfo(item: CartItem) {\n    if (item.rut && state.rut) {\n      return ' (efter RUT-avdrag)';\n    } else if (item.rot && state.rot) {\n      return ' (efter ROT-avdrag)';\n    } else if (item.green && state.green) {\n      return ' (efter Grön teknik avdrag)';\n    } else {\n      return '';\n    }\n  }\n\n  render() {\n    const info = getAssetPath(`./assets/info.svg`);\n\n    return (\n      <Fragment>\n        <ul class=\"hemfixarna_cart--items\">\n          {state.cart.map(item => (\n            <li class=\"hemfixarna_cart--item\">\n              <div>\n                <div>\n                  {item.icon && <img width={30} src={(item.icon as Icon).url ?? (item.icon as string)} alt={item.name} />}\n                  <p>\n                    <strong>{item.amount}x </strong>\n                    {item.name}\n                  </p>\n                </div>\n                {this.cart && <button onClick={() => this.goToProduct(item.id)}>Ändra</button>}\n              </div>\n              <p>\n                <strong>{getProductPrice(item, item.price, item.amount)}kr</strong>\n                <span>{this.getDiscountedInfo(item)}</span>\n              </p>\n              {item.parts.length > 0 && (\n                <ul>\n                  {item.parts.map(part => (\n                    <li>\n                      <p>\n                        <strong>{part.amount}x </strong>\n                        {part.name}\n                      </p>\n                      <p>\n                        <strong>{getPartPrice(part, item, part.amount)}kr</strong>\n                      </p>\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </li>\n          ))}\n        </ul>\n        <div class=\"hemfixarna_cart--additional\">\n          <div>\n            {getStartFee().rot > 0 && (\n              <div class=\"hemfixarna_cart--startfee\">\n                <p>\n                  <strong onClick={() => this.openRot()}>\n                    {state.rotOptions.rot_start_fee_heading}\n                    <img height={16} src={info} alt=\"info monteringsavgift\" />\n                  </strong>\n                </p>\n                <p>{getStartFee().rot}kr</p>\n              </div>\n            )}\n            {getStartFee().rut > 0 && (\n              <div class=\"hemfixarna_cart--startfee\">\n                <p>\n                  <strong onClick={() => this.openRut()}>\n                    {state.rutOptions.rut_start_fee_heading}\n                    <img height={16} src={info} alt=\"info monteringsavgift\" />\n                  </strong>\n                </p>\n                <p>{getStartFee().rut}kr</p>\n              </div>\n            )}\n            {getStartFee().green > 0 && (\n              <div class=\"hemfixarna_cart--startfee\">\n                <p>\n                  <strong onClick={() => this.openGreen()}>\n                    {state.greenOptions.green_start_fee_heading}\n                    <img height={16} src={info} alt=\"info monteringsavgift\" />\n                  </strong>\n                </p>\n                <p>{getStartFee().green}kr</p>\n              </div>\n            )}\n          </div>\n          {state.cart.find((item: CartItem) => item.rot) && (\n            <div class=\"hemfixarna_cart--rutrot\">\n              <div>\n                {this.cart && (\n                  <label class=\"switch\">\n                    <input checked={state.rot} onChange={() => (state.rot = !state.rot)} type=\"checkbox\" />\n                    <span class=\"slider\"></span>\n                  </label>\n                )}\n                <p>ROT-avdrag</p>\n              </div>\n              <p>(-{state.rot ? calculateRot() : 0}kr)</p>\n            </div>\n          )}\n          {state.cart.find((item: CartItem) => item.rut) && (\n            <div class=\"hemfixarna_cart--rutrot\">\n              <div>\n                <label class=\"switch\">\n                  <input onChange={() => (state.rut = !state.rut)} checked={state.rut} type=\"checkbox\" />\n                  <span class=\"slider\"></span>\n                </label>\n                <p>RUT-avdrag</p>\n              </div>\n              <p>(-{state.rut ? calculateRut() : 0}kr)</p>\n            </div>\n          )}\n          {state.cart.find((item: CartItem) => item.green) && (\n            <div class=\"hemfixarna_cart--rutrot\">\n              <div>\n                <label class=\"switch\">\n                  <input onChange={() => (state.green = !state.green)} checked={state.green} type=\"checkbox\" />\n                  <span class=\"slider\"></span>\n                </label>\n                <p>Grön teknik avdrag</p>\n              </div>\n              <p>(-{state.green ? calculateGreenDiscount() : 0}kr)</p>\n            </div>\n          )}\n        </div>\n        <div class=\"hemfixarna_cart--price\">\n          <h2>Totalbelopp: </h2>\n          <h2>{getTotalPrice()}kr</h2>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"]}

package/dist/{hemfixarna-components/hemfixarna-product.entry.js → collection/components/hemfixarna-product/hemfixarna-product.js}

@@ -1,14 +1,10 @@
-import { r as registerInstance, g as getAssetPath, h, F as Fragment, e as getElement } from './index-f1a87cf1.js';
-import { s as state } from './index-b6a6e994.js';
-import { B as Business } from './index-d90ad11b.js';
-import { a as getProductPrice, b as getPartPrice } from './calc-4c79b798.js';
-import { s as scrollToTop } from './scroll-6c26b5da.js';
-
-const hemfixarnaProductCss = "";
-
-const HemfixarnaProduct = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+import { Fragment, getAssetPath, h } from '@stencil/core';
+import state from '../../store';
+import { Business } from '../../types';
+import { getPartPrice, getProductPrice } from '../../utils/calc';
+import { scrollToTop } from '../../utils/scroll';
+export class HemfixarnaProduct {
+  constructor() {
     this.amount = 0;
     this.hideDescription = true;
   }
@@ -147,10 +143,23 @@ const HemfixarnaProduct = class {
         return (h("li", { class: "hemfixarna_part" }, h("div", null, h("p", null, (_a = p.title) !== null && _a !== void 0 ? _a : p.title), h("p", { class: "hemfixarna_product--price" }, getPartPrice(p, state.selectedProduct), "kr/st")), h("div", { class: "hemfixarna_counter" }, h("img", { class: `${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removePart(p) }), h("span", null, this.getPartAmount(p.ID)), h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: plus, onClick: () => this.addPart(p) }))));
       })), h("h4", { class: "hemfixarna_product--total" }, "Totalt ", this.getTotalPrice(), " kr"), h("button", { onClick: () => this.goToCart(), class: `hemfixarna_buy ${this.getAmount() === 0 ? 'disabled' : ''}` }, "Forts\u00E4tt"))), !state.selectedProduct.hide_start_fee && (state.selectedProduct.rot || state.selectedProduct.rut) && state.rutOptions && state.rotOptions && (h("p", { class: "hemfixarna_terms" }, h("strong", null, state.selectedProduct.rot ? state.rotOptions.rot_start_fee_heading : state.rutOptions.rut_start_fee_heading), h("br", null), h("span", { innerHTML: state.selectedProduct.rot ? state.rotOptions.rot_start_fee_text : state.rutOptions.rut_start_fee_text }))), state.options && h("hemfixarna-info", null))))) : null;
   }
-  get el() { return getElement(this); }
-};
-HemfixarnaProduct.style = hemfixarnaProductCss;
-
-export { HemfixarnaProduct as hemfixarna_product };
-
-//# sourceMappingURL=hemfixarna-product.entry.js.map
+  static get is() { return "hemfixarna-product"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hemfixarna-product.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hemfixarna-product.css"]
+    };
+  }
+  static get states() {
+    return {
+      "amount": {},
+      "hideDescription": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=hemfixarna-product.js.map

package/dist/collection/components/hemfixarna-product/hemfixarna-product.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-product.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-product/hemfixarna-product.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, State, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Business, Icon, Part } from '../../types';\nimport { getPartPrice, getProductPrice } from '../../utils/calc';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n  tag: 'hemfixarna-product',\n  styleUrl: 'hemfixarna-product.scss',\n  shadow: false,\n})\nexport class HemfixarnaProduct {\n  @State() amount: number = 0;\n  @State() hideDescription: boolean = true;\n  @Element() private el: HTMLElement;\n\n  addProduct() {\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    if (productInCart) {\n      productInCart.amount++;\n      state.cart = [...state.cart];\n    } else {\n      state.cart = [\n        ...state.cart,\n        {\n          id: state.selectedProduct.ID,\n          rut: state.selectedProduct.rut,\n          rot: state.selectedProduct.rot,\n          green: state.selectedProduct.green,\n          amount: 1,\n          parts: [],\n          price: state.selectedProduct.price,\n          name: state.selectedProduct.title,\n          start_fee: !state.selectedProduct.hide_start_fee,\n          terms_checkout: state.selectedProduct.terms_checkout,\n          icon: state.selectedProduct.icon,\n        },\n      ];\n    }\n  }\n\n  removeProduct() {\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    if (productInCart && productInCart.amount > 1) {\n      productInCart.amount--;\n      state.cart = [...state.cart];\n    } else {\n      state.cart = state.cart.filter(p => p.id !== state.selectedProduct.ID);\n    }\n  }\n\n  //Handle cart and parts\n  addPart(part: Part) {\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    if (productInCart) {\n      const partInCart = productInCart.parts.find(sp => sp.id === part.ID);\n      if (partInCart) {\n        partInCart.amount++;\n        productInCart.parts = [...productInCart.parts];\n      } else {\n        productInCart.parts = [...productInCart.parts, { id: part.ID, amount: 1, price: part.price, name: part.title ?? part.title }];\n      }\n      state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];\n    }\n  }\n\n  removePart(part: Part) {\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    if (productInCart) {\n      const partInCart = productInCart.parts.find(sp => sp.id === part.ID);\n      if (partInCart && partInCart.amount > 1) {\n        partInCart.amount--;\n        productInCart.parts = [...productInCart.parts];\n      } else {\n        productInCart.parts = productInCart.parts.filter(sp => sp.id !== part.ID);\n      }\n      state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];\n    }\n  }\n\n  goToCart() {\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    if (productInCart) {\n      state.step = 5;\n      const el = this.el.closest('.hemfixarna_content');\n      scrollToTop(el);\n    }\n  }\n\n  getAmount() {\n    return state.cart.find(p => p.id === state.selectedProduct.ID)?.amount || 0;\n  }\n\n  getPartAmount(partId: number) {\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    return productInCart?.parts.find(sp => sp.id === partId)?.amount || 0;\n  }\n\n  getTotalPrice() {\n    let price = 0;\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    if (productInCart) {\n      const partsPrice = productInCart.parts.reduce((acc, curr) => {\n        const part = state.selectedProduct.parts.find(p => p.ID === curr.id);\n        if (part) {\n          return acc + part.price * curr.amount;\n        }\n        return acc;\n      }, 0);\n      price = state.selectedProduct.price * productInCart.amount + partsPrice;\n    } else {\n      price = state.selectedProduct.price;\n    }\n    return getProductPrice(state.selectedProduct, price);\n  }\n\n  componentDidRender() {\n    const linkElem = document.createElement('link');\n    linkElem.setAttribute('rel', 'stylesheet');\n    linkElem.setAttribute('href', 'https://painting-frontend.vercel.app/static/css/main.css');\n    const fonts = document.createElement('link');\n    fonts.setAttribute('rel', 'stylesheet');\n    fonts.setAttribute('href', 'https://painting-frontend.vercel.app/fonts.css');\n\n    const checkAndInjectCSS = () => {\n      const parents = this.el.getElementsByTagName('hemfixare-calculator');\n      if (parents.length > 0 && parents[0].shadowRoot !== null) {\n        parents[0].shadowRoot.appendChild(linkElem);\n        parents[0].shadowRoot.appendChild(fonts);\n      } else {\n        setTimeout(checkAndInjectCSS, 1);\n      }\n    };\n\n    checkAndInjectCSS();\n  }\n\n  render() {\n    const checked = getAssetPath(`./assets/checked.svg`);\n    const plus = getAssetPath(`./assets/plus.svg`);\n    const minus = getAssetPath(`./assets/minus.svg`);\n\n    if (state.maleri) {\n      return (\n        <div class=\"hemfixarna_painting\">\n          <script\n            type=\"text/javascript\"\n            src={\n              ['localhost', 'vercel'].some(v => window.location.href.includes(v))\n                ? 'https://painting-dev.vercel.app/static/js/main.js'\n                : 'https://painting-frontend.vercel.app/static/js/main.js'\n            }\n            defer\n            async\n          ></script>\n          <hemfixare-calculator\n            title={state.options.maleri_title}\n            subtitle={state.options.maleri_text}\n            modal=\"true\"\n            customer={state.business === Business.string ? 'string' : state.business}\n          ></hemfixare-calculator>\n        </div>\n      );\n    }\n\n    return state.selectedProduct ? (\n      <div class=\"hemfixarna_product\">\n        <div class=\"hemfixarna_product--top\">\n          {state.selectedProduct.icon && (\n            <img width={80} src={(state.selectedProduct.icon as Icon).url ?? (state.selectedProduct.icon as string)} alt={state.selectedProduct.title} />\n          )}\n          <div>\n            <h1>{state.selectedProduct.title}</h1>\n            {!state.selectedProduct.invoice ? <h2>{getProductPrice(state.selectedProduct)} kr/st</h2> : <h2>{state.selectedProduct.invoice_price}</h2>}\n          </div>\n        </div>\n\n        <div class=\"hemfixarna_product--grid\">\n          <div class=\"hemfixarna_product--left\">\n            {state.selectedProduct.list?.length && (\n              <ul class=\"hemfixarna_features\">\n                {state.selectedProduct.list.map(l => (\n                  <li key={l.bullet}>\n                    <img src={checked} alt=\"checked\" />\n                    <p>{l.bullet}</p>\n                  </li>\n                ))}\n              </ul>\n            )}\n            {state.selectedProduct.description && (\n              <p\n                onClick={() => (this.hideDescription = false)}\n                class={`hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`}\n                innerHTML={state.selectedProduct.description}\n              ></p>\n            )}\n          </div>\n          <div class=\"hemfixarna_product--right\">\n            {state.selectedProduct.invoice ? (\n              <hemfixarna-invoice />\n            ) : (\n              <Fragment>\n                <ul>\n                  <li class=\"hemfixarna_product--item\">\n                    <div>\n                      <p>{state.selectedProduct.title}</p>\n                      <p class=\"hemfixarna_product--price\">{getProductPrice(state.selectedProduct)}kr/st</p>\n                    </div>\n                    <div class=\"hemfixarna_counter\">\n                      <img class={`${this.getAmount() === 0 ? 'disabled' : ''}`} src={minus} onClick={() => this.removeProduct()} />\n                      <span>{this.getAmount()}</span>\n                      <img src={plus} onClick={() => this.addProduct()} />\n                    </div>\n                  </li>\n                  {state.selectedProduct.parts?.length &&\n                    state.selectedProduct.parts.map(p => (\n                      <li class=\"hemfixarna_part\">\n                        <div>\n                          <p>{p.title ?? p.title}</p>\n                          <p class=\"hemfixarna_product--price\">{getPartPrice(p, state.selectedProduct)}kr/st</p>\n                        </div>\n                        <div class=\"hemfixarna_counter\">\n                          <img class={`${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`} src={minus} onClick={() => this.removePart(p)} />\n                          <span>{this.getPartAmount(p.ID)}</span>\n                          <img class={`${this.getAmount() === 0 ? 'disabled' : ''}`} src={plus} onClick={() => this.addPart(p)} />\n                        </div>\n                      </li>\n                    ))}\n                </ul>\n                <h4 class=\"hemfixarna_product--total\">Totalt {this.getTotalPrice()} kr</h4>\n                <button onClick={() => this.goToCart()} class={`hemfixarna_buy ${this.getAmount() === 0 ? 'disabled' : ''}`}>\n                  Fortsätt\n                </button>\n              </Fragment>\n            )}\n            {!state.selectedProduct.hide_start_fee && (state.selectedProduct.rot || state.selectedProduct.rut) && state.rutOptions && state.rotOptions && (\n              <p class=\"hemfixarna_terms\">\n                <strong>{state.selectedProduct.rot ? state.rotOptions.rot_start_fee_heading : state.rutOptions.rut_start_fee_heading}</strong>\n                <br />\n                <span innerHTML={state.selectedProduct.rot ? state.rotOptions.rot_start_fee_text : state.rutOptions.rut_start_fee_text}></span>\n              </p>\n            )}\n            {state.options && <hemfixarna-info />}\n          </div>\n        </div>\n      </div>\n    ) : null;\n  }\n}\n"]}

package/dist/{hemfixarna-components/hemfixarna-service.entry.js → collection/components/hemfixarna-service/hemfixarna-service.js}

@@ -1,10 +1,6 @@
-import { r as registerInstance, h } from './index-f1a87cf1.js';
-import { s as state } from './index-b6a6e994.js';
-
-const HemfixarnaService = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
+import { h } from '@stencil/core';
+import state from '../../store';
+export class HemfixarnaService {
   render() {
     return (h("div", null, h("h2", null, state.selectedService.post_title), h("div", { class: "hemfixarna_categories--wrapper" }, h("div", null, h("ul", { class: "hemfixarna_categories" }, state.selectedService.products
       .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))
@@ -13,8 +9,6 @@ const HemfixarnaService = class {
       return (h("hemfixarna-box", { post: p, icon: (_a = p.icon.url) !== null && _a !== void 0 ? _a : p.icon, postTitle: p.title }));
     }))), h("hemfixarna-info", null))));
   }
-};
-
-export { HemfixarnaService as hemfixarna_service };
-
-//# sourceMappingURL=hemfixarna-service.entry.js.map
+  static get is() { return "hemfixarna-service"; }
+}
+//# sourceMappingURL=hemfixarna-service.js.map

package/dist/collection/components/hemfixarna-service/hemfixarna-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-service.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-service/hemfixarna-service.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,MAAM,OAAO,iBAAiB;EAC5B,MAAM;IACJ,OAAO,CACL;MACE,cAAK,KAAK,CAAC,eAAe,CAAC,UAAU,CAAM;MAC3C,WAAK,KAAK,EAAC,gCAAgC;QACzC;UACE,UAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,eAAe,CAAC,QAAQ;aAC5B,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACtD,GAAG,CAAC,CAAC,CAAC,EAAE;;YAAC,OAAA,CACR,sBAAgB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAC,CAAC,CAAC,IAAa,CAAC,GAAG,mCAAK,CAAC,CAAC,IAAe,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,GAAmB,CACjH,CAAA;WAAA,CAAC,CACD,CACD;QACN,0BAAmB,CACf,CACF,CACP,CAAC;EACJ,CAAC;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\nimport state from '../../store';\nimport { Icon } from '../../types';\n\n@Component({\n  tag: 'hemfixarna-service',\n  shadow: false,\n})\nexport class HemfixarnaService {\n  render() {\n    return (\n      <div>\n        <h2>{state.selectedService.post_title}</h2>\n        <div class=\"hemfixarna_categories--wrapper\">\n          <div>\n            <ul class=\"hemfixarna_categories\">\n              {state.selectedService.products\n                .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))\n                .map(p => (\n                  <hemfixarna-box post={p} icon={(p.icon as Icon).url ?? (p.icon as string)} postTitle={p.title}></hemfixarna-box>\n                ))}\n            </ul>\n          </div>\n          <hemfixarna-info />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/{hemfixarna-components/hemfixarna-start.entry.js → collection/components/hemfixarna-start/hemfixarna-start.js}

@@ -1,9 +1,7 @@
-import { r as registerInstance, g as getAssetPath, h } from './index-f1a87cf1.js';
-import { s as state } from './index-b6a6e994.js';
-
-const HemfixarnaGrid = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+import { getAssetPath, h } from '@stencil/core';
+import state from '../../store';
+export class HemfixarnaGrid {
+  constructor() {
     this.tree = undefined;
     this.slug = undefined;
   }
@@ -30,8 +28,47 @@ const HemfixarnaGrid = class {
       return (h("hemfixarna-box", { post: c, icon: (_a = c.icon.url) !== null && _a !== void 0 ? _a : c.icon, postTitle: c.name }));
     })), h("hemfixarna-info", null))));
   }
-};
-
-export { HemfixarnaGrid as hemfixarna_start };
-
-//# sourceMappingURL=hemfixarna-start.entry.js.map
+  static get is() { return "hemfixarna-start"; }
+  static get properties() {
+    return {
+      "tree": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Category",
+          "resolved": "Category",
+          "references": {
+            "Category": {
+              "location": "import",
+              "path": "../../types"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "slug": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "slug",
+        "reflect": false
+      }
+    };
+  }
+}
+//# sourceMappingURL=hemfixarna-start.js.map

package/dist/collection/components/hemfixarna-start/hemfixarna-start.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-start.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-start/hemfixarna-start.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,MAAM,OAAO,cAAc;;;;;EAIzB,cAAc,CAAC,QAAgD;IAC7D,OAAQ,QAA6B,CAAC,aAAa,KAAK,SAAS,CAAC;EACpE,CAAC;EAED,iBAAiB;IACf,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;IACf,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;EACtB,CAAC;EAED,MAAM;;IACJ,MAAM,UAAU,GAAG,YAAY,CAAC,2BAA2B,CAAC,CAAC;IAC7D,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACtB;MACE,cAAK,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAM;MACjG,WAAK,KAAK,EAAC,gCAAgC;QACzC,UAAI,KAAK,EAAC,uBAAuB;UAC9B,CAAA,MAAA,KAAK,CAAC,wBAAwB,0CAAE,YAAY,EAAC,CAAC,CAAC,CAC9C,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAC,sBAAsB;YAC3E,WAAK,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,qBAAgB,GAAG;YACzD,iFAAoD,CAC7C,CACV,CAAC,CAAC,CAAC,IAAI;UACP,KAAK,CAAC,wBAAwB;YAC7B,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,KAAK,CAAC,wBAAwB,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,aAAa;cACrJ,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,sBAAgB,QAAQ,EAAE,CAAC,GAAmB,CAAC;cACxG,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ;gBACvC,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,sBAAgB,QAAQ,EAAE,CAAC,CAAC,MAAM,GAAmB,CAAC;gBACzG,CAAC,CAAC,IAAI;YACV,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,sBAAgB,QAAQ,EAAE,CAAC,GAAmB,CAAC,CACnF;QACL,0BAAmB,CACf,CACF,CACP,CAAC,CAAC,CAAC,CACF;MACE,mCAAsB;MACtB,WAAK,KAAK,EAAC,gCAAgC;QACzC,UAAI,KAAK,EAAC,uBAAuB,IAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ;WAChB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;WAC1C,GAAG,CAAC,CAAC,CAAC,EAAE;;UAAC,OAAA,CACR,sBAAgB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAC,CAAC,CAAC,IAAa,CAAC,GAAG,mCAAK,CAAC,CAAC,IAAe,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,GAAmB,CAChH,CAAA;SAAA,CAAC,CACD;QACL,0BAAmB,CACf,CACF,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Category, CustomerCategory, CustomerSubCategory, Icon } from '../../types';\n\n@Component({\n  tag: 'hemfixarna-start',\n  shadow: false,\n})\nexport class HemfixarnaGrid {\n  @Prop() tree?: Category;\n  @Prop() slug?: string;\n\n  isMainCategory(category: CustomerCategory | CustomerSubCategory): category is CustomerCategory {\n    return (category as CustomerCategory).show_products !== undefined;\n  }\n\n  handleMaleriClick() {\n    state.step = 4;\n    state.maleri = true;\n  }\n\n  render() {\n    const maleriLogo = getAssetPath('./assets/gubbe-pensel.svg');\n    return state.customer ? (\n      <div>\n        <h2>{state.selectedCustomerCategory ? state.selectedCustomerCategory.name : 'Alla tjänster'}</h2>\n        <div class=\"hemfixarna_categories--wrapper\">\n          <ul class=\"hemfixarna_categories\">\n            {state.selectedCustomerCategory?.add_painting ? (\n              <button onClick={() => this.handleMaleriClick()} class=\"hemfixarna_maleribox\">\n                <img height={64} src={maleriLogo} alt=\"Måleri Logotyp\" />\n                <p>Beräkna fast pris på måleri & tapetsering här</p>\n              </button>\n            ) : null}\n            {state.selectedCustomerCategory\n              ? this.isMainCategory(state.selectedCustomerCategory) && state.selectedCustomerCategory.sub_categories && !state.selectedCustomerCategory.show_products\n                ? state.selectedCustomerCategory.sub_categories.map(c => <hemfixarna-box category={c}></hemfixarna-box>)\n                : state.selectedCustomerCategory.products\n                  ? state.selectedCustomerCategory.products.map(c => <hemfixarna-box category={c.fields}></hemfixarna-box>)\n                  : null\n              : state.customer.categories.map(c => <hemfixarna-box category={c}></hemfixarna-box>)}\n          </ul>\n          <hemfixarna-info />\n        </div>\n      </div>\n    ) : (\n      <div>\n        <h2>Alla tjänster</h2>\n        <div class=\"hemfixarna_categories--wrapper\">\n          <ul class=\"hemfixarna_categories\">\n            {this.tree.sub_cats\n              .sort((a, b) => (a.name < b.name ? -1 : 1))\n              .map(c => (\n                <hemfixarna-box post={c} icon={(c.icon as Icon).url ?? (c.icon as string)} postTitle={c.name}></hemfixarna-box>\n              ))}\n          </ul>\n          <hemfixarna-info />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+//# 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,cAAc,cAAc,CAAC","sourcesContent":["export * from './components';\n"]}

package/dist/collection/store/index.js

@@ -0,0 +1,62 @@
+import { createStore } from '@stencil/store';
+const { state, onChange, } = createStore({
+  step: 1,
+  checkoutStep: 1,
+  checkoutEdit: false,
+  selectedCategory: null,
+  selectedService: null,
+  selectedProduct: null,
+  cart: [],
+  business: 'undefined',
+  options: null,
+  rut: true,
+  rot: true,
+  green: true,
+  token: null,
+  user: null,
+  modal: null,
+  rutOptions: null,
+  rotOptions: null,
+  greenOptions: null,
+  customer: null,
+  selectedCustomerCategory: null,
+  parentCategory: null,
+  creditSafeUser: null,
+  checkoutInvoice: false,
+  maleri: false,
+  sources: null,
+});
+onChange('cart', cart => {
+  window.sessionStorage.setItem(`hemfixarna-${state.business}-cart`, JSON.stringify(cart));
+});
+onChange('user', user => {
+  window.sessionStorage.setItem(`hemfixarna-${state.business}-user`, JSON.stringify(user));
+});
+onChange('creditSafeUser', user => {
+  window.sessionStorage.setItem(`hemfixarna-${state.business}-creditSafeUser`, JSON.stringify(user));
+});
+onChange('selectedProduct', product => {
+  if (!state.customer || !product)
+    return;
+  const categories = [...state.customer.categories, ...state.customer.categories.map(c => { var _a; return (_a = c.sub_categories) !== null && _a !== void 0 ? _a : []; })].flat();
+  const category = categories.find(c => c && c.id === product.category);
+  if (category) {
+    state.parentCategory = category;
+    return;
+  }
+  state.parentCategory = null;
+});
+onChange('selectedCustomerCategory', category => {
+  if (!state.customer || !category)
+    return;
+  if (category.parent) {
+    const parent = state.customer.categories.find(c => c.id === category.parent);
+    if (parent) {
+      state.parentCategory = parent;
+      return;
+    }
+  }
+  state.parentCategory = null;
+});
+export default state;
+//# sourceMappingURL=index.js.map