@colabcommerce/elements 0.0.4 → 0.9.1

package/dist/ProductForm.js

@@ -1,343 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { useEffect as j, useState as E, Suspense as z } from "react";
-import { u as F, L as H, g as R, d as D, S as Q, b as U, k as J, f as V, A as K, c as G, w as X, h as Y, e as Z } from "./addressComponentsToAddress-DCL-K8mn.js";
-import { L as ee, F as te, Q as oe } from "./index-CqSfhXDd.js";
-import { a as W, c as k, e as ae, h as b, i as ne, F as d, R as se, C as _, O as y, B as re, l as M, I as ie, m as le } from "./globals-B8-hYoIU.js";
-import { S as ce } from "./index-FM02Uq_P.js";
-const de = () => {
-  const { locationName: m, setLocationName: l, setSearchCenter: c, setMapCenter: t, setLoadingGeo: f, getPosition: n } = F();
-  return /* @__PURE__ */ e(
-    H,
-    {
-      locationName: m,
-      setLocationName: l,
-      setSearchCenter: c,
-      setMapCenter: t,
-      handleLocate: () => {
-        f(!0), n();
-      }
-    }
-  );
-}, me = "_5BvSp", ue = "NnCF-", he = "OxA-3", pe = "fIWeh", C = {
-  loading: me,
-  itemWrapper: ue,
-  selected: he,
-  wrapper: pe
-}, fe = () => {
-  const { t: m } = W(), { locations: l, isLoading: c, focusedLocationId: t } = F();
-  function f(n, h) {
-    if (!n || !h) return;
-    const p = n.getBoundingClientRect(), i = h.getBoundingClientRect().top - p.top + n.scrollTop;
-    n.scrollTo({
-      top: i,
-      behavior: "smooth"
-    });
-  }
-  return j(() => {
-    const n = document.getElementById(`location-${t}`);
-    if (n) {
-      const h = document.getElementById("llw");
-      f(h, n);
-    }
-  }, [t]), c ? /* @__PURE__ */ e("div", { className: k(C.loading), children: /* @__PURE__ */ e("img", { src: "https://images.sofasandsectionals.com/cc/pal-loader.svg", width: "50", height: "50", alt: m("store_locator.loading") }) }) : /* @__PURE__ */ e("div", { className: k(C.wrapper), id: "llw", children: l.map((n) => /* @__PURE__ */ e("div", { className: t === n.id ? k(C.itemWrapper, C.selected) : k(C.itemWrapper), id: `location-${n.id}`, children: /* @__PURE__ */ e(ee, { id: n.id, location: n }) }, n.id)) });
-}, _e = "NQ6-h", ge = "_4wmyC", ve = "_9dVCP", P = {
-  wrapper: _e,
-  name: ge,
-  address: ve
-}, Ne = () => {
-  var S, I, q, x, w, B, o;
-  const { cc_company_retailer_location_id: m } = R(), { distanceUnit: l, searchCenter: c, selectedLocation: t, setSelectedLocationId: f, selectedLocationId: n, setMessageModalOpen: h, setShowMap: p, setShowDetails: N } = F(), i = D({ lat: (S = t == null ? void 0 : t.address) == null ? void 0 : S.latitude, lng: (I = t == null ? void 0 : t.address) == null ? void 0 : I.longitude }, c), L = l === "km" ? i : J(i), a = Math.round(L * 10) / 10, g = (q = t == null ? void 0 : t.store_type) != null && q.includes("Studio") ? "studio" : "retailer";
-  return !t || t.location_id === m ? null : /* @__PURE__ */ e("div", { children: /* @__PURE__ */ s("div", { className: P.wrapper, children: [
-    /* @__PURE__ */ s("div", { className: "d-flex align-items-center justify-content-between", children: [
-      /* @__PURE__ */ e("h3", { className: P.name, children: t == null ? void 0 : t.retailer_name }),
-      /* @__PURE__ */ e("div", { className: "text-end", children: /* @__PURE__ */ e(Q, { type: g }) })
-    ] }),
-    /* @__PURE__ */ s("div", { className: "text-muted fs-6 fw-normal mt-1", children: [
-      a,
-      " ",
-      l
-    ] }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(U, { hours: t == null ? void 0 : t.retailer_location_hours }) }),
-    /* @__PURE__ */ s("address", { className: P.address, children: [
-      /* @__PURE__ */ e("div", { children: (x = t == null ? void 0 : t.address) == null ? void 0 : x.street_line_one }),
-      /* @__PURE__ */ s("div", { children: [
-        (w = t == null ? void 0 : t.address) == null ? void 0 : w.city,
-        ", ",
-        (B = t == null ? void 0 : t.address) == null ? void 0 : B.province,
-        " ",
-        (o = t == null ? void 0 : t.address) == null ? void 0 : o.postal_code
-      ] })
-    ] })
-  ] }) });
-}, be = "KsfpB", ye = "t-v-7", Ce = "UFm9T", v = {
-  changeLocationBtn: be,
-  submitButton: ye,
-  successContainer: Ce
-}, Se = ({ id: m, product: l = null, onSuccess: c, onCancel: t, onClose: f, optInText: n }) => {
-  l || console.warn("Colab Commerce: No product(s) provided to the ProductForm component.");
-  const { cc_company_retailer_location_id: h } = R(), { selectedLocationId: p, setSelectedLocationId: N, searchCenter: i, setFocusedLocationId: L } = F(), { t: a } = W("default"), [g, S] = E(!1), [I, q] = E(!1), x = {
-    firstName: "",
-    lastName: "",
-    email: "",
-    phone: "",
-    notes: ""
-  }, w = ae().shape({
-    firstName: b().required(a("quote_form.first_name_required")),
-    lastName: b().required(a("quote_form.last_name_required")),
-    email: b().email(a("quote_form.invalid_email")).required(a("quote_form.email_required")),
-    phone: b().required(a("quote_form.phone_required")),
-    notes: b()
-  }), o = ne({
-    initialValues: x,
-    validationSchema: w,
-    onSubmit: async (u) => {
-      X("AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M");
-      const T = await K(i == null ? void 0 : i.lat, i == null ? void 0 : i.lng), r = G(T.results[0].address_components), A = await fetch("https://api.colabcommerce.com/widget_api/leads", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          id: m,
-          lead: {
-            name: `${u.firstName} ${u.lastName}`,
-            emails_attributes: [{ email: u.email }],
-            phone_numbers_attributes: [{ phone_number: u.phone, country_code: "US" }],
-            message: u.message,
-            opt_in: u.optIn,
-            location_attributes: {
-              street_line_one: r == null ? void 0 : r.addressLine1,
-              street_line_two: r == null ? void 0 : r.addressLine2,
-              city: r == null ? void 0 : r.city,
-              province: r == null ? void 0 : r.province,
-              postal_code: r == null ? void 0 : r.postalCode,
-              country: r == null ? void 0 : r.country,
-              latitude: (i == null ? void 0 : i.lat) || null,
-              longitude: (i == null ? void 0 : i.lng) || null
-            },
-            assignee_id: p || null,
-            assignee_type: "CompanyRetailerLocation",
-            lead_activities_attributes: [{
-              type: "LeadActivity::QuoteRequest",
-              products: [l],
-              notes: u.notes,
-              source_type: "Company",
-              source_id: m
-            }]
-          }
-        })
-      });
-      if (!A.ok) {
-        q(!0);
-        return;
-      }
-      const O = await A.json();
-      S(!0), c && c(O);
-    }
-  });
-  j(() => {
-    const u = document.getElementById("cc-accordion-anchor");
-    u && u.scrollIntoView({ behavior: "instant" });
-  }, [p]);
-  const $ = (u) => {
-    L(u.id);
-  };
-  return /* @__PURE__ */ s("div", { className: "cc", children: [
-    g && /* @__PURE__ */ e("div", { className: v.successContainer, children: /* @__PURE__ */ e("div", { className: "text-center", children: /* @__PURE__ */ e("h2", { className: "fw-bold fs-2", style: { marginBottom: "3.2rem" }, children: a("cart_form.success_title") }) }) }),
-    !g && /* @__PURE__ */ s("div", { id: "cc-accordion-anchor", children: [
-      !p && /* @__PURE__ */ s("div", { children: [
-        /* @__PURE__ */ e("div", { className: "mb-3", children: /* @__PURE__ */ e(de, {}) }),
-        /* @__PURE__ */ s("div", { className: "position-relative", children: [
-          /* @__PURE__ */ e(V, {}),
-          /* @__PURE__ */ e(ce, { onMarkerClick: $ })
-        ] }),
-        /* @__PURE__ */ e(te, {}),
-        /* @__PURE__ */ e(fe, {})
-      ] }),
-      p && /* @__PURE__ */ s("div", { children: [
-        /* @__PURE__ */ s("div", { children: [
-          /* @__PURE__ */ s("div", { className: "d-flex align-items-center justify-content-between px-3 mb-2 fs-6", children: [
-            /* @__PURE__ */ e("span", { className: "fw-bold", children: h === p ? "" : a("quote.selected_location.title") }),
-            /* @__PURE__ */ e("button", { onClick: () => N(null), className: v.changeLocationBtn, children: a("quote.change_location") })
-          ] }),
-          /* @__PURE__ */ e("div", { className: v.selectedLocation, children: /* @__PURE__ */ e(Ne, {}) })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e(d, { onSubmit: o.handleSubmit, className: v.form, children: /* @__PURE__ */ s(se, { children: [
-          /* @__PURE__ */ e(_, { xs: 12, md: 12, children: /* @__PURE__ */ s(
-            y,
-            {
-              controlId: "floatingInput",
-              label: a("quote_form.first_name"),
-              className: "mb-3",
-              children: [
-                /* @__PURE__ */ e(
-                  d.Control,
-                  {
-                    type: "text",
-                    name: "firstName",
-                    placeholder: a("quote_form.first_name_placeholder"),
-                    onChange: o.handleChange,
-                    value: o.values.firstName,
-                    className: "rounded-0",
-                    isInvalid: !!o.errors.firstName
-                  }
-                ),
-                /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: o.errors.firstName })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e(_, { xs: 12, md: 12, children: /* @__PURE__ */ s(
-            y,
-            {
-              controlId: "floatingInput",
-              label: a("quote_form.last_name"),
-              className: "mb-3",
-              children: [
-                /* @__PURE__ */ e(
-                  d.Control,
-                  {
-                    type: "text",
-                    name: "lastName",
-                    className: "rounded-0",
-                    placeholder: a("quote_form.last_name_placeholder"),
-                    onChange: o.handleChange,
-                    value: o.values.lastName,
-                    isInvalid: !!o.errors.lastName
-                  }
-                ),
-                /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: o.errors.lastName })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e(_, { xs: 12, md: 12, children: /* @__PURE__ */ s(
-            y,
-            {
-              controlId: "floatingInput",
-              label: a("quote_form.email"),
-              className: "mb-3",
-              children: [
-                /* @__PURE__ */ e(
-                  d.Control,
-                  {
-                    type: "email",
-                    name: "email",
-                    className: "rounded-0",
-                    placeholder: a("quote_form.email_placeholder"),
-                    onChange: o.handleChange,
-                    value: o.values.email,
-                    isInvalid: !!o.errors.email
-                  }
-                ),
-                /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: o.errors.email })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e(_, { xs: 12, md: 12, children: /* @__PURE__ */ s(
-            y,
-            {
-              controlId: "floatingInput",
-              label: a("quote_form.phone"),
-              className: "mb-3",
-              children: [
-                /* @__PURE__ */ e(
-                  d.Control,
-                  {
-                    type: "text",
-                    name: "phone",
-                    className: "rounded-0",
-                    placeholder: a("quote_form.phone_placeholder"),
-                    onChange: o.handleChange,
-                    value: o.values.phone,
-                    isInvalid: !!o.errors.phone
-                  }
-                ),
-                /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: o.errors.phone })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e(_, { xs: 12, children: /* @__PURE__ */ s(
-            y,
-            {
-              controlId: "floatingTextarea",
-              label: a("quote_form.notes"),
-              className: ["mb-3", v.textarea].join(" "),
-              children: [
-                /* @__PURE__ */ e(
-                  d.Control,
-                  {
-                    as: "textarea",
-                    name: "notes",
-                    className: "rounded-0",
-                    placeholder: a("quote_form.notes_placeholder"),
-                    onChange: o.handleChange,
-                    value: o.values.notes,
-                    isInvalid: !!o.errors.notes,
-                    style: { height: "100px" }
-                  }
-                ),
-                /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: o.errors.notes })
-              ]
-            }
-          ) }),
-          n && /* @__PURE__ */ s(_, { xs: 12, children: [
-            /* @__PURE__ */ e(
-              d.Check,
-              {
-                name: "optIn",
-                type: "checkbox",
-                label: n,
-                className: "mb-3 fs-6",
-                onChange: o.handleChange,
-                isInvalid: !!o.errors.optIn
-              }
-            ),
-            /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: o.errors.optIn })
-          ] }),
-          /* @__PURE__ */ s(_, { xs: 12, className: "text-start d-flex align-items-center", children: [
-            /* @__PURE__ */ e(re, { type: "submit", variant: "dark", className: v.submitButton, disabled: g, children: o.isSubmitting ? a("quote.submitting") : a("quote_form.submit") }),
-            I && /* @__PURE__ */ e("div", { className: "text-danger ms-2", children: a("quote_form.error") }),
-            g && /* @__PURE__ */ e("div", { className: "text-success ms-2", children: a("quote_form.success") })
-          ] })
-        ] }) }) })
-      ] })
-    ] })
-  ] });
-}, Le = ({
-  id: m,
-  // The entity ID for the Store Locator.
-  locale: l,
-  product: c,
-  filterRetailerByStockedProduct: t = !1,
-  filterRetailerByAvailableProduct: f = !1,
-  optInText: n = null,
-  onCancel: h,
-  onClose: p,
-  onSuccess: N
-}) => (j(() => {
-  M.changeLanguage(l);
-}, [l]), c || (console.warn("Colab Commerce: No product(s) provided to the ProductForm component."), c = []), /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(ie, { i18n: M, children: /* @__PURE__ */ e(le, { apiKey: "AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M", libraries: ["places"], children: /* @__PURE__ */ e(Y, { id: m, children: /* @__PURE__ */ e(
-  Z,
-  {
-    id: m,
-    locale: l,
-    filterRetailerByStockedProduct: t,
-    filterRetailerByAvailableProduct: f,
-    optInText: n,
-    autoLocate: !0,
-    products: [c],
-    children: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(
-      Se,
-      {
-        id: m,
-        product: c,
-        onSuccess: N,
-        optInText: n,
-        onCancel: h,
-        onClose: p
-      }
-    ) })
-  }
-) }) }) }) }));
-export {
-  Le as default
-};