@vehiclehistory/property-lib 0.0.996 → 0.0.997

package/dist/components/ui/Dialog/Dialog.d.ts

@@ -20,6 +20,7 @@ declare const _default: NamedExoticComponent<{
     stickyHeader?: boolean;
     title?: string | ReactNode;
     titleClass?: string;
+    variation?: "primary" | "blue";
     useFormMethod?: boolean;
 }>;
 export default _default;

package/dist/main.es.js

@@ -1,4 +1,4 @@
-import { jsx as c, jsxs as g, Fragment as S } from "react/jsx-runtime";
+import { jsx as c, jsxs as g, Fragment as k } from "react/jsx-runtime";
 import m from "classnames";
 import { memo as b, useState as N, useEffect as E } from "react";
 const G = {
@@ -562,7 +562,7 @@ const G = {
         },
         e
       ),
-      children: /* @__PURE__ */ g(S, { children: [
+      children: /* @__PURE__ */ g(k, { children: [
         /* @__PURE__ */ g(
           "button",
           {
@@ -673,7 +673,7 @@ const G = {
                 "list-disc space-y-1 pl-5 mt-2 text-xs",
                 a
               ),
-              children: t.map((V, C) => /* @__PURE__ */ c("li", { children: V }, C))
+              children: t.map((V, M) => /* @__PURE__ */ c("li", { children: V }, M))
             }
           ) : "",
           d
@@ -695,15 +695,15 @@ const G = {
   mobileBackdrop: p = !1,
   name: u = "",
   options: V = [],
-  parentProps: C = {},
+  parentProps: M = {},
   placeholder: f = "",
   props: v = {},
   rightIcon: A = "",
   required: h = !1,
   showSearchIcon: y = !0,
   showRightIcon: w = !1,
-  size: M = "medium",
-  styles: z = null,
+  size: C = "medium",
+  styles: S = null,
   title: j = "",
   type: P,
   useGoogle: R = !1,
@@ -718,8 +718,8 @@ const G = {
       "data-search-type": P,
       "data-use-google": R,
       className: m("Autocomplete", e),
-      style: z ? { ...z } : null,
-      ...C,
+      style: S ? { ...S } : null,
+      ...M,
       children: [
         y && /* @__PURE__ */ g(
           "span",
@@ -728,8 +728,8 @@ const G = {
               "search-icon-left absolute inset-y-0 left-0 flex items-center ",
               {
                 "pointer-events-none": p,
-                "pl-2": M === "medium",
-                "pl-4": M === "large"
+                "pl-2": C === "medium",
+                "pl-4": C === "large"
               }
             ),
             children: [
@@ -738,7 +738,7 @@ const G = {
                 {
                   className: "home-search select-none text-gray-500",
                   name: i,
-                  size: M === "xLarge" ? "small" : "xSmall",
+                  size: C === "xLarge" ? "small" : "xSmall",
                   viewBox: "0 0 24 24",
                   ...l
                 }
@@ -748,7 +748,7 @@ const G = {
                 {
                   className: "arrow-left select-none text-gray-500 hidden",
                   name: "arrowLeft",
-                  size: M === "xLarge" ? "small" : "xSmall",
+                  size: C === "xLarge" ? "small" : "xSmall",
                   viewBox: "0 0 24 24"
                 }
               )
@@ -763,11 +763,11 @@ const G = {
             className: m(
               "w-full bg-white placeholder:bg-white rounded border border-gray-300 py-2 pr-8 shadow-sm focus:outline-none sm-max:text-sm placeholder:text-gray-500 sm-max:placeholder:text-sm placeholder-shown:text-ellipsis truncate",
               {
-                "pl-8": y === !0 && M === "medium",
-                "pl-10": y === !0 && M === "large",
-                "px-3 h-10": M === "medium",
-                "px-4 h-12": M === "large",
-                "px-5 h-[60px] sm:!text-base": M === "xLarge",
+                "pl-8": y === !0 && C === "medium",
+                "pl-10": y === !0 && C === "large",
+                "px-3 h-10": C === "medium",
+                "px-4 h-12": C === "large",
+                "px-5 h-[60px] sm:!text-base": C === "xLarge",
                 peer: n
               },
               r
@@ -789,9 +789,9 @@ const G = {
               "floating-label absolute text-sm !normal-case text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:text-[#222] peer-focus:px-2 peer-focus:bg-white peer-placeholder-shown:bg-white peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 start-1 pointer-events-none",
               {
                 "!left-7": y === !0,
-                "left-2": M === "medium",
-                "left-3": M === "large",
-                "left-4": M === "xLarge"
+                "left-2": C === "medium",
+                "left-3": C === "large",
+                "left-4": C === "xLarge"
               }
             ),
             children: n
@@ -853,7 +853,7 @@ const G = {
                   "data-title": j,
                   "aria-labelledby": "Label",
                   "aria-activedescendant": "search-item-0",
-                  children: V.length > 0 ? V.map((k, Z) => /* @__PURE__ */ c(
+                  children: V.length > 0 ? V.map((z, Z) => /* @__PURE__ */ c(
                     "li",
                     {
                       id: `search-item-${Z}`,
@@ -861,7 +861,7 @@ const G = {
                       className: "dropdown-item text-gray-900 cursor-default select-none py-2 pl-3 pr-4 truncate hover:bg-gray-50 font-normal focus:bg-gray-50 focus:text-green-400 focus-visible:outline-0",
                       "aria-selected": Z === 0,
                       role: "option",
-                      children: (k == null ? void 0 : k.name) || k
+                      children: (z == null ? void 0 : z.name) || z
                     },
                     `search-item-${Z}`
                   )) : ""
@@ -906,7 +906,7 @@ const G = {
   rightIconProps: p = {},
   rounded: u = !1,
   size: V = "md",
-  type: C = "button",
+  type: M = "button",
   uppercase: f = !1,
   variation: v = "primary"
 }) => {
@@ -914,7 +914,7 @@ const G = {
   return /* @__PURE__ */ g(
     A,
     {
-      type: A !== "a" ? C : null,
+      type: A !== "a" ? M : null,
       className: m(
         "button",
         {
@@ -999,7 +999,7 @@ const G = {
   );
 }, $1 = b(e1), t1 = ({
   activator: d,
-  id: e = "",
+  id: e,
   children: t,
   className: a,
   contentClass: n,
@@ -1011,39 +1011,41 @@ const G = {
   headerClass: p,
   hideClose: u = !1,
   iconSize: V = "medium",
-  preventPageScroll: C = !0,
+  preventPageScroll: M = !0,
   sheet: f = !1,
   sheetDirection: v = "right",
   stickyHeader: A = !1,
   title: h = "",
   titleClass: y,
-  useFormMethod: w = !0
+  variation: w = "primary",
+  useFormMethod: C = !0
 }) => {
-  const M = w ? "form" : "div";
-  return /* @__PURE__ */ g(S, { children: [
+  const S = C ? "form" : "div";
+  return /* @__PURE__ */ g(k, { children: [
     d && /* @__PURE__ */ c("span", { id: `${e}-dialog-activator`, children: d }),
     /* @__PURE__ */ c(
       "dialog",
       {
         inert: "",
         ...i ? { closedby: "none" } : null,
-        id: `${e}-dialog`,
+        id: e ? `${e}-dialog` : null,
         className: m(
           "dialog",
           {
+            [`dialog-${w}`]: w,
             "dialog-full-mobile": o,
             "dialog-sheet": f,
             dark: r,
             "dialog-sheet--right": v === "right" && f,
-            "prevent-scroll": C
+            "prevent-scroll": M
           },
           a
         ),
         children: /* @__PURE__ */ g(
-          M,
+          S,
           {
             className: "dialog-container",
-            method: w ? "dialog" : null,
+            method: C ? "dialog" : null,
             children: [
               /* @__PURE__ */ g(
                 "header",
@@ -1058,7 +1060,7 @@ const G = {
                     p
                   ),
                   children: [
-                    h && /* @__PURE__ */ c("h3", { id: `${e}-dialog-title`, className: y, children: h }),
+                    h && /* @__PURE__ */ c("h3", { className: y, children: h }),
                     !u && /* @__PURE__ */ c(
                       "button",
                       {
@@ -1083,7 +1085,6 @@ const G = {
               /* @__PURE__ */ c(
                 "div",
                 {
-                  id: `${e}-dialog-content`,
                   className: m(
                     "dialog-content",
                     {
@@ -1094,7 +1095,7 @@ const G = {
                   children: t
                 }
               ),
-              l && /* @__PURE__ */ c("footer", { id: `${e}-dialog-footer`, className: "dialog-footer", children: l })
+              l && /* @__PURE__ */ c("footer", { className: "dialog-footer", children: l })
             ]
           }
         )
@@ -1125,16 +1126,16 @@ const G = {
     );
     if (!o) return;
     let p, u, V = !1;
-    function C(f) {
+    function M(f) {
       p === void 0 && (p = f);
       const v = f - p;
       if (u !== f) {
         const A = v / s * 101;
         o.style.width = `${A}%`, e && e({ elapsed: v, percentage: A }), A >= 101 && (l && l(), V = !0, window.cancelAnimationFrame(f));
       }
-      v < s && (u = f, V || window.requestAnimationFrame(C));
+      v < s && (u = f, V || window.requestAnimationFrame(M));
     }
-    window.requestAnimationFrame(C);
+    window.requestAnimationFrame(M);
   }
   return E(() => {
     i({ cb: d });
@@ -1165,7 +1166,7 @@ const G = {
   disabled: r = !1,
   options: i = {},
   trigger: l = "click"
-}) => /* @__PURE__ */ g(S, { children: [
+}) => /* @__PURE__ */ g(k, { children: [
   /* @__PURE__ */ c(
     "div",
     {
@@ -1219,9 +1220,9 @@ const G = {
   rounded: l = !0,
   showLabel: o = !1
 }) => {
-  const u = ((V, C) => {
+  const u = ((V, M) => {
     if (V) {
-      const f = Number(C) / V;
+      const f = Number(M) / V;
       return f > 1 ? 100 : f * 100;
     }
     return n;
@@ -1317,7 +1318,7 @@ const G = {
   variation: u = "primary",
   value: V
 }) => {
-  const C = i ? { defaultValue: "" } : {};
+  const M = i ? { defaultValue: "" } : {};
   return /* @__PURE__ */ g(
     "label",
     {
@@ -1341,7 +1342,7 @@ const G = {
             id: a,
             name: s,
             value: V,
-            ...C,
+            ...M,
             ...l,
             children: [
               i && /* @__PURE__ */ c("option", { hidden: !0, value: "", children: i }),
@@ -1494,11 +1495,11 @@ const G = {
   styles: p = null,
   type: u = "text",
   value: V,
-  variation: C = "primary"
+  variation: M = "primary"
 }) => /* @__PURE__ */ g(
   "div",
   {
-    className: m("relative textbox", C, d),
+    className: m("relative textbox", M, d),
     style: p ? { ...p } : null,
     children: [
       n && /* @__PURE__ */ c("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ c(
@@ -1528,9 +1529,9 @@ const G = {
             },
             o.inputClass ?? "",
             r,
-            { "placeholder:!text-black-900": t && C === "blue" },
+            { "placeholder:!text-black-900": t && M === "blue" },
             {
-              "!bg-red-500/10 placeholder:!text-red-700": t && C !== "blue"
+              "!bg-red-500/10 placeholder:!text-red-700": t && M !== "blue"
             }
           ),
           ...o
@@ -1554,7 +1555,7 @@ const G = {
       a && /* @__PURE__ */ c("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), D = b(u1), p1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(S, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ g("div", { className: "relative", children: [
+), D = b(u1), p1 = ({ checked: d = !1, props: e = {} }) => /* @__PURE__ */ c(k, { children: /* @__PURE__ */ c("label", { className: "flex cursor-pointer select-none items-center", children: /* @__PURE__ */ g("div", { className: "relative", children: [
   /* @__PURE__ */ c(
     "input",
     {
@@ -1585,7 +1586,7 @@ const G = {
   titleClass: s,
   uppercase: r = !0
 }) => {
-  const i = a || /* @__PURE__ */ g(S, { children: [
+  const i = a || /* @__PURE__ */ g(k, { children: [
     "Typical email response time is 2-3 hours. If you require immediate assistance you may use our",
     " ",
     /* @__PURE__ */ c(
@@ -2148,10 +2149,10 @@ const G = {
     const u = {
       "font-size": p,
       ...a
-    }, V = `.${e(`${t}-${o}`)}`, C = n ? n({ sizeKey: o, sizeValue: p }) : {};
+    }, V = `.${e(`${t}-${o}`)}`, M = n ? n({ sizeKey: o, sizeValue: p }) : {};
     l[V] = {
       ...u,
-      ...C
+      ...M
     }, Object.entries(r).forEach(([f, v]) => {
       const A = `.${e(`${t}-${o}-${f}`)}`, h = i ? i({ sizeKey: o, sizeValue: p, weightKey: f, weightValue: v }) : {};
       l[A] = {
@@ -2463,8 +2464,8 @@ class H {
       url: p = null,
       ip: u = null,
       sessionId: V = null,
-      user: C = null
-    } = (window == null ? void 0 : window.options) ?? {}, { id: f = null } = C ?? {};
+      user: M = null
+    } = (window == null ? void 0 : window.options) ?? {}, { id: f = null } = M ?? {};
     t.userId = s ?? f, t.isHeads = l, t.isLoggedIn = o, t.url = p, await H.createData(
       "/api/event",
       {
@@ -2654,15 +2655,15 @@ class H {
     if ((o = window == null ? void 0 : window.options) != null && o.isPdf)
       return i;
     try {
-      const u = await (await fetch("/api/client-headers")).json(), V = (u == null ? void 0 : u.sessionId) ?? "noSessionId", C = (u == null ? void 0 : u.ip) ?? null, f = e * 1e3;
+      const u = await (await fetch("/api/client-headers")).json(), V = (u == null ? void 0 : u.sessionId) ?? "noSessionId", M = (u == null ? void 0 : u.ip) ?? null, f = e * 1e3;
       return localStorage.setItem(
         l,
         JSON.stringify({
           tolken: V,
-          ip: C,
+          ip: M,
           expire: (/* @__PURE__ */ new Date()).getTime() + f
         })
-      ), { tolken: V, ip: C, userAgent: a, platform: r };
+      ), { tolken: V, ip: M, userAgent: a, platform: r };
     } catch (p) {
       console.error("getHeaders", p);
     }
@@ -2909,21 +2910,21 @@ class H {
     ), V = new MutationObserver((h, y) => {
       h.forEach(async (w) => {
         if (w.attributeName === "open") {
-          const M = w.target;
-          if (!(M == null ? void 0 : M.hasAttribute("open"))) return;
-          M == null || M.removeAttribute("inert"), M == null || M.dispatchEvent(u.opening), M && await A(M), M == null || M.dispatchEvent(u.opened);
+          const C = w.target;
+          if (!(C == null ? void 0 : C.hasAttribute("open"))) return;
+          C == null || C.removeAttribute("inert"), C == null || C.dispatchEvent(u.opening), C && await A(C), C == null || C.dispatchEvent(u.opened);
         }
       });
-    }), C = new MutationObserver((h, y) => {
+    }), M = new MutationObserver((h, y) => {
       h.forEach((w) => {
-        w.removedNodes.forEach((M) => {
-          M.nodeName === "DIALOG" && (M.removeEventListener("click", v), M.removeEventListener("close", f), M.dispatchEvent(u.removed), C == null || C.disconnect(), V == null || V.disconnect());
+        w.removedNodes.forEach((C) => {
+          C.nodeName === "DIALOG" && (C.removeEventListener("click", v), C.removeEventListener("close", f), C.dispatchEvent(u.removed), M == null || M.disconnect(), V == null || V.disconnect());
         });
       });
     });
     o && (V.observe(o, {
       attributes: !0
-    }), C.observe(document.body, {
+    }), M.observe(document.body, {
       attributes: !1,
       subtree: !1,
       childList: !0
@@ -3098,10 +3099,10 @@ class H {
       vin: p = null,
       license: u = null,
       token: V = null,
-      phone: C = null
+      phone: M = null
     } = e || {}, f = t && t !== "", v = r && r !== "" && r !== "18", A = i && i !== "" && r !== "99";
     let h = [];
-    return t && t !== "" && h.push("name=" + t), f || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), v && A ? parseInt(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (v && h.push("min=" + r), A && h.push("max=" + i)), C && C !== "" && h.push("phone=" + C), l && l !== "" && h.push("city=" + l), u && u !== "" && h.push("license=" + u), p && p !== "" && h.push("vin=" + p), o && o !== "" && h.push("state=" + o), V && V !== "" && h.push("token=" + V), h.join("&");
+    return t && t !== "" && h.push("name=" + t), f || (a && a !== "" && h.push("first=" + a), n && n !== "" && h.push("middle=" + n), s && s !== "" && h.push("last=" + s)), v && A ? parseInt(r) > parseInt(i) ? (h.push("min=" + i), h.push("max=" + r)) : (h.push("min=" + r), h.push("max=" + i)) : (v && h.push("min=" + r), A && h.push("max=" + i)), M && M !== "" && h.push("phone=" + M), l && l !== "" && h.push("city=" + l), u && u !== "" && h.push("license=" + u), p && p !== "" && h.push("vin=" + p), o && o !== "" && h.push("state=" + o), V && V !== "" && h.push("token=" + V), h.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -3122,7 +3123,7 @@ class H {
       useGoogleOverride: p = !1,
       useAmazonOverride: u = !1,
       isSandboxAccount: V = !1,
-      isOptOutSearch: C = !1
+      isOptOutSearch: M = !1
     } = t ?? {}, { tolken: f = null, ip: v = null } = await H.getHeaders(), h = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
@@ -3134,11 +3135,11 @@ class H {
       "useGoogleOverride=" + p,
       "useAmazonOverride=" + u,
       "isSandboxAccount=" + V,
-      "isOptOutSearch=" + C
+      "isOptOutSearch=" + M
     ];
     l && l !== "" && !s && h.push("state=" + l), f && f !== "" && h.push("tolken=" + f), v && v !== "" && h.push("ip=" + v);
-    const y = h.join("&"), M = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + y;
-    return await H.fetchData(M);
+    const y = h.join("&"), C = (n || s ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + y;
+    return await H.fetchData(C);
   }
   static removeElements(e) {
     document.querySelectorAll(e).forEach((t) => t == null ? void 0 : t.remove());