@picked/client 0.0.1-dev.1764632196476 → 0.0.1-dev.1764634757151
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/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _=Object.defineProperty;var z=(t,e,r)=>e in t?_(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var y=(t,e,r)=>z(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("effector"),h=require("@withease/factories"),F=require("../experience-instance-DjjpHk0t.cjs"),b=require("../logger-BsmHUUw1.cjs"),w=require("../storage-DuRlyFaY.cjs"),q=require("../id-BKIWbSTy.cjs"),K=require("../object-BbFTsGh3.cjs"),k=require("../supports-YvpQZxbh.cjs"),U=f.createDomain("experience"),H=h.createFactory(({client:t,experience:e})=>{const r=U.store(e),n=f.createApi(r,{merge(u,S){return{...u,...S.experience}}}),a=r.map(u=>({name:u.name,decisionLogic:u.condition??u.decide,targetSelectors:u.targets,initializeOpenLogic:e.initializeOpen})),l=t.components.listStore.map(u=>u.find(S=>S.name===`experience:${e.id}`)||u.find(S=>S.name==="experience"),{skipVoid:!1}),s=r.map(u=>({steps:u.steps,nodes:u.nodes,edges:u.edges,conditionals:u.conditionals})),o=e.actions??[];return{id:e.id,configStore:a,treeStore:s,componentStore:l,actions:o,merge:n.merge}});function W(t){return h.invoke(H,t)}const G=h.createFactory(({client:t})=>{const e=U.store({}),r=f.createApi(e,{register(s,o){return{...s,[o.id]:o}}});function n(s){const o=e.getState()[s.id];if(o){o.merge({experience:s,strategy:"override"});return}const u=W({client:t,experience:s});r.register(u)}const a=e.map(s=>Object.values(s));function l(s){return e.map(o=>o[s],{skipVoid:!1})}return{register:n,getById:l,listStore:a}});function Y(t){return h.invoke(G,t)}const J=(t,e)=>{e.register(t)},M=(t,e)=>{const{targetSelectors:r}=e.configStore.getState(),n=F.getTargetElements(r,e.id);n.forEach(({elements:l})=>l.forEach(s=>F.tagTargetElement(s,e.id))),F.createAppHosts(n,e.id).forEach(l=>{t.experienceInstances.spawn(e,l)})},B=async t=>{await Promise.all(t.experiences.listStore.getState().map(async e=>{await Q(t,e)&&M(t,e)}))},Q=async(t,e)=>{const{decisionLogic:r,targetSelectors:n}=e.configStore.getState();return F.getTargetElements(n,e.id).length<1||n.length===0?!1:r&&F.isRulesLogic(r)?await F.evaluateRuleLogic(t,r)===!0:!0},X=(t,e,r)=>{const n=e.name,a=e.setup(t);if(a){const l=r[n]??{};r[n]=Object.freeze({...l,...a})}},Z=f.createDomain("component"),ee=h.createFactory(({client:t,component:e,name:r})=>{const n=t.frameworks.getByName(e.frameworkName);return{name:r,component:e,frameworkStore:n}});function te(t){return h.invoke(ee,t)}const re=h.createFactory(({client:t})=>{const e=Z.store({}),r=f.createApi(e,{register(s,o){return{...s,[o.name]:o}}});function n(s,o){e.getState()[s]&&b.logger("warn",`Component '${s}' already registered. Registering again will override the previous registration.`);const S=te({client:t,name:s,component:o});r.register(S)}const a=e.map(s=>Object.values(s));function l(s){return e.map(o=>o[s],{skipVoid:!1})}return{register:n,getByName:l,listStore:a}});function se(t){return h.invoke(re,t)}const j=(t,e,r)=>{r.register(t,e)},ne=f.createDomain("framework"),oe=h.createFactory(({client:t})=>{const e=ne.store({}),r=f.createApi(e,{register(s,o){return{...s,[o.name]:o.framework}}});function n(s,o){e.getState()[s]&&b.logger("warn",`Framework '${s}' already registered. Registering again will override the previous registration.`),r.register({name:s,framework:o})}const a=e.map(s=>Object.values(s));function l(s){return e.map(o=>o[s],{skipVoid:!1})}return{register:n,getByName:l,listStore:a}});function ie(t){return h.invoke(oe,t)}const ae=(t,e)=>{e.register(t.name,t)},ce=6e3,$=w.createStorageKey("last_ping","global"),ue=t=>`${t}/api/v1/ping`,le=async t=>{try{const e=Date.now(),r=localStorage.getItem($);if(r&&e-parseInt(r)<ce)return!0;const n=ue(t.apiUrl),a={projectId:t.projectId,path:window.location.pathname},l=JSON.stringify(a),s={"Content-Type":"application/json"},o=document.getElementById("picked_script"),u=o==null?void 0:o.dataset.verceltoken;u&&(s["x-vercel-protection-bypass"]=u);const I=(await fetch(n,{method:"POST",headers:s,body:l})).ok;return I&&localStorage.setItem($,e.toString()),I}catch(e){return b.logger("error",e),!1}};function pe(t){const e=typeof window<"u",r={client:t,responses:t.responses.listStore.getState(),fields:t.fields.listStore.getState(),location:e?window.location:void 0,document:e?window.document:void 0,sessionStorage:e?window.sessionStorage:void 0,localStorage:e?window.localStorage:void 0};return Object.freeze(r)}const de=f.createDomain("predicate"),ge=h.createFactory(({client:t})=>{const e=de.store({}),r=f.createApi(e,{register(s,o){return{...s,[o.name]:{name:o.name,predicate:o.predicate}}}});function n(s,o){e.getState()[s]&&b.logger("warn",`Predicate '${s}' already registered. Registering again will override the previous registration.`),r.register(Object.freeze({name:s,predicate:o}))}const a=e.map(s=>Object.values(s));function l(s){return e.map(o=>o[s],{skipVoid:!1})}return{register:n,getByName:l,listStore:a}});function fe(t){return h.invoke(ge,t)}const me=(t,e,r)=>{r.register(t,e)},C=f.createDomain("feature"),ye=h.createFactory(({client:t})=>{const e=C.store({}),r=C.store([]),n=f.createApi(e,{register(p,c){return{...p,[c.id]:c.feature}}});function a(p,c){e.getState()[p]&&b.logger("warn",`Feature '${p}' already registered. Registering again will override the previous registration.`);const d={id:p,feature:{...c,id:p}};n.register(Object.freeze({id:p,feature:d}))}const l=f.createEffect(async({id:p,key:c,storage:i="local"})=>{const d=w.createStorageKey(`feature:${p}:${c}`,"global"),g=(i==="session"?w.sessionStore:w.localStore).get(d).boolean();return g===null?null:{id:p,key:c,bucket:g,storage:i}}),s=f.createEffect(p=>{if(!p)return null;const c=w.createStorageKey(`feature:${p.id}:${p.key}`,"global");(p.storage==="session"?w.sessionStore:w.localStore).set(c,p.bucket)}),o=new Map,u=f.attach({source:{allFeaturesStore:e,resolvedFeaturesStore:r},effect:async({allFeaturesStore:p,resolvedFeaturesStore:c},{id:i,decide:d,key:m})=>{const g=c.find(A=>A.id===i&&A.key===m);if(g)return g;const v=p[i];if(!v)throw new Error(`Feature with id '${i}' not found`);const x=o.get(`${i}:${m}`);if(x!==void 0){const A=await x;return{id:v.id,bucket:A,key:m,storage:v.feature.storage}}const P=d();o.set(`${i}:${m}`,P);const E=await P;return{id:v.id,bucket:E,key:m,storage:v.feature.storage}}});f.sample({clock:n.register,fn:p=>{const{id:c,feature:i}=p;return{id:c,key:i.feature.key,storage:i.feature.storage}},target:l}),f.sample({source:e,clock:u.doneData,fn:(p,c)=>{var v;const{id:i,bucket:d,storage:m}=c,g=(v=p[i])==null?void 0:v.feature.key;return g?{key:g,id:i,bucket:d,storage:m}:null},target:s});const S=f.combine({allFeaturesStore:e,resolvedFeaturesStore:r}).map(({allFeaturesStore:p,resolvedFeaturesStore:c})=>Object.values(p).map(i=>{const d=c.find(m=>m.id===i.id&&m.key===i.feature.key);return d?{id:i.id,name:i.feature.name,key:i.feature.key,getBucket:()=>({id:i.id,bucket:d.bucket}),isResolved:!0}:{id:i.id,name:i.feature.name,key:i.feature.key,getBucket:async()=>await u(i.feature),isResolved:!1}}));f.sample({clock:u.doneData,source:{resolvedFeatures:r},filter:({resolvedFeatures:p},{id:c,key:i})=>!p.some(m=>m.id===c&&m.key===i),fn:(p,c)=>c,target:t.eventBus.prepend(p=>({type:"feature_decide",feature:p}))}),f.sample({clock:[l.doneData,u.doneData],source:r,fn:(p,c)=>!c||p.some(d=>d.id===c.id&&d.key===c.key)?p:[...p,c],target:r});function I(p){return e.map(c=>c[p],{skipVoid:!1})}return{register:a,getByName:I,listStore:S}});function he(t){return h.invoke(ye,t)}const Se=(t,e,r)=>{r.register(t,e)},R=f.createDomain("history");function O(t,e){return{id:q.generateId(`history-entry-${Date.now()}-${Math.random()}}`),node:e,at:Date.now(),experienceId:t}}const ve=h.createFactory(()=>{const t=R.store({entries:[]}),e=R.event(),r=R.event(),n=R.event(),a=R.event();t.on(e,(s,o)=>({entries:[...s.entries,O(o.experienceId,o.node)]})),t.on(r,(s,o)=>({entries:[...s.entries.slice(0,-1),O(o.experienceId,o.node)]})),t.on(a,(s,o)=>o);function l(s,o){const u={lastStepIndex:-1,secondLastStepIndex:-1};for(let S=s.length-1;S>=0;S--){const I=s[S],p=I==null?void 0:I.node;if(!(!p||!F.isStepNode(p))&&!(o&&(I==null?void 0:I.experienceId)!==o))if(u.lastStepIndex===-1)u.lastStepIndex=S;else{u.secondLastStepIndex=S;break}}return u}return t.on(n,(s,o)=>{const{secondLastStepIndex:u}=l(s.entries,o.experienceId),S=u!==-1?s.entries.slice(0,u+1):s.entries;return{...s,entries:S}}),{push:e,replace:r,back:n,restore:a,entriesStore:t.map(s=>s.entries)}});function ke(){return h.invoke(ve)}const we=()=>f.createEvent(),Fe=f.createDomain("field"),Ie=h.createFactory(()=>{const t=Fe.store({}),e=f.createApi(t,{register(s,o){return{...s,[o.field.id]:o.field}}});function r(s){e.register({field:s})}const n=t.map(s=>Object.values(s));function a(s){return t.map(o=>o[s]||null)}function l(s){return t.map(o=>Object.values(o).find(u=>u.name===s)||null)}return{register:r,getById:a,listStore:n,getByName:l}});function be(){return h.invoke(Ie)}const xe=(t,e)=>{e.register(t)},Ee=f.createDomain("action"),Re=h.createFactory(()=>{const t=Ee.store({}),e=f.createApi(t,{register(l,s){return{...l,[s.name]:{name:s.name,action:s.action}}}});function r(l,s){e.register({name:l,action:s})}const n=t.map(l=>Object.values(l));function a(l){return t.map(s=>s[l],{skipVoid:!1})}return{register:r,getByName:a,listStore:n}});function Pe(){return h.invoke(Re)}const Ae=(t,e,r)=>{r.register(t,e)};function L(t){return typeof t>"u"||t===null||t===""||Array.isArray(t)&&!t.length}const De=f.createDomain("response"),Be=h.createFactory(({client:t})=>{const e=De.store({}),r=f.createEvent(),n=f.createEvent(),a=f.createApi(e,{register(c,i){return{...c,[i.fieldId]:i.response}},registerBatch(c,i){return{...c,...i}},clear(c,i){const{[i]:d,...m}=c;return m},clearAll(){return{}}});function l(c,i){a.register({fieldId:c,response:i})}async function s(c){const i=[];return await Promise.allSettled(Object.entries(c).map(async([d,m])=>{let g=m;const v=t.fields.getById(d).getState();if(!v){i.push({fieldId:d,userMessage:`Field '${d}' not found`,systemMessage:`No field with ID '${d}' exists. Available field IDs are: ${Object.keys(t.fields.listStore.getState()).join(",")}.`,value:g});return}if(v.multiple&&(typeof g=="string"||typeof g=="number"||typeof g=="boolean")&&(g=[g]),v.validation&&!K.isEmpty(v.validation)&&!L(g)){const x=await F.evaluateRuleLogic(t,v.validation,{$input:g});if(typeof x=="string"){i.push({fieldId:d,userMessage:x,systemMessage:`Field validation resulted in an error: ${x}.`,value:g});return}if(x===!1){i.push({fieldId:d,userMessage:"This field is invalid",systemMessage:"Field validation resulted in an unspecified error.",value:g});return}}if(v.required&&L(g)){i.push({fieldId:d,userMessage:"This field is required",systemMessage:"Field is required.",value:g});return}if(!v.multiple&&Array.isArray(g)&&g.length>1){i.push({fieldId:d,userMessage:"This field expects a single response",systemMessage:"Field expects a single response.",value:g});return}if(v.options){const x=v.options.map(E=>E.value),P=Array.isArray(g)?g:[g];Array.isArray(g)&&(P.every(E=>x.includes(E))||i.push({fieldId:d,userMessage:"This field expects a valid option",systemMessage:`Field expects a valid option. Valid options are: ${x.join(", ")}`,value:g}))}})),{responsesToCommit:c,validationErrors:i}}async function o(c){const{responsesToCommit:i,validationErrors:d}=await s(c);return d.length?{errors:d}:(a.registerBatch(i),{errors:[]})}const u=e.map(c=>c),S=e.map(c=>Object.keys(c).map(d=>({fieldId:d,value:c[d]})));function I(c){const i=t.fields.getById(c),d=e.map(m=>m[c]||null);return f.combine({f:i,r:d},({f:m,r:g})=>g||(m!=null&&m.defaultValue?m.defaultValue:null))}function p(c){const i=t.fields.getByName(c);return f.combine({f:i,s:e},({f:d,s:m})=>{const g=d&&m[d.id]||null;return g||(d!=null&&d.defaultValue?d.defaultValue:null)})}return f.sample({clock:r,target:a.clearAll}),f.sample({clock:n,target:a.clear}),{register:l,clearAll:r,clear:n,commit:o,getResponsesToCommit:s,listStore:S,getAllStore:u,getByFieldId:I,getByFieldName:p}});function je(t){return h.invoke(Be,t)}const $e=()=>"0.0.1-dev.1764632196476";function Ce(){if(k.supportsDocument()){const t=[document.currentScript,document.getElementById("picked_script"),document.getElementById("picked"),document.getElementById("cvly"),document.getElementById("cvly-x")];for(const e of t)if(e!=null&&e.dataset.api)return e.dataset.api}return"https://api.picked.app"}function Oe(){if(!k.supportsWindow())return{};const t=new URLSearchParams(window.location.search),e={},r=new Set;for(const[a]of t.entries())a.startsWith("picked-")&&r.add(a);for(const a of r){const l=a.replace("picked-","");e[l]=t.getAll(a)}const n=w.createStorageKey("s");if(r.size>0)w.sessionStore.set(n,e);else{const a=w.sessionStore.get(n);if(a)return a.json()||{}}return e}function Le(){if(k.supportsCryptoRandomUUID())return crypto.randomUUID();const t=Date.now().toString(36),e=Math.random().toString(36).substring(2,15),r=Math.random().toString(36).substring(2,15),n=Math.random().toString(36).substring(2,15);return`${t}-${e}-${r}-${n}`}const T=w.createStorageKey("session","global"),V=()=>{const t=k.supportsLocalStorage()?w.localStore.get(T):null;return function(r){this.isUser=r,t&&t.set(this)}},Ue=()=>({id:Le(),isUser:void 0,setIsUser:V()}),Me=()=>{if(!k.supportsLocalStorage())return null;const t=w.localStore.get(T);let e=t.isSet()?t.json():null;if(!e){const r=Ue();return t.set(r),r}return{...e,setIsUser:V()}},Te=()=>Me();class D{constructor(e){y(this,"options");y(this,"isReady",!1);y(this,"project");y(this,"plugins",{});y(this,"eventBus",we());y(this,"organizationId");y(this,"projectId");y(this,"apiUrl");y(this,"session");y(this,"precondition");y(this,"condition");y(this,"searchParams",Oe());y(this,"history",ke());y(this,"components",se({client:this}));y(this,"experienceInstances",F.createExperienceInstanceIndex({client:this}));y(this,"experiences",Y({client:this}));y(this,"frameworks",ie({client:this}));y(this,"predicates",fe({client:this}));y(this,"features",he({client:this}));y(this,"responses",je({client:this}));y(this,"fields",be());y(this,"actions",Pe());b.logger("info","Picked client initializing."),this.organizationId=e.organizationId,this.projectId=e.projectId,this.options=Object.freeze(e),this.apiUrl=e.apiUrl||Ce(),this.session=Te(),this.setupPlugins(),this.setupFeatures(),this.setupPredicates(),this.setupActions(),this.precondition=e.precondition,this.condition=e.condition,this.eventBus({type:"load",version:$e()}),b.logger("info","Picked client initialized.")}start(){le(this),(async()=>{if(!k.supportsDocument())return;let r=!0,n;this.precondition!==void 0&&await F.evaluateRuleLogic(this,this.precondition)===!1&&(n=!1,r=!1),this.condition!==void 0&&n!==!1&&await F.evaluateRuleLogic(this,this.condition)===!1&&(r=!1),this.session&&this.session.setIsUser(r),this.eventBus({type:"initialize",is_user:r}),this.eventBus({type:"user_decide",value:r}),document.body&&r&&B(this),await F.domInteractive(),r&&B(this),this.eventBus({type:"ready"}),this.isReady=!0,this.session&&this.eventBus({type:"session",...this.session})})()}registerFramework(e){ae(e,this.frameworks)}registerComponent(e,r){j(e,r,this.components)}registerPlugin(e){X(this,e,this.plugins)}registerFeature(e,r){Se(e,r,this.features)}registerPredicate(e,r){me(e,r,this.predicates)}registerField(e){xe(e,this.fields)}registerAction(e,r){Ae(e,r,this.actions)}registerExperience(e){e.component&&j(`experience:${e.id}`,e.component,this.components),J(e,this.experiences)}getStateSnapshot(){return pe(this)}async launchExperienceById(e){const r=this.experiences.getById(e).getState();if(!r){b.logger("warn",`Experience with id '${e}' not found.`);return}M(this,r)}setupPlugins(){var e;(e=this.options.plugins)==null||e.forEach(r=>{if(Array.isArray(r)){r.forEach(a=>{this.registerPlugin(a)});return}const n=typeof r=="function"?r():r;if(Array.isArray(n)){n.forEach(a=>this.registerPlugin(a));return}this.registerPlugin(n)})}setupFeatures(){const e=this.options.features;e&&(Object.entries(e).forEach(([r,n])=>{const a=typeof n=="function"?n():n;this.registerFeature(r,a)}),this.searchParams.feature&&this.searchParams.feature.forEach(r=>{try{const[n,a]=r.split(":");if(!n||!a)return;let l=a;l==="true"&&(l=!0),l==="false"&&(l=!1),this.registerFeature(n,{key:`${l}`,name:n,decide:()=>l,storage:"session"})}catch{}}))}setupPredicates(){const e=this.options.predicates;e&&Object.entries(e).forEach(([r,n])=>{if(typeof n!="function"){b.logger("warn",`Predicate "${r}" is not a function.`);return}this.registerPredicate(r,n)})}setupActions(){const e=this.options.actions;e&&Object.entries(e).forEach(([r,n])=>{if(typeof n!="function"){b.logger("warn",`Action "${r}" is not a function.`);return}this.registerAction(r,n)})}getPluginConfig(e){return this.plugins[e]??{}}}y(D,"logger",b.logger);function N(t){var e;return((e=t.options)==null?void 0:e.some(r=>"condition"in r))??!1}function Ve(t){return t.some(e=>e.condition||N(e))}async function Ne(t,e){return e.length===0||!Ve(e)?e:(await Promise.all(e.map(async n=>{if(!(n.condition?await F.evaluateRuleLogic(t,n.condition):!0))return null;if(!n.options||!N(n))return n;const s=(await Promise.all(n.options.map(async u=>u.condition?await F.evaluateRuleLogic(t,u.condition)?u:null:u))).filter(u=>u!==null);return s.length===n.options.length?n:s.length===0?null:{...n,options:s}}))).filter(n=>n!==null)}const _e=t=>{const e=new D(t);return k.bindClient(e),e};exports.evaluateRuleLogic=F.evaluateRuleLogic;exports.isPickedRoot=F.isPickedRoot;exports.createStorageKey=w.createStorageKey;exports.localStore=w.localStore;exports.sessionStore=w.sessionStore;exports.subscribe=w.subscribe;exports.supportsCookies=k.supportsCookies;exports.supportsCryptoRandomUUID=k.supportsCryptoRandomUUID;exports.supportsDocument=k.supportsDocument;exports.supportsHistory=k.supportsHistory;exports.supportsIntersectionObserver=k.supportsIntersectionObserver;exports.supportsLocalStorage=k.supportsLocalStorage;exports.supportsLocation=k.supportsLocation;exports.supportsSessionStorage=k.supportsSessionStorage;exports.supportsShadowRoot=k.supportsShadowRoot;exports.supportsWebComponents=k.supportsWebComponents;exports.supportsWindow=k.supportsWindow;exports.Picked=D;exports.createClient=_e;exports.getStepFields=Ne;
|
|
1
|
+
"use strict";var _=Object.defineProperty;var z=(t,e,r)=>e in t?_(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var y=(t,e,r)=>z(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("effector"),h=require("@withease/factories"),F=require("../experience-instance-DjjpHk0t.cjs"),b=require("../logger-BsmHUUw1.cjs"),w=require("../storage-DuRlyFaY.cjs"),q=require("../id-BKIWbSTy.cjs"),K=require("../object-BbFTsGh3.cjs"),k=require("../supports-YvpQZxbh.cjs"),U=f.createDomain("experience"),H=h.createFactory(({client:t,experience:e})=>{const r=U.store(e),n=f.createApi(r,{merge(u,S){return{...u,...S.experience}}}),a=r.map(u=>({name:u.name,decisionLogic:u.condition??u.decide,targetSelectors:u.targets,initializeOpenLogic:e.initializeOpen})),l=t.components.listStore.map(u=>u.find(S=>S.name===`experience:${e.id}`)||u.find(S=>S.name==="experience"),{skipVoid:!1}),s=r.map(u=>({steps:u.steps,nodes:u.nodes,edges:u.edges,conditionals:u.conditionals})),o=e.actions??[];return{id:e.id,configStore:a,treeStore:s,componentStore:l,actions:o,merge:n.merge}});function W(t){return h.invoke(H,t)}const G=h.createFactory(({client:t})=>{const e=U.store({}),r=f.createApi(e,{register(s,o){return{...s,[o.id]:o}}});function n(s){const o=e.getState()[s.id];if(o){o.merge({experience:s,strategy:"override"});return}const u=W({client:t,experience:s});r.register(u)}const a=e.map(s=>Object.values(s));function l(s){return e.map(o=>o[s],{skipVoid:!1})}return{register:n,getById:l,listStore:a}});function Y(t){return h.invoke(G,t)}const J=(t,e)=>{e.register(t)},M=(t,e)=>{const{targetSelectors:r}=e.configStore.getState(),n=F.getTargetElements(r,e.id);n.forEach(({elements:l})=>l.forEach(s=>F.tagTargetElement(s,e.id))),F.createAppHosts(n,e.id).forEach(l=>{t.experienceInstances.spawn(e,l)})},B=async t=>{await Promise.all(t.experiences.listStore.getState().map(async e=>{await Q(t,e)&&M(t,e)}))},Q=async(t,e)=>{const{decisionLogic:r,targetSelectors:n}=e.configStore.getState();return F.getTargetElements(n,e.id).length<1||n.length===0?!1:r&&F.isRulesLogic(r)?await F.evaluateRuleLogic(t,r)===!0:!0},X=(t,e,r)=>{const n=e.name,a=e.setup(t);if(a){const l=r[n]??{};r[n]=Object.freeze({...l,...a})}},Z=f.createDomain("component"),ee=h.createFactory(({client:t,component:e,name:r})=>{const n=t.frameworks.getByName(e.frameworkName);return{name:r,component:e,frameworkStore:n}});function te(t){return h.invoke(ee,t)}const re=h.createFactory(({client:t})=>{const e=Z.store({}),r=f.createApi(e,{register(s,o){return{...s,[o.name]:o}}});function n(s,o){e.getState()[s]&&b.logger("warn",`Component '${s}' already registered. Registering again will override the previous registration.`);const S=te({client:t,name:s,component:o});r.register(S)}const a=e.map(s=>Object.values(s));function l(s){return e.map(o=>o[s],{skipVoid:!1})}return{register:n,getByName:l,listStore:a}});function se(t){return h.invoke(re,t)}const j=(t,e,r)=>{r.register(t,e)},ne=f.createDomain("framework"),oe=h.createFactory(({client:t})=>{const e=ne.store({}),r=f.createApi(e,{register(s,o){return{...s,[o.name]:o.framework}}});function n(s,o){e.getState()[s]&&b.logger("warn",`Framework '${s}' already registered. Registering again will override the previous registration.`),r.register({name:s,framework:o})}const a=e.map(s=>Object.values(s));function l(s){return e.map(o=>o[s],{skipVoid:!1})}return{register:n,getByName:l,listStore:a}});function ie(t){return h.invoke(oe,t)}const ae=(t,e)=>{e.register(t.name,t)},ce=6e3,$=w.createStorageKey("last_ping","global"),ue=t=>`${t}/api/v1/ping`,le=async t=>{try{const e=Date.now(),r=localStorage.getItem($);if(r&&e-parseInt(r)<ce)return!0;const n=ue(t.apiUrl),a={projectId:t.projectId,path:window.location.pathname},l=JSON.stringify(a),s={"Content-Type":"application/json"},o=document.getElementById("picked_script"),u=o==null?void 0:o.dataset.verceltoken;u&&(s["x-vercel-protection-bypass"]=u);const I=(await fetch(n,{method:"POST",headers:s,body:l})).ok;return I&&localStorage.setItem($,e.toString()),I}catch(e){return b.logger("error",e),!1}};function pe(t){const e=typeof window<"u",r={client:t,responses:t.responses.listStore.getState(),fields:t.fields.listStore.getState(),location:e?window.location:void 0,document:e?window.document:void 0,sessionStorage:e?window.sessionStorage:void 0,localStorage:e?window.localStorage:void 0};return Object.freeze(r)}const de=f.createDomain("predicate"),ge=h.createFactory(({client:t})=>{const e=de.store({}),r=f.createApi(e,{register(s,o){return{...s,[o.name]:{name:o.name,predicate:o.predicate}}}});function n(s,o){e.getState()[s]&&b.logger("warn",`Predicate '${s}' already registered. Registering again will override the previous registration.`),r.register(Object.freeze({name:s,predicate:o}))}const a=e.map(s=>Object.values(s));function l(s){return e.map(o=>o[s],{skipVoid:!1})}return{register:n,getByName:l,listStore:a}});function fe(t){return h.invoke(ge,t)}const me=(t,e,r)=>{r.register(t,e)},C=f.createDomain("feature"),ye=h.createFactory(({client:t})=>{const e=C.store({}),r=C.store([]),n=f.createApi(e,{register(p,c){return{...p,[c.id]:c.feature}}});function a(p,c){e.getState()[p]&&b.logger("warn",`Feature '${p}' already registered. Registering again will override the previous registration.`);const d={id:p,feature:{...c,id:p}};n.register(Object.freeze({id:p,feature:d}))}const l=f.createEffect(async({id:p,key:c,storage:i="local"})=>{const d=w.createStorageKey(`feature:${p}:${c}`,"global"),g=(i==="session"?w.sessionStore:w.localStore).get(d).boolean();return g===null?null:{id:p,key:c,bucket:g,storage:i}}),s=f.createEffect(p=>{if(!p)return null;const c=w.createStorageKey(`feature:${p.id}:${p.key}`,"global");(p.storage==="session"?w.sessionStore:w.localStore).set(c,p.bucket)}),o=new Map,u=f.attach({source:{allFeaturesStore:e,resolvedFeaturesStore:r},effect:async({allFeaturesStore:p,resolvedFeaturesStore:c},{id:i,decide:d,key:m})=>{const g=c.find(A=>A.id===i&&A.key===m);if(g)return g;const v=p[i];if(!v)throw new Error(`Feature with id '${i}' not found`);const x=o.get(`${i}:${m}`);if(x!==void 0){const A=await x;return{id:v.id,bucket:A,key:m,storage:v.feature.storage}}const P=d();o.set(`${i}:${m}`,P);const E=await P;return{id:v.id,bucket:E,key:m,storage:v.feature.storage}}});f.sample({clock:n.register,fn:p=>{const{id:c,feature:i}=p;return{id:c,key:i.feature.key,storage:i.feature.storage}},target:l}),f.sample({source:e,clock:u.doneData,fn:(p,c)=>{var v;const{id:i,bucket:d,storage:m}=c,g=(v=p[i])==null?void 0:v.feature.key;return g?{key:g,id:i,bucket:d,storage:m}:null},target:s});const S=f.combine({allFeaturesStore:e,resolvedFeaturesStore:r}).map(({allFeaturesStore:p,resolvedFeaturesStore:c})=>Object.values(p).map(i=>{const d=c.find(m=>m.id===i.id&&m.key===i.feature.key);return d?{id:i.id,name:i.feature.name,key:i.feature.key,getBucket:()=>({id:i.id,bucket:d.bucket}),isResolved:!0}:{id:i.id,name:i.feature.name,key:i.feature.key,getBucket:async()=>await u(i.feature),isResolved:!1}}));f.sample({clock:u.doneData,source:{resolvedFeatures:r},filter:({resolvedFeatures:p},{id:c,key:i})=>!p.some(m=>m.id===c&&m.key===i),fn:(p,c)=>c,target:t.eventBus.prepend(p=>({type:"feature_decide",feature:p}))}),f.sample({clock:[l.doneData,u.doneData],source:r,fn:(p,c)=>!c||p.some(d=>d.id===c.id&&d.key===c.key)?p:[...p,c],target:r});function I(p){return e.map(c=>c[p],{skipVoid:!1})}return{register:a,getByName:I,listStore:S}});function he(t){return h.invoke(ye,t)}const Se=(t,e,r)=>{r.register(t,e)},R=f.createDomain("history");function O(t,e){return{id:q.generateId(`history-entry-${Date.now()}-${Math.random()}}`),node:e,at:Date.now(),experienceId:t}}const ve=h.createFactory(()=>{const t=R.store({entries:[]}),e=R.event(),r=R.event(),n=R.event(),a=R.event();t.on(e,(s,o)=>({entries:[...s.entries,O(o.experienceId,o.node)]})),t.on(r,(s,o)=>({entries:[...s.entries.slice(0,-1),O(o.experienceId,o.node)]})),t.on(a,(s,o)=>o);function l(s,o){const u={lastStepIndex:-1,secondLastStepIndex:-1};for(let S=s.length-1;S>=0;S--){const I=s[S],p=I==null?void 0:I.node;if(!(!p||!F.isStepNode(p))&&!(o&&(I==null?void 0:I.experienceId)!==o))if(u.lastStepIndex===-1)u.lastStepIndex=S;else{u.secondLastStepIndex=S;break}}return u}return t.on(n,(s,o)=>{const{secondLastStepIndex:u}=l(s.entries,o.experienceId),S=u!==-1?s.entries.slice(0,u+1):s.entries;return{...s,entries:S}}),{push:e,replace:r,back:n,restore:a,entriesStore:t.map(s=>s.entries)}});function ke(){return h.invoke(ve)}const we=()=>f.createEvent(),Fe=f.createDomain("field"),Ie=h.createFactory(()=>{const t=Fe.store({}),e=f.createApi(t,{register(s,o){return{...s,[o.field.id]:o.field}}});function r(s){e.register({field:s})}const n=t.map(s=>Object.values(s));function a(s){return t.map(o=>o[s]||null)}function l(s){return t.map(o=>Object.values(o).find(u=>u.name===s)||null)}return{register:r,getById:a,listStore:n,getByName:l}});function be(){return h.invoke(Ie)}const xe=(t,e)=>{e.register(t)},Ee=f.createDomain("action"),Re=h.createFactory(()=>{const t=Ee.store({}),e=f.createApi(t,{register(l,s){return{...l,[s.name]:{name:s.name,action:s.action}}}});function r(l,s){e.register({name:l,action:s})}const n=t.map(l=>Object.values(l));function a(l){return t.map(s=>s[l],{skipVoid:!1})}return{register:r,getByName:a,listStore:n}});function Pe(){return h.invoke(Re)}const Ae=(t,e,r)=>{r.register(t,e)};function L(t){return typeof t>"u"||t===null||t===""||Array.isArray(t)&&!t.length}const De=f.createDomain("response"),Be=h.createFactory(({client:t})=>{const e=De.store({}),r=f.createEvent(),n=f.createEvent(),a=f.createApi(e,{register(c,i){return{...c,[i.fieldId]:i.response}},registerBatch(c,i){return{...c,...i}},clear(c,i){const{[i]:d,...m}=c;return m},clearAll(){return{}}});function l(c,i){a.register({fieldId:c,response:i})}async function s(c){const i=[];return await Promise.allSettled(Object.entries(c).map(async([d,m])=>{let g=m;const v=t.fields.getById(d).getState();if(!v){i.push({fieldId:d,userMessage:`Field '${d}' not found`,systemMessage:`No field with ID '${d}' exists. Available field IDs are: ${Object.keys(t.fields.listStore.getState()).join(",")}.`,value:g});return}if(v.multiple&&(typeof g=="string"||typeof g=="number"||typeof g=="boolean")&&(g=[g]),v.validation&&!K.isEmpty(v.validation)&&!L(g)){const x=await F.evaluateRuleLogic(t,v.validation,{$input:g});if(typeof x=="string"){i.push({fieldId:d,userMessage:x,systemMessage:`Field validation resulted in an error: ${x}.`,value:g});return}if(x===!1){i.push({fieldId:d,userMessage:"This field is invalid",systemMessage:"Field validation resulted in an unspecified error.",value:g});return}}if(v.required&&L(g)){i.push({fieldId:d,userMessage:"This field is required",systemMessage:"Field is required.",value:g});return}if(!v.multiple&&Array.isArray(g)&&g.length>1){i.push({fieldId:d,userMessage:"This field expects a single response",systemMessage:"Field expects a single response.",value:g});return}if(v.options){const x=v.options.map(E=>E.value),P=Array.isArray(g)?g:[g];Array.isArray(g)&&(P.every(E=>x.includes(E))||i.push({fieldId:d,userMessage:"This field expects a valid option",systemMessage:`Field expects a valid option. Valid options are: ${x.join(", ")}`,value:g}))}})),{responsesToCommit:c,validationErrors:i}}async function o(c){const{responsesToCommit:i,validationErrors:d}=await s(c);return d.length?{errors:d}:(a.registerBatch(i),{errors:[]})}const u=e.map(c=>c),S=e.map(c=>Object.keys(c).map(d=>({fieldId:d,value:c[d]})));function I(c){const i=t.fields.getById(c),d=e.map(m=>m[c]||null);return f.combine({f:i,r:d},({f:m,r:g})=>g||(m!=null&&m.defaultValue?m.defaultValue:null))}function p(c){const i=t.fields.getByName(c);return f.combine({f:i,s:e},({f:d,s:m})=>{const g=d&&m[d.id]||null;return g||(d!=null&&d.defaultValue?d.defaultValue:null)})}return f.sample({clock:r,target:a.clearAll}),f.sample({clock:n,target:a.clear}),{register:l,clearAll:r,clear:n,commit:o,getResponsesToCommit:s,listStore:S,getAllStore:u,getByFieldId:I,getByFieldName:p}});function je(t){return h.invoke(Be,t)}const $e=()=>"0.0.1-dev.1764634757151";function Ce(){if(k.supportsDocument()){const t=[document.currentScript,document.getElementById("picked_script"),document.getElementById("picked"),document.getElementById("cvly"),document.getElementById("cvly-x")];for(const e of t)if(e!=null&&e.dataset.api)return e.dataset.api}return"https://api.picked.app"}function Oe(){if(!k.supportsWindow())return{};const t=new URLSearchParams(window.location.search),e={},r=new Set;for(const[a]of t.entries())a.startsWith("picked-")&&r.add(a);for(const a of r){const l=a.replace("picked-","");e[l]=t.getAll(a)}const n=w.createStorageKey("s");if(r.size>0)w.sessionStore.set(n,e);else{const a=w.sessionStore.get(n);if(a)return a.json()||{}}return e}function Le(){if(k.supportsCryptoRandomUUID())return crypto.randomUUID();const t=Date.now().toString(36),e=Math.random().toString(36).substring(2,15),r=Math.random().toString(36).substring(2,15),n=Math.random().toString(36).substring(2,15);return`${t}-${e}-${r}-${n}`}const T=w.createStorageKey("session","global"),V=()=>{const t=k.supportsLocalStorage()?w.localStore.get(T):null;return function(r){this.isUser=r,t&&t.set(this)}},Ue=()=>({id:Le(),isUser:void 0,setIsUser:V()}),Me=()=>{if(!k.supportsLocalStorage())return null;const t=w.localStore.get(T);let e=t.isSet()?t.json():null;if(!e){const r=Ue();return t.set(r),r}return{...e,setIsUser:V()}},Te=()=>Me();class D{constructor(e){y(this,"options");y(this,"isReady",!1);y(this,"project");y(this,"plugins",{});y(this,"eventBus",we());y(this,"organizationId");y(this,"projectId");y(this,"apiUrl");y(this,"session");y(this,"precondition");y(this,"condition");y(this,"searchParams",Oe());y(this,"history",ke());y(this,"components",se({client:this}));y(this,"experienceInstances",F.createExperienceInstanceIndex({client:this}));y(this,"experiences",Y({client:this}));y(this,"frameworks",ie({client:this}));y(this,"predicates",fe({client:this}));y(this,"features",he({client:this}));y(this,"responses",je({client:this}));y(this,"fields",be());y(this,"actions",Pe());b.logger("info","Picked client initializing."),this.organizationId=e.organizationId,this.projectId=e.projectId,this.options=Object.freeze(e),this.apiUrl=e.apiUrl||Ce(),this.session=Te(),this.setupPlugins(),this.setupFeatures(),this.setupPredicates(),this.setupActions(),this.precondition=e.precondition,this.condition=e.condition,this.eventBus({type:"load",version:$e()}),b.logger("info","Picked client initialized.")}start(){le(this),(async()=>{if(!k.supportsDocument())return;let r=!0,n;this.precondition!==void 0&&await F.evaluateRuleLogic(this,this.precondition)===!1&&(n=!1,r=!1),this.condition!==void 0&&n!==!1&&await F.evaluateRuleLogic(this,this.condition)===!1&&(r=!1),this.session&&this.session.setIsUser(r),this.eventBus({type:"initialize",is_user:r}),this.eventBus({type:"user_decide",value:r}),document.body&&r&&B(this),await F.domInteractive(),r&&B(this),this.eventBus({type:"ready"}),this.isReady=!0,this.session&&this.eventBus({type:"session",...this.session})})()}registerFramework(e){ae(e,this.frameworks)}registerComponent(e,r){j(e,r,this.components)}registerPlugin(e){X(this,e,this.plugins)}registerFeature(e,r){Se(e,r,this.features)}registerPredicate(e,r){me(e,r,this.predicates)}registerField(e){xe(e,this.fields)}registerAction(e,r){Ae(e,r,this.actions)}registerExperience(e){e.component&&j(`experience:${e.id}`,e.component,this.components),J(e,this.experiences)}getStateSnapshot(){return pe(this)}async launchExperienceById(e){const r=this.experiences.getById(e).getState();if(!r){b.logger("warn",`Experience with id '${e}' not found.`);return}M(this,r)}setupPlugins(){var e;(e=this.options.plugins)==null||e.forEach(r=>{if(Array.isArray(r)){r.forEach(a=>{this.registerPlugin(a)});return}const n=typeof r=="function"?r():r;if(Array.isArray(n)){n.forEach(a=>this.registerPlugin(a));return}this.registerPlugin(n)})}setupFeatures(){const e=this.options.features;e&&(Object.entries(e).forEach(([r,n])=>{const a=typeof n=="function"?n():n;this.registerFeature(r,a)}),this.searchParams.feature&&this.searchParams.feature.forEach(r=>{try{const[n,a]=r.split(":");if(!n||!a)return;let l=a;l==="true"&&(l=!0),l==="false"&&(l=!1),this.registerFeature(n,{key:`${l}`,name:n,decide:()=>l,storage:"session"})}catch{}}))}setupPredicates(){const e=this.options.predicates;e&&Object.entries(e).forEach(([r,n])=>{if(typeof n!="function"){b.logger("warn",`Predicate "${r}" is not a function.`);return}this.registerPredicate(r,n)})}setupActions(){const e=this.options.actions;e&&Object.entries(e).forEach(([r,n])=>{if(typeof n!="function"){b.logger("warn",`Action "${r}" is not a function.`);return}this.registerAction(r,n)})}getPluginConfig(e){return this.plugins[e]??{}}}y(D,"logger",b.logger);function N(t){var e;return((e=t.options)==null?void 0:e.some(r=>"condition"in r))??!1}function Ve(t){return t.some(e=>e.condition||N(e))}async function Ne(t,e){return e.length===0||!Ve(e)?e:(await Promise.all(e.map(async n=>{if(!(n.condition?await F.evaluateRuleLogic(t,n.condition):!0))return null;if(!n.options||!N(n))return n;const s=(await Promise.all(n.options.map(async u=>u.condition?await F.evaluateRuleLogic(t,u.condition)?u:null:u))).filter(u=>u!==null);return s.length===n.options.length?n:s.length===0?null:{...n,options:s}}))).filter(n=>n!==null)}const _e=t=>{const e=new D(t);return k.bindClient(e),e};exports.evaluateRuleLogic=F.evaluateRuleLogic;exports.isPickedRoot=F.isPickedRoot;exports.createStorageKey=w.createStorageKey;exports.localStore=w.localStore;exports.sessionStore=w.sessionStore;exports.subscribe=w.subscribe;exports.supportsCookies=k.supportsCookies;exports.supportsCryptoRandomUUID=k.supportsCryptoRandomUUID;exports.supportsDocument=k.supportsDocument;exports.supportsHistory=k.supportsHistory;exports.supportsIntersectionObserver=k.supportsIntersectionObserver;exports.supportsLocalStorage=k.supportsLocalStorage;exports.supportsLocation=k.supportsLocation;exports.supportsSessionStorage=k.supportsSessionStorage;exports.supportsShadowRoot=k.supportsShadowRoot;exports.supportsWebComponents=k.supportsWebComponents;exports.supportsWindow=k.supportsWindow;exports.Picked=D;exports.createClient=_e;exports.getStepFields=Ne;
|
package/dist/esm/index.js
CHANGED