@licklist/design 0.66.11 → 0.66.12-dev.1

package/.storybook/preview.js

@@ -16,9 +16,10 @@ 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/.yarnrc.yml

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+npmAlwaysAuth: true
+npmAuthToken: ${NPM_TOKEN}

package/bitbucket-pipelines.yml

@@ -7,26 +7,34 @@ definitions:
       memory: 2048
   steps:
     - step: &install
-        image: node:16.15.1-alpine3.15
+        image: node:20.9.0-alpine3.18
         name: Install Node dependencies
         script:
-          - 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
+          - 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
         artifacts:
           - node_modules/**
+          - yarn.lock
     - step: &build
-        image: node:16.15.1-alpine3.15
+        image: node:20.9.0-alpine3.18
         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:16.15.1-alpine3.15
+        image: node:20.9.0-alpine3.18
         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/**
@@ -43,14 +51,13 @@ 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:16.15.1-alpine3.15
+image: node:20.9.0-alpine3.18
 pipelines:
   tags:
     "*":
       - step:
           <<: *install
-      - parallel:
-          - step: *build
+      - step: *build
       - step:
           name: Publish to NPM
           script:
@@ -63,8 +70,7 @@ pipelines:
     master:
       - step:
           <<: *install
-      - parallel:
-          - step: *build_storybook
+      - step: *build_storybook
       - step:
           <<: *deploy
           name: Deploy to production
@@ -80,5 +86,4 @@ pipelines:
   pull-requests:
     "**":
       - step: *install
-      - parallel:
-          - step: *build
+      - step: *build

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

@@ -1,13 +1,12 @@
-/// <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;
+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;
 //# 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,eA4FpB"}
+{"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"}

package/dist/affiliate/card/AffiliateCard.js

@@ -1 +1,159 @@
-"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"})))))))};
+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 };

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,9 +1,8 @@
-/// <reference types="react" />
-import { GenerateLinkFunction } from "../types";
-interface AffiliateControlProps {
-    isLoading: boolean;
-    generateLink: GenerateLinkFunction;
-}
-export declare const AffiliateControl: ({ isLoading, generateLink, }: AffiliateControlProps) => JSX.Element;
-export {};
+import { GenerateLinkFunction } from "../types";
+interface AffiliateControlProps {
+    isLoading: boolean;
+    generateLink: GenerateLinkFunction;
+}
+export declare const AffiliateControl: ({ isLoading, generateLink, }: AffiliateControlProps) => import("react/jsx-runtime").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,gBA6EvB,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,4CA6EvB,CAAC"}

package/dist/affiliate/form/AffiliateControl.js

@@ -1 +1,292 @@
-"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})))};
+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 };

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

@@ -1,11 +1,10 @@
-/// <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;
+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;
 //# sourceMappingURL=AffiliateForm.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AffiliateForm.d.ts","sourceRoot":"","sources":["../../../src/affiliate/form/AffiliateForm.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,4DAA4D,CAAC;AAEvF,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGrE,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,YAAY,EAAE,oBAAoB,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,8DAKvB,kBAAkB,gBAgGpB,CAAC"}
+{"version":3,"file":"AffiliateForm.d.ts","sourceRoot":"","sources":["../../../src/affiliate/form/AffiliateForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,4DAA4D,CAAC;AAEvF,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGrE,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,YAAY,EAAE,oBAAoB,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,8DAKvB,kBAAkB,4CAgGpB,CAAC"}