@colabcommerce/elements 0.0.1 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colabcommerce/elements",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "license": "UNLICENSED",
   "type": "module",
   "exports": {
@@ -19,10 +19,11 @@
   "scripts": {
     "build": "vite build",
     "build:dev": "vite build --mode development",
+    "build:debug": "DEBUG=vite:* vite build",
     "dev:storeLocator": "vite ./playground/StoreLocator -c vite.config.js",
     "dev:retailer": "vite ./playground/Retailer -c vite.config.js",
     "dev:cartForm": "vite ./playground/CartForm -c vite.config.js",
-    "dev:productForm": "vite ./playground/ProductForm -c vite.config.js",
+    "dev:productForm": "DEBUG=vite:* vite ./playground/ProductForm -c vite.config.js",
     "test": "vitest",
     "e2e": "cypress open"
   },

package/vite.config.js

@@ -2,6 +2,9 @@ import { defineConfig, loadEnv } from "vite";
 import react from "@vitejs/plugin-react";
 import tailwindcss from "@tailwindcss/vite"
 import path from "path";
+import crypto from "crypto";
+import stringHash from "string-hash";
+import css from "./src/lib/css";
 
 export default defineConfig(({ command, mode }) => {
 

package/dist/addressComponentsToAddress-CHYXse0U.js

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