@servicetitan/marketing-ui 3.0.3 → 3.1.0

package/dist/index.d.ts

@@ -14,4 +14,5 @@ export * from './utils/use-client-rect';
 export * from './utils/helpers';
 export * from './utils/format-big-numbers';
 export * from './utils/use-target-range-store';
+export * as marketingRedirector from './utils/marketing-parner-handlers';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,OAAO,KAAK,mBAAmB,MAAM,mCAAmC,CAAC"}

package/dist/index.js

@@ -14,4 +14,5 @@ export * from './utils/use-client-rect';
 export * from './utils/helpers';
 export * from './utils/format-big-numbers';
 export * from './utils/use-target-range-store';
+export * as marketingRedirector from './utils/marketing-parner-handlers';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,OAAO,KAAK,mBAAmB,MAAM,mCAAmC,CAAC"}

package/dist/utils/marketing-parner-handlers.d.ts

@@ -0,0 +1,15 @@
+import type { AxiosInstance } from 'axios';
+export interface AuthResponse {
+    redirect_uri: string;
+    redirect_query_param: string;
+}
+export declare type RedirectTarget = '_self' | '_blank' | '_parent' | '_top';
+/**
+ * @see https://servicetitan.atlassian.net/wiki/spaces/EN/pages/2459272255/Frontend+redirect+issue
+ */
+export declare function execPartnerRedirect(res: {
+    status: number;
+    data?: AuthResponse;
+} | undefined, target?: RedirectTarget): void;
+export declare function initAuthHandlers(axiosInstane: AxiosInstance, target?: RedirectTarget): number;
+//# sourceMappingURL=marketing-parner-handlers.d.ts.map

package/dist/utils/marketing-parner-handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-parner-handlers.d.ts","sourceRoot":"","sources":["../../src/utils/marketing-parner-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;CAChC;AAED,oBAAY,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAOrE;;GAEG;AACH,wBAAgB,mBAAmB,CAC/B,GAAG,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,YAAY,CAAA;CAAE,GAAG,SAAS,EACxD,MAAM,CAAC,EAAE,cAAc,QAY1B;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,cAAc,UAKpF"}

package/dist/utils/marketing-parner-handlers.js

@@ -0,0 +1,17 @@
+const joinUrlParameter = (url, key, value) => {
+    const separator = url.includes('?') ? '&' : '?';
+    return `${url}${separator}${key}=${encodeURIComponent(value)}`;
+};
+/**
+ * @see https://servicetitan.atlassian.net/wiki/spaces/EN/pages/2459272255/Frontend+redirect+issue
+ */
+export function execPartnerRedirect(res, target) {
+    var _a, _b;
+    if ((res === null || res === void 0 ? void 0 : res.status) === 401 && ((_a = res.data) === null || _a === void 0 ? void 0 : _a.redirect_uri) && ((_b = res.data) === null || _b === void 0 ? void 0 : _b.redirect_query_param)) {
+        window.open(joinUrlParameter(res.data.redirect_uri, res.data.redirect_query_param, window.location.href), target !== null && target !== void 0 ? target : '_self');
+    }
+}
+export function initAuthHandlers(axiosInstane, target) {
+    return axiosInstane.interceptors.response.use(response => response, res => execPartnerRedirect(res.response, target));
+}
+//# sourceMappingURL=marketing-parner-handlers.js.map

package/dist/utils/marketing-parner-handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-parner-handlers.js","sourceRoot":"","sources":["../../src/utils/marketing-parner-handlers.ts"],"names":[],"mappings":"AAUA,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa,EAAE,EAAE;IACjE,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAChD,OAAO,GAAG,GAAG,GAAG,SAAS,GAAG,GAAG,IAAI,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;AACnE,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAC/B,GAAwD,EACxD,MAAuB;;IAEvB,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,MAAK,GAAG,KAAI,MAAA,GAAG,CAAC,IAAI,0CAAE,YAAY,CAAA,KAAI,MAAA,GAAG,CAAC,IAAI,0CAAE,oBAAoB,CAAA,EAAE;QACjF,MAAM,CAAC,IAAI,CACP,gBAAgB,CACZ,GAAG,CAAC,IAAI,CAAC,YAAY,EACrB,GAAG,CAAC,IAAI,CAAC,oBAAoB,EAC7B,MAAM,CAAC,QAAQ,CAAC,IAAI,CACvB,EACD,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,OAAO,CACpB,CAAC;KACL;AACL,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,YAA2B,EAAE,MAAuB;IACjF,OAAO,YAAY,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CACzC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EACpB,GAAG,CAAC,EAAE,CAAC,mBAAmB,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CACnD,CAAC;AACN,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/marketing-ui",
-    "version": "3.0.3",
+    "version": "3.1.0",
     "description": "Marketing UI component and utils",
     "repository": {
         "type": "git",
@@ -22,6 +22,7 @@
         "@servicetitan/react-ioc": "~14.1.1",
         "@servicetitan/tokens": ">=12.1.11",
         "accounting": "~0.4.1",
+        "axios": ">=0.20.0",
         "mobx": "~6.3.2",
         "mobx-react": "~7.2.0",
         "moment": "~2.29.1",
@@ -38,6 +39,7 @@
         "@types/react-image-crop": "8.1.2",
         "@types/react-router-dom": "^5.1.8",
         "accounting": "~0.4.1",
+        "axios": ">=0.20.0",
         "mobx": "~6.3.2",
         "mobx-react": "~7.2.0",
         "moment": "~2.29.1",
@@ -50,5 +52,5 @@
         "less": true,
         "webpack": false
     },
-    "gitHead": "95f66769709d1a9dcfde3f434f3d2052c6189af0"
+    "gitHead": "6369f122fb0edb53acde1be3c47e4972f65b39f1"
 }

package/src/index.ts

@@ -15,3 +15,4 @@ export * from './utils/use-client-rect';
 export * from './utils/helpers';
 export * from './utils/format-big-numbers';
 export * from './utils/use-target-range-store';
+export * as marketingRedirector from './utils/marketing-parner-handlers';

package/src/utils/marketing-parner-handlers.ts

@@ -0,0 +1,40 @@
+import type { AxiosInstance } from 'axios';
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface AuthResponse {
+    redirect_uri: string;
+    redirect_query_param: string;
+}
+
+export type RedirectTarget = '_self' | '_blank' | '_parent' | '_top';
+
+const joinUrlParameter = (url: string, key: string, value: string) => {
+    const separator = url.includes('?') ? '&' : '?';
+    return `${url}${separator}${key}=${encodeURIComponent(value)}`;
+};
+
+/**
+ * @see https://servicetitan.atlassian.net/wiki/spaces/EN/pages/2459272255/Frontend+redirect+issue
+ */
+export function execPartnerRedirect(
+    res: { status: number; data?: AuthResponse } | undefined,
+    target?: RedirectTarget
+) {
+    if (res?.status === 401 && res.data?.redirect_uri && res.data?.redirect_query_param) {
+        window.open(
+            joinUrlParameter(
+                res.data.redirect_uri,
+                res.data.redirect_query_param,
+                window.location.href
+            ),
+            target ?? '_self'
+        );
+    }
+}
+
+export function initAuthHandlers(axiosInstane: AxiosInstance, target?: RedirectTarget) {
+    return axiosInstane.interceptors.response.use(
+        response => response,
+        res => execPartnerRedirect(res.response, target)
+    );
+}