@fluidattacks/design 3.1.11 → 3.1.13

package/dist/use-cloudinary-image-BCxwj15o.mjs

@@ -0,0 +1,1176 @@
+import { useMemo as S } from "react";
+function P(e) {
+  return !(typeof e != "object" || e instanceof Array);
+}
+class R {
+  filterOutNonSupportedKeys(t, r) {
+    const s = /* @__PURE__ */ Object.create({});
+    return P(t) ? (Object.keys(t).forEach((n) => {
+      r.indexOf(n) >= 0 ? s[n] = t[n] : console.warn("Warning - unsupported key provided to configuration: ", n);
+    }), s) : /* @__PURE__ */ Object.create({});
+  }
+}
+const v = [
+  "cname",
+  "secureDistribution",
+  "privateCdn",
+  "signUrl",
+  "longUrlSignature",
+  "shorten",
+  "useRootPath",
+  "secure",
+  "forceVersion",
+  "analytics",
+  "queryParams"
+];
+class _ extends R {
+  /**
+   * @param {IURLConfig} userURLConfig
+   */
+  constructor(t) {
+    super();
+    const r = this.filterOutNonSupportedKeys(t, v);
+    Object.assign(this, {
+      secure: !0
+    }, r);
+  }
+  extend(t) {
+    const r = this.filterOutNonSupportedKeys(t, v);
+    return new _(Object.assign({}, this, r));
+  }
+  /**
+   * @param {string} value Sets the cname
+   */
+  setCname(t) {
+    return this.cname = t, this;
+  }
+  /**
+   * @param {string} value Sets the secureDistribution
+   */
+  setSecureDistribution(t) {
+    return this.secureDistribution = t, this;
+  }
+  /**
+   * @param {boolean} value Sets whether to use a private CDN (Removes cloudName from URL)
+   */
+  setPrivateCdn(t) {
+    return this.privateCdn = t, this;
+  }
+  /**
+   * @param value Sets whether or not to sign the URL
+   */
+  setSignUrl(t) {
+    return this.signUrl = t, this;
+  }
+  /**
+   * @param value Sets whether or not to use a long signature
+   */
+  setLongUrlSignature(t) {
+    return this.longUrlSignature = t, this;
+  }
+  /**
+   * @param value Sets whether or not to shorten the URL
+   */
+  setShorten(t) {
+    return this.shorten = t, this;
+  }
+  /**
+   * @param value Sets whether or not to use a root path
+   */
+  setUseRootPath(t) {
+    return this.useRootPath = t, this;
+  }
+  /**
+   * @param value Sets whether or not to deliver the asset through https
+   */
+  setSecure(t) {
+    return this.secure = t, this;
+  }
+  /**
+   * @param value Sets whether to force a version in the URL
+   */
+  setForceVersion(t) {
+    return this.forceVersion = t, this;
+  }
+  /**
+   * @param params Sets additional params
+   */
+  setQueryParams(t) {
+    return this.queryParams = t, this;
+  }
+}
+class f {
+  /**
+   *
+   * @param {QualifierValue | QualifierValue[] | any[] | string | number}qualifierValue
+   */
+  constructor(t) {
+    this.values = [], this.delimiter = ":", this.hasValue(t) && this.addValue(t);
+  }
+  /**
+   * @description Joins the provided values with the provided delimiter
+   */
+  toString() {
+    return this.values.join(this.delimiter);
+  }
+  /**
+   * @description Checks if the provided argument has a value
+   * @param {any} v
+   * @private
+   * @return {boolean}
+   */
+  hasValue(t) {
+    return typeof t < "u" && t !== null && t !== "";
+  }
+  /**
+   * @desc Adds a value for the this qualifier instance
+   * @param {any} value
+   * @return {this}
+   */
+  addValue(t) {
+    return Array.isArray(t) ? this.values = this.values.concat(t) : this.values.push(t), this.values = this.values.filter((r) => this.hasValue(r)), this;
+  }
+  /**
+   * @description Sets the delimiter for this instance
+   * @param delimiter
+   */
+  setDelimiter(t) {
+    return this.delimiter = t, this;
+  }
+}
+class x extends Error {
+  constructor(t = "Unsupported") {
+    super(t);
+  }
+}
+function T(e) {
+  return new x(e);
+}
+function j() {
+  return this._qualifierModel || { error: T(`unsupported qualifier ${this.constructor.name}`) };
+}
+class D {
+  constructor() {
+    this._qualifierModel = {};
+  }
+  toJson() {
+    return j.apply(this);
+  }
+}
+class m extends D {
+  constructor(t, r) {
+    super(), this.delimiter = "_", this.key = t, r instanceof f ? this.qualifierValue = r : (this.qualifierValue = new f(), this.qualifierValue.addValue(r));
+  }
+  toString() {
+    const { key: t, delimiter: r, qualifierValue: s } = this;
+    return `${t}${r}${s.toString()}`;
+  }
+  addValue(t) {
+    return this.qualifierValue.addValue(t), this;
+  }
+}
+class d extends m {
+  constructor(t, r) {
+    let s;
+    r ? s = new f([t, `${r}`]).setDelimiter(":") : s = t, super("fl", s), this.flagValue = r;
+  }
+  toString() {
+    return super.toString().replace(/\./g, "%2E");
+  }
+  getFlagValue() {
+    return this.flagValue;
+  }
+}
+function $(e, t) {
+  const r = Array.from(e.entries());
+  return t.forEach((s) => {
+    r.push(["fl", s]);
+  }), r.sort().map((s) => s[1]);
+}
+function k() {
+  var e, t, r;
+  const s = this._actionModel && Object.keys(this._actionModel).length, n = (r = (t = (e = this._actionModel) === null || e === void 0 ? void 0 : e.source) === null || t === void 0 ? void 0 : t.transformation) === null || r === void 0 ? void 0 : r.error;
+  return n && n instanceof Error ? { error: n } : s ? this._actionModel : { error: T(`unsupported action ${this.constructor.name}`) };
+}
+class U {
+  constructor() {
+    this._actionModel = {};
+  }
+  toJson() {
+    return k.apply(this);
+  }
+}
+class C extends U {
+  constructor() {
+    super(...arguments), this.qualifiers = /* @__PURE__ */ new Map(), this.flags = [], this.delimiter = ",", this.actionTag = "";
+  }
+  prepareQualifiers() {
+  }
+  /**
+   * @description Returns the custom name tag that was given to this action
+   * @return {string}
+   */
+  getActionTag() {
+    return this.actionTag;
+  }
+  /**
+   * @description Sets the custom name tag for this action
+   * @return {this}
+   */
+  setActionTag(t) {
+    return this.actionTag = t, this;
+  }
+  /**
+   * @description Calls toString() on all child qualifiers (implicitly by using .join()).
+   * @return {string}
+   */
+  toString() {
+    return this.prepareQualifiers(), $(this.qualifiers, this.flags).join(this.delimiter);
+  }
+  /**
+   * @description Adds the parameter to the action.
+   * @param {SDK.Qualifier} qualifier
+   * @return {this}
+   */
+  addQualifier(t) {
+    if (typeof t == "string") {
+      const [r, s] = t.toLowerCase().split("_");
+      r === "fl" ? this.flags.push(new d(s)) : this.qualifiers.set(r, new m(r, s));
+    } else
+      this.qualifiers.set(t.key, t);
+    return this;
+  }
+  /**
+   * @description Adds a flag to the current action.
+   * @param {Qualifiers.Flag} flag
+   * @return {this}
+   */
+  addFlag(t) {
+    return typeof t == "string" ? this.flags.push(new d(t)) : t instanceof d && this.flags.push(t), this;
+  }
+  addValueToQualifier(t, r) {
+    return this.qualifiers.get(t).addValue(r), this;
+  }
+}
+function L(e) {
+  return e && (e.match(/^#/) ? `rgb:${e.substr(1)}` : e);
+}
+class F extends C {
+  constructor(t) {
+    super(), this._actionModel = {}, this.addQualifier(new m("b", new f(L(t)).setDelimiter("_"))), this._actionModel.color = t, this._actionModel.actionType = "backgroundColor";
+  }
+  static fromJson(t) {
+    const { color: r } = t;
+    return new this(r);
+  }
+}
+class O {
+  constructor(t) {
+    this.raw = t;
+  }
+  toString() {
+    return this.raw;
+  }
+  toJson() {
+    return { error: T(`unsupported action ${this.constructor.name}`) };
+  }
+}
+function I(e) {
+  const t = e;
+  return "error" in t && !!t.error;
+}
+function q() {
+  return new d("lossy");
+}
+function N() {
+  return new d("preserve_transparency");
+}
+function Q(e) {
+  return new d("progressive", e);
+}
+class Y extends f {
+  constructor(t) {
+    super(t), this.val = t;
+  }
+  getValue() {
+    return this.val;
+  }
+}
+function h(e) {
+  const t = {};
+  return Object.keys(e).forEach((r) => {
+    t[e[r]] = r;
+  }), t;
+}
+const J = {
+  limitFit: "limit",
+  limitFill: "lfill",
+  minimumFit: "mfit",
+  thumbnail: "thumb",
+  limitPad: "lpad",
+  minimumPad: "mpad",
+  autoPad: "auto_pad"
+}, H = {
+  colorSpace: "cs",
+  dpr: "dpr",
+  density: "dn",
+  defaultImage: "d",
+  format: "f",
+  quality: "q"
+}, K = {
+  redEye: "redeye",
+  advancedRedEye: "adv_redeye",
+  oilPaint: "oil_paint",
+  unsharpMask: "unsharp_mask",
+  makeTransparent: "make_transparent",
+  generativeRestore: "gen_restore",
+  upscale: "upscale"
+}, z = {
+  autoBest: "auto:best",
+  autoEco: "auto:eco",
+  autoGood: "auto:good",
+  autoLow: "auto:low",
+  jpegminiHigh: "jpegmini:1",
+  jpegminiMedium: "jpegmini:2",
+  jpegminiBest: "jpegmini:0"
+}, B = {
+  fullHd: "full_hd",
+  fullHdWifi: "full_hd_wifi",
+  fullHdLean: "full_hd_lean",
+  hdLean: "hd_lean"
+}, G = {
+  444: "CHROMA_444",
+  420: "CHROMA_420"
+}, W = {
+  noCmyk: "no_cmyk",
+  keepCmyk: "keep_cmyk",
+  tinySrgb: "tinysrgb",
+  srgbTrueColor: "srgb:truecolor"
+};
+h(G);
+h(W);
+h(J);
+const Z = h(H);
+h(K);
+h(z);
+h(B);
+class X extends C {
+  /**
+   * @param {string} deliveryKey A generic Delivery Action Key (such as q, f, dn, etc.)
+   * @param {string} deliveryType A Format Qualifiers for the action, such as Quality.auto()
+   * @param {string} modelProperty internal model property of the action, for example quality uses `level` while dpr uses `density`
+   * @see Visit {@link Actions.Delivery|Delivery} for an example
+   */
+  constructor(t, r, s) {
+    super(), this._actionModel = {};
+    let n;
+    r instanceof Y ? n = r.getValue() : n = r, this._actionModel.actionType = Z[t], this._actionModel[s] = n, this.addQualifier(new m(t, r));
+  }
+}
+class tt extends d {
+  constructor(t) {
+    super("progressive", t);
+  }
+}
+class p extends X {
+  constructor(t, r) {
+    super(t, r, "formatType");
+  }
+  /**
+   * @description Uses lossy compression when delivering animated GIF files.
+   * @return {this}
+   */
+  lossy() {
+    return this._actionModel.lossy = !0, this.addFlag(q()), this;
+  }
+  /**
+   * @description Uses progressive compression when delivering JPG file format.
+   * @return {this}
+   */
+  progressive(t) {
+    return t instanceof tt ? (this._actionModel.progressive = { mode: t.getFlagValue() }, this.addFlag(t)) : (this._actionModel.progressive = { mode: t }, this.addFlag(Q(t))), this;
+  }
+  /**
+   * @description Ensures that images with a transparency channel are delivered in PNG format.
+   */
+  preserveTransparency() {
+    return this._actionModel.preserveTransparency = !0, this.addFlag(N()), this;
+  }
+  static fromJson(t) {
+    const { formatType: r, lossy: s, progressive: n, preserveTransparency: i } = t;
+    let o;
+    return r ? o = new this("f", r) : o = new this("f"), n && (n.mode ? o.progressive(n.mode) : o.progressive()), s && o.lossy(), i && o.preserveTransparency(), o;
+  }
+}
+class y {
+  constructor() {
+    this.actions = [];
+  }
+  /**
+   * @param {SDK.Action | string} action
+   * @return {this}
+   */
+  addAction(t) {
+    let r;
+    if (typeof t == "string") {
+      if (t.indexOf("/") >= 0)
+        throw "addAction cannot accept a string with a forward slash in it - /, use .addTransformation() instead";
+      r = new O(t);
+    } else
+      r = t;
+    return this.actions.push(r), this;
+  }
+  /**
+   * @description Allows the injection of a raw transformation as a string into the transformation, or a Transformation instance that was previously created
+   * @param {string | SDK.Transformation} tx
+   * @example
+   * import {Transformation} from "@cloudinary/url-gen";
+   *
+   * const transformation = new Transformation();
+   * transformation.addTransformation('w_100/w_200/w_300');
+   * @return {this}
+   */
+  addTransformation(t) {
+    return t instanceof y ? this.actions = this.actions.concat(t.actions) : this.actions.push(new O(t)), this;
+  }
+  /**
+   * @return {string}
+   */
+  toString() {
+    return this.actions.map((t) => t.toString()).filter((t) => t).join("/");
+  }
+  /**
+   * @description Delivers an animated GIF.
+   * @param {AnimatedAction} animatedAction
+   * @return {this}
+   */
+  animated(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Adds a border around the image.
+   * @param {Border} borderAction
+   * @return {this}
+   */
+  border(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Adjusts the shape of the delivered image. </br>
+   * <b>Learn more:</b> {@link https://cloudinary.com/documentation/effects_and_artistic_enhancements#distort|Shape changes and distortion effects}
+   * @param {IReshape} reshapeAction
+   * @return {this}
+   */
+  reshape(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Resize the asset using provided resize action
+   * @param {ResizeSimpleAction} resizeAction
+   * @return {this}
+   */
+  resize(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @desc An alias to Action Delivery.quality
+   * @param {string|number} quality
+   * @return {this}
+   */
+  quality(t) {
+    return this.addAction(new p("q", t)), this;
+  }
+  /**
+   * @desc An alias to Action Delivery.format
+   * @param {string} format
+   * @return {this}
+   */
+  format(t) {
+    return this.addAction(new p("f", t)), this;
+  }
+  /**
+   * @description Rounds the specified corners of an image.
+   * @param roundCornersAction
+   * @return {this}
+   */
+  roundCorners(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Adds an overlay over the base image.
+   * @param {LayerAction} overlayAction
+   * @return {this}
+   */
+  overlay(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Adds an underlay under the base image.
+   * @param {LayerAction} underlayAction
+   * @return {this}
+   */
+  underlay(t) {
+    return t.setLayerType("u"), this.addAction(t);
+  }
+  /**
+   * @description Defines an new user variable.
+   * @param {VariableAction} variableAction
+   * @return {this}
+   */
+  addVariable(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Specifies a condition to be met before applying a transformation.
+   * @param {ConditionalAction} conditionAction
+   * @return {this}
+   */
+  conditional(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Applies a filter or an effect on an asset.
+   * @param {SimpleEffectAction} effectAction
+   * @return {this}
+   */
+  effect(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Applies adjustment effect on an asset.
+   * @param action
+   * @return {this}
+   */
+  adjust(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Rotates the asset by the given angle.
+   * @param {RotateAction} rotateAction
+   * @return {this}
+   */
+  rotate(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Applies a pre-defined named transformation of the given name.
+   * @param {NamedTransformation} namedTransformation
+   * @return {this}
+   */
+  namedTransformation(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Applies delivery action.
+   * @param deliveryAction
+   * @return {this}
+   */
+  delivery(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Sets the color of the background.
+   * @param {Qualifiers.Color} color
+   * @return {this}
+   */
+  backgroundColor(t) {
+    return this.addAction(new F(t));
+  }
+  /**
+   * @description Adds a layer in a Photoshop document.
+   * @param action
+   * @return {this}
+   */
+  psdTools(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Extracts an image or a page using an index, a range, or a name from a layered media asset.
+   * @param action
+   * @return {this}
+   */
+  extract(t) {
+    return this.addAction(t);
+  }
+  /**
+   * @description Adds a flag as a separate action.
+   * @param {Qualifiers.Flag | string} flagQualifier
+   * @return {this}
+   */
+  addFlag(t) {
+    const r = new C();
+    let s = t;
+    return typeof t == "string" && (s = new d(t)), r.addQualifier(s), this.addAction(r);
+  }
+  /**
+   * @description Inject a custom function into the image transformation pipeline.
+   * @return {this}
+   */
+  customFunction(t) {
+    return this.addAction(t);
+  }
+  /**
+   * Transcodes the video (or audio) to another format.
+   * @param {Action} action
+   * @return {this}
+   */
+  transcode(t) {
+    return this.addAction(t);
+  }
+  /**
+   * Applies the specified video edit action.
+   *
+   * @param {videoEditType} action
+   * @return {this}
+   */
+  videoEdit(t) {
+    return this.addAction(t);
+  }
+  toJson() {
+    const t = [];
+    for (const r of this.actions) {
+      const s = r.toJson();
+      if (I(s))
+        return s;
+      t.push(s);
+    }
+    return { actions: t };
+  }
+}
+class et extends y {
+}
+class rt extends y {
+}
+function st(e) {
+  return e.match(/^https?:\//);
+}
+function nt(e) {
+  return e.indexOf("/") < 0;
+}
+function it(e) {
+  return e.match(/^v[0-9]+/);
+}
+function ot(e, t) {
+  const r = t.secure, s = t.privateCdn, n = t.cname, i = t.secureDistribution;
+  return !r && !n ? `http://res.cloudinary.com/${e}` : r && !i && s ? `https://${e}-res.cloudinary.com` : r && !i ? `https://res.cloudinary.com/${e}` : r && i && s ? `https://${i}` : r && i ? `https://${i}/${e}` : !r && n ? `http://${n}/${e}` : "ERROR";
+}
+function at(e) {
+  return e || "image";
+}
+function ut(e) {
+  return e || "upload";
+}
+function ct(e, t, r) {
+  const s = r !== !1;
+  return t ? `v${t}` : it(e) || st(e) || nt(e) ? "" : s ? "v1" : "";
+}
+function A(e, t, r) {
+  let s = t >> 0, n = String(r);
+  return e.length > s ? String(e) : (s = s - e.length, s > n.length && (n += dt(n, s / n.length)), n.slice(0, s) + String(e));
+}
+function dt(e, t) {
+  let r = t, s = "";
+  for (; r > 0; )
+    s += e, r--;
+  return s;
+}
+const lt = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", g = {};
+let w = 0;
+lt.split("").forEach((e) => {
+  let t = w.toString(2);
+  t = A(t, 6, "0"), g[t] = e, w++;
+});
+function ht(e) {
+  if (e.split(".").length < 2)
+    throw new Error("invalid semVer, must have at least two segments");
+  return e.split(".").reverse().join(".");
+}
+function ft(e) {
+  if (e.split(".").length < 2)
+    throw new Error("invalid semVer, must have at least two segments");
+  return e.split(".").map((t) => {
+    const r = +t;
+    if (isNaN(r) || r < 0)
+      throw "Invalid version number provided";
+    return A(t, 2, "0");
+  }).join(".");
+}
+function b(e) {
+  let t = "";
+  const s = e.split(".").length * 6, n = ht(e), i = ft(n);
+  let a = parseInt(i.split(".").join("")).toString(2);
+  if (a = A(a, s, "0"), a.length % 6 !== 0)
+    throw "Version must be smaller than 43.21.26)";
+  return a.match(/.{1,6}/g).forEach((u) => {
+    t += g[u];
+  }), t;
+}
+function pt(e) {
+  const t = {
+    sdkSemver: e.sdkSemver,
+    techVersion: e.techVersion,
+    sdkCode: e.sdkCode,
+    product: e.product,
+    feature: "0",
+    osType: e.osType,
+    osVersion: e.osVersion
+  };
+  return e.accessibility && (t.feature = "D"), e.lazyload && (t.feature = "C"), e.responsive && (t.feature = "A"), e.placeholder && (t.feature = "B"), t;
+}
+const gt = "1.21.0";
+function mt(e) {
+  const [t, r] = e.split("."), s = parseInt(t).toString(2), n = parseInt(r).toString(2), i = s.padStart(6, "0"), o = n.padStart(6, "0");
+  return g[i] + g[o];
+}
+function yt() {
+  const e = "0.0.0";
+  if (typeof window < "u")
+    return e;
+  try {
+    return process.versions.node || e;
+  } catch {
+    return e;
+  }
+}
+function _t(e) {
+  const t = {
+    techVersion: yt(),
+    sdkCode: "T",
+    sdkSemver: gt.split("-")[0],
+    product: "A",
+    osType: "Z",
+    osVersion: "0.0",
+    responsive: !1,
+    placeholder: !1,
+    lazyload: !1,
+    accessibility: !1
+  };
+  return e ? Object.assign(Object.assign({}, t), e) : t;
+}
+function E(e) {
+  const t = _t(e), r = pt(t);
+  try {
+    const s = Tt(r.techVersion), n = b(r.sdkSemver), i = b(s), o = mt(r.osVersion), a = r.feature, u = r.sdkCode, { product: c, osType: l } = r;
+    return `D${c}${u}${n}${i}${l}${o}${a}`;
+  } catch {
+    return "E";
+  }
+}
+function Tt(e) {
+  const t = e.split(".");
+  return `${t[0]}.${t[1]}`;
+}
+const V = {
+  "image/upload": "images",
+  "image/private": "private_images",
+  "image/authenticated": "authenticated_images",
+  "raw/upload": "files",
+  "video/upload": "videos"
+};
+class Ct {
+  constructor(t, r = {}, s) {
+    this.setPublicID(t), this.setCloudConfig(r), this.setURLConfig(s);
+  }
+  /**
+   * @description Sets the URL Config for this asset
+   * @param urlConfig
+   * @return {this}
+   */
+  setURLConfig(t) {
+    return this.urlConfig = new _(t), this;
+  }
+  /**
+   * @description Sets the Cloud Config for this asset
+   * @param urlConfig
+   * @return {this}
+   */
+  setCloudConfig(t) {
+    return this.cloudName = t.cloudName, this.apiKey = t.apiKey, this.apiSecret = t.apiSecret, this.authToken = t.authToken, this;
+  }
+  /**
+   * @description Sets the public ID of the asset.
+   * @param {string} publicID The public ID of the asset.
+   * @return {this}
+   */
+  setPublicID(t) {
+    return this.publicID = t ? t.toString() : "", this;
+  }
+  /**
+   * @description Sets the delivery type of the asset.
+   * @param {DELIVERY_TYPE | string} newType The type of the asset.
+   * @return {this}
+   */
+  setDeliveryType(t) {
+    return this.deliveryType = t, this;
+  }
+  /**
+   * @description Sets the URL SEO suffix of the asset.
+   * @param {string} newSuffix The SEO suffix.
+   * @return {this}
+   */
+  setSuffix(t) {
+    return this.suffix = t, this;
+  }
+  /**
+   * @description Sets the signature of the asset.
+   * @param {string} signature The signature.
+   * @return {this}
+   */
+  setSignature(t) {
+    return this.signature = t, this;
+  }
+  /**
+   * @description Sets the version of the asset.
+   * @param {string} newVersion The version of the asset.
+   * @return {this}
+   */
+  setVersion(t) {
+    return t && (this.version = t), this;
+  }
+  /**
+   * @description Sets the asset type.
+   * @param {string} newType The type of the asset.
+   * @return {this}
+   */
+  setAssetType(t) {
+    return t && (this.assetType = t), this;
+  }
+  sign() {
+    return this;
+  }
+  /**
+   * @description Serializes to URL string
+   * @param overwriteOptions
+   */
+  toURL(t = {}) {
+    return this.createCloudinaryURL(null, t.trackedAnalytics);
+  }
+  /**
+   * @description Validate various options before attempting to create a URL
+   * The function will throw in case a violation
+   * @throws Validation errors
+   */
+  validateAssetForURLCreation() {
+    if (typeof this.cloudName > "u")
+      throw "You must supply a cloudName when initializing the asset";
+    const t = this.suffix && this.suffix.indexOf(".") >= 0, r = this.suffix && this.suffix.indexOf("/") >= 0;
+    if (t || r)
+      throw "`suffix`` should not include . or /";
+  }
+  /**
+   * @description return an SEO friendly name for a combination of asset/delivery, some examples:
+   * * image/upload -> images
+   * * video/upload -> videos
+   * If no match is found, return `{asset}/{delivery}`
+   */
+  getResourceType() {
+    const t = at(this.assetType), r = ut(this.deliveryType), s = !!this.suffix, n = `${t}/${r}`, i = V[`${t}/${r}`], o = this.urlConfig.useRootPath, a = this.urlConfig.shorten;
+    if (o) {
+      if (n === "image/upload")
+        return "";
+      throw new Error(`useRootPath can only be used with assetType: 'image' and deliveryType: 'upload'. Provided: ${n} instead`);
+    }
+    if (a && n === "image/upload")
+      return "iu";
+    if (s) {
+      if (i)
+        return i;
+      throw new Error(`URL Suffix only supported for ${Object.keys(V).join(", ")}, Provided: ${n} instead`);
+    }
+    return n;
+  }
+  getSignature() {
+    return this.signature ? `s--${this.signature}--` : "";
+  }
+  /**
+   *
+   * @description Creates a fully qualified CloudinaryURL
+   * @return {string} CloudinaryURL
+   * @throws Validation Errors
+   */
+  createCloudinaryURL(t, r) {
+    if (!this.publicID)
+      return "";
+    this.validateAssetForURLCreation();
+    const s = ot(this.cloudName, this.urlConfig), n = t ? t.toString() : "", i = ct(this.publicID, this.version, this.urlConfig.forceVersion), o = this.publicID;
+    if (typeof t == "string")
+      return [s, this.getResourceType(), this.getSignature(), n, i, o.replace(/,/g, "%2C"), this.suffix].filter((u) => u).join("/");
+    {
+      const a = [
+        encodeURI(s),
+        this.getResourceType(),
+        this.getSignature(),
+        encodeURI(n),
+        i,
+        encodeURI(o).replace(/,/g, "%2C"),
+        this.suffix && encodeURI(this.suffix)
+      ].filter((l) => l).join("/").replace(/\?/g, "%3F").replace(/=/g, "%3D"), u = this.urlConfig.analytics !== !1 && !o.includes("?");
+      let c = "";
+      if (typeof this.urlConfig.queryParams == "object")
+        try {
+          const l = new URLSearchParams(this.urlConfig.queryParams);
+          u && l.set("_a", E(r)), c = l.toString();
+        } catch {
+          console.error("Error: URLSearchParams is not available so the queryParams object cannot be parsed, please try passing as an already parsed string");
+        }
+      else
+        c = this.urlConfig.queryParams || "", u && (c += `${c.length > 0 ? "&" : ""}_a=${E(r)}`);
+      return c ? `${a}?${c}` : a;
+    }
+  }
+}
+class M extends Ct {
+  constructor(t, r, s, n) {
+    super(t, r, s), this.transformation = n;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.Animated} animated
+   * @return {this}
+   */
+  animated(t) {
+    return this.transformation.animated(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.Border} border
+   * @return {this}
+   */
+  border(t) {
+    return this.transformation.border(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.Reshape} reshape
+   * @return {this}
+   */
+  reshape(t) {
+    return this.transformation.reshape(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.Resize} resize
+   * @return {this}
+   */
+  resize(t) {
+    return this.transformation.resize(t), this;
+  }
+  /**
+   * @desc An alias to Action Delivery.quality
+   * @param {string|number} quality
+   * @return {this}
+   */
+  quality(t) {
+    return this.addAction(new p("q", t)), this;
+  }
+  /**
+   * @desc An alias to Action Delivery.format
+   * @param {string} format
+   * @return {this}
+   */
+  format(t) {
+    return this.addAction(new p("f", t)), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.RoundCorners} roundCorners
+   * @return {this}
+   */
+  roundCorners(t) {
+    return this.transformation.roundCorners(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @return {this}
+   */
+  overlay(t) {
+    return this.transformation.overlay(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.Variable} variableAction
+   * @return {this}
+   */
+  addVariable(t) {
+    return this.transformation.addVariable(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.Condition} conditionalAction
+   * @return {this}
+   */
+  conditional(t) {
+    return this.transformation.conditional(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.Effect} effect
+   * @return {this}
+   */
+  effect(t) {
+    return this.transformation.effect(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.Adjust} action
+   * @return {this}
+   */
+  adjust(t) {
+    return this.transformation.adjust(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.Rotate} rotate
+   * @return {this}
+   */
+  rotate(t) {
+    return this.transformation.rotate(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.NamedTransformation} namedTransformation
+   * @return {this}
+   */
+  namedTransformation(t) {
+    return this.transformation.namedTransformation(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.Delivery} deliveryAction
+   * @return {this}
+   */
+  delivery(t) {
+    return this.transformation.delivery(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Qualifiers.color} color
+   * @return {this}
+   */
+  backgroundColor(t) {
+    return this.transformation.backgroundColor(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.PSDTools} action
+   * @return {this}
+   */
+  psdTools(t) {
+    return this.transformation.psdTools(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.Extract} action
+   * @return {this}
+   */
+  extract(t) {
+    return this.transformation.extract(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Qualifiers.Flag | string} flagQualifier
+   * @return {this}
+   */
+  addFlag(t) {
+    return this.transformation.addFlag(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.CustomFunction} customFunction
+   * @return {this}
+   */
+  customFunction(t) {
+    return this.transformation.customFunction(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {SDK.Action | string} action
+   * @return {this}
+   */
+  addAction(t) {
+    return this.transformation.addAction(t), this;
+  }
+  /**
+   * @description Extend your transformation with another transformation
+   * @param { string | SDK.Transformation } tx
+   */
+  addTransformation(t) {
+    return this.transformation.addTransformation(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @return {string}
+   */
+  toString() {
+    return this.transformation.toString();
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @return {this}
+   */
+  underlay(t) {
+    return this.transformation.underlay(t), this;
+  }
+  toURL(t = {}) {
+    return this.createCloudinaryURL(this.transformation, t == null ? void 0 : t.trackedAnalytics);
+  }
+}
+class At extends M {
+  constructor(t, r, s) {
+    super(t, r, s, new et());
+  }
+}
+class St extends M {
+  constructor(t, r, s) {
+    super(t, r, s, new rt()), this.assetType = "video";
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.Transcode} action
+   * @return {this}
+   */
+  transcode(t) {
+    return this.transformation.transcode(t), this;
+  }
+  /**
+   * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
+   * @param {Actions.VideoEdit} action
+   * @return {this}
+   */
+  videoEdit(t) {
+    return this.transformation.videoEdit(t), this;
+  }
+}
+class vt {
+  constructor(t) {
+    t && (this.cloudinaryConfig = t);
+  }
+  image(t) {
+    return new At(t, this.cloudinaryConfig.cloud, this.cloudinaryConfig.url);
+  }
+  video(t) {
+    return new St(t, this.cloudinaryConfig.cloud, this.cloudinaryConfig.url);
+  }
+  setConfig(t) {
+    return this.cloudinaryConfig = t, this;
+  }
+  getConfig() {
+    return this.cloudinaryConfig;
+  }
+  extendConfig() {
+  }
+}
+const bt = ({
+  publicId: e,
+  format: t = "webp"
+}) => {
+  const r = S(() => new vt({
+    cloud: {
+      cloudName: "fluid-attacks"
+    }
+  }), []);
+  return S(() => r.image(e).format(t), [r, e, t]);
+};
+export {
+  bt as u
+};