@licklist/design 0.66.12-dev.2 → 0.66.12

package/.babelrc

@@ -0,0 +1,23 @@
+{
+  "presets": [
+    "@babel/preset-react",
+    "@babel/preset-typescript",
+    [
+      "@babel/preset-env",
+      {
+        "useBuiltIns": "entry",
+        "targets": ">0.01%, not dead",
+        "corejs": {
+          "version": 3,
+          "proposals": true
+        }
+      }
+    ]
+  ],
+  "plugins": [
+    ["@babel/proposal-class-properties", { "loose": true }],
+    "@babel/proposal-object-rest-spread",
+    ["@babel/plugin-proposal-private-methods", { "loose": true }],
+    ["@babel/plugin-proposal-private-property-in-object", { "loose": true }]
+  ]
+}

package/.storybook/preview.js

@@ -16,10 +16,9 @@ const themeController = (() => {
   const styles = Object.fromEntries(
     themes.map((theme) => [
       theme,
-      require(
-        `!style-loader?injectType=lazyStyleTag!css-loader!sass-loader!../src/styles/themes/${theme}/_index.scss`,
-      ).default,
-    ]),
+      require(`!style-loader?injectType=lazyStyleTag!css-loader!sass-loader!../src/styles/themes/${theme}/_index.scss`)
+        .default,
+    ])
   );
 
   const setTheme = (theme) => {

package/bitbucket-pipelines.yml

@@ -7,34 +7,26 @@ definitions:
       memory: 2048
   steps:
     - step: &install
-        image: node:20.9.0-alpine3.18
+        image: node:16.15.1-alpine3.15
         name: Install Node dependencies
         script:
-          - apk --no-cache --virtual build-dependencies add python3 make g++
-          - corepack enable
-          - yarn set version 4.4.0
-          - printf "NPM_TOKEN=`node -p \"require('url').parse(process.env.NPM_TOKEN).host\"`" >> ~/.env
-          - YARN_ENABLE_IMMUTABLE_INSTALLS=false yarn install
+          - apk --no-cache --virtual build-dependencies add python3 make g++ yarn
+          - printf "//`node -p \"require('url').parse(process.env.NPM_REGISTRY_URL || 'https://registry.npmjs.org').host\"`/:_authToken=${NPM_TOKEN}\nregistry=${NPM_REGISTRY_URL:-https://registry.npmjs.org}\n" >> ~/.npmrc
+          - yarn config set unsafe-perm true
+          - yarn install --legacy-peer-deps
         artifacts:
           - node_modules/**
-          - yarn.lock
     - step: &build
-        image: node:20.9.0-alpine3.18
+        image: node:16.15.1-alpine3.15
         name: Build application
         script:
-          - corepack enable
-          - yarn set version 4.4.0
-          - printf "NPM_TOKEN=`node -p \"require('url').parse(process.env.NPM_TOKEN).host\"`" >> ~/.env
           - CI=false yarn run build
         artifacts:
           - dist/**
     - step: &build_storybook
-        image: node:20.9.0-alpine3.18
+        image: node:16.15.1-alpine3.15
         name: Build Storybook
         script:
-          - corepack enable
-          - yarn set version 4.4.0
-          - printf "NPM_TOKEN=`node -p \"require('url').parse(process.env.NPM_TOKEN).host\"`" >> ~/.env
           - yarn run build-storybook
         artifacts:
           - build/**
@@ -51,13 +43,14 @@ definitions:
           - export AWS_DEFAULT_REGION=${AWS_REGION} AWS_ACCESS_KEY_ID=${AWS_KEY} && export AWS_SECRET_ACCESS_KEY=${AWS_SECRET}
           - aws cloudfront create-invalidation --distribution-id ${CLOUDFRONT_ID} --paths "/*"
 
-image: node:20.9.0-alpine3.18
+image: node:16.15.1-alpine3.15
 pipelines:
   tags:
     "*":
       - step:
           <<: *install
-      - step: *build
+      - parallel:
+          - step: *build
       - step:
           name: Publish to NPM
           script:
@@ -70,7 +63,8 @@ pipelines:
     master:
       - step:
           <<: *install
-      - step: *build_storybook
+      - parallel:
+          - step: *build_storybook
       - step:
           <<: *deploy
           name: Deploy to production
@@ -86,4 +80,5 @@ pipelines:
   pull-requests:
     "**":
       - step: *install
-      - step: *build
+      - parallel:
+          - step: *build

package/dist/affiliate/card/AffiliateCard.d.ts

@@ -1,12 +1,13 @@
-import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
-export interface AffiliateCardProps extends HasPermissionProp {
-    name: string;
-    sales?: number | string;
-    views?: number | string;
-    onRemove?: () => void;
-    onClick?: () => void;
-    className?: string;
-    isHeader?: boolean;
-}
-export declare function AffiliateCard({ name, onRemove, onClick, hasPermission, sales, views, className, isHeader, }: AffiliateCardProps): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
+export interface AffiliateCardProps extends HasPermissionProp {
+    name: string;
+    sales?: number | string;
+    views?: number | string;
+    onRemove?: () => void;
+    onClick?: () => void;
+    className?: string;
+    isHeader?: boolean;
+}
+export declare function AffiliateCard({ name, onRemove, onClick, hasPermission, sales, views, className, isHeader, }: AffiliateCardProps): JSX.Element;
 //# sourceMappingURL=AffiliateCard.d.ts.map

package/dist/affiliate/card/AffiliateCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AffiliateCard.d.ts","sourceRoot":"","sources":["../../../src/affiliate/card/AffiliateCard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAKvF,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,aAAoB,EACpB,KAAK,EACL,KAAK,EACL,SAAc,EACd,QAAQ,GACT,EAAE,kBAAkB,2CA4FpB"}
+{"version":3,"file":"AffiliateCard.d.ts","sourceRoot":"","sources":["../../../src/affiliate/card/AffiliateCard.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAKvF,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,aAAoB,EACpB,KAAK,EACL,KAAK,EACL,SAAc,EACd,QAAQ,GACT,EAAE,kBAAkB,eA4FpB"}

package/dist/affiliate/card/AffiliateCard.js

@@ -1,159 +1 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { OverlayTrigger, Popover, ListGroup } from 'react-bootstrap';
-import { useTranslation } from 'react-i18next';
-import clsx from 'clsx';
-import { useId } from '@react-aria/utils';
-import { FaEye, FaTrashAlt, FaEllipsisH } from 'react-icons/fa';
-import { ConfirmModal } from '../../modals/confirmation/ConfirmModal.js';
-import { MenuButton } from '../../table/MenuButton.js';
-
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-function AffiliateCard(param) {
-    var name = param.name, onRemove = param.onRemove, onClick = param.onClick, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? true : _param_hasPermission, sales = param.sales, views = param.views, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, isHeader = param.isHeader;
-    var t = useTranslation("Design").t;
-    var popoverId = useId();
-    var _useState = _sliced_to_array(useState(false), 2), isOverlayVisibile = _useState[0], setIsOverlayVisible = _useState[1];
-    var affiliateClass = "affiliate-card ".concat(className);
-    return /*#__PURE__*/ jsx("div", {
-        role: "button",
-        tabIndex: 0,
-        "aria-disabled": isHeader,
-        className: [
-            "border-0 affiliate-card-wrapper w-100 pb-0",
-            isHeader ? "disabled-div grey-text" : ""
-        ].join(" "),
-        onClick: onClick,
-        onKeyUp: onClick,
-        children: /*#__PURE__*/ jsxs("div", {
-            className: affiliateClass,
-            children: [
-                /*#__PURE__*/ jsx("div", {
-                    className: "affiliate-card-link",
-                    children: name
-                }),
-                /*#__PURE__*/ jsxs("div", {
-                    className: "d-flex",
-                    children: [
-                        (sales || sales === 0) && /*#__PURE__*/ jsx("div", {
-                            className: "affilates-statistic",
-                            children: sales
-                        }),
-                        (views || views === 0) && /*#__PURE__*/ jsx("div", {
-                            className: "affilates-statistic",
-                            children: views
-                        }),
-                        /*#__PURE__*/ jsxs("div", {
-                            className: [
-                                "d-flex",
-                                isHeader ? "invisible" : ""
-                            ].join(" "),
-                            children: [
-                                /*#__PURE__*/ jsx("div", {
-                                    className: "affiliate-card-menu-eye-container",
-                                    children: /*#__PURE__*/ jsx(FaEye, {
-                                        color: "#0E8CE2",
-                                        size: 20
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(OverlayTrigger, {
-                                    trigger: "click",
-                                    placement: "bottom",
-                                    rootClose: true,
-                                    overlay: /*#__PURE__*/ jsx(Popover, {
-                                        id: popoverId,
-                                        className: clsx("affiliate-card-popover", !isOverlayVisibile && "d-none"),
-                                        children: /*#__PURE__*/ jsx(Popover.Content, {
-                                            as: ListGroup,
-                                            className: "affiliate-card-menu",
-                                            variant: "flush",
-                                            children: !isHeader && hasPermission && /*#__PURE__*/ jsx(Fragment, {
-                                                children: /*#__PURE__*/ jsx(ListGroup.Item, {
-                                                    action: true,
-                                                    className: "text-danger",
-                                                    as: "div",
-                                                    children: Boolean(onRemove) && /*#__PURE__*/ jsx(ConfirmModal, {
-                                                        children: function(confirm) {
-                                                            return /*#__PURE__*/ jsx(MenuButton, {
-                                                                onClick: function() {
-                                                                    setIsOverlayVisible(false);
-                                                                    confirm(onRemove);
-                                                                },
-                                                                name: t("remove"),
-                                                                icon: /*#__PURE__*/ jsx(FaTrashAlt, {
-                                                                    size: 12
-                                                                }),
-                                                                className: "affiliate-card-menu-item-text d-flex w-100 align-items-center",
-                                                                rightIcon: true
-                                                            });
-                                                        }
-                                                    })
-                                                })
-                                            })
-                                        })
-                                    }),
-                                    children: /*#__PURE__*/ jsx("button", {
-                                        type: "button",
-                                        className: "affiliate-card-menu-button",
-                                        onClick: function(e) {
-                                            e.stopPropagation();
-                                            setIsOverlayVisible(true);
-                                        },
-                                        children: /*#__PURE__*/ jsx(FaEllipsisH, {})
-                                    })
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-}
-
-export { AffiliateCard };
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("tslib"),t=require("react"),i=e(t),r=require("react-i18next"),l=require("react-bootstrap"),n=require("../../static/Icon.js"),s=require("@react-aria/utils"),o=e(require("clsx"));require("../../static/index.js");var c=require("../../modals/confirmation/ConfirmModal.js");require("../../modals/dialog/Dialog.js"),require("../../modals/dialog/DialogContext.js");var m=require("../../table/MenuButton.js");exports.AffiliateCard=function(e){var d=e.name,u=e.onRemove,f=e.onClick,v=e.hasPermission,p=void 0===v||v,E=e.sales,b=e.views,g=e.className,N=void 0===g?"":g,x=e.isHeader,q=r.useTranslation("Design").t,y=s.useId(),C=a.__read(t.useState(!1),2),j=C[0],h=C[1],k="affiliate-card ".concat(N);return i.createElement("div",{role:"button",tabIndex:0,"aria-disabled":x,className:["border-0 affiliate-card-wrapper w-100 pb-0",x?"disabled-div grey-text":""].join(" "),onClick:f,onKeyUp:f},i.createElement("div",{className:k},i.createElement("div",{className:"affiliate-card-link"},d),i.createElement("div",{className:"d-flex"},(E||0===E)&&i.createElement("div",{className:"affilates-statistic"},E),(b||0===b)&&i.createElement("div",{className:"affilates-statistic"},b),i.createElement("div",{className:["d-flex",x?"invisible":""].join(" ")},i.createElement("div",{className:"affiliate-card-menu-eye-container"},i.createElement(n.default,{type:"eye",color:"#0E8CE2",width:"20"})),i.createElement(l.OverlayTrigger,{trigger:"click",placement:"bottom",rootClose:!0,overlay:i.createElement(l.Popover,{id:y,className:o("affiliate-card-popover",!j&&"d-none")},i.createElement(l.Popover.Content,{as:l.ListGroup,className:"affiliate-card-menu",variant:"flush"},!x&&p&&i.createElement(i.Fragment,null,i.createElement(l.ListGroup.Item,{action:!0,className:"text-danger",as:"div"},Boolean(u)&&i.createElement(c.ConfirmModal,null,(function(e){return i.createElement(m.MenuButton,{onClick:function(){h(!1),e(u)},name:q("remove"),icon:"trash-alt",className:"affiliate-card-menu-item-text d-flex w-100 align-items-center",rightIcon:!0})}))))))},i.createElement("button",{type:"button",className:"affiliate-card-menu-button",onClick:function(e){e.stopPropagation(),h(!0)}},i.createElement(n.default,{type:"ellipsis-h"})))))))};

package/dist/affiliate/card/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./AffiliateCard";
+export * from "./AffiliateCard";
 //# sourceMappingURL=index.d.ts.map

package/dist/affiliate/form/AffiliateControl.d.ts

@@ -1,8 +1,9 @@
-import { GenerateLinkFunction } from "../types";
-interface AffiliateControlProps {
-    isLoading: boolean;
-    generateLink: GenerateLinkFunction;
-}
-export declare const AffiliateControl: ({ isLoading, generateLink, }: AffiliateControlProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+/// <reference types="react" />
+import { GenerateLinkFunction } from "../types";
+interface AffiliateControlProps {
+    isLoading: boolean;
+    generateLink: GenerateLinkFunction;
+}
+export declare const AffiliateControl: ({ isLoading, generateLink, }: AffiliateControlProps) => JSX.Element;
+export {};
 //# sourceMappingURL=AffiliateControl.d.ts.map

package/dist/affiliate/form/AffiliateControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AffiliateControl.d.ts","sourceRoot":"","sources":["../../../src/affiliate/form/AffiliateControl.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAuB,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErE,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,oBAAoB,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,iCAG1B,qBAAqB,4CA6EvB,CAAC"}
+{"version":3,"file":"AffiliateControl.d.ts","sourceRoot":"","sources":["../../../src/affiliate/form/AffiliateControl.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAuB,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErE,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,oBAAoB,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,iCAG1B,qBAAqB,gBA6EvB,CAAC"}

package/dist/affiliate/form/AffiliateControl.js

@@ -1,292 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useId } from '@react-aria/utils';
-import { useCallback } from 'react';
-import { Form, Button } from 'react-bootstrap';
-import { useFormContext } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import urlRule from '@licklist/plugins/dist/validation/Rules/urlRule';
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
-    }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
-                    return {
-                        value: op[1],
-                        done: false
-                    };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
-    }
-}
-var AffiliateControl = function(param) {
-    var isLoading = param.isLoading, generateLink = param.generateLink;
-    var _errors_name, _errors_name1;
-    var t = useTranslation([
-        "Design",
-        "Validation"
-    ]).t;
-    var _useFormContext = useFormContext(), register = _useFormContext.register, watch = _useFormContext.watch, setValue = _useFormContext.setValue, errors = _useFormContext.formState.errors;
-    var nameId = useId();
-    var targetId = useId();
-    var targetLink = watch("targetLink");
-    var handleGenerateLink = useCallback(/*#__PURE__*/ _async_to_generator(function() {
-        var result;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    return [
-                        4,
-                        generateLink(targetLink)
-                    ];
-                case 1:
-                    result = _state.sent();
-                    if (!result || !((result === null || result === void 0 ? void 0 : result.link) && (result === null || result === void 0 ? void 0 : result.token))) {
-                        return [
-                            2
-                        ];
-                    }
-                    setValue("link", result === null || result === void 0 ? void 0 : result.link);
-                    setValue("token", result === null || result === void 0 ? void 0 : result.token);
-                    return [
-                        2
-                    ];
-            }
-        });
-    }), [
-        generateLink,
-        targetLink,
-        setValue
-    ]);
-    return /*#__PURE__*/ jsxs("div", {
-        className: "affiliate-control",
-        children: [
-            /*#__PURE__*/ jsxs(Form.Group, {
-                controlId: nameId,
-                className: "mb-5",
-                children: [
-                    /*#__PURE__*/ jsx(Form.Label, {
-                        children: t("Design:name")
-                    }),
-                    /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("name", {
-                        required: t("Validation:fieldRequired", {
-                            attribute: t("name")
-                        }),
-                        maxLength: 255
-                    })), {
-                        placeholder: t("Design:placeholderAffiliateName"),
-                        isInvalid: Boolean(errors.name)
-                    })),
-                    /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                        type: "invalid",
-                        children: (_errors_name = errors.name) === null || _errors_name === void 0 ? void 0 : _errors_name.message
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(Form.Group, {
-                controlId: targetId,
-                className: "target-link-container",
-                children: [
-                    /*#__PURE__*/ jsx(Form.Label, {
-                        children: t("Design:targetLink")
-                    }),
-                    /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("targetLink", {
-                        required: t("Validation:fieldRequired", {
-                            attribute: t("targetLink")
-                        }),
-                        maxLength: 255,
-                        pattern: urlRule
-                    })), {
-                        placeholder: t("Design:placeholderTargetLink"),
-                        isInvalid: Boolean(errors.name)
-                    })),
-                    /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                        type: "invalid",
-                        children: (_errors_name1 = errors.name) === null || _errors_name1 === void 0 ? void 0 : _errors_name1.message
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(Button, {
-                className: "affiliate-save-btn mb-4",
-                type: "button",
-                disabled: isLoading || !!errors.targetLink || !targetLink,
-                onClick: handleGenerateLink,
-                children: t("Design:generateLink")
-            }),
-            /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("link", {
-                required: t("Validation:fieldRequired", {
-                    attribute: t("link")
-                }),
-                maxLength: 255
-            })), {
-                type: "text",
-                disabled: true
-            }))
-        ]
-    });
-};
-
-export { AffiliateControl };
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),a=e(r),n=require("react-i18next"),i=require("react-bootstrap"),l=require("react-hook-form"),o=require("@react-aria/utils"),s=e(require("@licklist/plugins/dist/validation/Rules/urlRule"));exports.AffiliateControl=function(e){var u,d,c=e.isLoading,m=e.generateLink,g=n.useTranslation(["Design","Validation"]).t,k=l.useFormContext(),f=k.register,v=k.watch,b=k.setValue,p=k.formState.errors,L=o.useId(),q=o.useId(),F=v("targetLink"),_=r.useCallback((function(){return t.__awaiter(void 0,void 0,void 0,(function(){var e;return t.__generator(this,(function(t){switch(t.label){case 0:return[4,m(F)];case 1:return(e=t.sent())&&(null==e?void 0:e.link)&&(null==e?void 0:e.token)?(b("link",null==e?void 0:e.link),b("token",null==e?void 0:e.token),[2]):[2]}}))}))}),[m,F,b]);return a.createElement("div",{className:"affiliate-control"},a.createElement(i.Form.Group,{controlId:L,className:"mb-5"},a.createElement(i.Form.Label,null,g("Design:name")),a.createElement(i.Form.Control,t.__assign({},f("name",{required:g("Validation:fieldRequired",{attribute:g("name")}),maxLength:255}),{placeholder:g("Design:placeholderAffiliateName"),isInvalid:Boolean(p.name)})),a.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(u=p.name)||void 0===u?void 0:u.message)),a.createElement(i.Form.Group,{controlId:q,className:"target-link-container"},a.createElement(i.Form.Label,null,g("Design:targetLink")),a.createElement(i.Form.Control,t.__assign({},f("targetLink",{required:g("Validation:fieldRequired",{attribute:g("targetLink")}),maxLength:255,pattern:s}),{placeholder:g("Design:placeholderTargetLink"),isInvalid:Boolean(p.name)})),a.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(d=p.name)||void 0===d?void 0:d.message)),a.createElement(i.Button,{className:"affiliate-save-btn mb-4",type:"button",disabled:c||!!p.targetLink||!F,onClick:_},g("Design:generateLink")),a.createElement(i.Form.Control,t.__assign({},f("link",{required:g("Validation:fieldRequired",{attribute:g("link")}),maxLength:255}),{type:"text",disabled:!0})))};

package/dist/affiliate/form/AffiliateForm.d.ts

@@ -1,10 +1,11 @@
-import { Affiliate } from "@licklist/core/dist/DataMapper/Product/AffiliateDataMapper";
-import { AffiliateFormValues, GenerateLinkFunction } from "../types";
-export interface AffiliateFormProps {
-    defaultValues?: Affiliate | null;
-    handleSubmit: (values: AffiliateFormValues) => void;
-    generateLink: GenerateLinkFunction;
-    isLoading: boolean;
-}
-export declare const AffiliateForm: ({ defaultValues, handleSubmit, generateLink, isLoading, }: AffiliateFormProps) => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+import { Affiliate } from "@licklist/core/dist/DataMapper/Product/AffiliateDataMapper";
+import { AffiliateFormValues, GenerateLinkFunction } from "../types";
+export interface AffiliateFormProps {
+    defaultValues?: Affiliate | null;
+    handleSubmit: (values: AffiliateFormValues) => void;
+    generateLink: GenerateLinkFunction;
+    isLoading: boolean;
+}
+export declare const AffiliateForm: ({ defaultValues, handleSubmit, generateLink, isLoading, }: AffiliateFormProps) => JSX.Element;
 //# sourceMappingURL=AffiliateForm.d.ts.map