@colabcommerce/elements 0.0.2 → 0.0.3

package/dist/CartForm.js

@@ -1,8 +1,8 @@
 import { jsx as t, Fragment as H, jsxs as f } from "react/jsx-runtime";
 import * as b from "react";
 import { useRef as ae, useState as E, useCallback as re, useContext as j, useMemo as Y, useEffect as q } from "react";
-import { C as ce, u as I, L as ie, d as le, g as de, b as ue, f as me, A as he, c as pe, w as fe, h as ge, e as _e } from "./addressComponentsToAddress-f0L6qfjZ.js";
-import { L as ye, F as ve, a as Ce, Q as Ne } from "./index-BkhS8Nlh.js";
+import { C as ce, u as I, L as ie, d as le, g as de, b as ue, f as me, A as he, c as pe, w as fe, h as ge, e as _e } from "./addressComponentsToAddress-CNK2WJ24.js";
+import { L as ye, F as ve, a as Ce, Q as Ne } from "./index-DqABFy0O.js";
 import { _ as be, p as B, q as k, j as we, A as Se, a as x, k as Ie, M as Le, c as y, Q as K, e as xe, h as F, i as Ae, F as v, R as qe, C as L, O as P, B as G, l as Q, I as Be, m as ke } from "./globals-C3lGVSJ0.js";
 import { C as Me } from "./Container-7bFgo-eP.js";
 function W() {
@@ -401,7 +401,7 @@ const Te = Object.assign(oe, {
     validationSchema: M,
     onSubmit: async (C) => {
       fe("AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M");
-      const p = await he(i == null ? void 0 : i.lat, i == null ? void 0 : i.lng), m = pe(p.results[0].address_components), S = await fetch("http://localhost:4000/widget_api/leads", {
+      const p = await he(i == null ? void 0 : i.lat, i == null ? void 0 : i.lng), m = pe(p.results[0].address_components), S = await fetch("https://api.colabcommerce.com/widget_api/leads", {
         method: "POST",
         headers: {
           "Content-Type": "application/json"

package/dist/ProductForm.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { useEffect as j, useState as E, Suspense as z } from "react";
-import { u as F, L as H, g as $, d as D, S as Q, b as U, k as J, f as V, A as K, c as G, w as X, h as Y, e as Z } from "./addressComponentsToAddress-f0L6qfjZ.js";
-import { L as ee, F as te, Q as ae } from "./index-BkhS8Nlh.js";
+import { u as F, L as H, g as $, d as D, S as Q, b as U, k as J, f as V, A as K, c as G, w as X, h as Y, e as Z } from "./addressComponentsToAddress-CNK2WJ24.js";
+import { L as ee, F as te, Q as ae } from "./index-DqABFy0O.js";
 import { a as M, c as k, e as oe, h as b, i as ne, B as R, F as d, R as se, C as _, O as y, l as W, I as re, m as ie } from "./globals-C3lGVSJ0.js";
-import { S as le } from "./index-GbXQ8qje.js";
+import { S as le } from "./index-TPy0P4tu.js";
 const ce = () => {
   const { locationName: m, setLocationName: l, setSearchCenter: c, setMapCenter: t, setLoadingGeo: f, getPosition: n } = F();
   return /* @__PURE__ */ e(
@@ -93,7 +93,7 @@ const ce = () => {
     validationSchema: w,
     onSubmit: async (p) => {
       X("AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M");
-      const T = await K(i == null ? void 0 : i.lat, i == null ? void 0 : i.lng), r = G(T.results[0].address_components), A = await fetch("http://localhost:4000/widget_api/leads", {
+      const T = await K(i == null ? void 0 : i.lat, i == null ? void 0 : i.lng), r = G(T.results[0].address_components), A = await fetch("https://api.colabcommerce.com/widget_api/leads", {
         method: "POST",
         headers: {
           "Content-Type": "application/json"

package/dist/Retailer.js

@@ -10,7 +10,7 @@ const Je = Be(), kt = ({ id: t, lng: e, children: i }) => {
   }, [e]);
   const { data: a, error: o, isLoading: c, mutate: d } = Et(() => {
     if (t)
-      return [`http://localhost:4000/widget_api/company_retailer_locations/${t}`, { "X-Cc-Id": t }];
+      return [`https://api.colabcommerce.com/widget_api/company_retailer_locations/${t}`, { "X-Cc-Id": t }];
     throw new Error("No id provided");
   }, Ct);
   re(() => {

package/dist/StoreLocator.js

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as l, Fragment as se } from "react/jsx-runtime";
 import * as B from "react";
 import T, { useState as k, useRef as pe, useEffect as D, useLayoutEffect as Ee, useMemo as he, useCallback as Te, Suspense as He } from "react";
-import { a as E, b as je, c, d as Y, n as We, o as C, C as ae, p as U, q as F, T as Re, r as Be, t as De, E as fe, s as Fe, v as Pe, R as ge, e as Ae, h as Q, i as ze, B as oe, F as w, I as Ge, l as Le, m as Ue } from "./globals-C3lGVSJ0.js";
-import { C as qe, u as H, L as Je, d as Qe, l as Ve, a as Xe, S as Ke, b as Ye, A as Ze, c as et, w as tt, e as st, f as nt } from "./addressComponentsToAddress-f0L6qfjZ.js";
-import { S as at } from "./index-GbXQ8qje.js";
+import { a as E, b as je, c, d as Y, n as We, o as C, C as ne, p as U, q as F, T as Re, r as Be, t as De, E as fe, s as Fe, v as Pe, R as ge, e as Ae, h as Q, i as ze, B as oe, F as w, I as Ge, l as Le, m as Ue } from "./globals-C3lGVSJ0.js";
+import { C as qe, u as H, L as Je, d as Qe, l as Ve, a as Xe, S as Ke, b as Ye, A as Ze, c as et, w as tt, e as st, f as at } from "./addressComponentsToAddress-CNK2WJ24.js";
+import { S as nt } from "./index-TPy0P4tu.js";
 import { A as rt, d as it, u as ct, a as ot, B as lt, F as dt, b as mt, g as ut, M as V } from "./Modal-BqRDRCTs.js";
 const pt = "-E4vU", ht = "Y9kow", ft = "x0-tL", gt = "XBGE-", vt = "oUgyZ", yt = "_5xvIm", wt = "yR8v8", Nt = "-FfTB", bt = "mPv4I", _t = "DizAj", Ct = "pL7JB", It = "uUoP0", N = {
   wrapper: pt,
@@ -19,13 +19,13 @@ const pt = "-E4vU", ht = "Y9kow", ft = "x0-tL", gt = "XBGE-", vt = "oUgyZ", yt =
   shown: Ct,
   shownHours: It
 }, St = ({ i: e, hour: t }) => {
-  const { t: a, locale: n } = E(), i = /* @__PURE__ */ new Date();
+  const { t: n, locale: a } = E(), i = /* @__PURE__ */ new Date();
   i.setUTCHours(t.open_at_hour - t.utc_offset_minute / 60, t.open_at_minute, 0, 0);
   const r = /* @__PURE__ */ new Date();
   r.setUTCHours(t.close_at_hour - t.utc_offset_minute / 60, t.close_at_minute, 0, 0);
-  const d = i.getUTCMinutes() === 0 ? new Intl.DateTimeFormat(n, { hour: "numeric" }) : new Intl.DateTimeFormat(n, { hour: "numeric", minute: "2-digit" }), m = r.getUTCMinutes() === 0 ? new Intl.DateTimeFormat(n, { hour: "numeric" }) : new Intl.DateTimeFormat(n, { hour: "numeric", minute: "2-digit" });
+  const d = i.getUTCMinutes() === 0 ? new Intl.DateTimeFormat(a, { hour: "numeric" }) : new Intl.DateTimeFormat(a, { hour: "numeric", minute: "2-digit" }), m = r.getUTCMinutes() === 0 ? new Intl.DateTimeFormat(a, { hour: "numeric" }) : new Intl.DateTimeFormat(a, { hour: "numeric", minute: "2-digit" });
   return /* @__PURE__ */ l("div", { className: `${N.subHours} ${t.day === (/* @__PURE__ */ new Date()).getDay() ? N.today : ""}`, children: [
-    /* @__PURE__ */ s("div", { children: a(`store.days.${t.day}`) }),
+    /* @__PURE__ */ s("div", { children: n(`store.days.${t.day}`) }),
     /* @__PURE__ */ l("div", { children: [
       d.format(i),
       " - ",
@@ -33,11 +33,11 @@ const pt = "-E4vU", ht = "Y9kow", ft = "x0-tL", gt = "XBGE-", vt = "oUgyZ", yt =
     ] })
   ] }, t.day);
 }, Ot = ({ hours: e, defaultOpen: t = !1 }) => {
-  const { t: a, locale: n } = E(), { isOpen: i, openingSoon: r, closingSoon: d, openAt: m, closeAt: u, openFormatter: p, closeAtFormatter: f } = je(e), [y, _] = k(t), o = (/* @__PURE__ */ new Date()).getDay();
+  const { t: n, locale: a } = E(), { isOpen: i, openingSoon: r, closingSoon: d, openAt: m, closeAt: u, openFormatter: p, closeAtFormatter: f } = je(e), [y, _] = k(t), o = (/* @__PURE__ */ new Date()).getDay();
   if (!(e == null ? void 0 : e.find((O) => O.day === o))) return null;
   const W = i, I = e.sort((O, M) => O.day - M.day);
   let S = null, h = null;
-  return W ? d ? (h = c(N.hours, N.soon), S = /* @__PURE__ */ s("span", { children: a("store.closingSoon") })) : (h = c(N.hours, N.open), S = /* @__PURE__ */ s("span", { children: a("store.openNow") })) : r ? (h = c(N.hours, N.soon), S = /* @__PURE__ */ s("span", { children: a("store.openingSoon") })) : (h = c(N.hours, N.closed), S = /* @__PURE__ */ s("span", { children: a("store.closedNow") })), /* @__PURE__ */ l("div", { className: y ? c(N.wrapper, N.shown) : c(N.wrapper), children: [
+  return W ? d ? (h = c(N.hours, N.soon), S = /* @__PURE__ */ s("span", { children: n("store.closingSoon") })) : (h = c(N.hours, N.open), S = /* @__PURE__ */ s("span", { children: n("store.openNow") })) : r ? (h = c(N.hours, N.soon), S = /* @__PURE__ */ s("span", { children: n("store.openingSoon") })) : (h = c(N.hours, N.closed), S = /* @__PURE__ */ s("span", { children: n("store.closedNow") })), /* @__PURE__ */ l("div", { className: y ? c(N.wrapper, N.shown) : c(N.wrapper), children: [
     /* @__PURE__ */ l("div", { className: c(N.title), onClick: () => _(!y), children: [
       /* @__PURE__ */ l("span", { className: h, children: [
         /* @__PURE__ */ s("i", { className: "lpe-icons", children: "clock" }),
@@ -62,57 +62,57 @@ var ve = {
 }, le = T.createContext && /* @__PURE__ */ T.createContext(ve), xt = ["attr", "size", "title"];
 function Mt(e, t) {
   if (e == null) return {};
-  var a = $t(e, t), n, i;
+  var n = $t(e, t), a, i;
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
     for (i = 0; i < r.length; i++)
-      n = r[i], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+      a = r[i], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(e, a) && (n[a] = e[a]);
   }
-  return a;
+  return n;
 }
 function $t(e, t) {
   if (e == null) return {};
-  var a = {};
-  for (var n in e)
-    if (Object.prototype.hasOwnProperty.call(e, n)) {
-      if (t.indexOf(n) >= 0) continue;
-      a[n] = e[n];
+  var n = {};
+  for (var a in e)
+    if (Object.prototype.hasOwnProperty.call(e, a)) {
+      if (t.indexOf(a) >= 0) continue;
+      n[a] = e[a];
     }
-  return a;
+  return n;
 }
 function X() {
   return X = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
-      var a = arguments[t];
-      for (var n in a)
-        Object.prototype.hasOwnProperty.call(a, n) && (e[n] = a[n]);
+      var n = arguments[t];
+      for (var a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
     }
     return e;
   }, X.apply(this, arguments);
 }
 function de(e, t) {
-  var a = Object.keys(e);
+  var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(i) {
+    var a = Object.getOwnPropertySymbols(e);
+    t && (a = a.filter(function(i) {
       return Object.getOwnPropertyDescriptor(e, i).enumerable;
-    })), a.push.apply(a, n);
+    })), n.push.apply(n, a);
   }
-  return a;
+  return n;
 }
 function K(e) {
   for (var t = 1; t < arguments.length; t++) {
-    var a = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? de(Object(a), !0).forEach(function(n) {
-      kt(e, n, a[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(a)) : de(Object(a)).forEach(function(n) {
-      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(a, n));
+    var n = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? de(Object(n), !0).forEach(function(a) {
+      kt(e, a, n[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : de(Object(n)).forEach(function(a) {
+      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(n, a));
     });
   }
   return e;
 }
-function kt(e, t, a) {
-  return t = Et(t), t in e ? Object.defineProperty(e, t, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = a, e;
+function kt(e, t, n) {
+  return t = Et(t), t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
 }
 function Et(e) {
   var t = Tt(e, "string");
@@ -120,17 +120,17 @@ function Et(e) {
 }
 function Tt(e, t) {
   if (typeof e != "object" || !e) return e;
-  var a = e[Symbol.toPrimitive];
-  if (a !== void 0) {
-    var n = a.call(e, t);
-    if (typeof n != "object") return n;
+  var n = e[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var a = n.call(e, t);
+    if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
 }
 function ye(e) {
-  return e && e.map((t, a) => /* @__PURE__ */ T.createElement(t.tag, K({
-    key: a
+  return e && e.map((t, n) => /* @__PURE__ */ T.createElement(t.tag, K({
+    key: n
   }, t.attr), ye(t.child)));
 }
 function Ht(e) {
@@ -139,27 +139,27 @@ function Ht(e) {
   }, t), ye(e.child));
 }
 function jt(e) {
-  var t = (a) => {
+  var t = (n) => {
     var {
-      attr: n,
+      attr: a,
       size: i,
       title: r
-    } = e, d = Mt(e, xt), m = i || a.size || "1em", u;
-    return a.className && (u = a.className), e.className && (u = (u ? u + " " : "") + e.className), /* @__PURE__ */ T.createElement("svg", X({
+    } = e, d = Mt(e, xt), m = i || n.size || "1em", u;
+    return n.className && (u = n.className), e.className && (u = (u ? u + " " : "") + e.className), /* @__PURE__ */ T.createElement("svg", X({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, n, d, {
+    }, n.attr, a, d, {
       className: u,
       style: K(K({
-        color: e.color || a.color
-      }, a.style), e.style),
+        color: e.color || n.color
+      }, n.style), e.style),
       height: m,
       width: m,
       xmlns: "http://www.w3.org/2000/svg"
     }), r && /* @__PURE__ */ T.createElement("title", null, r), e.children);
   };
-  return le !== void 0 ? /* @__PURE__ */ T.createElement(le.Consumer, null, (a) => t(a)) : t(ve);
+  return le !== void 0 ? /* @__PURE__ */ T.createElement(le.Consumer, null, (n) => t(n)) : t(ve);
 }
 function Wt(e) {
   return Ht({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z" }, child: [] }] })(e);
@@ -218,7 +218,7 @@ const zt = [
     }
   ]
 ], Gt = Y("phone", zt), Lt = () => {
-  const { t: e } = E(), { locationName: t, setLocationName: a, setSearchCenter: n, setMapCenter: i, setShowFilters: r, setLoadingGeo: d, getPosition: m } = H(), u = pe(null), [p, f] = k(null), y = We("places");
+  const { t: e } = E(), { locationName: t, setLocationName: n, setSearchCenter: a, setMapCenter: i, setShowFilters: r, setLoadingGeo: d, getPosition: m } = H(), u = pe(null), [p, f] = k(null), y = We("places");
   return D(() => {
     if (!y || !u.current) return;
     const b = {
@@ -233,14 +233,14 @@ const zt = [
         return;
       }
       const o = { lat: b.geometry.location.lat(), lng: b.geometry.location.lng() };
-      i(o), n(o), a(b.formatted_address);
+      i(o), a(o), n(b.formatted_address);
     });
-  }, [p, a]), /* @__PURE__ */ s(Je, { locationName: t, setLocationName: a, setSearchCenter: n, setMapCenter: i, handleLocate: () => {
+  }, [p, n]), /* @__PURE__ */ s(Je, { locationName: t, setLocationName: n, setSearchCenter: a, setMapCenter: i, handleLocate: () => {
     d(!0), m();
   } });
 }, Ut = typeof global < "u" && // @ts-ignore
 global.navigator && // @ts-ignore
-global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt || Ut ? Ee : D, Qt = "_0KWD0", Vt = "g3FBG", Xt = "CLUyb", Kt = "npnV3", Yt = "BIswH", Zt = "-m7UC", es = "-q7GQ", ts = "YbQl1", ss = "N8xLz", ns = "I-G0P", as = "OuZOS", rs = "WA4AC", is = "xkI8T", cs = "frXG0", os = "xm9kk", ls = "owF5c", ds = "FeU6b", ms = "XSAWh", us = "RmHU1", ps = "VFB9v", v = {
+global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt || Ut ? Ee : D, Qt = "_0KWD0", Vt = "g3FBG", Xt = "CLUyb", Kt = "npnV3", Yt = "BIswH", Zt = "-m7UC", es = "-q7GQ", ts = "YbQl1", ss = "N8xLz", as = "I-G0P", ns = "OuZOS", rs = "WA4AC", is = "xkI8T", cs = "frXG0", os = "xm9kk", ls = "owF5c", ds = "FeU6b", ms = "XSAWh", us = "RmHU1", ps = "VFB9v", v = {
   wrapper: Qt,
   selected: Vt,
   nameWrapper: Xt,
@@ -250,8 +250,8 @@ global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt
   address: es,
   interactWrapper: ts,
   interactItem: ss,
-  interactIcon: ns,
-  interactText: as,
+  interactIcon: as,
+  interactText: ns,
   addressWrapper: rs,
   viewProducts: is,
   rotateIcon: cs,
@@ -261,9 +261,9 @@ global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt
   productName: ms,
   productsWrapper: us,
   dismissable: ps
-}, hs = ({ id: e, location: t, dismissable: a }) => {
+}, hs = ({ id: e, location: t, dismissable: n }) => {
   var q, P, A, z, J;
-  const n = "store-locator-sidebar-list-item", { selectedLocation: i, searchCenter: r, showDetails: d, setShowDetails: m, setMessageModalOpen: u, setSelectedLocationId: p } = H(), { t: f, i18n: y } = E(), _ = y == null ? void 0 : y.language, [b, o] = k(!1), [j, W] = k(!1), I = () => {
+  const a = "store-locator-sidebar-list-item", { selectedLocation: i, searchCenter: r, showDetails: d, setShowDetails: m, setMessageModalOpen: u, setSelectedLocationId: p } = H(), { t: f, i18n: y } = E(), _ = y == null ? void 0 : y.language, [b, o] = k(!1), [j, W] = k(!1), I = () => {
     u(!0);
   }, S = () => {
     p(e);
@@ -316,20 +316,20 @@ global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt
         {
           href: `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent((J = t == null ? void 0 : t.address) == null ? void 0 : J.string)}=&destination_place_id=${t == null ? void 0 : t.place_id}`,
           target: "new",
-          className: [C("interactItem", v, n), "cc-interact-item-directions"].join(" "),
+          className: [C("interactItem", v, a), "cc-interact-item-directions"].join(" "),
           children: [
-            /* @__PURE__ */ s("div", { className: [C("interactIcon", v, n), "cc-interact-icon-directions"].join(" "), children: /* @__PURE__ */ s(Bt, { size: 20 }) }),
-            /* @__PURE__ */ s("div", { className: [C("interactText", v, n), "cc-interact-text-directions"].join(" "), children: f("general.directions") })
+            /* @__PURE__ */ s("div", { className: [C("interactIcon", v, a), "cc-interact-icon-directions"].join(" "), children: /* @__PURE__ */ s(Bt, { size: 20 }) }),
+            /* @__PURE__ */ s("div", { className: [C("interactText", v, a), "cc-interact-text-directions"].join(" "), children: f("general.directions") })
           ]
         }
       ),
-      /* @__PURE__ */ l("button", { className: C("interactItem", v, n), onClick: I, children: [
-        /* @__PURE__ */ s("div", { className: C("interactIcon", v, n), children: /* @__PURE__ */ s(At, { size: 20 }) }),
-        /* @__PURE__ */ s("div", { className: C("interactText", v, n), children: f("general.message") })
+      /* @__PURE__ */ l("button", { className: C("interactItem", v, a), onClick: I, children: [
+        /* @__PURE__ */ s("div", { className: C("interactIcon", v, a), children: /* @__PURE__ */ s(At, { size: 20 }) }),
+        /* @__PURE__ */ s("div", { className: C("interactText", v, a), children: f("general.message") })
       ] }),
-      (t == null ? void 0 : t.website) && /* @__PURE__ */ l("a", { href: t == null ? void 0 : t.website, target: "_blank", className: C("interactItem", v, n), children: [
-        /* @__PURE__ */ s("div", { className: C("interactIcon", v, n), children: /* @__PURE__ */ s(Ft, { size: 20 }) }),
-        /* @__PURE__ */ s("div", { className: C("interactText", v, n), children: f("general.website") })
+      (t == null ? void 0 : t.website) && /* @__PURE__ */ l("a", { href: t == null ? void 0 : t.website, target: "_blank", className: C("interactItem", v, a), children: [
+        /* @__PURE__ */ s("div", { className: C("interactIcon", v, a), children: /* @__PURE__ */ s(Ft, { size: 20 }) }),
+        /* @__PURE__ */ s("div", { className: C("interactText", v, a), children: f("general.website") })
       ] })
     ] })
   ] });
@@ -338,7 +338,7 @@ global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt
   itemWrapper: gs,
   wrapper: vs
 }, ys = () => {
-  const { t: e } = E(), { locations: t, isLoading: a, selectedLocationId: n } = H();
+  const { t: e } = E(), { locations: t, isLoading: n, selectedLocationId: a } = H();
   function i(r, d) {
     if (!r || !d) return;
     const m = r.getBoundingClientRect(), p = d.getBoundingClientRect().top - m.top + r.scrollTop;
@@ -348,55 +348,55 @@ global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt
     });
   }
   return D(() => {
-    const r = document.getElementById(`location-${n}`);
+    const r = document.getElementById(`location-${a}`);
     if (r) {
       const d = document.getElementById("llw");
       i(d, r);
     }
-  }, [n]), a ? /* @__PURE__ */ s("div", { className: c(G.loading), children: /* @__PURE__ */ s("img", { src: "https://images.sofasandsectionals.com/cc/pal-loader.svg", width: "50", height: "50", alt: e("store_locator.loading") }) }) : /* @__PURE__ */ s("div", { id: "location-list", className: `${G.wrapper} ${n ? G.hasSelected : ""}`, children: t.map((r) => /* @__PURE__ */ s("div", { id: `location-${r.id}`, className: `${G.itemWrapper} ${n === r.id ? G.selected : ""}`, children: /* @__PURE__ */ s(hs, { id: r.id, location: r }) }, r.id)) });
+  }, [a]), n ? /* @__PURE__ */ s("div", { className: c(G.loading), children: /* @__PURE__ */ s("img", { src: "https://images.sofasandsectionals.com/cc/pal-loader.svg", width: "50", height: "50", alt: e("store_locator.loading") }) }) : /* @__PURE__ */ s("div", { id: "location-list", className: `${G.wrapper} ${a ? G.hasSelected : ""}`, children: t.map((r) => /* @__PURE__ */ s("div", { id: `location-${r.id}`, className: `${G.itemWrapper} ${a === r.id ? G.selected : ""}`, children: /* @__PURE__ */ s(hs, { id: r.id, location: r }) }, r.id)) });
 }, ws = "N2FHA", Ns = "BSoIL", bs = "xMDdB", _s = "-zMng", L = {
   wrapper: ws,
   top: Ns,
   searchWrapper: bs,
   listWrapper: _s
 }, Cs = () => {
-  const { showMap: e, showFilters: t, setShowFilters: a, locale: n, selectedLocationId: i } = H();
-  return /* @__PURE__ */ l(ae, { xs: { order: 1 }, lg: { order: 0, span: 4 }, xxl: { order: 0, span: 3 }, className: c(L.wrapper), children: [
+  const { showMap: e, showFilters: t, setShowFilters: n, locale: a, selectedLocationId: i } = H();
+  return /* @__PURE__ */ l(ne, { xs: { order: 1 }, lg: { order: 0, span: 4 }, xxl: { order: 0, span: 3 }, className: c(L.wrapper), children: [
     /* @__PURE__ */ s("div", { className: c(L.top), children: /* @__PURE__ */ s("div", { className: c(L.searchWrapper), children: /* @__PURE__ */ s("div", { className: "mb-3", children: /* @__PURE__ */ s(Lt, {}) }) }) }),
     /* @__PURE__ */ s("div", { className: `${L.listWrapper} ${i ? L.hasSelected : ""}`, id: "llw", children: /* @__PURE__ */ s(ys, {}) })
   ] });
-}, ne = /* @__PURE__ */ new WeakMap(), me = (e, t) => {
+}, ae = /* @__PURE__ */ new WeakMap(), me = (e, t) => {
   if (!e || !t) return;
-  const a = ne.get(t) || /* @__PURE__ */ new Map();
-  ne.set(t, a);
-  let n = a.get(e);
-  return n || (n = t.matchMedia(e), n.refCount = 0, a.set(n.media, n)), n;
+  const n = ae.get(t) || /* @__PURE__ */ new Map();
+  ae.set(t, n);
+  let a = n.get(e);
+  return a || (a = t.matchMedia(e), a.refCount = 0, n.set(a.media, a)), a;
 };
 function Is(e, t = typeof window > "u" ? void 0 : window) {
-  const a = me(e, t), [n, i] = k(() => a ? a.matches : !1);
+  const n = me(e, t), [a, i] = k(() => n ? n.matches : !1);
   return Jt(() => {
     let r = me(e, t);
     if (!r)
       return i(!1);
-    let d = ne.get(t);
+    let d = ae.get(t);
     const m = () => {
       i(r.matches);
     };
     return r.refCount++, r.addListener(m), m(), () => {
       r.removeListener(m), r.refCount--, r.refCount <= 0 && (d == null || d.delete(r.media)), r = void 0;
     };
-  }, [e]), n;
+  }, [e]), a;
 }
 function Ss(e) {
   const t = Object.keys(e);
-  function a(m, u) {
+  function n(m, u) {
     return m === u ? u : m ? `${m} and ${u}` : u;
   }
-  function n(m) {
+  function a(m) {
     return t[Math.min(t.indexOf(m) + 1, t.length - 1)];
   }
   function i(m) {
-    const u = n(m);
+    const u = a(m);
     let p = e[u];
     return typeof p == "number" ? p = `${p - 0.2}px` : p = `calc(${p} - 0.2px)`, `(max-width: ${p})`;
   }
@@ -409,7 +409,7 @@ function Ss(e) {
     typeof m == "object" ? (f = m, p = u, u = !0) : (u = u || !0, f = {
       [m]: u
     });
-    let y = he(() => Object.entries(f).reduce((_, [b, o]) => ((o === "up" || o === !0) && (_ = a(_, r(b))), (o === "down" || o === !0) && (_ = a(_, i(b))), _), ""), [JSON.stringify(f)]);
+    let y = he(() => Object.entries(f).reduce((_, [b, o]) => ((o === "up" || o === !0) && (_ = n(_, r(b))), (o === "down" || o === !0) && (_ = n(_, i(b))), _), ""), [JSON.stringify(f)]);
     return Is(y, p);
   }
   return d;
@@ -424,12 +424,12 @@ const Os = Ss({
 }), we = /* @__PURE__ */ B.forwardRef(({
   className: e,
   bsPrefix: t,
-  as: a = "div",
-  ...n
-}, i) => (t = U(t, "offcanvas-body"), /* @__PURE__ */ s(a, {
+  as: n = "div",
+  ...a
+}, i) => (t = U(t, "offcanvas-body"), /* @__PURE__ */ s(n, {
   ref: i,
   className: F(e, t),
-  ...n
+  ...a
 })));
 we.displayName = "OffcanvasBody";
 const xs = {
@@ -438,8 +438,8 @@ const xs = {
 }, Ne = /* @__PURE__ */ B.forwardRef(({
   bsPrefix: e,
   className: t,
-  children: a,
-  in: n = !1,
+  children: n,
+  in: a = !1,
   mountOnEnter: i = !1,
   unmountOnExit: r = !1,
   appear: d = !1,
@@ -447,41 +447,41 @@ const xs = {
 }, u) => (e = U(e, "offcanvas"), /* @__PURE__ */ s(Re, {
   ref: u,
   addEndListener: De,
-  in: n,
+  in: a,
   mountOnEnter: i,
   unmountOnExit: r,
   appear: d,
   ...m,
-  childRef: Be(a),
-  children: (p, f) => /* @__PURE__ */ B.cloneElement(a, {
+  childRef: Be(n),
+  children: (p, f) => /* @__PURE__ */ B.cloneElement(n, {
     ...f,
-    className: F(t, a.props.className, (p === fe || p === Fe) && `${e}-toggling`, xs[p])
+    className: F(t, n.props.className, (p === fe || p === Fe) && `${e}-toggling`, xs[p])
   })
 })));
 Ne.displayName = "OffcanvasToggling";
 const be = /* @__PURE__ */ B.forwardRef(({
   bsPrefix: e,
   className: t,
-  closeLabel: a = "Close",
-  closeButton: n = !1,
+  closeLabel: n = "Close",
+  closeButton: a = !1,
   ...i
 }, r) => (e = U(e, "offcanvas-header"), /* @__PURE__ */ s(rt, {
   ref: r,
   ...i,
   className: F(t, e),
-  closeLabel: a,
-  closeButton: n
+  closeLabel: n,
+  closeButton: a
 })));
 be.displayName = "OffcanvasHeader";
 const Ms = it("h5"), _e = /* @__PURE__ */ B.forwardRef(({
   className: e,
   bsPrefix: t,
-  as: a = Ms,
-  ...n
-}, i) => (t = U(t, "offcanvas-title"), /* @__PURE__ */ s(a, {
+  as: n = Ms,
+  ...a
+}, i) => (t = U(t, "offcanvas-title"), /* @__PURE__ */ s(n, {
   ref: i,
   className: F(e, t),
-  ...n
+  ...a
 })));
 _e.displayName = "OffcanvasTitle";
 function $s(e) {
@@ -497,8 +497,8 @@ function ks(e) {
 const Ce = /* @__PURE__ */ B.forwardRef(({
   bsPrefix: e,
   className: t,
-  children: a,
-  "aria-labelledby": n,
+  children: n,
+  "aria-labelledby": a,
   placement: i = "start",
   responsive: r,
   /* BaseModal props */
@@ -550,8 +550,8 @@ const Ce = /* @__PURE__ */ B.forwardRef(({
     ...x,
     ...R,
     className: F(t, r ? `${e}-${r}` : e, `${e}-${i}`),
-    "aria-labelledby": n,
-    children: a
+    "aria-labelledby": a,
+    children: n
   });
   return /* @__PURE__ */ l(se, {
     children: [!re && (r || J) && ce({}), /* @__PURE__ */ s(ot.Provider, {
@@ -591,10 +591,10 @@ const ue = Object.assign(Ce, {
   Title: _e
 }), g = {}, Es = () => {
   var m, u, p;
-  const { selectedLocation: e, showDetails: t, setShowDetails: a, setMessageModalOpen: n } = H(), { t: i } = E(), r = () => {
-    a(!1);
+  const { selectedLocation: e, showDetails: t, setShowDetails: n, setMessageModalOpen: a } = H(), { t: i } = E(), r = () => {
+    n(!1);
   }, d = () => {
-    n(!0);
+    a(!0);
   };
   return /* @__PURE__ */ s(ue, { show: t, onHide: r, backdrop: !1, placement: "start", className: c(g.wrapper), scroll: !0, children: /* @__PURE__ */ l(ue.Body, { className: "px-0", children: [
     /* @__PURE__ */ l("section", { className: c(g.nameWrapper), children: [
@@ -641,7 +641,7 @@ const ue = Object.assign(Ce, {
     /* @__PURE__ */ s("section", { className: c(g.hoursWrapper), children: /* @__PURE__ */ s(Ot, { hours: e == null ? void 0 : e.retailer_location_hours }) }),
     /* @__PURE__ */ l("section", { className: "container", children: [
       /* @__PURE__ */ s("h5", { className: c(g.productTitle), children: i("store_locator.products") }),
-      /* @__PURE__ */ s(ge, { children: (p = e == null ? void 0 : e.retailer_location_products) == null ? void 0 : p.map((f, y) => /* @__PURE__ */ s(ae, { xs: 6, className: "mb-3", children: /* @__PURE__ */ l("div", { className: c(g.product), children: [
+      /* @__PURE__ */ s(ge, { children: (p = e == null ? void 0 : e.retailer_location_products) == null ? void 0 : p.map((f, y) => /* @__PURE__ */ s(ne, { xs: 6, className: "mb-3", children: /* @__PURE__ */ l("div", { className: c(g.product), children: [
         /* @__PURE__ */ s("img", { src: f.image_url || `https://placehold.co/400x400?text=${f.name}`, alt: f.name, className: c(g.productImage) }),
         /* @__PURE__ */ s("div", { className: c(g.productName), children: f.name }),
         /* @__PURE__ */ s("div", { className: c(g.productPrice), children: f.price })
@@ -655,7 +655,7 @@ const ue = Object.assign(Ce, {
   error: Ws,
   success: Rs
 }, Bs = () => {
-  const { id: e, messageModalOpen: t, setMessageModalOpen: a, selectedLocation: n, locale: i, searchCenter: r } = H(), { t: d } = E("default", { lng: i }), [m, u] = k(!1), [p, f] = k(!1), y = /^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/, _ = Ae({
+  const { id: e, messageModalOpen: t, setMessageModalOpen: n, selectedLocation: a, locale: i, searchCenter: r } = H(), { t: d } = E("default", { lng: i }), [m, u] = k(!1), [p, f] = k(!1), y = /^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/, _ = Ae({
     name: Q().required(d("message.validation.name")),
     email: Q().email(d("message.validation.email")).required(d("message.validation.email")),
     phone: Q().matches(y, "Phone number is not valid"),
@@ -673,7 +673,7 @@ const ue = Object.assign(Ce, {
     onSubmit: async (I) => {
       f(!0), tt("AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M");
       const S = await Ze(r == null ? void 0 : r.lat, r == null ? void 0 : r.lng), h = et(S.results[0].address_components);
-      if (!(await fetch("http://localhost:4000/widget_api/leads", {
+      if (!(await fetch("https://api.colabcommerce.com/widget_api/leads", {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -696,7 +696,7 @@ const ue = Object.assign(Ce, {
               latitude: (r == null ? void 0 : r.lat) || null,
               longitude: (r == null ? void 0 : r.lng) || null
             },
-            assignee_id: (n == null ? void 0 : n.id) || null,
+            assignee_id: (a == null ? void 0 : a.id) || null,
             assignee_type: "CompanyRetailerLocation",
             lead_activities_attributes: [{
               type: "LeadActivity::Referral",
@@ -713,7 +713,7 @@ const ue = Object.assign(Ce, {
       u(!0), f(!1);
     }
   }), j = () => {
-    a(!1), u(!1), o.resetForm();
+    n(!1), u(!1), o.resetForm();
   }, W = typeof window < "u" ? document.querySelector(".cc") : null;
   return /* @__PURE__ */ l(V, { container: W, show: t, centered: !0, dialogClassName: "cc", onHide: j, children: [
     m && /* @__PURE__ */ l("div", { className: "p-5 d-flex align-items-center justify-content-center flex-column", style: { display: m ? "flex" : "none" }, children: [
@@ -725,7 +725,7 @@ const ue = Object.assign(Ce, {
       /* @__PURE__ */ s(V.Header, { closeButton: !0, children: /* @__PURE__ */ l(V.Title, { className: c($.title), children: [
         d("message.title"),
         " ",
-        n == null ? void 0 : n.retailer_name
+        a == null ? void 0 : a.retailer_name
       ] }) }),
       /* @__PURE__ */ s(V.Body, { children: /* @__PURE__ */ l(w, { onSubmit: o.handleSubmit, children: [
         /* @__PURE__ */ l(w.Group, { className: c($.formGroup), children: [
@@ -767,18 +767,18 @@ const ue = Object.assign(Ce, {
       ] }) })
     ] })
   ] });
-}, Ds = {}, Fs = ({ id: e, locale: t, baseUrl: a = "/retailers" }) => {
+}, Ds = {}, Fs = ({ id: e, locale: t, baseUrl: n = "/retailers" }) => {
   var d;
-  const { t: n, i18n: i } = E("default"), { settings: r } = H();
+  const { t: a, i18n: i } = E("default"), { settings: r } = H();
   return D(() => {
     i.changeLanguage(t);
   }, [t]), /* @__PURE__ */ l("div", { className: "cc", children: [
     /* @__PURE__ */ s("style", { dangerouslySetInnerHTML: { __html: ((d = r == null ? void 0 : r.entity) == null ? void 0 : d.store_locator_css) || "" } }),
     /* @__PURE__ */ l(ge, { children: [
       /* @__PURE__ */ s(Cs, {}),
-      /* @__PURE__ */ s(ae, { xs: { order: 0 }, lg: { order: 1 }, className: c(Ds.noMap, "position-relative"), children: /* @__PURE__ */ l("div", { className: "position-relative", children: [
-        /* @__PURE__ */ s(nt, {}),
-        /* @__PURE__ */ s(at, {})
+      /* @__PURE__ */ s(ne, { xs: { order: 0 }, lg: { order: 1 }, className: c(Ds.noMap, "position-relative"), children: /* @__PURE__ */ l("div", { className: "position-relative", children: [
+        /* @__PURE__ */ s(at, {}),
+        /* @__PURE__ */ s(nt, {})
       ] }) })
     ] }),
     /* @__PURE__ */ s(Es, {}),

package/dist/{addressComponentsToAddress-f0L6qfjZ.js → addressComponentsToAddress-CNK2WJ24.js}

@@ -125,7 +125,7 @@ const Mn = [
   ["line", { x1: "16", x2: "16", y1: "18", y2: "22", key: "1lctlv" }]
 ], Tn = Ge("sliders-horizontal", Mn), Sr = hr(), Al = ({ id: t, children: e }) => {
   var S, b, d, I, O, _, x, U, F, C, G, B, m;
-  const { data: r } = dt([`http://localhost:4000/widget_api/store_locator/${t}`], vt), n = ((S = r == null ? void 0 : r.entity) == null ? void 0 : S.store_locator_default_center) || { lat: 49.8954, lng: -97.1385 }, o = ((b = r == null ? void 0 : r.entity) == null ? void 0 : b.store_locator_default_center_name) || "San Francisco, CA", a = (d = r == null ? void 0 : r.entity) == null ? void 0 : d.store_locator_center_icon, i = (I = r == null ? void 0 : r.entity) == null ? void 0 : I.store_locator_css, c = ((O = r == null ? void 0 : r.entity) == null ? void 0 : O.store_locator_default_radius) || "30000mi", s = ((_ = r == null ? void 0 : r.entity) == null ? void 0 : _.store_locator_default_zoom) || 4, l = (x = r == null ? void 0 : r.entity) == null ? void 0 : x.store_locator_store_icon, f = (U = r == null ? void 0 : r.entity) == null ? void 0 : U.store_type_icons, p = (F = r == null ? void 0 : r.entity) == null ? void 0 : F.store_types, u = ((C = r == null ? void 0 : r.entity) == null ? void 0 : C.store_locator_default_lat) || 49.8954, y = ((G = r == null ? void 0 : r.entity) == null ? void 0 : G.store_locator_default_lng) || -97.1385, v = ((B = r == null ? void 0 : r.entity) == null ? void 0 : B.store_locator_default_name) || null, g = ((m = r == null ? void 0 : r.entity) == null ? void 0 : m.cc_company_retailer_location_id) || null, h = {
+  const { data: r } = dt([`https://api.colabcommerce.com/widget_api/store_locator/${t}`], vt), n = ((S = r == null ? void 0 : r.entity) == null ? void 0 : S.store_locator_default_center) || { lat: 49.8954, lng: -97.1385 }, o = ((b = r == null ? void 0 : r.entity) == null ? void 0 : b.store_locator_default_center_name) || "San Francisco, CA", a = (d = r == null ? void 0 : r.entity) == null ? void 0 : d.store_locator_center_icon, i = (I = r == null ? void 0 : r.entity) == null ? void 0 : I.store_locator_css, c = ((O = r == null ? void 0 : r.entity) == null ? void 0 : O.store_locator_default_radius) || "30000mi", s = ((_ = r == null ? void 0 : r.entity) == null ? void 0 : _.store_locator_default_zoom) || 4, l = (x = r == null ? void 0 : r.entity) == null ? void 0 : x.store_locator_store_icon, f = (U = r == null ? void 0 : r.entity) == null ? void 0 : U.store_type_icons, p = (F = r == null ? void 0 : r.entity) == null ? void 0 : F.store_types, u = ((C = r == null ? void 0 : r.entity) == null ? void 0 : C.store_locator_default_lat) || 49.8954, y = ((G = r == null ? void 0 : r.entity) == null ? void 0 : G.store_locator_default_lng) || -97.1385, v = ((B = r == null ? void 0 : r.entity) == null ? void 0 : B.store_locator_default_name) || null, g = ((m = r == null ? void 0 : r.entity) == null ? void 0 : m.cc_company_retailer_location_id) || null, h = {
     id: t,
     defaultCenter: n,
     defaultCenterName: o,
@@ -1643,7 +1643,7 @@ const qi = () => {
   ne(() => {
     e && s(e);
   }, [e]);
-  const { data: l, isLoading: f } = dt([`http://localhost:4000/widget_api/store_locator/${t}`], vt);
+  const { data: l, isLoading: f } = dt([`https://api.colabcommerce.com/widget_api/store_locator/${t}`], vt);
   Gi("AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M");
   const [p, u] = $(!1), { coords: y, isGeolocationAvailable: v, isGeolocationEnabled: g, getPosition: h } = ki({
     suppressLocationOnMount: !r,
@@ -1660,7 +1660,7 @@ const qi = () => {
         radius: "300mi"
       }, X = n == null ? void 0 : n.map((k) => k == null ? void 0 : k.sku), Ce = n == null ? void 0 : n.map((k) => k == null ? void 0 : k.external_id), Bt = n == null ? void 0 : n.map((k) => k == null ? void 0 : k.collection_id);
       o && (W.stocked_product_skus = X, W.stocked_product_external_ids = Ce, W.stocked_product_collection_ids = Bt), a && (W.available_product_skus = X, W.available_product_external_ids = Ce, W.available_product_collection_ids = Bt);
-      let he = `http://localhost:4000/widget_api/store_locator?${Li.stringify(W, { arrayFormat: "brackets" })}`;
+      let he = `https://api.colabcommerce.com/widget_api/store_locator?${Li.stringify(W, { arrayFormat: "brackets" })}`;
       const Wt = (L = It.find((k) => k.bucket === "store_type")) == null ? void 0 : L.values;
       if (Wt) {
         const k = Wt.map((un) => `store_type[]=${un}`).join("&");

package/dist/{index-BkhS8Nlh.js → index-DqABFy0O.js}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as g } from "react/jsx-runtime";
 import { createContext as Q, useState as c } from "react";
-import { i as R, u as z, d as Y, S as V, l as K, b as W, k as X, g as J } from "./addressComponentsToAddress-f0L6qfjZ.js";
+import { i as R, u as z, d as Y, S as V, l as K, b as W, k as X, g as J } from "./addressComponentsToAddress-CNK2WJ24.js";
 import { d as $, a as U, Q as H, c as u, B as ee } from "./globals-C3lGVSJ0.js";
 /**
  * @license lucide-react v0.542.0 - ISC

package/dist/{index-GbXQ8qje.js → index-TPy0P4tu.js}

@@ -1,7 +1,7 @@
 import { jsxs as Z, jsx as p } from "react/jsx-runtime";
 import { useState as k, useEffect as y, useCallback as x } from "react";
 import { j as v, A as z, o as E, a as j, k as D, M as N } from "./globals-C3lGVSJ0.js";
-import { u as I } from "./addressComponentsToAddress-f0L6qfjZ.js";
+import { u as I } from "./addressComponentsToAddress-CNK2WJ24.js";
 const P = "lzEEu", _ = {
   label: P
 }, T = ({ location: t }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colabcommerce/elements",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "license": "UNLICENSED",
   "type": "module",
   "exports": {