@stackshift-ui/cookies 6.0.2 → 6.0.4-beta.0

package/dist/cookies.js

@@ -1 +1 @@
-"use strict";var F=Object.create;var f=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var h=(e,r)=>()=>(e&&(r=e(e=0)),r);var v=(e,r)=>{for(var s in r)f(e,s,{get:r[s],enumerable:!0})},B=(e,r,s,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of S(r))!E.call(e,o)&&o!==s&&f(e,o,{get:()=>r[o],enumerable:!(i=O(r,o))||i.enumerable});return e};var q=(e,r,s)=>(s=e!=null?F(V(e)):{},B(r||!e||!e.__esModule?f(s,"default",{value:e,enumerable:!0}):s,e)),z=e=>B(f({},"__esModule",{value:!0}),e);var d,$=h(()=>{"use strict";d=e=>{var r,s;return!(e!=null&&e.internalLink)&&!(e!=null&&e.externalLink)?"/page-not-found":(e==null?void 0:e.type)==="linkInternal"&&((s=(r=e==null?void 0:e.internalLink)==null?void 0:r.toLowerCase())!=null&&s.includes("home"))?"/":(e==null?void 0:e.type)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:(e==null?void 0:e.type)==="linkExternal"?`${e==null?void 0:e.externalLink}`:"/"}});var A={};v(A,{Cookies_A:()=>N,default:()=>N});function N({title:e,description:r,allowCookieBtn:s,denyCookieBtn:i,config:o,contactLink:t,...y}){var l,p,a,c;let m=(l=o==null?void 0:o.cookiePolicy)==null?void 0:l.siteName,n=(p=o==null?void 0:o.cookiePolicy)==null?void 0:p.cookiePolicyPage,C=((c=(a=o==null?void 0:o.cookiePolicy)==null?void 0:a.consentModal)==null?void 0:c.position)||"bottom right";return(0,M.useEffect)(()=>{var u,b;let P={categories:{necessary:{enabled:!0,readOnly:!0},analytics:{enabled:o==null?void 0:o.enableAnalytics}},guiOptions:{consentModal:{position:C}},language:{default:"en",translations:{en:{consentModal:{title:e,description:"Cookies help us deliver our services. By using our services, you agree to our use of cookies.",acceptAllBtn:s,acceptNecessaryBtn:i||"Reject all",showPreferencesBtn:"Manage Individual preferences"},preferencesModal:{title:"Cookie Preferences",acceptAllBtn:s,acceptNecessaryBtn:i||"Reject all",savePreferencesBtn:"Accept current selection",closeIconLabel:"Close",sections:[{title:e,description:r},{title:"Strictly Necessary cookies",description:`These cookies are essential for the proper functioning of this website. <a href=${d(n)} target=${n==null?void 0:n.linkTarget} rel=${(n==null?void 0:n.linkTarget)==="_blank"?"noopener noreferrer":""}>${(b=(u=o==null?void 0:o.cookiePolicy)==null?void 0:u.cookiePolicyPage)==null?void 0:b.label}</a>.`,linkedCategory:"necessary"},{title:"Analytics",description:"These cookies are used to track and measure the use of this website.",linkedCategory:"analytics"},{title:"More information",description:`For any queries in relation to ${m}'s policy on cookies and your choices, please <a href=${d(t)} target=${t==null?void 0:t.linkTarget} rel=${(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":""}>${t==null?void 0:t.label}</a>.`}]}}}},hideFromBots:!1};x.run(P)},[]),(0,T.jsx)("div",{...y})}var M,x,T,g=h(()=>{"use strict";M=require("react"),x=q(require("vanilla-cookieconsent"));$();T=require("react/jsx-runtime")});var D={};v(D,{Cookies:()=>I});module.exports=z(D);var w=require("react"),_=require("react/jsx-runtime"),j={variant_a:(0,w.lazy)(()=>Promise.resolve().then(()=>(g(),A)))},R="Cookies",I=({data:e})=>{var o,t,y,m,n,C,l,p,a,c,P,u;let r=e==null?void 0:e.variant,s=r&&j[r],i={title:(t=(o=e==null?void 0:e.variants)==null?void 0:o.heading)!=null?t:void 0,description:(m=(y=e==null?void 0:e.variants)==null?void 0:y.description)!=null?m:void 0,allowCookieBtn:(C=(n=e==null?void 0:e.variants)==null?void 0:n.acceptButtonLabel)!=null?C:void 0,denyCookieBtn:(p=(l=e==null?void 0:e.variants)==null?void 0:l.declineButtonLabel)!=null?p:void 0,config:(c=(a=e==null?void 0:e.variants)==null?void 0:a.config)!=null?c:void 0,contactLink:(u=(P=e==null?void 0:e.variants)==null?void 0:P.contactLink)!=null?u:void 0};return s?(0,_.jsx)(s,{...i,"data-testid":R}):null};I.displayName=R;0&&(module.exports={Cookies});
+"use strict";var F=Object.create;var f=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var h=(e,r)=>()=>(e&&(r=e(e=0)),r);var v=(e,r)=>{for(var s in r)f(e,s,{get:r[s],enumerable:!0})},B=(e,r,s,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of S(r))!E.call(e,o)&&o!==s&&f(e,o,{get:()=>r[o],enumerable:!(i=O(r,o))||i.enumerable});return e};var q=(e,r,s)=>(s=e!=null?F(V(e)):{},B(r||!e||!e.__esModule?f(s,"default",{value:e,enumerable:!0}):s,e)),z=e=>B(f({},"__esModule",{value:!0}),e);var d,$=h(()=>{"use strict";d=e=>{var r,s;return!(e!=null&&e.internalLink)&&!(e!=null&&e.externalLink)?"/page-not-found":(e==null?void 0:e.type)==="linkInternal"&&((s=(r=e==null?void 0:e.internalLink)==null?void 0:r.toLowerCase())!=null&&s.includes("home"))?"/":(e==null?void 0:e.type)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:(e==null?void 0:e.type)==="linkExternal"?`${e==null?void 0:e.externalLink}`:"/"}});var A={};v(A,{Cookies_A:()=>N,default:()=>N});function N({title:e,description:r,allowCookieBtn:s,denyCookieBtn:i,config:o,contactLink:t,...y}){var l,p,a,c;let m=(l=o==null?void 0:o.cookiePolicy)==null?void 0:l.siteName,n=(p=o==null?void 0:o.cookiePolicy)==null?void 0:p.cookiePolicyPage,C=((c=(a=o==null?void 0:o.cookiePolicy)==null?void 0:a.consentModal)==null?void 0:c.position)||"bottom right";return(0,M.useEffect)(()=>{var u,b;let P={categories:{necessary:{enabled:!0,readOnly:!0},analytics:{enabled:o==null?void 0:o.enableAnalytics}},guiOptions:{consentModal:{position:C}},language:{default:"en",translations:{en:{consentModal:{title:e,description:"Cookies help us deliver our services. By using our services, you agree to our use of cookies.",acceptAllBtn:s,acceptNecessaryBtn:i||"Reject all",showPreferencesBtn:"Manage Individual preferences"},preferencesModal:{title:"Cookie Preferences",acceptAllBtn:s,acceptNecessaryBtn:i||"Reject all",savePreferencesBtn:"Accept current selection",closeIconLabel:"Close",sections:[{title:e,description:r},{title:"Strictly Necessary cookies",description:`These cookies are essential for the proper functioning of this website. <a href=${d(n)} target=${n==null?void 0:n.linkTarget} rel=${(n==null?void 0:n.linkTarget)==="_blank"?"noopener noreferrer":""}>${(b=(u=o==null?void 0:o.cookiePolicy)==null?void 0:u.cookiePolicyPage)==null?void 0:b.label}</a>.`,linkedCategory:"necessary"},{title:"Analytics",description:"These cookies are used to track and measure the use of this website.",linkedCategory:"analytics"},{title:"More information",description:`For any queries in relation to ${m}'s policy on cookies and your choices, please <a href=${d(t)} target=${t==null?void 0:t.linkTarget} rel=${(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":""}>${t==null?void 0:t.label}</a>.`}]}}}},hideFromBots:!1};x.run(P)},[]),(0,g.jsx)("div",{...y})}var M,x,g,T=h(()=>{"use strict";M=require("react"),x=q(require("vanilla-cookieconsent"));$();g=require("react/jsx-runtime")});var D={};v(D,{Cookies:()=>I});module.exports=z(D);var w=require("react"),_=require("react/jsx-runtime"),j={variant_a:(0,w.lazy)(()=>Promise.resolve().then(()=>(T(),A)))},R="Cookies",I=({data:e})=>{var o,t,y,m,n,C,l,p,a,c,P,u;let r=e==null?void 0:e.variant,s=r&&j[r],i={title:(t=(o=e==null?void 0:e.variants)==null?void 0:o.heading)!=null?t:void 0,description:(m=(y=e==null?void 0:e.variants)==null?void 0:y.description)!=null?m:void 0,allowCookieBtn:(C=(n=e==null?void 0:e.variants)==null?void 0:n.acceptButtonLabel)!=null?C:void 0,denyCookieBtn:(p=(l=e==null?void 0:e.variants)==null?void 0:l.declineButtonLabel)!=null?p:void 0,config:(c=(a=e==null?void 0:e.variants)==null?void 0:a.config)!=null?c:void 0,contactLink:(u=(P=e==null?void 0:e.variants)==null?void 0:P.contactLink)!=null?u:void 0};return s?(0,_.jsx)(s,{...i,"data-testid":R}):null};I.displayName=R;0&&(module.exports={Cookies});

package/dist/helper/index.js

@@ -1 +1 @@
-"use strict";var o=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var x=(e,t)=>{for(var r in t)o(e,r,{get:t[r],enumerable:!0})},d=(e,t,r,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of f(t))!p.call(e,a)&&a!==r&&o(e,a,{get:()=>t[a],enumerable:!(u=L(t,a))||u.enumerable});return e};var c=e=>d(o({},"__esModule",{value:!0}),e);var s={};x(s,{extractLink:()=>m});module.exports=c(s);var m=e=>{var t,r;return!(e!=null&&e.internalLink)&&!(e!=null&&e.externalLink)?"/page-not-found":(e==null?void 0:e.type)==="linkInternal"&&((r=(t=e==null?void 0:e.internalLink)==null?void 0:t.toLowerCase())!=null&&r.includes("home"))?"/":(e==null?void 0:e.type)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:(e==null?void 0:e.type)==="linkExternal"?`${e==null?void 0:e.externalLink}`:"/"};0&&(module.exports={extractLink});
+"use strict";var o=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var x=(e,t)=>{for(var r in t)o(e,r,{get:t[r],enumerable:!0})},d=(e,t,r,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of f(t))!p.call(e,a)&&a!==r&&o(e,a,{get:()=>t[a],enumerable:!(u=L(t,a))||u.enumerable});return e};var s=e=>d(o({},"__esModule",{value:!0}),e);var m={};x(m,{extractLink:()=>c});module.exports=s(m);var c=e=>{var t,r;return!(e!=null&&e.internalLink)&&!(e!=null&&e.externalLink)?"/page-not-found":(e==null?void 0:e.type)==="linkInternal"&&((r=(t=e==null?void 0:e.internalLink)==null?void 0:t.toLowerCase())!=null&&r.includes("home"))?"/":(e==null?void 0:e.type)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:(e==null?void 0:e.type)==="linkExternal"?`${e==null?void 0:e.externalLink}`:"/"};0&&(module.exports={extractLink});

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var F=Object.create;var P=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var B=(e,r)=>()=>(e&&(r=e(e=0)),r);var $=(e,r)=>{for(var s in r)P(e,s,{get:r[s],enumerable:!0})},x=(e,r,s,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of S(r))!E.call(e,o)&&o!==s&&P(e,o,{get:()=>r[o],enumerable:!(i=O(r,o))||i.enumerable});return e};var q=(e,r,s)=>(s=e!=null?F(V(e)):{},x(r||!e||!e.__esModule?P(s,"default",{value:e,enumerable:!0}):s,e)),z=e=>x(P({},"__esModule",{value:!0}),e);var d,M=B(()=>{"use strict";d=e=>{var r,s;return!(e!=null&&e.internalLink)&&!(e!=null&&e.externalLink)?"/page-not-found":(e==null?void 0:e.type)==="linkInternal"&&((s=(r=e==null?void 0:e.internalLink)==null?void 0:r.toLowerCase())!=null&&s.includes("home"))?"/":(e==null?void 0:e.type)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:(e==null?void 0:e.type)==="linkExternal"?`${e==null?void 0:e.externalLink}`:"/"}});var T={};$(T,{Cookies_A:()=>b,default:()=>b});function b({title:e,description:r,allowCookieBtn:s,denyCookieBtn:i,config:o,contactLink:t,...y}){var l,p,a,c;let m=(l=o==null?void 0:o.cookiePolicy)==null?void 0:l.siteName,n=(p=o==null?void 0:o.cookiePolicy)==null?void 0:p.cookiePolicyPage,C=((c=(a=o==null?void 0:o.cookiePolicy)==null?void 0:a.consentModal)==null?void 0:c.position)||"bottom right";return(0,N.useEffect)(()=>{var u,v;let f={categories:{necessary:{enabled:!0,readOnly:!0},analytics:{enabled:o==null?void 0:o.enableAnalytics}},guiOptions:{consentModal:{position:C}},language:{default:"en",translations:{en:{consentModal:{title:e,description:"Cookies help us deliver our services. By using our services, you agree to our use of cookies.",acceptAllBtn:s,acceptNecessaryBtn:i||"Reject all",showPreferencesBtn:"Manage Individual preferences"},preferencesModal:{title:"Cookie Preferences",acceptAllBtn:s,acceptNecessaryBtn:i||"Reject all",savePreferencesBtn:"Accept current selection",closeIconLabel:"Close",sections:[{title:e,description:r},{title:"Strictly Necessary cookies",description:`These cookies are essential for the proper functioning of this website. <a href=${d(n)} target=${n==null?void 0:n.linkTarget} rel=${(n==null?void 0:n.linkTarget)==="_blank"?"noopener noreferrer":""}>${(v=(u=o==null?void 0:o.cookiePolicy)==null?void 0:u.cookiePolicyPage)==null?void 0:v.label}</a>.`,linkedCategory:"necessary"},{title:"Analytics",description:"These cookies are used to track and measure the use of this website.",linkedCategory:"analytics"},{title:"More information",description:`For any queries in relation to ${m}'s policy on cookies and your choices, please <a href=${d(t)} target=${t==null?void 0:t.linkTarget} rel=${(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":""}>${t==null?void 0:t.label}</a>.`}]}}}},hideFromBots:!1};A.run(f)},[]),(0,g.jsx)("div",{...y})}var N,A,g,h=B(()=>{"use strict";N=require("react"),A=q(require("vanilla-cookieconsent"));M();g=require("react/jsx-runtime")});var D={};$(D,{Cookies:()=>I,Cookies_A:()=>b});module.exports=z(D);var w=require("react"),_=require("react/jsx-runtime"),j={variant_a:(0,w.lazy)(()=>Promise.resolve().then(()=>(h(),T)))},R="Cookies",I=({data:e})=>{var o,t,y,m,n,C,l,p,a,c,f,u;let r=e==null?void 0:e.variant,s=r&&j[r],i={title:(t=(o=e==null?void 0:e.variants)==null?void 0:o.heading)!=null?t:void 0,description:(m=(y=e==null?void 0:e.variants)==null?void 0:y.description)!=null?m:void 0,allowCookieBtn:(C=(n=e==null?void 0:e.variants)==null?void 0:n.acceptButtonLabel)!=null?C:void 0,denyCookieBtn:(p=(l=e==null?void 0:e.variants)==null?void 0:l.declineButtonLabel)!=null?p:void 0,config:(c=(a=e==null?void 0:e.variants)==null?void 0:a.config)!=null?c:void 0,contactLink:(u=(f=e==null?void 0:e.variants)==null?void 0:f.contactLink)!=null?u:void 0};return s?(0,_.jsx)(s,{...i,"data-testid":R}):null};I.displayName=R;h();0&&(module.exports={Cookies,Cookies_A});
+"use strict";var F=Object.create;var P=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var B=(e,r)=>()=>(e&&(r=e(e=0)),r);var $=(e,r)=>{for(var s in r)P(e,s,{get:r[s],enumerable:!0})},x=(e,r,s,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of S(r))!E.call(e,o)&&o!==s&&P(e,o,{get:()=>r[o],enumerable:!(i=O(r,o))||i.enumerable});return e};var q=(e,r,s)=>(s=e!=null?F(V(e)):{},x(r||!e||!e.__esModule?P(s,"default",{value:e,enumerable:!0}):s,e)),z=e=>x(P({},"__esModule",{value:!0}),e);var d,M=B(()=>{"use strict";d=e=>{var r,s;return!(e!=null&&e.internalLink)&&!(e!=null&&e.externalLink)?"/page-not-found":(e==null?void 0:e.type)==="linkInternal"&&((s=(r=e==null?void 0:e.internalLink)==null?void 0:r.toLowerCase())!=null&&s.includes("home"))?"/":(e==null?void 0:e.type)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:(e==null?void 0:e.type)==="linkExternal"?`${e==null?void 0:e.externalLink}`:"/"}});var g={};$(g,{Cookies_A:()=>b,default:()=>b});function b({title:e,description:r,allowCookieBtn:s,denyCookieBtn:i,config:o,contactLink:t,...y}){var l,p,a,c;let m=(l=o==null?void 0:o.cookiePolicy)==null?void 0:l.siteName,n=(p=o==null?void 0:o.cookiePolicy)==null?void 0:p.cookiePolicyPage,C=((c=(a=o==null?void 0:o.cookiePolicy)==null?void 0:a.consentModal)==null?void 0:c.position)||"bottom right";return(0,N.useEffect)(()=>{var u,v;let f={categories:{necessary:{enabled:!0,readOnly:!0},analytics:{enabled:o==null?void 0:o.enableAnalytics}},guiOptions:{consentModal:{position:C}},language:{default:"en",translations:{en:{consentModal:{title:e,description:"Cookies help us deliver our services. By using our services, you agree to our use of cookies.",acceptAllBtn:s,acceptNecessaryBtn:i||"Reject all",showPreferencesBtn:"Manage Individual preferences"},preferencesModal:{title:"Cookie Preferences",acceptAllBtn:s,acceptNecessaryBtn:i||"Reject all",savePreferencesBtn:"Accept current selection",closeIconLabel:"Close",sections:[{title:e,description:r},{title:"Strictly Necessary cookies",description:`These cookies are essential for the proper functioning of this website. <a href=${d(n)} target=${n==null?void 0:n.linkTarget} rel=${(n==null?void 0:n.linkTarget)==="_blank"?"noopener noreferrer":""}>${(v=(u=o==null?void 0:o.cookiePolicy)==null?void 0:u.cookiePolicyPage)==null?void 0:v.label}</a>.`,linkedCategory:"necessary"},{title:"Analytics",description:"These cookies are used to track and measure the use of this website.",linkedCategory:"analytics"},{title:"More information",description:`For any queries in relation to ${m}'s policy on cookies and your choices, please <a href=${d(t)} target=${t==null?void 0:t.linkTarget} rel=${(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":""}>${t==null?void 0:t.label}</a>.`}]}}}},hideFromBots:!1};A.run(f)},[]),(0,T.jsx)("div",{...y})}var N,A,T,h=B(()=>{"use strict";N=require("react"),A=q(require("vanilla-cookieconsent"));M();T=require("react/jsx-runtime")});var D={};$(D,{Cookies:()=>I,Cookies_A:()=>b});module.exports=z(D);var w=require("react"),_=require("react/jsx-runtime"),j={variant_a:(0,w.lazy)(()=>Promise.resolve().then(()=>(h(),g)))},R="Cookies",I=({data:e})=>{var o,t,y,m,n,C,l,p,a,c,f,u;let r=e==null?void 0:e.variant,s=r&&j[r],i={title:(t=(o=e==null?void 0:e.variants)==null?void 0:o.heading)!=null?t:void 0,description:(m=(y=e==null?void 0:e.variants)==null?void 0:y.description)!=null?m:void 0,allowCookieBtn:(C=(n=e==null?void 0:e.variants)==null?void 0:n.acceptButtonLabel)!=null?C:void 0,denyCookieBtn:(p=(l=e==null?void 0:e.variants)==null?void 0:l.declineButtonLabel)!=null?p:void 0,config:(c=(a=e==null?void 0:e.variants)==null?void 0:a.config)!=null?c:void 0,contactLink:(u=(f=e==null?void 0:e.variants)==null?void 0:f.contactLink)!=null?u:void 0};return s?(0,_.jsx)(s,{...i,"data-testid":R}):null};I.displayName=R;h();0&&(module.exports={Cookies,Cookies_A});

package/dist/types.d.ts

@@ -18,6 +18,7 @@ export interface LabeledRoute extends ConditionalLink {
     linkType?: string;
     _type?: string;
     linkInternal?: any;
+    linkExternal?: string;
 }
 export interface ConditionalLink {
     type?: string;

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@stackshift-ui/cookies",
   "description": "",
-  "version": "6.0.2",
+  "version": "6.0.4-beta.0",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist/**"
+    "dist/**",
+    "src"
   ],
   "author": "WebriQ <info@webriq.com>",
   "devDependencies": {
@@ -28,13 +29,13 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/typescript-config": "6.0.2",
-    "@stackshift-ui/eslint-config": "6.0.2"
+    "@stackshift-ui/eslint-config": "6.0.2",
+    "@stackshift-ui/typescript-config": "6.0.2"
   },
   "dependencies": {
     "vanilla-cookieconsent": "3.0.1",
-    "@stackshift-ui/scripts": "6.0.2",
-    "@stackshift-ui/system": "6.0.2"
+    "@stackshift-ui/system": "6.0.3",
+    "@stackshift-ui/scripts": "6.0.2"
   },
   "peerDependencies": {
     "@stackshift-ui/system": ">=0.0.0",

package/src/cookies.test.tsx

@@ -0,0 +1,12 @@
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, test } from "vitest";
+import { Cookies } from "./cookies";
+
+describe.concurrent("cookies", () => {
+  afterEach(cleanup);
+
+  test.skip("Dummy test - test if renders without errors", ({ expect }) => {
+    render(<Cookies data={{ variant: "variant_a" }} />);
+    // @todo: add proper test for variant_a
+  });
+});

package/src/cookies.tsx

@@ -0,0 +1,49 @@
+// Cookie Consent for GDPR (using Orestbida)
+// https://cookieconsent.orestbida.com/
+
+import { lazy } from "react";
+
+import { ConsentModalPosition } from "vanilla-cookieconsent";
+import { SectionsProps } from "./types";
+
+const Variants = {
+  variant_a: lazy(() => import("./cookies_a")),
+};
+
+export interface CookiesProps {
+  title?: string;
+  description?: string;
+  allowCookieBtn?: string;
+  denyCookieBtn?: string;
+  config?: {
+    enableAnalytics: boolean;
+    cookiePolicy?: {
+      siteName: string;
+      cookiePolicyPage?: any;
+      consentModal?: {
+        position: ConsentModalPosition;
+      };
+    };
+  };
+  contactLink?: any;
+}
+
+const displayName = "Cookies";
+
+export const Cookies: React.FC<SectionsProps> = ({ data }) => {
+  const variant = data?.variant;
+  const Variant = variant && Variants[variant as keyof typeof Variants];
+
+  const props = {
+    title: data?.variants?.heading ?? undefined,
+    description: data?.variants?.description ?? undefined,
+    allowCookieBtn: data?.variants?.acceptButtonLabel ?? undefined,
+    denyCookieBtn: data?.variants?.declineButtonLabel ?? undefined,
+    config: data?.variants?.config ?? undefined,
+    contactLink: data?.variants?.contactLink ?? undefined,
+  };
+
+  return Variant ? <Variant {...props} data-testid={displayName} /> : null;
+};
+
+Cookies.displayName = displayName;

package/src/cookies_a.tsx

@@ -0,0 +1,96 @@
+import { useEffect } from "react";
+
+import * as CookieConsent from "vanilla-cookieconsent";
+import { CookiesProps } from ".";
+import { extractLink } from "./helper";
+
+export default function Cookies_A({
+  title,
+  description,
+  allowCookieBtn,
+  denyCookieBtn,
+  config,
+  contactLink,
+  ...props
+}: CookiesProps) {
+  const siteName = config?.cookiePolicy?.siteName;
+  const cookieConfigLink = config?.cookiePolicy?.cookiePolicyPage;
+  const cookieModalPosition = config?.cookiePolicy?.consentModal?.position || "bottom right";
+
+  useEffect(() => {
+    const cookieConfigOptions: CookieConsent.CookieConsentConfig = {
+      categories: {
+        necessary: {
+          enabled: true,
+          readOnly: true,
+        },
+        analytics: {
+          enabled: config?.enableAnalytics,
+        },
+      },
+      guiOptions: {
+        consentModal: {
+          position: cookieModalPosition,
+        },
+      },
+      language: {
+        default: "en",
+        translations: {
+          en: {
+            consentModal: {
+              title,
+              description:
+                "Cookies help us deliver our services. By using our services, you agree to our use of cookies.",
+              acceptAllBtn: allowCookieBtn,
+              acceptNecessaryBtn: denyCookieBtn || "Reject all",
+              showPreferencesBtn: "Manage Individual preferences",
+            },
+            preferencesModal: {
+              title: "Cookie Preferences",
+              acceptAllBtn: allowCookieBtn,
+              acceptNecessaryBtn: denyCookieBtn || "Reject all",
+              savePreferencesBtn: "Accept current selection",
+              closeIconLabel: "Close",
+              sections: [
+                {
+                  title,
+                  description,
+                },
+                {
+                  title: "Strictly Necessary cookies",
+                  description: `These cookies are essential for the proper functioning of this website. <a href=${extractLink(
+                    cookieConfigLink,
+                  )} target=${cookieConfigLink?.linkTarget} rel=${
+                    cookieConfigLink?.linkTarget === "_blank" ? "noopener noreferrer" : ""
+                  }>${config?.cookiePolicy?.cookiePolicyPage?.label}</a>.`,
+                  linkedCategory: "necessary",
+                },
+                {
+                  title: "Analytics",
+                  description:
+                    "These cookies are used to track and measure the use of this website.",
+                  linkedCategory: "analytics",
+                },
+                {
+                  title: "More information",
+                  description: `For any queries in relation to ${siteName}\'s policy on cookies and your choices, please <a href=${extractLink(
+                    contactLink,
+                  )} target=${contactLink?.linkTarget} rel=${
+                    contactLink?.linkTarget === "_blank" ? "noopener noreferrer" : ""
+                  }>${contactLink?.label}</a>.`,
+                },
+              ],
+            },
+          },
+        },
+      },
+      hideFromBots: false,
+    };
+
+    CookieConsent.run(cookieConfigOptions);
+  }, []);
+
+  return <div {...props} />;
+}
+
+export { Cookies_A };

package/src/helper/index.tsx

@@ -0,0 +1,25 @@
+import { LabeledRoute } from "../types";
+
+export const extractLink = (link: LabeledRoute): string => {
+  //not found page
+  if (!link?.internalLink && !link?.externalLink) {
+    return "/page-not-found";
+  }
+
+  //home page
+  if (link?.type === "linkInternal" && link?.internalLink?.toLowerCase()?.includes("home")) {
+    return "/";
+  }
+
+  //internal link
+  if (link?.type === "linkInternal") {
+    return `/${link?.internalLink}`;
+  }
+
+  //external link
+  if (link?.type === "linkExternal") {
+    return `${link?.externalLink}`;
+  }
+
+  return "/";
+};

package/src/index.ts

@@ -0,0 +1,5 @@
+"use client";
+
+// component exports
+export * from "./cookies";
+export * from "./cookies_a";

package/src/types.ts

@@ -0,0 +1,412 @@
+export type StyleVariants<T extends string> = Record<T, string>;
+
+export type Socials = "facebook" | "instagram" | "youtube" | "linkedin" | "twitter";
+export interface MainImage {
+  image: SanityImage;
+  alt?: string;
+}
+export interface SanityImage {
+  priority?: boolean | false;
+  _type: "image";
+  asset: {
+    _ref: string;
+    _type: "reference";
+  };
+}
+export interface LabeledRoute extends ConditionalLink {
+  label?: string;
+  linkTarget?: string;
+  linkType?: string;
+  _type?: string;
+  linkInternal?: any;
+  linkExternal?: string;
+}
+export interface ConditionalLink {
+  type?: string;
+  internalLink?: string | null;
+  externalLink?: string | null;
+}
+
+export interface StatItems {
+  label?: string;
+  mainImage?: MainImage;
+  value?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Logo extends ConditionalLink {
+  alt?: string;
+  linkTarget?: string;
+  image?: SanityImage;
+}
+
+export interface Images {
+  image?: SanityImage;
+  _key?: string;
+  _type?: string;
+  alt?: string;
+}
+
+export interface ContactDetails {
+  addressInfo?: string;
+  contactInfo?: string;
+  emailInfo?: string;
+  _key?: string;
+}
+
+export interface SocialLink {
+  socialMedia?: string | null;
+  socialMediaLink?: string | null;
+  _key?: string | null;
+  _type?: string | null;
+  socialMediaIcon?: {
+    alt?: string;
+    image?: SanityImage;
+  } | null;
+  socialMediaPlatform?: string | null;
+}
+
+export interface LabeledRouteWithKey extends LabeledRoute {
+  _key?: string;
+}
+
+export interface ArrayOfImageTitleAndText {
+  mainImage?: {
+    alt?: string;
+    image?: SanityImage;
+  };
+  plainText?: string;
+  title?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface FeaturedItem {
+  description?: string;
+  mainImage?: MainImage;
+  title?: string;
+  subtitle?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface ArrayOfTitleAndText {
+  _key?: string;
+  plainText?: string;
+  title?: string;
+}
+
+export interface BlogPost extends SanityBody {
+  authors?: Author[] | null;
+  body?: any;
+  categories?: Category[] | null;
+  excerpt?: string | null;
+  link?: string | null;
+  mainImage?: SanityImage | null;
+  publishedAt?: string;
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+  title?: string;
+}
+
+export interface Seo {
+  _type?: string;
+  seoTitle?: string;
+  seoDescription?: string;
+  seoImage?: SanityImage;
+  seoKeywords?: string;
+  seoSynonyms?: string;
+}
+
+export interface SanitySlug {
+  current?: string;
+  _type?: "slug";
+}
+
+export interface SanityBody {
+  _createdAt?: string;
+  _id?: string;
+  _rev?: string;
+  _type?: string;
+  _updatedAt?: string;
+}
+
+export interface Author extends SanityBody {
+  link?: string | null;
+  bio?: string | null;
+  name?: string | null;
+  slug?: SanitySlug | null;
+  image?: SanityImage | null;
+  profile?: {
+    alt: string;
+    image: SanityImage;
+  } | null;
+}
+
+export interface Category extends SanityBody {
+  title?: string;
+}
+
+export interface Form {
+  id?: string | null;
+  buttonLabel?: string | null;
+  name?: string | null;
+  subtitle?: string | null;
+  fields?: FormFields[] | null;
+  thankYouPage?: ThankYouPage | null;
+}
+
+export interface FormFields {
+  name?: string;
+  placeholder?: string;
+  pricingType?: string;
+  type?: FormTypes;
+  _key?: string;
+  _type?: string;
+  isRequired?: boolean;
+  label?: string;
+  items?: string[];
+}
+
+export type FormTypes =
+  | "inputText"
+  | "inputEmail"
+  | "inputPassword"
+  | "inputNumber"
+  | "textarea"
+  | "inputFile"
+  | "inputRadio"
+  | "inputCheckbox"
+  | "inputSelect";
+
+export interface ThankYouPage {
+  externalLink?: string | null;
+  internalLink?: string | null;
+  linkInternal?: any;
+  linkTarget?: string;
+  linkType?: string;
+  type?: string;
+}
+
+//Used on different sections
+export interface SectionsProps {
+  template?: Template;
+  data?: Sections;
+}
+
+export interface Sections extends SanityBody {
+  label?: string;
+  variant?: string;
+  variants?: Variants;
+  _key?: string;
+}
+
+//*EDIT THIS SECTION WHEN CREATING/UPDATING SCHEMAS ON STUDIO */
+export interface Variants {
+  template?: Template;
+  multipleMenus?: any;
+  arrayOfTitleAndText?: ArrayOfTitleAndText[] | null;
+  logo?: Logo | null;
+  primaryButton?: LabeledRoute | null;
+  secondaryButton?: LabeledRoute | null;
+  routes?: LabeledRouteWithKey[] | null;
+  menu?: LabeledRouteWithKey[] | null;
+  plans?: Plans[] | null;
+  formLinks?: LabeledRouteWithKey[] | null;
+  portfolios?: Portfolio[] | null;
+  portfoliosWithCategories?: PortfoliosWithCategories[] | null;
+  signInLink?: LabeledRoute | null;
+  signinLink?: LabeledRoute | null;
+  tags?: string[] | null;
+  posts?: BlogPost[] | null;
+  form?: Form | null;
+  collections?: Collection | null;
+  products?: CollectionProduct | null;
+  allProducts?: Collection[];
+  subtitle?: string | null;
+  caption?: string | null;
+  title?: string | null;
+  plainText?: string | null;
+  contactDescription?: string | null;
+  officeInformation?: string | null;
+  contactEmail?: string | null;
+  contactNumber?: string | null;
+  socialLinks?: SocialLink[] | null;
+  block?: any;
+  heading?: string | null;
+  acceptButtonLabel?: string | null;
+  declineButtonLabel?: string | null;
+  faqsWithCategories?: FaqsWithCategory[] | null;
+  faqs?: AskedQuestion[] | null;
+  arrayOfImageTitleAndText?: ArrayOfImageTitleAndText[] | null;
+  description?: string | null;
+  featuredItems?: FeaturedItem[] | null;
+  images?: Images[] | null;
+  contactDetails?: ContactDetails[] | null;
+  copyright?: string | null;
+  mainImage?: MainImage | null;
+  youtubeLink?: string | null;
+  banner?: any;
+  stats?: StatItems[] | null;
+  teams?: Team[] | null;
+  testimonials?: Testimonial[] | null;
+  selectStripeAccount?: string;
+  annualBilling?: string;
+  monthlyBilling?: string;
+  productDetails?: ProductDetail[];
+  btnLabel?: string;
+  selectAccount?: string;
+  hashtags?: string[];
+  numberOfPosts?: number;
+  text?: string;
+  button?: LabeledRoute;
+  features?: string[];
+  config: {
+    enableAnalytics: boolean;
+    cookiePolicy?: {
+      siteName: string;
+      cookiePolicyPage?: any;
+    };
+    consentModalPosition?: string;
+  };
+  contactLink?: LabeledRoute;
+}
+
+export interface Template {
+  bg?: string;
+  color?: string;
+}
+
+export type Plans = {
+  _key?: string | null;
+  _type?: "planItems" | null;
+  checkoutButtonName?: string | null;
+  description?: string | null;
+  monthlyPrice?: string | null;
+  planType?: string | null;
+  yearlyPrice?: string | null;
+  planIncludes?: string[] | null;
+  primaryButton?: LabeledRoute | null;
+} & Record<string, string>;
+
+export interface Portfolio {
+  dateAdded?: string | null;
+  mainImage?: MainImage | null;
+  primaryButton?: LabeledRoute | null;
+  title?: string | null;
+  _key?: string | null;
+  _type?: string | null;
+}
+
+export interface PortfoliosWithCategories {
+  category?: string | null;
+  content?: Content[] | null;
+  primaryButton?: LabeledRoute | null;
+  _key?: string | null;
+  _type?: string | null;
+}
+
+interface Content extends Portfolio {
+  description?: string | null;
+  subtitle?: string | null;
+}
+
+export interface Collection extends SanityBody {
+  collectionInfoVariant?: {
+    variant?: string;
+  } | null;
+  name?: string | null;
+  products?: CollectionProduct[] | null;
+  sections?: any; //todo
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+}
+
+export interface CollectionProduct extends SanityBody {
+  compareToPrice?: number | null;
+  description?: string | null;
+  ecwidProductId?: number | null;
+  name?: string | null;
+  price?: number | null;
+  productInfo?: ProductInfo | null;
+  productInfoVariant?: {
+    variant?: string;
+  } | null;
+  sections?: any; //todo
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+}
+
+//TODO, RECHECK PRODUCT INFO DATA FROM SANITY
+interface ProductInfo {
+  btnLabel?: string | null;
+  images?: ProductInfoImage[] | null;
+  productDetails?: ProductDetail[] | null;
+  socialLinks?: SocialLink[] | null;
+  subtitle?: string | null;
+}
+
+//TODO, RECHECK PRODUCT INFO DATA FROM SANITY
+export interface ProductDetail {
+  blockContent?: any;
+  contentType?: string;
+  tabName?: string;
+  _key?: string;
+  [key: string]: any;
+}
+interface ProductInfoImage {
+  alt?: string | null;
+  _key: string;
+  _type: string;
+  image?: SanityImage | null;
+}
+
+export interface FaqsWithCategory {
+  askedQuestions?: AskedQuestion[] | null;
+  category?: string | null;
+  _key?: string;
+  _type?: string;
+}
+
+export interface AskedQuestion {
+  answer?: string | null;
+  question?: string | null;
+  hidden?: boolean;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Team {
+  jobTitle?: string;
+  mainImage?: MainImage;
+  name?: string;
+  plainText?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Testimonial {
+  jobTitle?: string;
+  mainImage?: MainImage;
+  name?: string;
+  rating?: string;
+  testimony?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export declare interface Reference {
+  _type: string;
+  _ref: string;
+  _key?: string;
+  _weak?: boolean;
+  _strengthenOnPublish?: {
+    type: string;
+    weak?: boolean;
+    template?: {
+      id: string;
+      params: Record<string, string | number | boolean>;
+    };
+  };
+}