@apolitical/component-library 5.5.4-beta.0 → 5.5.5-SW.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.mjs CHANGED
@@ -5,7 +5,7 @@ import Eh from "lodash.set";
5
5
  import Ic from "react-dom";
6
6
  import tn from "markdown-to-jsx";
7
7
  import dr from "truncate";
8
- import { QueryClient as _h, QueryClientProvider as kh, useMutation as lt, useQueryClient as ro, useInfiniteQuery as io, useQuery as Fh } from "@tanstack/react-query";
8
+ import { QueryClient as _h, QueryClientProvider as kh, useMutation as ct, useQueryClient as ro, useInfiniteQuery as io, useQuery as Fh } from "@tanstack/react-query";
9
9
  import { ReactQueryDevtools as Ah } from "@tanstack/react-query-devtools";
10
10
  import Oi from "posthog-js";
11
11
  import { CookiesProvider as Bh, useCookies as Lc } from "react-cookie";
@@ -466,7 +466,7 @@ function Mh() {
466
466
  __source: !0
467
467
  }, _e, Xe, et;
468
468
  et = {};
469
- function ct(R) {
469
+ function dt(R) {
470
470
  if (Se.call(R, "ref")) {
471
471
  var se = Object.getOwnPropertyDescriptor(R, "ref").get;
472
472
  if (se && se.isReactWarning)
@@ -510,7 +510,7 @@ function Mh() {
510
510
  });
511
511
  }
512
512
  }
513
- var dt = function(R, se, fe, Ce, $e, Ve, Pe) {
513
+ var ft = function(R, se, fe, Ce, $e, Ve, Pe) {
514
514
  var Oe = {
515
515
  // This tag allows us to uniquely identify this as a React Element
516
516
  $$typeof: t,
@@ -542,7 +542,7 @@ function Mh() {
542
542
  function Gn(R, se, fe, Ce, $e) {
543
543
  {
544
544
  var Ve, Pe = {}, Oe = null, vt = null;
545
- fe !== void 0 && (ae(fe), Oe = "" + fe), Nt(se) && (ae(se.key), Oe = "" + se.key), ct(se) && (vt = se.ref, Ct(se, $e));
545
+ fe !== void 0 && (ae(fe), Oe = "" + fe), Nt(se) && (ae(se.key), Oe = "" + se.key), dt(se) && (vt = se.ref, Ct(se, $e));
546
546
  for (Ve in se)
547
547
  Se.call(se, Ve) && !be.hasOwnProperty(Ve) && (Pe[Ve] = se[Ve]);
548
548
  if (R && R.defaultProps) {
@@ -554,7 +554,7 @@ function Mh() {
554
554
  var at = typeof R == "function" ? R.displayName || R.name || "Unknown" : R;
555
555
  Oe && it(Pe, at), vt && Tt(Pe, at);
556
556
  }
557
- return dt(R, Oe, vt, $e, Ce, pe.current, Pe);
557
+ return ft(R, Oe, vt, $e, Ce, pe.current, Pe);
558
558
  }
559
559
  }
560
560
  var bn = b.ReactCurrentOwner, Sn = b.ReactDebugCurrentFrame;
@@ -1994,7 +1994,10 @@ const am = no(
1994
1994
  __proto__: null,
1995
1995
  default: ii
1996
1996
  }, Symbol.toStringTag, { value: "Module" }));
1997
- const W_ = ({ currentStep: e = 1, steps: t = 1 }) => /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
1997
+ const W_ = ({
1998
+ currentStep: e = 1,
1999
+ steps: t = 1
2000
+ }) => /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
1998
2001
  /* @__PURE__ */ c.jsx(qe, { children: /* @__PURE__ */ c.jsx(
1999
2002
  mt,
2000
2003
  {
@@ -2341,7 +2344,7 @@ const K_ = ({
2341
2344
  ] }, `dl-${u}`) : /* @__PURE__ */ c.jsx("li", { style: h, children: typeof l.text == "string" ? /* @__PURE__ */ c.jsx(tn, { options: d, children: l.text }) : l.text }, u);
2342
2345
  })
2343
2346
  });
2344
- }, ft = () => ne.Fragment, fm = ({ children: e }) => /* @__PURE__ */ c.jsx(Vt, { variant: "secondary", children: e }), hm = ({ children: e }) => typeof e == "object" && Object.keys(e || {}).length === 1 ? /* @__PURE__ */ c.jsx("p", { className: "center", children: e }) : /* @__PURE__ */ c.jsx("div", { className: "center", children: e }), mm = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], pm = ({ children: e }) => {
2347
+ }, ht = () => ne.Fragment, fm = ({ children: e }) => /* @__PURE__ */ c.jsx(Vt, { variant: "secondary", children: e }), hm = ({ children: e }) => typeof e == "object" && Object.keys(e || {}).length === 1 ? /* @__PURE__ */ c.jsx("p", { className: "center", children: e }) : /* @__PURE__ */ c.jsx("div", { className: "center", children: e }), mm = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], pm = ({ children: e }) => {
2345
2348
  const t = ce();
2346
2349
  if (!e)
2347
2350
  return null;
@@ -2463,28 +2466,28 @@ const ym = {
2463
2466
  CaseStudy: fm,
2464
2467
  // Override embedded HTML
2465
2468
  // Our content team previously used real HTML, which we need to tear out and replace with React components
2466
- style: ft,
2469
+ style: ht,
2467
2470
  details: pm,
2468
2471
  div: gm,
2469
2472
  iframe: vm,
2470
2473
  center: hm
2471
2474
  },
2472
2475
  "text-only": {
2473
- h1: ft,
2474
- h2: ft,
2475
- h3: ft,
2476
- h4: ft,
2477
- h5: ft,
2478
- h6: ft,
2479
- style: ft,
2480
- details: ft,
2481
- div: ft,
2482
- TextBox: ft,
2483
- CollapsibleSection: ft,
2484
- CaseStudy: ft,
2485
- blockquote: ft,
2486
- iframe: ft,
2487
- button: ft
2476
+ h1: ht,
2477
+ h2: ht,
2478
+ h3: ht,
2479
+ h4: ht,
2480
+ h5: ht,
2481
+ h6: ht,
2482
+ style: ht,
2483
+ details: ht,
2484
+ div: ht,
2485
+ TextBox: ht,
2486
+ CollapsibleSection: ht,
2487
+ CaseStudy: ht,
2488
+ blockquote: ht,
2489
+ iframe: ht,
2490
+ button: ht
2488
2491
  }
2489
2492
  }, fr = ({
2490
2493
  element: e = "div",
@@ -7086,7 +7089,7 @@ function Ev(e, t) {
7086
7089
  function Iu(e) {
7087
7090
  return Object.prototype.toString.call(e) === "[object Object]";
7088
7091
  }
7089
- function ut(e) {
7092
+ function lt(e) {
7090
7093
  var t, n;
7091
7094
  return Iu(e) === !1 ? !1 : (t = e.constructor, t === void 0 ? !0 : (n = t.prototype, !(Iu(n) === !1 || n.hasOwnProperty("isPrototypeOf") === !1)));
7092
7095
  }
@@ -7972,19 +7975,19 @@ var zv = (e, t, n) => {
7972
7975
  } = n;
7973
7976
  if (be.length === 0)
7974
7977
  throw new Error('Cannot apply a "split_node" operation at path ['.concat(be, "] because the root node cannot be split."));
7975
- var et = oe.get(e, be), ct = oe.parent(e, be), Nt = be[be.length - 1], Ct;
7978
+ var et = oe.get(e, be), dt = oe.parent(e, be), Nt = be[be.length - 1], Ct;
7976
7979
  if (me.isText(et)) {
7977
7980
  var it = et.text.slice(0, _e), Tt = et.text.slice(_e);
7978
7981
  et.text = it, Ct = Or(Or({}, Xe), {}, {
7979
7982
  text: Tt
7980
7983
  });
7981
7984
  } else {
7982
- var dt = et.children.slice(0, _e), Gn = et.children.slice(_e);
7983
- et.children = dt, Ct = Or(Or({}, Xe), {}, {
7985
+ var ft = et.children.slice(0, _e), Gn = et.children.slice(_e);
7986
+ et.children = ft, Ct = Or(Or({}, Xe), {}, {
7984
7987
  children: Gn
7985
7988
  });
7986
7989
  }
7987
- if (ct.children.splice(Nt + 1, 0, Ct), t)
7990
+ if (dt.children.splice(Nt + 1, 0, Ct), t)
7988
7991
  for (var [bn, Sn] of G.points(t))
7989
7992
  t[Sn] = Fe.transform(bn, n);
7990
7993
  break;
@@ -8054,7 +8057,7 @@ var zv = (e, t, n) => {
8054
8057
  }, zd = (e, t) => {
8055
8058
  for (var n in e) {
8056
8059
  var r = e[n], i = t[n];
8057
- if (ut(r) && ut(i)) {
8060
+ if (lt(r) && lt(i)) {
8058
8061
  if (!zd(r, i))
8059
8062
  return !1;
8060
8063
  } else if (Array.isArray(r) && Array.isArray(i)) {
@@ -8167,7 +8170,7 @@ var G = {
8167
8170
  return !G.isBackward(e);
8168
8171
  },
8169
8172
  isRange(e) {
8170
- return ut(e) && Fe.isPoint(e.anchor) && Fe.isPoint(e.focus);
8173
+ return lt(e) && Fe.isPoint(e.anchor) && Fe.isPoint(e.focus);
8171
8174
  },
8172
8175
  *points(e) {
8173
8176
  yield [e.anchor, "anchor"], yield [e.focus, "focus"];
@@ -8199,9 +8202,9 @@ var G = {
8199
8202
  r.anchor = l, r.focus = u;
8200
8203
  });
8201
8204
  }
8202
- }, Ju = (e) => ut(e) && oe.isNodeList(e.children) && !y.isEditor(e), he = {
8205
+ }, Ju = (e) => lt(e) && oe.isNodeList(e.children) && !y.isEditor(e), he = {
8203
8206
  isAncestor(e) {
8204
- return ut(e) && oe.isNodeList(e.children);
8207
+ return lt(e) && oe.isNodeList(e.children);
8205
8208
  },
8206
8209
  isElement: Ju,
8207
8210
  isElementList(e) {
@@ -8458,7 +8461,7 @@ var En = {
8458
8461
  return En.isOperation(e) && e.type.endsWith("_node");
8459
8462
  },
8460
8463
  isOperation(e) {
8461
- if (!ut(e))
8464
+ if (!lt(e))
8462
8465
  return !1;
8463
8466
  switch (e.type) {
8464
8467
  case "insert_node":
@@ -8466,7 +8469,7 @@ var En = {
8466
8469
  case "insert_text":
8467
8470
  return typeof e.offset == "number" && typeof e.text == "string" && $.isPath(e.path);
8468
8471
  case "merge_node":
8469
- return typeof e.position == "number" && $.isPath(e.path) && ut(e.properties);
8472
+ return typeof e.position == "number" && $.isPath(e.path) && lt(e.properties);
8470
8473
  case "move_node":
8471
8474
  return $.isPath(e.path) && $.isPath(e.newPath);
8472
8475
  case "remove_node":
@@ -8474,11 +8477,11 @@ var En = {
8474
8477
  case "remove_text":
8475
8478
  return typeof e.offset == "number" && typeof e.text == "string" && $.isPath(e.path);
8476
8479
  case "set_node":
8477
- return $.isPath(e.path) && ut(e.properties) && ut(e.newProperties);
8480
+ return $.isPath(e.path) && lt(e.properties) && lt(e.newProperties);
8478
8481
  case "set_selection":
8479
- return e.properties === null && G.isRange(e.newProperties) || e.newProperties === null && G.isRange(e.properties) || ut(e.properties) && ut(e.newProperties);
8482
+ return e.properties === null && G.isRange(e.newProperties) || e.newProperties === null && G.isRange(e.properties) || lt(e.properties) && lt(e.newProperties);
8480
8483
  case "split_node":
8481
- return $.isPath(e.path) && typeof e.position == "number" && ut(e.properties);
8484
+ return $.isPath(e.path) && typeof e.position == "number" && lt(e.properties);
8482
8485
  default:
8483
8486
  return !1;
8484
8487
  }
@@ -8570,9 +8573,9 @@ var En = {
8570
8573
  var t = tl.get(e);
8571
8574
  if (t !== void 0)
8572
8575
  return t;
8573
- if (!ut(e))
8576
+ if (!lt(e))
8574
8577
  return !1;
8575
- var n = typeof e.addMark == "function" && typeof e.apply == "function" && typeof e.deleteFragment == "function" && typeof e.insertBreak == "function" && typeof e.insertSoftBreak == "function" && typeof e.insertFragment == "function" && typeof e.insertNode == "function" && typeof e.insertText == "function" && typeof e.isElementReadOnly == "function" && typeof e.isInline == "function" && typeof e.isSelectable == "function" && typeof e.isVoid == "function" && typeof e.normalizeNode == "function" && typeof e.onChange == "function" && typeof e.removeMark == "function" && typeof e.getDirtyPaths == "function" && (e.marks === null || ut(e.marks)) && (e.selection === null || G.isRange(e.selection)) && oe.isNodeList(e.children) && En.isOperationList(e.operations);
8578
+ var n = typeof e.addMark == "function" && typeof e.apply == "function" && typeof e.deleteFragment == "function" && typeof e.insertBreak == "function" && typeof e.insertSoftBreak == "function" && typeof e.insertFragment == "function" && typeof e.insertNode == "function" && typeof e.insertText == "function" && typeof e.isElementReadOnly == "function" && typeof e.isInline == "function" && typeof e.isSelectable == "function" && typeof e.isVoid == "function" && typeof e.normalizeNode == "function" && typeof e.onChange == "function" && typeof e.removeMark == "function" && typeof e.getDirtyPaths == "function" && (e.marks === null || lt(e.marks)) && (e.selection === null || G.isRange(e.selection)) && oe.isNodeList(e.children) && En.isOperationList(e.operations);
8576
8579
  return tl.set(e, n), n;
8577
8580
  }, y = {
8578
8581
  above(e, t) {
@@ -8800,7 +8803,7 @@ var Fe = {
8800
8803
  return e.offset === t.offset && $.equals(e.path, t.path);
8801
8804
  },
8802
8805
  isPoint(e) {
8803
- return ut(e) && typeof e.offset == "number" && $.isPath(e.path);
8806
+ return lt(e) && typeof e.offset == "number" && $.isPath(e.path);
8804
8807
  },
8805
8808
  transform(e, t) {
8806
8809
  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
@@ -8892,7 +8895,7 @@ var me = {
8892
8895
  return zd(r ? i(e) : e, r ? i(t) : t);
8893
8896
  },
8894
8897
  isText(e) {
8895
- return ut(e) && typeof e.text == "string";
8898
+ return lt(e) && typeof e.text == "string";
8896
8899
  },
8897
8900
  isTextList(e) {
8898
8901
  return Array.isArray(e) && e.every((t) => me.isText(t));
@@ -18373,7 +18376,7 @@ function Ew(e) {
18373
18376
  return ae;
18374
18377
  }
18375
18378
  function i(W, ae, pe) {
18376
- let be = ae - 1, _e = -1, Xe = !1, et, ct, Nt, Ct;
18379
+ let be = ae - 1, _e = -1, Xe = !1, et, dt, Nt, Ct;
18377
18380
  for (; ++be <= pe; ) {
18378
18381
  const it = W[be];
18379
18382
  switch (it[1].type) {
@@ -18399,19 +18402,19 @@ function Ew(e) {
18399
18402
  if (!_e && it[0] === "enter" && it[1].type === "listItemPrefix" || _e === -1 && it[0] === "exit" && (it[1].type === "listUnordered" || it[1].type === "listOrdered")) {
18400
18403
  if (et) {
18401
18404
  let Tt = be;
18402
- for (ct = void 0; Tt--; ) {
18403
- const dt = W[Tt];
18404
- if (dt[1].type === "lineEnding" || dt[1].type === "lineEndingBlank") {
18405
- if (dt[0] === "exit")
18405
+ for (dt = void 0; Tt--; ) {
18406
+ const ft = W[Tt];
18407
+ if (ft[1].type === "lineEnding" || ft[1].type === "lineEndingBlank") {
18408
+ if (ft[0] === "exit")
18406
18409
  continue;
18407
- ct && (W[ct][1].type = "lineEndingBlank", Xe = !0), dt[1].type = "lineEnding", ct = Tt;
18408
- } else if (!(dt[1].type === "linePrefix" || dt[1].type === "blockQuotePrefix" || dt[1].type === "blockQuotePrefixWhitespace" || dt[1].type === "blockQuoteMarker" || dt[1].type === "listItemIndent"))
18410
+ dt && (W[dt][1].type = "lineEndingBlank", Xe = !0), ft[1].type = "lineEnding", dt = Tt;
18411
+ } else if (!(ft[1].type === "linePrefix" || ft[1].type === "blockQuotePrefix" || ft[1].type === "blockQuotePrefixWhitespace" || ft[1].type === "blockQuoteMarker" || ft[1].type === "listItemIndent"))
18409
18412
  break;
18410
18413
  }
18411
- Nt && (!ct || Nt < ct) && (et._spread = !0), et.end = Object.assign(
18414
+ Nt && (!dt || Nt < dt) && (et._spread = !0), et.end = Object.assign(
18412
18415
  {},
18413
- ct ? W[ct][1].start : it[1].end
18414
- ), W.splice(ct || be, 0, ["exit", et, it[2]]), be++, pe++;
18416
+ dt ? W[dt][1].start : it[1].end
18417
+ ), W.splice(dt || be, 0, ["exit", et, it[2]]), be++, pe++;
18415
18418
  }
18416
18419
  if (it[1].type === "listItemPrefix") {
18417
18420
  const Tt = {
@@ -20384,7 +20387,7 @@ var bC = {
20384
20387
  * Check if a value is a `History` object.
20385
20388
  */
20386
20389
  isHistory(e) {
20387
- return ut(e) && Array.isArray(e.redos) && Array.isArray(e.undos) && (e.redos.length === 0 || En.isOperationList(e.redos[0].operations)) && (e.undos.length === 0 || En.isOperationList(e.undos[0].operations));
20390
+ return lt(e) && Array.isArray(e.redos) && Array.isArray(e.undos) && (e.redos.length === 0 || En.isOperationList(e.redos[0].operations)) && (e.undos.length === 0 || En.isOperationList(e.undos[0].operations));
20388
20391
  }
20389
20392
  }, us = /* @__PURE__ */ new WeakMap(), ls = /* @__PURE__ */ new WeakMap(), or = {
20390
20393
  /**
@@ -21296,131 +21299,143 @@ const PC = ({ emails: e, setEmails: t, setIsDisabled: n }) => {
21296
21299
  r && /* @__PURE__ */ c.jsx(Vn, { variant: "error", text: r })
21297
21300
  ] });
21298
21301
  };
21299
- const MC = ({ hooks: e, functions: t, meta: n = {}, gtm: r }) => {
21300
- var B, x;
21301
- const i = ce(), a = "profileForm_", s = Me(pt), [o, l] = le(s.image), [u, d] = le(!1), {
21302
- uploadImage: h,
21303
- onSuccess: m = async (w) => {
21302
+ const MC = ({
21303
+ isCreateProfile: e = !1,
21304
+ hooks: t,
21305
+ functions: n,
21306
+ meta: r = {},
21307
+ gtm: i,
21308
+ ...a
21309
+ }) => {
21310
+ var I, N;
21311
+ const s = ce(), o = "profileForm_", l = Me(pt), [u, d] = le(l.image), [h, m] = le(!1), {
21312
+ uploadImage: p = () => {
21304
21313
  },
21305
- onCancel: p = () => {
21314
+ onSuccess: g = async (z) => {
21306
21315
  },
21307
- onFailure: g = () => {
21316
+ onCancel: f = () => {
21317
+ },
21318
+ onFailure: v = () => {
21308
21319
  }
21309
- } = t, { buildLocation: f, isValidPlace: v, predictPlaces: b } = e.useMaps(), { context: C = "ProfileForm", event: _ = "profile-form-submit-click" } = r || {};
21310
- return /* @__PURE__ */ c.jsx(
21311
- pn,
21320
+ } = n, { buildLocation: b, isValidPlace: C, predictPlaces: _ } = t.useMaps(), { context: B = "ProfileForm", event: x = "profile-form-submit-click" } = i || {}, w = [
21312
21321
  {
21313
- id: "profile-details-form",
21314
- fields: [
21315
- {
21316
- component: jC,
21317
- props: {
21318
- userName: s.name,
21319
- userId: s.id,
21320
- src: o,
21321
- uploadImage: h,
21322
- callback: l,
21323
- button: {
21324
- text: {
21325
- upload: i.formatMessage({ id: `${a}image` })
21326
- }
21327
- }
21328
- }
21329
- },
21330
- {
21331
- id: "name",
21332
- type: "text",
21333
- label: i.formatMessage({ id: `${a}name` }),
21334
- placeholder: i.formatMessage({ id: `${a}name_placeholder` }),
21335
- value: s.name,
21336
- autoComplete: "name",
21337
- validation: [{ condition: "required" }]
21338
- },
21339
- {
21340
- id: "jobTitle",
21341
- type: "text",
21342
- label: i.formatMessage({ id: `${a}jobTitle` }),
21343
- placeholder: i.formatMessage({ id: `${a}jobTitle_placeholder` }),
21344
- value: s.jobTitle,
21345
- validation: [{ condition: "required" }]
21346
- },
21322
+ id: "jobTitle",
21323
+ type: "text",
21324
+ label: s.formatMessage({ id: `${o}jobTitle` }),
21325
+ placeholder: s.formatMessage({ id: `${o}jobTitle_placeholder` }),
21326
+ value: l.jobTitle,
21327
+ validation: [{ condition: "required" }]
21328
+ },
21329
+ {
21330
+ id: "organization",
21331
+ type: "text",
21332
+ label: s.formatMessage({ id: `${o}organization` }),
21333
+ placeholder: s.formatMessage({
21334
+ id: `${o}organization_placeholder`
21335
+ }),
21336
+ value: l.organization,
21337
+ validation: [{ condition: "required" }]
21338
+ },
21339
+ {
21340
+ id: "location",
21341
+ type: "autocomplete",
21342
+ label: s.formatMessage({ id: `${o}location` }),
21343
+ placeholder: s.formatMessage({ id: `${o}location_placeholder` }),
21344
+ value: ((I = l.location) == null ? void 0 : I.en) || ((N = l.location) == null ? void 0 : N.country),
21345
+ validation: [
21346
+ { condition: "required" },
21347
21347
  {
21348
- id: "organization",
21349
- type: "text",
21350
- label: i.formatMessage({ id: `${a}organization` }),
21351
- placeholder: i.formatMessage({
21352
- id: `${a}organization_placeholder`
21353
- }),
21354
- value: s.organization,
21355
- validation: [{ condition: "required" }]
21348
+ condition: ({ location: z }) => z && !h ? !1 : !C(z),
21349
+ error: s.formatMessage({ id: `${o}location_error` })
21350
+ }
21351
+ ],
21352
+ functions: {
21353
+ onChange: () => {
21354
+ h || m(!0);
21356
21355
  },
21357
- {
21358
- id: "location",
21359
- type: "autocomplete",
21360
- label: i.formatMessage({ id: `${a}location` }),
21361
- placeholder: i.formatMessage({ id: `${a}location_placeholder` }),
21362
- value: ((B = s.location) == null ? void 0 : B.en) || ((x = s.location) == null ? void 0 : x.country),
21363
- validation: [
21364
- { condition: "required" },
21365
- {
21366
- condition: ({ location: w }) => w && !u ? !1 : !v(w),
21367
- error: i.formatMessage({ id: `${a}location_error` })
21368
- }
21369
- ],
21370
- functions: {
21371
- onChange: () => {
21372
- u || d(!0);
21373
- },
21374
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
21375
- // @ts-ignore
21376
- onKeyInput: b
21356
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
21357
+ // @ts-ignore
21358
+ onKeyInput: _
21359
+ }
21360
+ }
21361
+ ], T = [
21362
+ {
21363
+ component: jC,
21364
+ props: {
21365
+ userName: l.name,
21366
+ userId: l.id,
21367
+ src: u,
21368
+ uploadImage: p,
21369
+ callback: d,
21370
+ button: {
21371
+ text: {
21372
+ upload: s.formatMessage({ id: `${o}image` })
21377
21373
  }
21378
- },
21379
- {
21380
- id: "biography",
21381
- type: "textarea",
21382
- label: i.formatMessage({ id: `${a}bio` }),
21383
- placeholder: i.formatMessage({ id: `${a}bio_placeholder` }),
21384
- limit: 1e3,
21385
- value: s.biography
21386
- },
21387
- {
21388
- component: nn
21389
21374
  }
21390
- ],
21375
+ }
21376
+ },
21377
+ {
21378
+ id: "name",
21379
+ type: "text",
21380
+ label: s.formatMessage({ id: `${o}name` }),
21381
+ placeholder: s.formatMessage({ id: `${o}name_placeholder` }),
21382
+ value: l.name,
21383
+ autoComplete: "name",
21384
+ validation: [{ condition: "required" }]
21385
+ },
21386
+ ...w,
21387
+ {
21388
+ id: "biography",
21389
+ type: "textarea",
21390
+ label: s.formatMessage({ id: `${o}bio` }),
21391
+ placeholder: s.formatMessage({ id: `${o}bio_placeholder` }),
21392
+ limit: 1e3,
21393
+ value: l.biography
21394
+ },
21395
+ {
21396
+ component: nn
21397
+ }
21398
+ ];
21399
+ return /* @__PURE__ */ c.jsx(
21400
+ pn,
21401
+ {
21402
+ id: "profile-details-form",
21403
+ fields: e ? w : T,
21391
21404
  meta: {
21392
- shouldShowCancelButton: !0,
21405
+ shouldShowCancelButton: !e,
21393
21406
  shouldReset: !1,
21394
21407
  shouldHide: !1,
21395
- showRequiredLabels: !1,
21396
- ...n
21408
+ showRequiredLabels: e,
21409
+ ...r
21397
21410
  },
21398
- intlPath: a,
21399
- gtm: { context: C, event: _ },
21411
+ intlPath: o,
21412
+ gtm: { context: B, event: x },
21400
21413
  functions: {
21401
- onSuccess: async (w) => {
21414
+ onSuccess: async (z) => {
21402
21415
  try {
21403
- const T = {
21404
- ...w,
21405
- image: o || null,
21406
- location: u ? await f(w == null ? void 0 : w.location) : s.location
21416
+ const M = {
21417
+ ...z,
21418
+ image: u || null,
21419
+ location: h ? await b(z == null ? void 0 : z.location) : l.location,
21420
+ ...e ? { onboardingState: "completed" } : {}
21407
21421
  };
21408
- s.updateDetails && s.updateDetails((I) => ({ ...I, ...T })), await m(T);
21422
+ l.updateDetails && l.updateDetails((k) => ({ ...k, ...M })), await g(M);
21409
21423
  } catch {
21410
- g();
21424
+ v();
21411
21425
  }
21412
21426
  },
21413
- onCancel: p,
21414
- onFailure: g
21427
+ onCancel: f,
21428
+ onFailure: v
21415
21429
  },
21416
21430
  button: {
21417
21431
  size: "large",
21418
21432
  text: {
21419
- default: i.formatMessage({ id: `${a}cta` }),
21420
- submitting: i.formatMessage({ id: `${a}cta_submitting` }),
21421
- submitted: i.formatMessage({ id: `${a}cta_submitted` })
21433
+ default: s.formatMessage({ id: `${o}cta` }),
21434
+ submitting: s.formatMessage({ id: `${o}cta_submitting` }),
21435
+ submitted: s.formatMessage({ id: `${o}cta_submitted` })
21422
21436
  }
21423
- }
21437
+ },
21438
+ ...a
21424
21439
  }
21425
21440
  );
21426
21441
  }, RC = () => {
@@ -21451,7 +21466,7 @@ const MC = ({ hooks: e, functions: t, meta: n = {}, gtm: r }) => {
21451
21466
  );
21452
21467
  };
21453
21468
  let ds = null;
21454
- const ht = "publishArticleForm_", Fc = {}, Ac = 10, rk = ({
21469
+ const ut = "publishArticleForm_", Fc = {}, Ac = 10, rk = ({
21455
21470
  id: e = "publish-article-form",
21456
21471
  values: t = Fc,
21457
21472
  functions: n,
@@ -21465,27 +21480,27 @@ const ht = "publishArticleForm_", Fc = {}, Ac = 10, rk = ({
21465
21480
  qi(t, Fc) || Vi(t.body) && t.body !== p && t.body !== void 0 && g(t.body);
21466
21481
  }, [t.body]);
21467
21482
  const _ = () => {
21468
- !s || !s.id ? v(a.formatMessage({ id: `${ht}error_loggedOut` })) : f && v(!1);
21483
+ !s || !s.id ? v(a.formatMessage({ id: `${ut}error_loggedOut` })) : f && v(!1);
21469
21484
  }, B = (I) => ({
21470
21485
  condition: (N) => {
21471
21486
  const z = N[I];
21472
21487
  return !z || typeof z != "string" ? !0 : z.length < Ac;
21473
21488
  },
21474
21489
  error: a.formatMessage(
21475
- { id: `${ht}error_underMinLength` },
21490
+ { id: `${ut}error_underMinLength` },
21476
21491
  { length: Ac }
21477
21492
  )
21478
21493
  }), x = !p || !Vi(p), w = () => /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
21479
21494
  /* @__PURE__ */ c.jsx(nn, {}),
21480
- /* @__PURE__ */ c.jsx("p", { className: "text-medium", children: a.formatMessage({ id: `${ht}disclaimer` }) })
21495
+ /* @__PURE__ */ c.jsx("p", { className: "text-medium", children: a.formatMessage({ id: `${ut}disclaimer` }) })
21481
21496
  ] }), T = [
21482
21497
  {
21483
21498
  id: "title",
21484
21499
  type: "text",
21485
21500
  value: t.title || "",
21486
21501
  limit: 65,
21487
- label: a.formatMessage({ id: `${ht}title_label` }),
21488
- placeholder: a.formatMessage({ id: `${ht}title_placeholder` }),
21502
+ label: a.formatMessage({ id: `${ut}title_label` }),
21503
+ placeholder: a.formatMessage({ id: `${ut}title_placeholder` }),
21489
21504
  functions: {
21490
21505
  onChange: _
21491
21506
  },
@@ -21496,7 +21511,7 @@ const ht = "publishArticleForm_", Fc = {}, Ac = 10, rk = ({
21496
21511
  // We do a check for the rich text editor value here as well, to make sure we can't
21497
21512
  // submit an article without a body
21498
21513
  condition: () => x,
21499
- error: a.formatMessage({ id: `${ht}title_error` })
21514
+ error: a.formatMessage({ id: `${ut}title_error` })
21500
21515
  }
21501
21516
  ]
21502
21517
  },
@@ -21505,8 +21520,8 @@ const ht = "publishArticleForm_", Fc = {}, Ac = 10, rk = ({
21505
21520
  type: "text",
21506
21521
  value: t.subtitle,
21507
21522
  limit: 115,
21508
- label: a.formatMessage({ id: `${ht}subtitle_label` }),
21509
- placeholder: a.formatMessage({ id: `${ht}subtitle_placeholder` }),
21523
+ label: a.formatMessage({ id: `${ut}subtitle_label` }),
21524
+ placeholder: a.formatMessage({ id: `${ut}subtitle_placeholder` }),
21510
21525
  functions: {
21511
21526
  onChange: _
21512
21527
  },
@@ -21517,7 +21532,7 @@ const ht = "publishArticleForm_", Fc = {}, Ac = 10, rk = ({
21517
21532
  props: {
21518
21533
  formID: e,
21519
21534
  label: {
21520
- visible: a.formatMessage({ id: `${ht}body_label` })
21535
+ visible: a.formatMessage({ id: `${ut}body_label` })
21521
21536
  },
21522
21537
  showLabel: !0
21523
21538
  }
@@ -21527,7 +21542,7 @@ const ht = "publishArticleForm_", Fc = {}, Ac = 10, rk = ({
21527
21542
  props: {
21528
21543
  id: `${e}-input`,
21529
21544
  value: p,
21530
- placeholder: a.formatMessage({ id: `${ht}body_placeholder` }),
21545
+ placeholder: a.formatMessage({ id: `${ut}body_placeholder` }),
21531
21546
  meta: { isInOverlay: d },
21532
21547
  autoFocus: !1,
21533
21548
  functions: {
@@ -21558,16 +21573,16 @@ const ht = "publishArticleForm_", Fc = {}, Ac = 10, rk = ({
21558
21573
  const N = { ...I, body: p };
21559
21574
  try {
21560
21575
  o && await o(N), ds = setTimeout(() => {
21561
- C(a.formatMessage({ id: `${ht}aria_success` })), l(N);
21576
+ C(a.formatMessage({ id: `${ut}aria_success` })), l(N);
21562
21577
  }, 500);
21563
21578
  } catch {
21564
- v(!0), C(""), u();
21579
+ v(a.formatMessage({ id: `${ut}error` })), C(""), u();
21565
21580
  }
21566
21581
  },
21567
21582
  onFailure: u
21568
21583
  },
21569
21584
  fields: T,
21570
- intlPath: ht,
21585
+ intlPath: ut,
21571
21586
  button: {
21572
21587
  variant: "primary",
21573
21588
  size: { mobile: "small", 600: "medium" },
@@ -21575,20 +21590,20 @@ const ht = "publishArticleForm_", Fc = {}, Ac = 10, rk = ({
21575
21590
  "data-gtm-event-type": "publish-article-click",
21576
21591
  disabled: !s || !s.id || x,
21577
21592
  text: {
21578
- default: a.formatMessage({ id: `${ht}cta_submit` }),
21593
+ default: a.formatMessage({ id: `${ut}cta_submit` }),
21579
21594
  submitting: a.formatMessage({
21580
- id: `${ht}cta_submitting`
21595
+ id: `${ut}cta_submitting`
21581
21596
  }),
21582
21597
  submitted: a.formatMessage({
21583
- id: `${ht}cta_submitted`
21598
+ id: `${ut}cta_submitted`
21584
21599
  })
21585
21600
  },
21586
- customOnSubmit: /* @__PURE__ */ c.jsx(RC, {})
21601
+ customOnSubmit: f ? /* @__PURE__ */ c.jsx(c.Fragment, {}) : /* @__PURE__ */ c.jsx(RC, {})
21587
21602
  },
21588
21603
  gtm: i
21589
21604
  }
21590
21605
  ),
21591
- f && /* @__PURE__ */ c.jsx(Zr, { id: "error-message", className: "error", children: typeof f == "string" && f.includes(" ") ? f : a.formatMessage({ id: `${ht}error` }) }),
21606
+ f && /* @__PURE__ */ c.jsx(Zr, { id: "error-message", className: "error", children: typeof f == "string" && f.includes(" ") ? f : a.formatMessage({ id: `${ut}error` }) }),
21592
21607
  b && /* @__PURE__ */ c.jsx(qe, { "aria-live": "polite", showOnFocus: !1, children: b })
21593
21608
  ] });
21594
21609
  };
@@ -24566,7 +24581,7 @@ function wE({
24566
24581
  queryKey: i,
24567
24582
  user: a
24568
24583
  }) {
24569
- const { mutate: s } = lt({
24584
+ const { mutate: s } = ct({
24570
24585
  mutationFn: e,
24571
24586
  onMutate: (o) => t((l) => {
24572
24587
  const u = Oc({ activity: hE(o), user: a });
@@ -24589,7 +24604,7 @@ function CE({
24589
24604
  mutationFn: e,
24590
24605
  mutationHandlers: { mutate: t, error: n }
24591
24606
  }) {
24592
- const { mutate: r } = lt({
24607
+ const { mutate: r } = ct({
24593
24608
  mutationFn: e,
24594
24609
  onMutate: ({ activityId: i, content: a }) => t((s) => {
24595
24610
  const o = Zt(i, s);
@@ -24637,7 +24652,7 @@ function _E({
24637
24652
  queryClient: r,
24638
24653
  queryKey: i
24639
24654
  }) {
24640
- const { mutate: a } = lt({
24655
+ const { mutate: a } = ct({
24641
24656
  mutationFn: e,
24642
24657
  onMutate: ({ activityId: s }) => t((o) => {
24643
24658
  const l = Zt(s, o);
@@ -24676,7 +24691,7 @@ function FE({
24676
24691
  queryClient: r,
24677
24692
  queryKey: i
24678
24693
  }) {
24679
- const { mutate: a } = lt({
24694
+ const { mutate: a } = ct({
24680
24695
  mutationFn: e,
24681
24696
  onMutate: ({ activityId: s }) => t((o) => {
24682
24697
  const l = Zt(s, o);
@@ -24694,7 +24709,7 @@ function AE({
24694
24709
  mutationFn: e,
24695
24710
  mutationHandlers: { mutate: t, error: n }
24696
24711
  }) {
24697
- const { mutate: r } = lt({
24712
+ const { mutate: r } = ct({
24698
24713
  mutationFn: e,
24699
24714
  onMutate: ({ activityId: i }) => t((a) => sh(i, a)),
24700
24715
  onError: n
@@ -24706,7 +24721,7 @@ function BE({
24706
24721
  mutationHandlers: { mutate: t, error: n },
24707
24722
  user: r
24708
24723
  }) {
24709
- const { mutate: i } = lt({
24724
+ const { mutate: i } = ct({
24710
24725
  mutationFn: e,
24711
24726
  onMutate: ({ activityId: a }) => t((s) => {
24712
24727
  const o = Zt(a, s);
@@ -24721,7 +24736,7 @@ function TE({
24721
24736
  mutationHandlers: { mutate: t, error: n },
24722
24737
  user: r
24723
24738
  }) {
24724
- const { mutate: i } = lt({
24739
+ const { mutate: i } = ct({
24725
24740
  mutationFn: e,
24726
24741
  onMutate: ({ activityId: a }) => t((s) => {
24727
24742
  const o = Zt(a, s);
@@ -25537,7 +25552,7 @@ function SE({
25537
25552
  queryKey: i,
25538
25553
  user: a
25539
25554
  }) {
25540
- const { mutate: s } = lt({
25555
+ const { mutate: s } = ct({
25541
25556
  mutationFn: e,
25542
25557
  onMutate: (o) => t((l) => {
25543
25558
  const u = Pc({ reply: mE(o), user: a });
@@ -25563,7 +25578,7 @@ function jE({
25563
25578
  mutationFn: e,
25564
25579
  mutationHandlers: { mutate: t, error: n }
25565
25580
  }) {
25566
- const { mutate: r } = lt({
25581
+ const { mutate: r } = ct({
25567
25582
  mutationFn: e,
25568
25583
  onMutate: ({ replyId: i, content: a }) => t((s) => {
25569
25584
  const o = Zt(i, s);
@@ -25604,7 +25619,7 @@ function OE({
25604
25619
  queryClient: r,
25605
25620
  queryKey: i
25606
25621
  }) {
25607
- const { mutate: a } = lt({
25622
+ const { mutate: a } = ct({
25608
25623
  mutationFn: e,
25609
25624
  onMutate: ({ replyId: s }) => t((o) => {
25610
25625
  const l = Zt(s, o);
@@ -25637,7 +25652,7 @@ function NE({
25637
25652
  mutationFn: e,
25638
25653
  mutationHandlers: { mutate: t, error: n }
25639
25654
  }) {
25640
- const { mutate: r } = lt({
25655
+ const { mutate: r } = ct({
25641
25656
  mutationFn: e,
25642
25657
  onMutate: ({ replyId: i }) => t((a) => sh(i, a)),
25643
25658
  onError: n
@@ -25649,7 +25664,7 @@ function ME({
25649
25664
  mutationHandlers: { mutate: t, error: n },
25650
25665
  user: r
25651
25666
  }) {
25652
- const { mutate: i } = lt({
25667
+ const { mutate: i } = ct({
25653
25668
  mutationFn: e,
25654
25669
  onMutate: ({ replyId: a }) => t((s) => {
25655
25670
  const o = Zt(a, s);
@@ -26184,7 +26199,7 @@ const Ea = ({
26184
26199
  basePath: _,
26185
26200
  parentId: B
26186
26201
  }) => {
26187
- var Ze, xe, W, ae, pe, be, _e, Xe, et, ct, Nt, Ct, it, Tt, dt, Gn, bn, Sn;
26202
+ var Ze, xe, W, ae, pe, be, _e, Xe, et, dt, Nt, Ct, it, Tt, ft, Gn, bn, Sn;
26188
26203
  const x = ce(), w = Me(pt), T = Me(qo), {
26189
26204
  createContent: I = async () => {
26190
26205
  },
@@ -26395,7 +26410,7 @@ const Ea = ({
26395
26410
  },
26396
26411
  className: typeof H != "string" && H.id === a ? "highlighted" : "",
26397
26412
  styling: {
26398
- additionalContentNewLine: !!((_e = t.componentProps) != null && _e.member.additionalContent && ((ct = (et = (Xe = t.componentProps) == null ? void 0 : Xe.member) == null ? void 0 : et.additionalContent) != null && ct.customMessage))
26413
+ additionalContentNewLine: !!((_e = t.componentProps) != null && _e.member.additionalContent && ((dt = (et = (Xe = t.componentProps) == null ? void 0 : Xe.member) == null ? void 0 : et.additionalContent) != null && dt.customMessage))
26399
26414
  },
26400
26415
  gtmContext: d,
26401
26416
  gtmType: "profile-click",
@@ -26544,7 +26559,7 @@ const Ea = ({
26544
26559
  p && /* @__PURE__ */ c.jsx(
26545
26560
  VE,
26546
26561
  {
26547
- url: (it = t.slugs) != null && it.reply ? `${window.location.origin}${(Tt = t.slugs) == null ? void 0 : Tt.question}/${(dt = t.slugs) == null ? void 0 : dt.answer}#${(Gn = t.slugs) == null ? void 0 : Gn.reply}` : `${window.location.origin}${(bn = t.slugs) == null ? void 0 : bn.question}/${(Sn = t.slugs) == null ? void 0 : Sn.answer}`,
26562
+ url: (it = t.slugs) != null && it.reply ? `${window.location.origin}${(Tt = t.slugs) == null ? void 0 : Tt.question}/${(ft = t.slugs) == null ? void 0 : ft.answer}#${(Gn = t.slugs) == null ? void 0 : Gn.reply}` : `${window.location.origin}${(bn = t.slugs) == null ? void 0 : bn.question}/${(Sn = t.slugs) == null ? void 0 : Sn.answer}`,
26548
26563
  gtm: { context: d, event: `copy-link-${t.type}-click` }
26549
26564
  }
26550
26565
  ),
@@ -26915,7 +26930,7 @@ function e_({
26915
26930
  mutationFn: e,
26916
26931
  mutationHandlers: { mutate: t, error: n }
26917
26932
  }) {
26918
- const { mutate: r } = lt({
26933
+ const { mutate: r } = ct({
26919
26934
  mutationFn: e,
26920
26935
  onMutate: ({ content: i, title: a }) => t((s) => (s && (i != null && (s.content = i), a != null && (s.title = a)), s)),
26921
26936
  onError: n
@@ -26973,7 +26988,7 @@ function r_({
26973
26988
  queryClient: r,
26974
26989
  queryKey: i
26975
26990
  }) {
26976
- const { mutate: a } = lt({
26991
+ const { mutate: a } = ct({
26977
26992
  mutationFn: e,
26978
26993
  onMutate: (s) => t((o) => (o && ca({ activity: o }), o)),
26979
26994
  onError: n,
@@ -26991,7 +27006,7 @@ function i_({
26991
27006
  },
26992
27007
  user: r
26993
27008
  }) {
26994
- const { mutate: i } = lt({
27009
+ const { mutate: i } = ct({
26995
27010
  mutationFn: e,
26996
27011
  onMutate: (a) => t((s) => (s && ih({ activity: s, user: r }), s)),
26997
27012
  onError: n
@@ -27004,7 +27019,7 @@ function a_({
27004
27019
  queryClient: r,
27005
27020
  queryKey: i
27006
27021
  }) {
27007
- const { mutate: a } = lt({
27022
+ const { mutate: a } = ct({
27008
27023
  mutationFn: e,
27009
27024
  onMutate: (s) => t((o) => (o && da({ activity: o }), o)),
27010
27025
  onError: n,
@@ -27019,7 +27034,7 @@ function s_({
27019
27034
  mutationHandlers: { mutate: t, error: n },
27020
27035
  user: r
27021
27036
  }) {
27022
- const { mutate: i } = lt({
27037
+ const { mutate: i } = ct({
27023
27038
  mutationFn: e,
27024
27039
  onMutate: (a) => (console.log("unpin"), t((s) => (s && ah({ activity: s, user: r }), s))),
27025
27040
  onError: n