hemfixarna-web-components 1.6.3 → 1.7.0

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

@@ -1,255 +1,6 @@
-import { g as getRenderingRef, f as forceUpdate, r as registerInstance, h, a as getElement, F as Fragment, c as getAssetPath } from './index-8c417125.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 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 = getRenderingRef();
-            if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
-            }
-        },
-        set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(forceUpdate));
-            }
-            cleanupElements(elmsToUpdate);
-        },
-        reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(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;
-});
+import { r as registerInstance, h, g as getElement, F as Fragment, a as getAssetPath } from './index-04bcf90e.js';
+import { s as state } from './index-113a6b21.js';
+import { B as Business, W as WidgetStyle } from './index-1fbc7a74.js';
 
 const hideField = (field) => {
   return field.split(' ').reduce((acc, curr) => {
@@ -443,41 +194,6 @@ const getTotalPrice = () => {
   return 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;
 };
@@ -531,10 +247,7 @@ 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);
@@ -563,7 +276,7 @@ const HemfixarnaBreadcrumbs = class {
     const close = getAssetPath(`./assets/close.svg`);
     const cart = getAssetPath(`./assets/cart.svg`);
     const back = getAssetPath(`./assets/back.svg`);
-    return (h("div", null, h("div", { class: "hemfixarna_crumbs" }, h("div", { class: "hemfixarna_crumbs--links" }, h("img", { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }), !this.loadFromQuery || this.isDemo ? h("img", { onClick: () => this.closeModal(), class: "close", src: close, width: 32 }) : null, h("div", null, h("button", { onClick: () => this.handleHomePageClick() }, "Alla tj\u00E4nster"))), h("div", { class: "hemfixarna_crumbs--right" }, h("hemfixarna-contact", null), h("div", { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` }, h("img", { src: cart, width: 24 }), h("span", null, this.getCartLength())))), [3, 4].includes(state.step) && !state.customer && (h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
+    return (h("div", null, h("div", { class: "hemfixarna_crumbs" }, h("div", { class: "hemfixarna_crumbs--links" }, h("img", { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }), h("img", { onClick: () => this.closeModal(), class: "close", src: close, width: 32 }), h("div", null, h("button", { onClick: () => this.handleHomePageClick() }, "Alla tj\u00E4nster"))), h("div", { class: "hemfixarna_crumbs--right" }, h("hemfixarna-contact", null), h("div", { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` }, h("img", { src: cart, width: 24 }), h("span", null, this.getCartLength())))), [3, 4].includes(state.step) && !state.customer && (h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
         state.step = state.step === 4 ? 3 : 2;
       } }, h("img", { width: 24, src: back, alt: "back arrow" }), h("span", null, "Se allt ", state.step === 4 ? state.selectedService.post_title : state.selectedCategory.name))), !state.parentCategory && state.step && state.selectedCustomerCategory && (h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
         state.step = 1;
@@ -580,84 +293,75 @@ const HemfixarnaBreadcrumbs = class {
   get el() { return getElement(this); }
 };
 
-const hemfixarnaByggmaxCss = "";
-
-const MyComponent$j = class {
-  constructor(hostRef) {
-    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 (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) {
     registerInstance(this, hostRef);
-    this.tree = undefined;
   }
   render() {
     const back = getAssetPath(`./assets/back.svg`);
     return (h("div", { class: "hemfixarna_cart" }, h("div", { class: "hemfixarna_cart--left" }, h("h2", null, state.checkoutStep === 2 && !state.checkoutEdit && (h("button", { onClick: () => {
         state.checkoutStep = 1;
-      } }, h("img", { width: 24, src: back, alt: "back arrow" }))), "Din bokning"), h("hemfixarna-orderrows", { tree: this.tree })), h("div", { class: "hemfixarna_cart--right" }, h("h2", null, state.checkoutStep === 2 && !state.checkoutEdit && (h("button", { onClick: () => {
+      } }, h("img", { width: 24, src: back, alt: "back arrow" }))), "Din bokning"), h("hemfixarna-orderrows", null)), h("div", { class: "hemfixarna_cart--right" }, h("h2", null, state.checkoutStep === 2 && !state.checkoutEdit && (h("button", { onClick: () => {
         state.checkoutStep = 1;
       } }, h("img", { width: 24, src: back, alt: "back arrow" }))), "Dina uppgifter"), h("hemfixarna-checkout", null), h("hemfixarna-info", null))));
   }
 };
 
-const HemfixarnaCategory = class {
-  constructor(hostRef) {
-    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 (h("div", null, h("h2", null, state.selectedCategory.name), h("div", { class: "hemfixarna_categories--wrapper" }, h("div", null, h("ul", { class: "hemfixarna_categories" }, state.selectedCategory.services
-      .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))
-      .map(s => {
-      var _a;
-      return (h("hemfixarna-box", { post: s, icon: (_a = s.icon.url) !== null && _a !== void 0 ? _a : s.icon, postTitle: s.post_title }));
-    }))), 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);
@@ -715,7 +419,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`, {
@@ -899,31 +603,19 @@ const hemfixarnaCss = "@import url(\"https://fonts.googleapis.com/css2?family=In
 const HemfixarnaComponent = class {
   constructor(hostRef) {
     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 = WidgetStyle.standard;
     this.buttonColor = undefined;
     this.buttonBg = undefined;
+    this.proppedProduct = null;
   }
   loadCategoryOrProduct(id) {
     this.proppedProduct = null;
@@ -948,14 +640,6 @@ const HemfixarnaComponent = class {
       }
     }
   }
-  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 === 'maleri') {
@@ -967,22 +651,6 @@ const HemfixarnaComponent = class {
       }
     }
   }
-  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;
     const cart = window.sessionStorage.getItem(`hemfixarna-${this.business}-cart`);
@@ -997,88 +665,33 @@ const HemfixarnaComponent = class {
     if (creditSafeUser) {
       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) {
+        state.customer = customer;
+        if (this.id) {
+          if (this.id === 'maleri') {
+            state.maleri = true;
+            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();
-      }
+    catch (error) {
+      console.warn('customer not found');
     }
     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();
-    }
-  }
   // Open close modal && click outside event
   openModal() {
     this.modal = true;
@@ -1093,8 +706,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();
     }
@@ -1110,21 +721,18 @@ const HemfixarnaComponent = class {
     return 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 = getAssetPath(`./assets/hemfixarna.svg`);
     const pensel = getAssetPath(`./assets/pensel.svg`);
     const monteringLogo = getAssetPath(`./assets/montering.svg`);
-    const navBackground = ((_a = this.nav) === null || _a === void 0 ? void 0 : _a.background) ? getAssetPath(this.nav.background) : '';
-    const navLogo = ((_b = this.nav) === null || _b === void 0 ? void 0 : _b.logo) ? getAssetPath(this.nav.logo) : '';
-    return (h("div", { class: `hemfixarna ${this.loadFromQuery ? 'hemfixarna_standalone' : ''}` }, this.loadFromQuery && !this.isDemo && this.nav ? (h("nav", { class: "hemfixarna_nav", style: { backgroundColor: (_c = this.nav.backgroundColor) !== null && _c !== void 0 ? _c : '' } }, h("div", null, h("div", { class: "hemfixarna_nav--logos" }, h("a", { href: this.nav.url, target: "_blank" }, h("img", { class: "hemfixarna_partnerlogo", src: navLogo, alt: `${this.business} logo` })), h("a", { href: "https://hemfixarna.se/", target: "_blank" }, h("p", { class: navBackground || this.nav.backgroundColor ? 'with-bg' : '' }, "I samarbete med:"), h("img", { src: logo, alt: "hemfixarna_logo", width: 104 }))), h("div", { class: "hemfixarna_nav--links" }, h("a", { href: this.nav.url, target: "_blank" }, "Till ", this.business), h("a", { href: "https://www.hemfixarna.se/", target: "_blank" }, "Till Hemfixarna")), navBackground ? h("img", { src: navBackground, class: "nav_background", alt: "nav_background" }) : null))) : null, !this.loadFromQuery || this.isDemo ? (h("div", { class: `hemfixarna_box hemfixarna_box--${this.widgetStyle}` }, [WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) ? (h("img", { src: this.id === 'maleri' ? pensel : monteringLogo, alt: "montering logo", width: 32, height: 32 })) : null, h("div", null, h("div", null, h("p", { onClick: () => this.openModal(), class: `pointer ${[WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) && state.selectedProduct ? 'underline' : ''}` }, this.id === 'maleri' ? (h("span", null, "Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r")) : (h(Fragment, null, !state.selectedCustomerCategory && !this.product && !this.proppedProduct ? (h(Fragment, null, ((_d = state.customer) === null || _d === void 0 ? void 0 : _d.widget_title) ? (h("span", null, state.customer.widget_title)) : (h("span", null, "Montering/Installation - ", h("strong", { class: "underline" }, "se priser h\u00E4r"))))) : (h(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) || (h("span", null, "Montering", h("wbr", null), "/Installation ", (_j = (_h = state.selectedCustomerCategory) === null || _h === void 0 ? void 0 : _h.name) !== null && _j !== void 0 ? _j : 'på plats', " - ", 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)) ? (h("span", null, ' från', " ", h("strong", null, getProductPriceWithRotAndRut(this.proppedProduct || this.product), "kr"))) : null)))))), this.widgetStyle === WidgetStyle.standard ? h("img", { src: logo, width: 104 }) : null, this.widgetStyle === WidgetStyle.alternative ? (h("span", { class: "p-s" }, "Utf\u00F6rs av ", h("strong", null, "Hemfixarna"))) : null), [WidgetStyle.standard, WidgetStyle.alternative].includes(this.widgetStyle) ? (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 && h("span", null, this.getCartLength()))) : null, WidgetStyle.alternative_2 === this.widgetStyle ? (h("div", { class: "hemfixarna_altbtn" }, h("strong", { class: "p-s" }, "Utf\u00F6rs av"), h("img", { src: logo, alt: "hemfixarna logo", width: 98 }))) : null)) : null, this.modal && (h("div", null, h("div", { class: `hemfixarna_modal ${this.showModal ? 'hemfixarna_modal--open' : ''}` }, state.modal && (h("div", { class: "hemfixarna_infomodal" }, state.modal.title && h("h2", null, state.modal.title), state.modal.text.map((t) => (h("p", { innerHTML: t }))), h("div", null, h("button", { onClick: () => (state.modal = null) }, "St\u00E4ng")))), (this.tree || state.customer) && (h("hemfixarna-breadcrumbs", { isDemo: this.isDemo, loadFromQuery: this.loadFromQuery, closeModal: () => this.closeModal(), tree: this.tree })), !state.customer || this.slugIsOldFormat(this.slug) ? (h("div", { class: `hemfixarna_content hemfixarna_content--${state.step}` }, state.step === 1 && this.tree && h("hemfixarna-start", { tree: this.tree }), state.step === 2 && state.selectedCategory && h("hemfixarna-category", null), state.step === 3 && state.selectedService && h("hemfixarna-service", null), state.step === 4 && state.selectedProduct && h("hemfixarna-product", null), state.step === 5 && h("hemfixarna-cart", { tree: this.tree }), state.step === 6 && h("hemfixarna-order", { tree: this.tree }))) : (h("div", { class: `hemfixarna_content hemfixarna_content--${state.step} ${state.step === 4 && state.maleri ? 'hemfixarna_content--painting' : ''}` }, state.step < 4 && h("hemfixarna-start", null), state.step === 4 && h("hemfixarna-product", null), state.step === 5 && h("hemfixarna-cart", { tree: this.tree }), state.step === 6 && h("hemfixarna-order", { tree: this.tree })))), !this.isDemo ? h("div", { class: `hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}` }) : null))));
+    return (h("div", { class: "hemfixarna" }, h("div", { class: `hemfixarna_box hemfixarna_box--${this.widgetStyle}` }, [WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) ? (h("img", { src: this.id === 'maleri' ? pensel : monteringLogo, alt: "montering logo", width: 32, height: 32 })) : null, h("div", null, h("div", null, h("p", { onClick: () => this.openModal(), class: `pointer ${[WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) && state.selectedProduct ? 'underline' : ''}` }, this.id === 'maleri' ? (h("span", null, "Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r")) : (h(Fragment, null, !state.selectedCustomerCategory && !this.product && !this.proppedProduct ? (h(Fragment, null, ((_a = state.customer) === null || _a === void 0 ? void 0 : _a.widget_title) ? (h("span", null, state.customer.widget_title)) : (h("span", null, "Montering/Installation - ", h("strong", { class: "underline" }, "se priser h\u00E4r"))))) : (h(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 = state.selectedCustomerCategory) === null || _d === void 0 ? void 0 : _d.widget_title) || (h("span", null, "Montering", h("wbr", null), "/Installation ", (_f = (_e = state.selectedCustomerCategory) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : 'på plats', " - ", 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) ? (h("span", null, ' från', " ", h("strong", null, getProductPriceWithRotAndRut(this.proppedProduct || this.product), "kr"))) : null)))))), this.widgetStyle === WidgetStyle.standard ? h("img", { src: logo, width: 104 }) : null, this.widgetStyle === WidgetStyle.alternative ? (h("span", { class: "p-s" }, "Utf\u00F6rs av ", h("strong", null, "Hemfixarna"))) : null), [WidgetStyle.standard, WidgetStyle.alternative].includes(this.widgetStyle) ? (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 && h("span", null, this.getCartLength()))) : null, WidgetStyle.alternative_2 === this.widgetStyle ? (h("div", { class: "hemfixarna_altbtn" }, h("strong", { class: "p-s" }, "Utf\u00F6rs av"), h("img", { src: logo, alt: "hemfixarna logo", width: 98 }))) : null), this.modal && (h("div", null, h("div", { class: `hemfixarna_modal ${this.showModal ? 'hemfixarna_modal--open' : ''}` }, state.modal && (h("div", { class: "hemfixarna_infomodal" }, state.modal.title && h("h2", null, state.modal.title), state.modal.text.map((t) => (h("p", { innerHTML: t }))), h("div", null, h("button", { onClick: () => (state.modal = null) }, "St\u00E4ng")))), state.customer && h("hemfixarna-breadcrumbs", { closeModal: () => this.closeModal() }), h("div", { class: `hemfixarna_content hemfixarna_content--${state.step} ${state.step === 4 && state.maleri ? 'hemfixarna_content--painting' : ''}` }, state.step < 4 && h("hemfixarna-start", null), state.step === 4 && h("hemfixarna-product", null), state.step === 5 && h("hemfixarna-cart", null), state.step === 6 && h("hemfixarna-order", null))), h("div", { class: `hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}` })))));
   }
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "slug": ["watchSlugChange"],
     "id": ["watchIdChange"]
   }; }
 };
@@ -1142,7 +750,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) {
     registerInstance(this, hostRef);
     this.debounce = null;
@@ -1157,6 +765,8 @@ const MyComponent$i = class {
     this.buttonColor = '';
     this.partner = undefined;
     this.colorAccessibility = undefined;
+    this.loggedIn = false;
+    this.loginError = false;
   }
   debouncedFunction() {
     if (this.debounce !== null) {
@@ -1173,25 +783,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) {
@@ -1209,25 +816,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 : 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 === 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());
@@ -1255,100 +857,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 = getAssetPath(`./assets/copy.png`);
-    return (h("div", { class: ((_a = this.customer) === null || _a === void 0 ? void 0 : _a.at_hemfixarna) ? 'hemfixarna_hosted' : '' }, h("div", { class: "hemfixarna_scripts" }, h("div", { onClick: () => this.copyExample(), class: "hemfixarna_example" }, h("p", null, this.getExample()), h("img", { src: copy, height: 20 }), h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText)), this.partner === Business.byggmax && (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 && h("hemfixarna-skanska", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.sparfonster && (h("hemfixarna-sparfonster", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.string && (h("hemfixarna-string-furniture", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.hornbach && (h("hemfixarna-hornbach", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.traningspartner && (h("hemfixarna-traningspartner", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.superfront && (h("hemfixarna-superfront", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.zaptec && (h("hemfixarna-zaptec", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.tesla && (h("hemfixarna-tesla", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.forebygg && (h("hemfixarna-forebygg", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.doro && h("hemfixarna-doro", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.elfa && h("hemfixarna-elfa", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.kbygg && (h("hemfixarna-kbygg", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.fargvaruhuset && (h("hemfixarna-fargvaruhuset", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.norrgavel && (h("hemfixarna-norrgavel", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.klint && h("hemfixarna-klint", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.flyttsmart && (h("hemfixarna-flyttsmart", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.power && h("hemfixarna-power", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.kund && h("hemfixarna-kund", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), h("div", { class: "hemfixarna_install" }, h("div", { onClick: () => this.copyCdn(), class: "hemfixarna_example" }, h("p", null, this.cdnLink), h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText), h("img", { src: copy, height: 20 }))), h("div", { class: "hemfixarna_widgetstyles" }, h("h5", null, "Widget styles"), h("div", null, Object.values(WidgetStyle).map(style => (h("label", { key: style }, h("input", { type: "radio", value: style, checked: this.widgetStyle === style, onChange: () => (this.widgetStyle = style) }), style)))), h("div", null, h("div", null, h("h5", null, "Button background color"), h("input", { type: "text", value: this.buttonBg, onInput: e => (this.buttonBg = e.target.value) })), h("div", null, h("h5", null, "Button text color"), h("input", { type: "text", value: this.buttonColor, onInput: e => (this.buttonColor = e.target.value) })))), h("span", null, "Write an hexa code no # needed"), this.colorAccessibility ? (h("div", null, h("h5", null, "Tillg\u00E4nglighetsrapport"), h("div", null, h("strong", null, "Liten text:"), h("span", { style: { color: this.getColor(this.colorAccessibility.small) } }, this.colorAccessibility.small), h("br", null), h("strong", null, "Fet text:"), h("span", { style: { color: this.getColor(this.colorAccessibility.bold) } }, this.colorAccessibility.bold), h("br", null), h("strong", null, "Stor text:"), h("span", { style: { color: this.getColor(this.colorAccessibility.large) } }, this.colorAccessibility.large), h("br", null), h("strong", null, "Kontrastf\u00F6rh\u00E5llande:"), " ", this.colorAccessibility.contrast))) : null), h("ul", { class: "hemfixarna_categories" }, this.customer ? (h("div", null, this.customer.logo ? (h("div", { style: { width: '100%', display: 'flex', justifyContent: 'center' } }, h("img", { style: { maxWidth: '250px', height: 'auto', margin: '0 auto 2rem' }, src: this.customer.logo.url, alt: this.customer.post_title }))) : null, this.showMaleri() ? (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, h("div", null, h("p", null, "M\u00E5leriverktyget"), h("span", null, "maleri")), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText('maleri') }, "Kopiera ID"), this.customer.at_hemfixarna ? (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")) : (h("button", { onClick: () => (this.selectedID = 'maleri') }, "Ladda m\u00E5leri")))))) : null, this.customer.categories.map(c => (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, h("div", null, h("p", null, c.name), h("span", null, `c-${c.id}`)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(`c-${c.id}`) }, "Kopiera ID"), this.customer.at_hemfixarna ? (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")) : (h("button", { onClick: () => (this.selectedID = `c-${c.id}`) }, "Ladda kategori")))), c.show_products && c.products ? (h("ul", null, c.products.map(p => (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_product--label" }, h("div", null, h("p", null, p.fields.title), h("span", null, p.fields.ID)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, "Kopiera ID"), this.customer.at_hemfixarna ? (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")) : (h("button", { onClick: () => (this.selectedID = String(p.fields.ID)) }, "Ladda produkt"))))))))) : (h("ul", null, c.sub_categories &&
-      c.sub_categories.map(sc => (h("li", null, h("div", { class: "hemfixarna_categories--label" }, h("div", null, h("p", null, sc.name), h("span", null, `c-${sc.id}`)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(`c-${sc.id}`) }, "Kopiera ID"), this.customer.at_hemfixarna ? (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")) : (h("button", { onClick: () => (this.selectedID = `c-${sc.id}`) }, "Ladda kategori")))), h("ul", null, sc.products.map(p => (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_product--label" }, h("div", null, h("p", null, p.fields.title), h("span", null, p.fields.ID)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, "Kopiera ID"), this.customer.at_hemfixarna ? (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")) : (h("button", { onClick: () => (this.selectedID = String(p.fields.ID)) }, "Ladda produkt")))))))))))))))))) : this.tree ? (h("div", null, this.tree.sub_cats.map(c => (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, h("div", null, h("p", null, c.name), h("span", null, `category/${c.slug}`)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(`category/${c.slug}`) }, "Kopiera slug"), h("button", { onClick: () => (this.selectedSlug = `category/${c.slug}`) }, "Ladda kategori"))), h("ul", null, c.services.map(sc => (h("li", null, h("div", { class: "hemfixarna_categories--label" }, h("div", null, h("p", null, sc.post_title), h("span", null, `service/${sc.post_name}`)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(`service/${sc.post_name}`) }, "Kopiera slug"), h("button", { onClick: () => (this.selectedSlug = `service/${sc.post_name}`) }, "Ladda kategori"))), h("ul", null, sc.products.map(sc => (h("li", null, h("div", { class: "hemfixarna_categories--label" }, h("div", null, h("p", null, sc.post_title), h("span", null, `product/${sc.post_name}`)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(`product/${sc.post_name}`) }, "Kopiera slug"), h("button", { onClick: () => (this.selectedSlug = `product/${sc.post_name}`) }, "Ladda produkt")))))))))))))))) : null)));
+    return this.customer ? (h(Fragment, null, this.loggedIn ? (h("div", { class: ((_a = this.customer) === null || _a === void 0 ? void 0 : _a.at_hemfixarna) ? 'hemfixarna_hosted' : '' }, h("div", { class: "hemfixarna_scripts" }, h("div", { onClick: () => this.copyExample(), class: "hemfixarna_example" }, h("p", null, this.getExample()), h("img", { src: copy, height: 20 }), h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText)), h("hemfixarna-component", { business: this.partner, buttonBg: this.buttonBg, buttonColor: this.buttonColor, widgetStyle: this.widgetStyle, id: this.selectedID }), h("div", { class: "hemfixarna_install" }, h("div", { onClick: () => this.copyCdn(), class: "hemfixarna_example" }, h("p", null, this.cdnLink), h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText), h("img", { src: copy, height: 20 }))), h("div", { class: "hemfixarna_widgetstyles" }, h("h5", null, "Widget styles"), h("div", null, Object.values(WidgetStyle).map(style => (h("label", { key: style }, h("input", { type: "radio", value: style, checked: this.widgetStyle === style, onChange: () => (this.widgetStyle = style) }), style)))), h("div", null, h("div", null, h("h5", null, "Button background color"), h("input", { type: "text", value: this.buttonBg, onInput: e => (this.buttonBg = e.target.value) })), h("div", null, h("h5", null, "Button text color"), h("input", { type: "text", value: this.buttonColor, onInput: e => (this.buttonColor = e.target.value) })))), h("span", null, "Write an hexa code no # needed"), this.colorAccessibility ? (h("div", null, h("h5", null, "Tillg\u00E4nglighetsrapport"), h("div", null, h("strong", null, "Liten text:"), h("span", { style: { color: this.getColor(this.colorAccessibility.small) } }, this.colorAccessibility.small), h("br", null), h("strong", null, "Fet text:"), h("span", { style: { color: this.getColor(this.colorAccessibility.bold) } }, this.colorAccessibility.bold), h("br", null), h("strong", null, "Stor text:"), h("span", { style: { color: this.getColor(this.colorAccessibility.large) } }, this.colorAccessibility.large), h("br", null), h("strong", null, "Kontrastf\u00F6rh\u00E5llande:"), " ", this.colorAccessibility.contrast))) : null), h("ul", { class: "hemfixarna_categories" }, h("div", null, this.customer.logo ? (h("div", { style: { width: '100%', display: 'flex', justifyContent: 'center' } }, h("img", { style: { maxWidth: '250px', height: 'auto', margin: '0 auto 2rem' }, src: this.customer.logo.url, alt: this.customer.post_title }))) : null, this.showMaleri() ? (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, h("div", null, h("p", null, "M\u00E5leriverktyget"), h("span", null, "maleri")), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText('maleri') }, "Kopiera ID"), this.customer.at_hemfixarna ? (h("button", { onClick: () => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=maleri`) }, "Kopiera URL")) : (h("button", { onClick: () => (this.selectedID = 'maleri') }, "Ladda m\u00E5leri")))))) : null, this.customer.categories.map(c => (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, h("div", null, h("p", null, c.name), h("span", null, `c-${c.id}`)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(`c-${c.id}`) }, "Kopiera ID"), this.customer.at_hemfixarna ? (h("button", { onClick: () => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=c-${c.id}`) }, "Kopiera URL")) : (h("button", { onClick: () => (this.selectedID = `c-${c.id}`) }, "Ladda kategori")))), c.show_products && c.products ? (h("ul", null, c.products.map(p => (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_product--label" }, h("div", null, h("p", null, p.fields.title), h("span", null, p.fields.ID)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, "Kopiera ID"), this.customer.at_hemfixarna ? (h("button", { onClick: () => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=${p.fields.ID}`) }, "Kopiera URL")) : (h("button", { onClick: () => (this.selectedID = String(p.fields.ID)) }, "Ladda produkt"))))))))) : (h("ul", null, c.sub_categories &&
+      c.sub_categories.map(sc => (h("li", null, h("div", { class: "hemfixarna_categories--label" }, h("div", null, h("p", null, sc.name), h("span", null, `c-${sc.id}`)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(`c-${sc.id}`) }, "Kopiera ID"), this.customer.at_hemfixarna ? (h("button", { onClick: () => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=c-${c.id}`) }, "Kopiera URL")) : (h("button", { onClick: () => (this.selectedID = `c-${sc.id}`) }, "Ladda kategori")))), h("ul", null, sc.products.map(p => (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_product--label" }, h("div", null, h("p", null, p.fields.title), h("span", null, p.fields.ID)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, "Kopiera ID"), this.customer.at_hemfixarna ? (h("button", { onClick: () => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=${p.fields.ID}`) }, "Kopiera URL")) : (h("button", { onClick: () => (this.selectedID = String(p.fields.ID)) }, "Ladda produkt")))))))))))))))))))) : (h("div", null, 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',
+      } }, h("input", { type: "password", placeholder: "L\u00F6senord" }), h("button", { type: "submit" }, "Logga in"), this.loginError && h("span", null, "Fel l\u00F6senord")))))) : (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = 'true';
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-    this.isDemo = false;
-  }
-  render() {
-    return (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-    this.isDemo = false;
-  }
-  render() {
-    return (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-    this.isDemo = false;
-  }
-  render() {
-    return (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (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 {
@@ -1984,8 +1545,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',
@@ -2075,39 +1635,21 @@ const HemfixarnaGetuser = class {
   get el() { return getElement(this); }
 };
 
-const hemfixarnaHornbachCss = "";
-
-const MyComponent$c = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = 'true';
-    this.isDemo = false;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (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) {
     registerInstance(this, hostRef);
     this.logo = getAssetPath(`./assets/hemfixarna.svg`);
   }
   render() {
-    var _a;
+    var _a, _b;
     const checked = getAssetPath(`./assets/checked.svg`);
-    return (h("div", { class: "hemfixarna_info" }, state.step < 5 ? (h(Fragment, null, h("h2", null, state.customer.info_title), h("p", null, state.customer.info_text))) : (h("h2", null, state.customer.checkout_title)), h("ul", { class: "hemfixarna_features" }, state.step < 5 ? (h(Fragment, null, ((_a = state.customer.trust_badges) === null || _a === void 0 ? void 0 : _a.length) ? (h(Fragment, null, state.customer.trust_badges.map(l => (h("li", { key: l.text }, h("img", { src: checked, alt: "checked" }), h("p", null, l.text)))))) : (h(Fragment, null, state.options.trust.map(l => (h("li", { key: l.trust_badge }, h("img", { src: checked, alt: "checked" }), h("p", null, l.trust_badge)))))))) : (h(Fragment, null, state.customer.checkout_trust_badges.map(l => (h("li", { key: l.text }, h("img", { src: checked, alt: "checked" }), h("p", null, l.text))))))), h("img", { src: this.logo, width: 200, alt: "hemfixarna" }), h("a", { class: "hemfixarna_product--link", target: "_blank", href: state.options.link.url }, state.options.link.title)));
+    return (h("div", { class: "hemfixarna_info" }, state.step < 5 ? (h(Fragment, null, h("h2", null, state.customer.info_title), h("p", null, state.customer.info_text))) : (h("h2", null, state.customer.checkout_title)), h("ul", { class: "hemfixarna_features" }, state.step < 5 ? (h(Fragment, null, ((_a = state.customer.trust_badges) === null || _a === void 0 ? void 0 : _a.length) ? (h(Fragment, null, state.customer.trust_badges.map(l => (h("li", { key: l.text }, h("img", { src: checked, alt: "checked" }), h("p", null, l.text)))))) : (h(Fragment, null, state.options.trust.map(l => (h("li", { key: l.trust_badge }, h("img", { src: checked, alt: "checked" }), h("p", null, l.trust_badge)))))))) : (h(Fragment, null, (_b = state.customer.checkout_trust_badges) === null || _b === void 0 ? void 0 : _b.map(l => (h("li", { key: l.text }, h("img", { src: checked, alt: "checked" }), h("p", null, l.text))))))), h("img", { src: this.logo, width: 200, alt: "hemfixarna" }), h("a", { class: "hemfixarna_product--link", target: "_blank", href: state.options.link.url }, state.options.link.title)));
   }
 };
 
 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) {
     registerInstance(this, hostRef);
@@ -2253,71 +1795,12 @@ const HemfixarnaInvoice = class {
 };
 HemfixarnaInvoice.style = hemfixarnaInvoiceCss;
 
-const MyComponent$b = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = 'true';
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-    this.isDemo = false;
-  }
-  render() {
-    return (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = 'true';
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-    this.isDemo = false;
-  }
-  render() {
-    return (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) {
     registerInstance(this, hostRef);
     this.render = () => {
-      return (h("div", { style: { background: `url(${state.options.thank_you_image})` }, class: "hemfixarna_order" }, h("div", null), h("div", null, h("h2", null, state.checkoutInvoice ? 'Tack för din förfrågan' : 'Tack för din bokning'), state.checkoutInvoice ? h("p", null, "Vi \u00E5terkommer inom kort till dig p\u00E5 angivet telefonnummer eller epost") : null, state.checkoutInvoice ? h("div", null) : h("hemfixarna-orderrows", { tree: this.tree, cart: false }), h("span", { onClick: () => this.resetShop() }, h("button", null, "G\u00F6r en ny bokning")), h("hemfixarna-info", null))));
+      return (h("div", { style: { background: `url(${state.options.thank_you_image})` }, class: "hemfixarna_order" }, h("div", null), h("div", null, h("h2", null, state.checkoutInvoice ? 'Tack för din förfrågan' : 'Tack för din bokning'), state.checkoutInvoice ? h("p", null, "Vi \u00E5terkommer inom kort till dig p\u00E5 angivet telefonnummer eller epost") : null, state.checkoutInvoice ? h("div", null) : h("hemfixarna-orderrows", { cart: false }), h("span", { onClick: () => this.resetShop() }, h("button", null, "G\u00F6r en ny bokning")), h("hemfixarna-info", null))));
     };
-    this.tree = undefined;
   }
   resetShop() {
     state.step = 1;
@@ -2337,29 +1820,15 @@ const HemfixarnaOrderrows = class {
   constructor(hostRef) {
     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;
+    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;
     }
   }
@@ -2404,21 +1873,6 @@ const HemfixarnaOrderrows = class {
   }
 };
 
-const MyComponent$7 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.customer = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.power }));
-  }
-};
-
 const hemfixarnaProductCss = "";
 
 const HemfixarnaProduct = class {
@@ -2566,53 +2020,6 @@ const HemfixarnaProduct = class {
 };
 HemfixarnaProduct.style = hemfixarnaProductCss;
 
-const HemfixarnaService = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("div", null, h("h2", null, state.selectedService.post_title), h("div", { class: "hemfixarna_categories--wrapper" }, h("div", null, h("ul", { class: "hemfixarna_categories" }, state.selectedService.products
-      .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))
-      .map(p => {
-      var _a;
-      return (h("hemfixarna-box", { post: p, icon: (_a = p.icon.url) !== null && _a !== void 0 ? _a : p.icon, postTitle: p.title }));
-    }))), h("hemfixarna-info", null))));
-  }
-};
-
-const hemfixarnaSkanskaCss = "";
-
-const MyComponent$6 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.customer = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.customer = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (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) {
     registerInstance(this, hostRef);
@@ -2644,81 +2051,6 @@ const HemfixarnaGrid = class {
   }
 };
 
-const hemfixarnaStringCss = "";
-
-const MyComponent$4 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = 'true';
-    this.isDemo = false;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (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) {
-    registerInstance(this, hostRef);
-    this.id = undefined;
-    this.loadFromQuery = 'true';
-    this.isDemo = false;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-  }
-  render() {
-    return (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 }));
-  }
-};
-
-export { HemfixarnaAddress as hemfixarna_address, HemfixarnaBox as hemfixarna_box, HemfixarnaBreadcrumbs as hemfixarna_breadcrumbs, MyComponent$j as hemfixarna_byggmax, HemfixarnaCart as hemfixarna_cart, HemfixarnaCategory as hemfixarna_category, HemfixarnaCheckout as hemfixarna_checkout, HemfixarnaComponent as hemfixarna_component, HemfixarnaInfo$1 as hemfixarna_contact, MyComponent$i as hemfixarna_demo, MyComponent$h as hemfixarna_doro, MyComponent$g as hemfixarna_elfa, MyComponent$f as hemfixarna_fargvaruhuset, MyComponent$e as hemfixarna_flyttsmart, MyComponent$d as hemfixarna_forebygg, HemfixarnaGetuser as hemfixarna_getuser, MyComponent$c as hemfixarna_hornbach, HemfixarnaInfo as hemfixarna_info, HemfixarnaInvoice as hemfixarna_invoice, MyComponent$b as hemfixarna_kbygg, MyComponent$a as hemfixarna_klint, MyComponent$9 as hemfixarna_kund, MyComponent$8 as hemfixarna_norrgavel, HemfixarnaOrder as hemfixarna_order, HemfixarnaOrderrows as hemfixarna_orderrows, MyComponent$7 as hemfixarna_power, HemfixarnaProduct as hemfixarna_product, HemfixarnaService as hemfixarna_service, MyComponent$6 as hemfixarna_skanska, MyComponent$5 as hemfixarna_sparfonster, HemfixarnaGrid as hemfixarna_start, MyComponent$4 as hemfixarna_string_furniture, MyComponent$3 as hemfixarna_superfront, MyComponent$2 as hemfixarna_tesla, MyComponent$1 as hemfixarna_traningspartner, MyComponent as hemfixarna_zaptec };
+export { HemfixarnaAddress as hemfixarna_address, HemfixarnaBox as hemfixarna_box, HemfixarnaBreadcrumbs as hemfixarna_breadcrumbs, HemfixarnaCart as hemfixarna_cart, HemfixarnaCheckout as hemfixarna_checkout, HemfixarnaComponent as hemfixarna_component, HemfixarnaInfo$1 as hemfixarna_contact, MyComponent as hemfixarna_demo, HemfixarnaGetuser as hemfixarna_getuser, HemfixarnaInfo as hemfixarna_info, HemfixarnaInvoice as hemfixarna_invoice, HemfixarnaOrder as hemfixarna_order, HemfixarnaOrderrows as hemfixarna_orderrows, HemfixarnaProduct as hemfixarna_product, HemfixarnaGrid as hemfixarna_start };
 
-//# sourceMappingURL=hemfixarna-address_36.entry.js.map
+//# sourceMappingURL=hemfixarna-address_15.entry.js.map