@saasquatch/mint-components 2.2.0-2 → 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/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-big-stat_46.cjs.entry.js +10 -0
- package/dist/cjs/sqm-email-verification_2.cjs.entry.js +37 -12
- package/dist/cjs/{sqm-partner-info-modal-view-431ff976.js → sqm-partner-info-modal-view-2a3438e5.js} +7 -1
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +17 -4
- package/dist/collection/components/sqm-partner-info-modal/PartnerInfoModal.stories.js +11 -0
- package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js +7 -1
- package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal.js +30 -2
- 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/loader.js +1 -1
- package/dist/esm/mint-components.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 +39 -14
- package/dist/esm/{sqm-partner-info-modal-view-b3c33bc3.js → sqm-partner-info-modal-view-bd8ff1c1.js} +7 -1
- package/dist/esm/sqm-stencilbook.entry.js +17 -4
- 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/loader.js +1 -1
- package/dist/esm-es5/mint-components.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-partner-info-modal-view-bd8ff1c1.js +1 -0
- package/dist/esm-es5/sqm-stencilbook.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-63102c04.entry.js → p-155963e0.entry.js} +7 -7
- package/dist/mint-components/p-1c413a06.system.js +1 -1
- package/dist/mint-components/{p-e83d08d7.system.entry.js → p-1d49d43e.system.entry.js} +1 -1
- package/dist/mint-components/p-321f334a.js +1 -0
- package/dist/mint-components/p-39d9a60a.system.entry.js +1 -0
- package/dist/mint-components/p-43107d85.system.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-78241a3a.entry.js +9 -0
- 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/dist/types/components/sqm-partner-info-modal/PartnerInfoModal.stories.d.ts +2 -0
- package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal-view.d.ts +1 -0
- package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal.d.ts +6 -0
- package/dist/types/components.d.ts +10 -0
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/esm-es5/sqm-partner-info-modal-view-b3c33bc3.js +0 -1
- package/dist/mint-components/p-16416781.system.entry.js +0 -1
- package/dist/mint-components/p-1f76371b.entry.js +0 -9
- package/dist/mint-components/p-4c47beb0.system.js +0 -1
- package/dist/mint-components/p-837c4cf8.js +0 -1
- package/dist/mint-components/p-987a54e2.system.js +0 -1
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
|
-
import{h}from"./index-38ad4957.js";import{i as intl}from"./global-39f55ec2.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";var style={Dialog:{"&::part(panel)":{maxWidth:"480px"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(overlay)":{background:"var(--sl-overlay-background-color)"}},DialogTitle:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"600",padding:"var(--sl-spacing-large) 0 0 0",margin:"0"},FormFields:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-large)"},ErrorMessage:{marginTop:"var(--sl-spacing-x-small)"},SearchInput:{"&::part(base)":{border:"none",borderBottom:"1px solid var(--sl-color-neutral-300)",borderRadius:"0"}},SelectMenu:{maxHeight:"300px"},DescriptionContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",margin:"0","& > p":{margin:"0"}},CheckboxWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},Checkbox:{"&::part(label)":{fontSize:"var(--sl-font-size-small)"}},SubmitButton:{width:"100%",marginTop:"var(--sl-spacing-large)"}};function PartnerInfoModalContentView(e){var a,r;var t=e.states,n=e.callbacks,l=e.text;var s=createStyleSheet(style);var i=s.toString();var o=t.isExistingPartner?h("span",{class:s.classes.DescriptionContainer},h("p",null,l.descriptionExistingPartner),h("p",null,l.supportDescriptionExistingPartner)):h("p",{class:s.classes.DescriptionContainer},l.descriptionNewPartner);var c=t.isExistingPartner?l.confirmButtonLabel:l.submitButtonLabel;var u=intl.formatMessage({id:"bankingCollectionText",defaultMessage:l.allowBankingCollection},{termsAndConditionsLink:h("a",{href:l.termsAndConditionsLink,target:"_blank"},l.termsAndConditionsLabel)});return h("div",null,h("style",{type:"text/css"}," ",i),h("div",{class:s.classes.FormFields},o,h("sl-select",{exportparts:"label: input-label, base: input-base, menu: select-menu",label:l.countryLabel,value:t.countryCode,disabled:t.submitting||!!t.countryCode&&t.isExistingPartner,required:true,hoist: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 a;n.setCountrySearch((a=e.target)===null||a===void 0?void 0:a.value)}}),h("div",{class:s.classes.SelectMenu},(a=t.filteredCountries)===null||a===void 0?void 0:a.map((function(e){return h("sl-menu-item",{value:e.countryCode},e.displayName)})))),h("sl-select",{exportparts:"label: input-label, base: input-base",label:l.currencyLabel,value:t.currency,disabled:t.submitting||!!t.currency,required:true,hoist: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 a;return n.setCurrencySearch((a=e.target)===null||a===void 0?void 0:a.value)}}),h("div",{class:s.classes.SelectMenu},(r=t.filteredCurrencies)===null||r===void 0?void 0:r.map((function(e){return h("sl-menu-item",{value:e.currencyCode},e.currencyCode," - ",e.displayName)})))),h("div",{class:s.classes.CheckboxWrapper},h("sl-checkbox",{class:s.classes.Checkbox,checked:t.allowBankingCollection===true,"onSl-change":n.onCheckboxChange,disabled:t.submitting,required:true,value:t.allowBankingCollection,id:"allowBankingCollection",name:"/allowBankingCollection"},u))),t.error&&h("div",{class:s.classes.ErrorMessage},h("sqm-form-message",{class:s.classes.ErrorMessage,type:"error"},h("p",{part:"alert-description"},t.error))),h("sl-button",{slot:"footer",type:"primary",loading:t.submitting,disabled:t.submitting||!t.countryCode||!t.currency||!t.allowBankingCollection,onClick:n.onSubmit,class:s.classes.SubmitButton,exportparts:"base: primarybutton-base"},c))}function PartnerInfoModalView(e){var a=e.states,r=e.text,t=e.callbacks;var n=createStyleSheet(style);var l=n.toString();if(!a.open)return h("div",null);return h("div",null,h("style",{type:"text/css"}," ",l),h("sl-dialog",{class:n.classes.Dialog,open:a.open,noHeader:true,label:a.isExistingPartner?r.modalHeaderExistingPartner:r.modalHeader,"onSl-request-close":function(e){e.preventDefault()},"onSl-hide":function(e){var a;if(((a=e.target)===null||a===void 0?void 0:a.tagName)==="SL-DIALOG"){e.preventDefault()}}},h("h2",{class:n.classes.DialogTitle},a.isExistingPartner?r.modalHeaderExistingPartner:r.modalHeader),h(PartnerInfoModalContentView,Object.assign({},e))))}export{PartnerInfoModalView as P,PartnerInfoModalContentView as a};
|
|
@@ -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-987a54e2.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,q,k,_,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){q=n.S;k=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 S=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 L(){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(q),t=e[0],i=e[1];var s=c(k),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=L()[0];var N=a(true),$=N[0],O=N[1];var U=l(S,{}),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(q);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}}),q=w.data,k=w.loading;var T=l(z,{}),E=T.data,P=T.loading;var S=l(C,{variables:{filter:{}}}).data;var L=p(W),j=L[0],D=L[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=S===null||S===void 0?void 0:S.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=q===null||q===void 0?void 0:q.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)}))}),[S,q,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||k,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 Support or sign up for this referral program with a different email.";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,modalHeaderExistingPartner:n.modalHeaderExistingPartner}},n.demoData||f,{arrayMerge:function(n,r){return r}})}}}}));
|