hemfixarna-web-components 1.8.5 → 1.8.7

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

@@ -1,9 +1,7 @@
-import { r as registerInstance, h } from './index-2ce8b901.js';
-import { s as state } from './index-21ba2b05.js';
-
-const HemfixarnaInfo = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+import { h } from '@stencil/core';
+import state from '../../store';
+export class HemfixarnaInfo {
+  constructor() {
     this.vertical = false;
   }
   render() {
@@ -13,8 +11,28 @@ const HemfixarnaInfo = class {
         }
       }, class: "hemfixarna_source" }, state.selectSource ? (h("svg", { viewBox: "0 0 1024 1024", fill: "#C84E18", height: "1em", width: "1em" }, h("path", { d: "M832 464H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v68c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-68c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM540 701v53c0 4.4-3.6 8-8 8h-40c-4.4 0-8-3.6-8-8v-53a48.01 48.01 0 1156 0z" }))) : (h("svg", { viewBox: "0 0 1024 1024", fill: "#C84E18", height: "1em", width: "1em" }, h("path", { d: "M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM540 701v53c0 4.4-3.6 8-8 8h-40c-4.4 0-8-3.6-8-8v-53a48.01 48.01 0 1156 0zm152-237H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224z" }))))) : null, h("a", { href: "tel:0770-220 720" }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M7 4V20H17V4H7ZM6 2H18C18.5523 2 19 2.44772 19 3V21C19 21.5523 18.5523 22 18 22H6C5.44772 22 5 21.5523 5 21V3C5 2.44772 5.44772 2 6 2ZM12 17C12.5523 17 13 17.4477 13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17Z", fill: "#C84E18" })), h("span", null, "0770-220 720")), h("a", { href: "https://hemfixarna.se/kundservice/", target: "_blank" }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_1001_894)" }, h("path", { d: "M21 12.22C21 6.73 16.74 3 12 3C7.31 3 3 6.65 3 12.28C2.4 12.62 2 13.26 2 14V16C2 17.1 2.9 18 4 18H5V11.9C5 8.03 8.13 4.9 12 4.9C15.87 4.9 19 8.03 19 11.9V19H11V21H19C20.1 21 21 20.1 21 19V17.78C21.59 17.47 22 16.86 22 16.14V13.84C22 13.14 21.59 12.53 21 12.22Z", fill: "#C84E18" }), h("path", { d: "M9 14C9.55228 14 10 13.5523 10 13C10 12.4477 9.55228 12 9 12C8.44772 12 8 12.4477 8 13C8 13.5523 8.44772 14 9 14Z", fill: "#C84E18" }), h("path", { d: "M15 14C15.5523 14 16 13.5523 16 13C16 12.4477 15.5523 12 15 12C14.4477 12 14 12.4477 14 13C14 13.5523 14.4477 14 15 14Z", fill: "#C84E18" }), h("path", { d: "M18 11.03C17.52 8.18 15.04 6 12.05 6C9.01997 6 5.75997 8.51 6.01997 12.45C8.48997 11.44 10.35 9.24 10.88 6.56C12.19 9.19 14.88 11 18 11.03Z", fill: "#C84E18" })), h("defs", null, h("clipPath", { id: "clip0_1001_894" }, h("rect", { width: "24", height: "24", fill: "white" })))), h("span", null, "Kundservice"))));
   }
-};
-
-export { HemfixarnaInfo as hemfixarna_contact };
-
-//# sourceMappingURL=hemfixarna-contact.entry.js.map
+  static get is() { return "hemfixarna-contact"; }
+  static get properties() {
+    return {
+      "vertical": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "vertical",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+}
+//# sourceMappingURL=hemfixarna-contact.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-contact.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-contact/hemfixarna-contact.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,MAAM,aAAa,CAAC;AAMhC,MAAM,OAAO,cAAc;;oBACI,KAAK;;EAElC,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAE,sBAAsB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,gCAAgC,EAAE;MAClH,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CACvB,WACE,OAAO,EAAE,GAAG,EAAE;UACZ,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;YACvB,KAAK,CAAC,wBAAwB,GAAG,IAAI,CAAC;WACvC;QACH,CAAC,EACD,KAAK,EAAC,mBAAmB,IAExB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,WAAK,OAAO,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK;QAClE,YAAM,CAAC,EAAC,mVAAmV,GAAG,CAC1V,CACP,CAAC,CAAC,CAAC,CACF,WAAK,OAAO,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK;QAClE,YAAM,CAAC,EAAC,8TAA8T,GAAG,CACrU,CACP,CACG,CACP,CAAC,CAAC,CAAC,IAAI;MACR,SAAG,IAAI,EAAC,kBAAkB;QACxB,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;UAC5F,YACE,CAAC,EAAC,+PAA+P,EACjQ,IAAI,EAAC,SAAS,GACd,CACE;QACN,+BAAyB,CACvB;MACJ,SAAG,IAAI,EAAC,oCAAoC,EAAC,MAAM,EAAC,QAAQ;QAC1D,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;UAC5F,sBAAa,sBAAsB;YACjC,YACE,CAAC,EAAC,sQAAsQ,EACxQ,IAAI,EAAC,SAAS,GACd;YACF,YAAM,CAAC,EAAC,mHAAmH,EAAC,IAAI,EAAC,SAAS,GAAG;YAC7I,YAAM,CAAC,EAAC,yHAAyH,EAAC,IAAI,EAAC,SAAS,GAAG;YACnJ,YACE,CAAC,EAAC,6IAA6I,EAC/I,IAAI,EAAC,SAAS,GACd,CACA;UACJ;YACE,gBAAU,EAAE,EAAC,gBAAgB;cAC3B,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CACnC,CACN,CACH;QACN,8BAAwB,CACtB,CACA,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport state from '../../store';\n\n@Component({\n  tag: 'hemfixarna-contact',\n  shadow: false,\n})\nexport class HemfixarnaInfo {\n  @Prop() vertical?: boolean = false;\n\n  render() {\n    return (\n      <div class={`hemfixarna_contact ${this.vertical ? 'hemfixarna_contact--vertical' : 'hemfixarna_contact--horizontal'}`}>\n        {state.customer.source ? (\n          <div\n            onClick={() => {\n              if (!state.selectSource) {\n                state.showSourcePasswordPrompt = true;\n              }\n            }}\n            class=\"hemfixarna_source\"\n          >\n            {state.selectSource ? (\n              <svg viewBox=\"0 0 1024 1024\" fill=\"#C84E18\" height=\"1em\" width=\"1em\">\n                <path d=\"M832 464H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v68c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-68c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM540 701v53c0 4.4-3.6 8-8 8h-40c-4.4 0-8-3.6-8-8v-53a48.01 48.01 0 1156 0z\" />\n              </svg>\n            ) : (\n              <svg viewBox=\"0 0 1024 1024\" fill=\"#C84E18\" height=\"1em\" width=\"1em\">\n                <path d=\"M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM540 701v53c0 4.4-3.6 8-8 8h-40c-4.4 0-8-3.6-8-8v-53a48.01 48.01 0 1156 0zm152-237H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224z\" />\n              </svg>\n            )}\n          </div>\n        ) : null}\n        <a href=\"tel:0770-220 720\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M7 4V20H17V4H7ZM6 2H18C18.5523 2 19 2.44772 19 3V21C19 21.5523 18.5523 22 18 22H6C5.44772 22 5 21.5523 5 21V3C5 2.44772 5.44772 2 6 2ZM12 17C12.5523 17 13 17.4477 13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17Z\"\n              fill=\"#C84E18\"\n            />\n          </svg>\n          <span>0770-220 720</span>\n        </a>\n        <a href=\"https://hemfixarna.se/kundservice/\" target=\"_blank\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g clip-path=\"url(#clip0_1001_894)\">\n              <path\n                d=\"M21 12.22C21 6.73 16.74 3 12 3C7.31 3 3 6.65 3 12.28C2.4 12.62 2 13.26 2 14V16C2 17.1 2.9 18 4 18H5V11.9C5 8.03 8.13 4.9 12 4.9C15.87 4.9 19 8.03 19 11.9V19H11V21H19C20.1 21 21 20.1 21 19V17.78C21.59 17.47 22 16.86 22 16.14V13.84C22 13.14 21.59 12.53 21 12.22Z\"\n                fill=\"#C84E18\"\n              />\n              <path d=\"M9 14C9.55228 14 10 13.5523 10 13C10 12.4477 9.55228 12 9 12C8.44772 12 8 12.4477 8 13C8 13.5523 8.44772 14 9 14Z\" fill=\"#C84E18\" />\n              <path d=\"M15 14C15.5523 14 16 13.5523 16 13C16 12.4477 15.5523 12 15 12C14.4477 12 14 12.4477 14 13C14 13.5523 14.4477 14 15 14Z\" fill=\"#C84E18\" />\n              <path\n                d=\"M18 11.03C17.52 8.18 15.04 6 12.05 6C9.01997 6 5.75997 8.51 6.01997 12.45C8.48997 11.44 10.35 9.24 10.88 6.56C12.19 9.19 14.88 11 18 11.03Z\"\n                fill=\"#C84E18\"\n              />\n            </g>\n            <defs>\n              <clipPath id=\"clip0_1001_894\">\n                <rect width=\"24\" height=\"24\" fill=\"white\" />\n              </clipPath>\n            </defs>\n          </svg>\n          <span>Kundservice</span>\n        </a>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,135 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap");
+:host {
+  font-family: "Inter", sans-serif;
+}
+:host .hemfixarna_widgetstyles label {
+  cursor: pointer;
+}
+:host .hemfixarna_widgetstyles > div {
+  display: flex;
+  gap: 1rem;
+}
+:host .hemfixarna_widgetstyles h5 {
+  margin: 1rem 0;
+}
+:host .hemfixarna_example {
+  margin-bottom: 16px;
+  background: #000;
+  padding: 16px;
+  color: #fff;
+  display: flex;
+  justify-content: space-between;
+  cursor: pointer;
+  max-width: 500px;
+  box-sizing: border-box;
+  position: relative;
+}
+:host .hemfixarna_example--tooltip {
+  background: #000;
+  top: -48px;
+  font-size: 16px;
+  left: 40%;
+  color: white;
+  padding: 8px;
+  position: absolute;
+  opacity: 0;
+}
+:host .hemfixarna_example--tooltip::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-style: solid;
+  border-color: #000 transparent transparent transparent;
+}
+:host .hemfixarna_example:hover .hemfixarna_example--tooltip {
+  opacity: 1;
+}
+:host .hemfixarna_example p {
+  font-size: 14px;
+}
+:host .hemfixarna_example img {
+  filter: invert(1);
+}
+:host .hemfixarna_install {
+  display: grid;
+  gap: 8px;
+  margin-top: 16px;
+}
+:host .hemfixarna_product--label {
+  background: #e1e0f5;
+}
+:host .hemfixarna_categories {
+  max-height: 100%;
+  overflow: auto;
+  position: relative;
+}
+:host .hemfixarna_categories--label {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px;
+}
+:host .hemfixarna_categories--label button {
+  background: #3f3a92;
+  border: none;
+  font-weight: 600;
+  padding: 3.2px 9.6px;
+  border-radius: 10px;
+  margin-right: 8px;
+  color: #ece8e8;
+}
+:host .hemfixarna_categories--label button:active {
+  transform: scale(0.95);
+}
+:host .hemfixarna_categories--label--big {
+  font-weight: 600;
+  border-bottom: 1px solid black;
+}
+:host p {
+  margin: 0;
+}
+:host span {
+  color: darkolivegreen;
+  font-size: 10px;
+}
+:host button {
+  cursor: pointer;
+}
+:host > div:not(.hemfixarna_hosted) {
+  grid-template-columns: 1fr 1fr;
+}
+:host .hemfixarna_hosted .hemfixarna_scripts {
+  display: none;
+}
+:host > div {
+  display: grid;
+  gap: 32px;
+  width: 100%;
+  height: 100vh;
+  place-items: center;
+  overflow: hidden;
+  padding: 16px 32px;
+  box-sizing: border-box;
+}
+:host > div > * {
+  width: 100%;
+}
+:host > div > div {
+  max-width: 500px;
+}
+:host > div ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+:host > div ul ul {
+  gap: 1px;
+  display: grid;
+}
+:host > div ul li {
+  padding-left: 16px;
+  background: #fff;
+}

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

@@ -1,14 +1,10 @@
-import { r as registerInstance, e as getAssetPath, h, F as Fragment } from './index-2ce8b901.js';
-import { W as WidgetStyle, B as Business } from './index-c8ce6f4b.js';
-import { g as getCustomer, l as loginCustomer } from './api-e3c51cb3.js';
-import { g as getApiUrl } from './enviroment-fd0a763a.js';
-import { i as isBusiness } from './types-6da209ae.js';
-
-const hemfixarnaDemoCss = "@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap\"); :host{font-family:\"Inter\", sans-serif}:host .hemfixarna_widgetstyles label{cursor:pointer}:host .hemfixarna_widgetstyles>div{display:flex;gap:1rem}:host .hemfixarna_widgetstyles h5{margin:1rem 0}:host .hemfixarna_example{margin-bottom:16px;background:#000;padding:16px;color:#fff;display:flex;justify-content:space-between;cursor:pointer;max-width:500px;box-sizing:border-box;position:relative}:host .hemfixarna_example--tooltip{background:#000;top:-48px;font-size:16px;left:40%;color:white;padding:8px;position:absolute;opacity:0}:host .hemfixarna_example--tooltip::after{content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#000 transparent transparent transparent}:host .hemfixarna_example:hover .hemfixarna_example--tooltip{opacity:1}:host .hemfixarna_example p{font-size:14px}:host .hemfixarna_example img{filter:invert(1)}:host .hemfixarna_install{display:grid;gap:8px;margin-top:16px}:host .hemfixarna_product--label{background:#e1e0f5}:host .hemfixarna_categories{max-height:100%;overflow:auto;position:relative}:host .hemfixarna_categories--label{display:flex;align-items:center;justify-content:space-between;padding:8px}:host .hemfixarna_categories--label button{background:#3f3a92;border:none;font-weight:600;padding:3.2px 9.6px;border-radius:10px;margin-right:8px;color:#ece8e8}:host .hemfixarna_categories--label button:active{transform:scale(0.95)}:host .hemfixarna_categories--label--big{font-weight:600;border-bottom:1px solid black}:host p{margin:0}:host span{color:darkolivegreen;font-size:10px}:host button{cursor:pointer}:host>div:not(.hemfixarna_hosted){grid-template-columns:1fr 1fr}:host .hemfixarna_hosted .hemfixarna_scripts{display:none}:host>div{display:grid;gap:32px;width:100%;height:100vh;place-items:center;overflow:hidden;padding:16px 32px;box-sizing:border-box}:host>div>*{width:100%}:host>div>div{max-width:500px}:host>div ul{margin:0;padding:0;list-style:none}:host>div ul ul{gap:1px;display:grid}:host>div ul li{padding-left:16px;background:#fff}";
-
-const MyComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+import { Fragment, getAssetPath, h } from '@stencil/core';
+import { Business, WidgetStyle } from '../../types';
+import { getCustomer, loginCustomer } from '../../utils/api';
+import { getApiUrl } from '../../utils/enviroment';
+import { isBusiness } from '../../utils/types';
+export class MyComponent {
+  constructor() {
     this.debounce = null;
     this.cdnLink = '<script type="module" src="https://cdn.jsdelivr.net/npm//hemfixarna-web-components@latest/dist/hemfixarna-components/hemfixarna-components.esm.js"></script>';
     this.selectedSlug = undefined;
@@ -160,13 +156,42 @@ const MyComponent = class {
         color: 'red',
       } }, "No customer found"));
   }
-  static get watchers() { return {
-    "buttonBg": ["debouncedFunction"],
-    "buttonColor": ["debouncedFunction"]
-  }; }
-};
-MyComponent.style = hemfixarnaDemoCss;
-
-export { MyComponent as hemfixarna_demo };
-
-//# sourceMappingURL=hemfixarna-demo.entry.js.map
+  static get is() { return "hemfixarna-demo"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hemfixarna-demo.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hemfixarna-demo.css"]
+    };
+  }
+  static get states() {
+    return {
+      "selectedSlug": {},
+      "selectedID": {},
+      "tooltipText": {},
+      "tree": {},
+      "customer": {},
+      "widgetStyle": {},
+      "buttonBg": {},
+      "buttonColor": {},
+      "partner": {},
+      "colorAccessibility": {},
+      "loggedIn": {},
+      "loginError": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "buttonBg",
+        "methodName": "debouncedFunction"
+      }, {
+        "propName": "buttonColor",
+        "methodName": "debouncedFunction"
+      }];
+  }
+}
+//# sourceMappingURL=hemfixarna-demo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-demo.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-demo/hemfixarna-demo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Fragment, State, Watch, getAssetPath, h } from '@stencil/core';\nimport { Business, Category, Customer, WidgetStyle } from '../../types';\nimport { getCustomer, loginCustomer } from '../../utils/api';\nimport { getApiUrl } from '../../utils/enviroment';\nimport { isBusiness } from '../../utils/types';\n\ninterface ColorAccessibility {\n  small: string;\n  bold: string;\n  large: string;\n  overall: string;\n  contrast: string;\n}\n\n@Component({\n  tag: 'hemfixarna-demo',\n  styleUrl: 'hemfixarna-demo.scss',\n  shadow: true,\n})\nexport class MyComponent {\n  @State() selectedSlug: string;\n  @State() selectedID: string;\n  @State() tooltipText: string = 'Kopiera till urklipp';\n  @State() tree: Category | null = null;\n  @State() customer: Customer | null = null;\n  @State() widgetStyle: WidgetStyle = WidgetStyle.standard;\n  @State() buttonBg: string = '';\n  @State() buttonColor: string = '';\n  @State() partner: Business | undefined = undefined;\n  @State() colorAccessibility?: ColorAccessibility = undefined;\n  @State() loggedIn: boolean = false;\n  @State() loginError: boolean = false;\n  private debounce?: number = null;\n\n  @Watch('buttonBg')\n  @Watch('buttonColor')\n  debouncedFunction() {\n    if (this.debounce !== null) {\n      clearTimeout(this.debounce);\n      this.debounce = null;\n    }\n\n    this.debounce = window.setTimeout(() => {\n      this.checkColorAccessibility();\n      this.debounce = null;\n    }, 1500);\n  }\n\n  async checkColorAccessibility() {\n    const defaultTextColor = '#fff';\n    const defaultBgColor = '#c84e18';\n    const firstColor = this.buttonBg.length ? (this.buttonBg.startsWith('#') ? this.buttonBg : `#${this.buttonBg}`) : defaultBgColor;\n    const secondColor = this.buttonColor.length ? (this.buttonColor.startsWith('#') ? this.buttonColor : `#${this.buttonColor}`) : defaultTextColor;\n    try {\n      const response = await fetch('https://www.aremycolorsaccessible.com/api/are-they', {\n        mode: 'cors',\n        method: 'POST',\n        body: JSON.stringify({ colors: [firstColor, secondColor] }),\n      });\n\n      if (!response) {\n        throw new Error('Network response was not ok');\n      }\n\n      const json = await response.json();\n      if (json && (json satisfies ColorAccessibility)) {\n        this.colorAccessibility = json;\n      }\n    } catch (error) {\n      console.warn('Error fetching color accessibility:', error);\n    }\n  }\n\n  getColor(rating: string) {\n    switch (rating) {\n      case 'AAA':\n        return 'green';\n      case 'AA':\n        return 'orange';\n      case 'A':\n        return 'yellow';\n      case 'Fail':\n        return 'red';\n      default:\n        return 'black';\n    }\n  }\n\n  async componentWillLoad() {\n    const partner = window.location.pathname.replace('/', '');\n    if (!isBusiness(partner) && partner) return;\n    this.partner = partner ? (partner as Business) : Business.kund;\n    const customer = await getCustomer(this.partner);\n    if (customer.code !== 'not_found' && customer) {\n      this.customer = customer;\n      if (!this.customer.password_protected || window.localStorage.getItem(`${this.customer.ID}-loggedin`)) {\n        this.loggedIn = true;\n      }\n    }\n  }\n\n  getExample() {\n    return `<hemfixarna-component business=\"${this.partner}\"${this.selectedSlug ? ` slug=\"${this.selectedSlug}\" ` : ''}${this.selectedID ? ` id=\"${this.selectedID}\" ` : ''} ${\n      this.widgetStyle === WidgetStyle.standard ? '' : `widget-style=\"${this.widgetStyle}\"`\n    } ${this.buttonColor.length ? `button-color=\"${this.buttonColor}\"` : ''} ${this.buttonBg.length ? `button-bg=\"${this.buttonBg}\"` : ''}></hemfixarna-component>`;\n  }\n\n  copyExample() {\n    navigator.clipboard.writeText(this.getExample());\n    this.tooltipText = 'Snippet kopierad';\n    setTimeout(() => {\n      this.tooltipText = 'Kopiera till urklipp';\n    }, 2000);\n  }\n\n  cdnLink = '<script type=\"module\" src=\"https://cdn.jsdelivr.net/npm//hemfixarna-web-components@latest/dist/hemfixarna-components/hemfixarna-components.esm.js\"></script>';\n\n  copyCdn() {\n    navigator.clipboard.writeText(this.cdnLink);\n    this.tooltipText = 'Text kopierad';\n    setTimeout(() => {\n      this.tooltipText = 'Kopiera till urklipp';\n    }, 2000);\n  }\n\n  copyNpmInstall() {\n    navigator.clipboard.writeText('npm i hemfixarna-web-components');\n    this.tooltipText = 'Text kopierad';\n    setTimeout(() => {\n      this.tooltipText = 'Kopiera till urklipp';\n    }, 2000);\n  }\n\n  showMaleri() {\n    const allCategories = this.customer?.categories.map(c => (c.sub_categories ? c.sub_categories : c)).flat();\n    return allCategories?.some(c => c.add_painting);\n  }\n\n  async handleLogin() {\n    const shadowHost = document.querySelector('hemfixarna-demo');\n    const shadowRoot = shadowHost.shadowRoot;\n    const passwordInput = shadowRoot.querySelector('input[type=\"password\"]');\n    const password = (passwordInput as HTMLInputElement).value;\n\n    this.loginError = false;\n    try {\n      const status = await loginCustomer({ id: this.customer.ID, password: password });\n      if (status === 200) {\n        this.loggedIn = true;\n        window.localStorage.setItem(`${this.customer.ID}-loggedin`, 'true');\n      } else {\n        this.loginError = true;\n      }\n    } catch (error) {\n      console.log(error);\n      this.loginError = true;\n    }\n  }\n\n  render() {\n    const copy = getAssetPath(`./assets/copy.png`);\n\n    return this.customer ? (\n      <Fragment>\n        {this.loggedIn ? (\n          <div class={this.customer?.at_hemfixarna ? 'hemfixarna_hosted' : ''}>\n            <div class=\"hemfixarna_scripts\">\n              <div onClick={() => this.copyExample()} class=\"hemfixarna_example\">\n                <p>{this.getExample()}</p>\n                <img src={copy} height={20} />\n                <span class=\"hemfixarna_example--tooltip\">{this.tooltipText}</span>\n              </div>\n              <hemfixarna-component\n                business={this.partner}\n                buttonBg={this.buttonBg}\n                buttonColor={this.buttonColor}\n                widgetStyle={this.widgetStyle}\n                id={this.selectedID}\n              ></hemfixarna-component>\n              <div class=\"hemfixarna_install\">\n                <div onClick={() => this.copyCdn()} class=\"hemfixarna_example\">\n                  <p>{this.cdnLink}</p>\n                  <span class=\"hemfixarna_example--tooltip\">{this.tooltipText}</span>\n                  <img src={copy} height={20} />\n                </div>\n              </div>\n              <div class=\"hemfixarna_widgetstyles\">\n                <h5>Widget styles</h5>\n                <div>\n                  {Object.values(WidgetStyle).map(style => (\n                    <label key={style}>\n                      <input type=\"radio\" value={style} checked={this.widgetStyle === style} onChange={() => (this.widgetStyle = style)} />\n                      {style}\n                    </label>\n                  ))}\n                </div>\n                <div>\n                  <div>\n                    <h5>Button background color</h5>\n                    <input type=\"text\" value={this.buttonBg} onInput={e => (this.buttonBg = (e.target as HTMLInputElement).value)} />\n                  </div>\n                  <div>\n                    <h5>Button text color</h5>\n                    <input type=\"text\" value={this.buttonColor} onInput={e => (this.buttonColor = (e.target as HTMLInputElement).value)} />\n                  </div>\n                </div>\n              </div>\n              <span>Write an hexa code no # needed</span>\n              {this.colorAccessibility ? (\n                <div>\n                  <h5>Tillgänglighetsrapport</h5>\n                  <div>\n                    <strong>Liten text:</strong>\n                    <span style={{ color: this.getColor(this.colorAccessibility.small) }}>{this.colorAccessibility.small}</span>\n                    <br />\n                    <strong>Fet text:</strong>\n                    <span style={{ color: this.getColor(this.colorAccessibility.bold) }}>{this.colorAccessibility.bold}</span>\n                    <br />\n                    <strong>Stor text:</strong>\n                    <span style={{ color: this.getColor(this.colorAccessibility.large) }}>{this.colorAccessibility.large}</span>\n                    <br />\n                    <strong>Kontrastförhållande:</strong> {this.colorAccessibility.contrast}\n                  </div>\n                </div>\n              ) : null}\n            </div>\n            <ul class=\"hemfixarna_categories\">\n              <div>\n                {this.customer.logo ? (\n                  <div style={{ width: '100%', display: 'flex', justifyContent: 'center' }}>\n                    <img style={{ maxWidth: '250px', height: 'auto', margin: '0 auto 2rem' }} src={this.customer.logo.url} alt={this.customer.post_title} />\n                  </div>\n                ) : null}\n                {this.showMaleri() ? (\n                  <li>\n                    <div class=\"hemfixarna_categories--label hemfixarna_categories--label--big\">\n                      <div>\n                        <p>Måleriverktyget</p>\n                        <span>maleri</span>\n                      </div>\n                      <div>\n                        <button onClick={() => navigator.clipboard.writeText('maleri')}>Kopiera ID</button>\n                        {this.customer.at_hemfixarna ? (\n                          <button onClick={() => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=maleri`)}>Kopiera URL</button>\n                        ) : (\n                          <button onClick={() => (this.selectedID = 'maleri')}>Ladda måleri</button>\n                        )}\n                      </div>\n                    </div>\n                  </li>\n                ) : null}\n                {this.customer.categories.map(c => (\n                  <li>\n                    <div class=\"hemfixarna_categories--label hemfixarna_categories--label--big\">\n                      <div>\n                        <p>{c.name}</p>\n                        <span>{`c-${c.id}`}</span>\n                      </div>\n                      <div>\n                        <button onClick={() => navigator.clipboard.writeText(`c-${c.id}`)}>Kopiera ID</button>\n                        {this.customer.at_hemfixarna ? (\n                          <button onClick={() => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=c-${c.id}`)}>Kopiera URL</button>\n                        ) : (\n                          <button onClick={() => (this.selectedID = `c-${c.id}`)}>Ladda kategori</button>\n                        )}\n                      </div>\n                    </div>\n                    {c.show_products && c.products ? (\n                      <ul>\n                        {c.products.map(p => (\n                          <li>\n                            <div class=\"hemfixarna_categories--label hemfixarna_product--label\">\n                              <div>\n                                <p>{p.fields.title}</p>\n                                <span>{p.fields.ID}</span>\n                              </div>\n                              <div>\n                                <button onClick={() => navigator.clipboard.writeText(String(p.fields.ID))}>Kopiera ID</button>\n                                {this.customer.at_hemfixarna ? (\n                                  <button onClick={() => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=${p.fields.ID}`)}>Kopiera URL</button>\n                                ) : (\n                                  <button onClick={() => (this.selectedID = String(p.fields.ID))}>Ladda produkt</button>\n                                )}\n                              </div>\n                            </div>\n                          </li>\n                        ))}\n                      </ul>\n                    ) : (\n                      <ul>\n                        {c.sub_categories &&\n                          c.sub_categories.map(sc => (\n                            <li>\n                              <div class=\"hemfixarna_categories--label\">\n                                <div>\n                                  <p>{sc.name}</p>\n                                  <span>{`c-${sc.id}`}</span>\n                                </div>\n                                <div>\n                                  <button onClick={() => navigator.clipboard.writeText(`c-${sc.id}`)}>Kopiera ID</button>\n                                  {this.customer.at_hemfixarna ? (\n                                    <button onClick={() => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=c-${c.id}`)}>Kopiera URL</button>\n                                  ) : (\n                                    <button onClick={() => (this.selectedID = `c-${sc.id}`)}>Ladda kategori</button>\n                                  )}\n                                </div>\n                              </div>\n                              <ul>\n                                {sc.products.map(p => (\n                                  <li>\n                                    <div class=\"hemfixarna_categories--label hemfixarna_product--label\">\n                                      <div>\n                                        <p>{p.fields.title}</p>\n                                        <span>{p.fields.ID}</span>\n                                      </div>\n                                      <div>\n                                        <button onClick={() => navigator.clipboard.writeText(String(p.fields.ID))}>Kopiera ID</button>\n                                        {this.customer.at_hemfixarna ? (\n                                          <button onClick={() => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=${p.fields.ID}`)}>\n                                            Kopiera URL\n                                          </button>\n                                        ) : (\n                                          <button onClick={() => (this.selectedID = String(p.fields.ID))}>Ladda produkt</button>\n                                        )}\n                                      </div>\n                                    </div>\n                                  </li>\n                                ))}\n                              </ul>\n                            </li>\n                          ))}\n                      </ul>\n                    )}\n                  </li>\n                ))}\n              </div>\n            </ul>\n          </div>\n        ) : (\n          <div>\n            <form\n              onSubmit={e => {\n                e.preventDefault();\n                this.handleLogin();\n              }}\n              style={{\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '1rem',\n                maxWidth: '300px',\n                margin: 'auto',\n                padding: '20px',\n                border: '1px solid #ccc',\n                borderRadius: '5px',\n                gridColumn: 'span 2',\n              }}\n            >\n              <input type=\"password\" placeholder=\"Lösenord\" />\n              <button type=\"submit\">Logga in</button>\n              {this.loginError && <span>Fel lösenord</span>}\n            </form>\n          </div>\n        )}\n      </Fragment>\n    ) : (\n      <h1\n        style={{\n          textAlign: 'center',\n          margin: 'auto',\n          padding: '20px',\n          fontSize: '24px',\n          fontWeight: 'bold',\n          color: 'red',\n        }}\n      >\n        No customer found\n      </h1>\n    );\n  }\n}\n"]}

package/dist/collection/components/hemfixarna-getuser/hemfixarna-getuser.js

@@ -0,0 +1,91 @@
+import { h } from '@stencil/core';
+import Personnummer from 'personnummer';
+import state from '../../store';
+import apiSearch from '../../utils/creditSafe';
+import { scrollToTop } from '../../utils/scroll';
+export class HemfixarnaGetuser {
+  constructor() {
+    this.handleChangeEmail = (e) => {
+      this.emailError = null;
+      this.email = e.target.value;
+    };
+    this.handleChangePhone = (e) => {
+      this.phoneError = null;
+      this.phone = e.target.value;
+    };
+    this.handleChangessn = (e) => {
+      this.ssnError = null;
+      this.ssn = e.target.value;
+    };
+    this.handleSubmit = async (e) => {
+      e.preventDefault();
+      const emailRegex = new RegExp(/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);
+      const validEmail = emailRegex.test(this.email);
+      if (!validEmail) {
+        this.emailError = 'Ange en giltig e-postadress';
+      }
+      const validPhone = /^[\d\s()+-]{6,}$/.test(this.phone);
+      if (!validPhone) {
+        this.phoneError = 'Ange ett giltigt telefonnummer';
+      }
+      const validssn = Personnummer.valid(this.ssn);
+      if (!validssn) {
+        this.ssnError = 'Ange ett giltigt personnummer';
+      }
+      else if (validssn) {
+        const pn = Personnummer.parse(this.ssn).format(true);
+        this.ssn = [pn.slice(0, 8), '-', pn.slice(8)].join('');
+      }
+      if (validEmail && validPhone && validssn) {
+        try {
+          const creditSafeData = await apiSearch(this.ssn);
+          if (creditSafeData) {
+            state.creditSafeUser = creditSafeData;
+            state.checkoutStep = 2;
+            state.user = Object.assign(Object.assign({}, creditSafeData), { email: this.email, phone: this.phone, ssn: this.ssn });
+          }
+          else {
+            this.ssnError = 'Vi kunde tyvärr inte hitta en address med ditt angivna personnummer';
+          }
+        }
+        catch (e) {
+          this.ssnError = 'Vi kunde tyvärr inte hitta en address med ditt angivna personnummer';
+          console.log(e);
+        }
+        finally {
+          const el = this.el.closest('.hemfixarna_content');
+          scrollToTop(el);
+        }
+      }
+    };
+    this.render = () => {
+      return (h("form", { class: "mb-2", onSubmit: e => this.handleSubmit(e) }, h("div", null, h("input", { class: `${this.email.length ? 'input_active' : ''}`, onChange: e => this.handleChangeEmail(e), type: "email", name: "email", value: this.email }), h("label", { htmlFor: "email" }, "E-post ")), this.emailError && h("span", null, this.emailError), h("div", null, h("input", { class: `${this.phone.length ? 'input_active' : ''}`, onChange: e => this.handleChangePhone(e), type: "tel", name: "phone", value: this.phone }), h("label", { htmlFor: "phone" }, "Mobiltelefon ")), this.phoneError && h("span", null, this.phoneError), h("div", null, h("input", { class: `${this.ssn.length ? 'input_active' : ''}`, onChange: e => this.handleChangessn(e), type: "tel", name: "ssn", value: this.ssn }), h("label", { htmlFor: "phone" }, "Personnummer*")), this.ssnError && h("span", null, this.ssnError), h("input", { type: "submit", value: "Forts\u00E4tt*" }), h("p", null, "*Vi h\u00E4mtar din adress")));
+    };
+    this.email = '';
+    this.emailError = null;
+    this.phone = '';
+    this.phoneError = null;
+    this.ssn = '';
+    this.ssnError = null;
+  }
+  componentWillLoad() {
+    if (state.user) {
+      this.email = state.user.email;
+      this.phone = state.user.phone;
+      this.ssn = state.user.ssn;
+    }
+  }
+  static get is() { return "hemfixarna-getuser"; }
+  static get states() {
+    return {
+      "email": {},
+      "emailError": {},
+      "phone": {},
+      "phoneError": {},
+      "ssn": {},
+      "ssnError": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=hemfixarna-getuser.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-getuser.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-getuser/hemfixarna-getuser.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, State, h } from '@stencil/core';\nimport Personnummer from 'personnummer';\nimport state from '../../store';\nimport apiSearch from '../../utils/creditSafe';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n  tag: 'hemfixarna-getuser',\n  shadow: false,\n})\nexport class HemfixarnaGetuser {\n  @State() email: string = '';\n  @State() emailError: string | null = null;\n  @State() phone: string = '';\n  @State() phoneError: string | null = null;\n  @State() ssn: string = '';\n  @State() ssnError: string | null = null;\n  @Element() private el: HTMLElement;\n\n  componentWillLoad() {\n    if (state.user) {\n      this.email = state.user.email;\n      this.phone = state.user.phone;\n      this.ssn = state.user.ssn;\n    }\n  }\n\n  handleChangeEmail = (e: Event) => {\n    this.emailError = null;\n    this.email = (e.target as HTMLInputElement).value;\n  };\n\n  handleChangePhone = (e: Event) => {\n    this.phoneError = null;\n    this.phone = (e.target as HTMLInputElement).value;\n  };\n\n  handleChangessn = (e: Event) => {\n    this.ssnError = null;\n    this.ssn = (e.target as HTMLInputElement).value;\n  };\n\n  handleSubmit = async (e: Event) => {\n    e.preventDefault();\n    const emailRegex = new RegExp(\n      /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\n    );\n    const validEmail = emailRegex.test(this.email);\n    if (!validEmail) {\n      this.emailError = 'Ange en giltig e-postadress';\n    }\n    const validPhone = /^[\\d\\s()+-]{6,}$/.test(this.phone);\n    if (!validPhone) {\n      this.phoneError = 'Ange ett giltigt telefonnummer';\n    }\n    const validssn = Personnummer.valid(this.ssn);\n    if (!validssn) {\n      this.ssnError = 'Ange ett giltigt personnummer';\n    } else if (validssn) {\n      const pn = Personnummer.parse(this.ssn).format(true);\n      this.ssn = [pn.slice(0, 8), '-', pn.slice(8)].join('');\n    }\n    if (validEmail && validPhone && validssn) {\n      try {\n        const creditSafeData = await apiSearch(this.ssn);\n        if (creditSafeData) {\n          state.creditSafeUser = creditSafeData;\n          state.checkoutStep = 2;\n          state.user = {\n            ...creditSafeData,\n            email: this.email,\n            phone: this.phone,\n            ssn: this.ssn,\n          };\n        } else {\n          this.ssnError = 'Vi kunde tyvärr inte hitta en address med ditt angivna personnummer';\n        }\n      } catch (e) {\n        this.ssnError = 'Vi kunde tyvärr inte hitta en address med ditt angivna personnummer';\n        console.log(e);\n      } finally {\n        const el = this.el.closest('.hemfixarna_content');\n        scrollToTop(el);\n      }\n    }\n  };\n\n  render = () => {\n    return (\n      <form class=\"mb-2\" onSubmit={e => this.handleSubmit(e)}>\n        <div>\n          <input class={`${this.email.length ? 'input_active' : ''}`} onChange={e => this.handleChangeEmail(e)} type=\"email\" name=\"email\" value={this.email} />\n          <label htmlFor=\"email\">E-post </label>\n        </div>\n        {this.emailError && <span>{this.emailError}</span>}\n        <div>\n          <input class={`${this.phone.length ? 'input_active' : ''}`} onChange={e => this.handleChangePhone(e)} type=\"tel\" name=\"phone\" value={this.phone} />\n          <label htmlFor=\"phone\">Mobiltelefon </label>\n        </div>\n        {this.phoneError && <span>{this.phoneError}</span>}\n        <div>\n          <input class={`${this.ssn.length ? 'input_active' : ''}`} onChange={e => this.handleChangessn(e)} type=\"tel\" name=\"ssn\" value={this.ssn} />\n          <label htmlFor=\"phone\">Personnummer*</label>\n        </div>\n        {this.ssnError && <span>{this.ssnError}</span>}\n        <input type=\"submit\" value=\"Fortsätt*\" />\n        <p>*Vi hämtar din adress</p>\n      </form>\n    );\n  };\n}\n"]}

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

@@ -1,9 +1,7 @@
-import { r as registerInstance, e as getAssetPath, h, F as Fragment } from './index-2ce8b901.js';
-import { s as state } from './index-21ba2b05.js';
-
-const HemfixarnaInfo = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+import { Fragment, getAssetPath, h } from '@stencil/core';
+import state from '../../store';
+export class HemfixarnaInfo {
+  constructor() {
     this.logo = getAssetPath(`./assets/hemfixarna.svg`);
   }
   render() {
@@ -11,8 +9,6 @@ const HemfixarnaInfo = class {
     const checked = getAssetPath(`./assets/checked.svg`);
     return (h("div", { class: "hemfixarna_info" }, state.step < 5 ? (h(Fragment, null, h("h2", null, state.customer.info_title), h("p", null, state.customer.info_text))) : (h("h2", null, state.customer.checkout_title)), h("ul", { class: "hemfixarna_features" }, state.step < 5 ? (h(Fragment, null, ((_a = state.customer.trust_badges) === null || _a === void 0 ? void 0 : _a.length) ? (h(Fragment, null, state.customer.trust_badges.map(l => (h("li", { key: l.text }, h("img", { src: checked, alt: "checked" }), h("p", null, l.text)))))) : (h(Fragment, null, state.options.trust.map(l => (h("li", { key: l.trust_badge }, h("img", { src: checked, alt: "checked" }), h("p", null, l.trust_badge)))))))) : (h(Fragment, null, (_b = state.customer.checkout_trust_badges) === null || _b === void 0 ? void 0 : _b.map(l => (h("li", { key: l.text }, h("img", { src: checked, alt: "checked" }), h("p", null, l.text))))))), h("img", { src: this.logo, width: 200, alt: "hemfixarna" }), h("a", { class: "hemfixarna_product--link", target: "_blank", href: state.options.link.url }, state.options.link.title)));
   }
-};
-
-export { HemfixarnaInfo as hemfixarna_info };
-
-//# sourceMappingURL=hemfixarna-info.entry.js.map
+  static get is() { return "hemfixarna-info"; }
+}
+//# sourceMappingURL=hemfixarna-info.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-info.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-info/hemfixarna-info.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,KAAK,MAAM,aAAa,CAAC;AAMhC,MAAM,OAAO,cAAc;EAJ3B;IAKE,SAAI,GAAG,YAAY,CAAC,yBAAyB,CAAC,CAAC;GAuDhD;EArDC,MAAM;;IACJ,MAAM,OAAO,GAAG,YAAY,CAAC,sBAAsB,CAAC,CAAC;IACrD,OAAO,CACL,WAAK,KAAK,EAAC,iBAAiB;MACzB,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,EAAC,QAAQ;QACP,cAAK,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAM;QACpC,aAAI,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAK,CACxB,CACZ,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAM,CACzC;MACD,UAAI,KAAK,EAAC,qBAAqB,IAC5B,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,EAAC,QAAQ,QACN,CAAA,MAAA,KAAK,CAAC,QAAQ,CAAC,YAAY,0CAAE,MAAM,EAAC,CAAC,CAAC,CACrC,EAAC,QAAQ,QACN,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CACpC,UAAI,GAAG,EAAE,CAAC,CAAC,IAAI;QACb,WAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,GAAG;QACnC,aAAI,CAAC,CAAC,IAAI,CAAK,CACZ,CACN,CAAC,CACO,CACZ,CAAC,CAAC,CAAC,CACF,EAAC,QAAQ,QACN,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAC5B,UAAI,GAAG,EAAE,CAAC,CAAC,WAAW;QACpB,WAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,GAAG;QACnC,aAAI,CAAC,CAAC,WAAW,CAAK,CACnB,CACN,CAAC,CACO,CACZ,CACQ,CACZ,CAAC,CAAC,CAAC,CACF,EAAC,QAAQ,QACN,MAAA,KAAK,CAAC,QAAQ,CAAC,qBAAqB,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAC9C,UAAI,GAAG,EAAE,CAAC,CAAC,IAAI;QACb,WAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,GAAG;QACnC,aAAI,CAAC,CAAC,IAAI,CAAK,CACZ,CACN,CAAC,CACO,CACZ,CACE;MACL,WAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAC,YAAY,GAAG;MACpD,SAAG,KAAK,EAAC,0BAA0B,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAC7E,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CACvB,CACA,CACP,CAAC;EACJ,CAAC;;CACF","sourcesContent":["import { Component, Fragment, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\n\n@Component({\n  tag: 'hemfixarna-info',\n  shadow: false,\n})\nexport class HemfixarnaInfo {\n  logo = getAssetPath(`./assets/hemfixarna.svg`);\n\n  render() {\n    const checked = getAssetPath(`./assets/checked.svg`);\n    return (\n      <div class=\"hemfixarna_info\">\n        {state.step < 5 ? (\n          <Fragment>\n            <h2>{state.customer.info_title}</h2>\n            <p>{state.customer.info_text}</p>\n          </Fragment>\n        ) : (\n          <h2>{state.customer.checkout_title}</h2>\n        )}\n        <ul class=\"hemfixarna_features\">\n          {state.step < 5 ? (\n            <Fragment>\n              {state.customer.trust_badges?.length ? (\n                <Fragment>\n                  {state.customer.trust_badges.map(l => (\n                    <li key={l.text}>\n                      <img src={checked} alt=\"checked\" />\n                      <p>{l.text}</p>\n                    </li>\n                  ))}\n                </Fragment>\n              ) : (\n                <Fragment>\n                  {state.options.trust.map(l => (\n                    <li key={l.trust_badge}>\n                      <img src={checked} alt=\"checked\" />\n                      <p>{l.trust_badge}</p>\n                    </li>\n                  ))}\n                </Fragment>\n              )}\n            </Fragment>\n          ) : (\n            <Fragment>\n              {state.customer.checkout_trust_badges?.map(l => (\n                <li key={l.text}>\n                  <img src={checked} alt=\"checked\" />\n                  <p>{l.text}</p>\n                </li>\n              ))}\n            </Fragment>\n          )}\n        </ul>\n        <img src={this.logo} width={200} alt=\"hemfixarna\" />\n        <a class=\"hemfixarna_product--link\" target=\"_blank\" href={state.options.link.url}>\n          {state.options.link.title}\n        </a>\n      </div>\n    );\n  }\n}\n"]}

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,13 +1,9 @@
-import { r as registerInstance, e as getAssetPath, h, i as getElement } from './index-2ce8b901.js';
-import { s as state } from './index-21ba2b05.js';
-import { g as getApiUrl } from './enviroment-fd0a763a.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}";
-
+import { getAssetPath, h } from '@stencil/core';
+import state from '../../store';
+import { getApiUrl } from '../../utils/enviroment';
 const base = `${getApiUrl()}/wp-json/headless`;
-const HemfixarnaInvoice = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+export class HemfixarnaInvoice {
+  constructor() {
     this.formError = null;
     this.displayImages = [];
     this.formImages = [];
@@ -147,10 +143,25 @@ const HemfixarnaInvoice = class {
     const upload = getAssetPath(`./assets/drag-drop.svg`);
     return (h("div", { class: "invoice" }, ((_a = state.selectedProduct) === null || _a === void 0 ? void 0 : _a.invoice_description) ? h("p", null, state.selectedProduct.invoice_description) : null, 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