hemfixarna-web-components 1.6.4 → 1.7.0

package/dist/cjs/{hemfixarna-address_36.cjs.entry.js → hemfixarna-address_15.cjs.entry.js}

@@ -3,257 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b83343b9.js');
-
-const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
-    }
-    else if (!items.includes(value)) {
-        items.push(value);
-    }
-};
-const debounce = (fn, ms) => {
-    let timeoutId;
-    return (...args) => {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        timeoutId = setTimeout(() => {
-            timeoutId = 0;
-            fn(...args);
-        }, ms);
-    };
-};
-
-/**
- * Check if a possible element isConnected.
- * The property might not be there, so we check for it.
- *
- * We want it to return true if isConnected is not a property,
- * otherwise we would remove these elements and would not update.
- *
- * Better leak in Edge than to be useless.
- */
-const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
-    }
-}, 2000);
-const stencilSubscription = () => {
-    if (typeof index.getRenderingRef !== 'function') {
-        // If we are not in a stencil project, we do nothing.
-        // This function is not really exported by @stencil/core.
-        return {};
-    }
-    const elmsToUpdate = new Map();
-    return {
-        dispose: () => elmsToUpdate.clear(),
-        get: (propName) => {
-            const elm = index.getRenderingRef();
-            if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
-            }
-        },
-        set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(index.forceUpdate));
-            }
-            cleanupElements(elmsToUpdate);
-        },
-        reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(index.forceUpdate));
-            cleanupElements(elmsToUpdate);
-        },
-    };
-};
-
-const unwrap = (val) => (typeof val === 'function' ? val() : val);
-const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
-    const handlers = {
-        dispose: [],
-        get: [],
-        set: [],
-        reset: [],
-    };
-    const reset = () => {
-        var _a;
-        // When resetting the state, the default state may be a function - unwrap it to invoke it.
-        // otherwise, the state won't be properly reset
-        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
-        handlers.reset.forEach((cb) => cb());
-    };
-    const dispose = () => {
-        // Call first dispose as resetting the state would
-        // cause less updates ;)
-        handlers.dispose.forEach((cb) => cb());
-        reset();
-    };
-    const get = (propName) => {
-        handlers.get.forEach((cb) => cb(propName));
-        return states.get(propName);
-    };
-    const set = (propName, value) => {
-        const oldValue = states.get(propName);
-        if (shouldUpdate(value, oldValue, propName)) {
-            states.set(propName, value);
-            handlers.set.forEach((cb) => cb(propName, value, oldValue));
-        }
-    };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(unwrappedState, {
-            get(_, propName) {
-                return get(propName);
-            },
-            ownKeys(_) {
-                return Array.from(states.keys());
-            },
-            getOwnPropertyDescriptor() {
-                return {
-                    enumerable: true,
-                    configurable: true,
-                };
-            },
-            has(_, propName) {
-                return states.has(propName);
-            },
-            set(_, propName, value) {
-                set(propName, value);
-                return true;
-            },
-        }));
-    const on = (eventName, callback) => {
-        handlers[eventName].push(callback);
-        return () => {
-            removeFromArray(handlers[eventName], callback);
-        };
-    };
-    const onChange = (propName, cb) => {
-        const unSet = on('set', (key, newValue) => {
-            if (key === propName) {
-                cb(newValue);
-            }
-        });
-        // We need to unwrap the defaultState because it might be a function.
-        // Otherwise we might not be sending the right reset value.
-        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
-        return () => {
-            unSet();
-            unReset();
-        };
-    };
-    const use = (...subscriptions) => {
-        const unsubs = subscriptions.reduce((unsubs, subscription) => {
-            if (subscription.set) {
-                unsubs.push(on('set', subscription.set));
-            }
-            if (subscription.get) {
-                unsubs.push(on('get', subscription.get));
-            }
-            if (subscription.reset) {
-                unsubs.push(on('reset', subscription.reset));
-            }
-            if (subscription.dispose) {
-                unsubs.push(on('dispose', subscription.dispose));
-            }
-            return unsubs;
-        }, []);
-        return () => unsubs.forEach((unsub) => unsub());
-    };
-    const forceUpdate = (key) => {
-        const oldValue = states.get(key);
-        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
-    };
-    return {
-        state,
-        get,
-        set,
-        on,
-        onChange,
-        use,
-        dispose,
-        reset,
-        forceUpdate,
-    };
-};
-const removeFromArray = (array, item) => {
-    const index = array.indexOf(item);
-    if (index >= 0) {
-        array[index] = array[array.length - 1];
-        array.length--;
-    }
-};
-
-const createStore = (defaultState, shouldUpdate) => {
-    const map = createObservableMap(defaultState, shouldUpdate);
-    map.use(stencilSubscription());
-    return map;
-};
-
-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;
-});
+const index$1 = require('./index-4695c475.js');
+const index$2 = require('./index-8054ce93.js');
 
 const hideField = (field) => {
   return field.split(' ').reduce((acc, curr) => {
@@ -297,27 +48,27 @@ const HemfixarnaAddress = class {
         this.townError = 'Ange en ort';
       }
       if (streetValid && zipValid && townValid && zipIsNumber) {
-        state.user = Object.assign(Object.assign({}, state.user), { street: this.street, zip: this.zip, town: this.town });
-        state.checkoutStep = 2;
-        state.checkoutEdit = false;
+        index$1.state.user = Object.assign(Object.assign({}, index$1.state.user), { street: this.street, zip: this.zip, town: this.town });
+        index$1.state.checkoutStep = 2;
+        index$1.state.checkoutEdit = false;
         const el = this.el.closest('.hemfixarna_content');
         scrollToTop(el);
       }
     };
     this.handleChangeStreet = (e) => {
       this.streetError = null;
-      this.street = this.street === state.user.street ? '' : e.target.value;
+      this.street = this.street === index$1.state.user.street ? '' : e.target.value;
     };
     this.handleChangeZip = (e) => {
       this.zipError = null;
-      this.zip = this.zip === state.user.zip ? '' : e.target.value;
+      this.zip = this.zip === index$1.state.user.zip ? '' : e.target.value;
     };
     this.handleChangeTown = (e) => {
       this.townError = null;
-      this.town = this.town === state.user.town ? '' : e.target.value;
+      this.town = this.town === index$1.state.user.town ? '' : e.target.value;
     };
     this.render = () => {
-      return (index.h("form", { class: "hemfixarna_address", onSubmit: e => this.handleSubmit(e) }, index.h("div", null, index.h("input", { class: `${this.street.length ? 'input_active' : ''}`, onInput: this.handleChangeStreet, type: "text", name: "street", value: this.street === state.user.street ? hideField(this.street) : this.street }), index.h("label", { htmlFor: "street" }, "Gatuaddress ")), this.streetError && index.h("span", null, this.streetError), index.h("div", null, index.h("input", { class: `${this.zip.length ? 'input_active' : ''}`, onInput: this.handleChangeZip, type: "tel", name: "zip", value: this.zip === state.user.zip ? hideField(this.zip) : this.zip }), index.h("label", { htmlFor: "zip" }, "Postnummer ")), this.zipError && index.h("span", null, this.zipError), index.h("div", null, index.h("input", { class: `${this.town.length ? 'input_active' : ''}`, onInput: this.handleChangeTown, type: "text", name: "town", value: this.town === state.user.town ? hideField(this.town) : this.town }), index.h("label", { htmlFor: "town" }, "Ort ")), this.townError && index.h("span", null, this.townError), index.h("input", { type: "submit", value: "Forts\u00E4tt" })));
+      return (index.h("form", { class: "hemfixarna_address", onSubmit: e => this.handleSubmit(e) }, index.h("div", null, index.h("input", { class: `${this.street.length ? 'input_active' : ''}`, onInput: this.handleChangeStreet, type: "text", name: "street", value: this.street === index$1.state.user.street ? hideField(this.street) : this.street }), index.h("label", { htmlFor: "street" }, "Gatuaddress ")), this.streetError && index.h("span", null, this.streetError), index.h("div", null, index.h("input", { class: `${this.zip.length ? 'input_active' : ''}`, onInput: this.handleChangeZip, type: "tel", name: "zip", value: this.zip === index$1.state.user.zip ? hideField(this.zip) : this.zip }), index.h("label", { htmlFor: "zip" }, "Postnummer ")), this.zipError && index.h("span", null, this.zipError), index.h("div", null, index.h("input", { class: `${this.town.length ? 'input_active' : ''}`, onInput: this.handleChangeTown, type: "text", name: "town", value: this.town === index$1.state.user.town ? hideField(this.town) : this.town }), index.h("label", { htmlFor: "town" }, "Ort ")), this.townError && index.h("span", null, this.townError), index.h("input", { type: "submit", value: "Forts\u00E4tt" })));
     };
     this.street = '';
     this.streetError = null;
@@ -327,10 +78,10 @@ const HemfixarnaAddress = class {
     this.townError = null;
   }
   componentWillLoad() {
-    if (state.user) {
-      this.street = state.user.street;
-      this.zip = state.user.zip;
-      this.town = state.user.town;
+    if (index$1.state.user) {
+      this.street = index$1.state.user.street;
+      this.zip = index$1.state.user.zip;
+      this.town = index$1.state.user.town;
     }
   }
   get el() { return index.getElement(this); }
@@ -346,13 +97,13 @@ const getGreenPrice = (price) => {
   return Math.ceil(price * 0.5);
 };
 const getProductPrice = (product, price, amount = 1) => {
-  if (product.rot && state.rot) {
+  if (product.rot && index$1.state.rot) {
     return getRotPrice((price || product.price) * amount);
   }
-  else if (product.rut && state.rut) {
+  else if (product.rut && index$1.state.rut) {
     return getRutPrice((price || product.price) * amount);
   }
-  else if (product.green && state.green) {
+  else if (product.green && index$1.state.green) {
     return getGreenPrice((price || product.price) * amount);
   }
   else {
@@ -363,7 +114,7 @@ const getProductPriceWithRotAndRut = (product) => {
   if (product.rot) {
     return getRotPrice(product.price);
   }
-  else if (product.rut && state.rut) {
+  else if (product.rut && index$1.state.rut) {
     return getRutPrice(product.price);
   }
   else {
@@ -371,10 +122,10 @@ const getProductPriceWithRotAndRut = (product) => {
   }
 };
 const getPartPrice = (part, product, amount = 1) => {
-  if (product.rot && state.rot) {
+  if (product.rot && index$1.state.rot) {
     return getRotPrice(part.price * amount);
   }
-  else if (product.rut && state.rut) {
+  else if (product.rut && index$1.state.rut) {
     return getRutPrice(part.price * amount);
   }
   else {
@@ -382,14 +133,14 @@ const getPartPrice = (part, product, amount = 1) => {
   }
 };
 const getStartFee = () => {
-  if (!state.cart)
+  if (!index$1.state.cart)
     return { rut: 0, rot: 0, green: 0 };
-  const hasRut = state.cart.some(item => item.rut && item.start_fee);
-  const hasRot = state.cart.some(item => item.rot && item.start_fee);
-  const hasGreen = state.cart.some(item => item.green && item.start_fee);
-  const rutPrice = state.rut ? getRutPrice(state.options.start_fee) : state.options.start_fee * 1;
-  const rotPrice = state.rot ? getRotPrice(state.options.start_fee) : state.options.start_fee * 1;
-  const greenPrice = state.green ? getGreenPrice(state.options.start_fee) : state.options.start_fee * 1;
+  const hasRut = index$1.state.cart.some(item => item.rut && item.start_fee);
+  const hasRot = index$1.state.cart.some(item => item.rot && item.start_fee);
+  const hasGreen = index$1.state.cart.some(item => item.green && item.start_fee);
+  const rutPrice = index$1.state.rut ? getRutPrice(index$1.state.options.start_fee) : index$1.state.options.start_fee * 1;
+  const rotPrice = index$1.state.rot ? getRotPrice(index$1.state.options.start_fee) : index$1.state.options.start_fee * 1;
+  const greenPrice = index$1.state.green ? getGreenPrice(index$1.state.options.start_fee) : index$1.state.options.start_fee * 1;
   return { rut: hasRut ? rutPrice : 0, rot: hasRot ? rotPrice : 0, green: hasGreen ? greenPrice : 0, length: [hasRut, hasRot, hasGreen].filter(d => d).length };
   // if (hasRut && hasRot) {
   //   return { rut: rutPrice, rot: rotPrice, length: 2 };
@@ -408,85 +159,50 @@ const getItemPrice = (item) => {
   return getProductPrice(item, item.price * item.amount + partsPrice);
 };
 const calculateRot = () => {
-  const totalWithRot = state.cart.reduce((acc, curr) => {
+  const totalWithRot = index$1.state.cart.reduce((acc, curr) => {
     return curr.rot ? acc + getItemPrice(curr) : acc;
   }, 0) + getStartFee().rot;
-  const totalWithoutRot = state.cart.reduce((acc, curr) => {
+  const totalWithoutRot = index$1.state.cart.reduce((acc, curr) => {
     const partsPrice = curr.parts.reduce((acc, curr) => {
       return acc + curr.price * curr.amount;
     }, 0);
     return curr.rot ? acc + curr.price * curr.amount + partsPrice : acc;
-  }, 0) + Number(state.options.start_fee);
+  }, 0) + Number(index$1.state.options.start_fee);
   return totalWithoutRot - totalWithRot;
 };
 const calculateRut = () => {
-  const totalWithRut = state.cart.reduce((acc, curr) => {
+  const totalWithRut = index$1.state.cart.reduce((acc, curr) => {
     return curr.rut ? acc + getItemPrice(curr) : acc;
   }, 0) + getStartFee().rut;
-  const totalWithoutRut = state.cart.reduce((acc, curr) => {
+  const totalWithoutRut = index$1.state.cart.reduce((acc, curr) => {
     const partsPrice = curr.parts.reduce((acc, curr) => {
       return acc + curr.price * curr.amount;
     }, 0);
     return curr.rut ? acc + curr.price * curr.amount + partsPrice : acc;
-  }, 0) + Number(state.options.start_fee);
+  }, 0) + Number(index$1.state.options.start_fee);
   return totalWithoutRut - totalWithRut;
 };
 const calculateGreenDiscount = () => {
-  const totalWithGreen = state.cart.reduce((acc, curr) => {
+  const totalWithGreen = index$1.state.cart.reduce((acc, curr) => {
     return curr.green ? acc + getItemPrice(curr) : acc;
   }, 0) + getStartFee().green;
-  const totalWithoutGreen = state.cart.reduce((acc, curr) => {
+  const totalWithoutGreen = index$1.state.cart.reduce((acc, curr) => {
     const partsPrice = curr.parts.reduce((acc, curr) => {
       return acc + curr.price * curr.amount;
     }, 0);
     return curr.green ? acc + curr.price * curr.amount + partsPrice : acc;
-  }, 0) + Number(state.options.start_fee);
+  }, 0) + Number(index$1.state.options.start_fee);
   return totalWithoutGreen - totalWithGreen;
 };
 const getTotalPrice = () => {
-  return state.cart.reduce((acc, curr) => acc + getItemPrice(curr), 0) + getStartFee().rot + getStartFee().rut;
+  return index$1.state.cart.reduce((acc, curr) => acc + getItemPrice(curr), 0) + getStartFee().rot + getStartFee().rut;
 };
 
-var Business;
-(function (Business) {
-  Business["kund"] = "kund";
-  Business["byggmax"] = "byggmax";
-  Business["skanska"] = "skanska";
-  Business["string"] = "string-furniture";
-  Business["hornbach"] = "hornbach";
-  Business["forebygg"] = "forebygg";
-  Business["doro"] = "doro";
-  Business["elfa"] = "elfa";
-  Business["kbygg"] = "k-bygg";
-  Business["norrgavel"] = "norrgavel";
-  Business["fargvaruhuset"] = "fargvaruhuset";
-  Business["zaptec"] = "zaptec";
-  Business["tesla"] = "tesla";
-  Business["klint"] = "klint";
-  Business["flyttsmart"] = "flyttsmart";
-  Business["lg"] = "lg";
-  Business["sparfonster"] = "sparfonster";
-  Business["power"] = "power";
-  Business["traningspartner"] = "traningspartner";
-  Business["superfront"] = "superfront";
-})(Business || (Business = {}));
-var WidgetStyle;
-(function (WidgetStyle) {
-  WidgetStyle["standard"] = "standard";
-  WidgetStyle["alternative"] = "alternative";
-  WidgetStyle["alternative_2"] = "alternative_2";
-  WidgetStyle["alternative_3"] = "alternative_3";
-})(WidgetStyle || (WidgetStyle = {}));
-var TopCategory;
-(function (TopCategory) {
-  TopCategory["byggmax"] = "category/bygg";
-})(TopCategory || (TopCategory = {}));
-
 const isProduct = (category) => {
   return category.post_name !== undefined;
 };
 const isBusiness = (partner) => {
-  return Object.values(Business).includes(partner);
+  return Object.values(index$2.Business).includes(partner);
 };
 
 const HemfixarnaBox = class {
@@ -500,30 +216,30 @@ const HemfixarnaBox = class {
   setTaxonomy(taxonomy) {
     if (taxonomy) {
       if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.taxonomy) === 'service_cat') {
-        state.selectedCategory = taxonomy;
-        state.step = 2;
+        index$1.state.selectedCategory = taxonomy;
+        index$1.state.step = 2;
       }
       else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'service') {
-        state.selectedService = taxonomy;
-        state.step = 3;
+        index$1.state.selectedService = taxonomy;
+        index$1.state.step = 3;
       }
       else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'ikea_product') {
-        state.selectedProduct = taxonomy;
-        state.step = 4;
+        index$1.state.selectedProduct = taxonomy;
+        index$1.state.step = 4;
       }
       const el = this.el.closest('.hemfixarna_content');
       scrollToTop(el);
     }
   }
   setProduct() {
-    state.selectedProduct = this.category;
-    state.step = 4;
-    state.selectedCustomerCategory = null;
+    index$1.state.selectedProduct = this.category;
+    index$1.state.step = 4;
+    index$1.state.selectedCustomerCategory = null;
     const el = this.el.closest('.hemfixarna_content');
     scrollToTop(el);
   }
   render() {
-    return this.category ? (index.h(index.Fragment, null, isProduct(this.category) ? (index.h("li", { onClick: () => this.setProduct() }, index.h("img", { class: "hemfixarna_logo", height: 82, src: this.category.icon, alt: this.category.post_name }), index.h("div", null, index.h("p", null, this.category.title), !this.category.invoice ? index.h("p", { class: "price" }, "Fr\u00E5n ", getProductPrice(this.category), "kr") : null))) : (index.h("li", { onClick: () => (state.selectedCustomerCategory = this.category) }, index.h("img", { class: "hemfixarna_logo", height: 82, src: this.category.icon, alt: this.category.name }), index.h("div", null, index.h("p", null, this.category.name)))))) : (index.h("li", { onClick: () => this.setTaxonomy(this.post) }, this.post.icon && index.h("img", { class: "hemfixarna_logo", height: 82, src: this.icon, alt: this.postTitle }), index.h("div", null, index.h("p", null, this.postTitle), state.step === 3 && index.h("p", { class: "price" }, "Fr\u00E5n ", getProductPrice(this.post), "kr"))));
+    return this.category ? (index.h(index.Fragment, null, isProduct(this.category) ? (index.h("li", { onClick: () => this.setProduct() }, index.h("img", { class: "hemfixarna_logo", height: 82, src: this.category.icon, alt: this.category.post_name }), index.h("div", null, index.h("p", null, this.category.title), !this.category.invoice ? index.h("p", { class: "price" }, "Fr\u00E5n ", getProductPrice(this.category), "kr") : null))) : (index.h("li", { onClick: () => (index$1.state.selectedCustomerCategory = this.category) }, index.h("img", { class: "hemfixarna_logo", height: 82, src: this.category.icon, alt: this.category.name }), index.h("div", null, index.h("p", null, this.category.name)))))) : (index.h("li", { onClick: () => this.setTaxonomy(this.post) }, this.post.icon && index.h("img", { class: "hemfixarna_logo", height: 82, src: this.icon, alt: this.postTitle }), index.h("div", null, index.h("p", null, this.postTitle), index$1.state.step === 3 && index.h("p", { class: "price" }, "Fr\u00E5n ", getProductPrice(this.post), "kr"))));
   }
   get el() { return index.getElement(this); }
 };
@@ -535,31 +251,28 @@ const HemfixarnaBreadcrumbs = class {
       const el = this.el.nextSibling;
       scrollToTop(el);
     };
-    this.tree = undefined;
     this.closeModal = undefined;
-    this.loadFromQuery = false;
-    this.isDemo = false;
   }
   getCartLength() {
-    return state.cart.reduce((acc, curr) => acc + curr.amount, 0);
+    return index$1.state.cart.reduce((acc, curr) => acc + curr.amount, 0);
   }
   handleCartClick() {
     var _a;
-    if ((_a = state.cart) === null || _a === void 0 ? void 0 : _a.length) {
-      state.step = 5;
+    if ((_a = index$1.state.cart) === null || _a === void 0 ? void 0 : _a.length) {
+      index$1.state.step = 5;
       this.triggerScrollTotop();
     }
   }
   handleHomePageClick() {
-    state.step = 1;
-    state.parentCategory = null;
-    state.selectedCustomerCategory = null;
+    index$1.state.step = 1;
+    index$1.state.parentCategory = null;
+    index$1.state.selectedCustomerCategory = null;
     this.triggerScrollTotop();
     setTimeout(() => {
-      state.selectedCategory = null;
-      state.selectedProduct = null;
-      state.maleri = null;
-      state.selectedService = null;
+      index$1.state.selectedCategory = null;
+      index$1.state.selectedProduct = null;
+      index$1.state.maleri = null;
+      index$1.state.selectedService = null;
     }, 200);
   }
   render() {
@@ -567,101 +280,92 @@ const HemfixarnaBreadcrumbs = class {
     const close = index.getAssetPath(`./assets/close.svg`);
     const cart = index.getAssetPath(`./assets/cart.svg`);
     const back = index.getAssetPath(`./assets/back.svg`);
-    return (index.h("div", null, index.h("div", { class: "hemfixarna_crumbs" }, index.h("div", { class: "hemfixarna_crumbs--links" }, index.h("img", { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }), !this.loadFromQuery || this.isDemo ? index.h("img", { onClick: () => this.closeModal(), class: "close", src: close, width: 32 }) : null, index.h("div", null, index.h("button", { onClick: () => this.handleHomePageClick() }, "Alla tj\u00E4nster"))), index.h("div", { class: "hemfixarna_crumbs--right" }, index.h("hemfixarna-contact", null), index.h("div", { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` }, index.h("img", { src: cart, width: 24 }), index.h("span", null, this.getCartLength())))), [3, 4].includes(state.step) && !state.customer && (index.h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
-        state.step = state.step === 4 ? 3 : 2;
-      } }, index.h("img", { width: 24, src: back, alt: "back arrow" }), index.h("span", null, "Se allt ", state.step === 4 ? state.selectedService.post_title : state.selectedCategory.name))), !state.parentCategory && state.step && state.selectedCustomerCategory && (index.h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
-        state.step = 1;
-        state.selectedCustomerCategory = null;
-        state.selectedProduct = null;
-        state.maleri = null;
-      } }, index.h("img", { width: 24, src: back, alt: "back arrow" }), index.h("span", null, "Se alla tj\u00E4nster"))), state.parentCategory && state.step < 5 && (index.h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
-        state.step = 1;
-        state.selectedCustomerCategory = state.parentCategory;
-        state.selectedProduct = null;
-        state.maleri = null;
-      } }, index.h("img", { width: 24, src: back, alt: "back arrow" }), index.h("span", null, "Se allt ", state.parentCategory.name)))));
+    return (index.h("div", null, index.h("div", { class: "hemfixarna_crumbs" }, index.h("div", { class: "hemfixarna_crumbs--links" }, index.h("img", { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }), index.h("img", { onClick: () => this.closeModal(), class: "close", src: close, width: 32 }), index.h("div", null, index.h("button", { onClick: () => this.handleHomePageClick() }, "Alla tj\u00E4nster"))), index.h("div", { class: "hemfixarna_crumbs--right" }, index.h("hemfixarna-contact", null), index.h("div", { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` }, index.h("img", { src: cart, width: 24 }), index.h("span", null, this.getCartLength())))), [3, 4].includes(index$1.state.step) && !index$1.state.customer && (index.h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
+        index$1.state.step = index$1.state.step === 4 ? 3 : 2;
+      } }, index.h("img", { width: 24, src: back, alt: "back arrow" }), index.h("span", null, "Se allt ", index$1.state.step === 4 ? index$1.state.selectedService.post_title : index$1.state.selectedCategory.name))), !index$1.state.parentCategory && index$1.state.step && index$1.state.selectedCustomerCategory && (index.h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
+        index$1.state.step = 1;
+        index$1.state.selectedCustomerCategory = null;
+        index$1.state.selectedProduct = null;
+        index$1.state.maleri = null;
+      } }, index.h("img", { width: 24, src: back, alt: "back arrow" }), index.h("span", null, "Se alla tj\u00E4nster"))), index$1.state.parentCategory && index$1.state.step < 5 && (index.h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
+        index$1.state.step = 1;
+        index$1.state.selectedCustomerCategory = index$1.state.parentCategory;
+        index$1.state.selectedProduct = null;
+        index$1.state.maleri = null;
+      } }, index.h("img", { width: 24, src: back, alt: "back arrow" }), index.h("span", null, "Se allt ", index$1.state.parentCategory.name)))));
   }
   get el() { return index.getElement(this); }
 };
 
-const hemfixarnaByggmaxCss = "";
-
-const MyComponent$j = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.tree = null;
-    this.slug = undefined;
-    this.id = undefined;
-    this.forceOldTree = false;
-    this.loadFromQuery = undefined;
-    this.customer = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { forceOldTree: this.forceOldTree, id: this.id, slug: this.slug, business: Business.byggmax, topCategory: TopCategory.byggmax, loadFromQuery: Boolean(this.loadFromQuery), widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor }));
-  }
-};
-MyComponent$j.style = hemfixarnaByggmaxCss;
-
 const HemfixarnaCart = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.tree = undefined;
   }
   render() {
     const back = index.getAssetPath(`./assets/back.svg`);
-    return (index.h("div", { class: "hemfixarna_cart" }, index.h("div", { class: "hemfixarna_cart--left" }, index.h("h2", null, state.checkoutStep === 2 && !state.checkoutEdit && (index.h("button", { onClick: () => {
-        state.checkoutStep = 1;
-      } }, index.h("img", { width: 24, src: back, alt: "back arrow" }))), "Din bokning"), index.h("hemfixarna-orderrows", { tree: this.tree })), index.h("div", { class: "hemfixarna_cart--right" }, index.h("h2", null, state.checkoutStep === 2 && !state.checkoutEdit && (index.h("button", { onClick: () => {
-        state.checkoutStep = 1;
+    return (index.h("div", { class: "hemfixarna_cart" }, index.h("div", { class: "hemfixarna_cart--left" }, index.h("h2", null, index$1.state.checkoutStep === 2 && !index$1.state.checkoutEdit && (index.h("button", { onClick: () => {
+        index$1.state.checkoutStep = 1;
+      } }, index.h("img", { width: 24, src: back, alt: "back arrow" }))), "Din bokning"), index.h("hemfixarna-orderrows", null)), index.h("div", { class: "hemfixarna_cart--right" }, index.h("h2", null, index$1.state.checkoutStep === 2 && !index$1.state.checkoutEdit && (index.h("button", { onClick: () => {
+        index$1.state.checkoutStep = 1;
       } }, index.h("img", { width: 24, src: back, alt: "back arrow" }))), "Dina uppgifter"), index.h("hemfixarna-checkout", null), index.h("hemfixarna-info", null))));
   }
 };
 
-const HemfixarnaCategory = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+const livePreviewUrl = 'hemfixarna-partner.vercel.app';
+const getDefaultApiUrl = () => {
+  if (window.location.href.includes('vercel.app') && !window.location.href.includes(livePreviewUrl)) {
+    return 'https://hemfixare.dev.afonso.se';
   }
-  setSelectedService(service) {
-    state.selectedService = service;
-    state.step = 3;
+  else {
+    return 'https://hemfixarna.se';
   }
-  render() {
-    return (index.h("div", null, index.h("h2", null, state.selectedCategory.name), index.h("div", { class: "hemfixarna_categories--wrapper" }, index.h("div", null, index.h("ul", { class: "hemfixarna_categories" }, state.selectedCategory.services
-      .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))
-      .map(s => {
-      var _a;
-      return (index.h("hemfixarna-box", { post: s, icon: (_a = s.icon.url) !== null && _a !== void 0 ? _a : s.icon, postTitle: s.post_title }));
-    }))), index.h("hemfixarna-info", null))));
+};
+const getApiUrl = () => {
+  if (typeof process !== 'undefined' && process.env && process.env.API_URL) {
+    return process.env.API_URL;
   }
+  return getDefaultApiUrl();
+};
+const getDefaultCreditSafeApiUrl = () => {
+  if (window.location.href.includes('vercel.app')) {
+    return 'https://hemfixare-lookup-dev.vercel.app/api';
+  }
+  else {
+    return 'https://hemfixare-lookup.vercel.app/api';
+  }
+};
+const getCreditSafeApiUrl = () => {
+  if (typeof process !== 'undefined' && process.env && process.env.CREDIT_SAFE_API_URL) {
+    return process.env.CREDIT_SAFE_API_URL;
+  }
+  return getDefaultCreditSafeApiUrl();
 };
 
-const base$2 = `${"https://hemfixarna.se"}/wp-json/headless` ;
+const base$2 = `${getApiUrl()}/wp-json/headless`;
 async function fetchWithType(request, options) {
   const response = await fetch(request, options);
   const body = await response.json();
   return body;
 }
-const getTaxonomy = async (endpoint) => {
-  if (!endpoint) {
-    return;
-  }
-  const type = endpoint.split('/')[0];
-  const slug = endpoint.split('/')[1];
+const getCustomer = async (slug) => {
   try {
-    const res = await fetch(`${base$2}/${type}/${slug}`);
+    const res = await fetch(`${base$2}/customer/${slug}`);
     return await res.json();
   }
   catch (error) {
     console.log(error);
   }
 };
-const getCustomer = async (slug) => {
+const loginCustomer = async ({ id, password }) => {
   try {
-    const res = await fetch(`${base$2}/customer/${slug}`);
-    return await res.json();
+    const res = await fetch(`${base$2}/customer/login`, {
+      method: 'POST',
+      body: JSON.stringify({ id, password }),
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+    return res.status;
   }
   catch (error) {
     console.log(error);
@@ -719,7 +423,7 @@ const postOrder = async (data) => {
   }
 };
 
-const base$1 = `${"https://hemfixarna.se"}/wp-json/felix` ;
+const base$1 = `${getApiUrl()}/wp-json/felix`;
 const postPerson = async (felixOrder) => {
   try {
     return await fetchWithType(`${base$1}/createperson`, {
@@ -751,18 +455,18 @@ const HemfixarnaCheckout = class {
         return;
       this.loading = true;
       let order = {
-        firstName: state.creditSafeUser.firstName,
-        lastName: state.creditSafeUser.lastName,
-        street: state.user.street,
-        zip: state.user.zip,
-        town: state.user.town,
-        ssn: state.user.ssn,
-        email: state.user.email,
-        phone: state.user.phone,
-        url: `${state.business === Business.string ? 'string' : state.business}-webk`,
+        firstName: index$1.state.creditSafeUser.firstName,
+        lastName: index$1.state.creditSafeUser.lastName,
+        street: index$1.state.user.street,
+        zip: index$1.state.user.zip,
+        town: index$1.state.user.town,
+        ssn: index$1.state.user.ssn,
+        email: index$1.state.user.email,
+        phone: index$1.state.user.phone,
+        url: `${index$1.state.business === index$2.Business.string ? 'string' : index$1.state.business}-webk`,
         date: this.date,
         products: [
-          ...state.cart.map(item => {
+          ...index$1.state.cart.map(item => {
             const parts = item.parts.map(part => ({
               id: String(part.id),
               name: part.name,
@@ -782,8 +486,8 @@ const HemfixarnaCheckout = class {
             ];
           }),
         ].flat(),
-        creditSafe: state.creditSafeUser,
-        customer: state.business,
+        creditSafe: index$1.state.creditSafeUser,
+        customer: index$1.state.business,
         id_source: '',
         id_sub_source: '',
         seller_id: (_a = this.sellerID) !== null && _a !== void 0 ? _a : '',
@@ -799,7 +503,7 @@ const HemfixarnaCheckout = class {
       try {
         const { data: orderConfirm, status } = await postOrder(order);
         if (orderConfirm && status && status === 200) {
-          state.step = 6;
+          index$1.state.step = 6;
           const el = this.el.closest('.hemfixarna_content');
           scrollToTop(el);
         }
@@ -857,14 +561,14 @@ const HemfixarnaCheckout = class {
       const dateLogo = index.getAssetPath(`./assets/date.svg`);
       const down = index.getAssetPath(`./assets/down.svg`);
       const loading = index.getAssetPath(`./assets/spinner.gif`);
-      if (state.checkoutEdit) {
+      if (index$1.state.checkoutEdit) {
         return index.h("hemfixarna-address", null);
       }
-      else if (state.checkoutStep === 1) {
+      else if (index$1.state.checkoutStep === 1) {
         return index.h("hemfixarna-getuser", null);
       }
-      else if (state.checkoutStep === 2) {
-        return (index.h("div", { class: "mb-2" }, index.h("div", { class: "hemfixarna_addressinfo" }, index.h("div", null, index.h("p", null, hideField(state.user.firstName)), index.h("p", null, hideField(state.user.lastName)), index.h("p", null, state.user.email), index.h("p", null, state.user.phone)), index.h("div", null, index.h("p", null, hideField(state.user.street)), index.h("p", null, hideField(state.user.zip)), index.h("p", null, hideField(state.user.town))), index.h("button", { onClick: () => (state.checkoutEdit = true) }, "Beh\u00F6ver du \u00E4ndra adressen?")), index.h("form", { onSubmit: e => this.handleSubmit(e) }, index.h("div", null, index.h("img", { src: dateLogo, width: 24 }), index.h("input", { class: `${this.date.length ? 'input_active' : ''}`, min: new Date().toISOString().split('T')[0], onChange: e => this.handleChangeDate(e), type: "date", name: "date", value: this.date }), index.h("label", { htmlFor: "date" }, "Tidigaste datum f\u00F6r hembes\u00F6k"), index.h("img", { src: down, width: 24 })), this.dateError && index.h("span", null, this.dateError), state.customer.source && this.showSources ? (index.h(index.Fragment, null, index.h("p", null, "Inloggad som:", index.h("strong", null, " ", state.customer.source.fieldData.So01_Name)), index.h("label", null, "S\u00E4ljare (S\u00E4ljarId)", index.h("input", { type: "text", value: this.sellerID, onChange: e => (this.sellerID = e.target.value) })), index.h("label", null, "PartnerOrderID (RefferalID)", index.h("input", { type: "text", value: this.RefferalID, onChange: e => (this.RefferalID = e.target.value) })), ((_a = state.customer.source.sub_sources) === null || _a === void 0 ? void 0 : _a.length) ? (index.h("div", null, index.h("select", { onChange: e => (this.selectedSubSource = e.target.value) }, index.h("option", { disabled: true, selected: true, value: "null" }, "V\u00E4lj underk\u00E4lla"), state.customer.source.sub_sources.map(sub => (index.h("option", { value: sub['So_SubSource::_id'] }, sub['So_SubSource::Sus01_Name'])))))) : (index.h("h4", null, "Det finns inga underk\u00E4llor att v\u00E4lja")))) : null, index.h("label", { class: "hemfixarna_checkbox" }, index.h("input", { onChange: () => this.handleChangeTerms(), type: "checkbox" }), index.h("span", { innerHTML: state.options.terms })), state.cart
+      else if (index$1.state.checkoutStep === 2) {
+        return (index.h("div", { class: "mb-2" }, index.h("div", { class: "hemfixarna_addressinfo" }, index.h("div", null, index.h("p", null, hideField(index$1.state.user.firstName)), index.h("p", null, hideField(index$1.state.user.lastName)), index.h("p", null, index$1.state.user.email), index.h("p", null, index$1.state.user.phone)), index.h("div", null, index.h("p", null, hideField(index$1.state.user.street)), index.h("p", null, hideField(index$1.state.user.zip)), index.h("p", null, hideField(index$1.state.user.town))), index.h("button", { onClick: () => (index$1.state.checkoutEdit = true) }, "Beh\u00F6ver du \u00E4ndra adressen?")), index.h("form", { onSubmit: e => this.handleSubmit(e) }, index.h("div", null, index.h("img", { src: dateLogo, width: 24 }), index.h("input", { class: `${this.date.length ? 'input_active' : ''}`, min: new Date().toISOString().split('T')[0], onChange: e => this.handleChangeDate(e), type: "date", name: "date", value: this.date }), index.h("label", { htmlFor: "date" }, "Tidigaste datum f\u00F6r hembes\u00F6k"), index.h("img", { src: down, width: 24 })), this.dateError && index.h("span", null, this.dateError), index$1.state.customer.source && this.showSources ? (index.h(index.Fragment, null, index.h("p", null, "Inloggad som:", index.h("strong", null, " ", index$1.state.customer.source.fieldData.So01_Name)), index.h("label", null, "S\u00E4ljare (S\u00E4ljarId)", index.h("input", { type: "text", value: this.sellerID, onChange: e => (this.sellerID = e.target.value) })), index.h("label", null, "PartnerOrderID (RefferalID)", index.h("input", { type: "text", value: this.RefferalID, onChange: e => (this.RefferalID = e.target.value) })), ((_a = index$1.state.customer.source.sub_sources) === null || _a === void 0 ? void 0 : _a.length) ? (index.h("div", null, index.h("select", { onChange: e => (this.selectedSubSource = e.target.value) }, index.h("option", { disabled: true, selected: true, value: "null" }, "V\u00E4lj underk\u00E4lla"), index$1.state.customer.source.sub_sources.map(sub => (index.h("option", { value: sub['So_SubSource::_id'] }, sub['So_SubSource::Sus01_Name'])))))) : (index.h("h4", null, "Det finns inga underk\u00E4llor att v\u00E4lja")))) : null, index.h("label", { class: "hemfixarna_checkbox" }, index.h("input", { onChange: () => this.handleChangeTerms(), type: "checkbox" }), index.h("span", { innerHTML: index$1.state.options.terms })), index$1.state.cart
           .filter(i => { var _a; return (_a = i.terms_checkout) === null || _a === void 0 ? void 0 : _a.length; })
           .map(item => (index.h(index.Fragment, null, index.h("label", { class: "hemfixarna_checkbox" }, index.h("input", { onChange: () => this.handleChangeTerms(), type: "checkbox" }), index.h("span", null, item.terms_checkout))))), this.generalError && index.h("span", null, this.generalError), index.h("div", { class: this.loading ? 'loading' : '' }, index.h("input", { type: "submit", value: this.loading ? '' : 'Skicka bokning' }), index.h("img", { width: 20, height: 20, src: loading, alt: "spinner" })))));
       }
@@ -881,10 +585,10 @@ const HemfixarnaCheckout = class {
     this.RefferalID = null;
   }
   componentWillLoad() {
-    if (Boolean(state.user && state.user.street)) {
-      state.checkoutStep = 2;
+    if (Boolean(index$1.state.user && index$1.state.user.street)) {
+      index$1.state.checkoutStep = 2;
     }
-    if (state.customer && state.customer.source) {
+    if (index$1.state.customer && index$1.state.customer.source) {
       window.addEventListener('keydown', this.handleKeyDown);
     }
     const showSources = localStorage.getItem('show_sources');
@@ -903,185 +607,94 @@ const hemfixarnaCss = "@import url(\"https://fonts.googleapis.com/css2?family=In
 const HemfixarnaComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.slugIsOldFormat = (slug) => {
-      if (!slug)
-        return false;
-      return ['product', 'service', 'category'].some(str => slug.includes(str));
-    };
     this.triggerScrollTotop = () => {
       const el = this.el.shadowRoot.querySelector('.hemfixarna_content');
       scrollToTop(el);
     };
     this.modal = false;
     this.showModal = false;
-    this.tree = null;
     this.product = null;
-    this.proppedProduct = null;
-    this.slug = undefined;
     this.id = undefined;
     this.business = undefined;
-    this.topCategory = undefined;
-    this.forceOldTree = false;
-    this.loadFromQuery = false;
-    this.isDemo = false;
-    this.widgetStyle = undefined;
-    this.nav = undefined;
+    this.widgetStyle = index$2.WidgetStyle.standard;
     this.buttonColor = undefined;
     this.buttonBg = undefined;
+    this.proppedProduct = null;
   }
   loadCategoryOrProduct(id) {
     this.proppedProduct = null;
     if (id.startsWith('c-')) {
-      const categories = [...state.customer.categories, ...state.customer.categories.map(c => { var _a; return (_a = c.sub_categories) !== null && _a !== void 0 ? _a : []; })].flat();
+      const categories = [...index$1.state.customer.categories, ...index$1.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 === id.replace('c-', ''));
       if (category) {
-        state.selectedCustomerCategory = category;
-        state.step = 2;
+        index$1.state.selectedCustomerCategory = category;
+        index$1.state.step = 2;
       }
     }
     else {
-      const products = state.customer.categories
+      const products = index$1.state.customer.categories
         .map(c => (c.show_products ? c.products : c.sub_categories ? c.sub_categories.map(c => c.products) : []))
         .flat()
         .flat();
       const product = products.find(p => p && p.fields.ID === parseInt(id));
       if (product) {
-        state.selectedProduct = product.fields;
-        state.step = 4;
+        index$1.state.selectedProduct = product.fields;
+        index$1.state.step = 4;
         this.proppedProduct = product.fields;
       }
     }
   }
-  async watchSlugChange(newValue) {
-    if (this.slugIsOldFormat(newValue)) {
-      this.fetchNewTaxonomy(newValue);
-    }
-    else if (state.customer && newValue) {
-      this.loadCategoryOrProduct(newValue);
-    }
-  }
   async watchIdChange(id) {
-    if (id && state.customer) {
+    if (id && index$1.state.customer) {
       if (id === 'maleri') {
-        state.maleri = true;
-        state.step = 4;
+        index$1.state.maleri = true;
+        index$1.state.step = 4;
       }
       else {
         this.loadCategoryOrProduct(id);
       }
     }
   }
-  async fetchNewTaxonomy(slug) {
-    state.selectedCategory = null;
-    state.selectedProduct = null;
-    state.selectedService = null;
-    state.maleri = null;
-    const res = await getTaxonomy(slug);
-    if ((res === null || res === void 0 ? void 0 : res.code) === 'not_found' || (res === null || res === void 0 ? void 0 : res.code) === 'rest_no_route') {
-      console.log('taxonomy not found');
-    }
-    else if (res) {
-      this.setTaxonomy(res);
-      if ((res === null || res === void 0 ? void 0 : res.post_type) === 'ikea_product') {
-        this.product = res;
-      }
-    }
-  }
   async componentWillLoad() {
-    state.business = this.business;
+    index$1.state.business = this.business;
     const cart = window.sessionStorage.getItem(`hemfixarna-${this.business}-cart`);
     if (cart) {
-      state.cart = JSON.parse(cart);
+      index$1.state.cart = JSON.parse(cart);
     }
     const user = window.sessionStorage.getItem(`hemfixarna-${this.business}-user`);
     if (user) {
-      state.user = JSON.parse(user);
+      index$1.state.user = JSON.parse(user);
     }
     const creditSafeUser = window.sessionStorage.getItem(`hemfixarna-${this.business}-creditSafeUser`);
     if (creditSafeUser) {
-      state.creditSafeUser = JSON.parse(creditSafeUser);
+      index$1.state.creditSafeUser = JSON.parse(creditSafeUser);
     }
-    const [tree, res, options, rut, rot, greenDiscount] = await Promise.all([
-      this.topCategory ? getTaxonomy(this.topCategory) : null,
-      this.slug ? getTaxonomy(this.slug) : Promise.resolve(null),
-      getOptions(),
-      getRut(),
-      getRot(),
-      getGreenDiscount(),
-    ]);
-    if ((!this.slug || !this.slugIsOldFormat(this.slug)) && !this.forceOldTree) {
-      try {
-        const customer = await getCustomer(this.business);
-        if ((customer === null || customer === void 0 ? void 0 : customer.code) === 'not_found') {
-          console.warn('customer not found');
-        }
-        else if (customer) {
-          state.customer = customer;
-          if (this.id) {
-            if (this.id === 'maleri') {
-              state.maleri = true;
-              state.step = 4;
-            }
-            else {
-              this.loadCategoryOrProduct(this.id);
-            }
+    const [options, rut, rot, greenDiscount] = await Promise.all([getOptions(), getRut(), getRot(), getGreenDiscount()]);
+    try {
+      const customer = await getCustomer(this.business);
+      if ((customer === null || customer === void 0 ? void 0 : customer.code) === 'not_found') {
+        console.warn('customer not found');
+      }
+      else if (customer) {
+        index$1.state.customer = customer;
+        if (this.id) {
+          if (this.id === 'maleri') {
+            index$1.state.maleri = true;
+            index$1.state.step = 4;
           }
-          else if (this.slug && !this.slugIsOldFormat(this.slug)) {
-            this.loadCategoryOrProduct(this.slug);
+          else {
+            this.loadCategoryOrProduct(this.id);
           }
         }
       }
-      catch (error) {
-        console.warn('customer not found');
-      }
-    }
-    if ((tree === null || tree === void 0 ? void 0 : tree.code) === 'not_found') ;
-    else if (tree) {
-      this.tree = tree;
     }
-    if ((res === null || res === void 0 ? void 0 : res.code) === 'not_found') {
-      console.log('taxonomy not found');
-    }
-    else if (res) {
-      this.setTaxonomy(res);
-      if ((res === null || res === void 0 ? void 0 : res.post_type) === 'ikea_product') {
-        this.product = res;
-      }
-    }
-    if (this.loadFromQuery) {
-      const params = new URL(document.location.toString()).searchParams;
-      this.id = params.get('id');
-      if (!this.isDemo) {
-        this.openModal();
-      }
-    }
-    state.rotOptions = rot;
-    state.rutOptions = rut;
-    state.greenOptions = greenDiscount;
-    state.options = options;
-  }
-  setTaxonomy(taxonomy) {
-    if (taxonomy) {
-      if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.taxonomy) === 'service_cat') {
-        state.selectedCategory = taxonomy;
-        state.step = 2;
-      }
-      else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'service') {
-        state.selectedService = taxonomy;
-        state.selectedCategory = this.tree.sub_cats.find(c => c.services.find(s => s.ID === taxonomy.ID));
-        state.step = 3;
-      }
-      else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'ikea_product') {
-        state.selectedProduct = taxonomy;
-        state.selectedService = this.tree.sub_cats
-          .map(c => c.services)
-          .flat()
-          .find(s => s.products.find(p => p.ID === state.selectedProduct.ID));
-        state.selectedCategory = this.tree.sub_cats.find(c => c.services.find(s => s.ID === state.selectedService.ID));
-        state.step = 4;
-      }
-      this.triggerScrollTotop();
+    catch (error) {
+      console.warn('customer not found');
     }
+    index$1.state.rotOptions = rot;
+    index$1.state.rutOptions = rut;
+    index$1.state.greenOptions = greenDiscount;
+    index$1.state.options = options;
   }
   // Open close modal && click outside event
   openModal() {
@@ -1097,8 +710,6 @@ const HemfixarnaComponent = class {
     }, 200);
   }
   handleClick(e) {
-    if (this.loadFromQuery && !this.isDemo)
-      return;
     if ((e === null || e === void 0 ? void 0 : e.composedPath()[0]).classList.contains('hemfixarna_backdrop')) {
       this.closeModal();
     }
@@ -1106,29 +717,26 @@ const HemfixarnaComponent = class {
     if (infomodal) {
       const isClickInside = infomodal.contains(e.composedPath()[0]);
       if (!isClickInside) {
-        state.modal = null;
+        index$1.state.modal = null;
       }
     }
   }
   getCartLength() {
-    return state.cart.reduce((acc, curr) => acc + curr.amount, 0);
+    return index$1.state.cart.reduce((acc, curr) => acc + curr.amount, 0);
   }
   render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const logo = index.getAssetPath(`./assets/hemfixarna.svg`);
     const pensel = index.getAssetPath(`./assets/pensel.svg`);
     const monteringLogo = index.getAssetPath(`./assets/montering.svg`);
-    const navBackground = ((_a = this.nav) === null || _a === void 0 ? void 0 : _a.background) ? index.getAssetPath(this.nav.background) : '';
-    const navLogo = ((_b = this.nav) === null || _b === void 0 ? void 0 : _b.logo) ? index.getAssetPath(this.nav.logo) : '';
-    return (index.h("div", { class: `hemfixarna ${this.loadFromQuery ? 'hemfixarna_standalone' : ''}` }, this.loadFromQuery && !this.isDemo && this.nav ? (index.h("nav", { class: "hemfixarna_nav", style: { backgroundColor: (_c = this.nav.backgroundColor) !== null && _c !== void 0 ? _c : '' } }, index.h("div", null, index.h("div", { class: "hemfixarna_nav--logos" }, index.h("a", { href: this.nav.url, target: "_blank" }, index.h("img", { class: "hemfixarna_partnerlogo", src: navLogo, alt: `${this.business} logo` })), index.h("a", { href: "https://hemfixarna.se/", target: "_blank" }, index.h("p", { class: navBackground || this.nav.backgroundColor ? 'with-bg' : '' }, "I samarbete med:"), index.h("img", { src: logo, alt: "hemfixarna_logo", width: 104 }))), index.h("div", { class: "hemfixarna_nav--links" }, index.h("a", { href: this.nav.url, target: "_blank" }, "Till ", this.business), index.h("a", { href: "https://www.hemfixarna.se/", target: "_blank" }, "Till Hemfixarna")), navBackground ? index.h("img", { src: navBackground, class: "nav_background", alt: "nav_background" }) : null))) : null, !this.loadFromQuery || this.isDemo ? (index.h("div", { class: `hemfixarna_box hemfixarna_box--${this.widgetStyle}` }, [WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) ? (index.h("img", { src: this.id === 'maleri' ? pensel : monteringLogo, alt: "montering logo", width: 32, height: 32 })) : null, index.h("div", null, index.h("div", null, index.h("p", { onClick: () => this.openModal(), class: `pointer ${[WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) && state.selectedProduct ? 'underline' : ''}` }, this.id === 'maleri' ? (index.h("span", null, "Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r")) : (index.h(index.Fragment, null, !state.selectedCustomerCategory && !this.product && !this.proppedProduct ? (index.h(index.Fragment, null, ((_d = state.customer) === null || _d === void 0 ? void 0 : _d.widget_title) ? (index.h("span", null, state.customer.widget_title)) : (index.h("span", null, "Montering/Installation - ", index.h("strong", { class: "underline" }, "se priser h\u00E4r"))))) : (index.h(index.Fragment, null, ((_e = this.product) === null || _e === void 0 ? void 0 : _e.title) || ((_f = this.proppedProduct) === null || _f === void 0 ? void 0 : _f.title) || ((_g = state.selectedCustomerCategory) === null || _g === void 0 ? void 0 : _g.widget_title) || (index.h("span", null, "Montering", index.h("wbr", null), "/Installation ", (_j = (_h = state.selectedCustomerCategory) === null || _h === void 0 ? void 0 : _h.name) !== null && _j !== void 0 ? _j : 'på plats', " - ", index.h("strong", { class: "underline" }, "se priser h\u00E4r"))), (this.product && ((_k = this.slug) === null || _k === void 0 ? void 0 : _k.includes('product'))) || (this.proppedProduct && !((_l = this.product) === null || _l === void 0 ? void 0 : _l.invoice) && !((_m = this.proppedProduct) === null || _m === void 0 ? void 0 : _m.invoice)) ? (index.h("span", null, ' från', " ", index.h("strong", null, getProductPriceWithRotAndRut(this.proppedProduct || this.product), "kr"))) : null)))))), this.widgetStyle === WidgetStyle.standard ? index.h("img", { src: logo, width: 104 }) : null, this.widgetStyle === WidgetStyle.alternative ? (index.h("span", { class: "p-s" }, "Utf\u00F6rs av ", index.h("strong", null, "Hemfixarna"))) : null), [WidgetStyle.standard, WidgetStyle.alternative].includes(this.widgetStyle) ? (index.h("button", { onClick: () => this.openModal(), class: "hemfixarna_btn", style: {
-        color: ((_o = this.buttonColor) === null || _o === void 0 ? void 0 : _o.startsWith('#')) || !((_p = this.buttonColor) === null || _p === void 0 ? void 0 : _p.length) ? this.buttonColor : `#${this.buttonColor}`,
-        backgroundColor: ((_q = this.buttonBg) === null || _q === void 0 ? void 0 : _q.startsWith('#')) || !((_r = this.buttonBg) === null || _r === void 0 ? void 0 : _r.length) ? this.buttonBg : `#${this.buttonBg}`,
-      } }, "Best\u00E4ll h\u00E4r", this.getCartLength() > 0 && index.h("span", null, this.getCartLength()))) : null, WidgetStyle.alternative_2 === this.widgetStyle ? (index.h("div", { class: "hemfixarna_altbtn" }, index.h("strong", { class: "p-s" }, "Utf\u00F6rs av"), index.h("img", { src: logo, alt: "hemfixarna logo", width: 98 }))) : null)) : null, this.modal && (index.h("div", null, index.h("div", { class: `hemfixarna_modal ${this.showModal ? 'hemfixarna_modal--open' : ''}` }, state.modal && (index.h("div", { class: "hemfixarna_infomodal" }, state.modal.title && index.h("h2", null, state.modal.title), state.modal.text.map((t) => (index.h("p", { innerHTML: t }))), index.h("div", null, index.h("button", { onClick: () => (state.modal = null) }, "St\u00E4ng")))), (this.tree || state.customer) && (index.h("hemfixarna-breadcrumbs", { isDemo: this.isDemo, loadFromQuery: this.loadFromQuery, closeModal: () => this.closeModal(), tree: this.tree })), !state.customer || this.slugIsOldFormat(this.slug) ? (index.h("div", { class: `hemfixarna_content hemfixarna_content--${state.step}` }, state.step === 1 && this.tree && index.h("hemfixarna-start", { tree: this.tree }), state.step === 2 && state.selectedCategory && index.h("hemfixarna-category", null), state.step === 3 && state.selectedService && index.h("hemfixarna-service", null), state.step === 4 && state.selectedProduct && index.h("hemfixarna-product", null), state.step === 5 && index.h("hemfixarna-cart", { tree: this.tree }), state.step === 6 && index.h("hemfixarna-order", { tree: this.tree }))) : (index.h("div", { class: `hemfixarna_content hemfixarna_content--${state.step} ${state.step === 4 && state.maleri ? 'hemfixarna_content--painting' : ''}` }, state.step < 4 && index.h("hemfixarna-start", null), state.step === 4 && index.h("hemfixarna-product", null), state.step === 5 && index.h("hemfixarna-cart", { tree: this.tree }), state.step === 6 && index.h("hemfixarna-order", { tree: this.tree })))), !this.isDemo ? index.h("div", { class: `hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}` }) : null))));
+    return (index.h("div", { class: "hemfixarna" }, index.h("div", { class: `hemfixarna_box hemfixarna_box--${this.widgetStyle}` }, [index$2.WidgetStyle.alternative_2, index$2.WidgetStyle.alternative_3].includes(this.widgetStyle) ? (index.h("img", { src: this.id === 'maleri' ? pensel : monteringLogo, alt: "montering logo", width: 32, height: 32 })) : null, index.h("div", null, index.h("div", null, index.h("p", { onClick: () => this.openModal(), class: `pointer ${[index$2.WidgetStyle.alternative_2, index$2.WidgetStyle.alternative_3].includes(this.widgetStyle) && index$1.state.selectedProduct ? 'underline' : ''}` }, this.id === 'maleri' ? (index.h("span", null, "Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r")) : (index.h(index.Fragment, null, !index$1.state.selectedCustomerCategory && !this.product && !this.proppedProduct ? (index.h(index.Fragment, null, ((_a = index$1.state.customer) === null || _a === void 0 ? void 0 : _a.widget_title) ? (index.h("span", null, index$1.state.customer.widget_title)) : (index.h("span", null, "Montering/Installation - ", index.h("strong", { class: "underline" }, "se priser h\u00E4r"))))) : (index.h(index.Fragment, null, ((_b = this.product) === null || _b === void 0 ? void 0 : _b.title) || ((_c = this.proppedProduct) === null || _c === void 0 ? void 0 : _c.title) || ((_d = index$1.state.selectedCustomerCategory) === null || _d === void 0 ? void 0 : _d.widget_title) || (index.h("span", null, "Montering", index.h("wbr", null), "/Installation ", (_f = (_e = index$1.state.selectedCustomerCategory) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : 'på plats', " - ", index.h("strong", { class: "underline" }, "se priser h\u00E4r"))), this.proppedProduct && !((_g = this.product) === null || _g === void 0 ? void 0 : _g.invoice) && !((_h = this.proppedProduct) === null || _h === void 0 ? void 0 : _h.invoice) ? (index.h("span", null, ' från', " ", index.h("strong", null, getProductPriceWithRotAndRut(this.proppedProduct || this.product), "kr"))) : null)))))), this.widgetStyle === index$2.WidgetStyle.standard ? index.h("img", { src: logo, width: 104 }) : null, this.widgetStyle === index$2.WidgetStyle.alternative ? (index.h("span", { class: "p-s" }, "Utf\u00F6rs av ", index.h("strong", null, "Hemfixarna"))) : null), [index$2.WidgetStyle.standard, index$2.WidgetStyle.alternative].includes(this.widgetStyle) ? (index.h("button", { onClick: () => this.openModal(), class: "hemfixarna_btn", style: {
+        color: ((_j = this.buttonColor) === null || _j === void 0 ? void 0 : _j.startsWith('#')) || !((_k = this.buttonColor) === null || _k === void 0 ? void 0 : _k.length) ? this.buttonColor : `#${this.buttonColor}`,
+        backgroundColor: ((_l = this.buttonBg) === null || _l === void 0 ? void 0 : _l.startsWith('#')) || !((_m = this.buttonBg) === null || _m === void 0 ? void 0 : _m.length) ? this.buttonBg : `#${this.buttonBg}`,
+      } }, "Best\u00E4ll h\u00E4r", this.getCartLength() > 0 && index.h("span", null, this.getCartLength()))) : null, index$2.WidgetStyle.alternative_2 === this.widgetStyle ? (index.h("div", { class: "hemfixarna_altbtn" }, index.h("strong", { class: "p-s" }, "Utf\u00F6rs av"), index.h("img", { src: logo, alt: "hemfixarna logo", width: 98 }))) : null), this.modal && (index.h("div", null, index.h("div", { class: `hemfixarna_modal ${this.showModal ? 'hemfixarna_modal--open' : ''}` }, index$1.state.modal && (index.h("div", { class: "hemfixarna_infomodal" }, index$1.state.modal.title && index.h("h2", null, index$1.state.modal.title), index$1.state.modal.text.map((t) => (index.h("p", { innerHTML: t }))), index.h("div", null, index.h("button", { onClick: () => (index$1.state.modal = null) }, "St\u00E4ng")))), index$1.state.customer && index.h("hemfixarna-breadcrumbs", { closeModal: () => this.closeModal() }), index.h("div", { class: `hemfixarna_content hemfixarna_content--${index$1.state.step} ${index$1.state.step === 4 && index$1.state.maleri ? 'hemfixarna_content--painting' : ''}` }, index$1.state.step < 4 && index.h("hemfixarna-start", null), index$1.state.step === 4 && index.h("hemfixarna-product", null), index$1.state.step === 5 && index.h("hemfixarna-cart", null), index$1.state.step === 6 && index.h("hemfixarna-order", null))), index.h("div", { class: `hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}` })))));
   }
   static get assetsDirs() { return ["assets"]; }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "slug": ["watchSlugChange"],
     "id": ["watchIdChange"]
   }; }
 };
@@ -1146,7 +754,7 @@ const HemfixarnaInfo$1 = class {
 
 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$i = class {
+const MyComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.debounce = null;
@@ -1156,11 +764,13 @@ const MyComponent$i = class {
     this.tooltipText = 'Kopiera till urklipp';
     this.tree = null;
     this.customer = null;
-    this.widgetStyle = WidgetStyle.standard;
+    this.widgetStyle = index$2.WidgetStyle.standard;
     this.buttonBg = '';
     this.buttonColor = '';
     this.partner = undefined;
     this.colorAccessibility = undefined;
+    this.loggedIn = false;
+    this.loginError = false;
   }
   debouncedFunction() {
     if (this.debounce !== null) {
@@ -1177,25 +787,22 @@ const MyComponent$i = class {
     const defaultBgColor = '#c84e18';
     const firstColor = this.buttonBg.length ? (this.buttonBg.startsWith('#') ? this.buttonBg : `#${this.buttonBg}`) : defaultBgColor;
     const secondColor = this.buttonColor.length ? (this.buttonColor.startsWith('#') ? this.buttonColor : `#${this.buttonColor}`) : defaultTextColor;
-    fetch('https://www.aremycolorsaccessible.com/api/are-they', {
-      mode: 'cors',
-      method: 'POST',
-      body: JSON.stringify({ colors: [firstColor, secondColor] }),
-    })
-      .then(response => response.json())
-      .then(json => {
+    try {
+      const response = await fetch('https://www.aremycolorsaccessible.com/api/are-they', {
+        mode: 'cors',
+        method: 'POST',
+        body: JSON.stringify({ colors: [firstColor, secondColor] }),
+      });
+      if (!response) {
+        throw new Error('Network response was not ok');
+      }
+      const json = await response.json();
       if (json && (json)) {
         this.colorAccessibility = json;
       }
-    });
-    // Your color accessibility logic here
-  }
-  getTopLevelCategory() {
-    switch (process.env.BUSINESS) {
-      case Business.byggmax:
-        return TopCategory.byggmax;
-      default:
-        return '';
+    }
+    catch (error) {
+      console.warn('Error fetching color accessibility:', error);
     }
   }
   getColor(rating) {
@@ -1213,25 +820,20 @@ const MyComponent$i = class {
     }
   }
   async componentWillLoad() {
-    var _a;
-    if (process.env.FORCE_OLD_TREE) {
-      const tree = await getTaxonomy(this.getTopLevelCategory());
-      if ((tree === null || tree === void 0 ? void 0 : tree.code) === 'not_found') ;
-      else if (tree) {
-        this.tree = tree;
-      }
-    }
-    else {
-      const partner = window.location.pathname.replace('/', '');
-      this.partner = isBusiness(partner) ? partner : (_a = process.env.BUSINESS) !== null && _a !== void 0 ? _a : Business.kund;
-      const customer = await getCustomer(this.partner);
-      if (customer.code !== 'not_found' && customer) {
-        this.customer = customer;
+    const partner = window.location.pathname.replace('/', '');
+    if (!isBusiness(partner) && partner)
+      return;
+    this.partner = partner ? partner : index$2.Business.kund;
+    const customer = await getCustomer(this.partner);
+    if (customer.code !== 'not_found' && customer) {
+      this.customer = customer;
+      if (!this.customer.password_protected || window.localStorage.getItem(`${this.customer.ID}-loggedin`)) {
+        this.loggedIn = true;
       }
     }
   }
   getExample() {
-    return `<hemfixarna-${this.partner}${this.selectedSlug ? ` slug="${this.selectedSlug}" ` : ''}${this.selectedID ? ` id="${this.selectedID}" ` : ''} ${this.widgetStyle === WidgetStyle.standard ? '' : `widget-style="${this.widgetStyle}"`} ${this.buttonColor.length ? `button-color="${this.buttonColor}"` : ''} ${this.buttonBg.length ? `button-bg="${this.buttonBg}"` : ''}></hemfixarna-${this.partner}>`;
+    return `<hemfixarna-component business="${this.partner}"${this.selectedSlug ? ` slug="${this.selectedSlug}" ` : ''}${this.selectedID ? ` id="${this.selectedID}" ` : ''} ${this.widgetStyle === index$2.WidgetStyle.standard ? '' : `widget-style="${this.widgetStyle}"`} ${this.buttonColor.length ? `button-color="${this.buttonColor}"` : ''} ${this.buttonBg.length ? `button-bg="${this.buttonBg}"` : ''}></hemfixarna-component>`;
   }
   copyExample() {
     navigator.clipboard.writeText(this.getExample());
@@ -1259,100 +861,59 @@ const MyComponent$i = class {
     const allCategories = (_a = this.customer) === null || _a === void 0 ? void 0 : _a.categories.map(c => (c.sub_categories ? c.sub_categories : c)).flat();
     return allCategories === null || allCategories === void 0 ? void 0 : allCategories.some(c => c.add_painting);
   }
+  async handleLogin() {
+    const shadowHost = document.querySelector('hemfixarna-demo');
+    const shadowRoot = shadowHost.shadowRoot;
+    const passwordInput = shadowRoot.querySelector('input[type="password"]');
+    const password = passwordInput.value;
+    this.loginError = false;
+    try {
+      const status = await loginCustomer({ id: this.customer.ID, password: password });
+      if (status === 200) {
+        this.loggedIn = true;
+        window.localStorage.setItem(`${this.customer.ID}-loggedin`, 'true');
+      }
+      else {
+        this.loginError = true;
+      }
+    }
+    catch (error) {
+      console.log(error);
+      this.loginError = true;
+    }
+  }
   render() {
     var _a;
     const copy = index.getAssetPath(`./assets/copy.png`);
-    return (index.h("div", { class: ((_a = this.customer) === null || _a === void 0 ? void 0 : _a.at_hemfixarna) ? 'hemfixarna_hosted' : '' }, index.h("div", { class: "hemfixarna_scripts" }, index.h("div", { onClick: () => this.copyExample(), class: "hemfixarna_example" }, index.h("p", null, this.getExample()), index.h("img", { src: copy, height: 20 }), index.h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText)), this.partner === Business.byggmax && (index.h("hemfixarna-byggmax", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, forceOldTree: Boolean(process.env.FORCE_OLD_TREE), slug: this.selectedSlug, id: this.selectedID })), this.partner === Business.skanska && index.h("hemfixarna-skanska", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.sparfonster && (index.h("hemfixarna-sparfonster", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.string && (index.h("hemfixarna-string-furniture", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.hornbach && (index.h("hemfixarna-hornbach", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.traningspartner && (index.h("hemfixarna-traningspartner", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.superfront && (index.h("hemfixarna-superfront", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.zaptec && (index.h("hemfixarna-zaptec", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.tesla && (index.h("hemfixarna-tesla", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.forebygg && (index.h("hemfixarna-forebygg", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.doro && index.h("hemfixarna-doro", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.elfa && index.h("hemfixarna-elfa", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.kbygg && (index.h("hemfixarna-kbygg", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.fargvaruhuset && (index.h("hemfixarna-fargvaruhuset", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.norrgavel && (index.h("hemfixarna-norrgavel", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.klint && index.h("hemfixarna-klint", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.flyttsmart && (index.h("hemfixarna-flyttsmart", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.power && index.h("hemfixarna-power", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.kund && index.h("hemfixarna-kund", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), index.h("div", { class: "hemfixarna_install" }, index.h("div", { onClick: () => this.copyCdn(), class: "hemfixarna_example" }, index.h("p", null, this.cdnLink), index.h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText), index.h("img", { src: copy, height: 20 }))), index.h("div", { class: "hemfixarna_widgetstyles" }, index.h("h5", null, "Widget styles"), index.h("div", null, Object.values(WidgetStyle).map(style => (index.h("label", { key: style }, index.h("input", { type: "radio", value: style, checked: this.widgetStyle === style, onChange: () => (this.widgetStyle = style) }), style)))), index.h("div", null, index.h("div", null, index.h("h5", null, "Button background color"), index.h("input", { type: "text", value: this.buttonBg, onInput: e => (this.buttonBg = e.target.value) })), index.h("div", null, index.h("h5", null, "Button text color"), index.h("input", { type: "text", value: this.buttonColor, onInput: e => (this.buttonColor = e.target.value) })))), index.h("span", null, "Write an hexa code no # needed"), this.colorAccessibility ? (index.h("div", null, index.h("h5", null, "Tillg\u00E4nglighetsrapport"), index.h("div", null, index.h("strong", null, "Liten text:"), index.h("span", { style: { color: this.getColor(this.colorAccessibility.small) } }, this.colorAccessibility.small), index.h("br", null), index.h("strong", null, "Fet text:"), index.h("span", { style: { color: this.getColor(this.colorAccessibility.bold) } }, this.colorAccessibility.bold), index.h("br", null), index.h("strong", null, "Stor text:"), index.h("span", { style: { color: this.getColor(this.colorAccessibility.large) } }, this.colorAccessibility.large), index.h("br", null), index.h("strong", null, "Kontrastf\u00F6rh\u00E5llande:"), " ", this.colorAccessibility.contrast))) : null), index.h("ul", { class: "hemfixarna_categories" }, this.customer ? (index.h("div", null, this.customer.logo ? (index.h("div", { style: { width: '100%', display: 'flex', justifyContent: 'center' } }, index.h("img", { style: { maxWidth: '250px', height: 'auto', margin: '0 auto 2rem' }, src: this.customer.logo.url, alt: this.customer.post_title }))) : null, this.showMaleri() ? (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, index.h("div", null, index.h("p", null, "M\u00E5leriverktyget"), index.h("span", null, "maleri")), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText('maleri') }, "Kopiera ID"), this.customer.at_hemfixarna ? (index.h("button", { onClick: () => { var _a; return navigator.clipboard.writeText(`${(_a = "https://hemfixarna.se") !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=maleri`); } }, "Kopiera URL")) : (index.h("button", { onClick: () => (this.selectedID = 'maleri') }, "Ladda m\u00E5leri")))))) : null, this.customer.categories.map(c => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, index.h("div", null, index.h("p", null, c.name), index.h("span", null, `c-${c.id}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`c-${c.id}`) }, "Kopiera ID"), this.customer.at_hemfixarna ? (index.h("button", { onClick: () => { var _a; return navigator.clipboard.writeText(`${(_a = "https://hemfixarna.se") !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=c-${c.id}`); } }, "Kopiera URL")) : (index.h("button", { onClick: () => (this.selectedID = `c-${c.id}`) }, "Ladda kategori")))), c.show_products && c.products ? (index.h("ul", null, c.products.map(p => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_product--label" }, index.h("div", null, index.h("p", null, p.fields.title), index.h("span", null, p.fields.ID)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, "Kopiera ID"), this.customer.at_hemfixarna ? (index.h("button", { onClick: () => { var _a; return navigator.clipboard.writeText(`${(_a = "https://hemfixarna.se") !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=${p.fields.ID}`); } }, "Kopiera URL")) : (index.h("button", { onClick: () => (this.selectedID = String(p.fields.ID)) }, "Ladda produkt"))))))))) : (index.h("ul", null, c.sub_categories &&
-      c.sub_categories.map(sc => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label" }, index.h("div", null, index.h("p", null, sc.name), index.h("span", null, `c-${sc.id}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`c-${sc.id}`) }, "Kopiera ID"), this.customer.at_hemfixarna ? (index.h("button", { onClick: () => { var _a; return navigator.clipboard.writeText(`${(_a = "https://hemfixarna.se") !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=c-${c.id}`); } }, "Kopiera URL")) : (index.h("button", { onClick: () => (this.selectedID = `c-${sc.id}`) }, "Ladda kategori")))), index.h("ul", null, sc.products.map(p => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_product--label" }, index.h("div", null, index.h("p", null, p.fields.title), index.h("span", null, p.fields.ID)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, "Kopiera ID"), this.customer.at_hemfixarna ? (index.h("button", { onClick: () => { var _a; return navigator.clipboard.writeText(`${(_a = "https://hemfixarna.se") !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=${p.fields.ID}`); } }, "Kopiera URL")) : (index.h("button", { onClick: () => (this.selectedID = String(p.fields.ID)) }, "Ladda produkt")))))))))))))))))) : this.tree ? (index.h("div", null, this.tree.sub_cats.map(c => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, index.h("div", null, index.h("p", null, c.name), index.h("span", null, `category/${c.slug}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`category/${c.slug}`) }, "Kopiera slug"), index.h("button", { onClick: () => (this.selectedSlug = `category/${c.slug}`) }, "Ladda kategori"))), index.h("ul", null, c.services.map(sc => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label" }, index.h("div", null, index.h("p", null, sc.post_title), index.h("span", null, `service/${sc.post_name}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`service/${sc.post_name}`) }, "Kopiera slug"), index.h("button", { onClick: () => (this.selectedSlug = `service/${sc.post_name}`) }, "Ladda kategori"))), index.h("ul", null, sc.products.map(sc => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label" }, index.h("div", null, index.h("p", null, sc.post_title), index.h("span", null, `product/${sc.post_name}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`product/${sc.post_name}`) }, "Kopiera slug"), index.h("button", { onClick: () => (this.selectedSlug = `product/${sc.post_name}`) }, "Ladda produkt")))))))))))))))) : null)));
+    return this.customer ? (index.h(index.Fragment, null, this.loggedIn ? (index.h("div", { class: ((_a = this.customer) === null || _a === void 0 ? void 0 : _a.at_hemfixarna) ? 'hemfixarna_hosted' : '' }, index.h("div", { class: "hemfixarna_scripts" }, index.h("div", { onClick: () => this.copyExample(), class: "hemfixarna_example" }, index.h("p", null, this.getExample()), index.h("img", { src: copy, height: 20 }), index.h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText)), index.h("hemfixarna-component", { business: this.partner, buttonBg: this.buttonBg, buttonColor: this.buttonColor, widgetStyle: this.widgetStyle, id: this.selectedID }), index.h("div", { class: "hemfixarna_install" }, index.h("div", { onClick: () => this.copyCdn(), class: "hemfixarna_example" }, index.h("p", null, this.cdnLink), index.h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText), index.h("img", { src: copy, height: 20 }))), index.h("div", { class: "hemfixarna_widgetstyles" }, index.h("h5", null, "Widget styles"), index.h("div", null, Object.values(index$2.WidgetStyle).map(style => (index.h("label", { key: style }, index.h("input", { type: "radio", value: style, checked: this.widgetStyle === style, onChange: () => (this.widgetStyle = style) }), style)))), index.h("div", null, index.h("div", null, index.h("h5", null, "Button background color"), index.h("input", { type: "text", value: this.buttonBg, onInput: e => (this.buttonBg = e.target.value) })), index.h("div", null, index.h("h5", null, "Button text color"), index.h("input", { type: "text", value: this.buttonColor, onInput: e => (this.buttonColor = e.target.value) })))), index.h("span", null, "Write an hexa code no # needed"), this.colorAccessibility ? (index.h("div", null, index.h("h5", null, "Tillg\u00E4nglighetsrapport"), index.h("div", null, index.h("strong", null, "Liten text:"), index.h("span", { style: { color: this.getColor(this.colorAccessibility.small) } }, this.colorAccessibility.small), index.h("br", null), index.h("strong", null, "Fet text:"), index.h("span", { style: { color: this.getColor(this.colorAccessibility.bold) } }, this.colorAccessibility.bold), index.h("br", null), index.h("strong", null, "Stor text:"), index.h("span", { style: { color: this.getColor(this.colorAccessibility.large) } }, this.colorAccessibility.large), index.h("br", null), index.h("strong", null, "Kontrastf\u00F6rh\u00E5llande:"), " ", this.colorAccessibility.contrast))) : null), index.h("ul", { class: "hemfixarna_categories" }, index.h("div", null, this.customer.logo ? (index.h("div", { style: { width: '100%', display: 'flex', justifyContent: 'center' } }, index.h("img", { style: { maxWidth: '250px', height: 'auto', margin: '0 auto 2rem' }, src: this.customer.logo.url, alt: this.customer.post_title }))) : null, this.showMaleri() ? (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, index.h("div", null, index.h("p", null, "M\u00E5leriverktyget"), index.h("span", null, "maleri")), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText('maleri') }, "Kopiera ID"), this.customer.at_hemfixarna ? (index.h("button", { onClick: () => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=maleri`) }, "Kopiera URL")) : (index.h("button", { onClick: () => (this.selectedID = 'maleri') }, "Ladda m\u00E5leri")))))) : null, this.customer.categories.map(c => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, index.h("div", null, index.h("p", null, c.name), index.h("span", null, `c-${c.id}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`c-${c.id}`) }, "Kopiera ID"), this.customer.at_hemfixarna ? (index.h("button", { onClick: () => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=c-${c.id}`) }, "Kopiera URL")) : (index.h("button", { onClick: () => (this.selectedID = `c-${c.id}`) }, "Ladda kategori")))), c.show_products && c.products ? (index.h("ul", null, c.products.map(p => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_product--label" }, index.h("div", null, index.h("p", null, p.fields.title), index.h("span", null, p.fields.ID)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, "Kopiera ID"), this.customer.at_hemfixarna ? (index.h("button", { onClick: () => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=${p.fields.ID}`) }, "Kopiera URL")) : (index.h("button", { onClick: () => (this.selectedID = String(p.fields.ID)) }, "Ladda produkt"))))))))) : (index.h("ul", null, c.sub_categories &&
+      c.sub_categories.map(sc => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label" }, index.h("div", null, index.h("p", null, sc.name), index.h("span", null, `c-${sc.id}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`c-${sc.id}`) }, "Kopiera ID"), this.customer.at_hemfixarna ? (index.h("button", { onClick: () => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=c-${c.id}`) }, "Kopiera URL")) : (index.h("button", { onClick: () => (this.selectedID = `c-${sc.id}`) }, "Ladda kategori")))), index.h("ul", null, sc.products.map(p => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_product--label" }, index.h("div", null, index.h("p", null, p.fields.title), index.h("span", null, p.fields.ID)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, "Kopiera ID"), this.customer.at_hemfixarna ? (index.h("button", { onClick: () => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=${p.fields.ID}`) }, "Kopiera URL")) : (index.h("button", { onClick: () => (this.selectedID = String(p.fields.ID)) }, "Ladda produkt")))))))))))))))))))) : (index.h("div", null, index.h("form", { onSubmit: e => {
+        e.preventDefault();
+        this.handleLogin();
+      }, style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '1rem',
+        maxWidth: '300px',
+        margin: 'auto',
+        padding: '20px',
+        border: '1px solid #ccc',
+        borderRadius: '5px',
+        gridColumn: 'span 2',
+      } }, index.h("input", { type: "password", placeholder: "L\u00F6senord" }), index.h("button", { type: "submit" }, "Logga in"), this.loginError && index.h("span", null, "Fel l\u00F6senord")))))) : (index.h("h1", { style: {
+        textAlign: 'center',
+        margin: 'auto',
+        padding: '20px',
+        fontSize: '24px',
+        fontWeight: 'bold',
+        color: 'red',
+      } }, "No customer found"));
   }
   static get watchers() { return {
     "buttonBg": ["debouncedFunction"],
     "buttonColor": ["debouncedFunction"]
   }; }
 };
-MyComponent$i.style = hemfixarnaDemoCss;
-
-const hemfixarnaDoroCss = "";
-
-const MyComponent$h = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.doro }));
-  }
-};
-MyComponent$h.style = hemfixarnaDoroCss;
-
-const hemfixarnaElfaCss = "";
-
-const MyComponent$g = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = 'true';
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-    this.isDemo = false;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, nav: { url: 'https://elfa.com', logo: 'assets/elfa.png' }, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.elfa, isDemo: this.isDemo }));
-  }
-};
-MyComponent$g.style = hemfixarnaElfaCss;
-
-const MyComponent$f = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-    this.isDemo = false;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.fargvaruhuset, isDemo: this.isDemo }));
-  }
-};
-
-const MyComponent$e = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-    this.isDemo = false;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.flyttsmart, isDemo: this.isDemo }));
-  }
-};
-
-const hemfixarnaForebyggCss = "";
-
-const MyComponent$d = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.forebygg }));
-  }
-};
-MyComponent$d.style = hemfixarnaForebyggCss;
+MyComponent.style = hemfixarnaDemoCss;
 
 // src/errors.ts
 var PersonnummerError = class extends Error {
@@ -1988,8 +1549,7 @@ exports.MD5 = {
 });
 
 const apiSearch = async (query) => {
-  var _a;
-  const res = await fetch((_a = "https://hemfixare-lookup.vercel.app/api") !== null && _a !== void 0 ? _a : 'https://hemfixare-lookup.vercel.app/api', {
+  const res = await fetch(getCreditSafeApiUrl(), {
     method: 'POST',
     headers: {
       'Content-Type': 'application/json',
@@ -2041,9 +1601,9 @@ const HemfixarnaGetuser = class {
         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 });
+            index$1.state.creditSafeUser = creditSafeData;
+            index$1.state.checkoutStep = 2;
+            index$1.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';
@@ -2070,48 +1630,30 @@ const HemfixarnaGetuser = class {
     this.ssnError = null;
   }
   componentWillLoad() {
-    if (state.user) {
-      this.email = state.user.email;
-      this.phone = state.user.phone;
-      this.ssn = state.user.ssn;
+    if (index$1.state.user) {
+      this.email = index$1.state.user.email;
+      this.phone = index$1.state.user.phone;
+      this.ssn = index$1.state.user.ssn;
     }
   }
   get el() { return index.getElement(this); }
 };
 
-const hemfixarnaHornbachCss = "";
-
-const MyComponent$c = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = 'true';
-    this.isDemo = false;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, nav: { url: 'https://www.hornbach.se/', logo: 'assets/hornbach/logo.svg', background: './assets/hornbach/nav.jpg' }, isDemo: this.isDemo, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.hornbach }));
-  }
-};
-MyComponent$c.style = hemfixarnaHornbachCss;
-
 const HemfixarnaInfo = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.logo = index.getAssetPath(`./assets/hemfixarna.svg`);
   }
   render() {
-    var _a;
+    var _a, _b;
     const checked = index.getAssetPath(`./assets/checked.svg`);
-    return (index.h("div", { class: "hemfixarna_info" }, state.step < 5 ? (index.h(index.Fragment, null, index.h("h2", null, state.customer.info_title), index.h("p", null, state.customer.info_text))) : (index.h("h2", null, state.customer.checkout_title)), index.h("ul", { class: "hemfixarna_features" }, state.step < 5 ? (index.h(index.Fragment, null, ((_a = state.customer.trust_badges) === null || _a === void 0 ? void 0 : _a.length) ? (index.h(index.Fragment, null, state.customer.trust_badges.map(l => (index.h("li", { key: l.text }, index.h("img", { src: checked, alt: "checked" }), index.h("p", null, l.text)))))) : (index.h(index.Fragment, null, state.options.trust.map(l => (index.h("li", { key: l.trust_badge }, index.h("img", { src: checked, alt: "checked" }), index.h("p", null, l.trust_badge)))))))) : (index.h(index.Fragment, null, state.customer.checkout_trust_badges.map(l => (index.h("li", { key: l.text }, index.h("img", { src: checked, alt: "checked" }), index.h("p", null, l.text))))))), index.h("img", { src: this.logo, width: 200, alt: "hemfixarna" }), index.h("a", { class: "hemfixarna_product--link", target: "_blank", href: state.options.link.url }, state.options.link.title)));
+    return (index.h("div", { class: "hemfixarna_info" }, index$1.state.step < 5 ? (index.h(index.Fragment, null, index.h("h2", null, index$1.state.customer.info_title), index.h("p", null, index$1.state.customer.info_text))) : (index.h("h2", null, index$1.state.customer.checkout_title)), index.h("ul", { class: "hemfixarna_features" }, index$1.state.step < 5 ? (index.h(index.Fragment, null, ((_a = index$1.state.customer.trust_badges) === null || _a === void 0 ? void 0 : _a.length) ? (index.h(index.Fragment, null, index$1.state.customer.trust_badges.map(l => (index.h("li", { key: l.text }, index.h("img", { src: checked, alt: "checked" }), index.h("p", null, l.text)))))) : (index.h(index.Fragment, null, index$1.state.options.trust.map(l => (index.h("li", { key: l.trust_badge }, index.h("img", { src: checked, alt: "checked" }), index.h("p", null, l.trust_badge)))))))) : (index.h(index.Fragment, null, (_b = index$1.state.customer.checkout_trust_badges) === null || _b === void 0 ? void 0 : _b.map(l => (index.h("li", { key: l.text }, index.h("img", { src: checked, alt: "checked" }), index.h("p", null, l.text))))))), index.h("img", { src: this.logo, width: 200, alt: "hemfixarna" }), index.h("a", { class: "hemfixarna_product--link", target: "_blank", href: index$1.state.options.link.url }, index$1.state.options.link.title)));
   }
 };
 
 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"}/wp-json/headless` ;
+const base = `${getApiUrl()}/wp-json/headless`;
 const HemfixarnaInvoice = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -2167,7 +1709,7 @@ const HemfixarnaInvoice = class {
       this.formState = 'initial';
       return;
     }
-    if (state.selectedProduct.terms_show_checkbox && !values.terms) {
+    if (index$1.state.selectedProduct.terms_show_checkbox && !values.terms) {
       this.formError = 'Vänligen acceptera villkoren';
       this.formState = 'initial';
       return;
@@ -2176,17 +1718,17 @@ const HemfixarnaInvoice = class {
     formData.append('text', values.description);
     formData.append('email', values.email);
     formData.append('phone', values.tel);
-    formData.append('customer', state.business);
+    formData.append('customer', index$1.state.business);
     this.formImages.forEach(file => {
       formData.append('images[]', file);
     });
     formData.append('product', JSON.stringify({
-      title: state.selectedProduct.title,
+      title: index$1.state.selectedProduct.title,
       amount: 1,
-      has_rut: state.selectedProduct.rut,
-      has_rot: state.selectedProduct.rot,
-      has_green: state.selectedProduct.green,
-      ID: state.selectedProduct.ID,
+      has_rut: index$1.state.selectedProduct.rut,
+      has_rot: index$1.state.selectedProduct.rot,
+      has_green: index$1.state.selectedProduct.green,
+      ID: index$1.state.selectedProduct.ID,
       parts: [],
     }));
     try {
@@ -2196,8 +1738,8 @@ const HemfixarnaInvoice = class {
       });
       const { response } = await res.json();
       if (response.code === 200) {
-        state.checkoutInvoice = true;
-        state.step = 6;
+        index$1.state.checkoutInvoice = true;
+        index$1.state.step = 6;
       }
       else {
         this.formError = 'Vi kan inte ta emot din beställning just nu';
@@ -2251,86 +1793,27 @@ const HemfixarnaInvoice = class {
   }
   render() {
     const upload = index.getAssetPath(`./assets/drag-drop.svg`);
-    return (index.h("div", { class: "invoice" }, index.h("p", null, state.selectedProduct.invoice_description), index.h("form", { onSubmit: e => this.submit(e) }, index.h("textarea", { name: "descriptionInput", placeholder: "Beskriv ditt \u00E4rende" }), index.h("div", { role: "button", "aria-label": "upload image", onDragOver: e => this.preventDragOver(e), onDrop: e => this.handleImageDrop(e), onClick: () => this.handleImageClick() }, index.h("img", { src: upload, alt: "hemfixarna_logo", width: 24 }), index.h("div", null, index.h("p", null, "Bifoga ev bilder"), index.h("span", null, "(dra bilder hit)")), index.h("input", { onChange: e => this.handleFileInputChange(e), class: "hemfixarna-file-upload", accept: "image/*", type: "file", multiple: true, name: "fileInput" })), index.h("div", { class: "invoice-preview" }, this.displayImages.map((img, i) => (index.h("div", { key: i }, index.h("img", { src: img, alt: "uploaded image" }), index.h("button", { onClick: () => this.removeImage(i) }, index.h("img", { src: index.getAssetPath(`./assets/close.svg`), alt: "close" })))))), index.h("input", { placeholder: "E-post", type: "email", name: "emailInput" }), index.h("input", { placeholder: "Telefonnummer", type: "tel", name: "telInput" }), state.selectedProduct.terms_show_checkbox ? (index.h("label", null, index.h("input", { type: "checkbox", name: "termsInput" }), state.selectedProduct.terms)) : null, this.formError ? index.h("span", null, this.formError) : null, index.h("input", { type: "submit", value: this.formState === 'loading' ? 'Skickar' : 'Kontakta mig' }))));
+    return (index.h("div", { class: "invoice" }, index.h("p", null, index$1.state.selectedProduct.invoice_description), index.h("form", { onSubmit: e => this.submit(e) }, index.h("textarea", { name: "descriptionInput", placeholder: "Beskriv ditt \u00E4rende" }), index.h("div", { role: "button", "aria-label": "upload image", onDragOver: e => this.preventDragOver(e), onDrop: e => this.handleImageDrop(e), onClick: () => this.handleImageClick() }, index.h("img", { src: upload, alt: "hemfixarna_logo", width: 24 }), index.h("div", null, index.h("p", null, "Bifoga ev bilder"), index.h("span", null, "(dra bilder hit)")), index.h("input", { onChange: e => this.handleFileInputChange(e), class: "hemfixarna-file-upload", accept: "image/*", type: "file", multiple: true, name: "fileInput" })), index.h("div", { class: "invoice-preview" }, this.displayImages.map((img, i) => (index.h("div", { key: i }, index.h("img", { src: img, alt: "uploaded image" }), index.h("button", { onClick: () => this.removeImage(i) }, index.h("img", { src: index.getAssetPath(`./assets/close.svg`), alt: "close" })))))), index.h("input", { placeholder: "E-post", type: "email", name: "emailInput" }), index.h("input", { placeholder: "Telefonnummer", type: "tel", name: "telInput" }), index$1.state.selectedProduct.terms_show_checkbox ? (index.h("label", null, index.h("input", { type: "checkbox", name: "termsInput" }), index$1.state.selectedProduct.terms)) : null, this.formError ? index.h("span", null, this.formError) : null, index.h("input", { type: "submit", value: this.formState === 'loading' ? 'Skickar' : 'Kontakta mig' }))));
   }
   get el() { return index.getElement(this); }
 };
 HemfixarnaInvoice.style = hemfixarnaInvoiceCss;
 
-const MyComponent$b = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = 'true';
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-    this.isDemo = false;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, nav: { url: 'https://k-bygg.se', logo: 'assets/kbygg.svg', backgroundColor: '#651d32' }, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.kbygg, isDemo: this.isDemo }));
-  }
-};
-
-const MyComponent$a = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.klint }));
-  }
-};
-
-const MyComponent$9 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.kund }));
-  }
-};
-
-const MyComponent$8 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = 'true';
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-    this.isDemo = false;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, nav: { url: 'https://norrgavel.se', logo: 'assets/norrgavel.svg' }, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.norrgavel, isDemo: this.isDemo }));
-  }
-};
-
 const HemfixarnaOrder = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.render = () => {
-      return (index.h("div", { style: { background: `url(${state.options.thank_you_image})` }, class: "hemfixarna_order" }, index.h("div", null), index.h("div", null, index.h("h2", null, state.checkoutInvoice ? 'Tack för din förfrågan' : 'Tack för din bokning'), state.checkoutInvoice ? index.h("p", null, "Vi \u00E5terkommer inom kort till dig p\u00E5 angivet telefonnummer eller epost") : null, state.checkoutInvoice ? index.h("div", null) : index.h("hemfixarna-orderrows", { tree: this.tree, cart: false }), index.h("span", { onClick: () => this.resetShop() }, index.h("button", null, "G\u00F6r en ny bokning")), index.h("hemfixarna-info", null))));
+      return (index.h("div", { style: { background: `url(${index$1.state.options.thank_you_image})` }, class: "hemfixarna_order" }, index.h("div", null), index.h("div", null, index.h("h2", null, index$1.state.checkoutInvoice ? 'Tack för din förfrågan' : 'Tack för din bokning'), index$1.state.checkoutInvoice ? index.h("p", null, "Vi \u00E5terkommer inom kort till dig p\u00E5 angivet telefonnummer eller epost") : null, index$1.state.checkoutInvoice ? index.h("div", null) : index.h("hemfixarna-orderrows", { cart: false }), index.h("span", { onClick: () => this.resetShop() }, index.h("button", null, "G\u00F6r en ny bokning")), index.h("hemfixarna-info", null))));
     };
-    this.tree = undefined;
   }
   resetShop() {
-    state.step = 1;
-    state.cart = [];
-    state.selectedCategory = null;
-    state.selectedService = null;
-    state.selectedProduct = null;
-    state.maleri = null;
-    state.checkoutStep = 1;
+    index$1.state.step = 1;
+    index$1.state.cart = [];
+    index$1.state.selectedCategory = null;
+    index$1.state.selectedService = null;
+    index$1.state.selectedProduct = null;
+    index$1.state.maleri = null;
+    index$1.state.checkoutStep = 1;
   }
   disconnectedCallback() {
     this.resetShop();
@@ -2341,58 +1824,44 @@ const HemfixarnaOrderrows = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.cart = true;
-    this.tree = undefined;
   }
   goToProduct(id) {
-    if (state.customer) {
-      const products = state.customer.categories
-        .map(c => (c.show_products ? c.products : c.sub_categories ? c.sub_categories.map(c => c.products) : []))
-        .flat()
-        .flat();
-      const product = products.find(p => p && p.fields.ID === id);
-      if (product) {
-        state.selectedProduct = product.fields;
-        state.step = 4;
-      }
-    }
-    else {
-      const services = this.tree.sub_cats.map((c) => c.services).flat();
-      const products = services.map((s) => s.products).flat();
-      const product = products.find((p) => p.ID === id);
-      const service = services.find((s) => s.products.find((p) => p.ID === id));
-      const category = this.tree.sub_cats.find((c) => c.services.find((s) => s.products.find((p) => p.ID === id)));
-      state.selectedCategory = category;
-      state.selectedService = service;
-      state.selectedProduct = product;
-      state.step = 4;
+    const products = index$1.state.customer.categories
+      .map(c => (c.show_products ? c.products : c.sub_categories ? c.sub_categories.map(c => c.products) : []))
+      .flat()
+      .flat();
+    const product = products.find(p => p && p.fields.ID === id);
+    if (product) {
+      index$1.state.selectedProduct = product.fields;
+      index$1.state.step = 4;
     }
   }
   openRot() {
-    state.modal = {
-      title: state.rotOptions.rot_start_fee_heading,
-      text: [state.rotOptions.rot_start_fee_text, state.rotOptions.rot_start_fee_text_secondary],
+    index$1.state.modal = {
+      title: index$1.state.rotOptions.rot_start_fee_heading,
+      text: [index$1.state.rotOptions.rot_start_fee_text, index$1.state.rotOptions.rot_start_fee_text_secondary],
     };
   }
   openRut() {
-    state.modal = {
-      title: state.rutOptions.rut_start_fee_heading,
-      text: [state.rutOptions.rut_start_fee_text, state.rutOptions.rut_start_fee_text_secondary],
+    index$1.state.modal = {
+      title: index$1.state.rutOptions.rut_start_fee_heading,
+      text: [index$1.state.rutOptions.rut_start_fee_text, index$1.state.rutOptions.rut_start_fee_text_secondary],
     };
   }
   openGreen() {
-    state.modal = {
-      title: state.greenOptions.green_start_fee_heading,
-      text: [state.greenOptions.green_start_fee_text, state.greenOptions.green_start_fee_text_secondary],
+    index$1.state.modal = {
+      title: index$1.state.greenOptions.green_start_fee_heading,
+      text: [index$1.state.greenOptions.green_start_fee_text, index$1.state.greenOptions.green_start_fee_text_secondary],
     };
   }
   getDiscountedInfo(item) {
-    if (item.rut && state.rut) {
+    if (item.rut && index$1.state.rut) {
       return ' (efter RUT-avdrag)';
     }
-    else if (item.rot && state.rot) {
+    else if (item.rot && index$1.state.rot) {
       return ' (efter ROT-avdrag)';
     }
-    else if (item.green && state.green) {
+    else if (item.green && index$1.state.green) {
       return ' (efter Grön teknik avdrag)';
     }
     else {
@@ -2401,25 +1870,10 @@ const HemfixarnaOrderrows = class {
   }
   render() {
     const info = index.getAssetPath(`./assets/info.svg`);
-    return (index.h(index.Fragment, null, index.h("ul", { class: "hemfixarna_cart--items" }, state.cart.map(item => {
+    return (index.h(index.Fragment, null, index.h("ul", { class: "hemfixarna_cart--items" }, index$1.state.cart.map(item => {
       var _a;
       return (index.h("li", { class: "hemfixarna_cart--item" }, index.h("div", null, index.h("div", null, item.icon && index.h("img", { width: 30, src: (_a = item.icon.url) !== null && _a !== void 0 ? _a : item.icon, alt: item.name }), index.h("p", null, index.h("strong", null, item.amount, "x "), item.name)), this.cart && index.h("button", { onClick: () => this.goToProduct(item.id) }, "\u00C4ndra")), index.h("p", null, index.h("strong", null, getProductPrice(item, item.price, item.amount), "kr"), index.h("span", null, this.getDiscountedInfo(item))), item.parts.length > 0 && (index.h("ul", null, item.parts.map(part => (index.h("li", null, index.h("p", null, index.h("strong", null, part.amount, "x "), part.name), index.h("p", null, index.h("strong", null, getPartPrice(part, item, part.amount), "kr")))))))));
-    })), index.h("div", { class: "hemfixarna_cart--additional" }, index.h("div", null, getStartFee().rot > 0 && (index.h("div", { class: "hemfixarna_cart--startfee" }, index.h("p", null, index.h("strong", { onClick: () => this.openRot() }, state.rotOptions.rot_start_fee_heading, index.h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), index.h("p", null, getStartFee().rot, "kr"))), getStartFee().rut > 0 && (index.h("div", { class: "hemfixarna_cart--startfee" }, index.h("p", null, index.h("strong", { onClick: () => this.openRut() }, state.rutOptions.rut_start_fee_heading, index.h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), index.h("p", null, getStartFee().rut, "kr"))), getStartFee().green > 0 && (index.h("div", { class: "hemfixarna_cart--startfee" }, index.h("p", null, index.h("strong", { onClick: () => this.openGreen() }, state.greenOptions.green_start_fee_heading, index.h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), index.h("p", null, getStartFee().green, "kr")))), state.cart.find((item) => item.rot) && (index.h("div", { class: "hemfixarna_cart--rutrot" }, index.h("div", null, this.cart && (index.h("label", { class: "switch" }, index.h("input", { checked: state.rot, onChange: () => (state.rot = !state.rot), type: "checkbox" }), index.h("span", { class: "slider" }))), index.h("p", null, "ROT-avdrag")), index.h("p", null, "(-", state.rot ? calculateRot() : 0, "kr)"))), state.cart.find((item) => item.rut) && (index.h("div", { class: "hemfixarna_cart--rutrot" }, index.h("div", null, index.h("label", { class: "switch" }, index.h("input", { onChange: () => (state.rut = !state.rut), checked: state.rut, type: "checkbox" }), index.h("span", { class: "slider" })), index.h("p", null, "RUT-avdrag")), index.h("p", null, "(-", state.rut ? calculateRut() : 0, "kr)"))), state.cart.find((item) => item.green) && (index.h("div", { class: "hemfixarna_cart--rutrot" }, index.h("div", null, index.h("label", { class: "switch" }, index.h("input", { onChange: () => (state.green = !state.green), checked: state.green, type: "checkbox" }), index.h("span", { class: "slider" })), index.h("p", null, "Gr\u00F6n teknik avdrag")), index.h("p", null, "(-", state.green ? calculateGreenDiscount() : 0, "kr)")))), index.h("div", { class: "hemfixarna_cart--price" }, index.h("h2", null, "Totalbelopp: "), index.h("h2", null, getTotalPrice(), "kr"))));
-  }
-};
-
-const MyComponent$7 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.customer = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.power }));
+    })), index.h("div", { class: "hemfixarna_cart--additional" }, index.h("div", null, getStartFee().rot > 0 && (index.h("div", { class: "hemfixarna_cart--startfee" }, index.h("p", null, index.h("strong", { onClick: () => this.openRot() }, index$1.state.rotOptions.rot_start_fee_heading, index.h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), index.h("p", null, getStartFee().rot, "kr"))), getStartFee().rut > 0 && (index.h("div", { class: "hemfixarna_cart--startfee" }, index.h("p", null, index.h("strong", { onClick: () => this.openRut() }, index$1.state.rutOptions.rut_start_fee_heading, index.h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), index.h("p", null, getStartFee().rut, "kr"))), getStartFee().green > 0 && (index.h("div", { class: "hemfixarna_cart--startfee" }, index.h("p", null, index.h("strong", { onClick: () => this.openGreen() }, index$1.state.greenOptions.green_start_fee_heading, index.h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), index.h("p", null, getStartFee().green, "kr")))), index$1.state.cart.find((item) => item.rot) && (index.h("div", { class: "hemfixarna_cart--rutrot" }, index.h("div", null, this.cart && (index.h("label", { class: "switch" }, index.h("input", { checked: index$1.state.rot, onChange: () => (index$1.state.rot = !index$1.state.rot), type: "checkbox" }), index.h("span", { class: "slider" }))), index.h("p", null, "ROT-avdrag")), index.h("p", null, "(-", index$1.state.rot ? calculateRot() : 0, "kr)"))), index$1.state.cart.find((item) => item.rut) && (index.h("div", { class: "hemfixarna_cart--rutrot" }, index.h("div", null, index.h("label", { class: "switch" }, index.h("input", { onChange: () => (index$1.state.rut = !index$1.state.rut), checked: index$1.state.rut, type: "checkbox" }), index.h("span", { class: "slider" })), index.h("p", null, "RUT-avdrag")), index.h("p", null, "(-", index$1.state.rut ? calculateRut() : 0, "kr)"))), index$1.state.cart.find((item) => item.green) && (index.h("div", { class: "hemfixarna_cart--rutrot" }, index.h("div", null, index.h("label", { class: "switch" }, index.h("input", { onChange: () => (index$1.state.green = !index$1.state.green), checked: index$1.state.green, type: "checkbox" }), index.h("span", { class: "slider" })), index.h("p", null, "Gr\u00F6n teknik avdrag")), index.h("p", null, "(-", index$1.state.green ? calculateGreenDiscount() : 0, "kr)")))), index.h("div", { class: "hemfixarna_cart--price" }, index.h("h2", null, "Totalbelopp: "), index.h("h2", null, getTotalPrice(), "kr"))));
   }
 };
 
@@ -2432,44 +1886,44 @@ const HemfixarnaProduct = class {
     this.hideDescription = true;
   }
   addProduct() {
-    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    const productInCart = index$1.state.cart.find(p => p.id === index$1.state.selectedProduct.ID);
     if (productInCart) {
       productInCart.amount++;
-      state.cart = [...state.cart];
+      index$1.state.cart = [...index$1.state.cart];
     }
     else {
-      state.cart = [
-        ...state.cart,
+      index$1.state.cart = [
+        ...index$1.state.cart,
         {
-          id: state.selectedProduct.ID,
-          rut: state.selectedProduct.rut,
-          rot: state.selectedProduct.rot,
-          green: state.selectedProduct.green,
+          id: index$1.state.selectedProduct.ID,
+          rut: index$1.state.selectedProduct.rut,
+          rot: index$1.state.selectedProduct.rot,
+          green: index$1.state.selectedProduct.green,
           amount: 1,
           parts: [],
-          price: state.selectedProduct.price,
-          name: state.selectedProduct.title,
-          start_fee: !state.selectedProduct.hide_start_fee,
-          terms_checkout: state.selectedProduct.terms_checkout,
-          icon: state.selectedProduct.icon,
+          price: index$1.state.selectedProduct.price,
+          name: index$1.state.selectedProduct.title,
+          start_fee: !index$1.state.selectedProduct.hide_start_fee,
+          terms_checkout: index$1.state.selectedProduct.terms_checkout,
+          icon: index$1.state.selectedProduct.icon,
         },
       ];
     }
   }
   removeProduct() {
-    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    const productInCart = index$1.state.cart.find(p => p.id === index$1.state.selectedProduct.ID);
     if (productInCart && productInCart.amount > 1) {
       productInCart.amount--;
-      state.cart = [...state.cart];
+      index$1.state.cart = [...index$1.state.cart];
     }
     else {
-      state.cart = state.cart.filter(p => p.id !== state.selectedProduct.ID);
+      index$1.state.cart = index$1.state.cart.filter(p => p.id !== index$1.state.selectedProduct.ID);
     }
   }
   //Handle cart and parts
   addPart(part) {
     var _a;
-    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    const productInCart = index$1.state.cart.find(p => p.id === index$1.state.selectedProduct.ID);
     if (productInCart) {
       const partInCart = productInCart.parts.find(sp => sp.id === part.ID);
       if (partInCart) {
@@ -2479,11 +1933,11 @@ const HemfixarnaProduct = class {
       else {
         productInCart.parts = [...productInCart.parts, { id: part.ID, amount: 1, price: part.price, name: (_a = part.title) !== null && _a !== void 0 ? _a : part.title }];
       }
-      state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];
+      index$1.state.cart = [...index$1.state.cart.filter(p => p.id !== productInCart.id), productInCart];
     }
   }
   removePart(part) {
-    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    const productInCart = index$1.state.cart.find(p => p.id === index$1.state.selectedProduct.ID);
     if (productInCart) {
       const partInCart = productInCart.parts.find(sp => sp.id === part.ID);
       if (partInCart && partInCart.amount > 1) {
@@ -2493,43 +1947,43 @@ const HemfixarnaProduct = class {
       else {
         productInCart.parts = productInCart.parts.filter(sp => sp.id !== part.ID);
       }
-      state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];
+      index$1.state.cart = [...index$1.state.cart.filter(p => p.id !== productInCart.id), productInCart];
     }
   }
   goToCart() {
-    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    const productInCart = index$1.state.cart.find(p => p.id === index$1.state.selectedProduct.ID);
     if (productInCart) {
-      state.step = 5;
+      index$1.state.step = 5;
       const el = this.el.closest('.hemfixarna_content');
       scrollToTop(el);
     }
   }
   getAmount() {
     var _a;
-    return ((_a = state.cart.find(p => p.id === state.selectedProduct.ID)) === null || _a === void 0 ? void 0 : _a.amount) || 0;
+    return ((_a = index$1.state.cart.find(p => p.id === index$1.state.selectedProduct.ID)) === null || _a === void 0 ? void 0 : _a.amount) || 0;
   }
   getPartAmount(partId) {
     var _a;
-    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    const productInCart = index$1.state.cart.find(p => p.id === index$1.state.selectedProduct.ID);
     return ((_a = productInCart === null || productInCart === void 0 ? void 0 : productInCart.parts.find(sp => sp.id === partId)) === null || _a === void 0 ? void 0 : _a.amount) || 0;
   }
   getTotalPrice() {
     let price = 0;
-    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    const productInCart = index$1.state.cart.find(p => p.id === index$1.state.selectedProduct.ID);
     if (productInCart) {
       const partsPrice = productInCart.parts.reduce((acc, curr) => {
-        const part = state.selectedProduct.parts.find(p => p.ID === curr.id);
+        const part = index$1.state.selectedProduct.parts.find(p => p.ID === curr.id);
         if (part) {
           return acc + part.price * curr.amount;
         }
         return acc;
       }, 0);
-      price = state.selectedProduct.price * productInCart.amount + partsPrice;
+      price = index$1.state.selectedProduct.price * productInCart.amount + partsPrice;
     }
     else {
-      price = state.selectedProduct.price;
+      price = index$1.state.selectedProduct.price;
     }
-    return getProductPrice(state.selectedProduct, price);
+    return getProductPrice(index$1.state.selectedProduct, price);
   }
   componentDidRender() {
     const linkElem = document.createElement('link');
@@ -2555,68 +2009,21 @@ const HemfixarnaProduct = class {
     const checked = index.getAssetPath(`./assets/checked.svg`);
     const plus = index.getAssetPath(`./assets/plus.svg`);
     const minus = index.getAssetPath(`./assets/minus.svg`);
-    if (state.maleri) {
+    if (index$1.state.maleri) {
       return (index.h("div", { class: "hemfixarna_painting" }, index.h("script", { type: "text/javascript", src: ['localhost', 'vercel'].some(v => window.location.href.includes(v))
           ? 'https://painting-dev.vercel.app/static/js/main.js'
-          : 'https://painting-frontend.vercel.app/static/js/main.js', defer: true, async: true }), index.h("hemfixare-calculator", { title: state.options.maleri_title, subtitle: state.options.maleri_text, modal: "true", customer: state.business === Business.string ? 'string' : state.business })));
+          : 'https://painting-frontend.vercel.app/static/js/main.js', defer: true, async: true }), index.h("hemfixare-calculator", { title: index$1.state.options.maleri_title, subtitle: index$1.state.options.maleri_text, modal: "true", customer: index$1.state.business === index$2.Business.string ? 'string' : index$1.state.business })));
     }
-    return state.selectedProduct ? (index.h("div", { class: "hemfixarna_product" }, index.h("div", { class: "hemfixarna_product--top" }, state.selectedProduct.icon && (index.h("img", { width: 80, src: (_a = state.selectedProduct.icon.url) !== null && _a !== void 0 ? _a : state.selectedProduct.icon, alt: state.selectedProduct.title })), index.h("div", null, index.h("h1", null, state.selectedProduct.title), !state.selectedProduct.invoice ? index.h("h2", null, getProductPrice(state.selectedProduct), " kr/st") : index.h("h2", null, state.selectedProduct.invoice_price))), index.h("div", { class: "hemfixarna_product--grid" }, index.h("div", { class: "hemfixarna_product--left" }, ((_b = state.selectedProduct.list) === null || _b === void 0 ? void 0 : _b.length) && (index.h("ul", { class: "hemfixarna_features" }, state.selectedProduct.list.map(l => (index.h("li", { key: l.bullet }, index.h("img", { src: checked, alt: "checked" }), index.h("p", null, l.bullet)))))), state.selectedProduct.description && (index.h("p", { onClick: () => (this.hideDescription = false), class: `hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`, innerHTML: state.selectedProduct.description }))), index.h("div", { class: "hemfixarna_product--right" }, state.selectedProduct.invoice ? (index.h("hemfixarna-invoice", null)) : (index.h(index.Fragment, null, index.h("ul", null, index.h("li", { class: "hemfixarna_product--item" }, index.h("div", null, index.h("p", null, state.selectedProduct.title), index.h("p", { class: "hemfixarna_product--price" }, getProductPrice(state.selectedProduct), "kr/st")), index.h("div", { class: "hemfixarna_counter" }, index.h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removeProduct() }), index.h("span", null, this.getAmount()), index.h("img", { src: plus, onClick: () => this.addProduct() }))), ((_c = state.selectedProduct.parts) === null || _c === void 0 ? void 0 : _c.length) &&
-      state.selectedProduct.parts.map(p => {
+    return index$1.state.selectedProduct ? (index.h("div", { class: "hemfixarna_product" }, index.h("div", { class: "hemfixarna_product--top" }, index$1.state.selectedProduct.icon && (index.h("img", { width: 80, src: (_a = index$1.state.selectedProduct.icon.url) !== null && _a !== void 0 ? _a : index$1.state.selectedProduct.icon, alt: index$1.state.selectedProduct.title })), index.h("div", null, index.h("h1", null, index$1.state.selectedProduct.title), !index$1.state.selectedProduct.invoice ? index.h("h2", null, getProductPrice(index$1.state.selectedProduct), " kr/st") : index.h("h2", null, index$1.state.selectedProduct.invoice_price))), index.h("div", { class: "hemfixarna_product--grid" }, index.h("div", { class: "hemfixarna_product--left" }, ((_b = index$1.state.selectedProduct.list) === null || _b === void 0 ? void 0 : _b.length) && (index.h("ul", { class: "hemfixarna_features" }, index$1.state.selectedProduct.list.map(l => (index.h("li", { key: l.bullet }, index.h("img", { src: checked, alt: "checked" }), index.h("p", null, l.bullet)))))), index$1.state.selectedProduct.description && (index.h("p", { onClick: () => (this.hideDescription = false), class: `hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`, innerHTML: index$1.state.selectedProduct.description }))), index.h("div", { class: "hemfixarna_product--right" }, index$1.state.selectedProduct.invoice ? (index.h("hemfixarna-invoice", null)) : (index.h(index.Fragment, null, index.h("ul", null, index.h("li", { class: "hemfixarna_product--item" }, index.h("div", null, index.h("p", null, index$1.state.selectedProduct.title), index.h("p", { class: "hemfixarna_product--price" }, getProductPrice(index$1.state.selectedProduct), "kr/st")), index.h("div", { class: "hemfixarna_counter" }, index.h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removeProduct() }), index.h("span", null, this.getAmount()), index.h("img", { src: plus, onClick: () => this.addProduct() }))), ((_c = index$1.state.selectedProduct.parts) === null || _c === void 0 ? void 0 : _c.length) &&
+      index$1.state.selectedProduct.parts.map(p => {
         var _a;
-        return (index.h("li", { class: "hemfixarna_part" }, index.h("div", null, index.h("p", null, (_a = p.title) !== null && _a !== void 0 ? _a : p.title), index.h("p", { class: "hemfixarna_product--price" }, getPartPrice(p, state.selectedProduct), "kr/st")), index.h("div", { class: "hemfixarna_counter" }, index.h("img", { class: `${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removePart(p) }), index.h("span", null, this.getPartAmount(p.ID)), index.h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: plus, onClick: () => this.addPart(p) }))));
-      })), index.h("h4", { class: "hemfixarna_product--total" }, "Totalt ", this.getTotalPrice(), " kr"), index.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 && (index.h("p", { class: "hemfixarna_terms" }, index.h("strong", null, state.selectedProduct.rot ? state.rotOptions.rot_start_fee_heading : state.rutOptions.rut_start_fee_heading), index.h("br", null), index.h("span", { innerHTML: state.selectedProduct.rot ? state.rotOptions.rot_start_fee_text : state.rutOptions.rut_start_fee_text }))), state.options && index.h("hemfixarna-info", null))))) : null;
+        return (index.h("li", { class: "hemfixarna_part" }, index.h("div", null, index.h("p", null, (_a = p.title) !== null && _a !== void 0 ? _a : p.title), index.h("p", { class: "hemfixarna_product--price" }, getPartPrice(p, index$1.state.selectedProduct), "kr/st")), index.h("div", { class: "hemfixarna_counter" }, index.h("img", { class: `${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removePart(p) }), index.h("span", null, this.getPartAmount(p.ID)), index.h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: plus, onClick: () => this.addPart(p) }))));
+      })), index.h("h4", { class: "hemfixarna_product--total" }, "Totalt ", this.getTotalPrice(), " kr"), index.h("button", { onClick: () => this.goToCart(), class: `hemfixarna_buy ${this.getAmount() === 0 ? 'disabled' : ''}` }, "Forts\u00E4tt"))), !index$1.state.selectedProduct.hide_start_fee && (index$1.state.selectedProduct.rot || index$1.state.selectedProduct.rut) && index$1.state.rutOptions && index$1.state.rotOptions && (index.h("p", { class: "hemfixarna_terms" }, index.h("strong", null, index$1.state.selectedProduct.rot ? index$1.state.rotOptions.rot_start_fee_heading : index$1.state.rutOptions.rut_start_fee_heading), index.h("br", null), index.h("span", { innerHTML: index$1.state.selectedProduct.rot ? index$1.state.rotOptions.rot_start_fee_text : index$1.state.rutOptions.rut_start_fee_text }))), index$1.state.options && index.h("hemfixarna-info", null))))) : null;
   }
   get el() { return index.getElement(this); }
 };
 HemfixarnaProduct.style = hemfixarnaProductCss;
 
-const HemfixarnaService = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("div", null, index.h("h2", null, state.selectedService.post_title), index.h("div", { class: "hemfixarna_categories--wrapper" }, index.h("div", null, index.h("ul", { class: "hemfixarna_categories" }, state.selectedService.products
-      .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))
-      .map(p => {
-      var _a;
-      return (index.h("hemfixarna-box", { post: p, icon: (_a = p.icon.url) !== null && _a !== void 0 ? _a : p.icon, postTitle: p.title }));
-    }))), index.h("hemfixarna-info", null))));
-  }
-};
-
-const hemfixarnaSkanskaCss = "";
-
-const MyComponent$6 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.customer = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.skanska }));
-  }
-};
-MyComponent$6.style = hemfixarnaSkanskaCss;
-
-const MyComponent$5 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.customer = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.sparfonster }));
-  }
-};
-
 const HemfixarnaGrid = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -2627,19 +2034,19 @@ const HemfixarnaGrid = class {
     return category.show_products !== undefined;
   }
   handleMaleriClick() {
-    state.step = 4;
-    state.maleri = true;
+    index$1.state.step = 4;
+    index$1.state.maleri = true;
   }
   render() {
     var _a;
     const maleriLogo = index.getAssetPath('./assets/gubbe-pensel.svg');
-    return state.customer ? (index.h("div", null, index.h("h2", null, state.selectedCustomerCategory ? state.selectedCustomerCategory.name : 'Alla tjänster'), index.h("div", { class: "hemfixarna_categories--wrapper" }, index.h("ul", { class: "hemfixarna_categories" }, ((_a = state.selectedCustomerCategory) === null || _a === void 0 ? void 0 : _a.add_painting) ? (index.h("button", { onClick: () => this.handleMaleriClick(), class: "hemfixarna_maleribox" }, index.h("img", { height: 64, src: maleriLogo, alt: "M\u00E5leri Logotyp" }), index.h("p", null, "Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r"))) : null, state.selectedCustomerCategory
-      ? this.isMainCategory(state.selectedCustomerCategory) && state.selectedCustomerCategory.sub_categories && !state.selectedCustomerCategory.show_products
-        ? state.selectedCustomerCategory.sub_categories.map(c => index.h("hemfixarna-box", { category: c }))
-        : state.selectedCustomerCategory.products
-          ? state.selectedCustomerCategory.products.map(c => index.h("hemfixarna-box", { category: c.fields }))
+    return index$1.state.customer ? (index.h("div", null, index.h("h2", null, index$1.state.selectedCustomerCategory ? index$1.state.selectedCustomerCategory.name : 'Alla tjänster'), index.h("div", { class: "hemfixarna_categories--wrapper" }, index.h("ul", { class: "hemfixarna_categories" }, ((_a = index$1.state.selectedCustomerCategory) === null || _a === void 0 ? void 0 : _a.add_painting) ? (index.h("button", { onClick: () => this.handleMaleriClick(), class: "hemfixarna_maleribox" }, index.h("img", { height: 64, src: maleriLogo, alt: "M\u00E5leri Logotyp" }), index.h("p", null, "Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r"))) : null, index$1.state.selectedCustomerCategory
+      ? this.isMainCategory(index$1.state.selectedCustomerCategory) && index$1.state.selectedCustomerCategory.sub_categories && !index$1.state.selectedCustomerCategory.show_products
+        ? index$1.state.selectedCustomerCategory.sub_categories.map(c => index.h("hemfixarna-box", { category: c }))
+        : index$1.state.selectedCustomerCategory.products
+          ? index$1.state.selectedCustomerCategory.products.map(c => index.h("hemfixarna-box", { category: c.fields }))
           : null
-      : state.customer.categories.map(c => index.h("hemfixarna-box", { category: c }))), index.h("hemfixarna-info", null)))) : (index.h("div", null, index.h("h2", null, "Alla tj\u00E4nster"), index.h("div", { class: "hemfixarna_categories--wrapper" }, index.h("ul", { class: "hemfixarna_categories" }, this.tree.sub_cats
+      : index$1.state.customer.categories.map(c => index.h("hemfixarna-box", { category: c }))), index.h("hemfixarna-info", null)))) : (index.h("div", null, index.h("h2", null, "Alla tj\u00E4nster"), index.h("div", { class: "hemfixarna_categories--wrapper" }, index.h("ul", { class: "hemfixarna_categories" }, this.tree.sub_cats
       .sort((a, b) => (a.name < b.name ? -1 : 1))
       .map(c => {
       var _a;
@@ -2648,116 +2055,20 @@ const HemfixarnaGrid = class {
   }
 };
 
-const hemfixarnaStringCss = "";
-
-const MyComponent$4 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.string }));
-  }
-};
-MyComponent$4.style = hemfixarnaStringCss;
-
-const MyComponent$3 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.superfront }));
-  }
-};
-
-const MyComponent$2 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = 'true';
-    this.isDemo = false;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, nav: { url: 'https://www.tesla.com/sv_se/home-charging', logo: 'assets/tesla.svg' }, isDemo: this.isDemo, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.tesla }));
-  }
-};
-
-const MyComponent$1 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.traningspartner }));
-  }
-};
-
-const MyComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = 'true';
-    this.isDemo = false;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (index.h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, nav: { url: 'https://www.zaptec.com/sv/laddningslosningar/zaptec-go', logo: 'assets/zaptec.svg' }, isDemo: this.isDemo, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.zaptec }));
-  }
-};
-
 exports.hemfixarna_address = HemfixarnaAddress;
 exports.hemfixarna_box = HemfixarnaBox;
 exports.hemfixarna_breadcrumbs = HemfixarnaBreadcrumbs;
-exports.hemfixarna_byggmax = MyComponent$j;
 exports.hemfixarna_cart = HemfixarnaCart;
-exports.hemfixarna_category = HemfixarnaCategory;
 exports.hemfixarna_checkout = HemfixarnaCheckout;
 exports.hemfixarna_component = HemfixarnaComponent;
 exports.hemfixarna_contact = HemfixarnaInfo$1;
-exports.hemfixarna_demo = MyComponent$i;
-exports.hemfixarna_doro = MyComponent$h;
-exports.hemfixarna_elfa = MyComponent$g;
-exports.hemfixarna_fargvaruhuset = MyComponent$f;
-exports.hemfixarna_flyttsmart = MyComponent$e;
-exports.hemfixarna_forebygg = MyComponent$d;
+exports.hemfixarna_demo = MyComponent;
 exports.hemfixarna_getuser = HemfixarnaGetuser;
-exports.hemfixarna_hornbach = MyComponent$c;
 exports.hemfixarna_info = HemfixarnaInfo;
 exports.hemfixarna_invoice = HemfixarnaInvoice;
-exports.hemfixarna_kbygg = MyComponent$b;
-exports.hemfixarna_klint = MyComponent$a;
-exports.hemfixarna_kund = MyComponent$9;
-exports.hemfixarna_norrgavel = MyComponent$8;
 exports.hemfixarna_order = HemfixarnaOrder;
 exports.hemfixarna_orderrows = HemfixarnaOrderrows;
-exports.hemfixarna_power = MyComponent$7;
 exports.hemfixarna_product = HemfixarnaProduct;
-exports.hemfixarna_service = HemfixarnaService;
-exports.hemfixarna_skanska = MyComponent$6;
-exports.hemfixarna_sparfonster = MyComponent$5;
 exports.hemfixarna_start = HemfixarnaGrid;
-exports.hemfixarna_string_furniture = MyComponent$4;
-exports.hemfixarna_superfront = MyComponent$3;
-exports.hemfixarna_tesla = MyComponent$2;
-exports.hemfixarna_traningspartner = MyComponent$1;
-exports.hemfixarna_zaptec = MyComponent;
 
-//# sourceMappingURL=hemfixarna-address_36.cjs.entry.js.map
+//# sourceMappingURL=hemfixarna-address_15.cjs.entry.js.map