@colabcommerce/elements 0.0.3 → 0.0.4

package/dist/CartForm.js

@@ -1,10 +1,10 @@
 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, c as pe, w as fe, h as ge, e as _e } from "./addressComponentsToAddress-CNK2WJ24.js";
-import { L as ye, F as ve, a as Ce, Q as Ne } from "./index-DqABFy0O.js";
-import { _ as be, p as B, q as k, j as we, A as Se, a as x, k as Ie, M as Le, c as y, Q as K, e as xe, h as F, i as Ae, F as v, R as qe, C as L, O as P, B as G, l as Q, I as Be, m as ke } from "./globals-C3lGVSJ0.js";
-import { C as Me } from "./Container-7bFgo-eP.js";
+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, c as pe, w as fe, h as ge, e as _e } from "./addressComponentsToAddress-DCL-K8mn.js";
+import { L as ye, F as ve, a as Ce, Q as Ne } from "./index-CqSfhXDd.js";
+import { _ as be, p as B, q as k, j as we, A as Se, a as x, k as Ie, M as Le, c as y, Q as K, e as xe, h as F, i as Ae, F as v, R as qe, C as L, O as P, B as G, l as Q, I as Be, m as ke } from "./globals-B8-hYoIU.js";
+import { C as Me } from "./Container-CU_WrBOi.js";
 function W() {
   return W = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {

package/dist/{Container-7bFgo-eP.js → Container-CU_WrBOi.js}

@@ -1,4 +1,4 @@
-import { p as n, q as m } from "./globals-C3lGVSJ0.js";
+import { p as n, q as m } from "./globals-B8-hYoIU.js";
 import * as p from "react";
 import { jsx as c } from "react/jsx-runtime";
 const x = /* @__PURE__ */ p.forwardRef(({

package/dist/{Modal-BqRDRCTs.js → Modal-DTBKy_6d.js}

@@ -1,4 +1,4 @@
-import { w as Z, x as be, y as Q, r as de, z as Se, D as lt, G as ct, T as dt, t as ut, q as v, v as ft, E as ht, p as U, P as Ee, H as mt, J as gt, K as De, L as pt, N as Et } from "./globals-C3lGVSJ0.js";
+import { w as Z, x as be, y as Q, r as de, z as Se, D as lt, G as ct, T as dt, t as ut, q as v, v as ft, E as ht, p as U, P as Ee, H as mt, J as gt, K as De, L as pt, N as Et } from "./globals-B8-hYoIU.js";
 import * as E from "react";
 import { useState as H, useRef as h, useEffect as R, useCallback as y, useContext as Ke, createContext as yt, useMemo as Ge, useLayoutEffect as Rt, cloneElement as Ne, forwardRef as vt, useImperativeHandle as Tt } from "react";
 import wt from "react-dom";

package/dist/ProductForm.js

@@ -1,10 +1,10 @@
 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 $, 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-CNK2WJ24.js";
-import { L as ee, F as te, Q as ae } from "./index-DqABFy0O.js";
-import { a as M, c as k, e as oe, h as b, i as ne, B as R, F as d, R as se, C as _, O as y, l as W, I as re, m as ie } from "./globals-C3lGVSJ0.js";
-import { S as le } from "./index-TPy0P4tu.js";
-const ce = () => {
+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,
@@ -18,16 +18,16 @@ const ce = () => {
       }
     }
   );
-}, de = "_5BvSp", me = "NnCF-", ue = "OxA-3", he = "fIWeh", C = {
-  loading: de,
-  itemWrapper: me,
-  selected: ue,
-  wrapper: he
-}, pe = () => {
-  const { t: m } = M(), { locations: l, isLoading: c, focusedLocationId: t } = F();
-  function f(n, u) {
-    if (!n || !u) return;
-    const h = n.getBoundingClientRect(), i = u.getBoundingClientRect().top - h.top + n.scrollTop;
+}, 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"
@@ -36,62 +36,61 @@ const ce = () => {
   return j(() => {
     const n = document.getElementById(`location-${t}`);
     if (n) {
-      const u = document.getElementById("llw");
-      f(u, 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)) });
-}, fe = "NQ6-h", _e = "_4wmyC", ge = "_9dVCP", P = {
-  wrapper: fe,
-  name: _e,
-  address: ge
-}, ve = () => {
-  var I, q, x, w, L, a, B;
-  const { cc_company_retailer_location_id: m } = $(), { distanceUnit: l, searchCenter: c, selectedLocation: t, setSelectedLocationId: f, selectedLocationId: n, setMessageModalOpen: u, setShowMap: h, setShowDetails: v } = F(), i = D({ lat: (I = t == null ? void 0 : t.address) == null ? void 0 : I.latitude, lng: (q = t == null ? void 0 : t.address) == null ? void 0 : q.longitude }, c), o = l === "km" ? i : J(i), N = Math.round(o * 10) / 10, S = (x = t == null ? void 0 : t.store_type) != null && x.includes("Studio") ? "studio" : "retailer";
+}, _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: S }) })
+      /* @__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: [
-      N,
+      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: (w = t == null ? void 0 : t.address) == null ? void 0 : w.street_line_one }),
+      /* @__PURE__ */ e("div", { children: (x = t == null ? void 0 : t.address) == null ? void 0 : x.street_line_one }),
       /* @__PURE__ */ s("div", { children: [
-        (L = t == null ? void 0 : t.address) == null ? void 0 : L.city,
+        (w = t == null ? void 0 : t.address) == null ? void 0 : w.city,
         ", ",
-        (a = t == null ? void 0 : t.address) == null ? void 0 : a.province,
+        (B = t == null ? void 0 : t.address) == null ? void 0 : B.province,
         " ",
-        (B = t == null ? void 0 : t.address) == null ? void 0 : B.postal_code
+        (o = t == null ? void 0 : t.address) == null ? void 0 : o.postal_code
       ] })
     ] })
   ] }) });
-}, Ne = "KsfpB", be = "t-v-7", ye = "UFm9T", Ce = "c3v8k", g = {
-  changeLocationBtn: Ne,
-  submitButton: be,
-  successContainer: ye,
-  successBtn: Ce
+}, 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: u } = $(), { selectedLocationId: h, setSelectedLocationId: v, searchCenter: i } = F(), { t: o } = M("default"), [N, S] = E(!1), [I, q] = E(!1), x = {
+  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 = oe().shape({
-    firstName: b().required(o("quote_form.first_name_required")),
-    lastName: b().required(o("quote_form.last_name_required")),
-    email: b().email(o("quote_form.invalid_email")).required(o("quote_form.email_required")),
-    phone: b().required(o("quote_form.phone_required")),
+  }, 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()
-  }), a = ne({
+  }), o = ne({
     initialValues: x,
     validationSchema: w,
-    onSubmit: async (p) => {
+    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",
@@ -101,11 +100,11 @@ const ce = () => {
         body: JSON.stringify({
           id: m,
           lead: {
-            name: `${p.firstName} ${p.lastName}`,
-            emails_attributes: [{ email: p.email }],
-            phone_numbers_attributes: [{ phone_number: p.phone, country_code: "US" }],
-            message: p.message,
-            opt_in: p.optIn,
+            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,
@@ -116,12 +115,12 @@ const ce = () => {
               latitude: (i == null ? void 0 : i.lat) || null,
               longitude: (i == null ? void 0 : i.lng) || null
             },
-            assignee_id: h || null,
+            assignee_id: p || null,
             assignee_type: "CompanyRetailerLocation",
             lead_activities_attributes: [{
               type: "LeadActivity::QuoteRequest",
               products: [l],
-              notes: p.notes,
+              notes: u.notes,
               source_type: "Company",
               source_id: m
             }]
@@ -137,42 +136,38 @@ const ce = () => {
     }
   });
   j(() => {
-    const p = document.getElementById("cc-accordion-anchor");
-    p && p.scrollIntoView({ behavior: "instant" });
-  }, [h]);
-  const B = () => {
-    S(!1), v(null), f && f();
+    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: [
-    N && /* @__PURE__ */ e("div", { className: g.successContainer, children: /* @__PURE__ */ s("div", { className: "text-center", children: [
-      /* @__PURE__ */ e("h2", { className: "fw-bold fs-2", style: { marginBottom: "3.2rem" }, children: o("cart_form.success_title") }),
-      /* @__PURE__ */ e("div", { className: "fs-6", style: { fontWeight: 600, marginBottom: "3.2rem" }, children: o("cart_form.success_message") }),
-      /* @__PURE__ */ e(R, { variant: "dark", className: g.successBtn, onClick: B, children: o("cart_form.success_button") })
-    ] }) }),
-    !N && /* @__PURE__ */ s("div", { id: "cc-accordion-anchor", children: [
-      !h && /* @__PURE__ */ s("div", { children: [
-        /* @__PURE__ */ e("div", { className: "mb-3", children: /* @__PURE__ */ e(ce, {}) }),
+    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(le, {})
+          /* @__PURE__ */ e(ce, { onMarkerClick: $ })
         ] }),
         /* @__PURE__ */ e(te, {}),
-        /* @__PURE__ */ e(pe, {})
+        /* @__PURE__ */ e(fe, {})
       ] }),
-      h && /* @__PURE__ */ s("div", { children: [
+      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: u === h ? "" : o("quote.selected_location.title") }),
-            /* @__PURE__ */ e("button", { onClick: () => v(null), className: g.changeLocationBtn, children: o("quote.change_location") })
+            /* @__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: g.selectedLocation, children: /* @__PURE__ */ e(ve, {}) })
+          /* @__PURE__ */ e("div", { className: v.selectedLocation, children: /* @__PURE__ */ e(Ne, {}) })
         ] }),
-        /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e(d, { onSubmit: a.handleSubmit, className: g.form, children: /* @__PURE__ */ s(se, { children: [
+        /* @__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: o("quote_form.first_name"),
+              label: a("quote_form.first_name"),
               className: "mb-3",
               children: [
                 /* @__PURE__ */ e(
@@ -180,14 +175,14 @@ const ce = () => {
                   {
                     type: "text",
                     name: "firstName",
-                    placeholder: o("quote_form.first_name_placeholder"),
-                    onChange: a.handleChange,
-                    value: a.values.firstName,
+                    placeholder: a("quote_form.first_name_placeholder"),
+                    onChange: o.handleChange,
+                    value: o.values.firstName,
                     className: "rounded-0",
-                    isInvalid: !!a.errors.firstName
+                    isInvalid: !!o.errors.firstName
                   }
                 ),
-                /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: a.errors.firstName })
+                /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: o.errors.firstName })
               ]
             }
           ) }),
@@ -195,7 +190,7 @@ const ce = () => {
             y,
             {
               controlId: "floatingInput",
-              label: o("quote_form.last_name"),
+              label: a("quote_form.last_name"),
               className: "mb-3",
               children: [
                 /* @__PURE__ */ e(
@@ -204,13 +199,13 @@ const ce = () => {
                     type: "text",
                     name: "lastName",
                     className: "rounded-0",
-                    placeholder: o("quote_form.last_name_placeholder"),
-                    onChange: a.handleChange,
-                    value: a.values.lastName,
-                    isInvalid: !!a.errors.lastName
+                    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: a.errors.lastName })
+                /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: o.errors.lastName })
               ]
             }
           ) }),
@@ -218,7 +213,7 @@ const ce = () => {
             y,
             {
               controlId: "floatingInput",
-              label: o("quote_form.email"),
+              label: a("quote_form.email"),
               className: "mb-3",
               children: [
                 /* @__PURE__ */ e(
@@ -227,13 +222,13 @@ const ce = () => {
                     type: "email",
                     name: "email",
                     className: "rounded-0",
-                    placeholder: o("quote_form.email_placeholder"),
-                    onChange: a.handleChange,
-                    value: a.values.email,
-                    isInvalid: !!a.errors.email
+                    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: a.errors.email })
+                /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: o.errors.email })
               ]
             }
           ) }),
@@ -241,7 +236,7 @@ const ce = () => {
             y,
             {
               controlId: "floatingInput",
-              label: o("quote_form.phone"),
+              label: a("quote_form.phone"),
               className: "mb-3",
               children: [
                 /* @__PURE__ */ e(
@@ -250,13 +245,13 @@ const ce = () => {
                     type: "text",
                     name: "phone",
                     className: "rounded-0",
-                    placeholder: o("quote_form.phone_placeholder"),
-                    onChange: a.handleChange,
-                    value: a.values.phone,
-                    isInvalid: !!a.errors.phone
+                    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: a.errors.phone })
+                /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: o.errors.phone })
               ]
             }
           ) }),
@@ -264,8 +259,8 @@ const ce = () => {
             y,
             {
               controlId: "floatingTextarea",
-              label: o("quote_form.notes"),
-              className: ["mb-3", g.textarea].join(" "),
+              label: a("quote_form.notes"),
+              className: ["mb-3", v.textarea].join(" "),
               children: [
                 /* @__PURE__ */ e(
                   d.Control,
@@ -273,14 +268,14 @@ const ce = () => {
                     as: "textarea",
                     name: "notes",
                     className: "rounded-0",
-                    placeholder: o("quote_form.notes_placeholder"),
-                    onChange: a.handleChange,
-                    value: a.values.notes,
-                    isInvalid: !!a.errors.notes,
+                    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: a.errors.notes })
+                /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: o.errors.notes })
               ]
             }
           ) }),
@@ -292,22 +287,22 @@ const ce = () => {
                 type: "checkbox",
                 label: n,
                 className: "mb-3 fs-6",
-                onChange: a.handleChange,
-                isInvalid: !!a.errors.optIn
+                onChange: o.handleChange,
+                isInvalid: !!o.errors.optIn
               }
             ),
-            /* @__PURE__ */ e(d.Control.Feedback, { type: "invalid", children: a.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(R, { type: "submit", variant: "dark", className: g.submitButton, disabled: N, children: a.isSubmitting ? o("quote.submitting") : o("quote_form.submit") }),
-            I && /* @__PURE__ */ e("div", { className: "text-danger ms-2", children: o("quote_form.error") }),
-            N && /* @__PURE__ */ e("div", { className: "text-success ms-2", children: o("quote_form.success") })
+            /* @__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") })
           ] })
         ] }) }) })
       ] })
     ] })
   ] });
-}, Fe = ({
+}, Le = ({
   id: m,
   // The entity ID for the Store Locator.
   locale: l,
@@ -315,12 +310,12 @@ const ce = () => {
   filterRetailerByStockedProduct: t = !1,
   filterRetailerByAvailableProduct: f = !1,
   optInText: n = null,
-  onCancel: u,
-  onClose: h,
-  onSuccess: v
+  onCancel: h,
+  onClose: p,
+  onSuccess: N
 }) => (j(() => {
-  W.changeLanguage(l);
-}, [l]), c || (console.warn("Colab Commerce: No product(s) provided to the ProductForm component."), c = []), /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(re, { i18n: W, children: /* @__PURE__ */ e(ie, { apiKey: "AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M", libraries: ["places"], children: /* @__PURE__ */ e(Y, { id: m, children: /* @__PURE__ */ e(
+  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,
@@ -330,19 +325,19 @@ const ce = () => {
     optInText: n,
     autoLocate: !0,
     products: [c],
-    children: /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(
       Se,
       {
         id: m,
         product: c,
-        onSuccess: v,
+        onSuccess: N,
         optInText: n,
-        onCancel: u,
-        onClose: h
+        onCancel: h,
+        onClose: p
       }
     ) })
   }
 ) }) }) }) }));
 export {
-  Fe as default
+  Le as default
 };

package/dist/Retailer.js

@@ -1,8 +1,8 @@
 import { jsx as v, jsxs as N, Fragment as Ze } from "react/jsx-runtime";
 import k, { createContext as Be, useState as X, useEffect as re, useContext as xt, forwardRef as Qe, useRef as U, useLayoutEffect as Tt } from "react";
-import { u as Et, f as Ct, a as se, b as Pt, c as L, d as Ve, B as Ae, R as Z, C as q, e as Mt, g as It, h as pe, i as Lt, F as D, j as _t, A as Ot, k as Nt, M as zt, l as Re, I as At, m as $t } from "./globals-C3lGVSJ0.js";
-import { C as $e } from "./Container-7bFgo-eP.js";
-import { M as me } from "./Modal-BqRDRCTs.js";
+import { u as Et, f as Ct, a as se, b as Pt, c as L, d as Ve, B as Ae, R as Z, C as q, e as Mt, g as It, h as pe, i as Lt, F as D, j as _t, A as Ot, k as Nt, M as zt, l as Re, I as At, m as $t } from "./globals-B8-hYoIU.js";
+import { C as $e } from "./Container-CU_WrBOi.js";
+import { M as me } from "./Modal-DTBKy_6d.js";
 const Je = Be(), kt = ({ id: t, lng: e, children: i }) => {
   const [s, n] = X(e), [r, l] = X(!1);
   re(() => {