ag-common 0.0.286 → 0.0.289

package/dist/api/helpers/aws.js

@@ -3,8 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.setAwsRegion = void 0;
 const dynamo_1 = require("./dynamo");
 const s3_1 = require("./s3");
+const __1 = require("../..");
 const setAwsRegion = (region) => {
     (0, dynamo_1.setDynamo)(region);
     (0, s3_1.setS3)(region);
+    (0, __1.setSqs)(region);
 };
 exports.setAwsRegion = setAwsRegion;

package/dist/api/helpers/index.d.ts

@@ -5,5 +5,6 @@ export * from './enforceDynamoProvisionCap';
 export * from './dynamoInfra';
 export * from './openApiHelpers';
 export * from './s3';
+export * from './sqs';
 export * from './validateOpenApi';
 export * from './validations';

package/dist/api/helpers/index.js

@@ -21,5 +21,6 @@ __exportStar(require("./enforceDynamoProvisionCap"), exports);
 __exportStar(require("./dynamoInfra"), exports);
 __exportStar(require("./openApiHelpers"), exports);
 __exportStar(require("./s3"), exports);
+__exportStar(require("./sqs"), exports);
 __exportStar(require("./validateOpenApi"), exports);
 __exportStar(require("./validations"), exports);

package/dist/api/helpers/sqs.d.ts

@@ -0,0 +1,4 @@
+import AWS from 'aws-sdk';
+export declare let sqs: AWS.SQS;
+export declare const setSqs: (region: string) => void;
+export declare const sendMessages: <T>(items: T[], queueUrl: string) => Promise<void>;

package/dist/api/helpers/sqs.js

@@ -0,0 +1,39 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sendMessages = exports.setSqs = exports.sqs = void 0;
+const common_1 = require("../../common");
+const aws_sdk_1 = __importDefault(require("aws-sdk"));
+// eslint-disable-next-line import/no-mutable-exports
+exports.sqs = new aws_sdk_1.default.SQS();
+const setSqs = (region) => {
+    exports.sqs = new aws_sdk_1.default.SQS({ region });
+};
+exports.setSqs = setSqs;
+const sendMessages = (items, queueUrl) => __awaiter(void 0, void 0, void 0, function* () {
+    const req = {
+        QueueUrl: queueUrl,
+        Entries: items.map((i) => ({
+            MessageBody: JSON.stringify(i),
+            Id: (0, common_1.hashCode)(JSON.stringify(i)),
+        })),
+    };
+    const put = yield exports.sqs.sendMessageBatch(req).promise();
+    if (put.$response.error &&
+        put.$response.error.statusCode &&
+        put.$response.error.statusCode >= 400) {
+        throw new Error(put.$response.error.message);
+    }
+});
+exports.sendMessages = sendMessages;

package/dist/ui/components/Confirm/Modal.js

@@ -7,7 +7,7 @@ exports.ConfirmModal = void 0;
 const Button_1 = require("../Button");
 const FlexColumn_1 = require("../FlexColumn");
 const FlexRow_1 = require("../FlexRow");
-const Modal_1 = require("../Modal");
+const Modal_1 = require("../Modal/Modal");
 const styled_components_1 = __importDefault(require("styled-components"));
 const react_1 = __importDefault(require("react"));
 const Base = styled_components_1.default.div `

package/dist/ui/components/Modal/Dialog.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface IPromptAction {
+    topText?: string;
+    bottomText: string;
+    defaultValue?: string;
+    placeholder?: string;
+}
+export declare const ModalDialog: (content: JSX.Element) => Promise<string | undefined>;

package/dist/ui/components/Modal/Dialog.js

@@ -0,0 +1,31 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalDialog = void 0;
+const Modal_1 = require("./Modal");
+const react_1 = __importDefault(require("react"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const ModalDialog = (content) => __awaiter(void 0, void 0, void 0, function* () {
+    return new Promise((res) => {
+        const wrapper = document.body.appendChild(document.createElement('div'));
+        react_dom_1.default.render(react_1.default.createElement(Modal_1.Modal, { open: true, setOpen: (o) => {
+                if (!o) {
+                    react_dom_1.default.unmountComponentAtNode(wrapper);
+                    wrapper.remove();
+                }
+                res('ok');
+            }, topPosition: "center", position: "center" }, content), wrapper);
+    });
+});
+exports.ModalDialog = ModalDialog;

package/dist/ui/components/Modal/Modal.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IModal } from './types';
+export declare const ModalItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Modal: ({ open, setOpen, children, position, topPosition, showCloseButton, closeOnMoveMouseOutside, className, closeOnClickOutside, }: IModal) => JSX.Element;

package/dist/ui/components/Modal/Modal.js

@@ -0,0 +1,108 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = exports.ModalItem = void 0;
+const Close_1 = require("../Close");
+const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
+const styles_1 = require("../../styles");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const FixedBackground = styled_components_1.default.div `
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 2;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+const ModalBase = styled_components_1.default.div `
+  display: flex;
+  position: absolute;
+  z-index: 1;
+  background-color: white;
+  border: solid 1px transparent;
+  border-radius: 0.5rem;
+  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.6), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
+  max-width: 95vw;
+  max-height: 95vh;
+  &[data-position='left'] {
+    left: 0;
+  }
+  &[data-position='right'] {
+    right: 0;
+  }
+  &[data-topposition='top'] {
+    top: 0;
+  }
+  &[data-topposition='bottom'] {
+    bottom: 0;
+  }
+  ${(0, styles_1.bounce)('data-bounced')}
+`;
+exports.ModalItem = styled_components_1.default.div `
+  display: flex;
+  padding: 1rem;
+
+  &:hover {
+    background-color: #eee;
+  }
+`;
+const CloseStyled = (0, styled_components_1.default)(Close_1.Close) `
+  z-index: 1;
+`;
+const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'top', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, }) => {
+    const [bounced, setBounced] = (0, react_1.useState)(false);
+    const ref = (0, react_1.useRef)(null);
+    (0, useOnClickOutside_1.useOnClickOutside)({
+        disabled: !open,
+        ref,
+        moveMouseOutside: closeOnMoveMouseOutside,
+    }, () => {
+        if (closeOnClickOutside && open) {
+            setOpen(false);
+            setBounced(false);
+        }
+    });
+    (0, react_1.useEffect)(() => {
+        if (!bounced && open) {
+            setBounced(true);
+        }
+    }, [open, bounced]);
+    if (!open) {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+    return (react_1.default.createElement(FixedBackground, null,
+        react_1.default.createElement(ModalBase, { "data-bounced": bounced, "data-position": position, "data-topposition": topPosition, ref: ref, className: className },
+            showCloseButton && react_1.default.createElement(CloseStyled, { onClick: () => setOpen(false) }),
+            children)));
+};
+exports.Modal = Modal;

package/dist/ui/components/Modal/index.d.ts

@@ -1,13 +1,3 @@
-/// <reference types="react" />
-export declare const ModalItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Modal: ({ open, setOpen, children, position, topPosition, showCloseButton, closeOnMoveMouseOutside, className, closeOnClickOutside, }: {
-    open: boolean;
-    setOpen: (b: boolean) => void;
-    children: JSX.Element | JSX.Element[];
-    position?: "left" | "center" | "right" | undefined;
-    topPosition?: "center" | "top" | "bottom" | undefined;
-    showCloseButton?: boolean | undefined;
-    closeOnMoveMouseOutside?: boolean | undefined;
-    className?: string | undefined;
-    closeOnClickOutside?: boolean | undefined;
-}) => JSX.Element;
+export * from './types';
+export * from './Modal';
+export * from './Dialog';

package/dist/ui/components/Modal/index.js

@@ -10,99 +10,10 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = exports.ModalItem = void 0;
-const Close_1 = require("../Close");
-const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
-const styles_1 = require("../../styles");
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const FixedBackground = styled_components_1.default.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  z-index: 2;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`;
-const ModalBase = styled_components_1.default.div `
-  display: flex;
-  position: absolute;
-  z-index: 1;
-  background-color: white;
-  border: solid 1px transparent;
-  border-radius: 0.5rem;
-  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.6), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
-  max-width: 95vw;
-  max-height: 95vh;
-  &[data-position='left'] {
-    left: 0;
-  }
-  &[data-position='right'] {
-    right: 0;
-  }
-  &[data-topposition='top'] {
-    top: 0;
-  }
-  &[data-topposition='bottom'] {
-    bottom: 0;
-  }
-  ${(0, styles_1.bounce)('data-bounced')}
-`;
-exports.ModalItem = styled_components_1.default.div `
-  display: flex;
-  padding: 1rem;
-
-  &:hover {
-    background-color: #eee;
-  }
-`;
-const CloseStyled = (0, styled_components_1.default)(Close_1.Close) `
-  z-index: 1;
-`;
-const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'top', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, }) => {
-    const [bounced, setBounced] = (0, react_1.useState)(false);
-    const ref = (0, react_1.useRef)(null);
-    (0, useOnClickOutside_1.useOnClickOutside)({
-        disabled: !open,
-        ref,
-        moveMouseOutside: closeOnMoveMouseOutside,
-    }, () => {
-        if (closeOnClickOutside && open) {
-            setOpen(false);
-            setBounced(false);
-        }
-    });
-    (0, react_1.useEffect)(() => {
-        if (!bounced && open) {
-            setBounced(true);
-        }
-    }, [open, bounced]);
-    if (!open) {
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    }
-    return (react_1.default.createElement(FixedBackground, null,
-        react_1.default.createElement(ModalBase, { "data-bounced": bounced, "data-position": position, "data-topposition": topPosition, ref: ref, className: className },
-            showCloseButton && react_1.default.createElement(CloseStyled, { onClick: () => setOpen(false) }),
-            children)));
-};
-exports.Modal = Modal;
+__exportStar(require("./types"), exports);
+__exportStar(require("./Modal"), exports);
+__exportStar(require("./Dialog"), exports);

package/dist/ui/components/Modal/types.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface IModal {
+    open: boolean;
+    setOpen: (b: boolean) => void;
+    children: JSX.Element | JSX.Element[];
+    position?: 'left' | 'right' | 'center';
+    topPosition?: 'bottom' | 'top' | 'center';
+    showCloseButton?: boolean;
+    closeOnMoveMouseOutside?: boolean;
+    className?: string;
+    closeOnClickOutside?: boolean;
+}

package/dist/ui/components/Modal/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/ui/components/Prompt/Modal.js

@@ -30,7 +30,7 @@ exports.PromptModal = void 0;
 const Button_1 = require("../Button");
 const FlexColumn_1 = require("../FlexColumn");
 const FlexRow_1 = require("../FlexRow");
-const Modal_1 = require("../Modal");
+const Modal_1 = require("../Modal/Modal");
 const TextEdit_1 = require("../TextEdit");
 const styled_components_1 = __importDefault(require("styled-components"));
 const react_dom_1 = __importDefault(require("react-dom"));

package/dist/ui/components/Search/Modal.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchModal = void 0;
 const Base_1 = require("./Base");
 const styles_1 = require("../../styles");
-const Modal_1 = require("../Modal");
+const Modal_1 = require("../Modal/Modal");
 const styled_components_1 = __importDefault(require("styled-components"));
 const react_1 = __importDefault(require("react"));
 const ModalStyled = (0, styled_components_1.default)(Modal_1.Modal) `

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

@@ -13,7 +13,7 @@ export * from './KebabDots';
 export * from './Loader';
 export * from './LoginButton';
 export * from './LogoutButton';
-export * from './Modal';
+export * from './Modal/Modal';
 export * from './Prompt';
 export * from './RowOrColumn';
 export * from './Search';

package/dist/ui/components/index.js

@@ -29,7 +29,7 @@ __exportStar(require("./KebabDots"), exports);
 __exportStar(require("./Loader"), exports);
 __exportStar(require("./LoginButton"), exports);
 __exportStar(require("./LogoutButton"), exports);
-__exportStar(require("./Modal"), exports);
+__exportStar(require("./Modal/Modal"), exports);
 __exportStar(require("./Prompt"), exports);
 __exportStar(require("./RowOrColumn"), exports);
 __exportStar(require("./Search"), exports);

package/dist/ui/helpers/routes.d.ts

@@ -43,15 +43,12 @@ export interface CacheItem<T> {
 }
 export interface IInitialStateCommon {
     openApiCache?: CacheItem<any>[];
-    headerTitle?: string;
-    seed?: number;
 }
 export interface IRequestCommon {
     darkMode: boolean;
     url: LocationSubset;
-    headerTitle?: string;
-    seed?: number;
     lang: TLang;
+    userAgent: string;
 }
 export interface IStateCommon<TRequest extends IRequestCommon> extends IInitialStateCommon {
     request: TRequest;
@@ -67,7 +64,7 @@ export interface IStateCommon<TRequest extends IRequestCommon> extends IInitialS
  * @param param0
  * @returns
  */
-export declare const getClientOrServerReqHref: ({ href, query, forceServer, }: {
+export declare const getClientOrServerReqHref: ({ href, query, forceServer, userAgent, }: {
     /**
      * will use window if possible
      */
@@ -80,16 +77,26 @@ export declare const getClientOrServerReqHref: ({ href, query, forceServer, }: {
      * if true, wont use window location. default false
      */
     forceServer?: boolean | undefined;
-}) => LocationSubset;
+    /** will use navigator if possible */
+    userAgent?: string | undefined;
+}) => {
+    url: LocationSubset;
+    userAgent: string;
+};
 /**
  * get server side parsed url
  * @param param0 * @returns
  */
-export declare const getServerReq: ({ host, pathname, query, }: {
+export declare const getServerReq: ({ defaultHost, pathname, query, headers, }: {
     /**
-     * eg ctx?.req?.headers?.host OR (user provided host eg test.com)
+     * eg ctx?.req?.headers || {}
      */
-    host: string;
+    headers: {
+        host?: string;
+        'user-agent'?: string;
+    };
+    /** what to use if host is not available on headers */
+    defaultHost: string;
     /**
      * eg ctx.asPath || '/'
      */
@@ -98,7 +105,10 @@ export declare const getServerReq: ({ host, pathname, query, }: {
      * eg ctx.query
      */
     query: Record<string, string | string[] | undefined>;
-}) => LocationSubset;
+}) => {
+    url: LocationSubset;
+    userAgent: string;
+};
 export interface INextCtx {
     req?: {
         headers?: {

package/dist/ui/helpers/routes.js

@@ -23,15 +23,23 @@ const calculateServerHref = ({ host, pathname, }) => {
  * @param param0
  * @returns
  */
-const getClientOrServerReqHref = ({ href, query, forceServer = false, }) => {
+const getClientOrServerReqHref = ({ href, query, forceServer = false, userAgent, }) => {
     if (typeof window !== 'undefined' && !forceServer) {
         href = window.location.href;
     }
+    if (typeof navigator !== 'undefined' && !forceServer) {
+        if (navigator.userAgent) {
+            userAgent = navigator.userAgent;
+        }
+    }
+    if (!userAgent) {
+        userAgent = '?';
+    }
     if (!href) {
         throw new Error('no href');
     }
     const parsed = (0, url_1.parse)(href);
-    const ret = {
+    const url = {
         hash: parsed.hash || '',
         host: parsed.host || '',
         origin: `${parsed.protocol}//${parsed.host}`,
@@ -41,16 +49,17 @@ const getClientOrServerReqHref = ({ href, query, forceServer = false, }) => {
         protocol: parsed.protocol || '',
         query: Object.assign(Object.assign({}, query), (0, string_1.stringToObject)(parsed.query || '', '=', '&')),
     };
-    return ret;
+    return { url, userAgent };
 };
 exports.getClientOrServerReqHref = getClientOrServerReqHref;
 /**
  * get server side parsed url
  * @param param0 * @returns
  */
-const getServerReq = ({ host, pathname, query, }) => {
+const getServerReq = ({ defaultHost, pathname, query, headers, }) => {
+    var _a;
     const href = calculateServerHref({
-        host,
+        host: headers.host || defaultHost,
         pathname,
     });
     const parsedQuery = !query || Object.keys(query).length === 0
@@ -60,6 +69,7 @@ const getServerReq = ({ host, pathname, query, }) => {
         href,
         query: parsedQuery,
         forceServer: true,
+        userAgent: (_a = headers['user-agent']) === null || _a === void 0 ? void 0 : _a.toLowerCase(),
     });
     return ret;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.286",
+  "version": "0.0.289",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",