@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
|
@@ -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}
|
|
@@ -11,3 +11,5 @@ export declare const Submitting: () => any;
|
|
|
11
11
|
export declare const WithError: () => any;
|
|
12
12
|
export declare const ValidationError: () => any;
|
|
13
13
|
export declare const Closed: () => any;
|
|
14
|
+
export declare const SQMComponentExistingPartner: () => any;
|
|
15
|
+
export declare const SQMComponentNewPartner: () => any;
|
|
@@ -39,6 +39,7 @@ export interface PartnerInfoModalViewProps {
|
|
|
39
39
|
searchCountryPlaceholder: string;
|
|
40
40
|
searchCurrencyPlaceholder: string;
|
|
41
41
|
supportDescriptionExistingPartner: string;
|
|
42
|
+
supportLink: string;
|
|
42
43
|
modalHeaderExistingPartner: string;
|
|
43
44
|
allowBankingCollection: string;
|
|
44
45
|
termsAndConditionsLabel: string;
|
|
@@ -42,6 +42,12 @@ export declare class PartnerInfoModal {
|
|
|
42
42
|
* @uiWidget textArea
|
|
43
43
|
*/
|
|
44
44
|
supportDescriptionExistingPartner: string;
|
|
45
|
+
/**
|
|
46
|
+
* Support description for existing partner confirmation
|
|
47
|
+
*
|
|
48
|
+
* @uiName Existing partner support description
|
|
49
|
+
*/
|
|
50
|
+
supportLink: string;
|
|
45
51
|
/**
|
|
46
52
|
* Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
|
|
47
53
|
* @uiName Terms and conditions checkbox
|
|
@@ -2398,6 +2398,11 @@ export namespace Components {
|
|
|
2398
2398
|
* @uiWidget textArea
|
|
2399
2399
|
*/
|
|
2400
2400
|
"supportDescriptionExistingPartner": string;
|
|
2401
|
+
/**
|
|
2402
|
+
* Support description for existing partner confirmation
|
|
2403
|
+
* @uiName Existing partner support description
|
|
2404
|
+
*/
|
|
2405
|
+
"supportLink": string;
|
|
2401
2406
|
/**
|
|
2402
2407
|
* The link text that appears in the terms and conditions checkbox
|
|
2403
2408
|
* @uiName Terms and conditions text
|
|
@@ -10600,6 +10605,11 @@ declare namespace LocalJSX {
|
|
|
10600
10605
|
* @uiWidget textArea
|
|
10601
10606
|
*/
|
|
10602
10607
|
"supportDescriptionExistingPartner"?: string;
|
|
10608
|
+
/**
|
|
10609
|
+
* Support description for existing partner confirmation
|
|
10610
|
+
* @uiName Existing partner support description
|
|
10611
|
+
*/
|
|
10612
|
+
"supportLink"?: string;
|
|
10603
10613
|
/**
|
|
10604
10614
|
* The link text that appears in the terms and conditions checkbox
|
|
10605
10615
|
* @uiName Terms and conditions text
|
package/docs/docs.docx
CHANGED
|
Binary file
|