@usereactify/search 5.16.1 → 5.16.3

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [5.16.3](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.16.2...release-v5.16.3) (2022-12-08)
+
+
+### Bug Fixes
+
+* move gtag initializer into provider and include relevant user properties ([72ca81e](https://bitbucket.org/usereactify/reactify-search-ui/commit/72ca81e5556f07f1c7fd4a0c630698ed4e70f6fa))
+
+### [5.16.2](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.16.1...release-v5.16.2) (2022-12-08)
+
+
+### Bug Fixes
+
+* check window exists before initializing ga ([19d0f48](https://bitbucket.org/usereactify/reactify-search-ui/commit/19d0f485374f78a9c567cc130e9ec289fe59ae46))
+
 ### [5.16.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.16.0...release-v5.16.1) (2022-12-08)
 
 

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@usereactify/search",
     "description": "React UI library for Reactify Search",
-    "version": "5.16.1",
+    "version": "5.16.3",
     "license": "MIT",
     "main": "dist/src/index.js",
     "types": "dist/src/index.d.ts",

package/dist/src/components/ReactifySearchProvider/ReactifySearchProvider.js

@@ -25,6 +25,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactifySearchProvider = void 0;
 const react_1 = __importDefault(require("react"));
 const Sentry = __importStar(require("@sentry/react"));
+// @ts-expect-error missing types
+const GaGtag = __importStar(require("ga-gtag"));
+const package_json_1 = __importDefault(require("../../../package.json"));
 const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
 const utility_1 = require("../../utility");
@@ -38,6 +41,13 @@ const ReactifySearchProvider = (props) => {
             "reactifysearch.collection": props.mode === "collection" ? props.collectionHandle : undefined,
             "reactifysearch.filter": props.filtersHandle,
         });
+        GaGtag.install("G-DV00Z0X5VP", {
+            cookie_prefix: "_rs",
+            user_properties: {
+                shop: props.shopifyPermanentDomain,
+                version: package_json_1.default.version,
+            },
+        });
     }, [props]);
     return (react_1.default.createElement(Sentry.ErrorBoundary, { fallback: react_1.default.createElement("p", null, "An error has occurred") },
         react_1.default.createElement(ReactifySearchInner, Object.assign({}, props))));

package/dist/src/components/ReactifySearchProvider/ReactifySearchProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactifySearchProvider.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchProvider/ReactifySearchProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport * as Sentry from \"@sentry/react\";\n\nimport { ReactifySearchContext, useConfig } from \"../../hooks\";\nimport { UtilityAuthenticatedReactiveBase } from \"../../components\";\nimport { debug } from \"../../utility\";\nimport { ReactivesearchResultProps } from \"../../types\";\n\nexport type ReactifySearchProviderProps = {\n  /** Standard react children */\n  children?: React.ReactNode | undefined;\n  /** The search area the provider will be used in */\n  mode: \"search\" | \"collection\" | \"instant-search\";\n  /** Shopify store domain used to resolve the site configuration */\n  shopifyPermanentDomain: string;\n  /** Callback function for redirects, suitable for headless sites to avoid full page refresh */\n  onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n  /** Render method to display a component when the config is loading */\n  renderBooting?: () => JSX.Element | null;\n  /** Advanced usage: Override the default Filters selection logic */\n  filtersHandle?: string;\n  /** Advanced usage: Allows you to wrap the ReactifySearchProvider in your own ReactiveBase component */\n  noReactiveBase?: boolean;\n  /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */\n  additionalComponentIds?: string[];\n  /** Advanced usage: Override the default Elasticsearch index */\n  index?: string;\n  /** Advanced usage: Override the default Reactify Search config (for multi-instance stores) */\n  configId?: string;\n  /** Advanced usage: Override the default Elasticsearch credentials */\n  credentials?: string;\n  /** Advanced usage: Override the default Elasticsearch endpoint */\n  endpoint?: string;\n  /** Advanced usage: Override the default ReactiveBase theme */\n  theme?: Record<string, unknown>;\n  /** Advanced usage: Fields to include in the Elasticsearch response e.g. [\"title\"] */\n  includeFields?: string[];\n  /** Advanced usage: Fields to exclude from the Elasticsearch response e.g. [\"variant_skus\", \"*price*\"] */\n  excludeFields?: string[];\n} & (\n  | {\n      mode: \"search\";\n    }\n  | {\n      mode: \"collection\";\n      /** Collection object that includes the handle, used to find curations */\n      collectionHandle: string;\n    }\n  | {\n      mode: \"instant-search\";\n    }\n);\n\nexport const ReactifySearchProvider: React.FC<ReactifySearchProviderProps> = (\n  props\n) => {\n  React.useEffect(() => {\n    debug.log(\"ReactifySearchProvider\", \"props\", props);\n\n    Sentry.setTags({\n      \"reactifysearch.index\": props.index,\n      \"reactifysearch.shop\": props.shopifyPermanentDomain,\n      \"reactifysearch.mode\": props.mode,\n      \"reactifysearch.collection\":\n        props.mode === \"collection\" ? props.collectionHandle : undefined,\n      \"reactifysearch.filter\": props.filtersHandle,\n    });\n  }, [props]);\n\n  return (\n    <Sentry.ErrorBoundary fallback={<p>An error has occurred</p>}>\n      <ReactifySearchInner {...props} />\n    </Sentry.ErrorBoundary>\n  );\n};\n\nconst ReactifySearchInner: React.FC<ReactifySearchProviderProps> = (props) => {\n  const { config } = useConfig(props.shopifyPermanentDomain, props.configId);\n\n  const theme = props.theme ?? {\n    typography: {\n      fontFamily: \"inherit\",\n      fontSize: \"inherit\",\n    },\n  };\n\n  const searchTermFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"q\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const searchSortFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"sort\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const [searchTerm, setSearchTerm] = React.useState<string>(\n    searchTermFromURL ?? \"\"\n  );\n  const [showInstantSearchResults, setShowInstantSearchResults] =\n    React.useState<boolean>(false);\n  const [sortOption, setSortOption] = React.useState<string>(\n    searchSortFromURL ?? \"\"\n  );\n\n  const [results, setResults] = React.useState<\n    ReactivesearchResultProps[\"data\"]\n  >([]);\n  const [resultStats, setResultStats] =\n    React.useState<ReactivesearchResultProps[\"resultStats\"]>();\n\n  React.useEffect(() => {\n    if (searchTermFromURL && searchTerm !== searchTermFromURL) {\n      setSearchTerm(searchTermFromURL);\n    }\n  }, [searchTermFromURL]);\n\n  React.useEffect(() => {\n    if (searchSortFromURL && sortOption !== searchSortFromURL) {\n      setSortOption(searchSortFromURL);\n    }\n  }, [searchSortFromURL]);\n\n  const contextValue = React.useMemo(() => {\n    if (!config) {\n      return;\n    }\n\n    return {\n      config: config,\n      options: {\n        ...props,\n        index: props.index ?? config.index,\n        filtersHandle: props.filtersHandle,\n        credentials: props.credentials,\n        endpoint: props.endpoint ?? \"https://api.search.reactify.app\",\n        theme: theme,\n      },\n      search: {\n        searchTerm: searchTerm,\n        setSearchTerm: setSearchTerm,\n        showInstantSearchResults: showInstantSearchResults,\n        setShowInstantSearchResults: setShowInstantSearchResults,\n      },\n      sortby: {\n        sortOption: sortOption,\n        setSortOption: setSortOption,\n      },\n      results: {\n        results: results,\n        setResults: setResults,\n        resultStats: resultStats,\n        setResultStats: setResultStats,\n      },\n    };\n  }, [\n    config,\n    props,\n    searchTerm,\n    showInstantSearchResults,\n    sortOption,\n    results,\n    resultStats,\n  ]);\n\n  debug.hook(\"ReactifySearchProvider\", \"context\", contextValue);\n\n  if (!contextValue) {\n    if (props.renderBooting) {\n      return props.renderBooting();\n    }\n    return null;\n  }\n\n  if (props.noReactiveBase) {\n    return (\n      <ReactifySearchContext.Provider value={contextValue}>\n        {props.children}\n      </ReactifySearchContext.Provider>\n    );\n  }\n\n  return (\n    <ReactifySearchContext.Provider value={contextValue}>\n      <UtilityAuthenticatedReactiveBase>\n        {props.children}\n      </UtilityAuthenticatedReactiveBase>\n    </ReactifySearchContext.Provider>\n  );\n};\n"]}
+{"version":3,"file":"ReactifySearchProvider.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchProvider/ReactifySearchProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,sDAAwC;AACxC,iCAAiC;AACjC,gDAAkC;AAElC,yEAAwC;AAExC,uCAA+D;AAC/D,iDAAoE;AACpE,2CAAsC;AAgD/B,MAAM,sBAAsB,GAA0C,CAC3E,KAAK,EACL,EAAE;IACF,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,eAAK,CAAC,GAAG,CAAC,wBAAwB,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QAEpD,MAAM,CAAC,OAAO,CAAC;YACb,sBAAsB,EAAE,KAAK,CAAC,KAAK;YACnC,qBAAqB,EAAE,KAAK,CAAC,sBAAsB;YACnD,qBAAqB,EAAE,KAAK,CAAC,IAAI;YACjC,2BAA2B,EACzB,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS;YAClE,uBAAuB,EAAE,KAAK,CAAC,aAAa;SAC7C,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE;YAC7B,aAAa,EAAE,KAAK;YACpB,eAAe,EAAE;gBACf,IAAI,EAAE,KAAK,CAAC,sBAAsB;gBAClC,OAAO,EAAE,sBAAG,CAAC,OAAO;aACrB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,8BAAC,MAAM,CAAC,aAAa,IAAC,QAAQ,EAAE,iEAA4B;QAC1D,8BAAC,mBAAmB,oBAAK,KAAK,EAAI,CACb,CACxB,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,sBAAsB,0BA6BjC;AAEF,MAAM,mBAAmB,GAA0C,CAAC,KAAK,EAAE,EAAE;;IAC3E,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAS,EAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE3E,MAAM,KAAK,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI;QAC3B,UAAU,EAAE;YACV,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,SAAS;SACpB;KACF,CAAC;IAEF,MAAM,iBAAiB,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAC3C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,OAAO;SACR;QACD,MAAM,SAAS,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC9D,OAAO,MAAA,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,mCAAI,SAAS,CAAC;IACzC,CAAC,EAAE,CAAC,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9D,MAAM,iBAAiB,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAC3C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,OAAO;SACR;QACD,MAAM,SAAS,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC9D,OAAO,MAAA,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,mCAAI,SAAS,CAAC;IAC5C,CAAC,EAAE,CAAC,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,eAAK,CAAC,QAAQ,CAChD,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,EAAE,CACxB,CAAC;IACF,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAC3D,eAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACjC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,eAAK,CAAC,QAAQ,CAChD,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,EAAE,CACxB,CAAC;IAEF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAK,CAAC,QAAQ,CAE1C,EAAE,CAAC,CAAC;IACN,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GACjC,eAAK,CAAC,QAAQ,EAA4C,CAAC;IAE7D,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,iBAAiB,IAAI,UAAU,KAAK,iBAAiB,EAAE;YACzD,aAAa,CAAC,iBAAiB,CAAC,CAAC;SAClC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,iBAAiB,IAAI,UAAU,KAAK,iBAAiB,EAAE;YACzD,aAAa,CAAC,iBAAiB,CAAC,CAAC;SAClC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACtC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QAED,OAAO;YACL,MAAM,EAAE,MAAM;YACd,OAAO,kCACF,KAAK,KACR,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,MAAM,CAAC,KAAK,EAClC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,iCAAiC,EAC7D,KAAK,EAAE,KAAK,GACb;YACD,MAAM,EAAE;gBACN,UAAU,EAAE,UAAU;gBACtB,aAAa,EAAE,aAAa;gBAC5B,wBAAwB,EAAE,wBAAwB;gBAClD,2BAA2B,EAAE,2BAA2B;aACzD;YACD,MAAM,EAAE;gBACN,UAAU,EAAE,UAAU;gBACtB,aAAa,EAAE,aAAa;aAC7B;YACD,OAAO,EAAE;gBACP,OAAO,EAAE,OAAO;gBAChB,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,WAAW;gBACxB,cAAc,EAAE,cAAc;aAC/B;SACF,CAAC;IACJ,CAAC,EAAE;QACD,MAAM;QACN,KAAK;QACL,UAAU;QACV,wBAAwB;QACxB,UAAU;QACV,OAAO;QACP,WAAW;KACZ,CAAC,CAAC;IAEH,eAAK,CAAC,IAAI,CAAC,wBAAwB,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;IAE9D,IAAI,CAAC,YAAY,EAAE;QACjB,IAAI,KAAK,CAAC,aAAa,EAAE;YACvB,OAAO,KAAK,CAAC,aAAa,EAAE,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;KACb;IAED,IAAI,KAAK,CAAC,cAAc,EAAE;QACxB,OAAO,CACL,8BAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAChD,KAAK,CAAC,QAAQ,CACgB,CAClC,CAAC;KACH;IAED,OAAO,CACL,8BAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY;QACjD,8BAAC,6CAAgC,QAC9B,KAAK,CAAC,QAAQ,CACkB,CACJ,CAClC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport * as Sentry from \"@sentry/react\";\n// @ts-expect-error missing types\nimport * as GaGtag from \"ga-gtag\";\n\nimport pkg from \"../../../package.json\";\n\nimport { ReactifySearchContext, useConfig } from \"../../hooks\";\nimport { UtilityAuthenticatedReactiveBase } from \"../../components\";\nimport { debug } from \"../../utility\";\nimport { ReactivesearchResultProps } from \"../../types\";\n\nexport type ReactifySearchProviderProps = {\n  /** Standard react children */\n  children?: React.ReactNode | undefined;\n  /** The search area the provider will be used in */\n  mode: \"search\" | \"collection\" | \"instant-search\";\n  /** Shopify store domain used to resolve the site configuration */\n  shopifyPermanentDomain: string;\n  /** Callback function for redirects, suitable for headless sites to avoid full page refresh */\n  onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n  /** Render method to display a component when the config is loading */\n  renderBooting?: () => JSX.Element | null;\n  /** Advanced usage: Override the default Filters selection logic */\n  filtersHandle?: string;\n  /** Advanced usage: Allows you to wrap the ReactifySearchProvider in your own ReactiveBase component */\n  noReactiveBase?: boolean;\n  /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */\n  additionalComponentIds?: string[];\n  /** Advanced usage: Override the default Elasticsearch index */\n  index?: string;\n  /** Advanced usage: Override the default Reactify Search config (for multi-instance stores) */\n  configId?: string;\n  /** Advanced usage: Override the default Elasticsearch credentials */\n  credentials?: string;\n  /** Advanced usage: Override the default Elasticsearch endpoint */\n  endpoint?: string;\n  /** Advanced usage: Override the default ReactiveBase theme */\n  theme?: Record<string, unknown>;\n  /** Advanced usage: Fields to include in the Elasticsearch response e.g. [\"title\"] */\n  includeFields?: string[];\n  /** Advanced usage: Fields to exclude from the Elasticsearch response e.g. [\"variant_skus\", \"*price*\"] */\n  excludeFields?: string[];\n} & (\n  | {\n      mode: \"search\";\n    }\n  | {\n      mode: \"collection\";\n      /** Collection object that includes the handle, used to find curations */\n      collectionHandle: string;\n    }\n  | {\n      mode: \"instant-search\";\n    }\n);\n\nexport const ReactifySearchProvider: React.FC<ReactifySearchProviderProps> = (\n  props\n) => {\n  React.useEffect(() => {\n    debug.log(\"ReactifySearchProvider\", \"props\", props);\n\n    Sentry.setTags({\n      \"reactifysearch.index\": props.index,\n      \"reactifysearch.shop\": props.shopifyPermanentDomain,\n      \"reactifysearch.mode\": props.mode,\n      \"reactifysearch.collection\":\n        props.mode === \"collection\" ? props.collectionHandle : undefined,\n      \"reactifysearch.filter\": props.filtersHandle,\n    });\n\n    GaGtag.install(\"G-DV00Z0X5VP\", {\n      cookie_prefix: \"_rs\",\n      user_properties: {\n        shop: props.shopifyPermanentDomain,\n        version: pkg.version,\n      },\n    });\n  }, [props]);\n\n  return (\n    <Sentry.ErrorBoundary fallback={<p>An error has occurred</p>}>\n      <ReactifySearchInner {...props} />\n    </Sentry.ErrorBoundary>\n  );\n};\n\nconst ReactifySearchInner: React.FC<ReactifySearchProviderProps> = (props) => {\n  const { config } = useConfig(props.shopifyPermanentDomain, props.configId);\n\n  const theme = props.theme ?? {\n    typography: {\n      fontFamily: \"inherit\",\n      fontSize: \"inherit\",\n    },\n  };\n\n  const searchTermFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"q\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const searchSortFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"sort\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const [searchTerm, setSearchTerm] = React.useState<string>(\n    searchTermFromURL ?? \"\"\n  );\n  const [showInstantSearchResults, setShowInstantSearchResults] =\n    React.useState<boolean>(false);\n  const [sortOption, setSortOption] = React.useState<string>(\n    searchSortFromURL ?? \"\"\n  );\n\n  const [results, setResults] = React.useState<\n    ReactivesearchResultProps[\"data\"]\n  >([]);\n  const [resultStats, setResultStats] =\n    React.useState<ReactivesearchResultProps[\"resultStats\"]>();\n\n  React.useEffect(() => {\n    if (searchTermFromURL && searchTerm !== searchTermFromURL) {\n      setSearchTerm(searchTermFromURL);\n    }\n  }, [searchTermFromURL]);\n\n  React.useEffect(() => {\n    if (searchSortFromURL && sortOption !== searchSortFromURL) {\n      setSortOption(searchSortFromURL);\n    }\n  }, [searchSortFromURL]);\n\n  const contextValue = React.useMemo(() => {\n    if (!config) {\n      return;\n    }\n\n    return {\n      config: config,\n      options: {\n        ...props,\n        index: props.index ?? config.index,\n        filtersHandle: props.filtersHandle,\n        credentials: props.credentials,\n        endpoint: props.endpoint ?? \"https://api.search.reactify.app\",\n        theme: theme,\n      },\n      search: {\n        searchTerm: searchTerm,\n        setSearchTerm: setSearchTerm,\n        showInstantSearchResults: showInstantSearchResults,\n        setShowInstantSearchResults: setShowInstantSearchResults,\n      },\n      sortby: {\n        sortOption: sortOption,\n        setSortOption: setSortOption,\n      },\n      results: {\n        results: results,\n        setResults: setResults,\n        resultStats: resultStats,\n        setResultStats: setResultStats,\n      },\n    };\n  }, [\n    config,\n    props,\n    searchTerm,\n    showInstantSearchResults,\n    sortOption,\n    results,\n    resultStats,\n  ]);\n\n  debug.hook(\"ReactifySearchProvider\", \"context\", contextValue);\n\n  if (!contextValue) {\n    if (props.renderBooting) {\n      return props.renderBooting();\n    }\n    return null;\n  }\n\n  if (props.noReactiveBase) {\n    return (\n      <ReactifySearchContext.Provider value={contextValue}>\n        {props.children}\n      </ReactifySearchContext.Provider>\n    );\n  }\n\n  return (\n    <ReactifySearchContext.Provider value={contextValue}>\n      <UtilityAuthenticatedReactiveBase>\n        {props.children}\n      </UtilityAuthenticatedReactiveBase>\n    </ReactifySearchContext.Provider>\n  );\n};\n"]}

package/dist/src/hooks/useAnalytics.js

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAnalytics = void 0;
 const axios_1 = __importDefault(require("axios"));
+const package_json_1 = __importDefault(require("../../package.json"));
 const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
 function getCookie(name) {
@@ -43,6 +44,7 @@ const useAnalytics = () => {
             headers: {
                 "X-Reactify-Tenant": options.shopifyPermanentDomain,
                 "X-Reactify-Client": getCookie("_rs_ga"),
+                "X-Reactify-Version": package_json_1.default.version,
             },
         });
     });

package/dist/src/hooks/useAnalytics.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnalytics.js","sourceRoot":"","sources":["../../../src/hooks/useAnalytics.ts"],"names":[],"mappings":"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","sourcesContent":["import axios from \"axios\";\n\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nfunction getCookie(name: string): string {\n  try {\n    const cookie = `; ${document.cookie}`.split(`; ${name}=`);\n    if (cookie.length === 2) {\n      return cookie.pop()?.split(\";\").shift() ?? \"\";\n    }\n  } catch (error) {\n    console.error(error);\n  }\n\n  return \"\";\n}\n\nexport const useAnalytics = () => {\n  const { options } = useReactifySearchContext();\n  const url = \"https://analytics.search.reactify.app/record/\";\n  const track = async (event: TrackEvent) => {\n    if (!options.shopifyPermanentDomain) {\n      console.warn(\n        new Error(\n          'Unable to send tracking event, missing value for \"shopifyPermanentDomain\".'\n        )\n      );\n\n      return;\n    }\n\n    debug.log(\"useAnalytics\", \"track\", event);\n\n    const events = getTrackEvents(event);\n    return axios.post(\n      url,\n      { events },\n      {\n        headers: {\n          \"X-Reactify-Tenant\": options.shopifyPermanentDomain,\n          \"X-Reactify-Client\": getCookie(\"_rs_ga\"),\n        },\n      }\n    );\n  };\n\n  return { track };\n};\n\nfunction getTrackEvents(event: TrackEvent): TrackEvent[] {\n  const { eventName } = event;\n  let events: TrackEvent[] = [];\n\n  switch (eventName) {\n    case \"search\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"zeroResults\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"viewProduct\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"clickProduct\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"viewPromotion\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"clickPromotion\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"paginationChange\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"sortChange\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"filterChange\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n  }\n\n  return events;\n}\n\nexport type TrackEvent =\n  | TrackEvent.SearchEvent\n  | TrackEvent.ZeroResultsEvent\n  | TrackEvent.ViewProductEvent\n  | TrackEvent.ClickProductEvent\n  | TrackEvent.ViewPromotionEvent\n  | TrackEvent.ClickPromotionEvent\n  | TrackEvent.PaginationChangeEvent\n  | TrackEvent.SortChangeEvent\n  | TrackEvent.FilterChangeEvent;\n\nexport namespace TrackEvent {\n  export interface SearchEvent {\n    eventName: \"search\";\n    payload: SearchEvent.Payload;\n  }\n\n  export namespace SearchEvent {\n    export interface Payload {\n      searchTerm: string;\n    }\n  }\n\n  export interface ZeroResultsEvent {\n    eventName: \"zeroResults\";\n    payload: ZeroResultsEvent.Payload;\n  }\n\n  export namespace ZeroResultsEvent {\n    export interface Payload {\n      searchTerm: string;\n    }\n  }\n\n  export interface ViewProductEvent {\n    eventName: \"viewProduct\";\n    payload: ViewProductEvent.Payload;\n  }\n\n  export namespace ViewProductEvent {\n    export interface Payload {\n      elasticProduct: ElasticProduct;\n    }\n  }\n\n  export interface ClickProductEvent {\n    eventName: \"clickProduct\";\n    payload: ClickProductEvent.Payload;\n  }\n\n  export namespace ClickProductEvent {\n    export interface Payload {\n      elasticProduct: ElasticProduct;\n    }\n  }\n\n  export interface ViewPromotionEvent {\n    eventName: \"viewPromotion\";\n    payload: ViewPromotionEvent.Payload;\n  }\n\n  export namespace ViewPromotionEvent {\n    export interface Payload {\n      link: string;\n      title: string;\n    }\n  }\n\n  export interface ClickPromotionEvent {\n    eventName: \"clickPromotion\";\n    payload: ClickPromotionEvent.Payload;\n  }\n\n  export namespace ClickPromotionEvent {\n    export interface Payload {\n      link: string;\n      title: string;\n    }\n  }\n\n  export interface PaginationChangeEvent {\n    eventName: \"paginationChange\";\n    payload: PaginationChangeEvent.Payload;\n  }\n\n  export namespace PaginationChangeEvent {\n    export interface Payload {\n      page: number;\n      source: \"search\" | \"collection\";\n    }\n  }\n\n  export interface SortChangeEvent {\n    eventName: \"sortChange\";\n    payload: SortChangeEvent.Payload;\n  }\n\n  export namespace SortChangeEvent {\n    export interface Payload {\n      type: string;\n    }\n  }\n\n  export interface FilterChangeEvent {\n    eventName: \"filterChange\";\n    payload: FilterChangeEvent.Payload;\n  }\n\n  export namespace FilterChangeEvent {\n    export interface Payload {\n      name: string;\n      value: string;\n    }\n  }\n\n  export interface ElasticProduct {\n    id: number;\n    title: string;\n  }\n}\n"]}
+{"version":3,"file":"useAnalytics.js","sourceRoot":"","sources":["../../../src/hooks/useAnalytics.ts"],"names":[],"mappings":"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","sourcesContent":["import axios from \"axios\";\n\nimport pkg from \"../../package.json\";\n\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nfunction getCookie(name: string): string {\n  try {\n    const cookie = `; ${document.cookie}`.split(`; ${name}=`);\n    if (cookie.length === 2) {\n      return cookie.pop()?.split(\";\").shift() ?? \"\";\n    }\n  } catch (error) {\n    console.error(error);\n  }\n\n  return \"\";\n}\n\nexport const useAnalytics = () => {\n  const { options } = useReactifySearchContext();\n  const url = \"https://analytics.search.reactify.app/record/\";\n  const track = async (event: TrackEvent) => {\n    if (!options.shopifyPermanentDomain) {\n      console.warn(\n        new Error(\n          'Unable to send tracking event, missing value for \"shopifyPermanentDomain\".'\n        )\n      );\n\n      return;\n    }\n\n    debug.log(\"useAnalytics\", \"track\", event);\n\n    const events = getTrackEvents(event);\n    return axios.post(\n      url,\n      { events },\n      {\n        headers: {\n          \"X-Reactify-Tenant\": options.shopifyPermanentDomain,\n          \"X-Reactify-Client\": getCookie(\"_rs_ga\"),\n          \"X-Reactify-Version\": pkg.version,\n        },\n      }\n    );\n  };\n\n  return { track };\n};\n\nfunction getTrackEvents(event: TrackEvent): TrackEvent[] {\n  const { eventName } = event;\n  let events: TrackEvent[] = [];\n\n  switch (eventName) {\n    case \"search\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"zeroResults\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"viewProduct\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"clickProduct\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"viewPromotion\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"clickPromotion\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"paginationChange\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"sortChange\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"filterChange\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n  }\n\n  return events;\n}\n\nexport type TrackEvent =\n  | TrackEvent.SearchEvent\n  | TrackEvent.ZeroResultsEvent\n  | TrackEvent.ViewProductEvent\n  | TrackEvent.ClickProductEvent\n  | TrackEvent.ViewPromotionEvent\n  | TrackEvent.ClickPromotionEvent\n  | TrackEvent.PaginationChangeEvent\n  | TrackEvent.SortChangeEvent\n  | TrackEvent.FilterChangeEvent;\n\nexport namespace TrackEvent {\n  export interface SearchEvent {\n    eventName: \"search\";\n    payload: SearchEvent.Payload;\n  }\n\n  export namespace SearchEvent {\n    export interface Payload {\n      searchTerm: string;\n    }\n  }\n\n  export interface ZeroResultsEvent {\n    eventName: \"zeroResults\";\n    payload: ZeroResultsEvent.Payload;\n  }\n\n  export namespace ZeroResultsEvent {\n    export interface Payload {\n      searchTerm: string;\n    }\n  }\n\n  export interface ViewProductEvent {\n    eventName: \"viewProduct\";\n    payload: ViewProductEvent.Payload;\n  }\n\n  export namespace ViewProductEvent {\n    export interface Payload {\n      elasticProduct: ElasticProduct;\n    }\n  }\n\n  export interface ClickProductEvent {\n    eventName: \"clickProduct\";\n    payload: ClickProductEvent.Payload;\n  }\n\n  export namespace ClickProductEvent {\n    export interface Payload {\n      elasticProduct: ElasticProduct;\n    }\n  }\n\n  export interface ViewPromotionEvent {\n    eventName: \"viewPromotion\";\n    payload: ViewPromotionEvent.Payload;\n  }\n\n  export namespace ViewPromotionEvent {\n    export interface Payload {\n      link: string;\n      title: string;\n    }\n  }\n\n  export interface ClickPromotionEvent {\n    eventName: \"clickPromotion\";\n    payload: ClickPromotionEvent.Payload;\n  }\n\n  export namespace ClickPromotionEvent {\n    export interface Payload {\n      link: string;\n      title: string;\n    }\n  }\n\n  export interface PaginationChangeEvent {\n    eventName: \"paginationChange\";\n    payload: PaginationChangeEvent.Payload;\n  }\n\n  export namespace PaginationChangeEvent {\n    export interface Payload {\n      page: number;\n      source: \"search\" | \"collection\";\n    }\n  }\n\n  export interface SortChangeEvent {\n    eventName: \"sortChange\";\n    payload: SortChangeEvent.Payload;\n  }\n\n  export namespace SortChangeEvent {\n    export interface Payload {\n      type: string;\n    }\n  }\n\n  export interface FilterChangeEvent {\n    eventName: \"filterChange\";\n    payload: FilterChangeEvent.Payload;\n  }\n\n  export namespace FilterChangeEvent {\n    export interface Payload {\n      name: string;\n      value: string;\n    }\n  }\n\n  export interface ElasticProduct {\n    id: number;\n    title: string;\n  }\n}\n"]}

package/dist/src/index.js

@@ -27,14 +27,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const Sentry = __importStar(require("@sentry/react"));
 const tracing_1 = require("@sentry/tracing");
-// @ts-expect-error missing types
-const GaGtag = __importStar(require("ga-gtag"));
 const utility_1 = require("./utility");
 const package_json_1 = __importDefault(require("../package.json"));
 utility_1.debug.log("package", `${package_json_1.default.name} v${package_json_1.default.version}`);
-GaGtag.install("G-DV00Z0X5VP", {
-    cookie_prefix: "_rs",
-});
 Sentry.init({
     dsn: "https://f591e13196ad4d6bbcd8abbeb2e023db@o1280055.ingest.sentry.io/6482743",
     integrations: [new tracing_1.BrowserTracing()],

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAAwC;AACxC,6CAAiD;AACjD,iCAAiC;AACjC,gDAAkC;AAElC,uCAAkC;AAClC,mEAAkC;AAElC,eAAK,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,sBAAG,CAAC,IAAI,KAAK,sBAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AAEpD,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE;IAC7B,aAAa,EAAE,KAAK;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAI,CAAC;IACV,GAAG,EAAE,4EAA4E;IACjF,YAAY,EAAE,CAAC,IAAI,wBAAc,EAAE,CAAC;IACpC,gBAAgB,EAAE,GAAG;IACrB,OAAO,EAAE,sBAAG,CAAC,OAAO;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;;QACpB,eAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,kDAAkD;QAClD,MAAM,SAAS,GAAG,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,MAAM,0CAAG,CAAC,CAAC,CAAC;QAC/C,KAAK,MAAM,KAAK,IAAI,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,0CAAE,MAAM,mCAAI,EAAE,EAAE;YACvD,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CACrC,kCAAkC,EAClC,GAAG,CACJ,CAAC;aACH;SACF;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IACD,gBAAgB,EAAE,CAAC,UAAU,EAAE,EAAE;;QAC/B,IAAI,MAAA,UAAU,CAAC,QAAQ,0CAAE,QAAQ,CAAC,iBAAiB,CAAC,EAAE;YACpD,eAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;SAC/C;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;CACF,CAAC,CAAC;AAEH,+CAA6B;AAC7B,0CAAwB;AACxB,0CAAwB;AACxB,mDAAiC","sourcesContent":["import * as Sentry from \"@sentry/react\";\nimport { BrowserTracing } from \"@sentry/tracing\";\n// @ts-expect-error missing types\nimport * as GaGtag from \"ga-gtag\";\n\nimport { debug } from \"./utility\";\nimport pkg from \"../package.json\";\n\ndebug.log(\"package\", `${pkg.name} v${pkg.version}`);\n\nGaGtag.install(\"G-DV00Z0X5VP\", {\n  cookie_prefix: \"_rs\",\n});\n\nSentry.init({\n  dsn: \"https://f591e13196ad4d6bbcd8abbeb2e023db@o1280055.ingest.sentry.io/6482743\",\n  integrations: [new BrowserTracing()],\n  tracesSampleRate: 1.0,\n  release: pkg.version,\n  beforeSend: (event) => {\n    debug.log(\"sentry\", event.level, event);\n    // rename stacktrace frames to point to sourcemaps\n    const exception = event.exception?.values?.[0];\n    for (const frame of exception?.stacktrace?.frames ?? []) {\n      if (frame.filename) {\n        frame.filename = frame.filename.replace(\n          /^(.*?)@usereactify\\/search\\/dist/,\n          \"~\"\n        );\n      }\n    }\n\n    return event;\n  },\n  beforeBreadcrumb: (breadcrumb) => {\n    if (breadcrumb.category?.includes(\"reactify-search\")) {\n      debug.log(\"sentry\", \"breadcrumb\", breadcrumb);\n    }\n\n    return breadcrumb;\n  },\n});\n\nexport * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./types\";\nexport * from \"./utility/liquid\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAAwC;AACxC,6CAAiD;AAEjD,uCAAkC;AAClC,mEAAkC;AAElC,eAAK,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,sBAAG,CAAC,IAAI,KAAK,sBAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AAEpD,MAAM,CAAC,IAAI,CAAC;IACV,GAAG,EAAE,4EAA4E;IACjF,YAAY,EAAE,CAAC,IAAI,wBAAc,EAAE,CAAC;IACpC,gBAAgB,EAAE,GAAG;IACrB,OAAO,EAAE,sBAAG,CAAC,OAAO;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;;QACpB,eAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,kDAAkD;QAClD,MAAM,SAAS,GAAG,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,MAAM,0CAAG,CAAC,CAAC,CAAC;QAC/C,KAAK,MAAM,KAAK,IAAI,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,0CAAE,MAAM,mCAAI,EAAE,EAAE;YACvD,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CACrC,kCAAkC,EAClC,GAAG,CACJ,CAAC;aACH;SACF;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IACD,gBAAgB,EAAE,CAAC,UAAU,EAAE,EAAE;;QAC/B,IAAI,MAAA,UAAU,CAAC,QAAQ,0CAAE,QAAQ,CAAC,iBAAiB,CAAC,EAAE;YACpD,eAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;SAC/C;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;CACF,CAAC,CAAC;AAEH,+CAA6B;AAC7B,0CAAwB;AACxB,0CAAwB;AACxB,mDAAiC","sourcesContent":["import * as Sentry from \"@sentry/react\";\nimport { BrowserTracing } from \"@sentry/tracing\";\n\nimport { debug } from \"./utility\";\nimport pkg from \"../package.json\";\n\ndebug.log(\"package\", `${pkg.name} v${pkg.version}`);\n\nSentry.init({\n  dsn: \"https://f591e13196ad4d6bbcd8abbeb2e023db@o1280055.ingest.sentry.io/6482743\",\n  integrations: [new BrowserTracing()],\n  tracesSampleRate: 1.0,\n  release: pkg.version,\n  beforeSend: (event) => {\n    debug.log(\"sentry\", event.level, event);\n    // rename stacktrace frames to point to sourcemaps\n    const exception = event.exception?.values?.[0];\n    for (const frame of exception?.stacktrace?.frames ?? []) {\n      if (frame.filename) {\n        frame.filename = frame.filename.replace(\n          /^(.*?)@usereactify\\/search\\/dist/,\n          \"~\"\n        );\n      }\n    }\n\n    return event;\n  },\n  beforeBreadcrumb: (breadcrumb) => {\n    if (breadcrumb.category?.includes(\"reactify-search\")) {\n      debug.log(\"sentry\", \"breadcrumb\", breadcrumb);\n    }\n\n    return breadcrumb;\n  },\n});\n\nexport * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./types\";\nexport * from \"./utility/liquid\";\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@usereactify/search",
   "description": "React UI library for Reactify Search",
-  "version": "5.16.1",
+  "version": "5.16.3",
   "license": "MIT",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",