vviinn-widgets 2.7.2 → 2.8.0

package/dist/collection/components/vviinn-vpr-widget/stories/decorators.js

@@ -1,29 +0,0 @@
-export const gridDecorator = (story) => `
-<style>
-  @media (min-width: 836px) {
-    #root-inner {
-      padding: 0 10%;
-    }
-  }
-
-  @media (max-width: 860px) {
-    vviinn-product-card::part(title),
-    vviinn-product-card::part(brand),
-    vviinn-product-card::part(type),
-    vviinn-product-card::part(price-container) {
-      font-size: 14px;
-    }
-  }
-</style>
-${story()}
-`;
-export const continuityDecorator = (story) => `
-<style>
-  @media (min-width: 836px) {
-    #root-inner {
-      padding-left: 10%;
-    }
-  }
-</style>
-${story()}
-`;

package/dist/collection/components/vviinn-vpr-widget/stories/vviinn-vpr-widget.stories.js

@@ -1,211 +0,0 @@
-import { argTypes, continuityLayoutArgs, gridLayoutArgs } from "./args";
-import { gridDecorator, continuityDecorator } from "./decorators";
-const excludeControls = [
-  "blockTitle",
-  "currencySign",
-  "imageRatio",
-  "imageWidth",
-  "locale",
-  "pricePrefix",
-  "showScroll",
-];
-export default {
-  title: "Widgets/Visual Recommendations/Widget",
-  component: "vviinn-vpr-widget",
-  argTypes: Object.assign(Object.assign({}, argTypes), { mode: {
-      table: {
-        disable: true,
-      },
-    } }),
-  parameters: {
-    controls: {
-      exclude: excludeControls,
-    },
-  },
-};
-const allignementLeft = `
-  vviinn-vpr-widget::part(title),
-  vviinn-vpr-widget::part(brand),
-  vviinn-vpr-widget::part(type),
-  vviinn-vpr-widget::part(deeplink),
-  vviinn-vpr-widget::part(price-container) {
-    align-self: start;
-    text-align: left;
-  }`;
-const allignementCenter = `
-  vviinn-vpr-widget::part(title),
-  vviinn-vpr-widget::part(brand),
-  vviinn-vpr-widget::part(type),
-  vviinn-vpr-widget::part(deeplink),
-  vviinn-vpr-widget::part(price-container) {
-    align-self: center;
-    text-align: center;
-  }`;
-const allignementRight = `
-  vviinn-vpr-widget::part(title),
-  vviinn-vpr-widget::part(brand),
-  vviinn-vpr-widget::part(type),
-  vviinn-vpr-widget::part(deeplink),
-  vviinn-vpr-widget::part(price-container) {
-    align-self: end;
-    text-align: right;
-  }`;
-const allignement = new Map([
-  [0, allignementLeft],
-  [1, allignementCenter],
-  [2, allignementRight],
-]);
-const Template = (args) => `
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-      gtag("js", new Date());
-
-      gtag("config", "${args.analyticsId}");
-      gtag("require", "ec");
-    </script>
-    <style>
-      ${allignement.get(args.contentAlignment)}
-      vviinn-vpr-widget::part(title),
-      vviinn-vpr-widget::part(brand),
-      vviinn-vpr-widget::part(type),
-      vviinn-vpr-widget::part(price-sale),
-      vviinn-vpr-widget::part(price-regular) {
-        color: ${args.primaryTextColor};
-      }
-
-      vviinn-vpr-widget::part(price-outdated) {
-        color: ${args.secondaryTextColor};
-      }
-
-      vviinn-vpr-widget::part(recommendations-title) {
-        display: ${args.showTitle ? "flex" : "none"};
-        font-size: ${args.titleFontSize}px;
-      }
-
-      @media(min-width: 1024px) {
-        * {
-          --vviinn-carousel-columns: ${args.recommendationsGridProductsDesktop};
-        }
-      }
-
-      @media(max-width: 1024px) and (min-width: 768px) {
-        * {
-        --vviinn-carousel-columns: ${args.recommendationsGridProductsTablet};
-        }
-      }
- 
-      @media(max-width: 768px) and (min-width: 460px) {
-        * {
-          --vviinn-carousel-columns: ${args.recommendationsGridProductsMobile};
-        }
-
-        vviinn-product-card::part(title) {
-          font-size: 14px; 
-        }
-      }
-
-      @media(min-width: 1024px) {
-        vviinn-product-card,
-        vviinn-vpr-widget::part(image) {
-          width: ${args.recommendationsContinuityProductsDesktop}px;
-          max-width: ${args.recommendationsContinuityProductsDesktop}px;
-        }
-
-        vviinn-vpr-widget::part(image) {
-          height: 100%;
-          aspect-ratio: 1;
-        }
-      }
-
-      @media(max-width: 1024px) and (min-width: 768px) {
-        vviinn-product-card,
-        vviinn-vpr-widget::part(image) {
-          width: ${args.recommendationsContinuityProductsTablet}px;
-          max-width: ${args.recommendationsContinuityProductsTablet}px;
-        }
-
-        vviinn-vpr-widget::part(image) {
-          height: 100%;
-          aspect-ratio: 1;
-        }
-      }
-
-      @media(max-width: 768px) and (min-width: 460px) {
-        vviinn-product-card,
-        vviinn-vpr-widget::part(image) {
-          width: ${args.recommendationsContinuityProductsMobile}px;
-          max-width: ${args.recommendationsContinuityProductsMobile}px;
-        }
-
-        vviinn-vpr-widget::part(image) {
-          height: 100%;
-          aspect-ratio: 1;
-        }
-
-        vviinn-vpr-widget::part(title) {
-          font-size: 14px; 
-        }
-      }
-    </style>
-    <vviinn-vpr-widget
-      block-title="${args.titleName}"
-      api-path="${args.apiPath}"
-      product-id="${args.productId}"
-      token="${args.token}"
-      mode="${args.mode}"
-      show-scroll="${args.showScrollbars}"
-      image-width="${args.imageWidth}"
-      campaign-type="${args.campaignType}"
-      campaigns="${args.campaigns}"
-    >
-    </vviinn-vpr-widget>
-`;
-export const Grid = Template.bind({});
-Grid.args = {
-  analyticsId: "UA-34442043-5",
-  apiPath: "https://api.vviinn.com",
-  campaigns: "",
-  campaignType: "VPR",
-  contentAlignment: "Centered",
-  imageWidth: 420,
-  mode: "grid",
-  primaryTextColor: "#161616",
-  productId: "4114460310",
-  recommendationsGridProductsDesktop: 4,
-  recommendationsGridProductsMobile: 4,
-  recommendationsGridProductsTablet: 4,
-  secondaryTextColor: "#757575",
-  showScrollbars: true,
-  showTitle: true,
-  titleFontSize: 28,
-  titleName: "Recommended products",
-  token: "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOjgzLCJqdGkiOiI3ZTg2Y2I1YS00ZTFjLTRhYjctYjU2My1lN2FjMTYzZTYyZDIiLCJzY29wZXMiOlsidnByIiwidnBzIiwidnBjIl19.SbaQnBkvoXer3GPCWUthFQStFKLHZNMBfj4Qu44WHM8nzaIt48I74yVy4gVbX29vtd6jIkDPdakqEXRXmAxOCtv7_nsd4iBs1yMegfOWW5g8f10PKfZqmWJcfhwKIEElnUMFmP6rXpogntZ7iFfeTBbiRNzQPhkaa7jUjgQkCC4",
-};
-Grid.argTypes = Object.assign({}, gridLayoutArgs);
-Grid.decorators = [gridDecorator];
-export const Continuity = Template.bind({});
-Continuity.args = {
-  analyticsId: "UA-34442043-5",
-  apiPath: "https://api.vviinn.com",
-  campaigns: "",
-  campaignType: "VPR",
-  contentAlignment: "Left",
-  imageWidth: 300,
-  mode: "continuity",
-  primaryTextColor: "#161616",
-  productId: "4114460310",
-  recommendationsContinuityProductsDesktop: 200,
-  recommendationsContinuityProductsMobile: 160,
-  recommendationsContinuityProductsTablet: 150,
-  secondaryTextColor: "#757575",
-  showScrollbars: false,
-  showTitle: true,
-  titleFontSize: 28,
-  titleName: "Recommended products",
-  token: "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOjgzLCJqdGkiOiI3ZTg2Y2I1YS00ZTFjLTRhYjctYjU2My1lN2FjMTYzZTYyZDIiLCJzY29wZXMiOlsidnByIiwidnBzIiwidnBjIl19.SbaQnBkvoXer3GPCWUthFQStFKLHZNMBfj4Qu44WHM8nzaIt48I74yVy4gVbX29vtd6jIkDPdakqEXRXmAxOCtv7_nsd4iBs1yMegfOWW5g8f10PKfZqmWJcfhwKIEElnUMFmP6rXpogntZ7iFfeTBbiRNzQPhkaa7jUjgQkCC4",
-};
-Continuity.decorators = [continuityDecorator];
-Continuity.argTypes = Object.assign({}, continuityLayoutArgs);

package/dist/collection/components/vviinn-vpr-widget/token-helpers.js

@@ -1,11 +0,0 @@
-import { flow } from "fp-ts/lib/function";
-const createBearerString = (x) => `Bearer ${x}`;
-const createAuthedHeader = (x) => new Headers({
-  Authorization: x,
-});
-const createFetchAuthOptions = (x) => {
-  return {
-    headers: x,
-  };
-};
-export const createBearAuthedHeader = flow(createBearerString, createAuthedHeader, createFetchAuthOptions);