@treely/strapi-slices 5.8.0 → 5.9.0

package/dist/components/PreviewAlert/PreviewAlert.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PreviewAlert: () => JSX.Element;

package/dist/components/PreviewAlert/PreviewAlert.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, unknown>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, unknown>;

package/dist/components/PreviewAlert/index.d.ts

@@ -0,0 +1 @@
+export { PreviewAlert } from './PreviewAlert';

package/dist/index.d.ts

@@ -52,6 +52,7 @@ import mergeGlobalAndStrapiPageData from './utils/mergeGlobalAndStrapiPageData';
 import mergeGlobalAndStrapiProjectData from './utils/mergeGlobalAndStrapiProjectData';
 import strapiLinkUrl from './utils/strapiLinkUrl';
 import strapiMediaUrl from './utils/strapiMediaUrl';
+export * from './components/PreviewAlert';
 export * from './components/SEOTags';
 export * from './components/SliceRenderer';
 export { mergeGlobalAndStrapiBlogPostData, mergeGlobalAndStrapiCustomerStoryData, mergeGlobalAndStrapiPageData, mergeGlobalAndStrapiProjectData, strapiLinkUrl, strapiMediaUrl, getPortfolioProjects, getStaticPathsFromStrapi, getStaticPropsFromStrapi, };

package/dist/models/forms/SmallCheckoutForm.d.ts

@@ -0,0 +1,5 @@
+interface SmallCheckoutForm {
+    contributionValueCurrency: string;
+    contributionValueKgs: string;
+}
+export default SmallCheckoutForm;

package/dist/slices/Hero/Hero.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import StrapiImage from '../../models/strapi/StrapiImage';
 import StrapiLink from '../../models/strapi/StrapiLink';
 import StrapiButtonWithVariant from '../../models/strapi/StrapiButtonWithVariant';
@@ -14,4 +14,4 @@ export interface HeroProps {
         shape?: StrapiImage;
     };
 }
-export declare const Hero: React.FC<HeroProps>;
+export declare const Hero: ({ slice }: HeroProps) => JSX.Element;

package/dist/slices/IconGrid/IconGrid.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import StrapiImage from '../../models/strapi/StrapiImage';
 import StrapiLink from '../../models/strapi/StrapiLink';
 export interface IconGridProps {
@@ -15,4 +15,4 @@ export interface IconGridProps {
         }[];
     };
 }
-export declare const IconGrid: React.FC<IconGridProps>;
+export declare const IconGrid: ({ slice }: IconGridProps) => JSX.Element;

package/dist/strapi-slices.cjs.development.js

@@ -6,8 +6,8 @@ var axios = require('axios');
 var qs = require('qs');
 var axiosCacheInterceptor = require('axios-cache-interceptor');
 var React = require('react');
-var Head = require('next/head');
 var boemly = require('boemly');
+var Head = require('next/head');
 var Image = require('next/image');
 var reactUse = require('react-use');
 var react = require('@phosphor-icons/react');
@@ -756,6 +756,17 @@ var strapiLinkUrl = function strapiLinkUrl(strapiLink) {
   return ((_strapiLink2 = strapiLink) == null ? void 0 : _strapiLink2.url) || '/';
 };
 
+var PreviewAlert = function PreviewAlert() {
+  return React__default.default.createElement(boemly.Box, {
+    position: "fixed",
+    top: "4",
+    left: "4"
+  }, React__default.default.createElement(boemly.BoemlyAlert, {
+    text: "Preview",
+    status: "error"
+  }));
+};
+
 var SEOTags = function SEOTags(_ref) {
   var _shareImage$url, _shareImage$alt;
   var title = _ref.title,
@@ -4342,15 +4353,16 @@ var SmallCheckout = function SmallCheckout(_ref) {
     push = _useRouter.push;
   var validateForm = React.useCallback(function (values) {
     var errors = {};
-    if (!values.contributionValueCurrency) {
+    var value = parseInt(values.contributionValueCurrency);
+    if (!values.contributionValueCurrency || isNaN(value)) {
       errors.contributionValueCurrency = formatMessage({
         id: 'portfolio.smallCheckout.contributionValueCurrency.validation.empty'
       });
-    } else if (values.contributionValueCurrency < MINIMUM_CONTRIBUTION_VALUE_IN_MONEY) {
+    } else if (value < MINIMUM_CONTRIBUTION_VALUE_IN_MONEY) {
       errors.contributionValueCurrency = formatMessage({
         id: "portfolio.smallCheckout.contributionValueCurrency.validation.tooLow." + currency
       });
-    } else if (values.contributionValueCurrency > MAXIMUM_CONTRIBUTION_VALUE_IN_MONEY) {
+    } else if (value > MAXIMUM_CONTRIBUTION_VALUE_IN_MONEY) {
       errors.contributionValueCurrency = formatMessage({
         id: 'portfolio.smallCheckout.contributionValueCurrency.validation.tooHigh'
       });
@@ -4367,7 +4379,7 @@ var SmallCheckout = function SmallCheckout(_ref) {
             checkoutURL = new URL(FPM_API_URI + "/v1/webhooks/shop/checkout");
             currentURL = new URL(window.location.href);
             checkoutURL.searchParams.append('batchId', batchId);
-            checkoutURL.searchParams.append('quantity', Math.floor(contributionValueCurrency / pricePerKg).toString());
+            checkoutURL.searchParams.append('quantity', Math.floor(parseInt(contributionValueCurrency) / pricePerKg).toString());
             checkoutURL.searchParams.append('cancelPath', currentURL.pathname);
             push(checkoutURL.toString());
           case 7:
@@ -4408,8 +4420,8 @@ var SmallCheckout = function SmallCheckout(_ref) {
     }))
   }))), React__default.default.createElement(formik.Formik, {
     initialValues: {
-      contributionValueCurrency: initialContributionValue,
-      contributionValueKgs: initialContributionValue / pricePerKg / 1000
+      contributionValueCurrency: initialContributionValue.toString(),
+      contributionValueKgs: (initialContributionValue / pricePerKg / 1000).toString()
     },
     validate: validateForm,
     onSubmit: onSubmit
@@ -4433,11 +4445,12 @@ var SmallCheckout = function SmallCheckout(_ref) {
         size: "md",
         inputProps: {
           type: 'number',
-          value: field.value,
+          value: field.value || '',
           onChange: function onChange(e) {
+            var value = e.target.valueAsNumber;
             setValues({
-              contributionValueCurrency: e.target.valueAsNumber,
-              contributionValueKgs: e.target.valueAsNumber / pricePerKg / 1000
+              contributionValueCurrency: value.toString(),
+              contributionValueKgs: (value / pricePerKg / 1000).toString()
             });
           }
         },
@@ -4463,12 +4476,12 @@ var SmallCheckout = function SmallCheckout(_ref) {
         size: "md",
         inputProps: {
           type: 'number',
-          value: field.value,
+          value: field.value || '',
           onChange: function onChange(e) {
-            var value = e.target.valueAsNumber || 0;
+            var value = e.target.valueAsNumber;
             setValues({
-              contributionValueCurrency: value * pricePerKg * 1000,
-              contributionValueKgs: value
+              contributionValueCurrency: (value * pricePerKg * 1000).toString(),
+              contributionValueKgs: value.toString()
             });
           }
         },
@@ -5579,6 +5592,7 @@ var SliceRenderer = function SliceRenderer(_ref) {
   }));
 };
 
+exports.PreviewAlert = PreviewAlert;
 exports.SEOTags = SEOTags;
 exports.SliceRenderer = SliceRenderer;
 exports.getPortfolioProjects = getPortfolioProjects;