@colabcommerce/elements 0.0.1

package/README.md

@@ -0,0 +1,70 @@
+# palliser-elements
+
+This is a bespoke version of Colab Commerce Elements customized for Palliser Furniture.
+
+The API is the same as the standard Colab Commerce elements.
+
+## Installation
+
+You will need an NPM token to install.
+
+<pre>
+npm install @colabocmmerce/palliser-elements
+</pre>
+
+or
+
+<pre>
+yarn add @colabcommerce/palliser-elements
+</pre>
+
+## Store Locator
+
+The store locator provides a drop in component to embed a store locator on any page.
+
+## Usage
+
+<pre>
+import StoreLocator from '@colabcommerce/elements/StoreLocator';
+import '@colabcommerce/elements/dist/index.css';
+
+<StoreLocator id={YOUR_CC_ORGANIZATION_ID} locale="en-US" root="/retailers" />
+</pre>
+
+### Props
+
+#### ID => `String`
+
+The Colab Commerce Organization ID that retailers will be loaded for
+
+#### locale => `String`
+
+An ISO string representing the locale of the user.
+
+#### root => `String`
+
+The root path, this is necessary for the correct linking paths for the retailer pages.
+
+## Retailer
+
+The store locator provides a drop in component to embed a store locator on any page.
+
+## Usage
+
+<pre>
+import Retailer from '@colabcommerce/elements/Retailer';
+import '@colabcommerce/elements/dist/index.css';
+
+<Retailer id={RETAILER_CC_ID} locale="en-US" />
+</pre>
+
+### Props
+
+#### ID => `String`
+
+The Colab Commerce Organization ID that retailers will be loaded for
+
+#### locale => `String`
+
+An ISO string representing the locale of the user.
+

package/dist/CartForm.js

@@ -0,0 +1,617 @@
+import { jsx as t, Fragment as H, jsxs as f } from "react/jsx-runtime";
+import * as b from "react";
+import { useRef as ae, useState as E, useCallback as re, useContext as j, useMemo as Y, useEffect as q } from "react";
+import { C as ce, u as I, L as ie, d as le, g as de, b as ue, f as me, A as he, w as pe, c as fe, e as ge } from "./index-BComOHrk.js";
+import { L as _e, F as ye, a as ve, b as Ce, Q as Ne } from "./addressComponentsToAddress-CHYXse0U.js";
+import { _ as be, j as B, k, e as we, A as Se, a as x, g as Ie, M as Le, c as y, O as Z, G as xe, J as F, K as Ae, L as v, R as qe, C as L, N as P, B as G, i as J, I as Be, h as ke } from "./globals-D3YPIcjZ.js";
+import { C as Me } from "./Container-BPKk2w_q.js";
+function W() {
+  return W = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var s = arguments[n];
+      for (var o in s) ({}).hasOwnProperty.call(s, o) && (e[o] = s[o]);
+    }
+    return e;
+  }, W.apply(null, arguments);
+}
+function V(e) {
+  return "default" + e.charAt(0).toUpperCase() + e.substr(1);
+}
+function Fe(e) {
+  var n = Pe(e, "string");
+  return typeof n == "symbol" ? n : String(n);
+}
+function Pe(e, n) {
+  if (typeof e != "object" || e === null) return e;
+  var s = e[Symbol.toPrimitive];
+  if (s !== void 0) {
+    var o = s.call(e, n);
+    if (typeof o != "object") return o;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return String(e);
+}
+function Oe(e, n, s) {
+  var o = ae(e !== void 0), l = E(n), a = l[0], c = l[1], d = e !== void 0, g = o.current;
+  return o.current = d, !d && g && a !== n && c(n), [d ? e : a, re(function(i) {
+    for (var r = arguments.length, _ = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
+      _[h - 1] = arguments[h];
+    s && s.apply(void 0, [i].concat(_)), c(i);
+  }, [s])];
+}
+function Ee(e, n) {
+  return Object.keys(n).reduce(function(s, o) {
+    var l, a = s, c = a[V(o)], d = a[o], g = be(a, [V(o), o].map(Fe)), i = n[o], r = Oe(d, c, e[i]), _ = r[0], h = r[1];
+    return W({}, g, (l = {}, l[o] = _, l[i] = h, l));
+  }, e);
+}
+function X(e, n) {
+  return Array.isArray(e) ? e.includes(n) : e === n;
+}
+const T = /* @__PURE__ */ b.createContext({});
+T.displayName = "AccordionContext";
+const U = /* @__PURE__ */ b.forwardRef(({
+  as: e = "div",
+  bsPrefix: n,
+  className: s,
+  children: o,
+  eventKey: l,
+  ...a
+}, c) => {
+  const {
+    activeEventKey: d
+  } = j(T);
+  return n = B(n, "accordion-collapse"), /* @__PURE__ */ t(ce, {
+    ref: c,
+    in: X(d, l),
+    ...a,
+    className: k(s, n),
+    children: /* @__PURE__ */ t(e, {
+      children: b.Children.only(o)
+    })
+  });
+});
+U.displayName = "AccordionCollapse";
+const z = /* @__PURE__ */ b.createContext({
+  eventKey: ""
+});
+z.displayName = "AccordionItemContext";
+const ee = /* @__PURE__ */ b.forwardRef(({
+  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+  as: e = "div",
+  bsPrefix: n,
+  className: s,
+  onEnter: o,
+  onEntering: l,
+  onEntered: a,
+  onExit: c,
+  onExiting: d,
+  onExited: g,
+  ...i
+}, r) => {
+  n = B(n, "accordion-body");
+  const {
+    eventKey: _
+  } = j(z);
+  return /* @__PURE__ */ t(U, {
+    eventKey: _,
+    onEnter: o,
+    onEntering: l,
+    onEntered: a,
+    onExit: c,
+    onExiting: d,
+    onExited: g,
+    children: /* @__PURE__ */ t(e, {
+      ref: r,
+      ...i,
+      className: k(s, n)
+    })
+  });
+});
+ee.displayName = "AccordionBody";
+function je(e, n) {
+  const {
+    activeEventKey: s,
+    onSelect: o,
+    alwaysOpen: l
+  } = j(T);
+  return (a) => {
+    let c = e === s ? null : e;
+    l && (Array.isArray(s) ? s.includes(e) ? c = s.filter((d) => d !== e) : c = [...s, e] : c = [e]), o == null || o(c, a), n == null || n(a);
+  };
+}
+const K = /* @__PURE__ */ b.forwardRef(({
+  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+  as: e = "button",
+  bsPrefix: n,
+  className: s,
+  onClick: o,
+  ...l
+}, a) => {
+  n = B(n, "accordion-button");
+  const {
+    eventKey: c
+  } = j(z), d = je(c, o), {
+    activeEventKey: g
+  } = j(T);
+  return e === "button" && (l.type = "button"), /* @__PURE__ */ t(e, {
+    ref: a,
+    onClick: d,
+    ...l,
+    "aria-expanded": Array.isArray(g) ? g.includes(c) : c === g,
+    className: k(s, n, !X(g, c) && "collapsed")
+  });
+});
+K.displayName = "AccordionButton";
+const te = /* @__PURE__ */ b.forwardRef(({
+  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+  as: e = "h2",
+  "aria-controls": n,
+  bsPrefix: s,
+  className: o,
+  children: l,
+  onClick: a,
+  ...c
+}, d) => (s = B(s, "accordion-header"), /* @__PURE__ */ t(e, {
+  ref: d,
+  ...c,
+  className: k(o, s),
+  children: /* @__PURE__ */ t(K, {
+    onClick: a,
+    "aria-controls": n,
+    children: l
+  })
+})));
+te.displayName = "AccordionHeader";
+const ne = /* @__PURE__ */ b.forwardRef(({
+  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+  as: e = "div",
+  bsPrefix: n,
+  className: s,
+  eventKey: o,
+  ...l
+}, a) => {
+  n = B(n, "accordion-item");
+  const c = Y(() => ({
+    eventKey: o
+  }), [o]);
+  return /* @__PURE__ */ t(z.Provider, {
+    value: c,
+    children: /* @__PURE__ */ t(e, {
+      ref: a,
+      ...l,
+      className: k(s, n)
+    })
+  });
+});
+ne.displayName = "AccordionItem";
+const oe = /* @__PURE__ */ b.forwardRef((e, n) => {
+  const {
+    // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+    as: s = "div",
+    activeKey: o,
+    bsPrefix: l,
+    className: a,
+    onSelect: c,
+    flush: d,
+    alwaysOpen: g,
+    ...i
+  } = Ee(e, {
+    activeKey: "onSelect"
+  }), r = B(l, "accordion"), _ = Y(() => ({
+    activeEventKey: o,
+    onSelect: c,
+    alwaysOpen: g
+  }), [o, c, g]);
+  return /* @__PURE__ */ t(T.Provider, {
+    value: _,
+    children: /* @__PURE__ */ t(s, {
+      ref: n,
+      ...i,
+      className: k(a, r, d && `${r}-flush`)
+    })
+  });
+});
+oe.displayName = "Accordion";
+const Te = Object.assign(oe, {
+  Button: K,
+  Collapse: U,
+  Item: ne,
+  Header: te,
+  Body: ee
+}), $e = () => {
+  const { locationName: e, setLocationName: n, setSearchCenter: s, setMapCenter: o, setShowFilters: l, setLoadingGeo: a, getPosition: c } = I();
+  return /* @__PURE__ */ t(
+    ie,
+    {
+      locationName: e,
+      setLocationName: n,
+      setSearchCenter: s,
+      setMapCenter: o,
+      handleLocate: () => {
+        a(!0), c();
+      }
+    }
+  );
+}, Re = ({ location: e }) => {
+  var i, r;
+  const { focusedLocationId: n, selectedLocationId: s, setShowDetails: o, setFocusedLocationId: l } = I(), a = () => {
+    l(e.id);
+  }, c = we(), d = n === e.id, g = (e == null ? void 0 : e.store_type) === "Palliser Studio" ? d ? c.studioSelected : c.studio : d ? c.standardSelected : c.standard;
+  return /* @__PURE__ */ t(
+    Se,
+    {
+      onClick: a,
+      zIndex: n === e.id ? 1e3 : 1,
+      position: { lat: ((i = e == null ? void 0 : e.address) == null ? void 0 : i.latitude) * 1, lng: ((r = e.address) == null ? void 0 : r.longitude) * 1 },
+      children: /* @__PURE__ */ t("img", { src: g, width: 30 })
+    }
+  );
+}, ze = "VuYOd", De = {
+  map: ze
+}, We = () => {
+  const { locations: e, selectedLocationId: n, mapCenter: s, searchCenter: o, setMapCenter: l, zoom: a, setZoom: c, focusedLocationId: d } = I(), { t: g } = x(), [i, r] = E(s), _ = Ie(), [h, w] = E(null), M = (p) => {
+    c(p.detail.zoom);
+  }, $ = (p) => {
+    var m, S;
+    h && r({ lat: (m = h == null ? void 0 : h.getCenter()) == null ? void 0 : m.lat(), lng: (S = h == null ? void 0 : h.getCenter()) == null ? void 0 : S.lng() });
+  };
+  q(() => {
+    const p = setTimeout(() => {
+      l({ lat: i.lat, lng: i.lng });
+    }, 500);
+    return () => clearTimeout(p);
+  }, [i, l]), q(() => {
+    _ && w(_);
+  }, [_, w]);
+  const u = () => {
+    if (!h) return;
+    const p = new window.google.maps.LatLngBounds();
+    e.slice(0, 2).map((m) => {
+      p.extend({ lat: m.address.latitude * 1, lng: m.address.longitude * 1 });
+    }), p.extend(o), h.fitBounds(p, 10);
+  }, C = (p) => {
+    var S;
+    if (!h) return;
+    const m = new window.google.maps.LatLngBounds();
+    (S = h == null ? void 0 : h.getBounds()) != null && S.contains({ lat: p.address.latitude * 1, lng: p.address.longitude * 1 }) || (m.extend({ lat: p.address.latitude * 1, lng: p.address.longitude * 1 }), m.extend(o), h.fitBounds(m, 10));
+  };
+  return q(() => {
+    if (d && e.length > 0) {
+      const p = e.find((m) => m.id === d);
+      p && C(p);
+    } else e.length > 0;
+  }, [d, e, h]), q(() => {
+    e.length > 0 && u();
+  }, [e]), !s.lat || !s.lng ? null : /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(
+    Le,
+    {
+      className: y(De.map),
+      defaultZoom: a,
+      defaultCenter: i,
+      mapId: "fb10c7a27b297863",
+      gestureHandling: "greedy",
+      keyboardShortcuts: !1,
+      disableDefaultUI: !0,
+      onDragend: $,
+      onCameraChanged: M,
+      children: e == null ? void 0 : e.map((p) => /* @__PURE__ */ t(Re, { location: p }, p.id))
+    }
+  ) });
+}, N = {}, He = ({ location: e }) => {
+  var u, C;
+  const { t: n } = x(), { distanceUnit: s, searchCenter: o, setSelectedLocationId: l, selectedLocationId: a, setMessageModalOpen: c, setShowMap: d, setShowDetails: g } = I();
+  le({ lat: (u = e == null ? void 0 : e.address) == null ? void 0 : u.latitude, lng: (C = e.address) == null ? void 0 : C.longitude }, o);
+  const i = e.retailer_location_hours.find((p) => p.day === (/* @__PURE__ */ new Date()).getDay()), r = /* @__PURE__ */ new Date();
+  let _ = /* @__PURE__ */ new Date();
+  i && (_ = new Z(r.getUTCFullYear(), r.getMonth(), r.getDate(), i.open_at_hour, i.open_at_minute, 0, 0, i.timezone));
+  let h = /* @__PURE__ */ new Date();
+  i && (h = new Z(r.getUTCFullYear(), r.getMonth(), r.getDate(), i.close_at_hour, i.close_at_minute, 0, 0, i.timezone));
+  const w = i && r >= _ && r <= h, M = i && !w && r - _ > 30 * 6e4 * -1, $ = i && w && h - r < 30 * 6e4;
+  return w ? $ ? (y(N.hours, N.soon), n("store.closingSoon")) : (y(N.hours, N.open), n("store.openNow")) : M ? (y(N.hours, N.soon), n("store.openingSoon")) : (y(N.hours, N.closed), n("store.closedNow")), e.id === a ? y(N.wrapper, N.selected) : y(N.wrapper), /* @__PURE__ */ t(_e, { location: e, showProducts: !0 });
+}, Ue = "ePOrG", Ke = "M-nbk", Ze = "FPD-7", Je = "JswlX", O = {
+  loading: Ue,
+  itemWrapper: Ke,
+  selected: Ze,
+  wrapper: Je
+}, Ve = () => {
+  const { t: e } = x(), { locations: n, isLoading: s, focusedLocationId: o } = I();
+  function l(a, c) {
+    if (!a || !c) return;
+    const d = a.getBoundingClientRect(), i = c.getBoundingClientRect().top - d.top + a.scrollTop;
+    a.scrollTo({
+      top: i,
+      behavior: "smooth"
+    });
+  }
+  return q(() => {
+    const a = document.getElementById(`location-${o}`);
+    if (a) {
+      const c = document.getElementById("llw");
+      l(c, a);
+    }
+  }, [o]), s ? /* @__PURE__ */ t("div", { className: y(O.loading), children: /* @__PURE__ */ t("img", { src: "https://images.sofasandsectionals.com/cc/pal-loader.svg", width: "50", height: "50", alt: e("store_locator.loading") }) }) : /* @__PURE__ */ t("div", { className: y(O.wrapper), id: "llw", children: n.map((a) => /* @__PURE__ */ t("div", { className: o === a.id ? y(O.itemWrapper, O.selected) : y(O.itemWrapper), id: `location-${a.id}`, children: /* @__PURE__ */ t(He, { id: a.id, location: a }) }, a.id)) });
+}, Qe = "zBhXi", Ye = "yZvHZ", Ge = "VtRMr", D = {
+  name: Qe,
+  address: Ye,
+  changeButton: Ge
+}, Xe = () => {
+  const { selectedLocation: e, setSelectedLocationId: n } = I(), { cc_company_retailer_location_id: s } = de(), { t: o } = x("default");
+  return !e || e.location_id === s ? null : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ f("div", { children: [
+    /* @__PURE__ */ t("h3", { className: D.name, children: e.retailer_name }),
+    /* @__PURE__ */ t(ue, { hours: e.retailer_location_hours }),
+    /* @__PURE__ */ f("address", { className: D.address, children: [
+      /* @__PURE__ */ t("div", { children: e.address.street_line_one }),
+      /* @__PURE__ */ f("div", { children: [
+        e.address.city,
+        ", ",
+        e.address.province,
+        " ",
+        e.address.postal_code
+      ] })
+    ] }),
+    /* @__PURE__ */ t("button", { className: D.changeButton, onClick: () => n(null), children: o("quote.selected_location.change") })
+  ] }) });
+}, et = "rzOiv", tt = "VViY9", nt = "Z6pWc", ot = "SmFFK", R = {
+  stepOneContainer: et,
+  header: tt,
+  tag: nt,
+  content: ot
+}, st = () => {
+  const { selectedLocationId: e } = I(), { t: n } = x("default");
+  return /* @__PURE__ */ f("div", { className: R.stepOneContainer, children: [
+    /* @__PURE__ */ f("h2", { className: R.header, children: [
+      "1. ",
+      n("cart_form.step_one_title")
+    ] }),
+    /* @__PURE__ */ f("div", { className: R.content, children: [
+      !e && /* @__PURE__ */ f(H, { children: [
+        /* @__PURE__ */ t($e, {}),
+        /* @__PURE__ */ t("p", { className: R.tag, children: n("quote_form.exclusive") }),
+        /* @__PURE__ */ f("div", { className: "pb-3 position-relative", children: [
+          /* @__PURE__ */ t(me, {}),
+          /* @__PURE__ */ t(We, {})
+        ] }),
+        /* @__PURE__ */ t(ye, {}),
+        /* @__PURE__ */ t(Ve, {})
+      ] }),
+      e && /* @__PURE__ */ t(Xe, {})
+    ] })
+  ] });
+}, at = "_2eMqH", rt = "ylSg7", ct = "_4WWPr", it = "HeQuC", A = {
+  stepTwoContainer: at,
+  header: rt,
+  content: ct,
+  submitButton: it
+}, lt = ({ success: e, products: n, setSuccess: s, onSuccess: o, onCancel: l, onClose: a, id: c }) => {
+  const { selectedLocationId: d, locale: g, searchCenter: i } = I(), { t: r } = x("default"), [_, h] = E(!1), w = {
+    firstName: "",
+    lastName: "",
+    email: "",
+    phone: "",
+    notes: ""
+  }, M = xe().shape({
+    firstName: F().required(r("quote_form.first_name_required")),
+    lastName: F().required(r("quote_form.last_name_required")),
+    email: F().email(r("quote_form.invalid_email")).required(r("quote_form.email_required")),
+    phone: F().required(r("quote_form.phone_required")),
+    notes: F()
+  }), u = Ae({
+    initialValues: w,
+    validationSchema: M,
+    onSubmit: async (C) => {
+      pe("AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M");
+      const p = await he(i == null ? void 0 : i.lat, i == null ? void 0 : i.lng), m = ve(p.results[0].address_components), S = await fetch("https://api.colabcommerce.com/widget_api/leads", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          id: c,
+          lead: {
+            name: `${C.firstName} ${C.lastName}`,
+            emails_attributes: [{ email: C.email }],
+            phone_numbers_attributes: [{ phone_number: C.phone, country_code: "US" }],
+            message: C.message,
+            opt_in: C.optIn,
+            location_attributes: {
+              street_line_one: m == null ? void 0 : m.addressLine1,
+              street_line_two: m == null ? void 0 : m.addressLine2,
+              city: m == null ? void 0 : m.city,
+              province: m == null ? void 0 : m.province,
+              postal_code: m == null ? void 0 : m.postalCode,
+              country: m == null ? void 0 : m.country,
+              latitude: (i == null ? void 0 : i.lat) || null,
+              longitude: (i == null ? void 0 : i.lng) || null
+            },
+            assignee_id: d || null,
+            assignee_type: "CompanyRetailerLocation",
+            lead_activities_attributes: [{
+              type: "LeadActivity::QuoteRequest",
+              products: n,
+              notes: C.notes,
+              source_type: "Company",
+              source_id: c
+            }]
+          }
+        })
+      });
+      if (!S.ok) {
+        h(!0);
+        return;
+      }
+      const se = await S.json();
+      s(!0), o && o(se);
+    }
+  });
+  return /* @__PURE__ */ f("div", { className: A.stepTwoContainer, children: [
+    /* @__PURE__ */ f("h2", { className: A.header, id: "#step-two", children: [
+      "2. ",
+      r("cart_form.step_two_title")
+    ] }),
+    d && /* @__PURE__ */ t("div", { className: A.content, children: /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(v, { onSubmit: u.handleSubmit, className: y(A.form), children: /* @__PURE__ */ t(Me, { className: "px-0 mx-0", children: /* @__PURE__ */ f(qe, { children: [
+      /* @__PURE__ */ t(L, { xs: 12, md: 6, children: /* @__PURE__ */ f(
+        P,
+        {
+          controlId: "floatingInput",
+          label: r("quote_form.first_name"),
+          className: "mb-3",
+          children: [
+            /* @__PURE__ */ t(
+              v.Control,
+              {
+                type: "text",
+                name: "firstName",
+                className: "rounded-0",
+                placeholder: r("quote_form.first_name_placeholder"),
+                onChange: u.handleChange,
+                value: u.values.firstName,
+                isInvalid: !!u.errors.firstName
+              }
+            ),
+            /* @__PURE__ */ t(v.Control.Feedback, { type: "invalid", children: u.errors.firstName })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t(L, { xs: 12, md: 6, children: /* @__PURE__ */ f(
+        P,
+        {
+          controlId: "floatingInput",
+          label: r("quote_form.last_name"),
+          className: "mb-3",
+          children: [
+            /* @__PURE__ */ t(
+              v.Control,
+              {
+                type: "text",
+                name: "lastName",
+                className: "rounded-0",
+                placeholder: r("quote_form.last_name_placeholder"),
+                onChange: u.handleChange,
+                value: u.values.lastName,
+                isInvalid: !!u.errors.lastName
+              }
+            ),
+            /* @__PURE__ */ t(v.Control.Feedback, { type: "invalid", children: u.errors.lastName })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t(L, { xs: 12, md: 6, children: /* @__PURE__ */ f(
+        P,
+        {
+          controlId: "floatingInput",
+          label: r("quote_form.email"),
+          className: "mb-3",
+          children: [
+            /* @__PURE__ */ t(
+              v.Control,
+              {
+                type: "email",
+                name: "email",
+                className: "rounded-0",
+                placeholder: r("quote_form.email_placeholder"),
+                onChange: u.handleChange,
+                value: u.values.email,
+                isInvalid: !!u.errors.email
+              }
+            ),
+            /* @__PURE__ */ t(v.Control.Feedback, { type: "invalid", children: u.errors.email })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t(L, { xs: 12, md: 6, children: /* @__PURE__ */ f(
+        P,
+        {
+          controlId: "floatingInput",
+          label: r("quote_form.phone"),
+          className: "mb-3",
+          children: [
+            /* @__PURE__ */ t(
+              v.Control,
+              {
+                type: "text",
+                name: "phone",
+                placeholder: r("quote_form.phone_placeholder"),
+                onChange: u.handleChange,
+                size: "sm",
+                className: "rounded-0",
+                value: u.values.phone,
+                isInvalid: !!u.errors.phone
+              }
+            ),
+            /* @__PURE__ */ t(v.Control.Feedback, { type: "invalid", children: u.errors.phone })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t(L, { xs: 12, children: /* @__PURE__ */ f(
+        P,
+        {
+          controlId: "floatingTextarea",
+          label: r("quote_form.notes"),
+          className: ["mb-3", y(A.textarea)].join(" "),
+          children: [
+            /* @__PURE__ */ t(
+              v.Control,
+              {
+                as: "textarea",
+                name: "notes",
+                className: "rounded-0",
+                placeholder: r("quote_form.notes_placeholder"),
+                onChange: u.handleChange,
+                value: u.values.notes,
+                isInvalid: !!u.errors.notes,
+                style: { height: "100px" }
+              }
+            ),
+            /* @__PURE__ */ t(v.Control.Feedback, { type: "invalid", children: u.errors.notes })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ f(L, { xs: 12, children: [
+        /* @__PURE__ */ t(
+          v.Check,
+          {
+            name: "optIn",
+            type: "checkbox",
+            label: r("quote_form.optIn"),
+            className: "mb-3 fs-6",
+            onChange: u.handleChange,
+            isInvalid: !!u.errors.optIn
+          }
+        ),
+        /* @__PURE__ */ t(v.Control.Feedback, { type: "invalid", children: u.errors.optIn })
+      ] }),
+      /* @__PURE__ */ f(L, { xs: 12, className: "text-start d-flex align-items-center", children: [
+        /* @__PURE__ */ t(G, { type: "submit", variant: "dark", className: y(A.submitButton), disabled: e, children: u.isSubmitting ? r("quote.submitting") : r("quote_form.submit") }),
+        _ && /* @__PURE__ */ t("div", { className: y("text-danger ms-2"), children: r("quote_form.error") }),
+        e && /* @__PURE__ */ t("div", { className: y("text-success ms-2"), children: r("quote_form.success") })
+      ] })
+    ] }) }) }) }) })
+  ] });
+}, dt = "fIA0W", ut = "I6plu", Q = {
+  successContainer: dt,
+  successBtn: ut
+}, mt = ({ products: e, id: n, onSuccess: s, onCancel: o, onClose: l }) => {
+  const [a, c] = E(!1), { t: d } = x(), g = () => {
+    c(!1), l && l(), window.location.href = "/";
+  };
+  return /* @__PURE__ */ f("div", { className: "cc-scope", children: [
+    !a && /* @__PURE__ */ f(Te, { className: "p-3", children: [
+      /* @__PURE__ */ t(st, {}),
+      /* @__PURE__ */ t(lt, { setSuccess: c, success: a, products: e, onSuccess: s, id: n, onCancel: o, onClose: l })
+    ] }),
+    a && /* @__PURE__ */ t("div", { className: Q.successContainer, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+      /* @__PURE__ */ t("h2", { className: "fw-bold fs-2", style: { marginBottom: "3.2rem" }, children: d("cart_form.success_title") }),
+      /* @__PURE__ */ t("div", { className: "fs-6", style: { fontWeight: 600, marginBottom: "3.2rem" }, children: d("cart_form.success_message") }),
+      /* @__PURE__ */ t(G, { variant: "dark", className: Q.successBtn, onClick: g, children: d("cart_form.success_button") })
+    ] }) })
+  ] });
+}, vt = ({ id: e, locale: n, products: s, onSuccess: o, onCancel: l, onClose: a }) => (q(() => {
+  J.changeLanguage(n);
+}, [n]), /* @__PURE__ */ t(Be, { i18n: J, children: /* @__PURE__ */ f(ke, { apiKey: "AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M", libraries: ["places"], children: [
+  /* @__PURE__ */ t("script", { src: "https://maps.googleapis.com/maps/api/js?key=AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M&libraries=places" }),
+  /* @__PURE__ */ t(fe, { id: e, children: /* @__PURE__ */ t(Ce, { children: /* @__PURE__ */ t(ge, { autoLocate: !1, products: s, children: /* @__PURE__ */ t(Ne, { children: /* @__PURE__ */ t(mt, { id: e, products: s, onSuccess: o, onCancel: l, onClose: a }) }) }) }) })
+] }) }));
+export {
+  vt as default
+};