@colabcommerce/elements 0.0.4 → 0.9.1

package/dist/index-CqSfhXDd.js

@@ -1,137 +0,0 @@
-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-DCL-K8mn.js";
-import { d as $, a as U, Q as H, c as u, B as ee } from "./globals-B8-hYoIU.js";
-/**
- * @license lucide-react v0.542.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const se = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], te = $("check", se);
-/**
- * @license lucide-react v0.542.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ne = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], j = $("x", ne), oe = Q(), we = ({ product: e, children: l }) => {
-  const [n, d] = c(0), m = {
-    currentStep: n,
-    setCurrentStep: d,
-    product: e
-  };
-  return /* @__PURE__ */ t(oe.Provider, { value: m, children: l });
-}, ae = Q(), ye = ({ children: e }) => {
-  const [l, n] = c(null), [d, m] = c(null), [_, r] = c(null), [C, N] = c(null), [k, v] = c(null), [D, x] = c(null), [L, S] = c(""), [I, o] = c(!1), [a, f] = c(!1), { coords: w, isGeolocationAvailable: y, isGeolocationEnabled: O, getPosition: B } = R({ suppressLocationOnMount: !0, onError: () => f(!1), onSuccess: () => f(!1), positionOptions: { enableHighAccuracy: !1 }, userDecisionTimeout: 5e3 }), F = {
-    lat: l,
-    lng: d,
-    isLoading: I,
-    setIsLoading: o,
-    locationName: L,
-    setLocationName: S,
-    setLocation: ({ lat: h, lng: p }) => {
-      n(h), m(p);
-    },
-    mapCenter: { lat: _, lng: C },
-    setMapCenter: ({ lat: h, lng: p }) => {
-      r(h), N(p);
-    },
-    searchCenter: { lat: k, lng: D },
-    setSearchCenter: ({ lat: h, lng: p }) => {
-      v(h), x(p);
-    },
-    loadingGeo: a,
-    geoCoords: w,
-    isGeolocationAvailable: y,
-    isGeolocationEnabled: O,
-    getPosition: B
-  };
-  return /* @__PURE__ */ t(ae.Provider, { value: F, children: e });
-}, ce = "oHxQR", re = "ggY6v", ie = "B-vL7", de = "xpYRZ", le = "PD0AO", ue = "i1mIs", me = "TOu1q", he = "BYI6o", pe = "_8Athb", ge = "wpcV2", s = {
-  header: ce,
-  name: re,
-  address: ie,
-  distance: de,
-  selectBtn: le,
-  productList: ue,
-  productHeader: me,
-  productItem: he,
-  inStock: pe,
-  outOfStock: ge
-}, De = ({ location: e, showProducts: l = !1 }) => {
-  var P, T, A;
-  const { t: n, i18n: d } = U(), m = d.language, _ = K(m), { products: r, searchCenter: C, setSelectedLocationId: N, selectedLocationId: k, setFocusedLocationId: v, setShowMap: D, setShowDetails: x } = z(), L = Y({ lat: (P = e == null ? void 0 : e.address) == null ? void 0 : P.latitude, lng: (T = e.address) == null ? void 0 : T.longitude }, C), S = _ === "km" ? L : X(L), I = Math.round(S * 10) / 10, o = e.retailer_location_hours.find((i) => i.day === (/* @__PURE__ */ new Date()).getDay()), a = /* @__PURE__ */ new Date();
-  let f = /* @__PURE__ */ new Date();
-  o && (f = new H(a.getUTCFullYear(), a.getMonth(), a.getDate(), o.open_at_hour, o.open_at_minute, 0, 0, o.timezone));
-  let w = /* @__PURE__ */ new Date();
-  o && (w = new H(a.getUTCFullYear(), a.getMonth(), a.getDate(), o.close_at_hour, o.close_at_minute, 0, 0, o.timezone));
-  const y = o && a >= f && a <= w, O = o && !y && a - f > 30 * 6e4 * -1, B = o && y && w - a < 30 * 6e4;
-  y ? B ? (u(s.hours, s.soon), n("store.closingSoon")) : (u(s.hours, s.open), n("store.openNow")) : O ? (u(s.hours, s.soon), n("store.openingSoon")) : (u(s.hours, s.closed), n("store.closedNow"));
-  const F = () => {
-    N(e.id);
-  }, h = () => {
-    v(e.id);
-  }, p = e.id === k ? u(s.wrapper, s.selected) : u(s.wrapper), q = (A = e == null ? void 0 : e.store_type) != null && A.includes("Studio") ? "studio" : "retailer", E = r == null ? void 0 : r.map((i) => {
-    var G;
-    const Z = (G = e == null ? void 0 : e.retailer_location_products) == null ? void 0 : G.some((M) => (M.sku === i.sku || M.external_id === i.external_id || M.collection_id === i.collection_id) && M.stocked);
-    return { ...i, isStocked: Z };
-  });
-  return /* @__PURE__ */ g("div", { className: p, onClick: h, children: [
-    /* @__PURE__ */ g("div", { className: s.header, children: [
-      /* @__PURE__ */ t("h4", { className: s.name, children: e.retailer_name }),
-      /* @__PURE__ */ t("div", { className: "text-end", children: /* @__PURE__ */ t(V, { type: q }) })
-    ] }),
-    /* @__PURE__ */ g("div", { className: u(s.distance), children: [
-      I,
-      " ",
-      _,
-      " ",
-      n("away")
-    ] }),
-    /* @__PURE__ */ t("section", { className: `${s.hoursWrapper} d-flex justify-content-between align-items-center pe-3`, children: /* @__PURE__ */ t(W, { hours: e == null ? void 0 : e.retailer_location_hours }) }),
-    /* @__PURE__ */ t("address", { className: u(s.address), children: /* @__PURE__ */ g("div", { children: [
-      e.address.street_line_one,
-      e.address.street_line_two && `, ${e.address.street_line_two}`,
-      " ",
-      e.address.city,
-      ", ",
-      e.address.province,
-      " ",
-      e.address.postal_code
-    ] }) }),
-    (r == null ? void 0 : r.length) > 0 && l && /* @__PURE__ */ g("div", { children: [
-      /* @__PURE__ */ t("div", { className: s.productHeader, children: n("quote.location.product_availability") }),
-      /* @__PURE__ */ t("div", { className: s.productList, children: E.map((i) => /* @__PURE__ */ g("div", { className: s.productItem, children: [
-        /* @__PURE__ */ t("div", { className: s.productStatus, children: i.isStocked ? /* @__PURE__ */ t(te, { className: s.inStock, size: 20 }) : /* @__PURE__ */ t(j, { className: s.outOfStock, size: 20 }) }),
-        /* @__PURE__ */ t("div", { className: s.productName, children: i.name })
-      ] }, i.name)) })
-    ] }),
-    /* @__PURE__ */ t(ee, { variant: "dark", size: "sm", onClick: F, className: `d-flex align-items-center px-3 py-2 ${s.selectBtn}`, children: n("quote.location.select_location") })
-  ] });
-}, _e = "QMwKB", Le = "tlZ-O", Se = "NQEG7", fe = "MGV0F", b = {
-  wrapper: _e,
-  message: Le,
-  dismiss: Se,
-  cta: fe
-}, xe = ({ onSelect: e, onDismiss: l }) => {
-  const { t: n } = U(), { locations: d, searchCenter: m, setSelectedLocationId: _, isLoading: r } = z(), { cc_company_retailer_location_id: C } = J(), [N, k] = c(!1), v = d.length > 0 ? Math.min(...d.map((S) => Y({ lat: S.address.latitude, lng: S.address.longitude }, m))) : null, D = !N && (d.length === 0 || v > 100) && !r, x = () => {
-    _(C);
-  }, L = () => {
-    k(!0), l && l();
-  };
-  return D ? /* @__PURE__ */ g("div", { className: b.wrapper, children: [
-    /* @__PURE__ */ t("button", { className: b.dismiss, onClick: L, children: /* @__PURE__ */ t(j, { size: 20 }) }),
-    /* @__PURE__ */ t("p", { className: b.message, children: n("form_out_of_area.message") }),
-    /* @__PURE__ */ t("button", { className: b.cta, onClick: x, children: n("form_out_of_area.cta") })
-  ] }) : null;
-};
-export {
-  xe as F,
-  De as L,
-  we as Q,
-  ye as a
-};

package/dist/index-FM02Uq_P.js

@@ -1,100 +0,0 @@
-import { jsxs as v, jsx as C } from "react/jsx-runtime";
-import { useState as I, useEffect as b, useCallback as x } from "react";
-import { j as z, A as E, o as j, a as D, k as N, M as P } from "./globals-B8-hYoIU.js";
-import { u as B } from "./addressComponentsToAddress-DCL-K8mn.js";
-const T = "lzEEu", _ = {
-  label: T
-}, U = ({ location: r, onClick: o = () => {
-} }) => {
-  var n, d, m, h, k;
-  const { setSelectedLocationId: w, selectedLocationId: L, setShowDetails: c, settings: a } = B(), i = ((n = a == null ? void 0 : a.entity) == null ? void 0 : n.store_type_icons) || [], l = (d = a == null ? void 0 : a.entity) == null ? void 0 : d.store_locator_default_store_icon, [S, u] = I(!1), e = () => {
-    o(r);
-  }, f = () => {
-    u(!0);
-  }, M = () => {
-    u(!1);
-  }, p = z(), g = L === r.id, y = (r == null ? void 0 : r.store_type) === "Palliser Studio", t = i == null ? void 0 : i.find((Z) => Z.name === r.store_type);
-  return t != null && t.url || (y ? p.studioSelected : p.standardSelected), /* @__PURE__ */ v(
-    E,
-    {
-      onClick: e,
-      onMouseEnter: f,
-      onMouseLeave: M,
-      zIndex: g ? S ? 3 : 2 : S ? 1 : 0,
-      position: { lat: ((m = r == null ? void 0 : r.address) == null ? void 0 : m.latitude) * 1, lng: ((h = r.address) == null ? void 0 : h.longitude) * 1 },
-      children: [
-        S && /* @__PURE__ */ C("div", { className: _.label, children: r.retailer_name }),
-        /* @__PURE__ */ C("img", { src: ((k = t == null ? void 0 : t.icon) == null ? void 0 : k.url) || (l == null ? void 0 : l.url), width: g ? 32 : 24, className: j("markerIcon", _, "map-marker") })
-      ]
-    }
-  );
-}, $ = "wdRt8", A = {
-  map: $
-}, F = ({ onMarkerClick: r = () => {
-} }) => {
-  const {
-    locations: o,
-    selectedLocationId: w,
-    searchCenter: L,
-    mapCenter: c,
-    setMapCenter: a,
-    zoom: i,
-    setZoom: l
-  } = B(), { t: S } = D(), u = N(), [e, f] = I(null);
-  b(() => {
-    u && f(u);
-  }, [u, f]);
-  const M = x((t) => {
-    var n, d, m, h;
-    if (!e) return;
-    a({ lat: (n = e == null ? void 0 : e.getCenter()) == null ? void 0 : n.lat(), lng: (d = e == null ? void 0 : e.getCenter()) == null ? void 0 : d.lng() });
-    const s = new URLSearchParams(window.location.search);
-    s.set("lat", ((m = e == null ? void 0 : e.getCenter()) == null ? void 0 : m.lat()) * 1), s.set("lng", ((h = e == null ? void 0 : e.getCenter()) == null ? void 0 : h.lng()) * 1), window.history.replaceState({}, "", `?${s.toString()}`);
-  }, [e, a]), p = x((t) => {
-    if (!e) return;
-    l(e == null ? void 0 : e.getZoom());
-    const s = new URLSearchParams(window.location.search);
-    s.set("zoom", (e == null ? void 0 : e.getZoom()) * 1), window.history.replaceState({}, "", `?${s.toString()}`);
-  }, [e, l]), g = () => {
-    if (!e) return;
-    let t = 0;
-    if (o.forEach((n) => {
-      var d;
-      (d = e == null ? void 0 : e.getBounds()) != null && d.contains({ lat: n.address.latitude * 1, lng: n.address.longitude * 1 }) && t++;
-    }), t >= 2) return;
-    const s = new window.google.maps.LatLngBounds();
-    o.slice(0, 2).map((n) => {
-      s.extend({ lat: n.address.latitude * 1, lng: n.address.longitude * 1 });
-    }), s.extend(c), e.fitBounds(s, 15);
-  }, y = (t) => {
-    var n;
-    if (!e) return;
-    const s = new window.google.maps.LatLngBounds();
-    (n = e == null ? void 0 : e.getBounds()) != null && n.contains({ lat: t.address.latitude * 1, lng: t.address.longitude * 1 }) || (s.extend({ lat: t.address.latitude * 1, lng: t.address.longitude * 1 }), s.extend(L), e.fitBounds(s, 150));
-  };
-  return b(() => {
-    if (w && o.length > 0) {
-      const t = o.find((s) => s.id === w);
-      t && y(t);
-    } else o.length > 0 && g();
-  }, [w, o, e]), b(() => {
-    o.length > 0 && g();
-  }, [o]), !c.lat || !c.lng ? null : /* @__PURE__ */ C(
-    P,
-    {
-      className: [A.map, "cc-map-map"].join(" "),
-      defaultZoom: i,
-      defaultCenter: c,
-      mapId: "fb10c7a27b297863",
-      gestureHandling: "greedy",
-      disableDefaultUI: !0,
-      zoomControl: !0,
-      onDragend: M,
-      onZoomChanged: p,
-      children: o == null ? void 0 : o.map((t) => /* @__PURE__ */ C(U, { location: t, onClick: r }, t.id))
-    }
-  );
-};
-export {
-  F as S
-};