@dropins/tools 0.26.0-alpha227 → 0.26.0-alpha229

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/tools", "version": "0.26.0-alpha227"}
+{"name": "@dropins/tools", "version": "0.26.0-alpha229"}

package/recaptcha.js

@@ -1,4 +1,4 @@
-import{FetchGraphQL as p}from"./fetch-graphql.js";const o={failedFetch:"Failed to fetch config from backend with status:",failedSetStorageConfig:"Failed to set storage config",failedGetStorageConfig:"Configuration could not be loaded.",failedExecutionRecaptcha:"Recaptcha execution failed",failedInitializing:"An error occurred while initializing ReCaptcha:"},u={PLACE_ORDER:"placeOrder",CONTACT:"contactUs",CUSTOMER_LOGIN:"generateCustomerToken",CUSTOMER_FORGOT_PASSWORD:"requestPasswordResetEmail",CUSTOMER_CREATE:"createCustomerV2",CUSTOMER_EDIT:"updateCustomerV2",NEWSLETTER:"subscribeEmailToNewsletter",PRODUCT_REVIEW:"createProductReview",SENDFRIEND:"SENDFRIEND",BRAINTREE:"BRAINTREE"},C=(r,e)=>{if(r&&r.forms){const t=r.forms.concat(e).map(a=>typeof a!="string"?{...a,enabledBadgePlace:!1}:{badgeId:u[a],enabledBadgePlace:!1});return{...r,forms:[...new Set(t)]}}return{}},g=async(r,e=1,t=1e3)=>{const a=sessionStorage.getItem(r);return a!==null?JSON.parse(a):e>0?(await new Promise(i=>setTimeout(i,t)),g(r,e-1,t)):null},d=(r,e)=>{if(!r||!e.website_key)return null;try{sessionStorage.setItem(r,JSON.stringify(e))}catch(t){return console.error(o.failedSetStorageConfig,t),null}},{failedExecutionRecaptcha:h}=o,_=async r=>{if(!window.grecaptcha)return Promise.reject(h);try{return await window.grecaptcha.execute(r,{action:"click"})}catch(e){return Promise.reject(`${h} : ${e}`)}},b=()=>new Promise(r=>{const e=new MutationObserver((a,i)=>{window.grecaptcha&&(i.disconnect(),r(!0))}),t={childList:!0,subtree:!0,attributes:!0};e.observe(document.body,t)}),m=async(r,e)=>(window.grecaptcha||await b(),grecaptcha.ready(()=>{const t=document.querySelectorAll(`#${r}`);if(!t.length)return null;t.forEach(a=>a.id=`${a.id}_${Math.random().toString(36)}`),t.forEach(a=>{if(a.innerHTML==="")try{grecaptcha.render(a.id,{sitekey:e.website_key,badge:e.badge_position,size:"invisible"})}catch(i){console.error(i)}})})),R=`query {
+import{FetchGraphQL as h}from"./fetch-graphql.js";const o={failedFetch:"Failed to fetch config from backend with status:",failedSetStorageConfig:"Failed to set storage config",failedGetStorageConfig:"Configuration could not be loaded.",failedExecutionRecaptcha:"Recaptcha execution failed",failedInitializing:"An error occurred while initializing ReCaptcha:"},g={PLACE_ORDER:"placeOrder",CONTACT:"contactUs",CUSTOMER_LOGIN:"generateCustomerToken",CUSTOMER_FORGOT_PASSWORD:"requestPasswordResetEmail",CUSTOMER_CREATE:"createCustomerV2",CUSTOMER_EDIT:"updateCustomerV2",NEWSLETTER:"subscribeEmailToNewsletter",PRODUCT_REVIEW:"createProductReview",SENDFRIEND:"SENDFRIEND",BRAINTREE:"BRAINTREE"},l=(a,e)=>{if(a&&a.forms){const t=a.forms.concat(e).map(r=>typeof r!="string"?{...r,enabledBadgePlace:!1}:{badgeId:g[r],enabledBadgePlace:!1});return{...a,forms:[...new Set(t)]}}return{}},c=async(a,e=1,t=1e3)=>{const r=sessionStorage.getItem(a);return r!==null?JSON.parse(r):e>0?(await new Promise(i=>setTimeout(i,t)),c(a,e-1,t)):null},f=(a,e,t)=>{if(!a||!e.website_key)return null;try{sessionStorage.setItem(a,JSON.stringify(e))}catch(r){return t&&console.error(o.failedSetStorageConfig,r),null}},{failedExecutionRecaptcha:s}=o,p=async a=>{if(!window.grecaptcha)return Promise.reject(s);try{return await window.grecaptcha.execute(a,{action:"click"})}catch(e){return Promise.reject(`${s} : ${e}`)}},u=()=>new Promise(a=>{const e=new MutationObserver((r,i)=>{window.grecaptcha&&(i.disconnect(),a(!0))}),t={childList:!0,subtree:!0,attributes:!0};e.observe(document.body,t)}),_=async(a,e,t)=>(window.grecaptcha||await u(),grecaptcha.ready(()=>{const r=document.querySelectorAll(`#${a}`);if(!r.length)return null;r.forEach(i=>i.id=`${i.id}_${Math.random().toString(36)}`),r.forEach(i=>{if(i.innerHTML==="")try{grecaptcha.render(i.id,{sitekey:e.website_key,badge:e.badge_position,size:"invisible"})}catch(d){t&&console.error(d)}})})),C=`query {
   recaptchaV3Config {
     is_enabled
     website_key
@@ -8,4 +8,4 @@ import{FetchGraphQL as p}from"./fetch-graphql.js";const o={failedFetch:"Failed t
     failure_message
     forms
   } 
-}`,n=new p().getMethods();class w{constructor(){var e;this._enableReCAPTCHA=!1,this._recaptchaBackendEndpoint=((e=n.getConfig())==null?void 0:e.endpoint)||"",this._recaptchaScriptUrl="https://www.google.com/recaptcha/api.js",this._configStorageKey="recaptchaConfig"}async _updateBadgePosition(e,t){var c;if(!t)return null;const{badgeId:a,enabledBadgePlace:i}=e;if(t.badge_position!=="inline"||i)return null;await m(a,t);const l={...t,forms:((c=t.forms)==null?void 0:c.map(s=>{const f=s.badgeId===a;return{...s,enabledBadgePlace:f}}))??[]};d(this._configStorageKey,l)}async _addRecaptchaScript(){const e=await this._loadConfig();if(!document.getElementById("recaptchaId")&&e){const t=e.website_key,a=e.badge_position==="inline";if(!t)return;const i=document.createElement("script");i.setAttribute("id","recaptchaId"),i.src=a?`${this._recaptchaScriptUrl}?render=${t}&badge=none`:`${this._recaptchaScriptUrl}?render=${t}&badge=${e.badge_position}`,document.head.appendChild(i)}}async _fetchStoreConfig(){var e;try{const t=await n.fetchGraphQl(R,{method:"GET",cache:"force-cache"});if((e=t==null?void 0:t.errors)!=null&&e.length){console.error(t.errors[0].message);return}return t}catch(t){console.error(`${o.failedFetch}:`,t);return}}async _loadConfig(){const e=await g(this._configStorageKey);return e?(this._enableReCAPTCHA=!!e.is_enabled,e):(console.error(o.failedGetStorageConfig),null)}setEndpoint(e){e&&(this._recaptchaBackendEndpoint=e,n.setEndpoint(e))}async setConfig(e){var t;try{const a=await this._fetchStoreConfig();if(!((t=a==null?void 0:a.data)!=null&&t.recaptchaV3Config)){sessionStorage.removeItem(this._configStorageKey);return}const i=C(a.data.recaptchaV3Config,e);d(this._configStorageKey,i)}catch(a){console.error(o.failedSetStorageConfig,a),sessionStorage.removeItem(this._configStorageKey)}}async initReCaptcha(){try{const e=await this._loadConfig();if(!(e!=null&&e.forms)||!e.is_enabled)return;await this._addRecaptchaScript(),e.forms.forEach(t=>{this._updateBadgePosition(t,e)})}catch(e){console.error(o.failedInitializing,e)}}async verifyReCaptcha(){try{const e=await this._loadConfig();return!(e!=null&&e.forms)||!e.website_key||!e.is_enabled?void 0:await _(e.website_key)}catch(e){console.error(e)}}getMethods(){return{setEndpoint:this.setEndpoint.bind(this),setConfig:this.setConfig.bind(this),initReCaptcha:this.initReCaptcha.bind(this),verifyReCaptcha:this.verifyReCaptcha.bind(this)}}}const y=new w,{initReCaptcha:E,verifyReCaptcha:T,setEndpoint:I,setConfig:P}=y.getMethods();export{w as RecaptchaModule,E as initReCaptcha,n as recaptchaFetchApi,P as setConfig,I as setEndpoint,T as verifyReCaptcha};
+}`,n=new h().getMethods();class b{constructor(){var e;this._enableReCAPTCHA=!1,this._recaptchaBackendEndpoint=((e=n.getConfig())==null?void 0:e.endpoint)||"",this._recaptchaScriptUrl="https://www.google.com/recaptcha/api.js",this._configStorageKey="recaptchaConfig",this._logger=!1}async _updateBadgePosition(e,t){if((t==null?void 0:t.badge_position)!=="inline")return null;await _(e,t,this._logger)}async _addRecaptchaScript(){const e=await this._loadConfig();if(!document.getElementById("recaptchaId")&&e){const t=e.website_key,r=e.badge_position==="inline";if(!t)return;const i=document.createElement("script");i.setAttribute("id","recaptchaId"),i.src=r?`${this._recaptchaScriptUrl}?render=${t}&badge=none`:`${this._recaptchaScriptUrl}?render=${t}&badge=${e.badge_position}`,document.head.appendChild(i)}}async _fetchStoreConfig(){var e;try{const t=await n.fetchGraphQl(C,{method:"GET",cache:"force-cache"});if((e=t==null?void 0:t.errors)!=null&&e.length){this._logger&&console.error(t.errors[0].message);return}return t}catch(t){this._logger&&console.error(`${o.failedFetch}:`,t)}}async _loadConfig(){const e=await c(this._configStorageKey);return e?(this._enableReCAPTCHA=!!e.is_enabled,e):(this._logger&&console.error(o.failedGetStorageConfig),null)}setEndpoint(e){e&&(this._recaptchaBackendEndpoint=e,n.setEndpoint(e))}async setConfig(e){var t;try{const r=await this._fetchStoreConfig();if(!((t=r==null?void 0:r.data)!=null&&t.recaptchaV3Config)){sessionStorage.removeItem(this._configStorageKey);return}const i=l(r.data.recaptchaV3Config,e);f(this._configStorageKey,i,this._logger)}catch(r){this._logger&&console.error(o.failedSetStorageConfig,r),sessionStorage.removeItem(this._configStorageKey)}}async initReCaptcha(){try{const e=await this._loadConfig();if(!(e!=null&&e.forms)||!e.is_enabled)return;await this._addRecaptchaScript();for(let t=0;t<e.forms.length;t++){const r=e.forms[t];await this._updateBadgePosition(r.badgeId,e)}}catch(e){this._logger&&console.error(o.failedInitializing,e)}}async verifyReCaptcha(){try{const e=await this._loadConfig();return!(e!=null&&e.forms)||!e.website_key||!e.is_enabled?void 0:await p(e.website_key)}catch(e){this._logger&&console.error(e)}}enableLogger(e){this._logger=e}getMethods(){return{enableLogger:this.enableLogger.bind(this),setEndpoint:this.setEndpoint.bind(this),setConfig:this.setConfig.bind(this),initReCaptcha:this.initReCaptcha.bind(this),verifyReCaptcha:this.verifyReCaptcha.bind(this)}}}const m=new b,{initReCaptcha:R,verifyReCaptcha:y,setEndpoint:S,setConfig:E,enableLogger:T}=m.getMethods();export{b as RecaptchaModule,T as enableLogger,R as initReCaptcha,n as recaptchaFetchApi,E as setConfig,S as setEndpoint,y as verifyReCaptcha};

package/types/recaptcha/src/index.d.ts

@@ -19,7 +19,8 @@ export declare class RecaptchaModule {
     _recaptchaBackendEndpoint: string;
     _recaptchaScriptUrl: string;
     _configStorageKey: string;
-    _updateBadgePosition(currentForm: PropsFormTypes, config: ReCaptchaV3ModifyProps): Promise<void | null>;
+    _logger: boolean;
+    _updateBadgePosition(badgeId: string, config: ReCaptchaV3ModifyProps): Promise<void | null>;
     _addRecaptchaScript(): Promise<void>;
     _fetchStoreConfig(): Promise<ReCaptchaV3Response | undefined>;
     _loadConfig(): Promise<ReCaptchaV3ModifyProps | null>;
@@ -27,13 +28,15 @@ export declare class RecaptchaModule {
     setConfig(configList: PropsFormTypes[]): Promise<void>;
     initReCaptcha(): Promise<void>;
     verifyReCaptcha(): Promise<string | undefined>;
+    enableLogger(logger: boolean): void;
     getMethods(): {
+        enableLogger: (logger: boolean) => void;
         setEndpoint: (url: string) => void;
         setConfig: (configList: PropsFormTypes[]) => Promise<void>;
         initReCaptcha: () => Promise<void>;
         verifyReCaptcha: () => Promise<string | undefined>;
     };
 }
-declare const initReCaptcha: () => Promise<void>, verifyReCaptcha: () => Promise<string | undefined>, setEndpoint: (url: string) => void, setConfig: (configList: PropsFormTypes[]) => Promise<void>;
-export { setEndpoint, setConfig, initReCaptcha, verifyReCaptcha };
+declare const initReCaptcha: () => Promise<void>, verifyReCaptcha: () => Promise<string | undefined>, setEndpoint: (url: string) => void, setConfig: (configList: PropsFormTypes[]) => Promise<void>, enableLogger: (logger: boolean) => void;
+export { setEndpoint, setConfig, initReCaptcha, verifyReCaptcha, enableLogger };
 //# sourceMappingURL=index.d.ts.map

package/types/recaptcha/src/lib/_storageConfig.d.ts

@@ -1,6 +1,6 @@
 import { ReCaptchaV3InitProps, ReCaptchaV3ModifyProps } from '../types/recaptcha.types';
 
 declare const getConfigStorage: (storageKey: string, retries?: number, delay?: number) => Promise<ReCaptchaV3ModifyProps | null>;
-declare const setConfigStorage: (storageKey: string, config: ReCaptchaV3InitProps) => null | undefined;
+declare const setConfigStorage: (storageKey: string, config: ReCaptchaV3InitProps, logger: boolean) => null | undefined;
 export { getConfigStorage, setConfigStorage };
 //# sourceMappingURL=_storageConfig.d.ts.map

package/types/recaptcha/src/services/recaptcha.service.d.ts

@@ -1,4 +1,4 @@
 export declare const getRecaptchaToken: (websiteKey: string) => Promise<string>;
 export declare const waitForReCaptcha: () => Promise<unknown>;
-export declare const verifyReCaptchaLoad: (badgeId: string, config: any) => Promise<void>;
+export declare const verifyReCaptchaLoad: (badgeId: string, config: any, logger: boolean) => Promise<void>;
 //# sourceMappingURL=recaptcha.service.d.ts.map