ouisys-component-library 2.0.4 → 2.0.5

package/dist/ZipFolderCreative.js

@@ -1,2 +1,2 @@
-import e from"classnames";import t from"react";import{s as i}from"./style-inject.es-1f59c1d0.js";var a="ZipFolderCreative-module_features__DRXJK",r="ZipFolderCreative-module_featuresTitle__c4Ayz",l="ZipFolderCreative-module_featuresGrid__t6V1e",m="ZipFolderCreative-module_featuresGridItem__-TDIA",s="ZipFolderCreative-module_featuresGridItemImage__sXY1T",d="ZipFolderCreative-module_featuresGridItemContent__bunH5",o="ZipFolderCreative-module_featuresGridItemName__DDsft",u="ZipFolderCreative-module_featuresGridItemDescription__s-jdM";i(".ZipFolderCreative-module_features__DRXJK{margin-inline:auto;padding:1rem}.ZipFolderCreative-module_featuresTitle__c4Ayz{font-size:1.5rem;font-weight:600;margin-block-end:1rem;text-transform:capitalize}.ZipFolderCreative-module_featuresGrid__t6V1e{display:flex;flex-wrap:wrap;gap:1rem}.ZipFolderCreative-module_featuresGridItem__-TDIA{align-items:start;background-color:#f6f6f6;border-radius:1rem;display:flex;flex:1 1 100%;gap:1rem;justify-content:start;padding:1rem}.ZipFolderCreative-module_featuresGridItemImage__sXY1T{aspect-ratio:1/1;border-radius:.5rem;font-size:.75rem;font-style:italic;height:5rem;-o-object-fit:cover;object-fit:cover;width:5rem}.ZipFolderCreative-module_featuresGridItemContent__bunH5{line-height:1.25;text-align:start}.ZipFolderCreative-module_featuresGridItemName__DDsft{font-size:1.25rem;font-weight:600;margin-block-end:.25rem;text-transform:capitalize}.ZipFolderCreative-module_featuresGridItemDescription__s-jdM{font-size:1rem;font-weight:500}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlppcEZvbGRlckNyZWF0aXZlLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDBDQUNFLGtCQUFtQixDQUNuQixZQUNGLENBRUEsK0NBQ0UsZ0JBQWlCLENBQ2pCLGVBQWdCLENBQ2hCLHFCQUFzQixDQUN0Qix5QkFDRixDQUVBLDhDQUNFLFlBQWEsQ0FDYixjQUFlLENBQ2YsUUFDRixDQUVBLGtEQUNFLGlCQUFrQixDQUNsQix3QkFBeUIsQ0FDekIsa0JBQW1CLENBQ25CLFlBQWEsQ0FDYixhQUFjLENBQ2QsUUFBUyxDQUNULHFCQUFzQixDQUN0QixZQUNGLENBRUEsdURBQ0UsZ0JBQWlCLENBQ2pCLG1CQUFxQixDQUNyQixnQkFBa0IsQ0FDbEIsaUJBQWtCLENBQ2xCLFdBQVksQ0FDWixtQkFBaUIsQ0FBakIsZ0JBQWlCLENBQ2pCLFVBQ0YsQ0FFQSx5REFDRSxnQkFBaUIsQ0FDakIsZ0JBQ0YsQ0FFQSxzREFDRSxpQkFBa0IsQ0FDbEIsZUFBZ0IsQ0FDaEIsdUJBQXlCLENBQ3pCLHlCQUNGLENBRUEsNkRBQ0UsY0FBZSxDQUNmLGVBQ0YiLCJmaWxlIjoiWmlwRm9sZGVyQ3JlYXRpdmUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmVhdHVyZXMge1xuICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBwYWRkaW5nOiAxcmVtO1xufVxuXG4uZmVhdHVyZXNUaXRsZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYmxvY2stZW5kOiAxcmVtO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cblxuLmZlYXR1cmVzR3JpZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgZ2FwOiAxcmVtO1xufVxuXG4uZmVhdHVyZXNHcmlkSXRlbSB7XG4gIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y2ZjZmNjtcbiAgYm9yZGVyLXJhZGl1czogMXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleDogMSAxIDEwMCU7XG4gIGdhcDogMXJlbTtcbiAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgcGFkZGluZzogMXJlbTtcbn1cblxuLmZlYXR1cmVzR3JpZEl0ZW1JbWFnZSB7XG4gIGFzcGVjdC1yYXRpbzogMS8xO1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBoZWlnaHQ6IDVyZW07XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogNXJlbTtcbn1cblxuLmZlYXR1cmVzR3JpZEl0ZW1Db250ZW50IHtcbiAgbGluZS1oZWlnaHQ6IDEuMjU7XG4gIHRleHQtYWxpZ246IHN0YXJ0O1xufVxuXG4uZmVhdHVyZXNHcmlkSXRlbU5hbWUge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ibG9jay1lbmQ6IDAuMjVyZW07XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4uZmVhdHVyZXNHcmlkSXRlbURlc2NyaXB0aW9uIHtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogNTAwO1xufSJdfQ== */");var c=Array(3).fill(null).map((function(e,t){return{image:"https://picsum.photos/id/".concat(Math.floor(99*Math.random()+1),"/320"),name:"features ".concat(t),description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nisl orci, ullamcorper nec faucibus nec, maximus sit amet leo. Suspendisse sit amet quam ut diam eleifend viverra id vel nunc."}})),n=function(i){var n=i.headline,Z=void 0===n?"Features":n,Q=i.items,F=void 0===Q?c:Q,g=i.className,p=void 0===g?"":g,I=i.dataQaId,b=void 0===I?"qa-features":I,G=i.tracker;return t.createElement("div",{className:e(a,"features",p),"data-qa-id":b},t.createElement("div",{className:e(r,"features-title")},Z),t.createElement("div",{className:e(l,"features-grid")},F.length&&F.map((function(i,a){var r=i.image,l=i.name,c=i.description;return t.createElement("div",{key:a,className:e(m,"features-grid-item"),onClick:function(){G&&G.customEvent("Features","click","FeaturesGrid".concat(a))}},t.createElement("img",{src:r,alt:l,className:e(s,"features-grid-item-image")}),t.createElement("div",{className:e(d,"features-grid-item-content")},t.createElement("div",{className:e(o,"features-grid-item-name")},l),t.createElement("div",{className:e(u,"features-grid-item-description")},c)))}))))};export{n as ZipFolderCreative};
+import e from"classnames";import i from"react";import{s as t}from"./style-inject.es-1f59c1d0.js";var a="ZipFolderCreative-module_zip-folder-creative__Jtt2n",l="ZipFolderCreative-module_zip-folder-creative-content__RqMzS";t(".ZipFolderCreative-module_zip-folder-creative__Jtt2n{align-items:center;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:16px;justify-content:center}.ZipFolderCreative-module_zip-folder-creative-image__3UFL6{background-color:#f0f0f0;height:100%;height:200px;width:100%;width:200px}.ZipFolderCreative-module_zip-folder-creative-content__RqMzS{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlppcEZvbGRlckNyZWF0aXZlLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFEQUdFLGtCQUFtQixDQUduQix3QkFBeUIsQ0FMekIsWUFBYSxDQUNiLHFCQUFzQixDQUd0QixRQUFTLENBRFQsc0JBR0YsQ0FFQSwyREFLRSx3QkFBeUIsQ0FIekIsV0FBWSxDQUNaLFlBQWEsQ0FGYixVQUFXLENBR1gsV0FFRixDQUVBLDZEQUdFLGtCQUFtQixDQUZuQixZQUFhLENBQ2IscUJBQXNCLENBR3RCLFFBQVMsQ0FEVCxzQkFFRiIsImZpbGUiOiJaaXBGb2xkZXJDcmVhdGl2ZS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi56aXAtZm9sZGVyLWNyZWF0aXZlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTZweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2UwZTBlMDtcbn1cblxuLnppcC1mb2xkZXItY3JlYXRpdmUtaW1hZ2Uge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBoZWlnaHQ6IDIwMHB4O1xuICB3aWR0aDogMjAwcHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMGYwZjA7XG59XG5cbi56aXAtZm9sZGVyLWNyZWF0aXZlLWNvbnRlbnQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZ2FwOiAxNnB4O1xufSJdfQ== */");var c=function(t){t.headline;var c=t.name,r=void 0===c?"DWtJ-0LPq-evGA-OjbP-ZM9o":c,n=t.expiration,o=void 0===n?"5 minutes":n,d=t.className,m=void 0===d?"":d,p=t.dataQaId,b=void 0===p?"zip-folder-creative":p;return t.tracker,i.createElement("div",{className:e(a,"zip-folder-creative",m),"data-qa-id":b},i.createElement("div",{className:e(l,"zip-folder-creative-image")},i.createElement(i.Fragment,null)),i.createElement("div",{className:e(l,"zip-folder-creative-content")},i.createElement("p",null,"Name: ",r),i.createElement("p",null,"Expiration: ",o)))};export{c as ZipFolderCreative};
 //# sourceMappingURL=ZipFolderCreative.js.map

package/dist/ZipFolderCreative.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZipFolderCreative.js","sources":["../src/Creative/ZipFolderCreative/ZipFolderCreative.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React from 'react';\nimport styles from './ZipFolderCreative.module.scss';\nimport { interfaceFeatures, typeItems } from './ZipFolderCreative.types';\n\nconst defaultItems = Array(3)\n  .fill(null)\n  .map((_, index) => ({\n    image: `https://picsum.photos/id/${Math.floor(Math.random() * (99 - 1 + 1) + 1)}/320`,\n    name: `features ${index}`,\n    description:\n      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nisl orci, ullamcorper nec faucibus nec, maximus sit amet leo. Suspendisse sit amet quam ut diam eleifend viverra id vel nunc.'\n  }));\n\nexport const ZipFolderCreative = ({\n  headline = 'Features',\n  items = defaultItems,\n  className = '',\n  dataQaId = 'qa-features',\n  tracker\n}: interfaceFeatures) => (\n  <div className={cn(styles.features, 'features', className)} data-qa-id={dataQaId}>\n    <div className={cn(styles.featuresTitle, 'features-title')}>{headline}</div>\n\n    <div className={cn(styles.featuresGrid, 'features-grid')}>\n      {items.length &&\n        items.map(({ image, name, description }: typeItems, index: number) => (\n          <div\n            key={index}\n            className={cn(styles.featuresGridItem, 'features-grid-item')}\n            onClick={() => {\n              if (tracker) {\n                tracker.customEvent('Features', 'click', `FeaturesGrid${index}`);\n              }\n            }}\n          >\n            <img src={image} alt={name} className={cn(styles.featuresGridItemImage, 'features-grid-item-image')} />\n            <div className={cn(styles.featuresGridItemContent, 'features-grid-item-content')}>\n              <div className={cn(styles.featuresGridItemName, 'features-grid-item-name')}>{name}</div>\n              <div className={cn(styles.featuresGridItemDescription, 'features-grid-item-description')}>\n                {description}\n              </div>\n            </div>\n          </div>\n        ))}\n    </div>\n  </div>\n);\n"],"names":["defaultItems","Array","fill","map","_","index","image","Math","floor","random","name","concat","description","ZipFolderCreative","_a","_b","headline","_c","items","_d","className","_e","dataQaId","tracker","React","createElement","cn","styles","length","key","onClick","customEvent","src","alt"],"mappings":"s/GAKA,IAAMA,EAAeC,MAAM,GACxBC,KAAK,MACLC,KAAI,SAACC,EAAGC,GAAU,MAAC,CAClBC,MAAO,mCAA4BC,KAAKC,MAAuB,GAAjBD,KAAKE,SAA0B,GAAQ,QACrFC,KAAM,YAAYC,OAAAN,GAClBO,YACE,oMACF,IAESC,EAAoB,SAACC,GAChC,IAAAC,EAAAD,EAAAE,SAAAA,OAAW,IAAAD,EAAA,WAAUA,EACrBE,EAAoBH,EAAAI,MAApBA,OAAK,IAAAD,EAAGjB,EAAYiB,EACpBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAAwBP,EAAAQ,SAAxBA,OAAQ,IAAAD,EAAG,cAAaA,EACxBE,EAAOT,EAAAS,QACgB,OACvBC,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAiB,WAAYP,gBAAwBE,GACtEE,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAsB,mBAAoBX,GAE7DQ,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAqB,kBACrCT,EAAMU,QACLV,EAAMf,KAAI,SAACW,EAAyCT,GAAvC,IAAAC,UAAOI,EAAII,EAAAJ,KAAEE,EAAWE,EAAAF,YAAiC,OACpEY,EACEC,cAAA,MAAA,CAAAI,IAAKxB,EACLe,UAAWM,EAAGC,EAAyB,sBACvCG,QAAS,WACHP,GACFA,EAAQQ,YAAY,WAAY,QAAS,eAAepB,OAAAN,MAI5DmB,EAAAC,cAAA,MAAA,CAAKO,IAAK1B,EAAO2B,IAAKvB,EAAMU,UAAWM,EAAGC,EAA8B,8BACxEH,EAAKC,cAAA,MAAA,CAAAL,UAAWM,EAAGC,EAAgC,+BACjDH,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAA6B,4BAA6BjB,GAC7Ec,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAoC,mCACpDf,IAIR,KAxBgB"}
+{"version":3,"file":"ZipFolderCreative.js","sources":["../src/Creative/ZipFolderCreative/ZipFolderCreative.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React from 'react';\nimport styles from './ZipFolderCreative.module.scss';\nimport { interfaceFeatures } from './ZipFolderCreative.types';\n\nexport const ZipFolderCreative = ({\n  headline = 'Your Download is ready',\n  name = 'DWtJ-0LPq-evGA-OjbP-ZM9o',\n  expiration = '5 minutes',\n  className = '',\n  dataQaId = 'zip-folder-creative',\n  tracker\n}: interfaceFeatures) => (\n  <div className={cn(styles.zipFolderCreative, 'zip-folder-creative', className)} data-qa-id={dataQaId}>\n    <div className={cn(styles.zipFolderCreativeContent, 'zip-folder-creative-image')}>\n      <></>\n    </div>\n    <div className={cn(styles.zipFolderCreativeContent, 'zip-folder-creative-content')}>\n      <p>Name: {name}</p>\n      <p>Expiration: {expiration}</p>\n    </div>\n  </div>\n);\n"],"names":["ZipFolderCreative","_a","headline","_c","name","_d","expiration","_e","className","_f","dataQaId","tracker","React","createElement","cn","styles","Fragment"],"mappings":"ivDAKO,IAAMA,EAAoB,SAACC,GAChCA,EAAAC,SAAA,IACAC,EAAAF,EAAAG,KAAAA,aAAO,2BAA0BD,EACjCE,EAAAJ,EAAAK,WAAAA,OAAU,IAAAD,EAAG,YAAWA,EACxBE,EAAcN,EAAAO,UAAdA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAAgCR,EAAAS,SAAhCA,OAAW,IAAAD,EAAA,sBAAqBA,EAET,OADhBR,EAAAU,QAEPC,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAA0B,sBAAuBP,gBAAwBE,GAC1FE,EAAKC,cAAA,MAAA,CAAAL,UAAWM,EAAGC,EAAiC,8BAClDH,EAAAC,cAAAD,EAAAI,SAAA,OAEFJ,EAAKC,cAAA,MAAA,CAAAL,UAAWM,EAAGC,EAAiC,gCAClDH,EAAAC,cAAA,IAAA,cAAUT,GACVQ,EAAAC,cAAA,IAAA,oBAAgBP,IAPG"}

package/dist/types/Creative/ZipFolderCreative/ZipFolderCreative.d.ts

@@ -1,5 +1,5 @@
 import { interfaceFeatures } from './ZipFolderCreative.types.js';
 
-declare const ZipFolderCreative: ({ headline, items, className, dataQaId, tracker }: interfaceFeatures) => JSX.Element;
+declare const ZipFolderCreative: ({ headline, name, expiration, className, dataQaId, tracker }: interfaceFeatures) => JSX.Element;
 
 export { ZipFolderCreative };

package/dist/types/Creative/ZipFolderCreative/ZipFolderCreative.types.d.ts

@@ -7,7 +7,8 @@ type typeItems = {
 };
 interface interfaceFeatures {
     headline: string;
-    items: Array<typeItems>;
+    name: string;
+    expiration: string;
     className?: string;
     dataQaId?: string;
     tracker?: ITracker;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ouisys-component-library",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Ouisys Components",
   "main": "dist/index.js",
   "directories": "dist dev-tools",