@saasquatch/mint-components 2.1.8-1 → 2.1.8-3

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js

@@ -25,95 +25,6 @@ export const paypalFeeMap = {
 const ACH_PAYMENT_METHOD = 3;
 const WIRE_PAYMENT_METHOD = 5;
 const PAYPAL_PAYMENT_METHOD = 7;
-/**
- * Maps GraphQL validation error field names to form field names.
- */
-const API_FIELD_TO_FORM_FIELD = {
-  // bankProvinceState → form uses bankState
-  bankProvinceState: "bankState",
-};
-/**
- * Maps Impact API error code paths (from validationErrors[].errorPath) to short,
- * readable frontend error codes used in the ICU select props.
- */
-const API_ERROR_PATH_TO_FRONTEND = {
-  // Beneficiary account name
-  "withdrawal.settings.error.empty_beneficiaryname": "empty",
-  "withdrawal.settings.error.invalid_character_beneficiaryname": "invalidCharacters",
-  "withdrawal.settings.error.numeric_beneficiaryname": "numeric",
-  "withdrawal_settings.error.beneficiaryname.size": "tooLong",
-  "withdrawal.settings.error.non_english_beneficiaryname": "nonEnglish",
-  "withdrawal_settings.error.business_beneficiaryname_match": "businessNameMismatch",
-  "withdrawal_settings.error.beneficiaryname_match": "nameMismatch",
-  "withdrawal_settings.error.business_checkpayeename_match": "businessPayeeMismatch",
-  "withdrawal_settings.error.checkpayeename_match": "payeeMismatch",
-  // Bank account number
-  "withdrawal.settings.error.accountnumber.empty": "empty",
-  "withdrawal.settings.error.accountnumber.uk": "invalidUk",
-  "withdrawal.settings.error.bankaccount.invalid": "invalid",
-  // IBAN
-  "withdrawal.settings.error.iban": "ibanEmpty",
-  "withdrawal.settings.error.iban.alphanumeric": "ibanAlphanumeric",
-  "withdrawal.settings.error.iban.invalid": "ibanInvalid",
-  "withdrawal.settings.error.iban.uk.country.mismatch": "ibanCountryMismatch",
-  // Routing code
-  "withdrawal.settings.error.bsbNumber": "invalidBsb",
-  "withdrawal.settings.error.sortcode": "invalidSortCode",
-  "withdrawal.settings.error.routingNumber": "empty",
-  "withdrawal.settings.error.routingcode": "invalid",
-  // SWIFT / BIC
-  "withdrawal.settings.error.bic": "empty",
-  "withdrawal.settings.error.bic.alphanumeric": "alphanumeric",
-  "withdrawal.settings.error.bic.invalid": "invalid",
-  // Bank account type
-  "global.error.invalid.accounttype": "empty",
-  // Bank name
-  "withdrawal.settings.error.bankName": "empty",
-  // Tax payer ID
-  "withdrawal.settings.error.taxPayerId": "empty",
-  "withdrawal.settings.error.taxPayerId.ar": "emptyAr",
-  "withdrawal.settings.error.taxPayerId.kr": "emptyKr",
-  "withdrawal.settings.error.taxPayerId.alphanumeric": "alphanumeric",
-  "withdrawal.settings.error.taxPayerId.alphanumeric.ar": "alphanumericAr",
-  "withdrawal.settings.error.taxPayerId.alphanumeric.kr": "alphanumericKr",
-  "withdrawal.settings.error.taxPayerId.invalid": "invalid",
-  "withdrawal.settings.error.taxPayerId.invalid.ar": "invalidAr",
-  "withdrawal.settings.error.taxPayerId.invalid.kr": "invalidKr",
-  "withdrawal.settings.error.taxPayerId.invalid.kzt": "invalidKzt",
-  "withdrawal.settings.error.taxPayerId.cnpj": "cnpjTooShort",
-  "withdrawal.settings.error.taxPayerId.cpf": "cpfTooShort",
-  // Patronymic name
-  "withdrawal.settings.error.patronymicName": "empty",
-  "withdrawal.settings.error.patronymicName.alphanumeric": "alphanumeric",
-  // VO code
-  "withdrawal.settings.error.voCode": "empty",
-  "withdrawal.settings.error.voCode.alphanumeric": "alphanumeric",
-  // Agency code
-  "withdrawal.settings.error.agencyCode": "empty",
-  "withdrawal.settings.error.agencyCode.alphanumeric": "alphanumeric",
-  "withdrawal.settings.error.agencyCode.length": "tooShort",
-  // Bank address fields
-  "withdrawal.settings.error.bankAddress": "empty",
-  "withdrawal.settings.error.bankCity": "empty",
-  "withdrawal.settings.error.bankProvinceState": "empty",
-  "withdrawal.settings.error.bankPostalCode": "empty",
-  // Branch code / name
-  "withdrawal.settings.error.branchCode": "invalid",
-  "withdrawal.settings.error.branchName": "empty",
-  // Classification code
-  "withdrawal.settings.error.classificationCode.invalid": "empty",
-  "withdrawal.settings.error.classificationCode.invalid.kzt": "invalidKzt",
-  // PayPal
-  "payment.error.email": "empty",
-  "payment.error.paypal_not_supported": "unsupportedCurrency",
-  "payment.error.email.invalid": "invalidEmail",
-  "payment.error.paypal_verification_incomplete": "verificationIncomplete",
-  // Payment schedule
-  "payment.error.no_threshold": "empty",
-  "payment.error.invalid_threshold": "invalid",
-  "payment.error.no_dayOfMonth": "empty",
-  "payment.error.invalid_dayOfMonth": "invalid",
-};
 export function getFormInputs({ bitset, formMap }) {
   // Convert bitset to binary representation
   const binary = bitset.toString(2).padStart(Object.keys(formMap).length, "0");
@@ -137,7 +48,6 @@ const SAVE_WITHDRAWAL_SETTINGS = gql `
       validationErrors {
         field
         message
-        code
       }
     }
   }
@@ -153,7 +63,6 @@ const UPDATE_WITHDRAWAL_SETTINGS = gql `
       validationErrors {
         field
         message
-        code
       }
     }
   }
@@ -326,13 +235,10 @@ export function useBankingInfoForm(props) {
       else if (!success) {
         console.error("Validation failed: ", validationErrors);
         const mappedValidationErrors = validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.reduce((agg, error) => {
-          const formField = API_FIELD_TO_FORM_FIELD[error.field] || error.field;
-          const errorCode = API_ERROR_PATH_TO_FRONTEND[error.errorPath] || error.errorPath;
           return {
             ...agg,
-            [formField]: {
+            [error.field]: {
               type: "invalid",
-              errorCode,
             },
           };
         }, {});

package/dist/esm/{ShadowViewAddon-9d97b5d5.js → ShadowViewAddon-c2f026c0.js}

@@ -1,6 +1,6 @@
 import { h, c as Host, d as getAssetPath, F as Fragment, g as getElement } from './index-38ad4957.js';
 import { i as intl } from './global-96c14d63.js';
-import { b as browser, u as useMemo, k as useState } from './dom-context-hooks.module-50442785.js';
+import { b as browser, u as useMemo, k as useState, m as useRef } from './dom-context-hooks.module-50442785.js';
 import { H, L, J, d as dist, w as wn, B, F as Fn, $ as $e, g as getEnvironmentSDK } from './index.module-b23fdad8.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
@@ -4227,6 +4227,178 @@ function useShareButton(props) {
   };
 }
 
+const vanillaStyle$6 = `
+  :host {
+    display: block;
+    width: 100%;
+  }
+`;
+function ShareLinkView(props) {
+  const { copyTextViewProps, customizeUrl, customizeLinkLabel, saveLabelText, cancelLabelText, successMessage, isEditing, editValue, domainPrefix, editsRemaining, maxEdits, limitReached, validationError, isValidating, isSaving, showSuccess, characterLimit, charactersRemaining, editLimitText, editLimitReachedText, supportLinkText, customizeDisabled, customizeDisabledTooltip, onCustomizeClick, onEditValueChange, onSave, onCancel, } = props;
+  const style = {
+    Container: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--sl-spacing-x-small)",
+      width: "100%",
+    },
+    CustomizeLinkText: {
+      margin: "0",
+      fontSize: "var(--sl-font-size-small)",
+      fontWeight: "600",
+      cursor: "pointer",
+      color: "var(--sl-color-neutral-900)",
+      textAlign: "left",
+      "&:hover": {
+        textDecoration: "underline",
+      },
+    },
+    CustomizeLinkDisabled: {
+      margin: "0",
+      fontSize: "var(--sl-font-size-small)",
+      fontWeight: "600",
+      color: "var(--sl-color-neutral-400)",
+      cursor: "default",
+      textAlign: "left",
+    },
+    EditContainer: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--sl-spacing-x-small)",
+      width: "100%",
+    },
+    EditInputWrapper: {
+      display: "flex",
+      alignItems: "center",
+      width: "100%",
+      border: "var(--sqm-border-thickness, 1px) solid var(--sqm-input-border-color, #d1d5db)",
+      borderRadius: "var(--sqm-border-radius-normal, 4px)",
+      background: "var(--sqm-input-background, #fff)",
+      overflow: "hidden",
+      "&:focus-within": {
+        borderColor: "#999999",
+        boxShadow: "0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color)",
+      },
+    },
+    DomainPrefix: {
+      padding: "0 0 0 var(--sl-spacing-medium)",
+      fontSize: "var(--sl-font-size-medium)",
+      color: "var(--sl-color-neutral-500)",
+      whiteSpace: "nowrap",
+      userSelect: "none",
+      lineHeight: "var(--sl-input-height-medium)",
+    },
+    EditInput: {
+      flex: "1",
+      border: "none",
+      outline: "none",
+      padding: "0 var(--sl-spacing-medium) 0 0",
+      fontSize: "var(--sl-font-size-medium)",
+      fontFamily: "var(--sl-font-sans)",
+      color: "var(--sl-input-color)",
+      background: "transparent",
+      lineHeight: "var(--sl-input-height-medium)",
+      minWidth: "0",
+    },
+    EditLabel: {
+      margin: "0",
+      fontSize: "var(--sl-font-size-small)",
+      color: "var(--sl-color-neutral-500)",
+    },
+    HelperText: {
+      margin: "0",
+      fontSize: "var(--sl-font-size-small)",
+      color: "var(--sl-color-neutral-500)",
+    },
+    ErrorText: {
+      margin: "0",
+      fontSize: "var(--sl-font-size-small)",
+      color: "var(--sqm-danger-color-text, #dc2626)",
+    },
+    SuccessText: {
+      margin: "0",
+      fontSize: "var(--sl-font-size-small)",
+      color: "var(--sl-color-success-600, #16a34a)",
+    },
+    ActionRow: {
+      display: "flex",
+      gap: "var(--sl-spacing-medium)",
+      alignItems: "center",
+    },
+    SaveButton: {
+      cursor: "pointer",
+      fontFamily: "var(--sl-font-sans)",
+      fontSize: "var(--sl-font-size-small)",
+      fontWeight: "600",
+      padding: "var(--sl-spacing-x-small) var(--sl-spacing-medium)",
+      borderRadius: "var(--sqm-border-radius-normal, 4px)",
+      border: "1px solid var(--sl-color-neutral-900)",
+      background: "var(--sl-color-neutral-900)",
+      color: "#fff",
+      "&:disabled": {
+        opacity: "0.5",
+        cursor: "default",
+      },
+    },
+    CancelButton: {
+      margin: "0",
+      fontSize: "var(--sl-font-size-small)",
+      fontWeight: "600",
+      cursor: "pointer",
+      background: "none",
+      border: "none",
+      padding: "0",
+      fontFamily: "var(--sl-font-sans)",
+      color: "var(--sl-color-neutral-500)",
+    },
+  };
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
+  const errorMessageType = (validationError === null || validationError === void 0 ? void 0 : validationError.code) === "LINK_TAKEN" ? "info" : "warning";
+  const showCharactersRemaining = charactersRemaining <= 7;
+  // Editing state
+  if (isEditing) {
+    return (h("div", { class: sheet.classes.Container },
+      h("style", { type: "text/css" },
+        styleString,
+        vanillaStyle$6),
+      h("p", { class: sheet.classes.EditLabel }, "Enter your link"),
+      h("div", { class: sheet.classes.EditInputWrapper },
+        h("span", { class: sheet.classes.DomainPrefix }, domainPrefix),
+        h("input", { class: sheet.classes.EditInput, type: "text", value: editValue, onInput: (e) => onEditValueChange(e.target.value), disabled: isSaving, maxLength: characterLimit })),
+      h("p", { class: sheet.classes.HelperText },
+        editLimitText,
+        showCharactersRemaining &&
+          ` Characters remaining: ${charactersRemaining}`),
+      validationError && (h("sqm-form-message", { type: errorMessageType },
+        h("p", { part: "alert-title" }, validationError.title),
+        validationError.description)),
+      isValidating && h("p", { class: sheet.classes.HelperText }, "Validating..."),
+      h("div", { class: sheet.classes.ActionRow },
+        h("button", { class: sheet.classes.SaveButton, onClick: onSave, disabled: isSaving || isValidating || !!validationError || !editValue }, isSaving ? "Saving..." : saveLabelText),
+        h("button", { class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
+  }
+  // Default / Customized / Limit reached states
+  return (h("div", { class: sheet.classes.Container },
+    h("style", { type: "text/css" },
+      styleString,
+      vanillaStyle$6),
+    h(CopyTextView, Object.assign({}, copyTextViewProps)),
+    showSuccess && h("p", { class: sheet.classes.SuccessText }, successMessage),
+    customizeUrl && (customizeDisabled ? (h("sl-tooltip", { content: customizeDisabledTooltip },
+      h("p", { class: sheet.classes.CustomizeLinkDisabled }, customizeLinkLabel))) : (h("p", { class: limitReached
+        ? sheet.classes.CustomizeLinkDisabled
+        : sheet.classes.CustomizeLinkText, onClick: limitReached ? undefined : onCustomizeClick }, customizeLinkLabel))),
+    customizeUrl && limitReached && (h("p", { class: sheet.classes.HelperText }, intl.formatMessage({
+      id: "editLimitReached",
+      defaultMessage: editLimitReachedText,
+    }, {
+      supportLink: (h("a", { target: "_blank", href: "https://example.com" }, supportLinkText)),
+    })))));
+}
+
+const MAX_EDITS = 5;
+const CHARACTER_LIMIT = 15;
 const MessageLinkQuery$1 = dist.gql `
   query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
     user: viewer {
@@ -4245,19 +4417,119 @@ const WIDGET_ENGAGEMENT_EVENT = dist.gql `
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
 `;
+const ADD_SHARE_LINK_CODE = dist.gql `
+  mutation ($addShareLinkCodeInput: AddShareLinkCodeInput!) {
+    addShareLinkCode(addShareLinkCodeInput: $addShareLinkCodeInput) {
+      linkCode {
+        linkCode
+        shortUrl
+        referralCode {
+          code
+        }
+      }
+    }
+  }
+`;
+// TODO: Replace with actual validation query when backend is ready
+const VALIDATE_LINK_CODE = dist.gql `
+  query validateLinkCode($linkCode: String!, $programId: ID) {
+    validateShareLinkCode(linkCode: $linkCode, programId: $programId) {
+      valid
+      message
+    }
+  }
+`;
+const GET_LINK_DOMAIN = dist.gql `
+  query getLinkDomain {
+    tenantSettings {
+      primaryLinkDomain {
+        host
+      }
+    }
+  }
+`;
+// TODO: Replace with actual edit count query when backend is ready
+const SHARE_LINK_EDIT_COUNT = dist.gql `
+  query shareLinkEditCount($programId: ID) {
+    viewer {
+      ... on User {
+        shareLinkCodes(programId: $programId) {
+          totalCount
+        }
+      }
+    }
+  }
+`;
+function parseDomainPrefix(url) {
+  try {
+    const parsed = new URL(url);
+    return parsed.origin + "/";
+  }
+  catch {
+    return url;
+  }
+}
+function parsePathSuffix(url) {
+  try {
+    const parsed = new URL(url);
+    // Remove leading slash
+    return parsed.pathname.slice(1) + parsed.search + parsed.hash;
+  }
+  catch {
+    return "";
+  }
+}
 function useShareLink(props) {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f;
   const { programId = H() } = props;
   const user = J();
   const engagementMedium = B();
   const contextData = Fn(REFERRAL_CODES_NAMESPACE);
-  const { data } = wn(MessageLinkQuery$1, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || !!props.linkOverride || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
+  const { data, refetch } = wn(MessageLinkQuery$1, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || !!props.linkOverride || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
   const [sendLoadEvent] = $e(WIDGET_ENGAGEMENT_EVENT);
-  const [setCopied, copiedRes] = $e(SET_CODE_COPIED);
+  const [setCopied] = $e(SET_CODE_COPIED);
+  const [addShareLinkCode, { loading: isSaving }] = $e(ADD_SHARE_LINK_CODE);
+  const { data: linkDomainData } = wn(GET_LINK_DOMAIN, {}, !(user === null || user === void 0 ? void 0 : user.jwt) || !props.customizeUrl);
+  // TODO: Wire up when backend query is ready
+  const { data: editCountData } = wn(SHARE_LINK_EDIT_COUNT, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !props.customizeUrl);
   const copyString = (_b = ((contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) || ((_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink))) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
   const [open, setOpen] = useState(false);
+  const [isEditing, setIsEditing] = useState(false);
+  const [editValue, setEditValue] = useState("");
+  const [validationError, setValidationError] = useState(null);
+  const [isValidating, setIsValidating] = useState(false);
+  const [showSuccess, setShowSuccess] = useState(false);
+  const debounceTimerRef = useRef(undefined);
+  const domainPrefix = parseDomainPrefix(copyString);
+  const hasPrimaryLinkDomain = ((_c = linkDomainData === null || linkDomainData === void 0 ? void 0 : linkDomainData.tenantSettings) === null || _c === void 0 ? void 0 : _c.primaryLinkDomain) != null;
+  const customizeDisabled = !hasPrimaryLinkDomain;
+  const editCount = (_f = (_e = (_d = editCountData === null || editCountData === void 0 ? void 0 : editCountData.viewer) === null || _d === void 0 ? void 0 : _d.shareLinkCodes) === null || _e === void 0 ? void 0 : _e.totalCount) !== null && _f !== void 0 ? _f : 0;
+  const editsRemaining = Math.max(0, MAX_EDITS - editCount);
+  const limitReached = editsRemaining <= 0;
+  function mapErrorCodeToInfo(errorCode) {
+    if (!errorCode)
+      return null;
+    const errorMap = {
+      LINK_TAKEN: {
+        code: "LINK_TAKEN",
+        title: props.linkTakenErrorTitle,
+        description: props.linkTakenErrorDescription,
+      },
+      INVALID_SYMBOLS: {
+        code: "INVALID_SYMBOLS",
+        title: props.invalidSymbolsErrorTitle,
+        description: props.invalidSymbolsErrorDescription,
+      },
+      RESTRICTED_WORD: {
+        code: "RESTRICTED_WORD",
+        title: props.restrictedWordErrorTitle,
+        description: props.restrictedWordErrorDescription,
+      },
+    };
+    return errorMap[errorCode];
+  }
   async function onClick() {
     if (contextData) {
       await setCopied({ referralCode: contextData.referralCode });
@@ -4281,7 +4553,100 @@ function useShareLink(props) {
       },
     });
   }
-  return { ...props, onClick, open, copyString: copyString };
+  function onCustomizeClick() {
+    if (limitReached || customizeDisabled)
+      return;
+    setIsEditing(true);
+    setEditValue(parsePathSuffix(copyString));
+    setValidationError(null);
+  }
+  function onEditValueChange(value) {
+    const trimmed = value.slice(0, CHARACTER_LIMIT);
+    setEditValue(trimmed);
+    setValidationError(null);
+    if (debounceTimerRef.current)
+      clearTimeout(debounceTimerRef.current);
+    if (!trimmed) {
+      setIsValidating(false);
+      return;
+    }
+    setIsValidating(true);
+    debounceTimerRef.current = setTimeout(async () => {
+      // TODO: Call actual validation query when backend is ready
+      // Example: const result = await validateLinkCode({ linkCode: trimmed, programId });
+      // if (!result?.validateShareLinkCode?.valid) {
+      //   setValidationError(mapErrorCodeToInfo(result.validateShareLinkCode.errorCode));
+      // }
+      setIsValidating(false);
+    }, 2000);
+  }
+  async function onSave() {
+    var _a, _b;
+    if (!editValue || validationError || isValidating)
+      return;
+    try {
+      await addShareLinkCode({
+        addShareLinkCodeInput: {
+          userId: user === null || user === void 0 ? void 0 : user.id,
+          accountId: user === null || user === void 0 ? void 0 : user.accountId,
+          programId,
+          linkCode: editValue,
+        },
+      });
+      setIsEditing(false);
+      setShowSuccess(true);
+      await refetch();
+      setTimeout(() => setShowSuccess(false), 3000);
+    }
+    catch (e) {
+      const errorCode = (_a = e === null || e === void 0 ? void 0 : e.extensions) === null || _a === void 0 ? void 0 : _a.code;
+      setValidationError((_b = mapErrorCodeToInfo(errorCode)) !== null && _b !== void 0 ? _b : {
+        code: null,
+        title: "Error",
+        description: (e === null || e === void 0 ? void 0 : e.message) || "Failed to save custom link. Please try again.",
+      });
+    }
+  }
+  function onCancel() {
+    setIsEditing(false);
+    setEditValue("");
+    setValidationError(null);
+    setIsValidating(false);
+  }
+  return {
+    copyTextViewProps: {
+      ...props,
+      onClick,
+      open,
+      copyString,
+    },
+    customizeUrl: props.customizeUrl,
+    customizeLinkLabel: props.customizeLinkLabel,
+    saveLabelText: props.saveLabelText,
+    cancelLabelText: props.cancelLabelText,
+    successMessage: props.successMessage,
+    isEditing,
+    editValue,
+    domainPrefix,
+    editsRemaining,
+    maxEdits: MAX_EDITS,
+    limitReached,
+    validationError,
+    isValidating,
+    isSaving,
+    showSuccess,
+    characterLimit: CHARACTER_LIMIT,
+    charactersRemaining: CHARACTER_LIMIT - editValue.length,
+    editLimitText: props.editLimitText,
+    editLimitReachedText: props.editLimitReachedText,
+    supportLinkText: props.supportLinkText,
+    customizeDisabled,
+    customizeDisabledTooltip: props.customizeDisabledTooltip,
+    onCustomizeClick,
+    onEditValueChange,
+    onSave,
+    onCancel,
+  };
 }
 
 const style$9 = {
@@ -4322,7 +4687,7 @@ const style$9 = {
   },
   ErrorStyle: ErrorStyles,
 };
-const vanillaStyle$6 = `
+const vanillaStyle$7 = `
 sqm-portal-register {
   margin: 0 auto;
   width: 100%;
@@ -4354,7 +4719,7 @@ function LeadFormView(props) {
   return (h(Fragment, null,
     states.success && (h("div", { class: sheet$9.classes.Wrapper, part: "sqm-base" },
       h("style", { type: "text/css" },
-        vanillaStyle$6,
+        vanillaStyle$7,
         styleString$9),
       h(TextSpanView, { type: "h3" }, content.pageLabel),
       h("sqm-form-message", { loading: states.loading, exportparts: "success-icon" },
@@ -4364,7 +4729,7 @@ function LeadFormView(props) {
       h("sl-button", { class: sheet$9.classes.ContinueButton, onClick: callbacks.resetForm, loading: states.loading, exportparts: "base: primarybutton-base", type: "default" }, content.resubmitFormLabel))),
     h("div", { class: sheet$9.classes.Wrapper, part: "sqm-base", style: { display: states.success ? "none" : "block" } },
       h("style", { type: "text/css" },
-        vanillaStyle$6,
+        vanillaStyle$7,
         styleString$9),
       h(TextSpanView, { type: "h3" }, content.pageLabel),
       h("sl-form", { class: sheet$9.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
@@ -4417,7 +4782,7 @@ const style$a = {
     "margin-bottom": "var(--sl-spacing-large)",
   },
 };
-const vanillaStyle$7 = `
+const vanillaStyle$8 = `
 :host {
   margin: 0 auto;
   width: 100%;
@@ -4446,7 +4811,7 @@ function LeadDropdownFieldView(props) {
   });
   return (h("div", { class: sheet$a.classes.FieldContainer, part: "sqm-base" },
     h("style", { type: "text/css" },
-      vanillaStyle$7,
+      vanillaStyle$8,
       styleString$a),
     h("sl-select", Object.assign({ style: { maxHeight: "100px" }, exportparts: "label: input-label, base: input-base", label: `${content.dropdownLabel}${content.dropdownOptional ? ` ${content.optionalLabel}` : ""}`, name: `/${content.dropdownName}`, multiple: content.multiple }, (!content.dropdownOptional ? { required: true } : []), { disabled: ((_b = states.leadFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
         if (!value && !content.dropdownOptional) {
@@ -4463,94 +4828,6 @@ function LeadDropdownFieldView(props) {
     })))));
 }
 
-const style$b = {
-  Dialog: {
-    "&::part(panel)": {
-      maxWidth: "480px",
-    },
-    "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
-      fontWeight: "600",
-      padding: "var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
-    },
-    "&::part(body)": {
-      padding: "var(--sl-spacing-small) var(--sl-spacing-x-large)",
-      fontSize: "var(--sl-font-size-small)",
-      overflow: "visible",
-    },
-    "&::part(footer)": {
-      display: "flex",
-      flexDirection: "column",
-      gap: "var(--sl-spacing-small)",
-      padding: "var(--sl-spacing-small) var(--sl-spacing-x-large) var(--sl-spacing-x-large)",
-    },
-    "&::part(overlay)": {
-      background: "rgba(0, 0, 0, 0.5)",
-    },
-    "&::part(close-button)": {
-      display: "none",
-    },
-  },
-  FormFields: {
-    display: "flex",
-    gap: "var(--sl-spacing-medium)",
-    marginTop: "var(--sl-spacing-medium)",
-    "& > *": {
-      flex: 1,
-    },
-  },
-  ErrorMessage: {
-    color: "var(--sqm-danger-color-text, #d32f2f)",
-    fontSize: "var(--sl-font-size-small)",
-    marginTop: "var(--sl-spacing-x-small)",
-  },
-  SearchInput: {
-    "&::part(base)": {
-      border: "none",
-      borderBottom: "1px solid var(--sl-color-neutral-300)",
-      borderRadius: "0",
-    },
-  },
-};
-function PartnerInfoModalView(props) {
-  var _a, _b;
-  const { states, callbacks, text } = props;
-  const sheet = createStyleSheet(style$b);
-  const styleString = sheet.toString();
-  const description = states.isExistingPartner
-    ? text.descriptionExistingPartner
-    : text.descriptionNewPartner;
-  const buttonLabel = states.isExistingPartner
-    ? text.confirmButtonLabel
-    : text.submitButtonLabel;
-  return (h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: false, label: intl.formatMessage({
-      id: "modalBrandHeader",
-      defaultMessage: text.modalBrandHeader,
-    }, { brandName: states.brandName }), "onSl-request-close": (e) => {
-      e.preventDefault();
-    }, "onSl-hide": (e) => {
-      var _a;
-      // Prevent closing when clicking outside the dialog but not dropdowns
-      if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
-        e.preventDefault();
-      }
-    } },
-    h("style", { type: "text/css" }, styleString),
-    h("p", null, description),
-    h("div", { class: sheet.classes.FormFields },
-      h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.countryLabel, value: states.countryCode, disabled: states.submitting, required: true, "onSl-select": callbacks.onCountryChange },
-        h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => { var _a; return callbacks.onCountrySearch(((_a = e.target) === null || _a === void 0 ? void 0 : _a.value) || ""); } }), (_a = states.filteredCountries) === null || _a === void 0 ? void 0 :
-        _a.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName)))),
-      h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting, required: true, "onSl-select": callbacks.onCurrencyChange },
-        h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCurrencyPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => { var _a; return callbacks.onCurrencySearch(((_a = e.target) === null || _a === void 0 ? void 0 : _a.value) || ""); } }), (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 :
-        _b.map((c) => (h("sl-menu-item", { value: c.currencyCode },
-          c.currencyCode,
-          " - ",
-          c.displayName))))),
-    states.error && h("p", { class: sheet.classes.ErrorMessage }, states.error),
-    h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting || !states.countryCode || !states.currency, onClick: callbacks.onSubmit, style: { width: "100%" }, exportparts: "base: primarybutton-base" }, buttonLabel)));
-}
-
 const map = new Map();
 function withShadowView(component) {
   // TODO: Could only do this if rendered in a Stencilbook environment to prevent unintended side-effects
@@ -4585,4 +4862,4 @@ const ShadowViewAddon = ({ story }, children) => {
     h(TagName, { "stencilbook-shadow-view": randomInt })));
 };
 
-export { empty as A, BigStatView as B, CardFeedView as C, DropdownFieldView as D, EditProfileView as E, rewardExchange as F, useShareButton as G, HeroView as H, InputFieldView as I, useShareLink as J, ProgressBarView as K, LeaderboardView as L, ProgressBar as M, NameFieldsView as N, LeadFormView as O, PortalChangePasswordView as P, LeadDropdownFieldView as Q, ReferralIframeView as R, StatContainerView as S, TaskCardView as T, PartnerInfoModalView as U, ShadowViewAddon as V, useBigStat as W, withShadowView as X, demoRewardExchange as Y, ShareButtonView as a, PoweredByImg as b, BaseRegistrationFormView as c, CheckboxFieldView as d, CouponCodeView as e, ChangeMarktingView as f, PortalFooterView as g, PortalFrameView as h, RewardExchangeView as i, rewardExchangeLongText as j, rewardExchangeSelected as k, chooseAmountFixed as l, chooseAmountFixedNoDescription as m, chooseAmountVariable as n, chooseAmountVariableNoDescription as o, chooseAmountVariableDisabled as p, chooseAmountVariableUnavailable as q, rewardExchangeCustomErrorMsg as r, confirmFixed as s, confirmVariable as t, useDemoBigStat as u, redemptionError as v, queryError as w, success as x, successVariable as y, loading as z };
+export { empty as A, BigStatView as B, CardFeedView as C, DropdownFieldView as D, EditProfileView as E, rewardExchange as F, useShareButton as G, HeroView as H, InputFieldView as I, ShareLinkView as J, useShareLink as K, LeaderboardView as L, ProgressBarView as M, NameFieldsView as N, ProgressBar as O, PortalChangePasswordView as P, LeadFormView as Q, ReferralIframeView as R, StatContainerView as S, TaskCardView as T, LeadDropdownFieldView as U, ShadowViewAddon as V, useBigStat as W, withShadowView as X, demoRewardExchange as Y, ShareButtonView as a, PoweredByImg as b, BaseRegistrationFormView as c, CheckboxFieldView as d, CouponCodeView as e, ChangeMarktingView as f, PortalFooterView as g, PortalFrameView as h, RewardExchangeView as i, rewardExchangeLongText as j, rewardExchangeSelected as k, chooseAmountFixed as l, chooseAmountFixedNoDescription as m, chooseAmountVariable as n, chooseAmountVariableNoDescription as o, chooseAmountVariableDisabled as p, chooseAmountVariableUnavailable as q, rewardExchangeCustomErrorMsg as r, confirmFixed as s, confirmVariable as t, useDemoBigStat as u, redemptionError as v, queryError as w, success as x, successVariable as y, loading as z };