npm - @colabcommerce/elements - Versions diffs - 0.9.1 → 0.9.2 - Mend

@colabcommerce/elements 0.9.1 → 0.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (97) hide show

package/dist/QuoteForm.js +24 -0
package/dist/Store.js +37 -0
package/dist/StoreLocator.js +34 -0
package/dist/StoreLocatorProvider.js +1 -0
package/dist/elements.css +1 -0
package/dist/index-DvX0QvFh.js +31 -0
package/dist/navigation-DpGLbcKb.js +1 -0
package/dist/store-locator-Bto20jHS.js +1 -0
package/dist/styles.js +1 -0
package/dist/translations-6mspyPRw.js +1 -0
package/dist/useStoreLocator.js +1 -0
package/dist/useStoreLocatorConfig-r4Y_2t-M.js +1 -0
package/package.json +5 -1
package/.pnp.cjs +0 -16484
package/.pnp.loader.mjs +0 -2126
package/.yarn/install-state.gz +0 -0
package/.yarn/releases/yarn-4.12.0.cjs +0 -942
package/.yarnrc.yml +0 -1
package/cypress/fixtures/example.json +0 -5
package/cypress/support/commands.js +0 -25
package/cypress/support/component-index.html +0 -15
package/cypress/support/component.js +0 -26
package/eslint.config.js +0 -32
package/index.html +0 -13
package/playground/index.html +0 -14
package/playground/main.jsx +0 -36
package/src/App.css +0 -0
package/src/App.jsx +0 -65
package/src/components/CollapsibleStoreHours/index.jsx +0 -269
package/src/components/HoursList/index.jsx +0 -225
package/src/components/LeadForm/index.jsx +0 -241
package/src/components/MessageDialog/index.jsx +0 -169
package/src/components/QuoteForm/index.jsx +0 -82
package/src/components/QuoteFormSearch/index.jsx +0 -276
package/src/components/QuoteFormStoreList/index.jsx +0 -65
package/src/components/QuoteFormStoreListItem/index.jsx +0 -134
package/src/components/QuoteLeadForm/index.jsx +0 -16
package/src/components/QuoteMap/index.jsx +0 -96
package/src/components/QuoteMapMarker/index.jsx +0 -56
package/src/components/StaticMap/index.jsx +0 -24
package/src/components/Store/index.jsx +0 -44
package/src/components/StoreContact/index.jsx +0 -96
package/src/components/StoreInfo/index.jsx +0 -50
package/src/components/StoreList/index.jsx +0 -59
package/src/components/StoreListItem/index.jsx +0 -99
package/src/components/StoreListItem/indexStoreListItem.cy.jsx +0 -30
package/src/components/StoreListNoneFound/index.jsx +0 -16
package/src/components/StoreLocator/index.jsx +0 -43
package/src/components/StoreLocatorMap/index.jsx +0 -93
package/src/components/StoreLocatorMapMarker/index.jsx +0 -55
package/src/components/StoreLocatorMessageDialog/index.jsx +0 -20
package/src/components/StoreLocatorSearch/index.jsx +0 -316
package/src/components/StoreMap/index.jsx +0 -30
package/src/components/StoreMeta/index.jsx +0 -7
package/src/components/StoreProducts/index.jsx +0 -112
package/src/components/ui/Badge/index.jsx +0 -46
package/src/components/ui/Button/index.jsx +0 -56
package/src/components/ui/Button/indexButton.cy.jsx +0 -9
package/src/components/ui/Card/index.jsx +0 -90
package/src/components/ui/Input/index.jsx +0 -19
package/src/components/ui/Input/indexInput.cy.jsx +0 -9
package/src/components/ui/LoadingPuff/index.jsx +0 -10
package/src/components/ui/Panel/index.jsx +0 -23
package/src/components/ui/PhoneNumberInput/index.jsx +0 -17
package/src/contexts/quote-form.jsx +0 -94
package/src/contexts/store-locator.jsx +0 -83
package/src/contexts/store.jsx +0 -59
package/src/contexts/translations.jsx +0 -11
package/src/dist.css +0 -229
package/src/entries/QuoteForm.js +0 -2
package/src/entries/Store.js +0 -2
package/src/entries/StoreLocator.js +0 -2
package/src/entries/StoreLocatorProvider.js +0 -2
package/src/entries/styles.js +0 -2
package/src/entries/useStoreLocator.js +0 -2
package/src/i18n/defaultResources.js +0 -19
package/src/i18n/index.js +0 -44
package/src/i18n/mergeResources.js +0 -22
package/src/index.css +0 -214
package/src/lib/addressComponentsToAddress.js +0 -43
package/src/lib/productSchema.js +0 -6
package/src/lib/useGeolocation.js +0 -266
package/src/lib/useHours.js +0 -205
package/src/lib/usePlacesAutocomplete.js +0 -288
package/src/lib/useProductAvailability.js +0 -38
package/src/lib/useRudderAnalytics.js +0 -50
package/src/lib/useSearchResults.js +0 -102
package/src/lib/useStoreLocatorConfig.js +0 -50
package/src/lib/utils/cn.js +0 -6
package/src/lib/utils/measure.js +0 -31
package/src/locales/en/default.json +0 -58
package/src/locales/es/default.json +0 -58
package/src/locales/fr/default.json +0 -58
package/src/locales/it/default.json +0 -58
package/src/main.jsx +0 -10
package/vite.config.js +0 -67
/package/{public → dist}/vite.svg +0 -0

package/.yarnrc.yml DELETED Viewed

	@@ -1 +0,0 @@
1	- yarnPath: .yarn/releases/yarn-4.12.0.cjs

package/cypress/fixtures/example.json DELETED Viewed

@@ -1,5 +0,0 @@
-{
-  "name": "Using fixtures to represent data",
-  "email": "hello@cypress.io",
-  "body": "Fixtures are a great way to mock data for responses to routes"
-}

package/cypress/support/commands.js DELETED Viewed

@@ -1,25 +0,0 @@
-// ***********************************************
-// This example commands.js shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add('login', (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

package/cypress/support/component-index.html DELETED Viewed

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <title>Components App</title>
-</head>
-<body>
-  <div data-cy-root class="cc"></div>
-</body>
-</html>

package/cypress/support/component.js DELETED Viewed

@@ -1,26 +0,0 @@
-// ***********************************************************
-// This example support/component.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-// Import commands.js using ES2015 syntax:
-import './commands'
-import { mount } from 'cypress/react'
-import '@fontsource/plus-jakarta-sans/latin.css'
-import '@/index.css'
-Cypress.Commands.add('mount', mount)
-// Example use:
-// cy.mount(<MyComponent />)

package/eslint.config.js DELETED Viewed

@@ -1,32 +0,0 @@
-// For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
-import storybook from "eslint-plugin-storybook";
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import { defineConfig, globalIgnores } from 'eslint/config'
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{js,jsx}'],
-    extends: [
-      js.configs.recommended,
-      reactHooks.configs.flat.recommended,
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-      parserOptions: {
-        ecmaVersion: 'latest',
-        ecmaFeatures: { jsx: true },
-        sourceType: 'module',
-      },
-    },
-    rules: {
-      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
-    },
-  },
-])

package/index.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>elements</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
-  </body>
-</html>

package/playground/index.html DELETED Viewed

@@ -1,14 +0,0 @@
-<html style="font-size: 10px;">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width,initial-scale=1" />
-  <title>Playground</title>
-</head>
-<body>
-  <div id="root"></div>
-  <script type="module" src="/main.jsx"></script>
-</body>
-</html>

package/playground/main.jsx DELETED Viewed

@@ -1,36 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import CartForm from "../../src/components/CartForm"; // import from source, not dist
-ReactDOM.createRoot(document.getElementById("root")).render(
-  <React.StrictMode>
-    <CartForm
-      id="b594100c-7a81-4114-a2fe-043ce7e69ae9"
-      products={[
-        {
-          "collection_id": "41080",
-          "options": [
-            {
-              "key": "Configuration",
-              "value": "41080-67/10/09/60/66"
-            },
-            {
-              "key": "Cover",
-              "value": "Classic Buff"
-            },
-            {
-              "key": "Category"
-            },
-            {
-              "key": "Quantity",
-              "value": 1
-            }
-          ],
-          "name": "Acacia",
-          "url": "https://www.palliser.com/acacia-41080-09",
-          "image": "https://www.palliser.com/media/catalog/product/a/c/acacia_sectionals_67_6h_09_10_66_41080_front_angle_plp.jpg"
-        }
-      ]}
-      locale="en-US" />
-  </React.StrictMode>
-);

package/src/App.css DELETED Viewed

File without changes

package/src/App.jsx DELETED Viewed

@@ -1,65 +0,0 @@
-import { useState } from 'react'
-import { Button } from '@/components/ui/Button'
-import StoreLocatorSearch from './components/StoreLocatorSearch'
-import StoreLocatorMap from './components/StoreLocatorMap'
-import Input from '@/components/ui/Input'
-import useGeolocation from '@/lib/useGeolocation'
-import StoreList from './components/StoreList'
-import useSearchResults from '@/lib/useSearchResults'
-import { APIProvider } from '@vis.gl/react-google-maps'
-import StoreInfo from '@/components/StoreInfo'
-import StoreContact from '@/components/StoreContact'
-import Store from '@/components/Store'
-import StoreLocator from '@/components/StoreLocator'
-import QuoteForm from '@/components/QuoteForm'
-import '@fontsource/plus-jakarta-sans/latin.css'
-import './App.css'
-function App() {
-  const [showQuoteForm, setShowQuoteForm] = useState(true)
-  const products = [{
-    name: 'Juno',
-    sku: 'juno',
-    quantity: 2
-  },
-  {
-    name: 'Braxton',
-    sku: 'braxton',
-    quantity: 1
-  }
-  ]
-  const handleClose = () => {
-    console.log('Quote form closed')
-    // Super hack, hide the form after close to simulate unmount
-    setShowQuoteForm(false)
-    // Timeout to show the form again
-    setTimeout(() => {
-      setShowQuoteForm(true)
-    }, 2000)
-  }
-  const handleSuccess = (values) => {
-    console.log('Quote form submitted successfully with values:', values)
-  }
-  return (
-    <div className="cc">
-      {/* <StoreLocator organizationId="d58bcec2-0769-48ba-9c82-a234dcdc7073" locale="fr" /> */}
-      {/* <Store storeId="d10ede1f-0f2f-45e2-94d1-c5b387365302" /> */}
-      <div style={{ maxWidth: '600px', height: '100vh', margin: '0 auto' }}>
-        {showQuoteForm &&
-          <QuoteForm
-            organizationId="4f155976-8631-445a-b1b7-c8ccac28cca1"
-            products={products}
-            onClose={handleClose}
-            onSuccess={handleSuccess}
-          />
-        }
-      </div>
-    </div>
-  )
-}
-export default App

package/src/components/CollapsibleStoreHours/index.jsx DELETED Viewed

@@ -1,269 +0,0 @@
-import * as React from "react";
-import * as Collapsible from "@radix-ui/react-collapsible";
-import { ChevronDown } from "lucide-react";
-import { useTranslation } from "react-i18next";
-const DAY_LABELS = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
-export default function StoreHoursCollapsible({
-  hours,
-  openingSoonMinutes = 60,
-  closingSoonMinutes = 60,
-  className = "",
-}) {
-  const { t } = useTranslation();
-  const [open, setOpen] = React.useState(false);
-  const computed = React.useMemo(() => {
-    const safeHours = Array.isArray(hours) ? hours : [];
-    const storeTz =
-      safeHours.find((h) => h?.timezone)?.timezone ||
-      Intl.DateTimeFormat().resolvedOptions().timeZone;
-    const now = new Date();
-    const storeWeekdayIndex = getWeekdayIndexInTimeZone(now, storeTz); // 0..6
-    const today = safeHours.find((h) => h?.day === storeWeekdayIndex);
-    const status = computeStatus({
-      now,
-      today,
-      openingSoonMinutes,
-      closingSoonMinutes,
-      t,
-    });
-    // Display Monday..Sunday
-    const displayOrder = [1, 2, 3, 4, 5, 6, 0];
-    const byDay = new Map(safeHours.map((h) => [h.day, h]));
-    const rows = displayOrder.map((dayIdx) => {
-      const h = byDay.get(dayIdx);
-      const label = t(`default:${DAY_LABELS[dayIdx].toLowerCase()}`);
-      const isToday = dayIdx === storeWeekdayIndex;
-      let text = t("default:closed");
-      if (h?.open) {
-        const openDate = buildOpenDateForDisplay(h);
-        const closeDate = buildCloseDateForDisplay(h, openDate);
-        if (openDate && closeDate) {
-          text = `${formatTimeLocal(openDate)} - ${formatTimeLocal(closeDate)}`;
-        } else {
-          text = t("default:open");
-        }
-      }
-      return { dayIdx, label, text, isToday };
-    });
-    return {
-      statusLabel: t(`default:${status.label.toLowerCase().replace(" ", "_")}`), // "Closed" | "Opening Soon" | "Open" | "Closing Soon"
-      statusDetail: status.detail, // "Opens at 9am" | "Closes at 4:30pm" | ""
-      rows,
-    };
-  }, [hours, openingSoonMinutes, closingSoonMinutes]);
-  return (
-    <div className={className}>
-      <Collapsible.Root open={open} onOpenChange={setOpen}>
-        <Collapsible.Trigger asChild>
-          <button
-            type="button"
-            className={[
-              "group w-full flex items-center justify-between gap-3",
-              "rounded-lg bg-white py-2 px-3",
-              "text-sm text-muted-foreground",
-              "hover:bg-black/[0.02] active:bg-black/[0.04]",
-              "focus:outline-none",
-            ].join(" ")}
-            aria-expanded={open}
-          >
-            <div className="flex flex-col items-start">
-              <span className="text-muted-foreground leading-tight">{computed.statusLabel}</span>
-              {computed.statusDetail ? (
-                <span className="text-xs text-muted-foreground/80 leading-tight">
-                  {computed.statusDetail}
-                </span>
-              ) : null}
-            </div>
-            <ChevronDown
-              className={[
-                "h-4 w-4 text-black/60",
-                "transition-transform duration-200 ease-out",
-                open ? "rotate-180" : "rotate-0",
-              ].join(" ")}
-              aria-hidden="true"
-            />
-          </button>
-        </Collapsible.Trigger>
-        <Collapsible.Content
-          className={[
-            "mt-2 bg-white p-2",
-            "data-[state=open]:animate-in data-[state=closed]:animate-out",
-            "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-            "data-[state=closed]:slide-out-to-top-1 data-[state=open]:slide-in-from-top-1",
-          ].join(" ")}
-        >
-          <div className="grid gap-1.5">
-            {computed.rows.map((row) => (
-              <div
-                key={row.dayIdx}
-                className={[
-                  "flex items-center justify-between gap-3",
-                  "px-2.5 py-1 text-sm",
-                  row.isToday ? "text-primary font-semibold" : "border-black/5 bg-transparent",
-                ].join(" ")}
-                aria-current={row.isToday ? "date" : undefined}
-              >
-                <span>{row.label}</span>
-                <span>{row.text}</span>
-              </div>
-            ))}
-          </div>
-        </Collapsible.Content>
-      </Collapsible.Root>
-    </div>
-  );
-}
-/**
- * Toggle label logic based on today's schedule (store timezone for "today",
- * comparisons against the user's current instant).
- *
- * Adds a detail line:
- * - Closed / Opening Soon -> "Opens at X"
- * - Open / Closing Soon -> "Closes at Y"
- */
-function computeStatus({ now, today, openingSoonMinutes, closingSoonMinutes, t }) {
-  if (!today || !today.open) return { label: t('default:closed'), detail: "" };
-  const openDate = buildOpenDateForDisplay(today);
-  const closeDate = buildCloseDateForDisplay(today, openDate);
-  // If schedule incomplete, still show basic label
-  if (!openDate || !closeDate) return { label: t('default:open'), detail: "" };
-  const nowMs = now.getTime();
-  const openMs = openDate.getTime();
-  const closeMs = closeDate.getTime();
-  const openingSoonStart = openMs - openingSoonMinutes * 60 * 1000;
-  const closingSoonStart = closeMs - closingSoonMinutes * 60 * 1000;
-  const opensDetail = t('default:opens_at', { time: formatTimeLocal(openDate) });
-  const closesDetail = t('default:closes_at', { time: formatTimeLocal(closeDate) });
-  if (nowMs < openMs) {
-    if (nowMs >= openingSoonStart) return { label: t('default:opening_soon'), detail: opensDetail };
-    return { label: t('default:closed'), detail: opensDetail };
-  }
-  if (nowMs >= openMs && nowMs < closeMs) {
-    if (nowMs >= closingSoonStart) return { label: t('default:closing_soon'), detail: closesDetail };
-    return { label: t('default:open'), detail: closesDetail };
-  }
-  return { label: t('default:closed'), detail: opensDetail };
-}
-/** Returns weekday index (0=Sun..6=Sat) for a Date, as seen in `timeZone`. */
-function getWeekdayIndexInTimeZone(date, timeZone) {
-  const weekday = new Intl.DateTimeFormat("en-US", { weekday: "short", timeZone }).format(date);
-  switch (weekday) {
-    case "Sun":
-      return 0;
-    case "Mon":
-      return 1;
-    case "Tue":
-      return 2;
-    case "Wed":
-      return 3;
-    case "Thu":
-      return 4;
-    case "Fri":
-      return 5;
-    case "Sat":
-      return 6;
-    default:
-      return new Date(date).getDay();
-  }
-}
-/**
- * Build "open" Date (instant) for display in user's local time.
- * Prefer `open_at` because it encodes offset and is DST-correct for that date.
- */
-function buildOpenDateForDisplay(h) {
-  if (!h) return null;
-  if (h.open_at) {
-    const d = new Date(h.open_at);
-    return isValidDate(d) ? d : null;
-  }
-  if (typeof h.open_at_hour === "number" && typeof h.open_at_minute === "number") {
-    return buildDateFromLocalStoreTime({
-      storeHour: h.open_at_hour,
-      storeMinute: h.open_at_minute,
-      utcOffsetMinute: h.utc_offset_minute,
-    });
-  }
-  return null;
-}
-/**
- * Build "close" Date (instant). If close <= open, assume next day.
- */
-function buildCloseDateForDisplay(h, openDate) {
-  if (!h) return null;
-  if (typeof h.close_at_hour !== "number" || typeof h.close_at_minute !== "number") return null;
-  let closeDate = buildDateFromLocalStoreTime({
-    storeHour: h.close_at_hour,
-    storeMinute: h.close_at_minute,
-    utcOffsetMinute: h.utc_offset_minute,
-    anchorDate: openDate || undefined,
-  });
-  if (!closeDate || !openDate) return closeDate;
-  if (closeDate.getTime() <= openDate.getTime()) {
-    closeDate = new Date(closeDate.getTime() + 24 * 60 * 60 * 1000);
-  }
-  return closeDate;
-}
-/**
- * Build an instant from a store-local time-of-day plus a fixed UTC offset.
- * storeLocal = UTC + offset => UTC = storeLocal - offset
- */
-function buildDateFromLocalStoreTime({ storeHour, storeMinute, utcOffsetMinute, anchorDate }) {
-  const base = anchorDate ? new Date(anchorDate) : new Date();
-  const y = base.getFullYear();
-  const m = base.getMonth();
-  const d = base.getDate();
-  const utcMillis = Date.UTC(y, m, d, storeHour, storeMinute, 0) - utcOffsetMinute * 60 * 1000;
-  const out = new Date(utcMillis);
-  return isValidDate(out) ? out : null;
-}
-function isValidDate(d) {
-  return d instanceof Date && !Number.isNaN(d.getTime());
-}
-/** Format in user's local timezone as "9am" or "4:30pm". */
-function formatTimeLocal(date) {
-  return new Intl.DateTimeFormat("en-US", {
-    hour: "numeric",
-    minute: "2-digit",
-  })
-    .format(date)
-    .replace(":00", "")
-    .replace(" AM", "am")
-    .replace(" PM", "pm");
-}