@saasquatch/mint-components 2.2.0-3 → 2.2.0-4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/sqm-big-stat_46.cjs.entry.js +10 -0
- package/dist/cjs/sqm-email-verification_2.cjs.entry.js +28 -10
- package/dist/collection/components/sqm-widget-verification/sqm-email-verification/useEmailVerification.js +29 -11
- package/dist/collection/components/sqm-widget-verification/useWidgetVerification.js +11 -1
- package/dist/esm/{keys-d7c5c851.js → keys-1054056a.js} +1 -1
- package/dist/esm/sqm-banking-info-form_10.entry.js +1 -1
- package/dist/esm/sqm-big-stat_46.entry.js +11 -1
- package/dist/esm/sqm-code-verification.entry.js +1 -1
- package/dist/esm/sqm-email-verification_2.entry.js +30 -12
- package/dist/esm/sqm-widget-verification-controller.entry.js +1 -1
- package/dist/esm-es5/{keys-d7c5c851.js → keys-1054056a.js} +1 -1
- package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
- package/dist/esm-es5/sqm-big-stat_46.entry.js +1 -1
- package/dist/esm-es5/sqm-code-verification.entry.js +1 -1
- package/dist/esm-es5/sqm-email-verification_2.entry.js +1 -1
- package/dist/esm-es5/sqm-widget-verification-controller.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/{p-fe944f94.system.entry.js → p-121119ac.system.entry.js} +1 -1
- package/dist/mint-components/{p-45d7412b.entry.js → p-155963e0.entry.js} +7 -7
- package/dist/mint-components/p-1c413a06.system.js +1 -1
- package/dist/mint-components/p-39d9a60a.system.entry.js +1 -0
- package/dist/mint-components/p-4691e9d5.system.js +1 -0
- package/dist/mint-components/{p-1bff74c0.js → p-4f9dc974.js} +1 -1
- package/dist/mint-components/{p-440d3788.entry.js → p-608de854.entry.js} +1 -1
- package/dist/mint-components/{p-ecdbe09b.system.entry.js → p-747b3040.system.entry.js} +1 -1
- package/dist/mint-components/{p-6d15ce09.system.entry.js → p-81e622bd.system.entry.js} +1 -1
- package/dist/mint-components/{p-d43c728e.entry.js → p-8e66e608.entry.js} +2 -2
- package/dist/mint-components/{p-70a90ad8.system.entry.js → p-c0cf8d32.system.entry.js} +1 -1
- package/dist/mint-components/{p-a67f2ccf.entry.js → p-c945c366.entry.js} +1 -1
- package/dist/mint-components/{p-36b91873.entry.js → p-fe5a6bbe.entry.js} +2 -2
- package/docs/docs.docx +0 -0
- package/package.json +1 -1
- package/dist/mint-components/p-4c47beb0.system.js +0 -1
- package/dist/mint-components/p-7caaeaf2.system.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,c as i}from"./p-083180bf.js";import{b as r,n as s,k as n,f as o}from"./p-a7fc1e02.js";import{I as a,b as d,i as c}from"./p-d20188db.js";import{V as l}from"./p-
|
|
1
|
+
import{r as e,h as t,c as i}from"./p-083180bf.js";import{b as r,n as s,k as n,f as o}from"./p-a7fc1e02.js";import{I as a,b as d,i as c}from"./p-d20188db.js";import{V as l}from"./p-4f9dc974.js";const f=r("sq:widget-verification"),p=class{constructor(t){e(this,t),this.stateController="{}",s(this)}disconnectedCallback(){}render(){var e;const[r,s]=a({namespace:l,initialValue:!1}),p=JSON.parse(this.stateController),v=c()&&(null===(e=p["sqm-widget-verification-controller"])||void 0===e?void 0:e.isAuth),[u,m]=n(void 0),[b,x]=n(void 0),h=d((()=>{const e=v||r,t=b.querySelectorAll("template"),i=Array.from(t).find((t=>t.slot===(e?"verified":"not-verified")));if(i){const e=i.innerHTML||i.firstElementChild.outerHTML;e===u.innerHTML?f("don't rerender"):i&&(u.innerHTML=e)}const s=Array.from(b.children).filter((e=>"RAISINS-PLOP-TARGET"===e.tagName));if(s.length){const t=s.filter((e=>"verified"===e.slot)),i=s.filter((e=>"not-verified"===e.slot));i.forEach(((t,r)=>{e?t.style.display="none":(r===i.length-1&&(t.style.bottom="0px",t.style.left="0px",t.style.right="0px",t.style.position="absolute"),t.style.height="25px")})),t.forEach(((i,r)=>{e?(r===t.length-1&&(i.style.bottom="0px",i.style.left="0px",i.style.right="0px",i.style.position="absolute"),i.style.height="25px"):i.style.display="none"}))}}),[u,b,r,v]);return o((()=>{if(u&&b)return h(),function({parent:e,callback:t}){const i=new MutationObserver(s),r=new MutationObserver(t);function s(e){var t;null===(t=e.addedNodes)||void 0===t||t.forEach((e=>{r.observe(e.content,{childList:!0,attributes:!0,subtree:!0})}))}return i.observe(e,{childList:!0,subtree:!1}),s({addedNodes:e.querySelectorAll("template")}),()=>{i.disconnect(),r.disconnect()}}({parent:b,callback:h});f("DOM not ready:")}),[b,u,r,v]),t(i,null,t("div",{ref:x,style:{display:"contents"}},t("slot",{name:"not-verified"}),t("slot",{name:"verified"})),t("div",{ref:m},t("slot",{name:"shown"})))}};export{p as sqm_widget_verification_controller}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as e,r as s}from"./p-083180bf.js";import{i as t}from"./p-438f6702.js";import{l as i,k as a,f as r,n}from"./p-a7fc1e02.js";import{d as o,t as l,F as c,i as d,r as p}from"./p-d20188db.js";import{c as m}from"./p-c1086930.js";import{g as u}from"./p-9ec99ced.js";import{c as f}from"./p-cef45012.js";import{E as h}from"./p-49b20dae.js";import{T as g}from"./p-50d959bd.js";import{
|
|
1
|
+
import{h as e,r as s}from"./p-083180bf.js";import{i as t}from"./p-438f6702.js";import{l as i,k as a,f as r,n}from"./p-a7fc1e02.js";import{d as o,t as l,F as c,i as d,r as p}from"./p-d20188db.js";import{c as m}from"./p-c1086930.js";import{g as u}from"./p-9ec99ced.js";import{c as f}from"./p-cef45012.js";import{E as h}from"./p-49b20dae.js";import{T as g}from"./p-50d959bd.js";import{a as y,S as x,V as v}from"./p-4f9dc974.js";import{u as b}from"./p-0d75a207.js";const C=f({Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",maxWidth:"550px"},HeaderContainer:{display:"flex",flexDirection:"column"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column"},CodeInputContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},CodeInput:{maxWidth:"40px","&::part(base)":{borderRadius:"4px !important"},"&::part(input)":{margin:"0",padding:"0 var(--sl-input-spacing-small)",fontSize:"var(--sl-font-size-large)"}},CodeInputError:{...h,maxWidth:"40px","&::part(base)":{borderRadius:"4px !important"},"&::part(input)":{margin:"0",padding:"0 var(--sl-input-spacing-small)",fontSize:"var(--sl-font-size-large)"}},ErrorText:{color:"var(--sqm-danger-color-text)",fontSize:"var(--sl-font-size-small)",margin:"0"},ContinueButton:{width:"100%"},FooterContainer:{display:"flex",flexDirection:"column"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"}}),k=C.toString();function E(s){const{states:i,refs:a,callbacks:r,text:n}=s,o=t.formatMessage({id:"resendCodeText",defaultMessage:n.resendCodeText},{resendCodeLink:e("a",{href:"",style:{textDecoration:"underline",color:"inherit",cursor:"pointer"},onClick:e=>{e.preventDefault(),r.resendEmail()}},n.resendCodeLabel)}),l=t.formatMessage({id:"codeResentSuccessfully",defaultMessage:n.codeResentSuccessfullyText},{email:i.email}),c=i.verifyFailed?C.classes.CodeInputError:C.classes.CodeInput;return e("div",{part:"sqm-base"},e("style",{type:"text/css"},"\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n\n\n",k),e("div",{class:C.classes.Wrapper},e("div",{class:C.classes.HeaderContainer},e(g,{type:"p"},t.formatMessage({id:"emailHeaderText",defaultMessage:i.verifyFailed?n.reverifyCodeHeaderText:n.verifyCodeHeaderText},{email:i.email}))),i.emailResent&&e("sqm-form-message",{type:"success",exportparts:"successalert-icon"},e("b",null,l)),e("div",{class:C.classes.InputsContainer},e("div",{ref:a.codeWrapperRef,class:C.classes.CodeInputContainer},e("sl-input",{class:c,name:"code"}),e("sl-input",{class:c,name:"code"}),e("sl-input",{class:c,name:"code"}),e("sl-input",{class:c,name:"code"}),e("sl-input",{class:c,name:"code"}),e("sl-input",{class:c,name:"code"})),i.verifyFailed&&e("p",{class:C.classes.ErrorText},n.invalidCodeText),e("div",{class:C.classes.FooterContainer},e(g,{type:"p"},o)),e("sl-button",{class:C.classes.ContinueButton,onClick:r.submitCode,disabled:i.loading||i.initialiseLoading,loading:i.loading||i.initialiseLoading,exportparts:"base: primarybutton-base",type:"primary"},n.verifyText))))}o.gql`
|
|
2
2
|
mutation submitImpactPublisherEmail2FACode(
|
|
3
3
|
$user: UserIdInput!
|
|
4
4
|
$code: String!
|
|
@@ -8,4 +8,4 @@ import{h as e,r as s}from"./p-083180bf.js";import{i as t}from"./p-438f6702.js";i
|
|
|
8
8
|
accessKey
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
|
-
`;const j=class{constructor(e){s(this,e),this.verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.",this.reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.",this.resendCodeText="Didn't receive your code? {resendCodeLink}",this.resendCodeLabel="Resend code",this.codeResentSuccessfullyText="Another code has been sent to {email}",this.invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.",this.verifyText="Verify",this.networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.",n(this)}disconnectedCallback(){}getTextProps(){return u(this)}render(){const s=d()?function(e){const[s,t]=a(!1),i=p(
|
|
11
|
+
`;const j=class{constructor(e){s(this,e),this.verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.",this.reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.",this.resendCodeText="Didn't receive your code? {resendCodeLink}",this.resendCodeLabel="Resend code",this.codeResentSuccessfullyText="Another code has been sent to {email}",this.invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.",this.verifyText="Verify",this.networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.",n(this)}disconnectedCallback(){}getTextProps(){return u(this)}render(){const s=d()?function(e){const[s,t]=a(!1),i=p(v);return m({states:{initialiseLoading:!1,loading:!1,email:"test@example.com",emailResent:s,verifyFailed:!1},refs:{codeWrapperRef:()=>{}},callbacks:{resendEmail:async()=>t(!0),submitCode:async()=>i(!0)},text:e.getTextProps()},e.demoData||{},{arrayMerge:(e,s)=>s})}(this):function(e){i();const[s,t]=l(x),n=c(y),[o,d]=a(!1),[p,m]=a(!1),[u,f]=a(null),[h,g]=a(!1),[v,C]=a(!1),{initialized:k,verificationEmail:E,send:[j,{loading:w,errors:I}],verify:[S,{loading:R,errors:T}]}=b();r((()=>{if(!u)return;const e=u.querySelectorAll("sl-input"),s=Array.from(e).map((e=>e.shadowRoot.querySelector('input[name="code"]')));s.forEach(((e,t)=>{e.addEventListener("focus",(e=>{e.target.select()})),e.addEventListener("keydown",(e=>{"Backspace"===e.key&&""===e.target.value&&s[Math.max(0,t-1)].focus()})),e.addEventListener("input",(e=>{const i=e.data;if(i)if(t!==s.length-1){if(i.length>1){const a=i.slice(1);e.target.value=i.slice(0,1),s[t+1].dispatchEvent(new InputEvent("input",{inputType:"insertFromPaste",data:a}))}s[t+1].focus()}else e.target.value=i.slice(0,1)}))}))}),[u]);const z=async()=>{k&&(await j()?(o&&m(!0),d(!0)):C(!0))};return r((()=>{k&&(n?d(!0):z())}),[k]),{refs:{codeWrapperRef:f},states:{email:E,emailResent:p,resendError:I||T,initialiseLoading:!k,loading:w||R,verifyFailed:!!h},callbacks:{resendEmail:z,submitCode:async()=>{const s=u.querySelectorAll("sl-input"),i=Array.from(s).map((e=>e.shadowRoot.querySelector('input[name="code"]')));if(i.find((e=>!e.value)))return void g(!0);let a="";if(i.forEach((e=>{a=`${a}${e.value}`})),!k)return;g(!1);const r=await S(a);(null==r?void 0:r.success)?(e.onVerification(r.accessKey),t(!1),g(!1)):g(!0)}},text:e.getTextProps()}}(this);return e(E,Object.assign({},s))}};export{j as sqm_code_verification}
|
package/docs/docs.docx
CHANGED
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@saasquatch/mint-components",
|
|
3
3
|
"title": "Mint Components",
|
|
4
|
-
"version": "2.2.0-
|
|
4
|
+
"version": "2.2.0-4",
|
|
5
5
|
"description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
|
|
6
6
|
"icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
|
|
7
7
|
"raisins": "docs/raisins.json",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register([],(function(e){"use strict";return{execute:function(){var r=e("S","sq:code-verification");var i=e("a","sq:show-partner-modal");var t=e("P","sq:partner-created");var a=e("b","sq:verification-email");var c=e("V","sq:verification-context");var n=e("c","sq:code-verified")}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject=this&&this.__makeTemplateObject||function(n,r){if(Object.defineProperty){Object.defineProperty(n,"raw",{value:r})}else{n.raw=r}return n};var __awaiter=this&&this.__awaiter||function(n,r,e,t){function a(n){return n instanceof e?n:new e((function(r){r(n)}))}return new(e||(e=Promise))((function(e,o){function i(n){try{u(t.next(n))}catch(n){o(n)}}function s(n){try{u(t["throw"](n))}catch(n){o(n)}}function u(n){n.done?e(n.value):a(n.value).then(i,s)}u((t=t.apply(n,r||[])).next())}))};var __generator=this&&this.__generator||function(n,r){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},t,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(n){return function(r){return u([n,r])}}function u(i){if(t)throw new TypeError("Generator is already executing.");while(e)try{if(t=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:e.label++;return{value:i[1],done:false};case 5:e.label++;a=i[1];i=[0];continue;case 7:i=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){e=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){e.label=i[1];break}if(i[0]===6&&e.label<o[1]){e.label=o[1];o=i;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(i);break}if(o[2])e.ops.pop();e.trys.pop();continue}i=r.call(n,e)}catch(n){i=[6,n];a=0}finally{t=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var n=0,r=0,e=arguments.length;r<e;r++)n+=arguments[r].length;for(var t=Array(n),a=0,r=0;r<e;r++)for(var o=arguments[r],i=0,s=o.length;i<s;i++,a++)t[a]=o[i];return t};System.register(["./p-641f968d.system.js","./p-64f56cc9.system.js","./p-b6504987.system.js","./p-a8ecdc44.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-379cb9f1.system.js","./p-5e26014d.system.js","./p-43107d85.system.js","./p-4c47beb0.system.js","./p-6f8dde97.system.js","./p-115dfc03.system.js","./p-28e0062c.system.js"],(function(n){"use strict";var r,e,t,a,o,i,s,u,c,l,d,p,m,v,f,b,h,y,g,C,x,w,k,q,_,I,T,E;return{setters:[function(n){r=n.h;e=n.r},function(n){t=n.i},function(n){a=n.k;o=n.f;i=n.n;s=n.u},function(n){u=n.d;c=n.t;l=n.w;d=n.J;p=n.$;m=n.i;v=n.r;f=n.L},function(n){b=n.c},function(n){h=n.g},function(n){y=n.c},function(n){g=n.T},function(n){C=n.g},function(n){x=n.a;w=n.P},function(n){k=n.S;q=n.b;_=n.P},function(n){I=n.T},function(n){T=n.p},function(n){E=n.u}],execute:function(){var P=u.gql(__makeTemplateObject(["\n mutation upsertUser($userInput: UserInput!) {\n upsertUser(userInput: $userInput) {\n id\n accountId\n email\n }\n }\n"],["\n mutation upsertUser($userInput: UserInput!) {\n upsertUser(userInput: $userInput) {\n id\n accountId\n email\n }\n }\n"]));var L=u.gql(__makeTemplateObject(["\n query user {\n viewer {\n ... on User {\n id\n accountId\n email\n impactConnection {\n user {\n id\n email\n }\n }\n }\n }\n }\n"],["\n query user {\n viewer {\n ... on User {\n id\n accountId\n email\n impactConnection {\n user {\n id\n email\n }\n }\n }\n }\n }\n"]));function S(){var n=this;var r=d();var e=p(P),t=e[0],a=e[1],o=a.loading,i=a.data,s=a.errors;var u=function(e){return __awaiter(n,void 0,void 0,(function(){var n,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,t({userInput:{id:r.id,accountId:r.accountId,email:e}})];case 1:n=o.sent();if(n instanceof Error||!n)throw new Error;return[2,n];case 2:a=o.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[u,{loading:o,data:i,errors:s}]}function j(n){var r=this;var e=c(k),t=e[0],i=e[1];var s=c(q),u=s[0],d=s[1];var p=a(false),m=p[0],v=p[1];var f=a(false),b=f[0],h=f[1];var y=a(false),g=y[0],C=y[1];var x=E(),w=x.initialized,_=x.send,I=_[0],T=_[1],P=T.loading,j=T.errors;var D=S()[0];var N=a(true),$=N[0],O=N[1];var U=l(L,{}),A=U.data,B=U.loading;var H=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;o((function(){if(!(A===null||A===void 0?void 0:A.viewer))return;v(!!A.viewer.email)}),[A]);o((function(){if(w)O(false)}),[w]);var z=function(n){return __awaiter(r,void 0,void 0,(function(){var r,e,t,a,o;return __generator(this,(function(s){switch(s.label){case 0:n.preventDefault();if(!(A===null||A===void 0?void 0:A.viewer))return[2];O(true);r=A.viewer.email;if(!!r)return[3,2];e=n.detail.formData;t=e.get("email").toString();if(!H.test(t)){h(true);return[2]}return[4,D(t)];case 1:a=s.sent();if(!a||!a.user.email)h(true);s.label=2;case 2:if(!w)return[2];return[4,I()];case 3:o=s.sent();if(!o||!o.success)C(true);else{d(r);i(true)}O(false);return[2]}}))}))};return{callbacks:{submitEmail:z},states:{loading:$,initialLoading:B&&!w,error:b,email:A===null||A===void 0?void 0:A.viewer.email,sendCodeError:g},text:n.getTextProps()}}var D={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column"},ContinueButton:{width:"100%"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",borderRadius:"var(--sqm-input-border-radius)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}};var N='\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n\na {\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n font-family: var(--sqm-primary-font);\n width: 100%;\n background-color: var(--sqm-primary-button-background);\n color: var(--sqm-primary-button-color);\n border-color: var(--sqm-primary-button-color-border);\n border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n background-color: var(--sqm-primary-button-background-hover);\n border-color: var(--sqm-primary-button-border-color-hover);\n color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n background-color: var(--sqm-secondary-button-background);\n color: var(--sqm-secondary-button-color);\n border-color: var(--sqm-secondary-button-color-border);\n border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n background-color: var(--sqm-secondary-button-background-hover);\n color: var(--sqm-secondary-button-color-hover);\n border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n font-family: var(--sqm-primary-font);\n font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n background: var(--sqm-input-disabled-background, #f5f5f5);\n color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n font-family: var(--sqm-primary-font);\n opacity: 1; /* Firefox adds an opacity to placeholders by default */\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n\n';var $=y(D);var O=$.toString();function U(n){var e=n.states,a=n.callbacks,o=n.text;var i=function(){return r("div",{class:$.classes.Wrapper},r("sqm-skeleton",{height:"16px",width:"50%"}),r("sqm-skeleton",{height:"16px",width:"50%"}),r("sqm-skeleton",{height:"16px",width:"50%"}),r("sqm-skeleton",{height:"34px",width:"30%"}),r("sqm-skeleton",{height:"24px",width:"15%"}),r("sl-button",{submit:true,class:$.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},o.sendCodeText))};return r("div",{part:"sqm-base"},r("style",{type:"text/css"},N,O),e.sendCodeError&&r("sqm-form-message",{type:"error"},r("p",{part:"alert-title"},o.sendCodeErrorHeader),t.formatMessage({id:"sendCodeErrorDescription",defaultMessage:o.sendCodeErrorDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},o.supportLink)})),e.initialLoading?i():r("div",{class:$.classes.Wrapper},r(g,{type:"p"},o.verifyEmailHeaderText),r("sl-form",{"onSl-submit":a.submitEmail},r("div",{class:$.classes.InputsContainer},r("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:o.emailLabel,value:e.email||"",type:"email",id:"email",name:"email",disabled:!!e.email||e.loading},e.error?{class:$.classes.ErrorInput,helpText:o.emailValidationErrorText}:{})),r("sl-button",{submit:true,class:$.classes.ContinueButton,loading:e.loading,exportparts:"base: primarybutton-base",type:"primary"},o.sendCodeText)))))}var A=n("sqm_email_verification",function(){function n(n){e(this,n);this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.sendCodeErrorHeader="There was an error sending your code";this.supportLink="support team";this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.";this.emailLabel="Email";this.sendCodeText="Send code";this.emailValidationErrorText="Please enter a valid email";i(this)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return h(this)};n.prototype.render=function(){var n=m()?B(this):j(this);return r(U,Object.assign({},n))};return n}());function B(n){var r=this;var e=v(k);return b({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(n){return[2,e(true)]}))}))}},text:n.getTextProps()},n.demoData||{},{arrayMerge:function(n,r){return r}})}var H=u.gql(__makeTemplateObject(["\n query getUserPartnerInfo {\n user: viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n customFields\n impactConnection {\n connected\n connectionStatus\n publisher {\n id\n countryCode\n currency\n }\n }\n }\n }\n }\n"],["\n query getUserPartnerInfo {\n user: viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n customFields\n impactConnection {\n connected\n connectionStatus\n publisher {\n id\n countryCode\n currency\n }\n }\n }\n }\n }\n"]));var z=u.gql(__makeTemplateObject(["\n query getCountries {\n impactPayoutCountries(limit: 1000) {\n data {\n countryCode\n displayName\n }\n }\n }\n"],["\n query getCountries {\n impactPayoutCountries(limit: 1000) {\n data {\n countryCode\n displayName\n }\n }\n }\n"]));var F=u.gql(__makeTemplateObject(["\n query currencies($locale: RSLocale) {\n currencies(limit: 300) {\n data {\n displayName(locale: $locale)\n currencyCode\n }\n }\n }\n"],["\n query currencies($locale: RSLocale) {\n currencies(limit: 300) {\n data {\n displayName(locale: $locale)\n currencyCode\n }\n }\n }\n"]));var M=u.gql(__makeTemplateObject(["\n mutation createImpactConnection($vars: ImpactConnectionInput!) {\n createImpactConnection(impactConnectionInput: $vars) {\n success\n validationErrors {\n field\n message\n }\n user {\n id\n accountId\n impactConnection {\n connected\n publisher {\n brandedSignup\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n }\n }\n }\n }\n }\n"],["\n mutation createImpactConnection($vars: ImpactConnectionInput!) {\n createImpactConnection(impactConnectionInput: $vars) {\n success\n validationErrors {\n field\n message\n }\n user {\n id\n accountId\n impactConnection {\n connected\n publisher {\n brandedSignup\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n }\n }\n }\n }\n }\n"]));var W=u.gql(__makeTemplateObject(["\n mutation startImpactConnection($vars: ImpactConnectionInput!) {\n startImpactConnection(impactConnectionInput: $vars) {\n success\n validationErrors {\n field\n message\n }\n user {\n id\n accountId\n impactConnection {\n connected\n publisher {\n brandedSignup\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n }\n }\n }\n }\n }\n"],["\n mutation startImpactConnection($vars: ImpactConnectionInput!) {\n startImpactConnection(impactConnectionInput: $vars) {\n success\n validationErrors {\n field\n message\n }\n user {\n id\n accountId\n impactConnection {\n connected\n publisher {\n brandedSignup\n requiredTaxDocumentType\n currentTaxDocument {\n type\n status\n }\n }\n }\n }\n }\n }\n"]));function R(n){var r,e,t,i,u,c;var d=f();var m=v(_);var b=l(H,{}),h=b.data,y=b.loading,g=b.refetch;var x=h===null||h===void 0?void 0:h.user;var w=l(F,{variables:{locale:d}}),k=w.data,q=w.loading;var T=l(z,{}),E=T.data,P=T.loading;var L=l(C,{variables:{filter:{}}}).data;var S=p(W),j=S[0],D=S[1].loading;var N=a(false),$=N[0],O=N[1];var U=a(((e=(r=x===null||x===void 0?void 0:x.impactConnection)===null||r===void 0?void 0:r.publisher)===null||e===void 0?void 0:e.countryCode)||d.replace(/^.*_/,"")),A=U[0],B=U[1];var M=a(((i=(t=x===null||x===void 0?void 0:x.impactConnection)===null||t===void 0?void 0:t.publisher)===null||i===void 0?void 0:i.currency)||""),R=M[0],V=M[1];var Z=((u=E===null||E===void 0?void 0:E.impactPayoutCountries)===null||u===void 0?void 0:u.data)||[];var G=s((function(){var n,r;var e=(r=(n=L===null||L===void 0?void 0:L.impactFinanceNetworkSettings)===null||n===void 0?void 0:n.data)===null||r===void 0?void 0:r.reduce((function(n,r){var e,t;var a=(t=(e=k===null||k===void 0?void 0:k.currencies)===null||e===void 0?void 0:e.data)===null||t===void 0?void 0:t.find((function(n){return n.currencyCode===r.currency}));if(!a)return n;if(n.find((function(n){return n.currencyCode===r.currency})))return n;if(A&&r.countryCode!==A)return n;return __spreadArrays(n,[a])}),[]);return(e||[]).sort((function(n,r){return n.displayName.localeCompare(r.displayName)}))}),[L,k,A]);var J=a(""),K=J[0],Q=J[1];var X=a(""),Y=X[0],nn=X[1];var rn=a(((c=E===null||E===void 0?void 0:E.impactPayoutCountries)===null||c===void 0?void 0:c.data)||[]),en=rn[0],tn=rn[1];var an=a(G||[]),on=an[0],sn=an[1];var un=a(""),cn=un[0],ln=un[1];var dn=a(false),pn=dn[0],mn=dn[1];o((function(){var n;var r=(n=x===null||x===void 0?void 0:x.impactConnection)===null||n===void 0?void 0:n.publisher;if(!h||!r)return;B(r.countryCode);V(r.currency)}),[h,x]);o((function(){if(!(Z===null||Z===void 0?void 0:Z.length))return;if(K.trim()===""){tn(Z||[])}else{tn(Z.filter((function(n){return n.displayName.toLowerCase().includes(K.toLowerCase())}))||[])}}),[K,Z]);o((function(){if(!(G===null||G===void 0?void 0:G.length))return;if(Y.trim()===""){sn(G||[])}else{sn(G.filter((function(n){return n.currencyCode.toLowerCase().includes(Y.toLowerCase())}))||[])}}),[Y,G]);var vn=x===null||x===void 0?void 0:x.impactConnection;function fn(n){var r,e;var t=(e=(r=n.detail)===null||r===void 0?void 0:r.item)===null||e===void 0?void 0:e.__value;if(!t)return;B(t);V("");ln("")}function bn(n){var r,e;var t=(e=(r=n.detail)===null||r===void 0?void 0:r.item)===null||e===void 0?void 0:e.__value;if(!t)return;V(t);ln("")}function hn(n){var r=n.target.checked;O(r)}function yn(){return __awaiter(this,void 0,void 0,(function(){var r,e,t,a,o,i,s;return __generator(this,(function(u){switch(u.label){case 0:if(!$){ln(n.missingFieldsErrorText);return[2]}if(!A||!R){ln(n.missingFieldsErrorText);return[2]}ln("");if(!x){ln(n.networkErrorText);return[2]}u.label=1;case 1:u.trys.push([1,4,,5]);t={user:{id:x.id,accountId:x.accountId},firstName:x.firstName,lastName:x.lastName,countryCode:A,currency:R};return[4,j({vars:t})];case 2:a=u.sent();if(!a||((r=a)===null||r===void 0?void 0:r.message)){ln(n.networkErrorText);return[2]}o=a.startImpactConnection;if(!(o===null||o===void 0?void 0:o.success)){i=(e=o===null||o===void 0?void 0:o.validationErrors)===null||e===void 0?void 0:e.map((function(n){return n.message})).join(". ");ln(i||n.networkErrorText);console.error("Failed to create Impact connection:",o===null||o===void 0?void 0:o.validationErrors);return[2]}window.dispatchEvent(new Event(I));return[4,g()];case 3:u.sent();m===null||m===void 0?void 0:m(true);mn(true);return[3,5];case 4:s=u.sent();console.error("Partner creation error:",s);ln(n.networkErrorText);return[3,5];case 5:return[2]}}))}))}var gn=!pn&&!y&&(vn===null||vn===void 0?void 0:vn.connectionStatus)==="NOT_STARTED";return{states:{open:gn,loading:y||P||q,submitting:D,isExistingPartner:!!(vn===null||vn===void 0?void 0:vn.publisher),countryCode:A,currency:R,error:cn,success:pn,filteredCountries:en||[],filteredCurrencies:on||[],allowBankingCollection:$,disabled:y||D},callbacks:{onCountryChange:fn,onCurrencyChange:bn,onCheckboxChange:hn,setCurrencySearch:nn,setCountrySearch:Q,onSubmit:yn,onClose:function(){return mn(true)}},text:n.getTextProps()}}var V=n("sqm_partner_info_modal",function(){function n(n){e(this,n);this.modalHeader="Let's get you ready for rewards";this.modalHeaderExistingPartner="We found an existing account";this.descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.";this.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.supportDescriptionExistingPartner="If this is a mistake, please contact {supportLink} or sign up for this referral program with a different email.";this.supportLink="Support";this.allowBankingCollection="I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";this.termsAndConditionsLabel="terms and conditions";this.termsAndConditionsLink="https://terms.advocate.impact.com/PayoutTermsAndConditions.html";this.countryLabel="Country";this.currencyLabel="Currency";this.submitButtonLabel="Submit";this.confirmButtonLabel="Confirm";this.searchCountryPlaceholder="Search for a country";this.searchCurrencyPlaceholder="Search for a currency";this.networkErrorText="An error occurred. Please try again.";this.missingFieldsErrorText="Please select both a country and currency.";this.inModal=false;this.stateController="{}";i(this)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return h(this)};n.prototype.render=function(){var n=m()?Z(this):R(this);if(this.inModal){return r(x,Object.assign({},n))}return r(w,Object.assign({},n))};return n}());function Z(n){var r=a("US"),e=r[0],t=r[1];var o=a(""),i=o[0],s=o[1];var u=a(""),c=u[0],l=u[1];var d=a(false),p=d[0],m=d[1];var v=T(n.stateController);var f=(v===null||v===void 0?void 0:v["sqm-partner-info-modal"])||v||{};return b({states:{open:false,loading:false,submitting:false,isExistingPartner:false,countryCode:e,currency:i,error:c,success:false,filteredCountries:[],filteredCurrencies:[],allowBankingCollection:p,disabled:false},callbacks:{onCountryChange:function(n){var r,e;var a=(e=(r=n===null||n===void 0?void 0:n.detail)===null||r===void 0?void 0:r.item)===null||e===void 0?void 0:e.__value;if(a){t(a);s("")}},onCurrencyChange:function(n){var r,e;var t=(e=(r=n===null||n===void 0?void 0:n.detail)===null||r===void 0?void 0:r.item)===null||e===void 0?void 0:e.__value;if(t)s(t)},onCheckboxChange:function(n){m(n.target.checked)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!e||!i){l(n.missingFieldsErrorText);return}l("")},onClose:function(){}},text:{modalHeader:n.modalHeader,descriptionNewPartner:n.descriptionNewPartner,descriptionExistingPartner:n.descriptionExistingPartner,countryLabel:n.countryLabel,currencyLabel:n.currencyLabel,submitButtonLabel:n.submitButtonLabel,confirmButtonLabel:n.confirmButtonLabel,searchCountryPlaceholder:n.searchCountryPlaceholder,searchCurrencyPlaceholder:n.searchCurrencyPlaceholder,supportDescriptionExistingPartner:n.supportDescriptionExistingPartner,supportLink:n.supportLink,modalHeaderExistingPartner:n.modalHeaderExistingPartner}},n.demoData||f,{arrayMerge:function(n,r){return r}})}}}}));
|