@planningcenter/topbar 12.2.8 → 12.2.9

package/dist/topbar.module.js

@@ -1243,6 +1243,30 @@ function Calendar$2() {
     fill: "url(#calendar-gradient)"
   })];
 }
+function Chat$3() {
+  return [/*#__PURE__*/React__default.createElement("defs", {
+    key: "def"
+  }, /*#__PURE__*/React__default.createElement("linearGradient", {
+    id: "chat-gradient",
+    x1: "10",
+    y1: "0",
+    x2: "10",
+    y2: "20",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React__default.createElement("stop", {
+    offset: "0",
+    stopColor: "#3b78ff"
+  }), /*#__PURE__*/React__default.createElement("stop", {
+    offset: "1",
+    stopColor: "#0966ff"
+  }))), /*#__PURE__*/React__default.createElement("title", {
+    key: "title"
+  }, "chat-squircle"), /*#__PURE__*/React__default.createElement("path", {
+    key: "path",
+    d: "M0,10C0,1.994,2,0,10,0S20,1.994,20,10,18.006,20,10,20,0,18.006,0,10Z",
+    fill: "url(#chat-gradient)"
+  })];
+}
 function CheckIns$2() {
   return [/*#__PURE__*/React__default.createElement("defs", {
     key: "def"
@@ -1480,6 +1504,7 @@ var ColorAppSquircles = /*#__PURE__*/Object.freeze({
   API: API$2,
   Accounts: Accounts$2,
   Calendar: Calendar$2,
+  Chat: Chat$3,
   CheckIns: CheckIns$2,
   ChurchCenter: ChurchCenter$2,
   Giving: Giving$2,
@@ -1523,6 +1548,14 @@ function Calendar$1({
     d: "M14.18,6.5h-.91V5.8a.55.55,0,0,0-.55-.55h-.26a.55.55,0,0,0-.55.55v.7H8.09V5.8a.55.55,0,0,0-.55-.55H7.28a.55.55,0,0,0-.55.55v.7H5.82a.58.58,0,0,0-.58.59v7.08a.58.58,0,0,0,.58.58h8.36a.58.58,0,0,0,.58-.58V7.09A.58.58,0,0,0,14.18,6.5Zm-.91,6.71H6.73V9.09h6.54Z"
   });
 }
+function Chat$2({
+  color
+}) {
+  return /*#__PURE__*/React__default.createElement("path", {
+    fill: color,
+    d: "M13.639 5.941H6.361C5.965 5.922 5.579 6.062 5.285 6.329C4.992 6.597 4.815 6.97 4.792 7.368V12.042C4.815 12.44 4.992 12.813 5.285 13.081C5.579 13.348 5.965 13.488 6.361 13.469H7.969L9.997 15.246L12.025 13.469H13.639C14.035 13.488 14.421 13.348 14.715 13.081C15.008 12.813 15.185 12.44 15.208 12.042V7.368C15.185 6.97 15.008 6.597 14.715 6.329C14.421 6.062 14.035 5.922 13.639 5.941Z"
+  });
+}
 function CheckIns$1({
   color
 }) {
@@ -1601,6 +1634,7 @@ var AppSymbols = /*#__PURE__*/Object.freeze({
   API: API$1,
   Accounts: Accounts$1,
   Calendar: Calendar$1,
+  Chat: Chat$2,
   CheckIns: CheckIns$1,
   ChurchCenter: ChurchCenter$1,
   Giving: Giving$1,
@@ -1730,6 +1764,20 @@ function Calendar({
     d: "M9,12.56c.39.36.32.66.19.85a4.65,4.65,0,0,1-4,2.12A5.21,5.21,0,0,1,0,10.21,5.3,5.3,0,0,1,5.23,4.87,4.49,4.49,0,0,1,9,6.64a.6.6,0,0,1-.1.85l-.78.71c-.35.33-.61.07-.78-.11a3,3,0,0,0-2-1,3,3,0,0,0-2.94,3.06,3,3,0,0,0,2.87,3.09,2.63,2.63,0,0,0,2.05-1l.25-.23A.55.55,0,0,1,8.32,12Zm9.25-3.17v5.33a.59.59,0,0,1-.57.57H17c-.27,0-.4-.16-.5-.4l-.19-.54a4.39,4.39,0,0,1-3,1.18A3.2,3.2,0,0,1,9.91,12.1c0-2,1.61-3.33,4.11-3.33a7.24,7.24,0,0,1,1.92.28,2.33,2.33,0,0,0-.43-1.72A1.44,1.44,0,0,0,14.43,7a10.27,10.27,0,0,0-2.77.48A.56.56,0,0,1,11,7l-.2-.82a.56.56,0,0,1,.39-.7,10.9,10.9,0,0,1,3.48-.57C18,4.87,18.25,6.92,18.25,9.39Zm-2.34,3V10.83a4.91,4.91,0,0,0-1.72-.3c-1.17,0-2,.62-2,1.55a1.37,1.37,0,0,0,1.46,1.48A3,3,0,0,0,15.91,12.42ZM22,.47H20.79a.6.6,0,0,0-.58.57V14.72a.59.59,0,0,0,.58.57H22a.59.59,0,0,0,.57-.57V1A.61.61,0,0,0,22,.47ZM33.75,9.56c0,.18,0,.53,0,.71a.57.57,0,0,1-.55.52H26.35a2.84,2.84,0,0,0,2.89,2.53,3.84,3.84,0,0,0,2.39-.82.57.57,0,0,1,.43-.15.45.45,0,0,1,.29.21l.58.92a.48.48,0,0,1-.06.79,5.67,5.67,0,0,1-3.76,1.26A5.05,5.05,0,0,1,24,10.19a5.1,5.1,0,0,1,5.08-5.32A4.58,4.58,0,0,1,33.75,9.56ZM26.46,9h4.95A2.27,2.27,0,0,0,29,6.91,2.45,2.45,0,0,0,26.46,9Zm13.8-4.12a4.72,4.72,0,0,0-3.32,1.3l-.24-.7a.48.48,0,0,0-.51-.38h-.52a.59.59,0,0,0-.57.57v9.06a.58.58,0,0,0,.57.57h1.11c.45,0,.68-.19.68-.57V8.5A3,3,0,0,1,40,7.13c1.21,0,1.88.88,1.88,2.48v5.11a.58.58,0,0,0,.57.57h1.21a.6.6,0,0,0,.58-.57v-5C44.24,6.45,42.94,4.87,40.26,4.87ZM55.29,1V14.72a.58.58,0,0,1-.57.57H54.2a.57.57,0,0,1-.55-.5l-.17-.58a4.89,4.89,0,0,1-3.24,1.32c-2.62,0-4.67-2.34-4.67-5.34A5,5,0,0,1,50.5,4.87a6.85,6.85,0,0,1,2.39.48h0V1a.61.61,0,0,1,.58-.57h1.23A.59.59,0,0,1,55.29,1ZM52.93,11.88V7.67a5,5,0,0,0-2.19-.54,2.94,2.94,0,0,0-2.81,3.06,2.85,2.85,0,0,0,2.61,3.09A2.76,2.76,0,0,0,52.93,11.88Zm12-2.49v5.33a.59.59,0,0,1-.57.57h-.72c-.27,0-.39-.16-.5-.4L63,14.35a4.39,4.39,0,0,1-3,1.18A3.2,3.2,0,0,1,56.6,12.1c0-2,1.62-3.33,4.11-3.33a7.24,7.24,0,0,1,1.92.28,2.33,2.33,0,0,0-.43-1.72A1.42,1.42,0,0,0,61.12,7a10.27,10.27,0,0,0-2.77.48A.56.56,0,0,1,57.67,7l-.2-.82a.56.56,0,0,1,.39-.7,10.9,10.9,0,0,1,3.48-.57C64.67,4.87,64.94,6.92,64.94,9.39Zm-2.34,3V10.83a4.91,4.91,0,0,0-1.72-.3c-1.17,0-2,.62-2,1.55a1.37,1.37,0,0,0,1.46,1.48A3,3,0,0,0,62.6,12.42Zm11-7c-.26-.42-1.18-.57-1.9-.57a4,4,0,0,0-3,1.37l-.23-.73A.56.56,0,0,0,68,5.09h-.52a.59.59,0,0,0-.58.57v9.06a.58.58,0,0,0,.58.57h1c.32,0,.79,0,.79-.57V8.4A2.77,2.77,0,0,1,71.5,7.13a2.47,2.47,0,0,1,.86.18.5.5,0,0,0,.41,0A.56.56,0,0,0,73.1,7l.52-1.09A.48.48,0,0,0,73.61,5.44Z"
   }));
 }
+function Chat$1({
+  size = 20
+}) {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    "data-logo": "mono-app-text",
+    height: size,
+    viewBox: "0 0 35.5988 20",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("title", null, "chat-text"), /*#__PURE__*/React__default.createElement("path", {
+    fill: fill,
+    transform: "translate(0, 1.121) scale(0.739013)",
+    d: "M43.04 1.73047C43.44 1.73047 43.7499 2.04985 43.75 2.46973V5.95996H47.04C47.45 5.95996 47.7803 6.2802 47.7803 6.7002V7.84961C47.7803 8.23961 47.43 8.58984 47.04 8.58984H43.75V15.3496C43.75 16.3394 44.0803 16.54 44.6602 16.54C45.5502 16.54 46.3609 16.1204 46.6709 15.9404C46.8609 15.8305 47.041 15.8004 47.2109 15.8604C47.3807 15.9205 47.5204 16.0705 47.6104 16.2803L48.1104 17.5996V17.6104C48.3301 18.1502 47.89 18.4295 47.75 18.5195C47.2599 18.8196 45.7304 19.4599 44.1006 19.46C41.0906 19.46 40.7002 17.3297 40.7002 15.4697V8.58984H39.3408C38.8808 8.58984 38.6006 8.20961 38.6006 7.84961V6.7002C38.6006 6.2602 38.9008 5.95996 39.3408 5.95996H40.7002V2.46973C40.7003 2.06985 41.0405 1.73049 41.4404 1.73047H43.04ZM32.915 5.66992C37.2206 5.6718 37.5703 8.32099 37.5703 11.5098V18.4004C37.5701 18.7902 37.2199 19.1396 36.8301 19.1396H35.9102C35.5505 19.1395 35.3907 18.93 35.2607 18.6104L35.0107 17.9199C33.9008 18.9398 32.5807 19.4501 31.0908 19.4502C28.5208 19.4502 26.79 17.6198 26.79 15.0098C26.7902 12.3999 28.8807 10.71 32.1006 10.71C33.1801 10.71 34.1997 10.9595 34.5801 11.0596C34.59 9.92981 34.4202 9.2398 34.0303 8.83984C33.7303 8.53002 33.2705 8.37994 32.6309 8.37988C31.141 8.37988 29.6809 8.8102 29.0508 8.99023C28.6208 9.08022 28.281 8.83997 28.1709 8.37012L27.9209 7.30957C27.841 6.85975 28.001 6.56012 28.4209 6.41016C28.5055 6.37846 30.4209 5.67095 32.915 5.66992ZM6.76074 5.66016C8.77061 5.66022 10.2906 6.39026 11.5605 7.9502C11.8303 8.29011 11.7804 8.72987 11.4307 9.0498L10.4209 9.96973C9.9709 10.3897 9.63016 10.0501 9.41016 9.83008C8.84021 9.21018 7.83066 8.58023 6.84082 8.58008C4.71082 8.58008 3.04004 10.3 3.04004 12.54C3.04007 14.7798 4.67025 16.53 6.75 16.5303C8.13 16.5303 8.80039 15.8595 9.40039 15.2695C9.50034 15.1696 9.611 15.0697 9.71094 14.9697C10.0209 14.6601 10.4004 14.6403 10.7402 14.9102L10.75 14.9004L11.6201 15.5996C12.1201 16.0596 12.0301 16.4404 11.8701 16.6904C10.6901 18.4601 8.87028 19.4297 6.73047 19.4297C2.96047 19.4297 0 16.3596 0 12.5596C0.000214421 8.75975 3.03087 5.66016 6.76074 5.66016ZM15.7705 0C16.1405 2.86086e-05 16.5107 0.370249 16.5107 0.740234V6.88965C17.6589 6.08103 18.8769 5.67116 20.1348 5.66992C23.492 5.67176 25.2705 7.82213 25.2705 11.9004V18.4004C25.2703 18.7902 24.9201 19.1396 24.5303 19.1396H22.9609C22.5611 19.1396 22.2209 18.8002 22.2207 18.4004V11.8496C22.2206 9.74988 21.3504 8.58986 19.7705 8.58984C17.8605 8.58984 16.7808 9.8501 16.5107 10.3701V18.4004C16.5106 18.8402 16.1901 19.1396 15.7402 19.1396H14.2002C13.8004 19.1395 13.4612 18.8001 13.4609 18.4004V0.740234C13.4609 0.350322 13.8003 0.00015739 14.2002 0H15.7705ZM32.3301 12.9805C30.8203 12.9806 29.8008 13.8006 29.8008 14.9805C29.801 16.1602 30.5206 16.9004 31.6904 16.9004V16.9102C32.8904 16.9102 34.1605 16.0597 34.5605 15.4297V13.3799C34.2905 13.2499 33.3801 12.9805 32.3301 12.9805Z"
+  }));
+}
 function CheckIns({
   size = 20
 }) {
@@ -1853,6 +1901,7 @@ var MonoAppText = /*#__PURE__*/Object.freeze({
   API: API,
   Accounts: Accounts,
   Calendar: Calendar,
+  Chat: Chat$1,
   CheckIns: CheckIns,
   ChurchCenter: ChurchCenter,
   Giving: Giving,
@@ -4345,22 +4394,34 @@ var styles$1 = {"toolbar":"toolbar-KHJR5","toolbar-button":"toolbar-button-Ye4h5
 
 const pcoUrl = pcoUrl$1;
 
-var styles = {"banner":"banner-YfQ37","content":"content-lNjWf","icon":"icon-abz7q","iconShape":"iconShape-6uyot","iconSparkle":"iconSparkle-t0OzK","text":"text--Vlhl","title":"title-zOEOR","subtitle":"subtitle-ufLnk","chevron":"chevron-oOUA-"};
+var styles = {"banner":"banner-YfQ37","stacked":"stacked-EwLRh","content":"content-lNjWf","icon":"icon-abz7q","iconShape":"iconShape-6uyot","iconSparkle":"iconSparkle-t0OzK","text":"text--Vlhl","title":"title-zOEOR","subtitle":"subtitle-ufLnk","chevron":"chevron-oOUA-","inlineContent":"inlineContent-h5sVl","sparkle":"sparkle-uuMBp","inlineTitle":"inlineTitle-ru2Rk","action":"action-fSY3n","actionLabel":"actionLabel-MRBjb","actionChevron":"actionChevron-DghlN"};
 
-function AskAIBanner({
-  onClick
-}) {
+function AskAIBanner(props) {
+  var _a, _b;
+  const isStacked = props.variant !== "inline";
   return /*#__PURE__*/React__default.createElement("button", {
-    className: styles.banner,
-    onClick: () => onClick(),
+    className: classnames(styles.banner, {
+      [styles.stacked]: isStacked
+    }),
+    onClick: () => props.onClick(),
     type: "button"
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, isStacked ? (/*#__PURE__*/React__default.createElement(StackedContent, {
+    title: (_a = props.title) !== null && _a !== void 0 ? _a : "Ask AI"
+  })) : (/*#__PURE__*/React__default.createElement(InlineContent, {
+    action: (_b = props.action) !== null && _b !== void 0 ? _b : "Ask AI",
+    title: props.title
+  })));
+}
+function StackedContent({
+  title
+}) {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
     className: styles.content
   }, /*#__PURE__*/React__default.createElement(AskAIIcon, null), /*#__PURE__*/React__default.createElement("span", {
     className: styles.text
   }, /*#__PURE__*/React__default.createElement("span", {
     className: styles.title
-  }, "Ask AI"), /*#__PURE__*/React__default.createElement("span", {
+  }, title), /*#__PURE__*/React__default.createElement("span", {
     className: styles.subtitle
   }, "Support answers tailored to you"))), /*#__PURE__*/React__default.createElement(Icon, {
     className: styles.chevron,
@@ -4368,6 +4429,36 @@ function AskAIBanner({
     size: "16px"
   }));
 }
+function InlineContent({
+  action,
+  title
+}) {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
+    className: styles.inlineContent
+  }, /*#__PURE__*/React__default.createElement(SparkleIcon, null), /*#__PURE__*/React__default.createElement("span", {
+    className: styles.inlineTitle
+  }, title)), /*#__PURE__*/React__default.createElement("span", {
+    className: styles.action
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: styles.actionLabel
+  }, action), /*#__PURE__*/React__default.createElement(Icon, {
+    className: styles.actionChevron,
+    name: "general.rightChevron",
+    size: "14px"
+  })));
+}
+const SPARKLE_PATH = "M3.809 10.1332C3.87511 9.95596 4.12579 9.95588 4.19181 10.1332L4.63712 11.3363C4.64169 11.3487 4.65116 11.359 4.66349 11.3637L5.86661 11.809C6.04452 11.8749 6.04455 12.126 5.86661 12.1918L4.66349 12.6371C4.65134 12.6417 4.64173 12.6513 4.63712 12.6635L4.19181 13.8666C4.12597 14.0445 3.87486 14.0445 3.809 13.8666L3.36368 12.6635C3.35905 12.6512 3.3487 12.6417 3.33634 12.6371L2.13321 12.1918C1.95588 12.1258 1.95596 11.8751 2.13321 11.809L3.33634 11.3637C3.34877 11.3591 3.35908 11.3488 3.36368 11.3363L3.809 10.1332ZM8.52091 3.33341C8.68571 2.88899 9.31518 2.88891 9.47989 3.33341L10.5922 6.34122C10.6037 6.37226 10.6285 6.39712 10.6596 6.4086L13.6664 7.52091C14.1113 7.68553 14.1113 8.31528 13.6664 8.47989L10.6596 9.5922C10.6285 9.6037 10.6037 9.6285 10.5922 9.65958L9.47989 12.6664C9.31528 13.1113 8.68553 13.1113 8.52091 12.6664L7.4086 9.65958C7.39712 9.62853 7.37226 9.60371 7.34122 9.5922L4.33341 8.47989C3.88891 8.31518 3.88899 7.68571 4.33341 7.52091L7.34122 6.4086C7.3723 6.3971 7.3971 6.3723 7.4086 6.34122L8.52091 3.33341ZM3.809 2.13321C3.87511 1.95596 4.12579 1.95588 4.19181 2.13321L4.63712 3.33634C4.64169 3.3487 4.65116 3.35905 4.66349 3.36368L5.86661 3.809C6.04452 3.87486 6.04455 4.12597 5.86661 4.19181L4.66349 4.63712C4.65134 4.64173 4.64173 4.65134 4.63712 4.66349L4.19181 5.86661C4.12597 6.04455 3.87486 6.04452 3.809 5.86661L3.36368 4.66349C3.35905 4.65116 3.3487 4.64169 3.33634 4.63712L2.13321 4.19181C1.95588 4.12579 1.95596 3.87511 2.13321 3.809L3.33634 3.36368C3.34877 3.35908 3.35908 3.34877 3.36368 3.33634L3.809 2.13321Z";
+function SparkleIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    className: styles.sparkle,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: SPARKLE_PATH,
+    fill: "currentColor"
+  }));
+}
 const SQUIRCLE_PATH = "M15.9994 0C3.19766 0 0 3.20025 0 16C0 28.7998 3.19766 32 15.9994 32C28.8011 32 32 28.8022 32 16C32 3.19779 28.7999 0 15.9994 0Z";
 const SQUIRCLE_BORDER_PATH = "M15.999 0.222656C22.4009 0.222656 26.3132 1.0274 28.6426 3.35645C30.972 5.68549 31.7773 9.59729 31.7773 16C31.7773 22.4025 30.9726 26.3145 28.6436 28.6436C26.3143 30.9726 22.4015 31.7773 15.999 31.7773C9.5968 31.7773 5.68536 30.9719 3.35645 28.6426C1.02748 26.3132 0.222656 22.4015 0.222656 16C0.222656 9.59851 1.02748 5.68678 3.35645 3.35742C5.68536 1.02814 9.5968 0.222687 15.999 0.222656Z";
 // Monotonic counter for per-instance SVG ids. useId would be tidier but isn't
@@ -4841,9 +4932,18 @@ function HelpdeskComponent({
       AskAIBanner: {
         component: AskAIBanner,
         properties: {
+          action: {
+            type: String
+          },
           onClick: {
             event: false,
             type: Function
+          },
+          title: {
+            type: String
+          },
+          variant: {
+            type: String
           }
         }
       },