@sentecacommerce-theme/lib 0.11.104 → 0.11.108

package/dist/esm/postcss/tailwind/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/postcss/tailwind/utils.ts"],"names":["getFontFamilyName","familyName","theme","fontFamily","fontFamilies","find","family","name","fallback","getScreenByKey","key","foundScreen","screens","default","getScreenMediaQuery","withMax","screen","max","min","getFontByKey","foundFont","fonts","font","toRem","num"],"mappings":";AAEA,OAAO,IAAMA,iBAAiB,GAAG,CAC/BC,UAD+B,EAE/BC,KAF+B,KAG5B;AACH,MAAMC,UAAU,GAAGD,KAAK,CAACE,YAAN,CAAmBC,IAAnB,CAChBC,MAAD,IAAYA,MAAM,CAACC,IAAP,KAAgBN,UADX,CAAnB;AAIA,SAAOE,UAAU,UAAOA,UAAU,CAACI,IAAlB,WAA2BJ,UAAU,CAACK,QAAtC,GAAmD,SAApE;AACD,CATM;AAWP,OAAO,IAAMC,cAAc,GAAG,CAC5BC,GAD4B,EAE5BR,KAF4B,KAGzB;AACH,MAAMS,WAAW,GAAGT,KAAK,CAACU,OAAN,CAAcF,GAAd,KAAsBR,KAAK,CAACU,OAAN,CAAcC,OAAxD;AAEA,SAAOF,WAAP;AACD,CAPM;AASP,OAAO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,CACjCJ,GADiC,EAEjCR,KAFiC,EAGjCa,OAHiC,EAI9B;AAAA,MADHA,OACG;AADHA,IAAAA,OACG,GADO,KACP;AAAA;;AACH,MAAMC,MAAM,GAAGP,cAAc,CAACC,GAAD,EAAMR,KAAN,CAA7B;AAEA,MAAMe,GAAG,GAAGD,MAAM,CAACC,GAAP,IAAcF,OAAd,wBAA2CC,MAAM,CAACC,GAAlD,UAA4D,EAAxE;AAEA,iCAA6BD,MAAM,CAACE,GAApC,UAA4CD,GAA5C;AACD,CAVM;AAYP,OAAO,IAAME,YAAY,GAAG,CAACT,GAAD,EAAcR,KAAd,KAAwD;AAClF,MAAMkB,SAAS,GAAGlB,KAAK,CAACmB,KAAN,CAAYhB,IAAZ,CAAkBiB,IAAD,IAAUA,IAAI,CAACZ,GAAL,KAAaA,GAAxC,CAAlB;AAEA,MAAI,CAACU,SAAL,EAAgB,OAAOlB,KAAK,CAACmB,KAAN,CAAY,CAAZ,CAAP;AAEhB,sBACKD,SADL;AAEEnB,IAAAA,UAAU,EAAED,iBAAiB,CAACoB,SAAS,CAACnB,UAAX,EAAuBC,KAAvB;AAF/B;AAID,CATM;AAWP,OAAO,IAAMqB,KAAK,GAAIC,GAAD,IAAiB;AACpC,SAAQA,GAAG,GAAG,EAAP,GAAa,KAApB;AACD,CAFM","sourcesContent":["import { ScreenKeysEnum, TailwindStylesConfig } from '../types'\n\nexport const getFontFamilyName = (\n  familyName: string,\n  theme: TailwindStylesConfig<any, any>\n) => {\n  const fontFamily = theme.fontFamilies.find(\n    (family) => family.name === familyName\n  )\n\n  return fontFamily ? `\"${fontFamily.name}\",${fontFamily.fallback}` : 'inherit'\n}\n\nexport const getScreenByKey = (\n  key: ScreenKeysEnum,\n  theme: TailwindStylesConfig<any, any>\n) => {\n  const foundScreen = theme.screens[key] || theme.screens.default\n\n  return foundScreen\n}\n\nexport const getScreenMediaQuery = (\n  key: ScreenKeysEnum,\n  theme: TailwindStylesConfig<any, any>,\n  withMax = false\n) => {\n  const screen = getScreenByKey(key, theme)\n\n  const max = screen.max && withMax ? ` and max-width: ${screen.max}px` : ''\n\n  return `@media (min-width: ${screen.min}px${max})`\n}\n\nexport const getFontByKey = (key: string, theme: TailwindStylesConfig<any, any>) => {\n  const foundFont = theme.fonts.find((font) => font.key === key)\n\n  if (!foundFont) return theme.fonts[0]\n\n  return {\n    ...foundFont,\n    familyName: getFontFamilyName(foundFont.familyName, theme),\n  }\n}\n\nexport const toRem = (num: number) => {\n  return (num / 10) + 'rem'\n}"],"file":"utils.js"}

package/dist/esm/postcss/types.js

@@ -0,0 +1,23 @@
+export var ScreenKeysEnum;
+
+(function (ScreenKeysEnum) {
+  ScreenKeysEnum["default"] = "default";
+  ScreenKeysEnum["sm"] = "sm";
+  ScreenKeysEnum["md"] = "md";
+  ScreenKeysEnum["lg"] = "lg";
+  ScreenKeysEnum["xl"] = "xl";
+  ScreenKeysEnum["xxl"] = "xxl";
+})(ScreenKeysEnum || (ScreenKeysEnum = {}));
+
+export var ButtonSizesEnum;
+
+(function (ButtonSizesEnum) {
+  ButtonSizesEnum["xs"] = "xs";
+  ButtonSizesEnum["sm"] = "sm";
+  ButtonSizesEnum["md"] = "md";
+  ButtonSizesEnum["reg"] = "reg";
+  ButtonSizesEnum["lg"] = "lg";
+  ButtonSizesEnum["xl"] = "xl";
+  ButtonSizesEnum["xxl"] = "xxl";
+})(ButtonSizesEnum || (ButtonSizesEnum = {}));
+//# sourceMappingURL=types.js.map

package/dist/esm/postcss/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/postcss/types.ts"],"names":["ScreenKeysEnum","ButtonSizesEnum"],"mappings":"AAEA,WAAYA,cAAZ;;WAAYA,c;AAAAA,EAAAA,c;AAAAA,EAAAA,c;AAAAA,EAAAA,c;AAAAA,EAAAA,c;AAAAA,EAAAA,c;AAAAA,EAAAA,c;GAAAA,c,KAAAA,c;;AASZ,WAAYC,eAAZ;;WAAYA,e;AAAAA,EAAAA,e;AAAAA,EAAAA,e;AAAAA,EAAAA,e;AAAAA,EAAAA,e;AAAAA,EAAAA,e;AAAAA,EAAAA,e;AAAAA,EAAAA,e;GAAAA,e,KAAAA,e","sourcesContent":["import { NumberField, TextField } from '@sentecacommerce-theme/base'\n\nexport enum ScreenKeysEnum {\n  default = 'default',\n  sm = 'sm',\n  md = 'md',\n  lg = 'lg',\n  xl = 'xl',\n  xxl = 'xxl',\n}\n\nexport enum ButtonSizesEnum {\n  xs = 'xs',\n  sm = 'sm',\n  md = 'md',\n  reg = 'reg',\n  lg = 'lg',\n  xl = 'xl',\n  xxl = 'xxl',\n}\n\nexport type ScreenGroupField<T> = {\n  screen: ScreenKeysEnum\n} & T\n\nexport type ButtonField<T> = {\n  key: TextField\n\n  fontKey?: TextField\n\n  backgroundColor: T\n  textColor: T\n  borderColor: T\n\n  minWidth: NumberField\n  paddingX: NumberField\n  paddingY: NumberField\n  minHeight: NumberField\n  borderRadius: TextField\n\n  opacity?: NumberField\n\n  focusBoxShadowColor?: T\n\n  borderWidth: NumberField\n\n  hover?: {\n    backgroundColor?: T\n    textColor?: T\n    borderColor?: T\n    opacity?: NumberField\n    boxShadow?: T\n  }\n\n  sizes?: {\n    sizeKey: ButtonSizesEnum\n\n    fontKey?: TextField\n    minWidth: NumberField\n    minHeight: NumberField\n    paddingY: NumberField\n    paddingX: NumberField\n  }[]\n}\n\nexport type FontField = {\n  key: TextField\n  size: NumberField\n  lineHeight: TextField\n  weight: TextField\n\n  familyName: TextField\n\n  tags: TextField[]\n}\n\nexport interface TailwindStylesConfig<ColorEnum, ColorsObject> {\n  colors: ColorsObject\n\n  screens: {\n    [key in ScreenKeysEnum]: {\n      min: NumberField\n      max?: NumberField\n    }\n  }\n\n  fontFamilies: {\n    name: TextField\n    fallback: TextField\n    weight: TextField\n    woff: TextField\n    woff2: TextField\n    eot?: TextField\n    ttf?: TextField\n    svg?: TextField\n  }[]\n\n  fonts: FontField[]\n\n  defaultFont: ScreenGroupField<{ fontKey: TextField }>[]\n\n  buttons: ButtonField<ColorEnum>[]\n\n  forms?: {\n    inputStyle: {\n      borderColor: ColorEnum\n      textColor: ColorEnum\n      fontKey: TextField\n      height: NumberField\n      borderRadius: TextField\n      paddingX: NumberField\n      paddingY: NumberField\n\n      focus: {\n        textColor: ColorEnum\n        borderColor: ColorEnum\n      }\n\n      hover: {\n        textColor: ColorEnum\n        borderColor: ColorEnum\n      }\n    }\n  }\n\n  spaceBetweenSections: ScreenGroupField<{ space: NumberField }>[]\n\n  containerSizes: ScreenGroupField<{\n    maxWidth: NumberField\n    paddingX: NumberField\n  }>[]\n\n  bodyBackground: ColorEnum\n}"],"file":"types.js"}

package/dist/esm/seo/api/index.js

@@ -0,0 +1,2 @@
+export * from './ssr';
+//# sourceMappingURL=index.js.map

package/dist/esm/seo/api/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/seo/api/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAd","sourcesContent":["export * from './ssr'"],"file":"index.js"}

package/dist/esm/seo/api/ssr/fetchRedirectByFrom.js

@@ -0,0 +1,12 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import { RedirectsGetByFrom } from '@sentecacommerce/sdk';
+export var fetchRedirectByFrom = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(function* (from) {
+    return yield RedirectsGetByFrom(from);
+  });
+
+  return function fetchRedirectByFrom(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+//# sourceMappingURL=fetchRedirectByFrom.js.map

package/dist/esm/seo/api/ssr/fetchRedirectByFrom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/seo/api/ssr/fetchRedirectByFrom.ts"],"names":["RedirectsGetByFrom","fetchRedirectByFrom","from"],"mappings":";AAAA,SAASA,kBAAT,QAAmC,sBAAnC;AAEA,OAAO,IAAMC,mBAAmB;AAAA,+BAAG,WAAOC,IAAP,EAAwB;AACzD,iBAAaF,kBAAkB,CAACE,IAAD,CAA/B;AACD,GAF+B;;AAAA,kBAAnBD,mBAAmB;AAAA;AAAA;AAAA,GAAzB","sourcesContent":["import { RedirectsGetByFrom } from '@sentecacommerce/sdk'\n\nexport const fetchRedirectByFrom = async (from: string) => {\n  return await RedirectsGetByFrom(from)\n}\n"],"file":"fetchRedirectByFrom.js"}

package/dist/esm/seo/api/ssr/fetchSitemaps.js

@@ -0,0 +1,15 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import { SitemapsGetSitemapFiles } from '@sentecacommerce/sdk';
+export var fetchSitemaps = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(function* (storeKey, interfaceKey) {
+    return yield SitemapsGetSitemapFiles({
+      storeKey,
+      interfaceKey
+    });
+  });
+
+  return function fetchSitemaps(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+//# sourceMappingURL=fetchSitemaps.js.map

package/dist/esm/seo/api/ssr/fetchSitemaps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/seo/api/ssr/fetchSitemaps.ts"],"names":["SitemapsGetSitemapFiles","fetchSitemaps","storeKey","interfaceKey"],"mappings":";AAAA,SAASA,uBAAT,QAAwC,sBAAxC;AAEA,OAAO,IAAMC,aAAa;AAAA,+BAAG,WAAOC,QAAP,EAAyBC,YAAzB,EAAkD;AAC7E,iBAAaH,uBAAuB,CAAC;AAAEE,MAAAA,QAAF;AAAYC,MAAAA;AAAZ,KAAD,CAApC;AACD,GAFyB;;AAAA,kBAAbF,aAAa;AAAA;AAAA;AAAA,GAAnB","sourcesContent":["import { SitemapsGetSitemapFiles } from '@sentecacommerce/sdk'\n\nexport const fetchSitemaps = async (storeKey: string, interfaceKey: string) => {\n  return await SitemapsGetSitemapFiles({ storeKey, interfaceKey })\n}"],"file":"fetchSitemaps.js"}

package/dist/esm/seo/api/ssr/index.js

@@ -0,0 +1,3 @@
+export * from './fetchSitemaps';
+export * from './fetchRedirectByFrom';
+//# sourceMappingURL=index.js.map

package/dist/esm/seo/api/ssr/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/seo/api/ssr/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAd;AACA,cAAc,uBAAd","sourcesContent":["export * from './fetchSitemaps'\nexport * from './fetchRedirectByFrom'"],"file":"index.js"}

package/dist/esm/seo/index.js

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './hooks';
+export * from './api';
 //# sourceMappingURL=index.js.map

package/dist/esm/seo/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/seo/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,SAAd","sourcesContent":["export * from './components'\nexport * from './hooks'"],"file":"index.js"}
+{"version":3,"sources":["../../../src/seo/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,SAAd;AACA,cAAc,OAAd","sourcesContent":["export * from './components'\nexport * from './hooks'\nexport * from './api'"],"file":"index.js"}

package/dist/types/components/GoogleOneTap/index.d.ts

@@ -1 +1,3 @@
-export declare const GoogleOneTap: () => JSX.Element;
+export declare const GoogleOneTap: ({ autoSignIn, }: {
+    autoSignIn?: boolean | undefined;
+}) => JSX.Element;

package/dist/types/index.d.ts

@@ -112,3 +112,4 @@ export * from './build';
 export * from './order';
 export * from './product';
 export * from './checkout';
+export * from './postcss';

package/dist/types/postcss/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tailwind';
+export * from './types';

package/dist/types/postcss/tailwind/buttons-plugin.d.ts

@@ -0,0 +1,4 @@
+import { TailwindStylesConfig } from '../types';
+export declare const tailwindButtons: (Config: {
+    theme: TailwindStylesConfig<any, any>;
+}) => ({ addBase, theme }: any) => void;

package/dist/types/postcss/tailwind/default-plugin.d.ts

@@ -0,0 +1,4 @@
+import { TailwindStylesConfig } from '../types';
+export declare const tailwindDefaults: (Config: {
+    theme: TailwindStylesConfig<any, any>;
+}) => ({ addBase, theme }: any) => void;

package/dist/types/postcss/tailwind/fonts-plugin.d.ts

@@ -0,0 +1,4 @@
+import { TailwindStylesConfig } from '../types';
+export declare const tailwindFonts: (Config: {
+    theme: TailwindStylesConfig<any, any>;
+}) => ({ addBase, theme }: any) => void;

package/dist/types/postcss/tailwind/forms-plugin.d.ts

@@ -0,0 +1,4 @@
+import { TailwindStylesConfig } from '../types';
+export declare const tailwindForms: (Config: {
+    theme: TailwindStylesConfig<any, any>;
+}, withReset?: boolean, withTagSelector?: boolean) => ({ addBase, theme }: any) => void;

package/dist/types/postcss/tailwind/index.d.ts

@@ -0,0 +1,3 @@
+export * from './default-plugin';
+export * from './buttons-plugin';
+export * from './fonts-plugin';

package/dist/types/postcss/tailwind/utils.d.ts

@@ -0,0 +1,9 @@
+import { ScreenKeysEnum, TailwindStylesConfig } from '../types';
+export declare const getFontFamilyName: (familyName: string, theme: TailwindStylesConfig<any, any>) => string;
+export declare const getScreenByKey: (key: ScreenKeysEnum, theme: TailwindStylesConfig<any, any>) => {
+    min: number;
+    max?: number | undefined;
+};
+export declare const getScreenMediaQuery: (key: ScreenKeysEnum, theme: TailwindStylesConfig<any, any>, withMax?: boolean) => string;
+export declare const getFontByKey: (key: string, theme: TailwindStylesConfig<any, any>) => import("../types").FontField;
+export declare const toRem: (num: number) => string;

package/dist/types/postcss/types.d.ts

@@ -0,0 +1,110 @@
+import { NumberField, TextField } from '@sentecacommerce-theme/base';
+export declare enum ScreenKeysEnum {
+    default = "default",
+    sm = "sm",
+    md = "md",
+    lg = "lg",
+    xl = "xl",
+    xxl = "xxl"
+}
+export declare enum ButtonSizesEnum {
+    xs = "xs",
+    sm = "sm",
+    md = "md",
+    reg = "reg",
+    lg = "lg",
+    xl = "xl",
+    xxl = "xxl"
+}
+export declare type ScreenGroupField<T> = {
+    screen: ScreenKeysEnum;
+} & T;
+export declare type ButtonField<T> = {
+    key: TextField;
+    fontKey?: TextField;
+    backgroundColor: T;
+    textColor: T;
+    borderColor: T;
+    minWidth: NumberField;
+    paddingX: NumberField;
+    paddingY: NumberField;
+    minHeight: NumberField;
+    borderRadius: TextField;
+    opacity?: NumberField;
+    focusBoxShadowColor?: T;
+    borderWidth: NumberField;
+    hover?: {
+        backgroundColor?: T;
+        textColor?: T;
+        borderColor?: T;
+        opacity?: NumberField;
+        boxShadow?: T;
+    };
+    sizes?: {
+        sizeKey: ButtonSizesEnum;
+        fontKey?: TextField;
+        minWidth: NumberField;
+        minHeight: NumberField;
+        paddingY: NumberField;
+        paddingX: NumberField;
+    }[];
+};
+export declare type FontField = {
+    key: TextField;
+    size: NumberField;
+    lineHeight: TextField;
+    weight: TextField;
+    familyName: TextField;
+    tags: TextField[];
+};
+export interface TailwindStylesConfig<ColorEnum, ColorsObject> {
+    colors: ColorsObject;
+    screens: {
+        [key in ScreenKeysEnum]: {
+            min: NumberField;
+            max?: NumberField;
+        };
+    };
+    fontFamilies: {
+        name: TextField;
+        fallback: TextField;
+        weight: TextField;
+        woff: TextField;
+        woff2: TextField;
+        eot?: TextField;
+        ttf?: TextField;
+        svg?: TextField;
+    }[];
+    fonts: FontField[];
+    defaultFont: ScreenGroupField<{
+        fontKey: TextField;
+    }>[];
+    buttons: ButtonField<ColorEnum>[];
+    forms?: {
+        inputStyle: {
+            borderColor: ColorEnum;
+            textColor: ColorEnum;
+            fontKey: TextField;
+            height: NumberField;
+            borderRadius: TextField;
+            paddingX: NumberField;
+            paddingY: NumberField;
+            focus: {
+                textColor: ColorEnum;
+                borderColor: ColorEnum;
+            };
+            hover: {
+                textColor: ColorEnum;
+                borderColor: ColorEnum;
+            };
+        };
+    };
+    spaceBetweenSections: ScreenGroupField<{
+        space: NumberField;
+    }>[];
+    containerSizes: ScreenGroupField<{
+        maxWidth: NumberField;
+        paddingX: NumberField;
+    }>[];
+    bodyBackground: ColorEnum;
+}

package/dist/types/seo/api/index.d.ts

@@ -0,0 +1 @@
+export * from './ssr';

package/dist/types/seo/api/ssr/fetchRedirectByFrom.d.ts

@@ -0,0 +1 @@
+export declare const fetchRedirectByFrom: (from: string) => Promise<import("@sentecacommerce/sdk").CmsRedirectDTO>;

package/dist/types/seo/api/ssr/fetchSitemaps.d.ts

@@ -0,0 +1 @@
+export declare const fetchSitemaps: (storeKey: string, interfaceKey: string) => Promise<string[]>;

package/dist/types/seo/api/ssr/index.d.ts

@@ -0,0 +1,2 @@
+export * from './fetchSitemaps';
+export * from './fetchRedirectByFrom';

package/dist/types/seo/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './hooks';
+export * from './api';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sentecacommerce-theme/lib",
   "sideEffects": false,
-  "version": "0.11.104",
+  "version": "0.11.108",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -25,11 +25,12 @@
     "build": "concurrently yarn:build:*",
     "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
     "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
-    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types"
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "dev": "yarn build:esm --watch"
   },
-  "gitHead": "5a22ef2a53a8a4e0ead53f0b1926a737e30aef09",
+  "gitHead": "f74f5ac4c5ab7656cf7bd5a6e340eb01c17d7b69",
   "dependencies": {
-    "@sentecacommerce-theme/base": "^0.11.104",
+    "@sentecacommerce-theme/base": "^0.11.108",
     "@sentecacommerce/sdk": "^2.0.99",
     "body-scroll-lock": "^3.1.5",
     "copy-to-clipboard": "^3.3.1",