@saasquatch/mint-components 2.1.9-11 → 2.1.9-12

package/dist/esm/sqm-widget-verification.entry.js

@@ -1,356 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-d9876cd5.js';
-import { i as useState, j as useEffect, o as h } from './dom-context-hooks.module-8411297a.js';
-import { d as dist, J, I as In, r as En, X as Xe, i as isDemo } from './index.module-76b0705d.js';
-import './jss-preset-default.esm-c36417f8.js';
-import { c as createStyleSheet } from './JSS-8c381d8b.js';
-import { g as getProps } from './utils-61821fb1.js';
-import { c as cjs } from './cjs-e829b75b.js';
-import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
-import { p as parseStates } from './parseStates-ed75e224.js';
-import { e as extractProps } from './extractProps-ae1afbb3.js';
-
-const USER_LOOKUP = dist.gql `
-  query checkUserVerification {
-    viewer {
-      ... on User {
-        id
-        accountId
-        email
-        emailVerified
-        managedIdentity {
-          email
-          emailVerified
-        }
-        impactConnection {
-          connected
-        }
-      }
-    }
-  }
-`;
-function useWidgetVerification() {
-  const userIdentity = J();
-  const [showCode, setShowCode] = In({
-    namespace: SHOW_CODE_NAMESPACE,
-    initialValue: false,
-  });
-  const [email, setEmail] = In({
-    namespace: VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
-  });
-  const setContext = En(VERIFICATION_PARENT_NAMESPACE);
-  const [loading, setLoading] = useState(true);
-  const [showPartnerModal, setShowPartnerModal] = useState(false);
-  const [fetch] = Xe(USER_LOOKUP);
-  useEffect(() => {
-    const checkUser = async () => {
-      var _a, _b, _c, _d, _e;
-      try {
-        const res = await fetch({});
-        if (!res || res instanceof Error)
-          throw new Error();
-        // Flow changed to send email -> verify code -> show early partner creation modal
-        const emailVerified = ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified);
-        const isConnected = (_e = (_d = res === null || res === void 0 ? void 0 : res.viewer) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.connected;
-        if (isConnected) {
-          // Partner already created, show widget content
-          setContext(true);
-        }
-        else if (emailVerified) {
-          // Email verified but no partner yet, show partner modal
-          setShowPartnerModal(true);
-        }
-      }
-      catch (e) {
-        console.error("Could not fetch user information:", e);
-      }
-      finally {
-        setLoading(false);
-      }
-    };
-    checkUser();
-  }, []);
-  const onVerification = () => {
-    setShowPartnerModal(true);
-  };
-  const onPartnerModalComplete = () => {
-    setShowPartnerModal(false);
-    setContext(true);
-  };
-  return { showCode, showPartnerModal, onVerification, onPartnerModalComplete, loading };
-}
-
-const WidgetVerification = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    // ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification AND sqm-partner-info-modal
-    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                    GENERAL PROPS
-      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-    /**
-     * @uiName General verify widget header text
-     * @uiGroup General Text
-     */
-    this.general_verifyEmailHeader = "Verify your email";
-    /**
-     * @uiName General verify widget description text
-     * @uiGroup General Text
-     */
-    this.general_verifyEmailDescription = "To get your cash paid out directly to your bank account, please complete your account setup";
-    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                    EMAIL STEP PROPS
-      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-    /**
-     * @uiName Verify email widget header text
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
-    /**
-     * @uiName Send code to email alert header
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_sendCodeErrorHeader = "There was an error sending your code.";
-    /**
-     * @uiName Send code to email alert description
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_sendCodeErrorDescription = "Please try again. If this problem continues, contact our program support team.";
-    /**
-     * @uiName Email input label
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_emailLabel = "Email";
-    /**
-     * @uiName Send code button text
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_sendCodeText = "Send code";
-    /**
-     * @uiName Send code button text
-     * @uiGroup Email Verification Step
-     */
-    this.emailStep_emailValidationErrorText = "Please enter a valid email";
-    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                    CODE STEP PROPS
-      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-    /**
-     * @uiName Verify code widget header text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_verifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
-    /**
-     * @uiName Reverify code widget header text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_reverifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
-    /**
-     * Text displayed under verify button
-     * @uiName Resend code text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_resendCodeText = "Didn't receive your code? {resendCodeLink}";
-    /**
-     * The link that appears in the resend code link
-     * @uiName Resend code label
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_resendCodeLabel = "Resend code";
-    /**
-     * Link text displayed under verify button
-     * @uiName Resend code text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_codeResentSuccessfullyText = "Another code has been sent to {email}";
-    /**
-     * Error text displayed under verification input
-     * @uiName Invalid code text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_invalidCodeText = "Please check your code and try again. If you’re still having trouble, try resending your code.";
-    /**
-     * @uiName Verify code button text
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_verifyText = "Verify";
-    /**
-     * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
-     * @uiName Network error message
-     * @uiGroup Code Verification Step
-     */
-    this.codeStep_networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-                    PARTNER CREATION STEP PROPS
-      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-    /**
-     * @uiName New partner header
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_modalHeader = "Let's get you ready for rewards";
-    /**
-     * @uiName Existing partner header
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_modalHeaderExistingPartner = "We found an existing account";
-    /**
-     * @uiName New partner description
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_descriptionNewPartner = "Confirm your country and currency now to get your future rewards faster.";
-    /**
-     * @uiName Existing partner description
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_descriptionExistingPartner = "We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.";
-    /**
-     * @uiName Existing partner support description
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_supportDescriptionExistingPartner = "If this is a mistake, please contact Support or sign up for this referral program with a different email.";
-    /**
-     * @uiName Country label
-     * @uiGroup Partner Creation Step
-     */
-    this.createPartnerStep_countryLabel = "Country";
-    /**
-     * @uiName Currency label
-     * @uiGroup Partner Creation Step
-     */
-    this.createPartnerStep_currencyLabel = "Currency";
-    /**
-     * @uiName Submit button label
-     * @uiGroup Partner Creation Step
-     */
-    this.createPartnerStep_submitButtonLabel = "Submit";
-    /**
-     * @uiName Confirm button label
-     * @uiGroup Partner Creation Step
-     */
-    this.createPartnerStep_confirmButtonLabel = "Confirm";
-    /**
-     * @uiName Search country placeholder
-     * @uiGroup Partner Creation Step
-     */
-    this.createPartnerStep_searchCountryPlaceholder = "Search for a country";
-    /**
-     * @uiName Search currency placeholder
-     * @uiGroup Partner Creation Step
-     */
-    this.createPartnerStep_searchCurrencyPlaceholder = "Search for a currency";
-    /**
-     * @uiName Network error text
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_networkErrorText = "An error occurred. Please try again.";
-    /**
-     * @uiName Missing fields error text
-     * @uiGroup Partner Creation Step
-     * @uiWidget textArea
-     */
-    this.createPartnerStep_missingFieldsErrorText = "Please select both a country and currency.";
-    /**
-     * @undocumented
-     * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
-     * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
-     * @componentState { "title": "Step 3: Create Partner", "props": { "showPartnerModal": true }, "dependencies": ["sqm-partner-info-modal"], "uiGroup": "Partner Creation Step" }
-     */
-    this.stateController = "{}";
-    h(this);
-  }
-  disconnectedCallback() { }
-  getStepTextProps(prefix) {
-    const props = getProps(this);
-    return extractProps(props, prefix);
-  }
-  render() {
-    const props = isDemo()
-      ? useDemoWidgetVerificationInternal(this)
-      : useWidgetVerification();
-    if (props.loading)
-      return h$1("sl-spinner", null);
-    const style = {
-      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: "0 var(--sl-spacing-x-large)",
-          fontSize: "var(--sl-font-size-small)",
-          overflow: "visible",
-        },
-        "&::part(footer)": {
-          display: "flex",
-          flexDirection: "column",
-          gap: "var(--sl-spacing-small)",
-        },
-        "&::part(overlay)": {
-          background: "rgba(0, 0, 0, 0.5)",
-        },
-        "&::part(close-button)": {
-          display: "none",
-        },
-      },
-    };
-    const sheet = createStyleSheet(style);
-    const styleString = sheet.toString();
-    const generalText = this.getStepTextProps("general_");
-    const partnerText = this.getStepTextProps("createPartnerStep_");
-    const dialogLabel = props.showPartnerModal
-      ? partnerText.modalHeader
-      : generalText.verifyEmailHeader;
-    const renderStepContent = () => {
-      if (props.showPartnerModal) {
-        return (h$1("sqm-partner-info-modal", Object.assign({ embedded: true }, partnerText)));
-      }
-      if (props.showCode) {
-        return (h$1("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps(props, "sqm-code-verification_"))));
-      }
-      return (h$1("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps(props, "sqm-email-verification_"))));
-    };
-    return (h$1("div", null, h$1("style", { type: "text/css" }, styleString), h$1("sl-dialog", { class: sheet.classes.Dialog, noHeader: false, open: true, label: dialogLabel, "onSl-request-close": (e) => {
-        e.preventDefault();
-      }, "onSl-hide": (e) => {
-        var _a;
-        if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
-          e.preventDefault();
-        }
-      } }, renderStepContent())));
-  }
-};
-function useDemoWidgetVerificationInternal(props) {
-  const [showCode, setShowCode] = In({
-    namespace: SHOW_CODE_NAMESPACE,
-    initialValue: false,
-  });
-  const [email, setEmail] = In({
-    namespace: VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: undefined,
-  });
-  const setContext = En(VERIFICATION_PARENT_NAMESPACE);
-  const states = parseStates(props.stateController);
-  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-widget-verification"
-    ? { ...prev, ...states[key] }
-    : { ...prev, [`${key}_stateController`]: states[key] }, {});
-  const onVerification = () => {
-    setContext(true);
-  };
-  return cjs({
-    showCode,
-    showPartnerModal: false,
-    onVerification,
-    onPartnerModalComplete: () => { },
-    loading: false,
-  }, formatted || {}, { arrayMerge: (_, a) => a });
-}
-
-export { WidgetVerification as sqm_widget_verification };

package/dist/esm-es5/sqm-partner-info-modal-view-74328f70.js

@@ -1 +0,0 @@
-import{h}from"./index-38ad4957.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";var style={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:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)"},"&::part(overlay)":{background:"rgba(0, 0, 0, 0.5)"},"&::part(close-button)":{display:"none"}},FormFields:{display:"flex",flexDirection:"column",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"}},DescriptionContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-small)","& > p":{margin:"0"}}};function PartnerInfoModalContent(e){var r,a;var t=e.states,n=e.callbacks,l=e.text;var s=createStyleSheet(style);var o=s.toString();var i=t.isExistingPartner?h("div",{class:s.classes.DescriptionContainer},h("p",null,l.descriptionExistingPartner),h("p",null,l.supportDescriptionExistingPartner)):h("p",null," ",l.descriptionNewPartner);var c=t.isExistingPartner?l.confirmButtonLabel:l.submitButtonLabel;return[h("style",{type:"text/css"},o),i,h("div",{class:s.classes.FormFields},h("sl-select",{key:"country-"+t.countryCode,exportparts:"label: input-label, base: input-base",label:l.countryLabel,value:t.countryCode,disabled:t.submitting||!!t.isExistingPartner,required:true,"onSl-select":n.onCountryChange},h("sl-input",{class:s.classes.SearchInput,placeholder:l.searchCountryPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var r;n.setCountrySearch((r=e.target)===null||r===void 0?void 0:r.value)}}),(r=t.filteredCountries)===null||r===void 0?void 0:r.map((function(e){return h("sl-menu-item",{value:e.countryCode},e.displayName)}))),h("sl-select",{key:"currency-"+t.currency,exportparts:"label: input-label, base: input-base",label:l.currencyLabel,value:t.currency,disabled:t.submitting||!!t.isExistingPartner,required:true,"onSl-select":n.onCurrencyChange},h("sl-input",{class:s.classes.SearchInput,placeholder:l.searchCurrencyPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var r;return n.setCurrencySearch((r=e.target)===null||r===void 0?void 0:r.value)}}),(a=t.filteredCurrencies)===null||a===void 0?void 0:a.map((function(e){return h("sl-menu-item",{value:e.currencyCode},e.currencyCode)})))),t.error&&h("p",{class:s.classes.ErrorMessage},t.error),h("sl-button",{slot:"footer",type:"primary",loading:t.submitting,disabled:t.submitting||!t.countryCode||!t.currency,onClick:n.onSubmit,style:{width:"100%"},exportparts:"base: primarybutton-base"},c)]}function PartnerInfoModalView(e){var r=e.states,a=e.text;var t=createStyleSheet(style);console.log(r,"partner info modal states");if(!r.open)return h("div",null);return h("sl-dialog",{class:t.classes.Dialog,open:r.open,noHeader:false,label:r.isExistingPartner?a.modalHeaderExistingPartner:a.modalHeader,"onSl-request-close":function(e){e.preventDefault()},"onSl-hide":function(e){var r;if(((r=e.target)===null||r===void 0?void 0:r.tagName)==="SL-DIALOG"){e.preventDefault()}}},h(PartnerInfoModalContent,Object.assign({},e)))}export{PartnerInfoModalView as P,PartnerInfoModalContent as a};

package/dist/esm-es5/sqm-widget-verification.entry.js

@@ -1 +0,0 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++){r=arguments[t];for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))e[n]=r[n]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,t,a){function n(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,i){function o(e){try{c(a.next(e))}catch(e){i(e)}}function s(e){try{c(a["throw"](e))}catch(e){i(e)}}function c(e){e.done?t(e.value):n(e.value).then(o,s)}c((a=a.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,n,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(r){return c([e,r])}}function c(o){if(a)throw new TypeError("Generator is already executing.");while(t)try{if(a=1,n&&(i=o[0]&2?n["return"]:o[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;if(n=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){t.label=o[1];break}if(o[0]===6&&t.label<i[1]){t.label=i[1];i=o;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(o);break}if(i[2])t.ops.pop();t.trys.pop();continue}o=r.call(e,t)}catch(e){o=[6,e];n=0}finally{a=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-d9876cd5.js";import{i as useState,j as useEffect,o as h}from"./dom-context-hooks.module-8411297a.js";import{d as dist,J,I as In,r as En,X as Xe,i as isDemo}from"./index.module-76b0705d.js";import"./jss-preset-default.esm-c36417f8.js";import{c as createStyleSheet}from"./JSS-8c381d8b.js";import{g as getProps}from"./utils-61821fb1.js";import{c as cjs}from"./cjs-e829b75b.js";import{S as SHOW_CODE_NAMESPACE,a as VERIFICATION_EMAIL_NAMESPACE,V as VERIFICATION_PARENT_NAMESPACE}from"./keys-db1897ae.js";import{p as parseStates}from"./parseStates-ed75e224.js";import{e as extractProps}from"./extractProps-ae1afbb3.js";var USER_LOOKUP=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query checkUserVerification {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        emailVerified\n        managedIdentity {\n          email\n          emailVerified\n        }\n        impactConnection {\n          connected\n        }\n      }\n    }\n  }\n"],["\n  query checkUserVerification {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        emailVerified\n        managedIdentity {\n          email\n          emailVerified\n        }\n        impactConnection {\n          connected\n        }\n      }\n    }\n  }\n"])));function useWidgetVerification(){var e=this;var r=J();var t=In({namespace:SHOW_CODE_NAMESPACE,initialValue:false}),a=t[0],n=t[1];var i=In({namespace:VERIFICATION_EMAIL_NAMESPACE,initialValue:r===null||r===void 0?void 0:r.email}),o=i[0],s=i[1];var c=En(VERIFICATION_PARENT_NAMESPACE);var l=useState(true),u=l[0],d=l[1];var f=useState(false),p=f[0],m=f[1];var h=Xe(USER_LOOKUP)[0];useEffect((function(){var r=function(){return __awaiter(e,void 0,void 0,(function(){var e,r,t,a,n,i,o,s,l;return __generator(this,(function(u){switch(u.label){case 0:u.trys.push([0,2,3,4]);return[4,h({})];case 1:i=u.sent();if(!i||i instanceof Error)throw new Error;o=((e=i===null||i===void 0?void 0:i.viewer)===null||e===void 0?void 0:e.emailVerified)||((t=(r=i===null||i===void 0?void 0:i.viewer)===null||r===void 0?void 0:r.managedIdentity)===null||t===void 0?void 0:t.emailVerified);s=(n=(a=i===null||i===void 0?void 0:i.viewer)===null||a===void 0?void 0:a.impactConnection)===null||n===void 0?void 0:n.connected;if(s){c(true)}else if(o){m(true)}return[3,4];case 2:l=u.sent();console.error("Could not fetch user information:",l);return[3,4];case 3:d(false);return[7];case 4:return[2]}}))}))};r()}),[]);var v=function(){m(true)};var g=function(){m(false);c(true)};return{showCode:a,showPartnerModal:p,onVerification:v,onPartnerModalComplete:g,loading:u}}var WidgetVerification=function(){function e(e){registerInstance(this,e);this.general_verifyEmailHeader="Verify your email";this.general_verifyEmailDescription="To get your cash paid out directly to your bank account, please complete your account setup";this.emailStep_verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.emailStep_sendCodeErrorHeader="There was an error sending your code.";this.emailStep_sendCodeErrorDescription="Please try again. If this problem continues, contact our program support team.";this.emailStep_emailLabel="Email";this.emailStep_sendCodeText="Send code";this.emailStep_emailValidationErrorText="Please enter a valid email";this.codeStep_verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.codeStep_reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.codeStep_resendCodeText="Didn't receive your code? {resendCodeLink}";this.codeStep_resendCodeLabel="Resend code";this.codeStep_codeResentSuccessfullyText="Another code has been sent to {email}";this.codeStep_invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.";this.codeStep_verifyText="Verify";this.codeStep_networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.";this.createPartnerStep_modalHeader="Let's get you ready for rewards";this.createPartnerStep_modalHeaderExistingPartner="We found an existing account";this.createPartnerStep_descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.";this.createPartnerStep_descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.";this.createPartnerStep_supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.";this.createPartnerStep_countryLabel="Country";this.createPartnerStep_currencyLabel="Currency";this.createPartnerStep_submitButtonLabel="Submit";this.createPartnerStep_confirmButtonLabel="Confirm";this.createPartnerStep_searchCountryPlaceholder="Search for a country";this.createPartnerStep_searchCurrencyPlaceholder="Search for a currency";this.createPartnerStep_networkErrorText="An error occurred. Please try again.";this.createPartnerStep_missingFieldsErrorText="Please select both a country and currency.";this.stateController="{}";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getStepTextProps=function(e){var r=getProps(this);return extractProps(r,e)};e.prototype.render=function(){var e=this;var r=isDemo()?useDemoWidgetVerificationInternal(this):useWidgetVerification();if(r.loading)return h$1("sl-spinner",null);var t={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:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)"},"&::part(overlay)":{background:"rgba(0, 0, 0, 0.5)"},"&::part(close-button)":{display:"none"}}};var a=createStyleSheet(t);var n=a.toString();var i=this.getStepTextProps("general_");var o=this.getStepTextProps("createPartnerStep_");var s=r.showPartnerModal?o.modalHeader:i.verifyEmailHeader;var c=function(){if(r.showPartnerModal){return h$1("sqm-partner-info-modal",Object.assign({embedded:true},o))}if(r.showCode){return h$1("sqm-code-verification",Object.assign({onVerification:r.onVerification},e.getStepTextProps("codeStep_"),extractProps(r,"sqm-code-verification_")))}return h$1("sqm-email-verification",Object.assign({},e.getStepTextProps("emailStep_"),extractProps(r,"sqm-email-verification_")))};return h$1("div",null,h$1("style",{type:"text/css"},n),h$1("sl-dialog",{class:a.classes.Dialog,noHeader:false,open:true,label:s,"onSl-request-close":function(e){e.preventDefault()},"onSl-hide":function(e){var r;if(((r=e.target)===null||r===void 0?void 0:r.tagName)==="SL-DIALOG"){e.preventDefault()}}},c()))};return e}();function useDemoWidgetVerificationInternal(e){var r=In({namespace:SHOW_CODE_NAMESPACE,initialValue:false}),t=r[0],a=r[1];var n=In({namespace:VERIFICATION_EMAIL_NAMESPACE,initialValue:undefined}),i=n[0],o=n[1];var s=En(VERIFICATION_PARENT_NAMESPACE);var c=parseStates(e.stateController);var l=Object.keys(c).reduce((function(e,r){var t;return r==="sqm-widget-verification"?__assign(__assign({},e),c[r]):__assign(__assign({},e),(t={},t[r+"_stateController"]=c[r],t))}),{});var u=function(){s(true)};return cjs({showCode:t,showPartnerModal:false,onVerification:u,onPartnerModalComplete:function(){},loading:false},l||{},{arrayMerge:function(e,r){return r}})}export{WidgetVerification as sqm_widget_verification};var templateObject_1;