@saasquatch/mint-components 1.6.8-21 → 1.6.8-23

package/dist/esm/sqm-big-stat_37.entry.js

@@ -12,8 +12,8 @@ import { u as useChildElements } from './useChildElements-f48eb34d.js';
 import './luxon-1e38d7f1.js';
 import { g as getProps, a as getMissingProps, s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
-import { A as AsYouType } from './AsYouType-46f67d0d.js';
 import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-ad7d132d.js';
+import { A as AsYouType } from './AsYouType-46f67d0d.js';
 import { b as useDemoBigStat, Q as useBigStat, B as BigStatView, M as autoColorScaleCss, J as CardFeedView, j as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, I as InputFieldView, U as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, V as demoRewardExchange, k as RewardExchangeView, W as pathToRegexp, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-e5661028.js';
 import './sqm-portal-container-view-cacba1af.js';
 
@@ -23,7 +23,7 @@ const BigStat = class {
     /**
      * Controls the order of the stat value & description column
      *
-     * @uiName Flex Reverse
+     * @uiName Flex reverse
      * @default
      */
     this.flexReverse = false;
@@ -115,11 +115,11 @@ const CardFeed = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Card Width
+     * @uiName Card width
      */
     this.width = 347;
     /**
-     * @uiName Column Gap
+     * @uiName Column gap
      * @uiType number
      */
     this.gap = 24;
@@ -209,22 +209,22 @@ const CheckboxField = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Checkbox Label
+     * @uiName Checkbox label
      * @uiWidget textArea
      */
     this.checkboxLabel = "By signing up you agree to the {labelLink}";
     /**
      * Used with link text if the checkbox label contains {labelLink}
      *
-     * @uiName Checkbox Label Link
+     * @uiName Checkbox label link
      */
     this.checkboxLabelLink = "https://example.com";
     /**
-     * @uiName Checkbox Label Link Text
+     * @uiName Checkbox label link lext
      */
     this.checkboxLabelLinkText = "Terms and Conditions";
     /**
-     * @uiName Unchecked Error Message
+     * @uiName Unchecked error message
      */
     this.errorMessage = "Must be checked";
     /**
@@ -376,7 +376,7 @@ const CouponCode = class {
     /**
      * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
      *
-     * @uiName Tooltip Text
+     * @uiName Tooltip text
      */
     this.tooltiptext = "Copied to Clipboard";
     /**
@@ -386,8 +386,6 @@ const CouponCode = class {
      */
     this.tooltiplifespan = 1000;
     /**
-     * Change the text alignment
-     *
      * @uiName Coupon code alignment
      * @uiType string
      * @uiEnum ["left", "center", "right"]
@@ -554,7 +552,7 @@ const DividedLayout = class {
     registerInstance(this, hostRef);
     /**
      * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
-     * @uiName Border Style
+     * @uiName Border style
      */
     this.dividerStyle = "1px solid #EAEAEA";
     h(this);
@@ -579,11 +577,11 @@ const DropdownField = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Dropdown Label
+     * @uiName Dropdown label
      */
     this.dropdownLabel = "Select an option";
     /**
-     * @uiName Unselected Error Message
+     * @uiName Unselected error message
      */
     this.errorMessage = "Select an option";
     /**
@@ -988,49 +986,49 @@ const HeroImage = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
-     * @uiName Overlay Opacity
+     * @uiName Overlay opacity
      */
     this.overlayOpacity = "0.75";
     /**
-     * @uiName Image Layout
+     * @uiName Image layout
      * @uiType string
      * @uiEnum ["overlay", "columns"]
      * @uiEnumNames ["Overlay", "Two-column"]
      */
     this.layout = "overlay";
     /**
-     * @uiName Image Percentage
+     * @uiName Image percentage
      * @uiType number
      */
     this.imagePercentage = 50;
     /**
-     * @uiName Image Position
+     * @uiName Image position
      * @uiType string
      * @uiEnum ["left", "center", "right"]
      * @uiEnumNames ["Left", "Center", "Right"]
      */
     this.imagePos = "center";
     /**
-     * @uiName Image Mobile Position
+     * @uiName Image mobile position
      * @uiType string
      * @uiEnum ["top", "bottom"]
      * @uiEnumNames ["Top", "Bottom"]
      */
     this.imageMobilePos = "top";
     /**
-     * @uiName Open Link in New Tab
+     * @uiName Open link in new tab
      * @default
      */
     this.buttonNewTab = false;
     /**
-     * @uiName Text Padding
+     * @uiName Text padding
      * @uiType string
      * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingText = "xxxx-large";
     /**
-     * @uiName Image Padding
+     * @uiName Image padding
      * @uiType string
      * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
@@ -1071,14 +1069,14 @@ const InputField = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Input Type
+     * @uiName Input type
      * @uiType string
      * @uiEnum ["text", "date", "tel"]
      * @uiEnumNames ["Text", "Date", "Phone Number"]
      */
     this.fieldType = "text";
     /**
-     * @uiName Required Error Message
+     * @uiName Required error message
      */
     this.errorMessage = "Cannot be empty";
     /**
@@ -1231,19 +1229,19 @@ const Leaderboard = class {
     /**
      * Hide the viewer's leaderboard row if not in the top results.
      *
-     * @uiName Hide Viewing User
+     * @uiName Hide viewing user
      * @default
      */
     this.hideViewer = false;
     /**
      * Title displayed for users without names
-     * @uiName Unknown User Text
+     * @uiName Unknown user text
      */
     this.anonymousUser = "Anonymous User";
     /**
      * Control the maximum amount of rows displayed on the leaderboard.
      *
-     * @uiName Maximum Rows Number
+     * @uiName Maximum rows number
      */
     this.maxRows = 10;
     this.ignored = true;
@@ -1367,11 +1365,11 @@ const NameFields = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName First Name label
+     * @uiName First name label
      */
     this.firstNameLabel = "First Name";
     /**
-     * @uiName Last Name label
+     * @uiName Last name label
      */
     this.lastNameLabel = "Last Name";
     h(this);
@@ -1527,48 +1525,48 @@ const PortalChangePassword = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Change Password Modal Header
+     * @uiName Change password modal header
      */
     this.modalChangePasswordHeader = "Change Password";
     /**
      * Found in modal
      *
-     * @uiName Cancel Button Text
+     * @uiName Cancel button text
      */
     this.cancelText = "Cancel";
     /**
      * Found in modal
      *
-     * @uiName Change Password Button Text
+     * @uiName Change password button text
      */
     this.changePasswordButtonText = "Change Password";
     /**
      * Found in modal
      *
-     * @uiName New Password Field Label
+     * @uiName New password field label
      */
     this.passwordFieldLabel = "New Password";
     /**
      * Found in modal
      *
-     * @uiName Confirm Password Label
+     * @uiName Confirm password Label
      */
     this.confirmPasswordFieldLabel = "Confirm New Password";
     /**
      * Successful password change message
      *
-     * @uiName Successful Password Change Message
+     * @uiName Successful password change message
      * @uiWidget textArea
      */
     this.successMessage = "Your password has been updated.";
     /**
      * Portal change password section header
      *
-     * @uiName Change Password Header
+     * @uiName Change password header
      */
     this.portalChangePasswordHeader = "Password";
     /**
-     * @uiName Change Password Button Text
+     * @uiName Change password button text
      */
     this.portalChangePasswordButtonText = "Change your password...";
     h(this);
@@ -1614,7 +1612,7 @@ const PortalFooter = class {
      */
     this.hideSupportText = false;
     /**
-     * @uiName Support Email
+     * @uiName Support email
      */
     this.supportEmail = "support@example.com";
     /**
@@ -1623,13 +1621,13 @@ const PortalFooter = class {
      */
     this.supportText = "For program support, contact {email}";
     /**
-     * @uiName Hide Powered By SaaSquatch
+     * @uiName Hide powered by SaaSquatch
      */
     this.hidePoweredBy = false;
     /**
-     * @uiName Powered By Link
+     * @uiName Powered By link
      */
-    this.poweredByLink = "https://saasquatch.com";
+    this.poweredByLink = "https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget";
     /**
      * @uiName Top padding
      * @uiGroup Padding
@@ -1764,44 +1762,44 @@ const PortalLogin = class {
     /**
      * Redirect participants to this page after they successfully login.
      *
-     * @uiName Login Redirect
+     * @uiName Login redirect
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * @uiName Email Field Label
+     * @uiName Email field label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Password Field Label
+     * @uiName Password field label
      */
     this.passwordLabel = "Password";
     /**
-     * @uiName Submit Button Text
+     * @uiName Submit button text
      */
     this.submitLabel = "Sign In";
     /**
      * Redirect participants to this page to reset their password
-     * @uiName Forgot Password Redirect
+     * @uiName Forgot password redirect
      * @uiWidget pageSelect
      */
     this.forgotPasswordPath = "/forgotPassword";
     /**
-     * @uiName Forgot Password Text
+     * @uiName Forgot password text
      */
     this.forgotPasswordLabel = "Forgot Password?";
     /**
-     * @uiName Register Button Text
+     * @uiName Register button text
      */
     this.registerLabel = "Register";
     /**
      * Redirect participants to this page to start registration.
-     * @uiName Register Button Redirect
+     * @uiName Register button redirect
      * @uiWidget pageSelect
      */
     this.registerPath = "/register";
     /**
-     * @uiName Heading Label
+     * @uiName Heading label
      * @uiWidget textArea
      */
     this.pageLabel = "Sign in to your account";
@@ -1973,87 +1971,87 @@ const PortalRegister = class {
     /**
      * Redirect participants to this page from their verification email
      *
-     * @uiName Registration Redirect
+     * @uiName Registration redirect
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
      * The page that participants are redirected to from the verification email.
      *
-     * @uiName Email Verification Redirect
+     * @uiName Email verification redirect
      * @uiWidget pageSelect
      */
     this.redirectPath = "/verifyEmail";
     /**
-     * @uiName Email Field Label
+     * @uiName Email field label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Password Field Label
+     * @uiName Password field label
      */
     this.passwordLabel = "Password";
     /**
-     * @uiName Submit Button Text
+     * @uiName Submit button text
      */
     this.submitLabel = "Register";
     /**
-     * @uiName Login Button Text
+     * @uiName Login button text
      */
     this.loginLabel = "Sign in";
     /**
-     * @uiName Confirm Password Field Label
+     * @uiName Confirm password field label
      */
     this.confirmPasswordLabel = "Confirm Password";
     /**
-     * @uiName Show Confirm Password Field
+     * @uiName Show confirm password field
      */
     this.confirmPassword = false;
     /**
-     * @uiName Disable Password Validation
+     * @uiName Disable password validation
      */
     this.disablePasswordValidation = false;
     /**
      * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
      *
-     * @uiName Hide Default Fields
+     * @uiName Hide default fields
      */
     this.hideInputs = false;
     /**
-     * @uiName Header Text
+     * @uiName Header text
      */
     this.pageLabel = "Register";
     /**
      * Redirect participants to this page after clicking the login button.
      *
-     * @uiName Login Redirect
+     * @uiName Login redirect
      * @uiWidget pageSelect
      */
     this.loginPath = "/login";
     /**
      * The message to be displayed when a required field is not filled.
      *
-     * @uiName Required Field Message
+     * @uiName Required field message
      * @uiWidget textArea
      */
     this.requiredFieldErrorMessage = "Cannot be empty";
     /**
      * The message to be displayed when a the form submission fails unexpectedly.
      *
-     * @uiName Network Error Message
+     * @uiName Network error message
      * @uiWidget textArea
      */
     this.networkErrorMessage = "Network request failed.";
     /**
      * The message to be displayed when password inputs do not match.
      *
-     * @uiName Password Mismatch Message
+     * @uiName Password mismatch message
      * @uiWidget textArea
      */
     this.passwordMismatchErrorMessage = "Passwords do not match.";
     /**
      * The message to be displayed when the email used is invalid or blocked.
      *
-     * @uiName Invalid Email Message
+     * @uiName Invalid email message
      * @uiWidget textArea
      */
     this.invalidEmailErrorMessage = "Must be a valid email address";
@@ -2306,10 +2304,9 @@ const vanillaStyle = `
     }
   `;
 function ReferralCardView(props) {
-  console.log("left", props.slots.left);
-  console.log("right", props.slots.right);
+  const { includeBorder = true } = props;
   return (h$1("div", { part: "sqm-base", class: sheet$1.classes.Container, style: {
-      border: `${props.removeBorder ? "none" : "1px solid var(--sl-color-neutral-300)"}`,
+      border: `${includeBorder ? "1px solid var(--sl-color-neutral-300);" : "none;"}`,
       "padding-top": `var(--sl-spacing-${props.paddingTop})`,
       "padding-right": `var(--sl-spacing-${props.paddingRight})`,
       "padding-bottom": `var(--sl-spacing-${props.paddingBottom})`,
@@ -2333,17 +2330,17 @@ const ReferralCard = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Vertical Aligment
+     * @uiName Vertical alignment
      * @uiType string
      * @uiEnum ["start", "center", "end"]
      * @uiEnumNames ["Top", "Center", "Bottom"]
      */
     this.verticalAlignment = "start";
     /**
-     * @uiName Remove border
+     * @uiName Include border
      * @uiType boolean
      */
-    this.removeBorder = false;
+    this.includeBorder = true;
     /**
      * @uiName Top padding
      * @uiGroup Padding
@@ -2422,12 +2419,12 @@ const SqmReferralIframe = class {
     this.ignored = true;
     /**
      * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-     * @uiName Iframe Height
+     * @uiName IFrame height
      */
     this.iframeHeight = "100%";
     /**
      * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-     * @uiName Iframe Width
+     * @uiName IFrame width
      */
     this.iframeWidth = "100%";
     h(this);
@@ -3272,131 +3269,131 @@ const SqmRewardExchangeList = class {
     /**
      * Error message shown when reward is not available
      *
-     * @uiName Not Available Error
+     * @uiName Not available error
      * @uiWidget textArea
      */
     this.notAvailableError = "{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }";
     /**
-     * @uiName Choose Reward Progress Title
+     * @uiName Choose reward progress title
      */
     this.chooseRewardTitle = "Rewards";
     /**
-     * @uiName Choose Amount Progress Title
+     * @uiName Choose amount progress title
      */
     this.chooseAmountTitle = "Select";
     /**
-     * @uiName Confirmation Progress Title
+     * @uiName Confirmation progress title
      */
     this.confirmationTitle = "Confirm";
     /**
-     * @uiName Reward Title Text
+     * @uiName Reward title text
      */
     this.rewardTitle = "Choose a reward";
     /**
-     * @uiName Cancel Button Text
+     * @uiName Cancel button text
      */
     this.cancelText = "Cancel";
     /**
-     * @uiName Back Button Text
+     * @uiName Back button text
      */
     this.backText = "Back";
     /**
-     * @uiName Continue Button Text
+     * @uiName Continue button text
      */
     this.continueText = "Continue";
     /**
      * Displayed on the reward selection page.
-     * @uiName Continue to Confirmation Button Text
+     * @uiName Continue to confirmation button text
      */
     this.continueToConfirmationText = "Continue to confirmation";
     /**
-     * @uiName Redeem Button Text
+     * @uiName Redeem button text
      */
     this.redeemText = "Redeem";
     /**
      * Displayed as the header for the confirmation page.
      *
-     * @uiName Confirmation Title Text
+     * @uiName Confirmation title text
      */
     this.redeemTitle = "Confirm and redeem";
     /**
      * Displayed on the success screen when a user successfully exchanges for a reward.
      *
-     * @uiName Redemption Success Message
+     * @uiName Redemption success message
      * @uiWidget textArea
      */
     this.redemptionSuccessText = "Redeemed {sourceValue} for {destinationValue}";
     /**
      * Displayed on the reward exchange cards.
      *
-     * @uiName Reward Exchange Amount Text
+     * @uiName Reward exchange amount text
      * @uiWidget textArea
      */
     this.sourceAmountMessage = "{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}";
     /**
      * Shown when a user copies a fuel tank code
      *
-     * @uiName Tooltip Text
+     * @uiName Tooltip text
      */
     this.tooltipText = "Copied";
     /**
-     * @uiName Done Text
+     * @uiName Done text
      */
     this.doneText = "Done";
     /**
-     * @uiName Select Amount Text
+     * @uiName Select amount text
      * @uiWidget textArea
      */
     this.selectText = "Select amount to receive";
     /**
      * Shown if an error occurs when loading the reward exchange.
      *
-     * @uiName Reward List Error Message
+     * @uiName Reward list error message
      * @uiWidget textArea
      */
     this.queryError = "Unable to load reward exchange list. Please try again";
     /**
      * Shown if an error occurs during the reward exchange.
      *
-     * @uiName Redemption Error Message
+     * @uiName Redemption error message
      * @uiWidget textArea
      */
     this.redemptionError = "An error occured trying to redeem this reward. Please try again";
     /**
-     * @uiName Not Enough Error Message
+     * @uiName Not enough error message
      * @uiWidget textArea
      */
     this.notEnoughError = "Not enough {sourceUnit} to redeem for this reward";
     /**
-     * @uiName Reward Redeemed Text
+     * @uiName Reward redeemed text
      */
     this.rewardRedeemedText = "Reward redeemed";
     /**
-     * @uiName Promo Code Text
+     * @uiName Promo code text
      */
     this.promoCode = "Promo Code";
     /**
      * Set the number of placeholder cards to be shown in loading state.
      *
-     * @uiName Loading Cards
+     * @uiName Loading cards
      */
     this.skeletonCardNum = 8;
     /**
      * Shown in the confirmation state.
      *
-     * @uiName Reward Row Title
+     * @uiName Reward row title
      */
     this.rewardNameTitle = "Reward";
     /**
      * Shown in the confirmation state.
      *
-     * @uiName Reward Amount Row Title
+     * @uiName Reward amount row title
      */
     this.rewardAmountTitle = "Reward Amount";
     /**
      * Shown in the confirmation state.
      *
-     * @uiName Cost Row Title
+     * @uiName Cost row title
      */
     this.costTitle = "Cost to Redeem";
     h(this);
@@ -3566,7 +3563,7 @@ const Scroll = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Button Type
+     * @uiName Button type
      * @uiType string
      * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
      * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
@@ -3574,7 +3571,7 @@ const Scroll = class {
      */
     this.buttonType = "default";
     /**
-     * @uiName Scroll Animation Style
+     * @uiName Scroll animation style
      * @uiType string
      * @uiEnum ["smooth", "auto"]
      * @uiEnumNames ["Smooth", "Auto"]
@@ -3650,25 +3647,25 @@ const ShareButton = class {
     registerInstance(this, hostRef);
     /**
      * @uiType string
-     * @uiName Button Style
+     * @uiName Button style
      * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
      * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
      */
     this.type = "default";
     /**
-     * @uiName Icon Location
+     * @uiName Icon location
      * @uiType string
      * @uiEnum ["prefix", "suffix" ]
      * @uiEnumNames ["Prefix", "Suffix"]
      */
     this.iconslot = "prefix";
     /**
-     * @uiName Hide Icon
+     * @uiName Hide icon
      * @default
      */
     this.hideicon = false;
     /**
-     * @uiName Hide Text
+     * @uiName Hide text
      * @default
      */
     this.hidetext = false;
@@ -3748,7 +3745,7 @@ const ShareCode = class {
     /**
      * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
      *
-     * @uiName Tooltip Text
+     * @uiName Tooltip text
      */
     this.tooltiptext = "Copied to Clipboard";
     /**
@@ -3817,13 +3814,13 @@ const ShareLink = class {
     /**
      * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
      *
-     * @uiName Tooltip Text
+     * @uiName Tooltip text
      */
     this.tooltiptext = "Copied to Clipboard";
     /**
      * The number of milliseconds that the tooltip appears for
      *
-     * @uiName Tooltip Lifespan
+     * @uiName Tooltip lifespan
      */
     this.tooltiplifespan = 1000;
     /**
@@ -3885,7 +3882,7 @@ const StatContainer = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Space Between Stats
+     * @uiName Space between stats
      * @uiType string
      * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
@@ -3909,7 +3906,7 @@ const StatContainer = class {
 const TableCell = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** @uiName Column Span  */
+    /** @uiName Column span  */
     this.colspan = 1;
     /** @uiName Padding */
     this.padding = "15px 10px";
@@ -3978,12 +3975,12 @@ const TaskCard = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Reward Amount
+     * @uiName Reward amount
      * @uiGroup Reward
      */
     this.rewardAmount = "0";
     /**
-     * @uiName Reward Unit
+     * @uiName Reward unit
      * @uiGroup Reward
      */
     this.rewardUnit = "Points";
@@ -3998,7 +3995,7 @@ const TaskCard = class {
      */
     this.description = "";
     /**
-     * @uiName Goal Repeatable
+     * @uiName Goal repeatable
      * @uiGroup Goal
      * @default
      */
@@ -4006,12 +4003,12 @@ const TaskCard = class {
     /**
      * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
      *
-     * @uiName Repeat Amount
+     * @uiName Repeat amount
      * @uiGroup Reward
      */
     this.finite = 0;
     /**
-     * @uiName Show Progress Bar
+     * @uiName Show progress bar
      * @uiGroup Goal
      * @default
      */
@@ -4019,12 +4016,12 @@ const TaskCard = class {
     /**
      * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
      *
-     * @uiName Goal Completion Number
+     * @uiName Goal completion number
      * @uiGroup Goal
      */
     this.goal = 1;
     /**
-     * @uiName Progress Bar Steps
+     * @uiName Progress bar steps
      * @uiGroup Goal
      * @default
      */
@@ -4032,47 +4029,47 @@ const TaskCard = class {
     /**
      * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
      *
-     * @uiName Progress Bar Unit
+     * @uiName Progress bar unit
      * @uiGroup Goal
      */
     this.progressBarUnit = "";
     /**
      * Displayed when a user views a task card after the reward duration interval.
      *
-     * @uiName Expiry Date Message
+     * @uiName Expiry date message
      * @uiGroup Task
      */
     this.expiryMessage = "Ends {endDate}";
     /**
      * Shown to users before the start of the task duration.
      *
-     * @uiName Start Date Message
+     * @uiName Start date message
      * @uiGroup Task
      */
     this.startsOnMessage = "Starts {startDate}";
     /**
      * Shown to users after the end of the task duration.
      *
-     * @uiName Ended Date Message
+     * @uiName Ended date message
      * @uiGroup Task
      */
     this.endedMessage = "Ended {endDate}";
     /**
      * Displays the amount of times that a user has completed a repeatable task.
      *
-     * @uiName Completed Count Text
+     * @uiName Completed count text
      * @uiGroup Task
      * @uiWidget textArea
      */
     this.completedText = "Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}";
     /**
-     * @uiName Button Text
+     * @uiName Button text
      * @uiGroup Button
      */
     this.buttonText = "Complete Action";
     /**
-     * Button Link Opens in New Tab
-     * @uiName Open In New Tab
+     * Button link opens in new tab
+     * @uiName Open in new tab
      * @uiGroup Button
      * @default
      */
@@ -4277,12 +4274,12 @@ const UserName = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Unknown User Name
+     * @uiName Unknown user name
      */
     this.fallback = "Anonymous User";
     /**
      * Text displayed while the participant’s name is loading.
-     * @uiName Loading Text
+     * @uiName Loading text
      */
     this.loadingText = "...";
     h(this);