@aranova/tracking-react 0.10.0 → 0.12.0

package/dist/index.mjs

@@ -1333,21 +1333,40 @@ function createSalesClient(config) {
       return salesRequest(config, "POST", "/sales", body);
     },
     async list(query) {
-      const { cursor, limit, ...filters } = query ?? {};
+      const { cursor, limit, sort, order, want_total, ...filters } = query ?? {};
       return salesRequest(config, "POST", "/sales/query", {
         filters,
         ...limit !== void 0 ? { limit } : {},
-        ...cursor !== void 0 ? { cursor } : {}
+        ...cursor !== void 0 ? { cursor } : {},
+        ...sort !== void 0 ? { sort } : {},
+        ...order !== void 0 ? { order } : {},
+        ...want_total !== void 0 ? { want_total } : {}
       });
     },
     async summary(query) {
-      const { range, include_categories, include_deleted_services, top_n, ...filters } = query;
+      const {
+        range,
+        include_categories,
+        include_deleted_services,
+        top_n,
+        since,
+        until,
+        timezone,
+        granularity,
+        compare_to,
+        ...filters
+      } = query;
       return salesRequest(config, "POST", "/sales/summary", {
         filters,
-        range,
+        ...range !== void 0 ? { range } : {},
         ...include_categories !== void 0 ? { include_categories } : {},
         ...include_deleted_services !== void 0 ? { include_deleted_services } : {},
-        ...top_n !== void 0 ? { top_n } : {}
+        ...top_n !== void 0 ? { top_n } : {},
+        ...since !== void 0 ? { since } : {},
+        ...until !== void 0 ? { until } : {},
+        ...timezone !== void 0 ? { timezone } : {},
+        ...granularity !== void 0 ? { granularity } : {},
+        ...compare_to !== void 0 ? { compare_to } : {}
       });
     },
     async get(id) {
@@ -1358,6 +1377,49 @@ function createSalesClient(config) {
     },
     async delete(id) {
       await salesRequest(config, "DELETE", `/sales/${id}`);
+    },
+    customers: {
+      async list(query) {
+        const { segment, sort, order, cursor, limit, want_total, ...filters } = query ?? {};
+        return salesRequest(config, "POST", "/customers/query", {
+          filters,
+          ...segment !== void 0 ? { segment } : {},
+          ...sort !== void 0 ? { sort } : {},
+          ...order !== void 0 ? { order } : {},
+          ...cursor !== void 0 ? { cursor } : {},
+          ...limit !== void 0 ? { limit } : {},
+          ...want_total !== void 0 ? { want_total } : {}
+        });
+      },
+      async get(id, options) {
+        const params = new URLSearchParams();
+        if (options?.include_sales !== void 0)
+          params.set("include_sales", String(options.include_sales));
+        if (options?.limit !== void 0) params.set("limit", String(options.limit));
+        if (options?.cursor != null) params.set("cursor", options.cursor);
+        const qs = params.toString();
+        return salesRequest(
+          config,
+          "GET",
+          `/customers/${encodeURIComponent(id)}${qs ? `?${qs}` : ""}`
+        );
+      },
+      async summary(query) {
+        const { range, since, until, timezone, compare_to, ...filters } = query ?? {};
+        return salesRequest(config, "POST", "/customers/summary", {
+          filters,
+          ...range !== void 0 ? { range } : {},
+          ...since !== void 0 ? { since } : {},
+          ...until !== void 0 ? { until } : {},
+          ...timezone !== void 0 ? { timezone } : {},
+          ...compare_to !== void 0 ? { compare_to } : {}
+        });
+      }
+    },
+    business: {
+      async config() {
+        return salesRequest(config, "GET", "/business/config");
+      }
     }
   };
 }
@@ -1386,6 +1448,64 @@ function formatMoney(cents, currency, locale) {
     fromMinor(cents, currency)
   );
 }
+function formatDateInTz(iso, timeZone, opts, locale) {
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return iso;
+  return new Intl.DateTimeFormat(locale, {
+    year: "numeric",
+    month: "short",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    ...opts,
+    timeZone
+  }).format(date);
+}
+
+// ../tracking-core/src/phone.ts
+import { AsYouType, parsePhoneNumberFromString } from "libphonenumber-js";
+var DEFAULT_PHONE_COUNTRY = "CA";
+function parsePhone(raw, country) {
+  const region = country ?? DEFAULT_PHONE_COUNTRY;
+  const parsed = parsePhoneNumberFromString(raw ?? "", region);
+  if (!parsed) {
+    return { e164: null, national: "", international: "", country: region, isValid: false };
+  }
+  const isValid = parsed.isValid();
+  return {
+    // E.164 is only surfaced for a *valid* number — a possible-but-invalid input
+    // (e.g. too few digits) still parses but must not be transmitted.
+    e164: isValid ? parsed.number : null,
+    national: parsed.formatNational(),
+    international: parsed.formatInternational(),
+    country: parsed.country ?? region,
+    isValid
+  };
+}
+function toE164(raw, country) {
+  return parsePhone(raw, country).e164;
+}
+function formatPhone(value, format = "national", country) {
+  const parsed = parsePhone(value, country);
+  if (typeof format === "function") return format(parsed);
+  switch (format) {
+    case "international":
+      return parsed.international || value;
+    case "e164":
+      return parsed.e164 ?? value;
+    case "national":
+    default:
+      return parsed.national || value;
+  }
+}
+function formatPhoneAsTyped(raw, country) {
+  return new AsYouType(country ?? DEFAULT_PHONE_COUNTRY).input(raw ?? "");
+}
+
+// ../tracking-core/src/phone-field.ts
+function phoneField(name, raw, country) {
+  return { name, type: "phone", value: toE164(raw, country) };
+}
 
 // src/hooks.ts
 function useGclid() {
@@ -1643,17 +1763,100 @@ function GoogleAdsTracking(props) {
 
 // src/factory.tsx
 import {
-  createContext,
-  useContext,
+  createContext as createContext2,
+  useContext as useContext2,
   useEffect as useEffect4,
-  useMemo as useMemo2
+  useMemo as useMemo3
 } from "react";
 
 // package.json
-var version = "0.10.0";
+var version = "0.12.0";
 
-// src/factory.tsx
+// ../tracking-core/src/phone-react.tsx
+import {
+  createContext,
+  forwardRef,
+  useCallback as useCallback2,
+  useContext,
+  useMemo as useMemo2,
+  useState as useState3
+} from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
+var PhoneConfigContext = createContext(null);
+function usePhoneConfig() {
+  const ctx = useContext(PhoneConfigContext);
+  return {
+    defaultCountry: ctx?.defaultCountry ?? DEFAULT_PHONE_COUNTRY,
+    display: ctx?.display ?? "national"
+  };
+}
+function usePhoneField(opts = {}) {
+  const cfg = usePhoneConfig();
+  const country = opts.country ?? cfg.defaultCountry;
+  const display = opts.display ?? cfg.display;
+  const { onValueChange } = opts;
+  const [value, setValue] = useState3(() => formatPhoneAsTyped(opts.defaultValue ?? "", country));
+  const [touched, setTouched] = useState3(false);
+  const parsed = useMemo2(() => parsePhone(value, country), [value, country]);
+  const onChange = useCallback2(
+    (event) => {
+      const next = formatPhoneAsTyped(event.target.value, country);
+      setValue(next);
+      onValueChange?.(parsePhone(next, country).e164);
+    },
+    [country, onValueChange]
+  );
+  const onBlur = useCallback2(
+    (_event) => {
+      setTouched(true);
+      setValue((current) => {
+        const p = parsePhone(current, country);
+        return p.isValid ? formatPhone(current, display, country) : current;
+      });
+    },
+    [country, display]
+  );
+  const error = touched && value.length > 0 && !parsed.isValid ? "Enter a valid phone number" : null;
+  return {
+    value,
+    e164: parsed.e164,
+    isValid: parsed.isValid,
+    error,
+    parsed,
+    inputProps: { value, onChange, onBlur, type: "tel", inputMode: "tel", autoComplete: "tel" }
+  };
+}
+var PhoneField = forwardRef(function PhoneField2({ country, value, defaultValue, onChange, onE164Change, ...rest }, ref) {
+  const cfg = usePhoneConfig();
+  const resolvedCountry = country ?? cfg.defaultCountry;
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = useState3(
+    () => formatPhoneAsTyped(defaultValue ?? "", resolvedCountry)
+  );
+  const handleChange = (event) => {
+    const formatted = formatPhoneAsTyped(event.target.value, resolvedCountry);
+    event.target.value = formatted;
+    onE164Change?.(parsePhone(formatted, resolvedCountry).e164);
+    if (!isControlled) setInternal(formatted);
+    onChange?.(event);
+  };
+  const shown = isControlled ? formatPhoneAsTyped(value, resolvedCountry) : internal;
+  return /* @__PURE__ */ jsx2(
+    "input",
+    {
+      ...rest,
+      ref,
+      type: "tel",
+      inputMode: "tel",
+      autoComplete: "tel",
+      value: shown,
+      onChange: handleChange
+    }
+  );
+});
+
+// src/factory.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
 var NOOP_CLIENT = {
   trackEvent: () => {
   },
@@ -1663,7 +1866,7 @@ var NOOP_CLIENT = {
   getVisitorId: () => ""
 };
 function createTracking(options) {
-  const { apiKey, endpoint, triggers, environment, debug } = options;
+  const { apiKey, endpoint, triggers, environment, debug, phone } = options;
   if (!apiKey || !endpoint) {
     if (apiKey || endpoint) {
       console.warn(
@@ -1672,14 +1875,16 @@ function createTracking(options) {
     }
     const noopTyped = NOOP_CLIENT;
     return {
-      TrackingProvider: ({ children }) => children,
+      // Still publish phone config so usePhoneField/<PhoneField> work even when
+      // tracking is disabled (missing apiKey/endpoint).
+      TrackingProvider: ({ children }) => /* @__PURE__ */ jsx3(PhoneConfigContext.Provider, { value: phone ?? null, children }),
       useTracking: () => noopTyped
     };
   }
-  const TrackingContext = createContext(null);
+  const TrackingContext = createContext2(null);
   function TrackingProvider({ gtagId, gtagIds, children }) {
     const resolvedGtagIds = gtagIds ?? (gtagId ? { default: gtagId } : void 0);
-    const client = useMemo2(
+    const client = useMemo3(
       () => createTypedClient(
         getOrCreateTrackingClient({
           apiKey,
@@ -1697,7 +1902,7 @@ function createTracking(options) {
       ),
       []
     );
-    const gtagIdsKey = useMemo2(() => gtagIds ? JSON.stringify(gtagIds) : "", [gtagIds]);
+    const gtagIdsKey = useMemo3(() => gtagIds ? JSON.stringify(gtagIds) : "", [gtagIds]);
     useEffect4(() => {
       if (gtagIds && Object.keys(gtagIds).length > 0) {
         bootstrapMultipleGtags(gtagIds);
@@ -1745,10 +1950,10 @@ function createTracking(options) {
         }
       };
     }, []);
-    return /* @__PURE__ */ jsx2(TrackingContext.Provider, { value: client, children });
+    return /* @__PURE__ */ jsx3(TrackingContext.Provider, { value: client, children: /* @__PURE__ */ jsx3(PhoneConfigContext.Provider, { value: phone ?? null, children }) });
   }
   function useTracking() {
-    const client = useContext(TrackingContext);
+    const client = useContext2(TrackingContext);
     if (client === null) {
       throw new Error(
         "useTracking must be called inside a <TrackingProvider> returned by createTracking()"
@@ -1761,7 +1966,10 @@ function createTracking(options) {
 export {
   AranovaApiError,
   ConsentBanner,
+  DEFAULT_PHONE_COUNTRY,
   GoogleAdsTracking,
+  PhoneConfigContext,
+  PhoneField,
   TRACKING_PARAM_KEYS,
   captureTrackingParamsFromLocation,
   createSalesClient,
@@ -1770,15 +1978,23 @@ export {
   createTrackingEventCreatePayload,
   createTrackingSessionUpsertPayload,
   fetchServices,
+  formatDateInTz,
   formatMoney,
+  formatPhone,
+  formatPhoneAsTyped,
   fromMinor,
   getConsentState,
+  parsePhone,
+  phoneField,
   resetConsent,
   setConsentState,
+  toE164,
   toMinor,
   useConsent,
   useConsentState,
   useGclid,
+  usePhoneConfig,
+  usePhoneField,
   useTrackingParams
 };
 //# sourceMappingURL=index.mjs.map